@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.
Files changed (3) hide show
  1. package/lib/index.css +86 -82
  2. package/lib/index.js +19 -19
  3. 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
- ._root_un7lw_3 {
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
- ._root_un7lw_3[data-trigger-type=select-button] {
1249
+ ._root_1x709_3[data-trigger-type=select-button] {
1250
1250
  gap: 0;
1251
1251
  }
1252
- ._root_un7lw_3[data-trigger-type=select-field][data-size=s] {
1252
+ ._root_1x709_3[data-trigger-type=select-field][data-size=s] {
1253
1253
  width: 200px;
1254
1254
  }
1255
- ._root_un7lw_3[data-trigger-type=select-field][data-size=l] {
1255
+ ._root_1x709_3[data-trigger-type=select-field][data-size=l] {
1256
1256
  width: 240px;
1257
1257
  }
1258
- ._root_un7lw_3[data-trigger-type=select-button][data-size=s] {
1258
+ ._root_1x709_3[data-trigger-type=select-button][data-size=s] {
1259
1259
  width: 105px;
1260
1260
  }
1261
- ._root_un7lw_3[data-trigger-type=select-button][data-size=m] {
1261
+ ._root_1x709_3[data-trigger-type=select-button][data-size=m] {
1262
1262
  width: 123px;
1263
1263
  }
1264
- ._label_un7lw_35 {
1264
+ ._label_1x709_35 {
1265
1265
  padding-block-end: var(--lp-sys-padding-component-100);
1266
1266
  margin: 0;
1267
1267
  }
1268
- ._requiredMark_un7lw_40 {
1268
+ ._requiredMark_1x709_40 {
1269
1269
  color: var(--function-label-negative);
1270
1270
  margin-inline-start: 2px;
1271
1271
  }
1272
- ._srOnly_un7lw_45 {
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
- ._trigger_un7lw_58 {
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
- ._trigger_un7lw_58:hover:not(:disabled),
1295
- ._trigger_un7lw_58:active:not(:disabled) {
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
- ._trigger_un7lw_58:focus-visible {
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
- ._trigger_un7lw_58 {
1305
+ ._trigger_1x709_58 {
1304
1306
  }
1305
- ._trigger_un7lw_58:disabled,
1306
- ._trigger_un7lw_58[data-disabled] {
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
- ._trigger_un7lw_58 {
1312
+ ._trigger_1x709_58 {
1311
1313
  }
1312
- ._trigger_un7lw_58[data-state=open] ._icon_un7lw_91 {
1314
+ ._trigger_1x709_58[data-state=open] ._icon_1x709_94 {
1313
1315
  transform: rotate(180deg);
1314
1316
  }
1315
- ._trigger_un7lw_58 ._icon_un7lw_91 {
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
- ._trigger_un7lw_58[data-trigger-type=select-field] {
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
- ._trigger_un7lw_58[data-trigger-type=select-field][data-size=s] {
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
- ._trigger_un7lw_58[data-trigger-type=select-field][data-size=m] {
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
- ._trigger_un7lw_58[data-trigger-type=select-field][data-size=l] {
1342
- height: 52px;
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
- ._trigger_un7lw_58[data-trigger-type=select-field] {
1348
+ ._trigger_1x709_58[data-trigger-type=select-field] {
1347
1349
  }
1348
- ._trigger_un7lw_58[data-trigger-type=select-field][data-placeholder] {
1350
+ ._trigger_1x709_58[data-trigger-type=select-field][data-placeholder] {
1349
1351
  color: var(--neutral-label-tertiary);
1350
1352
  }
1351
- ._trigger_un7lw_58[data-trigger-type=select-field] {
1353
+ ._trigger_1x709_58[data-trigger-type=select-field] {
1352
1354
  }
1353
- ._trigger_un7lw_58[data-trigger-type=select-field]:disabled,
1354
- ._trigger_un7lw_58[data-trigger-type=select-field][data-disabled] {
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
- ._trigger_un7lw_58 > span:not([class]) {
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
- ._triggerButton_un7lw_155 {
1367
+ ._triggerButton_1x709_159 {
1366
1368
  }
1367
- ._triggerButton_un7lw_155 > span {
1369
+ ._triggerButton_1x709_159 > span {
1368
1370
  width: 100%;
1369
1371
  justify-content: space-between !important;
1370
1372
  }
1371
- ._triggerButton_un7lw_155 {
1373
+ ._triggerButton_1x709_159 {
1372
1374
  }
1373
- ._triggerButton_un7lw_155 span:not([class]) {
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
- ._triggerButton_un7lw_155 {
1383
+ ._triggerButton_1x709_159 {
1382
1384
  }
1383
- ._triggerButton_un7lw_155[data-state=open] svg:last-child {
1385
+ ._triggerButton_1x709_159[data-state=open] svg:last-child {
1384
1386
  transform: rotate(180deg);
1385
1387
  }
1386
- ._triggerButton_un7lw_155 svg:last-child {
1388
+ ._triggerButton_1x709_159 svg:last-child {
1387
1389
  transition: transform 120ms ease;
1388
1390
  }
1389
- ._root_un7lw_3[data-error] ._trigger_un7lw_58[data-trigger-type=select-field] {
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
- ._trigger_un7lw_58 svg path,
1394
- ._triggerButton_un7lw_155 svg path {
1395
+ ._trigger_1x709_58 svg path,
1396
+ ._triggerButton_1x709_159 svg path {
1395
1397
  fill: currentColor !important;
1396
1398
  }
1397
- ._errorMessage_un7lw_199 {
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
- ._errorText_un7lw_207 {
1405
+ ._errorText_1x709_211 {
1404
1406
  margin: 0;
1405
1407
  line-height: 1;
1406
1408
  }
1407
- ._content_un7lw_216 {
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
- ._content_un7lw_216[data-state=open] {
1420
- animation: _fadeScaleIn_un7lw_1 120ms ease-out;
1421
+ ._content_1x709_220[data-state=open] {
1422
+ animation: _fadeScaleIn_1x709_1 120ms ease-out;
1421
1423
  }
1422
- ._content_un7lw_216[data-trigger-type=select-field] {
1424
+ ._content_1x709_220[data-trigger-type=select-field] {
1423
1425
  width: var(--radix-select-trigger-width);
1424
1426
  }
1425
- ._content_un7lw_216[data-trigger-type=select-button] {
1427
+ ._content_1x709_220[data-trigger-type=select-button] {
1426
1428
  width: 320px;
1427
1429
  }
1428
- ._viewport_un7lw_247 {
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
- ._viewport_un7lw_247::-webkit-scrollbar {
1436
+ ._viewport_1x709_251::-webkit-scrollbar {
1435
1437
  display: block !important;
1436
1438
  width: 7px;
1437
1439
  }
1438
- ._viewport_un7lw_247::-webkit-scrollbar-track {
1440
+ ._viewport_1x709_251::-webkit-scrollbar-track {
1439
1441
  background-color: transparent;
1440
1442
  }
1441
- ._viewport_un7lw_247::-webkit-scrollbar-thumb {
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 _fadeScaleIn_un7lw_1 {
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
- ._selectItem_un7lw_279 {
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
- ._selectItem_un7lw_279 span:not([class]) {
1470
+ ._selectItem_1x709_283 span:not([class]) {
1469
1471
  display: none;
1470
1472
  }
1471
- ._selectItem_un7lw_279[data-disabled] {
1473
+ ._selectItem_1x709_283[data-disabled] {
1472
1474
  cursor: not-allowed;
1473
1475
  color: var(--neutral-label-tertiary);
1474
1476
  }
1475
- ._selectItem_un7lw_279:hover:not([data-disabled]),
1476
- ._selectItem_un7lw_279[data-highlighted] {
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
- ._selectItem_un7lw_279:active:not([data-disabled]) {
1481
+ ._selectItem_1x709_283:active:not([data-disabled]) {
1480
1482
  background: var(--neutral-fill-overlay-lowest-hover);
1481
1483
  }
1482
- ._selectItem_un7lw_279 {
1484
+ ._selectItem_1x709_283 {
1483
1485
  }
1484
- ._selectItem_un7lw_279:focus-visible:not(:hover) {
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
- ._selectItem_un7lw_279[data-state=checked] {
1490
+ ._selectItem_1x709_283[data-state=checked] {
1489
1491
  padding-inline-end: var(--lp-sys-padding-component-200);
1490
1492
  }
1491
- ._selectItem_un7lw_279 [data-zone=leading] {
1493
+ ._selectItem_1x709_283 [data-zone=leading] {
1492
1494
  align-self: flex-start;
1493
1495
  }
1494
- ._selectItem_un7lw_279[data-state=checked] ._itemLabel_un7lw_331 {
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
- ._itemIndicator_un7lw_336 {
1500
+ ._itemIndicator_1x709_340 {
1499
1501
  flex-shrink: 0;
1500
1502
  display: flex;
1501
1503
  align-items: center;
1502
1504
  }
1503
- ._trailingSlot_un7lw_344 p,
1505
+ ._trailingSlot_1x709_348 p,
1504
1506
  [data-zone=leading] p {
1505
1507
  margin: 0;
1506
1508
  }
1507
- ._selectItem_un7lw_279[data-state=checked] ._trailingSlot_un7lw_344 {
1509
+ ._selectItem_1x709_283[data-state=checked] ._trailingSlot_1x709_348 {
1508
1510
  display: none;
1509
1511
  }
1510
- ._group_un7lw_357 {
1512
+ ._group_1x709_361 {
1511
1513
  display: flex;
1512
1514
  flex-direction: column;
1513
1515
  }
1514
- ._group_un7lw_357:not(:last-child) {
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
- ._group_un7lw_357 + ._group_un7lw_357 {
1520
+ ._group_1x709_361 + ._group_1x709_361 {
1519
1521
  padding-block-start: var(--lp-sys-padding-component-150);
1520
1522
  }
1521
- ._groupLabel_un7lw_372 {
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
- ._trigger_un7lw_58 ._icon_un7lw_91 {
1531
+ ._trigger_1x709_58 ._icon_1x709_94 {
1530
1532
  transition: none;
1531
1533
  }
1532
- ._content_un7lw_216[data-state=open] {
1534
+ ._content_1x709_220[data-state=open] {
1533
1535
  animation: none;
1534
1536
  }
1535
1537
  }
1536
1538
  @media (forced-colors: active) {
1537
- ._trigger_un7lw_58 {
1539
+ ._trigger_1x709_58 {
1538
1540
  border: 1px solid ButtonText;
1539
1541
  }
1540
- ._trigger_un7lw_58:focus-visible {
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
- ._root_k8bhx_2 {
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
- ._root_k8bhx_2:hover {
1559
+ ._root_1y0m7_2:hover {
1558
1560
  background: var(--neutral-fill-overlay-lowest-hover);
1559
1561
  }
1560
- ._root_k8bhx_2[data-highlighted] {
1562
+ ._root_1y0m7_2[data-highlighted] {
1561
1563
  background: var(--neutral-fill-overlay-lowest-hover);
1562
1564
  }
1563
- ._root_k8bhx_2:active {
1565
+ ._root_1y0m7_2:active {
1564
1566
  background: var(--neutral-fill-overlay-lowest-hover);
1565
1567
  }
1566
- ._root_k8bhx_2:focus-visible {
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
- ._root_k8bhx_2[data-state=checked] {
1575
+ ._root_1y0m7_2[data-state=checked] {
1572
1576
  background: var(--neutral-fill-overlay-low);
1573
1577
  }
1574
- ._root_k8bhx_2[data-disabled] {
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": "_root_un7lw_3",
1473
- "label": "_label_un7lw_35",
1474
- "requiredMark": "_requiredMark_un7lw_40",
1475
- "srOnly": "_srOnly_un7lw_45",
1476
- "trigger": "_trigger_un7lw_58",
1477
- "icon": "_icon_un7lw_91",
1478
- "triggerButton": "_triggerButton_un7lw_155",
1479
- "errorMessage": "_errorMessage_un7lw_199",
1480
- "errorText": "_errorText_un7lw_207",
1481
- "content": "_content_un7lw_216",
1482
- "fadeScaleIn": "_fadeScaleIn_un7lw_1",
1483
- "viewport": "_viewport_un7lw_247",
1484
- "selectItem": "_selectItem_un7lw_279",
1485
- "itemLabel": "_itemLabel_un7lw_331",
1486
- "itemIndicator": "_itemIndicator_un7lw_336",
1487
- "trailingSlot": "_trailingSlot_un7lw_344",
1488
- "group": "_group_un7lw_357",
1489
- "groupLabel": "_groupLabel_un7lw_372"
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": "_root_k8bhx_2"
1937
+ "root": "_root_1y0m7_2"
1938
1938
  };
1939
1939
 
1940
1940
  // src/components/ListItem/primitive/index.tsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@liner-fe/prism",
3
- "version": "3.5.2",
3
+ "version": "3.5.3",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "dependencies": {