Skip to content

Commit 98ef40f

Browse files
svc-instuisvc-instui
committed
chore: added alert tokens
1 parent 2b1450e commit 98ef40f

File tree

4 files changed

+274
-4
lines changed

4 files changed

+274
-4
lines changed

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

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
"canvas/semantic/color/canvas",
55
"canvas/semantic/color/canvasHighContrast",
66
"canvas/semantic/layout/default",
7+
"canvas/component/Alert",
78
"canvas/component/Avatar",
89
"canvas/component/Badge",
910
"canvas/component/BaseButton",
@@ -49,6 +50,7 @@
4950
"canvas/component/View",
5051
"rebrand/component/SourceCodeEditor",
5152
"rebrand/component/Table",
53+
"rebrand/component/Alert",
5254
"rebrand/component/Avatar",
5355
"rebrand/component/Badge",
5456
"rebrand/component/BaseButton",

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

Lines changed: 80 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,8 @@
4848
"canvas/component/Flex": "enabled",
4949
"canvas/component/SourceCodeEditor": "enabled",
5050
"canvas/component/TreeBrowser": "enabled",
51-
"canvas/component/ToggleDetails": "enabled"
51+
"canvas/component/ToggleDetails": "enabled",
52+
"canvas/component/Alert": "enabled"
5253
},
5354
"$figmaStyleReferences": {
5455
"primaryBg": "S:7bfe47b8656807754868fc09a300778c7b28a4ea,",
@@ -557,6 +558,24 @@
557558
"tableColHeader.fontSize": "246e3a4c69eda118326c2dc95d72d40c433fce6e",
558559
"tableColHeader.paddingVertical": "a1eee9feb53d248271d95e120f92366a7af4822b",
559560
"tableColHeader.paddingHorizontal": "d54eabd7fbaa056e5572c23ed5525e541b5f2467",
561+
"alert.background": "a62da23ddf40a282f5ab94473e3b48d7c7b449a0",
562+
"alert.borderRadius": "3abe7e80ec4064e9bf2361e09d7b2a8dca2ed97a",
563+
"alert.borderWidth": "f4bdaeceac5fcfe1a34acc1c8371d3dffe8c1b31",
564+
"alert.color": "a4b2d8c4e8697db9201417632c798878ab32f879",
565+
"alert.contentFontFamily": "8e0736d85d2bb4de4a659d035b3ba61e1903302e",
566+
"alert.contentFontSize": "3ce142a5507bf9834eaecf629299c9a0cf4c877a",
567+
"alert.contentFontWeight": "6407f649ae5e09f6a0bd37ae7cd5536b6ecea386",
568+
"alert.dangerBorderColor": "6882c1ef82d5cc3c42af4f67f14487e2298374c8",
569+
"alert.dangerIconBackground": "2b060a0168fde35fcd9629641cef4945e12f93e9",
570+
"alert.iconColor": "97ec2abafb21b8c69166c1b44d3674fbcfb50cfa",
571+
"alert.infoBoderColor": "9d95a17de5e011061638f8883036611a02dfbb99",
572+
"alert.infoIconBackground": "b21d0b83d5a429ce83f923fbc7351fa24016e90a",
573+
"alert.successBorderColor": "0b8397f43f640c6887fa4cc718d2df279a168615",
574+
"alert.successIconBackground": "d38b5cdea5a2dd98e81b95310d75a651c1f5154a",
575+
"alert.warningBorderColor": "9684f4073db84d213acd5ab672cc40f4e9525e4d",
576+
"alert.warningIconBackground": "8b4ef2368b3efddb63699a4f54e88029f99819fb",
577+
"alert.contentPaddingVertical": "27638a93de6dc579810022437813c64e48973792",
578+
"alert.contentPaddingHorizontal": "6205d74cdc5a1a11e71dc923f74d99167926af1a",
560579
"avatar.backgroundColor": "e1481f812d6ac0dc0620c4764ebcf323b29d38ad",
561580
"avatar.borderColor": "226288e9db85cf3d16bf4368b07c70aa5a18d7a3",
562581
"avatar.borderWidthSm": "5309df0b1654d29e763049782ece62088d064771",
@@ -1803,7 +1822,8 @@
18031822
"canvas/component/Flex": "enabled",
18041823
"canvas/component/SourceCodeEditor": "enabled",
18051824
"canvas/component/TreeBrowser": "enabled",
1806-
"canvas/component/ToggleDetails": "enabled"
1825+
"canvas/component/ToggleDetails": "enabled",
1826+
"canvas/component/Alert": "enabled"
18071827
},
18081828
"$figmaStyleReferences": {
18091829
"primaryBg": "S:7bfe47b8656807754868fc09a300778c7b28a4ea,",
@@ -2248,6 +2268,24 @@
22482268
"tableColHeader.fontSize": "246e3a4c69eda118326c2dc95d72d40c433fce6e",
22492269
"tableColHeader.paddingVertical": "a1eee9feb53d248271d95e120f92366a7af4822b",
22502270
"tableColHeader.paddingHorizontal": "d54eabd7fbaa056e5572c23ed5525e541b5f2467",
2271+
"alert.background": "a62da23ddf40a282f5ab94473e3b48d7c7b449a0",
2272+
"alert.borderRadius": "3abe7e80ec4064e9bf2361e09d7b2a8dca2ed97a",
2273+
"alert.borderWidth": "f4bdaeceac5fcfe1a34acc1c8371d3dffe8c1b31",
2274+
"alert.color": "a4b2d8c4e8697db9201417632c798878ab32f879",
2275+
"alert.contentFontFamily": "8e0736d85d2bb4de4a659d035b3ba61e1903302e",
2276+
"alert.contentFontSize": "3ce142a5507bf9834eaecf629299c9a0cf4c877a",
2277+
"alert.contentFontWeight": "6407f649ae5e09f6a0bd37ae7cd5536b6ecea386",
2278+
"alert.dangerBorderColor": "6882c1ef82d5cc3c42af4f67f14487e2298374c8",
2279+
"alert.dangerIconBackground": "2b060a0168fde35fcd9629641cef4945e12f93e9",
2280+
"alert.iconColor": "97ec2abafb21b8c69166c1b44d3674fbcfb50cfa",
2281+
"alert.infoBoderColor": "9d95a17de5e011061638f8883036611a02dfbb99",
2282+
"alert.infoIconBackground": "b21d0b83d5a429ce83f923fbc7351fa24016e90a",
2283+
"alert.successBorderColor": "0b8397f43f640c6887fa4cc718d2df279a168615",
2284+
"alert.successIconBackground": "d38b5cdea5a2dd98e81b95310d75a651c1f5154a",
2285+
"alert.warningBorderColor": "9684f4073db84d213acd5ab672cc40f4e9525e4d",
2286+
"alert.warningIconBackground": "8b4ef2368b3efddb63699a4f54e88029f99819fb",
2287+
"alert.contentPaddingVertical": "27638a93de6dc579810022437813c64e48973792",
2288+
"alert.contentPaddingHorizontal": "6205d74cdc5a1a11e71dc923f74d99167926af1a",
22512289
"avatar.backgroundColor": "e1481f812d6ac0dc0620c4764ebcf323b29d38ad",
22522290
"avatar.borderColor": "226288e9db85cf3d16bf4368b07c70aa5a18d7a3",
22532291
"avatar.borderWidthSm": "5309df0b1654d29e763049782ece62088d064771",
@@ -3494,7 +3532,8 @@
34943532
"rebrand/component/SourceCodeEditor": "enabled",
34953533
"rebrand/component/Flex": "enabled",
34963534
"rebrand/component/TreeBrowser": "enabled",
3497-
"rebrand/component/ToggleDetails": "enabled"
3535+
"rebrand/component/ToggleDetails": "enabled",
3536+
"rebrand/component/Alert": "enabled"
34983537
},
34993538
"$figmaStyleReferences": {
35003539
"elevation1": "S:0c22a809359ba629b2e09fde021efd3495cd9543,",
@@ -4033,6 +4072,24 @@
40334072
"visibleInRebrand": "a739f61d44fc012d8d4044d559ec9ba7744e94f8",
40344073
"opacity.base": "86ce8d7f5016628d3c9f5f268385cd5c2105baf7",
40354074
"opacity.disabled": "d22899731dafb77b8ce5fd08e2387d95ccb473ea",
4075+
"alert.background": "a62da23ddf40a282f5ab94473e3b48d7c7b449a0",
4076+
"alert.borderRadius": "3abe7e80ec4064e9bf2361e09d7b2a8dca2ed97a",
4077+
"alert.borderWidth": "f4bdaeceac5fcfe1a34acc1c8371d3dffe8c1b31",
4078+
"alert.color": "a4b2d8c4e8697db9201417632c798878ab32f879",
4079+
"alert.contentFontFamily": "8e0736d85d2bb4de4a659d035b3ba61e1903302e",
4080+
"alert.contentFontSize": "3ce142a5507bf9834eaecf629299c9a0cf4c877a",
4081+
"alert.contentFontWeight": "6407f649ae5e09f6a0bd37ae7cd5536b6ecea386",
4082+
"alert.dangerBorderColor": "6882c1ef82d5cc3c42af4f67f14487e2298374c8",
4083+
"alert.dangerIconBackground": "2b060a0168fde35fcd9629641cef4945e12f93e9",
4084+
"alert.iconColor": "97ec2abafb21b8c69166c1b44d3674fbcfb50cfa",
4085+
"alert.infoBoderColor": "9d95a17de5e011061638f8883036611a02dfbb99",
4086+
"alert.infoIconBackground": "b21d0b83d5a429ce83f923fbc7351fa24016e90a",
4087+
"alert.successBorderColor": "0b8397f43f640c6887fa4cc718d2df279a168615",
4088+
"alert.successIconBackground": "d38b5cdea5a2dd98e81b95310d75a651c1f5154a",
4089+
"alert.warningBorderColor": "9684f4073db84d213acd5ab672cc40f4e9525e4d",
4090+
"alert.warningIconBackground": "8b4ef2368b3efddb63699a4f54e88029f99819fb",
4091+
"alert.contentPaddingVertical": "27638a93de6dc579810022437813c64e48973792",
4092+
"alert.contentPaddingHorizontal": "6205d74cdc5a1a11e71dc923f74d99167926af1a",
40364093
"avatar.backgroundColor": "e1481f812d6ac0dc0620c4764ebcf323b29d38ad",
40374094
"avatar.borderColor": "226288e9db85cf3d16bf4368b07c70aa5a18d7a3",
40384095
"avatar.borderWidthSm": "5309df0b1654d29e763049782ece62088d064771",
@@ -5247,7 +5304,8 @@
52475304
"rebrand/component/SourceCodeEditor": "enabled",
52485305
"rebrand/component/Flex": "enabled",
52495306
"rebrand/component/TreeBrowser": "enabled",
5250-
"rebrand/component/ToggleDetails": "enabled"
5307+
"rebrand/component/ToggleDetails": "enabled",
5308+
"rebrand/component/Alert": "enabled"
52515309
},
52525310
"$figmaStyleReferences": {
52535311
"avatar.boxShadow": "S:ce597b947227d2e4b1f0fa80d2b7be88a5987dc2,",
@@ -5722,6 +5780,24 @@
57225780
"visibleInRebrand": "a739f61d44fc012d8d4044d559ec9ba7744e94f8",
57235781
"opacity.base": "86ce8d7f5016628d3c9f5f268385cd5c2105baf7",
57245782
"opacity.disabled": "d22899731dafb77b8ce5fd08e2387d95ccb473ea",
5783+
"alert.background": "a62da23ddf40a282f5ab94473e3b48d7c7b449a0",
5784+
"alert.borderRadius": "3abe7e80ec4064e9bf2361e09d7b2a8dca2ed97a",
5785+
"alert.borderWidth": "f4bdaeceac5fcfe1a34acc1c8371d3dffe8c1b31",
5786+
"alert.color": "a4b2d8c4e8697db9201417632c798878ab32f879",
5787+
"alert.contentFontFamily": "8e0736d85d2bb4de4a659d035b3ba61e1903302e",
5788+
"alert.contentFontSize": "3ce142a5507bf9834eaecf629299c9a0cf4c877a",
5789+
"alert.contentFontWeight": "6407f649ae5e09f6a0bd37ae7cd5536b6ecea386",
5790+
"alert.dangerBorderColor": "6882c1ef82d5cc3c42af4f67f14487e2298374c8",
5791+
"alert.dangerIconBackground": "2b060a0168fde35fcd9629641cef4945e12f93e9",
5792+
"alert.iconColor": "97ec2abafb21b8c69166c1b44d3674fbcfb50cfa",
5793+
"alert.infoBoderColor": "9d95a17de5e011061638f8883036611a02dfbb99",
5794+
"alert.infoIconBackground": "b21d0b83d5a429ce83f923fbc7351fa24016e90a",
5795+
"alert.successBorderColor": "0b8397f43f640c6887fa4cc718d2df279a168615",
5796+
"alert.successIconBackground": "d38b5cdea5a2dd98e81b95310d75a651c1f5154a",
5797+
"alert.warningBorderColor": "9684f4073db84d213acd5ab672cc40f4e9525e4d",
5798+
"alert.warningIconBackground": "8b4ef2368b3efddb63699a4f54e88029f99819fb",
5799+
"alert.contentPaddingVertical": "27638a93de6dc579810022437813c64e48973792",
5800+
"alert.contentPaddingHorizontal": "6205d74cdc5a1a11e71dc923f74d99167926af1a",
57255801
"avatar.backgroundColor": "e1481f812d6ac0dc0620c4764ebcf323b29d38ad",
57265802
"avatar.borderColor": "226288e9db85cf3d16bf4368b07c70aa5a18d7a3",
57275803
"avatar.borderWidthSm": "5309df0b1654d29e763049782ece62088d064771",

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

Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
{
2+
"alert": {
3+
"background": {
4+
"value": "{color.background.elevatedSurface.base}",
5+
"type": "color"
6+
},
7+
"borderRadius": {
8+
"value": "{borderRadius.lg}",
9+
"type": "borderRadius"
10+
},
11+
"borderStyle": {
12+
"value": "solid",
13+
"type": "other"
14+
},
15+
"borderWidth": {
16+
"value": "{borderWidth.md}",
17+
"type": "borderWidth"
18+
},
19+
"closeButtonMarginRight": {
20+
"value": "0.375rem",
21+
"type": "other"
22+
},
23+
"closeButtonMarginTop": {
24+
"value": "0.5rem",
25+
"type": "other"
26+
},
27+
"color": {
28+
"value": "{color.text.base}",
29+
"type": "color"
30+
},
31+
"contentFontFamily": {
32+
"value": "{fontFamily.base}",
33+
"type": "fontFamilies"
34+
},
35+
"contentFontSize": {
36+
"value": "{fontSize.textBase}",
37+
"type": "fontSizes"
38+
},
39+
"contentFontWeight": {
40+
"value": "{fontWeight.body.base}",
41+
"type": "fontWeights"
42+
},
43+
"contentLineHeight": {
44+
"value": "{lineHeight.standalone.base}",
45+
"type": "lineHeights"
46+
},
47+
"dangerBorderColor": {
48+
"value": "{color.stroke.error}",
49+
"type": "color"
50+
},
51+
"dangerIconBackground": {
52+
"value": "{color.background.error}",
53+
"type": "color"
54+
},
55+
"iconColor": {
56+
"value": "{color.icon.onColor}",
57+
"type": "color"
58+
},
59+
"infoBoderColor": {
60+
"value": "{color.stroke.info}",
61+
"type": "color"
62+
},
63+
"infoIconBackground": {
64+
"value": "{color.background.info}",
65+
"type": "color"
66+
},
67+
"marginTop": {
68+
"value": "0.75rem",
69+
"type": "other"
70+
},
71+
"successBorderColor": {
72+
"value": "{color.stroke.success}",
73+
"type": "color"
74+
},
75+
"successIconBackground": {
76+
"value": "{color.background.success}",
77+
"type": "color"
78+
},
79+
"warningBorderColor": {
80+
"value": "{color.stroke.warning}",
81+
"type": "color"
82+
},
83+
"warningIconBackground": {
84+
"value": "{color.background.warning}",
85+
"type": "color"
86+
},
87+
"contentPaddingVertical": {
88+
"value": "{spacing.spaceMd}",
89+
"type": "spacing"
90+
},
91+
"contentPaddingHorizontal": {
92+
"value": "{spacing.spaceXl}",
93+
"type": "spacing"
94+
}
95+
}
96+
}

‎packages/ui-scripts/lib/build/tokensStudio/rebrand/component/Alert.json‎

Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
{
2+
"alert": {
3+
"background": {
4+
"value": "{color.background.elevatedSurface.base}",
5+
"type": "color"
6+
},
7+
"borderRadius": {
8+
"value": "{borderRadius.lg}",
9+
"type": "borderRadius"
10+
},
11+
"borderStyle": {
12+
"value": "solid",
13+
"type": "other"
14+
},
15+
"borderWidth": {
16+
"value": "{borderWidth.md}",
17+
"type": "borderWidth"
18+
},
19+
"closeButtonMarginRight": {
20+
"value": "0.375rem",
21+
"type": "other"
22+
},
23+
"closeButtonMarginTop": {
24+
"value": "0.5rem",
25+
"type": "other"
26+
},
27+
"color": {
28+
"value": "{color.text.base}",
29+
"type": "color"
30+
},
31+
"contentFontFamily": {
32+
"value": "{fontFamily.base}",
33+
"type": "fontFamilies"
34+
},
35+
"contentFontSize": {
36+
"value": "{fontSize.textBase}",
37+
"type": "fontSizes"
38+
},
39+
"contentFontWeight": {
40+
"value": "{fontWeight.body.base}",
41+
"type": "fontWeights"
42+
},
43+
"contentLineHeight": {
44+
"value": "{lineHeight.standalone.base}",
45+
"type": "lineHeights"
46+
},
47+
"dangerBorderColor": {
48+
"value": "{color.stroke.error}",
49+
"type": "color"
50+
},
51+
"dangerIconBackground": {
52+
"value": "{color.background.error}",
53+
"type": "color"
54+
},
55+
"iconColor": {
56+
"value": "{color.icon.onColor}",
57+
"type": "color"
58+
},
59+
"infoBoderColor": {
60+
"value": "{color.stroke.info}",
61+
"type": "color"
62+
},
63+
"infoIconBackground": {
64+
"value": "{color.background.info}",
65+
"type": "color"
66+
},
67+
"marginTop": {
68+
"value": "0.75rem",
69+
"type": "other"
70+
},
71+
"successBorderColor": {
72+
"value": "{color.stroke.success}",
73+
"type": "color"
74+
},
75+
"successIconBackground": {
76+
"value": "{color.background.success}",
77+
"type": "color"
78+
},
79+
"warningBorderColor": {
80+
"value": "{color.stroke.warning}",
81+
"type": "color"
82+
},
83+
"warningIconBackground": {
84+
"value": "{color.background.warning}",
85+
"type": "color"
86+
},
87+
"contentPaddingVertical": {
88+
"value": "{spacing.spaceMd}",
89+
"type": "spacing"
90+
},
91+
"contentPaddingHorizontal": {
92+
"value": "{spacing.spaceXl}",
93+
"type": "spacing"
94+
}
95+
}
96+
}

0 commit comments

Comments
 (0)