@razorpay/blade 11.14.0 → 11.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/lib/native/components/Amount/Amount.js.map +1 -1
- package/build/lib/native/components/Box/BaseBox/baseBoxStyles.js +1 -1
- package/build/lib/native/components/Box/BaseBox/baseBoxStyles.js.map +1 -1
- package/build/lib/native/components/Box/BaseBox/types/propsTypes.js.map +1 -1
- package/build/lib/native/components/Box/Box.js +1 -1
- package/build/lib/native/components/Box/Box.js.map +1 -1
- package/build/lib/native/components/Box/styledProps/getStyledProps.js +1 -1
- package/build/lib/native/components/Box/styledProps/getStyledProps.js.map +1 -1
- package/build/lib/native/components/Indicator/Indicator.js +1 -1
- package/build/lib/native/components/Indicator/Indicator.js.map +1 -1
- package/build/lib/native/components/StepGroup/StepGroup.native.js +17 -0
- package/build/lib/native/components/StepGroup/StepGroup.native.js.map +1 -0
- package/build/lib/native/components/StepGroup/StepGroupContext.js +6 -0
- package/build/lib/native/components/StepGroup/StepGroupContext.js.map +1 -0
- package/build/lib/native/components/StepGroup/StepItem.native.js +17 -0
- package/build/lib/native/components/StepGroup/StepItem.native.js.map +1 -0
- package/build/lib/native/components/StepGroup/StepItemMarker.js +15 -0
- package/build/lib/native/components/StepGroup/StepItemMarker.js.map +1 -0
- package/build/lib/native/components/StepGroup/tokens.js +8 -0
- package/build/lib/native/components/StepGroup/tokens.js.map +1 -0
- package/build/lib/native/components/index.js +3 -0
- package/build/lib/native/components/index.js.map +1 -1
- package/build/lib/native/tokens/global/size.js +1 -1
- package/build/lib/native/tokens/global/size.js.map +1 -1
- package/build/lib/native/utils/metaAttribute/metaConstants.js +1 -1
- package/build/lib/native/utils/metaAttribute/metaConstants.js.map +1 -1
- package/build/lib/web/development/components/Amount/Amount.js +7 -2
- package/build/lib/web/development/components/Amount/Amount.js.map +1 -1
- package/build/lib/web/development/components/Box/BaseBox/baseBoxStyles.js +17 -5
- package/build/lib/web/development/components/Box/BaseBox/baseBoxStyles.js.map +1 -1
- package/build/lib/web/development/components/Box/BaseBox/types/propsTypes.js.map +1 -1
- package/build/lib/web/development/components/Box/Box.js +5 -0
- package/build/lib/web/development/components/Box/Box.js.map +1 -1
- package/build/lib/web/development/components/Box/styledProps/getStyledProps.js +2 -1
- package/build/lib/web/development/components/Box/styledProps/getStyledProps.js.map +1 -1
- package/build/lib/web/development/components/Indicator/Indicator.js +1 -1
- package/build/lib/web/development/components/Indicator/Indicator.js.map +1 -1
- package/build/lib/web/development/components/StepGroup/StepGroup.web.js +138 -0
- package/build/lib/web/development/components/StepGroup/StepGroup.web.js.map +1 -0
- package/build/lib/web/development/components/StepGroup/StepGroupContext.js +15 -0
- package/build/lib/web/development/components/StepGroup/StepGroupContext.js.map +1 -0
- package/build/lib/web/development/components/StepGroup/StepItem.web.js +224 -0
- package/build/lib/web/development/components/StepGroup/StepItem.web.js.map +1 -0
- package/build/lib/web/development/components/StepGroup/StepItemMarker.js +65 -0
- package/build/lib/web/development/components/StepGroup/StepItemMarker.js.map +1 -0
- package/build/lib/web/development/components/StepGroup/StepLine.web.js +336 -0
- package/build/lib/web/development/components/StepGroup/StepLine.web.js.map +1 -0
- package/build/lib/web/development/components/StepGroup/componentIds.js +7 -0
- package/build/lib/web/development/components/StepGroup/componentIds.js.map +1 -0
- package/build/lib/web/development/components/StepGroup/index.js +4 -0
- package/build/lib/web/development/components/StepGroup/index.js.map +1 -0
- package/build/lib/web/development/components/StepGroup/tokens.js +62 -0
- package/build/lib/web/development/components/StepGroup/tokens.js.map +1 -0
- package/build/lib/web/development/components/index.js +4 -0
- package/build/lib/web/development/components/index.js.map +1 -1
- package/build/lib/web/development/tokens/global/size.js +4 -0
- package/build/lib/web/development/tokens/global/size.js.map +1 -1
- package/build/lib/web/development/utils/metaAttribute/metaConstants.js +3 -1
- package/build/lib/web/development/utils/metaAttribute/metaConstants.js.map +1 -1
- package/build/lib/web/development/utils/omitPropsFromHTML/index.js +1 -1
- package/build/lib/web/development/utils/omitPropsFromHTML/index.js.map +1 -1
- package/build/lib/web/production/components/Amount/Amount.js +7 -2
- package/build/lib/web/production/components/Amount/Amount.js.map +1 -1
- package/build/lib/web/production/components/Box/BaseBox/baseBoxStyles.js +17 -5
- package/build/lib/web/production/components/Box/BaseBox/baseBoxStyles.js.map +1 -1
- package/build/lib/web/production/components/Box/BaseBox/types/propsTypes.js.map +1 -1
- package/build/lib/web/production/components/Box/Box.js +5 -0
- package/build/lib/web/production/components/Box/Box.js.map +1 -1
- package/build/lib/web/production/components/Box/styledProps/getStyledProps.js +2 -1
- package/build/lib/web/production/components/Box/styledProps/getStyledProps.js.map +1 -1
- package/build/lib/web/production/components/Indicator/Indicator.js +1 -1
- package/build/lib/web/production/components/Indicator/Indicator.js.map +1 -1
- package/build/lib/web/production/components/StepGroup/StepGroup.web.js +138 -0
- package/build/lib/web/production/components/StepGroup/StepGroup.web.js.map +1 -0
- package/build/lib/web/production/components/StepGroup/StepGroupContext.js +15 -0
- package/build/lib/web/production/components/StepGroup/StepGroupContext.js.map +1 -0
- package/build/lib/web/production/components/StepGroup/StepItem.web.js +224 -0
- package/build/lib/web/production/components/StepGroup/StepItem.web.js.map +1 -0
- package/build/lib/web/production/components/StepGroup/StepItemMarker.js +65 -0
- package/build/lib/web/production/components/StepGroup/StepItemMarker.js.map +1 -0
- package/build/lib/web/production/components/StepGroup/StepLine.web.js +336 -0
- package/build/lib/web/production/components/StepGroup/StepLine.web.js.map +1 -0
- package/build/lib/web/production/components/StepGroup/componentIds.js +7 -0
- package/build/lib/web/production/components/StepGroup/componentIds.js.map +1 -0
- package/build/lib/web/production/components/StepGroup/index.js +4 -0
- package/build/lib/web/production/components/StepGroup/index.js.map +1 -0
- package/build/lib/web/production/components/StepGroup/tokens.js +62 -0
- package/build/lib/web/production/components/StepGroup/tokens.js.map +1 -0
- package/build/lib/web/production/components/index.js +4 -0
- package/build/lib/web/production/components/index.js.map +1 -1
- package/build/lib/web/production/tokens/global/size.js +4 -0
- package/build/lib/web/production/tokens/global/size.js.map +1 -1
- package/build/lib/web/production/utils/metaAttribute/metaConstants.js +3 -1
- package/build/lib/web/production/utils/metaAttribute/metaConstants.js.map +1 -1
- package/build/lib/web/production/utils/omitPropsFromHTML/index.js +1 -1
- package/build/lib/web/production/utils/omitPropsFromHTML/index.js.map +1 -1
- package/build/types/components/index.d.ts +1905 -81
- package/build/types/components/index.native.d.ts +944 -94
- package/build/types/tokens/index.d.ts +4 -0
- package/build/types/tokens/index.native.d.ts +4 -0
- package/package.json +3 -2
|
@@ -0,0 +1,336 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
+
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
+
import { encode } from 'universal-base64';
|
|
4
|
+
import { StepItemIndicator } from './StepItemMarker.js';
|
|
5
|
+
import { useStepGroup } from './StepGroupContext.js';
|
|
6
|
+
import { markerLineDotWidth, markerLineDotSpacing, markerLineWidth, getMarkerLineSpacings, itemTopMargin } from './tokens.js';
|
|
7
|
+
import '../Box/index.js';
|
|
8
|
+
import '../Box/BaseBox/index.js';
|
|
9
|
+
import '../Icons/_Svg/index.js';
|
|
10
|
+
import '../../utils/index.js';
|
|
11
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
12
|
+
import useTheme from '../BladeProvider/useTheme.js';
|
|
13
|
+
import { makeSize } from '../../utils/makeSize/makeSize.js';
|
|
14
|
+
import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
|
|
15
|
+
import Svg from '../Icons/_Svg/Svg/Svg.web.js';
|
|
16
|
+
import Path from '../Icons/_Svg/Path/Path.web.js';
|
|
17
|
+
import { Box } from '../Box/Box.js';
|
|
18
|
+
|
|
19
|
+
var _excluded = ["isDotted", "width"],
|
|
20
|
+
_excluded2 = ["height", "isDotted"],
|
|
21
|
+
_excluded3 = ["isDotted"],
|
|
22
|
+
_excluded4 = ["isDotted"];
|
|
23
|
+
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; }
|
|
24
|
+
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; }
|
|
25
|
+
var useDottedLineStyles = function useDottedLineStyles() {
|
|
26
|
+
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
27
|
+
isHorizontal = _ref.isHorizontal;
|
|
28
|
+
var _useTheme = useTheme(),
|
|
29
|
+
theme = _useTheme.theme;
|
|
30
|
+
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 ");
|
|
31
|
+
var backgroundURL = "url(data:image/svg+xml;base64,".concat(encode(svgString), ")");
|
|
32
|
+
return {
|
|
33
|
+
backgroundImage: backgroundURL,
|
|
34
|
+
backgroundPosition: isHorizontal ? 'left' : 'top',
|
|
35
|
+
backgroundSize: isHorizontal ? "".concat(makeSize(markerLineDotWidth + markerLineDotSpacing), " ").concat(makeSize(markerLineDotWidth)) : "".concat(makeSize(markerLineDotWidth), " ").concat(makeSize(markerLineDotWidth + markerLineDotSpacing), " "),
|
|
36
|
+
backgroundRepeat: isHorizontal ? 'round no-repeat' : 'no-repeat round'
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
var StepStraightLineHorizontal = function StepStraightLineHorizontal(_ref2) {
|
|
40
|
+
var isDotted = _ref2.isDotted,
|
|
41
|
+
width = _ref2.width,
|
|
42
|
+
styledProps = _objectWithoutProperties(_ref2, _excluded);
|
|
43
|
+
var dottedStyles = useDottedLineStyles({
|
|
44
|
+
isHorizontal: true
|
|
45
|
+
});
|
|
46
|
+
var borderStyles = isDotted ? dottedStyles : {
|
|
47
|
+
borderTopWidth: 'thicker',
|
|
48
|
+
borderTopColor: 'surface.border.gray.subtle'
|
|
49
|
+
};
|
|
50
|
+
return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({
|
|
51
|
+
height: makeSize(markerLineWidth),
|
|
52
|
+
flex: "1"
|
|
53
|
+
}, borderStyles), styledProps));
|
|
54
|
+
};
|
|
55
|
+
var StepStraightLineVertical = function StepStraightLineVertical(_ref3) {
|
|
56
|
+
var height = _ref3.height,
|
|
57
|
+
isDotted = _ref3.isDotted,
|
|
58
|
+
styledProps = _objectWithoutProperties(_ref3, _excluded2);
|
|
59
|
+
var dottedStyles = useDottedLineStyles();
|
|
60
|
+
var borderStyles = isDotted ? dottedStyles : {
|
|
61
|
+
borderLeftWidth: 'thicker',
|
|
62
|
+
borderLeftColor: 'surface.border.gray.subtle'
|
|
63
|
+
};
|
|
64
|
+
return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({
|
|
65
|
+
height: height ? makeSize(height) : undefined,
|
|
66
|
+
flex: height ? undefined : '1',
|
|
67
|
+
width: makeSize(markerLineWidth)
|
|
68
|
+
}, borderStyles), styledProps));
|
|
69
|
+
};
|
|
70
|
+
var StepTopCurveVertical = function StepTopCurveVertical(_ref4) {
|
|
71
|
+
var isDotted = _ref4.isDotted,
|
|
72
|
+
styledProps = _objectWithoutProperties(_ref4, _excluded3);
|
|
73
|
+
var _useTheme2 = useTheme(),
|
|
74
|
+
theme = _useTheme2.theme;
|
|
75
|
+
return isDotted ? /*#__PURE__*/jsxs(Svg, {
|
|
76
|
+
width: "21",
|
|
77
|
+
height: "15",
|
|
78
|
+
marginLeft: "-1px",
|
|
79
|
+
viewBox: "0 0 21 15",
|
|
80
|
+
fill: theme.colors.surface.border.gray.subtle,
|
|
81
|
+
children: [/*#__PURE__*/jsx(Path, {
|
|
82
|
+
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"
|
|
83
|
+
}), /*#__PURE__*/jsx(Path, {
|
|
84
|
+
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"
|
|
85
|
+
}), /*#__PURE__*/jsx(Path, {
|
|
86
|
+
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"
|
|
87
|
+
}), /*#__PURE__*/jsx(Path, {
|
|
88
|
+
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"
|
|
89
|
+
}), /*#__PURE__*/jsx(Path, {
|
|
90
|
+
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"
|
|
91
|
+
}), /*#__PURE__*/jsx(Path, {
|
|
92
|
+
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"
|
|
93
|
+
})]
|
|
94
|
+
}) : /*#__PURE__*/jsx(Svg, _objectSpread(_objectSpread({
|
|
95
|
+
width: "20",
|
|
96
|
+
height: "14",
|
|
97
|
+
viewBox: "0 0 20 14",
|
|
98
|
+
fill: "none"
|
|
99
|
+
}, styledProps), {}, {
|
|
100
|
+
children: /*#__PURE__*/jsx(Path, {
|
|
101
|
+
d: "M1 0V1C1 7.62742 6.37258 13 13 13H20",
|
|
102
|
+
stroke: theme.colors.surface.border.gray.subtle,
|
|
103
|
+
strokeWidth: "2"
|
|
104
|
+
})
|
|
105
|
+
}));
|
|
106
|
+
};
|
|
107
|
+
var StepBottomCurveVertical = function StepBottomCurveVertical(_ref5) {
|
|
108
|
+
var isDotted = _ref5.isDotted,
|
|
109
|
+
styledProps = _objectWithoutProperties(_ref5, _excluded4);
|
|
110
|
+
var _useTheme3 = useTheme(),
|
|
111
|
+
theme = _useTheme3.theme;
|
|
112
|
+
return isDotted ? /*#__PURE__*/jsxs(Svg, {
|
|
113
|
+
width: "35",
|
|
114
|
+
height: "26",
|
|
115
|
+
viewBox: "0 0 35 26",
|
|
116
|
+
fill: theme.colors.surface.border.gray.subtle,
|
|
117
|
+
children: [/*#__PURE__*/jsx(Path, {
|
|
118
|
+
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"
|
|
119
|
+
}), /*#__PURE__*/jsx(Path, {
|
|
120
|
+
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"
|
|
121
|
+
}), /*#__PURE__*/jsx(Path, {
|
|
122
|
+
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"
|
|
123
|
+
}), /*#__PURE__*/jsx(Path, {
|
|
124
|
+
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"
|
|
125
|
+
}), /*#__PURE__*/jsx(Path, {
|
|
126
|
+
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"
|
|
127
|
+
}), /*#__PURE__*/jsx(Path, {
|
|
128
|
+
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"
|
|
129
|
+
}), /*#__PURE__*/jsx(Path, {
|
|
130
|
+
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"
|
|
131
|
+
}), /*#__PURE__*/jsx(Path, {
|
|
132
|
+
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"
|
|
133
|
+
})]
|
|
134
|
+
}) : /*#__PURE__*/jsx(Svg, _objectSpread(_objectSpread({
|
|
135
|
+
width: "35",
|
|
136
|
+
height: "25",
|
|
137
|
+
viewBox: "0 0 35 25",
|
|
138
|
+
fill: "none"
|
|
139
|
+
}, styledProps), {}, {
|
|
140
|
+
children: /*#__PURE__*/jsx(Path, {
|
|
141
|
+
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",
|
|
142
|
+
stroke: theme.colors.surface.border.gray.subtle,
|
|
143
|
+
strokeWidth: "2"
|
|
144
|
+
})
|
|
145
|
+
}));
|
|
146
|
+
};
|
|
147
|
+
var defaultMarker = /*#__PURE__*/jsx(StepItemIndicator, {
|
|
148
|
+
color: "neutral"
|
|
149
|
+
});
|
|
150
|
+
var StepLineVertical = function StepLineVertical(_ref6) {
|
|
151
|
+
var _ref6$marker = _ref6.marker,
|
|
152
|
+
marker = _ref6$marker === void 0 ? defaultMarker : _ref6$marker,
|
|
153
|
+
stepProgress = _ref6.stepProgress,
|
|
154
|
+
isIndented = _ref6.isIndented,
|
|
155
|
+
shouldShowStartBranch = _ref6.shouldShowStartBranch,
|
|
156
|
+
shouldShowEndBranch = _ref6.shouldShowEndBranch;
|
|
157
|
+
var _useStepGroup = useStepGroup(),
|
|
158
|
+
size = _useStepGroup.size;
|
|
159
|
+
var spacingTokens = getMarkerLineSpacings(size);
|
|
160
|
+
return /*#__PURE__*/jsxs(Box, {
|
|
161
|
+
position: "relative",
|
|
162
|
+
marginLeft: isIndented ? makeSize(spacingTokens.indentationWidth) : undefined,
|
|
163
|
+
display: "flex",
|
|
164
|
+
flexDirection: "column",
|
|
165
|
+
children: [/*#__PURE__*/jsx(StepStraightLineVertical, {
|
|
166
|
+
height: itemTopMargin,
|
|
167
|
+
isDotted: stepProgress === 'none' || stepProgress === 'end',
|
|
168
|
+
visibility: shouldShowStartBranch ? 'visible' : 'hidden'
|
|
169
|
+
}), /*#__PURE__*/jsx(Box, {
|
|
170
|
+
marginLeft: makeSize(-spacingTokens.markerLeftAlignment),
|
|
171
|
+
children: marker
|
|
172
|
+
}), /*#__PURE__*/jsx(StepStraightLineVertical, {
|
|
173
|
+
isDotted: stepProgress === 'none' || stepProgress === 'start',
|
|
174
|
+
visibility: shouldShowEndBranch ? 'visible' : 'hidden'
|
|
175
|
+
})]
|
|
176
|
+
});
|
|
177
|
+
};
|
|
178
|
+
var StepLineStart = function StepLineStart(_ref7) {
|
|
179
|
+
var _ref7$marker = _ref7.marker,
|
|
180
|
+
marker = _ref7$marker === void 0 ? defaultMarker : _ref7$marker,
|
|
181
|
+
stepProgress = _ref7.stepProgress,
|
|
182
|
+
shouldShowStartBranch = _ref7.shouldShowStartBranch,
|
|
183
|
+
shouldShowEndBranch = _ref7.shouldShowEndBranch;
|
|
184
|
+
var _useStepGroup2 = useStepGroup(),
|
|
185
|
+
size = _useStepGroup2.size;
|
|
186
|
+
var spacingTokens = getMarkerLineSpacings(size);
|
|
187
|
+
return /*#__PURE__*/jsxs(Box, {
|
|
188
|
+
position: "relative",
|
|
189
|
+
display: "flex",
|
|
190
|
+
flexDirection: "column",
|
|
191
|
+
children: [/*#__PURE__*/jsx(StepStraightLineVertical, {
|
|
192
|
+
height: itemTopMargin,
|
|
193
|
+
visibility: shouldShowStartBranch ? 'visible' : 'hidden',
|
|
194
|
+
isDotted: stepProgress === 'none' || stepProgress === 'end'
|
|
195
|
+
}), /*#__PURE__*/jsx(StepTopCurveVertical, {
|
|
196
|
+
visibility: shouldShowStartBranch ? 'visible' : 'hidden',
|
|
197
|
+
isDotted: stepProgress === 'none' || stepProgress === 'end'
|
|
198
|
+
}), /*#__PURE__*/jsx(Box, {
|
|
199
|
+
marginLeft: makeSize(-spacingTokens.markerLeftAlignment + spacingTokens.indentationWidth),
|
|
200
|
+
marginTop: makeSize(spacingTokens.markerTopAlignment),
|
|
201
|
+
children: marker
|
|
202
|
+
}), /*#__PURE__*/jsx(StepStraightLineVertical, {
|
|
203
|
+
visibility: shouldShowEndBranch ? 'visible' : 'hidden',
|
|
204
|
+
marginLeft: makeSize(spacingTokens.indentationWidth),
|
|
205
|
+
isDotted: stepProgress === 'none' || stepProgress === 'start'
|
|
206
|
+
})]
|
|
207
|
+
});
|
|
208
|
+
};
|
|
209
|
+
var StepLineEnd = function StepLineEnd(_ref8) {
|
|
210
|
+
var _ref8$marker = _ref8.marker,
|
|
211
|
+
marker = _ref8$marker === void 0 ? defaultMarker : _ref8$marker,
|
|
212
|
+
stepProgress = _ref8.stepProgress,
|
|
213
|
+
shouldShowStartBranch = _ref8.shouldShowStartBranch,
|
|
214
|
+
shouldShowEndBranch = _ref8.shouldShowEndBranch;
|
|
215
|
+
var _useStepGroup3 = useStepGroup(),
|
|
216
|
+
size = _useStepGroup3.size;
|
|
217
|
+
var spacingTokens = getMarkerLineSpacings(size);
|
|
218
|
+
return /*#__PURE__*/jsxs(Box, {
|
|
219
|
+
position: "relative",
|
|
220
|
+
display: "flex",
|
|
221
|
+
flexDirection: "column",
|
|
222
|
+
children: [/*#__PURE__*/jsx(StepStraightLineVertical, {
|
|
223
|
+
visibility: shouldShowStartBranch ? 'visible' : 'hidden',
|
|
224
|
+
marginLeft: makeSize(spacingTokens.indentationWidth),
|
|
225
|
+
height: itemTopMargin,
|
|
226
|
+
isDotted: stepProgress === 'none' || stepProgress === 'end'
|
|
227
|
+
}), /*#__PURE__*/jsx(Box, {
|
|
228
|
+
marginLeft: makeSize(-spacingTokens.markerLeftAlignment + spacingTokens.indentationWidth),
|
|
229
|
+
children: marker
|
|
230
|
+
}), /*#__PURE__*/jsx(StepStraightLineVertical, {
|
|
231
|
+
marginLeft: makeSize(spacingTokens.indentationWidth),
|
|
232
|
+
visibility: shouldShowEndBranch ? 'visible' : 'hidden',
|
|
233
|
+
isDotted: stepProgress === 'none' || stepProgress === 'start'
|
|
234
|
+
}), /*#__PURE__*/jsx(StepBottomCurveVertical, {
|
|
235
|
+
isDotted: stepProgress === 'none' || stepProgress === 'start',
|
|
236
|
+
visibility: shouldShowEndBranch ? 'visible' : 'hidden'
|
|
237
|
+
})]
|
|
238
|
+
});
|
|
239
|
+
};
|
|
240
|
+
var StepLineHorizontal = function StepLineHorizontal(_ref9) {
|
|
241
|
+
var _ref9$marker = _ref9.marker,
|
|
242
|
+
marker = _ref9$marker === void 0 ? defaultMarker : _ref9$marker,
|
|
243
|
+
stepProgress = _ref9.stepProgress,
|
|
244
|
+
shouldShowStartBranch = _ref9.shouldShowStartBranch,
|
|
245
|
+
shouldShowEndBranch = _ref9.shouldShowEndBranch;
|
|
246
|
+
return /*#__PURE__*/jsxs(Box, {
|
|
247
|
+
position: "relative",
|
|
248
|
+
display: "flex",
|
|
249
|
+
flexDirection: "row",
|
|
250
|
+
width: "100%",
|
|
251
|
+
justifyContent: "center",
|
|
252
|
+
alignItems: "center",
|
|
253
|
+
children: [/*#__PURE__*/jsx(StepStraightLineHorizontal, {
|
|
254
|
+
isDotted: stepProgress === 'none' || stepProgress === 'end',
|
|
255
|
+
visibility: shouldShowStartBranch ? 'visible' : 'hidden'
|
|
256
|
+
}), /*#__PURE__*/jsx(Box, {
|
|
257
|
+
children: marker
|
|
258
|
+
}), /*#__PURE__*/jsx(StepStraightLineHorizontal, {
|
|
259
|
+
isDotted: stepProgress === 'none' || stepProgress === 'start',
|
|
260
|
+
visibility: shouldShowEndBranch ? 'visible' : 'hidden'
|
|
261
|
+
})]
|
|
262
|
+
});
|
|
263
|
+
};
|
|
264
|
+
var StepLineSingleItem = function StepLineSingleItem(_ref10) {
|
|
265
|
+
var _ref10$marker = _ref10.marker,
|
|
266
|
+
marker = _ref10$marker === void 0 ? defaultMarker : _ref10$marker,
|
|
267
|
+
stepProgress = _ref10.stepProgress,
|
|
268
|
+
shouldShowEndBranch = _ref10.shouldShowEndBranch,
|
|
269
|
+
shouldShowStartBranch = _ref10.shouldShowStartBranch;
|
|
270
|
+
var _useStepGroup4 = useStepGroup(),
|
|
271
|
+
size = _useStepGroup4.size;
|
|
272
|
+
var spacingTokens = getMarkerLineSpacings(size);
|
|
273
|
+
return /*#__PURE__*/jsxs(Box, {
|
|
274
|
+
position: "relative",
|
|
275
|
+
display: "flex",
|
|
276
|
+
flexDirection: "column",
|
|
277
|
+
children: [/*#__PURE__*/jsx(StepStraightLineVertical, {
|
|
278
|
+
visibility: shouldShowStartBranch ? 'visible' : 'hidden',
|
|
279
|
+
height: itemTopMargin,
|
|
280
|
+
isDotted: stepProgress === 'none' || stepProgress === 'end'
|
|
281
|
+
}), /*#__PURE__*/jsx(StepTopCurveVertical, {
|
|
282
|
+
visibility: shouldShowStartBranch ? 'visible' : 'hidden',
|
|
283
|
+
isDotted: stepProgress === 'none' || stepProgress === 'end'
|
|
284
|
+
}), /*#__PURE__*/jsx(Box
|
|
285
|
+
// -12 (markerLeftAlginment) + 33 (indentationWidth)
|
|
286
|
+
, {
|
|
287
|
+
marginLeft: makeSize(-spacingTokens.markerLeftAlignment + spacingTokens.indentationWidth),
|
|
288
|
+
marginTop: makeSize(spacingTokens.markerTopAlignment),
|
|
289
|
+
children: marker
|
|
290
|
+
}), /*#__PURE__*/jsx(StepStraightLineVertical, {
|
|
291
|
+
marginLeft: makeSize(spacingTokens.indentationWidth),
|
|
292
|
+
visibility: shouldShowEndBranch ? 'visible' : 'hidden',
|
|
293
|
+
isDotted: stepProgress === 'none' || stepProgress === 'start'
|
|
294
|
+
}), /*#__PURE__*/jsx(StepBottomCurveVertical, {
|
|
295
|
+
visibility: shouldShowEndBranch ? 'visible' : 'hidden',
|
|
296
|
+
isDotted: stepProgress === 'none' || stepProgress === 'start'
|
|
297
|
+
})]
|
|
298
|
+
});
|
|
299
|
+
};
|
|
300
|
+
var StepLine = function StepLine(_ref11) {
|
|
301
|
+
var _ref11$stepType = _ref11.stepType,
|
|
302
|
+
stepType = _ref11$stepType === void 0 ? 'default' : _ref11$stepType,
|
|
303
|
+
shouldShowStartBranch = _ref11.shouldShowStartBranch,
|
|
304
|
+
shouldShowEndBranch = _ref11.shouldShowEndBranch,
|
|
305
|
+
marker = _ref11.marker,
|
|
306
|
+
stepProgress = _ref11.stepProgress;
|
|
307
|
+
var _useStepGroup5 = useStepGroup(),
|
|
308
|
+
orientation = _useStepGroup5.orientation;
|
|
309
|
+
var commonProps = {
|
|
310
|
+
shouldShowStartBranch: shouldShowStartBranch,
|
|
311
|
+
shouldShowEndBranch: shouldShowEndBranch,
|
|
312
|
+
marker: marker,
|
|
313
|
+
stepProgress: stepProgress
|
|
314
|
+
};
|
|
315
|
+
if (orientation === 'horizontal') {
|
|
316
|
+
return /*#__PURE__*/jsx(StepLineHorizontal, _objectSpread({}, commonProps));
|
|
317
|
+
}
|
|
318
|
+
if (stepType === 'start') {
|
|
319
|
+
return /*#__PURE__*/jsx(StepLineStart, _objectSpread({}, commonProps));
|
|
320
|
+
}
|
|
321
|
+
if (stepType === 'middle') {
|
|
322
|
+
return /*#__PURE__*/jsx(StepLineVertical, _objectSpread(_objectSpread({}, commonProps), {}, {
|
|
323
|
+
isIndented: true
|
|
324
|
+
}));
|
|
325
|
+
}
|
|
326
|
+
if (stepType === 'end') {
|
|
327
|
+
return /*#__PURE__*/jsx(StepLineEnd, _objectSpread({}, commonProps));
|
|
328
|
+
}
|
|
329
|
+
if (stepType === 'single-item') {
|
|
330
|
+
return /*#__PURE__*/jsx(StepLineSingleItem, _objectSpread({}, commonProps));
|
|
331
|
+
}
|
|
332
|
+
return /*#__PURE__*/jsx(StepLineVertical, _objectSpread({}, commonProps));
|
|
333
|
+
};
|
|
334
|
+
|
|
335
|
+
export { StepLine };
|
|
336
|
+
//# sourceMappingURL=StepLine.web.js.map
|
|
@@ -0,0 +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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"}
|
|
@@ -0,0 +1 @@
|
|
|
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;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
+
import '../../tokens/global/index.js';
|
|
3
|
+
import { size } from '../../tokens/global/size.js';
|
|
4
|
+
|
|
5
|
+
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; }
|
|
6
|
+
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; }
|
|
7
|
+
var markerLineDotWidth = size['2'];
|
|
8
|
+
var markerLineDotSpacing = size['4'];
|
|
9
|
+
var markerLineWidth = size['2'];
|
|
10
|
+
var itemTopMargin = size['16'];
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* Returns the tokens that are related to marker line alignment and spacing
|
|
14
|
+
*/
|
|
15
|
+
var getMarkerLineSpacings = function getMarkerLineSpacings(size$1) {
|
|
16
|
+
var indentationWidth = size['33'];
|
|
17
|
+
var LINE_SPACINGS = {
|
|
18
|
+
large: {
|
|
19
|
+
markerBackgroundSize: size['24'],
|
|
20
|
+
markerMargin: size['2']
|
|
21
|
+
// eslint-disable-next-line @typescript-eslint/restrict-plus-operands
|
|
22
|
+
},
|
|
23
|
+
medium: {
|
|
24
|
+
markerBackgroundSize: size['20'],
|
|
25
|
+
markerMargin: size['2']
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
var markerLeftAlignment =
|
|
29
|
+
// eslint-disable-next-line @typescript-eslint/restrict-plus-operands
|
|
30
|
+
(LINE_SPACINGS[size$1].markerBackgroundSize + LINE_SPACINGS[size$1].markerMargin) / 2;
|
|
31
|
+
var markerTopAlignment = -1 * (
|
|
32
|
+
// eslint-disable-next-line @typescript-eslint/restrict-plus-operands
|
|
33
|
+
LINE_SPACINGS[size$1].markerBackgroundSize + LINE_SPACINGS[size$1].markerMargin * 2 + markerLineWidth) / 2;
|
|
34
|
+
return _objectSpread(_objectSpread({}, LINE_SPACINGS[size$1]), {}, {
|
|
35
|
+
markerLeftAlignment: markerLeftAlignment,
|
|
36
|
+
markerTopAlignment: markerTopAlignment,
|
|
37
|
+
indentationWidth: indentationWidth
|
|
38
|
+
});
|
|
39
|
+
};
|
|
40
|
+
var stepItemHeaderTokens = {
|
|
41
|
+
medium: {
|
|
42
|
+
title: 'medium',
|
|
43
|
+
description: 'small',
|
|
44
|
+
timestamp: 'small'
|
|
45
|
+
},
|
|
46
|
+
large: {
|
|
47
|
+
title: 'large',
|
|
48
|
+
description: 'medium',
|
|
49
|
+
timestamp: 'medium'
|
|
50
|
+
}
|
|
51
|
+
};
|
|
52
|
+
var iconSizeTokens = {
|
|
53
|
+
medium: 'small',
|
|
54
|
+
large: 'medium'
|
|
55
|
+
};
|
|
56
|
+
var itemLineGap = {
|
|
57
|
+
medium: 'spacing.2',
|
|
58
|
+
large: 'spacing.3'
|
|
59
|
+
};
|
|
60
|
+
|
|
61
|
+
export { getMarkerLineSpacings, iconSizeTokens, itemLineGap, itemTopMargin, markerLineDotSpacing, markerLineDotWidth, markerLineWidth, stepItemHeaderTokens };
|
|
62
|
+
//# sourceMappingURL=tokens.js.map
|
|
@@ -0,0 +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;;;;"}
|
|
@@ -39,6 +39,7 @@ import './Skeleton/index.js';
|
|
|
39
39
|
import './SkipNav/index.web.js';
|
|
40
40
|
import './Spinner/index.js';
|
|
41
41
|
import './SpotlightPopoverTour/index.js';
|
|
42
|
+
import './StepGroup/index.js';
|
|
42
43
|
import './Switch/index.js';
|
|
43
44
|
import './Table/index.js';
|
|
44
45
|
import './Tabs/index.js';
|
|
@@ -395,6 +396,9 @@ export { Spinner } from './Spinner/Spinner/Spinner.js';
|
|
|
395
396
|
export { SpotlightPopoverTour } from './SpotlightPopoverTour/Tour.web.js';
|
|
396
397
|
export { SpotlightPopoverTourFooter } from './SpotlightPopoverTour/TourFooter.web.js';
|
|
397
398
|
export { SpotlightPopoverTourStep } from './SpotlightPopoverTour/TourStep.web.js';
|
|
399
|
+
export { StepGroup } from './StepGroup/StepGroup.web.js';
|
|
400
|
+
export { StepItem } from './StepGroup/StepItem.web.js';
|
|
401
|
+
export { StepItemIcon, StepItemIndicator } from './StepGroup/StepItemMarker.js';
|
|
398
402
|
export { Switch } from './Switch/Switch.js';
|
|
399
403
|
export { Table } from './Table/Table.web.js';
|
|
400
404
|
export { TableHeader, TableHeaderCell, TableHeaderRow } from './Table/TableHeader.web.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -36,6 +36,8 @@ var size = {
|
|
|
36
36
|
28: 28,
|
|
37
37
|
/** 32 px */
|
|
38
38
|
32: 32,
|
|
39
|
+
/** 33 px */
|
|
40
|
+
33: 33,
|
|
39
41
|
/** 36 px */
|
|
40
42
|
36: 36,
|
|
41
43
|
/** 40 px */
|
|
@@ -66,6 +68,8 @@ var size = {
|
|
|
66
68
|
240: 240,
|
|
67
69
|
/** 300 px */
|
|
68
70
|
300: 300,
|
|
71
|
+
/** 314 px */
|
|
72
|
+
314: 314,
|
|
69
73
|
/** 360 px */
|
|
70
74
|
360: 360,
|
|
71
75
|
/** 400 px */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"size.js","sources":["../../../../../../src/tokens/global/size.ts"],"sourcesContent":["/**\n * Size tokens are currently not exposed for users (therefore not available in theme)\n */\nexport const size = {\n /** 0 px */\n 0: 0,\n /** 1 px */\n 1: 1,\n /** 2 px */\n 2: 2,\n /** 3 px */\n 3: 3,\n /** 4 px */\n 4: 4,\n /** 5 px */\n 5: 5,\n /** 6 px */\n 6: 6,\n /** 7 px */\n 7: 7,\n /** 8 px */\n 8: 8,\n /** 10 px */\n 10: 10,\n /** 12 px */\n 12: 12,\n /** 16 px */\n 16: 16,\n /** 18 px */\n 18: 18,\n /** 20 px */\n 20: 20,\n /** 24 px */\n 24: 24,\n /** 28 px */\n 28: 28,\n /** 32 px */\n 32: 32,\n /** 36 px */\n 36: 36,\n /** 40 px */\n 40: 40,\n /** 44 px */\n 44: 44,\n /** 48 px */\n 48: 48,\n /** 56 px */\n 56: 56,\n /** 64 px */\n 64: 64,\n /** 72 px */\n 72: 72,\n /** 100 px */\n 100: 100,\n /** 120 px */\n 120: 120,\n /** 140 px */\n 140: 140,\n /** 160 px */\n 160: 160,\n /** 176 px */\n 176: 176,\n /** 200 px */\n 200: 200,\n /** 240 px */\n 240: 240,\n /** 300 px */\n 300: 300,\n /** 360 px */\n 360: 360,\n /** 400 px */\n 400: 400,\n /** 584 px */\n 584: 584,\n /** 640 px */\n 640: 640,\n /** 760 px */\n 760: 760,\n /** 800 px */\n 800: 800,\n /** 1024 px */\n 1024: 1024,\n /** 1136 px */\n 1136: 1136,\n} as const;\n\nexport type Size = typeof size;\n"],"names":["size"],"mappings":"AAAA;AACA;AACA;AACO,IAAMA,IAAI,GAAG;AAClB;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,IAAI,EAAE,IAAI;AACV;AACA,EAAA,IAAI,EAAE,IAAA;AACR;;;;"}
|
|
1
|
+
{"version":3,"file":"size.js","sources":["../../../../../../src/tokens/global/size.ts"],"sourcesContent":["/**\n * Size tokens are currently not exposed for users (therefore not available in theme)\n */\nexport const size = {\n /** 0 px */\n 0: 0,\n /** 1 px */\n 1: 1,\n /** 2 px */\n 2: 2,\n /** 3 px */\n 3: 3,\n /** 4 px */\n 4: 4,\n /** 5 px */\n 5: 5,\n /** 6 px */\n 6: 6,\n /** 7 px */\n 7: 7,\n /** 8 px */\n 8: 8,\n /** 10 px */\n 10: 10,\n /** 12 px */\n 12: 12,\n /** 16 px */\n 16: 16,\n /** 18 px */\n 18: 18,\n /** 20 px */\n 20: 20,\n /** 24 px */\n 24: 24,\n /** 28 px */\n 28: 28,\n /** 32 px */\n 32: 32,\n /** 33 px */\n 33: 33,\n /** 36 px */\n 36: 36,\n /** 40 px */\n 40: 40,\n /** 44 px */\n 44: 44,\n /** 48 px */\n 48: 48,\n /** 56 px */\n 56: 56,\n /** 64 px */\n 64: 64,\n /** 72 px */\n 72: 72,\n /** 100 px */\n 100: 100,\n /** 120 px */\n 120: 120,\n /** 140 px */\n 140: 140,\n /** 160 px */\n 160: 160,\n /** 176 px */\n 176: 176,\n /** 200 px */\n 200: 200,\n /** 240 px */\n 240: 240,\n /** 300 px */\n 300: 300,\n /** 314 px */\n 314: 314,\n /** 360 px */\n 360: 360,\n /** 400 px */\n 400: 400,\n /** 584 px */\n 584: 584,\n /** 640 px */\n 640: 640,\n /** 760 px */\n 760: 760,\n /** 800 px */\n 800: 800,\n /** 1024 px */\n 1024: 1024,\n /** 1136 px */\n 1136: 1136,\n} as const;\n\nexport type Size = typeof size;\n"],"names":["size"],"mappings":"AAAA;AACA;AACA;AACO,IAAMA,IAAI,GAAG;AAClB;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,CAAC,EAAE,CAAC;AACJ;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,EAAE,EAAE,EAAE;AACN;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,GAAG,EAAE,GAAG;AACR;AACA,EAAA,IAAI,EAAE,IAAI;AACV;AACA,EAAA,IAAI,EAAE,IAAA;AACR;;;;"}
|
|
@@ -108,7 +108,9 @@ var MetaConstants = {
|
|
|
108
108
|
Switch: 'switch',
|
|
109
109
|
SwitchLabel: 'switch-label',
|
|
110
110
|
StyledBaseInput: 'styled-base-input',
|
|
111
|
-
Skeleton: 'skeleton'
|
|
111
|
+
Skeleton: 'skeleton',
|
|
112
|
+
StepGroup: 'step-group',
|
|
113
|
+
StepItem: 'step-item'
|
|
112
114
|
};
|
|
113
115
|
|
|
114
116
|
export { MetaConstants };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"metaConstants.js","sources":["../../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n Accordion: 'accordion',\n AccordionButton: 'accordion-button',\n AccordionItem: 'accordion-item',\n AccordionItemHeader: 'accordion-item-header',\n AccordionItemBody: 'accordion-item-body',\n ActionList: 'action-list',\n ActionListItem: 'action-list-item',\n ActionListSection: 'action-list-section',\n Alert: 'alert',\n Amount: 'amount',\n AutoComplete: 'autocomplete',\n Badge: 'badge',\n Box: 'box',\n BaseBox: 'base-box',\n BaseText: 'base-text',\n Button: 'button',\n ButtonGroup: 'button-group',\n Breadcrumb: 'breadcrumb',\n BreadcrumbItem: 'breadcrumb-item',\n Carousel: 'carousel',\n Checkbox: 'checkbox',\n CheckboxGroup: 'checkbox-group',\n CheckboxLabel: 'checkbox-label',\n Chip: 'chip',\n ChipGroup: 'chip-group',\n ChipLabel: 'chip-label',\n Code: 'code',\n Component: 'blade-component',\n Counter: 'counter',\n Display: 'display',\n Divider: 'divider',\n Drawer: 'drawer',\n Dropdown: 'dropdown',\n DropdownOverlay: 'dropdown-overlay',\n DropdownFooter: 'dropdown-footer',\n DropdownHeader: 'dropdown-header',\n FileUpload: 'file-upload',\n FileUploadItem: 'file-upload-item',\n FileUploadLabel: 'file-upload-label',\n Icon: 'icon',\n IconButton: 'icon-button',\n Indicator: 'indicator',\n Link: 'link',\n List: 'list',\n ListItem: 'list-item',\n ListItemCode: 'list-item-code',\n ListItemLink: 'list-item-link',\n ListItemText: 'list-item-text',\n OTPInput: 'otp-input',\n PasswordInput: 'password-input',\n TextArea: 'textarea',\n TextInput: 'textinput',\n PhoneNumberInput: 'phone-number-input',\n Toast: 'toast',\n ToastContainer: 'toast-container',\n ProgressBar: 'progress-bar',\n Radio: 'radio',\n RadioGroup: 'radio-group',\n RadioLabel: 'radio-label',\n SkipNav: 'skipnav',\n Spinner: 'spinner',\n SelectInput: 'select-input',\n Tag: 'tag',\n Tooltip: 'tooltip',\n TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n Tabs: 'tabs',\n TabList: 'tab-list',\n TabItem: 'tab-item',\n TabPanel: 'tab-panel',\n TabIndicator: 'tab-indicator',\n Table: 'table',\n TableBody: 'table-body',\n TableRow: 'table-row',\n TableCell: 'table-cell',\n TableHeader: 'table-header',\n TableHeaderRow: 'table-header-row',\n TableHeaderCell: 'table-header-cell',\n TableFooter: 'table-footer',\n TableFooterRow: 'table-footer-row',\n TableFooterCell: 'table-footer-cell',\n TableElement: 'table-element',\n TourPopover: 'tour-popover',\n TourMask: 'tour-mask',\n Popover: 'popover',\n PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n BottomSheet: 'bottom-sheet',\n BottomSheetBody: 'bottom-sheet-body',\n BottomSheetHeader: 'bottom-sheet-header',\n BottomSheetFooter: 'bottom-sheet-footer',\n BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n Card: 'card',\n CardBody: 'card-body',\n CardHeader: 'card-header',\n CardFooter: 'card-footer',\n Collapsible: 'collapsible',\n CollapsibleBody: 'collapsible-body',\n CollapsibleButton: 'collapsible-button',\n CollapsibleLink: 'collapsible-link',\n Modal: 'modal',\n ModalBody: 'modal-body',\n ModalHeader: 'modal-header',\n ModalFooter: 'modal-footer',\n ModalBackdrop: 'modal-backdrop',\n ModalScrollOverlay: 'modal-scroll-overlay',\n VisuallyHidden: 'visually-hidden',\n FormLabel: 'form-label',\n Switch: 'switch',\n SwitchLabel: 'switch-label',\n StyledBaseInput: 'styled-base-input',\n Skeleton: 'skeleton',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AutoComplete","Badge","Box","BaseBox","BaseText","Button","ButtonGroup","Breadcrumb","BreadcrumbItem","Carousel","Checkbox","CheckboxGroup","CheckboxLabel","Chip","ChipGroup","ChipLabel","Code","Component","Counter","Display","Divider","Drawer","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","FileUpload","FileUploadItem","FileUploadLabel","Icon","IconButton","Indicator","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","OTPInput","PasswordInput","TextArea","TextInput","PhoneNumberInput","Toast","ToastContainer","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"metaConstants.js","sources":["../../../../../../src/utils/metaAttribute/metaConstants.ts"],"sourcesContent":["export const MetaConstants = {\n Accordion: 'accordion',\n AccordionButton: 'accordion-button',\n AccordionItem: 'accordion-item',\n AccordionItemHeader: 'accordion-item-header',\n AccordionItemBody: 'accordion-item-body',\n ActionList: 'action-list',\n ActionListItem: 'action-list-item',\n ActionListSection: 'action-list-section',\n Alert: 'alert',\n Amount: 'amount',\n AutoComplete: 'autocomplete',\n Badge: 'badge',\n Box: 'box',\n BaseBox: 'base-box',\n BaseText: 'base-text',\n Button: 'button',\n ButtonGroup: 'button-group',\n Breadcrumb: 'breadcrumb',\n BreadcrumbItem: 'breadcrumb-item',\n Carousel: 'carousel',\n Checkbox: 'checkbox',\n CheckboxGroup: 'checkbox-group',\n CheckboxLabel: 'checkbox-label',\n Chip: 'chip',\n ChipGroup: 'chip-group',\n ChipLabel: 'chip-label',\n Code: 'code',\n Component: 'blade-component',\n Counter: 'counter',\n Display: 'display',\n Divider: 'divider',\n Drawer: 'drawer',\n Dropdown: 'dropdown',\n DropdownOverlay: 'dropdown-overlay',\n DropdownFooter: 'dropdown-footer',\n DropdownHeader: 'dropdown-header',\n FileUpload: 'file-upload',\n FileUploadItem: 'file-upload-item',\n FileUploadLabel: 'file-upload-label',\n Icon: 'icon',\n IconButton: 'icon-button',\n Indicator: 'indicator',\n Link: 'link',\n List: 'list',\n ListItem: 'list-item',\n ListItemCode: 'list-item-code',\n ListItemLink: 'list-item-link',\n ListItemText: 'list-item-text',\n OTPInput: 'otp-input',\n PasswordInput: 'password-input',\n TextArea: 'textarea',\n TextInput: 'textinput',\n PhoneNumberInput: 'phone-number-input',\n Toast: 'toast',\n ToastContainer: 'toast-container',\n ProgressBar: 'progress-bar',\n Radio: 'radio',\n RadioGroup: 'radio-group',\n RadioLabel: 'radio-label',\n SkipNav: 'skipnav',\n Spinner: 'spinner',\n SelectInput: 'select-input',\n Tag: 'tag',\n Tooltip: 'tooltip',\n TooltipInteractiveWrapper: 'tooltip-interactive-wrapper',\n Tabs: 'tabs',\n TabList: 'tab-list',\n TabItem: 'tab-item',\n TabPanel: 'tab-panel',\n TabIndicator: 'tab-indicator',\n Table: 'table',\n TableBody: 'table-body',\n TableRow: 'table-row',\n TableCell: 'table-cell',\n TableHeader: 'table-header',\n TableHeaderRow: 'table-header-row',\n TableHeaderCell: 'table-header-cell',\n TableFooter: 'table-footer',\n TableFooterRow: 'table-footer-row',\n TableFooterCell: 'table-footer-cell',\n TableElement: 'table-element',\n TourPopover: 'tour-popover',\n TourMask: 'tour-mask',\n Popover: 'popover',\n PopoverInteractiveWrapper: 'popover-interactive-wrapper',\n BottomSheet: 'bottom-sheet',\n BottomSheetBody: 'bottom-sheet-body',\n BottomSheetHeader: 'bottom-sheet-header',\n BottomSheetFooter: 'bottom-sheet-footer',\n BottomSheetGrabHandle: 'bottomsheet-grab-handle',\n Card: 'card',\n CardBody: 'card-body',\n CardHeader: 'card-header',\n CardFooter: 'card-footer',\n Collapsible: 'collapsible',\n CollapsibleBody: 'collapsible-body',\n CollapsibleButton: 'collapsible-button',\n CollapsibleLink: 'collapsible-link',\n Modal: 'modal',\n ModalBody: 'modal-body',\n ModalHeader: 'modal-header',\n ModalFooter: 'modal-footer',\n ModalBackdrop: 'modal-backdrop',\n ModalScrollOverlay: 'modal-scroll-overlay',\n VisuallyHidden: 'visually-hidden',\n FormLabel: 'form-label',\n Switch: 'switch',\n SwitchLabel: 'switch-label',\n StyledBaseInput: 'styled-base-input',\n Skeleton: 'skeleton',\n StepGroup: 'step-group',\n StepItem: 'step-item',\n} as const;\n"],"names":["MetaConstants","Accordion","AccordionButton","AccordionItem","AccordionItemHeader","AccordionItemBody","ActionList","ActionListItem","ActionListSection","Alert","Amount","AutoComplete","Badge","Box","BaseBox","BaseText","Button","ButtonGroup","Breadcrumb","BreadcrumbItem","Carousel","Checkbox","CheckboxGroup","CheckboxLabel","Chip","ChipGroup","ChipLabel","Code","Component","Counter","Display","Divider","Drawer","Dropdown","DropdownOverlay","DropdownFooter","DropdownHeader","FileUpload","FileUploadItem","FileUploadLabel","Icon","IconButton","Indicator","Link","List","ListItem","ListItemCode","ListItemLink","ListItemText","OTPInput","PasswordInput","TextArea","TextInput","PhoneNumberInput","Toast","ToastContainer","ProgressBar","Radio","RadioGroup","RadioLabel","SkipNav","Spinner","SelectInput","Tag","Tooltip","TooltipInteractiveWrapper","Tabs","TabList","TabItem","TabPanel","TabIndicator","Table","TableBody","TableRow","TableCell","TableHeader","TableHeaderRow","TableHeaderCell","TableFooter","TableFooterRow","TableFooterCell","TableElement","TourPopover","TourMask","Popover","PopoverInteractiveWrapper","BottomSheet","BottomSheetBody","BottomSheetHeader","BottomSheetFooter","BottomSheetGrabHandle","Card","CardBody","CardHeader","CardFooter","Collapsible","CollapsibleBody","CollapsibleButton","CollapsibleLink","Modal","ModalBody","ModalHeader","ModalFooter","ModalBackdrop","ModalScrollOverlay","VisuallyHidden","FormLabel","Switch","SwitchLabel","StyledBaseInput","Skeleton","StepGroup","StepItem"],"mappings":"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"}
|