@infonomic/uikit 5.27.0 → 5.28.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 (188) hide show
  1. package/dist/components/accordion/accordion.js +5 -5
  2. package/dist/components/accordion/accordion.module.css +11 -5
  3. package/dist/components/accordion/accordion_module.css +7 -7
  4. package/dist/components/avatar/avatar.d.ts.map +1 -1
  5. package/dist/components/avatar/avatar.js +5 -4
  6. package/dist/components/avatar/avatar.module.css +17 -11
  7. package/dist/components/avatar/avatar_module.css +6 -6
  8. package/dist/components/badge/badge.js +1 -1
  9. package/dist/components/badge/badge.module.css +8 -8
  10. package/dist/components/badge/badge_module.css +8 -8
  11. package/dist/components/button/button-group.module.css +5 -3
  12. package/dist/components/button/button-group_module.css +2 -2
  13. package/dist/components/button/button.js +1 -1
  14. package/dist/components/button/button.module.css +50 -50
  15. package/dist/components/button/button_module.css +38 -38
  16. package/dist/components/button/control-buttons.js +1 -1
  17. package/dist/components/button/control-buttons.module.css +6 -2
  18. package/dist/components/button/control-buttons_module.css +1 -1
  19. package/dist/components/button/copy-button.d.ts.map +1 -1
  20. package/dist/components/button/copy-button.js +2 -2
  21. package/dist/components/button/copy-button.module.css +14 -13
  22. package/dist/components/button/copy-button_module.css +7 -7
  23. package/dist/components/card/card.js +6 -6
  24. package/dist/components/card/card.module.css +10 -10
  25. package/dist/components/card/card_module.css +10 -10
  26. package/dist/components/chips/chip.js +5 -5
  27. package/dist/components/chips/chip.module.css +49 -45
  28. package/dist/components/chips/chip_module.css +35 -35
  29. package/dist/components/container/container.d.ts.map +1 -1
  30. package/dist/components/container/container.js +1 -1
  31. package/dist/components/container/container.module.css +14 -10
  32. package/dist/components/container/container_module.css +4 -4
  33. package/dist/components/dropdown/dropdown.js +8 -8
  34. package/dist/components/dropdown/dropdown.module.css +18 -11
  35. package/dist/components/dropdown/dropdown_module.css +8 -9
  36. package/dist/components/forms/checkbox.js +5 -5
  37. package/dist/components/forms/checkbox.module.css +62 -33
  38. package/dist/components/forms/checkbox_module.css +26 -26
  39. package/dist/components/forms/error-text.module.css +8 -7
  40. package/dist/components/forms/error-text_module.css +1 -1
  41. package/dist/components/forms/help-text.js +1 -1
  42. package/dist/components/forms/help-text.module.css +8 -7
  43. package/dist/components/forms/help-text_module.css +1 -1
  44. package/dist/components/forms/input-adornment.js +1 -1
  45. package/dist/components/forms/input-adornment.module.css +10 -9
  46. package/dist/components/forms/input-adornment_module.css +3 -3
  47. package/dist/components/forms/input.js +5 -5
  48. package/dist/components/forms/input.module.css +50 -49
  49. package/dist/components/forms/input_module.css +37 -37
  50. package/dist/components/forms/label.module.css +9 -8
  51. package/dist/components/forms/label_module.css +2 -2
  52. package/dist/components/forms/radio-group.js +1 -1
  53. package/dist/components/forms/radio-group.module.css +44 -24
  54. package/dist/components/forms/radio-group_module.css +42 -15
  55. package/dist/components/forms/select.js +3 -3
  56. package/dist/components/forms/select.module.css +23 -14
  57. package/dist/components/forms/select_module.css +17 -6
  58. package/dist/components/forms/text-area.js +1 -1
  59. package/dist/components/forms/text-area.module.css +12 -12
  60. package/dist/components/forms/text-area_module.css +2 -2
  61. package/dist/components/notifications/alert.js +10 -10
  62. package/dist/components/notifications/alert.module.css +39 -22
  63. package/dist/components/notifications/alert_module.css +19 -15
  64. package/dist/components/notifications/toast.js +5 -5
  65. package/dist/components/notifications/toast.module.css +53 -24
  66. package/dist/components/notifications/toast_module.css +66 -13
  67. package/dist/components/overlay/overlay.module.css +14 -6
  68. package/dist/components/overlay/overlay_module.css +4 -4
  69. package/dist/components/pager/pagination.js +2 -2
  70. package/dist/components/pager/pagination.module.css +12 -11
  71. package/dist/components/pager/pagination_module.css +18 -2
  72. package/dist/components/scroll-area/scroll-area.d.ts.map +1 -1
  73. package/dist/components/scroll-area/scroll-area.js +7 -7
  74. package/dist/components/scroll-area/scroll-area.module.css +17 -11
  75. package/dist/components/scroll-area/scroll-area_module.css +9 -9
  76. package/dist/components/scroll-to-top/scroll-to-top.js +2 -2
  77. package/dist/components/scroll-to-top/scroll-to-top.module.css +16 -14
  78. package/dist/components/scroll-to-top/scroll-to-top_module.css +9 -9
  79. package/dist/components/section/section.d.ts.map +1 -1
  80. package/dist/components/section/section.js +1 -1
  81. package/dist/components/section/section.module.css +8 -7
  82. package/dist/components/section/section_module.css +1 -1
  83. package/dist/components/shimmer/shimmer.module.css +14 -6
  84. package/dist/components/shimmer/shimmer_module.css +6 -6
  85. package/dist/components/table/table.js +8 -8
  86. package/dist/components/table/table.module.css +29 -14
  87. package/dist/components/table/table_module.css +25 -13
  88. package/dist/components/tabs/tabs.js +4 -4
  89. package/dist/components/tabs/tabs.module.css +15 -10
  90. package/dist/components/tabs/tabs_module.css +9 -9
  91. package/dist/components/tooltip/tooltip.d.ts.map +1 -1
  92. package/dist/components/tooltip/tooltip.js +3 -2
  93. package/dist/components/tooltip/tooltip.module.css +11 -10
  94. package/dist/components/tooltip/tooltip_module.css +2 -2
  95. package/dist/styles/components-vanilla.css +1 -1
  96. package/dist/widgets/datepicker/datepicker.module.css +2 -2
  97. package/dist/widgets/datepicker/datepicker.module.js +0 -1
  98. package/dist/widgets/datepicker/datepicker_module.css +1 -1
  99. package/dist/widgets/drawer/drawer-container.js +1 -1
  100. package/dist/widgets/drawer/drawer-content.js +1 -1
  101. package/dist/widgets/drawer/drawer-header.js +1 -1
  102. package/dist/widgets/drawer/drawer-top-actions.js +1 -1
  103. package/dist/widgets/drawer/drawer-wrapper.js +1 -1
  104. package/dist/widgets/drawer/drawer.module.css +37 -16
  105. package/dist/widgets/drawer/drawer_module.css +63 -5
  106. package/dist/widgets/modal/modal-actions.js +1 -1
  107. package/dist/widgets/modal/modal-container.js +1 -1
  108. package/dist/widgets/modal/modal-content.js +1 -1
  109. package/dist/widgets/modal/modal-header.js +1 -1
  110. package/dist/widgets/modal/modal-wrapper.d.ts.map +1 -1
  111. package/dist/widgets/modal/modal-wrapper.js +2 -1
  112. package/dist/widgets/modal/modal.module.css +18 -8
  113. package/dist/widgets/modal/modal_module.css +14 -6
  114. package/dist/widgets/timeline/timeline.module.css +28 -16
  115. package/dist/widgets/timeline/timeline_module.css +15 -9
  116. package/package.json +17 -17
  117. package/src/components/accordion/accordion.module.css +11 -5
  118. package/src/components/accordion/accordion.tsx +5 -5
  119. package/src/components/avatar/avatar.module.css +17 -11
  120. package/src/components/avatar/avatar.tsx +5 -4
  121. package/src/components/badge/badge.module.css +8 -8
  122. package/src/components/badge/badge.tsx +1 -1
  123. package/src/components/button/button-group.module.css +5 -3
  124. package/src/components/button/button.module.css +50 -50
  125. package/src/components/button/button.tsx +5 -5
  126. package/src/components/button/control-buttons.module.css +6 -2
  127. package/src/components/button/control-buttons.tsx +1 -1
  128. package/src/components/button/copy-button.module.css +14 -13
  129. package/src/components/button/copy-button.tsx +6 -2
  130. package/src/components/card/card.module.css +10 -10
  131. package/src/components/card/card.tsx +6 -6
  132. package/src/components/chips/chip.module.css +49 -45
  133. package/src/components/chips/chip.tsx +10 -10
  134. package/src/components/container/container.module.css +14 -10
  135. package/src/components/container/container.tsx +2 -2
  136. package/src/components/dropdown/dropdown.module.css +18 -11
  137. package/src/components/dropdown/dropdown.tsx +8 -8
  138. package/src/components/forms/checkbox.module.css +62 -33
  139. package/src/components/forms/checkbox.tsx +8 -8
  140. package/src/components/forms/error-text.module.css +8 -7
  141. package/src/components/forms/help-text.module.css +8 -7
  142. package/src/components/forms/help-text.tsx +1 -1
  143. package/src/components/forms/input-adornment.module.css +10 -9
  144. package/src/components/forms/input-adornment.tsx +2 -2
  145. package/src/components/forms/input.module.css +50 -49
  146. package/src/components/forms/input.tsx +8 -8
  147. package/src/components/forms/label.module.css +9 -8
  148. package/src/components/forms/radio-group.module.css +44 -24
  149. package/src/components/forms/radio-group.tsx +1 -1
  150. package/src/components/forms/select.module.css +23 -14
  151. package/src/components/forms/select.tsx +3 -3
  152. package/src/components/forms/text-area.module.css +12 -12
  153. package/src/components/forms/text-area.tsx +3 -3
  154. package/src/components/notifications/alert.module.css +39 -22
  155. package/src/components/notifications/alert.tsx +10 -10
  156. package/src/components/notifications/toast.module.css +53 -24
  157. package/src/components/notifications/toast.tsx +5 -5
  158. package/src/components/overlay/overlay.module.css +14 -6
  159. package/src/components/pager/pagination.module.css +12 -11
  160. package/src/components/pager/pagination.tsx +2 -2
  161. package/src/components/scroll-area/scroll-area.module.css +17 -11
  162. package/src/components/scroll-area/scroll-area.tsx +8 -8
  163. package/src/components/scroll-to-top/scroll-to-top.module.css +16 -14
  164. package/src/components/scroll-to-top/scroll-to-top.tsx +2 -2
  165. package/src/components/section/section.module.css +8 -7
  166. package/src/components/section/section.tsx +2 -2
  167. package/src/components/shimmer/shimmer.module.css +14 -6
  168. package/src/components/table/table.module.css +29 -14
  169. package/src/components/table/table.tsx +8 -8
  170. package/src/components/tabs/tabs.module.css +15 -10
  171. package/src/components/tabs/tabs.tsx +4 -4
  172. package/src/components/tooltip/tooltip.module.css +11 -10
  173. package/src/components/tooltip/tooltip.tsx +5 -2
  174. package/src/styles/components/loaders.css +1 -1
  175. package/src/widgets/datepicker/datepicker.module.css +2 -2
  176. package/src/widgets/drawer/drawer-container.tsx +1 -1
  177. package/src/widgets/drawer/drawer-content.tsx +1 -1
  178. package/src/widgets/drawer/drawer-header.tsx +1 -1
  179. package/src/widgets/drawer/drawer-top-actions.tsx +1 -1
  180. package/src/widgets/drawer/drawer-wrapper.tsx +1 -1
  181. package/src/widgets/drawer/drawer.module.css +37 -16
  182. package/src/widgets/modal/modal-actions.tsx +1 -1
  183. package/src/widgets/modal/modal-container.tsx +1 -1
  184. package/src/widgets/modal/modal-content.tsx +1 -1
  185. package/src/widgets/modal/modal-header.tsx +1 -1
  186. package/src/widgets/modal/modal-wrapper.tsx +2 -1
  187. package/src/widgets/modal/modal.module.css +18 -8
  188. package/src/widgets/timeline/timeline.module.css +28 -16
package/src/widgets/timeline/timeline.module.css CHANGED
@@ -1,16 +1,19 @@
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
- .timeline {
9
+
10
+ .timeline,
11
+ :global(.infonomic-timeline) {
10
12
  margin-left: var(--spacing-8);
11
13
  }
12
14
 
13
- .timeline-root {
15
+ .timeline-root,
16
+ :global(.infonomic-timeline-root) {
14
17
  position: relative;
15
18
  list-style: none;
16
19
  margin-left: var(--spacing-8);
@@ -20,12 +23,14 @@
20
23
  border-left-style: var(--border-style-solid);
21
24
  }
22
25
 
23
- .timeline-item {
26
+ .timeline-item,
27
+ :global(.infonomic-timeline-item) {
24
28
  margin: 0 0 var(--spacing-16) var(--spacing-20);
25
29
  }
26
30
 
27
31
  /* 'absolute block flex items-center justify-center w-[36px] h-[36px] rounded-full -mt-[3px] sm:mt-0 -left-[18px] border-[6px] bg-secondary-600 dark:bg-secondary-900 border-gray-50 dark:border-canvas-600', */
28
- .timeline-icon {
32
+ .timeline-icon,
33
+ :global(.infonomic-timeline-icon) {
29
34
  position: absolute;
30
35
  display: flex;
31
36
  align-items: center;
@@ -41,14 +46,16 @@
41
46
  border-color: var(--gray-50);
42
47
  }
43
48
 
44
- .timeline-icon svg {
49
+ .timeline-icon svg,
50
+ :global(.infonomic-timeline-icon svg) {
45
51
  display: block;
46
52
  width: 60%;
47
53
  color: white;
48
54
  }
49
55
 
50
56
  /* 'text-[1.5rem] sm:text-[1.57rem] leading-[1.2] !m-0 font-semibold' */
51
- .timeline-heading {
57
+ .timeline-heading,
58
+ :global(.infonomic-timeline-heading) {
52
59
  font-size: 1.5rem;
53
60
  line-height: 1.2;
54
61
  margin: 0;
@@ -56,7 +63,8 @@
56
63
  }
57
64
 
58
65
  /* 'block mt-2 mb-2 text-[0.9em] font-medium leading-none text-gray-900 dark:text-gray-100' */
59
- .timeline-date {
66
+ .timeline-date,
67
+ :global(.infonomic-timeline-date) {
60
68
  display: block;
61
69
  margin-top: var(--spacing-8);
62
70
  margin-bottom: var(--spacing-8);
@@ -67,7 +75,8 @@
67
75
  }
68
76
 
69
77
  /* '[&_p]:m-0 [&_p]:mb-4 [&_p]:sm:m-0 [&_p]:sm:mb-4 text-lg font-normal text-gray-900 dark:text-gray-300' */
70
- .timeline-content {
78
+ .timeline-content,
79
+ :global(.infonomic-timeline-content) {
71
80
  margin: 0;
72
81
  margin-bottom: var(--spacing-16);
73
82
  font-size: 1.125rem;
@@ -84,9 +93,12 @@
84
93
  * color scheme - either by header or cookie, and set
85
94
  * a root html class accordingly
86
95
  */
87
- :global(.dark) {
88
- .timeline-icon:not(:where([class~="not-dark"], [class~="not-dark"] *)) {
96
+ :global(.dark),
97
+ :global([data-theme="dark"]) {
98
+
99
+ :global(.infonomic-timeline-icon),
100
+ .timeline-icon {
89
101
  border-color: var(--canvas-600);
90
102
  }
91
103
  }
92
- }
104
+ }