@pantheon-systems/pds-design-tokens 1.0.0-dev.134 → 1.0.0-dev.136
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 +14 -5
- package/build/figma/pds-design-tokens-figma.json +608 -227
- package/build/json/pds-design-tokens-dark-mode.json +220 -98
- package/build/json/pds-design-tokens-light-mode.json +354 -95
- 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
|
},
|
|
@@ -13562,333 +13684,567 @@
|
|
|
13562
13684
|
"filePath": "tokens/color/alias/button.light.json",
|
|
13563
13685
|
"isSource": true,
|
|
13564
13686
|
"original": {
|
|
13565
|
-
"value": "{color.light-mode.foreground.default.value}",
|
|
13566
|
-
"public": true
|
|
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
|
|
13801
|
+
},
|
|
13802
|
+
"name": "color-light-mode-icon-button-standard-background-hover",
|
|
13803
|
+
"attributes": {
|
|
13804
|
+
"category": "color",
|
|
13805
|
+
"type": "light-mode",
|
|
13806
|
+
"item": "icon-button",
|
|
13807
|
+
"subitem": "standard",
|
|
13808
|
+
"state": "background"
|
|
13809
|
+
},
|
|
13810
|
+
"path": [
|
|
13811
|
+
"color",
|
|
13812
|
+
"light-mode",
|
|
13813
|
+
"icon-button",
|
|
13814
|
+
"standard",
|
|
13815
|
+
"background",
|
|
13816
|
+
"hover"
|
|
13817
|
+
]
|
|
13818
|
+
},
|
|
13819
|
+
"active": {
|
|
13820
|
+
"value": "#cfcfd3",
|
|
13821
|
+
"public": true,
|
|
13822
|
+
"isReferenceToInternal": true,
|
|
13823
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
13824
|
+
"isSource": true,
|
|
13825
|
+
"original": {
|
|
13826
|
+
"value": "{color.light-mode.neutral.300.value}",
|
|
13827
|
+
"public": true,
|
|
13828
|
+
"isReferenceToInternal": true
|
|
13829
|
+
},
|
|
13830
|
+
"name": "color-light-mode-icon-button-standard-background-active",
|
|
13831
|
+
"attributes": {
|
|
13832
|
+
"category": "color",
|
|
13833
|
+
"type": "light-mode",
|
|
13834
|
+
"item": "icon-button",
|
|
13835
|
+
"subitem": "standard",
|
|
13836
|
+
"state": "background"
|
|
13837
|
+
},
|
|
13838
|
+
"path": [
|
|
13839
|
+
"color",
|
|
13840
|
+
"light-mode",
|
|
13841
|
+
"icon-button",
|
|
13842
|
+
"standard",
|
|
13843
|
+
"background",
|
|
13844
|
+
"active"
|
|
13845
|
+
]
|
|
13846
|
+
}
|
|
13847
|
+
},
|
|
13848
|
+
"foreground": {
|
|
13849
|
+
"default": {
|
|
13850
|
+
"value": "#6d6d78",
|
|
13851
|
+
"public": true,
|
|
13852
|
+
"isReferenceToInternal": true,
|
|
13853
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
13854
|
+
"isSource": true,
|
|
13855
|
+
"original": {
|
|
13856
|
+
"value": "{color.light-mode.neutral.400.value}",
|
|
13857
|
+
"public": true,
|
|
13858
|
+
"isReferenceToInternal": true
|
|
13859
|
+
},
|
|
13860
|
+
"name": "color-light-mode-icon-button-standard-foreground-default",
|
|
13861
|
+
"attributes": {
|
|
13862
|
+
"category": "color",
|
|
13863
|
+
"type": "light-mode",
|
|
13864
|
+
"item": "icon-button",
|
|
13865
|
+
"subitem": "standard",
|
|
13866
|
+
"state": "foreground"
|
|
13867
|
+
},
|
|
13868
|
+
"path": [
|
|
13869
|
+
"color",
|
|
13870
|
+
"light-mode",
|
|
13871
|
+
"icon-button",
|
|
13872
|
+
"standard",
|
|
13873
|
+
"foreground",
|
|
13874
|
+
"default"
|
|
13875
|
+
]
|
|
13876
|
+
}
|
|
13877
|
+
}
|
|
13878
|
+
},
|
|
13879
|
+
"critical": {
|
|
13880
|
+
"background": {
|
|
13881
|
+
"default": {
|
|
13882
|
+
"value": "rgba(0, 0, 0, 0)",
|
|
13883
|
+
"public": true,
|
|
13884
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
13885
|
+
"isSource": true,
|
|
13886
|
+
"original": {
|
|
13887
|
+
"value": "transparent",
|
|
13888
|
+
"public": true
|
|
13889
|
+
},
|
|
13890
|
+
"name": "color-light-mode-icon-button-critical-background-default",
|
|
13891
|
+
"attributes": {
|
|
13892
|
+
"category": "color",
|
|
13893
|
+
"type": "light-mode",
|
|
13894
|
+
"item": "icon-button",
|
|
13895
|
+
"subitem": "critical",
|
|
13896
|
+
"state": "background"
|
|
13897
|
+
},
|
|
13898
|
+
"path": [
|
|
13899
|
+
"color",
|
|
13900
|
+
"light-mode",
|
|
13901
|
+
"icon-button",
|
|
13902
|
+
"critical",
|
|
13903
|
+
"background",
|
|
13904
|
+
"default"
|
|
13905
|
+
]
|
|
13906
|
+
},
|
|
13907
|
+
"hover": {
|
|
13908
|
+
"value": "#ffedeb",
|
|
13909
|
+
"public": true,
|
|
13910
|
+
"isReferenceToInternal": true,
|
|
13911
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
13912
|
+
"isSource": true,
|
|
13913
|
+
"original": {
|
|
13914
|
+
"value": "{color.light-mode.semantic.critical.background.value}",
|
|
13915
|
+
"public": true,
|
|
13916
|
+
"isReferenceToInternal": true
|
|
13567
13917
|
},
|
|
13568
|
-
"name": "color-light-mode-button-
|
|
13918
|
+
"name": "color-light-mode-icon-button-critical-background-hover",
|
|
13569
13919
|
"attributes": {
|
|
13570
13920
|
"category": "color",
|
|
13571
13921
|
"type": "light-mode",
|
|
13572
|
-
"item": "button",
|
|
13573
|
-
"subitem": "
|
|
13574
|
-
"state": "
|
|
13922
|
+
"item": "icon-button",
|
|
13923
|
+
"subitem": "critical",
|
|
13924
|
+
"state": "background"
|
|
13575
13925
|
},
|
|
13576
13926
|
"path": [
|
|
13577
13927
|
"color",
|
|
13578
13928
|
"light-mode",
|
|
13579
|
-
"button",
|
|
13580
|
-
"
|
|
13581
|
-
"
|
|
13582
|
-
"
|
|
13929
|
+
"icon-button",
|
|
13930
|
+
"critical",
|
|
13931
|
+
"background",
|
|
13932
|
+
"hover"
|
|
13583
13933
|
]
|
|
13584
13934
|
},
|
|
13585
|
-
"
|
|
13586
|
-
"value": "#
|
|
13935
|
+
"active": {
|
|
13936
|
+
"value": "#fcc5be",
|
|
13587
13937
|
"public": true,
|
|
13938
|
+
"isReferenceToInternal": true,
|
|
13588
13939
|
"filePath": "tokens/color/alias/button.light.json",
|
|
13589
13940
|
"isSource": true,
|
|
13590
13941
|
"original": {
|
|
13591
|
-
"value": "{color.light-mode.
|
|
13592
|
-
"public": true
|
|
13942
|
+
"value": "{color.light-mode.semantic.critical.utility-light.value}",
|
|
13943
|
+
"public": true,
|
|
13944
|
+
"isReferenceToInternal": true
|
|
13593
13945
|
},
|
|
13594
|
-
"name": "color-light-mode-button-
|
|
13946
|
+
"name": "color-light-mode-icon-button-critical-background-active",
|
|
13595
13947
|
"attributes": {
|
|
13596
13948
|
"category": "color",
|
|
13597
13949
|
"type": "light-mode",
|
|
13598
|
-
"item": "button",
|
|
13599
|
-
"subitem": "
|
|
13600
|
-
"state": "
|
|
13950
|
+
"item": "icon-button",
|
|
13951
|
+
"subitem": "critical",
|
|
13952
|
+
"state": "background"
|
|
13601
13953
|
},
|
|
13602
13954
|
"path": [
|
|
13603
13955
|
"color",
|
|
13604
13956
|
"light-mode",
|
|
13605
|
-
"button",
|
|
13606
|
-
"
|
|
13607
|
-
"
|
|
13608
|
-
"
|
|
13957
|
+
"icon-button",
|
|
13958
|
+
"critical",
|
|
13959
|
+
"background",
|
|
13960
|
+
"active"
|
|
13609
13961
|
]
|
|
13610
|
-
}
|
|
13611
|
-
|
|
13612
|
-
|
|
13962
|
+
}
|
|
13963
|
+
},
|
|
13964
|
+
"foreground": {
|
|
13965
|
+
"default": {
|
|
13966
|
+
"value": "#ca3521",
|
|
13613
13967
|
"public": true,
|
|
13968
|
+
"isReferenceToInternal": true,
|
|
13614
13969
|
"filePath": "tokens/color/alias/button.light.json",
|
|
13615
13970
|
"isSource": true,
|
|
13616
13971
|
"original": {
|
|
13617
|
-
"value": "{color.light-mode.
|
|
13618
|
-
"public": true
|
|
13972
|
+
"value": "{color.light-mode.semantic.critical.foreground.value}",
|
|
13973
|
+
"public": true,
|
|
13974
|
+
"isReferenceToInternal": true
|
|
13619
13975
|
},
|
|
13620
|
-
"name": "color-light-mode-button-
|
|
13976
|
+
"name": "color-light-mode-icon-button-critical-foreground-default",
|
|
13621
13977
|
"attributes": {
|
|
13622
13978
|
"category": "color",
|
|
13623
13979
|
"type": "light-mode",
|
|
13624
|
-
"item": "button",
|
|
13625
|
-
"subitem": "
|
|
13980
|
+
"item": "icon-button",
|
|
13981
|
+
"subitem": "critical",
|
|
13626
13982
|
"state": "foreground"
|
|
13627
13983
|
},
|
|
13628
13984
|
"path": [
|
|
13629
13985
|
"color",
|
|
13630
13986
|
"light-mode",
|
|
13631
|
-
"button",
|
|
13632
|
-
"
|
|
13987
|
+
"icon-button",
|
|
13988
|
+
"critical",
|
|
13633
13989
|
"foreground",
|
|
13634
|
-
"
|
|
13990
|
+
"default"
|
|
13635
13991
|
]
|
|
13636
13992
|
}
|
|
13637
13993
|
}
|
|
13638
13994
|
}
|
|
13639
13995
|
},
|
|
13640
|
-
"
|
|
13996
|
+
"toggle-button": {
|
|
13641
13997
|
"background": {
|
|
13642
|
-
"
|
|
13643
|
-
"value": "
|
|
13998
|
+
"off": {
|
|
13999
|
+
"value": "#f1f1f1",
|
|
13644
14000
|
"public": true,
|
|
14001
|
+
"isReferenceToInternal": true,
|
|
13645
14002
|
"filePath": "tokens/color/alias/button.light.json",
|
|
13646
14003
|
"isSource": true,
|
|
13647
14004
|
"original": {
|
|
13648
|
-
"value": "
|
|
13649
|
-
"public": true
|
|
14005
|
+
"value": "{color.light-mode.neutral.200.value}",
|
|
14006
|
+
"public": true,
|
|
14007
|
+
"isReferenceToInternal": true
|
|
13650
14008
|
},
|
|
13651
|
-
"name": "color-light-mode-
|
|
14009
|
+
"name": "color-light-mode-toggle-button-background-off",
|
|
13652
14010
|
"attributes": {
|
|
13653
14011
|
"category": "color",
|
|
13654
14012
|
"type": "light-mode",
|
|
13655
|
-
"item": "
|
|
14013
|
+
"item": "toggle-button",
|
|
13656
14014
|
"subitem": "background",
|
|
13657
|
-
"state": "
|
|
14015
|
+
"state": "off"
|
|
13658
14016
|
},
|
|
13659
14017
|
"path": [
|
|
13660
14018
|
"color",
|
|
13661
14019
|
"light-mode",
|
|
13662
|
-
"
|
|
14020
|
+
"toggle-button",
|
|
13663
14021
|
"background",
|
|
13664
|
-
"
|
|
14022
|
+
"off"
|
|
13665
14023
|
]
|
|
13666
|
-
}
|
|
13667
|
-
|
|
13668
|
-
|
|
14024
|
+
}
|
|
14025
|
+
},
|
|
14026
|
+
"foreground": {
|
|
14027
|
+
"off": {
|
|
14028
|
+
"value": "#6d6d78",
|
|
13669
14029
|
"public": true,
|
|
13670
14030
|
"isReferenceToInternal": true,
|
|
13671
14031
|
"filePath": "tokens/color/alias/button.light.json",
|
|
13672
14032
|
"isSource": true,
|
|
13673
14033
|
"original": {
|
|
13674
|
-
"value": "{color.light-mode.neutral.
|
|
14034
|
+
"value": "{color.light-mode.neutral.400.value}",
|
|
13675
14035
|
"public": true,
|
|
13676
14036
|
"isReferenceToInternal": true
|
|
13677
14037
|
},
|
|
13678
|
-
"name": "color-light-mode-
|
|
14038
|
+
"name": "color-light-mode-toggle-button-foreground-off",
|
|
13679
14039
|
"attributes": {
|
|
13680
14040
|
"category": "color",
|
|
13681
14041
|
"type": "light-mode",
|
|
13682
|
-
"item": "
|
|
13683
|
-
"subitem": "
|
|
13684
|
-
"state": "
|
|
14042
|
+
"item": "toggle-button",
|
|
14043
|
+
"subitem": "foreground",
|
|
14044
|
+
"state": "off"
|
|
13685
14045
|
},
|
|
13686
14046
|
"path": [
|
|
13687
14047
|
"color",
|
|
13688
14048
|
"light-mode",
|
|
13689
|
-
"
|
|
13690
|
-
"
|
|
13691
|
-
"
|
|
14049
|
+
"toggle-button",
|
|
14050
|
+
"foreground",
|
|
14051
|
+
"off"
|
|
13692
14052
|
]
|
|
13693
|
-
}
|
|
13694
|
-
|
|
13695
|
-
|
|
14053
|
+
}
|
|
14054
|
+
}
|
|
14055
|
+
},
|
|
14056
|
+
"segmented-button": {
|
|
14057
|
+
"background": {
|
|
14058
|
+
"default": {
|
|
14059
|
+
"value": "#ffffff",
|
|
13696
14060
|
"public": true,
|
|
13697
14061
|
"isReferenceToInternal": true,
|
|
13698
14062
|
"filePath": "tokens/color/alias/button.light.json",
|
|
13699
14063
|
"isSource": true,
|
|
13700
14064
|
"original": {
|
|
13701
|
-
"value": "{color.light-mode.neutral.
|
|
14065
|
+
"value": "{color.light-mode.neutral.000.value}",
|
|
13702
14066
|
"public": true,
|
|
13703
14067
|
"isReferenceToInternal": true
|
|
13704
14068
|
},
|
|
13705
|
-
"name": "color-light-mode-
|
|
14069
|
+
"name": "color-light-mode-segmented-button-background-default",
|
|
13706
14070
|
"attributes": {
|
|
13707
14071
|
"category": "color",
|
|
13708
14072
|
"type": "light-mode",
|
|
13709
|
-
"item": "
|
|
14073
|
+
"item": "segmented-button",
|
|
13710
14074
|
"subitem": "background",
|
|
13711
|
-
"state": "
|
|
14075
|
+
"state": "default"
|
|
13712
14076
|
},
|
|
13713
14077
|
"path": [
|
|
13714
14078
|
"color",
|
|
13715
14079
|
"light-mode",
|
|
13716
|
-
"
|
|
14080
|
+
"segmented-button",
|
|
13717
14081
|
"background",
|
|
13718
|
-
"
|
|
14082
|
+
"default"
|
|
13719
14083
|
]
|
|
13720
|
-
}
|
|
13721
|
-
|
|
13722
|
-
|
|
13723
|
-
"default": {
|
|
13724
|
-
"value": "#23232d",
|
|
14084
|
+
},
|
|
14085
|
+
"hover": {
|
|
14086
|
+
"value": "#f8f8f8",
|
|
13725
14087
|
"public": true,
|
|
13726
14088
|
"isReferenceToInternal": true,
|
|
13727
14089
|
"filePath": "tokens/color/alias/button.light.json",
|
|
13728
14090
|
"isSource": true,
|
|
13729
14091
|
"original": {
|
|
13730
|
-
"value": "{color.light-mode.neutral.
|
|
14092
|
+
"value": "{color.light-mode.neutral.100.value}",
|
|
13731
14093
|
"public": true,
|
|
13732
14094
|
"isReferenceToInternal": true
|
|
13733
14095
|
},
|
|
13734
|
-
"name": "color-light-mode-
|
|
14096
|
+
"name": "color-light-mode-segmented-button-background-hover",
|
|
13735
14097
|
"attributes": {
|
|
13736
14098
|
"category": "color",
|
|
13737
14099
|
"type": "light-mode",
|
|
13738
|
-
"item": "
|
|
13739
|
-
"subitem": "
|
|
13740
|
-
"state": "
|
|
14100
|
+
"item": "segmented-button",
|
|
14101
|
+
"subitem": "background",
|
|
14102
|
+
"state": "hover"
|
|
13741
14103
|
},
|
|
13742
14104
|
"path": [
|
|
13743
14105
|
"color",
|
|
13744
14106
|
"light-mode",
|
|
13745
|
-
"
|
|
13746
|
-
"
|
|
13747
|
-
"
|
|
14107
|
+
"segmented-button",
|
|
14108
|
+
"background",
|
|
14109
|
+
"hover"
|
|
13748
14110
|
]
|
|
13749
|
-
}
|
|
13750
|
-
|
|
13751
|
-
|
|
13752
|
-
"toggle-button": {
|
|
13753
|
-
"background": {
|
|
13754
|
-
"off": {
|
|
13755
|
-
"value": "#f1f1f1",
|
|
14111
|
+
},
|
|
14112
|
+
"active": {
|
|
14113
|
+
"value": "#f0edfb",
|
|
13756
14114
|
"public": true,
|
|
13757
14115
|
"isReferenceToInternal": true,
|
|
13758
14116
|
"filePath": "tokens/color/alias/button.light.json",
|
|
13759
14117
|
"isSource": true,
|
|
13760
14118
|
"original": {
|
|
13761
|
-
"value": "{color.light-mode.
|
|
14119
|
+
"value": "{color.light-mode.brand.secondary.100.value}",
|
|
13762
14120
|
"public": true,
|
|
13763
14121
|
"isReferenceToInternal": true
|
|
13764
14122
|
},
|
|
13765
|
-
"name": "color-light-mode-
|
|
14123
|
+
"name": "color-light-mode-segmented-button-background-active",
|
|
13766
14124
|
"attributes": {
|
|
13767
14125
|
"category": "color",
|
|
13768
14126
|
"type": "light-mode",
|
|
13769
|
-
"item": "
|
|
14127
|
+
"item": "segmented-button",
|
|
13770
14128
|
"subitem": "background",
|
|
13771
|
-
"state": "
|
|
14129
|
+
"state": "active"
|
|
13772
14130
|
},
|
|
13773
14131
|
"path": [
|
|
13774
14132
|
"color",
|
|
13775
14133
|
"light-mode",
|
|
13776
|
-
"
|
|
14134
|
+
"segmented-button",
|
|
13777
14135
|
"background",
|
|
13778
|
-
"
|
|
14136
|
+
"active"
|
|
13779
14137
|
]
|
|
13780
14138
|
}
|
|
13781
14139
|
},
|
|
13782
|
-
"
|
|
13783
|
-
"
|
|
13784
|
-
"value": "#
|
|
14140
|
+
"border": {
|
|
14141
|
+
"default": {
|
|
14142
|
+
"value": "#cfcfd3",
|
|
13785
14143
|
"public": true,
|
|
13786
14144
|
"isReferenceToInternal": true,
|
|
13787
14145
|
"filePath": "tokens/color/alias/button.light.json",
|
|
13788
14146
|
"isSource": true,
|
|
13789
14147
|
"original": {
|
|
13790
|
-
"value": "{color.light-mode.neutral.
|
|
14148
|
+
"value": "{color.light-mode.neutral.300.value}",
|
|
13791
14149
|
"public": true,
|
|
13792
14150
|
"isReferenceToInternal": true
|
|
13793
14151
|
},
|
|
13794
|
-
"name": "color-light-mode-
|
|
14152
|
+
"name": "color-light-mode-segmented-button-border-default",
|
|
13795
14153
|
"attributes": {
|
|
13796
14154
|
"category": "color",
|
|
13797
14155
|
"type": "light-mode",
|
|
13798
|
-
"item": "
|
|
13799
|
-
"subitem": "
|
|
13800
|
-
"state": "
|
|
14156
|
+
"item": "segmented-button",
|
|
14157
|
+
"subitem": "border",
|
|
14158
|
+
"state": "default"
|
|
13801
14159
|
},
|
|
13802
14160
|
"path": [
|
|
13803
14161
|
"color",
|
|
13804
14162
|
"light-mode",
|
|
13805
|
-
"
|
|
13806
|
-
"
|
|
13807
|
-
"
|
|
14163
|
+
"segmented-button",
|
|
14164
|
+
"border",
|
|
14165
|
+
"default"
|
|
13808
14166
|
]
|
|
13809
|
-
}
|
|
13810
|
-
|
|
13811
|
-
|
|
13812
|
-
"segmented-button": {
|
|
13813
|
-
"background": {
|
|
13814
|
-
"default": {
|
|
13815
|
-
"value": "#ffffff",
|
|
14167
|
+
},
|
|
14168
|
+
"active": {
|
|
14169
|
+
"value": "#3017a1",
|
|
13816
14170
|
"public": true,
|
|
13817
14171
|
"isReferenceToInternal": true,
|
|
13818
14172
|
"filePath": "tokens/color/alias/button.light.json",
|
|
13819
14173
|
"isSource": true,
|
|
13820
14174
|
"original": {
|
|
13821
|
-
"value": "{color.light-mode.
|
|
14175
|
+
"value": "{color.light-mode.brand.secondary.400.value}",
|
|
13822
14176
|
"public": true,
|
|
13823
14177
|
"isReferenceToInternal": true
|
|
13824
14178
|
},
|
|
13825
|
-
"name": "color-light-mode-segmented-button-
|
|
14179
|
+
"name": "color-light-mode-segmented-button-border-active",
|
|
13826
14180
|
"attributes": {
|
|
13827
14181
|
"category": "color",
|
|
13828
14182
|
"type": "light-mode",
|
|
13829
14183
|
"item": "segmented-button",
|
|
13830
|
-
"subitem": "
|
|
13831
|
-
"state": "
|
|
14184
|
+
"subitem": "border",
|
|
14185
|
+
"state": "active"
|
|
13832
14186
|
},
|
|
13833
14187
|
"path": [
|
|
13834
14188
|
"color",
|
|
13835
14189
|
"light-mode",
|
|
13836
14190
|
"segmented-button",
|
|
13837
|
-
"
|
|
13838
|
-
"
|
|
14191
|
+
"border",
|
|
14192
|
+
"active"
|
|
13839
14193
|
]
|
|
13840
|
-
}
|
|
13841
|
-
|
|
13842
|
-
|
|
14194
|
+
}
|
|
14195
|
+
},
|
|
14196
|
+
"foreground": {
|
|
14197
|
+
"default": {
|
|
14198
|
+
"value": "#6d6d78",
|
|
13843
14199
|
"public": true,
|
|
13844
14200
|
"isReferenceToInternal": true,
|
|
13845
14201
|
"filePath": "tokens/color/alias/button.light.json",
|
|
13846
14202
|
"isSource": true,
|
|
13847
14203
|
"original": {
|
|
13848
|
-
"value": "{color.light-mode.neutral.
|
|
14204
|
+
"value": "{color.light-mode.neutral.400.value}",
|
|
13849
14205
|
"public": true,
|
|
13850
14206
|
"isReferenceToInternal": true
|
|
13851
14207
|
},
|
|
13852
|
-
"name": "color-light-mode-segmented-button-
|
|
14208
|
+
"name": "color-light-mode-segmented-button-foreground-default",
|
|
13853
14209
|
"attributes": {
|
|
13854
14210
|
"category": "color",
|
|
13855
14211
|
"type": "light-mode",
|
|
13856
14212
|
"item": "segmented-button",
|
|
13857
|
-
"subitem": "
|
|
13858
|
-
"state": "
|
|
14213
|
+
"subitem": "foreground",
|
|
14214
|
+
"state": "default"
|
|
13859
14215
|
},
|
|
13860
14216
|
"path": [
|
|
13861
14217
|
"color",
|
|
13862
14218
|
"light-mode",
|
|
13863
14219
|
"segmented-button",
|
|
13864
|
-
"
|
|
13865
|
-
"
|
|
14220
|
+
"foreground",
|
|
14221
|
+
"default"
|
|
13866
14222
|
]
|
|
13867
14223
|
},
|
|
13868
14224
|
"active": {
|
|
13869
|
-
"value": "#
|
|
14225
|
+
"value": "#3017a1",
|
|
13870
14226
|
"public": true,
|
|
13871
14227
|
"isReferenceToInternal": true,
|
|
13872
14228
|
"filePath": "tokens/color/alias/button.light.json",
|
|
13873
14229
|
"isSource": true,
|
|
13874
14230
|
"original": {
|
|
13875
|
-
"value": "{color.light-mode.brand.secondary.
|
|
14231
|
+
"value": "{color.light-mode.brand.secondary.400.value}",
|
|
13876
14232
|
"public": true,
|
|
13877
14233
|
"isReferenceToInternal": true
|
|
13878
14234
|
},
|
|
13879
|
-
"name": "color-light-mode-segmented-button-
|
|
14235
|
+
"name": "color-light-mode-segmented-button-foreground-active",
|
|
13880
14236
|
"attributes": {
|
|
13881
14237
|
"category": "color",
|
|
13882
14238
|
"type": "light-mode",
|
|
13883
14239
|
"item": "segmented-button",
|
|
13884
|
-
"subitem": "
|
|
14240
|
+
"subitem": "foreground",
|
|
13885
14241
|
"state": "active"
|
|
13886
14242
|
},
|
|
13887
14243
|
"path": [
|
|
13888
14244
|
"color",
|
|
13889
14245
|
"light-mode",
|
|
13890
14246
|
"segmented-button",
|
|
13891
|
-
"
|
|
14247
|
+
"foreground",
|
|
13892
14248
|
"active"
|
|
13893
14249
|
]
|
|
13894
14250
|
}
|
|
@@ -19075,12 +19431,12 @@
|
|
|
19075
19431
|
]
|
|
19076
19432
|
},
|
|
19077
19433
|
"utility": {
|
|
19078
|
-
"value": "#
|
|
19434
|
+
"value": "#f35945",
|
|
19079
19435
|
"public": true,
|
|
19080
19436
|
"filePath": "tokens/color/base/semantic.light.json",
|
|
19081
19437
|
"isSource": true,
|
|
19082
19438
|
"original": {
|
|
19083
|
-
"value": "
|
|
19439
|
+
"value": "#F35945",
|
|
19084
19440
|
"public": true
|
|
19085
19441
|
},
|
|
19086
19442
|
"name": "color-light-mode-semantic-critical-utility",
|
|
@@ -19099,6 +19455,31 @@
|
|
|
19099
19455
|
"utility"
|
|
19100
19456
|
]
|
|
19101
19457
|
},
|
|
19458
|
+
"utility-light": {
|
|
19459
|
+
"value": "#fcc5be",
|
|
19460
|
+
"public": true,
|
|
19461
|
+
"filePath": "tokens/color/base/semantic.light.json",
|
|
19462
|
+
"isSource": true,
|
|
19463
|
+
"original": {
|
|
19464
|
+
"value": "#FCC5BE",
|
|
19465
|
+
"public": true
|
|
19466
|
+
},
|
|
19467
|
+
"name": "color-light-mode-semantic-critical-utility-light",
|
|
19468
|
+
"attributes": {
|
|
19469
|
+
"category": "color",
|
|
19470
|
+
"type": "light-mode",
|
|
19471
|
+
"item": "semantic",
|
|
19472
|
+
"subitem": "critical",
|
|
19473
|
+
"state": "utility-light"
|
|
19474
|
+
},
|
|
19475
|
+
"path": [
|
|
19476
|
+
"color",
|
|
19477
|
+
"light-mode",
|
|
19478
|
+
"semantic",
|
|
19479
|
+
"critical",
|
|
19480
|
+
"utility-light"
|
|
19481
|
+
]
|
|
19482
|
+
},
|
|
19102
19483
|
"background": {
|
|
19103
19484
|
"value": "#ffedeb",
|
|
19104
19485
|
"public": true,
|