Skip to content

Commit 05fa616

Browse files
svc-instuisvc-instui
committed
kamu change
1 parent 36c320d commit 05fa616

25 files changed

Lines changed: 1994 additions & 1262 deletions

‎packages/ui-scripts/lib/build/tokensStudio/$metadata.json‎

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -6,28 +6,26 @@
66
"canvas/semantic/color/canvasHighContrast",
77
"canvas/component/Avatar",
88
"canvas/component/Breadcrumb",
9-
"canvas/component/FormField",
9+
"canvas/component/Button",
1010
"canvas/component/FormFieldLabel",
1111
"canvas/component/FormFieldMessage",
12-
"canvas/component/Icon",
1312
"canvas/component/Link",
1413
"canvas/component/Metric",
1514
"canvas/component/Pill",
1615
"canvas/component/Spinner",
1716
"canvas/component/TextInput",
18-
"rebrand/semantic/layout/default",
19-
"rebrand/semantic/color/rebrandLight",
20-
"rebrand/semantic/color/rebrandDark",
17+
"rebrand/component/Button",
2118
"rebrand/component/Avatar",
2219
"rebrand/component/Breadcrumb",
23-
"rebrand/component/FormField",
2420
"rebrand/component/FormFieldLabel",
2521
"rebrand/component/FormFieldMessage",
26-
"rebrand/component/Icon",
2722
"rebrand/component/Link",
2823
"rebrand/component/Metric",
2924
"rebrand/component/Pill",
3025
"rebrand/component/Spinner",
31-
"rebrand/component/TextInput"
26+
"rebrand/component/TextInput",
27+
"rebrand/semantic/layout/default",
28+
"rebrand/semantic/color/rebrandLight",
29+
"rebrand/semantic/color/rebrandDark"
3230
]
3331
}

‎packages/ui-scripts/lib/build/tokensStudio/$themes.json‎

Lines changed: 545 additions & 393 deletions
Large diffs are not rendered by default.

‎packages/ui-scripts/lib/build/tokensStudio/canvas/component/Breadcrumb.json‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,21 @@
11
{
22
"breadcrumb": {
3-
"fontSizeSm": {
4-
"value": "{fontSize.textSm}",
3+
"fontSizeLg": {
4+
"value": "{fontSize.text2xl}",
55
"type": "fontSizes"
66
},
77
"fontSizeMd": {
88
"value": "{fontSize.textBase}",
99
"type": "fontSizes"
1010
},
11-
"fontSizeLg": {
12-
"value": "22px",
13-
"type": "fontSizes"
14-
},
1511
"separatorColor": {
1612
"value": "{color.icon.muted}",
1713
"type": "color"
1814
},
15+
"fontSizeSm": {
16+
"value": "{fontSize.textSm}",
17+
"type": "fontSizes"
18+
},
1919
"fontColor": {
2020
"value": "{color.text.base}",
2121
"type": "color"
@@ -24,17 +24,17 @@
2424
"value": "{color.icon.base}",
2525
"type": "color"
2626
},
27-
"gapSm": {
28-
"value": "{spacing.space2xs}",
29-
"type": "spacing"
30-
},
31-
"gapMd": {
27+
"spaceBetweenElementsMd": {
3228
"value": "{spacing.spaceXs}",
3329
"type": "spacing"
3430
},
35-
"gapLg": {
31+
"spaceBetweenElementsLg": {
3632
"value": "{spacing.spaceSm}",
3733
"type": "spacing"
34+
},
35+
"spaceBetweenElementsSm": {
36+
"value": "{spacing.space2xs}",
37+
"type": "spacing"
3838
}
3939
}
4040
}

‎packages/ui-scripts/lib/build/tokensStudio/canvas/component/Button.json‎

Lines changed: 268 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,268 @@
1+
{
2+
"button": {
3+
"primaryBackgroundColor": {
4+
"value": "{color.background.interactive.primary.base}",
5+
"type": "color"
6+
},
7+
"primaryHoverBackgroundColor": {
8+
"value": "{color.background.interactive.primary.hover}",
9+
"type": "color"
10+
},
11+
"primaryActiveBackgroundColor": {
12+
"value": "{color.background.interactive.primary.active}",
13+
"type": "color"
14+
},
15+
"primaryDisabledBackgroundColor": {
16+
"value": "{color.background.interactive.primary.disabled}",
17+
"type": "color"
18+
},
19+
"primaryBorderColor": {
20+
"value": "{color.stroke.interactive.primary.base}",
21+
"type": "color"
22+
},
23+
"primaryDisabledBorderColor": {
24+
"value": "{color.stroke.interactive.primary.disabled}",
25+
"type": "color"
26+
},
27+
"primaryTextColor": {
28+
"value": "{color.text.interactive.primaryOnColor.base}",
29+
"type": "color"
30+
},
31+
"primaryIconColor": {
32+
"value": "{color.icon.onColor}",
33+
"type": "color"
34+
},
35+
"secondaryBackgroundColor": {
36+
"value": "{color.background.interactive.secondary.base}",
37+
"type": "color"
38+
},
39+
"secondaryHoverBackgroundColor": {
40+
"value": "{color.background.interactive.secondary.hover}",
41+
"type": "color"
42+
},
43+
"secondaryActiveBackgroundColor": {
44+
"value": "{color.background.interactive.secondary.active}",
45+
"type": "color"
46+
},
47+
"secondaryDisabledBackgroundColor": {
48+
"value": "{color.background.interactive.secondary.disabled}",
49+
"type": "color"
50+
},
51+
"secondaryBorderColor": {
52+
"value": "{color.stroke.interactive.secondary.base}",
53+
"type": "color"
54+
},
55+
"secondaryTextColor": {
56+
"value": "{color.text.interactive.secondary.active}",
57+
"type": "color"
58+
},
59+
"successBackgroundColor": {
60+
"value": "{color.background.interactive.success.base}",
61+
"type": "color"
62+
},
63+
"successHoverBackgroundColor": {
64+
"value": "{color.background.interactive.success.hover}",
65+
"type": "color"
66+
},
67+
"successActiveBackgroundColor": {
68+
"value": "{color.background.interactive.success.active}",
69+
"type": "color"
70+
},
71+
"successDisabledBackgroundColor": {
72+
"value": "{color.background.interactive.success.disabled}",
73+
"type": "color"
74+
},
75+
"successBorderColor": {
76+
"value": "{color.stroke.interactive.success.base}",
77+
"type": "color"
78+
},
79+
"successTextColor": {
80+
"value": "{color.text.onColor}",
81+
"type": "color"
82+
},
83+
"destructiveBackgroundColor": {
84+
"value": "{color.background.interactive.destructive.base}",
85+
"type": "color"
86+
},
87+
"destructiveHoverBackgroundColor": {
88+
"value": "{color.background.interactive.destructive.hover}",
89+
"type": "color"
90+
},
91+
"destructiveActiveBackgroundColor": {
92+
"value": "{color.background.interactive.destructive.active}",
93+
"type": "color"
94+
},
95+
"destructiveDisabledBackgroundColor": {
96+
"value": "{color.background.interactive.destructive.disabled}",
97+
"type": "color"
98+
},
99+
"destructiveBorderColor": {
100+
"value": "{color.stroke.interactive.destructive.base}",
101+
"type": "color"
102+
},
103+
"destructiveTextColor": {
104+
"value": "{color.text.onColor}",
105+
"type": "color"
106+
},
107+
"aiBackgroundBottomGradientColor": {
108+
"value": "{color.background.interactive.ai.bottomGradient.base}",
109+
"type": "color"
110+
},
111+
"aiHoverBackgroundBottomGradientColor": {
112+
"value": "{color.background.interactive.ai.bottomGradient.hover}",
113+
"type": "color"
114+
},
115+
"aiActiveBackgroundBottomGradientColor": {
116+
"value": "{color.background.interactive.ai.bottomGradient.active}",
117+
"type": "color"
118+
},
119+
"aiDisabledBackgroundBottomGradientColor": {
120+
"value": "{color.background.interactive.ai.bottomGradient.disabled}",
121+
"type": "color"
122+
},
123+
"aiBackgroundTopGradientColor": {
124+
"value": "{color.background.interactive.ai.topGradient.base}",
125+
"type": "color"
126+
},
127+
"aiHoverBackgroundTopGradientColor": {
128+
"value": "{color.background.interactive.ai.topGradient.hover}",
129+
"type": "color"
130+
},
131+
"aiActiveBackgroundTopGradientColor": {
132+
"value": "{color.background.interactive.ai.topGradient.active}",
133+
"type": "color"
134+
},
135+
"aiDisabledBackgroundTopGradientColor": {
136+
"value": "{color.background.interactive.ai.topGradient.disabled}",
137+
"type": "color"
138+
},
139+
"aiBorderTopGradientColor": {
140+
"value": "{color.stroke.interactive.ai.topGradient.base}",
141+
"type": "color"
142+
},
143+
"aiBorderBottomGradientColor": {
144+
"value": "{color.stroke.interactive.ai.bottomGradient.base}",
145+
"type": "color"
146+
},
147+
"aiTextColor": {
148+
"value": "{color.text.onColor}",
149+
"type": "color"
150+
},
151+
"aiSecondaryBackgroundColor": {
152+
"value": "{color.background.interactive.aiSecondary.base}",
153+
"type": "color"
154+
},
155+
"aiSecondaryTextTopGradientColor": {
156+
"value": "{color.text.interactive.aiSecondary.topGradient.base}",
157+
"type": "color"
158+
},
159+
"aiSecondaryTextBottomGradientColor": {
160+
"value": "{color.text.interactive.aiSecondary.bottomGradient.base}",
161+
"type": "color"
162+
},
163+
"aiSecondaryIconTopGradientColor": {
164+
"value": "{color.icon.interactive.ai.TopGradient.base}",
165+
"type": "color"
166+
},
167+
"aiSecondaryIconBottomGradientColor": {
168+
"value": "{color.icon.interactive.ai.BottomGradient.base}",
169+
"type": "color"
170+
},
171+
"primaryOnColorBackgroundColor": {
172+
"value": "{color.background.interactive.primaryOnColor.base}",
173+
"type": "color"
174+
},
175+
"primaryOnColorHoverBackgroundColor": {
176+
"value": "{color.background.interactive.primaryOnColor.hover}",
177+
"type": "color"
178+
},
179+
"primaryOnColorActiveBackgroundColor": {
180+
"value": "{color.background.interactive.primaryOnColor.active}",
181+
"type": "color"
182+
},
183+
"primaryOnColorBorderColor": {
184+
"value": "{color.stroke.interactive.primaryOnColor.base}",
185+
"type": "color"
186+
},
187+
"primaryOnColorTextColor": {
188+
"value": "{color.text.interactive.secondary.base}",
189+
"type": "color"
190+
},
191+
"minHeightSm": {
192+
"value": "{size.interactive.height.sm}",
193+
"type": "sizing"
194+
},
195+
"minHeightMd": {
196+
"value": "{size.interactive.height.md}",
197+
"type": "sizing"
198+
},
199+
"minHeightLg": {
200+
"value": "{size.interactive.height.lg}",
201+
"type": "sizing"
202+
},
203+
"paddingHorizontalMd": {
204+
"value": "{spacing.padding.interactive.horizontalMd}",
205+
"type": "spacing"
206+
},
207+
"paddingHorizontalSm": {
208+
"value": "{spacing.padding.interactive.horizontalSm}",
209+
"type": "spacing"
210+
},
211+
"paddingHorizontalLg": {
212+
"value": "{spacing.padding.interactive.horizontalLg}",
213+
"type": "spacing"
214+
},
215+
"borderRadiusBase": {
216+
"value": "{borderRadius.interactive.base}",
217+
"type": "borderRadius"
218+
},
219+
"borderWidth": {
220+
"value": "{borderWidth.interactive.base}",
221+
"type": "borderWidth"
222+
},
223+
"fontFamily": {
224+
"value": "{fontFamily.base}",
225+
"type": "fontFamilies"
226+
},
227+
"fontWeight": {
228+
"value": "{fontWeight.body.base}",
229+
"type": "fontWeights"
230+
},
231+
"gapButtonContentSm": {
232+
"value": "{spacing.spaceXs}",
233+
"type": "spacing"
234+
},
235+
"gapButtonContentMd": {
236+
"value": "{spacing.spaceMd}",
237+
"type": "spacing"
238+
},
239+
"gapButtonContentLg": {
240+
"value": "{spacing.spaceSm}",
241+
"type": "spacing"
242+
},
243+
"fontSizeSm": {
244+
"value": "{fontSize.textSm}",
245+
"type": "fontSizes"
246+
},
247+
"fontSizeMd": {
248+
"value": "{fontSize.textBase}",
249+
"type": "fontSizes"
250+
},
251+
"fontSizeLg": {
252+
"value": "1.375rem",
253+
"type": "fontSizes"
254+
},
255+
"lineHeightSm": {
256+
"value": "{lineHeight.standalone.textSm}",
257+
"type": "lineHeights"
258+
},
259+
"lineHeightMd": {
260+
"value": "{lineHeight.standalone.textBase}",
261+
"type": "lineHeights"
262+
},
263+
"lineHeightLg": {
264+
"value": "1.375rem",
265+
"type": "lineHeights"
266+
}
267+
}
268+
}

‎packages/ui-scripts/lib/build/tokensStudio/canvas/component/FormFieldLabel.json‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,6 @@
44
"value": "{color.text.base}",
55
"type": "color"
66
},
7-
"readonlyTextColor": {
8-
"value": "{color.text.muted}",
9-
"type": "color"
10-
},
117
"asteriskColor": {
128
"value": "{color.text.base}",
139
"type": "color"
@@ -27,6 +23,10 @@
2723
"lineHeight": {
2824
"value": "{lineHeight.standalone.textBase}",
2925
"type": "lineHeights"
26+
},
27+
"readonlyTextColor": {
28+
"value": "{color.text.muted}",
29+
"type": "color"
3030
}
3131
}
3232
}

‎packages/ui-scripts/lib/build/tokensStudio/canvas/component/FormFieldMessage.json‎

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -16,10 +16,6 @@
1616
"value": "{color.text.success}",
1717
"type": "color"
1818
},
19-
"successIconColor": {
20-
"value": "{color.icon.success}",
21-
"type": "color"
22-
},
2319
"fontWeight": {
2420
"value": "{fontWeight.body.base}",
2521
"type": "fontWeights"

0 commit comments

Comments
 (0)