@liner-fe/prism 3.5.2 → 3.5.3
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/index.css +86 -82
- package/lib/index.js +19 -19
- package/package.json +1 -1
package/lib/index.css
CHANGED
|
@@ -1240,36 +1240,36 @@
|
|
|
1240
1240
|
}
|
|
1241
1241
|
|
|
1242
1242
|
/* esbuild-sass-plugin:css-chunk:src/components/Select/style.module.scss */
|
|
1243
|
-
.
|
|
1243
|
+
._root_1x709_3 {
|
|
1244
1244
|
display: flex;
|
|
1245
1245
|
flex-direction: column;
|
|
1246
1246
|
gap: var(--lp-sys-padding-component-100);
|
|
1247
1247
|
width: fit-content;
|
|
1248
1248
|
}
|
|
1249
|
-
.
|
|
1249
|
+
._root_1x709_3[data-trigger-type=select-button] {
|
|
1250
1250
|
gap: 0;
|
|
1251
1251
|
}
|
|
1252
|
-
.
|
|
1252
|
+
._root_1x709_3[data-trigger-type=select-field][data-size=s] {
|
|
1253
1253
|
width: 200px;
|
|
1254
1254
|
}
|
|
1255
|
-
.
|
|
1255
|
+
._root_1x709_3[data-trigger-type=select-field][data-size=l] {
|
|
1256
1256
|
width: 240px;
|
|
1257
1257
|
}
|
|
1258
|
-
.
|
|
1258
|
+
._root_1x709_3[data-trigger-type=select-button][data-size=s] {
|
|
1259
1259
|
width: 105px;
|
|
1260
1260
|
}
|
|
1261
|
-
.
|
|
1261
|
+
._root_1x709_3[data-trigger-type=select-button][data-size=m] {
|
|
1262
1262
|
width: 123px;
|
|
1263
1263
|
}
|
|
1264
|
-
.
|
|
1264
|
+
._label_1x709_35 {
|
|
1265
1265
|
padding-block-end: var(--lp-sys-padding-component-100);
|
|
1266
1266
|
margin: 0;
|
|
1267
1267
|
}
|
|
1268
|
-
.
|
|
1268
|
+
._requiredMark_1x709_40 {
|
|
1269
1269
|
color: var(--function-label-negative);
|
|
1270
1270
|
margin-inline-start: 2px;
|
|
1271
1271
|
}
|
|
1272
|
-
.
|
|
1272
|
+
._srOnly_1x709_45 {
|
|
1273
1273
|
position: absolute;
|
|
1274
1274
|
width: 1px;
|
|
1275
1275
|
height: 1px;
|
|
@@ -1280,7 +1280,7 @@
|
|
|
1280
1280
|
white-space: nowrap;
|
|
1281
1281
|
border: 0;
|
|
1282
1282
|
}
|
|
1283
|
-
.
|
|
1283
|
+
._trigger_1x709_58 {
|
|
1284
1284
|
display: flex;
|
|
1285
1285
|
align-items: center;
|
|
1286
1286
|
justify-content: space-between;
|
|
@@ -1291,34 +1291,36 @@
|
|
|
1291
1291
|
font: inherit;
|
|
1292
1292
|
text-align: start;
|
|
1293
1293
|
}
|
|
1294
|
-
.
|
|
1295
|
-
.
|
|
1294
|
+
._trigger_1x709_58:hover:not(:disabled),
|
|
1295
|
+
._trigger_1x709_58:active:not(:disabled) {
|
|
1296
1296
|
background: var(--neutral-container-lowest-hover);
|
|
1297
1297
|
border-color: var(--neutral-border-opaque-strong);
|
|
1298
1298
|
}
|
|
1299
|
-
.
|
|
1299
|
+
._trigger_1x709_58 {
|
|
1300
|
+
}
|
|
1301
|
+
._trigger_1x709_58:focus,
|
|
1302
|
+
._trigger_1x709_58:focus-visible {
|
|
1300
1303
|
outline: none;
|
|
1301
|
-
box-shadow: 0 0 0 1px #006aff;
|
|
1302
1304
|
}
|
|
1303
|
-
.
|
|
1305
|
+
._trigger_1x709_58 {
|
|
1304
1306
|
}
|
|
1305
|
-
.
|
|
1306
|
-
.
|
|
1307
|
+
._trigger_1x709_58:disabled,
|
|
1308
|
+
._trigger_1x709_58[data-disabled] {
|
|
1307
1309
|
cursor: not-allowed;
|
|
1308
1310
|
color: var(--neutral-label-tertiary);
|
|
1309
1311
|
}
|
|
1310
|
-
.
|
|
1312
|
+
._trigger_1x709_58 {
|
|
1311
1313
|
}
|
|
1312
|
-
.
|
|
1314
|
+
._trigger_1x709_58[data-state=open] ._icon_1x709_94 {
|
|
1313
1315
|
transform: rotate(180deg);
|
|
1314
1316
|
}
|
|
1315
|
-
.
|
|
1317
|
+
._trigger_1x709_58 ._icon_1x709_94 {
|
|
1316
1318
|
transition: transform 120ms ease;
|
|
1317
1319
|
flex-shrink: 0;
|
|
1318
1320
|
display: flex;
|
|
1319
1321
|
align-items: center;
|
|
1320
1322
|
}
|
|
1321
|
-
.
|
|
1323
|
+
._trigger_1x709_58[data-trigger-type=select-field] {
|
|
1322
1324
|
border-radius: var(--lp-sys-radius-m);
|
|
1323
1325
|
background: var(--neutral-container-lowest);
|
|
1324
1326
|
font-family:
|
|
@@ -1330,47 +1332,47 @@
|
|
|
1330
1332
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
1331
1333
|
color: var(--neutral-label-primary);
|
|
1332
1334
|
}
|
|
1333
|
-
.
|
|
1335
|
+
._trigger_1x709_58[data-trigger-type=select-field][data-size=s] {
|
|
1334
1336
|
height: 32px;
|
|
1335
1337
|
padding-inline: var(--lp-sys-padding-component-200);
|
|
1336
1338
|
}
|
|
1337
|
-
.
|
|
1339
|
+
._trigger_1x709_58[data-trigger-type=select-field][data-size=m] {
|
|
1338
1340
|
height: 40px;
|
|
1339
1341
|
padding-inline: var(--lp-sys-padding-component-300);
|
|
1340
1342
|
}
|
|
1341
|
-
.
|
|
1342
|
-
height:
|
|
1343
|
+
._trigger_1x709_58[data-trigger-type=select-field][data-size=l] {
|
|
1344
|
+
height: 45px;
|
|
1343
1345
|
padding-inline-start: var(--lp-sys-padding-component-400);
|
|
1344
1346
|
padding-inline-end: var(--lp-sys-padding-component-300);
|
|
1345
1347
|
}
|
|
1346
|
-
.
|
|
1348
|
+
._trigger_1x709_58[data-trigger-type=select-field] {
|
|
1347
1349
|
}
|
|
1348
|
-
.
|
|
1350
|
+
._trigger_1x709_58[data-trigger-type=select-field][data-placeholder] {
|
|
1349
1351
|
color: var(--neutral-label-tertiary);
|
|
1350
1352
|
}
|
|
1351
|
-
.
|
|
1353
|
+
._trigger_1x709_58[data-trigger-type=select-field] {
|
|
1352
1354
|
}
|
|
1353
|
-
.
|
|
1354
|
-
.
|
|
1355
|
+
._trigger_1x709_58[data-trigger-type=select-field]:disabled,
|
|
1356
|
+
._trigger_1x709_58[data-trigger-type=select-field][data-disabled] {
|
|
1355
1357
|
background: var(--neutral-container-mid);
|
|
1356
1358
|
border-color: var(--neutral-border-opaque-subtle);
|
|
1357
1359
|
}
|
|
1358
|
-
.
|
|
1360
|
+
._trigger_1x709_58 > span:not([class]) {
|
|
1359
1361
|
flex: 1;
|
|
1360
1362
|
min-width: 0;
|
|
1361
1363
|
overflow: hidden;
|
|
1362
1364
|
white-space: nowrap;
|
|
1363
1365
|
text-overflow: ellipsis;
|
|
1364
1366
|
}
|
|
1365
|
-
.
|
|
1367
|
+
._triggerButton_1x709_159 {
|
|
1366
1368
|
}
|
|
1367
|
-
.
|
|
1369
|
+
._triggerButton_1x709_159 > span {
|
|
1368
1370
|
width: 100%;
|
|
1369
1371
|
justify-content: space-between !important;
|
|
1370
1372
|
}
|
|
1371
|
-
.
|
|
1373
|
+
._triggerButton_1x709_159 {
|
|
1372
1374
|
}
|
|
1373
|
-
.
|
|
1375
|
+
._triggerButton_1x709_159 span:not([class]) {
|
|
1374
1376
|
flex: 1;
|
|
1375
1377
|
min-width: 0;
|
|
1376
1378
|
text-align: start;
|
|
@@ -1378,33 +1380,33 @@
|
|
|
1378
1380
|
white-space: nowrap;
|
|
1379
1381
|
text-overflow: ellipsis;
|
|
1380
1382
|
}
|
|
1381
|
-
.
|
|
1383
|
+
._triggerButton_1x709_159 {
|
|
1382
1384
|
}
|
|
1383
|
-
.
|
|
1385
|
+
._triggerButton_1x709_159[data-state=open] svg:last-child {
|
|
1384
1386
|
transform: rotate(180deg);
|
|
1385
1387
|
}
|
|
1386
|
-
.
|
|
1388
|
+
._triggerButton_1x709_159 svg:last-child {
|
|
1387
1389
|
transition: transform 120ms ease;
|
|
1388
1390
|
}
|
|
1389
|
-
.
|
|
1391
|
+
._root_1x709_3[data-error] ._trigger_1x709_58[data-trigger-type=select-field] {
|
|
1390
1392
|
outline: 1px solid var(--function-label-negative);
|
|
1391
1393
|
border-color: var(--function-label-negative);
|
|
1392
1394
|
}
|
|
1393
|
-
.
|
|
1394
|
-
.
|
|
1395
|
+
._trigger_1x709_58 svg path,
|
|
1396
|
+
._triggerButton_1x709_159 svg path {
|
|
1395
1397
|
fill: currentColor !important;
|
|
1396
1398
|
}
|
|
1397
|
-
.
|
|
1399
|
+
._errorMessage_1x709_203 {
|
|
1398
1400
|
display: flex;
|
|
1399
1401
|
align-items: center;
|
|
1400
1402
|
gap: var(--lp-sys-gap-positive-100);
|
|
1401
1403
|
padding-block-start: var(--lp-sys-padding-component-100);
|
|
1402
1404
|
}
|
|
1403
|
-
.
|
|
1405
|
+
._errorText_1x709_211 {
|
|
1404
1406
|
margin: 0;
|
|
1405
1407
|
line-height: 1;
|
|
1406
1408
|
}
|
|
1407
|
-
.
|
|
1409
|
+
._content_1x709_220 {
|
|
1408
1410
|
max-width: var(--radix-select-content-available-width);
|
|
1409
1411
|
max-height: var(--radix-select-content-available-height);
|
|
1410
1412
|
transform-origin: var(--radix-select-content-transform-origin);
|
|
@@ -1416,35 +1418,35 @@
|
|
|
1416
1418
|
overflow: hidden;
|
|
1417
1419
|
z-index: 1000;
|
|
1418
1420
|
}
|
|
1419
|
-
.
|
|
1420
|
-
animation:
|
|
1421
|
+
._content_1x709_220[data-state=open] {
|
|
1422
|
+
animation: _fadeScaleIn_1x709_1 120ms ease-out;
|
|
1421
1423
|
}
|
|
1422
|
-
.
|
|
1424
|
+
._content_1x709_220[data-trigger-type=select-field] {
|
|
1423
1425
|
width: var(--radix-select-trigger-width);
|
|
1424
1426
|
}
|
|
1425
|
-
.
|
|
1427
|
+
._content_1x709_220[data-trigger-type=select-button] {
|
|
1426
1428
|
width: 320px;
|
|
1427
1429
|
}
|
|
1428
|
-
.
|
|
1430
|
+
._viewport_1x709_251 {
|
|
1429
1431
|
max-height: 268px;
|
|
1430
1432
|
overflow-y: auto !important;
|
|
1431
1433
|
scrollbar-width: thin !important;
|
|
1432
1434
|
scrollbar-color: var(--neutral-fill-overlay-mid) transparent;
|
|
1433
1435
|
}
|
|
1434
|
-
.
|
|
1436
|
+
._viewport_1x709_251::-webkit-scrollbar {
|
|
1435
1437
|
display: block !important;
|
|
1436
1438
|
width: 7px;
|
|
1437
1439
|
}
|
|
1438
|
-
.
|
|
1440
|
+
._viewport_1x709_251::-webkit-scrollbar-track {
|
|
1439
1441
|
background-color: transparent;
|
|
1440
1442
|
}
|
|
1441
|
-
.
|
|
1443
|
+
._viewport_1x709_251::-webkit-scrollbar-thumb {
|
|
1442
1444
|
background-color: var(--neutral-fill-overlay-mid);
|
|
1443
1445
|
border: 2px solid transparent;
|
|
1444
1446
|
background-clip: padding-box;
|
|
1445
1447
|
border-radius: 7px;
|
|
1446
1448
|
}
|
|
1447
|
-
@keyframes
|
|
1449
|
+
@keyframes _fadeScaleIn_1x709_1 {
|
|
1448
1450
|
from {
|
|
1449
1451
|
opacity: 0;
|
|
1450
1452
|
transform: scale(0.95);
|
|
@@ -1454,7 +1456,7 @@
|
|
|
1454
1456
|
transform: scale(1);
|
|
1455
1457
|
}
|
|
1456
1458
|
}
|
|
1457
|
-
.
|
|
1459
|
+
._selectItem_1x709_283 {
|
|
1458
1460
|
display: flex;
|
|
1459
1461
|
align-items: center;
|
|
1460
1462
|
gap: var(--lp-sys-gap-positive-150);
|
|
@@ -1465,60 +1467,60 @@
|
|
|
1465
1467
|
cursor: pointer;
|
|
1466
1468
|
outline: none;
|
|
1467
1469
|
}
|
|
1468
|
-
.
|
|
1470
|
+
._selectItem_1x709_283 span:not([class]) {
|
|
1469
1471
|
display: none;
|
|
1470
1472
|
}
|
|
1471
|
-
.
|
|
1473
|
+
._selectItem_1x709_283[data-disabled] {
|
|
1472
1474
|
cursor: not-allowed;
|
|
1473
1475
|
color: var(--neutral-label-tertiary);
|
|
1474
1476
|
}
|
|
1475
|
-
.
|
|
1476
|
-
.
|
|
1477
|
+
._selectItem_1x709_283:hover:not([data-disabled]),
|
|
1478
|
+
._selectItem_1x709_283[data-highlighted] {
|
|
1477
1479
|
background: var(--neutral-fill-overlay-low);
|
|
1478
1480
|
}
|
|
1479
|
-
.
|
|
1481
|
+
._selectItem_1x709_283:active:not([data-disabled]) {
|
|
1480
1482
|
background: var(--neutral-fill-overlay-lowest-hover);
|
|
1481
1483
|
}
|
|
1482
|
-
.
|
|
1484
|
+
._selectItem_1x709_283 {
|
|
1483
1485
|
}
|
|
1484
|
-
.
|
|
1486
|
+
._selectItem_1x709_283:focus-visible:not(:hover) {
|
|
1485
1487
|
background: var(--neutral-container-low);
|
|
1486
1488
|
box-shadow: inset 0 0 0 1px #006aff;
|
|
1487
1489
|
}
|
|
1488
|
-
.
|
|
1490
|
+
._selectItem_1x709_283[data-state=checked] {
|
|
1489
1491
|
padding-inline-end: var(--lp-sys-padding-component-200);
|
|
1490
1492
|
}
|
|
1491
|
-
.
|
|
1493
|
+
._selectItem_1x709_283 [data-zone=leading] {
|
|
1492
1494
|
align-self: flex-start;
|
|
1493
1495
|
}
|
|
1494
|
-
.
|
|
1496
|
+
._selectItem_1x709_283[data-state=checked] ._itemLabel_1x709_335 {
|
|
1495
1497
|
color: var(--brand-label-primary) !important;
|
|
1496
1498
|
font-weight: var(--lp-pri-font-weight-500);
|
|
1497
1499
|
}
|
|
1498
|
-
.
|
|
1500
|
+
._itemIndicator_1x709_340 {
|
|
1499
1501
|
flex-shrink: 0;
|
|
1500
1502
|
display: flex;
|
|
1501
1503
|
align-items: center;
|
|
1502
1504
|
}
|
|
1503
|
-
.
|
|
1505
|
+
._trailingSlot_1x709_348 p,
|
|
1504
1506
|
[data-zone=leading] p {
|
|
1505
1507
|
margin: 0;
|
|
1506
1508
|
}
|
|
1507
|
-
.
|
|
1509
|
+
._selectItem_1x709_283[data-state=checked] ._trailingSlot_1x709_348 {
|
|
1508
1510
|
display: none;
|
|
1509
1511
|
}
|
|
1510
|
-
.
|
|
1512
|
+
._group_1x709_361 {
|
|
1511
1513
|
display: flex;
|
|
1512
1514
|
flex-direction: column;
|
|
1513
1515
|
}
|
|
1514
|
-
.
|
|
1516
|
+
._group_1x709_361:not(:last-child) {
|
|
1515
1517
|
border-block-end: 1px solid var(--neutral-border-overlay-normal);
|
|
1516
1518
|
padding-block-end: var(--lp-sys-padding-component-150);
|
|
1517
1519
|
}
|
|
1518
|
-
.
|
|
1520
|
+
._group_1x709_361 + ._group_1x709_361 {
|
|
1519
1521
|
padding-block-start: var(--lp-sys-padding-component-150);
|
|
1520
1522
|
}
|
|
1521
|
-
.
|
|
1523
|
+
._groupLabel_1x709_376 {
|
|
1522
1524
|
display: block;
|
|
1523
1525
|
margin: 0;
|
|
1524
1526
|
padding-block: var(--lp-sys-padding-component-150);
|
|
@@ -1526,24 +1528,24 @@
|
|
|
1526
1528
|
padding-inline-end: var(--lp-sys-padding-component-150);
|
|
1527
1529
|
}
|
|
1528
1530
|
@media (prefers-reduced-motion: reduce) {
|
|
1529
|
-
.
|
|
1531
|
+
._trigger_1x709_58 ._icon_1x709_94 {
|
|
1530
1532
|
transition: none;
|
|
1531
1533
|
}
|
|
1532
|
-
.
|
|
1534
|
+
._content_1x709_220[data-state=open] {
|
|
1533
1535
|
animation: none;
|
|
1534
1536
|
}
|
|
1535
1537
|
}
|
|
1536
1538
|
@media (forced-colors: active) {
|
|
1537
|
-
.
|
|
1539
|
+
._trigger_1x709_58 {
|
|
1538
1540
|
border: 1px solid ButtonText;
|
|
1539
1541
|
}
|
|
1540
|
-
.
|
|
1542
|
+
._trigger_1x709_58:focus-visible {
|
|
1541
1543
|
outline: 2px solid Highlight;
|
|
1542
1544
|
}
|
|
1543
1545
|
}
|
|
1544
1546
|
|
|
1545
1547
|
/* esbuild-sass-plugin:css-chunk:src/components/ListItem/primitive/style.module.scss */
|
|
1546
|
-
.
|
|
1548
|
+
._root_1y0m7_2 {
|
|
1547
1549
|
display: flex;
|
|
1548
1550
|
gap: var(--lp-sys-gap-positive-150);
|
|
1549
1551
|
width: 100%;
|
|
@@ -1554,24 +1556,26 @@
|
|
|
1554
1556
|
border-radius: var(--lp-sys-radius-s);
|
|
1555
1557
|
background: var(--neutral-fill-overlay-lowest);
|
|
1556
1558
|
}
|
|
1557
|
-
.
|
|
1559
|
+
._root_1y0m7_2:hover {
|
|
1558
1560
|
background: var(--neutral-fill-overlay-lowest-hover);
|
|
1559
1561
|
}
|
|
1560
|
-
.
|
|
1562
|
+
._root_1y0m7_2[data-highlighted] {
|
|
1561
1563
|
background: var(--neutral-fill-overlay-lowest-hover);
|
|
1562
1564
|
}
|
|
1563
|
-
.
|
|
1565
|
+
._root_1y0m7_2:active {
|
|
1564
1566
|
background: var(--neutral-fill-overlay-lowest-hover);
|
|
1565
1567
|
}
|
|
1566
|
-
.
|
|
1568
|
+
._root_1y0m7_2 {
|
|
1569
|
+
}
|
|
1570
|
+
._root_1y0m7_2:focus-visible:not(:hover) {
|
|
1567
1571
|
outline: none;
|
|
1568
1572
|
background: var(--neutral-fill-overlay-lowest-hover);
|
|
1569
1573
|
box-shadow: 0 0 0 1px #006aff;
|
|
1570
1574
|
}
|
|
1571
|
-
.
|
|
1575
|
+
._root_1y0m7_2[data-state=checked] {
|
|
1572
1576
|
background: var(--neutral-fill-overlay-low);
|
|
1573
1577
|
}
|
|
1574
|
-
.
|
|
1578
|
+
._root_1y0m7_2[data-disabled] {
|
|
1575
1579
|
background: transparent;
|
|
1576
1580
|
cursor: not-allowed;
|
|
1577
1581
|
}
|
package/lib/index.js
CHANGED
|
@@ -1469,24 +1469,24 @@ var style_module_default12 = {
|
|
|
1469
1469
|
|
|
1470
1470
|
// src/components/Select/style.module.scss
|
|
1471
1471
|
var style_module_default13 = {
|
|
1472
|
-
"root": "
|
|
1473
|
-
"label": "
|
|
1474
|
-
"requiredMark": "
|
|
1475
|
-
"srOnly": "
|
|
1476
|
-
"trigger": "
|
|
1477
|
-
"icon": "
|
|
1478
|
-
"triggerButton": "
|
|
1479
|
-
"errorMessage": "
|
|
1480
|
-
"errorText": "
|
|
1481
|
-
"content": "
|
|
1482
|
-
"fadeScaleIn": "
|
|
1483
|
-
"viewport": "
|
|
1484
|
-
"selectItem": "
|
|
1485
|
-
"itemLabel": "
|
|
1486
|
-
"itemIndicator": "
|
|
1487
|
-
"trailingSlot": "
|
|
1488
|
-
"group": "
|
|
1489
|
-
"groupLabel": "
|
|
1472
|
+
"root": "_root_1x709_3",
|
|
1473
|
+
"label": "_label_1x709_35",
|
|
1474
|
+
"requiredMark": "_requiredMark_1x709_40",
|
|
1475
|
+
"srOnly": "_srOnly_1x709_45",
|
|
1476
|
+
"trigger": "_trigger_1x709_58",
|
|
1477
|
+
"icon": "_icon_1x709_94",
|
|
1478
|
+
"triggerButton": "_triggerButton_1x709_159",
|
|
1479
|
+
"errorMessage": "_errorMessage_1x709_203",
|
|
1480
|
+
"errorText": "_errorText_1x709_211",
|
|
1481
|
+
"content": "_content_1x709_220",
|
|
1482
|
+
"fadeScaleIn": "_fadeScaleIn_1x709_1",
|
|
1483
|
+
"viewport": "_viewport_1x709_251",
|
|
1484
|
+
"selectItem": "_selectItem_1x709_283",
|
|
1485
|
+
"itemLabel": "_itemLabel_1x709_335",
|
|
1486
|
+
"itemIndicator": "_itemIndicator_1x709_340",
|
|
1487
|
+
"trailingSlot": "_trailingSlot_1x709_348",
|
|
1488
|
+
"group": "_group_1x709_361",
|
|
1489
|
+
"groupLabel": "_groupLabel_1x709_376"
|
|
1490
1490
|
};
|
|
1491
1491
|
|
|
1492
1492
|
// src/components/Select/index.tsx
|
|
@@ -1934,7 +1934,7 @@ import clsx15 from "clsx";
|
|
|
1934
1934
|
|
|
1935
1935
|
// src/components/ListItem/primitive/style.module.scss
|
|
1936
1936
|
var style_module_default14 = {
|
|
1937
|
-
"root": "
|
|
1937
|
+
"root": "_root_1y0m7_2"
|
|
1938
1938
|
};
|
|
1939
1939
|
|
|
1940
1940
|
// src/components/ListItem/primitive/index.tsx
|