@rei/cedar 13.0.0-alpha.0 → 13.0.0-alpha.1

package/dist/lib/src/components/tabs/CdrTabs.vue_vue&type=script&lang.js

@@ -1,302 +0,0 @@
-import { buildClass } from '../../utils/buildClass.js';
-import { defineComponent, ref, provide, computed, onMounted, nextTick, useCssModule } from 'vue';
-import debounce from 'lodash/debounce';
-import mapClasses from '../../utils/mapClasses.js';
-import { CdrColorBackgroundPrimary, CdrSpaceHalfX, CdrSpaceOneX } from '../../../node_modules/@rei/cdr-tokens/dist/js/cdr-tokens.esm.js';
-
-var script = defineComponent({
-  name: 'CdrTabs',
-  props: {
-    height: {
-      type: String,
-      default: '240px'
-    },
-    activeTab: {
-      type: Number,
-      default: 0
-    },
-    modifier: String,
-    size: String,
-    backgroundColor: {
-      type: String,
-      default: CdrColorBackgroundPrimary
-    }
-  },
-
-  setup(props, ctx) {
-    var tabs = ref([]);
-    provide('tabs', tabs);
-    var underlineOffsetX = ref(0);
-    var underlineWidth = ref(0); // const underlineScrollX = ref(0); // ????
-
-    var activeTabIndex = ref(0);
-    var headerWidth = ref(0);
-    var headerOverflow = ref(false);
-    var overflowLeft = ref(false);
-    var overflowRight = ref(false);
-    var containerEl = ref(null);
-    var slotWrapperEl = ref(null);
-    var cdrTabsHeaderEl = ref(null);
-    var baseClass = 'cdr-tabs';
-    var modifierClass = computed(function () {
-      return buildClass('cdr-tabs', props.modifier);
-    });
-    var sizeClass = computed(function () {
-      return props.size && buildClass('cdr-tabs', props.size);
-    });
-    var underlineStyle = computed(function () {
-      return {
-        transform: "translateX(".concat(underlineOffsetX.value, "px)"),
-        width: "".concat(underlineWidth.value, "px")
-      };
-    });
-    var gradientLeftStyle = computed(function () {
-      var gradient = "linear-gradient(to left, rgba(255, 255, 255, 0), ".concat(props.backgroundColor, ")");
-      return {
-        background: gradient
-      };
-    });
-    var gradientRightStyle = computed(function () {
-      var gradient = "linear-gradient(to right, rgba(255, 255, 255, 0), ".concat(props.backgroundColor, ")");
-      return {
-        background: gradient
-      };
-    }); // TODO: i feel it in my heart that these 2 function can be 1-liners
-
-    var getNextTab = function getNextTab(startIndex) {
-      for (var i = startIndex; i < tabs.value.length; i += 1) {
-        if (!tabs.value[i].disabled) {
-          return i;
-        }
-      }
-
-      if (startIndex !== 0) {
-        for (var k = 0; k < startIndex; k += 1) {
-          if (!tabs.value[k].disabled) {
-            return k;
-          }
-        }
-      }
-
-      return -1;
-    };
-
-    var getPreviousTab = function getPreviousTab(startIndex) {
-      for (var i = startIndex; i > -1; i -= 1) {
-        if (!tabs.value[i].disabled) {
-          return i;
-        }
-      }
-
-      if (startIndex !== tabs.value.length - 1) {
-        for (var k = tabs.value.length - 1; k > startIndex; k -= 1) {
-          if (!tabs.value[k].disabled) {
-            return k;
-          }
-        }
-      }
-
-      return -1;
-    };
-
-    var handleClick = debounce(function handleClickCallback(tabClicked) {
-      // TODO: render index in buttons to bind this event, no need to find index????
-      var newIndex = tabs.value.findIndex(function (tab) {
-        return tabClicked.name === tab.name;
-      });
-      changeTab(newIndex);
-    }, 500, {
-      leading: true,
-      trailing: false
-    });
-
-    var changeTab = function changeTab(newIndex) {
-      var oldIndex = activeTabIndex.value;
-      hideScrollBar();
-
-      if (newIndex > oldIndex) {
-        tabs.value[oldIndex].setAnimationDirection('exit-left');
-        tabs.value[oldIndex].setActive(false);
-        setTimeout(function () {
-          tabs.value[newIndex].setActive(true);
-          tabs.value[newIndex].setAnimationDirection('enter-right');
-        }, 200);
-      } else {
-        tabs.value[oldIndex].setAnimationDirection('exit-right');
-        tabs.value[oldIndex].setActive(false);
-        setTimeout(function () {
-          tabs.value[newIndex].setActive(true);
-          tabs.value[newIndex].setAnimationDirection('enter-left');
-        }, 200);
-      }
-
-      activeTabIndex.value = newIndex;
-      updateUnderline();
-      cdrTabsHeaderEl.value.children[activeTabIndex.value].focus();
-    };
-
-    var rightArrowNav = debounce(function handleRightArrow() {
-      var nextTab = getNextTab(activeTabIndex.value + 1);
-
-      if (nextTab !== -1) {
-        changeTab(nextTab);
-      }
-    }, 300, {
-      leading: true,
-      trailing: false
-    });
-    var leftArrowNav = debounce(function handleLeftArrow() {
-      var previousTab = getPreviousTab(activeTabIndex.value - 1);
-
-      if (previousTab !== -1) {
-        changeTab(previousTab);
-      }
-    }, 300, {
-      leading: true,
-      trailing: false
-    });
-
-    var calculateOverflow = function calculateOverflow() {
-      var containerWidth = 0;
-
-      if (containerEl.value) {
-        containerWidth = containerEl.value.offsetWidth;
-      }
-
-      headerOverflow.value = headerWidth.value > containerWidth;
-
-      if (headerOverflow.value) {
-        // Get Scroll Position
-        var scrollX = cdrTabsHeaderEl.value.parentElement.scrollLeft;
-        overflowLeft.value = scrollX > 1;
-        overflowRight.value = scrollX + 1 < headerWidth.value - containerWidth;
-      } else {
-        overflowLeft.value = false;
-        overflowRight.value = false;
-      }
-    };
-
-    var updateUnderline = function updateUnderline() {
-      var elements = Array.from(cdrTabsHeaderEl.value.children); // TODO: cache this? probably?
-
-      if (elements.length > 0) {
-        var activeTab = elements[activeTabIndex.value];
-        var activeRect = activeTab.getBoundingClientRect();
-        var parentRect = cdrTabsHeaderEl.value.getBoundingClientRect();
-        var offset = activeRect.x - parentRect.x;
-        underlineOffsetX.value = offset - cdrTabsHeaderEl.value.parentElement.scrollLeft;
-        underlineWidth.value = activeRect.width; // shrink/hide the underline if it scrolls outside the container
-
-        if (underlineOffsetX.value + underlineWidth.value >= parentRect.width) {
-          underlineWidth.value = Math.max(0, parentRect.width - underlineOffsetX.value);
-          underlineOffsetX.value = Math.min(underlineOffsetX.value, parentRect.width);
-        } else if (underlineOffsetX.value < 0) {
-          underlineWidth.value = Math.max(0, underlineWidth.value + underlineOffsetX.value);
-          underlineOffsetX.value = 0;
-        }
-      }
-    }; // TODO: what?
-
-
-    var handleDownArrowNav = function handleDownArrowNav() {
-    }; // TODO: listen for events emitted from tabs???
-
-
-    var setFocusToActiveTabHeader = function setFocusToActiveTabHeader() {
-      cdrTabsHeaderEl.value.children[activeTabIndex.value].focus();
-    };
-
-    var getHeaderWidth = function getHeaderWidth() {
-      var headerElements = [];
-
-      if (cdrTabsHeaderEl.value) {
-        headerElements = Array.from(cdrTabsHeaderEl.value.children);
-      }
-
-      var totalWidth = 0;
-      headerElements.forEach(function (element, i) {
-        // account for margin-left on header elements
-        if (i > 0) {
-          totalWidth += props.size === 'small' ? Number(CdrSpaceHalfX) : Number(CdrSpaceOneX);
-        }
-
-        totalWidth += element.offsetWidth || 0;
-      });
-      return totalWidth;
-    };
-
-    var hideScrollBar = function hideScrollBar() {
-      var containerRef = containerEl.value.style;
-      var slotRef = slotWrapperEl.value.style;
-      window.addEventListener('transitionend', function () {
-        containerRef.setProperty('overflow-x', 'unset');
-        slotRef.setProperty('overflow-y', 'unset');
-      }, {
-        once: true
-      });
-      containerRef.setProperty('overflow-x', 'hidden');
-      slotRef.setProperty('overflow-y', 'hidden');
-    };
-
-    onMounted(function () {
-      activeTabIndex.value = getNextTab(props.activeTab);
-
-      if (tabs.value[activeTabIndex.value] && tabs.value[activeTabIndex.value].setActive) {
-        tabs.value[activeTabIndex.value].setActive(true);
-      }
-
-      nextTick(function () {
-        headerWidth.value = getHeaderWidth();
-        calculateOverflow();
-        setTimeout(function () {
-          updateUnderline();
-        }, 500);
-      }); // Check for header overflow on window resize for gradient behavior.
-
-      window.addEventListener('resize', debounce(function () {
-        headerWidth.value = getHeaderWidth();
-        calculateOverflow();
-        updateUnderline();
-      }, 500)); // Check for header overflow on widow resize for gradient behavior.
-
-      cdrTabsHeaderEl.value.parentElement.addEventListener('scroll', debounce(function () {
-        calculateOverflow();
-        updateUnderline();
-      }, 50));
-    });
-    return {
-      style: useCssModule(),
-      mapClasses,
-      baseClass,
-      modifierClass,
-      sizeClass,
-      tabs,
-      // containerHeight, // ????
-      overflowLeft,
-      overflowRight,
-      rightArrowNav,
-      leftArrowNav,
-      handleDownArrowNav,
-      handleClick,
-      cdrTabsHeaderEl,
-      slotWrapperEl,
-      containerEl,
-      underlineStyle,
-      gradientLeftStyle,
-      gradientRightStyle,
-      getHeaderWidth,
-      calculateOverflow,
-      updateUnderline,
-      hideScrollBar,
-      changeTab,
-      getNextTab,
-      getPreviousTab,
-      activeTabIndex,
-      setFocusToActiveTabHeader,
-      headerOverflow
-    };
-  }
-
-});
-
-export default script;

package/dist/lib/src/components/tabs/CdrTabs.vue_vue&type=template&id=0b62a2ae&lang.js

@@ -1,74 +0,0 @@
-import { openBlock, createBlock, createVNode, withKeys, withModifiers, Fragment, renderList, toDisplayString, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock("div", {
-    class: _ctx.mapClasses(_ctx.style, _ctx.baseClass, _ctx.modifierClass, _ctx.sizeClass),
-    ref: "containerEl",
-    style: {
-      height: _ctx.height
-    }
-  }, [createVNode("div", {
-    class: _ctx.style['cdr-tabs__gradient-container'],
-    onKeyup: [_cache[1] || (_cache[1] = withKeys(function () {
-      return _ctx.rightArrowNav && _ctx.rightArrowNav.apply(_ctx, arguments);
-    }, ["right"])), _cache[2] || (_cache[2] = withKeys(function () {
-      return _ctx.leftArrowNav && _ctx.leftArrowNav.apply(_ctx, arguments);
-    }, ["left"]))],
-    onKeydown: _cache[3] || (_cache[3] = withKeys(withModifiers(function () {
-      return _ctx.handleDownArrowNav && _ctx.handleDownArrowNav.apply(_ctx, arguments);
-    }, ["prevent"]), ["down"]))
-  }, [createVNode("div", {
-    class: _ctx.mapClasses(_ctx.style, 'cdr-tabs__gradient', 'cdr-tabs__gradient--left', _ctx.overflowLeft ? 'cdr-tabs__gradient--active' : ''),
-    style: _ctx.gradientLeftStyle
-  }, null, 6
-  /* CLASS, STYLE */
-  ), createVNode("nav", {
-    class: _ctx.style['cdr-tabs__header-container']
-  }, [createVNode("div", {
-    class: _ctx.style['cdr-tabs__header'],
-    role: "tablist",
-    ref: "cdrTabsHeaderEl"
-  }, [(openBlock(true), createBlock(Fragment, null, renderList(_ctx.tabs, function (tab, i) {
-    return openBlock(), createBlock("button", {
-      role: "tab",
-      "aria-selected": tab.disabled ? '' : _ctx.activeTabIndex === i,
-      "aria-controls": tab.disabled ? '' : tab.id,
-      id: tab.disabled ? '' : tab.ariaLabelledby,
-      key: tab.id,
-      class: _ctx.mapClasses(_ctx.style, _ctx.activeTabIndex === i && !tab.disabled ? 'cdr-tabs__header-item-active' : '', 'cdr-tabs__header-item', tab.disabled ? 'cdr-tabs__header-item--disabled' : ''),
-      tabIndex: _ctx.activeTabIndex === i && !tab.disabled ? 0 : -1,
-      onClick: withModifiers(function (e) {
-        return tab.disabled ? null : _ctx.handleClick(tab, e);
-      }, ["prevent"])
-    }, toDisplayString(tab.name), 11
-    /* TEXT, CLASS, PROPS */
-    , ["aria-selected", "aria-controls", "id", "tabIndex", "onClick"]);
-  }), 128
-  /* KEYED_FRAGMENT */
-  ))], 2
-  /* CLASS */
-  )], 2
-  /* CLASS */
-  ), createVNode("div", {
-    class: _ctx.mapClasses(_ctx.style, 'cdr-tabs__gradient', 'cdr-tabs__gradient--right', _ctx.overflowRight ? 'cdr-tabs__gradient--active' : ''),
-    style: _ctx.gradientRightStyle
-  }, null, 6
-  /* CLASS, STYLE */
-  ), createVNode("div", {
-    class: _ctx.style['cdr-tabs__underline'],
-    style: _ctx.underlineStyle
-  }, null, 6
-  /* CLASS, STYLE */
-  )], 34
-  /* CLASS, HYDRATE_EVENTS */
-  ), createVNode("div", {
-    class: _ctx.style['cdr-tabs__content-container'],
-    ref: "slotWrapperEl"
-  }, [renderSlot(_ctx.$slots, "default")], 2
-  /* CLASS */
-  )], 6
-  /* CLASS, STYLE */
-  );
-}
-
-export { render };

package/dist/lib/src/components/tabs/styles/CdrTabPanel.module.scss_vue&type=style&index=0&src&id=2950521f&module=true&lang.css.js

@@ -1,9 +0,0 @@
-var style0 = {
-  "cdr-tab-panel": "cdr-tab-panel_13-0-0-alpha-0",
-  "cdr-tab-panel-enter-left": "cdr-tab-panel-enter-left_13-0-0-alpha-0",
-  "cdr-tab-panel-enter-right": "cdr-tab-panel-enter-right_13-0-0-alpha-0",
-  "cdr-tab-panel-exit-left": "cdr-tab-panel-exit-left_13-0-0-alpha-0",
-  "cdr-tab-panel-exit-right": "cdr-tab-panel-exit-right_13-0-0-alpha-0"
-};
-
-export default style0;

package/dist/lib/src/components/tabs/styles/CdrTabs.module.scss_vue&type=style&index=0&src&id=0b62a2ae&module=true&lang.css.js

@@ -1,27 +0,0 @@
-var style0 = {
-  "cdr-tabs": "cdr-tabs_13-0-0-alpha-0",
-  "cdr-tabs__header-container": "cdr-tabs__header-container_13-0-0-alpha-0",
-  "cdr-tabs__gradient-container": "cdr-tabs__gradient-container_13-0-0-alpha-0",
-  "cdr-tabs__gradient": "cdr-tabs__gradient_13-0-0-alpha-0",
-  "cdr-tabs__gradient--left": "cdr-tabs__gradient--left_13-0-0-alpha-0",
-  "cdr-tabs__gradient--right": "cdr-tabs__gradient--right_13-0-0-alpha-0",
-  "cdr-tabs__gradient--active": "cdr-tabs__gradient--active_13-0-0-alpha-0",
-  "cdr-tabs__header": "cdr-tabs__header_13-0-0-alpha-0",
-  "cdr-tabs__header-item": "cdr-tabs__header-item_13-0-0-alpha-0",
-  "cdr-tabs__header-item-active": "cdr-tabs__header-item-active_13-0-0-alpha-0",
-  "cdr-tabs__header-item--disabled": "cdr-tabs__header-item--disabled_13-0-0-alpha-0",
-  "cdr-tabs__underline": "cdr-tabs__underline_13-0-0-alpha-0",
-  "cdr-tabs__content-container": "cdr-tabs__content-container_13-0-0-alpha-0",
-  "fade-enter-active": "fade-enter-active_13-0-0-alpha-0",
-  "fade-leave-active": "fade-leave-active_13-0-0-alpha-0",
-  "fade-enter": "fade-enter_13-0-0-alpha-0",
-  "fade-leave-to": "fade-leave-to_13-0-0-alpha-0",
-  "cdr-tabs--compact": "cdr-tabs--compact_13-0-0-alpha-0",
-  "cdr-tabs__header-item-label": "cdr-tabs__header-item-label_13-0-0-alpha-0",
-  "cdr-tabs--small": "cdr-tabs--small_13-0-0-alpha-0",
-  "cdr-tabs--no-border": "cdr-tabs--no-border_13-0-0-alpha-0",
-  "cdr-tabs--full-width": "cdr-tabs--full-width_13-0-0-alpha-0",
-  "cdr-tabs--centered": "cdr-tabs--centered_13-0-0-alpha-0"
-};
-
-export default style0;

package/dist/lib/src/components/text/CdrText.vue_vue&type=script&lang.js

@@ -1,20 +0,0 @@
-import { defineComponent, useCssModule } from 'vue';
-
-var script = defineComponent({
-  name: 'CdrText',
-  props: {
-    tag: {
-      type: String,
-      default: 'p'
-    }
-  },
-
-  setup() {
-    return {
-      style: useCssModule()
-    };
-  }
-
-});
-
-export default script;

package/dist/lib/src/components/text/CdrText.vue_vue&type=template&id=78d76fe8&lang.js

@@ -1,18 +0,0 @@
-import { openBlock, createBlock, resolveDynamicComponent, withCtx, renderSlot } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
-    class: _ctx.style['cdr-text']
-  }, {
-    default: withCtx(function () {
-      return [renderSlot(_ctx.$slots, "default")];
-    }),
-    _: 3
-    /* FORWARDED */
-
-  }, 8
-  /* PROPS */
-  , ["class"]);
-}
-
-export { render };

package/dist/lib/src/components/text/styles/CdrText.module.scss_vue&type=style&index=0&src&id=78d76fe8&module=true&lang.css.js

@@ -1,5 +0,0 @@
-var style0 = {
-  "cdr-text": "cdr-text_13-0-0-alpha-0"
-};
-
-export default style0;

package/dist/lib/src/components/tooltip/CdrTooltip.vue_vue&type=script&lang.js

@@ -1,97 +0,0 @@
-import { defineComponent, ref, watch, onMounted, useCssModule } from 'vue';
-import mapClasses from '../../utils/mapClasses.js';
-import '../popup/CdrPopup.js';
-import validateProp from '../../utils/propValidator.js';
-import script$1 from '../popup/CdrPopup.vue_vue&type=script&lang.js';
-
-var script = defineComponent({
-  name: 'CdrTooltip',
-  components: {
-    CdrPopup: script$1
-  },
-  props: {
-    position: {
-      type: String,
-      required: false,
-      default: 'top',
-      validator: function validator(value) {
-        return validateProp(value, ['top', 'bottom', 'left', 'right']);
-      }
-    },
-    autoPosition: {
-      type: Boolean,
-      default: true
-    },
-    id: {
-      type: String,
-      required: true
-    },
-    contentClass: {
-      type: String,
-      required: false
-    },
-    open: {
-      type: Boolean,
-      default: false,
-      required: false
-    }
-  },
-
-  setup(props, ctx) {
-    var isOpen = ref(false);
-    var timeout;
-    var popupEl = ref(null);
-    var triggerEl = ref(null);
-    var hasTrigger = ctx.slots.trigger; // TODO: https://v3.vuejs.org/guide/migration/emits-option.html#overview
-
-    var openTooltip = function openTooltip(e) {
-      if (timeout) clearTimeout(timeout);
-      isOpen.value = true;
-      ctx.emit('opened', e);
-    };
-
-    var closeTooltip = function closeTooltip(e) {
-      timeout = setTimeout(function () {
-        isOpen.value = false;
-        ctx.emit('closed', e);
-      }, 250);
-    };
-
-    var addHandlers = function addHandlers() {
-      var triggerElement = triggerEl.value.children[0];
-      popupEl.value;
-
-      if (triggerElement) {
-        triggerElement.addEventListener('mouseover', openTooltip);
-        triggerElement.addEventListener('focus', openTooltip);
-        triggerElement.addEventListener('mouseleave', closeTooltip);
-        triggerElement.addEventListener('blur', closeTooltip); // popupElement.addEventListener('mouseover', openTooltip);
-        // popupElement.addEventListener('mouseleave', closeTooltip);
-      }
-    };
-
-    watch(function () {
-      return props.open;
-    }, function () {
-      return props.open ? openTooltip() : closeTooltip();
-    });
-    onMounted(function () {
-      addHandlers();
-      var trigger = triggerEl.value.children[0];
-      if (trigger) trigger.setAttribute('aria-describedby', props.id);
-    });
-    return {
-      style: useCssModule(),
-      hasTrigger,
-      isOpen,
-      mapClasses,
-      closeTooltip,
-      openTooltip,
-      popupEl,
-      triggerEl
-    };
-  }
-
-});
-
-export default script;

package/dist/lib/src/components/tooltip/CdrTooltip.vue_vue&type=template&id=5abb534e&lang.js

@@ -1,36 +0,0 @@
-import { resolveComponent, openBlock, createBlock, createVNode, renderSlot, withCtx } from 'vue';
-
-var _hoisted_1 = {
-  ref: "triggerEl"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_cdr_popup = resolveComponent("cdr-popup");
-
-  return openBlock(), createBlock("div", {
-    class: _ctx.mapClasses(_ctx.style, 'cdr-tooltip--wrapper', _ctx.hasTrigger && 'cdr-tooltip--position')
-  }, [createVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "trigger")], 512
-  /* NEED_PATCH */
-  ), createVNode(_component_cdr_popup, {
-    "content-class": _ctx.contentClass,
-    role: "tooltip",
-    ref: "popupEl",
-    position: _ctx.position,
-    "auto-position": _ctx.autoPosition,
-    opened: _ctx.isOpen,
-    id: _ctx.id,
-    onClosed: _ctx.closeTooltip
-  }, {
-    default: withCtx(function () {
-      return [renderSlot(_ctx.$slots, "default")];
-    }),
-    _: 3
-    /* FORWARDED */
-
-  }, 8
-  /* PROPS */
-  , ["content-class", "position", "auto-position", "opened", "id", "onClosed"])], 2
-  /* CLASS */
-  );
-}
-
-export { render };

package/dist/lib/src/components/tooltip/styles/CdrTooltip.module.scss_vue&type=style&index=0&src&id=5abb534e&module=true&lang.css.js

@@ -1,13 +0,0 @@
-var style0 = {
-  "cdr-tooltip--position": "cdr-tooltip--position_13-0-0-alpha-0",
-  "cdr-tooltip--wrapper": "cdr-tooltip--wrapper_13-0-0-alpha-0",
-  "cdr-popup--closed": "cdr-popup--closed_13-0-0-alpha-0",
-  "cdr-popup__content": "cdr-popup__content_13-0-0-alpha-0",
-  "cdr-popup--bottom": "cdr-popup--bottom_13-0-0-alpha-0",
-  "cdr-popup__arrow": "cdr-popup__arrow_13-0-0-alpha-0",
-  "cdr-popup--top": "cdr-popup--top_13-0-0-alpha-0",
-  "cdr-popup--right": "cdr-popup--right_13-0-0-alpha-0",
-  "cdr-popup--left": "cdr-popup--left_13-0-0-alpha-0"
-};
-
-export default style0;

package/dist/style/cdr-label-wrapper.css

@@ -1 +0,0 @@
-.cdr-label-wrapper_13-0-0-alpha-0{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;padding:.8rem;padding-left:3.2rem;padding-right:1.2rem;color:rgba(12,11,8,0.75);background-color:rgba(244,242,237,0.15);border-radius:.4rem;width:100%;display:inline-block;margin:0;display:flex;align-items:flex-start;flex-grow:1;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cdr-label-wrapper__container_13-0-0-alpha-0{font-size:0;line-height:1}.cdr-label-wrapper_13-0-0-alpha-0 input{position:absolute;opacity:0;z-index:-1}.cdr-label-wrapper--primary_13-0-0-alpha-0:hover{background-color:#f9f8f6;cursor:pointer}.cdr-label-wrapper--primary_13-0-0-alpha-0:focus-within{background-color:#f9f8f6;box-shadow:inset 0 0 0 0.2rem #20201d}.cdr-label-wrapper--primary_13-0-0-alpha-0:active{background-color:#edeae3}.cdr-label-wrapper--secondary_13-0-0-alpha-0{background-color:rgba(244,242,237,0.15)}.cdr-label-wrapper--secondary_13-0-0-alpha-0:hover{background-color:rgba(255,255,255,0.75);cursor:pointer}.cdr-label-wrapper--secondary_13-0-0-alpha-0:focus-within{background-color:rgba(255,255,255,0.75)}.cdr-label-wrapper--secondary_13-0-0-alpha-0:active{background-color:#fff}.cdr-label-wrapper--disabled_13-0-0-alpha-0{color:#d1cbbd !important;cursor:not-allowed !important}.cdr-label-wrapper--disabled_13-0-0-alpha-0:hover,.cdr-label-wrapper--disabled_13-0-0-alpha-0:focus-within,.cdr-label-wrapper--disabled_13-0-0-alpha-0:active{background-color:transparent !important}.cdr-label-wrapper--disabled_13-0-0-alpha-0 .cdr-label-wrapper__figure_13-0-0-alpha-0{cursor:not-allowed !important}.cdr-label-wrapper__figure_13-0-0-alpha-0{top:1.1rem;width:1.6rem;height:1.6rem;position:absolute;left:.8rem;border-radius:.4rem;background-color:rgba(244,242,237,0.15);box-shadow:0 0 0 0.1rem #928b80;transition:box-shadow .2s cubic-bezier(0.15, 0, 0.15, 0)}.cdr-label-wrapper__figure_13-0-0-alpha-0::after{width:.4rem;height:.4rem}.cdr-label-wrapper__content_13-0-0-alpha-0{-webkit-user-select:text;-ms-user-select:text;user-select:text}.cdr-label-wrapper--hide-figure_13-0-0-alpha-0{padding-left:0}.cdr-label-wrapper--hide-figure_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0{display:none}.cdr-label-wrapper--small_13-0-0-alpha-0{font-family:Graphik, "Helvetica Neue", sans-serif;font-style:normal;font-weight:400;letter-spacing:-0.016rem;font-size:1.4rem;line-height:1.8rem;padding-left:3.2rem}.cdr-label-wrapper--small_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0{width:1.6rem;height:1.6rem}.cdr-label-wrapper--small_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0::after{width:.4rem;height:.4rem}.cdr-label-wrapper--medium_13-0-0-alpha-0{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;padding-left:3.2rem}.cdr-label-wrapper--medium_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0{width:1.6rem;height:1.6rem}.cdr-label-wrapper--medium_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0::after{width:.4rem;height:.4rem}.cdr-label-wrapper--large_13-0-0-alpha-0{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;padding-left:3.6rem}.cdr-label-wrapper--large_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0{width:2rem;height:2rem}.cdr-label-wrapper--large_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0::after{width:.5rem;height:.5rem}@media (min-width: 0) and (max-width: 767px){.cdr-label-wrapper--small\@xs_13-0-0-alpha-0{font-family:Graphik, "Helvetica Neue", sans-serif;font-style:normal;font-weight:400;letter-spacing:-0.016rem;font-size:1.4rem;line-height:1.8rem;padding-left:3.2rem}.cdr-label-wrapper--small\@xs_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0{width:1.6rem;height:1.6rem}.cdr-label-wrapper--small\@xs_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0::after{width:.4rem;height:.4rem}.cdr-label-wrapper--medium\@xs_13-0-0-alpha-0{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;padding-left:3.2rem}.cdr-label-wrapper--medium\@xs_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0{width:1.6rem;height:1.6rem}.cdr-label-wrapper--medium\@xs_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0::after{width:.4rem;height:.4rem}.cdr-label-wrapper--large\@xs_13-0-0-alpha-0{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;padding-left:3.6rem}.cdr-label-wrapper--large\@xs_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0{width:2rem;height:2rem}.cdr-label-wrapper--large\@xs_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0::after{width:.5rem;height:.5rem}}@media (min-width: 768px) and (max-width: 991px){.cdr-label-wrapper--small\@sm_13-0-0-alpha-0{font-family:Graphik, "Helvetica Neue", sans-serif;font-style:normal;font-weight:400;letter-spacing:-0.016rem;font-size:1.4rem;line-height:1.8rem;padding-left:3.2rem}.cdr-label-wrapper--small\@sm_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0{width:1.6rem;height:1.6rem}.cdr-label-wrapper--small\@sm_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0::after{width:.4rem;height:.4rem}.cdr-label-wrapper--medium\@sm_13-0-0-alpha-0{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;padding-left:3.2rem}.cdr-label-wrapper--medium\@sm_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0{width:1.6rem;height:1.6rem}.cdr-label-wrapper--medium\@sm_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0::after{width:.4rem;height:.4rem}.cdr-label-wrapper--large\@sm_13-0-0-alpha-0{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;padding-left:3.6rem}.cdr-label-wrapper--large\@sm_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0{width:2rem;height:2rem}.cdr-label-wrapper--large\@sm_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0::after{width:.5rem;height:.5rem}}@media (min-width: 992px) and (max-width: 1231px){.cdr-label-wrapper--small\@md_13-0-0-alpha-0{font-family:Graphik, "Helvetica Neue", sans-serif;font-style:normal;font-weight:400;letter-spacing:-0.016rem;font-size:1.4rem;line-height:1.8rem;padding-left:3.2rem}.cdr-label-wrapper--small\@md_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0{width:1.6rem;height:1.6rem}.cdr-label-wrapper--small\@md_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0::after{width:.4rem;height:.4rem}.cdr-label-wrapper--medium\@md_13-0-0-alpha-0{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;padding-left:3.2rem}.cdr-label-wrapper--medium\@md_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0{width:1.6rem;height:1.6rem}.cdr-label-wrapper--medium\@md_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0::after{width:.4rem;height:.4rem}.cdr-label-wrapper--large\@md_13-0-0-alpha-0{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;padding-left:3.6rem}.cdr-label-wrapper--large\@md_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0{width:2rem;height:2rem}.cdr-label-wrapper--large\@md_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0::after{width:.5rem;height:.5rem}}@media (min-width: 1232px){.cdr-label-wrapper--small\@lg_13-0-0-alpha-0{font-family:Graphik, "Helvetica Neue", sans-serif;font-style:normal;font-weight:400;letter-spacing:-0.016rem;font-size:1.4rem;line-height:1.8rem;padding-left:3.2rem}.cdr-label-wrapper--small\@lg_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0{width:1.6rem;height:1.6rem}.cdr-label-wrapper--small\@lg_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0::after{width:.4rem;height:.4rem}.cdr-label-wrapper--medium\@lg_13-0-0-alpha-0{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;padding-left:3.2rem}.cdr-label-wrapper--medium\@lg_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0{width:1.6rem;height:1.6rem}.cdr-label-wrapper--medium\@lg_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0::after{width:.4rem;height:.4rem}.cdr-label-wrapper--large\@lg_13-0-0-alpha-0{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;padding-left:3.6rem}.cdr-label-wrapper--large\@lg_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0{width:2rem;height:2rem}.cdr-label-wrapper--large\@lg_13-0-0-alpha-0>.cdr-label-wrapper__figure_13-0-0-alpha-0::after{width:.5rem;height:.5rem}}

package/dist/style/cdr-radio.css

@@ -1 +0,0 @@
-@import url("@rei/cedar/dist/style/cdr-label-wrapper.css");.cdr-radio_13-0-0-alpha-0 .cdr-label-wrapper__figure_13-0-0-alpha-0{border-radius:100%}.cdr-radio_13-0-0-alpha-0 .cdr-label-wrapper__figure_13-0-0-alpha-0::after{content:'';position:absolute;width:.4rem;height:.4rem;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:999.9rem}.cdr-radio__input_13-0-0-alpha-0:checked ~ .cdr-label-wrapper__figure_13-0-0-alpha-0{box-shadow:inset 0 0 0 0.1rem #4e4d49;background-color:#4e4d49}.cdr-radio__input_13-0-0-alpha-0:checked ~ .cdr-label-wrapper__figure_13-0-0-alpha-0::after{background-color:#fff}.cdr-radio_13-0-0-alpha-0:hover .cdr-label-wrapper__figure_13-0-0-alpha-0{cursor:pointer;box-shadow:inset 0 0 0 0.1rem #20201d,0 0 0 0.1rem #20201d;background-color:#f9f8f6}.cdr-radio_13-0-0-alpha-0:hover .cdr-radio__input_13-0-0-alpha-0:checked ~ .cdr-label-wrapper__figure_13-0-0-alpha-0{box-shadow:inset 0 0 0 0.1rem #4e4d49,0 0 0 0.1rem #4e4d49;background-color:#928b80}.cdr-radio__input_13-0-0-alpha-0:disabled ~ .cdr-label-wrapper__figure_13-0-0-alpha-0{cursor:not-allowed !important;box-shadow:inset 0 0 0 0.1rem #d1cbbd !important;background-color:#f9f8f6 !important}.cdr-radio__input_13-0-0-alpha-0:disabled ~ .cdr-label-wrapper__figure_13-0-0-alpha-0:after{background-color:#f9f8f6 !important}.cdr-radio__input_13-0-0-alpha-0:disabled:checked ~ .cdr-label-wrapper__figure_13-0-0-alpha-0::after{background-color:#f9f8f6 !important}.cdr-radio__input_13-0-0-alpha-0:focus ~ .cdr-label-wrapper__figure_13-0-0-alpha-0{box-shadow:inset 0 0 0 0.1rem #4e4d49,0 0 0 0.1rem #4e4d49;background-color:#f9f8f6}.cdr-radio__input_13-0-0-alpha-0:focus:checked ~ .cdr-label-wrapper__figure_13-0-0-alpha-0{background-color:#928b80}.cdr-radio_13-0-0-alpha-0:active .cdr-label-wrapper__figure_13-0-0-alpha-0,.cdr-radio_13-0-0-alpha-0:active .cdr-radio__input_13-0-0-alpha-0:checked ~ .cdr-label-wrapper__figure_13-0-0-alpha-0{box-shadow:inset 0 0 0 0.1rem #4e4d49,0 0 0 0.1rem #4e4d49;background-color:#f9f8f6}.cdr-radio_13-0-0-alpha-0:active .cdr-label-wrapper__figure_13-0-0-alpha-0::after,.cdr-radio_13-0-0-alpha-0:active .cdr-radio__input_13-0-0-alpha-0:checked ~ .cdr-label-wrapper__figure_13-0-0-alpha-0::after{background-color:#4e4d49}