@box/blueprint-web-assets 5.5.1 → 5.5.3

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 (2) hide show
  1. package/dist/tokens/mixins-modern.scss +72 -72
  2. package/package.json +2 -2
package/dist/tokens/mixins-modern.scss CHANGED
@@ -25,6 +25,33 @@ $bp-lato-font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemF
25
25
  $bp-inter-font-family: InterVariable, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
26
26
  'Helvetica Neue', sans-serif;
27
27
 
28
+ @mixin bp-lato-metric-large {
29
+ font-weight: var(--bp-font-weight-bold);
30
+ font-size: var(--bp-font-size-12);
31
+ font-family: $bp-lato-font-family;
32
+ font-style: normal;
33
+ line-height: var(--bp-font-line-height-08);
34
+ letter-spacing: var(--bp-font-letter-spacing-01);
35
+ }
36
+
37
+ @mixin bp-lato-metric-medium {
38
+ font-weight: var(--bp-font-weight-bold);
39
+ font-size: var(--bp-font-size-11);
40
+ font-family: $bp-lato-font-family;
41
+ font-style: normal;
42
+ line-height: var(--bp-font-line-height-065);
43
+ letter-spacing: var(--bp-font-letter-spacing-01);
44
+ }
45
+
46
+ @mixin bp-lato-metric-small {
47
+ font-weight: var(--bp-font-weight-bold);
48
+ font-size: var(--bp-font-size-105);
49
+ font-family: $bp-lato-font-family;
50
+ font-style: normal;
51
+ line-height: var(--bp-font-line-height-05);
52
+ letter-spacing: var(--bp-font-letter-spacing-01);
53
+ }
54
+
28
55
  @mixin bp-lato-title-mondo {
29
56
  font-weight: var(--bp-font-weight-black);
30
57
  font-size: var(--bp-font-size-11);
@@ -79,7 +106,7 @@ $bp-inter-font-family: InterVariable, -apple-system, BlinkMacSystemFont, 'San Fr
79
106
 
80
107
  @mixin bp-lato-body-large-bold {
81
108
  font-weight: var(--bp-font-weight-bold);
82
- font-size: var(--bp-font-size-07);
109
+ font-size: var(--bp-font-size-06);
83
110
  font-family: $bp-lato-font-family;
84
111
  font-style: normal;
85
112
  line-height: var(--bp-font-line-height-05);
@@ -88,7 +115,7 @@ $bp-inter-font-family: InterVariable, -apple-system, BlinkMacSystemFont, 'San Fr
88
115
 
89
116
  @mixin bp-lato-body-large {
90
117
  font-weight: var(--bp-font-weight-regular);
91
- font-size: var(--bp-font-size-07);
118
+ font-size: var(--bp-font-size-06);
92
119
  font-family: $bp-lato-font-family;
93
120
  font-style: normal;
94
121
  line-height: var(--bp-font-line-height-05);
@@ -195,35 +222,41 @@ $bp-inter-font-family: InterVariable, -apple-system, BlinkMacSystemFont, 'San Fr
195
222
  font-size: var(--bp-font-size-01);
196
223
  font-family: $bp-lato-font-family;
197
224
  font-style: normal;
198
- line-height: var(--bp-font-line-height-02);
225
+ line-height: var(--bp-font-line-height-01);
199
226
  letter-spacing: var(--bp-font-letter-spacing-01);
200
227
  }
201
228
 
202
- @mixin bp-lato-metric-large {
203
- font-weight: var(--bp-font-weight-bold);
204
- font-size: var(--bp-font-size-12);
205
- font-family: $bp-lato-font-family;
229
+ @mixin bp-inter-metric-large {
230
+ font-weight: bold;
231
+ font-size: 3rem; // 48px
232
+ font-family: $bp-inter-font-family;
206
233
  font-style: normal;
207
- line-height: var(--bp-font-line-height-08);
208
- letter-spacing: var(--bp-font-letter-spacing-01);
234
+ line-height: 3rem; // 48px
235
+ letter-spacing: 0.01875rem; // 0.3px
236
+ text-transform: none;
237
+ text-decoration: none;
209
238
  }
210
239
 
211
- @mixin bp-lato-metric-medium {
212
- font-weight: var(--bp-font-weight-bold);
213
- font-size: var(--bp-font-size-11);
214
- font-family: $bp-lato-font-family;
240
+ @mixin bp-inter-metric-medium {
241
+ font-weight: bold;
242
+ font-size: 2.25rem; // 36px
243
+ font-family: $bp-inter-font-family;
215
244
  font-style: normal;
216
- line-height: var(--bp-font-line-height-065);
217
- letter-spacing: var(--bp-font-letter-spacing-01);
245
+ line-height: 2.25rem; // 36px
246
+ letter-spacing: 0.01875rem; // 0.3px
247
+ text-transform: none;
248
+ text-decoration: none;
218
249
  }
219
250
 
220
- @mixin bp-lato-metric-small {
221
- font-weight: var(--bp-font-weight-bold);
222
- font-size: var(--bp-font-size-105);
223
- font-family: $bp-lato-font-family;
251
+ @mixin bp-inter-metric-small {
252
+ font-weight: bold;
253
+ font-size: 1.5rem; // 24px
254
+ font-family: $bp-inter-font-family;
224
255
  font-style: normal;
225
- line-height: var(--bp-font-line-height-05);
226
- letter-spacing: var(--bp-font-letter-spacing-01);
256
+ line-height: 1.5rem; // 24px
257
+ letter-spacing: 0.01875rem; // 0.3px
258
+ text-transform: none;
259
+ text-decoration: none;
227
260
  }
228
261
 
229
262
  @mixin bp-inter-title-mondo {
@@ -439,37 +472,28 @@ $bp-inter-font-family: InterVariable, -apple-system, BlinkMacSystemFont, 'San Fr
439
472
  text-decoration: none;
440
473
  }
441
474
 
442
- @mixin bp-inter-metric-large {
443
- font-weight: bold;
444
- font-size: 3rem; // px
445
- font-family: $bp-inter-font-family;
446
- font-style: normal;
447
- line-height: 3rem;
448
- letter-spacing: 0.01875rem;
449
- text-transform: none;
450
- text-decoration: none;
475
+ @mixin bp-metric-large {
476
+ @include bp-lato-metric-large;
477
+
478
+ @at-root :global(:where(body.is-inter-font)) & {
479
+ @include bp-inter-metric-large;
480
+ }
451
481
  }
452
482
 
453
- @mixin bp-inter-metric-medium {
454
- font-weight: bold;
455
- font-size: 2.25rem; // px
456
- font-family: $bp-inter-font-family;
457
- font-style: normal;
458
- line-height: 2.25rem;
459
- letter-spacing: 0.01875rem;
460
- text-transform: none;
461
- text-decoration: none;
483
+ @mixin bp-metric-medium {
484
+ @include bp-lato-metric-medium;
485
+
486
+ @at-root :global(:where(body.is-inter-font)) & {
487
+ @include bp-inter-metric-medium;
488
+ }
462
489
  }
463
490
 
464
- @mixin bp-inter-metric-small {
465
- font-weight: bold;
466
- font-size: 1.5rem;
467
- font-family: $bp-inter-font-family;
468
- font-style: normal;
469
- line-height: 1.5rem;
470
- letter-spacing: 0.01875rem;
471
- text-transform: none;
472
- text-decoration: none;
491
+ @mixin bp-metric-small {
492
+ @include bp-lato-metric-small;
493
+
494
+ @at-root :global(:where(body.is-inter-font)) & {
495
+ @include bp-inter-metric-small;
496
+ }
473
497
  }
474
498
 
475
499
  @mixin bp-title-mondo {
@@ -623,27 +647,3 @@ $bp-inter-font-family: InterVariable, -apple-system, BlinkMacSystemFont, 'San Fr
623
647
  @include bp-inter-notification-default;
624
648
  }
625
649
  }
626
-
627
- @mixin bp-metric-large {
628
- @include bp-lato-metric-large;
629
-
630
- @at-root :global(:where(body.is-inter-font)) & {
631
- @include bp-inter-metric-large;
632
- }
633
- }
634
-
635
- @mixin bp-metric-medium {
636
- @include bp-lato-metric-medium;
637
-
638
- @at-root :global(:where(body.is-inter-font)) & {
639
- @include bp-inter-metric-medium;
640
- }
641
- }
642
-
643
- @mixin bp-metric-small {
644
- @include bp-lato-metric-small;
645
-
646
- @at-root :global(:where(body.is-inter-font)) & {
647
- @include bp-inter-metric-small;
648
- }
649
- }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web-assets",
3
- "version": "5.5.1",
3
+ "version": "5.5.3",
4
4
  "license": "SEE LICENSE IN LICENSE",
5
5
  "scripts": {
6
6
  "build-storybook": "nx run blueprint-web-assets:build-storybook",
@@ -155,7 +155,7 @@
155
155
  }
156
156
  },
157
157
  "devDependencies": {
158
- "@box/storybook-utils": "^1.1.25",
158
+ "@box/storybook-utils": "^1.1.27",
159
159
  "@figma/code-connect": "1.4.4",
160
160
  "@types/react": "^18.0.0",
161
161
  "@types/react-dom": "^18.0.0",