@carbon/vue 3.0.22 → 3.0.24

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

@@ -2,6 +2,7 @@ import { storyParametersObject } from '../../global/storybook-utils';
 
 import { CvTextInput, CvTextInputSkeleton } from '.';
 import { ref } from 'vue';
+import { sizeTypes, inputTypes } from './const';
 
 export default {
   title: 'Component/CvTextInput',
@@ -92,17 +93,13 @@ export default {
         category: 'props',
       },
     },
+    size: {
+      type: 'select',
+      options: Array.from(sizeTypes),
+    },
     type: {
-      type: 'string',
-      table: {
-        type: { summary: 'string' },
-        category: 'props',
-        defaultValue: { summary: 'text' },
-      },
-      options: ['text', 'password'],
-      control: {
-        type: 'select',
-      },
+      type: 'select',
+      options: Array.from(inputTypes),
     },
     warnText: {
       type: 'string',

package/src/components/CvTextInput/CvTextInput.vue

@@ -44,6 +44,10 @@
             [`${carbonPrefix}--text-input--light`]: isLight,
             [`${carbonPrefix}--text-input--warning`]: isWarn,
             [`${carbonPrefix}--password-input`]: isPassword,
+            [`${carbonPrefix}--text-input--sm`]: size === 'sm',
+            [`${carbonPrefix}--text-input--md`]: size === 'md',
+            [`${carbonPrefix}--text-input--lg`]: size === 'lg',
+            [`${carbonPrefix}--text-input--xl`]: size === 'xl',
           },
         ]"
         v-bind="$attrs"
@@ -115,7 +119,7 @@ import {
 import { carbonPrefix } from '../../global/settings';
 import { useCvId, props as propsCvId } from '../../use/cvId';
 import { useIsLight, props as propsTheme } from '../../use/cvTheme';
-import { inputTypes } from './const';
+import { inputTypes, sizeTypes } from './const';
 
 const props = defineProps({
   /**
@@ -150,6 +154,16 @@ const props = defineProps({
    * Toggle password visibility
    */
   passwordVisible: { type: Boolean, default: undefined },
+  /** Specify the size of the Text Input. Currently, supports the following:
+   `sm`,
+   `md`,
+   `lg`,
+   `xl` */
+  size: {
+    type: String,
+    default: undefined,
+    validator: value => sizeTypes.has(value),
+  },
   /**
    * Input type, only `text` and `password` are available
    */

package/src/components/CvTextInput/const.js

@@ -1,2 +1,3 @@
 // Currently available types for CvTextInput
 export const inputTypes = new Set(['password', 'text']);
+export const sizeTypes = new Set(['sm', 'md', 'lg', 'xl']);

package/src/components/CvTooltip/__tests__/__snapshots__/CvTooltip.spec.js.snap

@@ -45,7 +45,7 @@ exports[`CvDefinitionTooltip should render definition tooltip: minimal as expect
 exports[`CvInteractiveTooltip should render interactive tooltip with direction and visible set as expected 1`] = `
 <div class="cv-interactive-tooltip">
   <div id="test-1-label" class="bx--tooltip__label"><button aria-expanded="false" aria-labelledby="test-1-label" class="bx--tooltip__trigger" aria-controls="test-1" aria-haspopup="true" type="button">
-      <anonymous-stub></anonymous-stub>
+      <information16-stub></information16-stub>
     </button></div>
 </div>
 `;
@@ -87,7 +87,7 @@ exports[`CvInteractiveTooltip should render interactive tooltip with direction a
 exports[`CvInteractiveTooltip should render interactive tooltip with direction set to \`bottom\` as expected 1`] = `
 <div class="cv-interactive-tooltip">
   <div id="test-1-label" class="bx--tooltip__label"><button aria-expanded="false" aria-labelledby="test-1-label" class="bx--tooltip__trigger" aria-controls="test-1" aria-haspopup="true" type="button">
-      <anonymous-stub></anonymous-stub>
+      <information16-stub></information16-stub>
     </button></div>
 </div>
 `;
@@ -129,7 +129,7 @@ exports[`CvInteractiveTooltip should render interactive tooltip with direction s
 exports[`CvInteractiveTooltip should render interactive tooltip with direction set to \`left\` as expected 1`] = `
 <div class="cv-interactive-tooltip">
   <div id="test-1-label" class="bx--tooltip__label"><button aria-expanded="false" aria-labelledby="test-1-label" class="bx--tooltip__trigger" aria-controls="test-1" aria-haspopup="true" type="button">
-      <anonymous-stub></anonymous-stub>
+      <information16-stub></information16-stub>
     </button></div>
 </div>
 `;
@@ -171,7 +171,7 @@ exports[`CvInteractiveTooltip should render interactive tooltip with direction s
 exports[`CvInteractiveTooltip should render interactive tooltip with direction set to \`right\` as expected 1`] = `
 <div class="cv-interactive-tooltip">
   <div id="test-1-label" class="bx--tooltip__label"><button aria-expanded="false" aria-labelledby="test-1-label" class="bx--tooltip__trigger" aria-controls="test-1" aria-haspopup="true" type="button">
-      <anonymous-stub></anonymous-stub>
+      <information16-stub></information16-stub>
     </button></div>
 </div>
 `;
@@ -213,7 +213,7 @@ exports[`CvInteractiveTooltip should render interactive tooltip with direction s
 exports[`CvInteractiveTooltip should render interactive tooltip with direction set to \`top\` as expected 1`] = `
 <div class="cv-interactive-tooltip">
   <div id="test-1-label" class="bx--tooltip__label"><button aria-expanded="false" aria-labelledby="test-1-label" class="bx--tooltip__trigger" aria-controls="test-1" aria-haspopup="true" type="button">
-      <anonymous-stub></anonymous-stub>
+      <information16-stub></information16-stub>
     </button></div>
 </div>
 `;
@@ -255,7 +255,7 @@ exports[`CvInteractiveTooltip should render interactive tooltip with direction s
 exports[`CvInteractiveTooltip should render interactive tooltip with slot \`content\` as expected 1`] = `
 <div class="cv-interactive-tooltip">
   <div id="test-1-label" class="bx--tooltip__label"><button aria-expanded="false" aria-labelledby="test-1-label" class="bx--tooltip__trigger" aria-controls="test-1" aria-haspopup="true" type="button">
-      <anonymous-stub></anonymous-stub>
+      <information16-stub></information16-stub>
     </button></div>
 </div>
 `;
@@ -304,7 +304,7 @@ exports[`CvInteractiveTooltip should render interactive tooltip with slot \`labe
 <div class="cv-interactive-tooltip">
   <div id="test-1-label" class="bx--tooltip__label">
     <div>Interactive tooptip label</div><button aria-expanded="false" aria-labelledby="test-1-label" class="bx--tooltip__trigger" aria-controls="test-1" aria-haspopup="true" type="button">
-      <anonymous-stub></anonymous-stub>
+      <information16-stub></information16-stub>
     </button>
   </div>
 </div>
@@ -389,7 +389,7 @@ exports[`CvInteractiveTooltip should render interactive tooltip with slot \`trig
 exports[`CvInteractiveTooltip should render interactive tooltip with visible set to \`true\` as expected 1`] = `
 <div class="cv-interactive-tooltip">
   <div id="test-1-label" class="bx--tooltip__label"><button aria-expanded="false" aria-labelledby="test-1-label" class="bx--tooltip__trigger" aria-controls="test-1" aria-haspopup="true" type="button">
-      <anonymous-stub></anonymous-stub>
+      <information16-stub></information16-stub>
     </button></div>
 </div>
 `;
@@ -431,7 +431,7 @@ exports[`CvInteractiveTooltip should render interactive tooltip with visible set
 exports[`CvInteractiveTooltip should render interactive tooltip: minimal as expected 1`] = `
 <div class="cv-interactive-tooltip">
   <div id="test-1-label" class="bx--tooltip__label"><button aria-expanded="false" aria-labelledby="test-1-label" class="bx--tooltip__trigger" aria-controls="test-1" aria-haspopup="true" type="button">
-      <anonymous-stub></anonymous-stub>
+      <information16-stub></information16-stub>
     </button></div>
 </div>
 `;
@@ -472,54 +472,54 @@ exports[`CvInteractiveTooltip should render interactive tooltip: minimal as expe
 
 exports[`CvToopltip should render tooltip with aligment and direction set as expected 1`] = `
 <button class="cv-tooltip bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--right bx--tooltip--align-end" type="button"><span class="bx--assistive-text">this is a tip</span>
-  <anonymous-stub></anonymous-stub>
+  <information16-stub></information16-stub>
 </button>
 `;
 
 exports[`CvToopltip should render tooltip with aligment set to \`center\` as expected 1`] = `
 <button class="cv-tooltip bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" type="button"><span class="bx--assistive-text">this is a tip</span>
-  <anonymous-stub></anonymous-stub>
+  <information16-stub></information16-stub>
 </button>
 `;
 
 exports[`CvToopltip should render tooltip with aligment set to \`end\` as expected 1`] = `
 <button class="cv-tooltip bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-end" type="button"><span class="bx--assistive-text">this is a tip</span>
-  <anonymous-stub></anonymous-stub>
+  <information16-stub></information16-stub>
 </button>
 `;
 
 exports[`CvToopltip should render tooltip with aligment set to \`start\` as expected 1`] = `
 <button class="cv-tooltip bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-start" type="button"><span class="bx--assistive-text">this is a tip</span>
-  <anonymous-stub></anonymous-stub>
+  <information16-stub></information16-stub>
 </button>
 `;
 
 exports[`CvToopltip should render tooltip with direction set to \`bottom\` as expected 1`] = `
 <button class="cv-tooltip bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--bottom bx--tooltip--align-center" type="button"><span class="bx--assistive-text">this is a tip</span>
-  <anonymous-stub></anonymous-stub>
+  <information16-stub></information16-stub>
 </button>
 `;
 
 exports[`CvToopltip should render tooltip with direction set to \`left\` as expected 1`] = `
 <button class="cv-tooltip bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--left bx--tooltip--align-center" type="button"><span class="bx--assistive-text">this is a tip</span>
-  <anonymous-stub></anonymous-stub>
+  <information16-stub></information16-stub>
 </button>
 `;
 
 exports[`CvToopltip should render tooltip with direction set to \`right\` as expected 1`] = `
 <button class="cv-tooltip bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--right bx--tooltip--align-center" type="button"><span class="bx--assistive-text">this is a tip</span>
-  <anonymous-stub></anonymous-stub>
+  <information16-stub></information16-stub>
 </button>
 `;
 
 exports[`CvToopltip should render tooltip with direction set to \`top\` as expected 1`] = `
 <button class="cv-tooltip bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" type="button"><span class="bx--assistive-text">this is a tip</span>
-  <anonymous-stub></anonymous-stub>
+  <information16-stub></information16-stub>
 </button>
 `;
 
 exports[`CvToopltip should render tooltip: minimal as expected 1`] = `
 <button class="cv-tooltip bx--tooltip__trigger bx--tooltip--a11y bx--tooltip--top bx--tooltip--align-center" type="button"><span class="bx--assistive-text">this is a tip</span>
-  <anonymous-stub></anonymous-stub>
+  <information16-stub></information16-stub>
 </button>
 `;

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/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