@box/blueprint-web 9.15.3 → 9.16.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.
package/lib-esm/index.css
CHANGED
|
@@ -5306,7 +5306,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
5306
5306
|
opacity:.3;
|
|
5307
5307
|
}
|
|
5308
5308
|
|
|
5309
|
-
.bp_tabs_module_hiddenWidthSetter--
|
|
5309
|
+
.bp_tabs_module_hiddenWidthSetter--5d450{
|
|
5310
5310
|
display:block;
|
|
5311
5311
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5312
5312
|
font-size:.875rem;
|
|
@@ -5319,13 +5319,13 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
5319
5319
|
text-transform:none;
|
|
5320
5320
|
visibility:hidden;
|
|
5321
5321
|
}
|
|
5322
|
-
.bp_tabs_module_hiddenWidthSetter--
|
|
5322
|
+
.bp_tabs_module_hiddenWidthSetter--5d450 > *{
|
|
5323
5323
|
visibility:hidden;
|
|
5324
5324
|
}
|
|
5325
5325
|
|
|
5326
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
5326
|
+
.bp_tabs_module_contentSwitchTabList--5d450{
|
|
5327
5327
|
background:var(--surface-contentswitcher-surface);
|
|
5328
|
-
border-radius:var(--radius-
|
|
5328
|
+
border-radius:var(--radius-7);
|
|
5329
5329
|
display:grid;
|
|
5330
5330
|
gap:var(--space-1);
|
|
5331
5331
|
grid-auto-columns:1fr;
|
|
@@ -5334,11 +5334,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
5334
5334
|
min-width:fit-content;
|
|
5335
5335
|
padding:var(--space-1);
|
|
5336
5336
|
}
|
|
5337
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
5337
|
+
.bp_tabs_module_contentSwitchTabList--5d450 .bp_tabs_module_contentSwitchTab--5d450{
|
|
5338
5338
|
align-items:center;
|
|
5339
5339
|
background:#0000;
|
|
5340
5340
|
border:none;
|
|
5341
|
-
border-radius:var(--radius-
|
|
5341
|
+
border-radius:var(--radius-6);
|
|
5342
5342
|
display:flex;
|
|
5343
5343
|
flex-direction:column;
|
|
5344
5344
|
font-weight:400;
|
|
@@ -5348,7 +5348,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
5348
5348
|
padding-inline:var(--space-4);
|
|
5349
5349
|
white-space:nowrap;
|
|
5350
5350
|
}
|
|
5351
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
5351
|
+
.bp_tabs_module_contentSwitchTabList--5d450 .bp_tabs_module_contentSwitchTab--5d450,.bp_tabs_module_contentSwitchTabList--5d450 .bp_tabs_module_contentSwitchTab--5d450[aria-selected=true]{
|
|
5352
5352
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5353
5353
|
font-size:.875rem;
|
|
5354
5354
|
letter-spacing:.01875rem;
|
|
@@ -5356,50 +5356,50 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
5356
5356
|
text-decoration:none;
|
|
5357
5357
|
text-transform:none;
|
|
5358
5358
|
}
|
|
5359
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
5359
|
+
.bp_tabs_module_contentSwitchTabList--5d450 .bp_tabs_module_contentSwitchTab--5d450[aria-selected=true]{
|
|
5360
5360
|
background:var(--surface-cta-surface-secondary);
|
|
5361
5361
|
box-shadow:0 0 0 var(--border-1) var(--gray-50);
|
|
5362
5362
|
color:var(--text-text-on-light);
|
|
5363
5363
|
font-weight:700;
|
|
5364
5364
|
}
|
|
5365
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
5365
|
+
.bp_tabs_module_contentSwitchTabList--5d450 .bp_tabs_module_contentSwitchTab--5d450:not([aria-disabled=true])[data-focus-visible]{
|
|
5366
5366
|
border-color:#0000;
|
|
5367
5367
|
box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
|
|
5368
5368
|
}
|
|
5369
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
5369
|
+
.bp_tabs_module_contentSwitchTabList--5d450 .bp_tabs_module_contentSwitchTab--5d450:not([aria-disabled=true]):hover{
|
|
5370
5370
|
background:var(--surface-surface-hover);
|
|
5371
5371
|
}
|
|
5372
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
5372
|
+
.bp_tabs_module_contentSwitchTabList--5d450 .bp_tabs_module_contentSwitchTab--5d450:not([aria-disabled=true]):active{
|
|
5373
5373
|
background:var(--surface-cta-surface-secondary-pressed);
|
|
5374
5374
|
}
|
|
5375
|
-
.bp_tabs_module_contentSwitchTabList--
|
|
5375
|
+
.bp_tabs_module_contentSwitchTabList--5d450 .bp_tabs_module_contentSwitchTab--5d450[aria-disabled=true]{
|
|
5376
5376
|
opacity:.3;
|
|
5377
5377
|
pointer-events:none;
|
|
5378
5378
|
}
|
|
5379
5379
|
|
|
5380
|
-
.bp_tabs_module_tabsListContainer--
|
|
5380
|
+
.bp_tabs_module_tabsListContainer--5d450{
|
|
5381
5381
|
height:calc(var(--size-10) + (var(--border-3) + 1px)*2);
|
|
5382
5382
|
overflow-y:hidden;
|
|
5383
5383
|
scroll-behavior:smooth;
|
|
5384
5384
|
}
|
|
5385
|
-
.bp_tabs_module_tabsListContainer--
|
|
5385
|
+
.bp_tabs_module_tabsListContainer--5d450 .bp_tabs_module_tabList--5d450{
|
|
5386
5386
|
display:flex;
|
|
5387
5387
|
overflow-x:auto;
|
|
5388
5388
|
padding:calc(var(--border-3) + 1px);
|
|
5389
5389
|
}
|
|
5390
|
-
.bp_tabs_module_tabsListContainer--
|
|
5390
|
+
.bp_tabs_module_tabsListContainer--5d450 .bp_tabs_module_tabList--5d450 .bp_tabs_module_tabSeparator--5d450{
|
|
5391
5391
|
border-bottom:var(--border-2) solid var(--border-tab-border);
|
|
5392
5392
|
min-width:var(--space-4);
|
|
5393
5393
|
}
|
|
5394
|
-
.bp_tabs_module_tabsListContainer--
|
|
5394
|
+
.bp_tabs_module_tabsListContainer--5d450 .bp_tabs_module_tabList--5d450 .bp_tabs_module_tabSeparator--5d450:last-child{
|
|
5395
5395
|
display:none;
|
|
5396
5396
|
}
|
|
5397
5397
|
@media only screen and (max-width: 1023px){
|
|
5398
|
-
.bp_tabs_module_tabsListContainer--
|
|
5398
|
+
.bp_tabs_module_tabsListContainer--5d450 .bp_tabs_module_tabList--5d450 .bp_tabs_module_tabSeparator--5d450{
|
|
5399
5399
|
min-width:calc(var(--border-3) + 1px);
|
|
5400
5400
|
}
|
|
5401
5401
|
}
|
|
5402
|
-
.bp_tabs_module_tabsListContainer--
|
|
5402
|
+
.bp_tabs_module_tabsListContainer--5d450 .bp_tabs_module_tabList--5d450 .bp_tabs_module_tab--5d450{
|
|
5403
5403
|
background:var(--background-background);
|
|
5404
5404
|
border-style:none;
|
|
5405
5405
|
border-bottom:var(--border-2) solid var(--border-tab-border);
|
|
@@ -5413,7 +5413,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
5413
5413
|
scroll-margin:calc(var(--border-3) + 1px);
|
|
5414
5414
|
z-index:2;
|
|
5415
5415
|
}
|
|
5416
|
-
.bp_tabs_module_tabsListContainer--
|
|
5416
|
+
.bp_tabs_module_tabsListContainer--5d450 .bp_tabs_module_tabList--5d450 .bp_tabs_module_tab--5d450,.bp_tabs_module_tabsListContainer--5d450 .bp_tabs_module_tabList--5d450 .bp_tabs_module_tab--5d450[aria-selected=true]{
|
|
5417
5417
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5418
5418
|
font-size:.875rem;
|
|
5419
5419
|
letter-spacing:.01875rem;
|
|
@@ -5421,26 +5421,26 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
5421
5421
|
text-decoration:none;
|
|
5422
5422
|
text-transform:none;
|
|
5423
5423
|
}
|
|
5424
|
-
.bp_tabs_module_tabsListContainer--
|
|
5424
|
+
.bp_tabs_module_tabsListContainer--5d450 .bp_tabs_module_tabList--5d450 .bp_tabs_module_tab--5d450[aria-selected=true]{
|
|
5425
5425
|
border-bottom:var(--border-2) solid var(--border-tab-border-selected);
|
|
5426
5426
|
color:var(--text-cta-link);
|
|
5427
5427
|
font-weight:700;
|
|
5428
5428
|
}
|
|
5429
|
-
.bp_tabs_module_tabsListContainer--
|
|
5429
|
+
.bp_tabs_module_tabsListContainer--5d450 .bp_tabs_module_tabList--5d450 .bp_tabs_module_tab--5d450:hover{
|
|
5430
5430
|
background-color:var(--surface-tab-surface-hover);
|
|
5431
5431
|
color:var(--text-text-on-light-secondary-hover);
|
|
5432
5432
|
}
|
|
5433
|
-
.bp_tabs_module_tabsListContainer--
|
|
5433
|
+
.bp_tabs_module_tabsListContainer--5d450 .bp_tabs_module_tabList--5d450 .bp_tabs_module_tab--5d450:hover[aria-selected=true]{
|
|
5434
5434
|
color:var(--text-cta-link);
|
|
5435
5435
|
}
|
|
5436
|
-
.bp_tabs_module_tabsListContainer--
|
|
5436
|
+
.bp_tabs_module_tabsListContainer--5d450 .bp_tabs_module_tabList--5d450 .bp_tabs_module_tab--5d450:active{
|
|
5437
5437
|
background-color:var(--surface-tab-surface-pressed);
|
|
5438
5438
|
color:var(--text-text-on-light-secondary-hover);
|
|
5439
5439
|
}
|
|
5440
|
-
.bp_tabs_module_tabsListContainer--
|
|
5440
|
+
.bp_tabs_module_tabsListContainer--5d450 .bp_tabs_module_tabList--5d450 .bp_tabs_module_tab--5d450:active[aria-selected=true]{
|
|
5441
5441
|
color:var(--text-cta-link);
|
|
5442
5442
|
}
|
|
5443
|
-
.bp_tabs_module_tabsListContainer--
|
|
5443
|
+
.bp_tabs_module_tabsListContainer--5d450 .bp_tabs_module_tabList--5d450 .bp_tabs_module_tab--5d450:focus-visible,.bp_tabs_module_tabsListContainer--5d450 .bp_tabs_module_tabList--5d450 .bp_tabs_module_tab--5d450[data-focus-visible]{
|
|
5444
5444
|
background-color:var(--surface-tab-surface-hover);
|
|
5445
5445
|
border-radius:var(--radius-05);
|
|
5446
5446
|
box-shadow:inset 0 0 0 1px #fff;
|
|
@@ -5448,10 +5448,10 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
5448
5448
|
outline:var(--border-3) solid var(--outline-focus-on-light);
|
|
5449
5449
|
outline-offset:1px;
|
|
5450
5450
|
}
|
|
5451
|
-
.bp_tabs_module_tabsListContainer--
|
|
5451
|
+
.bp_tabs_module_tabsListContainer--5d450 .bp_tabs_module_tabList--5d450 .bp_tabs_module_tab--5d450:focus-visible[aria-selected=true],.bp_tabs_module_tabsListContainer--5d450 .bp_tabs_module_tabList--5d450 .bp_tabs_module_tab--5d450[data-focus-visible][aria-selected=true]{
|
|
5452
5452
|
color:var(--text-cta-link);
|
|
5453
5453
|
}
|
|
5454
|
-
.bp_tabs_module_tabsListContainer--
|
|
5454
|
+
.bp_tabs_module_tabsListContainer--5d450 .bp_tabs_module_tabList--5d450 .bp_tabs_module_tab--5d450[aria-disabled=true]{
|
|
5455
5455
|
opacity:.5;
|
|
5456
5456
|
}
|
|
5457
5457
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../../index.css';
|
|
2
|
-
var styles = {"hiddenWidthSetter":"bp_tabs_module_hiddenWidthSetter--
|
|
2
|
+
var styles = {"hiddenWidthSetter":"bp_tabs_module_hiddenWidthSetter--5d450","contentSwitchTabList":"bp_tabs_module_contentSwitchTabList--5d450","contentSwitchTab":"bp_tabs_module_contentSwitchTab--5d450","tabsListContainer":"bp_tabs_module_tabsListContainer--5d450","tabList":"bp_tabs_module_tabList--5d450","tabSeparator":"bp_tabs_module_tabSeparator--5d450","tab":"bp_tabs_module_tab--5d450"};
|
|
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": "9.
|
|
3
|
+
"version": "9.16.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
"react-stately": "^3.31.1",
|
|
63
63
|
"tsx": "^4.16.5"
|
|
64
64
|
},
|
|
65
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "7167b603859db70120f58d10f8e29117271b9f9a",
|
|
66
66
|
"module": "lib-esm/index.js",
|
|
67
67
|
"main": "lib-esm/index.js",
|
|
68
68
|
"exports": {
|