@codacy/ui-components 0.65.81 → 0.65.83

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/lib/ExpandableBox/ExpandableBox.styles.d.ts +2 -3
  2. package/lib/ExpandableBox/ExpandableBox.styles.js +6 -5
  3. package/lib/PillLabel/PillLabel.styles.js +2 -2
  4. package/lib/StepNumber/styles.d.ts +1 -2
  5. package/lib/Stepper/Stepper.styles.d.ts +1 -2
  6. package/lib/theme/ColorSchemes/codacy.d.ts +39 -3
  7. package/lib/theme/ColorSchemes/codacy.js +20 -1
  8. package/lib/theme/theme.js +1 -1
  9. package/package.json +1 -1
package/lib/ExpandableBox/ExpandableBox.styles.d.ts CHANGED
@@ -1,9 +1,8 @@
1
1
  /// <reference types="react" />
2
- import { Color } from '../theme';
3
2
  export declare const StyledAnimateHeight: import("@emotion/styled").StyledComponent<import("react-animate-height").AnimateHeightProps & {
4
3
  theme?: import("@emotion/react").Theme | undefined;
5
4
  } & {
6
- secondaryColor?: Color | undefined;
5
+ secondaryColor?: "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "background-primary" | "background-secondary" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-subtle" | "background-subtle" | "background-info-enabled" | "background-minor" | "background-minor-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-warning-enabled" | "background-medium" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "border-inverted" | "border-primary" | "border-subtle-enabled" | "border-subtle-hover" | "border-subtle-focus" | "border-subtle-pressed" | "border-subtle-disabled" | "border-brand-subtle" | "border-brand-enabled" | "border-brand-pressed" | "border-brand-hover" | "border-brand-primary" | "border-brand-disabled" | "border-info-enabled" | "border-minor-enabled" | "border-minor-disabled" | "border-danger-subtle" | "border-danger-enabled" | "border-danger-hover" | "border-danger-focus" | "border-danger-pressed" | "border-critical-enabled" | "border-critical-disabled" | "border-warning-enabled" | "border-medium-enabled" | "border-medium-disabled" | "border-success-enabled" | "border-success-subtle" | "border-attention-enabled" | "border-attention-disabled" | "border-high-enabled" | "border-high-subtle-enabled" | "border-high-disabled" | "icon-enabled" | "icon-hover" | "icon-disabled" | "icon-focus" | "icon-pressed" | "icon-inverted" | "icon-subtle-enabled" | "icon-subtle-hover" | "icon-subtle-focus" | "icon-subtle-pressed" | "icon-subtle-disabled" | "icon-subtle-inverted" | "icon-info-enabled" | "icon-minor-enabled" | "icon-minor-disabled" | "icon-brand-enabled" | "icon-brand-hover" | "icon-brand-focus" | "icon-brand-pressed" | "icon-brand-disabled" | "icon-danger-enabled" | "icon-danger-hover" | "icon-danger-focus" | "icon-danger-pressed" | "icon-danger-disabled" | "icon-critical-enabled" | "icon-critical-disabled" | "icon-warning-enabled" | "icon-medium-enabled" | "icon-medium-disabled" | "icon-success-enabled" | "icon-success-disabled" | "icon-high-enabled" | "icon-high-disabled" | "icon-attention-enabled" | "illustration-neutral1" | "illustration-neutral2" | "illustration-neutral3" | "illustration-neutral4" | "illustration-brand-inverted" | "illustration-brand1" | "illustration-brand2" | "illustration-brand3" | "illustration-brand4" | "data-color1-enabled" | "data-color1-disabled" | "data-color2-enabled" | "data-color2-disabled" | "data-color3-enabled" | "data-color3-disabled" | "data-color4-enabled" | "data-color4-disabled" | "data-color5-enabled" | "data-color5-disabled" | "data-color6-enabled" | "data-color6-disabled" | "data-color7-enabled" | "data-color7-disabled" | "brand-primary" | "brand-hover" | "brand-pressed" | "brand-disabled" | "brand-focus" | "brand-inverted" | "brand-subtle" | "subtle-primary" | "subtle-hover" | "subtle-pressed" | "subtle-disabled" | "subtle-inverted" | "danger-primary" | "danger-hover" | "danger-pressed" | "danger-disabled" | "danger-focus" | "danger-subtle" | "success-primary" | "success-hover" | "success-pressed" | "success-disabled" | "success-focus" | "warning-primary" | "warning-hover" | "warning-pressed" | "warning-disabled" | "warning-focus" | "high-primary" | "high-hover" | "high-pressed" | "high-disabled" | "info-primary" | "info-hover" | "info-pressed" | "info-disabled" | "info-inverted" | "attention-primary" | "attention-hover" | "attention-pressed" | "attention-disabled" | "attention-focus" | "navigation-top-primary" | "navigation-text" | "navigation-text-pressed" | undefined;
7
6
  }, {}, {}>;
8
7
  export declare const StyledExpandableBox: import("@emotion/styled").StyledComponent<{
9
8
  theme?: import("@emotion/react").Theme | undefined;
@@ -13,7 +12,7 @@ export declare const StyledExpandableBox: import("@emotion/styled").StyledCompon
13
12
  } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
14
13
  theme?: import("@emotion/react").Theme | undefined;
15
14
  } & import("..").FlexboxProps & import("..").GridboxProps & {
16
- primaryColor?: Color | undefined;
15
+ primaryColor?: "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "background-primary" | "background-secondary" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-subtle" | "background-subtle" | "background-info-enabled" | "background-minor" | "background-minor-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-warning-enabled" | "background-medium" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "border-inverted" | "border-primary" | "border-subtle-enabled" | "border-subtle-hover" | "border-subtle-focus" | "border-subtle-pressed" | "border-subtle-disabled" | "border-brand-subtle" | "border-brand-enabled" | "border-brand-pressed" | "border-brand-hover" | "border-brand-primary" | "border-brand-disabled" | "border-info-enabled" | "border-minor-enabled" | "border-minor-disabled" | "border-danger-subtle" | "border-danger-enabled" | "border-danger-hover" | "border-danger-focus" | "border-danger-pressed" | "border-critical-enabled" | "border-critical-disabled" | "border-warning-enabled" | "border-medium-enabled" | "border-medium-disabled" | "border-success-enabled" | "border-success-subtle" | "border-attention-enabled" | "border-attention-disabled" | "border-high-enabled" | "border-high-subtle-enabled" | "border-high-disabled" | "icon-enabled" | "icon-hover" | "icon-disabled" | "icon-focus" | "icon-pressed" | "icon-inverted" | "icon-subtle-enabled" | "icon-subtle-hover" | "icon-subtle-focus" | "icon-subtle-pressed" | "icon-subtle-disabled" | "icon-subtle-inverted" | "icon-info-enabled" | "icon-minor-enabled" | "icon-minor-disabled" | "icon-brand-enabled" | "icon-brand-hover" | "icon-brand-focus" | "icon-brand-pressed" | "icon-brand-disabled" | "icon-danger-enabled" | "icon-danger-hover" | "icon-danger-focus" | "icon-danger-pressed" | "icon-danger-disabled" | "icon-critical-enabled" | "icon-critical-disabled" | "icon-warning-enabled" | "icon-medium-enabled" | "icon-medium-disabled" | "icon-success-enabled" | "icon-success-disabled" | "icon-high-enabled" | "icon-high-disabled" | "icon-attention-enabled" | "illustration-neutral1" | "illustration-neutral2" | "illustration-neutral3" | "illustration-neutral4" | "illustration-brand-inverted" | "illustration-brand1" | "illustration-brand2" | "illustration-brand3" | "illustration-brand4" | "data-color1-enabled" | "data-color1-disabled" | "data-color2-enabled" | "data-color2-disabled" | "data-color3-enabled" | "data-color3-disabled" | "data-color4-enabled" | "data-color4-disabled" | "data-color5-enabled" | "data-color5-disabled" | "data-color6-enabled" | "data-color6-disabled" | "data-color7-enabled" | "data-color7-disabled" | "brand-primary" | "brand-hover" | "brand-pressed" | "brand-disabled" | "brand-focus" | "brand-inverted" | "brand-subtle" | "subtle-primary" | "subtle-hover" | "subtle-pressed" | "subtle-disabled" | "subtle-inverted" | "danger-primary" | "danger-hover" | "danger-pressed" | "danger-disabled" | "danger-focus" | "danger-subtle" | "success-primary" | "success-hover" | "success-pressed" | "success-disabled" | "success-focus" | "warning-primary" | "warning-hover" | "warning-pressed" | "warning-disabled" | "warning-focus" | "high-primary" | "high-hover" | "high-pressed" | "high-disabled" | "info-primary" | "info-hover" | "info-pressed" | "info-disabled" | "info-inverted" | "attention-primary" | "attention-hover" | "attention-pressed" | "attention-disabled" | "attention-focus" | "navigation-top-primary" | "navigation-text" | "navigation-text-pressed" | undefined;
17
16
  expanded?: boolean | undefined;
18
17
  }, {}, {}>;
19
18
  export declare const StyledBox: import("@emotion/styled").StyledComponent<{
package/lib/ExpandableBox/ExpandableBox.styles.js CHANGED
@@ -8,6 +8,7 @@ exports.StyledExpandableBox = exports.StyledBox = exports.StyledAnimateHeight =
8
8
  var _base = _interopRequireDefault(require("@emotion/styled/base"));
9
9
  var _Flexbox = require("../Flexbox");
10
10
  var _reactAnimateHeight = _interopRequireDefault(require("react-animate-height"));
11
+ // ?? baixo, lateral
11
12
  var StyledAnimateHeight = exports.StyledAnimateHeight = /*#__PURE__*/(0, _base["default"])(_reactAnimateHeight["default"], process.env.NODE_ENV === "production" ? {
12
13
  target: "e1sxq8nk2"
13
14
  } : {
@@ -16,11 +17,11 @@ var StyledAnimateHeight = exports.StyledAnimateHeight = /*#__PURE__*/(0, _base["
16
17
  })("box-shadow:", function (_ref) {
17
18
  var theme = _ref.theme,
18
19
  secondaryColor = _ref.secondaryColor;
19
- return secondaryColor ? "-".concat(theme.borderWidths[2], " 0 0 ").concat(theme.colors["".concat(secondaryColor)], " , 0 0.25rem 0.35rem ").concat(theme.colors['border-primary'], ", -0.45rem 0.25rem 0.35rem ").concat(theme.colors['background-subtle-disabled']) : 'none';
20
+ return secondaryColor ? "-".concat(theme.borderWidths[2], " 0 0 ").concat(theme.colors["".concat(secondaryColor)], " , 0 0.25rem 0.35rem ").concat(theme.colors['border-primary'], ", -0.35rem 0.15rem 0.35rem ").concat(theme.colors['background-subtle-disabled']) : 'none';
20
21
  }, ";border-radius:", function (_ref2) {
21
22
  var theme = _ref2.theme;
22
23
  return "0 0 ".concat(theme.radii[1], " ").concat(theme.radii[1]);
23
- }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9FeHBhbmRhYmxlQm94L0V4cGFuZGFibGVCb3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtvRiIsImZpbGUiOiIuLi8uLi9zcmMvRXhwYW5kYWJsZUJveC9FeHBhbmRhYmxlQm94LnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IENvbG9yIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgQW5pbWF0ZUhlaWdodCBmcm9tICdyZWFjdC1hbmltYXRlLWhlaWdodCdcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFuaW1hdGVIZWlnaHQgPSBzdHlsZWQoQW5pbWF0ZUhlaWdodCk8eyBzZWNvbmRhcnlDb2xvcj86IENvbG9yIH0+YFxuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBzZWNvbmRhcnlDb2xvciB9KSA9PlxuICAgIHNlY29uZGFyeUNvbG9yXG4gICAgICA/IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgIDAgJHt0aGVtZS5jb2xvcnNbYCR7c2Vjb25kYXJ5Q29sb3J9YF19ICwgMCAwLjI1cmVtIDAuMzVyZW0gJHtcbiAgICAgICAgICB0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J11cbiAgICAgICAgfSwgLTAuNDVyZW0gMC4yNXJlbSAwLjM1cmVtICR7dGhlbWUuY29sb3JzWydiYWNrZ3JvdW5kLXN1YnRsZS1kaXNhYmxlZCddfWBcbiAgICAgIDogJ25vbmUnfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiBgMCAwICR7dGhlbWUucmFkaWlbMV19ICR7dGhlbWUucmFkaWlbMV19YH07XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFeHBhbmRhYmxlQm94ID0gc3R5bGVkKEJveCk8eyBwcmltYXJ5Q29sb3I/OiBDb2xvcjsgZXhwYW5kZWQ/OiBib29sZWFuIH0+YFxuICBib3JkZXI6ICR7KHsgdGhlbWUgfSkgPT4gYHNvbGlkICR7dGhlbWUuYm9yZGVyV2lkdGhzWzBdfSAke3RoZW1lLmNvbG9yc1snYm9yZGVyLXByaW1hcnknXX1gfTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSwgZXhwYW5kZWQsIHByaW1hcnlDb2xvciB9KSA9PlxuICAgIGV4cGFuZGVkICYmIHByaW1hcnlDb2xvclxuICAgICAgPyBgLSR7dGhlbWUuYm9yZGVyV2lkdGhzWzJdfSAwICAwICR7XG4gICAgICAgICAgdGhlbWUuY29sb3JzW2Ake3ByaW1hcnlDb2xvcn1gXVxuICAgICAgICB9JHtgLCAwIDAuMjVyZW0gMC4zNXJlbSAke3RoZW1lLmNvbG9yc1snYm9yZGVyLXByaW1hcnknXX0sIC0wLjQ1cmVtIDAuMDVyZW0gMC4zNXJlbSAke3RoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1zdWJ0bGUtZGlzYWJsZWQnXX1gfWBcbiAgICAgIDogcHJpbWFyeUNvbG9yXG4gICAgICAgID8gYC0ke3RoZW1lLmJvcmRlcldpZHRoc1syXX0gMCAgMCAke3RoZW1lLmNvbG9yc1tgJHtwcmltYXJ5Q29sb3J9YCBhcyBDb2xvcl19YFxuICAgICAgICA6IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgMCAke3RoZW1lLmNvbG9yc1snc3VidGxlLXByaW1hcnknIGFzIENvbG9yXX1gfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSwgZXhwYW5kZWQgfSkgPT4gKGV4cGFuZGVkID8gYCR7dGhlbWUucmFkaWlbMV19ICR7dGhlbWUucmFkaWlbMV19IDAgMGAgOiB0aGVtZS5yYWRpaVsxXSl9O1xuYFxuZXhwb3J0IGNvbnN0IFN0eWxlZEJveCA9IHN0eWxlZChCb3gpYFxuICBib3JkZXI6ICR7KHsgdGhlbWUgfSkgPT4gYHNvbGlkICR7dGhlbWUuYm9yZGVyV2lkdGhzWzBdfSAke3RoZW1lLmNvbG9yc1snYm9yZGVyLXByaW1hcnknXX1gfTtcbiAgYm9yZGVyLXRvcDogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiBgMCAwICR7dGhlbWUucmFkaWlbMV19ICR7dGhlbWUucmFkaWlbMV19YH07XG5gXG4iXX0= */"));
24
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9FeHBhbmRhYmxlQm94L0V4cGFuZGFibGVCb3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1vRiIsImZpbGUiOiIuLi8uLi9zcmMvRXhwYW5kYWJsZUJveC9FeHBhbmRhYmxlQm94LnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IENvbG9yIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgQW5pbWF0ZUhlaWdodCBmcm9tICdyZWFjdC1hbmltYXRlLWhlaWdodCdcblxuLy8gPz8gYmFpeG8sIGxhdGVyYWxcbmV4cG9ydCBjb25zdCBTdHlsZWRBbmltYXRlSGVpZ2h0ID0gc3R5bGVkKEFuaW1hdGVIZWlnaHQpPHsgc2Vjb25kYXJ5Q29sb3I/OiBDb2xvciB9PmBcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSwgc2Vjb25kYXJ5Q29sb3IgfSkgPT5cbiAgICBzZWNvbmRhcnlDb2xvclxuICAgICAgPyBgLSR7dGhlbWUuYm9yZGVyV2lkdGhzWzJdfSAwICAwICR7dGhlbWUuY29sb3JzW2Ake3NlY29uZGFyeUNvbG9yfWBdfSAsIDAgMC4yNXJlbSAwLjM1cmVtICR7XG4gICAgICAgICAgdGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddXG4gICAgICAgIH0sIC0wLjM1cmVtIDAuMTVyZW0gMC4zNXJlbSAke3RoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1zdWJ0bGUtZGlzYWJsZWQnXX1gXG4gICAgICA6ICdub25lJ307XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gYDAgMCAke3RoZW1lLnJhZGlpWzFdfSAke3RoZW1lLnJhZGlpWzFdfWB9O1xuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkRXhwYW5kYWJsZUJveCA9IHN0eWxlZChCb3gpPHsgcHJpbWFyeUNvbG9yPzogQ29sb3I7IGV4cGFuZGVkPzogYm9vbGVhbiB9PmBcbiAgYm9yZGVyOiAkeyh7IHRoZW1lIH0pID0+IGBzb2xpZCAke3RoZW1lLmJvcmRlcldpZHRoc1swXX0gJHt0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J119YH07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIGV4cGFuZGVkLCBwcmltYXJ5Q29sb3IgfSkgPT5cbiAgICBleHBhbmRlZCAmJiBwcmltYXJ5Q29sb3JcbiAgICAgID8gYC0ke3RoZW1lLmJvcmRlcldpZHRoc1syXX0gMCAgMCAke1xuICAgICAgICAgIHRoZW1lLmNvbG9yc1tgJHtwcmltYXJ5Q29sb3J9YF1cbiAgICAgICAgfSR7YCwgMCAwLjI1cmVtIDAuMzVyZW0gJHt0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J119LCAtMC4zNXJlbSAwLjA1cmVtIDAuMzVyZW0gJHt0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtc3VidGxlLWRpc2FibGVkJ119YH1gXG4gICAgICA6IHByaW1hcnlDb2xvclxuICAgICAgICA/IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgIDAgJHt0aGVtZS5jb2xvcnNbYCR7cHJpbWFyeUNvbG9yfWAgYXMgQ29sb3JdfWBcbiAgICAgICAgOiBgLSR7dGhlbWUuYm9yZGVyV2lkdGhzWzJdfSAwIDAgJHt0aGVtZS5jb2xvcnNbJ3N1YnRsZS1wcmltYXJ5JyBhcyBDb2xvcl19YH07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUsIGV4cGFuZGVkIH0pID0+IChleHBhbmRlZCA/IGAke3RoZW1lLnJhZGlpWzFdfSAke3RoZW1lLnJhZGlpWzFdfSAwIDBgIDogdGhlbWUucmFkaWlbMV0pfTtcbmBcbmV4cG9ydCBjb25zdCBTdHlsZWRCb3ggPSBzdHlsZWQoQm94KWBcbiAgYm9yZGVyOiAkeyh7IHRoZW1lIH0pID0+IGBzb2xpZCAke3RoZW1lLmJvcmRlcldpZHRoc1swXX0gJHt0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J119YH07XG4gIGJvcmRlci10b3A6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gYDAgMCAke3RoZW1lLnJhZGlpWzFdfSAke3RoZW1lLnJhZGlpWzFdfWB9O1xuYFxuIl19 */"));
24
25
  var StyledExpandableBox = exports.StyledExpandableBox = /*#__PURE__*/(0, _base["default"])(_Flexbox.Box, process.env.NODE_ENV === "production" ? {
25
26
  target: "e1sxq8nk1"
26
27
  } : {
@@ -33,12 +34,12 @@ var StyledExpandableBox = exports.StyledExpandableBox = /*#__PURE__*/(0, _base["
33
34
  var theme = _ref4.theme,
34
35
  expanded = _ref4.expanded,
35
36
  primaryColor = _ref4.primaryColor;
36
- return expanded && primaryColor ? "-".concat(theme.borderWidths[2], " 0 0 ").concat(theme.colors["".concat(primaryColor)], ", 0 0.25rem 0.35rem ".concat(theme.colors['border-primary'], ", -0.45rem 0.05rem 0.35rem ").concat(theme.colors['background-subtle-disabled'])) : primaryColor ? "-".concat(theme.borderWidths[2], " 0 0 ").concat(theme.colors["".concat(primaryColor)]) : "-".concat(theme.borderWidths[2], " 0 0 ").concat(theme.colors['subtle-primary']);
37
+ return expanded && primaryColor ? "-".concat(theme.borderWidths[2], " 0 0 ").concat(theme.colors["".concat(primaryColor)], ", 0 0.25rem 0.35rem ".concat(theme.colors['border-primary'], ", -0.35rem 0.05rem 0.35rem ").concat(theme.colors['background-subtle-disabled'])) : primaryColor ? "-".concat(theme.borderWidths[2], " 0 0 ").concat(theme.colors["".concat(primaryColor)]) : "-".concat(theme.borderWidths[2], " 0 0 ").concat(theme.colors['subtle-primary']);
37
38
  }, ";border-radius:", function (_ref5) {
38
39
  var theme = _ref5.theme,
39
40
  expanded = _ref5.expanded;
40
41
  return expanded ? "".concat(theme.radii[1], " ").concat(theme.radii[1], " 0 0") : theme.radii[1];
41
- }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9FeHBhbmRhYmxlQm94L0V4cGFuZGFibGVCb3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWU0RiIsImZpbGUiOiIuLi8uLi9zcmMvRXhwYW5kYWJsZUJveC9FeHBhbmRhYmxlQm94LnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IENvbG9yIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgQW5pbWF0ZUhlaWdodCBmcm9tICdyZWFjdC1hbmltYXRlLWhlaWdodCdcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFuaW1hdGVIZWlnaHQgPSBzdHlsZWQoQW5pbWF0ZUhlaWdodCk8eyBzZWNvbmRhcnlDb2xvcj86IENvbG9yIH0+YFxuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBzZWNvbmRhcnlDb2xvciB9KSA9PlxuICAgIHNlY29uZGFyeUNvbG9yXG4gICAgICA/IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgIDAgJHt0aGVtZS5jb2xvcnNbYCR7c2Vjb25kYXJ5Q29sb3J9YF19ICwgMCAwLjI1cmVtIDAuMzVyZW0gJHtcbiAgICAgICAgICB0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J11cbiAgICAgICAgfSwgLTAuNDVyZW0gMC4yNXJlbSAwLjM1cmVtICR7dGhlbWUuY29sb3JzWydiYWNrZ3JvdW5kLXN1YnRsZS1kaXNhYmxlZCddfWBcbiAgICAgIDogJ25vbmUnfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiBgMCAwICR7dGhlbWUucmFkaWlbMV19ICR7dGhlbWUucmFkaWlbMV19YH07XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFeHBhbmRhYmxlQm94ID0gc3R5bGVkKEJveCk8eyBwcmltYXJ5Q29sb3I/OiBDb2xvcjsgZXhwYW5kZWQ/OiBib29sZWFuIH0+YFxuICBib3JkZXI6ICR7KHsgdGhlbWUgfSkgPT4gYHNvbGlkICR7dGhlbWUuYm9yZGVyV2lkdGhzWzBdfSAke3RoZW1lLmNvbG9yc1snYm9yZGVyLXByaW1hcnknXX1gfTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSwgZXhwYW5kZWQsIHByaW1hcnlDb2xvciB9KSA9PlxuICAgIGV4cGFuZGVkICYmIHByaW1hcnlDb2xvclxuICAgICAgPyBgLSR7dGhlbWUuYm9yZGVyV2lkdGhzWzJdfSAwICAwICR7XG4gICAgICAgICAgdGhlbWUuY29sb3JzW2Ake3ByaW1hcnlDb2xvcn1gXVxuICAgICAgICB9JHtgLCAwIDAuMjVyZW0gMC4zNXJlbSAke3RoZW1lLmNvbG9yc1snYm9yZGVyLXByaW1hcnknXX0sIC0wLjQ1cmVtIDAuMDVyZW0gMC4zNXJlbSAke3RoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1zdWJ0bGUtZGlzYWJsZWQnXX1gfWBcbiAgICAgIDogcHJpbWFyeUNvbG9yXG4gICAgICAgID8gYC0ke3RoZW1lLmJvcmRlcldpZHRoc1syXX0gMCAgMCAke3RoZW1lLmNvbG9yc1tgJHtwcmltYXJ5Q29sb3J9YCBhcyBDb2xvcl19YFxuICAgICAgICA6IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgMCAke3RoZW1lLmNvbG9yc1snc3VidGxlLXByaW1hcnknIGFzIENvbG9yXX1gfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSwgZXhwYW5kZWQgfSkgPT4gKGV4cGFuZGVkID8gYCR7dGhlbWUucmFkaWlbMV19ICR7dGhlbWUucmFkaWlbMV19IDAgMGAgOiB0aGVtZS5yYWRpaVsxXSl9O1xuYFxuZXhwb3J0IGNvbnN0IFN0eWxlZEJveCA9IHN0eWxlZChCb3gpYFxuICBib3JkZXI6ICR7KHsgdGhlbWUgfSkgPT4gYHNvbGlkICR7dGhlbWUuYm9yZGVyV2lkdGhzWzBdfSAke3RoZW1lLmNvbG9yc1snYm9yZGVyLXByaW1hcnknXX1gfTtcbiAgYm9yZGVyLXRvcDogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiBgMCAwICR7dGhlbWUucmFkaWlbMV19ICR7dGhlbWUucmFkaWlbMV19YH07XG5gXG4iXX0= */"));
42
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9FeHBhbmRhYmxlQm94L0V4cGFuZGFibGVCb3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCNEYiLCJmaWxlIjoiLi4vLi4vc3JjL0V4cGFuZGFibGVCb3gvRXhwYW5kYWJsZUJveC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBDb2xvciB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IEFuaW1hdGVIZWlnaHQgZnJvbSAncmVhY3QtYW5pbWF0ZS1oZWlnaHQnXG5cbi8vID8/IGJhaXhvLCBsYXRlcmFsXG5leHBvcnQgY29uc3QgU3R5bGVkQW5pbWF0ZUhlaWdodCA9IHN0eWxlZChBbmltYXRlSGVpZ2h0KTx7IHNlY29uZGFyeUNvbG9yPzogQ29sb3IgfT5gXG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIHNlY29uZGFyeUNvbG9yIH0pID0+XG4gICAgc2Vjb25kYXJ5Q29sb3JcbiAgICAgID8gYC0ke3RoZW1lLmJvcmRlcldpZHRoc1syXX0gMCAgMCAke3RoZW1lLmNvbG9yc1tgJHtzZWNvbmRhcnlDb2xvcn1gXX0gLCAwIDAuMjVyZW0gMC4zNXJlbSAke1xuICAgICAgICAgIHRoZW1lLmNvbG9yc1snYm9yZGVyLXByaW1hcnknXVxuICAgICAgICB9LCAtMC4zNXJlbSAwLjE1cmVtIDAuMzVyZW0gJHt0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtc3VidGxlLWRpc2FibGVkJ119YFxuICAgICAgOiAnbm9uZSd9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IGAwIDAgJHt0aGVtZS5yYWRpaVsxXX0gJHt0aGVtZS5yYWRpaVsxXX1gfTtcbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEV4cGFuZGFibGVCb3ggPSBzdHlsZWQoQm94KTx7IHByaW1hcnlDb2xvcj86IENvbG9yOyBleHBhbmRlZD86IGJvb2xlYW4gfT5gXG4gIGJvcmRlcjogJHsoeyB0aGVtZSB9KSA9PiBgc29saWQgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMF19ICR7dGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddfWB9O1xuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBleHBhbmRlZCwgcHJpbWFyeUNvbG9yIH0pID0+XG4gICAgZXhwYW5kZWQgJiYgcHJpbWFyeUNvbG9yXG4gICAgICA/IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgIDAgJHtcbiAgICAgICAgICB0aGVtZS5jb2xvcnNbYCR7cHJpbWFyeUNvbG9yfWBdXG4gICAgICAgIH0ke2AsIDAgMC4yNXJlbSAwLjM1cmVtICR7dGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddfSwgLTAuMzVyZW0gMC4wNXJlbSAwLjM1cmVtICR7dGhlbWUuY29sb3JzWydiYWNrZ3JvdW5kLXN1YnRsZS1kaXNhYmxlZCddfWB9YFxuICAgICAgOiBwcmltYXJ5Q29sb3JcbiAgICAgICAgPyBgLSR7dGhlbWUuYm9yZGVyV2lkdGhzWzJdfSAwICAwICR7dGhlbWUuY29sb3JzW2Ake3ByaW1hcnlDb2xvcn1gIGFzIENvbG9yXX1gXG4gICAgICAgIDogYC0ke3RoZW1lLmJvcmRlcldpZHRoc1syXX0gMCAwICR7dGhlbWUuY29sb3JzWydzdWJ0bGUtcHJpbWFyeScgYXMgQ29sb3JdfWB9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lLCBleHBhbmRlZCB9KSA9PiAoZXhwYW5kZWQgPyBgJHt0aGVtZS5yYWRpaVsxXX0gJHt0aGVtZS5yYWRpaVsxXX0gMCAwYCA6IHRoZW1lLnJhZGlpWzFdKX07XG5gXG5leHBvcnQgY29uc3QgU3R5bGVkQm94ID0gc3R5bGVkKEJveClgXG4gIGJvcmRlcjogJHsoeyB0aGVtZSB9KSA9PiBgc29saWQgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMF19ICR7dGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddfWB9O1xuICBib3JkZXItdG9wOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IGAwIDAgJHt0aGVtZS5yYWRpaVsxXX0gJHt0aGVtZS5yYWRpaVsxXX1gfTtcbmBcbiJdfQ== */"));
42
43
  var StyledBox = exports.StyledBox = /*#__PURE__*/(0, _base["default"])(_Flexbox.Box, process.env.NODE_ENV === "production" ? {
43
44
  target: "e1sxq8nk0"
44
45
  } : {
@@ -50,4 +51,4 @@ var StyledBox = exports.StyledBox = /*#__PURE__*/(0, _base["default"])(_Flexbox.
50
51
  }, ";border-top:none;border-radius:", function (_ref7) {
51
52
  var theme = _ref7.theme;
52
53
  return "0 0 ".concat(theme.radii[1], " ").concat(theme.radii[1]);
53
- }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9FeHBhbmRhYmxlQm94L0V4cGFuZGFibGVCb3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCb0MiLCJmaWxlIjoiLi4vLi4vc3JjL0V4cGFuZGFibGVCb3gvRXhwYW5kYWJsZUJveC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBDb2xvciB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IEFuaW1hdGVIZWlnaHQgZnJvbSAncmVhY3QtYW5pbWF0ZS1oZWlnaHQnXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBbmltYXRlSGVpZ2h0ID0gc3R5bGVkKEFuaW1hdGVIZWlnaHQpPHsgc2Vjb25kYXJ5Q29sb3I/OiBDb2xvciB9PmBcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSwgc2Vjb25kYXJ5Q29sb3IgfSkgPT5cbiAgICBzZWNvbmRhcnlDb2xvclxuICAgICAgPyBgLSR7dGhlbWUuYm9yZGVyV2lkdGhzWzJdfSAwICAwICR7dGhlbWUuY29sb3JzW2Ake3NlY29uZGFyeUNvbG9yfWBdfSAsIDAgMC4yNXJlbSAwLjM1cmVtICR7XG4gICAgICAgICAgdGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddXG4gICAgICAgIH0sIC0wLjQ1cmVtIDAuMjVyZW0gMC4zNXJlbSAke3RoZW1lLmNvbG9yc1snYmFja2dyb3VuZC1zdWJ0bGUtZGlzYWJsZWQnXX1gXG4gICAgICA6ICdub25lJ307XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gYDAgMCAke3RoZW1lLnJhZGlpWzFdfSAke3RoZW1lLnJhZGlpWzFdfWB9O1xuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkRXhwYW5kYWJsZUJveCA9IHN0eWxlZChCb3gpPHsgcHJpbWFyeUNvbG9yPzogQ29sb3I7IGV4cGFuZGVkPzogYm9vbGVhbiB9PmBcbiAgYm9yZGVyOiAkeyh7IHRoZW1lIH0pID0+IGBzb2xpZCAke3RoZW1lLmJvcmRlcldpZHRoc1swXX0gJHt0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J119YH07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIGV4cGFuZGVkLCBwcmltYXJ5Q29sb3IgfSkgPT5cbiAgICBleHBhbmRlZCAmJiBwcmltYXJ5Q29sb3JcbiAgICAgID8gYC0ke3RoZW1lLmJvcmRlcldpZHRoc1syXX0gMCAgMCAke1xuICAgICAgICAgIHRoZW1lLmNvbG9yc1tgJHtwcmltYXJ5Q29sb3J9YF1cbiAgICAgICAgfSR7YCwgMCAwLjI1cmVtIDAuMzVyZW0gJHt0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J119LCAtMC40NXJlbSAwLjA1cmVtIDAuMzVyZW0gJHt0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtc3VidGxlLWRpc2FibGVkJ119YH1gXG4gICAgICA6IHByaW1hcnlDb2xvclxuICAgICAgICA/IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgIDAgJHt0aGVtZS5jb2xvcnNbYCR7cHJpbWFyeUNvbG9yfWAgYXMgQ29sb3JdfWBcbiAgICAgICAgOiBgLSR7dGhlbWUuYm9yZGVyV2lkdGhzWzJdfSAwIDAgJHt0aGVtZS5jb2xvcnNbJ3N1YnRsZS1wcmltYXJ5JyBhcyBDb2xvcl19YH07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUsIGV4cGFuZGVkIH0pID0+IChleHBhbmRlZCA/IGAke3RoZW1lLnJhZGlpWzFdfSAke3RoZW1lLnJhZGlpWzFdfSAwIDBgIDogdGhlbWUucmFkaWlbMV0pfTtcbmBcbmV4cG9ydCBjb25zdCBTdHlsZWRCb3ggPSBzdHlsZWQoQm94KWBcbiAgYm9yZGVyOiAkeyh7IHRoZW1lIH0pID0+IGBzb2xpZCAke3RoZW1lLmJvcmRlcldpZHRoc1swXX0gJHt0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J119YH07XG4gIGJvcmRlci10b3A6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gYDAgMCAke3RoZW1lLnJhZGlpWzFdfSAke3RoZW1lLnJhZGlpWzFdfWB9O1xuYFxuIl19 */"));
54
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9FeHBhbmRhYmxlQm94L0V4cGFuZGFibGVCb3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCb0MiLCJmaWxlIjoiLi4vLi4vc3JjL0V4cGFuZGFibGVCb3gvRXhwYW5kYWJsZUJveC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBDb2xvciB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IEFuaW1hdGVIZWlnaHQgZnJvbSAncmVhY3QtYW5pbWF0ZS1oZWlnaHQnXG5cbi8vID8/IGJhaXhvLCBsYXRlcmFsXG5leHBvcnQgY29uc3QgU3R5bGVkQW5pbWF0ZUhlaWdodCA9IHN0eWxlZChBbmltYXRlSGVpZ2h0KTx7IHNlY29uZGFyeUNvbG9yPzogQ29sb3IgfT5gXG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIHNlY29uZGFyeUNvbG9yIH0pID0+XG4gICAgc2Vjb25kYXJ5Q29sb3JcbiAgICAgID8gYC0ke3RoZW1lLmJvcmRlcldpZHRoc1syXX0gMCAgMCAke3RoZW1lLmNvbG9yc1tgJHtzZWNvbmRhcnlDb2xvcn1gXX0gLCAwIDAuMjVyZW0gMC4zNXJlbSAke1xuICAgICAgICAgIHRoZW1lLmNvbG9yc1snYm9yZGVyLXByaW1hcnknXVxuICAgICAgICB9LCAtMC4zNXJlbSAwLjE1cmVtIDAuMzVyZW0gJHt0aGVtZS5jb2xvcnNbJ2JhY2tncm91bmQtc3VidGxlLWRpc2FibGVkJ119YFxuICAgICAgOiAnbm9uZSd9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IGAwIDAgJHt0aGVtZS5yYWRpaVsxXX0gJHt0aGVtZS5yYWRpaVsxXX1gfTtcbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEV4cGFuZGFibGVCb3ggPSBzdHlsZWQoQm94KTx7IHByaW1hcnlDb2xvcj86IENvbG9yOyBleHBhbmRlZD86IGJvb2xlYW4gfT5gXG4gIGJvcmRlcjogJHsoeyB0aGVtZSB9KSA9PiBgc29saWQgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMF19ICR7dGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddfWB9O1xuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBleHBhbmRlZCwgcHJpbWFyeUNvbG9yIH0pID0+XG4gICAgZXhwYW5kZWQgJiYgcHJpbWFyeUNvbG9yXG4gICAgICA/IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgIDAgJHtcbiAgICAgICAgICB0aGVtZS5jb2xvcnNbYCR7cHJpbWFyeUNvbG9yfWBdXG4gICAgICAgIH0ke2AsIDAgMC4yNXJlbSAwLjM1cmVtICR7dGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddfSwgLTAuMzVyZW0gMC4wNXJlbSAwLjM1cmVtICR7dGhlbWUuY29sb3JzWydiYWNrZ3JvdW5kLXN1YnRsZS1kaXNhYmxlZCddfWB9YFxuICAgICAgOiBwcmltYXJ5Q29sb3JcbiAgICAgICAgPyBgLSR7dGhlbWUuYm9yZGVyV2lkdGhzWzJdfSAwICAwICR7dGhlbWUuY29sb3JzW2Ake3ByaW1hcnlDb2xvcn1gIGFzIENvbG9yXX1gXG4gICAgICAgIDogYC0ke3RoZW1lLmJvcmRlcldpZHRoc1syXX0gMCAwICR7dGhlbWUuY29sb3JzWydzdWJ0bGUtcHJpbWFyeScgYXMgQ29sb3JdfWB9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lLCBleHBhbmRlZCB9KSA9PiAoZXhwYW5kZWQgPyBgJHt0aGVtZS5yYWRpaVsxXX0gJHt0aGVtZS5yYWRpaVsxXX0gMCAwYCA6IHRoZW1lLnJhZGlpWzFdKX07XG5gXG5leHBvcnQgY29uc3QgU3R5bGVkQm94ID0gc3R5bGVkKEJveClgXG4gIGJvcmRlcjogJHsoeyB0aGVtZSB9KSA9PiBgc29saWQgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMF19ICR7dGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddfWB9O1xuICBib3JkZXItdG9wOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IGAwIDAgJHt0aGVtZS5yYWRpaVsxXX0gJHt0aGVtZS5yYWRpaVsxXX1gfTtcbmBcbiJdfQ== */"));
package/lib/PillLabel/PillLabel.styles.js CHANGED
@@ -53,5 +53,5 @@ var PillLabelWrapper = exports.PillLabelWrapper = /*#__PURE__*/(0, _base["defaul
53
53
  warning: ['warning-primary', 'text-warning', 'background-warning'],
54
54
  error: ['danger-primary', 'text-danger', 'background-danger']
55
55
  };
56
- return "\n color: ".concat(invert ? theme.colors['white'] : theme.colors[scheme[status][1]], ";\n background-color: ").concat(invert ? theme.colors[scheme[status][0]] : theme.colors[scheme[status][2]], ";\n ");
57
- }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QaWxsTGFiZWwvUGlsbExhYmVsLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMkQiLCJmaWxlIjoiLi4vLi4vc3JjL1BpbGxMYWJlbC9QaWxsTGFiZWwuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29sb3IgfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IFBpbGxMYWJlbFByb3BzLCBQaWxsTGFiZWxTdGF0dXMgfSBmcm9tICcuL1BpbGxMYWJlbC50eXBlcydcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBJY29uQW5kVGV4dFdyYXBwZXIgfSBmcm9tICcuLi9JY29uQW5kVGV4dC9JY29uQW5kVGV4dC5zdHlsZXMnXG5pbXBvcnQgeyBJY29uV3JhcHBlciB9IGZyb20gJy4uL0ljb24vSWNvbi5zdHlsZXMnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFBpbGxMYWJlbFdyYXBwZXIgPSBzdHlsZWQoQm94KTxQaWxsTGFiZWxQcm9wcz5gXG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG4gIGhlaWdodDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiB0aGVtZS5zcGFjZVtzaXplID09PSAnbWQnID8gNSA6IDRdfTtcbiAgbGluZS1oZWlnaHQ6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gdGhlbWUuc3BhY2Vbc2l6ZSA9PT0gJ21kJyA/IDUgOiA0XX07XG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcblxuICAke0ljb25BbmRUZXh0V3JhcHBlcn0sICR7SWNvbldyYXBwZXJ9IHtcbiAgICBsaW5lLWhlaWdodDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiB0aGVtZS5zcGFjZVtzaXplID09PSAnbWQnID8gNSA6IDRdfSAhaW1wb3J0YW50O1xuICB9XG5cbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVsxXX07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZm9udC13ZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFdlaWdodHNbJ3NlbWktYm9sZCddfTtcbiAgZm9udC1zaXplOiAkeyh7IHRoZW1lLCBzaXplIH0pID0+IHRoZW1lLmZvbnRTaXplc1tzaXplID09PSAnbWQnID8gJ3MnIDogJ3hzJ119O1xuXG4gICR7KHsgc3RhdHVzID0gJ2RlZmF1bHQnLCBpbnZlcnQsIHRoZW1lIH0pID0+IHtcbiAgICAvKiogeyBzdGF0dXM6IFsgbWFpbiwgdGV4dCwgYmFja2dyb3VuZCBdIH0gKi9cbiAgICBjb25zdCBzY2hlbWU6IHsgW2tleSBpbiBQaWxsTGFiZWxTdGF0dXNdOiBbQ29sb3IsIENvbG9yLCBDb2xvcl0gfSA9IHtcbiAgICAgIGRlZmF1bHQ6IFsnc3VidGxlLXByaW1hcnknLCAndGV4dC1zZWNvbmRhcnknLCAnYmFja2dyb3VuZC1zdWJ0bGUnXSxcbiAgICAgIGF0dGVudGlvbjogWydhdHRlbnRpb24tcHJpbWFyeScsICd0ZXh0LWF0dGVudGlvbicsICdiYWNrZ3JvdW5kLWF0dGVudGlvbiddLFxuICAgICAgc3VjY2VzczogWydzdWNjZXNzLXByaW1hcnknLCAndGV4dC1zdWNjZXNzJywgJ2JhY2tncm91bmQtc3VjY2VzcyddLFxuICAgICAgaW5mbzogWydpbmZvLXByaW1hcnknLCAndGV4dC1pbmZvJywgJ2JhY2tncm91bmQtaW5mbyddLFxuICAgICAgd2FybmluZzogWyd3YXJuaW5nLXByaW1hcnknLCAndGV4dC13YXJuaW5nJywgJ2JhY2tncm91bmQtd2FybmluZyddLFxuICAgICAgZXJyb3I6IFsnZGFuZ2VyLXByaW1hcnknLCAndGV4dC1kYW5nZXInLCAnYmFja2dyb3VuZC1kYW5nZXInXSxcbiAgICB9XG5cbiAgICByZXR1cm4gYFxuICAgICAgY29sb3I6ICR7aW52ZXJ0ID8gdGhlbWUuY29sb3JzWyd3aGl0ZSddIDogdGhlbWUuY29sb3JzW3NjaGVtZVtzdGF0dXNdWzFdXX07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ludmVydCA/IHRoZW1lLmNvbG9yc1tzY2hlbWVbc3RhdHVzXVswXV0gOiB0aGVtZS5jb2xvcnNbc2NoZW1lW3N0YXR1c11bMl1dfTtcbiAgICBgXG4gIH19XG5gXG4iXX0= */"));
56
+ return "\n color: ".concat(invert ? theme.colors['text-inverted'] : theme.colors[scheme[status][1]], ";\n background-color: ").concat(invert ? theme.colors[scheme[status][0]] : theme.colors[scheme[status][2]], ";\n ");
57
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QaWxsTGFiZWwvUGlsbExhYmVsLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMkQiLCJmaWxlIjoiLi4vLi4vc3JjL1BpbGxMYWJlbC9QaWxsTGFiZWwuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29sb3IgfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IFBpbGxMYWJlbFByb3BzLCBQaWxsTGFiZWxTdGF0dXMgfSBmcm9tICcuL1BpbGxMYWJlbC50eXBlcydcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBJY29uQW5kVGV4dFdyYXBwZXIgfSBmcm9tICcuLi9JY29uQW5kVGV4dC9JY29uQW5kVGV4dC5zdHlsZXMnXG5pbXBvcnQgeyBJY29uV3JhcHBlciB9IGZyb20gJy4uL0ljb24vSWNvbi5zdHlsZXMnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFBpbGxMYWJlbFdyYXBwZXIgPSBzdHlsZWQoQm94KTxQaWxsTGFiZWxQcm9wcz5gXG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG4gIGhlaWdodDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiB0aGVtZS5zcGFjZVtzaXplID09PSAnbWQnID8gNSA6IDRdfTtcbiAgbGluZS1oZWlnaHQ6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gdGhlbWUuc3BhY2Vbc2l6ZSA9PT0gJ21kJyA/IDUgOiA0XX07XG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcblxuICAke0ljb25BbmRUZXh0V3JhcHBlcn0sICR7SWNvbldyYXBwZXJ9IHtcbiAgICBsaW5lLWhlaWdodDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiB0aGVtZS5zcGFjZVtzaXplID09PSAnbWQnID8gNSA6IDRdfSAhaW1wb3J0YW50O1xuICB9XG5cbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVsxXX07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZm9udC13ZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFdlaWdodHNbJ3NlbWktYm9sZCddfTtcbiAgZm9udC1zaXplOiAkeyh7IHRoZW1lLCBzaXplIH0pID0+IHRoZW1lLmZvbnRTaXplc1tzaXplID09PSAnbWQnID8gJ3MnIDogJ3hzJ119O1xuXG4gICR7KHsgc3RhdHVzID0gJ2RlZmF1bHQnLCBpbnZlcnQsIHRoZW1lIH0pID0+IHtcbiAgICAvKiogeyBzdGF0dXM6IFsgbWFpbiwgdGV4dCwgYmFja2dyb3VuZCBdIH0gKi9cbiAgICBjb25zdCBzY2hlbWU6IHsgW2tleSBpbiBQaWxsTGFiZWxTdGF0dXNdOiBbQ29sb3IsIENvbG9yLCBDb2xvcl0gfSA9IHtcbiAgICAgIGRlZmF1bHQ6IFsnc3VidGxlLXByaW1hcnknLCAndGV4dC1zZWNvbmRhcnknLCAnYmFja2dyb3VuZC1zdWJ0bGUnXSxcbiAgICAgIGF0dGVudGlvbjogWydhdHRlbnRpb24tcHJpbWFyeScsICd0ZXh0LWF0dGVudGlvbicsICdiYWNrZ3JvdW5kLWF0dGVudGlvbiddLFxuICAgICAgc3VjY2VzczogWydzdWNjZXNzLXByaW1hcnknLCAndGV4dC1zdWNjZXNzJywgJ2JhY2tncm91bmQtc3VjY2VzcyddLFxuICAgICAgaW5mbzogWydpbmZvLXByaW1hcnknLCAndGV4dC1pbmZvJywgJ2JhY2tncm91bmQtaW5mbyddLFxuICAgICAgd2FybmluZzogWyd3YXJuaW5nLXByaW1hcnknLCAndGV4dC13YXJuaW5nJywgJ2JhY2tncm91bmQtd2FybmluZyddLFxuICAgICAgZXJyb3I6IFsnZGFuZ2VyLXByaW1hcnknLCAndGV4dC1kYW5nZXInLCAnYmFja2dyb3VuZC1kYW5nZXInXSxcbiAgICB9XG5cbiAgICByZXR1cm4gYFxuICAgICAgY29sb3I6ICR7aW52ZXJ0ID8gdGhlbWUuY29sb3JzWyd0ZXh0LWludmVydGVkJ10gOiB0aGVtZS5jb2xvcnNbc2NoZW1lW3N0YXR1c11bMV1dfTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7aW52ZXJ0ID8gdGhlbWUuY29sb3JzW3NjaGVtZVtzdGF0dXNdWzBdXSA6IHRoZW1lLmNvbG9yc1tzY2hlbWVbc3RhdHVzXVsyXV19O1xuICAgIGBcbiAgfX1cbmBcbiJdfQ== */"));
package/lib/StepNumber/styles.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  /// <reference types="react" />
2
- import { Color } from '../theme';
3
2
  export declare const StepNumberOrb: import("@emotion/styled").StyledComponent<{
4
3
  theme?: import("@emotion/react").Theme | undefined;
5
4
  as?: import("react").ElementType<any> | undefined;
@@ -9,5 +8,5 @@ export declare const StepNumberOrb: import("@emotion/styled").StyledComponent<{
9
8
  theme?: import("@emotion/react").Theme | undefined;
10
9
  } & import("..").FlexboxProps & {
11
10
  complete?: boolean | undefined;
12
- color?: Color | undefined;
11
+ color?: "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "background-primary" | "background-secondary" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-subtle" | "background-subtle" | "background-info-enabled" | "background-minor" | "background-minor-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-warning-enabled" | "background-medium" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "border-inverted" | "border-primary" | "border-subtle-enabled" | "border-subtle-hover" | "border-subtle-focus" | "border-subtle-pressed" | "border-subtle-disabled" | "border-brand-subtle" | "border-brand-enabled" | "border-brand-pressed" | "border-brand-hover" | "border-brand-primary" | "border-brand-disabled" | "border-info-enabled" | "border-minor-enabled" | "border-minor-disabled" | "border-danger-subtle" | "border-danger-enabled" | "border-danger-hover" | "border-danger-focus" | "border-danger-pressed" | "border-critical-enabled" | "border-critical-disabled" | "border-warning-enabled" | "border-medium-enabled" | "border-medium-disabled" | "border-success-enabled" | "border-success-subtle" | "border-attention-enabled" | "border-attention-disabled" | "border-high-enabled" | "border-high-subtle-enabled" | "border-high-disabled" | "icon-enabled" | "icon-hover" | "icon-disabled" | "icon-focus" | "icon-pressed" | "icon-inverted" | "icon-subtle-enabled" | "icon-subtle-hover" | "icon-subtle-focus" | "icon-subtle-pressed" | "icon-subtle-disabled" | "icon-subtle-inverted" | "icon-info-enabled" | "icon-minor-enabled" | "icon-minor-disabled" | "icon-brand-enabled" | "icon-brand-hover" | "icon-brand-focus" | "icon-brand-pressed" | "icon-brand-disabled" | "icon-danger-enabled" | "icon-danger-hover" | "icon-danger-focus" | "icon-danger-pressed" | "icon-danger-disabled" | "icon-critical-enabled" | "icon-critical-disabled" | "icon-warning-enabled" | "icon-medium-enabled" | "icon-medium-disabled" | "icon-success-enabled" | "icon-success-disabled" | "icon-high-enabled" | "icon-high-disabled" | "icon-attention-enabled" | "illustration-neutral1" | "illustration-neutral2" | "illustration-neutral3" | "illustration-neutral4" | "illustration-brand-inverted" | "illustration-brand1" | "illustration-brand2" | "illustration-brand3" | "illustration-brand4" | "data-color1-enabled" | "data-color1-disabled" | "data-color2-enabled" | "data-color2-disabled" | "data-color3-enabled" | "data-color3-disabled" | "data-color4-enabled" | "data-color4-disabled" | "data-color5-enabled" | "data-color5-disabled" | "data-color6-enabled" | "data-color6-disabled" | "data-color7-enabled" | "data-color7-disabled" | "brand-primary" | "brand-hover" | "brand-pressed" | "brand-disabled" | "brand-focus" | "brand-inverted" | "brand-subtle" | "subtle-primary" | "subtle-hover" | "subtle-pressed" | "subtle-disabled" | "subtle-inverted" | "danger-primary" | "danger-hover" | "danger-pressed" | "danger-disabled" | "danger-focus" | "danger-subtle" | "success-primary" | "success-hover" | "success-pressed" | "success-disabled" | "success-focus" | "warning-primary" | "warning-hover" | "warning-pressed" | "warning-disabled" | "warning-focus" | "high-primary" | "high-hover" | "high-pressed" | "high-disabled" | "info-primary" | "info-hover" | "info-pressed" | "info-disabled" | "info-inverted" | "attention-primary" | "attention-hover" | "attention-pressed" | "attention-disabled" | "attention-focus" | "navigation-top-primary" | "navigation-text" | "navigation-text-pressed" | undefined;
13
12
  }, {}, {}>;
package/lib/Stepper/Stepper.styles.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  /// <reference types="react" />
2
- import { Color } from '../theme';
3
2
  import { StepLabelProps } from './Stepper.types';
4
3
  export declare const StepNumberIcon: import("@emotion/styled").StyledComponent<{
5
4
  theme?: import("@emotion/react").Theme | undefined;
@@ -9,7 +8,7 @@ export declare const StepNumberIcon: import("@emotion/styled").StyledComponent<{
9
8
  } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
10
9
  theme?: import("@emotion/react").Theme | undefined;
11
10
  } & import("..").FlexboxProps & {
12
- color?: Color | undefined;
11
+ color?: "background-success" | "background-danger" | "background-warning" | "background-info" | "background-attention" | "border-success" | "border-danger" | "border-warning" | "border-info" | "border-attention" | "text-success" | "text-danger" | "text-warning" | "text-info" | "text-attention" | "icon-success" | "icon-danger" | "icon-warning" | "icon-info" | "icon-attention" | "text-primary" | "text-secondary" | "text-tertiary" | "text-disabled" | "text-inverted" | "text-subtle-enabled" | "text-subtle-hover" | "text-subtle-focus" | "text-subtle-pressed" | "text-subtle-disabled" | "text-subtle-inverted" | "text-link-enabled" | "text-link-hover" | "text-link-focus" | "text-link-pressed" | "text-link-disabled" | "text-brand-enabled" | "text-brand-hover" | "text-brand-focus" | "text-brand-pressed" | "text-brand-disabled" | "text-info-enabled" | "text-minor-enabled" | "text-minor-disabled" | "text-danger-enabled" | "text-danger-hover" | "text-danger-focus" | "text-danger-pressed" | "text-danger-disabled" | "text-critical-enabled" | "text-critical-disabled" | "text-warning-enabled" | "text-medium-enabled" | "text-medium-disabled" | "text-success-enabled" | "text-high-enabled" | "text-high-disabled" | "background-primary" | "background-secondary" | "background-brand-inverted" | "background-subtle-enabled" | "background-subtle-hover" | "background-subtle-focus" | "background-subtle-pressed" | "background-subtle-disabled" | "background-brand" | "background-brand-enabled" | "background-brand-hover" | "background-brand-focus" | "background-brand-pressed" | "background-brand-disabled" | "background-brand-subtle" | "background-subtle" | "background-info-enabled" | "background-minor" | "background-minor-enabled" | "background-minor-disabled" | "background-danger-enabled" | "background-danger-hover" | "background-danger-focus" | "background-danger-pressed" | "background-danger-disabled" | "background-critical-enabled" | "background-critical-disabled" | "background-success-enabled" | "background-warning-enabled" | "background-medium" | "background-medium-enabled" | "background-medium-disabled" | "background-attention-enabled" | "background-high-enabled" | "background-high-disabled" | "border-inverted" | "border-primary" | "border-subtle-enabled" | "border-subtle-hover" | "border-subtle-focus" | "border-subtle-pressed" | "border-subtle-disabled" | "border-brand-subtle" | "border-brand-enabled" | "border-brand-pressed" | "border-brand-hover" | "border-brand-primary" | "border-brand-disabled" | "border-info-enabled" | "border-minor-enabled" | "border-minor-disabled" | "border-danger-subtle" | "border-danger-enabled" | "border-danger-hover" | "border-danger-focus" | "border-danger-pressed" | "border-critical-enabled" | "border-critical-disabled" | "border-warning-enabled" | "border-medium-enabled" | "border-medium-disabled" | "border-success-enabled" | "border-success-subtle" | "border-attention-enabled" | "border-attention-disabled" | "border-high-enabled" | "border-high-subtle-enabled" | "border-high-disabled" | "icon-enabled" | "icon-hover" | "icon-disabled" | "icon-focus" | "icon-pressed" | "icon-inverted" | "icon-subtle-enabled" | "icon-subtle-hover" | "icon-subtle-focus" | "icon-subtle-pressed" | "icon-subtle-disabled" | "icon-subtle-inverted" | "icon-info-enabled" | "icon-minor-enabled" | "icon-minor-disabled" | "icon-brand-enabled" | "icon-brand-hover" | "icon-brand-focus" | "icon-brand-pressed" | "icon-brand-disabled" | "icon-danger-enabled" | "icon-danger-hover" | "icon-danger-focus" | "icon-danger-pressed" | "icon-danger-disabled" | "icon-critical-enabled" | "icon-critical-disabled" | "icon-warning-enabled" | "icon-medium-enabled" | "icon-medium-disabled" | "icon-success-enabled" | "icon-success-disabled" | "icon-high-enabled" | "icon-high-disabled" | "icon-attention-enabled" | "illustration-neutral1" | "illustration-neutral2" | "illustration-neutral3" | "illustration-neutral4" | "illustration-brand-inverted" | "illustration-brand1" | "illustration-brand2" | "illustration-brand3" | "illustration-brand4" | "data-color1-enabled" | "data-color1-disabled" | "data-color2-enabled" | "data-color2-disabled" | "data-color3-enabled" | "data-color3-disabled" | "data-color4-enabled" | "data-color4-disabled" | "data-color5-enabled" | "data-color5-disabled" | "data-color6-enabled" | "data-color6-disabled" | "data-color7-enabled" | "data-color7-disabled" | "brand-primary" | "brand-hover" | "brand-pressed" | "brand-disabled" | "brand-focus" | "brand-inverted" | "brand-subtle" | "subtle-primary" | "subtle-hover" | "subtle-pressed" | "subtle-disabled" | "subtle-inverted" | "danger-primary" | "danger-hover" | "danger-pressed" | "danger-disabled" | "danger-focus" | "danger-subtle" | "success-primary" | "success-hover" | "success-pressed" | "success-disabled" | "success-focus" | "warning-primary" | "warning-hover" | "warning-pressed" | "warning-disabled" | "warning-focus" | "high-primary" | "high-hover" | "high-pressed" | "high-disabled" | "info-primary" | "info-hover" | "info-pressed" | "info-disabled" | "info-inverted" | "attention-primary" | "attention-hover" | "attention-pressed" | "attention-disabled" | "attention-focus" | "navigation-top-primary" | "navigation-text" | "navigation-text-pressed" | undefined;
13
12
  }, {}, {}>;
14
13
  export declare const StepperWrapper: import("@emotion/styled").StyledComponent<{
15
14
  theme?: import("@emotion/react").Theme | undefined;
package/lib/theme/ColorSchemes/codacy.d.ts CHANGED
@@ -159,8 +159,8 @@ export declare const functionalColorsFx: (colors: {
159
159
  'text-high-enabled': string;
160
160
  'text-high-disabled': string;
161
161
  'background-primary': string;
162
- 'background-brand-inverted': string;
163
162
  'background-secondary': string;
163
+ 'background-brand-inverted': string;
164
164
  'background-subtle-enabled': string;
165
165
  'background-subtle-hover': string;
166
166
  'background-subtle-focus': string;
@@ -177,18 +177,22 @@ export declare const functionalColorsFx: (colors: {
177
177
  'background-info-enabled': string;
178
178
  'background-minor': string;
179
179
  'background-minor-enabled': string;
180
+ 'background-minor-disabled': string;
180
181
  'background-danger-enabled': string;
181
182
  'background-danger-hover': string;
182
183
  'background-danger-focus': string;
183
184
  'background-danger-pressed': string;
184
185
  'background-danger-disabled': string;
185
186
  'background-critical-enabled': string;
187
+ 'background-critical-disabled': string;
186
188
  'background-success-enabled': string;
187
189
  'background-warning-enabled': string;
188
190
  'background-medium': string;
189
191
  'background-medium-enabled': string;
192
+ 'background-medium-disabled': string;
190
193
  'background-attention-enabled': string;
191
194
  'background-high-enabled': string;
195
+ 'background-high-disabled': string;
192
196
  'border-inverted': string;
193
197
  'border-primary': string;
194
198
  'border-subtle-enabled': string;
@@ -266,6 +270,20 @@ export declare const functionalColorsFx: (colors: {
266
270
  'illustration-brand2': string;
267
271
  'illustration-brand3': string;
268
272
  'illustration-brand4': string;
273
+ 'data-color1-enabled': string;
274
+ 'data-color1-disabled': string;
275
+ 'data-color2-enabled': string;
276
+ 'data-color2-disabled': string;
277
+ 'data-color3-enabled': string;
278
+ 'data-color3-disabled': string;
279
+ 'data-color4-enabled': string;
280
+ 'data-color4-disabled': string;
281
+ 'data-color5-enabled': string;
282
+ 'data-color5-disabled': string;
283
+ 'data-color6-enabled': string;
284
+ 'data-color6-disabled': string;
285
+ 'data-color7-enabled': string;
286
+ 'data-color7-disabled': string;
269
287
  'brand-primary': string;
270
288
  'brand-hover': string;
271
289
  'brand-pressed': string;
@@ -371,8 +389,8 @@ export declare const functionalColors: {
371
389
  'text-high-enabled': string;
372
390
  'text-high-disabled': string;
373
391
  'background-primary': string;
374
- 'background-brand-inverted': string;
375
392
  'background-secondary': string;
393
+ 'background-brand-inverted': string;
376
394
  'background-subtle-enabled': string;
377
395
  'background-subtle-hover': string;
378
396
  'background-subtle-focus': string;
@@ -389,18 +407,22 @@ export declare const functionalColors: {
389
407
  'background-info-enabled': string;
390
408
  'background-minor': string;
391
409
  'background-minor-enabled': string;
410
+ 'background-minor-disabled': string;
392
411
  'background-danger-enabled': string;
393
412
  'background-danger-hover': string;
394
413
  'background-danger-focus': string;
395
414
  'background-danger-pressed': string;
396
415
  'background-danger-disabled': string;
397
416
  'background-critical-enabled': string;
417
+ 'background-critical-disabled': string;
398
418
  'background-success-enabled': string;
399
419
  'background-warning-enabled': string;
400
420
  'background-medium': string;
401
421
  'background-medium-enabled': string;
422
+ 'background-medium-disabled': string;
402
423
  'background-attention-enabled': string;
403
424
  'background-high-enabled': string;
425
+ 'background-high-disabled': string;
404
426
  'border-inverted': string;
405
427
  'border-primary': string;
406
428
  'border-subtle-enabled': string;
@@ -478,6 +500,20 @@ export declare const functionalColors: {
478
500
  'illustration-brand2': string;
479
501
  'illustration-brand3': string;
480
502
  'illustration-brand4': string;
503
+ 'data-color1-enabled': string;
504
+ 'data-color1-disabled': string;
505
+ 'data-color2-enabled': string;
506
+ 'data-color2-disabled': string;
507
+ 'data-color3-enabled': string;
508
+ 'data-color3-disabled': string;
509
+ 'data-color4-enabled': string;
510
+ 'data-color4-disabled': string;
511
+ 'data-color5-enabled': string;
512
+ 'data-color5-disabled': string;
513
+ 'data-color6-enabled': string;
514
+ 'data-color6-disabled': string;
515
+ 'data-color7-enabled': string;
516
+ 'data-color7-disabled': string;
481
517
  'brand-primary': string;
482
518
  'brand-hover': string;
483
519
  'brand-pressed': string;
@@ -526,7 +562,7 @@ export declare const functionalColors: {
526
562
  };
527
563
  export declare type BaseColor = keyof typeof baseColors;
528
564
  export declare type FunctionalColor = keyof typeof functionalColors;
529
- export declare type Color = BaseColor | FunctionalColor;
565
+ export declare type Color = FunctionalColor;
530
566
  export declare type ColorScheme = {
531
567
  [key in Color]: string;
532
568
  };
package/lib/theme/ColorSchemes/codacy.js CHANGED
@@ -142,8 +142,8 @@ var functionalColorsFx = exports.functionalColorsFx = function functionalColorsF
142
142
  'text-high-disabled': colors['orange-70'],
143
143
  // BACKGROUND
144
144
  'background-primary': colors['white'],
145
- 'background-brand-inverted': colors['white'],
146
145
  'background-secondary': colors['grey-99'],
146
+ 'background-brand-inverted': colors['white'],
147
147
  'background-subtle-enabled': colors['grey-40'],
148
148
  'background-subtle-hover': colors['grey-30'],
149
149
  'background-subtle-focus': colors['grey-30'],
@@ -162,6 +162,7 @@ var functionalColorsFx = exports.functionalColorsFx = function functionalColorsF
162
162
  'background-info-enabled': colors['blue-40'],
163
163
  'background-minor': colors['blue-95'],
164
164
  'background-minor-enabled': colors['blue-40'],
165
+ 'background-minor-disabled': colors['blue-60'],
165
166
  // red
166
167
  'background-danger-enabled': colors['red-40'],
167
168
  'background-danger-hover': colors['red-30'],
@@ -169,16 +170,19 @@ var functionalColorsFx = exports.functionalColorsFx = function functionalColorsF
169
170
  'background-danger-pressed': colors['red-20'],
170
171
  'background-danger-disabled': colors['red-70'],
171
172
  'background-critical-enabled': colors['red-40'],
173
+ 'background-critical-disabled': colors['red-60'],
172
174
  // green
173
175
  'background-success-enabled': colors['green-40'],
174
176
  // yellow
175
177
  'background-warning-enabled': colors['yellow-40'],
176
178
  'background-medium': colors['yellow-95'],
177
179
  'background-medium-enabled': colors['yellow-40'],
180
+ 'background-medium-disabled': colors['yellow-60'],
178
181
  // purple
179
182
  'background-attention-enabled': colors['purple-40'],
180
183
  // orange
181
184
  'background-high-enabled': colors['orange-40'],
185
+ 'background-high-disabled': colors['orange-60'],
182
186
  // BORDER
183
187
  'border-inverted': colors['white'],
184
188
  'border-primary': colors['grey-90'],
@@ -273,6 +277,21 @@ var functionalColorsFx = exports.functionalColorsFx = function functionalColorsF
273
277
  'illustration-brand2': colors['blue-30'],
274
278
  'illustration-brand3': colors['blue-70'],
275
279
  'illustration-brand4': colors['blue-99'],
280
+ // DATA VISUALIZATION
281
+ 'data-color1-enabled': colors['blue-60'],
282
+ 'data-color1-disabled': colors['blue-99'],
283
+ 'data-color2-enabled': colors['blue-30'],
284
+ 'data-color2-disabled': colors['blue-95'],
285
+ 'data-color3-enabled': colors['purple-60'],
286
+ 'data-color3-disabled': colors['purple-95'],
287
+ 'data-color4-enabled': colors['magenta-40'],
288
+ 'data-color4-disabled': colors['magenta-95'],
289
+ 'data-color5-enabled': colors['purple-80'],
290
+ 'data-color5-disabled': colors['purple-99'],
291
+ 'data-color6-enabled': colors['grey-60'],
292
+ 'data-color6-disabled': colors['grey-99'],
293
+ 'data-color7-enabled': colors['grey-20'],
294
+ 'data-color7-disabled': colors['grey-95'],
276
295
  // COLORS THAT ARE NOT DEFINED IN THE NEW DESIGN SYSTEM
277
296
  // Brand
278
297
  'brand-primary': colors['blue-40'],
package/lib/theme/theme.js CHANGED
@@ -80,7 +80,7 @@ var sizes = [/** size-00 */"".concat(gridSize * 9, "rem"), // 72px
80
80
  ];
81
81
  var radii = ['0.125rem' /* 2px */, '0.25rem' /* 4px */, '0.5rem' /* 8px */];
82
82
  var shadowsFx = function shadowsFx(scheme) {
83
- return ["0 0.0625rem 0.125rem ".concat((0, _polished.rgba)(scheme['grey-30'], 0.2)), "0 0.125rem 0.375rem ".concat((0, _polished.rgba)(scheme['grey-30'], 0.3)), "0 0.125rem 0.375rem ".concat((0, _polished.rgba)(scheme['grey-30'], 0.2), ", 0 0.125rem 0.5rem ").concat((0, _polished.rgba)(scheme['grey-30'], 0.1)), "0 0.25rem 0.5rem ".concat((0, _polished.rgba)(scheme['grey-30'], 0.2), ", 0 0.25rem 0.75rem ").concat((0, _polished.rgba)(scheme['grey-30'], 0.1)), "0 0.75rem 1rem ".concat((0, _polished.rgba)(scheme['grey-30'], 0.2), ", 0 0.75rem 1.5rem ").concat((0, _polished.rgba)(scheme['grey-30'], 0.1))];
83
+ return ["0 0.0625rem 0.125rem ".concat((0, _polished.rgba)(scheme['border-subtle-hover'], 0.2)), "0 0.125rem 0.375rem ".concat((0, _polished.rgba)(scheme['border-subtle-hover'], 0.3)), "0 0.125rem 0.375rem ".concat((0, _polished.rgba)(scheme['border-subtle-hover'], 0.2), ", 0 0.125rem 0.5rem ").concat((0, _polished.rgba)(scheme['border-subtle-hover'], 0.1)), "0 0.25rem 0.5rem ".concat((0, _polished.rgba)(scheme['border-subtle-hover'], 0.2), ", 0 0.25rem 0.75rem ").concat((0, _polished.rgba)(scheme['border-subtle-hover'], 0.1)), "0 0.75rem 1rem ".concat((0, _polished.rgba)(scheme['border-subtle-hover'], 0.2), ", 0 0.75rem 1.5rem ").concat((0, _polished.rgba)(scheme['border-subtle-hover'], 0.1))];
84
84
  };
85
85
  var transitions = ['0.2s ease-in-out', '0.35s ease-in-out', '0.75s ease-in-out'];
86
86
  var breakpoints = ['85.1rem' /* > 1360px */, '90.1rem' /* > 1440px */, '105.1rem' /* > 1680px */];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codacy/ui-components",
3
- "version": "0.65.81",
3
+ "version": "0.65.83",
4
4
  "description": "",
5
5
  "license": "ISC",
6
6
  "author": "",