@pantheon-systems/pds-design-tokens 1.0.0-dev.12 → 1.0.0-dev.14
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 -3
- package/build/css/pds-design-tokens-light-mode.css +4 -3
- package/build/figma/pds-design-tokens-figma.json +78 -40
- package/build/json/pds-design-tokens-dark-mode.json +31 -12
- package/build/json/pds-design-tokens-light-mode.json +31 -12
- package/build/json/pds-design-tokens.json +16 -16
- package/build/scss/_pds-design-tokens-dark-mode.scss +4 -3
- package/build/scss/_pds-design-tokens-light-mode.scss +4 -3
- package/package.json +1 -1
|
@@ -96,11 +96,12 @@
|
|
|
96
96
|
--pds-color-panel-sunken-background: #121219;
|
|
97
97
|
--pds-color-panel-sunken-border: #121219;
|
|
98
98
|
--pds-color-text-default: #ffffff;
|
|
99
|
+
--pds-color-text-default-secondary: #a6a3b4;
|
|
99
100
|
--pds-color-text-headings: var(--pds-color-text-default);
|
|
100
|
-
--pds-color-text-lead:
|
|
101
|
-
--pds-color-text-overline:
|
|
101
|
+
--pds-color-text-lead: var(--pds-color-text-default-secondary);
|
|
102
|
+
--pds-color-text-overline: var(--pds-color-text-default-secondary);
|
|
102
103
|
--pds-color-text-paragraph: var(--pds-color-text-default);
|
|
103
|
-
--pds-color-text-quote:
|
|
104
|
+
--pds-color-text-quote: var(--pds-color-text-default-secondary);
|
|
104
105
|
--pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
|
|
105
106
|
--pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
|
|
106
107
|
}
|
|
@@ -96,11 +96,12 @@
|
|
|
96
96
|
--pds-color-panel-sunken-background: #f1f1f1;
|
|
97
97
|
--pds-color-panel-sunken-border: #f1f1f1;
|
|
98
98
|
--pds-color-text-default: #23232d;
|
|
99
|
+
--pds-color-text-default-secondary: #71717c;
|
|
99
100
|
--pds-color-text-headings: var(--pds-color-text-default);
|
|
100
|
-
--pds-color-text-lead:
|
|
101
|
-
--pds-color-text-overline:
|
|
101
|
+
--pds-color-text-lead: var(--pds-color-text-default-secondary);
|
|
102
|
+
--pds-color-text-overline: var(--pds-color-text-default-secondary);
|
|
102
103
|
--pds-color-text-paragraph: #23232d;
|
|
103
|
-
--pds-color-text-quote:
|
|
104
|
+
--pds-color-text-quote: var(--pds-color-text-default-secondary);
|
|
104
105
|
--pds-elevation-overlay: 0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
|
|
105
106
|
--pds-elevation-raised: 0px 1px 1px 0px #aeaeb6, 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
|
|
106
107
|
}
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
{
|
|
2
2
|
"pds-design-tokens": {
|
|
3
3
|
"animation": {
|
|
4
|
-
"
|
|
4
|
+
"focus": {
|
|
5
5
|
"transition": {
|
|
6
|
-
"value": "
|
|
6
|
+
"value": "outline: 200ms ease-in-out 0s",
|
|
7
7
|
"filePath": "tokens/animation/alias.json",
|
|
8
8
|
"isSource": true,
|
|
9
9
|
"original": {
|
|
10
|
-
"value": "
|
|
10
|
+
"value": "outline: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}",
|
|
11
11
|
"filePath": "build/json/pds-design-tokens.json",
|
|
12
12
|
"isSource": false
|
|
13
13
|
},
|
|
14
|
-
"name": "animation-
|
|
14
|
+
"name": "animation-focus-transition",
|
|
15
15
|
"attributes": {
|
|
16
16
|
"category": "animation",
|
|
17
|
-
"type": "
|
|
17
|
+
"type": "focus",
|
|
18
18
|
"item": "transition"
|
|
19
19
|
},
|
|
20
20
|
"path": [
|
|
21
21
|
"animation",
|
|
22
|
-
"
|
|
22
|
+
"focus",
|
|
23
23
|
"transition"
|
|
24
24
|
]
|
|
25
25
|
}
|
|
26
26
|
},
|
|
27
|
-
"
|
|
27
|
+
"button": {
|
|
28
28
|
"transition": {
|
|
29
29
|
"value": "background-color: 200ms ease-in-out 0s, border-color: 200ms ease-in-out 0s",
|
|
30
30
|
"filePath": "tokens/animation/alias.json",
|
|
@@ -34,38 +34,38 @@
|
|
|
34
34
|
"filePath": "build/json/pds-design-tokens.json",
|
|
35
35
|
"isSource": false
|
|
36
36
|
},
|
|
37
|
-
"name": "animation-
|
|
37
|
+
"name": "animation-button-transition",
|
|
38
38
|
"attributes": {
|
|
39
39
|
"category": "animation",
|
|
40
|
-
"type": "
|
|
40
|
+
"type": "button",
|
|
41
41
|
"item": "transition"
|
|
42
42
|
},
|
|
43
43
|
"path": [
|
|
44
44
|
"animation",
|
|
45
|
-
"
|
|
45
|
+
"button",
|
|
46
46
|
"transition"
|
|
47
47
|
]
|
|
48
48
|
}
|
|
49
49
|
},
|
|
50
|
-
"input
|
|
50
|
+
"input": {
|
|
51
51
|
"transition": {
|
|
52
|
-
"value": "color: 200ms ease-in-out 0s",
|
|
52
|
+
"value": "background-color: 200ms ease-in-out 0s, border-color: 200ms ease-in-out 0s",
|
|
53
53
|
"filePath": "tokens/animation/alias.json",
|
|
54
54
|
"isSource": true,
|
|
55
55
|
"original": {
|
|
56
|
-
"value": "color: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}",
|
|
56
|
+
"value": "background-color: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}, border-color: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}",
|
|
57
57
|
"filePath": "build/json/pds-design-tokens.json",
|
|
58
58
|
"isSource": false
|
|
59
59
|
},
|
|
60
|
-
"name": "animation-input-
|
|
60
|
+
"name": "animation-input-transition",
|
|
61
61
|
"attributes": {
|
|
62
62
|
"category": "animation",
|
|
63
|
-
"type": "input
|
|
63
|
+
"type": "input",
|
|
64
64
|
"item": "transition"
|
|
65
65
|
},
|
|
66
66
|
"path": [
|
|
67
67
|
"animation",
|
|
68
|
-
"input
|
|
68
|
+
"input",
|
|
69
69
|
"transition"
|
|
70
70
|
]
|
|
71
71
|
}
|
|
@@ -3993,6 +3993,31 @@
|
|
|
3993
3993
|
"default"
|
|
3994
3994
|
]
|
|
3995
3995
|
},
|
|
3996
|
+
"default-secondary": {
|
|
3997
|
+
"value": "#a6a3b4",
|
|
3998
|
+
"public": true,
|
|
3999
|
+
"isReferenceToInternal": true,
|
|
4000
|
+
"filePath": "tokens/color/alias/typography.dark.json",
|
|
4001
|
+
"isSource": true,
|
|
4002
|
+
"original": {
|
|
4003
|
+
"value": "{color.dark-mode.neutral.200.value}",
|
|
4004
|
+
"public": true,
|
|
4005
|
+
"isReferenceToInternal": true
|
|
4006
|
+
},
|
|
4007
|
+
"name": "color-dark-mode-text-default-secondary",
|
|
4008
|
+
"attributes": {
|
|
4009
|
+
"category": "color",
|
|
4010
|
+
"type": "dark-mode",
|
|
4011
|
+
"item": "text",
|
|
4012
|
+
"subitem": "default-secondary"
|
|
4013
|
+
},
|
|
4014
|
+
"path": [
|
|
4015
|
+
"color",
|
|
4016
|
+
"dark-mode",
|
|
4017
|
+
"text",
|
|
4018
|
+
"default-secondary"
|
|
4019
|
+
]
|
|
4020
|
+
},
|
|
3996
4021
|
"paragraph": {
|
|
3997
4022
|
"value": "#ffffff",
|
|
3998
4023
|
"public": true,
|
|
@@ -4042,13 +4067,11 @@
|
|
|
4042
4067
|
"lead": {
|
|
4043
4068
|
"value": "#a6a3b4",
|
|
4044
4069
|
"public": true,
|
|
4045
|
-
"isReferenceToInternal": true,
|
|
4046
4070
|
"filePath": "tokens/color/alias/typography.dark.json",
|
|
4047
4071
|
"isSource": true,
|
|
4048
4072
|
"original": {
|
|
4049
|
-
"value": "{color.dark-mode.
|
|
4050
|
-
"public": true
|
|
4051
|
-
"isReferenceToInternal": true
|
|
4073
|
+
"value": "{color.dark-mode.text.default-secondary}",
|
|
4074
|
+
"public": true
|
|
4052
4075
|
},
|
|
4053
4076
|
"name": "color-dark-mode-text-lead",
|
|
4054
4077
|
"attributes": {
|
|
@@ -4067,13 +4090,11 @@
|
|
|
4067
4090
|
"overline": {
|
|
4068
4091
|
"value": "#a6a3b4",
|
|
4069
4092
|
"public": true,
|
|
4070
|
-
"isReferenceToInternal": true,
|
|
4071
4093
|
"filePath": "tokens/color/alias/typography.dark.json",
|
|
4072
4094
|
"isSource": true,
|
|
4073
4095
|
"original": {
|
|
4074
|
-
"value": "{color.dark-mode.
|
|
4075
|
-
"public": true
|
|
4076
|
-
"isReferenceToInternal": true
|
|
4096
|
+
"value": "{color.dark-mode.text.default-secondary}",
|
|
4097
|
+
"public": true
|
|
4077
4098
|
},
|
|
4078
4099
|
"name": "color-dark-mode-text-overline",
|
|
4079
4100
|
"attributes": {
|
|
@@ -4092,13 +4113,11 @@
|
|
|
4092
4113
|
"quote": {
|
|
4093
4114
|
"value": "#a6a3b4",
|
|
4094
4115
|
"public": true,
|
|
4095
|
-
"isReferenceToInternal": true,
|
|
4096
4116
|
"filePath": "tokens/color/alias/typography.dark.json",
|
|
4097
4117
|
"isSource": true,
|
|
4098
4118
|
"original": {
|
|
4099
|
-
"value": "{color.dark-mode.
|
|
4100
|
-
"public": true
|
|
4101
|
-
"isReferenceToInternal": true
|
|
4119
|
+
"value": "{color.dark-mode.text.default-secondary}",
|
|
4120
|
+
"public": true
|
|
4102
4121
|
},
|
|
4103
4122
|
"name": "color-dark-mode-text-quote",
|
|
4104
4123
|
"attributes": {
|
|
@@ -7941,6 +7960,31 @@
|
|
|
7941
7960
|
"default"
|
|
7942
7961
|
]
|
|
7943
7962
|
},
|
|
7963
|
+
"default-secondary": {
|
|
7964
|
+
"value": "#71717c",
|
|
7965
|
+
"public": true,
|
|
7966
|
+
"isReferenceToInternal": true,
|
|
7967
|
+
"filePath": "tokens/color/alias/typography.light.json",
|
|
7968
|
+
"isSource": true,
|
|
7969
|
+
"original": {
|
|
7970
|
+
"value": "{color.light-mode.neutral.400.value}",
|
|
7971
|
+
"public": true,
|
|
7972
|
+
"isReferenceToInternal": true
|
|
7973
|
+
},
|
|
7974
|
+
"name": "color-light-mode-text-default-secondary",
|
|
7975
|
+
"attributes": {
|
|
7976
|
+
"category": "color",
|
|
7977
|
+
"type": "light-mode",
|
|
7978
|
+
"item": "text",
|
|
7979
|
+
"subitem": "default-secondary"
|
|
7980
|
+
},
|
|
7981
|
+
"path": [
|
|
7982
|
+
"color",
|
|
7983
|
+
"light-mode",
|
|
7984
|
+
"text",
|
|
7985
|
+
"default-secondary"
|
|
7986
|
+
]
|
|
7987
|
+
},
|
|
7944
7988
|
"paragraph": {
|
|
7945
7989
|
"value": "#23232d",
|
|
7946
7990
|
"public": true,
|
|
@@ -7992,13 +8036,11 @@
|
|
|
7992
8036
|
"lead": {
|
|
7993
8037
|
"value": "#71717c",
|
|
7994
8038
|
"public": true,
|
|
7995
|
-
"isReferenceToInternal": true,
|
|
7996
8039
|
"filePath": "tokens/color/alias/typography.light.json",
|
|
7997
8040
|
"isSource": true,
|
|
7998
8041
|
"original": {
|
|
7999
|
-
"value": "{color.light-mode.
|
|
8000
|
-
"public": true
|
|
8001
|
-
"isReferenceToInternal": true
|
|
8042
|
+
"value": "{color.light-mode.text.default-secondary}",
|
|
8043
|
+
"public": true
|
|
8002
8044
|
},
|
|
8003
8045
|
"name": "color-light-mode-text-lead",
|
|
8004
8046
|
"attributes": {
|
|
@@ -8017,13 +8059,11 @@
|
|
|
8017
8059
|
"overline": {
|
|
8018
8060
|
"value": "#71717c",
|
|
8019
8061
|
"public": true,
|
|
8020
|
-
"isReferenceToInternal": true,
|
|
8021
8062
|
"filePath": "tokens/color/alias/typography.light.json",
|
|
8022
8063
|
"isSource": true,
|
|
8023
8064
|
"original": {
|
|
8024
|
-
"value": "{color.light-mode.
|
|
8025
|
-
"public": true
|
|
8026
|
-
"isReferenceToInternal": true
|
|
8065
|
+
"value": "{color.light-mode.text.default-secondary}",
|
|
8066
|
+
"public": true
|
|
8027
8067
|
},
|
|
8028
8068
|
"name": "color-light-mode-text-overline",
|
|
8029
8069
|
"attributes": {
|
|
@@ -8042,13 +8082,11 @@
|
|
|
8042
8082
|
"quote": {
|
|
8043
8083
|
"value": "#71717c",
|
|
8044
8084
|
"public": true,
|
|
8045
|
-
"isReferenceToInternal": true,
|
|
8046
8085
|
"filePath": "tokens/color/alias/typography.light.json",
|
|
8047
8086
|
"isSource": true,
|
|
8048
8087
|
"original": {
|
|
8049
|
-
"value": "{color.light-mode.
|
|
8050
|
-
"public": true
|
|
8051
|
-
"isReferenceToInternal": true
|
|
8088
|
+
"value": "{color.light-mode.text.default-secondary}",
|
|
8089
|
+
"public": true
|
|
8052
8090
|
},
|
|
8053
8091
|
"name": "color-light-mode-text-quote",
|
|
8054
8092
|
"attributes": {
|
|
@@ -2194,6 +2194,31 @@
|
|
|
2194
2194
|
"default"
|
|
2195
2195
|
]
|
|
2196
2196
|
},
|
|
2197
|
+
"default-secondary": {
|
|
2198
|
+
"value": "#a6a3b4",
|
|
2199
|
+
"public": true,
|
|
2200
|
+
"isReferenceToInternal": true,
|
|
2201
|
+
"filePath": "tokens/color/alias/typography.dark.json",
|
|
2202
|
+
"isSource": true,
|
|
2203
|
+
"original": {
|
|
2204
|
+
"value": "{color.dark-mode.neutral.200.value}",
|
|
2205
|
+
"public": true,
|
|
2206
|
+
"isReferenceToInternal": true
|
|
2207
|
+
},
|
|
2208
|
+
"name": "color-dark-mode-text-default-secondary",
|
|
2209
|
+
"attributes": {
|
|
2210
|
+
"category": "color",
|
|
2211
|
+
"type": "dark-mode",
|
|
2212
|
+
"item": "text",
|
|
2213
|
+
"subitem": "default-secondary"
|
|
2214
|
+
},
|
|
2215
|
+
"path": [
|
|
2216
|
+
"color",
|
|
2217
|
+
"dark-mode",
|
|
2218
|
+
"text",
|
|
2219
|
+
"default-secondary"
|
|
2220
|
+
]
|
|
2221
|
+
},
|
|
2197
2222
|
"paragraph": {
|
|
2198
2223
|
"value": "#ffffff",
|
|
2199
2224
|
"public": true,
|
|
@@ -2243,13 +2268,11 @@
|
|
|
2243
2268
|
"lead": {
|
|
2244
2269
|
"value": "#a6a3b4",
|
|
2245
2270
|
"public": true,
|
|
2246
|
-
"isReferenceToInternal": true,
|
|
2247
2271
|
"filePath": "tokens/color/alias/typography.dark.json",
|
|
2248
2272
|
"isSource": true,
|
|
2249
2273
|
"original": {
|
|
2250
|
-
"value": "{color.dark-mode.
|
|
2251
|
-
"public": true
|
|
2252
|
-
"isReferenceToInternal": true
|
|
2274
|
+
"value": "{color.dark-mode.text.default-secondary}",
|
|
2275
|
+
"public": true
|
|
2253
2276
|
},
|
|
2254
2277
|
"name": "color-dark-mode-text-lead",
|
|
2255
2278
|
"attributes": {
|
|
@@ -2268,13 +2291,11 @@
|
|
|
2268
2291
|
"overline": {
|
|
2269
2292
|
"value": "#a6a3b4",
|
|
2270
2293
|
"public": true,
|
|
2271
|
-
"isReferenceToInternal": true,
|
|
2272
2294
|
"filePath": "tokens/color/alias/typography.dark.json",
|
|
2273
2295
|
"isSource": true,
|
|
2274
2296
|
"original": {
|
|
2275
|
-
"value": "{color.dark-mode.
|
|
2276
|
-
"public": true
|
|
2277
|
-
"isReferenceToInternal": true
|
|
2297
|
+
"value": "{color.dark-mode.text.default-secondary}",
|
|
2298
|
+
"public": true
|
|
2278
2299
|
},
|
|
2279
2300
|
"name": "color-dark-mode-text-overline",
|
|
2280
2301
|
"attributes": {
|
|
@@ -2293,13 +2314,11 @@
|
|
|
2293
2314
|
"quote": {
|
|
2294
2315
|
"value": "#a6a3b4",
|
|
2295
2316
|
"public": true,
|
|
2296
|
-
"isReferenceToInternal": true,
|
|
2297
2317
|
"filePath": "tokens/color/alias/typography.dark.json",
|
|
2298
2318
|
"isSource": true,
|
|
2299
2319
|
"original": {
|
|
2300
|
-
"value": "{color.dark-mode.
|
|
2301
|
-
"public": true
|
|
2302
|
-
"isReferenceToInternal": true
|
|
2320
|
+
"value": "{color.dark-mode.text.default-secondary}",
|
|
2321
|
+
"public": true
|
|
2303
2322
|
},
|
|
2304
2323
|
"name": "color-dark-mode-text-quote",
|
|
2305
2324
|
"attributes": {
|
|
@@ -2188,6 +2188,31 @@
|
|
|
2188
2188
|
"default"
|
|
2189
2189
|
]
|
|
2190
2190
|
},
|
|
2191
|
+
"default-secondary": {
|
|
2192
|
+
"value": "#71717c",
|
|
2193
|
+
"public": true,
|
|
2194
|
+
"isReferenceToInternal": true,
|
|
2195
|
+
"filePath": "tokens/color/alias/typography.light.json",
|
|
2196
|
+
"isSource": true,
|
|
2197
|
+
"original": {
|
|
2198
|
+
"value": "{color.light-mode.neutral.400.value}",
|
|
2199
|
+
"public": true,
|
|
2200
|
+
"isReferenceToInternal": true
|
|
2201
|
+
},
|
|
2202
|
+
"name": "color-light-mode-text-default-secondary",
|
|
2203
|
+
"attributes": {
|
|
2204
|
+
"category": "color",
|
|
2205
|
+
"type": "light-mode",
|
|
2206
|
+
"item": "text",
|
|
2207
|
+
"subitem": "default-secondary"
|
|
2208
|
+
},
|
|
2209
|
+
"path": [
|
|
2210
|
+
"color",
|
|
2211
|
+
"light-mode",
|
|
2212
|
+
"text",
|
|
2213
|
+
"default-secondary"
|
|
2214
|
+
]
|
|
2215
|
+
},
|
|
2191
2216
|
"paragraph": {
|
|
2192
2217
|
"value": "#23232d",
|
|
2193
2218
|
"public": true,
|
|
@@ -2239,13 +2264,11 @@
|
|
|
2239
2264
|
"lead": {
|
|
2240
2265
|
"value": "#71717c",
|
|
2241
2266
|
"public": true,
|
|
2242
|
-
"isReferenceToInternal": true,
|
|
2243
2267
|
"filePath": "tokens/color/alias/typography.light.json",
|
|
2244
2268
|
"isSource": true,
|
|
2245
2269
|
"original": {
|
|
2246
|
-
"value": "{color.light-mode.
|
|
2247
|
-
"public": true
|
|
2248
|
-
"isReferenceToInternal": true
|
|
2270
|
+
"value": "{color.light-mode.text.default-secondary}",
|
|
2271
|
+
"public": true
|
|
2249
2272
|
},
|
|
2250
2273
|
"name": "color-light-mode-text-lead",
|
|
2251
2274
|
"attributes": {
|
|
@@ -2264,13 +2287,11 @@
|
|
|
2264
2287
|
"overline": {
|
|
2265
2288
|
"value": "#71717c",
|
|
2266
2289
|
"public": true,
|
|
2267
|
-
"isReferenceToInternal": true,
|
|
2268
2290
|
"filePath": "tokens/color/alias/typography.light.json",
|
|
2269
2291
|
"isSource": true,
|
|
2270
2292
|
"original": {
|
|
2271
|
-
"value": "{color.light-mode.
|
|
2272
|
-
"public": true
|
|
2273
|
-
"isReferenceToInternal": true
|
|
2293
|
+
"value": "{color.light-mode.text.default-secondary}",
|
|
2294
|
+
"public": true
|
|
2274
2295
|
},
|
|
2275
2296
|
"name": "color-light-mode-text-overline",
|
|
2276
2297
|
"attributes": {
|
|
@@ -2289,13 +2310,11 @@
|
|
|
2289
2310
|
"quote": {
|
|
2290
2311
|
"value": "#71717c",
|
|
2291
2312
|
"public": true,
|
|
2292
|
-
"isReferenceToInternal": true,
|
|
2293
2313
|
"filePath": "tokens/color/alias/typography.light.json",
|
|
2294
2314
|
"isSource": true,
|
|
2295
2315
|
"original": {
|
|
2296
|
-
"value": "{color.light-mode.
|
|
2297
|
-
"public": true
|
|
2298
|
-
"isReferenceToInternal": true
|
|
2316
|
+
"value": "{color.light-mode.text.default-secondary}",
|
|
2317
|
+
"public": true
|
|
2299
2318
|
},
|
|
2300
2319
|
"name": "color-light-mode-text-quote",
|
|
2301
2320
|
"attributes": {
|
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
{
|
|
2
2
|
"animation": {
|
|
3
|
-
"
|
|
3
|
+
"focus": {
|
|
4
4
|
"transition": {
|
|
5
|
-
"value": "
|
|
5
|
+
"value": "outline: 200ms ease-in-out 0s",
|
|
6
6
|
"filePath": "tokens/animation/alias.json",
|
|
7
7
|
"isSource": true,
|
|
8
8
|
"original": {
|
|
9
|
-
"value": "
|
|
9
|
+
"value": "outline: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}"
|
|
10
10
|
},
|
|
11
|
-
"name": "animation-
|
|
11
|
+
"name": "animation-focus-transition",
|
|
12
12
|
"attributes": {
|
|
13
13
|
"category": "animation",
|
|
14
|
-
"type": "
|
|
14
|
+
"type": "focus",
|
|
15
15
|
"item": "transition"
|
|
16
16
|
},
|
|
17
17
|
"path": [
|
|
18
18
|
"animation",
|
|
19
|
-
"
|
|
19
|
+
"focus",
|
|
20
20
|
"transition"
|
|
21
21
|
]
|
|
22
22
|
}
|
|
23
23
|
},
|
|
24
|
-
"
|
|
24
|
+
"button": {
|
|
25
25
|
"transition": {
|
|
26
26
|
"value": "background-color: 200ms ease-in-out 0s, border-color: 200ms ease-in-out 0s",
|
|
27
27
|
"filePath": "tokens/animation/alias.json",
|
|
@@ -29,36 +29,36 @@
|
|
|
29
29
|
"original": {
|
|
30
30
|
"value": "background-color: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}, border-color: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}"
|
|
31
31
|
},
|
|
32
|
-
"name": "animation-
|
|
32
|
+
"name": "animation-button-transition",
|
|
33
33
|
"attributes": {
|
|
34
34
|
"category": "animation",
|
|
35
|
-
"type": "
|
|
35
|
+
"type": "button",
|
|
36
36
|
"item": "transition"
|
|
37
37
|
},
|
|
38
38
|
"path": [
|
|
39
39
|
"animation",
|
|
40
|
-
"
|
|
40
|
+
"button",
|
|
41
41
|
"transition"
|
|
42
42
|
]
|
|
43
43
|
}
|
|
44
44
|
},
|
|
45
|
-
"input
|
|
45
|
+
"input": {
|
|
46
46
|
"transition": {
|
|
47
|
-
"value": "color: 200ms ease-in-out 0s",
|
|
47
|
+
"value": "background-color: 200ms ease-in-out 0s, border-color: 200ms ease-in-out 0s",
|
|
48
48
|
"filePath": "tokens/animation/alias.json",
|
|
49
49
|
"isSource": true,
|
|
50
50
|
"original": {
|
|
51
|
-
"value": "color: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}"
|
|
51
|
+
"value": "background-color: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}, border-color: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}"
|
|
52
52
|
},
|
|
53
|
-
"name": "animation-input-
|
|
53
|
+
"name": "animation-input-transition",
|
|
54
54
|
"attributes": {
|
|
55
55
|
"category": "animation",
|
|
56
|
-
"type": "input
|
|
56
|
+
"type": "input",
|
|
57
57
|
"item": "transition"
|
|
58
58
|
},
|
|
59
59
|
"path": [
|
|
60
60
|
"animation",
|
|
61
|
-
"input
|
|
61
|
+
"input",
|
|
62
62
|
"transition"
|
|
63
63
|
]
|
|
64
64
|
}
|
|
@@ -94,10 +94,11 @@ $pds-color-panel-raised-border: $pds-color-border-default;
|
|
|
94
94
|
$pds-color-panel-sunken-background: #121219;
|
|
95
95
|
$pds-color-panel-sunken-border: #121219;
|
|
96
96
|
$pds-color-text-default: #ffffff;
|
|
97
|
+
$pds-color-text-default-secondary: #a6a3b4;
|
|
97
98
|
$pds-color-text-headings: $pds-color-text-default;
|
|
98
|
-
$pds-color-text-lead:
|
|
99
|
-
$pds-color-text-overline:
|
|
99
|
+
$pds-color-text-lead: $pds-color-text-default-secondary;
|
|
100
|
+
$pds-color-text-overline: $pds-color-text-default-secondary;
|
|
100
101
|
$pds-color-text-paragraph: $pds-color-text-default;
|
|
101
|
-
$pds-color-text-quote:
|
|
102
|
+
$pds-color-text-quote: $pds-color-text-default-secondary;
|
|
102
103
|
$pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
|
|
103
104
|
$pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
|
|
@@ -94,10 +94,11 @@ $pds-color-panel-raised-border: $pds-color-border-default;
|
|
|
94
94
|
$pds-color-panel-sunken-background: #f1f1f1;
|
|
95
95
|
$pds-color-panel-sunken-border: #f1f1f1;
|
|
96
96
|
$pds-color-text-default: #23232d;
|
|
97
|
+
$pds-color-text-default-secondary: #71717c;
|
|
97
98
|
$pds-color-text-headings: $pds-color-text-default;
|
|
98
|
-
$pds-color-text-lead:
|
|
99
|
-
$pds-color-text-overline:
|
|
99
|
+
$pds-color-text-lead: $pds-color-text-default-secondary;
|
|
100
|
+
$pds-color-text-overline: $pds-color-text-default-secondary;
|
|
100
101
|
$pds-color-text-paragraph: #23232d;
|
|
101
|
-
$pds-color-text-quote:
|
|
102
|
+
$pds-color-text-quote: $pds-color-text-default-secondary;
|
|
102
103
|
$pds-elevation-overlay: 0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
|
|
103
104
|
$pds-elevation-raised: 0px 1px 1px 0px #aeaeb6, 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
|