@pantheon-systems/pds-design-tokens 1.0.0-dev.74 → 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 +43 -10
  4. package/build/json/pds-design-tokens-light-mode.json +2 -2
  5. package/build/json/pds-design-tokens.json +39 -8
  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
  },
@@ -72,11 +103,13 @@
72
103
  },
73
104
  "link": {
74
105
  "transition": {
75
- "value": "background-color: 200ms ease-in-out 0s, border-color: 200ms ease-in-out 0s",
106
+ "value": "background-color 200ms ease-in-out 0s, color 200ms ease-in-out 0s",
107
+ "public": true,
76
108
  "filePath": "tokens/animation/alias.json",
77
109
  "isSource": true,
78
110
  "original": {
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}",
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,
80
113
  "filePath": "build/json/pds-design-tokens.json",
81
114
  "isSource": false
82
115
  },
@@ -10605,13 +10638,13 @@
10605
10638
  ]
10606
10639
  },
10607
10640
  "hover": {
10608
- "value": "#f8f8f8",
10641
+ "value": "#f1f1f1",
10609
10642
  "public": true,
10610
10643
  "isReferenceToInternal": true,
10611
10644
  "filePath": "tokens/color/alias/menu.light.json",
10612
10645
  "isSource": true,
10613
10646
  "original": {
10614
- "value": "{color.light-mode.neutral.100.value}",
10647
+ "value": "{color.light-mode.neutral.200.value}",
10615
10648
  "public": true,
10616
10649
  "isReferenceToInternal": true
10617
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": {
@@ -65,11 +94,13 @@
65
94
  },
66
95
  "link": {
67
96
  "transition": {
68
- "value": "background-color: 200ms ease-in-out 0s, border-color: 200ms ease-in-out 0s",
97
+ "value": "background-color 200ms ease-in-out 0s, color 200ms ease-in-out 0s",
98
+ "public": true,
69
99
  "filePath": "tokens/animation/alias.json",
70
100
  "isSource": true,
71
101
  "original": {
72
- "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}"
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
73
104
  },
74
105
  "name": "animation-link-transition",
75
106
  "attributes": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.74",
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": [