@daikin-oss/dds-tokens 0.4.2 → 1.0.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 (37) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/README.md +115 -31
  3. package/build/css/aaf/Dark/tailwind4.css +130 -0
  4. package/build/css/aaf/Dark/variables.css +8 -8
  5. package/build/css/aaf/Light/tailwind4.css +130 -0
  6. package/build/css/aaf/Light/variables.css +8 -8
  7. package/build/css/daikin/Dark/tailwind4.css +173 -0
  8. package/build/css/daikin/Dark/variables.css +8 -8
  9. package/build/css/daikin/Light/tailwind4.css +173 -0
  10. package/build/css/daikin/Light/variables.css +8 -8
  11. package/build/js/aaf/Dark/variables.cjs +8 -8
  12. package/build/js/aaf/Dark/variables.d.cts +8 -8
  13. package/build/js/aaf/Dark/variables.d.ts +8 -8
  14. package/build/js/aaf/Dark/variables.js +8 -8
  15. package/build/js/aaf/Light/variables.cjs +8 -8
  16. package/build/js/aaf/Light/variables.d.cts +8 -8
  17. package/build/js/aaf/Light/variables.d.ts +8 -8
  18. package/build/js/aaf/Light/variables.js +8 -8
  19. package/build/js/daikin/Dark/variables.cjs +8 -8
  20. package/build/js/daikin/Dark/variables.d.cts +8 -8
  21. package/build/js/daikin/Dark/variables.d.ts +8 -8
  22. package/build/js/daikin/Dark/variables.js +8 -8
  23. package/build/js/daikin/Light/variables.cjs +8 -8
  24. package/build/js/daikin/Light/variables.d.cts +8 -8
  25. package/build/js/daikin/Light/variables.d.ts +8 -8
  26. package/build/js/daikin/Light/variables.js +8 -8
  27. package/build/json/aaf/Dark/tokens.json +40 -40
  28. package/build/json/aaf/Light/tokens.json +40 -40
  29. package/build/json/daikin/Dark/tokens.json +40 -40
  30. package/build/json/daikin/Light/tokens.json +40 -40
  31. package/build/scss/aaf/Dark/_mixins.scss +8 -8
  32. package/build/scss/aaf/Light/_mixins.scss +8 -8
  33. package/build/scss/daikin/Dark/_mixins.scss +8 -8
  34. package/build/scss/daikin/Light/_mixins.scss +8 -8
  35. package/build/tailwind4.css +173 -0
  36. package/package.json +10 -3
  37. package/themes/reference.json +47 -78
package/build/json/daikin/Dark/tokens.json CHANGED
@@ -779,6 +779,16 @@
779
779
  "dimension",
780
780
  "spacing"
781
781
  ],
782
+ "space-1200": [
783
+ "48px",
784
+ "dimension",
785
+ "spacing"
786
+ ],
787
+ "space-1600": [
788
+ "64px",
789
+ "dimension",
790
+ "spacing"
791
+ ],
782
792
  "space-050": [
783
793
  "2px",
784
794
  "dimension",
@@ -824,46 +834,6 @@
824
834
  "typography",
825
835
  null
826
836
  ],
827
- "font-regular-bold-normal-300": [
828
- "700 12px/1.5 Roboto",
829
- "typography",
830
- null
831
- ],
832
- "font-regular-bold-normal-350": [
833
- "700 14px/1.5 Roboto",
834
- "typography",
835
- null
836
- ],
837
- "font-regular-bold-normal-400": [
838
- "700 16px/1.5 Roboto",
839
- "typography",
840
- null
841
- ],
842
- "font-regular-bold-normal-500": [
843
- "700 20px/1.5 Roboto",
844
- "typography",
845
- null
846
- ],
847
- "font-regular-bold-tight-300": [
848
- "700 12px/1.3 Roboto",
849
- "typography",
850
- null
851
- ],
852
- "font-regular-bold-tight-350": [
853
- "700 14px/1.3 Roboto",
854
- "typography",
855
- null
856
- ],
857
- "font-regular-bold-tight-400": [
858
- "700 16px/1.3 Roboto",
859
- "typography",
860
- null
861
- ],
862
- "font-regular-bold-tight-500": [
863
- "700 20px/1.3 Roboto",
864
- "typography",
865
- null
866
- ],
867
837
  "font-size-300": [
868
838
  "12px",
869
839
  "fontSize",
@@ -884,6 +854,21 @@
884
854
  "fontSize",
885
855
  "fontSizes"
886
856
  ],
857
+ "font-size-600": [
858
+ "24px",
859
+ "fontSize",
860
+ "fontSizes"
861
+ ],
862
+ "font-size-700": [
863
+ "28px",
864
+ "fontSize",
865
+ "fontSizes"
866
+ ],
867
+ "font-size-800": [
868
+ "32px",
869
+ "fontSize",
870
+ "fontSizes"
871
+ ],
887
872
  "font-line-height-tight": [
888
873
  "1.3",
889
874
  "lineHeight",
@@ -948,5 +933,20 @@
948
933
  "700 20px/1.3 Roboto",
949
934
  "typography",
950
935
  null
936
+ ],
937
+ "font-bold-tight-600": [
938
+ "700 24px/1.3 Roboto",
939
+ "typography",
940
+ null
941
+ ],
942
+ "font-bold-tight-700": [
943
+ "700 28px/1.3 Roboto",
944
+ "typography",
945
+ null
946
+ ],
947
+ "font-bold-tight-800": [
948
+ "700 32px/1.3 Roboto",
949
+ "typography",
950
+ null
951
951
  ]
952
952
  }
package/build/json/daikin/Light/tokens.json CHANGED
@@ -779,6 +779,16 @@
779
779
  "dimension",
780
780
  "spacing"
781
781
  ],
782
+ "space-1200": [
783
+ "48px",
784
+ "dimension",
785
+ "spacing"
786
+ ],
787
+ "space-1600": [
788
+ "64px",
789
+ "dimension",
790
+ "spacing"
791
+ ],
782
792
  "space-050": [
783
793
  "2px",
784
794
  "dimension",
@@ -824,46 +834,6 @@
824
834
  "typography",
825
835
  null
826
836
  ],
827
- "font-regular-bold-normal-300": [
828
- "700 12px/1.5 Roboto",
829
- "typography",
830
- null
831
- ],
832
- "font-regular-bold-normal-350": [
833
- "700 14px/1.5 Roboto",
834
- "typography",
835
- null
836
- ],
837
- "font-regular-bold-normal-400": [
838
- "700 16px/1.5 Roboto",
839
- "typography",
840
- null
841
- ],
842
- "font-regular-bold-normal-500": [
843
- "700 20px/1.5 Roboto",
844
- "typography",
845
- null
846
- ],
847
- "font-regular-bold-tight-300": [
848
- "700 12px/1.3 Roboto",
849
- "typography",
850
- null
851
- ],
852
- "font-regular-bold-tight-350": [
853
- "700 14px/1.3 Roboto",
854
- "typography",
855
- null
856
- ],
857
- "font-regular-bold-tight-400": [
858
- "700 16px/1.3 Roboto",
859
- "typography",
860
- null
861
- ],
862
- "font-regular-bold-tight-500": [
863
- "700 20px/1.3 Roboto",
864
- "typography",
865
- null
866
- ],
867
837
  "font-size-300": [
868
838
  "12px",
869
839
  "fontSize",
@@ -884,6 +854,21 @@
884
854
  "fontSize",
885
855
  "fontSizes"
886
856
  ],
857
+ "font-size-600": [
858
+ "24px",
859
+ "fontSize",
860
+ "fontSizes"
861
+ ],
862
+ "font-size-700": [
863
+ "28px",
864
+ "fontSize",
865
+ "fontSizes"
866
+ ],
867
+ "font-size-800": [
868
+ "32px",
869
+ "fontSize",
870
+ "fontSizes"
871
+ ],
887
872
  "font-line-height-tight": [
888
873
  "1.3",
889
874
  "lineHeight",
@@ -948,5 +933,20 @@
948
933
  "700 20px/1.3 Roboto",
949
934
  "typography",
950
935
  null
936
+ ],
937
+ "font-bold-tight-600": [
938
+ "700 24px/1.3 Roboto",
939
+ "typography",
940
+ null
941
+ ],
942
+ "font-bold-tight-700": [
943
+ "700 28px/1.3 Roboto",
944
+ "typography",
945
+ null
946
+ ],
947
+ "font-bold-tight-800": [
948
+ "700 32px/1.3 Roboto",
949
+ "typography",
950
+ null
951
951
  ]
952
952
  }
package/build/scss/aaf/Dark/_mixins.scss CHANGED
@@ -116,6 +116,8 @@
116
116
  --dds-space-400: 16px;
117
117
  --dds-space-600: 24px;
118
118
  --dds-space-800: 32px;
119
+ --dds-space-1200: 48px;
120
+ --dds-space-1600: 64px;
119
121
  --dds-space-050: 2px;
120
122
  --dds-font-regular-normal-300: 400 12px/1.5 Roboto;
121
123
  --dds-font-regular-normal-350: 400 14px/1.5 Roboto;
@@ -125,18 +127,13 @@
125
127
  --dds-font-regular-tight-350: 400 14px/1.3 Roboto;
126
128
  --dds-font-regular-tight-400: 400 16px/1.3 Roboto;
127
129
  --dds-font-regular-tight-500: 400 20px/1.3 Roboto;
128
- --dds-font-regular-bold-normal-300: 700 12px/1.5 Roboto;
129
- --dds-font-regular-bold-normal-350: 700 14px/1.5 Roboto;
130
- --dds-font-regular-bold-normal-400: 700 16px/1.5 Roboto;
131
- --dds-font-regular-bold-normal-500: 700 20px/1.5 Roboto;
132
- --dds-font-regular-bold-tight-300: 700 12px/1.3 Roboto;
133
- --dds-font-regular-bold-tight-350: 700 14px/1.3 Roboto;
134
- --dds-font-regular-bold-tight-400: 700 16px/1.3 Roboto;
135
- --dds-font-regular-bold-tight-500: 700 20px/1.3 Roboto;
136
130
  --dds-font-size-300: 12px;
137
131
  --dds-font-size-350: 14px;
138
132
  --dds-font-size-400: 16px;
139
133
  --dds-font-size-500: 20px;
134
+ --dds-font-size-600: 24px;
135
+ --dds-font-size-700: 28px;
136
+ --dds-font-size-800: 32px;
140
137
  --dds-font-line-height-tight: 1.3;
141
138
  --dds-font-line-height-normal: 1.5;
142
139
  --dds-font-weight-bold: 700;
@@ -150,4 +147,7 @@
150
147
  --dds-font-bold-tight-350: 700 14px/1.3 Roboto;
151
148
  --dds-font-bold-tight-400: 700 16px/1.3 Roboto;
152
149
  --dds-font-bold-tight-500: 700 20px/1.3 Roboto;
150
+ --dds-font-bold-tight-600: 700 24px/1.3 Roboto;
151
+ --dds-font-bold-tight-700: 700 28px/1.3 Roboto;
152
+ --dds-font-bold-tight-800: 700 32px/1.3 Roboto;
153
153
  }
package/build/scss/aaf/Light/_mixins.scss CHANGED
@@ -116,6 +116,8 @@
116
116
  --dds-space-400: 16px;
117
117
  --dds-space-600: 24px;
118
118
  --dds-space-800: 32px;
119
+ --dds-space-1200: 48px;
120
+ --dds-space-1600: 64px;
119
121
  --dds-space-050: 2px;
120
122
  --dds-font-regular-normal-300: 400 12px/1.5 Roboto;
121
123
  --dds-font-regular-normal-350: 400 14px/1.5 Roboto;
@@ -125,18 +127,13 @@
125
127
  --dds-font-regular-tight-350: 400 14px/1.3 Roboto;
126
128
  --dds-font-regular-tight-400: 400 16px/1.3 Roboto;
127
129
  --dds-font-regular-tight-500: 400 20px/1.3 Roboto;
128
- --dds-font-regular-bold-normal-300: 700 12px/1.5 Roboto;
129
- --dds-font-regular-bold-normal-350: 700 14px/1.5 Roboto;
130
- --dds-font-regular-bold-normal-400: 700 16px/1.5 Roboto;
131
- --dds-font-regular-bold-normal-500: 700 20px/1.5 Roboto;
132
- --dds-font-regular-bold-tight-300: 700 12px/1.3 Roboto;
133
- --dds-font-regular-bold-tight-350: 700 14px/1.3 Roboto;
134
- --dds-font-regular-bold-tight-400: 700 16px/1.3 Roboto;
135
- --dds-font-regular-bold-tight-500: 700 20px/1.3 Roboto;
136
130
  --dds-font-size-300: 12px;
137
131
  --dds-font-size-350: 14px;
138
132
  --dds-font-size-400: 16px;
139
133
  --dds-font-size-500: 20px;
134
+ --dds-font-size-600: 24px;
135
+ --dds-font-size-700: 28px;
136
+ --dds-font-size-800: 32px;
140
137
  --dds-font-line-height-tight: 1.3;
141
138
  --dds-font-line-height-normal: 1.5;
142
139
  --dds-font-weight-bold: 700;
@@ -150,4 +147,7 @@
150
147
  --dds-font-bold-tight-350: 700 14px/1.3 Roboto;
151
148
  --dds-font-bold-tight-400: 700 16px/1.3 Roboto;
152
149
  --dds-font-bold-tight-500: 700 20px/1.3 Roboto;
150
+ --dds-font-bold-tight-600: 700 24px/1.3 Roboto;
151
+ --dds-font-bold-tight-700: 700 28px/1.3 Roboto;
152
+ --dds-font-bold-tight-800: 700 32px/1.3 Roboto;
153
153
  }
package/build/scss/daikin/Dark/_mixins.scss CHANGED
@@ -159,6 +159,8 @@
159
159
  --dds-space-400: 16px;
160
160
  --dds-space-600: 24px;
161
161
  --dds-space-800: 32px;
162
+ --dds-space-1200: 48px;
163
+ --dds-space-1600: 64px;
162
164
  --dds-space-050: 2px;
163
165
  --dds-font-regular-normal-300: 400 12px/1.5 Roboto;
164
166
  --dds-font-regular-normal-350: 400 14px/1.5 Roboto;
@@ -168,18 +170,13 @@
168
170
  --dds-font-regular-tight-350: 400 14px/1.3 Roboto;
169
171
  --dds-font-regular-tight-400: 400 16px/1.3 Roboto;
170
172
  --dds-font-regular-tight-500: 400 20px/1.3 Roboto;
171
- --dds-font-regular-bold-normal-300: 700 12px/1.5 Roboto;
172
- --dds-font-regular-bold-normal-350: 700 14px/1.5 Roboto;
173
- --dds-font-regular-bold-normal-400: 700 16px/1.5 Roboto;
174
- --dds-font-regular-bold-normal-500: 700 20px/1.5 Roboto;
175
- --dds-font-regular-bold-tight-300: 700 12px/1.3 Roboto;
176
- --dds-font-regular-bold-tight-350: 700 14px/1.3 Roboto;
177
- --dds-font-regular-bold-tight-400: 700 16px/1.3 Roboto;
178
- --dds-font-regular-bold-tight-500: 700 20px/1.3 Roboto;
179
173
  --dds-font-size-300: 12px;
180
174
  --dds-font-size-350: 14px;
181
175
  --dds-font-size-400: 16px;
182
176
  --dds-font-size-500: 20px;
177
+ --dds-font-size-600: 24px;
178
+ --dds-font-size-700: 28px;
179
+ --dds-font-size-800: 32px;
183
180
  --dds-font-line-height-tight: 1.3;
184
181
  --dds-font-line-height-normal: 1.5;
185
182
  --dds-font-weight-bold: 700;
@@ -193,4 +190,7 @@
193
190
  --dds-font-bold-tight-350: 700 14px/1.3 Roboto;
194
191
  --dds-font-bold-tight-400: 700 16px/1.3 Roboto;
195
192
  --dds-font-bold-tight-500: 700 20px/1.3 Roboto;
193
+ --dds-font-bold-tight-600: 700 24px/1.3 Roboto;
194
+ --dds-font-bold-tight-700: 700 28px/1.3 Roboto;
195
+ --dds-font-bold-tight-800: 700 32px/1.3 Roboto;
196
196
  }
package/build/scss/daikin/Light/_mixins.scss CHANGED
@@ -159,6 +159,8 @@
159
159
  --dds-space-400: 16px;
160
160
  --dds-space-600: 24px;
161
161
  --dds-space-800: 32px;
162
+ --dds-space-1200: 48px;
163
+ --dds-space-1600: 64px;
162
164
  --dds-space-050: 2px;
163
165
  --dds-font-regular-normal-300: 400 12px/1.5 Roboto;
164
166
  --dds-font-regular-normal-350: 400 14px/1.5 Roboto;
@@ -168,18 +170,13 @@
168
170
  --dds-font-regular-tight-350: 400 14px/1.3 Roboto;
169
171
  --dds-font-regular-tight-400: 400 16px/1.3 Roboto;
170
172
  --dds-font-regular-tight-500: 400 20px/1.3 Roboto;
171
- --dds-font-regular-bold-normal-300: 700 12px/1.5 Roboto;
172
- --dds-font-regular-bold-normal-350: 700 14px/1.5 Roboto;
173
- --dds-font-regular-bold-normal-400: 700 16px/1.5 Roboto;
174
- --dds-font-regular-bold-normal-500: 700 20px/1.5 Roboto;
175
- --dds-font-regular-bold-tight-300: 700 12px/1.3 Roboto;
176
- --dds-font-regular-bold-tight-350: 700 14px/1.3 Roboto;
177
- --dds-font-regular-bold-tight-400: 700 16px/1.3 Roboto;
178
- --dds-font-regular-bold-tight-500: 700 20px/1.3 Roboto;
179
173
  --dds-font-size-300: 12px;
180
174
  --dds-font-size-350: 14px;
181
175
  --dds-font-size-400: 16px;
182
176
  --dds-font-size-500: 20px;
177
+ --dds-font-size-600: 24px;
178
+ --dds-font-size-700: 28px;
179
+ --dds-font-size-800: 32px;
183
180
  --dds-font-line-height-tight: 1.3;
184
181
  --dds-font-line-height-normal: 1.5;
185
182
  --dds-font-weight-bold: 700;
@@ -193,4 +190,7 @@
193
190
  --dds-font-bold-tight-350: 700 14px/1.3 Roboto;
194
191
  --dds-font-bold-tight-400: 700 16px/1.3 Roboto;
195
192
  --dds-font-bold-tight-500: 700 20px/1.3 Roboto;
193
+ --dds-font-bold-tight-600: 700 24px/1.3 Roboto;
194
+ --dds-font-bold-tight-700: 700 28px/1.3 Roboto;
195
+ --dds-font-bold-tight-800: 700 32px/1.3 Roboto;
196
196
  }
package/build/tailwind4.css ADDED
@@ -0,0 +1,173 @@
1
+ @theme inline {
2
+ --color-dds-color-blue-10: var(--dds-color-blue-10);
3
+ --color-dds-color-blue-20: var(--dds-color-blue-20);
4
+ --color-dds-color-blue-30: var(--dds-color-blue-30);
5
+ --color-dds-color-blue-40: var(--dds-color-blue-40);
6
+ --color-dds-color-blue-50: var(--dds-color-blue-50);
7
+ --color-dds-color-blue-60: var(--dds-color-blue-60);
8
+ --color-dds-color-blue-70: var(--dds-color-blue-70);
9
+ --color-dds-color-blue-80: var(--dds-color-blue-80);
10
+ --color-dds-color-blue-90: var(--dds-color-blue-90);
11
+ --color-dds-color-blue-100: var(--dds-color-blue-100);
12
+ --color-dds-color-blue-110: var(--dds-color-blue-110);
13
+ --color-dds-color-blue-120: var(--dds-color-blue-120);
14
+ --color-dds-color-green-10: var(--dds-color-green-10);
15
+ --color-dds-color-green-20: var(--dds-color-green-20);
16
+ --color-dds-color-green-30: var(--dds-color-green-30);
17
+ --color-dds-color-green-40: var(--dds-color-green-40);
18
+ --color-dds-color-green-50: var(--dds-color-green-50);
19
+ --color-dds-color-green-60: var(--dds-color-green-60);
20
+ --color-dds-color-green-70: var(--dds-color-green-70);
21
+ --color-dds-color-green-80: var(--dds-color-green-80);
22
+ --color-dds-color-green-90: var(--dds-color-green-90);
23
+ --color-dds-color-green-100: var(--dds-color-green-100);
24
+ --color-dds-color-green-110: var(--dds-color-green-110);
25
+ --color-dds-color-green-120: var(--dds-color-green-120);
26
+ --color-dds-color-yellow-10: var(--dds-color-yellow-10);
27
+ --color-dds-color-yellow-20: var(--dds-color-yellow-20);
28
+ --color-dds-color-yellow-30: var(--dds-color-yellow-30);
29
+ --color-dds-color-yellow-40: var(--dds-color-yellow-40);
30
+ --color-dds-color-yellow-50: var(--dds-color-yellow-50);
31
+ --color-dds-color-yellow-60: var(--dds-color-yellow-60);
32
+ --color-dds-color-yellow-70: var(--dds-color-yellow-70);
33
+ --color-dds-color-yellow-80: var(--dds-color-yellow-80);
34
+ --color-dds-color-yellow-90: var(--dds-color-yellow-90);
35
+ --color-dds-color-yellow-100: var(--dds-color-yellow-100);
36
+ --color-dds-color-yellow-110: var(--dds-color-yellow-110);
37
+ --color-dds-color-yellow-120: var(--dds-color-yellow-120);
38
+ --color-dds-color-orange-10: var(--dds-color-orange-10);
39
+ --color-dds-color-orange-20: var(--dds-color-orange-20);
40
+ --color-dds-color-orange-30: var(--dds-color-orange-30);
41
+ --color-dds-color-orange-40: var(--dds-color-orange-40);
42
+ --color-dds-color-orange-50: var(--dds-color-orange-50);
43
+ --color-dds-color-orange-60: var(--dds-color-orange-60);
44
+ --color-dds-color-orange-70: var(--dds-color-orange-70);
45
+ --color-dds-color-orange-80: var(--dds-color-orange-80);
46
+ --color-dds-color-orange-90: var(--dds-color-orange-90);
47
+ --color-dds-color-orange-100: var(--dds-color-orange-100);
48
+ --color-dds-color-orange-110: var(--dds-color-orange-110);
49
+ --color-dds-color-orange-120: var(--dds-color-orange-120);
50
+ --color-dds-color-red-10: var(--dds-color-red-10);
51
+ --color-dds-color-red-20: var(--dds-color-red-20);
52
+ --color-dds-color-red-30: var(--dds-color-red-30);
53
+ --color-dds-color-red-40: var(--dds-color-red-40);
54
+ --color-dds-color-red-50: var(--dds-color-red-50);
55
+ --color-dds-color-red-60: var(--dds-color-red-60);
56
+ --color-dds-color-red-70: var(--dds-color-red-70);
57
+ --color-dds-color-red-80: var(--dds-color-red-80);
58
+ --color-dds-color-red-90: var(--dds-color-red-90);
59
+ --color-dds-color-red-100: var(--dds-color-red-100);
60
+ --color-dds-color-red-110: var(--dds-color-red-110);
61
+ --color-dds-color-red-120: var(--dds-color-red-120);
62
+ --color-dds-color-gray-10: var(--dds-color-gray-10);
63
+ --color-dds-color-gray-20: var(--dds-color-gray-20);
64
+ --color-dds-color-gray-30: var(--dds-color-gray-30);
65
+ --color-dds-color-gray-40: var(--dds-color-gray-40);
66
+ --color-dds-color-gray-50: var(--dds-color-gray-50);
67
+ --color-dds-color-gray-60: var(--dds-color-gray-60);
68
+ --color-dds-color-gray-70: var(--dds-color-gray-70);
69
+ --color-dds-color-gray-80: var(--dds-color-gray-80);
70
+ --color-dds-color-gray-90: var(--dds-color-gray-90);
71
+ --color-dds-color-gray-100: var(--dds-color-gray-100);
72
+ --color-dds-color-gray-110: var(--dds-color-gray-110);
73
+ --color-dds-color-gray-120: var(--dds-color-gray-120);
74
+ --color-dds-color-black: var(--dds-color-black);
75
+ --color-dds-color-white: var(--dds-color-white);
76
+ --color-dds-color-blue-gray-10: var(--dds-color-blue-gray-10);
77
+ --color-dds-color-blue-gray-20: var(--dds-color-blue-gray-20);
78
+ --color-dds-color-blue-gray-30: var(--dds-color-blue-gray-30);
79
+ --color-dds-color-blue-gray-40: var(--dds-color-blue-gray-40);
80
+ --color-dds-color-blue-gray-50: var(--dds-color-blue-gray-50);
81
+ --color-dds-color-blue-gray-60: var(--dds-color-blue-gray-60);
82
+ --color-dds-color-blue-gray-70: var(--dds-color-blue-gray-70);
83
+ --color-dds-color-blue-gray-80: var(--dds-color-blue-gray-80);
84
+ --color-dds-color-blue-gray-90: var(--dds-color-blue-gray-90);
85
+ --color-dds-color-blue-gray-100: var(--dds-color-blue-gray-100);
86
+ --color-dds-color-blue-gray-110: var(--dds-color-blue-gray-110);
87
+ --color-dds-color-blue-gray-120: var(--dds-color-blue-gray-120);
88
+ --color-dds-color-dark-gray-105: var(--dds-color-dark-gray-105);
89
+ --color-dds-color-dark-gray-115: var(--dds-color-dark-gray-115);
90
+ --color-dds-color-dark-gray-125: var(--dds-color-dark-gray-125);
91
+ --color-dds-color-purple-10: var(--dds-color-purple-10);
92
+ --color-dds-color-purple-20: var(--dds-color-purple-20);
93
+ --color-dds-color-purple-30: var(--dds-color-purple-30);
94
+ --color-dds-color-purple-40: var(--dds-color-purple-40);
95
+ --color-dds-color-purple-50: var(--dds-color-purple-50);
96
+ --color-dds-color-purple-60: var(--dds-color-purple-60);
97
+ --color-dds-color-purple-70: var(--dds-color-purple-70);
98
+ --color-dds-color-purple-80: var(--dds-color-purple-80);
99
+ --color-dds-color-purple-90: var(--dds-color-purple-90);
100
+ --color-dds-color-purple-100: var(--dds-color-purple-100);
101
+ --color-dds-color-purple-110: var(--dds-color-purple-110);
102
+ --color-dds-color-purple-120: var(--dds-color-purple-120);
103
+ --color-dds-color-common-brand-default: var(--dds-color-common-brand-default);
104
+ --color-dds-color-common-brand-hover: var(--dds-color-common-brand-hover);
105
+ --color-dds-color-common-brand-press: var(--dds-color-common-brand-press);
106
+ --color-dds-color-common-surface-brand-hover: var(--dds-color-common-surface-brand-hover);
107
+ --color-dds-color-common-surface-brand-press: var(--dds-color-common-surface-brand-press);
108
+ --color-dds-color-common-surface-neutral-hover: var(--dds-color-common-surface-neutral-hover);
109
+ --color-dds-color-common-surface-neutral-press: var(--dds-color-common-surface-neutral-press);
110
+ --color-dds-color-common-surface-danger-hover: var(--dds-color-common-surface-danger-hover);
111
+ --color-dds-color-common-surface-danger-press: var(--dds-color-common-surface-danger-press);
112
+ --color-dds-color-common-surface-default: var(--dds-color-common-surface-default);
113
+ --color-dds-color-common-surface-inverse: var(--dds-color-common-surface-inverse);
114
+ --color-dds-color-common-surface-hover: var(--dds-color-common-surface-hover);
115
+ --color-dds-color-common-surface-press: var(--dds-color-common-surface-press);
116
+ --color-dds-color-common-surface-selected-default: var(--dds-color-common-surface-selected-default);
117
+ --color-dds-color-common-surface-selected-hover: var(--dds-color-common-surface-selected-hover);
118
+ --color-dds-color-common-surface-selected-press: var(--dds-color-common-surface-selected-press);
119
+ --color-dds-color-common-neutral-default: var(--dds-color-common-neutral-default);
120
+ --color-dds-color-common-neutral-hover: var(--dds-color-common-neutral-hover);
121
+ --color-dds-color-common-neutral-press: var(--dds-color-common-neutral-press);
122
+ --color-dds-color-common-danger-default: var(--dds-color-common-danger-default);
123
+ --color-dds-color-common-danger-hover: var(--dds-color-common-danger-hover);
124
+ --color-dds-color-common-danger-press: var(--dds-color-common-danger-press);
125
+ --color-dds-color-common-success: var(--dds-color-common-success);
126
+ --color-dds-color-common-warning: var(--dds-color-common-warning);
127
+ --color-dds-color-common-alarm: var(--dds-color-common-alarm);
128
+ --color-dds-color-common-information: var(--dds-color-common-information);
129
+ --color-dds-color-common-disabled: var(--dds-color-common-disabled);
130
+ --color-dds-color-common-text-primary: var(--dds-color-common-text-primary);
131
+ --color-dds-color-common-text-secondary: var(--dds-color-common-text-secondary);
132
+ --color-dds-color-common-text-inverse: var(--dds-color-common-text-inverse);
133
+ --color-dds-color-common-border-focus: var(--dds-color-common-border-focus);
134
+ --color-dds-color-common-border-empty: var(--dds-color-common-border-empty);
135
+ --color-dds-color-common-background-default: var(--dds-color-common-background-default);
136
+ --color-dds-color-common-background-overlay: var(--dds-color-common-background-overlay);
137
+ --color-dds-color-divider: var(--dds-color-divider);
138
+ --color-dds-color-link-text-default: var(--dds-color-link-text-default);
139
+ --color-dds-color-link-text-hover: var(--dds-color-link-text-hover);
140
+ --color-dds-color-link-text-press: var(--dds-color-link-text-press);
141
+ --color-dds-color-link-text-visited-default: var(--dds-color-link-text-visited-default);
142
+ --color-dds-color-link-text-visited-hover: var(--dds-color-link-text-visited-hover);
143
+ --color-dds-color-link-text-visited-press: var(--dds-color-link-text-visited-press);
144
+ --color-dds-color-link-surface-visited-hover: var(--dds-color-link-surface-visited-hover);
145
+ --color-dds-color-link-surface-visited-press: var(--dds-color-link-surface-visited-press);
146
+ --radius-dds-border-radius-100: var(--dds-border-radius-100);
147
+ --radius-dds-border-radius-200: var(--dds-border-radius-200);
148
+ --radius-dds-border-radius-050: var(--dds-border-radius-050);
149
+ --border-width-dds-border-width-100: var(--dds-border-width-100);
150
+ --border-width-dds-border-width-025: var(--dds-border-width-025);
151
+ --border-width-dds-border-width-050: var(--dds-border-width-050);
152
+ --spacing-dds-space-100: var(--dds-space-100);
153
+ --spacing-dds-space-200: var(--dds-space-200);
154
+ --spacing-dds-space-300: var(--dds-space-300);
155
+ --spacing-dds-space-400: var(--dds-space-400);
156
+ --spacing-dds-space-600: var(--dds-space-600);
157
+ --spacing-dds-space-800: var(--dds-space-800);
158
+ --spacing-dds-space-1200: var(--dds-space-1200);
159
+ --spacing-dds-space-1600: var(--dds-space-1600);
160
+ --spacing-dds-space-050: var(--dds-space-050);
161
+ --font-size-dds-font-size-300: var(--dds-font-size-300);
162
+ --font-size-dds-font-size-350: var(--dds-font-size-350);
163
+ --font-size-dds-font-size-400: var(--dds-font-size-400);
164
+ --font-size-dds-font-size-500: var(--dds-font-size-500);
165
+ --font-size-dds-font-size-600: var(--dds-font-size-600);
166
+ --font-size-dds-font-size-700: var(--dds-font-size-700);
167
+ --font-size-dds-font-size-800: var(--dds-font-size-800);
168
+ --line-height-dds-font-line-height-tight: var(--dds-font-line-height-tight);
169
+ --line-height-dds-font-line-height-normal: var(--dds-font-line-height-normal);
170
+ --font-weight-dds-font-weight-bold: var(--dds-font-weight-bold);
171
+ --font-weight-dds-font-weight-regular: var(--dds-font-weight-regular);
172
+ --font-family-dds-font-family-base: var(--dds-font-family-base);
173
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@daikin-oss/dds-tokens",
3
- "version": "0.4.2",
3
+ "version": "1.0.0",
4
4
  "description": "Design token definitions for DDS",
5
5
  "type": "module",
6
6
  "files": [
@@ -11,6 +11,7 @@
11
11
  ],
12
12
  "exports": {
13
13
  "./package.json": "./package.json",
14
+ "./tailwind4.css": "./build/tailwind4.css",
14
15
  "./js/*.js": {
15
16
  "import": "./build/js/*.js",
16
17
  "require": "./build/js/*.cjs",
@@ -35,8 +36,12 @@
35
36
  "changeset-publish": "changeset publish",
36
37
  "format": "prettier -w .",
37
38
  "test:unit": "vitest",
38
- "test:e2e": "node --test e2e",
39
- "test": "npm run test:unit -- --run && npm run test:e2e"
39
+ "test:e2e": "node --test e2e/*.mjs e2e/*.cjs",
40
+ "test": "npm run test:unit -- --run && npm run test:e2e",
41
+ "license-check": "license-checker --summary --onlyAllow \"$npm_package_config_licenseAllowlist\""
42
+ },
43
+ "config": {
44
+ "licenseAllowlist": "0BSD;Apache-2.0;BlueOak-1.0.0;BSD-2-Clause;BSD-3-Clause;CC-BY-3.0;CC0-1.0;ISC;MIT;Public Domain;Unlicense"
40
45
  },
41
46
  "repository": {
42
47
  "type": "git",
@@ -59,10 +64,12 @@
59
64
  "@changesets/cli": "^2.27.12",
60
65
  "@tokens-studio/sd-transforms": "^1.2.9",
61
66
  "@types/node": "^20.17.17",
67
+ "license-checker": "^25.0.1",
62
68
  "prettier": "^3.4.2",
63
69
  "prettier-plugin-organize-imports": "^4.1.0",
64
70
  "sass-embedded": "^1.83.4",
65
71
  "style-dictionary": "^4.3.2",
72
+ "tailwindcss": "^4.1.18",
66
73
  "tsx": "^4.19.2",
67
74
  "vitest": "^3.0.5"
68
75
  }