@amboss/design-system 1.21.3 → 1.23.1

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

@@ -1,147 +0,0 @@
-'use strict';
-
-var _extends = require('@babel/runtime/helpers/extends');
-var _styled = require('@emotion/styled/base');
-var React = require('react');
-var mediaQueries = require('../../shared/mediaQueries.js');
-var Icon = require('../Icon/Icon.js');
-var Stack = require('../Stack/Stack.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var _extends__default = /*#__PURE__*/_interopDefault(_extends);
-var _styled__default = /*#__PURE__*/_interopDefault(_styled);
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const BORDER_BOTTOM_WIDTH = 4;
-const StyledContainer = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "epth01"
-} : {
-  target: "epth01",
-  label: "StyledContainer"
-})(_ref => {
-  let {
-    theme,
-    horizontalPadding
-  } = _ref;
-  return {
-    display: "flex",
-    flexDirection: "row",
-    ...mediaQueries.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+KCh7IHRoZW1lLCBhY3RpdmUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGdhcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgYmFja2dyb3VuZDogMCxcbiAgYm9yZGVyOiAwLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gIHBhZGRpbmc6IDAsXG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQucyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC50ZXh0LnMsXG4gIHRyYW5zaXRpb246IFwiYmFja2dyb3VuZC1jb2xvciAwLjE1c1wiLFxuICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG5cbiAgLy8gUmVxdWlyZWQgdG8gbWFpbnRhaW4gY29uc2lzdGVudCBoZWlnaHQgZm9yIHRoZSBzZWxlY3RlZCB0YWJcbiAgYm9yZGVyQm90dG9tOiBgJHtCT1JERVJfQk9UVE9NX1dJRFRIfXB4IHNvbGlkIHRyYW5zcGFyZW50YCxcbiAgcGFkZGluZ0JvdHRvbTogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19IC0gJHtCT1JERVJfQk9UVE9NX1dJRFRIfXB4KWAsXG5cbiAgLi4uKGFjdGl2ZSAmJiB7XG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmFjY2VudC5kZWZhdWx0LFxuICAgIGJvcmRlckJvdHRvbTogYCR7Qk9SREVSX0JPVFRPTV9XSURUSH1weCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5kZWZhdWx0fWAsXG4gIH0pLFxuICAuLi4oIWFjdGl2ZSAmJiB7XG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgIGJvcmRlckJvdHRvbTogYCR7Qk9SREVSX0JPVFRPTV9XSURUSH1weCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyfWAsXG4gICAgfSxcbiAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICBib3JkZXJCb3R0b206IGAke0JPUkRFUl9CT1RUT01fV0lEVEh9cHggIHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuc2VsZWN0ZWR9YCxcbiAgICB9LFxuICB9KSxcbn0pKTtcblxuY29uc3QgYWRkU3VidGl0bGUgPSAodGV4dDogc3RyaW5nKSA9PiAodGV4dCA/IGAoJHt0ZXh0fSlgIDogYGApO1xuXG4vKipcbiAqIEBwYXJhbSBsYWJlbCAtIFRoZSB0ZXh0IHRvIGRpc3BsYXkgaW4gdGhlIHRhYlxuICogQHBhcmFtIHN1YmxhYmVsIC0gQSBzdWJ0ZXh0LCBlbmNhc2VkIGluIHBhcmVudGhlc2VzXG4gKiBAcGFyYW0gaWNvbiAtIEFuIGljb24gdG8gZGlzcGxheSB0byB0aGUgbGVmdCBvZiB0aGUgbGFiZWxcbiAqIEBwYXJhbSBhcyAtIFRoZSBlbGVtZW50IHRvIHJlbmRlciB0aGUgdGFiIGFzLCBkZWZhdWx0cyB0byBgYnV0dG9uYFxuICovXG50eXBlIFRhYiA9IHtcbiAgaWQ/OiBzdHJpbmc7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIHN1YmxhYmVsPzogc3RyaW5nO1xuICBpY29uPzogSWNvbk5hbWU7XG4gIGFzPzogXCJhXCIgfCBcImJ1dHRvblwiIHwgUmVhY3QuRWxlbWVudFR5cGU7XG59ICYgUGFydGlhbDxSZWFjdC5Db21wb25lbnRQcm9wczxcImJ1dHRvblwiPj4gJlxuICBQYXJ0aWFsPFJlYWN0LkNvbXBvbmVudFByb3BzPFwiYVwiPj47XG5cbmV4cG9ydCB0eXBlIFRhYnNQcm9wcyA9IHtcbiAgLyoqIEFuIGFycmF5IG9mIHRhYnMsIGNvbnRhaW5zIGBoZWFkZXJgLCBgc3VidGl0bGVgLCBgaWNvbkxlZnRgLCBgYXNgIChkZWZpbmluZyB0aGUgdGFiIGFzIGEgYnV0dG9uIG9yIGEgbGluaykgKi9cbiAgdGFiczogVGFiW107XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3RFbGVtZW50O1xuICAvKiogVGhlIGluZGV4IG9mIHRoZSBhY3RpdmUgdGFiICovXG4gIGFjdGl2ZVRhYj86IG51bWJlcjtcbiAgb25UYWJTZWxlY3Q/OiAoc2VsZWN0ZWRUYWI6IG51bWJlcikgPT4gdm9pZDtcbiAgdGFiUGFuZWxJZD86IHN0cmluZztcbiAgLyoqIEhvcml6b250YWwgcGFkZGluZyBzcGFjZSBmb3IgdGhlIHRhYiBjb250YWluZXIsIHN1aXRlZCBmb3IgdGFicyB3aXRoaW4gYSBDYXJkIGVsZW1lbnQgKi9cbiAgaG9yaXpvbnRhbFBhZGRpbmc/OiBTcGFjZVNpemVzIHwgTVE8U3BhY2VTaXplcz47IC8vICdtJyB8IFsnbScsICdsJywgJ2wnXVxuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBUYWJzKHtcbiAgdGFicyxcbiAgaG9yaXpvbnRhbFBhZGRpbmcsXG4gIGFjdGl2ZVRhYiA9IDAsXG4gIGNoaWxkcmVuLFxuICBvblRhYlNlbGVjdCxcbiAgdGFiUGFuZWxJZCA9IFwidGFiUGFuZWxcIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWJzUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdGFjayBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfSBkYXRhLWRzLWlkPVwiVGFic1wiPlxuICAgICAgPFN0eWxlZENvbnRhaW5lciBob3Jpem9udGFsUGFkZGluZz17aG9yaXpvbnRhbFBhZGRpbmd9IHJvbGU9XCJ0YWJsaXN0XCI+XG4gICAgICAgIHt0YWJzLm1hcChcbiAgICAgICAgICAoeyBpZDogdGFiSWQsIGxhYmVsLCBzdWJsYWJlbCwgaWNvbiwgYXMgPSBcImJ1dHRvblwiLCAuLi5yZXN0IH0sIGkpID0+IChcbiAgICAgICAgICAgIDxTdHlsZWRUYWJcbiAgICAgICAgICAgICAgaWQ9e3RhYklkIHx8IGB0YWItJHtpfWB9XG4gICAgICAgICAgICAgIHR5cGU9e2FzICE9PSBcImJ1dHRvblwiID8gdW5kZWZpbmVkIDogXCJidXR0b25cIn1cbiAgICAgICAgICAgICAgcm9sZT1cInRhYlwiXG4gICAgICAgICAgICAgIGFzPXthc31cbiAgICAgICAgICAgICAga2V5PXtsYWJlbH1cbiAgICAgICAgICAgICAgYWN0aXZlPXthY3RpdmVUYWIgPT09IGl9XG4gICAgICAgICAgICAgIGFyaWEtc2VsZWN0ZWQ9e2FjdGl2ZVRhYiA9PT0gaX1cbiAgICAgICAgICAgICAgYXJpYS1jb250cm9scz17dGFiUGFuZWxJZH1cbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25UYWJTZWxlY3QgJiYgb25UYWJTZWxlY3QoaSl9XG4gICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7aWNvbiAmJiA8SWNvbiBzaXplPVwic1wiIG5hbWU9e2ljb259IC8+fVxuICAgICAgICAgICAgICB7bGFiZWx9IHthZGRTdWJ0aXRsZShzdWJsYWJlbCl9XG4gICAgICAgICAgICA8L1N0eWxlZFRhYj5cbiAgICAgICAgICApXG4gICAgICAgICl9XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgIDxkaXYgcm9sZT1cInRhYnBhbmVsXCIgaWQ9e3RhYlBhbmVsSWR9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICA8L1N0YWNrPlxuICApO1xufVxuIl19 */");
-const StyledTab = /*#__PURE__*/_styled__default.default("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.text.s,
-    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+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBnYXA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIGJhY2tncm91bmQ6IDAsXG4gIGJvcmRlcjogMCxcbiAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICBwYWRkaW5nOiAwLFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnMsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQudGV4dC5zLFxuICB0cmFuc2l0aW9uOiBcImJhY2tncm91bmQtY29sb3IgMC4xNXNcIixcbiAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuXG4gIC8vIFJlcXVpcmVkIHRvIG1haW50YWluIGNvbnNpc3RlbnQgaGVpZ2h0IGZvciB0aGUgc2VsZWN0ZWQgdGFiXG4gIGJvcmRlckJvdHRvbTogYCR7Qk9SREVSX0JPVFRPTV9XSURUSH1weCBzb2xpZCB0cmFuc3BhcmVudGAsXG4gIHBhZGRpbmdCb3R0b206IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAtICR7Qk9SREVSX0JPVFRPTV9XSURUSH1weClgLFxuXG4gIC4uLihhY3RpdmUgJiYge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5hY2NlbnQuZGVmYXVsdCxcbiAgICBib3JkZXJCb3R0b206IGAke0JPUkRFUl9CT1RUT01fV0lEVEh9cHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnQuZGVmYXVsdH1gLFxuICB9KSxcbiAgLi4uKCFhY3RpdmUgJiYge1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICBib3JkZXJCb3R0b206IGAke0JPUkRFUl9CT1RUT01fV0lEVEh9cHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3Zlcn1gLFxuICAgIH0sXG4gICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgYm9yZGVyQm90dG9tOiBgJHtCT1JERVJfQk9UVE9NX1dJRFRIfXB4ICBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LnNlbGVjdGVkfWAsXG4gICAgfSxcbiAgfSksXG59KSk7XG5cbmNvbnN0IGFkZFN1YnRpdGxlID0gKHRleHQ6IHN0cmluZykgPT4gKHRleHQgPyBgKCR7dGV4dH0pYCA6IGBgKTtcblxuLyoqXG4gKiBAcGFyYW0gbGFiZWwgLSBUaGUgdGV4dCB0byBkaXNwbGF5IGluIHRoZSB0YWJcbiAqIEBwYXJhbSBzdWJsYWJlbCAtIEEgc3VidGV4dCwgZW5jYXNlZCBpbiBwYXJlbnRoZXNlc1xuICogQHBhcmFtIGljb24gLSBBbiBpY29uIHRvIGRpc3BsYXkgdG8gdGhlIGxlZnQgb2YgdGhlIGxhYmVsXG4gKiBAcGFyYW0gYXMgLSBUaGUgZWxlbWVudCB0byByZW5kZXIgdGhlIHRhYiBhcywgZGVmYXVsdHMgdG8gYGJ1dHRvbmBcbiAqL1xudHlwZSBUYWIgPSB7XG4gIGlkPzogc3RyaW5nO1xuICBsYWJlbDogc3RyaW5nO1xuICBzdWJsYWJlbD86IHN0cmluZztcbiAgaWNvbj86IEljb25OYW1lO1xuICBhcz86IFwiYVwiIHwgXCJidXR0b25cIiB8IFJlYWN0LkVsZW1lbnRUeXBlO1xufSAmIFBhcnRpYWw8UmVhY3QuQ29tcG9uZW50UHJvcHM8XCJidXR0b25cIj4+ICZcbiAgUGFydGlhbDxSZWFjdC5Db21wb25lbnRQcm9wczxcImFcIj4+O1xuXG5leHBvcnQgdHlwZSBUYWJzUHJvcHMgPSB7XG4gIC8qKiBBbiBhcnJheSBvZiB0YWJzLCBjb250YWlucyBgaGVhZGVyYCwgYHN1YnRpdGxlYCwgYGljb25MZWZ0YCwgYGFzYCAoZGVmaW5pbmcgdGhlIHRhYiBhcyBhIGJ1dHRvbiBvciBhIGxpbmspICovXG4gIHRhYnM6IFRhYltdO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgLyoqIFRoZSBpbmRleCBvZiB0aGUgYWN0aXZlIHRhYiAqL1xuICBhY3RpdmVUYWI/OiBudW1iZXI7XG4gIG9uVGFiU2VsZWN0PzogKHNlbGVjdGVkVGFiOiBudW1iZXIpID0+IHZvaWQ7XG4gIHRhYlBhbmVsSWQ/OiBzdHJpbmc7XG4gIC8qKiBIb3Jpem9udGFsIHBhZGRpbmcgc3BhY2UgZm9yIHRoZSB0YWIgY29udGFpbmVyLCBzdWl0ZWQgZm9yIHRhYnMgd2l0aGluIGEgQ2FyZCBlbGVtZW50ICovXG4gIGhvcml6b250YWxQYWRkaW5nPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+OyAvLyAnbScgfCBbJ20nLCAnbCcsICdsJ11cbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gVGFicyh7XG4gIHRhYnMsXG4gIGhvcml6b250YWxQYWRkaW5nLFxuICBhY3RpdmVUYWIgPSAwLFxuICBjaGlsZHJlbixcbiAgb25UYWJTZWxlY3QsXG4gIHRhYlBhbmVsSWQgPSBcInRhYlBhbmVsXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogVGFic1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3RhY2sgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gZGF0YS1kcy1pZD1cIlRhYnNcIj5cbiAgICAgIDxTdHlsZWRDb250YWluZXIgaG9yaXpvbnRhbFBhZGRpbmc9e2hvcml6b250YWxQYWRkaW5nfSByb2xlPVwidGFibGlzdFwiPlxuICAgICAgICB7dGFicy5tYXAoXG4gICAgICAgICAgKHsgaWQ6IHRhYklkLCBsYWJlbCwgc3VibGFiZWwsIGljb24sIGFzID0gXCJidXR0b25cIiwgLi4ucmVzdCB9LCBpKSA9PiAoXG4gICAgICAgICAgICA8U3R5bGVkVGFiXG4gICAgICAgICAgICAgIGlkPXt0YWJJZCB8fCBgdGFiLSR7aX1gfVxuICAgICAgICAgICAgICB0eXBlPXthcyAhPT0gXCJidXR0b25cIiA/IHVuZGVmaW5lZCA6IFwiYnV0dG9uXCJ9XG4gICAgICAgICAgICAgIHJvbGU9XCJ0YWJcIlxuICAgICAgICAgICAgICBhcz17YXN9XG4gICAgICAgICAgICAgIGtleT17bGFiZWx9XG4gICAgICAgICAgICAgIGFjdGl2ZT17YWN0aXZlVGFiID09PSBpfVxuICAgICAgICAgICAgICBhcmlhLXNlbGVjdGVkPXthY3RpdmVUYWIgPT09IGl9XG4gICAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e3RhYlBhbmVsSWR9XG4gICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uVGFiU2VsZWN0ICYmIG9uVGFiU2VsZWN0KGkpfVxuICAgICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2ljb24gJiYgPEljb24gc2l6ZT1cInNcIiBuYW1lPXtpY29ufSAvPn1cbiAgICAgICAgICAgICAge2xhYmVsfSB7YWRkU3VidGl0bGUoc3VibGFiZWwpfVxuICAgICAgICAgICAgPC9TdHlsZWRUYWI+XG4gICAgICAgICAgKVxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgICA8ZGl2IHJvbGU9XCJ0YWJwYW5lbFwiIGlkPXt0YWJQYW5lbElkfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgPC9TdGFjaz5cbiAgKTtcbn1cbiJdfQ== */");
-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__default.default.createElement(Stack.Stack, {
-    "data-e2e-test-id": dataE2eTestId,
-    "data-ds-id": "Tabs"
-  }, /*#__PURE__*/React__default.default.createElement(StyledContainer, {
-    horizontalPadding: horizontalPadding,
-    role: "tablist"
-  }, tabs.map((_ref4, i) => {
-    let {
-      id: tabId,
-      label,
-      sublabel,
-      icon,
-      as = "button",
-      ...rest
-    } = _ref4;
-    return /*#__PURE__*/React__default.default.createElement(StyledTab, _extends__default.default({
-      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__default.default.createElement(Icon.Icon, {
-      size: "s",
-      name: icon
-    }), label, " ", addSubtitle(sublabel));
-  })), /*#__PURE__*/React__default.default.createElement("div", {
-    role: "tabpanel",
-    id: tabPanelId
-  }, children));
-}
-
-exports.Tabs = Tabs;

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

@@ -1,92 +0,0 @@
-'use strict';
-
-var _styled = require('@emotion/styled/base');
-var React = require('react');
-var PictogramButton = require('../PictogramButton/PictogramButton.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var _styled__default = /*#__PURE__*/_interopDefault(_styled);
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const MAX_TAG_WIDTH = 200;
-const TagContainer = /*#__PURE__*/_styled__default.default("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.text.xs
-  };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJxQiIsImZpbGUiOiJUYWcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuXG5leHBvcnQgY29uc3QgTUFYX1RBR19XSURUSCA9IDIwMDtcblxudHlwZSBCYXNlVGFnUHJvcHMgPSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGNvbG9yVmFyaWFudD86IFwiZ3JheVwiIHwgXCJibHVlXCI7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcbnR5cGUgQ29uZGl0aW9uYWxUYWdQcm9wcyA9XG4gIHwge1xuICAgICAgaXNSZW1vdmFibGU/OiBmYWxzZTtcbiAgICAgIG9uQ2xlYXI/OiBuZXZlcjtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogbmV2ZXI7XG4gICAgfVxuICB8IHtcbiAgICAgIGlzUmVtb3ZhYmxlOiB0cnVlO1xuICAgICAgb25DbGVhcjogKCkgPT4gdm9pZDtcbiAgICAgIGNsZWFyQnRuQXJpYUxhYmVsPzogc3RyaW5nO1xuICAgIH07XG5cbmV4cG9ydCB0eXBlIFRhZ1Byb3BzID0gQmFzZVRhZ1Byb3BzICYgQ29uZGl0aW9uYWxUYWdQcm9wcztcblxuY29uc3QgVGFnQ29udGFpbmVyID0gc3R5bGVkLnNwYW48UGFydGlhbDxUYWdQcm9wcz4+KFxuICAoeyB0aGVtZSwgY29sb3JWYXJpYW50LCBpc1JlbW92YWJsZSB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIG1heFdpZHRoOiBgJHtNQVhfVEFHX1dJRFRIfXB4YCxcbiAgICBwYWRkaW5nTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgICBwYWRkaW5nUmlnaHQ6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdUb3A6IGlzUmVtb3ZhYmxlXG4gICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBwYWRkaW5nQm90dG9tOiBpc1JlbW92YWJsZVxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm9cbiAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQudGV4dC54cyxcbiAgfSlcbik7XG5cbmNvbnN0IFRhZ0xhYmVsID0gc3R5bGVkLnNwYW4oKCkgPT4gKHtcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxufSkpO1xuXG5jb25zdCBDbGVhckJ1dHRvbiA9IHN0eWxlZChQaWN0b2dyYW1CdXR0b24pPFBhcnRpYWw8VGFnUHJvcHM+PihcbiAgKHsgdGhlbWUsIGNvbG9yVmFyaWFudCB9KSA9PiAoe1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLnRleHRbY29sb3JWYXJpYW50XSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcudGV4dFtjb2xvclZhcmlhbnRdLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gVGFnKHtcbiAgbGFiZWwsXG4gIGNvbG9yVmFyaWFudCA9IFwiZ3JheVwiLFxuICBpc1JlbW92YWJsZSA9IGZhbHNlLFxuICBvbkNsZWFyLFxuICBjbGVhckJ0bkFyaWFMYWJlbCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWdQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFRhZ0NvbnRhaW5lclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJUYWdcIlxuICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICBpc1JlbW92YWJsZT17aXNSZW1vdmFibGV9XG4gICAgPlxuICAgICAgPFRhZ0xhYmVsPntsYWJlbH08L1RhZ0xhYmVsPlxuXG4gICAgICB7aXNSZW1vdmFibGUgJiYgKFxuICAgICAgICA8Q2xlYXJCdXR0b25cbiAgICAgICAgICBpY29uPVwieFwiXG4gICAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtjbGVhckJ0bkFyaWFMYWJlbH1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsZWFyfVxuICAgICAgICAgIGNvbG9yVmFyaWFudD17Y29sb3JWYXJpYW50fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L1RhZ0NvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */");
-const TagLabel = /*#__PURE__*/_styled__default.default("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/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBwYWRkaW5nQm90dG9tOiBpc1JlbW92YWJsZVxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm9cbiAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQudGV4dC54cyxcbiAgfSlcbik7XG5cbmNvbnN0IFRhZ0xhYmVsID0gc3R5bGVkLnNwYW4oKCkgPT4gKHtcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxufSkpO1xuXG5jb25zdCBDbGVhckJ1dHRvbiA9IHN0eWxlZChQaWN0b2dyYW1CdXR0b24pPFBhcnRpYWw8VGFnUHJvcHM+PihcbiAgKHsgdGhlbWUsIGNvbG9yVmFyaWFudCB9KSA9PiAoe1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLnRleHRbY29sb3JWYXJpYW50XSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcudGV4dFtjb2xvclZhcmlhbnRdLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gVGFnKHtcbiAgbGFiZWwsXG4gIGNvbG9yVmFyaWFudCA9IFwiZ3JheVwiLFxuICBpc1JlbW92YWJsZSA9IGZhbHNlLFxuICBvbkNsZWFyLFxuICBjbGVhckJ0bkFyaWFMYWJlbCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWdQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFRhZ0NvbnRhaW5lclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJUYWdcIlxuICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICBpc1JlbW92YWJsZT17aXNSZW1vdmFibGV9XG4gICAgPlxuICAgICAgPFRhZ0xhYmVsPntsYWJlbH08L1RhZ0xhYmVsPlxuXG4gICAgICB7aXNSZW1vdmFibGUgJiYgKFxuICAgICAgICA8Q2xlYXJCdXR0b25cbiAgICAgICAgICBpY29uPVwieFwiXG4gICAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtjbGVhckJ0bkFyaWFMYWJlbH1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsZWFyfVxuICAgICAgICAgIGNvbG9yVmFyaWFudD17Y29sb3JWYXJpYW50fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L1RhZ0NvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */");
-const ClearButton = /*#__PURE__*/_styled__default.default(PictogramButton.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/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuemVyb1xuICAgICAgOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICBwYWRkaW5nQm90dG9tOiBpc1JlbW92YWJsZVxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnplcm9cbiAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQudGV4dC54cyxcbiAgfSlcbik7XG5cbmNvbnN0IFRhZ0xhYmVsID0gc3R5bGVkLnNwYW4oKCkgPT4gKHtcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICB3aGl0ZVNwYWNlOiBcIm5vd3JhcFwiLFxufSkpO1xuXG5jb25zdCBDbGVhckJ1dHRvbiA9IHN0eWxlZChQaWN0b2dyYW1CdXR0b24pPFBhcnRpYWw8VGFnUHJvcHM+PihcbiAgKHsgdGhlbWUsIGNvbG9yVmFyaWFudCB9KSA9PiAoe1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLnRleHRbY29sb3JWYXJpYW50XSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcudGV4dFtjb2xvclZhcmlhbnRdLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gVGFnKHtcbiAgbGFiZWwsXG4gIGNvbG9yVmFyaWFudCA9IFwiZ3JheVwiLFxuICBpc1JlbW92YWJsZSA9IGZhbHNlLFxuICBvbkNsZWFyLFxuICBjbGVhckJ0bkFyaWFMYWJlbCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWdQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFRhZ0NvbnRhaW5lclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJUYWdcIlxuICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICBpc1JlbW92YWJsZT17aXNSZW1vdmFibGV9XG4gICAgPlxuICAgICAgPFRhZ0xhYmVsPntsYWJlbH08L1RhZ0xhYmVsPlxuXG4gICAgICB7aXNSZW1vdmFibGUgJiYgKFxuICAgICAgICA8Q2xlYXJCdXR0b25cbiAgICAgICAgICBpY29uPVwieFwiXG4gICAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtjbGVhckJ0bkFyaWFMYWJlbH1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsZWFyfVxuICAgICAgICAgIGNvbG9yVmFyaWFudD17Y29sb3JWYXJpYW50fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L1RhZ0NvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */");
-function Tag(_ref3) {
-  let {
-    label,
-    colorVariant = "gray",
-    isRemovable = false,
-    onClear,
-    clearBtnAriaLabel,
-    "data-e2e-test-id": dataE2eTestId
-  } = _ref3;
-  return /*#__PURE__*/React__default.default.createElement(TagContainer, {
-    "data-e2e-test-id": dataE2eTestId,
-    "data-ds-id": "Tag",
-    colorVariant: colorVariant,
-    isRemovable: isRemovable
-  }, /*#__PURE__*/React__default.default.createElement(TagLabel, null, label), isRemovable && /*#__PURE__*/React__default.default.createElement(ClearButton, {
-    icon: "x",
-    size: "xs",
-    "aria-label": clearBtnAriaLabel,
-    onClick: onClear,
-    colorVariant: colorVariant
-  }));
-}
-
-exports.MAX_TAG_WIDTH = MAX_TAG_WIDTH;
-exports.Tag = Tag;

package/build/cjs/src/components/TagGroup/TagGroup.js

@@ -1,118 +0,0 @@
-'use strict';
-
-var _styled = require('@emotion/styled/base');
-var React = require('react');
-var react = require('@emotion/react');
-var Tag = require('../Tag/Tag.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var _styled__default = /*#__PURE__*/_interopDefault(_styled);
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const shrink = currentWidth => react.keyframes({
-  from: {
-    width: `${currentWidth}px`
-  },
-  to: {
-    width: "0px"
-  }
-});
-const StyledContainer = /*#__PURE__*/_styled__default.default("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__default.default("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] = React.useState(null);
-  const containerRef = React.useRef();
-  const handleTagRemove = (tag, index) => {
-    let width = Tag.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__default.default.createElement(StyledTagContainer, {
-        key: label,
-        toBeRemoved: isToBeRemovedTag,
-        onAnimationEnd: handleAnimationEnd,
-        tagWidth: isToBeRemovedTag && tagToBeRemoved.tagWidth
-      }, /*#__PURE__*/React__default.default.createElement(Tag.Tag, {
-        label: label,
-        colorVariant: colorVariant,
-        clearBtnAriaLabel: clearBtnAriaLabel,
-        onClear: () => handleTagRemove(tag, index),
-        isRemovable: true
-      }));
-    }
-    return /*#__PURE__*/React__default.default.createElement(Tag.Tag, {
-      key: label,
-      label: label,
-      colorVariant: colorVariant
-    });
-  });
-  return /*#__PURE__*/React__default.default.createElement(StyledContainer, {
-    "data-e2e-test-id": dataE2eTestId,
-    "data-ds-id": "TagGroup",
-    ref: containerRef
-  }, tagElms);
-}
-
-exports.TagGroup = TagGroup;

package/build/cjs/src/components/Toggletip/BasePopover.js

@@ -1,183 +0,0 @@
-'use strict';
-
-var _extends = require('@babel/runtime/helpers/extends');
-var React = require('react');
-var TooltipContent = require('../Tooltip/TooltipContent.js');
-var Sheet = require('../Sheet/Sheet.js');
-var FocusTrapWrapper = require('../../shared/FocusTrapWrapper.js');
-var _breakpoints = require('../../../build-tokens/_breakpoints.json.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var _extends__default = /*#__PURE__*/_interopDefault(_extends);
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const FocusTrapContent = /*#__PURE__*/React__default.default.forwardRef((_ref, ref) => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    ref: ref
-  }, children);
-});
-const VisibilityChangeReason = {
-  triggerClick: "triggerClick",
-  outsideClick: "outsideClick"
-};
-function BasePopover(_ref2) {
-  let {
-    placement = "auto",
-    content,
-    children,
-    contentPadding = "m",
-    maxWidth,
-    externalTriggerRef,
-    portalContainer,
-    name = "Popover",
-    isVisible: isPopoverVisible,
-    dismissOnOutsideClick = true,
-    "data-e2e-test-id": dataE2eTestId,
-    hasInvertedSubTheme,
-    defaultVerticalPlacement,
-    onVisibilityChange,
-    disableInitialFocus = false,
-    disableReturnFocusToTrigger = false,
-    renderAsSheetOnMobile = false,
-    ...restContentProps
-  } = _ref2;
-  const tooltipId = React.useMemo(() => `DS${name}_${Math.floor(Date.now() * Math.random())}`, [name]);
-  const [isVisible, setVisible] = React.useState(isPopoverVisible);
-  const [isMobileBreakPoint, setIsMobileBreakpoint] = React.useState(false);
-  const internalTriggerRef = React.useRef(null);
-  const triggerRef = externalTriggerRef || internalTriggerRef;
-  const isOutsideClickOnTrigger = React.useRef(false);
-  const isPrevMobileBreakPointRef = React.useRef(false);
-  const toggleVisibility = React.useCallback((status, reason) => {
-    setVisible(status);
-    if (onVisibilityChange) {
-      onVisibilityChange(status, reason);
-    }
-  }, [onVisibilityChange]);
-
-  // Outside click is also fired when the Popover is open and trigger is clicked. `isOutsideClickOnTrigger` saves this condition and we check for it so as to not toggle the Popover twice.
-  const handleTriggerClick = React.useCallback(() => {
-    if (!isOutsideClickOnTrigger.current) {
-      toggleVisibility(!isVisible, VisibilityChangeReason.triggerClick);
-    } else {
-      // reset this value so that Popover can open in next click
-      isOutsideClickOnTrigger.current = false;
-    }
-  }, [toggleVisibility, isVisible]);
-  const handleClickOutsideDeactivates = React.useCallback(evt => {
-    if (triggerRef.current.contains(evt.target)) {
-      isOutsideClickOnTrigger.current = true;
-    }
-    return true;
-  }, [triggerRef, isOutsideClickOnTrigger]);
-  const handleSheetClose = React.useCallback(() => {
-    toggleVisibility(false, "sheetClose");
-  }, [toggleVisibility]);
-  React.useEffect(() => {
-    setVisible(isPopoverVisible);
-  }, [isPopoverVisible]);
-  React.useEffect(() => {
-    // Check if this is a mobile breakpoint
-    if (renderAsSheetOnMobile) {
-      setIsMobileBreakpoint(window.innerWidth <= _breakpoints.default.medium.value);
-    }
-  }, [isVisible, renderAsSheetOnMobile]);
-  React.useEffect(() => {
-    isPrevMobileBreakPointRef.current = isMobileBreakPoint;
-  }, [isMobileBreakPoint]);
-  React.useEffect(() => {
-    let trigger;
-    if (externalTriggerRef?.current && !children) {
-      trigger = externalTriggerRef.current;
-      trigger.setAttribute("tabindex", "0");
-      trigger.addEventListener("click", handleTriggerClick);
-    }
-    return () => {
-      if (trigger) {
-        trigger.removeEventListener("click", handleTriggerClick);
-      }
-    };
-  }, [externalTriggerRef, children, handleTriggerClick]);
-  React.useEffect(() => {
-    if (externalTriggerRef?.current && !children) {
-      const trigger = externalTriggerRef.current;
-      if (isVisible) {
-        trigger.setAttribute("aria-expanded", true);
-        trigger.setAttribute("aria-controls", tooltipId);
-      } else {
-        trigger.removeAttribute("aria-expanded");
-        trigger.removeAttribute("aria-controls");
-      }
-    }
-  }, [externalTriggerRef, children, tooltipId, isVisible]);
-  const triggerElm = children ? /*#__PURE__*/React__default.default.cloneElement(children, {
-    ref: triggerRef,
-    ...(isVisible && {
-      "aria-expanded": true,
-      "aria-controls": tooltipId
-    }),
-    tabIndex: 0,
-    onClick: evt => {
-      handleTriggerClick();
-      if (children.props.onClick) {
-        children.props.onClick(evt);
-      }
-    }
-  }) : null;
-  if (isMobileBreakPoint) {
-    // render as Sheet
-    const sheetElm = /*#__PURE__*/React__default.default.createElement(Sheet.Sheet, {
-      id: tooltipId,
-      isVisible: isVisible,
-      portalContainer: portalContainer,
-      dismissOnOutsideClick: dismissOnOutsideClick,
-      disableInitialFocus: disableInitialFocus,
-      disableReturnFocusToTrigger: disableReturnFocusToTrigger,
-      onClose: handleSheetClose
-    }, content);
-    return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, triggerElm, sheetElm);
-  }
-
-  // render as Popover
-  const contentElm = /*#__PURE__*/React__default.default.createElement(FocusTrapWrapper.FocusTrapWrapper, {
-    focusTrapOptions: {
-      clickOutsideDeactivates: dismissOnOutsideClick && handleClickOutsideDeactivates,
-      // de-active focus trap on outside click
-      allowOutsideClick: true,
-      escapeDeactivates: true,
-      // de-activate focus trap on escape key
-      fallbackFocus: `#${tooltipId}`,
-      // set focus to tooltip content container if it has no focusable element
-      onPostDeactivate: () => {
-        const reason = isOutsideClickOnTrigger.current ? VisibilityChangeReason.triggerClick : VisibilityChangeReason.outsideClick;
-        toggleVisibility(false, reason);
-      },
-      preventScroll: true,
-      initialFocus: () => !disableInitialFocus,
-      returnFocusOnDeactivate: !disableReturnFocusToTrigger
-    }
-  }, /*#__PURE__*/React__default.default.createElement(FocusTrapContent, null, content));
-  const tooltipElm = /*#__PURE__*/React__default.default.createElement(TooltipContent.TooltipContent, _extends__default.default({}, restContentProps, {
-    // eslint-disable-line react/jsx-props-no-spreading
-    defaultVerticalPlacement: defaultVerticalPlacement,
-    dataDSId: name,
-    content: contentElm,
-    contentPadding: contentPadding,
-    maxWidth: maxWidth,
-    placement: placement,
-    portalContainer: portalContainer,
-    dataE2eTestId: dataE2eTestId,
-    hasInvertedSubTheme: hasInvertedSubTheme,
-    isVisible: isVisible,
-    tooltipId: tooltipId,
-    tabIndex: -1,
-    triggerRef: triggerRef
-  }));
-  return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, triggerElm, tooltipElm);
-}
-
-exports.BasePopover = BasePopover;

package/build/cjs/src/components/Toggletip/Toggletip.js

@@ -1,18 +0,0 @@
-'use strict';
-
-var _extends = require('@babel/runtime/helpers/extends');
-var React = require('react');
-var BasePopover = require('./BasePopover.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var _extends__default = /*#__PURE__*/_interopDefault(_extends);
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-function Toggletip(props) {
-  return /*#__PURE__*/React__default.default.createElement(BasePopover.BasePopover, _extends__default.default({
-    name: "Toggletip"
-  }, props));
-}
-
-exports.Toggletip = Toggletip;