@pantheon-systems/pds-design-tokens 1.0.0-dev.74 → 1.0.0-dev.76
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 +3 -0
- package/build/css/pds-design-tokens-light-mode.css +4 -1
- package/build/css/pds-design-tokens.css +5 -0
- package/build/figma/pds-design-tokens-figma.json +219 -10
- package/build/json/pds-design-tokens-dark-mode.json +88 -0
- package/build/json/pds-design-tokens-light-mode.json +90 -2
- package/build/json/pds-design-tokens.json +39 -8
- package/package.json +1 -1
|
@@ -69,6 +69,9 @@
|
|
|
69
69
|
--pds-color-button-critical-foreground-active: #ffffff;
|
|
70
70
|
--pds-color-button-critical-foreground-default: #ffffff;
|
|
71
71
|
--pds-color-button-critical-foreground-hover: #ffffff;
|
|
72
|
+
--pds-color-button-navbar-foreground-active: #8a70ff;
|
|
73
|
+
--pds-color-button-navbar-foreground-default: #ffffff;
|
|
74
|
+
--pds-color-button-navbar-foreground-hover: #8a70ff;
|
|
72
75
|
--pds-color-button-primary-background-active: #4e39a8;
|
|
73
76
|
--pds-color-button-primary-background-default: #8a70ff;
|
|
74
77
|
--pds-color-button-primary-background-hover: #ad9bff;
|
|
@@ -69,6 +69,9 @@
|
|
|
69
69
|
--pds-color-button-critical-foreground-active: #ffffff;
|
|
70
70
|
--pds-color-button-critical-foreground-default: #ffffff;
|
|
71
71
|
--pds-color-button-critical-foreground-hover: #ffffff;
|
|
72
|
+
--pds-color-button-navbar-foreground-active: #5f41e5;
|
|
73
|
+
--pds-color-button-navbar-foreground-default: #23232d;
|
|
74
|
+
--pds-color-button-navbar-foreground-hover: #5f41e5;
|
|
72
75
|
--pds-color-button-primary-background-active: #11005d;
|
|
73
76
|
--pds-color-button-primary-background-default: #3017a1;
|
|
74
77
|
--pds-color-button-primary-background-hover: #5f41e5;
|
|
@@ -134,7 +137,7 @@
|
|
|
134
137
|
--pds-color-menu-background: #ffffff;
|
|
135
138
|
--pds-color-menu-item-background-active: #f1f1f1;
|
|
136
139
|
--pds-color-menu-item-background-default: #ffffff;
|
|
137
|
-
--pds-color-menu-item-background-hover: #
|
|
140
|
+
--pds-color-menu-item-background-hover: #f1f1f1;
|
|
138
141
|
--pds-color-menu-item-description-text: #6d6d78;
|
|
139
142
|
--pds-color-menu-item-foreground: #23232d;
|
|
140
143
|
--pds-color-menu-item-heading-text: #6d6d78;
|
|
@@ -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;
|
|
@@ -3,11 +3,13 @@
|
|
|
3
3
|
"animation": {
|
|
4
4
|
"focus": {
|
|
5
5
|
"transition": {
|
|
6
|
-
"value": "outline
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
},
|
|
@@ -4021,6 +4054,94 @@
|
|
|
4021
4054
|
]
|
|
4022
4055
|
}
|
|
4023
4056
|
}
|
|
4057
|
+
},
|
|
4058
|
+
"navbar": {
|
|
4059
|
+
"foreground": {
|
|
4060
|
+
"default": {
|
|
4061
|
+
"value": "#ffffff",
|
|
4062
|
+
"public": true,
|
|
4063
|
+
"isReferenceToInternal": true,
|
|
4064
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
4065
|
+
"isSource": true,
|
|
4066
|
+
"original": {
|
|
4067
|
+
"value": "{color.dark-mode.foreground.default.value}",
|
|
4068
|
+
"public": true,
|
|
4069
|
+
"isReferenceToInternal": true
|
|
4070
|
+
},
|
|
4071
|
+
"name": "color-dark-mode-button-navbar-foreground-default",
|
|
4072
|
+
"attributes": {
|
|
4073
|
+
"category": "color",
|
|
4074
|
+
"type": "dark-mode",
|
|
4075
|
+
"item": "button",
|
|
4076
|
+
"subitem": "navbar",
|
|
4077
|
+
"state": "foreground"
|
|
4078
|
+
},
|
|
4079
|
+
"path": [
|
|
4080
|
+
"color",
|
|
4081
|
+
"dark-mode",
|
|
4082
|
+
"button",
|
|
4083
|
+
"navbar",
|
|
4084
|
+
"foreground",
|
|
4085
|
+
"default"
|
|
4086
|
+
]
|
|
4087
|
+
},
|
|
4088
|
+
"hover": {
|
|
4089
|
+
"value": "#8a70ff",
|
|
4090
|
+
"public": true,
|
|
4091
|
+
"isReferenceToInternal": true,
|
|
4092
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
4093
|
+
"isSource": true,
|
|
4094
|
+
"original": {
|
|
4095
|
+
"value": "{color.dark-mode.link.hover.value}",
|
|
4096
|
+
"public": true,
|
|
4097
|
+
"isReferenceToInternal": true
|
|
4098
|
+
},
|
|
4099
|
+
"name": "color-dark-mode-button-navbar-foreground-hover",
|
|
4100
|
+
"attributes": {
|
|
4101
|
+
"category": "color",
|
|
4102
|
+
"type": "dark-mode",
|
|
4103
|
+
"item": "button",
|
|
4104
|
+
"subitem": "navbar",
|
|
4105
|
+
"state": "foreground"
|
|
4106
|
+
},
|
|
4107
|
+
"path": [
|
|
4108
|
+
"color",
|
|
4109
|
+
"dark-mode",
|
|
4110
|
+
"button",
|
|
4111
|
+
"navbar",
|
|
4112
|
+
"foreground",
|
|
4113
|
+
"hover"
|
|
4114
|
+
]
|
|
4115
|
+
},
|
|
4116
|
+
"active": {
|
|
4117
|
+
"value": "#8a70ff",
|
|
4118
|
+
"public": true,
|
|
4119
|
+
"isReferenceToInternal": true,
|
|
4120
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
4121
|
+
"isSource": true,
|
|
4122
|
+
"original": {
|
|
4123
|
+
"value": "{color.dark-mode.link.active.value}",
|
|
4124
|
+
"public": true,
|
|
4125
|
+
"isReferenceToInternal": true
|
|
4126
|
+
},
|
|
4127
|
+
"name": "color-dark-mode-button-navbar-foreground-active",
|
|
4128
|
+
"attributes": {
|
|
4129
|
+
"category": "color",
|
|
4130
|
+
"type": "dark-mode",
|
|
4131
|
+
"item": "button",
|
|
4132
|
+
"subitem": "navbar",
|
|
4133
|
+
"state": "foreground"
|
|
4134
|
+
},
|
|
4135
|
+
"path": [
|
|
4136
|
+
"color",
|
|
4137
|
+
"dark-mode",
|
|
4138
|
+
"button",
|
|
4139
|
+
"navbar",
|
|
4140
|
+
"foreground",
|
|
4141
|
+
"active"
|
|
4142
|
+
]
|
|
4143
|
+
}
|
|
4144
|
+
}
|
|
4024
4145
|
}
|
|
4025
4146
|
},
|
|
4026
4147
|
"toggle-button": {
|
|
@@ -9656,6 +9777,94 @@
|
|
|
9656
9777
|
]
|
|
9657
9778
|
}
|
|
9658
9779
|
}
|
|
9780
|
+
},
|
|
9781
|
+
"navbar": {
|
|
9782
|
+
"foreground": {
|
|
9783
|
+
"default": {
|
|
9784
|
+
"value": "#23232d",
|
|
9785
|
+
"public": true,
|
|
9786
|
+
"isReferenceToInternal": true,
|
|
9787
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
9788
|
+
"isSource": true,
|
|
9789
|
+
"original": {
|
|
9790
|
+
"value": "{color.light-mode.foreground.default.value}",
|
|
9791
|
+
"public": true,
|
|
9792
|
+
"isReferenceToInternal": true
|
|
9793
|
+
},
|
|
9794
|
+
"name": "color-light-mode-button-navbar-foreground-default",
|
|
9795
|
+
"attributes": {
|
|
9796
|
+
"category": "color",
|
|
9797
|
+
"type": "light-mode",
|
|
9798
|
+
"item": "button",
|
|
9799
|
+
"subitem": "navbar",
|
|
9800
|
+
"state": "foreground"
|
|
9801
|
+
},
|
|
9802
|
+
"path": [
|
|
9803
|
+
"color",
|
|
9804
|
+
"light-mode",
|
|
9805
|
+
"button",
|
|
9806
|
+
"navbar",
|
|
9807
|
+
"foreground",
|
|
9808
|
+
"default"
|
|
9809
|
+
]
|
|
9810
|
+
},
|
|
9811
|
+
"hover": {
|
|
9812
|
+
"value": "#5f41e5",
|
|
9813
|
+
"public": true,
|
|
9814
|
+
"isReferenceToInternal": true,
|
|
9815
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
9816
|
+
"isSource": true,
|
|
9817
|
+
"original": {
|
|
9818
|
+
"value": "{color.light-mode.link.hover.value}",
|
|
9819
|
+
"public": true,
|
|
9820
|
+
"isReferenceToInternal": true
|
|
9821
|
+
},
|
|
9822
|
+
"name": "color-light-mode-button-navbar-foreground-hover",
|
|
9823
|
+
"attributes": {
|
|
9824
|
+
"category": "color",
|
|
9825
|
+
"type": "light-mode",
|
|
9826
|
+
"item": "button",
|
|
9827
|
+
"subitem": "navbar",
|
|
9828
|
+
"state": "foreground"
|
|
9829
|
+
},
|
|
9830
|
+
"path": [
|
|
9831
|
+
"color",
|
|
9832
|
+
"light-mode",
|
|
9833
|
+
"button",
|
|
9834
|
+
"navbar",
|
|
9835
|
+
"foreground",
|
|
9836
|
+
"hover"
|
|
9837
|
+
]
|
|
9838
|
+
},
|
|
9839
|
+
"active": {
|
|
9840
|
+
"value": "#5f41e5",
|
|
9841
|
+
"public": true,
|
|
9842
|
+
"isReferenceToInternal": true,
|
|
9843
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
9844
|
+
"isSource": true,
|
|
9845
|
+
"original": {
|
|
9846
|
+
"value": "{color.light-mode.link.active.value}",
|
|
9847
|
+
"public": true,
|
|
9848
|
+
"isReferenceToInternal": true
|
|
9849
|
+
},
|
|
9850
|
+
"name": "color-light-mode-button-navbar-foreground-active",
|
|
9851
|
+
"attributes": {
|
|
9852
|
+
"category": "color",
|
|
9853
|
+
"type": "light-mode",
|
|
9854
|
+
"item": "button",
|
|
9855
|
+
"subitem": "navbar",
|
|
9856
|
+
"state": "foreground"
|
|
9857
|
+
},
|
|
9858
|
+
"path": [
|
|
9859
|
+
"color",
|
|
9860
|
+
"light-mode",
|
|
9861
|
+
"button",
|
|
9862
|
+
"navbar",
|
|
9863
|
+
"foreground",
|
|
9864
|
+
"active"
|
|
9865
|
+
]
|
|
9866
|
+
}
|
|
9867
|
+
}
|
|
9659
9868
|
}
|
|
9660
9869
|
},
|
|
9661
9870
|
"toggle-button": {
|
|
@@ -10605,13 +10814,13 @@
|
|
|
10605
10814
|
]
|
|
10606
10815
|
},
|
|
10607
10816
|
"hover": {
|
|
10608
|
-
"value": "#
|
|
10817
|
+
"value": "#f1f1f1",
|
|
10609
10818
|
"public": true,
|
|
10610
10819
|
"isReferenceToInternal": true,
|
|
10611
10820
|
"filePath": "tokens/color/alias/menu.light.json",
|
|
10612
10821
|
"isSource": true,
|
|
10613
10822
|
"original": {
|
|
10614
|
-
"value": "{color.light-mode.neutral.
|
|
10823
|
+
"value": "{color.light-mode.neutral.200.value}",
|
|
10615
10824
|
"public": true,
|
|
10616
10825
|
"isReferenceToInternal": true
|
|
10617
10826
|
},
|
|
@@ -2174,6 +2174,94 @@
|
|
|
2174
2174
|
]
|
|
2175
2175
|
}
|
|
2176
2176
|
}
|
|
2177
|
+
},
|
|
2178
|
+
"navbar": {
|
|
2179
|
+
"foreground": {
|
|
2180
|
+
"default": {
|
|
2181
|
+
"value": "#ffffff",
|
|
2182
|
+
"public": true,
|
|
2183
|
+
"isReferenceToInternal": true,
|
|
2184
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2185
|
+
"isSource": true,
|
|
2186
|
+
"original": {
|
|
2187
|
+
"value": "{color.dark-mode.foreground.default.value}",
|
|
2188
|
+
"public": true,
|
|
2189
|
+
"isReferenceToInternal": true
|
|
2190
|
+
},
|
|
2191
|
+
"name": "color-dark-mode-button-navbar-foreground-default",
|
|
2192
|
+
"attributes": {
|
|
2193
|
+
"category": "color",
|
|
2194
|
+
"type": "dark-mode",
|
|
2195
|
+
"item": "button",
|
|
2196
|
+
"subitem": "navbar",
|
|
2197
|
+
"state": "foreground"
|
|
2198
|
+
},
|
|
2199
|
+
"path": [
|
|
2200
|
+
"color",
|
|
2201
|
+
"dark-mode",
|
|
2202
|
+
"button",
|
|
2203
|
+
"navbar",
|
|
2204
|
+
"foreground",
|
|
2205
|
+
"default"
|
|
2206
|
+
]
|
|
2207
|
+
},
|
|
2208
|
+
"hover": {
|
|
2209
|
+
"value": "#8a70ff",
|
|
2210
|
+
"public": true,
|
|
2211
|
+
"isReferenceToInternal": true,
|
|
2212
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2213
|
+
"isSource": true,
|
|
2214
|
+
"original": {
|
|
2215
|
+
"value": "{color.dark-mode.link.hover.value}",
|
|
2216
|
+
"public": true,
|
|
2217
|
+
"isReferenceToInternal": true
|
|
2218
|
+
},
|
|
2219
|
+
"name": "color-dark-mode-button-navbar-foreground-hover",
|
|
2220
|
+
"attributes": {
|
|
2221
|
+
"category": "color",
|
|
2222
|
+
"type": "dark-mode",
|
|
2223
|
+
"item": "button",
|
|
2224
|
+
"subitem": "navbar",
|
|
2225
|
+
"state": "foreground"
|
|
2226
|
+
},
|
|
2227
|
+
"path": [
|
|
2228
|
+
"color",
|
|
2229
|
+
"dark-mode",
|
|
2230
|
+
"button",
|
|
2231
|
+
"navbar",
|
|
2232
|
+
"foreground",
|
|
2233
|
+
"hover"
|
|
2234
|
+
]
|
|
2235
|
+
},
|
|
2236
|
+
"active": {
|
|
2237
|
+
"value": "#8a70ff",
|
|
2238
|
+
"public": true,
|
|
2239
|
+
"isReferenceToInternal": true,
|
|
2240
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2241
|
+
"isSource": true,
|
|
2242
|
+
"original": {
|
|
2243
|
+
"value": "{color.dark-mode.link.active.value}",
|
|
2244
|
+
"public": true,
|
|
2245
|
+
"isReferenceToInternal": true
|
|
2246
|
+
},
|
|
2247
|
+
"name": "color-dark-mode-button-navbar-foreground-active",
|
|
2248
|
+
"attributes": {
|
|
2249
|
+
"category": "color",
|
|
2250
|
+
"type": "dark-mode",
|
|
2251
|
+
"item": "button",
|
|
2252
|
+
"subitem": "navbar",
|
|
2253
|
+
"state": "foreground"
|
|
2254
|
+
},
|
|
2255
|
+
"path": [
|
|
2256
|
+
"color",
|
|
2257
|
+
"dark-mode",
|
|
2258
|
+
"button",
|
|
2259
|
+
"navbar",
|
|
2260
|
+
"foreground",
|
|
2261
|
+
"active"
|
|
2262
|
+
]
|
|
2263
|
+
}
|
|
2264
|
+
}
|
|
2177
2265
|
}
|
|
2178
2266
|
},
|
|
2179
2267
|
"toggle-button": {
|
|
@@ -2168,6 +2168,94 @@
|
|
|
2168
2168
|
]
|
|
2169
2169
|
}
|
|
2170
2170
|
}
|
|
2171
|
+
},
|
|
2172
|
+
"navbar": {
|
|
2173
|
+
"foreground": {
|
|
2174
|
+
"default": {
|
|
2175
|
+
"value": "#23232d",
|
|
2176
|
+
"public": true,
|
|
2177
|
+
"isReferenceToInternal": true,
|
|
2178
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2179
|
+
"isSource": true,
|
|
2180
|
+
"original": {
|
|
2181
|
+
"value": "{color.light-mode.foreground.default.value}",
|
|
2182
|
+
"public": true,
|
|
2183
|
+
"isReferenceToInternal": true
|
|
2184
|
+
},
|
|
2185
|
+
"name": "color-light-mode-button-navbar-foreground-default",
|
|
2186
|
+
"attributes": {
|
|
2187
|
+
"category": "color",
|
|
2188
|
+
"type": "light-mode",
|
|
2189
|
+
"item": "button",
|
|
2190
|
+
"subitem": "navbar",
|
|
2191
|
+
"state": "foreground"
|
|
2192
|
+
},
|
|
2193
|
+
"path": [
|
|
2194
|
+
"color",
|
|
2195
|
+
"light-mode",
|
|
2196
|
+
"button",
|
|
2197
|
+
"navbar",
|
|
2198
|
+
"foreground",
|
|
2199
|
+
"default"
|
|
2200
|
+
]
|
|
2201
|
+
},
|
|
2202
|
+
"hover": {
|
|
2203
|
+
"value": "#5f41e5",
|
|
2204
|
+
"public": true,
|
|
2205
|
+
"isReferenceToInternal": true,
|
|
2206
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2207
|
+
"isSource": true,
|
|
2208
|
+
"original": {
|
|
2209
|
+
"value": "{color.light-mode.link.hover.value}",
|
|
2210
|
+
"public": true,
|
|
2211
|
+
"isReferenceToInternal": true
|
|
2212
|
+
},
|
|
2213
|
+
"name": "color-light-mode-button-navbar-foreground-hover",
|
|
2214
|
+
"attributes": {
|
|
2215
|
+
"category": "color",
|
|
2216
|
+
"type": "light-mode",
|
|
2217
|
+
"item": "button",
|
|
2218
|
+
"subitem": "navbar",
|
|
2219
|
+
"state": "foreground"
|
|
2220
|
+
},
|
|
2221
|
+
"path": [
|
|
2222
|
+
"color",
|
|
2223
|
+
"light-mode",
|
|
2224
|
+
"button",
|
|
2225
|
+
"navbar",
|
|
2226
|
+
"foreground",
|
|
2227
|
+
"hover"
|
|
2228
|
+
]
|
|
2229
|
+
},
|
|
2230
|
+
"active": {
|
|
2231
|
+
"value": "#5f41e5",
|
|
2232
|
+
"public": true,
|
|
2233
|
+
"isReferenceToInternal": true,
|
|
2234
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2235
|
+
"isSource": true,
|
|
2236
|
+
"original": {
|
|
2237
|
+
"value": "{color.light-mode.link.active.value}",
|
|
2238
|
+
"public": true,
|
|
2239
|
+
"isReferenceToInternal": true
|
|
2240
|
+
},
|
|
2241
|
+
"name": "color-light-mode-button-navbar-foreground-active",
|
|
2242
|
+
"attributes": {
|
|
2243
|
+
"category": "color",
|
|
2244
|
+
"type": "light-mode",
|
|
2245
|
+
"item": "button",
|
|
2246
|
+
"subitem": "navbar",
|
|
2247
|
+
"state": "foreground"
|
|
2248
|
+
},
|
|
2249
|
+
"path": [
|
|
2250
|
+
"color",
|
|
2251
|
+
"light-mode",
|
|
2252
|
+
"button",
|
|
2253
|
+
"navbar",
|
|
2254
|
+
"foreground",
|
|
2255
|
+
"active"
|
|
2256
|
+
]
|
|
2257
|
+
}
|
|
2258
|
+
}
|
|
2171
2259
|
}
|
|
2172
2260
|
},
|
|
2173
2261
|
"toggle-button": {
|
|
@@ -3117,13 +3205,13 @@
|
|
|
3117
3205
|
]
|
|
3118
3206
|
},
|
|
3119
3207
|
"hover": {
|
|
3120
|
-
"value": "#
|
|
3208
|
+
"value": "#f1f1f1",
|
|
3121
3209
|
"public": true,
|
|
3122
3210
|
"isReferenceToInternal": true,
|
|
3123
3211
|
"filePath": "tokens/color/alias/menu.light.json",
|
|
3124
3212
|
"isSource": true,
|
|
3125
3213
|
"original": {
|
|
3126
|
-
"value": "{color.light-mode.neutral.
|
|
3214
|
+
"value": "{color.light-mode.neutral.200.value}",
|
|
3127
3215
|
"public": true,
|
|
3128
3216
|
"isReferenceToInternal": true
|
|
3129
3217
|
},
|
|
@@ -2,11 +2,13 @@
|
|
|
2
2
|
"animation": {
|
|
3
3
|
"focus": {
|
|
4
4
|
"transition": {
|
|
5
|
-
"value": "outline
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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": {
|