@codacy/ui-components 0.65.52 → 0.65.54

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.
@@ -16,11 +16,11 @@ var StyledAnimateHeight = exports.StyledAnimateHeight = /*#__PURE__*/(0, _base["
16
16
  })("box-shadow:", function (_ref) {
17
17
  var theme = _ref.theme,
18
18
  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['grey-70'], "88") : 'none';
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['grey-70']) : 'none';
20
20
  }, ";border-radius:", function (_ref2) {
21
21
  var theme = _ref2.theme;
22
22
  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/IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgIDAgJHt0aGVtZS5jb2xvcnNbYCR7c2Vjb25kYXJ5Q29sb3J9YF19ICwgMCAwLjI1cmVtIDAuMzVyZW0gJHtcbiAgICAgICAgICB0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J11cbiAgICAgICAgfSwgLTAuNDVyZW0gMC4yNXJlbSAwLjM1cmVtICR7dGhlbWUuY29sb3JzWydncmV5LTcwJ119ODhgXG4gICAgICA6ICdub25lJ307XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gYDAgMCAke3RoZW1lLnJhZGlpWzFdfSAke3RoZW1lLnJhZGlpWzFdfWB9O1xuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkRXhwYW5kYWJsZUJveCA9IHN0eWxlZChCb3gpPHsgcHJpbWFyeUNvbG9yPzogQ29sb3I7IGV4cGFuZGVkPzogYm9vbGVhbiB9PmBcbiAgYm9yZGVyOiAkeyh7IHRoZW1lIH0pID0+IGBzb2xpZCAke3RoZW1lLmJvcmRlcldpZHRoc1swXX0gJHt0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J119YH07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIGV4cGFuZGVkLCBwcmltYXJ5Q29sb3IgfSkgPT5cbiAgICBleHBhbmRlZCAmJiBwcmltYXJ5Q29sb3JcbiAgICAgID8gYC0ke3RoZW1lLmJvcmRlcldpZHRoc1syXX0gMCAgMCAke1xuICAgICAgICAgIHRoZW1lLmNvbG9yc1tgJHtwcmltYXJ5Q29sb3J9YF1cbiAgICAgICAgfSR7YCwgMCAwLjI1cmVtIDAuMzVyZW0gJHt0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J119LCAtMC40NXJlbSAwLjA1cmVtIDAuMzVyZW0gJHt0aGVtZS5jb2xvcnNbJ2dyZXktNzAnXX04OGB9YFxuICAgICAgOiBwcmltYXJ5Q29sb3JcbiAgICAgICAgPyBgLSR7dGhlbWUuYm9yZGVyV2lkdGhzWzJdfSAwICAwICR7dGhlbWUuY29sb3JzW2Ake3ByaW1hcnlDb2xvcn1gIGFzIENvbG9yXX1gXG4gICAgICAgIDogYC0ke3RoZW1lLmJvcmRlcldpZHRoc1syXX0gMCAwICR7dGhlbWUuY29sb3JzWydzdWJ0bGUtcHJpbWFyeScgYXMgQ29sb3JdfWB9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lLCBleHBhbmRlZCB9KSA9PiAoZXhwYW5kZWQgPyBgJHt0aGVtZS5yYWRpaVsxXX0gJHt0aGVtZS5yYWRpaVsxXX0gMCAwYCA6IHRoZW1lLnJhZGlpWzFdKX07XG5gXG5leHBvcnQgY29uc3QgU3R5bGVkQm94ID0gc3R5bGVkKEJveClgXG4gIGJvcmRlcjogJHsoeyB0aGVtZSB9KSA9PiBgc29saWQgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMF19ICR7dGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddfWB9O1xuICBib3JkZXItdG9wOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IGAwIDAgJHt0aGVtZS5yYWRpaVsxXX0gJHt0aGVtZS5yYWRpaVsxXX1gfTtcbmBcbiJdfQ== */"));
23
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9FeHBhbmRhYmxlQm94L0V4cGFuZGFibGVCb3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtvRiIsImZpbGUiOiIuLi8uLi9zcmMvRXhwYW5kYWJsZUJveC9FeHBhbmRhYmxlQm94LnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IENvbG9yIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgQW5pbWF0ZUhlaWdodCBmcm9tICdyZWFjdC1hbmltYXRlLWhlaWdodCdcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFuaW1hdGVIZWlnaHQgPSBzdHlsZWQoQW5pbWF0ZUhlaWdodCk8eyBzZWNvbmRhcnlDb2xvcj86IENvbG9yIH0+YFxuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBzZWNvbmRhcnlDb2xvciB9KSA9PlxuICAgIHNlY29uZGFyeUNvbG9yXG4gICAgICA/IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgIDAgJHt0aGVtZS5jb2xvcnNbYCR7c2Vjb25kYXJ5Q29sb3J9YF19ICwgMCAwLjI1cmVtIDAuMzVyZW0gJHtcbiAgICAgICAgICB0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J11cbiAgICAgICAgfSwgLTAuNDVyZW0gMC4yNXJlbSAwLjM1cmVtICR7dGhlbWUuY29sb3JzWydncmV5LTcwJ119YFxuICAgICAgOiAnbm9uZSd9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IGAwIDAgJHt0aGVtZS5yYWRpaVsxXX0gJHt0aGVtZS5yYWRpaVsxXX1gfTtcbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEV4cGFuZGFibGVCb3ggPSBzdHlsZWQoQm94KTx7IHByaW1hcnlDb2xvcj86IENvbG9yOyBleHBhbmRlZD86IGJvb2xlYW4gfT5gXG4gIGJvcmRlcjogJHsoeyB0aGVtZSB9KSA9PiBgc29saWQgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMF19ICR7dGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddfWB9O1xuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBleHBhbmRlZCwgcHJpbWFyeUNvbG9yIH0pID0+XG4gICAgZXhwYW5kZWQgJiYgcHJpbWFyeUNvbG9yXG4gICAgICA/IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgIDAgJHtcbiAgICAgICAgICB0aGVtZS5jb2xvcnNbYCR7cHJpbWFyeUNvbG9yfWBdXG4gICAgICAgIH0ke2AsIDAgMC4yNXJlbSAwLjM1cmVtICR7dGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddfSwgLTAuNDVyZW0gMC4wNXJlbSAwLjM1cmVtICR7dGhlbWUuY29sb3JzWydncmV5LTcwJ119YH1gXG4gICAgICA6IHByaW1hcnlDb2xvclxuICAgICAgICA/IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgIDAgJHt0aGVtZS5jb2xvcnNbYCR7cHJpbWFyeUNvbG9yfWAgYXMgQ29sb3JdfWBcbiAgICAgICAgOiBgLSR7dGhlbWUuYm9yZGVyV2lkdGhzWzJdfSAwIDAgJHt0aGVtZS5jb2xvcnNbJ3N1YnRsZS1wcmltYXJ5JyBhcyBDb2xvcl19YH07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUsIGV4cGFuZGVkIH0pID0+IChleHBhbmRlZCA/IGAke3RoZW1lLnJhZGlpWzFdfSAke3RoZW1lLnJhZGlpWzFdfSAwIDBgIDogdGhlbWUucmFkaWlbMV0pfTtcbmBcbmV4cG9ydCBjb25zdCBTdHlsZWRCb3ggPSBzdHlsZWQoQm94KWBcbiAgYm9yZGVyOiAkeyh7IHRoZW1lIH0pID0+IGBzb2xpZCAke3RoZW1lLmJvcmRlcldpZHRoc1swXX0gJHt0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J119YH07XG4gIGJvcmRlci10b3A6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gYDAgMCAke3RoZW1lLnJhZGlpWzFdfSAke3RoZW1lLnJhZGlpWzFdfWB9O1xuYFxuIl19 */"));
24
24
  var StyledExpandableBox = exports.StyledExpandableBox = /*#__PURE__*/(0, _base["default"])(_Flexbox.Box, process.env.NODE_ENV === "production" ? {
25
25
  target: "e1sxq8nk1"
26
26
  } : {
@@ -33,12 +33,12 @@ var StyledExpandableBox = exports.StyledExpandableBox = /*#__PURE__*/(0, _base["
33
33
  var theme = _ref4.theme,
34
34
  expanded = _ref4.expanded,
35
35
  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['grey-70'], "88")) : primaryColor ? "-".concat(theme.borderWidths[2], " 0 0 ").concat(theme.colors["".concat(primaryColor)]) : "-".concat(theme.borderWidths[2], " 0 0 ").concat(theme.colors['subtle-primary']);
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['grey-70'])) : primaryColor ? "-".concat(theme.borderWidths[2], " 0 0 ").concat(theme.colors["".concat(primaryColor)]) : "-".concat(theme.borderWidths[2], " 0 0 ").concat(theme.colors['subtle-primary']);
37
37
  }, ";border-radius:", function (_ref5) {
38
38
  var theme = _ref5.theme,
39
39
  expanded = _ref5.expanded;
40
40
  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/IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgIDAgJHt0aGVtZS5jb2xvcnNbYCR7c2Vjb25kYXJ5Q29sb3J9YF19ICwgMCAwLjI1cmVtIDAuMzVyZW0gJHtcbiAgICAgICAgICB0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J11cbiAgICAgICAgfSwgLTAuNDVyZW0gMC4yNXJlbSAwLjM1cmVtICR7dGhlbWUuY29sb3JzWydncmV5LTcwJ119ODhgXG4gICAgICA6ICdub25lJ307XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gYDAgMCAke3RoZW1lLnJhZGlpWzFdfSAke3RoZW1lLnJhZGlpWzFdfWB9O1xuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkRXhwYW5kYWJsZUJveCA9IHN0eWxlZChCb3gpPHsgcHJpbWFyeUNvbG9yPzogQ29sb3I7IGV4cGFuZGVkPzogYm9vbGVhbiB9PmBcbiAgYm9yZGVyOiAkeyh7IHRoZW1lIH0pID0+IGBzb2xpZCAke3RoZW1lLmJvcmRlcldpZHRoc1swXX0gJHt0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J119YH07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIGV4cGFuZGVkLCBwcmltYXJ5Q29sb3IgfSkgPT5cbiAgICBleHBhbmRlZCAmJiBwcmltYXJ5Q29sb3JcbiAgICAgID8gYC0ke3RoZW1lLmJvcmRlcldpZHRoc1syXX0gMCAgMCAke1xuICAgICAgICAgIHRoZW1lLmNvbG9yc1tgJHtwcmltYXJ5Q29sb3J9YF1cbiAgICAgICAgfSR7YCwgMCAwLjI1cmVtIDAuMzVyZW0gJHt0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J119LCAtMC40NXJlbSAwLjA1cmVtIDAuMzVyZW0gJHt0aGVtZS5jb2xvcnNbJ2dyZXktNzAnXX04OGB9YFxuICAgICAgOiBwcmltYXJ5Q29sb3JcbiAgICAgICAgPyBgLSR7dGhlbWUuYm9yZGVyV2lkdGhzWzJdfSAwICAwICR7dGhlbWUuY29sb3JzW2Ake3ByaW1hcnlDb2xvcn1gIGFzIENvbG9yXX1gXG4gICAgICAgIDogYC0ke3RoZW1lLmJvcmRlcldpZHRoc1syXX0gMCAwICR7dGhlbWUuY29sb3JzWydzdWJ0bGUtcHJpbWFyeScgYXMgQ29sb3JdfWB9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lLCBleHBhbmRlZCB9KSA9PiAoZXhwYW5kZWQgPyBgJHt0aGVtZS5yYWRpaVsxXX0gJHt0aGVtZS5yYWRpaVsxXX0gMCAwYCA6IHRoZW1lLnJhZGlpWzFdKX07XG5gXG5leHBvcnQgY29uc3QgU3R5bGVkQm94ID0gc3R5bGVkKEJveClgXG4gIGJvcmRlcjogJHsoeyB0aGVtZSB9KSA9PiBgc29saWQgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMF19ICR7dGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddfWB9O1xuICBib3JkZXItdG9wOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IGAwIDAgJHt0aGVtZS5yYWRpaVsxXX0gJHt0aGVtZS5yYWRpaVsxXX1gfTtcbmBcbiJdfQ== */"));
41
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9FeHBhbmRhYmxlQm94L0V4cGFuZGFibGVCb3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWU0RiIsImZpbGUiOiIuLi8uLi9zcmMvRXhwYW5kYWJsZUJveC9FeHBhbmRhYmxlQm94LnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IENvbG9yIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgQW5pbWF0ZUhlaWdodCBmcm9tICdyZWFjdC1hbmltYXRlLWhlaWdodCdcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFuaW1hdGVIZWlnaHQgPSBzdHlsZWQoQW5pbWF0ZUhlaWdodCk8eyBzZWNvbmRhcnlDb2xvcj86IENvbG9yIH0+YFxuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBzZWNvbmRhcnlDb2xvciB9KSA9PlxuICAgIHNlY29uZGFyeUNvbG9yXG4gICAgICA/IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgIDAgJHt0aGVtZS5jb2xvcnNbYCR7c2Vjb25kYXJ5Q29sb3J9YF19ICwgMCAwLjI1cmVtIDAuMzVyZW0gJHtcbiAgICAgICAgICB0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J11cbiAgICAgICAgfSwgLTAuNDVyZW0gMC4yNXJlbSAwLjM1cmVtICR7dGhlbWUuY29sb3JzWydncmV5LTcwJ119YFxuICAgICAgOiAnbm9uZSd9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IGAwIDAgJHt0aGVtZS5yYWRpaVsxXX0gJHt0aGVtZS5yYWRpaVsxXX1gfTtcbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEV4cGFuZGFibGVCb3ggPSBzdHlsZWQoQm94KTx7IHByaW1hcnlDb2xvcj86IENvbG9yOyBleHBhbmRlZD86IGJvb2xlYW4gfT5gXG4gIGJvcmRlcjogJHsoeyB0aGVtZSB9KSA9PiBgc29saWQgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMF19ICR7dGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddfWB9O1xuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBleHBhbmRlZCwgcHJpbWFyeUNvbG9yIH0pID0+XG4gICAgZXhwYW5kZWQgJiYgcHJpbWFyeUNvbG9yXG4gICAgICA/IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgIDAgJHtcbiAgICAgICAgICB0aGVtZS5jb2xvcnNbYCR7cHJpbWFyeUNvbG9yfWBdXG4gICAgICAgIH0ke2AsIDAgMC4yNXJlbSAwLjM1cmVtICR7dGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddfSwgLTAuNDVyZW0gMC4wNXJlbSAwLjM1cmVtICR7dGhlbWUuY29sb3JzWydncmV5LTcwJ119YH1gXG4gICAgICA6IHByaW1hcnlDb2xvclxuICAgICAgICA/IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgIDAgJHt0aGVtZS5jb2xvcnNbYCR7cHJpbWFyeUNvbG9yfWAgYXMgQ29sb3JdfWBcbiAgICAgICAgOiBgLSR7dGhlbWUuYm9yZGVyV2lkdGhzWzJdfSAwIDAgJHt0aGVtZS5jb2xvcnNbJ3N1YnRsZS1wcmltYXJ5JyBhcyBDb2xvcl19YH07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUsIGV4cGFuZGVkIH0pID0+IChleHBhbmRlZCA/IGAke3RoZW1lLnJhZGlpWzFdfSAke3RoZW1lLnJhZGlpWzFdfSAwIDBgIDogdGhlbWUucmFkaWlbMV0pfTtcbmBcbmV4cG9ydCBjb25zdCBTdHlsZWRCb3ggPSBzdHlsZWQoQm94KWBcbiAgYm9yZGVyOiAkeyh7IHRoZW1lIH0pID0+IGBzb2xpZCAke3RoZW1lLmJvcmRlcldpZHRoc1swXX0gJHt0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J119YH07XG4gIGJvcmRlci10b3A6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gYDAgMCAke3RoZW1lLnJhZGlpWzFdfSAke3RoZW1lLnJhZGlpWzFdfWB9O1xuYFxuIl19 */"));
42
42
  var StyledBox = exports.StyledBox = /*#__PURE__*/(0, _base["default"])(_Flexbox.Box, process.env.NODE_ENV === "production" ? {
43
43
  target: "e1sxq8nk0"
44
44
  } : {
@@ -50,4 +50,4 @@ var StyledBox = exports.StyledBox = /*#__PURE__*/(0, _base["default"])(_Flexbox.
50
50
  }, ";border-top:none;border-radius:", function (_ref7) {
51
51
  var theme = _ref7.theme;
52
52
  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/OiBDb2xvciB9PmBcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSwgc2Vjb25kYXJ5Q29sb3IgfSkgPT5cbiAgICBzZWNvbmRhcnlDb2xvclxuICAgICAgPyBgLSR7dGhlbWUuYm9yZGVyV2lkdGhzWzJdfSAwICAwICR7dGhlbWUuY29sb3JzW2Ake3NlY29uZGFyeUNvbG9yfWBdfSAsIDAgMC4yNXJlbSAwLjM1cmVtICR7XG4gICAgICAgICAgdGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddXG4gICAgICAgIH0sIC0wLjQ1cmVtIDAuMjVyZW0gMC4zNXJlbSAke3RoZW1lLmNvbG9yc1snZ3JleS03MCddfTg4YFxuICAgICAgOiAnbm9uZSd9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IGAwIDAgJHt0aGVtZS5yYWRpaVsxXX0gJHt0aGVtZS5yYWRpaVsxXX1gfTtcbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEV4cGFuZGFibGVCb3ggPSBzdHlsZWQoQm94KTx7IHByaW1hcnlDb2xvcj86IENvbG9yOyBleHBhbmRlZD86IGJvb2xlYW4gfT5gXG4gIGJvcmRlcjogJHsoeyB0aGVtZSB9KSA9PiBgc29saWQgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMF19ICR7dGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddfWB9O1xuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBleHBhbmRlZCwgcHJpbWFyeUNvbG9yIH0pID0+XG4gICAgZXhwYW5kZWQgJiYgcHJpbWFyeUNvbG9yXG4gICAgICA/IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgIDAgJHtcbiAgICAgICAgICB0aGVtZS5jb2xvcnNbYCR7cHJpbWFyeUNvbG9yfWBdXG4gICAgICAgIH0ke2AsIDAgMC4yNXJlbSAwLjM1cmVtICR7dGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddfSwgLTAuNDVyZW0gMC4wNXJlbSAwLjM1cmVtICR7dGhlbWUuY29sb3JzWydncmV5LTcwJ119ODhgfWBcbiAgICAgIDogcHJpbWFyeUNvbG9yXG4gICAgICAgID8gYC0ke3RoZW1lLmJvcmRlcldpZHRoc1syXX0gMCAgMCAke3RoZW1lLmNvbG9yc1tgJHtwcmltYXJ5Q29sb3J9YCBhcyBDb2xvcl19YFxuICAgICAgICA6IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgMCAke3RoZW1lLmNvbG9yc1snc3VidGxlLXByaW1hcnknIGFzIENvbG9yXX1gfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSwgZXhwYW5kZWQgfSkgPT4gKGV4cGFuZGVkID8gYCR7dGhlbWUucmFkaWlbMV19ICR7dGhlbWUucmFkaWlbMV19IDAgMGAgOiB0aGVtZS5yYWRpaVsxXSl9O1xuYFxuZXhwb3J0IGNvbnN0IFN0eWxlZEJveCA9IHN0eWxlZChCb3gpYFxuICBib3JkZXI6ICR7KHsgdGhlbWUgfSkgPT4gYHNvbGlkICR7dGhlbWUuYm9yZGVyV2lkdGhzWzBdfSAke3RoZW1lLmNvbG9yc1snYm9yZGVyLXByaW1hcnknXX1gfTtcbiAgYm9yZGVyLXRvcDogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiBgMCAwICR7dGhlbWUucmFkaWlbMV19ICR7dGhlbWUucmFkaWlbMV19YH07XG5gXG4iXX0= */"));
53
+ }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9FeHBhbmRhYmxlQm94L0V4cGFuZGFibGVCb3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCb0MiLCJmaWxlIjoiLi4vLi4vc3JjL0V4cGFuZGFibGVCb3gvRXhwYW5kYWJsZUJveC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBDb2xvciB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IEFuaW1hdGVIZWlnaHQgZnJvbSAncmVhY3QtYW5pbWF0ZS1oZWlnaHQnXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBbmltYXRlSGVpZ2h0ID0gc3R5bGVkKEFuaW1hdGVIZWlnaHQpPHsgc2Vjb25kYXJ5Q29sb3I/OiBDb2xvciB9PmBcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSwgc2Vjb25kYXJ5Q29sb3IgfSkgPT5cbiAgICBzZWNvbmRhcnlDb2xvclxuICAgICAgPyBgLSR7dGhlbWUuYm9yZGVyV2lkdGhzWzJdfSAwICAwICR7dGhlbWUuY29sb3JzW2Ake3NlY29uZGFyeUNvbG9yfWBdfSAsIDAgMC4yNXJlbSAwLjM1cmVtICR7XG4gICAgICAgICAgdGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddXG4gICAgICAgIH0sIC0wLjQ1cmVtIDAuMjVyZW0gMC4zNXJlbSAke3RoZW1lLmNvbG9yc1snZ3JleS03MCddfWBcbiAgICAgIDogJ25vbmUnfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiBgMCAwICR7dGhlbWUucmFkaWlbMV19ICR7dGhlbWUucmFkaWlbMV19YH07XG5gXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFeHBhbmRhYmxlQm94ID0gc3R5bGVkKEJveCk8eyBwcmltYXJ5Q29sb3I/OiBDb2xvcjsgZXhwYW5kZWQ/OiBib29sZWFuIH0+YFxuICBib3JkZXI6ICR7KHsgdGhlbWUgfSkgPT4gYHNvbGlkICR7dGhlbWUuYm9yZGVyV2lkdGhzWzBdfSAke3RoZW1lLmNvbG9yc1snYm9yZGVyLXByaW1hcnknXX1gfTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSwgZXhwYW5kZWQsIHByaW1hcnlDb2xvciB9KSA9PlxuICAgIGV4cGFuZGVkICYmIHByaW1hcnlDb2xvclxuICAgICAgPyBgLSR7dGhlbWUuYm9yZGVyV2lkdGhzWzJdfSAwICAwICR7XG4gICAgICAgICAgdGhlbWUuY29sb3JzW2Ake3ByaW1hcnlDb2xvcn1gXVxuICAgICAgICB9JHtgLCAwIDAuMjVyZW0gMC4zNXJlbSAke3RoZW1lLmNvbG9yc1snYm9yZGVyLXByaW1hcnknXX0sIC0wLjQ1cmVtIDAuMDVyZW0gMC4zNXJlbSAke3RoZW1lLmNvbG9yc1snZ3JleS03MCddfWB9YFxuICAgICAgOiBwcmltYXJ5Q29sb3JcbiAgICAgICAgPyBgLSR7dGhlbWUuYm9yZGVyV2lkdGhzWzJdfSAwICAwICR7dGhlbWUuY29sb3JzW2Ake3ByaW1hcnlDb2xvcn1gIGFzIENvbG9yXX1gXG4gICAgICAgIDogYC0ke3RoZW1lLmJvcmRlcldpZHRoc1syXX0gMCAwICR7dGhlbWUuY29sb3JzWydzdWJ0bGUtcHJpbWFyeScgYXMgQ29sb3JdfWB9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lLCBleHBhbmRlZCB9KSA9PiAoZXhwYW5kZWQgPyBgJHt0aGVtZS5yYWRpaVsxXX0gJHt0aGVtZS5yYWRpaVsxXX0gMCAwYCA6IHRoZW1lLnJhZGlpWzFdKX07XG5gXG5leHBvcnQgY29uc3QgU3R5bGVkQm94ID0gc3R5bGVkKEJveClgXG4gIGJvcmRlcjogJHsoeyB0aGVtZSB9KSA9PiBgc29saWQgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMF19ICR7dGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddfWB9O1xuICBib3JkZXItdG9wOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IGAwIDAgJHt0aGVtZS5yYWRpaVsxXX0gJHt0aGVtZS5yYWRpaVsxXX1gfTtcbmBcbiJdfQ== */"));
@@ -1,162 +1,111 @@
1
- export declare const baseColors: {
2
- 'blue-99': string;
3
- 'blue-95': string;
4
- 'blue-90': string;
5
- 'blue-80': string;
6
- 'blue-70': string;
7
- 'blue-60': string;
8
- 'blue-50': string;
9
- 'blue-40': string;
10
- 'blue-30': string;
11
- 'blue-20': string;
12
- 'blue-10': string;
13
- 'orange-99': string;
14
- 'orange-95': string;
15
- 'orange-90': string;
16
- 'orange-80': string;
17
- 'orange-70': string;
18
- 'orange-60': string;
19
- 'orange-50': string;
20
- 'orange-40': string;
21
- 'orange-30': string;
22
- 'orange-20': string;
23
- 'orange-10': string;
24
- 'purple-99': string;
25
- 'purple-95': string;
26
- 'purple-90': string;
27
- 'purple-80': string;
28
- 'purple-70': string;
29
- 'purple-60': string;
30
- 'purple-50': string;
31
- 'purple-40': string;
32
- 'purple-30': string;
33
- 'purple-20': string;
34
- 'purple-10': string;
35
- 'grey-99': string;
36
- 'grey-95': string;
37
- 'grey-90': string;
38
- 'grey-80': string;
39
- 'grey-70': string;
40
- 'grey-60': string;
41
- 'grey-50': string;
42
- 'grey-40': string;
43
- 'grey-30': string;
44
- 'grey-20': string;
45
- 'grey-10': string;
46
- white: string;
47
- 'red-99': string;
48
- 'red-95': string;
49
- 'red-90': string;
50
- 'red-80': string;
51
- 'red-70': string;
52
- 'red-60': string;
53
- 'red-50': string;
54
- 'red-40': string;
55
- 'red-30': string;
56
- 'red-20': string;
57
- 'red-10': string;
58
- 'green-99': string;
59
- 'green-95': string;
60
- 'green-90': string;
61
- 'green-80': string;
62
- 'green-70': string;
63
- 'green-60': string;
64
- 'green-50': string;
65
- 'green-40': string;
66
- 'green-30': string;
67
- 'green-20': string;
68
- 'green-10': string;
69
- 'yellow-99': string;
70
- 'yellow-95': string;
71
- 'yellow-90': string;
72
- 'yellow-80': string;
73
- 'yellow-70': string;
74
- 'yellow-60': string;
75
- 'yellow-50': string;
76
- 'yellow-40': string;
77
- 'yellow-30': string;
78
- 'yellow-20': string;
79
- 'yellow-10': string;
1
+ export declare const colorNames: readonly ["blue", "grey", "purple", "orange", "turquoise", "magenta", "red", "green", "yellow"];
2
+ declare type ColorName = (typeof colorNames)[number];
3
+ declare type ColorNumber = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 95 | 99;
4
+ declare type ColorType = {
5
+ [key in `${ColorName}-${ColorNumber}` | 'white']: string;
80
6
  };
7
+ export declare const baseColors: ColorType;
81
8
  export declare const functionalColorsFx: (colors: {
82
9
  white: string;
83
- "blue-99": string;
84
- "blue-95": string;
85
- "blue-90": string;
86
- "blue-80": string;
87
- "blue-70": string;
88
- "blue-60": string;
89
- "blue-50": string;
90
- "blue-40": string;
91
- "blue-30": string;
92
- "blue-20": string;
93
10
  "blue-10": string;
94
- "orange-99": string;
95
- "orange-95": string;
96
- "orange-90": string;
97
- "orange-80": string;
98
- "orange-70": string;
99
- "orange-60": string;
100
- "orange-50": string;
101
- "orange-40": string;
102
- "orange-30": string;
103
- "orange-20": string;
11
+ "blue-20": string;
12
+ "blue-30": string;
13
+ "blue-40": string;
14
+ "blue-50": string;
15
+ "blue-60": string;
16
+ "blue-70": string;
17
+ "blue-80": string;
18
+ "blue-90": string;
19
+ "blue-95": string;
20
+ "blue-99": string;
21
+ "green-10": string;
22
+ "green-20": string;
23
+ "green-30": string;
24
+ "green-40": string;
25
+ "green-50": string;
26
+ "green-60": string;
27
+ "green-70": string;
28
+ "green-80": string;
29
+ "green-90": string;
30
+ "green-95": string;
31
+ "green-99": string;
32
+ "grey-10": string;
33
+ "grey-20": string;
34
+ "grey-30": string;
35
+ "grey-40": string;
36
+ "grey-50": string;
37
+ "grey-60": string;
38
+ "grey-70": string;
39
+ "grey-80": string;
40
+ "grey-90": string;
41
+ "grey-95": string;
42
+ "grey-99": string;
43
+ "magenta-10": string;
44
+ "magenta-20": string;
45
+ "magenta-30": string;
46
+ "magenta-40": string;
47
+ "magenta-50": string;
48
+ "magenta-60": string;
49
+ "magenta-70": string;
50
+ "magenta-80": string;
51
+ "magenta-90": string;
52
+ "magenta-95": string;
53
+ "magenta-99": string;
104
54
  "orange-10": string;
105
- "purple-99": string;
106
- "purple-95": string;
107
- "purple-90": string;
108
- "purple-80": string;
109
- "purple-70": string;
110
- "purple-60": string;
111
- "purple-50": string;
112
- "purple-40": string;
113
- "purple-30": string;
114
- "purple-20": string;
55
+ "orange-20": string;
56
+ "orange-30": string;
57
+ "orange-40": string;
58
+ "orange-50": string;
59
+ "orange-60": string;
60
+ "orange-70": string;
61
+ "orange-80": string;
62
+ "orange-90": string;
63
+ "orange-95": string;
64
+ "orange-99": string;
115
65
  "purple-10": string;
116
- "grey-99": string;
117
- "grey-95": string;
118
- "grey-90": string;
119
- "grey-80": string;
120
- "grey-70": string;
121
- "grey-60": string;
122
- "grey-50": string;
123
- "grey-40": string;
124
- "grey-30": string;
125
- "grey-20": string;
126
- "grey-10": string;
127
- "red-99": string;
128
- "red-95": string;
129
- "red-90": string;
130
- "red-80": string;
131
- "red-70": string;
132
- "red-60": string;
133
- "red-50": string;
134
- "red-40": string;
135
- "red-30": string;
136
- "red-20": string;
66
+ "purple-20": string;
67
+ "purple-30": string;
68
+ "purple-40": string;
69
+ "purple-50": string;
70
+ "purple-60": string;
71
+ "purple-70": string;
72
+ "purple-80": string;
73
+ "purple-90": string;
74
+ "purple-95": string;
75
+ "purple-99": string;
137
76
  "red-10": string;
138
- "green-99": string;
139
- "green-95": string;
140
- "green-90": string;
141
- "green-80": string;
142
- "green-70": string;
143
- "green-60": string;
144
- "green-50": string;
145
- "green-40": string;
146
- "green-30": string;
147
- "green-20": string;
148
- "green-10": string;
149
- "yellow-99": string;
150
- "yellow-95": string;
151
- "yellow-90": string;
152
- "yellow-80": string;
153
- "yellow-70": string;
154
- "yellow-60": string;
155
- "yellow-50": string;
156
- "yellow-40": string;
157
- "yellow-30": string;
158
- "yellow-20": string;
77
+ "red-20": string;
78
+ "red-30": string;
79
+ "red-40": string;
80
+ "red-50": string;
81
+ "red-60": string;
82
+ "red-70": string;
83
+ "red-80": string;
84
+ "red-90": string;
85
+ "red-95": string;
86
+ "red-99": string;
87
+ "turquoise-10": string;
88
+ "turquoise-20": string;
89
+ "turquoise-30": string;
90
+ "turquoise-40": string;
91
+ "turquoise-50": string;
92
+ "turquoise-60": string;
93
+ "turquoise-70": string;
94
+ "turquoise-80": string;
95
+ "turquoise-90": string;
96
+ "turquoise-95": string;
97
+ "turquoise-99": string;
159
98
  "yellow-10": string;
99
+ "yellow-20": string;
100
+ "yellow-30": string;
101
+ "yellow-40": string;
102
+ "yellow-50": string;
103
+ "yellow-60": string;
104
+ "yellow-70": string;
105
+ "yellow-80": string;
106
+ "yellow-90": string;
107
+ "yellow-95": string;
108
+ "yellow-99": string;
160
109
  }) => {
161
110
  'brand-primary': string;
162
111
  'brand-hover': string;
@@ -198,26 +147,11 @@ export declare const functionalColorsFx: (colors: {
198
147
  'text-tertiary': string;
199
148
  'text-inverted': string;
200
149
  'text-disabled': string;
201
- 'text-danger': string;
202
- 'text-success': string;
203
- 'text-warning': string;
204
- 'text-info': string;
205
- 'text-attention': string;
206
150
  'background-primary': string;
207
151
  'background-secondary': string;
208
152
  'background-brand': string;
209
153
  'background-subtle': string;
210
- 'background-danger': string;
211
- 'background-success': string;
212
- 'background-warning': string;
213
- 'background-info': string;
214
- 'background-attention': string;
215
154
  'border-primary': string;
216
- 'border-danger': string;
217
- 'border-success': string;
218
- 'border-info': string;
219
- 'border-warning': string;
220
- 'border-attention': string;
221
155
  'border-brand-primary': string;
222
156
  'border-brand-hover': string;
223
157
  'border-brand-pressed': string;
@@ -231,14 +165,29 @@ export declare const functionalColorsFx: (colors: {
231
165
  'icon-brand-enabled': string;
232
166
  'icon-brand-hover': string;
233
167
  'icon-brand-disabled': string;
234
- 'icon-danger': string;
235
- 'icon-success': string;
236
- 'icon-warning': string;
237
- 'icon-info': string;
238
- 'icon-attention': string;
239
168
  'icon-inverted': string;
169
+ "background-success": string;
170
+ "background-danger": string;
171
+ "background-warning": string;
172
+ "background-info": string;
173
+ "background-attention": string;
174
+ "border-success": string;
175
+ "border-danger": string;
176
+ "border-warning": string;
177
+ "border-info": string;
178
+ "border-attention": string;
179
+ "text-success": string;
180
+ "text-danger": string;
181
+ "text-warning": string;
182
+ "text-info": string;
183
+ "text-attention": string;
184
+ "icon-success": string;
185
+ "icon-danger": string;
186
+ "icon-warning": string;
187
+ "icon-info": string;
188
+ "icon-attention": string;
240
189
  };
241
- declare const functionalColors: {
190
+ export declare const functionalColors: {
242
191
  'brand-primary': string;
243
192
  'brand-hover': string;
244
193
  'brand-pressed': string;
@@ -279,26 +228,11 @@ declare const functionalColors: {
279
228
  'text-tertiary': string;
280
229
  'text-inverted': string;
281
230
  'text-disabled': string;
282
- 'text-danger': string;
283
- 'text-success': string;
284
- 'text-warning': string;
285
- 'text-info': string;
286
- 'text-attention': string;
287
231
  'background-primary': string;
288
232
  'background-secondary': string;
289
233
  'background-brand': string;
290
234
  'background-subtle': string;
291
- 'background-danger': string;
292
- 'background-success': string;
293
- 'background-warning': string;
294
- 'background-info': string;
295
- 'background-attention': string;
296
235
  'border-primary': string;
297
- 'border-danger': string;
298
- 'border-success': string;
299
- 'border-info': string;
300
- 'border-warning': string;
301
- 'border-attention': string;
302
236
  'border-brand-primary': string;
303
237
  'border-brand-hover': string;
304
238
  'border-brand-pressed': string;
@@ -312,12 +246,27 @@ declare const functionalColors: {
312
246
  'icon-brand-enabled': string;
313
247
  'icon-brand-hover': string;
314
248
  'icon-brand-disabled': string;
315
- 'icon-danger': string;
316
- 'icon-success': string;
317
- 'icon-warning': string;
318
- 'icon-info': string;
319
- 'icon-attention': string;
320
249
  'icon-inverted': string;
250
+ "background-success": string;
251
+ "background-danger": string;
252
+ "background-warning": string;
253
+ "background-info": string;
254
+ "background-attention": string;
255
+ "border-success": string;
256
+ "border-danger": string;
257
+ "border-warning": string;
258
+ "border-info": string;
259
+ "border-attention": string;
260
+ "text-success": string;
261
+ "text-danger": string;
262
+ "text-warning": string;
263
+ "text-info": string;
264
+ "text-attention": string;
265
+ "icon-success": string;
266
+ "icon-danger": string;
267
+ "icon-warning": string;
268
+ "icon-info": string;
269
+ "icon-attention": string;
321
270
  };
322
271
  export declare type BaseColor = keyof typeof baseColors;
323
272
  export declare type FunctionalColor = keyof typeof functionalColors;
@@ -4,98 +4,84 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.functionalColorsFx = exports.codacyThemeColors = exports.baseColors = void 0;
7
+ exports.functionalColorsFx = exports.functionalColors = exports.colorNames = exports.codacyThemeColors = exports.baseColors = void 0;
8
8
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
9
- var baseColors = exports.baseColors = {
10
- // BLUE - Quality
11
- 'blue-99': '#F0F6FF',
12
- 'blue-95': '#E5EFFF',
13
- 'blue-90': '#DBE9FF',
14
- 'blue-80': '#C2D9FF',
15
- 'blue-70': '#94BDFF',
16
- 'blue-60': '#608BFF',
17
- 'blue-50': '#3172FC',
18
- 'blue-40': '#0061FA',
19
- 'blue-30': '#004AC2',
20
- 'blue-20': '#004AC2',
21
- 'blue-10': '#00174A',
22
- // ORANGE - Security
23
- 'orange-99': '#FFFCFA',
24
- 'orange-95': '#FFF2E6',
25
- 'orange-90': '#FEE5CD',
26
- 'orange-80': '#FECA9A',
27
- 'orange-70': '#FDB068',
28
- 'orange-60': '#FD9535',
29
- 'orange-50': '#FD881C',
30
- 'orange-40': '#F47603',
31
- 'orange-30': '#C56002',
32
- 'orange-20': '#653101',
33
- 'orange-10': '#321901',
34
- // PURPLE - Codacy
35
- 'purple-99': '#FCFBFE',
36
- 'purple-95': '#F1EAFA',
37
- 'purple-90': '#E4D5F6',
38
- 'purple-80': '#C8ACEC',
39
- 'purple-70': '#AD82E3',
40
- 'purple-60': '#9F6DDE',
41
- 'purple-50': '#8443D5',
42
- 'purple-40': '#712DC8',
43
- 'purple-30': '#532192',
44
- 'purple-20': '#421A75',
45
- 'purple-10': '#18092A',
46
- // GREY - Neutral
47
- 'grey-99': '#F4F6FB',
48
- 'grey-95': '#E8EDF7',
49
- 'grey-90': '#DAE2F1',
50
- 'grey-80': '#C8D2E4',
51
- 'grey-70': '#B9C5DA',
52
- 'grey-60': '#99A7C2',
53
- 'grey-50': '#798CAF',
54
- 'grey-40': '#5C7199',
55
- 'grey-30': '#415986',
56
- 'grey-20': '#2C4168',
57
- 'grey-10': '#182949',
58
- // WHITE
59
- white: '#FFFFFF',
60
- // RED - Error
61
- 'red-99': '#FFF6F5',
62
- 'red-95': '#FFEDEB',
63
- 'red-90': '#FFDAD6',
64
- 'red-80': '#FFB3AD',
65
- 'red-70': '#FF8980',
66
- 'red-60': '#FB5851',
67
- 'red-50': '#D52E2A',
68
- 'red-40': '#CC292B',
69
- 'red-30': '#960311',
70
- 'red-20': '#680008',
71
- 'red-10': '#410003',
72
- // GREEN - Success
73
- 'green-99': '#F7FCF9',
74
- 'green-95': '#ECF9EF',
75
- 'green-90': '#D9F2E0',
76
- 'green-80': '#B3E5C1',
77
- 'green-70': '#8CD9A2',
78
- 'green-60': '#66CC83',
79
- 'green-50': '#40BF64',
80
- 'green-40': '#339950',
81
- 'green-30': '#26733C',
82
- 'green-20': '#1A4C28',
83
- 'green-10': '#0D2614',
84
- // YELLOW - Warning
85
- 'yellow-99': '#FFFDFA',
86
- 'yellow-95': '#FFF6E5',
87
- 'yellow-90': '#FFECCC',
88
- 'yellow-80': '#FFD999',
89
- 'yellow-70': '#FFC666',
90
- 'yellow-60': '#FFB433',
91
- 'yellow-50': '#FFA101',
92
- 'yellow-40': '#EB9400',
93
- 'yellow-30': '#996000',
94
- 'yellow-20': '#664000',
95
- 'yellow-10': '#332000'
9
+ var colorNames = exports.colorNames = ['blue', 'grey', 'purple', 'orange', 'turquoise', 'magenta', 'red', 'green', 'yellow'];
10
+ var semantics = ['danger', 'success', 'warning', 'info', 'attention'];
11
+ var generateBaseColors = function generateBaseColors(color) {
12
+ var colors = {};
13
+ colors["".concat(color.name, "-99")] = "hsl(".concat(color.hue, ", ").concat(color.saturation, "%, 98%)");
14
+ colors["".concat(color.name, "-95")] = "hsl(".concat(color.hue, ", ").concat(color.saturation, "%, 95%)");
15
+ colors["".concat(color.name, "-90")] = "hsl(".concat(color.hue, ", ").concat(color.saturation, "%, 90%)");
16
+ for (var i = 80; i >= 10; i -= 10) {
17
+ colors["".concat(color.name, "-").concat(i)] = "hsl(".concat(color.hue, ", ").concat(color.saturation, "%, ").concat(color.lightnessStart + i, "%)");
18
+ }
19
+ return colors;
20
+ };
21
+ var baseColors = exports.baseColors = (0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, generateBaseColors({
22
+ name: 'turquoise',
23
+ hue: 183,
24
+ saturation: 50,
25
+ lightnessStart: 0
26
+ })), generateBaseColors({
27
+ name: 'blue',
28
+ hue: 217,
29
+ saturation: 100,
30
+ lightnessStart: 7
31
+ })), generateBaseColors({
32
+ name: 'magenta',
33
+ hue: 310,
34
+ saturation: 63,
35
+ lightnessStart: 2
36
+ })), generateBaseColors({
37
+ name: 'purple',
38
+ hue: 266,
39
+ saturation: 64,
40
+ lightnessStart: 7
41
+ })), generateBaseColors({
42
+ name: 'orange',
43
+ hue: 29,
44
+ saturation: 98,
45
+ lightnessStart: 7
46
+ })), generateBaseColors({
47
+ name: 'grey',
48
+ hue: 219,
49
+ saturation: 25,
50
+ lightnessStart: 7
51
+ })), generateBaseColors({
52
+ name: 'red',
53
+ hue: 359,
54
+ saturation: 67,
55
+ lightnessStart: 7
56
+ })), generateBaseColors({
57
+ name: 'green',
58
+ hue: 137,
59
+ saturation: 50,
60
+ lightnessStart: 0
61
+ })), generateBaseColors({
62
+ name: 'yellow',
63
+ hue: 38,
64
+ saturation: 100,
65
+ lightnessStart: 7
66
+ })), {}, {
67
+ white: '#FFFFFF'
68
+ });
69
+ var semanticFunctionalColorsFx = function semanticFunctionalColorsFx(prefix, number) {
70
+ var colors = {};
71
+ var semanticMapToColor = {
72
+ danger: 'red',
73
+ success: 'green',
74
+ warning: 'yellow',
75
+ info: 'blue',
76
+ attention: 'purple'
77
+ };
78
+ semantics.map(function (semantic) {
79
+ return colors["".concat(prefix, "-").concat(semantic)] = baseColors["".concat(semanticMapToColor[semantic], "-").concat(number)];
80
+ });
81
+ return colors;
96
82
  };
97
83
  var functionalColorsFx = exports.functionalColorsFx = function functionalColorsFx(colors) {
98
- return {
84
+ return (0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, semanticFunctionalColorsFx('text', 40)), semanticFunctionalColorsFx('background', 95)), semanticFunctionalColorsFx('border', 40)), semanticFunctionalColorsFx('icon', 40)), {}, {
99
85
  // Brand
100
86
  'brand-primary': colors['blue-40'],
101
87
  'brand-hover': colors['blue-30'],
@@ -156,30 +142,14 @@ var functionalColorsFx = exports.functionalColorsFx = function functionalColorsF
156
142
  'text-tertiary': colors['grey-50'],
157
143
  'text-inverted': colors['white'],
158
144
  'text-disabled': colors['grey-70'],
159
- // Text - Semantic
160
- 'text-danger': colors['red-40'],
161
- 'text-success': colors['green-40'],
162
- 'text-warning': colors['yellow-40'],
163
- 'text-info': colors['blue-40'],
164
- 'text-attention': colors['purple-40'],
165
145
  // Background
166
146
  'background-primary': colors['white'],
167
147
  'background-secondary': colors['grey-99'],
168
148
  // Background - Semantic
169
149
  'background-brand': colors['blue-95'],
170
150
  'background-subtle': colors['grey-95'],
171
- 'background-danger': colors['red-95'],
172
- 'background-success': colors['green-95'],
173
- 'background-warning': colors['yellow-95'],
174
- 'background-info': colors['blue-95'],
175
- 'background-attention': colors['purple-95'],
176
151
  // Border
177
152
  'border-primary': colors['grey-95'],
178
- 'border-danger': colors['red-40'],
179
- 'border-success': colors['green-40'],
180
- 'border-info': colors['blue-40'],
181
- 'border-warning': colors['yellow-40'],
182
- 'border-attention': colors['purple-70'],
183
153
  // Border - Brand
184
154
  'border-brand-primary': colors['blue-70'],
185
155
  'border-brand-hover': colors['blue-40'],
@@ -199,13 +169,8 @@ var functionalColorsFx = exports.functionalColorsFx = function functionalColorsF
199
169
  'icon-brand-enabled': colors['blue-40'],
200
170
  'icon-brand-hover': colors['blue-30'],
201
171
  'icon-brand-disabled': colors['blue-70'],
202
- 'icon-danger': colors['red-40'],
203
- 'icon-success': colors['green-40'],
204
- 'icon-warning': colors['yellow-40'],
205
- 'icon-info': colors['blue-40'],
206
- 'icon-attention': colors['purple-50'],
207
172
  'icon-inverted': colors['white']
208
- };
173
+ });
209
174
  };
210
- var functionalColors = functionalColorsFx(baseColors);
175
+ var functionalColors = exports.functionalColors = functionalColorsFx(baseColors);
211
176
  var codacyThemeColors = exports.codacyThemeColors = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, baseColors), functionalColors);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codacy/ui-components",
3
- "version": "0.65.52",
3
+ "version": "0.65.54",
4
4
  "description": "",
5
5
  "license": "ISC",
6
6
  "author": "",