@pantheon-systems/pds-design-tokens 1.0.0-dev.31 → 1.0.0-dev.33
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 +4 -2
- package/build/css/pds-design-tokens-light-mode.css +8 -6
- package/build/figma/pds-design-tokens-figma.json +140 -20
- package/build/json/pds-design-tokens-dark-mode.json +66 -6
- package/build/json/pds-design-tokens-light-mode.json +74 -14
- package/build/scss/_pds-design-tokens-dark-mode.scss +4 -2
- package/build/scss/_pds-design-tokens-light-mode.scss +8 -6
- package/package.json +1 -1
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
|
|
12
12
|
:root {
|
|
13
13
|
--pds-color-background-default: #1d1d29;
|
|
14
|
-
--pds-color-border-default: #
|
|
14
|
+
--pds-color-border-default: #858299;
|
|
15
15
|
--pds-color-brand-accent-default: #de0093;
|
|
16
16
|
--pds-color-brand-primary-default: #ffdc28;
|
|
17
17
|
--pds-color-brand-secondary-default: #6947ff;
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
--pds-color-input-background-default: #1d1d29;
|
|
78
78
|
--pds-color-input-background-hover: #282839;
|
|
79
79
|
--pds-color-input-border-critical: #e05757;
|
|
80
|
-
--pds-color-input-border-default: #
|
|
80
|
+
--pds-color-input-border-default: #858299;
|
|
81
81
|
--pds-color-input-border-hover: #7657ff;
|
|
82
82
|
--pds-color-input-border-success: #3cb683;
|
|
83
83
|
--pds-color-input-checked-background: var(--pds-color-interactive-focus);
|
|
@@ -113,6 +113,8 @@
|
|
|
113
113
|
--pds-color-text-default-secondary: #a6a3b4;
|
|
114
114
|
--pds-color-tile-background-active: #858299;
|
|
115
115
|
--pds-color-tile-background-hover: #504e62;
|
|
116
|
+
--pds-color-toggle-button-background-off: #504e62;
|
|
117
|
+
--pds-color-toggle-button-foreground-off: #c7c5d0;
|
|
116
118
|
--pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
|
|
117
119
|
--pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
|
|
118
120
|
}
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
|
|
12
12
|
:root {
|
|
13
13
|
--pds-color-background-default: #ffffff;
|
|
14
|
-
--pds-color-border-default: #
|
|
14
|
+
--pds-color-border-default: #f1f1f1;
|
|
15
15
|
--pds-color-brand-accent-default: #de0093;
|
|
16
16
|
--pds-color-brand-primary-default: #ffdc28;
|
|
17
17
|
--pds-color-brand-secondary-default: #3017a1;
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
--pds-color-button-brand-foreground-active: #23232d;
|
|
25
25
|
--pds-color-button-brand-foreground-default: #23232d;
|
|
26
26
|
--pds-color-button-brand-foreground-hover: #23232d;
|
|
27
|
-
--pds-color-button-brand-secondary-background-active: #
|
|
27
|
+
--pds-color-button-brand-secondary-background-active: #f1f1f1;
|
|
28
28
|
--pds-color-button-brand-secondary-background-default: rgba(0, 0, 0, 0);
|
|
29
29
|
--pds-color-button-brand-secondary-background-hover: #f8f8f8;
|
|
30
30
|
--pds-color-button-brand-secondary-border-active: #23232d;
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
--pds-color-input-background-default: #ffffff;
|
|
78
78
|
--pds-color-input-background-hover: #f0ecff;
|
|
79
79
|
--pds-color-input-border-critical: #d61f1f;
|
|
80
|
-
--pds-color-input-border-default: #
|
|
80
|
+
--pds-color-input-border-default: #f1f1f1;
|
|
81
81
|
--pds-color-input-border-hover: #5f41e5;
|
|
82
82
|
--pds-color-input-border-success: #1f845a;
|
|
83
83
|
--pds-color-input-checked-background: var(--pds-color-interactive-focus);
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
--pds-color-input-foreground-success: #1f845a;
|
|
88
88
|
--pds-color-input-placeholder-text: #71717c;
|
|
89
89
|
--pds-color-input-toggle-switch-icon: #ffffff;
|
|
90
|
-
--pds-color-input-toggle-switch-off: #
|
|
90
|
+
--pds-color-input-toggle-switch-off: #71717c;
|
|
91
91
|
--pds-color-input-toggle-switch-on: var(--pds-color-interactive-focus);
|
|
92
92
|
--pds-color-interactive-focus: #0f62fe;
|
|
93
93
|
--pds-color-link-active: #6f54e8;
|
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
--pds-color-link-hover: #6f54e8;
|
|
96
96
|
--pds-color-link-visited: #6f54e8;
|
|
97
97
|
--pds-color-menu-background: #ffffff;
|
|
98
|
-
--pds-color-menu-item-background-active: #
|
|
98
|
+
--pds-color-menu-item-background-active: #f1f1f1;
|
|
99
99
|
--pds-color-menu-item-background-default: #ffffff;
|
|
100
100
|
--pds-color-menu-item-background-hover: #f8f8f8;
|
|
101
101
|
--pds-color-menu-item-description-text: #71717c;
|
|
@@ -111,8 +111,10 @@
|
|
|
111
111
|
--pds-color-panel-sunken-border: #f8f8f8;
|
|
112
112
|
--pds-color-text-default: #23232d;
|
|
113
113
|
--pds-color-text-default-secondary: #71717c;
|
|
114
|
-
--pds-color-tile-background-active: #
|
|
114
|
+
--pds-color-tile-background-active: #f1f1f1;
|
|
115
115
|
--pds-color-tile-background-hover: #f8f8f8;
|
|
116
|
+
--pds-color-toggle-button-background-off: #f1f1f1;
|
|
117
|
+
--pds-color-toggle-button-foreground-off: #71717c;
|
|
116
118
|
--pds-elevation-overlay: 0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
|
|
117
119
|
--pds-elevation-raised: 0px 1px 1px 0px #aeaeb6, 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
|
|
118
120
|
}
|
|
@@ -3323,6 +3323,66 @@
|
|
|
3323
3323
|
}
|
|
3324
3324
|
}
|
|
3325
3325
|
},
|
|
3326
|
+
"toggle-button": {
|
|
3327
|
+
"background": {
|
|
3328
|
+
"off": {
|
|
3329
|
+
"value": "#504e62",
|
|
3330
|
+
"public": true,
|
|
3331
|
+
"isReferenceToInternal": true,
|
|
3332
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
3333
|
+
"isSource": true,
|
|
3334
|
+
"original": {
|
|
3335
|
+
"value": "{color.dark-mode.neutral.400.value}",
|
|
3336
|
+
"public": true,
|
|
3337
|
+
"isReferenceToInternal": true
|
|
3338
|
+
},
|
|
3339
|
+
"name": "color-dark-mode-toggle-button-background-off",
|
|
3340
|
+
"attributes": {
|
|
3341
|
+
"category": "color",
|
|
3342
|
+
"type": "dark-mode",
|
|
3343
|
+
"item": "toggle-button",
|
|
3344
|
+
"subitem": "background",
|
|
3345
|
+
"state": "off"
|
|
3346
|
+
},
|
|
3347
|
+
"path": [
|
|
3348
|
+
"color",
|
|
3349
|
+
"dark-mode",
|
|
3350
|
+
"toggle-button",
|
|
3351
|
+
"background",
|
|
3352
|
+
"off"
|
|
3353
|
+
]
|
|
3354
|
+
}
|
|
3355
|
+
},
|
|
3356
|
+
"foreground": {
|
|
3357
|
+
"off": {
|
|
3358
|
+
"value": "#c7c5d0",
|
|
3359
|
+
"public": true,
|
|
3360
|
+
"isReferenceToInternal": true,
|
|
3361
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
3362
|
+
"isSource": true,
|
|
3363
|
+
"original": {
|
|
3364
|
+
"value": "{color.dark-mode.neutral.100.value}",
|
|
3365
|
+
"public": true,
|
|
3366
|
+
"isReferenceToInternal": true
|
|
3367
|
+
},
|
|
3368
|
+
"name": "color-dark-mode-toggle-button-foreground-off",
|
|
3369
|
+
"attributes": {
|
|
3370
|
+
"category": "color",
|
|
3371
|
+
"type": "dark-mode",
|
|
3372
|
+
"item": "toggle-button",
|
|
3373
|
+
"subitem": "foreground",
|
|
3374
|
+
"state": "off"
|
|
3375
|
+
},
|
|
3376
|
+
"path": [
|
|
3377
|
+
"color",
|
|
3378
|
+
"dark-mode",
|
|
3379
|
+
"toggle-button",
|
|
3380
|
+
"foreground",
|
|
3381
|
+
"off"
|
|
3382
|
+
]
|
|
3383
|
+
}
|
|
3384
|
+
}
|
|
3385
|
+
},
|
|
3326
3386
|
"background": {
|
|
3327
3387
|
"default": {
|
|
3328
3388
|
"value": "#1d1d29",
|
|
@@ -3352,13 +3412,13 @@
|
|
|
3352
3412
|
},
|
|
3353
3413
|
"border": {
|
|
3354
3414
|
"default": {
|
|
3355
|
-
"value": "#
|
|
3415
|
+
"value": "#858299",
|
|
3356
3416
|
"public": true,
|
|
3357
3417
|
"isReferenceToInternal": true,
|
|
3358
3418
|
"filePath": "tokens/color/alias/defaults.dark.json",
|
|
3359
3419
|
"isSource": true,
|
|
3360
3420
|
"original": {
|
|
3361
|
-
"value": "{color.dark-mode.neutral.
|
|
3421
|
+
"value": "{color.dark-mode.neutral.300.value}",
|
|
3362
3422
|
"public": true,
|
|
3363
3423
|
"isReferenceToInternal": true
|
|
3364
3424
|
},
|
|
@@ -3490,13 +3550,13 @@
|
|
|
3490
3550
|
},
|
|
3491
3551
|
"border": {
|
|
3492
3552
|
"default": {
|
|
3493
|
-
"value": "#
|
|
3553
|
+
"value": "#858299",
|
|
3494
3554
|
"public": true,
|
|
3495
3555
|
"isReferenceToInternal": true,
|
|
3496
3556
|
"filePath": "tokens/color/alias/input.dark.json",
|
|
3497
3557
|
"isSource": true,
|
|
3498
3558
|
"original": {
|
|
3499
|
-
"value": "{color.dark-mode.neutral.
|
|
3559
|
+
"value": "{color.dark-mode.neutral.300.value}",
|
|
3500
3560
|
"public": true,
|
|
3501
3561
|
"isReferenceToInternal": true
|
|
3502
3562
|
},
|
|
@@ -4200,7 +4260,7 @@
|
|
|
4200
4260
|
]
|
|
4201
4261
|
},
|
|
4202
4262
|
"border": {
|
|
4203
|
-
"value": "#
|
|
4263
|
+
"value": "#858299",
|
|
4204
4264
|
"public": true,
|
|
4205
4265
|
"filePath": "tokens/color/alias/panel.dark.json",
|
|
4206
4266
|
"isSource": true,
|
|
@@ -4310,7 +4370,7 @@
|
|
|
4310
4370
|
]
|
|
4311
4371
|
},
|
|
4312
4372
|
"border": {
|
|
4313
|
-
"value": "#
|
|
4373
|
+
"value": "#858299",
|
|
4314
4374
|
"public": true,
|
|
4315
4375
|
"filePath": "tokens/color/alias/panel.dark.json",
|
|
4316
4376
|
"isSource": true,
|
|
@@ -7123,7 +7183,7 @@
|
|
|
7123
7183
|
]
|
|
7124
7184
|
},
|
|
7125
7185
|
"active": {
|
|
7126
|
-
"value": "#
|
|
7186
|
+
"value": "#f1f1f1",
|
|
7127
7187
|
"public": true,
|
|
7128
7188
|
"isReferenceToInternal": true,
|
|
7129
7189
|
"filePath": "tokens/color/alias/button.light.json",
|
|
@@ -7585,6 +7645,66 @@
|
|
|
7585
7645
|
}
|
|
7586
7646
|
}
|
|
7587
7647
|
},
|
|
7648
|
+
"toggle-button": {
|
|
7649
|
+
"background": {
|
|
7650
|
+
"off": {
|
|
7651
|
+
"value": "#f1f1f1",
|
|
7652
|
+
"public": true,
|
|
7653
|
+
"isReferenceToInternal": true,
|
|
7654
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
7655
|
+
"isSource": true,
|
|
7656
|
+
"original": {
|
|
7657
|
+
"value": "{color.light-mode.neutral.200.value}",
|
|
7658
|
+
"public": true,
|
|
7659
|
+
"isReferenceToInternal": true
|
|
7660
|
+
},
|
|
7661
|
+
"name": "color-light-mode-toggle-button-background-off",
|
|
7662
|
+
"attributes": {
|
|
7663
|
+
"category": "color",
|
|
7664
|
+
"type": "light-mode",
|
|
7665
|
+
"item": "toggle-button",
|
|
7666
|
+
"subitem": "background",
|
|
7667
|
+
"state": "off"
|
|
7668
|
+
},
|
|
7669
|
+
"path": [
|
|
7670
|
+
"color",
|
|
7671
|
+
"light-mode",
|
|
7672
|
+
"toggle-button",
|
|
7673
|
+
"background",
|
|
7674
|
+
"off"
|
|
7675
|
+
]
|
|
7676
|
+
}
|
|
7677
|
+
},
|
|
7678
|
+
"foreground": {
|
|
7679
|
+
"off": {
|
|
7680
|
+
"value": "#71717c",
|
|
7681
|
+
"public": true,
|
|
7682
|
+
"isReferenceToInternal": true,
|
|
7683
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
7684
|
+
"isSource": true,
|
|
7685
|
+
"original": {
|
|
7686
|
+
"value": "{color.light-mode.neutral.400.value}",
|
|
7687
|
+
"public": true,
|
|
7688
|
+
"isReferenceToInternal": true
|
|
7689
|
+
},
|
|
7690
|
+
"name": "color-light-mode-toggle-button-foreground-off",
|
|
7691
|
+
"attributes": {
|
|
7692
|
+
"category": "color",
|
|
7693
|
+
"type": "light-mode",
|
|
7694
|
+
"item": "toggle-button",
|
|
7695
|
+
"subitem": "foreground",
|
|
7696
|
+
"state": "off"
|
|
7697
|
+
},
|
|
7698
|
+
"path": [
|
|
7699
|
+
"color",
|
|
7700
|
+
"light-mode",
|
|
7701
|
+
"toggle-button",
|
|
7702
|
+
"foreground",
|
|
7703
|
+
"off"
|
|
7704
|
+
]
|
|
7705
|
+
}
|
|
7706
|
+
}
|
|
7707
|
+
},
|
|
7588
7708
|
"background": {
|
|
7589
7709
|
"default": {
|
|
7590
7710
|
"value": "#ffffff",
|
|
@@ -7614,7 +7734,7 @@
|
|
|
7614
7734
|
},
|
|
7615
7735
|
"border": {
|
|
7616
7736
|
"default": {
|
|
7617
|
-
"value": "#
|
|
7737
|
+
"value": "#f1f1f1",
|
|
7618
7738
|
"public": true,
|
|
7619
7739
|
"isReferenceToInternal": true,
|
|
7620
7740
|
"filePath": "tokens/color/alias/defaults.light.json",
|
|
@@ -7752,7 +7872,7 @@
|
|
|
7752
7872
|
},
|
|
7753
7873
|
"border": {
|
|
7754
7874
|
"default": {
|
|
7755
|
-
"value": "#
|
|
7875
|
+
"value": "#f1f1f1",
|
|
7756
7876
|
"public": true,
|
|
7757
7877
|
"isReferenceToInternal": true,
|
|
7758
7878
|
"filePath": "tokens/color/alias/input.light.json",
|
|
@@ -8024,13 +8144,13 @@
|
|
|
8024
8144
|
},
|
|
8025
8145
|
"toggle-switch": {
|
|
8026
8146
|
"off": {
|
|
8027
|
-
"value": "#
|
|
8147
|
+
"value": "#71717c",
|
|
8028
8148
|
"public": true,
|
|
8029
8149
|
"isReferenceToInternal": true,
|
|
8030
8150
|
"filePath": "tokens/color/alias/input.light.json",
|
|
8031
8151
|
"isSource": true,
|
|
8032
8152
|
"original": {
|
|
8033
|
-
"value": "{color.light-mode.neutral.
|
|
8153
|
+
"value": "{color.light-mode.neutral.400.value}",
|
|
8034
8154
|
"public": true,
|
|
8035
8155
|
"isReferenceToInternal": true
|
|
8036
8156
|
},
|
|
@@ -8323,7 +8443,7 @@
|
|
|
8323
8443
|
]
|
|
8324
8444
|
},
|
|
8325
8445
|
"active": {
|
|
8326
|
-
"value": "#
|
|
8446
|
+
"value": "#f1f1f1",
|
|
8327
8447
|
"public": true,
|
|
8328
8448
|
"isReferenceToInternal": true,
|
|
8329
8449
|
"filePath": "tokens/color/alias/menu.light.json",
|
|
@@ -8462,7 +8582,7 @@
|
|
|
8462
8582
|
]
|
|
8463
8583
|
},
|
|
8464
8584
|
"border": {
|
|
8465
|
-
"value": "#
|
|
8585
|
+
"value": "#f1f1f1",
|
|
8466
8586
|
"public": true,
|
|
8467
8587
|
"filePath": "tokens/color/alias/panel.light.json",
|
|
8468
8588
|
"isSource": true,
|
|
@@ -8570,7 +8690,7 @@
|
|
|
8570
8690
|
]
|
|
8571
8691
|
},
|
|
8572
8692
|
"border": {
|
|
8573
|
-
"value": "#
|
|
8693
|
+
"value": "#f1f1f1",
|
|
8574
8694
|
"public": true,
|
|
8575
8695
|
"filePath": "tokens/color/alias/panel.light.json",
|
|
8576
8696
|
"isSource": true,
|
|
@@ -8622,7 +8742,7 @@
|
|
|
8622
8742
|
]
|
|
8623
8743
|
},
|
|
8624
8744
|
"border": {
|
|
8625
|
-
"value": "#
|
|
8745
|
+
"value": "#f1f1f1",
|
|
8626
8746
|
"public": true,
|
|
8627
8747
|
"filePath": "tokens/color/alias/panel.light.json",
|
|
8628
8748
|
"isSource": true,
|
|
@@ -8678,7 +8798,7 @@
|
|
|
8678
8798
|
]
|
|
8679
8799
|
},
|
|
8680
8800
|
"active": {
|
|
8681
|
-
"value": "#
|
|
8801
|
+
"value": "#f1f1f1",
|
|
8682
8802
|
"public": true,
|
|
8683
8803
|
"isReferenceToInternal": true,
|
|
8684
8804
|
"filePath": "tokens/color/alias/tile.light.json",
|
|
@@ -9588,11 +9708,11 @@
|
|
|
9588
9708
|
]
|
|
9589
9709
|
},
|
|
9590
9710
|
"200": {
|
|
9591
|
-
"value": "#
|
|
9711
|
+
"value": "#f1f1f1",
|
|
9592
9712
|
"filePath": "tokens/color/base/neutral.light.json",
|
|
9593
9713
|
"isSource": true,
|
|
9594
9714
|
"original": {
|
|
9595
|
-
"value": "#
|
|
9715
|
+
"value": "#f1f1f1"
|
|
9596
9716
|
},
|
|
9597
9717
|
"name": "color-light-mode-neutral-200",
|
|
9598
9718
|
"attributes": {
|
|
@@ -9609,11 +9729,11 @@
|
|
|
9609
9729
|
]
|
|
9610
9730
|
},
|
|
9611
9731
|
"300": {
|
|
9612
|
-
"value": "#
|
|
9732
|
+
"value": "#cfcfd3",
|
|
9613
9733
|
"filePath": "tokens/color/base/neutral.light.json",
|
|
9614
9734
|
"isSource": true,
|
|
9615
9735
|
"original": {
|
|
9616
|
-
"value": "#
|
|
9736
|
+
"value": "#CFCFD3"
|
|
9617
9737
|
},
|
|
9618
9738
|
"name": "color-light-mode-neutral-300",
|
|
9619
9739
|
"attributes": {
|
|
@@ -1499,6 +1499,66 @@
|
|
|
1499
1499
|
}
|
|
1500
1500
|
}
|
|
1501
1501
|
},
|
|
1502
|
+
"toggle-button": {
|
|
1503
|
+
"background": {
|
|
1504
|
+
"off": {
|
|
1505
|
+
"value": "#504e62",
|
|
1506
|
+
"public": true,
|
|
1507
|
+
"isReferenceToInternal": true,
|
|
1508
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
1509
|
+
"isSource": true,
|
|
1510
|
+
"original": {
|
|
1511
|
+
"value": "{color.dark-mode.neutral.400.value}",
|
|
1512
|
+
"public": true,
|
|
1513
|
+
"isReferenceToInternal": true
|
|
1514
|
+
},
|
|
1515
|
+
"name": "color-dark-mode-toggle-button-background-off",
|
|
1516
|
+
"attributes": {
|
|
1517
|
+
"category": "color",
|
|
1518
|
+
"type": "dark-mode",
|
|
1519
|
+
"item": "toggle-button",
|
|
1520
|
+
"subitem": "background",
|
|
1521
|
+
"state": "off"
|
|
1522
|
+
},
|
|
1523
|
+
"path": [
|
|
1524
|
+
"color",
|
|
1525
|
+
"dark-mode",
|
|
1526
|
+
"toggle-button",
|
|
1527
|
+
"background",
|
|
1528
|
+
"off"
|
|
1529
|
+
]
|
|
1530
|
+
}
|
|
1531
|
+
},
|
|
1532
|
+
"foreground": {
|
|
1533
|
+
"off": {
|
|
1534
|
+
"value": "#c7c5d0",
|
|
1535
|
+
"public": true,
|
|
1536
|
+
"isReferenceToInternal": true,
|
|
1537
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
1538
|
+
"isSource": true,
|
|
1539
|
+
"original": {
|
|
1540
|
+
"value": "{color.dark-mode.neutral.100.value}",
|
|
1541
|
+
"public": true,
|
|
1542
|
+
"isReferenceToInternal": true
|
|
1543
|
+
},
|
|
1544
|
+
"name": "color-dark-mode-toggle-button-foreground-off",
|
|
1545
|
+
"attributes": {
|
|
1546
|
+
"category": "color",
|
|
1547
|
+
"type": "dark-mode",
|
|
1548
|
+
"item": "toggle-button",
|
|
1549
|
+
"subitem": "foreground",
|
|
1550
|
+
"state": "off"
|
|
1551
|
+
},
|
|
1552
|
+
"path": [
|
|
1553
|
+
"color",
|
|
1554
|
+
"dark-mode",
|
|
1555
|
+
"toggle-button",
|
|
1556
|
+
"foreground",
|
|
1557
|
+
"off"
|
|
1558
|
+
]
|
|
1559
|
+
}
|
|
1560
|
+
}
|
|
1561
|
+
},
|
|
1502
1562
|
"background": {
|
|
1503
1563
|
"default": {
|
|
1504
1564
|
"value": "#1d1d29",
|
|
@@ -1528,13 +1588,13 @@
|
|
|
1528
1588
|
},
|
|
1529
1589
|
"border": {
|
|
1530
1590
|
"default": {
|
|
1531
|
-
"value": "#
|
|
1591
|
+
"value": "#858299",
|
|
1532
1592
|
"public": true,
|
|
1533
1593
|
"isReferenceToInternal": true,
|
|
1534
1594
|
"filePath": "tokens/color/alias/defaults.dark.json",
|
|
1535
1595
|
"isSource": true,
|
|
1536
1596
|
"original": {
|
|
1537
|
-
"value": "{color.dark-mode.neutral.
|
|
1597
|
+
"value": "{color.dark-mode.neutral.300.value}",
|
|
1538
1598
|
"public": true,
|
|
1539
1599
|
"isReferenceToInternal": true
|
|
1540
1600
|
},
|
|
@@ -1666,13 +1726,13 @@
|
|
|
1666
1726
|
},
|
|
1667
1727
|
"border": {
|
|
1668
1728
|
"default": {
|
|
1669
|
-
"value": "#
|
|
1729
|
+
"value": "#858299",
|
|
1670
1730
|
"public": true,
|
|
1671
1731
|
"isReferenceToInternal": true,
|
|
1672
1732
|
"filePath": "tokens/color/alias/input.dark.json",
|
|
1673
1733
|
"isSource": true,
|
|
1674
1734
|
"original": {
|
|
1675
|
-
"value": "{color.dark-mode.neutral.
|
|
1735
|
+
"value": "{color.dark-mode.neutral.300.value}",
|
|
1676
1736
|
"public": true,
|
|
1677
1737
|
"isReferenceToInternal": true
|
|
1678
1738
|
},
|
|
@@ -2376,7 +2436,7 @@
|
|
|
2376
2436
|
]
|
|
2377
2437
|
},
|
|
2378
2438
|
"border": {
|
|
2379
|
-
"value": "#
|
|
2439
|
+
"value": "#858299",
|
|
2380
2440
|
"public": true,
|
|
2381
2441
|
"filePath": "tokens/color/alias/panel.dark.json",
|
|
2382
2442
|
"isSource": true,
|
|
@@ -2486,7 +2546,7 @@
|
|
|
2486
2546
|
]
|
|
2487
2547
|
},
|
|
2488
2548
|
"border": {
|
|
2489
|
-
"value": "#
|
|
2549
|
+
"value": "#858299",
|
|
2490
2550
|
"public": true,
|
|
2491
2551
|
"filePath": "tokens/color/alias/panel.dark.json",
|
|
2492
2552
|
"isSource": true,
|
|
@@ -1037,7 +1037,7 @@
|
|
|
1037
1037
|
]
|
|
1038
1038
|
},
|
|
1039
1039
|
"active": {
|
|
1040
|
-
"value": "#
|
|
1040
|
+
"value": "#f1f1f1",
|
|
1041
1041
|
"public": true,
|
|
1042
1042
|
"isReferenceToInternal": true,
|
|
1043
1043
|
"filePath": "tokens/color/alias/button.light.json",
|
|
@@ -1499,6 +1499,66 @@
|
|
|
1499
1499
|
}
|
|
1500
1500
|
}
|
|
1501
1501
|
},
|
|
1502
|
+
"toggle-button": {
|
|
1503
|
+
"background": {
|
|
1504
|
+
"off": {
|
|
1505
|
+
"value": "#f1f1f1",
|
|
1506
|
+
"public": true,
|
|
1507
|
+
"isReferenceToInternal": true,
|
|
1508
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
1509
|
+
"isSource": true,
|
|
1510
|
+
"original": {
|
|
1511
|
+
"value": "{color.light-mode.neutral.200.value}",
|
|
1512
|
+
"public": true,
|
|
1513
|
+
"isReferenceToInternal": true
|
|
1514
|
+
},
|
|
1515
|
+
"name": "color-light-mode-toggle-button-background-off",
|
|
1516
|
+
"attributes": {
|
|
1517
|
+
"category": "color",
|
|
1518
|
+
"type": "light-mode",
|
|
1519
|
+
"item": "toggle-button",
|
|
1520
|
+
"subitem": "background",
|
|
1521
|
+
"state": "off"
|
|
1522
|
+
},
|
|
1523
|
+
"path": [
|
|
1524
|
+
"color",
|
|
1525
|
+
"light-mode",
|
|
1526
|
+
"toggle-button",
|
|
1527
|
+
"background",
|
|
1528
|
+
"off"
|
|
1529
|
+
]
|
|
1530
|
+
}
|
|
1531
|
+
},
|
|
1532
|
+
"foreground": {
|
|
1533
|
+
"off": {
|
|
1534
|
+
"value": "#71717c",
|
|
1535
|
+
"public": true,
|
|
1536
|
+
"isReferenceToInternal": true,
|
|
1537
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
1538
|
+
"isSource": true,
|
|
1539
|
+
"original": {
|
|
1540
|
+
"value": "{color.light-mode.neutral.400.value}",
|
|
1541
|
+
"public": true,
|
|
1542
|
+
"isReferenceToInternal": true
|
|
1543
|
+
},
|
|
1544
|
+
"name": "color-light-mode-toggle-button-foreground-off",
|
|
1545
|
+
"attributes": {
|
|
1546
|
+
"category": "color",
|
|
1547
|
+
"type": "light-mode",
|
|
1548
|
+
"item": "toggle-button",
|
|
1549
|
+
"subitem": "foreground",
|
|
1550
|
+
"state": "off"
|
|
1551
|
+
},
|
|
1552
|
+
"path": [
|
|
1553
|
+
"color",
|
|
1554
|
+
"light-mode",
|
|
1555
|
+
"toggle-button",
|
|
1556
|
+
"foreground",
|
|
1557
|
+
"off"
|
|
1558
|
+
]
|
|
1559
|
+
}
|
|
1560
|
+
}
|
|
1561
|
+
},
|
|
1502
1562
|
"background": {
|
|
1503
1563
|
"default": {
|
|
1504
1564
|
"value": "#ffffff",
|
|
@@ -1528,7 +1588,7 @@
|
|
|
1528
1588
|
},
|
|
1529
1589
|
"border": {
|
|
1530
1590
|
"default": {
|
|
1531
|
-
"value": "#
|
|
1591
|
+
"value": "#f1f1f1",
|
|
1532
1592
|
"public": true,
|
|
1533
1593
|
"isReferenceToInternal": true,
|
|
1534
1594
|
"filePath": "tokens/color/alias/defaults.light.json",
|
|
@@ -1666,7 +1726,7 @@
|
|
|
1666
1726
|
},
|
|
1667
1727
|
"border": {
|
|
1668
1728
|
"default": {
|
|
1669
|
-
"value": "#
|
|
1729
|
+
"value": "#f1f1f1",
|
|
1670
1730
|
"public": true,
|
|
1671
1731
|
"isReferenceToInternal": true,
|
|
1672
1732
|
"filePath": "tokens/color/alias/input.light.json",
|
|
@@ -1938,13 +1998,13 @@
|
|
|
1938
1998
|
},
|
|
1939
1999
|
"toggle-switch": {
|
|
1940
2000
|
"off": {
|
|
1941
|
-
"value": "#
|
|
2001
|
+
"value": "#71717c",
|
|
1942
2002
|
"public": true,
|
|
1943
2003
|
"isReferenceToInternal": true,
|
|
1944
2004
|
"filePath": "tokens/color/alias/input.light.json",
|
|
1945
2005
|
"isSource": true,
|
|
1946
2006
|
"original": {
|
|
1947
|
-
"value": "{color.light-mode.neutral.
|
|
2007
|
+
"value": "{color.light-mode.neutral.400.value}",
|
|
1948
2008
|
"public": true,
|
|
1949
2009
|
"isReferenceToInternal": true
|
|
1950
2010
|
},
|
|
@@ -2237,7 +2297,7 @@
|
|
|
2237
2297
|
]
|
|
2238
2298
|
},
|
|
2239
2299
|
"active": {
|
|
2240
|
-
"value": "#
|
|
2300
|
+
"value": "#f1f1f1",
|
|
2241
2301
|
"public": true,
|
|
2242
2302
|
"isReferenceToInternal": true,
|
|
2243
2303
|
"filePath": "tokens/color/alias/menu.light.json",
|
|
@@ -2376,7 +2436,7 @@
|
|
|
2376
2436
|
]
|
|
2377
2437
|
},
|
|
2378
2438
|
"border": {
|
|
2379
|
-
"value": "#
|
|
2439
|
+
"value": "#f1f1f1",
|
|
2380
2440
|
"public": true,
|
|
2381
2441
|
"filePath": "tokens/color/alias/panel.light.json",
|
|
2382
2442
|
"isSource": true,
|
|
@@ -2484,7 +2544,7 @@
|
|
|
2484
2544
|
]
|
|
2485
2545
|
},
|
|
2486
2546
|
"border": {
|
|
2487
|
-
"value": "#
|
|
2547
|
+
"value": "#f1f1f1",
|
|
2488
2548
|
"public": true,
|
|
2489
2549
|
"filePath": "tokens/color/alias/panel.light.json",
|
|
2490
2550
|
"isSource": true,
|
|
@@ -2536,7 +2596,7 @@
|
|
|
2536
2596
|
]
|
|
2537
2597
|
},
|
|
2538
2598
|
"border": {
|
|
2539
|
-
"value": "#
|
|
2599
|
+
"value": "#f1f1f1",
|
|
2540
2600
|
"public": true,
|
|
2541
2601
|
"filePath": "tokens/color/alias/panel.light.json",
|
|
2542
2602
|
"isSource": true,
|
|
@@ -2592,7 +2652,7 @@
|
|
|
2592
2652
|
]
|
|
2593
2653
|
},
|
|
2594
2654
|
"active": {
|
|
2595
|
-
"value": "#
|
|
2655
|
+
"value": "#f1f1f1",
|
|
2596
2656
|
"public": true,
|
|
2597
2657
|
"isReferenceToInternal": true,
|
|
2598
2658
|
"filePath": "tokens/color/alias/tile.light.json",
|
|
@@ -3502,11 +3562,11 @@
|
|
|
3502
3562
|
]
|
|
3503
3563
|
},
|
|
3504
3564
|
"200": {
|
|
3505
|
-
"value": "#
|
|
3565
|
+
"value": "#f1f1f1",
|
|
3506
3566
|
"filePath": "tokens/color/base/neutral.light.json",
|
|
3507
3567
|
"isSource": true,
|
|
3508
3568
|
"original": {
|
|
3509
|
-
"value": "#
|
|
3569
|
+
"value": "#f1f1f1"
|
|
3510
3570
|
},
|
|
3511
3571
|
"name": "color-light-mode-neutral-200",
|
|
3512
3572
|
"attributes": {
|
|
@@ -3523,11 +3583,11 @@
|
|
|
3523
3583
|
]
|
|
3524
3584
|
},
|
|
3525
3585
|
"300": {
|
|
3526
|
-
"value": "#
|
|
3586
|
+
"value": "#cfcfd3",
|
|
3527
3587
|
"filePath": "tokens/color/base/neutral.light.json",
|
|
3528
3588
|
"isSource": true,
|
|
3529
3589
|
"original": {
|
|
3530
|
-
"value": "#
|
|
3590
|
+
"value": "#CFCFD3"
|
|
3531
3591
|
},
|
|
3532
3592
|
"name": "color-light-mode-neutral-300",
|
|
3533
3593
|
"attributes": {
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
// This file has been generated automatically.
|
|
10
10
|
|
|
11
11
|
$pds-color-background-default: #1d1d29;
|
|
12
|
-
$pds-color-border-default: #
|
|
12
|
+
$pds-color-border-default: #858299;
|
|
13
13
|
$pds-color-brand-accent-default: #de0093;
|
|
14
14
|
$pds-color-brand-primary-default: #ffdc28;
|
|
15
15
|
$pds-color-brand-secondary-default: #6947ff;
|
|
@@ -75,7 +75,7 @@ $pds-color-input-background-critical: #1d1d29;
|
|
|
75
75
|
$pds-color-input-background-default: #1d1d29;
|
|
76
76
|
$pds-color-input-background-hover: #282839;
|
|
77
77
|
$pds-color-input-border-critical: #e05757;
|
|
78
|
-
$pds-color-input-border-default: #
|
|
78
|
+
$pds-color-input-border-default: #858299;
|
|
79
79
|
$pds-color-input-border-hover: #7657ff;
|
|
80
80
|
$pds-color-input-border-success: #3cb683;
|
|
81
81
|
$pds-color-input-checked-background: $pds-color-interactive-focus;
|
|
@@ -111,5 +111,7 @@ $pds-color-text-default: #ffffff;
|
|
|
111
111
|
$pds-color-text-default-secondary: #a6a3b4;
|
|
112
112
|
$pds-color-tile-background-active: #858299;
|
|
113
113
|
$pds-color-tile-background-hover: #504e62;
|
|
114
|
+
$pds-color-toggle-button-background-off: #504e62;
|
|
115
|
+
$pds-color-toggle-button-foreground-off: #c7c5d0;
|
|
114
116
|
$pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
|
|
115
117
|
$pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
// This file has been generated automatically.
|
|
10
10
|
|
|
11
11
|
$pds-color-background-default: #ffffff;
|
|
12
|
-
$pds-color-border-default: #
|
|
12
|
+
$pds-color-border-default: #f1f1f1;
|
|
13
13
|
$pds-color-brand-accent-default: #de0093;
|
|
14
14
|
$pds-color-brand-primary-default: #ffdc28;
|
|
15
15
|
$pds-color-brand-secondary-default: #3017a1;
|
|
@@ -22,7 +22,7 @@ $pds-color-button-brand-border-hover: #ffe668;
|
|
|
22
22
|
$pds-color-button-brand-foreground-active: #23232d;
|
|
23
23
|
$pds-color-button-brand-foreground-default: #23232d;
|
|
24
24
|
$pds-color-button-brand-foreground-hover: #23232d;
|
|
25
|
-
$pds-color-button-brand-secondary-background-active: #
|
|
25
|
+
$pds-color-button-brand-secondary-background-active: #f1f1f1;
|
|
26
26
|
$pds-color-button-brand-secondary-background-default: rgba(0, 0, 0, 0);
|
|
27
27
|
$pds-color-button-brand-secondary-background-hover: #f8f8f8;
|
|
28
28
|
$pds-color-button-brand-secondary-border-active: #23232d;
|
|
@@ -75,7 +75,7 @@ $pds-color-input-background-critical: #ffebeb;
|
|
|
75
75
|
$pds-color-input-background-default: #ffffff;
|
|
76
76
|
$pds-color-input-background-hover: #f0ecff;
|
|
77
77
|
$pds-color-input-border-critical: #d61f1f;
|
|
78
|
-
$pds-color-input-border-default: #
|
|
78
|
+
$pds-color-input-border-default: #f1f1f1;
|
|
79
79
|
$pds-color-input-border-hover: #5f41e5;
|
|
80
80
|
$pds-color-input-border-success: #1f845a;
|
|
81
81
|
$pds-color-input-checked-background: $pds-color-interactive-focus;
|
|
@@ -85,7 +85,7 @@ $pds-color-input-foreground-default: #23232d;
|
|
|
85
85
|
$pds-color-input-foreground-success: #1f845a;
|
|
86
86
|
$pds-color-input-placeholder-text: #71717c;
|
|
87
87
|
$pds-color-input-toggle-switch-icon: #ffffff;
|
|
88
|
-
$pds-color-input-toggle-switch-off: #
|
|
88
|
+
$pds-color-input-toggle-switch-off: #71717c;
|
|
89
89
|
$pds-color-input-toggle-switch-on: $pds-color-interactive-focus;
|
|
90
90
|
$pds-color-interactive-focus: #0f62fe;
|
|
91
91
|
$pds-color-link-active: #6f54e8;
|
|
@@ -93,7 +93,7 @@ $pds-color-link-default: #0f62fe;
|
|
|
93
93
|
$pds-color-link-hover: #6f54e8;
|
|
94
94
|
$pds-color-link-visited: #6f54e8;
|
|
95
95
|
$pds-color-menu-background: #ffffff;
|
|
96
|
-
$pds-color-menu-item-background-active: #
|
|
96
|
+
$pds-color-menu-item-background-active: #f1f1f1;
|
|
97
97
|
$pds-color-menu-item-background-default: #ffffff;
|
|
98
98
|
$pds-color-menu-item-background-hover: #f8f8f8;
|
|
99
99
|
$pds-color-menu-item-description-text: #71717c;
|
|
@@ -109,7 +109,9 @@ $pds-color-panel-sunken-background: #f8f8f8;
|
|
|
109
109
|
$pds-color-panel-sunken-border: #f8f8f8;
|
|
110
110
|
$pds-color-text-default: #23232d;
|
|
111
111
|
$pds-color-text-default-secondary: #71717c;
|
|
112
|
-
$pds-color-tile-background-active: #
|
|
112
|
+
$pds-color-tile-background-active: #f1f1f1;
|
|
113
113
|
$pds-color-tile-background-hover: #f8f8f8;
|
|
114
|
+
$pds-color-toggle-button-background-off: #f1f1f1;
|
|
115
|
+
$pds-color-toggle-button-foreground-off: #71717c;
|
|
114
116
|
$pds-elevation-overlay: 0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
|
|
115
117
|
$pds-elevation-raised: 0px 1px 1px 0px #aeaeb6, 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
|