@orfium/ictinus 4.21.2 → 4.24.0

package/dist/components/Chip/Chip.style.d.ts

@@ -2,4 +2,4 @@ import { SerializedStyles } from '@emotion/react';
 import { Theme } from '../../theme';
 import { Props } from './Chip';
 export declare const chipStyle: ({ styleType, fill, isSelected, onClear, onClick, }: Props) => (theme: Theme) => SerializedStyles;
-export declare const closeIconWrapperStyle: () => () => SerializedStyles;
+export declare const closeIconWrapperStyle: (disabled?: boolean | undefined) => () => SerializedStyles;

package/dist/components/Chip/Chip.style.js

@@ -9,40 +9,50 @@ var _functions = require("../../theme/functions");
 
 var _utils = require("../../theme/utils");
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
-var chipStyle = function chipStyle(_ref2) {
-  var styleType = _ref2.styleType,
-      _ref2$fill = _ref2.fill,
-      fill = _ref2$fill === void 0 ? 'greyScale' : _ref2$fill,
-      isSelected = _ref2.isSelected,
-      onClear = _ref2.onClear,
-      onClick = _ref2.onClick;
+var _states = require("../../theme/states");
+
+var chipStyle = function chipStyle(_ref) {
+  var styleType = _ref.styleType,
+      _ref$fill = _ref.fill,
+      fill = _ref$fill === void 0 ? 'greyScale' : _ref$fill,
+      isSelected = _ref.isSelected,
+      onClear = _ref.onClear,
+      onClick = _ref.onClick;
   return function (theme) {
+    var isInteractive = styleType === 'interactive';
+    var customFilled = styleType === 'read-only' || onClear || isSelected;
     return (
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)(_functions.flexCenterVertical, ";height:", theme.spacing.lg, ";border-radius:", theme.spacing.lg, ";font-size:", theme.typography.fontSizes['12'], ";font-weight:", theme.typography.weights.medium, ";line-height:normal;box-sizing:border-box;padding:", theme.spacing.xsm, " ", theme.spacing.sm, ";background-color:", styleType === 'read-only' || onClear || isSelected ? theme.utils.getColor(fill, 50) : theme.palette.white, ";color:", theme.utils.getColor('darkGrey', 850), ";border:", (0, _utils.rem)(1), " solid ", styleType === 'read-only' || onClear || isSelected ? theme.utils.getColor(fill, 550) : theme.utils.getColor('lightGrey', 200), ";cursor:", onClick ? 'pointer' : 'auto', ";width:fit-content;transition:background-color 150ms linear;&:hover{background:", styleType === 'read-only' || onClear || isSelected ? theme.utils.getColor(fill, 100) : theme.utils.getColor('lightGrey', null, 'pale'), ";}>:not(:last-child){margin-right:", theme.spacing.xsm, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:chipStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NoaXAvQ2hpcC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhb0QiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQ2hpcC9DaGlwLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZmxleENlbnRlclZlcnRpY2FsIH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi90aGVtZSc7XG5pbXBvcnQgeyBQcm9wcyB9IGZyb20gJy4vQ2hpcCc7XG5cbmV4cG9ydCBjb25zdCBjaGlwU3R5bGUgPSAoe1xuICBzdHlsZVR5cGUsXG4gIGZpbGwgPSAnZ3JleVNjYWxlJyxcbiAgaXNTZWxlY3RlZCxcbiAgb25DbGVhcixcbiAgb25DbGljayxcbn06IFByb3BzKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7ZmxleENlbnRlclZlcnRpY2FsfTtcbiAgaGVpZ2h0OiAke3RoZW1lLnNwYWNpbmcubGd9O1xuICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnNwYWNpbmcubGd9O1xuICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEyJ119O1xuICBmb250LXdlaWdodDogJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMubWVkaXVtfTtcbiAgbGluZS1oZWlnaHQ6IG5vcm1hbDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnhzbX0gJHt0aGVtZS5zcGFjaW5nLnNtfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtzdHlsZVR5cGUgPT09ICdyZWFkLW9ubHknIHx8IG9uQ2xlYXIgfHwgaXNTZWxlY3RlZFxuICAgID8gdGhlbWUudXRpbHMuZ2V0Q29sb3IoZmlsbCwgNTApXG4gICAgOiB0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgY29sb3I6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2RhcmtHcmV5JywgODUwKX07XG4gIGJvcmRlcjogJHtyZW0oMSl9IHNvbGlkXG4gICAgJHtzdHlsZVR5cGUgPT09ICdyZWFkLW9ubHknIHx8IG9uQ2xlYXIgfHwgaXNTZWxlY3RlZFxuICAgICAgPyB0aGVtZS51dGlscy5nZXRDb2xvcihmaWxsLCA1NTApXG4gICAgICA6IHRoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAyMDApfTtcbiAgY3Vyc29yOiAke29uQ2xpY2sgPyAncG9pbnRlcicgOiAnYXV0byd9O1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMTUwbXMgbGluZWFyO1xuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7c3R5bGVUeXBlID09PSAncmVhZC1vbmx5JyB8fCBvbkNsZWFyIHx8IGlzU2VsZWN0ZWRcbiAgICAgID8gdGhlbWUudXRpbHMuZ2V0Q29sb3IoZmlsbCwgMTAwKVxuICAgICAgOiB0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgbnVsbCwgJ3BhbGUnKX07XG4gIH1cblxuICA+IDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgY2xvc2VJY29uV3JhcHBlclN0eWxlID0gKCkgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjdXJzb3I6IHBvaW50ZXI7XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:chipStyle;")
+      (0, _react.css)(_functions.flexCenterVertical, ";height:", theme.spacing.lg, ";border-radius:", theme.spacing.lg, ";font-size:", theme.typography.fontSizes['12'], ";font-weight:", theme.typography.weights.medium, ";line-height:normal;box-sizing:border-box;padding:", theme.spacing.xsm, " ", theme.spacing.sm, ";background-color:", customFilled ? theme.utils.getColor(fill, 50) : theme.palette.white, ";color:", theme.utils.getAAColorFromSwatches(fill, 50), ";border:", (0, _utils.rem)(1), " solid ", customFilled ? theme.utils.getColor(fill, 550) : theme.utils.getColor('lightGrey', 200), ";cursor:", onClick ? 'pointer' : 'auto', ";width:fit-content;transition:background-color 150ms linear;&:hover:not(:disabled){background:", customFilled ? (0, _states.getHover)({
+        theme: theme,
+        color: fill,
+        shade: 50
+      }).backgroundColor : (0, _states.getHover)({
+        theme: theme
+      }).backgroundColor, ";}&:focus-visible:not(:disabled){outline:", !isInteractive ? 'none' : (0, _states.getFocus)({
+        theme: theme,
+        borderWidth: 1
+      }).styleOutline, ";}", isInteractive && "\n    &:active:not(:disabled) {\n      background: " + (0, _states.getPressed)({
+        theme: theme,
+        color: fill,
+        shade: 50
+      }).backgroundColor + ";\n    }\n\n    \n      :disabled {\n        opacity: " + (0, _states.getDisabled)().opacity + ";\n        cursor: " + (0, _states.getDisabled)().cursor + ";\n      }\n    ", ">:not(:last-child){margin-right:", theme.spacing.xsm, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:chipStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NoaXAvQ2hpcC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQlkiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQ2hpcC9DaGlwLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZmxleENlbnRlclZlcnRpY2FsIH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi90aGVtZSc7XG5pbXBvcnQgeyBnZXREaXNhYmxlZCwgZ2V0Rm9jdXMsIGdldEhvdmVyLCBnZXRQcmVzc2VkIH0gZnJvbSAnLi4vLi4vdGhlbWUvc3RhdGVzJztcbmltcG9ydCB7IFByb3BzIH0gZnJvbSAnLi9DaGlwJztcblxuZXhwb3J0IGNvbnN0IGNoaXBTdHlsZSA9ICh7XG4gIHN0eWxlVHlwZSxcbiAgZmlsbCA9ICdncmV5U2NhbGUnLFxuICBpc1NlbGVjdGVkLFxuICBvbkNsZWFyLFxuICBvbkNsaWNrLFxufTogUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgY29uc3QgaXNJbnRlcmFjdGl2ZSA9IHN0eWxlVHlwZSA9PT0gJ2ludGVyYWN0aXZlJztcbiAgY29uc3QgY3VzdG9tRmlsbGVkID0gc3R5bGVUeXBlID09PSAncmVhZC1vbmx5JyB8fCBvbkNsZWFyIHx8IGlzU2VsZWN0ZWQ7XG5cbiAgcmV0dXJuIGNzc2BcbiAgICAke2ZsZXhDZW50ZXJWZXJ0aWNhbH07XG4gICAgaGVpZ2h0OiAke3RoZW1lLnNwYWNpbmcubGd9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUuc3BhY2luZy5sZ307XG4gICAgZm9udC1zaXplOiAke3RoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWycxMiddfTtcbiAgICBmb250LXdlaWdodDogJHt0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMubWVkaXVtfTtcbiAgICBsaW5lLWhlaWdodDogbm9ybWFsO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnhzbX0gJHt0aGVtZS5zcGFjaW5nLnNtfTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbUZpbGxlZCA/IHRoZW1lLnV0aWxzLmdldENvbG9yKGZpbGwsIDUwKSA6IHRoZW1lLnBhbGV0dGUud2hpdGV9O1xuICAgIGNvbG9yOiAke3RoZW1lLnV0aWxzLmdldEFBQ29sb3JGcm9tU3dhdGNoZXMoZmlsbCwgNTApfTtcbiAgICBib3JkZXI6ICR7cmVtKDEpfSBzb2xpZFxuICAgICAgJHtjdXN0b21GaWxsZWQgPyB0aGVtZS51dGlscy5nZXRDb2xvcihmaWxsLCA1NTApIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDIwMCl9O1xuICAgIGN1cnNvcjogJHtvbkNsaWNrID8gJ3BvaW50ZXInIDogJ2F1dG8nfTtcbiAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAxNTBtcyBsaW5lYXI7XG5cbiAgICAmOmhvdmVyOm5vdCg6ZGlzYWJsZWQpIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7Y3VzdG9tRmlsbGVkXG4gICAgICAgID8gZ2V0SG92ZXIoeyB0aGVtZSwgY29sb3I6IGZpbGwsIHNoYWRlOiA1MCB9KS5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgOiBnZXRIb3Zlcih7IHRoZW1lIH0pLmJhY2tncm91bmRDb2xvcn07XG4gICAgfVxuXG4gICAgJjpmb2N1cy12aXNpYmxlOm5vdCg6ZGlzYWJsZWQpIHtcbiAgICAgIG91dGxpbmU6ICR7IWlzSW50ZXJhY3RpdmUgPyAnbm9uZScgOiBnZXRGb2N1cyh7IHRoZW1lLCBib3JkZXJXaWR0aDogMSB9KS5zdHlsZU91dGxpbmV9O1xuICAgIH1cblxuICAgICR7aXNJbnRlcmFjdGl2ZSAmJlxuICAgICAgYFxuICAgICY6YWN0aXZlOm5vdCg6ZGlzYWJsZWQpIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7XG4gICAgICAgIGdldFByZXNzZWQoe1xuICAgICAgICAgIHRoZW1lLFxuICAgICAgICAgIGNvbG9yOiBmaWxsLFxuICAgICAgICAgIHNoYWRlOiA1MCxcbiAgICAgICAgfSkuYmFja2dyb3VuZENvbG9yXG4gICAgICB9O1xuICAgIH1cblxuICAgIFxuICAgICAgOmRpc2FibGVkIHtcbiAgICAgICAgb3BhY2l0eTogJHtnZXREaXNhYmxlZCgpLm9wYWNpdHl9O1xuICAgICAgICBjdXJzb3I6ICR7Z2V0RGlzYWJsZWQoKS5jdXJzb3J9O1xuICAgICAgfVxuICAgIGB9XG5cbiAgICA+IDpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAgIG1hcmdpbi1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gICAgfVxuICBgO1xufTtcblxuZXhwb3J0IGNvbnN0IGNsb3NlSWNvbldyYXBwZXJTdHlsZSA9IChkaXNhYmxlZD86IGJvb2xlYW4pID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgY3Vyc29yOiAke2Rpc2FibGVkID8gZ2V0RGlzYWJsZWQoKS5jdXJzb3IgOiAncG9pbnRlcid9O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:chipStyle;")
     );
   };
 };
 
 exports.chipStyle = chipStyle;
 
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "e0dnmk",
-  styles: "cursor:pointer"
-} : {
-  name: "uvczt0-closeIconWrapperStyle",
-  styles: "cursor:pointer;label:closeIconWrapperStyle;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NoaXAvQ2hpcC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q3NFIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NoaXAvQ2hpcC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZsZXhDZW50ZXJWZXJ0aWNhbCB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuaW1wb3J0IHsgUHJvcHMgfSBmcm9tICcuL0NoaXAnO1xuXG5leHBvcnQgY29uc3QgY2hpcFN0eWxlID0gKHtcbiAgc3R5bGVUeXBlLFxuICBmaWxsID0gJ2dyZXlTY2FsZScsXG4gIGlzU2VsZWN0ZWQsXG4gIG9uQ2xlYXIsXG4gIG9uQ2xpY2ssXG59OiBQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke2ZsZXhDZW50ZXJWZXJ0aWNhbH07XG4gIGhlaWdodDogJHt0aGVtZS5zcGFjaW5nLmxnfTtcbiAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5zcGFjaW5nLmxnfTtcbiAgZm9udC1zaXplOiAke3RoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzWycxMiddfTtcbiAgZm9udC13ZWlnaHQ6ICR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLm1lZGl1bX07XG4gIGxpbmUtaGVpZ2h0OiBub3JtYWw7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy54c219ICR7dGhlbWUuc3BhY2luZy5zbX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7c3R5bGVUeXBlID09PSAncmVhZC1vbmx5JyB8fCBvbkNsZWFyIHx8IGlzU2VsZWN0ZWRcbiAgICA/IHRoZW1lLnV0aWxzLmdldENvbG9yKGZpbGwsIDUwKVxuICAgIDogdGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gIGNvbG9yOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdkYXJrR3JleScsIDg1MCl9O1xuICBib3JkZXI6ICR7cmVtKDEpfSBzb2xpZFxuICAgICR7c3R5bGVUeXBlID09PSAncmVhZC1vbmx5JyB8fCBvbkNsZWFyIHx8IGlzU2VsZWN0ZWRcbiAgICAgID8gdGhlbWUudXRpbHMuZ2V0Q29sb3IoZmlsbCwgNTUwKVxuICAgICAgOiB0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMjAwKX07XG4gIGN1cnNvcjogJHtvbkNsaWNrID8gJ3BvaW50ZXInIDogJ2F1dG8nfTtcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDE1MG1zIGxpbmVhcjtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAke3N0eWxlVHlwZSA9PT0gJ3JlYWQtb25seScgfHwgb25DbGVhciB8fCBpc1NlbGVjdGVkXG4gICAgICA/IHRoZW1lLnV0aWxzLmdldENvbG9yKGZpbGwsIDEwMClcbiAgICAgIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIG51bGwsICdwYWxlJyl9O1xuICB9XG5cbiAgPiA6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHNtfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGNsb3NlSWNvbldyYXBwZXJTdHlsZSA9ICgpID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgY3Vyc29yOiBwb2ludGVyO1xuYDtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-
-var closeIconWrapperStyle = function closeIconWrapperStyle() {
+var closeIconWrapperStyle = function closeIconWrapperStyle(disabled) {
   return function () {
-    return _ref;
+    return (
+      /*#__PURE__*/
+
+      /*#__PURE__*/
+      (0, _react.css)("cursor:", disabled ? (0, _states.getDisabled)().cursor : 'pointer', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:closeIconWrapperStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NoaXAvQ2hpcC5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRXdGIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NoaXAvQ2hpcC5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZsZXhDZW50ZXJWZXJ0aWNhbCB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuaW1wb3J0IHsgZ2V0RGlzYWJsZWQsIGdldEZvY3VzLCBnZXRIb3ZlciwgZ2V0UHJlc3NlZCB9IGZyb20gJy4uLy4uL3RoZW1lL3N0YXRlcyc7XG5pbXBvcnQgeyBQcm9wcyB9IGZyb20gJy4vQ2hpcCc7XG5cbmV4cG9ydCBjb25zdCBjaGlwU3R5bGUgPSAoe1xuICBzdHlsZVR5cGUsXG4gIGZpbGwgPSAnZ3JleVNjYWxlJyxcbiAgaXNTZWxlY3RlZCxcbiAgb25DbGVhcixcbiAgb25DbGljayxcbn06IFByb3BzKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIGNvbnN0IGlzSW50ZXJhY3RpdmUgPSBzdHlsZVR5cGUgPT09ICdpbnRlcmFjdGl2ZSc7XG4gIGNvbnN0IGN1c3RvbUZpbGxlZCA9IHN0eWxlVHlwZSA9PT0gJ3JlYWQtb25seScgfHwgb25DbGVhciB8fCBpc1NlbGVjdGVkO1xuXG4gIHJldHVybiBjc3NgXG4gICAgJHtmbGV4Q2VudGVyVmVydGljYWx9O1xuICAgIGhlaWdodDogJHt0aGVtZS5zcGFjaW5nLmxnfTtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnNwYWNpbmcubGd9O1xuICAgIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTInXX07XG4gICAgZm9udC13ZWlnaHQ6ICR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLm1lZGl1bX07XG4gICAgbGluZS1oZWlnaHQ6IG5vcm1hbDtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy54c219ICR7dGhlbWUuc3BhY2luZy5zbX07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjdXN0b21GaWxsZWQgPyB0aGVtZS51dGlscy5nZXRDb2xvcihmaWxsLCA1MCkgOiB0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICBjb2xvcjogJHt0aGVtZS51dGlscy5nZXRBQUNvbG9yRnJvbVN3YXRjaGVzKGZpbGwsIDUwKX07XG4gICAgYm9yZGVyOiAke3JlbSgxKX0gc29saWRcbiAgICAgICR7Y3VzdG9tRmlsbGVkID8gdGhlbWUudXRpbHMuZ2V0Q29sb3IoZmlsbCwgNTUwKSA6IHRoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAyMDApfTtcbiAgICBjdXJzb3I6ICR7b25DbGljayA/ICdwb2ludGVyJyA6ICdhdXRvJ307XG4gICAgd2lkdGg6IGZpdC1jb250ZW50O1xuICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMTUwbXMgbGluZWFyO1xuXG4gICAgJjpob3Zlcjpub3QoOmRpc2FibGVkKSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke2N1c3RvbUZpbGxlZFxuICAgICAgICA/IGdldEhvdmVyKHsgdGhlbWUsIGNvbG9yOiBmaWxsLCBzaGFkZTogNTAgfSkuYmFja2dyb3VuZENvbG9yXG4gICAgICAgIDogZ2V0SG92ZXIoeyB0aGVtZSB9KS5iYWNrZ3JvdW5kQ29sb3J9O1xuICAgIH1cblxuICAgICY6Zm9jdXMtdmlzaWJsZTpub3QoOmRpc2FibGVkKSB7XG4gICAgICBvdXRsaW5lOiAkeyFpc0ludGVyYWN0aXZlID8gJ25vbmUnIDogZ2V0Rm9jdXMoeyB0aGVtZSwgYm9yZGVyV2lkdGg6IDEgfSkuc3R5bGVPdXRsaW5lfTtcbiAgICB9XG5cbiAgICAke2lzSW50ZXJhY3RpdmUgJiZcbiAgICAgIGBcbiAgICAmOmFjdGl2ZTpub3QoOmRpc2FibGVkKSB7XG4gICAgICBiYWNrZ3JvdW5kOiAke1xuICAgICAgICBnZXRQcmVzc2VkKHtcbiAgICAgICAgICB0aGVtZSxcbiAgICAgICAgICBjb2xvcjogZmlsbCxcbiAgICAgICAgICBzaGFkZTogNTAsXG4gICAgICAgIH0pLmJhY2tncm91bmRDb2xvclxuICAgICAgfTtcbiAgICB9XG5cbiAgICBcbiAgICAgIDpkaXNhYmxlZCB7XG4gICAgICAgIG9wYWNpdHk6ICR7Z2V0RGlzYWJsZWQoKS5vcGFjaXR5fTtcbiAgICAgICAgY3Vyc29yOiAke2dldERpc2FibGVkKCkuY3Vyc29yfTtcbiAgICAgIH1cbiAgICBgfVxuXG4gICAgPiA6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBjbG9zZUljb25XcmFwcGVyU3R5bGUgPSAoZGlzYWJsZWQ/OiBib29sZWFuKSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGN1cnNvcjogJHtkaXNhYmxlZCA/IGdldERpc2FibGVkKCkuY3Vyc29yIDogJ3BvaW50ZXInfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:closeIconWrapperStyle;")
+    );
   };
 };
 

package/dist/components/Filter/Filter.style.d.ts

@@ -11,7 +11,7 @@ export declare const buttonSpanStyle: () => () => {
     gap: string;
     height: string;
 };
-export declare const buttonWrapperStyle: ({ disabled, open, hasSelectedValue, calculatedColor, }: ButtonStyleProps) => (theme: Theme) => {
+export declare const buttonWrapperStyle: ({ disabled, open, hasSelectedValue, calculatedColor, styleType, }: ButtonStyleProps) => (theme: Theme) => {
     background: string;
     border: string;
     display: string;
@@ -19,12 +19,14 @@ export declare const buttonWrapperStyle: ({ disabled, open, hasSelectedValue, ca
     alignItems: string;
     height: string;
     minWidth: string;
-    ':hover > div, :active > div': {
+    ':hover > div': {
         backgroundColor: string | undefined;
     };
-    ':focus > div': false | {
+    ':active > div': {
+        backgroundColor: string | undefined;
+    };
+    ':focus-visible > div': false | {
         border: string;
-        backgroundColor: string;
     };
     ':focus > span': false | {
         borderTop: string;

package/dist/components/Filter/Filter.style.js

@@ -7,6 +7,8 @@ var _react = require("@emotion/react");
 
 var _utils = require("../../theme/utils");
 
+var _states = require("../../theme/states");
+
 var _utils2 = require("./utils");
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -42,8 +44,11 @@ var buttonWrapperStyle = function buttonWrapperStyle(_ref2) {
   var disabled = _ref2.disabled,
       open = _ref2.open,
       hasSelectedValue = _ref2.hasSelectedValue,
-      calculatedColor = _ref2.calculatedColor;
+      calculatedColor = _ref2.calculatedColor,
+      styleType = _ref2.styleType;
   return function (theme) {
+    var activeAndClosed = !disabled && !open;
+    var borderWidth = styleType === 'filled' ? _utils2.focusBorderWidth : _utils2.transparentFocusBorderWidth;
     return {
       background: 'none',
       border: 'none',
@@ -52,18 +57,45 @@ var buttonWrapperStyle = function buttonWrapperStyle(_ref2) {
       alignItems: 'center',
       height: '100%',
       minWidth: (0, _utils.rem)(110),
-      ':hover > div, :active > div': {
-        backgroundColor: !disabled && !open ? hasSelectedValue ? theme.utils.getColor(calculatedColor.color, 100) : theme.utils.getColor('darkGrey', null, 'pale') : undefined
+      // If is active and not disabled and not visited global states applied
+      // else it's using the global states function with calculated color
+      ':hover > div': {
+        backgroundColor: activeAndClosed ? hasSelectedValue ? (0, _states.getHover)({
+          theme: theme,
+          color: calculatedColor.color,
+          shade: calculatedColor.shade
+        }).backgroundColor : (0, _states.getHover)({
+          theme: theme
+        }).backgroundColor : undefined
+      },
+      // If is active and not disabled and not visited global states applied
+      // else it's using the global states function with calculated color
+      ':active > div': {
+        backgroundColor: activeAndClosed ? hasSelectedValue ? (0, _states.getPressed)({
+          theme: theme,
+          color: calculatedColor.color,
+          shade: calculatedColor.shade
+        }).backgroundColor : (0, _states.getPressed)({
+          theme: theme
+        }).backgroundColor : undefined
       },
       // on focus change the two divs of added
-      ':focus > div': !open && !hasSelectedValue && {
-        border: _utils2.focusBorderStyleParams + " " + theme.utils.getColor('blue', 550),
-        backgroundColor: theme.utils.getColor('blue', 50)
+      ':focus-visible > div': activeAndClosed && {
+        border: (0, _states.getFocus)({
+          theme: theme,
+          borderWidth: borderWidth
+        }).styleBorder
       },
       // target the divider on focus
-      ':focus > span': !open && !hasSelectedValue && {
-        borderTop: _utils2.focusBorderStyleParams + " " + theme.utils.getColor('blue', 550),
-        borderBottom: _utils2.focusBorderStyleParams + " " + theme.utils.getColor('blue', 550)
+      ':focus > span': activeAndClosed && {
+        borderTop: (0, _states.getFocus)({
+          theme: theme,
+          borderWidth: borderWidth
+        }).styleBorder,
+        borderBottom: (0, _states.getFocus)({
+          theme: theme,
+          borderWidth: borderWidth
+        }).styleBorder
       }
     };
   };
@@ -239,7 +271,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "aqyt6f-valueSpanStyle",
   styles: "text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;label:valueSpanStyle;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9GaWx0ZXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ051QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9GaWx0ZXIvRmlsdGVyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IEJ1dHRvblN0eWxlUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7XG4gIGJvcmRlclN0eWxlUGFyYW1zLFxuICBmb2N1c0JvcmRlclN0eWxlUGFyYW1zLFxuICBnZXRCYWNrZ3JvdW5kQ29sb3IsXG4gIGdldEJvcmRlcixcbiAgZ2V0VGV4dENvbG9yLFxufSBmcm9tICcuL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9ICgpID0+ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyBhcyBjb25zdCxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICBoZWlnaHQ6IHJlbSgzNiksXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBnYXA6IHJlbSg0KSxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBidXR0b25XcmFwcGVyU3R5bGUgPSAoe1xuICBkaXNhYmxlZCxcbiAgb3BlbixcbiAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgY2FsY3VsYXRlZENvbG9yLFxufTogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBib3JkZXI6ICdub25lJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcGFkZGluZzogJzAnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIG1pbldpZHRoOiByZW0oMTEwKSxcblxuICAgICc6aG92ZXIgPiBkaXYsIDphY3RpdmUgPiBkaXYnOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICFkaXNhYmxlZCAmJiAhb3BlblxuICAgICAgICAgID8gaGFzU2VsZWN0ZWRWYWx1ZVxuICAgICAgICAgICAgPyB0aGVtZS51dGlscy5nZXRDb2xvcihjYWxjdWxhdGVkQ29sb3IuY29sb3IsIDEwMClcbiAgICAgICAgICAgIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2RhcmtHcmV5JywgbnVsbCwgJ3BhbGUnKVxuICAgICAgICAgIDogdW5kZWZpbmVkLFxuICAgIH0sXG4gICAgLy8gb24gZm9jdXMgY2hhbmdlIHRoZSB0d28gZGl2cyBvZiBhZGRlZFxuICAgICc6Zm9jdXMgPiBkaXYnOiAhb3BlbiAmJlxuICAgICAgIWhhc1NlbGVjdGVkVmFsdWUgJiYge1xuICAgICAgICBib3JkZXI6IGAke2ZvY3VzQm9yZGVyU3R5bGVQYXJhbXN9ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1NTApfWAsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1MCksXG4gICAgICB9LFxuICAgIC8vIHRhcmdldCB0aGUgZGl2aWRlciBvbiBmb2N1c1xuICAgICc6Zm9jdXMgPiBzcGFuJzogIW9wZW4gJiZcbiAgICAgICFoYXNTZWxlY3RlZFZhbHVlICYmIHtcbiAgICAgICAgYm9yZGVyVG9wOiBgJHtmb2N1c0JvcmRlclN0eWxlUGFyYW1zfSAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdibHVlJywgNTUwKX1gLFxuICAgICAgICBib3JkZXJCb3R0b206IGAke2ZvY3VzQm9yZGVyU3R5bGVQYXJhbXN9ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1NTApfWAsXG4gICAgICB9LFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvbkJhc2VTdHlsZSA9ICh7XG4gIGNhbGN1bGF0ZWRDb2xvcixcbiAgZGlzYWJsZWQsXG4gIG9wZW4sXG4gIHN0eWxlVHlwZSxcbiAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgZmlsdGVyVHlwZSxcbn06IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEzJ10sXG4gICAgY3Vyc29yOiBkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAncG9pbnRlcicsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLFxuICAgIHRyYW5zaXRpb246ICdhbGwgMTUwbXMgbGluZWFyJyxcbiAgICBjb2xvcjogZ2V0VGV4dENvbG9yKHtcbiAgICAgIHRoZW1lLFxuICAgICAgb3BlbixcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgfSksXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCYWNrZ3JvdW5kQ29sb3Ioe1xuICAgICAgdGhlbWUsXG4gICAgICBvcGVuLFxuICAgICAgc3R5bGVUeXBlLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICB9KSxcbiAgICBib3JkZXI6IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICB9KX1gLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgIGJvcmRlcjogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgICAgc3R5bGVUeXBlLFxuICAgICAgICB0aGVtZSxcbiAgICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgICAgZmlsdGVyVHlwZSxcbiAgICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgICBvcGVuLFxuICAgICAgICBzdGF0ZTogJ2hvdmVyJyxcbiAgICAgIH0pfWAsXG4gICAgfSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBkaXZpZGVyID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IHsgb3BlbiwgY2FsY3VsYXRlZENvbG9yLCBzdHlsZVR5cGUsIGhhc1NlbGVjdGVkVmFsdWUsIGZpbHRlclR5cGUgfSA9IHByb3BzO1xuXG4gIHJldHVybiB7XG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgd2lkdGg6IHJlbSgxKSxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyBhcyBjb25zdCxcbiAgICBtaW5XaWR0aDogcmVtKDEpLFxuICAgIHRyYW5zaXRpb246ICdhbGwgMTUwbXMgbGluZWFyJyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICAgIGlzRGl2aWRlcjogdHJ1ZSxcbiAgICB9KSxcbiAgICBib3JkZXJUb3A6IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICB9KX1gLFxuICAgIGJvcmRlckJvdHRvbTogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgIH0pfWAsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgZGl2aWRlZEJ1dHRvblN0eWxlID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIHJldHVybiB7XG4gICAgLi4uYnV0dG9uQmFzZVN0eWxlKHByb3BzKSh0aGVtZSksXG4gICAgYm9yZGVyTGVmdDogJzAgIWltcG9ydGFudCcsXG4gICAgcGFkZGluZ0xlZnQ6IHJlbSg0KSxcbiAgICBwYWRkaW5nUmlnaHQ6IHJlbSg0KSxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgIHdpZHRoOiByZW0oMzQpLFxuICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiB0aGVtZS5zcGFjaW5nLmxnLFxuICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiB0aGVtZS5zcGFjaW5nLmxnLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvblN0eWxlID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IHsgZmlsdGVyVHlwZSB9ID0gcHJvcHM7XG4gIGNvbnN0IGlzUHJlc2V0ID0gZmlsdGVyVHlwZSA9PT0gJ3ByZXNldCc7XG5cbiAgcmV0dXJuIHtcbiAgICAuLi5idXR0b25CYXNlU3R5bGUocHJvcHMpKHRoZW1lKSxcbiAgICBwYWRkaW5nOiBgMCAkeyFpc1ByZXNldCA/IHRoZW1lLnNwYWNpbmcueHNtIDogdGhlbWUuc3BhY2luZy5tZH0gMCAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gICAgYm9yZGVyUmlnaHQ6ICFpc1ByZXNldCA/ICcwICFpbXBvcnRhbnQnIDogdW5kZWZpbmVkLFxuICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiAhaXNQcmVzZXQgPyAwIDogdW5kZWZpbmVkLFxuICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiAhaXNQcmVzZXQgPyAwIDogdW5kZWZpbmVkLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGNoaWxkcmVuV3JhcHBlclN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGxpbmVIZWlnaHQ6IHJlbSgxNSksXG4gICAgbWFyZ2luTGVmdDogMCxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBsYWJlbFNwYW5TdHlsZSA9IChvcGVuOiBib29sZWFuLCBoYXNTZWxlY3RlZFZhbHVlOiBib29sZWFuKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIHJldHVybiB7XG4gICAgZm9udFdlaWdodDpcbiAgICAgIG9wZW4gfHwgaGFzU2VsZWN0ZWRWYWx1ZSA/IHRoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkIDogdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLnJlZ3VsYXIsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpdjoge1xuICAgICAgZmxleDogJ25vbmUnLFxuICAgIH0sXG4gICAgc3Bhbjoge1xuICAgICAgZm9udFdlaWdodDogdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGQsXG4gICAgfSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCB2YWx1ZVNwYW5TdHlsZSA9ICgpID0+IGNzc2BcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmV4cG9ydCBjb25zdCBtZW51U3R5bGUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAke3JlbSg0OCl9O1xuICBtaW4td2lkdGg6ICR7cmVtKDI4MCl9O1xuICBsZWZ0OiAwO1xuICBoZWlnaHQ6IGF1dG87XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUud2hpdGV9O1xuICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsnMDInXX07XG4gIHotaW5kZXg6IDE7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWF4LXdpZHRoOiAke3JlbSg2MjApfTtcbmA7XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9GaWx0ZXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaU91QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9GaWx0ZXIvRmlsdGVyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IGdldEZvY3VzLCBnZXRIb3ZlciwgZ2V0UHJlc3NlZCB9IGZyb20gJy4uLy4uL3RoZW1lL3N0YXRlcyc7XG5pbXBvcnQgeyBCdXR0b25TdHlsZVByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQge1xuICBib3JkZXJTdHlsZVBhcmFtcyxcbiAgZm9jdXNCb3JkZXJXaWR0aCxcbiAgZ2V0QmFja2dyb3VuZENvbG9yLFxuICBnZXRCb3JkZXIsXG4gIGdldFRleHRDb2xvcixcbiAgdHJhbnNwYXJlbnRGb2N1c0JvcmRlcldpZHRoLFxufSBmcm9tICcuL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9ICgpID0+ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyBhcyBjb25zdCxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICBoZWlnaHQ6IHJlbSgzNiksXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBnYXA6IHJlbSg0KSxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBidXR0b25XcmFwcGVyU3R5bGUgPSAoe1xuICBkaXNhYmxlZCxcbiAgb3BlbixcbiAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgY2FsY3VsYXRlZENvbG9yLFxuICBzdHlsZVR5cGUsXG59OiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IGFjdGl2ZUFuZENsb3NlZCA9ICFkaXNhYmxlZCAmJiAhb3BlbjtcbiAgY29uc3QgYm9yZGVyV2lkdGggPSBzdHlsZVR5cGUgPT09ICdmaWxsZWQnID8gZm9jdXNCb3JkZXJXaWR0aCA6IHRyYW5zcGFyZW50Rm9jdXNCb3JkZXJXaWR0aDtcblxuICByZXR1cm4ge1xuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBib3JkZXI6ICdub25lJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcGFkZGluZzogJzAnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIG1pbldpZHRoOiByZW0oMTEwKSxcblxuICAgIC8vIElmIGlzIGFjdGl2ZSBhbmQgbm90IGRpc2FibGVkIGFuZCBub3QgdmlzaXRlZCBnbG9iYWwgc3RhdGVzIGFwcGxpZWRcbiAgICAvLyBlbHNlIGl0J3MgdXNpbmcgdGhlIGdsb2JhbCBzdGF0ZXMgZnVuY3Rpb24gd2l0aCBjYWxjdWxhdGVkIGNvbG9yXG4gICAgJzpob3ZlciA+IGRpdic6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogYWN0aXZlQW5kQ2xvc2VkXG4gICAgICAgID8gaGFzU2VsZWN0ZWRWYWx1ZVxuICAgICAgICAgID8gZ2V0SG92ZXIoeyB0aGVtZSwgY29sb3I6IGNhbGN1bGF0ZWRDb2xvci5jb2xvciwgc2hhZGU6IGNhbGN1bGF0ZWRDb2xvci5zaGFkZSB9KVxuICAgICAgICAgICAgICAuYmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgOiBnZXRIb3Zlcih7IHRoZW1lIH0pLmJhY2tncm91bmRDb2xvclxuICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICB9LFxuXG4gICAgLy8gSWYgaXMgYWN0aXZlIGFuZCBub3QgZGlzYWJsZWQgYW5kIG5vdCB2aXNpdGVkIGdsb2JhbCBzdGF0ZXMgYXBwbGllZFxuICAgIC8vIGVsc2UgaXQncyB1c2luZyB0aGUgZ2xvYmFsIHN0YXRlcyBmdW5jdGlvbiB3aXRoIGNhbGN1bGF0ZWQgY29sb3JcbiAgICAnOmFjdGl2ZSA+IGRpdic6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogYWN0aXZlQW5kQ2xvc2VkXG4gICAgICAgID8gaGFzU2VsZWN0ZWRWYWx1ZVxuICAgICAgICAgID8gZ2V0UHJlc3NlZCh7IHRoZW1lLCBjb2xvcjogY2FsY3VsYXRlZENvbG9yLmNvbG9yLCBzaGFkZTogY2FsY3VsYXRlZENvbG9yLnNoYWRlIH0pXG4gICAgICAgICAgICAgIC5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgICA6IGdldFByZXNzZWQoeyB0aGVtZSB9KS5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgOiB1bmRlZmluZWQsXG4gICAgfSxcblxuICAgIC8vIG9uIGZvY3VzIGNoYW5nZSB0aGUgdHdvIGRpdnMgb2YgYWRkZWRcbiAgICAnOmZvY3VzLXZpc2libGUgPiBkaXYnOiBhY3RpdmVBbmRDbG9zZWQgJiYge1xuICAgICAgYm9yZGVyOiBnZXRGb2N1cyh7IHRoZW1lLCBib3JkZXJXaWR0aDogYm9yZGVyV2lkdGggfSkuc3R5bGVCb3JkZXIsXG4gICAgfSxcbiAgICAvLyB0YXJnZXQgdGhlIGRpdmlkZXIgb24gZm9jdXNcbiAgICAnOmZvY3VzID4gc3Bhbic6IGFjdGl2ZUFuZENsb3NlZCAmJiB7XG4gICAgICBib3JkZXJUb3A6IGdldEZvY3VzKHsgdGhlbWUsIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aCB9KS5zdHlsZUJvcmRlcixcbiAgICAgIGJvcmRlckJvdHRvbTogZ2V0Rm9jdXMoeyB0aGVtZSwgYm9yZGVyV2lkdGg6IGJvcmRlcldpZHRoIH0pLnN0eWxlQm9yZGVyLFxuICAgIH0sXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uQmFzZVN0eWxlID0gKHtcbiAgY2FsY3VsYXRlZENvbG9yLFxuICBkaXNhYmxlZCxcbiAgb3BlbixcbiAgc3R5bGVUeXBlLFxuICBoYXNTZWxlY3RlZFZhbHVlLFxuICBmaWx0ZXJUeXBlLFxufTogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTMnXSxcbiAgICBjdXJzb3I6IGRpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdwb2ludGVyJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICBvcGFjaXR5OiBkaXNhYmxlZCA/IDAuNSA6IDEsXG4gICAgdHJhbnNpdGlvbjogJ2FsbCAxNTBtcyBsaW5lYXInLFxuICAgIGNvbG9yOiBnZXRUZXh0Q29sb3Ioe1xuICAgICAgdGhlbWUsXG4gICAgICBvcGVuLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICB9KSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldEJhY2tncm91bmRDb2xvcih7XG4gICAgICB0aGVtZSxcbiAgICAgIG9wZW4sXG4gICAgICBzdHlsZVR5cGUsXG4gICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgIH0pLFxuICAgIGJvcmRlcjogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgIH0pfWAsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgICcmOmhvdmVyJzoge1xuICAgICAgYm9yZGVyOiBgJHtib3JkZXJTdHlsZVBhcmFtc30gJHtnZXRCb3JkZXIoe1xuICAgICAgICBzdHlsZVR5cGUsXG4gICAgICAgIHRoZW1lLFxuICAgICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgICBmaWx0ZXJUeXBlLFxuICAgICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICAgIG9wZW4sXG4gICAgICAgIHN0YXRlOiAnaG92ZXInLFxuICAgICAgfSl9YCxcbiAgICB9LFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGRpdmlkZXIgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3QgeyBvcGVuLCBjYWxjdWxhdGVkQ29sb3IsIHN0eWxlVHlwZSwgaGFzU2VsZWN0ZWRWYWx1ZSwgZmlsdGVyVHlwZSB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIHtcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICB3aWR0aDogcmVtKDEpLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnIGFzIGNvbnN0LFxuICAgIG1pbldpZHRoOiByZW0oMSksXG4gICAgdHJhbnNpdGlvbjogJ2FsbCAxNTBtcyBsaW5lYXInLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgICAgaXNEaXZpZGVyOiB0cnVlLFxuICAgIH0pLFxuICAgIGJvcmRlclRvcDogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgIH0pfWAsXG4gICAgYm9yZGVyQm90dG9tOiBgJHtib3JkZXJTdHlsZVBhcmFtc30gJHtnZXRCb3JkZXIoe1xuICAgICAgc3R5bGVUeXBlLFxuICAgICAgdGhlbWUsXG4gICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgZmlsdGVyVHlwZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIG9wZW4sXG4gICAgfSl9YCxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBkaXZpZGVkQnV0dG9uU3R5bGUgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICAuLi5idXR0b25CYXNlU3R5bGUocHJvcHMpKHRoZW1lKSxcbiAgICBib3JkZXJMZWZ0OiAnMCAhaW1wb3J0YW50JyxcbiAgICBwYWRkaW5nTGVmdDogcmVtKDQpLFxuICAgIHBhZGRpbmdSaWdodDogcmVtKDQpLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgd2lkdGg6IHJlbSgzNCksXG4gICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3R5bGUgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3QgeyBmaWx0ZXJUeXBlIH0gPSBwcm9wcztcbiAgY29uc3QgaXNQcmVzZXQgPSBmaWx0ZXJUeXBlID09PSAncHJlc2V0JztcblxuICByZXR1cm4ge1xuICAgIC4uLmJ1dHRvbkJhc2VTdHlsZShwcm9wcykodGhlbWUpLFxuICAgIHBhZGRpbmc6IGAwICR7IWlzUHJlc2V0ID8gdGhlbWUuc3BhY2luZy54c20gOiB0aGVtZS5zcGFjaW5nLm1kfSAwICR7dGhlbWUuc3BhY2luZy5tZH1gLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUuc3BhY2luZy5sZyxcbiAgICBib3JkZXJSaWdodDogIWlzUHJlc2V0ID8gJzAgIWltcG9ydGFudCcgOiB1bmRlZmluZWQsXG4gICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6ICFpc1ByZXNldCA/IDAgOiB1bmRlZmluZWQsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6ICFpc1ByZXNldCA/IDAgOiB1bmRlZmluZWQsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgY2hpbGRyZW5XcmFwcGVyU3R5bGUgPSAoKSA9PiAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgbGluZUhlaWdodDogcmVtKDE1KSxcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGxhYmVsU3BhblN0eWxlID0gKG9wZW46IGJvb2xlYW4sIGhhc1NlbGVjdGVkVmFsdWU6IGJvb2xlYW4pID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBmb250V2VpZ2h0OlxuICAgICAgb3BlbiB8fCBoYXNTZWxlY3RlZFZhbHVlID8gdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGQgOiB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMucmVndWxhcixcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGl2OiB7XG4gICAgICBmbGV4OiAnbm9uZScsXG4gICAgfSxcbiAgICBzcGFuOiB7XG4gICAgICBmb250V2VpZ2h0OiB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZCxcbiAgICB9LFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IHZhbHVlU3BhblN0eWxlID0gKCkgPT4gY3NzYFxuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuYDtcblxuZXhwb3J0IGNvbnN0IG1lbnVTdHlsZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6ICR7cmVtKDQ4KX07XG4gIG1pbi13aWR0aDogJHtyZW0oMjgwKX07XG4gIGxlZnQ6IDA7XG4gIGhlaWdodDogYXV0bztcbiAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgei1pbmRleDogMTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWluLXdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6ICR7cmVtKDYyMCl9O1xuYDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -255,7 +287,7 @@ var menuStyle = function menuStyle() {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("position:absolute;top:", (0, _utils.rem)(48), ";min-width:", (0, _utils.rem)(280), ";left:0;height:auto;border-radius:", theme.spacing.xsm, ";background-color:", theme.palette.white, ";box-shadow:", theme.elevation['02'], ";z-index:1;overflow:hidden;min-width:100%;max-width:", (0, _utils.rem)(620), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:menuStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9GaWx0ZXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdU5vRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9GaWx0ZXIvRmlsdGVyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IEJ1dHRvblN0eWxlUHJvcHMgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7XG4gIGJvcmRlclN0eWxlUGFyYW1zLFxuICBmb2N1c0JvcmRlclN0eWxlUGFyYW1zLFxuICBnZXRCYWNrZ3JvdW5kQ29sb3IsXG4gIGdldEJvcmRlcixcbiAgZ2V0VGV4dENvbG9yLFxufSBmcm9tICcuL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9ICgpID0+ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyBhcyBjb25zdCxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICBoZWlnaHQ6IHJlbSgzNiksXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBnYXA6IHJlbSg0KSxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBidXR0b25XcmFwcGVyU3R5bGUgPSAoe1xuICBkaXNhYmxlZCxcbiAgb3BlbixcbiAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgY2FsY3VsYXRlZENvbG9yLFxufTogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBib3JkZXI6ICdub25lJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcGFkZGluZzogJzAnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIG1pbldpZHRoOiByZW0oMTEwKSxcblxuICAgICc6aG92ZXIgPiBkaXYsIDphY3RpdmUgPiBkaXYnOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgICAgICFkaXNhYmxlZCAmJiAhb3BlblxuICAgICAgICAgID8gaGFzU2VsZWN0ZWRWYWx1ZVxuICAgICAgICAgICAgPyB0aGVtZS51dGlscy5nZXRDb2xvcihjYWxjdWxhdGVkQ29sb3IuY29sb3IsIDEwMClcbiAgICAgICAgICAgIDogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2RhcmtHcmV5JywgbnVsbCwgJ3BhbGUnKVxuICAgICAgICAgIDogdW5kZWZpbmVkLFxuICAgIH0sXG4gICAgLy8gb24gZm9jdXMgY2hhbmdlIHRoZSB0d28gZGl2cyBvZiBhZGRlZFxuICAgICc6Zm9jdXMgPiBkaXYnOiAhb3BlbiAmJlxuICAgICAgIWhhc1NlbGVjdGVkVmFsdWUgJiYge1xuICAgICAgICBib3JkZXI6IGAke2ZvY3VzQm9yZGVyU3R5bGVQYXJhbXN9ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1NTApfWAsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1MCksXG4gICAgICB9LFxuICAgIC8vIHRhcmdldCB0aGUgZGl2aWRlciBvbiBmb2N1c1xuICAgICc6Zm9jdXMgPiBzcGFuJzogIW9wZW4gJiZcbiAgICAgICFoYXNTZWxlY3RlZFZhbHVlICYmIHtcbiAgICAgICAgYm9yZGVyVG9wOiBgJHtmb2N1c0JvcmRlclN0eWxlUGFyYW1zfSAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdibHVlJywgNTUwKX1gLFxuICAgICAgICBib3JkZXJCb3R0b206IGAke2ZvY3VzQm9yZGVyU3R5bGVQYXJhbXN9ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2JsdWUnLCA1NTApfWAsXG4gICAgICB9LFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvbkJhc2VTdHlsZSA9ICh7XG4gIGNhbGN1bGF0ZWRDb2xvcixcbiAgZGlzYWJsZWQsXG4gIG9wZW4sXG4gIHN0eWxlVHlwZSxcbiAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgZmlsdGVyVHlwZSxcbn06IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBmb250U2l6ZTogdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzEzJ10sXG4gICAgY3Vyc29yOiBkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAncG9pbnRlcicsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLFxuICAgIHRyYW5zaXRpb246ICdhbGwgMTUwbXMgbGluZWFyJyxcbiAgICBjb2xvcjogZ2V0VGV4dENvbG9yKHtcbiAgICAgIHRoZW1lLFxuICAgICAgb3BlbixcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgfSksXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCYWNrZ3JvdW5kQ29sb3Ioe1xuICAgICAgdGhlbWUsXG4gICAgICBvcGVuLFxuICAgICAgc3R5bGVUeXBlLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICB9KSxcbiAgICBib3JkZXI6IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICB9KX1gLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgIGJvcmRlcjogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgICAgc3R5bGVUeXBlLFxuICAgICAgICB0aGVtZSxcbiAgICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgICAgZmlsdGVyVHlwZSxcbiAgICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgICBvcGVuLFxuICAgICAgICBzdGF0ZTogJ2hvdmVyJyxcbiAgICAgIH0pfWAsXG4gICAgfSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBkaXZpZGVyID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IHsgb3BlbiwgY2FsY3VsYXRlZENvbG9yLCBzdHlsZVR5cGUsIGhhc1NlbGVjdGVkVmFsdWUsIGZpbHRlclR5cGUgfSA9IHByb3BzO1xuXG4gIHJldHVybiB7XG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgd2lkdGg6IHJlbSgxKSxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyBhcyBjb25zdCxcbiAgICBtaW5XaWR0aDogcmVtKDEpLFxuICAgIHRyYW5zaXRpb246ICdhbGwgMTUwbXMgbGluZWFyJyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICAgIGlzRGl2aWRlcjogdHJ1ZSxcbiAgICB9KSxcbiAgICBib3JkZXJUb3A6IGAke2JvcmRlclN0eWxlUGFyYW1zfSAke2dldEJvcmRlcih7XG4gICAgICBzdHlsZVR5cGUsXG4gICAgICB0aGVtZSxcbiAgICAgIGhhc1NlbGVjdGVkVmFsdWUsXG4gICAgICBmaWx0ZXJUeXBlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgb3BlbixcbiAgICB9KX1gLFxuICAgIGJvcmRlckJvdHRvbTogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgIH0pfWAsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgZGl2aWRlZEJ1dHRvblN0eWxlID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIHJldHVybiB7XG4gICAgLi4uYnV0dG9uQmFzZVN0eWxlKHByb3BzKSh0aGVtZSksXG4gICAgYm9yZGVyTGVmdDogJzAgIWltcG9ydGFudCcsXG4gICAgcGFkZGluZ0xlZnQ6IHJlbSg0KSxcbiAgICBwYWRkaW5nUmlnaHQ6IHJlbSg0KSxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgIHdpZHRoOiByZW0oMzQpLFxuICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiB0aGVtZS5zcGFjaW5nLmxnLFxuICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiB0aGVtZS5zcGFjaW5nLmxnLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvblN0eWxlID0gKHByb3BzOiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IHsgZmlsdGVyVHlwZSB9ID0gcHJvcHM7XG4gIGNvbnN0IGlzUHJlc2V0ID0gZmlsdGVyVHlwZSA9PT0gJ3ByZXNldCc7XG5cbiAgcmV0dXJuIHtcbiAgICAuLi5idXR0b25CYXNlU3R5bGUocHJvcHMpKHRoZW1lKSxcbiAgICBwYWRkaW5nOiBgMCAkeyFpc1ByZXNldCA/IHRoZW1lLnNwYWNpbmcueHNtIDogdGhlbWUuc3BhY2luZy5tZH0gMCAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gICAgYm9yZGVyUmlnaHQ6ICFpc1ByZXNldCA/ICcwICFpbXBvcnRhbnQnIDogdW5kZWZpbmVkLFxuICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiAhaXNQcmVzZXQgPyAwIDogdW5kZWZpbmVkLFxuICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiAhaXNQcmVzZXQgPyAwIDogdW5kZWZpbmVkLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGNoaWxkcmVuV3JhcHBlclN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGxpbmVIZWlnaHQ6IHJlbSgxNSksXG4gICAgbWFyZ2luTGVmdDogMCxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBsYWJlbFNwYW5TdHlsZSA9IChvcGVuOiBib29sZWFuLCBoYXNTZWxlY3RlZFZhbHVlOiBib29sZWFuKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIHJldHVybiB7XG4gICAgZm9udFdlaWdodDpcbiAgICAgIG9wZW4gfHwgaGFzU2VsZWN0ZWRWYWx1ZSA/IHRoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkIDogdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLnJlZ3VsYXIsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpdjoge1xuICAgICAgZmxleDogJ25vbmUnLFxuICAgIH0sXG4gICAgc3Bhbjoge1xuICAgICAgZm9udFdlaWdodDogdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGQsXG4gICAgfSxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCB2YWx1ZVNwYW5TdHlsZSA9ICgpID0+IGNzc2BcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmV4cG9ydCBjb25zdCBtZW51U3R5bGUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAke3JlbSg0OCl9O1xuICBtaW4td2lkdGg6ICR7cmVtKDI4MCl9O1xuICBsZWZ0OiAwO1xuICBoZWlnaHQ6IGF1dG87XG4gIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUuc3BhY2luZy54c219O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUud2hpdGV9O1xuICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsnMDInXX07XG4gIHotaW5kZXg6IDE7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWF4LXdpZHRoOiAke3JlbSg2MjApfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:menuStyle;")
+      (0, _react.css)("position:absolute;top:", (0, _utils.rem)(48), ";min-width:", (0, _utils.rem)(280), ";left:0;height:auto;border-radius:", theme.spacing.xsm, ";background-color:", theme.palette.white, ";box-shadow:", theme.elevation['02'], ";z-index:1;overflow:hidden;min-width:100%;max-width:", (0, _utils.rem)(620), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:menuStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpbHRlci9GaWx0ZXIuc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd09vRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9GaWx0ZXIvRmlsdGVyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IGdldEZvY3VzLCBnZXRIb3ZlciwgZ2V0UHJlc3NlZCB9IGZyb20gJy4uLy4uL3RoZW1lL3N0YXRlcyc7XG5pbXBvcnQgeyBCdXR0b25TdHlsZVByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5pbXBvcnQge1xuICBib3JkZXJTdHlsZVBhcmFtcyxcbiAgZm9jdXNCb3JkZXJXaWR0aCxcbiAgZ2V0QmFja2dyb3VuZENvbG9yLFxuICBnZXRCb3JkZXIsXG4gIGdldFRleHRDb2xvcixcbiAgdHJhbnNwYXJlbnRGb2N1c0JvcmRlcldpZHRoLFxufSBmcm9tICcuL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9ICgpID0+ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyBhcyBjb25zdCxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgICBoZWlnaHQ6IHJlbSgzNiksXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBnYXA6IHJlbSg0KSxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBidXR0b25XcmFwcGVyU3R5bGUgPSAoe1xuICBkaXNhYmxlZCxcbiAgb3BlbixcbiAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgY2FsY3VsYXRlZENvbG9yLFxuICBzdHlsZVR5cGUsXG59OiBCdXR0b25TdHlsZVByb3BzKSA9PiAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IGFjdGl2ZUFuZENsb3NlZCA9ICFkaXNhYmxlZCAmJiAhb3BlbjtcbiAgY29uc3QgYm9yZGVyV2lkdGggPSBzdHlsZVR5cGUgPT09ICdmaWxsZWQnID8gZm9jdXNCb3JkZXJXaWR0aCA6IHRyYW5zcGFyZW50Rm9jdXNCb3JkZXJXaWR0aDtcblxuICByZXR1cm4ge1xuICAgIGJhY2tncm91bmQ6ICdub25lJyxcbiAgICBib3JkZXI6ICdub25lJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgcGFkZGluZzogJzAnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIG1pbldpZHRoOiByZW0oMTEwKSxcblxuICAgIC8vIElmIGlzIGFjdGl2ZSBhbmQgbm90IGRpc2FibGVkIGFuZCBub3QgdmlzaXRlZCBnbG9iYWwgc3RhdGVzIGFwcGxpZWRcbiAgICAvLyBlbHNlIGl0J3MgdXNpbmcgdGhlIGdsb2JhbCBzdGF0ZXMgZnVuY3Rpb24gd2l0aCBjYWxjdWxhdGVkIGNvbG9yXG4gICAgJzpob3ZlciA+IGRpdic6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogYWN0aXZlQW5kQ2xvc2VkXG4gICAgICAgID8gaGFzU2VsZWN0ZWRWYWx1ZVxuICAgICAgICAgID8gZ2V0SG92ZXIoeyB0aGVtZSwgY29sb3I6IGNhbGN1bGF0ZWRDb2xvci5jb2xvciwgc2hhZGU6IGNhbGN1bGF0ZWRDb2xvci5zaGFkZSB9KVxuICAgICAgICAgICAgICAuYmFja2dyb3VuZENvbG9yXG4gICAgICAgICAgOiBnZXRIb3Zlcih7IHRoZW1lIH0pLmJhY2tncm91bmRDb2xvclxuICAgICAgICA6IHVuZGVmaW5lZCxcbiAgICB9LFxuXG4gICAgLy8gSWYgaXMgYWN0aXZlIGFuZCBub3QgZGlzYWJsZWQgYW5kIG5vdCB2aXNpdGVkIGdsb2JhbCBzdGF0ZXMgYXBwbGllZFxuICAgIC8vIGVsc2UgaXQncyB1c2luZyB0aGUgZ2xvYmFsIHN0YXRlcyBmdW5jdGlvbiB3aXRoIGNhbGN1bGF0ZWQgY29sb3JcbiAgICAnOmFjdGl2ZSA+IGRpdic6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogYWN0aXZlQW5kQ2xvc2VkXG4gICAgICAgID8gaGFzU2VsZWN0ZWRWYWx1ZVxuICAgICAgICAgID8gZ2V0UHJlc3NlZCh7IHRoZW1lLCBjb2xvcjogY2FsY3VsYXRlZENvbG9yLmNvbG9yLCBzaGFkZTogY2FsY3VsYXRlZENvbG9yLnNoYWRlIH0pXG4gICAgICAgICAgICAgIC5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgICA6IGdldFByZXNzZWQoeyB0aGVtZSB9KS5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgICAgOiB1bmRlZmluZWQsXG4gICAgfSxcblxuICAgIC8vIG9uIGZvY3VzIGNoYW5nZSB0aGUgdHdvIGRpdnMgb2YgYWRkZWRcbiAgICAnOmZvY3VzLXZpc2libGUgPiBkaXYnOiBhY3RpdmVBbmRDbG9zZWQgJiYge1xuICAgICAgYm9yZGVyOiBnZXRGb2N1cyh7IHRoZW1lLCBib3JkZXJXaWR0aDogYm9yZGVyV2lkdGggfSkuc3R5bGVCb3JkZXIsXG4gICAgfSxcbiAgICAvLyB0YXJnZXQgdGhlIGRpdmlkZXIgb24gZm9jdXNcbiAgICAnOmZvY3VzID4gc3Bhbic6IGFjdGl2ZUFuZENsb3NlZCAmJiB7XG4gICAgICBib3JkZXJUb3A6IGdldEZvY3VzKHsgdGhlbWUsIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aCB9KS5zdHlsZUJvcmRlcixcbiAgICAgIGJvcmRlckJvdHRvbTogZ2V0Rm9jdXMoeyB0aGVtZSwgYm9yZGVyV2lkdGg6IGJvcmRlcldpZHRoIH0pLnN0eWxlQm9yZGVyLFxuICAgIH0sXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uQmFzZVN0eWxlID0gKHtcbiAgY2FsY3VsYXRlZENvbG9yLFxuICBkaXNhYmxlZCxcbiAgb3BlbixcbiAgc3R5bGVUeXBlLFxuICBoYXNTZWxlY3RlZFZhbHVlLFxuICBmaWx0ZXJUeXBlLFxufTogQnV0dG9uU3R5bGVQcm9wcykgPT4gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICByZXR1cm4ge1xuICAgIGZvbnRTaXplOiB0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTMnXSxcbiAgICBjdXJzb3I6IGRpc2FibGVkID8gJ25vdC1hbGxvd2VkJyA6ICdwb2ludGVyJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICBvcGFjaXR5OiBkaXNhYmxlZCA/IDAuNSA6IDEsXG4gICAgdHJhbnNpdGlvbjogJ2FsbCAxNTBtcyBsaW5lYXInLFxuICAgIGNvbG9yOiBnZXRUZXh0Q29sb3Ioe1xuICAgICAgdGhlbWUsXG4gICAgICBvcGVuLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICB9KSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldEJhY2tncm91bmRDb2xvcih7XG4gICAgICB0aGVtZSxcbiAgICAgIG9wZW4sXG4gICAgICBzdHlsZVR5cGUsXG4gICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgY2FsY3VsYXRlZENvbG9yLFxuICAgIH0pLFxuICAgIGJvcmRlcjogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgIH0pfWAsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgICcmOmhvdmVyJzoge1xuICAgICAgYm9yZGVyOiBgJHtib3JkZXJTdHlsZVBhcmFtc30gJHtnZXRCb3JkZXIoe1xuICAgICAgICBzdHlsZVR5cGUsXG4gICAgICAgIHRoZW1lLFxuICAgICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgICBmaWx0ZXJUeXBlLFxuICAgICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICAgIG9wZW4sXG4gICAgICAgIHN0YXRlOiAnaG92ZXInLFxuICAgICAgfSl9YCxcbiAgICB9LFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGRpdmlkZXIgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3QgeyBvcGVuLCBjYWxjdWxhdGVkQ29sb3IsIHN0eWxlVHlwZSwgaGFzU2VsZWN0ZWRWYWx1ZSwgZmlsdGVyVHlwZSB9ID0gcHJvcHM7XG5cbiAgcmV0dXJuIHtcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICB3aWR0aDogcmVtKDEpLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnIGFzIGNvbnN0LFxuICAgIG1pbldpZHRoOiByZW0oMSksXG4gICAgdHJhbnNpdGlvbjogJ2FsbCAxNTBtcyBsaW5lYXInLFxuICAgIGJhY2tncm91bmRDb2xvcjogZ2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgICAgaXNEaXZpZGVyOiB0cnVlLFxuICAgIH0pLFxuICAgIGJvcmRlclRvcDogYCR7Ym9yZGVyU3R5bGVQYXJhbXN9ICR7Z2V0Qm9yZGVyKHtcbiAgICAgIHN0eWxlVHlwZSxcbiAgICAgIHRoZW1lLFxuICAgICAgaGFzU2VsZWN0ZWRWYWx1ZSxcbiAgICAgIGZpbHRlclR5cGUsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICBvcGVuLFxuICAgIH0pfWAsXG4gICAgYm9yZGVyQm90dG9tOiBgJHtib3JkZXJTdHlsZVBhcmFtc30gJHtnZXRCb3JkZXIoe1xuICAgICAgc3R5bGVUeXBlLFxuICAgICAgdGhlbWUsXG4gICAgICBoYXNTZWxlY3RlZFZhbHVlLFxuICAgICAgZmlsdGVyVHlwZSxcbiAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgIG9wZW4sXG4gICAgfSl9YCxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBkaXZpZGVkQnV0dG9uU3R5bGUgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICAuLi5idXR0b25CYXNlU3R5bGUocHJvcHMpKHRoZW1lKSxcbiAgICBib3JkZXJMZWZ0OiAnMCAhaW1wb3J0YW50JyxcbiAgICBwYWRkaW5nTGVmdDogcmVtKDQpLFxuICAgIHBhZGRpbmdSaWdodDogcmVtKDQpLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgd2lkdGg6IHJlbSgzNCksXG4gICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IHRoZW1lLnNwYWNpbmcubGcsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3R5bGUgPSAocHJvcHM6IEJ1dHRvblN0eWxlUHJvcHMpID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgY29uc3QgeyBmaWx0ZXJUeXBlIH0gPSBwcm9wcztcbiAgY29uc3QgaXNQcmVzZXQgPSBmaWx0ZXJUeXBlID09PSAncHJlc2V0JztcblxuICByZXR1cm4ge1xuICAgIC4uLmJ1dHRvbkJhc2VTdHlsZShwcm9wcykodGhlbWUpLFxuICAgIHBhZGRpbmc6IGAwICR7IWlzUHJlc2V0ID8gdGhlbWUuc3BhY2luZy54c20gOiB0aGVtZS5zcGFjaW5nLm1kfSAwICR7dGhlbWUuc3BhY2luZy5tZH1gLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUuc3BhY2luZy5sZyxcbiAgICBib3JkZXJSaWdodDogIWlzUHJlc2V0ID8gJzAgIWltcG9ydGFudCcgOiB1bmRlZmluZWQsXG4gICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6ICFpc1ByZXNldCA/IDAgOiB1bmRlZmluZWQsXG4gICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6ICFpc1ByZXNldCA/IDAgOiB1bmRlZmluZWQsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgY2hpbGRyZW5XcmFwcGVyU3R5bGUgPSAoKSA9PiAoKSA9PiB7XG4gIHJldHVybiB7XG4gICAgbGluZUhlaWdodDogcmVtKDE1KSxcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IGxhYmVsU3BhblN0eWxlID0gKG9wZW46IGJvb2xlYW4sIGhhc1NlbGVjdGVkVmFsdWU6IGJvb2xlYW4pID0+ICh0aGVtZTogVGhlbWUpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBmb250V2VpZ2h0OlxuICAgICAgb3BlbiB8fCBoYXNTZWxlY3RlZFZhbHVlID8gdGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGQgOiB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMucmVndWxhcixcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGl2OiB7XG4gICAgICBmbGV4OiAnbm9uZScsXG4gICAgfSxcbiAgICBzcGFuOiB7XG4gICAgICBmb250V2VpZ2h0OiB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMuYm9sZCxcbiAgICB9LFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IHZhbHVlU3BhblN0eWxlID0gKCkgPT4gY3NzYFxuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuYDtcblxuZXhwb3J0IGNvbnN0IG1lbnVTdHlsZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6ICR7cmVtKDQ4KX07XG4gIG1pbi13aWR0aDogJHtyZW0oMjgwKX07XG4gIGxlZnQ6IDA7XG4gIGhlaWdodDogYXV0bztcbiAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5zcGFjaW5nLnhzbX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgei1pbmRleDogMTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgbWluLXdpZHRoOiAxMDAlO1xuICBtYXgtd2lkdGg6ICR7cmVtKDYyMCl9O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:menuStyle;")
     );
   };
 };

package/dist/components/Filter/utils.d.ts

@@ -1,8 +1,8 @@
-import { BackgroundColorProps, BaseColorProps, BorderProps, HoverBorderProps } from './types';
+import { BackgroundColorProps, BaseColorProps, BorderProps } from './types';
 export declare const FILTER_OPTIONS_MAX_HEIGHT = 253;
 export declare const borderStyleParams: string;
-export declare const focusBorderStyleParams: string;
+export declare const focusBorderWidth = 2;
+export declare const transparentFocusBorderWidth = 0;
 export declare const getBackgroundColor: ({ open, theme, hasSelectedValue, calculatedColor, styleType, }: BackgroundColorProps) => string;
 export declare const getTextColor: ({ open, theme, hasSelectedValue, calculatedColor, }: BaseColorProps) => string;
 export declare const getBorder: ({ styleType, theme, hasSelectedValue, calculatedColor, open, isDivider, state, }: BorderProps) => string;
-export declare const getHoverBorder: ({ styleType, theme, open, calculatedColor, hasSelectedValue, filterType, }: HoverBorderProps) => string;

package/dist/components/Filter/utils.js

@@ -1,18 +1,22 @@
 "use strict";
 
 exports.__esModule = true;
-exports.getHoverBorder = exports.getBorder = exports.getTextColor = exports.getBackgroundColor = exports.focusBorderStyleParams = exports.borderStyleParams = exports.FILTER_OPTIONS_MAX_HEIGHT = void 0;
+exports.getBorder = exports.getTextColor = exports.getBackgroundColor = exports.transparentFocusBorderWidth = exports.focusBorderWidth = exports.borderStyleParams = exports.FILTER_OPTIONS_MAX_HEIGHT = void 0;
 
 var _utils = require("../../theme/utils");
 
+var _palette = require("../../theme/palette");
+
 var _utils2 = require("../Button/utils");
 
 var FILTER_OPTIONS_MAX_HEIGHT = 253;
 exports.FILTER_OPTIONS_MAX_HEIGHT = FILTER_OPTIONS_MAX_HEIGHT;
 var borderStyleParams = "solid " + (0, _utils.rem)(1);
 exports.borderStyleParams = borderStyleParams;
-var focusBorderStyleParams = "solid " + (0, _utils.rem)(2);
-exports.focusBorderStyleParams = focusBorderStyleParams;
+var focusBorderWidth = 2;
+exports.focusBorderWidth = focusBorderWidth;
+var transparentFocusBorderWidth = 0;
+exports.transparentFocusBorderWidth = transparentFocusBorderWidth;
 
 var getBackgroundColor = function getBackgroundColor(_ref) {
   var open = _ref.open,
@@ -64,7 +68,7 @@ var getBorder = function getBorder(_ref3) {
       state = _ref3$state === void 0 ? 'normal' : _ref3$state;
 
   var addOrSubtract = function addOrSubtract(shade) {
-    var calculatedShade = shade < 950 ? 50 : -50;
+    var calculatedShade = shade < _palette.MAX_SHADE ? 50 : -50;
     return shade + calculatedShade;
   };
 
@@ -92,29 +96,4 @@ var getBorder = function getBorder(_ref3) {
   return "transparent";
 };
 
-exports.getBorder = getBorder;
-
-var getHoverBorder = function getHoverBorder(_ref4) {
-  var styleType = _ref4.styleType,
-      theme = _ref4.theme,
-      open = _ref4.open,
-      calculatedColor = _ref4.calculatedColor,
-      hasSelectedValue = _ref4.hasSelectedValue,
-      filterType = _ref4.filterType;
-
-  if (filterType === 'added' && styleType === 'filled') {
-    return "transparent";
-  }
-
-  if (hasSelectedValue) {
-    if (open) {
-      return "" + (0, _utils2.stateBackgroundColor)(theme, 'hover', calculatedColor, true);
-    }
-
-    return "" + (0, _utils2.stateBackgroundColor)(theme, 'hover', calculatedColor, true);
-  }
-
-  return 'transparent';
-};
-
-exports.getHoverBorder = getHoverBorder;
+exports.getBorder = getBorder;

package/dist/components/Loader/Loader.d.ts

@@ -2,8 +2,12 @@ import React from 'react';
 import { loaderTypes } from './Loader.utils';
 export declare type LoaderType = typeof loaderTypes[number];
 declare type Props = {
+    /** Loader type. Defaults to dots **/
     type?: LoaderType;
+    /** The data test id if needed */
     dataTestId?: string;
+    /** Color of the loader. Define AA color otherwise it gets Primary be default */
+    color?: string;
 };
 declare const Loader: React.FC<Props>;
 export default Loader;

package/dist/components/Loader/Loader.js

@@ -16,10 +16,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 var Loader = function Loader(_ref) {
   var _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'dots' : _ref$type,
-      dataTestId = _ref.dataTestId;
+      dataTestId = _ref.dataTestId,
+      color = _ref.color;
   return (0, _react2.jsx)("div", {
     css: (0, _Loader.loaderContainer)()
-  }, (0, _Loader2.getLoader)(type, dataTestId));
+  }, (0, _Loader2.getLoader)(type, dataTestId, color));
 };
 
 var _default = Loader;

package/dist/components/Loader/Loader.utils.d.ts

@@ -1,2 +1,2 @@
 export declare const loaderTypes: readonly ["dots", "indeterminate", "spinner"];
-export declare const getLoader: (type?: "spinner" | "dots" | "indeterminate" | undefined, dataTestId?: string | undefined) => JSX.Element | null;
+export declare const getLoader: (type?: "spinner" | "dots" | "indeterminate" | undefined, dataTestId?: string | undefined, color?: string | undefined) => JSX.Element | null;

package/dist/components/Loader/Loader.utils.js

@@ -18,26 +18,29 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 var loaderTypes = ['dots', 'indeterminate', 'spinner'];
 exports.loaderTypes = loaderTypes;
 
-var loadersConfig = function loadersConfig(dataTestId) {
+var loadersConfig = function loadersConfig(dataTestId, color) {
   return {
     dots: (0, _react2.jsx)(_DotsLoader["default"], {
-      dataTestId: dataTestId
+      dataTestId: dataTestId,
+      color: color
     }),
     indeterminate: (0, _react2.jsx)(_IndeterminateLoader["default"], {
-      dataTestId: dataTestId
+      dataTestId: dataTestId,
+      color: color
     }),
     spinner: (0, _react2.jsx)(_Spinner.Spinner, {
-      dataTestId: dataTestId
+      dataTestId: dataTestId,
+      color: color
     })
   };
 };
 
-var getLoader = function getLoader(type, dataTestId) {
+var getLoader = function getLoader(type, dataTestId, color) {
   if (!type) {
     return null;
   }
 
-  return loadersConfig(dataTestId)[type];
+  return loadersConfig(dataTestId, color)[type];
 };
 
 exports.getLoader = getLoader;

package/dist/components/Loader/components/DotsLoader/DotsLoader.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 declare type Props = {
     dataTestId?: string;
+    color?: string;
 };
 declare const DotsLoader: React.FC<Props>;
 export default DotsLoader;

package/dist/components/Loader/components/DotsLoader/DotsLoader.js

@@ -14,12 +14,13 @@ var _react2 = require("@emotion/react");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var DotsLoader = function DotsLoader(_ref) {
-  var dataTestId = _ref.dataTestId;
+  var dataTestId = _ref.dataTestId,
+      color = _ref.color;
   return (0, _react2.jsx)("div", {
     css: _DotsLoader.dotsWrapper,
     "data-testid": (0, _helpers.generateTestDataId)('dots-loading', dataTestId)
   }, (0, _react2.jsx)("div", {
-    css: (0, _DotsLoader.dotsContainer)()
+    css: (0, _DotsLoader.dotsContainer)(color)
   }));
 };
 

package/dist/components/Loader/components/DotsLoader/DotsLoader.style.d.ts

@@ -1,5 +1,6 @@
 import { SerializedStyles } from '@emotion/react';
 import { Theme } from 'theme';
-export declare const getDotsLayout: (delay: number, animation: string, theme: Theme, left?: number | undefined) => SerializedStyles;
+export declare const getColorForDots: (theme: Theme, step?: number, color?: string | undefined) => string;
+export declare const getDotsLayout: (delay: number, animation: string, theme: Theme, left?: number | undefined, color?: string | undefined) => SerializedStyles;
 export declare const dotsWrapper: SerializedStyles;
-export declare const dotsContainer: () => (theme: Theme) => SerializedStyles;
+export declare const dotsContainer: (color?: string | undefined) => (theme: Theme) => SerializedStyles;

package/dist/components/Loader/components/DotsLoader/DotsLoader.style.js

@@ -1,18 +1,30 @@
 "use strict";
 
 exports.__esModule = true;
-exports.dotsContainer = exports.dotsWrapper = exports.getDotsLayout = void 0;
+exports.dotsContainer = exports.dotsWrapper = exports.getDotsLayout = exports.getColorForDots = void 0;
 
 var _react = require("@emotion/react");
 
+var _polished = require("polished");
+
 var _utils = require("../../../../theme/utils");
 
-var getDotsLayout = function getDotsLayout(delay, animation, theme, left) {
+var getColorForDots = function getColorForDots(theme, step, color) {
+  if (step === void 0) {
+    step = 0;
+  }
+
+  return (0, _polished.darken)(step, color || theme.utils.getColor('lightGrey', 150));
+};
+
+exports.getColorForDots = getColorForDots;
+
+var getDotsLayout = function getDotsLayout(delay, animation, theme, left, color) {
   return (
     /*#__PURE__*/
 
     /*#__PURE__*/
-    (0, _react.css)("left:", left && (0, _utils.rem)(left), ";width:", (0, _utils.rem)(6), ";height:", (0, _utils.rem)(6), ";border-radius:", (0, _utils.rem)(5), ";background-color:", theme.utils.getColor('lightGrey', 350), ";color:", theme.utils.getColor('lightGrey', 350), ";animation:", animation, ";animation-delay:", delay, "s;" + (process.env.NODE_ENV === "production" ? "" : ";label:getDotsLayout;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0RvdHNMb2FkZXIvRG90c0xvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSW1HIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0RvdHNMb2FkZXIvRG90c0xvYWRlci5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IGdldERvdHNMYXlvdXQgPSAoZGVsYXk6IG51bWJlciwgYW5pbWF0aW9uOiBzdHJpbmcsIHRoZW1lOiBUaGVtZSwgbGVmdD86IG51bWJlcikgPT4gY3NzYFxuICBsZWZ0OiAke2xlZnQgJiYgcmVtKGxlZnQpfTtcbiAgd2lkdGg6ICR7cmVtKDYpfTtcbiAgaGVpZ2h0OiAke3JlbSg2KX07XG4gIGJvcmRlci1yYWRpdXM6ICR7cmVtKDUpfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMzUwKX07XG4gIGNvbG9yOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAzNTApfTtcbiAgYW5pbWF0aW9uOiAke2FuaW1hdGlvbn07XG4gIGFuaW1hdGlvbi1kZWxheTogJHtkZWxheX1zO1xuYDtcblxuZXhwb3J0IGNvbnN0IGRvdHNXcmFwcGVyID0gY3NzYFxuICB3aWR0aDogJHtyZW0oMjYpfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6ICR7cmVtKDYpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBkb3RzQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6ICR7cmVtKDEwKX07XG4gICR7Z2V0RG90c0xheW91dCgwLjUsICdkb3RGbGFzaGluZyAwLjdzIGluZmluaXRlIGxpbmVhciBhbHRlcm5hdGUnLCB0aGVtZSl9O1xuXG4gICY6OmFmdGVyLFxuICAmOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICB9XG5cbiAgJjo6YmVmb3JlIHtcbiAgICAke2dldERvdHNMYXlvdXQoMCwgJ2RvdEZsYXNoaW5nIDAuN3MgaW5maW5pdGUgYWx0ZXJuYXRlJywgdGhlbWUsIC0xMCl9O1xuICB9XG5cbiAgJjo6YWZ0ZXIge1xuICAgICR7Z2V0RG90c0xheW91dCgwLjcsICdkb3RGbGFzaGluZyAwLjdzIGluZmluaXRlIGFsdGVybmF0ZScsIHRoZW1lLCAxMCl9O1xuICB9XG5cbiAgQGtleWZyYW1lcyBkb3RGbGFzaGluZyB7XG4gICAgMCUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTUwKX07XG4gICAgfVxuICAgIDUwJSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAyNTApfTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAzNTApfTtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:getDotsLayout;")
+    (0, _react.css)("left:", left && (0, _utils.rem)(left), ";width:", (0, _utils.rem)(6), ";height:", (0, _utils.rem)(6), ";border-radius:", (0, _utils.rem)(5), ";background-color:", getColorForDots(theme, 0.1, color), ";color:", getColorForDots(theme, 0.1, color), ";animation:", animation, ";animation-delay:", delay, "s;" + (process.env.NODE_ENV === "production" ? "" : ";label:getDotsLayout;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0RvdHNMb2FkZXIvRG90c0xvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY1EiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTG9hZGVyL2NvbXBvbmVudHMvRG90c0xvYWRlci9Eb3RzTG9hZGVyLnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRhcmtlbiB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgZ2V0Q29sb3JGb3JEb3RzID0gKHRoZW1lOiBUaGVtZSwgc3RlcCA9IDAsIGNvbG9yPzogc3RyaW5nKSA9PlxuICBkYXJrZW4oc3RlcCwgY29sb3IgfHwgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDE1MCkpO1xuXG5leHBvcnQgY29uc3QgZ2V0RG90c0xheW91dCA9IChcbiAgZGVsYXk6IG51bWJlcixcbiAgYW5pbWF0aW9uOiBzdHJpbmcsXG4gIHRoZW1lOiBUaGVtZSxcbiAgbGVmdD86IG51bWJlcixcbiAgY29sb3I/OiBzdHJpbmdcbikgPT4gY3NzYFxuICBsZWZ0OiAke2xlZnQgJiYgcmVtKGxlZnQpfTtcbiAgd2lkdGg6ICR7cmVtKDYpfTtcbiAgaGVpZ2h0OiAke3JlbSg2KX07XG4gIGJvcmRlci1yYWRpdXM6ICR7cmVtKDUpfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvckZvckRvdHModGhlbWUsIDAuMSwgY29sb3IpfTtcbiAgY29sb3I6ICR7Z2V0Q29sb3JGb3JEb3RzKHRoZW1lLCAwLjEsIGNvbG9yKX07XG4gIGFuaW1hdGlvbjogJHthbmltYXRpb259O1xuICBhbmltYXRpb24tZGVsYXk6ICR7ZGVsYXl9cztcbmA7XG5cbmV4cG9ydCBjb25zdCBkb3RzV3JhcHBlciA9IGNzc2BcbiAgd2lkdGg6ICR7cmVtKDI2KX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAke3JlbSg2KX07XG5gO1xuXG5leHBvcnQgY29uc3QgZG90c0NvbnRhaW5lciA9IChjb2xvcj86IHN0cmluZykgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6ICR7cmVtKDEwKX07XG4gICR7Z2V0RG90c0xheW91dCgwLjUsICdkb3RGbGFzaGluZyAwLjdzIGluZmluaXRlIGxpbmVhciBhbHRlcm5hdGUnLCB0aGVtZSwgMCwgY29sb3IpfTtcblxuICAmOjphZnRlcixcbiAgJjo6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgfVxuXG4gICY6OmJlZm9yZSB7XG4gICAgJHtnZXREb3RzTGF5b3V0KDAsICdkb3RGbGFzaGluZyAwLjdzIGluZmluaXRlIGFsdGVybmF0ZScsIHRoZW1lLCAtMTAsIGNvbG9yKX07XG4gIH1cblxuICAmOjphZnRlciB7XG4gICAgJHtnZXREb3RzTGF5b3V0KDAuNywgJ2RvdEZsYXNoaW5nIDAuN3MgaW5maW5pdGUgYWx0ZXJuYXRlJywgdGhlbWUsIDEwLCBjb2xvcil9O1xuICB9XG5cbiAgQGtleWZyYW1lcyBkb3RGbGFzaGluZyB7XG4gICAgMCUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvckZvckRvdHModGhlbWUsIDAsIGNvbG9yKX07XG4gICAgfVxuICAgIDUwJSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yRm9yRG90cyh0aGVtZSwgMC4wNSwgY29sb3IpfTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yRm9yRG90cyh0aGVtZSwgMC4xLCBjb2xvcil9O1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:getDotsLayout;")
   );
 };
 
@@ -21,16 +33,16 @@ var dotsWrapper =
 /*#__PURE__*/
 
 /*#__PURE__*/
-(0, _react.css)("width:", (0, _utils.rem)(26), ";position:relative;height:", (0, _utils.rem)(6), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:dotsWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0RvdHNMb2FkZXIvRG90c0xvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZThCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0RvdHNMb2FkZXIvRG90c0xvYWRlci5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IGdldERvdHNMYXlvdXQgPSAoZGVsYXk6IG51bWJlciwgYW5pbWF0aW9uOiBzdHJpbmcsIHRoZW1lOiBUaGVtZSwgbGVmdD86IG51bWJlcikgPT4gY3NzYFxuICBsZWZ0OiAke2xlZnQgJiYgcmVtKGxlZnQpfTtcbiAgd2lkdGg6ICR7cmVtKDYpfTtcbiAgaGVpZ2h0OiAke3JlbSg2KX07XG4gIGJvcmRlci1yYWRpdXM6ICR7cmVtKDUpfTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMzUwKX07XG4gIGNvbG9yOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAzNTApfTtcbiAgYW5pbWF0aW9uOiAke2FuaW1hdGlvbn07XG4gIGFuaW1hdGlvbi1kZWxheTogJHtkZWxheX1zO1xuYDtcblxuZXhwb3J0IGNvbnN0IGRvdHNXcmFwcGVyID0gY3NzYFxuICB3aWR0aDogJHtyZW0oMjYpfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6ICR7cmVtKDYpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBkb3RzQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxlZnQ6ICR7cmVtKDEwKX07XG4gICR7Z2V0RG90c0xheW91dCgwLjUsICdkb3RGbGFzaGluZyAwLjdzIGluZmluaXRlIGxpbmVhciBhbHRlcm5hdGUnLCB0aGVtZSl9O1xuXG4gICY6OmFmdGVyLFxuICAmOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICB9XG5cbiAgJjo6YmVmb3JlIHtcbiAgICAke2dldERvdHNMYXlvdXQoMCwgJ2RvdEZsYXNoaW5nIDAuN3MgaW5maW5pdGUgYWx0ZXJuYXRlJywgdGhlbWUsIC0xMCl9O1xuICB9XG5cbiAgJjo6YWZ0ZXIge1xuICAgICR7Z2V0RG90c0xheW91dCgwLjcsICdkb3RGbGFzaGluZyAwLjdzIGluZmluaXRlIGFsdGVybmF0ZScsIHRoZW1lLCAxMCl9O1xuICB9XG5cbiAgQGtleWZyYW1lcyBkb3RGbGFzaGluZyB7XG4gICAgMCUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTUwKX07XG4gICAgfVxuICAgIDUwJSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAyNTApfTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAzNTApfTtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:dotsWrapper;");
+(0, _react.css)("width:", (0, _utils.rem)(26), ";position:relative;height:", (0, _utils.rem)(6), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:dotsWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0RvdHNMb2FkZXIvRG90c0xvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUI4QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkZXIvY29tcG9uZW50cy9Eb3RzTG9hZGVyL0RvdHNMb2FkZXIuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGFya2VuIH0gZnJvbSAncG9saXNoZWQnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBnZXRDb2xvckZvckRvdHMgPSAodGhlbWU6IFRoZW1lLCBzdGVwID0gMCwgY29sb3I/OiBzdHJpbmcpID0+XG4gIGRhcmtlbihzdGVwLCBjb2xvciB8fCB0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTUwKSk7XG5cbmV4cG9ydCBjb25zdCBnZXREb3RzTGF5b3V0ID0gKFxuICBkZWxheTogbnVtYmVyLFxuICBhbmltYXRpb246IHN0cmluZyxcbiAgdGhlbWU6IFRoZW1lLFxuICBsZWZ0PzogbnVtYmVyLFxuICBjb2xvcj86IHN0cmluZ1xuKSA9PiBjc3NgXG4gIGxlZnQ6ICR7bGVmdCAmJiByZW0obGVmdCl9O1xuICB3aWR0aDogJHtyZW0oNil9O1xuICBoZWlnaHQ6ICR7cmVtKDYpfTtcbiAgYm9yZGVyLXJhZGl1czogJHtyZW0oNSl9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yRm9yRG90cyh0aGVtZSwgMC4xLCBjb2xvcil9O1xuICBjb2xvcjogJHtnZXRDb2xvckZvckRvdHModGhlbWUsIDAuMSwgY29sb3IpfTtcbiAgYW5pbWF0aW9uOiAke2FuaW1hdGlvbn07XG4gIGFuaW1hdGlvbi1kZWxheTogJHtkZWxheX1zO1xuYDtcblxuZXhwb3J0IGNvbnN0IGRvdHNXcmFwcGVyID0gY3NzYFxuICB3aWR0aDogJHtyZW0oMjYpfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6ICR7cmVtKDYpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBkb3RzQ29udGFpbmVyID0gKGNvbG9yPzogc3RyaW5nKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogJHtyZW0oMTApfTtcbiAgJHtnZXREb3RzTGF5b3V0KDAuNSwgJ2RvdEZsYXNoaW5nIDAuN3MgaW5maW5pdGUgbGluZWFyIGFsdGVybmF0ZScsIHRoZW1lLCAwLCBjb2xvcil9O1xuXG4gICY6OmFmdGVyLFxuICAmOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICB9XG5cbiAgJjo6YmVmb3JlIHtcbiAgICAke2dldERvdHNMYXlvdXQoMCwgJ2RvdEZsYXNoaW5nIDAuN3MgaW5maW5pdGUgYWx0ZXJuYXRlJywgdGhlbWUsIC0xMCwgY29sb3IpfTtcbiAgfVxuXG4gICY6OmFmdGVyIHtcbiAgICAke2dldERvdHNMYXlvdXQoMC43LCAnZG90Rmxhc2hpbmcgMC43cyBpbmZpbml0ZSBhbHRlcm5hdGUnLCB0aGVtZSwgMTAsIGNvbG9yKX07XG4gIH1cblxuICBAa2V5ZnJhbWVzIGRvdEZsYXNoaW5nIHtcbiAgICAwJSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yRm9yRG90cyh0aGVtZSwgMCwgY29sb3IpfTtcbiAgICB9XG4gICAgNTAlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3JGb3JEb3RzKHRoZW1lLCAwLjA1LCBjb2xvcil9O1xuICAgIH1cbiAgICAxMDAlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3JGb3JEb3RzKHRoZW1lLCAwLjEsIGNvbG9yKX07XG4gICAgfVxuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:dotsWrapper;");
 exports.dotsWrapper = dotsWrapper;
 
-var dotsContainer = function dotsContainer() {
+var dotsContainer = function dotsContainer(color) {
   return function (theme) {
     return (
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("position:absolute;left:", (0, _utils.rem)(10), ";", getDotsLayout(0.5, 'dotFlashing 0.7s infinite linear alternate', theme), ";&::after,&::before{content:'';display:inline-block;position:absolute;top:0;}&::before{", getDotsLayout(0, 'dotFlashing 0.7s infinite alternate', theme, -10), ";}&::after{", getDotsLayout(0.7, 'dotFlashing 0.7s infinite alternate', theme, 10), ";}@keyframes dotFlashing{0%{background-color:", theme.utils.getColor('lightGrey', 150), ";}50%{background-color:", theme.utils.getColor('lightGrey', 250), ";}100%{background-color:", theme.utils.getColor('lightGrey', 350), ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:dotsContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0RvdHNMb2FkZXIvRG90c0xvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUIwRSIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkZXIvY29tcG9uZW50cy9Eb3RzTG9hZGVyL0RvdHNMb2FkZXIuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBnZXREb3RzTGF5b3V0ID0gKGRlbGF5OiBudW1iZXIsIGFuaW1hdGlvbjogc3RyaW5nLCB0aGVtZTogVGhlbWUsIGxlZnQ/OiBudW1iZXIpID0+IGNzc2BcbiAgbGVmdDogJHtsZWZ0ICYmIHJlbShsZWZ0KX07XG4gIHdpZHRoOiAke3JlbSg2KX07XG4gIGhlaWdodDogJHtyZW0oNil9O1xuICBib3JkZXItcmFkaXVzOiAke3JlbSg1KX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDM1MCl9O1xuICBjb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMzUwKX07XG4gIGFuaW1hdGlvbjogJHthbmltYXRpb259O1xuICBhbmltYXRpb24tZGVsYXk6ICR7ZGVsYXl9cztcbmA7XG5cbmV4cG9ydCBjb25zdCBkb3RzV3JhcHBlciA9IGNzc2BcbiAgd2lkdGg6ICR7cmVtKDI2KX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAke3JlbSg2KX07XG5gO1xuXG5leHBvcnQgY29uc3QgZG90c0NvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiAke3JlbSgxMCl9O1xuICAke2dldERvdHNMYXlvdXQoMC41LCAnZG90Rmxhc2hpbmcgMC43cyBpbmZpbml0ZSBsaW5lYXIgYWx0ZXJuYXRlJywgdGhlbWUpfTtcblxuICAmOjphZnRlcixcbiAgJjo6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgfVxuXG4gICY6OmJlZm9yZSB7XG4gICAgJHtnZXREb3RzTGF5b3V0KDAsICdkb3RGbGFzaGluZyAwLjdzIGluZmluaXRlIGFsdGVybmF0ZScsIHRoZW1lLCAtMTApfTtcbiAgfVxuXG4gICY6OmFmdGVyIHtcbiAgICAke2dldERvdHNMYXlvdXQoMC43LCAnZG90Rmxhc2hpbmcgMC43cyBpbmZpbml0ZSBhbHRlcm5hdGUnLCB0aGVtZSwgMTApfTtcbiAgfVxuXG4gIEBrZXlmcmFtZXMgZG90Rmxhc2hpbmcge1xuICAgIDAlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUudXRpbHMuZ2V0Q29sb3IoJ2xpZ2h0R3JleScsIDE1MCl9O1xuICAgIH1cbiAgICA1MCUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMjUwKX07XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMzUwKX07XG4gICAgfVxuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:dotsContainer;")
+      (0, _react.css)("position:absolute;left:", (0, _utils.rem)(10), ";", getDotsLayout(0.5, 'dotFlashing 0.7s infinite linear alternate', theme, 0, color), ";&::after,&::before{content:'';display:inline-block;position:absolute;top:0;}&::before{", getDotsLayout(0, 'dotFlashing 0.7s infinite alternate', theme, -10, color), ";}&::after{", getDotsLayout(0.7, 'dotFlashing 0.7s infinite alternate', theme, 10, color), ";}@keyframes dotFlashing{0%{background-color:", getColorForDots(theme, 0, color), ";}50%{background-color:", getColorForDots(theme, 0.05, color), ";}100%{background-color:", getColorForDots(theme, 0.1, color), ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:dotsContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0RvdHNMb2FkZXIvRG90c0xvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0J3RiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkZXIvY29tcG9uZW50cy9Eb3RzTG9hZGVyL0RvdHNMb2FkZXIuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGFya2VuIH0gZnJvbSAncG9saXNoZWQnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBnZXRDb2xvckZvckRvdHMgPSAodGhlbWU6IFRoZW1lLCBzdGVwID0gMCwgY29sb3I/OiBzdHJpbmcpID0+XG4gIGRhcmtlbihzdGVwLCBjb2xvciB8fCB0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTUwKSk7XG5cbmV4cG9ydCBjb25zdCBnZXREb3RzTGF5b3V0ID0gKFxuICBkZWxheTogbnVtYmVyLFxuICBhbmltYXRpb246IHN0cmluZyxcbiAgdGhlbWU6IFRoZW1lLFxuICBsZWZ0PzogbnVtYmVyLFxuICBjb2xvcj86IHN0cmluZ1xuKSA9PiBjc3NgXG4gIGxlZnQ6ICR7bGVmdCAmJiByZW0obGVmdCl9O1xuICB3aWR0aDogJHtyZW0oNil9O1xuICBoZWlnaHQ6ICR7cmVtKDYpfTtcbiAgYm9yZGVyLXJhZGl1czogJHtyZW0oNSl9O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yRm9yRG90cyh0aGVtZSwgMC4xLCBjb2xvcil9O1xuICBjb2xvcjogJHtnZXRDb2xvckZvckRvdHModGhlbWUsIDAuMSwgY29sb3IpfTtcbiAgYW5pbWF0aW9uOiAke2FuaW1hdGlvbn07XG4gIGFuaW1hdGlvbi1kZWxheTogJHtkZWxheX1zO1xuYDtcblxuZXhwb3J0IGNvbnN0IGRvdHNXcmFwcGVyID0gY3NzYFxuICB3aWR0aDogJHtyZW0oMjYpfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6ICR7cmVtKDYpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBkb3RzQ29udGFpbmVyID0gKGNvbG9yPzogc3RyaW5nKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogJHtyZW0oMTApfTtcbiAgJHtnZXREb3RzTGF5b3V0KDAuNSwgJ2RvdEZsYXNoaW5nIDAuN3MgaW5maW5pdGUgbGluZWFyIGFsdGVybmF0ZScsIHRoZW1lLCAwLCBjb2xvcil9O1xuXG4gICY6OmFmdGVyLFxuICAmOjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICB9XG5cbiAgJjo6YmVmb3JlIHtcbiAgICAke2dldERvdHNMYXlvdXQoMCwgJ2RvdEZsYXNoaW5nIDAuN3MgaW5maW5pdGUgYWx0ZXJuYXRlJywgdGhlbWUsIC0xMCwgY29sb3IpfTtcbiAgfVxuXG4gICY6OmFmdGVyIHtcbiAgICAke2dldERvdHNMYXlvdXQoMC43LCAnZG90Rmxhc2hpbmcgMC43cyBpbmZpbml0ZSBhbHRlcm5hdGUnLCB0aGVtZSwgMTAsIGNvbG9yKX07XG4gIH1cblxuICBAa2V5ZnJhbWVzIGRvdEZsYXNoaW5nIHtcbiAgICAwJSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yRm9yRG90cyh0aGVtZSwgMCwgY29sb3IpfTtcbiAgICB9XG4gICAgNTAlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3JGb3JEb3RzKHRoZW1lLCAwLjA1LCBjb2xvcil9O1xuICAgIH1cbiAgICAxMDAlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3JGb3JEb3RzKHRoZW1lLCAwLjEsIGNvbG9yKX07XG4gICAgfVxuICB9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:dotsContainer;")
     );
   };
 };

package/dist/components/Loader/components/IndeterminateLoader/IndeterminateLoader.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 declare type Props = {
     dataTestId?: string;
+    color?: string;
 };
 declare const IndeterminateLoader: React.FC<Props>;
 export default IndeterminateLoader;

package/dist/components/Loader/components/IndeterminateLoader/IndeterminateLoader.js

@@ -14,16 +14,17 @@ var _react2 = require("@emotion/react");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var IndeterminateLoader = function IndeterminateLoader(_ref) {
-  var dataTestId = _ref.dataTestId;
+  var dataTestId = _ref.dataTestId,
+      color = _ref.color;
   return (0, _react2.jsx)("div", {
     css: (0, _IndeterminateLoader.LoaderContainer)(),
     "data-testid": (0, _helpers.generateTestDataId)('dots-loading', dataTestId)
   }, (0, _react2.jsx)("div", {
     css: (0, _IndeterminateLoader.LoaderLine)()
   }), (0, _react2.jsx)("div", {
-    css: (0, _IndeterminateLoader.LoaderDecLine)()
+    css: (0, _IndeterminateLoader.LoaderDecLine)(color)
   }), (0, _react2.jsx)("div", {
-    css: (0, _IndeterminateLoader.LoaderIncLine)()
+    css: (0, _IndeterminateLoader.LoaderIncLine)(color)
   }));
 };