@rei/cedar 11.0.0-beta.7 → 13.0.0-alpha.1

package/dist/lib/src/components/image/CdrImg.vue_vue_type_script_lang.js

@@ -0,0 +1,127 @@
+import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import { defineComponent, computed, useCssModule } from 'vue';
+import mapClasses from '../../utils/mapClasses.js';
+import { buildClass } from '../../utils/buildClass.js';
+import validateProp from '../../utils/propValidator.js';
+
+var script = defineComponent({
+  name: 'CdrImg',
+  inheritAttrs: false,
+  props: {
+    /**
+     * Required. Image source url.
+     */
+    src: {
+      type: String,
+      required: true
+    },
+
+    /**
+     * Required. Image alt text.
+     */
+    alt: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * Aspect ratio of the media container. {auto, square, 1-2, 2-3, 3-4, 9-16, 2-1, 3-2, 4-3, 16-9}
+     */
+    ratio: {
+      type: String,
+      validator: function validator(value) {
+        return ['auto', 'square', '1-2', '2-3', '3-4', '9-16', '2-1', '3-2', '4-3', '16-9'].indexOf(value) >= 0 || false;
+      }
+    },
+
+    /**
+     * Requires a `ratio`. Area to crop the image overflow to. {left, center, right} {top, center, bottom}
+     */
+    crop: {
+      type: String
+    },
+
+    /**
+     * Requires a `ratio`. Scale the image to be as large as possible to fill the area (background-position: cover;)
+     */
+    cover: {
+      type: Boolean
+    },
+
+    /**
+     * Sets a border radius to an element {square, top, right, bottom, left}
+     */
+    radius: {
+      type: String,
+      validator: function validator(value) {
+        return ['circle', 'rounded'].indexOf(value) >= 0 || false;
+      }
+    },
+    modifier: {
+      type: String,
+      default: '',
+      validator: function validator(value) {
+        return validateProp(value, ['', 'responsive']);
+      }
+    }
+  },
+
+  setup(props) {
+    var baseClass = 'cdr-image';
+    var ratioClass = 'cdr-image-ratio';
+    var coverWrapperClass = 'cdr-image-ratio__cover';
+    var modifierClass = computed(function () {
+      return buildClass(baseClass, props.modifier);
+    });
+    var radiusClass = computed(function () {
+      return buildClass(baseClass, props.radius);
+    });
+    var cropObject = computed(function () {
+      return {
+        objectPosition: props.crop
+      };
+    });
+    var ratioObject = computed(function () {
+      var ratioPct;
+
+      if (props.ratio === 'square') {
+        ratioPct = '100%';
+      } else if (props.ratio === 'auto') {
+        ratioPct = '0';
+      } else {
+        var _props$ratio$split = props.ratio.split('-'),
+            _props$ratio$split2 = _slicedToArray(_props$ratio$split, 2),
+            x = _props$ratio$split2[0],
+            y = _props$ratio$split2[1];
+
+        ratioPct = "".concat(y / x * 100, "%");
+      }
+
+      return {
+        '--ratio': ratioPct
+      };
+    });
+    var cropClass = computed(function () {
+      return props.crop && buildClass(coverWrapperClass, 'crop');
+    });
+    var coverClass = computed(function () {
+      return props.cover && buildClass(coverWrapperClass, 'cover');
+    });
+    return {
+      style: useCssModule(),
+      baseClass,
+      ratioClass,
+      coverWrapperClass,
+      modifierClass,
+      radiusClass,
+      cropObject,
+      ratioObject,
+      cropClass,
+      coverClass,
+      mapClasses
+    };
+  }
+
+});
+
+export { script as default };

package/dist/lib/src/components/image/CdrImg.vue_vue_type_template_id_2db42a36_lang.js

@@ -0,0 +1,29 @@
+import { openBlock, createElementBlock, normalizeStyle, normalizeClass, createElementVNode, mergeProps } from 'vue';
+
+var _hoisted_1 = ["src", "alt"];
+var _hoisted_2 = ["src", "alt"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return _ctx.ratio ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    style: normalizeStyle(_ctx.ratioObject),
+    class: normalizeClass(_ctx.style[_ctx.ratioClass])
+  }, [createElementVNode("img", mergeProps({
+    style: _ctx.cropObject,
+    class: _ctx.mapClasses(_ctx.style, _ctx.baseClass, _ctx.modifierClass, _ctx.radiusClass, _ctx.coverWrapperClass, _ctx.cropClass, _ctx.coverClass),
+    src: _ctx.src,
+    alt: _ctx.alt
+  }, _ctx.$attrs), null, 16
+  /* FULL_PROPS */
+  , _hoisted_1)], 6
+  /* CLASS, STYLE */
+  )) : (openBlock(), createElementBlock("img", mergeProps({
+    key: 1,
+    class: _ctx.mapClasses(_ctx.style, _ctx.baseClass, _ctx.modifierClass, _ctx.radiusClass),
+    src: _ctx.src,
+    alt: _ctx.alt
+  }, _ctx.$attrs), null, 16
+  /* FULL_PROPS */
+  , _hoisted_2));
+}
+
+export { render };

package/dist/lib/src/components/image/styles/CdrImg.module.scss_vue_type_style_index_0_src_id_2db42a36_module_true_lang.css.js

@@ -0,0 +1,12 @@
+var style0 = {
+  "cdr-image": "cdr-image_13-0-0-alpha-1",
+  "cdr-image--responsive": "cdr-image--responsive_13-0-0-alpha-1",
+  "cdr-image--rounded": "cdr-image--rounded_13-0-0-alpha-1",
+  "cdr-image--circle": "cdr-image--circle_13-0-0-alpha-1",
+  "cdr-image-ratio": "cdr-image-ratio_13-0-0-alpha-1",
+  "cdr-image-ratio__cover": "cdr-image-ratio__cover_13-0-0-alpha-1",
+  "cdr-image-ratio__cover--crop": "cdr-image-ratio__cover--crop_13-0-0-alpha-1",
+  "cdr-image-ratio__cover--cover": "cdr-image-ratio__cover--cover_13-0-0-alpha-1"
+};
+
+export { style0 as default };

package/dist/lib/src/components/input/CdrInput.js

@@ -0,0 +1,10 @@
+import script from './CdrInput.vue_vue_type_script_lang.js';
+export { default } from './CdrInput.vue_vue_type_script_lang.js';
+import { render } from './CdrInput.vue_vue_type_template_id_0727bc24_lang.js';
+import style0 from './styles/CdrInput.module.scss_vue_type_style_index_0_src_id_0727bc24_module_true_lang.css.js';
+
+const cssModules = script.__cssModules = {};
+cssModules["$style"] = style0;
+
+script.render = render;
+script.__file = "src/components/input/CdrInput.vue";

package/dist/lib/src/components/input/CdrInput.vue_vue_type_script_lang.js

@@ -0,0 +1,177 @@
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import { defineComponent, ref, computed, useCssModule } from 'vue';
+import validateProp from '../../utils/propValidator.js';
+import '../labelStandalone/CdrLabelStandalone.js';
+import '../formError/CdrFormError.js';
+import sizeProps from '../../props/size.js';
+import backgroundProps from '../../props/background.js';
+import { buildClass } from '../../utils/buildClass.js';
+import mapClasses from '../../utils/mapClasses.js';
+import script$1 from '../labelStandalone/CdrLabelStandalone.vue_vue_type_script_lang.js';
+import script$2 from '../formError/CdrFormError.vue_vue_type_script_lang.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var script = defineComponent({
+  name: 'CdrInput',
+  components: {
+    CdrLabelStandalone: script$1,
+    CdrFormError: script$2
+  },
+  inheritAttrs: false,
+  props: {
+    /**
+     * `id` for the input that is mapped to the label `for` attribute.
+    */
+    id: {
+      type: String,
+      required: true
+    },
+
+    /**
+     *  'type' attribute for the input as defined by w3c.
+     *  Only supporting text|email|number|password|search|url.
+     *  The increment/decrement webkit psuedo element is hidden for number.
+    */
+    type: {
+      type: [String],
+      default: 'text',
+      validator: function validator(value) {
+        return validateProp(value, // TODO: moar types?
+        ['text', 'email', 'number', 'password', 'search', 'url', 'tel']);
+      }
+    },
+
+    /**
+     * Label text. This is required for a11y even if hiding the label with `hideLabel`.
+    */
+    label: {
+      type: String,
+      required: true
+    },
+    // sets default attrs for inputs that should use a numeric keyboard but are not strictly "numbers" (security code, CC number, postal code)
+    numeric: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * Removes the label element but sets the input `aria-label` to `label` text for a11y.
+    */
+    hideLabel: Boolean,
+
+    /**
+     * Number of rows for input.  Converts component to text-area if rows greater than 1.
+    */
+    rows: Number,
+    // Set which background type the input renders on
+    background: backgroundProps,
+    size: sizeProps,
+
+    /**
+     * Override the error message role, default is `status`.
+     */
+    errorRole: {
+      type: String,
+      required: false,
+      default: 'status'
+    },
+    // Set error styling
+    error: {
+      type: [Boolean, String],
+      default: false
+    },
+    disabled: Boolean,
+    required: Boolean,
+    optional: Boolean,
+    modelValue: {
+      type: [String, Number]
+    }
+  },
+
+  setup(props, ctx) {
+    var baseClass = 'cdr-input'; // console.log(ctx.slots['post-icon']);
+    // TODO: delete un-used hasSlot props
+
+    var isFocused = ref(false);
+    var hasHelperTop = ctx.slots['helper-text-top'];
+    var hasHelperBottom = ctx.slots['helper-text-bottom'];
+    var hasPreIcon = ctx.slots['pre-icon'];
+    var hasPostIcon = ctx.slots['post-icon'];
+    var hasPostIcons = hasPostIcon && ctx.slots['post-icon']().length > 1;
+    var hasInfo = ctx.slots.info;
+    var hasInfoAction = ctx.slots['info-action'];
+    var multilineClass = computed(function () {
+      return props.rows > 1 && 'cdr-input--multiline';
+    });
+    var preIconClass = computed(function () {
+      return hasPreIcon && 'cdr-input--preicon';
+    }); // TODO: make one class for this? if possible? there must have been a reason i did it like this.....
+
+    var postIconClass = computed(function () {
+      return hasPostIcon && 'cdr-input--posticon';
+    });
+    var postIconsClass = computed(function () {
+      return hasPostIcons && 'cdr-input--posticons';
+    });
+    var errorClass = computed(function () {
+      return props.error && 'cdr-input--error';
+    });
+    var backgroundClass = computed(function () {
+      return "cdr-input--".concat(props.background);
+    });
+    var sizeClass = computed(function () {
+      return props.size && buildClass(baseClass, props.size);
+    });
+    var focusedClass = computed(function () {
+      return isFocused.value && 'cdr-input--focus';
+    });
+    var describedby = computed(function () {
+      var _context;
+
+      return _filterInstanceProperty(_context = [ctx.slots['helper-text-top'] ? "".concat(props.id, "-helper-text-top") : '', ctx.slots['helper-text-bottom'] ? "".concat(props.id, "-helper-text-bottom") : '', ctx.attrs['aria-describedby']]).call(_context, function (x) {
+        return x;
+      }).join(' ');
+    });
+    var inputAttrs = computed(function () {
+      var isNum = props.numeric || props.type === 'number';
+      return _objectSpread({
+        autocorrect: 'off',
+        spellcheck: 'false',
+        autocapitalize: 'off',
+        pattern: isNum && '[0-9]*' || null,
+        inputmode: isNum && 'numeric' || null,
+        novalidate: isNum || null
+      }, ctx.attrs);
+    });
+    return {
+      style: useCssModule(),
+      baseClass,
+      sizeClass,
+      focusedClass,
+      multilineClass,
+      preIconClass,
+      postIconClass,
+      postIconsClass,
+      errorClass,
+      backgroundClass,
+      isFocused,
+      hasHelperTop,
+      hasHelperBottom,
+      hasPreIcon,
+      hasPostIcon,
+      hasInfo,
+      hasInfoAction,
+      inputAttrs,
+      describedby,
+      mapClasses
+    };
+  }
+
+});
+
+export { script as default };

package/dist/lib/src/components/input/CdrInput.vue_vue_type_template_id_0727bc24_lang.js

@@ -0,0 +1,134 @@
+import { resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementVNode, normalizeClass, createElementBlock, mergeProps, renderSlot, createCommentVNode } from 'vue';
+
+var _hoisted_1 = ["rows", "id", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "value", "aria-describedby"];
+var _hoisted_2 = ["type", "id", "disabled", "aria-required", "aria-invalid", "aria-errormessage", "aria-describedby", "value"];
+var _hoisted_3 = ["id"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_cdr_form_error = resolveComponent("cdr-form-error");
+
+  var _component_cdr_label_standalone = resolveComponent("cdr-label-standalone");
+
+  return openBlock(), createBlock(_component_cdr_label_standalone, {
+    "for-id": _ctx.id,
+    label: _ctx.label,
+    "hide-label": _ctx.hideLabel,
+    required: _ctx.required,
+    optional: _ctx.optional,
+    disabled: _ctx.disabled
+  }, createSlots({
+    default: withCtx(function () {
+      return [createElementVNode("div", {
+        class: normalizeClass(_ctx.mapClasses(_ctx.style, 'cdr-input-wrap', _ctx.focusedClass))
+      }, [_ctx.rows && _ctx.rows > 1 ? (openBlock(), createElementBlock("textarea", mergeProps({
+        key: 0,
+        rows: _ctx.rows,
+        class: _ctx.mapClasses(_ctx.style, _ctx.baseClass, _ctx.multilineClass, _ctx.preIconClass, _ctx.postIconClass, _ctx.postIconsClass, _ctx.errorClass, _ctx.backgroundClass, _ctx.sizeClass),
+        id: _ctx.id,
+        disabled: _ctx.disabled,
+        "aria-required": _ctx.required || null,
+        "aria-invalid": !!_ctx.error || null,
+        "aria-errormessage": !!_ctx.error && "".concat(_ctx.id, "-error") || null
+      }, _ctx.inputAttrs, {
+        value: _ctx.modelValue,
+        "aria-describedby": _ctx.describedby || null,
+        onInput: _cache[0] || (_cache[0] = function ($event) {
+          return _ctx.$emit('update:modelValue', $event.target.value);
+        }),
+        onFocus: _cache[1] || (_cache[1] = function ($event) {
+          return _ctx.isFocused = true;
+        }),
+        onBlur: _cache[2] || (_cache[2] = function ($event) {
+          return _ctx.isFocused = false;
+        })
+      }), null, 16
+      /* FULL_PROPS */
+      , _hoisted_1)) : (openBlock(), createElementBlock("input", mergeProps({
+        key: 1,
+        type: _ctx.type,
+        class: _ctx.mapClasses(_ctx.style, _ctx.baseClass, _ctx.preIconClass, _ctx.postIconClass, _ctx.postIconsClass, _ctx.errorClass, _ctx.backgroundClass, _ctx.sizeClass),
+        id: _ctx.id,
+        disabled: _ctx.disabled,
+        "aria-required": _ctx.required || null,
+        "aria-invalid": !!_ctx.error || null,
+        "aria-errormessage": !!_ctx.error && "".concat(_ctx.id, "-error") || null
+      }, _ctx.inputAttrs, {
+        "aria-describedby": _ctx.describedby || null,
+        value: _ctx.modelValue,
+        onInput: _cache[3] || (_cache[3] = function ($event) {
+          return _ctx.$emit('update:modelValue', $event.target.value);
+        }),
+        onFocus: _cache[4] || (_cache[4] = function ($event) {
+          return _ctx.isFocused = true;
+        }),
+        onBlur: _cache[5] || (_cache[5] = function ($event) {
+          return _ctx.isFocused = false;
+        })
+      }), null, 16
+      /* FULL_PROPS */
+      , _hoisted_2)), _ctx.hasPreIcon ? (openBlock(), createElementBlock("span", {
+        key: 2,
+        class: normalizeClass(_ctx.style['cdr-input__pre-icon'])
+      }, [renderSlot(_ctx.$slots, "pre-icon")], 2
+      /* CLASS */
+      )) : createCommentVNode("v-if", true), _ctx.hasPostIcon ? (openBlock(), createElementBlock("span", {
+        key: 3,
+        class: normalizeClass(_ctx.style['cdr-input__post-icon'])
+      }, [renderSlot(_ctx.$slots, "post-icon")], 2
+      /* CLASS */
+      )) : createCommentVNode("v-if", true)], 2
+      /* CLASS */
+      )];
+    }),
+    _: 2
+    /* DYNAMIC */
+
+  }, [_ctx.hasHelperTop ? {
+    name: "helper",
+    fn: withCtx(function () {
+      return [renderSlot(_ctx.$slots, "helper-text-top")];
+    })
+  } : undefined, _ctx.hasInfo ? {
+    name: "info",
+    fn: withCtx(function () {
+      return [renderSlot(_ctx.$slots, "info")];
+    })
+  } : undefined, _ctx.hasInfoAction ? {
+    name: "info-action",
+    fn: withCtx(function () {
+      return [renderSlot(_ctx.$slots, "info-action")];
+    })
+  } : undefined, _ctx.hasHelperBottom && !_ctx.error ? {
+    name: "helper-text-bottom",
+    fn: withCtx(function () {
+      return [createElementVNode("span", {
+        id: "".concat(_ctx.id, "-helper-text-bottom"),
+        class: normalizeClass(_ctx.style['cdr-input__helper-text'])
+      }, [renderSlot(_ctx.$slots, "helper-text-bottom")], 10
+      /* CLASS, PROPS */
+      , _hoisted_3)];
+    })
+  } : undefined, _ctx.error ? {
+    name: "error",
+    fn: withCtx(function () {
+      return [_ctx.error ? (openBlock(), createBlock(_component_cdr_form_error, {
+        key: 0,
+        error: _ctx.error,
+        role: _ctx.errorRole,
+        id: "".concat(_ctx.id, "-error")
+      }, {
+        error: withCtx(function () {
+          return [renderSlot(_ctx.$slots, "error")];
+        }),
+        _: 3
+        /* FORWARDED */
+
+      }, 8
+      /* PROPS */
+      , ["error", "role", "id"])) : createCommentVNode("v-if", true)];
+    })
+  } : undefined]), 1032
+  /* PROPS, DYNAMIC_SLOTS */
+  , ["for-id", "label", "hide-label", "required", "optional", "disabled"]);
+}
+
+export { render };

package/dist/lib/src/components/input/styles/CdrInput.module.scss_vue_type_style_index_0_src_id_0727bc24_module_true_lang.css.js

@@ -0,0 +1,22 @@
+var style0 = {
+  "cdr-input": "cdr-input_13-0-0-alpha-1",
+  "cdr-input--focus": "cdr-input--focus_13-0-0-alpha-1",
+  "cdr-input--multiline": "cdr-input--multiline_13-0-0-alpha-1",
+  "cdr-input--preicon": "cdr-input--preicon_13-0-0-alpha-1",
+  "cdr-input--posticon": "cdr-input--posticon_13-0-0-alpha-1",
+  "cdr-input--posticons": "cdr-input--posticons_13-0-0-alpha-1",
+  "cdr-input--primary": "cdr-input--primary_13-0-0-alpha-1",
+  "cdr-input--secondary": "cdr-input--secondary_13-0-0-alpha-1",
+  "cdr-input--error": "cdr-input--error_13-0-0-alpha-1",
+  "cdr-input--large": "cdr-input--large_13-0-0-alpha-1",
+  "cdr-input--large@xs": "cdr-input--large@xs_13-0-0-alpha-1",
+  "cdr-input--large@sm": "cdr-input--large@sm_13-0-0-alpha-1",
+  "cdr-input--large@md": "cdr-input--large@md_13-0-0-alpha-1",
+  "cdr-input--large@lg": "cdr-input--large@lg_13-0-0-alpha-1",
+  "cdr-input__pre-icon": "cdr-input__pre-icon_13-0-0-alpha-1",
+  "cdr-input__post-icon": "cdr-input__post-icon_13-0-0-alpha-1",
+  "cdr-input__helper-text": "cdr-input__helper-text_13-0-0-alpha-1",
+  "cdr-input-wrap": "cdr-input-wrap_13-0-0-alpha-1"
+};
+
+export { style0 as default };

package/dist/lib/src/components/labelStandalone/CdrLabelStandalone.js

@@ -0,0 +1,10 @@
+import script from './CdrLabelStandalone.vue_vue_type_script_lang.js';
+export { default } from './CdrLabelStandalone.vue_vue_type_script_lang.js';
+import { render } from './CdrLabelStandalone.vue_vue_type_template_id_0fc61c8e_lang.js';
+import style0 from './styles/CdrLabelStandalone.module.scss_vue_type_style_index_0_src_id_0fc61c8e_module_true_lang.css.js';
+
+const cssModules = script.__cssModules = {};
+cssModules["$style"] = style0;
+
+script.render = render;
+script.__file = "src/components/labelStandalone/CdrLabelStandalone.vue";

package/dist/lib/src/components/labelStandalone/CdrLabelStandalone.vue_vue_type_script_lang.js

@@ -0,0 +1,47 @@
+import { defineComponent, computed, useCssModule } from 'vue';
+import mapClasses from '../../utils/mapClasses.js';
+
+var script = defineComponent({
+  name: 'CdrLabelStandalone',
+  props: {
+    forId: {
+      type: String,
+      required: true
+    },
+    label: String,
+    disabled: Boolean,
+    required: Boolean,
+    optional: Boolean,
+    hideLabel: Boolean
+  },
+
+  setup(props, ctx) {
+    var baseClass = 'cdr-label-standalone';
+    var hasHelper = ctx.slots.helper;
+    var hasInfo = ctx.slots.info;
+    var hasInfoAction = ctx.slots['info-action'];
+    var disabledLabelClass = computed(function () {
+      return props.disabled && 'cdr-label-standalone__label--disabled';
+    });
+    var srOnlyLabelClass = computed(function () {
+      return props.hideLabel && 'cdr-label-standalone__label--sr-only';
+    });
+    var inputSpacingClass = computed(function () {
+      return (!props.hideLabel || hasHelper || hasInfo) && 'cdr-label-standalone__input--spacing';
+    });
+    return {
+      style: useCssModule(),
+      mapClasses,
+      hasHelper,
+      hasInfo,
+      hasInfoAction,
+      baseClass,
+      disabledLabelClass,
+      srOnlyLabelClass,
+      inputSpacingClass
+    };
+  }
+
+});
+
+export { script as default };

package/dist/lib/src/components/labelStandalone/CdrLabelStandalone.vue_vue_type_template_id_0fc61c8e_lang.js

@@ -0,0 +1,60 @@
+import { openBlock, createElementBlock, normalizeClass, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, renderSlot } from 'vue';
+
+var _hoisted_1 = ["for"];
+var _hoisted_2 = {
+  key: 0,
+  "aria-label": "required"
+};
+var _hoisted_3 = {
+  key: 0
+};
+var _hoisted_4 = ["id"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.style[_ctx.baseClass])
+  }, [createElementVNode("div", {
+    class: normalizeClass(_ctx.style['cdr-label-standalone__label-wrapper'])
+  }, [createElementVNode("label", {
+    class: normalizeClass(_ctx.mapClasses(_ctx.style, 'cdr-label-standalone__label', _ctx.disabledLabelClass, _ctx.srOnlyLabelClass)),
+    for: _ctx.forId
+  }, [createTextVNode(toDisplayString(_ctx.label) + toDisplayString(_ctx.required || _ctx.optional ? '' : '') + " ", 1
+  /* TEXT */
+  ), _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_2, "*")) : _ctx.optional ? (openBlock(), createElementBlock("span", {
+    key: 1,
+    class: normalizeClass(_ctx.style['cdr-label-standalone__optional'])
+  }, "(optional)", 2
+  /* CLASS */
+  )) : createCommentVNode("v-if", true)], 10
+  /* CLASS, PROPS */
+  , _hoisted_1), !_ctx.hideLabel && _ctx.hasHelper ? (openBlock(), createElementBlock("br", _hoisted_3)) : createCommentVNode("v-if", true), _ctx.hasHelper ? (openBlock(), createElementBlock("span", {
+    key: 1,
+    class: normalizeClass(_ctx.style['cdr-label-standalone__helper']),
+    id: "".concat(_ctx.forId, "-helper-text-top")
+  }, [renderSlot(_ctx.$slots, "helper")], 10
+  /* CLASS, PROPS */
+  , _hoisted_4)) : createCommentVNode("v-if", true)], 2
+  /* CLASS */
+  ), createElementVNode("div", {
+    class: normalizeClass(_ctx.mapClasses(_ctx.style, 'cdr-label-standalone__input-wrap', _ctx.inputSpacingClass))
+  }, [renderSlot(_ctx.$slots, "default"), _ctx.hasInfoAction ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    class: normalizeClass(_ctx.style['cdr-label-standalone__info-action'])
+  }, [renderSlot(_ctx.$slots, "info-action")], 2
+  /* CLASS */
+  )) : createCommentVNode("v-if", true)], 2
+  /* CLASS */
+  ), _ctx.hasInfo ? (openBlock(), createElementBlock("span", {
+    key: 0,
+    class: normalizeClass(_ctx.style['cdr-label-standalone__info'])
+  }, [renderSlot(_ctx.$slots, "info")], 2
+  /* CLASS */
+  )) : createCommentVNode("v-if", true), createElementVNode("div", {
+    class: normalizeClass(_ctx.style['cdr-label-standalone__post-content'])
+  }, [renderSlot(_ctx.$slots, "helper-text-bottom"), renderSlot(_ctx.$slots, "error")], 2
+  /* CLASS */
+  )], 2
+  /* CLASS */
+  );
+}
+
+export { render };

package/dist/lib/src/components/labelStandalone/styles/CdrLabelStandalone.module.scss_vue_type_style_index_0_src_id_0fc61c8e_module_true_lang.css.js

@@ -0,0 +1,16 @@
+var style0 = {
+  "cdr-label-standalone": "cdr-label-standalone_13-0-0-alpha-1",
+  "cdr-label-standalone__label-wrapper": "cdr-label-standalone__label-wrapper_13-0-0-alpha-1",
+  "cdr-label-standalone__label": "cdr-label-standalone__label_13-0-0-alpha-1",
+  "cdr-label-standalone__label--sr-only": "cdr-label-standalone__label--sr-only_13-0-0-alpha-1",
+  "cdr-label-standalone__label--disabled": "cdr-label-standalone__label--disabled_13-0-0-alpha-1",
+  "cdr-label-standalone__optional": "cdr-label-standalone__optional_13-0-0-alpha-1",
+  "cdr-label-standalone__helper": "cdr-label-standalone__helper_13-0-0-alpha-1",
+  "cdr-label-standalone__info": "cdr-label-standalone__info_13-0-0-alpha-1",
+  "cdr-label-standalone__post-content": "cdr-label-standalone__post-content_13-0-0-alpha-1",
+  "cdr-label-standalone__info-action": "cdr-label-standalone__info-action_13-0-0-alpha-1",
+  "cdr-label-standalone__input-wrap": "cdr-label-standalone__input-wrap_13-0-0-alpha-1",
+  "cdr-label-standalone__input-spacing": "cdr-label-standalone__input-spacing_13-0-0-alpha-1"
+};
+
+export { style0 as default };

package/dist/lib/src/components/labelWrapper/CdrLabelWrapper.js

@@ -0,0 +1,10 @@
+import script from './CdrLabelWrapper.vue_vue_type_script_lang.js';
+export { default } from './CdrLabelWrapper.vue_vue_type_script_lang.js';
+import { render } from './CdrLabelWrapper.vue_vue_type_template_id_1b3bfeb0_lang.js';
+import style0 from './styles/CdrLabelWrapper.module.scss_vue_type_style_index_0_src_id_1b3bfeb0_module_true_lang.css.js';
+
+const cssModules = script.__cssModules = {};
+cssModules["$style"] = style0;
+
+script.render = render;
+script.__file = "src/components/labelWrapper/CdrLabelWrapper.vue";