@tcn/ui 0.3.1 → 0.3.3

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 (580) hide show
  1. package/README.md +2 -1
  2. package/dist/actions/button/base_button/base_button.d.ts.map +1 -1
  3. package/dist/actions/button/base_button/base_button.js +18 -18
  4. package/dist/actions/button/base_button/base_button.js.map +1 -1
  5. package/dist/actions/button/button_group/button_group.d.ts +1 -1
  6. package/dist/actions/button/button_group/button_group.d.ts.map +1 -1
  7. package/dist/actions/button/button_group/button_group.js +10 -7
  8. package/dist/actions/button/button_group/button_group.js.map +1 -1
  9. package/dist/actions/button/select_group/select_group.js +2 -2
  10. package/dist/actions/button/select_group/select_group.js.map +1 -1
  11. package/dist/badge.css +1 -1
  12. package/dist/base_button.css +1 -1
  13. package/dist/body_text.css +1 -1
  14. package/dist/bottom_resize_handle.css +1 -1
  15. package/dist/bubble.css +1 -1
  16. package/dist/button.css +1 -1
  17. package/dist/button_group.css +1 -1
  18. package/dist/callout.css +1 -1
  19. package/dist/caption.css +1 -1
  20. package/dist/checkbox.css +1 -1
  21. package/dist/chip.css +1 -1
  22. package/dist/circle.css +1 -1
  23. package/dist/collapsible_box.css +1 -1
  24. package/dist/color_input.css +1 -1
  25. package/dist/color_picker.css +1 -1
  26. package/dist/column.css +1 -1
  27. package/dist/confirm.css +1 -1
  28. package/dist/css/layers.css +1 -0
  29. package/dist/date_picker.css +1 -1
  30. package/dist/date_picker_date.css +1 -1
  31. package/dist/date_picker_day.css +1 -1
  32. package/dist/date_picker_header.css +1 -1
  33. package/dist/date_picker_input.css +1 -1
  34. package/dist/date_picker_time_selector.css +1 -1
  35. package/dist/date_picker_year_input.css +1 -1
  36. package/dist/date_picker_year_selector.css +1 -1
  37. package/dist/divider.css +1 -1
  38. package/dist/draggable.css +1 -1
  39. package/dist/drawer_bottom.css +1 -1
  40. package/dist/drawer_end.css +1 -1
  41. package/dist/drawer_start.css +1 -1
  42. package/dist/drawer_top.css +1 -1
  43. package/dist/end_resize_handle.css +1 -1
  44. package/dist/feedback/progress/progress_bar.d.ts.map +1 -1
  45. package/dist/feedback/progress/progress_bar.js +34 -26
  46. package/dist/feedback/progress/progress_bar.js.map +1 -1
  47. package/dist/field_control.css +1 -1
  48. package/dist/field_set.css +1 -1
  49. package/dist/footer.css +1 -1
  50. package/dist/footnote.css +1 -1
  51. package/dist/form/field/common/field_control/field_control.js +9 -9
  52. package/dist/form/field/common/field_control/field_control.js.map +1 -1
  53. package/dist/form/field/common/field_description.js +3 -3
  54. package/dist/form/field/common/field_description.js.map +1 -1
  55. package/dist/form/field/common/field_error.js +16 -8
  56. package/dist/form/field/common/field_error.js.map +1 -1
  57. package/dist/form/field/common/field_header.js +7 -7
  58. package/dist/form/field/common/field_header.js.map +1 -1
  59. package/dist/form/field/common/status_input/status_input.d.ts.map +1 -1
  60. package/dist/form/field/common/status_input/status_input.js +15 -9
  61. package/dist/form/field/common/status_input/status_input.js.map +1 -1
  62. package/dist/form/field/h_field/h_field.js +1 -1
  63. package/dist/form/field/h_field/h_field.js.map +1 -1
  64. package/dist/form/field/v_field/v_field.js +5 -5
  65. package/dist/form/field/v_field/v_field.js.map +1 -1
  66. package/dist/form/field_set/field_set.d.ts.map +1 -1
  67. package/dist/form/field_set/field_set.js +17 -10
  68. package/dist/form/field_set/field_set.js.map +1 -1
  69. package/dist/frame.css +1 -1
  70. package/dist/grid.css +1 -1
  71. package/dist/h_body.css +1 -1
  72. package/dist/h_field.css +1 -1
  73. package/dist/h_panel.css +1 -1
  74. package/dist/header.css +1 -1
  75. package/dist/headline.css +1 -1
  76. package/dist/input.css +1 -1
  77. package/dist/inputs/checkbox/checkbox.js +14 -14
  78. package/dist/inputs/checkbox/checkbox.js.map +1 -1
  79. package/dist/inputs/checkbox/checkbox_row.d.ts +1 -1
  80. package/dist/inputs/checkbox/checkbox_row.d.ts.map +1 -1
  81. package/dist/inputs/checkbox/checkbox_row.js +19 -8
  82. package/dist/inputs/checkbox/checkbox_row.js.map +1 -1
  83. package/dist/inputs/color_input/color_input.d.ts.map +1 -1
  84. package/dist/inputs/color_input/color_input.js +32 -28
  85. package/dist/inputs/color_input/color_input.js.map +1 -1
  86. package/dist/inputs/color_input/color_picker.js +16 -16
  87. package/dist/inputs/color_input/color_picker.js.map +1 -1
  88. package/dist/inputs/combo_box/combo_box.js +1 -1
  89. package/dist/inputs/combo_box/combo_box.js.map +1 -1
  90. package/dist/inputs/date_picker/date_picker.js +10 -10
  91. package/dist/inputs/date_picker/date_picker.js.map +1 -1
  92. package/dist/inputs/date_picker/date_picker_body.js +1 -1
  93. package/dist/inputs/date_picker/date_picker_body.js.map +1 -1
  94. package/dist/inputs/date_picker/date_picker_date.js +2 -2
  95. package/dist/inputs/date_picker/date_picker_date.js.map +1 -1
  96. package/dist/inputs/date_picker/date_picker_day.d.ts.map +1 -1
  97. package/dist/inputs/date_picker/date_picker_day.js +16 -8
  98. package/dist/inputs/date_picker/date_picker_day.js.map +1 -1
  99. package/dist/inputs/date_picker/date_picker_header.js +1 -1
  100. package/dist/inputs/date_picker/date_picker_header.js.map +1 -1
  101. package/dist/inputs/date_picker/date_picker_input.js +3 -3
  102. package/dist/inputs/date_picker/date_picker_input.js.map +1 -1
  103. package/dist/inputs/date_picker/date_picker_time_selector.d.ts.map +1 -1
  104. package/dist/inputs/date_picker/date_picker_time_selector.js +14 -11
  105. package/dist/inputs/date_picker/date_picker_time_selector.js.map +1 -1
  106. package/dist/inputs/date_picker/date_picker_year_input.js +4 -4
  107. package/dist/inputs/date_picker/date_picker_year_input.js.map +1 -1
  108. package/dist/inputs/date_picker/date_picker_year_selector.d.ts.map +1 -1
  109. package/dist/inputs/date_picker/date_picker_year_selector.js +13 -10
  110. package/dist/inputs/date_picker/date_picker_year_selector.js.map +1 -1
  111. package/dist/inputs/index.d.ts +0 -4
  112. package/dist/inputs/index.d.ts.map +1 -1
  113. package/dist/inputs/index.js +53 -61
  114. package/dist/inputs/index.js.map +1 -1
  115. package/dist/inputs/input/input.js +3 -3
  116. package/dist/inputs/input/input.js.map +1 -1
  117. package/dist/inputs/multiselect/multiselect.d.ts.map +1 -1
  118. package/dist/inputs/multiselect/multiselect.js +10 -9
  119. package/dist/inputs/multiselect/multiselect.js.map +1 -1
  120. package/dist/inputs/multiselect/multiselect_inline_values.d.ts.map +1 -1
  121. package/dist/inputs/multiselect/multiselect_inline_values.js +18 -17
  122. package/dist/inputs/multiselect/multiselect_inline_values.js.map +1 -1
  123. package/dist/inputs/multiselect/multiselect_values.js +20 -20
  124. package/dist/inputs/multiselect/multiselect_values.js.map +1 -1
  125. package/dist/inputs/phone_number_input/phone_number_input.d.ts.map +1 -1
  126. package/dist/inputs/phone_number_input/phone_number_input.js +94 -81
  127. package/dist/inputs/phone_number_input/phone_number_input.js.map +1 -1
  128. package/dist/inputs/radio/radio.js +11 -11
  129. package/dist/inputs/radio/radio.js.map +1 -1
  130. package/dist/inputs/select/select.d.ts.map +1 -1
  131. package/dist/inputs/select/select.js +33 -33
  132. package/dist/inputs/select/select.js.map +1 -1
  133. package/dist/inputs/slider/slider.js +4 -4
  134. package/dist/inputs/slider/slider.js.map +1 -1
  135. package/dist/inputs/suggestions/suggestion_item.js +9 -9
  136. package/dist/inputs/suggestions/suggestion_item.js.map +1 -1
  137. package/dist/inputs/suggestions/suggestion_list.d.ts.map +1 -1
  138. package/dist/inputs/suggestions/suggestion_list.js +29 -22
  139. package/dist/inputs/suggestions/suggestion_list.js.map +1 -1
  140. package/dist/inputs/switch/switch.js +14 -14
  141. package/dist/inputs/switch/switch.js.map +1 -1
  142. package/dist/inputs/textarea/textarea.js +6 -6
  143. package/dist/inputs/textarea/textarea.js.map +1 -1
  144. package/dist/inputs/unit_input/unit_input.js +8 -8
  145. package/dist/inputs/unit_input/unit_input.js.map +1 -1
  146. package/dist/layouts/body/h_body.js +7 -7
  147. package/dist/layouts/body/h_body.js.map +1 -1
  148. package/dist/layouts/column/column.js +8 -8
  149. package/dist/layouts/column/column.js.map +1 -1
  150. package/dist/layouts/divider/divider.d.ts.map +1 -1
  151. package/dist/layouts/divider/divider.js +11 -12
  152. package/dist/layouts/divider/divider.js.map +1 -1
  153. package/dist/layouts/grid/grid.d.ts.map +1 -1
  154. package/dist/layouts/grid/grid.js +26 -17
  155. package/dist/layouts/grid/grid.js.map +1 -1
  156. package/dist/layouts/header/header.js +4 -4
  157. package/dist/layouts/header/header.js.map +1 -1
  158. package/dist/layouts/list/section_header.d.ts.map +1 -1
  159. package/dist/layouts/list/section_header.js +15 -5
  160. package/dist/layouts/list/section_header.js.map +1 -1
  161. package/dist/layouts/sidebar_end/sidebar_end.js +26 -26
  162. package/dist/layouts/sidebar_end/sidebar_end.js.map +1 -1
  163. package/dist/layouts/sidebar_start/sidebar_start.js +24 -24
  164. package/dist/layouts/sidebar_start/sidebar_start.js.map +1 -1
  165. package/dist/layouts/utility_bar/utility_bar.d.ts.map +1 -1
  166. package/dist/layouts/utility_bar/utility_bar.js +10 -15
  167. package/dist/layouts/utility_bar/utility_bar.js.map +1 -1
  168. package/dist/left_resize_handle.css +1 -1
  169. package/dist/loading.css +1 -1
  170. package/dist/menu.css +1 -1
  171. package/dist/modal.css +1 -1
  172. package/dist/multi_combo_box.css +1 -1
  173. package/dist/multiselect.css +1 -1
  174. package/dist/multiselect_values.css +1 -1
  175. package/dist/navigation/index.d.ts +7 -0
  176. package/dist/navigation/index.d.ts.map +1 -0
  177. package/dist/navigation/index.js +17 -0
  178. package/dist/navigation/index.js.map +1 -0
  179. package/dist/navigation/tabs/primitives/tabs_bar.d.ts +7 -0
  180. package/dist/navigation/tabs/primitives/tabs_bar.d.ts.map +1 -0
  181. package/dist/navigation/tabs/primitives/tabs_bar.js +21 -0
  182. package/dist/navigation/tabs/primitives/tabs_bar.js.map +1 -0
  183. package/dist/navigation/tabs/primitives/tabs_list.d.ts +10 -0
  184. package/dist/navigation/tabs/primitives/tabs_list.d.ts.map +1 -0
  185. package/dist/navigation/tabs/primitives/tabs_list.js +36 -0
  186. package/dist/navigation/tabs/primitives/tabs_list.js.map +1 -0
  187. package/dist/navigation/tabs/state/context.d.ts +21 -0
  188. package/dist/navigation/tabs/state/context.d.ts.map +1 -0
  189. package/dist/navigation/tabs/state/context.js +34 -0
  190. package/dist/navigation/tabs/state/context.js.map +1 -0
  191. package/dist/navigation/tabs/state/link/tab_link.d.ts +9 -0
  192. package/dist/navigation/tabs/state/link/tab_link.d.ts.map +1 -0
  193. package/dist/navigation/tabs/state/link/tab_link.js +36 -0
  194. package/dist/navigation/tabs/state/link/tab_link.js.map +1 -0
  195. package/dist/navigation/tabs/state/link/use_tab_link.d.ts +5 -0
  196. package/dist/navigation/tabs/state/link/use_tab_link.d.ts.map +1 -0
  197. package/dist/navigation/tabs/state/link/use_tab_link.js +13 -0
  198. package/dist/navigation/tabs/state/link/use_tab_link.js.map +1 -0
  199. package/dist/navigation/tabs/state/nav_bar.d.ts +5 -0
  200. package/dist/navigation/tabs/state/nav_bar.d.ts.map +1 -0
  201. package/dist/navigation/tabs/state/nav_bar.js +36 -0
  202. package/dist/navigation/tabs/state/nav_bar.js.map +1 -0
  203. package/dist/navigation/tabs/state/tab.d.ts +6 -0
  204. package/dist/navigation/tabs/state/tab.d.ts.map +1 -0
  205. package/dist/navigation/tabs/state/tab.js +6 -0
  206. package/dist/navigation/tabs/state/tab.js.map +1 -0
  207. package/dist/overlay/context_menu/context_menu.js +5 -5
  208. package/dist/overlay/context_menu/context_menu.js.map +1 -1
  209. package/dist/overlay/menu/menu.js +2 -2
  210. package/dist/overlay/menu/menu.js.map +1 -1
  211. package/dist/overlay/popper/legacy/popper.d.ts.map +1 -1
  212. package/dist/overlay/popper/legacy/popper.js +12 -11
  213. package/dist/overlay/popper/legacy/popper.js.map +1 -1
  214. package/dist/overlay/popper/preview_popper.js +16 -16
  215. package/dist/overlay/popper/preview_popper.js.map +1 -1
  216. package/dist/overlay/portal/portal.css +1 -0
  217. package/dist/overlay/portal/portal_platform.d.ts.map +1 -1
  218. package/dist/overlay/portal/portal_platform.js +8 -7
  219. package/dist/overlay/portal/portal_platform.js.map +1 -1
  220. package/dist/page.css +1 -1
  221. package/dist/phone_number_input.css +1 -1
  222. package/dist/picture_placeholder.css +1 -1
  223. package/dist/popper.css +1 -1
  224. package/dist/progress_bar.css +1 -1
  225. package/dist/radio.css +1 -1
  226. package/dist/rect.css +1 -1
  227. package/dist/right_resize_handle.css +1 -1
  228. package/dist/scaffold.css +1 -1
  229. package/dist/select.css +1 -1
  230. package/dist/select_group.css +1 -1
  231. package/dist/sidebar_end.css +1 -1
  232. package/dist/sidebar_start.css +1 -1
  233. package/dist/slider.css +1 -1
  234. package/dist/slim_button.css +1 -1
  235. package/dist/stack.css +1 -1
  236. package/dist/stacks/box/bottom_resize_handle.js +1 -1
  237. package/dist/stacks/box/bottom_resize_handle.js.map +1 -1
  238. package/dist/stacks/box/box.js +1 -1
  239. package/dist/stacks/box/box.js.map +1 -1
  240. package/dist/stacks/box/end_resize_handle.js +1 -1
  241. package/dist/stacks/box/end_resize_handle.js.map +1 -1
  242. package/dist/stacks/box/left_resize_handle.js +7 -7
  243. package/dist/stacks/box/left_resize_handle.js.map +1 -1
  244. package/dist/stacks/box/right_resize_handle.js +3 -3
  245. package/dist/stacks/box/right_resize_handle.js.map +1 -1
  246. package/dist/stacks/box/start_resize_handle.js +6 -6
  247. package/dist/stacks/box/start_resize_handle.js.map +1 -1
  248. package/dist/stacks/box/top_resize_handle.js +1 -1
  249. package/dist/stacks/box/top_resize_handle.js.map +1 -1
  250. package/dist/stacks/h_collapsible_box.d.ts.map +1 -1
  251. package/dist/stacks/h_collapsible_box.js +8 -4
  252. package/dist/stacks/h_collapsible_box.js.map +1 -1
  253. package/dist/stacks/h_stack.js +5 -5
  254. package/dist/stacks/h_stack.js.map +1 -1
  255. package/dist/stacks/spacer.js +13 -13
  256. package/dist/stacks/spacer.js.map +1 -1
  257. package/dist/stacks/story_components/circle.js +3 -3
  258. package/dist/stacks/story_components/circle.js.map +1 -1
  259. package/dist/stacks/story_components/picture_placeholder.d.ts.map +1 -1
  260. package/dist/stacks/story_components/picture_placeholder.js +5 -1
  261. package/dist/stacks/story_components/picture_placeholder.js.map +1 -1
  262. package/dist/stacks/story_components/rect.js +10 -10
  263. package/dist/stacks/story_components/rect.js.map +1 -1
  264. package/dist/stacks/v_collapsible_box.d.ts.map +1 -1
  265. package/dist/stacks/v_collapsible_box.js +12 -8
  266. package/dist/stacks/v_collapsible_box.js.map +1 -1
  267. package/dist/stacks/v_stack.js +4 -4
  268. package/dist/stacks/v_stack.js.map +1 -1
  269. package/dist/stacks/z_stack.js +7 -7
  270. package/dist/stacks/z_stack.js.map +1 -1
  271. package/dist/start_resize_handle.css +1 -1
  272. package/dist/status_input.css +1 -1
  273. package/dist/subheadline.css +1 -1
  274. package/dist/suggestion_item.css +1 -1
  275. package/dist/suggestion_list.css +1 -1
  276. package/dist/surfaces/alert/alert.js +6 -6
  277. package/dist/surfaces/alert/alert.js.map +1 -1
  278. package/dist/surfaces/confirm/confirm.d.ts.map +1 -1
  279. package/dist/surfaces/confirm/confirm.js +22 -15
  280. package/dist/surfaces/confirm/confirm.js.map +1 -1
  281. package/dist/surfaces/drawers/drawer_bottom/drawer_bottom.js +3 -3
  282. package/dist/surfaces/drawers/drawer_bottom/drawer_bottom.js.map +1 -1
  283. package/dist/surfaces/drawers/drawer_end/drawer_end.js +4 -4
  284. package/dist/surfaces/drawers/drawer_end/drawer_end.js.map +1 -1
  285. package/dist/surfaces/drawers/drawer_start/drawer_start.js +1 -1
  286. package/dist/surfaces/drawers/drawer_start/drawer_start.js.map +1 -1
  287. package/dist/surfaces/drawers/drawer_top/drawer_top.js +1 -1
  288. package/dist/surfaces/drawers/drawer_top/drawer_top.js.map +1 -1
  289. package/dist/surfaces/page/h_page.js +1 -1
  290. package/dist/surfaces/page/h_page.js.map +1 -1
  291. package/dist/surfaces/page/v_page.js +4 -4
  292. package/dist/surfaces/page/v_page.js.map +1 -1
  293. package/dist/surfaces/popover/popover.js +1 -1
  294. package/dist/surfaces/popover/popover.js.map +1 -1
  295. package/dist/switch.css +1 -1
  296. package/dist/tabs_bar.css +1 -0
  297. package/dist/tethered.css +1 -1
  298. package/dist/textarea.css +1 -1
  299. package/dist/theme_provider.css +1 -0
  300. package/dist/theme_provider.module-ChZQ5Xsk.js +5 -0
  301. package/dist/theme_provider.module-ChZQ5Xsk.js.map +1 -0
  302. package/dist/themes/stylesheets/reset.css +1 -0
  303. package/dist/themes/stylesheets/reset.js +134 -131
  304. package/dist/themes/stylesheets/reset.js.map +1 -1
  305. package/dist/themes/theme.d.ts +3 -2
  306. package/dist/themes/theme.d.ts.map +1 -1
  307. package/dist/themes/theme.js +24 -5
  308. package/dist/themes/theme.js.map +1 -1
  309. package/dist/themes/themes/ergo/ergo_theme.css +1 -0
  310. package/dist/themes/themes/ergo/ergo_theme.d.ts.map +1 -1
  311. package/dist/themes/themes/ergo/ergo_theme.js +608 -540
  312. package/dist/themes/themes/ergo/ergo_theme.js.map +1 -1
  313. package/dist/themes/themes/windows_98/windows_98.css +1 -0
  314. package/dist/themes/themes/windows_98/windows_98_theme.js +1071 -1167
  315. package/dist/themes/themes/windows_98/windows_98_theme.js.map +1 -1
  316. package/dist/title.css +1 -1
  317. package/dist/tokens/badge/badge.js +6 -6
  318. package/dist/tokens/badge/badge.js.map +1 -1
  319. package/dist/tokens/bubble/bubble.js +35 -27
  320. package/dist/tokens/bubble/bubble.js.map +1 -1
  321. package/dist/tokens/chip/chip.js +17 -9
  322. package/dist/tokens/chip/chip.js.map +1 -1
  323. package/dist/tooltip.css +1 -1
  324. package/dist/top_resize_handle.css +1 -1
  325. package/dist/typography/body_text/body_text.js +9 -9
  326. package/dist/typography/body_text/body_text.js.map +1 -1
  327. package/dist/typography/callout/callout.js +9 -9
  328. package/dist/typography/callout/callout.js.map +1 -1
  329. package/dist/typography/caption/caption.js +5 -5
  330. package/dist/typography/caption/caption.js.map +1 -1
  331. package/dist/typography/footnote/footnote.js +9 -9
  332. package/dist/typography/footnote/footnote.js.map +1 -1
  333. package/dist/typography/headline/headline.js +13 -13
  334. package/dist/typography/headline/headline.js.map +1 -1
  335. package/dist/typography/subheadline/subheadline.js +10 -10
  336. package/dist/typography/subheadline/subheadline.js.map +1 -1
  337. package/dist/typography/title/title.js +6 -6
  338. package/dist/typography/title/title.js.map +1 -1
  339. package/dist/unit_input.css +1 -1
  340. package/dist/utility_bar.css +1 -1
  341. package/dist/utils/css_utils.d.ts +9 -0
  342. package/dist/utils/css_utils.d.ts.map +1 -0
  343. package/dist/utils/css_utils.js +45 -0
  344. package/dist/utils/css_utils.js.map +1 -0
  345. package/dist/v_body.css +1 -1
  346. package/dist/window.css +1 -1
  347. package/package.json +10 -3
  348. package/src/actions/__docs__/actions.mdx +65 -2
  349. package/src/actions/__docs__/actions.stories.tsx +174 -2
  350. package/src/actions/button/__stories__/button_group.stories.tsx +63 -0
  351. package/src/actions/button/__stories__/select_group.stories.tsx +47 -4
  352. package/src/actions/button/base_button/base_button.module.css +15 -13
  353. package/src/actions/button/base_button/base_button.tsx +2 -1
  354. package/src/actions/button/button/button.module.css +52 -50
  355. package/src/actions/button/button_group/button_group.module.css +54 -52
  356. package/src/actions/button/button_group/button_group.tsx +9 -4
  357. package/src/actions/button/select_group/select_group.module.css +54 -52
  358. package/src/actions/button/select_group/select_group.tsx +2 -2
  359. package/src/actions/button/slim_button/slim_button.module.css +7 -5
  360. package/src/css/layers.css +1 -0
  361. package/src/feedback/loading/loading.module.css +17 -15
  362. package/src/feedback/progress/progress_bar.module.css +52 -50
  363. package/src/feedback/progress/progress_bar.tsx +6 -1
  364. package/src/form/field/common/field_control/field_control.module.css +17 -15
  365. package/src/form/field/common/field_control/field_control.tsx +1 -1
  366. package/src/form/field/common/field_description.tsx +1 -1
  367. package/src/form/field/common/field_error.tsx +1 -1
  368. package/src/form/field/common/field_header.tsx +1 -1
  369. package/src/form/field/common/status_input/status_input.module.css +10 -8
  370. package/src/form/field/common/status_input/status_input.tsx +8 -5
  371. package/src/form/field/h_field/h_field.module.css +7 -5
  372. package/src/form/field/h_field/h_field.tsx +1 -1
  373. package/src/form/field/v_field/v_field.tsx +1 -1
  374. package/src/form/field_set/field_set.module.css +16 -14
  375. package/src/form/field_set/field_set.tsx +7 -4
  376. package/src/inputs/checkbox/checkbox.module.css +45 -43
  377. package/src/inputs/checkbox/checkbox.tsx +1 -1
  378. package/src/inputs/checkbox/checkbox_row.tsx +9 -2
  379. package/src/inputs/color_input/color_input.module.css +58 -56
  380. package/src/inputs/color_input/color_input.tsx +8 -4
  381. package/src/inputs/color_input/color_picker.module.css +13 -11
  382. package/src/inputs/color_input/color_picker.tsx +2 -2
  383. package/src/inputs/combo_box/combo_box.tsx +1 -1
  384. package/src/inputs/date_picker/date_picker.module.css +19 -17
  385. package/src/inputs/date_picker/date_picker.tsx +2 -2
  386. package/src/inputs/date_picker/date_picker_body.tsx +1 -1
  387. package/src/inputs/date_picker/date_picker_date.module.css +71 -69
  388. package/src/inputs/date_picker/date_picker_date.tsx +2 -2
  389. package/src/inputs/date_picker/date_picker_day.module.css +5 -3
  390. package/src/inputs/date_picker/date_picker_day.tsx +7 -2
  391. package/src/inputs/date_picker/date_picker_header.module.css +4 -2
  392. package/src/inputs/date_picker/date_picker_header.tsx +1 -1
  393. package/src/inputs/date_picker/date_picker_input.module.css +55 -53
  394. package/src/inputs/date_picker/date_picker_input.tsx +3 -3
  395. package/src/inputs/date_picker/date_picker_time_selector.module.css +29 -28
  396. package/src/inputs/date_picker/date_picker_time_selector.tsx +7 -4
  397. package/src/inputs/date_picker/date_picker_year_input.module.css +46 -44
  398. package/src/inputs/date_picker/date_picker_year_input.tsx +1 -1
  399. package/src/inputs/date_picker/date_picker_year_selector.module.css +48 -46
  400. package/src/inputs/date_picker/date_picker_year_selector.tsx +5 -2
  401. package/src/inputs/index.ts +0 -4
  402. package/src/inputs/input/input.module.css +55 -79
  403. package/src/inputs/input/input.tsx +1 -1
  404. package/src/inputs/multi_combo_box/multi_combo_box.module.css +4 -2
  405. package/src/inputs/multiselect/multiselect.module.css +4 -2
  406. package/src/inputs/multiselect/multiselect.tsx +2 -1
  407. package/src/inputs/multiselect/multiselect_inline_values.tsx +3 -2
  408. package/src/inputs/multiselect/multiselect_values.module.css +28 -26
  409. package/src/inputs/multiselect/multiselect_values.tsx +3 -3
  410. package/src/inputs/phone_number_input/phone_number_input.module.css +54 -52
  411. package/src/inputs/phone_number_input/phone_number_input.tsx +15 -6
  412. package/src/inputs/radio/radio.module.css +48 -66
  413. package/src/inputs/radio/radio.tsx +2 -2
  414. package/src/inputs/select/select.module.css +57 -59
  415. package/src/inputs/select/select.tsx +4 -2
  416. package/src/inputs/slider/slider.module.css +151 -149
  417. package/src/inputs/slider/slider.tsx +1 -1
  418. package/src/inputs/suggestions/suggestion_item.module.css +35 -53
  419. package/src/inputs/suggestions/suggestion_item.tsx +1 -1
  420. package/src/inputs/suggestions/suggestion_list.module.css +29 -27
  421. package/src/inputs/suggestions/suggestion_list.tsx +6 -3
  422. package/src/inputs/switch/switch.module.css +111 -109
  423. package/src/inputs/switch/switch.tsx +3 -3
  424. package/src/inputs/textarea/textarea.module.css +46 -65
  425. package/src/inputs/textarea/textarea.tsx +1 -1
  426. package/src/inputs/unit_input/unit_input.module.css +20 -18
  427. package/src/inputs/unit_input/unit_input.tsx +3 -3
  428. package/src/layouts/body/h_body.module.css +7 -4
  429. package/src/layouts/body/h_body.tsx +1 -1
  430. package/src/layouts/body/v_body.module.css +6 -4
  431. package/src/layouts/column/column.module.css +30 -28
  432. package/src/layouts/column/column.tsx +2 -2
  433. package/src/layouts/divider/divider.module.css +103 -101
  434. package/src/layouts/divider/divider.tsx +1 -2
  435. package/src/layouts/footer/footer.module.css +24 -21
  436. package/src/layouts/grid/grid.module.css +20 -18
  437. package/src/layouts/grid/grid.tsx +6 -1
  438. package/src/layouts/header/header.module.css +7 -5
  439. package/src/layouts/header/header.tsx +1 -1
  440. package/src/layouts/list/section_header.module.css +16 -14
  441. package/src/layouts/list/section_header.tsx +7 -1
  442. package/src/layouts/scaffold/scaffold.module.css +6 -4
  443. package/src/layouts/sidebar_end/sidebar_end.module.css +28 -26
  444. package/src/layouts/sidebar_end/sidebar_end.tsx +2 -2
  445. package/src/layouts/sidebar_start/sidebar_start.module.css +28 -26
  446. package/src/layouts/sidebar_start/sidebar_start.tsx +2 -2
  447. package/src/layouts/utility_bar/utility_bar.module.css +5 -3
  448. package/src/layouts/utility_bar/utility_bar.tsx +1 -6
  449. package/src/navigation/index.ts +18 -0
  450. package/src/navigation/tabs/__stories__/state.stories.tsx +136 -0
  451. package/src/navigation/tabs/__stories__/tabs.stories.tsx +40 -0
  452. package/src/navigation/tabs/primitives/tabs_bar.module.css +13 -0
  453. package/src/navigation/tabs/primitives/tabs_bar.tsx +25 -0
  454. package/src/navigation/tabs/primitives/tabs_list.tsx +42 -0
  455. package/src/navigation/tabs/state/context.tsx +61 -0
  456. package/src/navigation/tabs/state/link/tab_link.tsx +45 -0
  457. package/src/navigation/tabs/state/link/use_tab_link.ts +17 -0
  458. package/src/navigation/tabs/state/nav_bar.tsx +37 -0
  459. package/src/navigation/tabs/state/tab.tsx +12 -0
  460. package/src/overlay/context_menu/context_menu.tsx +1 -1
  461. package/src/overlay/frame/frame.module.css +6 -4
  462. package/src/overlay/frame/frame_stories.module.css +14 -12
  463. package/src/overlay/menu/menu.module.css +30 -28
  464. package/src/overlay/menu/menu.tsx +2 -2
  465. package/src/overlay/popper/legacy/popper.module.css +10 -8
  466. package/src/overlay/popper/legacy/popper.tsx +2 -1
  467. package/src/overlay/popper/preview_popper.tsx +1 -1
  468. package/src/overlay/portal/portal.css +33 -31
  469. package/src/overlay/portal/portal_platform.tsx +6 -5
  470. package/src/overlay/tethered/tethered.module.css +9 -7
  471. package/src/stacks/box/bottom_resize_handle.module.css +11 -9
  472. package/src/stacks/box/bottom_resize_handle.tsx +1 -1
  473. package/src/stacks/box/box.tsx +1 -1
  474. package/src/stacks/box/end_resize_handle.module.css +16 -14
  475. package/src/stacks/box/end_resize_handle.tsx +1 -1
  476. package/src/stacks/box/left_resize_handle.module.css +11 -9
  477. package/src/stacks/box/left_resize_handle.tsx +1 -1
  478. package/src/stacks/box/right_resize_handle.module.css +11 -9
  479. package/src/stacks/box/right_resize_handle.tsx +1 -1
  480. package/src/stacks/box/start_resize_handle.module.css +16 -14
  481. package/src/stacks/box/start_resize_handle.tsx +1 -1
  482. package/src/stacks/box/top_resize_handle.module.css +11 -9
  483. package/src/stacks/box/top_resize_handle.tsx +1 -1
  484. package/src/stacks/collapsible_box.module.css +45 -29
  485. package/src/stacks/demo.module.css +5 -3
  486. package/src/stacks/h_collapsible_box.tsx +5 -1
  487. package/src/stacks/h_stack.tsx +1 -1
  488. package/src/stacks/spacer.tsx +1 -1
  489. package/src/stacks/stack.module.css +400 -393
  490. package/src/stacks/story_components/circle.module.css +8 -6
  491. package/src/stacks/story_components/circle.tsx +1 -1
  492. package/src/stacks/story_components/picture_placeholder.module.css +4 -2
  493. package/src/stacks/story_components/picture_placeholder.tsx +5 -1
  494. package/src/stacks/story_components/rect.module.css +9 -7
  495. package/src/stacks/story_components/rect.tsx +1 -1
  496. package/src/stacks/v_collapsible_box.tsx +5 -1
  497. package/src/stacks/v_stack.tsx +1 -1
  498. package/src/stacks/z_stack.tsx +1 -1
  499. package/src/surfaces/alert/alert.tsx +1 -1
  500. package/src/surfaces/card/card_stories.module.css +13 -11
  501. package/src/surfaces/confirm/confirm.module.css +37 -35
  502. package/src/surfaces/confirm/confirm.tsx +7 -4
  503. package/src/surfaces/drawers/drawer_bottom/drawer_bottom.module.css +4 -2
  504. package/src/surfaces/drawers/drawer_bottom/drawer_bottom.tsx +1 -1
  505. package/src/surfaces/drawers/drawer_end/drawer_end.module.css +4 -2
  506. package/src/surfaces/drawers/drawer_end/drawer_end.tsx +1 -1
  507. package/src/surfaces/drawers/drawer_start/drawer_start.module.css +4 -2
  508. package/src/surfaces/drawers/drawer_start/drawer_start.tsx +1 -1
  509. package/src/surfaces/drawers/drawer_top/drawer_top.module.css +4 -2
  510. package/src/surfaces/drawers/drawer_top/drawer_top.tsx +1 -1
  511. package/src/surfaces/modal/__stories__/modal.stories.tsx +3 -1
  512. package/src/surfaces/modal/modal.module.css +5 -3
  513. package/src/surfaces/page/h_page.tsx +1 -1
  514. package/src/surfaces/page/page.module.css +12 -10
  515. package/src/surfaces/page/v_page.tsx +1 -1
  516. package/src/surfaces/panel/panel.module.css +8 -7
  517. package/src/surfaces/popover/popover.tsx +1 -1
  518. package/src/surfaces/tooltip/tooltip.module.css +4 -2
  519. package/src/surfaces/window/window.module.css +6 -4
  520. package/src/themes/stylesheets/reset.css +134 -131
  521. package/src/themes/theme.tsx +29 -3
  522. package/src/themes/theme_provider.module.css +6 -0
  523. package/src/themes/themes/ergo/ergo_theme.css +607 -540
  524. package/src/themes/themes/ergo/ergo_theme.ts +1 -0
  525. package/src/themes/themes/windows_98/windows_98.css +1067 -1163
  526. package/src/tokens/badge/badge.module.css +13 -11
  527. package/src/tokens/badge/badge.tsx +2 -2
  528. package/src/tokens/bubble/bubble.module.css +12 -10
  529. package/src/tokens/bubble/bubble.tsx +1 -1
  530. package/src/tokens/chip/chip.module.css +14 -12
  531. package/src/tokens/chip/chip.tsx +1 -1
  532. package/src/typography/body_text/body_text.module.css +61 -59
  533. package/src/typography/body_text/body_text.tsx +1 -1
  534. package/src/typography/callout/callout.module.css +56 -54
  535. package/src/typography/callout/callout.tsx +1 -1
  536. package/src/typography/caption/caption.module.css +56 -54
  537. package/src/typography/caption/caption.tsx +1 -1
  538. package/src/typography/footnote/footnote.module.css +56 -54
  539. package/src/typography/footnote/footnote.tsx +1 -1
  540. package/src/typography/headline/headline.module.css +57 -55
  541. package/src/typography/headline/headline.tsx +1 -1
  542. package/src/typography/subheadline/subheadline.module.css +57 -55
  543. package/src/typography/subheadline/subheadline.tsx +1 -1
  544. package/src/typography/title/title.module.css +54 -52
  545. package/src/typography/title/title.tsx +1 -1
  546. package/src/utils/css_utils.ts +64 -0
  547. package/src/utils/dnd/draggable/draggable.module.css +8 -6
  548. package/dist/actions/types.js +0 -2
  549. package/dist/actions/types.js.map +0 -1
  550. package/dist/form/field/common/types.js +0 -2
  551. package/dist/form/field/common/types.js.map +0 -1
  552. package/dist/inputs/mask_input/mask_config.js +0 -2
  553. package/dist/inputs/mask_input/mask_config.js.map +0 -1
  554. package/dist/inputs/mask_input/mask_cursor.js +0 -2
  555. package/dist/inputs/mask_input/mask_cursor.js.map +0 -1
  556. package/dist/inputs/multiselect/multiselect_row.d.ts +0 -10
  557. package/dist/inputs/multiselect/multiselect_row.d.ts.map +0 -1
  558. package/dist/inputs/multiselect/multiselect_row.js +0 -35
  559. package/dist/inputs/multiselect/multiselect_row.js.map +0 -1
  560. package/dist/inputs/switch/switch_row.d.ts +0 -8
  561. package/dist/inputs/switch/switch_row.d.ts.map +0 -1
  562. package/dist/inputs/switch/switch_row.js +0 -16
  563. package/dist/inputs/switch/switch_row.js.map +0 -1
  564. package/dist/inputs/textarea/textarea_row.d.ts +0 -8
  565. package/dist/inputs/textarea/textarea_row.d.ts.map +0 -1
  566. package/dist/inputs/textarea/textarea_row.js +0 -12
  567. package/dist/inputs/textarea/textarea_row.js.map +0 -1
  568. package/dist/overlay/tethered/types.js +0 -2
  569. package/dist/overlay/tethered/types.js.map +0 -1
  570. package/dist/portal_platform.css +0 -1
  571. package/dist/stacks/box/handle_props.js +0 -2
  572. package/dist/stacks/box/handle_props.js.map +0 -1
  573. package/dist/utils/calendar/calendar_date.js +0 -2
  574. package/dist/utils/calendar/calendar_date.js.map +0 -1
  575. package/dist/utils/dnd/types.js +0 -2
  576. package/dist/utils/dnd/types.js.map +0 -1
  577. package/src/inputs/multiselect/multiselect_row.tsx +0 -57
  578. package/src/inputs/switch/TODO.md +0 -3
  579. package/src/inputs/switch/switch_row.tsx +0 -33
  580. 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 --action-dangerous: 0, 90%, 50%;\\n --action-cautious: 53, 90%, 60%;\\n --action-neutral: var(--action);\\n --action-suggested: 202, 90%, 40%;\\n --action-encouraged: 120, 90%, 40%;\\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(--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}\\n\\n.tcn-base-button[data-severity=\\\"cautious\\\"] {\\n --action: var(--action-cautious);\\n --on-action: var(--on-material);\\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}\\n\\n.tcn-base-button[data-severity=\\\"encouraged\\\"] {\\n --action: 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.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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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-line: #aaaaaa;\\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 .tcn-theme-root {\\n font-family: var(--font-family);\\n color: var(--font-color);\\n background-color: var(--background-color-primary);\\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 --on-mat-down: color-mix(in srgb, var(--on-mat), black 8%);\\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 /* ===== Tabs ===== */\\n .tcn-tabs-bar {\\n .tcn-tabs-list {\\n .tcn-tab-item {\\n min-height: 24px;\\n padding: 0px var(--padding-medium);\\n text-decoration: none;\\n text-overflow: ellipsis;\\n overflow: hidden;\\n white-space: nowrap;\\n }\\n }\\n }\\n\\n /* Default */\\n .tcn-tabs-bar[data-variant=\\\"default\\\"] {\\n .tcn-tabs-list {\\n .tcn-tab-item {\\n box-sizing: border-box;\\n border: none;\\n padding: 0px var(--padding-medium);\\n }\\n .tcn-tab-item[data-is-selected=\\\"true\\\"] {\\n --on-material: var(--action);\\n }\\n .tcn-tab-item[data-is-selected=\\\"false\\\"]:hover::after {\\n content: \\\"\\\";\\n display: block;\\n position: absolute;\\n left: 0;\\n right: 0;\\n bottom: 0px;\\n height: 1px;\\n background: var(--on-mat);\\n pointer-events: none;\\n z-index: 2;\\n width: 100%;\\n }\\n\\n &::after {\\n content: \\\"\\\";\\n position: absolute;\\n bottom: -1px;\\n left: 0;\\n min-height: 2px;\\n transform: translateX(var(--tabs-active-rectangle-position-x, 0));\\n width: var(--tabs-active-rectangle-width, 0);\\n background: hsl(var(--action));\\n pointer-events: none;\\n border-bottom-left-radius: 2px;\\n border-bottom-right-radius: 2px;\\n transition:\\n transform 300ms ease-in-out,\\n width 300ms ease-in-out;\\n will-change: transform, width;\\n z-index: 2;\\n }\\n }\\n\\n &::before {\\n content: \\\"\\\";\\n position: absolute;\\n bottom: 0;\\n left: 0;\\n width: 100%;\\n height: 1px;\\n background: var(--material-line);\\n pointer-events: none;\\n }\\n }\\n\\n /* Inline */\\n .tcn-tabs-bar[data-variant=\\\"inline\\\"] {\\n min-width: min-content;\\n width: auto;\\n flex-grow: 0;\\n border-radius: var(--shape-radius-medium);\\n border: 1px solid hsl(var(--on-material));\\n --action: var(--on-material);\\n\\n .tcn-tabs-list {\\n gap: var(--gap-small);\\n padding: var(--padding-small);\\n .tcn-tab-item {\\n border-radius: var(--shape-radius-medium);\\n }\\n .tcn-tab-item[data-is-selected=\\\"true\\\"] {\\n background: var(--on-mat);\\n color: var(--mat);\\n }\\n .tcn-tab-item[data-is-selected=\\\"true\\\"]:hover {\\n background: color-mix(in srgb, var(--on-mat), white 8%);\\n }\\n .tcn-tab-item[data-is-selected=\\\"true\\\"]:active {\\n background: color-mix(in srgb, var(--on-mat), black 8%);\\n }\\n }\\n }\\n\\n /* ===== MATERIAL ===== */\\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';\nimport '@fontsource/lato';\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCGFC,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;--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;--font-color: #222222;--font-family: "Microsoft Sans Serif", "Arial", sans-serif;--font-size: 12px}.tcn-theme-root{font-family:var(--font-family);color:var(--font-color);-webkit-font-smoothing:none;background-color:var(--background-color-primary)}.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-base-button,.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}}.tcn-tabs-list{display:flex;list-style-type:none;margin:0 0 -2px;padding-left:3px;position:relative;text-indent:0}.tcn-tabs-list .tcn-tab-item{border-top-left-radius:3px;border-top-right-radius:3px;box-shadow:inset -1px 0 #0a0a0a,inset 1px 1px #dfdfdf,inset -2px 0 gray,inset 2px 2px #fff}.tcn-tabs-list .tcn-tab-item[data-is-selected=true]{background-color:silver;margin-left:-3px;margin-top:-2px;padding-bottom:2px;position:relative;z-index:8}