@box/blueprint-web 7.13.0 → 7.13.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.
package/lib-esm/index.css
CHANGED
|
@@ -314,7 +314,7 @@
|
|
|
314
314
|
}
|
|
315
315
|
}
|
|
316
316
|
|
|
317
|
-
.bp_base_button_module_button--
|
|
317
|
+
.bp_base_button_module_button--7030f{
|
|
318
318
|
border-radius:var(--radius-2);
|
|
319
319
|
cursor:pointer;
|
|
320
320
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
@@ -330,96 +330,97 @@
|
|
|
330
330
|
user-select:none;
|
|
331
331
|
white-space:nowrap;
|
|
332
332
|
}
|
|
333
|
-
.bp_base_button_module_button--
|
|
333
|
+
.bp_base_button_module_button--7030f,.bp_base_button_module_button--7030f .bp_base_button_module_icon--7030f{
|
|
334
334
|
align-items:center;
|
|
335
335
|
display:flex;
|
|
336
336
|
}
|
|
337
|
-
.bp_base_button_module_button--
|
|
337
|
+
.bp_base_button_module_button--7030f:not(:disabled)[data-focus-visible]{
|
|
338
338
|
box-shadow:0 0 0 .0625rem #fff,0 0 0 .1875rem #2486fc;
|
|
339
339
|
}
|
|
340
|
-
.bp_base_button_module_button--
|
|
340
|
+
.bp_base_button_module_button--7030f:disabled{
|
|
341
341
|
opacity:.3;
|
|
342
342
|
}
|
|
343
|
-
.bp_base_button_module_button--
|
|
343
|
+
.bp_base_button_module_button--7030f.bp_base_button_module_primary--7030f{
|
|
344
344
|
background:var(--surface-surface-brand);
|
|
345
345
|
border:var(--border-1) solid var(--surface-surface-brand);
|
|
346
346
|
color:var(--text-text-brand-on-color);
|
|
347
347
|
}
|
|
348
|
-
.bp_base_button_module_button--
|
|
348
|
+
.bp_base_button_module_button--7030f.bp_base_button_module_primary--7030f:disabled{
|
|
349
349
|
background:var(--surface-surface-brand-disabled);
|
|
350
350
|
}
|
|
351
|
-
.bp_base_button_module_button--
|
|
351
|
+
.bp_base_button_module_button--7030f.bp_base_button_module_primary--7030f:not(:disabled):hover,.bp_base_button_module_button--7030f.bp_base_button_module_primary--7030f:not(:disabled)[data-focus-visible]{
|
|
352
352
|
background:var(--surface-surface-brand-hover);
|
|
353
353
|
border:var(--border-1) solid var(--surface-surface-brand-hover);
|
|
354
354
|
}
|
|
355
|
-
.bp_base_button_module_button--
|
|
355
|
+
.bp_base_button_module_button--7030f.bp_base_button_module_primary--7030f:not(:disabled):active{
|
|
356
356
|
background:var(--surface-surface-brand-pressed);
|
|
357
357
|
border:var(--border-1) solid var(--surface-surface-brand-pressed);
|
|
358
358
|
}
|
|
359
|
-
.bp_base_button_module_button--
|
|
359
|
+
.bp_base_button_module_button--7030f.bp_base_button_module_secondary--7030f{
|
|
360
360
|
background:var(--surface-cta-surface-secondary);
|
|
361
361
|
border:var(--border-1) solid var(--border-cta-border-secondary);
|
|
362
362
|
color:var(--text-text-on-light);
|
|
363
363
|
}
|
|
364
|
-
.bp_base_button_module_button--
|
|
364
|
+
.bp_base_button_module_button--7030f.bp_base_button_module_secondary--7030f:not(:disabled):hover,.bp_base_button_module_button--7030f.bp_base_button_module_secondary--7030f:not(:disabled)[data-focus-visible]{
|
|
365
365
|
background:var(--surface-cta-surface-secondary-hover);
|
|
366
366
|
border:var(--border-1) solid var(--border-cta-border-secondary-hover);
|
|
367
367
|
}
|
|
368
|
-
.bp_base_button_module_button--
|
|
368
|
+
.bp_base_button_module_button--7030f.bp_base_button_module_secondary--7030f:not(:disabled):active{
|
|
369
369
|
background:var(--surface-cta-surface-secondary-pressed);
|
|
370
370
|
border:var(--border-1) solid var(--border-cta-border-secondary-pressed);
|
|
371
371
|
}
|
|
372
|
-
.bp_base_button_module_button--
|
|
372
|
+
.bp_base_button_module_button--7030f.bp_base_button_module_tertiary--7030f{
|
|
373
373
|
background:var(--surface-cta-surface-tertiary);
|
|
374
374
|
border:var(--border-1) solid #0000;
|
|
375
375
|
color:var(--text-cta-link);
|
|
376
376
|
}
|
|
377
|
-
.bp_base_button_module_button--
|
|
377
|
+
.bp_base_button_module_button--7030f.bp_base_button_module_tertiary--7030f:not(:disabled):hover,.bp_base_button_module_button--7030f.bp_base_button_module_tertiary--7030f:not(:disabled)[data-focus-visible]{
|
|
378
378
|
background:var(--surface-cta-surface-tertiary-hover);
|
|
379
379
|
}
|
|
380
|
-
.bp_base_button_module_button--
|
|
380
|
+
.bp_base_button_module_button--7030f.bp_base_button_module_tertiary--7030f:not(:disabled):active{
|
|
381
381
|
background:var(--surface-cta-surface-tertiary-pressed);
|
|
382
382
|
}
|
|
383
|
-
.bp_base_button_module_button--
|
|
383
|
+
.bp_base_button_module_button--7030f.bp_base_button_module_outline--7030f{
|
|
384
384
|
background:#0000;
|
|
385
385
|
border:var(--border-1) solid var(--border-cta-border-outline);
|
|
386
386
|
color:var(--text-text-on-light);
|
|
387
387
|
}
|
|
388
|
-
.bp_base_button_module_button--
|
|
388
|
+
.bp_base_button_module_button--7030f.bp_base_button_module_outline--7030f:not(:disabled):hover,.bp_base_button_module_button--7030f.bp_base_button_module_outline--7030f:not(:disabled)[data-focus-visible]{
|
|
389
389
|
background:var(--surface-cta-surface-outline-hover);
|
|
390
390
|
border:var(--border-1) solid var(--border-cta-border-outline-hover);
|
|
391
391
|
}
|
|
392
|
-
.bp_base_button_module_button--
|
|
392
|
+
.bp_base_button_module_button--7030f.bp_base_button_module_outline--7030f:not(:disabled):active{
|
|
393
393
|
background:var(--surface-cta-surface-outline-pressed);
|
|
394
394
|
border:var(--border-1) solid var(--border-cta-border-outline-pressed);
|
|
395
395
|
}
|
|
396
|
-
.bp_base_button_module_button--
|
|
396
|
+
.bp_base_button_module_button--7030f.bp_base_button_module_small--7030f{
|
|
397
397
|
gap:var(--space-1);
|
|
398
398
|
min-height:var(--size-8);
|
|
399
399
|
padding:0 var(--size-4);
|
|
400
400
|
}
|
|
401
|
-
.bp_base_button_module_button--
|
|
401
|
+
.bp_base_button_module_button--7030f.bp_base_button_module_small--7030f.bp_base_button_module_isIconButton--7030f{
|
|
402
402
|
height:var(--size-8);
|
|
403
403
|
min-height:unset;
|
|
404
404
|
padding:0 calc((var(--size-8) - var(--size-4))/2);
|
|
405
405
|
width:var(--size-8);
|
|
406
406
|
}
|
|
407
|
-
.bp_base_button_module_button--
|
|
407
|
+
.bp_base_button_module_button--7030f.bp_base_button_module_large--7030f{
|
|
408
408
|
gap:var(--space-2);
|
|
409
409
|
min-height:var(--size-10);
|
|
410
410
|
padding:0 var(--size-4);
|
|
411
411
|
}
|
|
412
|
-
.bp_base_button_module_button--
|
|
412
|
+
.bp_base_button_module_button--7030f.bp_base_button_module_large--7030f.bp_base_button_module_isIconButton--7030f{
|
|
413
413
|
height:var(--size-10);
|
|
414
414
|
padding:0 calc((var(--size-10) - var(--size-5))/2);
|
|
415
415
|
width:var(--size-10);
|
|
416
416
|
}
|
|
417
|
-
.bp_base_button_module_button--
|
|
417
|
+
.bp_base_button_module_button--7030f.bp_base_button_module_hide--7030f{
|
|
418
418
|
pointer-events:none;
|
|
419
419
|
position:relative;
|
|
420
420
|
}
|
|
421
|
-
.bp_base_button_module_button--
|
|
421
|
+
.bp_base_button_module_button--7030f.bp_base_button_module_hide--7030f span{
|
|
422
422
|
color:#0000;
|
|
423
|
+
opacity:0;
|
|
423
424
|
}
|
|
424
425
|
|
|
425
426
|
.bp_base_inline_notice_module_noticeWrapper--2ece9{
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../../index.css';
|
|
2
|
-
var styles = {"button":"bp_base_button_module_button--
|
|
2
|
+
var styles = {"button":"bp_base_button_module_button--7030f","icon":"bp_base_button_module_icon--7030f","primary":"bp_base_button_module_primary--7030f","secondary":"bp_base_button_module_secondary--7030f","tertiary":"bp_base_button_module_tertiary--7030f","outline":"bp_base_button_module_outline--7030f","small":"bp_base_button_module_small--7030f","isIconButton":"bp_base_button_module_isIconButton--7030f","large":"bp_base_button_module_large--7030f","hide":"bp_base_button_module_hide--7030f"};
|
|
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": "7.13.
|
|
3
|
+
"version": "7.13.1",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"@box/storybook-utils": "^0.3.0",
|
|
58
58
|
"react-stately": "^3.31.1"
|
|
59
59
|
},
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "bfb1c63630dad923443e0f533e7abd2c187ec30b",
|
|
61
61
|
"module": "lib-esm/index.js",
|
|
62
62
|
"main": "lib-esm/index.js",
|
|
63
63
|
"exports": {
|