react-miui 0.28.2 → 0.29.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 (904) hide show
  1. package/.storybook/main.ts +14 -14
  2. package/.storybook/preview.tsx +17 -14
  3. package/CHANGELOG.md +27 -0
  4. package/README.md +1 -1
  5. package/dist/components/form/Checkbox.d.ts +8 -5
  6. package/dist/components/form/Checkbox.d.ts.map +1 -1
  7. package/dist/components/form/Checkbox.js +10 -4
  8. package/dist/components/form/Checkbox.js.map +1 -1
  9. package/dist/components/form/Checkbox.styled.js +1 -1
  10. package/dist/components/form/Checkbox.styled.js.map +1 -1
  11. package/dist/components/form/ColorPicker.d.ts +5 -3
  12. package/dist/components/form/ColorPicker.d.ts.map +1 -1
  13. package/dist/components/form/ColorPicker.js +8 -4
  14. package/dist/components/form/ColorPicker.js.map +1 -1
  15. package/dist/components/form/ColorPicker.styled.js +1 -1
  16. package/dist/components/form/ColorPicker.styled.js.map +1 -1
  17. package/dist/components/form/Label.d.ts +97 -6
  18. package/dist/components/form/Label.d.ts.map +1 -1
  19. package/dist/components/form/Label.js +42 -8
  20. package/dist/components/form/Label.js.map +1 -1
  21. package/dist/components/form/Select.d.ts +5 -1
  22. package/dist/components/form/Select.d.ts.map +1 -1
  23. package/dist/components/form/Select.js +1 -1
  24. package/dist/components/form/Select.js.map +1 -1
  25. package/dist/components/form/Toggle.d.ts +100 -5
  26. package/dist/components/form/Toggle.d.ts.map +1 -1
  27. package/dist/components/form/Toggle.js +8 -4
  28. package/dist/components/form/Toggle.js.map +1 -1
  29. package/dist/components/form/choice/Choice.d.ts +5 -4
  30. package/dist/components/form/choice/Choice.d.ts.map +1 -1
  31. package/dist/components/form/choice/Choice.js +42 -8
  32. package/dist/components/form/choice/Choice.js.map +1 -1
  33. package/dist/components/form/choice/ChoiceItem.d.ts +5 -1
  34. package/dist/components/form/choice/ChoiceItem.d.ts.map +1 -1
  35. package/dist/components/form/choice/ChoiceItem.js +3 -1
  36. package/dist/components/form/choice/ChoiceItem.js.map +1 -1
  37. package/dist/components/form/choice/ChoiceItem.styled.d.ts +85 -0
  38. package/dist/components/form/choice/ChoiceItem.styled.d.ts.map +1 -0
  39. package/dist/components/form/choice/ChoiceItem.styled.js +9 -0
  40. package/dist/components/form/choice/ChoiceItem.styled.js.map +1 -0
  41. package/dist/components/form/input/Input.css.d.ts +16 -16
  42. package/dist/components/form/input/Input.css.d.ts.map +1 -1
  43. package/dist/components/form/input/Input.css.js.map +1 -1
  44. package/dist/components/form/input/Input.d.ts +1 -1
  45. package/dist/components/form/input/Input.d.ts.map +1 -1
  46. package/dist/components/form/input/Input.js.map +1 -1
  47. package/dist/components/form/textarea/TextArea.d.ts +4 -2
  48. package/dist/components/form/textarea/TextArea.d.ts.map +1 -1
  49. package/dist/components/form/textarea/TextArea.js +5 -3
  50. package/dist/components/form/textarea/TextArea.js.map +1 -1
  51. package/dist/components/icons/Battery.js +2 -2
  52. package/dist/components/icons/Battery.js.map +1 -1
  53. package/dist/components/icons/Checkmark.js +1 -1
  54. package/dist/components/icons/Checkmark.js.map +1 -1
  55. package/dist/components/icons/Config.js +1 -1
  56. package/dist/components/icons/Config.js.map +1 -1
  57. package/dist/components/icons/Dots.js +1 -1
  58. package/dist/components/icons/Dots.js.map +1 -1
  59. package/dist/components/icons/Heart.js +1 -1
  60. package/dist/components/icons/Heart.js.map +1 -1
  61. package/dist/components/icons/Trash.js +1 -1
  62. package/dist/components/icons/Trash.js.map +1 -1
  63. package/dist/components/layout/card/Card.d.ts +5 -9
  64. package/dist/components/layout/card/Card.d.ts.map +1 -1
  65. package/dist/components/layout/card/Card.js +2 -15
  66. package/dist/components/layout/card/Card.js.map +1 -1
  67. package/dist/components/layout/card/Card.styled.d.ts +87 -0
  68. package/dist/components/layout/card/Card.styled.d.ts.map +1 -0
  69. package/dist/components/layout/card/Card.styled.js +23 -0
  70. package/dist/components/layout/card/Card.styled.js.map +1 -0
  71. package/dist/components/layout/header/Header.d.ts +8 -3
  72. package/dist/components/layout/header/Header.d.ts.map +1 -1
  73. package/dist/components/layout/header/Header.js +46 -8
  74. package/dist/components/layout/header/Header.js.map +1 -1
  75. package/dist/components/layout/header/HeaderIconAction.d.ts.map +1 -1
  76. package/dist/components/layout/header/HeaderIconAction.js.map +1 -1
  77. package/dist/components/layout/header/HeaderIconAction.styled.js +1 -1
  78. package/dist/components/layout/header/HeaderIconAction.styled.js.map +1 -1
  79. package/dist/components/layout/header/StickyHeader.d.ts +1 -0
  80. package/dist/components/layout/header/StickyHeader.d.ts.map +1 -1
  81. package/dist/components/layout/header/StickyHeader.js +1 -1
  82. package/dist/components/layout/header/StickyHeader.js.map +1 -1
  83. package/dist/components/layout/section/SearchContainer.d.ts +83 -6
  84. package/dist/components/layout/section/SearchContainer.d.ts.map +1 -1
  85. package/dist/components/layout/section/SearchContainer.js +2 -9
  86. package/dist/components/layout/section/SearchContainer.js.map +1 -1
  87. package/dist/components/layout/section/Section.d.ts +86 -7
  88. package/dist/components/layout/section/Section.d.ts.map +1 -1
  89. package/dist/components/layout/section/Section.js +4 -2
  90. package/dist/components/layout/section/Section.js.map +1 -1
  91. package/dist/components/native/index.d.ts.map +1 -1
  92. package/dist/components/native/index.js +3 -1
  93. package/dist/components/native/index.js.map +1 -1
  94. package/dist/components/ui/action/Action.js.map +1 -1
  95. package/dist/components/ui/action/EqualActions.d.ts +4 -3
  96. package/dist/components/ui/action/EqualActions.d.ts.map +1 -1
  97. package/dist/components/ui/action/EqualActions.js +41 -10
  98. package/dist/components/ui/action/EqualActions.js.map +1 -1
  99. package/dist/components/ui/action/EqualActions.styled.d.ts +87 -0
  100. package/dist/components/ui/action/EqualActions.styled.d.ts.map +1 -0
  101. package/dist/components/ui/action/EqualActions.styled.js +20 -0
  102. package/dist/components/ui/action/EqualActions.styled.js.map +1 -0
  103. package/dist/components/ui/directionPad/Button.d.ts +6 -4
  104. package/dist/components/ui/directionPad/Button.d.ts.map +1 -1
  105. package/dist/components/ui/directionPad/Button.js +44 -10
  106. package/dist/components/ui/directionPad/Button.js.map +1 -1
  107. package/dist/components/ui/directionPad/Button.styled.d.ts +168 -0
  108. package/dist/components/ui/directionPad/Button.styled.d.ts.map +1 -0
  109. package/dist/components/ui/directionPad/Button.styled.js +24 -0
  110. package/dist/components/ui/directionPad/Button.styled.js.map +1 -0
  111. package/dist/components/ui/directionPad/Middle.d.ts +4 -3
  112. package/dist/components/ui/directionPad/Middle.d.ts.map +1 -1
  113. package/dist/components/ui/directionPad/Middle.js +40 -8
  114. package/dist/components/ui/directionPad/Middle.js.map +1 -1
  115. package/dist/components/ui/directionPad/Middle.styled.d.ts +85 -0
  116. package/dist/components/ui/directionPad/Middle.styled.d.ts.map +1 -0
  117. package/dist/components/ui/directionPad/Middle.styled.js +19 -0
  118. package/dist/components/ui/directionPad/Middle.styled.js.map +1 -0
  119. package/dist/components/ui/directionPad/Pad.d.ts +9 -4
  120. package/dist/components/ui/directionPad/Pad.d.ts.map +1 -1
  121. package/dist/components/ui/directionPad/Pad.js +51 -13
  122. package/dist/components/ui/directionPad/Pad.js.map +1 -1
  123. package/dist/components/ui/directionPad/Pad.styled.d.ts +168 -0
  124. package/dist/components/ui/directionPad/Pad.styled.d.ts.map +1 -0
  125. package/dist/components/ui/directionPad/Pad.styled.js +21 -0
  126. package/dist/components/ui/directionPad/Pad.styled.js.map +1 -0
  127. package/dist/components/ui/drawer/Drawer.d.ts +7 -18
  128. package/dist/components/ui/drawer/Drawer.d.ts.map +1 -1
  129. package/dist/components/ui/drawer/Drawer.js +38 -56
  130. package/dist/components/ui/drawer/Drawer.js.map +1 -1
  131. package/dist/components/ui/drawer/Drawer.styled.d.ts +168 -0
  132. package/dist/components/ui/drawer/Drawer.styled.d.ts.map +1 -0
  133. package/dist/components/ui/drawer/Drawer.styled.js +21 -0
  134. package/dist/components/ui/drawer/Drawer.styled.js.map +1 -0
  135. package/dist/components/ui/keyValue/KeyValue.d.ts +10 -4
  136. package/dist/components/ui/keyValue/KeyValue.d.ts.map +1 -1
  137. package/dist/components/ui/keyValue/KeyValue.js +64 -22
  138. package/dist/components/ui/keyValue/KeyValue.js.map +1 -1
  139. package/dist/components/ui/keyValue/KeyValue.styled.d.ts +503 -0
  140. package/dist/components/ui/keyValue/KeyValue.styled.d.ts.map +1 -0
  141. package/dist/components/ui/keyValue/KeyValue.styled.js +63 -0
  142. package/dist/components/ui/keyValue/KeyValue.styled.js.map +1 -0
  143. package/dist/components/ui/loader/PopLoader.js +1 -1
  144. package/dist/components/ui/loader/PopLoader.js.map +1 -1
  145. package/dist/components/ui/modal/ModalButtons.styled.d.ts +87 -89
  146. package/dist/components/ui/modal/ModalButtons.styled.d.ts.map +1 -1
  147. package/dist/components/ui/modal/ModalButtons.styled.js +4 -2
  148. package/dist/components/ui/modal/ModalButtons.styled.js.map +1 -1
  149. package/dist/components/ui/pop/OnButtonClick.js +1 -1
  150. package/dist/components/ui/pop/OnButtonClick.js.map +1 -1
  151. package/dist/components/ui/pop/Pop.d.ts.map +1 -1
  152. package/dist/components/ui/pop/Pop.js +4 -0
  153. package/dist/components/ui/pop/Pop.js.map +1 -1
  154. package/dist/components/ui/pop/Pop.styled.js +1 -1
  155. package/dist/components/ui/pop/Pop.styled.js.map +1 -1
  156. package/dist/components/ui/progress/Progress.d.ts +6 -4
  157. package/dist/components/ui/progress/Progress.d.ts.map +1 -1
  158. package/dist/components/ui/progress/Progress.js +45 -8
  159. package/dist/components/ui/progress/Progress.js.map +1 -1
  160. package/dist/components/ui/stats/Stats.d.ts +14 -8
  161. package/dist/components/ui/stats/Stats.d.ts.map +1 -1
  162. package/dist/components/ui/stats/Stats.js +64 -16
  163. package/dist/components/ui/stats/Stats.js.map +1 -1
  164. package/dist/components/ui/stats/Stats.styled.d.ts +419 -0
  165. package/dist/components/ui/stats/Stats.styled.d.ts.map +1 -0
  166. package/dist/components/ui/stats/Stats.styled.js +56 -0
  167. package/dist/components/ui/stats/Stats.styled.js.map +1 -0
  168. package/dist/components/ui/tabs/Item.d.ts +8 -4
  169. package/dist/components/ui/tabs/Item.d.ts.map +1 -1
  170. package/dist/components/ui/tabs/Item.js +5 -10
  171. package/dist/components/ui/tabs/Item.js.map +1 -1
  172. package/dist/components/ui/tabs/Item.styled.d.ts +4 -0
  173. package/dist/components/ui/tabs/Item.styled.d.ts.map +1 -0
  174. package/dist/components/ui/tabs/Item.styled.js +20 -0
  175. package/dist/components/ui/tabs/Item.styled.js.map +1 -0
  176. package/dist/components/ui/tabs/Selector.d.ts +7 -5
  177. package/dist/components/ui/tabs/Selector.d.ts.map +1 -1
  178. package/dist/components/ui/tabs/Selector.js +11 -11
  179. package/dist/components/ui/tabs/Selector.js.map +1 -1
  180. package/dist/components/ui/tabs/Selector.styled.d.ts +2 -0
  181. package/dist/components/ui/tabs/Selector.styled.d.ts.map +1 -0
  182. package/dist/components/ui/tabs/Selector.styled.js +14 -0
  183. package/dist/components/ui/tabs/Selector.styled.js.map +1 -0
  184. package/dist/components/ui/toaster/Toaster.d.ts.map +1 -1
  185. package/dist/components/ui/toaster/Toaster.js +1 -0
  186. package/dist/components/ui/toaster/Toaster.js.map +1 -1
  187. package/dist/components/utils/Gap.d.ts +87 -0
  188. package/dist/components/utils/Gap.d.ts.map +1 -0
  189. package/dist/components/utils/Gap.js +18 -0
  190. package/dist/components/utils/Gap.js.map +1 -0
  191. package/dist/index.d.ts +2 -0
  192. package/dist/index.d.ts.map +1 -1
  193. package/dist/index.js +4 -1
  194. package/dist/index.js.map +1 -1
  195. package/dist/scrollbars.css.d.ts.map +1 -1
  196. package/dist/scrollbars.css.js +2 -2
  197. package/dist/scrollbars.css.js.map +1 -1
  198. package/dist/theme.css-global.d.ts +3 -0
  199. package/dist/theme.css-global.d.ts.map +1 -0
  200. package/dist/theme.css-global.js +19 -0
  201. package/dist/theme.css-global.js.map +1 -0
  202. package/dist/theme.css-reset.d.ts.map +1 -1
  203. package/dist/theme.css-reset.js +2 -4
  204. package/dist/theme.css-reset.js.map +1 -1
  205. package/dist/theme.d.ts +2 -2
  206. package/dist/utils/index.d.ts +0 -1
  207. package/dist/utils/index.d.ts.map +1 -1
  208. package/dist/utils/index.js +0 -1
  209. package/dist/utils/index.js.map +1 -1
  210. package/docs/assets/hierarchy.js +1 -0
  211. package/docs/assets/highlight.css +21 -0
  212. package/docs/assets/icons.js +18 -0
  213. package/docs/assets/icons.svg +1 -0
  214. package/docs/assets/main.js +5 -3
  215. package/docs/assets/navigation.js +1 -0
  216. package/docs/assets/search.js +1 -1
  217. package/docs/assets/style.css +1467 -1136
  218. package/docs/classes/index.Pop.html +123 -0
  219. package/docs/classes/index.ToasterProvider.html +120 -0
  220. package/docs/documents/Test.html +2 -0
  221. package/docs/enums/index.ICON.html +10 -0
  222. package/docs/functions/index.Action.html +31 -0
  223. package/docs/functions/index.Button.html +16 -0
  224. package/docs/functions/index.Card.html +15 -0
  225. package/docs/functions/index.Checkbox.html +11 -0
  226. package/docs/functions/index.Choice.html +10 -0
  227. package/docs/functions/index.ColorPicker.html +11 -0
  228. package/docs/functions/index.CoveringLoader.html +31 -0
  229. package/docs/functions/index.DirectionPad.html +10 -0
  230. package/docs/functions/index.Drawer.html +10 -0
  231. package/docs/functions/index.EqualActions.html +10 -0
  232. package/docs/functions/index.FullLoader.html +30 -0
  233. package/docs/functions/index.Gap.html +15 -0
  234. package/docs/functions/index.HandleEsc.html +29 -0
  235. package/docs/functions/index.Header.html +14 -0
  236. package/docs/functions/index.HeaderIconAction.html +31 -0
  237. package/docs/functions/index.Icon-1.html +29 -0
  238. package/docs/functions/index.If.html +29 -0
  239. package/docs/functions/index.Input.html +1 -0
  240. package/docs/functions/index.KeyValue.html +10 -0
  241. package/docs/functions/index.Label.html +10 -0
  242. package/docs/functions/index.Line.html +16 -0
  243. package/docs/functions/index.List.html +40 -0
  244. package/docs/functions/index.Loader.html +32 -0
  245. package/docs/functions/index.Loading.html +34 -0
  246. package/docs/functions/index.Message.html +16 -0
  247. package/docs/functions/index.Modal.html +30 -0
  248. package/docs/functions/index.ModalButtons.html +16 -0
  249. package/docs/functions/index.PopLoader.html +32 -0
  250. package/docs/functions/index.PopOption.html +29 -0
  251. package/docs/functions/index.Progress.html +11 -0
  252. package/docs/functions/index.SearchContainer.html +15 -0
  253. package/docs/functions/index.Section.html +19 -0
  254. package/docs/functions/index.Select.html +15 -0
  255. package/docs/functions/index.Selector.html +10 -0
  256. package/docs/functions/index.Spacer.html +15 -0
  257. package/docs/functions/index.Stats.html +10 -0
  258. package/docs/functions/index.StickyHeader.html +15 -0
  259. package/docs/functions/index.Table.html +15 -0
  260. package/docs/functions/index.TextArea.html +10 -0
  261. package/docs/functions/index.Toggle.html +13 -0
  262. package/docs/functions/index.ToolButton.html +16 -0
  263. package/docs/functions/index.borderPxToRem.html +1 -0
  264. package/docs/functions/index.createTheme.html +1 -0
  265. package/docs/functions/index.css.html +1 -0
  266. package/docs/functions/index.dimensionsPxToRem.html +1 -0
  267. package/docs/functions/index.fontPxToRem.html +1 -0
  268. package/docs/functions/index.getCssText.html +1 -0
  269. package/docs/functions/index.globalCss.html +3 -0
  270. package/docs/functions/index.injectGlobalStyles.html +1 -0
  271. package/docs/functions/index.keyframes.html +1 -0
  272. package/docs/functions/index.pxToRem.html +1 -0
  273. package/docs/functions/index.styled.html +1 -0
  274. package/docs/functions/index.useToaster.html +1 -0
  275. package/docs/index.html +6 -116
  276. package/docs/interfaces/index.IconProps.html +3 -0
  277. package/docs/interfaces/index.InputCustomProps.html +7 -0
  278. package/docs/interfaces/index.StickyHeaderProps.html +9 -0
  279. package/docs/modules/index.html +1 -0
  280. package/docs/modules.html +1 -205
  281. package/docs/types/index.ActionProps.html +1 -0
  282. package/docs/types/index.CardProps.html +1 -0
  283. package/docs/types/index.CheckboxProps.html +2 -0
  284. package/docs/types/index.ChoiceProps.html +1 -0
  285. package/docs/types/index.ColorPickerProps.html +1 -0
  286. package/docs/types/index.DirectionPadProps.html +1 -0
  287. package/docs/types/index.DrawerProps.html +1 -0
  288. package/docs/types/index.EqualActionsProps.html +1 -0
  289. package/docs/types/index.HeaderProps.html +1 -0
  290. package/docs/types/index.InputProps.html +1 -0
  291. package/docs/types/index.KeyValueProps.html +1 -0
  292. package/docs/types/index.LabelProps.html +1 -0
  293. package/docs/types/index.OverwriteProps.html +1 -0
  294. package/docs/types/index.ProgressProps.html +5 -0
  295. package/docs/types/index.SelectProps.html +1 -0
  296. package/docs/types/index.SelectorProps.html +1 -0
  297. package/docs/types/index.Stat.html +1 -0
  298. package/docs/types/index.StatsProps.html +1 -0
  299. package/docs/types/index.TextAreaProps.html +1 -0
  300. package/docs/types/index.ThemeCSS.html +1 -0
  301. package/docs/types/index.ToggleProps.html +4 -0
  302. package/docs/variables/index.CheckboxCheckmarkWrapperSelector.html +1 -0
  303. package/docs/variables/index.CheckboxTextLabelSelector.html +1 -0
  304. package/docs/variables/index.ChoiceItemSelector.html +1 -0
  305. package/docs/variables/index.ColorPickerColorDisplaySelector.html +1 -0
  306. package/docs/variables/index.DirectionPadButtonDotSelector.html +1 -0
  307. package/docs/variables/index.DirectionPadButtonSelector.html +1 -0
  308. package/docs/variables/index.DirectionPadLineSelector.html +1 -0
  309. package/docs/variables/index.DirectionPadMiddleSelector.html +1 -0
  310. package/docs/variables/index.DrawerContentSelector.html +1 -0
  311. package/docs/variables/index.HeaderAfterSelector.html +1 -0
  312. package/docs/variables/index.HeaderBeforeSelector.html +1 -0
  313. package/docs/variables/index.HeaderContentsSelector.html +1 -0
  314. package/docs/variables/index.KeyValueIconSelector.html +1 -0
  315. package/docs/variables/index.KeyValueItemSelector.html +1 -0
  316. package/docs/variables/index.KeyValueKeySelector.html +1 -0
  317. package/docs/variables/index.KeyValuePairSelector.html +1 -0
  318. package/docs/variables/index.KeyValueValueSelector.html +1 -0
  319. package/docs/variables/index.LabelTextSelector.html +1 -0
  320. package/docs/variables/index.ProgressBackgroundSelector.html +1 -0
  321. package/docs/variables/index.ProgressValueSelector.html +1 -0
  322. package/docs/variables/index.SelectorItemSelector.html +1 -0
  323. package/docs/variables/index.StatsItemSelector.html +1 -0
  324. package/docs/variables/index.StatsLabelSelector.html +1 -0
  325. package/docs/variables/index.StatsSeparatorSelector.html +1 -0
  326. package/docs/variables/index.StatsValueSelector.html +1 -0
  327. package/docs/variables/index.ToggleStyledToggleSelector.html +1 -0
  328. package/docs/variables/index.config.html +1 -0
  329. package/docs/variables/index.cssReset.html +2 -0
  330. package/docs/variables/index.miuiScrollbars.html +1 -0
  331. package/docs/variables/index.theme.html +1 -0
  332. package/esm/components/form/Checkbox.d.ts +8 -5
  333. package/esm/components/form/Checkbox.d.ts.map +1 -1
  334. package/esm/components/form/Checkbox.js +9 -5
  335. package/esm/components/form/Checkbox.js.map +1 -1
  336. package/esm/components/form/Checkbox.stories.d.ts +1 -1
  337. package/esm/components/form/Checkbox.stories.d.ts.map +1 -1
  338. package/esm/components/form/Checkbox.styled.js +1 -1
  339. package/esm/components/form/Checkbox.styled.js.map +1 -1
  340. package/esm/components/form/ColorPicker.d.ts +5 -3
  341. package/esm/components/form/ColorPicker.d.ts.map +1 -1
  342. package/esm/components/form/ColorPicker.js +8 -5
  343. package/esm/components/form/ColorPicker.js.map +1 -1
  344. package/esm/components/form/ColorPicker.stories.d.ts +1 -1
  345. package/esm/components/form/ColorPicker.stories.d.ts.map +1 -1
  346. package/esm/components/form/ColorPicker.styled.js +1 -1
  347. package/esm/components/form/ColorPicker.styled.js.map +1 -1
  348. package/esm/components/form/Label.d.ts +97 -6
  349. package/esm/components/form/Label.d.ts.map +1 -1
  350. package/esm/components/form/Label.js +8 -5
  351. package/esm/components/form/Label.js.map +1 -1
  352. package/esm/components/form/Label.stories.d.ts +1 -1
  353. package/esm/components/form/Label.stories.d.ts.map +1 -1
  354. package/esm/components/form/Select.d.ts +5 -1
  355. package/esm/components/form/Select.d.ts.map +1 -1
  356. package/esm/components/form/Select.js +2 -1
  357. package/esm/components/form/Select.js.map +1 -1
  358. package/esm/components/form/Select.stories.d.ts +1 -1
  359. package/esm/components/form/Select.stories.d.ts.map +1 -1
  360. package/esm/components/form/Toggle.d.ts +100 -5
  361. package/esm/components/form/Toggle.d.ts.map +1 -1
  362. package/esm/components/form/Toggle.js +8 -5
  363. package/esm/components/form/Toggle.js.map +1 -1
  364. package/esm/components/form/Toggle.stories.d.ts +1 -1
  365. package/esm/components/form/Toggle.stories.d.ts.map +1 -1
  366. package/esm/components/form/choice/Choice.d.ts +5 -4
  367. package/esm/components/form/choice/Choice.d.ts.map +1 -1
  368. package/esm/components/form/choice/Choice.js +8 -5
  369. package/esm/components/form/choice/Choice.js.map +1 -1
  370. package/esm/components/form/choice/Choice.stories.d.ts +1 -1
  371. package/esm/components/form/choice/Choice.stories.d.ts.map +1 -1
  372. package/esm/components/form/choice/ChoiceItem.d.ts +5 -1
  373. package/esm/components/form/choice/ChoiceItem.d.ts.map +1 -1
  374. package/esm/components/form/choice/ChoiceItem.js +3 -1
  375. package/esm/components/form/choice/ChoiceItem.js.map +1 -1
  376. package/esm/components/form/choice/ChoiceItem.styled.d.ts +85 -0
  377. package/esm/components/form/choice/ChoiceItem.styled.d.ts.map +1 -0
  378. package/esm/components/form/choice/ChoiceItem.styled.js +6 -0
  379. package/esm/components/form/choice/ChoiceItem.styled.js.map +1 -0
  380. package/esm/components/form/input/Input.css.d.ts +16 -16
  381. package/esm/components/form/input/Input.css.d.ts.map +1 -1
  382. package/esm/components/form/input/Input.css.js.map +1 -1
  383. package/esm/components/form/input/Input.d.ts +1 -1
  384. package/esm/components/form/input/Input.d.ts.map +1 -1
  385. package/esm/components/form/input/Input.js.map +1 -1
  386. package/esm/components/form/input/Input.stories.d.ts +1 -1
  387. package/esm/components/form/input/Input.stories.d.ts.map +1 -1
  388. package/esm/components/form/input/Input.stories.js +3 -2
  389. package/esm/components/form/input/Input.stories.js.map +1 -1
  390. package/esm/components/form/textarea/TextArea.d.ts +4 -2
  391. package/esm/components/form/textarea/TextArea.d.ts.map +1 -1
  392. package/esm/components/form/textarea/TextArea.js +7 -5
  393. package/esm/components/form/textarea/TextArea.js.map +1 -1
  394. package/esm/components/form/textarea/TextArea.stories.d.ts +1 -1
  395. package/esm/components/form/textarea/TextArea.stories.d.ts.map +1 -1
  396. package/esm/components/icons/Battery.js +2 -2
  397. package/esm/components/icons/Battery.js.map +1 -1
  398. package/esm/components/icons/Checkmark.js +1 -1
  399. package/esm/components/icons/Checkmark.js.map +1 -1
  400. package/esm/components/icons/Config.js +1 -1
  401. package/esm/components/icons/Config.js.map +1 -1
  402. package/esm/components/icons/Dots.js +1 -1
  403. package/esm/components/icons/Dots.js.map +1 -1
  404. package/esm/components/icons/Heart.js +1 -1
  405. package/esm/components/icons/Heart.js.map +1 -1
  406. package/esm/components/icons/Icon.stories.d.ts +10 -0
  407. package/esm/components/icons/Icon.stories.d.ts.map +1 -0
  408. package/esm/components/icons/Icon.stories.js +49 -0
  409. package/esm/components/icons/Icon.stories.js.map +1 -0
  410. package/esm/components/icons/Trash.js +1 -1
  411. package/esm/components/icons/Trash.js.map +1 -1
  412. package/esm/components/layout/card/Card.d.ts +5 -9
  413. package/esm/components/layout/card/Card.d.ts.map +1 -1
  414. package/esm/components/layout/card/Card.js +2 -12
  415. package/esm/components/layout/card/Card.js.map +1 -1
  416. package/esm/components/layout/card/Card.stories.d.ts +11 -0
  417. package/esm/components/layout/card/Card.stories.d.ts.map +1 -0
  418. package/esm/components/layout/card/Card.stories.js +39 -0
  419. package/esm/components/layout/card/Card.stories.js.map +1 -0
  420. package/esm/components/layout/card/Card.styled.d.ts +87 -0
  421. package/esm/components/layout/card/Card.styled.d.ts.map +1 -0
  422. package/esm/components/layout/card/Card.styled.js +20 -0
  423. package/esm/components/layout/card/Card.styled.js.map +1 -0
  424. package/esm/components/layout/header/Header.d.ts +8 -3
  425. package/esm/components/layout/header/Header.d.ts.map +1 -1
  426. package/esm/components/layout/header/Header.js +10 -5
  427. package/esm/components/layout/header/Header.js.map +1 -1
  428. package/esm/components/layout/header/Header.stories.d.ts +1 -1
  429. package/esm/components/layout/header/Header.stories.d.ts.map +1 -1
  430. package/esm/components/layout/header/HeaderIconAction.d.ts.map +1 -1
  431. package/esm/components/layout/header/HeaderIconAction.js.map +1 -1
  432. package/esm/components/layout/header/HeaderIconAction.stories.d.ts +1 -1
  433. package/esm/components/layout/header/HeaderIconAction.stories.d.ts.map +1 -1
  434. package/esm/components/layout/header/HeaderIconAction.styled.js +2 -2
  435. package/esm/components/layout/header/HeaderIconAction.styled.js.map +1 -1
  436. package/esm/components/layout/header/StickyHeader.d.ts +1 -0
  437. package/esm/components/layout/header/StickyHeader.d.ts.map +1 -1
  438. package/esm/components/layout/header/StickyHeader.js +1 -1
  439. package/esm/components/layout/header/StickyHeader.js.map +1 -1
  440. package/esm/components/layout/header/StickyHeader.stories.d.ts +1 -1
  441. package/esm/components/layout/header/StickyHeader.stories.d.ts.map +1 -1
  442. package/esm/components/layout/list/Header.stories.d.ts +1 -1
  443. package/esm/components/layout/list/Header.stories.d.ts.map +1 -1
  444. package/esm/components/layout/list/Item.stories.d.ts +1 -1
  445. package/esm/components/layout/list/Item.stories.d.ts.map +1 -1
  446. package/esm/components/layout/list/Item.stories.js +0 -2
  447. package/esm/components/layout/list/Item.stories.js.map +1 -1
  448. package/esm/components/layout/list/Label.stories.d.ts +1 -1
  449. package/esm/components/layout/list/Label.stories.d.ts.map +1 -1
  450. package/esm/components/layout/list/List.stories.d.ts +1 -1
  451. package/esm/components/layout/list/List.stories.d.ts.map +1 -1
  452. package/esm/components/layout/list/Value.stories.d.ts +1 -1
  453. package/esm/components/layout/list/Value.stories.d.ts.map +1 -1
  454. package/esm/components/layout/section/SearchContainer.d.ts +83 -6
  455. package/esm/components/layout/section/SearchContainer.d.ts.map +1 -1
  456. package/esm/components/layout/section/SearchContainer.js +2 -6
  457. package/esm/components/layout/section/SearchContainer.js.map +1 -1
  458. package/esm/components/layout/section/Section.d.ts +86 -7
  459. package/esm/components/layout/section/Section.d.ts.map +1 -1
  460. package/esm/components/layout/section/Section.js +4 -2
  461. package/esm/components/layout/section/Section.js.map +1 -1
  462. package/esm/components/layout/section/Section.stories.d.ts +1 -1
  463. package/esm/components/layout/section/Section.stories.d.ts.map +1 -1
  464. package/esm/components/layout/table/Table.stories.d.ts +1 -1
  465. package/esm/components/layout/table/Table.stories.d.ts.map +1 -1
  466. package/esm/components/native/index.d.ts.map +1 -1
  467. package/esm/components/native/index.js +3 -1
  468. package/esm/components/native/index.js.map +1 -1
  469. package/esm/components/ui/action/Action.js.map +1 -1
  470. package/esm/components/ui/action/Action.stories.d.ts +1 -1
  471. package/esm/components/ui/action/Action.stories.d.ts.map +1 -1
  472. package/esm/components/ui/action/EqualActions.d.ts +4 -3
  473. package/esm/components/ui/action/EqualActions.d.ts.map +1 -1
  474. package/esm/components/ui/action/EqualActions.js +8 -7
  475. package/esm/components/ui/action/EqualActions.js.map +1 -1
  476. package/esm/components/ui/action/EqualActions.stories.d.ts +10 -0
  477. package/esm/components/ui/action/EqualActions.stories.d.ts.map +1 -0
  478. package/esm/components/ui/action/EqualActions.stories.js +38 -0
  479. package/esm/components/ui/action/EqualActions.stories.js.map +1 -0
  480. package/esm/components/ui/action/EqualActions.styled.d.ts +87 -0
  481. package/esm/components/ui/action/EqualActions.styled.d.ts.map +1 -0
  482. package/esm/components/ui/action/EqualActions.styled.js +17 -0
  483. package/esm/components/ui/action/EqualActions.styled.js.map +1 -0
  484. package/esm/components/ui/button/Button.stories.d.ts +1 -1
  485. package/esm/components/ui/button/Button.stories.d.ts.map +1 -1
  486. package/esm/components/ui/directionPad/Button.d.ts +6 -4
  487. package/esm/components/ui/directionPad/Button.d.ts.map +1 -1
  488. package/esm/components/ui/directionPad/Button.js +10 -7
  489. package/esm/components/ui/directionPad/Button.js.map +1 -1
  490. package/esm/components/ui/directionPad/Button.styled.d.ts +168 -0
  491. package/esm/components/ui/directionPad/Button.styled.d.ts.map +1 -0
  492. package/esm/components/ui/directionPad/Button.styled.js +20 -0
  493. package/esm/components/ui/directionPad/Button.styled.js.map +1 -0
  494. package/esm/components/ui/directionPad/Middle.d.ts +4 -3
  495. package/esm/components/ui/directionPad/Middle.d.ts.map +1 -1
  496. package/esm/components/ui/directionPad/Middle.js +7 -5
  497. package/esm/components/ui/directionPad/Middle.js.map +1 -1
  498. package/esm/components/ui/directionPad/Middle.styled.d.ts +85 -0
  499. package/esm/components/ui/directionPad/Middle.styled.d.ts.map +1 -0
  500. package/esm/components/ui/directionPad/Middle.styled.js +16 -0
  501. package/esm/components/ui/directionPad/Middle.styled.js.map +1 -0
  502. package/esm/components/ui/directionPad/Pad.d.ts +9 -4
  503. package/esm/components/ui/directionPad/Pad.d.ts.map +1 -1
  504. package/esm/components/ui/directionPad/Pad.js +15 -11
  505. package/esm/components/ui/directionPad/Pad.js.map +1 -1
  506. package/esm/components/ui/directionPad/Pad.stories.d.ts +10 -0
  507. package/esm/components/ui/directionPad/Pad.stories.d.ts.map +1 -0
  508. package/esm/components/ui/directionPad/Pad.stories.js +79 -0
  509. package/esm/components/ui/directionPad/Pad.stories.js.map +1 -0
  510. package/esm/components/ui/directionPad/Pad.styled.d.ts +168 -0
  511. package/esm/components/ui/directionPad/Pad.styled.d.ts.map +1 -0
  512. package/esm/components/ui/directionPad/Pad.styled.js +17 -0
  513. package/esm/components/ui/directionPad/Pad.styled.js.map +1 -0
  514. package/esm/components/ui/drawer/Drawer.d.ts +7 -18
  515. package/esm/components/ui/drawer/Drawer.d.ts.map +1 -1
  516. package/esm/components/ui/drawer/Drawer.js +38 -54
  517. package/esm/components/ui/drawer/Drawer.js.map +1 -1
  518. package/esm/components/ui/drawer/Drawer.stories.d.ts +11 -0
  519. package/esm/components/ui/drawer/Drawer.stories.d.ts.map +1 -0
  520. package/esm/components/ui/drawer/Drawer.stories.js +101 -0
  521. package/esm/components/ui/drawer/Drawer.stories.js.map +1 -0
  522. package/esm/components/ui/drawer/Drawer.styled.d.ts +168 -0
  523. package/esm/components/ui/drawer/Drawer.styled.d.ts.map +1 -0
  524. package/esm/components/ui/drawer/Drawer.styled.js +17 -0
  525. package/esm/components/ui/drawer/Drawer.styled.js.map +1 -0
  526. package/esm/components/ui/keyValue/KeyValue.d.ts +10 -4
  527. package/esm/components/ui/keyValue/KeyValue.d.ts.map +1 -1
  528. package/esm/components/ui/keyValue/KeyValue.js +26 -19
  529. package/esm/components/ui/keyValue/KeyValue.js.map +1 -1
  530. package/esm/components/ui/keyValue/KeyValue.stories.d.ts +11 -0
  531. package/esm/components/ui/keyValue/KeyValue.stories.d.ts.map +1 -0
  532. package/esm/components/ui/keyValue/KeyValue.stories.js +98 -0
  533. package/esm/components/ui/keyValue/KeyValue.stories.js.map +1 -0
  534. package/esm/components/ui/keyValue/KeyValue.styled.d.ts +503 -0
  535. package/esm/components/ui/keyValue/KeyValue.styled.d.ts.map +1 -0
  536. package/esm/components/ui/keyValue/KeyValue.styled.js +55 -0
  537. package/esm/components/ui/keyValue/KeyValue.styled.js.map +1 -0
  538. package/esm/components/ui/line/Line.stories.d.ts +1 -1
  539. package/esm/components/ui/line/Line.stories.d.ts.map +1 -1
  540. package/esm/components/ui/loader/CoveringLoader.stories.d.ts +1 -1
  541. package/esm/components/ui/loader/CoveringLoader.stories.d.ts.map +1 -1
  542. package/esm/components/ui/loader/FullLoader.stories.d.ts +1 -1
  543. package/esm/components/ui/loader/FullLoader.stories.d.ts.map +1 -1
  544. package/esm/components/ui/loader/Loader.stories.d.ts +1 -1
  545. package/esm/components/ui/loader/Loader.stories.d.ts.map +1 -1
  546. package/esm/components/ui/loader/Loading.stories.d.ts +1 -1
  547. package/esm/components/ui/loader/Loading.stories.d.ts.map +1 -1
  548. package/esm/components/ui/loader/PopLoader.js +1 -1
  549. package/esm/components/ui/loader/PopLoader.js.map +1 -1
  550. package/esm/components/ui/loader/PopLoader.stories.d.ts +1 -1
  551. package/esm/components/ui/loader/PopLoader.stories.d.ts.map +1 -1
  552. package/esm/components/ui/message/Message.stories.d.ts +1 -1
  553. package/esm/components/ui/message/Message.stories.d.ts.map +1 -1
  554. package/esm/components/ui/modal/Modal.stories.d.ts +1 -1
  555. package/esm/components/ui/modal/Modal.stories.d.ts.map +1 -1
  556. package/esm/components/ui/modal/ModalButtons.stories.d.ts +1 -1
  557. package/esm/components/ui/modal/ModalButtons.stories.d.ts.map +1 -1
  558. package/esm/components/ui/modal/ModalButtons.styled.d.ts +87 -89
  559. package/esm/components/ui/modal/ModalButtons.styled.d.ts.map +1 -1
  560. package/esm/components/ui/modal/ModalButtons.styled.js +4 -2
  561. package/esm/components/ui/modal/ModalButtons.styled.js.map +1 -1
  562. package/esm/components/ui/pop/OnButtonClick.js +1 -1
  563. package/esm/components/ui/pop/OnButtonClick.js.map +1 -1
  564. package/esm/components/ui/pop/Pop.d.ts.map +1 -1
  565. package/esm/components/ui/pop/Pop.js +4 -0
  566. package/esm/components/ui/pop/Pop.js.map +1 -1
  567. package/esm/components/ui/pop/Pop.stories.d.ts +1 -1
  568. package/esm/components/ui/pop/Pop.stories.d.ts.map +1 -1
  569. package/esm/components/ui/pop/Pop.styled.js +1 -1
  570. package/esm/components/ui/pop/Pop.styled.js.map +1 -1
  571. package/esm/components/ui/progress/Progress.d.ts +6 -4
  572. package/esm/components/ui/progress/Progress.d.ts.map +1 -1
  573. package/esm/components/ui/progress/Progress.js +10 -5
  574. package/esm/components/ui/progress/Progress.js.map +1 -1
  575. package/esm/components/ui/progress/Progress.stories.d.ts +1 -1
  576. package/esm/components/ui/progress/Progress.stories.d.ts.map +1 -1
  577. package/esm/components/ui/progress/Progress.stories.js.map +1 -1
  578. package/esm/components/ui/stats/Stats.d.ts +14 -8
  579. package/esm/components/ui/stats/Stats.d.ts.map +1 -1
  580. package/esm/components/ui/stats/Stats.js +16 -14
  581. package/esm/components/ui/stats/Stats.js.map +1 -1
  582. package/esm/components/ui/stats/Stats.stories.d.ts +11 -0
  583. package/esm/components/ui/stats/Stats.stories.d.ts.map +1 -0
  584. package/esm/components/ui/stats/Stats.stories.js +104 -0
  585. package/esm/components/ui/stats/Stats.stories.js.map +1 -0
  586. package/esm/components/ui/stats/Stats.styled.d.ts +419 -0
  587. package/esm/components/ui/stats/Stats.styled.d.ts.map +1 -0
  588. package/esm/components/ui/stats/Stats.styled.js +49 -0
  589. package/esm/components/ui/stats/Stats.styled.js.map +1 -0
  590. package/esm/components/ui/tabs/Item.d.ts +8 -4
  591. package/esm/components/ui/tabs/Item.d.ts.map +1 -1
  592. package/esm/components/ui/tabs/Item.js +5 -7
  593. package/esm/components/ui/tabs/Item.js.map +1 -1
  594. package/esm/components/ui/tabs/Item.styled.d.ts +4 -0
  595. package/esm/components/ui/tabs/Item.styled.d.ts.map +1 -0
  596. package/esm/components/ui/tabs/Item.styled.js +17 -0
  597. package/esm/components/ui/tabs/Item.styled.js.map +1 -0
  598. package/esm/components/ui/tabs/Selector.d.ts +7 -5
  599. package/esm/components/ui/tabs/Selector.d.ts.map +1 -1
  600. package/esm/components/ui/tabs/Selector.js +9 -7
  601. package/esm/components/ui/tabs/Selector.js.map +1 -1
  602. package/esm/components/ui/tabs/Selector.stories.d.ts +10 -0
  603. package/esm/components/ui/tabs/Selector.stories.d.ts.map +1 -0
  604. package/esm/components/ui/tabs/Selector.stories.js +72 -0
  605. package/esm/components/ui/tabs/Selector.stories.js.map +1 -0
  606. package/esm/components/ui/tabs/Selector.styled.d.ts +2 -0
  607. package/esm/components/ui/tabs/Selector.styled.d.ts.map +1 -0
  608. package/esm/components/ui/tabs/Selector.styled.js +11 -0
  609. package/esm/components/ui/tabs/Selector.styled.js.map +1 -0
  610. package/esm/components/ui/toaster/Toaster.d.ts.map +1 -1
  611. package/esm/components/ui/toaster/Toaster.js +1 -0
  612. package/esm/components/ui/toaster/Toaster.js.map +1 -1
  613. package/esm/components/ui/toaster/Toaster.stories.d.ts +1 -1
  614. package/esm/components/ui/toaster/Toaster.stories.d.ts.map +1 -1
  615. package/esm/components/ui/toolButton/ToolButton.stories.d.ts +1 -1
  616. package/esm/components/ui/toolButton/ToolButton.stories.d.ts.map +1 -1
  617. package/esm/components/utils/Gap.d.ts +87 -0
  618. package/esm/components/utils/Gap.d.ts.map +1 -0
  619. package/esm/components/utils/Gap.js +15 -0
  620. package/esm/components/utils/Gap.js.map +1 -0
  621. package/esm/index.d.ts +2 -0
  622. package/esm/index.d.ts.map +1 -1
  623. package/esm/index.js +2 -0
  624. package/esm/index.js.map +1 -1
  625. package/esm/scrollbars.css.d.ts.map +1 -1
  626. package/esm/scrollbars.css.js +2 -2
  627. package/esm/scrollbars.css.js.map +1 -1
  628. package/esm/theme.css-global.d.ts +3 -0
  629. package/esm/theme.css-global.d.ts.map +1 -0
  630. package/esm/theme.css-global.js +16 -0
  631. package/esm/theme.css-global.js.map +1 -0
  632. package/esm/theme.css-reset.d.ts.map +1 -1
  633. package/esm/theme.css-reset.js +2 -4
  634. package/esm/theme.css-reset.js.map +1 -1
  635. package/esm/theme.d.ts +2 -2
  636. package/esm/utils/index.d.ts +0 -1
  637. package/esm/utils/index.d.ts.map +1 -1
  638. package/esm/utils/index.js +0 -1
  639. package/esm/utils/index.js.map +1 -1
  640. package/package.json +13 -34
  641. package/src/components/form/Checkbox.stories.tsx +1 -1
  642. package/src/components/form/Checkbox.styled.ts +1 -1
  643. package/src/components/form/Checkbox.tsx +23 -14
  644. package/src/components/form/ColorPicker.stories.tsx +1 -1
  645. package/src/components/form/ColorPicker.styled.ts +1 -1
  646. package/src/components/form/ColorPicker.tsx +21 -14
  647. package/src/components/form/Label.stories.tsx +1 -1
  648. package/src/components/form/Label.tsx +13 -11
  649. package/src/components/form/Select.stories.tsx +1 -1
  650. package/src/components/form/Select.tsx +8 -1
  651. package/src/components/form/Toggle.stories.tsx +1 -1
  652. package/src/components/form/Toggle.tsx +12 -9
  653. package/src/components/form/choice/Choice.stories.tsx +1 -1
  654. package/src/components/form/choice/Choice.tsx +13 -8
  655. package/src/components/form/choice/ChoiceItem.styled.ts +9 -0
  656. package/src/components/form/choice/ChoiceItem.tsx +8 -2
  657. package/src/components/form/input/Input.css.ts +3 -5
  658. package/src/components/form/input/Input.stories.tsx +5 -4
  659. package/src/components/form/input/Input.tsx +3 -2
  660. package/src/components/form/textarea/TextArea.stories.tsx +1 -1
  661. package/src/components/form/textarea/TextArea.tsx +12 -7
  662. package/src/components/icons/Battery.tsx +2 -2
  663. package/src/components/icons/Checkmark.tsx +1 -1
  664. package/src/components/icons/Config.tsx +1 -1
  665. package/src/components/icons/Dots.tsx +1 -1
  666. package/src/components/icons/Heart.tsx +1 -1
  667. package/src/components/icons/Icon.stories.tsx +82 -0
  668. package/src/components/icons/Trash.tsx +1 -1
  669. package/src/components/layout/card/Card.stories.tsx +93 -0
  670. package/src/components/layout/card/Card.styled.ts +25 -0
  671. package/src/components/layout/card/Card.tsx +5 -27
  672. package/src/components/layout/header/Header.stories.tsx +2 -2
  673. package/src/components/layout/header/Header.tsx +15 -7
  674. package/src/components/layout/header/HeaderIconAction.stories.tsx +1 -1
  675. package/src/components/layout/header/HeaderIconAction.styled.ts +2 -2
  676. package/src/components/layout/header/HeaderIconAction.tsx +1 -0
  677. package/src/components/layout/header/StickyHeader.stories.tsx +2 -2
  678. package/src/components/layout/header/StickyHeader.tsx +10 -2
  679. package/src/components/layout/list/Header.stories.tsx +1 -1
  680. package/src/components/layout/list/Item.stories.tsx +1 -4
  681. package/src/components/layout/list/Label.stories.tsx +1 -1
  682. package/src/components/layout/list/List.stories.tsx +1 -1
  683. package/src/components/layout/list/Value.stories.tsx +1 -1
  684. package/src/components/layout/section/SearchContainer.tsx +2 -15
  685. package/src/components/layout/section/Section.stories.tsx +1 -1
  686. package/src/components/layout/section/Section.tsx +4 -7
  687. package/src/components/layout/table/Table.stories.tsx +1 -1
  688. package/src/components/native/index.ts +3 -1
  689. package/src/components/ui/action/Action.stories.tsx +1 -1
  690. package/src/components/ui/action/Action.tsx +2 -2
  691. package/src/components/ui/action/EqualActions.stories.tsx +72 -0
  692. package/src/components/ui/action/EqualActions.styled.ts +21 -0
  693. package/src/components/ui/action/EqualActions.tsx +21 -14
  694. package/src/components/ui/button/Button.stories.tsx +1 -1
  695. package/src/components/ui/directionPad/Button.styled.ts +25 -0
  696. package/src/components/ui/directionPad/Button.tsx +16 -8
  697. package/src/components/ui/directionPad/Middle.styled.ts +19 -0
  698. package/src/components/ui/directionPad/Middle.tsx +13 -7
  699. package/src/components/ui/directionPad/Pad.stories.tsx +143 -0
  700. package/src/components/ui/directionPad/Pad.styled.ts +22 -0
  701. package/src/components/ui/directionPad/Pad.tsx +30 -19
  702. package/src/components/ui/drawer/Drawer.stories.tsx +167 -0
  703. package/src/components/ui/drawer/Drawer.styled.ts +22 -0
  704. package/src/components/ui/drawer/Drawer.tsx +44 -67
  705. package/src/components/ui/keyValue/KeyValue.stories.tsx +143 -0
  706. package/src/components/ui/keyValue/KeyValue.styled.ts +70 -0
  707. package/src/components/ui/keyValue/KeyValue.tsx +49 -24
  708. package/src/components/ui/line/Line.stories.tsx +1 -1
  709. package/src/components/ui/loader/CoveringLoader.stories.tsx +1 -1
  710. package/src/components/ui/loader/FullLoader.stories.tsx +1 -1
  711. package/src/components/ui/loader/Loader.stories.tsx +1 -1
  712. package/src/components/ui/loader/Loading.stories.tsx +1 -1
  713. package/src/components/ui/loader/PopLoader.stories.tsx +1 -1
  714. package/src/components/ui/loader/PopLoader.tsx +1 -1
  715. package/src/components/ui/message/Message.stories.tsx +1 -1
  716. package/src/components/ui/message/Message.tsx +1 -1
  717. package/src/components/ui/modal/Modal.stories.tsx +1 -1
  718. package/src/components/ui/modal/ModalButtons.stories.tsx +1 -1
  719. package/src/components/ui/modal/ModalButtons.styled.ts +4 -4
  720. package/src/components/ui/pop/OnButtonClick.tsx +1 -1
  721. package/src/components/ui/pop/Pop.stories.tsx +1 -1
  722. package/src/components/ui/pop/Pop.styled.ts +1 -1
  723. package/src/components/ui/pop/Pop.tsx +5 -1
  724. package/src/components/ui/progress/Progress.stories.tsx +2 -1
  725. package/src/components/ui/progress/Progress.tsx +25 -7
  726. package/src/components/ui/stats/Stats.stories.tsx +167 -0
  727. package/src/components/ui/stats/Stats.styled.ts +62 -0
  728. package/src/components/ui/stats/Stats.tsx +35 -25
  729. package/src/components/ui/tabs/Item.styled.ts +19 -0
  730. package/src/components/ui/tabs/Item.tsx +14 -13
  731. package/src/components/ui/tabs/Selector.stories.tsx +108 -0
  732. package/src/components/ui/tabs/Selector.styled.ts +13 -0
  733. package/src/components/ui/tabs/Selector.tsx +16 -13
  734. package/src/components/ui/toaster/Toaster.stories.tsx +1 -1
  735. package/src/components/ui/toaster/Toaster.tsx +1 -0
  736. package/src/components/ui/toolButton/ToolButton.stories.tsx +1 -1
  737. package/src/components/utils/Gap.tsx +19 -0
  738. package/src/index.ts +2 -0
  739. package/src/scrollbars.css.ts +3 -3
  740. package/src/theme.css-global.ts +19 -0
  741. package/src/theme.css-reset.ts +2 -4
  742. package/src/types/fnWithProps.ts +1 -1
  743. package/src/utils/index.ts +0 -1
  744. package/.prettierignore +0 -3
  745. package/.prettierrc.json +0 -1
  746. package/dist/components/layout/card/Card.module.scss +0 -15
  747. package/dist/components/layout/section/SearchContainer.module.scss +0 -3
  748. package/dist/components/ui/action/EqualActions.module.scss +0 -11
  749. package/dist/components/ui/directionPad/Pad.module.scss +0 -45
  750. package/dist/components/ui/drawer/Drawer.module.scss +0 -15
  751. package/dist/components/ui/keyValue/KeyValue.module.scss +0 -57
  752. package/dist/components/ui/message/Message.module.scss +0 -31
  753. package/dist/components/ui/modal/ModalButton.d.ts +0 -8
  754. package/dist/components/ui/modal/ModalButton.d.ts.map +0 -1
  755. package/dist/components/ui/modal/ModalButton.js +0 -31
  756. package/dist/components/ui/modal/ModalButton.js.map +0 -1
  757. package/dist/components/ui/stats/Stats.module.scss +0 -48
  758. package/dist/components/ui/tabs/Item.module.scss +0 -11
  759. package/dist/components/ui/tabs/Selector.module.scss +0 -6
  760. package/dist/global.scss +0 -95
  761. package/dist/scrollbars.scss +0 -22
  762. package/dist/utils/makeVariants.d.ts +0 -3
  763. package/dist/utils/makeVariants.d.ts.map +0 -1
  764. package/dist/utils/makeVariants.js +0 -14
  765. package/dist/utils/makeVariants.js.map +0 -1
  766. package/docs/assets/pages.css +0 -14
  767. package/docs/classes/Drawer.html +0 -549
  768. package/docs/classes/Pop.html +0 -580
  769. package/docs/classes/ToasterProvider.html +0 -568
  770. package/docs/enums/ICON.html +0 -123
  771. package/docs/functions/Action.html +0 -135
  772. package/docs/functions/Button.html +0 -161
  773. package/docs/functions/Card.html +0 -132
  774. package/docs/functions/Checkbox.html +0 -134
  775. package/docs/functions/Choice.html +0 -132
  776. package/docs/functions/ColorPicker.html +0 -134
  777. package/docs/functions/CoveringLoader.html +0 -135
  778. package/docs/functions/DirectionPad.html +0 -132
  779. package/docs/functions/EqualActions.html +0 -132
  780. package/docs/functions/FullLoader.html +0 -134
  781. package/docs/functions/HandleEsc.html +0 -132
  782. package/docs/functions/Header.html +0 -137
  783. package/docs/functions/HeaderIconAction.html +0 -135
  784. package/docs/functions/Icon-1.html +0 -132
  785. package/docs/functions/If.html +0 -132
  786. package/docs/functions/Input.html +0 -131
  787. package/docs/functions/KeyValue.html +0 -132
  788. package/docs/functions/Label.html +0 -132
  789. package/docs/functions/Line.html +0 -161
  790. package/docs/functions/List-1.html +0 -142
  791. package/docs/functions/Loader.html +0 -136
  792. package/docs/functions/Loading.html +0 -138
  793. package/docs/functions/Message.html +0 -161
  794. package/docs/functions/Modal-1.html +0 -132
  795. package/docs/functions/ModalButtons.html +0 -155
  796. package/docs/functions/PopLoader.html +0 -136
  797. package/docs/functions/PopOption.html +0 -132
  798. package/docs/functions/Progress.html +0 -135
  799. package/docs/functions/SearchContainer.html +0 -132
  800. package/docs/functions/Section.html +0 -167
  801. package/docs/functions/Select.html +0 -155
  802. package/docs/functions/Selector.html +0 -131
  803. package/docs/functions/Spacer.html +0 -155
  804. package/docs/functions/Stats.html +0 -132
  805. package/docs/functions/StickyHeader.html +0 -126
  806. package/docs/functions/Table.html +0 -155
  807. package/docs/functions/TextArea.html +0 -132
  808. package/docs/functions/Toggle.html +0 -132
  809. package/docs/functions/ToolButton.html +0 -161
  810. package/docs/functions/borderPxToRem.html +0 -126
  811. package/docs/functions/createTheme.html +0 -135
  812. package/docs/functions/css.html +0 -133
  813. package/docs/functions/dimensionsPxToRem.html +0 -126
  814. package/docs/functions/fontPxToRem.html +0 -126
  815. package/docs/functions/getCssText.html +0 -121
  816. package/docs/functions/globalCss.html +0 -137
  817. package/docs/functions/keyframes.html +0 -137
  818. package/docs/functions/pxToRem.html +0 -126
  819. package/docs/functions/styled.html +0 -137
  820. package/docs/functions/useToaster.html +0 -121
  821. package/docs/interfaces/IconProps.html +0 -78
  822. package/docs/interfaces/InputCustomProps.html +0 -126
  823. package/docs/interfaces/LabelProps.html +0 -103
  824. package/docs/interfaces/StickyHeaderProps.html +0 -99
  825. package/docs/interfaces/ToggleProps.html +0 -135
  826. package/docs/modules/List.html +0 -60
  827. package/docs/modules/Modal.html +0 -57
  828. package/docs/pages/tutorials/Test.html +0 -116
  829. package/docs/types/ActionProps.html +0 -117
  830. package/docs/types/ChoiceProps.html +0 -117
  831. package/docs/types/InputProps.html +0 -122
  832. package/docs/types/OverwriteProps.html +0 -132
  833. package/docs/types/ThemeCSS.html +0 -117
  834. package/docs/variables/List.Header.html +0 -52
  835. package/docs/variables/List.Item.html +0 -52
  836. package/docs/variables/Modal.RemovePadding.html +0 -51
  837. package/docs/variables/config.html +0 -131
  838. package/docs/variables/cssReset.html +0 -119
  839. package/docs/variables/miuiScrollbars.html +0 -117
  840. package/docs/variables/theme.html +0 -117
  841. package/esm/components/layout/card/Card.module.scss +0 -15
  842. package/esm/components/layout/section/SearchContainer.module.scss +0 -3
  843. package/esm/components/ui/action/EqualActions.module.scss +0 -11
  844. package/esm/components/ui/directionPad/Pad.module.scss +0 -45
  845. package/esm/components/ui/drawer/Drawer.module.scss +0 -15
  846. package/esm/components/ui/keyValue/KeyValue.module.scss +0 -57
  847. package/esm/components/ui/message/Message.module.scss +0 -31
  848. package/esm/components/ui/modal/ModalButton.d.ts +0 -8
  849. package/esm/components/ui/modal/ModalButton.d.ts.map +0 -1
  850. package/esm/components/ui/modal/ModalButton.js +0 -13
  851. package/esm/components/ui/modal/ModalButton.js.map +0 -1
  852. package/esm/components/ui/stats/Stats.module.scss +0 -48
  853. package/esm/components/ui/tabs/Item.module.scss +0 -11
  854. package/esm/components/ui/tabs/Selector.module.scss +0 -6
  855. package/esm/global.scss +0 -95
  856. package/esm/scrollbars.scss +0 -22
  857. package/esm/utils/makeVariants.d.ts +0 -3
  858. package/esm/utils/makeVariants.d.ts.map +0 -1
  859. package/esm/utils/makeVariants.js +0 -11
  860. package/esm/utils/makeVariants.js.map +0 -1
  861. package/next.config.js +0 -6
  862. package/src/components/layout/card/Card.module.scss +0 -15
  863. package/src/components/layout/section/SearchContainer.module.scss +0 -3
  864. package/src/components/ui/action/EqualActions.module.scss +0 -11
  865. package/src/components/ui/directionPad/Pad.module.scss +0 -45
  866. package/src/components/ui/drawer/Drawer.module.scss +0 -15
  867. package/src/components/ui/keyValue/KeyValue.module.scss +0 -57
  868. package/src/components/ui/message/Message.module.scss +0 -31
  869. package/src/components/ui/modal/ModalButton.tsx +0 -27
  870. package/src/components/ui/stats/Stats.module.scss +0 -48
  871. package/src/components/ui/tabs/Item.module.scss +0 -11
  872. package/src/components/ui/tabs/Selector.module.scss +0 -6
  873. package/src/demo/Demo.module.scss +0 -4
  874. package/src/demo/Demo.tsx +0 -25
  875. package/src/demo/Main.module.scss +0 -38
  876. package/src/demo/Main.tsx +0 -84
  877. package/src/demo/Menu.module.scss +0 -42
  878. package/src/demo/Menu.tsx +0 -43
  879. package/src/demo/NextLink.tsx +0 -11
  880. package/src/demo/components/form/Form.tsx +0 -31
  881. package/src/demo/components/form/Search.tsx +0 -33
  882. package/src/demo/components/form/TextArea.tsx +0 -13
  883. package/src/demo/components/layout/card/Card.tsx +0 -21
  884. package/src/demo/components/ui/action/Action.tsx +0 -109
  885. package/src/demo/components/ui/action/ActionDemo.module.scss +0 -3
  886. package/src/demo/components/ui/directionPad/Pad.tsx +0 -41
  887. package/src/demo/components/ui/drawer/Drawer.tsx +0 -29
  888. package/src/demo/components/ui/icons/Icons.tsx +0 -24
  889. package/src/demo/components/ui/keyValue/KeyValue.tsx +0 -49
  890. package/src/demo/components/ui/stats/Stats.module.scss +0 -29
  891. package/src/demo/components/ui/stats/Stats.tsx +0 -60
  892. package/src/demo/components/ui/tabs/Tabs.tsx +0 -15
  893. package/src/demo/componentsMap.ts +0 -107
  894. package/src/demo/utils/safeUseHash.ts +0 -15
  895. package/src/demo-global.scss +0 -9
  896. package/src/global.scss +0 -95
  897. package/src/pages/_app.tsx +0 -24
  898. package/src/pages/index.tsx +0 -10
  899. package/src/pages/react-miui.tsx +0 -13
  900. package/src/scrollbars.scss +0 -22
  901. package/src/utils/makeVariants.ts +0 -13
  902. package/typedoc.cjs +0 -5
  903. package/typedoc.mjs +0 -49
  904. /package/src/demo/{components/form/countries.const.ts → countries.const.ts} +0 -0
package/docs/functions/index.Table.html ADDED
@@ -0,0 +1,15 @@
1
+ <!DOCTYPE html><html class="default" lang="en" data-base=".."><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Table | react-miui - v0.29.0</title><meta name="description" content="Documentation for react-miui"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><div class="table-cell" id="tsd-search"><div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-search"></use></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div><div class="field"><div id="tsd-toolbar-links"></div></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">react-miui - v0.29.0</a></div><div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb"><li><a href="../modules.html">react-miui</a></li><li><a href="../modules/index.html">index</a></li><li><a href="index.Table.html">Table</a></li></ul><h1>Function Table</h1></div><section class="tsd-panel"><ul class="tsd-signatures"><li class="tsd-signature tsd-anchor-link"><a id="table" class="tsd-anchor"></a><span class="tsd-kind-call-signature">Table</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">props</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><br/>        <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><br/>            <span class="tsd-signature-type">DetailedHTMLProps</span><span class="tsd-signature-symbol">&lt;</span><br/>                <span class="tsd-signature-type">TableHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLTableElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-type">HTMLTableElement</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-type">&quot;ref&quot;</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-symbol">{</span><br/>            <span class="tsd-kind-property">ref</span><span class="tsd-signature-symbol">?:</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">null</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">instance</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLTableElement</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">RefObject</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLTableElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-type">&quot;wide&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;css&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;as&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;striped&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;centered&quot;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-type">TransformProps</span><span class="tsd-signature-symbol">&lt;</span><br/>        <span class="tsd-signature-symbol">{</span><br/>            <span class="tsd-kind-property">centered</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><br/>            <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">striped</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">wide</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-symbol">{</span><br/>        <span class="tsd-kind-property">as</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">css</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CSS</span><span class="tsd-signature-symbol">&lt;</span><br/>            <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-kind-property">colors</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><br/>                    <span class="tsd-kind-property">activeBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e7e7e7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">background</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;white&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#038bf4&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#b7d6f5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dbe6ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue4</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#33b4ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue5</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#30a2e6&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">border</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d5d5d5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">buttonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#bababa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceActiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceActiveText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#313131&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffffff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cfcfcf&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">focusColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dcaf00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">green1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#3ec234&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">green1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#38af2f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">grey1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#efeff0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c8c8c9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#484848&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">icon</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#636363&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inactiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d3d3de&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inactiveDarkBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inputDisabledBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inputDisabledText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">mainColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">mainColorAlt</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#006AA9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f7f7f7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalButtonBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalButtonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c2c2c2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">orange1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff7200&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">orange1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cc5b00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pink1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff388f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f5c0b7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e07b67&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffe1db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">popText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">purple1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#7357e8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">red1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ea2700&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">scrollbarsBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;transparent&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">scrollbarsThumb</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">selectorActive</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">selectorText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#606060&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">sub</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">tableStripedBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fafafa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">text</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#323232&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f0f0f0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e0e0e0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#deae84&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cdcdcd&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBorderDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c29f7d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolbarBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolbarBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ababab&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolButtonText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666e80&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffde9d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e4a429&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fff5db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-type">DefaultThemeMap</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-kind-property">mx</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">my</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">px</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">py</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">size</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">height</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">width</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><br/><span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">ReactElement</span><a href="#table" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">props</span>: <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><br/>    <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><br/>        <span class="tsd-signature-type">DetailedHTMLProps</span><span class="tsd-signature-symbol">&lt;</span><br/>            <span class="tsd-signature-type">TableHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLTableElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-type">HTMLTableElement</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-type">&quot;ref&quot;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-symbol">{</span><br/>        <span class="tsd-kind-property">ref</span><span class="tsd-signature-symbol">?:</span><br/>            <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">null</span><br/>            <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">instance</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLTableElement</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><br/>            <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">RefObject</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLTableElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-type">&quot;wide&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;css&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;as&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;striped&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;centered&quot;</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-type">TransformProps</span><span class="tsd-signature-symbol">&lt;</span><br/>    <span class="tsd-signature-symbol">{</span><br/>        <span class="tsd-kind-property">centered</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">striped</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">wide</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-symbol">{</span><br/>    <span class="tsd-kind-property">as</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">css</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CSS</span><span class="tsd-signature-symbol">&lt;</span><br/>        <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">{</span><br/>            <span class="tsd-kind-property">colors</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-kind-property">activeBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e7e7e7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">background</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;white&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">blue1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#038bf4&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">blue2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#b7d6f5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">blue3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dbe6ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">blue4</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#33b4ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">blue5</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#30a2e6&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">border</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d5d5d5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">buttonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#bababa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">choiceActiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">choiceActiveText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#313131&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">choiceBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffffff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">choiceBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cfcfcf&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">choiceText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">focusColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dcaf00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">green1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#3ec234&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">green1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#38af2f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">grey1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">headerBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#efeff0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">headerBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c8c8c9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">headerText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#484848&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">icon</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#636363&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">inactiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d3d3de&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">inactiveDarkBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">inputDisabledBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">inputDisabledText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">mainColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">mainColorAlt</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#006AA9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">modalBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f7f7f7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">modalButtonBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">modalButtonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c2c2c2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">orange1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff7200&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">orange1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cc5b00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">pink1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff388f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">pinky1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f5c0b7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">pinky2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e07b67&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">pinky3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffe1db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">popText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">purple1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#7357e8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">red1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ea2700&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">scrollbarsBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;transparent&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">scrollbarsThumb</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">selectorActive</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">selectorText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#606060&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">sub</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">tableStripedBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fafafa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">text</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#323232&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toggleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f0f0f0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toggleHandleBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e0e0e0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toggleHandleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#deae84&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toggleHandleBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cdcdcd&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toggleHandleBorderDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c29f7d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toolbarBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toolbarBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ababab&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toolButtonText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666e80&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">yellow1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffde9d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">yellow2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e4a429&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">yellow3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fff5db&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-type">DefaultThemeMap</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">{</span><br/>            <span class="tsd-kind-property">mx</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">my</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">px</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">py</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">size</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">height</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">width</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">ReactElement</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/components/layout/table/Table.styled.ts#L3">src/components/layout/table/Table.styled.ts:3</a></li></ul></aside></li><li class="tsd-signature tsd-anchor-link"><a id="table-1" class="tsd-anchor"></a><span class="tsd-kind-call-signature">Table</span><span class="tsd-signature-symbol">&lt;</span><br/>    <a class="tsd-signature-type tsd-kind-type-parameter" href="index.Table.html#tablec">C</a> <span class="tsd-signature-keyword">extends</span><br/>        <span class="tsd-signature-type">CSS</span><span class="tsd-signature-symbol">&lt;</span><br/>            <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-kind-property">colors</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><br/>                    <span class="tsd-kind-property">activeBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e7e7e7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">background</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;white&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#038bf4&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#b7d6f5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dbe6ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue4</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#33b4ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue5</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#30a2e6&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">border</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d5d5d5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">buttonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#bababa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceActiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceActiveText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#313131&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffffff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cfcfcf&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">focusColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dcaf00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">green1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#3ec234&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">green1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#38af2f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">grey1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#efeff0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c8c8c9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#484848&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">icon</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#636363&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inactiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d3d3de&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inactiveDarkBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inputDisabledBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inputDisabledText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">mainColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">mainColorAlt</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#006AA9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f7f7f7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalButtonBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalButtonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c2c2c2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">orange1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff7200&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">orange1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cc5b00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pink1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff388f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f5c0b7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e07b67&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffe1db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">popText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">purple1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#7357e8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">red1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ea2700&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">scrollbarsBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;transparent&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">scrollbarsThumb</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">selectorActive</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">selectorText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#606060&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">sub</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">tableStripedBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fafafa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">text</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#323232&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f0f0f0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e0e0e0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#deae84&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cdcdcd&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBorderDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c29f7d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolbarBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolbarBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ababab&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolButtonText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666e80&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffde9d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e4a429&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fff5db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-type">DefaultThemeMap</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-kind-property">mx</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">my</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">px</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">py</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">size</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">height</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">width</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>    <a class="tsd-signature-type tsd-kind-type-parameter" href="index.Table.html#tableas">As</a> <span class="tsd-signature-keyword">extends</span> <span class="tsd-signature-type">string</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">ComponentType</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">=</span> <span class="tsd-signature-type">&quot;table&quot;</span><span class="tsd-signature-symbol">,</span><br/>    <a class="tsd-signature-type tsd-kind-type-parameter" href="index.Table.html#tableinnerprops">InnerProps</a> <span class="tsd-signature-symbol">=</span> <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">props</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Assign</span><span class="tsd-signature-symbol">&lt;</span><br/>        <span class="tsd-signature-type">ComponentPropsWithRef</span><span class="tsd-signature-symbol">&lt;</span><br/>            <a class="tsd-signature-type tsd-kind-type-parameter" href="index.Select.html#selectas">As</a> <span class="tsd-signature-keyword">extends</span> (keyof IntrinsicElements)<br/>            <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">ComponentType</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span><br/>                <span class="tsd-signature-symbol">?</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="index.Select.html#selectas">As</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="index.Select.html#selectas">As</a><span class="tsd-signature-symbol">&gt;</span><br/>                <span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">never</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-type">TransformProps</span><span class="tsd-signature-symbol">&lt;</span><br/>            <span class="tsd-signature-type">Assign</span><span class="tsd-signature-symbol">&lt;</span><br/>                <a class="tsd-signature-type tsd-kind-type-parameter" href="index.Select.html#selectinnerprops">InnerProps</a><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">{</span><br/>                    <span class="tsd-kind-property">centered</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><br/>                    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">striped</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">wide</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-symbol">{</span><br/>            <span class="tsd-kind-property">as</span><span class="tsd-signature-symbol">?:</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="index.Select.html#selectas">As</a><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">css</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-signature-symbol">[</span><span class="tsd-kind-type-parameter">K</span> <span class="tsd-signature-keyword">in</span> <span class="tsd-signature-type">string</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">symbol</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type tsd-kind-type-parameter">K</span> <span class="tsd-signature-keyword">extends</span> <span class="tsd-signature-type">string</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><br/>                    <span class="tsd-signature-symbol">?</span> <span class="tsd-signature-type">CSS</span><span class="tsd-signature-symbol">&lt;</span><br/>                        <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>                        <span class="tsd-signature-symbol">{</span><br/>                            <span class="tsd-kind-property">colors</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><br/>                                <span class="tsd-kind-property">activeBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e7e7e7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">background</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;white&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">blue1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#038bf4&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">blue2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#b7d6f5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">blue3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dbe6ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">blue4</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#33b4ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">blue5</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#30a2e6&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">border</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d5d5d5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">buttonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#bababa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">choiceActiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">choiceActiveText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#313131&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">choiceBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffffff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">choiceBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cfcfcf&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">choiceText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">focusColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dcaf00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">green1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#3ec234&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">green1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#38af2f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">grey1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">headerBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#efeff0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">headerBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c8c8c9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">headerText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#484848&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">icon</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#636363&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">inactiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d3d3de&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">inactiveDarkBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">inputDisabledBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">inputDisabledText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">mainColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">mainColorAlt</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#006AA9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">modalBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f7f7f7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">modalButtonBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">modalButtonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c2c2c2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">orange1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff7200&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">orange1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cc5b00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">pink1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff388f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">pinky1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f5c0b7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">pinky2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e07b67&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">pinky3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffe1db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">popText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">purple1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#7357e8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">red1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ea2700&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">scrollbarsBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;transparent&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">scrollbarsThumb</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">selectorActive</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">selectorText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#606060&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">sub</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">tableStripedBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fafafa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">text</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#323232&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">toggleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f0f0f0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">toggleHandleBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e0e0e0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">toggleHandleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#deae84&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">toggleHandleBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cdcdcd&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">toggleHandleBorderDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c29f7d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">toolbarBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">toolbarBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ababab&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">toolButtonText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666e80&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">yellow1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffde9d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">yellow2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e4a429&quot;</span><span class="tsd-signature-symbol">;</span><br/>                                <span class="tsd-kind-property">yellow3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fff5db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>                        <span class="tsd-signature-type">DefaultThemeMap</span><span class="tsd-signature-symbol">,</span><br/>                        <span class="tsd-signature-symbol">{</span><br/>                            <span class="tsd-kind-property">mx</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                                <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> (...) <span class="tsd-signature-symbol">|</span> (...)<span class="tsd-signature-symbol">,</span><br/>                            <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginLeft</span><span class="tsd-signature-symbol">:</span> ...<span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginRight</span><span class="tsd-signature-symbol">:</span> ... <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">my</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> (...) <span class="tsd-signature-symbol">|</span> (...)<span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginBottom</span><span class="tsd-signature-symbol">:</span> ...<span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginTop</span><span class="tsd-signature-symbol">:</span> ... <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">px</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> (...) <span class="tsd-signature-symbol">|</span> (...)<span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingLeft</span><span class="tsd-signature-symbol">:</span> ...<span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingRight</span><span class="tsd-signature-symbol">:</span> ... <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">py</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> (...) <span class="tsd-signature-symbol">|</span> (...)<span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingBottom</span><span class="tsd-signature-symbol">:</span> ...<span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingTop</span><span class="tsd-signature-symbol">:</span> ... <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">size</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> (...) <span class="tsd-signature-symbol">|</span> (...)<span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">height</span><span class="tsd-signature-symbol">:</span> ...<span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">width</span><span class="tsd-signature-symbol">:</span> ... <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>                    <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">]</span><br/>                    <span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">never</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><br/><span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">ReactElement</span><a href="#table-1" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><section class="tsd-panel"><h4>Type Parameters</h4><ul class="tsd-type-parameter-list"><li><span><a id="tablec" class="tsd-anchor"></a><span class="tsd-kind-type-parameter">C</span><span class="tsd-signature-keyword"> extends </span><span class="tsd-signature-type">CSS</span><span class="tsd-signature-symbol">&lt;</span><br/>    <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">{</span><br/>        <span class="tsd-kind-property">colors</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><br/>            <span class="tsd-kind-property">activeBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e7e7e7&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">background</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;white&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">blue1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#038bf4&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">blue2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#b7d6f5&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">blue3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dbe6ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">blue4</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#33b4ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">blue5</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#30a2e6&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">border</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d5d5d5&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">buttonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#bababa&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">choiceActiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">choiceActiveText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#313131&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">choiceBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffffff&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">choiceBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cfcfcf&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">choiceText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999999&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">focusColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dcaf00&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">green1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#3ec234&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">green1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#38af2f&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">grey1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">headerBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#efeff0&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">headerBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c8c8c9&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">headerText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#484848&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">icon</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#636363&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">inactiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d3d3de&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">inactiveDarkBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">inputDisabledBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">inputDisabledText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">mainColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">mainColorAlt</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#006AA9&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">modalBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f7f7f7&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">modalButtonBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">modalButtonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c2c2c2&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">orange1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff7200&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">orange1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cc5b00&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">pink1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff388f&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">pinky1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f5c0b7&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">pinky2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e07b67&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">pinky3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffe1db&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">popText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">purple1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#7357e8&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">red1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ea2700&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">scrollbarsBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;transparent&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">scrollbarsThumb</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">selectorActive</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">selectorText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#606060&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">sub</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">tableStripedBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fafafa&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">text</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#323232&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">toggleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f0f0f0&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">toggleHandleBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e0e0e0&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">toggleHandleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#deae84&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">toggleHandleBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cdcdcd&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">toggleHandleBorderDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c29f7d&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">toolbarBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">toolbarBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ababab&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">toolButtonText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666e80&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">yellow1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffde9d&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">yellow2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e4a429&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">yellow3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fff5db&quot;</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-type">DefaultThemeMap</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">{</span><br/>        <span class="tsd-kind-property">mx</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>            <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">my</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>            <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">px</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>            <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">py</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>            <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">size</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>            <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">height</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">width</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">&gt;</span></span></li><li><span><a id="tableas" class="tsd-anchor"></a><span class="tsd-kind-type-parameter">As</span><span class="tsd-signature-keyword"> extends </span><span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">ComponentType</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span> = <span class="tsd-signature-type">&quot;table&quot;</span></span></li><li><span><a id="tableinnerprops" class="tsd-anchor"></a><span class="tsd-kind-type-parameter">InnerProps</span> = <span class="tsd-signature-symbol">{}</span></span></li></ul></section><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">props</span>: <span class="tsd-signature-type">Assign</span><span class="tsd-signature-symbol">&lt;</span><br/>    <span class="tsd-signature-type">ComponentPropsWithRef</span><span class="tsd-signature-symbol">&lt;</span><br/>        <a class="tsd-signature-type tsd-kind-type-parameter" href="index.Select.html#selectas">As</a> <span class="tsd-signature-keyword">extends</span> (keyof IntrinsicElements)<br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">ComponentType</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span><br/>            <span class="tsd-signature-symbol">?</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="index.Select.html#selectas">As</a><span class="tsd-signature-symbol">&lt;</span><a class="tsd-signature-type tsd-kind-type-parameter" href="index.Select.html#selectas">As</a><span class="tsd-signature-symbol">&gt;</span><br/>            <span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">never</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-type">TransformProps</span><span class="tsd-signature-symbol">&lt;</span><br/>        <span class="tsd-signature-type">Assign</span><span class="tsd-signature-symbol">&lt;</span><br/>            <a class="tsd-signature-type tsd-kind-type-parameter" href="index.Select.html#selectinnerprops">InnerProps</a><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-kind-property">centered</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">striped</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">wide</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-symbol">{</span><br/>        <span class="tsd-kind-property">as</span><span class="tsd-signature-symbol">?:</span> <a class="tsd-signature-type tsd-kind-type-parameter" href="index.Select.html#selectas">As</a><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">css</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-symbol">{</span><br/>            <span class="tsd-signature-symbol">[</span><span class="tsd-kind-type-parameter">K</span> <span class="tsd-signature-keyword">in</span> <span class="tsd-signature-type">string</span><br/>            <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><br/>            <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">symbol</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type tsd-kind-type-parameter">K</span> <span class="tsd-signature-keyword">extends</span> <span class="tsd-signature-type">string</span><br/>            <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><br/>                <span class="tsd-signature-symbol">?</span> <span class="tsd-signature-type">CSS</span><span class="tsd-signature-symbol">&lt;</span><br/>                    <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>                    <span class="tsd-signature-symbol">{</span><br/>                        <span class="tsd-kind-property">colors</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><br/>                            <span class="tsd-kind-property">activeBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e7e7e7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">background</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;white&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">blue1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#038bf4&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">blue2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#b7d6f5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">blue3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dbe6ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">blue4</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#33b4ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">blue5</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#30a2e6&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">border</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d5d5d5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">buttonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#bababa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">choiceActiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">choiceActiveText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#313131&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">choiceBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffffff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">choiceBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cfcfcf&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">choiceText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">focusColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dcaf00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">green1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#3ec234&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">green1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#38af2f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">grey1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">headerBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#efeff0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">headerBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c8c8c9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">headerText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#484848&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">icon</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#636363&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">inactiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d3d3de&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">inactiveDarkBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">inputDisabledBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">inputDisabledText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">mainColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">mainColorAlt</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#006AA9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">modalBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f7f7f7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">modalButtonBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">modalButtonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c2c2c2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">orange1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff7200&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">orange1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cc5b00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">pink1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff388f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">pinky1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f5c0b7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">pinky2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e07b67&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">pinky3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffe1db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">popText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">purple1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#7357e8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">red1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ea2700&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">scrollbarsBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;transparent&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">scrollbarsThumb</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">selectorActive</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">selectorText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#606060&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">sub</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">tableStripedBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fafafa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">text</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#323232&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">toggleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f0f0f0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">toggleHandleBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e0e0e0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">toggleHandleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#deae84&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">toggleHandleBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cdcdcd&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">toggleHandleBorderDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c29f7d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">toolbarBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">toolbarBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ababab&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">toolButtonText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666e80&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">yellow1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffde9d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">yellow2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e4a429&quot;</span><span class="tsd-signature-symbol">;</span><br/>                            <span class="tsd-kind-property">yellow3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fff5db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>                    <span class="tsd-signature-type">DefaultThemeMap</span><span class="tsd-signature-symbol">,</span><br/>                    <span class="tsd-signature-symbol">{</span><br/>                        <span class="tsd-kind-property">mx</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> (...) <span class="tsd-signature-symbol">|</span> (...)<span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginLeft</span><span class="tsd-signature-symbol">:</span> ...<span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginRight</span><span class="tsd-signature-symbol">:</span> ... <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                        <span class="tsd-kind-property">my</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> (...) <span class="tsd-signature-symbol">|</span> (...)<span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginBottom</span><span class="tsd-signature-symbol">:</span> ...<span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginTop</span><span class="tsd-signature-symbol">:</span> ... <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                        <span class="tsd-kind-property">px</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> (...) <span class="tsd-signature-symbol">|</span> (...)<span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingLeft</span><span class="tsd-signature-symbol">:</span> ...<span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingRight</span><span class="tsd-signature-symbol">:</span> ... <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                        <span class="tsd-kind-property">py</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> (...) <span class="tsd-signature-symbol">|</span> (...)<span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingBottom</span><span class="tsd-signature-symbol">:</span> ...<span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingTop</span><span class="tsd-signature-symbol">:</span> ... <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                        <span class="tsd-kind-property">size</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> (...) <span class="tsd-signature-symbol">|</span> (...)<span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">height</span><span class="tsd-signature-symbol">:</span> ...<span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">width</span><span class="tsd-signature-symbol">:</span> ... <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type tsd-kind-type-parameter">K</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">]</span><br/>                <span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">never</span><br/>        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">&gt;</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">null</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">ReactElement</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/components/layout/table/Table.styled.ts#L3">src/components/layout/table/Table.styled.ts:3</a></li></ul></aside></li><li class="tsd-signature tsd-anchor-link"><a id="table-2" class="tsd-anchor"></a><span class="tsd-kind-call-signature">Table</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">props</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><br/>        <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><br/>            <span class="tsd-signature-type">DetailedHTMLProps</span><span class="tsd-signature-symbol">&lt;</span><br/>                <span class="tsd-signature-type">TableHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLTableElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-type">HTMLTableElement</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-type">&quot;ref&quot;</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-symbol">{</span><br/>            <span class="tsd-kind-property">ref</span><span class="tsd-signature-symbol">?:</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">null</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">instance</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLTableElement</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">RefObject</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLTableElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-type">&quot;wide&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;css&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;striped&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;centered&quot;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-type">TransformProps</span><span class="tsd-signature-symbol">&lt;</span><br/>        <span class="tsd-signature-symbol">{</span><br/>            <span class="tsd-kind-property">centered</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><br/>            <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">striped</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">wide</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-symbol">{</span><br/>        <span class="tsd-kind-property">css</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CSS</span><span class="tsd-signature-symbol">&lt;</span><br/>            <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-kind-property">colors</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><br/>                    <span class="tsd-kind-property">activeBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e7e7e7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">background</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;white&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#038bf4&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#b7d6f5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dbe6ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue4</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#33b4ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue5</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#30a2e6&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">border</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d5d5d5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">buttonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#bababa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceActiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceActiveText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#313131&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffffff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cfcfcf&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">focusColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dcaf00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">green1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#3ec234&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">green1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#38af2f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">grey1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#efeff0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c8c8c9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#484848&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">icon</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#636363&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inactiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d3d3de&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inactiveDarkBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inputDisabledBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inputDisabledText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">mainColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">mainColorAlt</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#006AA9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f7f7f7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalButtonBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalButtonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c2c2c2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">orange1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff7200&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">orange1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cc5b00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pink1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff388f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f5c0b7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e07b67&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffe1db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">popText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">purple1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#7357e8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">red1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ea2700&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">scrollbarsBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;transparent&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">scrollbarsThumb</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">selectorActive</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">selectorText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#606060&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">sub</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">tableStripedBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fafafa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">text</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#323232&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f0f0f0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e0e0e0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#deae84&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cdcdcd&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBorderDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c29f7d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolbarBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolbarBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ababab&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolButtonText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666e80&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffde9d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e4a429&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fff5db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-type">DefaultThemeMap</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-kind-property">mx</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">my</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">px</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">py</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">size</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">height</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">width</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ReactNode</span><a href="#table-2" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></li><li class="tsd-description"><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">props</span>: <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><br/>    <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><br/>        <span class="tsd-signature-type">DetailedHTMLProps</span><span class="tsd-signature-symbol">&lt;</span><br/>            <span class="tsd-signature-type">TableHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLTableElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-type">HTMLTableElement</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-type">&quot;ref&quot;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-symbol">{</span><br/>        <span class="tsd-kind-property">ref</span><span class="tsd-signature-symbol">?:</span><br/>            <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">null</span><br/>            <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">instance</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLTableElement</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><br/>            <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">RefObject</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLTableElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-type">&quot;wide&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;css&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;striped&quot;</span><br/>    <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;centered&quot;</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-type">TransformProps</span><span class="tsd-signature-symbol">&lt;</span><br/>    <span class="tsd-signature-symbol">{</span><br/>        <span class="tsd-kind-property">centered</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">striped</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-kind-property">wide</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-symbol">{</span><br/>    <span class="tsd-kind-property">css</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CSS</span><span class="tsd-signature-symbol">&lt;</span><br/>        <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">{</span><br/>            <span class="tsd-kind-property">colors</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-kind-property">activeBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e7e7e7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">background</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;white&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">blue1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#038bf4&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">blue2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#b7d6f5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">blue3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dbe6ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">blue4</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#33b4ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">blue5</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#30a2e6&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">border</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d5d5d5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">buttonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#bababa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">choiceActiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">choiceActiveText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#313131&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">choiceBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffffff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">choiceBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cfcfcf&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">choiceText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">focusColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dcaf00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">green1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#3ec234&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">green1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#38af2f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">grey1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">headerBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#efeff0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">headerBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c8c8c9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">headerText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#484848&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">icon</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#636363&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">inactiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d3d3de&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">inactiveDarkBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">inputDisabledBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">inputDisabledText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">mainColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">mainColorAlt</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#006AA9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">modalBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f7f7f7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">modalButtonBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">modalButtonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c2c2c2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">orange1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff7200&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">orange1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cc5b00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">pink1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff388f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">pinky1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f5c0b7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">pinky2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e07b67&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">pinky3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffe1db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">popText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">purple1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#7357e8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">red1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ea2700&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">scrollbarsBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;transparent&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">scrollbarsThumb</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">selectorActive</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">selectorText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#606060&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">sub</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">tableStripedBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fafafa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">text</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#323232&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toggleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f0f0f0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toggleHandleBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e0e0e0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toggleHandleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#deae84&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toggleHandleBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cdcdcd&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toggleHandleBorderDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c29f7d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toolbarBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toolbarBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ababab&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">toolButtonText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666e80&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">yellow1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffde9d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">yellow2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e4a429&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">yellow3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fff5db&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-type">DefaultThemeMap</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">{</span><br/>            <span class="tsd-kind-property">mx</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">my</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">px</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">py</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">size</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">height</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">width</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ReactNode</span></h4><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/components/layout/table/Table.styled.ts#L3">src/components/layout/table/Table.styled.ts:3</a></li></ul></aside></li></ul></section><section class="tsd-panel-group tsd-index-group"><section class="tsd-panel tsd-index-panel"><details class="tsd-index-content tsd-accordion" open><summary class="tsd-accordion-summary tsd-index-summary"><h5 class="tsd-index-heading uppercase" role="button" aria-expanded="false" tabIndex="0"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><use href="../assets/icons.svg#icon-chevronSmall"></use></svg> Index</h5></summary><div class="tsd-accordion-details"><section class="tsd-index-section"><h3 class="tsd-index-heading">Properties</h3><div class="tsd-index-list"><a href="index.Table.html#styledcomponentmedia" class="tsd-index-link tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>[$$<wbr/>Styled<wbr/>Component<wbr/>Media]</span></a>
2
+ <a href="index.Table.html#styledcomponentprops" class="tsd-index-link tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>[$$<wbr/>Styled<wbr/>Component<wbr/>Props]</span></a>
3
+ <a href="index.Table.html#styledcomponenttype" class="tsd-index-link tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>[$$<wbr/>Styled<wbr/>Component<wbr/>Type]</span></a>
4
+ <a href="index.Table.html#typeof" class="tsd-index-link tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>$$typeof</span></a>
5
+ <a href="index.Table.html#classname" class="tsd-index-link tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>class<wbr/>Name</span></a>
6
+ <a href="index.Table.html#defaultprops" class="tsd-index-link deprecated tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>default<wbr/>Props?</span></a>
7
+ <a href="index.Table.html#displayname" class="tsd-index-link tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>display<wbr/>Name?</span></a>
8
+ <a href="index.Table.html#proptypes" class="tsd-index-link tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>prop<wbr/>Types?</span></a>
9
+ <a href="index.Table.html#selector" class="tsd-index-link tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>selector</span></a>
10
+ </div></section></div></details></section></section><details class="tsd-panel-group tsd-member-group tsd-accordion" open><summary class="tsd-accordion-summary" data-key="section-Properties"><h2><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg> Properties</h2></summary><section><section class="tsd-panel tsd-member tsd-is-external"><a id="styledcomponentmedia" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>[$$<wbr/>Styled<wbr/>Component<wbr/>Media]</span><a href="#styledcomponentmedia" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">&quot;[$$StyledComponentMedia]&quot;</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{}</span></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@stitches+react@1.2.8_react@18.3.1/node_modules/@stitches/react/types/styled-component.d.ts:54</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="styledcomponentprops" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>[$$<wbr/>Styled<wbr/>Component<wbr/>Props]</span><a href="#styledcomponentprops" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">&quot;[$$StyledComponentProps]&quot;</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><br/>    <span class="tsd-kind-property">centered</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">striped</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">wide</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@stitches+react@1.2.8_react@18.3.1/node_modules/@stitches/react/types/styled-component.d.ts:53</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="styledcomponenttype" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>[$$<wbr/>Styled<wbr/>Component<wbr/>Type]</span><a href="#styledcomponenttype" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">&quot;[$$StyledComponentType]&quot;</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;table&quot;</span></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@stitches+react@1.2.8_react@18.3.1/node_modules/@stitches/react/types/styled-component.d.ts:52</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="typeof" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Readonly</code><span>$$typeof</span><a href="#typeof" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">$$typeof</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">symbol</span></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:643</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="classname" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>class<wbr/>Name</span><a href="#classname" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">className</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@stitches+react@1.2.8_react@18.3.1/node_modules/@stitches/react/types/styled-component.d.ts:49</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="defaultprops" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span class="deprecated">default<wbr/>Props</span><a href="#defaultprops" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">defaultProps</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><br/>    <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><br/>        <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><br/>            <span class="tsd-signature-type">DetailedHTMLProps</span><span class="tsd-signature-symbol">&lt;</span><br/>                <span class="tsd-signature-type">TableHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLTableElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-type">HTMLTableElement</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-type">&quot;ref&quot;</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-symbol">{</span><br/>            <span class="tsd-kind-property">ref</span><span class="tsd-signature-symbol">?:</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">null</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">instance</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLTableElement</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">RefObject</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLTableElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-type">&quot;wide&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;css&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;striped&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;centered&quot;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-type">TransformProps</span><span class="tsd-signature-symbol">&lt;</span><br/>        <span class="tsd-signature-symbol">{</span><br/>            <span class="tsd-kind-property">centered</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><br/>            <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">striped</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">wide</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-symbol">{</span><br/>        <span class="tsd-kind-property">css</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CSS</span><span class="tsd-signature-symbol">&lt;</span><br/>            <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-kind-property">colors</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><br/>                    <span class="tsd-kind-property">activeBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e7e7e7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">background</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;white&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#038bf4&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#b7d6f5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dbe6ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue4</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#33b4ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue5</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#30a2e6&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">border</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d5d5d5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">buttonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#bababa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceActiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceActiveText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#313131&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffffff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cfcfcf&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">focusColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dcaf00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">green1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#3ec234&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">green1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#38af2f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">grey1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#efeff0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c8c8c9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#484848&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">icon</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#636363&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inactiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d3d3de&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inactiveDarkBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inputDisabledBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inputDisabledText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">mainColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">mainColorAlt</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#006AA9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f7f7f7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalButtonBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalButtonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c2c2c2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">orange1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff7200&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">orange1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cc5b00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pink1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff388f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f5c0b7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e07b67&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffe1db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">popText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">purple1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#7357e8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">red1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ea2700&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">scrollbarsBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;transparent&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">scrollbarsThumb</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">selectorActive</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">selectorText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#606060&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">sub</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">tableStripedBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fafafa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">text</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#323232&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f0f0f0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e0e0e0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#deae84&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cdcdcd&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBorderDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c29f7d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolbarBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolbarBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ababab&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolButtonText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666e80&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffde9d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e4a429&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fff5db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-type">DefaultThemeMap</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-kind-property">mx</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">my</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">px</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">py</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">size</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">height</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">width</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">&gt;</span></div><div class="tsd-comment tsd-typography"><div class="tsd-tag-deprecated"><h4 class="tsd-anchor-link"><a id="deprecated" class="tsd-anchor"></a>Deprecated<a href="#deprecated" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p>Use <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#default_value|default">values for destructuring assignments instead</a>.</p>
11
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1581</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="displayname" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span>display<wbr/>Name</span><a href="#displayname" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">displayName</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div><div class="tsd-comment tsd-typography"><p>Used in debugging messages. You might want to set it
12
+ explicitly if you want to display a different name for
13
+ debugging purposes.</p>
14
+ </div><div class="tsd-comment tsd-typography"><div class="tsd-tag-see"><h4 class="tsd-anchor-link"><a id="see" class="tsd-anchor"></a>See<a href="#see" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><p><a href="https://legacy.reactjs.org/docs/react-component.html#displayname">Legacy React Docs</a></p>
15
+ </div></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:659</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="proptypes" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><code class="tsd-tag">Optional</code><span>prop<wbr/>Types</span><a href="#proptypes" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">propTypes</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">WeakValidationMap</span><span class="tsd-signature-symbol">&lt;</span><br/>    <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><br/>        <span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><br/>            <span class="tsd-signature-type">DetailedHTMLProps</span><span class="tsd-signature-symbol">&lt;</span><br/>                <span class="tsd-signature-type">TableHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLTableElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-type">HTMLTableElement</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-type">&quot;ref&quot;</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-symbol">{</span><br/>            <span class="tsd-kind-property">ref</span><span class="tsd-signature-symbol">?:</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">null</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-symbol">(</span><span class="tsd-kind-parameter">instance</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">HTMLTableElement</span><span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-type">void</span><br/>                <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">RefObject</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLTableElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-type">&quot;wide&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;css&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;striped&quot;</span><br/>        <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;centered&quot;</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-type">TransformProps</span><span class="tsd-signature-symbol">&lt;</span><br/>        <span class="tsd-signature-symbol">{</span><br/>            <span class="tsd-kind-property">centered</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span><br/>            <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">striped</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-kind-property">wide</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">&quot;true&quot;</span><span class="tsd-signature-symbol">;</span><br/>        <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>    <span class="tsd-signature-symbol">&gt;</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-symbol">{</span><br/>        <span class="tsd-kind-property">css</span><span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">CSS</span><span class="tsd-signature-symbol">&lt;</span><br/>            <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-kind-property">colors</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><br/>                    <span class="tsd-kind-property">activeBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e7e7e7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">background</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;white&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#038bf4&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#b7d6f5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dbe6ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue4</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#33b4ff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">blue5</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#30a2e6&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">border</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d5d5d5&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">buttonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#bababa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceActiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceActiveText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#313131&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffffff&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cfcfcf&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">choiceText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">focusColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#dcaf00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">green1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#3ec234&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">green1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#38af2f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">grey1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#efeff0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c8c8c9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">headerText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#484848&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">icon</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#636363&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inactiveBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#d3d3de&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inactiveDarkBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#999&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inputDisabledBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f3f3f3&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">inputDisabledText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">mainColor</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">mainColorAlt</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#006AA9&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f7f7f7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalButtonBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">modalButtonBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c2c2c2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">orange1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff7200&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">orange1Darker</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cc5b00&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pink1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ff388f&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f5c0b7&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e07b67&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">pinky3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffe1db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">popText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">purple1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#7357e8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">red1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ea2700&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">scrollbarsBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;transparent&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">scrollbarsThumb</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#737373&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">selectorActive</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#008ad2&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">selectorText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#606060&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">sub</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#959595&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">tableStripedBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fafafa&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">text</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#323232&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f0f0f0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e0e0e0&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBgDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#deae84&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#cdcdcd&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toggleHandleBorderDisabled</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#c29f7d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolbarBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#f8f8f8&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolbarBorder</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ababab&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">toolButtonText</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#666e80&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow1</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#ffde9d&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow2</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#e4a429&quot;</span><span class="tsd-signature-symbol">;</span><br/>                    <span class="tsd-kind-property">yellow3</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;#fff5db&quot;</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-type">DefaultThemeMap</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-symbol">{</span><br/>                <span class="tsd-kind-property">mx</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">my</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">marginBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">marginTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">px</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingLeft</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingRight</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">py</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">paddingBottom</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">paddingTop</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>                <span class="tsd-kind-property">size</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><br/>                    <span class="tsd-kind-parameter">value</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">,</span><br/>                <span class="tsd-signature-symbol">)</span> <span class="tsd-signature-symbol">=&gt;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">height</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">width</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">|</span> <span class="tsd-signature-type">number</span> <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">;</span><br/>            <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/>        <span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">&gt;</span></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@types+react@18.3.21/node_modules/@types/react/index.d.ts:1582</li></ul></aside></section><section class="tsd-panel tsd-member tsd-is-external"><a id="selector" class="tsd-anchor"></a><h3 class="tsd-anchor-link"><span>selector</span><a href="#selector" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h3><div class="tsd-signature"><span class="tsd-kind-property">selector</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in node_modules/.pnpm/@stitches+react@1.2.8_react@18.3.1/node_modules/@stitches/react/types/styled-component.d.ts:50</li></ul></aside></section></section></details></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div><details open class="tsd-accordion tsd-page-navigation"><summary class="tsd-accordion-summary"><h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>On This Page</h3></summary><div class="tsd-accordion-details"><details open class="tsd-accordion tsd-page-navigation-section"><summary class="tsd-accordion-summary" data-key="section-Properties"><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="../assets/icons.svg#icon-chevronDown"></use></svg>Properties</summary><div><a href="#styledcomponentmedia" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>[$$<wbr/>Styled<wbr/>Component<wbr/>Media]</span></a><a href="#styledcomponentprops" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>[$$<wbr/>Styled<wbr/>Component<wbr/>Props]</span></a><a href="#styledcomponenttype" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>[$$<wbr/>Styled<wbr/>Component<wbr/>Type]</span></a><a href="#typeof" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>$$typeof</span></a><a href="#classname" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>class<wbr/>Name</span></a><a href="#defaultprops" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>default<wbr/>Props</span></a><a href="#displayname" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>display<wbr/>Name</span></a><a href="#proptypes" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>prop<wbr/>Types</span></a><a href="#selector" class="tsd-is-external"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="../assets/icons.svg#icon-1024"></use></svg><span>selector</span></a></div></details></div></details></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">react-miui - v0.29.0</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>