@carbon/ibm-products 2.1.3 → 2.2.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 (204) hide show
  1. package/css/index-full-carbon.css +246 -777
  2. package/css/index-full-carbon.css.map +1 -1
  3. package/css/index-full-carbon.min.css +3 -3
  4. package/css/index-full-carbon.min.css.map +1 -1
  5. package/css/index-without-carbon-released-only.css +11 -210
  6. package/css/index-without-carbon-released-only.css.map +1 -1
  7. package/css/index-without-carbon-released-only.min.css +2 -2
  8. package/css/index-without-carbon-released-only.min.css.map +1 -1
  9. package/css/index-without-carbon.css +48 -412
  10. package/css/index-without-carbon.css.map +1 -1
  11. package/css/index-without-carbon.min.css +3 -3
  12. package/css/index-without-carbon.min.css.map +1 -1
  13. package/css/index.css +121 -344
  14. package/css/index.css.map +1 -1
  15. package/css/index.min.css +3 -3
  16. package/css/index.min.css.map +1 -1
  17. package/es/components/AboutModal/AboutModal.js +4 -2
  18. package/es/components/ActionBar/ActionBar.js +6 -2
  19. package/es/components/AddSelect/AddSelectFormControl.js +6 -6
  20. package/es/components/AddSelect/AddSelectRow.js +5 -15
  21. package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +6 -5
  22. package/es/components/ButtonMenu/ButtonMenu.js +4 -4
  23. package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +9 -3
  24. package/es/components/Cascade/Cascade.js +1 -11
  25. package/es/components/CreateFullPage/CreateFullPage.js +0 -13
  26. package/es/components/CreateModal/CreateModal.js +0 -7
  27. package/es/components/CreateSidePanel/CreateSidePanel.js +1 -1
  28. package/es/components/DataSpreadsheet/DataSpreadsheet.js +3 -3
  29. package/es/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  30. package/es/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -3
  31. package/es/components/Datagrid/Datagrid/DatagridToolbar.js +2 -3
  32. package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +3 -1
  33. package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +1 -1
  34. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +47 -39
  35. package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +24 -20
  36. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js +1 -0
  37. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +15 -44
  38. package/es/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +21 -0
  39. package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +10 -12
  40. package/es/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +2 -2
  41. package/es/components/Datagrid/useActionsColumn.js +7 -10
  42. package/es/components/Datagrid/useCustomizeColumns.js +7 -9
  43. package/es/components/Datagrid/useExpandedRow.js +7 -11
  44. package/es/components/Datagrid/useFiltering.js +8 -12
  45. package/es/components/Datagrid/useInlineEdit.js +0 -3
  46. package/es/components/Datagrid/useNestedRows.js +6 -10
  47. package/es/components/Datagrid/useStickyColumn.js +3 -10
  48. package/es/components/Datagrid/utils/DatagridActions.js +14 -6
  49. package/es/components/EditFullPage/EditFullPage.js +1 -2
  50. package/es/components/EditSidePanel/EditSidePanel.js +1 -1
  51. package/es/components/EditTearsheet/EditTearsheet.js +0 -4
  52. package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.js +1 -1
  53. package/es/components/EditUpdateCards/EditUpdateCards.js +2 -3
  54. package/es/components/EmptyStates/EmptyState.js +0 -4
  55. package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +0 -4
  56. package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +0 -4
  57. package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +0 -4
  58. package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +0 -4
  59. package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +0 -4
  60. package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +0 -4
  61. package/es/components/ExportModal/ExportModal.js +0 -4
  62. package/es/components/HTTPErrors/HTTPError403/HTTPError403.js +0 -6
  63. package/es/components/HTTPErrors/HTTPError404/HTTPError404.js +0 -6
  64. package/es/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +0 -6
  65. package/es/components/ImportModal/ImportModal.js +6 -13
  66. package/es/components/MultiAddSelect/MultiAddSelect.js +0 -4
  67. package/es/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +17 -2
  68. package/es/components/PageHeader/PageHeader.js +6 -2
  69. package/es/components/PageHeader/PageHeaderUtils.js +2 -2
  70. package/es/components/RemoveModal/RemoveModal.js +0 -6
  71. package/es/components/SidePanel/SidePanel.js +3 -1
  72. package/es/components/SingleAddSelect/SingleAddSelect.js +0 -4
  73. package/es/components/StatusIcon/StatusIcon.js +0 -10
  74. package/es/components/TagSet/TagSet.js +7 -4
  75. package/es/components/Tearsheet/TearsheetShell.js +6 -11
  76. package/es/components/UserProfileImage/UserProfileImage.js +3 -14
  77. package/es/components/WebTerminal/WebTerminal.js +0 -4
  78. package/es/global/js/hooks/useCreateComponentStepChange.js +15 -16
  79. package/es/global/js/hooks/useResizeObserver.js +28 -14
  80. package/es/global/js/package-settings.js +1 -14
  81. package/es/global/js/utils/story-helper.js +6 -108
  82. package/lib/components/AboutModal/AboutModal.js +4 -2
  83. package/lib/components/ActionBar/ActionBar.js +6 -2
  84. package/lib/components/AddSelect/AddSelectFormControl.js +6 -6
  85. package/lib/components/AddSelect/AddSelectRow.js +5 -15
  86. package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +6 -5
  87. package/lib/components/ButtonMenu/ButtonMenu.js +4 -4
  88. package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +9 -3
  89. package/lib/components/Cascade/Cascade.js +1 -11
  90. package/lib/components/CreateFullPage/CreateFullPage.js +0 -13
  91. package/lib/components/CreateModal/CreateModal.js +0 -7
  92. package/lib/components/CreateSidePanel/CreateSidePanel.js +1 -1
  93. package/lib/components/DataSpreadsheet/DataSpreadsheet.js +3 -3
  94. package/lib/components/Datagrid/Datagrid/DatagridContent.js +1 -1
  95. package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js +3 -3
  96. package/lib/components/Datagrid/Datagrid/DatagridToolbar.js +2 -3
  97. package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +3 -1
  98. package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +1 -1
  99. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +45 -37
  100. package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +24 -20
  101. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/index.js +7 -0
  102. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js +13 -42
  103. package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js +30 -0
  104. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +10 -12
  105. package/lib/components/Datagrid/Datagrid/addons/InlineEdit/handleGridKeyPress.js +2 -2
  106. package/lib/components/Datagrid/useActionsColumn.js +7 -12
  107. package/lib/components/Datagrid/useCustomizeColumns.js +8 -10
  108. package/lib/components/Datagrid/useExpandedRow.js +6 -9
  109. package/lib/components/Datagrid/useFiltering.js +7 -10
  110. package/lib/components/Datagrid/useInlineEdit.js +0 -3
  111. package/lib/components/Datagrid/useNestedRows.js +6 -9
  112. package/lib/components/Datagrid/useStickyColumn.js +3 -10
  113. package/lib/components/Datagrid/utils/DatagridActions.js +13 -5
  114. package/lib/components/EditFullPage/EditFullPage.js +1 -2
  115. package/lib/components/EditSidePanel/EditSidePanel.js +1 -1
  116. package/lib/components/EditTearsheet/EditTearsheet.js +0 -4
  117. package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.js +1 -1
  118. package/lib/components/EditUpdateCards/EditUpdateCards.js +2 -3
  119. package/lib/components/EmptyStates/EmptyState.js +0 -4
  120. package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +0 -4
  121. package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +0 -4
  122. package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +0 -4
  123. package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +0 -4
  124. package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +0 -4
  125. package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +0 -4
  126. package/lib/components/ExportModal/ExportModal.js +0 -4
  127. package/lib/components/HTTPErrors/HTTPError403/HTTPError403.js +0 -6
  128. package/lib/components/HTTPErrors/HTTPError404/HTTPError404.js +0 -6
  129. package/lib/components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js +0 -6
  130. package/lib/components/ImportModal/ImportModal.js +6 -13
  131. package/lib/components/MultiAddSelect/MultiAddSelect.js +0 -4
  132. package/lib/components/NotificationsPanel/preview-components/UnreadNotificationBell.js +17 -2
  133. package/lib/components/PageHeader/PageHeader.js +6 -2
  134. package/lib/components/PageHeader/PageHeaderUtils.js +2 -2
  135. package/lib/components/RemoveModal/RemoveModal.js +0 -6
  136. package/lib/components/SidePanel/SidePanel.js +3 -1
  137. package/lib/components/SingleAddSelect/SingleAddSelect.js +0 -4
  138. package/lib/components/StatusIcon/StatusIcon.js +0 -10
  139. package/lib/components/TagSet/TagSet.js +7 -4
  140. package/lib/components/Tearsheet/TearsheetShell.js +6 -11
  141. package/lib/components/UserProfileImage/UserProfileImage.js +3 -14
  142. package/lib/components/WebTerminal/WebTerminal.js +0 -4
  143. package/lib/global/js/hooks/useCreateComponentStepChange.js +15 -16
  144. package/lib/global/js/hooks/useResizeObserver.js +27 -13
  145. package/lib/global/js/package-settings.js +1 -14
  146. package/lib/global/js/utils/story-helper.js +7 -115
  147. package/package.json +4 -4
  148. package/scss/components/AddSelect/_add-select.scss +0 -4
  149. package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss +1 -0
  150. package/scss/components/ButtonMenu/_button-menu.scss +1 -32
  151. package/scss/components/Cascade/_storybook-styles.scss +2 -3
  152. package/scss/components/DataSpreadsheet/_storybook-styles.scss +0 -6
  153. package/scss/components/Datagrid/_datagrid.scss +2 -4
  154. package/scss/components/Datagrid/_storybook-styles.scss +2 -16
  155. package/scss/components/Datagrid/styles/_datagrid.scss +13 -26
  156. package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss +0 -7
  157. package/scss/components/Datagrid/styles/addons/_FilterPanel.scss +0 -4
  158. package/scss/components/HTTPErrors/_storybook-styles.scss +6 -0
  159. package/scss/components/NotificationsPanel/_notifications-panel.scss +1 -1
  160. package/scss/components/NotificationsPanel/_storybook-styles.scss +2 -10
  161. package/scss/components/PageHeader/_page-header.scss +1 -0
  162. package/scss/components/PageHeader/_storybook-styles.scss +14 -24
  163. package/scss/components/SidePanel/_side-panel.scss +2 -0
  164. package/scss/components/Tearsheet/_tearsheet.scss +6 -7
  165. package/scss/components/WebTerminal/_storybook-styles.scss +1 -11
  166. package/scss/global/styles/_display-box.scss +0 -1
  167. package/es/components/APIKeyModal/APIKeyModal.docs-page.js +0 -26
  168. package/es/components/AboutModal/AboutModal.docs-page.js +0 -21
  169. package/es/components/Cascade/Cascade.docs-page.js +0 -22
  170. package/es/components/CreateFullPage/CreateFullPage.docs-page.js +0 -39
  171. package/es/components/CreateModal/CreateModal.docs-page.js +0 -24
  172. package/es/components/CreateSidePanel/CreateSidePanel.docs-page.js +0 -18
  173. package/es/components/CreateTearsheet/CreateTearsheet.docs-page.js +0 -29
  174. package/es/components/EditFullPage/EditFullPage.docs-page.js +0 -39
  175. package/es/components/EditTearsheet/EditTearsheet.docs-page.js +0 -25
  176. package/es/components/ExampleComponent/ExampleComponent.docs-page.js +0 -22
  177. package/es/components/ImportModal/ImportModal.docs-page.js +0 -18
  178. package/es/components/MultiAddSelect/MultiAddSelect.docs-page.js +0 -17
  179. package/es/components/RemoveModal/RemoveModal.docs-page.js +0 -18
  180. package/es/components/SingleAddSelect/SingleAddSelect.docs-page.js +0 -15
  181. package/es/components/StatusIcon/StatusIcon.docs-page.js +0 -17
  182. package/es/components/Toolbar/Toolbar.docs-page.js +0 -14
  183. package/es/components/UserProfileImage/UserProfileImage.docs-page.js +0 -17
  184. package/es/components/WebTerminal/WebTerminal.docs-page.js +0 -52
  185. package/es/global/js/utils/StoryDocsPage.js +0 -218
  186. package/lib/components/APIKeyModal/APIKeyModal.docs-page.js +0 -37
  187. package/lib/components/AboutModal/AboutModal.docs-page.js +0 -32
  188. package/lib/components/Cascade/Cascade.docs-page.js +0 -33
  189. package/lib/components/CreateFullPage/CreateFullPage.docs-page.js +0 -50
  190. package/lib/components/CreateModal/CreateModal.docs-page.js +0 -35
  191. package/lib/components/CreateSidePanel/CreateSidePanel.docs-page.js +0 -29
  192. package/lib/components/CreateTearsheet/CreateTearsheet.docs-page.js +0 -40
  193. package/lib/components/EditFullPage/EditFullPage.docs-page.js +0 -50
  194. package/lib/components/EditTearsheet/EditTearsheet.docs-page.js +0 -36
  195. package/lib/components/ExampleComponent/ExampleComponent.docs-page.js +0 -33
  196. package/lib/components/ImportModal/ImportModal.docs-page.js +0 -26
  197. package/lib/components/MultiAddSelect/MultiAddSelect.docs-page.js +0 -25
  198. package/lib/components/RemoveModal/RemoveModal.docs-page.js +0 -26
  199. package/lib/components/SingleAddSelect/SingleAddSelect.docs-page.js +0 -23
  200. package/lib/components/StatusIcon/StatusIcon.docs-page.js +0 -28
  201. package/lib/components/Toolbar/Toolbar.docs-page.js +0 -25
  202. package/lib/components/UserProfileImage/UserProfileImage.docs-page.js +0 -28
  203. package/lib/components/WebTerminal/WebTerminal.docs-page.js +0 -63
  204. package/lib/global/js/utils/StoryDocsPage.js +0 -225
@@ -77,6 +77,8 @@
77
77
  .cds--copy-btn {
78
78
  position: relative;
79
79
  display: flex;
80
+ width: 2.5rem;
81
+ height: 2.5rem;
80
82
  align-items: center;
81
83
  justify-content: center;
82
84
  padding: 0;
@@ -486,13 +488,11 @@
486
488
  transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
487
489
  }
488
490
 
489
- .cds--btn > .cds--snippet__icon {
490
- margin-block-start: 0;
491
- }
492
-
493
491
  .cds--copy-btn {
494
492
  display: flex;
495
493
  overflow: visible;
494
+ width: 2.5rem;
495
+ height: 2.5rem;
496
496
  align-items: center;
497
497
  justify-content: center;
498
498
  padding: 0;
@@ -535,13 +535,16 @@
535
535
  right: 0;
536
536
  }
537
537
 
538
- .cds--snippet--inline.cds--btn {
539
- width: initial;
540
- height: 1.25rem;
541
- padding-inline: 0;
538
+ .cds--snippet--inline.cds--btn--md.cds--btn--icon-only {
539
+ padding-right: 0;
540
+ padding-left: 0;
541
+ }
542
+
543
+ .cds--snippet--inline.cds--btn--md {
544
+ min-height: 1.25rem;
542
545
  }
543
546
 
544
- .cds--snippet--inline.cds--btn.cds--btn--primary:hover {
547
+ .cds--snippet--inline.cds--btn--primary:hover {
545
548
  color: var(--cds-text-primary, #161616);
546
549
  }
547
550
 
@@ -550,8 +553,12 @@
550
553
  right: 0.5rem;
551
554
  }
552
555
 
553
- .cds--snippet--multi .cds--copy-btn {
556
+ .cds--snippet--multi .cds--copy-btn.cds--btn--md {
554
557
  z-index: 10;
558
+ width: 2rem;
559
+ height: 2rem;
560
+ min-height: 2rem;
561
+ padding: 0;
555
562
  }
556
563
 
557
564
  .cds--snippet-btn--expand {
@@ -997,33 +1004,8 @@ p.c4p--about-modal__copyright-text:first-child {
997
1004
  .c4p--button-menu {
998
1005
  min-width: 160px;
999
1006
  }
1000
- .c4p--button-menu.c4p--button-menu__wrapper--primary, .c4p--button-menu.c4p--button-menu__wrapper--primary.cds--overflow-menu.cds--overflow-menu--open {
1001
- background-color: var(--cds-button-primary, #0f62fe);
1002
- }
1003
- .c4p--button-menu.cds--overflow-menu.c4p--button-menu__wrapper--primary:hover {
1004
- background-color: var(--cds-button-primary-hover, #0050e6);
1005
- }
1006
- .c4p--button-menu.c4p--button-menu__wrapper--tertiary, .c4p--button-menu.c4p--button-menu__wrapper--tertiary.cds--overflow-menu.cds--overflow-menu--open {
1007
- background-color: var(--cds-button-tertiary, #0f62fe);
1008
- }
1009
- .c4p--button-menu.cds--overflow-menu.c4p--button-menu__wrapper--tertiary:hover {
1010
- background-color: var(--cds-button-tertiary-hover, #0050e6);
1011
- }
1012
- .c4p--button-menu.c4p--button-menu__wrapper--ghost, .c4p--button-menu.c4p--button-menu__wrapper--ghost.cds--overflow-menu.cds--overflow-menu--open {
1013
- background-color: transparent;
1014
- }
1015
- .c4p--button-menu.cds--overflow-menu.c4p--button-menu__wrapper--ghost:hover {
1016
- background-color: var(--cds-layer-hover);
1017
- }
1018
1007
  .c4p--button-menu .c4p--button-menu__trigger {
1019
- font-size: var(--cds-body-compact-01-font-size, 0.875rem);
1020
- font-weight: var(--cds-body-compact-01-font-weight, 400);
1021
- line-height: var(--cds-body-compact-01-line-height, 1.28572);
1022
- letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
1023
- display: flex;
1024
1008
  width: 100%;
1025
- align-items: center;
1026
- justify-content: space-between;
1027
1009
  padding: 0 1rem;
1028
1010
  }
1029
1011
 
@@ -2923,157 +2905,6 @@ p.c4p--about-modal__copyright-text:first-child {
2923
2905
  margin-bottom: 0;
2924
2906
  }
2925
2907
 
2926
- :root {
2927
- --cds-layout-size-height-xs: 1.5rem;
2928
- --cds-layout-size-height-sm: 2rem;
2929
- --cds-layout-size-height-md: 2.5rem;
2930
- --cds-layout-size-height-lg: 3rem;
2931
- --cds-layout-size-height-xl: 4rem;
2932
- --cds-layout-size-height-2xl: 5rem;
2933
- --cds-layout-size-height-min: 0px;
2934
- --cds-layout-size-height-max: 999999999px;
2935
- --cds-layout-density-padding-inline-condensed: 0.5rem;
2936
- --cds-layout-density-padding-inline-normal: 1rem;
2937
- --cds-layout-density-padding-inline-min: 0px;
2938
- --cds-layout-density-padding-inline-max: 999999999px;
2939
- }
2940
-
2941
- .cds--layout--size-xs {
2942
- --cds-layout-size-height-context: var(--cds-layout-size-height-xs, 1.5rem);
2943
- --cds-layout-size-height: var(--cds-layout-size-height-context);
2944
- }
2945
-
2946
- .cds--layout-constraint--size\:default-xs {
2947
- --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));
2948
- }
2949
-
2950
- .cds--layout-constraint--size\:min-xs {
2951
- --cds-layout-size-height-min: var(--cds-layout-size-height-xs, 1.5rem);
2952
- }
2953
-
2954
- .cds--layout-constraint--size\:max-xs {
2955
- --cds-layout-size-height-max: var(--cds-layout-size-height-xs, 1.5rem);
2956
- }
2957
-
2958
- .cds--layout--size-sm {
2959
- --cds-layout-size-height-context: var(--cds-layout-size-height-sm, 2rem);
2960
- --cds-layout-size-height: var(--cds-layout-size-height-context);
2961
- }
2962
-
2963
- .cds--layout-constraint--size\:default-sm {
2964
- --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));
2965
- }
2966
-
2967
- .cds--layout-constraint--size\:min-sm {
2968
- --cds-layout-size-height-min: var(--cds-layout-size-height-sm, 2rem);
2969
- }
2970
-
2971
- .cds--layout-constraint--size\:max-sm {
2972
- --cds-layout-size-height-max: var(--cds-layout-size-height-sm, 2rem);
2973
- }
2974
-
2975
- .cds--layout--size-md {
2976
- --cds-layout-size-height-context: var(--cds-layout-size-height-md, 2.5rem);
2977
- --cds-layout-size-height: var(--cds-layout-size-height-context);
2978
- }
2979
-
2980
- .cds--layout-constraint--size\:default-md {
2981
- --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));
2982
- }
2983
-
2984
- .cds--layout-constraint--size\:min-md {
2985
- --cds-layout-size-height-min: var(--cds-layout-size-height-md, 2.5rem);
2986
- }
2987
-
2988
- .cds--layout-constraint--size\:max-md {
2989
- --cds-layout-size-height-max: var(--cds-layout-size-height-md, 2.5rem);
2990
- }
2991
-
2992
- .cds--layout--size-lg {
2993
- --cds-layout-size-height-context: var(--cds-layout-size-height-lg, 3rem);
2994
- --cds-layout-size-height: var(--cds-layout-size-height-context);
2995
- }
2996
-
2997
- .cds--layout-constraint--size\:default-lg {
2998
- --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));
2999
- }
3000
-
3001
- .cds--layout-constraint--size\:min-lg {
3002
- --cds-layout-size-height-min: var(--cds-layout-size-height-lg, 3rem);
3003
- }
3004
-
3005
- .cds--layout-constraint--size\:max-lg {
3006
- --cds-layout-size-height-max: var(--cds-layout-size-height-lg, 3rem);
3007
- }
3008
-
3009
- .cds--layout--size-xl {
3010
- --cds-layout-size-height-context: var(--cds-layout-size-height-xl, 4rem);
3011
- --cds-layout-size-height: var(--cds-layout-size-height-context);
3012
- }
3013
-
3014
- .cds--layout-constraint--size\:default-xl {
3015
- --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));
3016
- }
3017
-
3018
- .cds--layout-constraint--size\:min-xl {
3019
- --cds-layout-size-height-min: var(--cds-layout-size-height-xl, 4rem);
3020
- }
3021
-
3022
- .cds--layout-constraint--size\:max-xl {
3023
- --cds-layout-size-height-max: var(--cds-layout-size-height-xl, 4rem);
3024
- }
3025
-
3026
- .cds--layout--size-2xl {
3027
- --cds-layout-size-height-context: var(--cds-layout-size-height-2xl, 5rem);
3028
- --cds-layout-size-height: var(--cds-layout-size-height-context);
3029
- }
3030
-
3031
- .cds--layout-constraint--size\:default-2xl {
3032
- --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));
3033
- }
3034
-
3035
- .cds--layout-constraint--size\:min-2xl {
3036
- --cds-layout-size-height-min: var(--cds-layout-size-height-2xl, 5rem);
3037
- }
3038
-
3039
- .cds--layout-constraint--size\:max-2xl {
3040
- --cds-layout-size-height-max: var(--cds-layout-size-height-2xl, 5rem);
3041
- }
3042
-
3043
- .cds--layout--density-condensed {
3044
- --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
3045
- --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
3046
- }
3047
-
3048
- .cds--layout-constraint--density\:default-condensed {
3049
- --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));
3050
- }
3051
-
3052
- .cds--layout-constraint--density\:min-condensed {
3053
- --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
3054
- }
3055
-
3056
- .cds--layout-constraint--density\:max-condensed {
3057
- --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
3058
- }
3059
-
3060
- .cds--layout--density-normal {
3061
- --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-normal, 1rem);
3062
- --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
3063
- }
3064
-
3065
- .cds--layout-constraint--density\:default-normal {
3066
- --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));
3067
- }
3068
-
3069
- .cds--layout-constraint--density\:min-normal {
3070
- --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-normal, 1rem);
3071
- }
3072
-
3073
- .cds--layout-constraint--density\:max-normal {
3074
- --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-normal, 1rem);
3075
- }
3076
-
3077
2908
  .c4p--side-panel__container {
3078
2909
  --c4p--side-panel--subtitle-opacity: 1;
3079
2910
  --c4p--side-panel--title-container-height: 0;
@@ -3086,6 +2917,7 @@ p.c4p--about-modal__copyright-text:first-child {
3086
2917
  --c4p--side-panel--collapsed-title-y-position: 1rem;
3087
2918
  --c4p--side-panel--label-text-height: 0;
3088
2919
  position: fixed;
2920
+ /* stylelint-disable-next-line function-no-unknown */
3089
2921
  z-index: 9000;
3090
2922
  top: 3rem;
3091
2923
  height: calc(100% - 3rem);
@@ -3491,6 +3323,7 @@ p.c4p--about-modal__copyright-text:first-child {
3491
3323
 
3492
3324
  .c4p--side-panel__overlay {
3493
3325
  position: fixed;
3326
+ /* stylelint-disable-next-line function-no-unknown */
3494
3327
  z-index: 6000;
3495
3328
  width: 100%;
3496
3329
  height: 100%;
@@ -3630,6 +3463,7 @@ p.c4p--about-modal__copyright-text:first-child {
3630
3463
  }
3631
3464
 
3632
3465
  .c4p--tearsheet.c4p--tearsheet {
3466
+ /* stylelint-disable-next-line function-no-unknown */
3633
3467
  z-index: 9001;
3634
3468
  align-items: flex-end;
3635
3469
  color: var(--cds-text-primary, #161616);
@@ -3638,6 +3472,7 @@ p.c4p--about-modal__copyright-text:first-child {
3638
3472
  --c4p--tearsheet--stacking-scale-factor-double: 0.9;
3639
3473
  }
3640
3474
  .c4p--tearsheet.is-visible {
3475
+ /* stylelint-disable-next-line function-no-unknown */
3641
3476
  z-index: 9000;
3642
3477
  align-items: flex-end;
3643
3478
  transition: visibility 0s linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
@@ -3648,14 +3483,17 @@ p.c4p--about-modal__copyright-text:first-child {
3648
3483
  }
3649
3484
  }
3650
3485
  .c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 {
3486
+ /* stylelint-disable-next-line function-no-unknown */
3651
3487
  z-index: 8999;
3652
3488
  background-color: rgba(22, 22, 22, 0.33);
3653
3489
  }
3654
3490
  .c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 {
3491
+ /* stylelint-disable-next-line function-no-unknown */
3655
3492
  z-index: 8998;
3656
3493
  background-color: rgba(22, 22, 22, 0.11);
3657
3494
  }
3658
3495
  .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 {
3496
+ /* stylelint-disable-next-line function-no-unknown */
3659
3497
  z-index: 8999;
3660
3498
  background-color: rgba(22, 22, 22, 0.25);
3661
3499
  }
@@ -3704,13 +3542,11 @@ p.c4p--about-modal__copyright-text:first-child {
3704
3542
  padding: 1.5rem 2rem;
3705
3543
  border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
3706
3544
  margin: 0;
3707
- background-color: var(--cds-layer);
3708
3545
  }
3709
3546
  .c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header {
3710
3547
  padding: 1rem;
3711
3548
  border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
3712
3549
  margin: 0;
3713
- background-color: var(--cds-layer);
3714
3550
  }
3715
3551
  .c4p--tearsheet .c4p--tearsheet__header-content {
3716
3552
  display: flex;
@@ -3801,13 +3637,10 @@ p.c4p--about-modal__copyright-text:first-child {
3801
3637
  .c4p--tearsheet .c4p--tearsheet__main {
3802
3638
  display: flex;
3803
3639
  flex-direction: row;
3804
- background-color: var(--cds-background, #ffffff);
3640
+ background-color: var(--cds-layer);
3805
3641
  grid-column: 1/-1;
3806
3642
  grid-row: 1/-1;
3807
3643
  }
3808
- .c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__main {
3809
- background-color: var(--cds-layer);
3810
- }
3811
3644
  .c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer {
3812
3645
  border-right: none;
3813
3646
  border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
@@ -4429,9 +4262,6 @@ c4p--card__icon:active {
4429
4262
  display: flex;
4430
4263
  align-items: center;
4431
4264
  }
4432
- .c4p--add-select__selections-form-control-wrapper--radio {
4433
- cursor: pointer;
4434
- }
4435
4265
  .c4p--add-select__selections-form-control-label-wrapper {
4436
4266
  display: flex;
4437
4267
  margin-left: 1rem;
@@ -4911,14 +4741,6 @@ button.c4p--add-select__global-filter-toggle--open {
4911
4741
  --cds-fluid-spacing-02: 2vw;
4912
4742
  --cds-fluid-spacing-03: 5vw;
4913
4743
  --cds-fluid-spacing-04: 10vw;
4914
- --cds-caption-01-font-size: 0.75rem;
4915
- --cds-caption-01-font-weight: 400;
4916
- --cds-caption-01-line-height: 1.33333;
4917
- --cds-caption-01-letter-spacing: 0.32px;
4918
- --cds-caption-02-font-size: 0.875rem;
4919
- --cds-caption-02-font-weight: 400;
4920
- --cds-caption-02-line-height: 1.28572;
4921
- --cds-caption-02-letter-spacing: 0.32px;
4922
4744
  --cds-label-01-font-size: 0.75rem;
4923
4745
  --cds-label-01-font-weight: 400;
4924
4746
  --cds-label-01-line-height: 1.33333;
@@ -5167,7 +4989,7 @@ button.c4p--add-select__global-filter-toggle--open {
5167
4989
  top: 3rem;
5168
4990
  right: 0;
5169
4991
  overflow: auto;
5170
- min-width: 20rem;
4992
+ min-width: 22.75rem;
5171
4993
  max-width: 22.75rem;
5172
4994
  min-height: 38.5rem;
5173
4995
  max-height: 38.5rem;
@@ -7175,6 +6997,7 @@ button.c4p--add-select__global-filter-toggle--open {
7175
6997
  }
7176
6998
 
7177
6999
  .c4p--breadcrumb-with-overflow__overflow-menu-options.c4p--breadcrumb-with-overflow__overflow-menu-options {
7000
+ /* stylelint-disable-next-line function-no-unknown */
7178
7001
  z-index: 8000;
7179
7002
  }
7180
7003
 
@@ -7340,6 +7163,7 @@ button.c4p--add-select__global-filter-toggle--open {
7340
7163
  justify-content: flex-end;
7341
7164
  }
7342
7165
 
7166
+ /* stylelint-disable-next-line function-no-unknown */
7343
7167
  @keyframes background-appear {
7344
7168
  from {
7345
7169
  /* stylelint-disable-next-line carbon/theme-token-use */
@@ -8725,14 +8549,6 @@ button.c4p--add-select__global-filter-toggle--open {
8725
8549
  --cds-fluid-spacing-02: 2vw;
8726
8550
  --cds-fluid-spacing-03: 5vw;
8727
8551
  --cds-fluid-spacing-04: 10vw;
8728
- --cds-caption-01-font-size: 0.75rem;
8729
- --cds-caption-01-font-weight: 400;
8730
- --cds-caption-01-line-height: 1.33333;
8731
- --cds-caption-01-letter-spacing: 0.32px;
8732
- --cds-caption-02-font-size: 0.875rem;
8733
- --cds-caption-02-font-weight: 400;
8734
- --cds-caption-02-line-height: 1.28572;
8735
- --cds-caption-02-letter-spacing: 0.32px;
8736
8552
  --cds-label-01-font-size: 0.75rem;
8737
8553
  --cds-label-01-font-weight: 400;
8738
8554
  --cds-label-01-line-height: 1.33333;
@@ -9118,14 +8934,6 @@ button.c4p--add-select__global-filter-toggle--open {
9118
8934
  --cds-fluid-spacing-02: 2vw;
9119
8935
  --cds-fluid-spacing-03: 5vw;
9120
8936
  --cds-fluid-spacing-04: 10vw;
9121
- --cds-caption-01-font-size: 0.75rem;
9122
- --cds-caption-01-font-weight: 400;
9123
- --cds-caption-01-line-height: 1.33333;
9124
- --cds-caption-01-letter-spacing: 0.32px;
9125
- --cds-caption-02-font-size: 0.875rem;
9126
- --cds-caption-02-font-weight: 400;
9127
- --cds-caption-02-line-height: 1.28572;
9128
- --cds-caption-02-letter-spacing: 0.32px;
9129
8937
  --cds-label-01-font-size: 0.75rem;
9130
8938
  --cds-label-01-font-weight: 400;
9131
8939
  --cds-label-01-line-height: 1.33333;
@@ -10250,6 +10058,13 @@ button.c4p--add-select__global-filter-toggle--open {
10250
10058
  overscroll-behavior: none;
10251
10059
  }
10252
10060
 
10061
+ /*
10062
+ * Licensed Materials - Property of IBM
10063
+ * 5724-Q36
10064
+ * (c) Copyright IBM Corp. 2020 - 2021
10065
+ * US Government Users Restricted Rights - Use, duplication or disclosure
10066
+ * restricted by GSA ADP Schedule Contract with IBM Corp.
10067
+ */
10253
10068
  .c4p--datagrid__table-toolbar > section {
10254
10069
  z-index: 2;
10255
10070
  overflow: visible;
@@ -10721,6 +10536,11 @@ button.c4p--add-select__global-filter-toggle--open {
10721
10536
  width: 100%;
10722
10537
  }
10723
10538
 
10539
+ .cds--body--with-modal-open .c4p--datagrid__grid-container {
10540
+ overflow: hidden;
10541
+ height: 100vh;
10542
+ }
10543
+
10724
10544
  .c4p--datagrid .cds--modal {
10725
10545
  width: 100%;
10726
10546
  }
@@ -10761,18 +10581,6 @@ button.c4p--add-select__global-filter-toggle--open {
10761
10581
  background-color: var(--cds-layer-accent);
10762
10582
  }
10763
10583
 
10764
- .c4p--datagrid .cds--action-list .cds--btn.c4p--button-menu {
10765
- padding: 0;
10766
- }
10767
-
10768
- .c4p--datagrid .cds--action-list .cds--btn {
10769
- align-items: center;
10770
- }
10771
-
10772
- .c4p--datagrid .cds--action-list .cds--btn__icon {
10773
- margin-top: 0;
10774
- }
10775
-
10776
10584
  /*
10777
10585
  * Licensed Materials - Property of IBM
10778
10586
  * 5724-Q36
@@ -11203,13 +11011,6 @@ button.c4p--add-select__global-filter-toggle--open {
11203
11011
  grid-template-columns: 1fr 1fr;
11204
11012
  }
11205
11013
 
11206
- .c4p--datagrid-filter-flyout__trigger.cds--btn {
11207
- display: flex;
11208
- width: 3rem;
11209
- height: 3rem;
11210
- justify-content: center;
11211
- }
11212
-
11213
11014
  .c4p--datagrid-filter-flyout__trigger--open.cds--btn.cds--btn--icon-only {
11214
11015
  position: relative;
11215
11016
  background-color: var(--cds-layer-02, #ffffff);
@@ -11333,10 +11134,6 @@ button.c4p--add-select__global-filter-toggle--open {
11333
11134
  }
11334
11135
 
11335
11136
  .cds--btn.c4p--datagrid-filter-panel-open-button {
11336
- display: flex;
11337
- width: 3rem;
11338
- height: 3rem;
11339
- justify-content: center;
11340
11137
  border-right: 1px solid var(--cds-layer-accent-01, #e0e0e0);
11341
11138
  border-bottom: none;
11342
11139
  }
@@ -11865,7 +11662,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
11865
11662
  .c4p--datagrid__datagridWrap :global(.cds--checkbox) {
11866
11663
  display: none;
11867
11664
  }
11868
- .c4p--datagrid__datagridWrap .cds--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
11665
+ .c4p--datagrid__datagridWrap .bx--overflow-menu-options > .c4p--datagrid__row-size-dropdown {
11869
11666
  left: 0.125rem;
11870
11667
  width: 112px;
11871
11668
  }
@@ -13485,6 +13282,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
13485
13282
  width: 0;
13486
13283
  }
13487
13284
 
13285
+ .cds--side-nav.cds--side-nav--rail:not(.cds--side-nav--fixed):hover,
13488
13286
  .cds--side-nav--expanded {
13489
13287
  width: 16rem;
13490
13288
  }
@@ -13891,16 +13689,6 @@ a.cds--side-nav__link--current::before {
13891
13689
  color: var(--cds-text-primary, #161616);
13892
13690
  }
13893
13691
 
13894
- .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
13895
- background-color: var(--cds-layer-selected-hover);
13896
- }
13897
-
13898
- .cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
13899
- .cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
13900
- width: 3px;
13901
- height: calc(100% + 4px);
13902
- }
13903
-
13904
13692
  .cds--side-nav .cds--header__menu a.cds--header__menu-item {
13905
13693
  height: inherit;
13906
13694
  }
@@ -13919,157 +13707,6 @@ a.cds--side-nav__link--current::before {
13919
13707
  fill: ButtonText;
13920
13708
  }
13921
13709
  }
13922
- :root {
13923
- --cds-layout-size-height-xs:1.5rem;
13924
- --cds-layout-size-height-sm:2rem;
13925
- --cds-layout-size-height-md:2.5rem;
13926
- --cds-layout-size-height-lg:3rem;
13927
- --cds-layout-size-height-xl:4rem;
13928
- --cds-layout-size-height-2xl:5rem;
13929
- --cds-layout-size-height-min:0px;
13930
- --cds-layout-size-height-max:999999999px;
13931
- --cds-layout-density-padding-inline-condensed:0.5rem;
13932
- --cds-layout-density-padding-inline-normal:1rem;
13933
- --cds-layout-density-padding-inline-min:0px;
13934
- --cds-layout-density-padding-inline-max:999999999px;
13935
- }
13936
-
13937
- .cds--layout--size-xs {
13938
- --cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);
13939
- --cds-layout-size-height:var(--cds-layout-size-height-context);
13940
- }
13941
-
13942
- .cds--layout-constraint--size\:default-xs {
13943
- --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));
13944
- }
13945
-
13946
- .cds--layout-constraint--size\:min-xs {
13947
- --cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem);
13948
- }
13949
-
13950
- .cds--layout-constraint--size\:max-xs {
13951
- --cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem);
13952
- }
13953
-
13954
- .cds--layout--size-sm {
13955
- --cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);
13956
- --cds-layout-size-height:var(--cds-layout-size-height-context);
13957
- }
13958
-
13959
- .cds--layout-constraint--size\:default-sm {
13960
- --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));
13961
- }
13962
-
13963
- .cds--layout-constraint--size\:min-sm {
13964
- --cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem);
13965
- }
13966
-
13967
- .cds--layout-constraint--size\:max-sm {
13968
- --cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem);
13969
- }
13970
-
13971
- .cds--layout--size-md {
13972
- --cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);
13973
- --cds-layout-size-height:var(--cds-layout-size-height-context);
13974
- }
13975
-
13976
- .cds--layout-constraint--size\:default-md {
13977
- --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));
13978
- }
13979
-
13980
- .cds--layout-constraint--size\:min-md {
13981
- --cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem);
13982
- }
13983
-
13984
- .cds--layout-constraint--size\:max-md {
13985
- --cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem);
13986
- }
13987
-
13988
- .cds--layout--size-lg {
13989
- --cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);
13990
- --cds-layout-size-height:var(--cds-layout-size-height-context);
13991
- }
13992
-
13993
- .cds--layout-constraint--size\:default-lg {
13994
- --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));
13995
- }
13996
-
13997
- .cds--layout-constraint--size\:min-lg {
13998
- --cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem);
13999
- }
14000
-
14001
- .cds--layout-constraint--size\:max-lg {
14002
- --cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem);
14003
- }
14004
-
14005
- .cds--layout--size-xl {
14006
- --cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);
14007
- --cds-layout-size-height:var(--cds-layout-size-height-context);
14008
- }
14009
-
14010
- .cds--layout-constraint--size\:default-xl {
14011
- --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));
14012
- }
14013
-
14014
- .cds--layout-constraint--size\:min-xl {
14015
- --cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem);
14016
- }
14017
-
14018
- .cds--layout-constraint--size\:max-xl {
14019
- --cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem);
14020
- }
14021
-
14022
- .cds--layout--size-2xl {
14023
- --cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);
14024
- --cds-layout-size-height:var(--cds-layout-size-height-context);
14025
- }
14026
-
14027
- .cds--layout-constraint--size\:default-2xl {
14028
- --cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));
14029
- }
14030
-
14031
- .cds--layout-constraint--size\:min-2xl {
14032
- --cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem);
14033
- }
14034
-
14035
- .cds--layout-constraint--size\:max-2xl {
14036
- --cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem);
14037
- }
14038
-
14039
- .cds--layout--density-condensed {
14040
- --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);
14041
- --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);
14042
- }
14043
-
14044
- .cds--layout-constraint--density\:default-condensed {
14045
- --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));
14046
- }
14047
-
14048
- .cds--layout-constraint--density\:min-condensed {
14049
- --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem);
14050
- }
14051
-
14052
- .cds--layout-constraint--density\:max-condensed {
14053
- --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem);
14054
- }
14055
-
14056
- .cds--layout--density-normal {
14057
- --cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);
14058
- --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context);
14059
- }
14060
-
14061
- .cds--layout-constraint--density\:default-normal {
14062
- --cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));
14063
- }
14064
-
14065
- .cds--layout-constraint--density\:min-normal {
14066
- --cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem);
14067
- }
14068
-
14069
- .cds--layout-constraint--density\:max-normal {
14070
- --cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem);
14071
- }
14072
-
14073
13710
  .c4p--action-set {
14074
13711
  align-items: stretch;
14075
13712
  justify-content: flex-end;
@@ -14140,6 +13777,7 @@ a.cds--side-nav__link--current::before {
14140
13777
  }
14141
13778
 
14142
13779
  .c4p--tearsheet.c4p--tearsheet {
13780
+ /* stylelint-disable-next-line function-no-unknown */
14143
13781
  z-index: 9001;
14144
13782
  align-items: flex-end;
14145
13783
  color: var(--cds-text-primary, #161616);
@@ -14149,6 +13787,7 @@ a.cds--side-nav__link--current::before {
14149
13787
  }
14150
13788
 
14151
13789
  .c4p--tearsheet.is-visible {
13790
+ /* stylelint-disable-next-line function-no-unknown */
14152
13791
  z-index: 9000;
14153
13792
  align-items: flex-end;
14154
13793
  transition: visibility 0s linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
@@ -14160,16 +13799,19 @@ a.cds--side-nav__link--current::before {
14160
13799
  }
14161
13800
  }
14162
13801
  .c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 {
13802
+ /* stylelint-disable-next-line function-no-unknown */
14163
13803
  z-index: 8999;
14164
13804
  background-color: rgba(22, 22, 22, 0.33);
14165
13805
  }
14166
13806
 
14167
13807
  .c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 {
13808
+ /* stylelint-disable-next-line function-no-unknown */
14168
13809
  z-index: 8998;
14169
13810
  background-color: rgba(22, 22, 22, 0.11);
14170
13811
  }
14171
13812
 
14172
13813
  .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 {
13814
+ /* stylelint-disable-next-line function-no-unknown */
14173
13815
  z-index: 8999;
14174
13816
  background-color: rgba(22, 22, 22, 0.25);
14175
13817
  }
@@ -14230,14 +13872,12 @@ a.cds--side-nav__link--current::before {
14230
13872
  padding: 1.5rem 2rem;
14231
13873
  border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
14232
13874
  margin: 0;
14233
- background-color: var(--cds-layer);
14234
13875
  }
14235
13876
 
14236
13877
  .c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header {
14237
13878
  padding: 1rem;
14238
13879
  border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
14239
13880
  margin: 0;
14240
- background-color: var(--cds-layer);
14241
13881
  }
14242
13882
 
14243
13883
  .c4p--tearsheet .c4p--tearsheet__header-content {
@@ -14348,15 +13988,11 @@ a.cds--side-nav__link--current::before {
14348
13988
  .c4p--tearsheet .c4p--tearsheet__main {
14349
13989
  display: flex;
14350
13990
  flex-direction: row;
14351
- background-color: var(--cds-background, #ffffff);
13991
+ background-color: var(--cds-layer);
14352
13992
  grid-column: 1/-1;
14353
13993
  grid-row: 1/-1;
14354
13994
  }
14355
13995
 
14356
- .c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__main {
14357
- background-color: var(--cds-layer);
14358
- }
14359
-
14360
13996
  .c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer {
14361
13997
  border-right: none;
14362
13998
  border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
@@ -14704,14 +14340,6 @@ video {
14704
14340
  vertical-align: baseline;
14705
14341
  }
14706
14342
 
14707
- button,
14708
- select,
14709
- input,
14710
- textarea {
14711
- border-radius: 0;
14712
- font-family: inherit;
14713
- }
14714
-
14715
14343
  /* HTML5 display-role reset for older browsers */
14716
14344
  article,
14717
14345
  aside,
@@ -16349,8 +15977,6 @@ em {
16349
15977
  }
16350
15978
 
16351
15979
  .cds--accordion {
16352
- --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
16353
- --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
16354
15980
  box-sizing: border-box;
16355
15981
  padding: 0;
16356
15982
  border: 0;
@@ -16396,10 +16022,11 @@ em {
16396
16022
  position: relative;
16397
16023
  display: flex;
16398
16024
  width: 100%;
16399
- min-height: var(--cds-layout-size-height-local);
16025
+ min-height: 2.5rem;
16400
16026
  flex-direction: row-reverse;
16401
- align-items: center;
16027
+ align-items: flex-start;
16402
16028
  justify-content: flex-start;
16029
+ padding: 0.625rem 0;
16403
16030
  margin: 0;
16404
16031
  color: var(--cds-text-primary, #161616);
16405
16032
  cursor: pointer;
@@ -16437,6 +16064,16 @@ em {
16437
16064
  }
16438
16065
  }
16439
16066
 
16067
+ .cds--accordion--lg .cds--accordion__heading {
16068
+ min-height: 3rem;
16069
+ align-items: center;
16070
+ }
16071
+
16072
+ .cds--accordion--sm .cds--accordion__heading {
16073
+ min-height: 2rem;
16074
+ padding: 0.3125rem 0;
16075
+ }
16076
+
16440
16077
  .cds--accordion__heading[disabled] {
16441
16078
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
16442
16079
  cursor: not-allowed;
@@ -16465,7 +16102,7 @@ li.cds--accordion__item--disabled:last-of-type {
16465
16102
  width: 1rem;
16466
16103
  height: 1rem;
16467
16104
  flex: 0 0 1rem;
16468
- margin: 0 var(--cds-layout-density-padding-inline-local) 0 0;
16105
+ margin: 2px 1rem 0 0;
16469
16106
  fill: var(--cds-icon-primary, #161616);
16470
16107
  transform: rotate(-270deg) /*rtl:ignore*/;
16471
16108
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
@@ -16479,13 +16116,14 @@ li.cds--accordion__item--disabled:last-of-type {
16479
16116
  z-index: 1;
16480
16117
  width: 100%;
16481
16118
  padding-right: 1rem;
16482
- margin: 0 0 0 var(--cds-layout-density-padding-inline-local);
16119
+ margin: 0 0 0 1rem;
16483
16120
  text-align: left;
16484
16121
  }
16485
16122
 
16486
16123
  .cds--accordion__content {
16487
16124
  display: none;
16488
- padding-inline: var(--cds-layout-density-padding-inline-local);
16125
+ padding-right: 1rem;
16126
+ padding-left: 1rem;
16489
16127
  transition: padding cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
16490
16128
  }
16491
16129
  @media (min-width: 480px) {
@@ -16510,7 +16148,7 @@ li.cds--accordion__item--disabled:last-of-type {
16510
16148
  }
16511
16149
 
16512
16150
  .cds--accordion--start .cds--accordion__arrow {
16513
- margin: 2px 0 0 var(--cds-layout-density-padding-inline-local);
16151
+ margin: 2px 0 0 1rem;
16514
16152
  }
16515
16153
 
16516
16154
  .cds--accordion--start .cds--accordion__title {
@@ -16518,7 +16156,7 @@ li.cds--accordion__item--disabled:last-of-type {
16518
16156
  }
16519
16157
 
16520
16158
  .cds--accordion--start .cds--accordion__content {
16521
- margin-left: calc(var(--cds-layout-density-padding-inline-local) + 1rem);
16159
+ margin-left: 2rem;
16522
16160
  }
16523
16161
 
16524
16162
  .cds--accordion__item--collapsing .cds--accordion__content,
@@ -16954,15 +16592,6 @@ li.cds--accordion__item--disabled:last-of-type {
16954
16592
  }
16955
16593
 
16956
16594
  .cds--btn {
16957
- --cds-layout-size-height-local: clamp(var(--cds-layout-size-height-min), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), var(--cds-layout-size-height-max));
16958
- --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
16959
- --temp-1lh: (
16960
- var(--cds-body-compact-01-line-height, 1.28572) * 1em
16961
- );
16962
- --temp-padding-block-max: calc(
16963
- (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 -
16964
- 0.0625rem
16965
- );
16966
16595
  box-sizing: border-box;
16967
16596
  padding: 0;
16968
16597
  border: 0;
@@ -16978,16 +16607,15 @@ li.cds--accordion__item--disabled:last-of-type {
16978
16607
  display: inline-flex;
16979
16608
  width: max-content;
16980
16609
  max-width: 20rem;
16981
- height: var(--cds-layout-size-height-local);
16610
+ min-height: 3rem;
16982
16611
  flex-shrink: 0;
16612
+ align-items: center;
16983
16613
  justify-content: space-between;
16614
+ padding: calc(0.875rem - 3px) calc(4rem - 1px) calc(0.875rem - 3px) calc(1rem - 1px);
16984
16615
  margin: 0;
16985
16616
  border-radius: 0;
16986
16617
  cursor: pointer;
16987
16618
  outline: none;
16988
- padding-block-start: min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));
16989
- padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);
16990
- padding-inline-start: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
16991
16619
  text-align: left;
16992
16620
  text-decoration: none;
16993
16621
  transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);
@@ -17007,12 +16635,10 @@ li.cds--accordion__item--disabled:last-of-type {
17007
16635
  }
17008
16636
  .cds--btn .cds--btn__icon {
17009
16637
  position: absolute;
17010
- top: min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));
17011
- right: var(--cds-layout-density-padding-inline-local);
16638
+ right: 1rem;
17012
16639
  width: 1rem;
17013
16640
  height: 1rem;
17014
16641
  flex-shrink: 0;
17015
- margin-block-start: 0.0625rem;
17016
16642
  }
17017
16643
 
17018
16644
  .cds--btn::-moz-focus-inner {
@@ -17115,7 +16741,7 @@ li.cds--accordion__item--disabled:last-of-type {
17115
16741
  border-color: transparent;
17116
16742
  background-color: transparent;
17117
16743
  color: var(--cds-link-primary, #0f62fe);
17118
- padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
16744
+ padding: calc(0.875rem - 3px) 1rem;
17119
16745
  }
17120
16746
  .cds--btn--ghost:hover {
17121
16747
  background-color: var(--cds-layer-hover);
@@ -17147,19 +16773,19 @@ li.cds--accordion__item--disabled:last-of-type {
17147
16773
  color: var(--cds-text-on-color-disabled, #8d8d8d);
17148
16774
  outline: none;
17149
16775
  }
16776
+ .cds--btn--ghost.cds--btn--sm {
16777
+ padding: calc(0.375rem - 3px) 1rem;
16778
+ }
16779
+ .cds--btn--ghost.cds--btn--field, .cds--btn--ghost.cds--btn--md {
16780
+ padding: calc(0.675rem - 3px) 1rem;
16781
+ }
17150
16782
  .cds--btn--ghost:not([disabled]) svg {
17151
16783
  fill: var(--cds-icon-primary, #161616);
17152
16784
  }
17153
16785
 
17154
16786
  .cds--btn--icon-only {
17155
- width: var(--cds-layout-size-height-local);
17156
- height: var(--cds-layout-size-height-local);
17157
- justify-content: center;
17158
- padding: 0;
17159
- padding-block-start: min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));
17160
- }
17161
- .cds--btn--icon-only > :first-child {
17162
- margin-block-start: 0.0625rem;
16787
+ padding-right: 0.9375rem;
16788
+ padding-left: 0.9375rem;
17163
16789
  }
17164
16790
  .cds--btn--icon-only .cds--btn__icon {
17165
16791
  position: static;
@@ -17191,12 +16817,15 @@ li.cds--accordion__item--disabled:last-of-type {
17191
16817
  cursor: not-allowed;
17192
16818
  }
17193
16819
 
17194
- .cds--icon-tooltip--disabled .cds--tooltip-trigger__wrapper {
17195
- cursor: not-allowed;
16820
+ .cds--btn--field.cds--btn--icon-only,
16821
+ .cds--btn--md.cds--btn--icon-only {
16822
+ padding-right: 0.6875rem;
16823
+ padding-left: 0.6875rem;
17196
16824
  }
17197
16825
 
17198
- .cds--icon-tooltip--disabled .cds--btn--icon-only[disabled] {
17199
- pointer-events: none;
16826
+ .cds--btn--sm.cds--btn--icon-only {
16827
+ padding-right: 0.4375rem;
16828
+ padding-left: 0.4375rem;
17200
16829
  }
17201
16830
 
17202
16831
  .cds--btn--danger {
@@ -17268,7 +16897,7 @@ li.cds--accordion__item--disabled:last-of-type {
17268
16897
  border-color: transparent;
17269
16898
  background-color: transparent;
17270
16899
  color: var(--cds-button-danger-secondary, #da1e28);
17271
- padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
16900
+ padding: calc(0.875rem - 3px) 1rem;
17272
16901
  }
17273
16902
  .cds--btn--danger--ghost:hover {
17274
16903
  background-color: var(--cds-button-danger-hover, #b81921);
@@ -17297,12 +16926,46 @@ li.cds--accordion__item--disabled:last-of-type {
17297
16926
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
17298
16927
  outline: none;
17299
16928
  }
16929
+ .cds--btn--danger--ghost.cds--btn--sm {
16930
+ padding: calc(0.375rem - 3px) 1rem;
16931
+ }
16932
+ .cds--btn--danger--ghost.cds--btn--field, .cds--btn--danger--ghost.cds--btn--md {
16933
+ padding: calc(0.675rem - 3px) 1rem;
16934
+ }
16935
+
16936
+ .cds--btn--sm {
16937
+ min-height: 2rem;
16938
+ padding: calc(0.375rem - 3px) calc(4rem - 4px) calc(0.375rem - 3px) calc(1rem - 4px);
16939
+ }
16940
+
16941
+ .cds--btn--2xl:not(.cds--btn--icon-only) {
16942
+ align-items: baseline;
16943
+ padding-top: 1rem;
16944
+ padding-right: 4rem;
16945
+ padding-left: 1rem;
16946
+ min-height: 5rem;
16947
+ }
16948
+
16949
+ .cds--btn--xl:not(.cds--btn--icon-only) {
16950
+ align-items: baseline;
16951
+ padding-top: 1rem;
16952
+ padding-right: 4rem;
16953
+ padding-left: 1rem;
16954
+ min-height: 4rem;
16955
+ }
16956
+
16957
+ .cds--btn--field,
16958
+ .cds--btn--md {
16959
+ min-height: 2.5rem;
16960
+ padding: calc(0.675rem - 3px) calc(4rem - 4px) calc(0.675rem - 3px) calc(1rem - 4px);
16961
+ }
17300
16962
 
17301
16963
  .cds--btn--expressive {
17302
16964
  font-size: var(--cds-body-compact-02-font-size, 1rem);
17303
16965
  font-weight: var(--cds-body-compact-02-font-weight, 400);
17304
16966
  line-height: var(--cds-body-compact-02-line-height, 1.375);
17305
16967
  letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
16968
+ min-height: 3rem;
17306
16969
  }
17307
16970
 
17308
16971
  .cds--btn--icon-only.cds--btn--expressive {
@@ -17603,7 +17266,6 @@ input[data-invalid] ~ .cds--form-requirement,
17603
17266
  .cds--date-picker-input__wrapper--warn ~ .cds--form-requirement,
17604
17267
  .cds--date-picker-input__wrapper--invalid ~ .cds--form-requirement,
17605
17268
  .cds--time-picker--invalid ~ .cds--form-requirement,
17606
- .cds--time-picker--warning ~ .cds--form-requirement,
17607
17269
  .cds--text-input__field-wrapper[data-invalid] ~ .cds--form-requirement,
17608
17270
  .cds--text-input__field-wrapper--warning ~ .cds--form-requirement,
17609
17271
  .cds--text-input__field-wrapper--warning > .cds--text-input ~ .cds--form-requirement,
@@ -17993,8 +17655,6 @@ fieldset[disabled] .cds--form__helper-text {
17993
17655
  }
17994
17656
 
17995
17657
  .cds--text-input {
17996
- --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
17997
- --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
17998
17658
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
17999
17659
  font-weight: var(--cds-body-compact-01-font-weight, 400);
18000
17660
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
@@ -18002,8 +17662,8 @@ fieldset[disabled] .cds--form__helper-text {
18002
17662
  outline: 2px solid transparent;
18003
17663
  outline-offset: -2px;
18004
17664
  width: 100%;
18005
- height: var(--cds-layout-size-height-local);
18006
- padding: 0 var(--cds-layout-density-padding-inline-local);
17665
+ height: 2.5rem;
17666
+ padding: 0 1rem;
18007
17667
  border: none;
18008
17668
  border-bottom: 1px solid var(--cds-border-strong);
18009
17669
  background-color: var(--cds-field);
@@ -18040,6 +17700,14 @@ fieldset[disabled] .cds--form__helper-text {
18040
17700
  display: none;
18041
17701
  }
18042
17702
 
17703
+ .cds--text-input--lg {
17704
+ height: 3rem;
17705
+ }
17706
+
17707
+ .cds--text-input--sm {
17708
+ height: 2rem;
17709
+ }
17710
+
18043
17711
  .cds--password-input {
18044
17712
  padding-right: 2.5rem;
18045
17713
  }
@@ -18583,10 +18251,6 @@ fieldset[disabled] .cds--form__helper-text {
18583
18251
  }
18584
18252
 
18585
18253
  .cds--tag {
18586
- --cds-layout-size-height-xs: 1.125rem;
18587
- --cds-layout-size-height-sm: 1.125rem;
18588
- --cds-layout-size-height-md: 1.5rem;
18589
- --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-md)));
18590
18254
  font-size: var(--cds-label-01-font-size, 0.75rem);
18591
18255
  font-weight: var(--cds-label-01-font-weight, 400);
18592
18256
  line-height: var(--cds-label-01-line-height, 1.33333);
@@ -18596,25 +18260,16 @@ fieldset[disabled] .cds--form__helper-text {
18596
18260
  display: inline-flex;
18597
18261
  min-width: 2rem;
18598
18262
  max-width: 100%;
18599
- min-height: var(--cds-layout-size-height-local);
18263
+ min-height: 1.5rem;
18600
18264
  align-items: center;
18601
18265
  justify-content: center;
18266
+ padding: 0.25rem 0.5rem;
18602
18267
  margin: 0.25rem;
18603
18268
  border-radius: 0.9375rem;
18604
18269
  cursor: default;
18605
- padding-inline: 0.5rem;
18606
18270
  vertical-align: middle;
18607
18271
  word-break: break-word;
18608
18272
  }
18609
- .cds--layout--size-xs .cds--tag {
18610
- --cds-layout-size-height: var(--cds-layout-size-height-xs);
18611
- }
18612
- .cds--layout--size-sm .cds--tag {
18613
- --cds-layout-size-height: var(--cds-layout-size-height-sm);
18614
- }
18615
- .cds--layout--size-md .cds--tag {
18616
- --cds-layout-size-height: var(--cds-layout-size-height-md);
18617
- }
18618
18273
  .cds--tag.cds--tag--interactive:hover,
18619
18274
  .cds--tag .cds--tag__close-icon:hover {
18620
18275
  background-color: var(--cds-tag-hover-gray, #c6c6c6);
@@ -18785,8 +18440,8 @@ fieldset[disabled] .cds--form__helper-text {
18785
18440
 
18786
18441
  .cds--tag__close-icon {
18787
18442
  display: flex;
18788
- width: var(--cds-layout-size-height-local);
18789
- height: var(--cds-layout-size-height-local);
18443
+ width: 1.5rem;
18444
+ height: 1.5rem;
18790
18445
  flex-shrink: 0;
18791
18446
  align-items: center;
18792
18447
  justify-content: center;
@@ -18840,11 +18495,18 @@ fieldset[disabled] .cds--form__helper-text {
18840
18495
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
18841
18496
  }
18842
18497
 
18498
+ .cds--tag--sm {
18499
+ min-height: 1.125rem;
18500
+ padding: 0 0.5rem;
18501
+ }
18502
+
18843
18503
  .cds--tag--sm.cds--tag--filter {
18844
18504
  padding-right: 0;
18845
18505
  }
18846
18506
 
18847
18507
  .cds--tag--sm .cds--tag__close-icon {
18508
+ width: 1.125rem;
18509
+ height: 1.125rem;
18848
18510
  margin-left: 0.3125rem;
18849
18511
  }
18850
18512
 
@@ -19753,23 +19415,13 @@ fieldset[disabled] .cds--form__helper-text {
19753
19415
  transform: rotate(180deg);
19754
19416
  }
19755
19417
 
19756
- .cds--contained-list {
19757
- --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)));
19758
- --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
19759
- }
19760
-
19761
- .cds--contained-list > ul {
19762
- padding: 0;
19763
- margin: 0;
19764
- }
19765
-
19766
19418
  .cds--contained-list__header {
19767
19419
  position: sticky;
19768
19420
  z-index: 1;
19769
19421
  top: 0;
19770
19422
  display: flex;
19771
19423
  align-items: center;
19772
- padding-inline: var(--cds-layout-density-padding-inline-local);
19424
+ padding-inline: 1rem;
19773
19425
  }
19774
19426
 
19775
19427
  .cds--contained-list__label {
@@ -19779,7 +19431,7 @@ fieldset[disabled] .cds--form__helper-text {
19779
19431
  .cds--contained-list .cds--search {
19780
19432
  position: sticky;
19781
19433
  z-index: 1;
19782
- top: var(--cds-layout-size-height-local);
19434
+ top: 48px;
19783
19435
  }
19784
19436
  .cds--contained-list .cds--search.cds--search--expandable .cds--search-input {
19785
19437
  background-color: var(--cds-field);
@@ -19818,6 +19470,46 @@ fieldset[disabled] .cds--form__helper-text {
19818
19470
  outline: none;
19819
19471
  }
19820
19472
 
19473
+ .cds--contained-list--on-page.cds--contained-list--sm .cds--contained-list__header {
19474
+ height: 2rem;
19475
+ }
19476
+
19477
+ .cds--contained-list--sm .cds--contained-list-item__content,
19478
+ .cds--contained-list--sm .cds--contained-list-item--clickable .cds--contained-list-item__content {
19479
+ min-height: 2rem;
19480
+ padding: calc(0.5rem - 0.125rem) 1rem;
19481
+ }
19482
+
19483
+ .cds--contained-list--on-page.cds--contained-list--md .cds--contained-list__header {
19484
+ height: 2.5rem;
19485
+ }
19486
+
19487
+ .cds--contained-list--md .cds--contained-list-item__content,
19488
+ .cds--contained-list--md .cds--contained-list-item--clickable .cds--contained-list-item__content {
19489
+ min-height: 2.5rem;
19490
+ padding: calc(0.75rem - 0.125rem) 1rem;
19491
+ }
19492
+
19493
+ .cds--contained-list--on-page.cds--contained-list--lg .cds--contained-list__header {
19494
+ height: 3rem;
19495
+ }
19496
+
19497
+ .cds--contained-list--lg .cds--contained-list-item__content,
19498
+ .cds--contained-list--lg .cds--contained-list-item--clickable .cds--contained-list-item__content {
19499
+ min-height: 3rem;
19500
+ padding: calc(1rem - 0.125rem) 1rem;
19501
+ }
19502
+
19503
+ .cds--contained-list--on-page.cds--contained-list--xl .cds--contained-list__header {
19504
+ height: 4rem;
19505
+ }
19506
+
19507
+ .cds--contained-list--xl .cds--contained-list-item__content,
19508
+ .cds--contained-list--xl .cds--contained-list-item--clickable .cds--contained-list-item__content {
19509
+ min-height: 4rem;
19510
+ padding: calc(1.5rem - 0.125rem) 1rem;
19511
+ }
19512
+
19821
19513
  .cds--contained-list--on-page + .cds--contained-list--on-page {
19822
19514
  margin-block-start: 1rem;
19823
19515
  }
@@ -19827,7 +19519,6 @@ fieldset[disabled] .cds--form__helper-text {
19827
19519
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
19828
19520
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
19829
19521
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
19830
- height: var(--cds-layout-size-height-local);
19831
19522
  border-bottom: 1px solid var(--cds-border-subtle);
19832
19523
  background-color: var(--cds-background, #ffffff);
19833
19524
  color: var(--cds-text-primary, #161616);
@@ -19853,17 +19544,12 @@ fieldset[disabled] .cds--form__helper-text {
19853
19544
 
19854
19545
  .cds--contained-list-item {
19855
19546
  position: relative;
19856
- list-style: none;
19857
19547
  }
19858
19548
 
19859
19549
  .cds--contained-list-item:not(:first-of-type) {
19860
19550
  margin-top: -1px;
19861
19551
  }
19862
19552
 
19863
- .cds--contained-list-item__content {
19864
- box-sizing: border-box;
19865
- }
19866
-
19867
19553
  .cds--contained-list-item--clickable .cds--contained-list-item__content {
19868
19554
  box-sizing: border-box;
19869
19555
  padding: 0;
@@ -19894,15 +19580,10 @@ fieldset[disabled] .cds--form__helper-text {
19894
19580
 
19895
19581
  .cds--contained-list-item__content,
19896
19582
  .cds--contained-list-item--clickable .cds--contained-list-item__content {
19897
- --temp-1lh: (
19898
- var(--cds-body-01-line-height, 1.42857) * 1em
19899
- );
19900
19583
  font-size: var(--cds-body-01-font-size, 0.875rem);
19901
19584
  font-weight: var(--cds-body-01-font-weight, 400);
19902
19585
  line-height: var(--cds-body-01-line-height, 1.42857);
19903
19586
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
19904
- min-height: var(--cds-layout-size-height-local);
19905
- padding: calc((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2) var(--cds-layout-density-padding-inline-local);
19906
19587
  color: var(--cds-text-primary, #161616);
19907
19588
  }
19908
19589
 
@@ -19917,8 +19598,8 @@ fieldset[disabled] .cds--form__helper-text {
19917
19598
  }
19918
19599
 
19919
19600
  .cds--contained-list--inset-rulers .cds--contained-list-item:not(:last-of-type)::before {
19920
- right: var(--cds-layout-density-padding-inline-local);
19921
- left: var(--cds-layout-density-padding-inline-local);
19601
+ right: 1rem;
19602
+ left: 1rem;
19922
19603
  }
19923
19604
 
19924
19605
  .cds--contained-list-item--clickable .cds--contained-list-item__content:not(:disabled):hover {
@@ -19986,14 +19667,20 @@ fieldset[disabled] .cds--form__helper-text {
19986
19667
  }
19987
19668
 
19988
19669
  .cds--content-switcher {
19989
- --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
19990
- --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
19991
19670
  display: flex;
19992
19671
  width: 100%;
19993
- height: var(--cds-layout-size-height-local);
19672
+ height: 2.5rem;
19994
19673
  justify-content: space-evenly;
19995
19674
  }
19996
19675
 
19676
+ .cds--content-switcher--sm {
19677
+ height: 2rem;
19678
+ }
19679
+
19680
+ .cds--content-switcher--lg {
19681
+ height: 3rem;
19682
+ }
19683
+
19997
19684
  .cds--content-switcher-btn {
19998
19685
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
19999
19686
  outline: 2px solid transparent;
@@ -20005,6 +19692,9 @@ fieldset[disabled] .cds--form__helper-text {
20005
19692
  position: relative;
20006
19693
  display: inline-flex;
20007
19694
  overflow: hidden;
19695
+ width: 100%;
19696
+ align-items: center;
19697
+ padding: 0.5rem 1rem;
20008
19698
  border: none;
20009
19699
  border-top: 0.0625rem solid var(--cds-border-inverse, #161616);
20010
19700
  border-bottom: 0.0625rem solid var(--cds-border-inverse, #161616);
@@ -20082,12 +19772,6 @@ fieldset[disabled] .cds--form__helper-text {
20082
19772
  border-color: var(--cds-border-disabled, #c6c6c6);
20083
19773
  }
20084
19774
 
20085
- .cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn {
20086
- width: 100%;
20087
- align-items: center;
20088
- padding: 0.5rem var(--cds-layout-density-padding-inline-local);
20089
- }
20090
-
20091
19775
  .cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:first-child {
20092
19776
  border-left: 0.0625rem solid var(--cds-border-inverse, #161616);
20093
19777
  border-bottom-left-radius: 0.25rem;
@@ -20375,34 +20059,6 @@ fieldset[disabled] .cds--form__helper-text {
20375
20059
  vertical-align: middle;
20376
20060
  }
20377
20061
 
20378
- .cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand) {
20379
- padding-top: 1rem;
20380
- padding-bottom: 1rem;
20381
- }
20382
- .cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand).cds--table-column-menu {
20383
- padding-top: 0.5rem;
20384
- }
20385
- .cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand).cds--table-column-checkbox:not(.cds--table-column-radio) {
20386
- padding-top: 0.8125rem;
20387
- }
20388
- .cds--data-table.cds--data-table--top-aligned-body td {
20389
- vertical-align: top;
20390
- }
20391
-
20392
- .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header) {
20393
- padding-top: 1rem;
20394
- padding-bottom: 1rem;
20395
- }
20396
- .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header).cds--table-column-menu {
20397
- padding-top: 0.5rem;
20398
- }
20399
- .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header).cds--table-column-checkbox {
20400
- padding-top: 0.8125rem;
20401
- }
20402
- .cds--data-table.cds--data-table--top-aligned-header th {
20403
- vertical-align: top;
20404
- }
20405
-
20406
20062
  .cds--data-table th[align=right],
20407
20063
  .cds--data-table td[align=right] {
20408
20064
  text-align: right;
@@ -20683,8 +20339,7 @@ tr.cds--data-table--selected:last-of-type td {
20683
20339
  height: calc(100% + 1px);
20684
20340
  }
20685
20341
 
20686
- .cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
20687
- .cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
20342
+ .cds--data-table.cds--data-table--xs .cds--table-column-checkbox {
20688
20343
  padding-top: 0;
20689
20344
  padding-bottom: 0;
20690
20345
  }
@@ -20706,14 +20361,12 @@ tr.cds--data-table--selected:last-of-type td {
20706
20361
  }
20707
20362
 
20708
20363
  .cds--data-table--sm td,
20709
- .cds--data-table--sm tbody tr th,
20710
- .cds--data-table--sm.cds--data-table--top-aligned-header th.cds--table-column-checkbox {
20364
+ .cds--data-table--sm tbody tr th {
20711
20365
  padding-top: 0.4375rem;
20712
20366
  padding-bottom: 0.375rem;
20713
20367
  }
20714
20368
 
20715
- .cds--data-table.cds--data-table--sm:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
20716
- .cds--data-table.cds--data-table--sm:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
20369
+ .cds--data-table.cds--data-table--sm .cds--table-column-checkbox {
20717
20370
  padding-top: 0.1875rem;
20718
20371
  padding-bottom: 0.1875rem;
20719
20372
  }
@@ -20728,8 +20381,7 @@ tr.cds--data-table--selected:last-of-type td {
20728
20381
  height: 2.5rem;
20729
20382
  }
20730
20383
 
20731
- .cds--data-table--md .cds--table-header-label,
20732
- .cds--data-table--md.cds--data-table--top-aligned-header th.cds--table-column-checkbox {
20384
+ .cds--data-table--md .cds--table-header-label {
20733
20385
  padding-top: 0.4375rem;
20734
20386
  padding-bottom: 0.4375rem;
20735
20387
  }
@@ -20740,8 +20392,7 @@ tr.cds--data-table--selected:last-of-type td {
20740
20392
  padding-bottom: 0.375rem;
20741
20393
  }
20742
20394
 
20743
- .cds--data-table.cds--data-table--md:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
20744
- .cds--data-table.cds--data-table--md:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
20395
+ .cds--data-table.cds--data-table--md .cds--table-column-checkbox {
20745
20396
  padding-top: 0.1875rem;
20746
20397
  padding-bottom: 0.1875rem;
20747
20398
  }
@@ -20765,7 +20416,6 @@ tr.cds--data-table--selected:last-of-type td {
20765
20416
  .cds--data-table--xl td,
20766
20417
  .cds--data-table--xl tbody tr th {
20767
20418
  padding-top: 1rem;
20768
- padding-bottom: 1rem;
20769
20419
  }
20770
20420
 
20771
20421
  .cds--data-table--xl th,
@@ -21687,25 +21337,6 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
21687
21337
  border: 0;
21688
21338
  }
21689
21339
 
21690
- .cds--data-table--top-aligned-body td .cds--table-expand__button,
21691
- .cds--data-table--top-aligned-header th .cds--table-expand__button {
21692
- height: 2rem;
21693
- align-items: start;
21694
- padding-top: 0.5rem;
21695
- }
21696
-
21697
- .cds--data-table--top-aligned-body.cds--data-table--xs td .cds--table-expand__button,
21698
- .cds--data-table--top-aligned-header.cds--data-table--xs th .cds--table-expand__button {
21699
- height: 1.5rem;
21700
- padding-top: 0.25rem;
21701
- }
21702
-
21703
- .cds--data-table--top-aligned-body.cds--data-table--md td .cds--table-expand__button,
21704
- .cds--data-table--top-aligned-header.cds--data-table--md th .cds--table-expand__button {
21705
- padding-top: 0.5rem;
21706
- margin-top: -0.25rem;
21707
- }
21708
-
21709
21340
  .cds--table-expand__button:focus {
21710
21341
  box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe);
21711
21342
  outline: none;
@@ -21719,6 +21350,7 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
21719
21350
 
21720
21351
  .cds--data-table--xl .cds--table-expand__button {
21721
21352
  width: 2rem;
21353
+ padding: 0;
21722
21354
  }
21723
21355
 
21724
21356
  tr.cds--parent-row.cds--expandable-row td.cds--table-expand + td::after {
@@ -22053,30 +21685,6 @@ th .cds--table-sort__flex {
22053
21685
  justify-content: space-between;
22054
21686
  }
22055
21687
 
22056
- .cds--data-table--top-aligned-header th .cds--table-sort__flex {
22057
- align-items: start;
22058
- }
22059
-
22060
- .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th.cds--table-sort__header {
22061
- padding-top: 1rem;
22062
- }
22063
-
22064
- .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--sm th.cds--table-sort__header .cds--table-sort__flex .cds--table-header-label,
22065
- .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--xs th.cds--table-sort__header .cds--table-sort__flex .cds--table-header-label {
22066
- padding-top: 0;
22067
- padding-bottom: 0;
22068
- }
22069
-
22070
- .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--sm th.cds--table-sort__header {
22071
- padding-top: 0.4375rem;
22072
- padding-bottom: 0.4375rem;
22073
- }
22074
-
22075
- .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--xs th.cds--table-sort__header {
22076
- padding-top: 0.125rem;
22077
- padding-bottom: 0.125rem;
22078
- }
22079
-
22080
21688
  .cds--data-table--sort:not(.cds--data-table--xs):not(.cds--data-table--sm):not(.cds--data-table--md):not(.cds--data-table--xl) th .cds--table-sort__flex {
22081
21689
  /* IE11 workaround for align-items: center and min-height
22082
21690
  https://github.com/philipwalton/flexbugs/issues/231 */
@@ -26913,10 +26521,6 @@ optgroup.cds--select-optgroup:disabled,
26913
26521
  white-space: nowrap;
26914
26522
  }
26915
26523
 
26916
- .cds--menu-item__shortcut {
26917
- display: flex;
26918
- }
26919
-
26920
26524
  .cds--menu--with-icons > .cds--menu-item,
26921
26525
  .cds--menu--with-icons > .cds--menu-item-group > ul > .cds--menu-item,
26922
26526
  .cds--menu--with-icons > .cds--menu-item-radio-group > ul > .cds--menu-item {
@@ -27637,8 +27241,7 @@ optgroup.cds--select-optgroup:disabled,
27637
27241
  border-color: var(--cds-support-warning, #f1c21b);
27638
27242
  }
27639
27243
 
27640
- .cds--inline-notification--warning .cds--inline-notification__icon path[opacity="0"],
27641
- .cds--inline-notification--warning-alt .cds--inline-notification__icon path:first-of-type {
27244
+ .cds--inline-notification--warning .cds--inline-notification__icon path[opacity="0"] {
27642
27245
  fill: #000000;
27643
27246
  opacity: 1;
27644
27247
  }
@@ -27952,8 +27555,7 @@ optgroup.cds--select-optgroup:disabled,
27952
27555
  fill: var(--cds-support-warning, #f1c21b);
27953
27556
  }
27954
27557
 
27955
- .cds--toast-notification--warning .cds--toast-notification__icon path[opacity="0"],
27956
- .cds--toast-notification--warning-alt .cds--toast-notification__icon path:first-of-type {
27558
+ .cds--toast-notification--warning .cds--toast-notification__icon path[opacity="0"] {
27957
27559
  fill: #000000;
27958
27560
  opacity: 1;
27959
27561
  }
@@ -28278,8 +27880,7 @@ optgroup.cds--select-optgroup:disabled,
28278
27880
  border-color: var(--cds-support-warning, #f1c21b);
28279
27881
  }
28280
27882
 
28281
- .cds--actionable-notification--warning .cds--toast-notification__icon path[opacity="0"],
28282
- .cds--actionable-notification--warning-alt .cds--toast-notification__icon path:first-of-type {
27883
+ .cds--actionable-notification--warning .cds--toast-notification__icon path[opacity="0"] {
28283
27884
  fill: #000000;
28284
27885
  opacity: 1;
28285
27886
  }
@@ -28403,8 +28004,7 @@ optgroup.cds--select-optgroup:disabled,
28403
28004
 
28404
28005
  /* Tertiary action button when not inline (toast) */
28405
28006
  .cds--actionable-notification__action-button.cds--btn--tertiary {
28406
- padding-right: 1rem;
28407
- padding-left: 1rem;
28007
+ padding: 0 1rem;
28408
28008
  margin-bottom: 1rem;
28409
28009
  margin-left: calc(2rem + 1.25rem - 0.125rem);
28410
28010
  }
@@ -28616,10 +28216,6 @@ optgroup.cds--select-optgroup:disabled,
28616
28216
  background-color: var(--cds-layer-hover);
28617
28217
  }
28618
28218
 
28619
- .cds--overflow-menu > :first-child {
28620
- margin-block-start: 0;
28621
- }
28622
-
28623
28219
  .cds--overflow-menu--sm {
28624
28220
  width: 2rem;
28625
28221
  height: 2rem;
@@ -29147,11 +28743,6 @@ span.cds--pagination__text.cds--pagination__items-count {
29147
28743
  box-sizing: inherit;
29148
28744
  }
29149
28745
 
29150
- .cds--pagination__button > svg,
29151
- .cds--btn--ghost.cds--pagination__button > svg {
29152
- margin-block-start: 0;
29153
- }
29154
-
29155
28746
  .cds--pagination--sm .cds--pagination__button,
29156
28747
  .cds--pagination--sm .cds--btn--ghost.cds--pagination__button {
29157
28748
  width: 2rem;
@@ -29638,7 +29229,7 @@ span.cds--pagination__text.cds--pagination__items-count {
29638
29229
  pointer-events: auto;
29639
29230
  }
29640
29231
 
29641
- .cds--popover--open > .cds--popover > .cds--popover-content {
29232
+ .cds--popover--open .cds--popover-content {
29642
29233
  display: block;
29643
29234
  }
29644
29235
 
@@ -29648,7 +29239,7 @@ span.cds--pagination__text.cds--pagination__items-count {
29648
29239
  content: "";
29649
29240
  }
29650
29241
 
29651
- .cds--popover--open > .cds--popover > .cds--popover-content::before {
29242
+ .cds--popover--open .cds--popover-content::before {
29652
29243
  display: block;
29653
29244
  }
29654
29245
 
@@ -29660,14 +29251,10 @@ span.cds--pagination__text.cds--pagination__items-count {
29660
29251
  will-change: transform;
29661
29252
  }
29662
29253
 
29663
- .cds--popover--open > .cds--popover > .cds--popover-caret {
29254
+ .cds--popover--open.cds--popover--caret .cds--popover-caret {
29664
29255
  display: block;
29665
29256
  }
29666
29257
 
29667
- .cds--popover--tab-tip .cds--popover .cds--popover-caret {
29668
- display: none;
29669
- }
29670
-
29671
29258
  .cds--popover--bottom .cds--popover-content {
29672
29259
  bottom: 0;
29673
29260
  left: 50%;
@@ -29891,10 +29478,6 @@ span.cds--pagination__text.cds--pagination__items-count {
29891
29478
  fill: var(--cds-icon-primary, #161616);
29892
29479
  }
29893
29480
 
29894
- .cds--progress-bar {
29895
- --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
29896
- }
29897
-
29898
29481
  .cds--progress-bar__label {
29899
29482
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
29900
29483
  font-weight: var(--cds-body-compact-01-font-weight, 400);
@@ -29903,8 +29486,8 @@ span.cds--pagination__text.cds--pagination__items-count {
29903
29486
  display: flex;
29904
29487
  min-width: 3rem;
29905
29488
  justify-content: space-between;
29489
+ margin-bottom: 0.5rem;
29906
29490
  color: var(--cds-text-primary, #161616);
29907
- margin-block-end: 0.5rem;
29908
29491
  }
29909
29492
 
29910
29493
  .cds--progress-bar__label-text {
@@ -29966,7 +29549,7 @@ span.cds--pagination__text.cds--pagination__items-count {
29966
29549
 
29967
29550
  .cds--progress-bar__status-icon {
29968
29551
  flex-shrink: 0;
29969
- margin-inline-start: var(--cds-layout-density-padding-inline-local);
29552
+ margin-left: 1rem;
29970
29553
  }
29971
29554
 
29972
29555
  .cds--progress-bar--finished .cds--progress-bar__bar,
@@ -30003,7 +29586,7 @@ span.cds--pagination__text.cds--pagination__items-count {
30003
29586
  .cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__label {
30004
29587
  flex-shrink: 1;
30005
29588
  justify-content: flex-start;
30006
- margin-inline-end: 0;
29589
+ margin-right: 0;
30007
29590
  }
30008
29591
 
30009
29592
  @keyframes progress-bar-indeterminate {
@@ -30022,7 +29605,7 @@ span.cds--pagination__text.cds--pagination__items-count {
30022
29605
  .cds--progress-bar--inline .cds--progress-bar__label {
30023
29606
  flex-shrink: 0;
30024
29607
  margin-bottom: 0;
30025
- margin-inline-end: var(--cds-layout-density-padding-inline-local);
29608
+ margin-inline-end: 1rem;
30026
29609
  }
30027
29610
 
30028
29611
  .cds--progress-bar--inline .cds--progress-bar__track {
@@ -30045,7 +29628,7 @@ span.cds--pagination__text.cds--pagination__items-count {
30045
29628
 
30046
29629
  .cds--progress-bar--indented .cds--progress-bar__label,
30047
29630
  .cds--progress-bar--indented .cds--progress-bar__helper-text {
30048
- padding-inline: var(--cds-layout-density-padding-inline-local);
29631
+ padding-inline: 1rem;
30049
29632
  }
30050
29633
 
30051
29634
  .cds--tooltip {
@@ -30822,10 +30405,11 @@ span.cds--pagination__text.cds--pagination__items-count {
30822
30405
  }
30823
30406
 
30824
30407
  .cds--slider__range-label {
30825
- font-size: var(--cds-body-compact-01-font-size, 0.875rem);
30826
- font-weight: var(--cds-body-compact-01-font-weight, 400);
30827
- line-height: var(--cds-body-compact-01-line-height, 1.28572);
30828
- letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
30408
+ font-family: var(--cds-code-02-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
30409
+ font-size: var(--cds-code-02-font-size, 0.875rem);
30410
+ font-weight: var(--cds-code-02-font-weight, 400);
30411
+ line-height: var(--cds-code-02-line-height, 1.42857);
30412
+ letter-spacing: var(--cds-code-02-letter-spacing, 0.32px);
30829
30413
  color: var(--cds-text-primary, #161616);
30830
30414
  white-space: nowrap;
30831
30415
  }
@@ -31580,47 +31164,11 @@ span.cds--pagination__text.cds--pagination__items-count {
31580
31164
  .cds--tabs .cds--tabs__nav-item .cds--tabs__nav-link {
31581
31165
  transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
31582
31166
  }
31583
- .cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon {
31584
- padding: 1rem;
31585
- margin-top: -0.5rem;
31586
- margin-right: -1rem;
31587
- margin-left: -1rem;
31588
- }
31589
- .cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon:hover {
31590
- background-color: inherit;
31591
- }
31592
- .cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg {
31593
- width: 24px;
31594
- height: 24px;
31595
- padding: 0.25rem;
31596
- margin: -0.25rem;
31597
- }
31598
- .cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg:hover {
31599
- background-color: var(--cds-layer-accent-hover);
31600
- }
31601
- .cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled).cds--tabs__nav-item--selected .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg:hover {
31602
- background-color: var(--cds-layer-hover);
31603
- }
31604
- .cds--tabs .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon:hover {
31605
- background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
31606
- }
31607
31167
  .cds--tabs .cds--tabs__nav-item--icon {
31608
31168
  display: flex;
31609
31169
  align-items: center;
31610
31170
  padding-left: 0.5rem;
31611
31171
  }
31612
- .cds--tabs .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon {
31613
- padding: 0.25rem;
31614
- margin: -0.25rem;
31615
- line-height: 0;
31616
- pointer-events: auto;
31617
- }
31618
- .cds--tabs .cds--tabs__nav-item--icon-left {
31619
- display: flex;
31620
- align-items: center;
31621
- padding-right: 0.5rem;
31622
- margin-top: -2px;
31623
- }
31624
31172
  .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon {
31625
31173
  padding-left: 1rem;
31626
31174
  }
@@ -31711,7 +31259,7 @@ span.cds--pagination__text.cds--pagination__items-count {
31711
31259
  border-bottom: 2px solid var(--cds-border-strong);
31712
31260
  color: var(--cds-text-primary, #161616);
31713
31261
  }
31714
- .cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):not(.cds--tabs__nav-item--hover-off):hover {
31262
+ .cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled):hover {
31715
31263
  background-color: var(--cds-layer-accent-hover);
31716
31264
  color: var(--cds-text-primary, #161616);
31717
31265
  }
@@ -32128,26 +31676,6 @@ span.cds--pagination__text.cds--pagination__items-count {
32128
31676
  padding: 1rem;
32129
31677
  background-color: var(--cds-layer);
32130
31678
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
32131
- cursor: not-allowed;
32132
- }
32133
-
32134
- .cds--tile--clickable .cds--tile--icon,
32135
- .cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon {
32136
- position: absolute;
32137
- right: 1rem;
32138
- bottom: 1rem;
32139
- }
32140
-
32141
- .cds--tile--clickable .cds--tile--icon {
32142
- fill: var(--cds-icon-interactive, #0f62fe);
32143
- }
32144
-
32145
- .cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon {
32146
- fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
32147
- }
32148
-
32149
- .cds--tile--clickable.cds--link--disabled .cds--tile--icon {
32150
- display: none;
32151
31679
  }
32152
31680
 
32153
31681
  .cds--tile--selectable {
@@ -32379,7 +31907,7 @@ span.cds--pagination__text.cds--pagination__items-count {
32379
31907
  }
32380
31908
 
32381
31909
  .cds--tile--disabled.cds--tile--is-selected {
32382
- border-color: var(--cds-border-disabled, #c6c6c6);
31910
+ border-color: var(--cds-button-disabled, #c6c6c6);
32383
31911
  }
32384
31912
 
32385
31913
  .cds--tile--disabled .cds--tile__checkmark svg {
@@ -32407,21 +31935,10 @@ span.cds--pagination__text.cds--pagination__items-count {
32407
31935
  }
32408
31936
 
32409
31937
  .cds--time-picker__input {
32410
- position: relative;
32411
31938
  display: flex;
32412
31939
  flex-direction: column;
32413
31940
  }
32414
31941
 
32415
- .cds--time-picker__error__icon {
32416
- position: absolute;
32417
- top: 50%;
32418
- right: 1rem;
32419
- display: flex;
32420
- height: 100%;
32421
- place-items: center;
32422
- transform: translateY(-50%);
32423
- }
32424
-
32425
31942
  .cds--time-picker .cds--select-input {
32426
31943
  width: auto;
32427
31944
  min-width: auto;
@@ -32449,10 +31966,6 @@ span.cds--pagination__text.cds--pagination__items-count {
32449
31966
  opacity: 1;
32450
31967
  }
32451
31968
 
32452
- .cds--time-picker__input-field-error {
32453
- width: 6.175rem;
32454
- }
32455
-
32456
31969
  .cds--time-picker--light .cds--select-input {
32457
31970
  background-color: var(--cds-field-02, #ffffff);
32458
31971
  }
@@ -32993,10 +32506,6 @@ span.cds--pagination__text.cds--pagination__items-count {
32993
32506
  }
32994
32507
  }
32995
32508
 
32996
- .cds--header__action > :first-child {
32997
- margin-block-start: 0;
32998
- }
32999
-
33000
32509
  .cds--header__action > svg.cds--navigation-menu-panel-collapse-icon,
33001
32510
  .cds--header__action--active > svg.cds--navigation-menu-panel-expand-icon {
33002
32511
  display: none;
@@ -33184,11 +32693,12 @@ a.cds--header__menu-item[aria-current=page],
33184
32693
  a.cds--header__menu-item[aria-current=page]::after,
33185
32694
  .cds--header__menu-item--current::after {
33186
32695
  position: absolute;
32696
+ top: 0;
32697
+ right: 0;
33187
32698
  bottom: -2px;
33188
- left: -2px;
33189
- width: calc(100% + 4px);
33190
- height: 3px;
33191
- background-color: var(--cds-border-interactive, #0f62fe);
32699
+ left: 0;
32700
+ width: 100%;
32701
+ border-bottom: 3px solid var(--cds-border-interactive, #0f62fe);
33192
32702
  content: "";
33193
32703
  }
33194
32704
 
@@ -33199,19 +32709,15 @@ a.cds--header__menu-item[aria-current=page]:focus::after,
33199
32709
 
33200
32710
  .cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,
33201
32711
  .cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {
33202
- top: -2px;
32712
+ bottom: 0;
33203
32713
  left: -2px;
33204
- width: 3px;
33205
- height: calc(100% + 4px);
33206
- background-color: var(--cds-border-interactive, #0f62fe);
32714
+ border-bottom: none;
32715
+ border-left: 3px solid var(--cds-border-interactive, #0f62fe);
33207
32716
  }
33208
32717
  .cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,
33209
32718
  .cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {
33210
- top: -2px;
33211
- left: -2px;
33212
- width: 5px;
33213
- height: calc(100% + 4px);
33214
- background-color: var(--cds-border-interactive, #0f62fe);
32719
+ left: 0;
32720
+ border-left: 3px solid var(--cds-border-interactive, #0f62fe);
33215
32721
  }
33216
32722
 
33217
32723
  a.cds--header__menu-item[aria-current=page]:focus,
@@ -33271,13 +32777,6 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
33271
32777
  color: var(--cds-text-primary, #161616);
33272
32778
  }
33273
32779
 
33274
- .cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current {
33275
- background-color: var(--cds-layer-selected);
33276
- }
33277
- .cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current:hover {
33278
- background-color: var(--cds-layer-selected-hover);
33279
- }
33280
-
33281
32780
  .cds--header__menu .cds--header__menu-item {
33282
32781
  height: 3rem;
33283
32782
  }
@@ -33378,6 +32877,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
33378
32877
  width: 0;
33379
32878
  }
33380
32879
 
32880
+ .cds--side-nav.cds--side-nav--rail:not(.cds--side-nav--fixed):hover,
33381
32881
  .cds--side-nav--expanded {
33382
32882
  width: 16rem;
33383
32883
  }
@@ -33776,15 +33276,6 @@ a.cds--side-nav__link--current::before {
33776
33276
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
33777
33277
  color: var(--cds-text-primary, #161616);
33778
33278
  }
33779
- .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
33780
- background-color: var(--cds-layer-selected-hover);
33781
- }
33782
-
33783
- .cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
33784
- .cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
33785
- width: 3px;
33786
- height: calc(100% + 4px);
33787
- }
33788
33279
 
33789
33280
  .cds--side-nav .cds--header__menu a.cds--header__menu-item {
33790
33281
  height: inherit;
@@ -33928,10 +33419,6 @@ a.cds--side-nav__link--current::before {
33928
33419
  }
33929
33420
  }
33930
33421
 
33931
- .cds--header__action > :first-child {
33932
- margin-block-start: 0;
33933
- }
33934
-
33935
33422
  .cds--header__action > svg.cds--navigation-menu-panel-collapse-icon,
33936
33423
  .cds--header__action--active > svg.cds--navigation-menu-panel-expand-icon {
33937
33424
  display: none;
@@ -34119,11 +33606,12 @@ a.cds--header__menu-item[aria-current=page],
34119
33606
  a.cds--header__menu-item[aria-current=page]::after,
34120
33607
  .cds--header__menu-item--current::after {
34121
33608
  position: absolute;
33609
+ top: 0;
33610
+ right: 0;
34122
33611
  bottom: -2px;
34123
- left: -2px;
34124
- width: calc(100% + 4px);
34125
- height: 3px;
34126
- background-color: var(--cds-border-interactive, #0f62fe);
33612
+ left: 0;
33613
+ width: 100%;
33614
+ border-bottom: 3px solid var(--cds-border-interactive, #0f62fe);
34127
33615
  content: "";
34128
33616
  }
34129
33617
 
@@ -34134,19 +33622,15 @@ a.cds--header__menu-item[aria-current=page]:focus::after,
34134
33622
 
34135
33623
  .cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,
34136
33624
  .cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {
34137
- top: -2px;
33625
+ bottom: 0;
34138
33626
  left: -2px;
34139
- width: 3px;
34140
- height: calc(100% + 4px);
34141
- background-color: var(--cds-border-interactive, #0f62fe);
33627
+ border-bottom: none;
33628
+ border-left: 3px solid var(--cds-border-interactive, #0f62fe);
34142
33629
  }
34143
33630
  .cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,
34144
33631
  .cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {
34145
- top: -2px;
34146
- left: -2px;
34147
- width: 5px;
34148
- height: calc(100% + 4px);
34149
- background-color: var(--cds-border-interactive, #0f62fe);
33632
+ left: 0;
33633
+ border-left: 3px solid var(--cds-border-interactive, #0f62fe);
34150
33634
  }
34151
33635
 
34152
33636
  a.cds--header__menu-item[aria-current=page]:focus,
@@ -34206,13 +33690,6 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
34206
33690
  color: var(--cds-text-primary, #161616);
34207
33691
  }
34208
33692
 
34209
- .cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current {
34210
- background-color: var(--cds-layer-selected);
34211
- }
34212
- .cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current:hover {
34213
- background-color: var(--cds-layer-selected-hover);
34214
- }
34215
-
34216
33693
  .cds--header__menu .cds--header__menu-item {
34217
33694
  height: 3rem;
34218
33695
  }
@@ -34313,6 +33790,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
34313
33790
  width: 0;
34314
33791
  }
34315
33792
 
33793
+ .cds--side-nav.cds--side-nav--rail:not(.cds--side-nav--fixed):hover,
34316
33794
  .cds--side-nav--expanded {
34317
33795
  width: 16rem;
34318
33796
  }
@@ -34711,15 +34189,6 @@ a.cds--side-nav__link--current::before {
34711
34189
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
34712
34190
  color: var(--cds-text-primary, #161616);
34713
34191
  }
34714
- .cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
34715
- background-color: var(--cds-layer-selected-hover);
34716
- }
34717
-
34718
- .cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
34719
- .cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
34720
- width: 3px;
34721
- height: calc(100% + 4px);
34722
- }
34723
34192
 
34724
34193
  .cds--side-nav .cds--header__menu a.cds--header__menu-item {
34725
34194
  height: inherit;