@rei/cedar 11.0.1 → 13.0.0-alpha.kurt-test

package/dist/lib/src/components/breadcrumb/CdrBreadcrumb.mjs

@@ -1,158 +0,0 @@
-import 'core-js/modules/es.string.replace.js';
-import clsx from 'clsx';
-import modules_4b26c135 from './styles/CdrBreadcrumb.mjs';
-
-var CdrBreadcrumb = {
-  name: 'CdrBreadcrumb',
-  props: {
-    /**
-     * Required. List of source breadcrumb property objects
-     *
-     * {
-     *   displayText: Breadcrumb Display Text
-     *   url: location breadcrumb should navigate on click
-     * }
-     */
-    items: {
-      type: Array,
-      default: () => [],
-      validator: value => {
-        if (value.length && value.length > 0) {
-          for (let i = 0; i < value.length; i += 1) {
-            if (!(typeof value[i].item === 'object')) {
-              console.error('Breadcrumb items array missing item key at index ', i); // eslint-disable-line no-console
-
-              return false;
-            }
-
-            if (!Object.hasOwnProperty.call(value[i].item, 'name')) {
-              console.error('Breadcrumb items array is missing item.name value at index ', i); // eslint-disable-line no-console
-
-              return false;
-            }
-          }
-        }
-
-        return true;
-      }
-    },
-
-    /**
-     * Flag to track container width threshold exceeded
-     */
-    truncationEnabled: {
-      type: Boolean,
-      default: true
-    }
-  },
-
-  data() {
-    return {
-      truncate: this.truncationEnabled && this.items.length > 2,
-      style: modules_4b26c135,
-      componentID: Math.random().toString(36).substr(2, 9)
-    };
-  },
-
-  computed: {
-    baseClass() {
-      return 'cdr-breadcrumb';
-    },
-
-    ellipsis() {
-      const h = this.$createElement;
-      return this.truncate ? h("li", {
-        "class": this.style['cdr-breadcrumb__item']
-      }, [h("button", {
-        "on": {
-          "click": this.handleEllipsisClick
-        },
-        "ref": "ellipse",
-        "attrs": {
-          "aria-expanded": "false",
-          "aria-controls": "".concat(this.componentID, "List"),
-          "aria-label": "show ".concat(this.items.length - 2, " more navigation level").concat(this.items.length - 2 > 1 ? 's' : '')
-        },
-        "class": this.style['cdr-breadcrumb__ellipses']
-      }, [h("span", {
-        "class": this.style['cdr-breadcrumb__ellipses-icon'],
-        "attrs": {
-          "aria-hidden": "true"
-        }
-      }, [". . ."])]), h("span", {
-        "class": this.style['cdr-breadcrumb__delimiter'],
-        "attrs": {
-          "aria-hidden": "true"
-        }
-      }, ["/"])]) : '';
-    },
-
-    listItems() {
-      const h = this.$createElement;
-      return this.items.map((breadcrumb, index) => {
-        const delimiter = index < this.items.length - 1 ? h("span", {
-          "class": this.style['cdr-breadcrumb__delimiter'],
-          "attrs": {
-            "aria-hidden": "true"
-          }
-        }, ["/"]) : '';
-        return h("li", {
-          "class": clsx(this.style['cdr-breadcrumb__item']),
-          "key": breadcrumb.item.id || breadcrumb.item.name.replace(/ /g, '-').toLowerCase(),
-          "directives": [{
-            name: "show",
-            value: !this.truncate || index >= this.items.length - 2
-          }]
-        }, [this.$scopedSlots.link ? this.$scopedSlots.link({
-          class: this.style['cdr-breadcrumb__link'],
-          href: breadcrumb.item.url,
-          content: breadcrumb.item.name
-        }) : h("a", {
-          "class": this.style['cdr-breadcrumb__link'],
-          "attrs": {
-            "href": breadcrumb.item.url
-          },
-          "on": {
-            "click": e => this.$emit('navigate', breadcrumb, e)
-          }
-        }, [breadcrumb.item.name]), delimiter]);
-      });
-    }
-
-  },
-  watch: {
-    items() {
-      this.truncate = this.truncationEnabled && this.items.length > 2;
-    }
-
-  },
-  methods: {
-    handleEllipsisClick() {
-      this.truncate = false;
-      setTimeout(() => {
-        this.$el.querySelector('li *').focus();
-      }, 1);
-    }
-
-  },
-
-  render() {
-    const h = arguments[0];
-    return h("nav", {
-      "ref": "container",
-      "class": clsx(this.style[this.baseClass], this.modifierClass),
-      "attrs": {
-        "aria-label": "breadcrumbs"
-      }
-    }, [h("ol", {
-      "attrs": {
-        "id": "".concat(this.componentID, "List")
-      },
-      "ref": "cdrBreadcrumbList",
-      "class": this.style['cdr-breadcrumb__list']
-    }, [this.ellipsis, this.listItems])]);
-  }
-
-};
-
-export default CdrBreadcrumb;

package/dist/lib/src/components/breadcrumb/styles/CdrBreadcrumb.mjs

@@ -1,3 +0,0 @@
-var modules_4b26c135 = {"cdr-breadcrumb":"cdr-breadcrumb_11-0-1","cdr-breadcrumb__list":"cdr-breadcrumb__list_11-0-1","cdr-breadcrumb__item":"cdr-breadcrumb__item_11-0-1","cdr-breadcrumb__link":"cdr-breadcrumb__link_11-0-1","cdr-breadcrumb__delimiter":"cdr-breadcrumb__delimiter_11-0-1","cdr-breadcrumb__ellipses":"cdr-breadcrumb__ellipses_11-0-1","cdr-breadcrumb__ellipses-icon":"cdr-breadcrumb__ellipses-icon_11-0-1"};
-
-export default modules_4b26c135;

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

@@ -1,118 +0,0 @@
-import clsx from 'clsx';
-import modifier from '../../mixins/modifier.mjs';
-import fullWidth from '../../mixins/fullWidth.mjs';
-import size from '../../mixins/size.mjs';
-import modules_1869af45 from './styles/CdrButton.mjs';
-
-var CdrButton = {
-  name: 'CdrButton',
-  mixins: [modifier, size, fullWidth],
-  props: {
-    /**
-     * Controls render as button or anchor. {button, a}
-     */
-    tag: {
-      type: String,
-      default: 'button',
-      validator: value => ['button', 'a'].indexOf(value) >= 0 || false
-    },
-
-    /**
-     * Sets the button type. {button, submit, reset}
-     */
-    type: {
-      type: String,
-      default: 'button',
-      validator: value => ['button', 'submit', 'reset'].indexOf(value) >= 0 || false
-    },
-
-    /**
-     * Increases box-shadow around button to enhance contrast against background
-     */
-    elevated: {
-      type: Boolean,
-      default: false
-    },
-
-    /**
-     * Renders an icon-only button. Default slot is disabled. Overrides size and responsiveSize props.
-     */
-    iconOnly: {
-      type: Boolean,
-      default: false
-    },
-
-    /**
-     * Used in conjunction with `icon-only`, renders a border and background around the icon button
-     */
-    withBackground: {
-      type: Boolean,
-      default: false
-    }
-  },
-
-  data() {
-    return {
-      style: modules_1869af45
-    };
-  },
-
-  computed: {
-    baseClass() {
-      return 'cdr-button';
-    },
-
-    defaultClass() {
-      return this.modifier ? undefined : this.modifyClassName(this.baseClass, 'primary');
-    },
-
-    buttonSizeClass() {
-      return !this.iconOnly ? this.sizeClass : this.style["cdr-button--icon-only-".concat(this.size)];
-    },
-
-    iconClass() {
-      const classes = [];
-
-      if ((this.$slots['icon-left'] || this.$slots.icon) && this.$slots.default) {
-        /* only add class for buttons with text + icon on left */
-        classes.push(this.modifyClassName(this.baseClass, 'has-icon-left'));
-      }
-
-      if (this.$slots['icon-right'] && this.$slots.default) {
-        /* only add class for buttons with text + icon on right */
-        classes.push(this.modifyClassName(this.baseClass, 'has-icon-right'));
-      }
-
-      if (this.elevated) {
-        classes.push(this.modifyClassName(this.baseClass, 'elevated'));
-      }
-
-      if (this.iconOnly) {
-        classes.push(this.modifyClassName(this.baseClass, 'icon-only'));
-      }
-
-      if (this.iconOnly && this.withBackground) {
-        classes.push(this.modifyClassName(this.baseClass, 'with-background'));
-      }
-
-      return classes.join(' ');
-    }
-
-  },
-
-  render() {
-    const h = arguments[0];
-    const Component = this.tag;
-    return h(Component, {
-      "class": clsx(this.style[this.baseClass], this.defaultClass, this.modifierClass, this.buttonSizeClass, this.fullWidthClass, this.iconClass),
-      "attrs": {
-        "type": this.tag === 'button' ? this.type : null
-      },
-      "on": { ...this.$listeners
-      }
-    }, [this.$slots['icon-left'] || this.$slots.icon, this.$slots.default, this.$slots['icon-right']]);
-  }
-
-};
-
-export default CdrButton;

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

@@ -1,3 +0,0 @@
-var modules_1869af45 = {"cdr-button":"cdr-button_11-0-1","cdr-button--has-icon-left":"cdr-button--has-icon-left_11-0-1","cdr-button--has-icon-right":"cdr-button--has-icon-right_11-0-1","cdr-button--primary":"cdr-button--primary_11-0-1","cdr-button--elevated":"cdr-button--elevated_11-0-1","cdr-button--secondary":"cdr-button--secondary_11-0-1","cdr-button--dark":"cdr-button--dark_11-0-1","cdr-button--sale":"cdr-button--sale_11-0-1","cdr-button--link":"cdr-button--link_11-0-1","cdr-button--large":"cdr-button--large_11-0-1","cdr-button--medium":"cdr-button--medium_11-0-1","cdr-button--small":"cdr-button--small_11-0-1","cdr-button--icon-only":"cdr-button--icon-only_11-0-1","cdr-button--icon-only-large":"cdr-button--icon-only-large_11-0-1","cdr-button--with-background":"cdr-button--with-background_11-0-1","cdr-button--full-width":"cdr-button--full-width_11-0-1","cdr-button--small@xs":"cdr-button--small@xs_11-0-1","cdr-button--medium@xs":"cdr-button--medium@xs_11-0-1","cdr-button--large@xs":"cdr-button--large@xs_11-0-1","cdr-button--fullWidth@xs":"cdr-button--fullWidth@xs_11-0-1","cdr-button--small@sm":"cdr-button--small@sm_11-0-1","cdr-button--medium@sm":"cdr-button--medium@sm_11-0-1","cdr-button--large@sm":"cdr-button--large@sm_11-0-1","cdr-button--fullWidth@sm":"cdr-button--fullWidth@sm_11-0-1","cdr-button--small@md":"cdr-button--small@md_11-0-1","cdr-button--medium@md":"cdr-button--medium@md_11-0-1","cdr-button--large@md":"cdr-button--large@md_11-0-1","cdr-button--fullWidth@md":"cdr-button--fullWidth@md_11-0-1","cdr-button--small@lg":"cdr-button--small@lg_11-0-1","cdr-button--medium@lg":"cdr-button--medium@lg_11-0-1","cdr-button--large@lg":"cdr-button--large@lg_11-0-1","cdr-button--fullWidth@lg":"cdr-button--fullWidth@lg_11-0-1"};
-
-export default modules_1869af45;

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

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

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

@@ -1,3 +0,0 @@
-var modules_3ada4f15 = {"cdr-caption":"cdr-caption_11-0-1","cdr-caption__summary":"cdr-caption__summary_11-0-1"};
-
-export default modules_3ada4f15;

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

@@ -1,35 +0,0 @@
-import modules_5c0e7644 from './styles/CdrCard.mjs';
-
-var CdrCard = {
-  name: 'CdrCard',
-  props: {
-    tag: {
-      type: String,
-      default: 'article'
-    }
-  },
-
-  data() {
-    return {
-      style: modules_5c0e7644
-    };
-  },
-
-  computed: {
-    baseClass() {
-      return 'cdr-card';
-    }
-
-  },
-
-  render() {
-    const h = arguments[0];
-    const Component = this.tag;
-    return h(Component, {
-      "class": this.style[this.baseClass]
-    }, [this.$slots.default]);
-  }
-
-};
-
-export default CdrCard;

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

@@ -1,3 +0,0 @@
-var modules_5c0e7644 = {"cdr-card":"cdr-card_11-0-1"};
-
-export default modules_5c0e7644;

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

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

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

@@ -1,3 +0,0 @@
-var modules_82ee9d44 = {"cdr-checkbox":"cdr-checkbox_11-0-1","cdr-checkbox__input":"cdr-checkbox__input_11-0-1","cdr-label-wrapper__figure":"cdr-label-wrapper__figure_11-0-1"};
-
-export default modules_82ee9d44;

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

@@ -1,30 +0,0 @@
-import modules_559ede80 from './styles/CdrChip.mjs';
-
-var CdrChip = {
-  name: 'CdrChip',
-
-  data() {
-    return {
-      style: modules_559ede80,
-      baseClass: 'cdr-chip'
-    };
-  },
-
-  render() {
-    const h = arguments[0];
-    return h("button", {
-      "class": this.style[this.baseClass],
-      "on": { ...this.$listeners
-      }
-    }, [this.$slots['icon-left'] && h("span", {
-      "class": this.style['cdr-chip__icon-left']
-    }, [this.$slots['icon-left']]), this.$slots['icon-right'] && h("span", {
-      "class": this.style['cdr-chip__icon-right']
-    }, [this.$slots['icon-right']]), h("span", {
-      "class": this.style['cdr-chip__content']
-    }, [this.$slots.default])]);
-  }
-
-};
-
-export default CdrChip;

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

@@ -1,105 +0,0 @@
-import modules_7f5a554b from './styles/CdrChipGroup.mjs';
-
-var CdrChipGroup = {
-  name: 'CdrChipGroup',
-  props: {
-    label: {
-      type: String,
-      required: true
-    },
-    hideLabel: {
-      type: Boolean,
-      default: true
-    }
-  },
-
-  data() {
-    return {
-      style: modules_7f5a554b,
-      chips: [],
-      currentIdx: 0
-    };
-  },
-
-  computed: {
-    nextIdx() {
-      const idx = this.currentIdx + 1;
-      return idx >= this.chips.length ? 0 : idx; // if at last, go to first
-    },
-
-    prevIdx() {
-      const idx = this.currentIdx - 1;
-      return idx <= -1 ? this.chips.length - 1 : idx; // if at first, go to last
-    },
-
-    legendClass() {
-      return this.hideLabel ? this.style['cdr-chip-group__legend--hidden'] : this.style['cdr-chip-group__legend'];
-    }
-
-  },
-
-  mounted() {
-    // get all of the chips in the group
-    this.chips = Array.prototype.filter.call(this.$refs.chips.children, chip => !(chip.getAttribute('disabled') || chip.getAttribute('aria-disabled')));
-    this.currentIdx = Array.prototype.findIndex.call(this.chips, chip => chip.getAttribute('aria-checked') === 'true');
-  },
-
-  methods: {
-    handleKeyDown(e) {
-      // something besides the button is focused
-      if (this.currentIdx === -1) return;
-      const {
-        key
-      } = e;
-
-      switch (key) {
-        case 'Home':
-          e.preventDefault();
-          this.chips[0].focus();
-          break;
-
-        case 'End':
-          e.preventDefault();
-          this.chips[this.chips.length - 1].focus();
-          break;
-
-        case 'ArrowDown':
-        case 'Down':
-          e.preventDefault();
-          this.chips[this.nextIdx].focus();
-          break;
-
-        case 'ArrowUp':
-        case 'Up':
-          e.preventDefault();
-          this.chips[this.prevIdx].focus();
-          break;
-      }
-    },
-
-    focusin(e) {
-      // find out which, if any, button is focused
-      this.currentIdx = Array.prototype.indexOf.call(this.chips, e.target);
-    }
-
-  },
-
-  render() {
-    const h = arguments[0];
-    return h("fieldset", {
-      "class": this.style['cdr-chip-group'],
-      "on": {
-        "focusin": this.focusin,
-        "keydown": this.handleKeyDown
-      }
-    }, [h("legend", {
-      "class": this.legendClass
-    }, [this.$slots.label || this.label]), h("div", {
-      "ref": "chips",
-      "class": this.style['cdr-chip-group__content']
-    }, [this.$slots.default])]);
-  }
-
-};
-
-export default CdrChipGroup;

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

@@ -1,3 +0,0 @@
-var modules_559ede80 = {"cdr-chip":"cdr-chip_11-0-1","cdr-chip__icon-left":"cdr-chip__icon-left_11-0-1","cdr-chip__icon-right":"cdr-chip__icon-right_11-0-1","cdr-chip__content":"cdr-chip__content_11-0-1"};
-
-export default modules_559ede80;

package/dist/lib/src/components/chip/styles/CdrChipGroup.mjs

@@ -1,3 +0,0 @@
-var modules_7f5a554b = {"cdr-chip-group":"cdr-chip-group_11-0-1","cdr-chip-group__content":"cdr-chip-group__content_11-0-1","cdr-chip-group__legend--hidden":"cdr-chip-group__legend--hidden_11-0-1","cdr-chip-group__legend":"cdr-chip-group__legend_11-0-1"};
-
-export default modules_7f5a554b;