Skip to content

Commit b78c70d

Browse files
svc-instuisvc-instui
committed
chore: net new banner
1 parent 1200a1b commit b78c70d

79 files changed

Lines changed: 483 additions & 77 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎tokensStudio/$metadata.json‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@
99
"canvas/component/AppNav",
1010
"canvas/component/Avatar",
1111
"canvas/component/Badge",
12+
"canvas/component/Banner",
1213
"canvas/component/BaseButton",
1314
"canvas/component/Billboard",
1415
"canvas/component/Breadcrumb",
@@ -77,6 +78,7 @@
7778
"rebrand/component/AppNav",
7879
"rebrand/component/Avatar",
7980
"rebrand/component/Badge",
81+
"rebrand/component/Banner",
8082
"rebrand/component/BaseButton",
8183
"rebrand/component/Billboard",
8284
"rebrand/component/Breadcrumb",

‎tokensStudio/$themes.json‎

Lines changed: 116 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,8 @@
7373
"rebrand/component/SideNavBarNew": "enabled",
7474
"rebrand/component/Img": "enabled",
7575
"rebrand/component/Chart": "enabled",
76-
"rebrand/component/Card": "enabled"
76+
"rebrand/component/Card": "enabled",
77+
"rebrand/component/Banner": "enabled"
7778
},
7879
"$figmaStyleReferences": {
7980
"elevation1": "S:0c22a809359ba629b2e09fde021efd3495cd9543,",
@@ -970,6 +971,8 @@
970971
"semantic.dropShadow.spread.elevation3.dropshadow2": "5f9c5a28e234bfb54036ab50ba47e602afa03a05",
971972
"semantic.dropShadow.spread.elevation4.dropshadow1": "15a0438ea73a6d9d2206964ba1f42589256d6862",
972973
"semantic.dropShadow.spread.elevation4.dropshadow2": "a1dd57f2393c7cb342de0545404fce8594d467b0",
974+
"semantic.color.background.pastel.violet": "3d58a81f6df94ed68342e53178cfc32bdf866a8f",
975+
"semantic.color.background.pastel.sea": "4d5e83895ed87e60480a7dfcc7701eacbcfd5292",
973976
"semantic.size.interactive.height.xxs": "7b7b916bb9b59c700497107b1ee02ca6da195d47",
974977
"semantic.size.interactive.height.xs": "1516cc4e8ee0c76e66296b6cc3c0a150b8abc772",
975978
"semantic.size.interactive.height.sm": "3b32db09604a47795ca27cbdab5386bcdf152e20",
@@ -1148,6 +1151,31 @@
11481151
"badge.padding": "bc63d3c0bf885bffeeab07245a8d53cdaf589914",
11491152
"badge.notificationZIndex": "f89d62bdca27d3f64b26fbeef808052d78e087f6",
11501153
"badge.primaryTextColor": "aee56d6d7b28e72b7171991be0bfd39c94255fd0",
1154+
"banner.borderRadius": "12853e49b90b3298fead25157948148cbe969cd2",
1155+
"banner.relaxedIconBorderRadius": "47286cd64b9674037e053196748a12ad7bbd0036",
1156+
"banner.borderWidth": "0d003290b1c1fd7f0ccbbc85dba52ae7e5cb30a3",
1157+
"banner.color": "204968d3f4590df6be4d848bb62503b2d5c7e040",
1158+
"banner.contentFontFamily": "ef9183a50caa39375c0c375d602509c40ea1da91",
1159+
"banner.contentFontSize": "4fd85c64d0c67019cdecb1ff04fe446cebdca196",
1160+
"banner.contentFontWeight": "b0ff457ea71d8e1019ea6b43bcd02497b1c88efb",
1161+
"banner.borderColor": "d54f9876034c2fa40f9600e637dad9d84b20f4b0",
1162+
"banner.iconColor": "265e58d07c9ca66d4644cca9cfe3620f33ddb306",
1163+
"banner.violetBackground": "1728cb3d655b76908880f54f5e3eb3d6daf9ff16",
1164+
"banner.violetIconBackground": "56412ae529b40c4a98806839a0bd59267d8fa89c",
1165+
"banner.seaBackground": "2501f0cc1f3c95f16d7d2b6e77b63130fda425e1",
1166+
"banner.seaIconBackground": "838c48bd5eb6796749d640d22599532fd081b39b",
1167+
"banner.aiBackgroundTopGradientColor": "a923fd69a53930bf668103c2cba2cfc657514b58",
1168+
"banner.aiBackgroundBottomGradientColor": "f3c611a0174508a93703ed597ec8632e8bf84f16",
1169+
"banner.relaxed.paddingVertical": "e146b61d95eaff0e75d91a0f3acdf4673baba553",
1170+
"banner.closeButtonMarginRight": "ad8e888aefd41e642c33f991f3fc603281fd827a",
1171+
"banner.closeButtonMarginTop": "82cbdfddc3692549fca496751dd01110f643c060",
1172+
"banner.contentGapVertical": "aa69bcaea4d24872aaae72435c1fbe43267cb8f0",
1173+
"banner.relaxed.paddingHorizontal": "afa16292f0b30ba13e8930f5ae1fd0262422a61d",
1174+
"banner.relaxed.contentGapHorizontal": "588812b00645e1c21fd1d1c2e3c7f71a8dd0e5f4",
1175+
"banner.compact.contentGapHorizontal": "2d456f6bc21143f81565f7e39ffe9e64eeb6c5af",
1176+
"banner.compact.paddingHorizontal": "baa5a80e2bae4168f8c2044f156043d1b0a005a2",
1177+
"banner.compact.paddingVertical": "aa26e42a7df16992a59cb146a3d0c7fb15b89212",
1178+
"banner.compactIconBorderRadius": "c9e60d2b38201b1895eeadb4ccb84082911f16d3",
11511179
"baseButton.primaryBackground": "154f6104112592e5e0121ca1a94f1fd8143722ea",
11521180
"baseButton.primaryHoverBackground": "31516e33d4e70ef4119e9f4ccc7f42c66019e6cf",
11531181
"baseButton.primaryActiveBackground": "022fe8f12710c857dff73ac023ab0c4802b26c72",
@@ -2883,7 +2911,8 @@
28832911
"rebrand/component/SideNavBarNew": "enabled",
28842912
"rebrand/component/Img": "enabled",
28852913
"rebrand/component/Chart": "enabled",
2886-
"rebrand/component/Card": "enabled"
2914+
"rebrand/component/Card": "enabled",
2915+
"rebrand/component/Banner": "enabled"
28872916
},
28882917
"$figmaStyleReferences": {
28892918
"avatar.boxShadow": "S:ce597b947227d2e4b1f0fa80d2b7be88a5987dc2,",
@@ -4509,6 +4538,8 @@
45094538
"semantic.dropShadow.spread.elevation3.dropshadow2": "5f9c5a28e234bfb54036ab50ba47e602afa03a05",
45104539
"semantic.dropShadow.spread.elevation4.dropshadow1": "15a0438ea73a6d9d2206964ba1f42589256d6862",
45114540
"semantic.dropShadow.spread.elevation4.dropshadow2": "a1dd57f2393c7cb342de0545404fce8594d467b0",
4541+
"semantic.color.background.pastel.violet": "3d58a81f6df94ed68342e53178cfc32bdf866a8f",
4542+
"semantic.color.background.pastel.sea": "4d5e83895ed87e60480a7dfcc7701eacbcfd5292",
45124543
"semantic.size.interactive.height.xxs": "7b7b916bb9b59c700497107b1ee02ca6da195d47",
45134544
"semantic.size.interactive.height.xs": "1516cc4e8ee0c76e66296b6cc3c0a150b8abc772",
45144545
"semantic.size.interactive.height.sm": "3b32db09604a47795ca27cbdab5386bcdf152e20",
@@ -4687,6 +4718,31 @@
46874718
"badge.padding": "bc63d3c0bf885bffeeab07245a8d53cdaf589914",
46884719
"badge.notificationZIndex": "f89d62bdca27d3f64b26fbeef808052d78e087f6",
46894720
"badge.primaryTextColor": "aee56d6d7b28e72b7171991be0bfd39c94255fd0",
4721+
"banner.borderRadius": "12853e49b90b3298fead25157948148cbe969cd2",
4722+
"banner.relaxedIconBorderRadius": "47286cd64b9674037e053196748a12ad7bbd0036",
4723+
"banner.borderWidth": "0d003290b1c1fd7f0ccbbc85dba52ae7e5cb30a3",
4724+
"banner.color": "204968d3f4590df6be4d848bb62503b2d5c7e040",
4725+
"banner.contentFontFamily": "ef9183a50caa39375c0c375d602509c40ea1da91",
4726+
"banner.contentFontSize": "4fd85c64d0c67019cdecb1ff04fe446cebdca196",
4727+
"banner.contentFontWeight": "b0ff457ea71d8e1019ea6b43bcd02497b1c88efb",
4728+
"banner.borderColor": "d54f9876034c2fa40f9600e637dad9d84b20f4b0",
4729+
"banner.iconColor": "265e58d07c9ca66d4644cca9cfe3620f33ddb306",
4730+
"banner.violetBackground": "1728cb3d655b76908880f54f5e3eb3d6daf9ff16",
4731+
"banner.violetIconBackground": "56412ae529b40c4a98806839a0bd59267d8fa89c",
4732+
"banner.seaBackground": "2501f0cc1f3c95f16d7d2b6e77b63130fda425e1",
4733+
"banner.seaIconBackground": "838c48bd5eb6796749d640d22599532fd081b39b",
4734+
"banner.aiBackgroundTopGradientColor": "a923fd69a53930bf668103c2cba2cfc657514b58",
4735+
"banner.aiBackgroundBottomGradientColor": "f3c611a0174508a93703ed597ec8632e8bf84f16",
4736+
"banner.relaxed.paddingVertical": "e146b61d95eaff0e75d91a0f3acdf4673baba553",
4737+
"banner.closeButtonMarginRight": "ad8e888aefd41e642c33f991f3fc603281fd827a",
4738+
"banner.closeButtonMarginTop": "82cbdfddc3692549fca496751dd01110f643c060",
4739+
"banner.contentGapVertical": "aa69bcaea4d24872aaae72435c1fbe43267cb8f0",
4740+
"banner.relaxed.paddingHorizontal": "afa16292f0b30ba13e8930f5ae1fd0262422a61d",
4741+
"banner.relaxed.contentGapHorizontal": "588812b00645e1c21fd1d1c2e3c7f71a8dd0e5f4",
4742+
"banner.compact.contentGapHorizontal": "2d456f6bc21143f81565f7e39ffe9e64eeb6c5af",
4743+
"banner.compact.paddingHorizontal": "baa5a80e2bae4168f8c2044f156043d1b0a005a2",
4744+
"banner.compact.paddingVertical": "aa26e42a7df16992a59cb146a3d0c7fb15b89212",
4745+
"banner.compactIconBorderRadius": "c9e60d2b38201b1895eeadb4ccb84082911f16d3",
46904746
"baseButton.primaryBackground": "154f6104112592e5e0121ca1a94f1fd8143722ea",
46914747
"baseButton.primaryHoverBackground": "31516e33d4e70ef4119e9f4ccc7f42c66019e6cf",
46924748
"baseButton.primaryActiveBackground": "022fe8f12710c857dff73ac023ab0c4802b26c72",
@@ -6422,7 +6478,8 @@
64226478
"canvas/component/SideNavBarNew": "enabled",
64236479
"canvas/component/Img": "enabled",
64246480
"canvas/component/Chart": "enabled",
6425-
"canvas/component/Card": "enabled"
6481+
"canvas/component/Card": "enabled",
6482+
"canvas/component/Banner": "enabled"
64266483
},
64276484
"$figmaStyleReferences": {
64286485
"primaryBg": "S:7bfe47b8656807754868fc09a300778c7b28a4ea,",
@@ -7321,6 +7378,8 @@
73217378
"semantic.dropShadow.spread.elevation3.dropshadow2": "5f9c5a28e234bfb54036ab50ba47e602afa03a05",
73227379
"semantic.dropShadow.spread.elevation4.dropshadow1": "15a0438ea73a6d9d2206964ba1f42589256d6862",
73237380
"semantic.dropShadow.spread.elevation4.dropshadow2": "a1dd57f2393c7cb342de0545404fce8594d467b0",
7381+
"semantic.color.background.pastel.violet": "3d58a81f6df94ed68342e53178cfc32bdf866a8f",
7382+
"semantic.color.background.pastel.sea": "4d5e83895ed87e60480a7dfcc7701eacbcfd5292",
73247383
"aiInformation.bodyPadding": "56a9fbff12ee9eccabb8e25881d1c2be2c97f71c",
73257384
"aiInformation.headingBottomMargin": "da7f5258b9dac3ae812f86a75d8bb5cc0d955a0b",
73267385
"aiInformation.featureNameBottomMargin": "e60a258058bc7adee26c3624a936912429e67f96",
@@ -7415,6 +7474,31 @@
74157474
"badge.padding": "bc63d3c0bf885bffeeab07245a8d53cdaf589914",
74167475
"badge.notificationZIndex": "f89d62bdca27d3f64b26fbeef808052d78e087f6",
74177476
"badge.primaryTextColor": "aee56d6d7b28e72b7171991be0bfd39c94255fd0",
7477+
"banner.borderRadius": "12853e49b90b3298fead25157948148cbe969cd2",
7478+
"banner.relaxedIconBorderRadius": "47286cd64b9674037e053196748a12ad7bbd0036",
7479+
"banner.compactIconBorderRadius": "c9e60d2b38201b1895eeadb4ccb84082911f16d3",
7480+
"banner.borderWidth": "0d003290b1c1fd7f0ccbbc85dba52ae7e5cb30a3",
7481+
"banner.color": "204968d3f4590df6be4d848bb62503b2d5c7e040",
7482+
"banner.contentFontFamily": "ef9183a50caa39375c0c375d602509c40ea1da91",
7483+
"banner.contentFontSize": "4fd85c64d0c67019cdecb1ff04fe446cebdca196",
7484+
"banner.contentFontWeight": "b0ff457ea71d8e1019ea6b43bcd02497b1c88efb",
7485+
"banner.borderColor": "d54f9876034c2fa40f9600e637dad9d84b20f4b0",
7486+
"banner.iconColor": "265e58d07c9ca66d4644cca9cfe3620f33ddb306",
7487+
"banner.violetBackground": "1728cb3d655b76908880f54f5e3eb3d6daf9ff16",
7488+
"banner.violetIconBackground": "56412ae529b40c4a98806839a0bd59267d8fa89c",
7489+
"banner.seaBackground": "2501f0cc1f3c95f16d7d2b6e77b63130fda425e1",
7490+
"banner.seaIconBackground": "838c48bd5eb6796749d640d22599532fd081b39b",
7491+
"banner.aiBackgroundTopGradientColor": "a923fd69a53930bf668103c2cba2cfc657514b58",
7492+
"banner.aiBackgroundBottomGradientColor": "f3c611a0174508a93703ed597ec8632e8bf84f16",
7493+
"banner.relaxed.paddingVertical": "e146b61d95eaff0e75d91a0f3acdf4673baba553",
7494+
"banner.closeButtonMarginTop": "82cbdfddc3692549fca496751dd01110f643c060",
7495+
"banner.closeButtonMarginRight": "ad8e888aefd41e642c33f991f3fc603281fd827a",
7496+
"banner.contentGapVertical": "aa69bcaea4d24872aaae72435c1fbe43267cb8f0",
7497+
"banner.relaxed.paddingHorizontal": "afa16292f0b30ba13e8930f5ae1fd0262422a61d",
7498+
"banner.relaxed.contentGapHorizontal": "588812b00645e1c21fd1d1c2e3c7f71a8dd0e5f4",
7499+
"banner.compact.contentGapHorizontal": "2d456f6bc21143f81565f7e39ffe9e64eeb6c5af",
7500+
"banner.compact.paddingHorizontal": "baa5a80e2bae4168f8c2044f156043d1b0a005a2",
7501+
"banner.compact.paddingVertical": "aa26e42a7df16992a59cb146a3d0c7fb15b89212",
74187502
"baseButton.primaryActiveBackground": "022fe8f12710c857dff73ac023ab0c4802b26c72",
74197503
"baseButton.primaryActiveBorderColor": "6d648d89b527cdf9b2b275e651ba4906ad2d9df2",
74207504
"baseButton.primaryActiveTextColor": "a287571e4829822e194584e7bd82ced8a2e76f23",
@@ -9234,7 +9318,8 @@
92349318
"canvas/component/SideNavBarNew": "enabled",
92359319
"canvas/component/Img": "enabled",
92369320
"canvas/component/Chart": "enabled",
9237-
"canvas/component/Card": "enabled"
9321+
"canvas/component/Card": "enabled",
9322+
"canvas/component/Banner": "enabled"
92389323
},
92399324
"$figmaStyleReferences": {
92409325
"primaryBg": "S:7bfe47b8656807754868fc09a300778c7b28a4ea,",
@@ -10862,6 +10947,8 @@
1086210947
"semantic.dropShadow.spread.elevation3.dropshadow2": "5f9c5a28e234bfb54036ab50ba47e602afa03a05",
1086310948
"semantic.dropShadow.spread.elevation4.dropshadow1": "15a0438ea73a6d9d2206964ba1f42589256d6862",
1086410949
"semantic.dropShadow.spread.elevation4.dropshadow2": "a1dd57f2393c7cb342de0545404fce8594d467b0",
10950+
"semantic.color.background.pastel.violet": "3d58a81f6df94ed68342e53178cfc32bdf866a8f",
10951+
"semantic.color.background.pastel.sea": "4d5e83895ed87e60480a7dfcc7701eacbcfd5292",
1086510952
"aiInformation.bodyPadding": "56a9fbff12ee9eccabb8e25881d1c2be2c97f71c",
1086610953
"aiInformation.headingBottomMargin": "da7f5258b9dac3ae812f86a75d8bb5cc0d955a0b",
1086710954
"aiInformation.featureNameBottomMargin": "e60a258058bc7adee26c3624a936912429e67f96",
@@ -10956,6 +11043,31 @@
1095611043
"badge.padding": "bc63d3c0bf885bffeeab07245a8d53cdaf589914",
1095711044
"badge.notificationZIndex": "f89d62bdca27d3f64b26fbeef808052d78e087f6",
1095811045
"badge.primaryTextColor": "aee56d6d7b28e72b7171991be0bfd39c94255fd0",
11046+
"banner.borderRadius": "12853e49b90b3298fead25157948148cbe969cd2",
11047+
"banner.relaxedIconBorderRadius": "47286cd64b9674037e053196748a12ad7bbd0036",
11048+
"banner.compactIconBorderRadius": "c9e60d2b38201b1895eeadb4ccb84082911f16d3",
11049+
"banner.borderWidth": "0d003290b1c1fd7f0ccbbc85dba52ae7e5cb30a3",
11050+
"banner.color": "204968d3f4590df6be4d848bb62503b2d5c7e040",
11051+
"banner.contentFontFamily": "ef9183a50caa39375c0c375d602509c40ea1da91",
11052+
"banner.contentFontSize": "4fd85c64d0c67019cdecb1ff04fe446cebdca196",
11053+
"banner.contentFontWeight": "b0ff457ea71d8e1019ea6b43bcd02497b1c88efb",
11054+
"banner.borderColor": "d54f9876034c2fa40f9600e637dad9d84b20f4b0",
11055+
"banner.iconColor": "265e58d07c9ca66d4644cca9cfe3620f33ddb306",
11056+
"banner.violetBackground": "1728cb3d655b76908880f54f5e3eb3d6daf9ff16",
11057+
"banner.violetIconBackground": "56412ae529b40c4a98806839a0bd59267d8fa89c",
11058+
"banner.seaBackground": "2501f0cc1f3c95f16d7d2b6e77b63130fda425e1",
11059+
"banner.seaIconBackground": "838c48bd5eb6796749d640d22599532fd081b39b",
11060+
"banner.aiBackgroundTopGradientColor": "a923fd69a53930bf668103c2cba2cfc657514b58",
11061+
"banner.aiBackgroundBottomGradientColor": "f3c611a0174508a93703ed597ec8632e8bf84f16",
11062+
"banner.relaxed.paddingVertical": "e146b61d95eaff0e75d91a0f3acdf4673baba553",
11063+
"banner.closeButtonMarginTop": "82cbdfddc3692549fca496751dd01110f643c060",
11064+
"banner.closeButtonMarginRight": "ad8e888aefd41e642c33f991f3fc603281fd827a",
11065+
"banner.contentGapVertical": "aa69bcaea4d24872aaae72435c1fbe43267cb8f0",
11066+
"banner.relaxed.paddingHorizontal": "afa16292f0b30ba13e8930f5ae1fd0262422a61d",
11067+
"banner.relaxed.contentGapHorizontal": "588812b00645e1c21fd1d1c2e3c7f71a8dd0e5f4",
11068+
"banner.compact.contentGapHorizontal": "2d456f6bc21143f81565f7e39ffe9e64eeb6c5af",
11069+
"banner.compact.paddingHorizontal": "baa5a80e2bae4168f8c2044f156043d1b0a005a2",
11070+
"banner.compact.paddingVertical": "aa26e42a7df16992a59cb146a3d0c7fb15b89212",
1095911071
"baseButton.primaryActiveBackground": "022fe8f12710c857dff73ac023ab0c4802b26c72",
1096011072
"baseButton.primaryActiveBorderColor": "6d648d89b527cdf9b2b275e651ba4906ad2d9df2",
1096111073
"baseButton.primaryActiveTextColor": "a287571e4829822e194584e7bd82ced8a2e76f23",

‎tokensStudio/canvas/component/AiInformation.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -49,4 +49,4 @@
4949
"type": "spacing"
5050
}
5151
}
52-
}
52+
}

‎tokensStudio/canvas/component/Alert.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -89,4 +89,4 @@
8989
"type": "spacing"
9090
}
9191
}
92-
}
92+
}

‎tokensStudio/canvas/component/AppNav.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,4 +63,4 @@
6363
"type": "fontSizes"
6464
}
6565
}
66-
}
66+
}

‎tokensStudio/canvas/component/Avatar.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -161,4 +161,4 @@
161161
"type": "borderRadius"
162162
}
163163
}
164-
}
164+
}

‎tokensStudio/canvas/component/Badge.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,7 @@
5353
"type": "other"
5454
},
5555
"notificationZIndex": {
56-
"value": 1,
56+
"value": "1",
5757
"type": "number"
5858
},
5959
"pulseBorderThickness": {

‎tokensStudio/canvas/component/Banner.json‎

Lines changed: 125 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,125 @@
1+
{
2+
"banner": {
3+
"borderRadius": {
4+
"value": "{semantic.borderRadius.container.md}",
5+
"type": "borderRadius"
6+
},
7+
"relaxedIconBorderRadius": {
8+
"value": "{semantic.borderRadius.lg}",
9+
"type": "borderRadius"
10+
},
11+
"borderStyle": {
12+
"value": "solid",
13+
"type": "other"
14+
},
15+
"borderWidth": {
16+
"value": "{semantic.borderWidth.sm}",
17+
"type": "borderWidth"
18+
},
19+
"color": {
20+
"value": "{semantic.color.institutional.brandFontColorDark}",
21+
"type": "color"
22+
},
23+
"contentFontFamily": {
24+
"value": "{semantic.fontFamily.base}",
25+
"type": "fontFamilies"
26+
},
27+
"contentFontSize": {
28+
"value": "{semantic.fontSize.textBase}",
29+
"type": "fontSizes"
30+
},
31+
"contentFontWeight": {
32+
"value": "{semantic.fontWeight.body.base}",
33+
"type": "fontWeights"
34+
},
35+
"contentLineHeight": {
36+
"value": "{semantic.lineHeight.standalone.base}",
37+
"type": "lineHeights"
38+
},
39+
"borderColor": {
40+
"value": "{semantic.color.stroke.strong}",
41+
"type": "color",
42+
"$extensions": {
43+
"studio.tokens": {
44+
"modify": {
45+
"type": "alpha",
46+
"value": "0.1",
47+
"space": "hsl"
48+
}
49+
}
50+
}
51+
},
52+
"iconColor": {
53+
"value": "{semantic.color.icon.onColor}",
54+
"type": "color"
55+
},
56+
"violetBackground": {
57+
"value": "{semantic.color.background.pastel.violet}",
58+
"type": "color"
59+
},
60+
"violetIconBackground": {
61+
"value": "{semantic.color.background.accent.violet}",
62+
"type": "color"
63+
},
64+
"seaBackground": {
65+
"value": "{semantic.color.background.pastel.sea}",
66+
"type": "color"
67+
},
68+
"seaIconBackground": {
69+
"value": "{semantic.color.background.accent.sea}",
70+
"type": "color"
71+
},
72+
"aiBackgroundTopGradientColor": {
73+
"value": "{semantic.color.background.interactive.action.aiSecondary.active.topGradient}",
74+
"type": "color"
75+
},
76+
"aiBackgroundBottomGradientColor": {
77+
"value": "{semantic.color.background.interactive.action.aiSecondary.active.bottomGradient}",
78+
"type": "color"
79+
},
80+
"relaxed": {
81+
"paddingVertical": {
82+
"value": "{semantic.spacing.spaceXl}",
83+
"type": "spacing"
84+
},
85+
"paddingHorizontal": {
86+
"value": "{semantic.spacing.spaceXl}",
87+
"type": "spacing"
88+
},
89+
"contentGapHorizontal": {
90+
"value": "{semantic.spacing.spaceLg}",
91+
"type": "spacing"
92+
}
93+
},
94+
"closeButtonMarginRight": {
95+
"value": "0.5rem",
96+
"type": "spacing"
97+
},
98+
"closeButtonMarginTop": {
99+
"value": "0.5rem",
100+
"type": "spacing"
101+
},
102+
"contentGapVertical": {
103+
"value": "{semantic.spacing.spaceMd}",
104+
"type": "spacing"
105+
},
106+
"compact": {
107+
"contentGapHorizontal": {
108+
"value": "{semantic.spacing.spaceSm}",
109+
"type": "spacing"
110+
},
111+
"paddingHorizontal": {
112+
"value": "{semantic.spacing.spaceMd}",
113+
"type": "spacing"
114+
},
115+
"paddingVertical": {
116+
"value": "{semantic.spacing.spaceMd}",
117+
"type": "spacing"
118+
}
119+
},
120+
"compactIconBorderRadius": {
121+
"value": "{semantic.borderRadius.md}",
122+
"type": "borderRadius"
123+
}
124+
}
125+
}

‎tokensStudio/canvas/component/Billboard.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -73,4 +73,4 @@
7373
"type": "fontSizes"
7474
}
7575
}
76-
}
76+
}

‎tokensStudio/canvas/component/Breadcrumb.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,4 +13,4 @@
1313
"type": "spacing"
1414
}
1515
}
16-
}
16+
}

0 commit comments

Comments
 (0)