@laerdal/life-react-components 3.5.1-dev.17 → 3.5.1-dev.18

package/dist/js/Chips/ActionChip.js

@@ -1,76 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _index = require("../icons/index");
-
-var _types = require("../types");
-
-var _ChipStyles = require("./ChipStyles");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-/**
- * Import React libraries.
- */
-
-/**
- * Import custom components.
- */
-
-/**
- * Import custom styles.
- */
-var ActionChip = function ActionChip(_ref) {
-  var icon = _ref.icon,
-      text = _ref.text,
-      variant = _ref.variant,
-      size = _ref.size,
-      disabled = _ref.disabled,
-      _onClick = _ref.onClick;
-
-  /**
-   * Retrieves icon size based on the chip size.
-   * @returns A string indicating the icon size.
-   */
-  var getIconSize = function getIconSize() {
-    var iconSize; // Calculate correct icon size
-
-    if (size === _types.Size.Small) {
-      iconSize = '16px';
-    } else if (size === _types.Size.Medium) {
-      iconSize = '20px';
-    } else {
-      iconSize = '24px';
-    }
-
-    return iconSize;
-  };
-  /**
-   * Return Action Chip component.
-   */
-
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_ChipStyles.ActionChipContainer, {
-    className: "".concat(size, " ").concat(disabled ? 'disabled' : variant, " ").concat(icon && 'icon-chip'),
-    onClick: function onClick() {
-      return _onClick();
-    }
-  }, icon && _index.SystemIcons[icon]({
-    size: getIconSize(),
-    className: 'icon'
-  }), text));
-};
-
-var _default = ActionChip;
-exports.default = _default;
-//# sourceMappingURL=ActionChip.js.map

package/dist/js/Chips/ActionChip.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Chips/ActionChip.tsx"],"names":["ActionChip","icon","text","variant","size","disabled","onClick","getIconSize","iconSize","Size","Small","Medium","icons","className"],"mappings":";;;;;;;;;AAGC;;AAKA;;AACA;;AAIA;;;;;;AAbD;AACA;AACA;;AAGC;AACD;AACA;;AAGC;AACD;AACA;AAQC,IAAMA,UAAoD,GAAG,SAAvDA,UAAuD,OAAuE;AAAA,MAApEC,IAAoE,QAApEA,IAAoE;AAAA,MAA9DC,IAA8D,QAA9DA,IAA8D;AAAA,MAAxDC,OAAwD,QAAxDA,OAAwD;AAAA,MAA/CC,IAA+C,QAA/CA,IAA+C;AAAA,MAAzCC,QAAyC,QAAzCA,QAAyC;AAAA,MAA/BC,QAA+B,QAA/BA,OAA+B;;AAClI;AACH;AACA;AACA;AACG,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAc;AAChC,QAAIC,QAAJ,CADgC,CAGhC;;AACA,QAAIJ,IAAI,KAAKK,YAAKC,KAAlB,EAAyB;AACvBF,MAAAA,QAAQ,GAAG,MAAX;AACD,KAFD,MAEO,IAAIJ,IAAI,KAAKK,YAAKE,MAAlB,EAA0B;AAC/BH,MAAAA,QAAQ,GAAG,MAAX;AACD,KAFM,MAEA;AACLA,MAAAA,QAAQ,GAAG,MAAX;AACD;;AAED,WAAOA,QAAP;AACD,GAbD;AAeA;AACH;AACA;;;AACG,sBACE,uDACE,oBAAC,+BAAD;AAAqB,IAAA,SAAS,YAAKJ,IAAL,cAAaC,QAAQ,GAAG,UAAH,GAAgBF,OAArC,cAAgDF,IAAI,IAAI,WAAxD,CAA9B;AAAqG,IAAA,OAAO,EAAE;AAAA,aAAMK,QAAO,EAAb;AAAA;AAA9G,KAEGL,IAAI,IAAIW,mBAAMX,IAAN,EAAY;AAAEG,IAAAA,IAAI,EAAEG,WAAW,EAAnB;AAAuBM,IAAAA,SAAS,EAAE;AAAlC,GAAZ,CAFX,EAKGX,IALH,CADF,CADF;AAWD,CAlCD;;eAoCeF,U","sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\n import * as React from 'react';\r\n\r\n /**\r\n  * Import custom components.\r\n  */\r\n import {SystemIcons as icons} from '../icons/index';\r\n import {Size} from '../types'; \r\n /**\r\n  * Import custom styles.\r\n  */\r\n import { ActionChipContainer } from './ChipStyles';\r\n \r\n /**\r\n  * Import custom types.\r\n  */\r\n import { ActionChipProps } from './ChipTypes';\r\n \r\n const ActionChip: React.FunctionComponent<ActionChipProps> = ({ icon, text, variant, size, disabled, onClick }: ActionChipProps) => {\r\n   /**\r\n    * Retrieves icon size based on the chip size.\r\n    * @returns A string indicating the icon size.\r\n    */\r\n   const getIconSize = (): string => {\r\n     let iconSize: string;\r\n \r\n     // Calculate correct icon size\r\n     if (size === Size.Small) {\r\n       iconSize = '16px';\r\n     } else if (size === Size.Medium) {\r\n       iconSize = '20px';\r\n     } else {\r\n       iconSize = '24px';\r\n     }\r\n \r\n     return iconSize;\r\n   }\r\n \r\n   /**\r\n    * Return Action Chip component.\r\n    */\r\n   return (\r\n     <>\r\n       <ActionChipContainer className={`${size} ${disabled ? 'disabled' : variant} ${icon && 'icon-chip'}`} onClick={() => onClick()}>\r\n         { /* Let's render icon if it is passed */ }\r\n         {icon && icons[icon]({ size: getIconSize(), className: 'icon' })}\r\n         \r\n         { /* Let's render text */ }\r\n         {text}\r\n       </ActionChipContainer>\r\n     </>\r\n   );\r\n };\r\n \r\n export default ActionChip;\r\n "],"file":"ActionChip.js"}

package/dist/js/Chips/ChipInput.d.ts

@@ -1,10 +0,0 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-/**
- * Import custom types.
- */
-import { ChipInputProps } from './ChipTypes';
-declare const ChipInput: React.FunctionComponent<ChipInputProps>;
-export default ChipInput;

package/dist/js/Chips/ChipInput.js

@@ -1,189 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _index = require("./index");
-
-var _types = require("../types");
-
-var _styling = require("../InputFields/styling");
-
-var _styles = require("../styles");
-
-var _SystemIcons = require("../icons/systemicons/SystemIcons");
-
-var _ChipStyles = require("./ChipStyles");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var ChipInput = function ChipInput(_ref) {
-  var values = _ref.values,
-      inputId = _ref.inputId,
-      variants = _ref.variants,
-      required = _ref.required,
-      icon = _ref.icon,
-      placeholder = _ref.placeholder,
-      validationType = _ref.validationType,
-      validationMessage = _ref.validationMessage,
-      onValueChange = _ref.onValueChange;
-  // Globally used variables within the chip input
-  var chipInput;
-
-  var _React$useState = React.useState([]),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      chips = _React$useState2[0],
-      setChips = _React$useState2[1];
-
-  var _React$useState3 = React.useState(''),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      value = _React$useState4[0],
-      setValue = _React$useState4[1];
-  /**
-   * Sets initial values for the chips.
-   */
-
-
-  React.useEffect(function () {
-    // Let's add initial chip values
-    setChips(values);
-  }, [values]);
-  /**
-   * Adds a chip to the chip list.
-   * @param event - Event handler from the key down event.
-   */
-
-  var onAddChip = function onAddChip(event) {
-    // Let's trigger only on enter, comma and space key press
-    if ((event.keyCode === 13 || event.keyCode === 32 || event.keyCode === 188) && value) {
-      // Let's prevent default action - adding new key to the value
-      event.preventDefault(); // Let's add the chip
-
-      setChips([].concat(_toConsumableArray(chips), [value]));
-      onValueChange([].concat(_toConsumableArray(chips), [value])); // Let's clear the old value
-
-      chipInput.value = '';
-      setValue('');
-    }
-  };
-  /**
-   * Removes a specific chip from the chip list.
-   * @param index - Index of the chip that needs to be removed.
-   * @param elementToAdd - Element which needs to be added in the deleted element place.
-   */
-
-
-  var onRemoveChip = function onRemoveChip(index, elementToAdd) {
-    // Let's copy the chips
-    var newChips = _toConsumableArray(chips); // Let's delete the chip
-    // If necessary, let's replace it with a different chip
-
-
-    if (elementToAdd) {
-      newChips.splice(index, 1, elementToAdd);
-    } else {
-      newChips.splice(index, 1);
-    } // Let's update the chip list
-
-
-    setChips(_toConsumableArray(newChips));
-    onValueChange(_toConsumableArray(newChips));
-  };
-  /**
-   * Changes a status of the chip to edit.
-   * @param text - Text of the chip that is being edited.
-   * @param index - Index of the chip in the array.
-   */
-
-
-  var onEditChip = function onEditChip(text, index) {
-    // Let's check if we have to add value as a chip (in case we have entered something in the input field)
-    if (chipInput.value !== '') {
-      // Let's replace the chip
-      onRemoveChip(index, chipInput.value);
-    } else {
-      // Let's just remove the chip
-      onRemoveChip(index);
-    } // Let's update the text value of input field
-
-
-    chipInput.value = text;
-    setValue(text);
-  };
-  /**
-   * Return Chip Input component.
-   */
-
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, required && /*#__PURE__*/React.createElement(_ChipStyles.RequiredStar, null, "*"), /*#__PURE__*/React.createElement(_ChipStyles.ChipInputContainer, {
-    onClick: function onClick() {
-      return chipInput.focus();
-    },
-    id: inputId,
-    className: validationType
-  }, chips.map(function (chip, index) {
-    return /*#__PURE__*/React.createElement(_index.InputChip, {
-      icon: icon,
-      size: _types.Size.Medium,
-      variant: variants && variants.length && variants[index] ? variants[index] : 'normal',
-      text: chip,
-      onRemove: function onRemove() {
-        return onRemoveChip(index);
-      },
-      onClick: function onClick() {
-        return onEditChip(chip, index);
-      },
-      key: "chip_".concat(index)
-    });
-  }), /*#__PURE__*/React.createElement(_ChipStyles.ChipInputEl, {
-    type: "text",
-    onChange: function onChange(event) {
-      return setValue(event.target.value);
-    },
-    onKeyDown: function onKeyDown(event) {
-      onAddChip(event);
-    },
-    placeholder: placeholder && chips.length === 0 ? placeholder : '',
-    ref: function ref(input) {
-      chipInput = input;
-    }
-  })), validationMessage && validationType === 'warning' ? /*#__PURE__*/React.createElement(_styling.WarningMessage, null, /*#__PURE__*/React.createElement(_SystemIcons.TechnicalWarning, {
-    size: "20px",
-    color: _styles.COLORS.critical_500
-  }), /*#__PURE__*/React.createElement("span", null, validationMessage)) : validationType === 'error' && /*#__PURE__*/React.createElement(_styling.ErrorMessage, null, /*#__PURE__*/React.createElement(_SystemIcons.TechnicalWarning, {
-    size: "20px",
-    color: _styles.COLORS.critical_400
-  }), /*#__PURE__*/React.createElement("span", null, validationMessage)));
-};
-
-var _default = ChipInput;
-exports.default = _default;
-//# sourceMappingURL=ChipInput.js.map

package/dist/js/Chips/ChipInput.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Chips/ChipInput.tsx"],"names":["ChipInput","values","inputId","variants","required","icon","placeholder","validationType","validationMessage","onValueChange","chipInput","React","useState","chips","setChips","value","setValue","useEffect","onAddChip","event","keyCode","preventDefault","onRemoveChip","index","elementToAdd","newChips","splice","onEditChip","text","focus","map","chip","Size","Medium","length","target","input","COLORS","critical_500","critical_400"],"mappings":"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","sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport { InputChip } from './index';\r\nimport { Size } from '../types';\r\nimport { WarningMessage, ErrorMessage } from '../InputFields/styling';\r\nimport { COLORS } from '../styles';\r\nimport { TechnicalWarning } from '../icons/systemicons/SystemIcons';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport { ChipInputContainer, ChipInputEl, RequiredStar } from './ChipStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport { ChipInputProps } from './ChipTypes';\r\n\r\nconst ChipInput: React.FunctionComponent<ChipInputProps> = ({\r\n  values,\r\n  inputId,\r\n  variants,\r\n  required,\r\n  icon,\r\n  placeholder,\r\n  validationType,\r\n  validationMessage,\r\n  onValueChange,\r\n}: ChipInputProps) => {\r\n  // Globally used variables within the chip input\r\n  let chipInput: HTMLInputElement;\r\n  const [chips, setChips] = React.useState<string[]>([]);\r\n  const [value, setValue] = React.useState<string>('');\r\n\r\n  /**\r\n   * Sets initial values for the chips.\r\n   */\r\n  React.useEffect(() => {\r\n    // Let's add initial chip values\r\n    setChips(values);\r\n  }, [values]);\r\n\r\n  /**\r\n   * Adds a chip to the chip list.\r\n   * @param event - Event handler from the key down event.\r\n   */\r\n  const onAddChip = (event: React.KeyboardEvent<HTMLInputElement>): void => {\r\n    // Let's trigger only on enter, comma and space key press\r\n    if ((event.keyCode === 13 || event.keyCode === 32 || event.keyCode === 188) && value) {\r\n      // Let's prevent default action - adding new key to the value\r\n      event.preventDefault();\r\n\r\n      // Let's add the chip\r\n      setChips([...chips, value]);\r\n      onValueChange([...chips, value]);\r\n\r\n      // Let's clear the old value\r\n      chipInput.value = '';\r\n      setValue('');\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Removes a specific chip from the chip list.\r\n   * @param index - Index of the chip that needs to be removed.\r\n   * @param elementToAdd - Element which needs to be added in the deleted element place.\r\n   */\r\n  const onRemoveChip = (index: number, elementToAdd?: string): void => {\r\n    // Let's copy the chips\r\n    const newChips = [...chips];\r\n\r\n    // Let's delete the chip\r\n    // If necessary, let's replace it with a different chip\r\n    if (elementToAdd) {\r\n      newChips.splice(index, 1, elementToAdd);\r\n    } else {\r\n      newChips.splice(index, 1);\r\n    }\r\n\r\n    // Let's update the chip list\r\n    setChips([...newChips]);\r\n    onValueChange([...newChips]);\r\n  };\r\n\r\n  /**\r\n   * Changes a status of the chip to edit.\r\n   * @param text - Text of the chip that is being edited.\r\n   * @param index - Index of the chip in the array.\r\n   */\r\n  const onEditChip = (text: string, index: number): void => {\r\n    // Let's check if we have to add value as a chip (in case we have entered something in the input field)\r\n    if (chipInput.value !== '') {\r\n      // Let's replace the chip\r\n      onRemoveChip(index, chipInput.value);\r\n    } else {\r\n      // Let's just remove the chip\r\n      onRemoveChip(index);\r\n    }\r\n\r\n    // Let's update the text value of input field\r\n    chipInput.value = text;\r\n    setValue(text);\r\n  };\r\n\r\n  /**\r\n   * Return Chip Input component.\r\n   */\r\n  return (\r\n    <>\r\n      {required && <RequiredStar>*</RequiredStar>}\r\n      <ChipInputContainer onClick={() => chipInput.focus()} id={inputId} className={validationType}>\r\n        {chips.map((chip: string, index: number) => (\r\n          <InputChip\r\n            icon={icon}\r\n            size={Size.Medium}\r\n            variant={variants && variants.length && variants[index] ? variants[index] : 'normal'}\r\n            text={chip}\r\n            onRemove={() => onRemoveChip(index)}\r\n            onClick={() => onEditChip(chip, index)}\r\n            key={`chip_${index}`}></InputChip>\r\n        ))}\r\n        <ChipInputEl\r\n          type=\"text\"\r\n          onChange={(event: React.ChangeEvent<HTMLInputElement>) => setValue(event.target.value)}\r\n          onKeyDown={(event: React.KeyboardEvent<HTMLInputElement>) => {\r\n            onAddChip(event);\r\n          }}\r\n          placeholder={placeholder && chips.length === 0 ? placeholder : ''}\r\n          ref={(input: HTMLInputElement) => {\r\n            chipInput = input;\r\n          }}\r\n        />\r\n      </ChipInputContainer>\r\n\r\n      {/* If there is an error, let's render the error */}\r\n      {validationMessage && validationType === 'warning' ? (\r\n        <WarningMessage>\r\n          <TechnicalWarning size=\"20px\" color={COLORS.critical_500} />\r\n          <span>{validationMessage}</span>\r\n        </WarningMessage>\r\n      ) : (\r\n        validationType === 'error' && (\r\n          <ErrorMessage>\r\n            <TechnicalWarning size=\"20px\" color={COLORS.critical_400} />\r\n            <span>{validationMessage}</span>\r\n          </ErrorMessage>\r\n        )\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ChipInput;\r\n"],"file":"ChipInput.js"}

package/dist/js/Chips/ChipStyles.d.ts

@@ -1,10 +0,0 @@
-/**
- *
- * Chip styles.
- */
-export declare const ChipContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ChipInputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RequiredStar: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const FilterChipContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ActionChipContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ChipInputEl: import("styled-components").StyledComponent<"input", any, {}, never>;

package/dist/js/Chips/ChipStyles.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChipInputEl = exports.ActionChipContainer = exports.FilterChipContainer = exports.RequiredStar = exports.ChipInputContainer = exports.ChipContainer = void 0;
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _styles = require("../styles");
-
-var _typography = require("../styles/typography");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-/**
- *
- * Chip styles.
- */
-var ChipContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  cursor: pointer;\n  color: ", ";\n  display: inline-block;\n\n  > button > div > .remove > path {\n    fill: ", ";\n  }\n\n  &:hover,\n  &:focus {\n    > button > div > .remove > path {\n      fill: ", ";\n    }\n  }\n\n  button {\n    background: transparent;\n    display: inline-block;\n    padding: 0;\n    width: auto;\n    height: auto;\n    color: inherit;\n\n    div {\n      color: inherit;\n      width: auto;\n      height: auto;\n\n      svg {\n        color: inherit;\n      }\n    }\n\n    &:hover,\n    &:hover:not(:disabled),\n    :focus,\n    :focus:not(:disabled) {\n      background: transparent;\n      display: inline-block;\n      padding: 0;\n      width: auto;\n      height: auto;\n      color: inherit;\n      outline: none;\n\n      div {\n        box-shadow: none;\n        background-color: transparent;\n\n        svg {\n          color: inherit;\n        }\n      }\n    }\n  }\n\n  &.small {\n    ", "\n    border-radius: 40px;\n    height: 24px;\n    padding: 0px 12px;\n    margin: 12px 0px;\n    border-radius: 40px;\n    display: inline-flex;\n    align-items: center;\n\n    &.icon-chip {\n      padding: 0px 12px 0px 8px;\n    }\n\n    &.button-chip {\n      padding: 0px 8px 0px 12px;\n    }\n\n    &.icon-chip.button-chip {\n      padding: 0px 8px;\n    }\n\n    > button {\n      width: 16px;\n      height: 16px;\n\n      > div {\n        width: 16px;\n        height: 16px;\n\n        svg {\n          padding: 0px;\n          margin-left: 4x;\n        }\n      }\n    }\n\n    svg {\n      vertical-align: middle;\n\n      &.icon {\n        margin-right: 4px;\n      }\n\n      &.remove {\n        margin-left: 4px;\n      }\n    }\n  }\n\n  &.medium {\n    ", "\n    border-radius: 80px;\n    height: 40px;\n    padding: 0px 16px;\n    margin: 4px 0px;\n    display: inline-flex;\n    align-items: center;\n\n    &.icon-chip {\n      padding: 0px 16px 0px 12px;\n    }\n\n    &.button-chip {\n      padding: 0px 12px 0px 16px;\n    }\n\n    &.icon-chip.button-chip {\n      padding: 0px 12px;\n    }\n\n    > button {\n      width: 20px;\n      height: 20px;\n\n      > div {\n        width: 20px;\n        height: 20px;\n\n        svg {\n          padding: 0px;\n          margin-left: 6px;\n        }\n      }\n    }\n\n    svg {\n      vertical-align: middle;\n\n      &.icon {\n        margin-right: 6px;\n      }\n\n      &.remove {\n        margin-left: 6px;\n      }\n    }\n  }\n\n  &.large {\n    ", "\n    border-radius: 120px;\n    height: 56px;\n    padding: 0px 20px;\n    margin: 0px;\n    display: inline-flex;\n    align-items: center;\n\n    &.icon-chip {\n      padding: 0px 20px 0px 16px;\n    }\n\n    &.button-chip {\n      padding: 0px 16px 0px 20px;\n    }\n\n    &.icon-chip.button-chip {\n      padding: 0px 16px;\n    }\n\n    > button {\n      width: 24px;\n      height: 24px;\n\n      > div {\n        width: 24px;\n        height: 24px;\n\n        svg {\n          padding: 0px;\n          margin-left: 8px;\n        }\n      }\n    }\n\n    svg {\n      vertical-align: middle;\n\n      &.icon {\n        margin-right: 8px;\n      }\n\n      &.remove {\n        margin-left: 8px;\n      }\n    }\n  }\n\n  &.disabled {\n    cursor: not-allowed;\n    background: ", ";\n    color: ", ";\n\n    > button > div > .remove > path {\n      fill: ", ";\n    }\n\n    &:hover {\n      background: ", ";\n    }\n\n    &:active {\n      background: ", ";\n    }\n  }\n\n  &.normal {\n    background: ", ";\n\n    &:hover {\n      background: ", ";\n    }\n\n    &:active {\n      background: ", ";\n    }\n  }\n\n  &.warning {\n    color: ", ";\n    background: ", ";\n\n    > button > div > .remove > path {\n      fill: ", ";\n    }\n\n    &:hover {\n      background: ", ";\n    }\n\n    &:active {\n      background: ", ";\n    }\n  }\n\n  &.error {\n    color: ", ";\n    background: ", ";\n\n    > button > div > .remove > path {\n      fill: ", ";\n    }\n\n    &:hover {\n      background: ", ";\n    }\n\n    &:active {\n      background: ", ";\n    }\n  }\n"])), _styles.COLORS.white, _styles.COLORS.white, _styles.COLORS.white, (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.white), (0, _typography.ComponentSStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.white), (0, _typography.ComponentMStyling)(_typography.ComponentTextStyle.Bold, _styles.COLORS.white), _styles.COLORS.neutral_100, _styles.COLORS.neutral_300, _styles.COLORS.neutral_300, _styles.COLORS.neutral_100, _styles.COLORS.neutral_100, _styles.COLORS.primary_500, _styles.COLORS.primary_700, _styles.COLORS.primary_800, _styles.COLORS.black, _styles.COLORS.warning_100, _styles.COLORS.warning_500, _styles.COLORS.warning_400, _styles.COLORS.warning_400, _styles.COLORS.black, _styles.COLORS.critical_100, _styles.COLORS.critical_500, _styles.COLORS.critical_400, _styles.COLORS.critical_400);
-
-exports.ChipContainer = ChipContainer;
-
-var ChipInputContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  min-height: 56px;\n  height: auto;\n  width: 100%;\n  border-radius: 4px;\n  border: 2px solid transparent;\n  box-shadow: inset 0px 0px 0px 1px ", ";\n  background-color: #fff;\n  box-sizing: border-box;\n  padding: 16px 16px 8px 16px;\n  box-sizing: border-box;\n  width: 100%;\n  cursor: text;\n  outline: none;\n  border-radius: 4.5px;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n\n  ", "\n  color: ", " !important;\n\n  &.warning,\n  &.warning:hover,\n  &.warning:focus {\n    -webkit-box-shadow: inset 0px 0px 0px 2px ", ";\n    -moz-box-shadow: inset 0px 0px 0px 2px ", ";\n    box-shadow: inset 0px 0px 0px 2px ", ";\n  }\n\n  &.error,\n  &.error:hover,\n  &.error:focus {\n    -webkit-box-shadow: inset 0px 0px 0px 2px ", ";\n    -moz-box-shadow: inset 0px 0px 0px 2px ", ";\n    box-shadow: inset 0px 0px 0px 2px ", ";\n  }\n\n  > div {\n    margin-right: 8px;\n    margin-bottom: 8px;\n  }\n\n  &.active {\n    -webkit-box-shadow: inset 0px 0px 0px 2px ", ";\n    -moz-box-shadow: inset 0px 0px 0px 2px ", ";\n    box-shadow: inset 0px 0px 0px 2px ", ";\n  }\n\n  &:hover {\n    -webkit-box-shadow: inset 0px 0px 0px 2px ", ";\n    -moz-box-shadow: inset 0px 0px 0px 2px ", ";\n    box-shadow: inset 0px 0px 0px 2px ", ";\n  }\n"])), _styles.COLORS.neutral_400, (0, _typography.ComponentMStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.black), _styles.COLORS.black, _styles.COLORS.warning_500, _styles.COLORS.warning_500, _styles.COLORS.warning_500, _styles.COLORS.critical_500, _styles.COLORS.critical_500, _styles.COLORS.critical_500, _styles.COLORS.primary_800, _styles.COLORS.primary_800, _styles.COLORS.primary_800, _styles.COLORS.primary_700, _styles.COLORS.primary_700, _styles.COLORS.primary_700);
-
-exports.ChipInputContainer = ChipInputContainer;
-
-var RequiredStar = _styledComponents.default.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: 28px;\n  line-height: 12px;\n  float: right;\n  font-weight: 700;\n  position: relative;\n  top: 10px;\n"])), _styles.COLORS.critical_500);
-
-exports.RequiredStar = RequiredStar;
-var FilterChipContainer = (0, _styledComponents.default)(ChipContainer)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  &.normal {\n    background: ", ";\n    color: ", ";\n    border: 2px solid;\n    border-color: ", ";\n\n    &:hover {\n      background: ", ";\n      color: ", ";\n      border-color: ", ";\n    }\n\n    &:active,\n    &:focus {\n      background: ", ";\n      color: ", ";\n      border-color: ", ";\n      box-shadow: 0px 4px 12px ", ", 0px 0px 8px ", " !important;\n      outline: none;\n    }\n  }\n\n  &.selected {\n    background: ", ";\n    color: ", ";\n    border: 2px solid;\n    border-color: ", ";\n\n    &:hover {\n      background: ", ";\n      color: ", ";\n      border-color: ", ";\n    }\n\n    &:active,\n    &:focus {\n      background: ", ";\n      color: ", ";\n      border-color: ", ";\n      box-shadow: 0px 4px 12px ", ", 0px 0px 8px ", " !important;\n      outline: none;\n    }\n  }\n"])), _styles.COLORS.white, _styles.COLORS.neutral_600, _styles.COLORS.neutral_200, _styles.COLORS.primary_20, _styles.COLORS.primary_600, _styles.COLORS.primary_200, _styles.COLORS.primary_100, _styles.COLORS.primary_800, _styles.COLORS.primary_300, _styles.COLORS.focus_25, _styles.COLORS.focus, _styles.COLORS.primary_500, _styles.COLORS.white, _styles.COLORS.primary_500, _styles.COLORS.primary_700, _styles.COLORS.white, _styles.COLORS.primary_700, _styles.COLORS.primary_800, _styles.COLORS.white, _styles.COLORS.primary_800, _styles.COLORS.focus_25, _styles.COLORS.focus);
-exports.FilterChipContainer = FilterChipContainer;
-var ActionChipContainer = (0, _styledComponents.default)(ChipContainer)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  &.normal {\n    background: ", ";\n    color: ", ";\n    border: 2px solid;\n    border-color: ", ";\n\n    &:hover {\n      background: ", ";\n      color: ", ";\n      border-color: ", ";\n    }\n\n    &:active,\n    &:focus {\n      background: ", ";\n      color: ", ";\n      border-color: ", ";\n      box-shadow: 0px 4px 12px ", ", 0px 0px 8px ", " !important;\n    }\n  }\n"])), _styles.COLORS.white, _styles.COLORS.neutral_600, _styles.COLORS.neutral_200, _styles.COLORS.primary_20, _styles.COLORS.primary_600, _styles.COLORS.primary_200, _styles.COLORS.primary_100, _styles.COLORS.primary_800, _styles.COLORS.primary_300, _styles.COLORS.focus_25, _styles.COLORS.focus);
-exports.ActionChipContainer = ActionChipContainer;
-
-var ChipInputEl = _styledComponents.default.input(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  height: 40px;\n  width: auto;\n  display: inline-flex;\n  border: none;\n  outline: none;\n  margin-top: 5px;\n  margin-bottom: 8px;\n\n  ", "\n  color: ", " !important;\n"])), (0, _typography.ComponentMStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.black), _styles.COLORS.black);
-
-exports.ChipInputEl = ChipInputEl;
-//# sourceMappingURL=ChipStyles.js.map

package/dist/js/Chips/ChipStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Chips/ChipStyles.ts"],"names":["ChipContainer","styled","div","COLORS","white","ComponentTextStyle","Bold","neutral_100","neutral_300","primary_500","primary_700","primary_800","black","warning_100","warning_500","warning_400","critical_100","critical_500","critical_400","ChipInputContainer","neutral_400","Regular","RequiredStar","span","FilterChipContainer","neutral_600","neutral_200","primary_20","primary_600","primary_200","primary_100","primary_300","focus_25","focus","ActionChipContainer","ChipInputEl","input"],"mappings":";;;;;;;AAGA;;AAKA;;AACA;;;;;;;;AAEA;AACA;AACA;AACA;AACO,IAAMA,aAAa,GAAGC,0BAAOC,GAAV,2gIAEfC,eAAOC,KAFQ,EAMdD,eAAOC,KANO,EAYZD,eAAOC,KAZK,EA0DpB,oCAAmBC,+BAAmBC,IAAtC,EAA4CH,eAAOC,KAAnD,CA1DoB,EA4GpB,mCAAkBC,+BAAmBC,IAArC,EAA2CH,eAAOC,KAAlD,CA5GoB,EA6JpB,mCAAkBC,+BAAmBC,IAArC,EAA2CH,eAAOC,KAAlD,CA7JoB,EA+MRD,eAAOI,WA/MC,EAgNbJ,eAAOK,WAhNM,EAmNZL,eAAOK,WAnNK,EAuNNL,eAAOI,WAvND,EA2NNJ,eAAOI,WA3ND,EAgORJ,eAAOM,WAhOC,EAmONN,eAAOO,WAnOD,EAuONP,eAAOQ,WAvOD,EA4ObR,eAAOS,KA5OM,EA6ORT,eAAOU,WA7OC,EAgPZV,eAAOW,WAhPK,EAoPNX,eAAOY,WApPD,EAwPNZ,eAAOY,WAxPD,EA6PbZ,eAAOS,KA7PM,EA8PRT,eAAOa,YA9PC,EAiQZb,eAAOc,YAjQK,EAqQNd,eAAOe,YArQD,EAyQNf,eAAOe,YAzQD,CAAnB;;;;AA8QA,IAAMC,kBAAkB,GAAGlB,0BAAOC,GAAV,szCAMOC,eAAOiB,WANd,EAmB3B,mCAAkBf,+BAAmBgB,OAArC,EAA8ClB,eAAOS,KAArD,CAnB2B,EAoBpBT,eAAOS,KApBa,EAyBiBT,eAAOW,WAzBxB,EA0BcX,eAAOW,WA1BrB,EA2BSX,eAAOW,WA3BhB,EAiCiBX,eAAOc,YAjCxB,EAkCcd,eAAOc,YAlCrB,EAmCSd,eAAOc,YAnChB,EA4CiBd,eAAOQ,WA5CxB,EA6CcR,eAAOQ,WA7CrB,EA8CSR,eAAOQ,WA9ChB,EAkDiBR,eAAOO,WAlDxB,EAmDcP,eAAOO,WAnDrB,EAoDSP,eAAOO,WApDhB,CAAxB;;;;AAwDA,IAAMY,YAAY,GAAGrB,0BAAOsB,IAAV,+MACdpB,eAAOc,YADO,CAAlB;;;AAUA,IAAMO,mBAAmB,GAAG,+BAAOxB,aAAP,CAAH,w3BAEdG,eAAOC,KAFO,EAGnBD,eAAOsB,WAHY,EAKZtB,eAAOuB,WALK,EAQZvB,eAAOwB,UARK,EASjBxB,eAAOyB,WATU,EAUVzB,eAAO0B,WAVG,EAeZ1B,eAAO2B,WAfK,EAgBjB3B,eAAOQ,WAhBU,EAiBVR,eAAO4B,WAjBG,EAkBC5B,eAAO6B,QAlBR,EAkBiC7B,eAAO8B,KAlBxC,EAwBd9B,eAAOM,WAxBO,EAyBnBN,eAAOC,KAzBY,EA2BZD,eAAOM,WA3BK,EA8BZN,eAAOO,WA9BK,EA+BjBP,eAAOC,KA/BU,EAgCVD,eAAOO,WAhCG,EAqCZP,eAAOQ,WArCK,EAsCjBR,eAAOC,KAtCU,EAuCVD,eAAOQ,WAvCG,EAwCCR,eAAO6B,QAxCR,EAwCiC7B,eAAO8B,KAxCxC,CAAzB;;AA8CA,IAAMC,mBAAmB,GAAG,+BAAOlC,aAAP,CAAH,ycAEdG,eAAOC,KAFO,EAGnBD,eAAOsB,WAHY,EAKZtB,eAAOuB,WALK,EAQZvB,eAAOwB,UARK,EASjBxB,eAAOyB,WATU,EAUVzB,eAAO0B,WAVG,EAeZ1B,eAAO2B,WAfK,EAgBjB3B,eAAOQ,WAhBU,EAiBVR,eAAO4B,WAjBG,EAkBC5B,eAAO6B,QAlBR,EAkBiC7B,eAAO8B,KAlBxC,CAAzB;;;AAuBA,IAAME,WAAW,GAAGlC,0BAAOmC,KAAV,uPASpB,mCAAkB/B,+BAAmBgB,OAArC,EAA8ClB,eAAOS,KAArD,CAToB,EAUbT,eAAOS,KAVM,CAAjB","sourcesContent":["/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom style properties.\r\n */\r\nimport { COLORS } from '../styles';\r\nimport { ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXSStyling, ComponentXXSStyling } from '../styles/typography';\r\n\r\n/**\r\n *\r\n * Chip styles.\r\n */\r\nexport const ChipContainer = styled.div`\r\n  cursor: pointer;\r\n  color: ${COLORS.white};\r\n  display: inline-block;\r\n\r\n  > button > div > .remove > path {\r\n    fill: ${COLORS.white};\r\n  }\r\n\r\n  &:hover,\r\n  &:focus {\r\n    > button > div > .remove > path {\r\n      fill: ${COLORS.white};\r\n    }\r\n  }\r\n\r\n  button {\r\n    background: transparent;\r\n    display: inline-block;\r\n    padding: 0;\r\n    width: auto;\r\n    height: auto;\r\n    color: inherit;\r\n\r\n    div {\r\n      color: inherit;\r\n      width: auto;\r\n      height: auto;\r\n\r\n      svg {\r\n        color: inherit;\r\n      }\r\n    }\r\n\r\n    &:hover,\r\n    &:hover:not(:disabled),\r\n    :focus,\r\n    :focus:not(:disabled) {\r\n      background: transparent;\r\n      display: inline-block;\r\n      padding: 0;\r\n      width: auto;\r\n      height: auto;\r\n      color: inherit;\r\n      outline: none;\r\n\r\n      div {\r\n        box-shadow: none;\r\n        background-color: transparent;\r\n\r\n        svg {\r\n          color: inherit;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.small {\r\n    ${ComponentXSStyling(ComponentTextStyle.Bold, COLORS.white)}\r\n    border-radius: 40px;\r\n    height: 24px;\r\n    padding: 0px 12px;\r\n    margin: 12px 0px;\r\n    border-radius: 40px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    &.icon-chip {\r\n      padding: 0px 12px 0px 8px;\r\n    }\r\n\r\n    &.button-chip {\r\n      padding: 0px 8px 0px 12px;\r\n    }\r\n\r\n    &.icon-chip.button-chip {\r\n      padding: 0px 8px;\r\n    }\r\n\r\n    > button {\r\n      width: 16px;\r\n      height: 16px;\r\n\r\n      > div {\r\n        width: 16px;\r\n        height: 16px;\r\n\r\n        svg {\r\n          padding: 0px;\r\n          margin-left: 4x;\r\n        }\r\n      }\r\n    }\r\n\r\n    svg {\r\n      vertical-align: middle;\r\n\r\n      &.icon {\r\n        margin-right: 4px;\r\n      }\r\n\r\n      &.remove {\r\n        margin-left: 4px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\r\n    border-radius: 80px;\r\n    height: 40px;\r\n    padding: 0px 16px;\r\n    margin: 4px 0px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    &.icon-chip {\r\n      padding: 0px 16px 0px 12px;\r\n    }\r\n\r\n    &.button-chip {\r\n      padding: 0px 12px 0px 16px;\r\n    }\r\n\r\n    &.icon-chip.button-chip {\r\n      padding: 0px 12px;\r\n    }\r\n\r\n    > button {\r\n      width: 20px;\r\n      height: 20px;\r\n\r\n      > div {\r\n        width: 20px;\r\n        height: 20px;\r\n\r\n        svg {\r\n          padding: 0px;\r\n          margin-left: 6px;\r\n        }\r\n      }\r\n    }\r\n\r\n    svg {\r\n      vertical-align: middle;\r\n\r\n      &.icon {\r\n        margin-right: 6px;\r\n      }\r\n\r\n      &.remove {\r\n        margin-left: 6px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${ComponentMStyling(ComponentTextStyle.Bold, COLORS.white)}\r\n    border-radius: 120px;\r\n    height: 56px;\r\n    padding: 0px 20px;\r\n    margin: 0px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    &.icon-chip {\r\n      padding: 0px 20px 0px 16px;\r\n    }\r\n\r\n    &.button-chip {\r\n      padding: 0px 16px 0px 20px;\r\n    }\r\n\r\n    &.icon-chip.button-chip {\r\n      padding: 0px 16px;\r\n    }\r\n\r\n    > button {\r\n      width: 24px;\r\n      height: 24px;\r\n\r\n      > div {\r\n        width: 24px;\r\n        height: 24px;\r\n\r\n        svg {\r\n          padding: 0px;\r\n          margin-left: 8px;\r\n        }\r\n      }\r\n    }\r\n\r\n    svg {\r\n      vertical-align: middle;\r\n\r\n      &.icon {\r\n        margin-right: 8px;\r\n      }\r\n\r\n      &.remove {\r\n        margin-left: 8px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: not-allowed;\r\n    background: ${COLORS.neutral_100};\r\n    color: ${COLORS.neutral_300};\r\n\r\n    > button > div > .remove > path {\r\n      fill: ${COLORS.neutral_300};\r\n    }\r\n\r\n    &:hover {\r\n      background: ${COLORS.neutral_100};\r\n    }\r\n\r\n    &:active {\r\n      background: ${COLORS.neutral_100};\r\n    }\r\n  }\r\n\r\n  &.normal {\r\n    background: ${COLORS.primary_500};\r\n\r\n    &:hover {\r\n      background: ${COLORS.primary_700};\r\n    }\r\n\r\n    &:active {\r\n      background: ${COLORS.primary_800};\r\n    }\r\n  }\r\n\r\n  &.warning {\r\n    color: ${COLORS.black};\r\n    background: ${COLORS.warning_100};\r\n\r\n    > button > div > .remove > path {\r\n      fill: ${COLORS.warning_500};\r\n    }\r\n\r\n    &:hover {\r\n      background: ${COLORS.warning_400};\r\n    }\r\n\r\n    &:active {\r\n      background: ${COLORS.warning_400};\r\n    }\r\n  }\r\n\r\n  &.error {\r\n    color: ${COLORS.black};\r\n    background: ${COLORS.critical_100};\r\n\r\n    > button > div > .remove > path {\r\n      fill: ${COLORS.critical_500};\r\n    }\r\n\r\n    &:hover {\r\n      background: ${COLORS.critical_400};\r\n    }\r\n\r\n    &:active {\r\n      background: ${COLORS.critical_400};\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ChipInputContainer = styled.div`\r\n  min-height: 56px;\r\n  height: auto;\r\n  width: 100%;\r\n  border-radius: 4px;\r\n  border: 2px solid transparent;\r\n  box-shadow: inset 0px 0px 0px 1px ${COLORS.neutral_400};\r\n  background-color: #fff;\r\n  box-sizing: border-box;\r\n  padding: 16px 16px 8px 16px;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  cursor: text;\r\n  outline: none;\r\n  border-radius: 4.5px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: wrap;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n  color: ${COLORS.black} !important;\r\n\r\n  &.warning,\r\n  &.warning:hover,\r\n  &.warning:focus {\r\n    -webkit-box-shadow: inset 0px 0px 0px 2px ${COLORS.warning_500};\r\n    -moz-box-shadow: inset 0px 0px 0px 2px ${COLORS.warning_500};\r\n    box-shadow: inset 0px 0px 0px 2px ${COLORS.warning_500};\r\n  }\r\n\r\n  &.error,\r\n  &.error:hover,\r\n  &.error:focus {\r\n    -webkit-box-shadow: inset 0px 0px 0px 2px ${COLORS.critical_500};\r\n    -moz-box-shadow: inset 0px 0px 0px 2px ${COLORS.critical_500};\r\n    box-shadow: inset 0px 0px 0px 2px ${COLORS.critical_500};\r\n  }\r\n\r\n  > div {\r\n    margin-right: 8px;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  &.active {\r\n    -webkit-box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_800};\r\n    -moz-box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_800};\r\n    box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_800};\r\n  }\r\n\r\n  &:hover {\r\n    -webkit-box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_700};\r\n    -moz-box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_700};\r\n    box-shadow: inset 0px 0px 0px 2px ${COLORS.primary_700};\r\n  }\r\n`;\r\n\r\nexport const RequiredStar = styled.span`\r\n  color: ${COLORS.critical_500};\r\n  font-size: 28px;\r\n  line-height: 12px;\r\n  float: right;\r\n  font-weight: 700;\r\n  position: relative;\r\n  top: 10px;\r\n`;\r\n\r\nexport const FilterChipContainer = styled(ChipContainer)`\r\n  &.normal {\r\n    background: ${COLORS.white};\r\n    color: ${COLORS.neutral_600};\r\n    border: 2px solid;\r\n    border-color: ${COLORS.neutral_200};\r\n\r\n    &:hover {\r\n      background: ${COLORS.primary_20};\r\n      color: ${COLORS.primary_600};\r\n      border-color: ${COLORS.primary_200};\r\n    }\r\n\r\n    &:active,\r\n    &:focus {\r\n      background: ${COLORS.primary_100};\r\n      color: ${COLORS.primary_800};\r\n      border-color: ${COLORS.primary_300};\r\n      box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;\r\n      outline: none;\r\n    }\r\n  }\r\n\r\n  &.selected {\r\n    background: ${COLORS.primary_500};\r\n    color: ${COLORS.white};\r\n    border: 2px solid;\r\n    border-color: ${COLORS.primary_500};\r\n\r\n    &:hover {\r\n      background: ${COLORS.primary_700};\r\n      color: ${COLORS.white};\r\n      border-color: ${COLORS.primary_700};\r\n    }\r\n\r\n    &:active,\r\n    &:focus {\r\n      background: ${COLORS.primary_800};\r\n      color: ${COLORS.white};\r\n      border-color: ${COLORS.primary_800};\r\n      box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;\r\n      outline: none;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ActionChipContainer = styled(ChipContainer)`\r\n  &.normal {\r\n    background: ${COLORS.white};\r\n    color: ${COLORS.neutral_600};\r\n    border: 2px solid;\r\n    border-color: ${COLORS.neutral_200};\r\n\r\n    &:hover {\r\n      background: ${COLORS.primary_20};\r\n      color: ${COLORS.primary_600};\r\n      border-color: ${COLORS.primary_200};\r\n    }\r\n\r\n    &:active,\r\n    &:focus {\r\n      background: ${COLORS.primary_100};\r\n      color: ${COLORS.primary_800};\r\n      border-color: ${COLORS.primary_300};\r\n      box-shadow: 0px 4px 12px ${COLORS.focus_25}, 0px 0px 8px ${COLORS.focus} !important;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ChipInputEl = styled.input`\r\n  height: 40px;\r\n  width: auto;\r\n  display: inline-flex;\r\n  border: none;\r\n  outline: none;\r\n  margin-top: 5px;\r\n  margin-bottom: 8px;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n  color: ${COLORS.black} !important;\r\n`;\r\n"],"file":"ChipStyles.js"}

package/dist/js/Chips/ChipTypes.d.ts

@@ -1,52 +0,0 @@
-import { Size } from '../types';
-/**
- * Types for the chips.
- */
-export interface ChipProps {
-    variant: ChipVariant;
-    size: Size;
-    disabled?: boolean;
-}
-export interface InputChipProps extends ChipProps {
-    text: string;
-    icon?: ChipIcons;
-    onRemove: () => void;
-    onClick: () => void;
-}
-export interface FilterChipProps extends ChipProps {
-    text: string;
-    selected: boolean;
-    variant: 'normal';
-    onClick: () => void;
-}
-export interface ChoiceChipProps extends ChipProps {
-    selected: string;
-    variant: 'normal';
-    values: ChipValue[];
-    onClick: (value: ChipValue) => void;
-}
-export interface ChipValue {
-    value: string;
-    label: string;
-    size: Size;
-}
-export interface ActionChipProps extends ChipProps {
-    text: string;
-    icon?: ChipIcons;
-    variant: 'normal';
-    onClick: () => void;
-}
-export interface ChipInputProps {
-    values: string[];
-    icon?: ChipIcons;
-    required?: boolean;
-    validationType?: 'error' | 'warning';
-    validationMessage?: string;
-    variants?: ChipVariant[];
-    inputId: string;
-    placeholder?: string;
-    onValueChange: (chips: string[]) => void;
-}
-declare type ChipIcons = 'Add' | 'ArrowDropDown' | 'ArrowDropUp' | 'ArrowLineDown' | 'ArrowLineLeft' | 'ArrowLineRight' | 'ArrowLineUp' | 'ArrowStopLeft' | 'ArrowStopRight' | 'Attachment' | 'Attention' | 'BackwardsFiveSec' | 'Book' | 'BookmarkOff' | 'BookmarkOn' | 'Bullet' | 'Calendar' | 'CheckboxOff' | 'CheckboxOn' | 'CheckboxSemi' | 'CheckComplete' | 'ChevronDown' | 'ChevronLeft' | 'ChevronRight' | 'ChevronUp' | 'Clear' | 'Close' | 'ClosedCaptionOff' | 'ClosedCaptionOn' | 'CloudAttention' | 'CloudCheck' | 'CloudDownload' | 'CloudLocked' | 'CloudNoConnection' | 'CloudSyncing' | 'CloudUpload' | 'Cloud' | 'Dashboard' | 'Delete' | 'Download' | 'DragHandle' | 'DragIndicator' | 'Edit' | 'Educator' | 'Equals' | 'EventLog' | 'ExtendTextArea' | 'Filter' | 'Forward' | 'ForwardSlash' | 'ForwardFiveSec' | 'FullscreenExit' | 'Fullscreen' | 'GearSettings' | 'GridView' | 'Group' | 'GuidedTour' | 'Help' | 'Hierarchy' | 'History' | 'Home' | 'Information' | 'Institute' | 'Language' | 'ListView' | 'LoadingMedium' | 'LoadingSmall' | 'LockedOff' | 'LockedOn' | 'Login' | 'Logout' | 'Loop' | 'Mail' | 'Manikin' | 'MapPoint' | 'Menu' | 'Minus' | 'MoreHorizontal' | 'MoreVertical' | 'NotificationNew' | 'Notification' | 'OpenFolder' | 'OpenNewWindow' | 'Pause' | 'PlayOutline' | 'Play' | 'Plus' | 'PointDown' | 'PointLeft' | 'PointRight' | 'PointUp' | 'RadioButtonOff' | 'RadioButtonOn' | 'Record' | 'Refresh' | 'Replay' | 'Rewind' | 'Save' | 'Search' | 'Share' | 'ShoppingCart' | 'StarFilled' | 'StarOutlined' | 'Stop' | 'Support' | 'Team' | 'ThumbsDown' | 'ThumbsUp' | 'TimeLimited' | 'Time' | 'Tip' | 'Upload' | 'Usb' | 'User' | 'Video' | 'VisibleOff' | 'VisibleOn' | 'VolumeDown' | 'VolumeOff' | 'VolumeUp';
-declare type ChipVariant = 'normal' | 'warning' | 'error';
-export {};

package/dist/js/Chips/ChipTypes.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=ChipTypes.js.map

package/dist/js/Chips/ChipTypes.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"ChipTypes.js"}

package/dist/js/Chips/ChoiceChips.d.ts

@@ -1,10 +0,0 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-/**
- * Import custom types.
- */
-import { ChoiceChipProps } from './ChipTypes';
-declare const ChoiceChips: React.FunctionComponent<ChoiceChipProps>;
-export default ChoiceChips;

package/dist/js/Chips/ChoiceChips.js

@@ -1,91 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _ChipStyles = require("./ChipStyles");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var ChoiceChips = function ChoiceChips(_ref) {
-  var selected = _ref.selected,
-      variant = _ref.variant,
-      disabled = _ref.disabled,
-      onClick = _ref.onClick,
-      values = _ref.values;
-
-  /**
-   * Globally used variables within the component.
-   */
-  var _React$useState = React.useState(''),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      selectedChip = _React$useState2[0],
-      setSelectedChip = _React$useState2[1];
-  /**
-   * Set the selected value for the chip.
-   */
-
-
-  React.useEffect(function () {
-    setSelectedChip(selected);
-  }, [selected]);
-  /**
-   * Sets selected chip and fires an event to parent component.
-   * @param value - Chip which was selected.
-   */
-
-  var onSelectChip = function onSelectChip(value) {
-    // Update selected chip
-    setSelectedChip(value.value); // Fire the event
-
-    onClick(value);
-  };
-
-  var handleKeyDown = function handleKeyDown(e, value) {
-    if (e.keyCode === 13) {
-      onSelectChip(value);
-    }
-  };
-  /**
-   * Return Choice Chip component.
-   */
-
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, values.map(function (value) {
-    return /*#__PURE__*/React.createElement(_ChipStyles.FilterChipContainer, {
-      key: value.value,
-      tabIndex: disabled ? -1 : 0,
-      className: "".concat(value.size, " ").concat(disabled ? 'disabled' : selectedChip === value.value ? 'selected' : variant),
-      onClick: function onClick() {
-        return onSelectChip(value);
-      },
-      onKeyDown: function onKeyDown(e) {
-        return handleKeyDown(e, value);
-      }
-    }, value.label);
-  }));
-};
-
-var _default = ChoiceChips;
-exports.default = _default;
-//# sourceMappingURL=ChoiceChips.js.map

package/dist/js/Chips/ChoiceChips.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Chips/ChoiceChips.tsx"],"names":["ChoiceChips","selected","variant","disabled","onClick","values","React","useState","selectedChip","setSelectedChip","useEffect","onSelectChip","value","handleKeyDown","e","keyCode","map","size","label"],"mappings":";;;;;;;;;AAGA;;AAKA;;;;;;;;;;;;;;;;;;AAOA,IAAMA,WAAqD,GAAG,SAAxDA,WAAwD,OAAuE;AAAA,MAApEC,QAAoE,QAApEA,QAAoE;AAAA,MAA1DC,OAA0D,QAA1DA,OAA0D;AAAA,MAAjDC,QAAiD,QAAjDA,QAAiD;AAAA,MAAvCC,OAAuC,QAAvCA,OAAuC;AAAA,MAA9BC,MAA8B,QAA9BA,MAA8B;;AACnI;AACF;AACA;AACE,wBAAwCC,KAAK,CAACC,QAAN,CAAuB,EAAvB,CAAxC;AAAA;AAAA,MAAOC,YAAP;AAAA,MAAqBC,eAArB;AAEA;AACF;AACA;;;AACEH,EAAAA,KAAK,CAACI,SAAN,CAAgB,YAAM;AACpBD,IAAAA,eAAe,CAACR,QAAD,CAAf;AACD,GAFD,EAEG,CAACA,QAAD,CAFH;AAIA;AACF;AACA;AACA;;AACE,MAAMU,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAsB;AACzC;AACAH,IAAAA,eAAe,CAACG,KAAK,CAACA,KAAP,CAAf,CAFyC,CAIzC;;AACAR,IAAAA,OAAO,CAACQ,KAAD,CAAP;AACD,GAND;;AAQA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,CAAD,EAASF,KAAT,EAA8B;AAClD,QAAIE,CAAC,CAACC,OAAF,KAAc,EAAlB,EAAsB;AACpBJ,MAAAA,YAAY,CAACC,KAAD,CAAZ;AACD;AACF,GAJD;AAMA;AACF;AACA;;;AACE,sBACE,0CACGP,MAAM,CAACW,GAAP,CAAW,UAACJ,KAAD;AAAA,wBACV,oBAAC,+BAAD;AACE,MAAA,GAAG,EAAEA,KAAK,CAACA,KADb;AAEE,MAAA,QAAQ,EAAET,QAAQ,GAAG,CAAC,CAAJ,GAAQ,CAF5B;AAGE,MAAA,SAAS,YAAKS,KAAK,CAACK,IAAX,cAAmBd,QAAQ,GAAG,UAAH,GAAgBK,YAAY,KAAKI,KAAK,CAACA,KAAvB,GAA+B,UAA/B,GAA4CV,OAAvF,CAHX;AAIE,MAAA,OAAO,EAAE;AAAA,eAAMS,YAAY,CAACC,KAAD,CAAlB;AAAA,OAJX;AAKE,MAAA,SAAS,EAAE,mBAAAE,CAAC;AAAA,eAAID,aAAa,CAACC,CAAD,EAAIF,KAAJ,CAAjB;AAAA;AALd,OAMGA,KAAK,CAACM,KANT,CADU;AAAA,GAAX,CADH,CADF;AAcD,CAhDD;;eAkDelB,W","sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport { FilterChipContainer } from './ChipStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport { ChipValue, ChoiceChipProps } from './ChipTypes';\r\n\r\nconst ChoiceChips: React.FunctionComponent<ChoiceChipProps> = ({ selected, variant, disabled, onClick, values }: ChoiceChipProps) => {\r\n  /**\r\n   * Globally used variables within the component.\r\n   */\r\n  const [selectedChip, setSelectedChip] = React.useState<string>('');\r\n\r\n  /**\r\n   * Set the selected value for the chip.\r\n   */\r\n  React.useEffect(() => {\r\n    setSelectedChip(selected);\r\n  }, [selected]);\r\n\r\n  /**\r\n   * Sets selected chip and fires an event to parent component.\r\n   * @param value - Chip which was selected.\r\n   */\r\n  const onSelectChip = (value: ChipValue) => {\r\n    // Update selected chip\r\n    setSelectedChip(value.value);\r\n\r\n    // Fire the event\r\n    onClick(value);\r\n  };\r\n\r\n  const handleKeyDown = (e: any, value: ChipValue) => {\r\n    if (e.keyCode === 13) {\r\n      onSelectChip(value);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Return Choice Chip component.\r\n   */\r\n  return (\r\n    <>\r\n      {values.map((value: ChipValue) => (\r\n        <FilterChipContainer\r\n          key={value.value}\r\n          tabIndex={disabled ? -1 : 0}\r\n          className={`${value.size} ${disabled ? 'disabled' : selectedChip === value.value ? 'selected' : variant}`}\r\n          onClick={() => onSelectChip(value)}\r\n          onKeyDown={e => handleKeyDown(e, value)}>\r\n          {value.label}\r\n        </FilterChipContainer>\r\n      ))}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ChoiceChips;\r\n"],"file":"ChoiceChips.js"}

package/dist/js/Chips/FilterChip.d.ts

@@ -1,10 +0,0 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-/**
- * Import custom types.
- */
-import { FilterChipProps } from './ChipTypes';
-declare const FilterChip: React.FunctionComponent<FilterChipProps>;
-export default FilterChip;