@razorpay/blade 11.37.0 → 11.38.1

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

@@ -72,33 +72,35 @@ var StepTopCurveVertical = function StepTopCurveVertical(_ref4) {
     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,
+  return isDotted ? /*#__PURE__*/jsxs(Svg, _objectSpread(_objectSpread({
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: theme.colors.surface.border.gray.subtle
+  }, styledProps), {}, {
     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"
+      d: "M2 1C2 1.55228 1.55228 2 1 2C0.447715 2 0 1.55228 0 1C0 0.447715 0.447715 0 1 0C1.55228 0 2 0.447715 2 1Z"
     }), /*#__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"
+      d: "M2 6C2 6.55228 1.55228 7 1 7C0.447715 7 0 6.55228 0 6C0 5.44772 0.447715 5 1 5C1.55228 5 2 5.44772 2 6Z"
     }), /*#__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"
+      d: "M1 12C1.55228 12 2 11.5523 2 11C2 10.4477 1.55228 10 1 10C0.447715 10 0 10.4477 0 11C0 11.5523 0.447715 12 1 12Z"
     }), /*#__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"
+      d: "M3 16C3 16.5523 2.55228 17 2 17C1.44772 17 1 16.5523 1 16C1 15.4477 1.44772 15 2 15C2.55228 15 3 15.4477 3 16Z"
     }), /*#__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"
+      d: "M7 20C7.55228 20 8 19.5523 8 19C8 18.4477 7.55228 18 7 18C6.44772 18 6 18.4477 6 19C6 19.5523 6.44772 20 7 20Z"
     }), /*#__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"
+      d: "M14 19C14 19.5523 13.5523 20 13 20C12.4477 20 12 19.5523 12 19C12 18.4477 12.4477 18 13 18C13.5523 18 14 18.4477 14 19Z"
+    }), /*#__PURE__*/jsx(Path, {
+      d: "M19 20C19.5523 20 20 19.5523 20 19C20 18.4477 19.5523 18 19 18C18.4477 18 18 18.4477 18 19C18 19.5523 18.4477 20 19 20Z"
     })]
-  }) : /*#__PURE__*/jsx(Svg, _objectSpread(_objectSpread({
+  })) : /*#__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",
+      d: "M1 0V5C1 9.41828 4.58172 13 9 13H20",
       stroke: theme.colors.surface.border.gray.subtle,
       strokeWidth: "2"
     })
@@ -109,36 +111,71 @@ var StepBottomCurveVertical = function StepBottomCurveVertical(_ref5) {
     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,
+  var _useStepGroup = useStepGroup(),
+    size = _useStepGroup.size;
+  if (size === 'medium') {
+    return isDotted ? /*#__PURE__*/jsxs(Svg, _objectSpread(_objectSpread({
+      width: "42",
+      height: "5",
+      viewBox: "0 0 42 5",
+      fill: theme.colors.surface.border.gray.subtle
+    }, styledProps), {}, {
+      children: [/*#__PURE__*/jsx(Path, {
+        d: "M32 1C32 1.55228 31.5523 2 31 2C30.4477 2 30 1.55228 30 1C30 0.447715 30.4477 0 31 0C31.5523 0 32 0.447715 32 1Z"
+      }), /*#__PURE__*/jsx(Path, {
+        d: "M2 4C2 4.55228 1.55228 5 1 5C0.447715 5 0 4.55228 0 4C0 3.44772 0.447715 3 1 3C1.55228 3 2 3.44772 2 4Z"
+      }), /*#__PURE__*/jsx(Path, {
+        d: "M27.5 3.5C28.0523 3.5 28.5 3.05228 28.5 2.5C28.5 1.94772 28.0523 1.5 27.5 1.5C26.9477 1.5 26.5 1.94772 26.5 2.5C26.5 3.05228 26.9477 3.5 27.5 3.5Z"
+      }), /*#__PURE__*/jsx(Path, {
+        d: "M5.5 2.5C5.5 3.05228 5.05228 3.5 4.5 3.5C3.94772 3.5 3.5 3.05228 3.5 2.5C3.5 1.94772 3.94772 1.5 4.5 1.5C5.05228 1.5 5.5 1.94772 5.5 2.5Z"
+      }), /*#__PURE__*/jsx(Path, {
+        d: "M16.5 3.5C17.0523 3.5 17.5 3.05228 17.5 2.5C17.5 1.94772 17.0523 1.5 16.5 1.5C15.9477 1.5 15.5 1.94772 15.5 2.5C15.5 3.05228 15.9477 3.5 16.5 3.5Z"
+      }), /*#__PURE__*/jsx(Path, {
+        d: "M11.5 2.5C11.5 3.05228 11.0523 3.5 10.5 3.5C9.94771 3.5 9.5 3.05228 9.5 2.5C9.5 1.94772 9.94771 1.5 10.5 1.5C11.0523 1.5 11.5 1.94772 11.5 2.5Z"
+      }), /*#__PURE__*/jsx(Path, {
+        d: "M22.5 3.5C23.0523 3.5 23.5 3.05228 23.5 2.5C23.5 1.94772 23.0523 1.5 22.5 1.5C21.9477 1.5 21.5 1.94772 21.5 2.5C21.5 3.05228 21.9477 3.5 22.5 3.5Z"
+      })]
+    })) : /*#__PURE__*/jsx(Svg, {
+      width: "33",
+      height: "5",
+      viewBox: "0 0 33 5",
+      fill: "none",
+      children: /*#__PURE__*/jsx(Path, {
+        d: "M1 5V5C1 3.63251 2.108 2.52363 3.47549 2.52255L29.5 2.50198C30.881 2.50088 32 1.38103 32 1.19209e-07V1.19209e-07",
+        stroke: theme.colors.surface.border.gray.subtle,
+        strokeWidth: "2"
+      })
+    });
+  }
+  return isDotted ? /*#__PURE__*/jsxs(Svg, _objectSpread(_objectSpread({
+    width: "46",
+    height: "5",
+    viewBox: "0 0 46 5",
+    fill: theme.colors.surface.border.gray.subtle
+  }, styledProps), {}, {
     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"
+      d: "M35 1C35 1.55228 34.5523 2 34 2C33.4477 2 33 1.55228 33 1C33 0.447715 33.4477 0 34 0C34.5523 0 35 0.447715 35 1Z"
     }), /*#__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"
+      d: "M2 4C2 4.55228 1.55228 5 1 5C0.447715 5 0 4.55228 0 4C0 3.44772 0.447715 3 1 3C1.55228 3 2 3.44772 2 4Z"
     }), /*#__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"
+      d: "M31.5 3.5C32.0523 3.5 32.5 3.05228 32.5 2.5C32.5 1.94772 32.0523 1.5 31.5 1.5C30.9477 1.5 30.5 1.94772 30.5 2.5C30.5 3.05228 30.9477 3.5 31.5 3.5Z"
     }), /*#__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"
+      d: "M4.5 2.5C4.5 3.05228 4.05228 3.5 3.5 3.5C2.94772 3.5 2.5 3.05228 2.5 2.5C2.5 1.94772 2.94772 1.5 3.5 1.5C4.05228 1.5 4.5 1.94772 4.5 2.5Z"
     }), /*#__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"
+      d: "M17.5 3.5C18.0523 3.5 18.5 3.05228 18.5 2.5C18.5 1.94772 18.0523 1.5 17.5 1.5C16.9477 1.5 16.5 1.94772 16.5 2.5C16.5 3.05228 16.9477 3.5 17.5 3.5Z"
     }), /*#__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"
+      d: "M11.5 2.5C11.5 3.05228 11.0523 3.5 10.5 3.5C9.94771 3.5 9.5 3.05228 9.5 2.5C9.5 1.94772 9.94771 1.5 10.5 1.5C11.0523 1.5 11.5 1.94772 11.5 2.5Z"
     }), /*#__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"
+      d: "M24.5 3.5C25.0523 3.5 25.5 3.05228 25.5 2.5C25.5 1.94772 25.0523 1.5 24.5 1.5C23.9477 1.5 23.5 1.94772 23.5 2.5C23.5 3.05228 23.9477 3.5 24.5 3.5Z"
     })]
-  }) : /*#__PURE__*/jsx(Svg, _objectSpread(_objectSpread({
+  })) : /*#__PURE__*/jsx(Svg, _objectSpread(_objectSpread({
     width: "35",
-    height: "25",
-    viewBox: "0 0 35 25",
+    height: "6",
+    viewBox: "0 0 35 6",
     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",
+      d: "M1 6V6C1 4.36914 2.31973 3.04584 3.95058 3.04142L31.04 2.96802C32.6761 2.96359 34 1.63606 34 1.3411e-07V1.3411e-07",
       stroke: theme.colors.surface.border.gray.subtle,
       strokeWidth: "2"
     })
@@ -154,8 +191,8 @@ var StepLineVertical = function StepLineVertical(_ref6) {
     isIndented = _ref6.isIndented,
     shouldShowStartBranch = _ref6.shouldShowStartBranch,
     shouldShowEndBranch = _ref6.shouldShowEndBranch;
-  var _useStepGroup = useStepGroup(),
-    size = _useStepGroup.size;
+  var _useStepGroup2 = useStepGroup(),
+    size = _useStepGroup2.size;
   var spacingTokens = getMarkerLineSpacings(size);
   return /*#__PURE__*/jsxs(Box, {
     position: "relative",
@@ -181,8 +218,8 @@ var StepLineStart = function StepLineStart(_ref7) {
     stepProgress = _ref7.stepProgress,
     shouldShowStartBranch = _ref7.shouldShowStartBranch,
     shouldShowEndBranch = _ref7.shouldShowEndBranch;
-  var _useStepGroup2 = useStepGroup(),
-    size = _useStepGroup2.size;
+  var _useStepGroup3 = useStepGroup(),
+    size = _useStepGroup3.size;
   var spacingTokens = getMarkerLineSpacings(size);
   return /*#__PURE__*/jsxs(Box, {
     position: "relative",
@@ -212,8 +249,8 @@ var StepLineEnd = function StepLineEnd(_ref8) {
     stepProgress = _ref8.stepProgress,
     shouldShowStartBranch = _ref8.shouldShowStartBranch,
     shouldShowEndBranch = _ref8.shouldShowEndBranch;
-  var _useStepGroup3 = useStepGroup(),
-    size = _useStepGroup3.size;
+  var _useStepGroup4 = useStepGroup(),
+    size = _useStepGroup4.size;
   var spacingTokens = getMarkerLineSpacings(size);
   return /*#__PURE__*/jsxs(Box, {
     position: "relative",
@@ -267,8 +304,8 @@ var StepLineSingleItem = function StepLineSingleItem(_ref10) {
     stepProgress = _ref10.stepProgress,
     shouldShowEndBranch = _ref10.shouldShowEndBranch,
     shouldShowStartBranch = _ref10.shouldShowStartBranch;
-  var _useStepGroup4 = useStepGroup(),
-    size = _useStepGroup4.size;
+  var _useStepGroup5 = useStepGroup(),
+    size = _useStepGroup5.size;
   var spacingTokens = getMarkerLineSpacings(size);
   return /*#__PURE__*/jsxs(Box, {
     position: "relative",
@@ -304,8 +341,8 @@ var StepLine = function StepLine(_ref11) {
     shouldShowEndBranch = _ref11.shouldShowEndBranch,
     marker = _ref11.marker,
     stepProgress = _ref11.stepProgress;
-  var _useStepGroup5 = useStepGroup(),
-    orientation = _useStepGroup5.orientation;
+  var _useStepGroup6 = useStepGroup(),
+    orientation = _useStepGroup6.orientation;
   var commonProps = {
     shouldShowStartBranch: shouldShowStartBranch,
     shouldShowEndBranch: shouldShowEndBranch,

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

@@ -1 +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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"}
+{"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\n  return isDotted ? (\n    <Svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill={theme.colors.surface.border.gray.subtle}\n      {...styledProps}\n    >\n      <Path d=\"M2 1C2 1.55228 1.55228 2 1 2C0.447715 2 0 1.55228 0 1C0 0.447715 0.447715 0 1 0C1.55228 0 2 0.447715 2 1Z\" />\n      <Path d=\"M2 6C2 6.55228 1.55228 7 1 7C0.447715 7 0 6.55228 0 6C0 5.44772 0.447715 5 1 5C1.55228 5 2 5.44772 2 6Z\" />\n      <Path d=\"M1 12C1.55228 12 2 11.5523 2 11C2 10.4477 1.55228 10 1 10C0.447715 10 0 10.4477 0 11C0 11.5523 0.447715 12 1 12Z\" />\n      <Path d=\"M3 16C3 16.5523 2.55228 17 2 17C1.44772 17 1 16.5523 1 16C1 15.4477 1.44772 15 2 15C2.55228 15 3 15.4477 3 16Z\" />\n      <Path d=\"M7 20C7.55228 20 8 19.5523 8 19C8 18.4477 7.55228 18 7 18C6.44772 18 6 18.4477 6 19C6 19.5523 6.44772 20 7 20Z\" />\n      <Path d=\"M14 19C14 19.5523 13.5523 20 13 20C12.4477 20 12 19.5523 12 19C12 18.4477 12.4477 18 13 18C13.5523 18 14 18.4477 14 19Z\" />\n      <Path d=\"M19 20C19.5523 20 20 19.5523 20 19C20 18.4477 19.5523 18 19 18C18.4477 18 18 18.4477 18 19C18 19.5523 18.4477 20 19 20Z\" />\n    </Svg>\n  ) : (\n    <Svg width=\"20\" height=\"14\" viewBox=\"0 0 20 14\" fill=\"none\" {...styledProps}>\n      <Path\n        d=\"M1 0V5C1 9.41828 4.58172 13 9 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  const { size } = useStepGroup();\n\n  if (size === 'medium') {\n    return isDotted ? (\n      <Svg\n        width=\"42\"\n        height=\"5\"\n        viewBox=\"0 0 42 5\"\n        fill={theme.colors.surface.border.gray.subtle}\n        {...styledProps}\n      >\n        <Path d=\"M32 1C32 1.55228 31.5523 2 31 2C30.4477 2 30 1.55228 30 1C30 0.447715 30.4477 0 31 0C31.5523 0 32 0.447715 32 1Z\" />\n        <Path d=\"M2 4C2 4.55228 1.55228 5 1 5C0.447715 5 0 4.55228 0 4C0 3.44772 0.447715 3 1 3C1.55228 3 2 3.44772 2 4Z\" />\n        <Path d=\"M27.5 3.5C28.0523 3.5 28.5 3.05228 28.5 2.5C28.5 1.94772 28.0523 1.5 27.5 1.5C26.9477 1.5 26.5 1.94772 26.5 2.5C26.5 3.05228 26.9477 3.5 27.5 3.5Z\" />\n        <Path d=\"M5.5 2.5C5.5 3.05228 5.05228 3.5 4.5 3.5C3.94772 3.5 3.5 3.05228 3.5 2.5C3.5 1.94772 3.94772 1.5 4.5 1.5C5.05228 1.5 5.5 1.94772 5.5 2.5Z\" />\n        <Path d=\"M16.5 3.5C17.0523 3.5 17.5 3.05228 17.5 2.5C17.5 1.94772 17.0523 1.5 16.5 1.5C15.9477 1.5 15.5 1.94772 15.5 2.5C15.5 3.05228 15.9477 3.5 16.5 3.5Z\" />\n        <Path d=\"M11.5 2.5C11.5 3.05228 11.0523 3.5 10.5 3.5C9.94771 3.5 9.5 3.05228 9.5 2.5C9.5 1.94772 9.94771 1.5 10.5 1.5C11.0523 1.5 11.5 1.94772 11.5 2.5Z\" />\n        <Path d=\"M22.5 3.5C23.0523 3.5 23.5 3.05228 23.5 2.5C23.5 1.94772 23.0523 1.5 22.5 1.5C21.9477 1.5 21.5 1.94772 21.5 2.5C21.5 3.05228 21.9477 3.5 22.5 3.5Z\" />\n      </Svg>\n    ) : (\n      <Svg width=\"33\" height=\"5\" viewBox=\"0 0 33 5\" fill=\"none\">\n        <Path\n          d=\"M1 5V5C1 3.63251 2.108 2.52363 3.47549 2.52255L29.5 2.50198C30.881 2.50088 32 1.38103 32 1.19209e-07V1.19209e-07\"\n          stroke={theme.colors.surface.border.gray.subtle}\n          strokeWidth=\"2\"\n        />\n      </Svg>\n    );\n  }\n\n  return isDotted ? (\n    <Svg\n      width=\"46\"\n      height=\"5\"\n      viewBox=\"0 0 46 5\"\n      fill={theme.colors.surface.border.gray.subtle}\n      {...styledProps}\n    >\n      <Path d=\"M35 1C35 1.55228 34.5523 2 34 2C33.4477 2 33 1.55228 33 1C33 0.447715 33.4477 0 34 0C34.5523 0 35 0.447715 35 1Z\" />\n      <Path d=\"M2 4C2 4.55228 1.55228 5 1 5C0.447715 5 0 4.55228 0 4C0 3.44772 0.447715 3 1 3C1.55228 3 2 3.44772 2 4Z\" />\n      <Path d=\"M31.5 3.5C32.0523 3.5 32.5 3.05228 32.5 2.5C32.5 1.94772 32.0523 1.5 31.5 1.5C30.9477 1.5 30.5 1.94772 30.5 2.5C30.5 3.05228 30.9477 3.5 31.5 3.5Z\" />\n      <Path d=\"M4.5 2.5C4.5 3.05228 4.05228 3.5 3.5 3.5C2.94772 3.5 2.5 3.05228 2.5 2.5C2.5 1.94772 2.94772 1.5 3.5 1.5C4.05228 1.5 4.5 1.94772 4.5 2.5Z\" />\n      <Path d=\"M17.5 3.5C18.0523 3.5 18.5 3.05228 18.5 2.5C18.5 1.94772 18.0523 1.5 17.5 1.5C16.9477 1.5 16.5 1.94772 16.5 2.5C16.5 3.05228 16.9477 3.5 17.5 3.5Z\" />\n      <Path d=\"M11.5 2.5C11.5 3.05228 11.0523 3.5 10.5 3.5C9.94771 3.5 9.5 3.05228 9.5 2.5C9.5 1.94772 9.94771 1.5 10.5 1.5C11.0523 1.5 11.5 1.94772 11.5 2.5Z\" />\n      <Path d=\"M24.5 3.5C25.0523 3.5 25.5 3.05228 25.5 2.5C25.5 1.94772 25.0523 1.5 24.5 1.5C23.9477 1.5 23.5 1.94772 23.5 2.5C23.5 3.05228 23.9477 3.5 24.5 3.5Z\" />\n    </Svg>\n  ) : (\n    <Svg width=\"35\" height=\"6\" viewBox=\"0 0 35 6\" fill=\"none\" {...styledProps}>\n      <Path\n        d=\"M1 6V6C1 4.36914 2.31973 3.04584 3.95058 3.04142L31.04 2.96802C32.6761 2.96359 34 1.63606 34 1.3411e-07V1.3411e-07\"\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","viewBox","fill","children","Path","d","stroke","strokeWidth","StepBottomCurveVertical","_ref5","_excluded4","_useTheme3","_useStepGroup","useStepGroup","size","defaultMarker","StepItemIndicator","color","StepLineVertical","_ref6","_ref6$marker","marker","stepProgress","isIndented","shouldShowStartBranch","shouldShowEndBranch","_useStepGroup2","spacingTokens","getMarkerLineSpacings","Box","position","marginLeft","indentationWidth","display","flexDirection","itemTopMargin","visibility","markerLeftAlignment","StepLineStart","_ref7","_ref7$marker","_useStepGroup3","marginTop","markerTopAlignment","StepLineEnd","_ref8","_ref8$marker","_useStepGroup4","StepLineHorizontal","_ref9","_ref9$marker","justifyContent","alignItems","StepLineSingleItem","_ref10","_ref10$marker","_useStepGroup5","StepLine","_ref11","_ref11$stepType","stepType","_useStepGroup6","orientation","commonProps"],"mappings":"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"}

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

@@ -7,22 +7,23 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var markerLineDotWidth = size['2'];
 var markerLineDotSpacing = size['4'];
 var markerLineWidth = size['2'];
-var itemTopMargin = size['16'];
+var itemTopMargin = size['6'];
 
 /**
  * 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']
+      markerMargin: size['2'],
+      indentationWidth: size['33']
       // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
     },
     medium: {
       markerBackgroundSize: size['20'],
-      markerMargin: size['2']
+      markerMargin: size['2'],
+      indentationWidth: size['31']
     }
   };
   var markerLeftAlignment =
@@ -33,8 +34,7 @@ var getMarkerLineSpacings = function getMarkerLineSpacings(size$1) {
   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
+    markerTopAlignment: markerTopAlignment
   });
 };
 var stepItemHeaderTokens = {

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

@@ -1 +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;;;;"}
+{"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['6'];\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 LINE_SPACINGS = {\n    large: {\n      markerBackgroundSize: sizeTokens['24'],\n      markerMargin: sizeTokens['2'],\n      indentationWidth: sizeTokens['33'],\n      // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    },\n    medium: {\n      markerBackgroundSize: sizeTokens['20'],\n      markerMargin: sizeTokens['2'],\n      indentationWidth: sizeTokens['31'],\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  };\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","LINE_SPACINGS","large","markerBackgroundSize","markerMargin","indentationWidth","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,GAAG,EAAC;;AAErC;AACA;AACA;AACA,IAAMI,qBAAqB,GAAG,SAAxBA,qBAAqBA,CACzBC,MAAyC,EAOtC;AACH,EAAA,IAAMC,aAAa,GAAG;AACpBC,IAAAA,KAAK,EAAE;AACLC,MAAAA,oBAAoB,EAAER,IAAU,CAAC,IAAI,CAAC;AACtCS,MAAAA,YAAY,EAAET,IAAU,CAAC,GAAG,CAAC;MAC7BU,gBAAgB,EAAEV,IAAU,CAAC,IAAI,CAAA;AACjC;KACD;AACDW,IAAAA,MAAM,EAAE;AACNH,MAAAA,oBAAoB,EAAER,IAAU,CAAC,IAAI,CAAC;AACtCS,MAAAA,YAAY,EAAET,IAAU,CAAC,GAAG,CAAC;MAC7BU,gBAAgB,EAAEV,IAAU,CAAC,IAAI,CAAA;AACnC,KAAA;GACQ,CAAA;AAEV,EAAA,IAAMY,mBAAmB;AACvB;AACA,EAAA,CAACN,aAAa,CAACD,MAAI,CAAC,CAACG,oBAAoB,GAAGF,aAAa,CAACD,MAAI,CAAC,CAACI,YAAY,IAAI,CAAC,CAAA;EAEnF,IAAMI,kBAAkB,GACrB,CAAC,CAAC;AACD;AACCP,EAAAA,aAAa,CAACD,MAAI,CAAC,CAACG,oBAAoB,GACvCF,aAAa,CAACD,MAAI,CAAC,CAACI,YAAY,GAAG,CAAC,GACpCP,eAAe,CAAC,GACpB,CAAC,CAAA;AACH,EAAA,OAAAY,aAAA,CAAAA,aAAA,KACKR,aAAa,CAACD,MAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AACtBO,IAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBC,IAAAA,kBAAkB,EAAlBA,kBAAAA;AAAkB,GAAA,CAAA,CAAA;AAEtB,EAAC;AAED,IAAME,oBAAoB,GAAG;AAC3BJ,EAAAA,MAAM,EAAE;AACNK,IAAAA,KAAK,EAAE,QAAQ;AACfC,IAAAA,WAAW,EAAE,OAAO;AACpBC,IAAAA,SAAS,EAAE,OAAA;GACZ;AACDX,EAAAA,KAAK,EAAE;AACLS,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;AACfJ,EAAAA,KAAK,EAAE,QAAA;AACT,EAAU;AAEV,IAAMa,WAAW,GAAG;AAClBT,EAAAA,MAAM,EAAE,WAAW;AACnBJ,EAAAA,KAAK,EAAE,WAAA;AACT;;;;"}

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

@@ -17,6 +17,7 @@ import { SelectorLabel } from '../Form/Selector/SelectorLabel.web.js';
 import '../../utils/makeAccessible/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import '../Box/styledProps/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import useTheme from '../BladeProvider/useTheme.js';
 import { useBreakpoint } from '../../utils/useBreakpoint/useBreakpoint.js';
@@ -24,6 +25,7 @@ import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
@@ -41,7 +43,7 @@ var _Switch = function _Switch(_ref, ref) {
     value = _ref.value,
     accessibilityLabel = _ref.accessibilityLabel,
     testID = _ref.testID,
-    styledProps = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
   var _useBreakpoint = useBreakpoint({
@@ -87,13 +89,13 @@ var _Switch = function _Switch(_ref, ref) {
       setIsPressed(false);
     }
   }, [isDisabled]);
-  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
+  return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
     testID: testID,
     name: MetaConstants.Switch
   })), {}, {
     // @ts-ignore on rn inline-block is not valid but type here will be `flex | inline-block`
     display: state.isReactNative ? 'flex' : 'inline-block'
-  }, getStyledProps(styledProps)), {}, {
+  }, getStyledProps(rest)), makeAnalyticsAttribute(rest)), {}, {
     children: /*#__PURE__*/jsxs(SelectorLabel, {
       componentName: MetaConstants.SwitchLabel,
       onTouchStart: handlePointerPressedIn,

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\n/* eslint-disable @typescript-eslint/prefer-ts-expect-error */\nimport React from 'react';\nimport { ThumbIcon } from './ThumbIcon';\nimport type { SwitchProps } from './types';\nimport { switchHoverTokens } from './switchTokens';\nimport { Thumb } from './Thumb';\nimport { AnimatedThumb } from './AnimatedThumb';\nimport { SwitchTrack } from './SwitchTrack';\nimport { useTheme } from '~components/BladeProvider';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { useCheckbox } from '~components/Checkbox/useCheckbox';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport { useBreakpoint } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getStyledProps } from '~components/Box/styledProps';\n\nconst _Switch: React.ForwardRefRenderFunction<BladeElementRef, SwitchProps> = (\n  {\n    defaultChecked,\n    isChecked,\n    isDisabled,\n    name,\n    onChange,\n    size = 'medium',\n    value,\n    accessibilityLabel,\n    testID,\n    ...styledProps\n  },\n  ref,\n): React.ReactElement => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const [isPressed, setIsPressed] = React.useState(false);\n  const { state, inputProps } = useCheckbox({\n    role: 'switch',\n    defaultChecked,\n    isChecked,\n    isIndeterminate: false,\n    hasError: false,\n    hasHelperText: false,\n    isDisabled,\n    isRequired: false,\n    name,\n    value,\n    onChange,\n  });\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (isDisabled) return;\n    setIsPressed(true);\n  }, [isDisabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (isDisabled) return;\n    setIsPressed(false);\n  }, [isDisabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(true);\n      }\n    },\n    [isDisabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(false);\n      }\n    },\n    [isDisabled],\n  );\n\n  return (\n    <BaseBox\n      {...metaAttribute({ testID, name: MetaConstants.Switch })}\n      // @ts-ignore on rn inline-block is not valid but type here will be `flex | inline-block`\n      display={state.isReactNative ? 'flex' : 'inline-block'}\n      {...getStyledProps(styledProps)}\n    >\n      <SelectorLabel\n        componentName={MetaConstants.SwitchLabel}\n        onTouchStart={handlePointerPressedIn}\n        onTouchEnd={handlePointerPressedOut}\n        onMouseDown={handlePointerPressedIn}\n        onMouseUp={handlePointerPressedOut}\n        onMouseOut={handlePointerPressedOut}\n        onKeyDown={handleKeyboardPressedIn}\n        onKeyUp={handleKeyboardPressedOut}\n        style={{ cursor: isDisabled ? 'not-allowed' : 'pointer' }}\n        inputProps={\n          state.isReactNative\n            ? // accessibility label for react-native needs to be added\n              // since there is no text children inside Switch\n              { ...inputProps, ...makeAccessible({ label: accessibilityLabel }) }\n            : {}\n        }\n      >\n        <SelectorInput\n          hoverTokens={switchHoverTokens}\n          ref={ref}\n          isChecked={state.isChecked}\n          isDisabled={isDisabled}\n          hasError={false}\n          inputProps={inputProps}\n          accessibilityLabel={accessibilityLabel}\n        />\n        <SwitchTrack\n          size={size}\n          deviceType={matchedDeviceType}\n          isDisabled={Boolean(isDisabled)}\n          isChecked={state.isChecked}\n          {...makeAccessible({ hidden: true })}\n        >\n          <Thumb size={size} deviceType={matchedDeviceType} isChecked={state.isChecked}>\n            <AnimatedThumb\n              isPressed={isPressed}\n              isChecked={state.isChecked}\n              isDisabled={isDisabled}\n              size={size}\n            >\n              <ThumbIcon isChecked={state.isChecked} isDisabled={isDisabled} size={size} />\n            </AnimatedThumb>\n          </Thumb>\n        </SwitchTrack>\n      </SelectorLabel>\n    </BaseBox>\n  );\n};\n\nconst Switch = assignWithoutSideEffects(React.forwardRef(_Switch), {\n  displayName: 'Switch',\n});\n\nexport { Switch };\n"],"names":["_Switch","_ref","ref","defaultChecked","isChecked","isDisabled","name","onChange","_ref$size","size","value","accessibilityLabel","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","_useCheckbox","useCheckbox","role","isIndeterminate","hasError","hasHelperText","isRequired","state","inputProps","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","_jsx","BaseBox","_objectSpread","metaAttribute","MetaConstants","Switch","display","isReactNative","getStyledProps","children","_jsxs","SelectorLabel","componentName","SwitchLabel","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","onMouseOut","onKeyDown","onKeyUp","style","cursor","makeAccessible","label","SelectorInput","hoverTokens","switchHoverTokens","SwitchTrack","deviceType","Boolean","hidden","Thumb","AnimatedThumb","ThumbIcon","assignWithoutSideEffects","forwardRef","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAMA,OAAqE,GAAG,SAAxEA,OAAqEA,CAAAC,IAAA,EAazEC,GAAG,EACoB;AAAA,EAAA,IAZrBC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IACdC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,UAAU,GAAAJ,IAAA,CAAVI,UAAU;IACVC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IACJC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAAC,SAAA,GAAAP,IAAA,CACRQ,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IACfE,KAAK,GAAAT,IAAA,CAALS,KAAK;IACLC,kBAAkB,GAAAV,IAAA,CAAlBU,kBAAkB;IAClBC,MAAM,GAAAX,IAAA,CAANW,MAAM;AACHC,IAAAA,WAAW,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA,CAAA;AAIhB,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EACb,IAAAC,cAAA,GAA8BC,aAAa,CAAC;MAAEC,WAAW,EAAEH,KAAK,CAACG,WAAAA;AAAY,KAAC,CAAC;IAAvEC,iBAAiB,GAAAH,cAAA,CAAjBG,iBAAiB,CAAA;AACzB,EAAA,IAAAC,eAAA,GAAkCC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAAhDK,IAAAA,SAAS,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;EAC9B,IAAAI,YAAA,GAA8BC,WAAW,CAAC;AACxCC,MAAAA,IAAI,EAAE,QAAQ;AACd7B,MAAAA,cAAc,EAAdA,cAAc;AACdC,MAAAA,SAAS,EAATA,SAAS;AACT6B,MAAAA,eAAe,EAAE,KAAK;AACtBC,MAAAA,QAAQ,EAAE,KAAK;AACfC,MAAAA,aAAa,EAAE,KAAK;AACpB9B,MAAAA,UAAU,EAAVA,UAAU;AACV+B,MAAAA,UAAU,EAAE,KAAK;AACjB9B,MAAAA,IAAI,EAAJA,IAAI;AACJI,MAAAA,KAAK,EAALA,KAAK;AACLH,MAAAA,QAAQ,EAARA,QAAAA;AACF,KAAC,CAAC;IAZM8B,KAAK,GAAAP,YAAA,CAALO,KAAK;IAAEC,UAAU,GAAAR,YAAA,CAAVQ,UAAU,CAAA;AAczB,EAAA,IAAMC,sBAAsB,GAAGf,cAAK,CAACgB,WAAW,CAAC,YAAM;AACrD,IAAA,IAAInC,UAAU,EAAE,OAAA;IAChBwB,YAAY,CAAC,IAAI,CAAC,CAAA;AACpB,GAAC,EAAE,CAACxB,UAAU,CAAC,CAAC,CAAA;AAEhB,EAAA,IAAMoC,uBAAuB,GAAGjB,cAAK,CAACgB,WAAW,CAAC,YAAM;AACtD,IAAA,IAAInC,UAAU,EAAE,OAAA;IAChBwB,YAAY,CAAC,KAAK,CAAC,CAAA;AACrB,GAAC,EAAE,CAACxB,UAAU,CAAC,CAAC,CAAA;EAEhB,IAAMqC,uBAAuB,GAAGlB,cAAK,CAACgB,WAAW,CAC/C,UAACG,CAAsB,EAAK;AAC1B,IAAA,IAAItC,UAAU,EAAE,OAAA;AAChB,IAAA,IAAIsC,CAAC,CAACC,GAAG,KAAK,GAAG,EAAE;MACjBf,YAAY,CAAC,IAAI,CAAC,CAAA;AACpB,KAAA;AACF,GAAC,EACD,CAACxB,UAAU,CACb,CAAC,CAAA;EAED,IAAMwC,wBAAwB,GAAGrB,cAAK,CAACgB,WAAW,CAChD,UAACG,CAAsB,EAAK;AAC1B,IAAA,IAAItC,UAAU,EAAE,OAAA;AAChB,IAAA,IAAIsC,CAAC,CAACC,GAAG,KAAK,GAAG,EAAE;MACjBf,YAAY,CAAC,KAAK,CAAC,CAAA;AACrB,KAAA;AACF,GAAC,EACD,CAACxB,UAAU,CACb,CAAC,CAAA;EAED,oBACEyC,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CACFC,EAAAA,EAAAA,aAAa,CAAC;AAAErC,IAAAA,MAAM,EAANA,MAAM;IAAEN,IAAI,EAAE4C,aAAa,CAACC,MAAAA;AAAO,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AACzD;AACAC,IAAAA,OAAO,EAAEf,KAAK,CAACgB,aAAa,GAAG,MAAM,GAAG,cAAA;GACpCC,EAAAA,cAAc,CAACzC,WAAW,CAAC,CAAA,EAAA,EAAA,EAAA;IAAA0C,QAAA,eAE/BC,IAAA,CAACC,aAAa,EAAA;MACZC,aAAa,EAAER,aAAa,CAACS,WAAY;AACzCC,MAAAA,YAAY,EAAErB,sBAAuB;AACrCsB,MAAAA,UAAU,EAAEpB,uBAAwB;AACpCqB,MAAAA,WAAW,EAAEvB,sBAAuB;AACpCwB,MAAAA,SAAS,EAAEtB,uBAAwB;AACnCuB,MAAAA,UAAU,EAAEvB,uBAAwB;AACpCwB,MAAAA,SAAS,EAAEvB,uBAAwB;AACnCwB,MAAAA,OAAO,EAAErB,wBAAyB;AAClCsB,MAAAA,KAAK,EAAE;AAAEC,QAAAA,MAAM,EAAE/D,UAAU,GAAG,aAAa,GAAG,SAAA;OAAY;AAC1DiC,MAAAA,UAAU,EACRD,KAAK,CAACgB,aAAa;AAEf;AAAAL,MAAAA,aAAA,CAAAA,aAAA,CAAA,EAAA,EACKV,UAAU,CAAA,EAAK+B,cAAc,CAAC;AAAEC,QAAAA,KAAK,EAAE3D,kBAAAA;OAAoB,CAAC,CACjE,GAAA,EACL;MAAA4C,QAAA,EAAA,cAEDT,GAAA,CAACyB,aAAa,EAAA;AACZC,QAAAA,WAAW,EAAEC,iBAAkB;AAC/BvE,QAAAA,GAAG,EAAEA,GAAI;QACTE,SAAS,EAAEiC,KAAK,CAACjC,SAAU;AAC3BC,QAAAA,UAAU,EAAEA,UAAW;AACvB6B,QAAAA,QAAQ,EAAE,KAAM;AAChBI,QAAAA,UAAU,EAAEA,UAAW;AACvB3B,QAAAA,kBAAkB,EAAEA,kBAAAA;OACrB,CAAC,eACFmC,GAAA,CAAC4B,WAAW,EAAA1B,aAAA,CAAAA,aAAA,CAAA;AACVvC,QAAAA,IAAI,EAAEA,IAAK;AACXkE,QAAAA,UAAU,EAAErD,iBAAkB;AAC9BjB,QAAAA,UAAU,EAAEuE,OAAO,CAACvE,UAAU,CAAE;QAChCD,SAAS,EAAEiC,KAAK,CAACjC,SAAAA;AAAU,OAAA,EACvBiE,cAAc,CAAC;AAAEQ,QAAAA,MAAM,EAAE,IAAA;AAAK,OAAC,CAAC,CAAA,EAAA,EAAA,EAAA;QAAAtB,QAAA,eAEpCT,GAAA,CAACgC,KAAK,EAAA;AAACrE,UAAAA,IAAI,EAAEA,IAAK;AAACkE,UAAAA,UAAU,EAAErD,iBAAkB;UAAClB,SAAS,EAAEiC,KAAK,CAACjC,SAAU;UAAAmD,QAAA,eAC3ET,GAAA,CAACiC,aAAa,EAAA;AACZnD,YAAAA,SAAS,EAAEA,SAAU;YACrBxB,SAAS,EAAEiC,KAAK,CAACjC,SAAU;AAC3BC,YAAAA,UAAU,EAAEA,UAAW;AACvBI,YAAAA,IAAI,EAAEA,IAAK;YAAA8C,QAAA,eAEXT,GAAA,CAACkC,SAAS,EAAA;cAAC5E,SAAS,EAAEiC,KAAK,CAACjC,SAAU;AAACC,cAAAA,UAAU,EAAEA,UAAW;AAACI,cAAAA,IAAI,EAAEA,IAAAA;aAAO,CAAA;WAC/D,CAAA;SACV,CAAA;AAAC,OAAA,CACG,CAAC,CAAA;KACD,CAAA;AAAC,GAAA,CACT,CAAC,CAAA;AAEd,CAAC,CAAA;AAEK0C,IAAAA,MAAM,gBAAG8B,wBAAwB,eAACzD,cAAK,CAAC0D,UAAU,CAAClF,OAAO,CAAC,EAAE;AACjEmF,EAAAA,WAAW,EAAE,QAAA;AACf,CAAC;;;;"}
+{"version":3,"file":"Switch.js","sources":["../../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\n/* eslint-disable @typescript-eslint/prefer-ts-expect-error */\nimport React from 'react';\nimport { ThumbIcon } from './ThumbIcon';\nimport type { SwitchProps } from './types';\nimport { switchHoverTokens } from './switchTokens';\nimport { Thumb } from './Thumb';\nimport { AnimatedThumb } from './AnimatedThumb';\nimport { SwitchTrack } from './SwitchTrack';\nimport { useTheme } from '~components/BladeProvider';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { useCheckbox } from '~components/Checkbox/useCheckbox';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport { useBreakpoint } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _Switch: React.ForwardRefRenderFunction<BladeElementRef, SwitchProps> = (\n  {\n    defaultChecked,\n    isChecked,\n    isDisabled,\n    name,\n    onChange,\n    size = 'medium',\n    value,\n    accessibilityLabel,\n    testID,\n    ...rest\n  },\n  ref,\n): React.ReactElement => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const [isPressed, setIsPressed] = React.useState(false);\n  const { state, inputProps } = useCheckbox({\n    role: 'switch',\n    defaultChecked,\n    isChecked,\n    isIndeterminate: false,\n    hasError: false,\n    hasHelperText: false,\n    isDisabled,\n    isRequired: false,\n    name,\n    value,\n    onChange,\n  });\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (isDisabled) return;\n    setIsPressed(true);\n  }, [isDisabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (isDisabled) return;\n    setIsPressed(false);\n  }, [isDisabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(true);\n      }\n    },\n    [isDisabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(false);\n      }\n    },\n    [isDisabled],\n  );\n\n  return (\n    <BaseBox\n      {...metaAttribute({ testID, name: MetaConstants.Switch })}\n      // @ts-ignore on rn inline-block is not valid but type here will be `flex | inline-block`\n      display={state.isReactNative ? 'flex' : 'inline-block'}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <SelectorLabel\n        componentName={MetaConstants.SwitchLabel}\n        onTouchStart={handlePointerPressedIn}\n        onTouchEnd={handlePointerPressedOut}\n        onMouseDown={handlePointerPressedIn}\n        onMouseUp={handlePointerPressedOut}\n        onMouseOut={handlePointerPressedOut}\n        onKeyDown={handleKeyboardPressedIn}\n        onKeyUp={handleKeyboardPressedOut}\n        style={{ cursor: isDisabled ? 'not-allowed' : 'pointer' }}\n        inputProps={\n          state.isReactNative\n            ? // accessibility label for react-native needs to be added\n              // since there is no text children inside Switch\n              { ...inputProps, ...makeAccessible({ label: accessibilityLabel }) }\n            : {}\n        }\n      >\n        <SelectorInput\n          hoverTokens={switchHoverTokens}\n          ref={ref}\n          isChecked={state.isChecked}\n          isDisabled={isDisabled}\n          hasError={false}\n          inputProps={inputProps}\n          accessibilityLabel={accessibilityLabel}\n        />\n        <SwitchTrack\n          size={size}\n          deviceType={matchedDeviceType}\n          isDisabled={Boolean(isDisabled)}\n          isChecked={state.isChecked}\n          {...makeAccessible({ hidden: true })}\n        >\n          <Thumb size={size} deviceType={matchedDeviceType} isChecked={state.isChecked}>\n            <AnimatedThumb\n              isPressed={isPressed}\n              isChecked={state.isChecked}\n              isDisabled={isDisabled}\n              size={size}\n            >\n              <ThumbIcon isChecked={state.isChecked} isDisabled={isDisabled} size={size} />\n            </AnimatedThumb>\n          </Thumb>\n        </SwitchTrack>\n      </SelectorLabel>\n    </BaseBox>\n  );\n};\n\nconst Switch = assignWithoutSideEffects(React.forwardRef(_Switch), {\n  displayName: 'Switch',\n});\n\nexport { Switch };\n"],"names":["_Switch","_ref","ref","defaultChecked","isChecked","isDisabled","name","onChange","_ref$size","size","value","accessibilityLabel","testID","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","_useCheckbox","useCheckbox","role","isIndeterminate","hasError","hasHelperText","isRequired","state","inputProps","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","_jsx","BaseBox","_objectSpread","metaAttribute","MetaConstants","Switch","display","isReactNative","getStyledProps","makeAnalyticsAttribute","children","_jsxs","SelectorLabel","componentName","SwitchLabel","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","onMouseOut","onKeyDown","onKeyUp","style","cursor","makeAccessible","label","SelectorInput","hoverTokens","switchHoverTokens","SwitchTrack","deviceType","Boolean","hidden","Thumb","AnimatedThumb","ThumbIcon","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}

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

@@ -25,6 +25,7 @@ import '../BladeProvider/index.js';
 import getIn from '../../utils/lodashButBetter/get.js';
 import '../../utils/makeAccessible/index.js';
 import { useIsMobile } from '../../utils/useIsMobile.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { getComponentId, isValidAllowedChildren } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import useTheme from '../BladeProvider/useTheme.js';
@@ -35,6 +36,7 @@ import { throwBladeError } from '../../utils/logger/logger.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { Spinner } from '../Spinner/Spinner/Spinner.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
@@ -130,7 +132,7 @@ var _Table = function _Table(_ref3) {
     showBorderedCells = _ref3$showBorderedCel === void 0 ? false : _ref3$showBorderedCel,
     _ref3$defaultSelected = _ref3.defaultSelectedIds,
     defaultSelectedIds = _ref3$defaultSelected === void 0 ? [] : _ref3$defaultSelected,
-    styledProps = _objectWithoutProperties(_ref3, _excluded);
+    rest = _objectWithoutProperties(_ref3, _excluded);
   var _useTheme2 = useTheme(),
     theme = _useTheme2.theme;
   var _React$useState = React__default.useState(selectionType !== 'none' ? defaultSelectedIds : []),
@@ -322,15 +324,15 @@ var _Table = function _Table(_ref3) {
   }, [selectionType, selectedRows, totalItems, toggleRowSelectionById, toggleAllRowsSelection, deselectAllRows, rowDensity, toggleSort, currentSortedState, setPaginationPage, setPaginationRowSize, currentPaginationState, showStripedRows, disabledRows, setDisabledRows, paginationType, setPaginationType, backgroundColor, headerRowDensity, setHeaderRowDensity, showBorderedCells, hasHoverActions, setHasHoverActions]);
   return /*#__PURE__*/jsx(TableContext.Provider, {
     value: tableContext,
-    children: isLoading ? /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({
+    children: isLoading ? /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
       display: "flex",
       flex: 1,
       alignItems: "center",
       justifyContent: "center",
       height: height
-    }, getStyledProps(styledProps)), metaAttribute({
+    }, getStyledProps(rest)), metaAttribute({
       name: MetaConstants.Table
-    })), {}, {
+    })), makeAnalyticsAttribute(rest)), {}, {
       children: /*#__PURE__*/jsx(Spinner, {
         accessibilityLabel: "Loading Table",
         size: "large",
@@ -339,7 +341,7 @@ var _Table = function _Table(_ref3) {
     })) : /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread({
       flex: 1,
       position: "relative"
-    }, getStyledProps(styledProps)), metaAttribute({
+    }, getStyledProps(rest)), metaAttribute({
       name: MetaConstants.Table
     })), {}, {
       children: [isRefreshSpinnerMounted && /*#__PURE__*/jsx(RefreshWrapper, {
@@ -359,7 +361,7 @@ var _Table = function _Table(_ref3) {
           accessibilityLabel: "Refreshing Table",
           size: "large"
         })
-      }), toolbar, /*#__PURE__*/jsx(StyledReactTable, _objectSpread(_objectSpread(_objectSpread({
+      }), toolbar, /*#__PURE__*/jsx(StyledReactTable, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
         role: "table",
         layout: {
           fixedHeader: shouldHeaderBeSticky,
@@ -379,7 +381,7 @@ var _Table = function _Table(_ref3) {
         multiSelectable: selectionType === 'multiple'
       })), metaAttribute({
         name: MetaConstants.Table
-      })), {}, {
+      })), makeAnalyticsAttribute(rest)), {}, {
         children: children
       })), pagination]
     }))