@tcn/ui 0.12.4 → 0.12.6

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 (150) hide show
  1. package/dist/inputs/color_input/color_input.js +18 -18
  2. package/dist/inputs/color_input/color_input.js.map +1 -1
  3. package/dist/inputs/control/control.d.ts +10 -0
  4. package/dist/inputs/control/control.d.ts.map +1 -0
  5. package/dist/inputs/control/control.js +17 -0
  6. package/dist/inputs/control/control.js.map +1 -0
  7. package/dist/inputs/control_set/control_set.d.ts +5 -0
  8. package/dist/inputs/control_set/control_set.d.ts.map +1 -0
  9. package/dist/inputs/control_set/control_set.js +20 -0
  10. package/dist/inputs/{input_group/input_group.js.map → control_set/control_set.js.map} +1 -1
  11. package/dist/inputs/date_picker/date_picker_input.js +20 -20
  12. package/dist/inputs/date_picker/date_picker_input.js.map +1 -1
  13. package/dist/inputs/index.d.ts +2 -1
  14. package/dist/inputs/index.d.ts.map +1 -1
  15. package/dist/inputs/index.js +27 -24
  16. package/dist/inputs/index.js.map +1 -1
  17. package/dist/inputs/input/input.js +6 -6
  18. package/dist/inputs/input/input.js.map +1 -1
  19. package/dist/inputs/phone_number_input/phone_number_country_select_adapter.js +15 -15
  20. package/dist/inputs/phone_number_input/phone_number_country_select_adapter.js.map +1 -1
  21. package/dist/inputs/phone_number_input/phone_number_input.js +24 -24
  22. package/dist/inputs/phone_number_input/phone_number_input.js.map +1 -1
  23. package/dist/inputs/phone_number_input/phone_number_input_adapter.js +21 -21
  24. package/dist/inputs/phone_number_input/phone_number_input_adapter.js.map +1 -1
  25. package/dist/inputs/phone_number_input/sip_input.js +14 -14
  26. package/dist/inputs/phone_number_input/sip_input.js.map +1 -1
  27. package/dist/inputs/select/select.js +6 -6
  28. package/dist/inputs/select/select.js.map +1 -1
  29. package/dist/inputs/textarea/textarea.js +8 -8
  30. package/dist/inputs/textarea/textarea.js.map +1 -1
  31. package/dist/inputs/unit_input/unit_input.js +20 -20
  32. package/dist/inputs/unit_input/unit_input.js.map +1 -1
  33. package/dist/overlay/frame/frame.d.ts +2 -2
  34. package/dist/overlay/frame/frame.d.ts.map +1 -1
  35. package/dist/overlay/frame/frame.js +68 -66
  36. package/dist/overlay/frame/frame.js.map +1 -1
  37. package/dist/overlay/slide/slide.d.ts +9 -0
  38. package/dist/overlay/slide/slide.d.ts.map +1 -0
  39. package/dist/overlay/slide/slide.js +29 -0
  40. package/dist/overlay/slide/slide.js.map +1 -0
  41. package/dist/slide.css +1 -0
  42. package/dist/stacks/box/box.d.ts +5 -4
  43. package/dist/stacks/box/box.d.ts.map +1 -1
  44. package/dist/stacks/box/box.js.map +1 -1
  45. package/dist/stacks/box/detect_resize_bounds.d.ts +15 -0
  46. package/dist/stacks/box/detect_resize_bounds.d.ts.map +1 -0
  47. package/dist/stacks/box/detect_resize_bounds.js +49 -0
  48. package/dist/stacks/box/detect_resize_bounds.js.map +1 -0
  49. package/dist/stacks/box/resize_handlers.d.ts.map +1 -1
  50. package/dist/stacks/box/resize_handlers.js +51 -44
  51. package/dist/stacks/box/resize_handlers.js.map +1 -1
  52. package/dist/stacks/box/start_resize_handle.d.ts.map +1 -1
  53. package/dist/stacks/box/start_resize_handle.js +2 -1
  54. package/dist/stacks/box/start_resize_handle.js.map +1 -1
  55. package/dist/stacks/box/types.d.ts +17 -4
  56. package/dist/stacks/box/types.d.ts.map +1 -1
  57. package/dist/surfaces/drawers/drawer.d.ts +5 -0
  58. package/dist/surfaces/drawers/drawer.d.ts.map +1 -0
  59. package/dist/surfaces/drawers/drawer.js +23 -0
  60. package/dist/surfaces/drawers/drawer.js.map +1 -0
  61. package/dist/surfaces/index.d.ts +1 -4
  62. package/dist/surfaces/index.d.ts.map +1 -1
  63. package/dist/surfaces/index.js +20 -26
  64. package/dist/surfaces/index.js.map +1 -1
  65. package/dist/surfaces/modal/modal.d.ts +1 -1
  66. package/dist/surfaces/modal/modal.d.ts.map +1 -1
  67. package/dist/surfaces/modal/modal.js +22 -13
  68. package/dist/surfaces/modal/modal.js.map +1 -1
  69. package/dist/surfaces/window/window.d.ts +1 -1
  70. package/dist/surfaces/window/window.d.ts.map +1 -1
  71. package/dist/surfaces/window/window.js +21 -24
  72. package/dist/surfaces/window/window.js.map +1 -1
  73. package/dist/themes/stylesheets/reset.css +1 -1
  74. package/dist/themes/stylesheets/reset.js +2 -2
  75. package/dist/themes/stylesheets/reset.js.map +1 -1
  76. package/dist/themes/themes/ergo/ergo_theme.css +1 -1
  77. package/dist/themes/themes/ergo/ergo_theme.js +70 -6
  78. package/dist/themes/themes/ergo/ergo_theme.js.map +1 -1
  79. package/dist/utils/dnd/hooks/use_drag_container.d.ts.map +1 -1
  80. package/dist/utils/dnd/hooks/use_drag_container.js.map +1 -1
  81. package/package.json +2 -2
  82. package/src/inputs/color_input/color_input.tsx +3 -3
  83. package/src/inputs/control/control.stories.tsx +158 -0
  84. package/src/inputs/control/control.tsx +32 -0
  85. package/src/inputs/control/control_stories.module.css +7 -0
  86. package/src/inputs/control_set/control_set.stories.tsx +46 -0
  87. package/src/inputs/{input_group/input_group.tsx → control_set/control_set.tsx} +5 -5
  88. package/src/inputs/date_picker/date_picker_input.stories.tsx +1 -1
  89. package/src/inputs/date_picker/date_picker_input.tsx +1 -1
  90. package/src/inputs/index.ts +2 -1
  91. package/src/inputs/input/input.tsx +1 -1
  92. package/src/inputs/phone_number_input/phone_number_country_select_adapter.tsx +1 -1
  93. package/src/inputs/phone_number_input/phone_number_input.tsx +1 -1
  94. package/src/inputs/phone_number_input/phone_number_input_adapter.tsx +2 -2
  95. package/src/inputs/phone_number_input/sip_input.tsx +4 -4
  96. package/src/inputs/select/select.tsx +1 -1
  97. package/src/inputs/textarea/textarea.stories.tsx +1 -1
  98. package/src/inputs/textarea/textarea.tsx +1 -1
  99. package/src/inputs/unit_input/unit_input.tsx +3 -3
  100. package/src/overlay/frame/frame.tsx +43 -63
  101. package/src/overlay/slide/slide.module.css +30 -0
  102. package/src/overlay/slide/slide.stories.tsx +58 -0
  103. package/src/overlay/slide/slide.tsx +51 -0
  104. package/src/stacks/box/box.tsx +10 -16
  105. package/src/stacks/box/detect_resize_bounds.ts +84 -0
  106. package/src/stacks/box/resize_handlers.ts +27 -15
  107. package/src/stacks/box/start_resize_handle.tsx +6 -3
  108. package/src/stacks/box/types.ts +23 -25
  109. package/src/surfaces/drawers/drawer.stories.tsx +130 -0
  110. package/src/surfaces/drawers/drawer.tsx +26 -0
  111. package/src/surfaces/index.ts +1 -4
  112. package/src/surfaces/modal/__stories__/modal.stories.tsx +70 -3
  113. package/src/surfaces/modal/modal.tsx +11 -2
  114. package/src/surfaces/window/window.stories.tsx +64 -8
  115. package/src/surfaces/window/window.tsx +6 -9
  116. package/src/themes/stylesheets/reset.css +2 -2
  117. package/src/themes/themes/ergo/ergo_theme.css +70 -6
  118. package/src/utils/dnd/hooks/use_drag_container.ts +0 -7
  119. package/dist/drawer_bottom.css +0 -1
  120. package/dist/drawer_end.css +0 -1
  121. package/dist/drawer_start.css +0 -1
  122. package/dist/drawer_top.css +0 -1
  123. package/dist/inputs/input_group/input_group.d.ts +0 -5
  124. package/dist/inputs/input_group/input_group.d.ts.map +0 -1
  125. package/dist/inputs/input_group/input_group.js +0 -20
  126. package/dist/surfaces/drawers/drawer_bottom/drawer_bottom.d.ts +0 -7
  127. package/dist/surfaces/drawers/drawer_bottom/drawer_bottom.d.ts.map +0 -1
  128. package/dist/surfaces/drawers/drawer_bottom/drawer_bottom.js +0 -22
  129. package/dist/surfaces/drawers/drawer_bottom/drawer_bottom.js.map +0 -1
  130. package/dist/surfaces/drawers/drawer_end/drawer_end.d.ts +0 -7
  131. package/dist/surfaces/drawers/drawer_end/drawer_end.d.ts.map +0 -1
  132. package/dist/surfaces/drawers/drawer_end/drawer_end.js +0 -20
  133. package/dist/surfaces/drawers/drawer_end/drawer_end.js.map +0 -1
  134. package/dist/surfaces/drawers/drawer_start/drawer_start.d.ts +0 -7
  135. package/dist/surfaces/drawers/drawer_start/drawer_start.d.ts.map +0 -1
  136. package/dist/surfaces/drawers/drawer_start/drawer_start.js +0 -22
  137. package/dist/surfaces/drawers/drawer_start/drawer_start.js.map +0 -1
  138. package/dist/surfaces/drawers/drawer_top/drawer_top.d.ts +0 -7
  139. package/dist/surfaces/drawers/drawer_top/drawer_top.d.ts.map +0 -1
  140. package/dist/surfaces/drawers/drawer_top/drawer_top.js +0 -20
  141. package/dist/surfaces/drawers/drawer_top/drawer_top.js.map +0 -1
  142. package/src/surfaces/drawers/__stories__/drawers.stories.tsx +0 -26
  143. package/src/surfaces/drawers/drawer_bottom/drawer_bottom.module.css +0 -5
  144. package/src/surfaces/drawers/drawer_bottom/drawer_bottom.tsx +0 -23
  145. package/src/surfaces/drawers/drawer_end/drawer_end.module.css +0 -5
  146. package/src/surfaces/drawers/drawer_end/drawer_end.tsx +0 -24
  147. package/src/surfaces/drawers/drawer_start/drawer_start.module.css +0 -5
  148. package/src/surfaces/drawers/drawer_start/drawer_start.tsx +0 -23
  149. package/src/surfaces/drawers/drawer_top/drawer_top.module.css +0 -5
  150. package/src/surfaces/drawers/drawer_top/drawer_top.tsx +0 -24
package/src/surfaces/drawers/drawer_top/drawer_top.module.css DELETED
@@ -1,5 +0,0 @@
1
- @layer tcn-system {
2
- :where(.drawerBottom) {
3
- background-color: var(--background-color-primary);
4
- }
5
- }
package/src/surfaces/drawers/drawer_top/drawer_top.tsx DELETED
@@ -1,24 +0,0 @@
1
- import { VStack, type VStackProps } from '../../../stacks/v_stack.js';
2
- import { clsx } from 'clsx';
3
- import React from 'react';
4
- import styles from './drawer_top.module.css';
5
-
6
- export interface DrawerTopProps extends Omit<VStackProps, 'as' | 'children'> {
7
- children?: React.ReactNode;
8
- }
9
-
10
- export const DrawerTop = React.forwardRef<HTMLElement, DrawerTopProps>(function DrawerTop(
11
- { children, className, ...props }: DrawerTopProps,
12
- ref
13
- ) {
14
- return (
15
- <VStack
16
- ref={ref}
17
- as="section"
18
- className={clsx(styles.drawerTop, className, 'tcn-drawerTop')}
19
- {...props}
20
- >
21
- {children}
22
- </VStack>
23
- );
24
- });