@jbpark/ui-kit 3.3.0 → 3.4.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.
Files changed (68) hide show
  1. package/dist/Button.d.mts +12 -0
  2. package/dist/Button.d.mts.map +1 -1
  3. package/dist/Button.mjs +5 -2
  4. package/dist/Button.mjs.map +1 -1
  5. package/dist/components/atoms/checkbox/checkbox.d.mts +7 -3
  6. package/dist/components/atoms/checkbox/checkbox.d.mts.map +1 -1
  7. package/dist/components/atoms/checkbox/checkbox.mjs +17 -9
  8. package/dist/components/atoms/checkbox/checkbox.mjs.map +1 -1
  9. package/dist/components/atoms/checkbox/group.d.mts +8 -9
  10. package/dist/components/atoms/checkbox/group.d.mts.map +1 -1
  11. package/dist/components/atoms/checkbox/group.mjs +11 -12
  12. package/dist/components/atoms/checkbox/group.mjs.map +1 -1
  13. package/dist/components/atoms/color-picker.d.mts +6 -2
  14. package/dist/components/atoms/color-picker.d.mts.map +1 -1
  15. package/dist/components/atoms/color-picker.mjs +18 -10
  16. package/dist/components/atoms/color-picker.mjs.map +1 -1
  17. package/dist/components/atoms/date-picker.d.mts +2 -0
  18. package/dist/components/atoms/date-picker.d.mts.map +1 -1
  19. package/dist/components/atoms/date-picker.mjs +15 -9
  20. package/dist/components/atoms/date-picker.mjs.map +1 -1
  21. package/dist/components/atoms/float-button/back-top.d.mts +1 -0
  22. package/dist/components/atoms/float-button/back-top.d.mts.map +1 -1
  23. package/dist/components/atoms/float-button/back-top.mjs +11 -3
  24. package/dist/components/atoms/float-button/back-top.mjs.map +1 -1
  25. package/dist/components/atoms/input/input.d.mts +2 -1
  26. package/dist/components/atoms/input/input.d.mts.map +1 -1
  27. package/dist/components/atoms/input/input.mjs +5 -2
  28. package/dist/components/atoms/input/input.mjs.map +1 -1
  29. package/dist/components/atoms/input/search.d.mts +2 -0
  30. package/dist/components/atoms/input/search.d.mts.map +1 -1
  31. package/dist/components/atoms/input/search.mjs +9 -4
  32. package/dist/components/atoms/input/search.mjs.map +1 -1
  33. package/dist/components/atoms/option-group.d.mts +15 -0
  34. package/dist/components/atoms/option-group.d.mts.map +1 -0
  35. package/dist/components/atoms/option-group.mjs +9 -0
  36. package/dist/components/atoms/option-group.mjs.map +1 -0
  37. package/dist/components/atoms/popover.d.mts +6 -0
  38. package/dist/components/atoms/popover.d.mts.map +1 -1
  39. package/dist/components/atoms/popover.mjs +75 -160
  40. package/dist/components/atoms/popover.mjs.map +1 -1
  41. package/dist/components/atoms/radio/group.d.mts +6 -9
  42. package/dist/components/atoms/radio/group.d.mts.map +1 -1
  43. package/dist/components/atoms/radio/group.mjs +26 -23
  44. package/dist/components/atoms/radio/group.mjs.map +1 -1
  45. package/dist/components/atoms/radio/radio.d.mts +7 -3
  46. package/dist/components/atoms/radio/radio.d.mts.map +1 -1
  47. package/dist/components/atoms/radio/radio.mjs +18 -11
  48. package/dist/components/atoms/radio/radio.mjs.map +1 -1
  49. package/dist/components/atoms/select.d.mts +1 -1
  50. package/dist/components/atoms/select.d.mts.map +1 -1
  51. package/dist/components/atoms/select.mjs.map +1 -1
  52. package/dist/components/atoms/skeleton/button.mjs +2 -2
  53. package/dist/components/atoms/skeleton/button.mjs.map +1 -1
  54. package/dist/components/atoms/skeleton/skeleton.mjs +2 -2
  55. package/dist/components/atoms/skeleton/skeleton.mjs.map +1 -1
  56. package/dist/components/atoms/spin.d.mts +1 -2
  57. package/dist/components/atoms/spin.d.mts.map +1 -1
  58. package/dist/components/atoms/spin.mjs +12 -10
  59. package/dist/components/atoms/spin.mjs.map +1 -1
  60. package/dist/components/atoms/switch.d.mts.map +1 -1
  61. package/dist/components/atoms/switch.mjs +6 -8
  62. package/dist/components/atoms/switch.mjs.map +1 -1
  63. package/dist/core/radio-group.d.mts +5 -1
  64. package/dist/core/radio-group.d.mts.map +1 -1
  65. package/dist/core/radio-group.mjs +7 -1
  66. package/dist/core/radio-group.mjs.map +1 -1
  67. package/dist/style.css +8 -123
  68. package/package.json +2 -2
package/dist/style.css CHANGED
@@ -275,27 +275,15 @@
275
275
  .right-5 {
276
276
  right: calc(var(--spacing) * 5);
277
277
  }
278
- .right-full {
279
- right: 100%;
280
- }
281
- .bottom-4 {
282
- bottom: calc(var(--spacing) * 4);
283
- }
284
278
  .bottom-5 {
285
279
  bottom: calc(var(--spacing) * 5);
286
280
  }
287
- .bottom-full {
288
- bottom: 100%;
289
- }
290
281
  .left-0 {
291
282
  left: calc(var(--spacing) * 0);
292
283
  }
293
284
  .left-1\/2 {
294
285
  left: calc(1/2 * 100%);
295
286
  }
296
- .left-4 {
297
- left: calc(var(--spacing) * 4);
298
- }
299
287
  .left-\[50\%\] {
300
288
  left: 50%;
301
289
  }
@@ -893,6 +881,10 @@
893
881
  border-top-left-radius: 30px !important;
894
882
  border-top-right-radius: 30px !important;
895
883
  }
884
+ .rounded-t-lg {
885
+ border-top-left-radius: var(--radius);
886
+ border-top-right-radius: var(--radius);
887
+ }
896
888
  .rounded-l-lg {
897
889
  border-top-left-radius: var(--radius);
898
890
  border-bottom-left-radius: var(--radius);
@@ -917,6 +909,10 @@
917
909
  border-top-right-radius: 0;
918
910
  border-bottom-right-radius: 0;
919
911
  }
912
+ .rounded-b-lg {
913
+ border-bottom-right-radius: var(--radius);
914
+ border-bottom-left-radius: var(--radius);
915
+ }
920
916
  .border {
921
917
  border-style: var(--tw-border-style);
922
918
  border-width: 1px;
@@ -1621,42 +1617,6 @@
1621
1617
  position: absolute;
1622
1618
  }
1623
1619
  }
1624
- .before\:top-0 {
1625
- &::before {
1626
- content: var(--tw-content);
1627
- top: calc(var(--spacing) * 0);
1628
- }
1629
- }
1630
- .before\:top-1\/2 {
1631
- &::before {
1632
- content: var(--tw-content);
1633
- top: calc(1/2 * 100%);
1634
- }
1635
- }
1636
- .before\:right-0 {
1637
- &::before {
1638
- content: var(--tw-content);
1639
- right: calc(var(--spacing) * 0);
1640
- }
1641
- }
1642
- .before\:bottom-0 {
1643
- &::before {
1644
- content: var(--tw-content);
1645
- bottom: calc(var(--spacing) * 0);
1646
- }
1647
- }
1648
- .before\:left-0 {
1649
- &::before {
1650
- content: var(--tw-content);
1651
- left: calc(var(--spacing) * 0);
1652
- }
1653
- }
1654
- .before\:left-1\/2 {
1655
- &::before {
1656
- content: var(--tw-content);
1657
- left: calc(1/2 * 100%);
1658
- }
1659
- }
1660
1620
  .before\:h-0 {
1661
1621
  &::before {
1662
1622
  content: var(--tw-content);
@@ -1669,20 +1629,6 @@
1669
1629
  width: calc(var(--spacing) * 0);
1670
1630
  }
1671
1631
  }
1672
- .before\:-translate-x-1\/2 {
1673
- &::before {
1674
- content: var(--tw-content);
1675
- --tw-translate-x: calc(calc(1/2 * 100%) * -1);
1676
- translate: var(--tw-translate-x) var(--tw-translate-y);
1677
- }
1678
- }
1679
- .before\:-translate-y-1\/2 {
1680
- &::before {
1681
- content: var(--tw-content);
1682
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
1683
- translate: var(--tw-translate-x) var(--tw-translate-y);
1684
- }
1685
- }
1686
1632
  .before\:border-t-\[9px\] {
1687
1633
  &::before {
1688
1634
  content: var(--tw-content);
@@ -1777,66 +1723,12 @@
1777
1723
  inset-block: calc(var(--spacing) * 0);
1778
1724
  }
1779
1725
  }
1780
- .after\:-top-px {
1781
- &::after {
1782
- content: var(--tw-content);
1783
- top: -1px;
1784
- }
1785
- }
1786
- .after\:top-1\/2 {
1787
- &::after {
1788
- content: var(--tw-content);
1789
- top: calc(1/2 * 100%);
1790
- }
1791
- }
1792
- .after\:top-px {
1793
- &::after {
1794
- content: var(--tw-content);
1795
- top: 1px;
1796
- }
1797
- }
1798
- .after\:-right-px {
1799
- &::after {
1800
- content: var(--tw-content);
1801
- right: -1px;
1802
- }
1803
- }
1804
- .after\:right-px {
1805
- &::after {
1806
- content: var(--tw-content);
1807
- right: 1px;
1808
- }
1809
- }
1810
- .after\:-bottom-px {
1811
- &::after {
1812
- content: var(--tw-content);
1813
- bottom: -1px;
1814
- }
1815
- }
1816
- .after\:bottom-px {
1817
- &::after {
1818
- content: var(--tw-content);
1819
- bottom: 1px;
1820
- }
1821
- }
1822
- .after\:-left-px {
1823
- &::after {
1824
- content: var(--tw-content);
1825
- left: -1px;
1826
- }
1827
- }
1828
1726
  .after\:left-1\/2 {
1829
1727
  &::after {
1830
1728
  content: var(--tw-content);
1831
1729
  left: calc(1/2 * 100%);
1832
1730
  }
1833
1731
  }
1834
- .after\:left-px {
1835
- &::after {
1836
- content: var(--tw-content);
1837
- left: 1px;
1838
- }
1839
- }
1840
1732
  .after\:h-0 {
1841
1733
  &::after {
1842
1734
  content: var(--tw-content);
@@ -1862,13 +1754,6 @@
1862
1754
  translate: var(--tw-translate-x) var(--tw-translate-y);
1863
1755
  }
1864
1756
  }
1865
- .after\:-translate-y-1\/2 {
1866
- &::after {
1867
- content: var(--tw-content);
1868
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
1869
- translate: var(--tw-translate-x) var(--tw-translate-y);
1870
- }
1871
- }
1872
1757
  .after\:border-t-8 {
1873
1758
  &::after {
1874
1759
  content: var(--tw-content);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jbpark/ui-kit",
3
- "version": "3.3.0",
3
+ "version": "3.4.0",
4
4
  "description": "Modern React UI component library built with TypeScript, Tailwind CSS, and Radix UI. Featuring atoms, molecules, organisms and layout templates for building beautiful interfaces.",
5
5
  "keywords": [
6
6
  "react",
@@ -126,7 +126,7 @@
126
126
  },
127
127
  "dependencies": {
128
128
  "@gsap/react": "^2.1.2",
129
- "@jbpark/use-hooks": "^2.6.0",
129
+ "@jbpark/use-hooks": "^2.11.0",
130
130
  "@radix-ui/react-accordion": "^1.2.12",
131
131
  "@radix-ui/react-checkbox": "^1.3.3",
132
132
  "@radix-ui/react-dialog": "^1.1.15",