@liner-fe/prism 4.1.0 → 4.2.1

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 CHANGED
@@ -1283,36 +1283,36 @@
1283
1283
  }
1284
1284
 
1285
1285
  /* esbuild-sass-plugin:css-chunk:src/components/Select/style.module.scss */
1286
- ._root_g2jm0_3 {
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
- ._root_g2jm0_3[data-trigger-type=select-button] {
1292
+ ._root_8r3ob_3[data-trigger-type=select-button] {
1293
1293
  gap: 0;
1294
1294
  }
1295
- ._root_g2jm0_3[data-trigger-type=select-field][data-size=s] {
1295
+ ._root_8r3ob_3[data-trigger-type=select-field][data-size=s] {
1296
1296
  width: 200px;
1297
1297
  }
1298
- ._root_g2jm0_3[data-trigger-type=select-field][data-size=l] {
1298
+ ._root_8r3ob_3[data-trigger-type=select-field][data-size=l] {
1299
1299
  width: 240px;
1300
1300
  }
1301
- ._root_g2jm0_3[data-trigger-type=select-button][data-size=s] {
1301
+ ._root_8r3ob_3[data-trigger-type=select-button][data-size=s] {
1302
1302
  width: 105px;
1303
1303
  }
1304
- ._root_g2jm0_3[data-trigger-type=select-button][data-size=m] {
1304
+ ._root_8r3ob_3[data-trigger-type=select-button][data-size=m] {
1305
1305
  width: 123px;
1306
1306
  }
1307
- ._label_g2jm0_35 {
1307
+ ._label_8r3ob_35 {
1308
1308
  padding-block-end: var(--lp-sys-space-100);
1309
1309
  margin: 0;
1310
1310
  }
1311
- ._requiredMark_g2jm0_40 {
1311
+ ._requiredMark_8r3ob_40 {
1312
1312
  color: var(--negative-base);
1313
1313
  margin-inline-start: 2px;
1314
1314
  }
1315
- ._srOnly_g2jm0_45 {
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
- ._trigger_g2jm0_58 {
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-normal);
1332
+ border: 1px solid var(--border-neutral-subtle);
1333
1333
  cursor: pointer;
1334
1334
  font: inherit;
1335
1335
  text-align: start;
1336
1336
  }
1337
- ._trigger_g2jm0_58:hover:not(:disabled),
1338
- ._trigger_g2jm0_58:active:not(:disabled) {
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
- ._trigger_g2jm0_58 {
1342
+ ._trigger_8r3ob_58 {
1343
1343
  }
1344
- ._trigger_g2jm0_58:focus,
1345
- ._trigger_g2jm0_58:focus-visible {
1344
+ ._trigger_8r3ob_58:focus,
1345
+ ._trigger_8r3ob_58:focus-visible {
1346
1346
  outline: none;
1347
1347
  }
1348
- ._trigger_g2jm0_58 {
1348
+ ._trigger_8r3ob_58 {
1349
1349
  }
1350
- ._trigger_g2jm0_58:disabled,
1351
- ._trigger_g2jm0_58[data-disabled] {
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
- ._trigger_g2jm0_58 {
1355
+ ._trigger_8r3ob_58 {
1356
1356
  }
1357
- ._trigger_g2jm0_58[data-state=open] ._icon_g2jm0_94 {
1357
+ ._trigger_8r3ob_58[data-state=open] ._icon_8r3ob_94 {
1358
1358
  transform: rotate(180deg);
1359
1359
  }
1360
- ._trigger_g2jm0_58 ._icon_g2jm0_94 {
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
- ._trigger_g2jm0_58[data-trigger-type=select-field] {
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
- ._trigger_g2jm0_58[data-trigger-type=select-field][data-size=s] {
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
- ._trigger_g2jm0_58[data-trigger-type=select-field][data-size=m] {
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
- ._trigger_g2jm0_58[data-trigger-type=select-field][data-size=l] {
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
- ._trigger_g2jm0_58[data-trigger-type=select-field] {
1391
+ ._trigger_8r3ob_58[data-trigger-type=select-field] {
1392
1392
  }
1393
- ._trigger_g2jm0_58[data-trigger-type=select-field][data-placeholder] {
1393
+ ._trigger_8r3ob_58[data-trigger-type=select-field][data-placeholder] {
1394
1394
  color: var(--label-neutral-tertiary);
1395
1395
  }
1396
- ._trigger_g2jm0_58[data-trigger-type=select-field] {
1396
+ ._trigger_8r3ob_58[data-trigger-type=select-field] {
1397
1397
  }
1398
- ._trigger_g2jm0_58[data-trigger-type=select-field]:disabled,
1399
- ._trigger_g2jm0_58[data-trigger-type=select-field][data-disabled] {
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
- ._trigger_g2jm0_58 > span:not([class]) {
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
- ._triggerButton_g2jm0_159 {
1410
+ ._triggerButton_8r3ob_159 {
1411
1411
  }
1412
- ._triggerButton_g2jm0_159 > span {
1412
+ ._triggerButton_8r3ob_159 > span {
1413
1413
  width: 100%;
1414
1414
  justify-content: space-between !important;
1415
1415
  }
1416
- ._triggerButton_g2jm0_159 {
1416
+ ._triggerButton_8r3ob_159 {
1417
1417
  }
1418
- ._triggerButton_g2jm0_159 span:not([class]) {
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
- ._triggerButton_g2jm0_159 {
1426
+ ._triggerButton_8r3ob_159 {
1427
1427
  }
1428
- ._triggerButton_g2jm0_159[data-state=open] svg:last-child {
1428
+ ._triggerButton_8r3ob_159[data-state=open] svg:last-child {
1429
1429
  transform: rotate(180deg);
1430
1430
  }
1431
- ._triggerButton_g2jm0_159 svg:last-child {
1431
+ ._triggerButton_8r3ob_159 svg:last-child {
1432
1432
  transition: transform 120ms ease;
1433
1433
  }
1434
- ._root_g2jm0_3[data-error] ._trigger_g2jm0_58[data-trigger-type=select-field] {
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
- ._trigger_g2jm0_58 svg path,
1439
- ._triggerButton_g2jm0_159 svg path {
1438
+ ._trigger_8r3ob_58 svg path,
1439
+ ._triggerButton_8r3ob_159 svg path {
1440
1440
  fill: currentColor !important;
1441
1441
  }
1442
- ._errorMessage_g2jm0_203 {
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
- ._errorText_g2jm0_211 {
1448
+ ._errorText_8r3ob_211 {
1449
1449
  margin: 0;
1450
1450
  line-height: 1;
1451
1451
  }
1452
- ._content_g2jm0_220 {
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-normal);
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
- ._content_g2jm0_220[data-state=open] {
1465
- animation: _fadeScaleIn_g2jm0_1 120ms ease-out;
1464
+ ._content_8r3ob_220[data-state=open] {
1465
+ animation: _fadeScaleIn_8r3ob_1 120ms ease-out;
1466
1466
  }
1467
- ._content_g2jm0_220[data-trigger-type=select-field] {
1467
+ ._content_8r3ob_220[data-trigger-type=select-field] {
1468
1468
  width: var(--radix-select-trigger-width);
1469
1469
  }
1470
- ._content_g2jm0_220[data-trigger-type=select-button] {
1470
+ ._content_8r3ob_220[data-trigger-type=select-button] {
1471
1471
  width: 320px;
1472
1472
  }
1473
- ._viewport_g2jm0_251 {
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
- ._viewport_g2jm0_251::-webkit-scrollbar {
1479
+ ._viewport_8r3ob_251::-webkit-scrollbar {
1480
1480
  display: block !important;
1481
1481
  width: 7px;
1482
1482
  }
1483
- ._viewport_g2jm0_251::-webkit-scrollbar-track {
1483
+ ._viewport_8r3ob_251::-webkit-scrollbar-track {
1484
1484
  background-color: transparent;
1485
1485
  }
1486
- ._viewport_g2jm0_251::-webkit-scrollbar-thumb {
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 _fadeScaleIn_g2jm0_1 {
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
- ._selectItem_g2jm0_283 {
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
- ._selectItem_g2jm0_283 span:not([class]) {
1513
+ ._selectItem_8r3ob_283 span:not([class]) {
1514
1514
  display: none;
1515
1515
  }
1516
- ._selectItem_g2jm0_283[data-disabled] {
1516
+ ._selectItem_8r3ob_283[data-disabled] {
1517
1517
  cursor: not-allowed;
1518
1518
  color: var(--label-neutral-tertiary);
1519
1519
  }
1520
- ._selectItem_g2jm0_283:hover:not([data-disabled]),
1521
- ._selectItem_g2jm0_283[data-highlighted] {
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
- ._selectItem_g2jm0_283:active:not([data-disabled]) {
1524
+ ._selectItem_8r3ob_283:active:not([data-disabled]) {
1525
1525
  background: var(--control-fill-neutral-lowest-hover);
1526
1526
  }
1527
- ._selectItem_g2jm0_283 {
1527
+ ._selectItem_8r3ob_283 {
1528
1528
  }
1529
- ._selectItem_g2jm0_283:focus-visible:not(:hover) {
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
- ._selectItem_g2jm0_283[data-state=checked] {
1533
+ ._selectItem_8r3ob_283[data-state=checked] {
1534
1534
  padding-inline-end: var(--lp-sys-space-200);
1535
1535
  }
1536
- ._selectItem_g2jm0_283 [data-zone=leading] {
1536
+ ._selectItem_8r3ob_283 [data-zone=leading] {
1537
1537
  align-self: flex-start;
1538
1538
  }
1539
- ._primitiveItem_g2jm0_336 > span:not([class]) {
1539
+ ._primitiveItem_8r3ob_336 > span:not([class]) {
1540
1540
  display: none;
1541
1541
  }
1542
- ._selectItem_g2jm0_283[data-state=checked] ._itemLabel_g2jm0_341 {
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
- ._itemIndicator_g2jm0_346 {
1546
+ ._itemIndicator_8r3ob_346 {
1547
1547
  flex-shrink: 0;
1548
1548
  display: flex;
1549
1549
  align-items: center;
1550
1550
  }
1551
- ._trailingSlot_g2jm0_354 p,
1551
+ ._trailingSlot_8r3ob_354 p,
1552
1552
  [data-zone=leading] p {
1553
1553
  margin: 0;
1554
1554
  }
1555
- ._selectItem_g2jm0_283[data-state=checked] ._trailingSlot_g2jm0_354 {
1555
+ ._selectItem_8r3ob_283[data-state=checked] ._trailingSlot_8r3ob_354 {
1556
1556
  display: none;
1557
1557
  }
1558
- ._group_g2jm0_367 {
1558
+ ._group_8r3ob_367 {
1559
1559
  display: flex;
1560
1560
  flex-direction: column;
1561
1561
  }
1562
- ._group_g2jm0_367:not(:last-child) {
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
- ._group_g2jm0_367 + ._group_g2jm0_367 {
1566
+ ._group_8r3ob_367 + ._group_8r3ob_367 {
1567
1567
  padding-block-start: var(--lp-sys-space-150);
1568
1568
  }
1569
- ._groupLabel_g2jm0_382 {
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
- ._trigger_g2jm0_58 ._icon_g2jm0_94 {
1577
+ ._trigger_8r3ob_58 ._icon_8r3ob_94 {
1578
1578
  transition: none;
1579
1579
  }
1580
- ._content_g2jm0_220[data-state=open] {
1580
+ ._content_8r3ob_220[data-state=open] {
1581
1581
  animation: none;
1582
1582
  }
1583
1583
  }
1584
1584
  @media (forced-colors: active) {
1585
- ._trigger_g2jm0_58 {
1585
+ ._trigger_8r3ob_58 {
1586
1586
  border: 1px solid ButtonText;
1587
1587
  }
1588
- ._trigger_g2jm0_58:focus-visible {
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
- ._root_lgu43_2 {
1594
+ ._root_w53p3_2 {
1595
1595
  list-style: none;
1596
1596
  padding: 0;
1597
1597
  margin: 0;
1598
1598
  }
1599
- ._group_lgu43_8 {
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
- ._group_lgu43_8:not(:last-child) {
1606
- border-block-end: 1px solid var(--border-neutral-alpha-normal);
1605
+ ._group_w53p3_8:not(:last-child) {
1606
+ border-block-end: 1px solid var(--border-neutral-subtle);
1607
1607
  }
1608
- ._groupLabelContainer_lgu43_20 {
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
- ._groupLabel_lgu43_20 {
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" | "disabled" | "label-disabled" | "control-fill-disabled" | "border-disabled", 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"];
@@ -887,7 +887,7 @@ interface LogoProps {
887
887
  */
888
888
  height?: number;
889
889
  /**
890
- * 단색(테마 적응) 로고의 색 토큰. 기본 `label-brand-secondary`.
890
+ * 단색(테마 적응) 로고의 색 토큰. 기본 `label-neutral-base`.
891
891
  * 고정색 로고(badge 등)에는 무시된다.
892
892
  */
893
893
  fill?: BasicColorType;
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": "_root_g2jm0_3",
1501
- "label": "_label_g2jm0_35",
1502
- "requiredMark": "_requiredMark_g2jm0_40",
1503
- "srOnly": "_srOnly_g2jm0_45",
1504
- "trigger": "_trigger_g2jm0_58",
1505
- "icon": "_icon_g2jm0_94",
1506
- "triggerButton": "_triggerButton_g2jm0_159",
1507
- "errorMessage": "_errorMessage_g2jm0_203",
1508
- "errorText": "_errorText_g2jm0_211",
1509
- "content": "_content_g2jm0_220",
1510
- "fadeScaleIn": "_fadeScaleIn_g2jm0_1",
1511
- "viewport": "_viewport_g2jm0_251",
1512
- "selectItem": "_selectItem_g2jm0_283",
1513
- "primitiveItem": "_primitiveItem_g2jm0_336",
1514
- "itemLabel": "_itemLabel_g2jm0_341",
1515
- "itemIndicator": "_itemIndicator_g2jm0_346",
1516
- "trailingSlot": "_trailingSlot_g2jm0_354",
1517
- "group": "_group_g2jm0_367",
1518
- "groupLabel": "_groupLabel_g2jm0_382"
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": "_root_lgu43_2",
2100
- "group": "_group_lgu43_8",
2101
- "groupLabelContainer": "_groupLabelContainer_lgu43_20",
2102
- "groupLabel": "_groupLabel_lgu43_20"
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
@@ -2705,7 +2705,7 @@ var LOGOS = {
2705
2705
 
2706
2706
  // src/components/Logo/index.tsx
2707
2707
  import { jsx as jsx25 } from "react/jsx-runtime";
2708
- var Logo = /* @__PURE__ */ __name(({ name, height, fill = "label-brand-secondary", className }) => {
2708
+ var Logo = /* @__PURE__ */ __name(({ name, height, fill = "label-neutral-base", className }) => {
2709
2709
  const def = LOGOS[name];
2710
2710
  const [viewBoxWidth, viewBoxHeight] = def.viewBox;
2711
2711
  const renderHeight = height ?? viewBoxHeight;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@liner-fe/prism",
3
- "version": "4.1.0",
3
+ "version": "4.2.1",
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-primitive": "^1.3.0",
25
- "@liner-fe/design-token": "^4.3.0",
26
- "@liner-fe/icon": "^2.1.0"
24
+ "@liner-fe/design-token": "^4.4.1",
25
+ "@liner-fe/design-token-primitive": "^1.4.0",
26
+ "@liner-fe/icon": "^2.2.1"
27
27
  },
28
28
  "devDependencies": {
29
29
  "@chromatic-com/storybook": "^1.5.0",