@box/blueprint-web 12.91.0 → 12.92.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.
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"accordionItem":"bp_accordion_module_accordionItem--
|
|
2
|
+
var styles = {"accordionItem":"bp_accordion_module_accordionItem--4ccff","accordionContent":"bp_accordion_module_accordionContent--4ccff","slideDown":"bp_accordion_module_slideDown--4ccff","slideUp":"bp_accordion_module_slideUp--4ccff","accordion":"bp_accordion_module_accordion--4ccff","accordionContentWrapper":"bp_accordion_module_accordionContentWrapper--4ccff","accordionInlineErrorWrapper":"bp_accordion_module_accordionInlineErrorWrapper--4ccff","accordionFixedContent":"bp_accordion_module_accordionFixedContent--4ccff","accordionHeader":"bp_accordion_module_accordionHeader--4ccff","accordionHeaderTrigger":"bp_accordion_module_accordionHeaderTrigger--4ccff","accordionStatus":"bp_accordion_module_accordionStatus--4ccff","accordionIconWrapper":"bp_accordion_module_accordionIconWrapper--4ccff","bgOnly":"bp_accordion_module_bgOnly--4ccff","withIcon":"bp_accordion_module_withIcon--4ccff","accordionTrigger":"bp_accordion_module_accordionTrigger--4ccff","accordionTriggerIcon":"bp_accordion_module_accordionTriggerIcon--4ccff"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
package/dist/lib-esm/index.css
CHANGED
|
@@ -1140,7 +1140,7 @@
|
|
|
1140
1140
|
background-color:var(--status-interactive-background-green-focus);
|
|
1141
1141
|
}
|
|
1142
1142
|
|
|
1143
|
-
.bp_accordion_module_accordionItem--
|
|
1143
|
+
.bp_accordion_module_accordionItem--4ccff[data-modern=false]{
|
|
1144
1144
|
--accordion-min-width:320px;
|
|
1145
1145
|
--accordion-item-radius:none;
|
|
1146
1146
|
--accordion-item-radius-expanded:none;
|
|
@@ -1181,7 +1181,7 @@
|
|
|
1181
1181
|
--accordion-item-header-min-height:unset;
|
|
1182
1182
|
}
|
|
1183
1183
|
|
|
1184
|
-
.bp_accordion_module_accordionItem--
|
|
1184
|
+
.bp_accordion_module_accordionItem--4ccff[data-modern=true]{
|
|
1185
1185
|
--accordion-min-width:320px;
|
|
1186
1186
|
--accordion-item-radius:var(--bp-radius-08);
|
|
1187
1187
|
--accordion-item-radius-expanded:var(--bp-radius-10);
|
|
@@ -1222,19 +1222,19 @@
|
|
|
1222
1222
|
--accordion-item-header-min-height:var(--bp-size-080);
|
|
1223
1223
|
}
|
|
1224
1224
|
|
|
1225
|
-
.bp_accordion_module_accordionContent--
|
|
1226
|
-
animation:bp_accordion_module_slideDown--
|
|
1225
|
+
.bp_accordion_module_accordionContent--4ccff[data-state=open]{
|
|
1226
|
+
animation:bp_accordion_module_slideDown--4ccff .15s ease-out;
|
|
1227
1227
|
}
|
|
1228
1228
|
|
|
1229
|
-
.bp_accordion_module_accordionContent--
|
|
1230
|
-
animation:bp_accordion_module_slideUp--
|
|
1229
|
+
.bp_accordion_module_accordionContent--4ccff[data-state=closed]{
|
|
1230
|
+
animation:bp_accordion_module_slideUp--4ccff .15s ease-out;
|
|
1231
1231
|
}
|
|
1232
1232
|
|
|
1233
|
-
.bp_accordion_module_accordionContent--
|
|
1233
|
+
.bp_accordion_module_accordionContent--4ccff{
|
|
1234
1234
|
overflow:hidden;
|
|
1235
1235
|
}
|
|
1236
1236
|
|
|
1237
|
-
@keyframes bp_accordion_module_slideDown--
|
|
1237
|
+
@keyframes bp_accordion_module_slideDown--4ccff{
|
|
1238
1238
|
from{
|
|
1239
1239
|
height:0;
|
|
1240
1240
|
}
|
|
@@ -1242,7 +1242,7 @@
|
|
|
1242
1242
|
height:var(--radix-accordion-content-height);
|
|
1243
1243
|
}
|
|
1244
1244
|
}
|
|
1245
|
-
@keyframes bp_accordion_module_slideUp--
|
|
1245
|
+
@keyframes bp_accordion_module_slideUp--4ccff{
|
|
1246
1246
|
from{
|
|
1247
1247
|
height:var(--radix-accordion-content-height);
|
|
1248
1248
|
}
|
|
@@ -1250,14 +1250,14 @@
|
|
|
1250
1250
|
height:0;
|
|
1251
1251
|
}
|
|
1252
1252
|
}
|
|
1253
|
-
.bp_accordion_module_accordion--
|
|
1253
|
+
.bp_accordion_module_accordion--4ccff{
|
|
1254
1254
|
display:flex;
|
|
1255
1255
|
flex-direction:column;
|
|
1256
1256
|
gap:var(--bp-space-030);
|
|
1257
1257
|
padding:var(--bp-space-030);
|
|
1258
1258
|
}
|
|
1259
1259
|
|
|
1260
|
-
.bp_accordion_module_accordionContentWrapper--
|
|
1260
|
+
.bp_accordion_module_accordionContentWrapper--4ccff{
|
|
1261
1261
|
display:flex;
|
|
1262
1262
|
flex-direction:column;
|
|
1263
1263
|
gap:var(--accordion-content-gap);
|
|
@@ -1266,25 +1266,26 @@
|
|
|
1266
1266
|
padding-inline:var(--accordion-content-padding-inline);
|
|
1267
1267
|
}
|
|
1268
1268
|
|
|
1269
|
-
.bp_accordion_module_accordionInlineErrorWrapper--
|
|
1269
|
+
.bp_accordion_module_accordionInlineErrorWrapper--4ccff{
|
|
1270
1270
|
padding-block-start:var(--accordion-error-padding-block-start);
|
|
1271
1271
|
padding-inline:var(--accordion-error-padding-inline);
|
|
1272
1272
|
}
|
|
1273
1273
|
|
|
1274
|
-
.bp_accordion_module_accordionItem--
|
|
1274
|
+
.bp_accordion_module_accordionItem--4ccff{
|
|
1275
1275
|
-webkit-tap-highlight-color:transparent;
|
|
1276
1276
|
background:none;
|
|
1277
1277
|
border-bottom:var(--accordion-item-border);
|
|
1278
1278
|
border-radius:var(--accordion-item-radius);
|
|
1279
1279
|
min-width:var(--accordion-min-width);
|
|
1280
1280
|
}
|
|
1281
|
-
.bp_accordion_module_accordionItem--
|
|
1281
|
+
.bp_accordion_module_accordionItem--4ccff[data-state=open]{
|
|
1282
|
+
background-color:var(--accordion-item-background-expanded);
|
|
1282
1283
|
border:var(--accordion-item-border-expanded);
|
|
1283
1284
|
border-bottom:var(--accordion-item-border-bottom-expanded);
|
|
1284
1285
|
border-radius:var(--accordion-item-radius-expanded);
|
|
1285
1286
|
}
|
|
1286
1287
|
|
|
1287
|
-
.bp_accordion_module_accordionFixedContent--
|
|
1288
|
+
.bp_accordion_module_accordionFixedContent--4ccff{
|
|
1288
1289
|
background-color:var(--accordion-item-background-collapsed);
|
|
1289
1290
|
border:var(--accordion-trigger-border);
|
|
1290
1291
|
border-radius:var(--accordion-item-radius);
|
|
@@ -1295,7 +1296,7 @@
|
|
|
1295
1296
|
padding-inline:var(--accordion-fixed-content-padding-inline);
|
|
1296
1297
|
}
|
|
1297
1298
|
|
|
1298
|
-
.bp_accordion_module_accordionHeader--
|
|
1299
|
+
.bp_accordion_module_accordionHeader--4ccff{
|
|
1299
1300
|
align-items:center;
|
|
1300
1301
|
display:flex;
|
|
1301
1302
|
justify-content:space-between;
|
|
@@ -1305,7 +1306,7 @@
|
|
|
1305
1306
|
width:100%;
|
|
1306
1307
|
}
|
|
1307
1308
|
|
|
1308
|
-
.bp_accordion_module_accordionItem--
|
|
1309
|
+
.bp_accordion_module_accordionItem--4ccff[data-modern=false] .bp_accordion_module_accordionHeader--4ccff{
|
|
1309
1310
|
color:var(--accordion-header-text-color);
|
|
1310
1311
|
font-family:var(--title-small-font-family);
|
|
1311
1312
|
font-size:var(--title-small-font-size);
|
|
@@ -1317,27 +1318,26 @@
|
|
|
1317
1318
|
text-transform:var(--title-small-text-case);
|
|
1318
1319
|
}
|
|
1319
1320
|
|
|
1320
|
-
.bp_accordion_module_accordionItem--
|
|
1321
|
+
.bp_accordion_module_accordionItem--4ccff[data-modern=true] .bp_accordion_module_accordionHeader--4ccff{
|
|
1321
1322
|
color:var(--accordion-header-text-color);
|
|
1322
1323
|
font-family:var(--bp-font-font-family);
|
|
1323
|
-
font-size:var(--bp-font-size-
|
|
1324
|
+
font-size:var(--bp-font-size-06);
|
|
1324
1325
|
font-style:normal;
|
|
1325
1326
|
font-weight:var(--bp-font-weight-bold);
|
|
1326
1327
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
1327
|
-
line-height:var(--bp-font-line-height-05);
|
|
1328
1328
|
line-height:var(--bp-font-line-height-04);
|
|
1329
1329
|
}
|
|
1330
1330
|
|
|
1331
|
-
.bp_accordion_module_accordionHeaderTrigger--
|
|
1331
|
+
.bp_accordion_module_accordionHeaderTrigger--4ccff{
|
|
1332
1332
|
align-items:center;
|
|
1333
1333
|
display:flex;
|
|
1334
1334
|
}
|
|
1335
1335
|
|
|
1336
|
-
.bp_accordion_module_accordionStatus--
|
|
1336
|
+
.bp_accordion_module_accordionStatus--4ccff{
|
|
1337
1337
|
margin-inline-start:var(--accordion-status-margin);
|
|
1338
1338
|
}
|
|
1339
1339
|
|
|
1340
|
-
.bp_accordion_module_accordionIconWrapper--
|
|
1340
|
+
.bp_accordion_module_accordionIconWrapper--4ccff{
|
|
1341
1341
|
align-items:center;
|
|
1342
1342
|
border-radius:var(--accordion-icon-radius);
|
|
1343
1343
|
display:flex;
|
|
@@ -1346,16 +1346,16 @@
|
|
|
1346
1346
|
margin-inline-start:var(--accordion-icon-margin);
|
|
1347
1347
|
width:var(--accordion-icon-size);
|
|
1348
1348
|
}
|
|
1349
|
-
.bp_accordion_module_accordionIconWrapper--
|
|
1349
|
+
.bp_accordion_module_accordionIconWrapper--4ccff.bp_accordion_module_bgOnly--4ccff{
|
|
1350
1350
|
height:var(--accordion-bg-only-status-size);
|
|
1351
1351
|
width:var(--accordion-bg-only-status-size);
|
|
1352
1352
|
}
|
|
1353
|
-
.bp_accordion_module_accordionIconWrapper--
|
|
1353
|
+
.bp_accordion_module_accordionIconWrapper--4ccff.bp_accordion_module_withIcon--4ccff{
|
|
1354
1354
|
height:var(--accordion-icon-size);
|
|
1355
1355
|
width:var(--accordion-icon-size);
|
|
1356
1356
|
}
|
|
1357
1357
|
|
|
1358
|
-
.bp_accordion_module_accordionTrigger--
|
|
1358
|
+
.bp_accordion_module_accordionTrigger--4ccff{
|
|
1359
1359
|
align-items:center;
|
|
1360
1360
|
background-color:var(--accordion-item-background-collapsed);
|
|
1361
1361
|
border:var(--accordion-trigger-border);
|
|
@@ -1366,22 +1366,22 @@
|
|
|
1366
1366
|
text-transform:capitalize;
|
|
1367
1367
|
width:100%;
|
|
1368
1368
|
}
|
|
1369
|
-
.bp_accordion_module_accordionTrigger--
|
|
1369
|
+
.bp_accordion_module_accordionTrigger--4ccff:disabled{
|
|
1370
1370
|
cursor:default;
|
|
1371
1371
|
opacity:.3;
|
|
1372
1372
|
}
|
|
1373
|
-
.bp_accordion_module_accordionTrigger--
|
|
1373
|
+
.bp_accordion_module_accordionTrigger--4ccff:focus-visible{
|
|
1374
1374
|
background-color:var(--accordion-trigger-collapsed-background-focus);
|
|
1375
1375
|
border:var(--accordion-trigger-border-hover);
|
|
1376
1376
|
box-shadow:var(--accordion-trigger-box-shadow);
|
|
1377
1377
|
outline:none;
|
|
1378
1378
|
}
|
|
1379
|
-
.bp_accordion_module_accordionTrigger--
|
|
1379
|
+
.bp_accordion_module_accordionTrigger--4ccff:hover:not(:disabled){
|
|
1380
1380
|
background-color:var(--accordion-trigger-collapsed-background-hover);
|
|
1381
1381
|
border:var(--accordion-trigger-border-hover);
|
|
1382
1382
|
cursor:pointer;
|
|
1383
1383
|
}
|
|
1384
|
-
.bp_accordion_module_accordionTrigger--
|
|
1384
|
+
.bp_accordion_module_accordionTrigger--4ccff[data-state=open]{
|
|
1385
1385
|
background-color:var(--accordion-item-background-expanded);
|
|
1386
1386
|
border:var(--accordion-trigger-expanded-border);
|
|
1387
1387
|
border-bottom-left-radius:0;
|
|
@@ -1389,20 +1389,20 @@
|
|
|
1389
1389
|
border-top-left-radius:var(--accordion-item-radius-expanded);
|
|
1390
1390
|
border-top-right-radius:var(--accordion-item-radius-expanded);
|
|
1391
1391
|
}
|
|
1392
|
-
.bp_accordion_module_accordionTrigger--
|
|
1392
|
+
.bp_accordion_module_accordionTrigger--4ccff[data-state=open]:focus-visible{
|
|
1393
1393
|
background-color:var(--accordion-trigger-expanded-background-focus);
|
|
1394
1394
|
border:var(--accordion-trigger-expanded-border);
|
|
1395
1395
|
}
|
|
1396
|
-
.bp_accordion_module_accordionTrigger--
|
|
1396
|
+
.bp_accordion_module_accordionTrigger--4ccff[data-state=open]:hover:not(:disabled){
|
|
1397
1397
|
background-color:var(--accordion-trigger-expanded-background-hover);
|
|
1398
1398
|
border:var(--accordion-trigger-expanded-border);
|
|
1399
1399
|
}
|
|
1400
|
-
.bp_accordion_module_accordionTrigger--
|
|
1400
|
+
.bp_accordion_module_accordionTrigger--4ccff .bp_accordion_module_accordionTriggerIcon--4ccff{
|
|
1401
1401
|
flex-shrink:0;
|
|
1402
1402
|
margin-inline-start:var(--accordion-chevron-margin-inline-start);
|
|
1403
1403
|
transform:var(--accordion-trigger-icon-transform-collapsed);
|
|
1404
1404
|
}
|
|
1405
|
-
.bp_accordion_module_accordionTrigger--
|
|
1405
|
+
.bp_accordion_module_accordionTrigger--4ccff[data-state=open] .bp_accordion_module_accordionTriggerIcon--4ccff{
|
|
1406
1406
|
transform:var(--accordion-trigger-icon-transform-expanded);
|
|
1407
1407
|
}
|
|
1408
1408
|
.bp_avatar_module_avatar--9f017[data-modern=false]{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web",
|
|
3
|
-
"version": "12.
|
|
3
|
+
"version": "12.92.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@ariakit/react": "0.4.15",
|
|
49
49
|
"@ariakit/react-core": "0.4.15",
|
|
50
|
-
"@box/blueprint-web-assets": "^4.
|
|
50
|
+
"@box/blueprint-web-assets": "^4.76.0",
|
|
51
51
|
"@internationalized/date": "^3.7.0",
|
|
52
52
|
"@radix-ui/react-accordion": "1.1.2",
|
|
53
53
|
"@radix-ui/react-checkbox": "1.0.4",
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"type-fest": "^3.2.0"
|
|
78
78
|
},
|
|
79
79
|
"devDependencies": {
|
|
80
|
-
"@box/storybook-utils": "^0.14.
|
|
80
|
+
"@box/storybook-utils": "^0.14.12",
|
|
81
81
|
"@types/react": "^18.0.0",
|
|
82
82
|
"@types/react-dom": "^18.0.0",
|
|
83
83
|
"react": "^18.3.0",
|