@orfium/ictinus 4.22.0 → 4.25.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/Icon/assets/iconSelector.js

@@ -1101,6 +1101,21 @@ IncomeIcon.defaultProps = {
   viewBox: "0 0 24 24"
 };
 
+var InfoFilledIcon = function InfoFilledIcon(props) {
+  return (0, _react2.jsx)("svg", props, (0, _react2.jsx)("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M9 18A9 9 0 1 0 9 0a9 9 0 0 0 0 18zm1.5-13a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0zm0 9V7.5h-3V14h3z",
+    fill: "#0E0E17"
+  }));
+};
+
+InfoFilledIcon.defaultProps = {
+  viewBox: "0 0 18 18",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+
 var InfoIcon = function InfoIcon(props) {
   return (0, _react2.jsx)("svg", props, (0, _react2.jsx)("g", {
     fill: "#000"
@@ -2333,6 +2348,7 @@ var iconSelector = {
   help: HelpIcon,
   hourglass: HourglassIcon,
   income: IncomeIcon,
+  infoFilled: InfoFilledIcon,
   info: InfoIcon,
   issues: IssuesIcon,
   keyword: KeywordIcon,

package/dist/components/Icon/types.d.ts

@@ -1 +1 @@
-export declare type AcceptedIconNames = 'account' | 'actions' | 'add' | 'alert' | 'analytics' | 'analyticsVideos' | 'ancient' | 'arrowDown' | 'arrowLeft' | 'arrowRight' | 'arrowToLeft' | 'arrowToRight' | 'artist' | 'asset' | 'assetMatching' | 'auto' | 'calendarEmpty' | 'calendarFilled' | 'catalog' | 'catalogOverview' | 'catalogFiles' | 'chatBubble' | 'check' | 'checkedList' | 'checkmark' | 'chevronExtraSmallDown' | 'chevronExtraSmallLeft' | 'chevronExtraSmallRight' | 'chevronExtraSmallUp' | 'chevronLargeDown' | 'chevronLargeLeft' | 'chevronLargeRight' | 'chevronLargeUp' | 'chevronSmallDown' | 'chevronSmallLeft' | 'chevronSmallRight' | 'chevronSmallUp' | 'claimList' | 'clock' | 'close' | 'closeTag' | 'cmsProcess' | 'composition' | 'compositionV2' | 'confirmedMatches' | 'conflicts' | 'concert' | 'dashboard' | 'dataset' | 'delete' | 'delivery' | 'details' | 'digitalUse' | 'distribution' | 'dotsVertical' | 'download' | 'duplicate' | 'duplicate2' | 'earnings' | 'earnings2' | 'edit' | 'entities' | 'error' | 'expenses' | 'externalLink' | 'externalLinkV2' | 'fatArrowDown' | 'fatArrowLeft' | 'fatArrowRight' | 'fatArrowUp' | 'file' | 'financialChart' | 'generatedReports' | 'genericFile' | 'genericOrdering' | 'globalItem' | 'heartFill' | 'heartStroke' | 'help' | 'hourglass' | 'income' | 'info' | 'issues' | 'keyword' | 'legalFiles' | 'linked' | 'lock' | 'mail' | 'manual' | 'menu' | 'microphone' | 'minus' | 'moreOptionsHorizontal' | 'moreOptionsVertical' | 'musicNote' | 'myEarnings' | 'notifications' | 'notifications2' | 'oneWay' | 'others' | 'ownershipValidation' | 'pageFirst' | 'pageLast' | 'percentage' | 'plus' | 'policies' | 'process' | 'processManagement' | 'publicPerformance' | 'publisher' | 'recordLabel' | 'recordLabelV2' | 'referenceFile' | 'relations' | 'restore' | 'result' | 'royaltyShares' | 'search' | 'searchMusic' | 'searchThunder' | 'settings' | 'sight' | 'sortAscending' | 'sortDescending' | 'stamp' | 'statements' | 'success' | 'television' | 'thunder' | 'ticTacToeArrow' | 'timeOut' | 'training' | 'triangleDown' | 'triangleLeft' | 'triangleRight' | 'triangleUp' | 'trophy' | 'TVCinema' | 'TVRadio' | 'update' | 'upload' | 'user' | 'userAvatar' | 'users' | 'users2' | 'videoConfirmation' | 'view' | 'warning' | 'works' | 'writer' | 'youtube' | 'refresh' | 'star' | 'pause' | 'resume' | 'restart' | 'entity' | 'playCount' | 'processedLogs' | 'proposed' | 'unpaired' | 'unpairedV2' | 'clockOutlined' | 'userCheck';
+export declare type AcceptedIconNames = 'account' | 'actions' | 'add' | 'alert' | 'analytics' | 'analyticsVideos' | 'ancient' | 'arrowDown' | 'arrowLeft' | 'arrowRight' | 'arrowToLeft' | 'arrowToRight' | 'artist' | 'asset' | 'assetMatching' | 'auto' | 'calendarEmpty' | 'calendarFilled' | 'catalog' | 'catalogOverview' | 'catalogFiles' | 'chatBubble' | 'check' | 'checkedList' | 'checkmark' | 'chevronExtraSmallDown' | 'chevronExtraSmallLeft' | 'chevronExtraSmallRight' | 'chevronExtraSmallUp' | 'chevronLargeDown' | 'chevronLargeLeft' | 'chevronLargeRight' | 'chevronLargeUp' | 'chevronSmallDown' | 'chevronSmallLeft' | 'chevronSmallRight' | 'chevronSmallUp' | 'claimList' | 'clock' | 'close' | 'closeTag' | 'cmsProcess' | 'composition' | 'compositionV2' | 'confirmedMatches' | 'conflicts' | 'concert' | 'dashboard' | 'dataset' | 'delete' | 'delivery' | 'details' | 'digitalUse' | 'distribution' | 'dotsVertical' | 'download' | 'duplicate' | 'duplicate2' | 'earnings' | 'earnings2' | 'edit' | 'entities' | 'error' | 'expenses' | 'externalLink' | 'externalLinkV2' | 'fatArrowDown' | 'fatArrowLeft' | 'fatArrowRight' | 'fatArrowUp' | 'file' | 'financialChart' | 'generatedReports' | 'genericFile' | 'genericOrdering' | 'globalItem' | 'heartFill' | 'heartStroke' | 'help' | 'hourglass' | 'income' | 'infoFilled' | 'info' | 'issues' | 'keyword' | 'legalFiles' | 'linked' | 'lock' | 'mail' | 'manual' | 'menu' | 'microphone' | 'minus' | 'moreOptionsHorizontal' | 'moreOptionsVertical' | 'musicNote' | 'myEarnings' | 'notifications' | 'notifications2' | 'oneWay' | 'others' | 'ownershipValidation' | 'pageFirst' | 'pageLast' | 'percentage' | 'plus' | 'policies' | 'process' | 'processManagement' | 'publicPerformance' | 'publisher' | 'recordLabel' | 'recordLabelV2' | 'referenceFile' | 'relations' | 'restore' | 'result' | 'royaltyShares' | 'search' | 'searchMusic' | 'searchThunder' | 'settings' | 'sight' | 'sortAscending' | 'sortDescending' | 'stamp' | 'statements' | 'success' | 'television' | 'thunder' | 'ticTacToeArrow' | 'timeOut' | 'training' | 'triangleDown' | 'triangleLeft' | 'triangleRight' | 'triangleUp' | 'trophy' | 'TVCinema' | 'TVRadio' | 'update' | 'upload' | 'user' | 'userAvatar' | 'users' | 'users2' | 'videoConfirmation' | 'view' | 'warning' | 'works' | 'writer' | 'youtube' | 'refresh' | 'star' | 'pause' | 'resume' | 'restart' | 'entity' | 'playCount' | 'processedLogs' | 'proposed' | 'unpaired' | 'unpairedV2' | 'clockOutlined' | 'userCheck';

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;