@nextui-org/react 1.0.2-alpha.2 → 1.0.2-beta.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.
Files changed (102) hide show
  1. package/README.md +1 -2
  2. package/cjs/avatar/avatar-group.styles.d.ts +66 -0
  3. package/cjs/avatar/avatar.styles.d.ts +33 -0
  4. package/cjs/backdrop/backdrop.d.ts +1 -1
  5. package/cjs/backdrop/backdrop.styles.d.ts +99 -0
  6. package/cjs/button/button-group.styles.d.ts +33 -0
  7. package/cjs/button/button-icon.d.ts +33 -0
  8. package/cjs/button/button.styles.d.ts +34 -1
  9. package/cjs/button/button.styles.js +36 -5
  10. package/cjs/card/card.styles.d.ts +132 -0
  11. package/cjs/card/card.styles.js +3 -3
  12. package/cjs/checkbox/checkbox.js +1 -1
  13. package/cjs/checkbox/checkbox.styles.d.ts +297 -0
  14. package/cjs/code/code.styles.d.ts +66 -0
  15. package/cjs/col/col.styles.d.ts +33 -0
  16. package/cjs/collapse/collapse.d.ts +3 -1
  17. package/cjs/collapse/collapse.js +2 -1
  18. package/cjs/collapse/collapse.styles.d.ts +165 -0
  19. package/cjs/collapse/collapse.styles.js +4 -2
  20. package/cjs/container/container.styles.d.ts +33 -0
  21. package/cjs/divider/divider.styles.d.ts +66 -0
  22. package/cjs/grid/grid.styles.d.ts +66 -0
  23. package/cjs/image/image.styles.d.ts +99 -0
  24. package/cjs/input/input.js +1 -0
  25. package/cjs/input/input.styles.d.ts +363 -0
  26. package/cjs/link/link.styles.d.ts +66 -0
  27. package/cjs/loading/loading.styles.d.ts +198 -0
  28. package/cjs/modal/modal.styles.d.ts +198 -0
  29. package/cjs/pagination/pagination.styles.d.ts +198 -0
  30. package/cjs/progress/progress.styles.d.ts +66 -0
  31. package/cjs/radio/radio.styles.d.ts +198 -0
  32. package/cjs/row/row.styles.d.ts +33 -0
  33. package/cjs/snippet/snippet.styles.d.ts +132 -0
  34. package/cjs/spacer/spacer.styles.d.ts +33 -0
  35. package/cjs/switch/switch.styles.d.ts +132 -0
  36. package/cjs/text/child.d.ts +2 -0
  37. package/cjs/text/text.styles.d.ts +33 -0
  38. package/cjs/theme/common.d.ts +60 -0
  39. package/cjs/theme/common.js +13 -0
  40. package/cjs/theme/stitches.config.d.ts +298 -1
  41. package/cjs/theme/stitches.config.js +3 -2
  42. package/cjs/theme/theme-provider.js +3 -7
  43. package/cjs/theme/types.d.ts +1 -0
  44. package/cjs/tooltip/tooltip.d.ts +4 -1
  45. package/cjs/tooltip/tooltip.js +4 -2
  46. package/cjs/tooltip/tooltip.styles.d.ts +132 -0
  47. package/cjs/user/user.styles.d.ts +165 -0
  48. package/cjs/utils/drip.d.ts +33 -0
  49. package/esm/avatar/avatar-group.styles.d.ts +66 -0
  50. package/esm/avatar/avatar.styles.d.ts +33 -0
  51. package/esm/backdrop/backdrop.d.ts +1 -1
  52. package/esm/backdrop/backdrop.styles.d.ts +99 -0
  53. package/esm/button/button-group.styles.d.ts +33 -0
  54. package/esm/button/button-icon.d.ts +33 -0
  55. package/esm/button/button.styles.d.ts +34 -1
  56. package/esm/button/button.styles.js +36 -5
  57. package/esm/card/card.styles.d.ts +132 -0
  58. package/esm/card/card.styles.js +3 -3
  59. package/esm/checkbox/checkbox.js +1 -1
  60. package/esm/checkbox/checkbox.styles.d.ts +297 -0
  61. package/esm/code/code.styles.d.ts +66 -0
  62. package/esm/col/col.styles.d.ts +33 -0
  63. package/esm/collapse/collapse.d.ts +3 -1
  64. package/esm/collapse/collapse.js +2 -1
  65. package/esm/collapse/collapse.styles.d.ts +165 -0
  66. package/esm/collapse/collapse.styles.js +4 -2
  67. package/esm/container/container.styles.d.ts +33 -0
  68. package/esm/divider/divider.styles.d.ts +66 -0
  69. package/esm/grid/grid.styles.d.ts +66 -0
  70. package/esm/image/image.styles.d.ts +99 -0
  71. package/esm/input/input.js +1 -0
  72. package/esm/input/input.styles.d.ts +363 -0
  73. package/esm/link/link.styles.d.ts +66 -0
  74. package/esm/loading/loading.styles.d.ts +198 -0
  75. package/esm/modal/modal.styles.d.ts +198 -0
  76. package/esm/pagination/pagination.styles.d.ts +198 -0
  77. package/esm/progress/progress.styles.d.ts +66 -0
  78. package/esm/radio/radio.styles.d.ts +198 -0
  79. package/esm/row/row.styles.d.ts +33 -0
  80. package/esm/snippet/snippet.styles.d.ts +132 -0
  81. package/esm/spacer/spacer.styles.d.ts +33 -0
  82. package/esm/switch/switch.styles.d.ts +132 -0
  83. package/esm/text/child.d.ts +2 -0
  84. package/esm/text/text.styles.d.ts +33 -0
  85. package/esm/theme/common.d.ts +60 -0
  86. package/esm/theme/common.js +13 -0
  87. package/esm/theme/stitches.config.d.ts +298 -1
  88. package/esm/theme/stitches.config.js +3 -2
  89. package/esm/theme/theme-provider.js +3 -7
  90. package/esm/theme/types.d.ts +1 -0
  91. package/esm/tooltip/tooltip.d.ts +4 -1
  92. package/esm/tooltip/tooltip.js +4 -2
  93. package/esm/tooltip/tooltip.styles.d.ts +132 -0
  94. package/esm/user/user.styles.d.ts +165 -0
  95. package/esm/utils/drip.d.ts +33 -0
  96. package/package.json +1 -1
  97. package/umd/nextui.js +92 -90
  98. package/umd/nextui.min.js +1 -1
  99. package/cjs/theme/ssr-provider.d.ts +0 -7
  100. package/cjs/theme/ssr-provider.js +0 -51
  101. package/esm/theme/ssr-provider.d.ts +0 -7
  102. package/esm/theme/ssr-provider.js +0 -51
package/cjs/card/card.styles.d.ts CHANGED
@@ -835,6 +835,22 @@ export declare const StyledCardBody: import("@stitches/react/types/styled-compon
835
835
  readonly [$$PropertyValue]: "width";
836
836
  };
837
837
  };
838
+ minSize: (value: {
839
+ readonly [$$PropertyValue]: "width";
840
+ }) => {
841
+ minWidth: {
842
+ readonly [$$PropertyValue]: "width";
843
+ };
844
+ minHeight: {
845
+ readonly [$$PropertyValue]: "width";
846
+ };
847
+ width: {
848
+ readonly [$$PropertyValue]: "width";
849
+ };
850
+ height: {
851
+ readonly [$$PropertyValue]: "width";
852
+ };
853
+ };
838
854
  sizeMin: (value: {
839
855
  readonly [$$PropertyValue]: "width";
840
856
  }) => {
@@ -851,6 +867,16 @@ export declare const StyledCardBody: import("@stitches/react/types/styled-compon
851
867
  readonly [$$PropertyValue]: "width";
852
868
  };
853
869
  };
870
+ maxSize: (value: {
871
+ readonly [$$PropertyValue]: "width";
872
+ }) => {
873
+ maxWidth: {
874
+ readonly [$$PropertyValue]: "width";
875
+ };
876
+ maxHeight: {
877
+ readonly [$$PropertyValue]: "width";
878
+ };
879
+ };
854
880
  sizeMax: (value: {
855
881
  readonly [$$PropertyValue]: "width";
856
882
  }) => {
@@ -881,6 +907,13 @@ export declare const StyledCardBody: import("@stitches/react/types/styled-compon
881
907
  }) => {
882
908
  backgroundImage: string;
883
909
  };
910
+ tdl: (value: {
911
+ readonly [$$PropertyValue]: "textDecorationLine";
912
+ }) => {
913
+ textDecorationLine: {
914
+ readonly [$$PropertyValue]: "textDecorationLine";
915
+ };
916
+ };
884
917
  textGradient: (value: {
885
918
  readonly [$$PropertyValue]: "backgroundImage";
886
919
  }) => {
@@ -1735,6 +1768,22 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
1735
1768
  readonly [$$PropertyValue]: "width";
1736
1769
  };
1737
1770
  };
1771
+ minSize: (value: {
1772
+ readonly [$$PropertyValue]: "width";
1773
+ }) => {
1774
+ minWidth: {
1775
+ readonly [$$PropertyValue]: "width";
1776
+ };
1777
+ minHeight: {
1778
+ readonly [$$PropertyValue]: "width";
1779
+ };
1780
+ width: {
1781
+ readonly [$$PropertyValue]: "width";
1782
+ };
1783
+ height: {
1784
+ readonly [$$PropertyValue]: "width";
1785
+ };
1786
+ };
1738
1787
  sizeMin: (value: {
1739
1788
  readonly [$$PropertyValue]: "width";
1740
1789
  }) => {
@@ -1751,6 +1800,16 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
1751
1800
  readonly [$$PropertyValue]: "width";
1752
1801
  };
1753
1802
  };
1803
+ maxSize: (value: {
1804
+ readonly [$$PropertyValue]: "width";
1805
+ }) => {
1806
+ maxWidth: {
1807
+ readonly [$$PropertyValue]: "width";
1808
+ };
1809
+ maxHeight: {
1810
+ readonly [$$PropertyValue]: "width";
1811
+ };
1812
+ };
1754
1813
  sizeMax: (value: {
1755
1814
  readonly [$$PropertyValue]: "width";
1756
1815
  }) => {
@@ -1781,6 +1840,13 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
1781
1840
  }) => {
1782
1841
  backgroundImage: string;
1783
1842
  };
1843
+ tdl: (value: {
1844
+ readonly [$$PropertyValue]: "textDecorationLine";
1845
+ }) => {
1846
+ textDecorationLine: {
1847
+ readonly [$$PropertyValue]: "textDecorationLine";
1848
+ };
1849
+ };
1784
1850
  textGradient: (value: {
1785
1851
  readonly [$$PropertyValue]: "backgroundImage";
1786
1852
  }) => {
@@ -2625,6 +2691,22 @@ export declare const StyledCardHeader: import("@stitches/react/types/styled-comp
2625
2691
  readonly [$$PropertyValue]: "width";
2626
2692
  };
2627
2693
  };
2694
+ minSize: (value: {
2695
+ readonly [$$PropertyValue]: "width";
2696
+ }) => {
2697
+ minWidth: {
2698
+ readonly [$$PropertyValue]: "width";
2699
+ };
2700
+ minHeight: {
2701
+ readonly [$$PropertyValue]: "width";
2702
+ };
2703
+ width: {
2704
+ readonly [$$PropertyValue]: "width";
2705
+ };
2706
+ height: {
2707
+ readonly [$$PropertyValue]: "width";
2708
+ };
2709
+ };
2628
2710
  sizeMin: (value: {
2629
2711
  readonly [$$PropertyValue]: "width";
2630
2712
  }) => {
@@ -2641,6 +2723,16 @@ export declare const StyledCardHeader: import("@stitches/react/types/styled-comp
2641
2723
  readonly [$$PropertyValue]: "width";
2642
2724
  };
2643
2725
  };
2726
+ maxSize: (value: {
2727
+ readonly [$$PropertyValue]: "width";
2728
+ }) => {
2729
+ maxWidth: {
2730
+ readonly [$$PropertyValue]: "width";
2731
+ };
2732
+ maxHeight: {
2733
+ readonly [$$PropertyValue]: "width";
2734
+ };
2735
+ };
2644
2736
  sizeMax: (value: {
2645
2737
  readonly [$$PropertyValue]: "width";
2646
2738
  }) => {
@@ -2671,6 +2763,13 @@ export declare const StyledCardHeader: import("@stitches/react/types/styled-comp
2671
2763
  }) => {
2672
2764
  backgroundImage: string;
2673
2765
  };
2766
+ tdl: (value: {
2767
+ readonly [$$PropertyValue]: "textDecorationLine";
2768
+ }) => {
2769
+ textDecorationLine: {
2770
+ readonly [$$PropertyValue]: "textDecorationLine";
2771
+ };
2772
+ };
2674
2773
  textGradient: (value: {
2675
2774
  readonly [$$PropertyValue]: "backgroundImage";
2676
2775
  }) => {
@@ -3517,6 +3616,22 @@ export declare const StyledCardFooter: import("@stitches/react/types/styled-comp
3517
3616
  readonly [$$PropertyValue]: "width";
3518
3617
  };
3519
3618
  };
3619
+ minSize: (value: {
3620
+ readonly [$$PropertyValue]: "width";
3621
+ }) => {
3622
+ minWidth: {
3623
+ readonly [$$PropertyValue]: "width";
3624
+ };
3625
+ minHeight: {
3626
+ readonly [$$PropertyValue]: "width";
3627
+ };
3628
+ width: {
3629
+ readonly [$$PropertyValue]: "width";
3630
+ };
3631
+ height: {
3632
+ readonly [$$PropertyValue]: "width";
3633
+ };
3634
+ };
3520
3635
  sizeMin: (value: {
3521
3636
  readonly [$$PropertyValue]: "width";
3522
3637
  }) => {
@@ -3533,6 +3648,16 @@ export declare const StyledCardFooter: import("@stitches/react/types/styled-comp
3533
3648
  readonly [$$PropertyValue]: "width";
3534
3649
  };
3535
3650
  };
3651
+ maxSize: (value: {
3652
+ readonly [$$PropertyValue]: "width";
3653
+ }) => {
3654
+ maxWidth: {
3655
+ readonly [$$PropertyValue]: "width";
3656
+ };
3657
+ maxHeight: {
3658
+ readonly [$$PropertyValue]: "width";
3659
+ };
3660
+ };
3536
3661
  sizeMax: (value: {
3537
3662
  readonly [$$PropertyValue]: "width";
3538
3663
  }) => {
@@ -3563,6 +3688,13 @@ export declare const StyledCardFooter: import("@stitches/react/types/styled-comp
3563
3688
  }) => {
3564
3689
  backgroundImage: string;
3565
3690
  };
3691
+ tdl: (value: {
3692
+ readonly [$$PropertyValue]: "textDecorationLine";
3693
+ }) => {
3694
+ textDecorationLine: {
3695
+ readonly [$$PropertyValue]: "textDecorationLine";
3696
+ };
3697
+ };
3566
3698
  textGradient: (value: {
3567
3699
  readonly [$$PropertyValue]: "backgroundImage";
3568
3700
  }) => {
package/cjs/card/card.styles.js CHANGED
@@ -42,7 +42,7 @@ const StyledCard = (0, _stitches.styled)('div', {
42
42
  '@motion': {
43
43
  transition: 'none'
44
44
  },
45
- 'img, .nextui-image': {
45
+ '.nextui-image': {
46
46
  width: '100%'
47
47
  },
48
48
  [`& ${_drip.StyledDrip}`]: {
@@ -156,7 +156,7 @@ const StyledCard = (0, _stitches.styled)('div', {
156
156
  },
157
157
  cover: {
158
158
  true: {
159
- 'img, .nextui-image': {
159
+ '.nextui-image': {
160
160
  objectFit: 'cover !important' // TODO: remove important when image be styled
161
161
 
162
162
  },
@@ -165,7 +165,7 @@ const StyledCard = (0, _stitches.styled)('div', {
165
165
  }
166
166
  },
167
167
  false: {
168
- 'img, .nextui-image, .nextui-image-container': {
168
+ '.nextui-image, .nextui-image-container': {
169
169
  bblr: '0 !important',
170
170
  // TODO: remove important when image be styled
171
171
  bbrr: '0 !important'
package/cjs/checkbox/checkbox.js CHANGED
@@ -167,7 +167,7 @@ const Checkbox = ({
167
167
  })]
168
168
  })
169
169
  })]
170
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.StyledCheckboxText, {
170
+ }), (children || label) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.StyledCheckboxText, {
171
171
  className: "nextui-checkbox-text",
172
172
  color: textColor,
173
173
  line: line,