@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.
- package/CHANGELOG.md +13 -0
- package/README.md +115 -31
- package/build/css/aaf/Dark/tailwind4.css +130 -0
- package/build/css/aaf/Dark/variables.css +8 -8
- package/build/css/aaf/Light/tailwind4.css +130 -0
- package/build/css/aaf/Light/variables.css +8 -8
- package/build/css/daikin/Dark/tailwind4.css +173 -0
- package/build/css/daikin/Dark/variables.css +8 -8
- package/build/css/daikin/Light/tailwind4.css +173 -0
- package/build/css/daikin/Light/variables.css +8 -8
- package/build/js/aaf/Dark/variables.cjs +8 -8
- package/build/js/aaf/Dark/variables.d.cts +8 -8
- package/build/js/aaf/Dark/variables.d.ts +8 -8
- package/build/js/aaf/Dark/variables.js +8 -8
- package/build/js/aaf/Light/variables.cjs +8 -8
- package/build/js/aaf/Light/variables.d.cts +8 -8
- package/build/js/aaf/Light/variables.d.ts +8 -8
- package/build/js/aaf/Light/variables.js +8 -8
- package/build/js/daikin/Dark/variables.cjs +8 -8
- package/build/js/daikin/Dark/variables.d.cts +8 -8
- package/build/js/daikin/Dark/variables.d.ts +8 -8
- package/build/js/daikin/Dark/variables.js +8 -8
- package/build/js/daikin/Light/variables.cjs +8 -8
- package/build/js/daikin/Light/variables.d.cts +8 -8
- package/build/js/daikin/Light/variables.d.ts +8 -8
- package/build/js/daikin/Light/variables.js +8 -8
- package/build/json/aaf/Dark/tokens.json +40 -40
- package/build/json/aaf/Light/tokens.json +40 -40
- package/build/json/daikin/Dark/tokens.json +40 -40
- package/build/json/daikin/Light/tokens.json +40 -40
- package/build/scss/aaf/Dark/_mixins.scss +8 -8
- package/build/scss/aaf/Light/_mixins.scss +8 -8
- package/build/scss/daikin/Dark/_mixins.scss +8 -8
- package/build/scss/daikin/Light/_mixins.scss +8 -8
- package/build/tailwind4.css +173 -0
- package/package.json +10 -3
- 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 = "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";
|
|
@@ -159,6 +159,8 @@ module.exports = {
|
|
|
159
159
|
space400: "16px",
|
|
160
160
|
space600: "24px",
|
|
161
161
|
space800: "32px",
|
|
162
|
+
space1200: "48px",
|
|
163
|
+
space1600: "64px",
|
|
162
164
|
space050: "2px",
|
|
163
165
|
fontRegularNormal300: "400 12px/1.5 Roboto",
|
|
164
166
|
fontRegularNormal350: "400 14px/1.5 Roboto",
|
|
@@ -168,18 +170,13 @@ module.exports = {
|
|
|
168
170
|
fontRegularTight350: "400 14px/1.3 Roboto",
|
|
169
171
|
fontRegularTight400: "400 16px/1.3 Roboto",
|
|
170
172
|
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
173
|
fontSize300: "12px",
|
|
180
174
|
fontSize350: "14px",
|
|
181
175
|
fontSize400: "16px",
|
|
182
176
|
fontSize500: "20px",
|
|
177
|
+
fontSize600: "24px",
|
|
178
|
+
fontSize700: "28px",
|
|
179
|
+
fontSize800: "32px",
|
|
183
180
|
fontLineHeightTight: 1.3,
|
|
184
181
|
fontLineHeightNormal: 1.5,
|
|
185
182
|
fontWeightBold: 700,
|
|
@@ -193,4 +190,7 @@ module.exports = {
|
|
|
193
190
|
fontBoldTight350: "700 14px/1.3 Roboto",
|
|
194
191
|
fontBoldTight400: "700 16px/1.3 Roboto",
|
|
195
192
|
fontBoldTight500: "700 20px/1.3 Roboto",
|
|
193
|
+
fontBoldTight600: "700 24px/1.3 Roboto",
|
|
194
|
+
fontBoldTight700: "700 28px/1.3 Roboto",
|
|
195
|
+
fontBoldTight800: "700 32px/1.3 Roboto",
|
|
196
196
|
};
|
|
@@ -158,6 +158,8 @@ export const space300: string;
|
|
|
158
158
|
export const space400: string;
|
|
159
159
|
export const space600: string;
|
|
160
160
|
export const space800: string;
|
|
161
|
+
export const space1200: string;
|
|
162
|
+
export const space1600: string;
|
|
161
163
|
export const space050: string;
|
|
162
164
|
export const fontRegularNormal300: string;
|
|
163
165
|
export const fontRegularNormal350: string;
|
|
@@ -167,18 +169,13 @@ export const fontRegularTight300: string;
|
|
|
167
169
|
export const fontRegularTight350: string;
|
|
168
170
|
export const fontRegularTight400: string;
|
|
169
171
|
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
172
|
export const fontSize300: string;
|
|
179
173
|
export const fontSize350: string;
|
|
180
174
|
export const fontSize400: string;
|
|
181
175
|
export const fontSize500: string;
|
|
176
|
+
export const fontSize600: string;
|
|
177
|
+
export const fontSize700: string;
|
|
178
|
+
export const fontSize800: string;
|
|
182
179
|
export const fontLineHeightTight: number;
|
|
183
180
|
export const fontLineHeightNormal: number;
|
|
184
181
|
export const fontWeightBold: number;
|
|
@@ -192,3 +189,6 @@ export const fontBoldTight300: string;
|
|
|
192
189
|
export const fontBoldTight350: string;
|
|
193
190
|
export const fontBoldTight400: string;
|
|
194
191
|
export const fontBoldTight500: string;
|
|
192
|
+
export const fontBoldTight600: string;
|
|
193
|
+
export const fontBoldTight700: string;
|
|
194
|
+
export const fontBoldTight800: string;
|
|
@@ -158,6 +158,8 @@ export const space300: string;
|
|
|
158
158
|
export const space400: string;
|
|
159
159
|
export const space600: string;
|
|
160
160
|
export const space800: string;
|
|
161
|
+
export const space1200: string;
|
|
162
|
+
export const space1600: string;
|
|
161
163
|
export const space050: string;
|
|
162
164
|
export const fontRegularNormal300: string;
|
|
163
165
|
export const fontRegularNormal350: string;
|
|
@@ -167,18 +169,13 @@ export const fontRegularTight300: string;
|
|
|
167
169
|
export const fontRegularTight350: string;
|
|
168
170
|
export const fontRegularTight400: string;
|
|
169
171
|
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
172
|
export const fontSize300: string;
|
|
179
173
|
export const fontSize350: string;
|
|
180
174
|
export const fontSize400: string;
|
|
181
175
|
export const fontSize500: string;
|
|
176
|
+
export const fontSize600: string;
|
|
177
|
+
export const fontSize700: string;
|
|
178
|
+
export const fontSize800: string;
|
|
182
179
|
export const fontLineHeightTight: number;
|
|
183
180
|
export const fontLineHeightNormal: number;
|
|
184
181
|
export const fontWeightBold: number;
|
|
@@ -192,3 +189,6 @@ export const fontBoldTight300: string;
|
|
|
192
189
|
export const fontBoldTight350: string;
|
|
193
190
|
export const fontBoldTight400: string;
|
|
194
191
|
export const fontBoldTight500: string;
|
|
192
|
+
export const fontBoldTight600: string;
|
|
193
|
+
export const fontBoldTight700: string;
|
|
194
|
+
export const fontBoldTight800: string;
|
|
@@ -158,6 +158,8 @@ export const space300 = "12px";
|
|
|
158
158
|
export const space400 = "16px";
|
|
159
159
|
export const space600 = "24px";
|
|
160
160
|
export const space800 = "32px";
|
|
161
|
+
export const space1200 = "48px";
|
|
162
|
+
export const space1600 = "64px";
|
|
161
163
|
export const space050 = "2px";
|
|
162
164
|
export const fontRegularNormal300 = "400 12px/1.5 Roboto";
|
|
163
165
|
export const fontRegularNormal350 = "400 14px/1.5 Roboto";
|
|
@@ -167,18 +169,13 @@ export const fontRegularTight300 = "400 12px/1.3 Roboto";
|
|
|
167
169
|
export const fontRegularTight350 = "400 14px/1.3 Roboto";
|
|
168
170
|
export const fontRegularTight400 = "400 16px/1.3 Roboto";
|
|
169
171
|
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
172
|
export const fontSize300 = "12px";
|
|
179
173
|
export const fontSize350 = "14px";
|
|
180
174
|
export const fontSize400 = "16px";
|
|
181
175
|
export const fontSize500 = "20px";
|
|
176
|
+
export const fontSize600 = "24px";
|
|
177
|
+
export const fontSize700 = "28px";
|
|
178
|
+
export const fontSize800 = "32px";
|
|
182
179
|
export const fontLineHeightTight = 1.3;
|
|
183
180
|
export const fontLineHeightNormal = 1.5;
|
|
184
181
|
export const fontWeightBold = 700;
|
|
@@ -192,3 +189,6 @@ export const fontBoldTight300 = "700 12px/1.3 Roboto";
|
|
|
192
189
|
export const fontBoldTight350 = "700 14px/1.3 Roboto";
|
|
193
190
|
export const fontBoldTight400 = "700 16px/1.3 Roboto";
|
|
194
191
|
export const fontBoldTight500 = "700 20px/1.3 Roboto";
|
|
192
|
+
export const fontBoldTight600 = "700 24px/1.3 Roboto";
|
|
193
|
+
export const fontBoldTight700 = "700 28px/1.3 Roboto";
|
|
194
|
+
export const fontBoldTight800 = "700 32px/1.3 Roboto";
|
|
@@ -159,6 +159,8 @@ module.exports = {
|
|
|
159
159
|
space400: "16px",
|
|
160
160
|
space600: "24px",
|
|
161
161
|
space800: "32px",
|
|
162
|
+
space1200: "48px",
|
|
163
|
+
space1600: "64px",
|
|
162
164
|
space050: "2px",
|
|
163
165
|
fontRegularNormal300: "400 12px/1.5 Roboto",
|
|
164
166
|
fontRegularNormal350: "400 14px/1.5 Roboto",
|
|
@@ -168,18 +170,13 @@ module.exports = {
|
|
|
168
170
|
fontRegularTight350: "400 14px/1.3 Roboto",
|
|
169
171
|
fontRegularTight400: "400 16px/1.3 Roboto",
|
|
170
172
|
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
173
|
fontSize300: "12px",
|
|
180
174
|
fontSize350: "14px",
|
|
181
175
|
fontSize400: "16px",
|
|
182
176
|
fontSize500: "20px",
|
|
177
|
+
fontSize600: "24px",
|
|
178
|
+
fontSize700: "28px",
|
|
179
|
+
fontSize800: "32px",
|
|
183
180
|
fontLineHeightTight: 1.3,
|
|
184
181
|
fontLineHeightNormal: 1.5,
|
|
185
182
|
fontWeightBold: 700,
|
|
@@ -193,4 +190,7 @@ module.exports = {
|
|
|
193
190
|
fontBoldTight350: "700 14px/1.3 Roboto",
|
|
194
191
|
fontBoldTight400: "700 16px/1.3 Roboto",
|
|
195
192
|
fontBoldTight500: "700 20px/1.3 Roboto",
|
|
193
|
+
fontBoldTight600: "700 24px/1.3 Roboto",
|
|
194
|
+
fontBoldTight700: "700 28px/1.3 Roboto",
|
|
195
|
+
fontBoldTight800: "700 32px/1.3 Roboto",
|
|
196
196
|
};
|
|
@@ -158,6 +158,8 @@ export const space300: string;
|
|
|
158
158
|
export const space400: string;
|
|
159
159
|
export const space600: string;
|
|
160
160
|
export const space800: string;
|
|
161
|
+
export const space1200: string;
|
|
162
|
+
export const space1600: string;
|
|
161
163
|
export const space050: string;
|
|
162
164
|
export const fontRegularNormal300: string;
|
|
163
165
|
export const fontRegularNormal350: string;
|
|
@@ -167,18 +169,13 @@ export const fontRegularTight300: string;
|
|
|
167
169
|
export const fontRegularTight350: string;
|
|
168
170
|
export const fontRegularTight400: string;
|
|
169
171
|
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
172
|
export const fontSize300: string;
|
|
179
173
|
export const fontSize350: string;
|
|
180
174
|
export const fontSize400: string;
|
|
181
175
|
export const fontSize500: string;
|
|
176
|
+
export const fontSize600: string;
|
|
177
|
+
export const fontSize700: string;
|
|
178
|
+
export const fontSize800: string;
|
|
182
179
|
export const fontLineHeightTight: number;
|
|
183
180
|
export const fontLineHeightNormal: number;
|
|
184
181
|
export const fontWeightBold: number;
|
|
@@ -192,3 +189,6 @@ export const fontBoldTight300: string;
|
|
|
192
189
|
export const fontBoldTight350: string;
|
|
193
190
|
export const fontBoldTight400: string;
|
|
194
191
|
export const fontBoldTight500: string;
|
|
192
|
+
export const fontBoldTight600: string;
|
|
193
|
+
export const fontBoldTight700: string;
|
|
194
|
+
export const fontBoldTight800: string;
|
|
@@ -158,6 +158,8 @@ export const space300: string;
|
|
|
158
158
|
export const space400: string;
|
|
159
159
|
export const space600: string;
|
|
160
160
|
export const space800: string;
|
|
161
|
+
export const space1200: string;
|
|
162
|
+
export const space1600: string;
|
|
161
163
|
export const space050: string;
|
|
162
164
|
export const fontRegularNormal300: string;
|
|
163
165
|
export const fontRegularNormal350: string;
|
|
@@ -167,18 +169,13 @@ export const fontRegularTight300: string;
|
|
|
167
169
|
export const fontRegularTight350: string;
|
|
168
170
|
export const fontRegularTight400: string;
|
|
169
171
|
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
172
|
export const fontSize300: string;
|
|
179
173
|
export const fontSize350: string;
|
|
180
174
|
export const fontSize400: string;
|
|
181
175
|
export const fontSize500: string;
|
|
176
|
+
export const fontSize600: string;
|
|
177
|
+
export const fontSize700: string;
|
|
178
|
+
export const fontSize800: string;
|
|
182
179
|
export const fontLineHeightTight: number;
|
|
183
180
|
export const fontLineHeightNormal: number;
|
|
184
181
|
export const fontWeightBold: number;
|
|
@@ -192,3 +189,6 @@ export const fontBoldTight300: string;
|
|
|
192
189
|
export const fontBoldTight350: string;
|
|
193
190
|
export const fontBoldTight400: string;
|
|
194
191
|
export const fontBoldTight500: string;
|
|
192
|
+
export const fontBoldTight600: string;
|
|
193
|
+
export const fontBoldTight700: string;
|
|
194
|
+
export const fontBoldTight800: string;
|
|
@@ -158,6 +158,8 @@ export const space300 = "12px";
|
|
|
158
158
|
export const space400 = "16px";
|
|
159
159
|
export const space600 = "24px";
|
|
160
160
|
export const space800 = "32px";
|
|
161
|
+
export const space1200 = "48px";
|
|
162
|
+
export const space1600 = "64px";
|
|
161
163
|
export const space050 = "2px";
|
|
162
164
|
export const fontRegularNormal300 = "400 12px/1.5 Roboto";
|
|
163
165
|
export const fontRegularNormal350 = "400 14px/1.5 Roboto";
|
|
@@ -167,18 +169,13 @@ export const fontRegularTight300 = "400 12px/1.3 Roboto";
|
|
|
167
169
|
export const fontRegularTight350 = "400 14px/1.3 Roboto";
|
|
168
170
|
export const fontRegularTight400 = "400 16px/1.3 Roboto";
|
|
169
171
|
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
172
|
export const fontSize300 = "12px";
|
|
179
173
|
export const fontSize350 = "14px";
|
|
180
174
|
export const fontSize400 = "16px";
|
|
181
175
|
export const fontSize500 = "20px";
|
|
176
|
+
export const fontSize600 = "24px";
|
|
177
|
+
export const fontSize700 = "28px";
|
|
178
|
+
export const fontSize800 = "32px";
|
|
182
179
|
export const fontLineHeightTight = 1.3;
|
|
183
180
|
export const fontLineHeightNormal = 1.5;
|
|
184
181
|
export const fontWeightBold = 700;
|
|
@@ -192,3 +189,6 @@ export const fontBoldTight300 = "700 12px/1.3 Roboto";
|
|
|
192
189
|
export const fontBoldTight350 = "700 14px/1.3 Roboto";
|
|
193
190
|
export const fontBoldTight400 = "700 16px/1.3 Roboto";
|
|
194
191
|
export const fontBoldTight500 = "700 20px/1.3 Roboto";
|
|
192
|
+
export const fontBoldTight600 = "700 24px/1.3 Roboto";
|
|
193
|
+
export const fontBoldTight700 = "700 28px/1.3 Roboto";
|
|
194
|
+
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
|
}
|
|
@@ -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
|
}
|