@carbon/vue 3.0.24 → 3.0.26

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@carbon/vue",
-  "version": "3.0.23",
+  "version": "3.0.25",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -3174,7 +3174,7 @@
                 "kind": "expression",
                 "type": "string|number"
               },
-              "default": "''"
+              "default": "undefined"
             },
             {
               "name": "formItem",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/vue",
   "license": "Apache-2.0",
-  "version": "3.0.24",
+  "version": "3.0.26",
   "description": "A collection of components for the Carbon Design System built using Vue.js",
   "packageManager": "yarn@3.2.0",
   "main": "dist/carbon-vue-3.umd.min.js",

package/src/components/CvDataTable/index.js

@@ -1,3 +1,16 @@
 import CvDataTable from './CvDataTable.vue';
-export { CvDataTable };
+import CvDataTableAction from './CvDataTableAction.vue';
+import CvDataTableCell from './CvDataTableCell.vue';
+import CvDataTableHeading from './CvDataTableHeading.vue';
+import CvDataTableRow from './CvDataTableRow.vue';
+import CvDataTableSkeleton from './CvDataTableSkeleton.vue';
+
+export {
+  CvDataTable,
+  CvDataTableAction,
+  CvDataTableCell,
+  CvDataTableHeading,
+  CvDataTableSkeleton,
+  CvDataTableRow,
+};
 export default CvDataTable;

package/src/components/CvNumberInput/CvNumberInput.vue

@@ -114,7 +114,7 @@ const props = defineProps({
   disabled: Boolean,
   modelValue: {
     type: [String, Number],
-    default: '',
+    default: undefined,
   },
   formItem: {
     type: Boolean,
@@ -190,18 +190,22 @@ const modelValueType = typeof props.modelValue;
 const valuesToNaN = ['', null, undefined];
 
 const formatInputValueType = value => {
-  if (modelValueType === 'string') return value.toString();
+  if (modelValueType === 'string') return Number(value).toString();
   // According to Vue2 component if there is no value NaN is emitted
   return valuesToNaN.includes(value) ? NaN : Number(value);
 };
 
+const displayValue = ref(props.modelValue || props.min);
 const internalValue = computed({
   get() {
-    return props.modelValue;
+    return props.modelValue || displayValue.value;
   },
   set(value) {
-    const valueFormatted = formatInputValueType(value);
-    onInput(valueFormatted);
+    displayValue.value = formatInputValueType(value);
+    if (typeof value === 'string') {
+      input.value.value = '';
+    }
+    onInput(displayValue.value);
   },
 });
 

package/src/components/CvSvg/_CvSvg.vue

@@ -33,7 +33,7 @@ export default {
         return h(props.svg);
       } else if (isSvg.value) {
         // an SVG document
-        return h('svg', { domProps: { innerHTML: props.svg } });
+        return h('svg', { innerHTML: props.svg });
       } else {
         if (isSymbol.value) {
           return h('svg', {}, [h('use', { attrs: { href: props.svg } })]);

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

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Svg with fake icon renders the SVG inline 1`] = `
+<svg>
+  <!--?xml version="1.0" encoding="utf-8"?--><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="root">
+    <g fill-rule="evenodd" id="g">
+      <path id="path" d="M7 7H4v2h3v3h2V9h3V7H9V4H7v3zm1 9A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"></path>
+    </g>
+  </svg>
+</svg>
+`;