@codacy/ui-components 0.65.94 → 0.66.0

package/lib/Banner/Banner.js

@@ -35,22 +35,27 @@ var Banner = exports.Banner = function Banner(_ref) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Flexbox.Box, {
       mr: 4,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-        icon: icon || _Symbols.RocketIcon,
-        size: "lg",
-        color: "icon-".concat(variant)
+        icon: icon || function () {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Symbols.RocketIcon, {
+            color: "alerts-".concat(variant, "-icon")
+          });
+        },
+        size: "lg"
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flexbox.Box, {
       flex: 1,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.Subheader, {
         size: "lg",
         mb: 1,
+        color: "alerts-primary-text",
         children: title
       }), description && typeof description === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.Paragraph, {
-        color: "secondary",
+        color: "alerts-secondary-text",
         children: description
       }) : description]
     }), onDismiss && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Banner.StyledCloseButton, {
-      onClick: onDismiss
+      onClick: onDismiss,
+      color: "alerts-primary-icon"
     })]
   }));
 };

package/lib/Banner/Banner.styles.d.ts

@@ -4,10 +4,12 @@ export declare const StyledBanner: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
-    fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, import("../theme").CodacyTheme> | undefined;
+    fontWeight?: import("styled-system").ResponsiveValue<number | import("..").FontWeights, import("..").CodacyTheme> | undefined;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & import("..").FlexboxProps & Pick<BannerProps, "variant">, {}, {}>;
-export declare const StyledCloseButton: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement> & {
+export declare const StyledCloseButton: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<HTMLButtonElement> & {
+    color?: "link-high" | "link-medium" | "link-success" | "link-danger" | "link-warning" | "link-info" | "link-attention" | "link-critical" | "link-minor" | "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "alerts-success-link" | "alerts-success-background" | "alerts-success-border" | "alerts-success-text" | "alerts-success-icon" | "alerts-danger-link" | "alerts-danger-background" | "alerts-danger-border" | "alerts-danger-text" | "alerts-danger-icon" | "alerts-warning-link" | "alerts-warning-background" | "alerts-warning-border" | "alerts-warning-text" | "alerts-warning-icon" | "alerts-info-link" | "alerts-info-background" | "alerts-info-border" | "alerts-info-text" | "alerts-info-icon" | "alerts-attention-link" | "alerts-attention-background" | "alerts-attention-border" | "alerts-attention-text" | "alerts-attention-icon" | "alerts-primary-link" | "alerts-primary-background" | "alerts-primary-border" | "alerts-primary-text" | "alerts-primary-icon" | "alerts-secondary-link" | "alerts-secondary-background" | "alerts-secondary-border" | "alerts-secondary-text" | "alerts-secondary-icon" | "data-color1-enabled" | "data-color1-disabled" | "data-color2-enabled" | "data-color2-disabled" | "data-color3-enabled" | "data-color3-disabled" | "data-color4-enabled" | "data-color4-disabled" | "data-color5-enabled" | "data-color5-disabled" | "data-color6-enabled" | "data-color6-disabled" | "data-color7-enabled" | "data-color7-disabled" | "illustration-neutral1" | "illustration-neutral2" | "illustration-neutral3" | "illustration-neutral4" | "illustration-brand1" | "illustration-brand2" | "illustration-brand3" | "illustration-brand4" | "illustration-brand-inverted" | "icon-info-enabled" | "icon-minor-enabled" | "icon-minor-disabled" | "icon-brand-enabled" | "icon-brand-hover" | "icon-brand-focus" | "icon-brand-pressed" | "icon-brand-disabled" | "icon-danger-enabled" | "icon-danger-hover" | "icon-danger-focus" | "icon-danger-pressed" | "icon-danger-disabled" | "icon-critical-enabled" | "icon-critical-disabled" | "icon-warning-enabled" | "icon-medium-enabled" | "icon-medium-disabled" | "icon-success-enabled" | "icon-success-disabled" | "icon-high-enabled" | "icon-high-disabled" | "icon-attention-enabled" | "icon-enabled" | "icon-hover" | "icon-disabled" | "icon-focus" | "icon-pressed" | "icon-inverted" | "icon-subtle-enabled" | "icon-subtle-hover" | "icon-subtle-focus" | "icon-subtle-pressed" | "icon-subtle-disabled" | "icon-subtle-inverted" | "border-brand-subtle" | "border-brand-enabled" | "border-brand-pressed" | "border-brand-hover" | "border-brand-primary" | "border-brand-disabled" | "border-info-enabled" | "border-minor-enabled" | "border-minor-disabled" | "border-danger-subtle" | "border-danger-enabled" | "border-danger-hover" | "border-danger-focus" | "border-danger-pressed" | "border-critical-enabled" | "border-critical-disabled" | "border-warning-enabled" | "border-medium-enabled" | "border-medium-disabled" | "border-success-enabled" | "border-success-subtle" | "border-attention-enabled" | "border-attention-disabled" | "border-high-enabled" | "border-high-disabled" | "border-inverted" | "border-primary" | "border-subtle-enabled" | "border-subtle-hover" | "border-subtle-focus" | "border-subtle-pressed" | "border-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-info-enabled" | "background-minor-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "background-warning-enabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "background-primary" | "background-secondary" | "background-subtle" | "background-brand-subtle" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-code-subtle-enabled" | "text-code-subtle-disabled" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-code-brand-enabled" | "text-code-brand-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-code-danger" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "effect-elevation-2" | "effect-elevation-1" | "button-text-danger-background-focus" | "button-text-danger-background-disabled" | "button-text-danger-background-enabled" | "button-text-danger-background-hover" | "button-text-danger-background-pressed" | "button-text-danger-border-focus" | "button-text-danger-border-disabled" | "button-text-danger-border-enabled" | "button-text-danger-border-hover" | "button-text-danger-border-pressed" | "button-text-danger-text-focus" | "button-text-danger-text-disabled" | "button-text-danger-text-enabled" | "button-text-danger-text-hover" | "button-text-danger-text-pressed" | "button-text-danger-icon-focus" | "button-text-danger-icon-disabled" | "button-text-danger-icon-enabled" | "button-text-danger-icon-hover" | "button-text-danger-icon-pressed" | "button-text-secondary-background-focus" | "button-text-secondary-background-disabled" | "button-text-secondary-background-enabled" | "button-text-secondary-background-hover" | "button-text-secondary-background-pressed" | "button-text-secondary-border-focus" | "button-text-secondary-border-disabled" | "button-text-secondary-border-enabled" | "button-text-secondary-border-hover" | "button-text-secondary-border-pressed" | "button-text-secondary-text-focus" | "button-text-secondary-text-disabled" | "button-text-secondary-text-enabled" | "button-text-secondary-text-hover" | "button-text-secondary-text-pressed" | "button-text-secondary-icon-focus" | "button-text-secondary-icon-disabled" | "button-text-secondary-icon-enabled" | "button-text-secondary-icon-hover" | "button-text-secondary-icon-pressed" | "button-text-brand-background-focus" | "button-text-brand-background-disabled" | "button-text-brand-background-enabled" | "button-text-brand-background-hover" | "button-text-brand-background-pressed" | "button-text-brand-border-focus" | "button-text-brand-border-disabled" | "button-text-brand-border-enabled" | "button-text-brand-border-hover" | "button-text-brand-border-pressed" | "button-text-brand-text-focus" | "button-text-brand-text-disabled" | "button-text-brand-text-enabled" | "button-text-brand-text-hover" | "button-text-brand-text-pressed" | "button-text-brand-icon-focus" | "button-text-brand-icon-disabled" | "button-text-brand-icon-enabled" | "button-text-brand-icon-hover" | "button-text-brand-icon-pressed" | "button-primary-danger-background-focus" | "button-primary-danger-background-disabled" | "button-primary-danger-background-enabled" | "button-primary-danger-background-hover" | "button-primary-danger-background-pressed" | "button-primary-danger-border-focus" | "button-primary-danger-border-disabled" | "button-primary-danger-border-enabled" | "button-primary-danger-border-hover" | "button-primary-danger-border-pressed" | "button-primary-danger-text-focus" | "button-primary-danger-text-disabled" | "button-primary-danger-text-enabled" | "button-primary-danger-text-hover" | "button-primary-danger-text-pressed" | "button-primary-danger-icon-focus" | "button-primary-danger-icon-disabled" | "button-primary-danger-icon-enabled" | "button-primary-danger-icon-hover" | "button-primary-danger-icon-pressed" | "button-primary-secondary-background-focus" | "button-primary-secondary-background-disabled" | "button-primary-secondary-background-enabled" | "button-primary-secondary-background-hover" | "button-primary-secondary-background-pressed" | "button-primary-secondary-border-focus" | "button-primary-secondary-border-disabled" | "button-primary-secondary-border-enabled" | "button-primary-secondary-border-hover" | "button-primary-secondary-border-pressed" | "button-primary-secondary-text-focus" | "button-primary-secondary-text-disabled" | "button-primary-secondary-text-enabled" | "button-primary-secondary-text-hover" | "button-primary-secondary-text-pressed" | "button-primary-secondary-icon-focus" | "button-primary-secondary-icon-disabled" | "button-primary-secondary-icon-enabled" | "button-primary-secondary-icon-hover" | "button-primary-secondary-icon-pressed" | "button-primary-brand-background-focus" | "button-primary-brand-background-disabled" | "button-primary-brand-background-enabled" | "button-primary-brand-background-hover" | "button-primary-brand-background-pressed" | "button-primary-brand-border-focus" | "button-primary-brand-border-disabled" | "button-primary-brand-border-enabled" | "button-primary-brand-border-hover" | "button-primary-brand-border-pressed" | "button-primary-brand-text-focus" | "button-primary-brand-text-disabled" | "button-primary-brand-text-enabled" | "button-primary-brand-text-hover" | "button-primary-brand-text-pressed" | "button-primary-brand-icon-focus" | "button-primary-brand-icon-disabled" | "button-primary-brand-icon-enabled" | "button-primary-brand-icon-hover" | "button-primary-brand-icon-pressed" | "button-secondary-danger-background-focus" | "button-secondary-danger-background-disabled" | "button-secondary-danger-background-enabled" | "button-secondary-danger-background-hover" | "button-secondary-danger-background-pressed" | "button-secondary-danger-border-focus" | "button-secondary-danger-border-disabled" | "button-secondary-danger-border-enabled" | "button-secondary-danger-border-hover" | "button-secondary-danger-border-pressed" | "button-secondary-danger-text-focus" | "button-secondary-danger-text-disabled" | "button-secondary-danger-text-enabled" | "button-secondary-danger-text-hover" | "button-secondary-danger-text-pressed" | "button-secondary-danger-icon-focus" | "button-secondary-danger-icon-disabled" | "button-secondary-danger-icon-enabled" | "button-secondary-danger-icon-hover" | "button-secondary-danger-icon-pressed" | "button-secondary-secondary-background-focus" | "button-secondary-secondary-background-disabled" | "button-secondary-secondary-background-enabled" | "button-secondary-secondary-background-hover" | "button-secondary-secondary-background-pressed" | "button-secondary-secondary-border-focus" | "button-secondary-secondary-border-disabled" | "button-secondary-secondary-border-enabled" | "button-secondary-secondary-border-hover" | "button-secondary-secondary-border-pressed" | "button-secondary-secondary-text-focus" | "button-secondary-secondary-text-disabled" | "button-secondary-secondary-text-enabled" | "button-secondary-secondary-text-hover" | "button-secondary-secondary-text-pressed" | "button-secondary-secondary-icon-focus" | "button-secondary-secondary-icon-disabled" | "button-secondary-secondary-icon-enabled" | "button-secondary-secondary-icon-hover" | "button-secondary-secondary-icon-pressed" | "button-secondary-brand-background-focus" | "button-secondary-brand-background-disabled" | "button-secondary-brand-background-enabled" | "button-secondary-brand-background-hover" | "button-secondary-brand-background-pressed" | "button-secondary-brand-border-focus" | "button-secondary-brand-border-disabled" | "button-secondary-brand-border-enabled" | "button-secondary-brand-border-hover" | "button-secondary-brand-border-pressed" | "button-secondary-brand-text-focus" | "button-secondary-brand-text-disabled" | "button-secondary-brand-text-enabled" | "button-secondary-brand-text-hover" | "button-secondary-brand-text-pressed" | "button-secondary-brand-icon-focus" | "button-secondary-brand-icon-disabled" | "button-secondary-brand-icon-enabled" | "button-secondary-brand-icon-hover" | "button-secondary-brand-icon-pressed" | "cards-success-link-disabled" | "cards-success-link-enabled" | "cards-success-background-disabled" | "cards-success-background-enabled" | "cards-success-border-disabled" | "cards-success-border-enabled" | "cards-success-text-disabled" | "cards-success-text-enabled" | "cards-success-icon-disabled" | "cards-success-icon-enabled" | "cards-danger-link-disabled" | "cards-danger-link-enabled" | "cards-danger-background-disabled" | "cards-danger-background-enabled" | "cards-danger-border-disabled" | "cards-danger-border-enabled" | "cards-danger-text-disabled" | "cards-danger-text-enabled" | "cards-danger-icon-disabled" | "cards-danger-icon-enabled" | "cards-primary-link-disabled" | "cards-primary-link-enabled" | "cards-primary-background-disabled" | "cards-primary-background-enabled" | "cards-primary-border-disabled" | "cards-primary-border-enabled" | "cards-primary-text-disabled" | "cards-primary-text-enabled" | "cards-primary-icon-disabled" | "cards-primary-icon-enabled" | "cards-secondary-link-disabled" | "cards-secondary-link-enabled" | "cards-secondary-background-disabled" | "cards-secondary-background-enabled" | "cards-secondary-border-disabled" | "cards-secondary-border-enabled" | "cards-secondary-text-disabled" | "cards-secondary-text-enabled" | "cards-secondary-icon-disabled" | "cards-secondary-icon-enabled" | "cards-tertiary-link-disabled" | "cards-tertiary-link-enabled" | "cards-tertiary-background-disabled" | "cards-tertiary-background-enabled" | "cards-tertiary-border-disabled" | "cards-tertiary-border-enabled" | "cards-tertiary-text-disabled" | "cards-tertiary-text-enabled" | "cards-tertiary-icon-disabled" | "cards-tertiary-icon-enabled" | "cards-subtle-link-disabled" | "cards-subtle-link-enabled" | "cards-subtle-background-disabled" | "cards-subtle-background-enabled" | "cards-subtle-border-disabled" | "cards-subtle-border-enabled" | "cards-subtle-text-disabled" | "cards-subtle-text-enabled" | "cards-subtle-icon-disabled" | "cards-subtle-icon-enabled" | "charts-high-link-active" | "charts-high-link-disabled" | "charts-high-link-enabled" | "charts-high-background-active" | "charts-high-background-disabled" | "charts-high-background-enabled" | "charts-high-border-active" | "charts-high-border-disabled" | "charts-high-border-enabled" | "charts-high-text-active" | "charts-high-text-disabled" | "charts-high-text-enabled" | "charts-high-icon-active" | "charts-high-icon-disabled" | "charts-high-icon-enabled" | "charts-high-iconLink-active" | "charts-high-iconLink-disabled" | "charts-high-iconLink-enabled" | "charts-medium-link-active" | "charts-medium-link-disabled" | "charts-medium-link-enabled" | "charts-medium-background-active" | "charts-medium-background-disabled" | "charts-medium-background-enabled" | "charts-medium-border-active" | "charts-medium-border-disabled" | "charts-medium-border-enabled" | "charts-medium-text-active" | "charts-medium-text-disabled" | "charts-medium-text-enabled" | "charts-medium-icon-active" | "charts-medium-icon-disabled" | "charts-medium-icon-enabled" | "charts-medium-iconLink-active" | "charts-medium-iconLink-disabled" | "charts-medium-iconLink-enabled" | "charts-success-link-active" | "charts-success-link-disabled" | "charts-success-link-enabled" | "charts-success-background-active" | "charts-success-background-disabled" | "charts-success-background-enabled" | "charts-success-border-active" | "charts-success-border-disabled" | "charts-success-border-enabled" | "charts-success-text-active" | "charts-success-text-disabled" | "charts-success-text-enabled" | "charts-success-icon-active" | "charts-success-icon-disabled" | "charts-success-icon-enabled" | "charts-success-iconLink-active" | "charts-success-iconLink-disabled" | "charts-success-iconLink-enabled" | "charts-danger-link-active" | "charts-danger-link-disabled" | "charts-danger-link-enabled" | "charts-danger-background-active" | "charts-danger-background-disabled" | "charts-danger-background-enabled" | "charts-danger-border-active" | "charts-danger-border-disabled" | "charts-danger-border-enabled" | "charts-danger-text-active" | "charts-danger-text-disabled" | "charts-danger-text-enabled" | "charts-danger-icon-active" | "charts-danger-icon-disabled" | "charts-danger-icon-enabled" | "charts-danger-iconLink-active" | "charts-danger-iconLink-disabled" | "charts-danger-iconLink-enabled" | "charts-warning-link-active" | "charts-warning-link-disabled" | "charts-warning-link-enabled" | "charts-warning-background-active" | "charts-warning-background-disabled" | "charts-warning-background-enabled" | "charts-warning-border-active" | "charts-warning-border-disabled" | "charts-warning-border-enabled" | "charts-warning-text-active" | "charts-warning-text-disabled" | "charts-warning-text-enabled" | "charts-warning-icon-active" | "charts-warning-icon-disabled" | "charts-warning-icon-enabled" | "charts-warning-iconLink-active" | "charts-warning-iconLink-disabled" | "charts-warning-iconLink-enabled" | "charts-info-link-active" | "charts-info-link-disabled" | "charts-info-link-enabled" | "charts-info-background-active" | "charts-info-background-disabled" | "charts-info-background-enabled" | "charts-info-border-active" | "charts-info-border-disabled" | "charts-info-border-enabled" | "charts-info-text-active" | "charts-info-text-disabled" | "charts-info-text-enabled" | "charts-info-icon-active" | "charts-info-icon-disabled" | "charts-info-icon-enabled" | "charts-info-iconLink-active" | "charts-info-iconLink-disabled" | "charts-info-iconLink-enabled" | "charts-attention-link-active" | "charts-attention-link-disabled" | "charts-attention-link-enabled" | "charts-attention-background-active" | "charts-attention-background-disabled" | "charts-attention-background-enabled" | "charts-attention-border-active" | "charts-attention-border-disabled" | "charts-attention-border-enabled" | "charts-attention-text-active" | "charts-attention-text-disabled" | "charts-attention-text-enabled" | "charts-attention-icon-active" | "charts-attention-icon-disabled" | "charts-attention-icon-enabled" | "charts-attention-iconLink-active" | "charts-attention-iconLink-disabled" | "charts-attention-iconLink-enabled" | "charts-critical-link-active" | "charts-critical-link-disabled" | "charts-critical-link-enabled" | "charts-critical-background-active" | "charts-critical-background-disabled" | "charts-critical-background-enabled" | "charts-critical-border-active" | "charts-critical-border-disabled" | "charts-critical-border-enabled" | "charts-critical-text-active" | "charts-critical-text-disabled" | "charts-critical-text-enabled" | "charts-critical-icon-active" | "charts-critical-icon-disabled" | "charts-critical-icon-enabled" | "charts-critical-iconLink-active" | "charts-critical-iconLink-disabled" | "charts-critical-iconLink-enabled" | "charts-minor-link-active" | "charts-minor-link-disabled" | "charts-minor-link-enabled" | "charts-minor-background-active" | "charts-minor-background-disabled" | "charts-minor-background-enabled" | "charts-minor-border-active" | "charts-minor-border-disabled" | "charts-minor-border-enabled" | "charts-minor-text-active" | "charts-minor-text-disabled" | "charts-minor-text-enabled" | "charts-minor-icon-active" | "charts-minor-icon-disabled" | "charts-minor-icon-enabled" | "charts-minor-iconLink-active" | "charts-minor-iconLink-disabled" | "charts-minor-iconLink-enabled" | "charts-primary-link-active" | "charts-primary-link-disabled" | "charts-primary-link-enabled" | "charts-primary-background-active" | "charts-primary-background-disabled" | "charts-primary-background-enabled" | "charts-primary-border-active" | "charts-primary-border-disabled" | "charts-primary-border-enabled" | "charts-primary-text-active" | "charts-primary-text-disabled" | "charts-primary-text-enabled" | "charts-primary-icon-active" | "charts-primary-icon-disabled" | "charts-primary-icon-enabled" | "charts-primary-iconLink-active" | "charts-primary-iconLink-disabled" | "charts-primary-iconLink-enabled" | "charts-secondary-link-active" | "charts-secondary-link-disabled" | "charts-secondary-link-enabled" | "charts-secondary-background-active" | "charts-secondary-background-disabled" | "charts-secondary-background-enabled" | "charts-secondary-border-active" | "charts-secondary-border-disabled" | "charts-secondary-border-enabled" | "charts-secondary-text-active" | "charts-secondary-text-disabled" | "charts-secondary-text-enabled" | "charts-secondary-icon-active" | "charts-secondary-icon-disabled" | "charts-secondary-icon-enabled" | "charts-secondary-iconLink-active" | "charts-secondary-iconLink-disabled" | "charts-secondary-iconLink-enabled" | "charts-tertiary-link-active" | "charts-tertiary-link-disabled" | "charts-tertiary-link-enabled" | "charts-tertiary-background-active" | "charts-tertiary-background-disabled" | "charts-tertiary-background-enabled" | "charts-tertiary-border-active" | "charts-tertiary-border-disabled" | "charts-tertiary-border-enabled" | "charts-tertiary-text-active" | "charts-tertiary-text-disabled" | "charts-tertiary-text-enabled" | "charts-tertiary-icon-active" | "charts-tertiary-icon-disabled" | "charts-tertiary-icon-enabled" | "charts-tertiary-iconLink-active" | "charts-tertiary-iconLink-disabled" | "charts-tertiary-iconLink-enabled" | "charts-subtle-link-active" | "charts-subtle-link-disabled" | "charts-subtle-link-enabled" | "charts-subtle-background-active" | "charts-subtle-background-disabled" | "charts-subtle-background-enabled" | "charts-subtle-border-active" | "charts-subtle-border-disabled" | "charts-subtle-border-enabled" | "charts-subtle-text-active" | "charts-subtle-text-disabled" | "charts-subtle-text-enabled" | "charts-subtle-icon-active" | "charts-subtle-icon-disabled" | "charts-subtle-icon-enabled" | "charts-subtle-iconLink-active" | "charts-subtle-iconLink-disabled" | "charts-subtle-iconLink-enabled" | "charts-value2-link-active" | "charts-value2-link-disabled" | "charts-value2-link-enabled" | "charts-value2-background-active" | "charts-value2-background-disabled" | "charts-value2-background-enabled" | "charts-value2-border-active" | "charts-value2-border-disabled" | "charts-value2-border-enabled" | "charts-value2-text-active" | "charts-value2-text-disabled" | "charts-value2-text-enabled" | "charts-value2-icon-active" | "charts-value2-icon-disabled" | "charts-value2-icon-enabled" | "charts-value2-iconLink-active" | "charts-value2-iconLink-disabled" | "charts-value2-iconLink-enabled" | "charts-value1-link-active" | "charts-value1-link-disabled" | "charts-value1-link-enabled" | "charts-value1-background-active" | "charts-value1-background-disabled" | "charts-value1-background-enabled" | "charts-value1-border-active" | "charts-value1-border-disabled" | "charts-value1-border-enabled" | "charts-value1-text-active" | "charts-value1-text-disabled" | "charts-value1-text-enabled" | "charts-value1-icon-active" | "charts-value1-icon-disabled" | "charts-value1-icon-enabled" | "charts-value1-iconLink-active" | "charts-value1-iconLink-disabled" | "charts-value1-iconLink-enabled" | "charts-value3-link-active" | "charts-value3-link-disabled" | "charts-value3-link-enabled" | "charts-value3-background-active" | "charts-value3-background-disabled" | "charts-value3-background-enabled" | "charts-value3-border-active" | "charts-value3-border-disabled" | "charts-value3-border-enabled" | "charts-value3-text-active" | "charts-value3-text-disabled" | "charts-value3-text-enabled" | "charts-value3-icon-active" | "charts-value3-icon-disabled" | "charts-value3-icon-enabled" | "charts-value3-iconLink-active" | "charts-value3-iconLink-disabled" | "charts-value3-iconLink-enabled" | "charts-value4-link-active" | "charts-value4-link-disabled" | "charts-value4-link-enabled" | "charts-value4-background-active" | "charts-value4-background-disabled" | "charts-value4-background-enabled" | "charts-value4-border-active" | "charts-value4-border-disabled" | "charts-value4-border-enabled" | "charts-value4-text-active" | "charts-value4-text-disabled" | "charts-value4-text-enabled" | "charts-value4-icon-active" | "charts-value4-icon-disabled" | "charts-value4-icon-enabled" | "charts-value4-iconLink-active" | "charts-value4-iconLink-disabled" | "charts-value4-iconLink-enabled" | "charts-value5-link-active" | "charts-value5-link-disabled" | "charts-value5-link-enabled" | "charts-value5-background-active" | "charts-value5-background-disabled" | "charts-value5-background-enabled" | "charts-value5-border-active" | "charts-value5-border-disabled" | "charts-value5-border-enabled" | "charts-value5-text-active" | "charts-value5-text-disabled" | "charts-value5-text-enabled" | "charts-value5-icon-active" | "charts-value5-icon-disabled" | "charts-value5-icon-enabled" | "charts-value5-iconLink-active" | "charts-value5-iconLink-disabled" | "charts-value5-iconLink-enabled" | "charts-value6-link-active" | "charts-value6-link-disabled" | "charts-value6-link-enabled" | "charts-value6-background-active" | "charts-value6-background-disabled" | "charts-value6-background-enabled" | "charts-value6-border-active" | "charts-value6-border-disabled" | "charts-value6-border-enabled" | "charts-value6-text-active" | "charts-value6-text-disabled" | "charts-value6-text-enabled" | "charts-value6-icon-active" | "charts-value6-icon-disabled" | "charts-value6-icon-enabled" | "charts-value6-iconLink-active" | "charts-value6-iconLink-disabled" | "charts-value6-iconLink-enabled" | "charts-value7-link-active" | "charts-value7-link-disabled" | "charts-value7-link-enabled" | "charts-value7-background-active" | "charts-value7-background-disabled" | "charts-value7-background-enabled" | "charts-value7-border-active" | "charts-value7-border-disabled" | "charts-value7-border-enabled" | "charts-value7-text-active" | "charts-value7-text-disabled" | "charts-value7-text-enabled" | "charts-value7-icon-active" | "charts-value7-icon-disabled" | "charts-value7-icon-enabled" | "charts-value7-iconLink-active" | "charts-value7-iconLink-disabled" | "charts-value7-iconLink-enabled" | "label-default-background" | "label-default-text" | "label-default-icon" | "label-high-background" | "label-high-text" | "label-high-icon" | "label-medium-background" | "label-medium-text" | "label-medium-icon" | "label-success-background" | "label-success-text" | "label-success-icon" | "label-danger-background" | "label-danger-text" | "label-danger-icon" | "label-warning-background" | "label-warning-text" | "label-warning-icon" | "label-info-background" | "label-info-text" | "label-info-icon" | "label-attention-background" | "label-attention-text" | "label-attention-icon" | "label-critical-background" | "label-critical-text" | "label-critical-icon" | "label-minor-background" | "label-minor-text" | "label-minor-icon" | "checkboxInput-primary-background-active" | "checkboxInput-primary-background-disabled" | "checkboxInput-primary-background-enabled" | "checkboxInput-primary-border-active" | "checkboxInput-primary-border-disabled" | "checkboxInput-primary-border-enabled" | "checkboxInput-primary-text-active" | "checkboxInput-primary-text-disabled" | "checkboxInput-primary-text-enabled" | "checkboxInput-primary-icon-active" | "checkboxInput-primary-icon-disabled" | "checkboxInput-primary-icon-enabled" | "checkboxInput-secondary-background-active" | "checkboxInput-secondary-background-disabled" | "checkboxInput-secondary-background-enabled" | "checkboxInput-secondary-border-active" | "checkboxInput-secondary-border-disabled" | "checkboxInput-secondary-border-enabled" | "checkboxInput-secondary-text-active" | "checkboxInput-secondary-text-disabled" | "checkboxInput-secondary-text-enabled" | "checkboxInput-secondary-icon-active" | "checkboxInput-secondary-icon-disabled" | "checkboxInput-secondary-icon-enabled" | "listOrb-primary-background" | "listOrb-primary-text" | "listOrb-primary-icon" | "listOrb-secondary-background" | "listOrb-secondary-text" | "listOrb-secondary-icon" | "stepper-text-complete" | "stepper-text-current" | "stepper-text-incomplete" | "stepper-icon-complete" | "stepper-icon-current" | "stepper-icon-incomplete" | "selector-base-background-disabled" | "selector-base-background-enabled" | "selector-base-background-hover" | "selector-base-background-unselected" | "selector-base-border-disabled" | "selector-base-border-enabled" | "selector-base-border-hover" | "selector-base-border-unselected" | "selector-base-text-disabled" | "selector-base-text-enabled" | "selector-base-text-hover" | "selector-base-text-unselected" | "selector-base-icon-disabled" | "selector-base-icon-enabled" | "selector-base-icon-hover" | "selector-base-icon-unselected" | "selector-slider-background-disabled" | "selector-slider-background-enabled" | "selector-slider-background-hover" | "selector-slider-background-unselected" | "selector-slider-border-disabled" | "selector-slider-border-enabled" | "selector-slider-border-hover" | "selector-slider-border-unselected" | "selector-slider-text-disabled" | "selector-slider-text-enabled" | "selector-slider-text-hover" | "selector-slider-text-unselected" | "selector-slider-icon-disabled" | "selector-slider-icon-enabled" | "selector-slider-icon-hover" | "selector-slider-icon-unselected" | "input-background-error" | "input-background-focus" | "input-background-disabled" | "input-background-enabled" | "input-background-hover" | "input-border-error" | "input-border-focus" | "input-border-disabled" | "input-border-enabled" | "input-border-hover" | "input-label-error" | "input-label-focus" | "input-label-disabled" | "input-label-enabled" | "input-label-hover" | "input-text-error" | "input-text-focus" | "input-text-disabled" | "input-text-enabled" | "input-text-hover" | "input-icon-error" | "input-icon-focus" | "input-icon-disabled" | "input-icon-enabled" | "input-icon-hover" | "input-placeholder-error" | "input-placeholder-focus" | "input-placeholder-disabled" | "input-placeholder-enabled" | "input-placeholder-hover" | "input-helper-error" | "input-helper-focus" | "input-helper-disabled" | "input-helper-enabled" | "input-helper-hover" | "loading-background" | "divider-enabled" | "issues-high-code-expanded" | "issues-high-code-collapsed" | "issues-high-background-expanded" | "issues-high-background-collapsed" | "issues-high-border-expanded" | "issues-high-border-collapsed" | "issues-high-line-expanded" | "issues-high-line-collapsed" | "issues-medium-code-expanded" | "issues-medium-code-collapsed" | "issues-medium-background-expanded" | "issues-medium-background-collapsed" | "issues-medium-border-expanded" | "issues-medium-border-collapsed" | "issues-medium-line-expanded" | "issues-medium-line-collapsed" | "issues-critical-code-expanded" | "issues-critical-code-collapsed" | "issues-critical-background-expanded" | "issues-critical-background-collapsed" | "issues-critical-border-expanded" | "issues-critical-border-collapsed" | "issues-critical-line-expanded" | "issues-critical-line-collapsed" | "issues-minor-code-expanded" | "issues-minor-code-collapsed" | "issues-minor-background-expanded" | "issues-minor-background-collapsed" | "issues-minor-border-expanded" | "issues-minor-border-collapsed" | "issues-minor-line-expanded" | "issues-minor-line-collapsed" | "tabs-border-active" | "tabs-border-disabled" | "tabs-border-enabled" | "tabs-text-active" | "tabs-text-disabled" | "tabs-text-enabled" | "tabs-icon-active" | "tabs-icon-disabled" | "tabs-icon-enabled" | "drawer-item-background-active" | "drawer-item-background-disabled" | "drawer-item-background-enabled" | "drawer-item-background-hover" | "drawer-item-border-active" | "drawer-item-border-disabled" | "drawer-item-border-enabled" | "drawer-item-border-hover" | "drawer-item-text-active" | "drawer-item-text-disabled" | "drawer-item-text-enabled" | "drawer-item-text-hover" | "drawer-item-icon-active" | "drawer-item-icon-disabled" | "drawer-item-icon-enabled" | "drawer-item-icon-hover" | "drawer-body-background-active" | "drawer-body-background-disabled" | "drawer-body-background-enabled" | "drawer-body-background-hover" | "drawer-body-border-active" | "drawer-body-border-disabled" | "drawer-body-border-enabled" | "drawer-body-border-hover" | "drawer-body-text-active" | "drawer-body-text-disabled" | "drawer-body-text-enabled" | "drawer-body-text-hover" | "drawer-body-icon-active" | "drawer-body-icon-disabled" | "drawer-body-icon-enabled" | "drawer-body-icon-hover" | "filter-background-active" | "filter-background-disabled" | "filter-background-enabled" | "filter-border-active" | "filter-border-disabled" | "filter-border-enabled" | "filter-text-active" | "filter-text-disabled" | "filter-text-enabled" | "filter-icon-active" | "filter-icon-disabled" | "filter-icon-enabled" | "modal-body-background" | "modal-body-text" | "modal-backdrop-background" | "modal-backdrop-text" | "tables-link-active" | "tables-link-enabled" | "tables-link-hover" | "tables-background-active" | "tables-background-enabled" | "tables-background-hover" | "tables-border-active" | "tables-border-enabled" | "tables-border-hover" | "tables-text-active" | "tables-text-enabled" | "tables-text-hover" | "tables-icon-active" | "tables-icon-enabled" | "tables-icon-hover" | "navigation-left-menu-item-background-active" | "navigation-left-menu-item-background-enabled" | "navigation-left-menu-item-background-hover" | "navigation-left-menu-item-text-active" | "navigation-left-menu-item-text-enabled" | "navigation-left-menu-item-text-hover" | "navigation-left-menu-wrapper-background-active" | "navigation-left-menu-wrapper-background-enabled" | "navigation-left-menu-wrapper-background-hover" | "navigation-left-menu-wrapper-text-active" | "navigation-left-menu-wrapper-text-enabled" | "navigation-left-menu-wrapper-text-hover" | "navigation-top-bar-item-background-active" | "navigation-top-bar-item-background-enabled" | "navigation-top-bar-item-background-hover" | "navigation-top-bar-item-text-active" | "navigation-top-bar-item-text-enabled" | "navigation-top-bar-item-text-hover" | "navigation-top-bar-wrapper-background-active" | "navigation-top-bar-wrapper-background-enabled" | "navigation-top-bar-wrapper-background-hover" | "navigation-top-bar-wrapper-text-active" | "navigation-top-bar-wrapper-text-enabled" | "navigation-top-bar-wrapper-text-hover" | undefined;
+} & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/lib/Banner/Banner.styles.js

@@ -20,8 +20,8 @@ var StyledBanner = exports.StyledBanner = /*#__PURE__*/(0, _base["default"])(_Fl
   var theme = _ref.theme,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'info' : _ref$variant;
-  return /*#__PURE__*/(0, _react.css)("background:", theme.colors[variant === 'info' ? 'background-secondary' : "background-".concat(variant)], ";border:1px solid ", theme.colors[variant === 'info' ? "border-brand-primary" : "border-".concat(variant)], ";border-radius:", theme.radii[1], ";box-shadow:", theme.shadows[0], ";position:relative;", _Link.StyledLink, "{color:", theme.colors["text-".concat(variant)], ";font-weight:", theme.fontWeights['semi-bold'], ";&:hover{color:", theme.colors["".concat(variant, "-hover")], ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:codacy;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXIvQmFubmVyLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTd0MiLCJmaWxlIjoiLi4vLi4vc3JjL0Jhbm5lci9CYW5uZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBDb2xvciB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBDbG9zZUJ1dHRvbiB9IGZyb20gJy4uL0Nsb3NlQnV0dG9uJ1xuaW1wb3J0IHsgQmFubmVyUHJvcHMgfSBmcm9tICcuL0Jhbm5lci50eXBlcydcbmltcG9ydCB7IFN0eWxlZExpbmsgfSBmcm9tICcuLi9MaW5rJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYW5uZXIgPSBzdHlsZWQoRmxleCk8UGljazxCYW5uZXJQcm9wcywgJ3ZhcmlhbnQnPj5gXG4gICR7KHsgdGhlbWUsIHZhcmlhbnQgPSAnaW5mbycgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzW3ZhcmlhbnQgPT09ICdpbmZvJyA/ICdiYWNrZ3JvdW5kLXNlY29uZGFyeScgOiAoYGJhY2tncm91bmQtJHt2YXJpYW50fWAgYXMgQ29sb3IpXX07XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnNbdmFyaWFudCA9PT0gJ2luZm8nID8gYGJvcmRlci1icmFuZC1wcmltYXJ5YCA6IChgYm9yZGVyLSR7dmFyaWFudH1gIGFzIENvbG9yKV19O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWlbMV19O1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93c1swXX07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJHtTdHlsZWRMaW5rfSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnNbYHRleHQtJHt2YXJpYW50fWBdfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLmZvbnRXZWlnaHRzWydzZW1pLWJvbGQnXX07XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnNbYCR7dmFyaWFudH0taG92ZXJgXX07XG4gICAgICB9XG4gICAgfVxuICBgfVxuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2xvc2VCdXR0b24gPSBzdHlsZWQoQ2xvc2VCdXR0b24pYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMXJlbTtcbiAgcmlnaHQ6IDFyZW07XG5gXG4iXX0= */");
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXIvQmFubmVyLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRc0UiLCJmaWxlIjoiLi4vLi4vc3JjL0Jhbm5lci9CYW5uZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBDb2xvciB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBDbG9zZUJ1dHRvbiB9IGZyb20gJy4uL0Nsb3NlQnV0dG9uJ1xuaW1wb3J0IHsgQmFubmVyUHJvcHMgfSBmcm9tICcuL0Jhbm5lci50eXBlcydcbmltcG9ydCB7IFN0eWxlZExpbmsgfSBmcm9tICcuLi9MaW5rJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYW5uZXIgPSBzdHlsZWQoRmxleCk8UGljazxCYW5uZXJQcm9wcywgJ3ZhcmlhbnQnPj5gXG4gICR7KHsgdGhlbWUsIHZhcmlhbnQgPSAnaW5mbycgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzW3ZhcmlhbnQgPT09ICdpbmZvJyA/ICdiYWNrZ3JvdW5kLXNlY29uZGFyeScgOiAoYGJhY2tncm91bmQtJHt2YXJpYW50fWAgYXMgQ29sb3IpXX07XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnNbdmFyaWFudCA9PT0gJ2luZm8nID8gYGJvcmRlci1icmFuZC1wcmltYXJ5YCA6IChgYm9yZGVyLSR7dmFyaWFudH1gIGFzIENvbG9yKV19O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWlbMV19O1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93c1swXX07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJHtTdHlsZWRMaW5rfSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnNbYHRleHQtJHt2YXJpYW50fWBdfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLmZvbnRXZWlnaHRzWydzZW1pLWJvbGQnXX07XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnNbYCR7dmFyaWFudH0taG92ZXJgXX07XG4gICAgICB9XG4gICAgfVxuICBgfVxuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2xvc2VCdXR0b24gPSBzdHlsZWQoQ2xvc2VCdXR0b24pYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMXJlbTtcbiAgcmlnaHQ6IDFyZW07XG5gXG4iXX0= */"));
+  return /*#__PURE__*/(0, _react.css)("background:", theme.colors["alerts-".concat(variant, "-background")], ";border:1px solid ", theme.colors["alerts-".concat(variant, "-border")], ";border-radius:", theme.radii[1], ";box-shadow:", theme.shadows[0], ";position:relative;", _Link.StyledLink, "{color:", theme.colors["alerts-primary-link"], ";font-weight:", theme.fontWeights['semi-bold'], ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:codacy;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXIvQmFubmVyLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRd0MiLCJmaWxlIjoiLi4vLi4vc3JjL0Jhbm5lci9CYW5uZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IENsb3NlQnV0dG9uIH0gZnJvbSAnLi4vQ2xvc2VCdXR0b24nXG5pbXBvcnQgeyBCYW5uZXJQcm9wcyB9IGZyb20gJy4vQmFubmVyLnR5cGVzJ1xuaW1wb3J0IHsgU3R5bGVkTGluayB9IGZyb20gJy4uL0xpbmsnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhbm5lciA9IHN0eWxlZChGbGV4KTxQaWNrPEJhbm5lclByb3BzLCAndmFyaWFudCc+PmBcbiAgJHsoeyB0aGVtZSwgdmFyaWFudCA9ICdpbmZvJyB9KSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnNbYGFsZXJ0cy0ke3ZhcmlhbnR9LWJhY2tncm91bmRgXX07XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnNbYGFsZXJ0cy0ke3ZhcmlhbnR9LWJvcmRlcmBdfTtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpWzFdfTtcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3NbMF19O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICR7U3R5bGVkTGlua30ge1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzW2BhbGVydHMtcHJpbWFyeS1saW5rYF19O1xuICAgICAgZm9udC13ZWlnaHQ6ICR7dGhlbWUuZm9udFdlaWdodHNbJ3NlbWktYm9sZCddfTtcbiAgICB9XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDbG9zZUJ1dHRvbiA9IHN0eWxlZChDbG9zZUJ1dHRvbilgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxcmVtO1xuICByaWdodDogMXJlbTtcbmBcbiJdfQ== */");
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXIvQmFubmVyLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPc0UiLCJmaWxlIjoiLi4vLi4vc3JjL0Jhbm5lci9CYW5uZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IENsb3NlQnV0dG9uIH0gZnJvbSAnLi4vQ2xvc2VCdXR0b24nXG5pbXBvcnQgeyBCYW5uZXJQcm9wcyB9IGZyb20gJy4vQmFubmVyLnR5cGVzJ1xuaW1wb3J0IHsgU3R5bGVkTGluayB9IGZyb20gJy4uL0xpbmsnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhbm5lciA9IHN0eWxlZChGbGV4KTxQaWNrPEJhbm5lclByb3BzLCAndmFyaWFudCc+PmBcbiAgJHsoeyB0aGVtZSwgdmFyaWFudCA9ICdpbmZvJyB9KSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnNbYGFsZXJ0cy0ke3ZhcmlhbnR9LWJhY2tncm91bmRgXX07XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnNbYGFsZXJ0cy0ke3ZhcmlhbnR9LWJvcmRlcmBdfTtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpWzFdfTtcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3NbMF19O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICR7U3R5bGVkTGlua30ge1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzW2BhbGVydHMtcHJpbWFyeS1saW5rYF19O1xuICAgICAgZm9udC13ZWlnaHQ6ICR7dGhlbWUuZm9udFdlaWdodHNbJ3NlbWktYm9sZCddfTtcbiAgICB9XG4gIGB9XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDbG9zZUJ1dHRvbiA9IHN0eWxlZChDbG9zZUJ1dHRvbilgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxcmVtO1xuICByaWdodDogMXJlbTtcbmBcbiJdfQ== */"));
 var StyledCloseButton = exports.StyledCloseButton = /*#__PURE__*/(0, _base["default"])(_CloseButton.CloseButton, process.env.NODE_ENV === "production" ? {
   target: "e1opnk9v0"
 } : {
@@ -33,6 +33,6 @@ var StyledCloseButton = exports.StyledCloseButton = /*#__PURE__*/(0, _base["defa
 } : {
   name: "nd2ame",
   styles: "position:absolute;top:1rem;right:1rem",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXIvQmFubmVyLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQm9EIiwiZmlsZSI6Ii4uLy4uL3NyYy9CYW5uZXIvQmFubmVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQ29sb3IgfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgQ2xvc2VCdXR0b24gfSBmcm9tICcuLi9DbG9zZUJ1dHRvbidcbmltcG9ydCB7IEJhbm5lclByb3BzIH0gZnJvbSAnLi9CYW5uZXIudHlwZXMnXG5pbXBvcnQgeyBTdHlsZWRMaW5rIH0gZnJvbSAnLi4vTGluaydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFubmVyID0gc3R5bGVkKEZsZXgpPFBpY2s8QmFubmVyUHJvcHMsICd2YXJpYW50Jz4+YFxuICAkeyh7IHRoZW1lLCB2YXJpYW50ID0gJ2luZm8nIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9yc1t2YXJpYW50ID09PSAnaW5mbycgPyAnYmFja2dyb3VuZC1zZWNvbmRhcnknIDogKGBiYWNrZ3JvdW5kLSR7dmFyaWFudH1gIGFzIENvbG9yKV19O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzW3ZhcmlhbnQgPT09ICdpbmZvJyA/IGBib3JkZXItYnJhbmQtcHJpbWFyeWAgOiAoYGJvcmRlci0ke3ZhcmlhbnR9YCBhcyBDb2xvcildfTtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpWzFdfTtcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3NbMF19O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICR7U3R5bGVkTGlua30ge1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzW2B0ZXh0LSR7dmFyaWFudH1gXX07XG4gICAgICBmb250LXdlaWdodDogJHt0aGVtZS5mb250V2VpZ2h0c1snc2VtaS1ib2xkJ119O1xuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzW2Ake3ZhcmlhbnR9LWhvdmVyYF19O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENsb3NlQnV0dG9uID0gc3R5bGVkKENsb3NlQnV0dG9uKWBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDFyZW07XG4gIHJpZ2h0OiAxcmVtO1xuYFxuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXIvQmFubmVyLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQm9EIiwiZmlsZSI6Ii4uLy4uL3NyYy9CYW5uZXIvQmFubmVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBDbG9zZUJ1dHRvbiB9IGZyb20gJy4uL0Nsb3NlQnV0dG9uJ1xuaW1wb3J0IHsgQmFubmVyUHJvcHMgfSBmcm9tICcuL0Jhbm5lci50eXBlcydcbmltcG9ydCB7IFN0eWxlZExpbmsgfSBmcm9tICcuLi9MaW5rJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYW5uZXIgPSBzdHlsZWQoRmxleCk8UGljazxCYW5uZXJQcm9wcywgJ3ZhcmlhbnQnPj5gXG4gICR7KHsgdGhlbWUsIHZhcmlhbnQgPSAnaW5mbycgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzW2BhbGVydHMtJHt2YXJpYW50fS1iYWNrZ3JvdW5kYF19O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzW2BhbGVydHMtJHt2YXJpYW50fS1ib3JkZXJgXX07XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaVsxXX07XG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzWzBdfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAke1N0eWxlZExpbmt9IHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9yc1tgYWxlcnRzLXByaW1hcnktbGlua2BdfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLmZvbnRXZWlnaHRzWydzZW1pLWJvbGQnXX07XG4gICAgfVxuICBgfVxuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2xvc2VCdXR0b24gPSBzdHlsZWQoQ2xvc2VCdXR0b24pYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMXJlbTtcbiAgcmlnaHQ6IDFyZW07XG5gXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });

package/lib/Bannerol/Bannerol.js

@@ -40,21 +40,22 @@ var Bannerol = exports.Bannerol = function Bannerol(_ref) {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         icon: icon,
         size: "lg",
-        color: "icon-".concat(variant)
+        color: "alerts-".concat(variant, "-icon")
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flexbox.Box, {
       flex: 1,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.Subheader, {
         size: "lg",
+        color: "alerts-primary-text",
         mb: 1,
         children: title
       }), description && typeof description === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.Paragraph, {
-        color: "secondary",
+        color: "alerts-secondary-text",
         children: description
       }) : description]
     }), action && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
       variant: "primary",
-      color: variant === 'danger' ? 'danger' : 'primary',
+      color: variant === 'danger' ? 'danger' : 'brand',
       onClick: action.onClick,
       rightIcon: action.rightIcon,
       leftIcon: action.leftIcon,

package/lib/Bannerol/Bannerol.styles.d.ts

@@ -4,7 +4,7 @@ export declare const StyledBannerol: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
-    fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, import("../theme").CodacyTheme> | undefined;
+    fontWeight?: import("styled-system").ResponsiveValue<number | import("..").FontWeights, import("..").CodacyTheme> | undefined;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & import("..").FlexboxProps & Pick<BannerolProps, "variant">, {}, {}>;

package/lib/Bannerol/Bannerol.styles.js

@@ -18,5 +18,5 @@ var StyledBannerol = exports.StyledBannerol = /*#__PURE__*/(0, _base["default"])
   var theme = _ref.theme,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'info' : _ref$variant;
-  return /*#__PURE__*/(0, _react.css)("background:", theme.colors[variant === 'info' ? 'background-brand' : "background-".concat(variant)], ";border-radius:", theme.radii[1], ";box-shadow:", theme.shadows[0], ";position:relative;", _Link.StyledLink, "{color:", theme.colors["text-".concat(variant)], ";font-weight:", theme.fontWeights['semi-bold'], ";&:hover{color:", theme.colors["".concat(variant, "-hover")], ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:codacy;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUXdDIiwiZmlsZSI6Ii4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IENvbG9yIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IEJhbm5lcm9sUHJvcHMgfSBmcm9tICcuL0Jhbm5lcm9sLnR5cGVzJ1xuaW1wb3J0IHsgU3R5bGVkTGluayB9IGZyb20gJy4uL0xpbmsnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhbm5lcm9sID0gc3R5bGVkKEZsZXgpPFBpY2s8QmFubmVyb2xQcm9wcywgJ3ZhcmlhbnQnPj5gXG4gICR7KHsgdGhlbWUsIHZhcmlhbnQgPSAnaW5mbycgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzW3ZhcmlhbnQgPT09ICdpbmZvJyA/ICdiYWNrZ3JvdW5kLWJyYW5kJyA6IChgYmFja2dyb3VuZC0ke3ZhcmlhbnR9YCBhcyBDb2xvcildfTtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpWzFdfTtcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3NbMF19O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICR7U3R5bGVkTGlua30ge1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzW2B0ZXh0LSR7dmFyaWFudH1gXX07XG4gICAgICBmb250LXdlaWdodDogJHt0aGVtZS5mb250V2VpZ2h0c1snc2VtaS1ib2xkJ119O1xuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzW2Ake3ZhcmlhbnR9LWhvdmVyYF19O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmBcbiJdfQ== */");
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzBFIiwiZmlsZSI6Ii4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IENvbG9yIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IEJhbm5lcm9sUHJvcHMgfSBmcm9tICcuL0Jhbm5lcm9sLnR5cGVzJ1xuaW1wb3J0IHsgU3R5bGVkTGluayB9IGZyb20gJy4uL0xpbmsnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhbm5lcm9sID0gc3R5bGVkKEZsZXgpPFBpY2s8QmFubmVyb2xQcm9wcywgJ3ZhcmlhbnQnPj5gXG4gICR7KHsgdGhlbWUsIHZhcmlhbnQgPSAnaW5mbycgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzW3ZhcmlhbnQgPT09ICdpbmZvJyA/ICdiYWNrZ3JvdW5kLWJyYW5kJyA6IChgYmFja2dyb3VuZC0ke3ZhcmlhbnR9YCBhcyBDb2xvcildfTtcbiAgICBib3JkZXItcmFkaXVzOiAke3RoZW1lLnJhZGlpWzFdfTtcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLnNoYWRvd3NbMF19O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICR7U3R5bGVkTGlua30ge1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzW2B0ZXh0LSR7dmFyaWFudH1gXX07XG4gICAgICBmb250LXdlaWdodDogJHt0aGVtZS5mb250V2VpZ2h0c1snc2VtaS1ib2xkJ119O1xuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzW2Ake3ZhcmlhbnR9LWhvdmVyYF19O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmBcbiJdfQ== */"));
+  return /*#__PURE__*/(0, _react.css)("background:", theme.colors["alerts-".concat(variant, "-background")], ";border-radius:", theme.radii[1], ";box-shadow:", theme.shadows[0], ";position:relative;", _Link.StyledLink, "{color:", theme.colors["alerts-".concat(variant, "-link")], ";font-weight:", theme.fontWeights['semi-bold'], ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:codacy;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT3dDIiwiZmlsZSI6Ii4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgQmFubmVyb2xQcm9wcyB9IGZyb20gJy4vQmFubmVyb2wudHlwZXMnXG5pbXBvcnQgeyBTdHlsZWRMaW5rIH0gZnJvbSAnLi4vTGluaydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFubmVyb2wgPSBzdHlsZWQoRmxleCk8UGljazxCYW5uZXJvbFByb3BzLCAndmFyaWFudCc+PmBcbiAgJHsoeyB0aGVtZSwgdmFyaWFudCA9ICdpbmZvJyB9KSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnNbYGFsZXJ0cy0ke3ZhcmlhbnR9LWJhY2tncm91bmRgXX07XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaVsxXX07XG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzWzBdfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAke1N0eWxlZExpbmt9IHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9yc1tgYWxlcnRzLSR7dmFyaWFudH0tbGlua2BdfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLmZvbnRXZWlnaHRzWydzZW1pLWJvbGQnXX07XG4gICAgfVxuICBgfVxuYFxuIl19 */");
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTBFIiwiZmlsZSI6Ii4uLy4uL3NyYy9CYW5uZXJvbC9CYW5uZXJvbC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgQmFubmVyb2xQcm9wcyB9IGZyb20gJy4vQmFubmVyb2wudHlwZXMnXG5pbXBvcnQgeyBTdHlsZWRMaW5rIH0gZnJvbSAnLi4vTGluaydcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFubmVyb2wgPSBzdHlsZWQoRmxleCk8UGljazxCYW5uZXJvbFByb3BzLCAndmFyaWFudCc+PmBcbiAgJHsoeyB0aGVtZSwgdmFyaWFudCA9ICdpbmZvJyB9KSA9PiBjc3NgXG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnNbYGFsZXJ0cy0ke3ZhcmlhbnR9LWJhY2tncm91bmRgXX07XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaVsxXX07XG4gICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dzWzBdfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAke1N0eWxlZExpbmt9IHtcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9yc1tgYWxlcnRzLSR7dmFyaWFudH0tbGlua2BdfTtcbiAgICAgIGZvbnQtd2VpZ2h0OiAke3RoZW1lLmZvbnRXZWlnaHRzWydzZW1pLWJvbGQnXX07XG4gICAgfVxuICBgfVxuYFxuIl19 */"));

package/lib/Bannerol/Bannerol.types.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { ContainerComponentProps } from '../types';
 import { IconFile } from '../Icon/Icon.types';
 import { FlexProps } from '../Flexbox';
-export declare type BannerolVariant = 'info' | 'warning' | 'success' | 'danger' | 'attention';
+export declare type BannerolVariant = 'info' | 'warning' | 'success' | 'danger';
 export declare type BannerolAction = {
     label: string;
     onClick: () => void;

package/lib/BigTabs/BigTabs.styles.js

@@ -25,7 +25,7 @@ var BigTabsListWrapper = exports.BigTabsListWrapper = /*#__PURE__*/(0, _base["de
 } : {
   name: "70egm2",
   styles: "background:transparent;align-items:stretch",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CaWdUYWJzL0JpZ1RhYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVV1QyIsImZpbGUiOiIuLi8uLi9zcmMvQmlnVGFicy9CaWdUYWJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdHJhbnNpdGlvbiB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBCaWdUYWJCdXR0b25Qcm9wcyB9IGZyb20gJy4vQmlnVGFicy50eXBlcydcbmltcG9ydCB7IEljb25BbmRUZXh0V3JhcHBlciB9IGZyb20gJy4uL0ljb25BbmRUZXh0L0ljb25BbmRUZXh0LnN0eWxlcydcbmltcG9ydCB7IHBhZGRpbmcgfSBmcm9tICdzdHlsZWQtc3lzdGVtJ1xuXG4vKipcbiAqIFRhYlxuICovXG5jb25zdCBCaWdUYWJzTGlzdFdyYXBwZXIgPSBzdHlsZWQoRmxleClgXG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbmBcbmNvbnN0IEJpZ1RhYnNQYW5lbCA9IHN0eWxlZChGbGV4KWBcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSwgYmFja2dyb3VuZENvbG9yIH0pID0+IGJhY2tncm91bmRDb2xvciB8fCB0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtcHJpbWFyeSddfTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzWzFdfTtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbNV19ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbNl19O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIC8vIEhpZGUgdGhlIHRvcCBib3ggc2hhZG93IG9mIHRoZSB0YWJzICYgcGFuZWxcbiAgJjphZnRlciB7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSwgYmFja2dyb3VuZENvbG9yIH0pID0+IGJhY2tncm91bmRDb2xvciB8fCB0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtcHJpbWFyeSddfTtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHRvcDogLSR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19O1xuICAgIGxlZnQ6IDA7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICB9XG5gXG5jb25zdCBCaWdUYWJCdXR0b24gPSBzdHlsZWQuYnV0dG9uPEJpZ1RhYkJ1dHRvblByb3BzPmBcbiAgLyogYnV0dG9uIHJlc2V0ICovXG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgYWN0aXZlIH0pID0+XG4gICAgYWN0aXZlID8gdGhlbWUuY29sb3JzWydiYWNrZ3JvdW5kLXByaW1hcnknXSA6IHRoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1icmFuZCddfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBvdXRsaW5lOiBub25lO1xuXG4gIG1heC13aWR0aDogJHsoeyBtYXhXaWR0aCB9KSA9PiBtYXhXaWR0aCB8fCAnZml0LWNvbnRlbnQnfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgJHsoeyBoaWRlT3ZlcmZsb3cgfSkgPT5cbiAgICBoaWRlT3ZlcmZsb3dcbiAgICAgID8gYHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO2BcbiAgICAgIDogJyd9XG5cbiAgbGluZS1oZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUubGluZUhlaWdodHNbMF19O1xuICAke3BhZGRpbmd9XG4gIG1hcmdpbi1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsxXX07XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5mb250U2l6ZXMubX07XG5cbiAgdHJhbnNpdGlvbjogJHsoKSA9PiB0cmFuc2l0aW9uKFsnYm9yZGVyJywgJ2NvbG9yJywgJ2JhY2tncm91bmQtY29sb3InXSl9O1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpWzFdfTtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMV19O1xuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3NbMV19O1xuICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyd0ZXh0LXRlcnRpYXJ5J119O1xuXG4gIG1pbi1oZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbOV19O1xuICBtaW4td2lkdGg6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbOV19O1xuXG4gICR7SWNvbkFuZFRleHRXcmFwcGVyfSBzdmcge1xuICAgIGZpbGw6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyd0ZXh0LXRlcnRpYXJ5J119O1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ3RleHQtZGlzYWJsZWQnXX07XG4gICAgb3BhY2l0eTogMC41O1xuICB9XG5cbiAgOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBhY3RpdmUgfSkgPT4gKGFjdGl2ZSA/ICd0cmFuc3BhcmVudCcgOiB0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtc2Vjb25kYXJ5J10pfTtcbiAgfVxuYFxuXG5leHBvcnQgeyBCaWdUYWJzTGlzdFdyYXBwZXIsIEJpZ1RhYkJ1dHRvbiwgQmlnVGFic1BhbmVsIH1cbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CaWdUYWJzL0JpZ1RhYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVV1QyIsImZpbGUiOiIuLi8uLi9zcmMvQmlnVGFicy9CaWdUYWJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdHJhbnNpdGlvbiB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBCaWdUYWJCdXR0b25Qcm9wcyB9IGZyb20gJy4vQmlnVGFicy50eXBlcydcbmltcG9ydCB7IEljb25BbmRUZXh0V3JhcHBlciB9IGZyb20gJy4uL0ljb25BbmRUZXh0L0ljb25BbmRUZXh0LnN0eWxlcydcbmltcG9ydCB7IHBhZGRpbmcgfSBmcm9tICdzdHlsZWQtc3lzdGVtJ1xuXG4vKipcbiAqIFRhYlxuICovXG5jb25zdCBCaWdUYWJzTGlzdFdyYXBwZXIgPSBzdHlsZWQoRmxleClgXG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbmBcbmNvbnN0IEJpZ1RhYnNQYW5lbCA9IHN0eWxlZChGbGV4KWBcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSwgYmFja2dyb3VuZENvbG9yIH0pID0+IGJhY2tncm91bmRDb2xvciB8fCB0aGVtZS5jb2xvcnNbJ2NoYXJ0cy1wcmltYXJ5LWJhY2tncm91bmQtZW5hYmxlZCddfTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzWzFdfTtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbNV19ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbNl19O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIC8vIEhpZGUgdGhlIHRvcCBib3ggc2hhZG93IG9mIHRoZSB0YWJzICYgcGFuZWxcbiAgJjphZnRlciB7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSwgYmFja2dyb3VuZENvbG9yIH0pID0+IGJhY2tncm91bmRDb2xvciB8fCB0aGVtZS5jb2xvcnNbJ2NoYXJ0cy1wcmltYXJ5LWJhY2tncm91bmQtZW5hYmxlZCddfTtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHRvcDogLSR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19O1xuICAgIGxlZnQ6IDA7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICB9XG5gXG5jb25zdCBCaWdUYWJCdXR0b24gPSBzdHlsZWQuYnV0dG9uPEJpZ1RhYkJ1dHRvblByb3BzPmBcbiAgLyogYnV0dG9uIHJlc2V0ICovXG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgYWN0aXZlIH0pID0+XG4gICAgYWN0aXZlID8gdGhlbWUuY29sb3JzWydjaGFydHMtcHJpbWFyeS1iYWNrZ3JvdW5kLWVuYWJsZWQnXSA6IHRoZW1lLmNvbG9yc1snY2hhcnRzLXN1YnRsZS1iYWNrZ3JvdW5kLWVuYWJsZWQnXX07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgb3V0bGluZTogbm9uZTtcblxuICBtYXgtd2lkdGg6ICR7KHsgbWF4V2lkdGggfSkgPT4gbWF4V2lkdGggfHwgJ2ZpdC1jb250ZW50J307XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gICR7KHsgaGlkZU92ZXJmbG93IH0pID0+XG4gICAgaGlkZU92ZXJmbG93XG4gICAgICA/IGB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztgXG4gICAgICA6ICcnfVxuXG4gIGxpbmUtaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmxpbmVIZWlnaHRzWzBdfTtcbiAgJHtwYWRkaW5nfVxuICBtYXJnaW4tcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19O1xuICBmb250LXNpemU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFNpemVzLm19O1xuXG4gIHRyYW5zaXRpb246ICR7KCkgPT4gdHJhbnNpdGlvbihbJ2JvcmRlcicsICdjb2xvcicsICdiYWNrZ3JvdW5kLWNvbG9yJ10pfTtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVsxXX07XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpWzFdfTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzWzFdfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snY2hhcnRzLXRlcnRpYXJ5LXRleHQtZW5hYmxlZCddfTtcblxuICBtaW4taGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzldfTtcbiAgbWluLXdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzldfTtcblxuICAke0ljb25BbmRUZXh0V3JhcHBlcn0gc3ZnIHtcbiAgICBmaWxsOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snY2hhcnRzLXRlcnRpYXJ5LXRleHQtZW5hYmxlZCddfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydjaGFydHMtcHJpbWFyeS10ZXh0LWRpc2FibGVkJ119O1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgfVxuXG4gIDpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgYWN0aXZlIH0pID0+XG4gICAgICBhY3RpdmUgPyAndHJhbnNwYXJlbnQnIDogdGhlbWUuY29sb3JzWydjaGFydHMtc2Vjb25kYXJ5LWJhY2tncm91bmQtZW5hYmxlZCddfTtcbiAgfVxuYFxuXG5leHBvcnQgeyBCaWdUYWJzTGlzdFdyYXBwZXIsIEJpZ1RhYkJ1dHRvbiwgQmlnVGFic1BhbmVsIH1cbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var BigTabsPanel = exports.BigTabsPanel = /*#__PURE__*/(0, _base["default"])(_Flexbox.Flex, process.env.NODE_ENV === "production" ? {
@@ -36,7 +36,7 @@ var BigTabsPanel = exports.BigTabsPanel = /*#__PURE__*/(0, _base["default"])(_Fl
 })("background:", function (_ref) {
   var theme = _ref.theme,
     backgroundColor = _ref.backgroundColor;
-  return backgroundColor || theme.colors['background-primary'];
+  return backgroundColor || theme.colors['charts-primary-background-enabled'];
 }, ";box-shadow:", function (_ref2) {
   var theme = _ref2.theme;
   return theme.shadows[1];
@@ -49,14 +49,14 @@ var BigTabsPanel = exports.BigTabsPanel = /*#__PURE__*/(0, _base["default"])(_Fl
 }, ";position:relative;&:after{background:", function (_ref5) {
   var theme = _ref5.theme,
     backgroundColor = _ref5.backgroundColor;
-  return backgroundColor || theme.colors['background-primary'];
+  return backgroundColor || theme.colors['charts-primary-background-enabled'];
 }, ";content:'';display:block;height:", function (_ref6) {
   var theme = _ref6.theme;
   return theme.space[1];
 }, ";width:100%;top:-", function (_ref7) {
   var theme = _ref7.theme;
   return theme.space[1];
-}, ";left:0;position:absolute;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CaWdUYWJzL0JpZ1RhYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNpQyIsImZpbGUiOiIuLi8uLi9zcmMvQmlnVGFicy9CaWdUYWJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdHJhbnNpdGlvbiB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBCaWdUYWJCdXR0b25Qcm9wcyB9IGZyb20gJy4vQmlnVGFicy50eXBlcydcbmltcG9ydCB7IEljb25BbmRUZXh0V3JhcHBlciB9IGZyb20gJy4uL0ljb25BbmRUZXh0L0ljb25BbmRUZXh0LnN0eWxlcydcbmltcG9ydCB7IHBhZGRpbmcgfSBmcm9tICdzdHlsZWQtc3lzdGVtJ1xuXG4vKipcbiAqIFRhYlxuICovXG5jb25zdCBCaWdUYWJzTGlzdFdyYXBwZXIgPSBzdHlsZWQoRmxleClgXG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbmBcbmNvbnN0IEJpZ1RhYnNQYW5lbCA9IHN0eWxlZChGbGV4KWBcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSwgYmFja2dyb3VuZENvbG9yIH0pID0+IGJhY2tncm91bmRDb2xvciB8fCB0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtcHJpbWFyeSddfTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzWzFdfTtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbNV19ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbNl19O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIC8vIEhpZGUgdGhlIHRvcCBib3ggc2hhZG93IG9mIHRoZSB0YWJzICYgcGFuZWxcbiAgJjphZnRlciB7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSwgYmFja2dyb3VuZENvbG9yIH0pID0+IGJhY2tncm91bmRDb2xvciB8fCB0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtcHJpbWFyeSddfTtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHRvcDogLSR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19O1xuICAgIGxlZnQ6IDA7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICB9XG5gXG5jb25zdCBCaWdUYWJCdXR0b24gPSBzdHlsZWQuYnV0dG9uPEJpZ1RhYkJ1dHRvblByb3BzPmBcbiAgLyogYnV0dG9uIHJlc2V0ICovXG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgYWN0aXZlIH0pID0+XG4gICAgYWN0aXZlID8gdGhlbWUuY29sb3JzWydiYWNrZ3JvdW5kLXByaW1hcnknXSA6IHRoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1icmFuZCddfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBvdXRsaW5lOiBub25lO1xuXG4gIG1heC13aWR0aDogJHsoeyBtYXhXaWR0aCB9KSA9PiBtYXhXaWR0aCB8fCAnZml0LWNvbnRlbnQnfTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgJHsoeyBoaWRlT3ZlcmZsb3cgfSkgPT5cbiAgICBoaWRlT3ZlcmZsb3dcbiAgICAgID8gYHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO2BcbiAgICAgIDogJyd9XG5cbiAgbGluZS1oZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUubGluZUhlaWdodHNbMF19O1xuICAke3BhZGRpbmd9XG4gIG1hcmdpbi1yaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsxXX07XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5mb250U2l6ZXMubX07XG5cbiAgdHJhbnNpdGlvbjogJHsoKSA9PiB0cmFuc2l0aW9uKFsnYm9yZGVyJywgJ2NvbG9yJywgJ2JhY2tncm91bmQtY29sb3InXSl9O1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpWzFdfTtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMV19O1xuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3NbMV19O1xuICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyd0ZXh0LXRlcnRpYXJ5J119O1xuXG4gIG1pbi1oZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbOV19O1xuICBtaW4td2lkdGg6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbOV19O1xuXG4gICR7SWNvbkFuZFRleHRXcmFwcGVyfSBzdmcge1xuICAgIGZpbGw6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyd0ZXh0LXRlcnRpYXJ5J119O1xuICB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ3RleHQtZGlzYWJsZWQnXX07XG4gICAgb3BhY2l0eTogMC41O1xuICB9XG5cbiAgOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBhY3RpdmUgfSkgPT4gKGFjdGl2ZSA/ICd0cmFuc3BhcmVudCcgOiB0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtc2Vjb25kYXJ5J10pfTtcbiAgfVxuYFxuXG5leHBvcnQgeyBCaWdUYWJzTGlzdFdyYXBwZXIsIEJpZ1RhYkJ1dHRvbiwgQmlnVGFic1BhbmVsIH1cbiJdfQ== */"));
+}, ";left:0;position:absolute;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CaWdUYWJzL0JpZ1RhYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNpQyIsImZpbGUiOiIuLi8uLi9zcmMvQmlnVGFicy9CaWdUYWJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdHJhbnNpdGlvbiB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IHsgRmxleCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBCaWdUYWJCdXR0b25Qcm9wcyB9IGZyb20gJy4vQmlnVGFicy50eXBlcydcbmltcG9ydCB7IEljb25BbmRUZXh0V3JhcHBlciB9IGZyb20gJy4uL0ljb25BbmRUZXh0L0ljb25BbmRUZXh0LnN0eWxlcydcbmltcG9ydCB7IHBhZGRpbmcgfSBmcm9tICdzdHlsZWQtc3lzdGVtJ1xuXG4vKipcbiAqIFRhYlxuICovXG5jb25zdCBCaWdUYWJzTGlzdFdyYXBwZXIgPSBzdHlsZWQoRmxleClgXG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbmBcbmNvbnN0IEJpZ1RhYnNQYW5lbCA9IHN0eWxlZChGbGV4KWBcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSwgYmFja2dyb3VuZENvbG9yIH0pID0+IGJhY2tncm91bmRDb2xvciB8fCB0aGVtZS5jb2xvcnNbJ2NoYXJ0cy1wcmltYXJ5LWJhY2tncm91bmQtZW5hYmxlZCddfTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzWzFdfTtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbNV19ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbNl19O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIC8vIEhpZGUgdGhlIHRvcCBib3ggc2hhZG93IG9mIHRoZSB0YWJzICYgcGFuZWxcbiAgJjphZnRlciB7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSwgYmFja2dyb3VuZENvbG9yIH0pID0+IGJhY2tncm91bmRDb2xvciB8fCB0aGVtZS5jb2xvcnNbJ2NoYXJ0cy1wcmltYXJ5LWJhY2tncm91bmQtZW5hYmxlZCddfTtcbiAgICBjb250ZW50OiAnJztcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHRvcDogLSR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19O1xuICAgIGxlZnQ6IDA7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICB9XG5gXG5jb25zdCBCaWdUYWJCdXR0b24gPSBzdHlsZWQuYnV0dG9uPEJpZ1RhYkJ1dHRvblByb3BzPmBcbiAgLyogYnV0dG9uIHJlc2V0ICovXG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgYWN0aXZlIH0pID0+XG4gICAgYWN0aXZlID8gdGhlbWUuY29sb3JzWydjaGFydHMtcHJpbWFyeS1iYWNrZ3JvdW5kLWVuYWJsZWQnXSA6IHRoZW1lLmNvbG9yc1snY2hhcnRzLXN1YnRsZS1iYWNrZ3JvdW5kLWVuYWJsZWQnXX07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgb3V0bGluZTogbm9uZTtcblxuICBtYXgtd2lkdGg6ICR7KHsgbWF4V2lkdGggfSkgPT4gbWF4V2lkdGggfHwgJ2ZpdC1jb250ZW50J307XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gICR7KHsgaGlkZU92ZXJmbG93IH0pID0+XG4gICAgaGlkZU92ZXJmbG93XG4gICAgICA/IGB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztgXG4gICAgICA6ICcnfVxuXG4gIGxpbmUtaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmxpbmVIZWlnaHRzWzBdfTtcbiAgJHtwYWRkaW5nfVxuICBtYXJnaW4tcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19O1xuICBmb250LXNpemU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFNpemVzLm19O1xuXG4gIHRyYW5zaXRpb246ICR7KCkgPT4gdHJhbnNpdGlvbihbJ2JvcmRlcicsICdjb2xvcicsICdiYWNrZ3JvdW5kLWNvbG9yJ10pfTtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVsxXX07XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpWzFdfTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzWzFdfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snY2hhcnRzLXRlcnRpYXJ5LXRleHQtZW5hYmxlZCddfTtcblxuICBtaW4taGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzldfTtcbiAgbWluLXdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzldfTtcblxuICAke0ljb25BbmRUZXh0V3JhcHBlcn0gc3ZnIHtcbiAgICBmaWxsOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snY2hhcnRzLXRlcnRpYXJ5LXRleHQtZW5hYmxlZCddfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydjaGFydHMtcHJpbWFyeS10ZXh0LWRpc2FibGVkJ119O1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgfVxuXG4gIDpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgYWN0aXZlIH0pID0+XG4gICAgICBhY3RpdmUgPyAndHJhbnNwYXJlbnQnIDogdGhlbWUuY29sb3JzWydjaGFydHMtc2Vjb25kYXJ5LWJhY2tncm91bmQtZW5hYmxlZCddfTtcbiAgfVxuYFxuXG5leHBvcnQgeyBCaWdUYWJzTGlzdFdyYXBwZXIsIEJpZ1RhYkJ1dHRvbiwgQmlnVGFic1BhbmVsIH1cbiJdfQ== */"));
 var BigTabButton = exports.BigTabButton = /*#__PURE__*/(0, _base["default"])("button", process.env.NODE_ENV === "production" ? {
   target: "e1ny9tia0"
 } : {
@@ -65,7 +65,7 @@ var BigTabButton = exports.BigTabButton = /*#__PURE__*/(0, _base["default"])("bu
 })("border:none;background-color:", function (_ref8) {
   var theme = _ref8.theme,
     active = _ref8.active;
-  return active ? theme.colors['background-primary'] : theme.colors['background-brand'];
+  return active ? theme.colors['charts-primary-background-enabled'] : theme.colors['charts-subtle-background-enabled'];
 }, ";cursor:pointer;outline:none;max-width:", function (_ref9) {
   var maxWidth = _ref9.maxWidth;
   return maxWidth || 'fit-content';
@@ -94,7 +94,7 @@ var BigTabButton = exports.BigTabButton = /*#__PURE__*/(0, _base["default"])("bu
   return theme.shadows[1];
 }, ";cursor:pointer;color:", function (_ref17) {
   var theme = _ref17.theme;
-  return theme.colors['text-tertiary'];
+  return theme.colors['charts-tertiary-text-enabled'];
 }, ";min-height:", function (_ref18) {
   var theme = _ref18.theme;
   return theme.space[9];
@@ -103,12 +103,12 @@ var BigTabButton = exports.BigTabButton = /*#__PURE__*/(0, _base["default"])("bu
   return theme.space[9];
 }, ";", _IconAndText.IconAndTextWrapper, " svg{fill:", function (_ref20) {
   var theme = _ref20.theme;
-  return theme.colors['text-tertiary'];
+  return theme.colors['charts-tertiary-text-enabled'];
 }, ";}&:disabled{cursor:not-allowed;color:", function (_ref21) {
   var theme = _ref21.theme;
-  return theme.colors['text-disabled'];
+  return theme.colors['charts-primary-text-disabled'];
 }, ";opacity:0.5;}:hover{background-color:", function (_ref22) {
   var theme = _ref22.theme,
     active = _ref22.active;
-  return active ? 'transparent' : theme.colors['background-secondary'];
-}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CaWdUYWJzL0JpZ1RhYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDcUQiLCJmaWxlIjoiLi4vLi4vc3JjL0JpZ1RhYnMvQmlnVGFicy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHRyYW5zaXRpb24gfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgQmlnVGFiQnV0dG9uUHJvcHMgfSBmcm9tICcuL0JpZ1RhYnMudHlwZXMnXG5pbXBvcnQgeyBJY29uQW5kVGV4dFdyYXBwZXIgfSBmcm9tICcuLi9JY29uQW5kVGV4dC9JY29uQW5kVGV4dC5zdHlsZXMnXG5pbXBvcnQgeyBwYWRkaW5nIH0gZnJvbSAnc3R5bGVkLXN5c3RlbSdcblxuLyoqXG4gKiBUYWJcbiAqL1xuY29uc3QgQmlnVGFic0xpc3RXcmFwcGVyID0gc3R5bGVkKEZsZXgpYFxuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG5gXG5jb25zdCBCaWdUYWJzUGFuZWwgPSBzdHlsZWQoRmxleClgXG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUsIGJhY2tncm91bmRDb2xvciB9KSA9PiBiYWNrZ3JvdW5kQ29sb3IgfHwgdGhlbWUuY29sb3JzWydiYWNrZ3JvdW5kLXByaW1hcnknXX07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2hhZG93c1sxXX07XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzVdfSAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzZdfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAvLyBIaWRlIHRoZSB0b3AgYm94IHNoYWRvdyBvZiB0aGUgdGFicyAmIHBhbmVsXG4gICY6YWZ0ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUsIGJhY2tncm91bmRDb2xvciB9KSA9PiBiYWNrZ3JvdW5kQ29sb3IgfHwgdGhlbWUuY29sb3JzWydiYWNrZ3JvdW5kLXByaW1hcnknXX07XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzFdfTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICB0b3A6IC0keyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzFdfTtcbiAgICBsZWZ0OiAwO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgfVxuYFxuY29uc3QgQmlnVGFiQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxCaWdUYWJCdXR0b25Qcm9wcz5gXG4gIC8qIGJ1dHRvbiByZXNldCAqL1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIGFjdGl2ZSB9KSA9PlxuICAgIGFjdGl2ZSA/IHRoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1wcmltYXJ5J10gOiB0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtYnJhbmQnXX07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgb3V0bGluZTogbm9uZTtcblxuICBtYXgtd2lkdGg6ICR7KHsgbWF4V2lkdGggfSkgPT4gbWF4V2lkdGggfHwgJ2ZpdC1jb250ZW50J307XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gICR7KHsgaGlkZU92ZXJmbG93IH0pID0+XG4gICAgaGlkZU92ZXJmbG93XG4gICAgICA/IGB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztgXG4gICAgICA6ICcnfVxuXG4gIGxpbmUtaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmxpbmVIZWlnaHRzWzBdfTtcbiAgJHtwYWRkaW5nfVxuICBtYXJnaW4tcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19O1xuICBmb250LXNpemU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFNpemVzLm19O1xuXG4gIHRyYW5zaXRpb246ICR7KCkgPT4gdHJhbnNpdGlvbihbJ2JvcmRlcicsICdjb2xvcicsICdiYWNrZ3JvdW5kLWNvbG9yJ10pfTtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVsxXX07XG4gIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpWzFdfTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dzWzFdfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1sndGV4dC10ZXJ0aWFyeSddfTtcblxuICBtaW4taGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzldfTtcbiAgbWluLXdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzldfTtcblxuICAke0ljb25BbmRUZXh0V3JhcHBlcn0gc3ZnIHtcbiAgICBmaWxsOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1sndGV4dC10ZXJ0aWFyeSddfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyd0ZXh0LWRpc2FibGVkJ119O1xuICAgIG9wYWNpdHk6IDAuNTtcbiAgfVxuXG4gIDpob3ZlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgYWN0aXZlIH0pID0+IChhY3RpdmUgPyAndHJhbnNwYXJlbnQnIDogdGhlbWUuY29sb3JzWydiYWNrZ3JvdW5kLXNlY29uZGFyeSddKX07XG4gIH1cbmBcblxuZXhwb3J0IHsgQmlnVGFic0xpc3RXcmFwcGVyLCBCaWdUYWJCdXR0b24sIEJpZ1RhYnNQYW5lbCB9XG4iXX0= */"));
+  return active ? 'transparent' : theme.colors['charts-secondary-background-enabled'];
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9CaWdUYWJzL0JpZ1RhYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDcUQiLCJmaWxlIjoiLi4vLi4vc3JjL0JpZ1RhYnMvQmlnVGFicy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHRyYW5zaXRpb24gfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgQmlnVGFiQnV0dG9uUHJvcHMgfSBmcm9tICcuL0JpZ1RhYnMudHlwZXMnXG5pbXBvcnQgeyBJY29uQW5kVGV4dFdyYXBwZXIgfSBmcm9tICcuLi9JY29uQW5kVGV4dC9JY29uQW5kVGV4dC5zdHlsZXMnXG5pbXBvcnQgeyBwYWRkaW5nIH0gZnJvbSAnc3R5bGVkLXN5c3RlbSdcblxuLyoqXG4gKiBUYWJcbiAqL1xuY29uc3QgQmlnVGFic0xpc3RXcmFwcGVyID0gc3R5bGVkKEZsZXgpYFxuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG5gXG5jb25zdCBCaWdUYWJzUGFuZWwgPSBzdHlsZWQoRmxleClgXG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUsIGJhY2tncm91bmRDb2xvciB9KSA9PiBiYWNrZ3JvdW5kQ29sb3IgfHwgdGhlbWUuY29sb3JzWydjaGFydHMtcHJpbWFyeS1iYWNrZ3JvdW5kLWVuYWJsZWQnXX07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2hhZG93c1sxXX07XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzVdfSAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzZdfTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAvLyBIaWRlIHRoZSB0b3AgYm94IHNoYWRvdyBvZiB0aGUgdGFicyAmIHBhbmVsXG4gICY6YWZ0ZXIge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUsIGJhY2tncm91bmRDb2xvciB9KSA9PiBiYWNrZ3JvdW5kQ29sb3IgfHwgdGhlbWUuY29sb3JzWydjaGFydHMtcHJpbWFyeS1iYWNrZ3JvdW5kLWVuYWJsZWQnXX07XG4gICAgY29udGVudDogJyc7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzFdfTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICB0b3A6IC0keyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzFdfTtcbiAgICBsZWZ0OiAwO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgfVxuYFxuY29uc3QgQmlnVGFiQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxCaWdUYWJCdXR0b25Qcm9wcz5gXG4gIC8qIGJ1dHRvbiByZXNldCAqL1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIGFjdGl2ZSB9KSA9PlxuICAgIGFjdGl2ZSA/IHRoZW1lLmNvbG9yc1snY2hhcnRzLXByaW1hcnktYmFja2dyb3VuZC1lbmFibGVkJ10gOiB0aGVtZS5jb2xvcnNbJ2NoYXJ0cy1zdWJ0bGUtYmFja2dyb3VuZC1lbmFibGVkJ119O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG91dGxpbmU6IG5vbmU7XG5cbiAgbWF4LXdpZHRoOiAkeyh7IG1heFdpZHRoIH0pID0+IG1heFdpZHRoIHx8ICdmaXQtY29udGVudCd9O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICAkeyh7IGhpZGVPdmVyZmxvdyB9KSA9PlxuICAgIGhpZGVPdmVyZmxvd1xuICAgICAgPyBgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7YFxuICAgICAgOiAnJ31cblxuICBsaW5lLWhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5saW5lSGVpZ2h0c1swXX07XG4gICR7cGFkZGluZ31cbiAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzFdfTtcbiAgZm9udC1zaXplOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRTaXplcy5tfTtcblxuICB0cmFuc2l0aW9uOiAkeygpID0+IHRyYW5zaXRpb24oWydib3JkZXInLCAnY29sb3InLCAnYmFja2dyb3VuZC1jb2xvciddKX07XG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMV19O1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVsxXX07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2hhZG93c1sxXX07XG4gIGN1cnNvcjogcG9pbnRlcjtcblxuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2NoYXJ0cy10ZXJ0aWFyeS10ZXh0LWVuYWJsZWQnXX07XG5cbiAgbWluLWhlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVs5XX07XG4gIG1pbi13aWR0aDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVs5XX07XG5cbiAgJHtJY29uQW5kVGV4dFdyYXBwZXJ9IHN2ZyB7XG4gICAgZmlsbDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2NoYXJ0cy10ZXJ0aWFyeS10ZXh0LWVuYWJsZWQnXX07XG4gIH1cblxuICAmOmRpc2FibGVkIHtcbiAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snY2hhcnRzLXByaW1hcnktdGV4dC1kaXNhYmxlZCddfTtcbiAgICBvcGFjaXR5OiAwLjU7XG4gIH1cblxuICA6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIGFjdGl2ZSB9KSA9PlxuICAgICAgYWN0aXZlID8gJ3RyYW5zcGFyZW50JyA6IHRoZW1lLmNvbG9yc1snY2hhcnRzLXNlY29uZGFyeS1iYWNrZ3JvdW5kLWVuYWJsZWQnXX07XG4gIH1cbmBcblxuZXhwb3J0IHsgQmlnVGFic0xpc3RXcmFwcGVyLCBCaWdUYWJCdXR0b24sIEJpZ1RhYnNQYW5lbCB9XG4iXX0= */"));

package/lib/Button/Button.js

@@ -13,20 +13,22 @@ var _styles = require("./styles");
 var _Icon = require("../Icon");
 var _Icons = require("../Icons");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["children", "id", "disabled", "size", "btnType", "variant", "color", "isLoading", "leftIcon", "rightIcon"];
+var _excluded = ["children", "id", "disabled", "size", "variant", "color", "isLoading", "leftIcon", "rightIcon"];
 /**
  * Basic button
  */
 var Button = exports.Button = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
+  var _validColorsForVarian;
   var children = _ref.children,
     id = _ref.id,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'md' : _ref$size,
-    btnType = _ref.btnType,
-    variant = _ref.variant,
-    color = _ref.color,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'secondary' : _ref$variant,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'brand' : _ref$color,
     _ref$isLoading = _ref.isLoading,
     isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
     leftIcon = _ref.leftIcon,
@@ -48,20 +50,23 @@ var Button = exports.Button = /*#__PURE__*/_react["default"].forwardRef(function
       size: size
     }));
   }, [rightIcon, size]);
-  var _variant = variant || btnType || 'default';
-  var invert = ['link', 'default', 'flat', /** DEPRECATED ---> */'subtle'].includes(_variant);
-  var hideBorder = ['link', /** DEPRECATED ---> */'subtle'].includes(_variant);
-  var hideShadows = ['link', 'flat', 'primaryFlat', /** DEPRECATED ---> */'subtle'].includes(_variant);
   var isDisabled = disabled || isLoading;
-  var colorScheme = color || (['link', 'default', 'flat', 'primaryFlat'].includes(_variant) ? 'primary' : _variant) || 'primary';
+  var validColorsForVariant = {
+    primary: ['brand', 'danger'],
+    // blue or red
+    secondary: ['brand'],
+    // blue
+    text: ['brand', 'secondary', 'danger'] // blue, subtle or red
+  };
+  // To handle the case where the color is not valid for the variant, for example, a secondary button with a danger color
+  var colorScheme = (_validColorsForVarian = validColorsForVariant[variant]) !== null && _validColorsForVarian !== void 0 && _validColorsForVarian.includes(color) ? color : 'brand';
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledButton, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
     id: id,
     disabled: isDisabled,
     size: size,
-    scheme: colorScheme,
-    border: !hideBorder,
-    invert: invert,
-    shadows: !hideShadows
+    variant: variant,
+    color: colorScheme,
+    shadows: variant === 'primary'
   }, props), {}, {
     ref: ref,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.StyledButtonContents, {

package/lib/Button/styles.d.ts

@@ -1,13 +1,11 @@
 /// <reference types="react" />
 import { CodacyTheme } from '../theme';
-import { ButtonSize, ButtonColorScheme } from './types';
+import { ButtonSize, ButtonColor, ButtonVariant } from './types';
 export interface StyledButtonProps {
     size: ButtonSize;
-    scheme: ButtonColorScheme;
-    border: boolean;
-    invert: boolean;
+    color: ButtonColor;
+    variant: ButtonVariant;
     shadows: boolean;
-    disabled: boolean;
 }
 export declare const StyledButton: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;