@codacy/ui-components 0.69.0 → 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 (36) 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/StepNumber/styles.d.ts +1 -1
  29. package/lib/index.d.ts +1 -0
  30. package/lib/index.js +1 -0
  31. package/lib/theme/ColorSchemes/dark/illustration.d.ts +73 -0
  32. package/lib/theme/ColorSchemes/dark/illustration.js +77 -0
  33. package/lib/theme/ColorSchemes/light/illustration.d.ts +73 -0
  34. package/lib/theme/ColorSchemes/light/illustration.js +77 -0
  35. package/lib/theme/ColorSchemes/light/index.d.ts +144 -0
  36. 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-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;
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/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'],
package/lib/theme/ColorSchemes/light/index.d.ts CHANGED
@@ -15,6 +15,78 @@ declare const functionalColors: {
15
15
  'data-color7-disabled': string;
16
16
  'data-color8-enabled': string;
17
17
  'data-color8-disabled': string;
18
+ 'illustration-surface': string;
19
+ 'illustration-line': string;
20
+ 'illustration-ink': string;
21
+ 'illustration-shadow': string;
22
+ 'illustration-shadow-deep': string;
23
+ 'illustration-brand': string;
24
+ 'illustration-brand-strong': string;
25
+ 'illustration-brand-deep': string;
26
+ 'illustration-brand-soft': string;
27
+ 'illustration-success': string;
28
+ 'illustration-success-soft': string;
29
+ 'illustration-error': string;
30
+ 'illustration-error-soft': string;
31
+ 'illustration-attention': string;
32
+ 'illustration-attention-deep': string;
33
+ 'illustration-attention-soft': string;
34
+ 'illustration-accent-purple': string;
35
+ 'illustration-accent-purple-mid': string;
36
+ 'illustration-accent-purple-soft': string;
37
+ 'illustration-accent-teal': string;
38
+ 'illustration-accent-teal-soft': string;
39
+ 'illustration-accent-purple-a10': string;
40
+ 'illustration-accent-purple-a20': string;
41
+ 'illustration-accent-purple-a30': string;
42
+ 'illustration-accent-purple-a40': string;
43
+ 'illustration-accent-purple-a50': string;
44
+ 'illustration-accent-purple-mid-a50': string;
45
+ 'illustration-accent-purple-mid-a80': string;
46
+ 'illustration-accent-teal-a30': string;
47
+ 'illustration-attention-a30': string;
48
+ 'illustration-attention-a40': string;
49
+ 'illustration-attention-a50': string;
50
+ 'illustration-attention-a80': string;
51
+ 'illustration-attention-deep-a30': string;
52
+ 'illustration-attention-deep-a60': string;
53
+ 'illustration-brand-a00': string;
54
+ 'illustration-brand-a10': string;
55
+ 'illustration-brand-a20': string;
56
+ 'illustration-brand-a50': string;
57
+ 'illustration-brand-a60': string;
58
+ 'illustration-brand-a80': string;
59
+ 'illustration-brand-strong-a00': string;
60
+ 'illustration-brand-strong-a20': string;
61
+ 'illustration-brand-strong-a30': string;
62
+ 'illustration-brand-strong-a40': string;
63
+ 'illustration-brand-strong-a50': string;
64
+ 'illustration-brand-strong-a60': string;
65
+ 'illustration-brand-strong-a80': string;
66
+ 'illustration-error-a20': string;
67
+ 'illustration-error-a30': string;
68
+ 'illustration-error-a50': string;
69
+ 'illustration-error-a60': string;
70
+ 'illustration-error-a80': string;
71
+ 'illustration-shadow-a10': string;
72
+ 'illustration-shadow-a20': string;
73
+ 'illustration-shadow-a30': string;
74
+ 'illustration-shadow-deep-a10': string;
75
+ 'illustration-success-a10': string;
76
+ 'illustration-success-a20': string;
77
+ 'illustration-success-a30': string;
78
+ 'illustration-success-a40': string;
79
+ 'illustration-success-a50': string;
80
+ 'illustration-success-a80': string;
81
+ 'illustration-surface-a00': string;
82
+ 'illustration-surface-a10': string;
83
+ 'illustration-surface-a20': string;
84
+ 'illustration-surface-a30': string;
85
+ 'illustration-surface-a40': string;
86
+ 'illustration-surface-a50': string;
87
+ 'illustration-surface-a60': string;
88
+ 'illustration-surface-a80': string;
89
+ 'illustration-surface-a90': string;
18
90
  'illustration-neutral1': string;
19
91
  'illustration-neutral2': string;
20
92
  'illustration-neutral3': string;
@@ -672,6 +744,78 @@ declare const colors: {
672
744
  'data-color7-disabled': string;
673
745
  'data-color8-enabled': string;
674
746
  'data-color8-disabled': string;
747
+ 'illustration-surface': string;
748
+ 'illustration-line': string;
749
+ 'illustration-ink': string;
750
+ 'illustration-shadow': string;
751
+ 'illustration-shadow-deep': string;
752
+ 'illustration-brand': string;
753
+ 'illustration-brand-strong': string;
754
+ 'illustration-brand-deep': string;
755
+ 'illustration-brand-soft': string;
756
+ 'illustration-success': string;
757
+ 'illustration-success-soft': string;
758
+ 'illustration-error': string;
759
+ 'illustration-error-soft': string;
760
+ 'illustration-attention': string;
761
+ 'illustration-attention-deep': string;
762
+ 'illustration-attention-soft': string;
763
+ 'illustration-accent-purple': string;
764
+ 'illustration-accent-purple-mid': string;
765
+ 'illustration-accent-purple-soft': string;
766
+ 'illustration-accent-teal': string;
767
+ 'illustration-accent-teal-soft': string;
768
+ 'illustration-accent-purple-a10': string;
769
+ 'illustration-accent-purple-a20': string;
770
+ 'illustration-accent-purple-a30': string;
771
+ 'illustration-accent-purple-a40': string;
772
+ 'illustration-accent-purple-a50': string;
773
+ 'illustration-accent-purple-mid-a50': string;
774
+ 'illustration-accent-purple-mid-a80': string;
775
+ 'illustration-accent-teal-a30': string;
776
+ 'illustration-attention-a30': string;
777
+ 'illustration-attention-a40': string;
778
+ 'illustration-attention-a50': string;
779
+ 'illustration-attention-a80': string;
780
+ 'illustration-attention-deep-a30': string;
781
+ 'illustration-attention-deep-a60': string;
782
+ 'illustration-brand-a00': string;
783
+ 'illustration-brand-a10': string;
784
+ 'illustration-brand-a20': string;
785
+ 'illustration-brand-a50': string;
786
+ 'illustration-brand-a60': string;
787
+ 'illustration-brand-a80': string;
788
+ 'illustration-brand-strong-a00': string;
789
+ 'illustration-brand-strong-a20': string;
790
+ 'illustration-brand-strong-a30': string;
791
+ 'illustration-brand-strong-a40': string;
792
+ 'illustration-brand-strong-a50': string;
793
+ 'illustration-brand-strong-a60': string;
794
+ 'illustration-brand-strong-a80': string;
795
+ 'illustration-error-a20': string;
796
+ 'illustration-error-a30': string;
797
+ 'illustration-error-a50': string;
798
+ 'illustration-error-a60': string;
799
+ 'illustration-error-a80': string;
800
+ 'illustration-shadow-a10': string;
801
+ 'illustration-shadow-a20': string;
802
+ 'illustration-shadow-a30': string;
803
+ 'illustration-shadow-deep-a10': string;
804
+ 'illustration-success-a10': string;
805
+ 'illustration-success-a20': string;
806
+ 'illustration-success-a30': string;
807
+ 'illustration-success-a40': string;
808
+ 'illustration-success-a50': string;
809
+ 'illustration-success-a80': string;
810
+ 'illustration-surface-a00': string;
811
+ 'illustration-surface-a10': string;
812
+ 'illustration-surface-a20': string;
813
+ 'illustration-surface-a30': string;
814
+ 'illustration-surface-a40': string;
815
+ 'illustration-surface-a50': string;
816
+ 'illustration-surface-a60': string;
817
+ 'illustration-surface-a80': string;
818
+ 'illustration-surface-a90': string;
675
819
  'illustration-neutral1': string;
676
820
  'illustration-neutral2': string;
677
821
  'illustration-neutral3': string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codacy/ui-components",
3
- "version": "0.69.0",
3
+ "version": "0.70.0",
4
4
  "description": "",
5
5
  "license": "ISC",
6
6
  "author": "",