@infonomic/uikit 5.41.0 → 5.43.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (170) hide show
  1. package/dist/components/@types/shared.d.ts +52 -0
  2. package/dist/components/@types/shared.d.ts.map +1 -1
  3. package/dist/components/accordion/accordion.d.ts.map +1 -1
  4. package/dist/components/accordion/accordion.module.css +1 -2
  5. package/dist/components/avatar/avatar.d.ts.map +1 -1
  6. package/dist/components/avatar/avatar.module.css +6 -7
  7. package/dist/components/badge/badge.d.ts.map +1 -1
  8. package/dist/components/badge/badge.module.css +6 -7
  9. package/dist/components/button/@types/button.d.ts +31 -1
  10. package/dist/components/button/@types/button.d.ts.map +1 -1
  11. package/dist/components/button/button-group.module.css +1 -3
  12. package/dist/components/button/button.module.css +48 -31
  13. package/dist/components/button/combo-button.d.ts.map +1 -1
  14. package/dist/components/button/combo-button.module.css +3 -3
  15. package/dist/components/button/control-buttons.module.css +1 -2
  16. package/dist/components/button/copy-button.d.ts.map +1 -1
  17. package/dist/components/button/copy-button.module.css +6 -7
  18. package/dist/components/card/card.d.ts.map +1 -1
  19. package/dist/components/card/card.module.css +6 -10
  20. package/dist/components/chips/@types/chip.d.ts +20 -0
  21. package/dist/components/chips/@types/chip.d.ts.map +1 -1
  22. package/dist/components/chips/chip.d.ts.map +1 -1
  23. package/dist/components/chips/chip.module.css +30 -19
  24. package/dist/components/container/container.d.ts.map +1 -1
  25. package/dist/components/container/container.module.css +6 -10
  26. package/dist/components/dropdown/dropdown.module.css +6 -7
  27. package/dist/components/forms/@types/checkbox.d.ts +28 -1
  28. package/dist/components/forms/@types/checkbox.d.ts.map +1 -1
  29. package/dist/components/forms/@types/input.d.ts +29 -1
  30. package/dist/components/forms/@types/input.d.ts.map +1 -1
  31. package/dist/components/forms/calendar.module.css +14 -14
  32. package/dist/components/forms/checkbox-group.d.ts.map +1 -1
  33. package/dist/components/forms/checkbox.d.ts.map +1 -1
  34. package/dist/components/forms/checkbox.module.css +12 -17
  35. package/dist/components/forms/checkbox.module.js +0 -1
  36. package/dist/components/forms/checkbox_module.css +3 -13
  37. package/dist/components/forms/error-text.module.css +6 -7
  38. package/dist/components/forms/help-text.d.ts.map +1 -1
  39. package/dist/components/forms/help-text.module.css +6 -7
  40. package/dist/components/forms/input-adornment.module.css +6 -7
  41. package/dist/components/forms/input-password.d.ts.map +1 -1
  42. package/dist/components/forms/input.d.ts.map +1 -1
  43. package/dist/components/forms/input.module.css +6 -7
  44. package/dist/components/forms/label.module.css +6 -7
  45. package/dist/components/forms/radio-group.module.css +6 -7
  46. package/dist/components/forms/select.d.ts.map +1 -1
  47. package/dist/components/forms/select.js +1 -1
  48. package/dist/components/forms/select.module.css +74 -3
  49. package/dist/components/forms/select.module.js +10 -0
  50. package/dist/components/forms/select_module.css +63 -3
  51. package/dist/components/forms/text-area.module.css +10 -9
  52. package/dist/components/notifications/@types/alert.d.ts +16 -1
  53. package/dist/components/notifications/@types/alert.d.ts.map +1 -1
  54. package/dist/components/notifications/@types/toast.d.ts +36 -1
  55. package/dist/components/notifications/@types/toast.d.ts.map +1 -1
  56. package/dist/components/notifications/alert.d.ts.map +1 -1
  57. package/dist/components/notifications/alert.module.css +6 -7
  58. package/dist/components/notifications/toast.module.css +6 -8
  59. package/dist/components/overlay/overlay.module.css +6 -4
  60. package/dist/components/pager/@types/index.d.ts +12 -0
  61. package/dist/components/pager/@types/index.d.ts.map +1 -1
  62. package/dist/components/pager/pagination.module.css +6 -8
  63. package/dist/components/scroll-area/scroll-area.d.ts.map +1 -1
  64. package/dist/components/scroll-area/scroll-area.module.css +6 -7
  65. package/dist/components/scroll-to-top/scroll-to-top.module.css +5 -7
  66. package/dist/components/section/section.d.ts.map +1 -1
  67. package/dist/components/section/section.module.css +6 -7
  68. package/dist/components/shimmer/shimmer.module.css +6 -8
  69. package/dist/components/table/table.d.ts.map +1 -1
  70. package/dist/components/table/table.module.css +6 -8
  71. package/dist/components/tabs/tabs.module.css +6 -7
  72. package/dist/components/tooltip/tooltip.module.css +6 -7
  73. package/dist/icons/eye-closed-icon.d.ts.map +1 -1
  74. package/dist/icons/eye-open-icon.d.ts.map +1 -1
  75. package/dist/icons/icons.module.css +1 -1
  76. package/dist/widgets/datepicker/datepicker.d.ts.map +1 -1
  77. package/dist/widgets/datepicker/datepicker.module.css +1 -2
  78. package/dist/widgets/drawer/drawer-container.d.ts.map +1 -1
  79. package/dist/widgets/drawer/drawer-content.d.ts.map +1 -1
  80. package/dist/widgets/drawer/drawer.module.css +1 -3
  81. package/dist/widgets/modal/modal-actions.d.ts.map +1 -1
  82. package/dist/widgets/modal/modal-container.d.ts.map +1 -1
  83. package/dist/widgets/modal/modal-content.d.ts.map +1 -1
  84. package/dist/widgets/modal/modal.module.css +1 -3
  85. package/dist/widgets/timeline/timeline.module.css +6 -8
  86. package/package.json +1 -1
  87. package/src/components/@types/shared.ts +55 -0
  88. package/src/components/accordion/accordion.module.css +1 -2
  89. package/src/components/accordion/accordion.stories.tsx +1 -2
  90. package/src/components/accordion/accordion.tsx +25 -5
  91. package/src/components/avatar/avatar.module.css +6 -7
  92. package/src/components/avatar/avatar.tsx +9 -2
  93. package/src/components/badge/badge.module.css +6 -7
  94. package/src/components/badge/badge.tsx +7 -1
  95. package/src/components/button/@types/button.ts +36 -1
  96. package/src/components/button/button-group.module.css +1 -3
  97. package/src/components/button/button.module.css +48 -31
  98. package/src/components/button/button.tsx +1 -1
  99. package/src/components/button/combo-button.module.css +3 -3
  100. package/src/components/button/combo-button.tsx +17 -5
  101. package/src/components/button/combo-buttons.stories.tsx +6 -3
  102. package/src/components/button/control-buttons.module.css +1 -2
  103. package/src/components/button/copy-button.module.css +6 -7
  104. package/src/components/button/copy-button.tsx +12 -3
  105. package/src/components/card/card.module.css +6 -10
  106. package/src/components/card/card.tsx +20 -4
  107. package/src/components/chips/@types/chip.ts +22 -0
  108. package/src/components/chips/chip.module.css +30 -19
  109. package/src/components/chips/chip.tsx +10 -5
  110. package/src/components/container/container.module.css +6 -10
  111. package/src/components/container/container.tsx +1 -1
  112. package/src/components/dropdown/dropdown.module.css +6 -7
  113. package/src/components/forms/@types/checkbox.ts +31 -1
  114. package/src/components/forms/@types/input.ts +32 -1
  115. package/src/components/forms/calendar.module.css +14 -14
  116. package/src/components/forms/checkbox-group.tsx +1 -1
  117. package/src/components/forms/checkbox.module.css +12 -17
  118. package/src/components/forms/checkbox.tsx +4 -1
  119. package/src/components/forms/error-text.module.css +6 -7
  120. package/src/components/forms/help-text.module.css +6 -7
  121. package/src/components/forms/help-text.tsx +5 -1
  122. package/src/components/forms/input-adornment.module.css +6 -7
  123. package/src/components/forms/input-password.tsx +7 -1
  124. package/src/components/forms/input.module.css +6 -7
  125. package/src/components/forms/input.tsx +18 -2
  126. package/src/components/forms/label.module.css +6 -7
  127. package/src/components/forms/radio-group.module.css +6 -7
  128. package/src/components/forms/select.module.css +74 -3
  129. package/src/components/forms/select.stories.tsx +47 -9
  130. package/src/components/forms/select.tsx +4 -2
  131. package/src/components/forms/text-area.module.css +10 -9
  132. package/src/components/notifications/@types/alert.ts +17 -1
  133. package/src/components/notifications/@types/toast.ts +40 -1
  134. package/src/components/notifications/alert.module.css +6 -7
  135. package/src/components/notifications/alert.tsx +10 -3
  136. package/src/components/notifications/toast.module.css +6 -8
  137. package/src/components/overlay/overlay.module.css +6 -4
  138. package/src/components/pager/@types/index.ts +13 -0
  139. package/src/components/pager/pagination.module.css +6 -8
  140. package/src/components/pager/pagination.tsx +6 -1
  141. package/src/components/scroll-area/scroll-area.module.css +6 -7
  142. package/src/components/scroll-area/scroll-area.tsx +13 -4
  143. package/src/components/scroll-to-top/scroll-to-top.module.css +5 -7
  144. package/src/components/section/section.module.css +6 -7
  145. package/src/components/section/section.tsx +1 -1
  146. package/src/components/shimmer/shimmer.module.css +6 -8
  147. package/src/components/table/table.module.css +6 -8
  148. package/src/components/table/table.tsx +6 -1
  149. package/src/components/tabs/tabs.module.css +6 -7
  150. package/src/components/tooltip/tooltip.module.css +6 -7
  151. package/src/icons/ai-icon.tsx +1 -1
  152. package/src/icons/eye-closed-icon.tsx +2 -1
  153. package/src/icons/eye-open-icon.tsx +1 -5
  154. package/src/icons/icons.module.css +1 -1
  155. package/src/styles/base/base.css +1 -1
  156. package/src/styles/base/colors.css +1 -2
  157. package/src/styles/components/loaders.css +1 -1
  158. package/src/styles/functional/colors.css +201 -56
  159. package/src/styles/functional/surfaces.css +1 -2
  160. package/src/styles/functional/typography.css +1 -1
  161. package/src/widgets/datepicker/datepicker.module.css +1 -2
  162. package/src/widgets/datepicker/datepicker.tsx +44 -16
  163. package/src/widgets/drawer/drawer-container.tsx +6 -1
  164. package/src/widgets/drawer/drawer-content.tsx +5 -1
  165. package/src/widgets/drawer/drawer.module.css +1 -3
  166. package/src/widgets/modal/modal-actions.tsx +5 -1
  167. package/src/widgets/modal/modal-container.tsx +5 -1
  168. package/src/widgets/modal/modal-content.tsx +5 -1
  169. package/src/widgets/modal/modal.module.css +1 -3
  170. package/src/widgets/timeline/timeline.module.css +6 -8
@@ -20,7 +20,11 @@ export const ModalContainer = function ModalContainer({
20
20
  ref?: React.RefObject<HTMLDivElement>
21
21
  }) {
22
22
  return (
23
- <div ref={ref} className={cx('infonomic-modal-container', styles['modal-container'], className)} {...rest}>
23
+ <div
24
+ ref={ref}
25
+ className={cx('infonomic-modal-container', styles['modal-container'], className)}
26
+ {...rest}
27
+ >
24
28
  {children}
25
29
  </div>
26
30
  )
@@ -20,7 +20,11 @@ export const ModalContent = function ModalContent({
20
20
  ref?: React.RefObject<HTMLDivElement>
21
21
  }) {
22
22
  return (
23
- <div ref={ref} {...rest} className={cx('infonomic-modal-content', styles['modal-content'], className)}>
23
+ <div
24
+ ref={ref}
25
+ {...rest}
26
+ className={cx('infonomic-modal-content', styles['modal-content'], className)}
27
+ >
24
28
  {children}
25
29
  </div>
26
30
  )
@@ -1,7 +1,6 @@
1
1
  @layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-components;
2
2
 
3
3
  @layer infonomic-components {
4
-
5
4
  .modal-wrapper,
6
5
  :global(.infonomic-modal-open) {
7
6
  position: fixed;
@@ -36,7 +35,6 @@
36
35
  }
37
36
 
38
37
  @media screen and (min-width: 40rem) {
39
-
40
38
  .modal-container,
41
39
  :global(.infonomic-modal-container) {
42
40
  max-height: calc(100vh - 24px);
@@ -88,4 +86,4 @@
88
86
  padding-left: var(--spacing-16);
89
87
  padding-right: var(--spacing-16);
90
88
  }
91
- }
89
+ }
@@ -1,12 +1,11 @@
1
1
  @layer infonomic-base,
2
- infonomic-functional,
3
- infonomic-utilities,
4
- infonomic-theme,
5
- infonomic-typography,
6
- infonomic-components;
2
+ infonomic-functional,
3
+ infonomic-utilities,
4
+ infonomic-theme,
5
+ infonomic-typography,
6
+ infonomic-components;
7
7
 
8
8
  @layer infonomic-components {
9
-
10
9
  .timeline,
11
10
  :global(.infonomic-timeline) {
12
11
  margin-left: var(--spacing-8);
@@ -95,10 +94,9 @@ infonomic-components;
95
94
  */
96
95
  :global(.dark),
97
96
  :global([data-theme="dark"]) {
98
-
99
97
  :global(.infonomic-timeline-icon),
100
98
  .timeline-icon {
101
99
  border-color: var(--canvas-600);
102
100
  }
103
101
  }
104
- }
102
+ }