@carbon/ibm-products 2.1.3 → 2.2.0

Sign up to get free protection for your applications and to get access to all the features.
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;