@rei/cedar 11.0.1 → 13.0.0-alpha.3

package/dist/lib/src/components/button/CdrButton.vue_vue_type_script_lang.mjs

@@ -0,0 +1,97 @@
+import { defineComponent, computed, useCssModule } from 'vue';
+import mapClasses from '../../utils/mapClasses.mjs';
+import { buildClass, buildBooleanClass } from '../../utils/buildClass.mjs';
+import validateProp from '../../utils/propValidator.mjs';
+
+var script = defineComponent({
+  name: 'CdrButton',
+  props: {
+    /**
+     * Controls render as button or anchor. {button, a}
+     */
+    tag: {
+      type: String,
+      default: 'button',
+      validator: (value) => validateProp(value, ['button', 'a']),
+    },
+    /**
+     * Sets the button type. {button, submit, reset}
+     */
+    type: {
+      type: String,
+      default: 'button',
+      validator: (value) => validateProp(value, ['button', 'submit', 'reset']),
+    },
+    /**
+     * Sets the button style
+     */
+    modifier: {
+      type: String,
+      default: 'primary',
+      validator: (value) => validateProp(value, ['primary', 'secondary', 'sale', 'dark']),
+    },
+    size: {
+      type: String,
+      default: 'medium',
+      validator: (value) => validateProp(
+        value,
+        ['small', 'medium', 'large'],
+      ),
+    },
+    /**
+     * Increases box-shadow around button to enhance contrast against background
+     */
+    elevated: {
+      type: Boolean,
+      default: false,
+    },
+    /**
+     * Renders an icon-only button. Default slot is disabled. Overrides size and responsiveSize props.
+     */
+    iconOnly: {
+      type: Boolean,
+      default: false,
+    },
+    /**
+     * Used in conjunction with `icon-only`, renders a border and background around the icon button
+     */
+    withBackground: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const baseClass = 'cdr-button';
+    const modifierClass = computed(() => buildClass(baseClass, props.modifier));
+    const elevatedClass = computed(() => props.elevated && buildClass(baseClass, 'elevated'));
+    const fullWidthClass = computed(() => !props.iconOnly && props.fullWidth
+        && buildBooleanClass(baseClass, props.fullWidth, 'full-width'));
+    const sizeClass = computed(() => (!props.iconOnly
+      ? buildClass(baseClass, props.size)
+      : `cdr-button--icon-only-${props.size}`));
+    const iconLeftClass = computed(() => ctx.slots['icon-left'] && ctx.slots.default
+        && buildClass(baseClass, 'has-icon-left'));
+    const iconRightClass = computed(() => ctx.slots['icon-right'] && ctx.slots.default
+        && buildClass(baseClass, 'has-icon-right'));
+    const iconOnlyClass = computed(() => props.iconOnly && buildClass(baseClass, 'icon-only'));
+    const withBackgroundClass = computed(() => props.iconOnly
+      && props.withBackground && buildClass(baseClass, 'with-background'));
+
+    return {
+      style: useCssModule(),
+      buttonType: props.tag === 'button' ? props.type : null,
+      baseClass,
+      modifierClass,
+      fullWidthClass,
+      sizeClass,
+      iconOnlyClass,
+      iconLeftClass,
+      iconRightClass,
+      elevatedClass,
+      withBackgroundClass,
+      mapClasses,
+    };
+  },
+});
+
+export { script as default };

package/dist/lib/src/components/button/CdrButton.vue_vue_type_template_id_4acc8116_lang.mjs

@@ -0,0 +1,28 @@
+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,
+                       _ctx.sizeClass,
+                       _ctx.fullWidthClass,
+                       _ctx.iconOnlyClass,
+                       _ctx.iconLeftClass,
+                       _ctx.iconRightClass,
+                       _ctx.elevatedClass,
+                       _ctx.iconOnlyClass,
+                       _ctx.withBackgroundClass,
+    )),
+    type: _ctx.buttonType
+  }, {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "icon-left"),
+      renderSlot(_ctx.$slots, "default"),
+      renderSlot(_ctx.$slots, "icon-right")
+    ]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["class", "type"]))
+}
+
+export { render };

package/dist/lib/src/components/button/styles/CdrButton.module.scss_vue_type_style_index_0_src_id_4acc8116_module_true_lang.css.mjs

@@ -0,0 +1,3 @@
+var style0 = {"cdr-button":"cdr-button_13-0-0-alpha-3","cdr-button--has-icon-left":"cdr-button--has-icon-left_13-0-0-alpha-3","cdr-button--has-icon-right":"cdr-button--has-icon-right_13-0-0-alpha-3","cdr-button--primary":"cdr-button--primary_13-0-0-alpha-3","cdr-button--elevated":"cdr-button--elevated_13-0-0-alpha-3","cdr-button--secondary":"cdr-button--secondary_13-0-0-alpha-3","cdr-button--dark":"cdr-button--dark_13-0-0-alpha-3","cdr-button--sale":"cdr-button--sale_13-0-0-alpha-3","cdr-button--link":"cdr-button--link_13-0-0-alpha-3","cdr-button--large":"cdr-button--large_13-0-0-alpha-3","cdr-button--medium":"cdr-button--medium_13-0-0-alpha-3","cdr-button--small":"cdr-button--small_13-0-0-alpha-3","cdr-button--icon-only":"cdr-button--icon-only_13-0-0-alpha-3","cdr-button--icon-only-large":"cdr-button--icon-only-large_13-0-0-alpha-3","cdr-button--with-background":"cdr-button--with-background_13-0-0-alpha-3","cdr-button--full-width":"cdr-button--full-width_13-0-0-alpha-3","cdr-button--small@xs":"cdr-button--small@xs_13-0-0-alpha-3","cdr-button--medium@xs":"cdr-button--medium@xs_13-0-0-alpha-3","cdr-button--large@xs":"cdr-button--large@xs_13-0-0-alpha-3","cdr-button--fullWidth@xs":"cdr-button--fullWidth@xs_13-0-0-alpha-3","cdr-button--small@sm":"cdr-button--small@sm_13-0-0-alpha-3","cdr-button--medium@sm":"cdr-button--medium@sm_13-0-0-alpha-3","cdr-button--large@sm":"cdr-button--large@sm_13-0-0-alpha-3","cdr-button--fullWidth@sm":"cdr-button--fullWidth@sm_13-0-0-alpha-3","cdr-button--small@md":"cdr-button--small@md_13-0-0-alpha-3","cdr-button--medium@md":"cdr-button--medium@md_13-0-0-alpha-3","cdr-button--large@md":"cdr-button--large@md_13-0-0-alpha-3","cdr-button--fullWidth@md":"cdr-button--fullWidth@md_13-0-0-alpha-3","cdr-button--small@lg":"cdr-button--small@lg_13-0-0-alpha-3","cdr-button--medium@lg":"cdr-button--medium@lg_13-0-0-alpha-3","cdr-button--large@lg":"cdr-button--large@lg_13-0-0-alpha-3","cdr-button--fullWidth@lg":"cdr-button--fullWidth@lg_13-0-0-alpha-3"};
+
+export { style0 as default };

package/dist/lib/src/components/caption/CdrCaption.mjs

@@ -1,38 +1,10 @@
-import modules_3ada4f15 from './styles/CdrCaption.mjs';
+import script from './CdrCaption.vue_vue_type_script_lang.mjs';
+export { default } from './CdrCaption.vue_vue_type_script_lang.mjs';
+import { render } from './CdrCaption.vue_vue_type_template_id_175a476e_lang.mjs';
+import style0 from './styles/CdrCaption.module.scss_vue_type_style_index_0_src_id_175a476e_module_true_lang.css.mjs';
 
-/**
- * Cedar 2 component for captions
- * @version 0.0.1
- * @author [REI Software Engineering](https://rei.github.io/rei-cedar/)
- */
+const cssModules = script.__cssModules = {};
+cssModules["$style"] = style0;
 
-var CdrCaption = {
-  name: 'CdrCaption',
-  props: {
-    /** Caption summary text */
-    summary: String,
-
-    /** Caption credit text */
-    credit: String
-  },
-
-  data() {
-    return {
-      style: modules_3ada4f15
-    };
-  },
-
-  render() {
-    const h = arguments[0];
-    return h("div", {
-      "class": this.style['cdr-caption']
-    }, [this.summary ? h("p", {
-      "class": this.style['cdr-caption__summary']
-    }, [this.summary]) : '', this.credit ? h("cite", {
-      "class": this.style['cdr-caption__cite']
-    }, [this.credit]) : '']);
-  }
-
-};
-
-export default CdrCaption;
+script.render = render;
+script.__file = "src/components/caption/CdrCaption.vue";

package/dist/lib/src/components/caption/CdrCaption.vue_vue_type_script_lang.mjs

@@ -0,0 +1,19 @@
+import { defineComponent, useCssModule } from 'vue';
+
+var script = defineComponent({
+  name: 'CdrCaption',
+  props: {
+    summary: String,
+    credit: String,
+  },
+  setup() {
+    return {
+      style: useCssModule(),
+      baseClass: 'cdr-caption',
+      summaryClass: 'cdr-caption__summary',
+      citeClass: 'cdr-caption__cite',
+    };
+  },
+});
+
+export { script as default };

package/dist/lib/src/components/caption/CdrCaption.vue_vue_type_template_id_175a476e_lang.mjs

@@ -0,0 +1,22 @@
+import { openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.style[_ctx.baseClass])
+  }, [
+    (_ctx.summary)
+      ? (openBlock(), createElementBlock("p", {
+          key: 0,
+          class: normalizeClass(_ctx.style[_ctx.summaryClass])
+        }, toDisplayString(_ctx.summary), 3 /* TEXT, CLASS */))
+      : createCommentVNode("v-if", true),
+    (_ctx.credit)
+      ? (openBlock(), createElementBlock("cite", {
+          key: 1,
+          class: normalizeClass(_ctx.style[_ctx.citeClass])
+        }, toDisplayString(_ctx.credit), 3 /* TEXT, CLASS */))
+      : createCommentVNode("v-if", true)
+  ], 2 /* CLASS */))
+}
+
+export { render };

package/dist/lib/src/components/caption/styles/CdrCaption.module.scss_vue_type_style_index_0_src_id_175a476e_module_true_lang.css.mjs

@@ -0,0 +1,3 @@
+var style0 = {"cdr-caption":"cdr-caption_13-0-0-alpha-3","cdr-caption__summary":"cdr-caption__summary_13-0-0-alpha-3"};
+
+export { style0 as default };

package/dist/lib/src/components/card/CdrCard.mjs

@@ -1,35 +1,10 @@
-import modules_5c0e7644 from './styles/CdrCard.mjs';
+import script from './CdrCard.vue_vue_type_script_lang.mjs';
+export { default } from './CdrCard.vue_vue_type_script_lang.mjs';
+import { render } from './CdrCard.vue_vue_type_template_id_69684dd2_lang.mjs';
+import style0 from './styles/CdrCard.module.scss_vue_type_style_index_0_src_id_69684dd2_module_true_lang.css.mjs';
 
-var CdrCard = {
-  name: 'CdrCard',
-  props: {
-    tag: {
-      type: String,
-      default: 'article'
-    }
-  },
+const cssModules = script.__cssModules = {};
+cssModules["$style"] = style0;
 
-  data() {
-    return {
-      style: modules_5c0e7644
-    };
-  },
-
-  computed: {
-    baseClass() {
-      return 'cdr-card';
-    }
-
-  },
-
-  render() {
-    const h = arguments[0];
-    const Component = this.tag;
-    return h(Component, {
-      "class": this.style[this.baseClass]
-    }, [this.$slots.default]);
-  }
-
-};
-
-export default CdrCard;
+script.render = render;
+script.__file = "src/components/card/CdrCard.vue";

package/dist/lib/src/components/card/CdrCard.vue_vue_type_script_lang.mjs

@@ -0,0 +1,19 @@
+import { defineComponent, useCssModule } from 'vue';
+
+var script = defineComponent({
+  name: 'CdrCard',
+  props: {
+    tag: {
+      type: String,
+      default: 'article',
+    },
+  },
+  setup() {
+    return {
+      style: useCssModule(),
+      baseClass: 'cdr-card',
+    };
+  },
+});
+
+export { script as default };

package/dist/lib/src/components/card/CdrCard.vue_vue_type_template_id_69684dd2_lang.mjs

@@ -0,0 +1,14 @@
+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.style[_ctx.baseClass])
+  }, {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["class"]))
+}
+
+export { render };

package/dist/lib/src/components/card/styles/CdrCard.module.scss_vue_type_style_index_0_src_id_69684dd2_module_true_lang.css.mjs

@@ -0,0 +1,3 @@
+var style0 = {"cdr-card":"cdr-card_13-0-0-alpha-3"};
+
+export { style0 as default };

package/dist/lib/src/components/checkbox/CdrCheckbox.mjs

@@ -1,165 +1,10 @@
-import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
-import 'core-js/modules/es.symbol.description.js';
-import clsx from 'clsx';
-import modifier from '../../mixins/modifier.mjs';
-import size from '../../mixins/size.mjs';
-import validateProp from '../../utils/propValidator.mjs';
-import modules_82ee9d44 from './styles/CdrCheckbox.mjs';
-import CdrLabelWrapper from '../labelWrapper/CdrLabelWrapper.mjs';
+import script from './CdrCheckbox.vue_vue_type_script_lang.mjs';
+export { default } from './CdrCheckbox.vue_vue_type_script_lang.mjs';
+import { render } from './CdrCheckbox.vue_vue_type_template_id_6df096b8_lang.mjs';
+import style0 from './styles/CdrCheckbox.module.scss_vue_type_style_index_0_src_id_6df096b8_module_true_lang.css.mjs';
 
-var CdrCheckbox = {
-  name: 'CdrCheckbox',
-  components: {
-    CdrLabelWrapper
-  },
-  mixins: [modifier, size],
-  inheritAttrs: false,
-  props: {
-    /**
-     * Class that is added to the label for custom styles
-     */
-    labelClass: String,
+const cssModules = script.__cssModules = {};
+cssModules["$style"] = style0;
 
-    /**
-     * Class that is added to the input for custom styles
-     */
-    inputClass: String,
-
-    /**
-     * Class that is added to the slot wrapper for custom styles
-     */
-    contentClass: String,
-
-    /**
-     * Show checkbox in indeterminate state. (NOTE: this is a visual-only state and there is no logic for when to show it)
-    */
-    indeterminate: {
-      type: Boolean,
-      default: false
-    },
-
-    /**
-     * The value when checked.
-    */
-    trueValue: {
-      type: [String, Number, Boolean, Object, Array, Symbol, Function],
-      default: true
-    },
-
-    /**
-     * The value when unchecked.
-    */
-    falseValue: {
-      type: [String, Number, Boolean, Object, Array, Symbol, Function],
-      default: false
-    },
-
-    /**
-     * The value when used in a checkbox group. Replaces `trueValue` and `falseValue`.
-    */
-    customValue: [String, Number, Boolean, Object, Array, Symbol, Function],
-    // Set which background type the input renders on
-    background: {
-      type: [String],
-      default: 'primary',
-      validator: value => validateProp(value, ['primary', 'secondary'])
-    },
-
-    /** @ignore */
-    value: {
-      type: [String, Number, Boolean, Object, Array, Symbol, Function]
-    }
-  },
-
-  data() {
-    return {
-      newValue: this.value,
-      style: modules_82ee9d44
-    };
-  },
-
-  computed: {
-    baseClass() {
-      return 'cdr-checkbox';
-    }
-
-  },
-  watch: {
-    value(val) {
-      this.newValue = val;
-    },
-
-    newValue(val) {
-      /**
-       * `v-model` value. Fires on check/uncheck.
-       * @event input
-       * @type value | event
-       * */
-      this.$emit('input', val);
-    }
-
-  },
-  methods: {
-    updateValue(newValue, e) {
-      this.$emit('change', newValue, e);
-    }
-
-  },
-
-  render() {
-    const h = arguments[0];
-    return h("cdr-label-wrapper", {
-      "class": this.style['cdr-checkbox'],
-      "ref": "label",
-      "attrs": {
-        "size": this.size,
-        "modifier": this.modifier,
-        "labelClass": this.labelClass,
-        "contentClass": this.contentClass,
-        "background": this.background,
-        "disabled": this.$attrs.disabled
-      }
-    }, [h("input", _mergeJSXProps([{
-      "on": {
-        "change": [$event => {
-          const $$a = this.newValue,
-                $$el = $event.target,
-                $$c = $$el.checked ? this.customValue ? null : this.trueValue : this.customValue ? null : this.falseValue;
-
-          if (Array.isArray($$a)) {
-            const $$v = this.customValue,
-                  $$i = this._i($$a, $$v);
-
-            if ($$el.checked) {
-              $$i < 0 && (this.newValue = $$a.concat([$$v]));
-            } else {
-              $$i > -1 && (this.newValue = $$a.slice(0, $$i).concat($$a.slice($$i + 1)));
-            }
-          } else {
-            this.newValue = $$c;
-          }
-        }, e => this.updateValue(this.newValue, e)]
-      },
-      "class": clsx(this.style['cdr-checkbox__input'], this.inputClass),
-      "attrs": {
-        "type": "checkbox",
-        ...this.$attrs,
-        "indeterminate": this.indeterminate
-      },
-      "ref": "checkbox",
-      "slot": "input",
-      "domProps": {
-        "checked": Array.isArray(this.newValue) ? this._i(this.newValue, this.customValue) > -1 : this._q(this.newValue, this.customValue ? null : this.trueValue)
-      }
-    }, {
-      directives: [{
-        name: "model",
-        value: this.newValue,
-        modifiers: {}
-      }]
-    }])), this.$slots.default]);
-  }
-
-};
-
-export default CdrCheckbox;
+script.render = render;
+script.__file = "src/components/checkbox/CdrCheckbox.vue";

package/dist/lib/src/components/checkbox/CdrCheckbox.vue_vue_type_script_lang.mjs

@@ -0,0 +1,83 @@
+import { defineComponent, ref, watch, useCssModule } from 'vue';
+import '../labelWrapper/CdrLabelWrapper.mjs';
+import sizeProps from '../../props/size.mjs';
+import validateProp from '../../utils/propValidator.mjs';
+import backgroundProps from '../../props/background.mjs';
+import script$1 from '../labelWrapper/CdrLabelWrapper.vue_vue_type_script_lang.mjs';
+
+var script = defineComponent({
+  name: 'CdrCheckbox',
+  components: {
+    CdrLabelWrapper: script$1,
+  },
+  inheritAttrs: false,
+  props: {
+    /**
+     * Class that is added to the label for custom styles
+     */
+    labelClass: String,
+    /**
+     * Class that is added to the input for custom styles
+     */
+    inputClass: String,
+    /**
+     * Class that is added to the slot wrapper for custom styles
+     */
+    contentClass: String,
+    /**
+     * Show checkbox in indeterminate state. (NOTE: this is a visual-only state and there is no logic for when to show it)
+    */
+    indeterminate: {
+      type: Boolean,
+      default: false,
+    },
+    /**
+     * The value when checked.
+    */
+    trueValue: {
+      type: [String, Number, Boolean, Object, Array, Symbol, Function],
+      default: true,
+    },
+    /**
+     * The value when unchecked.
+    */
+    falseValue: {
+      type: [String, Number, Boolean, Object, Array, Symbol, Function],
+      default: false,
+    },
+    /**
+     * The value when used in a checkbox group. Replaces `trueValue` and `falseValue`.
+    */
+    customValue: [String, Number, Boolean, Object, Array, Symbol, Function],
+    // Set which background type the input renders on
+    background: backgroundProps,
+    size: sizeProps,
+
+    modifier: {
+      type: String,
+      default: '',
+      validator: (value) => validateProp(value, ['', 'hide-figure']),
+    },
+    /** @ignore */
+    modelValue: {
+      type: [String, Number, Boolean, Object, Array, Symbol, Function],
+    },
+  },
+  setup(props) {
+    const baseClass = 'cdr-checkbox';
+
+    const newValue = ref(props.modelValue);
+
+    watch(() => props.value, (val) => {
+      newValue.value = val;
+    });
+
+    return {
+      style: useCssModule(),
+      baseClass,
+      newValue,
+    };
+  },
+});
+
+export { script as default };

package/dist/lib/src/components/checkbox/CdrCheckbox.vue_vue_type_template_id_6df096b8_lang.mjs

@@ -0,0 +1,37 @@
+import { resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, mergeProps, renderSlot } from 'vue';
+
+const _hoisted_1 = ["checked", "true-value", "false-value", "value", "indeterminate"];
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_cdr_label_wrapper = resolveComponent("cdr-label-wrapper");
+
+  return (openBlock(), createBlock(_component_cdr_label_wrapper, {
+    class: normalizeClass(_ctx.style[_ctx.baseClass]),
+    size: _ctx.size,
+    modifier: _ctx.modifier,
+    "label-class": _ctx.labelClass,
+    "content-class": _ctx.contentClass,
+    background: _ctx.background,
+    disabled: _ctx.$attrs.disabled
+  }, {
+    input: withCtx(() => [
+      createElementVNode("input", mergeProps({
+        class: [_ctx.style['cdr-checkbox__input'], _ctx.inputClass],
+        type: "checkbox"
+      }, _ctx.$attrs, {
+        checked: _ctx.newValue,
+        onChange: _cache[0] || (_cache[0] = $event => (_ctx.$emit('update:modelValue', $event.target.checked, $event))),
+        "true-value": _ctx.customValue ? null : _ctx.trueValue,
+        "false-value": _ctx.customValue ? null : _ctx.falseValue,
+        value: _ctx.customValue,
+        indeterminate: _ctx.indeterminate
+      }), null, 16 /* FULL_PROPS */, _hoisted_1)
+    ]),
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["class", "size", "modifier", "label-class", "content-class", "background", "disabled"]))
+}
+
+export { render };

package/dist/lib/src/components/checkbox/styles/CdrCheckbox.module.scss_vue_type_style_index_0_src_id_6df096b8_module_true_lang.css.mjs

@@ -0,0 +1,3 @@
+var style0 = {"cdr-checkbox":"cdr-checkbox_13-0-0-alpha-3","cdr-checkbox__input":"cdr-checkbox__input_13-0-0-alpha-3","cdr-label-wrapper__figure":"cdr-label-wrapper__figure_13-0-0-alpha-3"};
+
+export { style0 as default };

package/dist/lib/src/components/chip/CdrChip.mjs

@@ -1,30 +1,10 @@
-import modules_559ede80 from './styles/CdrChip.mjs';
+import script from './CdrChip.vue_vue_type_script_lang.mjs';
+export { default } from './CdrChip.vue_vue_type_script_lang.mjs';
+import { render } from './CdrChip.vue_vue_type_template_id_7f59884a_lang.mjs';
+import style0 from './styles/CdrChip.module.scss_vue_type_style_index_0_src_id_7f59884a_module_true_lang.css.mjs';
 
-var CdrChip = {
-  name: 'CdrChip',
+const cssModules = script.__cssModules = {};
+cssModules["$style"] = style0;
 
-  data() {
-    return {
-      style: modules_559ede80,
-      baseClass: 'cdr-chip'
-    };
-  },
-
-  render() {
-    const h = arguments[0];
-    return h("button", {
-      "class": this.style[this.baseClass],
-      "on": { ...this.$listeners
-      }
-    }, [this.$slots['icon-left'] && h("span", {
-      "class": this.style['cdr-chip__icon-left']
-    }, [this.$slots['icon-left']]), this.$slots['icon-right'] && h("span", {
-      "class": this.style['cdr-chip__icon-right']
-    }, [this.$slots['icon-right']]), h("span", {
-      "class": this.style['cdr-chip__content']
-    }, [this.$slots.default])]);
-  }
-
-};
-
-export default CdrChip;
+script.render = render;
+script.__file = "src/components/chip/CdrChip.vue";