@rei/cedar 9.1.1-beta.0

package/dist/lib/src/components/flex-grid/CdrCol.mjs

@@ -0,0 +1,189 @@
+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 clsx from 'clsx';
+import modifier from '../../mixins/modifier.mjs';
+import validateProp from '../../utils/propValidator.mjs';
+import CdrRow from './CdrRow.mjs';
+import modules_2b08d70a from './styles/CdrCol.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 CdrCol = {
+  name: 'CdrCol',
+  components: {
+    CdrRow
+  },
+  mixins: [modifier],
+  inject: {
+    rowType: {
+      default: 'normal'
+    }
+  },
+  inheritAttrs: false,
+  props: {
+    /**
+     * Number of columns (out of 12) the column should span. Functions like bootstrap col-* classes.
+     * Overrides widths set by "cols" prop on CdrRow.
+     * Possible values: {1-12}
+     * Also accepts responsive values with `@breakpoint`: "12 8@lg"
+     */
+    span: {
+      type: String,
+      validator: function validator(value) {
+        return validateProp(value, ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12']);
+      }
+    },
+
+    /**
+     * Number of columns (out of 12) of empty space to add left of this column.
+     * Possible values: {0-12}
+     * Also accepts responsive values with `@breakpoint`: "12 8@lg"
+     */
+    offsetLeft: {
+      type: String,
+      validator: function validator(value) {
+        return validateProp(value, ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12']);
+      }
+    },
+
+    /**
+     * Number of columns (out of 12) of empty space to add right of this column.
+     * Possible values: {0-12}
+     * Also accepts responsive values with `@breakpoint`: "12 8@lg"
+     */
+    offsetRight: {
+      type: String,
+      validator: function validator(value) {
+        return validateProp(value, ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12']);
+      }
+    },
+
+    /**
+     * How the column should align (overrides CdrRow alignment). See CSS flexbox align-self.
+     * Possible values: {top, middle, bottom, stretch}.
+     * Also accepts responsive values with `@breakpoint`: "middle@sm"
+     */
+    alignSelf: {
+      type: String,
+      validator: function validator(value) {
+        return validateProp(value, ['top', 'middle', 'bottom', 'stretch']);
+      }
+    },
+
+    /**
+     * Makes the column act as a CdrRow. Setting this to true exposes all props of CdrRow in addition to cdr-col props.
+     */
+    isRow: {
+      type: Boolean,
+      default: false
+    }
+  },
+
+  data() {
+    return {
+      style: modules_2b08d70a
+    };
+  },
+
+  computed: {
+    isList() {
+      return this.rowType === 'list';
+    },
+
+    spanClass() {
+      var _this = this;
+
+      var classStr = [];
+
+      if (this.span) {
+        this.span.split(' ').forEach(function (val) {
+          classStr.push(_this.style["cdr-col_span".concat(val)]);
+        });
+      }
+
+      return classStr.join(' ');
+    },
+
+    offsetLeftClass() {
+      var _this2 = this;
+
+      var classStr = [];
+
+      if (this.offsetLeft) {
+        this.offsetLeft.split(' ').forEach(function (val) {
+          classStr.push(_this2.modifyClassName('cdr-col', "offsetLeft".concat(val)));
+        });
+      }
+
+      return classStr.join(' ');
+    },
+
+    offsetRightClass() {
+      var _this3 = this;
+
+      var classStr = [];
+
+      if (this.offsetRight) {
+        this.offsetRight.split(' ').forEach(function (val) {
+          classStr.push(_this3.modifyClassName('cdr-col', "offsetRight".concat(val)));
+        });
+      }
+
+      return classStr.join(' ');
+    },
+
+    alignSelfClass() {
+      var _this4 = this;
+
+      var classStr = [];
+
+      if (this.alignSelf) {
+        this.alignSelf.split(' ').forEach(function (val) {
+          classStr.push(_this4.modifyClassName('cdr-col', val));
+        });
+      }
+
+      return classStr.join(' ');
+    }
+
+  },
+
+  render() {
+    var h = arguments[0];
+    var colEl;
+
+    if (!this.isRow && !this.isList) {
+      colEl = h("div", {
+        "class": clsx(this.style['cdr-col'], this.spanClass, this.offsetLeftClass, this.offsetRightClass, this.alignSelfClass)
+      }, [h("div", {
+        "class": this.style['cdr-col__content']
+      }, [this.$slots.default])]);
+    } else if (!this.isRow && this.isList) {
+      colEl = h("li", {
+        "class": clsx(this.style['cdr-col'], this.spanClass, this.offsetLeftClass, this.offsetRightClass, this.alignSelfClass)
+      }, [h("div", {
+        "class": this.style['cdr-col__content']
+      }, [this.$slots.default])]);
+    } else if (this.isRow && this.isList) {
+      colEl = h("li", {
+        "class": clsx(this.style['cdr-row'], this.style['cdr-col'], this.spanClass, this.offsetLeftClass, this.offsetRightClass, this.alignSelfClass)
+      }, [h("cdr-row", {
+        "class": this.style['cdr-col'],
+        "attrs": _objectSpread({}, this.$attrs)
+      }, [this.$slots.default])]);
+    } else {
+      colEl = h("cdr-row", {
+        "class": clsx(this.style['cdr-col'], this.spanClass, this.offsetLeftClass, this.offsetRightClass, this.alignSelfClass),
+        "attrs": _objectSpread({}, this.$attrs)
+      }, [this.$slots.default]);
+    }
+
+    return colEl;
+  }
+
+};
+
+export default CdrCol;

package/dist/lib/src/components/flex-grid/CdrRow.mjs

@@ -0,0 +1,231 @@
+import clsx from 'clsx';
+import modifier from '../../mixins/modifier.mjs';
+import validateProp from '../../utils/propValidator.mjs';
+import modules_21cbc594 from './styles/CdrRow.mjs';
+
+var CdrRow = {
+  name: 'CdrRow',
+  mixins: [modifier],
+
+  provide() {
+    return {
+      rowType: this.type
+    };
+  },
+
+  props: {
+    /**
+     * Number of equal-width columns in the row. A value of ‘auto’ will size columns as wide as their content.
+     * Possible values: {1-12, auto}
+     * Also accepts responsive values with `@breakpoint`: "2 4@md"
+     */
+    cols: {
+      type: String,
+      validator: function validator(value) {
+        return validateProp(value, ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', 'auto']);
+      }
+    },
+
+    /**
+     * Justify columns within a row. See CSS flexbox justify-content.
+     * Possible values: {left, center, right, around, between}.
+     * Also accepts responsive values with `@breakpoint`: "center right@lg"
+     */
+    justify: {
+      type: String,
+      validator: function validator(value) {
+        return validateProp(value, ['left', 'center', 'right', 'around', 'between']);
+      }
+    },
+
+    /**
+     * Align columns of different heights. See CSS flexbox align-items.
+     * Possible values: {top, middle, bottom, stretch}.
+     * Also accepts responsive values with `@breakpoint`: "top middle@sm"
+     */
+    align: {
+      type: String,
+      validator: function validator(value) {
+        return validateProp(value, ['top', 'middle', 'bottom', 'stretch']);
+      }
+    },
+
+    /**
+     * Defines gutter size. Default gutter size is 16px @xs and @sm (small) and 32px @md and @lg (medium).
+     * Possible values: {none, xxs, small, medium}.
+     * Also accepts responsive values with `@breakpoint`: "none@md"
+     */
+    gutter: {
+      type: String,
+      validator: function validator(value) {
+        return validateProp(value, ['none', 'xxs', 'small', 'medium']);
+      }
+    },
+
+    /**
+     * Changes row to a column layout. See CSS flexbox flex-direction.
+     * Possible values: {vertical}.
+     * Also accepts responsive values with `@breakpoint`: "vertical@md"
+     */
+    vertical: {
+      type: String,
+      validator: function validator(value) {
+        return validateProp(value, ['vertical']);
+      }
+    },
+
+    /**
+     * Enables row wrapping. Only needs to be changed if overriding `nowrap`. See CSS flexbox flex-wrap.
+     * Possible values: {wrap}.
+     * Also accepts responsive values with `@breakpoint`: "wrap@md"
+     */
+    wrap: {
+      type: String,
+      validator: function validator(value) {
+        return validateProp(value, ['wrap']);
+      }
+    },
+
+    /**
+     * Disables row wrapping and enables overflow scrolling. See CSS flexbox flex-wrap.
+     * Possible values: {nowrap}.
+     * Also accepts responsive values with `@breakpoint`: "nowrap@md"
+     */
+    nowrap: {
+      type: String,
+      validator: function validator(value) {
+        return validateProp(value, ['nowrap']);
+      }
+    },
+
+    /**
+     * Sets grid to use `ul` and `li` or `div`.
+     * Possible values: {normal, list}.
+     */
+    type: {
+      type: String,
+      default: 'normal',
+      validator: function validator(value) {
+        return validateProp(value, ['normal', 'list'], false);
+      }
+    }
+  },
+
+  data() {
+    return {
+      style: modules_21cbc594
+    };
+  },
+
+  computed: {
+    colsClass() {
+      var _this = this;
+
+      var classStr = [];
+
+      if (this.cols) {
+        this.cols.split(' ').forEach(function (val) {
+          classStr.push(_this.style["cdr-row_row".concat(val)]);
+        });
+      }
+
+      return classStr.join(' ');
+    },
+
+    justifyClass() {
+      var _this2 = this;
+
+      var classStr = [];
+
+      if (this.justify) {
+        this.justify.split(' ').forEach(function (val) {
+          classStr.push(_this2.modifyClassName('cdr-row', val));
+        });
+      }
+
+      return classStr.join(' ');
+    },
+
+    alignClass() {
+      var _this3 = this;
+
+      var classStr = [];
+
+      if (this.align) {
+        this.align.split(' ').forEach(function (val) {
+          classStr.push(_this3.modifyClassName('cdr-row', val));
+        });
+      }
+
+      return classStr.join(' ');
+    },
+
+    gutterClass() {
+      var _this4 = this;
+
+      var classStr = [];
+
+      if (this.gutter) {
+        this.gutter.split(' ').forEach(function (val) {
+          classStr.push(_this4.style["cdr-row--gutter-".concat(val)]);
+        });
+      }
+
+      return classStr.join(' ');
+    },
+
+    verticalClass() {
+      var _this5 = this;
+
+      var classStr = [];
+
+      if (this.vertical) {
+        this.vertical.split(' ').forEach(function (val) {
+          classStr.push(_this5.modifyClassName('cdr-row', val));
+        });
+      }
+
+      return classStr.join(' ');
+    },
+
+    wrapClass() {
+      var _this6 = this;
+
+      var classStr = [];
+
+      if (this.wrap) {
+        this.wrap.split(' ').forEach(function (val) {
+          classStr.push(_this6.modifyClassName('cdr-row', val));
+        });
+      }
+
+      return classStr.join(' ');
+    },
+
+    nowrapClass() {
+      var _this7 = this;
+
+      var classStr = [];
+
+      if (this.nowrap) {
+        this.nowrap.split(' ').forEach(function (val) {
+          classStr.push(_this7.modifyClassName('cdr-row', val));
+        });
+      }
+
+      return classStr.join(' ');
+    }
+
+  },
+
+  render() {
+    var h = arguments[0];
+    var Component = this.type === 'list' ? 'ul' : 'div';
+    return h(Component, {
+      "class": clsx(this.style['cdr-row'], this.colsClass, this.justifyClass, this.alignClass, this.gutterClass, this.verticalClass, this.wrapClass, this.nowrapClass)
+    }, [this.$slots.default]);
+  }
+
+};
+
+export default CdrRow;

package/dist/lib/src/components/flex-grid/styles/CdrCol.mjs

@@ -0,0 +1,3 @@
+var modules_2b08d70a = {"cdr-col":"cdr-col_9-1-1-beta-0","cdr-row":"cdr-row_9-1-1-beta-0","cdr-col__content":"cdr-col__content_9-1-1-beta-0","cdr-col_span1":"cdr-col_span1_9-1-1-beta-0","cdr-col_span2":"cdr-col_span2_9-1-1-beta-0","cdr-col_span3":"cdr-col_span3_9-1-1-beta-0","cdr-col_span4":"cdr-col_span4_9-1-1-beta-0","cdr-col_span5":"cdr-col_span5_9-1-1-beta-0","cdr-col_span6":"cdr-col_span6_9-1-1-beta-0","cdr-col_span7":"cdr-col_span7_9-1-1-beta-0","cdr-col_span8":"cdr-col_span8_9-1-1-beta-0","cdr-col_span9":"cdr-col_span9_9-1-1-beta-0","cdr-col_span10":"cdr-col_span10_9-1-1-beta-0","cdr-col_span11":"cdr-col_span11_9-1-1-beta-0","cdr-col_span12":"cdr-col_span12_9-1-1-beta-0","cdr-col--offsetLeft0":"cdr-col--offsetLeft0_9-1-1-beta-0","cdr-col--offsetLeft1":"cdr-col--offsetLeft1_9-1-1-beta-0","cdr-col--offsetLeft2":"cdr-col--offsetLeft2_9-1-1-beta-0","cdr-col--offsetLeft3":"cdr-col--offsetLeft3_9-1-1-beta-0","cdr-col--offsetLeft4":"cdr-col--offsetLeft4_9-1-1-beta-0","cdr-col--offsetLeft5":"cdr-col--offsetLeft5_9-1-1-beta-0","cdr-col--offsetLeft6":"cdr-col--offsetLeft6_9-1-1-beta-0","cdr-col--offsetLeft7":"cdr-col--offsetLeft7_9-1-1-beta-0","cdr-col--offsetLeft8":"cdr-col--offsetLeft8_9-1-1-beta-0","cdr-col--offsetLeft9":"cdr-col--offsetLeft9_9-1-1-beta-0","cdr-col--offsetLeft10":"cdr-col--offsetLeft10_9-1-1-beta-0","cdr-col--offsetLeft11":"cdr-col--offsetLeft11_9-1-1-beta-0","cdr-col--offsetRight0":"cdr-col--offsetRight0_9-1-1-beta-0","cdr-col--offsetRight1":"cdr-col--offsetRight1_9-1-1-beta-0","cdr-col--offsetRight2":"cdr-col--offsetRight2_9-1-1-beta-0","cdr-col--offsetRight3":"cdr-col--offsetRight3_9-1-1-beta-0","cdr-col--offsetRight4":"cdr-col--offsetRight4_9-1-1-beta-0","cdr-col--offsetRight5":"cdr-col--offsetRight5_9-1-1-beta-0","cdr-col--offsetRight6":"cdr-col--offsetRight6_9-1-1-beta-0","cdr-col--offsetRight7":"cdr-col--offsetRight7_9-1-1-beta-0","cdr-col--offsetRight8":"cdr-col--offsetRight8_9-1-1-beta-0","cdr-col--offsetRight9":"cdr-col--offsetRight9_9-1-1-beta-0","cdr-col--offsetRight10":"cdr-col--offsetRight10_9-1-1-beta-0","cdr-col--offsetRight11":"cdr-col--offsetRight11_9-1-1-beta-0","cdr-col--top":"cdr-col--top_9-1-1-beta-0","cdr-col--middle":"cdr-col--middle_9-1-1-beta-0","cdr-col--bottom":"cdr-col--bottom_9-1-1-beta-0","cdr-col--stretch":"cdr-col--stretch_9-1-1-beta-0","cdr-col_span1@sm":"cdr-col_span1@sm_9-1-1-beta-0","cdr-col_span2@sm":"cdr-col_span2@sm_9-1-1-beta-0","cdr-col_span3@sm":"cdr-col_span3@sm_9-1-1-beta-0","cdr-col_span4@sm":"cdr-col_span4@sm_9-1-1-beta-0","cdr-col_span5@sm":"cdr-col_span5@sm_9-1-1-beta-0","cdr-col_span6@sm":"cdr-col_span6@sm_9-1-1-beta-0","cdr-col_span7@sm":"cdr-col_span7@sm_9-1-1-beta-0","cdr-col_span8@sm":"cdr-col_span8@sm_9-1-1-beta-0","cdr-col_span9@sm":"cdr-col_span9@sm_9-1-1-beta-0","cdr-col_span10@sm":"cdr-col_span10@sm_9-1-1-beta-0","cdr-col_span11@sm":"cdr-col_span11@sm_9-1-1-beta-0","cdr-col_span12@sm":"cdr-col_span12@sm_9-1-1-beta-0","cdr-col--offsetLeft0@sm":"cdr-col--offsetLeft0@sm_9-1-1-beta-0","cdr-col--offsetLeft1@sm":"cdr-col--offsetLeft1@sm_9-1-1-beta-0","cdr-col--offsetLeft2@sm":"cdr-col--offsetLeft2@sm_9-1-1-beta-0","cdr-col--offsetLeft3@sm":"cdr-col--offsetLeft3@sm_9-1-1-beta-0","cdr-col--offsetLeft4@sm":"cdr-col--offsetLeft4@sm_9-1-1-beta-0","cdr-col--offsetLeft5@sm":"cdr-col--offsetLeft5@sm_9-1-1-beta-0","cdr-col--offsetLeft6@sm":"cdr-col--offsetLeft6@sm_9-1-1-beta-0","cdr-col--offsetLeft7@sm":"cdr-col--offsetLeft7@sm_9-1-1-beta-0","cdr-col--offsetLeft8@sm":"cdr-col--offsetLeft8@sm_9-1-1-beta-0","cdr-col--offsetLeft9@sm":"cdr-col--offsetLeft9@sm_9-1-1-beta-0","cdr-col--offsetLeft10@sm":"cdr-col--offsetLeft10@sm_9-1-1-beta-0","cdr-col--offsetLeft11@sm":"cdr-col--offsetLeft11@sm_9-1-1-beta-0","cdr-col--offsetRight0@sm":"cdr-col--offsetRight0@sm_9-1-1-beta-0","cdr-col--offsetRight1@sm":"cdr-col--offsetRight1@sm_9-1-1-beta-0","cdr-col--offsetRight2@sm":"cdr-col--offsetRight2@sm_9-1-1-beta-0","cdr-col--offsetRight3@sm":"cdr-col--offsetRight3@sm_9-1-1-beta-0","cdr-col--offsetRight4@sm":"cdr-col--offsetRight4@sm_9-1-1-beta-0","cdr-col--offsetRight5@sm":"cdr-col--offsetRight5@sm_9-1-1-beta-0","cdr-col--offsetRight6@sm":"cdr-col--offsetRight6@sm_9-1-1-beta-0","cdr-col--offsetRight7@sm":"cdr-col--offsetRight7@sm_9-1-1-beta-0","cdr-col--offsetRight8@sm":"cdr-col--offsetRight8@sm_9-1-1-beta-0","cdr-col--offsetRight9@sm":"cdr-col--offsetRight9@sm_9-1-1-beta-0","cdr-col--offsetRight10@sm":"cdr-col--offsetRight10@sm_9-1-1-beta-0","cdr-col--offsetRight11@sm":"cdr-col--offsetRight11@sm_9-1-1-beta-0","cdr-col--top@sm":"cdr-col--top@sm_9-1-1-beta-0","cdr-col--middle@sm":"cdr-col--middle@sm_9-1-1-beta-0","cdr-col--bottom@sm":"cdr-col--bottom@sm_9-1-1-beta-0","cdr-col--stretch@sm":"cdr-col--stretch@sm_9-1-1-beta-0","cdr-col_span1@md":"cdr-col_span1@md_9-1-1-beta-0","cdr-col_span2@md":"cdr-col_span2@md_9-1-1-beta-0","cdr-col_span3@md":"cdr-col_span3@md_9-1-1-beta-0","cdr-col_span4@md":"cdr-col_span4@md_9-1-1-beta-0","cdr-col_span5@md":"cdr-col_span5@md_9-1-1-beta-0","cdr-col_span6@md":"cdr-col_span6@md_9-1-1-beta-0","cdr-col_span7@md":"cdr-col_span7@md_9-1-1-beta-0","cdr-col_span8@md":"cdr-col_span8@md_9-1-1-beta-0","cdr-col_span9@md":"cdr-col_span9@md_9-1-1-beta-0","cdr-col_span10@md":"cdr-col_span10@md_9-1-1-beta-0","cdr-col_span11@md":"cdr-col_span11@md_9-1-1-beta-0","cdr-col_span12@md":"cdr-col_span12@md_9-1-1-beta-0","cdr-col--offsetLeft0@md":"cdr-col--offsetLeft0@md_9-1-1-beta-0","cdr-col--offsetLeft1@md":"cdr-col--offsetLeft1@md_9-1-1-beta-0","cdr-col--offsetLeft2@md":"cdr-col--offsetLeft2@md_9-1-1-beta-0","cdr-col--offsetLeft3@md":"cdr-col--offsetLeft3@md_9-1-1-beta-0","cdr-col--offsetLeft4@md":"cdr-col--offsetLeft4@md_9-1-1-beta-0","cdr-col--offsetLeft5@md":"cdr-col--offsetLeft5@md_9-1-1-beta-0","cdr-col--offsetLeft6@md":"cdr-col--offsetLeft6@md_9-1-1-beta-0","cdr-col--offsetLeft7@md":"cdr-col--offsetLeft7@md_9-1-1-beta-0","cdr-col--offsetLeft8@md":"cdr-col--offsetLeft8@md_9-1-1-beta-0","cdr-col--offsetLeft9@md":"cdr-col--offsetLeft9@md_9-1-1-beta-0","cdr-col--offsetLeft10@md":"cdr-col--offsetLeft10@md_9-1-1-beta-0","cdr-col--offsetLeft11@md":"cdr-col--offsetLeft11@md_9-1-1-beta-0","cdr-col--offsetRight0@md":"cdr-col--offsetRight0@md_9-1-1-beta-0","cdr-col--offsetRight1@md":"cdr-col--offsetRight1@md_9-1-1-beta-0","cdr-col--offsetRight2@md":"cdr-col--offsetRight2@md_9-1-1-beta-0","cdr-col--offsetRight3@md":"cdr-col--offsetRight3@md_9-1-1-beta-0","cdr-col--offsetRight4@md":"cdr-col--offsetRight4@md_9-1-1-beta-0","cdr-col--offsetRight5@md":"cdr-col--offsetRight5@md_9-1-1-beta-0","cdr-col--offsetRight6@md":"cdr-col--offsetRight6@md_9-1-1-beta-0","cdr-col--offsetRight7@md":"cdr-col--offsetRight7@md_9-1-1-beta-0","cdr-col--offsetRight8@md":"cdr-col--offsetRight8@md_9-1-1-beta-0","cdr-col--offsetRight9@md":"cdr-col--offsetRight9@md_9-1-1-beta-0","cdr-col--offsetRight10@md":"cdr-col--offsetRight10@md_9-1-1-beta-0","cdr-col--offsetRight11@md":"cdr-col--offsetRight11@md_9-1-1-beta-0","cdr-col--top@md":"cdr-col--top@md_9-1-1-beta-0","cdr-col--middle@md":"cdr-col--middle@md_9-1-1-beta-0","cdr-col--bottom@md":"cdr-col--bottom@md_9-1-1-beta-0","cdr-col--stretch@md":"cdr-col--stretch@md_9-1-1-beta-0","cdr-col_span1@lg":"cdr-col_span1@lg_9-1-1-beta-0","cdr-col_span2@lg":"cdr-col_span2@lg_9-1-1-beta-0","cdr-col_span3@lg":"cdr-col_span3@lg_9-1-1-beta-0","cdr-col_span4@lg":"cdr-col_span4@lg_9-1-1-beta-0","cdr-col_span5@lg":"cdr-col_span5@lg_9-1-1-beta-0","cdr-col_span6@lg":"cdr-col_span6@lg_9-1-1-beta-0","cdr-col_span7@lg":"cdr-col_span7@lg_9-1-1-beta-0","cdr-col_span8@lg":"cdr-col_span8@lg_9-1-1-beta-0","cdr-col_span9@lg":"cdr-col_span9@lg_9-1-1-beta-0","cdr-col_span10@lg":"cdr-col_span10@lg_9-1-1-beta-0","cdr-col_span11@lg":"cdr-col_span11@lg_9-1-1-beta-0","cdr-col_span12@lg":"cdr-col_span12@lg_9-1-1-beta-0","cdr-col--offsetLeft0@lg":"cdr-col--offsetLeft0@lg_9-1-1-beta-0","cdr-col--offsetLeft1@lg":"cdr-col--offsetLeft1@lg_9-1-1-beta-0","cdr-col--offsetLeft2@lg":"cdr-col--offsetLeft2@lg_9-1-1-beta-0","cdr-col--offsetLeft3@lg":"cdr-col--offsetLeft3@lg_9-1-1-beta-0","cdr-col--offsetLeft4@lg":"cdr-col--offsetLeft4@lg_9-1-1-beta-0","cdr-col--offsetLeft5@lg":"cdr-col--offsetLeft5@lg_9-1-1-beta-0","cdr-col--offsetLeft6@lg":"cdr-col--offsetLeft6@lg_9-1-1-beta-0","cdr-col--offsetLeft7@lg":"cdr-col--offsetLeft7@lg_9-1-1-beta-0","cdr-col--offsetLeft8@lg":"cdr-col--offsetLeft8@lg_9-1-1-beta-0","cdr-col--offsetLeft9@lg":"cdr-col--offsetLeft9@lg_9-1-1-beta-0","cdr-col--offsetLeft10@lg":"cdr-col--offsetLeft10@lg_9-1-1-beta-0","cdr-col--offsetLeft11@lg":"cdr-col--offsetLeft11@lg_9-1-1-beta-0","cdr-col--offsetRight0@lg":"cdr-col--offsetRight0@lg_9-1-1-beta-0","cdr-col--offsetRight1@lg":"cdr-col--offsetRight1@lg_9-1-1-beta-0","cdr-col--offsetRight2@lg":"cdr-col--offsetRight2@lg_9-1-1-beta-0","cdr-col--offsetRight3@lg":"cdr-col--offsetRight3@lg_9-1-1-beta-0","cdr-col--offsetRight4@lg":"cdr-col--offsetRight4@lg_9-1-1-beta-0","cdr-col--offsetRight5@lg":"cdr-col--offsetRight5@lg_9-1-1-beta-0","cdr-col--offsetRight6@lg":"cdr-col--offsetRight6@lg_9-1-1-beta-0","cdr-col--offsetRight7@lg":"cdr-col--offsetRight7@lg_9-1-1-beta-0","cdr-col--offsetRight8@lg":"cdr-col--offsetRight8@lg_9-1-1-beta-0","cdr-col--offsetRight9@lg":"cdr-col--offsetRight9@lg_9-1-1-beta-0","cdr-col--offsetRight10@lg":"cdr-col--offsetRight10@lg_9-1-1-beta-0","cdr-col--offsetRight11@lg":"cdr-col--offsetRight11@lg_9-1-1-beta-0","cdr-col--top@lg":"cdr-col--top@lg_9-1-1-beta-0","cdr-col--middle@lg":"cdr-col--middle@lg_9-1-1-beta-0","cdr-col--bottom@lg":"cdr-col--bottom@lg_9-1-1-beta-0","cdr-col--stretch@lg":"cdr-col--stretch@lg_9-1-1-beta-0"};
+
+export default modules_2b08d70a;

package/dist/lib/src/components/flex-grid/styles/CdrRow.mjs

@@ -0,0 +1,3 @@
+var modules_21cbc594 = {"cdr-row":"cdr-row_9-1-1-beta-0","cdr-col":"cdr-col_9-1-1-beta-0","cdr-row_row1":"cdr-row_row1_9-1-1-beta-0","cdr-row_row2":"cdr-row_row2_9-1-1-beta-0","cdr-row_row3":"cdr-row_row3_9-1-1-beta-0","cdr-row_row4":"cdr-row_row4_9-1-1-beta-0","cdr-row_row5":"cdr-row_row5_9-1-1-beta-0","cdr-row_row6":"cdr-row_row6_9-1-1-beta-0","cdr-row_row7":"cdr-row_row7_9-1-1-beta-0","cdr-row_row8":"cdr-row_row8_9-1-1-beta-0","cdr-row_row9":"cdr-row_row9_9-1-1-beta-0","cdr-row_row10":"cdr-row_row10_9-1-1-beta-0","cdr-row_row11":"cdr-row_row11_9-1-1-beta-0","cdr-row_row12":"cdr-row_row12_9-1-1-beta-0","cdr-row_rowauto":"cdr-row_rowauto_9-1-1-beta-0","cdr-row--gutter-none":"cdr-row--gutter-none_9-1-1-beta-0","cdr-row--gutter-small":"cdr-row--gutter-small_9-1-1-beta-0","cdr-row--gutter-medium":"cdr-row--gutter-medium_9-1-1-beta-0","cdr-row--gutter-xxs":"cdr-row--gutter-xxs_9-1-1-beta-0","cdr-row--nowrap":"cdr-row--nowrap_9-1-1-beta-0","cdr-row--left":"cdr-row--left_9-1-1-beta-0","cdr-row--center":"cdr-row--center_9-1-1-beta-0","cdr-row--right":"cdr-row--right_9-1-1-beta-0","cdr-row--stretch":"cdr-row--stretch_9-1-1-beta-0","cdr-row--top":"cdr-row--top_9-1-1-beta-0","cdr-row--middle":"cdr-row--middle_9-1-1-beta-0","cdr-row--bottom":"cdr-row--bottom_9-1-1-beta-0","cdr-row--between":"cdr-row--between_9-1-1-beta-0","cdr-row--around":"cdr-row--around_9-1-1-beta-0","cdr-row--vertical":"cdr-row--vertical_9-1-1-beta-0","cdr-row_row1@sm":"cdr-row_row1@sm_9-1-1-beta-0","cdr-row_row2@sm":"cdr-row_row2@sm_9-1-1-beta-0","cdr-row_row3@sm":"cdr-row_row3@sm_9-1-1-beta-0","cdr-row_row4@sm":"cdr-row_row4@sm_9-1-1-beta-0","cdr-row_row5@sm":"cdr-row_row5@sm_9-1-1-beta-0","cdr-row_row6@sm":"cdr-row_row6@sm_9-1-1-beta-0","cdr-row_row7@sm":"cdr-row_row7@sm_9-1-1-beta-0","cdr-row_row8@sm":"cdr-row_row8@sm_9-1-1-beta-0","cdr-row_row9@sm":"cdr-row_row9@sm_9-1-1-beta-0","cdr-row_row10@sm":"cdr-row_row10@sm_9-1-1-beta-0","cdr-row_row11@sm":"cdr-row_row11@sm_9-1-1-beta-0","cdr-row_row12@sm":"cdr-row_row12@sm_9-1-1-beta-0","cdr-row_rowauto@sm":"cdr-row_rowauto@sm_9-1-1-beta-0","cdr-row--gutter-none@sm":"cdr-row--gutter-none@sm_9-1-1-beta-0","cdr-row--gutter-small@sm":"cdr-row--gutter-small@sm_9-1-1-beta-0","cdr-row--gutter-medium@sm":"cdr-row--gutter-medium@sm_9-1-1-beta-0","cdr-row--gutter-xxs@sm":"cdr-row--gutter-xxs@sm_9-1-1-beta-0","cdr-row--nowrap@sm":"cdr-row--nowrap@sm_9-1-1-beta-0","cdr-row--wrap@sm":"cdr-row--wrap@sm_9-1-1-beta-0","cdr-row--left@sm":"cdr-row--left@sm_9-1-1-beta-0","cdr-row--center@sm":"cdr-row--center@sm_9-1-1-beta-0","cdr-row--right@sm":"cdr-row--right@sm_9-1-1-beta-0","cdr-row--stretch@sm":"cdr-row--stretch@sm_9-1-1-beta-0","cdr-row--top@sm":"cdr-row--top@sm_9-1-1-beta-0","cdr-row--middle@sm":"cdr-row--middle@sm_9-1-1-beta-0","cdr-row--bottom@sm":"cdr-row--bottom@sm_9-1-1-beta-0","cdr-row--vertical@sm":"cdr-row--vertical@sm_9-1-1-beta-0","cdr-row--between@sm":"cdr-row--between@sm_9-1-1-beta-0","cdr-row--around@sm":"cdr-row--around@sm_9-1-1-beta-0","cdr-row_row1@md":"cdr-row_row1@md_9-1-1-beta-0","cdr-row_row2@md":"cdr-row_row2@md_9-1-1-beta-0","cdr-row_row3@md":"cdr-row_row3@md_9-1-1-beta-0","cdr-row_row4@md":"cdr-row_row4@md_9-1-1-beta-0","cdr-row_row5@md":"cdr-row_row5@md_9-1-1-beta-0","cdr-row_row6@md":"cdr-row_row6@md_9-1-1-beta-0","cdr-row_row7@md":"cdr-row_row7@md_9-1-1-beta-0","cdr-row_row8@md":"cdr-row_row8@md_9-1-1-beta-0","cdr-row_row9@md":"cdr-row_row9@md_9-1-1-beta-0","cdr-row_row10@md":"cdr-row_row10@md_9-1-1-beta-0","cdr-row_row11@md":"cdr-row_row11@md_9-1-1-beta-0","cdr-row_row12@md":"cdr-row_row12@md_9-1-1-beta-0","cdr-row_rowauto@md":"cdr-row_rowauto@md_9-1-1-beta-0","cdr-row--gutter-none@md":"cdr-row--gutter-none@md_9-1-1-beta-0","cdr-row--gutter-small@md":"cdr-row--gutter-small@md_9-1-1-beta-0","cdr-row--gutter-medium@md":"cdr-row--gutter-medium@md_9-1-1-beta-0","cdr-row--gutter-xxs@md":"cdr-row--gutter-xxs@md_9-1-1-beta-0","cdr-row--nowrap@md":"cdr-row--nowrap@md_9-1-1-beta-0","cdr-row--wrap@md":"cdr-row--wrap@md_9-1-1-beta-0","cdr-row--left@md":"cdr-row--left@md_9-1-1-beta-0","cdr-row--center@md":"cdr-row--center@md_9-1-1-beta-0","cdr-row--right@md":"cdr-row--right@md_9-1-1-beta-0","cdr-row--stretch@md":"cdr-row--stretch@md_9-1-1-beta-0","cdr-row--top@md":"cdr-row--top@md_9-1-1-beta-0","cdr-row--middle@md":"cdr-row--middle@md_9-1-1-beta-0","cdr-row--bottom@md":"cdr-row--bottom@md_9-1-1-beta-0","cdr-row--vertical@md":"cdr-row--vertical@md_9-1-1-beta-0","cdr-row--between@md":"cdr-row--between@md_9-1-1-beta-0","cdr-row--around@md":"cdr-row--around@md_9-1-1-beta-0","cdr-row_row1@lg":"cdr-row_row1@lg_9-1-1-beta-0","cdr-row_row2@lg":"cdr-row_row2@lg_9-1-1-beta-0","cdr-row_row3@lg":"cdr-row_row3@lg_9-1-1-beta-0","cdr-row_row4@lg":"cdr-row_row4@lg_9-1-1-beta-0","cdr-row_row5@lg":"cdr-row_row5@lg_9-1-1-beta-0","cdr-row_row6@lg":"cdr-row_row6@lg_9-1-1-beta-0","cdr-row_row7@lg":"cdr-row_row7@lg_9-1-1-beta-0","cdr-row_row8@lg":"cdr-row_row8@lg_9-1-1-beta-0","cdr-row_row9@lg":"cdr-row_row9@lg_9-1-1-beta-0","cdr-row_row10@lg":"cdr-row_row10@lg_9-1-1-beta-0","cdr-row_row11@lg":"cdr-row_row11@lg_9-1-1-beta-0","cdr-row_row12@lg":"cdr-row_row12@lg_9-1-1-beta-0","cdr-row_rowauto@lg":"cdr-row_rowauto@lg_9-1-1-beta-0","cdr-row--gutter-none@lg":"cdr-row--gutter-none@lg_9-1-1-beta-0","cdr-row--gutter-small@lg":"cdr-row--gutter-small@lg_9-1-1-beta-0","cdr-row--gutter-medium@lg":"cdr-row--gutter-medium@lg_9-1-1-beta-0","cdr-row--gutter-xxs@lg":"cdr-row--gutter-xxs@lg_9-1-1-beta-0","cdr-row--nowrap@lg":"cdr-row--nowrap@lg_9-1-1-beta-0","cdr-row--wrap@lg":"cdr-row--wrap@lg_9-1-1-beta-0","cdr-row--left@lg":"cdr-row--left@lg_9-1-1-beta-0","cdr-row--center@lg":"cdr-row--center@lg_9-1-1-beta-0","cdr-row--right@lg":"cdr-row--right@lg_9-1-1-beta-0","cdr-row--stretch@lg":"cdr-row--stretch@lg_9-1-1-beta-0","cdr-row--top@lg":"cdr-row--top@lg_9-1-1-beta-0","cdr-row--middle@lg":"cdr-row--middle@lg_9-1-1-beta-0","cdr-row--bottom@lg":"cdr-row--bottom@lg_9-1-1-beta-0","cdr-row--vertical@lg":"cdr-row--vertical@lg_9-1-1-beta-0","cdr-row--between@lg":"cdr-row--between@lg_9-1-1-beta-0","cdr-row--around@lg":"cdr-row--around@lg_9-1-1-beta-0"};
+
+export default modules_21cbc594;

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

@@ -0,0 +1,31 @@
+import modules_a5957b93 from './styles/CdrFormError.mjs';
+
+var CdrFormError = {
+  name: 'CdrFormError',
+  props: {
+    error: [Boolean, String]
+  },
+
+  data() {
+    return {
+      style: modules_a5957b93
+    };
+  },
+
+  render() {
+    var h = arguments[0];
+    // static/icon-error.svg
+    return h("div", {
+      "class": this.style['cdr-form-error'],
+      "attrs": {
+        "role": "status",
+        "tabindex": "0"
+      }
+    }, [h("span", {
+      "class": this.style['cdr-form-error__icon']
+    }), " ", this.$slots.error || this.error]);
+  }
+
+};
+
+export default CdrFormError;

package/dist/lib/src/components/formError/styles/CdrFormError.mjs

@@ -0,0 +1,3 @@
+var modules_a5957b93 = {"cdr-form-error":"cdr-form-error_9-1-1-beta-0","cdr-form-error__icon":"cdr-form-error__icon_9-1-1-beta-0"};
+
+export default modules_a5957b93;

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

@@ -0,0 +1,95 @@
+import clsx from 'clsx';
+import modules_24a827f8 from './styles/CdrFormGroup.mjs';
+import IconErrorStroke from '../icon/comps/error-stroke.mjs';
+import CdrFormError from '../formError/CdrFormError.mjs';
+
+var CdrFormGroup = {
+  name: 'CdrFormGroup',
+  components: {
+    IconErrorStroke,
+    CdrFormError
+  },
+  props: {
+    id: String,
+    label: {
+      type: String,
+      default: '',
+      required: false
+    },
+    // Set error styling
+    error: {
+      type: [Boolean, String],
+      default: false
+    },
+
+    /**
+    * Override the error message role, default is `status`.
+    */
+    errorRole: {
+      type: String,
+      required: false,
+      default: 'status'
+    },
+    required: Boolean,
+    optional: Boolean,
+    disabled: Boolean
+  },
+
+  data() {
+    return {
+      style: modules_24a827f8
+    };
+  },
+
+  computed: {
+    baseClass() {
+      return 'cdr-form-group';
+    },
+
+    errorClass() {
+      return this.error ? this.style['cdr-form-group--error'] : '';
+    },
+
+    disabledClass() {
+      return this.disabled ? this.style['cdr-form-group--disabled'] : '';
+    },
+
+    groupId() {
+      return this.id ? this.id : this._uid; // eslint-disable-line no-underscore-dangle
+    }
+
+  },
+
+  render() {
+    var h = arguments[0];
+    var requiredEl = this.required ? h("span", {
+      "attrs": {
+        "aria-label": "required"
+      }
+    }, ["*"]) : '';
+    var optionalEl = this.optional ? h("span", {
+      "class": this.style['cdr-form-group__optional']
+    }, ["(optional)"]) : '';
+    return h("fieldset", {
+      "class": clsx(this.style[this.baseClass], this.disabledClass),
+      "attrs": {
+        "disabled": this.disabled,
+        "aria-invalid": !!this.error,
+        "aria-errormessage": !!this.error && "".concat(this.groupId, "-error")
+      }
+    }, [h("legend", [this.$slots.label || this.label, requiredEl || optionalEl ? ' ' : '', requiredEl || optionalEl]), h("div", {
+      "class": clsx(this.style['cdr-form-group__wrapper'], this.errorClass)
+    }, [this.$slots.default]), this.error && h("cdr-form-error", {
+      "attrs": {
+        "role": this.errorRole,
+        "error": this.error,
+        "id": "".concat(this.groupId, "-error")
+      }
+    }, [h("template", {
+      "slot": "error"
+    }, [this.$slots.error])])]);
+  }
+
+};
+
+export default CdrFormGroup;

package/dist/lib/src/components/formGroup/styles/CdrFormGroup.mjs

@@ -0,0 +1,3 @@
+var modules_24a827f8 = {"cdr-form-group":"cdr-form-group_9-1-1-beta-0","cdr-form-group--error":"cdr-form-group--error_9-1-1-beta-0","cdr-form-group--disabled":"cdr-form-group--disabled_9-1-1-beta-0","cdr-form-group__optional":"cdr-form-group__optional_9-1-1-beta-0","cdr-form-group__required":"cdr-form-group__required_9-1-1-beta-0","cdr-form-group__wrapper":"cdr-form-group__wrapper_9-1-1-beta-0"};
+
+export default modules_24a827f8;

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

@@ -0,0 +1,59 @@
+import clsx from 'clsx';
+import validateProp from '../../utils/propValidator.mjs';
+import modules_577e199b from './styles/CdrGrid.mjs';
+
+var CdrGrid = {
+  name: 'CdrGrid',
+  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'
+    }
+  },
+
+  data() {
+    return {
+      style: modules_577e199b
+    };
+  },
+
+  computed: {
+    gutterClass() {
+      var _this = this;
+
+      var classStr = [];
+
+      if (this.gutter) {
+        this.gutter.split(' ').forEach(function (val) {
+          classStr.push(_this.style["cdr-grid--gutter-".concat(val)]);
+        });
+      }
+
+      return classStr.join(' ');
+    }
+
+  },
+
+  render() {
+    var h = arguments[0];
+    var Component = this.tag;
+    return h(Component, {
+      "class": clsx(this.style['cdr-grid'], this.gutterClass)
+    }, [this.$slots.default]);
+  }
+
+};
+
+export default CdrGrid;

package/dist/lib/src/components/grid/styles/CdrGrid.mjs

@@ -0,0 +1,3 @@
+var modules_577e199b = {"cdr-grid":"cdr-grid_9-1-1-beta-0","cdr-grid--gutter-none":"cdr-grid--gutter-none_9-1-1-beta-0","cdr-grid--gutter-small":"cdr-grid--gutter-small_9-1-1-beta-0","cdr-grid--gutter-medium":"cdr-grid--gutter-medium_9-1-1-beta-0","cdr-grid--gutter-large":"cdr-grid--gutter-large_9-1-1-beta-0","cdr-grid--gutter-none@xs":"cdr-grid--gutter-none@xs_9-1-1-beta-0","cdr-grid--gutter-small@xs":"cdr-grid--gutter-small@xs_9-1-1-beta-0","cdr-grid--gutter-medium@xs":"cdr-grid--gutter-medium@xs_9-1-1-beta-0","cdr-grid--gutter-large@xs":"cdr-grid--gutter-large@xs_9-1-1-beta-0","cdr-grid--gutter-none@sm":"cdr-grid--gutter-none@sm_9-1-1-beta-0","cdr-grid--gutter-small@sm":"cdr-grid--gutter-small@sm_9-1-1-beta-0","cdr-grid--gutter-medium@sm":"cdr-grid--gutter-medium@sm_9-1-1-beta-0","cdr-grid--gutter-large@sm":"cdr-grid--gutter-large@sm_9-1-1-beta-0","cdr-grid--gutter-none@md":"cdr-grid--gutter-none@md_9-1-1-beta-0","cdr-grid--gutter-small@md":"cdr-grid--gutter-small@md_9-1-1-beta-0","cdr-grid--gutter-medium@md":"cdr-grid--gutter-medium@md_9-1-1-beta-0","cdr-grid--gutter-large@md":"cdr-grid--gutter-large@md_9-1-1-beta-0","cdr-grid--gutter-none@lg":"cdr-grid--gutter-none@lg_9-1-1-beta-0","cdr-grid--gutter-small@lg":"cdr-grid--gutter-small@lg_9-1-1-beta-0","cdr-grid--gutter-medium@lg":"cdr-grid--gutter-medium@lg_9-1-1-beta-0","cdr-grid--gutter-large@lg":"cdr-grid--gutter-large@lg_9-1-1-beta-0"};
+
+export default modules_577e199b;