@daikin-oss/dds-tokens 0.2.0 → 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 +16 -0
  2. package/build/css/aaf/Dark/variables.css +29 -88
  3. package/build/css/aaf/Light/variables.css +29 -88
  4. package/build/css/daikin/Dark/variables.css +71 -103
  5. package/build/css/daikin/Light/variables.css +35 -108
  6. package/build/js/aaf/Dark/variables.cjs +28 -87
  7. package/build/js/aaf/Dark/variables.d.cts +28 -107
  8. package/build/js/aaf/Dark/variables.d.ts +28 -107
  9. package/build/js/aaf/Dark/variables.js +29 -88
  10. package/build/js/aaf/Light/variables.cjs +28 -87
  11. package/build/js/aaf/Light/variables.d.cts +28 -107
  12. package/build/js/aaf/Light/variables.d.ts +28 -107
  13. package/build/js/aaf/Light/variables.js +29 -88
  14. package/build/js/daikin/Dark/variables.cjs +70 -102
  15. package/build/js/daikin/Dark/variables.d.cts +70 -123
  16. package/build/js/daikin/Dark/variables.d.ts +70 -123
  17. package/build/js/daikin/Dark/variables.js +71 -103
  18. package/build/js/daikin/Light/variables.cjs +34 -107
  19. package/build/js/daikin/Light/variables.d.cts +33 -127
  20. package/build/js/daikin/Light/variables.d.ts +33 -127
  21. package/build/js/daikin/Light/variables.js +35 -108
  22. package/build/json/aaf/Dark/tokens.json +60 -296
  23. package/build/json/aaf/Light/tokens.json +60 -296
  24. package/build/json/daikin/Dark/tokens.json +220 -348
  25. package/build/json/daikin/Light/tokens.json +81 -373
  26. package/build/scss/aaf/Dark/_mixins.scss +29 -88
  27. package/build/scss/aaf/Light/_mixins.scss +29 -88
  28. package/build/scss/daikin/Dark/_mixins.scss +71 -103
  29. package/build/scss/daikin/Light/_mixins.scss +35 -108
  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 +17 -178
  37. package/themes/dkn/dark/system.json +142 -55
  38. package/themes/dkn/light/component.json +17 -228
  39. package/themes/dkn/light/system.json +0 -73
  40. package/themes/reference.json +181 -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,49 +1 @@
1
- {
2
- "color": {
3
- "brand": {
4
- "primary": {
5
- "value": "{color.red.aaf.400}",
6
- "type": "color",
7
- "description": "Primary brand blue"
8
- },
9
- "secondary": {
10
- "value": "{color.red.aaf.600}",
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.gray.90}",
23
- "type": "color"
24
- },
25
- "default": {
26
- "value": "{color.white}",
27
- "type": "color"
28
- },
29
- "default-sub": {
30
- "value": "{color.gray.10}",
31
- "type": "color"
32
- }
33
- },
34
- "background": {
35
- "theme": {
36
- "value": "{color.black}",
37
- "type": "color"
38
- },
39
- "component": {
40
- "value": "{color.gray.90}",
41
- "type": "color"
42
- },
43
- "object": {
44
- "value": "{color.white}",
45
- "type": "color"
46
- }
47
- }
48
- }
49
- }
1
+ {}
@@ -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,205 +1,44 @@
1
1
  {
2
- "container": {
3
- "color": {
4
- "background": {
5
- "value": "{color.background.component}",
6
- "type": "color"
7
- },
2
+ "color": {
3
+ "link": {
8
4
  "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.white}",
23
- "type": "boxShadow"
24
- }
25
- },
26
- "notification": {
27
- "shadow": {
28
- "value": "{shadow.black}",
29
- "type": "boxShadow"
30
- },
31
- "color": {
32
- "background": {
33
- "theme": {
34
- "value": "{color.background.component}",
35
- "type": "color"
36
- },
37
- "success": {
38
- "value": "{color.feedback.positive}",
39
- "type": "color"
40
- },
41
- "error": {
42
- "value": "{color.feedback.negative}",
43
- "type": "color"
44
- },
45
- "warning": {
46
- "value": "{color.feedback.warning}",
5
+ "default": {
6
+ "value": "{color.blue.40}",
47
7
  "type": "color"
48
8
  },
49
- "alarm": {
50
- "value": "{color.feedback.alarm}",
9
+ "hover": {
10
+ "value": "{color.blue.30}",
51
11
  "type": "color"
52
12
  },
53
- "information": {
54
- "value": "{color.feedback.information}",
55
- "type": "color"
56
- }
57
- },
58
- "text": {
59
- "value": "{color.text.default}",
60
- "type": "color"
61
- }
62
- }
63
- },
64
- "icon": {
65
- "color": {
66
- "background": {
67
- "default": {
68
- "value": "{color.background.object}",
13
+ "press": {
14
+ "value": "{color.blue.20}",
69
15
  "type": "color"
70
16
  },
71
- "theme": {
72
- "value": "{color.background.theme}",
73
- "type": "color"
74
- }
75
- }
76
- }
77
- },
78
- "button": {
79
- "color": {
80
- "background": {
81
- "primary": {
82
- "active": {
83
- "value": "{color.brand.primary}",
84
- "type": "color",
85
- "description": "Color used for the default state of a secondary button"
86
- },
87
- "hover": {
88
- "value": "{color.brand.secondary}",
89
- "type": "color"
90
- },
91
- "press": {
92
- "value": "{color.blue.30}",
93
- "type": "color"
94
- },
95
- "focus": {
96
- "value": "{color.blue.20}",
97
- "type": "color"
98
- },
99
- "disabled": {
100
- "value": "{color.gray.80}",
101
- "type": "color"
102
- }
103
- }
104
- },
105
- "border": {
106
- "secondary": {
107
- "active": {
108
- "value": "{color.brand.primary}",
17
+ "visited": {
18
+ "default": {
19
+ "value": "{color.purple.40}",
109
20
  "type": "color"
110
21
  },
111
22
  "hover": {
112
- "value": "{color.brand.secondary}",
23
+ "value": "{color.purple.30}",
113
24
  "type": "color"
114
25
  },
115
26
  "press": {
116
- "value": "{color.blue.30}",
117
- "type": "color"
118
- },
119
- "focus": {
120
- "value": "{color.blue.20}",
121
- "type": "color"
122
- },
123
- "disabled": {
124
- "value": "{color.gray.80}",
27
+ "value": "{color.purple.20}",
125
28
  "type": "color"
126
29
  }
127
30
  }
128
31
  },
129
- "text": {
130
- "secondary": {
131
- "active": {
132
- "value": "{color.text.brand.primary}",
133
- "type": "color"
134
- },
32
+ "surface": {
33
+ "visited": {
135
34
  "hover": {
136
- "value": "{color.brand.secondary}",
35
+ "value": "{color.purple.120}",
137
36
  "type": "color"
138
37
  },
139
38
  "press": {
140
- "value": "{color.blue.30}",
141
- "type": "color"
142
- },
143
- "focus": {
144
- "value": "{color.blue.20}",
145
- "type": "color"
146
- },
147
- "disabled": {
148
- "value": "{color.gray.80}",
39
+ "value": "{color.purple.110}",
149
40
  "type": "color"
150
41
  }
151
- },
152
- "primary": {
153
- "value": "{color.text.theme}",
154
- "type": "color"
155
- }
156
- }
157
- }
158
- },
159
- "tab": {
160
- "color": {
161
- "line": {
162
- "active": {
163
- "value": "{color.brand.primary}",
164
- "type": "color"
165
- },
166
- "hover": {
167
- "value": "{color.brand.secondary}",
168
- "type": "color"
169
- },
170
- "press": {
171
- "value": "{color.blue.30}",
172
- "type": "color"
173
- },
174
- "focus": {
175
- "value": "{color.blue.20}",
176
- "type": "color"
177
- },
178
- "disabled": {
179
- "value": "{color.gray.80}",
180
- "type": "color"
181
- }
182
- },
183
- "text": {
184
- "active": {
185
- "value": "{color.text.brand.primary}",
186
- "type": "color"
187
- },
188
- "hover": {
189
- "value": "{color.brand.secondary}",
190
- "type": "color"
191
- },
192
- "press": {
193
- "value": "{color.blue.30}",
194
- "type": "color"
195
- },
196
- "focus": {
197
- "value": "{color.blue.20}",
198
- "type": "color"
199
- },
200
- "disabled": {
201
- "value": "{color.gray.80}",
202
- "type": "color"
203
42
  }
204
43
  }
205
44
  }