@rei/cedar 13.0.0-alpha.0 → 13.0.0-alpha.1

package/dist/lib/src/components/chip/CdrChipGroup.vue_vue_type_script_lang.js

@@ -0,0 +1,91 @@
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import { defineComponent, ref, computed, onMounted, useCssModule } from 'vue';
+
+var script = defineComponent({
+  name: 'CdrChipGroup',
+  props: {
+    label: {
+      type: String,
+      required: true
+    },
+    hideLabel: {
+      type: Boolean,
+      default: true
+    }
+  },
+
+  setup(props) {
+    var baseClass = 'cdr-chip-group';
+    var chipsEl = ref(null);
+    var chips = [];
+    var currentIdx = ref(0);
+    var nextIdx = computed(function () {
+      var idx = currentIdx + 1;
+      return idx >= chips.length ? 0 : idx;
+    });
+    var prevIdx = computed(function () {
+      var idx = currentIdx - 1;
+      return idx <= -1 ? chips.length - 1 : idx;
+    });
+    var legendClass = computed(function () {
+      return props.hideLabel ? 'cdr-chip-group__legend--hidden' : 'cdr-chip-group__legend';
+    });
+    onMounted(function () {
+      chips = _filterInstanceProperty(Array.prototype).call(chipsEl.value.children, function (chip) {
+        return !(chip.getAttribute('disabled') || chip.getAttribute('aria-disabled'));
+      });
+      currentIdx.value = Array.prototype.findIndex.call(chips, function (chip) {
+        return chip.getAttribute('aria-checked') === 'true';
+      });
+    });
+
+    var handleKeydown = function handleKeydown(e) {
+      // something besides the button is focused
+      if (currentIdx.value === -1) return;
+      var key = e.key;
+
+      switch (key) {
+        case 'Home':
+          e.preventDefault();
+          chips[0].focus();
+          break;
+
+        case 'End':
+          e.preventDefault();
+          chips[chips.length - 1].focus();
+          break;
+
+        case 'ArrowDown':
+        case 'Down':
+          e.preventDefault();
+          chips[nextIdx.value].focus();
+          break;
+
+        case 'ArrowUp':
+        case 'Up':
+          e.preventDefault();
+          chips[prevIdx.value].focus();
+          break;
+      }
+    };
+
+    var handleFocusin = function handleFocusin(e) {
+      // find out which, if any, button is focused
+      currentIdx.value = Array.prototype.indexOf.call(chips, e.target);
+    };
+
+    return {
+      style: useCssModule(),
+      baseClass,
+      legendClass,
+      handleKeydown,
+      handleFocusin,
+      chipsEl,
+      currentIdx,
+      chips
+    };
+  }
+
+});
+
+export { script as default };

package/dist/lib/src/components/chip/CdrChipGroup.vue_vue_type_template_id_fe1549f6_lang.js

@@ -0,0 +1,30 @@
+import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("fieldset", {
+    class: normalizeClass(_ctx.style[_ctx.baseClass]),
+    onFocusin: _cache[0] || (_cache[0] = function () {
+      return _ctx.focusin && _ctx.focusin.apply(_ctx, arguments);
+    }),
+    onKeydown: _cache[1] || (_cache[1] = function () {
+      return _ctx.handleKeyDown && _ctx.handleKeyDown.apply(_ctx, arguments);
+    })
+  }, [createElementVNode("legend", {
+    class: normalizeClass(_ctx.style[_ctx.legendClass])
+  }, [renderSlot(_ctx.$slots, "label", {}, function () {
+    return [createTextVNode(toDisplayString(_ctx.label), 1
+    /* TEXT */
+    )];
+  })], 2
+  /* CLASS */
+  ), createElementVNode("div", {
+    ref: "chipsEl",
+    class: normalizeClass(_ctx.style['cdr-chip-group__content'])
+  }, [renderSlot(_ctx.$slots, "default")], 2
+  /* CLASS */
+  )], 34
+  /* CLASS, HYDRATE_EVENTS */
+  );
+}
+
+export { render };

package/dist/lib/src/components/chip/styles/CdrChip.module.scss_vue_type_style_index_0_src_id_7f59884a_module_true_lang.css.js

@@ -0,0 +1,8 @@
+var style0 = {
+  "cdr-chip": "cdr-chip_13-0-0-alpha-1",
+  "cdr-chip__icon-left": "cdr-chip__icon-left_13-0-0-alpha-1",
+  "cdr-chip__icon-right": "cdr-chip__icon-right_13-0-0-alpha-1",
+  "cdr-chip__content": "cdr-chip__content_13-0-0-alpha-1"
+};
+
+export { style0 as default };

package/dist/lib/src/components/chip/styles/CdrChipGroup.module.scss_vue_type_style_index_0_src_id_fe1549f6_module_true_lang.css.js

@@ -0,0 +1,8 @@
+var style0 = {
+  "cdr-chip-group": "cdr-chip-group_13-0-0-alpha-1",
+  "cdr-chip-group__content": "cdr-chip-group__content_13-0-0-alpha-1",
+  "cdr-chip-group__legend--hidden": "cdr-chip-group__legend--hidden_13-0-0-alpha-1",
+  "cdr-chip-group__legend": "cdr-chip-group__legend_13-0-0-alpha-1"
+};
+
+export { style0 as default };

package/dist/lib/src/components/container/CdrContainer.js

@@ -1,7 +1,7 @@
-import script from './CdrContainer.vue_vue&type=script&lang.js';
-export { default } from './CdrContainer.vue_vue&type=script&lang.js';
-import { render } from './CdrContainer.vue_vue&type=template&id=82971d64&lang.js';
-import style0 from './styles/CdrContainer.module.scss_vue&type=style&index=0&src&id=82971d64&module=true&lang.css.js';
+import script from './CdrContainer.vue_vue_type_script_lang.js';
+export { default } from './CdrContainer.vue_vue_type_script_lang.js';
+import { render } from './CdrContainer.vue_vue_type_template_id_82971d64_lang.js';
+import style0 from './styles/CdrContainer.module.scss_vue_type_style_index_0_src_id_82971d64_module_true_lang.css.js';
 
 const cssModules = script.__cssModules = {};
 cssModules["$style"] = style0;

package/dist/lib/src/components/container/CdrContainer.vue_vue_type_script_lang.js

@@ -0,0 +1,38 @@
+import { defineComponent, computed, useCssModule } from 'vue';
+import validateProp from '../../utils/propValidator.js';
+import { buildClass } from '../../utils/buildClass.js';
+import mapClasses from '../../utils/mapClasses.js';
+
+var script = defineComponent({
+  name: 'CdrContainer',
+  props: {
+    /** Any valid HTML tag */
+    tag: {
+      type: String,
+      default: 'div'
+    },
+    modifier: {
+      type: String,
+      default: 'static',
+      validator: function validator(value) {
+        return validateProp(value, ['static', 'fluid'], false);
+      }
+    }
+  },
+
+  setup(props, ctx) {
+    var baseClass = 'cdr-container';
+    var modifierClass = computed(function () {
+      return buildClass(baseClass, props.modifier);
+    });
+    return {
+      style: useCssModule(),
+      baseClass,
+      modifierClass,
+      mapClasses
+    };
+  }
+
+});
+
+export { script as default };

package/dist/lib/src/components/container/CdrContainer.vue_vue_type_template_id_82971d64_lang.js

@@ -0,0 +1,18 @@
+import { openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, renderSlot } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
+    class: normalizeClass(_ctx.mapClasses(_ctx.style, _ctx.baseClass, _ctx.modifierClass))
+  }, {
+    default: withCtx(function () {
+      return [renderSlot(_ctx.$slots, "default")];
+    }),
+    _: 3
+    /* FORWARDED */
+
+  }, 8
+  /* PROPS */
+  , ["class"]);
+}
+
+export { render };

package/dist/lib/src/components/container/styles/CdrContainer.module.scss_vue_type_style_index_0_src_id_82971d64_module_true_lang.css.js

@@ -0,0 +1,6 @@
+var style0 = {
+  "cdr-container": "cdr-container_13-0-0-alpha-1",
+  "cdr-container--static": "cdr-container--static_13-0-0-alpha-1"
+};
+
+export { style0 as default };

package/dist/lib/src/components/formError/CdrFormError.js

@@ -1,7 +1,7 @@
-import script from './CdrFormError.vue_vue&type=script&lang.js';
-export { default } from './CdrFormError.vue_vue&type=script&lang.js';
-import { render } from './CdrFormError.vue_vue&type=template&id=57e71ba4&lang.js';
-import style0 from './styles/CdrFormError.module.scss_vue&type=style&index=0&src&id=57e71ba4&module=true&lang.css.js';
+import script from './CdrFormError.vue_vue_type_script_lang.js';
+export { default } from './CdrFormError.vue_vue_type_script_lang.js';
+import { render } from './CdrFormError.vue_vue_type_template_id_57e71ba4_lang.js';
+import style0 from './styles/CdrFormError.module.scss_vue_type_style_index_0_src_id_57e71ba4_module_true_lang.css.js';
 
 const cssModules = script.__cssModules = {};
 cssModules["$style"] = style0;

package/dist/lib/src/components/formError/CdrFormError.vue_vue_type_script_lang.js

@@ -0,0 +1,21 @@
+import { defineComponent, useCssModule } from 'vue';
+
+var script = defineComponent({
+  name: 'CdrFormError',
+  props: {
+    error: [Boolean, String]
+  },
+
+  setup() {
+    var baseClass = 'cdr-form-error';
+    var iconClass = 'cdr-form-error__icon';
+    return {
+      style: useCssModule(),
+      baseClass,
+      iconClass
+    };
+  }
+
+});
+
+export { script as default };

package/dist/lib/src/components/formError/CdrFormError.vue_vue_type_template_id_57e71ba4_lang.js

@@ -0,0 +1,23 @@
+import { openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
+
+var _hoisted_1 = /*#__PURE__*/createTextVNode();
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.style[_ctx.baseClass]),
+    role: "status",
+    tabindex: "0"
+  }, [createElementVNode("span", {
+    class: normalizeClass(_ctx.style[_ctx.iconClass])
+  }, null, 2
+  /* CLASS */
+  ), _hoisted_1, renderSlot(_ctx.$slots, "error", {}, function () {
+    return [createTextVNode(toDisplayString(_ctx.error), 1
+    /* TEXT */
+    )];
+  })], 2
+  /* CLASS */
+  );
+}
+
+export { render };

package/dist/lib/src/components/formError/styles/CdrFormError.module.scss_vue_type_style_index_0_src_id_57e71ba4_module_true_lang.css.js

@@ -0,0 +1,6 @@
+var style0 = {
+  "cdr-form-error": "cdr-form-error_13-0-0-alpha-1",
+  "cdr-form-error__icon": "cdr-form-error__icon_13-0-0-alpha-1"
+};
+
+export { style0 as default };

package/dist/lib/src/components/formGroup/CdrFormGroup.js

@@ -1,7 +1,7 @@
-import script from './CdrFormGroup.vue_vue&type=script&lang.js';
-export { default } from './CdrFormGroup.vue_vue&type=script&lang.js';
-import { render } from './CdrFormGroup.vue_vue&type=template&id=0703fb8e&lang.js';
-import style0 from './styles/CdrFormGroup.module.scss_vue&type=style&index=0&src&id=0703fb8e&module=true&lang.css.js';
+import script from './CdrFormGroup.vue_vue_type_script_lang.js';
+export { default } from './CdrFormGroup.vue_vue_type_script_lang.js';
+import { render } from './CdrFormGroup.vue_vue_type_template_id_0703fb8e_lang.js';
+import style0 from './styles/CdrFormGroup.module.scss_vue_type_style_index_0_src_id_0703fb8e_module_true_lang.css.js';
 
 const cssModules = script.__cssModules = {};
 cssModules["$style"] = style0;

package/dist/lib/src/components/formGroup/CdrFormGroup.vue_vue_type_script_lang.js

@@ -0,0 +1,54 @@
+import { defineComponent, computed, useCssModule } from 'vue';
+import mapClasses from '../../utils/mapClasses.js';
+import '../formError/CdrFormError.js';
+import script$1 from '../formError/CdrFormError.vue_vue_type_script_lang.js';
+
+var script = defineComponent({
+  name: 'CdrFormGroup',
+  components: {
+    CdrFormError: script$1
+  },
+  props: {
+    id: {
+      type: String,
+      required: true
+    },
+    label: {
+      type: String,
+      default: '',
+      required: false
+    },
+    // Set error styling
+    error: {
+      type: [Boolean, String],
+      default: false
+    },
+    required: Boolean,
+    optional: Boolean,
+    disabled: Boolean
+  },
+
+  setup(props, ctx) {
+    var baseClass = 'cdr-form-group';
+    var errorClass = computed(function () {
+      return props.error && 'cdr-form-group--error';
+    });
+    var disabledClass = computed(function () {
+      return props.disabled && 'cdr-form-group--disabled';
+    }); // const groupId = computed(() => props.id)
+    // groupId() {
+    //    return this.id ? this.id : this._uid; // eslint-disable-line no-underscore-dangle
+    //  },
+
+    return {
+      style: useCssModule(),
+      mapClasses,
+      baseClass,
+      errorClass,
+      disabledClass
+    };
+  }
+
+});
+
+export { script as default };

package/dist/lib/src/components/formGroup/CdrFormGroup.vue_vue_type_template_id_0703fb8e_lang.js

@@ -0,0 +1,47 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createBlock, withCtx } from 'vue';
+
+var _hoisted_1 = ["disabled", "aria-invalid", "aria-errormessage"];
+var _hoisted_2 = {
+  key: 0,
+  "aria-label": "required"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_cdr_form_error = resolveComponent("cdr-form-error");
+
+  return openBlock(), createElementBlock("fieldset", {
+    class: normalizeClass(_ctx.mapClasses(_ctx.style, _ctx.baseClass, _ctx.disabledClass)),
+    disabled: _ctx.disabled,
+    "aria-invalid": !!_ctx.error,
+    "aria-errormessage": !!_ctx.error && "".concat(_ctx.id, "-error")
+  }, [createElementVNode("legend", null, [renderSlot(_ctx.$slots, "label", {}, function () {
+    return [createTextVNode(toDisplayString(_ctx.label), 1
+    /* TEXT */
+    )];
+  }), _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2, " *")) : createCommentVNode("v-if", true), _ctx.optional && !_ctx.required ? (openBlock(), createElementBlock("span", {
+    key: 1,
+    class: normalizeClass(_ctx.style['cdr-form-group__optional'])
+  }, " (optional)", 2
+  /* CLASS */
+  )) : createCommentVNode("v-if", true)]), createElementVNode("div", {
+    class: normalizeClass(_ctx.mapClasses(_ctx.style, 'cdr-form-group__wrapper', _ctx.errorClass))
+  }, [renderSlot(_ctx.$slots, "default")], 2
+  /* CLASS */
+  ), _ctx.error ? (openBlock(), createBlock(_component_cdr_form_error, {
+    key: 0,
+    error: _ctx.error,
+    id: "".concat(_ctx.id, "-error")
+  }, {
+    error: withCtx(function () {
+      return [renderSlot(_ctx.$slots, "error")];
+    }),
+    _: 3
+    /* FORWARDED */
+
+  }, 8
+  /* PROPS */
+  , ["error", "id"])) : createCommentVNode("v-if", true)], 10
+  /* CLASS, PROPS */
+  , _hoisted_1);
+}
+
+export { render };

package/dist/lib/src/components/formGroup/styles/CdrFormGroup.module.scss_vue_type_style_index_0_src_id_0703fb8e_module_true_lang.css.js

@@ -0,0 +1,10 @@
+var style0 = {
+  "cdr-form-group": "cdr-form-group_13-0-0-alpha-1",
+  "cdr-form-group--error": "cdr-form-group--error_13-0-0-alpha-1",
+  "cdr-form-group--disabled": "cdr-form-group--disabled_13-0-0-alpha-1",
+  "cdr-form-group__optional": "cdr-form-group__optional_13-0-0-alpha-1",
+  "cdr-form-group__required": "cdr-form-group__required_13-0-0-alpha-1",
+  "cdr-form-group__wrapper": "cdr-form-group__wrapper_13-0-0-alpha-1"
+};
+
+export { style0 as default };

package/dist/lib/src/components/grid/CdrGrid.js

@@ -1,7 +1,7 @@
-import script from './CdrGrid.vue_vue&type=script&lang.js';
-export { default } from './CdrGrid.vue_vue&type=script&lang.js';
-import { render } from './CdrGrid.vue_vue&type=template&id=09e8c23e&lang.js';
-import style0 from './styles/CdrGrid.module.scss_vue&type=style&index=0&src&id=09e8c23e&module=true&lang.css.js';
+import script from './CdrGrid.vue_vue_type_script_lang.js';
+export { default } from './CdrGrid.vue_vue_type_script_lang.js';
+import { render } from './CdrGrid.vue_vue_type_template_id_09e8c23e_lang.js';
+import style0 from './styles/CdrGrid.module.scss_vue_type_style_index_0_src_id_09e8c23e_module_true_lang.css.js';
 
 const cssModules = script.__cssModules = {};
 cssModules["$style"] = style0;

package/dist/lib/src/components/grid/CdrGrid.vue_vue_type_script_lang.js

@@ -0,0 +1,47 @@
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
+import { defineComponent, computed, useCssModule } from 'vue';
+import mapClasses from '../../utils/mapClasses.js';
+import validateProp from '../../utils/propValidator.js';
+
+var script = defineComponent({
+  name: 'CdrGridTwo',
+  props: {
+    /**
+     * Defines gutter size.
+     * Possible values: {none, small, medium, large}.
+     * Also accepts responsive values with `@breakpoint`: "none@md"
+     */
+    gutter: {
+      type: String,
+      validator: function validator(value) {
+        return validateProp(value, ['none', 'small', 'medium', 'large']);
+      },
+      default: 'medium@xs medium@sm large@md large@lg'
+    },
+    tag: {
+      type: String,
+      default: 'div'
+    }
+  },
+
+  setup(props) {
+    var baseClass = 'cdr-grid'; // TODO: buildClass refactor
+
+    var gutterClass = computed(function () {
+      var _context;
+
+      return props.gutter && _mapInstanceProperty(_context = props.gutter.split(' ')).call(_context, function (val) {
+        return "cdr-grid--gutter-".concat(val);
+      }).join(' ');
+    });
+    return {
+      style: useCssModule(),
+      mapClasses,
+      baseClass,
+      gutterClass
+    };
+  }
+
+});
+
+export { script as default };

package/dist/lib/src/components/grid/CdrGrid.vue_vue_type_template_id_09e8c23e_lang.js

@@ -0,0 +1,18 @@
+import { openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, renderSlot } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
+    class: normalizeClass(_ctx.mapClasses(_ctx.style, _ctx.baseClass, _ctx.gutterClass))
+  }, {
+    default: withCtx(function () {
+      return [renderSlot(_ctx.$slots, "default")];
+    }),
+    _: 3
+    /* FORWARDED */
+
+  }, 8
+  /* PROPS */
+  , ["class"]);
+}
+
+export { render };

package/dist/lib/src/components/grid/styles/CdrGrid.module.scss_vue_type_style_index_0_src_id_09e8c23e_module_true_lang.css.js

@@ -0,0 +1,25 @@
+var style0 = {
+  "cdr-grid": "cdr-grid_13-0-0-alpha-1",
+  "cdr-grid--gutter-none": "cdr-grid--gutter-none_13-0-0-alpha-1",
+  "cdr-grid--gutter-small": "cdr-grid--gutter-small_13-0-0-alpha-1",
+  "cdr-grid--gutter-medium": "cdr-grid--gutter-medium_13-0-0-alpha-1",
+  "cdr-grid--gutter-large": "cdr-grid--gutter-large_13-0-0-alpha-1",
+  "cdr-grid--gutter-none@xs": "cdr-grid--gutter-none@xs_13-0-0-alpha-1",
+  "cdr-grid--gutter-small@xs": "cdr-grid--gutter-small@xs_13-0-0-alpha-1",
+  "cdr-grid--gutter-medium@xs": "cdr-grid--gutter-medium@xs_13-0-0-alpha-1",
+  "cdr-grid--gutter-large@xs": "cdr-grid--gutter-large@xs_13-0-0-alpha-1",
+  "cdr-grid--gutter-none@sm": "cdr-grid--gutter-none@sm_13-0-0-alpha-1",
+  "cdr-grid--gutter-small@sm": "cdr-grid--gutter-small@sm_13-0-0-alpha-1",
+  "cdr-grid--gutter-medium@sm": "cdr-grid--gutter-medium@sm_13-0-0-alpha-1",
+  "cdr-grid--gutter-large@sm": "cdr-grid--gutter-large@sm_13-0-0-alpha-1",
+  "cdr-grid--gutter-none@md": "cdr-grid--gutter-none@md_13-0-0-alpha-1",
+  "cdr-grid--gutter-small@md": "cdr-grid--gutter-small@md_13-0-0-alpha-1",
+  "cdr-grid--gutter-medium@md": "cdr-grid--gutter-medium@md_13-0-0-alpha-1",
+  "cdr-grid--gutter-large@md": "cdr-grid--gutter-large@md_13-0-0-alpha-1",
+  "cdr-grid--gutter-none@lg": "cdr-grid--gutter-none@lg_13-0-0-alpha-1",
+  "cdr-grid--gutter-small@lg": "cdr-grid--gutter-small@lg_13-0-0-alpha-1",
+  "cdr-grid--gutter-medium@lg": "cdr-grid--gutter-medium@lg_13-0-0-alpha-1",
+  "cdr-grid--gutter-large@lg": "cdr-grid--gutter-large@lg_13-0-0-alpha-1"
+};
+
+export { style0 as default };

package/dist/lib/src/components/icon/CdrIcon.js

@@ -1,7 +1,7 @@
-import script from './CdrIcon.vue_vue&type=script&lang.js';
-export { default } from './CdrIcon.vue_vue&type=script&lang.js';
-import { render } from './CdrIcon.vue_vue&type=template&id=32ddc2b8&lang.js';
-import style0 from './styles/CdrIcon.module.scss_vue&type=style&index=0&src&id=32ddc2b8&module=true&lang.css.js';
+import script from './CdrIcon.vue_vue_type_script_lang.js';
+export { default } from './CdrIcon.vue_vue_type_script_lang.js';
+import { render } from './CdrIcon.vue_vue_type_template_id_32ddc2b8_lang.js';
+import style0 from './styles/CdrIcon.module.scss_vue_type_style_index_0_src_id_32ddc2b8_module_true_lang.css.js';
 
 const cssModules = script.__cssModules = {};
 cssModules["$style"] = style0;

package/dist/lib/src/components/icon/CdrIcon.vue_vue_type_script_lang.js

@@ -0,0 +1,58 @@
+import { defineComponent, computed, useCssModule } from 'vue';
+import { buildClass } from '../../utils/buildClass.js';
+import mapClasses from '../../utils/mapClasses.js';
+import validateProp from '../../utils/propValidator.js';
+
+var script = defineComponent({
+  name: 'CdrIcon',
+  props: {
+    /**
+    * The href attribute passed to the use element. Will be prefixed with # automatically
+    */
+    use: String,
+
+    /**
+    * Sets icon fill to "inherit" so as to use parent/ancestor fill color.
+    */
+    inheritColor: Boolean,
+    size: {
+      type: String,
+      default: 'medium',
+      validator: function validator(value) {
+        return validateProp(value, ['small', 'medium', 'large']);
+      }
+    }
+  },
+
+  setup(props, ctx) {
+    var baseClass = 'cdr-icon';
+    var hideSr = !ctx.attrs['aria-label'] && !ctx.attrs['aria-labelledby'];
+    var inheritColorClass = computed(function () {
+      return props.inheritColor && buildClass(baseClass, 'inherit-color');
+    });
+    var sizeClass = computed(function () {
+      return buildClass('cdr-icon', props.size);
+    });
+    var dataObj = {
+      xmlns: 'http://www.w3.org/2000/svg',
+      viewBox: '0 0 24 24'
+    };
+    if (hideSr) dataObj['aria-hidden'] = true;
+    var useAttrs = {
+      href: props.use,
+      'xlink:href': props.use
+    };
+    return {
+      style: useCssModule(),
+      baseClass,
+      inheritColorClass,
+      sizeClass,
+      mapClasses,
+      dataObj,
+      useAttrs
+    };
+  }
+
+});
+
+export { script as default };

package/dist/lib/src/components/icon/CdrIcon.vue_vue_type_template_id_32ddc2b8_lang.js

@@ -0,0 +1,15 @@
+import { openBlock, createElementBlock, mergeProps, renderSlot, normalizeProps, createCommentVNode } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", mergeProps(_ctx.dataObj, {
+    class: _ctx.mapClasses(_ctx.style, _ctx.baseClass, _ctx.sizeClass, _ctx.inheritColorClass)
+  }), [renderSlot(_ctx.$slots, "default"), _ctx.use ? (openBlock(), createElementBlock("use", normalizeProps(mergeProps({
+    key: 0
+  }, _ctx.useAttrs)), null, 16
+  /* FULL_PROPS */
+  )) : createCommentVNode("v-if", true)], 16
+  /* FULL_PROPS */
+  );
+}
+
+export { render };

package/dist/lib/src/components/icon/comps/account-profile-fill.js

@@ -1,6 +1,6 @@
-import script from './account-profile-fill.vue_vue&type=script&lang.js';
-export { default } from './account-profile-fill.vue_vue&type=script&lang.js';
-import { render } from './account-profile-fill.vue_vue&type=template&id=6016ce28&lang.js';
+import script from './account-profile-fill.vue_vue_type_script_lang.js';
+export { default } from './account-profile-fill.vue_vue_type_script_lang.js';
+import { render } from './account-profile-fill.vue_vue_type_template_id_6016ce28_lang.js';
 
 script.render = render;
 script.__file = "src/components/icon/comps/account-profile-fill.vue";

package/dist/lib/src/components/icon/comps/account-profile-fill.vue_vue_type_script_lang.js

@@ -0,0 +1,19 @@
+import { defineComponent } from 'vue';
+import '../CdrIcon.js';
+import script$1 from '../CdrIcon.vue_vue_type_script_lang.js';
+
+var script = defineComponent({
+  name: 'IconAccountProfileFill',
+  components: {
+    CdrIcon: script$1
+  },
+
+  setup(props) {
+    return {
+      props
+    };
+  }
+
+});
+
+export { script as default };