@liner-fe/prism 4.0.6 → 4.2.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/index.css +84 -84
- package/lib/index.d.ts +1 -1
- package/lib/index.js +23 -23
- package/package.json +4 -4
package/lib/index.css
CHANGED
|
@@ -1283,36 +1283,36 @@
|
|
|
1283
1283
|
}
|
|
1284
1284
|
|
|
1285
1285
|
/* esbuild-sass-plugin:css-chunk:src/components/Select/style.module.scss */
|
|
1286
|
-
.
|
|
1286
|
+
._root_8r3ob_3 {
|
|
1287
1287
|
display: flex;
|
|
1288
1288
|
flex-direction: column;
|
|
1289
1289
|
gap: var(--lp-sys-space-100);
|
|
1290
1290
|
width: fit-content;
|
|
1291
1291
|
}
|
|
1292
|
-
.
|
|
1292
|
+
._root_8r3ob_3[data-trigger-type=select-button] {
|
|
1293
1293
|
gap: 0;
|
|
1294
1294
|
}
|
|
1295
|
-
.
|
|
1295
|
+
._root_8r3ob_3[data-trigger-type=select-field][data-size=s] {
|
|
1296
1296
|
width: 200px;
|
|
1297
1297
|
}
|
|
1298
|
-
.
|
|
1298
|
+
._root_8r3ob_3[data-trigger-type=select-field][data-size=l] {
|
|
1299
1299
|
width: 240px;
|
|
1300
1300
|
}
|
|
1301
|
-
.
|
|
1301
|
+
._root_8r3ob_3[data-trigger-type=select-button][data-size=s] {
|
|
1302
1302
|
width: 105px;
|
|
1303
1303
|
}
|
|
1304
|
-
.
|
|
1304
|
+
._root_8r3ob_3[data-trigger-type=select-button][data-size=m] {
|
|
1305
1305
|
width: 123px;
|
|
1306
1306
|
}
|
|
1307
|
-
.
|
|
1307
|
+
._label_8r3ob_35 {
|
|
1308
1308
|
padding-block-end: var(--lp-sys-space-100);
|
|
1309
1309
|
margin: 0;
|
|
1310
1310
|
}
|
|
1311
|
-
.
|
|
1311
|
+
._requiredMark_8r3ob_40 {
|
|
1312
1312
|
color: var(--negative-base);
|
|
1313
1313
|
margin-inline-start: 2px;
|
|
1314
1314
|
}
|
|
1315
|
-
.
|
|
1315
|
+
._srOnly_8r3ob_45 {
|
|
1316
1316
|
position: absolute;
|
|
1317
1317
|
width: 1px;
|
|
1318
1318
|
height: 1px;
|
|
@@ -1323,47 +1323,47 @@
|
|
|
1323
1323
|
white-space: nowrap;
|
|
1324
1324
|
border: 0;
|
|
1325
1325
|
}
|
|
1326
|
-
.
|
|
1326
|
+
._trigger_8r3ob_58 {
|
|
1327
1327
|
display: flex;
|
|
1328
1328
|
align-items: center;
|
|
1329
1329
|
justify-content: space-between;
|
|
1330
1330
|
gap: var(--lp-sys-space-150);
|
|
1331
1331
|
width: 100%;
|
|
1332
|
-
border: 1px solid var(--border-neutral-
|
|
1332
|
+
border: 1px solid var(--border-neutral-subtle);
|
|
1333
1333
|
cursor: pointer;
|
|
1334
1334
|
font: inherit;
|
|
1335
1335
|
text-align: start;
|
|
1336
1336
|
}
|
|
1337
|
-
.
|
|
1338
|
-
.
|
|
1337
|
+
._trigger_8r3ob_58:hover:not(:disabled),
|
|
1338
|
+
._trigger_8r3ob_58:active:not(:disabled) {
|
|
1339
1339
|
background: var(--surface-neutral-lowest-hover);
|
|
1340
1340
|
border-color: var(--border-neutral-strong);
|
|
1341
1341
|
}
|
|
1342
|
-
.
|
|
1342
|
+
._trigger_8r3ob_58 {
|
|
1343
1343
|
}
|
|
1344
|
-
.
|
|
1345
|
-
.
|
|
1344
|
+
._trigger_8r3ob_58:focus,
|
|
1345
|
+
._trigger_8r3ob_58:focus-visible {
|
|
1346
1346
|
outline: none;
|
|
1347
1347
|
}
|
|
1348
|
-
.
|
|
1348
|
+
._trigger_8r3ob_58 {
|
|
1349
1349
|
}
|
|
1350
|
-
.
|
|
1351
|
-
.
|
|
1350
|
+
._trigger_8r3ob_58:disabled,
|
|
1351
|
+
._trigger_8r3ob_58[data-disabled] {
|
|
1352
1352
|
cursor: not-allowed;
|
|
1353
1353
|
color: var(--label-neutral-tertiary);
|
|
1354
1354
|
}
|
|
1355
|
-
.
|
|
1355
|
+
._trigger_8r3ob_58 {
|
|
1356
1356
|
}
|
|
1357
|
-
.
|
|
1357
|
+
._trigger_8r3ob_58[data-state=open] ._icon_8r3ob_94 {
|
|
1358
1358
|
transform: rotate(180deg);
|
|
1359
1359
|
}
|
|
1360
|
-
.
|
|
1360
|
+
._trigger_8r3ob_58 ._icon_8r3ob_94 {
|
|
1361
1361
|
transition: transform 120ms ease;
|
|
1362
1362
|
flex-shrink: 0;
|
|
1363
1363
|
display: flex;
|
|
1364
1364
|
align-items: center;
|
|
1365
1365
|
}
|
|
1366
|
-
.
|
|
1366
|
+
._trigger_8r3ob_58[data-trigger-type=select-field] {
|
|
1367
1367
|
border-radius: var(--lp-sys-radius-medium);
|
|
1368
1368
|
background: var(--surface-neutral-lowest);
|
|
1369
1369
|
font-family:
|
|
@@ -1375,47 +1375,47 @@
|
|
|
1375
1375
|
line-height: var(--lp-pri-font-lineheight-130);
|
|
1376
1376
|
color: var(--label-neutral-base);
|
|
1377
1377
|
}
|
|
1378
|
-
.
|
|
1378
|
+
._trigger_8r3ob_58[data-trigger-type=select-field][data-size=s] {
|
|
1379
1379
|
height: 32px;
|
|
1380
1380
|
padding-inline: var(--lp-sys-space-200);
|
|
1381
1381
|
}
|
|
1382
|
-
.
|
|
1382
|
+
._trigger_8r3ob_58[data-trigger-type=select-field][data-size=m] {
|
|
1383
1383
|
height: 40px;
|
|
1384
1384
|
padding-inline: var(--lp-sys-space-300);
|
|
1385
1385
|
}
|
|
1386
|
-
.
|
|
1386
|
+
._trigger_8r3ob_58[data-trigger-type=select-field][data-size=l] {
|
|
1387
1387
|
height: 45px;
|
|
1388
1388
|
padding-inline-start: var(--lp-sys-space-400);
|
|
1389
1389
|
padding-inline-end: var(--lp-sys-space-300);
|
|
1390
1390
|
}
|
|
1391
|
-
.
|
|
1391
|
+
._trigger_8r3ob_58[data-trigger-type=select-field] {
|
|
1392
1392
|
}
|
|
1393
|
-
.
|
|
1393
|
+
._trigger_8r3ob_58[data-trigger-type=select-field][data-placeholder] {
|
|
1394
1394
|
color: var(--label-neutral-tertiary);
|
|
1395
1395
|
}
|
|
1396
|
-
.
|
|
1396
|
+
._trigger_8r3ob_58[data-trigger-type=select-field] {
|
|
1397
1397
|
}
|
|
1398
|
-
.
|
|
1399
|
-
.
|
|
1398
|
+
._trigger_8r3ob_58[data-trigger-type=select-field]:disabled,
|
|
1399
|
+
._trigger_8r3ob_58[data-trigger-type=select-field][data-disabled] {
|
|
1400
1400
|
background: var(--surface-neutral-mid);
|
|
1401
1401
|
border-color: var(--border-neutral-subtle);
|
|
1402
1402
|
}
|
|
1403
|
-
.
|
|
1403
|
+
._trigger_8r3ob_58 > span:not([class]) {
|
|
1404
1404
|
flex: 1;
|
|
1405
1405
|
min-width: 0;
|
|
1406
1406
|
overflow: hidden;
|
|
1407
1407
|
white-space: nowrap;
|
|
1408
1408
|
text-overflow: ellipsis;
|
|
1409
1409
|
}
|
|
1410
|
-
.
|
|
1410
|
+
._triggerButton_8r3ob_159 {
|
|
1411
1411
|
}
|
|
1412
|
-
.
|
|
1412
|
+
._triggerButton_8r3ob_159 > span {
|
|
1413
1413
|
width: 100%;
|
|
1414
1414
|
justify-content: space-between !important;
|
|
1415
1415
|
}
|
|
1416
|
-
.
|
|
1416
|
+
._triggerButton_8r3ob_159 {
|
|
1417
1417
|
}
|
|
1418
|
-
.
|
|
1418
|
+
._triggerButton_8r3ob_159 span:not([class]) {
|
|
1419
1419
|
flex: 1;
|
|
1420
1420
|
min-width: 0;
|
|
1421
1421
|
text-align: start;
|
|
@@ -1423,73 +1423,73 @@
|
|
|
1423
1423
|
white-space: nowrap;
|
|
1424
1424
|
text-overflow: ellipsis;
|
|
1425
1425
|
}
|
|
1426
|
-
.
|
|
1426
|
+
._triggerButton_8r3ob_159 {
|
|
1427
1427
|
}
|
|
1428
|
-
.
|
|
1428
|
+
._triggerButton_8r3ob_159[data-state=open] svg:last-child {
|
|
1429
1429
|
transform: rotate(180deg);
|
|
1430
1430
|
}
|
|
1431
|
-
.
|
|
1431
|
+
._triggerButton_8r3ob_159 svg:last-child {
|
|
1432
1432
|
transition: transform 120ms ease;
|
|
1433
1433
|
}
|
|
1434
|
-
.
|
|
1434
|
+
._root_8r3ob_3[data-error] ._trigger_8r3ob_58[data-trigger-type=select-field] {
|
|
1435
1435
|
outline: 1px solid var(--negative-base);
|
|
1436
1436
|
border-color: var(--negative-base);
|
|
1437
1437
|
}
|
|
1438
|
-
.
|
|
1439
|
-
.
|
|
1438
|
+
._trigger_8r3ob_58 svg path,
|
|
1439
|
+
._triggerButton_8r3ob_159 svg path {
|
|
1440
1440
|
fill: currentColor !important;
|
|
1441
1441
|
}
|
|
1442
|
-
.
|
|
1442
|
+
._errorMessage_8r3ob_203 {
|
|
1443
1443
|
display: flex;
|
|
1444
1444
|
align-items: center;
|
|
1445
1445
|
gap: var(--lp-sys-space-100);
|
|
1446
1446
|
padding-block-start: var(--lp-sys-space-100);
|
|
1447
1447
|
}
|
|
1448
|
-
.
|
|
1448
|
+
._errorText_8r3ob_211 {
|
|
1449
1449
|
margin: 0;
|
|
1450
1450
|
line-height: 1;
|
|
1451
1451
|
}
|
|
1452
|
-
.
|
|
1452
|
+
._content_8r3ob_220 {
|
|
1453
1453
|
max-width: var(--radix-select-content-available-width);
|
|
1454
1454
|
max-height: var(--radix-select-content-available-height);
|
|
1455
1455
|
transform-origin: var(--radix-select-content-transform-origin);
|
|
1456
1456
|
border-radius: var(--lp-sys-radius-medium);
|
|
1457
|
-
border: 1px solid var(--border-neutral-
|
|
1457
|
+
border: 1px solid var(--border-neutral-subtle);
|
|
1458
1458
|
background: var(--surface-neutral-variation-lowest);
|
|
1459
1459
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
|
|
1460
1460
|
padding: var(--lp-sys-space-200);
|
|
1461
1461
|
overflow: hidden;
|
|
1462
1462
|
z-index: 1000;
|
|
1463
1463
|
}
|
|
1464
|
-
.
|
|
1465
|
-
animation:
|
|
1464
|
+
._content_8r3ob_220[data-state=open] {
|
|
1465
|
+
animation: _fadeScaleIn_8r3ob_1 120ms ease-out;
|
|
1466
1466
|
}
|
|
1467
|
-
.
|
|
1467
|
+
._content_8r3ob_220[data-trigger-type=select-field] {
|
|
1468
1468
|
width: var(--radix-select-trigger-width);
|
|
1469
1469
|
}
|
|
1470
|
-
.
|
|
1470
|
+
._content_8r3ob_220[data-trigger-type=select-button] {
|
|
1471
1471
|
width: 320px;
|
|
1472
1472
|
}
|
|
1473
|
-
.
|
|
1473
|
+
._viewport_8r3ob_251 {
|
|
1474
1474
|
max-height: 268px;
|
|
1475
1475
|
overflow-y: auto !important;
|
|
1476
1476
|
scrollbar-width: thin !important;
|
|
1477
1477
|
scrollbar-color: var(--control-fill-neutral-mid) transparent;
|
|
1478
1478
|
}
|
|
1479
|
-
.
|
|
1479
|
+
._viewport_8r3ob_251::-webkit-scrollbar {
|
|
1480
1480
|
display: block !important;
|
|
1481
1481
|
width: 7px;
|
|
1482
1482
|
}
|
|
1483
|
-
.
|
|
1483
|
+
._viewport_8r3ob_251::-webkit-scrollbar-track {
|
|
1484
1484
|
background-color: transparent;
|
|
1485
1485
|
}
|
|
1486
|
-
.
|
|
1486
|
+
._viewport_8r3ob_251::-webkit-scrollbar-thumb {
|
|
1487
1487
|
background-color: var(--control-fill-neutral-mid);
|
|
1488
1488
|
border: 2px solid transparent;
|
|
1489
1489
|
background-clip: padding-box;
|
|
1490
1490
|
border-radius: 7px;
|
|
1491
1491
|
}
|
|
1492
|
-
@keyframes
|
|
1492
|
+
@keyframes _fadeScaleIn_8r3ob_1 {
|
|
1493
1493
|
from {
|
|
1494
1494
|
opacity: 0;
|
|
1495
1495
|
transform: scale(0.95);
|
|
@@ -1499,7 +1499,7 @@
|
|
|
1499
1499
|
transform: scale(1);
|
|
1500
1500
|
}
|
|
1501
1501
|
}
|
|
1502
|
-
.
|
|
1502
|
+
._selectItem_8r3ob_283 {
|
|
1503
1503
|
display: flex;
|
|
1504
1504
|
align-items: center;
|
|
1505
1505
|
gap: var(--lp-sys-space-150);
|
|
@@ -1510,63 +1510,63 @@
|
|
|
1510
1510
|
cursor: pointer;
|
|
1511
1511
|
outline: none;
|
|
1512
1512
|
}
|
|
1513
|
-
.
|
|
1513
|
+
._selectItem_8r3ob_283 span:not([class]) {
|
|
1514
1514
|
display: none;
|
|
1515
1515
|
}
|
|
1516
|
-
.
|
|
1516
|
+
._selectItem_8r3ob_283[data-disabled] {
|
|
1517
1517
|
cursor: not-allowed;
|
|
1518
1518
|
color: var(--label-neutral-tertiary);
|
|
1519
1519
|
}
|
|
1520
|
-
.
|
|
1521
|
-
.
|
|
1520
|
+
._selectItem_8r3ob_283:hover:not([data-disabled]),
|
|
1521
|
+
._selectItem_8r3ob_283[data-highlighted] {
|
|
1522
1522
|
background: var(--control-fill-neutral-low);
|
|
1523
1523
|
}
|
|
1524
|
-
.
|
|
1524
|
+
._selectItem_8r3ob_283:active:not([data-disabled]) {
|
|
1525
1525
|
background: var(--control-fill-neutral-lowest-hover);
|
|
1526
1526
|
}
|
|
1527
|
-
.
|
|
1527
|
+
._selectItem_8r3ob_283 {
|
|
1528
1528
|
}
|
|
1529
|
-
.
|
|
1529
|
+
._selectItem_8r3ob_283:focus-visible:not(:hover) {
|
|
1530
1530
|
background: var(--surface-neutral-low);
|
|
1531
1531
|
box-shadow: inset 0 0 0 1px #006aff;
|
|
1532
1532
|
}
|
|
1533
|
-
.
|
|
1533
|
+
._selectItem_8r3ob_283[data-state=checked] {
|
|
1534
1534
|
padding-inline-end: var(--lp-sys-space-200);
|
|
1535
1535
|
}
|
|
1536
|
-
.
|
|
1536
|
+
._selectItem_8r3ob_283 [data-zone=leading] {
|
|
1537
1537
|
align-self: flex-start;
|
|
1538
1538
|
}
|
|
1539
|
-
.
|
|
1539
|
+
._primitiveItem_8r3ob_336 > span:not([class]) {
|
|
1540
1540
|
display: none;
|
|
1541
1541
|
}
|
|
1542
|
-
.
|
|
1542
|
+
._selectItem_8r3ob_283[data-state=checked] ._itemLabel_8r3ob_341 {
|
|
1543
1543
|
color: var(--label-brand-base) !important;
|
|
1544
1544
|
font-weight: var(--lp-pri-font-weight-500);
|
|
1545
1545
|
}
|
|
1546
|
-
.
|
|
1546
|
+
._itemIndicator_8r3ob_346 {
|
|
1547
1547
|
flex-shrink: 0;
|
|
1548
1548
|
display: flex;
|
|
1549
1549
|
align-items: center;
|
|
1550
1550
|
}
|
|
1551
|
-
.
|
|
1551
|
+
._trailingSlot_8r3ob_354 p,
|
|
1552
1552
|
[data-zone=leading] p {
|
|
1553
1553
|
margin: 0;
|
|
1554
1554
|
}
|
|
1555
|
-
.
|
|
1555
|
+
._selectItem_8r3ob_283[data-state=checked] ._trailingSlot_8r3ob_354 {
|
|
1556
1556
|
display: none;
|
|
1557
1557
|
}
|
|
1558
|
-
.
|
|
1558
|
+
._group_8r3ob_367 {
|
|
1559
1559
|
display: flex;
|
|
1560
1560
|
flex-direction: column;
|
|
1561
1561
|
}
|
|
1562
|
-
.
|
|
1562
|
+
._group_8r3ob_367:not(:last-child) {
|
|
1563
1563
|
border-block-end: 1px solid var(--border-neutral-alpha-normal);
|
|
1564
1564
|
padding-block-end: var(--lp-sys-space-150);
|
|
1565
1565
|
}
|
|
1566
|
-
.
|
|
1566
|
+
._group_8r3ob_367 + ._group_8r3ob_367 {
|
|
1567
1567
|
padding-block-start: var(--lp-sys-space-150);
|
|
1568
1568
|
}
|
|
1569
|
-
.
|
|
1569
|
+
._groupLabel_8r3ob_382 {
|
|
1570
1570
|
display: block;
|
|
1571
1571
|
margin: 0;
|
|
1572
1572
|
padding-block: var(--lp-sys-space-150);
|
|
@@ -1574,38 +1574,38 @@
|
|
|
1574
1574
|
padding-inline-end: var(--lp-sys-space-150);
|
|
1575
1575
|
}
|
|
1576
1576
|
@media (prefers-reduced-motion: reduce) {
|
|
1577
|
-
.
|
|
1577
|
+
._trigger_8r3ob_58 ._icon_8r3ob_94 {
|
|
1578
1578
|
transition: none;
|
|
1579
1579
|
}
|
|
1580
|
-
.
|
|
1580
|
+
._content_8r3ob_220[data-state=open] {
|
|
1581
1581
|
animation: none;
|
|
1582
1582
|
}
|
|
1583
1583
|
}
|
|
1584
1584
|
@media (forced-colors: active) {
|
|
1585
|
-
.
|
|
1585
|
+
._trigger_8r3ob_58 {
|
|
1586
1586
|
border: 1px solid ButtonText;
|
|
1587
1587
|
}
|
|
1588
|
-
.
|
|
1588
|
+
._trigger_8r3ob_58:focus-visible {
|
|
1589
1589
|
outline: 2px solid Highlight;
|
|
1590
1590
|
}
|
|
1591
1591
|
}
|
|
1592
1592
|
|
|
1593
1593
|
/* esbuild-sass-plugin:css-chunk:src/components/List/style.module.scss */
|
|
1594
|
-
.
|
|
1594
|
+
._root_w53p3_2 {
|
|
1595
1595
|
list-style: none;
|
|
1596
1596
|
padding: 0;
|
|
1597
1597
|
margin: 0;
|
|
1598
1598
|
}
|
|
1599
|
-
.
|
|
1599
|
+
._group_w53p3_8 {
|
|
1600
1600
|
display: flex;
|
|
1601
1601
|
flex-direction: column;
|
|
1602
1602
|
width: 100%;
|
|
1603
1603
|
padding-block: var(--lp-sys-space-200);
|
|
1604
1604
|
}
|
|
1605
|
-
.
|
|
1606
|
-
border-block-end: 1px solid var(--border-neutral-
|
|
1605
|
+
._group_w53p3_8:not(:last-child) {
|
|
1606
|
+
border-block-end: 1px solid var(--border-neutral-subtle);
|
|
1607
1607
|
}
|
|
1608
|
-
.
|
|
1608
|
+
._groupLabelContainer_w53p3_20 {
|
|
1609
1609
|
display: flex;
|
|
1610
1610
|
justify-content: space-between;
|
|
1611
1611
|
align-items: center;
|
|
@@ -1614,7 +1614,7 @@
|
|
|
1614
1614
|
padding-inline-start: var(--lp-sys-space-200);
|
|
1615
1615
|
padding-inline-end: var(--lp-sys-space-150);
|
|
1616
1616
|
}
|
|
1617
|
-
.
|
|
1617
|
+
._groupLabel_w53p3_20 {
|
|
1618
1618
|
margin: 0;
|
|
1619
1619
|
}
|
|
1620
1620
|
|
package/lib/index.d.ts
CHANGED
|
@@ -16,7 +16,7 @@ export { Box, BoxProps, Container, ContainerProps, Flex, FlexProps, Grid, GridPr
|
|
|
16
16
|
declare const objectToArray: <T extends Record<string, unknown>>(obj: T) => [keyof T, T[keyof T]][];
|
|
17
17
|
declare const arrayToStyleObject: <T extends SystemKeys>(colorKeys: T[], style: {
|
|
18
18
|
readonly [key: string]: string;
|
|
19
|
-
}, prefix?: string) => Partial<Record<"surface-neutral-lowest" | "surface-neutral-lowest-hover" | "surface-neutral-low" | "surface-neutral-low-hover" | "surface-neutral-mid" | "surface-neutral-mid-hover" | "surface-neutral-high" | "surface-neutral-high-hover" | "surface-neutral-highest" | "surface-neutral-static-lowest" | "surface-neutral-static-lowest-hover" | "surface-neutral-variation-lowest" | "control-fill-neutral-lowest" | "control-fill-neutral-lowest-hover" | "control-fill-neutral-low" | "control-fill-neutral-low-hover" | "control-fill-neutral-mid" | "control-fill-neutral-mid-hover" | "control-fill-neutral-high" | "control-fill-neutral-high-hover" | "control-fill-neutral-highest" | "label-neutral-base" | "label-neutral-secondary" | "label-neutral-tertiary" | "label-neutral-quaternary" | "label-neutral-static" | "label-neutral-static-secondary" | "border-neutral-alpha-strong" | "border-neutral-alpha-normal" | "border-neutral-alpha-subtle" | "border-neutral-alpha-hint" | "border-neutral-strong" | "border-neutral-normal" | "border-neutral-subtle" | "surface-inverse-lowest" | "surface-inverse-lowest-hover" | "surface-inverse-low" | "surface-inverse-low-hover" | "surface-inverse-mid" | "surface-inverse-mid-hover" | "surface-inverse-high" | "surface-inverse-high-hover" | "surface-inverse-static-high" | "surface-inverse-static-high-hover" | "surface-inverse-highest" | "label-on-inverse-base" | "label-on-inverse-secondary" | "label-on-inverse-tertiary" | "label-on-inverse-quaternary" | "label-on-inverse-static-base" | "label-on-inverse-static-secondary" | "border-on-inverse-alpha-strong" | "border-on-inverse-alpha-normal" | "border-on-inverse-alpha-subtle" | "border-on-inverse-alpha-hint" | "border-on-inverse-strong" | "border-on-inverse-normal" | "border-on-inverse-subtle" | "control-fill-brand" | "control-fill-brand-hover" | "control-fill-brand-strong" | "control-fill-brand-faint" | "control-fill-brand-faint-hover" | "label-brand-base" | "label-brand-secondary" | "border-brand-normal" | "border-brand-strong" | "label-on-brand" | "brandinverse-fill-static-low" | "brandinverse-fill-static-low-hover" | "accent-label-base" | "accent-label-yellow" | "accent-label-mint" | "accent-label-cyan" | "accent-label-purple" | "accent-label-pink" | "accent-control-fill-base" | "positive-strong" | "negative-strong" | "negative-strong-hover" | "caution" | "caution-strong" | "caution-base" | "caution-faint" | "highlight" | "control-fill-selected" | "control-fill-drag" | "positive-faint" | "negative-faint" | "positive-base" | "negative-base" | "link" | "overlay-dim" | "background-default" | "background-subtle" | "control-fill-neutral-opaque-lowest" | "control-fill-neutral-opaque-lowest-hover" | "control-fill-neutral-opaque-low" | "control-fill-neutral-opaque-low-hover" | "control-fill-neutral-opaque-static-lowest" | "control-fill-neutral-lowest-pressed" | "control-fill-neutral-low-pressed" | "control-fill-neutral-mid-pressed" | "control-fill-neutral-high-pressed" | "control-fill-brand-pressed" | "control-fill-brand-faint-pressed" | "surface-neutral-lowest-pressed" | "surface-neutral-low-pressed" | "surface-neutral-mid-pressed" | "surface-neutral-static-lowest-pressed" | "surface-inverse-lowest-pressed" | "surface-inverse-low-pressed" | "surface-inverse-mid-pressed" | "surface-inverse-high-pressed" | "negative-strong-pressed" | "focus", string>>;
|
|
19
|
+
}, prefix?: string) => Partial<Record<"surface-neutral-lowest" | "surface-neutral-lowest-hover" | "surface-neutral-low" | "surface-neutral-low-hover" | "surface-neutral-mid" | "surface-neutral-mid-hover" | "surface-neutral-high" | "surface-neutral-high-hover" | "surface-neutral-highest" | "surface-neutral-static-lowest" | "surface-neutral-static-lowest-hover" | "surface-neutral-variation-lowest" | "control-fill-neutral-lowest" | "control-fill-neutral-lowest-hover" | "control-fill-neutral-low" | "control-fill-neutral-low-hover" | "control-fill-neutral-mid" | "control-fill-neutral-mid-hover" | "control-fill-neutral-high" | "control-fill-neutral-high-hover" | "control-fill-neutral-highest" | "label-neutral-base" | "label-neutral-secondary" | "label-neutral-tertiary" | "label-neutral-quaternary" | "label-neutral-static" | "label-neutral-static-secondary" | "border-neutral-alpha-strong" | "border-neutral-alpha-normal" | "border-neutral-alpha-subtle" | "border-neutral-alpha-hint" | "border-neutral-strong" | "border-neutral-normal" | "border-neutral-subtle" | "surface-inverse-lowest" | "surface-inverse-lowest-hover" | "surface-inverse-low" | "surface-inverse-low-hover" | "surface-inverse-mid" | "surface-inverse-mid-hover" | "surface-inverse-high" | "surface-inverse-high-hover" | "surface-inverse-static-high" | "surface-inverse-static-high-hover" | "surface-inverse-highest" | "label-on-inverse-base" | "label-on-inverse-secondary" | "label-on-inverse-tertiary" | "label-on-inverse-quaternary" | "label-on-inverse-static-base" | "label-on-inverse-static-secondary" | "border-on-inverse-alpha-strong" | "border-on-inverse-alpha-normal" | "border-on-inverse-alpha-subtle" | "border-on-inverse-alpha-hint" | "border-on-inverse-strong" | "border-on-inverse-normal" | "border-on-inverse-subtle" | "control-fill-brand" | "control-fill-brand-hover" | "control-fill-brand-strong" | "control-fill-brand-faint" | "control-fill-brand-faint-hover" | "label-brand-base" | "label-brand-secondary" | "border-brand-subtle" | "border-brand-normal" | "border-brand-strong" | "label-on-brand" | "brandinverse-fill-static-low" | "brandinverse-fill-static-low-hover" | "accent-label-base" | "accent-label-yellow" | "accent-label-mint" | "accent-label-cyan" | "accent-label-purple" | "accent-label-pink" | "accent-control-fill-base" | "positive-strong" | "negative-strong" | "negative-strong-hover" | "caution" | "caution-strong" | "caution-base" | "caution-faint" | "highlight" | "control-fill-selected" | "control-fill-drag" | "positive-faint" | "negative-faint" | "positive-base" | "negative-base" | "link" | "overlay-dim" | "background-default" | "background-subtle" | "control-fill-neutral-opaque-lowest" | "control-fill-neutral-opaque-lowest-hover" | "control-fill-neutral-opaque-low" | "control-fill-neutral-opaque-low-hover" | "control-fill-neutral-opaque-static-lowest" | "control-fill-neutral-lowest-pressed" | "control-fill-neutral-low-pressed" | "control-fill-neutral-mid-pressed" | "control-fill-neutral-high-pressed" | "control-fill-brand-pressed" | "control-fill-brand-faint-pressed" | "surface-neutral-lowest-pressed" | "surface-neutral-low-pressed" | "surface-neutral-mid-pressed" | "surface-neutral-static-lowest-pressed" | "surface-inverse-lowest-pressed" | "surface-inverse-low-pressed" | "surface-inverse-mid-pressed" | "surface-inverse-high-pressed" | "negative-strong-pressed" | "focus" | "disabled" | "label-disabled" | "control-fill-disabled" | "border-disabled", string>>;
|
|
20
20
|
declare const isEmptyObject: (obj: object) => boolean;
|
|
21
21
|
|
|
22
22
|
declare const DEFAULT_LEVEL_OPTIONS: readonly ["primary", "secondary", "tertiary", "quaternary", "quinary", "negative", "static", "inverse-static"];
|
package/lib/index.js
CHANGED
|
@@ -1497,25 +1497,25 @@ var style_module_default13 = {
|
|
|
1497
1497
|
|
|
1498
1498
|
// src/components/Select/style.module.scss
|
|
1499
1499
|
var style_module_default14 = {
|
|
1500
|
-
"root": "
|
|
1501
|
-
"label": "
|
|
1502
|
-
"requiredMark": "
|
|
1503
|
-
"srOnly": "
|
|
1504
|
-
"trigger": "
|
|
1505
|
-
"icon": "
|
|
1506
|
-
"triggerButton": "
|
|
1507
|
-
"errorMessage": "
|
|
1508
|
-
"errorText": "
|
|
1509
|
-
"content": "
|
|
1510
|
-
"fadeScaleIn": "
|
|
1511
|
-
"viewport": "
|
|
1512
|
-
"selectItem": "
|
|
1513
|
-
"primitiveItem": "
|
|
1514
|
-
"itemLabel": "
|
|
1515
|
-
"itemIndicator": "
|
|
1516
|
-
"trailingSlot": "
|
|
1517
|
-
"group": "
|
|
1518
|
-
"groupLabel": "
|
|
1500
|
+
"root": "_root_8r3ob_3",
|
|
1501
|
+
"label": "_label_8r3ob_35",
|
|
1502
|
+
"requiredMark": "_requiredMark_8r3ob_40",
|
|
1503
|
+
"srOnly": "_srOnly_8r3ob_45",
|
|
1504
|
+
"trigger": "_trigger_8r3ob_58",
|
|
1505
|
+
"icon": "_icon_8r3ob_94",
|
|
1506
|
+
"triggerButton": "_triggerButton_8r3ob_159",
|
|
1507
|
+
"errorMessage": "_errorMessage_8r3ob_203",
|
|
1508
|
+
"errorText": "_errorText_8r3ob_211",
|
|
1509
|
+
"content": "_content_8r3ob_220",
|
|
1510
|
+
"fadeScaleIn": "_fadeScaleIn_8r3ob_1",
|
|
1511
|
+
"viewport": "_viewport_8r3ob_251",
|
|
1512
|
+
"selectItem": "_selectItem_8r3ob_283",
|
|
1513
|
+
"primitiveItem": "_primitiveItem_8r3ob_336",
|
|
1514
|
+
"itemLabel": "_itemLabel_8r3ob_341",
|
|
1515
|
+
"itemIndicator": "_itemIndicator_8r3ob_346",
|
|
1516
|
+
"trailingSlot": "_trailingSlot_8r3ob_354",
|
|
1517
|
+
"group": "_group_8r3ob_367",
|
|
1518
|
+
"groupLabel": "_groupLabel_8r3ob_382"
|
|
1519
1519
|
};
|
|
1520
1520
|
|
|
1521
1521
|
// src/components/Select/index.tsx
|
|
@@ -2096,10 +2096,10 @@ ListItem.displayName = "ListItem";
|
|
|
2096
2096
|
|
|
2097
2097
|
// src/components/List/style.module.scss
|
|
2098
2098
|
var style_module_default15 = {
|
|
2099
|
-
"root": "
|
|
2100
|
-
"group": "
|
|
2101
|
-
"groupLabelContainer": "
|
|
2102
|
-
"groupLabel": "
|
|
2099
|
+
"root": "_root_w53p3_2",
|
|
2100
|
+
"group": "_group_w53p3_8",
|
|
2101
|
+
"groupLabelContainer": "_groupLabelContainer_w53p3_20",
|
|
2102
|
+
"groupLabel": "_groupLabel_w53p3_20"
|
|
2103
2103
|
};
|
|
2104
2104
|
|
|
2105
2105
|
// src/components/List/index.tsx
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@liner-fe/prism",
|
|
3
|
-
"version": "4.0
|
|
3
|
+
"version": "4.2.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"dependencies": {
|
|
@@ -21,9 +21,9 @@
|
|
|
21
21
|
"react-dom": "^19.1.0",
|
|
22
22
|
"sonner": "2.0.7",
|
|
23
23
|
"vaul": "1.1.2",
|
|
24
|
-
"@liner-fe/design-token
|
|
25
|
-
"@liner-fe/
|
|
26
|
-
"@liner-fe/
|
|
24
|
+
"@liner-fe/design-token": "^4.4.0",
|
|
25
|
+
"@liner-fe/design-token-primitive": "^1.4.0",
|
|
26
|
+
"@liner-fe/icon": "^2.2.0"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@chromatic-com/storybook": "^1.5.0",
|