@boomerang-io/carbon-addons-boomerang-react 4.6.11-beta.24 → 4.6.11-beta.26

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 (255) hide show
  1. package/README.md +162 -162
  2. package/dist/cjs/components/AboutPlatform/AboutPlatform.js +50 -50
  3. package/dist/cjs/components/AdvantageSideNav/AdvantageSideNav.js +229 -245
  4. package/dist/cjs/components/AutoSuggest/AutoSuggest.js +101 -101
  5. package/dist/cjs/components/Avatar/Avatar.js +18 -18
  6. package/dist/cjs/components/CheckboxList/CheckboxList.js +34 -34
  7. package/dist/cjs/components/ComboBox/ComboBox.js +103 -103
  8. package/dist/cjs/components/ComboBoxMultiSelect/ComboBoxMultiSelect.js +32 -32
  9. package/dist/cjs/components/ComboBoxMultiSelect/MultiSelect.js +208 -208
  10. package/dist/cjs/components/ComposedModal/ComposedModal.js +80 -80
  11. package/dist/cjs/components/ConfirmModal/ConfirmModal.js +43 -43
  12. package/dist/cjs/components/Creatable/Creatable.js +137 -137
  13. package/dist/cjs/components/DataDrivenInput/DataDrivenInput.js +226 -226
  14. package/dist/cjs/components/DateInput/DateInput.js +35 -35
  15. package/dist/cjs/components/DecisionButtons/DecisionButtons.js +61 -61
  16. package/dist/cjs/components/DelayedRender/DelayedRender.js +17 -17
  17. package/dist/cjs/components/DynamicFormik/DynamicFormik.js +578 -578
  18. package/dist/cjs/components/Error403/Error403.js +13 -13
  19. package/dist/cjs/components/Error403/ForbiddenErrorBackground.js +113 -113
  20. package/dist/cjs/components/Error403/GraphicWrangler/GraphicWrangler.js +62 -62
  21. package/dist/cjs/components/Error404/Error404.js +13 -13
  22. package/dist/cjs/components/Error404/GraphicLoch/GraphicLoch.js +17 -17
  23. package/dist/cjs/components/Error404/NotFoundErrorBackground.js +129 -129
  24. package/dist/cjs/components/ErrorBoundary/ErrorBoundary.js +32 -32
  25. package/dist/cjs/components/ErrorDragon/ErrorDragon.js +13 -13
  26. package/dist/cjs/components/ErrorDragon/assets/ErrorGraphic.js +35 -35
  27. package/dist/cjs/components/ErrorFullPage/ErrorFullPage.js +10 -10
  28. package/dist/cjs/components/ErrorMessage/ErrorMessage.js +22 -22
  29. package/dist/cjs/components/ErrorPage/ErrorPage.js +11 -11
  30. package/dist/cjs/components/ErrorPageCore/ErrorPageCore.js +15 -15
  31. package/dist/cjs/components/ErrorPageCore/GenericErrorBackground.js +124 -124
  32. package/dist/cjs/components/FeatureHeader/FeatureHeader.js +29 -29
  33. package/dist/cjs/components/FeatureNavTab/FeatureNavTab.js +12 -12
  34. package/dist/cjs/components/FeatureNavTabs/FeatureNavTabs.js +12 -12
  35. package/dist/cjs/components/FeatureSideNav/FeatureSideNav.js +12 -12
  36. package/dist/cjs/components/FeatureSideNav/FeatureSideNavFooter.js +8 -8
  37. package/dist/cjs/components/FeatureSideNav/FeatureSideNavHeader.js +8 -8
  38. package/dist/cjs/components/FeatureSideNav/FeatureSideNavLinks.js +14 -14
  39. package/dist/cjs/components/FeatureSideNavLink/FeatureSideNavLink.js +12 -12
  40. package/dist/cjs/components/Feedback/Feedback.js +40 -40
  41. package/dist/cjs/components/FlowModal/FlowModal.js +141 -141
  42. package/dist/cjs/components/FlowModal/FlowModalForm.js +12 -12
  43. package/dist/cjs/components/Header/Header.js +179 -179
  44. package/dist/cjs/components/Header/HeaderAppSwitcher.js +94 -94
  45. package/dist/cjs/components/Header/HeaderMenu.js +7 -7
  46. package/dist/cjs/components/Header/HeaderMenuItem.js +52 -52
  47. package/dist/cjs/components/Header/HeaderTeamSwitcher.js +305 -303
  48. package/dist/cjs/components/Header/UserRequests.js +29 -29
  49. package/dist/cjs/components/ImageModal/ImageModal.js +17 -17
  50. package/dist/cjs/components/Loading/Loading.js +8 -8
  51. package/dist/cjs/components/MemberBar/MemberBar.js +20 -20
  52. package/dist/cjs/components/Modal/Modal.js +20 -20
  53. package/dist/cjs/components/ModalConfirmEdit/ModalConfirmArray.js +14 -14
  54. package/dist/cjs/components/ModalConfirmEdit/ModalConfirmDetails.js +11 -11
  55. package/dist/cjs/components/ModalConfirmEdit/ModalConfirmEdit.js +17 -17
  56. package/dist/cjs/components/ModalForm/ModalForm.js +9 -9
  57. package/dist/cjs/components/Notifications/NotificationsContainer.js +22 -22
  58. package/dist/cjs/components/Notifications/ToastNotification.js +21 -21
  59. package/dist/cjs/components/Notifications/notify.js +17 -17
  60. package/dist/cjs/components/PlatformBanner/PlatformBanner.js +8 -8
  61. package/dist/cjs/components/PlatformNotifications/PlatformNotification.js +17 -17
  62. package/dist/cjs/components/PlatformNotifications/PlatformNotificationsContainer.js +136 -136
  63. package/dist/cjs/components/Portal/Portal.js +14 -14
  64. package/dist/cjs/components/PrivacyRedirect/PrivacyRedirect.js +30 -30
  65. package/dist/cjs/components/PrivacyStatement/PrivacyStatement.js +90 -90
  66. package/dist/cjs/components/ProfileSettings/ProfileSettings.js +124 -124
  67. package/dist/cjs/components/ProtectedRoute/ProtectedRoute.js +13 -13
  68. package/dist/cjs/components/RadioGroup/RadioGroup.js +33 -33
  69. package/dist/cjs/components/RichTextArea/RichTextArea.js +142 -142
  70. package/dist/cjs/components/SignOut/SignOut.js +27 -27
  71. package/dist/cjs/components/SupportCenter/SupportCenter.js +65 -65
  72. package/dist/cjs/components/TextArea/TextArea.js +16 -16
  73. package/dist/cjs/components/TextInput/TextInput.js +13 -13
  74. package/dist/cjs/components/Toggle/Toggle.js +22 -22
  75. package/dist/cjs/components/TooltipHover/TooltipHover.js +39 -39
  76. package/dist/cjs/components/UIShell/UIShell.js +94 -94
  77. package/dist/cjs/config/servicesConfig.js +21 -21
  78. package/dist/cjs/constants/DataDrivenInputTypes.js +74 -74
  79. package/dist/cjs/constants/UserType.js +13 -13
  80. package/dist/cjs/hooks/useHeaderMenu.js +49 -49
  81. package/dist/cjs/hooks/usePortal.js +74 -74
  82. package/dist/cjs/hooks/useWindowSize.js +33 -33
  83. package/dist/cjs/internal/ListBox/ListBox.js +41 -41
  84. package/dist/cjs/internal/ListBox/ListBoxField.js +19 -19
  85. package/dist/cjs/internal/ListBox/ListBoxMenu.js +19 -19
  86. package/dist/cjs/internal/ListBox/ListBoxMenuIcon.js +31 -31
  87. package/dist/cjs/internal/ListBox/ListBoxMenuItem.js +38 -38
  88. package/dist/cjs/internal/ListBox/ListBoxSelection.js +64 -64
  89. package/dist/cjs/internal/ListBox/index.js +10 -10
  90. package/dist/cjs/internal/keyboard/keys.js +16 -16
  91. package/dist/cjs/internal/keyboard/match.js +67 -67
  92. package/dist/cjs/internal/settings.js +5 -5
  93. package/dist/cjs/tools/accessibility.js +13 -13
  94. package/dist/cjs/tools/createPropAdapter.js +44 -44
  95. package/dist/cjs/tools/isUrl.js +39 -39
  96. package/dist/cjs/tools/setupGetInstanceId.js +20 -20
  97. package/dist/cjs/tools/useSetState.js +12 -12
  98. package/dist/cjs/tools/yupAst/astGenerator.js +212 -212
  99. package/dist/cjs/tools/yupAst/customValidators.js +17 -17
  100. package/dist/esm/components/AboutPlatform/AboutPlatform.js +50 -50
  101. package/dist/esm/components/AdvantageSideNav/AdvantageSideNav.js +229 -245
  102. package/dist/esm/components/AutoSuggest/AutoSuggest.js +101 -101
  103. package/dist/esm/components/Avatar/Avatar.js +18 -18
  104. package/dist/esm/components/CheckboxList/CheckboxList.js +34 -34
  105. package/dist/esm/components/ComboBox/ComboBox.js +103 -103
  106. package/dist/esm/components/ComboBoxMultiSelect/ComboBoxMultiSelect.js +32 -32
  107. package/dist/esm/components/ComboBoxMultiSelect/MultiSelect.js +208 -208
  108. package/dist/esm/components/ComposedModal/ComposedModal.js +80 -80
  109. package/dist/esm/components/ConfirmModal/ConfirmModal.js +43 -43
  110. package/dist/esm/components/Creatable/Creatable.js +137 -137
  111. package/dist/esm/components/DataDrivenInput/DataDrivenInput.js +226 -226
  112. package/dist/esm/components/DateInput/DateInput.js +35 -35
  113. package/dist/esm/components/DecisionButtons/DecisionButtons.js +61 -61
  114. package/dist/esm/components/DelayedRender/DelayedRender.js +17 -17
  115. package/dist/esm/components/DynamicFormik/DynamicFormik.js +578 -578
  116. package/dist/esm/components/Error403/Error403.js +13 -13
  117. package/dist/esm/components/Error403/ForbiddenErrorBackground.js +113 -113
  118. package/dist/esm/components/Error403/GraphicWrangler/GraphicWrangler.js +62 -62
  119. package/dist/esm/components/Error404/Error404.js +13 -13
  120. package/dist/esm/components/Error404/GraphicLoch/GraphicLoch.js +17 -17
  121. package/dist/esm/components/Error404/NotFoundErrorBackground.js +129 -129
  122. package/dist/esm/components/ErrorBoundary/ErrorBoundary.js +32 -32
  123. package/dist/esm/components/ErrorDragon/ErrorDragon.js +13 -13
  124. package/dist/esm/components/ErrorDragon/assets/ErrorGraphic.js +35 -35
  125. package/dist/esm/components/ErrorFullPage/ErrorFullPage.js +10 -10
  126. package/dist/esm/components/ErrorMessage/ErrorMessage.js +22 -22
  127. package/dist/esm/components/ErrorPage/ErrorPage.js +11 -11
  128. package/dist/esm/components/ErrorPageCore/ErrorPageCore.js +15 -15
  129. package/dist/esm/components/ErrorPageCore/GenericErrorBackground.js +124 -124
  130. package/dist/esm/components/FeatureHeader/FeatureHeader.js +29 -29
  131. package/dist/esm/components/FeatureNavTab/FeatureNavTab.js +12 -12
  132. package/dist/esm/components/FeatureNavTabs/FeatureNavTabs.js +12 -12
  133. package/dist/esm/components/FeatureSideNav/FeatureSideNav.js +12 -12
  134. package/dist/esm/components/FeatureSideNav/FeatureSideNavFooter.js +8 -8
  135. package/dist/esm/components/FeatureSideNav/FeatureSideNavHeader.js +8 -8
  136. package/dist/esm/components/FeatureSideNav/FeatureSideNavLinks.js +14 -14
  137. package/dist/esm/components/FeatureSideNavLink/FeatureSideNavLink.js +12 -12
  138. package/dist/esm/components/Feedback/Feedback.js +40 -40
  139. package/dist/esm/components/FlowModal/FlowModal.js +141 -141
  140. package/dist/esm/components/FlowModal/FlowModalForm.js +12 -12
  141. package/dist/esm/components/Header/Header.js +179 -179
  142. package/dist/esm/components/Header/HeaderAppSwitcher.js +94 -94
  143. package/dist/esm/components/Header/HeaderMenu.js +7 -7
  144. package/dist/esm/components/Header/HeaderMenuItem.js +52 -52
  145. package/dist/esm/components/Header/HeaderTeamSwitcher.js +305 -303
  146. package/dist/esm/components/Header/UserRequests.js +29 -29
  147. package/dist/esm/components/ImageModal/ImageModal.js +17 -17
  148. package/dist/esm/components/Loading/Loading.js +8 -8
  149. package/dist/esm/components/MemberBar/MemberBar.js +20 -20
  150. package/dist/esm/components/Modal/Modal.js +20 -20
  151. package/dist/esm/components/ModalConfirmEdit/ModalConfirmArray.js +14 -14
  152. package/dist/esm/components/ModalConfirmEdit/ModalConfirmDetails.js +11 -11
  153. package/dist/esm/components/ModalConfirmEdit/ModalConfirmEdit.js +17 -17
  154. package/dist/esm/components/ModalForm/ModalForm.js +9 -9
  155. package/dist/esm/components/Notifications/NotificationsContainer.js +22 -22
  156. package/dist/esm/components/Notifications/ToastNotification.js +21 -21
  157. package/dist/esm/components/Notifications/notify.js +17 -17
  158. package/dist/esm/components/PlatformBanner/PlatformBanner.js +8 -8
  159. package/dist/esm/components/PlatformNotifications/PlatformNotification.js +17 -17
  160. package/dist/esm/components/PlatformNotifications/PlatformNotificationsContainer.js +136 -136
  161. package/dist/esm/components/Portal/Portal.js +14 -14
  162. package/dist/esm/components/PrivacyRedirect/PrivacyRedirect.js +30 -30
  163. package/dist/esm/components/PrivacyStatement/PrivacyStatement.js +90 -90
  164. package/dist/esm/components/ProfileSettings/ProfileSettings.js +124 -124
  165. package/dist/esm/components/ProtectedRoute/ProtectedRoute.js +13 -13
  166. package/dist/esm/components/RadioGroup/RadioGroup.js +33 -33
  167. package/dist/esm/components/RichTextArea/RichTextArea.js +142 -142
  168. package/dist/esm/components/SignOut/SignOut.js +27 -27
  169. package/dist/esm/components/SupportCenter/SupportCenter.js +65 -65
  170. package/dist/esm/components/TextArea/TextArea.js +16 -16
  171. package/dist/esm/components/TextInput/TextInput.js +13 -13
  172. package/dist/esm/components/Toggle/Toggle.js +22 -22
  173. package/dist/esm/components/TooltipHover/TooltipHover.js +39 -39
  174. package/dist/esm/components/UIShell/UIShell.js +94 -94
  175. package/dist/esm/config/servicesConfig.js +21 -21
  176. package/dist/esm/constants/DataDrivenInputTypes.js +74 -74
  177. package/dist/esm/constants/UserType.js +13 -13
  178. package/dist/esm/hooks/useHeaderMenu.js +49 -49
  179. package/dist/esm/hooks/usePortal.js +74 -74
  180. package/dist/esm/hooks/useWindowSize.js +33 -33
  181. package/dist/esm/internal/ListBox/ListBox.js +41 -41
  182. package/dist/esm/internal/ListBox/ListBoxField.js +19 -19
  183. package/dist/esm/internal/ListBox/ListBoxMenu.js +19 -19
  184. package/dist/esm/internal/ListBox/ListBoxMenuIcon.js +31 -31
  185. package/dist/esm/internal/ListBox/ListBoxMenuItem.js +38 -38
  186. package/dist/esm/internal/ListBox/ListBoxSelection.js +64 -64
  187. package/dist/esm/internal/ListBox/index.js +10 -10
  188. package/dist/esm/internal/keyboard/keys.js +16 -16
  189. package/dist/esm/internal/keyboard/match.js +67 -67
  190. package/dist/esm/internal/settings.js +5 -5
  191. package/dist/esm/tools/accessibility.js +13 -13
  192. package/dist/esm/tools/createPropAdapter.js +44 -44
  193. package/dist/esm/tools/isUrl.js +39 -39
  194. package/dist/esm/tools/setupGetInstanceId.js +20 -20
  195. package/dist/esm/tools/useSetState.js +12 -12
  196. package/dist/esm/tools/yupAst/astGenerator.js +212 -212
  197. package/dist/esm/tools/yupAst/customValidators.js +17 -17
  198. package/dist/types/index.d.ts +1420 -1335
  199. package/package.json +167 -167
  200. package/scss/components/AboutPlatform/_aboutPlatform.scss +139 -139
  201. package/scss/components/AdvantageSideNav/_advantageSideNav.scss +261 -261
  202. package/scss/components/AutoSuggest/_autoSuggest.scss +62 -62
  203. package/scss/components/Avatar/_avatar.scss +32 -32
  204. package/scss/components/CheckboxList/_checkboxList.scss +26 -26
  205. package/scss/components/ComboBox/_combobox.scss +23 -23
  206. package/scss/components/ComboBoxMultiSelect/_comboBoxMultiSelect.scss +53 -53
  207. package/scss/components/ConfirmModal/_confirmModal.scss +12 -12
  208. package/scss/components/Creatable/_creatable.scss +48 -48
  209. package/scss/components/DateInput/_dateInput.scss +36 -36
  210. package/scss/components/DecisionButtons/_decisionButtons.scss +132 -132
  211. package/scss/components/DynamicFormik/_dynamicFormik.scss +17 -17
  212. package/scss/components/ErrorBoundary/_errorBoundary.scss +12 -12
  213. package/scss/components/ErrorDragon/_errorDragon.scss +55 -55
  214. package/scss/components/ErrorMessage/_errorMessage.scss +43 -43
  215. package/scss/components/ErrorPage/_errorPage.scss +66 -66
  216. package/scss/components/ErrorPageCore/_errorPageCore.scss +73 -73
  217. package/scss/components/FeatureHeader/_featureHeader.scss +67 -67
  218. package/scss/components/FeatureNavTab/_featureNavTab.scss +27 -27
  219. package/scss/components/FeatureSideNav/_featureSideNav.scss +76 -76
  220. package/scss/components/FeatureSideNavLink/_featureSideNavLink.scss +49 -49
  221. package/scss/components/Feedback/_feedback.scss +46 -46
  222. package/scss/components/Header/_header.scss +179 -179
  223. package/scss/components/Header/_headerAppSwitcher.scss +117 -117
  224. package/scss/components/Header/_headerMenu.scss +30 -30
  225. package/scss/components/Header/_headerMenuItem.scss +65 -65
  226. package/scss/components/Header/_headerTeamSwitcher.scss +195 -195
  227. package/scss/components/Header/_userRequests.scss +36 -36
  228. package/scss/components/ImageModal/_imageModal.scss +51 -51
  229. package/scss/components/MemberBar/_memberBar.scss +99 -99
  230. package/scss/components/Modal/_modal.scss +163 -163
  231. package/scss/components/ModalConfirmEdit/_modalConfirmEdit.scss +113 -113
  232. package/scss/components/Notifications/_notifications.scss +57 -57
  233. package/scss/components/PlatformBanner/_platformBanner.scss +30 -30
  234. package/scss/components/PlatformNotifications/_platformNotifications.scss +230 -230
  235. package/scss/components/PrivacyRedirect/_privacyRedirect.scss +43 -43
  236. package/scss/components/PrivacyStatement/_privacyStatement.scss +137 -137
  237. package/scss/components/ProfileSettings/_profileSettings.scss +117 -117
  238. package/scss/components/ProtectedRoute/_protectedRoute.scss +32 -32
  239. package/scss/components/RadioGroup/_radioGroup.scss +46 -46
  240. package/scss/components/RichTextArea/_richTextArea.scss +82 -82
  241. package/scss/components/SignOut/_signOut.scss +51 -51
  242. package/scss/components/SupportCenter/_supportCenter.scss +16 -16
  243. package/scss/components/TextArea/_textArea.scss +19 -19
  244. package/scss/components/TextInput/_textInput.scss +26 -26
  245. package/scss/components/Toggle/_toggle.scss +80 -80
  246. package/scss/components/TooltipHover/_tooltip.scss +48 -48
  247. package/scss/global/_config.scss +14 -14
  248. package/scss/global/_tippy.scss +49 -49
  249. package/scss/global/index.scss +401 -401
  250. package/scss/global/themes/_boomerang.scss +184 -184
  251. package/scss/global/themes/_default.scss +79 -79
  252. package/scss/global/themes/_shell-tokens.scss +42 -42
  253. package/scss/global/utils/_animations.scss +15 -15
  254. package/scss/global/utils/_mixins.scss +67 -67
  255. package/scss/global/utils/index.scss +10 -10
@@ -1,65 +1,65 @@
1
- /*
2
- IBM Confidential
3
- 694970X, 69497O0
4
- © Copyright IBM Corp. 2022, 2024
5
- */
6
-
7
-
8
- @use "../../global/config" as *;
9
- @use "../../global/utils";
10
- @use '@carbon/themes/scss/tokens' as theme;
11
- @use "../../global/themes/shell-tokens" as shell;
12
-
13
- .#{$prefix}--bmrg-header-menu-item__content {
14
- display: flex;
15
- align-items: center;
16
- width: 12.5rem;
17
- min-height: 3rem;
18
- height: fit-content;
19
- justify-content: space-between;
20
-
21
- svg {
22
- color: white
23
- }
24
-
25
- &.--danger {
26
- .#{$prefix}--bmrg-header-menu-item__text {
27
- color: theme.$support-error;
28
- svg {
29
- color: theme.$support-error;
30
- }
31
- }
32
- }
33
- }
34
-
35
- .#{$prefix}--bmrg-header-menu-item__text {
36
- align-items: center;
37
- color: shell.$bmrg-header-active-text;
38
- display: flex;
39
- font-size: utils.rem(14px);
40
- font-weight: 500;
41
- line-height: utils.rem(18px);
42
-
43
- svg {
44
- margin-right: utils.rem(16px);
45
- }
46
- }
47
-
48
- .#{$prefix}--bmrg-header-menu-user {
49
- align-items: center;
50
- border-bottom: utils.rem(1px) solid #4d5358;
51
- color: #ffffff;
52
- display: flex;
53
- padding: utils.rem(16px);
54
- margin-left: -1.125rem;
55
- width: 15rem;
56
- }
57
-
58
- .#{$prefix}--bmrg-header-menu-user__name {
59
- color: shell.$bmrg-theme-primary;
60
- font-family: "IBM Plex Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
61
- font-size: utils.rem(14px);
62
- font-weight: 300;
63
- line-height: utils.rem(18px);
64
- margin-left: utils.rem(16px);
65
- }
1
+ /*
2
+ IBM Confidential
3
+ 694970X, 69497O0
4
+ © Copyright IBM Corp. 2022, 2024
5
+ */
6
+
7
+
8
+ @use "../../global/config" as *;
9
+ @use "../../global/utils";
10
+ @use '@carbon/themes/scss/tokens' as theme;
11
+ @use "../../global/themes/shell-tokens" as shell;
12
+
13
+ .#{$prefix}--bmrg-header-menu-item__content {
14
+ display: flex;
15
+ align-items: center;
16
+ width: 12.5rem;
17
+ min-height: 3rem;
18
+ height: fit-content;
19
+ justify-content: space-between;
20
+
21
+ svg {
22
+ color: white
23
+ }
24
+
25
+ &.--danger {
26
+ .#{$prefix}--bmrg-header-menu-item__text {
27
+ color: theme.$support-error;
28
+ svg {
29
+ color: theme.$support-error;
30
+ }
31
+ }
32
+ }
33
+ }
34
+
35
+ .#{$prefix}--bmrg-header-menu-item__text {
36
+ align-items: center;
37
+ color: shell.$bmrg-header-active-text;
38
+ display: flex;
39
+ font-size: utils.rem(14px);
40
+ font-weight: 500;
41
+ line-height: utils.rem(18px);
42
+
43
+ svg {
44
+ margin-right: utils.rem(16px);
45
+ }
46
+ }
47
+
48
+ .#{$prefix}--bmrg-header-menu-user {
49
+ align-items: center;
50
+ border-bottom: utils.rem(1px) solid #4d5358;
51
+ color: #ffffff;
52
+ display: flex;
53
+ padding: utils.rem(16px);
54
+ margin-left: -1.125rem;
55
+ width: 15rem;
56
+ }
57
+
58
+ .#{$prefix}--bmrg-header-menu-user__name {
59
+ color: shell.$bmrg-theme-primary;
60
+ font-family: "IBM Plex Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
61
+ font-size: utils.rem(14px);
62
+ font-weight: 300;
63
+ line-height: utils.rem(18px);
64
+ margin-left: utils.rem(16px);
65
+ }
@@ -1,195 +1,195 @@
1
- /*
2
- IBM Confidential
3
- 694970X, 69497O0
4
- © Copyright IBM Corp. 2022, 2025
5
- */
6
-
7
- @use "../../global/config" as *;
8
- @use '@carbon/themes/scss/tokens' as theme;
9
- @use "../../global/utils";
10
- @use "../../global/themes/shell-tokens" as shell;
11
-
12
- :root {
13
- .#{$prefix}--header-dropdown-menu-container {
14
- display: flex;
15
- }
16
-
17
- .#{$prefix}--header-dropdown-menu-loading {
18
- align-items: center;
19
- display: flex;
20
- }
21
-
22
- .#{$prefix}--header-dropdown-menu-success {
23
- align-items: center;
24
- display: flex;
25
-
26
- svg path {
27
- fill: var(--cds-tag-border-green);
28
- }
29
- }
30
-
31
- .#{$prefix}--header-dropdown-menu {
32
- list-style: none;
33
- max-width: 18.5625rem;
34
-
35
- .#{$prefix}--header__menu-title {
36
- display: flex;
37
- font-weight: 700;
38
- justify-content: space-between;
39
- overflow: hidden;
40
- width: 100%;
41
-
42
- .#{$prefix}--header__menu-arrow {
43
- min-height: 1rem;
44
- min-width: 1rem;
45
- }
46
-
47
- &[aria-expanded="true"] {
48
- background-color: var(--cds-layer-hover-01) !important;
49
- }
50
- }
51
-
52
- .#{$prefix}--header__menu {
53
- box-shadow: none;
54
- min-width: 18.5625rem;
55
- position: relative;
56
- width: 100%;
57
-
58
- .#{$prefix}--bmrg-header-drop-down {
59
- max-height: min(48rem, 84vh);
60
- min-width: 18.5625rem;
61
- overflow-y: auto;
62
- position: absolute;
63
- right: 0;
64
- width: 100%;
65
-
66
- a.#{$prefix}--header__menu-item {
67
- cursor: pointer;
68
- width: 100%;
69
-
70
- .#{$prefix}--text-truncate--end {
71
- width: 100%;
72
- }
73
- }
74
-
75
- .#{$prefix}--header-dropdown-menu-item-text-icon {
76
- align-items: center;
77
- display: flex;
78
- }
79
-
80
- .#{$prefix}--header-dropdown-menu-item-text {
81
- display: -webkit-box;
82
- line-clamp: 2;
83
- overflow: hidden;
84
- text-overflow: ellipsis;
85
- -webkit-box-orient: vertical;
86
- -webkit-line-clamp: 2;
87
- }
88
-
89
- .#{$prefix}--header-dropdown-menu-item-icon {
90
- min-height: 1rem;
91
- min-width: 1rem;
92
- margin-left: 0.5rem;
93
- }
94
-
95
- .#{$prefix}--header-dropdown-menu-item-container {
96
- .#{$prefix}--header-dropdown-menu-item {
97
- align-items: center;
98
- display: flex;
99
- justify-content: space-between;
100
- }
101
-
102
- .#{$prefix}--header__menu-item[aria-selected="true"],
103
- .#{$prefix}--header__menu-item:hover {
104
- background-color: var(--cds-layer-hover-01) !important;
105
- }
106
- }
107
-
108
- .#{$prefix}--header-dropdown-menu-item-account-container {
109
- .#{$prefix}--header-dropdown-menu-item-account {
110
- align-items: center;
111
- display: flex;
112
- justify-content: space-between;
113
-
114
- .#{$prefix}--header-dropdown-menu-item-account-icons {
115
- align-items: center;
116
- display: flex;
117
- padding-left: 0.5rem;
118
- }
119
-
120
- .#{$prefix}--header-dropdown-menu-item-account-group-icon {
121
- min-height: 1rem;
122
- min-width: 1rem;
123
- margin-right: 0.5rem;
124
- }
125
-
126
- .#{$prefix}--header-dropdown-menu-item-account-chevron-icon {
127
- min-height: 1rem;
128
- min-width: 1rem;
129
- transition: transform 150ms ease-in-out;
130
- transform: rotate(0deg);
131
- }
132
- }
133
-
134
- .#{$prefix}--header__menu-item:hover {
135
- background-color: var(--cds-layer-hover-01) !important;
136
- }
137
-
138
- .#{$prefix}--header__menu-item[aria-expanded="true"] {
139
- background-color: var(--cds-layer-hover-01) !important;
140
-
141
- .#{$prefix}--header-dropdown-menu-item-account-chevron-icon {
142
- transform: rotate(180deg);
143
- }
144
- }
145
-
146
- .#{$prefix}--header__menu-item[aria-selected="true"] {
147
- background-color: var(--cds-layer-hover-01) !important;
148
- }
149
- }
150
-
151
- .#{$prefix}--header-dropdown-menu-item-account-submenu {
152
- max-height: 0;
153
- overflow: hidden;
154
- opacity: 0;
155
- transition: max-height 150ms ease-in-out, opacity 150ms ease-in-out;
156
-
157
- &[aria-expanded="true"] {
158
- max-height: 100rem;
159
- opacity: 1;
160
- overflow-y: auto;
161
- }
162
- }
163
-
164
- .#{$prefix}--header-team-switcher-create-team-button-container {
165
- border-bottom: 0.0625rem solid var(--cds-border-subtle-00);
166
-
167
- .#{$prefix}--header__menu-item:hover {
168
- background-color: var(--cds-layer-hover-01) !important;
169
- }
170
- }
171
-
172
- .#{$prefix}--header-team-switcher-create-team-button {
173
- cursor: pointer;
174
- display: flex;
175
- justify-content: space-between;
176
- padding: 0;
177
- width: 100%;
178
-
179
- .#{$prefix}--header-team-switcher-create-team-button-text {
180
- color: var(--cds-link-primary) !important;
181
- }
182
-
183
- .#{$prefix}--header-team-switcher-create-team-button-icon {
184
- height: 1rem;
185
- width: 1rem;
186
-
187
- path {
188
- fill: var(--cds-link-primary) !important;
189
- }
190
- }
191
- }
192
- }
193
- }
194
- }
195
- }
1
+ /*
2
+ IBM Confidential
3
+ 694970X, 69497O0
4
+ © Copyright IBM Corp. 2022, 2025
5
+ */
6
+
7
+ @use "../../global/config" as *;
8
+ @use '@carbon/themes/scss/tokens' as theme;
9
+ @use "../../global/utils";
10
+ @use "../../global/themes/shell-tokens" as shell;
11
+
12
+ :root {
13
+ .#{$prefix}--header-dropdown-menu-container {
14
+ display: flex;
15
+ }
16
+
17
+ .#{$prefix}--header-dropdown-menu-loading {
18
+ align-items: center;
19
+ display: flex;
20
+ }
21
+
22
+ .#{$prefix}--header-dropdown-menu-success {
23
+ align-items: center;
24
+ display: flex;
25
+
26
+ svg path {
27
+ fill: var(--cds-tag-border-green);
28
+ }
29
+ }
30
+
31
+ .#{$prefix}--header-dropdown-menu {
32
+ list-style: none;
33
+ max-width: 18.5625rem;
34
+
35
+ .#{$prefix}--header__menu-title {
36
+ display: flex;
37
+ font-weight: 700;
38
+ justify-content: space-between;
39
+ overflow: hidden;
40
+ width: 100%;
41
+
42
+ .#{$prefix}--header__menu-arrow {
43
+ min-height: 1rem;
44
+ min-width: 1rem;
45
+ }
46
+
47
+ &[aria-expanded="true"] {
48
+ background-color: var(--cds-layer-hover-01) !important;
49
+ }
50
+ }
51
+
52
+ .#{$prefix}--header__menu {
53
+ box-shadow: none;
54
+ min-width: 18.5625rem;
55
+ position: relative;
56
+ width: 100%;
57
+
58
+ .#{$prefix}--bmrg-header-drop-down {
59
+ max-height: min(48rem, 84vh);
60
+ min-width: 18.5625rem;
61
+ overflow-y: auto;
62
+ position: absolute;
63
+ right: 0;
64
+ width: 100%;
65
+
66
+ a.#{$prefix}--header__menu-item {
67
+ cursor: pointer;
68
+ width: 100%;
69
+
70
+ .#{$prefix}--text-truncate--end {
71
+ width: 100%;
72
+ }
73
+ }
74
+
75
+ .#{$prefix}--header-dropdown-menu-item-text-icon {
76
+ align-items: center;
77
+ display: flex;
78
+ }
79
+
80
+ .#{$prefix}--header-dropdown-menu-item-text {
81
+ display: -webkit-box;
82
+ line-clamp: 2;
83
+ overflow: hidden;
84
+ text-overflow: ellipsis;
85
+ -webkit-box-orient: vertical;
86
+ -webkit-line-clamp: 2;
87
+ }
88
+
89
+ .#{$prefix}--header-dropdown-menu-item-icon {
90
+ min-height: 1rem;
91
+ min-width: 1rem;
92
+ margin-left: 0.5rem;
93
+ }
94
+
95
+ .#{$prefix}--header-dropdown-menu-item-container {
96
+ .#{$prefix}--header-dropdown-menu-item {
97
+ align-items: center;
98
+ display: flex;
99
+ justify-content: space-between;
100
+ }
101
+
102
+ .#{$prefix}--header__menu-item[aria-selected="true"],
103
+ .#{$prefix}--header__menu-item:hover {
104
+ background-color: var(--cds-layer-hover-01) !important;
105
+ }
106
+ }
107
+
108
+ .#{$prefix}--header-dropdown-menu-item-account-container {
109
+ .#{$prefix}--header-dropdown-menu-item-account {
110
+ align-items: center;
111
+ display: flex;
112
+ justify-content: space-between;
113
+
114
+ .#{$prefix}--header-dropdown-menu-item-account-icons {
115
+ align-items: center;
116
+ display: flex;
117
+ padding-left: 0.5rem;
118
+ }
119
+
120
+ .#{$prefix}--header-dropdown-menu-item-account-group-icon {
121
+ min-height: 1rem;
122
+ min-width: 1rem;
123
+ margin-right: 0.5rem;
124
+ }
125
+
126
+ .#{$prefix}--header-dropdown-menu-item-account-chevron-icon {
127
+ min-height: 1rem;
128
+ min-width: 1rem;
129
+ transition: transform 150ms ease-in-out;
130
+ transform: rotate(0deg);
131
+ }
132
+ }
133
+
134
+ .#{$prefix}--header__menu-item:hover {
135
+ background-color: var(--cds-layer-hover-01) !important;
136
+ }
137
+
138
+ .#{$prefix}--header__menu-item[aria-expanded="true"] {
139
+ background-color: var(--cds-layer-hover-01) !important;
140
+
141
+ .#{$prefix}--header-dropdown-menu-item-account-chevron-icon {
142
+ transform: rotate(180deg);
143
+ }
144
+ }
145
+
146
+ .#{$prefix}--header__menu-item[aria-selected="true"] {
147
+ background-color: var(--cds-layer-hover-01) !important;
148
+ }
149
+ }
150
+
151
+ .#{$prefix}--header-dropdown-menu-item-account-submenu {
152
+ max-height: 0;
153
+ overflow: hidden;
154
+ opacity: 0;
155
+ transition: max-height 150ms ease-in-out, opacity 150ms ease-in-out;
156
+
157
+ &[aria-expanded="true"] {
158
+ max-height: 100rem;
159
+ opacity: 1;
160
+ overflow-y: auto;
161
+ }
162
+ }
163
+
164
+ .#{$prefix}--header-team-switcher-create-team-button-container {
165
+ border-bottom: 0.0625rem solid var(--cds-border-subtle-00);
166
+
167
+ .#{$prefix}--header__menu-item:hover {
168
+ background-color: var(--cds-layer-hover-01) !important;
169
+ }
170
+ }
171
+
172
+ .#{$prefix}--header-team-switcher-create-team-button {
173
+ cursor: pointer;
174
+ display: flex;
175
+ justify-content: space-between;
176
+ padding: 0;
177
+ width: 100%;
178
+
179
+ .#{$prefix}--header-team-switcher-create-team-button-text {
180
+ color: var(--cds-link-primary) !important;
181
+ }
182
+
183
+ .#{$prefix}--header-team-switcher-create-team-button-icon {
184
+ height: 1rem;
185
+ width: 1rem;
186
+
187
+ path {
188
+ fill: var(--cds-link-primary) !important;
189
+ }
190
+ }
191
+ }
192
+ }
193
+ }
194
+ }
195
+ }
@@ -1,36 +1,36 @@
1
- /*
2
- IBM Confidential
3
- 694970X, 69497O0
4
- © Copyright IBM Corp. 2022, 2024
5
- */
6
-
7
-
8
- @use '@carbon/themes/scss/tokens' as theme;
9
- @use '../../global/themes/shell-tokens' as shell;
10
- @use "../../global/config" as *;
11
-
12
- .#{$prefix}--bmrg-requests {
13
- display: flex;
14
- flex-direction: column;
15
- justify-content: center;
16
- min-height: 3rem;
17
- }
18
-
19
- .#{$prefix}--bmrg-requests__title {
20
- color: shell.$bmrg-header-active-text;
21
- font-size: 0.875rem;
22
- font-weight: 600;
23
- line-height: 1.125rem;
24
- margin-left: 1rem;
25
-
26
- &.#{$prefix}--bmrg-requests-empty__title {
27
- font-weight: initial;
28
- }
29
- }
30
-
31
- .#{$prefix}--bmrg-requests__text {
32
- color: shell.$bmrg-header-active-text;
33
- font-size: 0.825rem;
34
- line-height: 1.125rem;
35
- margin-left: 1rem;
36
- }
1
+ /*
2
+ IBM Confidential
3
+ 694970X, 69497O0
4
+ © Copyright IBM Corp. 2022, 2024
5
+ */
6
+
7
+
8
+ @use '@carbon/themes/scss/tokens' as theme;
9
+ @use '../../global/themes/shell-tokens' as shell;
10
+ @use "../../global/config" as *;
11
+
12
+ .#{$prefix}--bmrg-requests {
13
+ display: flex;
14
+ flex-direction: column;
15
+ justify-content: center;
16
+ min-height: 3rem;
17
+ }
18
+
19
+ .#{$prefix}--bmrg-requests__title {
20
+ color: shell.$bmrg-header-active-text;
21
+ font-size: 0.875rem;
22
+ font-weight: 600;
23
+ line-height: 1.125rem;
24
+ margin-left: 1rem;
25
+
26
+ &.#{$prefix}--bmrg-requests-empty__title {
27
+ font-weight: initial;
28
+ }
29
+ }
30
+
31
+ .#{$prefix}--bmrg-requests__text {
32
+ color: shell.$bmrg-header-active-text;
33
+ font-size: 0.825rem;
34
+ line-height: 1.125rem;
35
+ margin-left: 1rem;
36
+ }