@orangesk/orange-design-system 1.11.0 → 2.0.0-alpha.0

package/build/components/Table/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../webpack/universalModuleDefinition","../webpack/bootstrap","../external {\"root\":\"React\",\"commonjs2\":\"react\",\"commonjs\":\"react\",\"amd\":\"react\"}","../node_modules/classnames/index.js","utils/ConditionalWrapper.js","scripts/modules/toggleUtil.js","components/Button/Button.js","components/Button/IconButton.js","components/Button/index.js","scripts/modules/Toggle.js","components/Icon/Icon.js","components/Icon/SpritePathContext.js","components/Icon/index.js","utils/generateId.js","../node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js","components/Table/Table.static.js","../node_modules/webpack/buildin/global.js","components/Table/TableContext.js","components/Table/Cell.js","components/Table/Header.js","components/Table/Row.js","components/Table/Rows.js","components/Table/Footer.js","components/Table/Table.js"],"names":["root","factory","exports","module","require","define","amd","a","i","this","__WEBPACK_EXTERNAL_MODULE__0__","installedModules","__webpack_require__","moduleId","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","hasOwn","classNames","classes","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","includes","newClass","default","ConditionalWrapper","condition","wrapper","children","cloneElement","props","toggle","element","attribute","action","dispatchEvent","eventDetail","returnValue","Element","setTimeout","focus","click","classList","oldText","textContent","getAttribute","hasAttribute","removeAttribute","setAttribute","CustomEvent","TOGGLE_EVT","detail","bubbles","Button","React","forwardRef","className","htmlType","href","isActive","isDefault","isDisabled","isInverse","size","isSquare","type","elemRef","other","ref","Tag","cx","createElement","assign","displayName","defaultProps","IconButton","iconName","iconPosition","iconClassName","IconComponent","Icon","ButtonPrimary","ButtonFill","ButtonGhost","defaultConfig","activeClass","settingsAttr","Toggle","constructor","config","settings","targets","handleClick","ODS_Toggle","init","doToggle","returnProps","trigger","querySelector","parseSettings","setupTargets","addEventListener","map","target","destroy","removeEventListener","update","removeNonExistentTargets","addNewTargets","selector","trim","parentNode","previousElementSibling","nextElementSibling","from","document","querySelectorAll","jsonSettings","ariaControls","JSON","parse","split","join","reduce","allSettings","setting","targetSettings","getTargetElementsFromString","filter","contains","newTargets","newTarget","find","el","getTargetElements","setTargets","alt","color","spritePath","contextPath","useContext","SpritePathContext","aria-hidden","undefined","role","title","xlinkHref","createContext","idx","generateId","MapShim","Map","getIndex","arr","result","some","entry","index","class_1","__entries__","configurable","set","push","delete","entries","splice","has","clear","forEach","callback","ctx","_i","_a","isBrowser","window","global$1","global","Math","self","Function","requestAnimationFrame$1","requestAnimationFrame","Date","now","transitionKeys","mutationObserverSupported","MutationObserver","ResizeObserverController","connected_","mutationEventsAdded_","mutationsObserver_","observers_","onTransitionEnd_","refresh","delay","leadingCall","trailingCall","lastCallTime","resolvePending","proxy","timeoutCallback","timeStamp","throttle","addObserver","observer","indexOf","connect_","removeObserver","observers","disconnect_","updateObservers_","activeObservers","gatherActive","hasActive","broadcastActive","observe","attributes","childList","characterData","subtree","disconnect","_b","propertyName","getInstance","instance_","defineConfigurable","keys","writable","getWindowOf","ownerDocument","defaultView","emptyRect","createRectInit","toFloat","parseFloat","getBordersSize","styles","positions","position","getHTMLElementContentRect","clientWidth","clientHeight","getComputedStyle","paddings","positions_1","getPaddings","horizPad","left","right","vertPad","top","bottom","width","height","boxSizing","round","documentElement","isDocumentElement","vertScrollbar","horizScrollbar","abs","isSVGGraphicsElement","SVGGraphicsElement","SVGElement","getBBox","getContentRect","bbox","getSVGContentRect","x","y","ResizeObservation","broadcastWidth","broadcastHeight","contentRect_","rect","broadcastRect","ResizeObserverEntry","rectInit","contentRect","Constr","DOMRectReadOnly","createReadOnlyRect","ResizeObserverSPI","controller","callbackCtx","activeObservations_","observations_","TypeError","callback_","controller_","callbackCtx_","observations","unobserve","clearActive","_this","observation","WeakMap","ResizeObserver","method","expandButtonSelector","scrollableContainerSelector","responsiveTableSelector","Table","resizeObserver","containerRect","scrollableContainer","getBoundingClientRect","addRole","addARIA","onExpandClick","expandButtons","ODS_Table","item","e","console","log","_button$getAttribute","button","currentTarget","controlRows","id","row","matches","maybeInitScrollable","closest","g","Cell","tag","_expandableRows$expan","headers","expandableRows","TableContext","sortOptions","none","ascending","descending","header","isSortable","sort","label","cellProps","headCellProps","scope","Fragment","hasExpandableRows","expandableRowsCaptions","array","_row$expand","_row$expand2","cell","rl","expand","data-subrow-toggle","aria-expanded","isExpanded","aria-controls","emptyRow","rows","Row","expandableRow","j","hidden","footers","caption","isCompact","isStriped","isScrollable","tableRef","useRef","useEffect","table","TableStatic","captionId","context","Provider","Header","Rows","Footer"],"mappings":"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","file":"components/Table/index.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"react\"], factory);\n\telse {\n\t\tvar a = typeof exports === 'object' ? factory(require(\"react\")) : factory(root[\"React\"]);\n\t\tfor(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];\n\t}\n})(this, function(__WEBPACK_EXTERNAL_MODULE__0__) {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 87);\n","module.exports = __WEBPACK_EXTERNAL_MODULE__0__;","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import { cloneElement } from 'react';\nimport { bool, element } from 'prop-types';\n\nconst propTypes = {\n  /** When to wrap children */\n  condition: bool,\n  /** Wrapper element */\n  wrapper: element,\n};\n\nconst ConditionalWrapper = ({ condition, wrapper, children }) =>\n  condition ? cloneElement(wrapper, wrapper.props, children) : children;\n\nConditionalWrapper.propTypes = propTypes;\nexport default ConditionalWrapper;\n","// eslint-disable-next-line import/no-cycle\nimport { TOGGLE_EVT } from './Toggle';\n\nexport default function toggle(props) {\n  const {\n    element,\n    attribute,\n    action,\n    value,\n    dispatchEvent = true,\n    eventDetail,\n  } = props;\n  let returnValue = null;\n\n  if (!element || !(element instanceof Element)) {\n    return returnValue;\n  }\n\n  if (action === 'focus') {\n    setTimeout(element.focus(), 20);\n  }\n\n  if (action === 'click') {\n    element.click();\n  }\n\n  if (attribute === 'class') {\n    element.classList.toggle(value);\n    returnValue = value;\n  }\n\n  if (attribute === 'text') {\n    const oldText = element.textContent;\n    element.textContent = value;\n    returnValue = oldText;\n  }\n\n  if (\n    attribute !== 'class' &&\n    attribute !== 'text' &&\n    typeof action === 'undefined'\n  ) {\n    returnValue = element.getAttribute(attribute);\n\n    if (attribute === 'hidden') {\n      if (element.hasAttribute(attribute)) {\n        element.removeAttribute(attribute);\n      } else {\n        element.setAttribute(attribute, '');\n      }\n    } else if (!value) {\n      element.setAttribute(attribute, !(returnValue === 'true'));\n    } else {\n      element.setAttribute(attribute, value);\n    }\n  }\n\n  if (dispatchEvent) {\n    element.dispatchEvent(\n      new CustomEvent(TOGGLE_EVT, {\n        detail: eventDetail,\n        bubbles: true,\n      })\n    );\n  }\n\n  return returnValue;\n}\n","import React from 'react';\nimport { bool, object, oneOf, string } from 'prop-types';\nimport cx from 'classnames';\n\nconst propTypes = {\n  /** Forwarded DOM element ref. */\n  elemRef: object,\n  /** Link with href attribute rendered as button. */\n  href: string,\n  /** Button type */\n  htmlType: string,\n  /** Active state. */\n  isActive: bool,\n  /** Forces default styling - use when inverse style is forced but not desired */\n  isDefault: bool,\n  /** Disabled state */\n  isDisabled: bool,\n  /** Inverse buttons for dark backgrounds */\n  isInverse: bool,\n  /** Button with same width as height. */\n  isSquare: bool,\n  /** Button sizes */\n  size: oneOf(['small', 'large']),\n  /** Visual type of button. */\n  type: oneOf(['primary', 'fill', 'ghost']),\n};\n\nconst defaultProps = {\n  htmlType: 'button',\n};\n\nconst CLASS_ROOT = 'btn';\n\nconst Button = React.forwardRef(\n  (\n    {\n      className,\n      children,\n      htmlType,\n      href,\n      isActive,\n      isDefault,\n      isDisabled,\n      isInverse,\n      size,\n      isSquare,\n      type,\n      elemRef,\n      ...other\n    },\n    ref\n  ) => {\n    let Tag = 'button';\n\n    if (href) {\n      Tag = 'a';\n    }\n\n    const classes = cx(\n      CLASS_ROOT,\n      {\n        [`${CLASS_ROOT}--square`]: isSquare,\n        [`${CLASS_ROOT}--${size}`]: size,\n        [`${CLASS_ROOT}--${type}`]: type,\n        [`${CLASS_ROOT}--default`]: isDefault,\n        [`${CLASS_ROOT}--inverse`]: isInverse,\n        'is-active': isActive,\n      },\n      className\n    );\n\n    const props = {\n      'aria-disabled': isDisabled,\n      href,\n      type: href ? null : htmlType,\n      className: classes,\n      ref: elemRef,\n      ...other,\n    };\n\n    return (\n      <Tag ref={ref} {...props}>\n        {children}\n      </Tag>\n    );\n  }\n);\n\nButton.displayName = 'Button';\nButton.propTypes = propTypes;\nButton.defaultProps = defaultProps;\n\nexport default Button;\n","import React from 'react';\nimport cx from 'classnames';\nimport { string, oneOf, bool } from 'prop-types';\n\nimport Icon from '../Icon';\n\nimport Button from './Button';\n\nconst propTypes = {\n  /** Name of the icon */\n  iconName: string.isRequired,\n  /** Position of the icon */\n  iconPosition: oneOf(['left', 'right']),\n  /** Class of the icon */\n  iconClassName: string,\n  /** Button size. Also affects icon size */\n  size: oneOf(['small', 'large']),\n  /** Use square button. Children are rendered as visually hidden */\n  isSquare: bool,\n};\n\nconst defaultProps = {\n  iconPosition: 'left',\n};\n\nconst IconButton = React.forwardRef(\n  (\n    {\n      iconName,\n      iconPosition,\n      iconClassName,\n      children,\n      size,\n      isSquare,\n      ...other\n    },\n    ref\n  ) => {\n    const IconComponent = ({ className, ...props }) => (\n      <Icon\n        name={iconName}\n        size={size ?? 'medium'}\n        className={cx(iconClassName, className)}\n        {...props}\n      />\n    );\n\n    if (isSquare) {\n      return (\n        <Button size={size} isSquare {...other}>\n          <IconComponent />\n          <span className=\"visually-hidden\">{children}</span>\n        </Button>\n      );\n    }\n\n    return (\n      <Button ref={ref} size={size} {...other}>\n        {iconPosition === 'left' && (\n          <IconComponent className=\"btn__icon-left\" />\n        )}\n        {children}\n        {iconPosition === 'right' && (\n          <IconComponent className=\"btn__icon-right\" />\n        )}\n      </Button>\n    );\n  }\n);\n\nIconButton.propTypes = propTypes;\nIconButton.defaultProps = defaultProps;\nIconButton.displayName = 'IconButton';\n\nexport default IconButton;\n","import React from 'react';\n\nimport Button from './Button';\nimport IconButton from './IconButton';\n\nimport './styles/style.scss';\n\nexport default Button;\n\nexport const ButtonPrimary = props => <Button type=\"primary\" {...props} />;\nButtonPrimary.displayName = 'ButtonPrimary';\n\nexport const ButtonFill = props => <Button type=\"fill\" {...props} />;\nButtonFill.displayName = 'ButtonFill';\n\nexport const ButtonGhost = props => <Button type=\"ghost\" {...props} />;\nButtonGhost.displayName = 'ButtonGhost';\n\nexport { IconButton };\n","// ---------------------------------------------------\n// Toggle\n// module for handling toggle actions\n// eslint-disable-next-line import/no-cycle\nimport toggle from './toggleUtil';\n\nexport const TRIGGER_EVT = 'toggleTrigger';\nexport const TOGGLE_EVT = 'toggle';\n\nconst defaultConfig = {\n  activeClass: 'is-active',\n  settingsAttr: 'data-toggle',\n};\n\nclass Toggle {\n  constructor(element, config) {\n    this.element = element;\n    this.config = { ...defaultConfig, ...config };\n\n    this.settings = {};\n    this.targets = [];\n\n    this.handleClick = this.handleClick.bind(this);\n\n    this.element.ODS_Toggle = this;\n\n    this.init();\n\n    return this;\n  }\n\n  doToggle(props) {\n    const { dispatchEvent = true } = props;\n    let { element, attribute, value, action } = props;\n\n    const returnProps = { ...props };\n    const eventDetail = { trigger: this.element, element };\n\n    if (attribute === 'icon') {\n      attribute = 'xlink:href';\n      element = element.querySelector('use');\n    }\n\n    if (attribute === 'text') {\n      element = element.querySelector('[data-toggle-text-target]') || element;\n    }\n\n    if (typeof value === 'undefined') {\n      value = false;\n    }\n\n    returnProps.value = toggle({\n      element,\n      attribute,\n      action,\n      value,\n      dispatchEvent,\n      eventDetail,\n    });\n\n    return returnProps;\n  }\n\n  init() {\n    this.settings = this.parseSettings();\n\n    this.targets = this.setupTargets();\n\n    this.element.addEventListener('click', this.handleClick);\n\n    return this.targets;\n  }\n\n  handleClick() {\n    this.targets = this.targets.map(target => this.doToggle(target));\n\n    this.element.dispatchEvent(new CustomEvent(TRIGGER_EVT, { bubbles: true }));\n  }\n\n  destroy() {\n    this.element.removeEventListener('click', this.handleClick);\n    this.settings = [];\n    this.targets = [];\n  }\n\n  update() {\n    this.removeNonExistentTargets();\n    this.addNewTargets();\n  }\n\n  static getTargetElementsFromString({ target, trigger }) {\n    const selector = target.trim();\n\n    if (selector === 'self') {\n      return [trigger];\n    }\n\n    if (selector === 'parent') {\n      return [trigger.parentNode];\n    }\n\n    if (selector === 'previous') {\n      return [trigger.previousElementSibling];\n    }\n\n    if (selector === 'next') {\n      return [trigger.nextElementSibling];\n    }\n\n    if (typeof selector === 'string') {\n      // don't be tempted to remove this querySelectorAll\n      // selector like '.target-elements' whould not work as expected\n      return Array.from(document.querySelectorAll(selector));\n    }\n\n    // add log why we endup here\n    return selector;\n  }\n\n  parseSettings() {\n    const jsonSettings = this.element.getAttribute(this.config.settingsAttr);\n    const ariaControls = this.element.getAttribute('aria-controls');\n\n    let settings = JSON.parse(jsonSettings);\n\n    if (ariaControls) {\n      const ariaExpanded = this.element.getAttribute('aria-expanded');\n\n      settings = [\n        ...(ariaExpanded\n          ? [\n              {\n                target: 'self',\n                attribute: 'aria-expanded',\n              },\n            ]\n          : []),\n        {\n          target: ariaControls\n            .split(' ')\n            .map(a => `#${a}`)\n            .join(','),\n          attribute: 'hidden',\n        },\n        ...(Array.isArray(settings) ? settings : []),\n      ];\n    }\n\n    return settings;\n  }\n\n  // get all the possible settings for all target elements\n  setupTargets() {\n    const trigger = this.element;\n\n    return this.settings.reduce(\n      (allSettings, setting) => [\n        ...allSettings,\n        ...setting?.target\n          .split(',') // separate target selectors\n          .reduce(\n            (targetSettings, target) => [\n              ...targetSettings,\n              ...Toggle\n                // get target elements from DOM\n                .getTargetElementsFromString({\n                  target,\n                  trigger,\n                })\n                // duplicate setting for each DOM element\n                .map(element => ({\n                  ...setting,\n                  element,\n                })),\n            ],\n            []\n          ),\n      ],\n      []\n    );\n  }\n\n  removeNonExistentTargets() {\n    this.targets = this.targets.filter(target =>\n      document.contains(target.element)\n    );\n  }\n\n  addNewTargets() {\n    const allTargets = this.setupTargets();\n    const newTargets = allTargets.filter(\n      newTarget =>\n        !this.targets.find(\n          target =>\n            target.element === newTarget.element &&\n            target.action === newTarget.action\n        )\n    );\n\n    this.targets = [...this.targets, ...newTargets];\n  }\n\n  static getInstance(el) {\n    return el && el.ODS_Toggle ? el.ODS_Toggle : null;\n  }\n}\n\nexport default Toggle;\n\nexport const { getTargetElements } = Toggle;\nexport const { setTargets } = Toggle;\n","import React, { useContext } from 'react';\nimport { string, oneOf } from 'prop-types';\nimport cx from 'classnames';\n\nimport { SpritePathContext } from '.';\n\nconst propTypes = {\n  alt: string,\n  color: oneOf(['info', 'success', 'warning', 'danger']),\n  name: string.isRequired,\n  size: oneOf(['small', 'medium', 'large', 'xlarge', 'xxlarge', 'huge']),\n  spritePath: string,\n};\n\nconst CLASS_ROOT = 'icon';\n\nconst Icon = ({\n  className,\n  alt,\n  color,\n  name,\n  size,\n  spritePath = '/sprite.svg',\n  ...other\n}) => {\n  const contextPath = useContext(SpritePathContext);\n\n  const classes = cx(\n    CLASS_ROOT,\n    {\n      [`${CLASS_ROOT}--${size}`]: size,\n      [`${CLASS_ROOT}--${color}`]: color,\n    },\n    className\n  );\n\n  return (\n    <svg\n      className={classes}\n      aria-hidden={alt !== undefined ? undefined : 'true'}\n      role={alt !== undefined ? 'img' : undefined}\n      title={alt !== undefined && alt.length > 0 ? alt : undefined}\n      {...other}\n    >\n      <use\n        xlinkHref={\n          spritePath !== '/sprite.svg' || typeof contextPath === 'undefined'\n            ? `${spritePath}#${name}`\n            : `${contextPath}#${name}`\n        }\n      />\n    </svg>\n  );\n};\n\nIcon.displayName = 'Icon';\nIcon.propTypes = propTypes;\n\nexport default Icon;\n","import React from 'react';\n\nexport default React.createContext();\n","import Icon from './Icon';\n\nimport './styles/style.scss';\n\nexport default Icon;\nexport { default as SpritePathContext } from './SpritePathContext';\n","let idx = 0;\nconst uuid = () => (idx += 1); // eslint-disable-line no-return-assign\n\nexport default function generateId(name) {\n  return `id${name ? `-${name}` : ''}-${uuid()}`;\n}\n","/**\r\n * A collection of shims that provide minimal functionality of the ES6 collections.\r\n *\r\n * These implementations are not meant to be used outside of the ResizeObserver\r\n * modules as they cover only a limited range of use cases.\r\n */\r\n/* eslint-disable require-jsdoc, valid-jsdoc */\r\nvar MapShim = (function () {\r\n    if (typeof Map !== 'undefined') {\r\n        return Map;\r\n    }\r\n    /**\r\n     * Returns index in provided array that matches the specified key.\r\n     *\r\n     * @param {Array<Array>} arr\r\n     * @param {*} key\r\n     * @returns {number}\r\n     */\r\n    function getIndex(arr, key) {\r\n        var result = -1;\r\n        arr.some(function (entry, index) {\r\n            if (entry[0] === key) {\r\n                result = index;\r\n                return true;\r\n            }\r\n            return false;\r\n        });\r\n        return result;\r\n    }\r\n    return /** @class */ (function () {\r\n        function class_1() {\r\n            this.__entries__ = [];\r\n        }\r\n        Object.defineProperty(class_1.prototype, \"size\", {\r\n            /**\r\n             * @returns {boolean}\r\n             */\r\n            get: function () {\r\n                return this.__entries__.length;\r\n            },\r\n            enumerable: true,\r\n            configurable: true\r\n        });\r\n        /**\r\n         * @param {*} key\r\n         * @returns {*}\r\n         */\r\n        class_1.prototype.get = function (key) {\r\n            var index = getIndex(this.__entries__, key);\r\n            var entry = this.__entries__[index];\r\n            return entry && entry[1];\r\n        };\r\n        /**\r\n         * @param {*} key\r\n         * @param {*} value\r\n         * @returns {void}\r\n         */\r\n        class_1.prototype.set = function (key, value) {\r\n            var index = getIndex(this.__entries__, key);\r\n            if (~index) {\r\n                this.__entries__[index][1] = value;\r\n            }\r\n            else {\r\n                this.__entries__.push([key, value]);\r\n            }\r\n        };\r\n        /**\r\n         * @param {*} key\r\n         * @returns {void}\r\n         */\r\n        class_1.prototype.delete = function (key) {\r\n            var entries = this.__entries__;\r\n            var index = getIndex(entries, key);\r\n            if (~index) {\r\n                entries.splice(index, 1);\r\n            }\r\n        };\r\n        /**\r\n         * @param {*} key\r\n         * @returns {void}\r\n         */\r\n        class_1.prototype.has = function (key) {\r\n            return !!~getIndex(this.__entries__, key);\r\n        };\r\n        /**\r\n         * @returns {void}\r\n         */\r\n        class_1.prototype.clear = function () {\r\n            this.__entries__.splice(0);\r\n        };\r\n        /**\r\n         * @param {Function} callback\r\n         * @param {*} [ctx=null]\r\n         * @returns {void}\r\n         */\r\n        class_1.prototype.forEach = function (callback, ctx) {\r\n            if (ctx === void 0) { ctx = null; }\r\n            for (var _i = 0, _a = this.__entries__; _i < _a.length; _i++) {\r\n                var entry = _a[_i];\r\n                callback.call(ctx, entry[1], entry[0]);\r\n            }\r\n        };\r\n        return class_1;\r\n    }());\r\n})();\n\n/**\r\n * Detects whether window and document objects are available in current environment.\r\n */\r\nvar isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined' && window.document === document;\n\n// Returns global object of a current environment.\r\nvar global$1 = (function () {\r\n    if (typeof global !== 'undefined' && global.Math === Math) {\r\n        return global;\r\n    }\r\n    if (typeof self !== 'undefined' && self.Math === Math) {\r\n        return self;\r\n    }\r\n    if (typeof window !== 'undefined' && window.Math === Math) {\r\n        return window;\r\n    }\r\n    // eslint-disable-next-line no-new-func\r\n    return Function('return this')();\r\n})();\n\n/**\r\n * A shim for the requestAnimationFrame which falls back to the setTimeout if\r\n * first one is not supported.\r\n *\r\n * @returns {number} Requests' identifier.\r\n */\r\nvar requestAnimationFrame$1 = (function () {\r\n    if (typeof requestAnimationFrame === 'function') {\r\n        // It's required to use a bounded function because IE sometimes throws\r\n        // an \"Invalid calling object\" error if rAF is invoked without the global\r\n        // object on the left hand side.\r\n        return requestAnimationFrame.bind(global$1);\r\n    }\r\n    return function (callback) { return setTimeout(function () { return callback(Date.now()); }, 1000 / 60); };\r\n})();\n\n// Defines minimum timeout before adding a trailing call.\r\nvar trailingTimeout = 2;\r\n/**\r\n * Creates a wrapper function which ensures that provided callback will be\r\n * invoked only once during the specified delay period.\r\n *\r\n * @param {Function} callback - Function to be invoked after the delay period.\r\n * @param {number} delay - Delay after which to invoke callback.\r\n * @returns {Function}\r\n */\r\nfunction throttle (callback, delay) {\r\n    var leadingCall = false, trailingCall = false, lastCallTime = 0;\r\n    /**\r\n     * Invokes the original callback function and schedules new invocation if\r\n     * the \"proxy\" was called during current request.\r\n     *\r\n     * @returns {void}\r\n     */\r\n    function resolvePending() {\r\n        if (leadingCall) {\r\n            leadingCall = false;\r\n            callback();\r\n        }\r\n        if (trailingCall) {\r\n            proxy();\r\n        }\r\n    }\r\n    /**\r\n     * Callback invoked after the specified delay. It will further postpone\r\n     * invocation of the original function delegating it to the\r\n     * requestAnimationFrame.\r\n     *\r\n     * @returns {void}\r\n     */\r\n    function timeoutCallback() {\r\n        requestAnimationFrame$1(resolvePending);\r\n    }\r\n    /**\r\n     * Schedules invocation of the original function.\r\n     *\r\n     * @returns {void}\r\n     */\r\n    function proxy() {\r\n        var timeStamp = Date.now();\r\n        if (leadingCall) {\r\n            // Reject immediately following calls.\r\n            if (timeStamp - lastCallTime < trailingTimeout) {\r\n                return;\r\n            }\r\n            // Schedule new call to be in invoked when the pending one is resolved.\r\n            // This is important for \"transitions\" which never actually start\r\n            // immediately so there is a chance that we might miss one if change\r\n            // happens amids the pending invocation.\r\n            trailingCall = true;\r\n        }\r\n        else {\r\n            leadingCall = true;\r\n            trailingCall = false;\r\n            setTimeout(timeoutCallback, delay);\r\n        }\r\n        lastCallTime = timeStamp;\r\n    }\r\n    return proxy;\r\n}\n\n// Minimum delay before invoking the update of observers.\r\nvar REFRESH_DELAY = 20;\r\n// A list of substrings of CSS properties used to find transition events that\r\n// might affect dimensions of observed elements.\r\nvar transitionKeys = ['top', 'right', 'bottom', 'left', 'width', 'height', 'size', 'weight'];\r\n// Check if MutationObserver is available.\r\nvar mutationObserverSupported = typeof MutationObserver !== 'undefined';\r\n/**\r\n * Singleton controller class which handles updates of ResizeObserver instances.\r\n */\r\nvar ResizeObserverController = /** @class */ (function () {\r\n    /**\r\n     * Creates a new instance of ResizeObserverController.\r\n     *\r\n     * @private\r\n     */\r\n    function ResizeObserverController() {\r\n        /**\r\n         * Indicates whether DOM listeners have been added.\r\n         *\r\n         * @private {boolean}\r\n         */\r\n        this.connected_ = false;\r\n        /**\r\n         * Tells that controller has subscribed for Mutation Events.\r\n         *\r\n         * @private {boolean}\r\n         */\r\n        this.mutationEventsAdded_ = false;\r\n        /**\r\n         * Keeps reference to the instance of MutationObserver.\r\n         *\r\n         * @private {MutationObserver}\r\n         */\r\n        this.mutationsObserver_ = null;\r\n        /**\r\n         * A list of connected observers.\r\n         *\r\n         * @private {Array<ResizeObserverSPI>}\r\n         */\r\n        this.observers_ = [];\r\n        this.onTransitionEnd_ = this.onTransitionEnd_.bind(this);\r\n        this.refresh = throttle(this.refresh.bind(this), REFRESH_DELAY);\r\n    }\r\n    /**\r\n     * Adds observer to observers list.\r\n     *\r\n     * @param {ResizeObserverSPI} observer - Observer to be added.\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverController.prototype.addObserver = function (observer) {\r\n        if (!~this.observers_.indexOf(observer)) {\r\n            this.observers_.push(observer);\r\n        }\r\n        // Add listeners if they haven't been added yet.\r\n        if (!this.connected_) {\r\n            this.connect_();\r\n        }\r\n    };\r\n    /**\r\n     * Removes observer from observers list.\r\n     *\r\n     * @param {ResizeObserverSPI} observer - Observer to be removed.\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverController.prototype.removeObserver = function (observer) {\r\n        var observers = this.observers_;\r\n        var index = observers.indexOf(observer);\r\n        // Remove observer if it's present in registry.\r\n        if (~index) {\r\n            observers.splice(index, 1);\r\n        }\r\n        // Remove listeners if controller has no connected observers.\r\n        if (!observers.length && this.connected_) {\r\n            this.disconnect_();\r\n        }\r\n    };\r\n    /**\r\n     * Invokes the update of observers. It will continue running updates insofar\r\n     * it detects changes.\r\n     *\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverController.prototype.refresh = function () {\r\n        var changesDetected = this.updateObservers_();\r\n        // Continue running updates if changes have been detected as there might\r\n        // be future ones caused by CSS transitions.\r\n        if (changesDetected) {\r\n            this.refresh();\r\n        }\r\n    };\r\n    /**\r\n     * Updates every observer from observers list and notifies them of queued\r\n     * entries.\r\n     *\r\n     * @private\r\n     * @returns {boolean} Returns \"true\" if any observer has detected changes in\r\n     *      dimensions of it's elements.\r\n     */\r\n    ResizeObserverController.prototype.updateObservers_ = function () {\r\n        // Collect observers that have active observations.\r\n        var activeObservers = this.observers_.filter(function (observer) {\r\n            return observer.gatherActive(), observer.hasActive();\r\n        });\r\n        // Deliver notifications in a separate cycle in order to avoid any\r\n        // collisions between observers, e.g. when multiple instances of\r\n        // ResizeObserver are tracking the same element and the callback of one\r\n        // of them changes content dimensions of the observed target. Sometimes\r\n        // this may result in notifications being blocked for the rest of observers.\r\n        activeObservers.forEach(function (observer) { return observer.broadcastActive(); });\r\n        return activeObservers.length > 0;\r\n    };\r\n    /**\r\n     * Initializes DOM listeners.\r\n     *\r\n     * @private\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverController.prototype.connect_ = function () {\r\n        // Do nothing if running in a non-browser environment or if listeners\r\n        // have been already added.\r\n        if (!isBrowser || this.connected_) {\r\n            return;\r\n        }\r\n        // Subscription to the \"Transitionend\" event is used as a workaround for\r\n        // delayed transitions. This way it's possible to capture at least the\r\n        // final state of an element.\r\n        document.addEventListener('transitionend', this.onTransitionEnd_);\r\n        window.addEventListener('resize', this.refresh);\r\n        if (mutationObserverSupported) {\r\n            this.mutationsObserver_ = new MutationObserver(this.refresh);\r\n            this.mutationsObserver_.observe(document, {\r\n                attributes: true,\r\n                childList: true,\r\n                characterData: true,\r\n                subtree: true\r\n            });\r\n        }\r\n        else {\r\n            document.addEventListener('DOMSubtreeModified', this.refresh);\r\n            this.mutationEventsAdded_ = true;\r\n        }\r\n        this.connected_ = true;\r\n    };\r\n    /**\r\n     * Removes DOM listeners.\r\n     *\r\n     * @private\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverController.prototype.disconnect_ = function () {\r\n        // Do nothing if running in a non-browser environment or if listeners\r\n        // have been already removed.\r\n        if (!isBrowser || !this.connected_) {\r\n            return;\r\n        }\r\n        document.removeEventListener('transitionend', this.onTransitionEnd_);\r\n        window.removeEventListener('resize', this.refresh);\r\n        if (this.mutationsObserver_) {\r\n            this.mutationsObserver_.disconnect();\r\n        }\r\n        if (this.mutationEventsAdded_) {\r\n            document.removeEventListener('DOMSubtreeModified', this.refresh);\r\n        }\r\n        this.mutationsObserver_ = null;\r\n        this.mutationEventsAdded_ = false;\r\n        this.connected_ = false;\r\n    };\r\n    /**\r\n     * \"Transitionend\" event handler.\r\n     *\r\n     * @private\r\n     * @param {TransitionEvent} event\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverController.prototype.onTransitionEnd_ = function (_a) {\r\n        var _b = _a.propertyName, propertyName = _b === void 0 ? '' : _b;\r\n        // Detect whether transition may affect dimensions of an element.\r\n        var isReflowProperty = transitionKeys.some(function (key) {\r\n            return !!~propertyName.indexOf(key);\r\n        });\r\n        if (isReflowProperty) {\r\n            this.refresh();\r\n        }\r\n    };\r\n    /**\r\n     * Returns instance of the ResizeObserverController.\r\n     *\r\n     * @returns {ResizeObserverController}\r\n     */\r\n    ResizeObserverController.getInstance = function () {\r\n        if (!this.instance_) {\r\n            this.instance_ = new ResizeObserverController();\r\n        }\r\n        return this.instance_;\r\n    };\r\n    /**\r\n     * Holds reference to the controller's instance.\r\n     *\r\n     * @private {ResizeObserverController}\r\n     */\r\n    ResizeObserverController.instance_ = null;\r\n    return ResizeObserverController;\r\n}());\n\n/**\r\n * Defines non-writable/enumerable properties of the provided target object.\r\n *\r\n * @param {Object} target - Object for which to define properties.\r\n * @param {Object} props - Properties to be defined.\r\n * @returns {Object} Target object.\r\n */\r\nvar defineConfigurable = (function (target, props) {\r\n    for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) {\r\n        var key = _a[_i];\r\n        Object.defineProperty(target, key, {\r\n            value: props[key],\r\n            enumerable: false,\r\n            writable: false,\r\n            configurable: true\r\n        });\r\n    }\r\n    return target;\r\n});\n\n/**\r\n * Returns the global object associated with provided element.\r\n *\r\n * @param {Object} target\r\n * @returns {Object}\r\n */\r\nvar getWindowOf = (function (target) {\r\n    // Assume that the element is an instance of Node, which means that it\r\n    // has the \"ownerDocument\" property from which we can retrieve a\r\n    // corresponding global object.\r\n    var ownerGlobal = target && target.ownerDocument && target.ownerDocument.defaultView;\r\n    // Return the local global object if it's not possible extract one from\r\n    // provided element.\r\n    return ownerGlobal || global$1;\r\n});\n\n// Placeholder of an empty content rectangle.\r\nvar emptyRect = createRectInit(0, 0, 0, 0);\r\n/**\r\n * Converts provided string to a number.\r\n *\r\n * @param {number|string} value\r\n * @returns {number}\r\n */\r\nfunction toFloat(value) {\r\n    return parseFloat(value) || 0;\r\n}\r\n/**\r\n * Extracts borders size from provided styles.\r\n *\r\n * @param {CSSStyleDeclaration} styles\r\n * @param {...string} positions - Borders positions (top, right, ...)\r\n * @returns {number}\r\n */\r\nfunction getBordersSize(styles) {\r\n    var positions = [];\r\n    for (var _i = 1; _i < arguments.length; _i++) {\r\n        positions[_i - 1] = arguments[_i];\r\n    }\r\n    return positions.reduce(function (size, position) {\r\n        var value = styles['border-' + position + '-width'];\r\n        return size + toFloat(value);\r\n    }, 0);\r\n}\r\n/**\r\n * Extracts paddings sizes from provided styles.\r\n *\r\n * @param {CSSStyleDeclaration} styles\r\n * @returns {Object} Paddings box.\r\n */\r\nfunction getPaddings(styles) {\r\n    var positions = ['top', 'right', 'bottom', 'left'];\r\n    var paddings = {};\r\n    for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {\r\n        var position = positions_1[_i];\r\n        var value = styles['padding-' + position];\r\n        paddings[position] = toFloat(value);\r\n    }\r\n    return paddings;\r\n}\r\n/**\r\n * Calculates content rectangle of provided SVG element.\r\n *\r\n * @param {SVGGraphicsElement} target - Element content rectangle of which needs\r\n *      to be calculated.\r\n * @returns {DOMRectInit}\r\n */\r\nfunction getSVGContentRect(target) {\r\n    var bbox = target.getBBox();\r\n    return createRectInit(0, 0, bbox.width, bbox.height);\r\n}\r\n/**\r\n * Calculates content rectangle of provided HTMLElement.\r\n *\r\n * @param {HTMLElement} target - Element for which to calculate the content rectangle.\r\n * @returns {DOMRectInit}\r\n */\r\nfunction getHTMLElementContentRect(target) {\r\n    // Client width & height properties can't be\r\n    // used exclusively as they provide rounded values.\r\n    var clientWidth = target.clientWidth, clientHeight = target.clientHeight;\r\n    // By this condition we can catch all non-replaced inline, hidden and\r\n    // detached elements. Though elements with width & height properties less\r\n    // than 0.5 will be discarded as well.\r\n    //\r\n    // Without it we would need to implement separate methods for each of\r\n    // those cases and it's not possible to perform a precise and performance\r\n    // effective test for hidden elements. E.g. even jQuery's ':visible' filter\r\n    // gives wrong results for elements with width & height less than 0.5.\r\n    if (!clientWidth && !clientHeight) {\r\n        return emptyRect;\r\n    }\r\n    var styles = getWindowOf(target).getComputedStyle(target);\r\n    var paddings = getPaddings(styles);\r\n    var horizPad = paddings.left + paddings.right;\r\n    var vertPad = paddings.top + paddings.bottom;\r\n    // Computed styles of width & height are being used because they are the\r\n    // only dimensions available to JS that contain non-rounded values. It could\r\n    // be possible to utilize the getBoundingClientRect if only it's data wasn't\r\n    // affected by CSS transformations let alone paddings, borders and scroll bars.\r\n    var width = toFloat(styles.width), height = toFloat(styles.height);\r\n    // Width & height include paddings and borders when the 'border-box' box\r\n    // model is applied (except for IE).\r\n    if (styles.boxSizing === 'border-box') {\r\n        // Following conditions are required to handle Internet Explorer which\r\n        // doesn't include paddings and borders to computed CSS dimensions.\r\n        //\r\n        // We can say that if CSS dimensions + paddings are equal to the \"client\"\r\n        // properties then it's either IE, and thus we don't need to subtract\r\n        // anything, or an element merely doesn't have paddings/borders styles.\r\n        if (Math.round(width + horizPad) !== clientWidth) {\r\n            width -= getBordersSize(styles, 'left', 'right') + horizPad;\r\n        }\r\n        if (Math.round(height + vertPad) !== clientHeight) {\r\n            height -= getBordersSize(styles, 'top', 'bottom') + vertPad;\r\n        }\r\n    }\r\n    // Following steps can't be applied to the document's root element as its\r\n    // client[Width/Height] properties represent viewport area of the window.\r\n    // Besides, it's as well not necessary as the <html> itself neither has\r\n    // rendered scroll bars nor it can be clipped.\r\n    if (!isDocumentElement(target)) {\r\n        // In some browsers (only in Firefox, actually) CSS width & height\r\n        // include scroll bars size which can be removed at this step as scroll\r\n        // bars are the only difference between rounded dimensions + paddings\r\n        // and \"client\" properties, though that is not always true in Chrome.\r\n        var vertScrollbar = Math.round(width + horizPad) - clientWidth;\r\n        var horizScrollbar = Math.round(height + vertPad) - clientHeight;\r\n        // Chrome has a rather weird rounding of \"client\" properties.\r\n        // E.g. for an element with content width of 314.2px it sometimes gives\r\n        // the client width of 315px and for the width of 314.7px it may give\r\n        // 314px. And it doesn't happen all the time. So just ignore this delta\r\n        // as a non-relevant.\r\n        if (Math.abs(vertScrollbar) !== 1) {\r\n            width -= vertScrollbar;\r\n        }\r\n        if (Math.abs(horizScrollbar) !== 1) {\r\n            height -= horizScrollbar;\r\n        }\r\n    }\r\n    return createRectInit(paddings.left, paddings.top, width, height);\r\n}\r\n/**\r\n * Checks whether provided element is an instance of the SVGGraphicsElement.\r\n *\r\n * @param {Element} target - Element to be checked.\r\n * @returns {boolean}\r\n */\r\nvar isSVGGraphicsElement = (function () {\r\n    // Some browsers, namely IE and Edge, don't have the SVGGraphicsElement\r\n    // interface.\r\n    if (typeof SVGGraphicsElement !== 'undefined') {\r\n        return function (target) { return target instanceof getWindowOf(target).SVGGraphicsElement; };\r\n    }\r\n    // If it's so, then check that element is at least an instance of the\r\n    // SVGElement and that it has the \"getBBox\" method.\r\n    // eslint-disable-next-line no-extra-parens\r\n    return function (target) { return (target instanceof getWindowOf(target).SVGElement &&\r\n        typeof target.getBBox === 'function'); };\r\n})();\r\n/**\r\n * Checks whether provided element is a document element (<html>).\r\n *\r\n * @param {Element} target - Element to be checked.\r\n * @returns {boolean}\r\n */\r\nfunction isDocumentElement(target) {\r\n    return target === getWindowOf(target).document.documentElement;\r\n}\r\n/**\r\n * Calculates an appropriate content rectangle for provided html or svg element.\r\n *\r\n * @param {Element} target - Element content rectangle of which needs to be calculated.\r\n * @returns {DOMRectInit}\r\n */\r\nfunction getContentRect(target) {\r\n    if (!isBrowser) {\r\n        return emptyRect;\r\n    }\r\n    if (isSVGGraphicsElement(target)) {\r\n        return getSVGContentRect(target);\r\n    }\r\n    return getHTMLElementContentRect(target);\r\n}\r\n/**\r\n * Creates rectangle with an interface of the DOMRectReadOnly.\r\n * Spec: https://drafts.fxtf.org/geometry/#domrectreadonly\r\n *\r\n * @param {DOMRectInit} rectInit - Object with rectangle's x/y coordinates and dimensions.\r\n * @returns {DOMRectReadOnly}\r\n */\r\nfunction createReadOnlyRect(_a) {\r\n    var x = _a.x, y = _a.y, width = _a.width, height = _a.height;\r\n    // If DOMRectReadOnly is available use it as a prototype for the rectangle.\r\n    var Constr = typeof DOMRectReadOnly !== 'undefined' ? DOMRectReadOnly : Object;\r\n    var rect = Object.create(Constr.prototype);\r\n    // Rectangle's properties are not writable and non-enumerable.\r\n    defineConfigurable(rect, {\r\n        x: x, y: y, width: width, height: height,\r\n        top: y,\r\n        right: x + width,\r\n        bottom: height + y,\r\n        left: x\r\n    });\r\n    return rect;\r\n}\r\n/**\r\n * Creates DOMRectInit object based on the provided dimensions and the x/y coordinates.\r\n * Spec: https://drafts.fxtf.org/geometry/#dictdef-domrectinit\r\n *\r\n * @param {number} x - X coordinate.\r\n * @param {number} y - Y coordinate.\r\n * @param {number} width - Rectangle's width.\r\n * @param {number} height - Rectangle's height.\r\n * @returns {DOMRectInit}\r\n */\r\nfunction createRectInit(x, y, width, height) {\r\n    return { x: x, y: y, width: width, height: height };\r\n}\n\n/**\r\n * Class that is responsible for computations of the content rectangle of\r\n * provided DOM element and for keeping track of it's changes.\r\n */\r\nvar ResizeObservation = /** @class */ (function () {\r\n    /**\r\n     * Creates an instance of ResizeObservation.\r\n     *\r\n     * @param {Element} target - Element to be observed.\r\n     */\r\n    function ResizeObservation(target) {\r\n        /**\r\n         * Broadcasted width of content rectangle.\r\n         *\r\n         * @type {number}\r\n         */\r\n        this.broadcastWidth = 0;\r\n        /**\r\n         * Broadcasted height of content rectangle.\r\n         *\r\n         * @type {number}\r\n         */\r\n        this.broadcastHeight = 0;\r\n        /**\r\n         * Reference to the last observed content rectangle.\r\n         *\r\n         * @private {DOMRectInit}\r\n         */\r\n        this.contentRect_ = createRectInit(0, 0, 0, 0);\r\n        this.target = target;\r\n    }\r\n    /**\r\n     * Updates content rectangle and tells whether it's width or height properties\r\n     * have changed since the last broadcast.\r\n     *\r\n     * @returns {boolean}\r\n     */\r\n    ResizeObservation.prototype.isActive = function () {\r\n        var rect = getContentRect(this.target);\r\n        this.contentRect_ = rect;\r\n        return (rect.width !== this.broadcastWidth ||\r\n            rect.height !== this.broadcastHeight);\r\n    };\r\n    /**\r\n     * Updates 'broadcastWidth' and 'broadcastHeight' properties with a data\r\n     * from the corresponding properties of the last observed content rectangle.\r\n     *\r\n     * @returns {DOMRectInit} Last observed content rectangle.\r\n     */\r\n    ResizeObservation.prototype.broadcastRect = function () {\r\n        var rect = this.contentRect_;\r\n        this.broadcastWidth = rect.width;\r\n        this.broadcastHeight = rect.height;\r\n        return rect;\r\n    };\r\n    return ResizeObservation;\r\n}());\n\nvar ResizeObserverEntry = /** @class */ (function () {\r\n    /**\r\n     * Creates an instance of ResizeObserverEntry.\r\n     *\r\n     * @param {Element} target - Element that is being observed.\r\n     * @param {DOMRectInit} rectInit - Data of the element's content rectangle.\r\n     */\r\n    function ResizeObserverEntry(target, rectInit) {\r\n        var contentRect = createReadOnlyRect(rectInit);\r\n        // According to the specification following properties are not writable\r\n        // and are also not enumerable in the native implementation.\r\n        //\r\n        // Property accessors are not being used as they'd require to define a\r\n        // private WeakMap storage which may cause memory leaks in browsers that\r\n        // don't support this type of collections.\r\n        defineConfigurable(this, { target: target, contentRect: contentRect });\r\n    }\r\n    return ResizeObserverEntry;\r\n}());\n\nvar ResizeObserverSPI = /** @class */ (function () {\r\n    /**\r\n     * Creates a new instance of ResizeObserver.\r\n     *\r\n     * @param {ResizeObserverCallback} callback - Callback function that is invoked\r\n     *      when one of the observed elements changes it's content dimensions.\r\n     * @param {ResizeObserverController} controller - Controller instance which\r\n     *      is responsible for the updates of observer.\r\n     * @param {ResizeObserver} callbackCtx - Reference to the public\r\n     *      ResizeObserver instance which will be passed to callback function.\r\n     */\r\n    function ResizeObserverSPI(callback, controller, callbackCtx) {\r\n        /**\r\n         * Collection of resize observations that have detected changes in dimensions\r\n         * of elements.\r\n         *\r\n         * @private {Array<ResizeObservation>}\r\n         */\r\n        this.activeObservations_ = [];\r\n        /**\r\n         * Registry of the ResizeObservation instances.\r\n         *\r\n         * @private {Map<Element, ResizeObservation>}\r\n         */\r\n        this.observations_ = new MapShim();\r\n        if (typeof callback !== 'function') {\r\n            throw new TypeError('The callback provided as parameter 1 is not a function.');\r\n        }\r\n        this.callback_ = callback;\r\n        this.controller_ = controller;\r\n        this.callbackCtx_ = callbackCtx;\r\n    }\r\n    /**\r\n     * Starts observing provided element.\r\n     *\r\n     * @param {Element} target - Element to be observed.\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverSPI.prototype.observe = function (target) {\r\n        if (!arguments.length) {\r\n            throw new TypeError('1 argument required, but only 0 present.');\r\n        }\r\n        // Do nothing if current environment doesn't have the Element interface.\r\n        if (typeof Element === 'undefined' || !(Element instanceof Object)) {\r\n            return;\r\n        }\r\n        if (!(target instanceof getWindowOf(target).Element)) {\r\n            throw new TypeError('parameter 1 is not of type \"Element\".');\r\n        }\r\n        var observations = this.observations_;\r\n        // Do nothing if element is already being observed.\r\n        if (observations.has(target)) {\r\n            return;\r\n        }\r\n        observations.set(target, new ResizeObservation(target));\r\n        this.controller_.addObserver(this);\r\n        // Force the update of observations.\r\n        this.controller_.refresh();\r\n    };\r\n    /**\r\n     * Stops observing provided element.\r\n     *\r\n     * @param {Element} target - Element to stop observing.\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverSPI.prototype.unobserve = function (target) {\r\n        if (!arguments.length) {\r\n            throw new TypeError('1 argument required, but only 0 present.');\r\n        }\r\n        // Do nothing if current environment doesn't have the Element interface.\r\n        if (typeof Element === 'undefined' || !(Element instanceof Object)) {\r\n            return;\r\n        }\r\n        if (!(target instanceof getWindowOf(target).Element)) {\r\n            throw new TypeError('parameter 1 is not of type \"Element\".');\r\n        }\r\n        var observations = this.observations_;\r\n        // Do nothing if element is not being observed.\r\n        if (!observations.has(target)) {\r\n            return;\r\n        }\r\n        observations.delete(target);\r\n        if (!observations.size) {\r\n            this.controller_.removeObserver(this);\r\n        }\r\n    };\r\n    /**\r\n     * Stops observing all elements.\r\n     *\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverSPI.prototype.disconnect = function () {\r\n        this.clearActive();\r\n        this.observations_.clear();\r\n        this.controller_.removeObserver(this);\r\n    };\r\n    /**\r\n     * Collects observation instances the associated element of which has changed\r\n     * it's content rectangle.\r\n     *\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverSPI.prototype.gatherActive = function () {\r\n        var _this = this;\r\n        this.clearActive();\r\n        this.observations_.forEach(function (observation) {\r\n            if (observation.isActive()) {\r\n                _this.activeObservations_.push(observation);\r\n            }\r\n        });\r\n    };\r\n    /**\r\n     * Invokes initial callback function with a list of ResizeObserverEntry\r\n     * instances collected from active resize observations.\r\n     *\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverSPI.prototype.broadcastActive = function () {\r\n        // Do nothing if observer doesn't have active observations.\r\n        if (!this.hasActive()) {\r\n            return;\r\n        }\r\n        var ctx = this.callbackCtx_;\r\n        // Create ResizeObserverEntry instance for every active observation.\r\n        var entries = this.activeObservations_.map(function (observation) {\r\n            return new ResizeObserverEntry(observation.target, observation.broadcastRect());\r\n        });\r\n        this.callback_.call(ctx, entries, ctx);\r\n        this.clearActive();\r\n    };\r\n    /**\r\n     * Clears the collection of active observations.\r\n     *\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverSPI.prototype.clearActive = function () {\r\n        this.activeObservations_.splice(0);\r\n    };\r\n    /**\r\n     * Tells whether observer has active observations.\r\n     *\r\n     * @returns {boolean}\r\n     */\r\n    ResizeObserverSPI.prototype.hasActive = function () {\r\n        return this.activeObservations_.length > 0;\r\n    };\r\n    return ResizeObserverSPI;\r\n}());\n\n// Registry of internal observers. If WeakMap is not available use current shim\r\n// for the Map collection as it has all required methods and because WeakMap\r\n// can't be fully polyfilled anyway.\r\nvar observers = typeof WeakMap !== 'undefined' ? new WeakMap() : new MapShim();\r\n/**\r\n * ResizeObserver API. Encapsulates the ResizeObserver SPI implementation\r\n * exposing only those methods and properties that are defined in the spec.\r\n */\r\nvar ResizeObserver = /** @class */ (function () {\r\n    /**\r\n     * Creates a new instance of ResizeObserver.\r\n     *\r\n     * @param {ResizeObserverCallback} callback - Callback that is invoked when\r\n     *      dimensions of the observed elements change.\r\n     */\r\n    function ResizeObserver(callback) {\r\n        if (!(this instanceof ResizeObserver)) {\r\n            throw new TypeError('Cannot call a class as a function.');\r\n        }\r\n        if (!arguments.length) {\r\n            throw new TypeError('1 argument required, but only 0 present.');\r\n        }\r\n        var controller = ResizeObserverController.getInstance();\r\n        var observer = new ResizeObserverSPI(callback, controller, this);\r\n        observers.set(this, observer);\r\n    }\r\n    return ResizeObserver;\r\n}());\r\n// Expose public methods of ResizeObserver.\r\n[\r\n    'observe',\r\n    'unobserve',\r\n    'disconnect'\r\n].forEach(function (method) {\r\n    ResizeObserver.prototype[method] = function () {\r\n        var _a;\r\n        return (_a = observers.get(this))[method].apply(_a, arguments);\r\n    };\r\n});\n\nvar index = (function () {\r\n    // Export existing implementation if available.\r\n    if (typeof global$1.ResizeObserver !== 'undefined') {\r\n        return global$1.ResizeObserver;\r\n    }\r\n    return ResizeObserver;\r\n})();\n\nexport default index;\n","import ResizeObserver from 'resize-observer-polyfill';\n\nimport toggle from '../../scripts/modules/toggleUtil';\n\nexport const defaultConfig = {\n  expandButtonSelector: '[data-subrow-toggle]',\n  scrollableContainerSelector: '.table-scrollable',\n  responsiveTableSelector: `[data-table=\"responsive\"]`,\n};\n\nexport default class Table {\n  constructor(element, config) {\n    this.element = element;\n\n    this.config = { ...defaultConfig, ...config };\n\n    this.addRole = this.addRole.bind(this);\n    this.addARIA = this.addARIA.bind(this);\n    this.onExpandClick = this.onExpandClick.bind(this);\n\n    this.expandButtons = [];\n    this.scrollableContainer = null;\n\n    this.element.ODS_Table = this;\n\n    this.init();\n\n    return this;\n  }\n\n  addRole(selector, role) {\n    const items = Array.from(this.element.querySelectorAll(selector));\n\n    items.forEach(item => {\n      item.setAttribute('role', role);\n    });\n  }\n\n  addARIA() {\n    try {\n      this.element.setAttribute('role', 'table');\n      this.addRole('thead, tbody, tfoot', 'rowgroup');\n      this.addRole('tr', 'row');\n      this.addRole('td', 'cell');\n      this.addRole('th', 'columnheader');\n      this.addRole('th[scope=row]', 'rowheader');\n      // caption role not needed as it is not a real role and\n      // browsers do not dump their own role with display block\n    } catch (e) {\n      console.log('Table.addARIA(): ' + e);\n    }\n  }\n\n  onExpandClick(e) {\n    const button = e.currentTarget;\n    const ariaControls = button.getAttribute('aria-controls') ?? '';\n    const controlRows = this.element.querySelectorAll(\n      ariaControls\n        .split(' ')\n        .map(id => `#${id}`)\n        .join(',')\n    );\n\n    toggle({\n      element: button,\n      attribute: 'aria-expanded',\n    });\n\n    controlRows.forEach(row => {\n      toggle({\n        element: row,\n        attribute: 'hidden',\n      });\n    });\n  }\n\n  resizeObserver = new ResizeObserver(entries => {\n    const containerRect = this.scrollableContainer.getBoundingClientRect();\n\n    entries.forEach(entry => {\n      if (entry.contentRect.width > containerRect.width) {\n        this.scrollableContainer.setAttribute('tabindex', '0');\n      } else {\n        this.scrollableContainer.removeAttribute('tabindex');\n      }\n    });\n  });\n\n  init() {\n    this.expandButtons = Array.from(\n      this.element.querySelectorAll(this.config.expandButtonSelector)\n    );\n\n    this.expandButtons.forEach(button => {\n      button.addEventListener('click', this.onExpandClick);\n    });\n\n    if (this.element.matches(this.config.responsiveTableSelector)) {\n      this.addARIA();\n    }\n    this.maybeInitScrollable();\n  }\n\n  maybeInitScrollable() {\n    this.scrollableContainer = this.element.closest(\n      this.config.scrollableContainerSelector\n    );\n    return (\n      this.scrollableContainer && this.resizeObserver.observe(this.element)\n    );\n  }\n\n  destroy() {\n    this.expandButtons.forEach(button => {\n      button.removeEventListener('click', this.onExpandClick);\n    });\n\n    this.expandButtons = [];\n  }\n\n  update() {\n    this.destroy();\n    this.init();\n  }\n\n  static getInstance(el) {\n    return el && el.ODS_Table ? el.ODS_Table : null;\n  }\n}\n","var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn this;\n})();\n\ntry {\n\t// This works if eval is allowed (see CSP)\n\tg = g || new Function(\"return this\")();\n} catch (e) {\n\t// This works if the window reference is available\n\tif (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;\n","import React from 'react';\n\nexport default React.createContext();\n","import { oneOf } from 'prop-types';\nimport React from 'react';\n\nconst propTypes = {\n  /** Render cell as */\n  tag: oneOf(['th', 'td']),\n};\n\nconst defaultProps = {\n  tag: 'td',\n};\n\nconst Cell = ({ tag, ...other }) => {\n  const Tag = tag;\n\n  return <Tag {...other} />;\n};\n\nCell.propTypes = propTypes;\nCell.defaultProps = defaultProps;\nCell.displayName = 'TableCell';\n\nexport default Cell;\n","import React from 'react';\n\nimport TableContext from './TableContext';\nimport Cell from './Cell';\n\nexport default () => {\n  const { headers, expandableRows } = React.useContext(TableContext);\n  const sortOptions = {\n    none: `zoradiť vzostupne podľa`,\n    ascending: `zoradiť zostupne podľa`,\n    descending: `vypnúť zoradenie poďľa`,\n  };\n\n  return (\n    <thead>\n      <tr>\n        {headers.map((header, i) => {\n          const {\n            isSortable,\n            sort = 'none',\n            label,\n            cellProps,\n            headCellProps,\n          } = header;\n          return (\n            <Cell\n              tag=\"th\"\n              key={i.toString()}\n              {...cellProps}\n              {...headCellProps}\n              {...(isSortable && {\n                'aria-sort': sort,\n              })}\n              scope=\"col\"\n            >\n              {label}\n              {isSortable && (\n                <>\n                  {' '}\n                  <button type=\"button\" className=\"table__sort-button\">\n                    <span className=\"sr-only\">\n                      {sortOptions[sort]} {label}\n                    </span>\n                  </button>\n                </>\n              )}\n            </Cell>\n          );\n        })}\n        {expandableRows?.hasExpandableRows && (\n          <Cell tag=\"th\" scope=\"col\" className=\"table__cell--shrink\">\n            <span className=\"sr-only\">\n              {expandableRows?.expandableRowsCaptions?.header}\n            </span>\n          </Cell>\n        )}\n      </tr>\n    </thead>\n  );\n};\n","import React from 'react';\n\nimport Button from '../Button/';\nimport Icon from '../Icon/';\n\nimport TableContext from './TableContext';\nimport Cell from './Cell';\n\nexport default ({ row }) => {\n  const { headers, expandableRows } = React.useContext(TableContext);\n  return headers.map(({ key, cellProps }, index, array) => {\n    const cell = row[key];\n    const { value, ...props } = cell?.value ? cell : { value: cell };\n    const rl = row?.expand?.length;\n    return (\n      <React.Fragment key={key}>\n        <Cell {...cellProps} {...props}>\n          {value ? value : ''}\n        </Cell>\n        {index === array.length - 1 &&\n          expandableRows?.hasExpandableRows &&\n          (row?.expand ? (\n            <Cell className=\"align-right table__cell--shrink table__cell--expand\">\n              <Button\n                type=\"ghost\"\n                htmlType=\"button\"\n                size=\"small\"\n                isSquare\n                className=\"mb-none\"\n                data-subrow-toggle\n                aria-expanded={row.isExpanded ? 'true' : 'false'}\n                aria-controls={row.expand?.map(r => r.id).join(' ')}\n              >\n                <span className=\"visually-hidden\">\n                  {`Zobraziť ${rl} súvisiac${\n                    rl > 4 ? 'ich' : rl > 1 ? 'e' : 'i'\n                  } riad${rl > 4 ? 'kov' : rl > 1 ? 'ky' : 'ok'}`}\n                </span>\n                <Icon name=\"chevron-down\" size=\"large\" />\n              </Button>\n            </Cell>\n          ) : (\n            <Cell className=\"align-right table__cell--shrink\">\n              <span className=\"sr-only\">\n                {expandableRows?.expandableRowsCaptions?.emptyRow}\n              </span>\n            </Cell>\n          ))}\n      </React.Fragment>\n    );\n  });\n};\n","import React from 'react';\n\nimport TableContext from './TableContext';\nimport Row from './Row';\n\nexport default () => {\n  const { rows } = React.useContext(TableContext);\n  return (\n    <tbody>\n      {rows.map((row, i) => (\n        <React.Fragment key={i.toString()}>\n          <tr>\n            <Row row={row} />\n          </tr>\n          {row?.expand?.map(({ id, ...expandableRow }, j) => (\n            <tr\n              key={j.toString()}\n              id={id}\n              className=\"table__subrow\"\n              hidden={row.isExpanded ? undefined : true}\n            >\n              <Row row={expandableRow} />\n            </tr>\n          ))}\n        </React.Fragment>\n      ))}\n    </tbody>\n  );\n};\n","import React from 'react';\n\nimport Row from './Row';\nimport TableContext from './TableContext';\n\nexport default () => {\n  const { footers } = React.useContext(TableContext);\n  return footers ? (\n    <tfoot>\n      {footers.map((row, i) => (\n        <tr key={i.toString()}>\n          <Row row={row} />\n        </tr>\n      ))}\n    </tfoot>\n  ) : null;\n};\n","import React from 'react';\nimport { arrayOf, bool, shape, string, node, object } from 'prop-types';\nimport cx from 'classnames';\n\nimport ConditionalWrapper from '../../utils/ConditionalWrapper';\nimport generateId from '../../utils/generateId';\n\nimport Header from './Header';\nimport TableContext from './TableContext';\nimport Rows from './Rows';\nimport Footer from './Footer';\nimport TableStatic from './Table.static';\n\nconst propTypes = {\n  /** Caption helps users with screen readers to find a table and understand what it’s about and decide if they want to read it. */\n  caption: node,\n  expandableRowsCaptions: shape({\n    /** Text for screenreader in header of column with expandable button */\n    header: string,\n    /** Text for screenreader when row is not expandable*/\n    emptyRow: string,\n  }),\n  /** Foot element for table */\n  footers: arrayOf(object),\n  /** Labels for headers in the table. Value of the key in headers match with the key name in rows */\n  headers: arrayOf(\n    shape({\n      key: string.isRequired,\n      label: node.isRequired,\n      cellProps: object,\n      headCellProps: object,\n    })\n  ).isRequired,\n  /** Compact table only takes spaced needed to display its content */\n  isCompact: bool,\n  /** If table has horizontal scrollbar */\n  isScrollable: bool,\n  /** Different colors for even and odd rows. */\n  isStriped: bool,\n  /** rows to print out in the table. */\n  rows: arrayOf(object).isRequired,\n};\n\nconst defaultProps = {\n  expandableRowsCaptions: {\n    header: 'Rozšíriteľný',\n    emptyRow: 'Nerozšíriteľný riadok',\n  },\n};\n\nconst CLASS_ROOT = 'table';\n\nconst Table = ({\n  className,\n  caption,\n  headers,\n  rows,\n  footers,\n  isCompact,\n  isStriped,\n  isScrollable,\n  expandableRowsCaptions,\n  ...other\n}) => {\n  let tableRef = React.useRef(null);\n\n  React.useEffect(() => {\n    const table = new TableStatic(tableRef);\n\n    return () => {\n      table.destroy();\n    };\n  }, [tableRef]);\n\n  const classes = cx(\n    CLASS_ROOT,\n    {\n      [`${CLASS_ROOT}--striped`]: isStriped,\n      [`${CLASS_ROOT}--compact`]: isCompact,\n    },\n    className\n  );\n\n  const captionId = generateId('caption');\n\n  const expandableRows = {\n    hasExpandableRows: rows.some(\n      row => row && row.expand && row.expand.length > 0\n    ),\n    expandableRowsCaptions,\n  };\n\n  const customRows = rows.map(row => {\n    if (row && row.expand) {\n      return {\n        ...row,\n        expand: row.expand.map(expandableRow => ({\n          ...expandableRow,\n          id: generateId('row'),\n        })),\n      };\n    }\n\n    return row;\n  });\n\n  const context = {\n    headers,\n    footers,\n    rows: customRows,\n    expandableRows,\n  };\n\n  const table = (\n    <TableContext.Provider value={context}>\n      <ConditionalWrapper\n        condition={isScrollable}\n        wrapper={\n          <div\n            className={`${CLASS_ROOT}-scrollable`}\n            role=\"group\"\n            {...(caption && { 'aria-labelledby': captionId })}\n          />\n        }\n      >\n        <table\n          ref={ref => {\n            tableRef = ref;\n          }}\n          className={classes}\n          {...other}\n        >\n          {caption && (\n            <caption {...(isScrollable && { id: captionId })}>\n              {caption}\n            </caption>\n          )}\n          <Header />\n          <Rows />\n          <Footer />\n        </table>\n      </ConditionalWrapper>\n    </TableContext.Provider>\n  );\n\n  return table;\n};\n\nTable.propTypes = propTypes;\nTable.defaultProps = defaultProps;\nTable.displayName = 'Table';\n\nexport default Table;\n"],"sourceRoot":""}

package/build/components/Table/style.css

@@ -1,2 +0,0 @@
-.table{width:100%;margin-bottom:1.25rem;color:#000;background-color:#fff}.table td,.table th{padding:.625rem .625rem .625rem 0;vertical-align:middle;font-size:inherit;line-height:inherit}.table thead th{vertical-align:bottom;text-align:left;border-bottom:2px solid #ccc;font-weight:700}.table tr{line-height:1.25rem;border-bottom:1px solid #ccc}.table thead>tr{border-bottom-width:2px}.table tbody>th{font-weight:400}.table tr>:first-of-type{padding-left:.625rem}.table tbody+tbody{border-top:2px solid #ccc}.table>tfoot>tr{border-bottom-width:0;border-top:2px solid #000}.table>tfoot>tr:not(:first-child){border-top-color:#ccc}.table--striped tbody tr:nth-of-type(odd){background-color:#f6f6f6}.table--compact{width:auto}.table-scrollable{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media screen and (max-width:767.98px){.table-scrollable--sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media screen and (max-width:991.98px){.table-scrollable--md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media screen and (max-width:1239.98px){.table-scrollable--lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media screen and (max-width:1379.98px){.table-scrollable--xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}.table__sort-button{position:relative;display:inline-block;width:1.25rem;height:1.25rem;vertical-align:bottom;cursor:pointer}.table__sort-button:after,.table__sort-button:before{content:"";position:absolute;left:.3125rem;border-left:5px solid transparent;border-right:5px solid transparent;transition:opacity .1s ease 0s}.table__sort-button:before{top:4px;border-bottom:5px solid #000}.table__sort-button:after{top:12px;border-top:5px solid #000}[aria-sort=ascending] .table__sort-button:after,[aria-sort=descending] .table__sort-button:before{opacity:.3}.table__subrow{background-color:#eee}.table button[aria-expanded=true]>svg{transform:rotate(180deg)}.table__cell--expand{padding-top:4px!important;padding-bottom:0!important}.table__cell--shrink{width:.1%}.table__cell--fill{width:100%}.icon{fill:currentColor;width:1em;height:1em;vertical-align:text-bottom}.icon--small{width:1rem;height:1rem}.icon--medium{width:1.5rem;height:1.5rem}.icon--large{width:2rem;height:2rem}.icon--xlarge{width:2.5rem;height:2.5rem}.icon--xxlarge{width:3rem;height:3rem}.icon--huge{width:3.5rem;height:3.5rem}@media screen and (min-width:768px){.icon--xlarge{width:3rem;height:3rem}.icon--xxlarge{width:4rem;height:4rem}.icon--huge{width:5rem;height:5rem}}.icon--info{color:#527edb}.icon--success{color:#32c832}.icon--warning{color:#fc0}.icon--danger{color:#cd3c14}.icon--orange{color:#ff7900}use{pointer-events:none}.btn{border:2px solid transparent;font-size:1.125rem;font-weight:700;line-height:1.4;transition-duration:.2s;transition-timing-function:ease-in-out;transition-property:border-color,background-color,color;display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;line-height:1.25;vertical-align:initial;cursor:pointer;margin-bottom:1.25rem}.btn.is-active,.btn:active{transition-property:none;z-index:2}.btn[aria-disabled=true],.btn[disabled]{cursor:not-allowed}.btn:not(:last-of-type){margin-right:.625rem}.btn{min-height:2.5rem;padding:.375rem .9375rem}.btn--small{min-height:1.875rem;padding:.125rem .625rem}.btn--large{min-height:3.125rem;padding:.625rem 1.25rem}.bg-black .btn,.btn--inverse.btn{color:#fff;background-color:initial;border-color:#fff}@media(hover:hover){.bg-black .btn:hover,.btn--inverse.btn:hover{color:#000;background-color:#fff;border-color:transparent;z-index:2}}.bg-black .btn.is-active,.bg-black .btn:active,.btn--inverse.btn.is-active,.btn--inverse.btn:active{color:#fff;background:#f16e00;border-color:transparent;z-index:2}.bg-black .btn[aria-disabled=true],.bg-black .btn[disabled],.btn--inverse.btn[aria-disabled=true],.btn--inverse.btn[disabled]{color:#999;border-color:#999;background-color:initial}.bg-black .btn--primary,.btn--inverse.btn--primary{color:#fff;background-color:#f16e00;border-color:transparent}@media(hover:hover){.bg-black .btn--primary:hover,.btn--inverse.btn--primary:hover{color:#000;background-color:#fff;border-color:transparent;z-index:2}}.bg-black .btn--primary.is-active,.bg-black .btn--primary:active,.btn--inverse.btn--primary.is-active,.btn--inverse.btn--primary:active{color:#fff;background-color:initial;border-color:#fff;z-index:2}.bg-black .btn--primary[aria-disabled=true],.bg-black .btn--primary[disabled],.btn--inverse.btn--primary[aria-disabled=true],.btn--inverse.btn--primary[disabled]{color:#000;background-color:#999;border-color:#999}.bg-black .btn--fill,.btn--inverse.btn--fill{color:#000;background-color:#fff;border-color:transparent}@media(hover:hover){.bg-black .btn--fill:hover,.btn--inverse.btn--fill:hover{color:#fff;background-color:initial;border-color:#fff;z-index:2}}.bg-black .btn--fill.is-active,.bg-black .btn--fill:active,.btn--inverse.btn--fill.is-active,.btn--inverse.btn--fill:active{color:#fff;background-color:#f16e00;border-color:transparent;z-index:2}.bg-black .btn--fill[aria-disabled=true],.bg-black .btn--fill[disabled],.btn--inverse.btn--fill[aria-disabled=true],.btn--inverse.btn--fill[disabled]{color:#000;background-color:#999;border-color:#999}.bg-black .btn--ghost,.btn--inverse.btn--ghost{color:#fff;background-color:initial;border-color:transparent}@media(hover:hover){.bg-black .btn--ghost:hover,.btn--inverse.btn--ghost:hover{color:#fff;background-color:initial;border-color:#666;z-index:2}}.bg-black .btn--ghost.is-active,.bg-black .btn--ghost:active,.btn--inverse.btn--ghost.is-active,.btn--inverse.btn--ghost:active{color:#f16e00;background-color:initial;border-color:#666;z-index:2}.bg-black .btn--ghost[aria-disabled=true],.bg-black .btn--ghost[disabled],.btn--inverse.btn--ghost[aria-disabled=true],.btn--inverse.btn--ghost[disabled]{color:#999;background-color:initial;border-color:transparent}.btn,.btn--default.btn{color:#000;background-color:initial;border-color:#000}@media(hover:hover){.btn--default.btn:hover,.btn:hover{color:#fff;background-color:#000;border-color:transparent;z-index:2}}.btn--default.btn.is-active,.btn--default.btn:active,.btn.is-active,.btn:active{color:#fff;background-color:#f16e00;border-color:transparent;z-index:2}.btn--default.btn[aria-disabled=true],.btn--default.btn[disabled],.btn[aria-disabled=true],.btn[disabled]{color:#666;background-color:initial;border-color:#999}.btn--default.btn--primary,.btn--primary{color:#fff;background-color:#f16e00;border-color:transparent}@media(hover:hover){.btn--default.btn--primary:hover,.btn--primary:hover{z-index:2}}.btn--default.btn--primary.is-active,.btn--default.btn--primary:active,.btn--primary.is-active,.btn--primary:active{color:#000;background-color:initial;border-color:#000;z-index:2}.btn--default.btn--primary[aria-disabled=true],.btn--default.btn--primary[disabled],.btn--primary[aria-disabled=true],.btn--primary[disabled]{color:#fff;background-color:#999;border-color:#999}.btn--default.btn--fill,.btn--fill{color:#fff;background-color:#000;border-color:transparent}@media(hover:hover){.btn--default.btn--fill:hover,.btn--fill:hover{color:#000;background-color:initial;border-color:#000;z-index:2}}.btn--default.btn--fill.is-active,.btn--default.btn--fill:active,.btn--fill.is-active,.btn--fill:active{color:#fff;background-color:#f16e00;border-color:transparent;z-index:2}.btn--default.btn--fill[aria-disabled=true],.btn--default.btn--fill[disabled],.btn--fill[aria-disabled=true],.btn--fill[disabled]{color:#fff;background-color:#999;border-color:#999}.btn--default.btn--ghost,.btn--ghost{color:#000;background-color:initial;border-color:transparent}@media(hover:hover){.btn--default.btn--ghost:hover,.btn--ghost:hover{color:#000;background-color:initial;border-color:#ccc;z-index:2}}.btn--default.btn--ghost.is-active,.btn--default.btn--ghost:active,.btn--ghost.is-active,.btn--ghost:active{color:#f16e00;background-color:initial;border-color:#ccc;z-index:2}.btn--default.btn--ghost[aria-disabled=true],.btn--default.btn--ghost[disabled],.btn--ghost[aria-disabled=true],.btn--ghost[disabled]{color:#666;background-color:initial;border-color:transparent}.btn--square{display:inline-flex;flex:0 0 auto;flex-flow:row;justify-content:center;align-items:center;padding:0;line-height:0}.btn--square.btn{width:2.5rem;height:2.5rem}.btn--square.btn--small{width:1.875rem;height:1.875rem}.btn--square.btn--large{width:3.125rem;height:3.125rem}.btn__icon-left{backface-visibility:hidden;margin-left:-.25em;margin-right:.5em}.btn__icon-right{backface-visibility:hidden;margin-left:.5em;margin-right:-.25em}.btn--large .icon--large{margin-top:-.1875rem;margin-bottom:-.1875rem}
-/*# sourceMappingURL=style.css.map */

package/build/components/Table/style.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["style.scss","mixins.scss","../../../styles/tokens/color.scss","config.scss","../../../styles/tokens/breakpoint.scss","../../../styles/tools/generate.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["@use '../../../styles/tools/generate';\n@use './config';\n@use './mixins';\n\n.btn {\n  @include mixins.base;\n  @include mixins.layout;\n}\n\n// button sizes\n@each $name, $props in config.$sizes {\n  .btn#{generate.variant-name($name)} {\n    @include mixins.size($name);\n  }\n}\n\n\n// inverse button styles\n@each $name, $props in config.$inverse-styles {\n  .bg-black .btn#{generate.variant-name($name)},\n  .btn--inverse.btn#{generate.variant-name($name)} {\n    @include mixins.style($name, config.$inverse-styles);\n  }\n}\n\n// button styles\n@each $name, $props in config.$styles {\n  .btn#{generate.variant-name($name)},\n  .btn--default.btn#{generate.variant-name($name)} {\n    @include mixins.style($name);\n  }\n}\n\n.btn--square {\n  @include mixins.square-base;\n\n  @each $name, $props in config.$sizes {\n    &.btn#{generate.variant-name($name)} {\n      @include mixins.square-size($name);\n    }\n  }\n}\n\n.btn__icon-left {\n  @include mixins.icon('left');\n}\n\n.btn__icon-right {\n  @include mixins.icon('right');\n}\n\n.btn--large .icon--large {\n  @include mixins.large-button-large-icon-size-fix();\n}\n","@use \"sass:map\" as sass-map;\n@use '../../../styles/tokens/base';\n@use '../../../styles/tokens/space';\n@use '../../../styles/tools/convert';\n@use '../../../styles/tools/generate';\n@use '../../../styles/tools/map';\n@use './config';\n\n/// Applies base button styles used for every button-base\n/// @param {map} $states - Map of button states\n@mixin base($states: config.$base) {\n  @include generate.css-map($states, 'default');\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  text-decoration: none;\n  line-height: 1.25;\n  vertical-align: baseline;\n  cursor: pointer;\n\n  @media (hover: hover) {\n    &:hover {\n      @include generate.css-map($states, 'hover');\n    }\n  }\n\n  &:active,\n  &.is-active {\n    @include generate.css-map($states, 'active');\n\n    z-index: 2;\n  }\n\n  &[aria-disabled='true'],\n  &[disabled] {\n    @include generate.css-map($states, 'disabled');\n\n    cursor: not-allowed;\n  }\n}\n\n// Layout rules. Adds space between adjacent buttons and applies vertical spacing after a button.\n@mixin layout {\n  margin-bottom: space.get();\n\n  &:not(:last-of-type) {\n    margin-right: space.get('small');\n  }\n}\n\n/// Styles our button appropriately\n/// @param {map} $states - Map of button states\n@mixin style($name, $config: config.$styles) {\n  $states: sass-map.get($config, $name);\n\n  @include generate.css-map($states, 'default');\n\n  @media (hover: hover) {\n    &:hover {\n      @include generate.css-map($states, 'hover');\n\n      z-index: 2;\n    }\n  }\n\n  &:active,\n  &.is-active {\n    @include generate.css-map($states, 'active');\n\n    z-index: 2;\n  }\n\n  &[aria-disabled='true'],\n  &[disabled] {\n    @include generate.css-map($states, 'disabled');\n  }\n}\n\n@mixin size($name, $config: config.$sizes) {\n  @include generate.css-map($config, $name);\n}\n\n@mixin square-base {\n  display: inline-flex;\n  flex: 0 0 auto;\n  flex-flow: row;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n  line-height: 0;\n}\n\n@mixin square-size($name, $config: config.$sizes) {\n  $size: sass-map.get(sass-map.get($config, $name), 'min-height');\n\n  width: $size;\n  height: $size;\n}\n\n@mixin icon($position) {\n  backface-visibility: hidden;\n\n  @if ($position == 'left') {\n    margin-left: config.$icon-offset-from-edge;\n    margin-right: config.$icon-offset-from-text;\n  }\n\n  @if ($position == 'right') {\n    margin-left: config.$icon-offset-from-text;\n    margin-right: config.$icon-offset-from-edge;\n  }\n}\n\n// Fixes issue when a large icon in large button increases its height\n@mixin large-button-large-icon-size-fix() {\n  margin-top: convert.to-rem(-3px);\n  margin-bottom: convert.to-rem(-3px);\n}\n","// core (brand)\n$orange: #ff7900;\n$orange-dark: #f16e00;\n$black: #000;\n$white: #fff;\n\n// supporting color\n$blue: #4bb4e6;\n$green: #50be87;\n$pink: #ffb4e6;\n$violet: #a885d8;\n$yellow: #ffd200;\n$yellow-lighter: #fff6b6;\n$red: #ff4d4d;\n\n// functional\n$gray-300: #eee;\n$gray-400: #ddd;\n$gray-500: #ccc;\n$gray-600: #999;\n$gray-700: #666;\n$gray-800: #595959;\n$gray-900: #333;\n$success: #32c832;\n$danger: #cd3c14;\n$info: #527edb;\n$warning: #fc0;\n","@use '../../../styles/tokens/color';\n@use '../../../styles/tokens/space';\n@use '../../../styles/tools/convert';\n\n$base: (\n  default: (\n    border: 2px solid transparent,\n    font-size: convert.to-rem(18px),\n    font-weight: bold,\n    line-height: 1.4,\n    transition-duration: 200ms,\n    transition-timing-function: ease-in-out,\n    transition-property: (\n      border-color,\n      background-color,\n      color,\n    ),\n  ),\n  active: (\n    transition-property: none,\n  ),\n);\n\n/// Generates button sizes. Each key is a suffix added to btn- (except default), and each value is the button font size.\n/// @type Map\n/// @prop {Length} button-size.font-size\n$sizes: (\n  default: (\n    min-height: convert.to-rem(40px),\n    padding: convert.to-rem(6px) convert.to-rem(15px),\n  ),\n  small: (\n    min-height: convert.to-rem(30px),\n    padding: convert.to-rem(2px) convert.to-rem(10px),\n  ),\n  large: (\n    min-height: convert.to-rem(50px),\n    padding: space.get('small') convert.to-rem(20px),\n  ),\n);\n\n/// Generates button color/style variants.\n/// @type Map\n/// @prop {Map} variant - Variant name (\".btn__primary\"). \"default\" is applied to generic \".btn\" class\n/// all props in styles.variant are settings of the button style mixin. @mixin style\n/// @example\n///   $styles:\n///     primary: (\n///       default: (\n///         text-color: white\n///         background: primary\n///       ),\n///       active: (...),\n///       ...\n///     ), // primary color bg and border, white text and default shadow\n///   );\n$styles: (\n  default: (\n    default: (\n      color: color.$black,\n      background-color: transparent,\n      border-color: color.$black,\n    ),\n    hover: (\n      color: color.$white,\n      background-color: color.$black,\n      border-color: transparent,\n    ),\n    active: (\n      color: color.$white,\n      background-color: color.$orange-dark,\n      border-color: transparent,\n    ),\n    disabled: (\n      color: color.$gray-700,\n      background-color: transparent,\n      border-color: color.$gray-600,\n    ),\n  ),\n  primary: (\n    default: (\n      color: color.$white,\n      background-color: color.$orange-dark,\n      border-color: transparent,\n    ),\n    active: (\n      color: color.$black,\n      background-color: transparent,\n      border-color: color.$black,\n    ),\n    disabled: (\n      color: color.$white,\n      background-color: color.$gray-600,\n      border-color: color.$gray-600,\n    ),\n  ),\n  fill: (\n    default: (\n      color: color.$white,\n      background-color: color.$black,\n      border-color: transparent,\n    ),\n    hover: (\n      color: color.$black,\n      background-color: transparent,\n      border-color: color.$black,\n    ),\n    active: (\n      color: color.$white,\n      background-color: color.$orange-dark,\n      border-color: transparent,\n    ),\n    disabled: (\n      color: color.$white,\n      background-color: color.$gray-600,\n      border-color: color.$gray-600,\n    ),\n  ),\n  ghost: (\n    default: (\n      color: color.$black,\n      background-color: transparent,\n      border-color: transparent,\n    ),\n    hover: (\n      color: color.$black,\n      background-color: transparent,\n      border-color: color.$gray-500,\n    ),\n    active: (\n      color: color.$orange-dark,\n      background-color: transparent,\n      border-color: color.$gray-500,\n    ),\n    disabled: (\n      color: color.$gray-700,\n      background-color: transparent,\n      border-color: transparent,\n    ),\n  ),\n);\n\n/// Generates inverse button color/style variants.\n/// @type Map\n/// @prop {Map} variant - Button variant name (\".btn-primary\"). \"default\" is applied to generic \".btn\" class\n/// all props in styles.variant are settings of the button style mixin. @mixin style\n/// @example\n///   $inverse-styles:\n///     primary: (\n///       default: (\n///         text-color: white\n///         background: primary\n///       ),\n///       active: (...),\n///       ...\n///     ), // primary color bg and border, white text and default shadow\n///   );\n$inverse-styles: (\n  default: (\n    default: (\n      color: color.$white,\n      background-color: transparent,\n      border-color: color.$white,\n    ),\n    hover: (\n      color: color.$black,\n      background-color: color.$white,\n      border-color: transparent,\n    ),\n    active: (\n      color: color.$white,\n      background: color.$orange-dark,\n      border-color: transparent,\n    ),\n    disabled: (\n      color: color.$gray-600,\n      border-color: color.$gray-600,\n      background-color: transparent,\n    ),\n  ),\n  primary: (\n    default: (\n      color: color.$white,\n      background-color: color.$orange-dark,\n      border-color: transparent,\n    ),\n    hover: (\n      color: color.$black,\n      background-color: color.$white,\n      border-color: transparent,\n    ),\n    active: (\n      color: color.$white,\n      background-color: transparent,\n      border-color: color.$white,\n    ),\n    disabled: (\n      color: color.$black,\n      background-color: color.$gray-600,\n      border-color: color.$gray-600,\n    ),\n  ),\n  fill: (\n    default: (\n      color: color.$black,\n      background-color: color.$white,\n      border-color: transparent,\n    ),\n    hover: (\n      color: color.$white,\n      background-color: transparent,\n      border-color: color.$white,\n    ),\n    active: (\n      color: color.$white,\n      background-color: color.$orange-dark,\n      border-color: transparent,\n    ),\n    disabled: (\n      color: color.$black,\n      background-color: color.$gray-600,\n      border-color: color.$gray-600,\n    ),\n  ),\n  ghost: (\n    default: (\n      color: color.$white,\n      background-color: transparent,\n      border-color: transparent,\n    ),\n    active: (\n      color: color.$orange-dark,\n      background-color: transparent,\n      border-color: color.$gray-700,\n    ),\n    hover: (\n      color: color.$white,\n      background-color: transparent,\n      border-color: color.$gray-700,\n    ),\n    disabled: (\n      color: color.$gray-600,\n      background-color: transparent,\n      border-color: transparent,\n    ),\n  ),\n);\n\n$icon-offset-from-edge: -0.25em;\n$icon-offset-from-text: 0.5em;\n","@use \"sass:list\";\n@use \"sass:meta\";\n@use 'sass:map' as sassmap;\n@use '../tools/map';\n\n$map: (\n  xs: 0,\n  sm: 480px,\n  md: 768px,\n  lg: 992px,\n  xl: 1240px,\n  xxl: 1380px,\n);\n\n@mixin get( $breakpoint, $param: false) {\n  @if (not sassmap.has-key($map, $breakpoint) and $breakpoint != 'default') {\n    @warn 'Breakpoint \"#{$breakpoint}\" is not defined.';\n\n    @debug 'Available breakpoints:'; // stylelint-disable-line at-rule-disallowed-list\n    @debug $map; // stylelint-disable-line at-rule-disallowed-list\n  }\n\n  @if (\n    ($breakpoint == list.nth(sassmap.keys($map), 1) and not $param) or\n    ( not $breakpoint ) or\n    ( $breakpoint == 'default' )\n  ) {\n    @content;\n  } @else if not $param {\n    // no param, just a standard mobile first media query\n    @if sassmap.has-key( $map, $breakpoint ) {\n      // breakpoint is in breakpoint map, let's use stored value\n      @media screen and (min-width: sassmap.get($map, $breakpoint)) { @content; };\n    } @else {\n      // breakpoint is not in breakpoint map, let's use custom value\n      @media screen and (min-width: $breakpoint) { @content; };\n    }\n  } @else if (\n    $param == 'down' and\n    map.next($map, $breakpoint)\n  ) {\n    @media screen and (max-width: map.next($map, $breakpoint) - 0.02px) {\n      @content;\n    }\n  } @else if (\n    $param == 'down' and\n    not sassmap.has-key($map, $breakpoint)\n  ) {\n    @media screen and (max-width: $breakpoint) { @content; };\n  } @else if (\n    $param == 'only' and\n    map.next($map, $breakpoint)\n  ) {\n    @media screen and\n      (min-width: sassmap.get($map, $breakpoint)) and\n      (max-width: map.next($map, $breakpoint) - 0.02px) { @content; };\n  } @else if (\n    sassmap.has-key( $map, $param) and\n    sassmap.has-key( $map, $breakpoint)\n  ) {\n    @media screen and\n      (min-width: sassmap.get($map, $breakpoint)) and\n      (max-width: sassmap.get($map, $param) - 0.02px) { @content; };\n  } @else if (\n    $param == 'downfrom' and\n    sassmap.get($map, $breakpoint) > 0 and\n    $breakpoint != 'xs'\n  ) {\n    @media screen and (max-width: sassmap.get($map, $breakpoint) - 0.02px) {\n      @content;\n    } // -1\n  } @else if (meta.type-of($param) == 'number') {\n    @if sassmap.has-key($map, $breakpoint) {\n      // breakpoint is in breakpoint map\n      @media screen and\n        (min-width: sassmap.get($map, $breakpoint)) and\n        (max-width: $param) { @content; };\n    } @else {\n      // breakpoint is not in breakpoint map, let's use custom value\n      @media screen and (min-width: $breakpoint) and (max-width: $param) { @content; }\n    }\n  } @else if (\n    not ($breakpoint == list.nth(sassmap.keys($map), -1) and $param == 'down') and\n    not ($breakpoint == list.nth(sassmap.keys($map), -1) and $param == 'only') and\n    not ($breakpoint == list.nth(sassmap.keys($map), 1) and $param == 'downfrom')\n  ) {\n    // do nothing on known edge cases. we just dont generate any code.\n    @warn 'Breakpoint is not configured properly #{$breakpoint}, #{$param}';\n  }\n}\n\n@mixin each() {\n  @each $breakpoint, $size in $map {\n    @include get($breakpoint) {\n      @content($breakpoint);\n    }\n  }\n}\n","@use '../tokens/breakpoint';\n@use './map' as *;\n\n/// Get css propeties from map\n///\n/// @param {Map} $map - Map\n/// @param {Arglist} $keys - Keys to fetch\n///\n/// @example\n/// $map: (\n///   background-color: #fff,\n///   color: #000\n/// );\n///\n/// .example {\n///   @include css-map($map);\n///  }\n///\n/// Output:\n/// .example {\n///   background-color: #fff;\n///   color: #000;\n/// }\n@mixin css-map($_map, $keys...) {\n  $map: if($keys, map-deep-get($_map, $keys...), $_map);\n\n  @each $prop, $value in $map {\n    #{$prop}: #{$value};\n  }\n}\n\n/// Get responsive css propeties from map\n///\n/// @param {Map} $map - Map\n/// @param {Arglist} $keys - Keys to fetch\n///\n/// @example\n/// $map: (\n///   default: (\n///     color: red,\n///   ),\n///   xl: (\n///     color: blue,\n///   ),\n/// );\n///\n/// .example {\n///   @include responsive-css-map($map);\n///  }\n///\n/// Output:\n/// .example {\n///   color: red;\n///   @media only screen and (min-width: 1240px) {\n///     color: blue;\n///   }\n/// }\n@mixin responsive-css-map($map) {\n  @each $breakpoint, $props in $map {\n    @include breakpoint.get($breakpoint) {\n      @include css-map($props);\n    }\n  }\n}\n\n/// Get variants of elemnt from map\n///\n/// @param {Map} $map - map\n/// @param {Map} $className - class name of element\n/// @param {Map} $classSuffix - suffix for class name of element\n@mixin variants($map, $className: '', $classSuffix: '') {\n  @each $variant, $props in $map {\n    #{if(&, \"&\", \"\")}#{$className + variant-name($variant) + $classSuffix} {\n      @include css-map($props);\n    }\n  }\n}\n\n/// Get responsive variants of elemnt from map\n///\n/// @param {Map} $map - map\n/// @param {Map} $className - class name of element\n/// @param {Map} $classSuffix - suffix for class name of element\n@mixin responsive-variants($map, $className: '', $classSuffix: '') {\n  @each $breakpoint, $props in $map {\n    @include breakpoint.get($breakpoint) {\n      @include variants($props, $className, $classSuffix);\n    }\n  }\n}\n\n/// Get prefixed variant name\n/// @param {String} $name - Variant name\n/// @return {String} - Return a prefixed variant name or empty string, for default variants\n/// @example scss\n///   variant-name('primary')\n/// // -primary\n///   variant-name('default')\n///\n@function variant-name($name, $prefix: '--', $suffix: '') {\n  @if not $name or $name == default or $name == xs {\n    @return '';\n  }\n\n  @return #{$prefix + $name + $suffix};\n}\n"]}

package/build/components/Tabs/Tabs.static.js

@@ -1,2 +0,0 @@
-!function(t,e){if("object"===typeof exports&&"object"===typeof module)module.exports=e();else if("function"===typeof define&&define.amd)define([],e);else{var i=e();for(var n in i)("object"===typeof exports?exports:t)[n]=i[n]}}(this,(function(){return function(t){var e={};function i(n){if(e[n])return e[n].exports;var s=e[n]={i:n,l:!1,exports:{}};return t[n].call(s.exports,s,s.exports,i),s.l=!0,s.exports}return i.m=t,i.c=e,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},i.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var s in t)i.d(n,s,function(e){return t[e]}.bind(null,s));return n},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="/",i(i.s=80)}({2:function(t,e,i){"use strict";i.d(e,"a",(function(){return n}));const n={TAB:["Tab"],ENTER:["Enter"],ESC:["Esc","Escape"],SPACE:["Spacebar"," "],ARROWLEFT:["Left","ArrowLeft"],ARROWUP:["Up","ArrowUp"],ARROWRIGHT:["Right","ArrowRight"],ARROWDOWN:["Down","ArrowDown"]}},80:function(t,e,i){"use strict";i.r(e),i.d(e,"defaultConfig",(function(){return s})),i.d(e,"configDocs",(function(){return o})),i.d(e,"default",(function(){return r}));var n=i(9);const s={tabSelector:'[role="tab"]'},o={tabSelector:"Tab element selector"};class r{constructor(t,e){return this.isActive=t=>!t.hasAttribute("hidden"),this.isSelected=t=>"true"===t.getAttribute("aria-selected"),this.element=t,this.config={...s,...e},this.tabs=[],this.tabPanels=[],this.activeTabIndex=null,this.rovingTabindex=null,this.handleClick=this.handleClick.bind(this),this.handleTabFocus=this.handleTabFocus.bind(this),this.element.ODS_Tabs=this,this.init(),this}static getInstance(t){return t&&t.ODS_Tabs?t.ODS_Tabs:null}init(){this.tabs=Array.from(this.element.querySelectorAll(this.config.tabSelector)),this.tabs.map((t,e)=>(this.tabPanels.push(document.getElementById(t.getAttribute("aria-controls"))),t.addEventListener("click",this.handleClick),t.addEventListener("focus",this.handleTabFocus),this.isSelected(t)&&(this.activeTabIndex=e),t)),this.rovingTabindex?this.rovingTabindex.update(this.tabs):this.rovingTabindex=new n.a(this.tabs,{direction:"any"})}destroy(){this.tabs.map(t=>(t.removeEventListener("click",this.handleClick),t.removeEventListener("focus",this.onFocus),t)),this.tabs=[],this.tabPanels=[],this.rovingTabindex.destroy(),this.element.ODS_Tabs=null}update(){this.destroy(),this.init()}handleClick(t){const e=t.currentTarget;t.currentTarget.hasAttribute("aria-disabled")?t.preventDefault():(this.tabs.map((t,i)=>t===e?(this.activeTabIndex=i,this.toggleTab(t,"on")):this.toggleTab(t,"off")),this.tabPanels.map(t=>t.getAttribute("id")===e.getAttribute("aria-controls")?this.toggleTabPanel(t,"on"):this.toggleTabPanel(t,"off")))}toggleTab(t,e){const i=this.isSelected(t);"on"!==e||i||(t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0")),"off"===e&&i&&(t.setAttribute("aria-selected","false"),t.setAttribute("tabindex","-1"))}toggleTabPanel(t,e){const i=this.isActive(t);"on"!==e||i||t.removeAttribute("hidden"),"off"===e&&i&&t.setAttribute("hidden","")}activateNthTab(t){this.tabs.map((e,i)=>i===t?(this.activeTabIndex=i,this.toggleTab(e,"on")):this.toggleTab(e,"off")),this.tabPanels.map((e,i)=>i===t?this.toggleTabPanel(e,"on"):this.toggleTabPanel(e,"off"))}handleTabFocus(){this.rovingTabindex.isActive||this.rovingTabindex.init()}}},9:function(t,e,i){"use strict";i.d(e,"a",(function(){return s}));var n=i(2);class s{constructor(t,e={direction:"horizontal"}){this.elems=t,this.config=e,this.isActive=!1,this.onKeydown=this.onKeydown.bind(this)}init(){document.addEventListener("keydown",this.onKeydown),this.isActive=!0}destroy(){document.removeEventListener("keydown",this.onKeydown),this.isActive=!1}update(t){this.elems=t}onKeydown(t){const e=this.elems.indexOf(document.activeElement);(n.a.ARROWUP.includes(t.key)||n.a.ARROWDOWN.includes(t.key))&&"horizontal"===this.config.direction||(n.a.ARROWLEFT.includes(t.key)||n.a.ARROWRIGHT.includes(t.key))&&"vertical"===this.config.direction||((n.a.ARROWDOWN.includes(t.key)||n.a.ARROWRIGHT.includes(t.key))&&(t.preventDefault(),e>=0&&e<this.elems.length-1?this.elems[e+1].focus():this.elems[0].focus()),(n.a.ARROWUP.includes(t.key)||n.a.ARROWLEFT.includes(t.key))&&(t.preventDefault(),e>=1?this.elems[e-1].focus():this.elems[this.elems.length-1].focus()),n.a.TAB.includes(t.key)&&this.destroy())}}}})}));
-//# sourceMappingURL=Tabs.static.js.map

package/build/components/Tabs/Tabs.static.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../webpack/universalModuleDefinition","../webpack/bootstrap","utils/constants.js","components/Tabs/Tabs.static.js","utils/keyboard.js"],"names":["root","factory","exports","module","define","amd","a","i","this","installedModules","__webpack_require__","moduleId","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","keys","TAB","ENTER","ESC","SPACE","ARROWLEFT","ARROWUP","ARROWRIGHT","ARROWDOWN","defaultConfig","tabSelector","configDocs","Tabs","constructor","element","config","isActive","el","hasAttribute","isSelected","getAttribute","tabs","tabPanels","activeTabIndex","rovingTabindex","handleClick","handleTabFocus","ODS_Tabs","init","Array","from","querySelectorAll","map","tab","index","push","document","getElementById","addEventListener","update","RovingTabindex","direction","destroy","removeEventListener","onFocus","e","clickedTab","currentTarget","preventDefault","toggleTab","tabPanel","toggleTabPanel","state","setAttribute","removeAttribute","activateNthTab","elems","onKeydown","activeElemIndex","indexOf","activeElement","includes","length","focus"],"mappings":"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","file":"components/Tabs/Tabs.static.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse {\n\t\tvar a = factory();\n\t\tfor(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];\n\t}\n})(this, function() {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 80);\n","export const breakpoints = {\n  xs: 0,\n  sm: 480,\n  md: 768,\n  lg: 992,\n  xl: 1240,\n  xxl: 1380,\n};\n\n// we use array to include old browser key names like IE11\n// ie. navigation keys https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values#navigation_keys\nexport const keys = {\n  TAB: ['Tab'],\n  ENTER: ['Enter'],\n  ESC: ['Esc', 'Escape'],\n  SPACE: ['Spacebar', ' '],\n  ARROWLEFT: ['Left', 'ArrowLeft'],\n  ARROWUP: ['Up', 'ArrowUp'],\n  ARROWRIGHT: ['Right', 'ArrowRight'],\n  ARROWDOWN: ['Down', 'ArrowDown'],\n};\n","// ---------------------------------------------------\n// Tabs\n// module for handling tabs\n\nimport { RovingTabindex } from '../../utils/keyboard';\n\nexport const defaultConfig = {\n  tabSelector: '[role=\"tab\"]',\n};\n\nexport const configDocs = {\n  tabSelector: 'Tab element selector',\n};\n\nexport default class Tabs {\n  constructor(element, config) {\n    this.element = element;\n    this.config = { ...defaultConfig, ...config };\n\n    this.tabs = [];\n    this.tabPanels = [];\n    this.activeTabIndex = null;\n\n    this.rovingTabindex = null;\n\n    this.handleClick = this.handleClick.bind(this);\n    this.handleTabFocus = this.handleTabFocus.bind(this);\n\n    this.element.ODS_Tabs = this;\n\n    this.init();\n\n    return this;\n  }\n\n  static getInstance(el) {\n    return el && el.ODS_Tabs ? el.ODS_Tabs : null;\n  }\n\n  init() {\n    this.tabs = Array.from(\n      this.element.querySelectorAll(this.config.tabSelector)\n    );\n\n    this.tabs.map((tab, index) => {\n      this.tabPanels.push(\n        document.getElementById(tab.getAttribute('aria-controls'))\n      );\n      tab.addEventListener('click', this.handleClick);\n      tab.addEventListener('focus', this.handleTabFocus);\n\n      if (this.isSelected(tab)) {\n        this.activeTabIndex = index;\n      }\n\n      return tab;\n    });\n\n    if (!this.rovingTabindex) {\n      this.rovingTabindex = new RovingTabindex(this.tabs, {\n        direction: 'any',\n      });\n    } else {\n      this.rovingTabindex.update(this.tabs);\n    }\n  }\n\n  destroy() {\n    this.tabs.map(tab => {\n      tab.removeEventListener('click', this.handleClick);\n      tab.removeEventListener('focus', this.onFocus);\n      return tab;\n    });\n\n    this.tabs = [];\n    this.tabPanels = [];\n    this.rovingTabindex.destroy();\n    this.element.ODS_Tabs = null;\n  }\n\n  update() {\n    this.destroy();\n    this.init();\n  }\n\n  isActive = el => !el.hasAttribute('hidden');\n\n  isSelected = el => el.getAttribute('aria-selected') === 'true';\n\n  handleClick(e) {\n    const clickedTab = e.currentTarget;\n\n    if (e.currentTarget.hasAttribute('aria-disabled')) {\n      e.preventDefault();\n      return;\n    }\n\n    this.tabs.map((tab, i) => {\n      if (tab === clickedTab) {\n        this.activeTabIndex = i;\n        return this.toggleTab(tab, 'on');\n      }\n      return this.toggleTab(tab, 'off');\n    });\n\n    this.tabPanels.map(tabPanel => {\n      if (\n        tabPanel.getAttribute('id') === clickedTab.getAttribute('aria-controls')\n      ) {\n        return this.toggleTabPanel(tabPanel, 'on');\n      }\n      return this.toggleTabPanel(tabPanel, 'off');\n    });\n  }\n\n  toggleTab(el, state) {\n    const isActive = this.isSelected(el);\n\n    if (state === 'on' && !isActive) {\n      el.setAttribute('aria-selected', 'true');\n      el.setAttribute('tabindex', '0');\n    }\n\n    if (state === 'off' && isActive) {\n      el.setAttribute('aria-selected', 'false');\n      el.setAttribute('tabindex', '-1');\n    }\n  }\n\n  toggleTabPanel(el, state) {\n    const isActive = this.isActive(el);\n\n    if (state === 'on' && !isActive) {\n      el.removeAttribute('hidden');\n    }\n\n    if (state === 'off' && isActive) {\n      el.setAttribute('hidden', '');\n    }\n  }\n\n  activateNthTab(index) {\n    this.tabs.map((tab, i) => {\n      if (i === index) {\n        this.activeTabIndex = i;\n        return this.toggleTab(tab, 'on');\n      }\n      return this.toggleTab(tab, 'off');\n    });\n\n    this.tabPanels.map((tabPanel, i) => {\n      if (i === index) {\n        return this.toggleTabPanel(tabPanel, 'on');\n      }\n      return this.toggleTabPanel(tabPanel, 'off');\n    });\n  }\n\n  handleTabFocus() {\n    if (!this.rovingTabindex.isActive) {\n      this.rovingTabindex.init();\n    }\n  }\n}\n","import { keys } from './constants';\n\n// eslint-disable-next-line import/prefer-default-export\nexport class RovingTabindex {\n  constructor(\n    elems,\n    config = {\n      direction: 'horizontal',\n    }\n  ) {\n    this.elems = elems;\n    this.config = config;\n\n    this.isActive = false;\n\n    this.onKeydown = this.onKeydown.bind(this);\n  }\n\n  init() {\n    document.addEventListener('keydown', this.onKeydown);\n    this.isActive = true;\n  }\n\n  destroy() {\n    document.removeEventListener('keydown', this.onKeydown);\n    this.isActive = false;\n  }\n\n  update(elems) {\n    this.elems = elems;\n  }\n\n  onKeydown(e) {\n    const activeElemIndex = this.elems.indexOf(document.activeElement);\n\n    if (\n      (keys.ARROWUP.includes(e.key) || keys.ARROWDOWN.includes(e.key)) &&\n      this.config.direction === 'horizontal'\n    ) {\n      return;\n    }\n\n    if (\n      (keys.ARROWLEFT.includes(e.key) || keys.ARROWRIGHT.includes(e.key)) &&\n      this.config.direction === 'vertical'\n    ) {\n      return;\n    }\n\n    if (keys.ARROWDOWN.includes(e.key) || keys.ARROWRIGHT.includes(e.key)) {\n      e.preventDefault();\n      if (activeElemIndex >= 0 && activeElemIndex < this.elems.length - 1) {\n        this.elems[activeElemIndex + 1].focus();\n      } else {\n        this.elems[0].focus();\n      }\n    }\n\n    if (keys.ARROWUP.includes(e.key) || keys.ARROWLEFT.includes(e.key)) {\n      e.preventDefault();\n      if (activeElemIndex >= 1) {\n        this.elems[activeElemIndex - 1].focus();\n      } else {\n        this.elems[this.elems.length - 1].focus();\n      }\n    }\n\n    if (keys.TAB.includes(e.key)) {\n      this.destroy();\n    }\n  }\n}\n"],"sourceRoot":""}

package/build/components/Tabs/index.js

@@ -1,3 +0,0 @@
-/*! For license information please see index.js.LICENSE.txt */
-!function(t,e){if("object"===typeof exports&&"object"===typeof module)module.exports=e(require("react"));else if("function"===typeof define&&define.amd)define(["react"],e);else{var i="object"===typeof exports?e(require("react")):e(t.React);for(var n in i)("object"===typeof exports?exports:t)[n]=i[n]}}(this,(function(t){return function(t){var e={};function i(n){if(e[n])return e[n].exports;var s=e[n]={i:n,l:!1,exports:{}};return t[n].call(s.exports,s,s.exports,i),s.l=!0,s.exports}return i.m=t,i.c=e,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},i.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var s in t)i.d(n,s,function(e){return t[e]}.bind(null,s));return n},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="/",i(i.s=119)}({0:function(e,i){e.exports=t},1:function(t,e,i){var n;!function(){"use strict";var i={}.hasOwnProperty;function s(){for(var t="",e=0;e<arguments.length;e++){var i=arguments[e];i&&(t=r(t,a(i)))}return t}function a(t){if("string"===typeof t||"number"===typeof t)return t;if("object"!==typeof t)return"";if(Array.isArray(t))return s.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var e="";for(var n in t)i.call(t,n)&&t[n]&&(e=r(e,n));return e}function r(t,e){return e?t?t+" "+e:t+e:t}t.exports?(s.default=s,t.exports=s):void 0===(n=function(){return s}.apply(e,[]))||(t.exports=n)}()},115:function(t,e,i){},119:function(t,e,i){"use strict";i.r(e),i.d(e,"default",(function(){return d})),i.d(e,"TabPanel",(function(){return h})),i.d(e,"Tab",(function(){return l}));i(115);var n=i(0),s=i.n(n),a=i(1),r=i.n(a);const o=({href:t,children:e,className:i,controls:n,isDisabled:a,isActive:o,...l})=>{const c=r()("tab-list__tab",i),u=o?0:-1,d=t?"a":"button";return s.a.createElement("li",{className:"tab-list__item",role:"presentation"},s.a.createElement(d,Object.assign({type:t?void 0:"button",role:t?void 0:"tab",href:t,className:c,"aria-selected":o,"aria-controls":n||void 0,tabIndex:u,"aria-disabled":a},l),e))};o.displayName="Tab";var l=o,c=i(80);const u=({activeTabIndex:t,className:e,classesTabNav:i,classesTabPanelWrapper:n,colour:a,isFullWidth:o,isLink:u,hasEqualTabWidth:d,variant:b,children:f,...h})=>{const v=r()("tab-list",{"tab-list--equal":d},{"tab-list--fullwidth":o},{"tab-list--inverse":"inverse"===a},{"tab-list--light":"light"===b},i);let p=s.a.useRef();return s.a.useEffect(()=>{if(!u){const t=new c.default(p);return()=>{t.destroy()}}}),s.a.createElement(s.a.Fragment,null,s.a.createElement("ul",Object.assign({className:v,role:u?"navigation":"tablist",ref:t=>{p=t},"data-tabs":u?void 0:"true"},h),f.map((e,i)=>{const n=i===t,{renderTab:a,id:r,isDisabled:o,tab:c,href:u}=e.props;return a?s.a.cloneElement(a(e.props),{key:r,isActive:n}):s.a.createElement(l,{key:r,controls:u?"":r,href:u,isDisabled:o,isActive:n},c)}),o&&s.a.createElement("li",{role:"presentation",className:"tab-list__hr"})),u?null:f.map((e,i)=>{const n=i===t,{id:a}=e.props;return s.a.cloneElement(e,{key:a,isActive:n,tab:void 0})}))};u.displayName="Tabs",u.defaultProps={activeTabIndex:0,variant:"standard",colour:"default"};var d=u,b=i(6);const f=({children:t,className:e,isActive:i,id:n,href:a,isDisabled:o,...l})=>{const c=r()("",e),u=n||Object(b.a)();return s.a.createElement("div",Object.assign({id:u,className:c,role:a?"":"tabpanel",tabIndex:"0",hidden:!i},l),t)};f.displayName="TabPanel";var h=f},2:function(t,e,i){"use strict";i.d(e,"a",(function(){return n}));const n={TAB:["Tab"],ENTER:["Enter"],ESC:["Esc","Escape"],SPACE:["Spacebar"," "],ARROWLEFT:["Left","ArrowLeft"],ARROWUP:["Up","ArrowUp"],ARROWRIGHT:["Right","ArrowRight"],ARROWDOWN:["Down","ArrowDown"]}},6:function(t,e,i){"use strict";i.d(e,"a",(function(){return s}));let n=0;function s(t){return`id${t?"-"+t:""}-${n+=1}`}},80:function(t,e,i){"use strict";i.r(e),i.d(e,"defaultConfig",(function(){return s})),i.d(e,"configDocs",(function(){return a})),i.d(e,"default",(function(){return r}));var n=i(9);const s={tabSelector:'[role="tab"]'},a={tabSelector:"Tab element selector"};class r{constructor(t,e){return this.isActive=t=>!t.hasAttribute("hidden"),this.isSelected=t=>"true"===t.getAttribute("aria-selected"),this.element=t,this.config={...s,...e},this.tabs=[],this.tabPanels=[],this.activeTabIndex=null,this.rovingTabindex=null,this.handleClick=this.handleClick.bind(this),this.handleTabFocus=this.handleTabFocus.bind(this),this.element.ODS_Tabs=this,this.init(),this}static getInstance(t){return t&&t.ODS_Tabs?t.ODS_Tabs:null}init(){this.tabs=Array.from(this.element.querySelectorAll(this.config.tabSelector)),this.tabs.map((t,e)=>(this.tabPanels.push(document.getElementById(t.getAttribute("aria-controls"))),t.addEventListener("click",this.handleClick),t.addEventListener("focus",this.handleTabFocus),this.isSelected(t)&&(this.activeTabIndex=e),t)),this.rovingTabindex?this.rovingTabindex.update(this.tabs):this.rovingTabindex=new n.a(this.tabs,{direction:"any"})}destroy(){this.tabs.map(t=>(t.removeEventListener("click",this.handleClick),t.removeEventListener("focus",this.onFocus),t)),this.tabs=[],this.tabPanels=[],this.rovingTabindex.destroy(),this.element.ODS_Tabs=null}update(){this.destroy(),this.init()}handleClick(t){const e=t.currentTarget;t.currentTarget.hasAttribute("aria-disabled")?t.preventDefault():(this.tabs.map((t,i)=>t===e?(this.activeTabIndex=i,this.toggleTab(t,"on")):this.toggleTab(t,"off")),this.tabPanels.map(t=>t.getAttribute("id")===e.getAttribute("aria-controls")?this.toggleTabPanel(t,"on"):this.toggleTabPanel(t,"off")))}toggleTab(t,e){const i=this.isSelected(t);"on"!==e||i||(t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0")),"off"===e&&i&&(t.setAttribute("aria-selected","false"),t.setAttribute("tabindex","-1"))}toggleTabPanel(t,e){const i=this.isActive(t);"on"!==e||i||t.removeAttribute("hidden"),"off"===e&&i&&t.setAttribute("hidden","")}activateNthTab(t){this.tabs.map((e,i)=>i===t?(this.activeTabIndex=i,this.toggleTab(e,"on")):this.toggleTab(e,"off")),this.tabPanels.map((e,i)=>i===t?this.toggleTabPanel(e,"on"):this.toggleTabPanel(e,"off"))}handleTabFocus(){this.rovingTabindex.isActive||this.rovingTabindex.init()}}},9:function(t,e,i){"use strict";i.d(e,"a",(function(){return s}));var n=i(2);class s{constructor(t,e={direction:"horizontal"}){this.elems=t,this.config=e,this.isActive=!1,this.onKeydown=this.onKeydown.bind(this)}init(){document.addEventListener("keydown",this.onKeydown),this.isActive=!0}destroy(){document.removeEventListener("keydown",this.onKeydown),this.isActive=!1}update(t){this.elems=t}onKeydown(t){const e=this.elems.indexOf(document.activeElement);(n.a.ARROWUP.includes(t.key)||n.a.ARROWDOWN.includes(t.key))&&"horizontal"===this.config.direction||(n.a.ARROWLEFT.includes(t.key)||n.a.ARROWRIGHT.includes(t.key))&&"vertical"===this.config.direction||((n.a.ARROWDOWN.includes(t.key)||n.a.ARROWRIGHT.includes(t.key))&&(t.preventDefault(),e>=0&&e<this.elems.length-1?this.elems[e+1].focus():this.elems[0].focus()),(n.a.ARROWUP.includes(t.key)||n.a.ARROWLEFT.includes(t.key))&&(t.preventDefault(),e>=1?this.elems[e-1].focus():this.elems[this.elems.length-1].focus()),n.a.TAB.includes(t.key)&&this.destroy())}}}})}));
-//# sourceMappingURL=index.js.map

package/build/components/Tabs/index.js.LICENSE.txt

@@ -1,5 +0,0 @@
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/

package/build/components/Tabs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../webpack/universalModuleDefinition","../webpack/bootstrap","../external {\"root\":\"React\",\"commonjs2\":\"react\",\"commonjs\":\"react\",\"amd\":\"react\"}","../node_modules/classnames/index.js","components/Tabs/Tab.js","components/Tabs/Tabs.js","components/Tabs/TabPanel.js","utils/constants.js","utils/generateId.js","components/Tabs/Tabs.static.js","utils/keyboard.js"],"names":["root","factory","exports","module","require","define","amd","a","i","this","__WEBPACK_EXTERNAL_MODULE__0__","installedModules","__webpack_require__","moduleId","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","hasOwn","classNames","classes","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","includes","newClass","default","Tab","href","children","className","controls","isDisabled","isActive","other","tabClasses","cx","tabindex","Tag","React","createElement","role","assign","type","undefined","aria-selected","aria-controls","tabIndex","aria-disabled","displayName","Tabs","activeTabIndex","classesTabNav","classesTabPanelWrapper","colour","isFullWidth","isLink","hasEqualTabWidth","variant","tabNavClasses","tabListRef","useRef","useEffect","tabs","TabsStatic","destroy","Fragment","ref","data-tabs","map","tabPanel","renderTab","id","tab","props","cloneElement","defaultProps","TabPanel","currentId","generateId","hidden","keys","TAB","ENTER","ESC","SPACE","ARROWLEFT","ARROWUP","ARROWRIGHT","ARROWDOWN","idx","defaultConfig","tabSelector","configDocs","constructor","element","config","el","hasAttribute","isSelected","getAttribute","tabPanels","rovingTabindex","handleClick","handleTabFocus","ODS_Tabs","init","from","querySelectorAll","index","push","document","getElementById","addEventListener","update","RovingTabindex","direction","removeEventListener","onFocus","e","clickedTab","currentTarget","preventDefault","toggleTab","toggleTabPanel","state","setAttribute","removeAttribute","activateNthTab","elems","onKeydown","activeElemIndex","indexOf","activeElement","focus"],"mappings":"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","file":"components/Tabs/index.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"react\"], factory);\n\telse {\n\t\tvar a = typeof exports === 'object' ? factory(require(\"react\")) : factory(root[\"React\"]);\n\t\tfor(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];\n\t}\n})(this, function(__WEBPACK_EXTERNAL_MODULE__0__) {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 119);\n","module.exports = __WEBPACK_EXTERNAL_MODULE__0__;","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from 'react';\nimport { bool, string } from 'prop-types';\nimport cx from 'classnames';\n\nconst propTypes = {\n  /** Id of the tabpanel this tab controls. */\n  controls: string,\n  href: string,\n  /** Active state */\n  isActive: bool,\n  /** Disabled state. */\n  isDisabled: bool,\n};\n\nconst CLASS_TABLIST_ITEM = 'tab-list__item';\nconst CLASS_TABLIST_TAB = 'tab-list__tab';\n\nconst Tab = ({\n  href,\n  children,\n  className,\n  controls,\n  isDisabled,\n  isActive,\n  ...other\n}) => {\n  const tabClasses = cx(CLASS_TABLIST_TAB, className);\n\n  const tabindex = isActive ? 0 : -1;\n\n  const Tag = href ? 'a' : 'button';\n\n  return (\n    <li className={CLASS_TABLIST_ITEM} role=\"presentation\">\n      <Tag\n        type={href ? undefined : 'button'}\n        role={href ? undefined : 'tab'}\n        href={href}\n        className={tabClasses}\n        aria-selected={isActive}\n        aria-controls={controls || undefined}\n        tabIndex={tabindex}\n        aria-disabled={isDisabled}\n        {...other}\n      >\n        {children}\n      </Tag>\n    </li>\n  );\n};\n\nTab.displayName = 'Tab';\nTab.propTypes = propTypes;\n\nexport default Tab;\n","import React from 'react';\nimport { string, bool, number, oneOf } from 'prop-types';\nimport cx from 'classnames';\n\nimport Tab from './Tab';\nimport TabsStatic from './Tabs.static';\nimport './styles/style.scss';\n\nconst propTypes = {\n  /** Active Tab index */\n  activeTabIndex: number,\n  /** Additional classes for tabs header. */\n  classesTabNav: string,\n  /** Additional classes for tabs content. */\n  classesTabPanelWrapper: string,\n  colour: oneOf(['default', 'inverse']),\n  /** All tabs have equal width inside a full-width container */\n  hasEqualTabWidth: bool,\n  /** Fullwidth container */\n  isFullWidth: bool,\n  isLink: bool,\n  variant: oneOf(['standard', 'light']),\n};\n\nconst defaultProps = {\n  activeTabIndex: 0,\n  variant: 'standard',\n  colour: 'default',\n};\n\nconst Tabs = ({\n  activeTabIndex,\n  className,\n  classesTabNav,\n  classesTabPanelWrapper,\n  colour,\n  isFullWidth,\n  isLink,\n  hasEqualTabWidth,\n  variant,\n  children,\n  ...other\n}) => {\n  const CLASS_TABNAV = 'tab-list';\n\n  const tabNavClasses = cx(\n    CLASS_TABNAV,\n    { [`${CLASS_TABNAV}--equal`]: hasEqualTabWidth },\n    { [`${CLASS_TABNAV}--fullwidth`]: isFullWidth },\n    { [`${CLASS_TABNAV}--inverse`]: colour === 'inverse' },\n    { [`${CLASS_TABNAV}--light`]: variant === 'light' },\n    classesTabNav\n  );\n\n  let tabListRef = React.useRef();\n\n  React.useEffect(() => {\n    if (!isLink) {\n      const tabs = new TabsStatic(tabListRef);\n\n      return () => {\n        tabs.destroy();\n      };\n    }\n  });\n\n  function getTabs() {\n    return children.map((tabPanel, i) => {\n      const isActive = i === activeTabIndex;\n      const { renderTab, id, isDisabled, tab, href } = tabPanel.props;\n\n      if (!renderTab) {\n        return React.createElement(\n          Tab,\n          {\n            key: id,\n            controls: !href ? id : '',\n            href: href,\n            isDisabled,\n            isActive,\n          },\n          tab\n        );\n      }\n\n      return React.cloneElement(renderTab(tabPanel.props), {\n        key: id,\n        isActive,\n      });\n    });\n  }\n\n  function getPanels() {\n    return children.map((tabPanel, i) => {\n      const isActive = i === activeTabIndex;\n      const { id } = tabPanel.props;\n      return React.cloneElement(tabPanel, {\n        key: id,\n        isActive,\n        tab: undefined,\n      });\n    });\n  }\n\n  return (\n    <>\n      <ul\n        className={tabNavClasses}\n        role={isLink ? 'navigation' : 'tablist'}\n        ref={c => {\n          tabListRef = c;\n        }}\n        data-tabs={isLink ? undefined : 'true'}\n        {...other}\n      >\n        {getTabs()}\n        {isFullWidth && <li role=\"presentation\" className=\"tab-list__hr\" />}\n      </ul>\n      {!isLink ? getPanels() : null}\n    </>\n  );\n};\n\nTabs.displayName = 'Tabs';\nTabs.propTypes = propTypes;\nTabs.defaultProps = defaultProps;\n\nexport default Tabs;\n","import React from 'react';\nimport { bool, oneOfType, string, element } from 'prop-types';\nimport cx from 'classnames';\n\nimport generateId from '../../utils/generateId';\n\nconst propTypes = {\n  href: string,\n  /** Tabpanel id */\n  id: string,\n  /** Active state */\n  isActive: bool,\n  /** Disable the tabpanel and its tab */\n  isDisabled: bool,\n  /** Tab content */\n  tab: oneOfType([string, element]),\n};\n\nconst CLASS_ROOT = '';\n\nconst TabPanel = ({\n  children,\n  className,\n  isActive,\n  id,\n  href,\n  isDisabled,\n  ...other\n}) => {\n  const classes = cx(CLASS_ROOT, className);\n\n  const currentId = id || generateId();\n\n  return (\n    <div\n      id={currentId}\n      className={classes}\n      role={href ? '' : 'tabpanel'}\n      tabIndex=\"0\"\n      hidden={!isActive}\n      {...other}\n    >\n      {children}\n    </div>\n  );\n};\n\nTabPanel.displayName = 'TabPanel';\nTabPanel.propTypes = propTypes;\n\nexport default TabPanel;\n","export const breakpoints = {\n  xs: 0,\n  sm: 480,\n  md: 768,\n  lg: 992,\n  xl: 1240,\n  xxl: 1380,\n};\n\n// we use array to include old browser key names like IE11\n// ie. navigation keys https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values#navigation_keys\nexport const keys = {\n  TAB: ['Tab'],\n  ENTER: ['Enter'],\n  ESC: ['Esc', 'Escape'],\n  SPACE: ['Spacebar', ' '],\n  ARROWLEFT: ['Left', 'ArrowLeft'],\n  ARROWUP: ['Up', 'ArrowUp'],\n  ARROWRIGHT: ['Right', 'ArrowRight'],\n  ARROWDOWN: ['Down', 'ArrowDown'],\n};\n","let idx = 0;\nconst uuid = () => (idx += 1); // eslint-disable-line no-return-assign\n\nexport default function generateId(name) {\n  return `id${name ? `-${name}` : ''}-${uuid()}`;\n}\n","// ---------------------------------------------------\n// Tabs\n// module for handling tabs\n\nimport { RovingTabindex } from '../../utils/keyboard';\n\nexport const defaultConfig = {\n  tabSelector: '[role=\"tab\"]',\n};\n\nexport const configDocs = {\n  tabSelector: 'Tab element selector',\n};\n\nexport default class Tabs {\n  constructor(element, config) {\n    this.element = element;\n    this.config = { ...defaultConfig, ...config };\n\n    this.tabs = [];\n    this.tabPanels = [];\n    this.activeTabIndex = null;\n\n    this.rovingTabindex = null;\n\n    this.handleClick = this.handleClick.bind(this);\n    this.handleTabFocus = this.handleTabFocus.bind(this);\n\n    this.element.ODS_Tabs = this;\n\n    this.init();\n\n    return this;\n  }\n\n  static getInstance(el) {\n    return el && el.ODS_Tabs ? el.ODS_Tabs : null;\n  }\n\n  init() {\n    this.tabs = Array.from(\n      this.element.querySelectorAll(this.config.tabSelector)\n    );\n\n    this.tabs.map((tab, index) => {\n      this.tabPanels.push(\n        document.getElementById(tab.getAttribute('aria-controls'))\n      );\n      tab.addEventListener('click', this.handleClick);\n      tab.addEventListener('focus', this.handleTabFocus);\n\n      if (this.isSelected(tab)) {\n        this.activeTabIndex = index;\n      }\n\n      return tab;\n    });\n\n    if (!this.rovingTabindex) {\n      this.rovingTabindex = new RovingTabindex(this.tabs, {\n        direction: 'any',\n      });\n    } else {\n      this.rovingTabindex.update(this.tabs);\n    }\n  }\n\n  destroy() {\n    this.tabs.map(tab => {\n      tab.removeEventListener('click', this.handleClick);\n      tab.removeEventListener('focus', this.onFocus);\n      return tab;\n    });\n\n    this.tabs = [];\n    this.tabPanels = [];\n    this.rovingTabindex.destroy();\n    this.element.ODS_Tabs = null;\n  }\n\n  update() {\n    this.destroy();\n    this.init();\n  }\n\n  isActive = el => !el.hasAttribute('hidden');\n\n  isSelected = el => el.getAttribute('aria-selected') === 'true';\n\n  handleClick(e) {\n    const clickedTab = e.currentTarget;\n\n    if (e.currentTarget.hasAttribute('aria-disabled')) {\n      e.preventDefault();\n      return;\n    }\n\n    this.tabs.map((tab, i) => {\n      if (tab === clickedTab) {\n        this.activeTabIndex = i;\n        return this.toggleTab(tab, 'on');\n      }\n      return this.toggleTab(tab, 'off');\n    });\n\n    this.tabPanels.map(tabPanel => {\n      if (\n        tabPanel.getAttribute('id') === clickedTab.getAttribute('aria-controls')\n      ) {\n        return this.toggleTabPanel(tabPanel, 'on');\n      }\n      return this.toggleTabPanel(tabPanel, 'off');\n    });\n  }\n\n  toggleTab(el, state) {\n    const isActive = this.isSelected(el);\n\n    if (state === 'on' && !isActive) {\n      el.setAttribute('aria-selected', 'true');\n      el.setAttribute('tabindex', '0');\n    }\n\n    if (state === 'off' && isActive) {\n      el.setAttribute('aria-selected', 'false');\n      el.setAttribute('tabindex', '-1');\n    }\n  }\n\n  toggleTabPanel(el, state) {\n    const isActive = this.isActive(el);\n\n    if (state === 'on' && !isActive) {\n      el.removeAttribute('hidden');\n    }\n\n    if (state === 'off' && isActive) {\n      el.setAttribute('hidden', '');\n    }\n  }\n\n  activateNthTab(index) {\n    this.tabs.map((tab, i) => {\n      if (i === index) {\n        this.activeTabIndex = i;\n        return this.toggleTab(tab, 'on');\n      }\n      return this.toggleTab(tab, 'off');\n    });\n\n    this.tabPanels.map((tabPanel, i) => {\n      if (i === index) {\n        return this.toggleTabPanel(tabPanel, 'on');\n      }\n      return this.toggleTabPanel(tabPanel, 'off');\n    });\n  }\n\n  handleTabFocus() {\n    if (!this.rovingTabindex.isActive) {\n      this.rovingTabindex.init();\n    }\n  }\n}\n","import { keys } from './constants';\n\n// eslint-disable-next-line import/prefer-default-export\nexport class RovingTabindex {\n  constructor(\n    elems,\n    config = {\n      direction: 'horizontal',\n    }\n  ) {\n    this.elems = elems;\n    this.config = config;\n\n    this.isActive = false;\n\n    this.onKeydown = this.onKeydown.bind(this);\n  }\n\n  init() {\n    document.addEventListener('keydown', this.onKeydown);\n    this.isActive = true;\n  }\n\n  destroy() {\n    document.removeEventListener('keydown', this.onKeydown);\n    this.isActive = false;\n  }\n\n  update(elems) {\n    this.elems = elems;\n  }\n\n  onKeydown(e) {\n    const activeElemIndex = this.elems.indexOf(document.activeElement);\n\n    if (\n      (keys.ARROWUP.includes(e.key) || keys.ARROWDOWN.includes(e.key)) &&\n      this.config.direction === 'horizontal'\n    ) {\n      return;\n    }\n\n    if (\n      (keys.ARROWLEFT.includes(e.key) || keys.ARROWRIGHT.includes(e.key)) &&\n      this.config.direction === 'vertical'\n    ) {\n      return;\n    }\n\n    if (keys.ARROWDOWN.includes(e.key) || keys.ARROWRIGHT.includes(e.key)) {\n      e.preventDefault();\n      if (activeElemIndex >= 0 && activeElemIndex < this.elems.length - 1) {\n        this.elems[activeElemIndex + 1].focus();\n      } else {\n        this.elems[0].focus();\n      }\n    }\n\n    if (keys.ARROWUP.includes(e.key) || keys.ARROWLEFT.includes(e.key)) {\n      e.preventDefault();\n      if (activeElemIndex >= 1) {\n        this.elems[activeElemIndex - 1].focus();\n      } else {\n        this.elems[this.elems.length - 1].focus();\n      }\n    }\n\n    if (keys.TAB.includes(e.key)) {\n      this.destroy();\n    }\n  }\n}\n"],"sourceRoot":""}

package/build/components/Tabs/style.css

@@ -1,2 +0,0 @@
-.tab-list{list-style:none;list-style-type:none!important;max-width:none;position:relative;display:flex;overflow-x:auto;overflow-y:visible;align-items:stretch;margin:-.125rem -.125rem 1.125rem;padding:.125rem}.tab-list>li{margin-bottom:0}.tab-list>li:before{content:" ";position:absolute;width:0;height:0}.tab-list--equal{flex-grow:1}.tab-list__item{display:flex;flex-flow:column;max-width:66.66666%}.tab-list--equal .tab-list__item{flex-grow:1;flex-basis:0}.tab-list--light .tab-list__item{box-shadow:inset 0 -1px 0 0 #ccc}.tab-list__tab{flex:1 1 auto;display:flex;flex-flow:column;height:auto;position:relative;font-weight:600;background:transparent;border-width:0;text-align:left;color:#000;box-shadow:inset 0 -2px 0 0 #000}.tab-list__tab:focus{z-index:1}.tab-list__tab:focus,.tab-list__tab:focus-visible{outline:2px solid #527edb;outline-offset:0!important}.tab-list__tab:focus:not(:focus-visible){outline-width:0;outline-color:transparent}.tab-list__tab[aria-selected=true]{color:#ff7900;box-shadow:inset -2px 0 0 0 #000,inset 0 2px 0 0 #000,inset 2px 0 0 0 #000}.tab-list__tab:hover{color:#ff7900}.tab-list__tab[aria-disabled=true]{color:#ccc}.tab-list__tab,.tab-list__tab--large{padding:.625rem 1.25rem}.tab-list--light .tab-list__tab,.tab-list--light .tab-list__tab:hover{box-shadow:none!important}.tab-list--light .tab-list__tab[aria-selected=true]{box-shadow:inset 0 -4px 0 0 #ff7900!important}.tab-list--light .tab-list__tab[aria-disabled=true]{box-shadow:none!important}.tab-list--light.tab-list--equal .tab-list__tab{align-items:center}.bg-black .tab-list__tab,.tab-list--inverse .tab-list__tab{color:#fff;box-shadow:inset 0 -2px 0 0 #fff}.bg-black .tab-list__tab[aria-selected=true],.tab-list--inverse .tab-list__tab[aria-selected=true]{color:#ff7900;box-shadow:inset -2px 0 0 0 #fff,inset 0 2px 0 0 #fff,inset 2px 0 0 0 #fff}.bg-black .tab-list__tab:hover,.tab-list--inverse .tab-list__tab:hover{color:#ff7900}.bg-black .tab-list__tab[aria-disabled=true],.tab-list--inverse .tab-list__tab[aria-disabled=true]{color:#999}.tab-list__hr{flex:1 1 auto;max-width:none;box-shadow:inset 0 -2px 0 0 #000}.tab-list--light .tab-list__hr{box-shadow:inset 0 -1px 0 0 #ccc}.tab-list--inverse .tab-list__hr{box-shadow:inset 0 -2px 0 0 #fff}
-/*# sourceMappingURL=style.css.map */

package/build/components/Tabs/style.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["style.scss","../../Typography/styles/mixins.scss","mixins.scss","../../../styles/tools/generate.scss","../../../styles/tokens/base.scss"],"names":[],"mappings":"AAOA,UCmEE,eAAA,CACA,8BAAA,CACA,cAAA,CCrEA,iBAAA,CACA,YAAA,CACA,eAAA,CACA,kBAAA,CAEA,mBAAA,CCeE,iCAAA,CAAA,eAAA,CFqDF,aACE,eAAA,CAGA,oBACE,WAAA,CACA,iBAAA,CACA,OAAA,CACA,QAAA,CD3EJ,iBEKA,WAAA,CFDA,gBEKA,YAAA,CACA,gBAAA,CACA,mBAAA,CFJE,iCEoFF,WAAA,CACA,YAAA,CFjFE,iCE4EF,gCAAA,CFvEA,eEDA,aAAA,CACA,YAAA,CACA,gBAAA,CACA,WAAA,CACA,iBAAA,CACA,eAAA,CACA,sBAAA,CACA,cAAA,CACA,eAAA,CCTE,UAAA,CAAA,gCAAA,CDWF,qBACE,SAAA,CEEF,kDAJE,yBAxBY,CAyBZ,0BAKA,CAGF,yCACE,eAAA,CACA,yBAAA,CAAA,mCDrBA,aAAA,CAAA,0EAAA,CDyBF,qBCzBE,aAAA,CD6BF,mCC7BE,UAAA,CHOE,qCGPF,uBAAA,CDyCF,sECzCE,yBAAA,CD6CF,oDC7CE,6CAAA,CDiDF,oDCjDE,yBAAA,CHeA,gDEwCF,kBAAA,CFpCE,2DGnBA,UAAA,CAAA,gCAAA,CDqBF,mGCrBE,aAAA,CAAA,0EAAA,CDyBF,uECzBE,aAAA,CD6BF,mGC7BE,UAAA,CHyBF,cEsCA,aAAA,CACA,cAAA,CACA,gCAAA,CFrCE,+BE6CF,gCAAA,CFzCE,iCEqCF,gCAAA","file":"style.css","sourcesContent":["@use './config';\n@use './mixins';\n@use '../../../styles/tokens/color';\n@use '../../../styles/tools/generate';\n@use '../../../styles/tokens/breakpoint';\n@use '../../Typography/styles/mixins' as typography;\n\n.tab-list {\n  $this: &;\n\n  @include typography.list-unstyled;\n  @include mixins.list-base;\n\n  &--equal {\n    @include mixins.list-equal;\n  }\n  \n  &__item {\n    @include mixins.list-item;\n\n    #{$this}--equal & {\n      @include mixins.list-equal-item;\n    }\n\n    #{$this}--light &{\n      @include mixins.underline-light;\n    }\n  }\n\n  &__tab {\n    @include mixins.tab;\n    @include mixins.color-variant('default');\n\n    @each $size, $props in config.$tab-sizes {\n      &#{generate.variant-name($size)} {\n        @include mixins.tab-size($size);\n      }\n    }\n    #{$this}--light &{\n      @include mixins.tab-light;\n    }\n\n    #{$this}--light#{$this}--equal & {\n      @include mixins.tab-centered;\n    }\n\n    .bg-black &,\n    #{$this}--inverse & {\n      @include mixins.color-variant('inverse');\n    }\n  }\n\n  &__hr {\n    @include mixins.underline;\n\n    #{$this}--light & {\n      @include mixins.underline-light;\n    }\n\n    #{$this}--inverse & {\n      @include mixins.underline-inverse;\n    }\n  }\n}\n","@use 'sass:map';\n@use 'sass:list';\n@use '../../../styles/tools/generate';\n@use '../../../styles/tools/text';\n@use '../../../styles/tools/convert';\n@use '../../../styles/tokens/space';\n@use '../../../styles/tokens/color';\n@use 'config';\n\n@mixin text-readable {\n  max-width: 35em;\n}\n\n@mixin text-narrow {\n  max-width: 22em;\n}\n\n@mixin text-fullwidth {\n  max-width: none;\n}\n\n@mixin headings-base($heading-config, $selector-pattern, $base-styles) {\n  $selector: ();\n\n  @each $heading-level in map.keys($heading-config) {\n    $selector: list.append(\n      $selector,\n      #{text.str-replace($selector-pattern, '$', $heading-level)},\n      'comma'\n    );\n  }\n\n  #{$selector} {\n    @include generate.css-map($base-styles);\n  }\n}\n\n@mixin headings($config, $selector-pattern) {\n  @each $heading, $breakpoints in $config {\n    #{text.str-replace($selector-pattern, '$', $heading)} {\n      @include generate.responsive-css-map($breakpoints);\n    }\n  }\n}\n\n@mixin body-text($config) {\n  html {\n    @include generate.css-map(map.get($config, default));\n  }\n\n  p {\n    margin-top: 0;\n    margin-bottom: space.get();\n  }\n\n  cite {\n    font-style: normal;\n  }\n\n  hr {\n    margin-top: space.get();\n    margin-bottom: space.get();\n    border: 0;\n    border-top: 1px solid color.$gray-300;\n  }\n}\n\n@mixin readability() {\n  p {\n    @include text-readable;\n  }\n}\n\n@mixin list-unstyled() {\n  list-style: none;\n  list-style-type: none !important;\n  max-width: none;\n  margin: 0;\n  padding: 0;\n\n  > li {\n    margin-bottom: 0;\n\n    /* Fixes VoiceOver no announcing unordered lists */\n    &::before {\n      content: ' ';\n      position: absolute;\n      width: 0;\n      height: 0;\n    }\n  }\n}\n\n@mixin list-base() {\n  margin: 0 0 space.get() 0;\n  padding-left: space.get('large');\n  @include text-readable;\n}\n\n@mixin list-spacing($space, $config: config.$list-spacing) {\n  > *:where(li) {\n    margin-bottom: map.get($config, $space);\n\n    > *:where(ul, ol) {\n      margin-top: map.get($config, $space);\n    }\n  }\n}\n\n@mixin ul-list-base() {\n  list-style-type: square;\n  ul {\n    list-style-type: disc;\n    ul {\n      list-style-type: circle;\n    }  \n  } \n}\n\n@mixin list-circle() {\n  list-style-type: disc !important;\n  ul {\n    list-style-type: circle;\n    ul {\n      list-style-type: square;\n    }  \n  } \n}\n\n@mixin list-square() {\n  list-style-type: square !important;\n  ul {\n    list-style-type: disc;\n    ul {\n      list-style-type: circle;\n    }  \n  } \n}\n\n@mixin list-no-offset() {\n  padding-left: space.get();\n  list-style-position: outside;\n}\n\n@mixin list-inline() {\n  @include list-unstyled();\n\n  > li {\n    display: inline-block;\n\n    &:not(:last-child) {\n      margin-right: space.get('small');\n    }\n  }\n}\n","@use './config';\n@use '../../../styles/tokens/base';\n@use '../../../styles/tokens/space';\n@use '../../../styles/tokens/color';\n@use '../../../styles/tools/generate';\n\n@mixin list-base($spacing: config.$tablist-spacing) {\n  position: relative;\n  display: flex;\n  overflow-x: auto;\n  overflow-y: visible;\n  margin-bottom: space.get();\n  align-items: stretch;\n\n  @include generate.css-map($spacing);\n}\n\n@mixin list-equal {\n  flex-grow: 1;\n}\n\n@mixin list-item {\n  display: flex;\n  flex-flow: column;\n  max-width: 66.66666%;\n}\n\n@mixin tab {\n  flex: 1 1 auto;\n  display: flex;\n  flex-flow: column;\n  height: initial;\n  position: relative;\n  font-weight: 600;\n  background: transparent;\n  border-width: 0;\n  text-align: left;\n\n  &:focus {\n    z-index: 1;\n  }\n\n  @include base.focusring-flush;\n}\n\n@mixin color-variant($variant, $config: config.$tab) {\n  @include generate.css-map($config, $variant, 'default');\n\n  &[aria-selected='true'] {\n    @include generate.css-map($config, $variant, 'active');\n  }\n\n  &:hover {\n    @include generate.css-map(config.$tab, $variant, 'hover');\n  }\n\n  &[aria-disabled='true'] {\n    @include generate.css-map(config.$tab, $variant, 'disabled');\n  }\n}\n\n@mixin inverse-variant {\n  @include generate.css-map(config.$tab-light, 'default');  \n}\n\n@mixin tab-light {\n  @include generate.css-map(config.$tab-light, 'default');\n\n  &:hover {\n    @include generate.css-map(config.$tab-light, 'hover');\n  }\n\n  &[aria-selected='true'] {\n    @include generate.css-map(config.$tab-light, 'active');\n  }\n  \n  &[aria-disabled='true'] {\n    @include generate.css-map(config.$tab-light, 'disabled');\n  }\n}\n\n@mixin tab-centered {\n  align-items: center;\n}\n\n@mixin tab-size($size, $config: config.$tab-sizes) {\n  @include generate.css-map($config, $size);\n}\n\n@mixin underline {\n  flex: 1 1 auto;\n  max-width: none;\n  box-shadow: inset 0 -2px 0 0 color.$black;\n}\n\n@mixin underline-inverse {\n  box-shadow: inset 0 -2px 0 0 color.$white;\n}\n\n@mixin underline-light {\n  box-shadow: inset 0 -1px 0 0 color.$gray-500;\n}\n\n@mixin list-equal-item {\n  flex-grow: 1;\n  flex-basis: 0;\n}\n","@use '../tokens/breakpoint';\n@use './map' as *;\n\n/// Get css propeties from map\n///\n/// @param {Map} $map - Map\n/// @param {Arglist} $keys - Keys to fetch\n///\n/// @example\n/// $map: (\n///   background-color: #fff,\n///   color: #000\n/// );\n///\n/// .example {\n///   @include css-map($map);\n///  }\n///\n/// Output:\n/// .example {\n///   background-color: #fff;\n///   color: #000;\n/// }\n@mixin css-map($_map, $keys...) {\n  $map: if($keys, map-deep-get($_map, $keys...), $_map);\n\n  @each $prop, $value in $map {\n    #{$prop}: #{$value};\n  }\n}\n\n/// Get responsive css propeties from map\n///\n/// @param {Map} $map - Map\n/// @param {Arglist} $keys - Keys to fetch\n///\n/// @example\n/// $map: (\n///   default: (\n///     color: red,\n///   ),\n///   xl: (\n///     color: blue,\n///   ),\n/// );\n///\n/// .example {\n///   @include responsive-css-map($map);\n///  }\n///\n/// Output:\n/// .example {\n///   color: red;\n///   @media only screen and (min-width: 1240px) {\n///     color: blue;\n///   }\n/// }\n@mixin responsive-css-map($map) {\n  @each $breakpoint, $props in $map {\n    @include breakpoint.get($breakpoint) {\n      @include css-map($props);\n    }\n  }\n}\n\n/// Get variants of elemnt from map\n///\n/// @param {Map} $map - map\n/// @param {Map} $className - class name of element\n/// @param {Map} $classSuffix - suffix for class name of element\n@mixin variants($map, $className: '', $classSuffix: '') {\n  @each $variant, $props in $map {\n    #{if(&, \"&\", \"\")}#{$className + variant-name($variant) + $classSuffix} {\n      @include css-map($props);\n    }\n  }\n}\n\n/// Get responsive variants of elemnt from map\n///\n/// @param {Map} $map - map\n/// @param {Map} $className - class name of element\n/// @param {Map} $classSuffix - suffix for class name of element\n@mixin responsive-variants($map, $className: '', $classSuffix: '') {\n  @each $breakpoint, $props in $map {\n    @include breakpoint.get($breakpoint) {\n      @include variants($props, $className, $classSuffix);\n    }\n  }\n}\n\n/// Get prefixed variant name\n/// @param {String} $name - Variant name\n/// @return {String} - Return a prefixed variant name or empty string, for default variants\n/// @example scss\n///   variant-name('primary')\n/// // -primary\n///   variant-name('default')\n///\n@function variant-name($name, $prefix: '--', $suffix: '') {\n  @if not $name or $name == default or $name == xs {\n    @return '';\n  }\n\n  @return #{$prefix + $name + $suffix};\n}\n","@use 'sass:color' as sasscolor;\n@use './color';\n\n$font-family: helvneueorange, 'Helvetica Neue', helvetica, arial, sans-serif;\n$font-size: 16px;\n$line-height: 1.25;\n\n$background: color.$white;\n$text-color: color.$black;\n\n$focusring-color: color.$info;\n$focusring-width: 2px;\n$focusring-offset: 2px;\n$focus-outline: $focusring-width solid $focusring-color;\n$focus-shadow: 0 0 0 2px #fff, 0 0 0 4px $focusring-color;\n\n$selection-background: sasscolor.adjust(color.$orange-dark, $alpha: -0.1);\n\n@mixin focusring {\n  &:focus {\n    outline: $focus-outline;\n    outline-offset: $focusring-offset;\n  }\n\n  &:focus-visible {\n    outline: $focus-outline;\n    outline-offset: $focusring-offset;\n  }\n\n  &:focus:not(:focus-visible) {\n    outline-width: 0;\n    outline-color: transparent;\n  }\n}\n\n@mixin focusring-flush {\n  &:focus {\n    outline: $focus-outline;\n    outline-offset: 0 !important;\n  }\n\n  &:focus-visible {\n    outline: $focus-outline;\n    outline-offset: 0 !important;\n  }\n\n  &:focus:not(:focus-visible) {\n    outline-width: 0;\n    outline-color: transparent;\n  }\n}\n\n@mixin focusring-round {\n  border-radius: 100%;\n\n  &:focus {\n    outline-width: 0 !important;\n    outline-color: transparent !important;\n    box-shadow: $focus-shadow;\n  }\n\n  &:focus-visible {\n    outline-width: 0 !important;\n    outline-color: transparent !important;\n    box-shadow: $focus-shadow;\n  }\n\n  &:focus:not(:focus-visible) {\n    outline-width: 0 !important;\n    outline-color: transparent !important;\n    box-shadow: none;\n  }\n}\n"]}

package/build/components/Testimonial/index.js

@@ -1,3 +0,0 @@
-/*! For license information please see index.js.LICENSE.txt */
-!function(e,t){if("object"===typeof exports&&"object"===typeof module)module.exports=t(require("react"));else if("function"===typeof define&&define.amd)define(["react"],t);else{var r="object"===typeof exports?t(require("react")):t(e.React);for(var n in r)("object"===typeof exports?exports:e)[n]=r[n]}}(this,(function(e){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/",r(r.s=140)}({0:function(t,r){t.exports=e},1:function(e,t,r){var n;!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e="",t=0;t<arguments.length;t++){var r=arguments[t];r&&(e=u(e,i(r)))}return e}function i(e){if("string"===typeof e||"number"===typeof e)return e;if("object"!==typeof e)return"";if(Array.isArray(e))return o.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)r.call(e,n)&&e[n]&&(t=u(t,n));return t}function u(e,t){return t?e?e+" "+t:e+t:e}e.exports?(o.default=o,e.exports=o):void 0===(n=function(){return o}.apply(t,[]))||(e.exports=n)}()},140:function(e,t,r){"use strict";r.r(t);var n=r(0),o=r.n(n),i=r(1),u=r.n(i);const f=({className:e,children:t,color:r,isDiv:n,...i})=>{const f=n?"div":"p",a=u()("testimonial",{["testimonial--"+r]:"orange"===r},e);return o.a.createElement(f,Object.assign({className:a},i),t)};f.displayName="Testimonial",f.defaultProps={color:"default"};var a=f;r(167),t.default=a},167:function(e,t,r){}})}));
-//# sourceMappingURL=index.js.map

package/build/components/Testimonial/index.js.LICENSE.txt

@@ -1,5 +0,0 @@
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/

package/build/components/Testimonial/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../webpack/universalModuleDefinition","../webpack/bootstrap","../external {\"root\":\"React\",\"commonjs2\":\"react\",\"commonjs\":\"react\",\"amd\":\"react\"}","../node_modules/classnames/index.js","components/Testimonial/Testimonial.js","components/Testimonial/index.js"],"names":["root","factory","exports","module","require","define","amd","a","i","this","__WEBPACK_EXTERNAL_MODULE__0__","installedModules","__webpack_require__","moduleId","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","hasOwn","classNames","classes","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","includes","newClass","default","Testimonial","className","children","color","isDiv","other","Tag","cx","React","createElement","assign","displayName","defaultProps"],"mappings":"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","file":"components/Testimonial/index.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"react\"], factory);\n\telse {\n\t\tvar a = typeof exports === 'object' ? factory(require(\"react\")) : factory(root[\"React\"]);\n\t\tfor(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];\n\t}\n})(this, function(__WEBPACK_EXTERNAL_MODULE__0__) {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 140);\n","module.exports = __WEBPACK_EXTERNAL_MODULE__0__;","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from 'react';\nimport { bool, oneOf } from 'prop-types';\nimport cx from 'classnames';\n\nconst propTypes = {\n  color: oneOf(['default', 'orange']),\n  isDiv: bool,\n};\n\nconst defaultProps = {\n  color: 'default',\n};\n\nconst CLASS_ROOT = 'testimonial';\n\nconst Testimonial = ({ className, children, color, isDiv, ...other }) => {\n  const Tag = isDiv ? 'div' : 'p';\n\n  const classes = cx(\n    CLASS_ROOT,\n    {\n      [`testimonial--${color}`]: color === 'orange',\n    },\n    className\n  );\n  return (\n    <Tag className={classes} {...other}>\n      {children}\n    </Tag>\n  );\n};\n\nTestimonial.displayName = 'Testimonial';\nTestimonial.propTypes = propTypes;\nTestimonial.defaultProps = defaultProps;\n\nexport default Testimonial;\n","import Testimonial from './Testimonial';\n\nimport './styles/style.scss';\n\nexport default Testimonial;\n"],"sourceRoot":""}