@akinon/ui-steps 1.0.0 → 1.0.2

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.
Files changed (5) hide show
  1. package/dist/cjs/index.d.ts.map +1 -1
  2. package/dist/cjs/index.js +72 -56
  3. package/dist/esm/index.d.ts.map +1 -1
  4. package/dist/esm/index.js +73 -57
  5. package/package.json +4 -4
package/dist/cjs/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC;;;;;;;;;;;;;;;GAeG;AAEH,eAAO,MAAM,KAAK,4CAIf,UAAU,sBAgVZ,CAAC;AAEF,YAAY,EAAE,UAAU,EAAE,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC;;;;;;;;;;;;;;;GAeG;AAEH,eAAO,MAAM,KAAK,4CAIf,UAAU,sBA+VZ,CAAC;AAEF,YAAY,EAAE,UAAU,EAAE,CAAC"}
package/dist/cjs/index.js CHANGED
@@ -41,59 +41,70 @@ const Steps = (_a) => {
41
41
  const stepToken = token.Steps;
42
42
  const prefixWithoutHash = `${getPrefixCls()}-steps`;
43
43
  const prefixClsWithoutHash = `.${prefixWithoutHash}`;
44
+ const prefixCls = `:where(.${hashId})${prefixClsWithoutHash}`;
44
45
  const stepsClassName = `${prefixWithoutHash} ${manyItems ? 'many-items' : ''}`;
46
+ const customTokens = (0, ui_theme_1.getSafeCustomTokens)(theme);
45
47
  const useStyle = (0, cssinjs_1.useStyleRegister)({
46
48
  token: token,
47
49
  path: ['Steps'],
48
50
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
49
51
  theme: theme
50
52
  }, () => {
51
- const prefixCls = `:where(.${hashId})${prefixClsWithoutHash}`;
52
53
  return {
53
54
  [prefixCls]: {
54
55
  [`&${prefixClsWithoutHash}`]: {
55
56
  [`${prefixClsWithoutHash}-item`]: {
56
- paddingInlineStart: stepToken.zero,
57
+ paddingInlineStart: customTokens.sizing.valueZero,
57
58
  flex: '1 !important',
58
59
  [`&-container`]: {
59
- display: stepToken.flex,
60
- flexDirection: manyItems ? 'column-reverse' : 'column',
61
- alignItems: manyItems ? 'center' : 'center',
62
- justifyContent: manyItems ? 'center' : 'center',
60
+ display: customTokens.layout.displayFlex,
61
+ flexDirection: manyItems
62
+ ? customTokens.layout.flexDirectionColumnReverse
63
+ : customTokens.layout.flexDirectionColumn,
64
+ alignItems: manyItems
65
+ ? customTokens.layout.flexCenter
66
+ : customTokens.layout.flexCenter,
67
+ justifyContent: manyItems
68
+ ? customTokens.layout.flexCenter
69
+ : customTokens.layout.flexCenter,
63
70
  rowGap: stepToken.rowGap
64
71
  },
65
72
  [`&-content`]: {
66
- flexDirection: 'column',
73
+ flexDirection: customTokens.layout.flexDirectionColumn,
67
74
  transform: manyItems
68
75
  ? stepToken.manyItemsTransform
69
- : stepToken.none,
70
- width: manyItems ? stepToken.manyItemsWidth : stepToken.auto,
76
+ : customTokens.layout.displayNone,
77
+ width: manyItems
78
+ ? stepToken.manyItemsWidth
79
+ : customTokens.sizing.valueAuto,
71
80
  paddingInlineEnd: manyItems
72
81
  ? stepToken.paddingInlineEnd
73
- : stepToken.zero,
74
- height: manyItems ? stepToken.manyItemsHeight : stepToken.auto,
82
+ : customTokens.sizing.valueZero,
83
+ height: manyItems
84
+ ? stepToken.manyItemsHeight
85
+ : customTokens.sizing.valueAuto,
75
86
  whiteSpace: manyItems
76
- ? stepToken.manyItemsWhiteSpace
77
- : stepToken.none,
78
- display: stepToken.flex,
79
- alignItems: 'center',
80
- wordBreak: 'break-word',
87
+ ? customTokens.typography.whiteSpaceBreakSpaces
88
+ : customTokens.layout.displayNone,
89
+ display: customTokens.layout.displayFlex,
90
+ alignItems: customTokens.layout.flexCenter,
91
+ wordBreak: customTokens.typography.wordBreak,
81
92
  marginInlineStart: manyItems
82
93
  ? stepToken.manyItemsMarginInlineStart
83
- : stepToken.zero
94
+ : customTokens.sizing.valueZero
84
95
  },
85
96
  [`&-title`]: {
86
- display: 'flex',
87
- flexDirection: 'column',
88
- textAlign: 'center',
89
- lineHeight: 1,
97
+ display: customTokens.layout.displayFlex,
98
+ flexDirection: customTokens.layout.flexDirectionColumn,
99
+ textAlign: customTokens.typography.textAlignCenter,
100
+ lineHeight: customTokens.others.lineHeightShort,
90
101
  fontSize: stepToken.titleFontSize,
91
- fontWeight: '600 !important',
102
+ fontWeight: customTokens.typography.fontWeightBold,
92
103
  paddingInlineEnd: manyItems
93
- ? stepToken.zero
104
+ ? customTokens.sizing.valueZero
94
105
  : stepToken.paddingInlineEnd,
95
106
  ['&::after']: {
96
- display: stepToken.none
107
+ display: customTokens.layout.displayNone
97
108
  }
98
109
  },
99
110
  ['&-subtitle']: {
@@ -102,43 +113,48 @@ const Steps = (_a) => {
102
113
  },
103
114
  ['&-description']: {
104
115
  marginTop: '10px',
105
- maxWidth: stepToken.full
116
+ maxWidth: customTokens.sizing.valueFull
106
117
  },
107
118
  [`&-icon`]: {
108
- lineHeight: 1,
119
+ lineHeight: customTokens.others.lineHeightShort,
120
+ zIndex: 1,
109
121
  width: manyItems
110
122
  ? stepToken.manyItemsIconWidthHeight
111
123
  : stepToken.iconWidthHeight,
112
124
  height: manyItems
113
125
  ? stepToken.manyItemsIconWidthHeight
114
126
  : stepToken.iconWidthHeight,
115
- marginInlineEnd: stepToken.zero,
127
+ marginInlineEnd: customTokens.sizing.valueZero,
116
128
  ['span']: {
117
- borderRadius: '50%',
118
- display: stepToken.flex,
119
- width: stepToken.full,
120
- height: stepToken.full
129
+ borderRadius: customTokens.sizing.valueHalf,
130
+ display: customTokens.layout.displayFlex,
131
+ width: `${customTokens.sizing.valueFull} !important`,
132
+ height: `${customTokens.sizing.valueFull} !important`
121
133
  },
122
134
  ['svg']: {
123
135
  width: stepToken.iconSize,
124
136
  height: stepToken.iconSize,
125
- margin: stepToken.auto,
137
+ margin: customTokens.sizing.valueAuto,
126
138
  color: stepToken.iconColor,
127
- display: manyItems ? stepToken.none : 'inline-block'
139
+ display: manyItems
140
+ ? customTokens.layout.displayNone
141
+ : customTokens.layout.displayInlineBlock
128
142
  }
129
143
  },
130
144
  [`&-tail`]: {
131
- display: 'block !important',
132
- zIndex: -1,
133
- top: manyItems ? stepToken.auto : stepToken.tailTop,
145
+ display: `${customTokens.layout.displayBlock} !important`,
146
+ zIndex: customTokens.sizing.valueZero,
147
+ top: manyItems
148
+ ? customTokens.sizing.valueAuto
149
+ : stepToken.tailTop,
134
150
  bottom: manyItems
135
151
  ? stepToken.manyItemsTailBottom
136
- : stepToken.auto,
152
+ : customTokens.sizing.valueAuto,
137
153
  ['::after']: {
138
154
  height: manyItems
139
155
  ? stepToken.manyItemsTailHeight
140
156
  : stepToken.tailHeight,
141
- borderRadius: stepToken.zero
157
+ borderRadius: customTokens.sizing.valueZero
142
158
  }
143
159
  },
144
160
  [`&:first-child`]: {
@@ -185,7 +201,7 @@ const Steps = (_a) => {
185
201
  [`&:first-child`]: {
186
202
  [`${prefixClsWithoutHash}-item-tail`]: {
187
203
  ['&::after']: {
188
- background: 'none !important'
204
+ background: customTokens.layout.displayNone
189
205
  }
190
206
  }
191
207
  }
@@ -252,7 +268,7 @@ const Steps = (_a) => {
252
268
  [`&:first-child`]: {
253
269
  [`${prefixClsWithoutHash}-item-tail`]: {
254
270
  ['&::after']: {
255
- background: 'none !important'
271
+ background: customTokens.layout.displayNone
256
272
  }
257
273
  }
258
274
  }
@@ -272,7 +288,7 @@ const Steps = (_a) => {
272
288
  [`&:first-child`]: {
273
289
  [`${prefixClsWithoutHash}-item-tail`]: {
274
290
  ['&::after']: {
275
- background: 'none !important'
291
+ background: customTokens.layout.displayNone
276
292
  }
277
293
  }
278
294
  }
@@ -280,7 +296,7 @@ const Steps = (_a) => {
280
296
  [`&${prefixClsWithoutHash}-small`]: {
281
297
  [`${prefixClsWithoutHash}-item`]: {
282
298
  ['&-container']: {
283
- rowGap: '0'
299
+ rowGap: customTokens.sizing.valueZero
284
300
  },
285
301
  [`&-icon`]: {
286
302
  scale: '0.8'
@@ -292,31 +308,31 @@ const Steps = (_a) => {
292
308
  },
293
309
  [`&${prefixClsWithoutHash}-dot`]: {
294
310
  [`${prefixClsWithoutHash}-item`]: {
295
- overflow: 'hidden',
311
+ overflow: customTokens.overflow.overflowHidden,
296
312
  [`&-icon`]: {
297
313
  width: '10px !important',
298
314
  height: '10px !important',
299
- marginInlineStart: '0 !important',
315
+ marginInlineStart: customTokens.sizing.valueZero,
300
316
  ['span']: {
301
- color: 'inherit !important',
302
- background: 'inherit !important'
317
+ color: customTokens.sizing.valueInherit,
318
+ background: customTokens.sizing.valueInherit
303
319
  }
304
320
  },
305
321
  [`&${prefixClsWithoutHash}-icon`]: {
306
- background: 'inherit !important',
322
+ background: customTokens.sizing.valueInherit,
307
323
  [`&${prefixClsWithoutHash}-icon-dot`]: {
308
- background: 'inherit !important'
324
+ background: customTokens.sizing.valueInherit
309
325
  }
310
326
  },
311
327
  ['&-title']: {
312
- paddingInlineEnd: '0'
328
+ paddingInlineEnd: customTokens.sizing.valueZero
313
329
  },
314
330
  ['&-tail']: {
315
331
  top: '3px',
316
- marginInline: '0',
332
+ marginInline: customTokens.sizing.valueZero,
317
333
  ['&::after']: {
318
- width: '100%',
319
- marginInlineStart: '0'
334
+ width: `${customTokens.sizing.valueFull} !important`,
335
+ marginInlineStart: customTokens.sizing.valueZero
320
336
  }
321
337
  }
322
338
  }
@@ -325,8 +341,8 @@ const Steps = (_a) => {
325
341
  rowGap: '30px',
326
342
  [`${prefixClsWithoutHash}-item`]: {
327
343
  ['&-container']: {
328
- flexDirection: 'row',
329
- justifyContent: 'start',
344
+ flexDirection: customTokens.layout.flexDirectionRow,
345
+ justifyContent: customTokens.layout.flexStart,
330
346
  [`${prefixClsWithoutHash}-item-tail`]: {
331
347
  top: '30px',
332
348
  insetInlineStart: '18px',
@@ -338,11 +354,11 @@ const Steps = (_a) => {
338
354
  }
339
355
  },
340
356
  [`&-content`]: {
341
- minHeight: 'auto'
357
+ minHeight: customTokens.sizing.valueAuto
342
358
  },
343
359
  ['&:last-child']: {
344
360
  [`${prefixClsWithoutHash}-item-tail`]: {
345
- display: 'none !important'
361
+ display: customTokens.layout.displayNone
346
362
  }
347
363
  }
348
364
  }
package/dist/esm/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC;;;;;;;;;;;;;;;GAeG;AAEH,eAAO,MAAM,KAAK,4CAIf,UAAU,sBAgVZ,CAAC;AAEF,YAAY,EAAE,UAAU,EAAE,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC;;;;;;;;;;;;;;;GAeG;AAEH,eAAO,MAAM,KAAK,4CAIf,UAAU,sBA+VZ,CAAC;AAEF,YAAY,EAAE,UAAU,EAAE,CAAC"}
package/dist/esm/index.js CHANGED
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
10
10
  return t;
11
11
  };
12
12
  import { Icon } from '@akinon/icons';
13
- import { useToken } from '@akinon/ui-theme';
13
+ import { getSafeCustomTokens, useToken } from '@akinon/ui-theme';
14
14
  import { useStyleRegister } from '@ant-design/cssinjs';
15
15
  import { ConfigProvider, Steps as AntSteps } from 'antd';
16
16
  import * as React from 'react';
@@ -38,59 +38,70 @@ export const Steps = (_a) => {
38
38
  const stepToken = token.Steps;
39
39
  const prefixWithoutHash = `${getPrefixCls()}-steps`;
40
40
  const prefixClsWithoutHash = `.${prefixWithoutHash}`;
41
+ const prefixCls = `:where(.${hashId})${prefixClsWithoutHash}`;
41
42
  const stepsClassName = `${prefixWithoutHash} ${manyItems ? 'many-items' : ''}`;
43
+ const customTokens = getSafeCustomTokens(theme);
42
44
  const useStyle = useStyleRegister({
43
45
  token: token,
44
46
  path: ['Steps'],
45
47
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
46
48
  theme: theme
47
49
  }, () => {
48
- const prefixCls = `:where(.${hashId})${prefixClsWithoutHash}`;
49
50
  return {
50
51
  [prefixCls]: {
51
52
  [`&${prefixClsWithoutHash}`]: {
52
53
  [`${prefixClsWithoutHash}-item`]: {
53
- paddingInlineStart: stepToken.zero,
54
+ paddingInlineStart: customTokens.sizing.valueZero,
54
55
  flex: '1 !important',
55
56
  [`&-container`]: {
56
- display: stepToken.flex,
57
- flexDirection: manyItems ? 'column-reverse' : 'column',
58
- alignItems: manyItems ? 'center' : 'center',
59
- justifyContent: manyItems ? 'center' : 'center',
57
+ display: customTokens.layout.displayFlex,
58
+ flexDirection: manyItems
59
+ ? customTokens.layout.flexDirectionColumnReverse
60
+ : customTokens.layout.flexDirectionColumn,
61
+ alignItems: manyItems
62
+ ? customTokens.layout.flexCenter
63
+ : customTokens.layout.flexCenter,
64
+ justifyContent: manyItems
65
+ ? customTokens.layout.flexCenter
66
+ : customTokens.layout.flexCenter,
60
67
  rowGap: stepToken.rowGap
61
68
  },
62
69
  [`&-content`]: {
63
- flexDirection: 'column',
70
+ flexDirection: customTokens.layout.flexDirectionColumn,
64
71
  transform: manyItems
65
72
  ? stepToken.manyItemsTransform
66
- : stepToken.none,
67
- width: manyItems ? stepToken.manyItemsWidth : stepToken.auto,
73
+ : customTokens.layout.displayNone,
74
+ width: manyItems
75
+ ? stepToken.manyItemsWidth
76
+ : customTokens.sizing.valueAuto,
68
77
  paddingInlineEnd: manyItems
69
78
  ? stepToken.paddingInlineEnd
70
- : stepToken.zero,
71
- height: manyItems ? stepToken.manyItemsHeight : stepToken.auto,
79
+ : customTokens.sizing.valueZero,
80
+ height: manyItems
81
+ ? stepToken.manyItemsHeight
82
+ : customTokens.sizing.valueAuto,
72
83
  whiteSpace: manyItems
73
- ? stepToken.manyItemsWhiteSpace
74
- : stepToken.none,
75
- display: stepToken.flex,
76
- alignItems: 'center',
77
- wordBreak: 'break-word',
84
+ ? customTokens.typography.whiteSpaceBreakSpaces
85
+ : customTokens.layout.displayNone,
86
+ display: customTokens.layout.displayFlex,
87
+ alignItems: customTokens.layout.flexCenter,
88
+ wordBreak: customTokens.typography.wordBreak,
78
89
  marginInlineStart: manyItems
79
90
  ? stepToken.manyItemsMarginInlineStart
80
- : stepToken.zero
91
+ : customTokens.sizing.valueZero
81
92
  },
82
93
  [`&-title`]: {
83
- display: 'flex',
84
- flexDirection: 'column',
85
- textAlign: 'center',
86
- lineHeight: 1,
94
+ display: customTokens.layout.displayFlex,
95
+ flexDirection: customTokens.layout.flexDirectionColumn,
96
+ textAlign: customTokens.typography.textAlignCenter,
97
+ lineHeight: customTokens.others.lineHeightShort,
87
98
  fontSize: stepToken.titleFontSize,
88
- fontWeight: '600 !important',
99
+ fontWeight: customTokens.typography.fontWeightBold,
89
100
  paddingInlineEnd: manyItems
90
- ? stepToken.zero
101
+ ? customTokens.sizing.valueZero
91
102
  : stepToken.paddingInlineEnd,
92
103
  ['&::after']: {
93
- display: stepToken.none
104
+ display: customTokens.layout.displayNone
94
105
  }
95
106
  },
96
107
  ['&-subtitle']: {
@@ -99,43 +110,48 @@ export const Steps = (_a) => {
99
110
  },
100
111
  ['&-description']: {
101
112
  marginTop: '10px',
102
- maxWidth: stepToken.full
113
+ maxWidth: customTokens.sizing.valueFull
103
114
  },
104
115
  [`&-icon`]: {
105
- lineHeight: 1,
116
+ lineHeight: customTokens.others.lineHeightShort,
117
+ zIndex: 1,
106
118
  width: manyItems
107
119
  ? stepToken.manyItemsIconWidthHeight
108
120
  : stepToken.iconWidthHeight,
109
121
  height: manyItems
110
122
  ? stepToken.manyItemsIconWidthHeight
111
123
  : stepToken.iconWidthHeight,
112
- marginInlineEnd: stepToken.zero,
124
+ marginInlineEnd: customTokens.sizing.valueZero,
113
125
  ['span']: {
114
- borderRadius: '50%',
115
- display: stepToken.flex,
116
- width: stepToken.full,
117
- height: stepToken.full
126
+ borderRadius: customTokens.sizing.valueHalf,
127
+ display: customTokens.layout.displayFlex,
128
+ width: `${customTokens.sizing.valueFull} !important`,
129
+ height: `${customTokens.sizing.valueFull} !important`
118
130
  },
119
131
  ['svg']: {
120
132
  width: stepToken.iconSize,
121
133
  height: stepToken.iconSize,
122
- margin: stepToken.auto,
134
+ margin: customTokens.sizing.valueAuto,
123
135
  color: stepToken.iconColor,
124
- display: manyItems ? stepToken.none : 'inline-block'
136
+ display: manyItems
137
+ ? customTokens.layout.displayNone
138
+ : customTokens.layout.displayInlineBlock
125
139
  }
126
140
  },
127
141
  [`&-tail`]: {
128
- display: 'block !important',
129
- zIndex: -1,
130
- top: manyItems ? stepToken.auto : stepToken.tailTop,
142
+ display: `${customTokens.layout.displayBlock} !important`,
143
+ zIndex: customTokens.sizing.valueZero,
144
+ top: manyItems
145
+ ? customTokens.sizing.valueAuto
146
+ : stepToken.tailTop,
131
147
  bottom: manyItems
132
148
  ? stepToken.manyItemsTailBottom
133
- : stepToken.auto,
149
+ : customTokens.sizing.valueAuto,
134
150
  ['::after']: {
135
151
  height: manyItems
136
152
  ? stepToken.manyItemsTailHeight
137
153
  : stepToken.tailHeight,
138
- borderRadius: stepToken.zero
154
+ borderRadius: customTokens.sizing.valueZero
139
155
  }
140
156
  },
141
157
  [`&:first-child`]: {
@@ -182,7 +198,7 @@ export const Steps = (_a) => {
182
198
  [`&:first-child`]: {
183
199
  [`${prefixClsWithoutHash}-item-tail`]: {
184
200
  ['&::after']: {
185
- background: 'none !important'
201
+ background: customTokens.layout.displayNone
186
202
  }
187
203
  }
188
204
  }
@@ -249,7 +265,7 @@ export const Steps = (_a) => {
249
265
  [`&:first-child`]: {
250
266
  [`${prefixClsWithoutHash}-item-tail`]: {
251
267
  ['&::after']: {
252
- background: 'none !important'
268
+ background: customTokens.layout.displayNone
253
269
  }
254
270
  }
255
271
  }
@@ -269,7 +285,7 @@ export const Steps = (_a) => {
269
285
  [`&:first-child`]: {
270
286
  [`${prefixClsWithoutHash}-item-tail`]: {
271
287
  ['&::after']: {
272
- background: 'none !important'
288
+ background: customTokens.layout.displayNone
273
289
  }
274
290
  }
275
291
  }
@@ -277,7 +293,7 @@ export const Steps = (_a) => {
277
293
  [`&${prefixClsWithoutHash}-small`]: {
278
294
  [`${prefixClsWithoutHash}-item`]: {
279
295
  ['&-container']: {
280
- rowGap: '0'
296
+ rowGap: customTokens.sizing.valueZero
281
297
  },
282
298
  [`&-icon`]: {
283
299
  scale: '0.8'
@@ -289,31 +305,31 @@ export const Steps = (_a) => {
289
305
  },
290
306
  [`&${prefixClsWithoutHash}-dot`]: {
291
307
  [`${prefixClsWithoutHash}-item`]: {
292
- overflow: 'hidden',
308
+ overflow: customTokens.overflow.overflowHidden,
293
309
  [`&-icon`]: {
294
310
  width: '10px !important',
295
311
  height: '10px !important',
296
- marginInlineStart: '0 !important',
312
+ marginInlineStart: customTokens.sizing.valueZero,
297
313
  ['span']: {
298
- color: 'inherit !important',
299
- background: 'inherit !important'
314
+ color: customTokens.sizing.valueInherit,
315
+ background: customTokens.sizing.valueInherit
300
316
  }
301
317
  },
302
318
  [`&${prefixClsWithoutHash}-icon`]: {
303
- background: 'inherit !important',
319
+ background: customTokens.sizing.valueInherit,
304
320
  [`&${prefixClsWithoutHash}-icon-dot`]: {
305
- background: 'inherit !important'
321
+ background: customTokens.sizing.valueInherit
306
322
  }
307
323
  },
308
324
  ['&-title']: {
309
- paddingInlineEnd: '0'
325
+ paddingInlineEnd: customTokens.sizing.valueZero
310
326
  },
311
327
  ['&-tail']: {
312
328
  top: '3px',
313
- marginInline: '0',
329
+ marginInline: customTokens.sizing.valueZero,
314
330
  ['&::after']: {
315
- width: '100%',
316
- marginInlineStart: '0'
331
+ width: `${customTokens.sizing.valueFull} !important`,
332
+ marginInlineStart: customTokens.sizing.valueZero
317
333
  }
318
334
  }
319
335
  }
@@ -322,8 +338,8 @@ export const Steps = (_a) => {
322
338
  rowGap: '30px',
323
339
  [`${prefixClsWithoutHash}-item`]: {
324
340
  ['&-container']: {
325
- flexDirection: 'row',
326
- justifyContent: 'start',
341
+ flexDirection: customTokens.layout.flexDirectionRow,
342
+ justifyContent: customTokens.layout.flexStart,
327
343
  [`${prefixClsWithoutHash}-item-tail`]: {
328
344
  top: '30px',
329
345
  insetInlineStart: '18px',
@@ -335,11 +351,11 @@ export const Steps = (_a) => {
335
351
  }
336
352
  },
337
353
  [`&-content`]: {
338
- minHeight: 'auto'
354
+ minHeight: customTokens.sizing.valueAuto
339
355
  },
340
356
  ['&:last-child']: {
341
357
  [`${prefixClsWithoutHash}-item-tail`]: {
342
- display: 'none !important'
358
+ display: customTokens.layout.displayNone
343
359
  }
344
360
  }
345
361
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@akinon/ui-steps",
3
- "version": "1.0.0",
3
+ "version": "1.0.2",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "main": "dist/esm/index.js",
@@ -10,15 +10,15 @@
10
10
  ],
11
11
  "dependencies": {
12
12
  "antd": "5.22.6",
13
- "@akinon/ui-theme": "1.0.0",
14
- "@akinon/icons": "1.0.0"
13
+ "@akinon/icons": "1.0.1",
14
+ "@akinon/ui-theme": "1.0.2"
15
15
  },
16
16
  "devDependencies": {
17
17
  "clean-package": "2.2.0",
18
18
  "copyfiles": "^2.4.1",
19
19
  "rimraf": "^5.0.5",
20
20
  "typescript": "*",
21
- "@akinon/typescript-config": "1.0.0"
21
+ "@akinon/typescript-config": "1.0.1"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "react": ">=18",