npm - @amboss/design-system - Versions diffs - 1.15.3 → 1.16.0 - Mend

@amboss/design-system 1.15.3 → 1.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (64) hide show

package/build/esm/src/components/Tag/Tag.js CHANGED Viewed

@@ -2,6 +2,7 @@ import _styled from '@emotion/styled/base';
 import React from 'react';
 import { PictogramButton } from '../PictogramButton/PictogramButton.js';
+const MAX_TAG_WIDTH = 200;
 const TagContainer = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "e1i6narj2"
 } : {
@@ -16,7 +17,7 @@ const TagContainer = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "prod
   return {
     display: "inline-flex",
     alignItems: "center",
-    maxWidth: "200px",
+    maxWidth: `${MAX_TAG_WIDTH}px`,
     paddingLeft: theme.variables.size.spacing.xs,
     paddingRight: isRemovable ? theme.variables.size.spacing.zero : theme.variables.size.spacing.xs,
     paddingTop: isRemovable ? theme.variables.size.spacing.zero : theme.variables.size.spacing.xxs,
@@ -28,7 +29,7 @@ const TagContainer = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "prod
     fontSize: theme.variables.size.font.text.s,
     lineHeight: theme.variables.size.lineHeight.text.xs
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJxQiIsImZpbGUiOiJUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuXG50eXBlIEJhc2VUYWdQcm9wcyA9IHtcbiAgbGFiZWw6IHN0cmluZztcbiAgY29sb3JWYXJpYW50PzogXCJncmF5XCIgfCBcImJsdWVcIjtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xudHlwZSBDb25kaXRpb25hbFRhZ1Byb3BzID1cbiAgfCB7XG4gICAgICBpc1JlbW92YWJsZT86IGZhbHNlO1xuICAgICAgb25DbGVhcj86IG5ldmVyO1xuICAgICAgY2xlYXJCdG5BcmlhTGFiZWw/OiBuZXZlcjtcbiAgICB9XG4gIHwge1xuICAgICAgaXNSZW1vdmFibGU6IHRydWU7XG4gICAgICBvbkNsZWFyOiAoKSA9PiB2b2lkO1xuICAgICAgY2xlYXJCdG5BcmlhTGFiZWw/OiBzdHJpbmc7XG4gICAgfTtcblxuZXhwb3J0IHR5cGUgVGFnUHJvcHMgPSBCYXNlVGFnUHJvcHMgJiBDb25kaXRpb25hbFRhZ1Byb3BzO1xuXG5jb25zdCBUYWdDb250YWluZXIgPSBzdHlsZWQuc3BhbjxQYXJ0aWFsPFRhZ1Byb3BzPj4oXG4gICh7IHRoZW1lLCBjb2xvclZhcmlhbnQsIGlzUmVtb3ZhYmxlIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgbWF4V2lkdGg6IFwiMjAwcHhcIixcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nUmlnaHQ6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdUb3A6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBwYWRkaW5nQm90dG9tOiBpc1JlbW92YWJsZVxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm9cbiAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50ZXh0LnMsXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC50ZXh0LnhzLFxuICB9KVxuKTtcblxuY29uc3QgVGFnTGFiZWwgPSBzdHlsZWQuc3BhbigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG59KSk7XG5cbmNvbnN0IENsZWFyQnV0dG9uID0gc3R5bGVkKFBpY3RvZ3JhbUJ1dHRvbik8UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50IH0pID0+ICh7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcudGV4dFtjb2xvclZhcmlhbnRdLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWcoe1xuICBsYWJlbCxcbiAgY29sb3JWYXJpYW50ID0gXCJncmF5XCIsXG4gIGlzUmVtb3ZhYmxlID0gZmFsc2UsXG4gIG9uQ2xlYXIsXG4gIGNsZWFyQnRuQXJpYUxhYmVsLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFRhZ1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8VGFnQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlRhZ1wiXG4gICAgICBjb2xvclZhcmlhbnQ9e2NvbG9yVmFyaWFudH1cbiAgICAgIGlzUmVtb3ZhYmxlPXtpc1JlbW92YWJsZX1cbiAgICA+XG4gICAgICA8VGFnTGFiZWw+e2xhYmVsfTwvVGFnTGFiZWw+XG5cbiAgICAgIHtpc1JlbW92YWJsZSAmJiAoXG4gICAgICAgIDxDbGVhckJ1dHRvblxuICAgICAgICAgIGljb249XCJ4XCJcbiAgICAgICAgICBzaXplPVwieHNcIlxuICAgICAgICAgIGFyaWEtbGFiZWw9e2NsZWFyQnRuQXJpYUxhYmVsfVxuICAgICAgICAgIG9uQ2xpY2s9e29uQ2xlYXJ9XG4gICAgICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgIDwvVGFnQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJxQiIsImZpbGUiOiJUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuXG5leHBvcnQgY29uc3QgTUFYX1RBR19XSURUSCA9IDIwMDtcblxudHlwZSBCYXNlVGFnUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGNvbG9yVmFyaWFudD86IFwiZ3JheVwiIHwgXCJibHVlXCI7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcbnR5cGUgQ29uZGl0aW9uYWxUYWdQcm9wcyA9XG4gIHwge1xuICAgICAgaXNSZW1vdmFibGU/OiBmYWxzZTtcbiAgICAgIG9uQ2xlYXI/OiBuZXZlcjtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogbmV2ZXI7XG4gICAgfVxuICB8IHtcbiAgICAgIGlzUmVtb3ZhYmxlOiB0cnVlO1xuICAgICAgb25DbGVhcjogKCkgPT4gdm9pZDtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIFRhZ1Byb3BzID0gQmFzZVRhZ1Byb3BzICYgQ29uZGl0aW9uYWxUYWdQcm9wcztcblxuY29uc3QgVGFnQ29udGFpbmVyID0gc3R5bGVkLnNwYW48UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50LCBpc1JlbW92YWJsZSB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIG1heFdpZHRoOiBgJHtNQVhfVEFHX1dJRFRIfXB4YCxcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nUmlnaHQ6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdUb3A6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBwYWRkaW5nQm90dG9tOiBpc1JlbW92YWJsZVxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm9cbiAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50ZXh0LnMsXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC50ZXh0LnhzLFxuICB9KVxuKTtcblxuY29uc3QgVGFnTGFiZWwgPSBzdHlsZWQuc3BhbigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG59KSk7XG5cbmNvbnN0IENsZWFyQnV0dG9uID0gc3R5bGVkKFBpY3RvZ3JhbUJ1dHRvbik8UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50IH0pID0+ICh7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcudGV4dFtjb2xvclZhcmlhbnRdLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWcoe1xuICBsYWJlbCxcbiAgY29sb3JWYXJpYW50ID0gXCJncmF5XCIsXG4gIGlzUmVtb3ZhYmxlID0gZmFsc2UsXG4gIG9uQ2xlYXIsXG4gIGNsZWFyQnRuQXJpYUxhYmVsLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFRhZ1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8VGFnQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlRhZ1wiXG4gICAgICBjb2xvclZhcmlhbnQ9e2NvbG9yVmFyaWFudH1cbiAgICAgIGlzUmVtb3ZhYmxlPXtpc1JlbW92YWJsZX1cbiAgICA+XG4gICAgICA8VGFnTGFiZWw+e2xhYmVsfTwvVGFnTGFiZWw+XG5cbiAgICAgIHtpc1JlbW92YWJsZSAmJiAoXG4gICAgICAgIDxDbGVhckJ1dHRvblxuICAgICAgICAgIGljb249XCJ4XCJcbiAgICAgICAgICBzaXplPVwieHNcIlxuICAgICAgICAgIGFyaWEtbGFiZWw9e2NsZWFyQnRuQXJpYUxhYmVsfVxuICAgICAgICAgIG9uQ2xpY2s9e29uQ2xlYXJ9XG4gICAgICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgIDwvVGFnQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
 const TagLabel = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "e1i6narj1"
 } : {
@@ -38,7 +39,7 @@ const TagLabel = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "producti
   overflow: "hidden",
   textOverflow: "ellipsis",
   whiteSpace: "nowrap"
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0NpQiIsImZpbGUiOiJUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuXG50eXBlIEJhc2VUYWdQcm9wcyA9IHtcbiAgbGFiZWw6IHN0cmluZztcbiAgY29sb3JWYXJpYW50PzogXCJncmF5XCIgfCBcImJsdWVcIjtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xudHlwZSBDb25kaXRpb25hbFRhZ1Byb3BzID1cbiAgfCB7XG4gICAgICBpc1JlbW92YWJsZT86IGZhbHNlO1xuICAgICAgb25DbGVhcj86IG5ldmVyO1xuICAgICAgY2xlYXJCdG5BcmlhTGFiZWw/OiBuZXZlcjtcbiAgICB9XG4gIHwge1xuICAgICAgaXNSZW1vdmFibGU6IHRydWU7XG4gICAgICBvbkNsZWFyOiAoKSA9PiB2b2lkO1xuICAgICAgY2xlYXJCdG5BcmlhTGFiZWw/OiBzdHJpbmc7XG4gICAgfTtcblxuZXhwb3J0IHR5cGUgVGFnUHJvcHMgPSBCYXNlVGFnUHJvcHMgJiBDb25kaXRpb25hbFRhZ1Byb3BzO1xuXG5jb25zdCBUYWdDb250YWluZXIgPSBzdHlsZWQuc3BhbjxQYXJ0aWFsPFRhZ1Byb3BzPj4oXG4gICh7IHRoZW1lLCBjb2xvclZhcmlhbnQsIGlzUmVtb3ZhYmxlIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgbWF4V2lkdGg6IFwiMjAwcHhcIixcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nUmlnaHQ6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdUb3A6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBwYWRkaW5nQm90dG9tOiBpc1JlbW92YWJsZVxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm9cbiAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50ZXh0LnMsXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC50ZXh0LnhzLFxuICB9KVxuKTtcblxuY29uc3QgVGFnTGFiZWwgPSBzdHlsZWQuc3BhbigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG59KSk7XG5cbmNvbnN0IENsZWFyQnV0dG9uID0gc3R5bGVkKFBpY3RvZ3JhbUJ1dHRvbik8UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50IH0pID0+ICh7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcudGV4dFtjb2xvclZhcmlhbnRdLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWcoe1xuICBsYWJlbCxcbiAgY29sb3JWYXJpYW50ID0gXCJncmF5XCIsXG4gIGlzUmVtb3ZhYmxlID0gZmFsc2UsXG4gIG9uQ2xlYXIsXG4gIGNsZWFyQnRuQXJpYUxhYmVsLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFRhZ1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8VGFnQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlRhZ1wiXG4gICAgICBjb2xvclZhcmlhbnQ9e2NvbG9yVmFyaWFudH1cbiAgICAgIGlzUmVtb3ZhYmxlPXtpc1JlbW92YWJsZX1cbiAgICA+XG4gICAgICA8VGFnTGFiZWw+e2xhYmVsfTwvVGFnTGFiZWw+XG5cbiAgICAgIHtpc1JlbW92YWJsZSAmJiAoXG4gICAgICAgIDxDbGVhckJ1dHRvblxuICAgICAgICAgIGljb249XCJ4XCJcbiAgICAgICAgICBzaXplPVwieHNcIlxuICAgICAgICAgIGFyaWEtbGFiZWw9e2NsZWFyQnRuQXJpYUxhYmVsfVxuICAgICAgICAgIG9uQ2xpY2s9e29uQ2xlYXJ9XG4gICAgICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgIDwvVGFnQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaURpQiIsImZpbGUiOiJUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuXG5leHBvcnQgY29uc3QgTUFYX1RBR19XSURUSCA9IDIwMDtcblxudHlwZSBCYXNlVGFnUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGNvbG9yVmFyaWFudD86IFwiZ3JheVwiIHwgXCJibHVlXCI7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcbnR5cGUgQ29uZGl0aW9uYWxUYWdQcm9wcyA9XG4gIHwge1xuICAgICAgaXNSZW1vdmFibGU/OiBmYWxzZTtcbiAgICAgIG9uQ2xlYXI/OiBuZXZlcjtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogbmV2ZXI7XG4gICAgfVxuICB8IHtcbiAgICAgIGlzUmVtb3ZhYmxlOiB0cnVlO1xuICAgICAgb25DbGVhcjogKCkgPT4gdm9pZDtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIFRhZ1Byb3BzID0gQmFzZVRhZ1Byb3BzICYgQ29uZGl0aW9uYWxUYWdQcm9wcztcblxuY29uc3QgVGFnQ29udGFpbmVyID0gc3R5bGVkLnNwYW48UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50LCBpc1JlbW92YWJsZSB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIG1heFdpZHRoOiBgJHtNQVhfVEFHX1dJRFRIfXB4YCxcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nUmlnaHQ6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdUb3A6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBwYWRkaW5nQm90dG9tOiBpc1JlbW92YWJsZVxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm9cbiAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50ZXh0LnMsXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC50ZXh0LnhzLFxuICB9KVxuKTtcblxuY29uc3QgVGFnTGFiZWwgPSBzdHlsZWQuc3BhbigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG59KSk7XG5cbmNvbnN0IENsZWFyQnV0dG9uID0gc3R5bGVkKFBpY3RvZ3JhbUJ1dHRvbik8UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50IH0pID0+ICh7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcudGV4dFtjb2xvclZhcmlhbnRdLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWcoe1xuICBsYWJlbCxcbiAgY29sb3JWYXJpYW50ID0gXCJncmF5XCIsXG4gIGlzUmVtb3ZhYmxlID0gZmFsc2UsXG4gIG9uQ2xlYXIsXG4gIGNsZWFyQnRuQXJpYUxhYmVsLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFRhZ1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8VGFnQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlRhZ1wiXG4gICAgICBjb2xvclZhcmlhbnQ9e2NvbG9yVmFyaWFudH1cbiAgICAgIGlzUmVtb3ZhYmxlPXtpc1JlbW92YWJsZX1cbiAgICA+XG4gICAgICA8VGFnTGFiZWw+e2xhYmVsfTwvVGFnTGFiZWw+XG5cbiAgICAgIHtpc1JlbW92YWJsZSAmJiAoXG4gICAgICAgIDxDbGVhckJ1dHRvblxuICAgICAgICAgIGljb249XCJ4XCJcbiAgICAgICAgICBzaXplPVwieHNcIlxuICAgICAgICAgIGFyaWEtbGFiZWw9e2NsZWFyQnRuQXJpYUxhYmVsfVxuICAgICAgICAgIG9uQ2xpY2s9e29uQ2xlYXJ9XG4gICAgICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgIDwvVGFnQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
 const ClearButton = /*#__PURE__*/_styled(PictogramButton, process.env.NODE_ENV === "production" ? {
   target: "e1i6narj0"
 } : {
@@ -56,7 +57,7 @@ const ClearButton = /*#__PURE__*/_styled(PictogramButton, process.env.NODE_ENV =
       color: theme.values.color.tag.text[colorVariant]
     }
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcURvQiIsImZpbGUiOiJUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuXG50eXBlIEJhc2VUYWdQcm9wcyA9IHtcbiAgbGFiZWw6IHN0cmluZztcbiAgY29sb3JWYXJpYW50PzogXCJncmF5XCIgfCBcImJsdWVcIjtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xudHlwZSBDb25kaXRpb25hbFRhZ1Byb3BzID1cbiAgfCB7XG4gICAgICBpc1JlbW92YWJsZT86IGZhbHNlO1xuICAgICAgb25DbGVhcj86IG5ldmVyO1xuICAgICAgY2xlYXJCdG5BcmlhTGFiZWw/OiBuZXZlcjtcbiAgICB9XG4gIHwge1xuICAgICAgaXNSZW1vdmFibGU6IHRydWU7XG4gICAgICBvbkNsZWFyOiAoKSA9PiB2b2lkO1xuICAgICAgY2xlYXJCdG5BcmlhTGFiZWw/OiBzdHJpbmc7XG4gICAgfTtcblxuZXhwb3J0IHR5cGUgVGFnUHJvcHMgPSBCYXNlVGFnUHJvcHMgJiBDb25kaXRpb25hbFRhZ1Byb3BzO1xuXG5jb25zdCBUYWdDb250YWluZXIgPSBzdHlsZWQuc3BhbjxQYXJ0aWFsPFRhZ1Byb3BzPj4oXG4gICh7IHRoZW1lLCBjb2xvclZhcmlhbnQsIGlzUmVtb3ZhYmxlIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgbWF4V2lkdGg6IFwiMjAwcHhcIixcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nUmlnaHQ6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdUb3A6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBwYWRkaW5nQm90dG9tOiBpc1JlbW92YWJsZVxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm9cbiAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50ZXh0LnMsXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC50ZXh0LnhzLFxuICB9KVxuKTtcblxuY29uc3QgVGFnTGFiZWwgPSBzdHlsZWQuc3BhbigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG59KSk7XG5cbmNvbnN0IENsZWFyQnV0dG9uID0gc3R5bGVkKFBpY3RvZ3JhbUJ1dHRvbik8UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50IH0pID0+ICh7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcudGV4dFtjb2xvclZhcmlhbnRdLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWcoe1xuICBsYWJlbCxcbiAgY29sb3JWYXJpYW50ID0gXCJncmF5XCIsXG4gIGlzUmVtb3ZhYmxlID0gZmFsc2UsXG4gIG9uQ2xlYXIsXG4gIGNsZWFyQnRuQXJpYUxhYmVsLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFRhZ1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8VGFnQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlRhZ1wiXG4gICAgICBjb2xvclZhcmlhbnQ9e2NvbG9yVmFyaWFudH1cbiAgICAgIGlzUmVtb3ZhYmxlPXtpc1JlbW92YWJsZX1cbiAgICA+XG4gICAgICA8VGFnTGFiZWw+e2xhYmVsfTwvVGFnTGFiZWw+XG5cbiAgICAgIHtpc1JlbW92YWJsZSAmJiAoXG4gICAgICAgIDxDbGVhckJ1dHRvblxuICAgICAgICAgIGljb249XCJ4XCJcbiAgICAgICAgICBzaXplPVwieHNcIlxuICAgICAgICAgIGFyaWEtbGFiZWw9e2NsZWFyQnRuQXJpYUxhYmVsfVxuICAgICAgICAgIG9uQ2xpY2s9e29uQ2xlYXJ9XG4gICAgICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgIDwvVGFnQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURvQiIsImZpbGUiOiJUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuXG5leHBvcnQgY29uc3QgTUFYX1RBR19XSURUSCA9IDIwMDtcblxudHlwZSBCYXNlVGFnUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGNvbG9yVmFyaWFudD86IFwiZ3JheVwiIHwgXCJibHVlXCI7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcbnR5cGUgQ29uZGl0aW9uYWxUYWdQcm9wcyA9XG4gIHwge1xuICAgICAgaXNSZW1vdmFibGU/OiBmYWxzZTtcbiAgICAgIG9uQ2xlYXI/OiBuZXZlcjtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogbmV2ZXI7XG4gICAgfVxuICB8IHtcbiAgICAgIGlzUmVtb3ZhYmxlOiB0cnVlO1xuICAgICAgb25DbGVhcjogKCkgPT4gdm9pZDtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIFRhZ1Byb3BzID0gQmFzZVRhZ1Byb3BzICYgQ29uZGl0aW9uYWxUYWdQcm9wcztcblxuY29uc3QgVGFnQ29udGFpbmVyID0gc3R5bGVkLnNwYW48UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50LCBpc1JlbW92YWJsZSB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIG1heFdpZHRoOiBgJHtNQVhfVEFHX1dJRFRIfXB4YCxcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nUmlnaHQ6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdUb3A6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBwYWRkaW5nQm90dG9tOiBpc1JlbW92YWJsZVxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm9cbiAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC50ZXh0LnMsXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC50ZXh0LnhzLFxuICB9KVxuKTtcblxuY29uc3QgVGFnTGFiZWwgPSBzdHlsZWQuc3BhbigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG59KSk7XG5cbmNvbnN0IENsZWFyQnV0dG9uID0gc3R5bGVkKFBpY3RvZ3JhbUJ1dHRvbik8UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50IH0pID0+ICh7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcudGV4dFtjb2xvclZhcmlhbnRdLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWcoe1xuICBsYWJlbCxcbiAgY29sb3JWYXJpYW50ID0gXCJncmF5XCIsXG4gIGlzUmVtb3ZhYmxlID0gZmFsc2UsXG4gIG9uQ2xlYXIsXG4gIGNsZWFyQnRuQXJpYUxhYmVsLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFRhZ1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8VGFnQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlRhZ1wiXG4gICAgICBjb2xvclZhcmlhbnQ9e2NvbG9yVmFyaWFudH1cbiAgICAgIGlzUmVtb3ZhYmxlPXtpc1JlbW92YWJsZX1cbiAgICA+XG4gICAgICA8VGFnTGFiZWw+e2xhYmVsfTwvVGFnTGFiZWw+XG5cbiAgICAgIHtpc1JlbW92YWJsZSAmJiAoXG4gICAgICAgIDxDbGVhckJ1dHRvblxuICAgICAgICAgIGljb249XCJ4XCJcbiAgICAgICAgICBzaXplPVwieHNcIlxuICAgICAgICAgIGFyaWEtbGFiZWw9e2NsZWFyQnRuQXJpYUxhYmVsfVxuICAgICAgICAgIG9uQ2xpY2s9e29uQ2xlYXJ9XG4gICAgICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgIDwvVGFnQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
 function Tag(_ref3) {
   let {
     label,
@@ -80,5 +81,5 @@ function Tag(_ref3) {
   }));
 }
-export { Tag };
+export { MAX_TAG_WIDTH, Tag };
 //# sourceMappingURL=Tag.js.map

package/build/esm/src/components/Tag/Tag.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.js","sources":["../../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { PictogramButton } from \"../PictogramButton/PictogramButton\";\n\ntype BaseTagProps = {\n label: string;\n colorVariant?: \"gray\" \| \"blue\";\n \"data-e2e-test-id\"?: string;\n};\ntype ConditionalTagProps =\n \| {\n isRemovable?: false;\n onClear?: never;\n clearBtnAriaLabel?: never;\n }\n \| {\n isRemovable: true;\n onClear: () => void;\n clearBtnAriaLabel?: string;\n };\n\nexport type TagProps = BaseTagProps & ConditionalTagProps;\n\nconst TagContainer = styled.span<Partial<TagProps>>(\n ({ theme, colorVariant, isRemovable }) => ({\n display: \"inline-flex\",\n alignItems: \"center\",\n maxWidth: ~~\"200px\",\~~n paddingLeft: theme.variables.size.spacing.xs,\n paddingRight: isRemovable\n ? theme.variables.size.spacing.zero\n : theme.variables.size.spacing.xs,\n paddingTop: isRemovable\n ? theme.variables.size.spacing.zero\n : theme.variables.size.spacing.xxs,\n paddingBottom: isRemovable\n ? theme.variables.size.spacing.zero\n : theme.variables.size.spacing.xxs,\n borderRadius: theme.variables.size.borderRadius.xs,\n backgroundColor: theme.values.color.tag.background[colorVariant],\n color: theme.values.color.tag.text[colorVariant],\n fontFamily: theme.variables.fontFamily.lato,\n fontSize: theme.variables.size.font.text.s,\n lineHeight: theme.variables.size.lineHeight.text.xs,\n })\n);\n\nconst TagLabel = styled.span(() => ({\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n}));\n\nconst ClearButton = styled(PictogramButton)<Partial<TagProps>>(\n ({ theme, colorVariant }) => ({\n backgroundColor: \"transparent\",\n color: theme.values.color.tag.text[colorVariant],\n \"&:hover\": {\n color: theme.values.color.tag.text[colorVariant],\n },\n })\n);\n\nexport function Tag({\n label,\n colorVariant = \"gray\",\n isRemovable = false,\n onClear,\n clearBtnAriaLabel,\n \"data-e2e-test-id\": dataE2eTestId,\n}: TagProps): React.ReactElement {\n return (\n <TagContainer\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Tag\"\n colorVariant={colorVariant}\n isRemovable={isRemovable}\n >\n <TagLabel>{label}</TagLabel>\n\n {isRemovable && (\n <ClearButton\n icon=\"x\"\n size=\"xs\"\n aria-label={clearBtnAriaLabel}\n onClick={onClear}\n colorVariant={colorVariant}\n />\n )}\n </TagContainer>\n );\n}\n"],"names":["TagContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","colorVariant","isRemovable","display","alignItems","maxWidth","paddingLeft","variables","size","spacing","xs","paddingRight","zero","paddingTop","xxs","paddingBottom","borderRadius","backgroundColor","values","color","tag","background","text","fontFamily","lato","fontSize","font","s","lineHeight","TagLabel","overflow","textOverflow","whiteSpace","ClearButton","PictogramButton","_ref2","Tag","_ref3","onClear","clearBtnAriaLabel","dataE2eTestId","React","createElement","icon","onClick"],"mappings":";;;;~~AAuBA~~,MAAMA,YAAY,gBAAGC,OAAA,CAAA,MAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CACnBC,IAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;IAAEC,YAAY;AAAEC,IAAAA,WAAAA;AAAY,GAAC,GAAAH,IAAA,CAAA;EAAA,OAAM;AACzCI,IAAAA,OAAO,EAAE,aAAa;AACtBC,IAAAA,UAAU,EAAE,QAAQ;~~AACpBC~~,~~IAAAA,~~QAAQ,~~EAAE~~,~~OAAO~~;~~IACjBC~~,WAAW,EAAEN,KAAK,CAACO,SAAS,CAACC,IAAI,CAACC,OAAO,CAACC,EAAE;IAC5CC,YAAY,EAAET,WAAW,GACrBF,KAAK,CAACO,SAAS,CAACC,IAAI,CAACC,OAAO,CAACG,IAAI,GACjCZ,KAAK,CAACO,SAAS,CAACC,IAAI,CAACC,OAAO,CAACC,EAAE;IACnCG,UAAU,EAAEX,WAAW,GACnBF,KAAK,CAACO,SAAS,CAACC,IAAI,CAACC,OAAO,CAACG,IAAI,GACjCZ,KAAK,CAACO,SAAS,CAACC,IAAI,CAACC,OAAO,CAACK,GAAG;IACpCC,aAAa,EAAEb,WAAW,GACtBF,KAAK,CAACO,SAAS,CAACC,IAAI,CAACC,OAAO,CAACG,IAAI,GACjCZ,KAAK,CAACO,SAAS,CAACC,IAAI,CAACC,OAAO,CAACK,GAAG;IACpCE,YAAY,EAAEhB,KAAK,CAACO,SAAS,CAACC,IAAI,CAACQ,YAAY,CAACN,EAAE;AAClDO,IAAAA,eAAe,EAAEjB,KAAK,CAACkB,MAAM,CAACC,KAAK,CAACC,GAAG,CAACC,UAAU,CAACpB,YAAY,CAAC;AAChEkB,IAAAA,KAAK,EAAEnB,KAAK,CAACkB,MAAM,CAACC,KAAK,CAACC,GAAG,CAACE,IAAI,CAACrB,YAAY,CAAC;AAChDsB,IAAAA,UAAU,EAAEvB,KAAK,CAACO,SAAS,CAACgB,UAAU,CAACC,IAAI;IAC3CC,QAAQ,EAAEzB,KAAK,CAACO,SAAS,CAACC,IAAI,CAACkB,IAAI,CAACJ,IAAI,CAACK,CAAC;IAC1CC,UAAU,EAAE5B,KAAK,CAACO,SAAS,CAACC,IAAI,CAACoB,UAAU,CAACN,IAAI,CAACZ,EAAAA;GAClD,CAAA;AAAA,CAAC,EAAAhB,OAAA,CAAAC,GAAA,CAAAC,QAAA,~~0lHACJ~~,CAAC,CAAA;AAED,MAAMiC,QAAQ,gBAAGpC,OAAA,CAAA,MAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,UAAA;AAAA,CAAA,CAAA,CAAY,OAAO;AAClCgC,EAAAA,QAAQ,EAAE,QAAQ;AAClBC,EAAAA,YAAY,EAAE,UAAU;AACxBC,EAAAA,UAAU,EAAE,QAAA;AACd,CAAC,CAAC,EAAAtC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,~~ikHAAA~~,CAAA,CAAA;AAEH,MAAMqC,WAAW,gBAAGxC,OAAA,CAAOyC,eAAe,EAAAxC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,aAAA;AAAA,CAAA,CAAC,CACzCqC,KAAA,IAAA;EAAA,IAAC;IAAEnC,KAAK;AAAEC,IAAAA,YAAAA;AAAa,GAAC,GAAAkC,KAAA,CAAA;EAAA,OAAM;AAC5BlB,IAAAA,eAAe,EAAE,aAAa;AAC9BE,IAAAA,KAAK,EAAEnB,KAAK,CAACkB,MAAM,CAACC,KAAK,CAACC,GAAG,CAACE,IAAI,CAACrB,YAAY,CAAC;AAChD,IAAA,SAAS,EAAE;MACTkB,KAAK,EAAEnB,KAAK,CAACkB,MAAM,CAACC,KAAK,CAACC,GAAG,CAACE,IAAI,CAACrB,YAAY,CAAA;AACjD,KAAA;GACD,CAAA;AAAA,CAAC,EAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA,~~0lHACJ~~,CAAC,CAAA;AAEM,SAASwC,GAAGA,CAAAC,KAAA,EAOc;EAAA,IAPb;IAClBvC,KAAK;AACLG,IAAAA,YAAY,GAAG,MAAM;AACrBC,IAAAA,WAAW,GAAG,KAAK;IACnBoC,OAAO;IACPC,iBAAiB;AACjB,IAAA,kBAAkB,EAAEC,aAAAA;AACZ,GAAC,GAAAH,KAAA,CAAA;AACT,EAAA,oBACEI,KAAA,CAAAC,aAAA,CAAClD,YAAY,EAAA;AACX,IAAA,kBAAA,EAAkBgD,aAAc;AAChC,IAAA,YAAA,EAAW,KAAK;AAChBvC,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,WAAW,EAAEA,WAAAA;AAAY,GAAA,eAEzBuC,KAAA,CAAAC,aAAA,CAACb,QAAQ,EAAE/B,IAAAA,EAAAA,KAAgB,CAAC,EAE3BI,WAAW,iBACVuC,KAAA,CAAAC,aAAA,CAACT,WAAW,EAAA;AACVU,IAAAA,IAAI,EAAC,GAAG;AACRnC,IAAAA,IAAI,EAAC,IAAI;AACT,IAAA,YAAA,EAAY+B,iBAAkB;AAC9BK,IAAAA,OAAO,EAAEN,OAAQ;AACjBrC,IAAAA,YAAY,EAAEA,YAAAA;AAAa,GAC5B,CAES,CAAC,CAAA;AAEnB;;;;"}
1	+ {"version":3,"file":"Tag.js","sources":["../../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { PictogramButton } from \"../PictogramButton/PictogramButton\";\n\nexport const MAX_TAG_WIDTH = 200;\n\ntype BaseTagProps = {\n label: string;\n colorVariant?: \"gray\" \| \"blue\";\n \"data-e2e-test-id\"?: string;\n};\ntype ConditionalTagProps =\n \| {\n isRemovable?: false;\n onClear?: never;\n clearBtnAriaLabel?: never;\n }\n \| {\n isRemovable: true;\n onClear: () => void;\n clearBtnAriaLabel?: string;\n };\n\nexport type TagProps = BaseTagProps & ConditionalTagProps;\n\nconst TagContainer = styled.span<Partial<TagProps>>(\n ({ theme, colorVariant, isRemovable }) => ({\n display: \"inline-flex\",\n alignItems: \"center\",\n maxWidth: `${MAX_TAG_WIDTH}px`,\n paddingLeft: theme.variables.size.spacing.xs,\n paddingRight: isRemovable\n ? theme.variables.size.spacing.zero\n : theme.variables.size.spacing.xs,\n paddingTop: isRemovable\n ? theme.variables.size.spacing.zero\n : theme.variables.size.spacing.xxs,\n paddingBottom: isRemovable\n ? theme.variables.size.spacing.zero\n : theme.variables.size.spacing.xxs,\n borderRadius: theme.variables.size.borderRadius.xs,\n backgroundColor: theme.values.color.tag.background[colorVariant],\n color: theme.values.color.tag.text[colorVariant],\n fontFamily: theme.variables.fontFamily.lato,\n fontSize: theme.variables.size.font.text.s,\n lineHeight: theme.variables.size.lineHeight.text.xs,\n })\n);\n\nconst TagLabel = styled.span(() => ({\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n}));\n\nconst ClearButton = styled(PictogramButton)<Partial<TagProps>>(\n ({ theme, colorVariant }) => ({\n backgroundColor: \"transparent\",\n color: theme.values.color.tag.text[colorVariant],\n \"&:hover\": {\n color: theme.values.color.tag.text[colorVariant],\n },\n })\n);\n\nexport function Tag({\n label,\n colorVariant = \"gray\",\n isRemovable = false,\n onClear,\n clearBtnAriaLabel,\n \"data-e2e-test-id\": dataE2eTestId,\n}: TagProps): React.ReactElement {\n return (\n <TagContainer\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Tag\"\n colorVariant={colorVariant}\n isRemovable={isRemovable}\n >\n <TagLabel>{label}</TagLabel>\n\n {isRemovable && (\n <ClearButton\n icon=\"x\"\n size=\"xs\"\n aria-label={clearBtnAriaLabel}\n onClick={onClear}\n colorVariant={colorVariant}\n />\n )}\n </TagContainer>\n );\n}\n"],"names":["MAX_TAG_WIDTH","TagContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","colorVariant","isRemovable","display","alignItems","maxWidth","paddingLeft","variables","size","spacing","xs","paddingRight","zero","paddingTop","xxs","paddingBottom","borderRadius","backgroundColor","values","color","tag","background","text","fontFamily","lato","fontSize","font","s","lineHeight","TagLabel","overflow","textOverflow","whiteSpace","ClearButton","PictogramButton","_ref2","Tag","_ref3","onClear","clearBtnAriaLabel","dataE2eTestId","React","createElement","icon","onClick"],"mappings":"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"}

package/build/esm/src/components/TagGroup/TagGroup.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import React from "react";
+import { TagProps } from "../Tag/Tag";
+declare type BaseTagGroupProps = {
+    tags: TagProps[];
+    colorVariant?: TagProps["colorVariant"];
+    "data-e2e-test-id"?: string;
+};
+declare type ConditionalTagGroupProps = {
+    isTagRemovable?: false;
+    onRemoveTag?: never;
+} | {
+    isTagRemovable: true;
+    onRemoveTag: (tag: TagProps) => void;
+};
+export declare type TagGroupProps = BaseTagGroupProps & ConditionalTagGroupProps;
+export declare function TagGroup({ colorVariant, isTagRemovable, tags, onRemoveTag, "data-e2e-test-id": dataE2eTestId, }: TagGroupProps): React.ReactElement;
+export {};

package/build/esm/src/components/TagGroup/TagGroup.js ADDED Viewed

@@ -0,0 +1,112 @@
+import _styled from '@emotion/styled/base';
+import React, { useState, useRef } from 'react';
+import { keyframes } from '@emotion/react';
+import { Tag, MAX_TAG_WIDTH } from '../Tag/Tag.js';
+const shrink = currentWidth => keyframes({
+  from: {
+    width: `${currentWidth}px`
+  },
+  to: {
+    width: "0px"
+  }
+});
+const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e11cnm531"
+} : {
+  target: "e11cnm531",
+  label: "StyledContainer"
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    display: "flex",
+    flexWrap: "wrap",
+    gap: theme.variables.size.spacing.xs
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZ0dyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQ3dCIiwiZmlsZSI6IlRhZ0dyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgVGFnLCBUYWdQcm9wcywgTUFYX1RBR19XSURUSCB9IGZyb20gXCIuLi9UYWcvVGFnXCI7XG5cbnR5cGUgQmFzZVRhZ0dyb3VwUHJvcHMgPSB7XG4gIHRhZ3M6IFRhZ1Byb3BzW107XG4gIGNvbG9yVmFyaWFudD86IFRhZ1Byb3BzW1wiY29sb3JWYXJpYW50XCJdO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbnR5cGUgQ29uZGl0aW9uYWxUYWdHcm91cFByb3BzID1cbiAgfCB7XG4gICAgICBpc1RhZ1JlbW92YWJsZT86IGZhbHNlO1xuICAgICAgb25SZW1vdmVUYWc/OiBuZXZlcjtcbiAgICB9XG4gIHwge1xuICAgICAgaXNUYWdSZW1vdmFibGU6IHRydWU7XG4gICAgICBvblJlbW92ZVRhZzogKHRhZzogVGFnUHJvcHMpID0+IHZvaWQ7XG4gICAgfTtcblxuZXhwb3J0IHR5cGUgVGFnR3JvdXBQcm9wcyA9IEJhc2VUYWdHcm91cFByb3BzICYgQ29uZGl0aW9uYWxUYWdHcm91cFByb3BzO1xuXG5jb25zdCBzaHJpbmsgPSAoY3VycmVudFdpZHRoOiBudW1iZXIpID0+XG4gIGtleWZyYW1lcyh7XG4gICAgZnJvbToge1xuICAgICAgd2lkdGg6IGAke2N1cnJlbnRXaWR0aH1weGAsXG4gICAgfSxcbiAgICB0bzoge1xuICAgICAgd2lkdGg6IFwiMHB4XCIsXG4gICAgfSxcbiAgfSk7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgZ2FwOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxufSkpO1xuXG50eXBlIFN0eWxlZFRhZ0NvbnRhaW5lclByb3BzID0ge1xuICB0b0JlUmVtb3ZlZD86IGJvb2xlYW47XG4gIHRhZ1dpZHRoPzogbnVtYmVyO1xufTtcbmNvbnN0IFN0eWxlZFRhZ0NvbnRhaW5lciA9IHN0eWxlZC5kaXY8U3R5bGVkVGFnQ29udGFpbmVyUHJvcHM+KFxuICAoeyB0aGVtZSwgdG9CZVJlbW92ZWQsIHRhZ1dpZHRoIH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG5cbiAgICAuLi4odG9CZVJlbW92ZWQgJiYge1xuICAgICAgb3BhY2l0eTogMCxcbiAgICAgIG1hcmdpbkxlZnQ6IGAtJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfWAsXG4gICAgICBhbmltYXRpb246IGAwLjJzIGVhc2Utb3V0IDBzIG5vcm1hbCBmb3J3YXJkcyAke3Nocmluayh0YWdXaWR0aCl9YCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWdHcm91cCh7XG4gIGNvbG9yVmFyaWFudCA9IFwiZ3JheVwiLFxuICBpc1RhZ1JlbW92YWJsZSA9IGZhbHNlLFxuICB0YWdzLFxuICBvblJlbW92ZVRhZyxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWdHcm91cFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgW3RhZ1RvQmVSZW1vdmVkLCBzZXRUYWdUb0JlUmVtb3ZlZF0gPSB1c2VTdGF0ZShudWxsKTtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmKCk7XG5cbiAgY29uc3QgaGFuZGxlVGFnUmVtb3ZlID0gKHRhZzogVGFnUHJvcHMsIGluZGV4OiBudW1iZXIpID0+IHtcbiAgICBsZXQgd2lkdGggPSBNQVhfVEFHX1dJRFRIO1xuXG4gICAgaWYgKGNvbnRhaW5lclJlZi5jdXJyZW50KSB7XG4gICAgICBjb25zdCBjb250YWluZXI6IEhUTUxEaXZFbGVtZW50ID0gY29udGFpbmVyUmVmLmN1cnJlbnQ7XG4gICAgICBjb25zdCB0YWdFbG0gPSBjb250YWluZXIuY2hpbGRyZW5baW5kZXhdO1xuXG4gICAgICB3aWR0aCA9IHRhZ0VsbS5jbGllbnRXaWR0aDtcbiAgICB9XG5cbiAgICBzZXRUYWdUb0JlUmVtb3ZlZCh7XG4gICAgICB0YWcsXG4gICAgICB0YWdXaWR0aDogd2lkdGgsXG4gICAgfSk7XG4gIH07XG5cbiAgLy8gUmVtb3ZlIFRhZyBhZnRlciBzaHJpbmsgYW5pbWF0aW9uXG4gIGNvbnN0IGhhbmRsZUFuaW1hdGlvbkVuZCA9ICgpID0+IHtcbiAgICBpZiAob25SZW1vdmVUYWcpIHtcbiAgICAgIG9uUmVtb3ZlVGFnKHRhZ1RvQmVSZW1vdmVkLnRhZyk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IHRhZ0VsbXMgPSB0YWdzLm1hcCgodGFnLCBpbmRleCkgPT4ge1xuICAgIGNvbnN0IHsgbGFiZWwsIGNsZWFyQnRuQXJpYUxhYmVsIH0gPSB0YWc7XG5cbiAgICBpZiAoaXNUYWdSZW1vdmFibGUpIHtcbiAgICAgIGNvbnN0IGlzVG9CZVJlbW92ZWRUYWcgPVxuICAgICAgICB0YWdUb0JlUmVtb3ZlZCAmJiB0YWdUb0JlUmVtb3ZlZC50YWcubGFiZWwgPT09IGxhYmVsO1xuXG4gICAgICByZXR1cm4gKFxuICAgICAgICA8U3R5bGVkVGFnQ29udGFpbmVyXG4gICAgICAgICAga2V5PXtsYWJlbH1cbiAgICAgICAgICB0b0JlUmVtb3ZlZD17aXNUb0JlUmVtb3ZlZFRhZ31cbiAgICAgICAgICBvbkFuaW1hdGlvbkVuZD17aGFuZGxlQW5pbWF0aW9uRW5kfVxuICAgICAgICAgIHRhZ1dpZHRoPXtpc1RvQmVSZW1vdmVkVGFnICYmIHRhZ1RvQmVSZW1vdmVkLnRhZ1dpZHRofVxuICAgICAgICA+XG4gICAgICAgICAgPFRhZ1xuICAgICAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICAgICAgICBjbGVhckJ0bkFyaWFMYWJlbD17Y2xlYXJCdG5BcmlhTGFiZWx9XG4gICAgICAgICAgICBvbkNsZWFyPXsoKSA9PiBoYW5kbGVUYWdSZW1vdmUodGFnLCBpbmRleCl9XG4gICAgICAgICAgICBpc1JlbW92YWJsZVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvU3R5bGVkVGFnQ29udGFpbmVyPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICByZXR1cm4gPFRhZyBrZXk9e2xhYmVsfSBsYWJlbD17bGFiZWx9IGNvbG9yVmFyaWFudD17Y29sb3JWYXJpYW50fSAvPjtcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlRhZ0dyb3VwXCJcbiAgICAgIHJlZj17Y29udGFpbmVyUmVmfVxuICAgID5cbiAgICAgIHt0YWdFbG1zfVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
+const StyledTagContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e11cnm530"
+} : {
+  target: "e11cnm530",
+  label: "StyledTagContainer"
+})(_ref2 => {
+  let {
+    theme,
+    toBeRemoved,
+    tagWidth
+  } = _ref2;
+  return {
+    overflow: "hidden",
+    ...(toBeRemoved && {
+      opacity: 0,
+      marginLeft: `-${theme.variables.size.spacing.xs}`,
+      animation: `0.2s ease-out 0s normal forwards ${shrink(tagWidth)}`
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZ0dyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzJCIiwiZmlsZSI6IlRhZ0dyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgVGFnLCBUYWdQcm9wcywgTUFYX1RBR19XSURUSCB9IGZyb20gXCIuLi9UYWcvVGFnXCI7XG5cbnR5cGUgQmFzZVRhZ0dyb3VwUHJvcHMgPSB7XG4gIHRhZ3M6IFRhZ1Byb3BzW107XG4gIGNvbG9yVmFyaWFudD86IFRhZ1Byb3BzW1wiY29sb3JWYXJpYW50XCJdO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbnR5cGUgQ29uZGl0aW9uYWxUYWdHcm91cFByb3BzID1cbiAgfCB7XG4gICAgICBpc1RhZ1JlbW92YWJsZT86IGZhbHNlO1xuICAgICAgb25SZW1vdmVUYWc/OiBuZXZlcjtcbiAgICB9XG4gIHwge1xuICAgICAgaXNUYWdSZW1vdmFibGU6IHRydWU7XG4gICAgICBvblJlbW92ZVRhZzogKHRhZzogVGFnUHJvcHMpID0+IHZvaWQ7XG4gICAgfTtcblxuZXhwb3J0IHR5cGUgVGFnR3JvdXBQcm9wcyA9IEJhc2VUYWdHcm91cFByb3BzICYgQ29uZGl0aW9uYWxUYWdHcm91cFByb3BzO1xuXG5jb25zdCBzaHJpbmsgPSAoY3VycmVudFdpZHRoOiBudW1iZXIpID0+XG4gIGtleWZyYW1lcyh7XG4gICAgZnJvbToge1xuICAgICAgd2lkdGg6IGAke2N1cnJlbnRXaWR0aH1weGAsXG4gICAgfSxcbiAgICB0bzoge1xuICAgICAgd2lkdGg6IFwiMHB4XCIsXG4gICAgfSxcbiAgfSk7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgZ2FwOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxufSkpO1xuXG50eXBlIFN0eWxlZFRhZ0NvbnRhaW5lclByb3BzID0ge1xuICB0b0JlUmVtb3ZlZD86IGJvb2xlYW47XG4gIHRhZ1dpZHRoPzogbnVtYmVyO1xufTtcbmNvbnN0IFN0eWxlZFRhZ0NvbnRhaW5lciA9IHN0eWxlZC5kaXY8U3R5bGVkVGFnQ29udGFpbmVyUHJvcHM+KFxuICAoeyB0aGVtZSwgdG9CZVJlbW92ZWQsIHRhZ1dpZHRoIH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG5cbiAgICAuLi4odG9CZVJlbW92ZWQgJiYge1xuICAgICAgb3BhY2l0eTogMCxcbiAgICAgIG1hcmdpbkxlZnQ6IGAtJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfWAsXG4gICAgICBhbmltYXRpb246IGAwLjJzIGVhc2Utb3V0IDBzIG5vcm1hbCBmb3J3YXJkcyAke3Nocmluayh0YWdXaWR0aCl9YCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWdHcm91cCh7XG4gIGNvbG9yVmFyaWFudCA9IFwiZ3JheVwiLFxuICBpc1RhZ1JlbW92YWJsZSA9IGZhbHNlLFxuICB0YWdzLFxuICBvblJlbW92ZVRhZyxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWdHcm91cFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgW3RhZ1RvQmVSZW1vdmVkLCBzZXRUYWdUb0JlUmVtb3ZlZF0gPSB1c2VTdGF0ZShudWxsKTtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmKCk7XG5cbiAgY29uc3QgaGFuZGxlVGFnUmVtb3ZlID0gKHRhZzogVGFnUHJvcHMsIGluZGV4OiBudW1iZXIpID0+IHtcbiAgICBsZXQgd2lkdGggPSBNQVhfVEFHX1dJRFRIO1xuXG4gICAgaWYgKGNvbnRhaW5lclJlZi5jdXJyZW50KSB7XG4gICAgICBjb25zdCBjb250YWluZXI6IEhUTUxEaXZFbGVtZW50ID0gY29udGFpbmVyUmVmLmN1cnJlbnQ7XG4gICAgICBjb25zdCB0YWdFbG0gPSBjb250YWluZXIuY2hpbGRyZW5baW5kZXhdO1xuXG4gICAgICB3aWR0aCA9IHRhZ0VsbS5jbGllbnRXaWR0aDtcbiAgICB9XG5cbiAgICBzZXRUYWdUb0JlUmVtb3ZlZCh7XG4gICAgICB0YWcsXG4gICAgICB0YWdXaWR0aDogd2lkdGgsXG4gICAgfSk7XG4gIH07XG5cbiAgLy8gUmVtb3ZlIFRhZyBhZnRlciBzaHJpbmsgYW5pbWF0aW9uXG4gIGNvbnN0IGhhbmRsZUFuaW1hdGlvbkVuZCA9ICgpID0+IHtcbiAgICBpZiAob25SZW1vdmVUYWcpIHtcbiAgICAgIG9uUmVtb3ZlVGFnKHRhZ1RvQmVSZW1vdmVkLnRhZyk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IHRhZ0VsbXMgPSB0YWdzLm1hcCgodGFnLCBpbmRleCkgPT4ge1xuICAgIGNvbnN0IHsgbGFiZWwsIGNsZWFyQnRuQXJpYUxhYmVsIH0gPSB0YWc7XG5cbiAgICBpZiAoaXNUYWdSZW1vdmFibGUpIHtcbiAgICAgIGNvbnN0IGlzVG9CZVJlbW92ZWRUYWcgPVxuICAgICAgICB0YWdUb0JlUmVtb3ZlZCAmJiB0YWdUb0JlUmVtb3ZlZC50YWcubGFiZWwgPT09IGxhYmVsO1xuXG4gICAgICByZXR1cm4gKFxuICAgICAgICA8U3R5bGVkVGFnQ29udGFpbmVyXG4gICAgICAgICAga2V5PXtsYWJlbH1cbiAgICAgICAgICB0b0JlUmVtb3ZlZD17aXNUb0JlUmVtb3ZlZFRhZ31cbiAgICAgICAgICBvbkFuaW1hdGlvbkVuZD17aGFuZGxlQW5pbWF0aW9uRW5kfVxuICAgICAgICAgIHRhZ1dpZHRoPXtpc1RvQmVSZW1vdmVkVGFnICYmIHRhZ1RvQmVSZW1vdmVkLnRhZ1dpZHRofVxuICAgICAgICA+XG4gICAgICAgICAgPFRhZ1xuICAgICAgICAgICAgbGFiZWw9e2xhYmVsfVxuICAgICAgICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICAgICAgICBjbGVhckJ0bkFyaWFMYWJlbD17Y2xlYXJCdG5BcmlhTGFiZWx9XG4gICAgICAgICAgICBvbkNsZWFyPXsoKSA9PiBoYW5kbGVUYWdSZW1vdmUodGFnLCBpbmRleCl9XG4gICAgICAgICAgICBpc1JlbW92YWJsZVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvU3R5bGVkVGFnQ29udGFpbmVyPlxuICAgICAgKTtcbiAgICB9XG5cbiAgICByZXR1cm4gPFRhZyBrZXk9e2xhYmVsfSBsYWJlbD17bGFiZWx9IGNvbG9yVmFyaWFudD17Y29sb3JWYXJpYW50fSAvPjtcbiAgfSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlRhZ0dyb3VwXCJcbiAgICAgIHJlZj17Y29udGFpbmVyUmVmfVxuICAgID5cbiAgICAgIHt0YWdFbG1zfVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
+function TagGroup(_ref3) {
+  let {
+    colorVariant = "gray",
+    isTagRemovable = false,
+    tags,
+    onRemoveTag,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref3;
+  const [tagToBeRemoved, setTagToBeRemoved] = useState(null);
+  const containerRef = useRef();
+  const handleTagRemove = (tag, index) => {
+    let width = MAX_TAG_WIDTH;
+    if (containerRef.current) {
+      const container = containerRef.current;
+      const tagElm = container.children[index];
+      width = tagElm.clientWidth;
+    }
+    setTagToBeRemoved({
+      tag,
+      tagWidth: width
+    });
+  };
+  // Remove Tag after shrink animation
+  const handleAnimationEnd = () => {
+    if (onRemoveTag) {
+      onRemoveTag(tagToBeRemoved.tag);
+    }
+  };
+  const tagElms = tags.map((tag, index) => {
+    const {
+      label,
+      clearBtnAriaLabel
+    } = tag;
+    if (isTagRemovable) {
+      const isToBeRemovedTag = tagToBeRemoved && tagToBeRemoved.tag.label === label;
+      return /*#__PURE__*/React.createElement(StyledTagContainer, {
+        key: label,
+        toBeRemoved: isToBeRemovedTag,
+        onAnimationEnd: handleAnimationEnd,
+        tagWidth: isToBeRemovedTag && tagToBeRemoved.tagWidth
+      }, /*#__PURE__*/React.createElement(Tag, {
+        label: label,
+        colorVariant: colorVariant,
+        clearBtnAriaLabel: clearBtnAriaLabel,
+        onClear: () => handleTagRemove(tag, index),
+        isRemovable: true
+      }));
+    }
+    return /*#__PURE__*/React.createElement(Tag, {
+      key: label,
+      label: label,
+      colorVariant: colorVariant
+    });
+  });
+  return /*#__PURE__*/React.createElement(StyledContainer, {
+    "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "TagGroup",
+    ref: containerRef
+  }, tagElms);
+}
+export { TagGroup };
+//# sourceMappingURL=TagGroup.js.map

package/build/esm/src/components/TagGroup/TagGroup.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TagGroup.js","sources":["../../../../../src/components/TagGroup/TagGroup.tsx"],"sourcesContent":["import React, { useState, useRef } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { keyframes } from \"@emotion/react\";\nimport { Tag, TagProps, MAX_TAG_WIDTH } from \"../Tag/Tag\";\n\ntype BaseTagGroupProps = {\n tags: TagProps[];\n colorVariant?: TagProps[\"colorVariant\"];\n \"data-e2e-test-id\"?: string;\n};\n\ntype ConditionalTagGroupProps =\n | {\n isTagRemovable?: false;\n onRemoveTag?: never;\n }\n | {\n isTagRemovable: true;\n onRemoveTag: (tag: TagProps) => void;\n };\n\nexport type TagGroupProps = BaseTagGroupProps & ConditionalTagGroupProps;\n\nconst shrink = (currentWidth: number) =>\n keyframes({\n from: {\n width: `${currentWidth}px`,\n },\n to: {\n width: \"0px\",\n },\n });\n\nconst StyledContainer = styled.div(({ theme }) => ({\n display: \"flex\",\n flexWrap: \"wrap\",\n gap: theme.variables.size.spacing.xs,\n}));\n\ntype StyledTagContainerProps = {\n toBeRemoved?: boolean;\n tagWidth?: number;\n};\nconst StyledTagContainer = styled.div<StyledTagContainerProps>(\n ({ theme, toBeRemoved, tagWidth }) => ({\n overflow: \"hidden\",\n\n ...(toBeRemoved && {\n opacity: 0,\n marginLeft: `-${theme.variables.size.spacing.xs}`,\n animation: `0.2s ease-out 0s normal forwards ${shrink(tagWidth)}`,\n }),\n })\n);\n\nexport function TagGroup({\n colorVariant = \"gray\",\n isTagRemovable = false,\n tags,\n onRemoveTag,\n \"data-e2e-test-id\": dataE2eTestId,\n}: TagGroupProps): React.ReactElement {\n const [tagToBeRemoved, setTagToBeRemoved] = useState(null);\n const containerRef = useRef();\n\n const handleTagRemove = (tag: TagProps, index: number) => {\n let width = MAX_TAG_WIDTH;\n\n if (containerRef.current) {\n const container: HTMLDivElement = containerRef.current;\n const tagElm = container.children[index];\n\n width = tagElm.clientWidth;\n }\n\n setTagToBeRemoved({\n tag,\n tagWidth: width,\n });\n };\n\n // Remove Tag after shrink animation\n const handleAnimationEnd = () => {\n if (onRemoveTag) {\n onRemoveTag(tagToBeRemoved.tag);\n }\n };\n\n const tagElms = tags.map((tag, index) => {\n const { label, clearBtnAriaLabel } = tag;\n\n if (isTagRemovable) {\n const isToBeRemovedTag =\n tagToBeRemoved && tagToBeRemoved.tag.label === label;\n\n return (\n <StyledTagContainer\n key={label}\n toBeRemoved={isToBeRemovedTag}\n onAnimationEnd={handleAnimationEnd}\n tagWidth={isToBeRemovedTag && tagToBeRemoved.tagWidth}\n >\n <Tag\n label={label}\n colorVariant={colorVariant}\n clearBtnAriaLabel={clearBtnAriaLabel}\n onClear={() => handleTagRemove(tag, index)}\n isRemovable\n />\n </StyledTagContainer>\n );\n }\n\n return <Tag key={label} label={label} colorVariant={colorVariant} />;\n });\n\n return (\n <StyledContainer\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"TagGroup\"\n ref={containerRef}\n >\n {tagElms}\n </StyledContainer>\n );\n}\n"],"names":["shrink","currentWidth","keyframes","from","width","to","StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","display","flexWrap","gap","variables","size","spacing","xs","StyledTagContainer","_ref2","toBeRemoved","tagWidth","overflow","opacity","marginLeft","animation","TagGroup","_ref3","colorVariant","isTagRemovable","tags","onRemoveTag","dataE2eTestId","tagToBeRemoved","setTagToBeRemoved","useState","containerRef","useRef","handleTagRemove","tag","index","MAX_TAG_WIDTH","current","container","tagElm","children","clientWidth","handleAnimationEnd","tagElms","map","clearBtnAriaLabel","isToBeRemovedTag","React","createElement","key","onAnimationEnd","Tag","onClear","isRemovable","ref"],"mappings":"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"}

package/build/esm/src/components/Typography/Header/Header.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import React from "react";
 import { Theme } from "@emotion/react";
+import { BaseColors } from "src/types";
 export declare type HeaderProps = {
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     children: React.ReactNode;
@@ -7,6 +8,7 @@ export declare type HeaderProps = {
     /** @ignore */
     "data-ds-id"?: string;
     id?: string;
+    color?: BaseColors;
 };
 export declare const H1: import("@emotion/styled").StyledComponent<{
     theme?: Theme;
@@ -31,4 +33,4 @@ export declare const H5: import("@emotion/styled").StyledComponent<{
 export declare const H6: import("@emotion/styled").StyledComponent<{
     theme?: Theme;
     as?: React.ElementType<any>;
-} & HeaderProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+} & Omit<HeaderProps, "color">, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;

package/build/esm/src/components/Typography/Header/Header.js CHANGED Viewed

@@ -1,11 +1,14 @@
 import _styled from '@emotion/styled/base';
-const getCommonStyles = theme => ({
-  color: theme.values.color.text.primary.default,
-  fontFamily: theme.variables.fontFamily.lato,
-  fontWeight: theme.variables.weight.black,
-  margin: 0
-});
+const getCommonStyles = function (theme) {
+  let color = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "primary";
+  return {
+    color: theme.values.color.text[color].default,
+    fontFamily: theme.variables.fontFamily.lato,
+    fontWeight: theme.variables.weight.black,
+    margin: 0
+  };
+};
 const H1 = /*#__PURE__*/_styled("h1", process.env.NODE_ENV === "production" ? {
   target: "e1nyenup5"
 } : {
@@ -13,14 +16,15 @@ const H1 = /*#__PURE__*/_styled("h1", process.env.NODE_ENV === "production" ? {
   label: "H1"
 })(_ref => {
   let {
-    theme
+    theme,
+    color
   } = _ref;
   return {
-    ...getCommonStyles(theme),
+    ...getCommonStyles(theme, color),
     fontSize: theme.variables.size.font.header.xl,
     lineHeight: theme.variables.size.lineHeight.header.xl
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBIZWFkZXJQcm9wcyA9IHtcbiAgYXM/OiBcImgxXCIgfCBcImgyXCIgfCBcImgzXCIgfCBcImg0XCIgfCBcImg1XCIgfCBcImg2XCI7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICAvKiogQGlnbm9yZSAqL1xuICBcImRhdGEtZHMtaWRcIj86IHN0cmluZztcbiAgaWQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJsYWNrLFxuICBtYXJnaW46IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueGwsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnhsLFxufSkpO1xuXG5IMS5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgxXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5sLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5sLFxufSkpO1xuXG5IMi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5tLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5tLFxufSkpO1xuXG5IMy5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgzXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDQgPSBzdHlsZWQuaDQ8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5zLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5zLFxufSkpO1xuXG5INC5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDUgPSBzdHlsZWQuaDU8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHMsXG59KSk7XG5cbkg1LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINiA9IHN0eWxlZC5oNjxIZWFkZXJQcm9wcz4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnh4cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHhzLFxuICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxufSkpO1xuXG5INi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg2XCIsXG59O1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQmFzZUNvbG9ycyB9IGZyb20gXCJzcmMvdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgSGVhZGVyUHJvcHMgPSB7XG4gIGFzPzogXCJoMVwiIHwgXCJoMlwiIHwgXCJoM1wiIHwgXCJoNFwiIHwgXCJoNVwiIHwgXCJoNlwiO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBjb2xvcj86IEJhc2VDb2xvcnM7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lLCBjb2xvcjogQmFzZUNvbG9ycyA9IFwicHJpbWFyeVwiKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbY29sb3JdLmRlZmF1bHQsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYmxhY2ssXG4gIG1hcmdpbjogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgSDEgPSBzdHlsZWQuaDE8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnhsLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54bCxcbn0pKTtcblxuSDEuZGVmYXVsdFByb3BzID0ge1xuICBcImRhdGEtZHMtaWRcIjogXCJIMVwiLFxufTtcblxuZXhwb3J0IGNvbnN0IEgyID0gc3R5bGVkLmgyPEhlYWRlclByb3BzPigoeyB0aGVtZSwgY29sb3IgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lLCBjb2xvciksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5sLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5sLFxufSkpO1xuXG5IMi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLm0sXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLm0sXG59KSk7XG5cbkgzLmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDNcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINCA9IHN0eWxlZC5oNDxIZWFkZXJQcm9wcz4oKHsgdGhlbWUsIGNvbG9yIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSwgY29sb3IpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIucyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIucyxcbn0pKTtcblxuSDQuZGVmYXVsdFByb3BzID0ge1xuICBcImRhdGEtZHMtaWRcIjogXCJINFwiLFxufTtcblxuZXhwb3J0IGNvbnN0IEg1ID0gc3R5bGVkLmg1PEhlYWRlclByb3BzPigoeyB0aGVtZSwgY29sb3IgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lLCBjb2xvciksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHMsXG59KSk7XG5cbkg1LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINiA9IHN0eWxlZC5oNjxPbWl0PEhlYWRlclByb3BzLCBcImNvbG9yXCI+PigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueHhzLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG59KSk7XG5cbkg2LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDZcIixcbn07XG4iXX0= */");
 H1.defaultProps = {
   "data-ds-id": "H1"
 };
@@ -31,14 +35,15 @@ const H2 = /*#__PURE__*/_styled("h2", process.env.NODE_ENV === "production" ? {
   label: "H2"
 })(_ref2 => {
   let {
-    theme
+    theme,
+    color
   } = _ref2;
   return {
-    ...getCommonStyles(theme),
+    ...getCommonStyles(theme, color),
     fontSize: theme.variables.size.font.header.l,
     lineHeight: theme.variables.size.lineHeight.header.l
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBIZWFkZXJQcm9wcyA9IHtcbiAgYXM/OiBcImgxXCIgfCBcImgyXCIgfCBcImgzXCIgfCBcImg0XCIgfCBcImg1XCIgfCBcImg2XCI7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICAvKiogQGlnbm9yZSAqL1xuICBcImRhdGEtZHMtaWRcIj86IHN0cmluZztcbiAgaWQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJsYWNrLFxuICBtYXJnaW46IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueGwsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnhsLFxufSkpO1xuXG5IMS5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgxXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5sLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5sLFxufSkpO1xuXG5IMi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5tLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5tLFxufSkpO1xuXG5IMy5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgzXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDQgPSBzdHlsZWQuaDQ8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5zLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5zLFxufSkpO1xuXG5INC5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDUgPSBzdHlsZWQuaDU8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHMsXG59KSk7XG5cbkg1LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINiA9IHN0eWxlZC5oNjxIZWFkZXJQcm9wcz4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnh4cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHhzLFxuICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxufSkpO1xuXG5INi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg2XCIsXG59O1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQmFzZUNvbG9ycyB9IGZyb20gXCJzcmMvdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgSGVhZGVyUHJvcHMgPSB7XG4gIGFzPzogXCJoMVwiIHwgXCJoMlwiIHwgXCJoM1wiIHwgXCJoNFwiIHwgXCJoNVwiIHwgXCJoNlwiO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBjb2xvcj86IEJhc2VDb2xvcnM7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lLCBjb2xvcjogQmFzZUNvbG9ycyA9IFwicHJpbWFyeVwiKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbY29sb3JdLmRlZmF1bHQsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYmxhY2ssXG4gIG1hcmdpbjogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgSDEgPSBzdHlsZWQuaDE8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnhsLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54bCxcbn0pKTtcblxuSDEuZGVmYXVsdFByb3BzID0ge1xuICBcImRhdGEtZHMtaWRcIjogXCJIMVwiLFxufTtcblxuZXhwb3J0IGNvbnN0IEgyID0gc3R5bGVkLmgyPEhlYWRlclByb3BzPigoeyB0aGVtZSwgY29sb3IgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lLCBjb2xvciksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5sLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5sLFxufSkpO1xuXG5IMi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLm0sXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLm0sXG59KSk7XG5cbkgzLmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDNcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINCA9IHN0eWxlZC5oNDxIZWFkZXJQcm9wcz4oKHsgdGhlbWUsIGNvbG9yIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSwgY29sb3IpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIucyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIucyxcbn0pKTtcblxuSDQuZGVmYXVsdFByb3BzID0ge1xuICBcImRhdGEtZHMtaWRcIjogXCJINFwiLFxufTtcblxuZXhwb3J0IGNvbnN0IEg1ID0gc3R5bGVkLmg1PEhlYWRlclByb3BzPigoeyB0aGVtZSwgY29sb3IgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lLCBjb2xvciksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHMsXG59KSk7XG5cbkg1LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINiA9IHN0eWxlZC5oNjxPbWl0PEhlYWRlclByb3BzLCBcImNvbG9yXCI+PigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueHhzLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG59KSk7XG5cbkg2LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDZcIixcbn07XG4iXX0= */");
 H2.defaultProps = {
   "data-ds-id": "H2"
 };
@@ -49,14 +54,15 @@ const H3 = /*#__PURE__*/_styled("h3", process.env.NODE_ENV === "production" ? {
   label: "H3"
 })(_ref3 => {
   let {
-    theme
+    theme,
+    color
   } = _ref3;
   return {
-    ...getCommonStyles(theme),
+    ...getCommonStyles(theme, color),
     fontSize: theme.variables.size.font.header.m,
     lineHeight: theme.variables.size.lineHeight.header.m
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0NrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBIZWFkZXJQcm9wcyA9IHtcbiAgYXM/OiBcImgxXCIgfCBcImgyXCIgfCBcImgzXCIgfCBcImg0XCIgfCBcImg1XCIgfCBcImg2XCI7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICAvKiogQGlnbm9yZSAqL1xuICBcImRhdGEtZHMtaWRcIj86IHN0cmluZztcbiAgaWQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJsYWNrLFxuICBtYXJnaW46IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueGwsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnhsLFxufSkpO1xuXG5IMS5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgxXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5sLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5sLFxufSkpO1xuXG5IMi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5tLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5tLFxufSkpO1xuXG5IMy5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgzXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDQgPSBzdHlsZWQuaDQ8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5zLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5zLFxufSkpO1xuXG5INC5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDUgPSBzdHlsZWQuaDU8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHMsXG59KSk7XG5cbkg1LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINiA9IHN0eWxlZC5oNjxIZWFkZXJQcm9wcz4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnh4cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHhzLFxuICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxufSkpO1xuXG5INi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg2XCIsXG59O1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMENrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQmFzZUNvbG9ycyB9IGZyb20gXCJzcmMvdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgSGVhZGVyUHJvcHMgPSB7XG4gIGFzPzogXCJoMVwiIHwgXCJoMlwiIHwgXCJoM1wiIHwgXCJoNFwiIHwgXCJoNVwiIHwgXCJoNlwiO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBjb2xvcj86IEJhc2VDb2xvcnM7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lLCBjb2xvcjogQmFzZUNvbG9ycyA9IFwicHJpbWFyeVwiKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbY29sb3JdLmRlZmF1bHQsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYmxhY2ssXG4gIG1hcmdpbjogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgSDEgPSBzdHlsZWQuaDE8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnhsLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54bCxcbn0pKTtcblxuSDEuZGVmYXVsdFByb3BzID0ge1xuICBcImRhdGEtZHMtaWRcIjogXCJIMVwiLFxufTtcblxuZXhwb3J0IGNvbnN0IEgyID0gc3R5bGVkLmgyPEhlYWRlclByb3BzPigoeyB0aGVtZSwgY29sb3IgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lLCBjb2xvciksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5sLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5sLFxufSkpO1xuXG5IMi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLm0sXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLm0sXG59KSk7XG5cbkgzLmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDNcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINCA9IHN0eWxlZC5oNDxIZWFkZXJQcm9wcz4oKHsgdGhlbWUsIGNvbG9yIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSwgY29sb3IpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIucyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIucyxcbn0pKTtcblxuSDQuZGVmYXVsdFByb3BzID0ge1xuICBcImRhdGEtZHMtaWRcIjogXCJINFwiLFxufTtcblxuZXhwb3J0IGNvbnN0IEg1ID0gc3R5bGVkLmg1PEhlYWRlclByb3BzPigoeyB0aGVtZSwgY29sb3IgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lLCBjb2xvciksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHMsXG59KSk7XG5cbkg1LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINiA9IHN0eWxlZC5oNjxPbWl0PEhlYWRlclByb3BzLCBcImNvbG9yXCI+PigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueHhzLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG59KSk7XG5cbkg2LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDZcIixcbn07XG4iXX0= */");
 H3.defaultProps = {
   "data-ds-id": "H3"
 };
@@ -67,14 +73,15 @@ const H4 = /*#__PURE__*/_styled("h4", process.env.NODE_ENV === "production" ? {
   label: "H4"
 })(_ref4 => {
   let {
-    theme
+    theme,
+    color
   } = _ref4;
   return {
-    ...getCommonStyles(theme),
+    ...getCommonStyles(theme, color),
     fontSize: theme.variables.size.font.header.s,
     lineHeight: theme.variables.size.lineHeight.header.s
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0RrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBIZWFkZXJQcm9wcyA9IHtcbiAgYXM/OiBcImgxXCIgfCBcImgyXCIgfCBcImgzXCIgfCBcImg0XCIgfCBcImg1XCIgfCBcImg2XCI7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICAvKiogQGlnbm9yZSAqL1xuICBcImRhdGEtZHMtaWRcIj86IHN0cmluZztcbiAgaWQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJsYWNrLFxuICBtYXJnaW46IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueGwsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnhsLFxufSkpO1xuXG5IMS5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgxXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5sLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5sLFxufSkpO1xuXG5IMi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5tLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5tLFxufSkpO1xuXG5IMy5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgzXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDQgPSBzdHlsZWQuaDQ8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5zLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5zLFxufSkpO1xuXG5INC5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDUgPSBzdHlsZWQuaDU8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHMsXG59KSk7XG5cbkg1LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINiA9IHN0eWxlZC5oNjxIZWFkZXJQcm9wcz4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnh4cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHhzLFxuICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxufSkpO1xuXG5INi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg2XCIsXG59O1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0RrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQmFzZUNvbG9ycyB9IGZyb20gXCJzcmMvdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgSGVhZGVyUHJvcHMgPSB7XG4gIGFzPzogXCJoMVwiIHwgXCJoMlwiIHwgXCJoM1wiIHwgXCJoNFwiIHwgXCJoNVwiIHwgXCJoNlwiO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBjb2xvcj86IEJhc2VDb2xvcnM7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lLCBjb2xvcjogQmFzZUNvbG9ycyA9IFwicHJpbWFyeVwiKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbY29sb3JdLmRlZmF1bHQsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYmxhY2ssXG4gIG1hcmdpbjogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgSDEgPSBzdHlsZWQuaDE8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnhsLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54bCxcbn0pKTtcblxuSDEuZGVmYXVsdFByb3BzID0ge1xuICBcImRhdGEtZHMtaWRcIjogXCJIMVwiLFxufTtcblxuZXhwb3J0IGNvbnN0IEgyID0gc3R5bGVkLmgyPEhlYWRlclByb3BzPigoeyB0aGVtZSwgY29sb3IgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lLCBjb2xvciksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5sLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5sLFxufSkpO1xuXG5IMi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLm0sXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLm0sXG59KSk7XG5cbkgzLmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDNcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINCA9IHN0eWxlZC5oNDxIZWFkZXJQcm9wcz4oKHsgdGhlbWUsIGNvbG9yIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSwgY29sb3IpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIucyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIucyxcbn0pKTtcblxuSDQuZGVmYXVsdFByb3BzID0ge1xuICBcImRhdGEtZHMtaWRcIjogXCJINFwiLFxufTtcblxuZXhwb3J0IGNvbnN0IEg1ID0gc3R5bGVkLmg1PEhlYWRlclByb3BzPigoeyB0aGVtZSwgY29sb3IgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lLCBjb2xvciksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHMsXG59KSk7XG5cbkg1LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINiA9IHN0eWxlZC5oNjxPbWl0PEhlYWRlclByb3BzLCBcImNvbG9yXCI+PigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueHhzLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG59KSk7XG5cbkg2LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDZcIixcbn07XG4iXX0= */");
 H4.defaultProps = {
   "data-ds-id": "H4"
 };
@@ -85,14 +92,15 @@ const H5 = /*#__PURE__*/_styled("h5", process.env.NODE_ENV === "production" ? {
   label: "H5"
 })(_ref5 => {
   let {
-    theme
+    theme,
+    color
   } = _ref5;
   return {
-    ...getCommonStyles(theme),
+    ...getCommonStyles(theme, color),
     fontSize: theme.variables.size.font.header.xs,
     lineHeight: theme.variables.size.lineHeight.header.xs
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNERrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBIZWFkZXJQcm9wcyA9IHtcbiAgYXM/OiBcImgxXCIgfCBcImgyXCIgfCBcImgzXCIgfCBcImg0XCIgfCBcImg1XCIgfCBcImg2XCI7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICAvKiogQGlnbm9yZSAqL1xuICBcImRhdGEtZHMtaWRcIj86IHN0cmluZztcbiAgaWQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJsYWNrLFxuICBtYXJnaW46IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueGwsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnhsLFxufSkpO1xuXG5IMS5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgxXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5sLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5sLFxufSkpO1xuXG5IMi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5tLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5tLFxufSkpO1xuXG5IMy5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgzXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDQgPSBzdHlsZWQuaDQ8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5zLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5zLFxufSkpO1xuXG5INC5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDUgPSBzdHlsZWQuaDU8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHMsXG59KSk7XG5cbkg1LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINiA9IHN0eWxlZC5oNjxIZWFkZXJQcm9wcz4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnh4cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHhzLFxuICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxufSkpO1xuXG5INi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg2XCIsXG59O1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOERrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQmFzZUNvbG9ycyB9IGZyb20gXCJzcmMvdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgSGVhZGVyUHJvcHMgPSB7XG4gIGFzPzogXCJoMVwiIHwgXCJoMlwiIHwgXCJoM1wiIHwgXCJoNFwiIHwgXCJoNVwiIHwgXCJoNlwiO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBjb2xvcj86IEJhc2VDb2xvcnM7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lLCBjb2xvcjogQmFzZUNvbG9ycyA9IFwicHJpbWFyeVwiKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbY29sb3JdLmRlZmF1bHQsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYmxhY2ssXG4gIG1hcmdpbjogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgSDEgPSBzdHlsZWQuaDE8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnhsLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54bCxcbn0pKTtcblxuSDEuZGVmYXVsdFByb3BzID0ge1xuICBcImRhdGEtZHMtaWRcIjogXCJIMVwiLFxufTtcblxuZXhwb3J0IGNvbnN0IEgyID0gc3R5bGVkLmgyPEhlYWRlclByb3BzPigoeyB0aGVtZSwgY29sb3IgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lLCBjb2xvciksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5sLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5sLFxufSkpO1xuXG5IMi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLm0sXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLm0sXG59KSk7XG5cbkgzLmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDNcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINCA9IHN0eWxlZC5oNDxIZWFkZXJQcm9wcz4oKHsgdGhlbWUsIGNvbG9yIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSwgY29sb3IpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIucyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIucyxcbn0pKTtcblxuSDQuZGVmYXVsdFByb3BzID0ge1xuICBcImRhdGEtZHMtaWRcIjogXCJINFwiLFxufTtcblxuZXhwb3J0IGNvbnN0IEg1ID0gc3R5bGVkLmg1PEhlYWRlclByb3BzPigoeyB0aGVtZSwgY29sb3IgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lLCBjb2xvciksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHMsXG59KSk7XG5cbkg1LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINiA9IHN0eWxlZC5oNjxPbWl0PEhlYWRlclByb3BzLCBcImNvbG9yXCI+PigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueHhzLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG59KSk7XG5cbkg2LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDZcIixcbn07XG4iXX0= */");
 H5.defaultProps = {
   "data-ds-id": "H5"
 };
@@ -113,7 +121,7 @@ const H6 = /*#__PURE__*/_styled("h6", process.env.NODE_ENV === "production" ? {
     textTransform: "uppercase",
     color: theme.values.color.text.tertiary.default
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0VrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgdHlwZSBIZWFkZXJQcm9wcyA9IHtcbiAgYXM/OiBcImgxXCIgfCBcImgyXCIgfCBcImgzXCIgfCBcImg0XCIgfCBcImg1XCIgfCBcImg2XCI7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICAvKiogQGlnbm9yZSAqL1xuICBcImRhdGEtZHMtaWRcIj86IHN0cmluZztcbiAgaWQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJsYWNrLFxuICBtYXJnaW46IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRlclByb3BzPigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueGwsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLnhsLFxufSkpO1xuXG5IMS5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgxXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5sLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5sLFxufSkpO1xuXG5IMi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5tLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5tLFxufSkpO1xuXG5IMy5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgzXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDQgPSBzdHlsZWQuaDQ8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5zLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5zLFxufSkpO1xuXG5INC5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDUgPSBzdHlsZWQuaDU8SGVhZGVyUHJvcHM+KCh7IHRoZW1lIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHMsXG59KSk7XG5cbkg1LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINiA9IHN0eWxlZC5oNjxIZWFkZXJQcm9wcz4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnh4cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHhzLFxuICBsZXR0ZXJTcGFjaW5nOiBcIjAuNXB4XCIsXG4gIHRleHRUcmFuc2Zvcm06IFwidXBwZXJjYXNlXCIsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC50ZXJ0aWFyeS5kZWZhdWx0LFxufSkpO1xuXG5INi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkg2XCIsXG59O1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0VrQiIsImZpbGUiOiJIZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQmFzZUNvbG9ycyB9IGZyb20gXCJzcmMvdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgSGVhZGVyUHJvcHMgPSB7XG4gIGFzPzogXCJoMVwiIHwgXCJoMlwiIHwgXCJoM1wiIHwgXCJoNFwiIHwgXCJoNVwiIHwgXCJoNlwiO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG4gIGlkPzogc3RyaW5nO1xuICBjb2xvcj86IEJhc2VDb2xvcnM7XG59O1xuXG5jb25zdCBnZXRDb21tb25TdHlsZXMgPSAodGhlbWU6IFRoZW1lLCBjb2xvcjogQmFzZUNvbG9ycyA9IFwicHJpbWFyeVwiKSA9PiAoe1xuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbY29sb3JdLmRlZmF1bHQsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYmxhY2ssXG4gIG1hcmdpbjogMCxcbn0pO1xuXG5leHBvcnQgY29uc3QgSDEgPSBzdHlsZWQuaDE8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLnhsLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54bCxcbn0pKTtcblxuSDEuZGVmYXVsdFByb3BzID0ge1xuICBcImRhdGEtZHMtaWRcIjogXCJIMVwiLFxufTtcblxuZXhwb3J0IGNvbnN0IEgyID0gc3R5bGVkLmgyPEhlYWRlclByb3BzPigoeyB0aGVtZSwgY29sb3IgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lLCBjb2xvciksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci5sLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci5sLFxufSkpO1xuXG5IMi5kZWZhdWx0UHJvcHMgPSB7XG4gIFwiZGF0YS1kcy1pZFwiOiBcIkgyXCIsXG59O1xuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGVyUHJvcHM+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUsIGNvbG9yKSxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuaGVhZGVyLm0sXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQuaGVhZGVyLm0sXG59KSk7XG5cbkgzLmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDNcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINCA9IHN0eWxlZC5oNDxIZWFkZXJQcm9wcz4oKHsgdGhlbWUsIGNvbG9yIH0pID0+ICh7XG4gIC4uLmdldENvbW1vblN0eWxlcyh0aGVtZSwgY29sb3IpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIucyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIucyxcbn0pKTtcblxuSDQuZGVmYXVsdFByb3BzID0ge1xuICBcImRhdGEtZHMtaWRcIjogXCJINFwiLFxufTtcblxuZXhwb3J0IGNvbnN0IEg1ID0gc3R5bGVkLmg1PEhlYWRlclByb3BzPigoeyB0aGVtZSwgY29sb3IgfSkgPT4gKHtcbiAgLi4uZ2V0Q29tbW9uU3R5bGVzKHRoZW1lLCBjb2xvciksXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LmhlYWRlci54cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5oZWFkZXIueHMsXG59KSk7XG5cbkg1LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDVcIixcbn07XG5cbmV4cG9ydCBjb25zdCBINiA9IHN0eWxlZC5oNjxPbWl0PEhlYWRlclByb3BzLCBcImNvbG9yXCI+PigoeyB0aGVtZSB9KSA9PiAoe1xuICAuLi5nZXRDb21tb25TdHlsZXModGhlbWUpLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5oZWFkZXIueHhzLFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmhlYWRlci54eHMsXG4gIGxldHRlclNwYWNpbmc6IFwiMC41cHhcIixcbiAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG59KSk7XG5cbkg2LmRlZmF1bHRQcm9wcyA9IHtcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSDZcIixcbn07XG4iXX0= */");
 H6.defaultProps = {
   "data-ds-id": "H6"
 };

package/build/esm/src/components/Typography/Header/Header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.js","sources":["../../../../../../src/components/Typography/Header/Header.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Theme } from \"@emotion/react\";\n\nexport type HeaderProps = {\n as?: \"h1\" \| \"h2\" \| \"h3\" \| \"h4\" \| \"h5\" \| \"h6\";\n children: React.ReactNode;\n \"data-e2e-test-id\"?: string;\n /** @ignore */\n \"data-ds-id\"?: string;\n id?: string;\n};\n\nconst getCommonStyles = (theme: Theme) => ({\n color: theme.values.color.text.~~primary.~~default,\n fontFamily: theme.variables.fontFamily.lato,\n fontWeight: theme.variables.weight.black,\n margin: 0,\n});\n\nexport const H1 = styled.h1<HeaderProps>(({ theme }) => ({\n ...getCommonStyles(theme),\n fontSize: theme.variables.size.font.header.xl,\n lineHeight: theme.variables.size.lineHeight.header.xl,\n}));\n\nH1.defaultProps = {\n \"data-ds-id\": \"H1\",\n};\n\nexport const H2 = styled.h2<HeaderProps>(({ theme }) => ({\n ...getCommonStyles(theme),\n fontSize: theme.variables.size.font.header.l,\n lineHeight: theme.variables.size.lineHeight.header.l,\n}));\n\nH2.defaultProps = {\n \"data-ds-id\": \"H2\",\n};\n\nexport const H3 = styled.h3<HeaderProps>(({ theme }) => ({\n ...getCommonStyles(theme),\n fontSize: theme.variables.size.font.header.m,\n lineHeight: theme.variables.size.lineHeight.header.m,\n}));\n\nH3.defaultProps = {\n \"data-ds-id\": \"H3\",\n};\n\nexport const H4 = styled.h4<HeaderProps>(({ theme }) => ({\n ...getCommonStyles(theme),\n fontSize: theme.variables.size.font.header.s,\n lineHeight: theme.variables.size.lineHeight.header.s,\n}));\n\nH4.defaultProps = {\n \"data-ds-id\": \"H4\",\n};\n\nexport const H5 = styled.h5<HeaderProps>(({ theme }) => ({\n ...getCommonStyles(theme),\n fontSize: theme.variables.size.font.header.xs,\n lineHeight: theme.variables.size.lineHeight.header.xs,\n}));\n\nH5.defaultProps = {\n \"data-ds-id\": \"H5\",\n};\n\nexport const H6 = styled.h6<HeaderProps>(({ theme }) => ({\n ...getCommonStyles(theme),\n fontSize: theme.variables.size.font.header.xxs,\n lineHeight: theme.variables.size.lineHeight.header.xxs,\n letterSpacing: \"0.5px\",\n textTransform: \"uppercase\",\n color: theme.values.color.text.tertiary.default,\n}));\n\nH6.defaultProps = {\n \"data-ds-id\": \"H6\",\n};\n"],"names":["getCommonStyles","theme","color","~~values~~","~~text~~","~~primary~~","default","fontFamily","variables","lato","fontWeight","weight","black","margin","H1","_styled","process","env","NODE_ENV","target","label","_ref","fontSize","size","font","header","xl","lineHeight","defaultProps","H2","_ref2","l","H3","_ref3","m","H4","_ref4","s","H5","_ref5","xs","H6","_ref6","xxs","letterSpacing","textTransform","tertiary"],"mappings":";;~~AAaA~~,MAAMA,eAAe,~~GAAIC~~,KAAY,~~KAAM~~;~~EACzCC~~,KAAK,EAAED,KAAK,~~CAACE~~,MAAM,~~CAACD~~,KAAK,~~CAACE~~,IAAI,~~CAACC~~,~~OAAO~~,~~CAACC~~,OAAO;~~AAC9CC~~,~~EAAAA~~,UAAU,~~EAAEN~~,KAAK,~~CAACO~~,SAAS,CAACD,UAAU,CAACE,IAAI;AAC3CC,~~EAAAA~~,UAAU,~~EAAET~~,KAAK,~~CAACO~~,SAAS,CAACG,MAAM,CAACC,KAAK;AACxCC,~~EAAAA~~,MAAM,EAAE,CAAA;~~AACV~~,~~CAAC~~,CAAC,CAAA;AAEK,MAAMC,EAAE,gBAAGC,OAAA,OAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,IAAA;AAAA,CAAA,CAAA,CAAuBC,IAAA,IAAA;EAAA,IAAC;~~AAAEpB~~,IAAAA,KAAAA;AAAM,GAAC,~~GAAAoB~~,IAAA,CAAA;EAAA,OAAM;~~IACvD~~,~~GAAGrB~~,eAAe,CAACC,KAAK,CAAC;~~IACzBqB~~,QAAQ,~~EAAErB~~,KAAK,~~CAACO~~,SAAS,CAACe,IAAI,CAACC,IAAI,CAACC,MAAM,CAACC,EAAE;IAC7CC,UAAU,~~EAAE1B~~,KAAK,~~CAACO~~,SAAS,CAACe,IAAI,CAACI,UAAU,CAACF,MAAM,CAACC,EAAAA;GACpD,CAAA;AAAA,CAAC,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,~~qmGAAA~~,EAAA;AAEHJ,EAAE,CAACc,YAAY,GAAG;AAChB,EAAA,YAAY,EAAE,IAAA;AAChB,CAAC,CAAA;AAEM,MAAMC,EAAE,gBAAGd,OAAA,OAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,IAAA;AAAA,CAAA,CAAA,CAAuBU,KAAA,IAAA;EAAA,IAAC;~~AAAE7B~~,IAAAA,KAAAA;AAAM,GAAC,~~GAAA6B~~,KAAA,CAAA;EAAA,OAAM;~~IACvD~~,~~GAAG9B~~,eAAe,CAACC,KAAK,CAAC;~~IACzBqB~~,QAAQ,~~EAAErB~~,KAAK,~~CAACO~~,SAAS,CAACe,IAAI,CAACC,IAAI,CAACC,MAAM,CAACM,CAAC;IAC5CJ,UAAU,~~EAAE1B~~,KAAK,~~CAACO~~,SAAS,CAACe,IAAI,CAACI,UAAU,CAACF,MAAM,CAACM,CAAAA;GACpD,CAAA;AAAA,CAAC,EAAAf,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,~~qmGAAA~~,EAAA;AAEHW,EAAE,CAACD,YAAY,GAAG;AAChB,EAAA,YAAY,EAAE,IAAA;AAChB,CAAC,CAAA;AAEM,MAAMI,EAAE,gBAAGjB,OAAA,OAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,IAAA;AAAA,CAAA,CAAA,CAAuBa,KAAA,IAAA;EAAA,IAAC;~~AAAEhC~~,IAAAA,KAAAA;AAAM,GAAC,~~GAAAgC~~,KAAA,CAAA;EAAA,OAAM;~~IACvD~~,~~GAAGjC~~,eAAe,CAACC,KAAK,CAAC;~~IACzBqB~~,QAAQ,~~EAAErB~~,KAAK,~~CAACO~~,SAAS,CAACe,IAAI,CAACC,IAAI,CAACC,MAAM,CAACS,CAAC;IAC5CP,UAAU,~~EAAE1B~~,KAAK,~~CAACO~~,SAAS,CAACe,IAAI,CAACI,UAAU,CAACF,MAAM,CAACS,CAAAA;GACpD,CAAA;AAAA,CAAC,EAAAlB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,~~qmGAAA~~,EAAA;AAEHc,EAAE,CAACJ,YAAY,GAAG;AAChB,EAAA,YAAY,EAAE,IAAA;AAChB,CAAC,CAAA;AAEM,MAAMO,EAAE,gBAAGpB,OAAA,OAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,IAAA;AAAA,CAAA,CAAA,CAAuBgB,KAAA,IAAA;EAAA,IAAC;~~AAAEnC~~,IAAAA,KAAAA;AAAM,GAAC,~~GAAAmC~~,KAAA,CAAA;EAAA,OAAM;~~IACvD~~,~~GAAGpC~~,eAAe,CAACC,KAAK,CAAC;~~IACzBqB~~,QAAQ,~~EAAErB~~,KAAK,~~CAACO~~,SAAS,CAACe,IAAI,CAACC,IAAI,CAACC,MAAM,CAACY,CAAC;IAC5CV,UAAU,~~EAAE1B~~,KAAK,~~CAACO~~,SAAS,CAACe,IAAI,CAACI,UAAU,CAACF,MAAM,CAACY,CAAAA;GACpD,CAAA;AAAA,CAAC,EAAArB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,~~qmGAAA~~,EAAA;AAEHiB,EAAE,CAACP,YAAY,GAAG;AAChB,EAAA,YAAY,EAAE,IAAA;AAChB,CAAC,CAAA;AAEM,MAAMU,EAAE,gBAAGvB,OAAA,OAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,IAAA;AAAA,CAAA,CAAA,CAAuBmB,KAAA,IAAA;EAAA,IAAC;~~AAAEtC~~,IAAAA,KAAAA;AAAM,GAAC,~~GAAAsC~~,KAAA,CAAA;EAAA,OAAM;~~IACvD~~,~~GAAGvC~~,eAAe,CAACC,KAAK,CAAC;~~IACzBqB~~,QAAQ,~~EAAErB~~,KAAK,~~CAACO~~,SAAS,CAACe,IAAI,CAACC,IAAI,CAACC,MAAM,CAACe,EAAE;IAC7Cb,UAAU,~~EAAE1B~~,KAAK,~~CAACO~~,SAAS,CAACe,IAAI,CAACI,UAAU,CAACF,MAAM,CAACe,EAAAA;GACpD,CAAA;AAAA,CAAC,EAAAxB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,~~qmGAAA~~,EAAA;AAEHoB,EAAE,CAACV,YAAY,GAAG;AAChB,EAAA,YAAY,EAAE,IAAA;AAChB,CAAC,CAAA;AAEM,MAAMa,EAAE,gBAAG1B,OAAA,OAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,IAAA;AAAA,CAAA,CAAA,~~CAAuBsB~~,KAAA,IAAA;EAAA,IAAC;~~AAAEzC~~,IAAAA,KAAAA;AAAM,GAAC,~~GAAAyC~~,KAAA,CAAA;EAAA,OAAM;~~IACvD~~,~~GAAG1C~~,eAAe,CAACC,KAAK,CAAC;~~IACzBqB~~,QAAQ,~~EAAErB~~,KAAK,~~CAACO~~,SAAS,CAACe,IAAI,CAACC,IAAI,CAACC,MAAM,CAACkB,GAAG;IAC9ChB,UAAU,~~EAAE1B~~,KAAK,~~CAACO~~,SAAS,CAACe,IAAI,CAACI,UAAU,CAACF,MAAM,CAACkB,GAAG;AACtDC,IAAAA,aAAa,EAAE,OAAO;AACtBC,IAAAA,aAAa,EAAE,WAAW;~~IAC1B3C~~,KAAK,EAAED,KAAK,~~CAACE~~,MAAM,~~CAACD~~,KAAK,~~CAACE~~,IAAI,~~CAAC0C~~,QAAQ,CAACxC,OAAAA;GACzC,CAAA;AAAA,CAAC,EAAAU,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,~~qmGAAA~~,EAAA;AAEHuB,EAAE,CAACb,YAAY,GAAG;AAChB,EAAA,YAAY,EAAE,IAAA;AAChB,CAAC;;;;"}
1	+ {"version":3,"file":"Header.js","sources":["../../../../../../src/components/Typography/Header/Header.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Theme } from \"@emotion/react\";\nimport { BaseColors } from \"src/types\";\n\nexport type HeaderProps = {\n as?: \"h1\" \| \"h2\" \| \"h3\" \| \"h4\" \| \"h5\" \| \"h6\";\n children: React.ReactNode;\n \"data-e2e-test-id\"?: string;\n /** @ignore */\n \"data-ds-id\"?: string;\n id?: string;\n color?: BaseColors;\n};\n\nconst getCommonStyles = (theme: Theme, color: BaseColors = \"primary\") => ({\n color: theme.values.color.text[color].default,\n fontFamily: theme.variables.fontFamily.lato,\n fontWeight: theme.variables.weight.black,\n margin: 0,\n});\n\nexport const H1 = styled.h1<HeaderProps>(({ theme, color }) => ({\n ...getCommonStyles(theme, color),\n fontSize: theme.variables.size.font.header.xl,\n lineHeight: theme.variables.size.lineHeight.header.xl,\n}));\n\nH1.defaultProps = {\n \"data-ds-id\": \"H1\",\n};\n\nexport const H2 = styled.h2<HeaderProps>(({ theme, color }) => ({\n ...getCommonStyles(theme, color),\n fontSize: theme.variables.size.font.header.l,\n lineHeight: theme.variables.size.lineHeight.header.l,\n}));\n\nH2.defaultProps = {\n \"data-ds-id\": \"H2\",\n};\n\nexport const H3 = styled.h3<HeaderProps>(({ theme, color }) => ({\n ...getCommonStyles(theme, color),\n fontSize: theme.variables.size.font.header.m,\n lineHeight: theme.variables.size.lineHeight.header.m,\n}));\n\nH3.defaultProps = {\n \"data-ds-id\": \"H3\",\n};\n\nexport const H4 = styled.h4<HeaderProps>(({ theme, color }) => ({\n ...getCommonStyles(theme, color),\n fontSize: theme.variables.size.font.header.s,\n lineHeight: theme.variables.size.lineHeight.header.s,\n}));\n\nH4.defaultProps = {\n \"data-ds-id\": \"H4\",\n};\n\nexport const H5 = styled.h5<HeaderProps>(({ theme, color }) => ({\n ...getCommonStyles(theme, color),\n fontSize: theme.variables.size.font.header.xs,\n lineHeight: theme.variables.size.lineHeight.header.xs,\n}));\n\nH5.defaultProps = {\n \"data-ds-id\": \"H5\",\n};\n\nexport const H6 = styled.h6<Omit<HeaderProps, \"color\">>(({ theme }) => ({\n ...getCommonStyles(theme),\n fontSize: theme.variables.size.font.header.xxs,\n lineHeight: theme.variables.size.lineHeight.header.xxs,\n letterSpacing: \"0.5px\",\n textTransform: \"uppercase\",\n color: theme.values.color.text.tertiary.default,\n}));\n\nH6.defaultProps = {\n \"data-ds-id\": \"H6\",\n};\n"],"names":["getCommonStyles","theme","color","arguments","length","undefined","values","text","default","fontFamily","variables","lato","fontWeight","weight","black","margin","H1","_styled","process","env","NODE_ENV","target","label","_ref","fontSize","size","font","header","xl","lineHeight","defaultProps","H2","_ref2","l","H3","_ref3","m","H4","_ref4","s","H5","_ref5","xs","H6","_ref6","xxs","letterSpacing","textTransform","tertiary"],"mappings":"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"}

package/build/esm/src/index.d.ts CHANGED Viewed

@@ -51,3 +51,4 @@ export * from "./components/DataTable";
 export * from "./components/Form/SegmentedControl/SegmentedControl";
 export * from "./components/Tooltip/Tooltip";
 export * from "./components/Tag/Tag";
+export * from "./components/TagGroup/TagGroup";

package/build/esm/src/index.js CHANGED Viewed

@@ -45,7 +45,8 @@ export { LoadingSpinner } from './components/LoadingSpinner/LoadingSpinner.js';
 export { Pagination } from './components/Pagination/Pagination.js';
 export { SegmentedControl } from './components/Form/SegmentedControl/SegmentedControl.js';
 export { Tooltip } from './components/Tooltip/Tooltip.js';
-export { Tag } from './components/Tag/Tag.js';
+export { MAX_TAG_WIDTH, Tag } from './components/Tag/Tag.js';
+export { TagGroup } from './components/TagGroup/TagGroup.js';
 export { Input } from './components/Form/Input/Input.js';
 export { PasswordInput } from './components/Form/PasswordInput/PasswordInput.js';
 export { BaseDataTable, DataTable } from './components/DataTable/DataTable.js';

package/build/esm/src/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/index.ts"],"sourcesContent":["import {\n ambossVisualConfiguration,\n VisualConfig,\n} from \"../build-tokens/visualConfig\";\n\nexport type { VisualConfig };\nexport const { dark, light } = ambossVisualConfiguration;\nexport { ThemeProvider, CacheProvider } from \"@emotion/react\";\nexport { default as createCache } from \"@emotion/cache\";\nexport * from \"./components/Card/Card\";\nexport * from \"./components/Card/CardBox\";\nexport * from \"./components/Box/Box\";\nexport * from \"./components/Inline/Inline\";\nexport * from \"./components/Stack/Stack\";\nexport * from \"./components/Typography/Header/Header\";\nexport * from \"./components/Typography/Text/Text\";\nexport * from \"./components/Typography/TextClamped/TextClamped\";\nexport * from \"./components/Typography/StyledText/StyledText\";\nexport * from \"./components/Link/Link\";\nexport * from \"./components/Icon/Icon\";\nexport * from \"./components/Button/Button\";\nexport * from \"./components/Divider/Divider\";\nexport * from \"./components/Column/Columns\";\nexport * from \"./components/Tabs/Tabs\";\nexport * from \"./components/Badge/Badge\";\nexport * from \"./components/SearchResult/SearchResult\";\nexport * from \"./components/Form/ToggleButton/ToggleButton\";\nexport * from \"./components/DropdownMenu/DropdownMenu\";\nexport * from \"./components/Form/FormFieldGroup/FormFieldGroup\";\nexport * from \"./components/Form/Input\";\nexport * from \"./components/Form/Checkbox/Checkbox\";\nexport * from \"./components/Form/Toggle/Toggle\";\nexport * from \"./components/Form/Radio/Radio\";\nexport * from \"./components/Form/RadioButton/RadioButton\";\nexport * from \"./components/Form/Textarea/Textarea\";\nexport * from \"./components/Form/Select/Select\";\nexport * from \"./components/SubThemeProvider/SubThemeProvider\";\nexport * from \"./components/PictogramButton/PictogramButton\";\nexport * from \"./components/MediaViewerBar/MediaViewerBar\";\nexport * from \"./components/SegmentedProgressBar/SegmentedProgressBar\";\nexport * from \"./components/ProgressBar/ProgressBar\";\nexport * from \"./components/Container/Container\";\nexport * from \"./components/Form/PasswordInput\";\nexport * from \"./components/RoundButton/RoundButton\";\nexport * from \"./components/Notification/Notification\";\nexport * from \"./components/Logo/Logo\";\nexport * from \"./components/MediaItem/MediaItem\";\nexport * from \"./components/Callout/Callout\";\nexport * from \"./components/Patterns/Modal/Modal\";\nexport * from \"./components/Patterns/ButtonGroup/ButtonGroup\";\nexport * from \"./components/Collapsible/Collapsible\";\nexport * from \"./components/LoadingSpinner/LoadingSpinner\";\nexport * from \"./components/Pagination/Pagination\";\nexport * from \"./components/DataTable\";\nexport * from \"./components/Form/SegmentedControl/SegmentedControl\";\nexport * from \"./components/Tooltip/Tooltip\";\nexport * from \"./components/Tag/Tag\";\n"],"names":["dark","light","ambossVisualConfiguration"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAMa,MAAA;EAAEA,IAAI;AAAEC,EAAAA,KAAAA;AAAM,CAAC,GAAGC;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/index.ts"],"sourcesContent":["import {\n ambossVisualConfiguration,\n VisualConfig,\n} from \"../build-tokens/visualConfig\";\n\nexport type { VisualConfig };\nexport const { dark, light } = ambossVisualConfiguration;\nexport { ThemeProvider, CacheProvider } from \"@emotion/react\";\nexport { default as createCache } from \"@emotion/cache\";\nexport * from \"./components/Card/Card\";\nexport * from \"./components/Card/CardBox\";\nexport * from \"./components/Box/Box\";\nexport * from \"./components/Inline/Inline\";\nexport * from \"./components/Stack/Stack\";\nexport * from \"./components/Typography/Header/Header\";\nexport * from \"./components/Typography/Text/Text\";\nexport * from \"./components/Typography/TextClamped/TextClamped\";\nexport * from \"./components/Typography/StyledText/StyledText\";\nexport * from \"./components/Link/Link\";\nexport * from \"./components/Icon/Icon\";\nexport * from \"./components/Button/Button\";\nexport * from \"./components/Divider/Divider\";\nexport * from \"./components/Column/Columns\";\nexport * from \"./components/Tabs/Tabs\";\nexport * from \"./components/Badge/Badge\";\nexport * from \"./components/SearchResult/SearchResult\";\nexport * from \"./components/Form/ToggleButton/ToggleButton\";\nexport * from \"./components/DropdownMenu/DropdownMenu\";\nexport * from \"./components/Form/FormFieldGroup/FormFieldGroup\";\nexport * from \"./components/Form/Input\";\nexport * from \"./components/Form/Checkbox/Checkbox\";\nexport * from \"./components/Form/Toggle/Toggle\";\nexport * from \"./components/Form/Radio/Radio\";\nexport * from \"./components/Form/RadioButton/RadioButton\";\nexport * from \"./components/Form/Textarea/Textarea\";\nexport * from \"./components/Form/Select/Select\";\nexport * from \"./components/SubThemeProvider/SubThemeProvider\";\nexport * from \"./components/PictogramButton/PictogramButton\";\nexport * from \"./components/MediaViewerBar/MediaViewerBar\";\nexport * from \"./components/SegmentedProgressBar/SegmentedProgressBar\";\nexport * from \"./components/ProgressBar/ProgressBar\";\nexport * from \"./components/Container/Container\";\nexport * from \"./components/Form/PasswordInput\";\nexport * from \"./components/RoundButton/RoundButton\";\nexport * from \"./components/Notification/Notification\";\nexport * from \"./components/Logo/Logo\";\nexport * from \"./components/MediaItem/MediaItem\";\nexport * from \"./components/Callout/Callout\";\nexport * from \"./components/Patterns/Modal/Modal\";\nexport * from \"./components/Patterns/ButtonGroup/ButtonGroup\";\nexport * from \"./components/Collapsible/Collapsible\";\nexport * from \"./components/LoadingSpinner/LoadingSpinner\";\nexport * from \"./components/Pagination/Pagination\";\nexport * from \"./components/DataTable\";\nexport * from \"./components/Form/SegmentedControl/SegmentedControl\";\nexport * from \"./components/Tooltip/Tooltip\";\nexport * from \"./components/Tag/Tag\";\nexport * from \"./components/TagGroup/TagGroup\";\n"],"names":["dark","light","ambossVisualConfiguration"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMa,MAAA;EAAEA,IAAI;AAAEC,EAAAA,KAAAA;AAAM,CAAC,GAAGC;;;;"}