@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.
- package/CHANGELOG.md +19 -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 +177 -0
- package/build/css/daikin/Dark/variables.css +12 -8
- package/build/css/daikin/Light/tailwind4.css +177 -0
- package/build/css/daikin/Light/variables.css +12 -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 +12 -8
- package/build/js/daikin/Dark/variables.d.cts +12 -8
- package/build/js/daikin/Dark/variables.d.ts +12 -8
- package/build/js/daikin/Dark/variables.js +12 -8
- package/build/js/daikin/Light/variables.cjs +12 -8
- package/build/js/daikin/Light/variables.d.cts +12 -8
- package/build/js/daikin/Light/variables.d.ts +12 -8
- package/build/js/daikin/Light/variables.js +12 -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 +60 -40
- package/build/json/daikin/Light/tokens.json +60 -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 +12 -8
- package/build/scss/daikin/Light/_mixins.scss +12 -8
- package/build/tailwind4.css +177 -0
- package/package.json +10 -3
- package/themes/dkn/dark/system.json +18 -0
- package/themes/dkn/light/system.json +19 -1
- 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
|
}
|