@pantheon-systems/pds-design-tokens 1.0.0-dev.76 → 1.0.0-dev.77

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.
Files changed (4) hide show
  1. package/build/css/pds-design-tokens.css +4 -2
  2. package/build/figma/pds-design-tokens-figma.json +56 -4
  3. package/build/json/pds-design-tokens.json +52 -4
  4. package/package.json +1 -1
package/build/css/pds-design-tokens.css CHANGED
@@ -10,15 +10,17 @@
10
10
  */
11
11
 
12
12
  :root {
13
- --pds-animation-button-transition: background-color var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay), border-color var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay), color var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);
13
+ --pds-animation-button-transition: all var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);
14
14
  --pds-animation-focus-transition: outline var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);
15
15
  --pds-animation-input-transition: background-color var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay), border-color var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);
16
- --pds-animation-link-transition: background-color var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay), color var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);
16
+ --pds-animation-link-transition: all var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);
17
+ --pds-animation-reveal-transition: all var(--pds-animation-transition-reveal-duration) var(--pds-animation-transition-default-timing-function);
17
18
  --pds-animation-rotation-transition: transform var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);
18
19
  --pds-animation-transition-default-delay: 0s;
19
20
  --pds-animation-transition-default-duration: 200ms;
20
21
  --pds-animation-transition-default-timing-function: ease-in-out;
21
22
  --pds-animation-transition-dropdown-duration: 300ms;
23
+ --pds-animation-transition-reveal-duration: 300ms;
22
24
  --pds-border-radius-container: 0.375rem;
23
25
  --pds-border-radius-default: 0.1875rem;
24
26
  --pds-border-width-default: 1px;
package/build/figma/pds-design-tokens-figma.json CHANGED
@@ -51,14 +51,39 @@
51
51
  ]
52
52
  }
53
53
  },
54
+ "reveal": {
55
+ "transition": {
56
+ "value": "all 300ms ease-in-out",
57
+ "public": true,
58
+ "filePath": "tokens/animation/alias.json",
59
+ "isSource": true,
60
+ "original": {
61
+ "value": "all {animation.transition.reveal.duration.value} {animation.transition.default.timing-function.value}",
62
+ "public": true,
63
+ "filePath": "build/json/pds-design-tokens.json",
64
+ "isSource": false
65
+ },
66
+ "name": "animation-reveal-transition",
67
+ "attributes": {
68
+ "category": "animation",
69
+ "type": "reveal",
70
+ "item": "transition"
71
+ },
72
+ "path": [
73
+ "animation",
74
+ "reveal",
75
+ "transition"
76
+ ]
77
+ }
78
+ },
54
79
  "button": {
55
80
  "transition": {
56
- "value": "background-color 200ms ease-in-out 0s, border-color 200ms ease-in-out 0s, color 200ms ease-in-out 0s",
81
+ "value": "all 200ms ease-in-out 0s",
57
82
  "public": true,
58
83
  "filePath": "tokens/animation/alias.json",
59
84
  "isSource": true,
60
85
  "original": {
61
- "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}, color {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}",
86
+ "value": "all {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}",
62
87
  "public": true,
63
88
  "filePath": "build/json/pds-design-tokens.json",
64
89
  "isSource": false
@@ -103,12 +128,12 @@
103
128
  },
104
129
  "link": {
105
130
  "transition": {
106
- "value": "background-color 200ms ease-in-out 0s, color 200ms ease-in-out 0s",
131
+ "value": "all 200ms ease-in-out 0s",
107
132
  "public": true,
108
133
  "filePath": "tokens/animation/alias.json",
109
134
  "isSource": true,
110
135
  "original": {
111
- "value": "background-color {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}, color {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}",
136
+ "value": "all {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}",
112
137
  "public": true,
113
138
  "filePath": "build/json/pds-design-tokens.json",
114
139
  "isSource": false
@@ -230,6 +255,33 @@
230
255
  "duration"
231
256
  ]
232
257
  }
258
+ },
259
+ "reveal": {
260
+ "duration": {
261
+ "value": "300ms",
262
+ "public": true,
263
+ "filePath": "tokens/animation/base.json",
264
+ "isSource": true,
265
+ "original": {
266
+ "value": "300ms",
267
+ "public": true,
268
+ "filePath": "build/json/pds-design-tokens.json",
269
+ "isSource": false
270
+ },
271
+ "name": "animation-transition-reveal-duration",
272
+ "attributes": {
273
+ "category": "animation",
274
+ "type": "transition",
275
+ "item": "reveal",
276
+ "subitem": "duration"
277
+ },
278
+ "path": [
279
+ "animation",
280
+ "transition",
281
+ "reveal",
282
+ "duration"
283
+ ]
284
+ }
233
285
  }
234
286
  }
235
287
  },
package/build/json/pds-design-tokens.json CHANGED
@@ -46,14 +46,37 @@
46
46
  ]
47
47
  }
48
48
  },
49
+ "reveal": {
50
+ "transition": {
51
+ "value": "all 300ms ease-in-out",
52
+ "public": true,
53
+ "filePath": "tokens/animation/alias.json",
54
+ "isSource": true,
55
+ "original": {
56
+ "value": "all {animation.transition.reveal.duration.value} {animation.transition.default.timing-function.value}",
57
+ "public": true
58
+ },
59
+ "name": "animation-reveal-transition",
60
+ "attributes": {
61
+ "category": "animation",
62
+ "type": "reveal",
63
+ "item": "transition"
64
+ },
65
+ "path": [
66
+ "animation",
67
+ "reveal",
68
+ "transition"
69
+ ]
70
+ }
71
+ },
49
72
  "button": {
50
73
  "transition": {
51
- "value": "background-color 200ms ease-in-out 0s, border-color 200ms ease-in-out 0s, color 200ms ease-in-out 0s",
74
+ "value": "all 200ms ease-in-out 0s",
52
75
  "public": true,
53
76
  "filePath": "tokens/animation/alias.json",
54
77
  "isSource": true,
55
78
  "original": {
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}, color {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}",
79
+ "value": "all {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}",
57
80
  "public": true
58
81
  },
59
82
  "name": "animation-button-transition",
@@ -94,12 +117,12 @@
94
117
  },
95
118
  "link": {
96
119
  "transition": {
97
- "value": "background-color 200ms ease-in-out 0s, color 200ms ease-in-out 0s",
120
+ "value": "all 200ms ease-in-out 0s",
98
121
  "public": true,
99
122
  "filePath": "tokens/animation/alias.json",
100
123
  "isSource": true,
101
124
  "original": {
102
- "value": "background-color {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}, color {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}",
125
+ "value": "all {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}",
103
126
  "public": true
104
127
  },
105
128
  "name": "animation-link-transition",
@@ -211,6 +234,31 @@
211
234
  "duration"
212
235
  ]
213
236
  }
237
+ },
238
+ "reveal": {
239
+ "duration": {
240
+ "value": "300ms",
241
+ "public": true,
242
+ "filePath": "tokens/animation/base.json",
243
+ "isSource": true,
244
+ "original": {
245
+ "value": "300ms",
246
+ "public": true
247
+ },
248
+ "name": "animation-transition-reveal-duration",
249
+ "attributes": {
250
+ "category": "animation",
251
+ "type": "transition",
252
+ "item": "reveal",
253
+ "subitem": "duration"
254
+ },
255
+ "path": [
256
+ "animation",
257
+ "transition",
258
+ "reveal",
259
+ "duration"
260
+ ]
261
+ }
214
262
  }
215
263
  }
216
264
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.76",
3
+ "version": "1.0.0-dev.77",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [