@pantheon-systems/pds-design-tokens 1.0.0-dev.73 → 1.0.0-dev.75

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 (6) hide show
  1. package/build/css/pds-design-tokens-light-mode.css +1 -1
  2. package/build/css/pds-design-tokens.css +5 -0
  3. package/build/figma/pds-design-tokens-figma.json +64 -8
  4. package/build/json/pds-design-tokens-light-mode.json +2 -2
  5. package/build/json/pds-design-tokens.json +58 -6
  6. package/package.json +1 -1
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -134,7 +134,7 @@
134
134
  --pds-color-menu-background: #ffffff;
135
135
  --pds-color-menu-item-background-active: #f1f1f1;
136
136
  --pds-color-menu-item-background-default: #ffffff;
137
- --pds-color-menu-item-background-hover: #f8f8f8;
137
+ --pds-color-menu-item-background-hover: #f1f1f1;
138
138
  --pds-color-menu-item-description-text: #6d6d78;
139
139
  --pds-color-menu-item-foreground: #23232d;
140
140
  --pds-color-menu-item-heading-text: #6d6d78;
package/build/css/pds-design-tokens.css CHANGED
@@ -10,6 +10,11 @@
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);
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
+ --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);
17
+ --pds-animation-rotation-transition: transform var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);
13
18
  --pds-animation-transition-default-delay: 0s;
14
19
  --pds-animation-transition-default-duration: 200ms;
15
20
  --pds-animation-transition-default-timing-function: ease-in-out;
package/build/figma/pds-design-tokens-figma.json CHANGED
@@ -3,11 +3,13 @@
3
3
  "animation": {
4
4
  "focus": {
5
5
  "transition": {
6
- "value": "outline: 200ms ease-in-out 0s",
6
+ "value": "outline 200ms ease-in-out 0s",
7
+ "public": true,
7
8
  "filePath": "tokens/animation/alias.json",
8
9
  "isSource": true,
9
10
  "original": {
10
- "value": "outline: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}",
11
+ "value": "outline {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}",
12
+ "public": true,
11
13
  "filePath": "build/json/pds-design-tokens.json",
12
14
  "isSource": false
13
15
  },
@@ -24,13 +26,40 @@
24
26
  ]
25
27
  }
26
28
  },
29
+ "rotation": {
30
+ "transition": {
31
+ "value": "transform 200ms ease-in-out 0s",
32
+ "public": true,
33
+ "filePath": "tokens/animation/alias.json",
34
+ "isSource": true,
35
+ "original": {
36
+ "value": "transform {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}",
37
+ "public": true,
38
+ "filePath": "build/json/pds-design-tokens.json",
39
+ "isSource": false
40
+ },
41
+ "name": "animation-rotation-transition",
42
+ "attributes": {
43
+ "category": "animation",
44
+ "type": "rotation",
45
+ "item": "transition"
46
+ },
47
+ "path": [
48
+ "animation",
49
+ "rotation",
50
+ "transition"
51
+ ]
52
+ }
53
+ },
27
54
  "button": {
28
55
  "transition": {
29
- "value": "background-color: 200ms ease-in-out 0s, border-color: 200ms ease-in-out 0s",
56
+ "value": "background-color 200ms ease-in-out 0s, border-color 200ms ease-in-out 0s, color 200ms ease-in-out 0s",
57
+ "public": true,
30
58
  "filePath": "tokens/animation/alias.json",
31
59
  "isSource": true,
32
60
  "original": {
33
- "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}",
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}",
62
+ "public": true,
34
63
  "filePath": "build/json/pds-design-tokens.json",
35
64
  "isSource": false
36
65
  },
@@ -49,11 +78,13 @@
49
78
  },
50
79
  "input": {
51
80
  "transition": {
52
- "value": "background-color: 200ms ease-in-out 0s, border-color: 200ms ease-in-out 0s",
81
+ "value": "background-color 200ms ease-in-out 0s, border-color 200ms ease-in-out 0s",
82
+ "public": true,
53
83
  "filePath": "tokens/animation/alias.json",
54
84
  "isSource": true,
55
85
  "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}",
86
+ "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}",
87
+ "public": true,
57
88
  "filePath": "build/json/pds-design-tokens.json",
58
89
  "isSource": false
59
90
  },
@@ -70,6 +101,31 @@
70
101
  ]
71
102
  }
72
103
  },
104
+ "link": {
105
+ "transition": {
106
+ "value": "background-color 200ms ease-in-out 0s, color 200ms ease-in-out 0s",
107
+ "public": true,
108
+ "filePath": "tokens/animation/alias.json",
109
+ "isSource": true,
110
+ "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}",
112
+ "public": true,
113
+ "filePath": "build/json/pds-design-tokens.json",
114
+ "isSource": false
115
+ },
116
+ "name": "animation-link-transition",
117
+ "attributes": {
118
+ "category": "animation",
119
+ "type": "link",
120
+ "item": "transition"
121
+ },
122
+ "path": [
123
+ "animation",
124
+ "link",
125
+ "transition"
126
+ ]
127
+ }
128
+ },
73
129
  "transition": {
74
130
  "default": {
75
131
  "delay": {
@@ -10582,13 +10638,13 @@
10582
10638
  ]
10583
10639
  },
10584
10640
  "hover": {
10585
- "value": "#f8f8f8",
10641
+ "value": "#f1f1f1",
10586
10642
  "public": true,
10587
10643
  "isReferenceToInternal": true,
10588
10644
  "filePath": "tokens/color/alias/menu.light.json",
10589
10645
  "isSource": true,
10590
10646
  "original": {
10591
- "value": "{color.light-mode.neutral.100.value}",
10647
+ "value": "{color.light-mode.neutral.200.value}",
10592
10648
  "public": true,
10593
10649
  "isReferenceToInternal": true
10594
10650
  },
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -3117,13 +3117,13 @@
3117
3117
  ]
3118
3118
  },
3119
3119
  "hover": {
3120
- "value": "#f8f8f8",
3120
+ "value": "#f1f1f1",
3121
3121
  "public": true,
3122
3122
  "isReferenceToInternal": true,
3123
3123
  "filePath": "tokens/color/alias/menu.light.json",
3124
3124
  "isSource": true,
3125
3125
  "original": {
3126
- "value": "{color.light-mode.neutral.100.value}",
3126
+ "value": "{color.light-mode.neutral.200.value}",
3127
3127
  "public": true,
3128
3128
  "isReferenceToInternal": true
3129
3129
  },
package/build/json/pds-design-tokens.json CHANGED
@@ -2,11 +2,13 @@
2
2
  "animation": {
3
3
  "focus": {
4
4
  "transition": {
5
- "value": "outline: 200ms ease-in-out 0s",
5
+ "value": "outline 200ms ease-in-out 0s",
6
+ "public": true,
6
7
  "filePath": "tokens/animation/alias.json",
7
8
  "isSource": true,
8
9
  "original": {
9
- "value": "outline: {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}"
10
+ "value": "outline {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}",
11
+ "public": true
10
12
  },
11
13
  "name": "animation-focus-transition",
12
14
  "attributes": {
@@ -21,13 +23,38 @@
21
23
  ]
22
24
  }
23
25
  },
26
+ "rotation": {
27
+ "transition": {
28
+ "value": "transform 200ms ease-in-out 0s",
29
+ "public": true,
30
+ "filePath": "tokens/animation/alias.json",
31
+ "isSource": true,
32
+ "original": {
33
+ "value": "transform {animation.transition.default.duration.value} {animation.transition.default.timing-function.value} {animation.transition.default.delay.value}",
34
+ "public": true
35
+ },
36
+ "name": "animation-rotation-transition",
37
+ "attributes": {
38
+ "category": "animation",
39
+ "type": "rotation",
40
+ "item": "transition"
41
+ },
42
+ "path": [
43
+ "animation",
44
+ "rotation",
45
+ "transition"
46
+ ]
47
+ }
48
+ },
24
49
  "button": {
25
50
  "transition": {
26
- "value": "background-color: 200ms ease-in-out 0s, border-color: 200ms ease-in-out 0s",
51
+ "value": "background-color 200ms ease-in-out 0s, border-color 200ms ease-in-out 0s, color 200ms ease-in-out 0s",
52
+ "public": true,
27
53
  "filePath": "tokens/animation/alias.json",
28
54
  "isSource": true,
29
55
  "original": {
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}"
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}",
57
+ "public": true
31
58
  },
32
59
  "name": "animation-button-transition",
33
60
  "attributes": {
@@ -44,11 +71,13 @@
44
71
  },
45
72
  "input": {
46
73
  "transition": {
47
- "value": "background-color: 200ms ease-in-out 0s, border-color: 200ms ease-in-out 0s",
74
+ "value": "background-color 200ms ease-in-out 0s, border-color 200ms ease-in-out 0s",
75
+ "public": true,
48
76
  "filePath": "tokens/animation/alias.json",
49
77
  "isSource": true,
50
78
  "original": {
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}"
79
+ "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}",
80
+ "public": true
52
81
  },
53
82
  "name": "animation-input-transition",
54
83
  "attributes": {
@@ -63,6 +92,29 @@
63
92
  ]
64
93
  }
65
94
  },
95
+ "link": {
96
+ "transition": {
97
+ "value": "background-color 200ms ease-in-out 0s, color 200ms ease-in-out 0s",
98
+ "public": true,
99
+ "filePath": "tokens/animation/alias.json",
100
+ "isSource": true,
101
+ "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}",
103
+ "public": true
104
+ },
105
+ "name": "animation-link-transition",
106
+ "attributes": {
107
+ "category": "animation",
108
+ "type": "link",
109
+ "item": "transition"
110
+ },
111
+ "path": [
112
+ "animation",
113
+ "link",
114
+ "transition"
115
+ ]
116
+ }
117
+ },
66
118
  "transition": {
67
119
  "default": {
68
120
  "delay": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.73",
3
+ "version": "1.0.0-dev.75",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [