react-miui 0.27.8 → 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 (204) hide show
  1. package/CHANGELOG.md +6 -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.map +1 -1
  31. package/dist/components/layout/list/Item.js +32 -22
  32. package/dist/components/layout/list/Item.js.map +1 -1
  33. package/dist/components/layout/list/Item.styled.d.ts +232 -232
  34. package/dist/components/layout/list/Item.styled.d.ts.map +1 -1
  35. package/dist/components/layout/list/Item.styled.js +0 -1
  36. package/dist/components/layout/list/Item.styled.js.map +1 -1
  37. package/dist/components/layout/list/Label.d.ts +58 -58
  38. package/dist/components/layout/list/List.d.ts +58 -58
  39. package/dist/components/layout/list/Value.d.ts +58 -58
  40. package/dist/components/layout/section/Section.d.ts +58 -58
  41. package/dist/components/layout/section/SectionContainer.d.ts +58 -58
  42. package/dist/components/layout/table/Table.styled.d.ts +58 -58
  43. package/dist/components/native/index.d.ts +58 -58
  44. package/dist/components/ui/action/Action.styled.d.ts +232 -232
  45. package/dist/components/ui/button/Button.stories.js +17 -7
  46. package/dist/components/ui/button/Button.stories.js.map +1 -1
  47. package/dist/components/ui/button/Button.styled.d.ts +58 -58
  48. package/dist/components/ui/drawer/Drawer.js +17 -7
  49. package/dist/components/ui/drawer/Drawer.js.map +1 -1
  50. package/dist/components/ui/line/Line.d.ts +58 -58
  51. package/dist/components/ui/loader/Loader.js +17 -7
  52. package/dist/components/ui/loader/Loader.js.map +1 -1
  53. package/dist/components/ui/message/Message.styled.d.ts +58 -58
  54. package/dist/components/ui/modal/Modal.js +17 -7
  55. package/dist/components/ui/modal/Modal.js.map +1 -1
  56. package/dist/components/ui/modal/Modal.stories.js +17 -7
  57. package/dist/components/ui/modal/Modal.stories.js.map +1 -1
  58. package/dist/components/ui/modal/Modal.styled.d.ts +232 -232
  59. package/dist/components/ui/modal/ModalButtons.styled.d.ts +116 -116
  60. package/dist/components/ui/pop/OnButtonClick.js +17 -7
  61. package/dist/components/ui/pop/OnButtonClick.js.map +1 -1
  62. package/dist/components/ui/pop/Pop.js +17 -7
  63. package/dist/components/ui/pop/Pop.js.map +1 -1
  64. package/dist/components/ui/pop/Pop.stories.js +17 -7
  65. package/dist/components/ui/pop/Pop.stories.js.map +1 -1
  66. package/dist/components/ui/pop/Pop.styled.d.ts +348 -348
  67. package/dist/components/ui/progress/Progress.styled.d.ts +174 -174
  68. package/dist/components/ui/tabs/Item.js +17 -7
  69. package/dist/components/ui/tabs/Item.js.map +1 -1
  70. package/dist/components/ui/tabs/Selector.d.ts.map +1 -1
  71. package/dist/components/ui/tabs/Selector.js +17 -7
  72. package/dist/components/ui/tabs/Selector.js.map +1 -1
  73. package/dist/components/ui/toaster/Notification.js +17 -7
  74. package/dist/components/ui/toaster/Notification.js.map +1 -1
  75. package/dist/components/ui/toaster/Toaster.js +17 -7
  76. package/dist/components/ui/toaster/Toaster.js.map +1 -1
  77. package/dist/components/ui/toaster/Toaster.styled.d.ts +58 -58
  78. package/dist/components/ui/toolButton/ToolButton.styled.d.ts +58 -58
  79. package/dist/theme.d.ts +406 -406
  80. package/dist/theme.d.ts.map +1 -1
  81. package/dist/utils/makeVariants.d.ts.map +1 -1
  82. package/dist/utils/toObjectValue.d.ts.map +1 -1
  83. package/dist/utils/useKeyPress.d.ts.map +1 -1
  84. package/docs/classes/Drawer.html +30 -30
  85. package/docs/classes/Pop.html +32 -32
  86. package/docs/classes/ToasterProvider.html +29 -29
  87. package/docs/enums/ICON.html +14 -14
  88. package/docs/functions/Action.html +5 -5
  89. package/docs/functions/Button.html +5 -5
  90. package/docs/functions/Card.html +5 -5
  91. package/docs/functions/Checkbox.html +5 -5
  92. package/docs/functions/Choice.html +5 -5
  93. package/docs/functions/CoveringLoader.html +5 -5
  94. package/docs/functions/DirectionPad.html +5 -5
  95. package/docs/functions/EqualActions.html +5 -5
  96. package/docs/functions/FullLoader.html +5 -5
  97. package/docs/functions/HandleEsc.html +5 -5
  98. package/docs/functions/Header.html +5 -5
  99. package/docs/functions/HeaderIconAction.html +5 -5
  100. package/docs/functions/Icon-1.html +5 -5
  101. package/docs/functions/If.html +5 -5
  102. package/docs/functions/Input.html +5 -5
  103. package/docs/functions/KeyValue.html +5 -5
  104. package/docs/functions/Label.html +5 -5
  105. package/docs/functions/Line.html +5 -5
  106. package/docs/functions/List-1.html +5 -5
  107. package/docs/functions/Loader.html +5 -5
  108. package/docs/functions/Loading.html +5 -5
  109. package/docs/functions/Message.html +5 -5
  110. package/docs/functions/Modal-1.html +5 -5
  111. package/docs/functions/ModalButtons.html +5 -5
  112. package/docs/functions/PopLoader.html +5 -5
  113. package/docs/functions/PopOption.html +5 -5
  114. package/docs/functions/Progress.html +5 -5
  115. package/docs/functions/SearchContainer.html +5 -5
  116. package/docs/functions/Section.html +5 -5
  117. package/docs/functions/Select.html +5 -5
  118. package/docs/functions/Selector.html +5 -5
  119. package/docs/functions/Spacer.html +5 -5
  120. package/docs/functions/Stats.html +5 -5
  121. package/docs/functions/StickyHeader.html +5 -5
  122. package/docs/functions/Table.html +5 -5
  123. package/docs/functions/TextArea.html +5 -5
  124. package/docs/functions/Toggle.html +5 -5
  125. package/docs/functions/ToolButton.html +5 -5
  126. package/docs/functions/borderPxToRem.html +5 -5
  127. package/docs/functions/createTheme.html +4 -4
  128. package/docs/functions/css.html +4 -4
  129. package/docs/functions/dimensionsPxToRem.html +5 -5
  130. package/docs/functions/fontPxToRem.html +5 -5
  131. package/docs/functions/getCssText.html +4 -4
  132. package/docs/functions/globalCss.html +4 -4
  133. package/docs/functions/keyframes.html +4 -4
  134. package/docs/functions/pxToRem.html +5 -5
  135. package/docs/functions/styled.html +4 -4
  136. package/docs/functions/useToaster.html +5 -5
  137. package/docs/index.html +4 -4
  138. package/docs/interfaces/ChoiceProps.html +11 -11
  139. package/docs/interfaces/IconProps.html +7 -7
  140. package/docs/interfaces/InputCustomProps.html +11 -11
  141. package/docs/interfaces/StickyHeaderProps.html +9 -9
  142. package/docs/modules/List.html +7 -7
  143. package/docs/modules/Modal.html +6 -6
  144. package/docs/modules.html +4 -4
  145. package/docs/pages/tutorials/Test.html +4 -4
  146. package/docs/types/ActionProps.html +5 -5
  147. package/docs/types/InputProps.html +5 -5
  148. package/docs/types/OverwriteProps.html +5 -5
  149. package/docs/types/ThemeCSS.html +5 -5
  150. package/docs/variables/BackgroundClassName.html +5 -5
  151. package/docs/variables/List.Header.html +5 -5
  152. package/docs/variables/List.Item.html +5 -5
  153. package/docs/variables/Modal.RemovePadding.html +5 -5
  154. package/docs/variables/ValueClassName.html +5 -5
  155. package/docs/variables/config.html +5 -5
  156. package/docs/variables/cssReset.html +5 -5
  157. package/docs/variables/miuiScrollbars.html +5 -5
  158. package/docs/variables/theme.html +5 -5
  159. package/esm/components/form/Checkbox.styled.d.ts +174 -174
  160. package/esm/components/form/Select.styled.d.ts +58 -58
  161. package/esm/components/form/Suggestions.d.ts.map +1 -1
  162. package/esm/components/form/choice/Choice.d.ts.map +1 -1
  163. package/esm/components/form/choice/ChoiceItem.d.ts.map +1 -1
  164. package/esm/components/form/input/Input.d.ts.map +1 -1
  165. package/esm/components/form/input/Input.styled.d.ts +232 -232
  166. package/esm/components/form/textarea/TextArea.styled.d.ts +58 -58
  167. package/esm/components/layout/header/Header.styled.d.ts +232 -232
  168. package/esm/components/layout/header/HeaderIconAction.styled.d.ts +174 -174
  169. package/esm/components/layout/header/StickyHeader.styled.d.ts +116 -116
  170. package/esm/components/layout/list/Header.d.ts +116 -116
  171. package/esm/components/layout/list/Item.d.ts.map +1 -1
  172. package/esm/components/layout/list/Item.js +32 -22
  173. package/esm/components/layout/list/Item.js.map +1 -1
  174. package/esm/components/layout/list/Item.styled.d.ts +232 -232
  175. package/esm/components/layout/list/Item.styled.d.ts.map +1 -1
  176. package/esm/components/layout/list/Item.styled.js +0 -1
  177. package/esm/components/layout/list/Item.styled.js.map +1 -1
  178. package/esm/components/layout/list/Label.d.ts +58 -58
  179. package/esm/components/layout/list/List.d.ts +58 -58
  180. package/esm/components/layout/list/Value.d.ts +58 -58
  181. package/esm/components/layout/section/Section.d.ts +58 -58
  182. package/esm/components/layout/section/SectionContainer.d.ts +58 -58
  183. package/esm/components/layout/table/Table.styled.d.ts +58 -58
  184. package/esm/components/native/index.d.ts +58 -58
  185. package/esm/components/ui/action/Action.styled.d.ts +232 -232
  186. package/esm/components/ui/button/Button.styled.d.ts +58 -58
  187. package/esm/components/ui/line/Line.d.ts +58 -58
  188. package/esm/components/ui/message/Message.styled.d.ts +58 -58
  189. package/esm/components/ui/modal/Modal.styled.d.ts +232 -232
  190. package/esm/components/ui/modal/ModalButtons.styled.d.ts +116 -116
  191. package/esm/components/ui/pop/Pop.styled.d.ts +348 -348
  192. package/esm/components/ui/progress/Progress.styled.d.ts +174 -174
  193. package/esm/components/ui/tabs/Selector.d.ts.map +1 -1
  194. package/esm/components/ui/toaster/Toaster.styled.d.ts +58 -58
  195. package/esm/components/ui/toolButton/ToolButton.styled.d.ts +58 -58
  196. package/esm/theme.d.ts +406 -406
  197. package/esm/theme.d.ts.map +1 -1
  198. package/esm/utils/makeVariants.d.ts.map +1 -1
  199. package/esm/utils/toObjectValue.d.ts.map +1 -1
  200. package/esm/utils/useKeyPress.d.ts.map +1 -1
  201. package/package.json +2 -2
  202. package/pnpm-lock.yaml +7530 -6066
  203. package/src/components/layout/list/Item.styled.ts +0 -8
  204. package/src/components/layout/list/Item.tsx +24 -21
@@ -8,64 +8,64 @@ declare const StyledHeader: import("@stitches/react/types/styled-component").Sty
8
8
  }, {}> & {
9
9
  css?: import("@stitches/react/types/css-util").CSS<{}, {
10
10
  colors: {
11
- background: string;
12
- mainColor: string;
13
- mainColorAlt: string;
14
- activeBg: string;
15
- inactiveBg: string;
16
- inactiveDarkBg: string;
17
- toggleHandleBg: string;
18
- toggleHandleBorder: string;
19
- toggleBgDisabled: string;
20
- toggleHandleBorderDisabled: string;
21
- toggleHandleBgDisabled: string;
22
- icon: string;
23
- border: string;
24
- buttonBorder: string;
25
- headerBorder: string;
26
- headerBg: string;
27
- headerText: string;
28
- text: string;
29
- sub: string;
30
- popText: string;
31
- toolbarBorder: string;
32
- toolbarBg: string;
33
- modalBg: string;
34
- modalButtonBg: string;
35
- modalButtonBorder: string;
36
- inputDisabledBg: string;
37
- inputDisabledText: string;
38
- choiceBg: string;
39
- choiceText: string;
40
- choiceActiveBg: string;
41
- choiceActiveText: string;
42
- choiceBorder: string;
43
- selectorText: string;
44
- selectorActive: string;
45
- blue1: string;
46
- blue2: string;
47
- blue3: string;
48
- blue4: string;
49
- blue5: string;
50
- orange1: string;
51
- orange1Darker: string;
52
- purple1: string;
53
- green1: string;
54
- green1Darker: string;
55
- pink1: string;
56
- red1: string;
57
- yellow1: string;
58
- yellow2: string;
59
- yellow3: string;
60
- pinky1: string;
61
- pinky2: string;
62
- pinky3: string;
63
- grey1: string;
64
- focusColor: string;
65
- scrollbarsThumb: string;
66
- scrollbarsBg: string;
67
- tableStripedBg: string;
68
- toolButtonText: string;
11
+ background: "white";
12
+ mainColor: "#008ad2";
13
+ mainColorAlt: "#006AA9";
14
+ activeBg: "#e7e7e7";
15
+ inactiveBg: "#d3d3de";
16
+ inactiveDarkBg: "#999";
17
+ toggleHandleBg: "#e0e0e0";
18
+ toggleHandleBorder: "#cdcdcd";
19
+ toggleBgDisabled: "#f0f0f0";
20
+ toggleHandleBorderDisabled: "#c29f7d";
21
+ toggleHandleBgDisabled: "#deae84";
22
+ icon: "#636363";
23
+ border: "#d5d5d5";
24
+ buttonBorder: "#bababa";
25
+ headerBorder: "#c8c8c9";
26
+ headerBg: "#efeff0";
27
+ headerText: "#484848";
28
+ text: "#323232";
29
+ sub: "#959595";
30
+ popText: "#666";
31
+ toolbarBorder: "#ababab";
32
+ toolbarBg: "#f8f8f8";
33
+ modalBg: "#f7f7f7";
34
+ modalButtonBg: "#f8f8f8";
35
+ modalButtonBorder: "#c2c2c2";
36
+ inputDisabledBg: "#f3f3f3";
37
+ inputDisabledText: "#959595";
38
+ choiceBg: "#ffffff";
39
+ choiceText: "#999999";
40
+ choiceActiveBg: "#f3f3f3";
41
+ choiceActiveText: "#313131";
42
+ choiceBorder: "#cfcfcf";
43
+ selectorText: "#606060";
44
+ selectorActive: "#008ad2";
45
+ blue1: "#038bf4";
46
+ blue2: "#b7d6f5";
47
+ blue3: "#dbe6ff";
48
+ blue4: "#33b4ff";
49
+ blue5: "#30a2e6";
50
+ orange1: "#ff7200";
51
+ orange1Darker: "#cc5b00";
52
+ purple1: "#7357e8";
53
+ green1: "#3ec234";
54
+ green1Darker: "#38af2f";
55
+ pink1: "#ff388f";
56
+ red1: "#ea2700";
57
+ yellow1: "#ffde9d";
58
+ yellow2: "#e4a429";
59
+ yellow3: "#fff5db";
60
+ pinky1: "#f5c0b7";
61
+ pinky2: "#e07b67";
62
+ pinky3: "#ffe1db";
63
+ grey1: "#737373";
64
+ focusColor: "#dcaf00";
65
+ scrollbarsThumb: "#737373";
66
+ scrollbarsBg: "transparent";
67
+ tableStripedBg: "#fafafa";
68
+ toolButtonText: "#666e80";
69
69
  };
70
70
  }, import("@stitches/react/types/config").DefaultThemeMap, {
71
71
  mx: (value: string | number) => {
@@ -93,64 +93,64 @@ declare const StyledHeader: import("@stitches/react/types/styled-component").Sty
93
93
  inset?: boolean | "true";
94
94
  }, {}, import("@stitches/react/types/css-util").CSS<{}, {
95
95
  colors: {
96
- background: string;
97
- mainColor: string;
98
- mainColorAlt: string;
99
- activeBg: string;
100
- inactiveBg: string;
101
- inactiveDarkBg: string;
102
- toggleHandleBg: string;
103
- toggleHandleBorder: string;
104
- toggleBgDisabled: string;
105
- toggleHandleBorderDisabled: string;
106
- toggleHandleBgDisabled: string;
107
- icon: string;
108
- border: string;
109
- buttonBorder: string;
110
- headerBorder: string;
111
- headerBg: string;
112
- headerText: string;
113
- text: string;
114
- sub: string;
115
- popText: string;
116
- toolbarBorder: string;
117
- toolbarBg: string;
118
- modalBg: string;
119
- modalButtonBg: string;
120
- modalButtonBorder: string;
121
- inputDisabledBg: string;
122
- inputDisabledText: string;
123
- choiceBg: string;
124
- choiceText: string;
125
- choiceActiveBg: string;
126
- choiceActiveText: string;
127
- choiceBorder: string;
128
- selectorText: string;
129
- selectorActive: string;
130
- blue1: string;
131
- blue2: string;
132
- blue3: string;
133
- blue4: string;
134
- blue5: string;
135
- orange1: string;
136
- orange1Darker: string;
137
- purple1: string;
138
- green1: string;
139
- green1Darker: string;
140
- pink1: string;
141
- red1: string;
142
- yellow1: string;
143
- yellow2: string;
144
- yellow3: string;
145
- pinky1: string;
146
- pinky2: string;
147
- pinky3: string;
148
- grey1: string;
149
- focusColor: string;
150
- scrollbarsThumb: string;
151
- scrollbarsBg: string;
152
- tableStripedBg: string;
153
- toolButtonText: string;
96
+ background: "white";
97
+ mainColor: "#008ad2";
98
+ mainColorAlt: "#006AA9";
99
+ activeBg: "#e7e7e7";
100
+ inactiveBg: "#d3d3de";
101
+ inactiveDarkBg: "#999";
102
+ toggleHandleBg: "#e0e0e0";
103
+ toggleHandleBorder: "#cdcdcd";
104
+ toggleBgDisabled: "#f0f0f0";
105
+ toggleHandleBorderDisabled: "#c29f7d";
106
+ toggleHandleBgDisabled: "#deae84";
107
+ icon: "#636363";
108
+ border: "#d5d5d5";
109
+ buttonBorder: "#bababa";
110
+ headerBorder: "#c8c8c9";
111
+ headerBg: "#efeff0";
112
+ headerText: "#484848";
113
+ text: "#323232";
114
+ sub: "#959595";
115
+ popText: "#666";
116
+ toolbarBorder: "#ababab";
117
+ toolbarBg: "#f8f8f8";
118
+ modalBg: "#f7f7f7";
119
+ modalButtonBg: "#f8f8f8";
120
+ modalButtonBorder: "#c2c2c2";
121
+ inputDisabledBg: "#f3f3f3";
122
+ inputDisabledText: "#959595";
123
+ choiceBg: "#ffffff";
124
+ choiceText: "#999999";
125
+ choiceActiveBg: "#f3f3f3";
126
+ choiceActiveText: "#313131";
127
+ choiceBorder: "#cfcfcf";
128
+ selectorText: "#606060";
129
+ selectorActive: "#008ad2";
130
+ blue1: "#038bf4";
131
+ blue2: "#b7d6f5";
132
+ blue3: "#dbe6ff";
133
+ blue4: "#33b4ff";
134
+ blue5: "#30a2e6";
135
+ orange1: "#ff7200";
136
+ orange1Darker: "#cc5b00";
137
+ purple1: "#7357e8";
138
+ green1: "#3ec234";
139
+ green1Darker: "#38af2f";
140
+ pink1: "#ff388f";
141
+ red1: "#ea2700";
142
+ yellow1: "#ffde9d";
143
+ yellow2: "#e4a429";
144
+ yellow3: "#fff5db";
145
+ pinky1: "#f5c0b7";
146
+ pinky2: "#e07b67";
147
+ pinky3: "#ffe1db";
148
+ grey1: "#737373";
149
+ focusColor: "#dcaf00";
150
+ scrollbarsThumb: "#737373";
151
+ scrollbarsBg: "transparent";
152
+ tableStripedBg: "#fafafa";
153
+ toolButtonText: "#666e80";
154
154
  };
155
155
  }, import("@stitches/react/types/config").DefaultThemeMap, {
156
156
  mx: (value: string | number) => {
@@ -1 +1 @@
1
- {"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAoC,UAAU,EAAgB,MAAM,eAAe,CAAC;AAE3F,UAAU,SAAS;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,KAAK,KAAK,GAAG,GAAG,MAAM,EAAE,GAAG,EAAE,CAAC;AAE9B,KAAK,qBAAqB,GACpB,KAAK,GACL,GAAG,KAAK,IAAI,KAAK,EAAE,GACnB,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAC5B,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GACrC,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAC9C,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GACvD,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAChE,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GACzE,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAClF,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,CAAC;AAElG,UAAU,KAAK;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAC7D,KAAK,CAAC,EAAE,qBAAqB,CAAC;CACjC;AAED,UAAU,aAAa;IACnB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,EAAE,OAAO,KAAK,CAAC;CACvB;AAKD,QAAA,MAAM,2BAA2B,QAAkC,CAAC;AACpE,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AA4B/D,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG,KAAK,CAAC,GAAG,aA+C/C,CAAC;AAKF,OAAO,EAAE,IAAI,EAAE,2BAA2B,EAAE,CAAC;AAE7C,YAAY,EACR,KAAK,IAAI,SAAS,EAClB,aAAa,IAAI,iBAAiB,GACrC,CAAC"}
1
+ {"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAoC,UAAU,EAAgB,MAAM,eAAe,CAAC;AAE3F,UAAU,SAAS;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,KAAK,KAAK,GAAG,GAAG,MAAM,EAAE,GAAG,EAAE,CAAC;AAE9B,KAAK,qBAAqB,GACpB,KAAK,GACL,GAAG,KAAK,IAAI,KAAK,EAAE,GACnB,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAC5B,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GACrC,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAC9C,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GACvD,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAChE,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GACzE,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAClF,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,CAAC;AAElG,UAAU,KAAK;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAC7D,KAAK,CAAC,EAAE,qBAAqB,CAAC;CACjC;AAED,UAAU,aAAa;IACnB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,EAAE,OAAO,KAAK,CAAC;CACvB;AAKD,QAAA,MAAM,2BAA2B,QAAkC,CAAC;AACpE,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAuB/D,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG,KAAK,CAAC,GAAG,aAwD/C,CAAC;AAKF,OAAO,EAAE,IAAI,EAAE,2BAA2B,EAAE,CAAC;AAE7C,YAAY,EACR,KAAK,IAAI,SAAS,EAClB,aAAa,IAAI,iBAAiB,GACrC,CAAC"}
@@ -1,51 +1,61 @@
1
1
  import React from "react";
2
2
  import { ICON } from "../../icons/Icon.js";
3
- import { styled } from "../../../theme.js";
4
3
  import { Value } from "./Value.js";
5
4
  import { Label } from "./Label.js";
6
5
  import { StyledIcon, StyledInnerContainer, StyledItem, StyledNoIcon } from "./Item.styled.js";
7
6
  const icon = React.createElement(StyledIcon, { name: ICON.forward });
8
7
  const noIcon = React.createElement(StyledNoIcon, null);
9
8
  const ItemInnerContainerClassName = StyledInnerContainer.toString();
10
- const ArrowHolder = styled("div", {
11
- display: "flex",
12
- alignItems: "center",
13
- });
14
9
  const Item = ({ href, to, onClick, Link, ratio, ...props }) => {
10
+ var _a;
15
11
  const r = ratio ? ratio.split("/") : [];
16
12
  const pre = typeof props.selected === "boolean"
17
- ? (props.selected ? icon : noIcon)
13
+ ? React.createElement(Label, null, props.selected ? icon : noIcon)
18
14
  : null;
19
- const ren = React.Children.map(props.children, (child, index) => {
20
- let flex = undefined;
21
- if (!r.length && child && typeof child === "object" && "type" in child && child.type === Value) {
22
- return child;
23
- }
24
- if (index in r) {
25
- flex = r[index];
26
- }
27
- return React.createElement(ArrowHolder, { css: flex ? { flex } : {} },
28
- pre,
29
- child);
30
- });
15
+ const ren = !r.length
16
+ ? props.children
17
+ : (_a = React.Children.map(props.children, (child, index) => {
18
+ if (child && typeof child === "object" && "type" in child && child.type === Value) {
19
+ return child;
20
+ }
21
+ if (!child || typeof child !== "object" || !("type" in child)) {
22
+ return child;
23
+ }
24
+ const flex = index in r ? r[index] : undefined;
25
+ if (flex === undefined) {
26
+ return child;
27
+ }
28
+ return React.cloneElement(child, {
29
+ style: { flex },
30
+ css: { flex },
31
+ });
32
+ })) !== null && _a !== void 0 ? _a : [];
31
33
  if (to) {
32
34
  if (!Link) {
33
35
  throw new TypeError("`to` prop given without `Link` component");
34
36
  }
35
37
  return (React.createElement(StyledItem, { ...props },
36
38
  React.createElement(Link, { href: to },
37
- React.createElement(StyledInnerContainer, { as: "a", href: to }, ren))));
39
+ React.createElement(StyledInnerContainer, { as: "a", href: to },
40
+ pre,
41
+ ren))));
38
42
  }
39
43
  if (href) {
40
44
  return (React.createElement(StyledItem, { ...props },
41
- React.createElement(StyledInnerContainer, { as: "a", href: href, onClick: onClick }, ren)));
45
+ React.createElement(StyledInnerContainer, { as: "a", href: href, onClick: onClick },
46
+ pre,
47
+ ren)));
42
48
  }
43
49
  if (onClick) {
44
50
  return (React.createElement(StyledItem, { ...props },
45
- React.createElement(StyledInnerContainer, { as: "button", onClick: onClick }, ren)));
51
+ React.createElement(StyledInnerContainer, { as: "button", onClick: onClick },
52
+ pre,
53
+ ren)));
46
54
  }
47
55
  return React.createElement(StyledItem, { ...props },
48
- React.createElement(StyledInnerContainer, null, ren));
56
+ React.createElement(StyledInnerContainer, null,
57
+ pre,
58
+ ren));
49
59
  };
50
60
  Item.Label = Label;
51
61
  Item.Value = Value;
@@ -1 +1 @@
1
- {"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":"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"}