@daikin-oss/dds-tokens 0.3.2 → 0.4.1
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/build/css/aaf/Dark/variables.css +14 -4
- package/build/css/aaf/Light/variables.css +14 -4
- package/build/css/daikin/Dark/variables.css +14 -4
- package/build/css/daikin/Light/variables.css +14 -4
- package/build/js/aaf/Dark/variables.cjs +14 -4
- package/build/js/aaf/Dark/variables.d.cts +14 -4
- package/build/js/aaf/Dark/variables.d.ts +14 -4
- package/build/js/aaf/Dark/variables.js +14 -4
- package/build/js/aaf/Light/variables.cjs +14 -4
- package/build/js/aaf/Light/variables.d.cts +14 -4
- package/build/js/aaf/Light/variables.d.ts +14 -4
- package/build/js/aaf/Light/variables.js +14 -4
- package/build/js/daikin/Dark/variables.cjs +14 -4
- package/build/js/daikin/Dark/variables.d.cts +14 -4
- package/build/js/daikin/Dark/variables.d.ts +14 -4
- package/build/js/daikin/Dark/variables.js +14 -4
- package/build/js/daikin/Light/variables.cjs +14 -4
- package/build/js/daikin/Light/variables.d.cts +14 -4
- package/build/js/daikin/Light/variables.d.ts +14 -4
- package/build/js/daikin/Light/variables.js +14 -4
- package/build/json/aaf/Dark/tokens.json +70 -20
- package/build/json/aaf/Light/tokens.json +70 -20
- package/build/json/daikin/Dark/tokens.json +70 -20
- package/build/json/daikin/Light/tokens.json +70 -20
- package/build/scss/aaf/Dark/_mixins.scss +14 -4
- package/build/scss/aaf/Light/_mixins.scss +14 -4
- package/build/scss/daikin/Dark/_mixins.scss +14 -4
- package/build/scss/daikin/Light/_mixins.scss +14 -4
- package/package.json +9 -8
- package/themes/$metadata.json +1 -7
- package/themes/$themes.json +2 -14
- package/themes/reference.json +122 -16
|
@@ -148,11 +148,7 @@ module.exports = {
|
|
|
148
148
|
colorLinkSurfaceVisitedHover: "#250e29",
|
|
149
149
|
colorLinkSurfaceVisitedPress: "#37153d",
|
|
150
150
|
borderRadius100: "4px",
|
|
151
|
-
borderRadius150: "6px",
|
|
152
151
|
borderRadius200: "8px",
|
|
153
|
-
borderRadius250: "10px",
|
|
154
|
-
borderRadius300: "12px",
|
|
155
|
-
borderRadius400: "16px",
|
|
156
152
|
borderRadius050: "2px",
|
|
157
153
|
borderWidth100: "4px",
|
|
158
154
|
borderWidth025: "1px",
|
|
@@ -161,26 +157,40 @@ module.exports = {
|
|
|
161
157
|
space200: "8px",
|
|
162
158
|
space300: "12px",
|
|
163
159
|
space400: "16px",
|
|
160
|
+
space600: "24px",
|
|
164
161
|
space800: "32px",
|
|
165
162
|
space050: "2px",
|
|
166
163
|
fontRegularNormal300: "400 12px/1.5 Roboto",
|
|
167
164
|
fontRegularNormal350: "400 14px/1.5 Roboto",
|
|
168
165
|
fontRegularNormal400: "400 16px/1.5 Roboto",
|
|
166
|
+
fontRegularNormal500: "400 20px/1.5 Roboto",
|
|
169
167
|
fontRegularTight300: "400 12px/1.3 Roboto",
|
|
170
168
|
fontRegularTight350: "400 14px/1.3 Roboto",
|
|
171
169
|
fontRegularTight400: "400 16px/1.3 Roboto",
|
|
170
|
+
fontRegularTight500: "400 20px/1.3 Roboto",
|
|
172
171
|
fontRegularBoldNormal300: "700 12px/1.5 Roboto",
|
|
173
172
|
fontRegularBoldNormal350: "700 14px/1.5 Roboto",
|
|
174
173
|
fontRegularBoldNormal400: "700 16px/1.5 Roboto",
|
|
174
|
+
fontRegularBoldNormal500: "700 20px/1.5 Roboto",
|
|
175
175
|
fontRegularBoldTight300: "700 12px/1.3 Roboto",
|
|
176
176
|
fontRegularBoldTight350: "700 14px/1.3 Roboto",
|
|
177
177
|
fontRegularBoldTight400: "700 16px/1.3 Roboto",
|
|
178
|
+
fontRegularBoldTight500: "700 20px/1.3 Roboto",
|
|
178
179
|
fontSize300: "12px",
|
|
179
180
|
fontSize350: "14px",
|
|
180
181
|
fontSize400: "16px",
|
|
182
|
+
fontSize500: "20px",
|
|
181
183
|
fontLineHeightTight: 1.3,
|
|
182
184
|
fontLineHeightNormal: 1.5,
|
|
183
185
|
fontWeightBold: 700,
|
|
184
186
|
fontWeightRegular: 400,
|
|
185
187
|
fontFamilyBase: "Roboto",
|
|
188
|
+
fontBoldNormal300: "700 12px/1.5 Roboto",
|
|
189
|
+
fontBoldNormal350: "700 14px/1.5 Roboto",
|
|
190
|
+
fontBoldNormal400: "700 16px/1.5 Roboto",
|
|
191
|
+
fontBoldNormal500: "700 20px/1.5 Roboto",
|
|
192
|
+
fontBoldTight300: "700 12px/1.3 Roboto",
|
|
193
|
+
fontBoldTight350: "700 14px/1.3 Roboto",
|
|
194
|
+
fontBoldTight400: "700 16px/1.3 Roboto",
|
|
195
|
+
fontBoldTight500: "700 20px/1.3 Roboto",
|
|
186
196
|
};
|
|
@@ -147,11 +147,7 @@ export const colorLinkTextVisitedPress: string;
|
|
|
147
147
|
export const colorLinkSurfaceVisitedHover: string;
|
|
148
148
|
export const colorLinkSurfaceVisitedPress: string;
|
|
149
149
|
export const borderRadius100: string;
|
|
150
|
-
export const borderRadius150: string;
|
|
151
150
|
export const borderRadius200: string;
|
|
152
|
-
export const borderRadius250: string;
|
|
153
|
-
export const borderRadius300: string;
|
|
154
|
-
export const borderRadius400: string;
|
|
155
151
|
export const borderRadius050: string;
|
|
156
152
|
export const borderWidth100: string;
|
|
157
153
|
export const borderWidth025: string;
|
|
@@ -160,25 +156,39 @@ export const space100: string;
|
|
|
160
156
|
export const space200: string;
|
|
161
157
|
export const space300: string;
|
|
162
158
|
export const space400: string;
|
|
159
|
+
export const space600: string;
|
|
163
160
|
export const space800: string;
|
|
164
161
|
export const space050: string;
|
|
165
162
|
export const fontRegularNormal300: string;
|
|
166
163
|
export const fontRegularNormal350: string;
|
|
167
164
|
export const fontRegularNormal400: string;
|
|
165
|
+
export const fontRegularNormal500: string;
|
|
168
166
|
export const fontRegularTight300: string;
|
|
169
167
|
export const fontRegularTight350: string;
|
|
170
168
|
export const fontRegularTight400: string;
|
|
169
|
+
export const fontRegularTight500: string;
|
|
171
170
|
export const fontRegularBoldNormal300: string;
|
|
172
171
|
export const fontRegularBoldNormal350: string;
|
|
173
172
|
export const fontRegularBoldNormal400: string;
|
|
173
|
+
export const fontRegularBoldNormal500: string;
|
|
174
174
|
export const fontRegularBoldTight300: string;
|
|
175
175
|
export const fontRegularBoldTight350: string;
|
|
176
176
|
export const fontRegularBoldTight400: string;
|
|
177
|
+
export const fontRegularBoldTight500: string;
|
|
177
178
|
export const fontSize300: string;
|
|
178
179
|
export const fontSize350: string;
|
|
179
180
|
export const fontSize400: string;
|
|
181
|
+
export const fontSize500: string;
|
|
180
182
|
export const fontLineHeightTight: number;
|
|
181
183
|
export const fontLineHeightNormal: number;
|
|
182
184
|
export const fontWeightBold: number;
|
|
183
185
|
export const fontWeightRegular: number;
|
|
184
186
|
export const fontFamilyBase: string;
|
|
187
|
+
export const fontBoldNormal300: string;
|
|
188
|
+
export const fontBoldNormal350: string;
|
|
189
|
+
export const fontBoldNormal400: string;
|
|
190
|
+
export const fontBoldNormal500: string;
|
|
191
|
+
export const fontBoldTight300: string;
|
|
192
|
+
export const fontBoldTight350: string;
|
|
193
|
+
export const fontBoldTight400: string;
|
|
194
|
+
export const fontBoldTight500: string;
|
|
@@ -147,11 +147,7 @@ export const colorLinkTextVisitedPress: string;
|
|
|
147
147
|
export const colorLinkSurfaceVisitedHover: string;
|
|
148
148
|
export const colorLinkSurfaceVisitedPress: string;
|
|
149
149
|
export const borderRadius100: string;
|
|
150
|
-
export const borderRadius150: string;
|
|
151
150
|
export const borderRadius200: string;
|
|
152
|
-
export const borderRadius250: string;
|
|
153
|
-
export const borderRadius300: string;
|
|
154
|
-
export const borderRadius400: string;
|
|
155
151
|
export const borderRadius050: string;
|
|
156
152
|
export const borderWidth100: string;
|
|
157
153
|
export const borderWidth025: string;
|
|
@@ -160,25 +156,39 @@ export const space100: string;
|
|
|
160
156
|
export const space200: string;
|
|
161
157
|
export const space300: string;
|
|
162
158
|
export const space400: string;
|
|
159
|
+
export const space600: string;
|
|
163
160
|
export const space800: string;
|
|
164
161
|
export const space050: string;
|
|
165
162
|
export const fontRegularNormal300: string;
|
|
166
163
|
export const fontRegularNormal350: string;
|
|
167
164
|
export const fontRegularNormal400: string;
|
|
165
|
+
export const fontRegularNormal500: string;
|
|
168
166
|
export const fontRegularTight300: string;
|
|
169
167
|
export const fontRegularTight350: string;
|
|
170
168
|
export const fontRegularTight400: string;
|
|
169
|
+
export const fontRegularTight500: string;
|
|
171
170
|
export const fontRegularBoldNormal300: string;
|
|
172
171
|
export const fontRegularBoldNormal350: string;
|
|
173
172
|
export const fontRegularBoldNormal400: string;
|
|
173
|
+
export const fontRegularBoldNormal500: string;
|
|
174
174
|
export const fontRegularBoldTight300: string;
|
|
175
175
|
export const fontRegularBoldTight350: string;
|
|
176
176
|
export const fontRegularBoldTight400: string;
|
|
177
|
+
export const fontRegularBoldTight500: string;
|
|
177
178
|
export const fontSize300: string;
|
|
178
179
|
export const fontSize350: string;
|
|
179
180
|
export const fontSize400: string;
|
|
181
|
+
export const fontSize500: string;
|
|
180
182
|
export const fontLineHeightTight: number;
|
|
181
183
|
export const fontLineHeightNormal: number;
|
|
182
184
|
export const fontWeightBold: number;
|
|
183
185
|
export const fontWeightRegular: number;
|
|
184
186
|
export const fontFamilyBase: string;
|
|
187
|
+
export const fontBoldNormal300: string;
|
|
188
|
+
export const fontBoldNormal350: string;
|
|
189
|
+
export const fontBoldNormal400: string;
|
|
190
|
+
export const fontBoldNormal500: string;
|
|
191
|
+
export const fontBoldTight300: string;
|
|
192
|
+
export const fontBoldTight350: string;
|
|
193
|
+
export const fontBoldTight400: string;
|
|
194
|
+
export const fontBoldTight500: string;
|
|
@@ -147,11 +147,7 @@ export const colorLinkTextVisitedPress = "#e1bbe8";
|
|
|
147
147
|
export const colorLinkSurfaceVisitedHover = "#250e29";
|
|
148
148
|
export const colorLinkSurfaceVisitedPress = "#37153d";
|
|
149
149
|
export const borderRadius100 = "4px";
|
|
150
|
-
export const borderRadius150 = "6px";
|
|
151
150
|
export const borderRadius200 = "8px";
|
|
152
|
-
export const borderRadius250 = "10px";
|
|
153
|
-
export const borderRadius300 = "12px";
|
|
154
|
-
export const borderRadius400 = "16px";
|
|
155
151
|
export const borderRadius050 = "2px";
|
|
156
152
|
export const borderWidth100 = "4px";
|
|
157
153
|
export const borderWidth025 = "1px";
|
|
@@ -160,25 +156,39 @@ export const space100 = "4px";
|
|
|
160
156
|
export const space200 = "8px";
|
|
161
157
|
export const space300 = "12px";
|
|
162
158
|
export const space400 = "16px";
|
|
159
|
+
export const space600 = "24px";
|
|
163
160
|
export const space800 = "32px";
|
|
164
161
|
export const space050 = "2px";
|
|
165
162
|
export const fontRegularNormal300 = "400 12px/1.5 Roboto";
|
|
166
163
|
export const fontRegularNormal350 = "400 14px/1.5 Roboto";
|
|
167
164
|
export const fontRegularNormal400 = "400 16px/1.5 Roboto";
|
|
165
|
+
export const fontRegularNormal500 = "400 20px/1.5 Roboto";
|
|
168
166
|
export const fontRegularTight300 = "400 12px/1.3 Roboto";
|
|
169
167
|
export const fontRegularTight350 = "400 14px/1.3 Roboto";
|
|
170
168
|
export const fontRegularTight400 = "400 16px/1.3 Roboto";
|
|
169
|
+
export const fontRegularTight500 = "400 20px/1.3 Roboto";
|
|
171
170
|
export const fontRegularBoldNormal300 = "700 12px/1.5 Roboto";
|
|
172
171
|
export const fontRegularBoldNormal350 = "700 14px/1.5 Roboto";
|
|
173
172
|
export const fontRegularBoldNormal400 = "700 16px/1.5 Roboto";
|
|
173
|
+
export const fontRegularBoldNormal500 = "700 20px/1.5 Roboto";
|
|
174
174
|
export const fontRegularBoldTight300 = "700 12px/1.3 Roboto";
|
|
175
175
|
export const fontRegularBoldTight350 = "700 14px/1.3 Roboto";
|
|
176
176
|
export const fontRegularBoldTight400 = "700 16px/1.3 Roboto";
|
|
177
|
+
export const fontRegularBoldTight500 = "700 20px/1.3 Roboto";
|
|
177
178
|
export const fontSize300 = "12px";
|
|
178
179
|
export const fontSize350 = "14px";
|
|
179
180
|
export const fontSize400 = "16px";
|
|
181
|
+
export const fontSize500 = "20px";
|
|
180
182
|
export const fontLineHeightTight = 1.3;
|
|
181
183
|
export const fontLineHeightNormal = 1.5;
|
|
182
184
|
export const fontWeightBold = 700;
|
|
183
185
|
export const fontWeightRegular = 400;
|
|
184
186
|
export const fontFamilyBase = "Roboto";
|
|
187
|
+
export const fontBoldNormal300 = "700 12px/1.5 Roboto";
|
|
188
|
+
export const fontBoldNormal350 = "700 14px/1.5 Roboto";
|
|
189
|
+
export const fontBoldNormal400 = "700 16px/1.5 Roboto";
|
|
190
|
+
export const fontBoldNormal500 = "700 20px/1.5 Roboto";
|
|
191
|
+
export const fontBoldTight300 = "700 12px/1.3 Roboto";
|
|
192
|
+
export const fontBoldTight350 = "700 14px/1.3 Roboto";
|
|
193
|
+
export const fontBoldTight400 = "700 16px/1.3 Roboto";
|
|
194
|
+
export const fontBoldTight500 = "700 20px/1.3 Roboto";
|
|
@@ -148,11 +148,7 @@ module.exports = {
|
|
|
148
148
|
colorLinkSurfaceVisitedHover: "#f0ddf3",
|
|
149
149
|
colorLinkSurfaceVisitedPress: "#e1bbe8",
|
|
150
150
|
borderRadius100: "4px",
|
|
151
|
-
borderRadius150: "6px",
|
|
152
151
|
borderRadius200: "8px",
|
|
153
|
-
borderRadius250: "10px",
|
|
154
|
-
borderRadius300: "12px",
|
|
155
|
-
borderRadius400: "16px",
|
|
156
152
|
borderRadius050: "2px",
|
|
157
153
|
borderWidth100: "4px",
|
|
158
154
|
borderWidth025: "1px",
|
|
@@ -161,26 +157,40 @@ module.exports = {
|
|
|
161
157
|
space200: "8px",
|
|
162
158
|
space300: "12px",
|
|
163
159
|
space400: "16px",
|
|
160
|
+
space600: "24px",
|
|
164
161
|
space800: "32px",
|
|
165
162
|
space050: "2px",
|
|
166
163
|
fontRegularNormal300: "400 12px/1.5 Roboto",
|
|
167
164
|
fontRegularNormal350: "400 14px/1.5 Roboto",
|
|
168
165
|
fontRegularNormal400: "400 16px/1.5 Roboto",
|
|
166
|
+
fontRegularNormal500: "400 20px/1.5 Roboto",
|
|
169
167
|
fontRegularTight300: "400 12px/1.3 Roboto",
|
|
170
168
|
fontRegularTight350: "400 14px/1.3 Roboto",
|
|
171
169
|
fontRegularTight400: "400 16px/1.3 Roboto",
|
|
170
|
+
fontRegularTight500: "400 20px/1.3 Roboto",
|
|
172
171
|
fontRegularBoldNormal300: "700 12px/1.5 Roboto",
|
|
173
172
|
fontRegularBoldNormal350: "700 14px/1.5 Roboto",
|
|
174
173
|
fontRegularBoldNormal400: "700 16px/1.5 Roboto",
|
|
174
|
+
fontRegularBoldNormal500: "700 20px/1.5 Roboto",
|
|
175
175
|
fontRegularBoldTight300: "700 12px/1.3 Roboto",
|
|
176
176
|
fontRegularBoldTight350: "700 14px/1.3 Roboto",
|
|
177
177
|
fontRegularBoldTight400: "700 16px/1.3 Roboto",
|
|
178
|
+
fontRegularBoldTight500: "700 20px/1.3 Roboto",
|
|
178
179
|
fontSize300: "12px",
|
|
179
180
|
fontSize350: "14px",
|
|
180
181
|
fontSize400: "16px",
|
|
182
|
+
fontSize500: "20px",
|
|
181
183
|
fontLineHeightTight: 1.3,
|
|
182
184
|
fontLineHeightNormal: 1.5,
|
|
183
185
|
fontWeightBold: 700,
|
|
184
186
|
fontWeightRegular: 400,
|
|
185
187
|
fontFamilyBase: "Roboto",
|
|
188
|
+
fontBoldNormal300: "700 12px/1.5 Roboto",
|
|
189
|
+
fontBoldNormal350: "700 14px/1.5 Roboto",
|
|
190
|
+
fontBoldNormal400: "700 16px/1.5 Roboto",
|
|
191
|
+
fontBoldNormal500: "700 20px/1.5 Roboto",
|
|
192
|
+
fontBoldTight300: "700 12px/1.3 Roboto",
|
|
193
|
+
fontBoldTight350: "700 14px/1.3 Roboto",
|
|
194
|
+
fontBoldTight400: "700 16px/1.3 Roboto",
|
|
195
|
+
fontBoldTight500: "700 20px/1.3 Roboto",
|
|
186
196
|
};
|
|
@@ -147,11 +147,7 @@ export const colorLinkTextVisitedPress: string;
|
|
|
147
147
|
export const colorLinkSurfaceVisitedHover: string;
|
|
148
148
|
export const colorLinkSurfaceVisitedPress: string;
|
|
149
149
|
export const borderRadius100: string;
|
|
150
|
-
export const borderRadius150: string;
|
|
151
150
|
export const borderRadius200: string;
|
|
152
|
-
export const borderRadius250: string;
|
|
153
|
-
export const borderRadius300: string;
|
|
154
|
-
export const borderRadius400: string;
|
|
155
151
|
export const borderRadius050: string;
|
|
156
152
|
export const borderWidth100: string;
|
|
157
153
|
export const borderWidth025: string;
|
|
@@ -160,25 +156,39 @@ export const space100: string;
|
|
|
160
156
|
export const space200: string;
|
|
161
157
|
export const space300: string;
|
|
162
158
|
export const space400: string;
|
|
159
|
+
export const space600: string;
|
|
163
160
|
export const space800: string;
|
|
164
161
|
export const space050: string;
|
|
165
162
|
export const fontRegularNormal300: string;
|
|
166
163
|
export const fontRegularNormal350: string;
|
|
167
164
|
export const fontRegularNormal400: string;
|
|
165
|
+
export const fontRegularNormal500: string;
|
|
168
166
|
export const fontRegularTight300: string;
|
|
169
167
|
export const fontRegularTight350: string;
|
|
170
168
|
export const fontRegularTight400: string;
|
|
169
|
+
export const fontRegularTight500: string;
|
|
171
170
|
export const fontRegularBoldNormal300: string;
|
|
172
171
|
export const fontRegularBoldNormal350: string;
|
|
173
172
|
export const fontRegularBoldNormal400: string;
|
|
173
|
+
export const fontRegularBoldNormal500: string;
|
|
174
174
|
export const fontRegularBoldTight300: string;
|
|
175
175
|
export const fontRegularBoldTight350: string;
|
|
176
176
|
export const fontRegularBoldTight400: string;
|
|
177
|
+
export const fontRegularBoldTight500: string;
|
|
177
178
|
export const fontSize300: string;
|
|
178
179
|
export const fontSize350: string;
|
|
179
180
|
export const fontSize400: string;
|
|
181
|
+
export const fontSize500: string;
|
|
180
182
|
export const fontLineHeightTight: number;
|
|
181
183
|
export const fontLineHeightNormal: number;
|
|
182
184
|
export const fontWeightBold: number;
|
|
183
185
|
export const fontWeightRegular: number;
|
|
184
186
|
export const fontFamilyBase: string;
|
|
187
|
+
export const fontBoldNormal300: string;
|
|
188
|
+
export const fontBoldNormal350: string;
|
|
189
|
+
export const fontBoldNormal400: string;
|
|
190
|
+
export const fontBoldNormal500: string;
|
|
191
|
+
export const fontBoldTight300: string;
|
|
192
|
+
export const fontBoldTight350: string;
|
|
193
|
+
export const fontBoldTight400: string;
|
|
194
|
+
export const fontBoldTight500: string;
|
|
@@ -147,11 +147,7 @@ export const colorLinkTextVisitedPress: string;
|
|
|
147
147
|
export const colorLinkSurfaceVisitedHover: string;
|
|
148
148
|
export const colorLinkSurfaceVisitedPress: string;
|
|
149
149
|
export const borderRadius100: string;
|
|
150
|
-
export const borderRadius150: string;
|
|
151
150
|
export const borderRadius200: string;
|
|
152
|
-
export const borderRadius250: string;
|
|
153
|
-
export const borderRadius300: string;
|
|
154
|
-
export const borderRadius400: string;
|
|
155
151
|
export const borderRadius050: string;
|
|
156
152
|
export const borderWidth100: string;
|
|
157
153
|
export const borderWidth025: string;
|
|
@@ -160,25 +156,39 @@ export const space100: string;
|
|
|
160
156
|
export const space200: string;
|
|
161
157
|
export const space300: string;
|
|
162
158
|
export const space400: string;
|
|
159
|
+
export const space600: string;
|
|
163
160
|
export const space800: string;
|
|
164
161
|
export const space050: string;
|
|
165
162
|
export const fontRegularNormal300: string;
|
|
166
163
|
export const fontRegularNormal350: string;
|
|
167
164
|
export const fontRegularNormal400: string;
|
|
165
|
+
export const fontRegularNormal500: string;
|
|
168
166
|
export const fontRegularTight300: string;
|
|
169
167
|
export const fontRegularTight350: string;
|
|
170
168
|
export const fontRegularTight400: string;
|
|
169
|
+
export const fontRegularTight500: string;
|
|
171
170
|
export const fontRegularBoldNormal300: string;
|
|
172
171
|
export const fontRegularBoldNormal350: string;
|
|
173
172
|
export const fontRegularBoldNormal400: string;
|
|
173
|
+
export const fontRegularBoldNormal500: string;
|
|
174
174
|
export const fontRegularBoldTight300: string;
|
|
175
175
|
export const fontRegularBoldTight350: string;
|
|
176
176
|
export const fontRegularBoldTight400: string;
|
|
177
|
+
export const fontRegularBoldTight500: string;
|
|
177
178
|
export const fontSize300: string;
|
|
178
179
|
export const fontSize350: string;
|
|
179
180
|
export const fontSize400: string;
|
|
181
|
+
export const fontSize500: string;
|
|
180
182
|
export const fontLineHeightTight: number;
|
|
181
183
|
export const fontLineHeightNormal: number;
|
|
182
184
|
export const fontWeightBold: number;
|
|
183
185
|
export const fontWeightRegular: number;
|
|
184
186
|
export const fontFamilyBase: string;
|
|
187
|
+
export const fontBoldNormal300: string;
|
|
188
|
+
export const fontBoldNormal350: string;
|
|
189
|
+
export const fontBoldNormal400: string;
|
|
190
|
+
export const fontBoldNormal500: string;
|
|
191
|
+
export const fontBoldTight300: string;
|
|
192
|
+
export const fontBoldTight350: string;
|
|
193
|
+
export const fontBoldTight400: string;
|
|
194
|
+
export const fontBoldTight500: string;
|
|
@@ -147,11 +147,7 @@ export const colorLinkTextVisitedPress = "#37153d";
|
|
|
147
147
|
export const colorLinkSurfaceVisitedHover = "#f0ddf3";
|
|
148
148
|
export const colorLinkSurfaceVisitedPress = "#e1bbe8";
|
|
149
149
|
export const borderRadius100 = "4px";
|
|
150
|
-
export const borderRadius150 = "6px";
|
|
151
150
|
export const borderRadius200 = "8px";
|
|
152
|
-
export const borderRadius250 = "10px";
|
|
153
|
-
export const borderRadius300 = "12px";
|
|
154
|
-
export const borderRadius400 = "16px";
|
|
155
151
|
export const borderRadius050 = "2px";
|
|
156
152
|
export const borderWidth100 = "4px";
|
|
157
153
|
export const borderWidth025 = "1px";
|
|
@@ -160,25 +156,39 @@ export const space100 = "4px";
|
|
|
160
156
|
export const space200 = "8px";
|
|
161
157
|
export const space300 = "12px";
|
|
162
158
|
export const space400 = "16px";
|
|
159
|
+
export const space600 = "24px";
|
|
163
160
|
export const space800 = "32px";
|
|
164
161
|
export const space050 = "2px";
|
|
165
162
|
export const fontRegularNormal300 = "400 12px/1.5 Roboto";
|
|
166
163
|
export const fontRegularNormal350 = "400 14px/1.5 Roboto";
|
|
167
164
|
export const fontRegularNormal400 = "400 16px/1.5 Roboto";
|
|
165
|
+
export const fontRegularNormal500 = "400 20px/1.5 Roboto";
|
|
168
166
|
export const fontRegularTight300 = "400 12px/1.3 Roboto";
|
|
169
167
|
export const fontRegularTight350 = "400 14px/1.3 Roboto";
|
|
170
168
|
export const fontRegularTight400 = "400 16px/1.3 Roboto";
|
|
169
|
+
export const fontRegularTight500 = "400 20px/1.3 Roboto";
|
|
171
170
|
export const fontRegularBoldNormal300 = "700 12px/1.5 Roboto";
|
|
172
171
|
export const fontRegularBoldNormal350 = "700 14px/1.5 Roboto";
|
|
173
172
|
export const fontRegularBoldNormal400 = "700 16px/1.5 Roboto";
|
|
173
|
+
export const fontRegularBoldNormal500 = "700 20px/1.5 Roboto";
|
|
174
174
|
export const fontRegularBoldTight300 = "700 12px/1.3 Roboto";
|
|
175
175
|
export const fontRegularBoldTight350 = "700 14px/1.3 Roboto";
|
|
176
176
|
export const fontRegularBoldTight400 = "700 16px/1.3 Roboto";
|
|
177
|
+
export const fontRegularBoldTight500 = "700 20px/1.3 Roboto";
|
|
177
178
|
export const fontSize300 = "12px";
|
|
178
179
|
export const fontSize350 = "14px";
|
|
179
180
|
export const fontSize400 = "16px";
|
|
181
|
+
export const fontSize500 = "20px";
|
|
180
182
|
export const fontLineHeightTight = 1.3;
|
|
181
183
|
export const fontLineHeightNormal = 1.5;
|
|
182
184
|
export const fontWeightBold = 700;
|
|
183
185
|
export const fontWeightRegular = 400;
|
|
184
186
|
export const fontFamilyBase = "Roboto";
|
|
187
|
+
export const fontBoldNormal300 = "700 12px/1.5 Roboto";
|
|
188
|
+
export const fontBoldNormal350 = "700 14px/1.5 Roboto";
|
|
189
|
+
export const fontBoldNormal400 = "700 16px/1.5 Roboto";
|
|
190
|
+
export const fontBoldNormal500 = "700 20px/1.5 Roboto";
|
|
191
|
+
export const fontBoldTight300 = "700 12px/1.3 Roboto";
|
|
192
|
+
export const fontBoldTight350 = "700 14px/1.3 Roboto";
|
|
193
|
+
export const fontBoldTight400 = "700 16px/1.3 Roboto";
|
|
194
|
+
export const fontBoldTight500 = "700 20px/1.3 Roboto";
|
|
@@ -509,31 +509,11 @@
|
|
|
509
509
|
"dimension",
|
|
510
510
|
"borderRadius"
|
|
511
511
|
],
|
|
512
|
-
"border-radius-150": [
|
|
513
|
-
"6px",
|
|
514
|
-
"dimension",
|
|
515
|
-
"borderRadius"
|
|
516
|
-
],
|
|
517
512
|
"border-radius-200": [
|
|
518
513
|
"8px",
|
|
519
514
|
"dimension",
|
|
520
515
|
"borderRadius"
|
|
521
516
|
],
|
|
522
|
-
"border-radius-250": [
|
|
523
|
-
"10px",
|
|
524
|
-
"dimension",
|
|
525
|
-
"borderRadius"
|
|
526
|
-
],
|
|
527
|
-
"border-radius-300": [
|
|
528
|
-
"12px",
|
|
529
|
-
"dimension",
|
|
530
|
-
"borderRadius"
|
|
531
|
-
],
|
|
532
|
-
"border-radius-400": [
|
|
533
|
-
"16px",
|
|
534
|
-
"dimension",
|
|
535
|
-
"borderRadius"
|
|
536
|
-
],
|
|
537
517
|
"border-radius-050": [
|
|
538
518
|
"2px",
|
|
539
519
|
"dimension",
|
|
@@ -574,6 +554,11 @@
|
|
|
574
554
|
"dimension",
|
|
575
555
|
"spacing"
|
|
576
556
|
],
|
|
557
|
+
"space-600": [
|
|
558
|
+
"24px",
|
|
559
|
+
"dimension",
|
|
560
|
+
"spacing"
|
|
561
|
+
],
|
|
577
562
|
"space-800": [
|
|
578
563
|
"32px",
|
|
579
564
|
"dimension",
|
|
@@ -599,6 +584,11 @@
|
|
|
599
584
|
"typography",
|
|
600
585
|
null
|
|
601
586
|
],
|
|
587
|
+
"font-regular-normal-500": [
|
|
588
|
+
"400 20px/1.5 Roboto",
|
|
589
|
+
"typography",
|
|
590
|
+
null
|
|
591
|
+
],
|
|
602
592
|
"font-regular-tight-300": [
|
|
603
593
|
"400 12px/1.3 Roboto",
|
|
604
594
|
"typography",
|
|
@@ -614,6 +604,11 @@
|
|
|
614
604
|
"typography",
|
|
615
605
|
null
|
|
616
606
|
],
|
|
607
|
+
"font-regular-tight-500": [
|
|
608
|
+
"400 20px/1.3 Roboto",
|
|
609
|
+
"typography",
|
|
610
|
+
null
|
|
611
|
+
],
|
|
617
612
|
"font-regular-bold-normal-300": [
|
|
618
613
|
"700 12px/1.5 Roboto",
|
|
619
614
|
"typography",
|
|
@@ -629,6 +624,11 @@
|
|
|
629
624
|
"typography",
|
|
630
625
|
null
|
|
631
626
|
],
|
|
627
|
+
"font-regular-bold-normal-500": [
|
|
628
|
+
"700 20px/1.5 Roboto",
|
|
629
|
+
"typography",
|
|
630
|
+
null
|
|
631
|
+
],
|
|
632
632
|
"font-regular-bold-tight-300": [
|
|
633
633
|
"700 12px/1.3 Roboto",
|
|
634
634
|
"typography",
|
|
@@ -644,6 +644,11 @@
|
|
|
644
644
|
"typography",
|
|
645
645
|
null
|
|
646
646
|
],
|
|
647
|
+
"font-regular-bold-tight-500": [
|
|
648
|
+
"700 20px/1.3 Roboto",
|
|
649
|
+
"typography",
|
|
650
|
+
null
|
|
651
|
+
],
|
|
647
652
|
"font-size-300": [
|
|
648
653
|
"12px",
|
|
649
654
|
"fontSize",
|
|
@@ -659,6 +664,11 @@
|
|
|
659
664
|
"fontSize",
|
|
660
665
|
"fontSizes"
|
|
661
666
|
],
|
|
667
|
+
"font-size-500": [
|
|
668
|
+
"20px",
|
|
669
|
+
"fontSize",
|
|
670
|
+
"fontSizes"
|
|
671
|
+
],
|
|
662
672
|
"font-line-height-tight": [
|
|
663
673
|
"1.3",
|
|
664
674
|
"lineHeight",
|
|
@@ -683,5 +693,45 @@
|
|
|
683
693
|
"Roboto",
|
|
684
694
|
"fontFamily",
|
|
685
695
|
"fontFamilies"
|
|
696
|
+
],
|
|
697
|
+
"font-bold-normal-300": [
|
|
698
|
+
"700 12px/1.5 Roboto",
|
|
699
|
+
"typography",
|
|
700
|
+
null
|
|
701
|
+
],
|
|
702
|
+
"font-bold-normal-350": [
|
|
703
|
+
"700 14px/1.5 Roboto",
|
|
704
|
+
"typography",
|
|
705
|
+
null
|
|
706
|
+
],
|
|
707
|
+
"font-bold-normal-400": [
|
|
708
|
+
"700 16px/1.5 Roboto",
|
|
709
|
+
"typography",
|
|
710
|
+
null
|
|
711
|
+
],
|
|
712
|
+
"font-bold-normal-500": [
|
|
713
|
+
"700 20px/1.5 Roboto",
|
|
714
|
+
"typography",
|
|
715
|
+
null
|
|
716
|
+
],
|
|
717
|
+
"font-bold-tight-300": [
|
|
718
|
+
"700 12px/1.3 Roboto",
|
|
719
|
+
"typography",
|
|
720
|
+
null
|
|
721
|
+
],
|
|
722
|
+
"font-bold-tight-350": [
|
|
723
|
+
"700 14px/1.3 Roboto",
|
|
724
|
+
"typography",
|
|
725
|
+
null
|
|
726
|
+
],
|
|
727
|
+
"font-bold-tight-400": [
|
|
728
|
+
"700 16px/1.3 Roboto",
|
|
729
|
+
"typography",
|
|
730
|
+
null
|
|
731
|
+
],
|
|
732
|
+
"font-bold-tight-500": [
|
|
733
|
+
"700 20px/1.3 Roboto",
|
|
734
|
+
"typography",
|
|
735
|
+
null
|
|
686
736
|
]
|
|
687
737
|
}
|