@rei/cedar 13.0.0-alpha.3 → 13.0.0-beta.0

package/dist/lib/src/utils/buildClass.mjs

@@ -1,64 +0,0 @@
-// TODO: make arg order consistent
-
-/**
- * Returns a modified base class
- */
-const modifyClassName = (base, modifier) => "".concat(base, "--").concat(modifier);
-/**
- *
- * @param {String} prop -- the prop to build classes from
- */
-// TODO PULL FULLWIDTH UTILITY INTO THIS!!!!!
-
-
-const buildClass = function (baseClass, prop) {
-  let propNamePrefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  if (!prop) return undefined;
-  let propArgsArr = prop.split(' ').filter(x => x);
-  let builtClasses = [];
-
-  if (propNamePrefix) {
-    /*
-      prefix class names with prop name
-    */
-    propArgsArr = propArgsArr.map(mod => "".concat(prop).concat(mod));
-  }
-
-  builtClasses = builtClasses.concat(propArgsArr.map(mod => modifyClassName(baseClass, mod)));
-  return builtClasses.join(' ');
-};
-/**
- * supports pattern to have props that are boolean or breakpoint strings
- *
- * @param {String} base
- * @param {String} modifier
- * @param {String|Boolean} propVal
- *
- * given these conditions:
- * base is 'cdr-table'
- * modifier is 'full-width'
- * prop would be full-width="@sm @lg"
- *
- * This takes that and returns classes of "cdr-table--full-width@sm cdr-table--full-width@lg"
- */
-
-
-const responsiveModifyClass = (base, modifier, prop) => {
-  if (typeof prop === 'string') {
-    return prop.split(' ').map(bp => modifyClassName(base, "".concat(modifier).concat(bp))).join(' ');
-  }
-
-  return modifyClassName(base, modifier);
-}; // TODO: combine these?
-
-
-const buildBooleanClass = (baseClass, prop, name) => {
-  if (typeof prop === 'boolean') {
-    return prop && modifyClassName(baseClass, name);
-  }
-
-  return responsiveModifyClass(baseClass, name, prop);
-};
-// buildclass name should reflect the prop type!!!!
-
-export { buildBooleanClass, buildClass, modifyClassName, responsiveModifyClass };

package/dist/lib/src/utils/mapClasses.mjs

@@ -1,11 +0,0 @@
-import 'core-js/modules/es.array.reduce.js';
-
-function mapClasses(style) {
-  for (var _len = arguments.length, classes = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    classes[_key - 1] = arguments[_key];
-  }
-
-  return classes.reduce((acc, el) => acc.concat((el || '').split(' ')), []).map(className => style[className]).filter(x => x).join(' ');
-} // TODO: make mapClasses available in every template?
-
-export { mapClasses as default };

package/dist/lib/src/utils/propValidator.mjs

@@ -1,27 +0,0 @@
-/**
- * Validates space separated string against an array of accepted values.
- * @param {String} propValue -- Space separated string (provided by the user)
- * @param {Array} validArr -- Array of values that are considered "valid"
- * @param {Boolean} responsive -- Enables validation of validArr values with '@sm', '@md', '@lg' added to them
- */
-function validateProp(propValue, validArr) {
-  let responsive = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-  const strArr = propValue.split(' ');
-  return strArr.every(mod => {
-    const modValid = validArr.some(validStr => {
-      if (responsive) {
-        return mod === validStr || mod === "".concat(validStr, "@xs") || mod === "".concat(validStr, "@sm") || mod === "".concat(validStr, "@md") || mod === "".concat(validStr, "@lg");
-      }
-
-      return mod === validStr;
-    });
-
-    if (!modValid) {
-      console.error("Invalid prop value: ".concat(mod)); // eslint-disable-line no-console
-    }
-
-    return modValid;
-  });
-}
-
-export { validateProp as default };

package/dist/style/reset.css

@@ -1 +0,0 @@
-html{box-sizing:border-box;font-family:sans-serif;font-size:10px;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*::before,*::after{box-sizing:inherit}@-ms-viewport{width:device-width}body{font-family:Graphik, "Helvetica Neue", sans-serif;font-style:normal;font-weight:400;letter-spacing:-0.016rem;font-size:1.6rem;line-height:2.2rem;line-height:1.5;margin:0;color:rgba(12,11,8,0.75);background-color:#fff}a,area,button,[role="button"],input,label,select,summary,textarea{touch-action:manipulation}button:focus{outline:0.5rem auto -webkit-focus-ring-color}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{padding:0;border-style:none}input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{-webkit-appearance:listbox}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-0.2rem;-webkit-appearance:none}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}

package/dist/svg/icon-error.svg

@@ -1,5 +0,0 @@
-<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <circle cx="9" cy="9" r="8" stroke="#FFF5F5" stroke-width="2"  opacity="0.75"/>
-  <circle cx="9" cy="9" r="6.25" fill="white" stroke="#B33322" stroke-width="1.5"/>
-  <rect x="5.6416" y="6.70215" width="1.5" height="8" rx="0.75" transform="rotate(-45 5.6416 6.70215)" fill="#B33322"/>
-</svg>