@daikin-oss/dds-tokens 0.3.2 → 0.4.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 CHANGED
@@ -1,5 +1,12 @@
1
1
  # Changelog
2
2
 
3
+ ## 0.4.0
4
+
5
+ ### Minor Changes
6
+
7
+ - **BREAKING CHANGE**: 16 token(s) removed (`border-radius-150`, `border-radius-150`, `border-radius-250`, `border-radius-300`).
8
+ 24 token(s) added.
9
+
3
10
  ## 0.3.2
4
11
 
5
12
  ### 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,23 +114,29 @@
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;
@@ -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,23 +114,29 @@
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;
@@ -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,23 +157,29 @@
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;
@@ -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,23 +157,29 @@
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;
@@ -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,23 +114,29 @@ 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,
@@ -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,23 +113,29 @@ 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;
@@ -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,23 +113,29 @@ 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;
@@ -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,23 +113,29 @@ 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;
@@ -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,23 +114,29 @@ 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,
@@ -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,23 +113,29 @@ 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;
@@ -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,23 +113,29 @@ 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;
@@ -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,23 +113,29 @@ 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;
@@ -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,23 +157,29 @@ 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,
@@ -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,23 +156,29 @@ 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;
@@ -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,23 +156,29 @@ 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;