@amboss/design-system 1.9.1 → 1.9.5

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

@@ -0,0 +1,101 @@
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { sanitizeInputValues, getPercentagesForVariants } from './SegmentedProgressBarUtil.js';
+
+const defaultProps = {
+  "data-e2e-test-id": undefined,
+  weight: "fat",
+  squareCorners: false,
+  privateProps: {
+    monochrome: false
+  }
+};
+const getBackgroundColor = (theme, style, monochrome) => {
+  switch (style) {
+    case "success":
+      return monochrome ? theme.values.color.segementedProgressBar.monochrome : theme.values.color.segementedProgressBar.success;
+    case "warning":
+      return monochrome ? theme.values.color.segementedProgressBar.monochrome : theme.values.color.segementedProgressBar.warning;
+    case "alert":
+      return monochrome ? theme.values.color.segementedProgressBar.monochrome : theme.values.color.segementedProgressBar.alert;
+    case "inProgress":
+    default:
+      return theme.values.color.segementedProgressBar.inProgress;
+  }
+};
+const StyledSegmentedProgressBar = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e101pf3g1"
+} : {
+  target: "e101pf3g1",
+  label: "StyledSegmentedProgressBar"
+})(_ref => {
+  let {
+    theme,
+    squareCorners,
+    weight
+  } = _ref;
+  return {
+    width: "100%",
+    display: "flex",
+    flexDirection: "row",
+    borderRadius: squareCorners ? 0 : theme.variables.size.borderRadius.progressBar,
+    overflow: "hidden",
+    height: weight === "thin" ? theme.variables.size.spacing.xxs : theme.variables.size.spacing.xs
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlZ21lbnRlZFByb2dyZXNzQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RW1DIiwiZmlsZSI6IlNlZ21lbnRlZFByb2dyZXNzQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvbm8tY3ljbGVcbmltcG9ydCB7XG4gIGdldFBlcmNlbnRhZ2VzRm9yVmFyaWFudHMsXG4gIHNhbml0aXplSW5wdXRWYWx1ZXMsXG59IGZyb20gXCIuL1NlZ21lbnRlZFByb2dyZXNzQmFyVXRpbFwiO1xuXG5leHBvcnQgdHlwZSBWYWx1ZXNWYXJpYW50ID0gXCJzdWNjZXNzXCIgfCBcIndhcm5pbmdcIiB8IFwiYWxlcnRcIjtcblxuZXhwb3J0IHR5cGUgU3R5bGVWYXJpYW50ID0gVmFsdWVzVmFyaWFudCB8IFwiaW5Qcm9ncmVzc1wiO1xuXG5leHBvcnQgdHlwZSBWYWx1ZSA9IG51bWJlcjtcblxuZXhwb3J0IHR5cGUgUHJvZ3Jlc3NCYXJXZWlnaHQgPSBcInRoaW5cIiB8IFwiZmF0XCI7XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZFByb2dyZXNzQmFyUHJvcHMgPSB7XG4gIC8qKiBUaGUgdmFsdWUgZm9yIDEwMCUgcHJvZ3Jlc3MuIENvbnN1bWVyIGRvZXMgbm90IG5lZWQgdG8gZG8gcGVyY2VudGFnZSBjYWxjdWxhdGlvbi5cbiAgICogSnVzdCBwYXNzIHRoaXMgbnVtYmVyIGFuZCBzb21lIHZhbHVlcy4gVGhlIHByb2dyZXNzIGJhciBkb2VzIGFsbCBwZXJjZW50YWcgY2FsY3VsYXRpb25zICovXG4gIG1heFZhbHVlOiBudW1iZXI7XG4gIC8qKiBUaGUgdmFsdWVzIGFscmVhZHkgcHJvZ3Jlc3NlZC4gUG9zc2libGUgVmFsdWVzVmFyaWFudHMgYXJlIHVzZWQgdG8gZGlzcGxheSBwcm9ncmVzcyBpbiBhIGRpZmZlcmVudCBjb2xvci5cbiAgICogVmFyaWFudHMgYXJlOlxuICAgKiBzdWNjZXNzID0+IGdyZWVuO1xuICAgKiB3YXJuaW5nID0+IHllbGxvdztcbiAgICogYWxlcnQgPT4gcmVkICovXG4gIHZhbHVlczogUGFydGlhbDxSZWNvcmQ8VmFsdWVzVmFyaWFudCwgVmFsdWU+PjtcbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG4gIHdlaWdodD86IFByb2dyZXNzQmFyV2VpZ2h0O1xuICBwcml2YXRlUHJvcHM/OiBTZWdtZW50ZWRQcm9ncmVzc0JhclByaXZhdGVQcm9wcztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG50eXBlIFNlZ21lbnRlZFByb2dyZXNzQmFyUHJpdmF0ZVByb3BzID0ge1xuICBtb25vY2hyb21lPzogYm9vbGVhbjtcbn07XG5cbnR5cGUgU2VnbWVudFByb3BzID0ge1xuICBzdHlsZVZhcmlhbnQ6IFN0eWxlVmFyaWFudDtcbiAgcGVyY2VudGFnZTogbnVtYmVyO1xuICBtb25vY2hyb21lOiBib29sZWFuO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxTZWdtZW50ZWRQcm9ncmVzc0JhclByb3BzPiA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbiAgd2VpZ2h0OiBcImZhdFwiLFxuICBzcXVhcmVDb3JuZXJzOiBmYWxzZSxcbiAgcHJpdmF0ZVByb3BzOiB7XG4gICAgbW9ub2Nocm9tZTogZmFsc2UsXG4gIH0sXG59O1xuXG5jb25zdCBnZXRCYWNrZ3JvdW5kQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgc3R5bGU6IFN0eWxlVmFyaWFudCxcbiAgbW9ub2Nocm9tZTogYm9vbGVhblxuKSA9PiB7XG4gIHN3aXRjaCAoc3R5bGUpIHtcbiAgICBjYXNlIFwic3VjY2Vzc1wiOlxuICAgICAgcmV0dXJuIG1vbm9jaHJvbWVcbiAgICAgICAgPyB0aGVtZS52YWx1ZXMuY29sb3Iuc2VnZW1lbnRlZFByb2dyZXNzQmFyLm1vbm9jaHJvbWVcbiAgICAgICAgOiB0aGVtZS52YWx1ZXMuY29sb3Iuc2VnZW1lbnRlZFByb2dyZXNzQmFyLnN1Y2Nlc3M7XG4gICAgY2FzZSBcIndhcm5pbmdcIjpcbiAgICAgIHJldHVybiBtb25vY2hyb21lXG4gICAgICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLnNlZ2VtZW50ZWRQcm9ncmVzc0Jhci5tb25vY2hyb21lXG4gICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLnNlZ2VtZW50ZWRQcm9ncmVzc0Jhci53YXJuaW5nO1xuICAgIGNhc2UgXCJhbGVydFwiOlxuICAgICAgcmV0dXJuIG1vbm9jaHJvbWVcbiAgICAgICAgPyB0aGVtZS52YWx1ZXMuY29sb3Iuc2VnZW1lbnRlZFByb2dyZXNzQmFyLm1vbm9jaHJvbWVcbiAgICAgICAgOiB0aGVtZS52YWx1ZXMuY29sb3Iuc2VnZW1lbnRlZFByb2dyZXNzQmFyLmFsZXJ0O1xuICAgIGNhc2UgXCJpblByb2dyZXNzXCI6XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3Iuc2VnZW1lbnRlZFByb2dyZXNzQmFyLmluUHJvZ3Jlc3M7XG4gIH1cbn07XG5cbmNvbnN0IFN0eWxlZFNlZ21lbnRlZFByb2dyZXNzQmFyID0gc3R5bGVkLmRpdjxcbiAgUGFydGlhbDxTZWdtZW50ZWRQcm9ncmVzc0JhclByb3BzPlxuPigoeyB0aGVtZSwgc3F1YXJlQ29ybmVycywgd2VpZ2h0IH0pID0+ICh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIGJvcmRlclJhZGl1czogc3F1YXJlQ29ybmVyc1xuICAgID8gMFxuICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnByb2dyZXNzQmFyLFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgaGVpZ2h0OlxuICAgIHdlaWdodCA9PT0gXCJ0aGluXCJcbiAgICAgID8gdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHNcbiAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbn0pKTtcblxuY29uc3QgU3R5bGVkU2VnbWVudCA9IHN0eWxlZC5kaXY8UGFydGlhbDxTZWdtZW50UHJvcHM+PihcbiAgKHsgdGhlbWUsIHN0eWxlVmFyaWFudCwgcGVyY2VudGFnZSwgbW9ub2Nocm9tZSB9KSA9PiAoe1xuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCYWNrZ3JvdW5kQ29sb3IodGhlbWUsIHN0eWxlVmFyaWFudCwgbW9ub2Nocm9tZSksXG4gICAgd2lkdGg6IGAke3BlcmNlbnRhZ2V9JWAsXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gU2VnbWVudGVkUHJvZ3Jlc3NCYXIoe1xuICBtYXhWYWx1ZSxcbiAgdmFsdWVzLFxuICB3ZWlnaHQsXG4gIHNxdWFyZUNvcm5lcnMsXG4gIHByaXZhdGVQcm9wczogeyBtb25vY2hyb21lIH0sXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogU2VnbWVudGVkUHJvZ3Jlc3NCYXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHsgc2FuaXRpemVkTWF4VmFsdWUsIHNhbml0aXplZFZhbHVlcyB9ID0gc2FuaXRpemVJbnB1dFZhbHVlcyhcbiAgICBtYXhWYWx1ZSxcbiAgICB2YWx1ZXNcbiAgKTtcblxuICBjb25zdCBwZXJjZW50YWdlczoge1xuICAgIHBlcmNlbnRhZ2U6IG51bWJlcjtcbiAgICBzdHlsZTogU3R5bGVWYXJpYW50O1xuICB9W10gPSBnZXRQZXJjZW50YWdlc0ZvclZhcmlhbnRzKHNhbml0aXplZE1heFZhbHVlLCBzYW5pdGl6ZWRWYWx1ZXMpO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNlZ21lbnRlZFByb2dyZXNzQmFyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgc3F1YXJlQ29ybmVycz17c3F1YXJlQ29ybmVyc31cbiAgICAgIHdlaWdodD17d2VpZ2h0fVxuICAgID5cbiAgICAgIHtwZXJjZW50YWdlcy5tYXAoKHsgcGVyY2VudGFnZSwgc3R5bGUgfSkgPT4gKFxuICAgICAgICA8U3R5bGVkU2VnbWVudFxuICAgICAgICAgIGtleT17c3R5bGV9XG4gICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17c3R5bGUgYXMgc3RyaW5nfVxuICAgICAgICAgIHN0eWxlVmFyaWFudD17c3R5bGV9XG4gICAgICAgICAgbW9ub2Nocm9tZT17bW9ub2Nocm9tZX1cbiAgICAgICAgICBwZXJjZW50YWdlPXtwZXJjZW50YWdlfVxuICAgICAgICAvPlxuICAgICAgKSl9XG4gICAgPC9TdHlsZWRTZWdtZW50ZWRQcm9ncmVzc0Jhcj5cbiAgKTtcbn1cblxuU2VnbWVudGVkUHJvZ3Jlc3NCYXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuIl19 */");
+const StyledSegment = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e101pf3g0"
+} : {
+  target: "e101pf3g0",
+  label: "StyledSegment"
+})(_ref2 => {
+  let {
+    theme,
+    styleVariant,
+    percentage,
+    monochrome
+  } = _ref2;
+  return {
+    height: "100%",
+    backgroundColor: getBackgroundColor(theme, styleVariant, monochrome),
+    width: `${percentage}%`
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlZ21lbnRlZFByb2dyZXNzQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RnNCIiwiZmlsZSI6IlNlZ21lbnRlZFByb2dyZXNzQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQvbm8tY3ljbGVcbmltcG9ydCB7XG4gIGdldFBlcmNlbnRhZ2VzRm9yVmFyaWFudHMsXG4gIHNhbml0aXplSW5wdXRWYWx1ZXMsXG59IGZyb20gXCIuL1NlZ21lbnRlZFByb2dyZXNzQmFyVXRpbFwiO1xuXG5leHBvcnQgdHlwZSBWYWx1ZXNWYXJpYW50ID0gXCJzdWNjZXNzXCIgfCBcIndhcm5pbmdcIiB8IFwiYWxlcnRcIjtcblxuZXhwb3J0IHR5cGUgU3R5bGVWYXJpYW50ID0gVmFsdWVzVmFyaWFudCB8IFwiaW5Qcm9ncmVzc1wiO1xuXG5leHBvcnQgdHlwZSBWYWx1ZSA9IG51bWJlcjtcblxuZXhwb3J0IHR5cGUgUHJvZ3Jlc3NCYXJXZWlnaHQgPSBcInRoaW5cIiB8IFwiZmF0XCI7XG5cbmV4cG9ydCB0eXBlIFNlZ21lbnRlZFByb2dyZXNzQmFyUHJvcHMgPSB7XG4gIC8qKiBUaGUgdmFsdWUgZm9yIDEwMCUgcHJvZ3Jlc3MuIENvbnN1bWVyIGRvZXMgbm90IG5lZWQgdG8gZG8gcGVyY2VudGFnZSBjYWxjdWxhdGlvbi5cbiAgICogSnVzdCBwYXNzIHRoaXMgbnVtYmVyIGFuZCBzb21lIHZhbHVlcy4gVGhlIHByb2dyZXNzIGJhciBkb2VzIGFsbCBwZXJjZW50YWcgY2FsY3VsYXRpb25zICovXG4gIG1heFZhbHVlOiBudW1iZXI7XG4gIC8qKiBUaGUgdmFsdWVzIGFscmVhZHkgcHJvZ3Jlc3NlZC4gUG9zc2libGUgVmFsdWVzVmFyaWFudHMgYXJlIHVzZWQgdG8gZGlzcGxheSBwcm9ncmVzcyBpbiBhIGRpZmZlcmVudCBjb2xvci5cbiAgICogVmFyaWFudHMgYXJlOlxuICAgKiBzdWNjZXNzID0+IGdyZWVuO1xuICAgKiB3YXJuaW5nID0+IHllbGxvdztcbiAgICogYWxlcnQgPT4gcmVkICovXG4gIHZhbHVlczogUGFydGlhbDxSZWNvcmQ8VmFsdWVzVmFyaWFudCwgVmFsdWU+PjtcbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG4gIHdlaWdodD86IFByb2dyZXNzQmFyV2VpZ2h0O1xuICBwcml2YXRlUHJvcHM/OiBTZWdtZW50ZWRQcm9ncmVzc0JhclByaXZhdGVQcm9wcztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG50eXBlIFNlZ21lbnRlZFByb2dyZXNzQmFyUHJpdmF0ZVByb3BzID0ge1xuICBtb25vY2hyb21lPzogYm9vbGVhbjtcbn07XG5cbnR5cGUgU2VnbWVudFByb3BzID0ge1xuICBzdHlsZVZhcmlhbnQ6IFN0eWxlVmFyaWFudDtcbiAgcGVyY2VudGFnZTogbnVtYmVyO1xuICBtb25vY2hyb21lOiBib29sZWFuO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxTZWdtZW50ZWRQcm9ncmVzc0JhclByb3BzPiA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbiAgd2VpZ2h0OiBcImZhdFwiLFxuICBzcXVhcmVDb3JuZXJzOiBmYWxzZSxcbiAgcHJpdmF0ZVByb3BzOiB7XG4gICAgbW9ub2Nocm9tZTogZmFsc2UsXG4gIH0sXG59O1xuXG5jb25zdCBnZXRCYWNrZ3JvdW5kQ29sb3IgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgc3R5bGU6IFN0eWxlVmFyaWFudCxcbiAgbW9ub2Nocm9tZTogYm9vbGVhblxuKSA9PiB7XG4gIHN3aXRjaCAoc3R5bGUpIHtcbiAgICBjYXNlIFwic3VjY2Vzc1wiOlxuICAgICAgcmV0dXJuIG1vbm9jaHJvbWVcbiAgICAgICAgPyB0aGVtZS52YWx1ZXMuY29sb3Iuc2VnZW1lbnRlZFByb2dyZXNzQmFyLm1vbm9jaHJvbWVcbiAgICAgICAgOiB0aGVtZS52YWx1ZXMuY29sb3Iuc2VnZW1lbnRlZFByb2dyZXNzQmFyLnN1Y2Nlc3M7XG4gICAgY2FzZSBcIndhcm5pbmdcIjpcbiAgICAgIHJldHVybiBtb25vY2hyb21lXG4gICAgICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLnNlZ2VtZW50ZWRQcm9ncmVzc0Jhci5tb25vY2hyb21lXG4gICAgICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLnNlZ2VtZW50ZWRQcm9ncmVzc0Jhci53YXJuaW5nO1xuICAgIGNhc2UgXCJhbGVydFwiOlxuICAgICAgcmV0dXJuIG1vbm9jaHJvbWVcbiAgICAgICAgPyB0aGVtZS52YWx1ZXMuY29sb3Iuc2VnZW1lbnRlZFByb2dyZXNzQmFyLm1vbm9jaHJvbWVcbiAgICAgICAgOiB0aGVtZS52YWx1ZXMuY29sb3Iuc2VnZW1lbnRlZFByb2dyZXNzQmFyLmFsZXJ0O1xuICAgIGNhc2UgXCJpblByb2dyZXNzXCI6XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiB0aGVtZS52YWx1ZXMuY29sb3Iuc2VnZW1lbnRlZFByb2dyZXNzQmFyLmluUHJvZ3Jlc3M7XG4gIH1cbn07XG5cbmNvbnN0IFN0eWxlZFNlZ21lbnRlZFByb2dyZXNzQmFyID0gc3R5bGVkLmRpdjxcbiAgUGFydGlhbDxTZWdtZW50ZWRQcm9ncmVzc0JhclByb3BzPlxuPigoeyB0aGVtZSwgc3F1YXJlQ29ybmVycywgd2VpZ2h0IH0pID0+ICh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIGJvcmRlclJhZGl1czogc3F1YXJlQ29ybmVyc1xuICAgID8gMFxuICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnByb2dyZXNzQmFyLFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgaGVpZ2h0OlxuICAgIHdlaWdodCA9PT0gXCJ0aGluXCJcbiAgICAgID8gdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHNcbiAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbn0pKTtcblxuY29uc3QgU3R5bGVkU2VnbWVudCA9IHN0eWxlZC5kaXY8UGFydGlhbDxTZWdtZW50UHJvcHM+PihcbiAgKHsgdGhlbWUsIHN0eWxlVmFyaWFudCwgcGVyY2VudGFnZSwgbW9ub2Nocm9tZSB9KSA9PiAoe1xuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCYWNrZ3JvdW5kQ29sb3IodGhlbWUsIHN0eWxlVmFyaWFudCwgbW9ub2Nocm9tZSksXG4gICAgd2lkdGg6IGAke3BlcmNlbnRhZ2V9JWAsXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gU2VnbWVudGVkUHJvZ3Jlc3NCYXIoe1xuICBtYXhWYWx1ZSxcbiAgdmFsdWVzLFxuICB3ZWlnaHQsXG4gIHNxdWFyZUNvcm5lcnMsXG4gIHByaXZhdGVQcm9wczogeyBtb25vY2hyb21lIH0sXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogU2VnbWVudGVkUHJvZ3Jlc3NCYXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHsgc2FuaXRpemVkTWF4VmFsdWUsIHNhbml0aXplZFZhbHVlcyB9ID0gc2FuaXRpemVJbnB1dFZhbHVlcyhcbiAgICBtYXhWYWx1ZSxcbiAgICB2YWx1ZXNcbiAgKTtcblxuICBjb25zdCBwZXJjZW50YWdlczoge1xuICAgIHBlcmNlbnRhZ2U6IG51bWJlcjtcbiAgICBzdHlsZTogU3R5bGVWYXJpYW50O1xuICB9W10gPSBnZXRQZXJjZW50YWdlc0ZvclZhcmlhbnRzKHNhbml0aXplZE1heFZhbHVlLCBzYW5pdGl6ZWRWYWx1ZXMpO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFNlZ21lbnRlZFByb2dyZXNzQmFyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgc3F1YXJlQ29ybmVycz17c3F1YXJlQ29ybmVyc31cbiAgICAgIHdlaWdodD17d2VpZ2h0fVxuICAgID5cbiAgICAgIHtwZXJjZW50YWdlcy5tYXAoKHsgcGVyY2VudGFnZSwgc3R5bGUgfSkgPT4gKFxuICAgICAgICA8U3R5bGVkU2VnbWVudFxuICAgICAgICAgIGtleT17c3R5bGV9XG4gICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17c3R5bGUgYXMgc3RyaW5nfVxuICAgICAgICAgIHN0eWxlVmFyaWFudD17c3R5bGV9XG4gICAgICAgICAgbW9ub2Nocm9tZT17bW9ub2Nocm9tZX1cbiAgICAgICAgICBwZXJjZW50YWdlPXtwZXJjZW50YWdlfVxuICAgICAgICAvPlxuICAgICAgKSl9XG4gICAgPC9TdHlsZWRTZWdtZW50ZWRQcm9ncmVzc0Jhcj5cbiAgKTtcbn1cblxuU2VnbWVudGVkUHJvZ3Jlc3NCYXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuIl19 */");
+function SegmentedProgressBar(_ref3) {
+  let {
+    maxValue,
+    values,
+    weight,
+    squareCorners,
+    privateProps: {
+      monochrome
+    },
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref3;
+  const {
+    sanitizedMaxValue,
+    sanitizedValues
+  } = sanitizeInputValues(maxValue, values);
+  const percentages = getPercentagesForVariants(sanitizedMaxValue, sanitizedValues);
+  return /*#__PURE__*/React.createElement(StyledSegmentedProgressBar, {
+    "data-e2e-test-id": dataE2eTestId,
+    squareCorners: squareCorners,
+    weight: weight
+  }, percentages.map(_ref4 => {
+    let {
+      percentage,
+      style
+    } = _ref4;
+    return /*#__PURE__*/React.createElement(StyledSegment, {
+      key: style,
+      "data-e2e-test-id": style,
+      styleVariant: style,
+      monochrome: monochrome,
+      percentage: percentage
+    });
+  }));
+}
+SegmentedProgressBar.defaultProps = defaultProps;
+
+export { SegmentedProgressBar };
+//# sourceMappingURL=SegmentedProgressBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedProgressBar.js","sources":["../../../../../src/components/SegmentedProgressBar/SegmentedProgressBar.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Theme } from \"@emotion/react\";\n// eslint-disable-next-line import/no-cycle\nimport {\n  getPercentagesForVariants,\n  sanitizeInputValues,\n} from \"./SegmentedProgressBarUtil\";\n\nexport type ValuesVariant = \"success\" | \"warning\" | \"alert\";\n\nexport type StyleVariant = ValuesVariant | \"inProgress\";\n\nexport type Value = number;\n\nexport type ProgressBarWeight = \"thin\" | \"fat\";\n\nexport type SegmentedProgressBarProps = {\n  /** The value for 100% progress. Consumer does not need to do percentage calculation.\n   * Just pass this number and some values. The progress bar does all percentag calculations */\n  maxValue: number;\n  /** The values already progressed. Possible ValuesVariants are used to display progress in a different color.\n   * Variants are:\n   * success => green;\n   * warning => yellow;\n   * alert => red */\n  values: Partial<Record<ValuesVariant, Value>>;\n  squareCorners?: boolean;\n  weight?: ProgressBarWeight;\n  privateProps?: SegmentedProgressBarPrivateProps;\n  \"data-e2e-test-id\"?: string;\n};\n\ntype SegmentedProgressBarPrivateProps = {\n  monochrome?: boolean;\n};\n\ntype SegmentProps = {\n  styleVariant: StyleVariant;\n  percentage: number;\n  monochrome: boolean;\n  \"data-e2e-test-id\"?: string;\n};\n\nconst defaultProps: Partial<SegmentedProgressBarProps> = {\n  \"data-e2e-test-id\": undefined,\n  weight: \"fat\",\n  squareCorners: false,\n  privateProps: {\n    monochrome: false,\n  },\n};\n\nconst getBackgroundColor = (\n  theme: Theme,\n  style: StyleVariant,\n  monochrome: boolean\n) => {\n  switch (style) {\n    case \"success\":\n      return monochrome\n        ? theme.values.color.segementedProgressBar.monochrome\n        : theme.values.color.segementedProgressBar.success;\n    case \"warning\":\n      return monochrome\n        ? theme.values.color.segementedProgressBar.monochrome\n        : theme.values.color.segementedProgressBar.warning;\n    case \"alert\":\n      return monochrome\n        ? theme.values.color.segementedProgressBar.monochrome\n        : theme.values.color.segementedProgressBar.alert;\n    case \"inProgress\":\n    default:\n      return theme.values.color.segementedProgressBar.inProgress;\n  }\n};\n\nconst StyledSegmentedProgressBar = styled.div<\n  Partial<SegmentedProgressBarProps>\n>(({ theme, squareCorners, weight }) => ({\n  width: \"100%\",\n  display: \"flex\",\n  flexDirection: \"row\",\n  borderRadius: squareCorners\n    ? 0\n    : theme.variables.size.borderRadius.progressBar,\n  overflow: \"hidden\",\n  height:\n    weight === \"thin\"\n      ? theme.variables.size.spacing.xxs\n      : theme.variables.size.spacing.xs,\n}));\n\nconst StyledSegment = styled.div<Partial<SegmentProps>>(\n  ({ theme, styleVariant, percentage, monochrome }) => ({\n    height: \"100%\",\n    backgroundColor: getBackgroundColor(theme, styleVariant, monochrome),\n    width: `${percentage}%`,\n  })\n);\n\nexport function SegmentedProgressBar({\n  maxValue,\n  values,\n  weight,\n  squareCorners,\n  privateProps: { monochrome },\n  \"data-e2e-test-id\": dataE2eTestId,\n}: SegmentedProgressBarProps): React.ReactElement {\n  const { sanitizedMaxValue, sanitizedValues } = sanitizeInputValues(\n    maxValue,\n    values\n  );\n\n  const percentages: {\n    percentage: number;\n    style: StyleVariant;\n  }[] = getPercentagesForVariants(sanitizedMaxValue, sanitizedValues);\n\n  return (\n    <StyledSegmentedProgressBar\n      data-e2e-test-id={dataE2eTestId}\n      squareCorners={squareCorners}\n      weight={weight}\n    >\n      {percentages.map(({ percentage, style }) => (\n        <StyledSegment\n          key={style}\n          data-e2e-test-id={style as string}\n          styleVariant={style}\n          monochrome={monochrome}\n          percentage={percentage}\n        />\n      ))}\n    </StyledSegmentedProgressBar>\n  );\n}\n\nSegmentedProgressBar.defaultProps = defaultProps;\n"],"names":["defaultProps","undefined","weight","squareCorners","privateProps","monochrome","getBackgroundColor","theme","style","values","color","segementedProgressBar","success","warning","alert","inProgress","StyledSegmentedProgressBar","_styled","process","env","NODE_ENV","target","label","_ref","width","display","flexDirection","borderRadius","variables","size","progressBar","overflow","height","spacing","xxs","xs","StyledSegment","_ref2","styleVariant","percentage","backgroundColor","SegmentedProgressBar","_ref3","maxValue","dataE2eTestId","sanitizedMaxValue","sanitizedValues","sanitizeInputValues","percentages","getPercentagesForVariants","React","createElement","map","_ref4","key"],"mappings":"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"}

package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBarUtil.js

@@ -0,0 +1,40 @@
+// eslint-disable-next-line import/no-cycle
+
+const variants = ["success", "warning", "alert"];
+const getTotalFilledValue = values => variants.reduce((currentValue, variant) => values[variant] && values[variant] > 0 ? currentValue + values[variant] : currentValue, 0);
+const getPercentagesForVariants = (maxValue, values) => {
+  const result = variants.map(variant => {
+    const percentage = 100 * values[variant] / maxValue;
+    return percentage > 0 ? {
+      percentage,
+      style: variant
+    } : null;
+  });
+  const usedPercentage = result.reduce((currentValue, item) => currentValue + (item ? item.percentage : 0), 0);
+
+  // add a last segment for the remaing percentage
+  if (usedPercentage < 100) {
+    result.push({
+      percentage: 100 - usedPercentage,
+      style: "inProgress"
+    });
+  }
+
+  // we need to filter out the null values.
+  return result.filter(Boolean);
+};
+const sanitizeInputValues = (maxValue, values) => {
+  const totalFilledValue = getTotalFilledValue(values);
+  const sanitizedMaxValue = maxValue > totalFilledValue ? maxValue : totalFilledValue;
+  const sanitizedValues = {};
+  variants.forEach(variant => {
+    sanitizedValues[variant] = values[variant] && values[variant] > 0 ? values[variant] : 0;
+  });
+  return {
+    sanitizedMaxValue,
+    sanitizedValues
+  };
+};
+
+export { getPercentagesForVariants, sanitizeInputValues };
+//# sourceMappingURL=SegmentedProgressBarUtil.js.map

package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBarUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedProgressBarUtil.js","sources":["../../../../../src/components/SegmentedProgressBar/SegmentedProgressBarUtil.ts"],"sourcesContent":["// eslint-disable-next-line import/no-cycle\nimport { StyleVariant, Value, ValuesVariant } from \"./SegmentedProgressBar\";\n\nconst variants: ValuesVariant[] = [\"success\", \"warning\", \"alert\"];\n\nconst getTotalFilledValue = (values: Partial<Record<ValuesVariant, Value>>) =>\n  variants.reduce(\n    (currentValue, variant) =>\n      values[variant] && values[variant] > 0\n        ? currentValue + values[variant]\n        : currentValue,\n    0\n  );\n\nconst getPercentagesForVariants = (\n  maxValue: number,\n  values: Partial<Record<ValuesVariant, Value>>\n): { percentage: number; style: StyleVariant }[] => {\n  const result = variants.map((variant) => {\n    const percentage: number = (100 * values[variant]) / maxValue;\n\n    return percentage > 0\n      ? { percentage, style: variant as StyleVariant }\n      : null;\n  });\n\n  const usedPercentage = result.reduce(\n    (currentValue, item) => currentValue + (item ? item.percentage : 0),\n    0\n  );\n\n  // add a last segment for the remaing percentage\n  if (usedPercentage < 100) {\n    result.push({\n      percentage: 100 - usedPercentage,\n      style: \"inProgress\" as StyleVariant,\n    });\n  }\n\n  // we need to filter out the null values.\n  return result.filter(Boolean);\n};\n\nconst sanitizeInputValues = (\n  maxValue: number,\n  values: Partial<Record<ValuesVariant, Value>>\n): {\n  sanitizedMaxValue: number;\n  sanitizedValues: Partial<Record<ValuesVariant, Value>>;\n} => {\n  const totalFilledValue = getTotalFilledValue(values);\n  const sanitizedMaxValue =\n    maxValue > totalFilledValue ? maxValue : totalFilledValue;\n\n  const sanitizedValues: Partial<Record<ValuesVariant, Value>> = {};\n  variants.forEach((variant) => {\n    sanitizedValues[variant] =\n      values[variant] && values[variant] > 0 ? values[variant] : 0;\n  });\n\n  return { sanitizedMaxValue, sanitizedValues };\n};\n\nexport { sanitizeInputValues, getPercentagesForVariants };\n"],"names":["variants","getTotalFilledValue","values","reduce","currentValue","variant","getPercentagesForVariants","maxValue","result","map","percentage","style","usedPercentage","item","push","filter","Boolean","sanitizeInputValues","totalFilledValue","sanitizedMaxValue","sanitizedValues","forEach"],"mappings":"AAAA;;AAGA,MAAMA,QAAyB,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA;AAEjE,MAAMC,mBAAmB,GAAIC,MAA6C,IACxEF,QAAQ,CAACG,MAAM,CACb,CAACC,YAAY,EAAEC,OAAO,KACpBH,MAAM,CAACG,OAAO,CAAC,IAAIH,MAAM,CAACG,OAAO,CAAC,GAAG,CAAC,GAClCD,YAAY,GAAGF,MAAM,CAACG,OAAO,CAAC,GAC9BD,YAAY,EAClB,CAAC,CACF,CAAA;AAEH,MAAME,yBAAyB,GAAGA,CAChCC,QAAgB,EAChBL,MAA6C,KACK;AAClD,EAAA,MAAMM,MAAM,GAAGR,QAAQ,CAACS,GAAG,CAAEJ,OAAO,IAAK;IACvC,MAAMK,UAAkB,GAAI,GAAG,GAAGR,MAAM,CAACG,OAAO,CAAC,GAAIE,QAAQ,CAAA;IAE7D,OAAOG,UAAU,GAAG,CAAC,GACjB;MAAEA,UAAU;AAAEC,MAAAA,KAAK,EAAEN,OAAAA;AAAwB,KAAC,GAC9C,IAAI,CAAA;AACV,GAAC,CAAC,CAAA;EAEF,MAAMO,cAAc,GAAGJ,MAAM,CAACL,MAAM,CAClC,CAACC,YAAY,EAAES,IAAI,KAAKT,YAAY,IAAIS,IAAI,GAAGA,IAAI,CAACH,UAAU,GAAG,CAAC,CAAC,EACnE,CAAC,CACF,CAAA;;AAED;EACA,IAAIE,cAAc,GAAG,GAAG,EAAE;IACxBJ,MAAM,CAACM,IAAI,CAAC;MACVJ,UAAU,EAAE,GAAG,GAAGE,cAAc;AAChCD,MAAAA,KAAK,EAAE,YAAA;AACT,KAAC,CAAC,CAAA;AACJ,GAAA;;AAEA;AACA,EAAA,OAAOH,MAAM,CAACO,MAAM,CAACC,OAAO,CAAC,CAAA;AAC/B,EAAC;AAED,MAAMC,mBAAmB,GAAGA,CAC1BV,QAAgB,EAChBL,MAA6C,KAI1C;AACH,EAAA,MAAMgB,gBAAgB,GAAGjB,mBAAmB,CAACC,MAAM,CAAC,CAAA;EACpD,MAAMiB,iBAAiB,GACrBZ,QAAQ,GAAGW,gBAAgB,GAAGX,QAAQ,GAAGW,gBAAgB,CAAA;EAE3D,MAAME,eAAsD,GAAG,EAAE,CAAA;AACjEpB,EAAAA,QAAQ,CAACqB,OAAO,CAAEhB,OAAO,IAAK;IAC5Be,eAAe,CAACf,OAAO,CAAC,GACtBH,MAAM,CAACG,OAAO,CAAC,IAAIH,MAAM,CAACG,OAAO,CAAC,GAAG,CAAC,GAAGH,MAAM,CAACG,OAAO,CAAC,GAAG,CAAC,CAAA;AAChE,GAAC,CAAC,CAAA;EAEF,OAAO;IAAEc,iBAAiB;AAAEC,IAAAA,eAAAA;GAAiB,CAAA;AAC/C;;;;"}

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

@@ -0,0 +1,71 @@
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { flattenChildren } from '../../shared/flattenChildren.js';
+import { mq } from '../../shared/mediaQueries.js';
+
+const defaultProps = {
+  space: "xs",
+  "data-e2e-test-id": undefined
+};
+const StackContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "earxui51"
+} : {
+  target: "earxui51",
+  label: "StackContainer"
+})(_ref => {
+  let {
+    alignItems
+  } = _ref;
+  return {
+    ...mq({
+      alignItems: [alignItems, {
+        left: "flex-start",
+        right: "flex-end",
+        center: "center",
+        spaceBetween: "space-between"
+      }]
+    }),
+    display: "flex",
+    flexDirection: "column"
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0YWNrLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ3VCIiwiZmlsZSI6IlN0YWNrLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgZmxhdHRlbkNoaWxkcmVuIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9mbGF0dGVuQ2hpbGRyZW5cIjtcbmltcG9ydCB7IG1xIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcblxuaW1wb3J0IHsgSG9yaXpvbnRhbEFsaWdubWVudCwgTVEsIFNwYWNlU2l6ZXMgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgU3RhY2tQcm9wcyA9IHtcbiAgLyoqIFJlcHJlc2VudHMgdGhlIHZlcnRpY2FsIGJldHdlZW4gdGhlIFN0YWNrJ3MgY2hpbGRyZW5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHNwYWNlLCBtZWRpdW0gc2NyZWVuIHNwYWNlLCBsYXJnZSBzY3JlZW4gc3BhY2VdIG9yIG9uZSBzcGFjZSBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgc3BhY2U/OiBNUTxTcGFjZVNpemVzPiB8IFNwYWNlU2l6ZXM7XG4gIC8qKiBSZXByZXNlbnRzIGVsZW1lbnRzJyBob3Jpem9udGFsIGFsaWdubWVudFxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gYWxpZ25JdGVtcywgbWVkaXVtIHNjcmVlbiBhbGlnbkl0ZW1zLCBsYXJnZSBzY3JlZW4gYWxpZ25JdGVtc10gb3Igb25lIGFsaWduSXRlbXMgZm9yIGFsbCBzY3JlZW4gc2l6ZXNcbiAgICovXG4gIGFsaWduSXRlbXM/OiBNUTxIb3Jpem9udGFsQWxpZ25tZW50PiB8IEhvcml6b250YWxBbGlnbm1lbnQ7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG50eXBlIFN0YWNrSXRlbVByb3BzID0ge1xuICAvKiogUmVwcmVzZW50cyB0aGUgdmVydGljYWwgYmV0d2VlbiB0aGUgU3RhY2sncyBjaGlsZHJlblxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gc3BhY2UsIG1lZGl1bSBzY3JlZW4gc3BhY2UsIGxhcmdlIHNjcmVlbiBzcGFjZV0gb3Igb25lIHNwYWNlIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqL1xuICBzcGFjZT86IE1RPFNwYWNlU2l6ZXM+IHwgU3BhY2VTaXplcztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxTdGFja1Byb3BzPiA9IHtcbiAgc3BhY2U6IFwieHNcIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbn07XG5cbmNvbnN0IFN0YWNrQ29udGFpbmVyID0gc3R5bGVkLmRpdjxTdGFja1Byb3BzPigoeyBhbGlnbkl0ZW1zIH0pID0+ICh7XG4gIC4uLm1xKHtcbiAgICBhbGlnbkl0ZW1zOiBbXG4gICAgICBhbGlnbkl0ZW1zLFxuICAgICAge1xuICAgICAgICBsZWZ0OiBcImZsZXgtc3RhcnRcIixcbiAgICAgICAgcmlnaHQ6IFwiZmxleC1lbmRcIixcbiAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICBzcGFjZUJldHdlZW46IFwic3BhY2UtYmV0d2VlblwiLFxuICAgICAgfSxcbiAgICBdLFxuICB9KSxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG59KSk7XG5cbmNvbnN0IFN0YWNrSXRlbSA9IHN0eWxlZC5kaXY8U3RhY2tJdGVtUHJvcHM+KCh7IHRoZW1lLCBzcGFjZSB9KSA9PiAoe1xuICAuLi5tcSh7XG4gICAgbWFyZ2luVG9wOiBbc3BhY2UsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICB9KSxcbiAgXCImOmZpcnN0LW9mLXR5cGVcIjoge1xuICAgIG1hcmdpblRvcDogMCxcbiAgfSxcbiAgXCImOmVtcHR5XCI6IHtcbiAgICBtYXJnaW5Ub3A6IDAsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBTdGFjayh7XG4gIGNoaWxkcmVuLFxuICBzcGFjZSxcbiAgYWxpZ25JdGVtcyxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBTdGFja1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3RhY2tDb250YWluZXIgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gYWxpZ25JdGVtcz17YWxpZ25JdGVtc30+XG4gICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKFxuICAgICAgICBmbGF0dGVuQ2hpbGRyZW4oY2hpbGRyZW4pLFxuICAgICAgICAoY2hpbGQpID0+IGNoaWxkICYmIDxTdGFja0l0ZW0gc3BhY2U9e3NwYWNlfT57Y2hpbGR9PC9TdGFja0l0ZW0+XG4gICAgICApfVxuICAgIDwvU3RhY2tDb250YWluZXI+XG4gICk7XG59XG5cblN0YWNrLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */");
+const StackItem = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "earxui50"
+} : {
+  target: "earxui50",
+  label: "StackItem"
+})(_ref2 => {
+  let {
+    theme,
+    space
+  } = _ref2;
+  return {
+    ...mq({
+      marginTop: [space, theme.variables.size.spacing]
+    }),
+    "&:first-of-type": {
+      marginTop: 0
+    },
+    "&:empty": {
+      marginTop: 0
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0YWNrLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRGtCIiwiZmlsZSI6IlN0YWNrLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgZmxhdHRlbkNoaWxkcmVuIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9mbGF0dGVuQ2hpbGRyZW5cIjtcbmltcG9ydCB7IG1xIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcblxuaW1wb3J0IHsgSG9yaXpvbnRhbEFsaWdubWVudCwgTVEsIFNwYWNlU2l6ZXMgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgU3RhY2tQcm9wcyA9IHtcbiAgLyoqIFJlcHJlc2VudHMgdGhlIHZlcnRpY2FsIGJldHdlZW4gdGhlIFN0YWNrJ3MgY2hpbGRyZW5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHNwYWNlLCBtZWRpdW0gc2NyZWVuIHNwYWNlLCBsYXJnZSBzY3JlZW4gc3BhY2VdIG9yIG9uZSBzcGFjZSBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgc3BhY2U/OiBNUTxTcGFjZVNpemVzPiB8IFNwYWNlU2l6ZXM7XG4gIC8qKiBSZXByZXNlbnRzIGVsZW1lbnRzJyBob3Jpem9udGFsIGFsaWdubWVudFxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gYWxpZ25JdGVtcywgbWVkaXVtIHNjcmVlbiBhbGlnbkl0ZW1zLCBsYXJnZSBzY3JlZW4gYWxpZ25JdGVtc10gb3Igb25lIGFsaWduSXRlbXMgZm9yIGFsbCBzY3JlZW4gc2l6ZXNcbiAgICovXG4gIGFsaWduSXRlbXM/OiBNUTxIb3Jpem9udGFsQWxpZ25tZW50PiB8IEhvcml6b250YWxBbGlnbm1lbnQ7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG50eXBlIFN0YWNrSXRlbVByb3BzID0ge1xuICAvKiogUmVwcmVzZW50cyB0aGUgdmVydGljYWwgYmV0d2VlbiB0aGUgU3RhY2sncyBjaGlsZHJlblxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gc3BhY2UsIG1lZGl1bSBzY3JlZW4gc3BhY2UsIGxhcmdlIHNjcmVlbiBzcGFjZV0gb3Igb25lIHNwYWNlIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqL1xuICBzcGFjZT86IE1RPFNwYWNlU2l6ZXM+IHwgU3BhY2VTaXplcztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxTdGFja1Byb3BzPiA9IHtcbiAgc3BhY2U6IFwieHNcIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbn07XG5cbmNvbnN0IFN0YWNrQ29udGFpbmVyID0gc3R5bGVkLmRpdjxTdGFja1Byb3BzPigoeyBhbGlnbkl0ZW1zIH0pID0+ICh7XG4gIC4uLm1xKHtcbiAgICBhbGlnbkl0ZW1zOiBbXG4gICAgICBhbGlnbkl0ZW1zLFxuICAgICAge1xuICAgICAgICBsZWZ0OiBcImZsZXgtc3RhcnRcIixcbiAgICAgICAgcmlnaHQ6IFwiZmxleC1lbmRcIixcbiAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICBzcGFjZUJldHdlZW46IFwic3BhY2UtYmV0d2VlblwiLFxuICAgICAgfSxcbiAgICBdLFxuICB9KSxcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG59KSk7XG5cbmNvbnN0IFN0YWNrSXRlbSA9IHN0eWxlZC5kaXY8U3RhY2tJdGVtUHJvcHM+KCh7IHRoZW1lLCBzcGFjZSB9KSA9PiAoe1xuICAuLi5tcSh7XG4gICAgbWFyZ2luVG9wOiBbc3BhY2UsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICB9KSxcbiAgXCImOmZpcnN0LW9mLXR5cGVcIjoge1xuICAgIG1hcmdpblRvcDogMCxcbiAgfSxcbiAgXCImOmVtcHR5XCI6IHtcbiAgICBtYXJnaW5Ub3A6IDAsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBTdGFjayh7XG4gIGNoaWxkcmVuLFxuICBzcGFjZSxcbiAgYWxpZ25JdGVtcyxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBTdGFja1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3RhY2tDb250YWluZXIgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0gYWxpZ25JdGVtcz17YWxpZ25JdGVtc30+XG4gICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKFxuICAgICAgICBmbGF0dGVuQ2hpbGRyZW4oY2hpbGRyZW4pLFxuICAgICAgICAoY2hpbGQpID0+IGNoaWxkICYmIDxTdGFja0l0ZW0gc3BhY2U9e3NwYWNlfT57Y2hpbGR9PC9TdGFja0l0ZW0+XG4gICAgICApfVxuICAgIDwvU3RhY2tDb250YWluZXI+XG4gICk7XG59XG5cblN0YWNrLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */");
+function Stack(_ref3) {
+  let {
+    children,
+    space,
+    alignItems,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref3;
+  return /*#__PURE__*/React.createElement(StackContainer, {
+    "data-e2e-test-id": dataE2eTestId,
+    alignItems: alignItems
+  }, React.Children.map(flattenChildren(children), child => child && /*#__PURE__*/React.createElement(StackItem, {
+    space: space
+  }, child)));
+}
+Stack.defaultProps = defaultProps;
+
+export { Stack };
+//# sourceMappingURL=Stack.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sources":["../../../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { flattenChildren } from \"../../shared/flattenChildren\";\nimport { mq } from \"../../shared/mediaQueries\";\n\nimport { HorizontalAlignment, MQ, SpaceSizes } from \"../../types\";\n\nexport type StackProps = {\n  /** Represents the vertical between the Stack's children\n   * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n   */\n  space?: MQ<SpaceSizes> | SpaceSizes;\n  /** Represents elements' horizontal alignment\n   * specify [small screen alignItems, medium screen alignItems, large screen alignItems] or one alignItems for all screen sizes\n   */\n  alignItems?: MQ<HorizontalAlignment> | HorizontalAlignment;\n  children: React.ReactNode[] | React.ReactElement;\n  \"data-e2e-test-id\"?: string;\n};\n\ntype StackItemProps = {\n  /** Represents the vertical between the Stack's children\n   * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n   */\n  space?: MQ<SpaceSizes> | SpaceSizes;\n};\n\nconst defaultProps: Partial<StackProps> = {\n  space: \"xs\",\n  \"data-e2e-test-id\": undefined,\n};\n\nconst StackContainer = styled.div<StackProps>(({ alignItems }) => ({\n  ...mq({\n    alignItems: [\n      alignItems,\n      {\n        left: \"flex-start\",\n        right: \"flex-end\",\n        center: \"center\",\n        spaceBetween: \"space-between\",\n      },\n    ],\n  }),\n  display: \"flex\",\n  flexDirection: \"column\",\n}));\n\nconst StackItem = styled.div<StackItemProps>(({ theme, space }) => ({\n  ...mq({\n    marginTop: [space, theme.variables.size.spacing],\n  }),\n  \"&:first-of-type\": {\n    marginTop: 0,\n  },\n  \"&:empty\": {\n    marginTop: 0,\n  },\n}));\n\nexport function Stack({\n  children,\n  space,\n  alignItems,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: StackProps): React.ReactElement {\n  return (\n    <StackContainer data-e2e-test-id={dataE2eTestId} alignItems={alignItems}>\n      {React.Children.map(\n        flattenChildren(children),\n        (child) => child && <StackItem space={space}>{child}</StackItem>\n      )}\n    </StackContainer>\n  );\n}\n\nStack.defaultProps = defaultProps;\n"],"names":["defaultProps","space","undefined","StackContainer","_styled","process","env","NODE_ENV","target","label","_ref","alignItems","mq","left","right","center","spaceBetween","display","flexDirection","StackItem","_ref2","theme","marginTop","variables","size","spacing","Stack","_ref3","children","dataE2eTestId","React","createElement","Children","map","flattenChildren","child"],"mappings":";;;;;AA2BA,MAAMA,YAAiC,GAAG;AACxCC,EAAAA,KAAK,EAAE,IAAI;AACX,EAAA,kBAAkB,EAAEC,SAAAA;AACtB,CAAC,CAAA;AAED,MAAMC,cAAc,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,gBAAA;AAAA,CAAA,CAAA,CAAuBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;AACjE,IAAA,GAAGE,EAAE,CAAC;MACJD,UAAU,EAAE,CACVA,UAAU,EACV;AACEE,QAAAA,IAAI,EAAE,YAAY;AAClBC,QAAAA,KAAK,EAAE,UAAU;AACjBC,QAAAA,MAAM,EAAE,QAAQ;AAChBC,QAAAA,YAAY,EAAE,eAAA;OACf,CAAA;AAEL,KAAC,CAAC;AACFC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,aAAa,EAAE,QAAA;GAChB,CAAA;AAAA,CAAC,EAAAb,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,yoGAAA,CAAA,CAAA;AAEH,MAAMY,SAAS,gBAAGf,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,WAAA;AAAA,CAAA,CAAA,CAA2BW,KAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;AAAEpB,IAAAA,KAAAA;AAAM,GAAC,GAAAmB,KAAA,CAAA;EAAA,OAAM;AAClE,IAAA,GAAGR,EAAE,CAAC;MACJU,SAAS,EAAE,CAACrB,KAAK,EAAEoB,KAAK,CAACE,SAAS,CAACC,IAAI,CAACC,OAAO,CAAA;AACjD,KAAC,CAAC;AACF,IAAA,iBAAiB,EAAE;AACjBH,MAAAA,SAAS,EAAE,CAAA;KACZ;AACD,IAAA,SAAS,EAAE;AACTA,MAAAA,SAAS,EAAE,CAAA;AACb,KAAA;GACD,CAAA;AAAA,CAAC,EAAAjB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,yoGAAA,CAAA,CAAA;AAEI,SAASmB,KAAKA,CAAAC,KAAA,EAKc;EAAA,IALb;IACpBC,QAAQ;IACR3B,KAAK;IACLU,UAAU;AACV,IAAA,kBAAkB,EAAEkB,aAAAA;AACV,GAAC,GAAAF,KAAA,CAAA;AACX,EAAA,oBACEG,KAAA,CAAAC,aAAA,CAAC5B,cAAc,EAAA;AAAC,IAAA,kBAAA,EAAkB0B,aAAc;AAAClB,IAAAA,UAAU,EAAEA,UAAAA;AAAW,GAAA,EACrEmB,KAAK,CAACE,QAAQ,CAACC,GAAG,CACjBC,eAAe,CAACN,QAAQ,CAAC,EACxBO,KAAK,IAAKA,KAAK,iBAAIL,KAAA,CAAAC,aAAA,CAACZ,SAAS,EAAA;AAAClB,IAAAA,KAAK,EAAEA,KAAAA;GAAQkC,EAAAA,KAAK,CAAa,CACjE,CACc,CAAA;AAErB,CAAA;AAEAT,KAAK,CAAC1B,YAAY,GAAGA,YAAY;;;;"}

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

@@ -0,0 +1,49 @@
+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
+  }, children));
+}
+
+export { SubThemeProvider };
+//# sourceMappingURL=SubThemeProvider.js.map

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

@@ -0,0 +1 @@
+{"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}>{children}</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,IAAI,CAAA;GAGnCO,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAK,kBAAkBF,EAAAA,aAAAA;GAAgBD,EAAAA,QAAQ,CAAO,CACxC,CAAA;AAEpB;;;;"}

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

@@ -0,0 +1,125 @@
+import _extends from '@babel/runtime/helpers/extends';
+import _styled from '@emotion/styled/base';
+import React from 'react';
+import { Inline } from '../Inline/Inline.js';
+import { Stack } from '../Stack/Stack.js';
+import { Icon } from '../Icon/Icon.js';
+
+const BORDER_WIDTH = 1;
+const BORDER_WIDTH_ACTIVE_TOP = 4;
+const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "epth01"
+} : {
+  target: "epth01",
+  label: "StyledContainer"
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    width: "100%",
+    backgroundColor: theme.values.color.background.tabs.header,
+    borderBottom: `${BORDER_WIDTH}px solid`,
+    borderColor: theme.values.color.border.primary
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVl3QiIsImZpbGUiOiJUYWJzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgSWNvbk5hbWUsIEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5cbmNvbnN0IEJPUkRFUl9XSURUSCA9IDE7XG5jb25zdCBCT1JERVJfV0lEVEhfQUNUSVZFX1RPUCA9IDQ7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRhYnMuaGVhZGVyLFxuICBib3JkZXJCb3R0b206IGAke0JPUkRFUl9XSURUSH1weCBzb2xpZGAsXG4gIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnksXG59KSk7XG5cbmNvbnN0IFN0eWxlZFRhYkhlYWRlciA9IHN0eWxlZC5kaXY8eyBhY3RpdmU6IGJvb2xlYW47IGlzRmlyc3Q6IGJvb2xlYW4gfT4oXG4gICh7IHRoZW1lLCBhY3RpdmUsIGlzRmlyc3QgfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIG1hcmdpbjogMCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRhYnMuaGVhZGVyLFxuICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcblxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnksXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQudGV4dC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQudGV4dC5zLFxuICAgIGJvcmRlcjogMCxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIHRyYW5zaXRpb246IFwiYmFja2dyb3VuZC1jb2xvciAwLjE1c1wiLFxuXG4gICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcblxuICAgIC4uLihhY3RpdmVcbiAgICAgID8ge1xuICAgICAgICAgIGJvcmRlcjogYCR7Qk9SREVSX1dJRFRIfXB4IHNvbGlkYCxcbiAgICAgICAgICBib3JkZXJUb3A6IDAsXG4gICAgICAgICAgcGFkZGluZ0xlZnQ6XG4gICAgICAgICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sIDEwKSAtIEJPUkRFUl9XSURUSCxcbiAgICAgICAgICBwYWRkaW5nUmlnaHQ6XG4gICAgICAgICAgICBwYXJzZUludCh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sIDEwKSAtIEJPUkRFUl9XSURUSCxcbiAgICAgICAgICBtYXJnaW5Cb3R0b206IC1CT1JERVJfV0lEVEgsXG4gICAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeSxcbiAgICAgICAgICBib3JkZXJCb3R0b21Db2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudGFicy5idXR0b25BY3RpdmUsXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50YWJzLmJ1dHRvbkFjdGl2ZSxcblxuICAgICAgICAgIC4uLihpc0ZpcnN0ICYmIHtcbiAgICAgICAgICAgIGJvcmRlckxlZnQ6IDAsXG4gICAgICAgICAgICBwYWRkaW5nTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgICAgICAgIH0pLFxuICAgICAgICAgIFwiJjphZnRlclwiOiB7XG4gICAgICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgaGVpZ2h0OiBCT1JERVJfV0lEVEhfQUNUSVZFX1RPUCxcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50YWJzLmJ1dHRvbkFjdGl2ZSxcbiAgICAgICAgICAgIGJvcmRlckxlZnQ6IGAke0JPUkRFUl9XSURUSH1weCBzb2xpZGAsXG4gICAgICAgICAgICBib3JkZXJSaWdodDogYCR7Qk9SREVSX1dJRFRIfXB4IHNvbGlkYCxcbiAgICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnRhYnMuYnV0dG9uQWN0aXZlLFxuICAgICAgICAgICAgbGVmdDogLUJPUkRFUl9XSURUSCxcbiAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICB9LFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRhYnMuYnV0dG9uSG92ZXIsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBUYWJzUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3RFbGVtZW50O1xuICAvKiogYW4gaW5kZXggb2YgYWN0aXZlIHRhYiAqL1xuICBhY3RpdmVUYWI/OiBudW1iZXI7XG4gIG9uVGFiU2VsZWN0PzogKHNlbGVjdGVkVGFiOiBudW1iZXIpID0+IHZvaWQ7XG4gIC8qKiBhbiBhcnJheSBvZiB0YWJzLCBjb250YWlucyBcImhlYWRlclwiLCBcImFzXCIsIFwiaWNvbkxlZnRcIiBhbmQgXCJpY29uUmlnaHRcIiAqL1xuICB0YWJzOiB7XG4gICAgaGVhZGVyOiBzdHJpbmc7XG4gICAgYXM/OiBcImFcIiB8IFwiYnV0dG9uXCIgfCBSZWFjdC5Db21wb25lbnRUeXBlO1xuICAgIGljb25MZWZ0PzogSWNvbk5hbWU7XG4gICAgaWNvblJpZ2h0PzogSWNvbk5hbWU7XG4gIH1bXTtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gVGFicyh7XG4gIHRhYnMsXG4gIGFjdGl2ZVRhYiA9IDAsXG4gIGNoaWxkcmVuLFxuICBvblRhYlNlbGVjdCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWJzUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdGFjayBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfT5cbiAgICAgIDxTdHlsZWRDb250YWluZXI+XG4gICAgICAgIDxJbmxpbmUgc3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAge3RhYnMubWFwKFxuICAgICAgICAgICAgKHsgaGVhZGVyLCBhcyA9IFwiYnV0dG9uXCIsIGljb25MZWZ0LCBpY29uUmlnaHQsIC4uLnJlc3QgfSwgaSkgPT4gKFxuICAgICAgICAgICAgICA8U3R5bGVkVGFiSGVhZGVyXG4gICAgICAgICAgICAgICAgYXM9e2FzfVxuICAgICAgICAgICAgICAgIGtleT17aGVhZGVyfVxuICAgICAgICAgICAgICAgIGlzRmlyc3Q9e2kgPT09IDB9XG4gICAgICAgICAgICAgICAgYWN0aXZlPXthY3RpdmVUYWIgPT09IGl9XG4gICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gb25UYWJTZWxlY3QgJiYgb25UYWJTZWxlY3QoaSl9XG4gICAgICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgICAgICAgICAgIHtpY29uTGVmdCAmJiA8SWNvbiBzaXplPVwic1wiIG5hbWU9e2ljb25MZWZ0fSAvPn1cbiAgICAgICAgICAgICAgICAgIHtoZWFkZXJ9XG4gICAgICAgICAgICAgICAgICB7aWNvblJpZ2h0ICYmIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvblJpZ2h0fSAvPn1cbiAgICAgICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgICAgPC9TdHlsZWRUYWJIZWFkZXI+XG4gICAgICAgICAgICApXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0YWNrPlxuICApO1xufVxuIl19 */");
+const StyledTabHeader = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "epth00"
+} : {
+  target: "epth00",
+  label: "StyledTabHeader"
+})(_ref2 => {
+  let {
+    theme,
+    active,
+    isFirst
+  } = _ref2;
+  return {
+    position: "relative",
+    margin: 0,
+    backgroundColor: theme.values.color.background.tabs.header,
+    padding: theme.variables.size.spacing.m,
+    color: theme.values.color.text.secondary,
+    fontFamily: theme.variables.fontFamily.lato,
+    fontWeight: theme.variables.weight.bold,
+    fontSize: theme.variables.size.font.text.s,
+    lineHeight: theme.variables.size.lineHeight.text.s,
+    border: 0,
+    boxSizing: "border-box",
+    transition: "background-color 0.15s",
+    display: "block",
+    textDecoration: "none",
+    ...(active ? {
+      border: `${BORDER_WIDTH}px solid`,
+      borderTop: 0,
+      paddingLeft: parseInt(theme.variables.size.spacing.m, 10) - BORDER_WIDTH,
+      paddingRight: parseInt(theme.variables.size.spacing.m, 10) - BORDER_WIDTH,
+      marginBottom: -BORDER_WIDTH,
+      borderColor: theme.values.color.border.primary,
+      borderBottomColor: theme.values.color.background.tabs.buttonActive,
+      backgroundColor: theme.values.color.background.tabs.buttonActive,
+      ...(isFirst && {
+        borderLeft: 0,
+        paddingLeft: theme.variables.size.spacing.m
+      }),
+      "&:after": {
+        content: '""',
+        position: "absolute",
+        width: "100%",
+        height: BORDER_WIDTH_ACTIVE_TOP,
+        backgroundColor: theme.values.color.border.tabs.buttonActive,
+        borderLeft: `${BORDER_WIDTH}px solid`,
+        borderRight: `${BORDER_WIDTH}px solid`,
+        borderColor: theme.values.color.border.tabs.buttonActive,
+        left: -BORDER_WIDTH,
+        top: 0
+      }
+    } : {
+      cursor: "pointer",
+      "&:hover": {
+        backgroundColor: theme.values.color.background.tabs.buttonHover
+      }
+    })
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Cd0IiLCJmaWxlIjoiVGFicy50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuXG5jb25zdCBCT1JERVJfV0lEVEggPSAxO1xuY29uc3QgQk9SREVSX1dJRFRIX0FDVElWRV9UT1AgPSA0O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50YWJzLmhlYWRlcixcbiAgYm9yZGVyQm90dG9tOiBgJHtCT1JERVJfV0lEVEh9cHggc29saWRgLFxuICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LFxufSkpO1xuXG5jb25zdCBTdHlsZWRUYWJIZWFkZXIgPSBzdHlsZWQuZGl2PHsgYWN0aXZlOiBib29sZWFuOyBpc0ZpcnN0OiBib29sZWFuIH0+KFxuICAoeyB0aGVtZSwgYWN0aXZlLCBpc0ZpcnN0IH0pID0+ICh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBtYXJnaW46IDAsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50YWJzLmhlYWRlcixcbiAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG5cbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnRleHQucyxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnRleHQucyxcbiAgICBib3JkZXI6IDAsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICB0cmFuc2l0aW9uOiBcImJhY2tncm91bmQtY29sb3IgMC4xNXNcIixcblxuICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG5cbiAgICAuLi4oYWN0aXZlXG4gICAgICA/IHtcbiAgICAgICAgICBib3JkZXI6IGAke0JPUkRFUl9XSURUSH1weCBzb2xpZGAsXG4gICAgICAgICAgYm9yZGVyVG9wOiAwLFxuICAgICAgICAgIHBhZGRpbmdMZWZ0OlxuICAgICAgICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLCAxMCkgLSBCT1JERVJfV0lEVEgsXG4gICAgICAgICAgcGFkZGluZ1JpZ2h0OlxuICAgICAgICAgICAgcGFyc2VJbnQodGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLCAxMCkgLSBCT1JERVJfV0lEVEgsXG4gICAgICAgICAgbWFyZ2luQm90dG9tOiAtQk9SREVSX1dJRFRILFxuICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnksXG4gICAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRhYnMuYnV0dG9uQWN0aXZlLFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudGFicy5idXR0b25BY3RpdmUsXG5cbiAgICAgICAgICAuLi4oaXNGaXJzdCAmJiB7XG4gICAgICAgICAgICBib3JkZXJMZWZ0OiAwLFxuICAgICAgICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICAgICAgICB9KSxcbiAgICAgICAgICBcIiY6YWZ0ZXJcIjoge1xuICAgICAgICAgICAgY29udGVudDogJ1wiXCInLFxuICAgICAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgICAgIGhlaWdodDogQk9SREVSX1dJRFRIX0FDVElWRV9UT1AsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIudGFicy5idXR0b25BY3RpdmUsXG4gICAgICAgICAgICBib3JkZXJMZWZ0OiBgJHtCT1JERVJfV0lEVEh9cHggc29saWRgLFxuICAgICAgICAgICAgYm9yZGVyUmlnaHQ6IGAke0JPUkRFUl9XSURUSH1weCBzb2xpZGAsXG4gICAgICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci50YWJzLmJ1dHRvbkFjdGl2ZSxcbiAgICAgICAgICAgIGxlZnQ6IC1CT1JERVJfV0lEVEgsXG4gICAgICAgICAgICB0b3A6IDAsXG4gICAgICAgICAgfSxcbiAgICAgICAgfVxuICAgICAgOiB7XG4gICAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50YWJzLmJ1dHRvbkhvdmVyLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IHR5cGUgVGFic1Byb3BzID0ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgLyoqIGFuIGluZGV4IG9mIGFjdGl2ZSB0YWIgKi9cbiAgYWN0aXZlVGFiPzogbnVtYmVyO1xuICBvblRhYlNlbGVjdD86IChzZWxlY3RlZFRhYjogbnVtYmVyKSA9PiB2b2lkO1xuICAvKiogYW4gYXJyYXkgb2YgdGFicywgY29udGFpbnMgXCJoZWFkZXJcIiwgXCJhc1wiLCBcImljb25MZWZ0XCIgYW5kIFwiaWNvblJpZ2h0XCIgKi9cbiAgdGFiczoge1xuICAgIGhlYWRlcjogc3RyaW5nO1xuICAgIGFzPzogXCJhXCIgfCBcImJ1dHRvblwiIHwgUmVhY3QuQ29tcG9uZW50VHlwZTtcbiAgICBpY29uTGVmdD86IEljb25OYW1lO1xuICAgIGljb25SaWdodD86IEljb25OYW1lO1xuICB9W107XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIFRhYnMoe1xuICB0YWJzLFxuICBhY3RpdmVUYWIgPSAwLFxuICBjaGlsZHJlbixcbiAgb25UYWJTZWxlY3QsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogVGFic1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3RhY2sgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0+XG4gICAgICA8U3R5bGVkQ29udGFpbmVyPlxuICAgICAgICA8SW5saW5lIHNwYWNlPVwiemVyb1wiPlxuICAgICAgICAgIHt0YWJzLm1hcChcbiAgICAgICAgICAgICh7IGhlYWRlciwgYXMgPSBcImJ1dHRvblwiLCBpY29uTGVmdCwgaWNvblJpZ2h0LCAuLi5yZXN0IH0sIGkpID0+IChcbiAgICAgICAgICAgICAgPFN0eWxlZFRhYkhlYWRlclxuICAgICAgICAgICAgICAgIGFzPXthc31cbiAgICAgICAgICAgICAgICBrZXk9e2hlYWRlcn1cbiAgICAgICAgICAgICAgICBpc0ZpcnN0PXtpID09PSAwfVxuICAgICAgICAgICAgICAgIGFjdGl2ZT17YWN0aXZlVGFiID09PSBpfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IG9uVGFiU2VsZWN0ICYmIG9uVGFiU2VsZWN0KGkpfVxuICAgICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPElubGluZSB2QWxpZ25JdGVtcz1cImNlbnRlclwiIHNwYWNlPVwieHhzXCI+XG4gICAgICAgICAgICAgICAgICB7aWNvbkxlZnQgJiYgPEljb24gc2l6ZT1cInNcIiBuYW1lPXtpY29uTGVmdH0gLz59XG4gICAgICAgICAgICAgICAgICB7aGVhZGVyfVxuICAgICAgICAgICAgICAgICAge2ljb25SaWdodCAmJiA8SWNvbiBzaXplPVwic1wiIG5hbWU9e2ljb25SaWdodH0gLz59XG4gICAgICAgICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgICAgICAgIDwvU3R5bGVkVGFiSGVhZGVyPlxuICAgICAgICAgICAgKVxuICAgICAgICAgICl9XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdGFjaz5cbiAgKTtcbn1cbiJdfQ== */");
+function Tabs(_ref3) {
+  let {
+    tabs,
+    activeTab = 0,
+    children,
+    onTabSelect,
+    "data-e2e-test-id": dataE2eTestId
+  } = _ref3;
+  return /*#__PURE__*/React.createElement(Stack, {
+    "data-e2e-test-id": dataE2eTestId
+  }, /*#__PURE__*/React.createElement(StyledContainer, null, /*#__PURE__*/React.createElement(Inline, {
+    space: "zero"
+  }, tabs.map((_ref4, i) => {
+    let {
+      header,
+      as = "button",
+      iconLeft,
+      iconRight,
+      ...rest
+    } = _ref4;
+    return /*#__PURE__*/React.createElement(StyledTabHeader, _extends({
+      as: as,
+      key: header,
+      isFirst: i === 0,
+      active: activeTab === i,
+      onClick: () => onTabSelect && onTabSelect(i)
+    }, rest), /*#__PURE__*/React.createElement(Inline, {
+      vAlignItems: "center",
+      space: "xxs"
+    }, iconLeft && /*#__PURE__*/React.createElement(Icon, {
+      size: "s",
+      name: iconLeft
+    }), header, iconRight && /*#__PURE__*/React.createElement(Icon, {
+      size: "s",
+      name: iconRight
+    })));
+  }))), children);
+}
+
+export { Tabs };
+//# sourceMappingURL=Tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport { Inline } from \"../Inline/Inline\";\nimport { Stack } from \"../Stack/Stack\";\nimport { IconName, Icon } from \"../Icon/Icon\";\n\nconst BORDER_WIDTH = 1;\nconst BORDER_WIDTH_ACTIVE_TOP = 4;\n\nconst StyledContainer = styled.div(({ theme }) => ({\n  width: \"100%\",\n  backgroundColor: theme.values.color.background.tabs.header,\n  borderBottom: `${BORDER_WIDTH}px solid`,\n  borderColor: theme.values.color.border.primary,\n}));\n\nconst StyledTabHeader = styled.div<{ active: boolean; isFirst: boolean }>(\n  ({ theme, active, isFirst }) => ({\n    position: \"relative\",\n    margin: 0,\n    backgroundColor: theme.values.color.background.tabs.header,\n    padding: theme.variables.size.spacing.m,\n\n    color: theme.values.color.text.secondary,\n    fontFamily: theme.variables.fontFamily.lato,\n    fontWeight: theme.variables.weight.bold,\n    fontSize: theme.variables.size.font.text.s,\n    lineHeight: theme.variables.size.lineHeight.text.s,\n    border: 0,\n    boxSizing: \"border-box\",\n    transition: \"background-color 0.15s\",\n\n    display: \"block\",\n    textDecoration: \"none\",\n\n    ...(active\n      ? {\n          border: `${BORDER_WIDTH}px solid`,\n          borderTop: 0,\n          paddingLeft:\n            parseInt(theme.variables.size.spacing.m, 10) - BORDER_WIDTH,\n          paddingRight:\n            parseInt(theme.variables.size.spacing.m, 10) - BORDER_WIDTH,\n          marginBottom: -BORDER_WIDTH,\n          borderColor: theme.values.color.border.primary,\n          borderBottomColor: theme.values.color.background.tabs.buttonActive,\n          backgroundColor: theme.values.color.background.tabs.buttonActive,\n\n          ...(isFirst && {\n            borderLeft: 0,\n            paddingLeft: theme.variables.size.spacing.m,\n          }),\n          \"&:after\": {\n            content: '\"\"',\n            position: \"absolute\",\n            width: \"100%\",\n            height: BORDER_WIDTH_ACTIVE_TOP,\n            backgroundColor: theme.values.color.border.tabs.buttonActive,\n            borderLeft: `${BORDER_WIDTH}px solid`,\n            borderRight: `${BORDER_WIDTH}px solid`,\n            borderColor: theme.values.color.border.tabs.buttonActive,\n            left: -BORDER_WIDTH,\n            top: 0,\n          },\n        }\n      : {\n          cursor: \"pointer\",\n          \"&:hover\": {\n            backgroundColor: theme.values.color.background.tabs.buttonHover,\n          },\n        }),\n  })\n);\n\nexport type TabsProps = {\n  children?: React.ReactElement;\n  /** an index of active tab */\n  activeTab?: number;\n  onTabSelect?: (selectedTab: number) => void;\n  /** an array of tabs, contains \"header\", \"as\", \"iconLeft\" and \"iconRight\" */\n  tabs: {\n    header: string;\n    as?: \"a\" | \"button\" | React.ComponentType;\n    iconLeft?: IconName;\n    iconRight?: IconName;\n  }[];\n  \"data-e2e-test-id\"?: string;\n};\n\nexport function Tabs({\n  tabs,\n  activeTab = 0,\n  children,\n  onTabSelect,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: TabsProps): React.ReactElement {\n  return (\n    <Stack data-e2e-test-id={dataE2eTestId}>\n      <StyledContainer>\n        <Inline space=\"zero\">\n          {tabs.map(\n            ({ header, as = \"button\", iconLeft, iconRight, ...rest }, i) => (\n              <StyledTabHeader\n                as={as}\n                key={header}\n                isFirst={i === 0}\n                active={activeTab === i}\n                onClick={() => onTabSelect && onTabSelect(i)}\n                {...rest}\n              >\n                <Inline vAlignItems=\"center\" space=\"xxs\">\n                  {iconLeft && <Icon size=\"s\" name={iconLeft} />}\n                  {header}\n                  {iconRight && <Icon size=\"s\" name={iconRight} />}\n                </Inline>\n              </StyledTabHeader>\n            )\n          )}\n        </Inline>\n      </StyledContainer>\n      {children}\n    </Stack>\n  );\n}\n"],"names":["BORDER_WIDTH","BORDER_WIDTH_ACTIVE_TOP","StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","width","backgroundColor","values","color","background","tabs","header","borderBottom","borderColor","border","primary","StyledTabHeader","_ref2","active","isFirst","position","margin","padding","variables","size","spacing","m","text","secondary","fontFamily","lato","fontWeight","weight","bold","fontSize","font","s","lineHeight","boxSizing","transition","display","textDecoration","borderTop","paddingLeft","parseInt","paddingRight","marginBottom","borderBottomColor","buttonActive","borderLeft","content","height","borderRight","left","top","cursor","buttonHover","Tabs","_ref3","activeTab","children","onTabSelect","dataE2eTestId","React","createElement","Stack","Inline","space","map","_ref4","i","as","iconLeft","iconRight","rest","_extends","key","onClick","vAlignItems","Icon","name"],"mappings":"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"}