@veritone-ce/design-system 2.4.20 → 2.4.21

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.
Files changed (18) hide show
  1. package/README.md +45 -6
  2. package/dist/cjs/Select/controlled.js +2 -1
  3. package/dist/cjs/Select/styles.module.scss.js +1 -1
  4. package/dist/cjs/Toast/hook.js +4 -0
  5. package/dist/cjs/Toast/styles.module.scss.js +7 -0
  6. package/dist/cjs/styles/font-metrics.js +12 -10
  7. package/dist/cjs/styles/typography.js +3 -3
  8. package/dist/cjs/styles.css +1 -1
  9. package/dist/esm/Select/controlled.js +2 -1
  10. package/dist/esm/Select/styles.module.scss.js +1 -1
  11. package/dist/esm/Toast/hook.js +4 -0
  12. package/dist/esm/Toast/styles.module.scss.js +3 -0
  13. package/dist/esm/styles/font-metrics.js +12 -10
  14. package/dist/esm/styles/scss/theme.generated.scss +102 -98
  15. package/dist/esm/styles/typography.js +3 -3
  16. package/dist/esm/styles.css +1 -1
  17. package/dist/types/styles/font-metrics.d.ts +3 -1
  18. package/package.json +1 -1
package/dist/esm/styles/scss/theme.generated.scss CHANGED
@@ -107,137 +107,139 @@ $default-theme: (
107
107
  "palette-table-disabled-on": (#7C848D),
108
108
  "palette-tooltip-surface": (#7C848D),
109
109
  "palette-tooltip-on": (#FAFAFA),
110
- "typography-metrics-familyName": (Mundial),
111
- "typography-metrics-capHeight": (1358),
112
- "typography-metrics-ascent": (2298),
113
- "typography-metrics-descent": (-548),
110
+ "typography-metrics-familyName": (Nunito Sans 12pt),
111
+ "typography-metrics-fullName": (Nunito Sans 12pt Regular),
112
+ "typography-metrics-postscriptName": (NunitoSans12pt-Regular),
113
+ "typography-metrics-capHeight": (705),
114
+ "typography-metrics-ascent": (1011),
115
+ "typography-metrics-descent": (-353),
114
116
  "typography-metrics-lineGap": (0),
115
- "typography-metrics-unitsPerEm": (2048),
116
- "typography-metrics-xHeight": (960),
117
- "typography-metrics-xWidthAvg": (958),
118
- "typography-metrics-subsets-latin-xWidthAvg": (958),
119
- "typography-metrics-subsets-thai-xWidthAvg": (1441),
120
- "typography-fontFamily": ("mundial", Verdana, sans-serif),
117
+ "typography-metrics-unitsPerEm": (1000),
118
+ "typography-metrics-xHeight": (486),
119
+ "typography-metrics-xWidthAvg": (452),
120
+ "typography-metrics-subsets-latin-xWidthAvg": (452),
121
+ "typography-metrics-subsets-thai-xWidthAvg": (500),
122
+ "typography-fontFamily": ("Nunito Sans", Verdana, sans-serif),
121
123
  "typography-fontWeightRegular": (400),
122
124
  "typography-fontWeightMedium": (600),
123
125
  "typography-fontWeightBold": (700),
124
- "typography-title-fontFamily": ("mundial", Verdana, sans-serif),
126
+ "typography-title-fontFamily": ("Nunito Sans", Verdana, sans-serif),
125
127
  "typography-title-fontStyle": (normal),
126
128
  "typography-title-fontWeight": (600),
127
129
  "typography-title-letterSpacing": (0.25px),
128
130
  "typography-title-textTransform": (uppercase),
129
131
  "typography-title-fontSize": (18px),
130
132
  "typography-title-lineHeight": (normal),
131
- "typography-title-capHeightTrim": (-0.459em),
132
- "typography-title-baselineTrim": (-0.2676em),
133
- "typography-h1-fontFamily": ("mundial", Verdana, sans-serif),
133
+ "typography-title-capHeightTrim": (-0.306em),
134
+ "typography-title-baselineTrim": (-0.353em),
135
+ "typography-h1-fontFamily": ("Nunito Sans", Verdana, sans-serif),
134
136
  "typography-h1-fontStyle": (normal),
135
137
  "typography-h1-fontWeight": (600),
136
138
  "typography-h1-letterSpacing": (inherit),
137
139
  "typography-h1-textTransform": (inherit),
138
140
  "typography-h1-fontSize": (24px),
139
141
  "typography-h1-lineHeight": (34px),
140
- "typography-h1-capHeightTrim": (-0.4725em),
141
- "typography-h1-baselineTrim": (-0.2811em),
142
- "typography-h2-fontFamily": ("mundial", Verdana, sans-serif),
142
+ "typography-h1-capHeightTrim": (-0.3323em),
143
+ "typography-h1-baselineTrim": (-0.3793em),
144
+ "typography-h2-fontFamily": ("Nunito Sans", Verdana, sans-serif),
143
145
  "typography-h2-fontStyle": (normal),
144
146
  "typography-h2-fontWeight": (600),
145
147
  "typography-h2-letterSpacing": (inherit),
146
148
  "typography-h2-textTransform": (inherit),
147
149
  "typography-h2-fontSize": (20px),
148
150
  "typography-h2-lineHeight": (30px),
149
- "typography-h2-capHeightTrim": (-0.5142em),
150
- "typography-h2-baselineTrim": (-0.3228em),
151
- "typography-h3-fontFamily": ("mundial", Verdana, sans-serif),
151
+ "typography-h2-capHeightTrim": (-0.374em),
152
+ "typography-h2-baselineTrim": (-0.421em),
153
+ "typography-h3-fontFamily": ("Nunito Sans", Verdana, sans-serif),
152
154
  "typography-h3-fontStyle": (normal),
153
155
  "typography-h3-fontWeight": (600),
154
156
  "typography-h3-letterSpacing": (inherit),
155
157
  "typography-h3-textTransform": (inherit),
156
158
  "typography-h3-fontSize": (18px),
157
159
  "typography-h3-lineHeight": (26px),
158
- "typography-h3-capHeightTrim": (-0.4864em),
159
- "typography-h3-baselineTrim": (-0.295em),
160
- "typography-h4-fontFamily": ("mundial", Verdana, sans-serif),
160
+ "typography-h3-capHeightTrim": (-0.3462em),
161
+ "typography-h3-baselineTrim": (-0.3932em),
162
+ "typography-h4-fontFamily": ("Nunito Sans", Verdana, sans-serif),
161
163
  "typography-h4-fontStyle": (normal),
162
164
  "typography-h4-fontWeight": (600),
163
165
  "typography-h4-letterSpacing": (inherit),
164
166
  "typography-h4-textTransform": (inherit),
165
167
  "typography-h4-fontSize": (16px),
166
168
  "typography-h4-lineHeight": (24px),
167
- "typography-h4-capHeightTrim": (-0.5142em),
168
- "typography-h4-baselineTrim": (-0.3228em),
169
- "typography-label-fontFamily": ("mundial", Verdana, sans-serif),
169
+ "typography-h4-capHeightTrim": (-0.374em),
170
+ "typography-h4-baselineTrim": (-0.421em),
171
+ "typography-label-fontFamily": ("Nunito Sans", Verdana, sans-serif),
170
172
  "typography-label-fontStyle": (normal),
171
173
  "typography-label-fontWeight": (600),
172
174
  "typography-label-letterSpacing": (inherit),
173
175
  "typography-label-textTransform": (inherit),
174
176
  "typography-label-fontSize": (14px),
175
177
  "typography-label-lineHeight": (17px),
176
- "typography-label-capHeightTrim": (-0.3713em),
177
- "typography-label-baselineTrim": (-0.1799em),
178
- "typography-paragraph1-fontFamily": ("mundial", Verdana, sans-serif),
178
+ "typography-label-capHeightTrim": (-0.2311em),
179
+ "typography-label-baselineTrim": (-0.2781em),
180
+ "typography-paragraph1-fontFamily": ("Nunito Sans", Verdana, sans-serif),
179
181
  "typography-paragraph1-fontStyle": (normal),
180
182
  "typography-paragraph1-fontWeight": (400),
181
183
  "typography-paragraph1-letterSpacing": (inherit),
182
184
  "typography-paragraph1-textTransform": (inherit),
183
185
  "typography-paragraph1-fontSize": (16px),
184
186
  "typography-paragraph1-lineHeight": (24px),
185
- "typography-paragraph1-capHeightTrim": (-0.5142em),
186
- "typography-paragraph1-baselineTrim": (-0.3228em),
187
- "typography-paragraph2-fontFamily": ("mundial", Verdana, sans-serif),
187
+ "typography-paragraph1-capHeightTrim": (-0.374em),
188
+ "typography-paragraph1-baselineTrim": (-0.421em),
189
+ "typography-paragraph2-fontFamily": ("Nunito Sans", Verdana, sans-serif),
188
190
  "typography-paragraph2-fontStyle": (normal),
189
191
  "typography-paragraph2-fontWeight": (400),
190
192
  "typography-paragraph2-letterSpacing": (inherit),
191
193
  "typography-paragraph2-textTransform": (inherit),
192
194
  "typography-paragraph2-fontSize": (14px),
193
195
  "typography-paragraph2-lineHeight": (20px),
194
- "typography-paragraph2-capHeightTrim": (-0.4784em),
195
- "typography-paragraph2-baselineTrim": (-0.287em),
196
- "typography-paragraph3-fontFamily": ("mundial", Verdana, sans-serif),
196
+ "typography-paragraph2-capHeightTrim": (-0.3383em),
197
+ "typography-paragraph2-baselineTrim": (-0.3853em),
198
+ "typography-paragraph3-fontFamily": ("Nunito Sans", Verdana, sans-serif),
197
199
  "typography-paragraph3-fontStyle": (normal),
198
200
  "typography-paragraph3-fontWeight": (400),
199
201
  "typography-paragraph3-letterSpacing": (inherit),
200
202
  "typography-paragraph3-textTransform": (inherit),
201
203
  "typography-paragraph3-fontSize": (12px),
202
204
  "typography-paragraph3-lineHeight": (18px),
203
- "typography-paragraph3-capHeightTrim": (-0.5142em),
204
- "typography-paragraph3-baselineTrim": (-0.3228em),
205
- "typography-button-fontFamily": ("mundial", Verdana, sans-serif),
205
+ "typography-paragraph3-capHeightTrim": (-0.374em),
206
+ "typography-paragraph3-baselineTrim": (-0.421em),
207
+ "typography-button-fontFamily": ("Nunito Sans", Verdana, sans-serif),
206
208
  "typography-button-fontStyle": (normal),
207
209
  "typography-button-fontWeight": (600),
208
210
  "typography-button-letterSpacing": (inherit),
209
211
  "typography-button-textTransform": (inherit),
210
212
  "typography-button-fontSize": (14px),
211
213
  "typography-button-lineHeight": (20px),
212
- "typography-button-capHeightTrim": (-0.4784em),
213
- "typography-button-baselineTrim": (-0.287em),
214
- "typography-buttonSmall-fontFamily": ("mundial", Verdana, sans-serif),
214
+ "typography-button-capHeightTrim": (-0.3383em),
215
+ "typography-button-baselineTrim": (-0.3853em),
216
+ "typography-buttonSmall-fontFamily": ("Nunito Sans", Verdana, sans-serif),
215
217
  "typography-buttonSmall-fontStyle": (normal),
216
218
  "typography-buttonSmall-fontWeight": (600),
217
219
  "typography-buttonSmall-letterSpacing": (inherit),
218
220
  "typography-buttonSmall-textTransform": (inherit),
219
221
  "typography-buttonSmall-fontSize": (12px),
220
222
  "typography-buttonSmall-lineHeight": (18px),
221
- "typography-buttonSmall-capHeightTrim": (-0.5142em),
222
- "typography-buttonSmall-baselineTrim": (-0.3228em),
223
- "typography-input-fontFamily": ("mundial", Verdana, sans-serif),
223
+ "typography-buttonSmall-capHeightTrim": (-0.374em),
224
+ "typography-buttonSmall-baselineTrim": (-0.421em),
225
+ "typography-input-fontFamily": ("Nunito Sans", Verdana, sans-serif),
224
226
  "typography-input-fontStyle": (normal),
225
227
  "typography-input-fontWeight": (400),
226
228
  "typography-input-letterSpacing": (inherit),
227
229
  "typography-input-textTransform": (inherit),
228
230
  "typography-input-fontSize": (14px),
229
231
  "typography-input-lineHeight": (normal),
230
- "typography-input-capHeightTrim": (-0.459em),
231
- "typography-input-baselineTrim": (-0.2676em),
232
- "typography-statusChip-fontFamily": ("mundial", Verdana, sans-serif),
232
+ "typography-input-capHeightTrim": (-0.306em),
233
+ "typography-input-baselineTrim": (-0.353em),
234
+ "typography-statusChip-fontFamily": ("Nunito Sans", Verdana, sans-serif),
233
235
  "typography-statusChip-fontStyle": (normal),
234
236
  "typography-statusChip-fontWeight": (700),
235
237
  "typography-statusChip-letterSpacing": (inherit),
236
238
  "typography-statusChip-textTransform": (inherit),
237
239
  "typography-statusChip-fontSize": (9px),
238
240
  "typography-statusChip-lineHeight": (12.28px),
239
- "typography-statusChip-capHeightTrim": (-0.4464em),
240
- "typography-statusChip-baselineTrim": (-0.255em)
241
+ "typography-statusChip-capHeightTrim": (-0.3062em),
242
+ "typography-statusChip-baselineTrim": (-0.3532em)
241
243
  );
242
244
 
243
245
  $theme-palette-brand-1-base-surface: var(--vt-ce-theme-palette-brand-1-base-surface, (#212121));
@@ -345,137 +347,139 @@ $theme-palette-table-disabled-surface: var(--vt-ce-theme-palette-table-disabled-
345
347
  $theme-palette-table-disabled-on: var(--vt-ce-theme-palette-table-disabled-on, (#7C848D));
346
348
  $theme-palette-tooltip-surface: var(--vt-ce-theme-palette-tooltip-surface, (#7C848D));
347
349
  $theme-palette-tooltip-on: var(--vt-ce-theme-palette-tooltip-on, (#FAFAFA));
348
- $theme-typography-metrics-familyName: var(--vt-ce-theme-typography-metrics-familyName, (Mundial));
349
- $theme-typography-metrics-capHeight: var(--vt-ce-theme-typography-metrics-capHeight, (1358));
350
- $theme-typography-metrics-ascent: var(--vt-ce-theme-typography-metrics-ascent, (2298));
351
- $theme-typography-metrics-descent: var(--vt-ce-theme-typography-metrics-descent, (-548));
350
+ $theme-typography-metrics-familyName: var(--vt-ce-theme-typography-metrics-familyName, (Nunito Sans 12pt));
351
+ $theme-typography-metrics-fullName: var(--vt-ce-theme-typography-metrics-fullName, (Nunito Sans 12pt Regular));
352
+ $theme-typography-metrics-postscriptName: var(--vt-ce-theme-typography-metrics-postscriptName, (NunitoSans12pt-Regular));
353
+ $theme-typography-metrics-capHeight: var(--vt-ce-theme-typography-metrics-capHeight, (705));
354
+ $theme-typography-metrics-ascent: var(--vt-ce-theme-typography-metrics-ascent, (1011));
355
+ $theme-typography-metrics-descent: var(--vt-ce-theme-typography-metrics-descent, (-353));
352
356
  $theme-typography-metrics-lineGap: var(--vt-ce-theme-typography-metrics-lineGap, (0));
353
- $theme-typography-metrics-unitsPerEm: var(--vt-ce-theme-typography-metrics-unitsPerEm, (2048));
354
- $theme-typography-metrics-xHeight: var(--vt-ce-theme-typography-metrics-xHeight, (960));
355
- $theme-typography-metrics-xWidthAvg: var(--vt-ce-theme-typography-metrics-xWidthAvg, (958));
356
- $theme-typography-metrics-subsets-latin-xWidthAvg: var(--vt-ce-theme-typography-metrics-subsets-latin-xWidthAvg, (958));
357
- $theme-typography-metrics-subsets-thai-xWidthAvg: var(--vt-ce-theme-typography-metrics-subsets-thai-xWidthAvg, (1441));
358
- $theme-typography-fontFamily: var(--vt-ce-theme-typography-fontFamily, ("mundial", Verdana, sans-serif));
357
+ $theme-typography-metrics-unitsPerEm: var(--vt-ce-theme-typography-metrics-unitsPerEm, (1000));
358
+ $theme-typography-metrics-xHeight: var(--vt-ce-theme-typography-metrics-xHeight, (486));
359
+ $theme-typography-metrics-xWidthAvg: var(--vt-ce-theme-typography-metrics-xWidthAvg, (452));
360
+ $theme-typography-metrics-subsets-latin-xWidthAvg: var(--vt-ce-theme-typography-metrics-subsets-latin-xWidthAvg, (452));
361
+ $theme-typography-metrics-subsets-thai-xWidthAvg: var(--vt-ce-theme-typography-metrics-subsets-thai-xWidthAvg, (500));
362
+ $theme-typography-fontFamily: var(--vt-ce-theme-typography-fontFamily, ("Nunito Sans", Verdana, sans-serif));
359
363
  $theme-typography-fontWeightRegular: var(--vt-ce-theme-typography-fontWeightRegular, (400));
360
364
  $theme-typography-fontWeightMedium: var(--vt-ce-theme-typography-fontWeightMedium, (600));
361
365
  $theme-typography-fontWeightBold: var(--vt-ce-theme-typography-fontWeightBold, (700));
362
- $theme-typography-title-fontFamily: var(--vt-ce-theme-typography-title-fontFamily, ("mundial", Verdana, sans-serif));
366
+ $theme-typography-title-fontFamily: var(--vt-ce-theme-typography-title-fontFamily, ("Nunito Sans", Verdana, sans-serif));
363
367
  $theme-typography-title-fontStyle: var(--vt-ce-theme-typography-title-fontStyle, (normal));
364
368
  $theme-typography-title-fontWeight: var(--vt-ce-theme-typography-title-fontWeight, (600));
365
369
  $theme-typography-title-letterSpacing: var(--vt-ce-theme-typography-title-letterSpacing, (0.25px));
366
370
  $theme-typography-title-textTransform: var(--vt-ce-theme-typography-title-textTransform, (uppercase));
367
371
  $theme-typography-title-fontSize: var(--vt-ce-theme-typography-title-fontSize, (18px));
368
372
  $theme-typography-title-lineHeight: var(--vt-ce-theme-typography-title-lineHeight, (normal));
369
- $theme-typography-title-capHeightTrim: var(--vt-ce-theme-typography-title-capHeightTrim, (-0.459em));
370
- $theme-typography-title-baselineTrim: var(--vt-ce-theme-typography-title-baselineTrim, (-0.2676em));
371
- $theme-typography-h1-fontFamily: var(--vt-ce-theme-typography-h1-fontFamily, ("mundial", Verdana, sans-serif));
373
+ $theme-typography-title-capHeightTrim: var(--vt-ce-theme-typography-title-capHeightTrim, (-0.306em));
374
+ $theme-typography-title-baselineTrim: var(--vt-ce-theme-typography-title-baselineTrim, (-0.353em));
375
+ $theme-typography-h1-fontFamily: var(--vt-ce-theme-typography-h1-fontFamily, ("Nunito Sans", Verdana, sans-serif));
372
376
  $theme-typography-h1-fontStyle: var(--vt-ce-theme-typography-h1-fontStyle, (normal));
373
377
  $theme-typography-h1-fontWeight: var(--vt-ce-theme-typography-h1-fontWeight, (600));
374
378
  $theme-typography-h1-letterSpacing: var(--vt-ce-theme-typography-h1-letterSpacing, (inherit));
375
379
  $theme-typography-h1-textTransform: var(--vt-ce-theme-typography-h1-textTransform, (inherit));
376
380
  $theme-typography-h1-fontSize: var(--vt-ce-theme-typography-h1-fontSize, (24px));
377
381
  $theme-typography-h1-lineHeight: var(--vt-ce-theme-typography-h1-lineHeight, (34px));
378
- $theme-typography-h1-capHeightTrim: var(--vt-ce-theme-typography-h1-capHeightTrim, (-0.4725em));
379
- $theme-typography-h1-baselineTrim: var(--vt-ce-theme-typography-h1-baselineTrim, (-0.2811em));
380
- $theme-typography-h2-fontFamily: var(--vt-ce-theme-typography-h2-fontFamily, ("mundial", Verdana, sans-serif));
382
+ $theme-typography-h1-capHeightTrim: var(--vt-ce-theme-typography-h1-capHeightTrim, (-0.3323em));
383
+ $theme-typography-h1-baselineTrim: var(--vt-ce-theme-typography-h1-baselineTrim, (-0.3793em));
384
+ $theme-typography-h2-fontFamily: var(--vt-ce-theme-typography-h2-fontFamily, ("Nunito Sans", Verdana, sans-serif));
381
385
  $theme-typography-h2-fontStyle: var(--vt-ce-theme-typography-h2-fontStyle, (normal));
382
386
  $theme-typography-h2-fontWeight: var(--vt-ce-theme-typography-h2-fontWeight, (600));
383
387
  $theme-typography-h2-letterSpacing: var(--vt-ce-theme-typography-h2-letterSpacing, (inherit));
384
388
  $theme-typography-h2-textTransform: var(--vt-ce-theme-typography-h2-textTransform, (inherit));
385
389
  $theme-typography-h2-fontSize: var(--vt-ce-theme-typography-h2-fontSize, (20px));
386
390
  $theme-typography-h2-lineHeight: var(--vt-ce-theme-typography-h2-lineHeight, (30px));
387
- $theme-typography-h2-capHeightTrim: var(--vt-ce-theme-typography-h2-capHeightTrim, (-0.5142em));
388
- $theme-typography-h2-baselineTrim: var(--vt-ce-theme-typography-h2-baselineTrim, (-0.3228em));
389
- $theme-typography-h3-fontFamily: var(--vt-ce-theme-typography-h3-fontFamily, ("mundial", Verdana, sans-serif));
391
+ $theme-typography-h2-capHeightTrim: var(--vt-ce-theme-typography-h2-capHeightTrim, (-0.374em));
392
+ $theme-typography-h2-baselineTrim: var(--vt-ce-theme-typography-h2-baselineTrim, (-0.421em));
393
+ $theme-typography-h3-fontFamily: var(--vt-ce-theme-typography-h3-fontFamily, ("Nunito Sans", Verdana, sans-serif));
390
394
  $theme-typography-h3-fontStyle: var(--vt-ce-theme-typography-h3-fontStyle, (normal));
391
395
  $theme-typography-h3-fontWeight: var(--vt-ce-theme-typography-h3-fontWeight, (600));
392
396
  $theme-typography-h3-letterSpacing: var(--vt-ce-theme-typography-h3-letterSpacing, (inherit));
393
397
  $theme-typography-h3-textTransform: var(--vt-ce-theme-typography-h3-textTransform, (inherit));
394
398
  $theme-typography-h3-fontSize: var(--vt-ce-theme-typography-h3-fontSize, (18px));
395
399
  $theme-typography-h3-lineHeight: var(--vt-ce-theme-typography-h3-lineHeight, (26px));
396
- $theme-typography-h3-capHeightTrim: var(--vt-ce-theme-typography-h3-capHeightTrim, (-0.4864em));
397
- $theme-typography-h3-baselineTrim: var(--vt-ce-theme-typography-h3-baselineTrim, (-0.295em));
398
- $theme-typography-h4-fontFamily: var(--vt-ce-theme-typography-h4-fontFamily, ("mundial", Verdana, sans-serif));
400
+ $theme-typography-h3-capHeightTrim: var(--vt-ce-theme-typography-h3-capHeightTrim, (-0.3462em));
401
+ $theme-typography-h3-baselineTrim: var(--vt-ce-theme-typography-h3-baselineTrim, (-0.3932em));
402
+ $theme-typography-h4-fontFamily: var(--vt-ce-theme-typography-h4-fontFamily, ("Nunito Sans", Verdana, sans-serif));
399
403
  $theme-typography-h4-fontStyle: var(--vt-ce-theme-typography-h4-fontStyle, (normal));
400
404
  $theme-typography-h4-fontWeight: var(--vt-ce-theme-typography-h4-fontWeight, (600));
401
405
  $theme-typography-h4-letterSpacing: var(--vt-ce-theme-typography-h4-letterSpacing, (inherit));
402
406
  $theme-typography-h4-textTransform: var(--vt-ce-theme-typography-h4-textTransform, (inherit));
403
407
  $theme-typography-h4-fontSize: var(--vt-ce-theme-typography-h4-fontSize, (16px));
404
408
  $theme-typography-h4-lineHeight: var(--vt-ce-theme-typography-h4-lineHeight, (24px));
405
- $theme-typography-h4-capHeightTrim: var(--vt-ce-theme-typography-h4-capHeightTrim, (-0.5142em));
406
- $theme-typography-h4-baselineTrim: var(--vt-ce-theme-typography-h4-baselineTrim, (-0.3228em));
407
- $theme-typography-label-fontFamily: var(--vt-ce-theme-typography-label-fontFamily, ("mundial", Verdana, sans-serif));
409
+ $theme-typography-h4-capHeightTrim: var(--vt-ce-theme-typography-h4-capHeightTrim, (-0.374em));
410
+ $theme-typography-h4-baselineTrim: var(--vt-ce-theme-typography-h4-baselineTrim, (-0.421em));
411
+ $theme-typography-label-fontFamily: var(--vt-ce-theme-typography-label-fontFamily, ("Nunito Sans", Verdana, sans-serif));
408
412
  $theme-typography-label-fontStyle: var(--vt-ce-theme-typography-label-fontStyle, (normal));
409
413
  $theme-typography-label-fontWeight: var(--vt-ce-theme-typography-label-fontWeight, (600));
410
414
  $theme-typography-label-letterSpacing: var(--vt-ce-theme-typography-label-letterSpacing, (inherit));
411
415
  $theme-typography-label-textTransform: var(--vt-ce-theme-typography-label-textTransform, (inherit));
412
416
  $theme-typography-label-fontSize: var(--vt-ce-theme-typography-label-fontSize, (14px));
413
417
  $theme-typography-label-lineHeight: var(--vt-ce-theme-typography-label-lineHeight, (17px));
414
- $theme-typography-label-capHeightTrim: var(--vt-ce-theme-typography-label-capHeightTrim, (-0.3713em));
415
- $theme-typography-label-baselineTrim: var(--vt-ce-theme-typography-label-baselineTrim, (-0.1799em));
416
- $theme-typography-paragraph1-fontFamily: var(--vt-ce-theme-typography-paragraph1-fontFamily, ("mundial", Verdana, sans-serif));
418
+ $theme-typography-label-capHeightTrim: var(--vt-ce-theme-typography-label-capHeightTrim, (-0.2311em));
419
+ $theme-typography-label-baselineTrim: var(--vt-ce-theme-typography-label-baselineTrim, (-0.2781em));
420
+ $theme-typography-paragraph1-fontFamily: var(--vt-ce-theme-typography-paragraph1-fontFamily, ("Nunito Sans", Verdana, sans-serif));
417
421
  $theme-typography-paragraph1-fontStyle: var(--vt-ce-theme-typography-paragraph1-fontStyle, (normal));
418
422
  $theme-typography-paragraph1-fontWeight: var(--vt-ce-theme-typography-paragraph1-fontWeight, (400));
419
423
  $theme-typography-paragraph1-letterSpacing: var(--vt-ce-theme-typography-paragraph1-letterSpacing, (inherit));
420
424
  $theme-typography-paragraph1-textTransform: var(--vt-ce-theme-typography-paragraph1-textTransform, (inherit));
421
425
  $theme-typography-paragraph1-fontSize: var(--vt-ce-theme-typography-paragraph1-fontSize, (16px));
422
426
  $theme-typography-paragraph1-lineHeight: var(--vt-ce-theme-typography-paragraph1-lineHeight, (24px));
423
- $theme-typography-paragraph1-capHeightTrim: var(--vt-ce-theme-typography-paragraph1-capHeightTrim, (-0.5142em));
424
- $theme-typography-paragraph1-baselineTrim: var(--vt-ce-theme-typography-paragraph1-baselineTrim, (-0.3228em));
425
- $theme-typography-paragraph2-fontFamily: var(--vt-ce-theme-typography-paragraph2-fontFamily, ("mundial", Verdana, sans-serif));
427
+ $theme-typography-paragraph1-capHeightTrim: var(--vt-ce-theme-typography-paragraph1-capHeightTrim, (-0.374em));
428
+ $theme-typography-paragraph1-baselineTrim: var(--vt-ce-theme-typography-paragraph1-baselineTrim, (-0.421em));
429
+ $theme-typography-paragraph2-fontFamily: var(--vt-ce-theme-typography-paragraph2-fontFamily, ("Nunito Sans", Verdana, sans-serif));
426
430
  $theme-typography-paragraph2-fontStyle: var(--vt-ce-theme-typography-paragraph2-fontStyle, (normal));
427
431
  $theme-typography-paragraph2-fontWeight: var(--vt-ce-theme-typography-paragraph2-fontWeight, (400));
428
432
  $theme-typography-paragraph2-letterSpacing: var(--vt-ce-theme-typography-paragraph2-letterSpacing, (inherit));
429
433
  $theme-typography-paragraph2-textTransform: var(--vt-ce-theme-typography-paragraph2-textTransform, (inherit));
430
434
  $theme-typography-paragraph2-fontSize: var(--vt-ce-theme-typography-paragraph2-fontSize, (14px));
431
435
  $theme-typography-paragraph2-lineHeight: var(--vt-ce-theme-typography-paragraph2-lineHeight, (20px));
432
- $theme-typography-paragraph2-capHeightTrim: var(--vt-ce-theme-typography-paragraph2-capHeightTrim, (-0.4784em));
433
- $theme-typography-paragraph2-baselineTrim: var(--vt-ce-theme-typography-paragraph2-baselineTrim, (-0.287em));
434
- $theme-typography-paragraph3-fontFamily: var(--vt-ce-theme-typography-paragraph3-fontFamily, ("mundial", Verdana, sans-serif));
436
+ $theme-typography-paragraph2-capHeightTrim: var(--vt-ce-theme-typography-paragraph2-capHeightTrim, (-0.3383em));
437
+ $theme-typography-paragraph2-baselineTrim: var(--vt-ce-theme-typography-paragraph2-baselineTrim, (-0.3853em));
438
+ $theme-typography-paragraph3-fontFamily: var(--vt-ce-theme-typography-paragraph3-fontFamily, ("Nunito Sans", Verdana, sans-serif));
435
439
  $theme-typography-paragraph3-fontStyle: var(--vt-ce-theme-typography-paragraph3-fontStyle, (normal));
436
440
  $theme-typography-paragraph3-fontWeight: var(--vt-ce-theme-typography-paragraph3-fontWeight, (400));
437
441
  $theme-typography-paragraph3-letterSpacing: var(--vt-ce-theme-typography-paragraph3-letterSpacing, (inherit));
438
442
  $theme-typography-paragraph3-textTransform: var(--vt-ce-theme-typography-paragraph3-textTransform, (inherit));
439
443
  $theme-typography-paragraph3-fontSize: var(--vt-ce-theme-typography-paragraph3-fontSize, (12px));
440
444
  $theme-typography-paragraph3-lineHeight: var(--vt-ce-theme-typography-paragraph3-lineHeight, (18px));
441
- $theme-typography-paragraph3-capHeightTrim: var(--vt-ce-theme-typography-paragraph3-capHeightTrim, (-0.5142em));
442
- $theme-typography-paragraph3-baselineTrim: var(--vt-ce-theme-typography-paragraph3-baselineTrim, (-0.3228em));
443
- $theme-typography-button-fontFamily: var(--vt-ce-theme-typography-button-fontFamily, ("mundial", Verdana, sans-serif));
445
+ $theme-typography-paragraph3-capHeightTrim: var(--vt-ce-theme-typography-paragraph3-capHeightTrim, (-0.374em));
446
+ $theme-typography-paragraph3-baselineTrim: var(--vt-ce-theme-typography-paragraph3-baselineTrim, (-0.421em));
447
+ $theme-typography-button-fontFamily: var(--vt-ce-theme-typography-button-fontFamily, ("Nunito Sans", Verdana, sans-serif));
444
448
  $theme-typography-button-fontStyle: var(--vt-ce-theme-typography-button-fontStyle, (normal));
445
449
  $theme-typography-button-fontWeight: var(--vt-ce-theme-typography-button-fontWeight, (600));
446
450
  $theme-typography-button-letterSpacing: var(--vt-ce-theme-typography-button-letterSpacing, (inherit));
447
451
  $theme-typography-button-textTransform: var(--vt-ce-theme-typography-button-textTransform, (inherit));
448
452
  $theme-typography-button-fontSize: var(--vt-ce-theme-typography-button-fontSize, (14px));
449
453
  $theme-typography-button-lineHeight: var(--vt-ce-theme-typography-button-lineHeight, (20px));
450
- $theme-typography-button-capHeightTrim: var(--vt-ce-theme-typography-button-capHeightTrim, (-0.4784em));
451
- $theme-typography-button-baselineTrim: var(--vt-ce-theme-typography-button-baselineTrim, (-0.287em));
452
- $theme-typography-buttonSmall-fontFamily: var(--vt-ce-theme-typography-buttonSmall-fontFamily, ("mundial", Verdana, sans-serif));
454
+ $theme-typography-button-capHeightTrim: var(--vt-ce-theme-typography-button-capHeightTrim, (-0.3383em));
455
+ $theme-typography-button-baselineTrim: var(--vt-ce-theme-typography-button-baselineTrim, (-0.3853em));
456
+ $theme-typography-buttonSmall-fontFamily: var(--vt-ce-theme-typography-buttonSmall-fontFamily, ("Nunito Sans", Verdana, sans-serif));
453
457
  $theme-typography-buttonSmall-fontStyle: var(--vt-ce-theme-typography-buttonSmall-fontStyle, (normal));
454
458
  $theme-typography-buttonSmall-fontWeight: var(--vt-ce-theme-typography-buttonSmall-fontWeight, (600));
455
459
  $theme-typography-buttonSmall-letterSpacing: var(--vt-ce-theme-typography-buttonSmall-letterSpacing, (inherit));
456
460
  $theme-typography-buttonSmall-textTransform: var(--vt-ce-theme-typography-buttonSmall-textTransform, (inherit));
457
461
  $theme-typography-buttonSmall-fontSize: var(--vt-ce-theme-typography-buttonSmall-fontSize, (12px));
458
462
  $theme-typography-buttonSmall-lineHeight: var(--vt-ce-theme-typography-buttonSmall-lineHeight, (18px));
459
- $theme-typography-buttonSmall-capHeightTrim: var(--vt-ce-theme-typography-buttonSmall-capHeightTrim, (-0.5142em));
460
- $theme-typography-buttonSmall-baselineTrim: var(--vt-ce-theme-typography-buttonSmall-baselineTrim, (-0.3228em));
461
- $theme-typography-input-fontFamily: var(--vt-ce-theme-typography-input-fontFamily, ("mundial", Verdana, sans-serif));
463
+ $theme-typography-buttonSmall-capHeightTrim: var(--vt-ce-theme-typography-buttonSmall-capHeightTrim, (-0.374em));
464
+ $theme-typography-buttonSmall-baselineTrim: var(--vt-ce-theme-typography-buttonSmall-baselineTrim, (-0.421em));
465
+ $theme-typography-input-fontFamily: var(--vt-ce-theme-typography-input-fontFamily, ("Nunito Sans", Verdana, sans-serif));
462
466
  $theme-typography-input-fontStyle: var(--vt-ce-theme-typography-input-fontStyle, (normal));
463
467
  $theme-typography-input-fontWeight: var(--vt-ce-theme-typography-input-fontWeight, (400));
464
468
  $theme-typography-input-letterSpacing: var(--vt-ce-theme-typography-input-letterSpacing, (inherit));
465
469
  $theme-typography-input-textTransform: var(--vt-ce-theme-typography-input-textTransform, (inherit));
466
470
  $theme-typography-input-fontSize: var(--vt-ce-theme-typography-input-fontSize, (14px));
467
471
  $theme-typography-input-lineHeight: var(--vt-ce-theme-typography-input-lineHeight, (normal));
468
- $theme-typography-input-capHeightTrim: var(--vt-ce-theme-typography-input-capHeightTrim, (-0.459em));
469
- $theme-typography-input-baselineTrim: var(--vt-ce-theme-typography-input-baselineTrim, (-0.2676em));
470
- $theme-typography-statusChip-fontFamily: var(--vt-ce-theme-typography-statusChip-fontFamily, ("mundial", Verdana, sans-serif));
472
+ $theme-typography-input-capHeightTrim: var(--vt-ce-theme-typography-input-capHeightTrim, (-0.306em));
473
+ $theme-typography-input-baselineTrim: var(--vt-ce-theme-typography-input-baselineTrim, (-0.353em));
474
+ $theme-typography-statusChip-fontFamily: var(--vt-ce-theme-typography-statusChip-fontFamily, ("Nunito Sans", Verdana, sans-serif));
471
475
  $theme-typography-statusChip-fontStyle: var(--vt-ce-theme-typography-statusChip-fontStyle, (normal));
472
476
  $theme-typography-statusChip-fontWeight: var(--vt-ce-theme-typography-statusChip-fontWeight, (700));
473
477
  $theme-typography-statusChip-letterSpacing: var(--vt-ce-theme-typography-statusChip-letterSpacing, (inherit));
474
478
  $theme-typography-statusChip-textTransform: var(--vt-ce-theme-typography-statusChip-textTransform, (inherit));
475
479
  $theme-typography-statusChip-fontSize: var(--vt-ce-theme-typography-statusChip-fontSize, (9px));
476
480
  $theme-typography-statusChip-lineHeight: var(--vt-ce-theme-typography-statusChip-lineHeight, (12.28px));
477
- $theme-typography-statusChip-capHeightTrim: var(--vt-ce-theme-typography-statusChip-capHeightTrim, (-0.4464em));
478
- $theme-typography-statusChip-baselineTrim: var(--vt-ce-theme-typography-statusChip-baselineTrim, (-0.255em));
481
+ $theme-typography-statusChip-capHeightTrim: var(--vt-ce-theme-typography-statusChip-capHeightTrim, (-0.3062em));
482
+ $theme-typography-statusChip-baselineTrim: var(--vt-ce-theme-typography-statusChip-baselineTrim, (-0.3532em));
479
483
 
480
484
  // unsafe - does not check for existence of variable
481
485
  @function _unsafe-theme-var($var) {
package/dist/esm/styles/typography.js CHANGED
@@ -38,8 +38,8 @@ function createTypographyStyle({
38
38
  }
39
39
  function createTypography(typography = {}) {
40
40
  const base = {
41
- metrics: FontMetricsBuiltin.mundial,
42
- fontFamily: typography.fontFamily ?? '"mundial", Verdana, sans-serif',
41
+ metrics: FontMetricsBuiltin.nunitoSans,
42
+ fontFamily: typography.fontFamily ?? '"Nunito Sans", Verdana, sans-serif',
43
43
  fontWeightRegular: typography.fontWeightRegular ?? 400,
44
44
  fontWeightMedium: typography.fontWeightMedium ?? 600,
45
45
  fontWeightBold: typography.fontWeightBold ?? 700
@@ -57,7 +57,7 @@ function createTypography(typography = {}) {
57
57
  ...base,
58
58
  title: createTypographyStyle({
59
59
  ...inherit,
60
- fontFamily: '"mundial", Verdana, sans-serif',
60
+ fontFamily: '"Nunito Sans", Verdana, sans-serif',
61
61
  fontSize: 18,
62
62
  fontWeight: base.fontWeightMedium,
63
63
  // lineHeight: 'normal',