Skip to content

Commit 0a91b48

Browse files
svc-instuisvc-instui
committed
add bg & stroke tokens for net new accent pills
1 parent f486097 commit 0a91b48

7 files changed

Lines changed: 346 additions & 15 deletions

File tree

‎tokensStudio/$themes.json‎

Lines changed: 86 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -705,6 +705,11 @@
705705
"semantic.color.background.chart.alert.neutral": "32a20d55d6f3652751ab353a4c7a2e8bf0bddff5",
706706
"semantic.color.background.pastel.violet": "3d58a81f6df94ed68342e53178cfc32bdf866a8f",
707707
"semantic.color.background.pastel.sea": "4d5e83895ed87e60480a7dfcc7701eacbcfd5292",
708+
"semantic.color.background.pastel.plum": "534923ea3647cc399fdeb05f83ca1d02c147046e",
709+
"semantic.color.background.pastel.sky": "b1ee8f0833371f85363a16eb7fe70ee3e7a118a9",
710+
"semantic.color.background.pastel.orange": "fbfaaad11c054107f354b0bf6a1f3b8482468788",
711+
"semantic.color.background.pastel.aurora": "4959d9613dd2daa6d5d25b1e7cf06ac0bf3b8033",
712+
"semantic.color.background.pastel.stone": "49e6b51ae3c07b2e872a7c7660b0339dfe191dfc",
708713
"semantic.color.stroke.base": "f68d64e91be296dbc1914792050e726a48873970",
709714
"semantic.color.stroke.muted": "84c45604667e0d2307145846ed5bfa50cf54a4a8",
710715
"semantic.color.stroke.strong": "ed01b5ceef0abb5ad35107dc950dbe1214fdba4d",
@@ -2051,6 +2056,20 @@
20512056
"pill.warningTextColor": "42ca99759cb78b612f8607edab91b0a3a8b80e82",
20522057
"pill.warningBorderColor": "e4602a8920bfddebab3543d1a63feef89bb6c94a",
20532058
"pill.warningBackgroundColor": "f77bae05788029981abcd8478e0ad7736e2af46e",
2059+
"pill.plumBorderColor": "fc24e96b4a25f00c97782e67617f0ddd27b1895f",
2060+
"pill.plumBackgroundColor": "59ebb4c7244cf578181571f1c7fb29dae2e2baa2",
2061+
"pill.auroraBorderColor": "a45f74607e930bd8eb896d7d3bb15e5b0313b3bd",
2062+
"pill.auroraBackgroundColor": "174f4da8e8fc061f8d93611321cde422cd12e36a",
2063+
"pill.skyBorderColor": "da3c77dfebda54f956edf9f6273459dddf1aa4e7",
2064+
"pill.skyBackgroundColor": "25e4f2eec94e9b34c580f8c5385508c9ba9991ab",
2065+
"pill.orangeBorderColor": "96271bb1d2333af398b4a0ebd5d4360f1255ceee",
2066+
"pill.orangeBackgroundColor": "297ecbcbd58159cff71277404704376d0a695dc6",
2067+
"pill.violetBorderColor": "1536ca799e809d3c23f5eb1ec641baf12f3be912",
2068+
"pill.violetBackgroundColor": "a5c98ba67af148c429ef5883fbe1f03e029d41e2",
2069+
"pill.seaBorderColor": "5c51ebba35f23f43d20c65cf58b490b655a4c64f",
2070+
"pill.stoneBackgroundColor": "f63645cbec006ddcb8c748f2e9f442040b99be9b",
2071+
"pill.stoneBorderColor": "33d7e94c0fc30bfbc9e90a203e24ba8b2dfc4f40",
2072+
"pill.seaBackgroundColor": "976ee2204988adadfbaedcf71114b46824596f90",
20542073
"pill.borderRadius": "cce662b733d19ab04e824baaa8bff1ce316cf94b",
20552074
"pill.borderWidth": "2c014a9c01b4f58ce7766b5291c28cef66fe6464",
20562075
"pill.lineHeight": "03d814797bc841305d9b4068d9bc21f02ed78bae",
@@ -2837,11 +2856,11 @@
28372856
"view.stackingBelow": "0c305b1ba62841d4bbc28b62893d64c7683fb24a",
28382857
"view.stackingDeepest": "28c1d8760752a39e31aef9e59ebdefc572c2f56a",
28392858
"view.borderStyle": "17c5727ed0a973c5f12c41bb84ef5b6169b26ae0",
2840-
"semantic.color.background.pastel.info": "71e9a730578b9744d0b2997c55c9a96615c8ef2b",
2841-
"semantic.color.background.pastel.success": "4b38ac68927bba195509683a56f3233ad5f00f52",
2842-
"semantic.color.background.pastel.warning": "314e4dff127c63e8af56a17d8a477f3461008721",
2843-
"semantic.color.background.pastel.error": "195385c805a870b02021e9e75191a0436db44759",
2844-
"semantic.color.background.pastel.neutral": "79c2ca08e1138f5f5dc68408699389355ce0dabc"
2859+
"semantic.color.background.pastel.info": "819a5bfe749a8e92708d18b122b1f997a0846235",
2860+
"semantic.color.background.pastel.success": "6d7720c7b50689c56d2b56d96585dcc50270d588",
2861+
"semantic.color.background.pastel.warning": "ec4f3909e91f4afed4a24ee128472a8eb50267ca",
2862+
"semantic.color.background.pastel.error": "97da0f2df1ccc48e7705e79b284e0f8de4a4176d",
2863+
"semantic.color.background.pastel.neutral": "e6a17073a4a1b9521f017ec2b70b1c71866ca8c2"
28452864
},
28462865
"$figmaCollectionId": "VariableCollectionId:2374:727",
28472866
"$figmaModeId": "2374:2",
@@ -4282,6 +4301,11 @@
42824301
"semantic.color.background.chart.alert.neutral": "32a20d55d6f3652751ab353a4c7a2e8bf0bddff5",
42834302
"semantic.color.background.pastel.violet": "3d58a81f6df94ed68342e53178cfc32bdf866a8f",
42844303
"semantic.color.background.pastel.sea": "4d5e83895ed87e60480a7dfcc7701eacbcfd5292",
4304+
"semantic.color.background.pastel.plum": "534923ea3647cc399fdeb05f83ca1d02c147046e",
4305+
"semantic.color.background.pastel.sky": "b1ee8f0833371f85363a16eb7fe70ee3e7a118a9",
4306+
"semantic.color.background.pastel.orange": "fbfaaad11c054107f354b0bf6a1f3b8482468788",
4307+
"semantic.color.background.pastel.aurora": "4959d9613dd2daa6d5d25b1e7cf06ac0bf3b8033",
4308+
"semantic.color.background.pastel.stone": "49e6b51ae3c07b2e872a7c7660b0339dfe191dfc",
42854309
"semantic.color.stroke.base": "f68d64e91be296dbc1914792050e726a48873970",
42864310
"semantic.color.stroke.muted": "84c45604667e0d2307145846ed5bfa50cf54a4a8",
42874311
"semantic.color.stroke.strong": "ed01b5ceef0abb5ad35107dc950dbe1214fdba4d",
@@ -5628,6 +5652,20 @@
56285652
"pill.warningTextColor": "42ca99759cb78b612f8607edab91b0a3a8b80e82",
56295653
"pill.warningBorderColor": "e4602a8920bfddebab3543d1a63feef89bb6c94a",
56305654
"pill.warningBackgroundColor": "f77bae05788029981abcd8478e0ad7736e2af46e",
5655+
"pill.plumBorderColor": "fc24e96b4a25f00c97782e67617f0ddd27b1895f",
5656+
"pill.plumBackgroundColor": "59ebb4c7244cf578181571f1c7fb29dae2e2baa2",
5657+
"pill.auroraBorderColor": "a45f74607e930bd8eb896d7d3bb15e5b0313b3bd",
5658+
"pill.auroraBackgroundColor": "174f4da8e8fc061f8d93611321cde422cd12e36a",
5659+
"pill.skyBorderColor": "da3c77dfebda54f956edf9f6273459dddf1aa4e7",
5660+
"pill.skyBackgroundColor": "25e4f2eec94e9b34c580f8c5385508c9ba9991ab",
5661+
"pill.orangeBorderColor": "96271bb1d2333af398b4a0ebd5d4360f1255ceee",
5662+
"pill.orangeBackgroundColor": "297ecbcbd58159cff71277404704376d0a695dc6",
5663+
"pill.violetBorderColor": "1536ca799e809d3c23f5eb1ec641baf12f3be912",
5664+
"pill.violetBackgroundColor": "a5c98ba67af148c429ef5883fbe1f03e029d41e2",
5665+
"pill.seaBorderColor": "5c51ebba35f23f43d20c65cf58b490b655a4c64f",
5666+
"pill.stoneBackgroundColor": "f63645cbec006ddcb8c748f2e9f442040b99be9b",
5667+
"pill.stoneBorderColor": "33d7e94c0fc30bfbc9e90a203e24ba8b2dfc4f40",
5668+
"pill.seaBackgroundColor": "976ee2204988adadfbaedcf71114b46824596f90",
56315669
"pill.borderRadius": "cce662b733d19ab04e824baaa8bff1ce316cf94b",
56325670
"pill.borderWidth": "2c014a9c01b4f58ce7766b5291c28cef66fe6464",
56335671
"pill.lineHeight": "03d814797bc841305d9b4068d9bc21f02ed78bae",
@@ -6414,11 +6452,11 @@
64146452
"view.stackingBelow": "0c305b1ba62841d4bbc28b62893d64c7683fb24a",
64156453
"view.stackingDeepest": "28c1d8760752a39e31aef9e59ebdefc572c2f56a",
64166454
"view.borderStyle": "17c5727ed0a973c5f12c41bb84ef5b6169b26ae0",
6417-
"semantic.color.background.pastel.info": "71e9a730578b9744d0b2997c55c9a96615c8ef2b",
6418-
"semantic.color.background.pastel.success": "4b38ac68927bba195509683a56f3233ad5f00f52",
6419-
"semantic.color.background.pastel.warning": "314e4dff127c63e8af56a17d8a477f3461008721",
6420-
"semantic.color.background.pastel.error": "195385c805a870b02021e9e75191a0436db44759",
6421-
"semantic.color.background.pastel.neutral": "79c2ca08e1138f5f5dc68408699389355ce0dabc"
6455+
"semantic.color.background.pastel.info": "819a5bfe749a8e92708d18b122b1f997a0846235",
6456+
"semantic.color.background.pastel.success": "6d7720c7b50689c56d2b56d96585dcc50270d588",
6457+
"semantic.color.background.pastel.warning": "ec4f3909e91f4afed4a24ee128472a8eb50267ca",
6458+
"semantic.color.background.pastel.error": "97da0f2df1ccc48e7705e79b284e0f8de4a4176d",
6459+
"semantic.color.background.pastel.neutral": "e6a17073a4a1b9521f017ec2b70b1c71866ca8c2"
64226460
},
64236461
"$figmaCollectionId": "VariableCollectionId:2374:727",
64246462
"$figmaModeId": "2374:3",
@@ -7132,6 +7170,11 @@
71327170
"semantic.color.background.chart.alert.neutral": "32a20d55d6f3652751ab353a4c7a2e8bf0bddff5",
71337171
"semantic.color.background.pastel.violet": "3d58a81f6df94ed68342e53178cfc32bdf866a8f",
71347172
"semantic.color.background.pastel.sea": "4d5e83895ed87e60480a7dfcc7701eacbcfd5292",
7173+
"semantic.color.background.pastel.plum": "534923ea3647cc399fdeb05f83ca1d02c147046e",
7174+
"semantic.color.background.pastel.sky": "b1ee8f0833371f85363a16eb7fe70ee3e7a118a9",
7175+
"semantic.color.background.pastel.orange": "fbfaaad11c054107f354b0bf6a1f3b8482468788",
7176+
"semantic.color.background.pastel.aurora": "4959d9613dd2daa6d5d25b1e7cf06ac0bf3b8033",
7177+
"semantic.color.background.pastel.stone": "49e6b51ae3c07b2e872a7c7660b0339dfe191dfc",
71357178
"semantic.color.stroke.base": "f68d64e91be296dbc1914792050e726a48873970",
71367179
"semantic.color.stroke.muted": "84c45604667e0d2307145846ed5bfa50cf54a4a8",
71377180
"semantic.color.stroke.strong": "ed01b5ceef0abb5ad35107dc950dbe1214fdba4d",
@@ -8394,6 +8437,20 @@
83948437
"pill.warningTextColor": "42ca99759cb78b612f8607edab91b0a3a8b80e82",
83958438
"pill.warningBorderColor": "e4602a8920bfddebab3543d1a63feef89bb6c94a",
83968439
"pill.warningBackgroundColor": "f77bae05788029981abcd8478e0ad7736e2af46e",
8440+
"pill.plumBorderColor": "fc24e96b4a25f00c97782e67617f0ddd27b1895f",
8441+
"pill.plumBackgroundColor": "59ebb4c7244cf578181571f1c7fb29dae2e2baa2",
8442+
"pill.auroraBorderColor": "a45f74607e930bd8eb896d7d3bb15e5b0313b3bd",
8443+
"pill.auroraBackgroundColor": "174f4da8e8fc061f8d93611321cde422cd12e36a",
8444+
"pill.skyBorderColor": "da3c77dfebda54f956edf9f6273459dddf1aa4e7",
8445+
"pill.skyBackgroundColor": "25e4f2eec94e9b34c580f8c5385508c9ba9991ab",
8446+
"pill.orangeBorderColor": "96271bb1d2333af398b4a0ebd5d4360f1255ceee",
8447+
"pill.orangeBackgroundColor": "297ecbcbd58159cff71277404704376d0a695dc6",
8448+
"pill.stoneBorderColor": "33d7e94c0fc30bfbc9e90a203e24ba8b2dfc4f40",
8449+
"pill.stoneBackgroundColor": "f63645cbec006ddcb8c748f2e9f442040b99be9b",
8450+
"pill.violetBorderColor": "1536ca799e809d3c23f5eb1ec641baf12f3be912",
8451+
"pill.violetBackgroundColor": "a5c98ba67af148c429ef5883fbe1f03e029d41e2",
8452+
"pill.seaBorderColor": "5c51ebba35f23f43d20c65cf58b490b655a4c64f",
8453+
"pill.seaBackgroundColor": "976ee2204988adadfbaedcf71114b46824596f90",
83978454
"pill.borderRadius": "cce662b733d19ab04e824baaa8bff1ce316cf94b",
83988455
"pill.borderWidth": "2c014a9c01b4f58ce7766b5291c28cef66fe6464",
83998456
"pill.lineHeight": "03d814797bc841305d9b4068d9bc21f02ed78bae",
@@ -10706,6 +10763,11 @@
1070610763
"semantic.color.background.chart.alert.neutral": "32a20d55d6f3652751ab353a4c7a2e8bf0bddff5",
1070710764
"semantic.color.background.pastel.violet": "3d58a81f6df94ed68342e53178cfc32bdf866a8f",
1070810765
"semantic.color.background.pastel.sea": "4d5e83895ed87e60480a7dfcc7701eacbcfd5292",
10766+
"semantic.color.background.pastel.plum": "534923ea3647cc399fdeb05f83ca1d02c147046e",
10767+
"semantic.color.background.pastel.sky": "b1ee8f0833371f85363a16eb7fe70ee3e7a118a9",
10768+
"semantic.color.background.pastel.orange": "fbfaaad11c054107f354b0bf6a1f3b8482468788",
10769+
"semantic.color.background.pastel.aurora": "4959d9613dd2daa6d5d25b1e7cf06ac0bf3b8033",
10770+
"semantic.color.background.pastel.stone": "49e6b51ae3c07b2e872a7c7660b0339dfe191dfc",
1070910771
"semantic.color.stroke.base": "f68d64e91be296dbc1914792050e726a48873970",
1071010772
"semantic.color.stroke.muted": "84c45604667e0d2307145846ed5bfa50cf54a4a8",
1071110773
"semantic.color.stroke.strong": "ed01b5ceef0abb5ad35107dc950dbe1214fdba4d",
@@ -11968,6 +12030,20 @@
1196812030
"pill.warningTextColor": "42ca99759cb78b612f8607edab91b0a3a8b80e82",
1196912031
"pill.warningBorderColor": "e4602a8920bfddebab3543d1a63feef89bb6c94a",
1197012032
"pill.warningBackgroundColor": "f77bae05788029981abcd8478e0ad7736e2af46e",
12033+
"pill.plumBorderColor": "fc24e96b4a25f00c97782e67617f0ddd27b1895f",
12034+
"pill.plumBackgroundColor": "59ebb4c7244cf578181571f1c7fb29dae2e2baa2",
12035+
"pill.auroraBorderColor": "a45f74607e930bd8eb896d7d3bb15e5b0313b3bd",
12036+
"pill.auroraBackgroundColor": "174f4da8e8fc061f8d93611321cde422cd12e36a",
12037+
"pill.skyBorderColor": "da3c77dfebda54f956edf9f6273459dddf1aa4e7",
12038+
"pill.skyBackgroundColor": "25e4f2eec94e9b34c580f8c5385508c9ba9991ab",
12039+
"pill.orangeBorderColor": "96271bb1d2333af398b4a0ebd5d4360f1255ceee",
12040+
"pill.orangeBackgroundColor": "297ecbcbd58159cff71277404704376d0a695dc6",
12041+
"pill.stoneBorderColor": "33d7e94c0fc30bfbc9e90a203e24ba8b2dfc4f40",
12042+
"pill.stoneBackgroundColor": "f63645cbec006ddcb8c748f2e9f442040b99be9b",
12043+
"pill.violetBorderColor": "1536ca799e809d3c23f5eb1ec641baf12f3be912",
12044+
"pill.violetBackgroundColor": "a5c98ba67af148c429ef5883fbe1f03e029d41e2",
12045+
"pill.seaBorderColor": "5c51ebba35f23f43d20c65cf58b490b655a4c64f",
12046+
"pill.seaBackgroundColor": "976ee2204988adadfbaedcf71114b46824596f90",
1197112047
"pill.borderRadius": "cce662b733d19ab04e824baaa8bff1ce316cf94b",
1197212048
"pill.borderWidth": "2c014a9c01b4f58ce7766b5291c28cef66fe6464",
1197312049
"pill.lineHeight": "03d814797bc841305d9b4068d9bc21f02ed78bae",

‎tokensStudio/canvas/component/Pill.json‎

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,62 @@
8888
"value": "{semantic.color.background.base}",
8989
"type": "color"
9090
},
91+
"plumBorderColor": {
92+
"value": "{semantic.color.stroke.accent.plum}",
93+
"type": "color"
94+
},
95+
"plumBackgroundColor": {
96+
"value": "{semantic.color.background.base}",
97+
"type": "color"
98+
},
99+
"auroraBorderColor": {
100+
"value": "{semantic.color.stroke.accent.aurora}",
101+
"type": "color"
102+
},
103+
"auroraBackgroundColor": {
104+
"value": "{semantic.color.background.base}",
105+
"type": "color"
106+
},
107+
"skyBorderColor": {
108+
"value": "{semantic.color.stroke.accent.sky}",
109+
"type": "color"
110+
},
111+
"skyBackgroundColor": {
112+
"value": "{semantic.color.background.base}",
113+
"type": "color"
114+
},
115+
"orangeBorderColor": {
116+
"value": "{semantic.color.stroke.accent.orange}",
117+
"type": "color"
118+
},
119+
"orangeBackgroundColor": {
120+
"value": "{semantic.color.background.base}",
121+
"type": "color"
122+
},
123+
"violetBorderColor": {
124+
"value": "{semantic.color.stroke.accent.violet}",
125+
"type": "color"
126+
},
127+
"violetBackgroundColor": {
128+
"value": "{semantic.color.background.base}",
129+
"type": "color"
130+
},
131+
"seaBorderColor": {
132+
"value": "{semantic.color.stroke.accent.sea}",
133+
"type": "color"
134+
},
135+
"stoneBackgroundColor": {
136+
"value": "{semantic.color.background.base}",
137+
"type": "color"
138+
},
139+
"stoneBorderColor": {
140+
"value": "{semantic.color.stroke.accent.stone}",
141+
"type": "color"
142+
},
143+
"seaBackgroundColor": {
144+
"value": "{semantic.color.background.base}",
145+
"type": "color"
146+
},
91147
"borderRadius": {
92148
"value": "{semantic.borderRadius.full}",
93149
"type": "borderRadius"

‎tokensStudio/canvas/semantic/color/canvas.json‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1064,6 +1064,26 @@
10641064
"sea": {
10651065
"value": "{color.sea.sea20}",
10661066
"type": "color"
1067+
},
1068+
"plum": {
1069+
"value": "{color.plum.plum20}",
1070+
"type": "color"
1071+
},
1072+
"sky": {
1073+
"value": "{color.sky.sky20}",
1074+
"type": "color"
1075+
},
1076+
"orange": {
1077+
"value": "{color.orange.orange20}",
1078+
"type": "color"
1079+
},
1080+
"aurora": {
1081+
"value": "{color.aurora.aurora20}",
1082+
"type": "color"
1083+
},
1084+
"stone": {
1085+
"value": "{color.stone.stone20}",
1086+
"type": "color"
10671087
}
10681088
}
10691089
},

‎tokensStudio/canvas/semantic/color/canvasHighContrast.json‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1064,6 +1064,26 @@
10641064
"sea": {
10651065
"value": "{color.sea.sea20}",
10661066
"type": "color"
1067+
},
1068+
"plum": {
1069+
"value": "{color.plum.plum20}",
1070+
"type": "color"
1071+
},
1072+
"sky": {
1073+
"value": "{color.sky.sky20}",
1074+
"type": "color"
1075+
},
1076+
"orange": {
1077+
"value": "{color.orange.orange20}",
1078+
"type": "color"
1079+
},
1080+
"aurora": {
1081+
"value": "{color.aurora.aurora20}",
1082+
"type": "color"
1083+
},
1084+
"stone": {
1085+
"value": "{color.stone.stone20}",
1086+
"type": "color"
10671087
}
10681088
}
10691089
},

0 commit comments

Comments
 (0)