@carbon/vue 3.0.13 → 3.0.15

package/src/components/CvNotification/CvInlineNotification.vue

@@ -2,6 +2,7 @@
   <div
     role="alert"
     :kind="kind"
+    class="cv-inline-notification"
     :class="[
       `${carbonPrefix}--inline-notification`,
       `${carbonPrefix}--inline-notification--${kind}`,

package/src/components/CvNotification/CvToastNotification.stories.js

@@ -1,6 +1,6 @@
 import { action } from '@storybook/addon-actions';
-import { sbCompPrefix } from '../../global/storybook-utils';
-
+import DocumentationTemplate from './CvToastNotificationTemplate.mdx';
+import { sbCompPrefix, storySourceCode } from '../../global/storybook-utils';
 import { CvToastNotification, CvNotificationConsts } from '.';
 
 export default {
@@ -85,6 +85,11 @@ export default {
       description: 'Caption slot for more custom content.',
     },
   },
+  parameters: {
+    docs: {
+      page: DocumentationTemplate,
+    },
+  },
 };
 
 const template = `
@@ -118,58 +123,113 @@ const Template = args => {
   };
 };
 
-export const Info = Template.bind({});
-Info.args = {
+export const Default = Template.bind({});
+Default.args = {
   kind: CvNotificationConsts.notificationKinds[0],
+  title: 'info',
+  subTitle: 'subtitle',
+  caption: 'more information',
+};
+Default.parameters = {
+  docs: { source: { code: storySourceCode(template, Default.args) } },
 };
 
 export const InfoSquare = Template.bind({});
 InfoSquare.storyName = 'Info square';
 InfoSquare.args = {
   kind: CvNotificationConsts.notificationKinds[1],
+  title: 'info²',
+  subTitle: 'subtitle',
+  caption: 'more information',
+};
+InfoSquare.parameters = {
+  docs: { source: { code: storySourceCode(template, InfoSquare.args) } },
 };
 
 export const Success = Template.bind({});
 Success.args = {
   kind: CvNotificationConsts.notificationKinds[2],
+  title: 'success',
+  subTitle: 'subtitle',
+  caption: 'more information',
+};
+Success.parameters = {
+  docs: { source: { code: storySourceCode(template, Success.args) } },
 };
-
 export const Warning = Template.bind({});
 Warning.args = {
   kind: CvNotificationConsts.notificationKinds[3],
+  title: 'warning',
+  subTitle: 'subtitle',
+  caption: 'more information',
+};
+Warning.parameters = {
+  docs: { source: { code: storySourceCode(template, Warning.args) } },
 };
 
 export const WarningAlt = Template.bind({});
 WarningAlt.storyName = 'Warning (alt)';
 WarningAlt.args = {
   kind: CvNotificationConsts.notificationKinds[4],
+  title: 'warning △',
+  subTitle: 'subtitle',
+  caption: 'more information',
+};
+WarningAlt.parameters = {
+  docs: { source: { code: storySourceCode(template, WarningAlt.args) } },
 };
 
 export const Error = Template.bind({});
 Error.args = {
   kind: CvNotificationConsts.notificationKinds[5],
+  title: 'error',
+  subTitle: 'subtitle',
+  caption: 'more information',
+};
+Error.parameters = {
+  docs: { source: { code: storySourceCode(template, Error.args) } },
 };
 
 export const SlotDefault = Template.bind({});
 SlotDefault.args = {
   kind: CvNotificationConsts.notificationKinds[4],
+  title: 'title',
+  subTitle: 'subtitle',
   defaultSlot: true,
 };
+SlotDefault.parameters = {
+  docs: { source: { code: storySourceCode(template, SlotDefault.args) } },
+};
 
 export const SlotTitle = Template.bind({});
 SlotTitle.args = {
   kind: CvNotificationConsts.notificationKinds[0],
   titleSlot: true,
+  subTitle: 'subtitle',
+  caption: 'more information',
+};
+SlotTitle.parameters = {
+  docs: { source: { code: storySourceCode(template, SlotTitle.args) } },
 };
 
 export const SlotSubtitle = Template.bind({});
 SlotSubtitle.args = {
   kind: CvNotificationConsts.notificationKinds[3],
   subtitleSlot: true,
+  title: 'title',
+  caption: 'more information',
+};
+SlotSubtitle.parameters = {
+  docs: { source: { code: storySourceCode(template, SlotSubtitle.args) } },
 };
 
 export const SlotCaption = Template.bind({});
 SlotCaption.args = {
   kind: CvNotificationConsts.notificationKinds[1],
   captionSlot: true,
+  title: 'title',
+  subTitle: 'subtitle',
+};
+SlotCaption.parameters = {
+  docs: { source: { code: storySourceCode(template, SlotCaption.args) } },
 };

package/src/components/CvNotification/CvToastNotification.vue

@@ -2,6 +2,7 @@
   <div
     role="alert"
     :kind="kind"
+    class="cv-notification"
     :class="[
       `${carbonPrefix}--toast-notification`,
       `${carbonPrefix}--toast-notification--${kind}`,

package/src/components/CvNotification/CvToastNotificationTemplate.mdx

@@ -0,0 +1,17 @@
+import { Meta, Title,  Primary, Stories } from '@storybook/addon-docs';
+
+<Meta isTemplate />
+
+<Title />
+
+Migration notes:
+
+- **Breaking**. The `subTitle` property no longer renders html. Please use the `subtitle` slot instead.
+- **Breaking**. The `caption` property no longer renders html. Please use the `caption` slot instead.
+- The `title` content can now be provided in the `title` slot.
+
+<Primary />
+
+<Controls />
+
+<Stories />

package/src/components/CvNumberInput/CvNumberInput.vue

@@ -38,7 +38,7 @@
           :data-invalid="isInvalid || null"
           type="number"
           v-bind="$attrs"
-          :disabled="disabled"
+          :disabled="disabled || null"
           :step="step"
           :min="min"
           :max="max"
@@ -53,7 +53,7 @@
             :class="`${carbonPrefix}--number__control-btn down-icon`"
             type="button"
             :aria-label="ariaLabelForDownButton"
-            :disabled="disabled"
+            :disabled="disabled || null"
             aria-live="polite"
             aria-atomic="true"
             @click="doDown"
@@ -67,7 +67,7 @@
             :class="`${carbonPrefix}--number__control-btn up-icon`"
             type="button"
             :aria-label="ariaLabelForUpButton"
-            :disabled="disabled"
+            :disabled="disabled || null"
             aria-live="polite"
             aria-atomic="true"
             @click="doUp"

package/src/components/CvOverflowMenu/CvOverflowMenuItem.vue

@@ -13,8 +13,8 @@
     <button
       type="button"
       :class="`${carbonPrefix}--overflow-menu-options__btn`"
-      :data-floating-menu-primary-focus="primaryFocus"
-      :disabled="disabled"
+      :data-floating-menu-primary-focus="primaryFocus || null"
+      :disabled="disabled || null"
       @click="onClick"
     >
       <span :class="`${carbonPrefix}--overflow-menu-options__option-content`">

package/src/components/CvPagination/CvPagination.stories.mdx

@@ -2,6 +2,10 @@ import { Canvas, Meta, Story } from '@storybook/addon-docs';
 import { CvPagination } from '.';
 import { sbCompPrefix } from '../../global/storybook-utils';
 import { action } from '@storybook/addon-actions';
+import { ref } from 'vue';
+const myPage=ref(1);
+const myPageSizes=ref([5,7,10,11,13])
+const myNumItems=ref(13)
 
 <Meta title={`${sbCompPrefix}/CvPagination`} component={CvPagination} />
 
@@ -14,6 +18,9 @@ export const Template = args => ({
   setup() {
     return {
       ...args,
+      myPage,
+      myPageSizes,
+      myNumItems,
       onChange: action('change'),
     };
   },
@@ -27,13 +34,22 @@ const defaultTemplate = `
     :forward-text="forwardText"
     :page-number-label="pageNumberLabel"
     :page-sizes-label="pageSizesLabel"
-    :number-of-items="numberOfItems"
+    :number-of-items="myNumItems"
     :actual-items-on-page="actualItemsOnPage"
-    :page="page"
-    :page-sizes="pageSizes"
+    :page="myPage"
+    :page-sizes="myPageSizes"
     :backwards-button-disabled="backwardsButtonDisabled"
     :forwards-button-disabled="forwardsButtonDisabled">
   </cv-pagination>
+  <div style="margin-top:2rem; background-color: #888888;  padding:1rem">
+    <h3>Reactive properties</h3>
+    page: <button @click="myPage--">← prev page</button>
+    <button @click="myPage++">next page →</button><br/>
+    page-sizes: <button @click="myPageSizes=[5,10]">change page sizes to [5,10]</button>
+    <button @click="myPageSizes=[10,20,30,40,50]">change page sizes to [10,20,30,40,50]</button><br/>
+    number-of-items: <button @click="myNumItems=4">Set total items = 4</button>
+    <button @click="myNumItems=103">Set total items = 103</button>
+  </div>
 `;
 const slotsTemplate = `
 <cv-pagination
@@ -87,23 +103,14 @@ Migration notes:
       forwardText: undefined,
       pageNumberLabel: undefined,
       pageSizesLabel: undefined,
-      numberOfItems: 103,
-      page: 2,
-      pageSizes: [
-        10,
-        {
-          value: 20,
-          selected: true,
-        },
-        30,
-        40,
-        50,
-      ],
       backwardsButtonDisabled: false,
       forwardsButtonDisabled: false,
       actualItemsOnPage: Infinity,
     }}
     argTypes={{
+      page: { control: false },
+      pageSizes: { control: false },
+      numberOfItems: { control: false }
     }}
   >
     {Template.bind({})}

package/src/components/CvPagination/CvPagination.vue

@@ -156,15 +156,30 @@ const internalValue = computed(() => {
   };
 });
 
-onMounted(() => {
+function adjustValues() {
   pageSizeValue.value = newPageSizeValue(props.pageSizes);
   pageCount.value = newPageCount(props.numberOfItems, pageSizeValue.value);
   pageValue.value = newPageValue(props.page, pageCount.value);
   pages.value = newPagesArray(pageCount.value);
   firstItem.value = newFirstItem(pageValue.value, pageSizeValue.value);
+}
+onMounted(() => {
+  adjustValues();
   // always emit on mount
   emit('change', internalValue.value);
 });
+watch(
+  () => props.pageSizes,
+  () => adjustValues()
+);
+watch(
+  () => props.page,
+  () => adjustValues()
+);
+watch(
+  () => props.numberOfItems,
+  () => adjustValues()
+);
 
 function onPageChange(newVal) {
   pageValue.value = parseInt(newVal, 10);

package/src/components/CvProgress/CvProgress.stories.mdx

@@ -4,6 +4,19 @@ import { Time20 as TimeIcon } from '@carbon/icons-vue';
 // noinspection ES6PreferShortImport
 import { sbCompPrefix } from '../../global/storybook-utils';
 import { action } from '@storybook/addon-actions';
+import {ref } from "vue";
+const step3Invalid = ref(false)
+const step4Disable = ref(false)
+const step5Complete = ref(false)
+function onStep4Disable() {
+  step4Disable.value = !step4Disable.value
+}
+function onStep3Invalid() {
+  step3Invalid.value = !step3Invalid.value
+}
+function onStep5Complete() {
+  step5Complete.value = !step5Complete.value
+}
 
 <Meta title={`${sbCompPrefix}/CvProgress`} component={CvProgress} />
 
@@ -31,6 +44,12 @@ export const Template = args => ({
       invalidIds: args.invalidIds,
       disabledIds: args.disabledIds,
       onStepClicked: action('step-clicked'),
+      step3Invalid,
+      onStep3Invalid,
+      step4Disable,
+      onStep4Disable,
+      step5Complete,
+      onStep5Complete,
     };
   },
   // And then the `args` are bound to your component with `v-bind="args"`
@@ -79,7 +98,7 @@ const slotTemplate = `
       id="step-3"
       :label="step3"
       :complete="completeIds.includes('step-3')"
-      :invalid="invalidIds.includes('step-3')"
+      :invalid="step3Invalid"
       :disabled="disabledIds.includes('step-3')"
       additionalInfo="save the world"
       @step-clicked="onStepClicked"
@@ -90,7 +109,7 @@ const slotTemplate = `
       :label="step4"
       :complete="completeIds.includes('step-4')"
       :invalid="invalidIds.includes('step-4')"
-      :disabled="disabledIds.includes('step-4')"
+      :disabled="step4Disable"
       additionalInfo="Twins Dennys and Sandy"
       @step-clicked="onStepClicked"
       >
@@ -98,7 +117,7 @@ const slotTemplate = `
     <cv-progress-step
       id="step-5"
       :label="step5"
-      :complete="completeIds.includes('step-5')"
+      :complete="step5Complete"
       :invalid="invalidIds.includes('step-5')"
       :disabled="disabledIds.includes('step-5')"
       additionalInfo="with Polyhymnia O'Keefe"
@@ -106,6 +125,9 @@ const slotTemplate = `
       >
     </cv-progress-step>
   </cv-progress>
+  <div><button @click=onStep3Invalid>Toggle step 3 invalid</button></div>
+  <div><button @click=onStep4Disable>Toggle step 4 disabled</button></div>
+  <div><button @click=onStep5Complete>Toggle step 5 complete</button></div>
 `;
 const skeletonTemplate = `<cv-progress-skeleton :vertical="vertical" />`;
 
@@ -187,15 +209,15 @@ Use `cv-progress-step` for more control over the display.
       },
       disabledIds: {
         control: 'multi-select',
-        options: ['step-1', 'step-2', 'step-3', 'step-4', 'step-5'],
+        options: ['step-1', 'step-2', 'step-3', 'step-5'],
       },
       completeIds: {
         control: 'multi-select',
-        options: ['step-1', 'step-2', 'step-3', 'step-4', 'step-5'],
+        options: ['step-1', 'step-2', 'step-3', 'step-4'],
       },
       invalidIds: {
         control: 'multi-select',
-        options: ['step-1', 'step-2', 'step-3', 'step-4', 'step-5'],
+        options: ['step-1', 'step-2', 'step-4', 'step-5'],
       },
     }}
   >
@@ -221,4 +243,4 @@ Use `cv-progress-step` for more control over the display.
   >
     {Template.bind({})}
   </Story>
-</Canvas>
+</Canvas>

package/src/components/CvProgress/CvProgress.vue

@@ -75,4 +75,5 @@ function updateSteps() {
 }
 onMounted(updateSteps);
 watch(() => props.initialStep, updateSteps);
+watch(progressSteps, updateSteps);
 </script>

package/src/components/CvProgress/CvProgressStep.vue

@@ -106,6 +106,8 @@ function checkCurrentStep() {
 onMounted(checkCurrentStep);
 watch(currentStep, checkCurrentStep);
 watch(completedSteps, checkCurrentStep);
+watch(() => props.complete, checkCurrentStep);
+watch(() => props.disabled, checkCurrentStep);
 
 onBeforeUnmount(() => {
   const index = progressSteps.value.findIndex(step => step.uid === uid.value);

package/src/components/CvSlider/CvSlider.vue

@@ -76,7 +76,7 @@
           { [`${carbonPrefix}--text-input--light`]: isLight },
         ]"
         :placeholder="min"
-        :disabled="disabled"
+        :disabled="disabled || null"
         @change="onChange"
         @keydown.up.prevent="onUp"
         @keydown.down.prevent="onDown"

package/src/components/CvTag/CvTag.stories.js

@@ -31,7 +31,6 @@ const Template = (args, { argTypes }) => {
 
 export const Default = Template.bind({});
 Default.args = {
-  kind: 'red',
   label: 'This is a tag',
   filter: false,
 };
@@ -43,7 +42,6 @@ Default.parameters = storyParametersObject(
 
 export const Filter = Template.bind({});
 Filter.args = {
-  kind: 'teal',
   label: 'This is a tag',
   filter: true,
 };

package/src/components/CvTag/CvTag.vue

@@ -8,7 +8,7 @@
       v-if="filter"
       :class="`${carbonPrefix}--tag__close-icon`"
       :aria-label="clearAriaLabel"
-      :disabled="disabled"
+      :disabled="disabled || null"
       @click.stop.prevent="onRemove"
     >
       <Close16 />
@@ -40,7 +40,7 @@ export default {
      */
     kind: {
       type: String,
-      default: 'red',
+      default: undefined,
       validator(val) {
         return tagKinds.includes(val);
       },
@@ -73,14 +73,16 @@ export default {
     });
 
     const tagClasses = computed(() => {
-      const classes = [`${carbonPrefix}--tag`];
+      const classes = [`cv-tag ${carbonPrefix}--tag`];
 
       if (props.small) classes.push(`${carbonPrefix}--tag--sm`);
 
       if (props.skeleton) {
         classes.push(`${carbonPrefix}--skeleton`);
       } else {
-        classes.push(`${carbonPrefix}--tag--${props.kind}`);
+        if (props.kind) {
+          classes.push(`${carbonPrefix}--tag--${props.kind}`);
+        }
 
         if (props.filter) {
           classes.push(`${carbonPrefix}--tag--filter`);

package/src/index.js

@@ -43,3 +43,115 @@ export default {
     }
   },
 };
+export { default as CvAccordion } from './components/CvAccordion/CvAccordion.vue';
+export { default as CvAccordionItem } from './components/CvAccordion/CvAccordionItem.vue';
+export { default as CvAccordionSkeleton } from './components/CvAccordion/CvAccordionSkeleton.vue';
+export { default as CvAspectRatio } from './components/CvAspectRatio/CvAspectRatio.vue';
+export { default as CvBreadcrumb } from './components/CvBreadcrumb/CvBreadcrumb.vue';
+export { default as CvBreadcrumbItem } from './components/CvBreadcrumb/CvBreadcrumbItem.vue';
+export { default as CvBreadcrumbSkeleton } from './components/CvBreadcrumb/CvBreadcrumbSkeleton.vue';
+export { default as CvBreadcrumbSkeletonItem } from './components/CvBreadcrumb/CvBreadcrumbSkeletonItem.vue';
+export { default as CvButton } from './components/CvButton/CvButton.vue';
+export { default as CvButtonSet } from './components/CvButton/CvButtonSet.vue';
+export { default as CvButtonSkeleton } from './components/CvButton/CvButtonSkeleton.vue';
+export { default as CvIconButton } from './components/CvButton/CvIconButton.vue';
+export { default as CvCheckbox } from './components/CvCheckbox/CvCheckbox.vue';
+export { default as CvCheckboxSkeleton } from './components/CvCheckbox/CvCheckboxSkeleton.vue';
+export { default as CvCodeSnippet } from './components/CvCodeSnippet/CvCodeSnippet.vue';
+export { default as CvCodeSnippetSkeleton } from './components/CvCodeSnippet/CvCodeSnippetSkeleton.vue';
+export { default as CvComboBox } from './components/CvComboBox/CvComboBox.vue';
+export { default as CvContentSwitcher } from './components/CvContentSwitcher/CvContentSwitcher.vue';
+export { default as CvContentSwitcherButton } from './components/CvContentSwitcher/CvContentSwitcherButton.vue';
+export { default as CvContentSwitcherContent } from './components/CvContentSwitcher/CvContentSwitcherContent.vue';
+export { default as CvCopyButton } from './components/CvCopyButton/CvCopyButton.vue';
+export { default as CvDataTable } from './components/CvDataTable/CvDataTable.vue';
+export { default as CvDataTableAction } from './components/CvDataTable/CvDataTableAction.vue';
+export { default as CvDataTableCell } from './components/CvDataTable/CvDataTableCell.vue';
+export { default as CvDataTableHeading } from './components/CvDataTable/CvDataTableHeading.vue';
+export { default as CvDataTableRow } from './components/CvDataTable/CvDataTableRow.vue';
+export { default as CvDataTableSkeleton } from './components/CvDataTable/CvDataTableSkeleton.vue';
+export { default as CvDatePicker } from './components/CvDatePicker/CvDatePicker.vue';
+export { default as CvDatePickerSkeleton } from './components/CvDatePicker/CvDatePickerSkeleton.vue';
+export { default as CvDropdown } from './components/CvDropdown/CvDropdown.vue';
+export { default as CvDropdownItem } from './components/CvDropdown/CvDropdownItem.vue';
+export { default as CvDropdownSkeleton } from './components/CvDropdown/CvDropdownSkeleton.vue';
+export { default as CvFileUploader } from './components/CvFileUploader/CvFileUploader.vue';
+export { default as CvFileUploaderItem } from './components/CvFileUploader/CvFileUploaderItem.vue';
+export { default as CvFileUploaderSkeleton } from './components/CvFileUploader/CvFileUploaderSkeleton.vue';
+export { default as CvForm } from './components/CvForm/CvForm.vue';
+export { default as CvFormGroup } from './components/CvForm/CvFormGroup.vue';
+export { default as CvFormItem } from './components/CvForm/CvFormItem.vue';
+export { default as CvColumn } from './components/CvGrid/CvColumn.vue';
+export { default as CvGrid } from './components/CvGrid/CvGrid.vue';
+export { default as CvRow } from './components/CvGrid/CvRow.vue';
+export { default as CvInlineLoading } from './components/CvInlineLoading/CvInlineLoading.vue';
+export { default as CvLink } from './components/CvLink/CvLink.vue';
+export { default as CvList } from './components/CvList/CvList.vue';
+export { default as CvListItem } from './components/CvList/CvListItem.vue';
+export { default as CvLoading } from './components/CvLoading/CvLoading.vue';
+export { default as CvModal } from './components/CvModal/CvModal.vue';
+export { default as CvMultiSelect } from './components/CvMultiSelect/CvMultiSelect.vue';
+export { default as CvInlineNotification } from './components/CvNotification/CvInlineNotification.vue';
+export { default as CvToastNotification } from './components/CvNotification/CvToastNotification.vue';
+export { default as CvNumberInput } from './components/CvNumberInput/CvNumberInput.vue';
+export { default as CvNumberInputSkeleton } from './components/CvNumberInput/CvNumberInputSkeleton.vue';
+export { default as CvOverflowMenu } from './components/CvOverflowMenu/CvOverflowMenu.vue';
+export { default as CvOverflowMenuItem } from './components/CvOverflowMenu/CvOverflowMenuItem.vue';
+export { default as CvPagination } from './components/CvPagination/CvPagination.vue';
+export { default as CvProgress } from './components/CvProgress/CvProgress.vue';
+export { default as CvProgressSkeleton } from './components/CvProgress/CvProgressSkeleton.vue';
+export { default as CvProgressStep } from './components/CvProgress/CvProgressStep.vue';
+export { default as CvRadioButton } from './components/CvRadioButton/CvRadioButton.vue';
+export { default as CvRadioGroup } from './components/CvRadioButton/CvRadioGroup.vue';
+export { default as CvSearch } from './components/CvSearch/CvSearch.vue';
+export { default as CvSelect } from './components/CvSelect/CvSelect.vue';
+export { default as CvSelectOptgroup } from './components/CvSelect/CvSelectOptgroup.vue';
+export { default as CvSelectOption } from './components/CvSelect/CvSelectOption.vue';
+export { default as CvSkeletonText } from './components/CvSkeletonText/CvSkeletonText.vue';
+export { default as CvSlider } from './components/CvSlider/CvSlider.vue';
+export { default as CvSliderSkeleton } from './components/CvSlider/CvSliderSkeleton.vue';
+export { default as CvStructuredList } from './components/CvStructuredList/CvStructuredList.vue';
+export { default as CvStructuredListData } from './components/CvStructuredList/CvStructuredListData.vue';
+export { default as CvStructuredListHeading } from './components/CvStructuredList/CvStructuredListHeading.vue';
+export { default as CvStructuredListItem } from './components/CvStructuredList/CvStructuredListItem.vue';
+export { default as CvStructuredListItemSelectable } from './components/CvStructuredList/CvStructuredListItemSelectable.vue';
+export { default as CvStructuredListItemStandard } from './components/CvStructuredList/CvStructuredListItemStandard.vue';
+export { default as CvTab } from './components/CvTabs/CvTab.vue';
+export { default as CvTabs } from './components/CvTabs/CvTabs.vue';
+export { default as CvTabsSkeleton } from './components/CvTabs/CvTabsSkeleton.vue';
+export { default as CvTag } from './components/CvTag/CvTag.vue';
+export { default as CvTagSkeleton } from './components/CvTag/CvTagSkeleton.vue';
+export { default as CvTextArea } from './components/CvTextArea/CvTextArea.vue';
+export { default as CvTextAreaSkeleton } from './components/CvTextArea/CvTextAreaSkeleton.vue';
+export { default as CvTextInput } from './components/CvTextInput/CvTextInput.vue';
+export { default as CvTextInputSkeleton } from './components/CvTextInput/CvTextInputSkeleton.vue';
+export { default as CvTile } from './components/CvTile/CvTile.vue';
+export { default as CvTileClickable } from './components/CvTile/CvTileClickable.vue';
+export { default as CvTileExpandable } from './components/CvTile/CvTileExpandable.vue';
+export { default as CvTileSelectable } from './components/CvTile/CvTileSelectable.vue';
+export { default as CvTileStandard } from './components/CvTile/CvTileStandard.vue';
+export { default as CvTimePicker } from './components/CvTimePicker/CvTimePicker.vue';
+export { default as CvToggleSkeleton } from './components/CvToggle/CvToggle-Skeleton.vue';
+export { default as CvToggle } from './components/CvToggle/CvToggle.vue';
+export { default as CvDefinitionTooltip } from './components/CvTooltip/CvDefinitionTooltip.vue';
+export { default as CvInteractiveTooltip } from './components/CvTooltip/CvInteractiveTooltip.vue';
+export { default as CvTooltip } from './components/CvTooltip/CvTooltip.vue';
+export { default as CvHeader } from './components/CvUIShell/CvHeader.vue';
+export { default as CvHeaderGlobalAction } from './components/CvUIShell/CvHeaderGlobalAction.vue';
+export { default as CvHeaderMenu } from './components/CvUIShell/CvHeaderMenu.vue';
+export { default as CvHeaderMenuButton } from './components/CvUIShell/CvHeaderMenuButton.vue';
+export { default as CvHeaderMenuItem } from './components/CvUIShell/CvHeaderMenuItem.vue';
+export { default as CvHeaderName } from './components/CvUIShell/CvHeaderName.vue';
+export { default as CvHeaderNav } from './components/CvUIShell/CvHeaderNav.vue';
+export { default as CvHeaderPanel } from './components/CvUIShell/CvHeaderPanel.vue';
+export { default as CvSideNav } from './components/CvUIShell/CvSideNav.vue';
+export { default as CvSideNavIcon } from './components/CvUIShell/CvSideNavIcon.vue';
+export { default as CvSideNavItems } from './components/CvUIShell/CvSideNavItems.vue';
+export { default as CvSideNavLink } from './components/CvUIShell/CvSideNavLink.vue';
+export { default as CvSideNavMenu } from './components/CvUIShell/CvSideNavMenu.vue';
+export { default as CvSideNavMenuDivider } from './components/CvUIShell/CvSideNavMenuDivider.vue';
+export { default as CvSideNavMenuItem } from './components/CvUIShell/CvSideNavMenuItem.vue';
+export { default as CvSkipToContent } from './components/CvUIShell/CvSkipToContent.vue';
+export { default as CvSwitcher } from './components/CvUIShell/CvSwitcher.vue';
+export { default as CvSwitcherItem } from './components/CvUIShell/CvSwitcherItem.vue';
+export { default as CvSwitcherItemLink } from './components/CvUIShell/CvSwitcherItemLink.vue';

package/telemetry.yml

@@ -0,0 +1,8 @@
+# yaml-language-server: $schema=https://unpkg.com/@ibm/telemetry-config-schema@v1/dist/config.schema.json
+
+version: 1
+projectId: 084968c7-d247-4ddb-bc07-cbdbe57fdd43
+endpoint: https://collector-prod.1am6wm210aow.us-south.codeengine.appdomain.cloud/v1/metrics
+collect:
+  npm:
+    dependencies: null