react-miui 0.27.7 → 0.27.9

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 (215) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/components/form/Checkbox.js +17 -7
  3. package/dist/components/form/Checkbox.js.map +1 -1
  4. package/dist/components/form/Checkbox.stories.js +17 -7
  5. package/dist/components/form/Checkbox.stories.js.map +1 -1
  6. package/dist/components/form/Checkbox.styled.d.ts +174 -174
  7. package/dist/components/form/Select.styled.d.ts +58 -58
  8. package/dist/components/form/Suggestions.d.ts.map +1 -1
  9. package/dist/components/form/Toggle.js +17 -7
  10. package/dist/components/form/Toggle.js.map +1 -1
  11. package/dist/components/form/choice/Choice.d.ts.map +1 -1
  12. package/dist/components/form/choice/ChoiceItem.d.ts.map +1 -1
  13. package/dist/components/form/choice/ChoiceItem.js +17 -7
  14. package/dist/components/form/choice/ChoiceItem.js.map +1 -1
  15. package/dist/components/form/input/Input.d.ts.map +1 -1
  16. package/dist/components/form/input/Input.js +17 -7
  17. package/dist/components/form/input/Input.js.map +1 -1
  18. package/dist/components/form/input/Input.styled.d.ts +232 -232
  19. package/dist/components/form/textarea/TextArea.js +17 -7
  20. package/dist/components/form/textarea/TextArea.js.map +1 -1
  21. package/dist/components/form/textarea/TextArea.styled.d.ts +58 -58
  22. package/dist/components/layout/header/Header.styled.d.ts +232 -232
  23. package/dist/components/layout/header/HeaderIconAction.styled.d.ts +174 -174
  24. package/dist/components/layout/header/StickyHeader.js +17 -7
  25. package/dist/components/layout/header/StickyHeader.js.map +1 -1
  26. package/dist/components/layout/header/StickyHeader.stories.js +17 -7
  27. package/dist/components/layout/header/StickyHeader.stories.js.map +1 -1
  28. package/dist/components/layout/header/StickyHeader.styled.d.ts +116 -116
  29. package/dist/components/layout/list/Header.d.ts +116 -116
  30. package/dist/components/layout/list/Item.d.ts +4 -87
  31. package/dist/components/layout/list/Item.d.ts.map +1 -1
  32. package/dist/components/layout/list/Item.js +40 -71
  33. package/dist/components/layout/list/Item.js.map +1 -1
  34. package/dist/components/layout/list/Item.stories.d.ts +2 -1
  35. package/dist/components/layout/list/Item.stories.d.ts.map +1 -1
  36. package/dist/components/layout/list/Item.stories.js +49 -9
  37. package/dist/components/layout/list/Item.stories.js.map +1 -1
  38. package/dist/components/layout/list/Item.styled.d.ts +337 -0
  39. package/dist/components/layout/list/Item.styled.d.ts.map +1 -0
  40. package/dist/components/layout/list/Item.styled.js +55 -0
  41. package/dist/components/layout/list/Item.styled.js.map +1 -0
  42. package/dist/components/layout/list/Label.d.ts +58 -58
  43. package/dist/components/layout/list/List.d.ts +58 -58
  44. package/dist/components/layout/list/Value.d.ts +58 -58
  45. package/dist/components/layout/section/Section.d.ts +58 -58
  46. package/dist/components/layout/section/SectionContainer.d.ts +58 -58
  47. package/dist/components/layout/table/Table.styled.d.ts +58 -58
  48. package/dist/components/native/index.d.ts +58 -58
  49. package/dist/components/ui/action/Action.styled.d.ts +232 -232
  50. package/dist/components/ui/button/Button.stories.js +17 -7
  51. package/dist/components/ui/button/Button.stories.js.map +1 -1
  52. package/dist/components/ui/button/Button.styled.d.ts +58 -58
  53. package/dist/components/ui/drawer/Drawer.js +17 -7
  54. package/dist/components/ui/drawer/Drawer.js.map +1 -1
  55. package/dist/components/ui/line/Line.d.ts +58 -58
  56. package/dist/components/ui/loader/Loader.js +17 -7
  57. package/dist/components/ui/loader/Loader.js.map +1 -1
  58. package/dist/components/ui/message/Message.styled.d.ts +58 -58
  59. package/dist/components/ui/modal/Modal.js +17 -7
  60. package/dist/components/ui/modal/Modal.js.map +1 -1
  61. package/dist/components/ui/modal/Modal.stories.js +17 -7
  62. package/dist/components/ui/modal/Modal.stories.js.map +1 -1
  63. package/dist/components/ui/modal/Modal.styled.d.ts +232 -232
  64. package/dist/components/ui/modal/ModalButtons.styled.d.ts +116 -116
  65. package/dist/components/ui/pop/OnButtonClick.js +17 -7
  66. package/dist/components/ui/pop/OnButtonClick.js.map +1 -1
  67. package/dist/components/ui/pop/Pop.js +17 -7
  68. package/dist/components/ui/pop/Pop.js.map +1 -1
  69. package/dist/components/ui/pop/Pop.stories.js +17 -7
  70. package/dist/components/ui/pop/Pop.stories.js.map +1 -1
  71. package/dist/components/ui/pop/Pop.styled.d.ts +348 -348
  72. package/dist/components/ui/progress/Progress.styled.d.ts +174 -174
  73. package/dist/components/ui/tabs/Item.js +17 -7
  74. package/dist/components/ui/tabs/Item.js.map +1 -1
  75. package/dist/components/ui/tabs/Selector.d.ts.map +1 -1
  76. package/dist/components/ui/tabs/Selector.js +17 -7
  77. package/dist/components/ui/tabs/Selector.js.map +1 -1
  78. package/dist/components/ui/toaster/Notification.js +17 -7
  79. package/dist/components/ui/toaster/Notification.js.map +1 -1
  80. package/dist/components/ui/toaster/Toaster.js +17 -7
  81. package/dist/components/ui/toaster/Toaster.js.map +1 -1
  82. package/dist/components/ui/toaster/Toaster.styled.d.ts +58 -58
  83. package/dist/components/ui/toolButton/ToolButton.styled.d.ts +58 -58
  84. package/dist/theme.d.ts +406 -406
  85. package/dist/theme.d.ts.map +1 -1
  86. package/dist/utils/makeVariants.d.ts.map +1 -1
  87. package/dist/utils/toObjectValue.d.ts.map +1 -1
  88. package/dist/utils/useKeyPress.d.ts.map +1 -1
  89. package/docs/classes/Drawer.html +30 -30
  90. package/docs/classes/Pop.html +32 -32
  91. package/docs/classes/ToasterProvider.html +29 -29
  92. package/docs/enums/ICON.html +14 -14
  93. package/docs/functions/Action.html +5 -5
  94. package/docs/functions/Button.html +5 -5
  95. package/docs/functions/Card.html +5 -5
  96. package/docs/functions/Checkbox.html +5 -5
  97. package/docs/functions/Choice.html +5 -5
  98. package/docs/functions/CoveringLoader.html +5 -5
  99. package/docs/functions/DirectionPad.html +5 -5
  100. package/docs/functions/EqualActions.html +5 -5
  101. package/docs/functions/FullLoader.html +5 -5
  102. package/docs/functions/HandleEsc.html +5 -5
  103. package/docs/functions/Header.html +5 -5
  104. package/docs/functions/HeaderIconAction.html +5 -5
  105. package/docs/functions/Icon-1.html +5 -5
  106. package/docs/functions/If.html +5 -5
  107. package/docs/functions/Input.html +5 -5
  108. package/docs/functions/KeyValue.html +5 -5
  109. package/docs/functions/Label.html +5 -5
  110. package/docs/functions/Line.html +5 -5
  111. package/docs/functions/List-1.html +5 -5
  112. package/docs/functions/Loader.html +5 -5
  113. package/docs/functions/Loading.html +5 -5
  114. package/docs/functions/Message.html +5 -5
  115. package/docs/functions/Modal-1.html +5 -5
  116. package/docs/functions/ModalButtons.html +5 -5
  117. package/docs/functions/PopLoader.html +5 -5
  118. package/docs/functions/PopOption.html +5 -5
  119. package/docs/functions/Progress.html +5 -5
  120. package/docs/functions/SearchContainer.html +5 -5
  121. package/docs/functions/Section.html +5 -5
  122. package/docs/functions/Select.html +5 -5
  123. package/docs/functions/Selector.html +5 -5
  124. package/docs/functions/Spacer.html +5 -5
  125. package/docs/functions/Stats.html +5 -5
  126. package/docs/functions/StickyHeader.html +5 -5
  127. package/docs/functions/Table.html +5 -5
  128. package/docs/functions/TextArea.html +5 -5
  129. package/docs/functions/Toggle.html +5 -5
  130. package/docs/functions/ToolButton.html +5 -5
  131. package/docs/functions/borderPxToRem.html +5 -5
  132. package/docs/functions/createTheme.html +4 -4
  133. package/docs/functions/css.html +4 -4
  134. package/docs/functions/dimensionsPxToRem.html +5 -5
  135. package/docs/functions/fontPxToRem.html +5 -5
  136. package/docs/functions/getCssText.html +4 -4
  137. package/docs/functions/globalCss.html +4 -4
  138. package/docs/functions/keyframes.html +4 -4
  139. package/docs/functions/pxToRem.html +5 -5
  140. package/docs/functions/styled.html +4 -4
  141. package/docs/functions/useToaster.html +5 -5
  142. package/docs/index.html +4 -4
  143. package/docs/interfaces/ChoiceProps.html +11 -11
  144. package/docs/interfaces/IconProps.html +7 -7
  145. package/docs/interfaces/InputCustomProps.html +11 -11
  146. package/docs/interfaces/StickyHeaderProps.html +9 -9
  147. package/docs/modules/List.html +7 -7
  148. package/docs/modules/Modal.html +6 -6
  149. package/docs/modules.html +4 -4
  150. package/docs/pages/tutorials/Test.html +4 -4
  151. package/docs/types/ActionProps.html +5 -5
  152. package/docs/types/InputProps.html +5 -5
  153. package/docs/types/OverwriteProps.html +5 -5
  154. package/docs/types/ThemeCSS.html +5 -5
  155. package/docs/variables/BackgroundClassName.html +5 -5
  156. package/docs/variables/List.Header.html +5 -5
  157. package/docs/variables/List.Item.html +5 -5
  158. package/docs/variables/Modal.RemovePadding.html +5 -5
  159. package/docs/variables/ValueClassName.html +5 -5
  160. package/docs/variables/config.html +5 -5
  161. package/docs/variables/cssReset.html +5 -5
  162. package/docs/variables/miuiScrollbars.html +5 -5
  163. package/docs/variables/theme.html +5 -5
  164. package/esm/components/form/Checkbox.styled.d.ts +174 -174
  165. package/esm/components/form/Select.styled.d.ts +58 -58
  166. package/esm/components/form/Suggestions.d.ts.map +1 -1
  167. package/esm/components/form/choice/Choice.d.ts.map +1 -1
  168. package/esm/components/form/choice/ChoiceItem.d.ts.map +1 -1
  169. package/esm/components/form/input/Input.d.ts.map +1 -1
  170. package/esm/components/form/input/Input.styled.d.ts +232 -232
  171. package/esm/components/form/textarea/TextArea.styled.d.ts +58 -58
  172. package/esm/components/layout/header/Header.styled.d.ts +232 -232
  173. package/esm/components/layout/header/HeaderIconAction.styled.d.ts +174 -174
  174. package/esm/components/layout/header/StickyHeader.styled.d.ts +116 -116
  175. package/esm/components/layout/list/Header.d.ts +116 -116
  176. package/esm/components/layout/list/Item.d.ts +4 -87
  177. package/esm/components/layout/list/Item.d.ts.map +1 -1
  178. package/esm/components/layout/list/Item.js +34 -65
  179. package/esm/components/layout/list/Item.js.map +1 -1
  180. package/esm/components/layout/list/Item.stories.d.ts +2 -1
  181. package/esm/components/layout/list/Item.stories.d.ts.map +1 -1
  182. package/esm/components/layout/list/Item.stories.js +52 -9
  183. package/esm/components/layout/list/Item.stories.js.map +1 -1
  184. package/esm/components/layout/list/Item.styled.d.ts +337 -0
  185. package/esm/components/layout/list/Item.styled.d.ts.map +1 -0
  186. package/esm/components/layout/list/Item.styled.js +49 -0
  187. package/esm/components/layout/list/Item.styled.js.map +1 -0
  188. package/esm/components/layout/list/Label.d.ts +58 -58
  189. package/esm/components/layout/list/List.d.ts +58 -58
  190. package/esm/components/layout/list/Value.d.ts +58 -58
  191. package/esm/components/layout/section/Section.d.ts +58 -58
  192. package/esm/components/layout/section/SectionContainer.d.ts +58 -58
  193. package/esm/components/layout/table/Table.styled.d.ts +58 -58
  194. package/esm/components/native/index.d.ts +58 -58
  195. package/esm/components/ui/action/Action.styled.d.ts +232 -232
  196. package/esm/components/ui/button/Button.styled.d.ts +58 -58
  197. package/esm/components/ui/line/Line.d.ts +58 -58
  198. package/esm/components/ui/message/Message.styled.d.ts +58 -58
  199. package/esm/components/ui/modal/Modal.styled.d.ts +232 -232
  200. package/esm/components/ui/modal/ModalButtons.styled.d.ts +116 -116
  201. package/esm/components/ui/pop/Pop.styled.d.ts +348 -348
  202. package/esm/components/ui/progress/Progress.styled.d.ts +174 -174
  203. package/esm/components/ui/tabs/Selector.d.ts.map +1 -1
  204. package/esm/components/ui/toaster/Toaster.styled.d.ts +58 -58
  205. package/esm/components/ui/toolButton/ToolButton.styled.d.ts +58 -58
  206. package/esm/theme.d.ts +406 -406
  207. package/esm/theme.d.ts.map +1 -1
  208. package/esm/utils/makeVariants.d.ts.map +1 -1
  209. package/esm/utils/toObjectValue.d.ts.map +1 -1
  210. package/esm/utils/useKeyPress.d.ts.map +1 -1
  211. package/package.json +3 -3
  212. package/pnpm-lock.yaml +7530 -6066
  213. package/src/components/layout/list/Item.stories.tsx +72 -5
  214. package/src/components/layout/list/Item.styled.ts +61 -0
  215. package/src/components/layout/list/Item.tsx +41 -79
@@ -2,64 +2,64 @@ declare const Line: import("@stitches/react/types/styled-component").StyledCompo
2
2
  vertical?: boolean | "true";
3
3
  }, {}, import("@stitches/react/types/css-util").CSS<{}, {
4
4
  colors: {
5
- background: string;
6
- mainColor: string;
7
- mainColorAlt: string;
8
- activeBg: string;
9
- inactiveBg: string;
10
- inactiveDarkBg: string;
11
- toggleHandleBg: string;
12
- toggleHandleBorder: string;
13
- toggleBgDisabled: string;
14
- toggleHandleBorderDisabled: string;
15
- toggleHandleBgDisabled: string;
16
- icon: string;
17
- border: string;
18
- buttonBorder: string;
19
- headerBorder: string;
20
- headerBg: string;
21
- headerText: string;
22
- text: string;
23
- sub: string;
24
- popText: string;
25
- toolbarBorder: string;
26
- toolbarBg: string;
27
- modalBg: string;
28
- modalButtonBg: string;
29
- modalButtonBorder: string;
30
- inputDisabledBg: string;
31
- inputDisabledText: string;
32
- choiceBg: string;
33
- choiceText: string;
34
- choiceActiveBg: string;
35
- choiceActiveText: string;
36
- choiceBorder: string;
37
- selectorText: string;
38
- selectorActive: string;
39
- blue1: string;
40
- blue2: string;
41
- blue3: string;
42
- blue4: string;
43
- blue5: string;
44
- orange1: string;
45
- orange1Darker: string;
46
- purple1: string;
47
- green1: string;
48
- green1Darker: string;
49
- pink1: string;
50
- red1: string;
51
- yellow1: string;
52
- yellow2: string;
53
- yellow3: string;
54
- pinky1: string;
55
- pinky2: string;
56
- pinky3: string;
57
- grey1: string;
58
- focusColor: string;
59
- scrollbarsThumb: string;
60
- scrollbarsBg: string;
61
- tableStripedBg: string;
62
- toolButtonText: string;
5
+ background: "white";
6
+ mainColor: "#008ad2";
7
+ mainColorAlt: "#006AA9";
8
+ activeBg: "#e7e7e7";
9
+ inactiveBg: "#d3d3de";
10
+ inactiveDarkBg: "#999";
11
+ toggleHandleBg: "#e0e0e0";
12
+ toggleHandleBorder: "#cdcdcd";
13
+ toggleBgDisabled: "#f0f0f0";
14
+ toggleHandleBorderDisabled: "#c29f7d";
15
+ toggleHandleBgDisabled: "#deae84";
16
+ icon: "#636363";
17
+ border: "#d5d5d5";
18
+ buttonBorder: "#bababa";
19
+ headerBorder: "#c8c8c9";
20
+ headerBg: "#efeff0";
21
+ headerText: "#484848";
22
+ text: "#323232";
23
+ sub: "#959595";
24
+ popText: "#666";
25
+ toolbarBorder: "#ababab";
26
+ toolbarBg: "#f8f8f8";
27
+ modalBg: "#f7f7f7";
28
+ modalButtonBg: "#f8f8f8";
29
+ modalButtonBorder: "#c2c2c2";
30
+ inputDisabledBg: "#f3f3f3";
31
+ inputDisabledText: "#959595";
32
+ choiceBg: "#ffffff";
33
+ choiceText: "#999999";
34
+ choiceActiveBg: "#f3f3f3";
35
+ choiceActiveText: "#313131";
36
+ choiceBorder: "#cfcfcf";
37
+ selectorText: "#606060";
38
+ selectorActive: "#008ad2";
39
+ blue1: "#038bf4";
40
+ blue2: "#b7d6f5";
41
+ blue3: "#dbe6ff";
42
+ blue4: "#33b4ff";
43
+ blue5: "#30a2e6";
44
+ orange1: "#ff7200";
45
+ orange1Darker: "#cc5b00";
46
+ purple1: "#7357e8";
47
+ green1: "#3ec234";
48
+ green1Darker: "#38af2f";
49
+ pink1: "#ff388f";
50
+ red1: "#ea2700";
51
+ yellow1: "#ffde9d";
52
+ yellow2: "#e4a429";
53
+ yellow3: "#fff5db";
54
+ pinky1: "#f5c0b7";
55
+ pinky2: "#e07b67";
56
+ pinky3: "#ffe1db";
57
+ grey1: "#737373";
58
+ focusColor: "#dcaf00";
59
+ scrollbarsThumb: "#737373";
60
+ scrollbarsBg: "transparent";
61
+ tableStripedBg: "#fafafa";
62
+ toolButtonText: "#666e80";
63
63
  };
64
64
  }, import("@stitches/react/types/config").DefaultThemeMap, {
65
65
  mx: (value: string | number) => {
@@ -3,64 +3,64 @@ declare const StyledMessage: import("@stitches/react/types/styled-component").St
3
3
  type?: "error" | "info" | "warning" | "tip";
4
4
  }, {}, import("@stitches/react/types/css-util").CSS<{}, {
5
5
  colors: {
6
- background: string;
7
- mainColor: string;
8
- mainColorAlt: string;
9
- activeBg: string;
10
- inactiveBg: string;
11
- inactiveDarkBg: string;
12
- toggleHandleBg: string;
13
- toggleHandleBorder: string;
14
- toggleBgDisabled: string;
15
- toggleHandleBorderDisabled: string;
16
- toggleHandleBgDisabled: string;
17
- icon: string;
18
- border: string;
19
- buttonBorder: string;
20
- headerBorder: string;
21
- headerBg: string;
22
- headerText: string;
23
- text: string;
24
- sub: string;
25
- popText: string;
26
- toolbarBorder: string;
27
- toolbarBg: string;
28
- modalBg: string;
29
- modalButtonBg: string;
30
- modalButtonBorder: string;
31
- inputDisabledBg: string;
32
- inputDisabledText: string;
33
- choiceBg: string;
34
- choiceText: string;
35
- choiceActiveBg: string;
36
- choiceActiveText: string;
37
- choiceBorder: string;
38
- selectorText: string;
39
- selectorActive: string;
40
- blue1: string;
41
- blue2: string;
42
- blue3: string;
43
- blue4: string;
44
- blue5: string;
45
- orange1: string;
46
- orange1Darker: string;
47
- purple1: string;
48
- green1: string;
49
- green1Darker: string;
50
- pink1: string;
51
- red1: string;
52
- yellow1: string;
53
- yellow2: string;
54
- yellow3: string;
55
- pinky1: string;
56
- pinky2: string;
57
- pinky3: string;
58
- grey1: string;
59
- focusColor: string;
60
- scrollbarsThumb: string;
61
- scrollbarsBg: string;
62
- tableStripedBg: string;
63
- toolButtonText: string;
6
+ background: "white";
7
+ mainColor: "#008ad2";
8
+ mainColorAlt: "#006AA9";
9
+ activeBg: "#e7e7e7";
10
+ inactiveBg: "#d3d3de";
11
+ inactiveDarkBg: "#999";
12
+ toggleHandleBg: "#e0e0e0";
13
+ toggleHandleBorder: "#cdcdcd";
14
+ toggleBgDisabled: "#f0f0f0";
15
+ toggleHandleBorderDisabled: "#c29f7d";
16
+ toggleHandleBgDisabled: "#deae84";
17
+ icon: "#636363";
18
+ border: "#d5d5d5";
19
+ buttonBorder: "#bababa";
20
+ headerBorder: "#c8c8c9";
21
+ headerBg: "#efeff0";
22
+ headerText: "#484848";
23
+ text: "#323232";
24
+ sub: "#959595";
25
+ popText: "#666";
26
+ toolbarBorder: "#ababab";
27
+ toolbarBg: "#f8f8f8";
28
+ modalBg: "#f7f7f7";
29
+ modalButtonBg: "#f8f8f8";
30
+ modalButtonBorder: "#c2c2c2";
31
+ inputDisabledBg: "#f3f3f3";
32
+ inputDisabledText: "#959595";
33
+ choiceBg: "#ffffff";
34
+ choiceText: "#999999";
35
+ choiceActiveBg: "#f3f3f3";
36
+ choiceActiveText: "#313131";
37
+ choiceBorder: "#cfcfcf";
38
+ selectorText: "#606060";
39
+ selectorActive: "#008ad2";
40
+ blue1: "#038bf4";
41
+ blue2: "#b7d6f5";
42
+ blue3: "#dbe6ff";
43
+ blue4: "#33b4ff";
44
+ blue5: "#30a2e6";
45
+ orange1: "#ff7200";
46
+ orange1Darker: "#cc5b00";
47
+ purple1: "#7357e8";
48
+ green1: "#3ec234";
49
+ green1Darker: "#38af2f";
50
+ pink1: "#ff388f";
51
+ red1: "#ea2700";
52
+ yellow1: "#ffde9d";
53
+ yellow2: "#e4a429";
54
+ yellow3: "#fff5db";
55
+ pinky1: "#f5c0b7";
56
+ pinky2: "#e07b67";
57
+ pinky3: "#ffe1db";
58
+ grey1: "#737373";
59
+ focusColor: "#dcaf00";
60
+ scrollbarsThumb: "#737373";
61
+ scrollbarsBg: "transparent";
62
+ tableStripedBg: "#fafafa";
63
+ toolButtonText: "#666e80";
64
64
  };
65
65
  }, import("@stitches/react/types/config").DefaultThemeMap, {
66
66
  mx: (value: string | number) => {