@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
package/dist/themes/themes/ergo/ergo_theme.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ergo_theme.js","sources":["../../../../src/themes/themes/ergo/ergo_theme.css?raw","../../../../src/themes/themes/ergo/ergo_theme.ts"],"sourcesContent":["export default \"/* https://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */\\nhtml,\\nbody,\\ndiv,\\nspan,\\napplet,\\nobject,\\niframe,\\nh1,\\nh2,\\nh3,\\nh4,\\nh5,\\nh6,\\np,\\nblockquote,\\npre,\\na,\\nabbr,\\nacronym,\\naddress,\\nbig,\\ncite,\\ncode,\\ndel,\\ndfn,\\nem,\\nimg,\\nins,\\nkbd,\\nq,\\ns,\\nsamp,\\nsmall,\\nstrike,\\nstrong,\\nsub,\\nsup,\\ntt,\\nvar,\\nb,\\nu,\\ni,\\ncenter,\\ndl,\\ndt,\\ndd,\\nol,\\nul,\\nli,\\nfieldset,\\nform,\\nlabel,\\nlegend,\\ntable,\\ncaption,\\ntbody,\\ntfoot,\\nthead,\\ntr,\\nth,\\ntd,\\narticle,\\naside,\\ncanvas,\\ndetails,\\nembed,\\nfigure,\\nfigcaption,\\nfooter,\\nheader,\\nhgroup,\\nmenu,\\nnav,\\noutput,\\nruby,\\nsection,\\nsummary,\\ntime,\\nmark,\\naudio,\\nvideo {\\n margin: 0;\\n padding: 0;\\n border: 0;\\n font-size: 100%;\\n font: inherit;\\n vertical-align: baseline;\\n}\\n/* HTML5 display-role reset for older browsers */\\narticle,\\naside,\\ndetails,\\nfigcaption,\\nfigure,\\nfooter,\\nheader,\\nhgroup,\\nmenu,\\nnav,\\nsection {\\n display: block;\\n}\\nbody {\\n line-height: 1;\\n}\\nol,\\nul {\\n list-style: none;\\n}\\nblockquote,\\nq {\\n quotes: none;\\n}\\nblockquote:before,\\nblockquote:after,\\nq:before,\\nq:after {\\n content: \\\"\\\";\\n content: none;\\n}\\ntable {\\n border-collapse: collapse;\\n border-spacing: 0;\\n}\\n\\nlegend {\\n all: unset;\\n display: block;\\n margin: 0;\\n padding: 0;\\n font: inherit;\\n color: inherit;\\n}\\n\\n/* ===== CSS VARIABLES ===== */\\n:root {\\n --scalar: 1;\\n --accent-color: #cd6b2c;\\n\\n /* Typography */\\n --font-color: #395578;\\n --font-family: \\\"Lato\\\", sans-serif;\\n --font-size: 12px;\\n\\n /* Spacing */\\n --gap-small: 4px;\\n --gap-medium: 8px;\\n --gap-large: 16px;\\n\\n --padding-small: 4px;\\n --padding-medium: 8px;\\n --padding-large: 16px;\\n\\n /* Status Colors */\\n --status-color-disabled: #7f7f7f;\\n --status-color-info: #008cff;\\n --status-color-warning: #ffff00;\\n --status-color-positive: #00ff00;\\n --status-color-error: #ff0000;\\n\\n --async-color-initial: #c0c0c0;\\n --async-color-pending: #008cff;\\n --async-color-success: #00ff00;\\n --async-color-failed: #ff0000;\\n\\n /* Shape */\\n --shape-radius-small: 2px;\\n --shape-radius-medium: 4px;\\n --shape-radius-large: 8px;\\n\\n /* Palette */\\n --primary-color-faint: #c0c0c0;\\n --primary-color: #008cff;\\n --primary-color-strong: #008cff;\\n\\n --secondary-color-faint: #c0c0c0;\\n --secondary-color: #008cff;\\n --secondary-color-strong: #008cff;\\n\\n --tertiary-color-faint: #c0c0c0;\\n --tertiary-color: #008cff;\\n --tertiary-color-strong: #008cff;\\n\\n --quaternary-color-faint: #c0c0c0;\\n --quaternary-color: #008cff;\\n --quaternary-color-strong: #008cff;\\n\\n --background-color-primary: #ffffff;\\n --background-color-secondary: #ffffff;\\n --background-color-tertiary: #ffffff;\\n --background-color-quaternary: #ffffff;\\n\\n --foreground-color-primary: #aaa;\\n --foreground-color-secondary: #222222;\\n --foreground-color-tertiary: #222222;\\n --foreground-color-quaternary: #222222;\\n\\n --material-disabled: #d3d3d3;\\n --material-secondary-dark: 197 29.1% 40.4%;\\n --material-tan: 33, 22%, 84%;\\n\\n /* Default Material */\\n --action: 23, 65%, 49%;\\n --on-action: 0, 0%, 100%;\\n --material: 0, 0%, 100%;\\n --on-material: 213, 35.6%, 34.7%;\\n}\\n\\n* {\\n position: relative;\\n box-sizing: border-box;\\n}\\n/* ===== Actions ===== */\\n\\n.tcn-interactive {\\n cursor: pointer;\\n user-select: none;\\n transition:\\n transform 0.1s,\\n background 0.1s,\\n color 0.1s;\\n\\n --act: hsl(var(--action));\\n --on-act: hsl(var(--on-action));\\n /* Could use hsl here if we made three color variables for each of the hsl values */\\n --act-down: color-mix(in srgb, var(--act), black 8%);\\n --act-raised: color-mix(in srgb, var(--act), white 8%);\\n --act-faint: hsla(var(--action), 0.2);\\n --on-mat: hsl(var(--on-material));\\n --on-mat-faint: hsla(var(--on-material), 0.2);\\n --mat: hsl(var(--material));\\n --mat-down: color-mix(in srgb, var(--mat), black 8%);\\n --mat-raised: color-mix(in srgb, var(--mat), white 8%);\\n}\\n\\n.tcn-interactive[data-is-disabled=\\\"true\\\"] {\\n pointer-events: none;\\n cursor: not-allowed;\\n}\\n\\n.tcn-interactive[data-hierarchy=\\\"primary\\\"] {\\n background: var(--act);\\n color: var(--on-act);\\n border: 1px solid var(--act);\\n}\\n\\n.tcn-interactive[data-hierarchy=\\\"primary\\\"]:focus-visible {\\n outline: 2px dashed var(--act);\\n}\\n\\n.tcn-interactive[data-hierarchy=\\\"primary\\\"][data-is-disabled=\\\"true\\\"] {\\n background: var(--material-disabled);\\n color: white;\\n border: 1px solid var(--material-disabled);\\n}\\n\\n.tcn-interactive[data-hierarchy=\\\"primary\\\"]:hover {\\n background: var(--act-raised);\\n}\\n\\n.tcn-interactive[data-hierarchy=\\\"primary\\\"]:active {\\n background: var(--act-down);\\n}\\n\\n.tcn-interactive[data-hierarchy=\\\"secondary\\\"] {\\n background: transparent;\\n color: var(--on-mat);\\n border: 1px solid var(--on-mat);\\n}\\n\\n.tcn-interactive[data-hierarchy=\\\"secondary\\\"]:focus-visible {\\n outline: 2px dashed var(--on-mat);\\n}\\n\\n.tcn-interactive[data-hierarchy=\\\"secondary\\\"][data-is-disabled=\\\"true\\\"] {\\n color: var(--material-disabled);\\n border: 1px solid var(--material-disabled);\\n}\\n\\n.tcn-interactive[data-hierarchy=\\\"secondary\\\"]:hover {\\n background: var(--on-mat-faint);\\n}\\n\\n.tcn-interactive[data-hierarchy=\\\"secondary\\\"]:active {\\n background: var(--mat-down);\\n}\\n\\n.tcn-interactive[data-hierarchy=\\\"tertiary\\\"] {\\n background: transparent;\\n color: var(--on-mat);\\n border: 1px solid transparent;\\n}\\n\\n.tcn-interactive[data-hierarchy=\\\"tertiary\\\"]:focus-visible {\\n outline: 2px dashed var(--on-mat);\\n}\\n\\n.tcn-interactive[data-hierarchy=\\\"tertiary\\\"][data-is-disabled=\\\"true\\\"] {\\n color: var(--material-disabled);\\n}\\n\\n.tcn-interactive[data-hierarchy=\\\"tertiary\\\"]:hover {\\n text-decoration: underline;\\n text-decoration-color: var(--on-mat);\\n text-decoration-thickness: 1px;\\n text-underline-offset: 4px;\\n color: var(--on-mat);\\n background: var(--on-mat-faint);\\n}\\n\\n.tcn-interactive[data-hierarchy=\\\"tertiary\\\"]:active {\\n background: var(--mat-down);\\n}\\n\\n/* Button */\\n.tcn-button {\\n border-radius: 4px;\\n}\\n\\n.tcn-button[data-size=\\\"sm\\\"] {\\n padding: 0px 8px;\\n min-height: 22px;\\n}\\n\\n.tcn-button[data-size=\\\"md\\\"] {\\n padding: 0px 12px;\\n min-height: 26px;\\n}\\n\\n.tcn-button[data-size=\\\"lg\\\"] {\\n padding: 0px 16px;\\n min-height: 32px;\\n}\\n\\n.tcn-button:hover {\\n transform: translateY(-1px);\\n box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);\\n}\\n\\n.tcn-button:active {\\n transform: translateY(1px);\\n box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.1);\\n}\\n\\n.tcn-slim-button {\\n height: auto;\\n width: auto;\\n padding: 0;\\n}\\n\\n.tcn-slim-button[data-size=\\\"sm\\\"] {\\n min-height: 12px;\\n min-width: 12px;\\n padding: 0;\\n .tcn-icon {\\n min-height: 10px;\\n min-width: 10px;\\n }\\n}\\n\\n.tcn-slim-button[data-size=\\\"md\\\"] {\\n min-height: 18px;\\n min-width: 18px;\\n padding: 0;\\n .tcn-icon {\\n min-height: 14px;\\n min-width: 14px;\\n }\\n}\\n\\n.tcn-slim-button[data-size=\\\"lg\\\"] {\\n min-height: 24px;\\n min-width: 24px;\\n padding: 0;\\n .tcn-icon {\\n min-height: 20px;\\n min-width: 20px;\\n }\\n}\\n\\n.material {\\n background-color: hsl(var(--material));\\n color: hsl(var(--on-material));\\n}\\n\\n/* ===== SURFACES ===== */\\n.tcn-draggable[data-is-draggable=\\\"true\\\"] {\\n .tcn-drag-handle {\\n cursor: move;\\n }\\n}\\n\\n.tcn-frame[data-is-veil=\\\"true\\\"] {\\n background-color: rgba(0, 0, 0, 0.5);\\n}\\n\\n.tcn-tooltip {\\n background: rgba(57, 85, 120, 0.85);\\n box-shadow: 0px 4px 7px 0px rgba(65, 65, 65, 0.66);\\n color: rgba(255, 255, 255, 1);\\n border-radius: var(--shape-radius-medium);\\n padding: var(--padding-medium);\\n}\\n\\n.tcn-list {\\n gap: var(--gap-medium);\\n .tcn-item {\\n height: 24px;\\n padding: 0px var(--padding-medium);\\n border-radius: var(--shape-radius-medium);\\n }\\n}\\n\\n/* Scaffold: */\\n.tcn-scaffold {\\n --scaffold-v-inset: var(--v-inset, var(--padding-large));\\n --scaffold-header-size: var(--header-size, 40px);\\n --scaffold-footer-size: var(--footer-size, 40px);\\n --scaffold-utility-bar-size: var(--utility-bar-size, 32px);\\n --scaffold-divide-footer: var(--divide-footer, 1);\\n --scaffold-divide-header: var(--divide-header, 1);\\n\\n :where(.tcn-header) {\\n min-height: var(--scaffold-header-size);\\n padding: 0 var(--scaffold-v-inset);\\n gap: var(--gap-medium);\\n }\\n\\n /* Border appears on body only when it follows header or utility-bar */\\n :where(.tcn-header) + :where(.tcn-body),\\n :where(.tcn-utility-bar) + :where(.tcn-body) {\\n border-top: calc(var(--scaffold-divide-header) * 1px) solid\\n var(--foreground-color-primary);\\n }\\n\\n /* Border appears on footer only when it follows body and --scaffold-divide-footer is 1 */\\n :where(.tcn-body) + :where(.tcn-footer) {\\n border-top: calc(var(--scaffold-divide-footer) * 1px) solid\\n var(--foreground-color-primary);\\n }\\n\\n :where(.tcn-utility-bar) {\\n min-height: var(--scaffold-utility-bar-size);\\n padding: 0 var(--scaffold-v-inset);\\n gap: var(--gap-medium);\\n }\\n\\n :where(.tcn-body) {\\n padding: 0 var(--scaffold-v-inset);\\n gap: var(--gap-medium);\\n }\\n\\n :where(.tcn-footer) {\\n gap: var(--gap-medium);\\n min-height: var(--scaffold-footer-size);\\n padding: 0 var(--scaffold-v-inset);\\n }\\n}\\n\\n.tcn-frame-veil[data-is-veil=\\\"true\\\"] {\\n background-color: rgba(0, 0, 0, 0.5);\\n}\\n\\n/* MODAL: */\\n.tcn-modal {\\n --divide-header: 0;\\n\\n :where(.tcn-scaffold) {\\n border-radius: var(--shape-radius-medium);\\n background-color: var(--background-color-primary);\\n overflow: hidden;\\n border: 1px solid var(--foreground-color-primary);\\n }\\n\\n :where(.tcn-typography) {\\n color: inherit;\\n }\\n\\n :where(.tcn-header) {\\n --material: var(--material-secondary-dark);\\n --on-material: 0, 0%, 100%;\\n --action: var(--material-tan);\\n --on-action: 0, 0%, 100%;\\n background-color: hsl(var(--material));\\n color: hsl(var(--on-material));\\n }\\n\\n :where(.tcn-utility-bar) {\\n --material: var(--material-secondary-dark);\\n --on-material: 0, 0%, 100%;\\n --action: var(--material-tan);\\n --on-action: 0, 0%, 100%;\\n background-color: hsl(var(--material));\\n color: hsl(var(--on-material));\\n }\\n}\\n\\n/* WINDOW: */\\n.tcn-window {\\n --divide-header: 0;\\n\\n :where(.tcn-scaffold) {\\n box-shadow: 0px 4px 34px 0px #00000096;\\n border-radius: var(--shape-radius-medium);\\n background-color: var(--background-color-primary);\\n overflow: hidden;\\n border: 2px solid white;\\n }\\n\\n :where(.tcn-typography) {\\n color: inherit;\\n }\\n\\n :where(.tcn-header) {\\n --material: var(--material-secondary-dark);\\n --on-material: 0, 0%, 100%;\\n --action: var(--material-tan);\\n --on-action: 0, 0%, 100%;\\n background-color: hsl(var(--material));\\n color: hsl(var(--on-material));\\n }\\n\\n :where(.tcn-utility-bar) {\\n --material: var(--material-secondary-dark);\\n --on-material: 0, 0%, 100%;\\n --action: var(--material-tan);\\n --on-action: 0, 0%, 100%;\\n background-color: hsl(var(--material));\\n color: hsl(var(--on-material));\\n }\\n}\\n\\n.tcn-pop-confirm {\\n --divide-header: 0;\\n --v-inset: var(--padding-medium);\\n\\n :where(.tcn-scaffold) {\\n box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.4);\\n border-radius: var(--shape-radius-medium);\\n background-color: var(--background-color-primary);\\n overflow: hidden;\\n }\\n\\n :where(.tcn-typography) {\\n color: inherit;\\n }\\n\\n :where(.tcn-header) {\\n min-height: 32px;\\n --material: var(--material-secondary-dark);\\n --on-material: 0, 0%, 100%;\\n --action: var(--material-tan);\\n --on-action: 0, 0%, 100%;\\n background-color: hsl(var(--material));\\n color: hsl(var(--on-material));\\n }\\n\\n :where(.tcn-utility-bar) {\\n --material: var(--material-secondary-dark);\\n --on-material: 0, 0%, 100%;\\n --action: var(--material-tan);\\n --on-action: 0, 0%, 100%;\\n background-color: hsl(var(--material));\\n color: hsl(var(--on-material));\\n }\\n}\\n\\n/* PANEL */\\n.tcn-panel {\\n background-color: var(--background-color-primary);\\n border-radius: var(--shape-radius-medium);\\n overflow: hidden;\\n}\\n\\n/* Card */\\n.tcn-card {\\n --header-size: 32px;\\n --footer-size: 32px;\\n --utility-bar-size: 24px;\\n --divide-header: 0;\\n\\n background-color: var(--background-color-primary);\\n border-radius: var(--shape-radius-medium);\\n border: 1px solid var(--foreground-color-primary);\\n overflow: hidden;\\n\\n :where(.tcn-header) {\\n /* TODO: This should be a variable */\\n background-color: #ecf4fb;\\n }\\n\\n :where(.tcn-utility-bar) {\\n /* TODO: This should be a variable */\\n background-color: #ecf4fb;\\n }\\n}\\n\"","import css from './ergo_theme.css?raw';\n\nexport const ergoStyleSheet = new CSSStyleSheet();\nergoStyleSheet.replaceSync(css);\n"],"names":["css","ergoStyleSheet"],"mappings":"AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCEFC,IAAiB,IAAI,cAAA;AAClCA,EAAe,YAAYD,CAAG;"}
1
+ {"version":3,"file":"ergo_theme.js","sources":["../../../../src/themes/themes/ergo/ergo_theme.css?raw","../../../../src/themes/themes/ergo/ergo_theme.ts"],"sourcesContent":["export default \"@layer tcn-reset {\\n * {\\n position: relative;\\n box-sizing: border-box;\\n }\\n}\\n\\n@layer tcn-theme {\\n /* ===== CSS VARIABLES ===== */\\n :root {\\n --scalar: 1;\\n --accent-color: #cd6b2c;\\n\\n /* Typography */\\n --font-color: #395578;\\n --font-family: \\\"Lato\\\", sans-serif;\\n --font-size: 12px;\\n\\n /* Spacing */\\n --gap-small: 4px;\\n --gap-medium: 8px;\\n --gap-large: 16px;\\n\\n --padding-small: 4px;\\n --padding-medium: 8px;\\n --padding-large: 16px;\\n\\n /* Status Colors */\\n --status-color-disabled: #7f7f7f;\\n --status-color-info: #008cff;\\n --status-color-warning: #ffff00;\\n --status-color-positive: #00ff00;\\n --status-color-error: #ff0000;\\n\\n --async-color-initial: #c0c0c0;\\n --async-color-pending: #008cff;\\n --async-color-success: #00ff00;\\n --async-color-failed: #ff0000;\\n\\n /* Shape */\\n --shape-radius-small: 2px;\\n --shape-radius-medium: 4px;\\n --shape-radius-large: 8px;\\n\\n /* Palette */\\n --primary-color-faint: #c0c0c0;\\n --primary-color: #008cff;\\n --primary-color-strong: #008cff;\\n\\n --secondary-color-faint: #c0c0c0;\\n --secondary-color: #008cff;\\n --secondary-color-strong: #008cff;\\n\\n --tertiary-color-faint: #c0c0c0;\\n --tertiary-color: #008cff;\\n --tertiary-color-strong: #008cff;\\n\\n --quaternary-color-faint: #c0c0c0;\\n --quaternary-color: #008cff;\\n --quaternary-color-strong: #008cff;\\n\\n --background-color-primary: #ffffff;\\n --background-color-secondary: #ffffff;\\n --background-color-tertiary: #ffffff;\\n --background-color-quaternary: #ffffff;\\n\\n --foreground-color-primary: #aaa;\\n --foreground-color-secondary: #222222;\\n --foreground-color-tertiary: #222222;\\n --foreground-color-quaternary: #222222;\\n\\n --material-disabled: #d3d3d3;\\n --material-secondary-dark: 197 29.1% 40.4%;\\n --material-tan: 33, 22%, 84%;\\n\\n /* Default Material */\\n --action: 23, 65%, 49%;\\n --on-action: 0, 0%, 100%;\\n --material: 0, 0%, 100%;\\n --on-material: 213, 35.6%, 34.7%;\\n\\n --action-dangerous: 0, 90%, 50%;\\n --action-cautious: 53, 90%, 60%;\\n --on-action-cautious: 213, 35.6%, 34.7%;\\n --action-neutral: var(--action);\\n --action-suggested: 202, 90%, 40%;\\n --action-encouraged: 120, 90%, 40%;\\n }\\n\\n /* ===== Actions ===== */\\n\\n .tcn-interactive {\\n cursor: pointer;\\n user-select: none;\\n transition:\\n transform 0.1s,\\n background 0.1s,\\n color 0.1s;\\n\\n --act: hsl(var(--tcn-interactive-color, var(--action)));\\n --on-act: hsl(var(--on-action));\\n /* Could use hsl here if we made three color variables for each of the hsl values */\\n --act-down: color-mix(in srgb, var(--act), black 8%);\\n --act-raised: color-mix(in srgb, var(--act), white 8%);\\n --act-faint: hsla(var(--action), 0.2);\\n --on-mat: hsl(var(--on-material));\\n --on-mat-faint: hsla(var(--on-material), 0.2);\\n --mat: hsl(var(--material));\\n --mat-down: color-mix(in srgb, var(--mat), black 8%);\\n --mat-raised: color-mix(in srgb, var(--mat), white 8%);\\n }\\n\\n .tcn-interactive[data-is-disabled=\\\"true\\\"] {\\n pointer-events: none;\\n cursor: not-allowed;\\n }\\n\\n .tcn-interactive[data-hierarchy=\\\"primary\\\"] {\\n background: var(--act);\\n color: var(--on-act);\\n border: 1px solid var(--act);\\n }\\n\\n .tcn-interactive[data-hierarchy=\\\"primary\\\"]:focus-visible {\\n outline: 2px dashed var(--act);\\n }\\n\\n .tcn-interactive[data-hierarchy=\\\"primary\\\"][data-is-disabled=\\\"true\\\"] {\\n background: var(--material-disabled);\\n color: white;\\n border: 1px solid var(--material-disabled);\\n }\\n\\n .tcn-interactive[data-hierarchy=\\\"primary\\\"]:hover {\\n background: var(--act-raised);\\n }\\n\\n .tcn-interactive[data-hierarchy=\\\"primary\\\"]:active {\\n background: var(--act-down);\\n }\\n\\n .tcn-interactive[data-hierarchy=\\\"secondary\\\"] {\\n background: transparent;\\n color: var(--on-mat);\\n border: 1px solid var(--on-mat);\\n }\\n\\n .tcn-interactive[data-hierarchy=\\\"secondary\\\"]:focus-visible {\\n outline: 2px dashed var(--on-mat);\\n }\\n\\n .tcn-interactive[data-hierarchy=\\\"secondary\\\"][data-is-disabled=\\\"true\\\"] {\\n color: var(--material-disabled);\\n border: 1px solid var(--material-disabled);\\n }\\n\\n .tcn-interactive[data-hierarchy=\\\"secondary\\\"]:hover {\\n background: var(--on-mat-faint);\\n }\\n\\n .tcn-interactive[data-hierarchy=\\\"secondary\\\"]:active {\\n background: var(--mat-down);\\n }\\n\\n .tcn-interactive[data-hierarchy=\\\"tertiary\\\"] {\\n background: transparent;\\n color: var(--on-mat);\\n border: 1px solid transparent;\\n }\\n\\n .tcn-interactive[data-hierarchy=\\\"tertiary\\\"]:focus-visible {\\n outline: 2px dashed var(--on-mat);\\n }\\n\\n .tcn-interactive[data-hierarchy=\\\"tertiary\\\"][data-is-disabled=\\\"true\\\"] {\\n color: var(--material-disabled);\\n }\\n\\n .tcn-interactive[data-hierarchy=\\\"tertiary\\\"]:hover {\\n text-decoration: underline;\\n text-decoration-color: var(--on-mat);\\n text-decoration-thickness: 1px;\\n text-underline-offset: 4px;\\n color: var(--on-mat);\\n background: var(--on-mat-faint);\\n }\\n\\n .tcn-interactive[data-hierarchy=\\\"tertiary\\\"]:active {\\n background: var(--mat-down);\\n }\\n\\n /* Button */\\n\\n .tcn-base-button {\\n --action: var(var(--button-color), var(--action));\\n }\\n\\n .tcn-base-button[data-severity=\\\"dangerous\\\"] {\\n --action: var(--action-dangerous);\\n --on-material: var(--action-dangerous);\\n }\\n\\n .tcn-base-button[data-severity=\\\"cautious\\\"] {\\n --action: var(--action-cautious);\\n --on-action: var(--on-action-cautious);\\n --on-material: var(--action-cautious);\\n }\\n\\n /* .tcn-base-button[data-severity=\\\"neutral\\\"] {\\n --action: var(--action-neutral);\\n} */\\n\\n .tcn-base-button[data-severity=\\\"suggested\\\"] {\\n --action: var(--action-suggested);\\n --on-material: var(--action-suggested);\\n }\\n\\n .tcn-base-button[data-severity=\\\"encouraged\\\"] {\\n --action: var(--action-encouraged);\\n --on-material: var(--action-encouraged);\\n }\\n\\n .tcn-button {\\n border-radius: 4px;\\n }\\n\\n .tcn-button[data-size=\\\"sm\\\"] {\\n padding: 0px 8px;\\n min-height: 22px;\\n }\\n\\n .tcn-button[data-size=\\\"md\\\"] {\\n padding: 0px 12px;\\n min-height: 26px;\\n }\\n\\n .tcn-button[data-size=\\\"lg\\\"] {\\n padding: 0px 16px;\\n min-height: 32px;\\n }\\n\\n .tcn-button:hover {\\n transform: translateY(-1px);\\n box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);\\n }\\n\\n .tcn-button:active {\\n transform: translateY(1px);\\n box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.1);\\n }\\n\\n .tcn-slim-button {\\n height: auto;\\n width: auto;\\n padding: 0;\\n }\\n\\n .tcn-slim-button[data-size=\\\"sm\\\"] {\\n min-height: 12px;\\n min-width: 12px;\\n padding: 0;\\n .tcn-icon {\\n min-height: 10px;\\n min-width: 10px;\\n }\\n }\\n\\n .tcn-slim-button[data-size=\\\"md\\\"] {\\n min-height: 18px;\\n min-width: 18px;\\n padding: 0;\\n .tcn-icon {\\n min-height: 14px;\\n min-width: 14px;\\n }\\n }\\n\\n .tcn-slim-button[data-size=\\\"lg\\\"] {\\n min-height: 24px;\\n min-width: 24px;\\n padding: 0;\\n .tcn-icon {\\n min-height: 20px;\\n min-width: 20px;\\n }\\n }\\n\\n .tcn-button[data-size].tcn-select {\\n padding-inline-end: 26px;\\n }\\n\\n .tcn-button-group {\\n .tcn-button-group-button:hover,\\n .tcn-button-group-button:active {\\n transform: none;\\n }\\n\\n .tcn-button-group-button {\\n border-radius: 0;\\n }\\n .tcn-button-group-button:first-child {\\n border-top-left-radius: var(--shape-radius-medium);\\n border-bottom-left-radius: var(--shape-radius-medium);\\n }\\n .tcn-button-group-button:last-child {\\n border-top-right-radius: var(--shape-radius-medium);\\n border-bottom-right-radius: var(--shape-radius-medium);\\n }\\n .tcn-button-group-button[data-hierarchy=\\\"tertiary\\\"] {\\n border: 0;\\n }\\n .tcn-button-group-button[data-hierarchy=\\\"tertiary\\\"]:not(:last-child) {\\n border-right: 1px solid var(--on-mat-faint);\\n }\\n .tcn-button-group-button[data-hierarchy=\\\"tertiary\\\"]:not(:first-child) {\\n border-left: 1px solid var(--on-mat-faint);\\n }\\n .tcn-button-group-button[data-hierarchy=\\\"primary\\\"]:not(:last-child) {\\n border-right: 1px solid var(--act-down);\\n }\\n .tcn-button-group-button[data-hierarchy=\\\"primary\\\"]:not(:first-child) {\\n border-left: 1px solid var(--act-down);\\n }\\n }\\n\\n .tcn-select-group {\\n --action: var(--action-neutral);\\n .tcn-select-group-option:hover,\\n .tcn-select-group-option:active {\\n transform: none;\\n }\\n\\n .tcn-select-group-option[data-hierarchy=\\\"secondary\\\"] {\\n color: var(--act);\\n border-color: var(--act);\\n }\\n\\n .tcn-select-group-option[data-hierarchy=\\\"secondary\\\"]:hover {\\n background: var(--act-faint);\\n }\\n\\n .tcn-select-group-option[data-hierarchy=\\\"secondary\\\"]:active {\\n background: var(--act-down);\\n color: var(--on-act);\\n }\\n\\n .tcn-select-group-option[data-hierarchy=\\\"secondary\\\"][data-is-disabled=\\\"true\\\"] {\\n color: var(--material-disabled);\\n border: 1px solid var(--material-disabled);\\n }\\n\\n .tcn-select-group-option[data-hierarchy=\\\"primary\\\"][data-is-disabled=\\\"true\\\"] {\\n background: var(--material-disabled);\\n color: white;\\n border: 1px solid var(--material-disabled);\\n }\\n\\n .tcn-select-group-option {\\n border-radius: 0;\\n }\\n .tcn-select-group-option:first-child {\\n border-top-left-radius: var(--shape-radius-medium);\\n border-bottom-left-radius: var(--shape-radius-medium);\\n }\\n .tcn-select-group-option:last-child {\\n border-top-right-radius: var(--shape-radius-medium);\\n border-bottom-right-radius: var(--shape-radius-medium);\\n }\\n }\\n\\n .material {\\n background-color: hsl(var(--material));\\n color: hsl(var(--on-material));\\n }\\n\\n /* ===== SURFACES ===== */\\n .tcn-draggable[data-is-draggable=\\\"true\\\"] {\\n .tcn-drag-handle {\\n cursor: move;\\n }\\n }\\n\\n .tcn-frame[data-is-veil=\\\"true\\\"] {\\n background-color: rgba(0, 0, 0, 0.5);\\n }\\n\\n .tcn-tooltip {\\n background: rgba(57, 85, 120, 0.85);\\n box-shadow: 0px 4px 7px 0px rgba(65, 65, 65, 0.66);\\n color: rgba(255, 255, 255, 1);\\n border-radius: var(--shape-radius-medium);\\n padding: var(--padding-medium);\\n }\\n\\n .tcn-list {\\n gap: var(--gap-medium);\\n .tcn-item {\\n height: 24px;\\n padding: 0px var(--padding-medium);\\n border-radius: var(--shape-radius-medium);\\n }\\n }\\n\\n /* Scaffold: */\\n .tcn-scaffold {\\n --scaffold-v-inset: var(--v-inset, var(--padding-large));\\n --scaffold-header-size: var(--header-size, 40px);\\n --scaffold-footer-size: var(--footer-size, 40px);\\n --scaffold-utility-bar-size: var(--utility-bar-size, 32px);\\n --scaffold-divide-footer: var(--divide-footer, 1);\\n --scaffold-divide-header: var(--divide-header, 1);\\n\\n :where(.tcn-header) {\\n min-height: var(--scaffold-header-size);\\n padding: 0 var(--scaffold-v-inset);\\n gap: var(--gap-medium);\\n }\\n\\n /* Border appears on body only when it follows header or utility-bar */\\n :where(.tcn-header) + :where(.tcn-body),\\n :where(.tcn-utility-bar) + :where(.tcn-body) {\\n border-top: calc(var(--scaffold-divide-header) * 1px) solid\\n var(--foreground-color-primary);\\n }\\n\\n /* Border appears on footer only when it follows body and --scaffold-divide-footer is 1 */\\n :where(.tcn-body) + :where(.tcn-footer) {\\n border-top: calc(var(--scaffold-divide-footer) * 1px) solid\\n var(--foreground-color-primary);\\n }\\n\\n :where(.tcn-utility-bar) {\\n min-height: var(--scaffold-utility-bar-size);\\n padding: 0 var(--scaffold-v-inset);\\n gap: var(--gap-medium);\\n }\\n\\n :where(.tcn-body) {\\n padding: 0 var(--scaffold-v-inset);\\n gap: var(--gap-medium);\\n }\\n\\n :where(.tcn-footer) {\\n gap: var(--gap-medium);\\n min-height: var(--scaffold-footer-size);\\n padding: 0 var(--scaffold-v-inset);\\n }\\n }\\n\\n .tcn-frame-veil[data-is-veil=\\\"true\\\"] {\\n background-color: rgba(0, 0, 0, 0.5);\\n }\\n\\n /* MODAL: */\\n .tcn-modal {\\n --divide-header: 0;\\n\\n :where(.tcn-scaffold) {\\n border-radius: var(--shape-radius-medium);\\n background-color: var(--background-color-primary);\\n overflow: hidden;\\n border: 1px solid var(--foreground-color-primary);\\n }\\n\\n :where(.tcn-typography) {\\n color: inherit;\\n }\\n\\n :where(.tcn-header) {\\n --material: var(--material-secondary-dark);\\n --on-material: 0, 0%, 100%;\\n --action: var(--material-tan);\\n --on-action: 0, 0%, 100%;\\n background-color: hsl(var(--material));\\n color: hsl(var(--on-material));\\n }\\n\\n :where(.tcn-utility-bar) {\\n --material: var(--material-secondary-dark);\\n --on-material: 0, 0%, 100%;\\n --action: var(--material-tan);\\n --on-action: 0, 0%, 100%;\\n background-color: hsl(var(--material));\\n color: hsl(var(--on-material));\\n }\\n }\\n\\n /* WINDOW: */\\n .tcn-window {\\n --divide-header: 0;\\n\\n :where(.tcn-scaffold) {\\n box-shadow: 0px 4px 34px 0px #00000096;\\n border-radius: var(--shape-radius-medium);\\n background-color: var(--background-color-primary);\\n overflow: hidden;\\n border: 2px solid white;\\n }\\n\\n :where(.tcn-typography) {\\n color: inherit;\\n }\\n\\n :where(.tcn-header) {\\n --material: var(--material-secondary-dark);\\n --on-material: 0, 0%, 100%;\\n --action: var(--material-tan);\\n --on-action: 0, 0%, 100%;\\n background-color: hsl(var(--material));\\n color: hsl(var(--on-material));\\n }\\n\\n :where(.tcn-utility-bar) {\\n --material: var(--material-secondary-dark);\\n --on-material: 0, 0%, 100%;\\n --action: var(--material-tan);\\n --on-action: 0, 0%, 100%;\\n background-color: hsl(var(--material));\\n color: hsl(var(--on-material));\\n }\\n }\\n\\n .tcn-pop-confirm {\\n --divide-header: 0;\\n --v-inset: var(--padding-medium);\\n\\n :where(.tcn-scaffold) {\\n box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.4);\\n border-radius: var(--shape-radius-medium);\\n background-color: var(--background-color-primary);\\n overflow: hidden;\\n }\\n\\n :where(.tcn-typography) {\\n color: inherit;\\n }\\n\\n :where(.tcn-header) {\\n min-height: 32px;\\n --material: var(--material-secondary-dark);\\n --on-material: 0, 0%, 100%;\\n --action: var(--material-tan);\\n --on-action: 0, 0%, 100%;\\n background-color: hsl(var(--material));\\n color: hsl(var(--on-material));\\n }\\n\\n :where(.tcn-utility-bar) {\\n --material: var(--material-secondary-dark);\\n --on-material: 0, 0%, 100%;\\n --action: var(--material-tan);\\n --on-action: 0, 0%, 100%;\\n background-color: hsl(var(--material));\\n color: hsl(var(--on-material));\\n }\\n }\\n\\n /* PANEL */\\n .tcn-panel {\\n background-color: var(--background-color-primary);\\n border-radius: var(--shape-radius-medium);\\n overflow: hidden;\\n }\\n\\n /* Card */\\n .tcn-card {\\n --header-size: 32px;\\n --footer-size: 32px;\\n --utility-bar-size: 24px;\\n --divide-header: 0;\\n\\n background-color: var(--background-color-primary);\\n border-radius: var(--shape-radius-medium);\\n border: 1px solid var(--foreground-color-primary);\\n overflow: hidden;\\n\\n :where(.tcn-header) {\\n /* TODO: This should be a variable */\\n background-color: #ecf4fb;\\n }\\n\\n :where(.tcn-utility-bar) {\\n /* TODO: This should be a variable */\\n background-color: #ecf4fb;\\n }\\n }\\n}\\n\"","import css from './ergo_theme.css?raw';\n\nexport const ergoStyleSheet = new CSSStyleSheet();\nergoStyleSheet.replaceSync(css);\n"],"names":["css","ergoStyleSheet"],"mappings":"AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCEFC,IAAiB,IAAI,cAAA;AAClCA,EAAe,YAAYD,CAAG;"}
package/dist/themes/themes/windows_98/windows_98.css ADDED
@@ -0,0 +1 @@
1
+ @layer tcn-theme{:root{--scalar: 1;--gap-small: 2px;--gap-medium: 4px;--gap-large: 8px;--padding-small: 2px;--padding-medium: 4px;--padding-large: 8px;--status-color-disabled: #7f7f7f;--status-color-info: #000080;--status-color-warning: #000080;--status-color-error: #be0000;--async-color-initial: #c0c0c0;--async-color-pending: #000080;--async-color-success: #00ff00;--async-color-failed: #be0000;--primary-color-faint: #c0c0c0;--primary-color: #000080;--primary-color-strong: #000080;--secondary-color-faint: #c0c0c0;--secondary-color: #000080;--secondary-color-strong: #000080;--tertiary-color-faint: #c0c0c0;--tertiary-color: #000080;--tertiary-color-strong: #000080;--quaternary-color-faint: #c0c0c0;--quaternary-color: #000080;--quaternary-color-strong: #000080;--font-color: #222222;--font-family: "Pixelated MS Sans Serif", Arial;--font-size: 12px;--background-color-primary: #c0c0c0;--background-color-secondary: #c0c0c0;--background-color-tertiary: #c0c0c0;--background-color-quaternary: #c0c0c0;--foreground-color-primary: #222222;--foreground-color-secondary: #222222;--foreground-color-tertiary: #222222;--foreground-color-quaternary: #222222;--accent-color: #000080}.tcn-title[data-size=sm]{font-size:10px}.tcn-title[data-size=md]{font-size:12px}.tcn-title[data-size=lg]{font-size:14px}.tcn-body-text[data-size=sm]{font-size:10px}.tcn-body-text[data-size=md]{font-size:11px}.tcn-body-text[data-size=lg]{font-size:12px}.tcn-button-text{position:relative;opacity:1;font-size:12px!important}.tcn-button,.tcn-button[data-hierarchy=primary],.tcn-button[data-hierarchy=secondary],.tcn-button[data-hierarchy=primary]:hover,.tcn-button[data-hierarchy=secondary]:hover{background:silver;border:none;border-radius:0;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px silver;box-sizing:border-box;color:#222;min-height:23px;min-width:0;padding:0 12px;font-size:12px;text-decoration:none;outline:none}.tcn-button[data-is-disabled=true]{text-shadow:1px 1px 0 #fff}.tcn-button[data-hierarchy=primary]>*,.tcn-button[data-hierarchy=secondary]>*{position:relative}.tcn-button[data-hierarchy=primary]:active>*,.tcn-button[data-hierarchy=secondary]:active>*{position:relative;top:0;left:1px}.tcn-button[data-hierarchy=primary]:focus:not(:active):before,.tcn-button[data-hierarchy=secondary]:focus:not(:active):before{content:"";position:absolute;inset:1px 2px 2px 1px;outline:1px dotted #222;outline-offset:-3px}.tcn-button[data-hierarchy=primary],.tcn-button[data-hierarchy=primary]:hover{box-shadow:inset -2px -2px #0a0a0a,inset 1px 1px #0a0a0a,inset -3px -3px gray,inset 2px 2px #fff,inset 3px 3px silver}.tcn-button[data-hierarchy=primary]:active,.tcn-button[data-hierarchy=secondary]:active{background:silver;box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px silver,inset 2px 2px gray;color:#222;border:none;text-decoration:none}.tcn-button[data-hierarchy=primary]:focus,.tcn-button[data-hierarchy=secondary]:focus,.tcn-button[data-hierarchy=primary]:focus:not(:active),.tcn-button[data-hierarchy=secondary]:focus:not(:active){background:silver;border:none;text-decoration:none}.tcn-button[data-hierarchy=tertiary]{padding:0 4px;background:none;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;color:navy;min-height:auto;min-width:auto;text-decoration:none}.tcn-button[data-hierarchy=tertiary]:hover{background:none;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;color:navy;min-height:auto;min-width:auto;text-decoration:none}.tcn-button[data-hierarchy=tertiary]:active{background:none;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;color:#00008099;min-height:auto;min-width:auto;text-decoration:none}.tcn-button[data-hierarchy=tertiary]:focus,.tcn-button[data-hierarchy=tertiary]:focus:not(:active){background:none;outline:1px dotted #000080;outline-offset:0;border:none;text-decoration:none}.tcn-button[data-hierarchy=secondary][data-is-disabled=true]{box-shadow:inset -1px -1px #717171,inset 1px 1px #fff,inset -2px -2px #999,inset 2px 2px silver}.tcn-button[data-hierarchy=primary][data-is-disabled=true]{box-shadow:inset -2px -2px #717171,inset 1px 1px #717171,inset -3px -3px #999,inset 2px 2px #fff,inset 3px 3px silver}.tcn-button[data-hierarchy=primary][data-is-disabled=true],.tcn-button[data-hierarchy=secondary][data-is-disabled=true],.tcn-button[data-hierarchy=tertiary][data-is-disabled=true]{color:#7f7f7f;cursor:not-allowed}.tcn-button.select,.tcn-button.select:hover{position:relative;padding-inline-end:20px;padding-inline-start:4px}.tcn-button.select:dir(ltr):after{content:"";position:absolute;right:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(12px * var(--scalar, 1));height:calc(12px * var(--scalar, 1));background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 12 12' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4l4 4 4-4z' fill='currentColor'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 12 12' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4l4 4 4-4z' fill='currentColor'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}.tcn-button.select:dir(rtl):after{content:"";position:absolute;left:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(12px * var(--scalar, 1));height:calc(12px * var(--scalar, 1));background-color:#222;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 12 12' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4l4 4 4-4z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 12 12' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4l4 4 4-4z' fill='black'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}.tcn-slim-button,.tcn-slim-button[data-hierarchy=primary],.tcn-slim-button[data-hierarchy=secondary],.tcn-slim-button[data-hierarchy=primary]:hover,.tcn-slim-button[data-hierarchy=secondary]:hover{padding:2px;min-width:0;min-height:0;height:auto;width:auto}.tcn-slim-button[data-size=sm],.tcn-slim-button[data-hierarchy=primary][data-size=sm],.tcn-slim-button[data-hierarchy=secondary][data-size=sm],.tcn-slim-button[data-hierarchy=primary][data-size=sm]:hover,.tcn-slim-button[data-hierarchy=secondary][data-size=sm]:hover{padding:1px}.tcn-slim-button[data-size=md],.tcn-slim-button[data-hierarchy=primary][data-size=md],.tcn-slim-button[data-hierarchy=secondary][data-size=md],.tcn-slim-button[data-hierarchy=primary][data-size=md]:hover,.tcn-slim-button[data-hierarchy=secondary][data-size=md]:hover{padding:2px}.tcn-slim-button[data-size=lg],.tcn-slim-button[data-hierarchy=primary][data-size=lg],.tcn-slim-button[data-hierarchy=secondary][data-size=lg],.tcn-slim-button[data-hierarchy=primary][data-size=lg]:hover,.tcn-slim-button[data-hierarchy=secondary][data-size=lg]:hover{padding:4px}.tcn-select-group .tcn-button[data-hierarchy=primary],.tcn-select-group .tcn-button[data-hierarchy=primary]:hover,.tcn-select-group .tcn-button[data-hierarchy=primary]:focus{background-color:navy;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px silver;color:#fff}.tcn-select-group .tcn-button:hover,.tcn-select-group .tcn-button:focus,.tcn-button-group .tcn-button:hover,.tcn-button-group .tcn-button:focus{z-index:1}.tcn-input,.tcn-textarea,.tcn-suggestion-list-search-input,.tcn-multi-combo-box-values-container,.tcn-multiselect-values-container{border-radius:0;outline:none;border:none;background-color:#fff;box-shadow:inset -1px -1px #fff,inset 1px 1px gray,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;box-sizing:border-box;padding:3px 4px}.tcn-suggestion-list-search-input{box-shadow:inset -1px -1px #fff,inset 1px 1px gray,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a,0 -2px 0 2px silver}.tcn-input,.tcn-textarea,.tcn-suggestion-list-search-input{height:23px}.tcn-input:is(:focus,:focus-visible,:active,:hover),.tcn-input:is(:focus,:focus-visible,:active,:hover)[data-is-disabled=false],.tcn-textarea:is(:focus,:focus-visible,:active,:hover),.tcn-textarea:is(:focus,:focus-visible,:active,:hover)[data-is-disabled=false]{outline:none;border:none}.tcn-input[data-is-disabled=true],.tcn-textarea[data-is-disabled=true],.tcn-suggestion-list-search-input[data-is-disabled=true],.tcn-multiselect-values-container[data-is-disabled=true]{box-shadow:inset -1px -1px #fff,inset 1px 1px #999,inset -2px -2px #dfdfdf,inset 2px 2px #717171}.tcn-input[data-is-disabled=true],.tcn-textarea[data-is-disabled=true],.tcn-suggestion-list-search-input[data-is-disabled=true],.tcn-multiselect-values-container[data-is-disabled=true],.tcn-input[data-is-disabled=true]::placeholder,.tcn-textarea[data-is-disabled=true]::placeholder,.tcn-suggestion-list-search-input[data-is-disabled=true]::placeholder,.tcn-multiselect-values-container[data-is-disabled=true]::placeholder{color:#7f7f7f;cursor:not-allowed;background-color:silver}.tcn-select-group .tcn-button[data-hierarchy=primary]:active{box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px silver,inset 2px 2px gray;color:#fff}.tcn-select-group .tcn-button[data-hierarchy=primary]:focus:not(:active):before{outline:1px dotted #fcfcfc}.tcn-suggestion-list{padding:2px}.tcn-suggestion-item{padding:0;background:transparent;border:none;min-height:0}.tcn-suggestion-item:hover{background:navy;color:#fff}.tcn-suggestion-item[data-is-selected=true],.tcn-suggestion-item[data-is-focused=true]{padding:0;background:navy;color:#fff;border:none}.tcn-suggestion-list-search-input{border-radius:0;padding:4px;height:24px;min-height:24px}.tcn-title{color:#000}.header .tcn-title{color:#fff}.header[data-kind=window]{padding:4px;background:linear-gradient(90deg,navy,#1084d0);border:none;color:#fff}.header[data-kind=window]>.tcn-button{color:#222}.header[data-kind=toolbar],.header[data-kind=app],.header[data-kind=nav]{padding:4px 0;background:silver;color:#222;border-bottom:1px solid #808080;border-top:1px solid #f5f5f5;border-right:1px solid #808080;border-left:1px solid #f5f5f5;padding-inline-start:4px}.header[data-kind=panel]{padding:4px;background:linear-gradient(90deg,#7c7c7c,#aeaeae);border:none;color:#fff}.tcn-main[data-kind=window],.tcn-main[data-kind=app],.tcn-main[data-kind=nav],.tcn-main[data-kind=toolbar],.tcn-main[data-kind=section],.tcn-main[data-kind=panel],.tcn-main[data-kind=drawer],.tcn-main[data-kind=card],.tcn-panel,.tcn-h-panel,.tcn-v-panel,.tcn-sidebar-start[data-hierarchy],.tcn-sidebar-end[data-hierarchy]{border-radius:0;background:silver;color:#222;border-bottom:1px solid #808080;border-top:1px solid #f5f5f5;border-right:1px solid #808080;border-left:1px solid #f5f5f5}.tcn-column:after{content:"";position:absolute;bottom:var(--padding);top:var(--padding);right:0;width:0px;border-bottom:1px solid #f5f5f5;border-top:1px solid #808080;border-right:1px solid #f5f5f5;border-left:1px solid #808080}.tcn-column:last-child:after{display:none}.tcn-main[data-kind=panel],.tcn-sidebar-start[data-kind=panel],.tcn-sidebar-end[data-kind=panel]{padding:0}.tcn-sidebar-start[data-hierarchy=tertiary],.tcn-sidebar-start[data-hierarchy=secondary]{background:silver;color:#222}.tcn-sidebar-start[data-kind=nav],.tcn-v-nav{background:#fff;padding:2px;border-top:1px solid #808080;border-bottom:1px solid #f5f5f5;border-right:1px solid #f5f5f5;border-left:1px solid #808080}.tcn-sidebar-end[data-hierarchy=tertiary],.tcn-sidebar-end[data-hierarchy=secondary]{background:silver;color:#222}.tcn-sidebar-end[data-hierarchy=primary],.tcn-sidebar-start[data-hierarchy=primary]{background:#fff;color:#222}.tcn-footer[data-kind=window]{padding:4px;background:silver;box-shadow:inset 1px 1px gray,inset -1px -1px #f5f5f5,inset 2px 2px #c1c1c1,inset -2px -2px silver;color:#222}.tcn-window,.tcn-date-picker-popover,.tcn-date-picker-year-selector,.tcn-menu,.tcn-suggestion-list{border-radius:0;background:silver;padding:4px;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #f5f5f5,inset -2px -2px gray,inset 2px 2px silver}.tcn-suggestion-list-header{background:silver}.tcn-date-picker-box{background:silver;padding:0}.tcn-date-picker-date,.tcn-date-picker-year-button{box-shadow:none!important}.tcn-date-picker-header{height:20px}.tcn-button.tcn-phone-number-input-select,.tcn-button.tcn-phone-number-input-select:hover{min-width:0}.tcn-phone-number-input[data-has-phone-book=false]{border-end-end-radius:0px;border-start-end-radius:0px}.tcn-button.tcn-phone-number-input-phone-book{max-width:23px!important;max-height:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important}.tcn-button.tcn-date-picker-year-select{padding-inline-end:20px}.tcn-button.tcn-date-picker-year-select:dir(ltr):after{width:calc(12px * var(--scalar, 1));height:calc(12px * var(--scalar, 1));-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 12 12' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4l4 4 4-4z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 12 12' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4l4 4 4-4z' fill='black'/%3E%3C/svg%3E")}.tcn-button.tcn-date-picker-year-select:dir(rtl):after{width:calc(12px * var(--scalar, 1));height:calc(12px * var(--scalar, 1));-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 12 12' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4l4 4 4-4z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 12 12' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4l4 4 4-4z' fill='black'/%3E%3C/svg%3E")}.tcn-time-box{border-radius:0;background:#fff;border:none;box-shadow:inset 1px 1px gray,inset -1px -1px #f5f5f5,inset 2px 2px #c1c1c1,inset -2px -2px silver}.tcn-time-box-title-container{min-height:25px;height:25px}.tcn-field-set{padding:8px 12px 12px;margin-top:10px;border-radius:0;background:silver;box-shadow:inset 1px 1px gray,inset -1px -1px #f5f5f5,inset 2px 2px #f5f5f5,inset -2px -2px gray}.tcn-field-set>.tcn-field-set-body{background:transparent;padding:0;gap:8px}.tcn-field-set>.tcn-field-set-legend{position:relative;top:-7px;left:-4px;height:0}.tcn-field-set-legend-text{background:silver;padding:0;font-size:12px}.tcn-chip{background:silver;border-radius:0;color:#222;border:none;font-size:12px;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px silver}.tcn-checkbox{outline:none;border-radius:0;background:#fff;border:none;background-position:center;background-repeat:no-repeat;box-shadow:inset 1px 1px gray,inset -1px -1px #f5f5f5,inset 2px 2px #c1c1c1,inset -2px -2px silver}.tcn-checkbox:focus{outline:none}.tcn-checkbox[data-checked=true]{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='%23222' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5068 5.44714C20.8121 5.72703 20.8328 6.20146 20.5529 6.5068L9.55287 18.5068C9.41464 18.6576 9.22081 18.7454 9.01629 18.7498C8.81178 18.7543 8.61432 18.675 8.46967 18.5303L3.46967 13.5303C3.17678 13.2374 3.17678 12.7626 3.46967 12.4697C3.76256 12.1768 4.23744 12.1768 4.53033 12.4697L8.97644 16.9158L19.4471 5.49321C19.727 5.18787 20.2015 5.16724 20.5068 5.44714Z' stroke='%23222' stroke-width='2'/%3E%3C/svg%3E")}.tcn-checkbox[data-is-disabled=false]:active{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='%23222' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5068 5.44714C20.8121 5.72703 20.8328 6.20146 20.5529 6.5068L9.55287 18.5068C9.41464 18.6576 9.22081 18.7454 9.01629 18.7498C8.81178 18.7543 8.61432 18.675 8.46967 18.5303L3.46967 13.5303C3.17678 13.2374 3.17678 12.7626 3.46967 12.4697C3.76256 12.1768 4.23744 12.1768 4.53033 12.4697L8.97644 16.9158L19.4471 5.49321C19.727 5.18787 20.2015 5.16724 20.5068 5.44714Z' stroke='%23222' stroke-width='2'/%3E%3C/svg%3E")}.tcn-checkbox[data-is-disabled=true]{background-color:silver}.tcn-checkbox[data-checked=true][data-is-disabled=true]{background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='%23222' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5068 5.44714C20.8121 5.72703 20.8328 6.20146 20.5529 6.5068L9.55287 18.5068C9.41464 18.6576 9.22081 18.7454 9.01629 18.7498C8.81178 18.7543 8.61432 18.675 8.46967 18.5303L3.46967 13.5303C3.17678 13.2374 3.17678 12.7626 3.46967 12.4697C3.76256 12.1768 4.23744 12.1768 4.53033 12.4697L8.97644 16.9158L19.4471 5.49321C19.727 5.18787 20.2015 5.16724 20.5068 5.44714Z' stroke='%23707070' stroke-width='2'/%3E%3C/svg%3E")}.tcn-radio,.tcn-radio[data-checked=true],.tcn-radio[checked=true]{width:14px;height:14px;min-width:14px;min-height:14px;border-inline-end:1px solid #fff;border-inline-start:1px solid #222;border-block-end:1px solid #fff;border-block-start:1px solid #222}.tcn-radio:focus{outline:none}.tcn-radio:before{content:"";background:transparent;position:absolute;border-radius:50%;inset:0;border-inline-end:1px solid #dfdfdf;border-inline-start:1px solid #808080;border-block-end:1px solid #dfdfdf;border-block-start:1px solid #808080}.tcn-radio[data-checked=true]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;height:40%;background:#222;border-radius:50%}.tcn-switch:focus,.tcn-switch:focus-visible,.tcn-switch-wrapper[data-focused=true][data-is-checked=false],.tcn-switch-wrapper[data-focused=true][data-is-checked=true]{outline:none}.tcn-switch-wrapper{border-radius:0;box-shadow:inset -1px -1px #fff,inset 1px 1px gray,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;border-color:silver;background-color:#fff;transition:background-color .2s ease-out;margin-top:2px;margin-bottom:3px}.tcn-switch-wrapper[data-is-checked=false]>.tcn-switch-icon{color:#222}.tcn-switch:after{content:"";cursor:pointer;position:absolute;top:0;transition:transform .2s ease-out;width:calc(16px * var(--scalar, 1));height:calc(16px * var(--scalar, 1));border-radius:0;background-color:silver;box-sizing:border-box;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px silver}.tcn-switch-wrapper[data-is-checked=true][data-is-disabled=false]{background-color:var(--accent-color);border-color:silver}.tcn-switch-wrapper[data-is-disabled=true]{background-color:silver;border-color:silver;box-shadow:inset -1px -1px #fff,inset 1px 1px #999,inset -2px -2px #dfdfdf,inset 2px 2px #7f7f7f}.tcn-switch[data-is-disabled=true]:after{box-shadow:inset -1px -1px #666,inset 1px 1px #fff,inset -2px -2px #949494,inset 2px 2px silver}.tcn-switch-wrapper[data-is-disabled=true]>.tcn-switch-icon{color:#707070}.tcn-slider::-webkit-slider-runnable-track{border-radius:0;height:5px;box-shadow:inset -1px -1px #fff,inset 1px 1px gray,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a}.tcn-slider::-webkit-slider-runnable-track [data-is-disabled=true]{box-shadow:inset -1px -1px #fff,inset 1px 1px #999,inset -2px -2px #dfdfdf,inset 2px 2px #717171}.tcn-slider::-webkit-slider-thumb{outline:none;width:calc(12px * var(--scalar, 1));height:calc(16px * var(--scalar, 1));border-radius:0;border:none;background-color:silver;box-sizing:border-box;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px silver}.tcn-slider[data-is-disabled=false]:active::-webkit-slider-thumb{background-color:silver}.tcn-slider[data-is-disabled=true]::-webkit-slider-thumb{box-shadow:inset -1px -1px #717171,inset 1px 1px #fff,inset -2px -2px #999,inset 2px 2px silver}.tcn-slider::-moz-range-track{border-radius:0;height:5px;border:none;background:silver;box-shadow:inset -1px -1px #fff,inset 1px 1px gray,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a}.tcn-slider::-moz-range-track [data-is-disabled=true]{box-shadow:inset -1px -1px #fff,inset 1px 1px #999,inset -2px -2px #dfdfdf,inset 2px 2px #717171}.tcn-slider::-moz-range-thumb{outline:none;width:calc(12px * var(--scalar, 1));height:calc(16px * var(--scalar, 1));border-radius:0;border:none;background-color:silver;box-sizing:border-box;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px silver;cursor:pointer}.tcn-slider[data-is-disabled=false]:active::-moz-range-thumb,.tcn-slider[data-is-disabled=false]:focus::-moz-range-thumb{background-color:silver;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px silver;outline:none}.tcn-slider[data-is-disabled=true]::-moz-range-thumb{box-shadow:inset -1px -1px #717171,inset 1px 1px #fff,inset -2px -2px #999,inset 2px 2px silver;cursor:not-allowed}.tcn-nav-item,.tcn-nav-item[data-is-selected],.tcn-menu-item{border-radius:0;font-size:12px}.tcn-nav-item,.tcn-menu-item .tcn-body-text{font-size:12px}.tcn-main[data-hierarchy=primary],.tcn-main[data-hierarchy=secondary],.tcn-main[data-hierarchy=tertiary]{background:silver;padding:0}.tcn-h-nav{border:none}.tcn-h-nav:after{content:"";position:absolute;left:0;right:0;bottom:0;height:0px;border-bottom:1px solid #f5f5f5;border-top:1px solid #808080;border-right:1px solid #f5f5f5;border-left:1px solid #808080}.tcn-footer{border:none}.tcn-footer:after{content:"";position:absolute;left:0;right:0;top:0;height:0px;border-bottom:1px solid #f5f5f5;border-top:1px solid #808080;border-right:1px solid #f5f5f5;border-left:1px solid #808080}}