@carbon/vue 3.0.18 → 3.0.20

package/README.md

@@ -112,6 +112,25 @@ If you just want to build an individual package you can limit the scope:
 
 To start the storybook in a local server use `yarn start`.
 
+## Test publish
+
+To test publishing to a npm registry:
+
+```shell
+cd local-dev
+docker-compose up
+# open a new terminal
+yarn build
+npm add-user --registry http://0.0.0.0:4873/
+# any username, password, & email will work
+# try: carbon, vue, & carbon-vue@example.com
+yarn test:publish
+# maybe change some things and try again
+yarn build
+yarn test:unpublish
+yarn test:publish
+```
+
 ## How to run the storybook
 
 Just follow the steps listed below and you will be able to run the storybook.

package/dist/carbon-vue-3.common.js

@@ -10267,14 +10267,18 @@ var _hoisted_7 = ["aria-disabled"];
             _: 2
           }, 1032, ["value"]);
         }), 128))];
-      })], 10, _hoisted_6)], 16, _hoisted_3), data.isInvalid ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+      })], 10, _hoisted_6)], 16, _hoisted_3), data.isInvalid ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("p", {
         key: 1,
-        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--form-requirement"))
+        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--form-requirement")),
+        role: "alert",
+        "aria-atomic": "true"
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "invalid-message", {}, function () {
         return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(__props.invalidMessage), 1)];
-      })], 2)) : isWarning.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
+      })], 2)) : isWarning.value ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("p", {
         key: 2,
-        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--form-requirement"))
+        class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat((0,external_commonjs_vue_commonjs2_vue_root_Vue_.unref)(settings/* carbonPrefix */.B), "--form-requirement")),
+        role: "alert",
+        "aria-atomic": "true"
       }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderSlot)(_ctx.$slots, "warning-message", {}, function () {
         return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(__props.warningMessage), 1)];
       })], 2)) : data.isHelper ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
@@ -12864,7 +12868,7 @@ var close_16 = __webpack_require__(2148);
 // EXTERNAL MODULE: ./src/components/CvCheckbox/CvCheckbox.vue + 2 modules
 var CvCheckbox = __webpack_require__(7578);
 // EXTERNAL MODULE: ./src/components/CvTag/CvTag.vue + 4 modules
-var CvTag = __webpack_require__(8459);
+var CvTag = __webpack_require__(168);
 ;// CONCATENATED MODULE: ./src/components/CvMultiSelect/consts.js
 var TOP_AFTER_REOPEN = 0;
 var TOP = 1;
@@ -18498,7 +18502,7 @@ const __exports__ = CvTabsSkeletonvue_type_script_setup_true_lang_js;
 
 /***/ }),
 
-/***/ 8459:
+/***/ 168:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -18516,13 +18520,15 @@ var es_array_filter = __webpack_require__(7327);
 var es_object_to_string = __webpack_require__(1539);
 // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
 var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(3797);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CvTag/CvTag.vue?vue&type=template&id=e419b92c
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CvTag/CvTag.vue?vue&type=template&id=798616b4
 
 
 
 var _hoisted_1 = ["title"];
 var _hoisted_2 = ["aria-label", "disabled"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_cv_svg = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("cv-svg");
+
   var _component_Close16 = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.resolveComponent)("Close16");
 
   return $props.skeleton ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
@@ -18533,10 +18539,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)($setup.tagClasses),
     role: "listitem",
     title: $setup.title
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", {
+  }, [!$props.skeleton && $props.renderIcon ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createBlock)(_component_cv_svg, {
+    key: 0,
+    svg: $props.renderIcon,
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat($setup.carbonPrefix, "--tag__custom-icon"))
+  }, null, 8, ["svg", "class"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", {
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat($setup.carbonPrefix, "--tag__label"))
   }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)($props.label), 3), $props.filter ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("button", {
-    key: 0,
+    key: 1,
     class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeClass)("".concat($setup.carbonPrefix, "--tag__close-icon")),
     "aria-label": $props.clearAriaLabel,
     disabled: $props.disabled || null,
@@ -18545,7 +18555,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, ["stop", "prevent"]))
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_Close16)], 10, _hoisted_2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createCommentVNode)("", true)], 10, _hoisted_1));
 }
-;// CONCATENATED MODULE: ./src/components/CvTag/CvTag.vue?vue&type=template&id=e419b92c
+;// CONCATENATED MODULE: ./src/components/CvTag/CvTag.vue?vue&type=template&id=798616b4
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.includes.js
 var es_array_includes = __webpack_require__(6699);
@@ -18561,6 +18571,8 @@ var settings = __webpack_require__(8955);
 var consts = __webpack_require__(1306);
 // EXTERNAL MODULE: ./node_modules/@carbon/icons-vue/es/close/16.js
 var _16 = __webpack_require__(2148);
+// EXTERNAL MODULE: ./src/components/CvSvg/_CvSvg.vue + 2 modules
+var _CvSvg = __webpack_require__(5243);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CvTag/CvTag.vue?vue&type=script&lang=js
 
 
@@ -18572,33 +18584,30 @@ var _16 = __webpack_require__(2148);
 
 
 
+
 /* harmony default export */ var CvTagvue_type_script_lang_js = ({
   name: 'CvTag',
   components: {
+    CvSvg: _CvSvg/* default */.Z,
     Close16: _16/* default */.Z
   },
   props: {
+    /** aria label to use for the x icon for the filter tag */
     clearAriaLabel: {
       type: String,
       default: 'Clear filter'
     },
 
-    /**
-     * disabled by property or if skeleton
-     */
+    /** disabled by property or if skeleton */
     disabled: Boolean,
 
-    /**
-     * label to be used in the CvTag component
-     */
+    /** label to be used in the CvTag component */
     label: {
       type: String,
       required: true
     },
 
-    /**
-     * kind of the CvTag
-     */
+    /** kind of the CvTag */
     kind: {
       type: String,
       default: undefined,
@@ -18608,22 +18617,25 @@ var _16 = __webpack_require__(2148);
     },
 
     /**
-     * If filter is true, the CvTag will include a remove button on the right side, which on a click, will emit the 'remove' event.
+     * If filter is true, the CvTag will include a remove button on the right side, which on a click, will emit the
+     * 'remove' event.
      */
     filter: {
       type: Boolean,
       default: false
     },
 
-    /**
-     * skeleton used when loading
-     */
+    /** skeleton used when loading */
     skeleton: Boolean,
 
-    /**
-     * tag size small
-     */
-    small: Boolean
+    /** tag size small */
+    small: Boolean,
+
+    /** Optional prop to render a custom icon. \@carbon/icons-vue icon, href, svg or symbol */
+    renderIcon: {
+      type: [String, Object],
+      default: undefined
+    }
   },
   emits: [
   /**
@@ -18719,7 +18731,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 ;// CONCATENATED MODULE: ./src/components/CvTag/CvTagSkeleton.vue?vue&type=template&id=75495299
 
 // EXTERNAL MODULE: ./src/components/CvTag/CvTag.vue + 4 modules
-var CvTag = __webpack_require__(8459);
+var CvTag = __webpack_require__(168);
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/CvTag/CvTagSkeleton.vue?vue&type=script&lang=js
 
 /* harmony default export */ var CvTagSkeletonvue_type_script_lang_js = ({
@@ -43651,7 +43663,7 @@ var map = {
 	"./CvTabs/CvTab.vue": 7901,
 	"./CvTabs/CvTabs.vue": 2751,
 	"./CvTabs/CvTabsSkeleton.vue": 1695,
-	"./CvTag/CvTag.vue": 8459,
+	"./CvTag/CvTag.vue": 168,
 	"./CvTag/CvTagSkeleton.vue": 8154,
 	"./CvTextArea/CvTextArea.vue": 2892,
 	"./CvTextArea/CvTextAreaSkeleton.vue": 5392,
@@ -44657,7 +44669,7 @@ var CvTabs = __webpack_require__(2751);
 // EXTERNAL MODULE: ./src/components/CvTabs/CvTabsSkeleton.vue + 2 modules
 var CvTabsSkeleton = __webpack_require__(1695);
 // EXTERNAL MODULE: ./src/components/CvTag/CvTag.vue + 4 modules
-var CvTag = __webpack_require__(8459);
+var CvTag = __webpack_require__(168);
 // EXTERNAL MODULE: ./src/components/CvTag/CvTagSkeleton.vue + 4 modules
 var CvTagSkeleton = __webpack_require__(8154);
 // EXTERNAL MODULE: ./src/components/CvTextArea/CvTextArea.vue + 2 modules
@@ -44806,7 +44818,8 @@ var components = ctx.keys().map(function (k) {
       }
     }
   }
-});
+}); // AUTO-GENERATED EXPORTS - DO NOT EDIT BELOW
+