@pantheon-systems/pds-design-tokens 1.0.0-dev.42 → 1.0.0-dev.44
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/README.md +2 -3
- package/build/css/pds-design-tokens-dark-mode.css +1 -3
- package/build/css/pds-design-tokens-light-mode.css +3 -4
- package/build/css/pds-design-tokens.css +21 -0
- package/build/figma/pds-design-tokens-figma.json +54 -137
- package/build/json/pds-design-tokens-dark-mode.json +5 -59
- package/build/json/pds-design-tokens-light-mode.json +51 -80
- package/build/json/pds-design-tokens.json +150 -65
- package/package.json +1 -1
- package/build/scss/_pds-design-tokens-dark-mode.scss +0 -122
- package/build/scss/_pds-design-tokens-light-mode.scss +0 -125
- package/build/scss/_pds-design-tokens.scss +0 -18
package/README.md
CHANGED
|
@@ -11,7 +11,6 @@ Compiled tokens can be found in the `build` directory.
|
|
|
11
11
|
PDS Design Tokens are provided in the following formats:
|
|
12
12
|
|
|
13
13
|
- CSS Custom Properties
|
|
14
|
-
- SASS Variables
|
|
15
14
|
- JSON
|
|
16
15
|
- Figma (formatted to sync to Figma styles)
|
|
17
16
|
|
|
@@ -21,11 +20,11 @@ Design tokens are specifically intended for the purpose of design and will be tr
|
|
|
21
20
|
|
|
22
21
|
By default, tokens values should be unitless unless that unit is universal (such as percentages). Many PDS design tokens will be assigned a default unit type under the hood, but those unit designations will only be provided for the output formats where appropriate.
|
|
23
22
|
|
|
24
|
-
For example, CSS
|
|
23
|
+
For example, CSS variable tokens will be output with unit-specific values. While JSON output tokens will always be unitless. However, if a default unit is assigned it will be available via the `defaultUnit` key for any token object.
|
|
25
24
|
|
|
26
25
|
## Public and Private Tokens
|
|
27
26
|
|
|
28
|
-
All tokens are considered private unless specifically designated as public. All tokens may be accessed via JSON token files, but only public tokens will be output to CSS
|
|
27
|
+
All tokens are considered private unless specifically designated as public. All tokens may be accessed via JSON token files, but only public tokens will be output to CSS stylesheets.
|
|
29
28
|
|
|
30
29
|
We typically only designate tokens as public when they need to be available to override for theming purposes such as switching between light and dark mode or for other custom themes.
|
|
31
30
|
|
|
@@ -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: #504e62;
|
|
15
15
|
--pds-color-brand-accent-default: #de0093;
|
|
16
16
|
--pds-color-brand-primary-default: #ffdc28;
|
|
17
17
|
--pds-color-brand-secondary-default: #8a70ff;
|
|
@@ -108,11 +108,9 @@
|
|
|
108
108
|
--pds-color-panel-default-background: var(--pds-color-background-default);
|
|
109
109
|
--pds-color-panel-default-border: var(--pds-color-border-default);
|
|
110
110
|
--pds-color-panel-overlay-background: #282839;
|
|
111
|
-
--pds-color-panel-overlay-border: #282839;
|
|
112
111
|
--pds-color-panel-raised-background: #282839;
|
|
113
112
|
--pds-color-panel-raised-border: var(--pds-color-border-default);
|
|
114
113
|
--pds-color-panel-sunken-background: #121219;
|
|
115
|
-
--pds-color-panel-sunken-border: #121219;
|
|
116
114
|
--pds-color-text-default: #ffffff;
|
|
117
115
|
--pds-color-text-default-secondary: #a6a3b4;
|
|
118
116
|
--pds-color-tile-background-active: #858299;
|
|
@@ -10,6 +10,8 @@
|
|
|
10
10
|
*/
|
|
11
11
|
|
|
12
12
|
:root {
|
|
13
|
+
--pds-color-expansion-panel-hover: #f1f1f1;
|
|
14
|
+
--pds-color-expansion-panel-open: #f1f1f1;
|
|
13
15
|
--pds-color-background-default: #ffffff;
|
|
14
16
|
--pds-color-border-default: #cfcfd3;
|
|
15
17
|
--pds-color-brand-accent-default: #de0093;
|
|
@@ -111,11 +113,8 @@
|
|
|
111
113
|
--pds-color-panel-default-background: var(--pds-color-background-default);
|
|
112
114
|
--pds-color-panel-default-border: var(--pds-color-border-default);
|
|
113
115
|
--pds-color-panel-overlay-background: var(--pds-color-background-default);
|
|
114
|
-
--pds-color-panel-overlay-border: var(--pds-color-border-default);
|
|
115
116
|
--pds-color-panel-raised-background: var(--pds-color-background-default);
|
|
116
|
-
--pds-color-panel-
|
|
117
|
-
--pds-color-panel-sunken-background: #f8f8f8;
|
|
118
|
-
--pds-color-panel-sunken-border: #f8f8f8;
|
|
117
|
+
--pds-color-panel-sunken-background: #f1f1f1;
|
|
119
118
|
--pds-color-text-default: #23232d;
|
|
120
119
|
--pds-color-text-default-secondary: #6d6d78;
|
|
121
120
|
--pds-color-tile-background-active: #f1f1f1;
|
|
@@ -17,5 +17,26 @@
|
|
|
17
17
|
--pds-border-radius-container: 0.375rem;
|
|
18
18
|
--pds-border-radius-default: 0.1875rem;
|
|
19
19
|
--pds-border-width-default: 1px;
|
|
20
|
+
--pds-grid-marketing-column-medium-large: 5.125%;
|
|
21
|
+
--pds-grid-marketing-column-small: 21.34375%;
|
|
22
|
+
--pds-grid-marketing-gap-medium-large: 3.5%;
|
|
23
|
+
--pds-grid-marketing-gap-small: 4.875%;
|
|
24
|
+
--pds-spacing-2xl: 1.953rem;
|
|
25
|
+
--pds-spacing-2xs: 0.512rem;
|
|
26
|
+
--pds-spacing-3xl: 2.441rem;
|
|
27
|
+
--pds-spacing-3xs: 0.41rem;
|
|
28
|
+
--pds-spacing-4xl: 3.052rem;
|
|
29
|
+
--pds-spacing-4xs: 0.328rem;
|
|
30
|
+
--pds-spacing-5xl: 3.815rem;
|
|
31
|
+
--pds-spacing-5xs: 0.25rem;
|
|
32
|
+
--pds-spacing-6xl: 4.678rem;
|
|
33
|
+
--pds-spacing-6xs: 0.125rem;
|
|
34
|
+
--pds-spacing-7xl: 5.96rem;
|
|
35
|
+
--pds-spacing-8xl: 7.451rem;
|
|
36
|
+
--pds-spacing-l: 1.25rem;
|
|
37
|
+
--pds-spacing-m: 1rem;
|
|
38
|
+
--pds-spacing-s: 0.8rem;
|
|
39
|
+
--pds-spacing-xl: 1.563rem;
|
|
40
|
+
--pds-spacing-xs: 0.64rem;
|
|
20
41
|
--pds-typography-font-default: 'Poppins', sans-serif;
|
|
21
42
|
}
|
|
@@ -3439,13 +3439,13 @@
|
|
|
3439
3439
|
},
|
|
3440
3440
|
"border": {
|
|
3441
3441
|
"default": {
|
|
3442
|
-
"value": "#
|
|
3442
|
+
"value": "#504e62",
|
|
3443
3443
|
"public": true,
|
|
3444
3444
|
"isReferenceToInternal": true,
|
|
3445
3445
|
"filePath": "tokens/color/alias/defaults.dark.json",
|
|
3446
3446
|
"isSource": true,
|
|
3447
3447
|
"original": {
|
|
3448
|
-
"value": "{color.dark-mode.neutral.
|
|
3448
|
+
"value": "{color.dark-mode.neutral.400.value}",
|
|
3449
3449
|
"public": true,
|
|
3450
3450
|
"isReferenceToInternal": true
|
|
3451
3451
|
},
|
|
@@ -4364,7 +4364,7 @@
|
|
|
4364
4364
|
]
|
|
4365
4365
|
},
|
|
4366
4366
|
"border": {
|
|
4367
|
-
"value": "#
|
|
4367
|
+
"value": "#504e62",
|
|
4368
4368
|
"public": true,
|
|
4369
4369
|
"filePath": "tokens/color/alias/panel.dark.json",
|
|
4370
4370
|
"isSource": true,
|
|
@@ -4416,33 +4416,6 @@
|
|
|
4416
4416
|
"sunken",
|
|
4417
4417
|
"background"
|
|
4418
4418
|
]
|
|
4419
|
-
},
|
|
4420
|
-
"border": {
|
|
4421
|
-
"value": "#121219",
|
|
4422
|
-
"public": true,
|
|
4423
|
-
"isReferenceToInternal": true,
|
|
4424
|
-
"filePath": "tokens/color/alias/panel.dark.json",
|
|
4425
|
-
"isSource": true,
|
|
4426
|
-
"original": {
|
|
4427
|
-
"value": "{color.dark-mode.neutral.700.value}",
|
|
4428
|
-
"public": true,
|
|
4429
|
-
"isReferenceToInternal": true
|
|
4430
|
-
},
|
|
4431
|
-
"name": "color-dark-mode-panel-sunken-border",
|
|
4432
|
-
"attributes": {
|
|
4433
|
-
"category": "color",
|
|
4434
|
-
"type": "dark-mode",
|
|
4435
|
-
"item": "panel",
|
|
4436
|
-
"subitem": "sunken",
|
|
4437
|
-
"state": "border"
|
|
4438
|
-
},
|
|
4439
|
-
"path": [
|
|
4440
|
-
"color",
|
|
4441
|
-
"dark-mode",
|
|
4442
|
-
"panel",
|
|
4443
|
-
"sunken",
|
|
4444
|
-
"border"
|
|
4445
|
-
]
|
|
4446
4419
|
}
|
|
4447
4420
|
},
|
|
4448
4421
|
"raised": {
|
|
@@ -4474,7 +4447,7 @@
|
|
|
4474
4447
|
]
|
|
4475
4448
|
},
|
|
4476
4449
|
"border": {
|
|
4477
|
-
"value": "#
|
|
4450
|
+
"value": "#504e62",
|
|
4478
4451
|
"public": true,
|
|
4479
4452
|
"filePath": "tokens/color/alias/panel.dark.json",
|
|
4480
4453
|
"isSource": true,
|
|
@@ -4526,33 +4499,6 @@
|
|
|
4526
4499
|
"overlay",
|
|
4527
4500
|
"background"
|
|
4528
4501
|
]
|
|
4529
|
-
},
|
|
4530
|
-
"border": {
|
|
4531
|
-
"value": "#282839",
|
|
4532
|
-
"public": true,
|
|
4533
|
-
"isReferenceToInternal": true,
|
|
4534
|
-
"filePath": "tokens/color/alias/panel.dark.json",
|
|
4535
|
-
"isSource": true,
|
|
4536
|
-
"original": {
|
|
4537
|
-
"value": "{color.dark-mode.neutral.500.value}",
|
|
4538
|
-
"public": true,
|
|
4539
|
-
"isReferenceToInternal": true
|
|
4540
|
-
},
|
|
4541
|
-
"name": "color-dark-mode-panel-overlay-border",
|
|
4542
|
-
"attributes": {
|
|
4543
|
-
"category": "color",
|
|
4544
|
-
"type": "dark-mode",
|
|
4545
|
-
"item": "panel",
|
|
4546
|
-
"subitem": "overlay",
|
|
4547
|
-
"state": "border"
|
|
4548
|
-
},
|
|
4549
|
-
"path": [
|
|
4550
|
-
"color",
|
|
4551
|
-
"dark-mode",
|
|
4552
|
-
"panel",
|
|
4553
|
-
"overlay",
|
|
4554
|
-
"border"
|
|
4555
|
-
]
|
|
4556
4502
|
}
|
|
4557
4503
|
}
|
|
4558
4504
|
},
|
|
@@ -8904,13 +8850,13 @@
|
|
|
8904
8850
|
},
|
|
8905
8851
|
"sunken": {
|
|
8906
8852
|
"background": {
|
|
8907
|
-
"value": "#
|
|
8853
|
+
"value": "#f1f1f1",
|
|
8908
8854
|
"public": true,
|
|
8909
8855
|
"isReferenceToInternal": true,
|
|
8910
8856
|
"filePath": "tokens/color/alias/panel.light.json",
|
|
8911
8857
|
"isSource": true,
|
|
8912
8858
|
"original": {
|
|
8913
|
-
"value": "{color.light-mode.neutral.
|
|
8859
|
+
"value": "{color.light-mode.neutral.200.value}",
|
|
8914
8860
|
"public": true,
|
|
8915
8861
|
"isReferenceToInternal": true
|
|
8916
8862
|
},
|
|
@@ -8929,33 +8875,6 @@
|
|
|
8929
8875
|
"sunken",
|
|
8930
8876
|
"background"
|
|
8931
8877
|
]
|
|
8932
|
-
},
|
|
8933
|
-
"border": {
|
|
8934
|
-
"value": "#f8f8f8",
|
|
8935
|
-
"public": true,
|
|
8936
|
-
"isReferenceToInternal": true,
|
|
8937
|
-
"filePath": "tokens/color/alias/panel.light.json",
|
|
8938
|
-
"isSource": true,
|
|
8939
|
-
"original": {
|
|
8940
|
-
"value": "{color.light-mode.neutral.100.value}",
|
|
8941
|
-
"public": true,
|
|
8942
|
-
"isReferenceToInternal": true
|
|
8943
|
-
},
|
|
8944
|
-
"name": "color-light-mode-panel-sunken-border",
|
|
8945
|
-
"attributes": {
|
|
8946
|
-
"category": "color",
|
|
8947
|
-
"type": "light-mode",
|
|
8948
|
-
"item": "panel",
|
|
8949
|
-
"subitem": "sunken",
|
|
8950
|
-
"state": "border"
|
|
8951
|
-
},
|
|
8952
|
-
"path": [
|
|
8953
|
-
"color",
|
|
8954
|
-
"light-mode",
|
|
8955
|
-
"panel",
|
|
8956
|
-
"sunken",
|
|
8957
|
-
"border"
|
|
8958
|
-
]
|
|
8959
8878
|
}
|
|
8960
8879
|
},
|
|
8961
8880
|
"raised": {
|
|
@@ -8983,31 +8902,6 @@
|
|
|
8983
8902
|
"raised",
|
|
8984
8903
|
"background"
|
|
8985
8904
|
]
|
|
8986
|
-
},
|
|
8987
|
-
"border": {
|
|
8988
|
-
"value": "#cfcfd3",
|
|
8989
|
-
"public": true,
|
|
8990
|
-
"filePath": "tokens/color/alias/panel.light.json",
|
|
8991
|
-
"isSource": true,
|
|
8992
|
-
"original": {
|
|
8993
|
-
"value": "{color.light-mode.border.default}",
|
|
8994
|
-
"public": true
|
|
8995
|
-
},
|
|
8996
|
-
"name": "color-light-mode-panel-raised-border",
|
|
8997
|
-
"attributes": {
|
|
8998
|
-
"category": "color",
|
|
8999
|
-
"type": "light-mode",
|
|
9000
|
-
"item": "panel",
|
|
9001
|
-
"subitem": "raised",
|
|
9002
|
-
"state": "border"
|
|
9003
|
-
},
|
|
9004
|
-
"path": [
|
|
9005
|
-
"color",
|
|
9006
|
-
"light-mode",
|
|
9007
|
-
"panel",
|
|
9008
|
-
"raised",
|
|
9009
|
-
"border"
|
|
9010
|
-
]
|
|
9011
8905
|
}
|
|
9012
8906
|
},
|
|
9013
8907
|
"overlay": {
|
|
@@ -9035,31 +8929,6 @@
|
|
|
9035
8929
|
"overlay",
|
|
9036
8930
|
"background"
|
|
9037
8931
|
]
|
|
9038
|
-
},
|
|
9039
|
-
"border": {
|
|
9040
|
-
"value": "#cfcfd3",
|
|
9041
|
-
"public": true,
|
|
9042
|
-
"filePath": "tokens/color/alias/panel.light.json",
|
|
9043
|
-
"isSource": true,
|
|
9044
|
-
"original": {
|
|
9045
|
-
"value": "{color.light-mode.border.default}",
|
|
9046
|
-
"public": true
|
|
9047
|
-
},
|
|
9048
|
-
"name": "color-light-mode-panel-overlay-border",
|
|
9049
|
-
"attributes": {
|
|
9050
|
-
"category": "color",
|
|
9051
|
-
"type": "light-mode",
|
|
9052
|
-
"item": "panel",
|
|
9053
|
-
"subitem": "overlay",
|
|
9054
|
-
"state": "border"
|
|
9055
|
-
},
|
|
9056
|
-
"path": [
|
|
9057
|
-
"color",
|
|
9058
|
-
"light-mode",
|
|
9059
|
-
"panel",
|
|
9060
|
-
"overlay",
|
|
9061
|
-
"border"
|
|
9062
|
-
]
|
|
9063
8932
|
}
|
|
9064
8933
|
}
|
|
9065
8934
|
},
|
|
@@ -10603,6 +10472,54 @@
|
|
|
10603
10472
|
}
|
|
10604
10473
|
}
|
|
10605
10474
|
}
|
|
10475
|
+
},
|
|
10476
|
+
"expansion-panel": {
|
|
10477
|
+
"hover": {
|
|
10478
|
+
"value": "#f1f1f1",
|
|
10479
|
+
"public": true,
|
|
10480
|
+
"isReferenceToInternal": true,
|
|
10481
|
+
"filePath": "tokens/color/alias/panel.light.json",
|
|
10482
|
+
"isSource": true,
|
|
10483
|
+
"original": {
|
|
10484
|
+
"value": "{color.light-mode.neutral.200.value}",
|
|
10485
|
+
"public": true,
|
|
10486
|
+
"isReferenceToInternal": true
|
|
10487
|
+
},
|
|
10488
|
+
"name": "color-expansion-panel-hover",
|
|
10489
|
+
"attributes": {
|
|
10490
|
+
"category": "color",
|
|
10491
|
+
"type": "expansion-panel",
|
|
10492
|
+
"item": "hover"
|
|
10493
|
+
},
|
|
10494
|
+
"path": [
|
|
10495
|
+
"color",
|
|
10496
|
+
"expansion-panel",
|
|
10497
|
+
"hover"
|
|
10498
|
+
]
|
|
10499
|
+
},
|
|
10500
|
+
"open": {
|
|
10501
|
+
"value": "#f1f1f1",
|
|
10502
|
+
"public": true,
|
|
10503
|
+
"isReferenceToInternal": true,
|
|
10504
|
+
"filePath": "tokens/color/alias/panel.light.json",
|
|
10505
|
+
"isSource": true,
|
|
10506
|
+
"original": {
|
|
10507
|
+
"value": "{color.light-mode.neutral.200.value}",
|
|
10508
|
+
"public": true,
|
|
10509
|
+
"isReferenceToInternal": true
|
|
10510
|
+
},
|
|
10511
|
+
"name": "color-expansion-panel-open",
|
|
10512
|
+
"attributes": {
|
|
10513
|
+
"category": "color",
|
|
10514
|
+
"type": "expansion-panel",
|
|
10515
|
+
"item": "open"
|
|
10516
|
+
},
|
|
10517
|
+
"path": [
|
|
10518
|
+
"color",
|
|
10519
|
+
"expansion-panel",
|
|
10520
|
+
"open"
|
|
10521
|
+
]
|
|
10522
|
+
}
|
|
10606
10523
|
}
|
|
10607
10524
|
},
|
|
10608
10525
|
"elevation": {
|
|
@@ -1615,13 +1615,13 @@
|
|
|
1615
1615
|
},
|
|
1616
1616
|
"border": {
|
|
1617
1617
|
"default": {
|
|
1618
|
-
"value": "#
|
|
1618
|
+
"value": "#504e62",
|
|
1619
1619
|
"public": true,
|
|
1620
1620
|
"isReferenceToInternal": true,
|
|
1621
1621
|
"filePath": "tokens/color/alias/defaults.dark.json",
|
|
1622
1622
|
"isSource": true,
|
|
1623
1623
|
"original": {
|
|
1624
|
-
"value": "{color.dark-mode.neutral.
|
|
1624
|
+
"value": "{color.dark-mode.neutral.400.value}",
|
|
1625
1625
|
"public": true,
|
|
1626
1626
|
"isReferenceToInternal": true
|
|
1627
1627
|
},
|
|
@@ -2540,7 +2540,7 @@
|
|
|
2540
2540
|
]
|
|
2541
2541
|
},
|
|
2542
2542
|
"border": {
|
|
2543
|
-
"value": "#
|
|
2543
|
+
"value": "#504e62",
|
|
2544
2544
|
"public": true,
|
|
2545
2545
|
"filePath": "tokens/color/alias/panel.dark.json",
|
|
2546
2546
|
"isSource": true,
|
|
@@ -2592,33 +2592,6 @@
|
|
|
2592
2592
|
"sunken",
|
|
2593
2593
|
"background"
|
|
2594
2594
|
]
|
|
2595
|
-
},
|
|
2596
|
-
"border": {
|
|
2597
|
-
"value": "#121219",
|
|
2598
|
-
"public": true,
|
|
2599
|
-
"isReferenceToInternal": true,
|
|
2600
|
-
"filePath": "tokens/color/alias/panel.dark.json",
|
|
2601
|
-
"isSource": true,
|
|
2602
|
-
"original": {
|
|
2603
|
-
"value": "{color.dark-mode.neutral.700.value}",
|
|
2604
|
-
"public": true,
|
|
2605
|
-
"isReferenceToInternal": true
|
|
2606
|
-
},
|
|
2607
|
-
"name": "color-dark-mode-panel-sunken-border",
|
|
2608
|
-
"attributes": {
|
|
2609
|
-
"category": "color",
|
|
2610
|
-
"type": "dark-mode",
|
|
2611
|
-
"item": "panel",
|
|
2612
|
-
"subitem": "sunken",
|
|
2613
|
-
"state": "border"
|
|
2614
|
-
},
|
|
2615
|
-
"path": [
|
|
2616
|
-
"color",
|
|
2617
|
-
"dark-mode",
|
|
2618
|
-
"panel",
|
|
2619
|
-
"sunken",
|
|
2620
|
-
"border"
|
|
2621
|
-
]
|
|
2622
2595
|
}
|
|
2623
2596
|
},
|
|
2624
2597
|
"raised": {
|
|
@@ -2650,7 +2623,7 @@
|
|
|
2650
2623
|
]
|
|
2651
2624
|
},
|
|
2652
2625
|
"border": {
|
|
2653
|
-
"value": "#
|
|
2626
|
+
"value": "#504e62",
|
|
2654
2627
|
"public": true,
|
|
2655
2628
|
"filePath": "tokens/color/alias/panel.dark.json",
|
|
2656
2629
|
"isSource": true,
|
|
@@ -2702,33 +2675,6 @@
|
|
|
2702
2675
|
"overlay",
|
|
2703
2676
|
"background"
|
|
2704
2677
|
]
|
|
2705
|
-
},
|
|
2706
|
-
"border": {
|
|
2707
|
-
"value": "#282839",
|
|
2708
|
-
"public": true,
|
|
2709
|
-
"isReferenceToInternal": true,
|
|
2710
|
-
"filePath": "tokens/color/alias/panel.dark.json",
|
|
2711
|
-
"isSource": true,
|
|
2712
|
-
"original": {
|
|
2713
|
-
"value": "{color.dark-mode.neutral.500.value}",
|
|
2714
|
-
"public": true,
|
|
2715
|
-
"isReferenceToInternal": true
|
|
2716
|
-
},
|
|
2717
|
-
"name": "color-dark-mode-panel-overlay-border",
|
|
2718
|
-
"attributes": {
|
|
2719
|
-
"category": "color",
|
|
2720
|
-
"type": "dark-mode",
|
|
2721
|
-
"item": "panel",
|
|
2722
|
-
"subitem": "overlay",
|
|
2723
|
-
"state": "border"
|
|
2724
|
-
},
|
|
2725
|
-
"path": [
|
|
2726
|
-
"color",
|
|
2727
|
-
"dark-mode",
|
|
2728
|
-
"panel",
|
|
2729
|
-
"overlay",
|
|
2730
|
-
"border"
|
|
2731
|
-
]
|
|
2732
2678
|
}
|
|
2733
2679
|
}
|
|
2734
2680
|
},
|
|
@@ -4497,4 +4443,4 @@
|
|
|
4497
4443
|
}
|
|
4498
4444
|
}
|
|
4499
4445
|
}
|
|
4500
|
-
}
|
|
4446
|
+
}
|
|
@@ -2652,13 +2652,13 @@
|
|
|
2652
2652
|
},
|
|
2653
2653
|
"sunken": {
|
|
2654
2654
|
"background": {
|
|
2655
|
-
"value": "#
|
|
2655
|
+
"value": "#f1f1f1",
|
|
2656
2656
|
"public": true,
|
|
2657
2657
|
"isReferenceToInternal": true,
|
|
2658
2658
|
"filePath": "tokens/color/alias/panel.light.json",
|
|
2659
2659
|
"isSource": true,
|
|
2660
2660
|
"original": {
|
|
2661
|
-
"value": "{color.light-mode.neutral.
|
|
2661
|
+
"value": "{color.light-mode.neutral.200.value}",
|
|
2662
2662
|
"public": true,
|
|
2663
2663
|
"isReferenceToInternal": true
|
|
2664
2664
|
},
|
|
@@ -2677,33 +2677,6 @@
|
|
|
2677
2677
|
"sunken",
|
|
2678
2678
|
"background"
|
|
2679
2679
|
]
|
|
2680
|
-
},
|
|
2681
|
-
"border": {
|
|
2682
|
-
"value": "#f8f8f8",
|
|
2683
|
-
"public": true,
|
|
2684
|
-
"isReferenceToInternal": true,
|
|
2685
|
-
"filePath": "tokens/color/alias/panel.light.json",
|
|
2686
|
-
"isSource": true,
|
|
2687
|
-
"original": {
|
|
2688
|
-
"value": "{color.light-mode.neutral.100.value}",
|
|
2689
|
-
"public": true,
|
|
2690
|
-
"isReferenceToInternal": true
|
|
2691
|
-
},
|
|
2692
|
-
"name": "color-light-mode-panel-sunken-border",
|
|
2693
|
-
"attributes": {
|
|
2694
|
-
"category": "color",
|
|
2695
|
-
"type": "light-mode",
|
|
2696
|
-
"item": "panel",
|
|
2697
|
-
"subitem": "sunken",
|
|
2698
|
-
"state": "border"
|
|
2699
|
-
},
|
|
2700
|
-
"path": [
|
|
2701
|
-
"color",
|
|
2702
|
-
"light-mode",
|
|
2703
|
-
"panel",
|
|
2704
|
-
"sunken",
|
|
2705
|
-
"border"
|
|
2706
|
-
]
|
|
2707
2680
|
}
|
|
2708
2681
|
},
|
|
2709
2682
|
"raised": {
|
|
@@ -2731,31 +2704,6 @@
|
|
|
2731
2704
|
"raised",
|
|
2732
2705
|
"background"
|
|
2733
2706
|
]
|
|
2734
|
-
},
|
|
2735
|
-
"border": {
|
|
2736
|
-
"value": "#cfcfd3",
|
|
2737
|
-
"public": true,
|
|
2738
|
-
"filePath": "tokens/color/alias/panel.light.json",
|
|
2739
|
-
"isSource": true,
|
|
2740
|
-
"original": {
|
|
2741
|
-
"value": "{color.light-mode.border.default}",
|
|
2742
|
-
"public": true
|
|
2743
|
-
},
|
|
2744
|
-
"name": "color-light-mode-panel-raised-border",
|
|
2745
|
-
"attributes": {
|
|
2746
|
-
"category": "color",
|
|
2747
|
-
"type": "light-mode",
|
|
2748
|
-
"item": "panel",
|
|
2749
|
-
"subitem": "raised",
|
|
2750
|
-
"state": "border"
|
|
2751
|
-
},
|
|
2752
|
-
"path": [
|
|
2753
|
-
"color",
|
|
2754
|
-
"light-mode",
|
|
2755
|
-
"panel",
|
|
2756
|
-
"raised",
|
|
2757
|
-
"border"
|
|
2758
|
-
]
|
|
2759
2707
|
}
|
|
2760
2708
|
},
|
|
2761
2709
|
"overlay": {
|
|
@@ -2783,31 +2731,6 @@
|
|
|
2783
2731
|
"overlay",
|
|
2784
2732
|
"background"
|
|
2785
2733
|
]
|
|
2786
|
-
},
|
|
2787
|
-
"border": {
|
|
2788
|
-
"value": "#cfcfd3",
|
|
2789
|
-
"public": true,
|
|
2790
|
-
"filePath": "tokens/color/alias/panel.light.json",
|
|
2791
|
-
"isSource": true,
|
|
2792
|
-
"original": {
|
|
2793
|
-
"value": "{color.light-mode.border.default}",
|
|
2794
|
-
"public": true
|
|
2795
|
-
},
|
|
2796
|
-
"name": "color-light-mode-panel-overlay-border",
|
|
2797
|
-
"attributes": {
|
|
2798
|
-
"category": "color",
|
|
2799
|
-
"type": "light-mode",
|
|
2800
|
-
"item": "panel",
|
|
2801
|
-
"subitem": "overlay",
|
|
2802
|
-
"state": "border"
|
|
2803
|
-
},
|
|
2804
|
-
"path": [
|
|
2805
|
-
"color",
|
|
2806
|
-
"light-mode",
|
|
2807
|
-
"panel",
|
|
2808
|
-
"overlay",
|
|
2809
|
-
"border"
|
|
2810
|
-
]
|
|
2811
2734
|
}
|
|
2812
2735
|
}
|
|
2813
2736
|
},
|
|
@@ -4351,6 +4274,54 @@
|
|
|
4351
4274
|
}
|
|
4352
4275
|
}
|
|
4353
4276
|
}
|
|
4277
|
+
},
|
|
4278
|
+
"expansion-panel": {
|
|
4279
|
+
"hover": {
|
|
4280
|
+
"value": "#f1f1f1",
|
|
4281
|
+
"public": true,
|
|
4282
|
+
"isReferenceToInternal": true,
|
|
4283
|
+
"filePath": "tokens/color/alias/panel.light.json",
|
|
4284
|
+
"isSource": true,
|
|
4285
|
+
"original": {
|
|
4286
|
+
"value": "{color.light-mode.neutral.200.value}",
|
|
4287
|
+
"public": true,
|
|
4288
|
+
"isReferenceToInternal": true
|
|
4289
|
+
},
|
|
4290
|
+
"name": "color-expansion-panel-hover",
|
|
4291
|
+
"attributes": {
|
|
4292
|
+
"category": "color",
|
|
4293
|
+
"type": "expansion-panel",
|
|
4294
|
+
"item": "hover"
|
|
4295
|
+
},
|
|
4296
|
+
"path": [
|
|
4297
|
+
"color",
|
|
4298
|
+
"expansion-panel",
|
|
4299
|
+
"hover"
|
|
4300
|
+
]
|
|
4301
|
+
},
|
|
4302
|
+
"open": {
|
|
4303
|
+
"value": "#f1f1f1",
|
|
4304
|
+
"public": true,
|
|
4305
|
+
"isReferenceToInternal": true,
|
|
4306
|
+
"filePath": "tokens/color/alias/panel.light.json",
|
|
4307
|
+
"isSource": true,
|
|
4308
|
+
"original": {
|
|
4309
|
+
"value": "{color.light-mode.neutral.200.value}",
|
|
4310
|
+
"public": true,
|
|
4311
|
+
"isReferenceToInternal": true
|
|
4312
|
+
},
|
|
4313
|
+
"name": "color-expansion-panel-open",
|
|
4314
|
+
"attributes": {
|
|
4315
|
+
"category": "color",
|
|
4316
|
+
"type": "expansion-panel",
|
|
4317
|
+
"item": "open"
|
|
4318
|
+
},
|
|
4319
|
+
"path": [
|
|
4320
|
+
"color",
|
|
4321
|
+
"expansion-panel",
|
|
4322
|
+
"open"
|
|
4323
|
+
]
|
|
4324
|
+
}
|
|
4354
4325
|
}
|
|
4355
4326
|
},
|
|
4356
4327
|
"elevation": {
|
|
@@ -4437,4 +4408,4 @@
|
|
|
4437
4408
|
}
|
|
4438
4409
|
}
|
|
4439
4410
|
}
|
|
4440
|
-
}
|
|
4411
|
+
}
|
|
@@ -357,38 +357,117 @@
|
|
|
357
357
|
"gap"
|
|
358
358
|
]
|
|
359
359
|
}
|
|
360
|
+
},
|
|
361
|
+
"marketing": {
|
|
362
|
+
"column": {
|
|
363
|
+
"small": {
|
|
364
|
+
"value": "21.34375%",
|
|
365
|
+
"public": true,
|
|
366
|
+
"filePath": "tokens/grid/base.json",
|
|
367
|
+
"isSource": true,
|
|
368
|
+
"original": {
|
|
369
|
+
"value": "21.34375%",
|
|
370
|
+
"public": true
|
|
371
|
+
},
|
|
372
|
+
"name": "grid-marketing-column-small",
|
|
373
|
+
"attributes": {
|
|
374
|
+
"category": "grid",
|
|
375
|
+
"type": "marketing",
|
|
376
|
+
"item": "column",
|
|
377
|
+
"subitem": "small"
|
|
378
|
+
},
|
|
379
|
+
"path": [
|
|
380
|
+
"grid",
|
|
381
|
+
"marketing",
|
|
382
|
+
"column",
|
|
383
|
+
"small"
|
|
384
|
+
]
|
|
385
|
+
},
|
|
386
|
+
"medium-large": {
|
|
387
|
+
"value": "5.125%",
|
|
388
|
+
"public": true,
|
|
389
|
+
"filePath": "tokens/grid/base.json",
|
|
390
|
+
"isSource": true,
|
|
391
|
+
"original": {
|
|
392
|
+
"value": "5.125%",
|
|
393
|
+
"public": true
|
|
394
|
+
},
|
|
395
|
+
"name": "grid-marketing-column-medium-large",
|
|
396
|
+
"attributes": {
|
|
397
|
+
"category": "grid",
|
|
398
|
+
"type": "marketing",
|
|
399
|
+
"item": "column",
|
|
400
|
+
"subitem": "medium-large"
|
|
401
|
+
},
|
|
402
|
+
"path": [
|
|
403
|
+
"grid",
|
|
404
|
+
"marketing",
|
|
405
|
+
"column",
|
|
406
|
+
"medium-large"
|
|
407
|
+
]
|
|
408
|
+
}
|
|
409
|
+
},
|
|
410
|
+
"gap": {
|
|
411
|
+
"small": {
|
|
412
|
+
"value": "4.875%",
|
|
413
|
+
"public": true,
|
|
414
|
+
"filePath": "tokens/grid/base.json",
|
|
415
|
+
"isSource": true,
|
|
416
|
+
"original": {
|
|
417
|
+
"value": "4.875%",
|
|
418
|
+
"public": true
|
|
419
|
+
},
|
|
420
|
+
"name": "grid-marketing-gap-small",
|
|
421
|
+
"attributes": {
|
|
422
|
+
"category": "grid",
|
|
423
|
+
"type": "marketing",
|
|
424
|
+
"item": "gap",
|
|
425
|
+
"subitem": "small"
|
|
426
|
+
},
|
|
427
|
+
"path": [
|
|
428
|
+
"grid",
|
|
429
|
+
"marketing",
|
|
430
|
+
"gap",
|
|
431
|
+
"small"
|
|
432
|
+
]
|
|
433
|
+
},
|
|
434
|
+
"medium-large": {
|
|
435
|
+
"value": "3.5%",
|
|
436
|
+
"public": true,
|
|
437
|
+
"filePath": "tokens/grid/base.json",
|
|
438
|
+
"isSource": true,
|
|
439
|
+
"original": {
|
|
440
|
+
"value": "3.5%",
|
|
441
|
+
"public": true
|
|
442
|
+
},
|
|
443
|
+
"name": "grid-marketing-gap-medium-large",
|
|
444
|
+
"attributes": {
|
|
445
|
+
"category": "grid",
|
|
446
|
+
"type": "marketing",
|
|
447
|
+
"item": "gap",
|
|
448
|
+
"subitem": "medium-large"
|
|
449
|
+
},
|
|
450
|
+
"path": [
|
|
451
|
+
"grid",
|
|
452
|
+
"marketing",
|
|
453
|
+
"gap",
|
|
454
|
+
"medium-large"
|
|
455
|
+
]
|
|
456
|
+
}
|
|
457
|
+
}
|
|
360
458
|
}
|
|
361
459
|
},
|
|
362
460
|
"spacing": {
|
|
363
|
-
"scale-ratio": {
|
|
364
|
-
"value": "1.25",
|
|
365
|
-
"comment": "Base ratio/multiplier",
|
|
366
|
-
"filePath": "tokens/spacing/base.json",
|
|
367
|
-
"isSource": true,
|
|
368
|
-
"original": {
|
|
369
|
-
"value": "1.25",
|
|
370
|
-
"comment": "Base ratio/multiplier"
|
|
371
|
-
},
|
|
372
|
-
"name": "spacing-scale-ratio",
|
|
373
|
-
"attributes": {
|
|
374
|
-
"category": "spacing",
|
|
375
|
-
"type": "scale-ratio"
|
|
376
|
-
},
|
|
377
|
-
"path": [
|
|
378
|
-
"spacing",
|
|
379
|
-
"scale-ratio"
|
|
380
|
-
]
|
|
381
|
-
},
|
|
382
461
|
"8XL": {
|
|
383
462
|
"value": "7.451",
|
|
384
|
-
"formula": "1.25**7",
|
|
385
463
|
"defaultUnit": "rem",
|
|
464
|
+
"public": true,
|
|
386
465
|
"filePath": "tokens/spacing/base.json",
|
|
387
466
|
"isSource": true,
|
|
388
467
|
"original": {
|
|
389
468
|
"value": "7.451",
|
|
390
|
-
"
|
|
391
|
-
"
|
|
469
|
+
"defaultUnit": "rem",
|
|
470
|
+
"public": true
|
|
392
471
|
},
|
|
393
472
|
"name": "spacing-8-xl",
|
|
394
473
|
"attributes": {
|
|
@@ -402,14 +481,14 @@
|
|
|
402
481
|
},
|
|
403
482
|
"7XL": {
|
|
404
483
|
"value": "5.96",
|
|
405
|
-
"formula": "1.25**7",
|
|
406
484
|
"defaultUnit": "rem",
|
|
485
|
+
"public": true,
|
|
407
486
|
"filePath": "tokens/spacing/base.json",
|
|
408
487
|
"isSource": true,
|
|
409
488
|
"original": {
|
|
410
489
|
"value": "5.96",
|
|
411
|
-
"
|
|
412
|
-
"
|
|
490
|
+
"defaultUnit": "rem",
|
|
491
|
+
"public": true
|
|
413
492
|
},
|
|
414
493
|
"name": "spacing-7-xl",
|
|
415
494
|
"attributes": {
|
|
@@ -423,14 +502,14 @@
|
|
|
423
502
|
},
|
|
424
503
|
"6XL": {
|
|
425
504
|
"value": "4.678",
|
|
426
|
-
"formula": "1.25**7",
|
|
427
505
|
"defaultUnit": "rem",
|
|
506
|
+
"public": true,
|
|
428
507
|
"filePath": "tokens/spacing/base.json",
|
|
429
508
|
"isSource": true,
|
|
430
509
|
"original": {
|
|
431
510
|
"value": "4.678",
|
|
432
|
-
"
|
|
433
|
-
"
|
|
511
|
+
"defaultUnit": "rem",
|
|
512
|
+
"public": true
|
|
434
513
|
},
|
|
435
514
|
"name": "spacing-6-xl",
|
|
436
515
|
"attributes": {
|
|
@@ -444,14 +523,14 @@
|
|
|
444
523
|
},
|
|
445
524
|
"5XL": {
|
|
446
525
|
"value": "3.815",
|
|
447
|
-
"formula": "1.25**6",
|
|
448
526
|
"defaultUnit": "rem",
|
|
527
|
+
"public": true,
|
|
449
528
|
"filePath": "tokens/spacing/base.json",
|
|
450
529
|
"isSource": true,
|
|
451
530
|
"original": {
|
|
452
531
|
"value": "3.815",
|
|
453
|
-
"
|
|
454
|
-
"
|
|
532
|
+
"defaultUnit": "rem",
|
|
533
|
+
"public": true
|
|
455
534
|
},
|
|
456
535
|
"name": "spacing-5-xl",
|
|
457
536
|
"attributes": {
|
|
@@ -465,14 +544,14 @@
|
|
|
465
544
|
},
|
|
466
545
|
"4XL": {
|
|
467
546
|
"value": "3.052",
|
|
468
|
-
"formula": "1.25**5",
|
|
469
547
|
"defaultUnit": "rem",
|
|
548
|
+
"public": true,
|
|
470
549
|
"filePath": "tokens/spacing/base.json",
|
|
471
550
|
"isSource": true,
|
|
472
551
|
"original": {
|
|
473
552
|
"value": "3.052",
|
|
474
|
-
"
|
|
475
|
-
"
|
|
553
|
+
"defaultUnit": "rem",
|
|
554
|
+
"public": true
|
|
476
555
|
},
|
|
477
556
|
"name": "spacing-4-xl",
|
|
478
557
|
"attributes": {
|
|
@@ -486,14 +565,14 @@
|
|
|
486
565
|
},
|
|
487
566
|
"3XL": {
|
|
488
567
|
"value": "2.441",
|
|
489
|
-
"formula": "1.25**4",
|
|
490
568
|
"defaultUnit": "rem",
|
|
569
|
+
"public": true,
|
|
491
570
|
"filePath": "tokens/spacing/base.json",
|
|
492
571
|
"isSource": true,
|
|
493
572
|
"original": {
|
|
494
573
|
"value": "2.441",
|
|
495
|
-
"
|
|
496
|
-
"
|
|
574
|
+
"defaultUnit": "rem",
|
|
575
|
+
"public": true
|
|
497
576
|
},
|
|
498
577
|
"name": "spacing-3-xl",
|
|
499
578
|
"attributes": {
|
|
@@ -507,14 +586,14 @@
|
|
|
507
586
|
},
|
|
508
587
|
"2XL": {
|
|
509
588
|
"value": "1.953",
|
|
510
|
-
"formula": "1.25**3",
|
|
511
589
|
"defaultUnit": "rem",
|
|
590
|
+
"public": true,
|
|
512
591
|
"filePath": "tokens/spacing/base.json",
|
|
513
592
|
"isSource": true,
|
|
514
593
|
"original": {
|
|
515
594
|
"value": "1.953",
|
|
516
|
-
"
|
|
517
|
-
"
|
|
595
|
+
"defaultUnit": "rem",
|
|
596
|
+
"public": true
|
|
518
597
|
},
|
|
519
598
|
"name": "spacing-2-xl",
|
|
520
599
|
"attributes": {
|
|
@@ -528,14 +607,14 @@
|
|
|
528
607
|
},
|
|
529
608
|
"XL": {
|
|
530
609
|
"value": "1.563",
|
|
531
|
-
"formula": "1.25**2",
|
|
532
610
|
"defaultUnit": "rem",
|
|
611
|
+
"public": true,
|
|
533
612
|
"filePath": "tokens/spacing/base.json",
|
|
534
613
|
"isSource": true,
|
|
535
614
|
"original": {
|
|
536
615
|
"value": "1.563",
|
|
537
|
-
"
|
|
538
|
-
"
|
|
616
|
+
"defaultUnit": "rem",
|
|
617
|
+
"public": true
|
|
539
618
|
},
|
|
540
619
|
"name": "spacing-xl",
|
|
541
620
|
"attributes": {
|
|
@@ -549,14 +628,14 @@
|
|
|
549
628
|
},
|
|
550
629
|
"L": {
|
|
551
630
|
"value": "1.25",
|
|
552
|
-
"formula": "1.25**1",
|
|
553
631
|
"defaultUnit": "rem",
|
|
632
|
+
"public": true,
|
|
554
633
|
"filePath": "tokens/spacing/base.json",
|
|
555
634
|
"isSource": true,
|
|
556
635
|
"original": {
|
|
557
636
|
"value": "1.25",
|
|
558
|
-
"
|
|
559
|
-
"
|
|
637
|
+
"defaultUnit": "rem",
|
|
638
|
+
"public": true
|
|
560
639
|
},
|
|
561
640
|
"name": "spacing-l",
|
|
562
641
|
"attributes": {
|
|
@@ -571,11 +650,13 @@
|
|
|
571
650
|
"M": {
|
|
572
651
|
"value": "1",
|
|
573
652
|
"defaultUnit": "rem",
|
|
653
|
+
"public": true,
|
|
574
654
|
"filePath": "tokens/spacing/base.json",
|
|
575
655
|
"isSource": true,
|
|
576
656
|
"original": {
|
|
577
657
|
"value": "1",
|
|
578
|
-
"defaultUnit": "rem"
|
|
658
|
+
"defaultUnit": "rem",
|
|
659
|
+
"public": true
|
|
579
660
|
},
|
|
580
661
|
"name": "spacing-m",
|
|
581
662
|
"attributes": {
|
|
@@ -589,14 +670,14 @@
|
|
|
589
670
|
},
|
|
590
671
|
"S": {
|
|
591
672
|
"value": "0.8",
|
|
592
|
-
"formula": "1.25**-1",
|
|
593
673
|
"defaultUnit": "rem",
|
|
674
|
+
"public": true,
|
|
594
675
|
"filePath": "tokens/spacing/base.json",
|
|
595
676
|
"isSource": true,
|
|
596
677
|
"original": {
|
|
597
678
|
"value": "0.8",
|
|
598
|
-
"
|
|
599
|
-
"
|
|
679
|
+
"defaultUnit": "rem",
|
|
680
|
+
"public": true
|
|
600
681
|
},
|
|
601
682
|
"name": "spacing-s",
|
|
602
683
|
"attributes": {
|
|
@@ -610,14 +691,14 @@
|
|
|
610
691
|
},
|
|
611
692
|
"XS": {
|
|
612
693
|
"value": "0.64",
|
|
613
|
-
"formula": "1.25**-2",
|
|
614
694
|
"defaultUnit": "rem",
|
|
695
|
+
"public": true,
|
|
615
696
|
"filePath": "tokens/spacing/base.json",
|
|
616
697
|
"isSource": true,
|
|
617
698
|
"original": {
|
|
618
699
|
"value": "0.64",
|
|
619
|
-
"
|
|
620
|
-
"
|
|
700
|
+
"defaultUnit": "rem",
|
|
701
|
+
"public": true
|
|
621
702
|
},
|
|
622
703
|
"name": "spacing-xs",
|
|
623
704
|
"attributes": {
|
|
@@ -631,14 +712,14 @@
|
|
|
631
712
|
},
|
|
632
713
|
"2XS": {
|
|
633
714
|
"value": "0.512",
|
|
634
|
-
"formula": "1.25**-3",
|
|
635
715
|
"defaultUnit": "rem",
|
|
716
|
+
"public": true,
|
|
636
717
|
"filePath": "tokens/spacing/base.json",
|
|
637
718
|
"isSource": true,
|
|
638
719
|
"original": {
|
|
639
720
|
"value": "0.512",
|
|
640
|
-
"
|
|
641
|
-
"
|
|
721
|
+
"defaultUnit": "rem",
|
|
722
|
+
"public": true
|
|
642
723
|
},
|
|
643
724
|
"name": "spacing-2-xs",
|
|
644
725
|
"attributes": {
|
|
@@ -652,14 +733,14 @@
|
|
|
652
733
|
},
|
|
653
734
|
"3XS": {
|
|
654
735
|
"value": "0.41",
|
|
655
|
-
"formula": "1.25**-4",
|
|
656
736
|
"defaultUnit": "rem",
|
|
737
|
+
"public": true,
|
|
657
738
|
"filePath": "tokens/spacing/base.json",
|
|
658
739
|
"isSource": true,
|
|
659
740
|
"original": {
|
|
660
741
|
"value": "0.41",
|
|
661
|
-
"
|
|
662
|
-
"
|
|
742
|
+
"defaultUnit": "rem",
|
|
743
|
+
"public": true
|
|
663
744
|
},
|
|
664
745
|
"name": "spacing-3-xs",
|
|
665
746
|
"attributes": {
|
|
@@ -673,14 +754,14 @@
|
|
|
673
754
|
},
|
|
674
755
|
"4XS": {
|
|
675
756
|
"value": "0.328",
|
|
676
|
-
"formula": "1.25**-5",
|
|
677
757
|
"defaultUnit": "rem",
|
|
758
|
+
"public": true,
|
|
678
759
|
"filePath": "tokens/spacing/base.json",
|
|
679
760
|
"isSource": true,
|
|
680
761
|
"original": {
|
|
681
762
|
"value": "0.328",
|
|
682
|
-
"
|
|
683
|
-
"
|
|
763
|
+
"defaultUnit": "rem",
|
|
764
|
+
"public": true
|
|
684
765
|
},
|
|
685
766
|
"name": "spacing-4-xs",
|
|
686
767
|
"attributes": {
|
|
@@ -695,11 +776,13 @@
|
|
|
695
776
|
"5XS": {
|
|
696
777
|
"value": "0.25",
|
|
697
778
|
"defaultUnit": "rem",
|
|
779
|
+
"public": true,
|
|
698
780
|
"filePath": "tokens/spacing/base.json",
|
|
699
781
|
"isSource": true,
|
|
700
782
|
"original": {
|
|
701
783
|
"value": "0.25",
|
|
702
|
-
"defaultUnit": "rem"
|
|
784
|
+
"defaultUnit": "rem",
|
|
785
|
+
"public": true
|
|
703
786
|
},
|
|
704
787
|
"name": "spacing-5-xs",
|
|
705
788
|
"attributes": {
|
|
@@ -714,11 +797,13 @@
|
|
|
714
797
|
"6XS": {
|
|
715
798
|
"value": "0.125",
|
|
716
799
|
"defaultUnit": "rem",
|
|
800
|
+
"public": true,
|
|
717
801
|
"filePath": "tokens/spacing/base.json",
|
|
718
802
|
"isSource": true,
|
|
719
803
|
"original": {
|
|
720
804
|
"value": "0.125",
|
|
721
|
-
"defaultUnit": "rem"
|
|
805
|
+
"defaultUnit": "rem",
|
|
806
|
+
"public": true
|
|
722
807
|
},
|
|
723
808
|
"name": "spacing-6-xs",
|
|
724
809
|
"attributes": {
|
|
@@ -1317,4 +1402,4 @@
|
|
|
1317
1402
|
}
|
|
1318
1403
|
}
|
|
1319
1404
|
}
|
|
1320
|
-
}
|
|
1405
|
+
}
|
package/package.json
CHANGED
|
@@ -1,122 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
//
|
|
3
|
-
// Pantheon Systems
|
|
4
|
-
//
|
|
5
|
-
// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|
|
6
|
-
// !! DO NOT EDIT THIS FILE DIRECTLY !!
|
|
7
|
-
// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|
|
8
|
-
//
|
|
9
|
-
// This file has been generated automatically.
|
|
10
|
-
|
|
11
|
-
$pds-color-background-default: #1d1d29;
|
|
12
|
-
$pds-color-border-default: #858299;
|
|
13
|
-
$pds-color-brand-accent-default: #de0093;
|
|
14
|
-
$pds-color-brand-primary-default: #ffdc28;
|
|
15
|
-
$pds-color-brand-secondary-default: #8a70ff;
|
|
16
|
-
$pds-color-button-brand-background-active: #ddbd16;
|
|
17
|
-
$pds-color-button-brand-background-default: #ffdc28;
|
|
18
|
-
$pds-color-button-brand-background-hover: #ffe668;
|
|
19
|
-
$pds-color-button-brand-border-active: #ddbd16;
|
|
20
|
-
$pds-color-button-brand-border-default: #ffdc28;
|
|
21
|
-
$pds-color-button-brand-border-hover: #ffe668;
|
|
22
|
-
$pds-color-button-brand-foreground-active: #121219;
|
|
23
|
-
$pds-color-button-brand-foreground-default: #121219;
|
|
24
|
-
$pds-color-button-brand-foreground-hover: #121219;
|
|
25
|
-
$pds-color-button-brand-secondary-background-active: #282839;
|
|
26
|
-
$pds-color-button-brand-secondary-background-default: rgba(0, 0, 0, 0);
|
|
27
|
-
$pds-color-button-brand-secondary-background-hover: #504e62;
|
|
28
|
-
$pds-color-button-brand-secondary-border-active: #504e62;
|
|
29
|
-
$pds-color-button-brand-secondary-border-default: #a6a3b4;
|
|
30
|
-
$pds-color-button-brand-secondary-border-hover: #ffffff;
|
|
31
|
-
$pds-color-button-brand-secondary-foreground-active: #e7e7eb;
|
|
32
|
-
$pds-color-button-brand-secondary-foreground-default: #e7e7eb;
|
|
33
|
-
$pds-color-button-brand-secondary-foreground-hover: #ffffff;
|
|
34
|
-
$pds-color-button-critical-background-active: #9c2f2f;
|
|
35
|
-
$pds-color-button-critical-background-default: #e05757;
|
|
36
|
-
$pds-color-button-critical-background-hover: #be4242;
|
|
37
|
-
$pds-color-button-critical-border-active: #9c2f2f;
|
|
38
|
-
$pds-color-button-critical-border-default: #e05757;
|
|
39
|
-
$pds-color-button-critical-border-hover: #be4242;
|
|
40
|
-
$pds-color-button-critical-foreground-active: #ffffff;
|
|
41
|
-
$pds-color-button-critical-foreground-default: #ffffff;
|
|
42
|
-
$pds-color-button-critical-foreground-hover: #ffffff;
|
|
43
|
-
$pds-color-button-primary-background-active: #4e39a8;
|
|
44
|
-
$pds-color-button-primary-background-default: #8a70ff;
|
|
45
|
-
$pds-color-button-primary-background-hover: #ad9bff;
|
|
46
|
-
$pds-color-button-primary-border-active: #4e39a8;
|
|
47
|
-
$pds-color-button-primary-border-default: #8a70ff;
|
|
48
|
-
$pds-color-button-primary-border-hover: #ad9bff;
|
|
49
|
-
$pds-color-button-primary-foreground-active: #ffffff;
|
|
50
|
-
$pds-color-button-primary-foreground-default: #ffffff;
|
|
51
|
-
$pds-color-button-primary-foreground-hover: #ffffff;
|
|
52
|
-
$pds-color-button-secondary-background-active: #282839;
|
|
53
|
-
$pds-color-button-secondary-background-default: rgba(0, 0, 0, 0);
|
|
54
|
-
$pds-color-button-secondary-background-hover: #504e62;
|
|
55
|
-
$pds-color-button-secondary-border-active: #504e62;
|
|
56
|
-
$pds-color-button-secondary-border-default: #a6a3b4;
|
|
57
|
-
$pds-color-button-secondary-border-hover: #ffffff;
|
|
58
|
-
$pds-color-button-secondary-foreground-active: #e7e7eb;
|
|
59
|
-
$pds-color-button-secondary-foreground-default: #e7e7eb;
|
|
60
|
-
$pds-color-button-secondary-foreground-hover: #ffffff;
|
|
61
|
-
$pds-color-button-subtle-background-active: #282839;
|
|
62
|
-
$pds-color-button-subtle-background-default: rgba(0, 0, 0, 0);
|
|
63
|
-
$pds-color-button-subtle-background-hover: #504e62;
|
|
64
|
-
$pds-color-button-subtle-border-default: rgba(0, 0, 0, 0);
|
|
65
|
-
$pds-color-button-subtle-foreground-active: #e7e7eb;
|
|
66
|
-
$pds-color-button-subtle-foreground-default: #e7e7eb;
|
|
67
|
-
$pds-color-button-subtle-foreground-hover: #ffffff;
|
|
68
|
-
$pds-color-card-border: #504e62;
|
|
69
|
-
$pds-color-foreground-default: #ffffff;
|
|
70
|
-
$pds-color-gradient-after-hours: linear-gradient(228.64deg, #2B017B 41.87%, #29B2FF 100%);
|
|
71
|
-
$pds-color-gradient-midnight: linear-gradient(228.64deg, #3017A1 46.34%, #00E0C3 100%);
|
|
72
|
-
$pds-color-gradient-sunrise: linear-gradient(227.79deg, #300068 38.28%, #E65F35 100%);
|
|
73
|
-
$pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #300068 66.25%);
|
|
74
|
-
$pds-color-input-action-background-hover: #504e62;
|
|
75
|
-
$pds-color-input-background-critical: #1d1d29;
|
|
76
|
-
$pds-color-input-background-default: #1d1d29;
|
|
77
|
-
$pds-color-input-background-hover: #282839;
|
|
78
|
-
$pds-color-input-border-critical: #e05757;
|
|
79
|
-
$pds-color-input-border-default: #858299;
|
|
80
|
-
$pds-color-input-border-hover: #ad9bff;
|
|
81
|
-
$pds-color-input-border-success: #3cb683;
|
|
82
|
-
$pds-color-input-checked-background: $pds-color-interactive-focus;
|
|
83
|
-
$pds-color-input-checked-foreground: #ffffff;
|
|
84
|
-
$pds-color-input-foreground-critical: #e05757;
|
|
85
|
-
$pds-color-input-foreground-default: #ffffff;
|
|
86
|
-
$pds-color-input-foreground-success: #3cb683;
|
|
87
|
-
$pds-color-input-placeholder-text: #a6a3b4;
|
|
88
|
-
$pds-color-input-toggle-switch-icon: #ffffff;
|
|
89
|
-
$pds-color-input-toggle-switch-off: #504e62;
|
|
90
|
-
$pds-color-input-toggle-switch-on: $pds-color-interactive-focus;
|
|
91
|
-
$pds-color-interactive-focus: #36a3ff;
|
|
92
|
-
$pds-color-link-active: #6f54e8;
|
|
93
|
-
$pds-color-link-cta-active: #d0c6ff;
|
|
94
|
-
$pds-color-link-cta-default: #8a70ff;
|
|
95
|
-
$pds-color-link-cta-hover: #ad9bff;
|
|
96
|
-
$pds-color-link-default: #36a3ff;
|
|
97
|
-
$pds-color-link-hover: #6f54e8;
|
|
98
|
-
$pds-color-link-visited: #6f54e8;
|
|
99
|
-
$pds-color-menu-background: #282839;
|
|
100
|
-
$pds-color-menu-item-background-active: #858299;
|
|
101
|
-
$pds-color-menu-item-background-default: #282839;
|
|
102
|
-
$pds-color-menu-item-background-hover: #504e62;
|
|
103
|
-
$pds-color-menu-item-description-text: #a6a3b4;
|
|
104
|
-
$pds-color-menu-item-foreground: #ffffff;
|
|
105
|
-
$pds-color-menu-item-heading-text: #a6a3b4;
|
|
106
|
-
$pds-color-panel-default-background: $pds-color-background-default;
|
|
107
|
-
$pds-color-panel-default-border: $pds-color-border-default;
|
|
108
|
-
$pds-color-panel-overlay-background: #282839;
|
|
109
|
-
$pds-color-panel-overlay-border: #282839;
|
|
110
|
-
$pds-color-panel-raised-background: #282839;
|
|
111
|
-
$pds-color-panel-raised-border: $pds-color-border-default;
|
|
112
|
-
$pds-color-panel-sunken-background: #121219;
|
|
113
|
-
$pds-color-panel-sunken-border: #121219;
|
|
114
|
-
$pds-color-text-default: #ffffff;
|
|
115
|
-
$pds-color-text-default-secondary: #a6a3b4;
|
|
116
|
-
$pds-color-tile-background-active: #858299;
|
|
117
|
-
$pds-color-tile-background-hover: #504e62;
|
|
118
|
-
$pds-color-tile-separator: #504e62;
|
|
119
|
-
$pds-color-toggle-button-background-off: #504e62;
|
|
120
|
-
$pds-color-toggle-button-foreground-off: #c7c5d0;
|
|
121
|
-
$pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
|
|
122
|
-
$pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
|
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
//
|
|
3
|
-
// Pantheon Systems
|
|
4
|
-
//
|
|
5
|
-
// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|
|
6
|
-
// !! DO NOT EDIT THIS FILE DIRECTLY !!
|
|
7
|
-
// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|
|
8
|
-
//
|
|
9
|
-
// This file has been generated automatically.
|
|
10
|
-
|
|
11
|
-
$pds-color-background-default: #ffffff;
|
|
12
|
-
$pds-color-border-default: #cfcfd3;
|
|
13
|
-
$pds-color-brand-accent-default: #de0093;
|
|
14
|
-
$pds-color-brand-primary-default: #ffdc28;
|
|
15
|
-
$pds-color-brand-secondary-default: #3017a1;
|
|
16
|
-
$pds-color-button-brand-background-active: #ddbd16;
|
|
17
|
-
$pds-color-button-brand-background-default: #ffdc28;
|
|
18
|
-
$pds-color-button-brand-background-hover: #ffe668;
|
|
19
|
-
$pds-color-button-brand-border-active: #ddbd16;
|
|
20
|
-
$pds-color-button-brand-border-default: #ffdc28;
|
|
21
|
-
$pds-color-button-brand-border-hover: #ffe668;
|
|
22
|
-
$pds-color-button-brand-foreground-active: #23232d;
|
|
23
|
-
$pds-color-button-brand-foreground-default: #23232d;
|
|
24
|
-
$pds-color-button-brand-foreground-hover: #23232d;
|
|
25
|
-
$pds-color-button-brand-secondary-background-active: #f1f1f1;
|
|
26
|
-
$pds-color-button-brand-secondary-background-default: rgba(0, 0, 0, 0);
|
|
27
|
-
$pds-color-button-brand-secondary-background-hover: #f8f8f8;
|
|
28
|
-
$pds-color-button-brand-secondary-border-active: #23232d;
|
|
29
|
-
$pds-color-button-brand-secondary-border-default: #6d6d78;
|
|
30
|
-
$pds-color-button-brand-secondary-border-hover: #23232d;
|
|
31
|
-
$pds-color-button-brand-secondary-foreground-active: #23232d;
|
|
32
|
-
$pds-color-button-brand-secondary-foreground-default: #23232d;
|
|
33
|
-
$pds-color-button-brand-secondary-foreground-hover: #23232d;
|
|
34
|
-
$pds-color-button-critical-background-active: #700000;
|
|
35
|
-
$pds-color-button-critical-background-default: #d61f1f;
|
|
36
|
-
$pds-color-button-critical-background-hover: #f83333;
|
|
37
|
-
$pds-color-button-critical-border-active: #700000;
|
|
38
|
-
$pds-color-button-critical-border-default: #d61f1f;
|
|
39
|
-
$pds-color-button-critical-border-hover: #f83333;
|
|
40
|
-
$pds-color-button-critical-foreground-active: #ffffff;
|
|
41
|
-
$pds-color-button-critical-foreground-default: #ffffff;
|
|
42
|
-
$pds-color-button-critical-foreground-hover: #ffffff;
|
|
43
|
-
$pds-color-button-primary-background-active: #11005d;
|
|
44
|
-
$pds-color-button-primary-background-default: #3017a1;
|
|
45
|
-
$pds-color-button-primary-background-hover: #5f41e5;
|
|
46
|
-
$pds-color-button-primary-border-active: #11005d;
|
|
47
|
-
$pds-color-button-primary-border-default: #3017a1;
|
|
48
|
-
$pds-color-button-primary-border-hover: #5f41e5;
|
|
49
|
-
$pds-color-button-primary-foreground-active: #ffffff;
|
|
50
|
-
$pds-color-button-primary-foreground-default: #ffffff;
|
|
51
|
-
$pds-color-button-primary-foreground-hover: #ffffff;
|
|
52
|
-
$pds-color-button-secondary-background-active: #e5dbff;
|
|
53
|
-
$pds-color-button-secondary-background-default: rgba(0, 0, 0, 0);
|
|
54
|
-
$pds-color-button-secondary-background-hover: #f0ecff;
|
|
55
|
-
$pds-color-button-secondary-border-active: #11005d;
|
|
56
|
-
$pds-color-button-secondary-border-default: #3017a1;
|
|
57
|
-
$pds-color-button-secondary-border-hover: #5f41e5;
|
|
58
|
-
$pds-color-button-secondary-foreground-active: #11005d;
|
|
59
|
-
$pds-color-button-secondary-foreground-default: #3017a1;
|
|
60
|
-
$pds-color-button-secondary-foreground-hover: #3017a1;
|
|
61
|
-
$pds-color-button-subtle-background-active: #e5dbff;
|
|
62
|
-
$pds-color-button-subtle-background-default: rgba(0, 0, 0, 0);
|
|
63
|
-
$pds-color-button-subtle-background-hover: #f0ecff;
|
|
64
|
-
$pds-color-button-subtle-border-default: rgba(0, 0, 0, 0);
|
|
65
|
-
$pds-color-button-subtle-foreground-active: #11005d;
|
|
66
|
-
$pds-color-button-subtle-foreground-default: #3017a1;
|
|
67
|
-
$pds-color-button-subtle-foreground-hover: #3017a1;
|
|
68
|
-
$pds-color-card-border: $pds-color-border-default;
|
|
69
|
-
$pds-color-foreground-default: #23232d;
|
|
70
|
-
$pds-color-gradient-after-hours: linear-gradient(228.64deg, #2B017B 41.87%, #29B2FF 100%);
|
|
71
|
-
$pds-color-gradient-midnight: linear-gradient(228.64deg, #3017A1 46.34%, #00E0C3 100%);
|
|
72
|
-
$pds-color-gradient-sunrise: linear-gradient(227.79deg, #300068 38.28%, #E65F35 100%);
|
|
73
|
-
$pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #300068 66.25%);
|
|
74
|
-
$pds-color-input-action-background-hover: #f8f8f8;
|
|
75
|
-
$pds-color-input-background-critical: #ffebeb;
|
|
76
|
-
$pds-color-input-background-default: #ffffff;
|
|
77
|
-
$pds-color-input-background-hover: #f0ecff;
|
|
78
|
-
$pds-color-input-border-critical: #d61f1f;
|
|
79
|
-
$pds-color-input-border-default: #cfcfd3;
|
|
80
|
-
$pds-color-input-border-hover: #5f41e5;
|
|
81
|
-
$pds-color-input-border-success: #1f845a;
|
|
82
|
-
$pds-color-input-checked-background: $pds-color-interactive-focus;
|
|
83
|
-
$pds-color-input-checked-foreground: #ffffff;
|
|
84
|
-
$pds-color-input-foreground-critical: #d61f1f;
|
|
85
|
-
$pds-color-input-foreground-default: #23232d;
|
|
86
|
-
$pds-color-input-foreground-success: #1f845a;
|
|
87
|
-
$pds-color-input-placeholder-text: #6d6d78;
|
|
88
|
-
$pds-color-input-toggle-switch-icon: #ffffff;
|
|
89
|
-
$pds-color-input-toggle-switch-off: #6d6d78;
|
|
90
|
-
$pds-color-input-toggle-switch-on: $pds-color-interactive-focus;
|
|
91
|
-
$pds-color-interactive-focus: #0f62fe;
|
|
92
|
-
$pds-color-link-active: #6f54e8;
|
|
93
|
-
$pds-color-link-cta-active: #11005d;
|
|
94
|
-
$pds-color-link-cta-default: #3017a1;
|
|
95
|
-
$pds-color-link-cta-hover: #5f41e5;
|
|
96
|
-
$pds-color-link-default: #0f62fe;
|
|
97
|
-
$pds-color-link-hover: #6f54e8;
|
|
98
|
-
$pds-color-link-visited: #6f54e8;
|
|
99
|
-
$pds-color-menu-background: #ffffff;
|
|
100
|
-
$pds-color-menu-item-background-active: #f1f1f1;
|
|
101
|
-
$pds-color-menu-item-background-default: #ffffff;
|
|
102
|
-
$pds-color-menu-item-background-hover: #f8f8f8;
|
|
103
|
-
$pds-color-menu-item-description-text: #6d6d78;
|
|
104
|
-
$pds-color-menu-item-foreground: #23232d;
|
|
105
|
-
$pds-color-menu-item-heading-text: #6d6d78;
|
|
106
|
-
$pds-color-pager-background-active: #f0ecff;
|
|
107
|
-
$pds-color-pager-background-hover: #f1f1f1;
|
|
108
|
-
$pds-color-pager-foreground-active: #5f41e5;
|
|
109
|
-
$pds-color-panel-default-background: $pds-color-background-default;
|
|
110
|
-
$pds-color-panel-default-border: $pds-color-border-default;
|
|
111
|
-
$pds-color-panel-overlay-background: $pds-color-background-default;
|
|
112
|
-
$pds-color-panel-overlay-border: $pds-color-border-default;
|
|
113
|
-
$pds-color-panel-raised-background: $pds-color-background-default;
|
|
114
|
-
$pds-color-panel-raised-border: $pds-color-border-default;
|
|
115
|
-
$pds-color-panel-sunken-background: #f8f8f8;
|
|
116
|
-
$pds-color-panel-sunken-border: #f8f8f8;
|
|
117
|
-
$pds-color-text-default: #23232d;
|
|
118
|
-
$pds-color-text-default-secondary: #6d6d78;
|
|
119
|
-
$pds-color-tile-background-active: #f1f1f1;
|
|
120
|
-
$pds-color-tile-background-hover: #f8f8f8;
|
|
121
|
-
$pds-color-tile-separator: #cfcfd3;
|
|
122
|
-
$pds-color-toggle-button-background-off: #f1f1f1;
|
|
123
|
-
$pds-color-toggle-button-foreground-off: #6d6d78;
|
|
124
|
-
$pds-elevation-overlay: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 8px 12px 0px rgba(0, 0, 0, 0.15);
|
|
125
|
-
$pds-elevation-raised: 0px 1px 2px 0px rgba(0, 0, 0, 0.2), 0px 3px 8px 0px rgba(0, 0, 0, 0.15);
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
//
|
|
3
|
-
// Pantheon Systems
|
|
4
|
-
//
|
|
5
|
-
// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|
|
6
|
-
// !! DO NOT EDIT THIS FILE DIRECTLY !!
|
|
7
|
-
// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|
|
8
|
-
//
|
|
9
|
-
// This file has been generated automatically.
|
|
10
|
-
|
|
11
|
-
$pds-animation-transition-default-delay: 0s;
|
|
12
|
-
$pds-animation-transition-default-duration: 200ms;
|
|
13
|
-
$pds-animation-transition-default-timing-function: ease-in-out;
|
|
14
|
-
$pds-animation-transition-dropdown-duration: 300ms;
|
|
15
|
-
$pds-border-radius-container: 0.375rem;
|
|
16
|
-
$pds-border-radius-default: 0.1875rem;
|
|
17
|
-
$pds-border-width-default: 1px;
|
|
18
|
-
$pds-typography-font-default: 'Poppins', sans-serif;
|