@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.
- package/lib/ExpandableBox/ExpandableBox.styles.d.ts +2 -3
- package/lib/PillLabel/PillLabel.styles.js +2 -2
- package/lib/StepNumber/styles.d.ts +1 -2
- package/lib/Stepper/Stepper.styles.d.ts +1 -2
- package/lib/theme/ColorSchemes/codacy.d.ts +39 -3
- package/lib/theme/ColorSchemes/codacy.js +20 -1
- package/lib/theme/theme.js +1 -1
- package/package.json +1 -1
|
@@ -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?:
|
|
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?:
|
|
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['
|
|
57
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QaWxsTGFiZWwvUGlsbExhYmVsLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMkQiLCJmaWxlIjoiLi4vLi4vc3JjL1BpbGxMYWJlbC9QaWxsTGFiZWwuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29sb3IgfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IFBpbGxMYWJlbFByb3BzLCBQaWxsTGFiZWxTdGF0dXMgfSBmcm9tICcuL1BpbGxMYWJlbC50eXBlcydcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBJY29uQW5kVGV4dFdyYXBwZXIgfSBmcm9tICcuLi9JY29uQW5kVGV4dC9JY29uQW5kVGV4dC5zdHlsZXMnXG5pbXBvcnQgeyBJY29uV3JhcHBlciB9IGZyb20gJy4uL0ljb24vSWNvbi5zdHlsZXMnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFBpbGxMYWJlbFdyYXBwZXIgPSBzdHlsZWQoQm94KTxQaWxsTGFiZWxQcm9wcz5gXG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG4gIGhlaWdodDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiB0aGVtZS5zcGFjZVtzaXplID09PSAnbWQnID8gNSA6IDRdfTtcbiAgbGluZS1oZWlnaHQ6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gdGhlbWUuc3BhY2Vbc2l6ZSA9PT0gJ21kJyA/IDUgOiA0XX07XG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcblxuICAke0ljb25BbmRUZXh0V3JhcHBlcn0sICR7SWNvbldyYXBwZXJ9IHtcbiAgICBsaW5lLWhlaWdodDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiB0aGVtZS5zcGFjZVtzaXplID09PSAnbWQnID8gNSA6IDRdfSAhaW1wb3J0YW50O1xuICB9XG5cbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVsxXX07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZm9udC13ZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFdlaWdodHNbJ3NlbWktYm9sZCddfTtcbiAgZm9udC1zaXplOiAkeyh7IHRoZW1lLCBzaXplIH0pID0+IHRoZW1lLmZvbnRTaXplc1tzaXplID09PSAnbWQnID8gJ3MnIDogJ3hzJ119O1xuXG4gICR7KHsgc3RhdHVzID0gJ2RlZmF1bHQnLCBpbnZlcnQsIHRoZW1lIH0pID0+
|
|
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?:
|
|
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?:
|
|
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 =
|
|
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'],
|
package/lib/theme/theme.js
CHANGED
|
@@ -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['
|
|
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 */];
|