@pantheon-systems/pds-design-tokens 1.0.0-dev.93 → 1.0.0-dev.94
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 -0
- package/build/css/pds-design-tokens-light-mode.css +9 -1
- package/build/figma/pds-design-tokens-figma.json +458 -2
- package/build/json/pds-design-tokens-dark-mode.json +228 -0
- package/build/json/pds-design-tokens-light-mode.json +230 -2
- package/package.json +1 -1
|
@@ -109,6 +109,14 @@
|
|
|
109
109
|
--pds-color-gradient-midnight: linear-gradient(228.64deg, #1B0874 46.34%, #00E0C3 100%);
|
|
110
110
|
--pds-color-gradient-sunrise: linear-gradient(227.79deg, #1B0874 38.28%, #E65F35 100%);
|
|
111
111
|
--pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #1B0874 66.25%);
|
|
112
|
+
--pds-color-icon-button-critical-background-active: var(--pds-color-button-critical-background-active);
|
|
113
|
+
--pds-color-icon-button-critical-background-default: var(--pds-color-button-critical-background-default);
|
|
114
|
+
--pds-color-icon-button-critical-background-hover: var(--pds-color-button-critical-background-hover);
|
|
115
|
+
--pds-color-icon-button-critical-foreground-default: var(--pds-color-button-critical-foreground-default);
|
|
116
|
+
--pds-color-icon-button-standard-background-active: #858299;
|
|
117
|
+
--pds-color-icon-button-standard-background-default: rgba(0, 0, 0, 0);
|
|
118
|
+
--pds-color-icon-button-standard-background-hover: #a6a3b4;
|
|
119
|
+
--pds-color-icon-button-standard-foreground-default: #ffffff;
|
|
112
120
|
--pds-color-input-action-background-hover: #504e62;
|
|
113
121
|
--pds-color-input-background-critical: #1d1d29;
|
|
114
122
|
--pds-color-input-background-default: #1d1d29;
|
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
--pds-color-button-subtle-background-default: rgba(0, 0, 0, 0);
|
|
96
96
|
--pds-color-button-subtle-border-default: rgba(0, 0, 0, 0);
|
|
97
97
|
--pds-color-button-subtle-foreground-active: var(--pds-color-link-active);
|
|
98
|
-
--pds-color-button-subtle-foreground-default: var(--pds-color-text-default
|
|
98
|
+
--pds-color-button-subtle-foreground-default: var(--pds-color-text-default);
|
|
99
99
|
--pds-color-button-subtle-foreground-hover: var(--pds-color-link-hover);
|
|
100
100
|
--pds-color-card-border: var(--pds-color-border-default);
|
|
101
101
|
--pds-color-code-inline-background: #f0ecff;
|
|
@@ -109,6 +109,14 @@
|
|
|
109
109
|
--pds-color-gradient-midnight: linear-gradient(228.64deg, #1B0874 46.34%, #00E0C3 100%);
|
|
110
110
|
--pds-color-gradient-sunrise: linear-gradient(227.79deg, #1B0874 38.28%, #E65F35 100%);
|
|
111
111
|
--pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #1B0874 66.25%);
|
|
112
|
+
--pds-color-icon-button-critical-background-active: var(--pds-color-button-critical-background-active);
|
|
113
|
+
--pds-color-icon-button-critical-background-default: var(--pds-color-button-critical-background-default);
|
|
114
|
+
--pds-color-icon-button-critical-background-hover: var(--pds-color-button-critical-background-hover);
|
|
115
|
+
--pds-color-icon-button-critical-foreground-default: var(--pds-color-button-critical-foreground-default);
|
|
116
|
+
--pds-color-icon-button-standard-background-active: #cfcfd3;
|
|
117
|
+
--pds-color-icon-button-standard-background-default: rgba(0, 0, 0, 0);
|
|
118
|
+
--pds-color-icon-button-standard-background-hover: #f1f1f1;
|
|
119
|
+
--pds-color-icon-button-standard-foreground-default: #23232d;
|
|
112
120
|
--pds-color-input-action-background-hover: #f8f8f8;
|
|
113
121
|
--pds-color-input-background-critical: #ffedeb;
|
|
114
122
|
--pds-color-input-background-default: #ffffff;
|
|
@@ -4206,6 +4206,234 @@
|
|
|
4206
4206
|
}
|
|
4207
4207
|
}
|
|
4208
4208
|
},
|
|
4209
|
+
"icon-button": {
|
|
4210
|
+
"standard": {
|
|
4211
|
+
"background": {
|
|
4212
|
+
"default": {
|
|
4213
|
+
"value": "rgba(0, 0, 0, 0)",
|
|
4214
|
+
"public": true,
|
|
4215
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
4216
|
+
"isSource": true,
|
|
4217
|
+
"original": {
|
|
4218
|
+
"value": "transparent",
|
|
4219
|
+
"public": true
|
|
4220
|
+
},
|
|
4221
|
+
"name": "color-dark-mode-icon-button-standard-background-default",
|
|
4222
|
+
"attributes": {
|
|
4223
|
+
"category": "color",
|
|
4224
|
+
"type": "dark-mode",
|
|
4225
|
+
"item": "icon-button",
|
|
4226
|
+
"subitem": "standard",
|
|
4227
|
+
"state": "background"
|
|
4228
|
+
},
|
|
4229
|
+
"path": [
|
|
4230
|
+
"color",
|
|
4231
|
+
"dark-mode",
|
|
4232
|
+
"icon-button",
|
|
4233
|
+
"standard",
|
|
4234
|
+
"background",
|
|
4235
|
+
"default"
|
|
4236
|
+
]
|
|
4237
|
+
},
|
|
4238
|
+
"hover": {
|
|
4239
|
+
"value": "#a6a3b4",
|
|
4240
|
+
"public": true,
|
|
4241
|
+
"isReferenceToInternal": true,
|
|
4242
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
4243
|
+
"isSource": true,
|
|
4244
|
+
"original": {
|
|
4245
|
+
"value": "{color.dark-mode.neutral.200.value}",
|
|
4246
|
+
"public": true,
|
|
4247
|
+
"isReferenceToInternal": true
|
|
4248
|
+
},
|
|
4249
|
+
"name": "color-dark-mode-icon-button-standard-background-hover",
|
|
4250
|
+
"attributes": {
|
|
4251
|
+
"category": "color",
|
|
4252
|
+
"type": "dark-mode",
|
|
4253
|
+
"item": "icon-button",
|
|
4254
|
+
"subitem": "standard",
|
|
4255
|
+
"state": "background"
|
|
4256
|
+
},
|
|
4257
|
+
"path": [
|
|
4258
|
+
"color",
|
|
4259
|
+
"dark-mode",
|
|
4260
|
+
"icon-button",
|
|
4261
|
+
"standard",
|
|
4262
|
+
"background",
|
|
4263
|
+
"hover"
|
|
4264
|
+
]
|
|
4265
|
+
},
|
|
4266
|
+
"active": {
|
|
4267
|
+
"value": "#858299",
|
|
4268
|
+
"public": true,
|
|
4269
|
+
"isReferenceToInternal": true,
|
|
4270
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
4271
|
+
"isSource": true,
|
|
4272
|
+
"original": {
|
|
4273
|
+
"value": "{color.dark-mode.neutral.300.value}",
|
|
4274
|
+
"public": true,
|
|
4275
|
+
"isReferenceToInternal": true
|
|
4276
|
+
},
|
|
4277
|
+
"name": "color-dark-mode-icon-button-standard-background-active",
|
|
4278
|
+
"attributes": {
|
|
4279
|
+
"category": "color",
|
|
4280
|
+
"type": "dark-mode",
|
|
4281
|
+
"item": "icon-button",
|
|
4282
|
+
"subitem": "standard",
|
|
4283
|
+
"state": "background"
|
|
4284
|
+
},
|
|
4285
|
+
"path": [
|
|
4286
|
+
"color",
|
|
4287
|
+
"dark-mode",
|
|
4288
|
+
"icon-button",
|
|
4289
|
+
"standard",
|
|
4290
|
+
"background",
|
|
4291
|
+
"active"
|
|
4292
|
+
]
|
|
4293
|
+
}
|
|
4294
|
+
},
|
|
4295
|
+
"foreground": {
|
|
4296
|
+
"default": {
|
|
4297
|
+
"value": "#ffffff",
|
|
4298
|
+
"public": true,
|
|
4299
|
+
"isReferenceToInternal": true,
|
|
4300
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
4301
|
+
"isSource": true,
|
|
4302
|
+
"original": {
|
|
4303
|
+
"value": "{color.dark-mode.neutral.000.value}",
|
|
4304
|
+
"public": true,
|
|
4305
|
+
"isReferenceToInternal": true
|
|
4306
|
+
},
|
|
4307
|
+
"name": "color-dark-mode-icon-button-standard-foreground-default",
|
|
4308
|
+
"attributes": {
|
|
4309
|
+
"category": "color",
|
|
4310
|
+
"type": "dark-mode",
|
|
4311
|
+
"item": "icon-button",
|
|
4312
|
+
"subitem": "standard",
|
|
4313
|
+
"state": "foreground"
|
|
4314
|
+
},
|
|
4315
|
+
"path": [
|
|
4316
|
+
"color",
|
|
4317
|
+
"dark-mode",
|
|
4318
|
+
"icon-button",
|
|
4319
|
+
"standard",
|
|
4320
|
+
"foreground",
|
|
4321
|
+
"default"
|
|
4322
|
+
]
|
|
4323
|
+
}
|
|
4324
|
+
}
|
|
4325
|
+
},
|
|
4326
|
+
"critical": {
|
|
4327
|
+
"background": {
|
|
4328
|
+
"default": {
|
|
4329
|
+
"value": "#ca3521",
|
|
4330
|
+
"public": true,
|
|
4331
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
4332
|
+
"isSource": true,
|
|
4333
|
+
"original": {
|
|
4334
|
+
"value": "{color.dark-mode.button.critical.background.default.value}",
|
|
4335
|
+
"public": true
|
|
4336
|
+
},
|
|
4337
|
+
"name": "color-dark-mode-icon-button-critical-background-default",
|
|
4338
|
+
"attributes": {
|
|
4339
|
+
"category": "color",
|
|
4340
|
+
"type": "dark-mode",
|
|
4341
|
+
"item": "icon-button",
|
|
4342
|
+
"subitem": "critical",
|
|
4343
|
+
"state": "background"
|
|
4344
|
+
},
|
|
4345
|
+
"path": [
|
|
4346
|
+
"color",
|
|
4347
|
+
"dark-mode",
|
|
4348
|
+
"icon-button",
|
|
4349
|
+
"critical",
|
|
4350
|
+
"background",
|
|
4351
|
+
"default"
|
|
4352
|
+
]
|
|
4353
|
+
},
|
|
4354
|
+
"hover": {
|
|
4355
|
+
"value": "#b6301e",
|
|
4356
|
+
"public": true,
|
|
4357
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
4358
|
+
"isSource": true,
|
|
4359
|
+
"original": {
|
|
4360
|
+
"value": "{color.dark-mode.button.critical.background.hover.value}",
|
|
4361
|
+
"public": true
|
|
4362
|
+
},
|
|
4363
|
+
"name": "color-dark-mode-icon-button-critical-background-hover",
|
|
4364
|
+
"attributes": {
|
|
4365
|
+
"category": "color",
|
|
4366
|
+
"type": "dark-mode",
|
|
4367
|
+
"item": "icon-button",
|
|
4368
|
+
"subitem": "critical",
|
|
4369
|
+
"state": "background"
|
|
4370
|
+
},
|
|
4371
|
+
"path": [
|
|
4372
|
+
"color",
|
|
4373
|
+
"dark-mode",
|
|
4374
|
+
"icon-button",
|
|
4375
|
+
"critical",
|
|
4376
|
+
"background",
|
|
4377
|
+
"hover"
|
|
4378
|
+
]
|
|
4379
|
+
},
|
|
4380
|
+
"active": {
|
|
4381
|
+
"value": "#a22a1a",
|
|
4382
|
+
"public": true,
|
|
4383
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
4384
|
+
"isSource": true,
|
|
4385
|
+
"original": {
|
|
4386
|
+
"value": "{color.dark-mode.button.critical.background.active.value}",
|
|
4387
|
+
"public": true
|
|
4388
|
+
},
|
|
4389
|
+
"name": "color-dark-mode-icon-button-critical-background-active",
|
|
4390
|
+
"attributes": {
|
|
4391
|
+
"category": "color",
|
|
4392
|
+
"type": "dark-mode",
|
|
4393
|
+
"item": "icon-button",
|
|
4394
|
+
"subitem": "critical",
|
|
4395
|
+
"state": "background"
|
|
4396
|
+
},
|
|
4397
|
+
"path": [
|
|
4398
|
+
"color",
|
|
4399
|
+
"dark-mode",
|
|
4400
|
+
"icon-button",
|
|
4401
|
+
"critical",
|
|
4402
|
+
"background",
|
|
4403
|
+
"active"
|
|
4404
|
+
]
|
|
4405
|
+
}
|
|
4406
|
+
},
|
|
4407
|
+
"foreground": {
|
|
4408
|
+
"default": {
|
|
4409
|
+
"value": "#ffffff",
|
|
4410
|
+
"public": true,
|
|
4411
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
4412
|
+
"isSource": true,
|
|
4413
|
+
"original": {
|
|
4414
|
+
"value": "{color.dark-mode.button.critical.foreground.default.value}",
|
|
4415
|
+
"public": true
|
|
4416
|
+
},
|
|
4417
|
+
"name": "color-dark-mode-icon-button-critical-foreground-default",
|
|
4418
|
+
"attributes": {
|
|
4419
|
+
"category": "color",
|
|
4420
|
+
"type": "dark-mode",
|
|
4421
|
+
"item": "icon-button",
|
|
4422
|
+
"subitem": "critical",
|
|
4423
|
+
"state": "foreground"
|
|
4424
|
+
},
|
|
4425
|
+
"path": [
|
|
4426
|
+
"color",
|
|
4427
|
+
"dark-mode",
|
|
4428
|
+
"icon-button",
|
|
4429
|
+
"critical",
|
|
4430
|
+
"foreground",
|
|
4431
|
+
"default"
|
|
4432
|
+
]
|
|
4433
|
+
}
|
|
4434
|
+
}
|
|
4435
|
+
}
|
|
4436
|
+
},
|
|
4209
4437
|
"toggle-button": {
|
|
4210
4438
|
"background": {
|
|
4211
4439
|
"off": {
|
|
@@ -9179,12 +9407,12 @@
|
|
|
9179
9407
|
},
|
|
9180
9408
|
"foreground": {
|
|
9181
9409
|
"default": {
|
|
9182
|
-
"value": "#
|
|
9410
|
+
"value": "#23232d",
|
|
9183
9411
|
"public": true,
|
|
9184
9412
|
"filePath": "tokens/color/alias/button.light.json",
|
|
9185
9413
|
"isSource": true,
|
|
9186
9414
|
"original": {
|
|
9187
|
-
"value": "{color.light-mode.text.default
|
|
9415
|
+
"value": "{color.light-mode.text.default.value}",
|
|
9188
9416
|
"public": true
|
|
9189
9417
|
},
|
|
9190
9418
|
"name": "color-light-mode-button-subtle-foreground-default",
|
|
@@ -10115,6 +10343,234 @@
|
|
|
10115
10343
|
}
|
|
10116
10344
|
}
|
|
10117
10345
|
},
|
|
10346
|
+
"icon-button": {
|
|
10347
|
+
"standard": {
|
|
10348
|
+
"background": {
|
|
10349
|
+
"default": {
|
|
10350
|
+
"value": "rgba(0, 0, 0, 0)",
|
|
10351
|
+
"public": true,
|
|
10352
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
10353
|
+
"isSource": true,
|
|
10354
|
+
"original": {
|
|
10355
|
+
"value": "transparent",
|
|
10356
|
+
"public": true
|
|
10357
|
+
},
|
|
10358
|
+
"name": "color-light-mode-icon-button-standard-background-default",
|
|
10359
|
+
"attributes": {
|
|
10360
|
+
"category": "color",
|
|
10361
|
+
"type": "light-mode",
|
|
10362
|
+
"item": "icon-button",
|
|
10363
|
+
"subitem": "standard",
|
|
10364
|
+
"state": "background"
|
|
10365
|
+
},
|
|
10366
|
+
"path": [
|
|
10367
|
+
"color",
|
|
10368
|
+
"light-mode",
|
|
10369
|
+
"icon-button",
|
|
10370
|
+
"standard",
|
|
10371
|
+
"background",
|
|
10372
|
+
"default"
|
|
10373
|
+
]
|
|
10374
|
+
},
|
|
10375
|
+
"hover": {
|
|
10376
|
+
"value": "#f1f1f1",
|
|
10377
|
+
"public": true,
|
|
10378
|
+
"isReferenceToInternal": true,
|
|
10379
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
10380
|
+
"isSource": true,
|
|
10381
|
+
"original": {
|
|
10382
|
+
"value": "{color.light-mode.neutral.200.value}",
|
|
10383
|
+
"public": true,
|
|
10384
|
+
"isReferenceToInternal": true
|
|
10385
|
+
},
|
|
10386
|
+
"name": "color-light-mode-icon-button-standard-background-hover",
|
|
10387
|
+
"attributes": {
|
|
10388
|
+
"category": "color",
|
|
10389
|
+
"type": "light-mode",
|
|
10390
|
+
"item": "icon-button",
|
|
10391
|
+
"subitem": "standard",
|
|
10392
|
+
"state": "background"
|
|
10393
|
+
},
|
|
10394
|
+
"path": [
|
|
10395
|
+
"color",
|
|
10396
|
+
"light-mode",
|
|
10397
|
+
"icon-button",
|
|
10398
|
+
"standard",
|
|
10399
|
+
"background",
|
|
10400
|
+
"hover"
|
|
10401
|
+
]
|
|
10402
|
+
},
|
|
10403
|
+
"active": {
|
|
10404
|
+
"value": "#cfcfd3",
|
|
10405
|
+
"public": true,
|
|
10406
|
+
"isReferenceToInternal": true,
|
|
10407
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
10408
|
+
"isSource": true,
|
|
10409
|
+
"original": {
|
|
10410
|
+
"value": "{color.light-mode.neutral.300.value}",
|
|
10411
|
+
"public": true,
|
|
10412
|
+
"isReferenceToInternal": true
|
|
10413
|
+
},
|
|
10414
|
+
"name": "color-light-mode-icon-button-standard-background-active",
|
|
10415
|
+
"attributes": {
|
|
10416
|
+
"category": "color",
|
|
10417
|
+
"type": "light-mode",
|
|
10418
|
+
"item": "icon-button",
|
|
10419
|
+
"subitem": "standard",
|
|
10420
|
+
"state": "background"
|
|
10421
|
+
},
|
|
10422
|
+
"path": [
|
|
10423
|
+
"color",
|
|
10424
|
+
"light-mode",
|
|
10425
|
+
"icon-button",
|
|
10426
|
+
"standard",
|
|
10427
|
+
"background",
|
|
10428
|
+
"active"
|
|
10429
|
+
]
|
|
10430
|
+
}
|
|
10431
|
+
},
|
|
10432
|
+
"foreground": {
|
|
10433
|
+
"default": {
|
|
10434
|
+
"value": "#23232d",
|
|
10435
|
+
"public": true,
|
|
10436
|
+
"isReferenceToInternal": true,
|
|
10437
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
10438
|
+
"isSource": true,
|
|
10439
|
+
"original": {
|
|
10440
|
+
"value": "{color.light-mode.neutral.500.value}",
|
|
10441
|
+
"public": true,
|
|
10442
|
+
"isReferenceToInternal": true
|
|
10443
|
+
},
|
|
10444
|
+
"name": "color-light-mode-icon-button-standard-foreground-default",
|
|
10445
|
+
"attributes": {
|
|
10446
|
+
"category": "color",
|
|
10447
|
+
"type": "light-mode",
|
|
10448
|
+
"item": "icon-button",
|
|
10449
|
+
"subitem": "standard",
|
|
10450
|
+
"state": "foreground"
|
|
10451
|
+
},
|
|
10452
|
+
"path": [
|
|
10453
|
+
"color",
|
|
10454
|
+
"light-mode",
|
|
10455
|
+
"icon-button",
|
|
10456
|
+
"standard",
|
|
10457
|
+
"foreground",
|
|
10458
|
+
"default"
|
|
10459
|
+
]
|
|
10460
|
+
}
|
|
10461
|
+
}
|
|
10462
|
+
},
|
|
10463
|
+
"critical": {
|
|
10464
|
+
"background": {
|
|
10465
|
+
"default": {
|
|
10466
|
+
"value": "#ca3521",
|
|
10467
|
+
"public": true,
|
|
10468
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
10469
|
+
"isSource": true,
|
|
10470
|
+
"original": {
|
|
10471
|
+
"value": "{color.light-mode.button.critical.background.default.value}",
|
|
10472
|
+
"public": true
|
|
10473
|
+
},
|
|
10474
|
+
"name": "color-light-mode-icon-button-critical-background-default",
|
|
10475
|
+
"attributes": {
|
|
10476
|
+
"category": "color",
|
|
10477
|
+
"type": "light-mode",
|
|
10478
|
+
"item": "icon-button",
|
|
10479
|
+
"subitem": "critical",
|
|
10480
|
+
"state": "background"
|
|
10481
|
+
},
|
|
10482
|
+
"path": [
|
|
10483
|
+
"color",
|
|
10484
|
+
"light-mode",
|
|
10485
|
+
"icon-button",
|
|
10486
|
+
"critical",
|
|
10487
|
+
"background",
|
|
10488
|
+
"default"
|
|
10489
|
+
]
|
|
10490
|
+
},
|
|
10491
|
+
"hover": {
|
|
10492
|
+
"value": "#cf4937",
|
|
10493
|
+
"public": true,
|
|
10494
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
10495
|
+
"isSource": true,
|
|
10496
|
+
"original": {
|
|
10497
|
+
"value": "{color.light-mode.button.critical.background.hover.value}",
|
|
10498
|
+
"public": true
|
|
10499
|
+
},
|
|
10500
|
+
"name": "color-light-mode-icon-button-critical-background-hover",
|
|
10501
|
+
"attributes": {
|
|
10502
|
+
"category": "color",
|
|
10503
|
+
"type": "light-mode",
|
|
10504
|
+
"item": "icon-button",
|
|
10505
|
+
"subitem": "critical",
|
|
10506
|
+
"state": "background"
|
|
10507
|
+
},
|
|
10508
|
+
"path": [
|
|
10509
|
+
"color",
|
|
10510
|
+
"light-mode",
|
|
10511
|
+
"icon-button",
|
|
10512
|
+
"critical",
|
|
10513
|
+
"background",
|
|
10514
|
+
"hover"
|
|
10515
|
+
]
|
|
10516
|
+
},
|
|
10517
|
+
"active": {
|
|
10518
|
+
"value": "#b6301e",
|
|
10519
|
+
"public": true,
|
|
10520
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
10521
|
+
"isSource": true,
|
|
10522
|
+
"original": {
|
|
10523
|
+
"value": "{color.light-mode.button.critical.background.active.value}",
|
|
10524
|
+
"public": true
|
|
10525
|
+
},
|
|
10526
|
+
"name": "color-light-mode-icon-button-critical-background-active",
|
|
10527
|
+
"attributes": {
|
|
10528
|
+
"category": "color",
|
|
10529
|
+
"type": "light-mode",
|
|
10530
|
+
"item": "icon-button",
|
|
10531
|
+
"subitem": "critical",
|
|
10532
|
+
"state": "background"
|
|
10533
|
+
},
|
|
10534
|
+
"path": [
|
|
10535
|
+
"color",
|
|
10536
|
+
"light-mode",
|
|
10537
|
+
"icon-button",
|
|
10538
|
+
"critical",
|
|
10539
|
+
"background",
|
|
10540
|
+
"active"
|
|
10541
|
+
]
|
|
10542
|
+
}
|
|
10543
|
+
},
|
|
10544
|
+
"foreground": {
|
|
10545
|
+
"default": {
|
|
10546
|
+
"value": "#ffffff",
|
|
10547
|
+
"public": true,
|
|
10548
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
10549
|
+
"isSource": true,
|
|
10550
|
+
"original": {
|
|
10551
|
+
"value": "{color.light-mode.button.critical.foreground.default.value}",
|
|
10552
|
+
"public": true
|
|
10553
|
+
},
|
|
10554
|
+
"name": "color-light-mode-icon-button-critical-foreground-default",
|
|
10555
|
+
"attributes": {
|
|
10556
|
+
"category": "color",
|
|
10557
|
+
"type": "light-mode",
|
|
10558
|
+
"item": "icon-button",
|
|
10559
|
+
"subitem": "critical",
|
|
10560
|
+
"state": "foreground"
|
|
10561
|
+
},
|
|
10562
|
+
"path": [
|
|
10563
|
+
"color",
|
|
10564
|
+
"light-mode",
|
|
10565
|
+
"icon-button",
|
|
10566
|
+
"critical",
|
|
10567
|
+
"foreground",
|
|
10568
|
+
"default"
|
|
10569
|
+
]
|
|
10570
|
+
}
|
|
10571
|
+
}
|
|
10572
|
+
}
|
|
10573
|
+
},
|
|
10118
10574
|
"toggle-button": {
|
|
10119
10575
|
"background": {
|
|
10120
10576
|
"off": {
|
|
@@ -2227,6 +2227,234 @@
|
|
|
2227
2227
|
}
|
|
2228
2228
|
}
|
|
2229
2229
|
},
|
|
2230
|
+
"icon-button": {
|
|
2231
|
+
"standard": {
|
|
2232
|
+
"background": {
|
|
2233
|
+
"default": {
|
|
2234
|
+
"value": "rgba(0, 0, 0, 0)",
|
|
2235
|
+
"public": true,
|
|
2236
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2237
|
+
"isSource": true,
|
|
2238
|
+
"original": {
|
|
2239
|
+
"value": "transparent",
|
|
2240
|
+
"public": true
|
|
2241
|
+
},
|
|
2242
|
+
"name": "color-dark-mode-icon-button-standard-background-default",
|
|
2243
|
+
"attributes": {
|
|
2244
|
+
"category": "color",
|
|
2245
|
+
"type": "dark-mode",
|
|
2246
|
+
"item": "icon-button",
|
|
2247
|
+
"subitem": "standard",
|
|
2248
|
+
"state": "background"
|
|
2249
|
+
},
|
|
2250
|
+
"path": [
|
|
2251
|
+
"color",
|
|
2252
|
+
"dark-mode",
|
|
2253
|
+
"icon-button",
|
|
2254
|
+
"standard",
|
|
2255
|
+
"background",
|
|
2256
|
+
"default"
|
|
2257
|
+
]
|
|
2258
|
+
},
|
|
2259
|
+
"hover": {
|
|
2260
|
+
"value": "#a6a3b4",
|
|
2261
|
+
"public": true,
|
|
2262
|
+
"isReferenceToInternal": true,
|
|
2263
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2264
|
+
"isSource": true,
|
|
2265
|
+
"original": {
|
|
2266
|
+
"value": "{color.dark-mode.neutral.200.value}",
|
|
2267
|
+
"public": true,
|
|
2268
|
+
"isReferenceToInternal": true
|
|
2269
|
+
},
|
|
2270
|
+
"name": "color-dark-mode-icon-button-standard-background-hover",
|
|
2271
|
+
"attributes": {
|
|
2272
|
+
"category": "color",
|
|
2273
|
+
"type": "dark-mode",
|
|
2274
|
+
"item": "icon-button",
|
|
2275
|
+
"subitem": "standard",
|
|
2276
|
+
"state": "background"
|
|
2277
|
+
},
|
|
2278
|
+
"path": [
|
|
2279
|
+
"color",
|
|
2280
|
+
"dark-mode",
|
|
2281
|
+
"icon-button",
|
|
2282
|
+
"standard",
|
|
2283
|
+
"background",
|
|
2284
|
+
"hover"
|
|
2285
|
+
]
|
|
2286
|
+
},
|
|
2287
|
+
"active": {
|
|
2288
|
+
"value": "#858299",
|
|
2289
|
+
"public": true,
|
|
2290
|
+
"isReferenceToInternal": true,
|
|
2291
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2292
|
+
"isSource": true,
|
|
2293
|
+
"original": {
|
|
2294
|
+
"value": "{color.dark-mode.neutral.300.value}",
|
|
2295
|
+
"public": true,
|
|
2296
|
+
"isReferenceToInternal": true
|
|
2297
|
+
},
|
|
2298
|
+
"name": "color-dark-mode-icon-button-standard-background-active",
|
|
2299
|
+
"attributes": {
|
|
2300
|
+
"category": "color",
|
|
2301
|
+
"type": "dark-mode",
|
|
2302
|
+
"item": "icon-button",
|
|
2303
|
+
"subitem": "standard",
|
|
2304
|
+
"state": "background"
|
|
2305
|
+
},
|
|
2306
|
+
"path": [
|
|
2307
|
+
"color",
|
|
2308
|
+
"dark-mode",
|
|
2309
|
+
"icon-button",
|
|
2310
|
+
"standard",
|
|
2311
|
+
"background",
|
|
2312
|
+
"active"
|
|
2313
|
+
]
|
|
2314
|
+
}
|
|
2315
|
+
},
|
|
2316
|
+
"foreground": {
|
|
2317
|
+
"default": {
|
|
2318
|
+
"value": "#ffffff",
|
|
2319
|
+
"public": true,
|
|
2320
|
+
"isReferenceToInternal": true,
|
|
2321
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2322
|
+
"isSource": true,
|
|
2323
|
+
"original": {
|
|
2324
|
+
"value": "{color.dark-mode.neutral.000.value}",
|
|
2325
|
+
"public": true,
|
|
2326
|
+
"isReferenceToInternal": true
|
|
2327
|
+
},
|
|
2328
|
+
"name": "color-dark-mode-icon-button-standard-foreground-default",
|
|
2329
|
+
"attributes": {
|
|
2330
|
+
"category": "color",
|
|
2331
|
+
"type": "dark-mode",
|
|
2332
|
+
"item": "icon-button",
|
|
2333
|
+
"subitem": "standard",
|
|
2334
|
+
"state": "foreground"
|
|
2335
|
+
},
|
|
2336
|
+
"path": [
|
|
2337
|
+
"color",
|
|
2338
|
+
"dark-mode",
|
|
2339
|
+
"icon-button",
|
|
2340
|
+
"standard",
|
|
2341
|
+
"foreground",
|
|
2342
|
+
"default"
|
|
2343
|
+
]
|
|
2344
|
+
}
|
|
2345
|
+
}
|
|
2346
|
+
},
|
|
2347
|
+
"critical": {
|
|
2348
|
+
"background": {
|
|
2349
|
+
"default": {
|
|
2350
|
+
"value": "#ca3521",
|
|
2351
|
+
"public": true,
|
|
2352
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2353
|
+
"isSource": true,
|
|
2354
|
+
"original": {
|
|
2355
|
+
"value": "{color.dark-mode.button.critical.background.default.value}",
|
|
2356
|
+
"public": true
|
|
2357
|
+
},
|
|
2358
|
+
"name": "color-dark-mode-icon-button-critical-background-default",
|
|
2359
|
+
"attributes": {
|
|
2360
|
+
"category": "color",
|
|
2361
|
+
"type": "dark-mode",
|
|
2362
|
+
"item": "icon-button",
|
|
2363
|
+
"subitem": "critical",
|
|
2364
|
+
"state": "background"
|
|
2365
|
+
},
|
|
2366
|
+
"path": [
|
|
2367
|
+
"color",
|
|
2368
|
+
"dark-mode",
|
|
2369
|
+
"icon-button",
|
|
2370
|
+
"critical",
|
|
2371
|
+
"background",
|
|
2372
|
+
"default"
|
|
2373
|
+
]
|
|
2374
|
+
},
|
|
2375
|
+
"hover": {
|
|
2376
|
+
"value": "#b6301e",
|
|
2377
|
+
"public": true,
|
|
2378
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2379
|
+
"isSource": true,
|
|
2380
|
+
"original": {
|
|
2381
|
+
"value": "{color.dark-mode.button.critical.background.hover.value}",
|
|
2382
|
+
"public": true
|
|
2383
|
+
},
|
|
2384
|
+
"name": "color-dark-mode-icon-button-critical-background-hover",
|
|
2385
|
+
"attributes": {
|
|
2386
|
+
"category": "color",
|
|
2387
|
+
"type": "dark-mode",
|
|
2388
|
+
"item": "icon-button",
|
|
2389
|
+
"subitem": "critical",
|
|
2390
|
+
"state": "background"
|
|
2391
|
+
},
|
|
2392
|
+
"path": [
|
|
2393
|
+
"color",
|
|
2394
|
+
"dark-mode",
|
|
2395
|
+
"icon-button",
|
|
2396
|
+
"critical",
|
|
2397
|
+
"background",
|
|
2398
|
+
"hover"
|
|
2399
|
+
]
|
|
2400
|
+
},
|
|
2401
|
+
"active": {
|
|
2402
|
+
"value": "#a22a1a",
|
|
2403
|
+
"public": true,
|
|
2404
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2405
|
+
"isSource": true,
|
|
2406
|
+
"original": {
|
|
2407
|
+
"value": "{color.dark-mode.button.critical.background.active.value}",
|
|
2408
|
+
"public": true
|
|
2409
|
+
},
|
|
2410
|
+
"name": "color-dark-mode-icon-button-critical-background-active",
|
|
2411
|
+
"attributes": {
|
|
2412
|
+
"category": "color",
|
|
2413
|
+
"type": "dark-mode",
|
|
2414
|
+
"item": "icon-button",
|
|
2415
|
+
"subitem": "critical",
|
|
2416
|
+
"state": "background"
|
|
2417
|
+
},
|
|
2418
|
+
"path": [
|
|
2419
|
+
"color",
|
|
2420
|
+
"dark-mode",
|
|
2421
|
+
"icon-button",
|
|
2422
|
+
"critical",
|
|
2423
|
+
"background",
|
|
2424
|
+
"active"
|
|
2425
|
+
]
|
|
2426
|
+
}
|
|
2427
|
+
},
|
|
2428
|
+
"foreground": {
|
|
2429
|
+
"default": {
|
|
2430
|
+
"value": "#ffffff",
|
|
2431
|
+
"public": true,
|
|
2432
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2433
|
+
"isSource": true,
|
|
2434
|
+
"original": {
|
|
2435
|
+
"value": "{color.dark-mode.button.critical.foreground.default.value}",
|
|
2436
|
+
"public": true
|
|
2437
|
+
},
|
|
2438
|
+
"name": "color-dark-mode-icon-button-critical-foreground-default",
|
|
2439
|
+
"attributes": {
|
|
2440
|
+
"category": "color",
|
|
2441
|
+
"type": "dark-mode",
|
|
2442
|
+
"item": "icon-button",
|
|
2443
|
+
"subitem": "critical",
|
|
2444
|
+
"state": "foreground"
|
|
2445
|
+
},
|
|
2446
|
+
"path": [
|
|
2447
|
+
"color",
|
|
2448
|
+
"dark-mode",
|
|
2449
|
+
"icon-button",
|
|
2450
|
+
"critical",
|
|
2451
|
+
"foreground",
|
|
2452
|
+
"default"
|
|
2453
|
+
]
|
|
2454
|
+
}
|
|
2455
|
+
}
|
|
2456
|
+
}
|
|
2457
|
+
},
|
|
2230
2458
|
"toggle-button": {
|
|
2231
2459
|
"background": {
|
|
2232
2460
|
"off": {
|
|
@@ -1281,12 +1281,12 @@
|
|
|
1281
1281
|
},
|
|
1282
1282
|
"foreground": {
|
|
1283
1283
|
"default": {
|
|
1284
|
-
"value": "#
|
|
1284
|
+
"value": "#23232d",
|
|
1285
1285
|
"public": true,
|
|
1286
1286
|
"filePath": "tokens/color/alias/button.light.json",
|
|
1287
1287
|
"isSource": true,
|
|
1288
1288
|
"original": {
|
|
1289
|
-
"value": "{color.light-mode.text.default
|
|
1289
|
+
"value": "{color.light-mode.text.default.value}",
|
|
1290
1290
|
"public": true
|
|
1291
1291
|
},
|
|
1292
1292
|
"name": "color-light-mode-button-subtle-foreground-default",
|
|
@@ -2217,6 +2217,234 @@
|
|
|
2217
2217
|
}
|
|
2218
2218
|
}
|
|
2219
2219
|
},
|
|
2220
|
+
"icon-button": {
|
|
2221
|
+
"standard": {
|
|
2222
|
+
"background": {
|
|
2223
|
+
"default": {
|
|
2224
|
+
"value": "rgba(0, 0, 0, 0)",
|
|
2225
|
+
"public": true,
|
|
2226
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2227
|
+
"isSource": true,
|
|
2228
|
+
"original": {
|
|
2229
|
+
"value": "transparent",
|
|
2230
|
+
"public": true
|
|
2231
|
+
},
|
|
2232
|
+
"name": "color-light-mode-icon-button-standard-background-default",
|
|
2233
|
+
"attributes": {
|
|
2234
|
+
"category": "color",
|
|
2235
|
+
"type": "light-mode",
|
|
2236
|
+
"item": "icon-button",
|
|
2237
|
+
"subitem": "standard",
|
|
2238
|
+
"state": "background"
|
|
2239
|
+
},
|
|
2240
|
+
"path": [
|
|
2241
|
+
"color",
|
|
2242
|
+
"light-mode",
|
|
2243
|
+
"icon-button",
|
|
2244
|
+
"standard",
|
|
2245
|
+
"background",
|
|
2246
|
+
"default"
|
|
2247
|
+
]
|
|
2248
|
+
},
|
|
2249
|
+
"hover": {
|
|
2250
|
+
"value": "#f1f1f1",
|
|
2251
|
+
"public": true,
|
|
2252
|
+
"isReferenceToInternal": true,
|
|
2253
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2254
|
+
"isSource": true,
|
|
2255
|
+
"original": {
|
|
2256
|
+
"value": "{color.light-mode.neutral.200.value}",
|
|
2257
|
+
"public": true,
|
|
2258
|
+
"isReferenceToInternal": true
|
|
2259
|
+
},
|
|
2260
|
+
"name": "color-light-mode-icon-button-standard-background-hover",
|
|
2261
|
+
"attributes": {
|
|
2262
|
+
"category": "color",
|
|
2263
|
+
"type": "light-mode",
|
|
2264
|
+
"item": "icon-button",
|
|
2265
|
+
"subitem": "standard",
|
|
2266
|
+
"state": "background"
|
|
2267
|
+
},
|
|
2268
|
+
"path": [
|
|
2269
|
+
"color",
|
|
2270
|
+
"light-mode",
|
|
2271
|
+
"icon-button",
|
|
2272
|
+
"standard",
|
|
2273
|
+
"background",
|
|
2274
|
+
"hover"
|
|
2275
|
+
]
|
|
2276
|
+
},
|
|
2277
|
+
"active": {
|
|
2278
|
+
"value": "#cfcfd3",
|
|
2279
|
+
"public": true,
|
|
2280
|
+
"isReferenceToInternal": true,
|
|
2281
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2282
|
+
"isSource": true,
|
|
2283
|
+
"original": {
|
|
2284
|
+
"value": "{color.light-mode.neutral.300.value}",
|
|
2285
|
+
"public": true,
|
|
2286
|
+
"isReferenceToInternal": true
|
|
2287
|
+
},
|
|
2288
|
+
"name": "color-light-mode-icon-button-standard-background-active",
|
|
2289
|
+
"attributes": {
|
|
2290
|
+
"category": "color",
|
|
2291
|
+
"type": "light-mode",
|
|
2292
|
+
"item": "icon-button",
|
|
2293
|
+
"subitem": "standard",
|
|
2294
|
+
"state": "background"
|
|
2295
|
+
},
|
|
2296
|
+
"path": [
|
|
2297
|
+
"color",
|
|
2298
|
+
"light-mode",
|
|
2299
|
+
"icon-button",
|
|
2300
|
+
"standard",
|
|
2301
|
+
"background",
|
|
2302
|
+
"active"
|
|
2303
|
+
]
|
|
2304
|
+
}
|
|
2305
|
+
},
|
|
2306
|
+
"foreground": {
|
|
2307
|
+
"default": {
|
|
2308
|
+
"value": "#23232d",
|
|
2309
|
+
"public": true,
|
|
2310
|
+
"isReferenceToInternal": true,
|
|
2311
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2312
|
+
"isSource": true,
|
|
2313
|
+
"original": {
|
|
2314
|
+
"value": "{color.light-mode.neutral.500.value}",
|
|
2315
|
+
"public": true,
|
|
2316
|
+
"isReferenceToInternal": true
|
|
2317
|
+
},
|
|
2318
|
+
"name": "color-light-mode-icon-button-standard-foreground-default",
|
|
2319
|
+
"attributes": {
|
|
2320
|
+
"category": "color",
|
|
2321
|
+
"type": "light-mode",
|
|
2322
|
+
"item": "icon-button",
|
|
2323
|
+
"subitem": "standard",
|
|
2324
|
+
"state": "foreground"
|
|
2325
|
+
},
|
|
2326
|
+
"path": [
|
|
2327
|
+
"color",
|
|
2328
|
+
"light-mode",
|
|
2329
|
+
"icon-button",
|
|
2330
|
+
"standard",
|
|
2331
|
+
"foreground",
|
|
2332
|
+
"default"
|
|
2333
|
+
]
|
|
2334
|
+
}
|
|
2335
|
+
}
|
|
2336
|
+
},
|
|
2337
|
+
"critical": {
|
|
2338
|
+
"background": {
|
|
2339
|
+
"default": {
|
|
2340
|
+
"value": "#ca3521",
|
|
2341
|
+
"public": true,
|
|
2342
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2343
|
+
"isSource": true,
|
|
2344
|
+
"original": {
|
|
2345
|
+
"value": "{color.light-mode.button.critical.background.default.value}",
|
|
2346
|
+
"public": true
|
|
2347
|
+
},
|
|
2348
|
+
"name": "color-light-mode-icon-button-critical-background-default",
|
|
2349
|
+
"attributes": {
|
|
2350
|
+
"category": "color",
|
|
2351
|
+
"type": "light-mode",
|
|
2352
|
+
"item": "icon-button",
|
|
2353
|
+
"subitem": "critical",
|
|
2354
|
+
"state": "background"
|
|
2355
|
+
},
|
|
2356
|
+
"path": [
|
|
2357
|
+
"color",
|
|
2358
|
+
"light-mode",
|
|
2359
|
+
"icon-button",
|
|
2360
|
+
"critical",
|
|
2361
|
+
"background",
|
|
2362
|
+
"default"
|
|
2363
|
+
]
|
|
2364
|
+
},
|
|
2365
|
+
"hover": {
|
|
2366
|
+
"value": "#cf4937",
|
|
2367
|
+
"public": true,
|
|
2368
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2369
|
+
"isSource": true,
|
|
2370
|
+
"original": {
|
|
2371
|
+
"value": "{color.light-mode.button.critical.background.hover.value}",
|
|
2372
|
+
"public": true
|
|
2373
|
+
},
|
|
2374
|
+
"name": "color-light-mode-icon-button-critical-background-hover",
|
|
2375
|
+
"attributes": {
|
|
2376
|
+
"category": "color",
|
|
2377
|
+
"type": "light-mode",
|
|
2378
|
+
"item": "icon-button",
|
|
2379
|
+
"subitem": "critical",
|
|
2380
|
+
"state": "background"
|
|
2381
|
+
},
|
|
2382
|
+
"path": [
|
|
2383
|
+
"color",
|
|
2384
|
+
"light-mode",
|
|
2385
|
+
"icon-button",
|
|
2386
|
+
"critical",
|
|
2387
|
+
"background",
|
|
2388
|
+
"hover"
|
|
2389
|
+
]
|
|
2390
|
+
},
|
|
2391
|
+
"active": {
|
|
2392
|
+
"value": "#b6301e",
|
|
2393
|
+
"public": true,
|
|
2394
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2395
|
+
"isSource": true,
|
|
2396
|
+
"original": {
|
|
2397
|
+
"value": "{color.light-mode.button.critical.background.active.value}",
|
|
2398
|
+
"public": true
|
|
2399
|
+
},
|
|
2400
|
+
"name": "color-light-mode-icon-button-critical-background-active",
|
|
2401
|
+
"attributes": {
|
|
2402
|
+
"category": "color",
|
|
2403
|
+
"type": "light-mode",
|
|
2404
|
+
"item": "icon-button",
|
|
2405
|
+
"subitem": "critical",
|
|
2406
|
+
"state": "background"
|
|
2407
|
+
},
|
|
2408
|
+
"path": [
|
|
2409
|
+
"color",
|
|
2410
|
+
"light-mode",
|
|
2411
|
+
"icon-button",
|
|
2412
|
+
"critical",
|
|
2413
|
+
"background",
|
|
2414
|
+
"active"
|
|
2415
|
+
]
|
|
2416
|
+
}
|
|
2417
|
+
},
|
|
2418
|
+
"foreground": {
|
|
2419
|
+
"default": {
|
|
2420
|
+
"value": "#ffffff",
|
|
2421
|
+
"public": true,
|
|
2422
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2423
|
+
"isSource": true,
|
|
2424
|
+
"original": {
|
|
2425
|
+
"value": "{color.light-mode.button.critical.foreground.default.value}",
|
|
2426
|
+
"public": true
|
|
2427
|
+
},
|
|
2428
|
+
"name": "color-light-mode-icon-button-critical-foreground-default",
|
|
2429
|
+
"attributes": {
|
|
2430
|
+
"category": "color",
|
|
2431
|
+
"type": "light-mode",
|
|
2432
|
+
"item": "icon-button",
|
|
2433
|
+
"subitem": "critical",
|
|
2434
|
+
"state": "foreground"
|
|
2435
|
+
},
|
|
2436
|
+
"path": [
|
|
2437
|
+
"color",
|
|
2438
|
+
"light-mode",
|
|
2439
|
+
"icon-button",
|
|
2440
|
+
"critical",
|
|
2441
|
+
"foreground",
|
|
2442
|
+
"default"
|
|
2443
|
+
]
|
|
2444
|
+
}
|
|
2445
|
+
}
|
|
2446
|
+
}
|
|
2447
|
+
},
|
|
2220
2448
|
"toggle-button": {
|
|
2221
2449
|
"background": {
|
|
2222
2450
|
"off": {
|