@sunggang/ui-lib 0.1.33 → 0.1.35
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/index.esm.css +2 -57
- package/package.json +1 -1
package/index.esm.css
CHANGED
|
@@ -1413,170 +1413,134 @@ video {
|
|
|
1413
1413
|
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
1414
1414
|
}
|
|
1415
1415
|
|
|
1416
|
+
@import url('react-date-range/dist/styles.css');
|
|
1417
|
+
@import url('react-date-range/dist/theme/default.css');
|
|
1416
1418
|
/* gary */
|
|
1417
|
-
|
|
1418
1419
|
.first\:rounded-l-md:first-child {
|
|
1419
1420
|
border-top-left-radius: calc(var(--radius) - 2px);
|
|
1420
1421
|
border-bottom-left-radius: calc(var(--radius) - 2px);
|
|
1421
1422
|
}
|
|
1422
|
-
|
|
1423
1423
|
.first\:border-l:first-child {
|
|
1424
1424
|
border-left-width: 1px;
|
|
1425
1425
|
}
|
|
1426
|
-
|
|
1427
1426
|
.last\:rounded-r-md:last-child {
|
|
1428
1427
|
border-top-right-radius: calc(var(--radius) - 2px);
|
|
1429
1428
|
border-bottom-right-radius: calc(var(--radius) - 2px);
|
|
1430
1429
|
}
|
|
1431
|
-
|
|
1432
1430
|
.focus-within\:relative:focus-within {
|
|
1433
1431
|
position: relative;
|
|
1434
1432
|
}
|
|
1435
|
-
|
|
1436
1433
|
.focus-within\:z-20:focus-within {
|
|
1437
1434
|
z-index: 20;
|
|
1438
1435
|
}
|
|
1439
|
-
|
|
1440
1436
|
.hover\:bg-\[\#000\]:hover {
|
|
1441
1437
|
--tw-bg-opacity: 1;
|
|
1442
1438
|
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
|
1443
1439
|
}
|
|
1444
|
-
|
|
1445
1440
|
.hover\:bg-\[\#D9D9D9\]:hover {
|
|
1446
1441
|
--tw-bg-opacity: 1;
|
|
1447
1442
|
background-color: rgb(217 217 217 / var(--tw-bg-opacity));
|
|
1448
1443
|
}
|
|
1449
|
-
|
|
1450
1444
|
.hover\:bg-accent:hover {
|
|
1451
1445
|
background-color: hsl(var(--accent));
|
|
1452
1446
|
}
|
|
1453
|
-
|
|
1454
1447
|
.hover\:bg-destructive\/90:hover {
|
|
1455
1448
|
background-color: hsl(var(--destructive) / 0.9);
|
|
1456
1449
|
}
|
|
1457
|
-
|
|
1458
1450
|
.hover\:bg-primary\/90:hover {
|
|
1459
1451
|
background-color: hsl(var(--primary) / 0.9);
|
|
1460
1452
|
}
|
|
1461
|
-
|
|
1462
1453
|
.hover\:bg-secondary\/80:hover {
|
|
1463
1454
|
background-color: hsl(var(--secondary) / 0.8);
|
|
1464
1455
|
}
|
|
1465
|
-
|
|
1466
1456
|
.hover\:text-\[\#fff\]:hover {
|
|
1467
1457
|
--tw-text-opacity: 1;
|
|
1468
1458
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
1469
1459
|
}
|
|
1470
|
-
|
|
1471
1460
|
.hover\:text-accent-foreground:hover {
|
|
1472
1461
|
color: hsl(var(--accent-foreground));
|
|
1473
1462
|
}
|
|
1474
|
-
|
|
1475
1463
|
.hover\:underline:hover {
|
|
1476
1464
|
text-decoration-line: underline;
|
|
1477
1465
|
}
|
|
1478
|
-
|
|
1479
1466
|
.hover\:opacity-100:hover {
|
|
1480
1467
|
opacity: 1;
|
|
1481
1468
|
}
|
|
1482
|
-
|
|
1483
1469
|
.focus\:bg-\[\#000\]:focus {
|
|
1484
1470
|
--tw-bg-opacity: 1;
|
|
1485
1471
|
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
|
1486
1472
|
}
|
|
1487
|
-
|
|
1488
1473
|
.focus\:text-\[\#fff\]:focus {
|
|
1489
1474
|
--tw-text-opacity: 1;
|
|
1490
1475
|
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
1491
1476
|
}
|
|
1492
|
-
|
|
1493
1477
|
.focus-visible\:outline-none:focus-visible {
|
|
1494
1478
|
outline: 2px solid transparent;
|
|
1495
1479
|
outline-offset: 2px;
|
|
1496
1480
|
}
|
|
1497
|
-
|
|
1498
1481
|
.focus-visible\:ring-1:focus-visible {
|
|
1499
1482
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1500
1483
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
1501
1484
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
1502
1485
|
}
|
|
1503
|
-
|
|
1504
1486
|
.focus-visible\:ring-2:focus-visible {
|
|
1505
1487
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1506
1488
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
1507
1489
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
1508
1490
|
}
|
|
1509
|
-
|
|
1510
1491
|
.focus-visible\:ring-ring:focus-visible {
|
|
1511
1492
|
--tw-ring-color: hsl(var(--ring));
|
|
1512
1493
|
}
|
|
1513
|
-
|
|
1514
1494
|
.focus-visible\:ring-offset-2:focus-visible {
|
|
1515
1495
|
--tw-ring-offset-width: 2px;
|
|
1516
1496
|
}
|
|
1517
|
-
|
|
1518
1497
|
.focus-visible\:ring-offset-background:focus-visible {
|
|
1519
1498
|
--tw-ring-offset-color: hsl(var(--background));
|
|
1520
1499
|
}
|
|
1521
|
-
|
|
1522
1500
|
.disabled\:pointer-events-none:disabled {
|
|
1523
1501
|
pointer-events: none;
|
|
1524
1502
|
}
|
|
1525
|
-
|
|
1526
1503
|
.disabled\:cursor-not-allowed:disabled {
|
|
1527
1504
|
cursor: not-allowed;
|
|
1528
1505
|
}
|
|
1529
|
-
|
|
1530
1506
|
.disabled\:opacity-50:disabled {
|
|
1531
1507
|
opacity: 0.5;
|
|
1532
1508
|
}
|
|
1533
|
-
|
|
1534
1509
|
.has-\[\:disabled\]\:opacity-50:has(:disabled) {
|
|
1535
1510
|
opacity: 0.5;
|
|
1536
1511
|
}
|
|
1537
|
-
|
|
1538
1512
|
.aria-selected\:bg-accent[aria-selected="true"] {
|
|
1539
1513
|
background-color: hsl(var(--accent));
|
|
1540
1514
|
}
|
|
1541
|
-
|
|
1542
1515
|
.aria-selected\:bg-accent\/50[aria-selected="true"] {
|
|
1543
1516
|
background-color: hsl(var(--accent) / 0.5);
|
|
1544
1517
|
}
|
|
1545
|
-
|
|
1546
1518
|
.aria-selected\:text-accent-foreground[aria-selected="true"] {
|
|
1547
1519
|
color: hsl(var(--accent-foreground));
|
|
1548
1520
|
}
|
|
1549
|
-
|
|
1550
1521
|
.aria-selected\:text-muted-foreground[aria-selected="true"] {
|
|
1551
1522
|
color: hsl(var(--muted-foreground));
|
|
1552
1523
|
}
|
|
1553
|
-
|
|
1554
1524
|
.aria-selected\:opacity-100[aria-selected="true"] {
|
|
1555
1525
|
opacity: 1;
|
|
1556
1526
|
}
|
|
1557
|
-
|
|
1558
1527
|
.aria-selected\:opacity-30[aria-selected="true"] {
|
|
1559
1528
|
opacity: 0.3;
|
|
1560
1529
|
}
|
|
1561
|
-
|
|
1562
1530
|
.data-\[state\=checked\]\:translate-x-4[data-state=checked] {
|
|
1563
1531
|
--tw-translate-x: 1rem;
|
|
1564
1532
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1565
1533
|
}
|
|
1566
|
-
|
|
1567
1534
|
.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
|
|
1568
1535
|
--tw-translate-x: 0px;
|
|
1569
1536
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1570
1537
|
}
|
|
1571
|
-
|
|
1572
1538
|
.data-\[state\=checked\]\:bg-primary[data-state=checked] {
|
|
1573
1539
|
background-color: hsl(var(--primary));
|
|
1574
1540
|
}
|
|
1575
|
-
|
|
1576
1541
|
.data-\[state\=unchecked\]\:bg-input[data-state=unchecked] {
|
|
1577
1542
|
background-color: hsl(var(--input));
|
|
1578
1543
|
}
|
|
1579
|
-
|
|
1580
1544
|
.data-\[state\=open\]\:animate-in[data-state=open] {
|
|
1581
1545
|
animation-name: enter;
|
|
1582
1546
|
animation-duration: 150ms;
|
|
@@ -1586,7 +1550,6 @@ video {
|
|
|
1586
1550
|
--tw-enter-translate-x: initial;
|
|
1587
1551
|
--tw-enter-translate-y: initial;
|
|
1588
1552
|
}
|
|
1589
|
-
|
|
1590
1553
|
.data-\[state\=closed\]\:animate-out[data-state=closed] {
|
|
1591
1554
|
animation-name: exit;
|
|
1592
1555
|
animation-duration: 150ms;
|
|
@@ -1596,39 +1559,30 @@ video {
|
|
|
1596
1559
|
--tw-exit-translate-x: initial;
|
|
1597
1560
|
--tw-exit-translate-y: initial;
|
|
1598
1561
|
}
|
|
1599
|
-
|
|
1600
1562
|
.data-\[state\=closed\]\:fade-out-0[data-state=closed] {
|
|
1601
1563
|
--tw-exit-opacity: 0;
|
|
1602
1564
|
}
|
|
1603
|
-
|
|
1604
1565
|
.data-\[state\=open\]\:fade-in-0[data-state=open] {
|
|
1605
1566
|
--tw-enter-opacity: 0;
|
|
1606
1567
|
}
|
|
1607
|
-
|
|
1608
1568
|
.data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
|
|
1609
1569
|
--tw-exit-scale: .95;
|
|
1610
1570
|
}
|
|
1611
|
-
|
|
1612
1571
|
.data-\[state\=open\]\:zoom-in-95[data-state=open] {
|
|
1613
1572
|
--tw-enter-scale: .95;
|
|
1614
1573
|
}
|
|
1615
|
-
|
|
1616
1574
|
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom] {
|
|
1617
1575
|
--tw-enter-translate-y: -0.5rem;
|
|
1618
1576
|
}
|
|
1619
|
-
|
|
1620
1577
|
.data-\[side\=left\]\:slide-in-from-right-2[data-side=left] {
|
|
1621
1578
|
--tw-enter-translate-x: 0.5rem;
|
|
1622
1579
|
}
|
|
1623
|
-
|
|
1624
1580
|
.data-\[side\=right\]\:slide-in-from-left-2[data-side=right] {
|
|
1625
1581
|
--tw-enter-translate-x: -0.5rem;
|
|
1626
1582
|
}
|
|
1627
|
-
|
|
1628
1583
|
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top] {
|
|
1629
1584
|
--tw-enter-translate-y: 0.5rem;
|
|
1630
1585
|
}
|
|
1631
|
-
|
|
1632
1586
|
@media (min-width: 640px) {
|
|
1633
1587
|
|
|
1634
1588
|
.sm\:flex-row {
|
|
@@ -1647,7 +1601,6 @@ video {
|
|
|
1647
1601
|
margin-bottom: calc(0px * var(--tw-space-y-reverse));
|
|
1648
1602
|
}
|
|
1649
1603
|
}
|
|
1650
|
-
|
|
1651
1604
|
@media (min-width: 1024px) {
|
|
1652
1605
|
|
|
1653
1606
|
.lg\:flex {
|
|
@@ -1659,39 +1612,31 @@ video {
|
|
|
1659
1612
|
padding-right: 2rem;
|
|
1660
1613
|
}
|
|
1661
1614
|
}
|
|
1662
|
-
|
|
1663
1615
|
.\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end) {
|
|
1664
1616
|
border-top-right-radius: calc(var(--radius) - 2px);
|
|
1665
1617
|
border-bottom-right-radius: calc(var(--radius) - 2px);
|
|
1666
1618
|
}
|
|
1667
|
-
|
|
1668
1619
|
.\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start) {
|
|
1669
1620
|
border-top-left-radius: calc(var(--radius) - 2px);
|
|
1670
1621
|
border-bottom-left-radius: calc(var(--radius) - 2px);
|
|
1671
1622
|
}
|
|
1672
|
-
|
|
1673
1623
|
.\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]) {
|
|
1674
1624
|
border-radius: calc(var(--radius) - 2px);
|
|
1675
1625
|
}
|
|
1676
|
-
|
|
1677
1626
|
.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]) {
|
|
1678
1627
|
background-color: hsl(var(--accent));
|
|
1679
1628
|
}
|
|
1680
|
-
|
|
1681
1629
|
.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child {
|
|
1682
1630
|
border-top-left-radius: calc(var(--radius) - 2px);
|
|
1683
1631
|
border-bottom-left-radius: calc(var(--radius) - 2px);
|
|
1684
1632
|
}
|
|
1685
|
-
|
|
1686
1633
|
.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child {
|
|
1687
1634
|
border-top-right-radius: calc(var(--radius) - 2px);
|
|
1688
1635
|
border-bottom-right-radius: calc(var(--radius) - 2px);
|
|
1689
1636
|
}
|
|
1690
|
-
|
|
1691
1637
|
.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside) {
|
|
1692
1638
|
background-color: hsl(var(--accent) / 0.5);
|
|
1693
1639
|
}
|
|
1694
|
-
|
|
1695
1640
|
.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) {
|
|
1696
1641
|
border-top-right-radius: calc(var(--radius) - 2px);
|
|
1697
1642
|
border-bottom-right-radius: calc(var(--radius) - 2px);
|