@bitrise/bitkit 13.287.0 → 13.288.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/package.json
CHANGED
|
@@ -15,6 +15,11 @@ const ProgressIndicatorTheme = itemHelpers.defineMultiStyleConfig({
|
|
|
15
15
|
display: 'flex',
|
|
16
16
|
width: '100%',
|
|
17
17
|
},
|
|
18
|
+
iconContainer: {
|
|
19
|
+
display: 'flex',
|
|
20
|
+
alignItems: 'center',
|
|
21
|
+
justifyContent: 'center',
|
|
22
|
+
},
|
|
18
23
|
iconWithLine: {
|
|
19
24
|
display: 'grid',
|
|
20
25
|
},
|
|
@@ -44,7 +49,7 @@ const ProgressIndicatorTheme = itemHelpers.defineMultiStyleConfig({
|
|
|
44
49
|
flexDir: 'row',
|
|
45
50
|
},
|
|
46
51
|
iconWithLine: {
|
|
47
|
-
gridTemplateColumns: '1fr
|
|
52
|
+
gridTemplateColumns: '1fr 20px 1fr',
|
|
48
53
|
},
|
|
49
54
|
labelContainer: {
|
|
50
55
|
flexDir: 'row',
|
|
@@ -61,12 +66,13 @@ const ProgressIndicatorTheme = itemHelpers.defineMultiStyleConfig({
|
|
|
61
66
|
flexDir: 'column',
|
|
62
67
|
},
|
|
63
68
|
iconWithLine: {
|
|
64
|
-
gridTemplateRows: '
|
|
69
|
+
gridTemplateRows: '20px 1fr',
|
|
65
70
|
minHeight: '62px',
|
|
66
71
|
},
|
|
67
72
|
labelContainer: {
|
|
68
73
|
flexDir: 'column',
|
|
69
74
|
justifyContent: 'start',
|
|
75
|
+
marginTop: '-0.125rem',
|
|
70
76
|
},
|
|
71
77
|
line: {
|
|
72
78
|
height: '100%',
|
|
@@ -38,45 +38,28 @@ type RenderStage = (ProgressStage & { spacer?: never }) | { spacer: true };
|
|
|
38
38
|
const SegmentLine = ({
|
|
39
39
|
activeSegmentIndex,
|
|
40
40
|
segmentIndex,
|
|
41
|
-
side = 'left',
|
|
42
41
|
spacer,
|
|
43
42
|
variant,
|
|
44
43
|
}: {
|
|
45
44
|
segmentIndex: number;
|
|
46
45
|
activeSegmentIndex: number;
|
|
47
46
|
variant: 'horizontal' | 'vertical';
|
|
48
|
-
side?: 'left' | 'right';
|
|
49
47
|
spacer?: true;
|
|
50
48
|
}) => {
|
|
51
49
|
const style = useMultiStyleConfig('ProgressIndicator', { variant });
|
|
52
50
|
let props: {
|
|
53
51
|
color: DividerProps['color'];
|
|
54
|
-
marginLeft?: DividerProps['marginLeft'];
|
|
55
|
-
paddingRight?: DividerProps['paddingRight'];
|
|
56
52
|
variant?: DividerProps['variant'];
|
|
57
|
-
} = {
|
|
58
|
-
color: 'border.minimal',
|
|
59
|
-
[variant === 'horizontal' ? 'marginLeft' : 'marginTop']: side === 'right' ? -2 : 0,
|
|
60
|
-
...(variant === 'horizontal' ? { paddingRight: 2 } : { paddingBottom: 4 }),
|
|
61
|
-
};
|
|
53
|
+
} = { color: 'border.minimal' };
|
|
62
54
|
|
|
63
55
|
if (segmentIndex < activeSegmentIndex) {
|
|
64
|
-
props = {
|
|
65
|
-
...props,
|
|
66
|
-
color: 'border.selected',
|
|
67
|
-
};
|
|
56
|
+
props = { ...props, color: 'border.selected' };
|
|
68
57
|
} else if (segmentIndex === activeSegmentIndex) {
|
|
69
58
|
props = {
|
|
70
59
|
...props,
|
|
71
60
|
color: 'border.selected',
|
|
72
61
|
variant: 'dashed',
|
|
73
62
|
};
|
|
74
|
-
|
|
75
|
-
props = {
|
|
76
|
-
...props,
|
|
77
|
-
[variant === 'horizontal' ? 'marginLeft' : 'marginTop']: side === 'left' ? 2 : -2,
|
|
78
|
-
...(variant === 'horizontal' ? { paddingRight: 0 } : {}),
|
|
79
|
-
};
|
|
80
63
|
}
|
|
81
64
|
return (
|
|
82
65
|
<Divider
|
|
@@ -140,7 +123,6 @@ const RealStage = ({
|
|
|
140
123
|
(segmentIndex > 0 ? (
|
|
141
124
|
<SegmentLine
|
|
142
125
|
activeSegmentIndex={activeSegmentIndex}
|
|
143
|
-
side="left"
|
|
144
126
|
segmentIndex={segmentIndex - (extendLines ? 2 : 1)}
|
|
145
127
|
variant={variant}
|
|
146
128
|
/>
|
|
@@ -148,17 +130,14 @@ const RealStage = ({
|
|
|
148
130
|
<div />
|
|
149
131
|
))}
|
|
150
132
|
<Tooltip isDisabled={!tooltip} {...tooltip}>
|
|
151
|
-
<
|
|
133
|
+
<Box sx={style.iconContainer}>
|
|
134
|
+
<Icon color={iconColor} name={iconName} transform={iconTransform} />
|
|
135
|
+
</Box>
|
|
152
136
|
</Tooltip>
|
|
153
137
|
{lastBlock ? (
|
|
154
138
|
<div />
|
|
155
139
|
) : (
|
|
156
|
-
<SegmentLine
|
|
157
|
-
activeSegmentIndex={activeSegmentIndex}
|
|
158
|
-
segmentIndex={segmentIndex}
|
|
159
|
-
side="right"
|
|
160
|
-
variant={variant}
|
|
161
|
-
/>
|
|
140
|
+
<SegmentLine activeSegmentIndex={activeSegmentIndex} segmentIndex={segmentIndex} variant={variant} />
|
|
162
141
|
)}
|
|
163
142
|
</Box>
|
|
164
143
|
<Box sx={style.labelContainer}>
|