@codacy/ui-components 0.65.86 → 0.65.87

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/ThemeProvider/ThemeProvider.js +14 -8
  5. package/lib/theme/ColorSchemes/codacy.d.ts +23 -10
  6. package/lib/theme/ColorSchemes/codacy.js +10 -7
  7. package/lib/theme/ColorSchemes/dark.d.ts +317 -1
  8. package/lib/theme/ColorSchemes/dark.js +261 -80
  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-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-code-subtle-enabled" | "text-code-subtle-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-code-brand-enabled" | "text-code-brand-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-code-danger" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "background-primary" | "background-secondary" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-subtle" | "background-subtle" | "background-info-enabled" | "background-minor" | "background-minor-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "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;
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;
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-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-code-subtle-enabled" | "text-code-subtle-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-code-brand-enabled" | "text-code-brand-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-code-danger" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "background-primary" | "background-secondary" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-subtle" | "background-subtle" | "background-info-enabled" | "background-minor" | "background-minor-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "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;
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;
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-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-code-subtle-enabled" | "text-code-subtle-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-code-brand-enabled" | "text-code-brand-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-code-danger" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "background-primary" | "background-secondary" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-subtle" | "background-subtle" | "background-info-enabled" | "background-minor" | "background-minor-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "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;
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;
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-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-code-subtle-enabled" | "text-code-subtle-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-code-brand-enabled" | "text-code-brand-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-code-danger" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "background-primary" | "background-secondary" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-subtle" | "background-subtle" | "background-info-enabled" | "background-minor" | "background-minor-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "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;
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;
12
12
  }, {}, {}>;
13
13
  export declare const StepperWrapper: import("@emotion/styled").StyledComponent<{
14
14
  theme?: import("@emotion/react").Theme | undefined;
package/lib/ThemeProvider/ThemeProvider.js CHANGED
@@ -33,14 +33,20 @@ var GlobalStyleContainer = exports.GlobalStyleContainer = /*#__PURE__*/(0, _base
33
33
  }, "px;line-height:", function (_ref3) {
34
34
  var theme = _ref3.theme;
35
35
  return theme.lineHeights[0];
36
- }, ";text-size-adjust:100%;-webkit-font-smoothing:antialiased;box-sizing:border-box;b,strong{font-weight:", function (_ref4) {
36
+ }, ";text-size-adjust:100%;-webkit-font-smoothing:antialiased;box-sizing:border-box;color:", function (_ref4) {
37
37
  var theme = _ref4.theme;
38
+ return theme.colors['text-primary'];
39
+ }, ";background-color:", function (_ref5) {
40
+ var theme = _ref5.theme;
41
+ return theme.colors['background-primary'];
42
+ }, ";b,strong{font-weight:", function (_ref6) {
43
+ var theme = _ref6.theme;
38
44
  return theme.fontWeights['semi-bold'];
39
- }, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UaGVtZVByb3ZpZGVyL1RoZW1lUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVvRiIsImZpbGUiOiIuLi8uLi9zcmMvVGhlbWVQcm92aWRlci9UaGVtZVByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEdsb2JhbCwgVGhlbWVQcm92aWRlciBhcyBFbW90aW9uVGhlbWVQcm92aWRlciwgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuaW1wb3J0IHsgQ29kYWN5VGhlbWUsIGNvZGFjeVRoZW1lIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgeyBub3JtYWxpemUgfSBmcm9tICdwb2xpc2hlZCdcbmltcG9ydCB7IGluamVjdFN0eWxlIH0gZnJvbSAncmVhY3QtdG9hc3RpZnkvZGlzdC9pbmplY3Qtc3R5bGUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgW2Jhc2UsIG92ZXJyaWRlc10gPSBub3JtYWxpemUoKVxuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVDb250YWluZXIgPSBzdHlsZWQuZGl2PFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50Pj5gXG4gIGZvbnQtZmFtaWx5OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRzWydub3JtYWwnXX07XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yZW1TY2FsZX1weDsgLyoqIDFyZW0gKi9cbiAgbGluZS1oZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUubGluZUhlaWdodHNbMF19O1xuICB0ZXh0LXNpemUtYWRqdXN0OiAxMDAlO1xuICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICBiLFxuICBzdHJvbmcge1xuICAgIGZvbnQtd2VpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRXZWlnaHRzWydzZW1pLWJvbGQnXX07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRoZW1lUHJvdmlkZXI6IFJlYWN0LkZDPHsgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7IHRoZW1lPzogQ29kYWN5VGhlbWUgfT4gPSAoe1xuICB0aGVtZSA9IGNvZGFjeVRoZW1lLFxuICBjaGlsZHJlbixcbn0pID0+IHtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpbmplY3RTdHlsZSgpXG4gIH0sIFtdKVxuXG4gIHJldHVybiAoXG4gICAgPEVtb3Rpb25UaGVtZVByb3ZpZGVyIHRoZW1lPXt0aGVtZX0+XG4gICAgICA8R2xvYmFsIHN0eWxlcz17eyAuLi5iYXNlIH19IC8+XG4gICAgICA8R2xvYmFsIHN0eWxlcz17eyAuLi5vdmVycmlkZXMgfX0gLz5cbiAgICAgIDxHbG9iYWxTdHlsZUNvbnRhaW5lcj57Y2hpbGRyZW59PC9HbG9iYWxTdHlsZUNvbnRhaW5lcj5cbiAgICA8L0Vtb3Rpb25UaGVtZVByb3ZpZGVyPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCB1c2VDb2RhY3lUaGVtZSA9ICgpID0+IHtcbiAgcmV0dXJuIHVzZVRoZW1lKClcbn1cbiJdfQ== */"));
40
- var ThemeProvider = exports.ThemeProvider = function ThemeProvider(_ref5) {
41
- var _ref5$theme = _ref5.theme,
42
- theme = _ref5$theme === void 0 ? _theme.codacyTheme : _ref5$theme,
43
- children = _ref5.children;
45
+ }, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UaGVtZVByb3ZpZGVyL1RoZW1lUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVvRiIsImZpbGUiOiIuLi8uLi9zcmMvVGhlbWVQcm92aWRlci9UaGVtZVByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEdsb2JhbCwgVGhlbWVQcm92aWRlciBhcyBFbW90aW9uVGhlbWVQcm92aWRlciwgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuaW1wb3J0IHsgQ29kYWN5VGhlbWUsIGNvZGFjeVRoZW1lIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgeyBub3JtYWxpemUgfSBmcm9tICdwb2xpc2hlZCdcbmltcG9ydCB7IGluamVjdFN0eWxlIH0gZnJvbSAncmVhY3QtdG9hc3RpZnkvZGlzdC9pbmplY3Qtc3R5bGUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgW2Jhc2UsIG92ZXJyaWRlc10gPSBub3JtYWxpemUoKVxuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVDb250YWluZXIgPSBzdHlsZWQuZGl2PFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50Pj5gXG4gIGZvbnQtZmFtaWx5OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRzWydub3JtYWwnXX07XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yZW1TY2FsZX1weDsgLyoqIDFyZW0gKi9cbiAgbGluZS1oZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUubGluZUhlaWdodHNbMF19O1xuICB0ZXh0LXNpemUtYWRqdXN0OiAxMDAlO1xuICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyd0ZXh0LXByaW1hcnknXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydiYWNrZ3JvdW5kLXByaW1hcnknXX07XG5cbiAgYixcbiAgc3Ryb25nIHtcbiAgICBmb250LXdlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5mb250V2VpZ2h0c1snc2VtaS1ib2xkJ119O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUaGVtZVByb3ZpZGVyOiBSZWFjdC5GQzx7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlOyB0aGVtZT86IENvZGFjeVRoZW1lIH0+ID0gKHtcbiAgdGhlbWUgPSBjb2RhY3lUaGVtZSxcbiAgY2hpbGRyZW4sXG59KSA9PiB7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaW5qZWN0U3R5bGUoKVxuICB9LCBbXSlcblxuICByZXR1cm4gKFxuICAgIDxFbW90aW9uVGhlbWVQcm92aWRlciB0aGVtZT17dGhlbWV9PlxuICAgICAgPEdsb2JhbCBzdHlsZXM9e3sgLi4uYmFzZSB9fSAvPlxuICAgICAgPEdsb2JhbCBzdHlsZXM9e3sgLi4ub3ZlcnJpZGVzIH19IC8+XG4gICAgICA8R2xvYmFsU3R5bGVDb250YWluZXI+e2NoaWxkcmVufTwvR2xvYmFsU3R5bGVDb250YWluZXI+XG4gICAgPC9FbW90aW9uVGhlbWVQcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgdXNlQ29kYWN5VGhlbWUgPSAoKSA9PiB7XG4gIHJldHVybiB1c2VUaGVtZSgpXG59XG4iXX0= */"));
46
+ var ThemeProvider = exports.ThemeProvider = function ThemeProvider(_ref7) {
47
+ var _ref7$theme = _ref7.theme,
48
+ theme = _ref7$theme === void 0 ? _theme.codacyTheme : _ref7$theme,
49
+ children = _ref7.children;
44
50
  (0, _react2.useEffect)(function () {
45
51
  (0, _injectStyle.injectStyle)();
46
52
  }, []);
@@ -50,12 +56,12 @@ var ThemeProvider = exports.ThemeProvider = function ThemeProvider(_ref5) {
50
56
  styles:
51
57
  /*#__PURE__*/
52
58
  /*#__PURE__*/
53
- (0, _react.css)((0, _objectSpread2["default"])({}, base), process.env.NODE_ENV === "production" ? "" : ";label:codacy;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UaGVtZVByb3ZpZGVyL1RoZW1lUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDYyIsImZpbGUiOiIuLi8uLi9zcmMvVGhlbWVQcm92aWRlci9UaGVtZVByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEdsb2JhbCwgVGhlbWVQcm92aWRlciBhcyBFbW90aW9uVGhlbWVQcm92aWRlciwgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuaW1wb3J0IHsgQ29kYWN5VGhlbWUsIGNvZGFjeVRoZW1lIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgeyBub3JtYWxpemUgfSBmcm9tICdwb2xpc2hlZCdcbmltcG9ydCB7IGluamVjdFN0eWxlIH0gZnJvbSAncmVhY3QtdG9hc3RpZnkvZGlzdC9pbmplY3Qtc3R5bGUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgW2Jhc2UsIG92ZXJyaWRlc10gPSBub3JtYWxpemUoKVxuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVDb250YWluZXIgPSBzdHlsZWQuZGl2PFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50Pj5gXG4gIGZvbnQtZmFtaWx5OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRzWydub3JtYWwnXX07XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yZW1TY2FsZX1weDsgLyoqIDFyZW0gKi9cbiAgbGluZS1oZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUubGluZUhlaWdodHNbMF19O1xuICB0ZXh0LXNpemUtYWRqdXN0OiAxMDAlO1xuICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICBiLFxuICBzdHJvbmcge1xuICAgIGZvbnQtd2VpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRXZWlnaHRzWydzZW1pLWJvbGQnXX07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRoZW1lUHJvdmlkZXI6IFJlYWN0LkZDPHsgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7IHRoZW1lPzogQ29kYWN5VGhlbWUgfT4gPSAoe1xuICB0aGVtZSA9IGNvZGFjeVRoZW1lLFxuICBjaGlsZHJlbixcbn0pID0+IHtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpbmplY3RTdHlsZSgpXG4gIH0sIFtdKVxuXG4gIHJldHVybiAoXG4gICAgPEVtb3Rpb25UaGVtZVByb3ZpZGVyIHRoZW1lPXt0aGVtZX0+XG4gICAgICA8R2xvYmFsIHN0eWxlcz17eyAuLi5iYXNlIH19IC8+XG4gICAgICA8R2xvYmFsIHN0eWxlcz17eyAuLi5vdmVycmlkZXMgfX0gLz5cbiAgICAgIDxHbG9iYWxTdHlsZUNvbnRhaW5lcj57Y2hpbGRyZW59PC9HbG9iYWxTdHlsZUNvbnRhaW5lcj5cbiAgICA8L0Vtb3Rpb25UaGVtZVByb3ZpZGVyPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCB1c2VDb2RhY3lUaGVtZSA9ICgpID0+IHtcbiAgcmV0dXJuIHVzZVRoZW1lKClcbn1cbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:codacy;")
59
+ (0, _react.css)((0, _objectSpread2["default"])({}, base), process.env.NODE_ENV === "production" ? "" : ";label:codacy;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UaGVtZVByb3ZpZGVyL1RoZW1lUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DYyIsImZpbGUiOiIuLi8uLi9zcmMvVGhlbWVQcm92aWRlci9UaGVtZVByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEdsb2JhbCwgVGhlbWVQcm92aWRlciBhcyBFbW90aW9uVGhlbWVQcm92aWRlciwgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuaW1wb3J0IHsgQ29kYWN5VGhlbWUsIGNvZGFjeVRoZW1lIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgeyBub3JtYWxpemUgfSBmcm9tICdwb2xpc2hlZCdcbmltcG9ydCB7IGluamVjdFN0eWxlIH0gZnJvbSAncmVhY3QtdG9hc3RpZnkvZGlzdC9pbmplY3Qtc3R5bGUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgW2Jhc2UsIG92ZXJyaWRlc10gPSBub3JtYWxpemUoKVxuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVDb250YWluZXIgPSBzdHlsZWQuZGl2PFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50Pj5gXG4gIGZvbnQtZmFtaWx5OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRzWydub3JtYWwnXX07XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yZW1TY2FsZX1weDsgLyoqIDFyZW0gKi9cbiAgbGluZS1oZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUubGluZUhlaWdodHNbMF19O1xuICB0ZXh0LXNpemUtYWRqdXN0OiAxMDAlO1xuICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyd0ZXh0LXByaW1hcnknXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydiYWNrZ3JvdW5kLXByaW1hcnknXX07XG5cbiAgYixcbiAgc3Ryb25nIHtcbiAgICBmb250LXdlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5mb250V2VpZ2h0c1snc2VtaS1ib2xkJ119O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUaGVtZVByb3ZpZGVyOiBSZWFjdC5GQzx7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlOyB0aGVtZT86IENvZGFjeVRoZW1lIH0+ID0gKHtcbiAgdGhlbWUgPSBjb2RhY3lUaGVtZSxcbiAgY2hpbGRyZW4sXG59KSA9PiB7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaW5qZWN0U3R5bGUoKVxuICB9LCBbXSlcblxuICByZXR1cm4gKFxuICAgIDxFbW90aW9uVGhlbWVQcm92aWRlciB0aGVtZT17dGhlbWV9PlxuICAgICAgPEdsb2JhbCBzdHlsZXM9e3sgLi4uYmFzZSB9fSAvPlxuICAgICAgPEdsb2JhbCBzdHlsZXM9e3sgLi4ub3ZlcnJpZGVzIH19IC8+XG4gICAgICA8R2xvYmFsU3R5bGVDb250YWluZXI+e2NoaWxkcmVufTwvR2xvYmFsU3R5bGVDb250YWluZXI+XG4gICAgPC9FbW90aW9uVGhlbWVQcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgdXNlQ29kYWN5VGhlbWUgPSAoKSA9PiB7XG4gIHJldHVybiB1c2VUaGVtZSgpXG59XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:codacy;")
54
60
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Global, {
55
61
  styles:
56
62
  /*#__PURE__*/
57
63
  /*#__PURE__*/
58
- (0, _react.css)((0, _objectSpread2["default"])({}, overrides), process.env.NODE_ENV === "production" ? "" : ";label:codacy;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UaGVtZVByb3ZpZGVyL1RoZW1lUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DYyIsImZpbGUiOiIuLi8uLi9zcmMvVGhlbWVQcm92aWRlci9UaGVtZVByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEdsb2JhbCwgVGhlbWVQcm92aWRlciBhcyBFbW90aW9uVGhlbWVQcm92aWRlciwgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuaW1wb3J0IHsgQ29kYWN5VGhlbWUsIGNvZGFjeVRoZW1lIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgeyBub3JtYWxpemUgfSBmcm9tICdwb2xpc2hlZCdcbmltcG9ydCB7IGluamVjdFN0eWxlIH0gZnJvbSAncmVhY3QtdG9hc3RpZnkvZGlzdC9pbmplY3Qtc3R5bGUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgW2Jhc2UsIG92ZXJyaWRlc10gPSBub3JtYWxpemUoKVxuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVDb250YWluZXIgPSBzdHlsZWQuZGl2PFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50Pj5gXG4gIGZvbnQtZmFtaWx5OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRzWydub3JtYWwnXX07XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yZW1TY2FsZX1weDsgLyoqIDFyZW0gKi9cbiAgbGluZS1oZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUubGluZUhlaWdodHNbMF19O1xuICB0ZXh0LXNpemUtYWRqdXN0OiAxMDAlO1xuICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICBiLFxuICBzdHJvbmcge1xuICAgIGZvbnQtd2VpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRXZWlnaHRzWydzZW1pLWJvbGQnXX07XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IFRoZW1lUHJvdmlkZXI6IFJlYWN0LkZDPHsgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7IHRoZW1lPzogQ29kYWN5VGhlbWUgfT4gPSAoe1xuICB0aGVtZSA9IGNvZGFjeVRoZW1lLFxuICBjaGlsZHJlbixcbn0pID0+IHtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpbmplY3RTdHlsZSgpXG4gIH0sIFtdKVxuXG4gIHJldHVybiAoXG4gICAgPEVtb3Rpb25UaGVtZVByb3ZpZGVyIHRoZW1lPXt0aGVtZX0+XG4gICAgICA8R2xvYmFsIHN0eWxlcz17eyAuLi5iYXNlIH19IC8+XG4gICAgICA8R2xvYmFsIHN0eWxlcz17eyAuLi5vdmVycmlkZXMgfX0gLz5cbiAgICAgIDxHbG9iYWxTdHlsZUNvbnRhaW5lcj57Y2hpbGRyZW59PC9HbG9iYWxTdHlsZUNvbnRhaW5lcj5cbiAgICA8L0Vtb3Rpb25UaGVtZVByb3ZpZGVyPlxuICApXG59XG5cbmV4cG9ydCBjb25zdCB1c2VDb2RhY3lUaGVtZSA9ICgpID0+IHtcbiAgcmV0dXJuIHVzZVRoZW1lKClcbn1cbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:codacy;")
64
+ (0, _react.css)((0, _objectSpread2["default"])({}, overrides), process.env.NODE_ENV === "production" ? "" : ";label:codacy;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9UaGVtZVByb3ZpZGVyL1RoZW1lUHJvdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDYyIsImZpbGUiOiIuLi8uLi9zcmMvVGhlbWVQcm92aWRlci9UaGVtZVByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEdsb2JhbCwgVGhlbWVQcm92aWRlciBhcyBFbW90aW9uVGhlbWVQcm92aWRlciwgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuaW1wb3J0IHsgQ29kYWN5VGhlbWUsIGNvZGFjeVRoZW1lIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgeyBub3JtYWxpemUgfSBmcm9tICdwb2xpc2hlZCdcbmltcG9ydCB7IGluamVjdFN0eWxlIH0gZnJvbSAncmVhY3QtdG9hc3RpZnkvZGlzdC9pbmplY3Qtc3R5bGUnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgW2Jhc2UsIG92ZXJyaWRlc10gPSBub3JtYWxpemUoKVxuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVDb250YWluZXIgPSBzdHlsZWQuZGl2PFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50Pj5gXG4gIGZvbnQtZmFtaWx5OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRzWydub3JtYWwnXX07XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yZW1TY2FsZX1weDsgLyoqIDFyZW0gKi9cbiAgbGluZS1oZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUubGluZUhlaWdodHNbMF19O1xuICB0ZXh0LXNpemUtYWRqdXN0OiAxMDAlO1xuICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyd0ZXh0LXByaW1hcnknXX07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWydiYWNrZ3JvdW5kLXByaW1hcnknXX07XG5cbiAgYixcbiAgc3Ryb25nIHtcbiAgICBmb250LXdlaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5mb250V2VpZ2h0c1snc2VtaS1ib2xkJ119O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBUaGVtZVByb3ZpZGVyOiBSZWFjdC5GQzx7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlOyB0aGVtZT86IENvZGFjeVRoZW1lIH0+ID0gKHtcbiAgdGhlbWUgPSBjb2RhY3lUaGVtZSxcbiAgY2hpbGRyZW4sXG59KSA9PiB7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaW5qZWN0U3R5bGUoKVxuICB9LCBbXSlcblxuICByZXR1cm4gKFxuICAgIDxFbW90aW9uVGhlbWVQcm92aWRlciB0aGVtZT17dGhlbWV9PlxuICAgICAgPEdsb2JhbCBzdHlsZXM9e3sgLi4uYmFzZSB9fSAvPlxuICAgICAgPEdsb2JhbCBzdHlsZXM9e3sgLi4ub3ZlcnJpZGVzIH19IC8+XG4gICAgICA8R2xvYmFsU3R5bGVDb250YWluZXI+e2NoaWxkcmVufTwvR2xvYmFsU3R5bGVDb250YWluZXI+XG4gICAgPC9FbW90aW9uVGhlbWVQcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgdXNlQ29kYWN5VGhlbWUgPSAoKSA9PiB7XG4gIHJldHVybiB1c2VUaGVtZSgpXG59XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:codacy;")
59
65
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStyleContainer, {
60
66
  children: children
61
67
  })]
package/lib/theme/ColorSchemes/codacy.d.ts CHANGED
@@ -2,7 +2,7 @@ export declare const colorNames: readonly ["blue", "grey", "purple", "orange", "
2
2
  declare type ColorName = (typeof colorNames)[number];
3
3
  export declare type ColorNumber = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 95 | 99;
4
4
  export declare type ColorType = {
5
- [key in `${ColorName}-${ColorNumber}` | 'white']: string;
5
+ [key in `${ColorName}-${ColorNumber}` | 'white' | 'black']: string;
6
6
  };
7
7
  export interface BaseColorProps {
8
8
  name: ColorName;
@@ -11,7 +11,7 @@ export interface BaseColorProps {
11
11
  lightnessStart: number;
12
12
  }
13
13
  declare type PrefixName = 'text' | 'background' | 'border' | 'icon';
14
- declare const semantics: readonly ["danger", "success", "warning", "info", "attention"];
14
+ declare const semantics: readonly ["danger", "success", "warning", "info", "attention", "critical", "high", "medium", "minor"];
15
15
  declare type SemanticName = (typeof semantics)[number];
16
16
  declare type SemanticType = {
17
17
  [key in `${PrefixName}-${SemanticName}`]: string;
@@ -20,6 +20,7 @@ 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;
23
24
  white: string;
24
25
  "blue-10": string;
25
26
  "blue-20": string;
@@ -132,6 +133,8 @@ export declare const functionalColorsFx: (colors: {
132
133
  'text-subtle-pressed': string;
133
134
  'text-subtle-disabled': string;
134
135
  'text-subtle-inverted': string;
136
+ 'text-code-subtle-enabled': string;
137
+ 'text-code-subtle-disabled': string;
135
138
  'text-link-enabled': string;
136
139
  'text-link-hover': string;
137
140
  'text-link-focus': string;
@@ -142,8 +145,6 @@ export declare const functionalColorsFx: (colors: {
142
145
  'text-brand-focus': string;
143
146
  'text-brand-pressed': string;
144
147
  'text-brand-disabled': string;
145
- 'text-code-subtle-enabled': string;
146
- 'text-code-subtle-disabled': string;
147
148
  'text-info-enabled': string;
148
149
  'text-minor-enabled': string;
149
150
  'text-minor-disabled': string;
@@ -180,7 +181,6 @@ export declare const functionalColorsFx: (colors: {
180
181
  'background-brand-subtle': string;
181
182
  'background-subtle': string;
182
183
  'background-info-enabled': string;
183
- 'background-minor': string;
184
184
  'background-minor-enabled': string;
185
185
  'background-minor-disabled': string;
186
186
  'background-danger-enabled': string;
@@ -193,7 +193,6 @@ export declare const functionalColorsFx: (colors: {
193
193
  'background-success-enabled': string;
194
194
  'background-success-disabled': string;
195
195
  'background-warning-enabled': string;
196
- 'background-medium': string;
197
196
  'background-medium-enabled': string;
198
197
  'background-medium-disabled': string;
199
198
  'background-attention-enabled': string;
@@ -337,26 +336,42 @@ export declare const functionalColorsFx: (colors: {
337
336
  'navigation-text-pressed': string;
338
337
  };
339
338
  export declare const functionalColors: {
339
+ "background-high": string;
340
+ "background-medium": string;
340
341
  "background-success": string;
341
342
  "background-danger": string;
342
343
  "background-warning": string;
343
344
  "background-info": string;
344
345
  "background-attention": string;
346
+ "background-critical": string;
347
+ "background-minor": string;
348
+ "border-high": string;
349
+ "border-medium": string;
345
350
  "border-success": string;
346
351
  "border-danger": string;
347
352
  "border-warning": string;
348
353
  "border-info": string;
349
354
  "border-attention": string;
355
+ "border-critical": string;
356
+ "border-minor": string;
357
+ "text-high": string;
358
+ "text-medium": string;
350
359
  "text-success": string;
351
360
  "text-danger": string;
352
361
  "text-warning": string;
353
362
  "text-info": string;
354
363
  "text-attention": string;
364
+ "text-critical": string;
365
+ "text-minor": string;
366
+ "icon-high": string;
367
+ "icon-medium": string;
355
368
  "icon-success": string;
356
369
  "icon-danger": string;
357
370
  "icon-warning": string;
358
371
  "icon-info": string;
359
372
  "icon-attention": string;
373
+ "icon-critical": string;
374
+ "icon-minor": string;
360
375
  'text-primary': string;
361
376
  'text-secondary': string;
362
377
  'text-tertiary': string;
@@ -368,6 +383,8 @@ export declare const functionalColors: {
368
383
  'text-subtle-pressed': string;
369
384
  'text-subtle-disabled': string;
370
385
  'text-subtle-inverted': string;
386
+ 'text-code-subtle-enabled': string;
387
+ 'text-code-subtle-disabled': string;
371
388
  'text-link-enabled': string;
372
389
  'text-link-hover': string;
373
390
  'text-link-focus': string;
@@ -378,8 +395,6 @@ export declare const functionalColors: {
378
395
  'text-brand-focus': string;
379
396
  'text-brand-pressed': string;
380
397
  'text-brand-disabled': string;
381
- 'text-code-subtle-enabled': string;
382
- 'text-code-subtle-disabled': string;
383
398
  'text-info-enabled': string;
384
399
  'text-minor-enabled': string;
385
400
  'text-minor-disabled': string;
@@ -416,7 +431,6 @@ export declare const functionalColors: {
416
431
  'background-brand-subtle': string;
417
432
  'background-subtle': string;
418
433
  'background-info-enabled': string;
419
- 'background-minor': string;
420
434
  'background-minor-enabled': string;
421
435
  'background-minor-disabled': string;
422
436
  'background-danger-enabled': string;
@@ -429,7 +443,6 @@ export declare const functionalColors: {
429
443
  'background-success-enabled': string;
430
444
  'background-success-disabled': string;
431
445
  'background-warning-enabled': string;
432
- 'background-medium': string;
433
446
  'background-medium-enabled': string;
434
447
  'background-medium-disabled': string;
435
448
  'background-attention-enabled': string;
package/lib/theme/ColorSchemes/codacy.js CHANGED
@@ -9,7 +9,7 @@ exports.hslToHex = hslToHex;
9
9
  exports.semanticFunctionalColorsFx = void 0;
10
10
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
11
  var colorNames = exports.colorNames = ['blue', 'grey', 'purple', 'orange', 'turquoise', 'magenta', 'red', 'green', 'yellow'];
12
- var semantics = ['danger', 'success', 'warning', 'info', 'attention'];
12
+ var semantics = ['danger', 'success', 'warning', 'info', 'attention', 'critical', 'high', 'medium', 'minor'];
13
13
  // Hack: https://stackoverflow.com/a/44134328
14
14
  function hslToHex(hue, saturation, lightness) {
15
15
  lightness /= 100;
@@ -77,7 +77,8 @@ var baseColors = exports.baseColors = (0, _objectSpread2["default"])((0, _object
77
77
  saturation: 100,
78
78
  lightnessStart: 7
79
79
  })), {}, {
80
- white: '#FFFFFF'
80
+ white: '#FFFFFF',
81
+ black: '#000000'
81
82
  });
82
83
  var semanticFunctionalColorsFx = exports.semanticFunctionalColorsFx = function semanticFunctionalColorsFx(prefix, number) {
83
84
  var colors = {};
@@ -86,7 +87,11 @@ var semanticFunctionalColorsFx = exports.semanticFunctionalColorsFx = function s
86
87
  success: 'green',
87
88
  warning: 'yellow',
88
89
  info: 'blue',
89
- attention: 'purple'
90
+ attention: 'purple',
91
+ critical: 'red',
92
+ high: 'orange',
93
+ medium: 'yellow',
94
+ minor: 'blue'
90
95
  };
91
96
  semantics.map(function (semantic) {
92
97
  return colors["".concat(prefix, "-").concat(semantic)] = baseColors["".concat(semanticMapToColor[semantic], "-").concat(number)];
@@ -107,6 +112,8 @@ var functionalColorsFx = exports.functionalColorsFx = function functionalColorsF
107
112
  'text-subtle-pressed': colors['grey-10'],
108
113
  'text-subtle-disabled': colors['grey-70'],
109
114
  'text-subtle-inverted': colors['white'],
115
+ 'text-code-subtle-enabled': colors['grey-20'],
116
+ 'text-code-subtle-disabled': colors['grey-60'],
110
117
  // Text - Link and Brand
111
118
  'text-link-enabled': colors['blue-40'],
112
119
  'text-link-hover': colors['blue-30'],
@@ -118,8 +125,6 @@ var functionalColorsFx = exports.functionalColorsFx = function functionalColorsF
118
125
  'text-brand-focus': colors['blue-30'],
119
126
  'text-brand-pressed': colors['blue-20'],
120
127
  'text-brand-disabled': colors['blue-70'],
121
- 'text-code-subtle-enabled': colors['grey-20'],
122
- 'text-code-subtle-disabled': colors['grey-60'],
123
128
  // Text - Semantic
124
129
  // blue
125
130
  'text-info-enabled': colors['blue-40'],
@@ -165,7 +170,6 @@ var functionalColorsFx = exports.functionalColorsFx = function functionalColorsF
165
170
  'background-brand-subtle': colors['blue-95'],
166
171
  'background-subtle': colors['blue-99'],
167
172
  'background-info-enabled': colors['blue-40'],
168
- 'background-minor': colors['blue-95'],
169
173
  'background-minor-enabled': colors['blue-40'],
170
174
  'background-minor-disabled': colors['blue-70'],
171
175
  // red
@@ -181,7 +185,6 @@ var functionalColorsFx = exports.functionalColorsFx = function functionalColorsF
181
185
  'background-success-disabled': colors['green-70'],
182
186
  // yellow
183
187
  'background-warning-enabled': colors['yellow-40'],
184
- 'background-medium': colors['yellow-95'],
185
188
  'background-medium-enabled': colors['yellow-40'],
186
189
  'background-medium-disabled': colors['yellow-70'],
187
190
  // purple
package/lib/theme/ColorSchemes/dark.d.ts CHANGED
@@ -1,2 +1,318 @@
1
- import { ColorScheme } from '..';
1
+ import { BaseColor, ColorScheme } from '..';
2
+ export declare const darkFunctionalColorsFx: (colors: {
3
+ black: string;
4
+ white: string;
5
+ "blue-10": string;
6
+ "blue-20": string;
7
+ "blue-30": string;
8
+ "blue-40": string;
9
+ "blue-50": string;
10
+ "blue-60": string;
11
+ "blue-70": string;
12
+ "blue-80": string;
13
+ "blue-90": string;
14
+ "blue-95": string;
15
+ "blue-99": string;
16
+ "green-10": string;
17
+ "green-20": string;
18
+ "green-30": string;
19
+ "green-40": string;
20
+ "green-50": string;
21
+ "green-60": string;
22
+ "green-70": string;
23
+ "green-80": string;
24
+ "green-90": string;
25
+ "green-95": string;
26
+ "green-99": string;
27
+ "grey-10": string;
28
+ "grey-20": string;
29
+ "grey-30": string;
30
+ "grey-40": string;
31
+ "grey-50": string;
32
+ "grey-60": string;
33
+ "grey-70": string;
34
+ "grey-80": string;
35
+ "grey-90": string;
36
+ "grey-95": string;
37
+ "grey-99": string;
38
+ "magenta-10": string;
39
+ "magenta-20": string;
40
+ "magenta-30": string;
41
+ "magenta-40": string;
42
+ "magenta-50": string;
43
+ "magenta-60": string;
44
+ "magenta-70": string;
45
+ "magenta-80": string;
46
+ "magenta-90": string;
47
+ "magenta-95": string;
48
+ "magenta-99": string;
49
+ "orange-10": string;
50
+ "orange-20": string;
51
+ "orange-30": string;
52
+ "orange-40": string;
53
+ "orange-50": string;
54
+ "orange-60": string;
55
+ "orange-70": string;
56
+ "orange-80": string;
57
+ "orange-90": string;
58
+ "orange-95": string;
59
+ "orange-99": string;
60
+ "purple-10": string;
61
+ "purple-20": string;
62
+ "purple-30": string;
63
+ "purple-40": string;
64
+ "purple-50": string;
65
+ "purple-60": string;
66
+ "purple-70": string;
67
+ "purple-80": string;
68
+ "purple-90": string;
69
+ "purple-95": string;
70
+ "purple-99": string;
71
+ "red-10": string;
72
+ "red-20": string;
73
+ "red-30": string;
74
+ "red-40": string;
75
+ "red-50": string;
76
+ "red-60": string;
77
+ "red-70": string;
78
+ "red-80": string;
79
+ "red-90": string;
80
+ "red-95": string;
81
+ "red-99": string;
82
+ "turquoise-10": string;
83
+ "turquoise-20": string;
84
+ "turquoise-30": string;
85
+ "turquoise-40": string;
86
+ "turquoise-50": string;
87
+ "turquoise-60": string;
88
+ "turquoise-70": string;
89
+ "turquoise-80": string;
90
+ "turquoise-90": string;
91
+ "turquoise-95": string;
92
+ "turquoise-99": string;
93
+ "yellow-10": string;
94
+ "yellow-20": string;
95
+ "yellow-30": string;
96
+ "yellow-40": string;
97
+ "yellow-50": string;
98
+ "yellow-60": string;
99
+ "yellow-70": string;
100
+ "yellow-80": string;
101
+ "yellow-90": string;
102
+ "yellow-95": string;
103
+ "yellow-99": string;
104
+ }) => {
105
+ 'text-primary': string;
106
+ 'text-secondary': string;
107
+ 'text-tertiary': string;
108
+ 'text-disabled': string;
109
+ 'text-inverted': string;
110
+ 'text-subtle-enabled': string;
111
+ 'text-subtle-hover': string;
112
+ 'text-subtle-focus': string;
113
+ 'text-subtle-pressed': string;
114
+ 'text-subtle-disabled': string;
115
+ 'text-subtle-inverted': string;
116
+ 'text-code-subtle-enabled': string;
117
+ 'text-code-subtle-disabled': string;
118
+ 'text-link-enabled': string;
119
+ 'text-link-hover': string;
120
+ 'text-link-focus': string;
121
+ 'text-link-pressed': string;
122
+ 'text-link-disabled': string;
123
+ 'text-brand-enabled': string;
124
+ 'text-brand-hover': string;
125
+ 'text-brand-focus': string;
126
+ 'text-brand-pressed': string;
127
+ 'text-brand-disabled': string;
128
+ 'text-info-enabled': string;
129
+ 'text-minor-enabled': string;
130
+ 'text-minor-disabled': string;
131
+ 'text-code-brand-enabled': string;
132
+ 'text-code-brand-disabled': string;
133
+ 'text-danger-enabled': string;
134
+ 'text-danger-hover': string;
135
+ 'text-danger-focus': string;
136
+ 'text-danger-pressed': string;
137
+ 'text-danger-disabled': string;
138
+ 'text-critical-enabled': string;
139
+ 'text-critical-disabled': string;
140
+ 'text-code-danger': string;
141
+ 'text-warning-enabled': string;
142
+ 'text-medium-enabled': string;
143
+ 'text-medium-disabled': string;
144
+ 'text-success-enabled': string;
145
+ 'text-high-enabled': string;
146
+ 'text-high-disabled': string;
147
+ 'background-primary': string;
148
+ 'background-secondary': string;
149
+ 'background-brand-inverted': string;
150
+ 'background-subtle-enabled': string;
151
+ 'background-subtle-hover': string;
152
+ 'background-subtle-focus': string;
153
+ 'background-subtle-pressed': string;
154
+ 'background-subtle-disabled': string;
155
+ 'background-brand': string;
156
+ 'background-brand-enabled': string;
157
+ 'background-brand-hover': string;
158
+ 'background-brand-focus': string;
159
+ 'background-brand-pressed': string;
160
+ 'background-brand-disabled': string;
161
+ 'background-brand-subtle': string;
162
+ 'background-subtle': string;
163
+ 'background-info-enabled': string;
164
+ 'background-minor-enabled': string;
165
+ 'background-minor-disabled': string;
166
+ 'background-danger-enabled': string;
167
+ 'background-danger-hover': string;
168
+ 'background-danger-focus': string;
169
+ 'background-danger-pressed': string;
170
+ 'background-danger-disabled': string;
171
+ 'background-critical-enabled': string;
172
+ 'background-critical-disabled': string;
173
+ 'background-success-enabled': string;
174
+ 'background-success-disabled': string;
175
+ 'background-warning-enabled': string;
176
+ 'background-medium-enabled': string;
177
+ 'background-medium-disabled': string;
178
+ 'background-attention-enabled': string;
179
+ 'background-high-enabled': string;
180
+ 'background-high-disabled': string;
181
+ 'border-inverted': string;
182
+ 'border-primary': string;
183
+ 'border-subtle-enabled': string;
184
+ 'border-subtle-hover': string;
185
+ 'border-subtle-focus': string;
186
+ 'border-subtle-pressed': string;
187
+ 'border-subtle-disabled': string;
188
+ 'border-brand-subtle': string;
189
+ 'border-brand-enabled': string;
190
+ 'border-brand-pressed': string;
191
+ 'border-brand-hover': string;
192
+ 'border-brand-primary': string;
193
+ 'border-brand-disabled': string;
194
+ 'border-info-enabled': string;
195
+ 'border-minor-enabled': string;
196
+ 'border-minor-disabled': string;
197
+ 'border-danger-subtle': string;
198
+ 'border-danger-enabled': string;
199
+ 'border-danger-hover': string;
200
+ 'border-danger-focus': string;
201
+ 'border-danger-pressed': string;
202
+ 'border-critical-enabled': string;
203
+ 'border-critical-disabled': string;
204
+ 'border-warning-enabled': string;
205
+ 'border-medium-enabled': string;
206
+ 'border-medium-disabled': string;
207
+ 'border-success-enabled': string;
208
+ 'border-success-subtle': string;
209
+ 'border-attention-enabled': string;
210
+ 'border-attention-disabled': string;
211
+ 'border-high-enabled': string;
212
+ 'border-high-subtle-enabled': string;
213
+ 'border-high-disabled': string;
214
+ 'icon-enabled': string;
215
+ 'icon-hover': string;
216
+ 'icon-disabled': string;
217
+ 'icon-focus': string;
218
+ 'icon-pressed': string;
219
+ 'icon-inverted': string;
220
+ 'icon-subtle-enabled': string;
221
+ 'icon-subtle-hover': string;
222
+ 'icon-subtle-focus': string;
223
+ 'icon-subtle-pressed': string;
224
+ 'icon-subtle-disabled': string;
225
+ 'icon-subtle-inverted': string;
226
+ 'icon-info-enabled': string;
227
+ 'icon-minor-enabled': string;
228
+ 'icon-minor-disabled': string;
229
+ 'icon-brand-enabled': string;
230
+ 'icon-brand-hover': string;
231
+ 'icon-brand-focus': string;
232
+ 'icon-brand-pressed': string;
233
+ 'icon-brand-disabled': string;
234
+ 'icon-danger-enabled': string;
235
+ 'icon-danger-hover': string;
236
+ 'icon-danger-focus': string;
237
+ 'icon-danger-pressed': string;
238
+ 'icon-danger-disabled': string;
239
+ 'icon-critical-enabled': string;
240
+ 'icon-critical-disabled': string;
241
+ 'icon-warning-enabled': string;
242
+ 'icon-medium-enabled': string;
243
+ 'icon-medium-disabled': string;
244
+ 'icon-success-enabled': string;
245
+ 'icon-success-disabled': string;
246
+ 'icon-high-enabled': string;
247
+ 'icon-high-disabled': string;
248
+ 'icon-attention-enabled': string;
249
+ 'illustration-neutral1': string;
250
+ 'illustration-neutral2': string;
251
+ 'illustration-neutral3': string;
252
+ 'illustration-neutral4': string;
253
+ 'illustration-brand-inverted': string;
254
+ 'illustration-brand1': string;
255
+ 'illustration-brand2': string;
256
+ 'illustration-brand3': string;
257
+ 'illustration-brand4': string;
258
+ 'data-color1-enabled': string;
259
+ 'data-color1-disabled': string;
260
+ 'data-color2-enabled': string;
261
+ 'data-color2-disabled': string;
262
+ 'data-color3-enabled': string;
263
+ 'data-color3-disabled': string;
264
+ 'data-color4-enabled': string;
265
+ 'data-color4-disabled': string;
266
+ 'data-color5-enabled': string;
267
+ 'data-color5-disabled': string;
268
+ 'data-color6-enabled': string;
269
+ 'data-color6-disabled': string;
270
+ 'data-color7-enabled': string;
271
+ 'data-color7-disabled': string;
272
+ 'brand-primary': string;
273
+ 'brand-hover': string;
274
+ 'brand-pressed': string;
275
+ 'brand-disabled': string;
276
+ 'brand-focus': string;
277
+ 'brand-inverted': string;
278
+ 'brand-subtle': string;
279
+ 'subtle-primary': string;
280
+ 'subtle-hover': string;
281
+ 'subtle-pressed': string;
282
+ 'subtle-disabled': string;
283
+ 'subtle-inverted': string;
284
+ 'danger-primary': string;
285
+ 'danger-hover': string;
286
+ 'danger-pressed': string;
287
+ 'danger-disabled': string;
288
+ 'danger-focus': string;
289
+ 'danger-subtle': string;
290
+ 'success-primary': string;
291
+ 'success-hover': string;
292
+ 'success-pressed': string;
293
+ 'success-disabled': string;
294
+ 'success-focus': string;
295
+ 'warning-primary': string;
296
+ 'warning-hover': string;
297
+ 'warning-pressed': string;
298
+ 'warning-disabled': string;
299
+ 'warning-focus': string;
300
+ 'high-primary': string;
301
+ 'high-hover': string;
302
+ 'high-pressed': string;
303
+ 'high-disabled': string;
304
+ 'info-primary': string;
305
+ 'info-hover': string;
306
+ 'info-pressed': string;
307
+ 'info-disabled': string;
308
+ 'info-inverted': string;
309
+ 'attention-primary': string;
310
+ 'attention-hover': string;
311
+ 'attention-pressed': string;
312
+ 'attention-disabled': string;
313
+ 'attention-focus': string;
314
+ 'navigation-top-primary': string;
315
+ 'navigation-text': string;
316
+ 'navigation-text-pressed': string;
317
+ };
2
318
  export declare const darkCodacyThemeColors: ColorScheme;
package/lib/theme/ColorSchemes/dark.js CHANGED
@@ -4,87 +4,268 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.darkCodacyThemeColors = void 0;
7
+ exports.darkFunctionalColorsFx = exports.darkCodacyThemeColors = void 0;
8
8
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
9
9
  var _ = require("..");
10
- // Important notes about the current dark mode colors:
11
- //
12
- // - To avoid performing a lot of changes in SPA, currently there's a map between colors.
13
- // For example, if a color called blue-90 in light mode is a very light blue, in dark mode it is a very dark blue. The same name is used,
14
- // but the color code is different.
15
- // - This means that in the future we should only use the semantic names, such as "text-danger", and not the base colors (red-40), as the number
16
- // associated will not reflect the real lightness of the color.
17
- // - Only then, we can come back to this code and change the base colors name to have the correct lightness associated.
18
-
19
- var generateBaseColors = function generateBaseColors(color) {
20
- var colors = {};
21
- colors["".concat(color.name, "-99")] = (0, _.hslToHex)(color.hue, color.saturation, 10);
22
- colors["".concat(color.name, "-95")] = (0, _.hslToHex)(color.hue, color.saturation, 20);
23
- colors["".concat(color.name, "-90")] = (0, _.hslToHex)(color.hue, color.saturation, 20);
24
-
25
- //light to dark lightness map
26
- var lightToDarkMap = {
27
- 80: 30,
28
- 70: 30,
29
- 60: 40,
30
- 50: 50,
31
- 40: 60,
32
- 30: 70,
33
- 20: 90,
34
- 10: 93
10
+ var darkFunctionalColorsFx = exports.darkFunctionalColorsFx = function darkFunctionalColorsFx(colors) {
11
+ return {
12
+ // TEXT
13
+ 'text-primary': colors['grey-99'],
14
+ 'text-secondary': colors['grey-80'],
15
+ 'text-tertiary': colors['grey-60'],
16
+ 'text-disabled': colors['grey-30'],
17
+ 'text-inverted': colors['grey-99'],
18
+ 'text-subtle-enabled': colors['grey-20'],
19
+ 'text-subtle-hover': colors['grey-30'],
20
+ 'text-subtle-focus': colors['grey-30'],
21
+ 'text-subtle-pressed': colors['grey-50'],
22
+ 'text-subtle-disabled': colors['grey-20'],
23
+ 'text-subtle-inverted': colors['grey-10'],
24
+ 'text-code-subtle-enabled': colors['grey-20'],
25
+ 'text-code-subtle-disabled': colors['grey-60'],
26
+ // Text - Link and Brand
27
+ 'text-link-enabled': colors['blue-60'],
28
+ 'text-link-hover': colors['blue-70'],
29
+ 'text-link-focus': colors['blue-70'],
30
+ 'text-link-pressed': colors['blue-30'],
31
+ 'text-link-disabled': colors['blue-20'],
32
+ 'text-brand-enabled': colors['blue-50'],
33
+ 'text-brand-hover': colors['blue-60'],
34
+ 'text-brand-focus': colors['blue-60'],
35
+ 'text-brand-pressed': colors['blue-30'],
36
+ 'text-brand-disabled': colors['blue-20'],
37
+ // Text - Semantic
38
+ // blue
39
+ 'text-info-enabled': colors['blue-60'],
40
+ 'text-minor-enabled': colors['blue-50'],
41
+ 'text-minor-disabled': colors['blue-20'],
42
+ 'text-code-brand-enabled': colors['blue-20'],
43
+ 'text-code-brand-disabled': colors['blue-60'],
44
+ // red
45
+ 'text-danger-enabled': colors['red-60'],
46
+ 'text-danger-hover': colors['red-70'],
47
+ 'text-danger-focus': colors['red-70'],
48
+ 'text-danger-pressed': colors['red-80'],
49
+ 'text-danger-disabled': colors['red-20'],
50
+ 'text-critical-enabled': colors['red-60'],
51
+ 'text-critical-disabled': colors['red-30'],
52
+ 'text-code-danger': colors['red-60'],
53
+ // yellow
54
+ 'text-warning-enabled': colors['yellow-60'],
55
+ 'text-medium-enabled': colors['yellow-40'],
56
+ 'text-medium-disabled': colors['yellow-20'],
57
+ // green
58
+ 'text-success-enabled': colors['green-60'],
59
+ // orange
60
+ 'text-high-enabled': colors['orange-40'],
61
+ 'text-high-disabled': colors['orange-20'],
62
+ // BACKGROUND
63
+ 'background-primary': colors['black'],
64
+ 'background-secondary': colors['grey-10'],
65
+ 'background-brand-inverted': colors['black'],
66
+ 'background-subtle-enabled': colors['grey-70'],
67
+ 'background-subtle-hover': colors['grey-50'],
68
+ 'background-subtle-focus': colors['grey-60'],
69
+ 'background-subtle-pressed': colors['grey-50'],
70
+ 'background-subtle-disabled': colors['grey-20'],
71
+ // Background - Semantic
72
+ // blue
73
+ 'background-brand': colors['blue-10'],
74
+ 'background-brand-enabled': colors['blue-50'],
75
+ 'background-brand-hover': colors['blue-60'],
76
+ 'background-brand-focus': colors['blue-60'],
77
+ 'background-brand-pressed': colors['blue-30'],
78
+ 'background-brand-disabled': colors['blue-20'],
79
+ 'background-brand-subtle': colors['blue-10'],
80
+ 'background-subtle': colors['black'],
81
+ 'background-info-enabled': colors['blue-60'],
82
+ 'background-minor-enabled': colors['blue-40'],
83
+ 'background-minor-disabled': colors['blue-30'],
84
+ // red
85
+ 'background-danger-enabled': colors['red-60'],
86
+ 'background-danger-hover': colors['red-50'],
87
+ 'background-danger-focus': colors['red-50'],
88
+ 'background-danger-pressed': colors['red-80'],
89
+ 'background-danger-disabled': colors['red-10'],
90
+ 'background-critical-enabled': colors['red-50'],
91
+ 'background-critical-disabled': colors['red-30'],
92
+ // green
93
+ 'background-success-enabled': colors['green-50'],
94
+ 'background-success-disabled': colors['green-30'],
95
+ // yellow
96
+ 'background-warning-enabled': colors['yellow-50'],
97
+ 'background-medium-enabled': colors['yellow-40'],
98
+ 'background-medium-disabled': colors['yellow-30'],
99
+ // purple
100
+ 'background-attention-enabled': colors['purple-50'],
101
+ // orange
102
+ 'background-high-enabled': colors['orange-40'],
103
+ 'background-high-disabled': colors['orange-30'],
104
+ // BORDER
105
+ 'border-inverted': colors['grey-10'],
106
+ 'border-primary': colors['grey-20'],
107
+ 'border-subtle-enabled': colors['grey-60'],
108
+ 'border-subtle-hover': colors['grey-50'],
109
+ 'border-subtle-focus': colors['grey-50'],
110
+ 'border-subtle-pressed': colors['grey-60'],
111
+ 'border-subtle-disabled': colors['grey-20'],
112
+ //Border - Semantic
113
+ // blue
114
+ 'border-brand-subtle': colors['blue-50'],
115
+ 'border-brand-enabled': colors['blue-60'],
116
+ 'border-brand-pressed': colors['blue-30'],
117
+ 'border-brand-hover': colors['blue-60'],
118
+ 'border-brand-primary': colors['blue-70'],
119
+ 'border-brand-disabled': colors['blue-20'],
120
+ 'border-info-enabled': colors['blue-60'],
121
+ 'border-minor-enabled': colors['blue-60'],
122
+ 'border-minor-disabled': colors['blue-30'],
123
+ // red
124
+ 'border-danger-subtle': colors['red-10'],
125
+ 'border-danger-enabled': colors['red-60'],
126
+ 'border-danger-hover': colors['red-50'],
127
+ 'border-danger-focus': colors['red-50'],
128
+ 'border-danger-pressed': colors['red-20'],
129
+ 'border-critical-enabled': colors['red-60'],
130
+ 'border-critical-disabled': colors['red-30'],
131
+ // yellow
132
+ 'border-warning-enabled': colors['yellow-60'],
133
+ 'border-medium-enabled': colors['yellow-60'],
134
+ 'border-medium-disabled': colors['yellow-30'],
135
+ // green
136
+ 'border-success-enabled': colors['green-60'],
137
+ 'border-success-subtle': colors['green-20'],
138
+ // purple
139
+ 'border-attention-enabled': colors['purple-60'],
140
+ 'border-attention-disabled': colors['purple-30'],
141
+ // orange
142
+ 'border-high-enabled': colors['orange-60'],
143
+ 'border-high-subtle-enabled': colors['orange-50'],
144
+ 'border-high-disabled': colors['orange-30'],
145
+ // ICON
146
+ 'icon-enabled': colors['grey-60'],
147
+ 'icon-hover': colors['grey-50'],
148
+ 'icon-disabled': colors['grey-30'],
149
+ 'icon-focus': colors['grey-50'],
150
+ 'icon-pressed': colors['grey-80'],
151
+ 'icon-inverted': colors['white'],
152
+ 'icon-subtle-enabled': colors['grey-60'],
153
+ 'icon-subtle-hover': colors['grey-70'],
154
+ 'icon-subtle-focus': colors['grey-70'],
155
+ 'icon-subtle-pressed': colors['grey-80'],
156
+ 'icon-subtle-disabled': colors['grey-30'],
157
+ 'icon-subtle-inverted': colors['black'],
158
+ // Icon - Semantic
159
+ // blue
160
+ 'icon-info-enabled': colors['blue-60'],
161
+ 'icon-minor-enabled': colors['blue-60'],
162
+ 'icon-minor-disabled': colors['blue-30'],
163
+ 'icon-brand-enabled': colors['blue-50'],
164
+ 'icon-brand-hover': colors['blue-60'],
165
+ 'icon-brand-focus': colors['blue-60'],
166
+ 'icon-brand-pressed': colors['blue-30'],
167
+ 'icon-brand-disabled': colors['blue-20'],
168
+ // red
169
+ 'icon-danger-enabled': colors['red-60'],
170
+ 'icon-danger-hover': colors['red-70'],
171
+ 'icon-danger-focus': colors['red-70'],
172
+ 'icon-danger-pressed': colors['red-80'],
173
+ 'icon-danger-disabled': colors['red-30'],
174
+ 'icon-critical-enabled': colors['red-60'],
175
+ 'icon-critical-disabled': colors['red-30'],
176
+ // yellow
177
+ 'icon-warning-enabled': colors['yellow-60'],
178
+ 'icon-medium-enabled': colors['yellow-60'],
179
+ 'icon-medium-disabled': colors['yellow-30'],
180
+ // green
181
+ 'icon-success-enabled': colors['green-60'],
182
+ 'icon-success-disabled': colors['green-30'],
183
+ // orange
184
+ 'icon-high-enabled': colors['orange-60'],
185
+ 'icon-high-disabled': colors['orange-30'],
186
+ // purple
187
+ 'icon-attention-enabled': colors['purple-60'],
188
+ // ILLUSTRATION
189
+ 'illustration-neutral1': colors['grey-10'],
190
+ 'illustration-neutral2': colors['grey-50'],
191
+ 'illustration-neutral3': colors['grey-80'],
192
+ 'illustration-neutral4': colors['grey-95'],
193
+ 'illustration-brand-inverted': colors['blue-99'],
194
+ 'illustration-brand1': colors['blue-30'],
195
+ 'illustration-brand2': colors['blue-40'],
196
+ 'illustration-brand3': colors['blue-20'],
197
+ 'illustration-brand4': colors['blue-90'],
198
+ // DATA VISUALIZATION
199
+ 'data-color1-enabled': colors['blue-60'],
200
+ 'data-color1-disabled': colors['blue-99'],
201
+ 'data-color2-enabled': colors['blue-30'],
202
+ 'data-color2-disabled': colors['blue-95'],
203
+ 'data-color3-enabled': colors['purple-60'],
204
+ 'data-color3-disabled': colors['purple-95'],
205
+ 'data-color4-enabled': colors['magenta-40'],
206
+ 'data-color4-disabled': colors['magenta-95'],
207
+ 'data-color5-enabled': colors['purple-80'],
208
+ 'data-color5-disabled': colors['purple-99'],
209
+ 'data-color6-enabled': colors['grey-60'],
210
+ 'data-color6-disabled': colors['grey-99'],
211
+ 'data-color7-enabled': colors['grey-20'],
212
+ 'data-color7-disabled': colors['grey-95'],
213
+ // COLORS THAT ARE NOT DEFINED IN THE NEW DESIGN SYSTEM
214
+ // Brand
215
+ 'brand-primary': colors['blue-60'],
216
+ 'brand-hover': colors['blue-70'],
217
+ 'brand-pressed': colors['blue-20'],
218
+ 'brand-disabled': colors['blue-30'],
219
+ 'brand-focus': colors['blue-10'],
220
+ 'brand-inverted': colors['black'],
221
+ 'brand-subtle': colors['blue-10'],
222
+ // Subtle
223
+ 'subtle-primary': colors['grey-50'],
224
+ 'subtle-hover': colors['grey-30'],
225
+ 'subtle-pressed': colors['grey-10'],
226
+ 'subtle-disabled': colors['grey-30'],
227
+ 'subtle-inverted': colors['grey-99'],
228
+ // Danger
229
+ 'danger-primary': colors['red-60'],
230
+ 'danger-hover': colors['red-70'],
231
+ 'danger-pressed': colors['red-30'],
232
+ 'danger-disabled': colors['red-10'],
233
+ 'danger-focus': colors['red-20'],
234
+ 'danger-subtle': colors['red-10'],
235
+ // Success
236
+ 'success-primary': colors['green-60'],
237
+ 'success-hover': colors['green-70'],
238
+ 'success-pressed': colors['green-30'],
239
+ 'success-disabled': colors['green-10'],
240
+ 'success-focus': colors['green-20'],
241
+ // Warning
242
+ 'warning-primary': colors['yellow-60'],
243
+ 'warning-hover': colors['yellow-70'],
244
+ 'warning-pressed': colors['yellow-30'],
245
+ 'warning-disabled': colors['yellow-10'],
246
+ 'warning-focus': colors['yellow-20'],
247
+ //High
248
+ 'high-primary': colors['orange-60'],
249
+ 'high-hover': colors['orange-70'],
250
+ 'high-pressed': colors['orange-30'],
251
+ 'high-disabled': colors['orange-10'],
252
+ // Info
253
+ 'info-primary': colors['blue-60'],
254
+ 'info-hover': colors['blue-70'],
255
+ 'info-pressed': colors['blue-30'],
256
+ 'info-disabled': colors['blue-10'],
257
+ 'info-inverted': colors['white'],
258
+ // Attention
259
+ 'attention-primary': colors['purple-60'],
260
+ 'attention-hover': colors['purple-70'],
261
+ 'attention-pressed': colors['purple-30'],
262
+ 'attention-disabled': colors['purple-10'],
263
+ 'attention-focus': colors['purple-20'],
264
+ // Navigation
265
+ 'navigation-top-primary': colors['grey-20'],
266
+ 'navigation-text': colors['grey-70'],
267
+ 'navigation-text-pressed': colors['grey-70']
35
268
  };
36
- for (var i = 80; i >= 10; i -= 10) {
37
- colors["".concat(color.name, "-").concat(i)] = (0, _.hslToHex)(color.hue, color.saturation, color.lightnessStart + lightToDarkMap[i]);
38
- }
39
- return colors;
40
269
  };
41
- var baseColors = (0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, generateBaseColors({
42
- name: 'turquoise',
43
- hue: 183,
44
- saturation: 50,
45
- lightnessStart: 0
46
- })), generateBaseColors({
47
- name: 'blue',
48
- hue: 217,
49
- saturation: 100,
50
- lightnessStart: 7
51
- })), generateBaseColors({
52
- name: 'magenta',
53
- hue: 310,
54
- saturation: 63,
55
- lightnessStart: 2
56
- })), generateBaseColors({
57
- name: 'purple',
58
- hue: 266,
59
- saturation: 64,
60
- lightnessStart: 7
61
- })), generateBaseColors({
62
- name: 'orange',
63
- hue: 29,
64
- saturation: 98,
65
- lightnessStart: 7
66
- })), generateBaseColors({
67
- name: 'grey',
68
- hue: 219,
69
- saturation: 25,
70
- lightnessStart: 7
71
- })), generateBaseColors({
72
- name: 'red',
73
- hue: 359,
74
- saturation: 67,
75
- lightnessStart: 7
76
- })), generateBaseColors({
77
- name: 'green',
78
- hue: 137,
79
- saturation: 50,
80
- lightnessStart: 0
81
- })), generateBaseColors({
82
- name: 'yellow',
83
- hue: 38,
84
- saturation: 100,
85
- lightnessStart: 7
86
- })), {}, {
87
- white: '#000000' //this is in fact black
88
- });
89
- var functionalColors = (0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, (0, _.functionalColorsFx)(baseColors)), (0, _.semanticFunctionalColorsFx)('text', 60)), (0, _.semanticFunctionalColorsFx)('background', 20)), (0, _.semanticFunctionalColorsFx)('border', 60)), (0, _.semanticFunctionalColorsFx)('icon', 60));
90
- var darkCodacyThemeColors = exports.darkCodacyThemeColors = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, baseColors), functionalColors);
270
+ var functionalColors = (0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, darkFunctionalColorsFx(_.baseColors)), (0, _.semanticFunctionalColorsFx)('text', 60)), (0, _.semanticFunctionalColorsFx)('background', 10)), (0, _.semanticFunctionalColorsFx)('border', 60)), (0, _.semanticFunctionalColorsFx)('icon', 60));
271
+ var darkCodacyThemeColors = exports.darkCodacyThemeColors = functionalColors;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codacy/ui-components",
3
- "version": "0.65.86",
3
+ "version": "0.65.87",
4
4
  "description": "",
5
5
  "license": "ISC",
6
6
  "author": "",