@daikin-oss/dds-tokens 0.4.2 → 1.1.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 (39) hide show
  1. package/CHANGELOG.md +19 -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 +177 -0
  8. package/build/css/daikin/Dark/variables.css +12 -8
  9. package/build/css/daikin/Light/tailwind4.css +177 -0
  10. package/build/css/daikin/Light/variables.css +12 -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 +12 -8
  20. package/build/js/daikin/Dark/variables.d.cts +12 -8
  21. package/build/js/daikin/Dark/variables.d.ts +12 -8
  22. package/build/js/daikin/Dark/variables.js +12 -8
  23. package/build/js/daikin/Light/variables.cjs +12 -8
  24. package/build/js/daikin/Light/variables.d.cts +12 -8
  25. package/build/js/daikin/Light/variables.d.ts +12 -8
  26. package/build/js/daikin/Light/variables.js +12 -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 +60 -40
  30. package/build/json/daikin/Light/tokens.json +60 -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 +12 -8
  34. package/build/scss/daikin/Light/_mixins.scss +12 -8
  35. package/build/tailwind4.css +177 -0
  36. package/package.json +10 -3
  37. package/themes/dkn/dark/system.json +18 -0
  38. package/themes/dkn/light/system.json +19 -1
  39. package/themes/reference.json +47 -78
@@ -115,6 +115,8 @@ export const space300: string;
115
115
  export const space400: string;
116
116
  export const space600: string;
117
117
  export const space800: string;
118
+ export const space1200: string;
119
+ export const space1600: string;
118
120
  export const space050: string;
119
121
  export const fontRegularNormal300: string;
120
122
  export const fontRegularNormal350: string;
@@ -124,18 +126,13 @@ export const fontRegularTight300: string;
124
126
  export const fontRegularTight350: string;
125
127
  export const fontRegularTight400: string;
126
128
  export const fontRegularTight500: string;
127
- export const fontRegularBoldNormal300: string;
128
- export const fontRegularBoldNormal350: string;
129
- export const fontRegularBoldNormal400: string;
130
- export const fontRegularBoldNormal500: string;
131
- export const fontRegularBoldTight300: string;
132
- export const fontRegularBoldTight350: string;
133
- export const fontRegularBoldTight400: string;
134
- export const fontRegularBoldTight500: string;
135
129
  export const fontSize300: string;
136
130
  export const fontSize350: string;
137
131
  export const fontSize400: string;
138
132
  export const fontSize500: string;
133
+ export const fontSize600: string;
134
+ export const fontSize700: string;
135
+ export const fontSize800: string;
139
136
  export const fontLineHeightTight: number;
140
137
  export const fontLineHeightNormal: number;
141
138
  export const fontWeightBold: number;
@@ -149,3 +146,6 @@ export const fontBoldTight300: string;
149
146
  export const fontBoldTight350: string;
150
147
  export const fontBoldTight400: string;
151
148
  export const fontBoldTight500: string;
149
+ export const fontBoldTight600: string;
150
+ export const fontBoldTight700: string;
151
+ export const fontBoldTight800: string;
@@ -115,6 +115,8 @@ export const space300: string;
115
115
  export const space400: string;
116
116
  export const space600: string;
117
117
  export const space800: string;
118
+ export const space1200: string;
119
+ export const space1600: string;
118
120
  export const space050: string;
119
121
  export const fontRegularNormal300: string;
120
122
  export const fontRegularNormal350: string;
@@ -124,18 +126,13 @@ export const fontRegularTight300: string;
124
126
  export const fontRegularTight350: string;
125
127
  export const fontRegularTight400: string;
126
128
  export const fontRegularTight500: string;
127
- export const fontRegularBoldNormal300: string;
128
- export const fontRegularBoldNormal350: string;
129
- export const fontRegularBoldNormal400: string;
130
- export const fontRegularBoldNormal500: string;
131
- export const fontRegularBoldTight300: string;
132
- export const fontRegularBoldTight350: string;
133
- export const fontRegularBoldTight400: string;
134
- export const fontRegularBoldTight500: string;
135
129
  export const fontSize300: string;
136
130
  export const fontSize350: string;
137
131
  export const fontSize400: string;
138
132
  export const fontSize500: string;
133
+ export const fontSize600: string;
134
+ export const fontSize700: string;
135
+ export const fontSize800: string;
139
136
  export const fontLineHeightTight: number;
140
137
  export const fontLineHeightNormal: number;
141
138
  export const fontWeightBold: number;
@@ -149,3 +146,6 @@ export const fontBoldTight300: string;
149
146
  export const fontBoldTight350: string;
150
147
  export const fontBoldTight400: string;
151
148
  export const fontBoldTight500: string;
149
+ export const fontBoldTight600: string;
150
+ export const fontBoldTight700: string;
151
+ export const fontBoldTight800: string;
@@ -115,6 +115,8 @@ export const space300 = "12px";
115
115
  export const space400 = "16px";
116
116
  export const space600 = "24px";
117
117
  export const space800 = "32px";
118
+ export const space1200 = "48px";
119
+ export const space1600 = "64px";
118
120
  export const space050 = "2px";
119
121
  export const fontRegularNormal300 = "400 12px/1.5 Roboto";
120
122
  export const fontRegularNormal350 = "400 14px/1.5 Roboto";
@@ -124,18 +126,13 @@ export const fontRegularTight300 = "400 12px/1.3 Roboto";
124
126
  export const fontRegularTight350 = "400 14px/1.3 Roboto";
125
127
  export const fontRegularTight400 = "400 16px/1.3 Roboto";
126
128
  export const fontRegularTight500 = "400 20px/1.3 Roboto";
127
- export const fontRegularBoldNormal300 = "700 12px/1.5 Roboto";
128
- export const fontRegularBoldNormal350 = "700 14px/1.5 Roboto";
129
- export const fontRegularBoldNormal400 = "700 16px/1.5 Roboto";
130
- export const fontRegularBoldNormal500 = "700 20px/1.5 Roboto";
131
- export const fontRegularBoldTight300 = "700 12px/1.3 Roboto";
132
- export const fontRegularBoldTight350 = "700 14px/1.3 Roboto";
133
- export const fontRegularBoldTight400 = "700 16px/1.3 Roboto";
134
- export const fontRegularBoldTight500 = "700 20px/1.3 Roboto";
135
129
  export const fontSize300 = "12px";
136
130
  export const fontSize350 = "14px";
137
131
  export const fontSize400 = "16px";
138
132
  export const fontSize500 = "20px";
133
+ export const fontSize600 = "24px";
134
+ export const fontSize700 = "28px";
135
+ export const fontSize800 = "32px";
139
136
  export const fontLineHeightTight = 1.3;
140
137
  export const fontLineHeightNormal = 1.5;
141
138
  export const fontWeightBold = 700;
@@ -149,3 +146,6 @@ export const fontBoldTight300 = "700 12px/1.3 Roboto";
149
146
  export const fontBoldTight350 = "700 14px/1.3 Roboto";
150
147
  export const fontBoldTight400 = "700 16px/1.3 Roboto";
151
148
  export const fontBoldTight500 = "700 20px/1.3 Roboto";
149
+ export const fontBoldTight600 = "700 24px/1.3 Roboto";
150
+ export const fontBoldTight700 = "700 28px/1.3 Roboto";
151
+ export const fontBoldTight800 = "700 32px/1.3 Roboto";
@@ -114,6 +114,9 @@ module.exports = {
114
114
  colorCommonSurfaceDangerHover: "#3e0307",
115
115
  colorCommonSurfaceDangerPress: "#5d050a",
116
116
  colorCommonSurfaceDefault: "#212121",
117
+ colorCommonSurfaceSecondaryDefault: "#313131",
118
+ colorCommonSurfaceSecondaryHover: "#414141",
119
+ colorCommonSurfaceSecondaryPress: "#515151",
117
120
  colorCommonSurfaceInverse: "#ffffff",
118
121
  colorCommonSurfaceHover: "#282828",
119
122
  colorCommonSurfacePress: "#313131",
@@ -136,6 +139,7 @@ module.exports = {
136
139
  colorCommonTextInverse: "#212121",
137
140
  colorCommonBorderFocus: "#54c3f1",
138
141
  colorCommonBorderEmpty: "#515151",
142
+ colorCommonBorderInverse: "#212121",
139
143
  colorCommonBackgroundDefault: "#212121",
140
144
  colorCommonBackgroundOverlay: "#000000",
141
145
  colorDivider: "#515151",
@@ -159,6 +163,8 @@ module.exports = {
159
163
  space400: "16px",
160
164
  space600: "24px",
161
165
  space800: "32px",
166
+ space1200: "48px",
167
+ space1600: "64px",
162
168
  space050: "2px",
163
169
  fontRegularNormal300: "400 12px/1.5 Roboto",
164
170
  fontRegularNormal350: "400 14px/1.5 Roboto",
@@ -168,18 +174,13 @@ module.exports = {
168
174
  fontRegularTight350: "400 14px/1.3 Roboto",
169
175
  fontRegularTight400: "400 16px/1.3 Roboto",
170
176
  fontRegularTight500: "400 20px/1.3 Roboto",
171
- fontRegularBoldNormal300: "700 12px/1.5 Roboto",
172
- fontRegularBoldNormal350: "700 14px/1.5 Roboto",
173
- fontRegularBoldNormal400: "700 16px/1.5 Roboto",
174
- fontRegularBoldNormal500: "700 20px/1.5 Roboto",
175
- fontRegularBoldTight300: "700 12px/1.3 Roboto",
176
- fontRegularBoldTight350: "700 14px/1.3 Roboto",
177
- fontRegularBoldTight400: "700 16px/1.3 Roboto",
178
- fontRegularBoldTight500: "700 20px/1.3 Roboto",
179
177
  fontSize300: "12px",
180
178
  fontSize350: "14px",
181
179
  fontSize400: "16px",
182
180
  fontSize500: "20px",
181
+ fontSize600: "24px",
182
+ fontSize700: "28px",
183
+ fontSize800: "32px",
183
184
  fontLineHeightTight: 1.3,
184
185
  fontLineHeightNormal: 1.5,
185
186
  fontWeightBold: 700,
@@ -193,4 +194,7 @@ module.exports = {
193
194
  fontBoldTight350: "700 14px/1.3 Roboto",
194
195
  fontBoldTight400: "700 16px/1.3 Roboto",
195
196
  fontBoldTight500: "700 20px/1.3 Roboto",
197
+ fontBoldTight600: "700 24px/1.3 Roboto",
198
+ fontBoldTight700: "700 28px/1.3 Roboto",
199
+ fontBoldTight800: "700 32px/1.3 Roboto",
196
200
  };
@@ -113,6 +113,9 @@ export const colorCommonSurfaceNeutralPress: string;
113
113
  export const colorCommonSurfaceDangerHover: string;
114
114
  export const colorCommonSurfaceDangerPress: string;
115
115
  export const colorCommonSurfaceDefault: string;
116
+ export const colorCommonSurfaceSecondaryDefault: string;
117
+ export const colorCommonSurfaceSecondaryHover: string;
118
+ export const colorCommonSurfaceSecondaryPress: string;
116
119
  export const colorCommonSurfaceInverse: string;
117
120
  export const colorCommonSurfaceHover: string;
118
121
  export const colorCommonSurfacePress: string;
@@ -135,6 +138,7 @@ export const colorCommonTextSecondary: string;
135
138
  export const colorCommonTextInverse: string;
136
139
  export const colorCommonBorderFocus: string;
137
140
  export const colorCommonBorderEmpty: string;
141
+ export const colorCommonBorderInverse: string;
138
142
  export const colorCommonBackgroundDefault: string;
139
143
  export const colorCommonBackgroundOverlay: string;
140
144
  export const colorDivider: string;
@@ -158,6 +162,8 @@ export const space300: string;
158
162
  export const space400: string;
159
163
  export const space600: string;
160
164
  export const space800: string;
165
+ export const space1200: string;
166
+ export const space1600: string;
161
167
  export const space050: string;
162
168
  export const fontRegularNormal300: string;
163
169
  export const fontRegularNormal350: string;
@@ -167,18 +173,13 @@ export const fontRegularTight300: string;
167
173
  export const fontRegularTight350: string;
168
174
  export const fontRegularTight400: string;
169
175
  export const fontRegularTight500: string;
170
- export const fontRegularBoldNormal300: string;
171
- export const fontRegularBoldNormal350: string;
172
- export const fontRegularBoldNormal400: string;
173
- export const fontRegularBoldNormal500: string;
174
- export const fontRegularBoldTight300: string;
175
- export const fontRegularBoldTight350: string;
176
- export const fontRegularBoldTight400: string;
177
- export const fontRegularBoldTight500: string;
178
176
  export const fontSize300: string;
179
177
  export const fontSize350: string;
180
178
  export const fontSize400: string;
181
179
  export const fontSize500: string;
180
+ export const fontSize600: string;
181
+ export const fontSize700: string;
182
+ export const fontSize800: string;
182
183
  export const fontLineHeightTight: number;
183
184
  export const fontLineHeightNormal: number;
184
185
  export const fontWeightBold: number;
@@ -192,3 +193,6 @@ export const fontBoldTight300: string;
192
193
  export const fontBoldTight350: string;
193
194
  export const fontBoldTight400: string;
194
195
  export const fontBoldTight500: string;
196
+ export const fontBoldTight600: string;
197
+ export const fontBoldTight700: string;
198
+ export const fontBoldTight800: string;
@@ -113,6 +113,9 @@ export const colorCommonSurfaceNeutralPress: string;
113
113
  export const colorCommonSurfaceDangerHover: string;
114
114
  export const colorCommonSurfaceDangerPress: string;
115
115
  export const colorCommonSurfaceDefault: string;
116
+ export const colorCommonSurfaceSecondaryDefault: string;
117
+ export const colorCommonSurfaceSecondaryHover: string;
118
+ export const colorCommonSurfaceSecondaryPress: string;
116
119
  export const colorCommonSurfaceInverse: string;
117
120
  export const colorCommonSurfaceHover: string;
118
121
  export const colorCommonSurfacePress: string;
@@ -135,6 +138,7 @@ export const colorCommonTextSecondary: string;
135
138
  export const colorCommonTextInverse: string;
136
139
  export const colorCommonBorderFocus: string;
137
140
  export const colorCommonBorderEmpty: string;
141
+ export const colorCommonBorderInverse: string;
138
142
  export const colorCommonBackgroundDefault: string;
139
143
  export const colorCommonBackgroundOverlay: string;
140
144
  export const colorDivider: string;
@@ -158,6 +162,8 @@ export const space300: string;
158
162
  export const space400: string;
159
163
  export const space600: string;
160
164
  export const space800: string;
165
+ export const space1200: string;
166
+ export const space1600: string;
161
167
  export const space050: string;
162
168
  export const fontRegularNormal300: string;
163
169
  export const fontRegularNormal350: string;
@@ -167,18 +173,13 @@ export const fontRegularTight300: string;
167
173
  export const fontRegularTight350: string;
168
174
  export const fontRegularTight400: string;
169
175
  export const fontRegularTight500: string;
170
- export const fontRegularBoldNormal300: string;
171
- export const fontRegularBoldNormal350: string;
172
- export const fontRegularBoldNormal400: string;
173
- export const fontRegularBoldNormal500: string;
174
- export const fontRegularBoldTight300: string;
175
- export const fontRegularBoldTight350: string;
176
- export const fontRegularBoldTight400: string;
177
- export const fontRegularBoldTight500: string;
178
176
  export const fontSize300: string;
179
177
  export const fontSize350: string;
180
178
  export const fontSize400: string;
181
179
  export const fontSize500: string;
180
+ export const fontSize600: string;
181
+ export const fontSize700: string;
182
+ export const fontSize800: string;
182
183
  export const fontLineHeightTight: number;
183
184
  export const fontLineHeightNormal: number;
184
185
  export const fontWeightBold: number;
@@ -192,3 +193,6 @@ export const fontBoldTight300: string;
192
193
  export const fontBoldTight350: string;
193
194
  export const fontBoldTight400: string;
194
195
  export const fontBoldTight500: string;
196
+ export const fontBoldTight600: string;
197
+ export const fontBoldTight700: string;
198
+ export const fontBoldTight800: string;
@@ -113,6 +113,9 @@ export const colorCommonSurfaceNeutralPress = "#313131";
113
113
  export const colorCommonSurfaceDangerHover = "#3e0307";
114
114
  export const colorCommonSurfaceDangerPress = "#5d050a";
115
115
  export const colorCommonSurfaceDefault = "#212121";
116
+ export const colorCommonSurfaceSecondaryDefault = "#313131";
117
+ export const colorCommonSurfaceSecondaryHover = "#414141";
118
+ export const colorCommonSurfaceSecondaryPress = "#515151";
116
119
  export const colorCommonSurfaceInverse = "#ffffff";
117
120
  export const colorCommonSurfaceHover = "#282828";
118
121
  export const colorCommonSurfacePress = "#313131";
@@ -135,6 +138,7 @@ export const colorCommonTextSecondary = "#bfbfbf";
135
138
  export const colorCommonTextInverse = "#212121";
136
139
  export const colorCommonBorderFocus = "#54c3f1";
137
140
  export const colorCommonBorderEmpty = "#515151";
141
+ export const colorCommonBorderInverse = "#212121";
138
142
  export const colorCommonBackgroundDefault = "#212121";
139
143
  export const colorCommonBackgroundOverlay = "#000000";
140
144
  export const colorDivider = "#515151";
@@ -158,6 +162,8 @@ export const space300 = "12px";
158
162
  export const space400 = "16px";
159
163
  export const space600 = "24px";
160
164
  export const space800 = "32px";
165
+ export const space1200 = "48px";
166
+ export const space1600 = "64px";
161
167
  export const space050 = "2px";
162
168
  export const fontRegularNormal300 = "400 12px/1.5 Roboto";
163
169
  export const fontRegularNormal350 = "400 14px/1.5 Roboto";
@@ -167,18 +173,13 @@ export const fontRegularTight300 = "400 12px/1.3 Roboto";
167
173
  export const fontRegularTight350 = "400 14px/1.3 Roboto";
168
174
  export const fontRegularTight400 = "400 16px/1.3 Roboto";
169
175
  export const fontRegularTight500 = "400 20px/1.3 Roboto";
170
- export const fontRegularBoldNormal300 = "700 12px/1.5 Roboto";
171
- export const fontRegularBoldNormal350 = "700 14px/1.5 Roboto";
172
- export const fontRegularBoldNormal400 = "700 16px/1.5 Roboto";
173
- export const fontRegularBoldNormal500 = "700 20px/1.5 Roboto";
174
- export const fontRegularBoldTight300 = "700 12px/1.3 Roboto";
175
- export const fontRegularBoldTight350 = "700 14px/1.3 Roboto";
176
- export const fontRegularBoldTight400 = "700 16px/1.3 Roboto";
177
- export const fontRegularBoldTight500 = "700 20px/1.3 Roboto";
178
176
  export const fontSize300 = "12px";
179
177
  export const fontSize350 = "14px";
180
178
  export const fontSize400 = "16px";
181
179
  export const fontSize500 = "20px";
180
+ export const fontSize600 = "24px";
181
+ export const fontSize700 = "28px";
182
+ export const fontSize800 = "32px";
182
183
  export const fontLineHeightTight = 1.3;
183
184
  export const fontLineHeightNormal = 1.5;
184
185
  export const fontWeightBold = 700;
@@ -192,3 +193,6 @@ export const fontBoldTight300 = "700 12px/1.3 Roboto";
192
193
  export const fontBoldTight350 = "700 14px/1.3 Roboto";
193
194
  export const fontBoldTight400 = "700 16px/1.3 Roboto";
194
195
  export const fontBoldTight500 = "700 20px/1.3 Roboto";
196
+ export const fontBoldTight600 = "700 24px/1.3 Roboto";
197
+ export const fontBoldTight700 = "700 28px/1.3 Roboto";
198
+ export const fontBoldTight800 = "700 32px/1.3 Roboto";
@@ -114,6 +114,9 @@ module.exports = {
114
114
  colorCommonSurfaceDangerHover: "#fdd9db",
115
115
  colorCommonSurfaceDangerPress: "#fbb3b7",
116
116
  colorCommonSurfaceDefault: "#ffffff",
117
+ colorCommonSurfaceSecondaryDefault: "#ebebeb",
118
+ colorCommonSurfaceSecondaryHover: "#dcdcdc",
119
+ colorCommonSurfaceSecondaryPress: "#cecece",
117
120
  colorCommonSurfaceInverse: "#616161",
118
121
  colorCommonSurfaceHover: "#f2f2f2",
119
122
  colorCommonSurfacePress: "#ebebeb",
@@ -136,6 +139,7 @@ module.exports = {
136
139
  colorCommonTextInverse: "#ffffff",
137
140
  colorCommonBorderFocus: "#0081c0",
138
141
  colorCommonBorderEmpty: "#cecece",
142
+ colorCommonBorderInverse: "#ffffff",
139
143
  colorCommonBackgroundDefault: "#ffffff",
140
144
  colorCommonBackgroundOverlay: "#000000",
141
145
  colorDivider: "#cecece",
@@ -159,6 +163,8 @@ module.exports = {
159
163
  space400: "16px",
160
164
  space600: "24px",
161
165
  space800: "32px",
166
+ space1200: "48px",
167
+ space1600: "64px",
162
168
  space050: "2px",
163
169
  fontRegularNormal300: "400 12px/1.5 Roboto",
164
170
  fontRegularNormal350: "400 14px/1.5 Roboto",
@@ -168,18 +174,13 @@ module.exports = {
168
174
  fontRegularTight350: "400 14px/1.3 Roboto",
169
175
  fontRegularTight400: "400 16px/1.3 Roboto",
170
176
  fontRegularTight500: "400 20px/1.3 Roboto",
171
- fontRegularBoldNormal300: "700 12px/1.5 Roboto",
172
- fontRegularBoldNormal350: "700 14px/1.5 Roboto",
173
- fontRegularBoldNormal400: "700 16px/1.5 Roboto",
174
- fontRegularBoldNormal500: "700 20px/1.5 Roboto",
175
- fontRegularBoldTight300: "700 12px/1.3 Roboto",
176
- fontRegularBoldTight350: "700 14px/1.3 Roboto",
177
- fontRegularBoldTight400: "700 16px/1.3 Roboto",
178
- fontRegularBoldTight500: "700 20px/1.3 Roboto",
179
177
  fontSize300: "12px",
180
178
  fontSize350: "14px",
181
179
  fontSize400: "16px",
182
180
  fontSize500: "20px",
181
+ fontSize600: "24px",
182
+ fontSize700: "28px",
183
+ fontSize800: "32px",
183
184
  fontLineHeightTight: 1.3,
184
185
  fontLineHeightNormal: 1.5,
185
186
  fontWeightBold: 700,
@@ -193,4 +194,7 @@ module.exports = {
193
194
  fontBoldTight350: "700 14px/1.3 Roboto",
194
195
  fontBoldTight400: "700 16px/1.3 Roboto",
195
196
  fontBoldTight500: "700 20px/1.3 Roboto",
197
+ fontBoldTight600: "700 24px/1.3 Roboto",
198
+ fontBoldTight700: "700 28px/1.3 Roboto",
199
+ fontBoldTight800: "700 32px/1.3 Roboto",
196
200
  };
@@ -113,6 +113,9 @@ export const colorCommonSurfaceNeutralPress: string;
113
113
  export const colorCommonSurfaceDangerHover: string;
114
114
  export const colorCommonSurfaceDangerPress: string;
115
115
  export const colorCommonSurfaceDefault: string;
116
+ export const colorCommonSurfaceSecondaryDefault: string;
117
+ export const colorCommonSurfaceSecondaryHover: string;
118
+ export const colorCommonSurfaceSecondaryPress: string;
116
119
  export const colorCommonSurfaceInverse: string;
117
120
  export const colorCommonSurfaceHover: string;
118
121
  export const colorCommonSurfacePress: string;
@@ -135,6 +138,7 @@ export const colorCommonTextSecondary: string;
135
138
  export const colorCommonTextInverse: string;
136
139
  export const colorCommonBorderFocus: string;
137
140
  export const colorCommonBorderEmpty: string;
141
+ export const colorCommonBorderInverse: string;
138
142
  export const colorCommonBackgroundDefault: string;
139
143
  export const colorCommonBackgroundOverlay: string;
140
144
  export const colorDivider: string;
@@ -158,6 +162,8 @@ export const space300: string;
158
162
  export const space400: string;
159
163
  export const space600: string;
160
164
  export const space800: string;
165
+ export const space1200: string;
166
+ export const space1600: string;
161
167
  export const space050: string;
162
168
  export const fontRegularNormal300: string;
163
169
  export const fontRegularNormal350: string;
@@ -167,18 +173,13 @@ export const fontRegularTight300: string;
167
173
  export const fontRegularTight350: string;
168
174
  export const fontRegularTight400: string;
169
175
  export const fontRegularTight500: string;
170
- export const fontRegularBoldNormal300: string;
171
- export const fontRegularBoldNormal350: string;
172
- export const fontRegularBoldNormal400: string;
173
- export const fontRegularBoldNormal500: string;
174
- export const fontRegularBoldTight300: string;
175
- export const fontRegularBoldTight350: string;
176
- export const fontRegularBoldTight400: string;
177
- export const fontRegularBoldTight500: string;
178
176
  export const fontSize300: string;
179
177
  export const fontSize350: string;
180
178
  export const fontSize400: string;
181
179
  export const fontSize500: string;
180
+ export const fontSize600: string;
181
+ export const fontSize700: string;
182
+ export const fontSize800: string;
182
183
  export const fontLineHeightTight: number;
183
184
  export const fontLineHeightNormal: number;
184
185
  export const fontWeightBold: number;
@@ -192,3 +193,6 @@ export const fontBoldTight300: string;
192
193
  export const fontBoldTight350: string;
193
194
  export const fontBoldTight400: string;
194
195
  export const fontBoldTight500: string;
196
+ export const fontBoldTight600: string;
197
+ export const fontBoldTight700: string;
198
+ export const fontBoldTight800: string;
@@ -113,6 +113,9 @@ export const colorCommonSurfaceNeutralPress: string;
113
113
  export const colorCommonSurfaceDangerHover: string;
114
114
  export const colorCommonSurfaceDangerPress: string;
115
115
  export const colorCommonSurfaceDefault: string;
116
+ export const colorCommonSurfaceSecondaryDefault: string;
117
+ export const colorCommonSurfaceSecondaryHover: string;
118
+ export const colorCommonSurfaceSecondaryPress: string;
116
119
  export const colorCommonSurfaceInverse: string;
117
120
  export const colorCommonSurfaceHover: string;
118
121
  export const colorCommonSurfacePress: string;
@@ -135,6 +138,7 @@ export const colorCommonTextSecondary: string;
135
138
  export const colorCommonTextInverse: string;
136
139
  export const colorCommonBorderFocus: string;
137
140
  export const colorCommonBorderEmpty: string;
141
+ export const colorCommonBorderInverse: string;
138
142
  export const colorCommonBackgroundDefault: string;
139
143
  export const colorCommonBackgroundOverlay: string;
140
144
  export const colorDivider: string;
@@ -158,6 +162,8 @@ export const space300: string;
158
162
  export const space400: string;
159
163
  export const space600: string;
160
164
  export const space800: string;
165
+ export const space1200: string;
166
+ export const space1600: string;
161
167
  export const space050: string;
162
168
  export const fontRegularNormal300: string;
163
169
  export const fontRegularNormal350: string;
@@ -167,18 +173,13 @@ export const fontRegularTight300: string;
167
173
  export const fontRegularTight350: string;
168
174
  export const fontRegularTight400: string;
169
175
  export const fontRegularTight500: string;
170
- export const fontRegularBoldNormal300: string;
171
- export const fontRegularBoldNormal350: string;
172
- export const fontRegularBoldNormal400: string;
173
- export const fontRegularBoldNormal500: string;
174
- export const fontRegularBoldTight300: string;
175
- export const fontRegularBoldTight350: string;
176
- export const fontRegularBoldTight400: string;
177
- export const fontRegularBoldTight500: string;
178
176
  export const fontSize300: string;
179
177
  export const fontSize350: string;
180
178
  export const fontSize400: string;
181
179
  export const fontSize500: string;
180
+ export const fontSize600: string;
181
+ export const fontSize700: string;
182
+ export const fontSize800: string;
182
183
  export const fontLineHeightTight: number;
183
184
  export const fontLineHeightNormal: number;
184
185
  export const fontWeightBold: number;
@@ -192,3 +193,6 @@ export const fontBoldTight300: string;
192
193
  export const fontBoldTight350: string;
193
194
  export const fontBoldTight400: string;
194
195
  export const fontBoldTight500: string;
196
+ export const fontBoldTight600: string;
197
+ export const fontBoldTight700: string;
198
+ export const fontBoldTight800: string;
@@ -113,6 +113,9 @@ export const colorCommonSurfaceNeutralPress = "#ebebeb";
113
113
  export const colorCommonSurfaceDangerHover = "#fdd9db";
114
114
  export const colorCommonSurfaceDangerPress = "#fbb3b7";
115
115
  export const colorCommonSurfaceDefault = "#ffffff";
116
+ export const colorCommonSurfaceSecondaryDefault = "#ebebeb";
117
+ export const colorCommonSurfaceSecondaryHover = "#dcdcdc";
118
+ export const colorCommonSurfaceSecondaryPress = "#cecece";
116
119
  export const colorCommonSurfaceInverse = "#616161";
117
120
  export const colorCommonSurfaceHover = "#f2f2f2";
118
121
  export const colorCommonSurfacePress = "#ebebeb";
@@ -135,6 +138,7 @@ export const colorCommonTextSecondary = "#616161";
135
138
  export const colorCommonTextInverse = "#ffffff";
136
139
  export const colorCommonBorderFocus = "#0081c0";
137
140
  export const colorCommonBorderEmpty = "#cecece";
141
+ export const colorCommonBorderInverse = "#ffffff";
138
142
  export const colorCommonBackgroundDefault = "#ffffff";
139
143
  export const colorCommonBackgroundOverlay = "#000000";
140
144
  export const colorDivider = "#cecece";
@@ -158,6 +162,8 @@ export const space300 = "12px";
158
162
  export const space400 = "16px";
159
163
  export const space600 = "24px";
160
164
  export const space800 = "32px";
165
+ export const space1200 = "48px";
166
+ export const space1600 = "64px";
161
167
  export const space050 = "2px";
162
168
  export const fontRegularNormal300 = "400 12px/1.5 Roboto";
163
169
  export const fontRegularNormal350 = "400 14px/1.5 Roboto";
@@ -167,18 +173,13 @@ export const fontRegularTight300 = "400 12px/1.3 Roboto";
167
173
  export const fontRegularTight350 = "400 14px/1.3 Roboto";
168
174
  export const fontRegularTight400 = "400 16px/1.3 Roboto";
169
175
  export const fontRegularTight500 = "400 20px/1.3 Roboto";
170
- export const fontRegularBoldNormal300 = "700 12px/1.5 Roboto";
171
- export const fontRegularBoldNormal350 = "700 14px/1.5 Roboto";
172
- export const fontRegularBoldNormal400 = "700 16px/1.5 Roboto";
173
- export const fontRegularBoldNormal500 = "700 20px/1.5 Roboto";
174
- export const fontRegularBoldTight300 = "700 12px/1.3 Roboto";
175
- export const fontRegularBoldTight350 = "700 14px/1.3 Roboto";
176
- export const fontRegularBoldTight400 = "700 16px/1.3 Roboto";
177
- export const fontRegularBoldTight500 = "700 20px/1.3 Roboto";
178
176
  export const fontSize300 = "12px";
179
177
  export const fontSize350 = "14px";
180
178
  export const fontSize400 = "16px";
181
179
  export const fontSize500 = "20px";
180
+ export const fontSize600 = "24px";
181
+ export const fontSize700 = "28px";
182
+ export const fontSize800 = "32px";
182
183
  export const fontLineHeightTight = 1.3;
183
184
  export const fontLineHeightNormal = 1.5;
184
185
  export const fontWeightBold = 700;
@@ -192,3 +193,6 @@ export const fontBoldTight300 = "700 12px/1.3 Roboto";
192
193
  export const fontBoldTight350 = "700 14px/1.3 Roboto";
193
194
  export const fontBoldTight400 = "700 16px/1.3 Roboto";
194
195
  export const fontBoldTight500 = "700 20px/1.3 Roboto";
196
+ export const fontBoldTight600 = "700 24px/1.3 Roboto";
197
+ export const fontBoldTight700 = "700 28px/1.3 Roboto";
198
+ export const fontBoldTight800 = "700 32px/1.3 Roboto";
@@ -564,6 +564,16 @@
564
564
  "dimension",
565
565
  "spacing"
566
566
  ],
567
+ "space-1200": [
568
+ "48px",
569
+ "dimension",
570
+ "spacing"
571
+ ],
572
+ "space-1600": [
573
+ "64px",
574
+ "dimension",
575
+ "spacing"
576
+ ],
567
577
  "space-050": [
568
578
  "2px",
569
579
  "dimension",
@@ -609,46 +619,6 @@
609
619
  "typography",
610
620
  null
611
621
  ],
612
- "font-regular-bold-normal-300": [
613
- "700 12px/1.5 Roboto",
614
- "typography",
615
- null
616
- ],
617
- "font-regular-bold-normal-350": [
618
- "700 14px/1.5 Roboto",
619
- "typography",
620
- null
621
- ],
622
- "font-regular-bold-normal-400": [
623
- "700 16px/1.5 Roboto",
624
- "typography",
625
- null
626
- ],
627
- "font-regular-bold-normal-500": [
628
- "700 20px/1.5 Roboto",
629
- "typography",
630
- null
631
- ],
632
- "font-regular-bold-tight-300": [
633
- "700 12px/1.3 Roboto",
634
- "typography",
635
- null
636
- ],
637
- "font-regular-bold-tight-350": [
638
- "700 14px/1.3 Roboto",
639
- "typography",
640
- null
641
- ],
642
- "font-regular-bold-tight-400": [
643
- "700 16px/1.3 Roboto",
644
- "typography",
645
- null
646
- ],
647
- "font-regular-bold-tight-500": [
648
- "700 20px/1.3 Roboto",
649
- "typography",
650
- null
651
- ],
652
622
  "font-size-300": [
653
623
  "12px",
654
624
  "fontSize",
@@ -669,6 +639,21 @@
669
639
  "fontSize",
670
640
  "fontSizes"
671
641
  ],
642
+ "font-size-600": [
643
+ "24px",
644
+ "fontSize",
645
+ "fontSizes"
646
+ ],
647
+ "font-size-700": [
648
+ "28px",
649
+ "fontSize",
650
+ "fontSizes"
651
+ ],
652
+ "font-size-800": [
653
+ "32px",
654
+ "fontSize",
655
+ "fontSizes"
656
+ ],
672
657
  "font-line-height-tight": [
673
658
  "1.3",
674
659
  "lineHeight",
@@ -733,5 +718,20 @@
733
718
  "700 20px/1.3 Roboto",
734
719
  "typography",
735
720
  null
721
+ ],
722
+ "font-bold-tight-600": [
723
+ "700 24px/1.3 Roboto",
724
+ "typography",
725
+ null
726
+ ],
727
+ "font-bold-tight-700": [
728
+ "700 28px/1.3 Roboto",
729
+ "typography",
730
+ null
731
+ ],
732
+ "font-bold-tight-800": [
733
+ "700 32px/1.3 Roboto",
734
+ "typography",
735
+ null
736
736
  ]
737
737
  }