@razorpay/blade 11.14.0 → 11.15.1

package/build/lib/web/development/components/StepGroup/StepLine.web.js

@@ -0,0 +1,336 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { encode } from 'universal-base64';
+import { StepItemIndicator } from './StepItemMarker.js';
+import { useStepGroup } from './StepGroupContext.js';
+import { markerLineDotWidth, markerLineDotSpacing, markerLineWidth, getMarkerLineSpacings, itemTopMargin } from './tokens.js';
+import '../Box/index.js';
+import '../Box/BaseBox/index.js';
+import '../Icons/_Svg/index.js';
+import '../../utils/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import Svg from '../Icons/_Svg/Svg/Svg.web.js';
+import Path from '../Icons/_Svg/Path/Path.web.js';
+import { Box } from '../Box/Box.js';
+
+var _excluded = ["isDotted", "width"],
+  _excluded2 = ["height", "isDotted"],
+  _excluded3 = ["isDotted"],
+  _excluded4 = ["isDotted"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var useDottedLineStyles = function useDottedLineStyles() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    isHorizontal = _ref.isHorizontal;
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  var svgString = "<svg width=\"2\" height=\"2\" viewBox=\"0 0 2 2\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M0 1C0 0.447715 0.447715 0 1 0C1.55228 0 2 0.447715 2 1C2 1.55228 1.55228 2 1 2C0.447715 2 0 1.55228 0 1Z\"\n      fill=\"".concat(theme.colors.surface.border.gray.subtle, "\"\n    />\n  </svg>\n  ");
+  var backgroundURL = "url(data:image/svg+xml;base64,".concat(encode(svgString), ")");
+  return {
+    backgroundImage: backgroundURL,
+    backgroundPosition: isHorizontal ? 'left' : 'top',
+    backgroundSize: isHorizontal ? "".concat(makeSize(markerLineDotWidth + markerLineDotSpacing), " ").concat(makeSize(markerLineDotWidth)) : "".concat(makeSize(markerLineDotWidth), " ").concat(makeSize(markerLineDotWidth + markerLineDotSpacing), " "),
+    backgroundRepeat: isHorizontal ? 'round no-repeat' : 'no-repeat round'
+  };
+};
+var StepStraightLineHorizontal = function StepStraightLineHorizontal(_ref2) {
+  var isDotted = _ref2.isDotted,
+    width = _ref2.width,
+    styledProps = _objectWithoutProperties(_ref2, _excluded);
+  var dottedStyles = useDottedLineStyles({
+    isHorizontal: true
+  });
+  var borderStyles = isDotted ? dottedStyles : {
+    borderTopWidth: 'thicker',
+    borderTopColor: 'surface.border.gray.subtle'
+  };
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({
+    height: makeSize(markerLineWidth),
+    flex: "1"
+  }, borderStyles), styledProps));
+};
+var StepStraightLineVertical = function StepStraightLineVertical(_ref3) {
+  var height = _ref3.height,
+    isDotted = _ref3.isDotted,
+    styledProps = _objectWithoutProperties(_ref3, _excluded2);
+  var dottedStyles = useDottedLineStyles();
+  var borderStyles = isDotted ? dottedStyles : {
+    borderLeftWidth: 'thicker',
+    borderLeftColor: 'surface.border.gray.subtle'
+  };
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({
+    height: height ? makeSize(height) : undefined,
+    flex: height ? undefined : '1',
+    width: makeSize(markerLineWidth)
+  }, borderStyles), styledProps));
+};
+var StepTopCurveVertical = function StepTopCurveVertical(_ref4) {
+  var isDotted = _ref4.isDotted,
+    styledProps = _objectWithoutProperties(_ref4, _excluded3);
+  var _useTheme2 = useTheme(),
+    theme = _useTheme2.theme;
+  return isDotted ? /*#__PURE__*/jsxs(Svg, {
+    width: "21",
+    height: "15",
+    marginLeft: "-1px",
+    viewBox: "0 0 21 15",
+    fill: theme.colors.surface.border.gray.subtle,
+    children: [/*#__PURE__*/jsx(Path, {
+      d: "M1.90332 2.3916C2.20752 2.3916 2.47998 2.25586 2.66357 2.04199C2.81299 1.86719 2.90332 1.63965 2.90332 1.3916C2.90332 0.838867 2.45557 0.391602 1.90332 0.391602C1.35107 0.391602 0.90332 0.838867 0.90332 1.3916C0.90332 1.94434 1.35107 2.3916 1.90332 2.3916Z"
+    }), /*#__PURE__*/jsx(Path, {
+      d: "M9.85352 13.042C9.66992 13.2559 9.39746 13.3916 9.09326 13.3916C8.54102 13.3916 8.09326 12.9443 8.09326 12.3916C8.09326 11.8389 8.54102 11.3916 9.09326 11.3916C9.64551 11.3916 10.0933 11.8389 10.0933 12.3916C10.0933 12.6396 10.0029 12.8672 9.85352 13.042Z"
+    }), /*#__PURE__*/jsx(Path, {
+      d: "M14.498 14.3916C14.8022 14.3916 15.0747 14.2559 15.2583 14.042C15.4077 13.8672 15.498 13.6396 15.498 13.3916C15.498 12.8389 15.0503 12.3916 14.498 12.3916C13.9458 12.3916 13.498 12.8389 13.498 13.3916C13.498 13.9443 13.9458 14.3916 14.498 14.3916Z"
+    }), /*#__PURE__*/jsx(Path, {
+      d: "M19.9033 14.3916C20.2075 14.3916 20.48 14.2559 20.6636 14.042C20.813 13.8672 20.9033 13.6396 20.9033 13.3916C20.9033 12.8389 20.4556 12.3916 19.9033 12.3916C19.3511 12.3916 18.9033 12.8389 18.9033 13.3916C18.9033 13.9443 19.3511 14.3916 19.9033 14.3916Z"
+    }), /*#__PURE__*/jsx(Path, {
+      d: "M3.26318 6.08887C3.07959 6.30273 2.80713 6.43848 2.50293 6.43848C1.95068 6.43848 1.50293 5.99121 1.50293 5.43848C1.50293 4.88574 1.95068 4.43848 2.50293 4.43848C3.05518 4.43848 3.50293 4.88574 3.50293 5.43848C3.50293 5.68652 3.4126 5.91406 3.26318 6.08887Z"
+    }), /*#__PURE__*/jsx(Path, {
+      d: "M5.15137 10.6357C5.45557 10.6357 5.72803 10.5 5.91162 10.2861C6.06104 10.1113 6.15137 9.88379 6.15137 9.63574C6.15137 9.08301 5.70361 8.63574 5.15137 8.63574C4.59912 8.63574 4.15137 9.08301 4.15137 9.63574C4.15137 10.1885 4.59912 10.6357 5.15137 10.6357Z"
+    })]
+  }) : /*#__PURE__*/jsx(Svg, _objectSpread(_objectSpread({
+    width: "20",
+    height: "14",
+    viewBox: "0 0 20 14",
+    fill: "none"
+  }, styledProps), {}, {
+    children: /*#__PURE__*/jsx(Path, {
+      d: "M1 0V1C1 7.62742 6.37258 13 13 13H20",
+      stroke: theme.colors.surface.border.gray.subtle,
+      strokeWidth: "2"
+    })
+  }));
+};
+var StepBottomCurveVertical = function StepBottomCurveVertical(_ref5) {
+  var isDotted = _ref5.isDotted,
+    styledProps = _objectWithoutProperties(_ref5, _excluded4);
+  var _useTheme3 = useTheme(),
+    theme = _useTheme3.theme;
+  return isDotted ? /*#__PURE__*/jsxs(Svg, {
+    width: "35",
+    height: "26",
+    viewBox: "0 0 35 26",
+    fill: theme.colors.surface.border.gray.subtle,
+    children: [/*#__PURE__*/jsx(Path, {
+      d: "M34.7603 1.93457C34.5767 2.14844 34.3042 2.28418 34 2.28418C33.4478 2.28418 33 1.83691 33 1.28418C33 0.731445 33.4478 0.28418 34 0.28418C34.5522 0.28418 35 0.731445 35 1.28418C35 1.53223 34.9097 1.75977 34.7603 1.93457Z"
+    }), /*#__PURE__*/jsx(Path, {
+      d: "M2 18.7803C2.3042 18.7803 2.57666 18.6445 2.76025 18.4307C2.90967 18.2559 3 18.0283 3 17.7803C3 17.2275 2.55225 16.7803 2 16.7803C1.44775 16.7803 1 17.2275 1 17.7803C1 18.333 1.44775 18.7803 2 18.7803Z"
+    }), /*#__PURE__*/jsx(Path, {
+      d: "M1 25.2842C1.3042 25.2842 1.57666 25.1484 1.76025 24.9346C1.90967 24.7598 2 24.5322 2 24.2842C2 23.7314 1.55225 23.2842 1 23.2842C0.447754 23.2842 0 23.7314 0 24.2842C0 24.8369 0.447754 25.2842 1 25.2842Z"
+    }), /*#__PURE__*/jsx(Path, {
+      d: "M7.30127 14.7842C7.60547 14.7842 7.87793 14.6484 8.06152 14.4346C8.21094 14.2598 8.30127 14.0322 8.30127 13.7842C8.30127 13.2314 7.85352 12.7842 7.30127 12.7842C6.74902 12.7842 6.30127 13.2314 6.30127 13.7842C6.30127 14.3369 6.74902 14.7842 7.30127 14.7842Z"
+    }), /*#__PURE__*/jsx(Path, {
+      d: "M14.7188 13.1338C14.5352 13.3477 14.2627 13.4834 13.9585 13.4834C13.4062 13.4834 12.9585 13.0361 12.9585 12.4834C12.9585 11.9307 13.4062 11.4834 13.9585 11.4834C14.5107 11.4834 14.9585 11.9307 14.9585 12.4834C14.9585 12.7314 14.8682 12.959 14.7188 13.1338Z"
+    }), /*#__PURE__*/jsx(Path, {
+      d: "M20.5698 12.2119C20.874 12.2119 21.1465 12.0762 21.3301 11.8623C21.4795 11.6875 21.5698 11.46 21.5698 11.2119C21.5698 10.6592 21.1221 10.2119 20.5698 10.2119C20.0176 10.2119 19.5698 10.6592 19.5698 11.2119C19.5698 11.7646 20.0176 12.2119 20.5698 12.2119Z"
+    }), /*#__PURE__*/jsx(Path, {
+      d: "M27.6211 10.6523C27.4375 10.8662 27.165 11.002 26.8608 11.002C26.3086 11.002 25.8608 10.5547 25.8608 10.002C25.8608 9.44922 26.3086 9.00195 26.8608 9.00195C27.4131 9.00195 27.8608 9.44922 27.8608 10.002C27.8608 10.25 27.7705 10.4775 27.6211 10.6523Z"
+    }), /*#__PURE__*/jsx(Path, {
+      d: "M32.0879 8.2002C32.3921 8.2002 32.6646 8.06445 32.8481 7.85059C32.9976 7.67578 33.0879 7.44824 33.0879 7.2002C33.0879 6.64746 32.6401 6.2002 32.0879 6.2002C31.5356 6.2002 31.0879 6.64746 31.0879 7.2002C31.0879 7.75293 31.5356 8.2002 32.0879 8.2002Z"
+    })]
+  }) : /*#__PURE__*/jsx(Svg, _objectSpread(_objectSpread({
+    width: "35",
+    height: "25",
+    viewBox: "0 0 35 25",
+    fill: "none"
+  }, styledProps), {}, {
+    children: /*#__PURE__*/jsx(Path, {
+      d: "M1 25V21.3088C1 17.4754 3.71928 14.1808 7.48316 13.4539L27.5168 9.58528C31.2807 8.85845 34 5.56381 34 1.7304V-2.98023e-08",
+      stroke: theme.colors.surface.border.gray.subtle,
+      strokeWidth: "2"
+    })
+  }));
+};
+var defaultMarker = /*#__PURE__*/jsx(StepItemIndicator, {
+  color: "neutral"
+});
+var StepLineVertical = function StepLineVertical(_ref6) {
+  var _ref6$marker = _ref6.marker,
+    marker = _ref6$marker === void 0 ? defaultMarker : _ref6$marker,
+    stepProgress = _ref6.stepProgress,
+    isIndented = _ref6.isIndented,
+    shouldShowStartBranch = _ref6.shouldShowStartBranch,
+    shouldShowEndBranch = _ref6.shouldShowEndBranch;
+  var _useStepGroup = useStepGroup(),
+    size = _useStepGroup.size;
+  var spacingTokens = getMarkerLineSpacings(size);
+  return /*#__PURE__*/jsxs(Box, {
+    position: "relative",
+    marginLeft: isIndented ? makeSize(spacingTokens.indentationWidth) : undefined,
+    display: "flex",
+    flexDirection: "column",
+    children: [/*#__PURE__*/jsx(StepStraightLineVertical, {
+      height: itemTopMargin,
+      isDotted: stepProgress === 'none' || stepProgress === 'end',
+      visibility: shouldShowStartBranch ? 'visible' : 'hidden'
+    }), /*#__PURE__*/jsx(Box, {
+      marginLeft: makeSize(-spacingTokens.markerLeftAlignment),
+      children: marker
+    }), /*#__PURE__*/jsx(StepStraightLineVertical, {
+      isDotted: stepProgress === 'none' || stepProgress === 'start',
+      visibility: shouldShowEndBranch ? 'visible' : 'hidden'
+    })]
+  });
+};
+var StepLineStart = function StepLineStart(_ref7) {
+  var _ref7$marker = _ref7.marker,
+    marker = _ref7$marker === void 0 ? defaultMarker : _ref7$marker,
+    stepProgress = _ref7.stepProgress,
+    shouldShowStartBranch = _ref7.shouldShowStartBranch,
+    shouldShowEndBranch = _ref7.shouldShowEndBranch;
+  var _useStepGroup2 = useStepGroup(),
+    size = _useStepGroup2.size;
+  var spacingTokens = getMarkerLineSpacings(size);
+  return /*#__PURE__*/jsxs(Box, {
+    position: "relative",
+    display: "flex",
+    flexDirection: "column",
+    children: [/*#__PURE__*/jsx(StepStraightLineVertical, {
+      height: itemTopMargin,
+      visibility: shouldShowStartBranch ? 'visible' : 'hidden',
+      isDotted: stepProgress === 'none' || stepProgress === 'end'
+    }), /*#__PURE__*/jsx(StepTopCurveVertical, {
+      visibility: shouldShowStartBranch ? 'visible' : 'hidden',
+      isDotted: stepProgress === 'none' || stepProgress === 'end'
+    }), /*#__PURE__*/jsx(Box, {
+      marginLeft: makeSize(-spacingTokens.markerLeftAlignment + spacingTokens.indentationWidth),
+      marginTop: makeSize(spacingTokens.markerTopAlignment),
+      children: marker
+    }), /*#__PURE__*/jsx(StepStraightLineVertical, {
+      visibility: shouldShowEndBranch ? 'visible' : 'hidden',
+      marginLeft: makeSize(spacingTokens.indentationWidth),
+      isDotted: stepProgress === 'none' || stepProgress === 'start'
+    })]
+  });
+};
+var StepLineEnd = function StepLineEnd(_ref8) {
+  var _ref8$marker = _ref8.marker,
+    marker = _ref8$marker === void 0 ? defaultMarker : _ref8$marker,
+    stepProgress = _ref8.stepProgress,
+    shouldShowStartBranch = _ref8.shouldShowStartBranch,
+    shouldShowEndBranch = _ref8.shouldShowEndBranch;
+  var _useStepGroup3 = useStepGroup(),
+    size = _useStepGroup3.size;
+  var spacingTokens = getMarkerLineSpacings(size);
+  return /*#__PURE__*/jsxs(Box, {
+    position: "relative",
+    display: "flex",
+    flexDirection: "column",
+    children: [/*#__PURE__*/jsx(StepStraightLineVertical, {
+      visibility: shouldShowStartBranch ? 'visible' : 'hidden',
+      marginLeft: makeSize(spacingTokens.indentationWidth),
+      height: itemTopMargin,
+      isDotted: stepProgress === 'none' || stepProgress === 'end'
+    }), /*#__PURE__*/jsx(Box, {
+      marginLeft: makeSize(-spacingTokens.markerLeftAlignment + spacingTokens.indentationWidth),
+      children: marker
+    }), /*#__PURE__*/jsx(StepStraightLineVertical, {
+      marginLeft: makeSize(spacingTokens.indentationWidth),
+      visibility: shouldShowEndBranch ? 'visible' : 'hidden',
+      isDotted: stepProgress === 'none' || stepProgress === 'start'
+    }), /*#__PURE__*/jsx(StepBottomCurveVertical, {
+      isDotted: stepProgress === 'none' || stepProgress === 'start',
+      visibility: shouldShowEndBranch ? 'visible' : 'hidden'
+    })]
+  });
+};
+var StepLineHorizontal = function StepLineHorizontal(_ref9) {
+  var _ref9$marker = _ref9.marker,
+    marker = _ref9$marker === void 0 ? defaultMarker : _ref9$marker,
+    stepProgress = _ref9.stepProgress,
+    shouldShowStartBranch = _ref9.shouldShowStartBranch,
+    shouldShowEndBranch = _ref9.shouldShowEndBranch;
+  return /*#__PURE__*/jsxs(Box, {
+    position: "relative",
+    display: "flex",
+    flexDirection: "row",
+    width: "100%",
+    justifyContent: "center",
+    alignItems: "center",
+    children: [/*#__PURE__*/jsx(StepStraightLineHorizontal, {
+      isDotted: stepProgress === 'none' || stepProgress === 'end',
+      visibility: shouldShowStartBranch ? 'visible' : 'hidden'
+    }), /*#__PURE__*/jsx(Box, {
+      children: marker
+    }), /*#__PURE__*/jsx(StepStraightLineHorizontal, {
+      isDotted: stepProgress === 'none' || stepProgress === 'start',
+      visibility: shouldShowEndBranch ? 'visible' : 'hidden'
+    })]
+  });
+};
+var StepLineSingleItem = function StepLineSingleItem(_ref10) {
+  var _ref10$marker = _ref10.marker,
+    marker = _ref10$marker === void 0 ? defaultMarker : _ref10$marker,
+    stepProgress = _ref10.stepProgress,
+    shouldShowEndBranch = _ref10.shouldShowEndBranch,
+    shouldShowStartBranch = _ref10.shouldShowStartBranch;
+  var _useStepGroup4 = useStepGroup(),
+    size = _useStepGroup4.size;
+  var spacingTokens = getMarkerLineSpacings(size);
+  return /*#__PURE__*/jsxs(Box, {
+    position: "relative",
+    display: "flex",
+    flexDirection: "column",
+    children: [/*#__PURE__*/jsx(StepStraightLineVertical, {
+      visibility: shouldShowStartBranch ? 'visible' : 'hidden',
+      height: itemTopMargin,
+      isDotted: stepProgress === 'none' || stepProgress === 'end'
+    }), /*#__PURE__*/jsx(StepTopCurveVertical, {
+      visibility: shouldShowStartBranch ? 'visible' : 'hidden',
+      isDotted: stepProgress === 'none' || stepProgress === 'end'
+    }), /*#__PURE__*/jsx(Box
+    // -12 (markerLeftAlginment) + 33 (indentationWidth)
+    , {
+      marginLeft: makeSize(-spacingTokens.markerLeftAlignment + spacingTokens.indentationWidth),
+      marginTop: makeSize(spacingTokens.markerTopAlignment),
+      children: marker
+    }), /*#__PURE__*/jsx(StepStraightLineVertical, {
+      marginLeft: makeSize(spacingTokens.indentationWidth),
+      visibility: shouldShowEndBranch ? 'visible' : 'hidden',
+      isDotted: stepProgress === 'none' || stepProgress === 'start'
+    }), /*#__PURE__*/jsx(StepBottomCurveVertical, {
+      visibility: shouldShowEndBranch ? 'visible' : 'hidden',
+      isDotted: stepProgress === 'none' || stepProgress === 'start'
+    })]
+  });
+};
+var StepLine = function StepLine(_ref11) {
+  var _ref11$stepType = _ref11.stepType,
+    stepType = _ref11$stepType === void 0 ? 'default' : _ref11$stepType,
+    shouldShowStartBranch = _ref11.shouldShowStartBranch,
+    shouldShowEndBranch = _ref11.shouldShowEndBranch,
+    marker = _ref11.marker,
+    stepProgress = _ref11.stepProgress;
+  var _useStepGroup5 = useStepGroup(),
+    orientation = _useStepGroup5.orientation;
+  var commonProps = {
+    shouldShowStartBranch: shouldShowStartBranch,
+    shouldShowEndBranch: shouldShowEndBranch,
+    marker: marker,
+    stepProgress: stepProgress
+  };
+  if (orientation === 'horizontal') {
+    return /*#__PURE__*/jsx(StepLineHorizontal, _objectSpread({}, commonProps));
+  }
+  if (stepType === 'start') {
+    return /*#__PURE__*/jsx(StepLineStart, _objectSpread({}, commonProps));
+  }
+  if (stepType === 'middle') {
+    return /*#__PURE__*/jsx(StepLineVertical, _objectSpread(_objectSpread({}, commonProps), {}, {
+      isIndented: true
+    }));
+  }
+  if (stepType === 'end') {
+    return /*#__PURE__*/jsx(StepLineEnd, _objectSpread({}, commonProps));
+  }
+  if (stepType === 'single-item') {
+    return /*#__PURE__*/jsx(StepLineSingleItem, _objectSpread({}, commonProps));
+  }
+  return /*#__PURE__*/jsx(StepLineVertical, _objectSpread({}, commonProps));
+};
+
+export { StepLine };
+//# sourceMappingURL=StepLine.web.js.map

package/build/lib/web/development/components/StepGroup/StepLine.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepLine.web.js","sources":["../../../../../../src/components/StepGroup/StepLine.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport { encode } from 'universal-base64';\nimport type { StepItemProps } from './types';\nimport { StepItemIndicator } from './StepItemMarker';\nimport { useStepGroup } from './StepGroupContext';\nimport {\n  getMarkerLineSpacings,\n  itemTopMargin,\n  markerLineDotSpacing,\n  markerLineDotWidth,\n  markerLineWidth,\n} from './tokens';\nimport { Box } from '~components/Box';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport Svg, { Path } from '~components/Icons/_Svg';\nimport { makeSize, useTheme } from '~utils';\n\ntype StepLineSvgProps = {\n  isDotted?: boolean;\n} & StyledPropsBlade;\n\nconst useDottedLineStyles = ({ isHorizontal }: { isHorizontal?: boolean } = {}): BaseBoxProps => {\n  const { theme } = useTheme();\n\n  const svgString = `<svg width=\"2\" height=\"2\" viewBox=\"0 0 2 2\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M0 1C0 0.447715 0.447715 0 1 0C1.55228 0 2 0.447715 2 1C2 1.55228 1.55228 2 1 2C0.447715 2 0 1.55228 0 1Z\"\n      fill=\"${theme.colors.surface.border.gray.subtle}\"\n    />\n  </svg>\n  `;\n\n  const backgroundURL = `url(data:image/svg+xml;base64,${encode(svgString)})`;\n\n  return {\n    backgroundImage: backgroundURL,\n    backgroundPosition: isHorizontal ? 'left' : 'top',\n    backgroundSize: isHorizontal\n      ? `${makeSize(markerLineDotWidth + markerLineDotSpacing)} ${makeSize(markerLineDotWidth)}`\n      : `${makeSize(markerLineDotWidth)} ${makeSize(markerLineDotWidth + markerLineDotSpacing)} `,\n    backgroundRepeat: isHorizontal ? 'round no-repeat' : 'no-repeat round',\n  };\n};\n\nconst StepStraightLineHorizontal = ({\n  isDotted,\n  width,\n  ...styledProps\n}: StepLineSvgProps & {\n  width?: number;\n}): React.ReactElement => {\n  const dottedStyles = useDottedLineStyles({ isHorizontal: true });\n  const borderStyles: BaseBoxProps = isDotted\n    ? dottedStyles\n    : {\n        borderTopWidth: 'thicker',\n        borderTopColor: 'surface.border.gray.subtle',\n      };\n\n  return <BaseBox height={makeSize(markerLineWidth)} flex=\"1\" {...borderStyles} {...styledProps} />;\n};\n\nconst StepStraightLineVertical = ({\n  height,\n  isDotted,\n  ...styledProps\n}: StepLineSvgProps & {\n  height?: number;\n}): React.ReactElement => {\n  const dottedStyles = useDottedLineStyles();\n  const borderStyles: BaseBoxProps = isDotted\n    ? dottedStyles\n    : {\n        borderLeftWidth: 'thicker',\n        borderLeftColor: 'surface.border.gray.subtle',\n      };\n  return (\n    <BaseBox\n      height={height ? makeSize(height) : undefined}\n      flex={height ? undefined : '1'}\n      width={makeSize(markerLineWidth)}\n      {...borderStyles}\n      {...styledProps}\n    />\n  );\n};\n\nconst StepTopCurveVertical = ({\n  isDotted,\n  ...styledProps\n}: StepLineSvgProps): React.ReactElement => {\n  const { theme } = useTheme();\n  return isDotted ? (\n    <Svg\n      width=\"21\"\n      height=\"15\"\n      marginLeft=\"-1px\"\n      viewBox=\"0 0 21 15\"\n      fill={theme.colors.surface.border.gray.subtle}\n    >\n      <Path d=\"M1.90332 2.3916C2.20752 2.3916 2.47998 2.25586 2.66357 2.04199C2.81299 1.86719 2.90332 1.63965 2.90332 1.3916C2.90332 0.838867 2.45557 0.391602 1.90332 0.391602C1.35107 0.391602 0.90332 0.838867 0.90332 1.3916C0.90332 1.94434 1.35107 2.3916 1.90332 2.3916Z\" />\n      <Path d=\"M9.85352 13.042C9.66992 13.2559 9.39746 13.3916 9.09326 13.3916C8.54102 13.3916 8.09326 12.9443 8.09326 12.3916C8.09326 11.8389 8.54102 11.3916 9.09326 11.3916C9.64551 11.3916 10.0933 11.8389 10.0933 12.3916C10.0933 12.6396 10.0029 12.8672 9.85352 13.042Z\" />\n      <Path d=\"M14.498 14.3916C14.8022 14.3916 15.0747 14.2559 15.2583 14.042C15.4077 13.8672 15.498 13.6396 15.498 13.3916C15.498 12.8389 15.0503 12.3916 14.498 12.3916C13.9458 12.3916 13.498 12.8389 13.498 13.3916C13.498 13.9443 13.9458 14.3916 14.498 14.3916Z\" />\n      <Path d=\"M19.9033 14.3916C20.2075 14.3916 20.48 14.2559 20.6636 14.042C20.813 13.8672 20.9033 13.6396 20.9033 13.3916C20.9033 12.8389 20.4556 12.3916 19.9033 12.3916C19.3511 12.3916 18.9033 12.8389 18.9033 13.3916C18.9033 13.9443 19.3511 14.3916 19.9033 14.3916Z\" />\n      <Path d=\"M3.26318 6.08887C3.07959 6.30273 2.80713 6.43848 2.50293 6.43848C1.95068 6.43848 1.50293 5.99121 1.50293 5.43848C1.50293 4.88574 1.95068 4.43848 2.50293 4.43848C3.05518 4.43848 3.50293 4.88574 3.50293 5.43848C3.50293 5.68652 3.4126 5.91406 3.26318 6.08887Z\" />\n      <Path d=\"M5.15137 10.6357C5.45557 10.6357 5.72803 10.5 5.91162 10.2861C6.06104 10.1113 6.15137 9.88379 6.15137 9.63574C6.15137 9.08301 5.70361 8.63574 5.15137 8.63574C4.59912 8.63574 4.15137 9.08301 4.15137 9.63574C4.15137 10.1885 4.59912 10.6357 5.15137 10.6357Z\" />\n    </Svg>\n  ) : (\n    <Svg width=\"20\" height=\"14\" viewBox=\"0 0 20 14\" fill=\"none\" {...styledProps}>\n      <Path\n        d=\"M1 0V1C1 7.62742 6.37258 13 13 13H20\"\n        stroke={theme.colors.surface.border.gray.subtle}\n        strokeWidth=\"2\"\n      />\n    </Svg>\n  );\n};\n\nconst StepBottomCurveVertical = ({\n  isDotted,\n  ...styledProps\n}: StepLineSvgProps): React.ReactElement => {\n  const { theme } = useTheme();\n\n  return isDotted ? (\n    <Svg width=\"35\" height=\"26\" viewBox=\"0 0 35 26\" fill={theme.colors.surface.border.gray.subtle}>\n      <Path d=\"M34.7603 1.93457C34.5767 2.14844 34.3042 2.28418 34 2.28418C33.4478 2.28418 33 1.83691 33 1.28418C33 0.731445 33.4478 0.28418 34 0.28418C34.5522 0.28418 35 0.731445 35 1.28418C35 1.53223 34.9097 1.75977 34.7603 1.93457Z\" />\n      <Path d=\"M2 18.7803C2.3042 18.7803 2.57666 18.6445 2.76025 18.4307C2.90967 18.2559 3 18.0283 3 17.7803C3 17.2275 2.55225 16.7803 2 16.7803C1.44775 16.7803 1 17.2275 1 17.7803C1 18.333 1.44775 18.7803 2 18.7803Z\" />\n      <Path d=\"M1 25.2842C1.3042 25.2842 1.57666 25.1484 1.76025 24.9346C1.90967 24.7598 2 24.5322 2 24.2842C2 23.7314 1.55225 23.2842 1 23.2842C0.447754 23.2842 0 23.7314 0 24.2842C0 24.8369 0.447754 25.2842 1 25.2842Z\" />\n      <Path d=\"M7.30127 14.7842C7.60547 14.7842 7.87793 14.6484 8.06152 14.4346C8.21094 14.2598 8.30127 14.0322 8.30127 13.7842C8.30127 13.2314 7.85352 12.7842 7.30127 12.7842C6.74902 12.7842 6.30127 13.2314 6.30127 13.7842C6.30127 14.3369 6.74902 14.7842 7.30127 14.7842Z\" />\n      <Path d=\"M14.7188 13.1338C14.5352 13.3477 14.2627 13.4834 13.9585 13.4834C13.4062 13.4834 12.9585 13.0361 12.9585 12.4834C12.9585 11.9307 13.4062 11.4834 13.9585 11.4834C14.5107 11.4834 14.9585 11.9307 14.9585 12.4834C14.9585 12.7314 14.8682 12.959 14.7188 13.1338Z\" />\n      <Path d=\"M20.5698 12.2119C20.874 12.2119 21.1465 12.0762 21.3301 11.8623C21.4795 11.6875 21.5698 11.46 21.5698 11.2119C21.5698 10.6592 21.1221 10.2119 20.5698 10.2119C20.0176 10.2119 19.5698 10.6592 19.5698 11.2119C19.5698 11.7646 20.0176 12.2119 20.5698 12.2119Z\" />\n      <Path d=\"M27.6211 10.6523C27.4375 10.8662 27.165 11.002 26.8608 11.002C26.3086 11.002 25.8608 10.5547 25.8608 10.002C25.8608 9.44922 26.3086 9.00195 26.8608 9.00195C27.4131 9.00195 27.8608 9.44922 27.8608 10.002C27.8608 10.25 27.7705 10.4775 27.6211 10.6523Z\" />\n      <Path d=\"M32.0879 8.2002C32.3921 8.2002 32.6646 8.06445 32.8481 7.85059C32.9976 7.67578 33.0879 7.44824 33.0879 7.2002C33.0879 6.64746 32.6401 6.2002 32.0879 6.2002C31.5356 6.2002 31.0879 6.64746 31.0879 7.2002C31.0879 7.75293 31.5356 8.2002 32.0879 8.2002Z\" />\n    </Svg>\n  ) : (\n    <Svg width=\"35\" height=\"25\" viewBox=\"0 0 35 25\" fill=\"none\" {...styledProps}>\n      <Path\n        d=\"M1 25V21.3088C1 17.4754 3.71928 14.1808 7.48316 13.4539L27.5168 9.58528C31.2807 8.85845 34 5.56381 34 1.7304V-2.98023e-08\"\n        stroke={theme.colors.surface.border.gray.subtle}\n        strokeWidth=\"2\"\n      />\n    </Svg>\n  );\n};\n\ntype StepLineProps = {\n  stepType: 'single-item' | 'start' | 'middle' | 'end' | 'default';\n  shouldShowStartBranch: boolean;\n  shouldShowEndBranch: boolean;\n} & Pick<StepItemProps, 'stepProgress' | 'marker'>;\n\ntype StepLineSubComponentProps = Pick<\n  StepLineProps,\n  'shouldShowStartBranch' | 'shouldShowEndBranch' | 'marker' | 'stepProgress'\n>;\n\nconst defaultMarker = <StepItemIndicator color=\"neutral\" />;\n\nconst StepLineVertical = ({\n  marker = defaultMarker,\n  stepProgress,\n  isIndented,\n  shouldShowStartBranch,\n  shouldShowEndBranch,\n}: StepLineSubComponentProps & {\n  isIndented?: boolean;\n}): React.ReactElement => {\n  const { size } = useStepGroup();\n  const spacingTokens = getMarkerLineSpacings(size);\n\n  return (\n    <Box\n      position=\"relative\"\n      marginLeft={isIndented ? makeSize(spacingTokens.indentationWidth) : undefined}\n      display=\"flex\"\n      flexDirection=\"column\"\n    >\n      <StepStraightLineVertical\n        height={itemTopMargin}\n        isDotted={stepProgress === 'none' || stepProgress === 'end'}\n        visibility={shouldShowStartBranch ? 'visible' : 'hidden'}\n      />\n      <Box marginLeft={makeSize(-spacingTokens.markerLeftAlignment)}>{marker}</Box>\n      <StepStraightLineVertical\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n        visibility={shouldShowEndBranch ? 'visible' : 'hidden'}\n      />\n    </Box>\n  );\n};\n\nconst StepLineStart = ({\n  marker = defaultMarker,\n  stepProgress,\n  shouldShowStartBranch,\n  shouldShowEndBranch,\n}: StepLineSubComponentProps): React.ReactElement => {\n  const { size } = useStepGroup();\n  const spacingTokens = getMarkerLineSpacings(size);\n\n  return (\n    <Box position=\"relative\" display=\"flex\" flexDirection=\"column\">\n      <StepStraightLineVertical\n        height={itemTopMargin}\n        visibility={shouldShowStartBranch ? 'visible' : 'hidden'}\n        isDotted={stepProgress === 'none' || stepProgress === 'end'}\n      />\n      <StepTopCurveVertical\n        visibility={shouldShowStartBranch ? 'visible' : 'hidden'}\n        isDotted={stepProgress === 'none' || stepProgress === 'end'}\n      />\n      <Box\n        marginLeft={makeSize(-spacingTokens.markerLeftAlignment + spacingTokens.indentationWidth)}\n        marginTop={makeSize(spacingTokens.markerTopAlignment)}\n      >\n        {marker}\n      </Box>\n      <StepStraightLineVertical\n        visibility={shouldShowEndBranch ? 'visible' : 'hidden'}\n        marginLeft={makeSize(spacingTokens.indentationWidth)}\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n      />\n    </Box>\n  );\n};\n\nconst StepLineEnd = ({\n  marker = defaultMarker,\n  stepProgress,\n  shouldShowStartBranch,\n  shouldShowEndBranch,\n}: StepLineSubComponentProps): React.ReactElement => {\n  const { size } = useStepGroup();\n  const spacingTokens = getMarkerLineSpacings(size);\n  return (\n    <Box position=\"relative\" display=\"flex\" flexDirection=\"column\">\n      <StepStraightLineVertical\n        visibility={shouldShowStartBranch ? 'visible' : 'hidden'}\n        marginLeft={makeSize(spacingTokens.indentationWidth)}\n        height={itemTopMargin}\n        isDotted={stepProgress === 'none' || stepProgress === 'end'}\n      />\n      <Box\n        marginLeft={makeSize(-spacingTokens.markerLeftAlignment + spacingTokens.indentationWidth)}\n      >\n        {marker}\n      </Box>\n      <StepStraightLineVertical\n        marginLeft={makeSize(spacingTokens.indentationWidth)}\n        visibility={shouldShowEndBranch ? 'visible' : 'hidden'}\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n      />\n      <StepBottomCurveVertical\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n        visibility={shouldShowEndBranch ? 'visible' : 'hidden'}\n      />\n    </Box>\n  );\n};\n\nconst StepLineHorizontal = ({\n  marker = defaultMarker,\n  stepProgress,\n  shouldShowStartBranch,\n  shouldShowEndBranch,\n}: StepLineSubComponentProps): React.ReactElement => {\n  return (\n    <Box\n      position=\"relative\"\n      display=\"flex\"\n      flexDirection=\"row\"\n      width=\"100%\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n    >\n      <StepStraightLineHorizontal\n        isDotted={stepProgress === 'none' || stepProgress === 'end'}\n        visibility={shouldShowStartBranch ? 'visible' : 'hidden'}\n      />\n      <Box>{marker}</Box>\n      <StepStraightLineHorizontal\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n        visibility={shouldShowEndBranch ? 'visible' : 'hidden'}\n      />\n    </Box>\n  );\n};\n\nconst StepLineSingleItem = ({\n  marker = defaultMarker,\n  stepProgress,\n  shouldShowEndBranch,\n  shouldShowStartBranch,\n}: StepLineSubComponentProps): React.ReactElement => {\n  const { size } = useStepGroup();\n  const spacingTokens = getMarkerLineSpacings(size);\n  return (\n    <Box position=\"relative\" display=\"flex\" flexDirection=\"column\">\n      <StepStraightLineVertical\n        visibility={shouldShowStartBranch ? 'visible' : 'hidden'}\n        height={itemTopMargin}\n        isDotted={stepProgress === 'none' || stepProgress === 'end'}\n      />\n      <StepTopCurveVertical\n        visibility={shouldShowStartBranch ? 'visible' : 'hidden'}\n        isDotted={stepProgress === 'none' || stepProgress === 'end'}\n      />\n      <Box\n        // -12 (markerLeftAlginment) + 33 (indentationWidth)\n        marginLeft={makeSize(-spacingTokens.markerLeftAlignment + spacingTokens.indentationWidth)}\n        marginTop={makeSize(spacingTokens.markerTopAlignment)}\n      >\n        {marker}\n      </Box>\n      <StepStraightLineVertical\n        marginLeft={makeSize(spacingTokens.indentationWidth)}\n        visibility={shouldShowEndBranch ? 'visible' : 'hidden'}\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n      />\n      <StepBottomCurveVertical\n        visibility={shouldShowEndBranch ? 'visible' : 'hidden'}\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n      />\n    </Box>\n  );\n};\n\nconst StepLine = ({\n  stepType = 'default',\n  shouldShowStartBranch,\n  shouldShowEndBranch,\n  marker,\n  stepProgress,\n}: StepLineProps): React.ReactElement => {\n  const { orientation } = useStepGroup();\n  const commonProps = {\n    shouldShowStartBranch,\n    shouldShowEndBranch,\n    marker,\n    stepProgress,\n  };\n\n  if (orientation === 'horizontal') {\n    return <StepLineHorizontal {...commonProps} />;\n  }\n\n  if (stepType === 'start') {\n    return <StepLineStart {...commonProps} />;\n  }\n\n  if (stepType === 'middle') {\n    return <StepLineVertical {...commonProps} isIndented={true} />;\n  }\n\n  if (stepType === 'end') {\n    return <StepLineEnd {...commonProps} />;\n  }\n\n  if (stepType === 'single-item') {\n    return <StepLineSingleItem {...commonProps} />;\n  }\n\n  return <StepLineVertical {...commonProps} />;\n};\n\nexport type { StepLineProps };\nexport { StepLine };\n"],"names":["useDottedLineStyles","_ref","arguments","length","undefined","isHorizontal","_useTheme","useTheme","theme","svgString","concat","colors","surface","border","gray","subtle","backgroundURL","encode","backgroundImage","backgroundPosition","backgroundSize","makeSize","markerLineDotWidth","markerLineDotSpacing","backgroundRepeat","StepStraightLineHorizontal","_ref2","isDotted","width","styledProps","_objectWithoutProperties","_excluded","dottedStyles","borderStyles","borderTopWidth","borderTopColor","_jsx","BaseBox","_objectSpread","height","markerLineWidth","flex","StepStraightLineVertical","_ref3","_excluded2","borderLeftWidth","borderLeftColor","StepTopCurveVertical","_ref4","_excluded3","_useTheme2","_jsxs","Svg","marginLeft","viewBox","fill","children","Path","d","stroke","strokeWidth","StepBottomCurveVertical","_ref5","_excluded4","_useTheme3","defaultMarker","StepItemIndicator","color","StepLineVertical","_ref6","_ref6$marker","marker","stepProgress","isIndented","shouldShowStartBranch","shouldShowEndBranch","_useStepGroup","useStepGroup","size","spacingTokens","getMarkerLineSpacings","Box","position","indentationWidth","display","flexDirection","itemTopMargin","visibility","markerLeftAlignment","StepLineStart","_ref7","_ref7$marker","_useStepGroup2","marginTop","markerTopAlignment","StepLineEnd","_ref8","_ref8$marker","_useStepGroup3","StepLineHorizontal","_ref9","_ref9$marker","justifyContent","alignItems","StepLineSingleItem","_ref10","_ref10$marker","_useStepGroup4","StepLine","_ref11","_ref11$stepType","stepType","_useStepGroup5","orientation","commonProps"],"mappings":"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"}

package/build/lib/web/development/components/StepGroup/componentIds.js

@@ -0,0 +1,7 @@
+var componentIds = {
+  StepGroup: 'StepGroup',
+  StepItem: 'StepItem'
+};
+
+export { componentIds };
+//# sourceMappingURL=componentIds.js.map

package/build/lib/web/development/components/StepGroup/componentIds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentIds.js","sources":["../../../../../../src/components/StepGroup/componentIds.ts"],"sourcesContent":["export const componentIds = {\n  StepGroup: 'StepGroup',\n  StepItem: 'StepItem',\n};\n"],"names":["componentIds","StepGroup","StepItem"],"mappings":"AAAO,IAAMA,YAAY,GAAG;AAC1BC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,QAAQ,EAAE,UAAA;AACZ;;;;"}

package/build/lib/web/development/components/StepGroup/index.js

@@ -0,0 +1,4 @@
+export { StepGroup } from './StepGroup.web.js';
+export { StepItem } from './StepItem.web.js';
+export { StepItemIcon, StepItemIndicator } from './StepItemMarker.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/development/components/StepGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/build/lib/web/development/components/StepGroup/tokens.js

@@ -0,0 +1,62 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import '../../tokens/global/index.js';
+import { size } from '../../tokens/global/size.js';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var markerLineDotWidth = size['2'];
+var markerLineDotSpacing = size['4'];
+var markerLineWidth = size['2'];
+var itemTopMargin = size['16'];
+
+/**
+ * Returns the tokens that are related to marker line alignment and spacing
+ */
+var getMarkerLineSpacings = function getMarkerLineSpacings(size$1) {
+  var indentationWidth = size['33'];
+  var LINE_SPACINGS = {
+    large: {
+      markerBackgroundSize: size['24'],
+      markerMargin: size['2']
+      // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
+    },
+    medium: {
+      markerBackgroundSize: size['20'],
+      markerMargin: size['2']
+    }
+  };
+  var markerLeftAlignment =
+  // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
+  (LINE_SPACINGS[size$1].markerBackgroundSize + LINE_SPACINGS[size$1].markerMargin) / 2;
+  var markerTopAlignment = -1 * (
+  // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
+  LINE_SPACINGS[size$1].markerBackgroundSize + LINE_SPACINGS[size$1].markerMargin * 2 + markerLineWidth) / 2;
+  return _objectSpread(_objectSpread({}, LINE_SPACINGS[size$1]), {}, {
+    markerLeftAlignment: markerLeftAlignment,
+    markerTopAlignment: markerTopAlignment,
+    indentationWidth: indentationWidth
+  });
+};
+var stepItemHeaderTokens = {
+  medium: {
+    title: 'medium',
+    description: 'small',
+    timestamp: 'small'
+  },
+  large: {
+    title: 'large',
+    description: 'medium',
+    timestamp: 'medium'
+  }
+};
+var iconSizeTokens = {
+  medium: 'small',
+  large: 'medium'
+};
+var itemLineGap = {
+  medium: 'spacing.2',
+  large: 'spacing.3'
+};
+
+export { getMarkerLineSpacings, iconSizeTokens, itemLineGap, itemTopMargin, markerLineDotSpacing, markerLineDotWidth, markerLineWidth, stepItemHeaderTokens };
+//# sourceMappingURL=tokens.js.map

package/build/lib/web/development/components/StepGroup/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sources":["../../../../../../src/components/StepGroup/tokens.ts"],"sourcesContent":["import type { StepGroupProps } from './types';\nimport { size as sizeTokens } from '~tokens/global';\n\nconst markerLineDotWidth = sizeTokens['2'];\nconst markerLineDotSpacing = sizeTokens['4'];\nconst markerLineWidth = sizeTokens['2'];\nconst itemTopMargin = sizeTokens['16'];\n\n/**\n * Returns the tokens that are related to marker line alignment and spacing\n */\nconst getMarkerLineSpacings = (\n  size: NonNullable<StepGroupProps['size']>,\n): {\n  markerLeftAlignment: number;\n  markerTopAlignment: number;\n  markerBackgroundSize: number;\n  markerMargin: number;\n  indentationWidth: number;\n} => {\n  const indentationWidth = sizeTokens['33'];\n\n  const LINE_SPACINGS = {\n    large: {\n      markerBackgroundSize: sizeTokens['24'],\n      markerMargin: sizeTokens['2'],\n      // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    },\n    medium: {\n      markerBackgroundSize: sizeTokens['20'],\n      markerMargin: sizeTokens['2'],\n    },\n  } as const;\n\n  const markerLeftAlignment =\n    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    (LINE_SPACINGS[size].markerBackgroundSize + LINE_SPACINGS[size].markerMargin) / 2;\n\n  const markerTopAlignment =\n    (-1 *\n      // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n      (LINE_SPACINGS[size].markerBackgroundSize +\n        LINE_SPACINGS[size].markerMargin * 2 +\n        markerLineWidth)) /\n    2;\n  return {\n    ...LINE_SPACINGS[size],\n    markerLeftAlignment,\n    markerTopAlignment,\n    indentationWidth,\n  };\n};\n\nconst stepItemHeaderTokens = {\n  medium: {\n    title: 'medium',\n    description: 'small',\n    timestamp: 'small',\n  },\n  large: {\n    title: 'large',\n    description: 'medium',\n    timestamp: 'medium',\n  },\n} as const;\n\nconst iconSizeTokens = {\n  medium: 'small',\n  large: 'medium',\n} as const;\n\nconst itemLineGap = {\n  medium: 'spacing.2',\n  large: 'spacing.3',\n} as const;\n\nexport {\n  getMarkerLineSpacings,\n  stepItemHeaderTokens,\n  iconSizeTokens,\n  itemLineGap,\n  markerLineDotWidth,\n  markerLineDotSpacing,\n  markerLineWidth,\n  itemTopMargin,\n};\n"],"names":["markerLineDotWidth","sizeTokens","markerLineDotSpacing","markerLineWidth","itemTopMargin","getMarkerLineSpacings","size","indentationWidth","LINE_SPACINGS","large","markerBackgroundSize","markerMargin","medium","markerLeftAlignment","markerTopAlignment","_objectSpread","stepItemHeaderTokens","title","description","timestamp","iconSizeTokens","itemLineGap"],"mappings":";;;;;;AAGA,IAAMA,kBAAkB,GAAGC,IAAU,CAAC,GAAG,EAAC;AAC1C,IAAMC,oBAAoB,GAAGD,IAAU,CAAC,GAAG,EAAC;AAC5C,IAAME,eAAe,GAAGF,IAAU,CAAC,GAAG,EAAC;AACvC,IAAMG,aAAa,GAAGH,IAAU,CAAC,IAAI,EAAC;;AAEtC;AACA;AACA;AACA,IAAMI,qBAAqB,GAAG,SAAxBA,qBAAqBA,CACzBC,MAAyC,EAOtC;AACH,EAAA,IAAMC,gBAAgB,GAAGN,IAAU,CAAC,IAAI,CAAC,CAAA;AAEzC,EAAA,IAAMO,aAAa,GAAG;AACpBC,IAAAA,KAAK,EAAE;AACLC,MAAAA,oBAAoB,EAAET,IAAU,CAAC,IAAI,CAAC;MACtCU,YAAY,EAAEV,IAAU,CAAC,GAAG,CAAA;AAC5B;KACD;AACDW,IAAAA,MAAM,EAAE;AACNF,MAAAA,oBAAoB,EAAET,IAAU,CAAC,IAAI,CAAC;MACtCU,YAAY,EAAEV,IAAU,CAAC,GAAG,CAAA;AAC9B,KAAA;GACQ,CAAA;AAEV,EAAA,IAAMY,mBAAmB;AACvB;AACA,EAAA,CAACL,aAAa,CAACF,MAAI,CAAC,CAACI,oBAAoB,GAAGF,aAAa,CAACF,MAAI,CAAC,CAACK,YAAY,IAAI,CAAC,CAAA;EAEnF,IAAMG,kBAAkB,GACrB,CAAC,CAAC;AACD;AACCN,EAAAA,aAAa,CAACF,MAAI,CAAC,CAACI,oBAAoB,GACvCF,aAAa,CAACF,MAAI,CAAC,CAACK,YAAY,GAAG,CAAC,GACpCR,eAAe,CAAC,GACpB,CAAC,CAAA;AACH,EAAA,OAAAY,aAAA,CAAAA,aAAA,KACKP,aAAa,CAACF,MAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AACtBO,IAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBC,IAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBP,IAAAA,gBAAgB,EAAhBA,gBAAAA;AAAgB,GAAA,CAAA,CAAA;AAEpB,EAAC;AAED,IAAMS,oBAAoB,GAAG;AAC3BJ,EAAAA,MAAM,EAAE;AACNK,IAAAA,KAAK,EAAE,QAAQ;AACfC,IAAAA,WAAW,EAAE,OAAO;AACpBC,IAAAA,SAAS,EAAE,OAAA;GACZ;AACDV,EAAAA,KAAK,EAAE;AACLQ,IAAAA,KAAK,EAAE,OAAO;AACdC,IAAAA,WAAW,EAAE,QAAQ;AACrBC,IAAAA,SAAS,EAAE,QAAA;AACb,GAAA;AACF,EAAU;AAEV,IAAMC,cAAc,GAAG;AACrBR,EAAAA,MAAM,EAAE,OAAO;AACfH,EAAAA,KAAK,EAAE,QAAA;AACT,EAAU;AAEV,IAAMY,WAAW,GAAG;AAClBT,EAAAA,MAAM,EAAE,WAAW;AACnBH,EAAAA,KAAK,EAAE,WAAA;AACT;;;;"}

package/build/lib/web/development/components/Tabs/TabItem.web.js

@@ -120,6 +120,7 @@ var TabItem = function TabItem(_ref3) {
   var interaction = isDisabled ? 'disabled' : interactionMap[currentInteraction];
   return /*#__PURE__*/jsx(CompositeItem, {
     render: /*#__PURE__*/jsxs(StyledTabButton, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+      type: "button",
       as: href ? 'a' : 'button',
       href: href,
       isVertical: isVertical,

package/build/lib/web/development/components/Tabs/TabItem.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabItem.web.js","sources":["../../../../../../src/components/Tabs/TabItem.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport styled from 'styled-components';\nimport React from 'react';\nimport { CompositeItem } from '@floating-ui/react';\nimport type { TabItemProps, TabsProps } from './types';\nimport { useTabsContext } from './TabsContext';\nimport { backgroundColor, paddingY, paddingX, textColor, iconColor } from './tabTokens';\nimport { iconSizeMap, useTabsItemPropRestriction } from './utils';\nimport { Text } from '~components/Typography';\nimport { castWebType, getMediaQuery, makeBorderSize, makeMotionTime, makeSpace } from '~utils';\nimport useInteraction from '~utils/useInteraction';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { breakpoints } from '~tokens/global';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport getIn from '~utils/lodashButBetter/get';\n\nconst StyledTabButton = styled.button<{\n  size: TabsProps['size'];\n  isFullWidthTabItem?: TabsProps['isFullWidthTabItem'];\n  variant: NonNullable<TabsProps['variant']>;\n  isVertical: boolean;\n  isSelected: boolean;\n}>(({ theme, isSelected, size, variant, isFullWidthTabItem, isVertical }) => {\n  const isFilled = variant === 'filled';\n  const orientation = isVertical ? 'vertical' : 'horizontal';\n  const border = isVertical ? 'borderLeft' : 'borderBottom';\n  const selectedState: 'selected' | 'unselected' = isSelected ? 'selected' : 'unselected';\n  const _variant = variant === 'borderless' ? 'bordered' : variant;\n  const background = backgroundColor[selectedState][_variant];\n\n  return {\n    appearance: 'none',\n    textDecoration: 'none',\n    border: 'none',\n    outline: 'none',\n    cursor: 'pointer',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: isVertical ? 'left' : 'center',\n    gap: makeSpace(theme.spacing[3]),\n    width: isFullWidthTabItem ? '100%' : undefined,\n\n    // Padding\n    paddingTop: makeSpace(getIn(theme, paddingY[_variant][orientation].desktop[size!])),\n    paddingBottom: makeSpace(getIn(theme, paddingY[_variant][orientation].desktop[size!])),\n    paddingLeft: makeSpace(getIn(theme, paddingX[_variant][orientation].desktop[size!])),\n    paddingRight: makeSpace(getIn(theme, paddingX[_variant][orientation].desktop[size!])),\n\n    [`@media ${getMediaQuery({ min: breakpoints.base, max: breakpoints.m })}`]: {\n      paddingTop: makeSpace(getIn(theme, paddingY[_variant][orientation].mobile[size!])),\n      paddingBottom: makeSpace(getIn(theme, paddingY[_variant][orientation].mobile[size!])),\n      paddingLeft: makeSpace(getIn(theme, paddingX[_variant][orientation].mobile[size!])),\n      paddingRight: makeSpace(getIn(theme, paddingX[_variant][orientation].mobile[size!])),\n    },\n\n    // colors\n    backgroundColor:\n      isSelected && isFilled && !isVertical ? 'transparent' : getIn(theme, background.default),\n    borderRadius: isFilled && !isVertical ? theme.border.radius.small : 0,\n    [`${border}Style`]: 'solid',\n    [`${border}Width`]: isFilled\n      ? 0\n      : makeBorderSize(isVertical ? theme.border.width.thick : theme.border.width.thin),\n    [`${border}Color`]:\n      isVertical && isSelected ? theme.colors.interactive.border.primary.default : 'transparent',\n\n    // states\n    '&:hover': {\n      [`${border}Color`]:\n        isVertical && isSelected\n          ? theme.colors.interactive.border.primary.default\n          : theme.colors.interactive.border.gray.highlighted,\n      backgroundColor:\n        // Don't want to show hover state on filled tabs when vertical because\n        // The hover color needs to be on the TabIndicator instead.\n        isSelected && isFilled && !isVertical\n          ? 'transparent'\n          : getIn(theme, background.highlighted),\n    },\n    '&:disabled': {\n      cursor: 'not-allowed',\n      backgroundColor: getIn(theme, background.disabled),\n    },\n    '&:focus-visible': {\n      borderRadius: makeSpace(theme.border.radius.medium),\n      boxShadow: `0px 0px 0px 4px ${theme.colors.surface.border.primary.muted}`,\n      backgroundColor: getIn(theme, background.highlighted),\n    },\n\n    transitionProperty: 'all',\n    transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),\n    transitionDuration: castWebType(makeMotionTime(theme.motion.duration.gentle)),\n    '*': {\n      transitionProperty: 'color, fill',\n      transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),\n      transitionDuration: castWebType(makeMotionTime(theme.motion.duration.xquick)),\n    },\n  };\n});\n\nconst TabItem = ({\n  children,\n  value,\n  leading: Leading,\n  trailing,\n  isDisabled = false,\n  href,\n  onClick,\n}: TabItemProps): React.ReactElement => {\n  const {\n    size,\n    isFullWidthTabItem,\n    selectedValue,\n    setSelectedValue,\n    baseId,\n    variant,\n    isVertical,\n  } = useTabsContext();\n  const { currentInteraction, ...interactionProps } = useInteraction();\n  const validatedTrailingComponent = useTabsItemPropRestriction(trailing, size!);\n  const isSelected = selectedValue === value;\n  const selectedState = isSelected ? 'selected' : 'unselected';\n  const panelId = `${baseId}-${value}-tabpanel`;\n  const tabItemId = `${baseId}-${value}-tabitem`;\n  const isFilled = variant === 'filled';\n\n  const interactionMap = {\n    default: 'default',\n    hover: 'highlighted',\n    focus: 'highlighted',\n    disabled: 'disabled',\n  } as const;\n  const interaction = isDisabled ? 'disabled' : interactionMap[currentInteraction];\n\n  return (\n    <CompositeItem\n      render={\n        <StyledTabButton\n          as={href ? 'a' : 'button'}\n          href={href}\n          isVertical={isVertical}\n          isSelected={isSelected}\n          variant={variant!}\n          isFullWidthTabItem={isFullWidthTabItem || isFilled}\n          id={tabItemId}\n          size={size}\n          disabled={isDisabled}\n          {...interactionProps}\n          onClick={(e: React.MouseEvent) => {\n            setSelectedValue?.(() => value);\n            onClick?.(e);\n          }}\n          {...makeAccessible({\n            role: 'tab',\n            selected: isSelected,\n            controls: panelId,\n          })}\n          {...metaAttribute({ name: MetaConstants.TabItem })}\n        >\n          {Leading ? (\n            <Leading size={iconSizeMap[size!]} color={iconColor[selectedState][interaction]} />\n          ) : null}\n          <Text\n            color={textColor[selectedState][interaction]}\n            size={size === 'medium' ? 'medium' : 'large'}\n            weight=\"semibold\"\n          >\n            {children}\n          </Text>\n          {validatedTrailingComponent}\n        </StyledTabButton>\n      }\n    />\n  );\n};\n\nexport { TabItem };\n"],"names":["StyledTabButton","styled","button","withConfig","displayName","componentId","_ref","_ref2","theme","isSelected","size","variant","isFullWidthTabItem","isVertical","isFilled","orientation","border","selectedState","_variant","background","backgroundColor","appearance","textDecoration","outline","cursor","display","alignItems","justifyContent","gap","makeSpace","spacing","width","undefined","paddingTop","getIn","paddingY","desktop","paddingBottom","paddingLeft","paddingX","paddingRight","_defineProperty","concat","getMediaQuery","min","breakpoints","base","max","m","mobile","radius","small","makeBorderSize","thick","thin","colors","interactive","primary","gray","highlighted","disabled","borderRadius","medium","boxShadow","surface","muted","castWebType","motion","easing","standard","effective","makeMotionTime","duration","gentle","transitionProperty","transitionTimingFunction","transitionDuration","xquick","TabItem","_ref3","children","value","Leading","leading","trailing","_ref3$isDisabled","isDisabled","href","onClick","_useTabsContext","useTabsContext","selectedValue","setSelectedValue","baseId","_useInteraction","useInteraction","currentInteraction","interactionProps","_objectWithoutProperties","_excluded","validatedTrailingComponent","useTabsItemPropRestriction","panelId","tabItemId","interactionMap","hover","focus","interaction","_jsx","CompositeItem","render","_jsxs","_objectSpread","as","id","e","makeAccessible","role","selected","controls","metaAttribute","name","MetaConstants","iconSizeMap","color","iconColor","Text","textColor","weight"],"mappings":"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"}
+{"version":3,"file":"TabItem.web.js","sources":["../../../../../../src/components/Tabs/TabItem.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/prefer-nullish-coalescing */\nimport styled from 'styled-components';\nimport React from 'react';\nimport { CompositeItem } from '@floating-ui/react';\nimport type { TabItemProps, TabsProps } from './types';\nimport { useTabsContext } from './TabsContext';\nimport { backgroundColor, paddingY, paddingX, textColor, iconColor } from './tabTokens';\nimport { iconSizeMap, useTabsItemPropRestriction } from './utils';\nimport { Text } from '~components/Typography';\nimport { castWebType, getMediaQuery, makeBorderSize, makeMotionTime, makeSpace } from '~utils';\nimport useInteraction from '~utils/useInteraction';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { breakpoints } from '~tokens/global';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport getIn from '~utils/lodashButBetter/get';\n\nconst StyledTabButton = styled.button<{\n  size: TabsProps['size'];\n  isFullWidthTabItem?: TabsProps['isFullWidthTabItem'];\n  variant: NonNullable<TabsProps['variant']>;\n  isVertical: boolean;\n  isSelected: boolean;\n}>(({ theme, isSelected, size, variant, isFullWidthTabItem, isVertical }) => {\n  const isFilled = variant === 'filled';\n  const orientation = isVertical ? 'vertical' : 'horizontal';\n  const border = isVertical ? 'borderLeft' : 'borderBottom';\n  const selectedState: 'selected' | 'unselected' = isSelected ? 'selected' : 'unselected';\n  const _variant = variant === 'borderless' ? 'bordered' : variant;\n  const background = backgroundColor[selectedState][_variant];\n\n  return {\n    appearance: 'none',\n    textDecoration: 'none',\n    border: 'none',\n    outline: 'none',\n    cursor: 'pointer',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: isVertical ? 'left' : 'center',\n    gap: makeSpace(theme.spacing[3]),\n    width: isFullWidthTabItem ? '100%' : undefined,\n\n    // Padding\n    paddingTop: makeSpace(getIn(theme, paddingY[_variant][orientation].desktop[size!])),\n    paddingBottom: makeSpace(getIn(theme, paddingY[_variant][orientation].desktop[size!])),\n    paddingLeft: makeSpace(getIn(theme, paddingX[_variant][orientation].desktop[size!])),\n    paddingRight: makeSpace(getIn(theme, paddingX[_variant][orientation].desktop[size!])),\n\n    [`@media ${getMediaQuery({ min: breakpoints.base, max: breakpoints.m })}`]: {\n      paddingTop: makeSpace(getIn(theme, paddingY[_variant][orientation].mobile[size!])),\n      paddingBottom: makeSpace(getIn(theme, paddingY[_variant][orientation].mobile[size!])),\n      paddingLeft: makeSpace(getIn(theme, paddingX[_variant][orientation].mobile[size!])),\n      paddingRight: makeSpace(getIn(theme, paddingX[_variant][orientation].mobile[size!])),\n    },\n\n    // colors\n    backgroundColor:\n      isSelected && isFilled && !isVertical ? 'transparent' : getIn(theme, background.default),\n    borderRadius: isFilled && !isVertical ? theme.border.radius.small : 0,\n    [`${border}Style`]: 'solid',\n    [`${border}Width`]: isFilled\n      ? 0\n      : makeBorderSize(isVertical ? theme.border.width.thick : theme.border.width.thin),\n    [`${border}Color`]:\n      isVertical && isSelected ? theme.colors.interactive.border.primary.default : 'transparent',\n\n    // states\n    '&:hover': {\n      [`${border}Color`]:\n        isVertical && isSelected\n          ? theme.colors.interactive.border.primary.default\n          : theme.colors.interactive.border.gray.highlighted,\n      backgroundColor:\n        // Don't want to show hover state on filled tabs when vertical because\n        // The hover color needs to be on the TabIndicator instead.\n        isSelected && isFilled && !isVertical\n          ? 'transparent'\n          : getIn(theme, background.highlighted),\n    },\n    '&:disabled': {\n      cursor: 'not-allowed',\n      backgroundColor: getIn(theme, background.disabled),\n    },\n    '&:focus-visible': {\n      borderRadius: makeSpace(theme.border.radius.medium),\n      boxShadow: `0px 0px 0px 4px ${theme.colors.surface.border.primary.muted}`,\n      backgroundColor: getIn(theme, background.highlighted),\n    },\n\n    transitionProperty: 'all',\n    transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),\n    transitionDuration: castWebType(makeMotionTime(theme.motion.duration.gentle)),\n    '*': {\n      transitionProperty: 'color, fill',\n      transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),\n      transitionDuration: castWebType(makeMotionTime(theme.motion.duration.xquick)),\n    },\n  };\n});\n\nconst TabItem = ({\n  children,\n  value,\n  leading: Leading,\n  trailing,\n  isDisabled = false,\n  href,\n  onClick,\n}: TabItemProps): React.ReactElement => {\n  const {\n    size,\n    isFullWidthTabItem,\n    selectedValue,\n    setSelectedValue,\n    baseId,\n    variant,\n    isVertical,\n  } = useTabsContext();\n  const { currentInteraction, ...interactionProps } = useInteraction();\n  const validatedTrailingComponent = useTabsItemPropRestriction(trailing, size!);\n  const isSelected = selectedValue === value;\n  const selectedState = isSelected ? 'selected' : 'unselected';\n  const panelId = `${baseId}-${value}-tabpanel`;\n  const tabItemId = `${baseId}-${value}-tabitem`;\n  const isFilled = variant === 'filled';\n\n  const interactionMap = {\n    default: 'default',\n    hover: 'highlighted',\n    focus: 'highlighted',\n    disabled: 'disabled',\n  } as const;\n  const interaction = isDisabled ? 'disabled' : interactionMap[currentInteraction];\n\n  return (\n    <CompositeItem\n      render={\n        <StyledTabButton\n          type=\"button\"\n          as={href ? 'a' : 'button'}\n          href={href}\n          isVertical={isVertical}\n          isSelected={isSelected}\n          variant={variant!}\n          isFullWidthTabItem={isFullWidthTabItem || isFilled}\n          id={tabItemId}\n          size={size}\n          disabled={isDisabled}\n          {...interactionProps}\n          onClick={(e: React.MouseEvent) => {\n            setSelectedValue?.(() => value);\n            onClick?.(e);\n          }}\n          {...makeAccessible({\n            role: 'tab',\n            selected: isSelected,\n            controls: panelId,\n          })}\n          {...metaAttribute({ name: MetaConstants.TabItem })}\n        >\n          {Leading ? (\n            <Leading size={iconSizeMap[size!]} color={iconColor[selectedState][interaction]} />\n          ) : null}\n          <Text\n            color={textColor[selectedState][interaction]}\n            size={size === 'medium' ? 'medium' : 'large'}\n            weight=\"semibold\"\n          >\n            {children}\n          </Text>\n          {validatedTrailingComponent}\n        </StyledTabButton>\n      }\n    />\n  );\n};\n\nexport { TabItem };\n"],"names":["StyledTabButton","styled","button","withConfig","displayName","componentId","_ref","_ref2","theme","isSelected","size","variant","isFullWidthTabItem","isVertical","isFilled","orientation","border","selectedState","_variant","background","backgroundColor","appearance","textDecoration","outline","cursor","display","alignItems","justifyContent","gap","makeSpace","spacing","width","undefined","paddingTop","getIn","paddingY","desktop","paddingBottom","paddingLeft","paddingX","paddingRight","_defineProperty","concat","getMediaQuery","min","breakpoints","base","max","m","mobile","radius","small","makeBorderSize","thick","thin","colors","interactive","primary","gray","highlighted","disabled","borderRadius","medium","boxShadow","surface","muted","castWebType","motion","easing","standard","effective","makeMotionTime","duration","gentle","transitionProperty","transitionTimingFunction","transitionDuration","xquick","TabItem","_ref3","children","value","Leading","leading","trailing","_ref3$isDisabled","isDisabled","href","onClick","_useTabsContext","useTabsContext","selectedValue","setSelectedValue","baseId","_useInteraction","useInteraction","currentInteraction","interactionProps","_objectWithoutProperties","_excluded","validatedTrailingComponent","useTabsItemPropRestriction","panelId","tabItemId","interactionMap","hover","focus","interaction","_jsx","CompositeItem","render","_jsxs","_objectSpread","type","as","id","e","makeAccessible","role","selected","controls","metaAttribute","name","MetaConstants","iconSizeMap","color","iconColor","Text","textColor","weight"],"mappings":"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"}

package/build/lib/web/development/components/index.js

@@ -39,6 +39,7 @@ import './Skeleton/index.js';
 import './SkipNav/index.web.js';
 import './Spinner/index.js';
 import './SpotlightPopoverTour/index.js';
+import './StepGroup/index.js';
 import './Switch/index.js';
 import './Table/index.js';
 import './Tabs/index.js';
@@ -395,6 +396,9 @@ export { Spinner } from './Spinner/Spinner/Spinner.js';
 export { SpotlightPopoverTour } from './SpotlightPopoverTour/Tour.web.js';
 export { SpotlightPopoverTourFooter } from './SpotlightPopoverTour/TourFooter.web.js';
 export { SpotlightPopoverTourStep } from './SpotlightPopoverTour/TourStep.web.js';
+export { StepGroup } from './StepGroup/StepGroup.web.js';
+export { StepItem } from './StepGroup/StepItem.web.js';
+export { StepItemIcon, StepItemIndicator } from './StepGroup/StepItemMarker.js';
 export { Switch } from './Switch/Switch.js';
 export { Table } from './Table/Table.web.js';
 export { TableHeader, TableHeaderCell, TableHeaderRow } from './Table/TableHeader.web.js';

package/build/lib/web/development/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}