@carbon/vue 3.0.21 → 3.0.23

package/src/components/CvLink/CvLink.stories.js

@@ -1,5 +1,4 @@
 import {
-  sbCompPrefix,
   storybookControlsFromProps,
   storyParametersObject,
 } from '../../global/storybook-utils';
@@ -9,7 +8,7 @@ import { Download16 } from '@carbon/icons-vue';
 import { props as propsCvLink, linkSizes } from '../../use/cvLink';
 
 export default {
-  title: `${sbCompPrefix}/CvLink`,
+  title: 'Component/CvLink',
   component: CvLink,
   argTypes: {
     ...storybookControlsFromProps(propsCvLink),

package/src/components/CvList/CvList.stories.js

@@ -1,12 +1,9 @@
 import { CvList, CvListItem } from '.';
 
-import {
-  sbCompPrefix,
-  storyParametersObject,
-} from '../../global/storybook-utils';
+import { storyParametersObject } from '../../global/storybook-utils';
 
 export default {
-  title: `${sbCompPrefix}/CvList`,
+  title: 'Component/CvList',
   component: CvList,
   argTypes: {
     ordered: {

package/src/components/CvLoading/CvLoading.stories.js

@@ -2,14 +2,11 @@ import CvLoading from '.';
 
 import { ref, computed } from 'vue';
 import { action } from '@storybook/addon-actions';
-import {
-  sbCompPrefix,
-  storyParametersObject,
-} from '../../global/storybook-utils';
+import { storyParametersObject } from '../../global/storybook-utils';
 import './CvLoading.stories.scss';
 
 export default {
-  title: `${sbCompPrefix}/CvLoading`,
+  title: 'Component/CvLoading',
   component: CvLoading,
   argTypes: {
     'loading-end': {

package/src/components/CvMultiSelect/CvMultiSelect.vue

@@ -163,7 +163,10 @@
           @mousemove="onMousemove(item.value)"
           @mousedown.prevent
         >
-          <div :class="`${carbonPrefix}--list-box__menu-item__option`">
+          <div
+            :class="`${carbonPrefix}--list-box__menu-item__option`"
+            :title="item.label"
+          >
             <cv-checkbox
               v-model="data.selectedItems"
               tabindex="-1"

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

@@ -1,11 +1,11 @@
 import { action } from '@storybook/addon-actions';
-import { sbCompPrefix, storySourceCode } from '../../global/storybook-utils';
+import { storySourceCode } from '../../global/storybook-utils';
 
 import { CvInlineNotification, CvNotificationConsts } from '.';
 import DocumentationTemplate from './CvInlineNotificationTemplate.mdx';
 
 export default {
-  title: `${sbCompPrefix}/CvInlineNotification`,
+  title: 'Component/CvInlineNotification',
   component: CvInlineNotification,
   argTypes: {
     kind: {

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

@@ -1,10 +1,10 @@
 import { action } from '@storybook/addon-actions';
 import DocumentationTemplate from './CvToastNotificationTemplate.mdx';
-import { sbCompPrefix, storySourceCode } from '../../global/storybook-utils';
+import { storySourceCode } from '../../global/storybook-utils';
 import { CvToastNotification, CvNotificationConsts } from '.';
 
 export default {
-  title: `${sbCompPrefix}/CvToastNotification`,
+  title: 'Component/CvToastNotification',
   component: CvToastNotification,
   argTypes: {
     kind: {

package/src/components/CvNumberInput/CvNumberInput.stories.js

@@ -1,13 +1,9 @@
 import { ref } from 'vue';
-import {
-  sbCompPrefix,
-  storyParametersObject,
-} from '../../global/storybook-utils';
-import { StorybookGroupConst } from './StorybookGroupConst';
+import { storyParametersObject } from '../../global/storybook-utils';
 import CvNumberInput from './CvNumberInput.vue';
 
 export default {
-  title: `${sbCompPrefix}/${StorybookGroupConst}/CvNumberInput`,
+  title: 'Component/CvNumberInput',
   component: CvNumberInput,
   argTypes: {
     // attrs

package/src/components/CvNumberInput/CvNumberInputSkeleton.stories.js

@@ -1,12 +1,8 @@
-import {
-  sbCompPrefix,
-  storyParametersObject,
-} from '../../global/storybook-utils';
-import { StorybookGroupConst } from './StorybookGroupConst';
+import { storyParametersObject } from '../../global/storybook-utils';
 import CvNumberInputSkeleton from './CvNumberInputSkeleton.vue';
 
 export default {
-  title: `${sbCompPrefix}/${StorybookGroupConst}/CvNumberInputSkeleton`,
+  title: 'Component/CvNumberInputSkeleton',
   component: CvNumberInputSkeleton,
 };
 

package/src/components/CvRadioButton/CvRadioButton.stories.js

@@ -1,13 +1,10 @@
 import { action } from '@storybook/addon-actions';
 import { CvRadioButton, CvRadioGroup } from '.';
-import {
-  sbCompPrefix,
-  storyParametersObject,
-} from '../../global/storybook-utils';
+import { storyParametersObject } from '../../global/storybook-utils';
 import { ref } from 'vue';
 
 export default {
-  title: `${sbCompPrefix}/CvRadioButton`,
+  title: 'Component/CvRadioButton',
   component: CvRadioButton,
   argTypes: {
     checked: {

package/src/components/CvSkeletonText/CvSkeletonText.stories.js

@@ -1,12 +1,9 @@
-import {
-  sbCompPrefix,
-  storyParametersObject,
-} from '../../global/storybook-utils';
+import { storyParametersObject } from '../../global/storybook-utils';
 
 import { CvSkeletonText } from '.';
 
 export default {
-  title: `${sbCompPrefix}/CvSkeletonText`,
+  title: 'Component/CvSkeletonText',
   component: CvSkeletonText,
   argTypes: {
     heading: { control: { type: 'boolean' } },

package/src/components/CvSlider/CvSlider.stories.js

@@ -1,14 +1,10 @@
 import { ref } from 'vue';
 import { action } from '@storybook/addon-actions';
-import {
-  sbCompPrefix,
-  storyParametersObject,
-} from '../../global/storybook-utils';
-import { sbSliderPrefix } from './sbSliderPrefix';
+import { storyParametersObject } from '../../global/storybook-utils';
 import { CvSlider } from '.';
 
 export default {
-  title: `${sbCompPrefix}/${sbSliderPrefix}/CvSlider`,
+  title: 'Component/CvSlider',
   component: CvSlider,
   argTypes: {
     disabled: {

package/src/components/CvSlider/CvSliderSkeleton.stories.js

@@ -1,12 +1,8 @@
-import {
-  sbCompPrefix,
-  storyParametersObject,
-} from '../../global/storybook-utils';
-import { sbSliderPrefix } from './sbSliderPrefix';
+import { storyParametersObject } from '../../global/storybook-utils';
 import { CvSliderSkeleton } from '.';
 
 export default {
-  title: `${sbCompPrefix}/${sbSliderPrefix}/CvSliderSkeleton`,
+  title: 'Component/CvSliderSkeleton',
   component: CvSliderSkeleton,
 };
 

package/src/components/CvStructuredList/CvStructuredList.stories.js

@@ -1,9 +1,6 @@
 import { action } from '@storybook/addon-actions';
 import { ref } from 'vue';
-import {
-  sbCompPrefix,
-  storyParametersObject,
-} from '../../global/storybook-utils';
+import { storyParametersObject } from '../../global/storybook-utils';
 import {
   CvStructuredList,
   CvStructuredListHeading,
@@ -12,7 +9,7 @@ import {
 } from '.';
 
 export default {
-  title: `${sbCompPrefix}/CvStructuredList`,
+  title: 'Component/CvStructuredList',
   component: CvStructuredList,
   argTypes: {
     selectable: {

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

@@ -1,10 +1,7 @@
 import CvTag from './CvTag.vue';
 import { tagKinds } from './consts.js';
 import { action } from '@storybook/addon-actions';
-import {
-  sbCompPrefix,
-  storyParametersObject,
-} from '../../global/storybook-utils';
+import { storyParametersObject } from '../../global/storybook-utils';
 import {
   DataDefinition20,
   Bee20,
@@ -27,7 +24,7 @@ const icons = {
 };
 
 export default {
-  title: `${sbCompPrefix}/CvTag`,
+  title: 'Component/CvTag',
   component: CvTag,
   argTypes: {
     kind: { control: 'select', options: tagKinds },

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

@@ -1,11 +1,8 @@
-import {
-  sbCompPrefix,
-  storyParametersObject,
-} from '../../global/storybook-utils';
+import { storyParametersObject } from '../../global/storybook-utils';
 import CvTagSkeleton from './CvTagSkeleton.vue';
 
 export default {
-  title: `${sbCompPrefix}/CvTagSkeleton`,
+  title: 'Component/CvTagSkeleton',
   component: CvTagSkeleton,
 };
 

package/src/components/CvTextArea/CvTextArea.stories.js

@@ -1,13 +1,9 @@
-import {
-  sbCompPrefix,
-  storyParametersObject,
-} from '../../global/storybook-utils';
-import { StorybookGroupConst } from './StorybookGroupConst';
+import { storyParametersObject } from '../../global/storybook-utils';
 import CvTextArea from '.';
 import { ref } from 'vue';
 
 export default {
-  title: `${sbCompPrefix}/${StorybookGroupConst}/CvTextArea`,
+  title: 'Component/CvTextArea',
   component: CvTextArea,
   argTypes: {
     // attrs

package/src/components/CvTextArea/CvTextAreaSkeleton.stories.js

@@ -1,12 +1,8 @@
-import {
-  sbCompPrefix,
-  storyParametersObject,
-} from '../../global/storybook-utils';
-import { StorybookGroupConst } from './StorybookGroupConst';
+import { storyParametersObject } from '../../global/storybook-utils';
 import { CvTextAreaSkeleton } from './';
 
 export default {
-  title: `${sbCompPrefix}/${StorybookGroupConst}/CvTextAreaSkeleton`,
+  title: 'Component/CvTextAreaSkeleton',
   component: CvTextAreaSkeleton,
 };
 

package/src/components/CvTextInput/CvTextInput.stories.js

@@ -1,13 +1,10 @@
-import {
-  sbCompPrefix,
-  storyParametersObject,
-} from '../../global/storybook-utils';
+import { storyParametersObject } from '../../global/storybook-utils';
 
 import { CvTextInput, CvTextInputSkeleton } from '.';
 import { ref } from 'vue';
 
 export default {
-  title: `${sbCompPrefix}/CvTextInput`,
+  title: 'Component/CvTextInput',
   component: CvTextInput,
   argTypes: {
     // attrs

package/src/components/CvToggle/CvToggle.stories.js

@@ -1,7 +1,4 @@
-import {
-  sbCompPrefix,
-  storyParametersObject,
-} from '../../global/storybook-utils';
+import { storyParametersObject } from '../../global/storybook-utils';
 
 import { CvToggle } from '.';
 import { CvToggleSkeleton } from '.';
@@ -20,7 +17,7 @@ const initArgsMinimal = {
 };
 
 export default {
-  title: `${sbCompPrefix}/CvToggle`,
+  title: 'Component/CvToggle',
   component: CvToggle,
   parameters: {
     a11y: {

package/src/components/CvTooltip/CvDefinitionTooltip.stories.js

@@ -1,13 +1,9 @@
 import CvDefinitionTooltip from './CvDefinitionTooltip.vue';
-import {
-  sbCompPrefix,
-  storyParametersObject,
-} from '../../global/storybook-utils';
+import { storyParametersObject } from '../../global/storybook-utils';
 import { alignments, directions } from './consts';
-import { sbTooltipPrefix } from './sbTooltipPrefix';
 
 export default {
-  title: `${sbCompPrefix}/${sbTooltipPrefix}/CvDefinitionTooltip`,
+  title: 'Component/CvDefinitionTooltip',
   component: CvDefinitionTooltip,
   argTypes: {
     alignment: {

package/src/components/CvTooltip/CvInteractiveTooltip.stories.js

@@ -1,14 +1,10 @@
 import CvInteractiveTooltip from './CvInteractiveTooltip.vue';
-import {
-  sbCompPrefix,
-  storyParametersObject,
-} from '../../global/storybook-utils';
+import { storyParametersObject } from '../../global/storybook-utils';
 import { alignments, directions } from './consts';
-import { sbTooltipPrefix } from './sbTooltipPrefix';
 import Filter16 from '@carbon/icons-vue/es/filter/16';
 
 export default {
-  title: `${sbCompPrefix}/${sbTooltipPrefix}/CvInteractiveTooltip`,
+  title: 'Component/CvInteractiveTooltip',
   component: CvInteractiveTooltip,
   argTypes: {
     alignment: {

package/src/components/CvTooltip/CvTooltip.stories.js

@@ -1,13 +1,9 @@
 import CvTooltip from './CvTooltip.vue';
-import {
-  sbCompPrefix,
-  storyParametersObject,
-} from '../../global/storybook-utils';
+import { storyParametersObject } from '../../global/storybook-utils';
 import { alignments, directions } from './consts';
-import { sbTooltipPrefix } from './sbTooltipPrefix';
 
 export default {
-  title: `${sbCompPrefix}/${sbTooltipPrefix}/CvTooltip`,
+  title: 'Component/CvTooltip',
   component: CvTooltip,
   argTypes: {
     alignment: {

package/src/components/CvUIShell/CvContent.stories.js

@@ -0,0 +1,22 @@
+import { storyParametersObject } from '../../global/storybook-utils';
+import CvContent from './CvContent.vue';
+
+export default {
+  title: 'Component/ui-select/CvContent',
+  component: CvContent,
+  argTypes: {},
+};
+
+const template = `<cv-content>Hello main</cv-content>`;
+const Template = () => {
+  return {
+    template,
+  };
+};
+
+export const Default = Template.bind({});
+Default.parameters = storyParametersObject(
+  Default.parameters,
+  template,
+  Default.args
+);

package/src/components/CvUIShell/CvContent.vue

@@ -0,0 +1,14 @@
+<script setup>
+import { carbonPrefix } from '../../global/settings';
+defineProps({
+  tagType: { type: String, default: 'main' },
+});
+</script>
+
+<template>
+  <component :is="tagType" :class="`${carbonPrefix}--content`">
+    <slot />
+  </component>
+</template>
+
+<style scoped lang="scss"></style>

package/src/index.js

@@ -138,6 +138,7 @@ 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 CvContent } from './components/CvUIShell/CvContent.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';

package/src/use/overflow.js

@@ -13,8 +13,8 @@ export const useElementHasOverflow = element => {
   const scrollWidth = ref(0);
 
   const updateStaticValues = () => {
-    clientWidth.value = element.value.clientWidth;
-    scrollWidth.value = element.value.scrollWidth;
+    clientWidth.value = element.value?.clientWidth;
+    scrollWidth.value = element.value?.scrollWidth;
   };
   const debouncedUpdateStaticValues = useDebounceFn(
     updateStaticValues,

package/telemetry.yml

@@ -2,7 +2,7 @@
 
 version: 1
 projectId: 084968c7-d247-4ddb-bc07-cbdbe57fdd43
-endpoint: https://collector-prod.1am6wm210aow.us-south.codeengine.appdomain.cloud/v1/metrics
+endpoint: https://www-api.ibm.com/ibm-telemetry/v1/telemetry
 collect:
   npm:
     dependencies: null