@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
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.4.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 32 token(s) added.
|
|
8
|
+
|
|
9
|
+
## 0.4.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- **BREAKING CHANGE**: 16 token(s) removed (`border-radius-150`, `border-radius-150`, `border-radius-250`, `border-radius-300`).
|
|
14
|
+
24 token(s) added.
|
|
15
|
+
|
|
3
16
|
## 0.3.2
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
|
@@ -105,11 +105,7 @@
|
|
|
105
105
|
--dds-color-purple-110: #37153d;
|
|
106
106
|
--dds-color-purple-120: #250e29;
|
|
107
107
|
--dds-border-radius-100: 4px;
|
|
108
|
-
--dds-border-radius-150: 6px;
|
|
109
108
|
--dds-border-radius-200: 8px;
|
|
110
|
-
--dds-border-radius-250: 10px;
|
|
111
|
-
--dds-border-radius-300: 12px;
|
|
112
|
-
--dds-border-radius-400: 16px;
|
|
113
109
|
--dds-border-radius-050: 2px;
|
|
114
110
|
--dds-border-width-100: 4px;
|
|
115
111
|
--dds-border-width-025: 1px;
|
|
@@ -118,26 +114,40 @@
|
|
|
118
114
|
--dds-space-200: 8px;
|
|
119
115
|
--dds-space-300: 12px;
|
|
120
116
|
--dds-space-400: 16px;
|
|
117
|
+
--dds-space-600: 24px;
|
|
121
118
|
--dds-space-800: 32px;
|
|
122
119
|
--dds-space-050: 2px;
|
|
123
120
|
--dds-font-regular-normal-300: 400 12px/1.5 Roboto;
|
|
124
121
|
--dds-font-regular-normal-350: 400 14px/1.5 Roboto;
|
|
125
122
|
--dds-font-regular-normal-400: 400 16px/1.5 Roboto;
|
|
123
|
+
--dds-font-regular-normal-500: 400 20px/1.5 Roboto;
|
|
126
124
|
--dds-font-regular-tight-300: 400 12px/1.3 Roboto;
|
|
127
125
|
--dds-font-regular-tight-350: 400 14px/1.3 Roboto;
|
|
128
126
|
--dds-font-regular-tight-400: 400 16px/1.3 Roboto;
|
|
127
|
+
--dds-font-regular-tight-500: 400 20px/1.3 Roboto;
|
|
129
128
|
--dds-font-regular-bold-normal-300: 700 12px/1.5 Roboto;
|
|
130
129
|
--dds-font-regular-bold-normal-350: 700 14px/1.5 Roboto;
|
|
131
130
|
--dds-font-regular-bold-normal-400: 700 16px/1.5 Roboto;
|
|
131
|
+
--dds-font-regular-bold-normal-500: 700 20px/1.5 Roboto;
|
|
132
132
|
--dds-font-regular-bold-tight-300: 700 12px/1.3 Roboto;
|
|
133
133
|
--dds-font-regular-bold-tight-350: 700 14px/1.3 Roboto;
|
|
134
134
|
--dds-font-regular-bold-tight-400: 700 16px/1.3 Roboto;
|
|
135
|
+
--dds-font-regular-bold-tight-500: 700 20px/1.3 Roboto;
|
|
135
136
|
--dds-font-size-300: 12px;
|
|
136
137
|
--dds-font-size-350: 14px;
|
|
137
138
|
--dds-font-size-400: 16px;
|
|
139
|
+
--dds-font-size-500: 20px;
|
|
138
140
|
--dds-font-line-height-tight: 1.3;
|
|
139
141
|
--dds-font-line-height-normal: 1.5;
|
|
140
142
|
--dds-font-weight-bold: 700;
|
|
141
143
|
--dds-font-weight-regular: 400;
|
|
142
144
|
--dds-font-family-base: Roboto;
|
|
145
|
+
--dds-font-bold-normal-300: 700 12px/1.5 Roboto;
|
|
146
|
+
--dds-font-bold-normal-350: 700 14px/1.5 Roboto;
|
|
147
|
+
--dds-font-bold-normal-400: 700 16px/1.5 Roboto;
|
|
148
|
+
--dds-font-bold-normal-500: 700 20px/1.5 Roboto;
|
|
149
|
+
--dds-font-bold-tight-300: 700 12px/1.3 Roboto;
|
|
150
|
+
--dds-font-bold-tight-350: 700 14px/1.3 Roboto;
|
|
151
|
+
--dds-font-bold-tight-400: 700 16px/1.3 Roboto;
|
|
152
|
+
--dds-font-bold-tight-500: 700 20px/1.3 Roboto;
|
|
143
153
|
}
|
|
@@ -105,11 +105,7 @@
|
|
|
105
105
|
--dds-color-purple-110: #37153d;
|
|
106
106
|
--dds-color-purple-120: #250e29;
|
|
107
107
|
--dds-border-radius-100: 4px;
|
|
108
|
-
--dds-border-radius-150: 6px;
|
|
109
108
|
--dds-border-radius-200: 8px;
|
|
110
|
-
--dds-border-radius-250: 10px;
|
|
111
|
-
--dds-border-radius-300: 12px;
|
|
112
|
-
--dds-border-radius-400: 16px;
|
|
113
109
|
--dds-border-radius-050: 2px;
|
|
114
110
|
--dds-border-width-100: 4px;
|
|
115
111
|
--dds-border-width-025: 1px;
|
|
@@ -118,26 +114,40 @@
|
|
|
118
114
|
--dds-space-200: 8px;
|
|
119
115
|
--dds-space-300: 12px;
|
|
120
116
|
--dds-space-400: 16px;
|
|
117
|
+
--dds-space-600: 24px;
|
|
121
118
|
--dds-space-800: 32px;
|
|
122
119
|
--dds-space-050: 2px;
|
|
123
120
|
--dds-font-regular-normal-300: 400 12px/1.5 Roboto;
|
|
124
121
|
--dds-font-regular-normal-350: 400 14px/1.5 Roboto;
|
|
125
122
|
--dds-font-regular-normal-400: 400 16px/1.5 Roboto;
|
|
123
|
+
--dds-font-regular-normal-500: 400 20px/1.5 Roboto;
|
|
126
124
|
--dds-font-regular-tight-300: 400 12px/1.3 Roboto;
|
|
127
125
|
--dds-font-regular-tight-350: 400 14px/1.3 Roboto;
|
|
128
126
|
--dds-font-regular-tight-400: 400 16px/1.3 Roboto;
|
|
127
|
+
--dds-font-regular-tight-500: 400 20px/1.3 Roboto;
|
|
129
128
|
--dds-font-regular-bold-normal-300: 700 12px/1.5 Roboto;
|
|
130
129
|
--dds-font-regular-bold-normal-350: 700 14px/1.5 Roboto;
|
|
131
130
|
--dds-font-regular-bold-normal-400: 700 16px/1.5 Roboto;
|
|
131
|
+
--dds-font-regular-bold-normal-500: 700 20px/1.5 Roboto;
|
|
132
132
|
--dds-font-regular-bold-tight-300: 700 12px/1.3 Roboto;
|
|
133
133
|
--dds-font-regular-bold-tight-350: 700 14px/1.3 Roboto;
|
|
134
134
|
--dds-font-regular-bold-tight-400: 700 16px/1.3 Roboto;
|
|
135
|
+
--dds-font-regular-bold-tight-500: 700 20px/1.3 Roboto;
|
|
135
136
|
--dds-font-size-300: 12px;
|
|
136
137
|
--dds-font-size-350: 14px;
|
|
137
138
|
--dds-font-size-400: 16px;
|
|
139
|
+
--dds-font-size-500: 20px;
|
|
138
140
|
--dds-font-line-height-tight: 1.3;
|
|
139
141
|
--dds-font-line-height-normal: 1.5;
|
|
140
142
|
--dds-font-weight-bold: 700;
|
|
141
143
|
--dds-font-weight-regular: 400;
|
|
142
144
|
--dds-font-family-base: Roboto;
|
|
145
|
+
--dds-font-bold-normal-300: 700 12px/1.5 Roboto;
|
|
146
|
+
--dds-font-bold-normal-350: 700 14px/1.5 Roboto;
|
|
147
|
+
--dds-font-bold-normal-400: 700 16px/1.5 Roboto;
|
|
148
|
+
--dds-font-bold-normal-500: 700 20px/1.5 Roboto;
|
|
149
|
+
--dds-font-bold-tight-300: 700 12px/1.3 Roboto;
|
|
150
|
+
--dds-font-bold-tight-350: 700 14px/1.3 Roboto;
|
|
151
|
+
--dds-font-bold-tight-400: 700 16px/1.3 Roboto;
|
|
152
|
+
--dds-font-bold-tight-500: 700 20px/1.3 Roboto;
|
|
143
153
|
}
|
|
@@ -148,11 +148,7 @@
|
|
|
148
148
|
--dds-color-link-surface-visited-hover: #250e29;
|
|
149
149
|
--dds-color-link-surface-visited-press: #37153d;
|
|
150
150
|
--dds-border-radius-100: 4px;
|
|
151
|
-
--dds-border-radius-150: 6px;
|
|
152
151
|
--dds-border-radius-200: 8px;
|
|
153
|
-
--dds-border-radius-250: 10px;
|
|
154
|
-
--dds-border-radius-300: 12px;
|
|
155
|
-
--dds-border-radius-400: 16px;
|
|
156
152
|
--dds-border-radius-050: 2px;
|
|
157
153
|
--dds-border-width-100: 4px;
|
|
158
154
|
--dds-border-width-025: 1px;
|
|
@@ -161,26 +157,40 @@
|
|
|
161
157
|
--dds-space-200: 8px;
|
|
162
158
|
--dds-space-300: 12px;
|
|
163
159
|
--dds-space-400: 16px;
|
|
160
|
+
--dds-space-600: 24px;
|
|
164
161
|
--dds-space-800: 32px;
|
|
165
162
|
--dds-space-050: 2px;
|
|
166
163
|
--dds-font-regular-normal-300: 400 12px/1.5 Roboto;
|
|
167
164
|
--dds-font-regular-normal-350: 400 14px/1.5 Roboto;
|
|
168
165
|
--dds-font-regular-normal-400: 400 16px/1.5 Roboto;
|
|
166
|
+
--dds-font-regular-normal-500: 400 20px/1.5 Roboto;
|
|
169
167
|
--dds-font-regular-tight-300: 400 12px/1.3 Roboto;
|
|
170
168
|
--dds-font-regular-tight-350: 400 14px/1.3 Roboto;
|
|
171
169
|
--dds-font-regular-tight-400: 400 16px/1.3 Roboto;
|
|
170
|
+
--dds-font-regular-tight-500: 400 20px/1.3 Roboto;
|
|
172
171
|
--dds-font-regular-bold-normal-300: 700 12px/1.5 Roboto;
|
|
173
172
|
--dds-font-regular-bold-normal-350: 700 14px/1.5 Roboto;
|
|
174
173
|
--dds-font-regular-bold-normal-400: 700 16px/1.5 Roboto;
|
|
174
|
+
--dds-font-regular-bold-normal-500: 700 20px/1.5 Roboto;
|
|
175
175
|
--dds-font-regular-bold-tight-300: 700 12px/1.3 Roboto;
|
|
176
176
|
--dds-font-regular-bold-tight-350: 700 14px/1.3 Roboto;
|
|
177
177
|
--dds-font-regular-bold-tight-400: 700 16px/1.3 Roboto;
|
|
178
|
+
--dds-font-regular-bold-tight-500: 700 20px/1.3 Roboto;
|
|
178
179
|
--dds-font-size-300: 12px;
|
|
179
180
|
--dds-font-size-350: 14px;
|
|
180
181
|
--dds-font-size-400: 16px;
|
|
182
|
+
--dds-font-size-500: 20px;
|
|
181
183
|
--dds-font-line-height-tight: 1.3;
|
|
182
184
|
--dds-font-line-height-normal: 1.5;
|
|
183
185
|
--dds-font-weight-bold: 700;
|
|
184
186
|
--dds-font-weight-regular: 400;
|
|
185
187
|
--dds-font-family-base: Roboto;
|
|
188
|
+
--dds-font-bold-normal-300: 700 12px/1.5 Roboto;
|
|
189
|
+
--dds-font-bold-normal-350: 700 14px/1.5 Roboto;
|
|
190
|
+
--dds-font-bold-normal-400: 700 16px/1.5 Roboto;
|
|
191
|
+
--dds-font-bold-normal-500: 700 20px/1.5 Roboto;
|
|
192
|
+
--dds-font-bold-tight-300: 700 12px/1.3 Roboto;
|
|
193
|
+
--dds-font-bold-tight-350: 700 14px/1.3 Roboto;
|
|
194
|
+
--dds-font-bold-tight-400: 700 16px/1.3 Roboto;
|
|
195
|
+
--dds-font-bold-tight-500: 700 20px/1.3 Roboto;
|
|
186
196
|
}
|
|
@@ -148,11 +148,7 @@
|
|
|
148
148
|
--dds-color-link-surface-visited-hover: #f0ddf3;
|
|
149
149
|
--dds-color-link-surface-visited-press: #e1bbe8;
|
|
150
150
|
--dds-border-radius-100: 4px;
|
|
151
|
-
--dds-border-radius-150: 6px;
|
|
152
151
|
--dds-border-radius-200: 8px;
|
|
153
|
-
--dds-border-radius-250: 10px;
|
|
154
|
-
--dds-border-radius-300: 12px;
|
|
155
|
-
--dds-border-radius-400: 16px;
|
|
156
152
|
--dds-border-radius-050: 2px;
|
|
157
153
|
--dds-border-width-100: 4px;
|
|
158
154
|
--dds-border-width-025: 1px;
|
|
@@ -161,26 +157,40 @@
|
|
|
161
157
|
--dds-space-200: 8px;
|
|
162
158
|
--dds-space-300: 12px;
|
|
163
159
|
--dds-space-400: 16px;
|
|
160
|
+
--dds-space-600: 24px;
|
|
164
161
|
--dds-space-800: 32px;
|
|
165
162
|
--dds-space-050: 2px;
|
|
166
163
|
--dds-font-regular-normal-300: 400 12px/1.5 Roboto;
|
|
167
164
|
--dds-font-regular-normal-350: 400 14px/1.5 Roboto;
|
|
168
165
|
--dds-font-regular-normal-400: 400 16px/1.5 Roboto;
|
|
166
|
+
--dds-font-regular-normal-500: 400 20px/1.5 Roboto;
|
|
169
167
|
--dds-font-regular-tight-300: 400 12px/1.3 Roboto;
|
|
170
168
|
--dds-font-regular-tight-350: 400 14px/1.3 Roboto;
|
|
171
169
|
--dds-font-regular-tight-400: 400 16px/1.3 Roboto;
|
|
170
|
+
--dds-font-regular-tight-500: 400 20px/1.3 Roboto;
|
|
172
171
|
--dds-font-regular-bold-normal-300: 700 12px/1.5 Roboto;
|
|
173
172
|
--dds-font-regular-bold-normal-350: 700 14px/1.5 Roboto;
|
|
174
173
|
--dds-font-regular-bold-normal-400: 700 16px/1.5 Roboto;
|
|
174
|
+
--dds-font-regular-bold-normal-500: 700 20px/1.5 Roboto;
|
|
175
175
|
--dds-font-regular-bold-tight-300: 700 12px/1.3 Roboto;
|
|
176
176
|
--dds-font-regular-bold-tight-350: 700 14px/1.3 Roboto;
|
|
177
177
|
--dds-font-regular-bold-tight-400: 700 16px/1.3 Roboto;
|
|
178
|
+
--dds-font-regular-bold-tight-500: 700 20px/1.3 Roboto;
|
|
178
179
|
--dds-font-size-300: 12px;
|
|
179
180
|
--dds-font-size-350: 14px;
|
|
180
181
|
--dds-font-size-400: 16px;
|
|
182
|
+
--dds-font-size-500: 20px;
|
|
181
183
|
--dds-font-line-height-tight: 1.3;
|
|
182
184
|
--dds-font-line-height-normal: 1.5;
|
|
183
185
|
--dds-font-weight-bold: 700;
|
|
184
186
|
--dds-font-weight-regular: 400;
|
|
185
187
|
--dds-font-family-base: Roboto;
|
|
188
|
+
--dds-font-bold-normal-300: 700 12px/1.5 Roboto;
|
|
189
|
+
--dds-font-bold-normal-350: 700 14px/1.5 Roboto;
|
|
190
|
+
--dds-font-bold-normal-400: 700 16px/1.5 Roboto;
|
|
191
|
+
--dds-font-bold-normal-500: 700 20px/1.5 Roboto;
|
|
192
|
+
--dds-font-bold-tight-300: 700 12px/1.3 Roboto;
|
|
193
|
+
--dds-font-bold-tight-350: 700 14px/1.3 Roboto;
|
|
194
|
+
--dds-font-bold-tight-400: 700 16px/1.3 Roboto;
|
|
195
|
+
--dds-font-bold-tight-500: 700 20px/1.3 Roboto;
|
|
186
196
|
}
|
|
@@ -105,11 +105,7 @@ module.exports = {
|
|
|
105
105
|
colorPurple110: "#37153d",
|
|
106
106
|
colorPurple120: "#250e29",
|
|
107
107
|
borderRadius100: "4px",
|
|
108
|
-
borderRadius150: "6px",
|
|
109
108
|
borderRadius200: "8px",
|
|
110
|
-
borderRadius250: "10px",
|
|
111
|
-
borderRadius300: "12px",
|
|
112
|
-
borderRadius400: "16px",
|
|
113
109
|
borderRadius050: "2px",
|
|
114
110
|
borderWidth100: "4px",
|
|
115
111
|
borderWidth025: "1px",
|
|
@@ -118,26 +114,40 @@ module.exports = {
|
|
|
118
114
|
space200: "8px",
|
|
119
115
|
space300: "12px",
|
|
120
116
|
space400: "16px",
|
|
117
|
+
space600: "24px",
|
|
121
118
|
space800: "32px",
|
|
122
119
|
space050: "2px",
|
|
123
120
|
fontRegularNormal300: "400 12px/1.5 Roboto",
|
|
124
121
|
fontRegularNormal350: "400 14px/1.5 Roboto",
|
|
125
122
|
fontRegularNormal400: "400 16px/1.5 Roboto",
|
|
123
|
+
fontRegularNormal500: "400 20px/1.5 Roboto",
|
|
126
124
|
fontRegularTight300: "400 12px/1.3 Roboto",
|
|
127
125
|
fontRegularTight350: "400 14px/1.3 Roboto",
|
|
128
126
|
fontRegularTight400: "400 16px/1.3 Roboto",
|
|
127
|
+
fontRegularTight500: "400 20px/1.3 Roboto",
|
|
129
128
|
fontRegularBoldNormal300: "700 12px/1.5 Roboto",
|
|
130
129
|
fontRegularBoldNormal350: "700 14px/1.5 Roboto",
|
|
131
130
|
fontRegularBoldNormal400: "700 16px/1.5 Roboto",
|
|
131
|
+
fontRegularBoldNormal500: "700 20px/1.5 Roboto",
|
|
132
132
|
fontRegularBoldTight300: "700 12px/1.3 Roboto",
|
|
133
133
|
fontRegularBoldTight350: "700 14px/1.3 Roboto",
|
|
134
134
|
fontRegularBoldTight400: "700 16px/1.3 Roboto",
|
|
135
|
+
fontRegularBoldTight500: "700 20px/1.3 Roboto",
|
|
135
136
|
fontSize300: "12px",
|
|
136
137
|
fontSize350: "14px",
|
|
137
138
|
fontSize400: "16px",
|
|
139
|
+
fontSize500: "20px",
|
|
138
140
|
fontLineHeightTight: 1.3,
|
|
139
141
|
fontLineHeightNormal: 1.5,
|
|
140
142
|
fontWeightBold: 700,
|
|
141
143
|
fontWeightRegular: 400,
|
|
142
144
|
fontFamilyBase: "Roboto",
|
|
145
|
+
fontBoldNormal300: "700 12px/1.5 Roboto",
|
|
146
|
+
fontBoldNormal350: "700 14px/1.5 Roboto",
|
|
147
|
+
fontBoldNormal400: "700 16px/1.5 Roboto",
|
|
148
|
+
fontBoldNormal500: "700 20px/1.5 Roboto",
|
|
149
|
+
fontBoldTight300: "700 12px/1.3 Roboto",
|
|
150
|
+
fontBoldTight350: "700 14px/1.3 Roboto",
|
|
151
|
+
fontBoldTight400: "700 16px/1.3 Roboto",
|
|
152
|
+
fontBoldTight500: "700 20px/1.3 Roboto",
|
|
143
153
|
};
|
|
@@ -104,11 +104,7 @@ export const colorPurple100: string;
|
|
|
104
104
|
export const colorPurple110: string;
|
|
105
105
|
export const colorPurple120: string;
|
|
106
106
|
export const borderRadius100: string;
|
|
107
|
-
export const borderRadius150: string;
|
|
108
107
|
export const borderRadius200: string;
|
|
109
|
-
export const borderRadius250: string;
|
|
110
|
-
export const borderRadius300: string;
|
|
111
|
-
export const borderRadius400: string;
|
|
112
108
|
export const borderRadius050: string;
|
|
113
109
|
export const borderWidth100: string;
|
|
114
110
|
export const borderWidth025: string;
|
|
@@ -117,25 +113,39 @@ export const space100: string;
|
|
|
117
113
|
export const space200: string;
|
|
118
114
|
export const space300: string;
|
|
119
115
|
export const space400: string;
|
|
116
|
+
export const space600: string;
|
|
120
117
|
export const space800: string;
|
|
121
118
|
export const space050: string;
|
|
122
119
|
export const fontRegularNormal300: string;
|
|
123
120
|
export const fontRegularNormal350: string;
|
|
124
121
|
export const fontRegularNormal400: string;
|
|
122
|
+
export const fontRegularNormal500: string;
|
|
125
123
|
export const fontRegularTight300: string;
|
|
126
124
|
export const fontRegularTight350: string;
|
|
127
125
|
export const fontRegularTight400: string;
|
|
126
|
+
export const fontRegularTight500: string;
|
|
128
127
|
export const fontRegularBoldNormal300: string;
|
|
129
128
|
export const fontRegularBoldNormal350: string;
|
|
130
129
|
export const fontRegularBoldNormal400: string;
|
|
130
|
+
export const fontRegularBoldNormal500: string;
|
|
131
131
|
export const fontRegularBoldTight300: string;
|
|
132
132
|
export const fontRegularBoldTight350: string;
|
|
133
133
|
export const fontRegularBoldTight400: string;
|
|
134
|
+
export const fontRegularBoldTight500: string;
|
|
134
135
|
export const fontSize300: string;
|
|
135
136
|
export const fontSize350: string;
|
|
136
137
|
export const fontSize400: string;
|
|
138
|
+
export const fontSize500: string;
|
|
137
139
|
export const fontLineHeightTight: number;
|
|
138
140
|
export const fontLineHeightNormal: number;
|
|
139
141
|
export const fontWeightBold: number;
|
|
140
142
|
export const fontWeightRegular: number;
|
|
141
143
|
export const fontFamilyBase: string;
|
|
144
|
+
export const fontBoldNormal300: string;
|
|
145
|
+
export const fontBoldNormal350: string;
|
|
146
|
+
export const fontBoldNormal400: string;
|
|
147
|
+
export const fontBoldNormal500: string;
|
|
148
|
+
export const fontBoldTight300: string;
|
|
149
|
+
export const fontBoldTight350: string;
|
|
150
|
+
export const fontBoldTight400: string;
|
|
151
|
+
export const fontBoldTight500: string;
|
|
@@ -104,11 +104,7 @@ export const colorPurple100: string;
|
|
|
104
104
|
export const colorPurple110: string;
|
|
105
105
|
export const colorPurple120: string;
|
|
106
106
|
export const borderRadius100: string;
|
|
107
|
-
export const borderRadius150: string;
|
|
108
107
|
export const borderRadius200: string;
|
|
109
|
-
export const borderRadius250: string;
|
|
110
|
-
export const borderRadius300: string;
|
|
111
|
-
export const borderRadius400: string;
|
|
112
108
|
export const borderRadius050: string;
|
|
113
109
|
export const borderWidth100: string;
|
|
114
110
|
export const borderWidth025: string;
|
|
@@ -117,25 +113,39 @@ export const space100: string;
|
|
|
117
113
|
export const space200: string;
|
|
118
114
|
export const space300: string;
|
|
119
115
|
export const space400: string;
|
|
116
|
+
export const space600: string;
|
|
120
117
|
export const space800: string;
|
|
121
118
|
export const space050: string;
|
|
122
119
|
export const fontRegularNormal300: string;
|
|
123
120
|
export const fontRegularNormal350: string;
|
|
124
121
|
export const fontRegularNormal400: string;
|
|
122
|
+
export const fontRegularNormal500: string;
|
|
125
123
|
export const fontRegularTight300: string;
|
|
126
124
|
export const fontRegularTight350: string;
|
|
127
125
|
export const fontRegularTight400: string;
|
|
126
|
+
export const fontRegularTight500: string;
|
|
128
127
|
export const fontRegularBoldNormal300: string;
|
|
129
128
|
export const fontRegularBoldNormal350: string;
|
|
130
129
|
export const fontRegularBoldNormal400: string;
|
|
130
|
+
export const fontRegularBoldNormal500: string;
|
|
131
131
|
export const fontRegularBoldTight300: string;
|
|
132
132
|
export const fontRegularBoldTight350: string;
|
|
133
133
|
export const fontRegularBoldTight400: string;
|
|
134
|
+
export const fontRegularBoldTight500: string;
|
|
134
135
|
export const fontSize300: string;
|
|
135
136
|
export const fontSize350: string;
|
|
136
137
|
export const fontSize400: string;
|
|
138
|
+
export const fontSize500: string;
|
|
137
139
|
export const fontLineHeightTight: number;
|
|
138
140
|
export const fontLineHeightNormal: number;
|
|
139
141
|
export const fontWeightBold: number;
|
|
140
142
|
export const fontWeightRegular: number;
|
|
141
143
|
export const fontFamilyBase: string;
|
|
144
|
+
export const fontBoldNormal300: string;
|
|
145
|
+
export const fontBoldNormal350: string;
|
|
146
|
+
export const fontBoldNormal400: string;
|
|
147
|
+
export const fontBoldNormal500: string;
|
|
148
|
+
export const fontBoldTight300: string;
|
|
149
|
+
export const fontBoldTight350: string;
|
|
150
|
+
export const fontBoldTight400: string;
|
|
151
|
+
export const fontBoldTight500: string;
|
|
@@ -104,11 +104,7 @@ export const colorPurple100 = "#4a1c51";
|
|
|
104
104
|
export const colorPurple110 = "#37153d";
|
|
105
105
|
export const colorPurple120 = "#250e29";
|
|
106
106
|
export const borderRadius100 = "4px";
|
|
107
|
-
export const borderRadius150 = "6px";
|
|
108
107
|
export const borderRadius200 = "8px";
|
|
109
|
-
export const borderRadius250 = "10px";
|
|
110
|
-
export const borderRadius300 = "12px";
|
|
111
|
-
export const borderRadius400 = "16px";
|
|
112
108
|
export const borderRadius050 = "2px";
|
|
113
109
|
export const borderWidth100 = "4px";
|
|
114
110
|
export const borderWidth025 = "1px";
|
|
@@ -117,25 +113,39 @@ export const space100 = "4px";
|
|
|
117
113
|
export const space200 = "8px";
|
|
118
114
|
export const space300 = "12px";
|
|
119
115
|
export const space400 = "16px";
|
|
116
|
+
export const space600 = "24px";
|
|
120
117
|
export const space800 = "32px";
|
|
121
118
|
export const space050 = "2px";
|
|
122
119
|
export const fontRegularNormal300 = "400 12px/1.5 Roboto";
|
|
123
120
|
export const fontRegularNormal350 = "400 14px/1.5 Roboto";
|
|
124
121
|
export const fontRegularNormal400 = "400 16px/1.5 Roboto";
|
|
122
|
+
export const fontRegularNormal500 = "400 20px/1.5 Roboto";
|
|
125
123
|
export const fontRegularTight300 = "400 12px/1.3 Roboto";
|
|
126
124
|
export const fontRegularTight350 = "400 14px/1.3 Roboto";
|
|
127
125
|
export const fontRegularTight400 = "400 16px/1.3 Roboto";
|
|
126
|
+
export const fontRegularTight500 = "400 20px/1.3 Roboto";
|
|
128
127
|
export const fontRegularBoldNormal300 = "700 12px/1.5 Roboto";
|
|
129
128
|
export const fontRegularBoldNormal350 = "700 14px/1.5 Roboto";
|
|
130
129
|
export const fontRegularBoldNormal400 = "700 16px/1.5 Roboto";
|
|
130
|
+
export const fontRegularBoldNormal500 = "700 20px/1.5 Roboto";
|
|
131
131
|
export const fontRegularBoldTight300 = "700 12px/1.3 Roboto";
|
|
132
132
|
export const fontRegularBoldTight350 = "700 14px/1.3 Roboto";
|
|
133
133
|
export const fontRegularBoldTight400 = "700 16px/1.3 Roboto";
|
|
134
|
+
export const fontRegularBoldTight500 = "700 20px/1.3 Roboto";
|
|
134
135
|
export const fontSize300 = "12px";
|
|
135
136
|
export const fontSize350 = "14px";
|
|
136
137
|
export const fontSize400 = "16px";
|
|
138
|
+
export const fontSize500 = "20px";
|
|
137
139
|
export const fontLineHeightTight = 1.3;
|
|
138
140
|
export const fontLineHeightNormal = 1.5;
|
|
139
141
|
export const fontWeightBold = 700;
|
|
140
142
|
export const fontWeightRegular = 400;
|
|
141
143
|
export const fontFamilyBase = "Roboto";
|
|
144
|
+
export const fontBoldNormal300 = "700 12px/1.5 Roboto";
|
|
145
|
+
export const fontBoldNormal350 = "700 14px/1.5 Roboto";
|
|
146
|
+
export const fontBoldNormal400 = "700 16px/1.5 Roboto";
|
|
147
|
+
export const fontBoldNormal500 = "700 20px/1.5 Roboto";
|
|
148
|
+
export const fontBoldTight300 = "700 12px/1.3 Roboto";
|
|
149
|
+
export const fontBoldTight350 = "700 14px/1.3 Roboto";
|
|
150
|
+
export const fontBoldTight400 = "700 16px/1.3 Roboto";
|
|
151
|
+
export const fontBoldTight500 = "700 20px/1.3 Roboto";
|
|
@@ -105,11 +105,7 @@ module.exports = {
|
|
|
105
105
|
colorPurple110: "#37153d",
|
|
106
106
|
colorPurple120: "#250e29",
|
|
107
107
|
borderRadius100: "4px",
|
|
108
|
-
borderRadius150: "6px",
|
|
109
108
|
borderRadius200: "8px",
|
|
110
|
-
borderRadius250: "10px",
|
|
111
|
-
borderRadius300: "12px",
|
|
112
|
-
borderRadius400: "16px",
|
|
113
109
|
borderRadius050: "2px",
|
|
114
110
|
borderWidth100: "4px",
|
|
115
111
|
borderWidth025: "1px",
|
|
@@ -118,26 +114,40 @@ module.exports = {
|
|
|
118
114
|
space200: "8px",
|
|
119
115
|
space300: "12px",
|
|
120
116
|
space400: "16px",
|
|
117
|
+
space600: "24px",
|
|
121
118
|
space800: "32px",
|
|
122
119
|
space050: "2px",
|
|
123
120
|
fontRegularNormal300: "400 12px/1.5 Roboto",
|
|
124
121
|
fontRegularNormal350: "400 14px/1.5 Roboto",
|
|
125
122
|
fontRegularNormal400: "400 16px/1.5 Roboto",
|
|
123
|
+
fontRegularNormal500: "400 20px/1.5 Roboto",
|
|
126
124
|
fontRegularTight300: "400 12px/1.3 Roboto",
|
|
127
125
|
fontRegularTight350: "400 14px/1.3 Roboto",
|
|
128
126
|
fontRegularTight400: "400 16px/1.3 Roboto",
|
|
127
|
+
fontRegularTight500: "400 20px/1.3 Roboto",
|
|
129
128
|
fontRegularBoldNormal300: "700 12px/1.5 Roboto",
|
|
130
129
|
fontRegularBoldNormal350: "700 14px/1.5 Roboto",
|
|
131
130
|
fontRegularBoldNormal400: "700 16px/1.5 Roboto",
|
|
131
|
+
fontRegularBoldNormal500: "700 20px/1.5 Roboto",
|
|
132
132
|
fontRegularBoldTight300: "700 12px/1.3 Roboto",
|
|
133
133
|
fontRegularBoldTight350: "700 14px/1.3 Roboto",
|
|
134
134
|
fontRegularBoldTight400: "700 16px/1.3 Roboto",
|
|
135
|
+
fontRegularBoldTight500: "700 20px/1.3 Roboto",
|
|
135
136
|
fontSize300: "12px",
|
|
136
137
|
fontSize350: "14px",
|
|
137
138
|
fontSize400: "16px",
|
|
139
|
+
fontSize500: "20px",
|
|
138
140
|
fontLineHeightTight: 1.3,
|
|
139
141
|
fontLineHeightNormal: 1.5,
|
|
140
142
|
fontWeightBold: 700,
|
|
141
143
|
fontWeightRegular: 400,
|
|
142
144
|
fontFamilyBase: "Roboto",
|
|
145
|
+
fontBoldNormal300: "700 12px/1.5 Roboto",
|
|
146
|
+
fontBoldNormal350: "700 14px/1.5 Roboto",
|
|
147
|
+
fontBoldNormal400: "700 16px/1.5 Roboto",
|
|
148
|
+
fontBoldNormal500: "700 20px/1.5 Roboto",
|
|
149
|
+
fontBoldTight300: "700 12px/1.3 Roboto",
|
|
150
|
+
fontBoldTight350: "700 14px/1.3 Roboto",
|
|
151
|
+
fontBoldTight400: "700 16px/1.3 Roboto",
|
|
152
|
+
fontBoldTight500: "700 20px/1.3 Roboto",
|
|
143
153
|
};
|
|
@@ -104,11 +104,7 @@ export const colorPurple100: string;
|
|
|
104
104
|
export const colorPurple110: string;
|
|
105
105
|
export const colorPurple120: string;
|
|
106
106
|
export const borderRadius100: string;
|
|
107
|
-
export const borderRadius150: string;
|
|
108
107
|
export const borderRadius200: string;
|
|
109
|
-
export const borderRadius250: string;
|
|
110
|
-
export const borderRadius300: string;
|
|
111
|
-
export const borderRadius400: string;
|
|
112
108
|
export const borderRadius050: string;
|
|
113
109
|
export const borderWidth100: string;
|
|
114
110
|
export const borderWidth025: string;
|
|
@@ -117,25 +113,39 @@ export const space100: string;
|
|
|
117
113
|
export const space200: string;
|
|
118
114
|
export const space300: string;
|
|
119
115
|
export const space400: string;
|
|
116
|
+
export const space600: string;
|
|
120
117
|
export const space800: string;
|
|
121
118
|
export const space050: string;
|
|
122
119
|
export const fontRegularNormal300: string;
|
|
123
120
|
export const fontRegularNormal350: string;
|
|
124
121
|
export const fontRegularNormal400: string;
|
|
122
|
+
export const fontRegularNormal500: string;
|
|
125
123
|
export const fontRegularTight300: string;
|
|
126
124
|
export const fontRegularTight350: string;
|
|
127
125
|
export const fontRegularTight400: string;
|
|
126
|
+
export const fontRegularTight500: string;
|
|
128
127
|
export const fontRegularBoldNormal300: string;
|
|
129
128
|
export const fontRegularBoldNormal350: string;
|
|
130
129
|
export const fontRegularBoldNormal400: string;
|
|
130
|
+
export const fontRegularBoldNormal500: string;
|
|
131
131
|
export const fontRegularBoldTight300: string;
|
|
132
132
|
export const fontRegularBoldTight350: string;
|
|
133
133
|
export const fontRegularBoldTight400: string;
|
|
134
|
+
export const fontRegularBoldTight500: string;
|
|
134
135
|
export const fontSize300: string;
|
|
135
136
|
export const fontSize350: string;
|
|
136
137
|
export const fontSize400: string;
|
|
138
|
+
export const fontSize500: string;
|
|
137
139
|
export const fontLineHeightTight: number;
|
|
138
140
|
export const fontLineHeightNormal: number;
|
|
139
141
|
export const fontWeightBold: number;
|
|
140
142
|
export const fontWeightRegular: number;
|
|
141
143
|
export const fontFamilyBase: string;
|
|
144
|
+
export const fontBoldNormal300: string;
|
|
145
|
+
export const fontBoldNormal350: string;
|
|
146
|
+
export const fontBoldNormal400: string;
|
|
147
|
+
export const fontBoldNormal500: string;
|
|
148
|
+
export const fontBoldTight300: string;
|
|
149
|
+
export const fontBoldTight350: string;
|
|
150
|
+
export const fontBoldTight400: string;
|
|
151
|
+
export const fontBoldTight500: string;
|
|
@@ -104,11 +104,7 @@ export const colorPurple100: string;
|
|
|
104
104
|
export const colorPurple110: string;
|
|
105
105
|
export const colorPurple120: string;
|
|
106
106
|
export const borderRadius100: string;
|
|
107
|
-
export const borderRadius150: string;
|
|
108
107
|
export const borderRadius200: string;
|
|
109
|
-
export const borderRadius250: string;
|
|
110
|
-
export const borderRadius300: string;
|
|
111
|
-
export const borderRadius400: string;
|
|
112
108
|
export const borderRadius050: string;
|
|
113
109
|
export const borderWidth100: string;
|
|
114
110
|
export const borderWidth025: string;
|
|
@@ -117,25 +113,39 @@ export const space100: string;
|
|
|
117
113
|
export const space200: string;
|
|
118
114
|
export const space300: string;
|
|
119
115
|
export const space400: string;
|
|
116
|
+
export const space600: string;
|
|
120
117
|
export const space800: string;
|
|
121
118
|
export const space050: string;
|
|
122
119
|
export const fontRegularNormal300: string;
|
|
123
120
|
export const fontRegularNormal350: string;
|
|
124
121
|
export const fontRegularNormal400: string;
|
|
122
|
+
export const fontRegularNormal500: string;
|
|
125
123
|
export const fontRegularTight300: string;
|
|
126
124
|
export const fontRegularTight350: string;
|
|
127
125
|
export const fontRegularTight400: string;
|
|
126
|
+
export const fontRegularTight500: string;
|
|
128
127
|
export const fontRegularBoldNormal300: string;
|
|
129
128
|
export const fontRegularBoldNormal350: string;
|
|
130
129
|
export const fontRegularBoldNormal400: string;
|
|
130
|
+
export const fontRegularBoldNormal500: string;
|
|
131
131
|
export const fontRegularBoldTight300: string;
|
|
132
132
|
export const fontRegularBoldTight350: string;
|
|
133
133
|
export const fontRegularBoldTight400: string;
|
|
134
|
+
export const fontRegularBoldTight500: string;
|
|
134
135
|
export const fontSize300: string;
|
|
135
136
|
export const fontSize350: string;
|
|
136
137
|
export const fontSize400: string;
|
|
138
|
+
export const fontSize500: string;
|
|
137
139
|
export const fontLineHeightTight: number;
|
|
138
140
|
export const fontLineHeightNormal: number;
|
|
139
141
|
export const fontWeightBold: number;
|
|
140
142
|
export const fontWeightRegular: number;
|
|
141
143
|
export const fontFamilyBase: string;
|
|
144
|
+
export const fontBoldNormal300: string;
|
|
145
|
+
export const fontBoldNormal350: string;
|
|
146
|
+
export const fontBoldNormal400: string;
|
|
147
|
+
export const fontBoldNormal500: string;
|
|
148
|
+
export const fontBoldTight300: string;
|
|
149
|
+
export const fontBoldTight350: string;
|
|
150
|
+
export const fontBoldTight400: string;
|
|
151
|
+
export const fontBoldTight500: string;
|
|
@@ -104,11 +104,7 @@ export const colorPurple100 = "#4a1c51";
|
|
|
104
104
|
export const colorPurple110 = "#37153d";
|
|
105
105
|
export const colorPurple120 = "#250e29";
|
|
106
106
|
export const borderRadius100 = "4px";
|
|
107
|
-
export const borderRadius150 = "6px";
|
|
108
107
|
export const borderRadius200 = "8px";
|
|
109
|
-
export const borderRadius250 = "10px";
|
|
110
|
-
export const borderRadius300 = "12px";
|
|
111
|
-
export const borderRadius400 = "16px";
|
|
112
108
|
export const borderRadius050 = "2px";
|
|
113
109
|
export const borderWidth100 = "4px";
|
|
114
110
|
export const borderWidth025 = "1px";
|
|
@@ -117,25 +113,39 @@ export const space100 = "4px";
|
|
|
117
113
|
export const space200 = "8px";
|
|
118
114
|
export const space300 = "12px";
|
|
119
115
|
export const space400 = "16px";
|
|
116
|
+
export const space600 = "24px";
|
|
120
117
|
export const space800 = "32px";
|
|
121
118
|
export const space050 = "2px";
|
|
122
119
|
export const fontRegularNormal300 = "400 12px/1.5 Roboto";
|
|
123
120
|
export const fontRegularNormal350 = "400 14px/1.5 Roboto";
|
|
124
121
|
export const fontRegularNormal400 = "400 16px/1.5 Roboto";
|
|
122
|
+
export const fontRegularNormal500 = "400 20px/1.5 Roboto";
|
|
125
123
|
export const fontRegularTight300 = "400 12px/1.3 Roboto";
|
|
126
124
|
export const fontRegularTight350 = "400 14px/1.3 Roboto";
|
|
127
125
|
export const fontRegularTight400 = "400 16px/1.3 Roboto";
|
|
126
|
+
export const fontRegularTight500 = "400 20px/1.3 Roboto";
|
|
128
127
|
export const fontRegularBoldNormal300 = "700 12px/1.5 Roboto";
|
|
129
128
|
export const fontRegularBoldNormal350 = "700 14px/1.5 Roboto";
|
|
130
129
|
export const fontRegularBoldNormal400 = "700 16px/1.5 Roboto";
|
|
130
|
+
export const fontRegularBoldNormal500 = "700 20px/1.5 Roboto";
|
|
131
131
|
export const fontRegularBoldTight300 = "700 12px/1.3 Roboto";
|
|
132
132
|
export const fontRegularBoldTight350 = "700 14px/1.3 Roboto";
|
|
133
133
|
export const fontRegularBoldTight400 = "700 16px/1.3 Roboto";
|
|
134
|
+
export const fontRegularBoldTight500 = "700 20px/1.3 Roboto";
|
|
134
135
|
export const fontSize300 = "12px";
|
|
135
136
|
export const fontSize350 = "14px";
|
|
136
137
|
export const fontSize400 = "16px";
|
|
138
|
+
export const fontSize500 = "20px";
|
|
137
139
|
export const fontLineHeightTight = 1.3;
|
|
138
140
|
export const fontLineHeightNormal = 1.5;
|
|
139
141
|
export const fontWeightBold = 700;
|
|
140
142
|
export const fontWeightRegular = 400;
|
|
141
143
|
export const fontFamilyBase = "Roboto";
|
|
144
|
+
export const fontBoldNormal300 = "700 12px/1.5 Roboto";
|
|
145
|
+
export const fontBoldNormal350 = "700 14px/1.5 Roboto";
|
|
146
|
+
export const fontBoldNormal400 = "700 16px/1.5 Roboto";
|
|
147
|
+
export const fontBoldNormal500 = "700 20px/1.5 Roboto";
|
|
148
|
+
export const fontBoldTight300 = "700 12px/1.3 Roboto";
|
|
149
|
+
export const fontBoldTight350 = "700 14px/1.3 Roboto";
|
|
150
|
+
export const fontBoldTight400 = "700 16px/1.3 Roboto";
|
|
151
|
+
export const fontBoldTight500 = "700 20px/1.3 Roboto";
|