@box/blueprint-web-assets 4.108.0 → 4.109.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.
@@ -175,6 +175,33 @@ $bp-lato-font-family: var(--bp-font-font-family), -apple-system, BlinkMacSystemF
175
175
  letter-spacing: var(--bp-font-letter-spacing-01);
176
176
  }
177
177
 
178
+ @mixin bp-lato-metric-large {
179
+ font-weight: var(--bp-font-weight-bold);
180
+ font-size: var(--bp-font-size-12);
181
+ font-family: $bp-lato-font-family;
182
+ font-style: normal;
183
+ line-height: var(--bp-font-line-height-08);
184
+ letter-spacing: var(--bp-font-letter-spacing-01);
185
+ }
186
+
187
+ @mixin bp-lato-metric-medium {
188
+ font-weight: var(--bp-font-weight-bold);
189
+ font-size: var(--bp-font-size-11);
190
+ font-family: $bp-lato-font-family;
191
+ font-style: normal;
192
+ line-height: var(--bp-font-line-height-065);
193
+ letter-spacing: var(--bp-font-letter-spacing-01);
194
+ }
195
+
196
+ @mixin bp-lato-metric-small {
197
+ font-weight: var(--bp-font-weight-bold);
198
+ font-size: var(--bp-font-size-105);
199
+ font-family: $bp-lato-font-family;
200
+ font-style: normal;
201
+ line-height: var(--bp-font-line-height-05);
202
+ letter-spacing: var(--bp-font-letter-spacing-01);
203
+ }
204
+
178
205
  // TODO LXP-839 Use CSS variables once tokens are exported from Figma.
179
206
 
180
207
  $bp-inter-font-family: InterVariable, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
@@ -392,3 +419,36 @@ $bp-inter-font-family: InterVariable, -apple-system, BlinkMacSystemFont, 'San Fr
392
419
  text-transform: none;
393
420
  text-decoration: none;
394
421
  }
422
+
423
+ @mixin bp-inter-metric-large {
424
+ font-weight: bold;
425
+ font-size: 3rem; // px
426
+ font-family: $bp-inter-font-family;
427
+ font-style: normal;
428
+ line-height: 3rem;
429
+ letter-spacing: 0.01875rem;
430
+ text-transform: none;
431
+ text-decoration: none;
432
+ }
433
+
434
+ @mixin bp-inter-metric-medium {
435
+ font-weight: bold;
436
+ font-size: 2.25rem; // px
437
+ font-family: $bp-inter-font-family;
438
+ font-style: normal;
439
+ line-height: 2.25rem;
440
+ letter-spacing: 0.01875rem;
441
+ text-transform: none;
442
+ text-decoration: none;
443
+ }
444
+
445
+ @mixin bp-inter-metric-small {
446
+ font-weight: bold;
447
+ font-size: 1.5rem;
448
+ font-family: $bp-inter-font-family;
449
+ font-style: normal;
450
+ line-height: 1.5rem;
451
+ letter-spacing: 0.01875rem;
452
+ text-transform: none;
453
+ text-decoration: none;
454
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web-assets",
3
- "version": "4.108.0",
3
+ "version": "4.109.0",
4
4
  "license": "SEE LICENSE IN LICENSE",
5
5
  "scripts": {
6
6
  "build-local-all": "yarn nx clone-repo && yarn build-local && nx run blueprint-web-assets:format-lint",
@@ -145,10 +145,14 @@
145
145
  "./illustrations/Medium": {
146
146
  "types": "./dist/illustrations/Medium/index.d.ts",
147
147
  "default": "./dist/illustrations/Medium/index.js"
148
+ },
149
+ "./illustrations/Large": {
150
+ "types": "./dist/illustrations/Large/index.d.ts",
151
+ "default": "./dist/illustrations/Large/index.js"
148
152
  }
149
153
  },
150
154
  "devDependencies": {
151
- "@box/storybook-utils": "^0.16.78",
155
+ "@box/storybook-utils": "^0.16.80",
152
156
  "@figma/code-connect": "1.3.12",
153
157
  "@types/react": "^18.0.0",
154
158
  "@types/react-dom": "^18.0.0",