@codacy/ui-components 0.65.82 → 0.65.83

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,9 +1,8 @@
1
1
  /// <reference types="react" />
2
- import { Color } from '../theme';
3
2
  export declare const StyledAnimateHeight: import("@emotion/styled").StyledComponent<import("react-animate-height").AnimateHeightProps & {
4
3
  theme?: import("@emotion/react").Theme | undefined;
5
4
  } & {
6
- secondaryColor?: Color | undefined;
5
+ 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-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "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;
7
6
  }, {}, {}>;
8
7
  export declare const StyledExpandableBox: import("@emotion/styled").StyledComponent<{
9
8
  theme?: import("@emotion/react").Theme | undefined;
@@ -13,7 +12,7 @@ export declare const StyledExpandableBox: import("@emotion/styled").StyledCompon
13
12
  } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
14
13
  theme?: import("@emotion/react").Theme | undefined;
15
14
  } & import("..").FlexboxProps & import("..").GridboxProps & {
16
- primaryColor?: Color | undefined;
15
+ 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-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "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;
17
16
  expanded?: boolean | undefined;
18
17
  }, {}, {}>;
19
18
  export declare const StyledBox: import("@emotion/styled").StyledComponent<{
@@ -53,5 +53,5 @@ var PillLabelWrapper = exports.PillLabelWrapper = /*#__PURE__*/(0, _base["defaul
53
53
  warning: ['warning-primary', 'text-warning', 'background-warning'],
54
54
  error: ['danger-primary', 'text-danger', 'background-danger']
55
55
  };
56
- 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 ");
57
- }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QaWxsTGFiZWwvUGlsbExhYmVsLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMkQiLCJmaWxlIjoiLi4vLi4vc3JjL1BpbGxMYWJlbC9QaWxsTGFiZWwuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29sb3IgfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IFBpbGxMYWJlbFByb3BzLCBQaWxsTGFiZWxTdGF0dXMgfSBmcm9tICcuL1BpbGxMYWJlbC50eXBlcydcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBJY29uQW5kVGV4dFdyYXBwZXIgfSBmcm9tICcuLi9JY29uQW5kVGV4dC9JY29uQW5kVGV4dC5zdHlsZXMnXG5pbXBvcnQgeyBJY29uV3JhcHBlciB9IGZyb20gJy4uL0ljb24vSWNvbi5zdHlsZXMnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFBpbGxMYWJlbFdyYXBwZXIgPSBzdHlsZWQoQm94KTxQaWxsTGFiZWxQcm9wcz5gXG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG4gIGhlaWdodDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiB0aGVtZS5zcGFjZVtzaXplID09PSAnbWQnID8gNSA6IDRdfTtcbiAgbGluZS1oZWlnaHQ6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gdGhlbWUuc3BhY2Vbc2l6ZSA9PT0gJ21kJyA/IDUgOiA0XX07XG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcblxuICAke0ljb25BbmRUZXh0V3JhcHBlcn0sICR7SWNvbldyYXBwZXJ9IHtcbiAgICBsaW5lLWhlaWdodDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiB0aGVtZS5zcGFjZVtzaXplID09PSAnbWQnID8gNSA6IDRdfSAhaW1wb3J0YW50O1xuICB9XG5cbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVsxXX07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZm9udC13ZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFdlaWdodHNbJ3NlbWktYm9sZCddfTtcbiAgZm9udC1zaXplOiAkeyh7IHRoZW1lLCBzaXplIH0pID0+IHRoZW1lLmZvbnRTaXplc1tzaXplID09PSAnbWQnID8gJ3MnIDogJ3hzJ119O1xuXG4gICR7KHsgc3RhdHVzID0gJ2RlZmF1bHQnLCBpbnZlcnQsIHRoZW1lIH0pID0+IHtcbiAgICAvKiogeyBzdGF0dXM6IFsgbWFpbiwgdGV4dCwgYmFja2dyb3VuZCBdIH0gKi9cbiAgICBjb25zdCBzY2hlbWU6IHsgW2tleSBpbiBQaWxsTGFiZWxTdGF0dXNdOiBbQ29sb3IsIENvbG9yLCBDb2xvcl0gfSA9IHtcbiAgICAgIGRlZmF1bHQ6IFsnc3VidGxlLXByaW1hcnknLCAndGV4dC1zZWNvbmRhcnknLCAnYmFja2dyb3VuZC1zdWJ0bGUnXSxcbiAgICAgIGF0dGVudGlvbjogWydhdHRlbnRpb24tcHJpbWFyeScsICd0ZXh0LWF0dGVudGlvbicsICdiYWNrZ3JvdW5kLWF0dGVudGlvbiddLFxuICAgICAgc3VjY2VzczogWydzdWNjZXNzLXByaW1hcnknLCAndGV4dC1zdWNjZXNzJywgJ2JhY2tncm91bmQtc3VjY2VzcyddLFxuICAgICAgaW5mbzogWydpbmZvLXByaW1hcnknLCAndGV4dC1pbmZvJywgJ2JhY2tncm91bmQtaW5mbyddLFxuICAgICAgd2FybmluZzogWyd3YXJuaW5nLXByaW1hcnknLCAndGV4dC13YXJuaW5nJywgJ2JhY2tncm91bmQtd2FybmluZyddLFxuICAgICAgZXJyb3I6IFsnZGFuZ2VyLXByaW1hcnknLCAndGV4dC1kYW5nZXInLCAnYmFja2dyb3VuZC1kYW5nZXInXSxcbiAgICB9XG5cbiAgICByZXR1cm4gYFxuICAgICAgY29sb3I6ICR7aW52ZXJ0ID8gdGhlbWUuY29sb3JzWyd3aGl0ZSddIDogdGhlbWUuY29sb3JzW3NjaGVtZVtzdGF0dXNdWzFdXX07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ludmVydCA/IHRoZW1lLmNvbG9yc1tzY2hlbWVbc3RhdHVzXVswXV0gOiB0aGVtZS5jb2xvcnNbc2NoZW1lW3N0YXR1c11bMl1dfTtcbiAgICBgXG4gIH19XG5gXG4iXX0= */"));
56
+ 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 ");
57
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QaWxsTGFiZWwvUGlsbExhYmVsLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMkQiLCJmaWxlIjoiLi4vLi4vc3JjL1BpbGxMYWJlbC9QaWxsTGFiZWwuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29sb3IgfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IFBpbGxMYWJlbFByb3BzLCBQaWxsTGFiZWxTdGF0dXMgfSBmcm9tICcuL1BpbGxMYWJlbC50eXBlcydcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBJY29uQW5kVGV4dFdyYXBwZXIgfSBmcm9tICcuLi9JY29uQW5kVGV4dC9JY29uQW5kVGV4dC5zdHlsZXMnXG5pbXBvcnQgeyBJY29uV3JhcHBlciB9IGZyb20gJy4uL0ljb24vSWNvbi5zdHlsZXMnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFBpbGxMYWJlbFdyYXBwZXIgPSBzdHlsZWQoQm94KTxQaWxsTGFiZWxQcm9wcz5gXG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG4gIGhlaWdodDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiB0aGVtZS5zcGFjZVtzaXplID09PSAnbWQnID8gNSA6IDRdfTtcbiAgbGluZS1oZWlnaHQ6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gdGhlbWUuc3BhY2Vbc2l6ZSA9PT0gJ21kJyA/IDUgOiA0XX07XG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcblxuICAke0ljb25BbmRUZXh0V3JhcHBlcn0sICR7SWNvbldyYXBwZXJ9IHtcbiAgICBsaW5lLWhlaWdodDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiB0aGVtZS5zcGFjZVtzaXplID09PSAnbWQnID8gNSA6IDRdfSAhaW1wb3J0YW50O1xuICB9XG5cbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVsxXX07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZm9udC13ZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFdlaWdodHNbJ3NlbWktYm9sZCddfTtcbiAgZm9udC1zaXplOiAkeyh7IHRoZW1lLCBzaXplIH0pID0+IHRoZW1lLmZvbnRTaXplc1tzaXplID09PSAnbWQnID8gJ3MnIDogJ3hzJ119O1xuXG4gICR7KHsgc3RhdHVzID0gJ2RlZmF1bHQnLCBpbnZlcnQsIHRoZW1lIH0pID0+IHtcbiAgICAvKiogeyBzdGF0dXM6IFsgbWFpbiwgdGV4dCwgYmFja2dyb3VuZCBdIH0gKi9cbiAgICBjb25zdCBzY2hlbWU6IHsgW2tleSBpbiBQaWxsTGFiZWxTdGF0dXNdOiBbQ29sb3IsIENvbG9yLCBDb2xvcl0gfSA9IHtcbiAgICAgIGRlZmF1bHQ6IFsnc3VidGxlLXByaW1hcnknLCAndGV4dC1zZWNvbmRhcnknLCAnYmFja2dyb3VuZC1zdWJ0bGUnXSxcbiAgICAgIGF0dGVudGlvbjogWydhdHRlbnRpb24tcHJpbWFyeScsICd0ZXh0LWF0dGVudGlvbicsICdiYWNrZ3JvdW5kLWF0dGVudGlvbiddLFxuICAgICAgc3VjY2VzczogWydzdWNjZXNzLXByaW1hcnknLCAndGV4dC1zdWNjZXNzJywgJ2JhY2tncm91bmQtc3VjY2VzcyddLFxuICAgICAgaW5mbzogWydpbmZvLXByaW1hcnknLCAndGV4dC1pbmZvJywgJ2JhY2tncm91bmQtaW5mbyddLFxuICAgICAgd2FybmluZzogWyd3YXJuaW5nLXByaW1hcnknLCAndGV4dC13YXJuaW5nJywgJ2JhY2tncm91bmQtd2FybmluZyddLFxuICAgICAgZXJyb3I6IFsnZGFuZ2VyLXByaW1hcnknLCAndGV4dC1kYW5nZXInLCAnYmFja2dyb3VuZC1kYW5nZXInXSxcbiAgICB9XG5cbiAgICByZXR1cm4gYFxuICAgICAgY29sb3I6ICR7aW52ZXJ0ID8gdGhlbWUuY29sb3JzWyd0ZXh0LWludmVydGVkJ10gOiB0aGVtZS5jb2xvcnNbc2NoZW1lW3N0YXR1c11bMV1dfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7aW52ZXJ0ID8gdGhlbWUuY29sb3JzW3NjaGVtZVtzdGF0dXNdWzBdXSA6IHRoZW1lLmNvbG9yc1tzY2hlbWVbc3RhdHVzXVsyXV19O1xuICAgIGBcbiAgfX1cbmBcbiJdfQ== */"));
@@ -1,5 +1,4 @@
1
1
  /// <reference types="react" />
2
- import { Color } from '../theme';
3
2
  export declare const StepNumberOrb: import("@emotion/styled").StyledComponent<{
4
3
  theme?: import("@emotion/react").Theme | undefined;
5
4
  as?: import("react").ElementType<any> | undefined;
@@ -9,5 +8,5 @@ export declare const StepNumberOrb: import("@emotion/styled").StyledComponent<{
9
8
  theme?: import("@emotion/react").Theme | undefined;
10
9
  } & import("..").FlexboxProps & {
11
10
  complete?: boolean | undefined;
12
- color?: Color | undefined;
11
+ 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-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "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;
13
12
  }, {}, {}>;
@@ -1,5 +1,4 @@
1
1
  /// <reference types="react" />
2
- import { Color } from '../theme';
3
2
  import { StepLabelProps } from './Stepper.types';
4
3
  export declare const StepNumberIcon: import("@emotion/styled").StyledComponent<{
5
4
  theme?: import("@emotion/react").Theme | undefined;
@@ -9,7 +8,7 @@ export declare const StepNumberIcon: import("@emotion/styled").StyledComponent<{
9
8
  } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
10
9
  theme?: import("@emotion/react").Theme | undefined;
11
10
  } & import("..").FlexboxProps & {
12
- color?: Color | undefined;
11
+ 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-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "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;
13
12
  }, {}, {}>;
14
13
  export declare const StepperWrapper: import("@emotion/styled").StyledComponent<{
15
14
  theme?: import("@emotion/react").Theme | undefined;
@@ -159,8 +159,8 @@ export declare const functionalColorsFx: (colors: {
159
159
  'text-high-enabled': string;
160
160
  'text-high-disabled': string;
161
161
  'background-primary': string;
162
- 'background-brand-inverted': string;
163
162
  'background-secondary': string;
163
+ 'background-brand-inverted': string;
164
164
  'background-subtle-enabled': string;
165
165
  'background-subtle-hover': string;
166
166
  'background-subtle-focus': string;
@@ -177,18 +177,22 @@ export declare const functionalColorsFx: (colors: {
177
177
  'background-info-enabled': string;
178
178
  'background-minor': string;
179
179
  'background-minor-enabled': string;
180
+ 'background-minor-disabled': string;
180
181
  'background-danger-enabled': string;
181
182
  'background-danger-hover': string;
182
183
  'background-danger-focus': string;
183
184
  'background-danger-pressed': string;
184
185
  'background-danger-disabled': string;
185
186
  'background-critical-enabled': string;
187
+ 'background-critical-disabled': string;
186
188
  'background-success-enabled': string;
187
189
  'background-warning-enabled': string;
188
190
  'background-medium': string;
189
191
  'background-medium-enabled': string;
192
+ 'background-medium-disabled': string;
190
193
  'background-attention-enabled': string;
191
194
  'background-high-enabled': string;
195
+ 'background-high-disabled': string;
192
196
  'border-inverted': string;
193
197
  'border-primary': string;
194
198
  'border-subtle-enabled': string;
@@ -266,6 +270,20 @@ export declare const functionalColorsFx: (colors: {
266
270
  'illustration-brand2': string;
267
271
  'illustration-brand3': string;
268
272
  'illustration-brand4': string;
273
+ 'data-color1-enabled': string;
274
+ 'data-color1-disabled': string;
275
+ 'data-color2-enabled': string;
276
+ 'data-color2-disabled': string;
277
+ 'data-color3-enabled': string;
278
+ 'data-color3-disabled': string;
279
+ 'data-color4-enabled': string;
280
+ 'data-color4-disabled': string;
281
+ 'data-color5-enabled': string;
282
+ 'data-color5-disabled': string;
283
+ 'data-color6-enabled': string;
284
+ 'data-color6-disabled': string;
285
+ 'data-color7-enabled': string;
286
+ 'data-color7-disabled': string;
269
287
  'brand-primary': string;
270
288
  'brand-hover': string;
271
289
  'brand-pressed': string;
@@ -371,8 +389,8 @@ export declare const functionalColors: {
371
389
  'text-high-enabled': string;
372
390
  'text-high-disabled': string;
373
391
  'background-primary': string;
374
- 'background-brand-inverted': string;
375
392
  'background-secondary': string;
393
+ 'background-brand-inverted': string;
376
394
  'background-subtle-enabled': string;
377
395
  'background-subtle-hover': string;
378
396
  'background-subtle-focus': string;
@@ -389,18 +407,22 @@ export declare const functionalColors: {
389
407
  'background-info-enabled': string;
390
408
  'background-minor': string;
391
409
  'background-minor-enabled': string;
410
+ 'background-minor-disabled': string;
392
411
  'background-danger-enabled': string;
393
412
  'background-danger-hover': string;
394
413
  'background-danger-focus': string;
395
414
  'background-danger-pressed': string;
396
415
  'background-danger-disabled': string;
397
416
  'background-critical-enabled': string;
417
+ 'background-critical-disabled': string;
398
418
  'background-success-enabled': string;
399
419
  'background-warning-enabled': string;
400
420
  'background-medium': string;
401
421
  'background-medium-enabled': string;
422
+ 'background-medium-disabled': string;
402
423
  'background-attention-enabled': string;
403
424
  'background-high-enabled': string;
425
+ 'background-high-disabled': string;
404
426
  'border-inverted': string;
405
427
  'border-primary': string;
406
428
  'border-subtle-enabled': string;
@@ -478,6 +500,20 @@ export declare const functionalColors: {
478
500
  'illustration-brand2': string;
479
501
  'illustration-brand3': string;
480
502
  'illustration-brand4': string;
503
+ 'data-color1-enabled': string;
504
+ 'data-color1-disabled': string;
505
+ 'data-color2-enabled': string;
506
+ 'data-color2-disabled': string;
507
+ 'data-color3-enabled': string;
508
+ 'data-color3-disabled': string;
509
+ 'data-color4-enabled': string;
510
+ 'data-color4-disabled': string;
511
+ 'data-color5-enabled': string;
512
+ 'data-color5-disabled': string;
513
+ 'data-color6-enabled': string;
514
+ 'data-color6-disabled': string;
515
+ 'data-color7-enabled': string;
516
+ 'data-color7-disabled': string;
481
517
  'brand-primary': string;
482
518
  'brand-hover': string;
483
519
  'brand-pressed': string;
@@ -526,7 +562,7 @@ export declare const functionalColors: {
526
562
  };
527
563
  export declare type BaseColor = keyof typeof baseColors;
528
564
  export declare type FunctionalColor = keyof typeof functionalColors;
529
- export declare type Color = BaseColor | FunctionalColor;
565
+ export declare type Color = FunctionalColor;
530
566
  export declare type ColorScheme = {
531
567
  [key in Color]: string;
532
568
  };
@@ -142,8 +142,8 @@ var functionalColorsFx = exports.functionalColorsFx = function functionalColorsF
142
142
  'text-high-disabled': colors['orange-70'],
143
143
  // BACKGROUND
144
144
  'background-primary': colors['white'],
145
- 'background-brand-inverted': colors['white'],
146
145
  'background-secondary': colors['grey-99'],
146
+ 'background-brand-inverted': colors['white'],
147
147
  'background-subtle-enabled': colors['grey-40'],
148
148
  'background-subtle-hover': colors['grey-30'],
149
149
  'background-subtle-focus': colors['grey-30'],
@@ -162,6 +162,7 @@ var functionalColorsFx = exports.functionalColorsFx = function functionalColorsF
162
162
  'background-info-enabled': colors['blue-40'],
163
163
  'background-minor': colors['blue-95'],
164
164
  'background-minor-enabled': colors['blue-40'],
165
+ 'background-minor-disabled': colors['blue-60'],
165
166
  // red
166
167
  'background-danger-enabled': colors['red-40'],
167
168
  'background-danger-hover': colors['red-30'],
@@ -169,16 +170,19 @@ var functionalColorsFx = exports.functionalColorsFx = function functionalColorsF
169
170
  'background-danger-pressed': colors['red-20'],
170
171
  'background-danger-disabled': colors['red-70'],
171
172
  'background-critical-enabled': colors['red-40'],
173
+ 'background-critical-disabled': colors['red-60'],
172
174
  // green
173
175
  'background-success-enabled': colors['green-40'],
174
176
  // yellow
175
177
  'background-warning-enabled': colors['yellow-40'],
176
178
  'background-medium': colors['yellow-95'],
177
179
  'background-medium-enabled': colors['yellow-40'],
180
+ 'background-medium-disabled': colors['yellow-60'],
178
181
  // purple
179
182
  'background-attention-enabled': colors['purple-40'],
180
183
  // orange
181
184
  'background-high-enabled': colors['orange-40'],
185
+ 'background-high-disabled': colors['orange-60'],
182
186
  // BORDER
183
187
  'border-inverted': colors['white'],
184
188
  'border-primary': colors['grey-90'],
@@ -273,6 +277,21 @@ var functionalColorsFx = exports.functionalColorsFx = function functionalColorsF
273
277
  'illustration-brand2': colors['blue-30'],
274
278
  'illustration-brand3': colors['blue-70'],
275
279
  'illustration-brand4': colors['blue-99'],
280
+ // DATA VISUALIZATION
281
+ 'data-color1-enabled': colors['blue-60'],
282
+ 'data-color1-disabled': colors['blue-99'],
283
+ 'data-color2-enabled': colors['blue-30'],
284
+ 'data-color2-disabled': colors['blue-95'],
285
+ 'data-color3-enabled': colors['purple-60'],
286
+ 'data-color3-disabled': colors['purple-95'],
287
+ 'data-color4-enabled': colors['magenta-40'],
288
+ 'data-color4-disabled': colors['magenta-95'],
289
+ 'data-color5-enabled': colors['purple-80'],
290
+ 'data-color5-disabled': colors['purple-99'],
291
+ 'data-color6-enabled': colors['grey-60'],
292
+ 'data-color6-disabled': colors['grey-99'],
293
+ 'data-color7-enabled': colors['grey-20'],
294
+ 'data-color7-disabled': colors['grey-95'],
276
295
  // COLORS THAT ARE NOT DEFINED IN THE NEW DESIGN SYSTEM
277
296
  // Brand
278
297
  'brand-primary': colors['blue-40'],
@@ -80,7 +80,7 @@ var sizes = [/** size-00 */"".concat(gridSize * 9, "rem"), // 72px
80
80
  ];
81
81
  var radii = ['0.125rem' /* 2px */, '0.25rem' /* 4px */, '0.5rem' /* 8px */];
82
82
  var shadowsFx = function shadowsFx(scheme) {
83
- 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))];
83
+ 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))];
84
84
  };
85
85
  var transitions = ['0.2s ease-in-out', '0.35s ease-in-out', '0.75s ease-in-out'];
86
86
  var breakpoints = ['85.1rem' /* > 1360px */, '90.1rem' /* > 1440px */, '105.1rem' /* > 1680px */];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codacy/ui-components",
3
- "version": "0.65.82",
3
+ "version": "0.65.83",
4
4
  "description": "",
5
5
  "license": "ISC",
6
6
  "author": "",