@amboss/design-system 1.22.0 → 1.23.2

package/build/esm/src/components/SubThemeProvider/SubThemeProvider.js

@@ -1,50 +0,0 @@
-import React from 'react';
-import { ThemeProvider } from '@emotion/react';
-
-/* eslint-disable no-restricted-syntax */
-function isObject(item) {
-  return item && typeof item === "object" && !Array.isArray(item);
-}
-function mergeDeep(target) {
-  for (var _len = arguments.length, sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    sources[_key - 1] = arguments[_key];
-  }
-  if (!sources.length) return target;
-  const source = sources.shift();
-  if (isObject(target) && isObject(source)) {
-    for (const key in source) {
-      if (isObject(source[key])) {
-        if (!target[key]) Object.assign(target, {
-          [key]: {}
-        });
-        mergeDeep(target[key], source[key]);
-      } else {
-        Object.assign(target, {
-          [key]: source[key]
-        });
-      }
-    }
-  }
-  return mergeDeep(target, ...sources);
-}
-const subThemeCreator = (parentTheme, name) => mergeDeep({}, parentTheme, {
-  values: {
-    ...parentTheme.values.subThemes[name]
-  }
-});
-function SubThemeProvider(_ref) {
-  let {
-    name,
-    children,
-    "data-e2e-test-id": dataE2eTestId
-  } = _ref;
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: parentTheme => subThemeCreator(parentTheme, name)
-  }, /*#__PURE__*/React.createElement("div", {
-    "data-e2e-test-id": dataE2eTestId,
-    "data-ds-id": "SubThemeProvider"
-  }, children));
-}
-
-export { SubThemeProvider };
-//# sourceMappingURL=SubThemeProvider.js.map

package/build/esm/src/components/SubThemeProvider/SubThemeProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SubThemeProvider.js","sources":["../../../../../src/components/SubThemeProvider/SubThemeProvider.tsx"],"sourcesContent":["/* eslint-disable no-restricted-syntax */\nimport React from \"react\";\nimport { ThemeProvider, Theme } from \"@emotion/react\";\nimport { SubThemeTypes } from \"../../../build-tokens/_subThemeType\";\n\nexport type SubThemeProviderProps = {\n  \"data-e2e-test-id\"?: string;\n  children: React.ReactNode[] | React.ReactNode;\n  name: \"unset\" | SubThemeTypes;\n};\n\ntype DeepPartial<T> = {\n  [P in keyof T]?: DeepPartial<T[P]>;\n};\n\nfunction isObject(item: unknown) {\n  return item && typeof item === \"object\" && !Array.isArray(item);\n}\n\nfunction mergeDeep<T>(\n  target: DeepPartial<T>,\n  ...sources: DeepPartial<T>[]\n): DeepPartial<T> {\n  if (!sources.length) return target;\n  const source = sources.shift();\n\n  if (isObject(target) && isObject(source)) {\n    for (const key in source) {\n      if (isObject(source[key])) {\n        if (!target[key]) Object.assign(target, { [key]: {} });\n        mergeDeep(target[key], source[key]);\n      } else {\n        Object.assign(target, { [key]: source[key] });\n      }\n    }\n  }\n\n  return mergeDeep(target, ...sources);\n}\n\nconst subThemeCreator = (parentTheme: Theme, name: SubThemeTypes): Theme =>\n  mergeDeep({}, parentTheme, {\n    values: {\n      ...parentTheme.values.subThemes[name],\n    },\n  }) as Theme;\n\nexport function SubThemeProvider({\n  name,\n  children,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: SubThemeProviderProps): React.ReactElement {\n  return (\n    <ThemeProvider\n      theme={(parentTheme: Theme) =>\n        subThemeCreator(parentTheme, name as SubThemeTypes)\n      }\n    >\n      <div data-e2e-test-id={dataE2eTestId} data-ds-id=\"SubThemeProvider\">\n        {children}\n      </div>\n    </ThemeProvider>\n  );\n}\n"],"names":["isObject","item","Array","isArray","mergeDeep","target","_len","arguments","length","sources","_key","source","shift","key","Object","assign","subThemeCreator","parentTheme","name","values","subThemes","SubThemeProvider","_ref","children","dataE2eTestId","React","createElement","ThemeProvider","theme"],"mappings":";;;AAAA;AAeA,SAASA,QAAQA,CAACC,IAAa,EAAE;AAC/B,EAAA,OAAOA,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,IAAI,CAAC,CAAA;AACjE,CAAA;AAEA,SAASG,SAASA,CAChBC,MAAsB,EAEN;EAAA,KAAAC,IAAAA,IAAA,GAAAC,SAAA,CAAAC,MAAA,EADbC,OAAO,OAAAP,KAAA,CAAAI,IAAA,GAAAA,CAAAA,GAAAA,IAAA,WAAAI,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA,EAAA,EAAA;AAAPD,IAAAA,OAAO,CAAAC,IAAA,GAAAH,CAAAA,CAAAA,GAAAA,SAAA,CAAAG,IAAA,CAAA,CAAA;AAAA,GAAA;AAEV,EAAA,IAAI,CAACD,OAAO,CAACD,MAAM,EAAE,OAAOH,MAAM,CAAA;AAClC,EAAA,MAAMM,MAAM,GAAGF,OAAO,CAACG,KAAK,EAAE,CAAA;EAE9B,IAAIZ,QAAQ,CAACK,MAAM,CAAC,IAAIL,QAAQ,CAACW,MAAM,CAAC,EAAE;AACxC,IAAA,KAAK,MAAME,GAAG,IAAIF,MAAM,EAAE;AACxB,MAAA,IAAIX,QAAQ,CAACW,MAAM,CAACE,GAAG,CAAC,CAAC,EAAE;QACzB,IAAI,CAACR,MAAM,CAACQ,GAAG,CAAC,EAAEC,MAAM,CAACC,MAAM,CAACV,MAAM,EAAE;UAAE,CAACQ,GAAG,GAAG,EAAC;AAAE,SAAC,CAAC,CAAA;QACtDT,SAAS,CAACC,MAAM,CAACQ,GAAG,CAAC,EAAEF,MAAM,CAACE,GAAG,CAAC,CAAC,CAAA;AACrC,OAAC,MAAM;AACLC,QAAAA,MAAM,CAACC,MAAM,CAACV,MAAM,EAAE;AAAE,UAAA,CAACQ,GAAG,GAAGF,MAAM,CAACE,GAAG,CAAA;AAAE,SAAC,CAAC,CAAA;AAC/C,OAAA;AACF,KAAA;AACF,GAAA;AAEA,EAAA,OAAOT,SAAS,CAACC,MAAM,EAAE,GAAGI,OAAO,CAAC,CAAA;AACtC,CAAA;AAEA,MAAMO,eAAe,GAAGA,CAACC,WAAkB,EAAEC,IAAmB,KAC9Dd,SAAS,CAAC,EAAE,EAAEa,WAAW,EAAE;AACzBE,EAAAA,MAAM,EAAE;AACN,IAAA,GAAGF,WAAW,CAACE,MAAM,CAACC,SAAS,CAACF,IAAI,CAAA;AACtC,GAAA;AACF,CAAC,CAAU,CAAA;AAEN,SAASG,gBAAgBA,CAAAC,IAAA,EAIc;EAAA,IAJb;IAC/BJ,IAAI;IACJK,QAAQ;AACR,IAAA,kBAAkB,EAAEC,aAAAA;AACC,GAAC,GAAAF,IAAA,CAAA;AACtB,EAAA,oBACEG,KAAA,CAAAC,aAAA,CAACC,aAAa,EAAA;AACZC,IAAAA,KAAK,EAAGX,WAAkB,IACxBD,eAAe,CAACC,WAAW,EAAEC,IAAqB,CAAA;GAGpDO,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,kBAAA,EAAkBF,aAAc;IAAC,YAAW,EAAA,kBAAA;GAC9CD,EAAAA,QACE,CACQ,CAAC,CAAA;AAEpB;;;;"}

package/build/esm/src/components/Tabs/Tabs.js

@@ -1,140 +0,0 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _styled from '@emotion/styled/base';
-import React from 'react';
-import { mq } from '../../shared/mediaQueries.js';
-import { Icon } from '../Icon/Icon.js';
-import { Stack } from '../Stack/Stack.js';
-
-const BORDER_BOTTOM_WIDTH = 4;
-const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "epth01"
-} : {
-  target: "epth01",
-  label: "StyledContainer"
-})(_ref => {
-  let {
-    theme,
-    horizontalPadding
-  } = _ref;
-  return {
-    display: "flex",
-    flexDirection: "row",
-    ...mq({
-      gap: [["m", "l", "l"], theme.variables.size.spacing],
-      paddingInline: [horizontalPadding, theme.variables.size.spacing]
-    }),
-    paddingTop: theme.variables.size.spacing.m,
-    borderBottom: `1px solid ${theme.values.color.border.secondary.default}`,
-    whiteSpace: "nowrap",
-    // Scrollbar
-    overflow: "auto",
-    scrollbarWidth: "none",
-    // Firefox
-    msOverflowStyle: "none",
-    // IE 10+
-    "::-webkit-scrollbar": {
-      display: "none" // Chrome
-    }
-  };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVl3QiIsImZpbGUiOiJUYWJzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IG1xIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7IE1RLCBTcGFjZVNpemVzIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgeyBJY29uLCBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5cbmNvbnN0IEJPUkRFUl9CT1RUT01fV0lEVEggPSA0O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaG9yaXpvbnRhbFBhZGRpbmc6IFNwYWNlU2l6ZXMgfCBNUTxTcGFjZVNpemVzPjtcbn0+KCh7IHRoZW1lLCBob3Jpem9udGFsUGFkZGluZyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgLi4ubXEoe1xuICAgIGdhcDogW1tcIm1cIiwgXCJsXCIsIFwibFwiXSwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgcGFkZGluZ0lubGluZTogW2hvcml6b250YWxQYWRkaW5nLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgfSksXG5cbiAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG5cbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcblxuICAvLyBTY3JvbGxiYXJcbiAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICBzY3JvbGxiYXJXaWR0aDogXCJub25lXCIsIC8vIEZpcmVmb3hcbiAgbXNPdmVyZmxvd1N0eWxlOiBcIm5vbmVcIiwgLy8gSUUgMTArXG4gIFwiOjotd2Via2l0LXNjcm9sbGJhclwiOiB7XG4gICAgZGlzcGxheTogXCJub25lXCIsIC8vIENocm9tZVxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRUYWIgPSBzdHlsZWQuYnV0dG9uPHsgYWN0aXZlOiBib29sZWFuIH0+KCh7IHRoZW1lLCBhY3RpdmUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGdhcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgYmFja2dyb3VuZDogMCxcbiAgYm9yZGVyOiAwLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gIHBhZGRpbmc6IDAsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQucyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5sLFxuICB0cmFuc2l0aW9uOiBcImJhY2tncm91bmQtY29sb3IgMC4xNXNcIixcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuXG4gIC8vIFJlcXVpcmVkIHRvIG1haW50YWluIGNvbnNpc3RlbnQgaGVpZ2h0IGZvciB0aGUgc2VsZWN0ZWQgdGFiXG4gIGJvcmRlckJvdHRvbTogYCR7Qk9SREVSX0JPVFRPTV9XSURUSH1weCBzb2xpZCB0cmFuc3BhcmVudGAsXG4gIHBhZGRpbmdCb3R0b206IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAtICR7Qk9SREVSX0JPVFRPTV9XSURUSH1weClgLFxuXG4gIC4uLihhY3RpdmUgJiYge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5hY2NlbnQuZGVmYXVsdCxcbiAgICBib3JkZXJCb3R0b206IGAke0JPUkRFUl9CT1RUT01fV0lEVEh9cHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGVmYXVsdH1gLFxuICB9KSxcbiAgLi4uKCFhY3RpdmUgJiYge1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICBib3JkZXJCb3R0b206IGAke0JPUkRFUl9CT1RUT01fV0lEVEh9cHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3Zlcn1gLFxuICAgIH0sXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgYm9yZGVyQm90dG9tOiBgJHtCT1JERVJfQk9UVE9NX1dJRFRIfXB4ICBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LnNlbGVjdGVkfWAsXG4gICAgfSxcbiAgfSksXG59KSk7XG5cbmNvbnN0IGFkZFN1YnRpdGxlID0gKHRleHQ6IHN0cmluZykgPT4gKHRleHQgPyBgKCR7dGV4dH0pYCA6IGBgKTtcblxuLyoqXG4gKiBAcGFyYW0gbGFiZWwgLSBUaGUgdGV4dCB0byBkaXNwbGF5IGluIHRoZSB0YWJcbiAqIEBwYXJhbSBzdWJsYWJlbCAtIEEgc3VidGV4dCwgZW5jYXNlZCBpbiBwYXJlbnRoZXNlc1xuICogQHBhcmFtIGljb24gLSBBbiBpY29uIHRvIGRpc3BsYXkgdG8gdGhlIGxlZnQgb2YgdGhlIGxhYmVsXG4gKiBAcGFyYW0gYXMgLSBUaGUgZWxlbWVudCB0byByZW5kZXIgdGhlIHRhYiBhcywgZGVmYXVsdHMgdG8gYGJ1dHRvbmBcbiAqL1xudHlwZSBUYWIgPSB7XG4gIGlkPzogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xuICBzdWJsYWJlbD86IHN0cmluZztcbiAgaWNvbj86IEljb25OYW1lO1xuICBhcz86IFwiYVwiIHwgXCJidXR0b25cIiB8IFJlYWN0LkVsZW1lbnRUeXBlO1xufSAmIFBhcnRpYWw8UmVhY3QuQ29tcG9uZW50UHJvcHM8XCJidXR0b25cIj4+ICZcbiAgUGFydGlhbDxSZWFjdC5Db21wb25lbnRQcm9wczxcImFcIj4+O1xuXG5leHBvcnQgdHlwZSBUYWJzUHJvcHMgPSB7XG4gIC8qKiBBbiBhcnJheSBvZiB0YWJzLCBjb250YWlucyBgaGVhZGVyYCwgYHN1YnRpdGxlYCwgYGljb25MZWZ0YCwgYGFzYCAoZGVmaW5pbmcgdGhlIHRhYiBhcyBhIGJ1dHRvbiBvciBhIGxpbmspICovXG4gIHRhYnM6IFRhYltdO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgLyoqIFRoZSBpbmRleCBvZiB0aGUgYWN0aXZlIHRhYiAqL1xuICBhY3RpdmVUYWI/OiBudW1iZXI7XG4gIG9uVGFiU2VsZWN0PzogKHNlbGVjdGVkVGFiOiBudW1iZXIpID0+IHZvaWQ7XG4gIHRhYlBhbmVsSWQ/OiBzdHJpbmc7XG4gIC8qKiBIb3Jpem9udGFsIHBhZGRpbmcgc3BhY2UgZm9yIHRoZSB0YWIgY29udGFpbmVyLCBzdWl0ZWQgZm9yIHRhYnMgd2l0aGluIGEgQ2FyZCBlbGVtZW50ICovXG4gIGhvcml6b250YWxQYWRkaW5nPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+OyAvLyAnbScgfCBbJ20nLCAnbCcsICdsJ11cbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gVGFicyh7XG4gIHRhYnMsXG4gIGhvcml6b250YWxQYWRkaW5nLFxuICBhY3RpdmVUYWIgPSAwLFxuICBjaGlsZHJlbixcbiAgb25UYWJTZWxlY3QsXG4gIHRhYlBhbmVsSWQgPSBcInRhYlBhbmVsXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogVGFic1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3RhY2sgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gZGF0YS1kcy1pZD1cIlRhYnNcIj5cbiAgICAgIDxTdHlsZWRDb250YWluZXIgaG9yaXpvbnRhbFBhZGRpbmc9e2hvcml6b250YWxQYWRkaW5nfSByb2xlPVwidGFibGlzdFwiPlxuICAgICAgICB7dGFicy5tYXAoXG4gICAgICAgICAgKHsgaWQ6IHRhYklkLCBsYWJlbCwgc3VibGFiZWwsIGljb24sIGFzID0gXCJidXR0b25cIiwgLi4ucmVzdCB9LCBpKSA9PiAoXG4gICAgICAgICAgICA8U3R5bGVkVGFiXG4gICAgICAgICAgICAgIGlkPXt0YWJJZCB8fCBgdGFiLSR7aX1gfVxuICAgICAgICAgICAgICB0eXBlPXthcyAhPT0gXCJidXR0b25cIiA/IHVuZGVmaW5lZCA6IFwiYnV0dG9uXCJ9XG4gICAgICAgICAgICAgIHJvbGU9XCJ0YWJcIlxuICAgICAgICAgICAgICBhcz17YXN9XG4gICAgICAgICAgICAgIGtleT17bGFiZWx9XG4gICAgICAgICAgICAgIGFjdGl2ZT17YWN0aXZlVGFiID09PSBpfVxuICAgICAgICAgICAgICBhcmlhLXNlbGVjdGVkPXthY3RpdmVUYWIgPT09IGl9XG4gICAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e3RhYlBhbmVsSWR9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uVGFiU2VsZWN0ICYmIG9uVGFiU2VsZWN0KGkpfVxuICAgICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2ljb24gJiYgPEljb24gc2l6ZT1cInNcIiBuYW1lPXtpY29ufSAvPn1cbiAgICAgICAgICAgICAge2xhYmVsfSB7YWRkU3VidGl0bGUoc3VibGFiZWwpfVxuICAgICAgICAgICAgPC9TdHlsZWRUYWI+XG4gICAgICAgICAgKVxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgICA8ZGl2IHJvbGU9XCJ0YWJwYW5lbFwiIGlkPXt0YWJQYW5lbElkfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgPC9TdGFjaz5cbiAgKTtcbn1cbiJdfQ== */");
-const StyledTab = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
-  target: "epth00"
-} : {
-  target: "epth00",
-  label: "StyledTab"
-})(_ref2 => {
-  let {
-    theme,
-    active
-  } = _ref2;
-  return {
-    display: "flex",
-    gap: theme.variables.size.spacing.xxs,
-    alignItems: "center",
-    background: 0,
-    border: 0,
-    boxSizing: "border-box",
-    color: theme.values.color.text.secondary.default,
-    padding: 0,
-    fontFamily: theme.variables.fontFamily.lato,
-    fontWeight: theme.variables.weight.bold,
-    fontSize: theme.variables.size.font.s,
-    lineHeight: theme.variables.size.lineHeight.l,
-    transition: "background-color 0.15s",
-    textDecoration: "none",
-    // Required to maintain consistent height for the selected tab
-    borderBottom: `${BORDER_BOTTOM_WIDTH}px solid transparent`,
-    paddingBottom: `calc(${theme.variables.size.spacing.m} - ${BORDER_BOTTOM_WIDTH}px)`,
-    ...(active && {
-      color: theme.values.color.text.accent.default,
-      borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.accent.default}`
-    }),
-    ...(!active && {
-      cursor: "pointer",
-      "&:hover": {
-        color: theme.values.color.text.primary.default,
-        borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.transparent.hover}`
-      },
-      "&:active": {
-        color: theme.values.color.text.primary.default,
-        borderBottom: `${BORDER_BOTTOM_WIDTH}px  solid ${theme.values.color.background.transparent.selected}`
-      }
-    })
-  };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Da0IiLCJmaWxlIjoiVGFicy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBtcSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyBNUSwgU3BhY2VTaXplcyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi9TdGFjay9TdGFja1wiO1xuXG5jb25zdCBCT1JERVJfQk9UVE9NX1dJRFRIID0gNDtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7XG4gIGhvcml6b250YWxQYWRkaW5nOiBTcGFjZVNpemVzIHwgTVE8U3BhY2VTaXplcz47XG59PigoeyB0aGVtZSwgaG9yaXpvbnRhbFBhZGRpbmcgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIC4uLm1xKHtcbiAgICBnYXA6IFtbXCJtXCIsIFwibFwiLCBcImxcIl0sIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgIHBhZGRpbmdJbmxpbmU6IFtob3Jpem9udGFsUGFkZGluZywgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gIH0pLFxuXG4gIHBhZGRpbmdUb3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxuXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG5cbiAgLy8gU2Nyb2xsYmFyXG4gIG92ZXJmbG93OiBcImF1dG9cIixcbiAgc2Nyb2xsYmFyV2lkdGg6IFwibm9uZVwiLCAvLyBGaXJlZm94XG4gIG1zT3ZlcmZsb3dTdHlsZTogXCJub25lXCIsIC8vIElFIDEwK1xuICBcIjo6LXdlYmtpdC1zY3JvbGxiYXJcIjoge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLCAvLyBDaHJvbWVcbiAgfSxcbn0pKTtcblxuY29uc3QgU3R5bGVkVGFiID0gc3R5bGVkLmJ1dHRvbjx7IGFjdGl2ZTogYm9vbGVhbiB9PigoeyB0aGVtZSwgYWN0aXZlIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBnYXA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIGJhY2tncm91bmQ6IDAsXG4gIGJvcmRlcjogMCxcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICBwYWRkaW5nOiAwLFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnMsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQubCxcbiAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMTVzXCIsXG4gIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcblxuICAvLyBSZXF1aXJlZCB0byBtYWludGFpbiBjb25zaXN0ZW50IGhlaWdodCBmb3IgdGhlIHNlbGVjdGVkIHRhYlxuICBib3JkZXJCb3R0b206IGAke0JPUkRFUl9CT1RUT01fV0lEVEh9cHggc29saWQgdHJhbnNwYXJlbnRgLFxuICBwYWRkaW5nQm90dG9tOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gLSAke0JPUkRFUl9CT1RUT01fV0lEVEh9cHgpYCxcblxuICAuLi4oYWN0aXZlICYmIHtcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYWNjZW50LmRlZmF1bHQsXG4gICAgYm9yZGVyQm90dG9tOiBgJHtCT1JERVJfQk9UVE9NX1dJRFRIfXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmRlZmF1bHR9YCxcbiAgfSksXG4gIC4uLighYWN0aXZlICYmIHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgYm9yZGVyQm90dG9tOiBgJHtCT1JERVJfQk9UVE9NX1dJRFRIfXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXJ9YCxcbiAgICB9LFxuICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7Qk9SREVSX0JPVFRPTV9XSURUSH1weCAgc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5zZWxlY3RlZH1gLFxuICAgIH0sXG4gIH0pLFxufSkpO1xuXG5jb25zdCBhZGRTdWJ0aXRsZSA9ICh0ZXh0OiBzdHJpbmcpID0+ICh0ZXh0ID8gYCgke3RleHR9KWAgOiBgYCk7XG5cbi8qKlxuICogQHBhcmFtIGxhYmVsIC0gVGhlIHRleHQgdG8gZGlzcGxheSBpbiB0aGUgdGFiXG4gKiBAcGFyYW0gc3VibGFiZWwgLSBBIHN1YnRleHQsIGVuY2FzZWQgaW4gcGFyZW50aGVzZXNcbiAqIEBwYXJhbSBpY29uIC0gQW4gaWNvbiB0byBkaXNwbGF5IHRvIHRoZSBsZWZ0IG9mIHRoZSBsYWJlbFxuICogQHBhcmFtIGFzIC0gVGhlIGVsZW1lbnQgdG8gcmVuZGVyIHRoZSB0YWIgYXMsIGRlZmF1bHRzIHRvIGBidXR0b25gXG4gKi9cbnR5cGUgVGFiID0ge1xuICBpZD86IHN0cmluZztcbiAgbGFiZWw6IHN0cmluZztcbiAgc3VibGFiZWw/OiBzdHJpbmc7XG4gIGljb24/OiBJY29uTmFtZTtcbiAgYXM/OiBcImFcIiB8IFwiYnV0dG9uXCIgfCBSZWFjdC5FbGVtZW50VHlwZTtcbn0gJiBQYXJ0aWFsPFJlYWN0LkNvbXBvbmVudFByb3BzPFwiYnV0dG9uXCI+PiAmXG4gIFBhcnRpYWw8UmVhY3QuQ29tcG9uZW50UHJvcHM8XCJhXCI+PjtcblxuZXhwb3J0IHR5cGUgVGFic1Byb3BzID0ge1xuICAvKiogQW4gYXJyYXkgb2YgdGFicywgY29udGFpbnMgYGhlYWRlcmAsIGBzdWJ0aXRsZWAsIGBpY29uTGVmdGAsIGBhc2AgKGRlZmluaW5nIHRoZSB0YWIgYXMgYSBidXR0b24gb3IgYSBsaW5rKSAqL1xuICB0YWJzOiBUYWJbXTtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gIC8qKiBUaGUgaW5kZXggb2YgdGhlIGFjdGl2ZSB0YWIgKi9cbiAgYWN0aXZlVGFiPzogbnVtYmVyO1xuICBvblRhYlNlbGVjdD86IChzZWxlY3RlZFRhYjogbnVtYmVyKSA9PiB2b2lkO1xuICB0YWJQYW5lbElkPzogc3RyaW5nO1xuICAvKiogSG9yaXpvbnRhbCBwYWRkaW5nIHNwYWNlIGZvciB0aGUgdGFiIGNvbnRhaW5lciwgc3VpdGVkIGZvciB0YWJzIHdpdGhpbiBhIENhcmQgZWxlbWVudCAqL1xuICBob3Jpem9udGFsUGFkZGluZz86IFNwYWNlU2l6ZXMgfCBNUTxTcGFjZVNpemVzPjsgLy8gJ20nIHwgWydtJywgJ2wnLCAnbCddXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIFRhYnMoe1xuICB0YWJzLFxuICBob3Jpem9udGFsUGFkZGluZyxcbiAgYWN0aXZlVGFiID0gMCxcbiAgY2hpbGRyZW4sXG4gIG9uVGFiU2VsZWN0LFxuICB0YWJQYW5lbElkID0gXCJ0YWJQYW5lbFwiLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFRhYnNQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFN0YWNrIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9IGRhdGEtZHMtaWQ9XCJUYWJzXCI+XG4gICAgICA8U3R5bGVkQ29udGFpbmVyIGhvcml6b250YWxQYWRkaW5nPXtob3Jpem9udGFsUGFkZGluZ30gcm9sZT1cInRhYmxpc3RcIj5cbiAgICAgICAge3RhYnMubWFwKFxuICAgICAgICAgICh7IGlkOiB0YWJJZCwgbGFiZWwsIHN1YmxhYmVsLCBpY29uLCBhcyA9IFwiYnV0dG9uXCIsIC4uLnJlc3QgfSwgaSkgPT4gKFxuICAgICAgICAgICAgPFN0eWxlZFRhYlxuICAgICAgICAgICAgICBpZD17dGFiSWQgfHwgYHRhYi0ke2l9YH1cbiAgICAgICAgICAgICAgdHlwZT17YXMgIT09IFwiYnV0dG9uXCIgPyB1bmRlZmluZWQgOiBcImJ1dHRvblwifVxuICAgICAgICAgICAgICByb2xlPVwidGFiXCJcbiAgICAgICAgICAgICAgYXM9e2FzfVxuICAgICAgICAgICAgICBrZXk9e2xhYmVsfVxuICAgICAgICAgICAgICBhY3RpdmU9e2FjdGl2ZVRhYiA9PT0gaX1cbiAgICAgICAgICAgICAgYXJpYS1zZWxlY3RlZD17YWN0aXZlVGFiID09PSBpfVxuICAgICAgICAgICAgICBhcmlhLWNvbnRyb2xzPXt0YWJQYW5lbElkfVxuICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvblRhYlNlbGVjdCAmJiBvblRhYlNlbGVjdChpKX1cbiAgICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtpY29uICYmIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvbn0gLz59XG4gICAgICAgICAgICAgIHtsYWJlbH0ge2FkZFN1YnRpdGxlKHN1YmxhYmVsKX1cbiAgICAgICAgICAgIDwvU3R5bGVkVGFiPlxuICAgICAgICAgIClcbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICAgICAgPGRpdiByb2xlPVwidGFicGFuZWxcIiBpZD17dGFiUGFuZWxJZH0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvZGl2PlxuICAgIDwvU3RhY2s+XG4gICk7XG59XG4iXX0= */");
-const addSubtitle = text => text ? `(${text})` : ``;
-
-/**
- * @param label - The text to display in the tab
- * @param sublabel - A subtext, encased in parentheses
- * @param icon - An icon to display to the left of the label
- * @param as - The element to render the tab as, defaults to `button`
- */
-
-function Tabs(_ref3) {
-  let {
-    tabs,
-    horizontalPadding,
-    activeTab = 0,
-    children,
-    onTabSelect,
-    tabPanelId = "tabPanel",
-    "data-e2e-test-id": dataE2eTestId
-  } = _ref3;
-  return /*#__PURE__*/React.createElement(Stack, {
-    "data-e2e-test-id": dataE2eTestId,
-    "data-ds-id": "Tabs"
-  }, /*#__PURE__*/React.createElement(StyledContainer, {
-    horizontalPadding: horizontalPadding,
-    role: "tablist"
-  }, tabs.map((_ref4, i) => {
-    let {
-      id: tabId,
-      label,
-      sublabel,
-      icon,
-      as = "button",
-      ...rest
-    } = _ref4;
-    return /*#__PURE__*/React.createElement(StyledTab, _extends({
-      id: tabId || `tab-${i}`,
-      type: as !== "button" ? undefined : "button",
-      role: "tab",
-      as: as,
-      key: label,
-      active: activeTab === i,
-      "aria-selected": activeTab === i,
-      "aria-controls": tabPanelId,
-      onClick: () => onTabSelect && onTabSelect(i)
-    }, rest), icon && /*#__PURE__*/React.createElement(Icon, {
-      size: "s",
-      name: icon
-    }), label, " ", addSubtitle(sublabel));
-  })), /*#__PURE__*/React.createElement("div", {
-    role: "tabpanel",
-    id: tabPanelId
-  }, children));
-}
-
-export { Tabs };
-//# sourceMappingURL=Tabs.js.map

package/build/esm/src/components/Tabs/Tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport styled from \"@emotion/styled\";\nimport React from \"react\";\n\nimport { mq } from \"../../shared/mediaQueries\";\nimport { MQ, SpaceSizes } from \"../../types\";\nimport { Icon, IconName } from \"../Icon/Icon\";\nimport { Stack } from \"../Stack/Stack\";\n\nconst BORDER_BOTTOM_WIDTH = 4;\n\nconst StyledContainer = styled.div<{\n  horizontalPadding: SpaceSizes | MQ<SpaceSizes>;\n}>(({ theme, horizontalPadding }) => ({\n  display: \"flex\",\n  flexDirection: \"row\",\n  ...mq({\n    gap: [[\"m\", \"l\", \"l\"], theme.variables.size.spacing],\n    paddingInline: [horizontalPadding, theme.variables.size.spacing],\n  }),\n\n  paddingTop: theme.variables.size.spacing.m,\n  borderBottom: `1px solid ${theme.values.color.border.secondary.default}`,\n\n  whiteSpace: \"nowrap\",\n\n  // Scrollbar\n  overflow: \"auto\",\n  scrollbarWidth: \"none\", // Firefox\n  msOverflowStyle: \"none\", // IE 10+\n  \"::-webkit-scrollbar\": {\n    display: \"none\", // Chrome\n  },\n}));\n\nconst StyledTab = styled.button<{ active: boolean }>(({ theme, active }) => ({\n  display: \"flex\",\n  gap: theme.variables.size.spacing.xxs,\n  alignItems: \"center\",\n\n  background: 0,\n  border: 0,\n  boxSizing: \"border-box\",\n  color: theme.values.color.text.secondary.default,\n  padding: 0,\n  fontFamily: theme.variables.fontFamily.lato,\n  fontWeight: theme.variables.weight.bold,\n  fontSize: theme.variables.size.font.s,\n  lineHeight: theme.variables.size.lineHeight.l,\n  transition: \"background-color 0.15s\",\n  textDecoration: \"none\",\n\n  // Required to maintain consistent height for the selected tab\n  borderBottom: `${BORDER_BOTTOM_WIDTH}px solid transparent`,\n  paddingBottom: `calc(${theme.variables.size.spacing.m} - ${BORDER_BOTTOM_WIDTH}px)`,\n\n  ...(active && {\n    color: theme.values.color.text.accent.default,\n    borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.accent.default}`,\n  }),\n  ...(!active && {\n    cursor: \"pointer\",\n    \"&:hover\": {\n      color: theme.values.color.text.primary.default,\n      borderBottom: `${BORDER_BOTTOM_WIDTH}px solid ${theme.values.color.background.transparent.hover}`,\n    },\n    \"&:active\": {\n      color: theme.values.color.text.primary.default,\n      borderBottom: `${BORDER_BOTTOM_WIDTH}px  solid ${theme.values.color.background.transparent.selected}`,\n    },\n  }),\n}));\n\nconst addSubtitle = (text: string) => (text ? `(${text})` : ``);\n\n/**\n * @param label - The text to display in the tab\n * @param sublabel - A subtext, encased in parentheses\n * @param icon - An icon to display to the left of the label\n * @param as - The element to render the tab as, defaults to `button`\n */\ntype Tab = {\n  id?: string;\n  label: string;\n  sublabel?: string;\n  icon?: IconName;\n  as?: \"a\" | \"button\" | React.ElementType;\n} & Partial<React.ComponentProps<\"button\">> &\n  Partial<React.ComponentProps<\"a\">>;\n\nexport type TabsProps = {\n  /** An array of tabs, contains `header`, `subtitle`, `iconLeft`, `as` (defining the tab as a button or a link) */\n  tabs: Tab[];\n  children?: React.ReactElement;\n  /** The index of the active tab */\n  activeTab?: number;\n  onTabSelect?: (selectedTab: number) => void;\n  tabPanelId?: string;\n  /** Horizontal padding space for the tab container, suited for tabs within a Card element */\n  horizontalPadding?: SpaceSizes | MQ<SpaceSizes>; // 'm' | ['m', 'l', 'l']\n  \"data-e2e-test-id\"?: string;\n};\n\nexport function Tabs({\n  tabs,\n  horizontalPadding,\n  activeTab = 0,\n  children,\n  onTabSelect,\n  tabPanelId = \"tabPanel\",\n  \"data-e2e-test-id\": dataE2eTestId,\n}: TabsProps): React.ReactElement {\n  return (\n    <Stack data-e2e-test-id={dataE2eTestId} data-ds-id=\"Tabs\">\n      <StyledContainer horizontalPadding={horizontalPadding} role=\"tablist\">\n        {tabs.map(\n          ({ id: tabId, label, sublabel, icon, as = \"button\", ...rest }, i) => (\n            <StyledTab\n              id={tabId || `tab-${i}`}\n              type={as !== \"button\" ? undefined : \"button\"}\n              role=\"tab\"\n              as={as}\n              key={label}\n              active={activeTab === i}\n              aria-selected={activeTab === i}\n              aria-controls={tabPanelId}\n              onClick={() => onTabSelect && onTabSelect(i)}\n              {...rest}\n            >\n              {icon && <Icon size=\"s\" name={icon} />}\n              {label} {addSubtitle(sublabel)}\n            </StyledTab>\n          )\n        )}\n      </StyledContainer>\n      <div role=\"tabpanel\" id={tabPanelId}>\n        {children}\n      </div>\n    </Stack>\n  );\n}\n"],"names":["BORDER_BOTTOM_WIDTH","StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","horizontalPadding","display","flexDirection","mq","gap","variables","size","spacing","paddingInline","paddingTop","m","borderBottom","values","color","border","secondary","default","whiteSpace","overflow","scrollbarWidth","msOverflowStyle","StyledTab","_ref2","active","xxs","alignItems","background","boxSizing","text","padding","fontFamily","lato","fontWeight","weight","bold","fontSize","font","s","lineHeight","l","transition","textDecoration","paddingBottom","accent","cursor","primary","transparent","hover","selected","addSubtitle","Tabs","_ref3","tabs","activeTab","children","onTabSelect","tabPanelId","dataE2eTestId","React","createElement","Stack","role","map","_ref4","i","id","tabId","sublabel","icon","as","rest","_extends","type","undefined","key","onClick","Icon","name"],"mappings":"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"}

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

@@ -1,85 +0,0 @@
-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"
-} : {
-  target: "e1i6narj2",
-  label: "TagContainer"
-})(_ref => {
-  let {
-    theme,
-    colorVariant,
-    isRemovable
-  } = _ref;
-  return {
-    display: "inline-flex",
-    alignItems: "center",
-    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,
-    paddingBottom: isRemovable ? theme.variables.size.spacing.zero : theme.variables.size.spacing.xxs,
-    borderRadius: theme.variables.size.borderRadius.xs,
-    backgroundColor: theme.values.color.tag.background[colorVariant],
-    color: theme.values.color.tag.text[colorVariant],
-    fontFamily: theme.variables.fontFamily.lato,
-    fontSize: theme.variables.size.font.s,
-    lineHeight: theme.variables.size.lineHeight.s
-  };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJxQiIsImZpbGUiOiJUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuXG5leHBvcnQgY29uc3QgTUFYX1RBR19XSURUSCA9IDIwMDtcblxudHlwZSBCYXNlVGFnUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGNvbG9yVmFyaWFudD86IFwiZ3JheVwiIHwgXCJibHVlXCI7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcbnR5cGUgQ29uZGl0aW9uYWxUYWdQcm9wcyA9XG4gIHwge1xuICAgICAgaXNSZW1vdmFibGU/OiBmYWxzZTtcbiAgICAgIG9uQ2xlYXI/OiBuZXZlcjtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogbmV2ZXI7XG4gICAgfVxuICB8IHtcbiAgICAgIGlzUmVtb3ZhYmxlOiB0cnVlO1xuICAgICAgb25DbGVhcjogKCkgPT4gdm9pZDtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIFRhZ1Byb3BzID0gQmFzZVRhZ1Byb3BzICYgQ29uZGl0aW9uYWxUYWdQcm9wcztcblxuY29uc3QgVGFnQ29udGFpbmVyID0gc3R5bGVkLnNwYW48UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50LCBpc1JlbW92YWJsZSB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIG1heFdpZHRoOiBgJHtNQVhfVEFHX1dJRFRIfXB4YCxcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nUmlnaHQ6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdUb3A6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBwYWRkaW5nQm90dG9tOiBpc1JlbW92YWJsZVxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm9cbiAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQucyxcbiAgfSlcbik7XG5cbmNvbnN0IFRhZ0xhYmVsID0gc3R5bGVkLnNwYW4oKCkgPT4gKHtcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxufSkpO1xuXG5jb25zdCBDbGVhckJ1dHRvbiA9IHN0eWxlZChQaWN0b2dyYW1CdXR0b24pPFBhcnRpYWw8VGFnUHJvcHM+PihcbiAgKHsgdGhlbWUsIGNvbG9yVmFyaWFudCB9KSA9PiAoe1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLnRleHRbY29sb3JWYXJpYW50XSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcudGV4dFtjb2xvclZhcmlhbnRdLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gVGFnKHtcbiAgbGFiZWwsXG4gIGNvbG9yVmFyaWFudCA9IFwiZ3JheVwiLFxuICBpc1JlbW92YWJsZSA9IGZhbHNlLFxuICBvbkNsZWFyLFxuICBjbGVhckJ0bkFyaWFMYWJlbCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWdQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFRhZ0NvbnRhaW5lclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJUYWdcIlxuICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICBpc1JlbW92YWJsZT17aXNSZW1vdmFibGV9XG4gICAgPlxuICAgICAgPFRhZ0xhYmVsPntsYWJlbH08L1RhZ0xhYmVsPlxuXG4gICAgICB7aXNSZW1vdmFibGUgJiYgKFxuICAgICAgICA8Q2xlYXJCdXR0b25cbiAgICAgICAgICBpY29uPVwieFwiXG4gICAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtjbGVhckJ0bkFyaWFMYWJlbH1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsZWFyfVxuICAgICAgICAgIGNvbG9yVmFyaWFudD17Y29sb3JWYXJpYW50fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L1RhZ0NvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */");
-const TagLabel = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
-  target: "e1i6narj1"
-} : {
-  target: "e1i6narj1",
-  label: "TagLabel"
-})(() => ({
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap"
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaURpQiIsImZpbGUiOiJUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuXG5leHBvcnQgY29uc3QgTUFYX1RBR19XSURUSCA9IDIwMDtcblxudHlwZSBCYXNlVGFnUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGNvbG9yVmFyaWFudD86IFwiZ3JheVwiIHwgXCJibHVlXCI7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcbnR5cGUgQ29uZGl0aW9uYWxUYWdQcm9wcyA9XG4gIHwge1xuICAgICAgaXNSZW1vdmFibGU/OiBmYWxzZTtcbiAgICAgIG9uQ2xlYXI/OiBuZXZlcjtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogbmV2ZXI7XG4gICAgfVxuICB8IHtcbiAgICAgIGlzUmVtb3ZhYmxlOiB0cnVlO1xuICAgICAgb25DbGVhcjogKCkgPT4gdm9pZDtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIFRhZ1Byb3BzID0gQmFzZVRhZ1Byb3BzICYgQ29uZGl0aW9uYWxUYWdQcm9wcztcblxuY29uc3QgVGFnQ29udGFpbmVyID0gc3R5bGVkLnNwYW48UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50LCBpc1JlbW92YWJsZSB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIG1heFdpZHRoOiBgJHtNQVhfVEFHX1dJRFRIfXB4YCxcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nUmlnaHQ6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdUb3A6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBwYWRkaW5nQm90dG9tOiBpc1JlbW92YWJsZVxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm9cbiAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQucyxcbiAgfSlcbik7XG5cbmNvbnN0IFRhZ0xhYmVsID0gc3R5bGVkLnNwYW4oKCkgPT4gKHtcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxufSkpO1xuXG5jb25zdCBDbGVhckJ1dHRvbiA9IHN0eWxlZChQaWN0b2dyYW1CdXR0b24pPFBhcnRpYWw8VGFnUHJvcHM+PihcbiAgKHsgdGhlbWUsIGNvbG9yVmFyaWFudCB9KSA9PiAoe1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLnRleHRbY29sb3JWYXJpYW50XSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcudGV4dFtjb2xvclZhcmlhbnRdLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gVGFnKHtcbiAgbGFiZWwsXG4gIGNvbG9yVmFyaWFudCA9IFwiZ3JheVwiLFxuICBpc1JlbW92YWJsZSA9IGZhbHNlLFxuICBvbkNsZWFyLFxuICBjbGVhckJ0bkFyaWFMYWJlbCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWdQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFRhZ0NvbnRhaW5lclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJUYWdcIlxuICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICBpc1JlbW92YWJsZT17aXNSZW1vdmFibGV9XG4gICAgPlxuICAgICAgPFRhZ0xhYmVsPntsYWJlbH08L1RhZ0xhYmVsPlxuXG4gICAgICB7aXNSZW1vdmFibGUgJiYgKFxuICAgICAgICA8Q2xlYXJCdXR0b25cbiAgICAgICAgICBpY29uPVwieFwiXG4gICAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtjbGVhckJ0bkFyaWFMYWJlbH1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsZWFyfVxuICAgICAgICAgIGNvbG9yVmFyaWFudD17Y29sb3JWYXJpYW50fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L1RhZ0NvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */");
-const ClearButton = /*#__PURE__*/_styled(PictogramButton, process.env.NODE_ENV === "production" ? {
-  target: "e1i6narj0"
-} : {
-  target: "e1i6narj0",
-  label: "ClearButton"
-})(_ref2 => {
-  let {
-    theme,
-    colorVariant
-  } = _ref2;
-  return {
-    backgroundColor: "transparent",
-    color: theme.values.color.tag.text[colorVariant],
-    "&:hover": {
-      color: theme.values.color.tag.text[colorVariant]
-    }
-  };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURvQiIsImZpbGUiOiJUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuXG5leHBvcnQgY29uc3QgTUFYX1RBR19XSURUSCA9IDIwMDtcblxudHlwZSBCYXNlVGFnUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGNvbG9yVmFyaWFudD86IFwiZ3JheVwiIHwgXCJibHVlXCI7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcbnR5cGUgQ29uZGl0aW9uYWxUYWdQcm9wcyA9XG4gIHwge1xuICAgICAgaXNSZW1vdmFibGU/OiBmYWxzZTtcbiAgICAgIG9uQ2xlYXI/OiBuZXZlcjtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogbmV2ZXI7XG4gICAgfVxuICB8IHtcbiAgICAgIGlzUmVtb3ZhYmxlOiB0cnVlO1xuICAgICAgb25DbGVhcjogKCkgPT4gdm9pZDtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIFRhZ1Byb3BzID0gQmFzZVRhZ1Byb3BzICYgQ29uZGl0aW9uYWxUYWdQcm9wcztcblxuY29uc3QgVGFnQ29udGFpbmVyID0gc3R5bGVkLnNwYW48UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50LCBpc1JlbW92YWJsZSB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIG1heFdpZHRoOiBgJHtNQVhfVEFHX1dJRFRIfXB4YCxcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nUmlnaHQ6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdUb3A6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBwYWRkaW5nQm90dG9tOiBpc1JlbW92YWJsZVxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm9cbiAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQucyxcbiAgfSlcbik7XG5cbmNvbnN0IFRhZ0xhYmVsID0gc3R5bGVkLnNwYW4oKCkgPT4gKHtcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxufSkpO1xuXG5jb25zdCBDbGVhckJ1dHRvbiA9IHN0eWxlZChQaWN0b2dyYW1CdXR0b24pPFBhcnRpYWw8VGFnUHJvcHM+PihcbiAgKHsgdGhlbWUsIGNvbG9yVmFyaWFudCB9KSA9PiAoe1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLnRleHRbY29sb3JWYXJpYW50XSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcudGV4dFtjb2xvclZhcmlhbnRdLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gVGFnKHtcbiAgbGFiZWwsXG4gIGNvbG9yVmFyaWFudCA9IFwiZ3JheVwiLFxuICBpc1JlbW92YWJsZSA9IGZhbHNlLFxuICBvbkNsZWFyLFxuICBjbGVhckJ0bkFyaWFMYWJlbCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWdQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFRhZ0NvbnRhaW5lclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJUYWdcIlxuICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICBpc1JlbW92YWJsZT17aXNSZW1vdmFibGV9XG4gICAgPlxuICAgICAgPFRhZ0xhYmVsPntsYWJlbH08L1RhZ0xhYmVsPlxuXG4gICAgICB7aXNSZW1vdmFibGUgJiYgKFxuICAgICAgICA8Q2xlYXJCdXR0b25cbiAgICAgICAgICBpY29uPVwieFwiXG4gICAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtjbGVhckJ0bkFyaWFMYWJlbH1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsZWFyfVxuICAgICAgICAgIGNvbG9yVmFyaWFudD17Y29sb3JWYXJpYW50fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L1RhZ0NvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */");
-function Tag(_ref3) {
-  let {
-    label,
-    colorVariant = "gray",
-    isRemovable = false,
-    onClear,
-    clearBtnAriaLabel,
-    "data-e2e-test-id": dataE2eTestId
-  } = _ref3;
-  return /*#__PURE__*/React.createElement(TagContainer, {
-    "data-e2e-test-id": dataE2eTestId,
-    "data-ds-id": "Tag",
-    colorVariant: colorVariant,
-    isRemovable: isRemovable
-  }, /*#__PURE__*/React.createElement(TagLabel, null, label), isRemovable && /*#__PURE__*/React.createElement(ClearButton, {
-    icon: "x",
-    size: "xs",
-    "aria-label": clearBtnAriaLabel,
-    onClick: onClear,
-    colorVariant: colorVariant
-  }));
-}
-
-export { MAX_TAG_WIDTH, Tag };
-//# sourceMappingURL=Tag.js.map

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

@@ -1 +0,0 @@
-{"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.s,\n    lineHeight: theme.variables.size.lineHeight.s,\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.js

@@ -1,112 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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":";;;;;AAuBA,MAAMA,MAAM,GAAIC,YAAoB,IAClCC,SAAS,CAAC;AACRC,EAAAA,IAAI,EAAE;IACJC,KAAK,EAAG,GAAEH,YAAa,CAAA,EAAA,CAAA;GACxB;AACDI,EAAAA,EAAE,EAAE;AACFD,IAAAA,KAAK,EAAE,KAAA;AACT,GAAA;AACF,CAAC,CAAC,CAAA;AAEJ,MAAME,eAAe,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CAAWC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;AACjDE,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,QAAQ,EAAE,MAAM;IAChBC,GAAG,EAAEH,KAAK,CAACI,SAAS,CAACC,IAAI,CAACC,OAAO,CAACC,EAAAA;GACnC,CAAA;AAAA,CAAC,EAAAb,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,y1IAAA,CAAA,CAAA;AAMH,MAAMY,kBAAkB,gBAAGf,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,oBAAA;AAAA,CAAA,CAAA,CACzBW,KAAA,IAAA;EAAA,IAAC;IAAET,KAAK;IAAEU,WAAW;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAF,KAAA,CAAA;EAAA,OAAM;AACrCG,IAAAA,QAAQ,EAAE,QAAQ;AAElB,IAAA,IAAIF,WAAW,IAAI;AACjBG,MAAAA,OAAO,EAAE,CAAC;MACVC,UAAU,EAAG,CAAGd,CAAAA,EAAAA,KAAK,CAACI,SAAS,CAACC,IAAI,CAACC,OAAO,CAACC,EAAG,CAAC,CAAA;AACjDQ,MAAAA,SAAS,EAAG,CAAA,iCAAA,EAAmC7B,MAAM,CAACyB,QAAQ,CAAE,CAAA,CAAA;KACjE,CAAA;GACF,CAAA;AAAA,CAAC,EAAAjB,OAAA,CAAAC,GAAA,CAAAC,QAAA,k3IACJ,CAAC,CAAA;AAEM,SAASoB,QAAQA,CAAAC,KAAA,EAMc;EAAA,IANb;AACvBC,IAAAA,YAAY,GAAG,MAAM;AACrBC,IAAAA,cAAc,GAAG,KAAK;IACtBC,IAAI;IACJC,WAAW;AACX,IAAA,kBAAkB,EAAEC,aAAAA;AACP,GAAC,GAAAL,KAAA,CAAA;EACd,MAAM,CAACM,cAAc,EAAEC,iBAAiB,CAAC,GAAGC,QAAQ,CAAC,IAAI,CAAC,CAAA;AAC1D,EAAA,MAAMC,YAAY,GAAGC,MAAM,EAAE,CAAA;AAE7B,EAAA,MAAMC,eAAe,GAAGA,CAACC,GAAa,EAAEC,KAAa,KAAK;IACxD,IAAIxC,KAAK,GAAGyC,aAAa,CAAA;IAEzB,IAAIL,YAAY,CAACM,OAAO,EAAE;AACxB,MAAA,MAAMC,SAAyB,GAAGP,YAAY,CAACM,OAAO,CAAA;AACtD,MAAA,MAAME,MAAM,GAAGD,SAAS,CAACE,QAAQ,CAACL,KAAK,CAAC,CAAA;MAExCxC,KAAK,GAAG4C,MAAM,CAACE,WAAW,CAAA;AAC5B,KAAA;AAEAZ,IAAAA,iBAAiB,CAAC;MAChBK,GAAG;AACHlB,MAAAA,QAAQ,EAAErB,KAAAA;AACZ,KAAC,CAAC,CAAA;GACH,CAAA;;AAED;EACA,MAAM+C,kBAAkB,GAAGA,MAAM;AAC/B,IAAA,IAAIhB,WAAW,EAAE;AACfA,MAAAA,WAAW,CAACE,cAAc,CAACM,GAAG,CAAC,CAAA;AACjC,KAAA;GACD,CAAA;EAED,MAAMS,OAAO,GAAGlB,IAAI,CAACmB,GAAG,CAAC,CAACV,GAAG,EAAEC,KAAK,KAAK;IACvC,MAAM;MAAEhC,KAAK;AAAE0C,MAAAA,iBAAAA;AAAkB,KAAC,GAAGX,GAAG,CAAA;AAExC,IAAA,IAAIV,cAAc,EAAE;MAClB,MAAMsB,gBAAgB,GACpBlB,cAAc,IAAIA,cAAc,CAACM,GAAG,CAAC/B,KAAK,KAAKA,KAAK,CAAA;AAEtD,MAAA,oBACE4C,KAAA,CAAAC,aAAA,CAACnC,kBAAkB,EAAA;AACjBoC,QAAAA,GAAG,EAAE9C,KAAM;AACXY,QAAAA,WAAW,EAAE+B,gBAAiB;AAC9BI,QAAAA,cAAc,EAAER,kBAAmB;AACnC1B,QAAAA,QAAQ,EAAE8B,gBAAgB,IAAIlB,cAAc,CAACZ,QAAAA;AAAS,OAAA,eAEtD+B,KAAA,CAAAC,aAAA,CAACG,GAAG,EAAA;AACFhD,QAAAA,KAAK,EAAEA,KAAM;AACboB,QAAAA,YAAY,EAAEA,YAAa;AAC3BsB,QAAAA,iBAAiB,EAAEA,iBAAkB;QACrCO,OAAO,EAAEA,MAAMnB,eAAe,CAACC,GAAG,EAAEC,KAAK,CAAE;QAC3CkB,WAAW,EAAA,IAAA;AAAA,OACZ,CACiB,CAAC,CAAA;AAEzB,KAAA;AAEA,IAAA,oBAAON,KAAA,CAAAC,aAAA,CAACG,GAAG,EAAA;AAACF,MAAAA,GAAG,EAAE9C,KAAM;AAACA,MAAAA,KAAK,EAAEA,KAAM;AAACoB,MAAAA,YAAY,EAAEA,YAAAA;AAAa,KAAE,CAAC,CAAA;AACtE,GAAC,CAAC,CAAA;AAEF,EAAA,oBACEwB,KAAA,CAAAC,aAAA,CAACnD,eAAe,EAAA;AACd,IAAA,kBAAA,EAAkB8B,aAAc;AAChC,IAAA,YAAA,EAAW,UAAU;AACrB2B,IAAAA,GAAG,EAAEvB,YAAAA;AAAa,GAAA,EAEjBY,OACc,CAAC,CAAA;AAEtB;;;;"}