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
@@ -0,0 +1 @@
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>config | 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.config.html">config</a></li></ul><h1>Variable config</h1></div><div class="tsd-signature"><span class="tsd-kind-variable">config</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><br/>    <span class="tsd-kind-property">media</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">prefix</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">theme</span><span class="tsd-signature-symbol">:</span> <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-kind-property">themeMap</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">DefaultThemeMap</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">utils</span><span class="tsd-signature-symbol">:</span> <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">}</span></div><div class="tsd-type-declaration"><h4>Type declaration</h4><ul class="tsd-parameters"><li class="tsd-parameter"><h5><span class="tsd-kind-property">media</span><a id="__typemedia" class="tsd-anchor"></a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{}</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-kind-property">prefix</span><a id="__typeprefix" class="tsd-anchor"></a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;&quot;</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-kind-property">theme</span><a id="__typetheme" class="tsd-anchor"></a><span class="tsd-signature-symbol">: </span><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></h5></li><li class="tsd-parameter"><h5><span class="tsd-kind-property">themeMap</span><a id="__typethememap" class="tsd-anchor"></a><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">DefaultThemeMap</span></h5></li><li class="tsd-parameter"><h5><span class="tsd-kind-property">utils</span><a id="__typeutils" class="tsd-anchor"></a><span class="tsd-signature-symbol">: </span><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></h5></li></ul></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/theme.ts#L26">src/theme.ts:26</a></li></ul></aside></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></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>
@@ -0,0 +1,2 @@
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>cssReset | 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.cssReset.html">cssReset</a></li></ul><h1>Variable cssReset<code class="tsd-tag">Const</code></h1></div><div class="tsd-signature"><span class="tsd-kind-variable">cssReset</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = ...</span></div><div class="tsd-comment tsd-typography"><p>Default global CSS styles.</p>
2
+ </div><div class="tsd-comment tsd-typography"></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/theme.css-reset.ts#L130">src/theme.css-reset.ts:130</a></li></ul></aside></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></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>
@@ -0,0 +1 @@
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>miuiScrollbars | 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.miuiScrollbars.html">miuiScrollbars</a></li></ul><h1>Variable miuiScrollbars<code class="tsd-tag">Const</code></h1></div><div class="tsd-signature"><span class="tsd-kind-variable">miuiScrollbars</span><span class="tsd-signature-symbol">:</span> <a href="../types/index.ThemeCSS.html" class="tsd-signature-type tsd-kind-type-alias">ThemeCSS</a><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/scrollbars.css.ts#L17">src/scrollbars.css.ts:17</a></li></ul></aside></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></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>
@@ -0,0 +1 @@
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>theme | 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.theme.html">theme</a></li></ul><h1>Variable theme</h1></div><div class="tsd-signature"><span class="tsd-kind-variable">theme</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">&amp;</span> <span class="tsd-signature-symbol">{</span> <span class="tsd-kind-property">className</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">;</span> <span class="tsd-kind-property">selector</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span> <span class="tsd-signature-symbol">}</span> <span class="tsd-signature-symbol">&amp;</span> <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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;activeBg&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;background&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;blue1&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;blue2&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;blue3&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;blue4&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;blue5&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;border&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;buttonBorder&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;choiceActiveBg&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;choiceActiveText&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;choiceBg&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;choiceBorder&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;choiceText&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;focusColor&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;green1&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;green1Darker&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;grey1&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;headerBg&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;headerBorder&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;headerText&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;icon&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;inactiveBg&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;inactiveDarkBg&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;inputDisabledBg&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;inputDisabledText&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;mainColor&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;mainColorAlt&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;modalBg&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;modalButtonBg&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;modalButtonBorder&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;orange1&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;orange1Darker&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;pink1&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;pinky1&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;pinky2&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;pinky3&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;popText&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;purple1&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;red1&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;scrollbarsBg&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;scrollbarsThumb&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;selectorActive&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;selectorText&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;sub&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;tableStripedBg&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;text&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;toggleBgDisabled&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;toggleHandleBg&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;toggleHandleBgDisabled&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;toggleHandleBorder&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><br/>            <span class="tsd-signature-type">&quot;toggleHandleBorderDisabled&quot;</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span><br/>            <span class="tsd-signature-type">&quot;&quot;</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-property">toolbarBg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;toolbarBg&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;toolbarBorder&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;toolButtonText&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;yellow1&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;yellow2&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</span><span class="tsd-signature-symbol">&gt;</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">Token</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">&quot;yellow3&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;colors&quot;</span><span class="tsd-signature-symbol">,</span> <span class="tsd-signature-type">&quot;&quot;</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-symbol">}</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/dzek69/react-miui/blob/3f771420ae07297962e6338af224016158d9aa60/src/theme.ts#L24">src/theme.ts:24</a></li></ul></aside></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></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>
@@ -1,12 +1,15 @@
1
1
  import React from "react";
2
2
  import { LabelWrapper } from "./Checkbox.styled";
3
- type WrapperProps = React.ComponentProps<typeof LabelWrapper>;
3
+ type LabelWrapperProps = React.ComponentProps<typeof LabelWrapper>;
4
4
  type InputProps = React.ComponentProps<"input">;
5
- interface Props extends Partial<Pick<WrapperProps, "css" | "className">>, Omit<InputProps, "className"> {
5
+ type CheckboxProps = Partial<Pick<LabelWrapperProps, "css" | "className">> & Omit<InputProps, "className"> & {
6
6
  color?: string;
7
7
  children: React.ReactNode;
8
8
  error?: boolean;
9
- }
10
- declare const Checkbox: React.FC<Props>;
11
- export { Checkbox };
9
+ };
10
+ declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
11
+ declare const CheckboxCheckmarkWrapperSelector: string;
12
+ declare const CheckboxTextLabelSelector: string;
13
+ export { Checkbox, CheckboxCheckmarkWrapperSelector, CheckboxTextLabelSelector };
14
+ export type { CheckboxProps };
12
15
  //# sourceMappingURL=Checkbox.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAM3C,OAAO,EAAoB,YAAY,EAAa,MAAM,mBAAmB,CAAC;AAE9E,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAC9D,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;AAEhD,UAAU,KAAM,SAAQ,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,GAAG,WAAW,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC;IAInG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB;AAKD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkC7B,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAMvD,OAAO,EAAoB,YAAY,EAAa,MAAM,mBAAmB,CAAC;AAE9E,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AACnE,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;AAEhD,KAAK,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,KAAK,GAAG,WAAW,CAAC,CAAC,GACpE,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,GAAG;IAI9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAKN,QAAA,MAAM,QAAQ,qGAmCZ,CAAC;AAKH,QAAA,MAAM,gCAAgC,QAA8B,CAAC;AACrE,QAAA,MAAM,yBAAyB,QAAuB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,gCAAgC,EAAE,yBAAyB,EAAE,CAAC;AACjF,YAAY,EAAE,aAAa,EAAE,CAAC"}
@@ -1,7 +1,7 @@
1
- import React, { useCallback } from "react";
1
+ import React, { forwardRef, useCallback } from "react";
2
2
  import { Checkmark } from "../icons/Checkmark.js";
3
3
  import { CheckmarkWrapper, LabelWrapper, TextLabel } from "./Checkbox.styled.js";
4
- const Checkbox = ({ color, error, name, onChange, children, css, className, ...inputProps }) => {
4
+ const Checkbox = forwardRef(({ color, error, name, onChange, children, css, className, ...inputProps }, ref) => {
5
5
  const style = {};
6
6
  color && (style["--color"] = color);
7
7
  const wrapperProps = { className };
@@ -16,10 +16,14 @@ const Checkbox = ({ color, error, name, onChange, children, css, className, ...i
16
16
  onChange === null || onChange === void 0 ? void 0 : onChange(e);
17
17
  }, [inputProps.readOnly, onChange]);
18
18
  return (React.createElement(LabelWrapper, { ...wrapperProps },
19
- React.createElement("input", { type: "checkbox", name: name, onChange: handleChange, "data-error": error, ...inputProps }),
19
+ React.createElement("input", { type: "checkbox", name: name, onChange: handleChange, "data-error": error, ref: ref, ...inputProps }),
20
20
  React.createElement(CheckmarkWrapper, { css: style },
21
21
  React.createElement(Checkmark, null)),
22
22
  React.createElement(TextLabel, null, children)));
23
- };
24
- export { Checkbox };
23
+ });
24
+ Checkbox.displayName = "Checkbox";
25
+ Checkbox.toString = () => LabelWrapper.toString();
26
+ const CheckboxCheckmarkWrapperSelector = CheckmarkWrapper.toString();
27
+ const CheckboxTextLabelSelector = TextLabel.toString();
28
+ export { Checkbox, CheckboxCheckmarkWrapperSelector, CheckboxTextLabelSelector };
25
29
  //# sourceMappingURL=Checkbox.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAiB9E,MAAM,QAAQ,GAAoB,CAAC,EAE/B,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,UAAU,EACxE,EAAE,EAAE;IACD,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,KAAK,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,CAAC;IAEpC,MAAM,YAAY,GAAoE,EAAE,SAAS,EAAE,CAAC;IACpG,IAAI,GAAG,EAAE,CAAC;QACN,YAAY,CAAC,GAAG,GAAG,GAAG,CAAC;IAC3B,CAAC;IAED,MAAM,YAAY,GAA+C,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE;QAC/E,IAAI,UAAU,CAAC,QAAQ,EAAE,CAAC;YAEtB,CAAC,CAAC,aAAa,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC;YACnD,OAAO;QACX,CAAC;QACD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpC,OAAO,CACH,oBAAC,YAAY,OAAK,YAAY;QAC1B,+BACI,IAAI,EAAE,UAAU,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,gBACV,KAAK,KACb,UAAU,GAChB;QACF,oBAAC,gBAAgB,IAAC,GAAG,EAAE,KAAK;YAAE,oBAAC,SAAS,OAAG,CAAmB;QAC9D,oBAAC,SAAS,QAAE,QAAQ,CAAa,CACtB,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
1
+ {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIvD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAkB9E,MAAM,QAAQ,GAAG,UAAU,CAAkC,CAAC,EAE1D,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,UAAU,EACxE,EAAE,GAAG,EAAE,EAAE;IACN,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,KAAK,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,CAAC;IAEpC,MAAM,YAAY,GAAoE,EAAE,SAAS,EAAE,CAAC;IACpG,IAAI,GAAG,EAAE,CAAC;QACN,YAAY,CAAC,GAAG,GAAG,GAAG,CAAC;IAC3B,CAAC;IAED,MAAM,YAAY,GAA+C,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE;QAC/E,IAAI,UAAU,CAAC,QAAQ,EAAE,CAAC;YAEtB,CAAC,CAAC,aAAa,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC;YACnD,OAAO;QACX,CAAC;QACD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpC,OAAO,CACH,oBAAC,YAAY,OAAK,YAAY;QAC1B,+BACI,IAAI,EAAE,UAAU,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,gBACV,KAAK,EACjB,GAAG,EAAE,GAAG,KACJ,UAAU,GAChB;QACF,oBAAC,gBAAgB,IAAC,GAAG,EAAE,KAAK;YAAE,oBAAC,SAAS,OAAG,CAAmB;QAC9D,oBAAC,SAAS,QAAE,QAAQ,CAAa,CACtB,CAClB,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,QAAQ,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;AAElD,MAAM,gCAAgC,GAAG,gBAAgB,CAAC,QAAQ,EAAE,CAAC;AACrE,MAAM,yBAAyB,GAAG,SAAS,CAAC,QAAQ,EAAE,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,gCAAgC,EAAE,yBAAyB,EAAE,CAAC"}
@@ -1,4 +1,4 @@
1
- import type { StoryObj, Meta } from "@storybook/react";
1
+ import type { StoryObj, Meta } from "@storybook/react-vite";
2
2
  import { Checkbox } from "./Checkbox";
3
3
  declare const meta: Meta;
4
4
  type Story = StoryObj<typeof Checkbox>;
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/form/Checkbox.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IA0CX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,QAAA,MAAM,OAAO,EAAE,KAAU,CAAC;AAM1B,QAAA,MAAM,SAAS,EAAE,KAyBhB,CAAC;AAEF,OAAO,EACH,OAAO,EACP,SAAS,GACZ,CAAC;AAEF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/form/Checkbox.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAK5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IA0CX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,QAAA,MAAM,OAAO,EAAE,KAAU,CAAC;AAM1B,QAAA,MAAM,SAAS,EAAE,KAyBhB,CAAC;AAEF,OAAO,EACH,OAAO,EACP,SAAS,GACZ,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -15,7 +15,7 @@ const CheckmarkWrapper = styled("div", {
15
15
  display: "none",
16
16
  width: "9px",
17
17
  height: "9px",
18
- fill: "white",
18
+ color: "white",
19
19
  },
20
20
  [`+ ${TextLabel.toString()}`]: {
21
21
  verticalAlign: "middle",
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.styled.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AAEjC,MAAM,gBAAgB,GAAG,MAAM,CAAC,KAAK,EAAE;IACnC,cAAc,EAAE,OAAO;IACvB,YAAY,EAAE,MAAM;IACpB,QAAQ,EAAE,uBAAuB;IACjC,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,aAAa;IACxB,gBAAgB,EAAE,QAAQ;IAC1B,YAAY,EAAE,QAAQ;IACtB,eAAe,EAAE,QAAQ;IACzB,WAAW,EAAE,YAAY;IAEzB,OAAO,EAAE;QACL,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,OAAO;KAChB;IAED,CAAC,KAAK,SAAS,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;QAC3B,aAAa,EAAE,QAAQ;KAC1B;IAED,cAAc,EAAE;QACZ,aAAa,EAAE,CAAC;QAChB,OAAO,EAAE,cAAc;QACvB,YAAY,EAAE,cAAc;QAC5B,OAAO,EAAE;YACL,OAAO,EAAE,cAAc;SAC1B;KACJ;IAED,mBAAmB,EAAE;QACjB,UAAU,EAAE,iBAAiB;KAChC;IAED,eAAe,EAAE;QACb,UAAU,EAAE,WAAW;QACvB,CAAC,KAAK,SAAS,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;YAC3B,KAAK,EAAE,oBAAoB;SAC9B;KACJ;IAED,gBAAgB,EAAE;QACd,CAAC,KAAK,SAAS,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;YAC3B,KAAK,EAAE,oBAAoB;SAC9B;KACJ;IAED,uBAAuB,EAAE;QACrB,WAAW,EAAE,SAAS;QACtB,CAAC,KAAK,SAAS,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;YAC3B,KAAK,EAAE,OAAO;SACjB;KACJ;CACJ,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,EAAE;IACjC,SAAS,EAAE,mBAAmB;IAE9B,SAAS,EAAE;QACP,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,CAAC;QACX,WAAW,EAAE,UAAU;QACvB,QAAQ,EAAE,CAAC;QACX,eAAe,EAAE,QAAQ;QACzB,iBAAiB,EAAE;YACf,CAAC,KAAK,gBAAgB,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;gBAClC,SAAS,EAAE,eAAe;aAC7B;SACJ;QACD,CAAC,KAAK,gBAAgB,CAAC,QAAQ,EAAE,MAAM,SAAS,CAAC,QAAQ,EAAE,cAAc,CAAC,EAAE;YACxE,UAAU,EAAE,QAAQ;SACvB;KACJ;CACJ,CAAC,CAAC;AAEH,OAAO,EACH,YAAY,EACZ,gBAAgB,EAChB,SAAS,GACZ,CAAC"}
1
+ {"version":3,"file":"Checkbox.styled.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AAEjC,MAAM,gBAAgB,GAAG,MAAM,CAAC,KAAK,EAAE;IACnC,cAAc,EAAE,OAAO;IACvB,YAAY,EAAE,MAAM;IACpB,QAAQ,EAAE,uBAAuB;IACjC,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,aAAa;IACxB,gBAAgB,EAAE,QAAQ;IAC1B,YAAY,EAAE,QAAQ;IACtB,eAAe,EAAE,QAAQ;IACzB,WAAW,EAAE,YAAY;IAEzB,OAAO,EAAE;QACL,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,OAAO;KACjB;IAED,CAAC,KAAK,SAAS,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;QAC3B,aAAa,EAAE,QAAQ;KAC1B;IAED,cAAc,EAAE;QACZ,aAAa,EAAE,CAAC;QAChB,OAAO,EAAE,cAAc;QACvB,YAAY,EAAE,cAAc;QAC5B,OAAO,EAAE;YACL,OAAO,EAAE,cAAc;SAC1B;KACJ;IAED,mBAAmB,EAAE;QACjB,UAAU,EAAE,iBAAiB;KAChC;IAED,eAAe,EAAE;QACb,UAAU,EAAE,WAAW;QACvB,CAAC,KAAK,SAAS,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;YAC3B,KAAK,EAAE,oBAAoB;SAC9B;KACJ;IAED,gBAAgB,EAAE;QACd,CAAC,KAAK,SAAS,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;YAC3B,KAAK,EAAE,oBAAoB;SAC9B;KACJ;IAED,uBAAuB,EAAE;QACrB,WAAW,EAAE,SAAS;QACtB,CAAC,KAAK,SAAS,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;YAC3B,KAAK,EAAE,OAAO;SACjB;KACJ;CACJ,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,EAAE;IACjC,SAAS,EAAE,mBAAmB;IAE9B,SAAS,EAAE;QACP,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,CAAC;QACX,WAAW,EAAE,UAAU;QACvB,QAAQ,EAAE,CAAC;QACX,eAAe,EAAE,QAAQ;QACzB,iBAAiB,EAAE;YACf,CAAC,KAAK,gBAAgB,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;gBAClC,SAAS,EAAE,eAAe;aAC7B;SACJ;QACD,CAAC,KAAK,gBAAgB,CAAC,QAAQ,EAAE,MAAM,SAAS,CAAC,QAAQ,EAAE,cAAc,CAAC,EAAE;YACxE,UAAU,EAAE,QAAQ;SACvB;KACJ;CACJ,CAAC,CAAC;AAEH,OAAO,EACH,YAAY,EACZ,gBAAgB,EAChB,SAAS,GACZ,CAAC"}
@@ -3,12 +3,14 @@ import { ColorDisplay, LabelWrapper } from "./ColorPicker.styled";
3
3
  type WrapperProps = React.ComponentProps<typeof LabelWrapper>;
4
4
  type ColorDisplayProps = React.ComponentProps<typeof ColorDisplay>;
5
5
  type InputProps = React.ComponentProps<"input">;
6
- type Props = Partial<Pick<WrapperProps, "css" | "className">> & Omit<InputProps, "className" | "type" | "value"> & Pick<ColorDisplayProps, "variant"> & {
6
+ type ColorPickerProps = Partial<Pick<WrapperProps, "css" | "className">> & Omit<InputProps, "className" | "type" | "value"> & Pick<ColorDisplayProps, "variant"> & {
7
7
  children?: never;
8
8
  error?: boolean;
9
9
  label?: string;
10
10
  value?: string;
11
11
  };
12
- declare const ColorPicker: React.FC<Props>;
13
- export { ColorPicker };
12
+ declare const ColorPicker: React.ForwardRefExoticComponent<Omit<ColorPickerProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
13
+ declare const ColorPickerColorDisplaySelector: string;
14
+ export { ColorPicker, ColorPickerColorDisplaySelector };
15
+ export type { ColorPickerProps };
14
16
  //# sourceMappingURL=ColorPicker.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/form/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAM3C,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAElE,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAC9D,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AACnE,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;AAEhD,KAAK,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,GAAG,WAAW,CAAC,CAAC,GAC3D,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC,GAChD,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,GAClC;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAKF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2ChC,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}
1
+ {"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/form/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAMvD,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAElE,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAC9D,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AACnE,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;AAEhD,KAAK,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,GAAG,WAAW,CAAC,CAAC,GAClE,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC,GAChD,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,GAClC;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAKN,QAAA,MAAM,WAAW,wGA4Cf,CAAC;AAKH,QAAA,MAAM,+BAA+B,QAA0B,CAAC;AAEhE,OAAO,EAAE,WAAW,EAAE,+BAA+B,EAAE,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
@@ -1,7 +1,7 @@
1
- import React, { useCallback } from "react";
1
+ import React, { forwardRef, useCallback } from "react";
2
2
  import { contrastColor } from "../utils/colors.js";
3
3
  import { ColorDisplay, LabelWrapper } from "./ColorPicker.styled.js";
4
- const ColorPicker = ({ error, css, className, variant, label, value = "transparent", children, onChange, ...inputProps }) => {
4
+ const ColorPicker = forwardRef(({ error, css, className, variant, label, value = "transparent", children, onChange, ...inputProps }, ref) => {
5
5
  const style = {
6
6
  "--selected-color": value,
7
7
  ...(value.startsWith("#") ? { color: contrastColor(value) } : {}),
@@ -17,8 +17,11 @@ const ColorPicker = ({ error, css, className, variant, label, value = "transpare
17
17
  onChange === null || onChange === void 0 ? void 0 : onChange(e);
18
18
  }, [inputProps.readOnly, onChange]);
19
19
  return (React.createElement(LabelWrapper, { ...wrapperProps, "data-error": error },
20
- React.createElement("input", { type: "color", value: value, onChange: handleChange, ...inputProps }),
20
+ React.createElement("input", { type: "color", value: value, onChange: handleChange, ref: ref, ...inputProps }),
21
21
  React.createElement(ColorDisplay, { css: style, variant: variant }, label)));
22
- };
23
- export { ColorPicker };
22
+ });
23
+ ColorPicker.displayName = "ColorPicker";
24
+ ColorPicker.toString = () => LabelWrapper.toString();
25
+ const ColorPickerColorDisplaySelector = ColorDisplay.toString();
26
+ export { ColorPicker, ColorPickerColorDisplaySelector };
24
27
  //# sourceMappingURL=ColorPicker.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../src/components/form/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAmBlE,MAAM,WAAW,GAAoB,CAAC,EAClC,KAAK,EACL,GAAG,EACH,SAAS,EACT,OAAO,EACP,KAAK,EACL,KAAK,GAAG,aAAa,EACrB,QAAQ,EACR,QAAQ,EACR,GAAG,UAAU,EAChB,EAAE,EAAE;IACD,MAAM,KAAK,GAAa;QACpB,kBAAkB,EAAE,KAAK;QACzB,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KACpE,CAAC;IAEF,MAAM,YAAY,GAEd,EAAE,SAAS,EAAE,CAAC;IAClB,IAAI,GAAG,EAAE,CAAC;QACN,YAAY,CAAC,GAAG,GAAG,GAAG,CAAC;IAC3B,CAAC;IAED,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAsC,EAAE,EAAE;QACxE,IAAI,UAAU,CAAC,QAAQ,EAAE,CAAC;YACtB,OAAO;QACX,CAAC;QACD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpC,OAAO,CACH,oBAAC,YAAY,OAAK,YAAY,gBAAc,KAAK;QAC7C,+BACI,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,KAClB,UAAU,GAChB;QACF,oBAAC,YAAY,IAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,OAAQ,IACtC,KAAK,CACK,CACJ,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}
1
+ {"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../src/components/form/ColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAmBlE,MAAM,WAAW,GAAG,UAAU,CAAqC,CAAC,EAChE,KAAK,EACL,GAAG,EACH,SAAS,EACT,OAAO,EACP,KAAK,EACL,KAAK,GAAG,aAAa,EACrB,QAAQ,EACR,QAAQ,EACR,GAAG,UAAU,EAChB,EAAE,GAAG,EAAE,EAAE;IACN,MAAM,KAAK,GAAa;QACpB,kBAAkB,EAAE,KAAK;QACzB,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KACpE,CAAC;IAEF,MAAM,YAAY,GAEd,EAAE,SAAS,EAAE,CAAC;IAClB,IAAI,GAAG,EAAE,CAAC;QACN,YAAY,CAAC,GAAG,GAAG,GAAG,CAAC;IAC3B,CAAC;IAED,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAsC,EAAE,EAAE;QACxE,IAAI,UAAU,CAAC,QAAQ,EAAE,CAAC;YACtB,OAAO;QACX,CAAC;QACD,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpC,OAAO,CACH,oBAAC,YAAY,OAAK,YAAY,gBAAc,KAAK;QAC7C,+BACI,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,GAAG,EAAE,GAAG,KACJ,UAAU,GAChB;QACF,oBAAC,YAAY,IAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,OAAQ,IACtC,KAAK,CACK,CACJ,CAClB,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AACxC,WAAW,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;AAErD,MAAM,+BAA+B,GAAG,YAAY,CAAC,QAAQ,EAAE,CAAC;AAEhE,OAAO,EAAE,WAAW,EAAE,+BAA+B,EAAE,CAAC"}
@@ -1,4 +1,4 @@
1
- import type { StoryObj, Meta } from "@storybook/react";
1
+ import type { StoryObj, Meta } from "@storybook/react-vite";
2
2
  import { ColorPicker } from "./ColorPicker";
3
3
  declare const meta: Meta;
4
4
  type Story = StoryObj<typeof ColorPicker>;
@@ -1 +1 @@
1
- {"version":3,"file":"ColorPicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/form/ColorPicker.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAaX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAgB1C,QAAA,MAAM,KAAK,EAAE,KAiBZ,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAmBlB,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,KAgFb,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,OAAO,EACH,KAAK,EACL,WAAW,EACX,MAAM,GACT,CAAC"}
1
+ {"version":3,"file":"ColorPicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/form/ColorPicker.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAK5D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAaX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAgB1C,QAAA,MAAM,KAAK,EAAE,KAiBZ,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAmBlB,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,KAgFb,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,OAAO,EACH,KAAK,EACL,WAAW,EACX,MAAM,GACT,CAAC"}
@@ -46,7 +46,7 @@ const LabelWrapper = styled("label", {
46
46
  },
47
47
  "&:has(input:disabled)": {
48
48
  cursor: "not-allowed",
49
- [`${ColorDisplay.toString()}`]: {
49
+ [ColorDisplay.toString()]: {
50
50
  opacity: 0.5,
51
51
  },
52
52
  },
@@ -1 +1 @@
1
- {"version":3,"file":"ColorPicker.styled.js","sourceRoot":"","sources":["../../../src/components/form/ColorPicker.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAGrC,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,EAAE;IAC/B,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,aAAa;IACtB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,aAAa,EAAE,QAAQ;IACvB,SAAS,EAAE,YAAY;IACvB,eAAe,EAAE,gCAAgC;IACjD,MAAM,EAAE,uBAAuB;IAE/B,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,IAAI,EAAE;gBACF,YAAY,EAAE,KAAK;gBACnB,KAAK,EAAE,MAAM;gBACb,OAAO,EAAE,OAAO;gBAChB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,QAAQ,EAAE,MAAM;gBAChB,KAAK,EAAE,OAAO;gBACd,UAAU,EAAE,KAAK;aACpB;SACJ;KACJ;CACJ,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,EAAE;IACjC,kBAAkB,EAAE,SAAS;IAC7B,SAAS,EAAE,aAAa;IACxB,YAAY,EAAE,QAAQ;IAEtB,SAAS,EAAE;QACP,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,CAAC;QACX,WAAW,EAAE,UAAU;QACvB,QAAQ,EAAE,CAAC;QACX,UAAU,EAAE,UAAU;QACtB,SAAS,EAAE,CAAC;QACZ,iBAAiB,EAAE;YACf,CAAC,KAAK,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;gBAC9B,OAAO,EAAE,uBAAuB;gBAChC,aAAa,EAAE,KAAK;aACvB;SACJ;KACJ;IAED,uBAAuB,EAAE;QACrB,MAAM,EAAE,aAAa;QACrB,CAAC,GAAG,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;YAC5B,OAAO,EAAE,GAAG;SACf;KACJ;IAED,CAAC,wBAAwB,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;QACjD,WAAW,EAAE,KAAK;KACrB;CAEJ,CAAC,CAAC;AAEH,OAAO,EACH,YAAY,EACZ,YAAY,GACf,CAAC"}
1
+ {"version":3,"file":"ColorPicker.styled.js","sourceRoot":"","sources":["../../../src/components/form/ColorPicker.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAGrC,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,EAAE;IAC/B,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,aAAa;IACtB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,aAAa,EAAE,QAAQ;IACvB,SAAS,EAAE,YAAY;IACvB,eAAe,EAAE,gCAAgC;IACjD,MAAM,EAAE,uBAAuB;IAE/B,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,IAAI,EAAE;gBACF,YAAY,EAAE,KAAK;gBACnB,KAAK,EAAE,MAAM;gBACb,OAAO,EAAE,OAAO;gBAChB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,QAAQ,EAAE,MAAM;gBAChB,KAAK,EAAE,OAAO;gBACd,UAAU,EAAE,KAAK;aACpB;SACJ;KACJ;CACJ,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,EAAE;IACjC,kBAAkB,EAAE,SAAS;IAC7B,SAAS,EAAE,aAAa;IACxB,YAAY,EAAE,QAAQ;IAEtB,SAAS,EAAE;QACP,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,CAAC;QACX,WAAW,EAAE,UAAU;QACvB,QAAQ,EAAE,CAAC;QACX,UAAU,EAAE,UAAU;QACtB,SAAS,EAAE,CAAC;QACZ,iBAAiB,EAAE;YACf,CAAC,KAAK,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;gBAC9B,OAAO,EAAE,uBAAuB;gBAChC,aAAa,EAAE,KAAK;aACvB;SACJ;KACJ;IAED,uBAAuB,EAAE;QACrB,MAAM,EAAE,aAAa;QACrB,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,EAAE;YACvB,OAAO,EAAE,GAAG;SACf;KACJ;IAED,CAAC,wBAAwB,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;QACjD,WAAW,EAAE,KAAK;KACrB;CAEJ,CAAC,CAAC;AAEH,OAAO,EACH,YAAY,EACZ,YAAY,GACf,CAAC"}