@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.
Files changed (2) hide show
  1. package/index.esm.css +2 -57
  2. 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);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sunggang/ui-lib",
3
- "version": "0.1.33",
3
+ "version": "0.1.35",
4
4
  "dependencies": {
5
5
  "@radix-ui/react-popover": "^1.0.7",
6
6
  "@radix-ui/react-slot": "^1.0.2",