@codacy/ui-components 0.68.2 → 0.70.0

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 (40) hide show
  1. package/lib/Banner/Banner.styles.d.ts +1 -1
  2. package/lib/CloseButton/index.d.ts +1 -1
  3. package/lib/ExpandableBox/ExpandableBox.styles.d.ts +2 -2
  4. package/lib/Illustration/Illustration.d.ts +12 -0
  5. package/lib/Illustration/Illustration.js +98 -0
  6. package/lib/Illustration/Illustration.styles.d.ts +15 -0
  7. package/lib/Illustration/Illustration.styles.js +26 -0
  8. package/lib/Illustration/Illustration.types.d.ts +40 -0
  9. package/lib/Illustration/Illustration.types.js +1 -0
  10. package/lib/Illustration/assets/attention.d.ts +2 -0
  11. package/lib/Illustration/assets/attention.js +7 -0
  12. package/lib/Illustration/assets/empty.d.ts +2 -0
  13. package/lib/Illustration/assets/empty.js +7 -0
  14. package/lib/Illustration/assets/error.d.ts +2 -0
  15. package/lib/Illustration/assets/error.js +7 -0
  16. package/lib/Illustration/assets/in-progress.d.ts +2 -0
  17. package/lib/Illustration/assets/in-progress.js +7 -0
  18. package/lib/Illustration/assets/index.d.ts +9 -0
  19. package/lib/Illustration/assets/index.js +17 -0
  20. package/lib/Illustration/assets/no-results.d.ts +2 -0
  21. package/lib/Illustration/assets/no-results.js +7 -0
  22. package/lib/Illustration/assets/success.d.ts +2 -0
  23. package/lib/Illustration/assets/success.js +7 -0
  24. package/lib/Illustration/assets/upgrade.d.ts +2 -0
  25. package/lib/Illustration/assets/upgrade.js +7 -0
  26. package/lib/Illustration/index.d.ts +2 -0
  27. package/lib/Illustration/index.js +2 -0
  28. package/lib/PillLabel/PillLabel.styles.js +2 -2
  29. package/lib/PillLabel/PillLabel.types.d.ts +1 -1
  30. package/lib/StepNumber/styles.d.ts +1 -1
  31. package/lib/index.d.ts +1 -0
  32. package/lib/index.js +1 -0
  33. package/lib/theme/ColorSchemes/components/label.d.ts +11 -0
  34. package/lib/theme/ColorSchemes/components/label.js +12 -1
  35. package/lib/theme/ColorSchemes/dark/illustration.d.ts +73 -0
  36. package/lib/theme/ColorSchemes/dark/illustration.js +77 -0
  37. package/lib/theme/ColorSchemes/light/illustration.d.ts +73 -0
  38. package/lib/theme/ColorSchemes/light/illustration.js +77 -0
  39. package/lib/theme/ColorSchemes/light/index.d.ts +155 -0
  40. package/package.json +1 -1
package/lib/StepNumber/styles.d.ts CHANGED
@@ -9,5 +9,5 @@ export declare const StepNumberOrb: import("@emotion/styled").StyledComponent<{
9
9
  } & import("..").FlexboxProps & {
10
10
  complete?: boolean | undefined;
11
11
  size?: "sm" | "md" | undefined;
12
- color?: "text-danger" | "text-success" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-high" | "text-medium" | "text-minor" | "background-danger" | "background-success" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-high" | "background-medium" | "background-minor" | "border-danger" | "border-success" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-high" | "border-medium" | "border-minor" | "icon-danger" | "icon-success" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-high" | "icon-medium" | "icon-minor" | "link-danger" | "link-success" | "link-warning" | "link-info" | "link-attention" | "link-critical" | "link-high" | "link-medium" | "link-minor" | "alerts-danger-background" | "alerts-danger-border" | "alerts-danger-icon" | "alerts-danger-link" | "alerts-success-background" | "alerts-success-border" | "alerts-success-icon" | "alerts-success-link" | "alerts-warning-text" | "alerts-warning-background" | "alerts-warning-border" | "alerts-warning-icon" | "alerts-warning-link" | "alerts-info-background" | "alerts-info-border" | "alerts-info-icon" | "alerts-info-link" | "alerts-attention-text" | "alerts-attention-background" | "alerts-attention-border" | "alerts-attention-icon" | "alerts-primary-text" | "alerts-primary-background" | "alerts-primary-icon" | "alerts-primary-link" | "alerts-secondary-text" | "alerts-secondary-background" | "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" | "data-color8-enabled" | "data-color8-disabled" | "illustration-neutral1" | "illustration-neutral2" | "illustration-neutral3" | "illustration-neutral4" | "illustration-brand1" | "illustration-brand2" | "illustration-brand3" | "illustration-brand4" | "illustration-brand-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" | "icon-high-coverage-enabled" | "icon-high-coverage-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" | "border-brand-subtle" | "border-brand-enabled" | "border-brand-pressed" | "border-brand-hover" | "border-brand-primary" | "border-brand-disabled" | "border-info-enabled" | "border-minor-enabled" | "border-minor-disabled" | "border-danger-subtle" | "border-danger-enabled" | "border-danger-hover" | "border-danger-focus" | "border-danger-pressed" | "border-critical-enabled" | "border-critical-disabled" | "border-warning-enabled" | "border-medium-enabled" | "border-medium-disabled" | "border-success-enabled" | "border-success-subtle" | "border-attention-enabled" | "border-attention-disabled" | "border-high-enabled" | "border-high-disabled" | "border-high-coverage-enabled" | "border-high-coverage-disabled" | "border-inverted" | "border-primary" | "border-subtle-enabled" | "border-subtle-hover" | "border-subtle-focus" | "border-subtle-pressed" | "border-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-info-enabled" | "background-info-disabled" | "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-warning-disabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-attention-disabled" | "background-high-enabled" | "background-high-disabled" | "background-high-coverage" | "background-high-coverage-enabled" | "background-high-coverage-disabled" | "background-primary" | "background-secondary" | "background-subtle" | "background-brand-subtle" | "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" | "text-high-coverage-enabled" | "text-high-coverage-disabled" | "effect-elevation-1" | "effect-elevation-2" | "button-text-danger-text-disabled" | "button-text-danger-text-enabled" | "button-text-danger-text-hover" | "button-text-danger-text-focus" | "button-text-danger-text-pressed" | "button-text-danger-icon-disabled" | "button-text-danger-icon-enabled" | "button-text-danger-icon-hover" | "button-text-danger-icon-focus" | "button-text-danger-icon-pressed" | "button-text-secondary-text-disabled" | "button-text-secondary-text-enabled" | "button-text-secondary-text-hover" | "button-text-secondary-text-focus" | "button-text-secondary-text-pressed" | "button-text-secondary-icon-disabled" | "button-text-secondary-icon-enabled" | "button-text-secondary-icon-hover" | "button-text-secondary-icon-focus" | "button-text-secondary-icon-pressed" | "button-text-brand-text-disabled" | "button-text-brand-text-enabled" | "button-text-brand-text-hover" | "button-text-brand-text-focus" | "button-text-brand-text-pressed" | "button-text-brand-icon-disabled" | "button-text-brand-icon-enabled" | "button-text-brand-icon-hover" | "button-text-brand-icon-focus" | "button-text-brand-icon-pressed" | "button-primary-danger-text-disabled" | "button-primary-danger-text-enabled" | "button-primary-danger-text-hover" | "button-primary-danger-text-focus" | "button-primary-danger-text-pressed" | "button-primary-danger-background-disabled" | "button-primary-danger-background-enabled" | "button-primary-danger-background-hover" | "button-primary-danger-background-focus" | "button-primary-danger-background-pressed" | "button-primary-danger-icon-disabled" | "button-primary-danger-icon-enabled" | "button-primary-danger-icon-hover" | "button-primary-danger-icon-focus" | "button-primary-danger-icon-pressed" | "button-primary-brand-text-disabled" | "button-primary-brand-text-enabled" | "button-primary-brand-text-hover" | "button-primary-brand-text-focus" | "button-primary-brand-text-pressed" | "button-primary-brand-background-disabled" | "button-primary-brand-background-enabled" | "button-primary-brand-background-hover" | "button-primary-brand-background-focus" | "button-primary-brand-background-pressed" | "button-primary-brand-icon-disabled" | "button-primary-brand-icon-enabled" | "button-primary-brand-icon-hover" | "button-primary-brand-icon-focus" | "button-primary-brand-icon-pressed" | "button-secondary-brand-text-disabled" | "button-secondary-brand-text-enabled" | "button-secondary-brand-text-hover" | "button-secondary-brand-text-focus" | "button-secondary-brand-text-pressed" | "button-secondary-brand-background-disabled" | "button-secondary-brand-background-enabled" | "button-secondary-brand-background-hover" | "button-secondary-brand-background-focus" | "button-secondary-brand-background-pressed" | "button-secondary-brand-border-disabled" | "button-secondary-brand-border-enabled" | "button-secondary-brand-border-hover" | "button-secondary-brand-border-focus" | "button-secondary-brand-border-pressed" | "button-secondary-brand-icon-disabled" | "button-secondary-brand-icon-enabled" | "button-secondary-brand-icon-hover" | "button-secondary-brand-icon-focus" | "button-secondary-brand-icon-pressed" | "cards-danger-text-enabled" | "cards-success-icon-enabled" | "cards-primary-text-disabled" | "cards-primary-text-enabled" | "cards-primary-background-enabled" | "cards-primary-border-enabled" | "cards-primary-icon-enabled" | "cards-primary-link-enabled" | "cards-secondary-text-enabled" | "cards-secondary-background-enabled" | "cards-tertiary-text-enabled" | "cards-subtle-background-enabled" | "cards-subtle-border-enabled" | "charts-danger-background-enabled" | "charts-danger-background-active" | "charts-success-background-enabled" | "charts-success-background-active" | "charts-success-icon-disabled" | "charts-success-icon-enabled" | "charts-warning-background-enabled" | "charts-warning-background-active" | "charts-info-background-enabled" | "charts-info-background-active" | "charts-attention-background-enabled" | "charts-attention-background-active" | "charts-critical-text-disabled" | "charts-critical-text-enabled" | "charts-critical-background-enabled" | "charts-critical-background-active" | "charts-critical-border-disabled" | "charts-critical-border-enabled" | "charts-critical-icon-disabled" | "charts-critical-icon-enabled" | "charts-high-text-disabled" | "charts-high-text-enabled" | "charts-high-background-enabled" | "charts-high-background-active" | "charts-high-border-disabled" | "charts-high-border-enabled" | "charts-high-icon-disabled" | "charts-high-icon-enabled" | "charts-medium-text-disabled" | "charts-medium-text-enabled" | "charts-medium-background-enabled" | "charts-medium-background-active" | "charts-medium-border-disabled" | "charts-medium-border-enabled" | "charts-medium-icon-disabled" | "charts-medium-icon-enabled" | "charts-minor-text-disabled" | "charts-minor-text-enabled" | "charts-minor-background-enabled" | "charts-minor-background-active" | "charts-minor-border-disabled" | "charts-minor-border-enabled" | "charts-minor-icon-disabled" | "charts-minor-icon-enabled" | "charts-primary-text-disabled" | "charts-primary-text-enabled" | "charts-primary-background-enabled" | "charts-primary-border-enabled" | "charts-primary-border-active" | "charts-primary-icon-disabled" | "charts-primary-icon-enabled" | "charts-primary-link-enabled" | "charts-primary-iconLink-disabled" | "charts-primary-iconLink-enabled" | "charts-secondary-text-enabled" | "charts-secondary-background-enabled" | "charts-secondary-border-enabled" | "charts-tertiary-text-enabled" | "charts-tertiary-background-enabled" | "charts-subtle-background-enabled" | "charts-value1-background-disabled" | "charts-value1-background-enabled" | "charts-value1-border-disabled" | "charts-value1-border-enabled" | "charts-value2-background-disabled" | "charts-value2-background-enabled" | "charts-value2-border-disabled" | "charts-value2-border-enabled" | "charts-value3-background-disabled" | "charts-value3-background-enabled" | "charts-value3-border-disabled" | "charts-value3-border-enabled" | "charts-value4-background-disabled" | "charts-value4-background-enabled" | "charts-value4-border-disabled" | "charts-value4-border-enabled" | "charts-value5-background-disabled" | "charts-value5-background-enabled" | "charts-value5-border-disabled" | "charts-value5-border-enabled" | "charts-value6-background-disabled" | "charts-value6-background-enabled" | "charts-value6-border-disabled" | "charts-value6-border-enabled" | "charts-value7-background-disabled" | "charts-value7-background-enabled" | "charts-value7-border-disabled" | "charts-value7-border-enabled" | "charts-value8-background-disabled" | "charts-value8-background-enabled" | "label-danger-text" | "label-danger-background" | "label-danger-icon" | "label-success-text" | "label-success-background" | "label-success-icon" | "label-warning-text" | "label-warning-background" | "label-warning-icon" | "label-info-text" | "label-info-background" | "label-info-icon" | "label-attention-text" | "label-attention-background" | "label-attention-icon" | "label-critical-text" | "label-critical-background" | "label-critical-icon" | "label-high-text" | "label-high-background" | "label-high-icon" | "label-medium-text" | "label-medium-background" | "label-medium-icon" | "label-minor-text" | "label-minor-background" | "label-minor-icon" | "label-default-text" | "label-default-background" | "label-default-icon" | "label-high-coverage-text" | "label-high-coverage-background" | "label-high-coverage-icon" | "checkboxInput-primary-text-disabled" | "checkboxInput-primary-text-enabled" | "checkboxInput-primary-background-disabled" | "checkboxInput-primary-background-enabled" | "checkboxInput-primary-border-enabled" | "checkboxInput-primary-border-active" | "checkboxInput-primary-icon-disabled" | "checkboxInput-primary-icon-enabled" | "checkboxInput-secondary-text-disabled" | "checkboxInput-secondary-text-enabled" | "listOrb-primary-text" | "listOrb-primary-background" | "listOrb-primary-icon" | "listOrb-secondary-text" | "listOrb-secondary-background" | "listOrb-brand-text" | "stepper-text-complete" | "stepper-text-current" | "stepper-text-incomplete" | "stepper-icon-complete" | "stepper-icon-current" | "stepper-icon-incomplete" | "selector-slider-background-disabled" | "selector-slider-background-enabled" | "selector-slider-background-hover" | "selector-slider-background-unselected" | "selector-base-text-disabled" | "selector-base-text-enabled" | "selector-base-background-disabled" | "selector-base-background-enabled" | "selector-base-background-hover" | "selector-base-background-unselected" | "selector-base-border-disabled" | "selector-base-border-enabled" | "selector-base-border-hover" | "selector-base-border-unselected" | "selector-base-icon-disabled" | "selector-base-icon-enabled" | "selector-base-icon-unselected" | "input-text-disabled" | "input-text-enabled" | "input-text-hover" | "input-text-focus" | "input-text-error" | "input-background-disabled" | "input-background-enabled" | "input-background-hover" | "input-background-focus" | "input-background-error" | "input-border-disabled" | "input-border-enabled" | "input-border-hover" | "input-border-focus" | "input-border-error" | "input-icon-disabled" | "input-icon-enabled" | "input-icon-hover" | "input-icon-focus" | "input-icon-error" | "input-placeholder-disabled" | "input-placeholder-enabled" | "input-placeholder-hover" | "input-placeholder-focus" | "input-placeholder-error" | "input-helper-disabled" | "input-helper-enabled" | "input-helper-hover" | "input-helper-focus" | "input-helper-error" | "input-label-disabled" | "input-label-enabled" | "input-label-hover" | "input-label-focus" | "input-label-error" | "loading-background" | "divider-enabled" | "issues-critical-background-collapsed" | "issues-critical-background-expanded" | "issues-high-background-collapsed" | "issues-high-background-expanded" | "issues-medium-background-collapsed" | "issues-medium-background-expanded" | "issues-minor-background-collapsed" | "issues-minor-background-expanded" | "issues-critical-code" | "issues-high-code" | "issues-medium-code" | "issues-minor-code" | "issues-background" | "issues-code" | "issues-linenumber" | "tabs-text-disabled" | "tabs-text-enabled" | "tabs-text-active" | "tabs-border-disabled" | "tabs-border-enabled" | "tabs-border-active" | "tabs-border-inactive" | "tabs-icon-disabled" | "tabs-icon-enabled" | "tabs-icon-active" | "drawer-body-text-disabled" | "drawer-body-text-enabled" | "drawer-body-background-enabled" | "drawer-body-border-enabled" | "drawer-body-icon-disabled" | "drawer-body-icon-enabled" | "drawer-item-text-disabled" | "drawer-item-text-enabled" | "drawer-item-text-hover" | "drawer-item-text-active" | "drawer-item-background-disabled" | "drawer-item-background-enabled" | "drawer-item-background-hover" | "drawer-item-background-active" | "drawer-item-icon-disabled" | "drawer-item-icon-enabled" | "drawer-item-icon-hover" | "drawer-item-icon-active" | "filter-text-disabled" | "filter-text-enabled" | "filter-background-disabled" | "filter-background-enabled" | "filter-border-disabled" | "filter-border-enabled" | "filter-border-active" | "filter-icon-disabled" | "filter-icon-enabled" | "modal-body-text" | "modal-body-background" | "modal-backdrop-background" | "tables-text-enabled" | "tables-text-active" | "tables-background-hover" | "tables-border-enabled" | "tables-icon-enabled" | "tables-icon-active" | "tables-link-enabled" | "tables-link-hover" | "navigation-left-menu-item-text-enabled" | "navigation-left-menu-item-text-hover" | "navigation-left-menu-item-text-active" | "navigation-left-menu-item-background-enabled" | "navigation-left-menu-item-background-active" | "navigation-left-menu-item-icon-enabled" | "navigation-left-menu-item-icon-active" | "navigation-left-menu-wrapper-text-enabled" | "navigation-left-menu-wrapper-background-enabled" | "navigation-top-bar-item-text-enabled" | "navigation-top-bar-item-background-hover" | "navigation-top-bar-wrapper-text-enabled" | "navigation-top-bar-wrapper-background-enabled" | "navigation-top-bar-wrapper-icon-enabled" | "navigation-top-bar-logo" | "logo-brand" | "logo-inverted" | "logo-primary" | "tooltip-text" | "tooltip-background" | "tooltip-border" | "progress-bar-background" | "progress-bar-indicator" | "grades-background-icon" | "grades-background-high" | "grades-background-medium" | "grades-background-elite" | "grades-background-low" | "grades-background-generic" | "grades-background-other" | "grades-text" | undefined;
12
+ color?: "text-danger" | "text-success" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-high" | "text-medium" | "text-minor" | "background-danger" | "background-success" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-high" | "background-medium" | "background-minor" | "border-danger" | "border-success" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-high" | "border-medium" | "border-minor" | "icon-danger" | "icon-success" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-high" | "icon-medium" | "icon-minor" | "link-danger" | "link-success" | "link-warning" | "link-info" | "link-attention" | "link-critical" | "link-high" | "link-medium" | "link-minor" | "alerts-danger-background" | "alerts-danger-border" | "alerts-danger-icon" | "alerts-danger-link" | "alerts-success-background" | "alerts-success-border" | "alerts-success-icon" | "alerts-success-link" | "alerts-warning-text" | "alerts-warning-background" | "alerts-warning-border" | "alerts-warning-icon" | "alerts-warning-link" | "alerts-info-background" | "alerts-info-border" | "alerts-info-icon" | "alerts-info-link" | "alerts-attention-text" | "alerts-attention-background" | "alerts-attention-border" | "alerts-attention-icon" | "alerts-primary-text" | "alerts-primary-background" | "alerts-primary-icon" | "alerts-primary-link" | "alerts-secondary-text" | "alerts-secondary-background" | "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" | "data-color8-enabled" | "data-color8-disabled" | "illustration-surface" | "illustration-line" | "illustration-ink" | "illustration-shadow" | "illustration-shadow-deep" | "illustration-brand" | "illustration-brand-strong" | "illustration-brand-deep" | "illustration-brand-soft" | "illustration-success" | "illustration-success-soft" | "illustration-error" | "illustration-error-soft" | "illustration-attention" | "illustration-attention-deep" | "illustration-attention-soft" | "illustration-accent-purple" | "illustration-accent-purple-mid" | "illustration-accent-purple-soft" | "illustration-accent-teal" | "illustration-accent-teal-soft" | "illustration-accent-purple-a10" | "illustration-accent-purple-a20" | "illustration-accent-purple-a30" | "illustration-accent-purple-a40" | "illustration-accent-purple-a50" | "illustration-accent-purple-mid-a50" | "illustration-accent-purple-mid-a80" | "illustration-accent-teal-a30" | "illustration-attention-a30" | "illustration-attention-a40" | "illustration-attention-a50" | "illustration-attention-a80" | "illustration-attention-deep-a30" | "illustration-attention-deep-a60" | "illustration-brand-a00" | "illustration-brand-a10" | "illustration-brand-a20" | "illustration-brand-a50" | "illustration-brand-a60" | "illustration-brand-a80" | "illustration-brand-strong-a00" | "illustration-brand-strong-a20" | "illustration-brand-strong-a30" | "illustration-brand-strong-a40" | "illustration-brand-strong-a50" | "illustration-brand-strong-a60" | "illustration-brand-strong-a80" | "illustration-error-a20" | "illustration-error-a30" | "illustration-error-a50" | "illustration-error-a60" | "illustration-error-a80" | "illustration-shadow-a10" | "illustration-shadow-a20" | "illustration-shadow-a30" | "illustration-shadow-deep-a10" | "illustration-success-a10" | "illustration-success-a20" | "illustration-success-a30" | "illustration-success-a40" | "illustration-success-a50" | "illustration-success-a80" | "illustration-surface-a00" | "illustration-surface-a10" | "illustration-surface-a20" | "illustration-surface-a30" | "illustration-surface-a40" | "illustration-surface-a50" | "illustration-surface-a60" | "illustration-surface-a80" | "illustration-surface-a90" | "illustration-neutral1" | "illustration-neutral2" | "illustration-neutral3" | "illustration-neutral4" | "illustration-brand1" | "illustration-brand2" | "illustration-brand3" | "illustration-brand4" | "illustration-brand-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" | "icon-high-coverage-enabled" | "icon-high-coverage-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" | "border-brand-subtle" | "border-brand-enabled" | "border-brand-pressed" | "border-brand-hover" | "border-brand-primary" | "border-brand-disabled" | "border-info-enabled" | "border-minor-enabled" | "border-minor-disabled" | "border-danger-subtle" | "border-danger-enabled" | "border-danger-hover" | "border-danger-focus" | "border-danger-pressed" | "border-critical-enabled" | "border-critical-disabled" | "border-warning-enabled" | "border-medium-enabled" | "border-medium-disabled" | "border-success-enabled" | "border-success-subtle" | "border-attention-enabled" | "border-attention-disabled" | "border-high-enabled" | "border-high-disabled" | "border-high-coverage-enabled" | "border-high-coverage-disabled" | "border-inverted" | "border-primary" | "border-subtle-enabled" | "border-subtle-hover" | "border-subtle-focus" | "border-subtle-pressed" | "border-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-info-enabled" | "background-info-disabled" | "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-warning-disabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-attention-disabled" | "background-high-enabled" | "background-high-disabled" | "background-high-coverage" | "background-high-coverage-enabled" | "background-high-coverage-disabled" | "background-primary" | "background-secondary" | "background-subtle" | "background-brand-subtle" | "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" | "text-high-coverage-enabled" | "text-high-coverage-disabled" | "effect-elevation-1" | "effect-elevation-2" | "button-text-danger-text-disabled" | "button-text-danger-text-enabled" | "button-text-danger-text-hover" | "button-text-danger-text-focus" | "button-text-danger-text-pressed" | "button-text-danger-icon-disabled" | "button-text-danger-icon-enabled" | "button-text-danger-icon-hover" | "button-text-danger-icon-focus" | "button-text-danger-icon-pressed" | "button-text-secondary-text-disabled" | "button-text-secondary-text-enabled" | "button-text-secondary-text-hover" | "button-text-secondary-text-focus" | "button-text-secondary-text-pressed" | "button-text-secondary-icon-disabled" | "button-text-secondary-icon-enabled" | "button-text-secondary-icon-hover" | "button-text-secondary-icon-focus" | "button-text-secondary-icon-pressed" | "button-text-brand-text-disabled" | "button-text-brand-text-enabled" | "button-text-brand-text-hover" | "button-text-brand-text-focus" | "button-text-brand-text-pressed" | "button-text-brand-icon-disabled" | "button-text-brand-icon-enabled" | "button-text-brand-icon-hover" | "button-text-brand-icon-focus" | "button-text-brand-icon-pressed" | "button-primary-danger-text-disabled" | "button-primary-danger-text-enabled" | "button-primary-danger-text-hover" | "button-primary-danger-text-focus" | "button-primary-danger-text-pressed" | "button-primary-danger-background-disabled" | "button-primary-danger-background-enabled" | "button-primary-danger-background-hover" | "button-primary-danger-background-focus" | "button-primary-danger-background-pressed" | "button-primary-danger-icon-disabled" | "button-primary-danger-icon-enabled" | "button-primary-danger-icon-hover" | "button-primary-danger-icon-focus" | "button-primary-danger-icon-pressed" | "button-primary-brand-text-disabled" | "button-primary-brand-text-enabled" | "button-primary-brand-text-hover" | "button-primary-brand-text-focus" | "button-primary-brand-text-pressed" | "button-primary-brand-background-disabled" | "button-primary-brand-background-enabled" | "button-primary-brand-background-hover" | "button-primary-brand-background-focus" | "button-primary-brand-background-pressed" | "button-primary-brand-icon-disabled" | "button-primary-brand-icon-enabled" | "button-primary-brand-icon-hover" | "button-primary-brand-icon-focus" | "button-primary-brand-icon-pressed" | "button-secondary-brand-text-disabled" | "button-secondary-brand-text-enabled" | "button-secondary-brand-text-hover" | "button-secondary-brand-text-focus" | "button-secondary-brand-text-pressed" | "button-secondary-brand-background-disabled" | "button-secondary-brand-background-enabled" | "button-secondary-brand-background-hover" | "button-secondary-brand-background-focus" | "button-secondary-brand-background-pressed" | "button-secondary-brand-border-disabled" | "button-secondary-brand-border-enabled" | "button-secondary-brand-border-hover" | "button-secondary-brand-border-focus" | "button-secondary-brand-border-pressed" | "button-secondary-brand-icon-disabled" | "button-secondary-brand-icon-enabled" | "button-secondary-brand-icon-hover" | "button-secondary-brand-icon-focus" | "button-secondary-brand-icon-pressed" | "cards-danger-text-enabled" | "cards-success-icon-enabled" | "cards-primary-text-disabled" | "cards-primary-text-enabled" | "cards-primary-background-enabled" | "cards-primary-border-enabled" | "cards-primary-icon-enabled" | "cards-primary-link-enabled" | "cards-secondary-text-enabled" | "cards-secondary-background-enabled" | "cards-tertiary-text-enabled" | "cards-subtle-background-enabled" | "cards-subtle-border-enabled" | "charts-danger-background-enabled" | "charts-danger-background-active" | "charts-success-background-enabled" | "charts-success-background-active" | "charts-success-icon-disabled" | "charts-success-icon-enabled" | "charts-warning-background-enabled" | "charts-warning-background-active" | "charts-info-background-enabled" | "charts-info-background-active" | "charts-attention-background-enabled" | "charts-attention-background-active" | "charts-critical-text-disabled" | "charts-critical-text-enabled" | "charts-critical-background-enabled" | "charts-critical-background-active" | "charts-critical-border-disabled" | "charts-critical-border-enabled" | "charts-critical-icon-disabled" | "charts-critical-icon-enabled" | "charts-high-text-disabled" | "charts-high-text-enabled" | "charts-high-background-enabled" | "charts-high-background-active" | "charts-high-border-disabled" | "charts-high-border-enabled" | "charts-high-icon-disabled" | "charts-high-icon-enabled" | "charts-medium-text-disabled" | "charts-medium-text-enabled" | "charts-medium-background-enabled" | "charts-medium-background-active" | "charts-medium-border-disabled" | "charts-medium-border-enabled" | "charts-medium-icon-disabled" | "charts-medium-icon-enabled" | "charts-minor-text-disabled" | "charts-minor-text-enabled" | "charts-minor-background-enabled" | "charts-minor-background-active" | "charts-minor-border-disabled" | "charts-minor-border-enabled" | "charts-minor-icon-disabled" | "charts-minor-icon-enabled" | "charts-primary-text-disabled" | "charts-primary-text-enabled" | "charts-primary-background-enabled" | "charts-primary-border-enabled" | "charts-primary-border-active" | "charts-primary-icon-disabled" | "charts-primary-icon-enabled" | "charts-primary-link-enabled" | "charts-primary-iconLink-disabled" | "charts-primary-iconLink-enabled" | "charts-secondary-text-enabled" | "charts-secondary-background-enabled" | "charts-secondary-border-enabled" | "charts-tertiary-text-enabled" | "charts-tertiary-background-enabled" | "charts-subtle-background-enabled" | "charts-value1-background-disabled" | "charts-value1-background-enabled" | "charts-value1-border-disabled" | "charts-value1-border-enabled" | "charts-value2-background-disabled" | "charts-value2-background-enabled" | "charts-value2-border-disabled" | "charts-value2-border-enabled" | "charts-value3-background-disabled" | "charts-value3-background-enabled" | "charts-value3-border-disabled" | "charts-value3-border-enabled" | "charts-value4-background-disabled" | "charts-value4-background-enabled" | "charts-value4-border-disabled" | "charts-value4-border-enabled" | "charts-value5-background-disabled" | "charts-value5-background-enabled" | "charts-value5-border-disabled" | "charts-value5-border-enabled" | "charts-value6-background-disabled" | "charts-value6-background-enabled" | "charts-value6-border-disabled" | "charts-value6-border-enabled" | "charts-value7-background-disabled" | "charts-value7-background-enabled" | "charts-value7-border-disabled" | "charts-value7-border-enabled" | "charts-value8-background-disabled" | "charts-value8-background-enabled" | "label-danger-text" | "label-danger-background" | "label-danger-border" | "label-danger-icon" | "label-success-text" | "label-success-background" | "label-success-border" | "label-success-icon" | "label-warning-text" | "label-warning-background" | "label-warning-border" | "label-warning-icon" | "label-info-text" | "label-info-background" | "label-info-border" | "label-info-icon" | "label-attention-text" | "label-attention-background" | "label-attention-border" | "label-attention-icon" | "label-critical-text" | "label-critical-background" | "label-critical-border" | "label-critical-icon" | "label-high-text" | "label-high-background" | "label-high-border" | "label-high-icon" | "label-medium-text" | "label-medium-background" | "label-medium-border" | "label-medium-icon" | "label-minor-text" | "label-minor-background" | "label-minor-border" | "label-minor-icon" | "label-default-text" | "label-default-background" | "label-default-border" | "label-default-icon" | "label-high-coverage-text" | "label-high-coverage-background" | "label-high-coverage-border" | "label-high-coverage-icon" | "checkboxInput-primary-text-disabled" | "checkboxInput-primary-text-enabled" | "checkboxInput-primary-background-disabled" | "checkboxInput-primary-background-enabled" | "checkboxInput-primary-border-enabled" | "checkboxInput-primary-border-active" | "checkboxInput-primary-icon-disabled" | "checkboxInput-primary-icon-enabled" | "checkboxInput-secondary-text-disabled" | "checkboxInput-secondary-text-enabled" | "listOrb-primary-text" | "listOrb-primary-background" | "listOrb-primary-icon" | "listOrb-secondary-text" | "listOrb-secondary-background" | "listOrb-brand-text" | "stepper-text-complete" | "stepper-text-current" | "stepper-text-incomplete" | "stepper-icon-complete" | "stepper-icon-current" | "stepper-icon-incomplete" | "selector-slider-background-disabled" | "selector-slider-background-enabled" | "selector-slider-background-hover" | "selector-slider-background-unselected" | "selector-base-text-disabled" | "selector-base-text-enabled" | "selector-base-background-disabled" | "selector-base-background-enabled" | "selector-base-background-hover" | "selector-base-background-unselected" | "selector-base-border-disabled" | "selector-base-border-enabled" | "selector-base-border-hover" | "selector-base-border-unselected" | "selector-base-icon-disabled" | "selector-base-icon-enabled" | "selector-base-icon-unselected" | "input-text-disabled" | "input-text-enabled" | "input-text-hover" | "input-text-focus" | "input-text-error" | "input-background-disabled" | "input-background-enabled" | "input-background-hover" | "input-background-focus" | "input-background-error" | "input-border-disabled" | "input-border-enabled" | "input-border-hover" | "input-border-focus" | "input-border-error" | "input-icon-disabled" | "input-icon-enabled" | "input-icon-hover" | "input-icon-focus" | "input-icon-error" | "input-placeholder-disabled" | "input-placeholder-enabled" | "input-placeholder-hover" | "input-placeholder-focus" | "input-placeholder-error" | "input-helper-disabled" | "input-helper-enabled" | "input-helper-hover" | "input-helper-focus" | "input-helper-error" | "input-label-disabled" | "input-label-enabled" | "input-label-hover" | "input-label-focus" | "input-label-error" | "loading-background" | "divider-enabled" | "issues-critical-background-collapsed" | "issues-critical-background-expanded" | "issues-high-background-collapsed" | "issues-high-background-expanded" | "issues-medium-background-collapsed" | "issues-medium-background-expanded" | "issues-minor-background-collapsed" | "issues-minor-background-expanded" | "issues-critical-code" | "issues-high-code" | "issues-medium-code" | "issues-minor-code" | "issues-background" | "issues-code" | "issues-linenumber" | "tabs-text-disabled" | "tabs-text-enabled" | "tabs-text-active" | "tabs-border-disabled" | "tabs-border-enabled" | "tabs-border-active" | "tabs-border-inactive" | "tabs-icon-disabled" | "tabs-icon-enabled" | "tabs-icon-active" | "drawer-body-text-disabled" | "drawer-body-text-enabled" | "drawer-body-background-enabled" | "drawer-body-border-enabled" | "drawer-body-icon-disabled" | "drawer-body-icon-enabled" | "drawer-item-text-disabled" | "drawer-item-text-enabled" | "drawer-item-text-hover" | "drawer-item-text-active" | "drawer-item-background-disabled" | "drawer-item-background-enabled" | "drawer-item-background-hover" | "drawer-item-background-active" | "drawer-item-icon-disabled" | "drawer-item-icon-enabled" | "drawer-item-icon-hover" | "drawer-item-icon-active" | "filter-text-disabled" | "filter-text-enabled" | "filter-background-disabled" | "filter-background-enabled" | "filter-border-disabled" | "filter-border-enabled" | "filter-border-active" | "filter-icon-disabled" | "filter-icon-enabled" | "modal-body-text" | "modal-body-background" | "modal-backdrop-background" | "tables-text-enabled" | "tables-text-active" | "tables-background-hover" | "tables-border-enabled" | "tables-icon-enabled" | "tables-icon-active" | "tables-link-enabled" | "tables-link-hover" | "navigation-left-menu-item-text-enabled" | "navigation-left-menu-item-text-hover" | "navigation-left-menu-item-text-active" | "navigation-left-menu-item-background-enabled" | "navigation-left-menu-item-background-active" | "navigation-left-menu-item-icon-enabled" | "navigation-left-menu-item-icon-active" | "navigation-left-menu-wrapper-text-enabled" | "navigation-left-menu-wrapper-background-enabled" | "navigation-top-bar-item-text-enabled" | "navigation-top-bar-item-background-hover" | "navigation-top-bar-wrapper-text-enabled" | "navigation-top-bar-wrapper-background-enabled" | "navigation-top-bar-wrapper-icon-enabled" | "navigation-top-bar-logo" | "logo-brand" | "logo-inverted" | "logo-primary" | "tooltip-text" | "tooltip-background" | "tooltip-border" | "progress-bar-background" | "progress-bar-indicator" | "grades-background-icon" | "grades-background-high" | "grades-background-medium" | "grades-background-elite" | "grades-background-low" | "grades-background-generic" | "grades-background-other" | "grades-text" | undefined;
13
13
  }, {}, {}>;
package/lib/index.d.ts CHANGED
@@ -7,6 +7,7 @@ export * from './Flexbox';
7
7
  export * from './Group';
8
8
  export * from './Icons';
9
9
  export * from './Img';
10
+ export * from './Illustration';
10
11
  export * from './InlineMessage';
11
12
  export * from './Input';
12
13
  export * from './Labeled';
package/lib/index.js CHANGED
@@ -7,6 +7,7 @@ export * from './Flexbox';
7
7
  export * from './Group';
8
8
  export * from './Icons';
9
9
  export * from './Img';
10
+ export * from './Illustration';
10
11
  export * from './InlineMessage';
11
12
  export * from './Input';
12
13
  export * from './Labeled';
package/lib/theme/ColorSchemes/components/label.d.ts CHANGED
@@ -3,34 +3,45 @@ export declare const label: (colors: FunctionalColorScheme) => {
3
3
  'label-default-icon': string;
4
4
  'label-default-text': string;
5
5
  'label-default-background': string;
6
+ 'label-default-border': string;
6
7
  'label-danger-icon': string;
7
8
  'label-danger-text': string;
8
9
  'label-danger-background': string;
10
+ 'label-danger-border': string;
9
11
  'label-success-icon': string;
10
12
  'label-success-text': string;
11
13
  'label-success-background': string;
14
+ 'label-success-border': string;
12
15
  'label-warning-icon': string;
13
16
  'label-warning-text': string;
14
17
  'label-warning-background': string;
18
+ 'label-warning-border': string;
15
19
  'label-info-icon': string;
16
20
  'label-info-text': string;
17
21
  'label-info-background': string;
22
+ 'label-info-border': string;
18
23
  'label-attention-icon': string;
19
24
  'label-attention-text': string;
20
25
  'label-attention-background': string;
26
+ 'label-attention-border': string;
21
27
  'label-critical-icon': string;
22
28
  'label-critical-text': string;
23
29
  'label-critical-background': string;
30
+ 'label-critical-border': string;
24
31
  'label-high-icon': string;
25
32
  'label-high-text': string;
26
33
  'label-high-background': string;
34
+ 'label-high-border': string;
27
35
  'label-medium-icon': string;
28
36
  'label-medium-text': string;
29
37
  'label-medium-background': string;
38
+ 'label-medium-border': string;
30
39
  'label-minor-icon': string;
31
40
  'label-minor-text': string;
32
41
  'label-minor-background': string;
42
+ 'label-minor-border': string;
33
43
  'label-high-coverage-icon': string;
34
44
  'label-high-coverage-text': string;
35
45
  'label-high-coverage-background': string;
46
+ 'label-high-coverage-border': string;
36
47
  };
package/lib/theme/ColorSchemes/components/label.js CHANGED
@@ -3,34 +3,45 @@ export const label = colors => validateKeys()({
3
3
  'label-default-icon': colors['icon-enabled'],
4
4
  'label-default-text': colors['text-secondary'],
5
5
  'label-default-background': colors['background-subtle'],
6
+ 'label-default-border': colors['border-primary'],
6
7
  'label-danger-icon': colors['icon-danger-enabled'],
7
8
  'label-danger-text': colors['text-danger-enabled'],
8
9
  'label-danger-background': colors['background-danger'],
10
+ 'label-danger-border': colors['border-danger-enabled'],
9
11
  'label-success-icon': colors['icon-success-enabled'],
10
12
  'label-success-text': colors['text-success-enabled'],
11
13
  'label-success-background': colors['background-success'],
14
+ 'label-success-border': colors['border-success-enabled'],
12
15
  'label-warning-icon': colors['icon-warning-enabled'],
13
16
  'label-warning-text': colors['text-warning-enabled'],
14
17
  'label-warning-background': colors['background-warning'],
18
+ 'label-warning-border': colors['border-warning-enabled'],
15
19
  'label-info-icon': colors['icon-info-enabled'],
16
20
  'label-info-text': colors['text-info-enabled'],
17
21
  'label-info-background': colors['background-info'],
22
+ 'label-info-border': colors['border-info-enabled'],
18
23
  'label-attention-icon': colors['icon-attention-enabled'],
19
24
  'label-attention-text': colors['text-attention'],
20
25
  'label-attention-background': colors['background-attention'],
26
+ 'label-attention-border': colors['border-attention-enabled'],
21
27
  'label-critical-icon': colors['icon-critical-enabled'],
22
28
  'label-critical-text': colors['text-critical-enabled'],
23
29
  'label-critical-background': colors['background-critical'],
30
+ 'label-critical-border': colors['border-critical-enabled'],
24
31
  'label-high-icon': colors['icon-high-enabled'],
25
32
  'label-high-text': colors['text-high-enabled'],
26
33
  'label-high-background': colors['background-high'],
34
+ 'label-high-border': colors['border-high-enabled'],
27
35
  'label-medium-icon': colors['icon-medium-enabled'],
28
36
  'label-medium-text': colors['text-medium-enabled'],
29
37
  'label-medium-background': colors['background-medium'],
38
+ 'label-medium-border': colors['border-medium-enabled'],
30
39
  'label-minor-icon': colors['icon-minor-enabled'],
31
40
  'label-minor-text': colors['text-minor-enabled'],
32
41
  'label-minor-background': colors['background-minor'],
42
+ 'label-minor-border': colors['border-minor-enabled'],
33
43
  'label-high-coverage-icon': colors['icon-high-coverage-enabled'],
34
44
  'label-high-coverage-text': colors['text-high-coverage-enabled'],
35
- 'label-high-coverage-background': colors['background-high-coverage']
45
+ 'label-high-coverage-background': colors['background-high-coverage'],
46
+ 'label-high-coverage-border': colors['border-high-coverage-enabled']
36
47
  });
package/lib/theme/ColorSchemes/dark/illustration.d.ts CHANGED
@@ -1,4 +1,77 @@
1
1
  export declare const illustrationColors: {
2
+ 'illustration-surface': string;
3
+ 'illustration-line': string;
4
+ 'illustration-ink': string;
5
+ 'illustration-shadow': string;
6
+ 'illustration-shadow-deep': string;
7
+ 'illustration-brand': string;
8
+ 'illustration-brand-strong': string;
9
+ 'illustration-brand-deep': string;
10
+ 'illustration-brand-soft': string;
11
+ 'illustration-success': string;
12
+ 'illustration-success-soft': string;
13
+ 'illustration-error': string;
14
+ 'illustration-error-soft': string;
15
+ 'illustration-attention': string;
16
+ 'illustration-attention-deep': string;
17
+ 'illustration-attention-soft': string;
18
+ 'illustration-accent-purple': string;
19
+ 'illustration-accent-purple-mid': string;
20
+ 'illustration-accent-purple-soft': string;
21
+ 'illustration-accent-teal': string;
22
+ 'illustration-accent-teal-soft': string;
23
+ 'illustration-accent-purple-a10': string;
24
+ 'illustration-accent-purple-a20': string;
25
+ 'illustration-accent-purple-a30': string;
26
+ 'illustration-accent-purple-a40': string;
27
+ 'illustration-accent-purple-a50': string;
28
+ 'illustration-accent-purple-mid-a50': string;
29
+ 'illustration-accent-purple-mid-a80': string;
30
+ 'illustration-accent-teal-a30': string;
31
+ 'illustration-attention-a30': string;
32
+ 'illustration-attention-a40': string;
33
+ 'illustration-attention-a50': string;
34
+ 'illustration-attention-a80': string;
35
+ 'illustration-attention-deep-a30': string;
36
+ 'illustration-attention-deep-a60': string;
37
+ 'illustration-brand-a00': string;
38
+ 'illustration-brand-a10': string;
39
+ 'illustration-brand-a20': string;
40
+ 'illustration-brand-a50': string;
41
+ 'illustration-brand-a60': string;
42
+ 'illustration-brand-a80': string;
43
+ 'illustration-brand-strong-a00': string;
44
+ 'illustration-brand-strong-a20': string;
45
+ 'illustration-brand-strong-a30': string;
46
+ 'illustration-brand-strong-a40': string;
47
+ 'illustration-brand-strong-a50': string;
48
+ 'illustration-brand-strong-a60': string;
49
+ 'illustration-brand-strong-a80': string;
50
+ 'illustration-error-a20': string;
51
+ 'illustration-error-a30': string;
52
+ 'illustration-error-a50': string;
53
+ 'illustration-error-a60': string;
54
+ 'illustration-error-a80': string;
55
+ 'illustration-shadow-a10': string;
56
+ 'illustration-shadow-a20': string;
57
+ 'illustration-shadow-a30': string;
58
+ 'illustration-shadow-deep-a10': string;
59
+ 'illustration-success-a10': string;
60
+ 'illustration-success-a20': string;
61
+ 'illustration-success-a30': string;
62
+ 'illustration-success-a40': string;
63
+ 'illustration-success-a50': string;
64
+ 'illustration-success-a80': string;
65
+ 'illustration-surface-a00': string;
66
+ 'illustration-surface-a10': string;
67
+ 'illustration-surface-a20': string;
68
+ 'illustration-surface-a30': string;
69
+ 'illustration-surface-a40': string;
70
+ 'illustration-surface-a50': string;
71
+ 'illustration-surface-a60': string;
72
+ 'illustration-surface-a80': string;
73
+ 'illustration-surface-a90': string;
74
+ /** @deprecated use the illustration-<role> tokens. Kept for codacy-spa's badge and onboarding images */
2
75
  'illustration-neutral1': string;
3
76
  'illustration-neutral2': string;
4
77
  'illustration-neutral3': string;
package/lib/theme/ColorSchemes/dark/illustration.js CHANGED
@@ -1,5 +1,82 @@
1
1
  import { primitiveColors } from '../primitives';
2
+
3
+ // Illustration colours, mirroring the illustrations/* variables in the Figma One Design System.
4
+ // <role>-aNN tokens are the same primitive at NN% opacity (8-digit hex), for glass, glows and shadows.
5
+
2
6
  export const illustrationColors = {
7
+ 'illustration-surface': primitiveColors['grey-100'],
8
+ 'illustration-line': primitiveColors['grey-50'],
9
+ 'illustration-ink': primitiveColors['grey-90'],
10
+ 'illustration-shadow': primitiveColors['grey-00'],
11
+ 'illustration-shadow-deep': primitiveColors['grey-00'],
12
+ 'illustration-brand': primitiveColors['blue-60'],
13
+ 'illustration-brand-strong': primitiveColors['blue-50'],
14
+ 'illustration-brand-deep': primitiveColors['blue-40'],
15
+ 'illustration-brand-soft': primitiveColors['blue-70'],
16
+ 'illustration-success': primitiveColors['green-50'],
17
+ 'illustration-success-soft': primitiveColors['green-60'],
18
+ 'illustration-error': primitiveColors['red-60'],
19
+ 'illustration-error-soft': primitiveColors['red-70'],
20
+ 'illustration-attention': primitiveColors['yellow-50'],
21
+ 'illustration-attention-deep': primitiveColors['orange-50'],
22
+ 'illustration-attention-soft': primitiveColors['yellow-60'],
23
+ 'illustration-accent-purple': primitiveColors['purple-50'],
24
+ 'illustration-accent-purple-mid': primitiveColors['purple-60'],
25
+ 'illustration-accent-purple-soft': primitiveColors['purple-70'],
26
+ 'illustration-accent-teal': primitiveColors['teal-50'],
27
+ 'illustration-accent-teal-soft': primitiveColors['teal-60'],
28
+ 'illustration-accent-purple-a10': `${primitiveColors['purple-50']}1a`,
29
+ 'illustration-accent-purple-a20': `${primitiveColors['purple-50']}33`,
30
+ 'illustration-accent-purple-a30': `${primitiveColors['purple-50']}4c`,
31
+ 'illustration-accent-purple-a40': `${primitiveColors['purple-50']}66`,
32
+ 'illustration-accent-purple-a50': `${primitiveColors['purple-50']}80`,
33
+ 'illustration-accent-purple-mid-a50': `${primitiveColors['purple-60']}80`,
34
+ 'illustration-accent-purple-mid-a80': `${primitiveColors['purple-60']}cc`,
35
+ 'illustration-accent-teal-a30': `${primitiveColors['teal-50']}4c`,
36
+ 'illustration-attention-a30': `${primitiveColors['yellow-50']}4c`,
37
+ 'illustration-attention-a40': `${primitiveColors['yellow-50']}66`,
38
+ 'illustration-attention-a50': `${primitiveColors['yellow-50']}80`,
39
+ 'illustration-attention-a80': `${primitiveColors['yellow-50']}cc`,
40
+ 'illustration-attention-deep-a30': `${primitiveColors['orange-50']}4c`,
41
+ 'illustration-attention-deep-a60': `${primitiveColors['orange-50']}99`,
42
+ 'illustration-brand-a00': `${primitiveColors['blue-60']}00`,
43
+ 'illustration-brand-a10': `${primitiveColors['blue-60']}1a`,
44
+ 'illustration-brand-a20': `${primitiveColors['blue-60']}33`,
45
+ 'illustration-brand-a50': `${primitiveColors['blue-60']}80`,
46
+ 'illustration-brand-a60': `${primitiveColors['blue-60']}99`,
47
+ 'illustration-brand-a80': `${primitiveColors['blue-60']}cc`,
48
+ 'illustration-brand-strong-a00': `${primitiveColors['blue-50']}00`,
49
+ 'illustration-brand-strong-a20': `${primitiveColors['blue-50']}33`,
50
+ 'illustration-brand-strong-a30': `${primitiveColors['blue-50']}4c`,
51
+ 'illustration-brand-strong-a40': `${primitiveColors['blue-50']}66`,
52
+ 'illustration-brand-strong-a50': `${primitiveColors['blue-50']}80`,
53
+ 'illustration-brand-strong-a60': `${primitiveColors['blue-50']}99`,
54
+ 'illustration-brand-strong-a80': `${primitiveColors['blue-50']}cc`,
55
+ 'illustration-error-a20': `${primitiveColors['red-60']}33`,
56
+ 'illustration-error-a30': `${primitiveColors['red-60']}4c`,
57
+ 'illustration-error-a50': `${primitiveColors['red-60']}80`,
58
+ 'illustration-error-a60': `${primitiveColors['red-60']}99`,
59
+ 'illustration-error-a80': `${primitiveColors['red-60']}cc`,
60
+ 'illustration-shadow-a10': `${primitiveColors['grey-00']}1a`,
61
+ 'illustration-shadow-a20': `${primitiveColors['grey-00']}33`,
62
+ 'illustration-shadow-a30': `${primitiveColors['grey-00']}4c`,
63
+ 'illustration-shadow-deep-a10': `${primitiveColors['grey-00']}1a`,
64
+ 'illustration-success-a10': `${primitiveColors['green-50']}1a`,
65
+ 'illustration-success-a20': `${primitiveColors['green-50']}33`,
66
+ 'illustration-success-a30': `${primitiveColors['green-50']}4c`,
67
+ 'illustration-success-a40': `${primitiveColors['green-50']}66`,
68
+ 'illustration-success-a50': `${primitiveColors['green-50']}80`,
69
+ 'illustration-success-a80': `${primitiveColors['green-50']}cc`,
70
+ 'illustration-surface-a00': `${primitiveColors['grey-100']}00`,
71
+ 'illustration-surface-a10': `${primitiveColors['grey-100']}1a`,
72
+ 'illustration-surface-a20': `${primitiveColors['grey-100']}33`,
73
+ 'illustration-surface-a30': `${primitiveColors['grey-100']}4c`,
74
+ 'illustration-surface-a40': `${primitiveColors['grey-100']}66`,
75
+ 'illustration-surface-a50': `${primitiveColors['grey-100']}80`,
76
+ 'illustration-surface-a60': `${primitiveColors['grey-100']}99`,
77
+ 'illustration-surface-a80': `${primitiveColors['grey-100']}cc`,
78
+ 'illustration-surface-a90': `${primitiveColors['grey-100']}e6`,
79
+ /** @deprecated use the illustration-<role> tokens. Kept for codacy-spa's badge and onboarding images */
3
80
  'illustration-neutral1': primitiveColors['grey-10'],
4
81
  'illustration-neutral2': primitiveColors['grey-50'],
5
82
  'illustration-neutral3': primitiveColors['grey-80'],
package/lib/theme/ColorSchemes/light/illustration.d.ts CHANGED
@@ -1,4 +1,77 @@
1
1
  export declare const illustrationColors: {
2
+ 'illustration-surface': string;
3
+ 'illustration-line': string;
4
+ 'illustration-ink': string;
5
+ 'illustration-shadow': string;
6
+ 'illustration-shadow-deep': string;
7
+ 'illustration-brand': string;
8
+ 'illustration-brand-strong': string;
9
+ 'illustration-brand-deep': string;
10
+ 'illustration-brand-soft': string;
11
+ 'illustration-success': string;
12
+ 'illustration-success-soft': string;
13
+ 'illustration-error': string;
14
+ 'illustration-error-soft': string;
15
+ 'illustration-attention': string;
16
+ 'illustration-attention-deep': string;
17
+ 'illustration-attention-soft': string;
18
+ 'illustration-accent-purple': string;
19
+ 'illustration-accent-purple-mid': string;
20
+ 'illustration-accent-purple-soft': string;
21
+ 'illustration-accent-teal': string;
22
+ 'illustration-accent-teal-soft': string;
23
+ 'illustration-accent-purple-a10': string;
24
+ 'illustration-accent-purple-a20': string;
25
+ 'illustration-accent-purple-a30': string;
26
+ 'illustration-accent-purple-a40': string;
27
+ 'illustration-accent-purple-a50': string;
28
+ 'illustration-accent-purple-mid-a50': string;
29
+ 'illustration-accent-purple-mid-a80': string;
30
+ 'illustration-accent-teal-a30': string;
31
+ 'illustration-attention-a30': string;
32
+ 'illustration-attention-a40': string;
33
+ 'illustration-attention-a50': string;
34
+ 'illustration-attention-a80': string;
35
+ 'illustration-attention-deep-a30': string;
36
+ 'illustration-attention-deep-a60': string;
37
+ 'illustration-brand-a00': string;
38
+ 'illustration-brand-a10': string;
39
+ 'illustration-brand-a20': string;
40
+ 'illustration-brand-a50': string;
41
+ 'illustration-brand-a60': string;
42
+ 'illustration-brand-a80': string;
43
+ 'illustration-brand-strong-a00': string;
44
+ 'illustration-brand-strong-a20': string;
45
+ 'illustration-brand-strong-a30': string;
46
+ 'illustration-brand-strong-a40': string;
47
+ 'illustration-brand-strong-a50': string;
48
+ 'illustration-brand-strong-a60': string;
49
+ 'illustration-brand-strong-a80': string;
50
+ 'illustration-error-a20': string;
51
+ 'illustration-error-a30': string;
52
+ 'illustration-error-a50': string;
53
+ 'illustration-error-a60': string;
54
+ 'illustration-error-a80': string;
55
+ 'illustration-shadow-a10': string;
56
+ 'illustration-shadow-a20': string;
57
+ 'illustration-shadow-a30': string;
58
+ 'illustration-shadow-deep-a10': string;
59
+ 'illustration-success-a10': string;
60
+ 'illustration-success-a20': string;
61
+ 'illustration-success-a30': string;
62
+ 'illustration-success-a40': string;
63
+ 'illustration-success-a50': string;
64
+ 'illustration-success-a80': string;
65
+ 'illustration-surface-a00': string;
66
+ 'illustration-surface-a10': string;
67
+ 'illustration-surface-a20': string;
68
+ 'illustration-surface-a30': string;
69
+ 'illustration-surface-a40': string;
70
+ 'illustration-surface-a50': string;
71
+ 'illustration-surface-a60': string;
72
+ 'illustration-surface-a80': string;
73
+ 'illustration-surface-a90': string;
74
+ /** @deprecated use the illustration-<role> tokens. Kept for codacy-spa's badge and onboarding images */
2
75
  'illustration-neutral1': string;
3
76
  'illustration-neutral2': string;
4
77
  'illustration-neutral3': string;
package/lib/theme/ColorSchemes/light/illustration.js CHANGED
@@ -1,5 +1,82 @@
1
1
  import { primitiveColors } from '../primitives';
2
+
3
+ // Illustration colours, mirroring the illustrations/* variables in the Figma One Design System.
4
+ // <role>-aNN tokens are the same primitive at NN% opacity (8-digit hex), for glass, glows and shadows.
5
+
2
6
  export const illustrationColors = {
7
+ 'illustration-surface': primitiveColors['grey-100'],
8
+ 'illustration-line': primitiveColors['grey-70'],
9
+ 'illustration-ink': primitiveColors['grey-20'],
10
+ 'illustration-shadow': primitiveColors['blue-10'],
11
+ 'illustration-shadow-deep': primitiveColors['blue-20'],
12
+ 'illustration-brand': primitiveColors['blue-60'],
13
+ 'illustration-brand-strong': primitiveColors['blue-50'],
14
+ 'illustration-brand-deep': primitiveColors['blue-40'],
15
+ 'illustration-brand-soft': primitiveColors['blue-70'],
16
+ 'illustration-success': primitiveColors['green-50'],
17
+ 'illustration-success-soft': primitiveColors['green-60'],
18
+ 'illustration-error': primitiveColors['red-60'],
19
+ 'illustration-error-soft': primitiveColors['red-70'],
20
+ 'illustration-attention': primitiveColors['yellow-50'],
21
+ 'illustration-attention-deep': primitiveColors['orange-50'],
22
+ 'illustration-attention-soft': primitiveColors['yellow-60'],
23
+ 'illustration-accent-purple': primitiveColors['purple-50'],
24
+ 'illustration-accent-purple-mid': primitiveColors['purple-60'],
25
+ 'illustration-accent-purple-soft': primitiveColors['purple-70'],
26
+ 'illustration-accent-teal': primitiveColors['teal-50'],
27
+ 'illustration-accent-teal-soft': primitiveColors['teal-60'],
28
+ 'illustration-accent-purple-a10': `${primitiveColors['purple-50']}1a`,
29
+ 'illustration-accent-purple-a20': `${primitiveColors['purple-50']}33`,
30
+ 'illustration-accent-purple-a30': `${primitiveColors['purple-50']}4c`,
31
+ 'illustration-accent-purple-a40': `${primitiveColors['purple-50']}66`,
32
+ 'illustration-accent-purple-a50': `${primitiveColors['purple-50']}80`,
33
+ 'illustration-accent-purple-mid-a50': `${primitiveColors['purple-60']}80`,
34
+ 'illustration-accent-purple-mid-a80': `${primitiveColors['purple-60']}cc`,
35
+ 'illustration-accent-teal-a30': `${primitiveColors['teal-50']}4c`,
36
+ 'illustration-attention-a30': `${primitiveColors['yellow-50']}4c`,
37
+ 'illustration-attention-a40': `${primitiveColors['yellow-50']}66`,
38
+ 'illustration-attention-a50': `${primitiveColors['yellow-50']}80`,
39
+ 'illustration-attention-a80': `${primitiveColors['yellow-50']}cc`,
40
+ 'illustration-attention-deep-a30': `${primitiveColors['orange-50']}4c`,
41
+ 'illustration-attention-deep-a60': `${primitiveColors['orange-50']}99`,
42
+ 'illustration-brand-a00': `${primitiveColors['blue-60']}00`,
43
+ 'illustration-brand-a10': `${primitiveColors['blue-60']}1a`,
44
+ 'illustration-brand-a20': `${primitiveColors['blue-60']}33`,
45
+ 'illustration-brand-a50': `${primitiveColors['blue-60']}80`,
46
+ 'illustration-brand-a60': `${primitiveColors['blue-60']}99`,
47
+ 'illustration-brand-a80': `${primitiveColors['blue-60']}cc`,
48
+ 'illustration-brand-strong-a00': `${primitiveColors['blue-50']}00`,
49
+ 'illustration-brand-strong-a20': `${primitiveColors['blue-50']}33`,
50
+ 'illustration-brand-strong-a30': `${primitiveColors['blue-50']}4c`,
51
+ 'illustration-brand-strong-a40': `${primitiveColors['blue-50']}66`,
52
+ 'illustration-brand-strong-a50': `${primitiveColors['blue-50']}80`,
53
+ 'illustration-brand-strong-a60': `${primitiveColors['blue-50']}99`,
54
+ 'illustration-brand-strong-a80': `${primitiveColors['blue-50']}cc`,
55
+ 'illustration-error-a20': `${primitiveColors['red-60']}33`,
56
+ 'illustration-error-a30': `${primitiveColors['red-60']}4c`,
57
+ 'illustration-error-a50': `${primitiveColors['red-60']}80`,
58
+ 'illustration-error-a60': `${primitiveColors['red-60']}99`,
59
+ 'illustration-error-a80': `${primitiveColors['red-60']}cc`,
60
+ 'illustration-shadow-a10': `${primitiveColors['blue-10']}1a`,
61
+ 'illustration-shadow-a20': `${primitiveColors['blue-10']}33`,
62
+ 'illustration-shadow-a30': `${primitiveColors['blue-10']}4c`,
63
+ 'illustration-shadow-deep-a10': `${primitiveColors['blue-20']}1a`,
64
+ 'illustration-success-a10': `${primitiveColors['green-50']}1a`,
65
+ 'illustration-success-a20': `${primitiveColors['green-50']}33`,
66
+ 'illustration-success-a30': `${primitiveColors['green-50']}4c`,
67
+ 'illustration-success-a40': `${primitiveColors['green-50']}66`,
68
+ 'illustration-success-a50': `${primitiveColors['green-50']}80`,
69
+ 'illustration-success-a80': `${primitiveColors['green-50']}cc`,
70
+ 'illustration-surface-a00': `${primitiveColors['grey-100']}00`,
71
+ 'illustration-surface-a10': `${primitiveColors['grey-100']}1a`,
72
+ 'illustration-surface-a20': `${primitiveColors['grey-100']}33`,
73
+ 'illustration-surface-a30': `${primitiveColors['grey-100']}4c`,
74
+ 'illustration-surface-a40': `${primitiveColors['grey-100']}66`,
75
+ 'illustration-surface-a50': `${primitiveColors['grey-100']}80`,
76
+ 'illustration-surface-a60': `${primitiveColors['grey-100']}99`,
77
+ 'illustration-surface-a80': `${primitiveColors['grey-100']}cc`,
78
+ 'illustration-surface-a90': `${primitiveColors['grey-100']}e6`,
79
+ /** @deprecated use the illustration-<role> tokens. Kept for codacy-spa's badge and onboarding images */
3
80
  'illustration-neutral1': primitiveColors['grey-10'],
4
81
  'illustration-neutral2': primitiveColors['grey-50'],
5
82
  'illustration-neutral3': primitiveColors['grey-95'],