feat: structured-list wireframe

src/components/CvStructuredList/CvStructuredList.stories.js

@@ -0,0 +1,64 @@
+import {
+  sbCompPrefix,
+  storyParametersObject,
+} from '../../global/storybook-utils';
+import { CvStructuredList } from '.';
+
+export default {
+  title: `${sbCompPrefix}/CvStructuredList`,
+  component: CvStructuredList,
+  argTypes: {},
+};
+
+const template = `<cv-structured-list v-bind="args">
+<template slot="headings">
+  <cv-structured-list-heading>Heading 1</cv-structured-list-heading>
+  <cv-structured-list-heading>Heading 2</cv-structured-list-heading>
+  <cv-structured-list-heading>Heading 3</cv-structured-list-heading>
+</template>
+<template slot="items">
+  <cv-structured-list-item>
+    <cv-structured-list-data>Item_1</cv-structured-list-data>
+    <cv-structured-list-data>Item_1</cv-structured-list-data>
+    <cv-structured-list-data
+      >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui magna, finibus id tortor sed, aliquet
+      bibendum augue. Aenean posuere sem vel euismod dignissim. Nulla ut cursus dolor. Pellentesque vulputate nisl a
+      porttitor interdum.</cv-structured-list-data
+    >
+  </cv-structured-list-item>
+  <cv-structured-list-item>
+    <cv-structured-list-data>Item_2</cv-structured-list-data>
+    <cv-structured-list-data>Item_2</cv-structured-list-data>
+    <cv-structured-list-data
+      >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui magna, finibus id tortor sed, aliquet
+      bibendum augue. Aenean posuere sem vel euismod dignissim. Nulla ut cursus dolor. Pellentesque vulputate nisl a
+      porttitor interdum.</cv-structured-list-data
+    >
+  </cv-structured-list-item>
+  <cv-structured-list-item>
+    <cv-structured-list-data>Item_3</cv-structured-list-data>
+    <cv-structured-list-data>Item_3</cv-structured-list-data>
+    <cv-structured-list-data
+      >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui magna, finibus id tortor sed, aliquet
+      bibendum augue. Aenean posuere sem vel euismod dignissim. Nulla ut cursus dolor. Pellentesque vulputate nisl a
+      porttitor interdum.</cv-structured-list-data
+    >
+  </cv-structured-list-item>
+</template>
+</cv-structured-list>`;
+
+const Template = args => {
+  return {
+    components: { CvStructuredList },
+    setup: () => ({ args }),
+    template,
+  };
+};
+
+export const Default = Template.bind({});
+Default.args = {};
+Default.parameters = storyParametersObject(
+  Default.parameters,
+  template,
+  Default.args
+);

src/components/CvStructuredList/CvStructuredList.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class=""></div>
+</template>
+
+<script setup>
+//
+</script>
+
+<style lang="scss" scoped>
+//
+</style>

src/components/CvStructuredList/CvStructuredListData.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class=""></div>
+</template>
+
+<script setup>
+//
+</script>
+
+<style lang="scss" scoped>
+//
+</style>

src/components/CvStructuredList/CvStructuredListHeading.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class=""></div>
+</template>
+
+<script setup>
+//
+</script>
+
+<style lang="scss" scoped>
+//
+</style>

src/components/CvStructuredList/CvStructuredListItem.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class=""></div>
+</template>
+
+<script setup>
+//
+</script>
+
+<style lang="scss" scoped>
+//
+</style>

src/components/CvStructuredList/CvStructuredListItemSelectable.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class=""></div>
+</template>
+
+<script setup>
+//
+</script>
+
+<style lang="scss" scoped>
+//
+</style>

src/components/CvStructuredList/CvStructuredListItemStandard.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class=""></div>
+</template>
+
+<script setup>
+//
+</script>
+
+<style lang="scss" scoped>
+//
+</style>

src/components/CvStructuredList/__tests__/CvStructuredList.spec.js

@@ -0,0 +1 @@
+// TODO

src/components/CvStructuredList/index.js

@@ -0,0 +1,12 @@
+import CvStructuredListData from './CvStructuredListData.vue';
+import CvStructuredListHeading from './CvStructuredListHeading.vue';
+import CvStructuredListItem from './CvStructuredListItem.vue';
+import CvStructuredList from './CvStructuredList.vue';
+export {
+  CvStructuredList,
+  CvStructuredListItem,
+  CvStructuredListHeading,
+  CvStructuredListData,
+};
+
+export default CvStructuredList;