@codacy/ui-components 0.65.92 → 0.65.93

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 (50) hide show
  1. package/lib/Avatar/Avatar.js +3 -2
  2. package/lib/ExpandableBox/ExpandableBox.styles.d.ts +2 -2
  3. package/lib/StepNumber/styles.d.ts +1 -1
  4. package/lib/Stepper/Stepper.styles.d.ts +1 -1
  5. package/lib/theme/ColorSchemes/dark/background.d.ts +72 -0
  6. package/lib/theme/ColorSchemes/dark/background.js +53 -0
  7. package/lib/theme/ColorSchemes/dark/border.d.ts +70 -0
  8. package/lib/theme/ColorSchemes/dark/border.js +52 -0
  9. package/lib/theme/ColorSchemes/dark/data.d.ts +16 -0
  10. package/lib/theme/ColorSchemes/dark/data.js +23 -0
  11. package/lib/theme/ColorSchemes/dark/icon.d.ts +73 -0
  12. package/lib/theme/ColorSchemes/dark/icon.js +54 -0
  13. package/lib/theme/ColorSchemes/dark/illustration.d.ts +11 -0
  14. package/lib/theme/ColorSchemes/dark/illustration.js +18 -0
  15. package/lib/theme/ColorSchemes/dark/index.d.ts +2 -0
  16. package/lib/theme/ColorSchemes/dark/index.js +73 -0
  17. package/lib/theme/ColorSchemes/dark/text.d.ts +80 -0
  18. package/lib/theme/ColorSchemes/dark/text.js +61 -0
  19. package/lib/theme/ColorSchemes/index.d.ts +5 -0
  20. package/lib/theme/ColorSchemes/index.js +60 -0
  21. package/lib/theme/ColorSchemes/light/background.d.ts +72 -0
  22. package/lib/theme/ColorSchemes/light/background.js +53 -0
  23. package/lib/theme/ColorSchemes/light/border.d.ts +70 -0
  24. package/lib/theme/ColorSchemes/light/border.js +52 -0
  25. package/lib/theme/ColorSchemes/light/data.d.ts +16 -0
  26. package/lib/theme/ColorSchemes/light/data.js +23 -0
  27. package/lib/theme/ColorSchemes/light/icon.d.ts +73 -0
  28. package/lib/theme/ColorSchemes/light/icon.js +54 -0
  29. package/lib/theme/ColorSchemes/light/illustration.d.ts +11 -0
  30. package/lib/theme/ColorSchemes/light/illustration.js +18 -0
  31. package/lib/theme/ColorSchemes/{dark.d.ts → light/index.d.ts} +210 -288
  32. package/lib/theme/ColorSchemes/light/index.js +82 -0
  33. package/lib/theme/ColorSchemes/light/text.d.ts +80 -0
  34. package/lib/theme/ColorSchemes/light/text.js +61 -0
  35. package/lib/theme/ColorSchemes/primitives.d.ts +6 -0
  36. package/lib/theme/ColorSchemes/primitives.js +95 -0
  37. package/lib/theme/ColorSchemes/semantics.d.ts +9 -0
  38. package/lib/theme/ColorSchemes/semantics.js +26 -0
  39. package/lib/theme/ColorSchemes/types.d.ts +3 -0
  40. package/lib/theme/ColorSchemes/types.js +7 -0
  41. package/lib/theme/index.d.ts +1 -3
  42. package/lib/theme/index.js +4 -26
  43. package/lib/theme/theme.d.ts +0 -3
  44. package/lib/theme/theme.js +2 -6
  45. package/package.json +1 -1
  46. package/lib/theme/ColorSchemes/codacy.d.ts +0 -610
  47. package/lib/theme/ColorSchemes/codacy.js +0 -387
  48. package/lib/theme/ColorSchemes/dark.js +0 -270
  49. package/lib/theme/ColorSchemes/security.d.ts +0 -2
  50. package/lib/theme/ColorSchemes/security.js +0 -28
@@ -10,7 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
  var _ = require("../");
12
12
  var _gravatar = require("./gravatar");
13
- var _theme = require("../theme");
13
+ var _react2 = require("@emotion/react");
14
14
  var _jsxRuntime = require("react/jsx-runtime");
15
15
  var _excluded = ["email", "src", "size"];
16
16
  /**
@@ -22,6 +22,7 @@ var Avatar = exports.Avatar = function Avatar(_ref) {
22
22
  _ref$size = _ref.size,
23
23
  size = _ref$size === void 0 ? 'md' : _ref$size,
24
24
  props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
25
+ var theme = (0, _react2.useTheme)();
25
26
  var dimensions = {
26
27
  xs: 1,
27
28
  sm: 2,
@@ -33,7 +34,7 @@ var Avatar = exports.Avatar = function Avatar(_ref) {
33
34
  //So we can have a higher quality in the image, we are fetching double the actual size of the avatar in the ui
34
35
  var image = !!email ? (0, _gravatar.getGravatarUrl)(email, {
35
36
  "default": 'identicon',
36
- size: dimensions[size] * _theme.theme.remScale * 2
37
+ size: dimensions[size] * theme.remScale * 2
37
38
  }) : src;
38
39
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Img, (0, _objectSpread2["default"])({
39
40
  src: image,
@@ -2,7 +2,7 @@
2
2
  export declare const StyledAnimateHeight: import("@emotion/styled").StyledComponent<import("react-animate-height").AnimateHeightProps & {
3
3
  theme?: import("@emotion/react").Theme | undefined;
4
4
  } & {
5
- secondaryColor?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-code-subtle-enabled" | "text-code-subtle-disabled" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-code-brand-enabled" | "text-code-brand-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-code-danger" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "background-primary" | "background-secondary" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-subtle" | "background-subtle" | "background-info-enabled" | "background-minor-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "background-warning-enabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "border-inverted" | "border-primary" | "border-subtle-enabled" | "border-subtle-hover" | "border-subtle-focus" | "border-subtle-pressed" | "border-subtle-disabled" | "border-brand-subtle" | "border-brand-enabled" | "border-brand-pressed" | "border-brand-hover" | "border-brand-primary" | "border-brand-disabled" | "border-info-enabled" | "border-minor-enabled" | "border-minor-disabled" | "border-danger-subtle" | "border-danger-enabled" | "border-danger-hover" | "border-danger-focus" | "border-danger-pressed" | "border-critical-enabled" | "border-critical-disabled" | "border-warning-enabled" | "border-medium-enabled" | "border-medium-disabled" | "border-success-enabled" | "border-success-subtle" | "border-attention-enabled" | "border-attention-disabled" | "border-high-enabled" | "border-high-disabled" | "icon-enabled" | "icon-hover" | "icon-disabled" | "icon-focus" | "icon-pressed" | "icon-inverted" | "icon-subtle-enabled" | "icon-subtle-hover" | "icon-subtle-focus" | "icon-subtle-pressed" | "icon-subtle-disabled" | "icon-subtle-inverted" | "icon-info-enabled" | "icon-minor-enabled" | "icon-minor-disabled" | "icon-brand-enabled" | "icon-brand-hover" | "icon-brand-focus" | "icon-brand-pressed" | "icon-brand-disabled" | "icon-danger-enabled" | "icon-danger-hover" | "icon-danger-focus" | "icon-danger-pressed" | "icon-danger-disabled" | "icon-critical-enabled" | "icon-critical-disabled" | "icon-warning-enabled" | "icon-medium-enabled" | "icon-medium-disabled" | "icon-success-enabled" | "icon-success-disabled" | "icon-high-enabled" | "icon-high-disabled" | "icon-attention-enabled" | "illustration-neutral1" | "illustration-neutral2" | "illustration-neutral3" | "illustration-neutral4" | "illustration-brand-inverted" | "illustration-brand1" | "illustration-brand2" | "illustration-brand3" | "illustration-brand4" | "data-color1-enabled" | "data-color1-disabled" | "data-color2-enabled" | "data-color2-disabled" | "data-color3-enabled" | "data-color3-disabled" | "data-color4-enabled" | "data-color4-disabled" | "data-color5-enabled" | "data-color5-disabled" | "data-color6-enabled" | "data-color6-disabled" | "data-color7-enabled" | "data-color7-disabled" | "brand-primary" | "brand-hover" | "brand-pressed" | "brand-disabled" | "brand-focus" | "brand-inverted" | "brand-subtle" | "subtle-primary" | "subtle-hover" | "subtle-pressed" | "subtle-disabled" | "subtle-inverted" | "danger-primary" | "danger-hover" | "danger-pressed" | "danger-disabled" | "danger-focus" | "danger-subtle" | "success-primary" | "success-hover" | "success-pressed" | "success-disabled" | "success-focus" | "warning-primary" | "warning-hover" | "warning-pressed" | "warning-disabled" | "warning-focus" | "high-primary" | "high-hover" | "high-pressed" | "high-disabled" | "info-primary" | "info-hover" | "info-pressed" | "info-disabled" | "info-inverted" | "attention-primary" | "attention-hover" | "attention-pressed" | "attention-disabled" | "attention-focus" | "navigation-top-primary" | "navigation-text" | "navigation-text-pressed" | undefined;
5
+ secondaryColor?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "brand-primary" | "brand-hover" | "brand-pressed" | "brand-disabled" | "brand-focus" | "brand-inverted" | "brand-subtle" | "subtle-primary" | "subtle-hover" | "subtle-pressed" | "subtle-disabled" | "subtle-inverted" | "danger-primary" | "danger-hover" | "danger-pressed" | "danger-disabled" | "danger-focus" | "danger-subtle" | "success-primary" | "success-hover" | "success-pressed" | "success-disabled" | "success-focus" | "warning-primary" | "warning-hover" | "warning-pressed" | "warning-disabled" | "warning-focus" | "high-primary" | "high-hover" | "high-pressed" | "high-disabled" | "info-primary" | "info-hover" | "info-pressed" | "info-disabled" | "info-inverted" | "attention-primary" | "attention-hover" | "attention-pressed" | "attention-disabled" | "attention-focus" | "navigation-top-primary" | "navigation-text" | "navigation-text-pressed" | "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" | "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-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-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-minor-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "background-warning-enabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "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" | undefined;
6
6
  }, {}, {}>;
7
7
  export declare const StyledExpandableBox: import("@emotion/styled").StyledComponent<{
8
8
  theme?: import("@emotion/react").Theme | undefined;
@@ -12,7 +12,7 @@ export declare const StyledExpandableBox: import("@emotion/styled").StyledCompon
12
12
  } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
13
13
  theme?: import("@emotion/react").Theme | undefined;
14
14
  } & import("..").FlexboxProps & import("..").GridboxProps & {
15
- primaryColor?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-code-subtle-enabled" | "text-code-subtle-disabled" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-code-brand-enabled" | "text-code-brand-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-code-danger" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "background-primary" | "background-secondary" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-subtle" | "background-subtle" | "background-info-enabled" | "background-minor-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "background-warning-enabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "border-inverted" | "border-primary" | "border-subtle-enabled" | "border-subtle-hover" | "border-subtle-focus" | "border-subtle-pressed" | "border-subtle-disabled" | "border-brand-subtle" | "border-brand-enabled" | "border-brand-pressed" | "border-brand-hover" | "border-brand-primary" | "border-brand-disabled" | "border-info-enabled" | "border-minor-enabled" | "border-minor-disabled" | "border-danger-subtle" | "border-danger-enabled" | "border-danger-hover" | "border-danger-focus" | "border-danger-pressed" | "border-critical-enabled" | "border-critical-disabled" | "border-warning-enabled" | "border-medium-enabled" | "border-medium-disabled" | "border-success-enabled" | "border-success-subtle" | "border-attention-enabled" | "border-attention-disabled" | "border-high-enabled" | "border-high-disabled" | "icon-enabled" | "icon-hover" | "icon-disabled" | "icon-focus" | "icon-pressed" | "icon-inverted" | "icon-subtle-enabled" | "icon-subtle-hover" | "icon-subtle-focus" | "icon-subtle-pressed" | "icon-subtle-disabled" | "icon-subtle-inverted" | "icon-info-enabled" | "icon-minor-enabled" | "icon-minor-disabled" | "icon-brand-enabled" | "icon-brand-hover" | "icon-brand-focus" | "icon-brand-pressed" | "icon-brand-disabled" | "icon-danger-enabled" | "icon-danger-hover" | "icon-danger-focus" | "icon-danger-pressed" | "icon-danger-disabled" | "icon-critical-enabled" | "icon-critical-disabled" | "icon-warning-enabled" | "icon-medium-enabled" | "icon-medium-disabled" | "icon-success-enabled" | "icon-success-disabled" | "icon-high-enabled" | "icon-high-disabled" | "icon-attention-enabled" | "illustration-neutral1" | "illustration-neutral2" | "illustration-neutral3" | "illustration-neutral4" | "illustration-brand-inverted" | "illustration-brand1" | "illustration-brand2" | "illustration-brand3" | "illustration-brand4" | "data-color1-enabled" | "data-color1-disabled" | "data-color2-enabled" | "data-color2-disabled" | "data-color3-enabled" | "data-color3-disabled" | "data-color4-enabled" | "data-color4-disabled" | "data-color5-enabled" | "data-color5-disabled" | "data-color6-enabled" | "data-color6-disabled" | "data-color7-enabled" | "data-color7-disabled" | "brand-primary" | "brand-hover" | "brand-pressed" | "brand-disabled" | "brand-focus" | "brand-inverted" | "brand-subtle" | "subtle-primary" | "subtle-hover" | "subtle-pressed" | "subtle-disabled" | "subtle-inverted" | "danger-primary" | "danger-hover" | "danger-pressed" | "danger-disabled" | "danger-focus" | "danger-subtle" | "success-primary" | "success-hover" | "success-pressed" | "success-disabled" | "success-focus" | "warning-primary" | "warning-hover" | "warning-pressed" | "warning-disabled" | "warning-focus" | "high-primary" | "high-hover" | "high-pressed" | "high-disabled" | "info-primary" | "info-hover" | "info-pressed" | "info-disabled" | "info-inverted" | "attention-primary" | "attention-hover" | "attention-pressed" | "attention-disabled" | "attention-focus" | "navigation-top-primary" | "navigation-text" | "navigation-text-pressed" | undefined;
15
+ primaryColor?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "brand-primary" | "brand-hover" | "brand-pressed" | "brand-disabled" | "brand-focus" | "brand-inverted" | "brand-subtle" | "subtle-primary" | "subtle-hover" | "subtle-pressed" | "subtle-disabled" | "subtle-inverted" | "danger-primary" | "danger-hover" | "danger-pressed" | "danger-disabled" | "danger-focus" | "danger-subtle" | "success-primary" | "success-hover" | "success-pressed" | "success-disabled" | "success-focus" | "warning-primary" | "warning-hover" | "warning-pressed" | "warning-disabled" | "warning-focus" | "high-primary" | "high-hover" | "high-pressed" | "high-disabled" | "info-primary" | "info-hover" | "info-pressed" | "info-disabled" | "info-inverted" | "attention-primary" | "attention-hover" | "attention-pressed" | "attention-disabled" | "attention-focus" | "navigation-top-primary" | "navigation-text" | "navigation-text-pressed" | "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" | "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-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-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-minor-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "background-warning-enabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "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" | undefined;
16
16
  expanded?: boolean | undefined;
17
17
  }, {}, {}>;
18
18
  export declare const StyledBox: import("@emotion/styled").StyledComponent<{
@@ -8,5 +8,5 @@ export declare const StepNumberOrb: import("@emotion/styled").StyledComponent<{
8
8
  theme?: import("@emotion/react").Theme | undefined;
9
9
  } & import("..").FlexboxProps & {
10
10
  complete?: boolean | undefined;
11
- color?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-code-subtle-enabled" | "text-code-subtle-disabled" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-code-brand-enabled" | "text-code-brand-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-code-danger" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "background-primary" | "background-secondary" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-subtle" | "background-subtle" | "background-info-enabled" | "background-minor-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "background-warning-enabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "border-inverted" | "border-primary" | "border-subtle-enabled" | "border-subtle-hover" | "border-subtle-focus" | "border-subtle-pressed" | "border-subtle-disabled" | "border-brand-subtle" | "border-brand-enabled" | "border-brand-pressed" | "border-brand-hover" | "border-brand-primary" | "border-brand-disabled" | "border-info-enabled" | "border-minor-enabled" | "border-minor-disabled" | "border-danger-subtle" | "border-danger-enabled" | "border-danger-hover" | "border-danger-focus" | "border-danger-pressed" | "border-critical-enabled" | "border-critical-disabled" | "border-warning-enabled" | "border-medium-enabled" | "border-medium-disabled" | "border-success-enabled" | "border-success-subtle" | "border-attention-enabled" | "border-attention-disabled" | "border-high-enabled" | "border-high-disabled" | "icon-enabled" | "icon-hover" | "icon-disabled" | "icon-focus" | "icon-pressed" | "icon-inverted" | "icon-subtle-enabled" | "icon-subtle-hover" | "icon-subtle-focus" | "icon-subtle-pressed" | "icon-subtle-disabled" | "icon-subtle-inverted" | "icon-info-enabled" | "icon-minor-enabled" | "icon-minor-disabled" | "icon-brand-enabled" | "icon-brand-hover" | "icon-brand-focus" | "icon-brand-pressed" | "icon-brand-disabled" | "icon-danger-enabled" | "icon-danger-hover" | "icon-danger-focus" | "icon-danger-pressed" | "icon-danger-disabled" | "icon-critical-enabled" | "icon-critical-disabled" | "icon-warning-enabled" | "icon-medium-enabled" | "icon-medium-disabled" | "icon-success-enabled" | "icon-success-disabled" | "icon-high-enabled" | "icon-high-disabled" | "icon-attention-enabled" | "illustration-neutral1" | "illustration-neutral2" | "illustration-neutral3" | "illustration-neutral4" | "illustration-brand-inverted" | "illustration-brand1" | "illustration-brand2" | "illustration-brand3" | "illustration-brand4" | "data-color1-enabled" | "data-color1-disabled" | "data-color2-enabled" | "data-color2-disabled" | "data-color3-enabled" | "data-color3-disabled" | "data-color4-enabled" | "data-color4-disabled" | "data-color5-enabled" | "data-color5-disabled" | "data-color6-enabled" | "data-color6-disabled" | "data-color7-enabled" | "data-color7-disabled" | "brand-primary" | "brand-hover" | "brand-pressed" | "brand-disabled" | "brand-focus" | "brand-inverted" | "brand-subtle" | "subtle-primary" | "subtle-hover" | "subtle-pressed" | "subtle-disabled" | "subtle-inverted" | "danger-primary" | "danger-hover" | "danger-pressed" | "danger-disabled" | "danger-focus" | "danger-subtle" | "success-primary" | "success-hover" | "success-pressed" | "success-disabled" | "success-focus" | "warning-primary" | "warning-hover" | "warning-pressed" | "warning-disabled" | "warning-focus" | "high-primary" | "high-hover" | "high-pressed" | "high-disabled" | "info-primary" | "info-hover" | "info-pressed" | "info-disabled" | "info-inverted" | "attention-primary" | "attention-hover" | "attention-pressed" | "attention-disabled" | "attention-focus" | "navigation-top-primary" | "navigation-text" | "navigation-text-pressed" | undefined;
11
+ color?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "brand-primary" | "brand-hover" | "brand-pressed" | "brand-disabled" | "brand-focus" | "brand-inverted" | "brand-subtle" | "subtle-primary" | "subtle-hover" | "subtle-pressed" | "subtle-disabled" | "subtle-inverted" | "danger-primary" | "danger-hover" | "danger-pressed" | "danger-disabled" | "danger-focus" | "danger-subtle" | "success-primary" | "success-hover" | "success-pressed" | "success-disabled" | "success-focus" | "warning-primary" | "warning-hover" | "warning-pressed" | "warning-disabled" | "warning-focus" | "high-primary" | "high-hover" | "high-pressed" | "high-disabled" | "info-primary" | "info-hover" | "info-pressed" | "info-disabled" | "info-inverted" | "attention-primary" | "attention-hover" | "attention-pressed" | "attention-disabled" | "attention-focus" | "navigation-top-primary" | "navigation-text" | "navigation-text-pressed" | "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" | "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-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-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-minor-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "background-warning-enabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "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" | undefined;
12
12
  }, {}, {}>;
@@ -8,7 +8,7 @@ export declare const StepNumberIcon: import("@emotion/styled").StyledComponent<{
8
8
  } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
9
9
  theme?: import("@emotion/react").Theme | undefined;
10
10
  } & import("..").FlexboxProps & {
11
- color?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-code-subtle-enabled" | "text-code-subtle-disabled" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-code-brand-enabled" | "text-code-brand-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-code-danger" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "background-primary" | "background-secondary" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-subtle" | "background-subtle" | "background-info-enabled" | "background-minor-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "background-warning-enabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "border-inverted" | "border-primary" | "border-subtle-enabled" | "border-subtle-hover" | "border-subtle-focus" | "border-subtle-pressed" | "border-subtle-disabled" | "border-brand-subtle" | "border-brand-enabled" | "border-brand-pressed" | "border-brand-hover" | "border-brand-primary" | "border-brand-disabled" | "border-info-enabled" | "border-minor-enabled" | "border-minor-disabled" | "border-danger-subtle" | "border-danger-enabled" | "border-danger-hover" | "border-danger-focus" | "border-danger-pressed" | "border-critical-enabled" | "border-critical-disabled" | "border-warning-enabled" | "border-medium-enabled" | "border-medium-disabled" | "border-success-enabled" | "border-success-subtle" | "border-attention-enabled" | "border-attention-disabled" | "border-high-enabled" | "border-high-disabled" | "icon-enabled" | "icon-hover" | "icon-disabled" | "icon-focus" | "icon-pressed" | "icon-inverted" | "icon-subtle-enabled" | "icon-subtle-hover" | "icon-subtle-focus" | "icon-subtle-pressed" | "icon-subtle-disabled" | "icon-subtle-inverted" | "icon-info-enabled" | "icon-minor-enabled" | "icon-minor-disabled" | "icon-brand-enabled" | "icon-brand-hover" | "icon-brand-focus" | "icon-brand-pressed" | "icon-brand-disabled" | "icon-danger-enabled" | "icon-danger-hover" | "icon-danger-focus" | "icon-danger-pressed" | "icon-danger-disabled" | "icon-critical-enabled" | "icon-critical-disabled" | "icon-warning-enabled" | "icon-medium-enabled" | "icon-medium-disabled" | "icon-success-enabled" | "icon-success-disabled" | "icon-high-enabled" | "icon-high-disabled" | "icon-attention-enabled" | "illustration-neutral1" | "illustration-neutral2" | "illustration-neutral3" | "illustration-neutral4" | "illustration-brand-inverted" | "illustration-brand1" | "illustration-brand2" | "illustration-brand3" | "illustration-brand4" | "data-color1-enabled" | "data-color1-disabled" | "data-color2-enabled" | "data-color2-disabled" | "data-color3-enabled" | "data-color3-disabled" | "data-color4-enabled" | "data-color4-disabled" | "data-color5-enabled" | "data-color5-disabled" | "data-color6-enabled" | "data-color6-disabled" | "data-color7-enabled" | "data-color7-disabled" | "brand-primary" | "brand-hover" | "brand-pressed" | "brand-disabled" | "brand-focus" | "brand-inverted" | "brand-subtle" | "subtle-primary" | "subtle-hover" | "subtle-pressed" | "subtle-disabled" | "subtle-inverted" | "danger-primary" | "danger-hover" | "danger-pressed" | "danger-disabled" | "danger-focus" | "danger-subtle" | "success-primary" | "success-hover" | "success-pressed" | "success-disabled" | "success-focus" | "warning-primary" | "warning-hover" | "warning-pressed" | "warning-disabled" | "warning-focus" | "high-primary" | "high-hover" | "high-pressed" | "high-disabled" | "info-primary" | "info-hover" | "info-pressed" | "info-disabled" | "info-inverted" | "attention-primary" | "attention-hover" | "attention-pressed" | "attention-disabled" | "attention-focus" | "navigation-top-primary" | "navigation-text" | "navigation-text-pressed" | undefined;
11
+ color?: "background-high" | "background-medium" | "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "background-critical" | "background-minor" | "border-high" | "border-medium" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "border-critical" | "border-minor" | "text-high" | "text-medium" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "text-critical" | "text-minor" | "icon-high" | "icon-medium" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "icon-critical" | "icon-minor" | "brand-primary" | "brand-hover" | "brand-pressed" | "brand-disabled" | "brand-focus" | "brand-inverted" | "brand-subtle" | "subtle-primary" | "subtle-hover" | "subtle-pressed" | "subtle-disabled" | "subtle-inverted" | "danger-primary" | "danger-hover" | "danger-pressed" | "danger-disabled" | "danger-focus" | "danger-subtle" | "success-primary" | "success-hover" | "success-pressed" | "success-disabled" | "success-focus" | "warning-primary" | "warning-hover" | "warning-pressed" | "warning-disabled" | "warning-focus" | "high-primary" | "high-hover" | "high-pressed" | "high-disabled" | "info-primary" | "info-hover" | "info-pressed" | "info-disabled" | "info-inverted" | "attention-primary" | "attention-hover" | "attention-pressed" | "attention-disabled" | "attention-focus" | "navigation-top-primary" | "navigation-text" | "navigation-text-pressed" | "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" | "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-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-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-minor-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-success-disabled" | "background-warning-enabled" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "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" | undefined;
12
12
  }, {}, {}>;
13
13
  export declare const StepperWrapper: import("@emotion/styled").StyledComponent<{
14
14
  theme?: import("@emotion/react").Theme | undefined;
@@ -0,0 +1,72 @@
1
+ export declare const backgroundColors: {
2
+ 'background-brand': string;
3
+ 'background-brand-enabled': string;
4
+ 'background-brand-hover': string;
5
+ 'background-brand-focus': string;
6
+ 'background-brand-pressed': string;
7
+ 'background-brand-disabled': string;
8
+ 'background-brand-inverted': string;
9
+ 'background-subtle-enabled': string;
10
+ 'background-subtle-hover': string;
11
+ 'background-subtle-focus': string;
12
+ 'background-subtle-pressed': string;
13
+ 'background-subtle-disabled': string;
14
+ 'background-info-enabled': string;
15
+ 'background-minor-enabled': string;
16
+ 'background-minor-disabled': string;
17
+ 'background-danger-enabled': string;
18
+ 'background-danger-hover': string;
19
+ 'background-danger-focus': string;
20
+ 'background-danger-pressed': string;
21
+ 'background-danger-disabled': string;
22
+ 'background-critical-enabled': string;
23
+ 'background-critical-disabled': string;
24
+ 'background-success-enabled': string;
25
+ 'background-success-disabled': string;
26
+ 'background-warning-enabled': string;
27
+ 'background-medium-enabled': string;
28
+ 'background-medium-disabled': string;
29
+ 'background-attention-enabled': string;
30
+ 'background-high-enabled': string;
31
+ 'background-high-disabled': string;
32
+ "background-high": string;
33
+ "background-medium": string;
34
+ "background-success": string;
35
+ "background-danger": string;
36
+ "background-warning": string;
37
+ "background-info": string;
38
+ "background-attention": string;
39
+ "background-critical": string;
40
+ "background-minor": string;
41
+ "border-high": string;
42
+ "border-medium": string;
43
+ "border-success": string;
44
+ "border-danger": string;
45
+ "border-warning": string;
46
+ "border-info": string;
47
+ "border-attention": string;
48
+ "border-critical": string;
49
+ "border-minor": string;
50
+ "text-high": string;
51
+ "text-medium": string;
52
+ "text-success": string;
53
+ "text-danger": string;
54
+ "text-warning": string;
55
+ "text-info": string;
56
+ "text-attention": string;
57
+ "text-critical": string;
58
+ "text-minor": string;
59
+ "icon-high": string;
60
+ "icon-medium": string;
61
+ "icon-success": string;
62
+ "icon-danger": string;
63
+ "icon-warning": string;
64
+ "icon-info": string;
65
+ "icon-attention": string;
66
+ "icon-critical": string;
67
+ "icon-minor": string;
68
+ 'background-primary': string;
69
+ 'background-secondary': string;
70
+ 'background-subtle': string;
71
+ 'background-brand-subtle': string;
72
+ };
@@ -0,0 +1,53 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.backgroundColors = void 0;
8
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
9
+ var _primitives = require("../primitives");
10
+ var _semantics = require("../semantics");
11
+ var backgroundColors = exports.backgroundColors = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
12
+ 'background-primary': _primitives.primitiveColors['grey-00'],
13
+ 'background-secondary': _primitives.primitiveColors['grey-10'],
14
+ 'background-subtle': _primitives.primitiveColors['blue-00'],
15
+ 'background-brand-subtle': _primitives.primitiveColors['blue-10']
16
+ }, (0, _semantics.semanticFunctionalColorsFx)('background', 10)), {}, {
17
+ 'background-brand': _primitives.primitiveColors['blue-10'],
18
+ 'background-brand-enabled': _primitives.primitiveColors['blue-50'],
19
+ 'background-brand-hover': _primitives.primitiveColors['blue-60'],
20
+ 'background-brand-focus': _primitives.primitiveColors['blue-60'],
21
+ 'background-brand-pressed': _primitives.primitiveColors['blue-30'],
22
+ 'background-brand-disabled': _primitives.primitiveColors['blue-20'],
23
+ 'background-brand-inverted': _primitives.primitiveColors['grey-00'],
24
+ 'background-subtle-enabled': _primitives.primitiveColors['grey-70'],
25
+ 'background-subtle-hover': _primitives.primitiveColors['grey-50'],
26
+ 'background-subtle-focus': _primitives.primitiveColors['grey-60'],
27
+ 'background-subtle-pressed': _primitives.primitiveColors['grey-50'],
28
+ 'background-subtle-disabled': _primitives.primitiveColors['grey-20'],
29
+ // blue
30
+ 'background-info-enabled': _primitives.primitiveColors['blue-60'],
31
+ 'background-minor-enabled': _primitives.primitiveColors['blue-40'],
32
+ 'background-minor-disabled': _primitives.primitiveColors['blue-30'],
33
+ // red
34
+ 'background-danger-enabled': _primitives.primitiveColors['red-60'],
35
+ 'background-danger-hover': _primitives.primitiveColors['red-50'],
36
+ 'background-danger-focus': _primitives.primitiveColors['red-50'],
37
+ 'background-danger-pressed': _primitives.primitiveColors['red-80'],
38
+ 'background-danger-disabled': _primitives.primitiveColors['red-10'],
39
+ 'background-critical-enabled': _primitives.primitiveColors['red-50'],
40
+ 'background-critical-disabled': _primitives.primitiveColors['red-30'],
41
+ // green
42
+ 'background-success-enabled': _primitives.primitiveColors['green-50'],
43
+ 'background-success-disabled': _primitives.primitiveColors['green-30'],
44
+ // yellow
45
+ 'background-warning-enabled': _primitives.primitiveColors['yellow-50'],
46
+ 'background-medium-enabled': _primitives.primitiveColors['yellow-60'],
47
+ 'background-medium-disabled': _primitives.primitiveColors['yellow-30'],
48
+ // purple
49
+ 'background-attention-enabled': _primitives.primitiveColors['purple-50'],
50
+ // orange
51
+ 'background-high-enabled': _primitives.primitiveColors['orange-40'],
52
+ 'background-high-disabled': _primitives.primitiveColors['orange-30']
53
+ });
@@ -0,0 +1,70 @@
1
+ export declare const borderColors: {
2
+ 'border-brand-subtle': string;
3
+ 'border-brand-enabled': string;
4
+ 'border-brand-pressed': string;
5
+ 'border-brand-hover': string;
6
+ 'border-brand-primary': string;
7
+ 'border-brand-disabled': string;
8
+ 'border-info-enabled': string;
9
+ 'border-minor-enabled': string;
10
+ 'border-minor-disabled': string;
11
+ 'border-danger-subtle': string;
12
+ 'border-danger-enabled': string;
13
+ 'border-danger-hover': string;
14
+ 'border-danger-focus': string;
15
+ 'border-danger-pressed': string;
16
+ 'border-critical-enabled': string;
17
+ 'border-critical-disabled': string;
18
+ 'border-warning-enabled': string;
19
+ 'border-medium-enabled': string;
20
+ 'border-medium-disabled': string;
21
+ 'border-success-enabled': string;
22
+ 'border-success-subtle': string;
23
+ 'border-attention-enabled': string;
24
+ 'border-attention-disabled': string;
25
+ 'border-high-enabled': string;
26
+ 'border-high-disabled': string;
27
+ "background-high": string;
28
+ "background-medium": string;
29
+ "background-success": string;
30
+ "background-danger": string;
31
+ "background-warning": string;
32
+ "background-info": string;
33
+ "background-attention": string;
34
+ "background-critical": string;
35
+ "background-minor": string;
36
+ "border-high": string;
37
+ "border-medium": string;
38
+ "border-success": string;
39
+ "border-danger": string;
40
+ "border-warning": string;
41
+ "border-info": string;
42
+ "border-attention": string;
43
+ "border-critical": string;
44
+ "border-minor": string;
45
+ "text-high": string;
46
+ "text-medium": string;
47
+ "text-success": string;
48
+ "text-danger": string;
49
+ "text-warning": string;
50
+ "text-info": string;
51
+ "text-attention": string;
52
+ "text-critical": string;
53
+ "text-minor": string;
54
+ "icon-high": string;
55
+ "icon-medium": string;
56
+ "icon-success": string;
57
+ "icon-danger": string;
58
+ "icon-warning": string;
59
+ "icon-info": string;
60
+ "icon-attention": string;
61
+ "icon-critical": string;
62
+ "icon-minor": string;
63
+ 'border-inverted': string;
64
+ 'border-primary': string;
65
+ 'border-subtle-enabled': string;
66
+ 'border-subtle-hover': string;
67
+ 'border-subtle-focus': string;
68
+ 'border-subtle-pressed': string;
69
+ 'border-subtle-disabled': string;
70
+ };
@@ -0,0 +1,52 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.borderColors = void 0;
8
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
9
+ var _primitives = require("../primitives");
10
+ var _semantics = require("../semantics");
11
+ var borderColors = exports.borderColors = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
12
+ 'border-inverted': _primitives.primitiveColors['grey-10'],
13
+ 'border-primary': _primitives.primitiveColors['grey-20'],
14
+ 'border-subtle-enabled': _primitives.primitiveColors['grey-60'],
15
+ 'border-subtle-hover': _primitives.primitiveColors['grey-50'],
16
+ 'border-subtle-focus': _primitives.primitiveColors['grey-50'],
17
+ 'border-subtle-pressed': _primitives.primitiveColors['grey-60'],
18
+ 'border-subtle-disabled': _primitives.primitiveColors['grey-20']
19
+ }, (0, _semantics.semanticFunctionalColorsFx)('border', 60)), {}, {
20
+ //Border - Semantic
21
+ // blue
22
+ 'border-brand-subtle': _primitives.primitiveColors['blue-50'],
23
+ 'border-brand-enabled': _primitives.primitiveColors['blue-60'],
24
+ 'border-brand-pressed': _primitives.primitiveColors['blue-30'],
25
+ 'border-brand-hover': _primitives.primitiveColors['blue-60'],
26
+ 'border-brand-primary': _primitives.primitiveColors['blue-70'],
27
+ 'border-brand-disabled': _primitives.primitiveColors['blue-20'],
28
+ 'border-info-enabled': _primitives.primitiveColors['blue-60'],
29
+ 'border-minor-enabled': _primitives.primitiveColors['blue-60'],
30
+ 'border-minor-disabled': _primitives.primitiveColors['blue-30'],
31
+ // red
32
+ 'border-danger-subtle': _primitives.primitiveColors['red-10'],
33
+ 'border-danger-enabled': _primitives.primitiveColors['red-60'],
34
+ 'border-danger-hover': _primitives.primitiveColors['red-50'],
35
+ 'border-danger-focus': _primitives.primitiveColors['red-50'],
36
+ 'border-danger-pressed': _primitives.primitiveColors['red-20'],
37
+ 'border-critical-enabled': _primitives.primitiveColors['red-60'],
38
+ 'border-critical-disabled': _primitives.primitiveColors['red-30'],
39
+ // yellow
40
+ 'border-warning-enabled': _primitives.primitiveColors['yellow-60'],
41
+ 'border-medium-enabled': _primitives.primitiveColors['yellow-60'],
42
+ 'border-medium-disabled': _primitives.primitiveColors['yellow-30'],
43
+ // green
44
+ 'border-success-enabled': _primitives.primitiveColors['green-60'],
45
+ 'border-success-subtle': _primitives.primitiveColors['green-20'],
46
+ // purple
47
+ 'border-attention-enabled': _primitives.primitiveColors['purple-60'],
48
+ 'border-attention-disabled': _primitives.primitiveColors['purple-30'],
49
+ // orange
50
+ 'border-high-enabled': _primitives.primitiveColors['orange-60'],
51
+ 'border-high-disabled': _primitives.primitiveColors['orange-30']
52
+ });
@@ -0,0 +1,16 @@
1
+ export declare const dataColors: {
2
+ 'data-color1-enabled': string;
3
+ 'data-color1-disabled': string;
4
+ 'data-color2-enabled': string;
5
+ 'data-color2-disabled': string;
6
+ 'data-color3-enabled': string;
7
+ 'data-color3-disabled': string;
8
+ 'data-color4-enabled': string;
9
+ 'data-color4-disabled': string;
10
+ 'data-color5-enabled': string;
11
+ 'data-color5-disabled': string;
12
+ 'data-color6-enabled': string;
13
+ 'data-color6-disabled': string;
14
+ 'data-color7-enabled': string;
15
+ 'data-color7-disabled': string;
16
+ };
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.dataColors = void 0;
7
+ var _primitives = require("../primitives");
8
+ var dataColors = exports.dataColors = {
9
+ 'data-color1-enabled': _primitives.primitiveColors['blue-60'],
10
+ 'data-color1-disabled': _primitives.primitiveColors['blue-98'],
11
+ 'data-color2-enabled': _primitives.primitiveColors['blue-30'],
12
+ 'data-color2-disabled': _primitives.primitiveColors['blue-95'],
13
+ 'data-color3-enabled': _primitives.primitiveColors['purple-60'],
14
+ 'data-color3-disabled': _primitives.primitiveColors['purple-95'],
15
+ 'data-color4-enabled': _primitives.primitiveColors['magenta-40'],
16
+ 'data-color4-disabled': _primitives.primitiveColors['magenta-95'],
17
+ 'data-color5-enabled': _primitives.primitiveColors['purple-80'],
18
+ 'data-color5-disabled': _primitives.primitiveColors['purple-98'],
19
+ 'data-color6-enabled': _primitives.primitiveColors['grey-60'],
20
+ 'data-color6-disabled': _primitives.primitiveColors['grey-98'],
21
+ 'data-color7-enabled': _primitives.primitiveColors['grey-20'],
22
+ 'data-color7-disabled': _primitives.primitiveColors['grey-95']
23
+ };