@rei/cedar 11.0.0-alpha.0

package/dist/lib/src/components/icon/comps/zoom-out.mjs

@@ -0,0 +1,32 @@
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+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 CdrIcon from '../CdrIcon.mjs';
+
+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 zoomOut = {
+  name: 'IconZoomOut',
+  components: {
+    CdrIcon
+  },
+  extends: CdrIcon,
+
+  render() {
+    var h = arguments[0];
+    return h("cdr-icon", {
+      "props": _objectSpread({}, this.$props),
+      "attrs": _objectSpread({}, this.$attrs)
+    }, [this.$slots.default, h("path", {
+      "attrs": {
+        "role": "presentation",
+        "d": "M20.706 19.296a1 1 0 01-1.414 1.414l-4.243-4.247a7.5 7.5 0 111.414-1.414l4.243 4.247zM10.5 16a5.5 5.5 0 100-11 5.5 5.5 0 000 11zM7.25 9.75h6.5a.75.75 0 110 1.5h-6.5a.75.75 0 110-1.5z"
+      }
+    })]);
+  }
+
+};
+
+export default zoomOut;

package/dist/lib/src/components/icon/styles/CdrIcon.mjs

@@ -0,0 +1,3 @@
+var modules_195b2ee1 = {"cdr-icon":"cdr-icon_11-0-0-alpha-0","cdr-icon--small":"cdr-icon--small_11-0-0-alpha-0","cdr-icon--large":"cdr-icon--large_11-0-0-alpha-0","cdr-icon--small@xs":"cdr-icon--small@xs_11-0-0-alpha-0","cdr-icon--large@xs":"cdr-icon--large@xs_11-0-0-alpha-0","cdr-icon--small@sm":"cdr-icon--small@sm_11-0-0-alpha-0","cdr-icon--large@sm":"cdr-icon--large@sm_11-0-0-alpha-0","cdr-icon--small@md":"cdr-icon--small@md_11-0-0-alpha-0","cdr-icon--large@md":"cdr-icon--large@md_11-0-0-alpha-0","cdr-icon--small@lg":"cdr-icon--small@lg_11-0-0-alpha-0","cdr-icon--large@lg":"cdr-icon--large@lg_11-0-0-alpha-0","cdr-icon--inherit-color":"cdr-icon--inherit-color_11-0-0-alpha-0"};
+
+export default modules_195b2ee1;

package/dist/lib/src/components/image/CdrImg.mjs

@@ -0,0 +1,151 @@
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+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 _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import clsx from 'clsx';
+import modifier from '../../mixins/modifier.mjs';
+import modules_c2c0e66d from './styles/CdrImg.mjs';
+
+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 CdrImg = {
+  name: 'CdrImg',
+  mixins: [modifier],
+  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;
+      }
+    }
+  },
+
+  data() {
+    return {
+      style: modules_c2c0e66d
+    };
+  },
+
+  computed: {
+    baseClass() {
+      return 'cdr-image';
+    },
+
+    radiusClass() {
+      return this.radius ? this.style["cdr-image--".concat(this.radius)] : '';
+    },
+
+    coverClass() {
+      var classObj = {};
+      classObj[this.style['cdr-image-ratio__cover']] = true;
+      classObj[this.style['cdr-image-ratio__cover--crop']] = this.crop;
+      classObj[this.style['cdr-image-ratio__cover--cover']] = this.cover;
+      return classObj;
+    },
+
+    cropObject() {
+      return {
+        objectPosition: this.crop
+      };
+    },
+
+    ratioObject() {
+      var ratioPct;
+
+      if (this.ratio === 'square') {
+        ratioPct = '100%';
+      } else if (this.ratio === 'auto') {
+        ratioPct = '0';
+      } else {
+        var _this$ratio$split = this.ratio.split('-'),
+            _this$ratio$split2 = _slicedToArray(_this$ratio$split, 2),
+            x = _this$ratio$split2[0],
+            y = _this$ratio$split2[1];
+
+        ratioPct = "".concat(y / x * 100, "%");
+      }
+
+      return {
+        '--ratio': ratioPct
+      };
+    }
+
+  },
+
+  render() {
+    var h = arguments[0];
+
+    if (this.ratio) {
+      return h("div", {
+        "style": this.ratioObject,
+        "class": this.style['cdr-image-ratio']
+      }, [h("img", {
+        "style": this.cropObject,
+        "class": clsx(this.style[this.baseClass], this.modifierClass, this.radiusClass, this.coverClass),
+        "attrs": _objectSpread({
+          "src": this.src,
+          "alt": this.alt
+        }, this.$attrs),
+        "on": _objectSpread({}, this.$listeners)
+      })]);
+    }
+
+    return h("img", {
+      "class": clsx(this.style[this.baseClass], this.modifierClass, this.radiusClass),
+      "attrs": _objectSpread({
+        "src": this.src,
+        "alt": this.alt
+      }, this.$attrs),
+      "on": _objectSpread({}, this.$listeners)
+    });
+  }
+
+};
+
+export default CdrImg;

package/dist/lib/src/components/image/styles/CdrImg.mjs

@@ -0,0 +1,3 @@
+var modules_c2c0e66d = {"cdr-image":"cdr-image_11-0-0-alpha-0","cdr-image--responsive":"cdr-image--responsive_11-0-0-alpha-0","cdr-image--rounded":"cdr-image--rounded_11-0-0-alpha-0","cdr-image--circle":"cdr-image--circle_11-0-0-alpha-0","cdr-image-ratio":"cdr-image-ratio_11-0-0-alpha-0","cdr-image-ratio__cover":"cdr-image-ratio__cover_11-0-0-alpha-0","cdr-image-ratio__cover--crop":"cdr-image-ratio__cover--crop_11-0-0-alpha-0","cdr-image-ratio__cover--cover":"cdr-image-ratio__cover--cover_11-0-0-alpha-0"};
+
+export default modules_c2c0e66d;

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

@@ -0,0 +1,296 @@
+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 _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import clsx from 'clsx';
+import size from '../../mixins/size.mjs';
+import validateProp from '../../utils/propValidator.mjs';
+import CdrLabelStandalone from '../labelStandalone/CdrLabelStandalone.mjs';
+import CdrFormError from '../formError/CdrFormError.mjs';
+import modules_3bf8b288 from './styles/CdrInput.mjs';
+
+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; }
+/**
+ * Cedar 2 component for input
+ * **NOTE:** `v-model` is required.
+ * @version 1.0.0
+ * @author [REI Software Engineering](https://rei.github.io/rei-cedar/)
+ */
+
+var CdrInput = {
+  name: 'CdrInput',
+  components: {
+    CdrLabelStandalone,
+    CdrFormError
+  },
+  mixins: [size],
+  inheritAttrs: false,
+  props: {
+    /**
+     * `id` for the input that is mapped to the label `for` attribute.
+     *  If one is not provided, it will be auto generated.
+    */
+    id: String,
+
+    /**
+     *  '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, ['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
+    },
+
+    /**
+     * Override the error message role, default is `status`.
+     */
+    errorRole: {
+      type: String,
+      required: false,
+      default: 'status'
+    },
+
+    /**
+     * Removes the label element but sets the input `aria-label` to `label` text for a11y.
+    */
+    hideLabel: Boolean,
+    // 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
+    },
+
+    /**
+     * 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: {
+      type: [String],
+      default: 'primary',
+      validator: function validator(value) {
+        return validateProp(value, ['primary', 'secondary']);
+      }
+    },
+    // Set error styling
+    error: {
+      type: [Boolean, String],
+      default: false
+    },
+    disabled: Boolean,
+    required: Boolean,
+    optional: Boolean,
+    value: {
+      type: [String, Number]
+    }
+  },
+
+  data() {
+    return {
+      style: modules_3bf8b288,
+      isFocused: false
+    };
+  },
+
+  computed: {
+    // Use given id or generate one
+    inputId() {
+      return this.id ? this.id : this._uid; // eslint-disable-line no-underscore-dangle
+    },
+
+    baseClass() {
+      return 'cdr-input';
+    },
+
+    inputAttrs() {
+      var isNum = this.numeric || this.type === 'number';
+      return _objectSpread({
+        pattern: isNum && '[0-9]*',
+        inputmode: isNum && 'numeric',
+        novalidate: isNum,
+        autocorrect: 'off',
+        spellcheck: 'false',
+        autocapitalize: 'off'
+      }, this.$attrs);
+    },
+
+    inputClass() {
+      var hasPostIcon = !!this.$slots['post-icon'];
+      var hasPostIcons = hasPostIcon && this.$slots['post-icon'].length > 1;
+      return {
+        [this.style['cdr-input']]: true,
+        [this.style['cdr-input--multiline']]: this.rows > 1,
+        [this.style['cdr-input--preicon']]: this.$slots['pre-icon'],
+        [this.style['cdr-input--posticon']]: hasPostIcon,
+        [this.style['cdr-input--posticons']]: hasPostIcons,
+        [this.style['cdr-input--error']]: this.error,
+        [this.style["cdr-input--".concat(this.background)]]: true
+      };
+    },
+
+    wrapperClass() {
+      return {
+        [this.style['cdr-input-wrap']]: true,
+        [this.style['cdr-input--focus']]: this.isFocused
+      };
+    },
+
+    describedby() {
+      var _context;
+
+      return _filterInstanceProperty(_context = [this.$slots['helper-text-top'] ? "".concat(this.inputId, "-helper-text-top") : '', this.$slots['helper-text-bottom'] ? "".concat(this.inputId, "-helper-text-bottom") : '', this.$attrs['aria-describedby']]).call(_context, function (x) {
+        return x;
+      }).join(' ');
+    },
+
+    inputListeners() {
+      // https://vuejs.org/v2/guide/components-custom-events.html#Binding-Native-Events-to-Components
+      // handles conflict between v-model and v-on="$listeners"
+      var vm = this;
+      return _objectSpread(_objectSpread({}, this.$listeners), {}, {
+        input(event) {
+          vm.$emit('input', event.target.value);
+        },
+
+        focus(event) {
+          vm.isFocused = true;
+          vm.$emit('focus', event);
+        },
+
+        blur(event) {
+          vm.isFocused = false;
+          vm.$emit('blur', event);
+        }
+
+      });
+    },
+
+    inputEl() {
+      var _this = this;
+
+      var h = this.$createElement;
+
+      if (this.rows && this.rows > 1) {
+        return h("textarea", _mergeJSXProps([{
+          "on": _objectSpread({
+            "input": function input($event) {
+              if ($event.target.composing) return;
+              _this.value = $event.target.value;
+            }
+          }, this.inputListeners),
+          "attrs": _objectSpread(_objectSpread({
+            "rows": this.rows,
+            "id": this.inputId,
+            "disabled": this.disabled,
+            "aria-required": this.required,
+            "aria-invalid": !!this.error,
+            "aria-errormessage": !!this.error && "".concat(this.inputId, "-error")
+          }, this.inputAttrs), {}, {
+            "aria-describedby": this.describedby || false
+          }),
+          "class": clsx(this.inputClass, this.sizeClass),
+          "ref": "input",
+          "domProps": {
+            "value": _this.value
+          }
+        }, {
+          directives: [{
+            name: "model",
+            value: _this.value,
+            modifiers: {}
+          }]
+        }]));
+      }
+
+      return h("input", _mergeJSXProps([{
+        "on": _objectSpread({
+          "input": function input($event) {
+            if ($event.target.composing) return;
+            _this.value = $event.target.value;
+          }
+        }, this.inputListeners),
+        "attrs": _objectSpread(_objectSpread({
+          "type": this.type,
+          "id": this.inputId,
+          "disabled": this.disabled,
+          "aria-required": this.required,
+          "aria-invalid": !!this.error,
+          "aria-errormessage": !!this.error && "".concat(this.inputId, "-error")
+        }, this.inputAttrs), {}, {
+          "aria-describedby": this.describedby || false
+        }),
+        "class": clsx(this.inputClass, this.sizeClass),
+        "ref": "input",
+        "domProps": {
+          "value": _this.value
+        }
+      }, {
+        directives: [{
+          name: "model",
+          value: _this.value,
+          modifiers: {}
+        }]
+      }]));
+    }
+
+  },
+
+  render() {
+    var h = arguments[0];
+    return h("cdr-label-standalone", {
+      "attrs": {
+        "for-id": "".concat(this.inputId),
+        "label": this.label,
+        "hide-label": this.hideLabel,
+        "required": this.required,
+        "optional": this.optional,
+        "disabled": this.disabled
+      }
+    }, [this.$slots['helper-text-top'] && h("template", {
+      "slot": "helper"
+    }, [this.$slots['helper-text-top']]), this.$slots.info && h("template", {
+      "slot": "info"
+    }, [this.$slots.info]), h("div", {
+      "class": this.wrapperClass
+    }, [this.inputEl, this.$slots['pre-icon'] && h("span", {
+      "class": this.style['cdr-input__pre-icon']
+    }, [this.$slots['pre-icon']]), this.$slots['post-icon'] && h("span", {
+      "class": this.style['cdr-input__post-icon']
+    }, [this.$slots['post-icon']])]), this.$slots['info-action'] && h("template", {
+      "slot": "info-action"
+    }, [this.$slots['info-action']]), this.$slots['helper-text-bottom'] && !this.error && h("span", {
+      "class": this.style['cdr-input__helper-text'],
+      "attrs": {
+        "id": "".concat(this.inputId, "-helper-text-bottom")
+      },
+      "slot": "helper-text-bottom"
+    }, [this.$slots['helper-text-bottom']]), this.error && h("cdr-form-error", {
+      "attrs": {
+        "role": this.errorRole,
+        "error": this.error,
+        "id": "".concat(this.inputId, "-error")
+      },
+      "slot": "error"
+    }, [h("template", {
+      "slot": "error"
+    }, [this.$slots.error])])]);
+  }
+
+};
+
+export default CdrInput;

package/dist/lib/src/components/input/styles/CdrInput.mjs

@@ -0,0 +1,3 @@
+var modules_3bf8b288 = {"cdr-input":"cdr-input_11-0-0-alpha-0","cdr-input--focus":"cdr-input--focus_11-0-0-alpha-0","cdr-input--multiline":"cdr-input--multiline_11-0-0-alpha-0","cdr-input--preicon":"cdr-input--preicon_11-0-0-alpha-0","cdr-input--posticon":"cdr-input--posticon_11-0-0-alpha-0","cdr-input--posticons":"cdr-input--posticons_11-0-0-alpha-0","cdr-input--primary":"cdr-input--primary_11-0-0-alpha-0","cdr-input--secondary":"cdr-input--secondary_11-0-0-alpha-0","cdr-input--error":"cdr-input--error_11-0-0-alpha-0","cdr-input--large":"cdr-input--large_11-0-0-alpha-0","cdr-input--large@xs":"cdr-input--large@xs_11-0-0-alpha-0","cdr-input--large@sm":"cdr-input--large@sm_11-0-0-alpha-0","cdr-input--large@md":"cdr-input--large@md_11-0-0-alpha-0","cdr-input--large@lg":"cdr-input--large@lg_11-0-0-alpha-0","cdr-input__pre-icon":"cdr-input__pre-icon_11-0-0-alpha-0","cdr-input__post-icon":"cdr-input__post-icon_11-0-0-alpha-0","cdr-input__helper-text":"cdr-input__helper-text_11-0-0-alpha-0","cdr-input-wrap":"cdr-input-wrap_11-0-0-alpha-0"};
+
+export default modules_3bf8b288;

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

@@ -0,0 +1,85 @@
+import modules_2157aaf7 from './styles/CdrLabelStandalone.mjs';
+
+var CdrLabelStandalone = {
+  name: 'CdrLabelStandalone',
+  props: {
+    forId: {
+      type: String,
+      required: true
+    },
+    label: String,
+    disabled: Boolean,
+    required: Boolean,
+    optional: Boolean,
+    hideLabel: Boolean
+  },
+
+  data() {
+    return {
+      style: modules_2157aaf7
+    };
+  },
+
+  computed: {
+    labelClass() {
+      return {
+        [this.style['cdr-label-standalone__label']]: true,
+        [this.style['cdr-label-standalone__label--disabled']]: this.disabled,
+        [this.style['cdr-label-standalone__label--sr-only']]: this.hideLabel
+      };
+    },
+
+    inputClass() {
+      var hasLabelContent = !this.hideLabel || this.$slots.helper || this.$slots.info;
+      return {
+        [this.style['cdr-label-standalone__input-wrap']]: true,
+        [this.style['cdr-label-standalone__input-spacing']]: hasLabelContent
+      };
+    },
+
+    labelEl() {
+      var h = this.$createElement;
+      var requiredEl = this.required ? h("span", {
+        "attrs": {
+          "aria-label": "required"
+        }
+      }, ["*"]) : '';
+      var optionalEl = this.optional ? h("span", {
+        "class": this.style['cdr-label-standalone__optional']
+      }, ["(optional)"]) : '';
+      return h("label", {
+        "class": this.labelClass,
+        "attrs": {
+          "for": this.forId
+        },
+        "ref": "label"
+      }, [this.label, requiredEl || optionalEl ? ' ' : '', requiredEl || optionalEl]);
+    }
+
+  },
+
+  render() {
+    var h = arguments[0];
+    return h("div", {
+      "class": this.style['cdr-label-standalone']
+    }, [h("div", {
+      "class": this.style['cdr-label-standalone__label-wrapper']
+    }, [this.labelEl, !this.hideLabel && this.$slots.helper && h("br"), this.$slots.helper && h("span", {
+      "class": this.style['cdr-label-standalone__helper'],
+      "attrs": {
+        "id": "".concat(this.forId, "-helper-text-top")
+      }
+    }, [this.$slots.helper])]), h("div", {
+      "class": this.inputClass
+    }, [this.$slots.default, this.$slots['info-action'] && h("div", {
+      "class": this.style['cdr-label-standalone__info-action']
+    }, [this.$slots['info-action']])]), this.$slots.info && h("span", {
+      "class": this.style['cdr-label-standalone__info']
+    }, [this.$slots.info]), h("div", {
+      "class": this.style['cdr-label-standalone__post-content']
+    }, [this.$slots['helper-text-bottom'], this.$slots.error])]);
+  }
+
+};
+
+export default CdrLabelStandalone;

package/dist/lib/src/components/labelStandalone/styles/CdrLabelStandalone.mjs

@@ -0,0 +1,3 @@
+var modules_2157aaf7 = {"cdr-label-standalone":"cdr-label-standalone_11-0-0-alpha-0","cdr-label-standalone__label-wrapper":"cdr-label-standalone__label-wrapper_11-0-0-alpha-0","cdr-label-standalone__label":"cdr-label-standalone__label_11-0-0-alpha-0","cdr-label-standalone__label--sr-only":"cdr-label-standalone__label--sr-only_11-0-0-alpha-0","cdr-label-standalone__label--disabled":"cdr-label-standalone__label--disabled_11-0-0-alpha-0","cdr-label-standalone__optional":"cdr-label-standalone__optional_11-0-0-alpha-0","cdr-label-standalone__helper":"cdr-label-standalone__helper_11-0-0-alpha-0","cdr-label-standalone__info":"cdr-label-standalone__info_11-0-0-alpha-0","cdr-label-standalone__post-content":"cdr-label-standalone__post-content_11-0-0-alpha-0","cdr-label-standalone__info-action":"cdr-label-standalone__info-action_11-0-0-alpha-0","cdr-label-standalone__input-wrap":"cdr-label-standalone__input-wrap_11-0-0-alpha-0","cdr-label-standalone__input-spacing":"cdr-label-standalone__input-spacing_11-0-0-alpha-0"};
+
+export default modules_2157aaf7;

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

@@ -0,0 +1,56 @@
+import clsx from 'clsx';
+import modules_fba16867 from './styles/CdrLabelWrapper.mjs';
+import modifier from '../../mixins/modifier.mjs';
+import size from '../../mixins/size.mjs';
+import validateProp from '../../utils/propValidator.mjs';
+
+var CdrLabelWrapper = {
+  name: 'CdrLabelWrapper',
+  mixins: [modifier, size],
+  inheritAttrs: false,
+  props: {
+    labelClass: String,
+    contentClass: String,
+    background: {
+      type: [String],
+      default: 'primary',
+      validator: function validator(value) {
+        return validateProp(value, ['primary', 'secondary']);
+      }
+    },
+    disabled: Boolean
+  },
+
+  data() {
+    return {
+      style: modules_fba16867
+    };
+  },
+
+  computed: {
+    baseClass() {
+      return 'cdr-label-wrapper';
+    },
+
+    disabledClass() {
+      return this.disabled ? this.style['cdr-label-wrapper--disabled'] : '';
+    }
+
+  },
+
+  render() {
+    var h = arguments[0];
+    return h("div", {
+      "class": this.style['cdr-label-wrapper__container']
+    }, [h("label", {
+      "class": clsx(this.style['cdr-label-wrapper'], this.style["cdr-label-wrapper--".concat(this.background)], this.disabledClass, this.modifierClass, this.sizeClass, this.labelClass)
+    }, [this.$slots.input, h("span", {
+      "class": this.style['cdr-label-wrapper__figure']
+    }), h("div", {
+      "class": clsx(this.style['cdr-label-wrapper__content'], this.contentClass)
+    }, [this.$slots.default])])]);
+  }
+
+};
+
+export default CdrLabelWrapper;

package/dist/lib/src/components/labelWrapper/styles/CdrLabelWrapper.mjs

@@ -0,0 +1,3 @@
+var modules_fba16867 = {"cdr-label-wrapper":"cdr-label-wrapper_11-0-0-alpha-0","cdr-label-wrapper__container":"cdr-label-wrapper__container_11-0-0-alpha-0","cdr-label-wrapper--primary":"cdr-label-wrapper--primary_11-0-0-alpha-0","cdr-label-wrapper--secondary":"cdr-label-wrapper--secondary_11-0-0-alpha-0","cdr-label-wrapper--disabled":"cdr-label-wrapper--disabled_11-0-0-alpha-0","cdr-label-wrapper__figure":"cdr-label-wrapper__figure_11-0-0-alpha-0","cdr-label-wrapper__content":"cdr-label-wrapper__content_11-0-0-alpha-0","cdr-label-wrapper--hide-figure":"cdr-label-wrapper--hide-figure_11-0-0-alpha-0","cdr-label-wrapper--small":"cdr-label-wrapper--small_11-0-0-alpha-0","cdr-label-wrapper--medium":"cdr-label-wrapper--medium_11-0-0-alpha-0","cdr-label-wrapper--large":"cdr-label-wrapper--large_11-0-0-alpha-0","cdr-label-wrapper--small@xs":"cdr-label-wrapper--small@xs_11-0-0-alpha-0","cdr-label-wrapper--medium@xs":"cdr-label-wrapper--medium@xs_11-0-0-alpha-0","cdr-label-wrapper--large@xs":"cdr-label-wrapper--large@xs_11-0-0-alpha-0","cdr-label-wrapper--small@sm":"cdr-label-wrapper--small@sm_11-0-0-alpha-0","cdr-label-wrapper--medium@sm":"cdr-label-wrapper--medium@sm_11-0-0-alpha-0","cdr-label-wrapper--large@sm":"cdr-label-wrapper--large@sm_11-0-0-alpha-0","cdr-label-wrapper--small@md":"cdr-label-wrapper--small@md_11-0-0-alpha-0","cdr-label-wrapper--medium@md":"cdr-label-wrapper--medium@md_11-0-0-alpha-0","cdr-label-wrapper--large@md":"cdr-label-wrapper--large@md_11-0-0-alpha-0","cdr-label-wrapper--small@lg":"cdr-label-wrapper--small@lg_11-0-0-alpha-0","cdr-label-wrapper--medium@lg":"cdr-label-wrapper--medium@lg_11-0-0-alpha-0","cdr-label-wrapper--large@lg":"cdr-label-wrapper--large@lg_11-0-0-alpha-0"};
+
+export default modules_fba16867;