@orfium/ictinus 4.22.0 → 4.25.0

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)
   }));
 };
 

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

@@ -2,6 +2,6 @@ import { SerializedStyles } from '@emotion/react';
 import { Theme } from 'theme';
 export declare const LoaderLine: () => (theme: Theme) => SerializedStyles;
 export declare const LoaderSubLine: (color: string) => SerializedStyles;
-export declare const LoaderDecLine: () => (theme: Theme) => SerializedStyles;
-export declare const LoaderIncLine: () => (theme: Theme) => SerializedStyles;
+export declare const LoaderDecLine: (color?: string | undefined) => (theme: Theme) => SerializedStyles;
+export declare const LoaderIncLine: (color?: string | undefined) => (theme: Theme) => SerializedStyles;
 export declare const LoaderContainer: () => () => SerializedStyles;

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

@@ -15,7 +15,7 @@ var LoaderLine = function LoaderLine() {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("position:absolute;opacity:0.4;background:", theme.utils.getColor('lightGrey', 100), ";width:150%;height:", (0, _utils.rem)(8), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderLine;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IEJBU0VfU0hBREUgfSBmcm9tICd0aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IExvYWRlckxpbmUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgb3BhY2l0eTogMC40O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAxMDApfTtcbiAgd2lkdGg6IDE1MCU7XG4gIGhlaWdodDogJHtyZW0oOCl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IExvYWRlclN1YkxpbmUgPSAoY29sb3I6IHN0cmluZykgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3J9O1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJEZWNMaW5lID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke0xvYWRlclN1YkxpbmUodGhlbWUudXRpbHMuZ2V0Q29sb3IoJ3ByaW1hcnknLCBCQVNFX1NIQURFLCAnbm9ybWFsJykpfTtcblxuICBhbmltYXRpb246IGRlY3JlYXNlIDIuM3MgMC44cyBpbmZpbml0ZTtcbiAgQGtleWZyYW1lcyBkZWNyZWFzZSB7XG4gICAgZnJvbSB7XG4gICAgICBsZWZ0OiAtODAlO1xuICAgICAgd2lkdGg6IDgwJTtcbiAgICB9XG4gICAgdG8ge1xuICAgICAgbGVmdDogMTEwJTtcbiAgICAgIHdpZHRoOiAxMCU7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVySW5jTGluZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtMb2FkZXJTdWJMaW5lKHRoZW1lLnV0aWxzLmdldENvbG9yKCdwcmltYXJ5JywgQkFTRV9TSEFERSwgJ25vcm1hbCcpKX07XG5cbiAgYW5pbWF0aW9uOiBpbmNyZWFzZSAyLjNzIGluZmluaXRlO1xuICBAa2V5ZnJhbWVzIGluY3JlYXNlIHtcbiAgICBmcm9tIHtcbiAgICAgIGxlZnQ6IC01JTtcbiAgICAgIHdpZHRoOiA1JTtcbiAgICB9XG4gICAgdG8ge1xuICAgICAgbGVmdDogMTMwJTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExvYWRlckNvbnRhaW5lciA9ICgpID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAke3JlbSg4KX07XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogJHtyZW0oOCl9O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:LoaderLine;")
+      (0, _react.css)("position:absolute;opacity:0.4;background:", theme.utils.getColor('lightGrey', 100), ";width:150%;height:", (0, _utils.rem)(8), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderLine;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IEJBU0VfU0hBREUgfSBmcm9tICd0aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IExvYWRlckxpbmUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgb3BhY2l0eTogMC40O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAxMDApfTtcbiAgd2lkdGg6IDE1MCU7XG4gIGhlaWdodDogJHtyZW0oOCl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IExvYWRlclN1YkxpbmUgPSAoY29sb3I6IHN0cmluZykgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3J9O1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJEZWNMaW5lID0gKGNvbG9yPzogc3RyaW5nKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7TG9hZGVyU3ViTGluZShjb2xvciB8fCB0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKSl9O1xuXG4gIGFuaW1hdGlvbjogZGVjcmVhc2UgMi4zcyAwLjhzIGluZmluaXRlO1xuICBAa2V5ZnJhbWVzIGRlY3JlYXNlIHtcbiAgICBmcm9tIHtcbiAgICAgIGxlZnQ6IC04MCU7XG4gICAgICB3aWR0aDogODAlO1xuICAgIH1cbiAgICB0byB7XG4gICAgICBsZWZ0OiAxMTAlO1xuICAgICAgd2lkdGg6IDEwJTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJJbmNMaW5lID0gKGNvbG9yPzogc3RyaW5nKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7TG9hZGVyU3ViTGluZShjb2xvciB8fCB0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKSl9O1xuXG4gIGFuaW1hdGlvbjogaW5jcmVhc2UgMi4zcyBpbmZpbml0ZTtcbiAgQGtleWZyYW1lcyBpbmNyZWFzZSB7XG4gICAgZnJvbSB7XG4gICAgICBsZWZ0OiAtNSU7XG4gICAgICB3aWR0aDogNSU7XG4gICAgfVxuICAgIHRvIHtcbiAgICAgIGxlZnQ6IDEzMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJDb250YWluZXIgPSAoKSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogJHtyZW0oOCl9O1xuICBvdmVyZmxvdy14OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6ICR7cmVtKDgpfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:LoaderLine;")
     );
   };
 };
@@ -27,32 +27,32 @@ var LoaderSubLine = function LoaderSubLine(color) {
     /*#__PURE__*/
 
     /*#__PURE__*/
-    (0, _react.css)("position:absolute;background:", color, ";height:", (0, _utils.rem)(8), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderSubLine;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYW1EIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IEJBU0VfU0hBREUgfSBmcm9tICd0aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IExvYWRlckxpbmUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgb3BhY2l0eTogMC40O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAxMDApfTtcbiAgd2lkdGg6IDE1MCU7XG4gIGhlaWdodDogJHtyZW0oOCl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IExvYWRlclN1YkxpbmUgPSAoY29sb3I6IHN0cmluZykgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3J9O1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJEZWNMaW5lID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke0xvYWRlclN1YkxpbmUodGhlbWUudXRpbHMuZ2V0Q29sb3IoJ3ByaW1hcnknLCBCQVNFX1NIQURFLCAnbm9ybWFsJykpfTtcblxuICBhbmltYXRpb246IGRlY3JlYXNlIDIuM3MgMC44cyBpbmZpbml0ZTtcbiAgQGtleWZyYW1lcyBkZWNyZWFzZSB7XG4gICAgZnJvbSB7XG4gICAgICBsZWZ0OiAtODAlO1xuICAgICAgd2lkdGg6IDgwJTtcbiAgICB9XG4gICAgdG8ge1xuICAgICAgbGVmdDogMTEwJTtcbiAgICAgIHdpZHRoOiAxMCU7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVySW5jTGluZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtMb2FkZXJTdWJMaW5lKHRoZW1lLnV0aWxzLmdldENvbG9yKCdwcmltYXJ5JywgQkFTRV9TSEFERSwgJ25vcm1hbCcpKX07XG5cbiAgYW5pbWF0aW9uOiBpbmNyZWFzZSAyLjNzIGluZmluaXRlO1xuICBAa2V5ZnJhbWVzIGluY3JlYXNlIHtcbiAgICBmcm9tIHtcbiAgICAgIGxlZnQ6IC01JTtcbiAgICAgIHdpZHRoOiA1JTtcbiAgICB9XG4gICAgdG8ge1xuICAgICAgbGVmdDogMTMwJTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExvYWRlckNvbnRhaW5lciA9ICgpID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAke3JlbSg4KX07XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogJHtyZW0oOCl9O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:LoaderSubLine;")
+    (0, _react.css)("position:absolute;background:", color, ";height:", (0, _utils.rem)(8), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderSubLine;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYW1EIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IEJBU0VfU0hBREUgfSBmcm9tICd0aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IExvYWRlckxpbmUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgb3BhY2l0eTogMC40O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAxMDApfTtcbiAgd2lkdGg6IDE1MCU7XG4gIGhlaWdodDogJHtyZW0oOCl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IExvYWRlclN1YkxpbmUgPSAoY29sb3I6IHN0cmluZykgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3J9O1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJEZWNMaW5lID0gKGNvbG9yPzogc3RyaW5nKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7TG9hZGVyU3ViTGluZShjb2xvciB8fCB0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKSl9O1xuXG4gIGFuaW1hdGlvbjogZGVjcmVhc2UgMi4zcyAwLjhzIGluZmluaXRlO1xuICBAa2V5ZnJhbWVzIGRlY3JlYXNlIHtcbiAgICBmcm9tIHtcbiAgICAgIGxlZnQ6IC04MCU7XG4gICAgICB3aWR0aDogODAlO1xuICAgIH1cbiAgICB0byB7XG4gICAgICBsZWZ0OiAxMTAlO1xuICAgICAgd2lkdGg6IDEwJTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJJbmNMaW5lID0gKGNvbG9yPzogc3RyaW5nKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7TG9hZGVyU3ViTGluZShjb2xvciB8fCB0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKSl9O1xuXG4gIGFuaW1hdGlvbjogaW5jcmVhc2UgMi4zcyBpbmZpbml0ZTtcbiAgQGtleWZyYW1lcyBpbmNyZWFzZSB7XG4gICAgZnJvbSB7XG4gICAgICBsZWZ0OiAtNSU7XG4gICAgICB3aWR0aDogNSU7XG4gICAgfVxuICAgIHRvIHtcbiAgICAgIGxlZnQ6IDEzMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJDb250YWluZXIgPSAoKSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogJHtyZW0oOCl9O1xuICBvdmVyZmxvdy14OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6ICR7cmVtKDgpfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:LoaderSubLine;")
   );
 };
 
 exports.LoaderSubLine = LoaderSubLine;
 
-var LoaderDecLine = function LoaderDecLine() {
+var LoaderDecLine = function LoaderDecLine(color) {
   return function (theme) {
     return (
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)(LoaderSubLine(theme.utils.getColor('primary', _palette.BASE_SHADE, 'normal')), ";animation:decrease 2.3s 0.8s infinite;@keyframes decrease{from{left:-80%;width:80%;}to{left:110%;width:10%;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderDecLine;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUIwRSIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkZXIvY29tcG9uZW50cy9JbmRldGVybWluYXRlTG9hZGVyL0luZGV0ZXJtaW5hdGVMb2FkZXIuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBCQVNFX1NIQURFIH0gZnJvbSAndGhlbWUvcGFsZXR0ZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJMaW5lID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG9wYWNpdHk6IDAuNDtcbiAgYmFja2dyb3VuZDogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTAwKX07XG4gIHdpZHRoOiAxNTAlO1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJTdWJMaW5lID0gKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9yfTtcbiAgaGVpZ2h0OiAke3JlbSg4KX07XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVyRGVjTGluZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtMb2FkZXJTdWJMaW5lKHRoZW1lLnV0aWxzLmdldENvbG9yKCdwcmltYXJ5JywgQkFTRV9TSEFERSwgJ25vcm1hbCcpKX07XG5cbiAgYW5pbWF0aW9uOiBkZWNyZWFzZSAyLjNzIDAuOHMgaW5maW5pdGU7XG4gIEBrZXlmcmFtZXMgZGVjcmVhc2Uge1xuICAgIGZyb20ge1xuICAgICAgbGVmdDogLTgwJTtcbiAgICAgIHdpZHRoOiA4MCU7XG4gICAgfVxuICAgIHRvIHtcbiAgICAgIGxlZnQ6IDExMCU7XG4gICAgICB3aWR0aDogMTAlO1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExvYWRlckluY0xpbmUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7TG9hZGVyU3ViTGluZSh0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKSl9O1xuXG4gIGFuaW1hdGlvbjogaW5jcmVhc2UgMi4zcyBpbmZpbml0ZTtcbiAgQGtleWZyYW1lcyBpbmNyZWFzZSB7XG4gICAgZnJvbSB7XG4gICAgICBsZWZ0OiAtNSU7XG4gICAgICB3aWR0aDogNSU7XG4gICAgfVxuICAgIHRvIHtcbiAgICAgIGxlZnQ6IDEzMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJDb250YWluZXIgPSAoKSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogJHtyZW0oOCl9O1xuICBvdmVyZmxvdy14OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6ICR7cmVtKDgpfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:LoaderDecLine;")
+      (0, _react.css)(LoaderSubLine(color || theme.utils.getColor('primary', _palette.BASE_SHADE, 'normal')), ";animation:decrease 2.3s 0.8s infinite;@keyframes decrease{from{left:-80%;width:80%;}to{left:110%;width:10%;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderDecLine;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJ3RiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkZXIvY29tcG9uZW50cy9JbmRldGVybWluYXRlTG9hZGVyL0luZGV0ZXJtaW5hdGVMb2FkZXIuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBCQVNFX1NIQURFIH0gZnJvbSAndGhlbWUvcGFsZXR0ZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJMaW5lID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG9wYWNpdHk6IDAuNDtcbiAgYmFja2dyb3VuZDogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTAwKX07XG4gIHdpZHRoOiAxNTAlO1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJTdWJMaW5lID0gKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9yfTtcbiAgaGVpZ2h0OiAke3JlbSg4KX07XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVyRGVjTGluZSA9IChjb2xvcj86IHN0cmluZykgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke0xvYWRlclN1YkxpbmUoY29sb3IgfHwgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ3ByaW1hcnknLCBCQVNFX1NIQURFLCAnbm9ybWFsJykpfTtcblxuICBhbmltYXRpb246IGRlY3JlYXNlIDIuM3MgMC44cyBpbmZpbml0ZTtcbiAgQGtleWZyYW1lcyBkZWNyZWFzZSB7XG4gICAgZnJvbSB7XG4gICAgICBsZWZ0OiAtODAlO1xuICAgICAgd2lkdGg6IDgwJTtcbiAgICB9XG4gICAgdG8ge1xuICAgICAgbGVmdDogMTEwJTtcbiAgICAgIHdpZHRoOiAxMCU7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVySW5jTGluZSA9IChjb2xvcj86IHN0cmluZykgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke0xvYWRlclN1YkxpbmUoY29sb3IgfHwgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ3ByaW1hcnknLCBCQVNFX1NIQURFLCAnbm9ybWFsJykpfTtcblxuICBhbmltYXRpb246IGluY3JlYXNlIDIuM3MgaW5maW5pdGU7XG4gIEBrZXlmcmFtZXMgaW5jcmVhc2Uge1xuICAgIGZyb20ge1xuICAgICAgbGVmdDogLTUlO1xuICAgICAgd2lkdGg6IDUlO1xuICAgIH1cbiAgICB0byB7XG4gICAgICBsZWZ0OiAxMzAlO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVyQ29udGFpbmVyID0gKCkgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiAke3JlbSg4KX07XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:LoaderDecLine;")
     );
   };
 };
 
 exports.LoaderDecLine = LoaderDecLine;
 
-var LoaderIncLine = function LoaderIncLine() {
+var LoaderIncLine = function LoaderIncLine(color) {
   return function (theme) {
     return (
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)(LoaderSubLine(theme.utils.getColor('primary', _palette.BASE_SHADE, 'normal')), ";animation:increase 2.3s infinite;@keyframes increase{from{left:-5%;width:5%;}to{left:130%;width:100%;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderIncLine;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUMwRSIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkZXIvY29tcG9uZW50cy9JbmRldGVybWluYXRlTG9hZGVyL0luZGV0ZXJtaW5hdGVMb2FkZXIuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBCQVNFX1NIQURFIH0gZnJvbSAndGhlbWUvcGFsZXR0ZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJMaW5lID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG9wYWNpdHk6IDAuNDtcbiAgYmFja2dyb3VuZDogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTAwKX07XG4gIHdpZHRoOiAxNTAlO1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJTdWJMaW5lID0gKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9yfTtcbiAgaGVpZ2h0OiAke3JlbSg4KX07XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVyRGVjTGluZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtMb2FkZXJTdWJMaW5lKHRoZW1lLnV0aWxzLmdldENvbG9yKCdwcmltYXJ5JywgQkFTRV9TSEFERSwgJ25vcm1hbCcpKX07XG5cbiAgYW5pbWF0aW9uOiBkZWNyZWFzZSAyLjNzIDAuOHMgaW5maW5pdGU7XG4gIEBrZXlmcmFtZXMgZGVjcmVhc2Uge1xuICAgIGZyb20ge1xuICAgICAgbGVmdDogLTgwJTtcbiAgICAgIHdpZHRoOiA4MCU7XG4gICAgfVxuICAgIHRvIHtcbiAgICAgIGxlZnQ6IDExMCU7XG4gICAgICB3aWR0aDogMTAlO1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExvYWRlckluY0xpbmUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7TG9hZGVyU3ViTGluZSh0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKSl9O1xuXG4gIGFuaW1hdGlvbjogaW5jcmVhc2UgMi4zcyBpbmZpbml0ZTtcbiAgQGtleWZyYW1lcyBpbmNyZWFzZSB7XG4gICAgZnJvbSB7XG4gICAgICBsZWZ0OiAtNSU7XG4gICAgICB3aWR0aDogNSU7XG4gICAgfVxuICAgIHRvIHtcbiAgICAgIGxlZnQ6IDEzMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJDb250YWluZXIgPSAoKSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogJHtyZW0oOCl9O1xuICBvdmVyZmxvdy14OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6ICR7cmVtKDgpfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:LoaderIncLine;")
+      (0, _react.css)(LoaderSubLine(color || theme.utils.getColor('primary', _palette.BASE_SHADE, 'normal')), ";animation:increase 2.3s infinite;@keyframes increase{from{left:-5%;width:5%;}to{left:130%;width:100%;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderIncLine;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUN3RiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkZXIvY29tcG9uZW50cy9JbmRldGVybWluYXRlTG9hZGVyL0luZGV0ZXJtaW5hdGVMb2FkZXIuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBCQVNFX1NIQURFIH0gZnJvbSAndGhlbWUvcGFsZXR0ZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJMaW5lID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG9wYWNpdHk6IDAuNDtcbiAgYmFja2dyb3VuZDogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTAwKX07XG4gIHdpZHRoOiAxNTAlO1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJTdWJMaW5lID0gKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9yfTtcbiAgaGVpZ2h0OiAke3JlbSg4KX07XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVyRGVjTGluZSA9IChjb2xvcj86IHN0cmluZykgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke0xvYWRlclN1YkxpbmUoY29sb3IgfHwgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ3ByaW1hcnknLCBCQVNFX1NIQURFLCAnbm9ybWFsJykpfTtcblxuICBhbmltYXRpb246IGRlY3JlYXNlIDIuM3MgMC44cyBpbmZpbml0ZTtcbiAgQGtleWZyYW1lcyBkZWNyZWFzZSB7XG4gICAgZnJvbSB7XG4gICAgICBsZWZ0OiAtODAlO1xuICAgICAgd2lkdGg6IDgwJTtcbiAgICB9XG4gICAgdG8ge1xuICAgICAgbGVmdDogMTEwJTtcbiAgICAgIHdpZHRoOiAxMCU7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVySW5jTGluZSA9IChjb2xvcj86IHN0cmluZykgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke0xvYWRlclN1YkxpbmUoY29sb3IgfHwgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ3ByaW1hcnknLCBCQVNFX1NIQURFLCAnbm9ybWFsJykpfTtcblxuICBhbmltYXRpb246IGluY3JlYXNlIDIuM3MgaW5maW5pdGU7XG4gIEBrZXlmcmFtZXMgaW5jcmVhc2Uge1xuICAgIGZyb20ge1xuICAgICAgbGVmdDogLTUlO1xuICAgICAgd2lkdGg6IDUlO1xuICAgIH1cbiAgICB0byB7XG4gICAgICBsZWZ0OiAxMzAlO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVyQ29udGFpbmVyID0gKCkgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiAke3JlbSg4KX07XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:LoaderIncLine;")
     );
   };
 };
@@ -65,7 +65,7 @@ var LoaderContainer = function LoaderContainer() {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("position:relative;width:100%;height:", (0, _utils.rem)(8), ";overflow-x:hidden;border-radius:", (0, _utils.rem)(8), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbURnRSIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkZXIvY29tcG9uZW50cy9JbmRldGVybWluYXRlTG9hZGVyL0luZGV0ZXJtaW5hdGVMb2FkZXIuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBCQVNFX1NIQURFIH0gZnJvbSAndGhlbWUvcGFsZXR0ZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJMaW5lID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG9wYWNpdHk6IDAuNDtcbiAgYmFja2dyb3VuZDogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTAwKX07XG4gIHdpZHRoOiAxNTAlO1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJTdWJMaW5lID0gKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9yfTtcbiAgaGVpZ2h0OiAke3JlbSg4KX07XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVyRGVjTGluZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtMb2FkZXJTdWJMaW5lKHRoZW1lLnV0aWxzLmdldENvbG9yKCdwcmltYXJ5JywgQkFTRV9TSEFERSwgJ25vcm1hbCcpKX07XG5cbiAgYW5pbWF0aW9uOiBkZWNyZWFzZSAyLjNzIDAuOHMgaW5maW5pdGU7XG4gIEBrZXlmcmFtZXMgZGVjcmVhc2Uge1xuICAgIGZyb20ge1xuICAgICAgbGVmdDogLTgwJTtcbiAgICAgIHdpZHRoOiA4MCU7XG4gICAgfVxuICAgIHRvIHtcbiAgICAgIGxlZnQ6IDExMCU7XG4gICAgICB3aWR0aDogMTAlO1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExvYWRlckluY0xpbmUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7TG9hZGVyU3ViTGluZSh0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKSl9O1xuXG4gIGFuaW1hdGlvbjogaW5jcmVhc2UgMi4zcyBpbmZpbml0ZTtcbiAgQGtleWZyYW1lcyBpbmNyZWFzZSB7XG4gICAgZnJvbSB7XG4gICAgICBsZWZ0OiAtNSU7XG4gICAgICB3aWR0aDogNSU7XG4gICAgfVxuICAgIHRvIHtcbiAgICAgIGxlZnQ6IDEzMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJDb250YWluZXIgPSAoKSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogJHtyZW0oOCl9O1xuICBvdmVyZmxvdy14OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6ICR7cmVtKDgpfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:LoaderContainer;")
+      (0, _react.css)("position:relative;width:100%;height:", (0, _utils.rem)(8), ";overflow-x:hidden;border-radius:", (0, _utils.rem)(8), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbURnRSIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkZXIvY29tcG9uZW50cy9JbmRldGVybWluYXRlTG9hZGVyL0luZGV0ZXJtaW5hdGVMb2FkZXIuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBCQVNFX1NIQURFIH0gZnJvbSAndGhlbWUvcGFsZXR0ZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJMaW5lID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG9wYWNpdHk6IDAuNDtcbiAgYmFja2dyb3VuZDogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTAwKX07XG4gIHdpZHRoOiAxNTAlO1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJTdWJMaW5lID0gKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9yfTtcbiAgaGVpZ2h0OiAke3JlbSg4KX07XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVyRGVjTGluZSA9IChjb2xvcj86IHN0cmluZykgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke0xvYWRlclN1YkxpbmUoY29sb3IgfHwgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ3ByaW1hcnknLCBCQVNFX1NIQURFLCAnbm9ybWFsJykpfTtcblxuICBhbmltYXRpb246IGRlY3JlYXNlIDIuM3MgMC44cyBpbmZpbml0ZTtcbiAgQGtleWZyYW1lcyBkZWNyZWFzZSB7XG4gICAgZnJvbSB7XG4gICAgICBsZWZ0OiAtODAlO1xuICAgICAgd2lkdGg6IDgwJTtcbiAgICB9XG4gICAgdG8ge1xuICAgICAgbGVmdDogMTEwJTtcbiAgICAgIHdpZHRoOiAxMCU7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVySW5jTGluZSA9IChjb2xvcj86IHN0cmluZykgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke0xvYWRlclN1YkxpbmUoY29sb3IgfHwgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ3ByaW1hcnknLCBCQVNFX1NIQURFLCAnbm9ybWFsJykpfTtcblxuICBhbmltYXRpb246IGluY3JlYXNlIDIuM3MgaW5maW5pdGU7XG4gIEBrZXlmcmFtZXMgaW5jcmVhc2Uge1xuICAgIGZyb20ge1xuICAgICAgbGVmdDogLTUlO1xuICAgICAgd2lkdGg6IDUlO1xuICAgIH1cbiAgICB0byB7XG4gICAgICBsZWZ0OiAxMzAlO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVyQ29udGFpbmVyID0gKCkgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiAke3JlbSg4KX07XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:LoaderContainer;")
     );
   };
 };

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

@@ -2,6 +2,7 @@ import { FC } from 'react';
 import { TestId } from '../../../../utils/types';
 interface Props {
     dataTestId?: TestId;
+    color?: string;
 }
 declare const Spinner: FC<Props>;
 export default Spinner;

package/dist/components/Loader/components/Spinner/Spinner.js

@@ -14,10 +14,11 @@ var _react2 = require("@emotion/react");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var Spinner = function Spinner(_ref) {
-  var dataTestId = _ref.dataTestId;
+  var dataTestId = _ref.dataTestId,
+      color = _ref.color;
   return (0, _react2.jsx)("div", {
     "data-testid": (0, _helpers.generateTestDataId)('spinner', dataTestId),
-    css: (0, _Spinner.spinnerContainer)()
+    css: (0, _Spinner.spinnerContainer)(color)
   });
 };
 

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

@@ -1,3 +1,3 @@
 import { SerializedStyles } from '@emotion/react';
 import { Theme } from 'theme';
-export declare const spinnerContainer: () => (theme: Theme) => SerializedStyles;
+export declare const spinnerContainer: (color?: string | undefined) => (theme: Theme) => SerializedStyles;

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

@@ -13,13 +13,13 @@ var spinnerBorderStyle = function spinnerBorderStyle(theme, color) {
   return (0, _utils.rem)(2) + " solid " + (color || theme.utils.getColor('primary', _palette.BASE_SHADE, 'normal')) + ";";
 };
 
-var spinnerContainer = function spinnerContainer() {
+var spinnerContainer = function spinnerContainer(color) {
   return function (theme) {
     return (
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("width:", theme.spacing.lg, ";height:", theme.spacing.lg, ";margin:auto;box-sizing:border-box;border-top:", spinnerBorderStyle(theme), ";border-right:", spinnerBorderStyle(theme), ";border-bottom:", spinnerBorderStyle(theme), ";border-left:", spinnerBorderStyle(theme, 'transparent'), ";border-radius:50%;animation:spin 1.1s infinite linear;@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:spinnerContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL1NwaW5uZXIvU3Bpbm5lci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUTZFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL1NwaW5uZXIvU3Bpbm5lci5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IEJBU0VfU0hBREUgfSBmcm9tICd0aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuY29uc3Qgc3Bpbm5lckJvcmRlclN0eWxlID0gKHRoZW1lOiBUaGVtZSwgY29sb3I/OiBzdHJpbmcpID0+XG4gIGAke3JlbSgyKX0gc29saWQgJHtjb2xvciB8fCB0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKX07YDtcblxuZXhwb3J0IGNvbnN0IHNwaW5uZXJDb250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHdpZHRoOiAke3RoZW1lLnNwYWNpbmcubGd9O1xuICBoZWlnaHQ6ICR7dGhlbWUuc3BhY2luZy5sZ307XG4gIG1hcmdpbjogYXV0bztcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyLXRvcDogJHtzcGlubmVyQm9yZGVyU3R5bGUodGhlbWUpfTtcbiAgYm9yZGVyLXJpZ2h0OiAke3NwaW5uZXJCb3JkZXJTdHlsZSh0aGVtZSl9O1xuICBib3JkZXItYm90dG9tOiAke3NwaW5uZXJCb3JkZXJTdHlsZSh0aGVtZSl9O1xuICBib3JkZXItbGVmdDogJHtzcGlubmVyQm9yZGVyU3R5bGUodGhlbWUsICd0cmFuc3BhcmVudCcpfTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBhbmltYXRpb246IHNwaW4gMS4xcyBpbmZpbml0ZSBsaW5lYXI7XG5cbiAgQGtleWZyYW1lcyBzcGluIHtcbiAgICAwJSB7XG4gICAgICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:spinnerContainer;")
+      (0, _react.css)("width:", theme.spacing.lg, ";height:", theme.spacing.lg, ";margin:auto;box-sizing:border-box;border-top:", spinnerBorderStyle(theme, color), ";border-right:", spinnerBorderStyle(theme, color), ";border-bottom:", spinnerBorderStyle(theme, color), ";border-left:", spinnerBorderStyle(theme, 'transparent'), ";border-radius:50%;animation:spin 1.1s infinite linear;@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:spinnerContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL1NwaW5uZXIvU3Bpbm5lci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUTJGIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL1NwaW5uZXIvU3Bpbm5lci5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IEJBU0VfU0hBREUgfSBmcm9tICd0aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuY29uc3Qgc3Bpbm5lckJvcmRlclN0eWxlID0gKHRoZW1lOiBUaGVtZSwgY29sb3I/OiBzdHJpbmcpID0+XG4gIGAke3JlbSgyKX0gc29saWQgJHtjb2xvciB8fCB0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKX07YDtcblxuZXhwb3J0IGNvbnN0IHNwaW5uZXJDb250YWluZXIgPSAoY29sb3I/OiBzdHJpbmcpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgd2lkdGg6ICR7dGhlbWUuc3BhY2luZy5sZ307XG4gIGhlaWdodDogJHt0aGVtZS5zcGFjaW5nLmxnfTtcbiAgbWFyZ2luOiBhdXRvO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXItdG9wOiAke3NwaW5uZXJCb3JkZXJTdHlsZSh0aGVtZSwgY29sb3IpfTtcbiAgYm9yZGVyLXJpZ2h0OiAke3NwaW5uZXJCb3JkZXJTdHlsZSh0aGVtZSwgY29sb3IpfTtcbiAgYm9yZGVyLWJvdHRvbTogJHtzcGlubmVyQm9yZGVyU3R5bGUodGhlbWUsIGNvbG9yKX07XG4gIGJvcmRlci1sZWZ0OiAke3NwaW5uZXJCb3JkZXJTdHlsZSh0aGVtZSwgJ3RyYW5zcGFyZW50Jyl9O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGFuaW1hdGlvbjogc3BpbiAxLjFzIGluZmluaXRlIGxpbmVhcjtcblxuICBAa2V5ZnJhbWVzIHNwaW4ge1xuICAgIDAlIHtcbiAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:spinnerContainer;")
     );
   };
 };

package/dist/components/Select/Select.js

@@ -213,9 +213,6 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
     onClick: handleClick
   }, {
     css: (0, _Select.selectWrapper)({
-      open: open,
-      status: status,
-      styleType: styleType,
       isSearchable: isSearchable
     })
   }), (0, _react2.jsx)(_TextField["default"], _extends({

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

@@ -1,10 +1,5 @@
 import { SerializedStyles } from '@emotion/react';
-import { Theme } from '../../theme';
-import { formFieldStyles } from '../../theme/palette';
-export declare const selectWrapper: ({ styleType, open, status, isSearchable, }: {
-    open: boolean;
-    styleType?: formFieldStyles | undefined;
-    status?: "success" | "error" | "normal" | "hint" | undefined;
+export declare const selectWrapper: ({ isSearchable, }: {
     isSearchable: boolean;
-}) => (theme: Theme) => SerializedStyles;
+}) => () => SerializedStyles;
 export declare const rightIconContainer: (open: boolean, isSearchable: boolean) => () => SerializedStyles;

package/dist/components/Select/Select.style.js

@@ -10,16 +10,13 @@ var _functions = require("../../theme/functions");
 var _utils = require("../../theme/utils");
 
 var selectWrapper = function selectWrapper(_ref) {
-  var styleType = _ref.styleType,
-      open = _ref.open,
-      status = _ref.status,
-      isSearchable = _ref.isSearchable;
-  return function (theme) {
+  var isSearchable = _ref.isSearchable;
+  return function () {
     return (
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("position:relative;min-width:", (0, _utils.rem)(150), ";max-width:", (0, _utils.rem)(620), ";&>div:nth-of-type(1)>div{", open && status !== 'error' && "border: 2px solid " + theme.utils.getColor('lightGrey', 200) + ";", " ", open && status !== 'error' && styleType === 'outlined' && "box-shadow: none;", ";}*{cursor:", !isSearchable && 'pointer', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:selectWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUI2QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHJhbnNpdGlvbiB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuaW1wb3J0IHsgZm9ybUZpZWxkU3R5bGVzIH0gZnJvbSAnLi4vLi4vdGhlbWUvcGFsZXR0ZSc7XG5cbmV4cG9ydCBjb25zdCBzZWxlY3RXcmFwcGVyID0gKHtcbiAgc3R5bGVUeXBlLFxuICBvcGVuLFxuICBzdGF0dXMsXG4gIGlzU2VhcmNoYWJsZSxcbn06IHtcbiAgb3BlbjogYm9vbGVhbjtcbiAgc3R5bGVUeXBlPzogZm9ybUZpZWxkU3R5bGVzO1xuICBzdGF0dXM/OiAnc3VjY2VzcycgfCAnbm9ybWFsJyB8ICdoaW50JyB8ICdlcnJvcic7XG4gIGlzU2VhcmNoYWJsZTogYm9vbGVhbjtcbn0pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4td2lkdGg6ICR7cmVtKDE1MCl9O1xuICBtYXgtd2lkdGg6ICR7cmVtKDYyMCl9O1xuICAmID4gZGl2Om50aC1vZi10eXBlKDEpID4gZGl2IHtcbiAgICAke29wZW4gJiYgc3RhdHVzICE9PSAnZXJyb3InICYmIGBib3JkZXI6IDJweCBzb2xpZCAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAyMDApfTtgfVxuICAgICR7b3BlbiAmJiBzdGF0dXMgIT09ICdlcnJvcicgJiYgc3R5bGVUeXBlID09PSAnb3V0bGluZWQnICYmIGBib3gtc2hhZG93OiBub25lO2B9XG4gIH1cblxuICAqIHtcbiAgICBjdXJzb3I6ICR7IWlzU2VhcmNoYWJsZSAmJiAncG9pbnRlcid9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uQ29udGFpbmVyID0gKFxuICBvcGVuOiBib29sZWFuLFxuICBpc1NlYXJjaGFibGU6IGJvb2xlYW5cbikgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zZm9ybTogcm90YXRlKCR7b3BlbiAmJiAhaXNTZWFyY2hhYmxlID8gJzE4MCcgOiAnMCd9ZGVnKTtcbiAgJHt0cmFuc2l0aW9uKDAuMil9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:selectWrapper;")
+      (0, _react.css)("position:relative;min-width:", (0, _utils.rem)(150), ";max-width:", (0, _utils.rem)(620), ";*{cursor:", !isSearchable && 'pointer', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:selectWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUWlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0cmFuc2l0aW9uIH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IHNlbGVjdFdyYXBwZXIgPSAoe1xuICBpc1NlYXJjaGFibGUsXG59OiB7XG4gIGlzU2VhcmNoYWJsZTogYm9vbGVhbjtcbn0pID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4td2lkdGg6ICR7cmVtKDE1MCl9O1xuICBtYXgtd2lkdGg6ICR7cmVtKDYyMCl9O1xuXG4gICoge1xuICAgIGN1cnNvcjogJHshaXNTZWFyY2hhYmxlICYmICdwb2ludGVyJ307XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCByaWdodEljb25Db250YWluZXIgPSAoXG4gIG9wZW46IGJvb2xlYW4sXG4gIGlzU2VhcmNoYWJsZTogYm9vbGVhblxuKSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNmb3JtOiByb3RhdGUoJHtvcGVuICYmICFpc1NlYXJjaGFibGUgPyAnMTgwJyA6ICcwJ31kZWcpO1xuICAke3RyYW5zaXRpb24oMC4yKX1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:selectWrapper;")
     );
   };
 };
@@ -32,7 +29,7 @@ var rightIconContainer = function rightIconContainer(open, isSearchable) {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("display:flex;cursor:pointer;transform:rotate(", open && !isSearchable ? '180' : '0', "deg);", (0, _functions.transition)(0.2), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rightIconContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0NnQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHJhbnNpdGlvbiB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vdGhlbWUnO1xuaW1wb3J0IHsgZm9ybUZpZWxkU3R5bGVzIH0gZnJvbSAnLi4vLi4vdGhlbWUvcGFsZXR0ZSc7XG5cbmV4cG9ydCBjb25zdCBzZWxlY3RXcmFwcGVyID0gKHtcbiAgc3R5bGVUeXBlLFxuICBvcGVuLFxuICBzdGF0dXMsXG4gIGlzU2VhcmNoYWJsZSxcbn06IHtcbiAgb3BlbjogYm9vbGVhbjtcbiAgc3R5bGVUeXBlPzogZm9ybUZpZWxkU3R5bGVzO1xuICBzdGF0dXM/OiAnc3VjY2VzcycgfCAnbm9ybWFsJyB8ICdoaW50JyB8ICdlcnJvcic7XG4gIGlzU2VhcmNoYWJsZTogYm9vbGVhbjtcbn0pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4td2lkdGg6ICR7cmVtKDE1MCl9O1xuICBtYXgtd2lkdGg6ICR7cmVtKDYyMCl9O1xuICAmID4gZGl2Om50aC1vZi10eXBlKDEpID4gZGl2IHtcbiAgICAke29wZW4gJiYgc3RhdHVzICE9PSAnZXJyb3InICYmIGBib3JkZXI6IDJweCBzb2xpZCAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAyMDApfTtgfVxuICAgICR7b3BlbiAmJiBzdGF0dXMgIT09ICdlcnJvcicgJiYgc3R5bGVUeXBlID09PSAnb3V0bGluZWQnICYmIGBib3gtc2hhZG93OiBub25lO2B9XG4gIH1cblxuICAqIHtcbiAgICBjdXJzb3I6ICR7IWlzU2VhcmNoYWJsZSAmJiAncG9pbnRlcid9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uQ29udGFpbmVyID0gKFxuICBvcGVuOiBib29sZWFuLFxuICBpc1NlYXJjaGFibGU6IGJvb2xlYW5cbikgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zZm9ybTogcm90YXRlKCR7b3BlbiAmJiAhaXNTZWFyY2hhYmxlID8gJzE4MCcgOiAnMCd9ZGVnKTtcbiAgJHt0cmFuc2l0aW9uKDAuMil9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:rightIconContainer;")
+      (0, _react.css)("display:flex;cursor:pointer;transform:rotate(", open && !isSearchable ? '180' : '0', "deg);", (0, _functions.transition)(0.2), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:rightIconContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NlbGVjdC9TZWxlY3Quc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJnQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TZWxlY3QvU2VsZWN0LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHJhbnNpdGlvbiB9IGZyb20gJ3RoZW1lL2Z1bmN0aW9ucyc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBzZWxlY3RXcmFwcGVyID0gKHtcbiAgaXNTZWFyY2hhYmxlLFxufToge1xuICBpc1NlYXJjaGFibGU6IGJvb2xlYW47XG59KSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWluLXdpZHRoOiAke3JlbSgxNTApfTtcbiAgbWF4LXdpZHRoOiAke3JlbSg2MjApfTtcblxuICAqIHtcbiAgICBjdXJzb3I6ICR7IWlzU2VhcmNoYWJsZSAmJiAncG9pbnRlcid9O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgcmlnaHRJY29uQ29udGFpbmVyID0gKFxuICBvcGVuOiBib29sZWFuLFxuICBpc1NlYXJjaGFibGU6IGJvb2xlYW5cbikgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zZm9ybTogcm90YXRlKCR7b3BlbiAmJiAhaXNTZWFyY2hhYmxlID8gJzE4MCcgOiAnMCd9ZGVnKTtcbiAgJHt0cmFuc2l0aW9uKDAuMil9XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:rightIconContainer;")
     );
   };
 };

package/dist/components/TextInputBase/TextInputBase.d.ts

@@ -1,5 +1,6 @@
 import React, { FC } from 'react';
 import { formFieldStyles } from 'theme/palette';
+import { textInputSizes } from './config';
 import { AcceptedIconNames } from 'components/Icon/types';
 export declare type Props = {
     /** The label of the text field that will be used as a placeholder and a label */
@@ -27,7 +28,7 @@ export declare type Props = {
     /** Style of input field */
     styleType?: formFieldStyles;
     /** Sets the size of the textField */
-    size?: 'md' | 'sm';
+    size?: typeof textInputSizes[number];
     /** The status of the button regarding the status which is in - default normal */
     status?: 'success' | 'normal' | 'hint' | 'error';
     /** If the field is used as a Search component */

package/dist/components/TextInputBase/TextInputBase.js

@@ -17,18 +17,6 @@ var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-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 _ref2 = process.env.NODE_ENV === "production" ? {
-  name: "1qy41a0",
-  styles: "display:flex;align-items:center;position:relative;width:fill-available"
-} : {
-  name: "1p9d0zj-TextInputBase",
-  styles: "display:flex;align-items:center;position:relative;width:fill-available;label:TextInputBase;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRJbnB1dEJhc2UvVGV4dElucHV0QmFzZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEVRIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1RleHRJbnB1dEJhc2UvVGV4dElucHV0QmFzZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdXNlVGhlbWUgZnJvbSAnaG9va3MvdXNlVGhlbWUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgZm9ybUZpZWxkU3R5bGVzIH0gZnJvbSAndGhlbWUvcGFsZXR0ZSc7XG5pbXBvcnQgeyBERUZBVUxUX1NJWkUgfSBmcm9tICd1dGlscy9zaXplLXV0aWxzJztcblxuaW1wb3J0IHsgZXJyb3JNc2dTdHlsZSwgdGV4dEZpZWxkU3R5bGUsIHdyYXBwZXJTdHlsZSB9IGZyb20gJy4vVGV4dElucHV0QmFzZS5zdHlsZSc7XG5pbXBvcnQgSWNvbiBmcm9tICdjb21wb25lbnRzL0ljb24nO1xuaW1wb3J0IHsgQWNjZXB0ZWRJY29uTmFtZXMgfSBmcm9tICdjb21wb25lbnRzL0ljb24vdHlwZXMnO1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IHtcbiAgLyoqIFRoZSBsYWJlbCBvZiB0aGUgdGV4dCBmaWVsZCB0aGF0IHdpbGwgYmUgdXNlZCBhcyBhIHBsYWNlaG9sZGVyIGFuZCBhIGxhYmVsICovXG4gIGxhYmVsPzogc3RyaW5nO1xuICAvKiogVGhlIHBsYWNlaG9sZGVyIG9mIHRoZSBpbnB1dCB0aGF0IHdpbGwgYmUgdXNlZC4gVGhpcyBpcyBzaG93biBpZiBubyBsYWJlbCBleGlzdHMgKi9cbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIC8qKiBBbiBvcHRpb25hbCBpY29uIHRvIHNob3cgdG8gdGhlIGxlZnQgKi9cbiAgbGVmdEljb24/OiBBY2NlcHRlZEljb25OYW1lcyB8IEpTWC5FbGVtZW50IHwgbnVsbDtcbiAgLyoqIEFuIG9wdGlvbmFsIGljb24gdG8gc2hvdyB0byB0aGUgcmlnaHQgKi9cbiAgcmlnaHRJY29uPzogQWNjZXB0ZWRJY29uTmFtZXMgfCBKU1guRWxlbWVudCB8IG51bGw7XG4gIC8qKiBJZiB0aGUgdGV4dCBmaWVsZCB2YWx1ZSBpcyByZXF1aXJlZCAqL1xuICByZXF1aXJlZD86IGJvb2xlYW47XG4gIC8qKiBJZiB0aGUgdGV4dCBmaWVsZCBpcyBkaXNhYmxlZCAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKiBJZiB0aGUgdGV4dCBmaWVsZCBpcyBsb2NrZWQuIExvY2tlZCBzdGF0ZSBpcyB1bmlxdWUgdG8gdGhpcyBhbmQgdGhlIHN5c3RlbSAqL1xuICBsb2NrZWQ/OiBib29sZWFuO1xuICAvKiogZGFyayBtb2RlIG9mIHRoZSB0ZXh0IGZpZWxkICovXG4gIGRhcms/OiBib29sZWFuO1xuICAvKiogRXJyb3IgbWVzc2FnZSAqL1xuICBoaW50TXNnPzogUmVhY3QuUmVhY3ROb2RlIHwgc3RyaW5nO1xuICAvKiogdmFsdWUgb2YgdGhlIGlucHV0ICovXG4gIHZhbHVlPzogc3RyaW5nIHwgbnVtYmVyO1xuICAvKiogaWYgdGhlIGlucHV0IHdpbGwgYmUgd2l0aG91dCBkZWZhdWx0IHN0eWxlIGZvciB1c2UgaW5zaWRlIHRoZSBsaWJyYXJ5ICovXG4gIGxlYW4/OiBib29sZWFuO1xuICAvKiogU3R5bGUgb2YgaW5wdXQgZmllbGQgKi9cbiAgc3R5bGVUeXBlPzogZm9ybUZpZWxkU3R5bGVzO1xuICAvKiogU2V0cyB0aGUgc2l6ZSBvZiB0aGUgdGV4dEZpZWxkICovXG4gIHNpemU/OiAnbWQnIHwgJ3NtJztcbiAgLyoqIFRoZSBzdGF0dXMgb2YgdGhlIGJ1dHRvbiByZWdhcmRpbmcgdGhlIHN0YXR1cyB3aGljaCBpcyBpbiAtIGRlZmF1bHQgbm9ybWFsICovXG4gIHN0YXR1cz86ICdzdWNjZXNzJyB8ICdub3JtYWwnIHwgJ2hpbnQnIHwgJ2Vycm9yJztcbiAgLyoqIElmIHRoZSBmaWVsZCBpcyB1c2VkIGFzIGEgU2VhcmNoIGNvbXBvbmVudCAqL1xuICBpc1NlYXJjaD86IGJvb2xlYW47XG59O1xuXG4vKiogVGhpcyBDb21wb25lbnQgaXMgYSB3cmFwcGVyIGZvciBhbGwgcHJpbWl0aXZlcyB0aGF0IGhvbGQgdGV4dCBsaWtlIFNlbGVjdCwgVGV4dEFyZWEsIFRleHRJbnB1dC4gSGVyZSB3ZSBrZWVwIHRoZVxuICogbG9naWMgb2YgYWxsIHRoZSBob3ZlciwgZm9jdXMgc3RhdHVzIGV0YyBhbmQgdGhlIHN0eWxpbmcgb2YgdGhlc2UgY2VudHJhbGl6ZWQgKiovXG5jb25zdCBUZXh0SW5wdXRCYXNlOiBGQzxQcm9wcz4gPSAoe1xuICBsZWZ0SWNvbiA9IG51bGwsXG4gIHJpZ2h0SWNvbixcbiAgbGFiZWwsXG4gIGxlYW4gPSBmYWxzZSxcbiAgaXNTZWFyY2ggPSBmYWxzZSxcbiAgZGlzYWJsZWQsXG4gIGhpbnRNc2csXG4gIHN0eWxlVHlwZSA9ICdmaWxsZWQnLFxuICBzdGF0dXMgPSAnbm9ybWFsJyxcbiAgbG9ja2VkID0gZmFsc2UsXG4gIHNpemUgPSBERUZBVUxUX1NJWkUsXG4gIGRhcmsgPSBmYWxzZSxcbiAgY2hpbGRyZW4sXG59KSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgaGludE1lc3NhZ2VUb1Nob3cgPSBoaW50TXNnICYmIChcbiAgICA8ZGl2IGNzcz17ZXJyb3JNc2dTdHlsZSh7IHN0YXR1cyB9KX0+XG4gICAgICA8SWNvblxuICAgICAgICBjb2xvcj17c3RhdHVzID09PSAnZXJyb3InID8gJ2Vycm9yJyA6IHRoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCA2NTApfVxuICAgICAgICBuYW1lPXtzdGF0dXMgPT09ICdlcnJvcicgPyAnaXNzdWVzJyA6ICdpbmZvJ31cbiAgICAgICAgc2l6ZT17MTJ9XG4gICAgICAvPlxuICAgICAge2hpbnRNc2d9XG4gICAgPC9kaXY+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8UmVhY3QuRnJhZ21lbnQ+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17e1xuICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgICAgICB3aWR0aDogJ2ZpbGwtYXZhaWxhYmxlJyxcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17d3JhcHBlclN0eWxlKHtcbiAgICAgICAgICAgIGRhcmssXG4gICAgICAgICAgICBsb2NrZWQsXG4gICAgICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgICAgIHN0YXR1cyxcbiAgICAgICAgICAgIGxlYW4sXG4gICAgICAgICAgICBzdHlsZVR5cGUsXG4gICAgICAgICAgICBpc1NlYXJjaCxcbiAgICAgICAgICAgIHJpZ2h0SWNvbixcbiAgICAgICAgICAgIHNpemUsXG4gICAgICAgICAgfSl9XG4gICAgICAgID5cbiAgICAgICAgICA8ZGl2IGNzcz17dGV4dEZpZWxkU3R5bGUoeyBzaXplLCBsYWJlbCwgbGVmdEljb24sIGxlYW4gfSl9PntjaGlsZHJlbn08L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIHtoaW50TXNnICYmIHN0YXR1cyAhPT0gJ25vcm1hbCcgJiYgaGludE1lc3NhZ2VUb1Nob3d9XG4gICAgPC9SZWFjdC5GcmFnbWVudD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFRleHRJbnB1dEJhc2U7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-
 /** This Component is a wrapper for all primitives that hold text like Select, TextArea, TextInput. Here we keep the
  * logic of all the hover, focus status etc and the styling of these centralized **/
 var TextInputBase = function TextInputBase(_ref) {
@@ -64,7 +52,7 @@ var TextInputBase = function TextInputBase(_ref) {
     size: 12
   }), hintMsg);
   return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)("div", {
-    css: _ref2
+    css: (0, _TextInputBase.flexContainer)()
   }, (0, _react2.jsx)("div", {
     css: (0, _TextInputBase.wrapperStyle)({
       dark: dark,

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

@@ -1,11 +1,12 @@
 import { SerializedStyles } from '@emotion/react';
 import { Theme } from 'theme';
 import { Props } from './TextInputBase';
+export declare const flexContainer: () => () => SerializedStyles;
 /**
  * this wrapper must remain simple and not mess with children properties as it will be used
  * in custom implementation needed eg: datepicker
  * */
-export declare const wrapperStyle: ({ disabled, locked, status, lean, styleType, dark, isSearch, rightIcon, size, }: Props) => (theme: Theme) => SerializedStyles;
+export declare const wrapperStyle: ({ disabled, locked, status, lean, dark, isSearch, rightIcon, size, }: Props) => (theme: Theme) => SerializedStyles;
 export declare const textFieldStyle: ({ size, label, leftIcon, lean }: Props) => (theme: Theme) => SerializedStyles;
 export declare const inputStyle: ({ label, placeholder, size, dark }: Props) => (theme: Theme) => SerializedStyles;
 export declare const errorMsgStyle: ({ status }: Props) => (theme: Theme) => SerializedStyles;