@daikin-oss/dds-tokens 0.2.1 → 0.3.0

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 (45) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/build/css/aaf/Dark/variables.css +17 -88
  3. package/build/css/aaf/Light/variables.css +17 -88
  4. package/build/css/daikin/Dark/variables.css +21 -111
  5. package/build/css/daikin/Light/variables.css +17 -107
  6. package/build/js/aaf/Dark/variables.cjs +16 -87
  7. package/build/js/aaf/Dark/variables.d.cts +16 -107
  8. package/build/js/aaf/Dark/variables.d.ts +16 -107
  9. package/build/js/aaf/Dark/variables.js +17 -88
  10. package/build/js/aaf/Light/variables.cjs +16 -87
  11. package/build/js/aaf/Light/variables.d.cts +16 -107
  12. package/build/js/aaf/Light/variables.d.ts +16 -107
  13. package/build/js/aaf/Light/variables.js +17 -88
  14. package/build/js/daikin/Dark/variables.cjs +20 -110
  15. package/build/js/daikin/Dark/variables.d.cts +16 -127
  16. package/build/js/daikin/Dark/variables.d.ts +16 -127
  17. package/build/js/daikin/Dark/variables.js +21 -111
  18. package/build/js/daikin/Light/variables.cjs +16 -106
  19. package/build/js/daikin/Light/variables.d.cts +16 -127
  20. package/build/js/daikin/Light/variables.d.ts +16 -127
  21. package/build/js/daikin/Light/variables.js +17 -107
  22. package/build/json/aaf/Dark/tokens.json +36 -320
  23. package/build/json/aaf/Light/tokens.json +36 -320
  24. package/build/json/daikin/Dark/tokens.json +40 -400
  25. package/build/json/daikin/Light/tokens.json +36 -396
  26. package/build/scss/aaf/Dark/_mixins.scss +17 -88
  27. package/build/scss/aaf/Light/_mixins.scss +17 -88
  28. package/build/scss/daikin/Dark/_mixins.scss +21 -111
  29. package/build/scss/daikin/Light/_mixins.scss +17 -107
  30. package/package.json +1 -1
  31. package/themes/aaf/dark/component.json +1 -113
  32. package/themes/aaf/dark/system.json +1 -49
  33. package/themes/aaf/light/component.json +1 -113
  34. package/themes/aaf/light/system.json +1 -49
  35. package/themes/component.json +1 -184
  36. package/themes/dkn/dark/component.json +0 -237
  37. package/themes/dkn/dark/system.json +4 -77
  38. package/themes/dkn/light/component.json +0 -237
  39. package/themes/dkn/light/system.json +0 -73
  40. package/themes/reference.json +131 -200
  41. package/themes/system.json +1 -31
  42. package/build/css/aaf/Dark/buttons.css +0 -22
  43. package/build/css/aaf/Light/buttons.css +0 -22
  44. package/build/css/daikin/Dark/buttons.css +0 -22
  45. package/build/css/daikin/Light/buttons.css +0 -22
@@ -1,113 +1 @@
1
- {
2
- "container": {
3
- "color": {
4
- "background": {
5
- "value": "{color.background.component}",
6
- "type": "color"
7
- },
8
- "text": {
9
- "header": {
10
- "value": "{color.text.default}",
11
- "type": "color"
12
- },
13
- "body": {
14
- "value": "{color.text.default-sub}",
15
- "type": "color"
16
- }
17
- }
18
- },
19
- "shadow": {
20
- "value": "{shadow.black}",
21
- "type": "boxShadow"
22
- }
23
- },
24
- "icon": {
25
- "color": {
26
- "background": {
27
- "value": "{color.background.object}",
28
- "type": "color"
29
- }
30
- }
31
- },
32
- "button": {
33
- "color": {
34
- "background": {
35
- "primary": {
36
- "active": {
37
- "value": "{color.brand.primary}",
38
- "type": "color",
39
- "description": "Color used for the default state of a secondary button"
40
- },
41
- "hover": {
42
- "value": "{color.brand.secondary}",
43
- "type": "color"
44
- },
45
- "press": {
46
- "value": "{color.red.aaf.500}",
47
- "type": "color"
48
- },
49
- "focus": {
50
- "value": "{color.red.aaf.300}",
51
- "type": "color"
52
- },
53
- "disabled": {
54
- "value": "{color.gray.30}",
55
- "type": "color"
56
- }
57
- }
58
- },
59
- "border": {
60
- "secondary": {
61
- "active": {
62
- "value": "{color.brand.primary}",
63
- "type": "color"
64
- },
65
- "hover": {
66
- "value": "{color.brand.secondary}",
67
- "type": "color"
68
- },
69
- "press": {
70
- "value": "{color.red.aaf.500}",
71
- "type": "color"
72
- },
73
- "focus": {
74
- "value": "{color.red.aaf.300}",
75
- "type": "color"
76
- },
77
- "disabled": {
78
- "value": "{color.gray.30}",
79
- "type": "color"
80
- }
81
- }
82
- },
83
- "text": {
84
- "secondary": {
85
- "active": {
86
- "value": "{color.text.brand.primary}",
87
- "type": "color"
88
- },
89
- "hover": {
90
- "value": "{color.brand.secondary}",
91
- "type": "color"
92
- },
93
- "press": {
94
- "value": "{color.red.aaf.500}",
95
- "type": "color"
96
- },
97
- "focus": {
98
- "value": "{color.red.aaf.300}",
99
- "type": "color"
100
- },
101
- "disabled": {
102
- "value": "{color.gray.30}",
103
- "type": "color"
104
- }
105
- },
106
- "primary": {
107
- "value": "{color.text.theme}",
108
- "type": "color"
109
- }
110
- }
111
- }
112
- }
113
- }
1
+ {}
@@ -1,49 +1 @@
1
- {
2
- "color": {
3
- "brand": {
4
- "primary": {
5
- "value": "{color.red.aaf.600}",
6
- "type": "color",
7
- "description": "Primary brand blue"
8
- },
9
- "secondary": {
10
- "value": "{color.red.aaf.400}",
11
- "type": "color"
12
- }
13
- },
14
- "text": {
15
- "brand": {
16
- "primary": {
17
- "value": "{color.brand.primary}",
18
- "type": "color"
19
- }
20
- },
21
- "theme": {
22
- "value": "{color.white}",
23
- "type": "color"
24
- },
25
- "default": {
26
- "value": "{color.gray.90}",
27
- "type": "color"
28
- },
29
- "default-sub": {
30
- "value": "{color.gray.70}",
31
- "type": "color"
32
- }
33
- },
34
- "background": {
35
- "theme": {
36
- "value": "{color.white}",
37
- "type": "color"
38
- },
39
- "component": {
40
- "value": "{color.white}",
41
- "type": "color"
42
- },
43
- "object": {
44
- "value": "{color.gray.90}",
45
- "type": "color"
46
- }
47
- }
48
- }
49
- }
1
+ {}
@@ -1,184 +1 @@
1
- {
2
- "checkbox": {
3
- "border": {
4
- "unselected": {
5
- "value": {
6
- "color": "{color.gray.50}",
7
- "width": "2",
8
- "style": "solid"
9
- },
10
- "type": "border"
11
- }
12
- },
13
- "color": {
14
- "background": {
15
- "value": "{color.blue.60}",
16
- "type": "color"
17
- },
18
- "icon": {
19
- "value": "{color.white}",
20
- "type": "color"
21
- }
22
- }
23
- },
24
- "dropdown": {
25
- "color": {
26
- "background": {
27
- "value": "{color.white}",
28
- "type": "color"
29
- },
30
- "text": {
31
- "value": "{color.gray.90}",
32
- "type": "color"
33
- }
34
- }
35
- },
36
- "dropdown-tray": {
37
- "color": {
38
- "background": {
39
- "selected": {
40
- "value": "{color.gray.20}",
41
- "type": "color"
42
- }
43
- }
44
- }
45
- },
46
- "table": {
47
- "color": {
48
- "background": {
49
- "value": "{color.white}",
50
- "type": "color"
51
- },
52
- "text": {
53
- "value": "{color.gray.90}",
54
- "type": "color"
55
- }
56
- },
57
- "header": {
58
- "border": {
59
- "value": {
60
- "color": "{color.black}",
61
- "width": "1"
62
- },
63
- "type": "border"
64
- }
65
- },
66
- "cell": {
67
- "border": {
68
- "value": {
69
- "color": "{color.gray.20}",
70
- "width": "1"
71
- },
72
- "type": "border"
73
- }
74
- },
75
- "page-number": {
76
- "color": {
77
- "background": {
78
- "selected": {
79
- "value": "{color.gray.70}",
80
- "type": "color"
81
- }
82
- },
83
- "text": {
84
- "default": {
85
- "value": "{color.gray.90}",
86
- "type": "color"
87
- },
88
- "selected": {
89
- "value": "{color.white}",
90
- "type": "color"
91
- }
92
- }
93
- },
94
- "border": {
95
- "hover": {
96
- "value": {
97
- "color": "{color.gray.70}",
98
- "width": "1"
99
- },
100
- "type": "border"
101
- }
102
- }
103
- }
104
- },
105
- "login": {
106
- "sso-button": {
107
- "border": {
108
- "value": {
109
- "color": "{color.gray.80}",
110
- "width": "1"
111
- },
112
- "type": "border"
113
- },
114
- "color": {
115
- "text": {
116
- "value": "{color.gray.80}",
117
- "type": "color"
118
- }
119
- }
120
- }
121
- },
122
- "form": {
123
- "color": {
124
- "background": {
125
- "value": "{color.white}",
126
- "type": "color"
127
- },
128
- "text": {
129
- "default": {
130
- "value": "{color.gray.100}",
131
- "type": "color"
132
- },
133
- "placeholder": {
134
- "value": "{color.gray.70}",
135
- "type": "color"
136
- },
137
- "positive": {
138
- "value": "{color.feedback.positive}",
139
- "type": "color"
140
- },
141
- "negative": {
142
- "value": "{color.feedback.negative}",
143
- "type": "color"
144
- }
145
- }
146
- }
147
- },
148
- "notification": {
149
- "color": {
150
- "background": {
151
- "success": {
152
- "value": "{color.feedback.positive}",
153
- "type": "color"
154
- },
155
- "error": {
156
- "value": "{color.feedback.negative}",
157
- "type": "color"
158
- },
159
- "warning": {
160
- "value": "{color.feedback.warning}",
161
- "type": "color"
162
- },
163
- "alarm": {
164
- "value": "{color.feedback.alarm}",
165
- "type": "color"
166
- },
167
- "information": {
168
- "value": "{color.feedback.information}",
169
- "type": "color"
170
- }
171
- }
172
- }
173
- },
174
- "icon": {
175
- "color": {
176
- "background": {
177
- "neutral": {
178
- "value": "{color.gray.60}",
179
- "type": "color"
180
- }
181
- }
182
- }
183
- }
184
- }
1
+ {}
@@ -1,241 +1,4 @@
1
1
  {
2
- "container": {
3
- "color": {
4
- "background": {
5
- "value": "{color.background.component}",
6
- "type": "color"
7
- },
8
- "text": {
9
- "header": {
10
- "value": "{color.text.default}",
11
- "type": "color"
12
- },
13
- "body": {
14
- "value": "{color.text.default-sub}",
15
- "type": "color"
16
- }
17
- }
18
- }
19
- },
20
- "card": {
21
- "shadow": {
22
- "value": "{shadow.black}",
23
- "type": "boxShadow"
24
- },
25
- "color": {
26
- "background": {
27
- "value": "{container.color.background}",
28
- "type": "color"
29
- }
30
- },
31
- "border": {
32
- "hover": {
33
- "value": {
34
- "color": "#BFBFBF",
35
- "width": "2",
36
- "style": "solid"
37
- },
38
- "type": "border"
39
- },
40
- "alert": {
41
- "value": {
42
- "color": "{color.feedback.negative}",
43
- "width": "2",
44
- "style": "solid"
45
- },
46
- "type": "border"
47
- },
48
- "underline": {
49
- "value": {
50
- "color": "{color.blue-gray.20}",
51
- "width": "1",
52
- "style": "solid"
53
- },
54
- "type": "border"
55
- }
56
- }
57
- },
58
- "notification": {
59
- "shadow": {
60
- "value": "{shadow.black}",
61
- "type": "boxShadow"
62
- },
63
- "color": {
64
- "background": {
65
- "theme": {
66
- "value": "{color.background.component}",
67
- "type": "color"
68
- },
69
- "success": {
70
- "value": "{color.feedback.positive}",
71
- "type": "color"
72
- },
73
- "error": {
74
- "value": "{color.feedback.negative}",
75
- "type": "color"
76
- },
77
- "warning": {
78
- "value": "{color.feedback.warning}",
79
- "type": "color"
80
- },
81
- "alarm": {
82
- "value": "{color.feedback.alarm}",
83
- "type": "color"
84
- },
85
- "information": {
86
- "value": "{color.feedback.information}",
87
- "type": "color"
88
- }
89
- },
90
- "text": {
91
- "value": "{color.text.default}",
92
- "type": "color"
93
- }
94
- }
95
- },
96
- "icon": {
97
- "color": {
98
- "background": {
99
- "default": {
100
- "value": "{color.background.object}",
101
- "type": "color"
102
- },
103
- "theme": {
104
- "value": "{color.background.theme}",
105
- "type": "color"
106
- }
107
- }
108
- }
109
- },
110
- "button": {
111
- "color": {
112
- "background": {
113
- "primary": {
114
- "active": {
115
- "value": "{color.brand.primary}",
116
- "type": "color",
117
- "description": "Color used for the default state of a secondary button"
118
- },
119
- "hover": {
120
- "value": "{color.brand.secondary}",
121
- "type": "color"
122
- },
123
- "press": {
124
- "value": "{color.blue.70}",
125
- "type": "color"
126
- },
127
- "focus": {
128
- "value": "{color.blue.80}",
129
- "type": "color"
130
- },
131
- "disabled": {
132
- "value": "{color.gray.30}",
133
- "type": "color"
134
- }
135
- }
136
- },
137
- "border": {
138
- "secondary": {
139
- "active": {
140
- "value": "{color.brand.primary}",
141
- "type": "color"
142
- },
143
- "hover": {
144
- "value": "{color.brand.secondary}",
145
- "type": "color"
146
- },
147
- "press": {
148
- "value": "{color.blue.70}",
149
- "type": "color"
150
- },
151
- "focus": {
152
- "value": "{color.blue.80}",
153
- "type": "color"
154
- },
155
- "disabled": {
156
- "value": "{color.gray.30}",
157
- "type": "color"
158
- }
159
- }
160
- },
161
- "text": {
162
- "secondary": {
163
- "active": {
164
- "value": "{color.text.brand.primary}",
165
- "type": "color"
166
- },
167
- "hover": {
168
- "value": "{color.brand.secondary}",
169
- "type": "color"
170
- },
171
- "press": {
172
- "value": "{color.blue.70}",
173
- "type": "color"
174
- },
175
- "focus": {
176
- "value": "{color.blue.80}",
177
- "type": "color"
178
- },
179
- "disabled": {
180
- "value": "{color.gray.30}",
181
- "type": "color"
182
- }
183
- },
184
- "primary": {
185
- "value": "{color.text.theme}",
186
- "type": "color"
187
- }
188
- }
189
- }
190
- },
191
- "tab": {
192
- "color": {
193
- "line": {
194
- "active": {
195
- "value": "{color.brand.primary}",
196
- "type": "color"
197
- },
198
- "hover": {
199
- "value": "{color.brand.secondary}",
200
- "type": "color"
201
- },
202
- "press": {
203
- "value": "{color.blue.70}",
204
- "type": "color"
205
- },
206
- "focus": {
207
- "value": "{color.blue.80}",
208
- "type": "color"
209
- },
210
- "disabled": {
211
- "value": "{color.gray.30}",
212
- "type": "color"
213
- }
214
- },
215
- "text": {
216
- "active": {
217
- "value": "{color.text.brand.primary}",
218
- "type": "color"
219
- },
220
- "hover": {
221
- "value": "{color.brand.secondary}",
222
- "type": "color"
223
- },
224
- "press": {
225
- "value": "{color.blue.70}",
226
- "type": "color"
227
- },
228
- "focus": {
229
- "value": "{color.blue.80}",
230
- "type": "color"
231
- },
232
- "disabled": {
233
- "value": "{color.gray.30}",
234
- "type": "color"
235
- }
236
- }
237
- }
238
- },
239
2
  "color": {
240
3
  "link": {
241
4
  "text": {
@@ -1,78 +1,5 @@
1
1
  {
2
2
  "color": {
3
- "brand": {
4
- "primary": {
5
- "value": "{color.blue.60}",
6
- "type": "color",
7
- "description": "Primary brand blue"
8
- },
9
- "secondary": {
10
- "value": "{color.blue.40}",
11
- "type": "color",
12
- "description": "Primary secondary brand blue"
13
- }
14
- },
15
- "text": {
16
- "brand": {
17
- "primary": {
18
- "value": "{color.brand.primary}",
19
- "type": "color"
20
- }
21
- },
22
- "theme": {
23
- "value": "{color.white}",
24
- "type": "color"
25
- },
26
- "default": {
27
- "value": "{color.gray.100}",
28
- "type": "color"
29
- },
30
- "default-sub": {
31
- "value": "{color.gray.80}",
32
- "type": "color"
33
- }
34
- },
35
- "background": {
36
- "theme": {
37
- "value": "{color.white}",
38
- "type": "color"
39
- },
40
- "component": {
41
- "value": "{color.white}",
42
- "type": "color"
43
- },
44
- "object": {
45
- "value": "{color.gray.100}",
46
- "type": "color"
47
- }
48
- },
49
- "feedback": {
50
- "positive": {
51
- "value": "{color.green.60}",
52
- "type": "color",
53
- "description": "System status is positive"
54
- },
55
- "warning": {
56
- "value": "{color.yellow.50}",
57
- "type": "color",
58
- "description": "System status is warning"
59
- },
60
- "negative": {
61
- "value": "{color.red.60}",
62
- "type": "color",
63
- "description": "System status is warning"
64
- },
65
- "alarm": {
66
- "value": "{color.orange.60}",
67
- "type": "color",
68
- "description": "System status is warning"
69
- },
70
- "information": {
71
- "value": "{color.blue.60}",
72
- "type": "color",
73
- "description": "System status is warning"
74
- }
75
- },
76
3
  "common": {
77
4
  "brand": {
78
5
  "default": {
@@ -101,11 +28,11 @@
101
28
  },
102
29
  "neutral": {
103
30
  "hover": {
104
- "value": "{color.gray.110}",
31
+ "value": "{color.dark-gray.115}",
105
32
  "type": "color"
106
33
  },
107
34
  "press": {
108
- "value": "{color.gray.100}",
35
+ "value": "{color.gray.110}",
109
36
  "type": "color"
110
37
  }
111
38
  },
@@ -124,11 +51,11 @@
124
51
  "type": "color"
125
52
  },
126
53
  "hover": {
127
- "value": "{color.gray.110}",
54
+ "value": "{color.dark-gray.115}",
128
55
  "type": "color"
129
56
  },
130
57
  "press": {
131
- "value": "{color.gray.100}",
58
+ "value": "{color.gray.110}",
132
59
  "type": "color"
133
60
  },
134
61
  "selected": {