@tcn/ui 0.3.0 → 0.3.2

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 (584) hide show
  1. package/README.md +2 -1
  2. package/dist/Color-ASIRERSW-B4GaVKuQ.js +990 -0
  3. package/dist/Color-ASIRERSW-B4GaVKuQ.js.map +1 -0
  4. package/dist/WithTooltip-IO6J4KBT-B1oq93K5.js +1485 -0
  5. package/dist/WithTooltip-IO6J4KBT-B1oq93K5.js.map +1 -0
  6. package/dist/actions/__docs__/components/gallery.d.ts +8 -0
  7. package/dist/actions/__docs__/components/gallery.d.ts.map +1 -0
  8. package/dist/actions/__docs__/components/gallery.js +20 -0
  9. package/dist/actions/__docs__/components/gallery.js.map +1 -0
  10. package/dist/actions/__docs__/components/showcase.d.ts +27 -0
  11. package/dist/actions/__docs__/components/showcase.d.ts.map +1 -0
  12. package/dist/actions/__docs__/components/showcase.js +15 -0
  13. package/dist/actions/__docs__/components/showcase.js.map +1 -0
  14. package/dist/actions/button/base_button/base_button.d.ts +2 -0
  15. package/dist/actions/button/base_button/base_button.d.ts.map +1 -1
  16. package/dist/actions/button/base_button/base_button.js +30 -28
  17. package/dist/actions/button/base_button/base_button.js.map +1 -1
  18. package/dist/actions/button/button/button.js +6 -6
  19. package/dist/actions/button/button_group/button_group.d.ts +1 -1
  20. package/dist/actions/button/button_group/button_group.d.ts.map +1 -1
  21. package/dist/actions/button/button_group/button_group.js +11 -8
  22. package/dist/actions/button/button_group/button_group.js.map +1 -1
  23. package/dist/actions/button/select_group/select_group.js +15 -15
  24. package/dist/actions/button/select_group/select_group.js.map +1 -1
  25. package/dist/actions/button/select_group/single_select_group.js +6 -6
  26. package/dist/actions/button/slim_button/slim_button.js +2 -2
  27. package/dist/actions/types.d.ts +2 -0
  28. package/dist/actions/types.d.ts.map +1 -0
  29. package/dist/badge.css +1 -1
  30. package/dist/base_button.css +1 -1
  31. package/dist/body_text.css +1 -1
  32. package/dist/bottom_resize_handle.css +1 -1
  33. package/dist/bubble.css +1 -1
  34. package/dist/button.css +1 -1
  35. package/dist/button_group.css +1 -1
  36. package/dist/callout.css +1 -1
  37. package/dist/caption.css +1 -1
  38. package/dist/checkbox.css +1 -1
  39. package/dist/chip.css +1 -1
  40. package/dist/circle.css +1 -1
  41. package/dist/collapsible_box.css +1 -1
  42. package/dist/color_input.css +1 -1
  43. package/dist/color_picker.css +1 -1
  44. package/dist/column.css +1 -1
  45. package/dist/confirm.css +1 -1
  46. package/dist/css/layers.css +1 -0
  47. package/dist/date_picker.css +1 -1
  48. package/dist/date_picker_date.css +1 -1
  49. package/dist/date_picker_day.css +1 -1
  50. package/dist/date_picker_header.css +1 -1
  51. package/dist/date_picker_input.css +1 -1
  52. package/dist/date_picker_time_selector.css +1 -1
  53. package/dist/date_picker_year_input.css +1 -1
  54. package/dist/date_picker_year_selector.css +1 -1
  55. package/dist/divider.css +1 -1
  56. package/dist/draggable.css +1 -1
  57. package/dist/drawer_bottom.css +1 -1
  58. package/dist/drawer_end.css +1 -1
  59. package/dist/drawer_start.css +1 -1
  60. package/dist/drawer_top.css +1 -1
  61. package/dist/end_resize_handle.css +1 -1
  62. package/dist/feedback/loading/loading.js +12 -12
  63. package/dist/feedback/loading/loading.js.map +1 -1
  64. package/dist/feedback/progress/progress_bar.d.ts.map +1 -1
  65. package/dist/feedback/progress/progress_bar.js +34 -26
  66. package/dist/feedback/progress/progress_bar.js.map +1 -1
  67. package/dist/field_control.css +1 -1
  68. package/dist/field_set.css +1 -1
  69. package/dist/footer.css +1 -1
  70. package/dist/footnote.css +1 -1
  71. package/dist/form/field/common/field_control/field_control.js +1 -1
  72. package/dist/form/field/common/field_control/field_control.js.map +1 -1
  73. package/dist/form/field/common/field_description.js +3 -3
  74. package/dist/form/field/common/field_description.js.map +1 -1
  75. package/dist/form/field/common/field_error.js +8 -7
  76. package/dist/form/field/common/field_error.js.map +1 -1
  77. package/dist/form/field/common/field_header.js +7 -7
  78. package/dist/form/field/common/field_header.js.map +1 -1
  79. package/dist/form/field/common/status_input/status_input.d.ts.map +1 -1
  80. package/dist/form/field/common/status_input/status_input.js +20 -14
  81. package/dist/form/field/common/status_input/status_input.js.map +1 -1
  82. package/dist/form/field/field.js +5 -5
  83. package/dist/form/field/h_field/h_field.js +11 -11
  84. package/dist/form/field/h_field/h_field.js.map +1 -1
  85. package/dist/form/field/v_field/v_field.js +8 -8
  86. package/dist/form/field/v_field/v_field.js.map +1 -1
  87. package/dist/form/field_set/field_set.d.ts.map +1 -1
  88. package/dist/form/field_set/field_set.js +19 -12
  89. package/dist/form/field_set/field_set.js.map +1 -1
  90. package/dist/formatter-QJ4M4OGQ-DaIl2Wi_.js +6 -0
  91. package/dist/formatter-QJ4M4OGQ-DaIl2Wi_.js.map +1 -0
  92. package/dist/frame.css +1 -1
  93. package/dist/gallery.css +1 -0
  94. package/dist/grid.css +1 -1
  95. package/dist/h_body.css +1 -1
  96. package/dist/h_field.css +1 -1
  97. package/dist/h_panel.css +1 -1
  98. package/dist/header.css +1 -1
  99. package/dist/headline.css +1 -1
  100. package/dist/input.css +1 -1
  101. package/dist/inputs/checkbox/checkbox.js +15 -15
  102. package/dist/inputs/checkbox/checkbox.js.map +1 -1
  103. package/dist/inputs/checkbox/checkbox_row.d.ts +1 -1
  104. package/dist/inputs/checkbox/checkbox_row.d.ts.map +1 -1
  105. package/dist/inputs/checkbox/checkbox_row.js +19 -8
  106. package/dist/inputs/checkbox/checkbox_row.js.map +1 -1
  107. package/dist/inputs/color_input/color_input.d.ts.map +1 -1
  108. package/dist/inputs/color_input/color_input.js +32 -28
  109. package/dist/inputs/color_input/color_input.js.map +1 -1
  110. package/dist/inputs/color_input/color_picker.js +14 -14
  111. package/dist/inputs/color_input/color_picker.js.map +1 -1
  112. package/dist/inputs/combo_box/combo_box.js +16 -16
  113. package/dist/inputs/combo_box/combo_box.js.map +1 -1
  114. package/dist/inputs/date_picker/date_picker.js +26 -26
  115. package/dist/inputs/date_picker/date_picker.js.map +1 -1
  116. package/dist/inputs/date_picker/date_picker_body.js +3 -3
  117. package/dist/inputs/date_picker/date_picker_body.js.map +1 -1
  118. package/dist/inputs/date_picker/date_picker_date.js +2 -2
  119. package/dist/inputs/date_picker/date_picker_date.js.map +1 -1
  120. package/dist/inputs/date_picker/date_picker_day.d.ts.map +1 -1
  121. package/dist/inputs/date_picker/date_picker_day.js +16 -8
  122. package/dist/inputs/date_picker/date_picker_day.js.map +1 -1
  123. package/dist/inputs/date_picker/date_picker_header.js +1 -1
  124. package/dist/inputs/date_picker/date_picker_header.js.map +1 -1
  125. package/dist/inputs/date_picker/date_picker_input.js +18 -18
  126. package/dist/inputs/date_picker/date_picker_input.js.map +1 -1
  127. package/dist/inputs/date_picker/date_picker_time_selector.d.ts.map +1 -1
  128. package/dist/inputs/date_picker/date_picker_time_selector.js +14 -11
  129. package/dist/inputs/date_picker/date_picker_time_selector.js.map +1 -1
  130. package/dist/inputs/date_picker/date_picker_year_input.js +4 -4
  131. package/dist/inputs/date_picker/date_picker_year_input.js.map +1 -1
  132. package/dist/inputs/date_picker/date_picker_year_selector.d.ts.map +1 -1
  133. package/dist/inputs/date_picker/date_picker_year_selector.js +13 -10
  134. package/dist/inputs/date_picker/date_picker_year_selector.js.map +1 -1
  135. package/dist/inputs/index.d.ts +0 -4
  136. package/dist/inputs/index.d.ts.map +1 -1
  137. package/dist/inputs/index.js +53 -61
  138. package/dist/inputs/index.js.map +1 -1
  139. package/dist/inputs/input/input.js +6 -6
  140. package/dist/inputs/input/input.js.map +1 -1
  141. package/dist/inputs/mask_input/key_capture_input.js +7 -7
  142. package/dist/inputs/mask_input/mask_input.js +4 -4
  143. package/dist/inputs/multi_combo_box/multi_combo_box.js +17 -17
  144. package/dist/inputs/multiselect/multiselect.d.ts.map +1 -1
  145. package/dist/inputs/multiselect/multiselect.js +23 -22
  146. package/dist/inputs/multiselect/multiselect.js.map +1 -1
  147. package/dist/inputs/multiselect/multiselect_inline_values.d.ts.map +1 -1
  148. package/dist/inputs/multiselect/multiselect_inline_values.js +18 -17
  149. package/dist/inputs/multiselect/multiselect_inline_values.js.map +1 -1
  150. package/dist/inputs/multiselect/multiselect_values.js +20 -20
  151. package/dist/inputs/multiselect/multiselect_values.js.map +1 -1
  152. package/dist/inputs/phone_number_input/phone_number_input.d.ts.map +1 -1
  153. package/dist/inputs/phone_number_input/phone_number_input.js +104 -91
  154. package/dist/inputs/phone_number_input/phone_number_input.js.map +1 -1
  155. package/dist/inputs/radio/radio.js +18 -18
  156. package/dist/inputs/radio/radio.js.map +1 -1
  157. package/dist/inputs/radio/radio_row.js +3 -3
  158. package/dist/inputs/select/select.d.ts.map +1 -1
  159. package/dist/inputs/select/select.js +40 -40
  160. package/dist/inputs/select/select.js.map +1 -1
  161. package/dist/inputs/slider/slider.js +9 -9
  162. package/dist/inputs/slider/slider.js.map +1 -1
  163. package/dist/inputs/suggestions/suggestion_item.js +9 -9
  164. package/dist/inputs/suggestions/suggestion_item.js.map +1 -1
  165. package/dist/inputs/suggestions/suggestion_list.d.ts.map +1 -1
  166. package/dist/inputs/suggestions/suggestion_list.js +29 -22
  167. package/dist/inputs/suggestions/suggestion_list.js.map +1 -1
  168. package/dist/inputs/switch/switch.js +16 -16
  169. package/dist/inputs/switch/switch.js.map +1 -1
  170. package/dist/inputs/textarea/textarea.js +4 -4
  171. package/dist/inputs/textarea/textarea.js.map +1 -1
  172. package/dist/inputs/unit_input/unit_input.js +12 -12
  173. package/dist/inputs/unit_input/unit_input.js.map +1 -1
  174. package/dist/layouts/body/h_body.js +7 -7
  175. package/dist/layouts/body/h_body.js.map +1 -1
  176. package/dist/layouts/body/v_body.js +6 -6
  177. package/dist/layouts/column/column.js +14 -14
  178. package/dist/layouts/column/column.js.map +1 -1
  179. package/dist/layouts/divider/divider.d.ts.map +1 -1
  180. package/dist/layouts/divider/divider.js +11 -12
  181. package/dist/layouts/divider/divider.js.map +1 -1
  182. package/dist/layouts/footer/footer.js +7 -7
  183. package/dist/layouts/grid/grid.d.ts.map +1 -1
  184. package/dist/layouts/grid/grid.js +40 -31
  185. package/dist/layouts/grid/grid.js.map +1 -1
  186. package/dist/layouts/header/header.js +5 -5
  187. package/dist/layouts/header/header.js.map +1 -1
  188. package/dist/layouts/list/item.js +2 -2
  189. package/dist/layouts/list/list.js +7 -7
  190. package/dist/layouts/list/section_header.d.ts.map +1 -1
  191. package/dist/layouts/list/section_header.js +17 -7
  192. package/dist/layouts/list/section_header.js.map +1 -1
  193. package/dist/layouts/scaffold/scaffold.js +16 -16
  194. package/dist/layouts/sidebar_end/sidebar_end.js +25 -25
  195. package/dist/layouts/sidebar_end/sidebar_end.js.map +1 -1
  196. package/dist/layouts/sidebar_start/sidebar_start.js +21 -21
  197. package/dist/layouts/sidebar_start/sidebar_start.js.map +1 -1
  198. package/dist/layouts/utility_bar/utility_bar.d.ts.map +1 -1
  199. package/dist/layouts/utility_bar/utility_bar.js +12 -17
  200. package/dist/layouts/utility_bar/utility_bar.js.map +1 -1
  201. package/dist/left_resize_handle.css +1 -1
  202. package/dist/loading.css +1 -1
  203. package/dist/menu.css +1 -1
  204. package/dist/modal.css +1 -1
  205. package/dist/multi_combo_box.css +1 -1
  206. package/dist/multiselect.css +1 -1
  207. package/dist/multiselect_values.css +1 -1
  208. package/dist/overlay/context_menu/context_menu.js +5 -5
  209. package/dist/overlay/context_menu/context_menu.js.map +1 -1
  210. package/dist/overlay/frame/frame.js +4 -4
  211. package/dist/overlay/menu/menu.js +35 -35
  212. package/dist/overlay/menu/menu.js.map +1 -1
  213. package/dist/overlay/popper/legacy/popper.d.ts.map +1 -1
  214. package/dist/overlay/popper/legacy/popper.js +12 -11
  215. package/dist/overlay/popper/legacy/popper.js.map +1 -1
  216. package/dist/overlay/popper/preview_popper.js +16 -16
  217. package/dist/overlay/popper/preview_popper.js.map +1 -1
  218. package/dist/overlay/portal/portal.css +1 -0
  219. package/dist/overlay/portal/portal_platform.d.ts.map +1 -1
  220. package/dist/overlay/portal/portal_platform.js +6 -5
  221. package/dist/overlay/portal/portal_platform.js.map +1 -1
  222. package/dist/overlay/portal/portal_platform_context.js +4 -4
  223. package/dist/page.css +1 -1
  224. package/dist/phone_number_input.css +1 -1
  225. package/dist/picture_placeholder.css +1 -1
  226. package/dist/popper.css +1 -1
  227. package/dist/progress_bar.css +1 -1
  228. package/dist/radio.css +1 -1
  229. package/dist/rect.css +1 -1
  230. package/dist/right_resize_handle.css +1 -1
  231. package/dist/scaffold.css +1 -1
  232. package/dist/select.css +1 -1
  233. package/dist/select_group.css +1 -1
  234. package/dist/showcase-WfP6kBEb.js +58401 -0
  235. package/dist/showcase-WfP6kBEb.js.map +1 -0
  236. package/dist/showcase.css +1 -0
  237. package/dist/sidebar_end.css +1 -1
  238. package/dist/sidebar_start.css +1 -1
  239. package/dist/slider.css +1 -1
  240. package/dist/slim_button.css +1 -1
  241. package/dist/stack.css +1 -1
  242. package/dist/stacks/box/bottom_resize_handle.js +1 -1
  243. package/dist/stacks/box/bottom_resize_handle.js.map +1 -1
  244. package/dist/stacks/box/box.js +24 -24
  245. package/dist/stacks/box/box.js.map +1 -1
  246. package/dist/stacks/box/end_resize_handle.js +1 -1
  247. package/dist/stacks/box/end_resize_handle.js.map +1 -1
  248. package/dist/stacks/box/left_resize_handle.js +7 -7
  249. package/dist/stacks/box/left_resize_handle.js.map +1 -1
  250. package/dist/stacks/box/right_resize_handle.js +3 -3
  251. package/dist/stacks/box/right_resize_handle.js.map +1 -1
  252. package/dist/stacks/box/start_resize_handle.js +6 -6
  253. package/dist/stacks/box/start_resize_handle.js.map +1 -1
  254. package/dist/stacks/box/top_resize_handle.js +1 -1
  255. package/dist/stacks/box/top_resize_handle.js.map +1 -1
  256. package/dist/stacks/h_collapsible_box.d.ts.map +1 -1
  257. package/dist/stacks/h_collapsible_box.js +10 -6
  258. package/dist/stacks/h_collapsible_box.js.map +1 -1
  259. package/dist/stacks/h_stack.js +45 -45
  260. package/dist/stacks/h_stack.js.map +1 -1
  261. package/dist/stacks/spacer.js +16 -16
  262. package/dist/stacks/spacer.js.map +1 -1
  263. package/dist/stacks/story_components/circle.js +9 -9
  264. package/dist/stacks/story_components/circle.js.map +1 -1
  265. package/dist/stacks/story_components/picture_placeholder.d.ts.map +1 -1
  266. package/dist/stacks/story_components/picture_placeholder.js +13 -9
  267. package/dist/stacks/story_components/picture_placeholder.js.map +1 -1
  268. package/dist/stacks/story_components/rect.js +5 -5
  269. package/dist/stacks/story_components/rect.js.map +1 -1
  270. package/dist/stacks/story_components/style_box.js +4 -4
  271. package/dist/stacks/utils/use_is_collapsed.js +6 -6
  272. package/dist/stacks/v_collapsible_box.d.ts.map +1 -1
  273. package/dist/stacks/v_collapsible_box.js +12 -8
  274. package/dist/stacks/v_collapsible_box.js.map +1 -1
  275. package/dist/stacks/v_stack.js +45 -45
  276. package/dist/stacks/v_stack.js.map +1 -1
  277. package/dist/stacks/z_stack.js +39 -39
  278. package/dist/stacks/z_stack.js.map +1 -1
  279. package/dist/start_resize_handle.css +1 -1
  280. package/dist/status_input.css +1 -1
  281. package/dist/subheadline.css +1 -1
  282. package/dist/suggestion_item.css +1 -1
  283. package/dist/suggestion_list.css +1 -1
  284. package/dist/surfaces/alert/alert.js +3 -3
  285. package/dist/surfaces/alert/alert.js.map +1 -1
  286. package/dist/surfaces/card/card.js +4 -4
  287. package/dist/surfaces/confirm/confirm.d.ts.map +1 -1
  288. package/dist/surfaces/confirm/confirm.js +27 -20
  289. package/dist/surfaces/confirm/confirm.js.map +1 -1
  290. package/dist/surfaces/drawers/drawer_bottom/drawer_bottom.js +3 -3
  291. package/dist/surfaces/drawers/drawer_bottom/drawer_bottom.js.map +1 -1
  292. package/dist/surfaces/drawers/drawer_end/drawer_end.js +4 -4
  293. package/dist/surfaces/drawers/drawer_end/drawer_end.js.map +1 -1
  294. package/dist/surfaces/drawers/drawer_start/drawer_start.js +3 -3
  295. package/dist/surfaces/drawers/drawer_start/drawer_start.js.map +1 -1
  296. package/dist/surfaces/drawers/drawer_top/drawer_top.js +3 -3
  297. package/dist/surfaces/drawers/drawer_top/drawer_top.js.map +1 -1
  298. package/dist/surfaces/modal/modal.js +5 -5
  299. package/dist/surfaces/page/h_page.js +7 -7
  300. package/dist/surfaces/page/h_page.js.map +1 -1
  301. package/dist/surfaces/page/v_page.js +7 -7
  302. package/dist/surfaces/page/v_page.js.map +1 -1
  303. package/dist/surfaces/panel/h_panel.js +14 -14
  304. package/dist/surfaces/panel/v_panel.js +9 -9
  305. package/dist/surfaces/pop_confirm/pop_confirm.js +6 -6
  306. package/dist/surfaces/popconfirm/pop_confirm.js +8 -8
  307. package/dist/surfaces/popover/popover.js +1 -1
  308. package/dist/surfaces/popover/popover.js.map +1 -1
  309. package/dist/surfaces/tooltip/tooltip.js +8 -8
  310. package/dist/surfaces/window/window.js +9 -9
  311. package/dist/switch.css +1 -1
  312. package/dist/syntaxhighlighter-IQDEPFLK-BX_eF8__.js +3777 -0
  313. package/dist/syntaxhighlighter-IQDEPFLK-BX_eF8__.js.map +1 -0
  314. package/dist/tethered.css +1 -1
  315. package/dist/textarea.css +1 -1
  316. package/dist/themes/stylesheets/reset.css +1 -0
  317. package/dist/themes/stylesheets/reset.js +133 -131
  318. package/dist/themes/stylesheets/reset.js.map +1 -1
  319. package/dist/themes/theme.d.ts.map +1 -1
  320. package/dist/themes/theme.js +15 -6
  321. package/dist/themes/theme.js.map +1 -1
  322. package/dist/themes/themes/ergo/ergo_theme.css +1 -0
  323. package/dist/themes/themes/ergo/ergo_theme.js +505 -515
  324. package/dist/themes/themes/ergo/ergo_theme.js.map +1 -1
  325. package/dist/themes/themes/windows_98/windows_98.css +1 -0
  326. package/dist/themes/themes/windows_98/windows_98_theme.js +1034 -1168
  327. package/dist/themes/themes/windows_98/windows_98_theme.js.map +1 -1
  328. package/dist/title.css +1 -1
  329. package/dist/tokens/badge/badge.js +13 -13
  330. package/dist/tokens/badge/badge.js.map +1 -1
  331. package/dist/tokens/bubble/bubble.js +6 -5
  332. package/dist/tokens/bubble/bubble.js.map +1 -1
  333. package/dist/tokens/chip/chip.js +4 -3
  334. package/dist/tokens/chip/chip.js.map +1 -1
  335. package/dist/tooltip.css +1 -1
  336. package/dist/top_resize_handle.css +1 -1
  337. package/dist/typography/body_text/body_text.js +9 -9
  338. package/dist/typography/body_text/body_text.js.map +1 -1
  339. package/dist/typography/callout/callout.js +9 -9
  340. package/dist/typography/callout/callout.js.map +1 -1
  341. package/dist/typography/caption/caption.js +5 -5
  342. package/dist/typography/caption/caption.js.map +1 -1
  343. package/dist/typography/footnote/footnote.js +9 -9
  344. package/dist/typography/footnote/footnote.js.map +1 -1
  345. package/dist/typography/headline/headline.js +13 -13
  346. package/dist/typography/headline/headline.js.map +1 -1
  347. package/dist/typography/subheadline/subheadline.js +10 -10
  348. package/dist/typography/subheadline/subheadline.js.map +1 -1
  349. package/dist/typography/title/title.js +6 -6
  350. package/dist/typography/title/title.js.map +1 -1
  351. package/dist/unit_input.css +1 -1
  352. package/dist/utility_bar.css +1 -1
  353. package/dist/utils/click_away_listener.js +10 -10
  354. package/dist/utils/click_away_listener.js.map +1 -1
  355. package/dist/utils/dnd/draggable/draggable.js +4 -4
  356. package/dist/utils/dnd/handle.js +8 -8
  357. package/dist/utils/focus_redirect.js +5 -5
  358. package/dist/utils/hooks/make_context_hook.js +4 -4
  359. package/dist/utils/hooks/use_media_query.js +2 -2
  360. package/dist/utils/hooks/use_media_query.js.map +1 -1
  361. package/dist/v_body.css +1 -1
  362. package/dist/window.css +1 -1
  363. package/package.json +3 -3
  364. package/src/actions/__docs__/actions.mdx +194 -0
  365. package/src/actions/__docs__/actions.stories.tsx +481 -0
  366. package/src/actions/__docs__/components/gallery.module.css +6 -0
  367. package/src/actions/__docs__/components/gallery.tsx +28 -0
  368. package/src/actions/__docs__/components/showcase.module.css +55 -0
  369. package/src/actions/__docs__/components/showcase.tsx +121 -0
  370. package/src/actions/button/__stories__/button_group.stories.tsx +63 -0
  371. package/src/actions/button/__stories__/select_group.stories.tsx +47 -4
  372. package/src/actions/button/base_button/base_button.module.css +15 -13
  373. package/src/actions/button/base_button/base_button.tsx +6 -1
  374. package/src/actions/button/button/button.module.css +52 -50
  375. package/src/actions/button/button_group/button_group.module.css +54 -52
  376. package/src/actions/button/button_group/button_group.tsx +9 -4
  377. package/src/actions/button/select_group/select_group.module.css +54 -52
  378. package/src/actions/button/select_group/select_group.tsx +2 -2
  379. package/src/actions/button/slim_button/slim_button.module.css +7 -5
  380. package/src/actions/types.ts +6 -0
  381. package/src/css/layers.css +1 -0
  382. package/src/feedback/loading/loading.module.css +17 -15
  383. package/src/feedback/progress/progress_bar.module.css +52 -50
  384. package/src/feedback/progress/progress_bar.tsx +6 -1
  385. package/src/form/field/common/field_control/field_control.module.css +17 -15
  386. package/src/form/field/common/field_control/field_control.tsx +1 -1
  387. package/src/form/field/common/field_description.tsx +1 -1
  388. package/src/form/field/common/field_error.tsx +1 -1
  389. package/src/form/field/common/field_header.tsx +1 -1
  390. package/src/form/field/common/status_input/status_input.module.css +10 -8
  391. package/src/form/field/common/status_input/status_input.tsx +8 -5
  392. package/src/form/field/h_field/h_field.module.css +7 -5
  393. package/src/form/field/h_field/h_field.tsx +1 -1
  394. package/src/form/field/v_field/v_field.tsx +1 -1
  395. package/src/form/field_set/field_set.module.css +16 -14
  396. package/src/form/field_set/field_set.tsx +7 -4
  397. package/src/inputs/checkbox/checkbox.module.css +45 -43
  398. package/src/inputs/checkbox/checkbox.tsx +1 -1
  399. package/src/inputs/checkbox/checkbox_row.tsx +9 -2
  400. package/src/inputs/color_input/color_input.module.css +58 -56
  401. package/src/inputs/color_input/color_input.tsx +8 -4
  402. package/src/inputs/color_input/color_picker.module.css +13 -11
  403. package/src/inputs/color_input/color_picker.tsx +2 -2
  404. package/src/inputs/combo_box/combo_box.tsx +1 -1
  405. package/src/inputs/date_picker/date_picker.module.css +19 -17
  406. package/src/inputs/date_picker/date_picker.tsx +2 -2
  407. package/src/inputs/date_picker/date_picker_body.tsx +1 -1
  408. package/src/inputs/date_picker/date_picker_date.module.css +71 -69
  409. package/src/inputs/date_picker/date_picker_date.tsx +2 -2
  410. package/src/inputs/date_picker/date_picker_day.module.css +5 -3
  411. package/src/inputs/date_picker/date_picker_day.tsx +7 -2
  412. package/src/inputs/date_picker/date_picker_header.module.css +4 -2
  413. package/src/inputs/date_picker/date_picker_header.tsx +1 -1
  414. package/src/inputs/date_picker/date_picker_input.module.css +55 -53
  415. package/src/inputs/date_picker/date_picker_input.tsx +3 -3
  416. package/src/inputs/date_picker/date_picker_time_selector.module.css +30 -28
  417. package/src/inputs/date_picker/date_picker_time_selector.tsx +7 -4
  418. package/src/inputs/date_picker/date_picker_year_input.module.css +46 -44
  419. package/src/inputs/date_picker/date_picker_year_input.tsx +1 -1
  420. package/src/inputs/date_picker/date_picker_year_selector.module.css +48 -46
  421. package/src/inputs/date_picker/date_picker_year_selector.tsx +5 -2
  422. package/src/inputs/index.ts +0 -4
  423. package/src/inputs/input/input.module.css +56 -79
  424. package/src/inputs/input/input.tsx +1 -1
  425. package/src/inputs/multi_combo_box/multi_combo_box.module.css +4 -2
  426. package/src/inputs/multiselect/multiselect.module.css +4 -2
  427. package/src/inputs/multiselect/multiselect.tsx +2 -1
  428. package/src/inputs/multiselect/multiselect_inline_values.tsx +3 -2
  429. package/src/inputs/multiselect/multiselect_values.module.css +28 -26
  430. package/src/inputs/multiselect/multiselect_values.tsx +3 -3
  431. package/src/inputs/phone_number_input/phone_number_input.module.css +54 -52
  432. package/src/inputs/phone_number_input/phone_number_input.tsx +15 -6
  433. package/src/inputs/radio/radio.module.css +48 -66
  434. package/src/inputs/radio/radio.tsx +2 -2
  435. package/src/inputs/select/select.module.css +57 -59
  436. package/src/inputs/select/select.tsx +4 -2
  437. package/src/inputs/slider/slider.module.css +151 -149
  438. package/src/inputs/slider/slider.tsx +1 -1
  439. package/src/inputs/suggestions/suggestion_item.module.css +35 -53
  440. package/src/inputs/suggestions/suggestion_item.tsx +1 -1
  441. package/src/inputs/suggestions/suggestion_list.module.css +29 -27
  442. package/src/inputs/suggestions/suggestion_list.tsx +6 -3
  443. package/src/inputs/switch/switch.module.css +111 -109
  444. package/src/inputs/switch/switch.tsx +3 -3
  445. package/src/inputs/textarea/textarea.module.css +47 -65
  446. package/src/inputs/textarea/textarea.tsx +1 -1
  447. package/src/inputs/unit_input/unit_input.module.css +20 -18
  448. package/src/inputs/unit_input/unit_input.tsx +3 -3
  449. package/src/layouts/body/h_body.module.css +7 -4
  450. package/src/layouts/body/h_body.tsx +1 -1
  451. package/src/layouts/body/v_body.module.css +6 -4
  452. package/src/layouts/column/column.module.css +30 -28
  453. package/src/layouts/column/column.tsx +2 -2
  454. package/src/layouts/divider/divider.module.css +103 -101
  455. package/src/layouts/divider/divider.tsx +1 -2
  456. package/src/layouts/footer/footer.module.css +24 -21
  457. package/src/layouts/grid/grid.module.css +20 -18
  458. package/src/layouts/grid/grid.tsx +6 -1
  459. package/src/layouts/header/header.module.css +7 -5
  460. package/src/layouts/header/header.tsx +1 -1
  461. package/src/layouts/list/section_header.module.css +16 -14
  462. package/src/layouts/list/section_header.tsx +7 -1
  463. package/src/layouts/scaffold/scaffold.module.css +6 -4
  464. package/src/layouts/sidebar_end/sidebar_end.module.css +28 -26
  465. package/src/layouts/sidebar_end/sidebar_end.tsx +2 -2
  466. package/src/layouts/sidebar_start/sidebar_start.module.css +28 -26
  467. package/src/layouts/sidebar_start/sidebar_start.tsx +2 -2
  468. package/src/layouts/utility_bar/utility_bar.module.css +5 -3
  469. package/src/layouts/utility_bar/utility_bar.tsx +1 -6
  470. package/src/overlay/context_menu/context_menu.tsx +1 -1
  471. package/src/overlay/frame/frame.module.css +6 -4
  472. package/src/overlay/frame/frame_stories.module.css +14 -12
  473. package/src/overlay/menu/menu.module.css +30 -28
  474. package/src/overlay/menu/menu.tsx +2 -2
  475. package/src/overlay/popper/legacy/popper.module.css +10 -8
  476. package/src/overlay/popper/legacy/popper.tsx +2 -1
  477. package/src/overlay/popper/preview_popper.tsx +1 -1
  478. package/src/overlay/portal/portal.css +33 -31
  479. package/src/overlay/portal/portal_platform.tsx +5 -5
  480. package/src/overlay/tethered/tethered.module.css +9 -7
  481. package/src/stacks/box/bottom_resize_handle.module.css +11 -9
  482. package/src/stacks/box/bottom_resize_handle.tsx +1 -1
  483. package/src/stacks/box/box.tsx +1 -1
  484. package/src/stacks/box/end_resize_handle.module.css +16 -14
  485. package/src/stacks/box/end_resize_handle.tsx +1 -1
  486. package/src/stacks/box/left_resize_handle.module.css +11 -9
  487. package/src/stacks/box/left_resize_handle.tsx +1 -1
  488. package/src/stacks/box/right_resize_handle.module.css +11 -9
  489. package/src/stacks/box/right_resize_handle.tsx +1 -1
  490. package/src/stacks/box/start_resize_handle.module.css +16 -14
  491. package/src/stacks/box/start_resize_handle.tsx +1 -1
  492. package/src/stacks/box/top_resize_handle.module.css +11 -9
  493. package/src/stacks/box/top_resize_handle.tsx +1 -1
  494. package/src/stacks/collapsible_box.module.css +45 -29
  495. package/src/stacks/demo.module.css +5 -3
  496. package/src/stacks/h_collapsible_box.tsx +5 -1
  497. package/src/stacks/h_stack.tsx +1 -1
  498. package/src/stacks/spacer.tsx +1 -1
  499. package/src/stacks/stack.module.css +400 -393
  500. package/src/stacks/story_components/circle.module.css +8 -6
  501. package/src/stacks/story_components/circle.tsx +1 -1
  502. package/src/stacks/story_components/picture_placeholder.module.css +4 -2
  503. package/src/stacks/story_components/picture_placeholder.tsx +5 -1
  504. package/src/stacks/story_components/rect.module.css +9 -7
  505. package/src/stacks/story_components/rect.tsx +1 -1
  506. package/src/stacks/v_collapsible_box.tsx +5 -1
  507. package/src/stacks/v_stack.tsx +1 -1
  508. package/src/stacks/z_stack.tsx +1 -1
  509. package/src/surfaces/alert/alert.tsx +1 -1
  510. package/src/surfaces/card/card_stories.module.css +13 -11
  511. package/src/surfaces/confirm/confirm.module.css +37 -35
  512. package/src/surfaces/confirm/confirm.tsx +7 -4
  513. package/src/surfaces/drawers/drawer_bottom/drawer_bottom.module.css +4 -2
  514. package/src/surfaces/drawers/drawer_bottom/drawer_bottom.tsx +1 -1
  515. package/src/surfaces/drawers/drawer_end/drawer_end.module.css +4 -2
  516. package/src/surfaces/drawers/drawer_end/drawer_end.tsx +1 -1
  517. package/src/surfaces/drawers/drawer_start/drawer_start.module.css +4 -2
  518. package/src/surfaces/drawers/drawer_start/drawer_start.tsx +1 -1
  519. package/src/surfaces/drawers/drawer_top/drawer_top.module.css +4 -2
  520. package/src/surfaces/drawers/drawer_top/drawer_top.tsx +1 -1
  521. package/src/surfaces/modal/modal.module.css +5 -3
  522. package/src/surfaces/page/h_page.tsx +1 -1
  523. package/src/surfaces/page/page.module.css +12 -10
  524. package/src/surfaces/page/v_page.tsx +1 -1
  525. package/src/surfaces/panel/panel.module.css +8 -7
  526. package/src/surfaces/popover/popover.tsx +1 -1
  527. package/src/surfaces/tooltip/tooltip.module.css +4 -2
  528. package/src/surfaces/window/window.module.css +6 -4
  529. package/src/themes/stylesheets/reset.css +133 -131
  530. package/src/themes/theme.tsx +17 -0
  531. package/src/themes/themes/ergo/ergo_theme.css +505 -515
  532. package/src/themes/themes/windows_98/windows_98.css +1030 -1164
  533. package/src/tokens/badge/badge.module.css +13 -11
  534. package/src/tokens/badge/badge.tsx +2 -2
  535. package/src/tokens/bubble/bubble.module.css +12 -10
  536. package/src/tokens/bubble/bubble.tsx +1 -1
  537. package/src/tokens/chip/chip.module.css +14 -12
  538. package/src/tokens/chip/chip.tsx +1 -1
  539. package/src/typography/body_text/body_text.module.css +61 -59
  540. package/src/typography/body_text/body_text.tsx +1 -1
  541. package/src/typography/callout/callout.module.css +56 -54
  542. package/src/typography/callout/callout.tsx +1 -1
  543. package/src/typography/caption/caption.module.css +56 -54
  544. package/src/typography/caption/caption.tsx +1 -1
  545. package/src/typography/footnote/footnote.module.css +56 -54
  546. package/src/typography/footnote/footnote.tsx +1 -1
  547. package/src/typography/headline/headline.module.css +57 -55
  548. package/src/typography/headline/headline.tsx +1 -1
  549. package/src/typography/subheadline/subheadline.module.css +57 -55
  550. package/src/typography/subheadline/subheadline.tsx +1 -1
  551. package/src/typography/title/title.module.css +54 -52
  552. package/src/typography/title/title.tsx +1 -1
  553. package/src/utils/dnd/draggable/draggable.module.css +8 -6
  554. package/dist/form/field/common/types.js +0 -2
  555. package/dist/form/field/common/types.js.map +0 -1
  556. package/dist/inputs/mask_input/mask_config.js +0 -2
  557. package/dist/inputs/mask_input/mask_config.js.map +0 -1
  558. package/dist/inputs/mask_input/mask_cursor.js +0 -2
  559. package/dist/inputs/mask_input/mask_cursor.js.map +0 -1
  560. package/dist/inputs/multiselect/multiselect_row.d.ts +0 -10
  561. package/dist/inputs/multiselect/multiselect_row.d.ts.map +0 -1
  562. package/dist/inputs/multiselect/multiselect_row.js +0 -35
  563. package/dist/inputs/multiselect/multiselect_row.js.map +0 -1
  564. package/dist/inputs/switch/switch_row.d.ts +0 -8
  565. package/dist/inputs/switch/switch_row.d.ts.map +0 -1
  566. package/dist/inputs/switch/switch_row.js +0 -16
  567. package/dist/inputs/switch/switch_row.js.map +0 -1
  568. package/dist/inputs/textarea/textarea_row.d.ts +0 -8
  569. package/dist/inputs/textarea/textarea_row.d.ts.map +0 -1
  570. package/dist/inputs/textarea/textarea_row.js +0 -12
  571. package/dist/inputs/textarea/textarea_row.js.map +0 -1
  572. package/dist/overlay/tethered/types.js +0 -2
  573. package/dist/overlay/tethered/types.js.map +0 -1
  574. package/dist/portal_platform.css +0 -1
  575. package/dist/stacks/box/handle_props.js +0 -2
  576. package/dist/stacks/box/handle_props.js.map +0 -1
  577. package/dist/utils/calendar/calendar_date.js +0 -2
  578. package/dist/utils/calendar/calendar_date.js.map +0 -1
  579. package/dist/utils/dnd/types.js +0 -2
  580. package/dist/utils/dnd/types.js.map +0 -1
  581. package/src/inputs/multiselect/multiselect_row.tsx +0 -57
  582. package/src/inputs/switch/TODO.md +0 -3
  583. package/src/inputs/switch/switch_row.tsx +0 -33
  584. package/src/inputs/textarea/textarea_row.tsx +0 -24
@@ -1,33 +0,0 @@
1
- import React, { useState } from 'react';
2
- import { useSignalValue } from '@tcn/state';
3
- import { FieldPresenter } from '../../form/field_presenters/field_presenter.js';
4
- import { Switch, SwitchProps } from './switch.js';
5
- import { HField } from '../../form/field/h_field/h_field.js';
6
-
7
- export interface SwitchRowProps
8
- extends Omit<
9
- SwitchProps,
10
- 'onChange' | 'checked' | 'label' | 'description' | 'errorMessage'
11
- > {
12
- presenter?: FieldPresenter<boolean>;
13
- id: string;
14
- }
15
-
16
- export function SwitchRow({ presenter, id, ...props }: SwitchRowProps) {
17
- const [finalPresenter] = useState(() => {
18
- if (presenter == null) {
19
- return new FieldPresenter<boolean>('Label', false);
20
- }
21
- return presenter;
22
- });
23
-
24
- const { label, value, description, error } = useSignalValue(
25
- finalPresenter.stateBroadcast
26
- );
27
-
28
- return (
29
- <HField id={id} label={label} description={description} errorMessage={error}>
30
- <Switch {...props} checked={value} onChange={finalPresenter.setValue} />
31
- </HField>
32
- );
33
- }
@@ -1,24 +0,0 @@
1
- import { useSignalValue } from '@tcn/state';
2
- import React from 'react';
3
- import { HField } from '../../form/field/h_field/h_field.js';
4
- import { FieldPresenter } from '../../form/field_presenters/field_presenter.js';
5
- import { Textarea, TextareaProps } from './textarea.js';
6
-
7
- export interface TextareaRowProps
8
- extends Omit<
9
- TextareaProps,
10
- 'onChange' | 'value' | 'label' | 'description' | 'errorMessage'
11
- > {
12
- presenter: FieldPresenter<string>;
13
- id: string;
14
- }
15
-
16
- export function TextareaRow({ presenter, id, ...props }: TextareaRowProps) {
17
- const { label, value, description, error } = useSignalValue(presenter.stateBroadcast);
18
-
19
- return (
20
- <HField id={id} label={label} description={description} errorMessage={error}>
21
- <Textarea {...props} value={value} onChange={presenter.setValue} />
22
- </HField>
23
- );
24
- }