@box/blueprint-web 12.44.0 → 12.44.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.
Files changed (3) hide show
  1. package/dist/lib-esm/index.css +43 -43
  2. package/dist/lib-esm/primitives/base-button/base-button.module.js +1 -1
  3. package/package.json +1 -1
package/dist/lib-esm/index.css CHANGED
@@ -242,13 +242,13 @@
242
242
  opacity:1;
243
243
  }
244
244
  }
245
- .bp_base_button_module_button--d6857[data-modern=true]{
245
+ .bp_base_button_module_button--77a2c[data-modern=true]{
246
246
  --button-border-radius:var(--bp-radius-10);
247
247
  }
248
- .bp_base_button_module_button--d6857[data-modern=true]:not(:disabled)[data-focus-visible]{
248
+ .bp_base_button_module_button--77a2c[data-modern=true]:not(:disabled)[data-focus-visible]{
249
249
  box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--bp-outline-focus-on-light);
250
250
  }
251
- .bp_base_button_module_button--d6857[data-modern=true].bp_base_button_module_primary--d6857{
251
+ .bp_base_button_module_button--77a2c[data-modern=true].bp_base_button_module_primary--77a2c{
252
252
  --button-color:var(--bp-text-text-brand-on-color);
253
253
  --button-background:var(--bp-surface-surface-brand);
254
254
  --button-border:var(--bp-border-01) solid var(--bp-surface-surface-brand);
@@ -258,7 +258,7 @@
258
258
  --button-active-background:var(--bp-surface-surface-brand-pressed);
259
259
  --button-active-border:var(--bp-border-01) solid var(--bp-surface-surface-brand-pressed);
260
260
  }
261
- .bp_base_button_module_button--d6857[data-modern=true].bp_base_button_module_secondary--d6857{
261
+ .bp_base_button_module_button--77a2c[data-modern=true].bp_base_button_module_secondary--77a2c{
262
262
  --button-color:var(--bp-text-text-on-light);
263
263
  --button-background:var(--bp-surface-cta-surface-secondary);
264
264
  --button-border:var(--bp-border-01) solid var(--bp-border-cta-border-secondary);
@@ -267,13 +267,13 @@
267
267
  --button-active-background:var(--bp-surface-cta-surface-secondary-pressed);
268
268
  --button-active-border:var(--bp-border-01) solid var(--bp-border-cta-border-secondary-pressed);
269
269
  }
270
- .bp_base_button_module_button--d6857[data-modern=true].bp_base_button_module_tertiary--d6857{
270
+ .bp_base_button_module_button--77a2c[data-modern=true].bp_base_button_module_tertiary--77a2c{
271
271
  --button-color:var(--bp-text-cta-link);
272
- --button-background:var(--bp-surface-cta-surface-tertiary);
272
+ --button-background:#0000;
273
273
  --button-focus-or-hover-background:var(--bp-surface-cta-surface-tertiary-hover);
274
274
  --button-active-background:var(--bp-surface-cta-surface-tertiary-pressed);
275
275
  }
276
- .bp_base_button_module_button--d6857[data-modern=true].bp_base_button_module_outline--d6857{
276
+ .bp_base_button_module_button--77a2c[data-modern=true].bp_base_button_module_outline--77a2c{
277
277
  --button-color:var(--bp-text-text-on-light);
278
278
  --button-background:var(--bp-surface-cta-surface-outline);
279
279
  --button-border:var(--bp-border-01) solid var(--bp-border-cta-border-outline);
@@ -282,34 +282,34 @@
282
282
  --button-active-background:var(--bp-surface-cta-surface-outline-pressed);
283
283
  --button-active-border:var(--bp-border-01) solid var(--bp-border-cta-border-outline-pressed);
284
284
  }
285
- .bp_base_button_module_button--d6857[data-modern=true].bp_base_button_module_small--d6857{
285
+ .bp_base_button_module_button--77a2c[data-modern=true].bp_base_button_module_small--77a2c{
286
286
  --button-small-gap:var(--bp-space-010);
287
287
  --button-small-min-height:var(--bp-size-080);
288
288
  --button-small-padding:0 var(--bp-size-040);
289
289
  }
290
- .bp_base_button_module_button--d6857[data-modern=true].bp_base_button_module_small--d6857.bp_base_button_module_isIconButton--d6857{
290
+ .bp_base_button_module_button--77a2c[data-modern=true].bp_base_button_module_small--77a2c.bp_base_button_module_isIconButton--77a2c{
291
291
  --icon-button-small-width:var(--bp-size-080);
292
292
  --icon-button-small-height:var(--bp-size-080);
293
293
  --icon-button-small-padding:0 calc((var(--bp-size-080) - var(--bp-size-040))/2);
294
294
  }
295
- .bp_base_button_module_button--d6857[data-modern=true].bp_base_button_module_large--d6857{
295
+ .bp_base_button_module_button--77a2c[data-modern=true].bp_base_button_module_large--77a2c{
296
296
  --button-large-gap:var(--bp-space-020);
297
297
  --button-large-min-height:var(--bp-size-100);
298
298
  --button-large-padding:0 var(--bp-size-040);
299
299
  }
300
- .bp_base_button_module_button--d6857[data-modern=true].bp_base_button_module_large--d6857.bp_base_button_module_isIconButton--d6857{
300
+ .bp_base_button_module_button--77a2c[data-modern=true].bp_base_button_module_large--77a2c.bp_base_button_module_isIconButton--77a2c{
301
301
  --icon-button-large-width:var(--bp-size-100);
302
302
  --icon-button-large-height:var(--bp-size-100);
303
303
  --icon-button-large-padding:0 calc((var(--bp-size-100) - var(--bp-size-050))/2);
304
304
  }
305
305
 
306
- .bp_base_button_module_button--d6857[data-modern=false]{
306
+ .bp_base_button_module_button--77a2c[data-modern=false]{
307
307
  --button-border-radius:var(--radius-2);
308
308
  }
309
- .bp_base_button_module_button--d6857[data-modern=false]:not(:disabled)[data-focus-visible]{
309
+ .bp_base_button_module_button--77a2c[data-modern=false]:not(:disabled)[data-focus-visible]{
310
310
  box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--outline-focus-on-light);
311
311
  }
312
- .bp_base_button_module_button--d6857[data-modern=false].bp_base_button_module_primary--d6857{
312
+ .bp_base_button_module_button--77a2c[data-modern=false].bp_base_button_module_primary--77a2c{
313
313
  --button-color:var(--text-text-brand-on-color);
314
314
  --button-background:var(--surface-surface-brand);
315
315
  --button-border:var(--border-1) solid var(--surface-surface-brand);
@@ -319,7 +319,7 @@
319
319
  --button-active-background:var(--surface-surface-brand-pressed);
320
320
  --button-active-border:var(--border-1) solid var(--surface-surface-brand-pressed);
321
321
  }
322
- .bp_base_button_module_button--d6857[data-modern=false].bp_base_button_module_secondary--d6857{
322
+ .bp_base_button_module_button--77a2c[data-modern=false].bp_base_button_module_secondary--77a2c{
323
323
  --button-color:var(--text-text-on-light);
324
324
  --button-background:var(--surface-cta-surface-secondary);
325
325
  --button-border:var(--border-1) solid var(--border-cta-border-secondary);
@@ -328,14 +328,14 @@
328
328
  --button-active-background:var(--surface-cta-surface-secondary-pressed);
329
329
  --button-active-border:var(--border-1) solid var(--border-cta-border-secondary-pressed);
330
330
  }
331
- .bp_base_button_module_button--d6857[data-modern=false].bp_base_button_module_tertiary--d6857{
331
+ .bp_base_button_module_button--77a2c[data-modern=false].bp_base_button_module_tertiary--77a2c{
332
332
  --button-color:var(--text-cta-link);
333
333
  --button-background:#0000;
334
334
  --button-border:var(--border-1) solid #0000;
335
335
  --button-focus-or-hover-background:var(--surface-cta-surface-tertiary-hover);
336
336
  --button-active-background:var(--surface-cta-surface-tertiary-pressed);
337
337
  }
338
- .bp_base_button_module_button--d6857[data-modern=false].bp_base_button_module_outline--d6857{
338
+ .bp_base_button_module_button--77a2c[data-modern=false].bp_base_button_module_outline--77a2c{
339
339
  --button-color:var(--text-text-on-light);
340
340
  --button-background:var(--surface-cta-surface-outline);
341
341
  --button-border:var(--border-1) solid var(--border-cta-border-outline);
@@ -344,28 +344,28 @@
344
344
  --button-active-background:var(--surface-cta-surface-outline-pressed);
345
345
  --button-active-border:var(--border-1) solid var(--border-cta-border-outline-pressed);
346
346
  }
347
- .bp_base_button_module_button--d6857[data-modern=false].bp_base_button_module_small--d6857{
347
+ .bp_base_button_module_button--77a2c[data-modern=false].bp_base_button_module_small--77a2c{
348
348
  --button-small-gap:var(--space-1);
349
349
  --button-small-min-height:var(--size-8);
350
350
  --button-small-padding:0 var(--space-4);
351
351
  }
352
- .bp_base_button_module_button--d6857[data-modern=false].bp_base_button_module_small--d6857.bp_base_button_module_isIconButton--d6857{
352
+ .bp_base_button_module_button--77a2c[data-modern=false].bp_base_button_module_small--77a2c.bp_base_button_module_isIconButton--77a2c{
353
353
  --icon-button-small-width:var(--size-8);
354
354
  --icon-button-small-height:var(--size-8);
355
355
  --icon-button-small-padding:0 calc((var(--space-8) - var(--space-4))/2);
356
356
  }
357
- .bp_base_button_module_button--d6857[data-modern=false].bp_base_button_module_large--d6857{
357
+ .bp_base_button_module_button--77a2c[data-modern=false].bp_base_button_module_large--77a2c{
358
358
  --button-large-gap:var(--space-2);
359
359
  --button-large-min-height:var(--size-10);
360
360
  --button-large-padding:0 var(--space-4);
361
361
  }
362
- .bp_base_button_module_button--d6857[data-modern=false].bp_base_button_module_large--d6857.bp_base_button_module_isIconButton--d6857{
362
+ .bp_base_button_module_button--77a2c[data-modern=false].bp_base_button_module_large--77a2c.bp_base_button_module_isIconButton--77a2c{
363
363
  --icon-button-large-width:var(--size-10);
364
364
  --icon-button-large-height:var(--size-10);
365
365
  --icon-button-large-padding:0 calc((var(--space-10) - var(--space-5))/2);
366
366
  }
367
367
 
368
- .bp_base_button_module_button--d6857{
368
+ .bp_base_button_module_button--77a2c{
369
369
  border-radius:var(--button-border-radius);
370
370
  cursor:pointer;
371
371
  font-family:var(--body-default-bold-font-family);
@@ -382,92 +382,92 @@
382
382
  user-select:none;
383
383
  white-space:nowrap;
384
384
  }
385
- .bp_base_button_module_button--d6857,.bp_base_button_module_button--d6857 .bp_base_button_module_icon--d6857{
385
+ .bp_base_button_module_button--77a2c,.bp_base_button_module_button--77a2c .bp_base_button_module_icon--77a2c{
386
386
  align-items:center;
387
387
  display:flex;
388
388
  }
389
- .bp_base_button_module_button--d6857:disabled{
389
+ .bp_base_button_module_button--77a2c:disabled{
390
390
  opacity:.3;
391
391
  }
392
- .bp_base_button_module_button--d6857.bp_base_button_module_primary--d6857{
392
+ .bp_base_button_module_button--77a2c.bp_base_button_module_primary--77a2c{
393
393
  background:var(--button-background);
394
394
  border:var(--button-border);
395
395
  color:var(--button-color);
396
396
  }
397
- .bp_base_button_module_button--d6857.bp_base_button_module_primary--d6857:disabled{
397
+ .bp_base_button_module_button--77a2c.bp_base_button_module_primary--77a2c:disabled{
398
398
  background:var(--button-disabled-background);
399
399
  }
400
- .bp_base_button_module_button--d6857.bp_base_button_module_primary--d6857:not(:disabled):hover,.bp_base_button_module_button--d6857.bp_base_button_module_primary--d6857:not(:disabled)[data-focus-visible]{
400
+ .bp_base_button_module_button--77a2c.bp_base_button_module_primary--77a2c:not(:disabled):hover,.bp_base_button_module_button--77a2c.bp_base_button_module_primary--77a2c:not(:disabled)[data-focus-visible]{
401
401
  background:var(--button-focus-or-hover-background);
402
402
  border:var(--button-focus-or-hover-border);
403
403
  }
404
- .bp_base_button_module_button--d6857.bp_base_button_module_primary--d6857:not(:disabled):active{
404
+ .bp_base_button_module_button--77a2c.bp_base_button_module_primary--77a2c:not(:disabled):active{
405
405
  background:var(--button-active-background);
406
406
  border:var(--button-active-border);
407
407
  }
408
- .bp_base_button_module_button--d6857.bp_base_button_module_secondary--d6857{
408
+ .bp_base_button_module_button--77a2c.bp_base_button_module_secondary--77a2c{
409
409
  background:var(--button-background);
410
410
  border:var(--button-border);
411
411
  color:var(--button-color);
412
412
  }
413
- .bp_base_button_module_button--d6857.bp_base_button_module_secondary--d6857:not(:disabled):hover,.bp_base_button_module_button--d6857.bp_base_button_module_secondary--d6857:not(:disabled)[data-focus-visible]{
413
+ .bp_base_button_module_button--77a2c.bp_base_button_module_secondary--77a2c:not(:disabled):hover,.bp_base_button_module_button--77a2c.bp_base_button_module_secondary--77a2c:not(:disabled)[data-focus-visible]{
414
414
  background:var(--button-focus-or-hover-background);
415
415
  border:var(--button-focus-or-hover-border);
416
416
  }
417
- .bp_base_button_module_button--d6857.bp_base_button_module_secondary--d6857:not(:disabled):active{
417
+ .bp_base_button_module_button--77a2c.bp_base_button_module_secondary--77a2c:not(:disabled):active{
418
418
  background:var(--button-active-background);
419
419
  border:var(--button-active-border);
420
420
  }
421
- .bp_base_button_module_button--d6857.bp_base_button_module_tertiary--d6857{
421
+ .bp_base_button_module_button--77a2c.bp_base_button_module_tertiary--77a2c{
422
422
  background:var(--button-background);
423
423
  border:var(--button-border);
424
424
  color:var(--button-color);
425
425
  }
426
- .bp_base_button_module_button--d6857.bp_base_button_module_tertiary--d6857:not(:disabled):hover,.bp_base_button_module_button--d6857.bp_base_button_module_tertiary--d6857:not(:disabled)[data-focus-visible]{
426
+ .bp_base_button_module_button--77a2c.bp_base_button_module_tertiary--77a2c:not(:disabled):hover,.bp_base_button_module_button--77a2c.bp_base_button_module_tertiary--77a2c:not(:disabled)[data-focus-visible]{
427
427
  background:var(--button-focus-or-hover-background);
428
428
  }
429
- .bp_base_button_module_button--d6857.bp_base_button_module_tertiary--d6857:not(:disabled):active{
429
+ .bp_base_button_module_button--77a2c.bp_base_button_module_tertiary--77a2c:not(:disabled):active{
430
430
  background:var(--button-active-background);
431
431
  }
432
- .bp_base_button_module_button--d6857.bp_base_button_module_outline--d6857{
432
+ .bp_base_button_module_button--77a2c.bp_base_button_module_outline--77a2c{
433
433
  background:var(--button-background);
434
434
  border:var(--button-border);
435
435
  color:var(--button-color);
436
436
  }
437
- .bp_base_button_module_button--d6857.bp_base_button_module_outline--d6857:not(:disabled):hover,.bp_base_button_module_button--d6857.bp_base_button_module_outline--d6857:not(:disabled)[data-focus-visible]{
437
+ .bp_base_button_module_button--77a2c.bp_base_button_module_outline--77a2c:not(:disabled):hover,.bp_base_button_module_button--77a2c.bp_base_button_module_outline--77a2c:not(:disabled)[data-focus-visible]{
438
438
  background:var(--button-focus-or-hover-background);
439
439
  border:var(--button-focus-or-hover-border);
440
440
  }
441
- .bp_base_button_module_button--d6857.bp_base_button_module_outline--d6857:not(:disabled):active{
441
+ .bp_base_button_module_button--77a2c.bp_base_button_module_outline--77a2c:not(:disabled):active{
442
442
  background:var(--button-active-background);
443
443
  border:var(--button-active-border);
444
444
  }
445
- .bp_base_button_module_button--d6857.bp_base_button_module_small--d6857{
445
+ .bp_base_button_module_button--77a2c.bp_base_button_module_small--77a2c{
446
446
  gap:var(--button-small-gap);
447
447
  min-height:var(--button-small-min-height);
448
448
  padding:var(--button-small-padding);
449
449
  }
450
- .bp_base_button_module_button--d6857.bp_base_button_module_small--d6857.bp_base_button_module_isIconButton--d6857{
450
+ .bp_base_button_module_button--77a2c.bp_base_button_module_small--77a2c.bp_base_button_module_isIconButton--77a2c{
451
451
  height:var(--icon-button-small-height);
452
452
  min-height:unset;
453
453
  padding:var(--icon-button-small-padding);
454
454
  width:var(--icon-button-small-width);
455
455
  }
456
- .bp_base_button_module_button--d6857.bp_base_button_module_large--d6857{
456
+ .bp_base_button_module_button--77a2c.bp_base_button_module_large--77a2c{
457
457
  gap:var(--button-large-gap);
458
458
  min-height:var(--button-large-min-height);
459
459
  padding:var(--button-large-padding);
460
460
  }
461
- .bp_base_button_module_button--d6857.bp_base_button_module_large--d6857.bp_base_button_module_isIconButton--d6857{
461
+ .bp_base_button_module_button--77a2c.bp_base_button_module_large--77a2c.bp_base_button_module_isIconButton--77a2c{
462
462
  height:var(--icon-button-large-height);
463
463
  padding:var(--icon-button-large-padding);
464
464
  width:var(--icon-button-large-width);
465
465
  }
466
- .bp_base_button_module_button--d6857.bp_base_button_module_hide--d6857{
466
+ .bp_base_button_module_button--77a2c.bp_base_button_module_hide--77a2c{
467
467
  pointer-events:none;
468
468
  position:relative;
469
469
  }
470
- .bp_base_button_module_button--d6857.bp_base_button_module_hide--d6857 span{
470
+ .bp_base_button_module_button--77a2c.bp_base_button_module_hide--77a2c span{
471
471
  color:#0000;
472
472
  opacity:0;
473
473
  }
package/dist/lib-esm/primitives/base-button/base-button.module.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"button":"bp_base_button_module_button--d6857","primary":"bp_base_button_module_primary--d6857","secondary":"bp_base_button_module_secondary--d6857","tertiary":"bp_base_button_module_tertiary--d6857","outline":"bp_base_button_module_outline--d6857","small":"bp_base_button_module_small--d6857","isIconButton":"bp_base_button_module_isIconButton--d6857","large":"bp_base_button_module_large--d6857","icon":"bp_base_button_module_icon--d6857","hide":"bp_base_button_module_hide--d6857"};
2
+ var styles = {"button":"bp_base_button_module_button--77a2c","primary":"bp_base_button_module_primary--77a2c","secondary":"bp_base_button_module_secondary--77a2c","tertiary":"bp_base_button_module_tertiary--77a2c","outline":"bp_base_button_module_outline--77a2c","small":"bp_base_button_module_small--77a2c","isIconButton":"bp_base_button_module_isIconButton--77a2c","large":"bp_base_button_module_large--77a2c","icon":"bp_base_button_module_icon--77a2c","hide":"bp_base_button_module_hide--77a2c"};
3
3
 
4
4
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web",
3
- "version": "12.44.0",
3
+ "version": "12.44.1",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {