@codacy/ui-components 0.65.90 → 0.65.92

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.
Files changed (9) hide show
  1. package/lib/ExpandableBox/ExpandableBox.styles.d.ts +2 -2
  2. package/lib/StepNumber/styles.d.ts +1 -1
  3. package/lib/Stepper/Stepper.styles.d.ts +1 -1
  4. package/lib/Typography/Typography.types.d.ts +1 -1
  5. package/lib/theme/ColorSchemes/codacy.d.ts +20 -5
  6. package/lib/theme/ColorSchemes/codacy.js +32 -16
  7. package/lib/theme/ColorSchemes/dark.d.ts +18 -2
  8. package/lib/theme/ColorSchemes/dark.js +7 -8
  9. package/package.json +1 -1
package/lib/ExpandableBox/ExpandableBox.styles.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  export declare const StyledAnimateHeight: import("@emotion/styled").StyledComponent<import("react-animate-height").AnimateHeightProps & {
3
3
  theme?: import("@emotion/react").Theme | undefined;
4
4
  } & {
5
- secondaryColor?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-code-subtle-enabled" | "text-code-subtle-disabled" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-code-brand-enabled" | "text-code-brand-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-code-danger" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "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-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "background-warning-enabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "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;
5
+ secondaryColor?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-code-subtle-enabled" | "text-code-subtle-disabled" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-code-brand-enabled" | "text-code-brand-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-code-danger" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "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-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "background-warning-enabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "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-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;
6
6
  }, {}, {}>;
7
7
  export declare const StyledExpandableBox: import("@emotion/styled").StyledComponent<{
8
8
  theme?: import("@emotion/react").Theme | undefined;
@@ -12,7 +12,7 @@ export declare const StyledExpandableBox: import("@emotion/styled").StyledCompon
12
12
  } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
13
13
  theme?: import("@emotion/react").Theme | undefined;
14
14
  } & import("..").FlexboxProps & import("..").GridboxProps & {
15
- primaryColor?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-code-subtle-enabled" | "text-code-subtle-disabled" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-code-brand-enabled" | "text-code-brand-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-code-danger" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "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-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "background-warning-enabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "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;
15
+ primaryColor?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-code-subtle-enabled" | "text-code-subtle-disabled" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-code-brand-enabled" | "text-code-brand-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-code-danger" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "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-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "background-warning-enabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "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-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;
16
16
  expanded?: boolean | undefined;
17
17
  }, {}, {}>;
18
18
  export declare const StyledBox: import("@emotion/styled").StyledComponent<{
package/lib/StepNumber/styles.d.ts CHANGED
@@ -8,5 +8,5 @@ export declare const StepNumberOrb: import("@emotion/styled").StyledComponent<{
8
8
  theme?: import("@emotion/react").Theme | undefined;
9
9
  } & import("..").FlexboxProps & {
10
10
  complete?: boolean | undefined;
11
- color?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-code-subtle-enabled" | "text-code-subtle-disabled" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-code-brand-enabled" | "text-code-brand-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-code-danger" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "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-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "background-warning-enabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "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;
11
+ color?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-code-subtle-enabled" | "text-code-subtle-disabled" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-code-brand-enabled" | "text-code-brand-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-code-danger" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "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-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "background-warning-enabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "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-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;
12
12
  }, {}, {}>;
package/lib/Stepper/Stepper.styles.d.ts CHANGED
@@ -8,7 +8,7 @@ export declare const StepNumberIcon: import("@emotion/styled").StyledComponent<{
8
8
  } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
9
9
  theme?: import("@emotion/react").Theme | undefined;
10
10
  } & import("..").FlexboxProps & {
11
- color?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-code-subtle-enabled" | "text-code-subtle-disabled" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-code-brand-enabled" | "text-code-brand-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-code-danger" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "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-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "background-warning-enabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "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;
11
+ color?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-code-subtle-enabled" | "text-code-subtle-disabled" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-code-brand-enabled" | "text-code-brand-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-code-danger" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "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-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "background-warning-enabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "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-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;
12
12
  }, {}, {}>;
13
13
  export declare const StepperWrapper: import("@emotion/styled").StyledComponent<{
14
14
  theme?: import("@emotion/react").Theme | undefined;
package/lib/Typography/Typography.types.d.ts CHANGED
@@ -2,7 +2,7 @@ import { ContainerComponentProps } from '../types';
2
2
  import { FunctionalColor, Size } from '../theme';
3
3
  import { BoxProps } from '../Flexbox';
4
4
  export declare type TitleSize = 'md' | 'xl';
5
- export declare type TextColor = 'primary' | 'secondary' | 'tertiary' | 'placeholder' | 'inverted' | 'info' | 'success' | 'warning' | 'danger' | 'attention';
5
+ export declare type TextColor = 'primary' | 'secondary' | 'tertiary' | 'placeholder' | 'inverted' | 'info' | 'success' | 'warning' | 'danger' | 'high' | 'attention';
6
6
  export interface TitleProps extends ContainerComponentProps, BoxProps {
7
7
  size?: TitleSize;
8
8
  color?: TextColor | FunctionalColor;
package/lib/theme/ColorSchemes/codacy.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  export declare const colorNames: readonly ["blue", "grey", "purple", "orange", "turquoise", "magenta", "red", "green", "yellow"];
2
2
  declare type ColorName = (typeof colorNames)[number];
3
- export declare type ColorNumber = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 95 | 99;
3
+ export declare type ColorNumber = '00' | '08' | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 95 | 99;
4
4
  export declare type ColorType = {
5
- [key in `${ColorName}-${ColorNumber}` | 'white' | 'black']: string;
5
+ [key in `${ColorName}-${ColorNumber}` | 'white']: string;
6
6
  };
7
7
  export interface BaseColorProps {
8
8
  name: ColorName;
@@ -20,10 +20,11 @@ export declare function hslToHex(hue: number, saturation: number, lightness: num
20
20
  export declare const baseColors: ColorType;
21
21
  export declare const semanticFunctionalColorsFx: (prefix: PrefixName, number: ColorNumber) => SemanticType;
22
22
  export declare const functionalColorsFx: (colors: {
23
- black: string;
24
23
  white: string;
25
24
  "blue-10": string;
26
25
  "blue-20": string;
26
+ "blue-00": string;
27
+ "blue-08": string;
27
28
  "blue-30": string;
28
29
  "blue-40": string;
29
30
  "blue-50": string;
@@ -35,6 +36,8 @@ export declare const functionalColorsFx: (colors: {
35
36
  "blue-99": string;
36
37
  "green-10": string;
37
38
  "green-20": string;
39
+ "green-00": string;
40
+ "green-08": string;
38
41
  "green-30": string;
39
42
  "green-40": string;
40
43
  "green-50": string;
@@ -46,6 +49,8 @@ export declare const functionalColorsFx: (colors: {
46
49
  "green-99": string;
47
50
  "grey-10": string;
48
51
  "grey-20": string;
52
+ "grey-00": string;
53
+ "grey-08": string;
49
54
  "grey-30": string;
50
55
  "grey-40": string;
51
56
  "grey-50": string;
@@ -57,6 +62,8 @@ export declare const functionalColorsFx: (colors: {
57
62
  "grey-99": string;
58
63
  "magenta-10": string;
59
64
  "magenta-20": string;
65
+ "magenta-00": string;
66
+ "magenta-08": string;
60
67
  "magenta-30": string;
61
68
  "magenta-40": string;
62
69
  "magenta-50": string;
@@ -68,6 +75,8 @@ export declare const functionalColorsFx: (colors: {
68
75
  "magenta-99": string;
69
76
  "orange-10": string;
70
77
  "orange-20": string;
78
+ "orange-00": string;
79
+ "orange-08": string;
71
80
  "orange-30": string;
72
81
  "orange-40": string;
73
82
  "orange-50": string;
@@ -79,6 +88,8 @@ export declare const functionalColorsFx: (colors: {
79
88
  "orange-99": string;
80
89
  "purple-10": string;
81
90
  "purple-20": string;
91
+ "purple-00": string;
92
+ "purple-08": string;
82
93
  "purple-30": string;
83
94
  "purple-40": string;
84
95
  "purple-50": string;
@@ -90,6 +101,8 @@ export declare const functionalColorsFx: (colors: {
90
101
  "purple-99": string;
91
102
  "red-10": string;
92
103
  "red-20": string;
104
+ "red-00": string;
105
+ "red-08": string;
93
106
  "red-30": string;
94
107
  "red-40": string;
95
108
  "red-50": string;
@@ -101,6 +114,8 @@ export declare const functionalColorsFx: (colors: {
101
114
  "red-99": string;
102
115
  "turquoise-10": string;
103
116
  "turquoise-20": string;
117
+ "turquoise-00": string;
118
+ "turquoise-08": string;
104
119
  "turquoise-30": string;
105
120
  "turquoise-40": string;
106
121
  "turquoise-50": string;
@@ -112,6 +127,8 @@ export declare const functionalColorsFx: (colors: {
112
127
  "turquoise-99": string;
113
128
  "yellow-10": string;
114
129
  "yellow-20": string;
130
+ "yellow-00": string;
131
+ "yellow-08": string;
115
132
  "yellow-30": string;
116
133
  "yellow-40": string;
117
134
  "yellow-50": string;
@@ -229,7 +246,6 @@ export declare const functionalColorsFx: (colors: {
229
246
  'border-attention-enabled': string;
230
247
  'border-attention-disabled': string;
231
248
  'border-high-enabled': string;
232
- 'border-high-subtle-enabled': string;
233
249
  'border-high-disabled': string;
234
250
  'icon-enabled': string;
235
251
  'icon-hover': string;
@@ -479,7 +495,6 @@ export declare const functionalColors: {
479
495
  'border-attention-enabled': string;
480
496
  'border-attention-disabled': string;
481
497
  'border-high-enabled': string;
482
- 'border-high-subtle-enabled': string;
483
498
  'border-high-disabled': string;
484
499
  'icon-enabled': string;
485
500
  'icon-hover': string;
package/lib/theme/ColorSchemes/codacy.js CHANGED
@@ -23,10 +23,10 @@ function hslToHex(hue, saturation, lightness) {
23
23
  }
24
24
  var generateBaseColors = function generateBaseColors(color) {
25
25
  var colors = {};
26
- colors["".concat(color.name, "-99")] = hslToHex(color.hue, color.saturation, 98);
27
- colors["".concat(color.name, "-95")] = hslToHex(color.hue, color.saturation, 95);
26
+ colors["".concat(color.name, "-99")] = hslToHex(color.hue, color.saturation, 98.4);
27
+ colors["".concat(color.name, "-95")] = hslToHex(color.hue, color.saturation, 94.9);
28
28
  colors["".concat(color.name, "-90")] = hslToHex(color.hue, color.saturation, 90);
29
- for (var i = 80; i >= 10; i -= 10) {
29
+ for (var i = 80; i >= 20; i -= 10) {
30
30
  colors["".concat(color.name, "-").concat(i)] = hslToHex(color.hue, color.saturation, color.lightnessStart + i);
31
31
  }
32
32
  return colors;
@@ -40,32 +40,32 @@ var baseColors = exports.baseColors = (0, _objectSpread2["default"])((0, _object
40
40
  name: 'blue',
41
41
  hue: 217,
42
42
  saturation: 100,
43
- lightnessStart: 7
43
+ lightnessStart: 7.06
44
44
  })), generateBaseColors({
45
45
  name: 'magenta',
46
46
  hue: 310,
47
47
  saturation: 63,
48
- lightnessStart: 2
48
+ lightnessStart: 1.96
49
49
  })), generateBaseColors({
50
50
  name: 'purple',
51
51
  hue: 266,
52
52
  saturation: 64,
53
- lightnessStart: 7
53
+ lightnessStart: 7.06
54
54
  })), generateBaseColors({
55
55
  name: 'orange',
56
56
  hue: 29,
57
57
  saturation: 98,
58
- lightnessStart: 7
58
+ lightnessStart: 7.06
59
59
  })), generateBaseColors({
60
60
  name: 'grey',
61
61
  hue: 219,
62
62
  saturation: 25,
63
- lightnessStart: 7
63
+ lightnessStart: 7.06
64
64
  })), generateBaseColors({
65
65
  name: 'red',
66
66
  hue: 359,
67
67
  saturation: 67,
68
- lightnessStart: 7
68
+ lightnessStart: 7.06
69
69
  })), generateBaseColors({
70
70
  name: 'green',
71
71
  hue: 137,
@@ -75,10 +75,27 @@ var baseColors = exports.baseColors = (0, _objectSpread2["default"])((0, _object
75
75
  name: 'yellow',
76
76
  hue: 38,
77
77
  saturation: 100,
78
- lightnessStart: 7
78
+ lightnessStart: 7.06
79
79
  })), {}, {
80
80
  white: '#FFFFFF',
81
- black: '#000000'
81
+ 'grey-00': '#0B0E13',
82
+ 'grey-10': '#171D26',
83
+ 'blue-00': '#050B1A',
84
+ 'blue-10': '#091E4E',
85
+ 'purple-08': '#130722',
86
+ 'purple-10': '#290F47',
87
+ 'orange-00': '#281401',
88
+ 'orange-10': '#462301',
89
+ 'red-00': '#290002',
90
+ 'red-10': '#470003',
91
+ 'green-00': '#0A1E10',
92
+ 'green-10': '#12351C',
93
+ 'yellow-00': '#291A00',
94
+ 'yellow-10': '#472D00',
95
+ 'turquoise-00': '#0A1E1F',
96
+ 'turquoise-10': '#123436',
97
+ 'magenta-00': '#21071D',
98
+ 'magenta-10': '#3A0D33'
82
99
  });
83
100
  var semanticFunctionalColorsFx = exports.semanticFunctionalColorsFx = function semanticFunctionalColorsFx(prefix, number) {
84
101
  var colors = {};
@@ -143,7 +160,7 @@ var functionalColorsFx = exports.functionalColorsFx = function functionalColorsF
143
160
  'text-code-danger': colors['red-60'],
144
161
  // yellow
145
162
  'text-warning-enabled': colors['yellow-40'],
146
- 'text-medium-enabled': colors['yellow-40'],
163
+ 'text-medium-enabled': colors['yellow-50'],
147
164
  'text-medium-disabled': colors['yellow-70'],
148
165
  // green
149
166
  'text-success-enabled': colors['green-40'],
@@ -185,7 +202,7 @@ var functionalColorsFx = exports.functionalColorsFx = function functionalColorsF
185
202
  'background-success-disabled': colors['green-70'],
186
203
  // yellow
187
204
  'background-warning-enabled': colors['yellow-40'],
188
- 'background-medium-enabled': colors['yellow-40'],
205
+ 'background-medium-enabled': colors['yellow-50'],
189
206
  'background-medium-disabled': colors['yellow-70'],
190
207
  // purple
191
208
  'background-attention-enabled': colors['purple-40'],
@@ -221,7 +238,7 @@ var functionalColorsFx = exports.functionalColorsFx = function functionalColorsF
221
238
  'border-critical-disabled': colors['red-70'],
222
239
  // yellow
223
240
  'border-warning-enabled': colors['yellow-40'],
224
- 'border-medium-enabled': colors['yellow-40'],
241
+ 'border-medium-enabled': colors['yellow-50'],
225
242
  'border-medium-disabled': colors['yellow-70'],
226
243
  // green
227
244
  'border-success-enabled': colors['green-40'],
@@ -231,7 +248,6 @@ var functionalColorsFx = exports.functionalColorsFx = function functionalColorsF
231
248
  'border-attention-disabled': colors['purple-70'],
232
249
  // orange
233
250
  'border-high-enabled': colors['orange-40'],
234
- 'border-high-subtle-enabled': colors['orange-50'],
235
251
  'border-high-disabled': colors['orange-70'],
236
252
  // ICON
237
253
  'icon-enabled': colors['grey-50'],
@@ -266,7 +282,7 @@ var functionalColorsFx = exports.functionalColorsFx = function functionalColorsF
266
282
  'icon-critical-disabled': colors['red-70'],
267
283
  // yellow
268
284
  'icon-warning-enabled': colors['yellow-40'],
269
- 'icon-medium-enabled': colors['yellow-40'],
285
+ 'icon-medium-enabled': colors['yellow-50'],
270
286
  'icon-medium-disabled': colors['yellow-70'],
271
287
  // green
272
288
  'icon-success-enabled': colors['green-40'],
package/lib/theme/ColorSchemes/dark.d.ts CHANGED
@@ -1,9 +1,10 @@
1
1
  import { BaseColor, ColorScheme } from '..';
2
2
  export declare const darkFunctionalColorsFx: (colors: {
3
- black: string;
4
3
  white: string;
5
4
  "blue-10": string;
6
5
  "blue-20": string;
6
+ "blue-00": string;
7
+ "blue-08": string;
7
8
  "blue-30": string;
8
9
  "blue-40": string;
9
10
  "blue-50": string;
@@ -15,6 +16,8 @@ export declare const darkFunctionalColorsFx: (colors: {
15
16
  "blue-99": string;
16
17
  "green-10": string;
17
18
  "green-20": string;
19
+ "green-00": string;
20
+ "green-08": string;
18
21
  "green-30": string;
19
22
  "green-40": string;
20
23
  "green-50": string;
@@ -26,6 +29,8 @@ export declare const darkFunctionalColorsFx: (colors: {
26
29
  "green-99": string;
27
30
  "grey-10": string;
28
31
  "grey-20": string;
32
+ "grey-00": string;
33
+ "grey-08": string;
29
34
  "grey-30": string;
30
35
  "grey-40": string;
31
36
  "grey-50": string;
@@ -37,6 +42,8 @@ export declare const darkFunctionalColorsFx: (colors: {
37
42
  "grey-99": string;
38
43
  "magenta-10": string;
39
44
  "magenta-20": string;
45
+ "magenta-00": string;
46
+ "magenta-08": string;
40
47
  "magenta-30": string;
41
48
  "magenta-40": string;
42
49
  "magenta-50": string;
@@ -48,6 +55,8 @@ export declare const darkFunctionalColorsFx: (colors: {
48
55
  "magenta-99": string;
49
56
  "orange-10": string;
50
57
  "orange-20": string;
58
+ "orange-00": string;
59
+ "orange-08": string;
51
60
  "orange-30": string;
52
61
  "orange-40": string;
53
62
  "orange-50": string;
@@ -59,6 +68,8 @@ export declare const darkFunctionalColorsFx: (colors: {
59
68
  "orange-99": string;
60
69
  "purple-10": string;
61
70
  "purple-20": string;
71
+ "purple-00": string;
72
+ "purple-08": string;
62
73
  "purple-30": string;
63
74
  "purple-40": string;
64
75
  "purple-50": string;
@@ -70,6 +81,8 @@ export declare const darkFunctionalColorsFx: (colors: {
70
81
  "purple-99": string;
71
82
  "red-10": string;
72
83
  "red-20": string;
84
+ "red-00": string;
85
+ "red-08": string;
73
86
  "red-30": string;
74
87
  "red-40": string;
75
88
  "red-50": string;
@@ -81,6 +94,8 @@ export declare const darkFunctionalColorsFx: (colors: {
81
94
  "red-99": string;
82
95
  "turquoise-10": string;
83
96
  "turquoise-20": string;
97
+ "turquoise-00": string;
98
+ "turquoise-08": string;
84
99
  "turquoise-30": string;
85
100
  "turquoise-40": string;
86
101
  "turquoise-50": string;
@@ -92,6 +107,8 @@ export declare const darkFunctionalColorsFx: (colors: {
92
107
  "turquoise-99": string;
93
108
  "yellow-10": string;
94
109
  "yellow-20": string;
110
+ "yellow-00": string;
111
+ "yellow-08": string;
95
112
  "yellow-30": string;
96
113
  "yellow-40": string;
97
114
  "yellow-50": string;
@@ -209,7 +226,6 @@ export declare const darkFunctionalColorsFx: (colors: {
209
226
  'border-attention-enabled': string;
210
227
  'border-attention-disabled': string;
211
228
  'border-high-enabled': string;
212
- 'border-high-subtle-enabled': string;
213
229
  'border-high-disabled': string;
214
230
  'icon-enabled': string;
215
231
  'icon-hover': string;
package/lib/theme/ColorSchemes/dark.js CHANGED
@@ -52,7 +52,7 @@ var darkFunctionalColorsFx = exports.darkFunctionalColorsFx = function darkFunct
52
52
  'text-code-danger': colors['red-60'],
53
53
  // yellow
54
54
  'text-warning-enabled': colors['yellow-60'],
55
- 'text-medium-enabled': colors['yellow-40'],
55
+ 'text-medium-enabled': colors['yellow-50'],
56
56
  'text-medium-disabled': colors['yellow-20'],
57
57
  // green
58
58
  'text-success-enabled': colors['green-60'],
@@ -60,9 +60,9 @@ var darkFunctionalColorsFx = exports.darkFunctionalColorsFx = function darkFunct
60
60
  'text-high-enabled': colors['orange-40'],
61
61
  'text-high-disabled': colors['orange-20'],
62
62
  // BACKGROUND
63
- 'background-primary': colors['black'],
63
+ 'background-primary': colors['grey-00'],
64
64
  'background-secondary': colors['grey-10'],
65
- 'background-brand-inverted': colors['black'],
65
+ 'background-brand-inverted': colors['grey-00'],
66
66
  'background-subtle-enabled': colors['grey-70'],
67
67
  'background-subtle-hover': colors['grey-50'],
68
68
  'background-subtle-focus': colors['grey-60'],
@@ -77,7 +77,7 @@ var darkFunctionalColorsFx = exports.darkFunctionalColorsFx = function darkFunct
77
77
  'background-brand-pressed': colors['blue-30'],
78
78
  'background-brand-disabled': colors['blue-20'],
79
79
  'background-brand-subtle': colors['blue-10'],
80
- 'background-subtle': colors['black'],
80
+ 'background-subtle': colors['blue-00'],
81
81
  'background-info-enabled': colors['blue-60'],
82
82
  'background-minor-enabled': colors['blue-40'],
83
83
  'background-minor-disabled': colors['blue-30'],
@@ -94,7 +94,7 @@ var darkFunctionalColorsFx = exports.darkFunctionalColorsFx = function darkFunct
94
94
  'background-success-disabled': colors['green-30'],
95
95
  // yellow
96
96
  'background-warning-enabled': colors['yellow-50'],
97
- 'background-medium-enabled': colors['yellow-40'],
97
+ 'background-medium-enabled': colors['yellow-60'],
98
98
  'background-medium-disabled': colors['yellow-30'],
99
99
  // purple
100
100
  'background-attention-enabled': colors['purple-50'],
@@ -140,7 +140,6 @@ var darkFunctionalColorsFx = exports.darkFunctionalColorsFx = function darkFunct
140
140
  'border-attention-disabled': colors['purple-30'],
141
141
  // orange
142
142
  'border-high-enabled': colors['orange-60'],
143
- 'border-high-subtle-enabled': colors['orange-50'],
144
143
  'border-high-disabled': colors['orange-30'],
145
144
  // ICON
146
145
  'icon-enabled': colors['grey-60'],
@@ -154,7 +153,7 @@ var darkFunctionalColorsFx = exports.darkFunctionalColorsFx = function darkFunct
154
153
  'icon-subtle-focus': colors['grey-70'],
155
154
  'icon-subtle-pressed': colors['grey-80'],
156
155
  'icon-subtle-disabled': colors['grey-30'],
157
- 'icon-subtle-inverted': colors['black'],
156
+ 'icon-subtle-inverted': colors['grey-00'],
158
157
  // Icon - Semantic
159
158
  // blue
160
159
  'icon-info-enabled': colors['blue-60'],
@@ -217,7 +216,7 @@ var darkFunctionalColorsFx = exports.darkFunctionalColorsFx = function darkFunct
217
216
  'brand-pressed': colors['blue-20'],
218
217
  'brand-disabled': colors['blue-30'],
219
218
  'brand-focus': colors['blue-10'],
220
- 'brand-inverted': colors['black'],
219
+ 'brand-inverted': colors['grey-00'],
221
220
  'brand-subtle': colors['blue-10'],
222
221
  // Subtle
223
222
  'subtle-primary': colors['grey-50'],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codacy/ui-components",
3
- "version": "0.65.90",
3
+ "version": "0.65.92",
4
4
  "description": "",
5
5
  "license": "ISC",
6
6
  "author": "",