@codacy/ui-components 0.65.82 → 0.65.84

package/lib/ExpandableBox/ExpandableBox.styles.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
-import { Color } from '../theme';
 export declare const StyledAnimateHeight: import("@emotion/styled").StyledComponent<import("react-animate-height").AnimateHeightProps & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
-    secondaryColor?: Color | undefined;
+    secondaryColor?: "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "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-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-code-subtle-enabled" | "text-code-subtle-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" | "background-primary" | "background-secondary" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-subtle" | "background-subtle" | "background-info-enabled" | "background-minor" | "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-warning-enabled" | "background-medium" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "border-inverted" | "border-primary" | "border-subtle-enabled" | "border-subtle-hover" | "border-subtle-focus" | "border-subtle-pressed" | "border-subtle-disabled" | "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-subtle-enabled" | "border-high-disabled" | "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" | "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" | "illustration-neutral1" | "illustration-neutral2" | "illustration-neutral3" | "illustration-neutral4" | "illustration-brand-inverted" | "illustration-brand1" | "illustration-brand2" | "illustration-brand3" | "illustration-brand4" | "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" | "brand-primary" | "brand-hover" | "brand-pressed" | "brand-disabled" | "brand-focus" | "brand-inverted" | "brand-subtle" | "subtle-primary" | "subtle-hover" | "subtle-pressed" | "subtle-disabled" | "subtle-inverted" | "danger-primary" | "danger-hover" | "danger-pressed" | "danger-disabled" | "danger-focus" | "danger-subtle" | "success-primary" | "success-hover" | "success-pressed" | "success-disabled" | "success-focus" | "warning-primary" | "warning-hover" | "warning-pressed" | "warning-disabled" | "warning-focus" | "high-primary" | "high-hover" | "high-pressed" | "high-disabled" | "info-primary" | "info-hover" | "info-pressed" | "info-disabled" | "info-inverted" | "attention-primary" | "attention-hover" | "attention-pressed" | "attention-disabled" | "attention-focus" | "navigation-top-primary" | "navigation-text" | "navigation-text-pressed" | undefined;
 }, {}, {}>;
 export declare const StyledExpandableBox: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
@@ -13,7 +12,7 @@ export declare const StyledExpandableBox: import("@emotion/styled").StyledCompon
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & import("..").FlexboxProps & import("..").GridboxProps & {
-    primaryColor?: Color | undefined;
+    primaryColor?: "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "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-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-code-subtle-enabled" | "text-code-subtle-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" | "background-primary" | "background-secondary" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-subtle" | "background-subtle" | "background-info-enabled" | "background-minor" | "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-warning-enabled" | "background-medium" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "border-inverted" | "border-primary" | "border-subtle-enabled" | "border-subtle-hover" | "border-subtle-focus" | "border-subtle-pressed" | "border-subtle-disabled" | "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-subtle-enabled" | "border-high-disabled" | "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" | "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" | "illustration-neutral1" | "illustration-neutral2" | "illustration-neutral3" | "illustration-neutral4" | "illustration-brand-inverted" | "illustration-brand1" | "illustration-brand2" | "illustration-brand3" | "illustration-brand4" | "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" | "brand-primary" | "brand-hover" | "brand-pressed" | "brand-disabled" | "brand-focus" | "brand-inverted" | "brand-subtle" | "subtle-primary" | "subtle-hover" | "subtle-pressed" | "subtle-disabled" | "subtle-inverted" | "danger-primary" | "danger-hover" | "danger-pressed" | "danger-disabled" | "danger-focus" | "danger-subtle" | "success-primary" | "success-hover" | "success-pressed" | "success-disabled" | "success-focus" | "warning-primary" | "warning-hover" | "warning-pressed" | "warning-disabled" | "warning-focus" | "high-primary" | "high-hover" | "high-pressed" | "high-disabled" | "info-primary" | "info-hover" | "info-pressed" | "info-disabled" | "info-inverted" | "attention-primary" | "attention-hover" | "attention-pressed" | "attention-disabled" | "attention-focus" | "navigation-top-primary" | "navigation-text" | "navigation-text-pressed" | undefined;
     expanded?: boolean | undefined;
 }, {}, {}>;
 export declare const StyledBox: import("@emotion/styled").StyledComponent<{

package/lib/PillLabel/PillLabel.styles.js

@@ -53,5 +53,5 @@ var PillLabelWrapper = exports.PillLabelWrapper = /*#__PURE__*/(0, _base["defaul
     warning: ['warning-primary', 'text-warning', 'background-warning'],
     error: ['danger-primary', 'text-danger', 'background-danger']
   };
-  return "\n      color: ".concat(invert ? theme.colors['white'] : theme.colors[scheme[status][1]], ";\n      background-color: ").concat(invert ? theme.colors[scheme[status][0]] : theme.colors[scheme[status][2]], ";\n    ");
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QaWxsTGFiZWwvUGlsbExhYmVsLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMkQiLCJmaWxlIjoiLi4vLi4vc3JjL1BpbGxMYWJlbC9QaWxsTGFiZWwuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29sb3IgfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IFBpbGxMYWJlbFByb3BzLCBQaWxsTGFiZWxTdGF0dXMgfSBmcm9tICcuL1BpbGxMYWJlbC50eXBlcydcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBJY29uQW5kVGV4dFdyYXBwZXIgfSBmcm9tICcuLi9JY29uQW5kVGV4dC9JY29uQW5kVGV4dC5zdHlsZXMnXG5pbXBvcnQgeyBJY29uV3JhcHBlciB9IGZyb20gJy4uL0ljb24vSWNvbi5zdHlsZXMnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFBpbGxMYWJlbFdyYXBwZXIgPSBzdHlsZWQoQm94KTxQaWxsTGFiZWxQcm9wcz5gXG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG4gIGhlaWdodDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiB0aGVtZS5zcGFjZVtzaXplID09PSAnbWQnID8gNSA6IDRdfTtcbiAgbGluZS1oZWlnaHQ6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gdGhlbWUuc3BhY2Vbc2l6ZSA9PT0gJ21kJyA/IDUgOiA0XX07XG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcblxuICAke0ljb25BbmRUZXh0V3JhcHBlcn0sICR7SWNvbldyYXBwZXJ9IHtcbiAgICBsaW5lLWhlaWdodDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiB0aGVtZS5zcGFjZVtzaXplID09PSAnbWQnID8gNSA6IDRdfSAhaW1wb3J0YW50O1xuICB9XG5cbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVsxXX07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZm9udC13ZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFdlaWdodHNbJ3NlbWktYm9sZCddfTtcbiAgZm9udC1zaXplOiAkeyh7IHRoZW1lLCBzaXplIH0pID0+IHRoZW1lLmZvbnRTaXplc1tzaXplID09PSAnbWQnID8gJ3MnIDogJ3hzJ119O1xuXG4gICR7KHsgc3RhdHVzID0gJ2RlZmF1bHQnLCBpbnZlcnQsIHRoZW1lIH0pID0+IHtcbiAgICAvKiogeyBzdGF0dXM6IFsgbWFpbiwgdGV4dCwgYmFja2dyb3VuZCBdIH0gKi9cbiAgICBjb25zdCBzY2hlbWU6IHsgW2tleSBpbiBQaWxsTGFiZWxTdGF0dXNdOiBbQ29sb3IsIENvbG9yLCBDb2xvcl0gfSA9IHtcbiAgICAgIGRlZmF1bHQ6IFsnc3VidGxlLXByaW1hcnknLCAndGV4dC1zZWNvbmRhcnknLCAnYmFja2dyb3VuZC1zdWJ0bGUnXSxcbiAgICAgIGF0dGVudGlvbjogWydhdHRlbnRpb24tcHJpbWFyeScsICd0ZXh0LWF0dGVudGlvbicsICdiYWNrZ3JvdW5kLWF0dGVudGlvbiddLFxuICAgICAgc3VjY2VzczogWydzdWNjZXNzLXByaW1hcnknLCAndGV4dC1zdWNjZXNzJywgJ2JhY2tncm91bmQtc3VjY2VzcyddLFxuICAgICAgaW5mbzogWydpbmZvLXByaW1hcnknLCAndGV4dC1pbmZvJywgJ2JhY2tncm91bmQtaW5mbyddLFxuICAgICAgd2FybmluZzogWyd3YXJuaW5nLXByaW1hcnknLCAndGV4dC13YXJuaW5nJywgJ2JhY2tncm91bmQtd2FybmluZyddLFxuICAgICAgZXJyb3I6IFsnZGFuZ2VyLXByaW1hcnknLCAndGV4dC1kYW5nZXInLCAnYmFja2dyb3VuZC1kYW5nZXInXSxcbiAgICB9XG5cbiAgICByZXR1cm4gYFxuICAgICAgY29sb3I6ICR7aW52ZXJ0ID8gdGhlbWUuY29sb3JzWyd3aGl0ZSddIDogdGhlbWUuY29sb3JzW3NjaGVtZVtzdGF0dXNdWzFdXX07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ludmVydCA/IHRoZW1lLmNvbG9yc1tzY2hlbWVbc3RhdHVzXVswXV0gOiB0aGVtZS5jb2xvcnNbc2NoZW1lW3N0YXR1c11bMl1dfTtcbiAgICBgXG4gIH19XG5gXG4iXX0= */"));
+  return "\n      color: ".concat(invert ? theme.colors['text-inverted'] : theme.colors[scheme[status][1]], ";\n      background-color: ").concat(invert ? theme.colors[scheme[status][0]] : theme.colors[scheme[status][2]], ";\n    ");
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QaWxsTGFiZWwvUGlsbExhYmVsLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMkQiLCJmaWxlIjoiLi4vLi4vc3JjL1BpbGxMYWJlbC9QaWxsTGFiZWwuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29sb3IgfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IFBpbGxMYWJlbFByb3BzLCBQaWxsTGFiZWxTdGF0dXMgfSBmcm9tICcuL1BpbGxMYWJlbC50eXBlcydcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBJY29uQW5kVGV4dFdyYXBwZXIgfSBmcm9tICcuLi9JY29uQW5kVGV4dC9JY29uQW5kVGV4dC5zdHlsZXMnXG5pbXBvcnQgeyBJY29uV3JhcHBlciB9IGZyb20gJy4uL0ljb24vSWNvbi5zdHlsZXMnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFBpbGxMYWJlbFdyYXBwZXIgPSBzdHlsZWQoQm94KTxQaWxsTGFiZWxQcm9wcz5gXG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG4gIGhlaWdodDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiB0aGVtZS5zcGFjZVtzaXplID09PSAnbWQnID8gNSA6IDRdfTtcbiAgbGluZS1oZWlnaHQ6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gdGhlbWUuc3BhY2Vbc2l6ZSA9PT0gJ21kJyA/IDUgOiA0XX07XG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcblxuICAke0ljb25BbmRUZXh0V3JhcHBlcn0sICR7SWNvbldyYXBwZXJ9IHtcbiAgICBsaW5lLWhlaWdodDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiB0aGVtZS5zcGFjZVtzaXplID09PSAnbWQnID8gNSA6IDRdfSAhaW1wb3J0YW50O1xuICB9XG5cbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVsxXX07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZm9udC13ZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFdlaWdodHNbJ3NlbWktYm9sZCddfTtcbiAgZm9udC1zaXplOiAkeyh7IHRoZW1lLCBzaXplIH0pID0+IHRoZW1lLmZvbnRTaXplc1tzaXplID09PSAnbWQnID8gJ3MnIDogJ3hzJ119O1xuXG4gICR7KHsgc3RhdHVzID0gJ2RlZmF1bHQnLCBpbnZlcnQsIHRoZW1lIH0pID0+IHtcbiAgICAvKiogeyBzdGF0dXM6IFsgbWFpbiwgdGV4dCwgYmFja2dyb3VuZCBdIH0gKi9cbiAgICBjb25zdCBzY2hlbWU6IHsgW2tleSBpbiBQaWxsTGFiZWxTdGF0dXNdOiBbQ29sb3IsIENvbG9yLCBDb2xvcl0gfSA9IHtcbiAgICAgIGRlZmF1bHQ6IFsnc3VidGxlLXByaW1hcnknLCAndGV4dC1zZWNvbmRhcnknLCAnYmFja2dyb3VuZC1zdWJ0bGUnXSxcbiAgICAgIGF0dGVudGlvbjogWydhdHRlbnRpb24tcHJpbWFyeScsICd0ZXh0LWF0dGVudGlvbicsICdiYWNrZ3JvdW5kLWF0dGVudGlvbiddLFxuICAgICAgc3VjY2VzczogWydzdWNjZXNzLXByaW1hcnknLCAndGV4dC1zdWNjZXNzJywgJ2JhY2tncm91bmQtc3VjY2VzcyddLFxuICAgICAgaW5mbzogWydpbmZvLXByaW1hcnknLCAndGV4dC1pbmZvJywgJ2JhY2tncm91bmQtaW5mbyddLFxuICAgICAgd2FybmluZzogWyd3YXJuaW5nLXByaW1hcnknLCAndGV4dC13YXJuaW5nJywgJ2JhY2tncm91bmQtd2FybmluZyddLFxuICAgICAgZXJyb3I6IFsnZGFuZ2VyLXByaW1hcnknLCAndGV4dC1kYW5nZXInLCAnYmFja2dyb3VuZC1kYW5nZXInXSxcbiAgICB9XG5cbiAgICByZXR1cm4gYFxuICAgICAgY29sb3I6ICR7aW52ZXJ0ID8gdGhlbWUuY29sb3JzWyd0ZXh0LWludmVydGVkJ10gOiB0aGVtZS5jb2xvcnNbc2NoZW1lW3N0YXR1c11bMV1dfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7aW52ZXJ0ID8gdGhlbWUuY29sb3JzW3NjaGVtZVtzdGF0dXNdWzBdXSA6IHRoZW1lLmNvbG9yc1tzY2hlbWVbc3RhdHVzXVsyXV19O1xuICAgIGBcbiAgfX1cbmBcbiJdfQ== */"));

package/lib/StepNumber/styles.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { Color } from '../theme';
 export declare const StepNumberOrb: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
@@ -9,5 +8,5 @@ export declare const StepNumberOrb: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
 } & import("..").FlexboxProps & {
     complete?: boolean | undefined;
-    color?: Color | undefined;
+    color?: "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "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-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-code-subtle-enabled" | "text-code-subtle-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" | "background-primary" | "background-secondary" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-subtle" | "background-subtle" | "background-info-enabled" | "background-minor" | "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-warning-enabled" | "background-medium" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "border-inverted" | "border-primary" | "border-subtle-enabled" | "border-subtle-hover" | "border-subtle-focus" | "border-subtle-pressed" | "border-subtle-disabled" | "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-subtle-enabled" | "border-high-disabled" | "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" | "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" | "illustration-neutral1" | "illustration-neutral2" | "illustration-neutral3" | "illustration-neutral4" | "illustration-brand-inverted" | "illustration-brand1" | "illustration-brand2" | "illustration-brand3" | "illustration-brand4" | "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" | "brand-primary" | "brand-hover" | "brand-pressed" | "brand-disabled" | "brand-focus" | "brand-inverted" | "brand-subtle" | "subtle-primary" | "subtle-hover" | "subtle-pressed" | "subtle-disabled" | "subtle-inverted" | "danger-primary" | "danger-hover" | "danger-pressed" | "danger-disabled" | "danger-focus" | "danger-subtle" | "success-primary" | "success-hover" | "success-pressed" | "success-disabled" | "success-focus" | "warning-primary" | "warning-hover" | "warning-pressed" | "warning-disabled" | "warning-focus" | "high-primary" | "high-hover" | "high-pressed" | "high-disabled" | "info-primary" | "info-hover" | "info-pressed" | "info-disabled" | "info-inverted" | "attention-primary" | "attention-hover" | "attention-pressed" | "attention-disabled" | "attention-focus" | "navigation-top-primary" | "navigation-text" | "navigation-text-pressed" | undefined;
 }, {}, {}>;

package/lib/Stepper/Stepper.styles.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { Color } from '../theme';
 import { StepLabelProps } from './Stepper.types';
 export declare const StepNumberIcon: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
@@ -9,7 +8,7 @@ export declare const StepNumberIcon: import("@emotion/styled").StyledComponent<{
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & import("..").FlexboxProps & {
-    color?: Color | undefined;
+    color?: "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "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-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-code-subtle-enabled" | "text-code-subtle-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" | "background-primary" | "background-secondary" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-subtle" | "background-subtle" | "background-info-enabled" | "background-minor" | "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-warning-enabled" | "background-medium" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "border-inverted" | "border-primary" | "border-subtle-enabled" | "border-subtle-hover" | "border-subtle-focus" | "border-subtle-pressed" | "border-subtle-disabled" | "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-subtle-enabled" | "border-high-disabled" | "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" | "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" | "illustration-neutral1" | "illustration-neutral2" | "illustration-neutral3" | "illustration-neutral4" | "illustration-brand-inverted" | "illustration-brand1" | "illustration-brand2" | "illustration-brand3" | "illustration-brand4" | "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" | "brand-primary" | "brand-hover" | "brand-pressed" | "brand-disabled" | "brand-focus" | "brand-inverted" | "brand-subtle" | "subtle-primary" | "subtle-hover" | "subtle-pressed" | "subtle-disabled" | "subtle-inverted" | "danger-primary" | "danger-hover" | "danger-pressed" | "danger-disabled" | "danger-focus" | "danger-subtle" | "success-primary" | "success-hover" | "success-pressed" | "success-disabled" | "success-focus" | "warning-primary" | "warning-hover" | "warning-pressed" | "warning-disabled" | "warning-focus" | "high-primary" | "high-hover" | "high-pressed" | "high-disabled" | "info-primary" | "info-hover" | "info-pressed" | "info-disabled" | "info-inverted" | "attention-primary" | "attention-hover" | "attention-pressed" | "attention-disabled" | "attention-focus" | "navigation-top-primary" | "navigation-text" | "navigation-text-pressed" | undefined;
 }, {}, {}>;
 export declare const StepperWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

package/lib/theme/ColorSchemes/codacy.d.ts

@@ -142,9 +142,13 @@ export declare const functionalColorsFx: (colors: {
     'text-brand-focus': string;
     'text-brand-pressed': string;
     'text-brand-disabled': string;
+    'text-code-subtle-enabled': string;
+    'text-code-subtle-disabled': string;
     'text-info-enabled': string;
     'text-minor-enabled': string;
     'text-minor-disabled': string;
+    'text-code-brand-enabled': string;
+    'text-code-brand-disabled': string;
     'text-danger-enabled': string;
     'text-danger-hover': string;
     'text-danger-focus': string;
@@ -152,6 +156,7 @@ export declare const functionalColorsFx: (colors: {
     'text-danger-disabled': string;
     'text-critical-enabled': string;
     'text-critical-disabled': string;
+    'text-code-danger': string;
     'text-warning-enabled': string;
     'text-medium-enabled': string;
     'text-medium-disabled': string;
@@ -159,8 +164,8 @@ export declare const functionalColorsFx: (colors: {
     'text-high-enabled': string;
     'text-high-disabled': string;
     'background-primary': string;
-    'background-brand-inverted': string;
     'background-secondary': string;
+    'background-brand-inverted': string;
     'background-subtle-enabled': string;
     'background-subtle-hover': string;
     'background-subtle-focus': string;
@@ -177,18 +182,22 @@ export declare const functionalColorsFx: (colors: {
     'background-info-enabled': string;
     'background-minor': string;
     'background-minor-enabled': string;
+    'background-minor-disabled': string;
     'background-danger-enabled': string;
     'background-danger-hover': string;
     'background-danger-focus': string;
     'background-danger-pressed': string;
     'background-danger-disabled': string;
     'background-critical-enabled': string;
+    'background-critical-disabled': string;
     'background-success-enabled': string;
     'background-warning-enabled': string;
     'background-medium': string;
     'background-medium-enabled': string;
+    'background-medium-disabled': string;
     'background-attention-enabled': string;
     'background-high-enabled': string;
+    'background-high-disabled': string;
     'border-inverted': string;
     'border-primary': string;
     'border-subtle-enabled': string;
@@ -266,6 +275,20 @@ export declare const functionalColorsFx: (colors: {
     'illustration-brand2': string;
     'illustration-brand3': string;
     'illustration-brand4': string;
+    'data-color1-enabled': string;
+    'data-color1-disabled': string;
+    'data-color2-enabled': string;
+    'data-color2-disabled': string;
+    'data-color3-enabled': string;
+    'data-color3-disabled': string;
+    'data-color4-enabled': string;
+    'data-color4-disabled': string;
+    'data-color5-enabled': string;
+    'data-color5-disabled': string;
+    'data-color6-enabled': string;
+    'data-color6-disabled': string;
+    'data-color7-enabled': string;
+    'data-color7-disabled': string;
     'brand-primary': string;
     'brand-hover': string;
     'brand-pressed': string;
@@ -354,9 +377,13 @@ export declare const functionalColors: {
     'text-brand-focus': string;
     'text-brand-pressed': string;
     'text-brand-disabled': string;
+    'text-code-subtle-enabled': string;
+    'text-code-subtle-disabled': string;
     'text-info-enabled': string;
     'text-minor-enabled': string;
     'text-minor-disabled': string;
+    'text-code-brand-enabled': string;
+    'text-code-brand-disabled': string;
     'text-danger-enabled': string;
     'text-danger-hover': string;
     'text-danger-focus': string;
@@ -364,6 +391,7 @@ export declare const functionalColors: {
     'text-danger-disabled': string;
     'text-critical-enabled': string;
     'text-critical-disabled': string;
+    'text-code-danger': string;
     'text-warning-enabled': string;
     'text-medium-enabled': string;
     'text-medium-disabled': string;
@@ -371,8 +399,8 @@ export declare const functionalColors: {
     'text-high-enabled': string;
     'text-high-disabled': string;
     'background-primary': string;
-    'background-brand-inverted': string;
     'background-secondary': string;
+    'background-brand-inverted': string;
     'background-subtle-enabled': string;
     'background-subtle-hover': string;
     'background-subtle-focus': string;
@@ -389,18 +417,22 @@ export declare const functionalColors: {
     'background-info-enabled': string;
     'background-minor': string;
     'background-minor-enabled': string;
+    'background-minor-disabled': string;
     'background-danger-enabled': string;
     'background-danger-hover': string;
     'background-danger-focus': string;
     'background-danger-pressed': string;
     'background-danger-disabled': string;
     'background-critical-enabled': string;
+    'background-critical-disabled': string;
     'background-success-enabled': string;
     'background-warning-enabled': string;
     'background-medium': string;
     'background-medium-enabled': string;
+    'background-medium-disabled': string;
     'background-attention-enabled': string;
     'background-high-enabled': string;
+    'background-high-disabled': string;
     'border-inverted': string;
     'border-primary': string;
     'border-subtle-enabled': string;
@@ -478,6 +510,20 @@ export declare const functionalColors: {
     'illustration-brand2': string;
     'illustration-brand3': string;
     'illustration-brand4': string;
+    'data-color1-enabled': string;
+    'data-color1-disabled': string;
+    'data-color2-enabled': string;
+    'data-color2-disabled': string;
+    'data-color3-enabled': string;
+    'data-color3-disabled': string;
+    'data-color4-enabled': string;
+    'data-color4-disabled': string;
+    'data-color5-enabled': string;
+    'data-color5-disabled': string;
+    'data-color6-enabled': string;
+    'data-color6-disabled': string;
+    'data-color7-enabled': string;
+    'data-color7-disabled': string;
     'brand-primary': string;
     'brand-hover': string;
     'brand-pressed': string;
@@ -526,7 +572,7 @@ export declare const functionalColors: {
 };
 export declare type BaseColor = keyof typeof baseColors;
 export declare type FunctionalColor = keyof typeof functionalColors;
-export declare type Color = BaseColor | FunctionalColor;
+export declare type Color = FunctionalColor;
 export declare type ColorScheme = {
     [key in Color]: string;
 };

package/lib/theme/ColorSchemes/codacy.js

@@ -118,11 +118,15 @@ var functionalColorsFx = exports.functionalColorsFx = function functionalColorsF
     'text-brand-focus': colors['blue-30'],
     'text-brand-pressed': colors['blue-20'],
     'text-brand-disabled': colors['blue-70'],
+    'text-code-subtle-enabled': colors['grey-20'],
+    'text-code-subtle-disabled': colors['grey-60'],
     // Text - Semantic
     // blue
     'text-info-enabled': colors['blue-40'],
     'text-minor-enabled': colors['blue-40'],
     'text-minor-disabled': colors['blue-70'],
+    'text-code-brand-enabled': colors['blue-20'],
+    'text-code-brand-disabled': colors['blue-60'],
     // red
     'text-danger-enabled': colors['red-40'],
     'text-danger-hover': colors['red-30'],
@@ -131,6 +135,7 @@ var functionalColorsFx = exports.functionalColorsFx = function functionalColorsF
     'text-danger-disabled': colors['red-70'],
     'text-critical-enabled': colors['red-40'],
     'text-critical-disabled': colors['red-70'],
+    'text-code-danger': colors['red-60'],
     // yellow
     'text-warning-enabled': colors['yellow-40'],
     'text-medium-enabled': colors['yellow-40'],
@@ -142,8 +147,8 @@ var functionalColorsFx = exports.functionalColorsFx = function functionalColorsF
     'text-high-disabled': colors['orange-70'],
     // BACKGROUND
     'background-primary': colors['white'],
-    'background-brand-inverted': colors['white'],
     'background-secondary': colors['grey-99'],
+    'background-brand-inverted': colors['white'],
     'background-subtle-enabled': colors['grey-40'],
     'background-subtle-hover': colors['grey-30'],
     'background-subtle-focus': colors['grey-30'],
@@ -162,6 +167,7 @@ var functionalColorsFx = exports.functionalColorsFx = function functionalColorsF
     'background-info-enabled': colors['blue-40'],
     'background-minor': colors['blue-95'],
     'background-minor-enabled': colors['blue-40'],
+    'background-minor-disabled': colors['blue-70'],
     // red
     'background-danger-enabled': colors['red-40'],
     'background-danger-hover': colors['red-30'],
@@ -169,16 +175,19 @@ var functionalColorsFx = exports.functionalColorsFx = function functionalColorsF
     'background-danger-pressed': colors['red-20'],
     'background-danger-disabled': colors['red-70'],
     'background-critical-enabled': colors['red-40'],
+    'background-critical-disabled': colors['red-70'],
     // green
     'background-success-enabled': colors['green-40'],
     // yellow
     'background-warning-enabled': colors['yellow-40'],
     'background-medium': colors['yellow-95'],
     'background-medium-enabled': colors['yellow-40'],
+    'background-medium-disabled': colors['yellow-70'],
     // purple
     'background-attention-enabled': colors['purple-40'],
     // orange
     'background-high-enabled': colors['orange-40'],
+    'background-high-disabled': colors['orange-70'],
     // BORDER
     'border-inverted': colors['white'],
     'border-primary': colors['grey-90'],
@@ -273,6 +282,21 @@ var functionalColorsFx = exports.functionalColorsFx = function functionalColorsF
     'illustration-brand2': colors['blue-30'],
     'illustration-brand3': colors['blue-70'],
     'illustration-brand4': colors['blue-99'],
+    // DATA VISUALIZATION
+    'data-color1-enabled': colors['blue-60'],
+    'data-color1-disabled': colors['blue-99'],
+    'data-color2-enabled': colors['blue-30'],
+    'data-color2-disabled': colors['blue-95'],
+    'data-color3-enabled': colors['purple-60'],
+    'data-color3-disabled': colors['purple-95'],
+    'data-color4-enabled': colors['magenta-40'],
+    'data-color4-disabled': colors['magenta-95'],
+    'data-color5-enabled': colors['purple-80'],
+    'data-color5-disabled': colors['purple-99'],
+    'data-color6-enabled': colors['grey-60'],
+    'data-color6-disabled': colors['grey-99'],
+    'data-color7-enabled': colors['grey-20'],
+    'data-color7-disabled': colors['grey-95'],
     // COLORS THAT ARE NOT DEFINED IN THE NEW DESIGN SYSTEM
     // Brand
     'brand-primary': colors['blue-40'],

package/lib/theme/theme.js

@@ -80,7 +80,7 @@ var sizes = [/** size-00 */"".concat(gridSize * 9, "rem"), // 72px
 ];
 var radii = ['0.125rem' /* 2px */, '0.25rem' /* 4px */, '0.5rem' /* 8px */];
 var shadowsFx = function shadowsFx(scheme) {
-  return ["0 0.0625rem 0.125rem ".concat((0, _polished.rgba)(scheme['grey-30'], 0.2)), "0 0.125rem 0.375rem ".concat((0, _polished.rgba)(scheme['grey-30'], 0.3)), "0 0.125rem 0.375rem ".concat((0, _polished.rgba)(scheme['grey-30'], 0.2), ", 0 0.125rem 0.5rem ").concat((0, _polished.rgba)(scheme['grey-30'], 0.1)), "0 0.25rem 0.5rem ".concat((0, _polished.rgba)(scheme['grey-30'], 0.2), ", 0 0.25rem 0.75rem ").concat((0, _polished.rgba)(scheme['grey-30'], 0.1)), "0 0.75rem 1rem ".concat((0, _polished.rgba)(scheme['grey-30'], 0.2), ", 0 0.75rem 1.5rem ").concat((0, _polished.rgba)(scheme['grey-30'], 0.1))];
+  return ["0 0.0625rem 0.125rem ".concat((0, _polished.rgba)(scheme['border-subtle-hover'], 0.2)), "0 0.125rem 0.375rem ".concat((0, _polished.rgba)(scheme['border-subtle-hover'], 0.3)), "0 0.125rem 0.375rem ".concat((0, _polished.rgba)(scheme['border-subtle-hover'], 0.2), ", 0 0.125rem 0.5rem ").concat((0, _polished.rgba)(scheme['border-subtle-hover'], 0.1)), "0 0.25rem 0.5rem ".concat((0, _polished.rgba)(scheme['border-subtle-hover'], 0.2), ", 0 0.25rem 0.75rem ").concat((0, _polished.rgba)(scheme['border-subtle-hover'], 0.1)), "0 0.75rem 1rem ".concat((0, _polished.rgba)(scheme['border-subtle-hover'], 0.2), ", 0 0.75rem 1.5rem ").concat((0, _polished.rgba)(scheme['border-subtle-hover'], 0.1))];
 };
 var transitions = ['0.2s ease-in-out', '0.35s ease-in-out', '0.75s ease-in-out'];
 var breakpoints = ['85.1rem' /* > 1360px */, '90.1rem' /* > 1440px */, '105.1rem' /* > 1680px */];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codacy/ui-components",
-  "version": "0.65.82",
+  "version": "0.65.84",
   "description": "",
   "license": "ISC",
   "author": "",