@pantheon-systems/pds-design-tokens 1.0.0-dev.134 → 1.0.0-dev.135
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/build/css/pds-design-tokens-dark-mode.css +8 -4
- package/build/css/pds-design-tokens-light-mode.css +10 -5
- package/build/figma/pds-design-tokens-figma.json +543 -274
- package/build/json/pds-design-tokens-dark-mode.json +220 -98
- package/build/json/pds-design-tokens-light-mode.json +247 -100
- package/package.json +1 -1
|
@@ -6117,114 +6117,236 @@
|
|
|
6117
6117
|
}
|
|
6118
6118
|
},
|
|
6119
6119
|
"icon-button": {
|
|
6120
|
-
"
|
|
6121
|
-
"
|
|
6122
|
-
"
|
|
6123
|
-
|
|
6124
|
-
"filePath": "tokens/color/alias/button.dark.json",
|
|
6125
|
-
"isSource": true,
|
|
6126
|
-
"original": {
|
|
6127
|
-
"value": "transparent",
|
|
6128
|
-
"public": true
|
|
6129
|
-
},
|
|
6130
|
-
"name": "color-dark-mode-icon-button-background-default",
|
|
6131
|
-
"attributes": {
|
|
6132
|
-
"category": "color",
|
|
6133
|
-
"type": "dark-mode",
|
|
6134
|
-
"item": "icon-button",
|
|
6135
|
-
"subitem": "background",
|
|
6136
|
-
"state": "default"
|
|
6137
|
-
},
|
|
6138
|
-
"path": [
|
|
6139
|
-
"color",
|
|
6140
|
-
"dark-mode",
|
|
6141
|
-
"icon-button",
|
|
6142
|
-
"background",
|
|
6143
|
-
"default"
|
|
6144
|
-
]
|
|
6145
|
-
},
|
|
6146
|
-
"hover": {
|
|
6147
|
-
"value": "#a6a3b4",
|
|
6148
|
-
"public": true,
|
|
6149
|
-
"isReferenceToInternal": true,
|
|
6150
|
-
"filePath": "tokens/color/alias/button.dark.json",
|
|
6151
|
-
"isSource": true,
|
|
6152
|
-
"original": {
|
|
6153
|
-
"value": "{color.dark-mode.neutral.200.value}",
|
|
6120
|
+
"standard": {
|
|
6121
|
+
"background": {
|
|
6122
|
+
"default": {
|
|
6123
|
+
"value": "rgba(0, 0, 0, 0)",
|
|
6154
6124
|
"public": true,
|
|
6155
|
-
"
|
|
6125
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
6126
|
+
"isSource": true,
|
|
6127
|
+
"original": {
|
|
6128
|
+
"value": "transparent",
|
|
6129
|
+
"public": true
|
|
6130
|
+
},
|
|
6131
|
+
"name": "color-dark-mode-icon-button-standard-background-default",
|
|
6132
|
+
"attributes": {
|
|
6133
|
+
"category": "color",
|
|
6134
|
+
"type": "dark-mode",
|
|
6135
|
+
"item": "icon-button",
|
|
6136
|
+
"subitem": "standard",
|
|
6137
|
+
"state": "background"
|
|
6138
|
+
},
|
|
6139
|
+
"path": [
|
|
6140
|
+
"color",
|
|
6141
|
+
"dark-mode",
|
|
6142
|
+
"icon-button",
|
|
6143
|
+
"standard",
|
|
6144
|
+
"background",
|
|
6145
|
+
"default"
|
|
6146
|
+
]
|
|
6156
6147
|
},
|
|
6157
|
-
"
|
|
6158
|
-
|
|
6159
|
-
"
|
|
6160
|
-
"
|
|
6161
|
-
"
|
|
6162
|
-
"
|
|
6163
|
-
"
|
|
6148
|
+
"hover": {
|
|
6149
|
+
"value": "#a6a3b4",
|
|
6150
|
+
"public": true,
|
|
6151
|
+
"isReferenceToInternal": true,
|
|
6152
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
6153
|
+
"isSource": true,
|
|
6154
|
+
"original": {
|
|
6155
|
+
"value": "{color.dark-mode.neutral.200.value}",
|
|
6156
|
+
"public": true,
|
|
6157
|
+
"isReferenceToInternal": true
|
|
6158
|
+
},
|
|
6159
|
+
"name": "color-dark-mode-icon-button-standard-background-hover",
|
|
6160
|
+
"attributes": {
|
|
6161
|
+
"category": "color",
|
|
6162
|
+
"type": "dark-mode",
|
|
6163
|
+
"item": "icon-button",
|
|
6164
|
+
"subitem": "standard",
|
|
6165
|
+
"state": "background"
|
|
6166
|
+
},
|
|
6167
|
+
"path": [
|
|
6168
|
+
"color",
|
|
6169
|
+
"dark-mode",
|
|
6170
|
+
"icon-button",
|
|
6171
|
+
"standard",
|
|
6172
|
+
"background",
|
|
6173
|
+
"hover"
|
|
6174
|
+
]
|
|
6164
6175
|
},
|
|
6165
|
-
"
|
|
6166
|
-
"
|
|
6167
|
-
"
|
|
6168
|
-
"
|
|
6169
|
-
"
|
|
6170
|
-
"
|
|
6171
|
-
|
|
6176
|
+
"active": {
|
|
6177
|
+
"value": "#858299",
|
|
6178
|
+
"public": true,
|
|
6179
|
+
"isReferenceToInternal": true,
|
|
6180
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
6181
|
+
"isSource": true,
|
|
6182
|
+
"original": {
|
|
6183
|
+
"value": "{color.dark-mode.neutral.300.value}",
|
|
6184
|
+
"public": true,
|
|
6185
|
+
"isReferenceToInternal": true
|
|
6186
|
+
},
|
|
6187
|
+
"name": "color-dark-mode-icon-button-standard-background-active",
|
|
6188
|
+
"attributes": {
|
|
6189
|
+
"category": "color",
|
|
6190
|
+
"type": "dark-mode",
|
|
6191
|
+
"item": "icon-button",
|
|
6192
|
+
"subitem": "standard",
|
|
6193
|
+
"state": "background"
|
|
6194
|
+
},
|
|
6195
|
+
"path": [
|
|
6196
|
+
"color",
|
|
6197
|
+
"dark-mode",
|
|
6198
|
+
"icon-button",
|
|
6199
|
+
"standard",
|
|
6200
|
+
"background",
|
|
6201
|
+
"active"
|
|
6202
|
+
]
|
|
6203
|
+
}
|
|
6172
6204
|
},
|
|
6173
|
-
"
|
|
6174
|
-
"
|
|
6175
|
-
|
|
6176
|
-
"isReferenceToInternal": true,
|
|
6177
|
-
"filePath": "tokens/color/alias/button.dark.json",
|
|
6178
|
-
"isSource": true,
|
|
6179
|
-
"original": {
|
|
6180
|
-
"value": "{color.dark-mode.neutral.300.value}",
|
|
6205
|
+
"foreground": {
|
|
6206
|
+
"default": {
|
|
6207
|
+
"value": "#ffffff",
|
|
6181
6208
|
"public": true,
|
|
6182
|
-
"isReferenceToInternal": true
|
|
6183
|
-
|
|
6184
|
-
|
|
6185
|
-
|
|
6186
|
-
|
|
6187
|
-
|
|
6188
|
-
|
|
6189
|
-
|
|
6190
|
-
"
|
|
6191
|
-
|
|
6192
|
-
|
|
6193
|
-
|
|
6194
|
-
|
|
6195
|
-
|
|
6196
|
-
|
|
6197
|
-
|
|
6198
|
-
|
|
6209
|
+
"isReferenceToInternal": true,
|
|
6210
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
6211
|
+
"isSource": true,
|
|
6212
|
+
"original": {
|
|
6213
|
+
"value": "{color.dark-mode.neutral.000.value}",
|
|
6214
|
+
"public": true,
|
|
6215
|
+
"isReferenceToInternal": true
|
|
6216
|
+
},
|
|
6217
|
+
"name": "color-dark-mode-icon-button-standard-foreground-default",
|
|
6218
|
+
"attributes": {
|
|
6219
|
+
"category": "color",
|
|
6220
|
+
"type": "dark-mode",
|
|
6221
|
+
"item": "icon-button",
|
|
6222
|
+
"subitem": "standard",
|
|
6223
|
+
"state": "foreground"
|
|
6224
|
+
},
|
|
6225
|
+
"path": [
|
|
6226
|
+
"color",
|
|
6227
|
+
"dark-mode",
|
|
6228
|
+
"icon-button",
|
|
6229
|
+
"standard",
|
|
6230
|
+
"foreground",
|
|
6231
|
+
"default"
|
|
6232
|
+
]
|
|
6233
|
+
}
|
|
6199
6234
|
}
|
|
6200
6235
|
},
|
|
6201
|
-
"
|
|
6202
|
-
"
|
|
6203
|
-
"
|
|
6204
|
-
|
|
6205
|
-
"isReferenceToInternal": true,
|
|
6206
|
-
"filePath": "tokens/color/alias/button.dark.json",
|
|
6207
|
-
"isSource": true,
|
|
6208
|
-
"original": {
|
|
6209
|
-
"value": "{color.dark-mode.neutral.000.value}",
|
|
6236
|
+
"critical": {
|
|
6237
|
+
"background": {
|
|
6238
|
+
"default": {
|
|
6239
|
+
"value": "rgba(0, 0, 0, 0)",
|
|
6210
6240
|
"public": true,
|
|
6211
|
-
"
|
|
6241
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
6242
|
+
"isSource": true,
|
|
6243
|
+
"original": {
|
|
6244
|
+
"value": "transparent",
|
|
6245
|
+
"public": true
|
|
6246
|
+
},
|
|
6247
|
+
"name": "color-dark-mode-icon-button-critical-background-default",
|
|
6248
|
+
"attributes": {
|
|
6249
|
+
"category": "color",
|
|
6250
|
+
"type": "dark-mode",
|
|
6251
|
+
"item": "icon-button",
|
|
6252
|
+
"subitem": "critical",
|
|
6253
|
+
"state": "background"
|
|
6254
|
+
},
|
|
6255
|
+
"path": [
|
|
6256
|
+
"color",
|
|
6257
|
+
"dark-mode",
|
|
6258
|
+
"icon-button",
|
|
6259
|
+
"critical",
|
|
6260
|
+
"background",
|
|
6261
|
+
"default"
|
|
6262
|
+
]
|
|
6212
6263
|
},
|
|
6213
|
-
"
|
|
6214
|
-
|
|
6215
|
-
"
|
|
6216
|
-
"
|
|
6217
|
-
"
|
|
6218
|
-
"
|
|
6219
|
-
"
|
|
6264
|
+
"hover": {
|
|
6265
|
+
"value": "#391813",
|
|
6266
|
+
"public": true,
|
|
6267
|
+
"isReferenceToInternal": true,
|
|
6268
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
6269
|
+
"isSource": true,
|
|
6270
|
+
"original": {
|
|
6271
|
+
"value": "{color.dark-mode.semantic.critical.background.value}",
|
|
6272
|
+
"public": true,
|
|
6273
|
+
"isReferenceToInternal": true
|
|
6274
|
+
},
|
|
6275
|
+
"name": "color-dark-mode-icon-button-critical-background-hover",
|
|
6276
|
+
"attributes": {
|
|
6277
|
+
"category": "color",
|
|
6278
|
+
"type": "dark-mode",
|
|
6279
|
+
"item": "icon-button",
|
|
6280
|
+
"subitem": "critical",
|
|
6281
|
+
"state": "background"
|
|
6282
|
+
},
|
|
6283
|
+
"path": [
|
|
6284
|
+
"color",
|
|
6285
|
+
"dark-mode",
|
|
6286
|
+
"icon-button",
|
|
6287
|
+
"critical",
|
|
6288
|
+
"background",
|
|
6289
|
+
"hover"
|
|
6290
|
+
]
|
|
6220
6291
|
},
|
|
6221
|
-
"
|
|
6222
|
-
"
|
|
6223
|
-
"
|
|
6224
|
-
"
|
|
6225
|
-
"
|
|
6226
|
-
"
|
|
6227
|
-
|
|
6292
|
+
"active": {
|
|
6293
|
+
"value": "#391813",
|
|
6294
|
+
"public": true,
|
|
6295
|
+
"isReferenceToInternal": true,
|
|
6296
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
6297
|
+
"isSource": true,
|
|
6298
|
+
"original": {
|
|
6299
|
+
"value": "{color.dark-mode.semantic.critical.background.value}",
|
|
6300
|
+
"public": true,
|
|
6301
|
+
"isReferenceToInternal": true
|
|
6302
|
+
},
|
|
6303
|
+
"name": "color-dark-mode-icon-button-critical-background-active",
|
|
6304
|
+
"attributes": {
|
|
6305
|
+
"category": "color",
|
|
6306
|
+
"type": "dark-mode",
|
|
6307
|
+
"item": "icon-button",
|
|
6308
|
+
"subitem": "critical",
|
|
6309
|
+
"state": "background"
|
|
6310
|
+
},
|
|
6311
|
+
"path": [
|
|
6312
|
+
"color",
|
|
6313
|
+
"dark-mode",
|
|
6314
|
+
"icon-button",
|
|
6315
|
+
"critical",
|
|
6316
|
+
"background",
|
|
6317
|
+
"active"
|
|
6318
|
+
]
|
|
6319
|
+
}
|
|
6320
|
+
},
|
|
6321
|
+
"foreground": {
|
|
6322
|
+
"default": {
|
|
6323
|
+
"value": "#ef5c48",
|
|
6324
|
+
"public": true,
|
|
6325
|
+
"isReferenceToInternal": true,
|
|
6326
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
6327
|
+
"isSource": true,
|
|
6328
|
+
"original": {
|
|
6329
|
+
"value": "{color.dark-mode.semantic.critical.foreground.value}",
|
|
6330
|
+
"public": true,
|
|
6331
|
+
"isReferenceToInternal": true
|
|
6332
|
+
},
|
|
6333
|
+
"name": "color-dark-mode-icon-button-critical-foreground-default",
|
|
6334
|
+
"attributes": {
|
|
6335
|
+
"category": "color",
|
|
6336
|
+
"type": "dark-mode",
|
|
6337
|
+
"item": "icon-button",
|
|
6338
|
+
"subitem": "critical",
|
|
6339
|
+
"state": "foreground"
|
|
6340
|
+
},
|
|
6341
|
+
"path": [
|
|
6342
|
+
"color",
|
|
6343
|
+
"dark-mode",
|
|
6344
|
+
"icon-button",
|
|
6345
|
+
"critical",
|
|
6346
|
+
"foreground",
|
|
6347
|
+
"default"
|
|
6348
|
+
]
|
|
6349
|
+
}
|
|
6228
6350
|
}
|
|
6229
6351
|
}
|
|
6230
6352
|
},
|
|
@@ -13480,272 +13602,394 @@
|
|
|
13480
13602
|
"filePath": "tokens/color/alias/button.light.json",
|
|
13481
13603
|
"isSource": true,
|
|
13482
13604
|
"original": {
|
|
13483
|
-
"value": "{color.light-mode.semantic.critical.foreground.value}",
|
|
13484
|
-
"public": true
|
|
13605
|
+
"value": "{color.light-mode.semantic.critical.foreground.value}",
|
|
13606
|
+
"public": true
|
|
13607
|
+
},
|
|
13608
|
+
"name": "color-light-mode-button-critical-foreground-default",
|
|
13609
|
+
"attributes": {
|
|
13610
|
+
"category": "color",
|
|
13611
|
+
"type": "light-mode",
|
|
13612
|
+
"item": "button",
|
|
13613
|
+
"subitem": "critical",
|
|
13614
|
+
"state": "foreground"
|
|
13615
|
+
},
|
|
13616
|
+
"path": [
|
|
13617
|
+
"color",
|
|
13618
|
+
"light-mode",
|
|
13619
|
+
"button",
|
|
13620
|
+
"critical",
|
|
13621
|
+
"foreground",
|
|
13622
|
+
"default"
|
|
13623
|
+
]
|
|
13624
|
+
},
|
|
13625
|
+
"hover": {
|
|
13626
|
+
"value": "#ca3521",
|
|
13627
|
+
"public": true,
|
|
13628
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
13629
|
+
"isSource": true,
|
|
13630
|
+
"original": {
|
|
13631
|
+
"value": "{color.light-mode.semantic.critical.foreground.value}",
|
|
13632
|
+
"public": true
|
|
13633
|
+
},
|
|
13634
|
+
"name": "color-light-mode-button-critical-foreground-hover",
|
|
13635
|
+
"attributes": {
|
|
13636
|
+
"category": "color",
|
|
13637
|
+
"type": "light-mode",
|
|
13638
|
+
"item": "button",
|
|
13639
|
+
"subitem": "critical",
|
|
13640
|
+
"state": "foreground"
|
|
13641
|
+
},
|
|
13642
|
+
"path": [
|
|
13643
|
+
"color",
|
|
13644
|
+
"light-mode",
|
|
13645
|
+
"button",
|
|
13646
|
+
"critical",
|
|
13647
|
+
"foreground",
|
|
13648
|
+
"hover"
|
|
13649
|
+
]
|
|
13650
|
+
},
|
|
13651
|
+
"active": {
|
|
13652
|
+
"value": "#b52f1d",
|
|
13653
|
+
"public": true,
|
|
13654
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
13655
|
+
"isSource": true,
|
|
13656
|
+
"original": {
|
|
13657
|
+
"value": "#b52f1d",
|
|
13658
|
+
"public": true
|
|
13659
|
+
},
|
|
13660
|
+
"name": "color-light-mode-button-critical-foreground-active",
|
|
13661
|
+
"attributes": {
|
|
13662
|
+
"category": "color",
|
|
13663
|
+
"type": "light-mode",
|
|
13664
|
+
"item": "button",
|
|
13665
|
+
"subitem": "critical",
|
|
13666
|
+
"state": "foreground"
|
|
13667
|
+
},
|
|
13668
|
+
"path": [
|
|
13669
|
+
"color",
|
|
13670
|
+
"light-mode",
|
|
13671
|
+
"button",
|
|
13672
|
+
"critical",
|
|
13673
|
+
"foreground",
|
|
13674
|
+
"active"
|
|
13675
|
+
]
|
|
13676
|
+
}
|
|
13677
|
+
}
|
|
13678
|
+
},
|
|
13679
|
+
"navbar": {
|
|
13680
|
+
"foreground": {
|
|
13681
|
+
"default": {
|
|
13682
|
+
"value": "#23232d",
|
|
13683
|
+
"public": true,
|
|
13684
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
13685
|
+
"isSource": true,
|
|
13686
|
+
"original": {
|
|
13687
|
+
"value": "{color.light-mode.foreground.default.value}",
|
|
13688
|
+
"public": true
|
|
13689
|
+
},
|
|
13690
|
+
"name": "color-light-mode-button-navbar-foreground-default",
|
|
13691
|
+
"attributes": {
|
|
13692
|
+
"category": "color",
|
|
13693
|
+
"type": "light-mode",
|
|
13694
|
+
"item": "button",
|
|
13695
|
+
"subitem": "navbar",
|
|
13696
|
+
"state": "foreground"
|
|
13697
|
+
},
|
|
13698
|
+
"path": [
|
|
13699
|
+
"color",
|
|
13700
|
+
"light-mode",
|
|
13701
|
+
"button",
|
|
13702
|
+
"navbar",
|
|
13703
|
+
"foreground",
|
|
13704
|
+
"default"
|
|
13705
|
+
]
|
|
13706
|
+
},
|
|
13707
|
+
"hover": {
|
|
13708
|
+
"value": "#654bd5",
|
|
13709
|
+
"public": true,
|
|
13710
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
13711
|
+
"isSource": true,
|
|
13712
|
+
"original": {
|
|
13713
|
+
"value": "{color.light-mode.link.hover.value}",
|
|
13714
|
+
"public": true
|
|
13715
|
+
},
|
|
13716
|
+
"name": "color-light-mode-button-navbar-foreground-hover",
|
|
13717
|
+
"attributes": {
|
|
13718
|
+
"category": "color",
|
|
13719
|
+
"type": "light-mode",
|
|
13720
|
+
"item": "button",
|
|
13721
|
+
"subitem": "navbar",
|
|
13722
|
+
"state": "foreground"
|
|
13723
|
+
},
|
|
13724
|
+
"path": [
|
|
13725
|
+
"color",
|
|
13726
|
+
"light-mode",
|
|
13727
|
+
"button",
|
|
13728
|
+
"navbar",
|
|
13729
|
+
"foreground",
|
|
13730
|
+
"hover"
|
|
13731
|
+
]
|
|
13732
|
+
},
|
|
13733
|
+
"active": {
|
|
13734
|
+
"value": "#654bd5",
|
|
13735
|
+
"public": true,
|
|
13736
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
13737
|
+
"isSource": true,
|
|
13738
|
+
"original": {
|
|
13739
|
+
"value": "{color.light-mode.link.active.value}",
|
|
13740
|
+
"public": true
|
|
13741
|
+
},
|
|
13742
|
+
"name": "color-light-mode-button-navbar-foreground-active",
|
|
13743
|
+
"attributes": {
|
|
13744
|
+
"category": "color",
|
|
13745
|
+
"type": "light-mode",
|
|
13746
|
+
"item": "button",
|
|
13747
|
+
"subitem": "navbar",
|
|
13748
|
+
"state": "foreground"
|
|
13749
|
+
},
|
|
13750
|
+
"path": [
|
|
13751
|
+
"color",
|
|
13752
|
+
"light-mode",
|
|
13753
|
+
"button",
|
|
13754
|
+
"navbar",
|
|
13755
|
+
"foreground",
|
|
13756
|
+
"active"
|
|
13757
|
+
]
|
|
13758
|
+
}
|
|
13759
|
+
}
|
|
13760
|
+
}
|
|
13761
|
+
},
|
|
13762
|
+
"icon-button": {
|
|
13763
|
+
"standard": {
|
|
13764
|
+
"background": {
|
|
13765
|
+
"default": {
|
|
13766
|
+
"value": "rgba(0, 0, 0, 0)",
|
|
13767
|
+
"public": true,
|
|
13768
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
13769
|
+
"isSource": true,
|
|
13770
|
+
"original": {
|
|
13771
|
+
"value": "transparent",
|
|
13772
|
+
"public": true
|
|
13773
|
+
},
|
|
13774
|
+
"name": "color-light-mode-icon-button-standard-background-default",
|
|
13775
|
+
"attributes": {
|
|
13776
|
+
"category": "color",
|
|
13777
|
+
"type": "light-mode",
|
|
13778
|
+
"item": "icon-button",
|
|
13779
|
+
"subitem": "standard",
|
|
13780
|
+
"state": "background"
|
|
13781
|
+
},
|
|
13782
|
+
"path": [
|
|
13783
|
+
"color",
|
|
13784
|
+
"light-mode",
|
|
13785
|
+
"icon-button",
|
|
13786
|
+
"standard",
|
|
13787
|
+
"background",
|
|
13788
|
+
"default"
|
|
13789
|
+
]
|
|
13790
|
+
},
|
|
13791
|
+
"hover": {
|
|
13792
|
+
"value": "#f1f1f1",
|
|
13793
|
+
"public": true,
|
|
13794
|
+
"isReferenceToInternal": true,
|
|
13795
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
13796
|
+
"isSource": true,
|
|
13797
|
+
"original": {
|
|
13798
|
+
"value": "{color.light-mode.neutral.200.value}",
|
|
13799
|
+
"public": true,
|
|
13800
|
+
"isReferenceToInternal": true
|
|
13485
13801
|
},
|
|
13486
|
-
"name": "color-light-mode-button-
|
|
13802
|
+
"name": "color-light-mode-icon-button-standard-background-hover",
|
|
13487
13803
|
"attributes": {
|
|
13488
13804
|
"category": "color",
|
|
13489
13805
|
"type": "light-mode",
|
|
13490
|
-
"item": "button",
|
|
13491
|
-
"subitem": "
|
|
13492
|
-
"state": "
|
|
13806
|
+
"item": "icon-button",
|
|
13807
|
+
"subitem": "standard",
|
|
13808
|
+
"state": "background"
|
|
13493
13809
|
},
|
|
13494
13810
|
"path": [
|
|
13495
13811
|
"color",
|
|
13496
13812
|
"light-mode",
|
|
13497
|
-
"button",
|
|
13498
|
-
"
|
|
13499
|
-
"
|
|
13500
|
-
"
|
|
13813
|
+
"icon-button",
|
|
13814
|
+
"standard",
|
|
13815
|
+
"background",
|
|
13816
|
+
"hover"
|
|
13501
13817
|
]
|
|
13502
13818
|
},
|
|
13503
|
-
"
|
|
13504
|
-
"value": "#
|
|
13819
|
+
"active": {
|
|
13820
|
+
"value": "#cfcfd3",
|
|
13505
13821
|
"public": true,
|
|
13822
|
+
"isReferenceToInternal": true,
|
|
13506
13823
|
"filePath": "tokens/color/alias/button.light.json",
|
|
13507
13824
|
"isSource": true,
|
|
13508
13825
|
"original": {
|
|
13509
|
-
"value": "{color.light-mode.
|
|
13510
|
-
"public": true
|
|
13826
|
+
"value": "{color.light-mode.neutral.300.value}",
|
|
13827
|
+
"public": true,
|
|
13828
|
+
"isReferenceToInternal": true
|
|
13511
13829
|
},
|
|
13512
|
-
"name": "color-light-mode-button-
|
|
13830
|
+
"name": "color-light-mode-icon-button-standard-background-active",
|
|
13513
13831
|
"attributes": {
|
|
13514
13832
|
"category": "color",
|
|
13515
13833
|
"type": "light-mode",
|
|
13516
|
-
"item": "button",
|
|
13517
|
-
"subitem": "
|
|
13518
|
-
"state": "
|
|
13834
|
+
"item": "icon-button",
|
|
13835
|
+
"subitem": "standard",
|
|
13836
|
+
"state": "background"
|
|
13519
13837
|
},
|
|
13520
13838
|
"path": [
|
|
13521
13839
|
"color",
|
|
13522
13840
|
"light-mode",
|
|
13523
|
-
"button",
|
|
13524
|
-
"
|
|
13525
|
-
"
|
|
13526
|
-
"
|
|
13841
|
+
"icon-button",
|
|
13842
|
+
"standard",
|
|
13843
|
+
"background",
|
|
13844
|
+
"active"
|
|
13527
13845
|
]
|
|
13528
|
-
}
|
|
13529
|
-
|
|
13530
|
-
|
|
13846
|
+
}
|
|
13847
|
+
},
|
|
13848
|
+
"foreground": {
|
|
13849
|
+
"default": {
|
|
13850
|
+
"value": "#6d6d78",
|
|
13531
13851
|
"public": true,
|
|
13852
|
+
"isReferenceToInternal": true,
|
|
13532
13853
|
"filePath": "tokens/color/alias/button.light.json",
|
|
13533
13854
|
"isSource": true,
|
|
13534
13855
|
"original": {
|
|
13535
|
-
"value": "
|
|
13536
|
-
"public": true
|
|
13856
|
+
"value": "{color.light-mode.neutral.400.value}",
|
|
13857
|
+
"public": true,
|
|
13858
|
+
"isReferenceToInternal": true
|
|
13537
13859
|
},
|
|
13538
|
-
"name": "color-light-mode-button-
|
|
13860
|
+
"name": "color-light-mode-icon-button-standard-foreground-default",
|
|
13539
13861
|
"attributes": {
|
|
13540
13862
|
"category": "color",
|
|
13541
13863
|
"type": "light-mode",
|
|
13542
|
-
"item": "button",
|
|
13543
|
-
"subitem": "
|
|
13864
|
+
"item": "icon-button",
|
|
13865
|
+
"subitem": "standard",
|
|
13544
13866
|
"state": "foreground"
|
|
13545
13867
|
},
|
|
13546
13868
|
"path": [
|
|
13547
13869
|
"color",
|
|
13548
13870
|
"light-mode",
|
|
13549
|
-
"button",
|
|
13550
|
-
"
|
|
13871
|
+
"icon-button",
|
|
13872
|
+
"standard",
|
|
13551
13873
|
"foreground",
|
|
13552
|
-
"
|
|
13874
|
+
"default"
|
|
13553
13875
|
]
|
|
13554
13876
|
}
|
|
13555
13877
|
}
|
|
13556
13878
|
},
|
|
13557
|
-
"
|
|
13558
|
-
"
|
|
13879
|
+
"critical": {
|
|
13880
|
+
"background": {
|
|
13559
13881
|
"default": {
|
|
13560
|
-
"value": "
|
|
13882
|
+
"value": "rgba(0, 0, 0, 0)",
|
|
13561
13883
|
"public": true,
|
|
13562
13884
|
"filePath": "tokens/color/alias/button.light.json",
|
|
13563
13885
|
"isSource": true,
|
|
13564
13886
|
"original": {
|
|
13565
|
-
"value": "
|
|
13887
|
+
"value": "transparent",
|
|
13566
13888
|
"public": true
|
|
13567
13889
|
},
|
|
13568
|
-
"name": "color-light-mode-button-
|
|
13890
|
+
"name": "color-light-mode-icon-button-critical-background-default",
|
|
13569
13891
|
"attributes": {
|
|
13570
13892
|
"category": "color",
|
|
13571
13893
|
"type": "light-mode",
|
|
13572
|
-
"item": "button",
|
|
13573
|
-
"subitem": "
|
|
13574
|
-
"state": "
|
|
13894
|
+
"item": "icon-button",
|
|
13895
|
+
"subitem": "critical",
|
|
13896
|
+
"state": "background"
|
|
13575
13897
|
},
|
|
13576
13898
|
"path": [
|
|
13577
13899
|
"color",
|
|
13578
13900
|
"light-mode",
|
|
13579
|
-
"button",
|
|
13580
|
-
"
|
|
13581
|
-
"
|
|
13901
|
+
"icon-button",
|
|
13902
|
+
"critical",
|
|
13903
|
+
"background",
|
|
13582
13904
|
"default"
|
|
13583
13905
|
]
|
|
13584
13906
|
},
|
|
13585
13907
|
"hover": {
|
|
13586
|
-
"value": "#
|
|
13908
|
+
"value": "#ffedeb",
|
|
13587
13909
|
"public": true,
|
|
13910
|
+
"isReferenceToInternal": true,
|
|
13588
13911
|
"filePath": "tokens/color/alias/button.light.json",
|
|
13589
13912
|
"isSource": true,
|
|
13590
13913
|
"original": {
|
|
13591
|
-
"value": "{color.light-mode.
|
|
13592
|
-
"public": true
|
|
13914
|
+
"value": "{color.light-mode.semantic.critical.background.value}",
|
|
13915
|
+
"public": true,
|
|
13916
|
+
"isReferenceToInternal": true
|
|
13593
13917
|
},
|
|
13594
|
-
"name": "color-light-mode-button-
|
|
13918
|
+
"name": "color-light-mode-icon-button-critical-background-hover",
|
|
13595
13919
|
"attributes": {
|
|
13596
13920
|
"category": "color",
|
|
13597
13921
|
"type": "light-mode",
|
|
13598
|
-
"item": "button",
|
|
13599
|
-
"subitem": "
|
|
13600
|
-
"state": "
|
|
13922
|
+
"item": "icon-button",
|
|
13923
|
+
"subitem": "critical",
|
|
13924
|
+
"state": "background"
|
|
13601
13925
|
},
|
|
13602
13926
|
"path": [
|
|
13603
13927
|
"color",
|
|
13604
13928
|
"light-mode",
|
|
13605
|
-
"button",
|
|
13606
|
-
"
|
|
13607
|
-
"
|
|
13929
|
+
"icon-button",
|
|
13930
|
+
"critical",
|
|
13931
|
+
"background",
|
|
13608
13932
|
"hover"
|
|
13609
13933
|
]
|
|
13610
13934
|
},
|
|
13611
13935
|
"active": {
|
|
13612
|
-
"value": "#
|
|
13936
|
+
"value": "#fcc5be",
|
|
13613
13937
|
"public": true,
|
|
13938
|
+
"isReferenceToInternal": true,
|
|
13614
13939
|
"filePath": "tokens/color/alias/button.light.json",
|
|
13615
13940
|
"isSource": true,
|
|
13616
13941
|
"original": {
|
|
13617
|
-
"value": "{color.light-mode.
|
|
13618
|
-
"public": true
|
|
13942
|
+
"value": "{color.light-mode.semantic.critical.utility-light.value}",
|
|
13943
|
+
"public": true,
|
|
13944
|
+
"isReferenceToInternal": true
|
|
13619
13945
|
},
|
|
13620
|
-
"name": "color-light-mode-button-
|
|
13946
|
+
"name": "color-light-mode-icon-button-critical-background-active",
|
|
13621
13947
|
"attributes": {
|
|
13622
13948
|
"category": "color",
|
|
13623
13949
|
"type": "light-mode",
|
|
13624
|
-
"item": "button",
|
|
13625
|
-
"subitem": "
|
|
13626
|
-
"state": "
|
|
13950
|
+
"item": "icon-button",
|
|
13951
|
+
"subitem": "critical",
|
|
13952
|
+
"state": "background"
|
|
13627
13953
|
},
|
|
13628
13954
|
"path": [
|
|
13629
13955
|
"color",
|
|
13630
13956
|
"light-mode",
|
|
13631
|
-
"button",
|
|
13632
|
-
"
|
|
13633
|
-
"
|
|
13957
|
+
"icon-button",
|
|
13958
|
+
"critical",
|
|
13959
|
+
"background",
|
|
13634
13960
|
"active"
|
|
13635
13961
|
]
|
|
13636
13962
|
}
|
|
13637
|
-
}
|
|
13638
|
-
}
|
|
13639
|
-
},
|
|
13640
|
-
"icon-button": {
|
|
13641
|
-
"background": {
|
|
13642
|
-
"default": {
|
|
13643
|
-
"value": "rgba(0, 0, 0, 0)",
|
|
13644
|
-
"public": true,
|
|
13645
|
-
"filePath": "tokens/color/alias/button.light.json",
|
|
13646
|
-
"isSource": true,
|
|
13647
|
-
"original": {
|
|
13648
|
-
"value": "transparent",
|
|
13649
|
-
"public": true
|
|
13650
|
-
},
|
|
13651
|
-
"name": "color-light-mode-icon-button-background-default",
|
|
13652
|
-
"attributes": {
|
|
13653
|
-
"category": "color",
|
|
13654
|
-
"type": "light-mode",
|
|
13655
|
-
"item": "icon-button",
|
|
13656
|
-
"subitem": "background",
|
|
13657
|
-
"state": "default"
|
|
13658
|
-
},
|
|
13659
|
-
"path": [
|
|
13660
|
-
"color",
|
|
13661
|
-
"light-mode",
|
|
13662
|
-
"icon-button",
|
|
13663
|
-
"background",
|
|
13664
|
-
"default"
|
|
13665
|
-
]
|
|
13666
|
-
},
|
|
13667
|
-
"hover": {
|
|
13668
|
-
"value": "#f1f1f1",
|
|
13669
|
-
"public": true,
|
|
13670
|
-
"isReferenceToInternal": true,
|
|
13671
|
-
"filePath": "tokens/color/alias/button.light.json",
|
|
13672
|
-
"isSource": true,
|
|
13673
|
-
"original": {
|
|
13674
|
-
"value": "{color.light-mode.neutral.200.value}",
|
|
13675
|
-
"public": true,
|
|
13676
|
-
"isReferenceToInternal": true
|
|
13677
|
-
},
|
|
13678
|
-
"name": "color-light-mode-icon-button-background-hover",
|
|
13679
|
-
"attributes": {
|
|
13680
|
-
"category": "color",
|
|
13681
|
-
"type": "light-mode",
|
|
13682
|
-
"item": "icon-button",
|
|
13683
|
-
"subitem": "background",
|
|
13684
|
-
"state": "hover"
|
|
13685
|
-
},
|
|
13686
|
-
"path": [
|
|
13687
|
-
"color",
|
|
13688
|
-
"light-mode",
|
|
13689
|
-
"icon-button",
|
|
13690
|
-
"background",
|
|
13691
|
-
"hover"
|
|
13692
|
-
]
|
|
13693
13963
|
},
|
|
13694
|
-
"
|
|
13695
|
-
"
|
|
13696
|
-
|
|
13697
|
-
"isReferenceToInternal": true,
|
|
13698
|
-
"filePath": "tokens/color/alias/button.light.json",
|
|
13699
|
-
"isSource": true,
|
|
13700
|
-
"original": {
|
|
13701
|
-
"value": "{color.light-mode.neutral.300.value}",
|
|
13702
|
-
"public": true,
|
|
13703
|
-
"isReferenceToInternal": true
|
|
13704
|
-
},
|
|
13705
|
-
"name": "color-light-mode-icon-button-background-active",
|
|
13706
|
-
"attributes": {
|
|
13707
|
-
"category": "color",
|
|
13708
|
-
"type": "light-mode",
|
|
13709
|
-
"item": "icon-button",
|
|
13710
|
-
"subitem": "background",
|
|
13711
|
-
"state": "active"
|
|
13712
|
-
},
|
|
13713
|
-
"path": [
|
|
13714
|
-
"color",
|
|
13715
|
-
"light-mode",
|
|
13716
|
-
"icon-button",
|
|
13717
|
-
"background",
|
|
13718
|
-
"active"
|
|
13719
|
-
]
|
|
13720
|
-
}
|
|
13721
|
-
},
|
|
13722
|
-
"foreground": {
|
|
13723
|
-
"default": {
|
|
13724
|
-
"value": "#23232d",
|
|
13725
|
-
"public": true,
|
|
13726
|
-
"isReferenceToInternal": true,
|
|
13727
|
-
"filePath": "tokens/color/alias/button.light.json",
|
|
13728
|
-
"isSource": true,
|
|
13729
|
-
"original": {
|
|
13730
|
-
"value": "{color.light-mode.neutral.500.value}",
|
|
13964
|
+
"foreground": {
|
|
13965
|
+
"default": {
|
|
13966
|
+
"value": "#ca3521",
|
|
13731
13967
|
"public": true,
|
|
13732
|
-
"isReferenceToInternal": true
|
|
13733
|
-
|
|
13734
|
-
|
|
13735
|
-
|
|
13736
|
-
|
|
13737
|
-
|
|
13738
|
-
|
|
13739
|
-
|
|
13740
|
-
"
|
|
13741
|
-
|
|
13742
|
-
|
|
13743
|
-
|
|
13744
|
-
|
|
13745
|
-
|
|
13746
|
-
|
|
13747
|
-
|
|
13748
|
-
|
|
13968
|
+
"isReferenceToInternal": true,
|
|
13969
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
13970
|
+
"isSource": true,
|
|
13971
|
+
"original": {
|
|
13972
|
+
"value": "{color.light-mode.semantic.critical.foreground.value}",
|
|
13973
|
+
"public": true,
|
|
13974
|
+
"isReferenceToInternal": true
|
|
13975
|
+
},
|
|
13976
|
+
"name": "color-light-mode-icon-button-critical-foreground-default",
|
|
13977
|
+
"attributes": {
|
|
13978
|
+
"category": "color",
|
|
13979
|
+
"type": "light-mode",
|
|
13980
|
+
"item": "icon-button",
|
|
13981
|
+
"subitem": "critical",
|
|
13982
|
+
"state": "foreground"
|
|
13983
|
+
},
|
|
13984
|
+
"path": [
|
|
13985
|
+
"color",
|
|
13986
|
+
"light-mode",
|
|
13987
|
+
"icon-button",
|
|
13988
|
+
"critical",
|
|
13989
|
+
"foreground",
|
|
13990
|
+
"default"
|
|
13991
|
+
]
|
|
13992
|
+
}
|
|
13749
13993
|
}
|
|
13750
13994
|
}
|
|
13751
13995
|
},
|
|
@@ -19075,12 +19319,12 @@
|
|
|
19075
19319
|
]
|
|
19076
19320
|
},
|
|
19077
19321
|
"utility": {
|
|
19078
|
-
"value": "#
|
|
19322
|
+
"value": "#f35945",
|
|
19079
19323
|
"public": true,
|
|
19080
19324
|
"filePath": "tokens/color/base/semantic.light.json",
|
|
19081
19325
|
"isSource": true,
|
|
19082
19326
|
"original": {
|
|
19083
|
-
"value": "
|
|
19327
|
+
"value": "#F35945",
|
|
19084
19328
|
"public": true
|
|
19085
19329
|
},
|
|
19086
19330
|
"name": "color-light-mode-semantic-critical-utility",
|
|
@@ -19099,6 +19343,31 @@
|
|
|
19099
19343
|
"utility"
|
|
19100
19344
|
]
|
|
19101
19345
|
},
|
|
19346
|
+
"utility-light": {
|
|
19347
|
+
"value": "#fcc5be",
|
|
19348
|
+
"public": true,
|
|
19349
|
+
"filePath": "tokens/color/base/semantic.light.json",
|
|
19350
|
+
"isSource": true,
|
|
19351
|
+
"original": {
|
|
19352
|
+
"value": "#FCC5BE",
|
|
19353
|
+
"public": true
|
|
19354
|
+
},
|
|
19355
|
+
"name": "color-light-mode-semantic-critical-utility-light",
|
|
19356
|
+
"attributes": {
|
|
19357
|
+
"category": "color",
|
|
19358
|
+
"type": "light-mode",
|
|
19359
|
+
"item": "semantic",
|
|
19360
|
+
"subitem": "critical",
|
|
19361
|
+
"state": "utility-light"
|
|
19362
|
+
},
|
|
19363
|
+
"path": [
|
|
19364
|
+
"color",
|
|
19365
|
+
"light-mode",
|
|
19366
|
+
"semantic",
|
|
19367
|
+
"critical",
|
|
19368
|
+
"utility-light"
|
|
19369
|
+
]
|
|
19370
|
+
},
|
|
19102
19371
|
"background": {
|
|
19103
19372
|
"value": "#ffedeb",
|
|
19104
19373
|
"public": true,
|