@openedx/paragon 22.3.2 → 23.0.0-alpha.1

package/dist/SearchField/index.scss

@@ -1,24 +1,22 @@
-@import "variables";
-
 .pgn__searchfield {
-  transition: $input-transition;
-  border: $search-border-width solid $search-border-color;
+  transition: var(--pgn-transition-form-input);
+  border: var(--pgn-size-search-field-border-width-base) solid var(--pgn-color-search-field-border-base);
 
   .pgn__searchfield-form {
     display: flex;
     align-items: center;
     width: 100%;
-    background-color: $search-form-background-color;
+    background-color: var(--pgn-color-search-field-form-bg);
   }
 
   .btn:focus-visible {
     outline: none;
     position: relative;
-    transition: $input-transition;
+    transition: var(--pgn-transition-form-input);
 
     &::after {
       content: "";
-      border: $search-border-focus-width double $search-border-focus-color;
+      border: var(--pgn-size-search-field-border-width-focus) double var(--pgn-color-search-field-border-focus);
       position: absolute;
       width: 100%;
       height: 100%;
@@ -27,7 +25,7 @@
 
   &.disabled,
   &:disabled {
-    opacity: $search-disabled-opacity;
+    opacity: var(--pgn-other-search-field-disabled-opacity);
     pointer-events: none;
   }
 
@@ -36,26 +34,26 @@
 
     &::after {
       content: "";
-      border: $search-border-focus-width double $search-border-focus-color;
+      border: var(--pgn-size-search-field-border-width-focus) double var(--pgn-color-search-field-border-focus);
       position: absolute;
       width: 100%;
       height: 100%;
     }
 
     .pgn__searchfield_wrapper {
-      box-shadow: 0 0 0 $search-border-width $search-border-color-interaction;
+      box-shadow: 0 0 0 var(--pgn-size-search-field-border-width-base) var(--pgn-color-search-field-border-interaction);
     }
   }
 
   &:hover,
   &:active {
-    border-color: $search-border-color-interaction;
+    border-color: var(--pgn-color-search-field-border-interaction);
   }
 
   .form-control {
     border: none;
-    border-radius: $search-border-radius;
-    height: $input-height-search;
+    border-radius: var(--pgn-size-search-field-border-radius);
+    height: var(--pgn-size-search-field-search-input-height);
 
     &:focus {
       box-shadow: none;
@@ -99,7 +97,7 @@
 
         &::after {
           content: "";
-          border: $search-border-focus-width double $search-border-focus-color;
+          border: var(--pgn-size-search-field-border-width-focus) double var(--pgn-color-search-field-border-focus);
           position: absolute;
           width: 100%;
           height: 100%;
@@ -112,18 +110,18 @@
     display: flex;
     align-items: center;
     width: 100%;
-    border: $search-border-width solid $search-border-color;
+    border: var(--pgn-size-search-field-border-width-base) solid var(--pgn-color-search-field-border-base);
 
     &:hover,
     &:active {
-      border-color: $search-border-color-interaction;
+      border-color: var(--pgn-color-search-field-border-interaction);
     }
   }
 }
 
 .pgn__searchfield__button.btn[type="submit"] {
   border-radius: 0;
-  margin-inline-start: $search-button-margin;
+  margin-inline-start: var(--pgn-spacing-search-field-margin-button);
 }
 
 .pgn__searchfield__iconbutton-submit,

package/dist/SelectableBox/SelectableBoxSet.js

@@ -1,10 +1,10 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children", "name", "value", "defaultValue", "onChange", "type", "columns", "className", "ariaLabel", "ariaLabelledby"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';

package/dist/SelectableBox/SelectableBoxSet.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectableBoxSet.js","names":["React","PropTypes","classNames","getInputType","requiredWhenNot","INPUT_TYPES","DEFAULT_COLUMNS_NUMBER","SelectableBoxSet","forwardRef","_ref","ref","children","name","value","defaultValue","onChange","type","columns","className","ariaLabel","ariaLabelledby","props","_objectWithoutProperties","_excluded","inputType","createElement","_objectSpread","concat","propTypes","string","isRequired","node","func","oneOfType","number","array","oneOf","defaultProps","undefined"],"sources":["../../src/SelectableBox/SelectableBoxSet.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { getInputType } from './utils';\nimport { requiredWhenNot } from '../utils/propTypes';\n\nconst INPUT_TYPES = [\n  'radio',\n  'checkbox',\n];\n\nconst DEFAULT_COLUMNS_NUMBER = 2;\n\nconst SelectableBoxSet = React.forwardRef(({\n  children,\n  name,\n  value,\n  defaultValue,\n  onChange,\n  type,\n  columns,\n  className,\n  ariaLabel,\n  ariaLabelledby,\n  ...props\n}, ref) => {\n  const inputType = getInputType('SelectableBoxSet', type);\n\n  return React.createElement(\n    inputType,\n    {\n      name,\n      value,\n      defaultValue,\n      onChange,\n      ref,\n      className: classNames(\n        'pgn__selectable_box-set',\n        `pgn__selectable_box-set--${columns || DEFAULT_COLUMNS_NUMBER}`,\n        className,\n      ),\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      ...props,\n    },\n    children,\n  );\n});\n\nSelectableBoxSet.propTypes = {\n  /** Specifies a name for the group of `SelectableBox`'es. */\n  name: PropTypes.string.isRequired,\n  /** Content of the `SelectableBoxSet`. */\n  children: PropTypes.node,\n  /** A function that receives event of the clicked `SelectableBox` and can be used to handle the value change. */\n  onChange: PropTypes.func,\n  /** Indicates selected `SelectableBox`'es. */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),\n  /** Specifies default values for the `SelectableBox`'es. */\n  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Indicates the input type: checkbox or radio. */\n  type: PropTypes.oneOf(INPUT_TYPES),\n  /**\n   * Specifies number of `SelectableBox`'es in a row.\n   *\n   * Class that is responsible for the columns number: `pgn__selectable_box-set--{columns}`.\n   * Max number of columns: `12`.\n   */\n  columns: PropTypes.number,\n  /** A class that is be appended to the base element. */\n  className: PropTypes.string,\n  /**\n   * The ID of the label for the `SelectableBoxSet`.\n   *\n   * An accessible label must be provided to the `SelectableBoxSet`.\n   */\n  ariaLabelledby: PropTypes.string,\n  /**\n   * A label for the `SelectableBoxSet`.\n   *\n   * If not using `ariaLabelledby`, then `ariaLabel` must be provided */\n  ariaLabel: requiredWhenNot(PropTypes.string, 'ariaLabelledby'),\n};\n\nSelectableBoxSet.defaultProps = {\n  children: undefined,\n  onChange: () => {},\n  value: undefined,\n  defaultValue: undefined,\n  type: 'radio',\n  columns: DEFAULT_COLUMNS_NUMBER,\n  className: undefined,\n  ariaLabelledby: undefined,\n  ariaLabel: undefined,\n};\n\nexport default SelectableBoxSet;\n"],"mappings":"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"}
+{"version":3,"file":"SelectableBoxSet.js","names":["React","PropTypes","classNames","getInputType","requiredWhenNot","INPUT_TYPES","DEFAULT_COLUMNS_NUMBER","SelectableBoxSet","forwardRef","_ref","ref","children","name","value","defaultValue","onChange","type","columns","className","ariaLabel","ariaLabelledby","props","_objectWithoutProperties","_excluded","inputType","createElement","_objectSpread","concat","propTypes","string","isRequired","node","func","oneOfType","number","array","oneOf","defaultProps","undefined"],"sources":["../../src/SelectableBox/SelectableBoxSet.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { getInputType } from './utils';\nimport { requiredWhenNot } from '../utils/propTypes';\n\nconst INPUT_TYPES = [\n  'radio',\n  'checkbox',\n];\n\nconst DEFAULT_COLUMNS_NUMBER = 2;\n\nconst SelectableBoxSet = React.forwardRef(({\n  children,\n  name,\n  value,\n  defaultValue,\n  onChange,\n  type,\n  columns,\n  className,\n  ariaLabel,\n  ariaLabelledby,\n  ...props\n}, ref) => {\n  const inputType = getInputType('SelectableBoxSet', type);\n\n  return React.createElement(\n    inputType,\n    {\n      name,\n      value,\n      defaultValue,\n      onChange,\n      ref,\n      className: classNames(\n        'pgn__selectable_box-set',\n        `pgn__selectable_box-set--${columns || DEFAULT_COLUMNS_NUMBER}`,\n        className,\n      ),\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      ...props,\n    },\n    children,\n  );\n});\n\nSelectableBoxSet.propTypes = {\n  /** Specifies a name for the group of `SelectableBox`'es. */\n  name: PropTypes.string.isRequired,\n  /** Content of the `SelectableBoxSet`. */\n  children: PropTypes.node,\n  /** A function that receives event of the clicked `SelectableBox` and can be used to handle the value change. */\n  onChange: PropTypes.func,\n  /** Indicates selected `SelectableBox`'es. */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),\n  /** Specifies default values for the `SelectableBox`'es. */\n  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Indicates the input type: checkbox or radio. */\n  type: PropTypes.oneOf(INPUT_TYPES),\n  /**\n   * Specifies number of `SelectableBox`'es in a row.\n   *\n   * Class that is responsible for the columns number: `pgn__selectable_box-set--{columns}`.\n   * Max number of columns: `12`.\n   */\n  columns: PropTypes.number,\n  /** A class that is be appended to the base element. */\n  className: PropTypes.string,\n  /**\n   * The ID of the label for the `SelectableBoxSet`.\n   *\n   * An accessible label must be provided to the `SelectableBoxSet`.\n   */\n  ariaLabelledby: PropTypes.string,\n  /**\n   * A label for the `SelectableBoxSet`.\n   *\n   * If not using `ariaLabelledby`, then `ariaLabel` must be provided */\n  ariaLabel: requiredWhenNot(PropTypes.string, 'ariaLabelledby'),\n};\n\nSelectableBoxSet.defaultProps = {\n  children: undefined,\n  onChange: () => {},\n  value: undefined,\n  defaultValue: undefined,\n  type: 'radio',\n  columns: DEFAULT_COLUMNS_NUMBER,\n  className: undefined,\n  ariaLabelledby: undefined,\n  ariaLabel: undefined,\n};\n\nexport default SelectableBoxSet;\n"],"mappings":"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","ignoreList":[]}

package/dist/SelectableBox/index.js

@@ -1,11 +1,11 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["type", "value", "checked", "children", "isIndeterminate", "isInvalid", "onClick", "onFocus", "inputHidden", "className", "showActiveBoxState"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useRef, useEffect } from 'react';

package/dist/SelectableBox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useRef","useEffect","PropTypes","classNames","SelectableBoxSet","useCheckboxSetContext","useRadioSetContext","getInputType","INPUT_TYPES","SelectableBox","forwardRef","_ref","ref","type","value","checked","children","isIndeterminate","isInvalid","onClick","onFocus","inputHidden","className","showActiveBoxState","props","_objectWithoutProperties","_excluded","inputType","_useRadioSetContext","radioValue","_useCheckboxSetContex","_useCheckboxSetContex2","checkboxValues","isChecked","includes","inputRef","input","createElement","_objectSpread","hidden","tabIndex","onChange","current","onclick","_extends","role","onKeyPress","click","propTypes","node","isRequired","oneOfType","string","number","bool","oneOf","func","defaultProps","undefined","Set"],"sources":["../../src/SelectableBox/index.jsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport SelectableBoxSet from './SelectableBoxSet';\nimport { useCheckboxSetContext } from '../Form/FormCheckboxSetContext';\nimport { useRadioSetContext } from '../Form/FormRadioSetContext';\nimport { getInputType } from './utils';\n\nconst INPUT_TYPES = [\n  'radio',\n  'checkbox',\n];\n\nconst SelectableBox = React.forwardRef(({\n  type,\n  value,\n  checked,\n  children,\n  isIndeterminate,\n  isInvalid,\n  onClick,\n  onFocus,\n  inputHidden,\n  className,\n  showActiveBoxState,\n  ...props\n}, ref) => {\n  const inputType = getInputType('SelectableBox', type);\n  const { value: radioValue } = useRadioSetContext();\n  const { value: checkboxValues = [] } = useCheckboxSetContext();\n\n  const isChecked = () => {\n    switch (type) {\n      case 'radio':\n        return radioValue === value;\n      case 'checkbox':\n        return checkboxValues.includes(value);\n      default:\n        return radioValue === value;\n    }\n  };\n\n  const inputRef = useRef(null);\n  const input = React.createElement(inputType, {\n    value,\n    checked,\n    hidden: inputHidden,\n    ref: inputRef,\n    tabIndex: -1,\n    onChange: () => {},\n    ...(type === 'checkbox' ? { ...props, isIndeterminate } : { ...props }),\n  }, null);\n\n  useEffect(() => {\n    if (onClick && inputRef.current) {\n      inputRef.current.onclick = () => onClick(inputRef.current);\n    }\n  }, [onClick]);\n\n  return (\n    <div\n      role=\"button\"\n      onKeyPress={() => inputRef.current.click()}\n      onClick={() => inputRef.current.click()}\n      onFocus={onFocus}\n      className={classNames('pgn__selectable_box', className, {\n        'pgn__selectable_box-active': (!inputHidden && !showActiveBoxState) ? false : isChecked() || checked,\n        'pgn__selectable_box-invalid': isInvalid,\n      })}\n      tabIndex={0}\n      ref={ref}\n      {...props}\n    >\n      {input}\n      {children}\n    </div>\n  );\n});\n\nSelectableBox.propTypes = {\n  /** Content of the `SelectableBox`. */\n  children: PropTypes.node.isRequired,\n  /** A value that is passed to the input tag. */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Controls whether `SelectableBox` is checked. */\n  checked: PropTypes.bool,\n  /** Indicates the input type: checkbox or radio. */\n  type: PropTypes.oneOf(INPUT_TYPES),\n  /** Function that is called when the `SelectableBox` is clicked. */\n  onClick: PropTypes.func,\n  /** Function that is called when the `SelectableBox` is focused. */\n  onFocus: PropTypes.func,\n  /** Controls display of the input (checkbox or radio button) on the `SelectableBox`. */\n  inputHidden: PropTypes.bool,\n  /** Indicates a state for the 'checkbox' `type` when `SelectableBox` is neither checked nor unchecked. */\n  isIndeterminate: PropTypes.bool,\n  /** Adds errors styles to the `SelectableBox`. */\n  isInvalid: PropTypes.bool,\n  /** A class that is appended to the base element. */\n  className: PropTypes.string,\n  /** Controls the visibility of the active state for the `SelectableBox`. */\n  showActiveBoxState: PropTypes.bool,\n};\n\nSelectableBox.defaultProps = {\n  value: undefined,\n  checked: false,\n  type: 'radio',\n  onClick: () => {},\n  onFocus: () => {},\n  inputHidden: true,\n  isIndeterminate: false,\n  isInvalid: false,\n  className: undefined,\n  showActiveBoxState: true,\n};\n\nSelectableBox.Set = SelectableBoxSet;\nexport default SelectableBox;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useRef","useEffect","PropTypes","classNames","SelectableBoxSet","useCheckboxSetContext","useRadioSetContext","getInputType","INPUT_TYPES","SelectableBox","forwardRef","_ref","ref","type","value","checked","children","isIndeterminate","isInvalid","onClick","onFocus","inputHidden","className","showActiveBoxState","props","_objectWithoutProperties","_excluded","inputType","_useRadioSetContext","radioValue","_useCheckboxSetContex","_useCheckboxSetContex2","checkboxValues","isChecked","includes","inputRef","input","createElement","_objectSpread","hidden","tabIndex","onChange","current","onclick","_extends","role","onKeyPress","click","propTypes","node","isRequired","oneOfType","string","number","bool","oneOf","func","defaultProps","undefined","Set"],"sources":["../../src/SelectableBox/index.jsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport SelectableBoxSet from './SelectableBoxSet';\nimport { useCheckboxSetContext } from '../Form/FormCheckboxSetContext';\nimport { useRadioSetContext } from '../Form/FormRadioSetContext';\nimport { getInputType } from './utils';\n\nconst INPUT_TYPES = [\n  'radio',\n  'checkbox',\n];\n\nconst SelectableBox = React.forwardRef(({\n  type,\n  value,\n  checked,\n  children,\n  isIndeterminate,\n  isInvalid,\n  onClick,\n  onFocus,\n  inputHidden,\n  className,\n  showActiveBoxState,\n  ...props\n}, ref) => {\n  const inputType = getInputType('SelectableBox', type);\n  const { value: radioValue } = useRadioSetContext();\n  const { value: checkboxValues = [] } = useCheckboxSetContext();\n\n  const isChecked = () => {\n    switch (type) {\n      case 'radio':\n        return radioValue === value;\n      case 'checkbox':\n        return checkboxValues.includes(value);\n      default:\n        return radioValue === value;\n    }\n  };\n\n  const inputRef = useRef(null);\n  const input = React.createElement(inputType, {\n    value,\n    checked,\n    hidden: inputHidden,\n    ref: inputRef,\n    tabIndex: -1,\n    onChange: () => {},\n    ...(type === 'checkbox' ? { ...props, isIndeterminate } : { ...props }),\n  }, null);\n\n  useEffect(() => {\n    if (onClick && inputRef.current) {\n      inputRef.current.onclick = () => onClick(inputRef.current);\n    }\n  }, [onClick]);\n\n  return (\n    <div\n      role=\"button\"\n      onKeyPress={() => inputRef.current.click()}\n      onClick={() => inputRef.current.click()}\n      onFocus={onFocus}\n      className={classNames('pgn__selectable_box', className, {\n        'pgn__selectable_box-active': (!inputHidden && !showActiveBoxState) ? false : isChecked() || checked,\n        'pgn__selectable_box-invalid': isInvalid,\n      })}\n      tabIndex={0}\n      ref={ref}\n      {...props}\n    >\n      {input}\n      {children}\n    </div>\n  );\n});\n\nSelectableBox.propTypes = {\n  /** Content of the `SelectableBox`. */\n  children: PropTypes.node.isRequired,\n  /** A value that is passed to the input tag. */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /** Controls whether `SelectableBox` is checked. */\n  checked: PropTypes.bool,\n  /** Indicates the input type: checkbox or radio. */\n  type: PropTypes.oneOf(INPUT_TYPES),\n  /** Function that is called when the `SelectableBox` is clicked. */\n  onClick: PropTypes.func,\n  /** Function that is called when the `SelectableBox` is focused. */\n  onFocus: PropTypes.func,\n  /** Controls display of the input (checkbox or radio button) on the `SelectableBox`. */\n  inputHidden: PropTypes.bool,\n  /** Indicates a state for the 'checkbox' `type` when `SelectableBox` is neither checked nor unchecked. */\n  isIndeterminate: PropTypes.bool,\n  /** Adds errors styles to the `SelectableBox`. */\n  isInvalid: PropTypes.bool,\n  /** A class that is appended to the base element. */\n  className: PropTypes.string,\n  /** Controls the visibility of the active state for the `SelectableBox`. */\n  showActiveBoxState: PropTypes.bool,\n};\n\nSelectableBox.defaultProps = {\n  value: undefined,\n  checked: false,\n  type: 'radio',\n  onClick: () => {},\n  onFocus: () => {},\n  inputHidden: true,\n  isIndeterminate: false,\n  isInvalid: false,\n  className: undefined,\n  showActiveBoxState: true,\n};\n\nSelectableBox.Set = SelectableBoxSet;\nexport default SelectableBox;\n"],"mappings":"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","ignoreList":[]}

package/dist/SelectableBox/index.scss

@@ -1,11 +1,9 @@
-@import "variables";
-
 .pgn__selectable_box-set {
   display: grid;
   grid-auto-rows: 1fr;
-  grid-gap: $selectable-box-space;
+  grid-gap: var(--pgn-spacing-selectable-box-box-space);
 
-  @for $i from $min-cols-number through $max-cols-number {
+  @for $i from 1 through 12 {
     &.pgn__selectable_box-set--#{$i} {
       grid-template-columns: repeat(#{$i}, 1fr);
     }
@@ -19,21 +17,21 @@
 .pgn__selectable_box {
   position: relative;
   height: 100%;
-  padding: $selectable-box-padding;
-  box-shadow: $level-1-box-shadow;
-  border-radius: $selectable-box-border-radius;
+  padding: var(--pgn-spacing-selectable-box-padding);
+  box-shadow: var(--pgn-elevation-box-shadow-level-1);
+  border-radius: var(--pgn-spacing-selectable-box-border-radius);
   text-align: start;
-  background: $white;
+  background: var(--pgn-color-white);
 
   &:focus-visible {
-    outline: 1px solid $primary-700;
+    outline: 1px solid var(--pgn-color-primary-700);
   }
 
   .pgn__form-radio,
   .pgn__form-checkbox {
     position: absolute;
-    top: $selectable-box-padding;
-    inset-inline-end: $selectable-box-padding;
+    top: var(--pgn-spacing-selectable-box-padding);
+    inset-inline-end: var(--pgn-spacing-selectable-box-padding);
 
     input {
       margin-inline-end: 0;
@@ -46,9 +44,9 @@
 }
 
 .pgn__selectable_box-active {
-  outline: 2px solid $primary-500;
+  outline: 2px solid var(--pgn-color-primary-500);
 }
 
 .pgn__selectable_box-invalid {
-  outline: 2px solid $danger-300;
+  outline: 2px solid var(--pgn-color-danger-300);
 }

package/dist/Sheet/SheetContainer.js

@@ -1,15 +1,15 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 import React from 'react';
 import ReactDOM from 'react-dom';

package/dist/Sheet/SheetContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SheetContainer.js","names":["React","ReactDOM","PropTypes","SheetContainer","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","sheetRootName","document","rootElement","getElementById","createElement","setAttribute","body","appendChild","_createClass","key","value","render","createPortal","children","Component","propTypes","node","isRequired"],"sources":["../../src/Sheet/SheetContainer.jsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\n\nclass SheetContainer extends React.Component {\n  constructor(props) {\n    super(props);\n    this.sheetRootName = 'sheet-root';\n    if (typeof document === 'undefined') {\n      this.rootElement = null;\n    } else if (document.getElementById(this.sheetRootName)) {\n      this.rootElement = document.getElementById(this.sheetRootName);\n    } else {\n      const rootElement = document.createElement('div');\n      rootElement.setAttribute('id', this.sheetRootName);\n      rootElement.setAttribute('class', 'sheet-container');\n      rootElement.setAttribute('data-testid', 'sheet-container');\n      this.rootElement = document.body.appendChild(rootElement);\n    }\n  }\n\n  render() {\n    if (this.rootElement) {\n      return ReactDOM.createPortal(\n        this.props.children,\n        this.rootElement,\n      );\n    }\n    return null;\n  }\n}\n\nSheetContainer.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default SheetContainer;\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;AAChC,OAAOC,SAAS,MAAM,YAAY;AAAC,IAE7BC,cAAc,0BAAAC,gBAAA;EAAAC,SAAA,CAAAF,cAAA,EAAAC,gBAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,cAAA;EAClB,SAAAA,eAAYK,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAAC,eAAA,OAAAP,cAAA;IACjBM,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,KAAK;IACXC,KAAA,CAAKG,aAAa,GAAG,YAAY;IACjC,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;MACnCJ,KAAA,CAAKK,WAAW,GAAG,IAAI;IACzB,CAAC,MAAM,IAAID,QAAQ,CAACE,cAAc,CAACN,KAAA,CAAKG,aAAa,CAAC,EAAE;MACtDH,KAAA,CAAKK,WAAW,GAAGD,QAAQ,CAACE,cAAc,CAACN,KAAA,CAAKG,aAAa,CAAC;IAChE,CAAC,MAAM;MACL,IAAME,WAAW,GAAGD,QAAQ,CAACG,aAAa,CAAC,KAAK,CAAC;MACjDF,WAAW,CAACG,YAAY,CAAC,IAAI,EAAER,KAAA,CAAKG,aAAa,CAAC;MAClDE,WAAW,CAACG,YAAY,CAAC,OAAO,EAAE,iBAAiB,CAAC;MACpDH,WAAW,CAACG,YAAY,CAAC,aAAa,EAAE,iBAAiB,CAAC;MAC1DR,KAAA,CAAKK,WAAW,GAAGD,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACL,WAAW,CAAC;IAC3D;IAAC,OAAAL,KAAA;EACH;EAACW,YAAA,CAAAjB,cAAA;IAAAkB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAS;MACP,IAAI,IAAI,CAACT,WAAW,EAAE;QACpB,oBAAOb,QAAQ,CAACuB,YAAY,CAC1B,IAAI,CAAChB,KAAK,CAACiB,QAAQ,EACnB,IAAI,CAACX,WACP,CAAC;MACH;MACA,OAAO,IAAI;IACb;EAAC;EAAA,OAAAX,cAAA;AAAA,EAzB0BH,KAAK,CAAC0B,SAAS;AA4B5CvB,cAAc,CAACwB,SAAS,GAAG;EACzBF,QAAQ,EAAEvB,SAAS,CAAC0B,IAAI,CAACC;AAC3B,CAAC;AAED,eAAe1B,cAAc"}
+{"version":3,"file":"SheetContainer.js","names":["React","ReactDOM","PropTypes","SheetContainer","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","sheetRootName","document","rootElement","getElementById","createElement","setAttribute","body","appendChild","_createClass","key","value","render","createPortal","children","Component","propTypes","node","isRequired"],"sources":["../../src/Sheet/SheetContainer.jsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\n\nclass SheetContainer extends React.Component {\n  constructor(props) {\n    super(props);\n    this.sheetRootName = 'sheet-root';\n    if (typeof document === 'undefined') {\n      this.rootElement = null;\n    } else if (document.getElementById(this.sheetRootName)) {\n      this.rootElement = document.getElementById(this.sheetRootName);\n    } else {\n      const rootElement = document.createElement('div');\n      rootElement.setAttribute('id', this.sheetRootName);\n      rootElement.setAttribute('class', 'sheet-container');\n      rootElement.setAttribute('data-testid', 'sheet-container');\n      this.rootElement = document.body.appendChild(rootElement);\n    }\n  }\n\n  render() {\n    if (this.rootElement) {\n      return ReactDOM.createPortal(\n        this.props.children,\n        this.rootElement,\n      );\n    }\n    return null;\n  }\n}\n\nSheetContainer.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default SheetContainer;\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,WAAW;AAChC,OAAOC,SAAS,MAAM,YAAY;AAAC,IAE7BC,cAAc,0BAAAC,gBAAA;EAAAC,SAAA,CAAAF,cAAA,EAAAC,gBAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,cAAA;EAClB,SAAAA,eAAYK,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAAC,eAAA,OAAAP,cAAA;IACjBM,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,KAAK;IACXC,KAAA,CAAKG,aAAa,GAAG,YAAY;IACjC,IAAI,OAAOC,QAAQ,KAAK,WAAW,EAAE;MACnCJ,KAAA,CAAKK,WAAW,GAAG,IAAI;IACzB,CAAC,MAAM,IAAID,QAAQ,CAACE,cAAc,CAACN,KAAA,CAAKG,aAAa,CAAC,EAAE;MACtDH,KAAA,CAAKK,WAAW,GAAGD,QAAQ,CAACE,cAAc,CAACN,KAAA,CAAKG,aAAa,CAAC;IAChE,CAAC,MAAM;MACL,IAAME,WAAW,GAAGD,QAAQ,CAACG,aAAa,CAAC,KAAK,CAAC;MACjDF,WAAW,CAACG,YAAY,CAAC,IAAI,EAAER,KAAA,CAAKG,aAAa,CAAC;MAClDE,WAAW,CAACG,YAAY,CAAC,OAAO,EAAE,iBAAiB,CAAC;MACpDH,WAAW,CAACG,YAAY,CAAC,aAAa,EAAE,iBAAiB,CAAC;MAC1DR,KAAA,CAAKK,WAAW,GAAGD,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACL,WAAW,CAAC;IAC3D;IAAC,OAAAL,KAAA;EACH;EAACW,YAAA,CAAAjB,cAAA;IAAAkB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAS;MACP,IAAI,IAAI,CAACT,WAAW,EAAE;QACpB,oBAAOb,QAAQ,CAACuB,YAAY,CAC1B,IAAI,CAAChB,KAAK,CAACiB,QAAQ,EACnB,IAAI,CAACX,WACP,CAAC;MACH;MACA,OAAO,IAAI;IACb;EAAC;EAAA,OAAAX,cAAA;AAAA,EAzB0BH,KAAK,CAAC0B,SAAS;AA4B5CvB,cAAc,CAACwB,SAAS,GAAG;EACzBF,QAAQ,EAAEvB,SAAS,CAAC0B,IAAI,CAACC;AAC3B,CAAC;AAED,eAAe1B,cAAc","ignoreList":[]}

package/dist/Sheet/index.js

@@ -1,15 +1,15 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 import React from 'react';
 import PropTypes from 'prop-types';

package/dist/Sheet/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","FocusOn","SheetContainer","POSITIONS","left","right","top","bottom","VARIANTS","light","dark","Sheet","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","wrapperRef","createRef","renderSheet","bind","_assertThisInitialized","_createClass","key","value","_this$props","children","position","variant","createElement","className","concat","role","render","_this$props2","blocking","show","onClose","hidden","onClickOutside","onEscapeKey","shards","Component","propTypes","bool","node","oneOf","func","defaultProps","undefined"],"sources":["../../src/Sheet/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { FocusOn } from 'react-focus-on';\n\nimport SheetContainer from './SheetContainer';\n\nexport const POSITIONS = {\n  left: 'left',\n  right: 'right',\n  top: 'top',\n  bottom: 'bottom',\n};\n\nexport const VARIANTS = {\n  light: 'light',\n  dark: 'dark',\n};\n\nclass Sheet extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.wrapperRef = React.createRef();\n    this.renderSheet = this.renderSheet.bind(this);\n  }\n\n  renderSheet() {\n    const { children, position, variant } = this.props;\n    return (\n      <div\n        className={classNames(\n          'pgn__sheet-component',\n          `pgn__sheet__${variant}`,\n          position,\n        )}\n        role=\"alert\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n      >\n        <div className=\"pgn__sheet-content\">\n          { children }\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    const {\n      blocking,\n      show,\n      onClose,\n    } = this.props;\n    if (!show) {\n      return null;\n    }\n    return (\n      <SheetContainer>\n        <div\n          className={classNames(\n            'pgn__sheet-skrim',\n            { hidden: !blocking },\n          )}\n          role=\"presentation\"\n        />\n        <FocusOn\n          onClickOutside={blocking ? () => {} : onClose}\n          onEscapeKey={blocking ? () => {} : onClose}\n          shards={[this.wrapperRef]}\n        >\n          {this.renderSheet()}\n        </FocusOn>\n      </SheetContainer>\n    );\n  }\n}\n\nSheet.propTypes = {\n  /** specifies whether the sheet provides a click-blocking scrim */\n  blocking: PropTypes.bool,\n  /** an element rendered inside the sheet */\n  children: PropTypes.node,\n  /** a string designating the sheet's position on the window */\n  position: PropTypes.oneOf([\n    POSITIONS.left,\n    POSITIONS.right,\n    POSITIONS.top,\n    POSITIONS.bottom,\n  ]),\n  /** Boolean used to control whether the Sheet shows. */\n  show: PropTypes.bool,\n  /** Specifies function that controls `show` value. */\n  onClose: PropTypes.func,\n  /** a string designating which version of the sheet to show (light vs dark) */\n  variant: PropTypes.oneOf([VARIANTS.light, VARIANTS.dark]),\n};\n\nSheet.defaultProps = {\n  blocking: false,\n  children: undefined,\n  position: POSITIONS.bottom,\n  show: true,\n  onClose: () => {},\n  variant: VARIANTS.light,\n};\n\nexport default Sheet;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","FocusOn","SheetContainer","POSITIONS","left","right","top","bottom","VARIANTS","light","dark","Sheet","_React$Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","wrapperRef","createRef","renderSheet","bind","_assertThisInitialized","_createClass","key","value","_this$props","children","position","variant","createElement","className","concat","role","render","_this$props2","blocking","show","onClose","hidden","onClickOutside","onEscapeKey","shards","Component","propTypes","bool","node","oneOf","func","defaultProps","undefined"],"sources":["../../src/Sheet/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { FocusOn } from 'react-focus-on';\n\nimport SheetContainer from './SheetContainer';\n\nexport const POSITIONS = {\n  left: 'left',\n  right: 'right',\n  top: 'top',\n  bottom: 'bottom',\n};\n\nexport const VARIANTS = {\n  light: 'light',\n  dark: 'dark',\n};\n\nclass Sheet extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.wrapperRef = React.createRef();\n    this.renderSheet = this.renderSheet.bind(this);\n  }\n\n  renderSheet() {\n    const { children, position, variant } = this.props;\n    return (\n      <div\n        className={classNames(\n          'pgn__sheet-component',\n          `pgn__sheet__${variant}`,\n          position,\n        )}\n        role=\"alert\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n      >\n        <div className=\"pgn__sheet-content\">\n          { children }\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    const {\n      blocking,\n      show,\n      onClose,\n    } = this.props;\n    if (!show) {\n      return null;\n    }\n    return (\n      <SheetContainer>\n        <div\n          className={classNames(\n            'pgn__sheet-skrim',\n            { hidden: !blocking },\n          )}\n          role=\"presentation\"\n        />\n        <FocusOn\n          onClickOutside={blocking ? () => {} : onClose}\n          onEscapeKey={blocking ? () => {} : onClose}\n          shards={[this.wrapperRef]}\n        >\n          {this.renderSheet()}\n        </FocusOn>\n      </SheetContainer>\n    );\n  }\n}\n\nSheet.propTypes = {\n  /** specifies whether the sheet provides a click-blocking scrim */\n  blocking: PropTypes.bool,\n  /** an element rendered inside the sheet */\n  children: PropTypes.node,\n  /** a string designating the sheet's position on the window */\n  position: PropTypes.oneOf([\n    POSITIONS.left,\n    POSITIONS.right,\n    POSITIONS.top,\n    POSITIONS.bottom,\n  ]),\n  /** Boolean used to control whether the Sheet shows. */\n  show: PropTypes.bool,\n  /** Specifies function that controls `show` value. */\n  onClose: PropTypes.func,\n  /** a string designating which version of the sheet to show (light vs dark) */\n  variant: PropTypes.oneOf([VARIANTS.light, VARIANTS.dark]),\n};\n\nSheet.defaultProps = {\n  blocking: false,\n  children: undefined,\n  position: POSITIONS.bottom,\n  show: true,\n  onClose: () => {},\n  variant: VARIANTS.light,\n};\n\nexport default Sheet;\n"],"mappings":"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","ignoreList":[]}

package/dist/Sheet/index.scss

@@ -1,7 +1,7 @@
 .pgn__sheet-skrim {
   width: 100%;
   height: 100%;
-  background-color: rgba(196, 196, 196, .5);
+  background-color: var(--pgn-color-sheet-skrim-bg);
   position: fixed;
   top: 0;
   left: 0;
@@ -10,17 +10,17 @@
     display: none;
   }
 
-  z-index: $zindex-sheet-backdrop;
+  z-index: var(--pgn-elevation-sheet-zindex-backdrop);
 }
 
 %component-left {
   left: 0;
-  box-shadow: 8px 0 16px 0 rgba(0, 0, 0, .15);
+  box-shadow: 8px 0 16px 0 var(--pgn-color-sheet-skrim-component-box-shadow);
 }
 
 %component-right {
   right: 0;
-  box-shadow: -8px 0 16px 0 rgba(0, 0, 0, .15);
+  box-shadow: -8px 0 16px 0 var(--pgn-color-sheet-skrim-component-box-shadow);
 }
 
 .pgn__sheet-component-left {
@@ -34,22 +34,22 @@
 .pgn__sheet-component {
   position: fixed;
   padding: 1.25rem;
-  background-color: white;
-  z-index: $zindex-sheet;
+  background-color: var(--pgn-color-white);
+  z-index: var(--pgn-elevation-sheet-zindex-main);
 
   &.pgn__sheet__dark {
-    background-color: $dark-500;
-    color: $light-300;
+    background-color: var(--pgn-color-dark-500);
+    color: var(--pgn-color-light-300);
   }
 
   &.bottom {
     bottom: 0;
-    box-shadow: 0 -8px 16px 0 rgba(0, 0, 0, .15);
+    box-shadow: 0 -8px 16px 0 var(--pgn-color-sheet-skrim-component-box-shadow);
   }
 
   &.top {
     top: 0;
-    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .15);
+    box-shadow: 0 8px 16px 0 var(--pgn-color-sheet-skrim-component-box-shadow);
   }
 
   &.left {

package/dist/Skeleton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","SkeletonTheme"],"sources":["../../src/Skeleton/index.jsx"],"sourcesContent":["export { default, SkeletonTheme } from 'react-loading-skeleton';\n"],"mappings":"AAAA,SAASA,OAAO,EAAEC,aAAa,QAAQ,wBAAwB"}
+{"version":3,"file":"index.js","names":["default","SkeletonTheme"],"sources":["../../src/Skeleton/index.jsx"],"sourcesContent":["export { default, SkeletonTheme } from 'react-loading-skeleton';\n"],"mappings":"AAAA,SAASA,OAAO,EAAEC,aAAa,QAAQ,wBAAwB","ignoreList":[]}

package/dist/Spinner/index.js

@@ -1,11 +1,11 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["className", "screenReaderText"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';

package/dist/Spinner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classNames","BaseSpinner","Spinner","forwardRef","_ref","ref","className","screenReaderText","attrs","_objectWithoutProperties","_excluded","spinnerProps","_objectSpread","role","undefined","createElement","_extends","propTypes","string","node","defaultProps"],"sources":["../../src/Spinner/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport BaseSpinner from 'react-bootstrap/Spinner';\n\nconst Spinner = React.forwardRef(({\n  className,\n  screenReaderText,\n  ...attrs\n}, ref) => {\n  const spinnerProps = {\n    ...attrs,\n    className: classNames('pgn__spinner', className),\n    role: screenReaderText ? 'status' : undefined,\n  };\n  return (\n    <BaseSpinner {...spinnerProps} ref={ref}>\n      {screenReaderText && <span className=\"sr-only\">{screenReaderText}</span>}\n    </BaseSpinner>\n  );\n});\n\nSpinner.propTypes = {\n  /** Specifies the class name for the component. */\n  className: PropTypes.string,\n  /** Specifies the screen reader content for a11y. */\n  screenReaderText: PropTypes.node,\n};\n\nSpinner.defaultProps = {\n  className: undefined,\n  screenReaderText: undefined,\n};\n\nexport default Spinner;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAAM,yBAAyB;AAEjD,IAAMC,OAAO,gBAAGJ,KAAK,CAACK,UAAU,CAAC,UAAAC,IAAA,EAI9BC,GAAG,EAAK;EAAA,IAHTC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;IACbC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,IAAMC,YAAY,GAAAC,aAAA,CAAAA,aAAA,KACbJ,KAAK;IACRF,SAAS,EAAEN,UAAU,CAAC,cAAc,EAAEM,SAAS,CAAC;IAChDO,IAAI,EAAEN,gBAAgB,GAAG,QAAQ,GAAGO;EAAS,EAC9C;EACD,oBACEhB,KAAA,CAAAiB,aAAA,CAACd,WAAW,EAAAe,QAAA,KAAKL,YAAY;IAAEN,GAAG,EAAEA;EAAI,IACrCE,gBAAgB,iBAAIT,KAAA,CAAAiB,aAAA;IAAMT,SAAS,EAAC;EAAS,GAAEC,gBAAuB,CAC5D,CAAC;AAElB,CAAC,CAAC;AAEFL,OAAO,CAACe,SAAS,GAAG;EAClB;EACAX,SAAS,EAAEP,SAAS,CAACmB,MAAM;EAC3B;EACAX,gBAAgB,EAAER,SAAS,CAACoB;AAC9B,CAAC;AAEDjB,OAAO,CAACkB,YAAY,GAAG;EACrBd,SAAS,EAAEQ,SAAS;EACpBP,gBAAgB,EAAEO;AACpB,CAAC;AAED,eAAeZ,OAAO"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classNames","BaseSpinner","Spinner","forwardRef","_ref","ref","className","screenReaderText","attrs","_objectWithoutProperties","_excluded","spinnerProps","_objectSpread","role","undefined","createElement","_extends","propTypes","string","node","defaultProps"],"sources":["../../src/Spinner/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport BaseSpinner from 'react-bootstrap/Spinner';\n\nconst Spinner = React.forwardRef(({\n  className,\n  screenReaderText,\n  ...attrs\n}, ref) => {\n  const spinnerProps = {\n    ...attrs,\n    className: classNames('pgn__spinner', className),\n    role: screenReaderText ? 'status' : undefined,\n  };\n  return (\n    <BaseSpinner {...spinnerProps} ref={ref}>\n      {screenReaderText && <span className=\"sr-only\">{screenReaderText}</span>}\n    </BaseSpinner>\n  );\n});\n\nSpinner.propTypes = {\n  /** Specifies the class name for the component. */\n  className: PropTypes.string,\n  /** Specifies the screen reader content for a11y. */\n  screenReaderText: PropTypes.node,\n};\n\nSpinner.defaultProps = {\n  className: undefined,\n  screenReaderText: undefined,\n};\n\nexport default Spinner;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,WAAW,MAAM,yBAAyB;AAEjD,IAAMC,OAAO,gBAAGJ,KAAK,CAACK,UAAU,CAAC,UAAAC,IAAA,EAI9BC,GAAG,EAAK;EAAA,IAHTC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;IACbC,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,IAAMC,YAAY,GAAAC,aAAA,CAAAA,aAAA,KACbJ,KAAK;IACRF,SAAS,EAAEN,UAAU,CAAC,cAAc,EAAEM,SAAS,CAAC;IAChDO,IAAI,EAAEN,gBAAgB,GAAG,QAAQ,GAAGO;EAAS,EAC9C;EACD,oBACEhB,KAAA,CAAAiB,aAAA,CAACd,WAAW,EAAAe,QAAA,KAAKL,YAAY;IAAEN,GAAG,EAAEA;EAAI,IACrCE,gBAAgB,iBAAIT,KAAA,CAAAiB,aAAA;IAAMT,SAAS,EAAC;EAAS,GAAEC,gBAAuB,CAC5D,CAAC;AAElB,CAAC,CAAC;AAEFL,OAAO,CAACe,SAAS,GAAG;EAClB;EACAX,SAAS,EAAEP,SAAS,CAACmB,MAAM;EAC3B;EACAX,gBAAgB,EAAER,SAAS,CAACoB;AAC9B,CAAC;AAEDjB,OAAO,CAACkB,YAAY,GAAG;EACrBd,SAAS,EAAEQ,SAAS;EACpBP,gBAAgB,EAAEO;AACpB,CAAC;AAED,eAAeZ,OAAO","ignoreList":[]}

package/dist/Spinner/index.scss

@@ -1,2 +1,57 @@
-@import "variables";
-@import "~bootstrap/scss/spinners";
+@keyframes spinner-border {
+  to { transform: rotate(360deg); }
+}
+
+.spinner-border {
+  display: inline-block;
+  width: var(--pgn-size-spinner-base-width);
+  height: var(--pgn-size-spinner-base-height);
+  vertical-align: calc(var(--pgn-spacing-vertical-align) * -1);
+  border: var(--pgn-size-spinner-base-border-width) solid currentcolor;
+  border-right-color: transparent;
+  border-radius: 50%;
+  animation: .75s linear infinite spinner-border;
+}
+
+.spinner-border-sm {
+  width: var(--pgn-size-spinner-sm-width);
+  height: var(--pgn-size-spinner-sm-height);
+  border-width: var(--pgn-size-spinner-sm-border-width);
+}
+
+@keyframes spinner-grow {
+  0% {
+    transform: scale(0);
+  }
+
+  50% {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.spinner-grow {
+  display: inline-block;
+  width: var(--pgn-size-spinner-base-width);
+  height: var(--pgn-size-spinner-base-height);
+  vertical-align: calc(var(--pgn-spacing-vertical-align) * -1);
+  background-color: currentcolor;
+  border-radius: 50%;
+  opacity: 0;
+  animation: .75s linear infinite spinner-grow;
+}
+
+.spinner-grow-sm {
+  width: var(--pgn-size-spinner-sm-width);
+  height: var(--pgn-size-spinner-sm-height);
+}
+
+@if $enable-prefers-reduced-motion-media-query {
+  @media (prefers-reduced-motion: reduce) {
+    .spinner-border,
+    .spinner-grow {
+      animation-duration: 1.5s;
+    }
+  }
+}
+

package/dist/Stack/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","forwardRef","PropTypes","classNames","DIRECTION_VARIANTS","Stack","_ref","ref","direction","gap","reversed","children","className","rest","_objectWithoutProperties","_excluded","createElement","_extends","concat","propTypes","node","isRequired","oneOf","number","bool","string","defaultProps","undefined"],"sources":["../../src/Stack/index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst DIRECTION_VARIANTS = [\n  'horizontal',\n  'vertical',\n];\n\nconst Stack = forwardRef(({\n  direction,\n  gap,\n  reversed,\n  children,\n  className,\n  ...rest\n}, ref) => (\n  <div\n    ref={ref}\n    className={classNames(\n      direction === 'horizontal' ? 'pgn__hstack' : 'pgn__vstack',\n      gap ? `pgn__stack-gap--${gap}` : '',\n      reversed ? 'pgn__stack-reversed' : '',\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </div>\n));\n\nStack.propTypes = {\n  /** Specifies the content of the `Stack`. */\n  children: PropTypes.node.isRequired,\n  /** Specifies direction of the children blocks (column/row). */\n  direction: PropTypes.oneOf(DIRECTION_VARIANTS),\n  /**\n   * Specifies inner space between children blocks.\n   *\n   * Valid values are based on `the spacing classes`:\n   * `0, 0.5, ... 6`.\n   */\n  gap: PropTypes.number,\n  /** Specifies the order of the children. */\n  reversed: PropTypes.bool,\n  /** Specifies an additional `className` to add to the base element. */\n  className: PropTypes.string,\n};\n\nStack.defaultProps = {\n  direction: 'vertical',\n  gap: 0,\n  className: undefined,\n  reversed: false,\n};\n\nexport default Stack;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,IAAMC,kBAAkB,GAAG,CACzB,YAAY,EACZ,UAAU,CACX;AAED,IAAMC,KAAK,gBAAGJ,UAAU,CAAC,UAAAK,IAAA,EAOtBC,GAAG;EAAA,IANJC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,GAAG,GAAAH,IAAA,CAAHG,GAAG;IACHC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACNC,IAAI,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAAA,oBAEPf,KAAA,CAAAgB,aAAA,QAAAC,QAAA;IACEV,GAAG,EAAEA,GAAI;IACTK,SAAS,EAAET,UAAU,CACnBK,SAAS,KAAK,YAAY,GAAG,aAAa,GAAG,aAAa,EAC1DC,GAAG,sBAAAS,MAAA,CAAsBT,GAAG,IAAK,EAAE,EACnCC,QAAQ,GAAG,qBAAqB,GAAG,EAAE,EACrCE,SACF;EAAE,GACEC,IAAI,GAEPF,QACE,CAAC;AAAA,CACP,CAAC;AAEFN,KAAK,CAACc,SAAS,GAAG;EAChB;EACAR,QAAQ,EAAET,SAAS,CAACkB,IAAI,CAACC,UAAU;EACnC;EACAb,SAAS,EAAEN,SAAS,CAACoB,KAAK,CAAClB,kBAAkB,CAAC;EAC9C;AACF;AACA;AACA;AACA;AACA;EACEK,GAAG,EAAEP,SAAS,CAACqB,MAAM;EACrB;EACAb,QAAQ,EAAER,SAAS,CAACsB,IAAI;EACxB;EACAZ,SAAS,EAAEV,SAAS,CAACuB;AACvB,CAAC;AAEDpB,KAAK,CAACqB,YAAY,GAAG;EACnBlB,SAAS,EAAE,UAAU;EACrBC,GAAG,EAAE,CAAC;EACNG,SAAS,EAAEe,SAAS;EACpBjB,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeL,KAAK"}
+{"version":3,"file":"index.js","names":["React","forwardRef","PropTypes","classNames","DIRECTION_VARIANTS","Stack","_ref","ref","direction","gap","reversed","children","className","rest","_objectWithoutProperties","_excluded","createElement","_extends","concat","propTypes","node","isRequired","oneOf","number","bool","string","defaultProps","undefined"],"sources":["../../src/Stack/index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst DIRECTION_VARIANTS = [\n  'horizontal',\n  'vertical',\n];\n\nconst Stack = forwardRef(({\n  direction,\n  gap,\n  reversed,\n  children,\n  className,\n  ...rest\n}, ref) => (\n  <div\n    ref={ref}\n    className={classNames(\n      direction === 'horizontal' ? 'pgn__hstack' : 'pgn__vstack',\n      gap ? `pgn__stack-gap--${gap}` : '',\n      reversed ? 'pgn__stack-reversed' : '',\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </div>\n));\n\nStack.propTypes = {\n  /** Specifies the content of the `Stack`. */\n  children: PropTypes.node.isRequired,\n  /** Specifies direction of the children blocks (column/row). */\n  direction: PropTypes.oneOf(DIRECTION_VARIANTS),\n  /**\n   * Specifies inner space between children blocks.\n   *\n   * Valid values are based on `the spacing classes`:\n   * `0, 0.5, ... 6`.\n   */\n  gap: PropTypes.number,\n  /** Specifies the order of the children. */\n  reversed: PropTypes.bool,\n  /** Specifies an additional `className` to add to the base element. */\n  className: PropTypes.string,\n};\n\nStack.defaultProps = {\n  direction: 'vertical',\n  gap: 0,\n  className: undefined,\n  reversed: false,\n};\n\nexport default Stack;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,IAAMC,kBAAkB,GAAG,CACzB,YAAY,EACZ,UAAU,CACX;AAED,IAAMC,KAAK,gBAAGJ,UAAU,CAAC,UAAAK,IAAA,EAOtBC,GAAG;EAAA,IANJC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,GAAG,GAAAH,IAAA,CAAHG,GAAG;IACHC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACNC,IAAI,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA;EAAA,oBAEPf,KAAA,CAAAgB,aAAA,QAAAC,QAAA;IACEV,GAAG,EAAEA,GAAI;IACTK,SAAS,EAAET,UAAU,CACnBK,SAAS,KAAK,YAAY,GAAG,aAAa,GAAG,aAAa,EAC1DC,GAAG,sBAAAS,MAAA,CAAsBT,GAAG,IAAK,EAAE,EACnCC,QAAQ,GAAG,qBAAqB,GAAG,EAAE,EACrCE,SACF;EAAE,GACEC,IAAI,GAEPF,QACE,CAAC;AAAA,CACP,CAAC;AAEFN,KAAK,CAACc,SAAS,GAAG;EAChB;EACAR,QAAQ,EAAET,SAAS,CAACkB,IAAI,CAACC,UAAU;EACnC;EACAb,SAAS,EAAEN,SAAS,CAACoB,KAAK,CAAClB,kBAAkB,CAAC;EAC9C;AACF;AACA;AACA;AACA;AACA;EACEK,GAAG,EAAEP,SAAS,CAACqB,MAAM;EACrB;EACAb,QAAQ,EAAER,SAAS,CAACsB,IAAI;EACxB;EACAZ,SAAS,EAAEV,SAAS,CAACuB;AACvB,CAAC;AAEDpB,KAAK,CAACqB,YAAY,GAAG;EACnBlB,SAAS,EAAE,UAAU;EACrBC,GAAG,EAAE,CAAC;EACNG,SAAS,EAAEe,SAAS;EACpBjB,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeL,KAAK","ignoreList":[]}

package/dist/Stack/index.scss

@@ -1,10 +1,8 @@
-@import "variables";
-
 .pgn__vstack,
 .pgn__hstack {
   display: flex;
   align-self: stretch;
-  gap: $stack-gap;
+  gap: var(--pgn-size-stack-gap);
 
   @each $level, $space in $spacers {
     &.pgn__stack-gap--#{$level} {