@hazelcast/ui 4.0.1-canary.8 → 4.0.1

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 (284) hide show
  1. package/README.md +27 -175
  2. package/lib/components/Alert.js +3 -4
  3. package/lib/components/Alert.js.map +1 -1
  4. package/lib/components/Alert.module.css +111 -0
  5. package/lib/components/AppHeader/AppHeader.js +1 -1
  6. package/lib/components/AppHeader/AppHeader.js.map +1 -1
  7. package/lib/components/AppHeader/AppHeader.module.css +27 -0
  8. package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.js +1 -1
  9. package/lib/components/AppHeader/AppHeaderLogo/AppHeaderLogo.js.map +1 -1
  10. package/lib/components/AppHeader/AppHeaderLogo/{AppHeaderLogo.module.scss → AppHeaderLogo.module.css} +1 -4
  11. package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.js +1 -1
  12. package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.js.map +1 -1
  13. package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.module.css +18 -0
  14. package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.js +1 -1
  15. package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.js.map +1 -1
  16. package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.module.css +11 -0
  17. package/lib/components/AppHeader/SelectCluster/SelectCluster.js +1 -1
  18. package/lib/components/AppHeader/SelectCluster/SelectCluster.js.map +1 -1
  19. package/lib/components/AppHeader/SelectCluster/SelectCluster.module.css +75 -0
  20. package/lib/components/AppSidebar/AppSidebar.js +1 -1
  21. package/lib/components/AppSidebar/AppSidebar.js.map +1 -1
  22. package/lib/components/AppSidebar/{AppSidebar.module.scss → AppSidebar.module.css} +12 -18
  23. package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.js +1 -1
  24. package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.js.map +1 -1
  25. package/lib/components/AppSidebar/AppSidebarFavoriteButton/{AppSidebarFavoriteButton.module.scss → AppSidebarFavoriteButton.module.css} +3 -5
  26. package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.js +1 -1
  27. package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.js.map +1 -1
  28. package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.module.css +11 -0
  29. package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.js +1 -1
  30. package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.js.map +1 -1
  31. package/lib/components/AppSidebar/AppSidebarItem/{AppSidebarItem.module.scss → AppSidebarItem.module.css} +18 -20
  32. package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.js +1 -1
  33. package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.js.map +1 -1
  34. package/lib/components/AppSidebar/AppSidebarMenuItemCounter/{AppSidebarMenuItemCounter.module.scss → AppSidebarMenuItemCounter.module.css} +5 -8
  35. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.js +1 -1
  36. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.js.map +1 -1
  37. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.module.css +53 -0
  38. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js +1 -1
  39. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSectionExpandable.js.map +1 -1
  40. package/lib/components/AutocompleteField.js +1 -1
  41. package/lib/components/AutocompleteField.js.map +1 -1
  42. package/lib/components/Badge.js +1 -1
  43. package/lib/components/Badge.js.map +1 -1
  44. package/lib/components/{Badge.module.scss → Badge.module.css} +7 -5
  45. package/lib/components/Button.d.ts +0 -2
  46. package/lib/components/Button.js +3 -7
  47. package/lib/components/Button.js.map +1 -1
  48. package/lib/components/Calendar/Calendar.d.ts +0 -2
  49. package/lib/components/Calendar/Calendar.js +3 -3
  50. package/lib/components/Calendar/Calendar.js.map +1 -1
  51. package/lib/components/Calendar/Calendar.module.css +321 -0
  52. package/lib/components/Calendar/CalendarRange.js +5 -5
  53. package/lib/components/Calendar/CalendarRange.js.map +1 -1
  54. package/lib/components/Calendar/CalendarRange.module.css +19 -0
  55. package/lib/components/Calendar/components/CalendarHeader.js +4 -4
  56. package/lib/components/Calendar/components/CalendarHeader.js.map +1 -1
  57. package/lib/components/Calendar/components/CalendarInput.d.ts +0 -2
  58. package/lib/components/Calendar/components/CalendarInput.js +1 -1
  59. package/lib/components/Calendar/components/CalendarInput.js.map +1 -1
  60. package/lib/components/Calendar/components/CalendarTime.js +2 -2
  61. package/lib/components/Calendar/components/CalendarTime.js.map +1 -1
  62. package/lib/components/Calendar/components/{CalendarTime.module.scss → CalendarTime.module.css} +16 -21
  63. package/lib/components/Card.js +1 -1
  64. package/lib/components/Card.js.map +1 -1
  65. package/lib/components/Card.module.css +97 -0
  66. package/lib/components/Carousel.js +3 -3
  67. package/lib/components/Carousel.js.map +1 -1
  68. package/lib/components/Carousel.module.css +53 -0
  69. package/lib/components/CenteredLoader.js +1 -1
  70. package/lib/components/CenteredLoader.js.map +1 -1
  71. package/lib/components/{CenteredLoader.module.scss → CenteredLoader.module.css} +1 -3
  72. package/lib/components/CircularProgressBar.js +1 -1
  73. package/lib/components/CircularProgressBar.js.map +1 -1
  74. package/lib/components/{CircularProgressBar.module.scss → CircularProgressBar.module.css} +8 -8
  75. package/lib/components/ContextMenu.js +1 -1
  76. package/lib/components/ContextMenu.js.map +1 -1
  77. package/lib/components/ContextMenu.module.css +34 -0
  78. package/lib/components/Dialog.js +1 -1
  79. package/lib/components/Dialog.js.map +1 -1
  80. package/lib/components/{Dialog.module.scss → Dialog.module.css} +11 -13
  81. package/lib/components/EmptyState.js +1 -1
  82. package/lib/components/EmptyState.js.map +1 -1
  83. package/lib/components/EmptyState.module.css +96 -0
  84. package/lib/components/Error.js +1 -1
  85. package/lib/components/Error.js.map +1 -1
  86. package/lib/components/Error.module.css +13 -0
  87. package/lib/components/FieldHeader.d.ts +0 -2
  88. package/lib/components/FieldHeader.js +3 -3
  89. package/lib/components/FieldHeader.js.map +1 -1
  90. package/lib/components/FieldHeader.module.css +22 -0
  91. package/lib/components/Help.js +3 -3
  92. package/lib/components/Help.js.map +1 -1
  93. package/lib/components/Help.module.css +7 -0
  94. package/lib/components/Icon.js +3 -3
  95. package/lib/components/Icon.js.map +1 -1
  96. package/lib/components/Icon.module.css +31 -0
  97. package/lib/components/IconButton.d.ts +1 -2
  98. package/lib/components/IconButton.js +3 -7
  99. package/lib/components/IconButton.js.map +1 -1
  100. package/lib/components/InteractiveList.d.ts +1 -1
  101. package/lib/components/InteractiveList.js +4 -4
  102. package/lib/components/InteractiveList.js.map +1 -1
  103. package/lib/components/InteractiveList.module.css +59 -0
  104. package/lib/components/InteractiveListFormik.js +1 -2
  105. package/lib/components/InteractiveListFormik.js.map +1 -1
  106. package/lib/components/Label.js +1 -1
  107. package/lib/components/Label.js.map +1 -1
  108. package/lib/components/Label.module.css +13 -0
  109. package/lib/components/Link.js +1 -1
  110. package/lib/components/Link.js.map +1 -1
  111. package/lib/components/Link.module.css +65 -0
  112. package/lib/components/Loader.js +1 -1
  113. package/lib/components/Loader.js.map +1 -1
  114. package/lib/components/Loader.module.css +91 -0
  115. package/lib/components/Modal.js +2 -2
  116. package/lib/components/Modal.js.map +1 -1
  117. package/lib/components/Notification.js +3 -3
  118. package/lib/components/Notification.js.map +1 -1
  119. package/lib/components/Notification.module.css +64 -0
  120. package/lib/components/NumberBadge.js +1 -1
  121. package/lib/components/NumberBadge.js.map +1 -1
  122. package/lib/components/NumberBadge.module.css +14 -0
  123. package/lib/components/NumberField.js +3 -3
  124. package/lib/components/NumberField.js.map +1 -1
  125. package/lib/components/Overlay.js +1 -1
  126. package/lib/components/Overlay.js.map +1 -1
  127. package/lib/components/Overlay.module.css +112 -0
  128. package/lib/components/Pagination.js +1 -1
  129. package/lib/components/Pagination.js.map +1 -1
  130. package/lib/components/Pagination.module.css +118 -0
  131. package/lib/components/PasswordField.js +3 -3
  132. package/lib/components/PasswordField.js.map +1 -1
  133. package/lib/components/{PasswordField.module.scss → PasswordField.module.css} +2 -7
  134. package/lib/components/Popover.js +1 -1
  135. package/lib/components/Popover.js.map +1 -1
  136. package/lib/components/Popover.module.css +8 -0
  137. package/lib/components/Radio.js +1 -1
  138. package/lib/components/Radio.js.map +1 -1
  139. package/lib/components/Radio.module.css +122 -0
  140. package/lib/components/RadioGroup.js +1 -1
  141. package/lib/components/RadioGroup.js.map +1 -1
  142. package/lib/components/RadioGroup.module.css +31 -0
  143. package/lib/components/SegmentedControl.d.ts +1 -3
  144. package/lib/components/SegmentedControl.js +7 -5
  145. package/lib/components/SegmentedControl.js.map +1 -1
  146. package/lib/components/SegmentedControl.module.css +94 -0
  147. package/lib/components/Select/CheckableSelectField.js +2 -2
  148. package/lib/components/Select/CheckableSelectField.js.map +1 -1
  149. package/lib/components/Select/MultiSelectField.js +1 -1
  150. package/lib/components/Select/MultiSelectField.js.map +1 -1
  151. package/lib/components/Select/SelectField.js +1 -1
  152. package/lib/components/Select/SelectField.js.map +1 -1
  153. package/lib/components/Slider.js +1 -1
  154. package/lib/components/Slider.js.map +1 -1
  155. package/lib/components/Slider.module.css +315 -0
  156. package/lib/components/Table/Cell.js +1 -1
  157. package/lib/components/Table/Cell.js.map +1 -1
  158. package/lib/components/Table/{Cell.module.scss → Cell.module.css} +12 -15
  159. package/lib/components/Table/EnhancedRenderers.js +1 -1
  160. package/lib/components/Table/EnhancedRenderers.js.map +1 -1
  161. package/lib/components/Table/Header.js +1 -1
  162. package/lib/components/Table/Header.js.map +1 -1
  163. package/lib/components/Table/Header.module.css +129 -0
  164. package/lib/components/Table/Row.js +1 -1
  165. package/lib/components/Table/Row.js.map +1 -1
  166. package/lib/components/Table/Row.module.css +76 -0
  167. package/lib/components/Table/Table.d.ts +2 -1
  168. package/lib/components/Table/Table.js +7 -7
  169. package/lib/components/Table/Table.js.map +1 -1
  170. package/lib/components/Table/Table.module.css +28 -0
  171. package/lib/components/Table/TableContent.js +1 -1
  172. package/lib/components/Table/TableContent.js.map +1 -1
  173. package/lib/components/Table/features/columnsSelection/CellCopyablePopover.js +1 -1
  174. package/lib/components/Table/features/columnsSelection/CellCopyablePopover.js.map +1 -1
  175. package/lib/components/Table/features/columnsSelection/{CellCopyablePopover.module.scss → CellCopyablePopover.module.css} +1 -3
  176. package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.js +1 -1
  177. package/lib/components/Table/features/columnsSelection/ContextMenu/ContextMenu.js.map +1 -1
  178. package/lib/components/Tabs/Tab.module.css +20 -11
  179. package/lib/components/Tabs/TabList.module.css +3 -6
  180. package/lib/components/Terminal.js +1 -1
  181. package/lib/components/Terminal.js.map +1 -1
  182. package/lib/components/Terminal.module.css +123 -0
  183. package/lib/components/TextArea.d.ts +0 -2
  184. package/lib/components/TextArea.js +2 -2
  185. package/lib/components/TextArea.js.map +1 -1
  186. package/lib/components/TextField.d.ts +0 -2
  187. package/lib/components/TextField.js +5 -6
  188. package/lib/components/TextField.js.map +1 -1
  189. package/lib/components/TextField.module.css +4 -0
  190. package/lib/components/TimeField.js +3 -3
  191. package/lib/components/TimeField.js.map +1 -1
  192. package/lib/components/Toast/Toast.d.ts +15 -0
  193. package/lib/components/Toast/Toast.js +28 -0
  194. package/lib/components/Toast/Toast.js.map +1 -0
  195. package/lib/components/Toast/Toast.module.css +98 -0
  196. package/lib/components/Toast/index.d.ts +4 -0
  197. package/lib/components/Toast/index.js +5 -0
  198. package/lib/components/Toast/index.js.map +1 -0
  199. package/lib/components/TruncatedText.js +1 -1
  200. package/lib/components/TruncatedText.js.map +1 -1
  201. package/lib/components/TruncatedText.module.css +14 -0
  202. package/lib/index.d.ts +2 -1
  203. package/lib/index.js +1 -1
  204. package/lib/index.js.map +1 -1
  205. package/lib/old/Alert.d.ts +33 -0
  206. package/lib/old/Alert.js +51 -0
  207. package/lib/old/Alert.js.map +1 -0
  208. package/lib/old/AutocompleteField.js +1 -1
  209. package/lib/old/AutocompleteField.js.map +1 -1
  210. package/lib/old/InteractiveList.d.ts +34 -0
  211. package/lib/old/InteractiveList.js +43 -0
  212. package/lib/old/InteractiveList.js.map +1 -0
  213. package/lib/old/InteractiveListFormik.d.ts +10 -0
  214. package/lib/old/InteractiveListFormik.js +75 -0
  215. package/lib/old/InteractiveListFormik.js.map +1 -0
  216. package/lib/old/Notification.d.ts +25 -0
  217. package/lib/old/Notification.js +39 -0
  218. package/lib/old/Notification.js.map +1 -0
  219. package/lib/old/NumberField.js +3 -3
  220. package/lib/old/NumberField.js.map +1 -1
  221. package/lib/old/PasswordField.d.ts +1 -2
  222. package/lib/old/PasswordField.js +1 -1
  223. package/lib/old/PasswordField.js.map +1 -1
  224. package/lib/old/Select/MultiSelectField.js +1 -3
  225. package/lib/old/Select/MultiSelectField.js.map +1 -1
  226. package/lib/old/Select/SelectField.js +1 -1
  227. package/lib/old/Select/SelectField.js.map +1 -1
  228. package/lib/old/TextArea.js +2 -2
  229. package/lib/old/TextArea.js.map +1 -1
  230. package/lib/old/TextField.js +2 -2
  231. package/lib/old/TextField.js.map +1 -1
  232. package/lib/{components → old}/Toast.js +3 -3
  233. package/lib/old/Toast.js.map +1 -0
  234. package/lib/old/index.d.ts +11 -0
  235. package/lib/old/index.js +6 -0
  236. package/lib/old/index.js.map +1 -1
  237. package/lib/utils/styleConstants.d.ts +13 -0
  238. package/lib/utils/styleConstants.js +14 -0
  239. package/lib/utils/styleConstants.js.map +1 -0
  240. package/package.json +2 -1
  241. package/styles/variables.css +24 -0
  242. package/lib/components/AppHeader/AppHeader.module.scss +0 -29
  243. package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss +0 -20
  244. package/lib/components/AppHeader/EnvironmentBadge/EnvironmentBadge.module.scss +0 -13
  245. package/lib/components/AppHeader/SelectCluster/SelectCluster.module.scss +0 -101
  246. package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.module.scss +0 -13
  247. package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.module.scss +0 -58
  248. package/lib/components/Calendar/Calendar.module.scss +0 -185
  249. package/lib/components/Calendar/CalendarRange.module.scss +0 -21
  250. package/lib/components/Card.module.scss +0 -92
  251. package/lib/components/Carousel.module.scss +0 -43
  252. package/lib/components/ContextMenu.module.scss +0 -37
  253. package/lib/components/EmptyState.module.scss +0 -87
  254. package/lib/components/Error.module.scss +0 -12
  255. package/lib/components/FieldHeader.module.scss +0 -20
  256. package/lib/components/Help.module.scss +0 -9
  257. package/lib/components/Icon.module.scss +0 -33
  258. package/lib/components/Label.module.scss +0 -12
  259. package/lib/components/Link.module.scss +0 -64
  260. package/lib/components/Loader.module.scss +0 -74
  261. package/lib/components/NumberBadge.module.scss +0 -13
  262. package/lib/components/Overlay.module.scss +0 -108
  263. package/lib/components/Pagination.module.scss +0 -117
  264. package/lib/components/Popover.module.scss +0 -12
  265. package/lib/components/Radio.module.scss +0 -112
  266. package/lib/components/RadioGroup.module.scss +0 -21
  267. package/lib/components/SegmentedControl.module.scss +0 -81
  268. package/lib/components/Slider.module.scss +0 -277
  269. package/lib/components/Table/Header.module.scss +0 -128
  270. package/lib/components/Table/Row.module.scss +0 -59
  271. package/lib/components/Table/Table.module.scss +0 -31
  272. package/lib/components/Terminal.module.scss +0 -109
  273. package/lib/components/Toast.js.map +0 -1
  274. package/lib/components/Tooltip.module.scss +0 -45
  275. package/lib/components/TruncatedText.module.scss +0 -9
  276. package/styles/constants/export.module.scss +0 -8
  277. /package/lib/components/Table/{TableContent.module.scss → TableContent.module.css} +0 -0
  278. /package/lib/components/Table/features/columnsSelection/ContextMenu/{ContextMenu.module.scss → ContextMenu.module.css} +0 -0
  279. /package/lib/components/{TimeField.module.scss → TimeField.module.css} +0 -0
  280. /package/lib/{components/Alert.module.scss → old/AlertLegacy.module.scss} +0 -0
  281. /package/lib/{components/InteractiveList.module.scss → old/InteractiveListLegacy.module.scss} +0 -0
  282. /package/lib/{components/Notification.module.scss → old/NotificationLegacy.module.scss} +0 -0
  283. /package/lib/{components → old}/Toast.d.ts +0 -0
  284. /package/lib/{components/Toast.module.scss → old/ToastLegacy.module.scss} +0 -0
@@ -1,128 +0,0 @@
1
- @use '../../../styles/constants' as c;
2
- @use '../../../styles/helpers' as h;
3
-
4
- .resizer {
5
- position: absolute;
6
- display: flex;
7
- justify-content: center;
8
- align-items: center;
9
- width: 20px;
10
- height: 100%;
11
- top: 0;
12
- right: -10px;
13
- z-index: c.$zIndex100;
14
- cursor: col-resize;
15
- user-select: none;
16
-
17
- // Prevents from scrolling while dragging on touch devices
18
- /* doiuse-disable css-touch-action */
19
- touch-action: none;
20
- /* doiuse-enable css-touch-action */
21
-
22
- .separator {
23
- width: 1px;
24
- height: 100%;
25
- }
26
-
27
- .resizing,
28
- &:hover .separator {
29
- background-color: c.$colorPrimary;
30
- }
31
- }
32
-
33
- .container {
34
- position: relative;
35
- flex-grow: 1;
36
- flex-basis: auto;
37
- flex-shrink: 0;
38
- background: c.$colorNeutralGray;
39
- border-right: 1px solid c.$colorNeutralWhite;
40
-
41
- .th {
42
- display: flex;
43
- align-items: center;
44
- height: c.$grid * 12;
45
- padding-left: c.$grid * 5;
46
- padding-right: c.$grid * 5;
47
- color: c.$colorText;
48
- box-sizing: border-box;
49
-
50
- @include c.typographyBodySmall('bold');
51
- @include h.overflowEllipsis;
52
-
53
- .sortingIcon {
54
- flex-shrink: 0;
55
- color: c.$colorPrimary;
56
-
57
- &.left {
58
- margin-left: c.$grid * 1.25;
59
- }
60
-
61
- &.right {
62
- margin-right: c.$grid * 1.25;
63
- }
64
-
65
- &:not(.isSorted) {
66
- color: c.$colorNeutral;
67
- }
68
- }
69
-
70
- &.sortable {
71
- cursor: pointer;
72
-
73
- &:focus-visible {
74
- // Do not remove outline for high-contrast modes
75
- // https://stackoverflow.com/a/52616313
76
- outline: c.$outlineWidth solid transparent;
77
-
78
- @include h.outlineSimple;
79
-
80
- // Put outline over resizer
81
- z-index: c.$zIndex1000;
82
- background-color: c.$colorNeutralLighter;
83
- }
84
-
85
- &:hover {
86
- background-color: c.$colorNeutralGrayDarker;
87
- }
88
- }
89
-
90
- &.alignLeft {
91
- justify-content: flex-start;
92
- }
93
-
94
- &.alignRight {
95
- justify-content: flex-end;
96
- }
97
-
98
- &.alignCenter {
99
- justify-content: center;
100
- }
101
-
102
- &[draggable='true'] {
103
- /* doiuse-disable css3-cursors-newer */
104
- cursor: grabbing;
105
- /* doiuse-enable css3-cursors-newer */
106
- }
107
- }
108
-
109
- &:last-child {
110
- .resizer {
111
- width: c.$grid;
112
- right: 0;
113
- }
114
- }
115
- }
116
-
117
- .dragOver {
118
- @include h.outlineSimple;
119
- }
120
-
121
- .dragIcon {
122
- margin-left: c.$grid * 2;
123
- }
124
-
125
- .dragIconRight {
126
- margin-left: 0;
127
- margin-right: c.$grid * 2;
128
- }
@@ -1,59 +0,0 @@
1
- @use '../../../styles/constants' as c;
2
- @use '../../../styles/helpers' as h;
3
-
4
- @mixin rowBase {
5
- display: flex;
6
- width: 100%;
7
- @include c.typographyBodySmall;
8
-
9
- &:nth-child(even) {
10
- background-color: c.$colorNeutralLighter;
11
- }
12
- }
13
-
14
- .row {
15
- @include rowBase;
16
-
17
- &.clickable {
18
- cursor: pointer;
19
-
20
- &:focus-visible {
21
- @include h.outlineSimple;
22
-
23
- // Do not remove outline for high-contrast modes
24
- // https://stackoverflow.com/a/52616313
25
- outline: c.$outlineWidth solid transparent;
26
- background-color: #e2e7fa;
27
- }
28
-
29
- &:hover {
30
- font-weight: bold;
31
- background-color: #e2e7fa;
32
- }
33
- }
34
- }
35
-
36
- .linkRow {
37
- cursor: pointer;
38
- @include rowBase;
39
-
40
- .link {
41
- text-decoration: none;
42
- background-color: inherit;
43
- @include rowBase;
44
-
45
- &:focus-visible {
46
- @include h.outlineSimple;
47
-
48
- // Do not remove outline for high-contrast modes
49
- // https://stackoverflow.com/a/52616313
50
- outline: c.$outlineWidth solid transparent;
51
- background-color: #e2e7fa;
52
- }
53
-
54
- &:hover {
55
- font-weight: bold;
56
- background-color: #e2e7fa;
57
- }
58
- }
59
- }
@@ -1,31 +0,0 @@
1
- @use '../../../styles/constants' as c;
2
- @use '../../../styles/helpers' as h;
3
-
4
- .container {
5
- display: block;
6
- overflow-x: auto;
7
- border: c.$borderWidth solid #d4d4d4;
8
- border-radius: c.$borderRadius;
9
-
10
- &.spaceBottom {
11
- margin-bottom: c.$grid * 2;
12
- }
13
-
14
- .empty {
15
- margin-top: c.$grid * 8;
16
- }
17
- }
18
-
19
- .expander {
20
- &:hover {
21
- cursor: pointer;
22
- }
23
-
24
- &:focus-visible {
25
- @include h.outlineSimple;
26
- }
27
- }
28
-
29
- .hotKeys {
30
- outline: none;
31
- }
@@ -1,109 +0,0 @@
1
- @use '../../styles/constants' as c;
2
- @use '../../styles/helpers' as h;
3
-
4
- .container {
5
- // Match TextField
6
- @include c.typographyBodySmall;
7
-
8
- color: c.$colorText;
9
- padding: c.$grid * 5;
10
- background-color: c.$colorNeutralWhite;
11
- }
12
-
13
- .input {
14
- display: flex;
15
- flex-direction: row;
16
- align-items: stretch;
17
- margin: 0;
18
- margin-bottom: c.$grid * 3;
19
-
20
- > input {
21
- flex: 1 1 auto;
22
- min-width: 0;
23
- border: none;
24
- border-bottom: c.$outlineWidth solid c.$colorNeutral;
25
- padding: 0;
26
-
27
- // Align input bottom line with the icon
28
- margin-bottom: c.$grid;
29
- outline: none;
30
- background-color: transparent;
31
- color: c.$colorText;
32
- box-sizing: border-box;
33
- font-size: inherit;
34
- line-height: inherit;
35
- letter-spacing: inherit;
36
-
37
- &.blank {
38
- border-bottom-color: transparent;
39
- }
40
-
41
- &:hover,
42
- &.hover {
43
- border-bottom-color: c.$colorText;
44
- }
45
-
46
- &:focus-visible,
47
- &.focus {
48
- // Do not remove outline for high-contrast modes
49
- // https://stackoverflow.com/a/52616313
50
- outline: transparent solid c.$outlineWidth;
51
- border-bottom-color: c.$colorAccessibilityOutline;
52
- }
53
-
54
- &:disabled {
55
- color: c.$colorTextSecondary;
56
- background-color: transparent;
57
- border-bottom-color: c.$colorNeutral;
58
- }
59
-
60
- &:read-only {
61
- border-bottom-color: c.$colorNeutral;
62
- }
63
- }
64
- }
65
-
66
- .welcome {
67
- @include c.typographyBodySmall('bold');
68
-
69
- margin: 0;
70
- margin-bottom: c.$grid * 5;
71
- }
72
-
73
- .commandRes {
74
- color: c.$colorSuccessDarkest;
75
- margin: 0;
76
- margin-bottom: c.$grid * 3;
77
-
78
- > p {
79
- margin: 0;
80
- margin-bottom: c.$grid;
81
- white-space: break-spaces;
82
- }
83
- }
84
-
85
- .commandError {
86
- color: c.$colorErrorDark;
87
- margin: 0;
88
- margin-bottom: c.$grid * 3;
89
- }
90
-
91
- .loading {
92
- margin: 0;
93
- margin-bottom: c.$grid * 3;
94
- position: relative;
95
- }
96
-
97
- .loadingA11yText {
98
- @include h.visuallyHidden;
99
- }
100
-
101
- .terminalIcon {
102
- margin-right: c.$grid * 3;
103
- }
104
-
105
- .prompt {
106
- @include c.typographyBodySmall('bold');
107
-
108
- margin-right: c.$grid;
109
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/components/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,WAAW,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAoB,CAAC,EAAE,MAAM,eAAe,CAAA;AAClG,OAAO,MAAM,MAAM,sBAAsB,CAAA;AAGzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,MAAM,MAAM,qBAAqB,CAAA;AASxC,MAAM,CAAC,MAAM,SAAS,GAAgD;IACpE,OAAO,EAAE;QACP,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,mBAAmB;KAC/B;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI;QACV,SAAS,EAAE,kBAAkB;KAC9B;IACD,OAAO,EAAE;QACP,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,uBAAuB;KACnC;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,2BAA2B;KACvC;CACF,CAAA;AAUD;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EACpC,IAAI,EACJ,OAAO,EACP,mBAAmB,GAAG,IAAI,EAC1B,UAAU,EACV,SAAS,EACT,WAAW,EAAE,QAAQ,GAAG,OAAO,GAChC,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC,IAAI,CAAC,CAAA;IAE3C,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,WAA0B,EAAE,EAAE;QAC7B,IAAI,mBAAmB,EAAE,CAAC;YACxB,UAAU,aAAV,UAAU,uBAAV,UAAU,EAAI,CAAA;YACd,WAAW,CAAC,wBAAwB,EAAE,CAAA;QACxC,CAAC;IACH,CAAC,EACD,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAClC,CAAA;IAED,MAAM,CAAC,qBAAqB,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAAC,CAAA;IAEzG,OAAO,CACL,0CACa,QAAQ,EACnB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,KAAK,EACZ;YACE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;YACpC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,MAAM;YAC9B,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;YACpC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,KAAK,UAAU;SACvC,EACD,SAAS,CACV;QAED,oBAAC,IAAI,iBAAY,GAAG,QAAQ,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI;QACjG,0CAAgB,GAAG,QAAQ,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,IAC7D,OAAO,CACJ;QACL,UAAU,IAAI,CACb,oBAAC,UAAU,iBACE,GAAG,QAAQ,QAAQ,EAC9B,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,SAAS,EAAC,YAAY,EACtB,IAAI,EAAE,CAAC,EACP,OAAO,EAAE,UAAU,GACnB,CACH,CACG,CACP,CAAA;AACH,CAAC,CAAA"}
@@ -1,45 +0,0 @@
1
- @use 'sass:math';
2
- @use '../../styles/constants' as c;
3
- @use '../../styles/helpers' as h;
4
-
5
- .tooltipSr {
6
- @include h.visuallyHidden;
7
- }
8
-
9
- @mixin arrowPlacements($color) {
10
- .arrow {
11
- fill: $color;
12
- }
13
- }
14
-
15
- .overlay {
16
- @include c.typographyBodySmall;
17
-
18
- position: relative;
19
- max-width: c.$tooltipMaxWidth;
20
- padding: c.$grid * 3;
21
- background: c.$colorNeutralLighter;
22
- border: c.$borderWidth solid c.$colorNeutralLight;
23
- border-radius: c.$borderRadius;
24
- color: c.$colorText;
25
- word-break: break-word;
26
- text-align: center;
27
-
28
- &.secondary {
29
- border: none;
30
- color: c.$colorNeutralWhite;
31
- background-color: c.$colorTextSubdued;
32
-
33
- @include arrowPlacements(c.$colorTextSubdued);
34
- }
35
-
36
- &.dark {
37
- border: none;
38
- color: c.$colorBrandText;
39
- background-color: c.$colorBrandAccent;
40
-
41
- @include arrowPlacements(c.$colorBrandAccent);
42
- }
43
-
44
- @include arrowPlacements(c.$colorNeutralLight);
45
- }
@@ -1,9 +0,0 @@
1
- @use '../../styles/helpers' as h;
2
-
3
- .truncatedText {
4
- @include h.overflowEllipsis;
5
- }
6
-
7
- .multiline {
8
- @include h.multilineOverflowEllipsis;
9
- }
@@ -1,8 +0,0 @@
1
- @use 'sass:meta';
2
- @use '.' as c;
3
-
4
- :export {
5
- @each $name, $value in meta.module-variables(c) {
6
- #{$name}: $value;
7
- }
8
- }
File without changes