carbon-react 162.4.0 → 162.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (451) hide show
  1. package/esm/__internal__/character-count/character-count.style.js +1 -1
  2. package/esm/__internal__/checkable-input/checkable-input.style.js +1 -1
  3. package/esm/__internal__/checkable-input/hidden-checkable-input.style.js +1 -1
  4. package/esm/__internal__/error-border/error-border.style.js +1 -1
  5. package/esm/__internal__/field-help/field-help.style.js +1 -1
  6. package/esm/__internal__/fieldset/__next__/fieldset.style.js +1 -1
  7. package/esm/__internal__/fieldset/fieldset.style.js +1 -1
  8. package/esm/__internal__/form-field/form-field.style.js +1 -1
  9. package/esm/__internal__/full-screen-heading/full-screen-heading.style.js +1 -1
  10. package/esm/__internal__/hint-text/hint-text.style.js +1 -1
  11. package/esm/__internal__/input/input.style.js +1 -1
  12. package/esm/__internal__/input-icon-toggle/input-icon-toggle.style.js +1 -1
  13. package/esm/__internal__/label/label.style.js +1 -1
  14. package/esm/__internal__/legacy-error-border/error-border.style.js +1 -1
  15. package/esm/__internal__/legacy-hint-text/hint-text.style.js +1 -1
  16. package/esm/__internal__/legacy-input/input-presentation.style.js +1 -1
  17. package/esm/__internal__/legacy-input/input.style.js +1 -1
  18. package/esm/__internal__/legacy-label/icon-wrapper.style.js +1 -1
  19. package/esm/__internal__/legacy-label/label.style.js +1 -1
  20. package/esm/__internal__/modal/modal.style.js +1 -1
  21. package/esm/__internal__/popover/popover.style.js +1 -1
  22. package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js +1 -1
  23. package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js +1 -1
  24. package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js +1 -1
  25. package/esm/__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js +1 -1
  26. package/esm/__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.js +1 -1
  27. package/esm/__internal__/popover-menu/menu-item/menu-item.component.js +1 -1
  28. package/esm/__internal__/popover-menu/popover-menu.component.js +1 -1
  29. package/esm/__internal__/validation-message/__next__/validation-message.style.js +1 -1
  30. package/esm/__internal__/validation-message/validation-message.style.js +1 -1
  31. package/esm/__internal__/validations/validation-icon.style.js +1 -1
  32. package/esm/components/accordion/accordion.style.js +1 -1
  33. package/esm/components/action-popover/action-popover.style.js +1 -1
  34. package/esm/components/adaptive-sidebar/adaptive-sidebar.component.js +1 -1
  35. package/esm/components/adaptive-sidebar/adaptive-sidebar.style.js +1 -1
  36. package/esm/components/advanced-color-picker/advanced-color-picker-cell.style.js +1 -1
  37. package/esm/components/advanced-color-picker/advanced-color-picker.style.js +1 -1
  38. package/esm/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.style.js +1 -1
  39. package/esm/components/anchor-navigation/anchor-navigation.style.js +1 -1
  40. package/esm/components/anchor-navigation/anchor-section-divider.component.js +1 -1
  41. package/esm/components/badge/badge.style.js +1 -1
  42. package/esm/components/batch-selection/batch-selection.style.js +1 -1
  43. package/esm/components/box/box.style.js +1 -1
  44. package/esm/components/breadcrumbs/breadcrumbs.style.js +1 -1
  45. package/esm/components/breadcrumbs/crumb/crumb.style.js +1 -1
  46. package/esm/components/button/__next__/button.style.js +1 -1
  47. package/esm/components/button/button.style.js +1 -1
  48. package/esm/components/button-bar/button-bar.style.js +1 -1
  49. package/esm/components/button-minor/button-minor.style.js +1 -1
  50. package/esm/components/button-toggle/button-toggle-group/button-toggle-group.style.js +1 -1
  51. package/esm/components/button-toggle/button-toggle.style.js +1 -1
  52. package/esm/components/card/card-column/card-column.style.js +1 -1
  53. package/esm/components/card/card-footer/card-footer.style.js +1 -1
  54. package/esm/components/card/card-row/card-row.style.js +1 -1
  55. package/esm/components/card/card.style.js +1 -1
  56. package/esm/components/checkbox/checkbox-group/checkbox-group.style.js +1 -1
  57. package/esm/components/checkbox/checkbox.style.js +1 -1
  58. package/esm/components/confirm/confirm.style.js +1 -1
  59. package/esm/components/content/content.style.js +1 -1
  60. package/esm/components/date/__internal__/date-picker/day-picker.style.js +1 -1
  61. package/esm/components/date/__internal__/navbar/button.style.js +1 -1
  62. package/esm/components/date/__internal__/navbar/navbar.style.js +1 -1
  63. package/esm/components/date/__internal__/weekday/abbr.style.js +1 -1
  64. package/esm/components/date/__internal__/weekday/weekday.style.js +1 -1
  65. package/esm/components/date/date.style.js +1 -1
  66. package/esm/components/date-range/date-range.style.js +1 -1
  67. package/esm/components/decimal/__internal__/decimal-popover-button.style.js +1 -1
  68. package/esm/components/decimal/decimal.style.js +1 -1
  69. package/esm/components/definition-list/definition-list.style.js +1 -1
  70. package/esm/components/detail/detail.style.js +1 -1
  71. package/esm/components/dialog/__internal__/__next__/dialog.style.js +1 -1
  72. package/esm/components/dismissible-box/dismissible-box.style.js +1 -1
  73. package/esm/components/divider/divider.style.js +1 -1
  74. package/esm/components/draggable/draggable-item/draggable-item.style.js +1 -1
  75. package/esm/components/drawer/drawer.style.js +1 -1
  76. package/esm/components/duelling-picklist/duelling-picklist.style.js +1 -1
  77. package/esm/components/duelling-picklist/picklist/picklist.style.js +1 -1
  78. package/esm/components/duelling-picklist/picklist-divider/picklist-divider.style.js +1 -1
  79. package/esm/components/duelling-picklist/picklist-group/picklist-group.style.js +1 -1
  80. package/esm/components/duelling-picklist/picklist-item/picklist-item.style.js +1 -1
  81. package/esm/components/fieldset/fieldset.style.js +1 -1
  82. package/esm/components/file-input/__internal__/file-upload-status/file-upload-status.style.js +1 -1
  83. package/esm/components/file-input/file-input.style.js +1 -1
  84. package/esm/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.style.js +1 -1
  85. package/esm/components/flat-table/flat-table-cell/flat-table-cell.style.js +1 -1
  86. package/esm/components/flat-table/flat-table-checkbox/flat-table-checkbox.style.js +1 -1
  87. package/esm/components/flat-table/flat-table-head/flat-table-head.style.js +1 -1
  88. package/esm/components/flat-table/flat-table-header/flat-table-header.style.js +1 -1
  89. package/esm/components/flat-table/flat-table-row/flat-table-row.style.js +1 -1
  90. package/esm/components/flat-table/flat-table-row-header/flat-table-row-header.style.js +1 -1
  91. package/esm/components/flat-table/flat-table.style.js +1 -1
  92. package/esm/components/flat-table/sort/sort.style.js +1 -1
  93. package/esm/components/form/__internal__/form-summary.style.js +1 -1
  94. package/esm/components/form/form.component.js +1 -1
  95. package/esm/components/form/form.style.js +1 -1
  96. package/esm/components/form/required-fields-indicator/required-fields-indicator.component.js +1 -1
  97. package/esm/components/global-header/global-header.component.js +1 -1
  98. package/esm/components/grid/grid-container/grid-container.style.js +1 -1
  99. package/esm/components/grid/grid-item/grid-item.style.js +1 -1
  100. package/esm/components/heading/heading.style.js +1 -1
  101. package/esm/components/help/help.style.js +1 -1
  102. package/esm/components/hr/hr.style.js +1 -1
  103. package/esm/components/icon/icon.style.js +1 -1
  104. package/esm/components/icon-button/icon-button.style.js +1 -1
  105. package/esm/components/image/image.style.js +1 -1
  106. package/esm/components/inline-inputs/inline-inputs.style.js +1 -1
  107. package/esm/components/link/link.style.js +1 -1
  108. package/esm/components/link-preview/__internal__/placeholder.component.js +1 -1
  109. package/esm/components/link-preview/link-preview.style.js +1 -1
  110. package/esm/components/loader/__next__/internal/star.style.js +1 -1
  111. package/esm/components/loader/__next__/loader.style.js +1 -1
  112. package/esm/components/loader/loader-square.style.js +1 -1
  113. package/esm/components/loader/loader.style.js +1 -1
  114. package/esm/components/loader-bar/loader-bar.style.js +1 -1
  115. package/esm/components/loader-spinner/loader-spinner.style.js +1 -1
  116. package/esm/components/loader-star/internal/star.style.js +1 -1
  117. package/esm/components/loader-star/loader-star.style.js +1 -1
  118. package/esm/components/menu/__internal__/submenu/submenu.style.js +1 -1
  119. package/esm/components/menu/menu-divider/menu-divider.style.js +1 -1
  120. package/esm/components/menu/menu-full-screen/menu-full-screen.style.js +1 -1
  121. package/esm/components/menu/menu-item/menu-item.style.js +1 -1
  122. package/esm/components/menu/menu-segment-title/menu-segment-title.style.js +1 -1
  123. package/esm/components/menu/menu.style.js +1 -1
  124. package/esm/components/menu/scrollable-block/scrollable-block.style.js +1 -1
  125. package/esm/components/message/message.style.js +1 -1
  126. package/esm/components/multi-action-button/multi-action-button.style.js +1 -1
  127. package/esm/components/navigation-bar/navigation-bar.style.js +1 -1
  128. package/esm/components/note/note.style.js +1 -1
  129. package/esm/components/numeral-date/numeral-date.style.js +1 -1
  130. package/esm/components/option-tile/option-tile.style.js +1 -1
  131. package/esm/components/pager/__internal__/pagination-navigation.style.js +1 -1
  132. package/esm/components/pager/pager.style.js +1 -1
  133. package/esm/components/pages/page/page.style.js +1 -1
  134. package/esm/components/pages/pages.style.js +1 -1
  135. package/esm/components/password/password.style.js +1 -1
  136. package/esm/components/pill/pill.component.d.ts +1 -1
  137. package/esm/components/pill/pill.style.js +1 -1
  138. package/esm/components/pod/pod.style.js +1 -1
  139. package/esm/components/popover-container/popover-container.style.js +1 -1
  140. package/esm/components/portal/portal.js +1 -1
  141. package/esm/components/portal/portal.style.js +1 -1
  142. package/esm/components/portrait/portrait.style.js +1 -1
  143. package/esm/components/preview/preview.style.js +1 -1
  144. package/esm/components/profile/profile.style.js +1 -1
  145. package/esm/components/progress-tracker/progress-tracker.style.js +1 -1
  146. package/esm/components/radio-button/radio-button-group/radio-button-group.style.js +1 -1
  147. package/esm/components/radio-button/radio-button.style.js +1 -1
  148. package/esm/components/search/__internal__/legacy/search-button.style.js +1 -1
  149. package/esm/components/search/__internal__/legacy/search.style.js +1 -1
  150. package/esm/components/search/__internal__/results-announcement.component.js +1 -1
  151. package/esm/components/search/search.component.js +1 -1
  152. package/esm/components/select/__internal__/list-action-button/list-action-button.style.js +1 -1
  153. package/esm/components/select/__internal__/select-list/select-list.style.js +1 -1
  154. package/esm/components/select/__internal__/select-textbox/select-textbox.style.js +1 -1
  155. package/esm/components/select/__internal__/utils/matching-text.style.js +1 -1
  156. package/esm/components/select/multi-select/multi-select.style.js +1 -1
  157. package/esm/components/select/option/option.style.js +1 -1
  158. package/esm/components/select/option-group-header/option-group-header.style.js +1 -1
  159. package/esm/components/select/option-row/option-row.style.js +1 -1
  160. package/esm/components/select/select.style.js +1 -1
  161. package/esm/components/settings-row/settings-row.style.js +1 -1
  162. package/esm/components/sidebar/__internal__/sidebar-content/index.d.ts +1 -0
  163. package/esm/components/sidebar/__internal__/sidebar-content/index.js +1 -0
  164. package/esm/components/sidebar/__internal__/sidebar-content/sidebar-content.component.d.ts +11 -0
  165. package/esm/components/sidebar/__internal__/sidebar-content/sidebar-content.component.js +1 -0
  166. package/esm/components/sidebar/__internal__/sidebar-content/sidebar-content.style.d.ts +13 -0
  167. package/esm/components/sidebar/__internal__/sidebar-content/sidebar-content.style.js +1 -0
  168. package/esm/components/sidebar/__internal__/sidebar-footer/index.d.ts +1 -0
  169. package/esm/components/sidebar/__internal__/sidebar-footer/index.js +1 -0
  170. package/esm/components/sidebar/__internal__/sidebar-footer/sidebar-footer.component.d.ts +8 -0
  171. package/esm/components/sidebar/__internal__/sidebar-footer/sidebar-footer.component.js +1 -0
  172. package/esm/components/sidebar/__internal__/sidebar-footer/sidebar-footer.style.d.ts +6 -0
  173. package/esm/components/sidebar/__internal__/sidebar-footer/sidebar-footer.style.js +1 -0
  174. package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.component.d.ts +6 -4
  175. package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.component.js +1 -1
  176. package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.style.d.ts +7 -3
  177. package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js +1 -1
  178. package/esm/components/sidebar/__internal__/sidebar.context.d.ts +1 -0
  179. package/esm/components/sidebar/sidebar.component.d.ts +35 -11
  180. package/esm/components/sidebar/sidebar.component.js +1 -1
  181. package/esm/components/sidebar/sidebar.config.d.ts +1 -0
  182. package/esm/components/sidebar/sidebar.config.js +1 -1
  183. package/esm/components/sidebar/sidebar.style.d.ts +8 -5
  184. package/esm/components/sidebar/sidebar.style.js +1 -1
  185. package/esm/components/simple-color-picker/simple-color/simple-color.style.js +1 -1
  186. package/esm/components/simple-color-picker/simple-color-picker.style.js +1 -1
  187. package/esm/components/split-button/split-button-toggle.style.js +1 -1
  188. package/esm/components/split-button/split-button.style.js +1 -1
  189. package/esm/components/step-flow/step-flow.style.js +1 -1
  190. package/esm/components/step-sequence/step-sequence-item/step-sequence-item.style.js +1 -1
  191. package/esm/components/step-sequence/step-sequence.style.js +1 -1
  192. package/esm/components/switch/switch.style.js +1 -1
  193. package/esm/components/tabs/__next__/tabs.style.js +1 -1
  194. package/esm/components/text-editor/__internal__/__ui__/CharacterCounter/character-counter.style.js +1 -1
  195. package/esm/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.style.js +1 -1
  196. package/esm/components/text-editor/__internal__/__ui__/Mentions/mentions.style.js +1 -1
  197. package/esm/components/text-editor/__internal__/__ui__/Placeholder/placeholder.style.js +1 -1
  198. package/esm/components/text-editor/__internal__/__ui__/Toolbar/button-group/button-group.style.js +1 -1
  199. package/esm/components/text-editor/__internal__/__ui__/Toolbar/buttons/typography-dropdown/dropdown.style.js +1 -1
  200. package/esm/components/text-editor/__internal__/__ui__/Toolbar/toolbar.style.js +1 -1
  201. package/esm/components/text-editor/text-editor.style.js +1 -1
  202. package/esm/components/textarea/textarea.style.js +1 -1
  203. package/esm/components/textbox/__internal__/__next__/text-input.style.js +1 -1
  204. package/esm/components/tile/tile-content/tile-content.style.js +1 -1
  205. package/esm/components/tile/tile-footer/tile-footer.style.js +1 -1
  206. package/esm/components/tile/tile-header/tile-header.style.js +1 -1
  207. package/esm/components/tile/tile.style.js +1 -1
  208. package/esm/components/tile-select/__internal__/accordion/accordion.style.js +1 -1
  209. package/esm/components/tile-select/tile-select-group/tile-select-group.component.d.ts +10 -0
  210. package/esm/components/tile-select/tile-select.component.d.ts +12 -0
  211. package/esm/components/tile-select/tile-select.style.js +1 -1
  212. package/esm/components/time/time.style.js +1 -1
  213. package/esm/components/toast/toast.style.js +1 -1
  214. package/esm/components/tokens-wrapper/tokens-wrapper.component.js +1 -1
  215. package/esm/components/tooltip/tooltip-pointer.style.js +1 -1
  216. package/esm/components/tooltip/tooltip.style.js +1 -1
  217. package/esm/components/typography/__internal__/__next__/typography.style.js +1 -1
  218. package/esm/components/typography/typography.style.js +1 -1
  219. package/esm/components/vertical-divider/vertical-divider.style.js +1 -1
  220. package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js +1 -1
  221. package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js +1 -1
  222. package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js +1 -1
  223. package/esm/components/vertical-menu/vertical-menu.style.js +1 -1
  224. package/esm/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js +1 -1
  225. package/lib/__internal__/character-count/character-count.style.js +1 -1
  226. package/lib/__internal__/checkable-input/checkable-input.style.js +1 -1
  227. package/lib/__internal__/checkable-input/hidden-checkable-input.style.js +1 -1
  228. package/lib/__internal__/error-border/error-border.style.js +1 -1
  229. package/lib/__internal__/field-help/field-help.style.js +1 -1
  230. package/lib/__internal__/fieldset/__next__/fieldset.style.js +1 -1
  231. package/lib/__internal__/fieldset/fieldset.style.js +1 -1
  232. package/lib/__internal__/form-field/form-field.style.js +1 -1
  233. package/lib/__internal__/full-screen-heading/full-screen-heading.style.js +1 -1
  234. package/lib/__internal__/hint-text/hint-text.style.js +1 -1
  235. package/lib/__internal__/input/input.style.js +1 -1
  236. package/lib/__internal__/input-icon-toggle/input-icon-toggle.style.js +1 -1
  237. package/lib/__internal__/label/label.style.js +1 -1
  238. package/lib/__internal__/legacy-error-border/error-border.style.js +1 -1
  239. package/lib/__internal__/legacy-hint-text/hint-text.style.js +1 -1
  240. package/lib/__internal__/legacy-input/input-presentation.style.js +1 -1
  241. package/lib/__internal__/legacy-input/input.style.js +1 -1
  242. package/lib/__internal__/legacy-label/icon-wrapper.style.js +1 -1
  243. package/lib/__internal__/legacy-label/label.style.js +1 -1
  244. package/lib/__internal__/modal/modal.style.js +1 -1
  245. package/lib/__internal__/popover/popover.style.js +1 -1
  246. package/lib/__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js +1 -1
  247. package/lib/__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js +1 -1
  248. package/lib/__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js +1 -1
  249. package/lib/__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js +1 -1
  250. package/lib/__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.js +1 -1
  251. package/lib/__internal__/popover-menu/menu-item/menu-item.component.js +1 -1
  252. package/lib/__internal__/popover-menu/popover-menu.component.js +1 -1
  253. package/lib/__internal__/validation-message/__next__/validation-message.style.js +1 -1
  254. package/lib/__internal__/validation-message/validation-message.style.js +1 -1
  255. package/lib/__internal__/validations/validation-icon.style.js +1 -1
  256. package/lib/components/accordion/accordion.style.js +1 -1
  257. package/lib/components/action-popover/action-popover.style.js +1 -1
  258. package/lib/components/adaptive-sidebar/adaptive-sidebar.component.js +1 -1
  259. package/lib/components/adaptive-sidebar/adaptive-sidebar.style.js +1 -1
  260. package/lib/components/advanced-color-picker/advanced-color-picker-cell.style.js +1 -1
  261. package/lib/components/advanced-color-picker/advanced-color-picker.style.js +1 -1
  262. package/lib/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.style.js +1 -1
  263. package/lib/components/anchor-navigation/anchor-navigation.style.js +1 -1
  264. package/lib/components/anchor-navigation/anchor-section-divider.component.js +1 -1
  265. package/lib/components/badge/badge.style.js +1 -1
  266. package/lib/components/batch-selection/batch-selection.style.js +1 -1
  267. package/lib/components/box/box.style.js +1 -1
  268. package/lib/components/breadcrumbs/breadcrumbs.style.js +1 -1
  269. package/lib/components/breadcrumbs/crumb/crumb.style.js +1 -1
  270. package/lib/components/button/__next__/button.style.js +1 -1
  271. package/lib/components/button/button.style.js +1 -1
  272. package/lib/components/button-bar/button-bar.style.js +1 -1
  273. package/lib/components/button-minor/button-minor.style.js +1 -1
  274. package/lib/components/button-toggle/button-toggle-group/button-toggle-group.style.js +1 -1
  275. package/lib/components/button-toggle/button-toggle.style.js +1 -1
  276. package/lib/components/card/card-column/card-column.style.js +1 -1
  277. package/lib/components/card/card-footer/card-footer.style.js +1 -1
  278. package/lib/components/card/card-row/card-row.style.js +1 -1
  279. package/lib/components/card/card.style.js +1 -1
  280. package/lib/components/checkbox/checkbox-group/checkbox-group.style.js +1 -1
  281. package/lib/components/checkbox/checkbox.style.js +1 -1
  282. package/lib/components/confirm/confirm.style.js +1 -1
  283. package/lib/components/content/content.style.js +1 -1
  284. package/lib/components/date/__internal__/date-picker/day-picker.style.js +1 -1
  285. package/lib/components/date/__internal__/navbar/button.style.js +1 -1
  286. package/lib/components/date/__internal__/navbar/navbar.style.js +1 -1
  287. package/lib/components/date/__internal__/weekday/abbr.style.js +1 -1
  288. package/lib/components/date/__internal__/weekday/weekday.style.js +1 -1
  289. package/lib/components/date/date.style.js +1 -1
  290. package/lib/components/date-range/date-range.style.js +1 -1
  291. package/lib/components/decimal/__internal__/decimal-popover-button.style.js +1 -1
  292. package/lib/components/decimal/decimal.style.js +1 -1
  293. package/lib/components/definition-list/definition-list.style.js +1 -1
  294. package/lib/components/detail/detail.style.js +1 -1
  295. package/lib/components/dialog/__internal__/__next__/dialog.style.js +1 -1
  296. package/lib/components/dismissible-box/dismissible-box.style.js +1 -1
  297. package/lib/components/divider/divider.style.js +1 -1
  298. package/lib/components/draggable/draggable-item/draggable-item.style.js +1 -1
  299. package/lib/components/drawer/drawer.style.js +1 -1
  300. package/lib/components/duelling-picklist/duelling-picklist.style.js +1 -1
  301. package/lib/components/duelling-picklist/picklist/picklist.style.js +1 -1
  302. package/lib/components/duelling-picklist/picklist-divider/picklist-divider.style.js +1 -1
  303. package/lib/components/duelling-picklist/picklist-group/picklist-group.style.js +1 -1
  304. package/lib/components/duelling-picklist/picklist-item/picklist-item.style.js +1 -1
  305. package/lib/components/fieldset/fieldset.style.js +1 -1
  306. package/lib/components/file-input/__internal__/file-upload-status/file-upload-status.style.js +1 -1
  307. package/lib/components/file-input/file-input.style.js +1 -1
  308. package/lib/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.style.js +1 -1
  309. package/lib/components/flat-table/flat-table-cell/flat-table-cell.style.js +1 -1
  310. package/lib/components/flat-table/flat-table-checkbox/flat-table-checkbox.style.js +1 -1
  311. package/lib/components/flat-table/flat-table-head/flat-table-head.style.js +1 -1
  312. package/lib/components/flat-table/flat-table-header/flat-table-header.style.js +1 -1
  313. package/lib/components/flat-table/flat-table-row/flat-table-row.style.js +1 -1
  314. package/lib/components/flat-table/flat-table-row-header/flat-table-row-header.style.js +1 -1
  315. package/lib/components/flat-table/flat-table.style.js +1 -1
  316. package/lib/components/flat-table/sort/sort.style.js +1 -1
  317. package/lib/components/form/__internal__/form-summary.style.js +1 -1
  318. package/lib/components/form/form.component.js +1 -1
  319. package/lib/components/form/form.style.js +1 -1
  320. package/lib/components/form/required-fields-indicator/required-fields-indicator.component.js +1 -1
  321. package/lib/components/global-header/global-header.component.js +1 -1
  322. package/lib/components/grid/grid-container/grid-container.style.js +1 -1
  323. package/lib/components/grid/grid-item/grid-item.style.js +1 -1
  324. package/lib/components/heading/heading.style.js +1 -1
  325. package/lib/components/help/help.style.js +1 -1
  326. package/lib/components/hr/hr.style.js +1 -1
  327. package/lib/components/icon/icon.style.js +1 -1
  328. package/lib/components/icon-button/icon-button.style.js +1 -1
  329. package/lib/components/image/image.style.js +1 -1
  330. package/lib/components/inline-inputs/inline-inputs.style.js +1 -1
  331. package/lib/components/link/link.style.js +1 -1
  332. package/lib/components/link-preview/__internal__/placeholder.component.js +1 -1
  333. package/lib/components/link-preview/link-preview.style.js +1 -1
  334. package/lib/components/loader/__next__/internal/star.style.js +1 -1
  335. package/lib/components/loader/__next__/loader.style.js +1 -1
  336. package/lib/components/loader/loader-square.style.js +1 -1
  337. package/lib/components/loader/loader.style.js +1 -1
  338. package/lib/components/loader-bar/loader-bar.style.js +1 -1
  339. package/lib/components/loader-spinner/loader-spinner.style.js +1 -1
  340. package/lib/components/loader-star/internal/star.style.js +1 -1
  341. package/lib/components/loader-star/loader-star.style.js +1 -1
  342. package/lib/components/menu/__internal__/submenu/submenu.style.js +1 -1
  343. package/lib/components/menu/menu-divider/menu-divider.style.js +1 -1
  344. package/lib/components/menu/menu-full-screen/menu-full-screen.style.js +1 -1
  345. package/lib/components/menu/menu-item/menu-item.style.js +1 -1
  346. package/lib/components/menu/menu-segment-title/menu-segment-title.style.js +1 -1
  347. package/lib/components/menu/menu.style.js +1 -1
  348. package/lib/components/menu/scrollable-block/scrollable-block.style.js +1 -1
  349. package/lib/components/message/message.style.js +1 -1
  350. package/lib/components/multi-action-button/multi-action-button.style.js +1 -1
  351. package/lib/components/navigation-bar/navigation-bar.style.js +1 -1
  352. package/lib/components/note/note.style.js +1 -1
  353. package/lib/components/numeral-date/numeral-date.style.js +1 -1
  354. package/lib/components/option-tile/option-tile.style.js +1 -1
  355. package/lib/components/pager/__internal__/pagination-navigation.style.js +1 -1
  356. package/lib/components/pager/pager.style.js +1 -1
  357. package/lib/components/pages/page/page.style.js +1 -1
  358. package/lib/components/pages/pages.style.js +1 -1
  359. package/lib/components/password/password.style.js +1 -1
  360. package/lib/components/pill/pill.component.d.ts +1 -1
  361. package/lib/components/pill/pill.style.js +1 -1
  362. package/lib/components/pod/pod.style.js +1 -1
  363. package/lib/components/popover-container/popover-container.style.js +1 -1
  364. package/lib/components/portal/portal.js +1 -1
  365. package/lib/components/portal/portal.style.js +1 -1
  366. package/lib/components/portrait/portrait.style.js +1 -1
  367. package/lib/components/preview/preview.style.js +1 -1
  368. package/lib/components/profile/profile.style.js +1 -1
  369. package/lib/components/progress-tracker/progress-tracker.style.js +1 -1
  370. package/lib/components/radio-button/radio-button-group/radio-button-group.style.js +1 -1
  371. package/lib/components/radio-button/radio-button.style.js +1 -1
  372. package/lib/components/search/__internal__/legacy/search-button.style.js +1 -1
  373. package/lib/components/search/__internal__/legacy/search.style.js +1 -1
  374. package/lib/components/search/__internal__/results-announcement.component.js +1 -1
  375. package/lib/components/search/search.component.js +1 -1
  376. package/lib/components/select/__internal__/list-action-button/list-action-button.style.js +1 -1
  377. package/lib/components/select/__internal__/select-list/select-list.style.js +1 -1
  378. package/lib/components/select/__internal__/select-textbox/select-textbox.style.js +1 -1
  379. package/lib/components/select/__internal__/utils/matching-text.style.js +1 -1
  380. package/lib/components/select/multi-select/multi-select.style.js +1 -1
  381. package/lib/components/select/option/option.style.js +1 -1
  382. package/lib/components/select/option-group-header/option-group-header.style.js +1 -1
  383. package/lib/components/select/option-row/option-row.style.js +1 -1
  384. package/lib/components/select/select.style.js +1 -1
  385. package/lib/components/settings-row/settings-row.style.js +1 -1
  386. package/lib/components/sidebar/__internal__/sidebar-content/index.d.ts +1 -0
  387. package/lib/components/sidebar/__internal__/sidebar-content/index.js +1 -0
  388. package/lib/components/sidebar/__internal__/sidebar-content/package.json +5 -0
  389. package/lib/components/sidebar/__internal__/sidebar-content/sidebar-content.component.d.ts +11 -0
  390. package/lib/components/sidebar/__internal__/sidebar-content/sidebar-content.component.js +1 -0
  391. package/lib/components/sidebar/__internal__/sidebar-content/sidebar-content.style.d.ts +13 -0
  392. package/lib/components/sidebar/__internal__/sidebar-content/sidebar-content.style.js +1 -0
  393. package/lib/components/sidebar/__internal__/sidebar-footer/index.d.ts +1 -0
  394. package/lib/components/sidebar/__internal__/sidebar-footer/index.js +1 -0
  395. package/lib/components/sidebar/__internal__/sidebar-footer/package.json +5 -0
  396. package/lib/components/sidebar/__internal__/sidebar-footer/sidebar-footer.component.d.ts +8 -0
  397. package/lib/components/sidebar/__internal__/sidebar-footer/sidebar-footer.component.js +1 -0
  398. package/lib/components/sidebar/__internal__/sidebar-footer/sidebar-footer.style.d.ts +6 -0
  399. package/lib/components/sidebar/__internal__/sidebar-footer/sidebar-footer.style.js +1 -0
  400. package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.component.d.ts +6 -4
  401. package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.component.js +1 -1
  402. package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.d.ts +7 -3
  403. package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js +1 -1
  404. package/lib/components/sidebar/__internal__/sidebar.context.d.ts +1 -0
  405. package/lib/components/sidebar/sidebar.component.d.ts +35 -11
  406. package/lib/components/sidebar/sidebar.component.js +1 -1
  407. package/lib/components/sidebar/sidebar.config.d.ts +1 -0
  408. package/lib/components/sidebar/sidebar.config.js +1 -1
  409. package/lib/components/sidebar/sidebar.style.d.ts +8 -5
  410. package/lib/components/sidebar/sidebar.style.js +1 -1
  411. package/lib/components/simple-color-picker/simple-color/simple-color.style.js +1 -1
  412. package/lib/components/simple-color-picker/simple-color-picker.style.js +1 -1
  413. package/lib/components/split-button/split-button-toggle.style.js +1 -1
  414. package/lib/components/split-button/split-button.style.js +1 -1
  415. package/lib/components/step-flow/step-flow.style.js +1 -1
  416. package/lib/components/step-sequence/step-sequence-item/step-sequence-item.style.js +1 -1
  417. package/lib/components/step-sequence/step-sequence.style.js +1 -1
  418. package/lib/components/switch/switch.style.js +1 -1
  419. package/lib/components/tabs/__next__/tabs.style.js +1 -1
  420. package/lib/components/text-editor/__internal__/__ui__/CharacterCounter/character-counter.style.js +1 -1
  421. package/lib/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.style.js +1 -1
  422. package/lib/components/text-editor/__internal__/__ui__/Mentions/mentions.style.js +1 -1
  423. package/lib/components/text-editor/__internal__/__ui__/Placeholder/placeholder.style.js +1 -1
  424. package/lib/components/text-editor/__internal__/__ui__/Toolbar/button-group/button-group.style.js +1 -1
  425. package/lib/components/text-editor/__internal__/__ui__/Toolbar/buttons/typography-dropdown/dropdown.style.js +1 -1
  426. package/lib/components/text-editor/__internal__/__ui__/Toolbar/toolbar.style.js +1 -1
  427. package/lib/components/text-editor/text-editor.style.js +1 -1
  428. package/lib/components/textarea/textarea.style.js +1 -1
  429. package/lib/components/textbox/__internal__/__next__/text-input.style.js +1 -1
  430. package/lib/components/tile/tile-content/tile-content.style.js +1 -1
  431. package/lib/components/tile/tile-footer/tile-footer.style.js +1 -1
  432. package/lib/components/tile/tile-header/tile-header.style.js +1 -1
  433. package/lib/components/tile/tile.style.js +1 -1
  434. package/lib/components/tile-select/__internal__/accordion/accordion.style.js +1 -1
  435. package/lib/components/tile-select/tile-select-group/tile-select-group.component.d.ts +10 -0
  436. package/lib/components/tile-select/tile-select.component.d.ts +12 -0
  437. package/lib/components/tile-select/tile-select.style.js +1 -1
  438. package/lib/components/time/time.style.js +1 -1
  439. package/lib/components/toast/toast.style.js +1 -1
  440. package/lib/components/tokens-wrapper/tokens-wrapper.component.js +1 -1
  441. package/lib/components/tooltip/tooltip-pointer.style.js +1 -1
  442. package/lib/components/tooltip/tooltip.style.js +1 -1
  443. package/lib/components/typography/__internal__/__next__/typography.style.js +1 -1
  444. package/lib/components/typography/typography.style.js +1 -1
  445. package/lib/components/vertical-divider/vertical-divider.style.js +1 -1
  446. package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js +1 -1
  447. package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js +1 -1
  448. package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js +1 -1
  449. package/lib/components/vertical-menu/vertical-menu.style.js +1 -1
  450. package/lib/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js +1 -1
  451. package/package.json +4 -2
@@ -1 +1 @@
1
- "use strict";var t=require("styled-components"),e=require("../../../../style/themes/apply-base-theme.js");function o(t){return t&&t.__esModule?t:{default:t}}var i=o(t);const a=i.default.ul.withConfig({displayName:"select-list.style__StyledSelectList",componentId:"carbon_v162_3_1__sc-cd99fc43-0"})(["",""],(({listHeight:e})=>t.css(["box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:column;list-style-type:none;margin:0;outline:none;padding:0;position:relative;width:100%;",""],void 0===e?"":`height: ${e}px;`))),l=i.default.div.withConfig({displayName:"select-list.style__StyledSelectLoaderContainer",componentId:"carbon_v162_3_1__sc-cd99fc43-1"})(["display:flex;align-items:center;justify-content:center;padding-top:24px;padding-bottom:24px;width:100%;flex-grow:1;"]),d=i.default.table.withConfig({displayName:"select-list.style__StyledSelectListTable",componentId:"carbon_v162_3_1__sc-cd99fc43-2"})(["background-color:var(--colorsUtilityYang100);border-collapse:collapse;border-radius:0px;border-spacing:0;min-width:100%;white-space:nowrap;height:180px;overflow-y:auto;thead,tr{display:table;width:100%;table-layout:fixed;}"]),r=i.default.thead.withConfig({displayName:"select-list.style__StyledSelectListTableHeader",componentId:"carbon_v162_3_1__sc-cd99fc43-3"})(["border-bottom:1px solid var(--colorsUtilityMajor050);position:sticky;top:0;left:0;z-index:1;tr{width:",';}th{position:sticky;top:0;padding:var(--spacing200);background-color:white;text-align:left;font-weight:500;font-size:12px;text-transform:uppercase;color:var(--colorsUtilityYin055);:after{content:"";display:block;position:absolute;bottom:-8px;left:0px;background-image:linear-gradient( var(--colorsUtilityMajor800),var(--colorsUtilityYang100) );opacity:0.03;height:8px;width:100%;}}'],(({scrollbarWidth:t})=>`calc(100% - ${t}px)`)),s=i.default.tbody.withConfig({displayName:"select-list.style__StyledSelectListTableBody",componentId:"carbon_v162_3_1__sc-cd99fc43-4"})(["display:block;width:100%;table-layout:fixed;width:100%;height:",";"],(({listHeight:t})=>`${t}px`)),n=i.default.div.attrs(e.default).withConfig({displayName:"select-list.style__StyledSelectListContainer",componentId:"carbon_v162_3_1__sc-cd99fc43-5"})(['background-color:white;box-shadow:var(--boxShadow100);&[data-floating-placement^="top"]{box-shadow:0 -5px 5px 0 #00141e33,0 -10px 10px 0 #00141e1a;}animation:fadeIn 250ms ease-out;position:absolute;z-index:',";display:flex;flex-wrap:wrap;align-items:flex-start;border-radius:var(--borderRadius050);",";@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}"],(({theme:t})=>t.zIndex.popover),(({isLoading:t})=>t&&"min-height: 150px")),c=i.default.div.withConfig({displayName:"select-list.style__StyledScrollableContainer",componentId:"carbon_v162_3_1__sc-cd99fc43-6"})(["max-height:",";width:100%;border-top-left-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);overflow-y:auto;",""],(({maxHeight:t})=>`${t}px`),(({hasActionButton:e})=>!e&&t.css(["border-bottom-left-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);"])));exports.StyledScrollableContainer=c,exports.StyledSelectList=a,exports.StyledSelectListContainer=n,exports.StyledSelectListTable=d,exports.StyledSelectListTableBody=s,exports.StyledSelectListTableHeader=r,exports.StyledSelectLoaderContainer=l;
1
+ "use strict";var t=require("styled-components"),e=require("../../../../style/themes/apply-base-theme.js");function o(t){return t&&t.__esModule?t:{default:t}}var i=o(t);const a=i.default.ul.withConfig({displayName:"select-list.style__StyledSelectList",componentId:"carbon_v162_4_0__sc-cd99fc43-0"})(["",""],(({listHeight:e})=>t.css(["box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:column;list-style-type:none;margin:0;outline:none;padding:0;position:relative;width:100%;",""],void 0===e?"":`height: ${e}px;`))),l=i.default.div.withConfig({displayName:"select-list.style__StyledSelectLoaderContainer",componentId:"carbon_v162_4_0__sc-cd99fc43-1"})(["display:flex;align-items:center;justify-content:center;padding-top:24px;padding-bottom:24px;width:100%;flex-grow:1;"]),d=i.default.table.withConfig({displayName:"select-list.style__StyledSelectListTable",componentId:"carbon_v162_4_0__sc-cd99fc43-2"})(["background-color:var(--colorsUtilityYang100);border-collapse:collapse;border-radius:0px;border-spacing:0;min-width:100%;white-space:nowrap;height:180px;overflow-y:auto;thead,tr{display:table;width:100%;table-layout:fixed;}"]),r=i.default.thead.withConfig({displayName:"select-list.style__StyledSelectListTableHeader",componentId:"carbon_v162_4_0__sc-cd99fc43-3"})(["border-bottom:1px solid var(--colorsUtilityMajor050);position:sticky;top:0;left:0;z-index:1;tr{width:",';}th{position:sticky;top:0;padding:var(--spacing200);background-color:white;text-align:left;font-weight:500;font-size:12px;text-transform:uppercase;color:var(--colorsUtilityYin055);:after{content:"";display:block;position:absolute;bottom:-8px;left:0px;background-image:linear-gradient( var(--colorsUtilityMajor800),var(--colorsUtilityYang100) );opacity:0.03;height:8px;width:100%;}}'],(({scrollbarWidth:t})=>`calc(100% - ${t}px)`)),s=i.default.tbody.withConfig({displayName:"select-list.style__StyledSelectListTableBody",componentId:"carbon_v162_4_0__sc-cd99fc43-4"})(["display:block;width:100%;table-layout:fixed;width:100%;height:",";"],(({listHeight:t})=>`${t}px`)),n=i.default.div.attrs(e.default).withConfig({displayName:"select-list.style__StyledSelectListContainer",componentId:"carbon_v162_4_0__sc-cd99fc43-5"})(['background-color:white;box-shadow:var(--boxShadow100);&[data-floating-placement^="top"]{box-shadow:0 -5px 5px 0 #00141e33,0 -10px 10px 0 #00141e1a;}animation:fadeIn 250ms ease-out;position:absolute;z-index:',";display:flex;flex-wrap:wrap;align-items:flex-start;border-radius:var(--borderRadius050);",";@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}"],(({theme:t})=>t.zIndex.popover),(({isLoading:t})=>t&&"min-height: 150px")),c=i.default.div.withConfig({displayName:"select-list.style__StyledScrollableContainer",componentId:"carbon_v162_4_0__sc-cd99fc43-6"})(["max-height:",";width:100%;border-top-left-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);overflow-y:auto;",""],(({maxHeight:t})=>`${t}px`),(({hasActionButton:e})=>!e&&t.css(["border-bottom-left-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);"])));exports.StyledScrollableContainer=c,exports.StyledSelectList=a,exports.StyledSelectListContainer=n,exports.StyledSelectListTable=d,exports.StyledSelectListTableBody=s,exports.StyledSelectListTableHeader=r,exports.StyledSelectLoaderContainer=l;
@@ -1 +1 @@
1
- "use strict";var e=require("styled-components"),t=require("../../../../__internal__/legacy-input/input-sizes.style.js");function l(e){return e&&e.__esModule?e:{default:e}}var o=l(e);const s=o.default.span.withConfig({displayName:"select-textbox.style__StyledSelectText",componentId:"carbon_v162_3_1__sc-216771d5-0"})(["",""],(({$disabled:l,$hasPlaceholder:o,$readOnly:s,$transparent:n,$size:i})=>e.css(["align-items:center;align-self:stretch;display:inline-flex;flex-grow:1;font-size:14px;height:auto;outline:none;width:30px;z-index:1;padding-left:",";"," "," "," ",""],t.default[i].horizontalPadding,n&&e.css(["font-weight:500;text-align:right;"]),o&&e.css(['& > *:not([data-element="textbox-prefix"]){color:',";font-weight:",";user-select:none;}"],n?"var(--colorsUtilityYin100)":"var(--colorsUtilityYin055)",n?500:"normal"),l&&e.css(["cursor:not-allowed;color:var(--colorsUtilityYin030);text-shadow:none;"]),s&&e.css(["cursor:default;color:var(--colorsUtilityYin065);text-shadow:none;"])))),n=o.default.span.withConfig({displayName:"select-textbox.style__StyledSelectTextChildrenWrapper",componentId:"carbon_v162_3_1__sc-216771d5-1"})(["display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"," ",""],(({$isDisabled:t})=>t&&e.css(["cursor:not-allowed;"])),(({$readOnly:t})=>t&&e.css(["cursor:default;"])));exports.StyledSelectText=s,exports.StyledSelectTextChildrenWrapper=n;
1
+ "use strict";var e=require("styled-components"),t=require("../../../../__internal__/legacy-input/input-sizes.style.js");function l(e){return e&&e.__esModule?e:{default:e}}var o=l(e);const s=o.default.span.withConfig({displayName:"select-textbox.style__StyledSelectText",componentId:"carbon_v162_4_0__sc-216771d5-0"})(["",""],(({$disabled:l,$hasPlaceholder:o,$readOnly:s,$transparent:n,$size:i})=>e.css(["align-items:center;align-self:stretch;display:inline-flex;flex-grow:1;font-size:14px;height:auto;outline:none;width:30px;z-index:1;padding-left:",";"," "," "," ",""],t.default[i].horizontalPadding,n&&e.css(["font-weight:500;text-align:right;"]),o&&e.css(['& > *:not([data-element="textbox-prefix"]){color:',";font-weight:",";user-select:none;}"],n?"var(--colorsUtilityYin100)":"var(--colorsUtilityYin055)",n?500:"normal"),l&&e.css(["cursor:not-allowed;color:var(--colorsUtilityYin030);text-shadow:none;"]),s&&e.css(["cursor:default;color:var(--colorsUtilityYin065);text-shadow:none;"])))),n=o.default.span.withConfig({displayName:"select-textbox.style__StyledSelectTextChildrenWrapper",componentId:"carbon_v162_4_0__sc-216771d5-1"})(["display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"," ",""],(({$isDisabled:t})=>t&&e.css(["cursor:not-allowed;"])),(({$readOnly:t})=>t&&e.css(["cursor:default;"])));exports.StyledSelectText=s,exports.StyledSelectTextChildrenWrapper=n;
@@ -1 +1 @@
1
- "use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.span.withConfig({displayName:"matching-text.style__MatchingText",componentId:"carbon_v162_3_1__sc-cf2d1a9f-0"})(["font-weight:500;text-decoration:underline;"]);exports.default=t;
1
+ "use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.span.withConfig({displayName:"matching-text.style__MatchingText",componentId:"carbon_v162_4_0__sc-cf2d1a9f-0"})(["font-weight:500;text-decoration:underline;"]);exports.default=t;
@@ -1 +1 @@
1
- "use strict";var e=require("styled-components"),t=require("../../pill/pill.style.js"),l=require("../../../style/themes/apply-base-theme.js"),i=require("../../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),s=require("../select.style.js");function n(e){return e&&e.__esModule?e:{default:e}}var o=n(e);const a=o.default.div.attrs(l.default).withConfig({displayName:"multi-select.style__StyledSelectPillContainer",componentId:"carbon_v162_3_1__sc-4d4e5df5-0"})(["display:flex;flex-direction:column;justify-content:center;margin:3px 2px 3px 0;max-width:100%;&& ","{text-overflow:ellipsis;}"],t.default),d=o.default(s.default).withConfig({displayName:"multi-select.style__StyledSelectMultiSelect",componentId:"carbon_v162_3_1__sc-4d4e5df5-1"})(["","{position:absolute;right:0;height:100%;}"],i.default),c=o.default.div.withConfig({displayName:"multi-select.style__StyledAccessibilityLabelContainer",componentId:"carbon_v162_3_1__sc-4d4e5df5-2"})(["display:none;"]);exports.StyledAccessibilityLabelContainer=c,exports.StyledSelectMultiSelect=d,exports.StyledSelectPillContainer=a;
1
+ "use strict";var e=require("styled-components"),t=require("../../pill/pill.style.js"),l=require("../../../style/themes/apply-base-theme.js"),i=require("../../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),s=require("../select.style.js");function n(e){return e&&e.__esModule?e:{default:e}}var o=n(e);const a=o.default.div.attrs(l.default).withConfig({displayName:"multi-select.style__StyledSelectPillContainer",componentId:"carbon_v162_4_0__sc-4d4e5df5-0"})(["display:flex;flex-direction:column;justify-content:center;margin:3px 2px 3px 0;max-width:100%;&& ","{text-overflow:ellipsis;}"],t.default),d=o.default(s.default).withConfig({displayName:"multi-select.style__StyledSelectMultiSelect",componentId:"carbon_v162_4_0__sc-4d4e5df5-1"})(["","{position:absolute;right:0;height:100%;}"],i.default),c=o.default.div.withConfig({displayName:"multi-select.style__StyledAccessibilityLabelContainer",componentId:"carbon_v162_4_0__sc-4d4e5df5-2"})(["display:none;"]);exports.StyledAccessibilityLabelContainer=c,exports.StyledSelectMultiSelect=d,exports.StyledSelectPillContainer=a;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components");function e(o){return o&&o.__esModule?o:{default:o}}const t=e(o).default.li.withConfig({displayName:"option.style__StyledOption",componentId:"carbon_v162_3_1__sc-f2d82e3a-0"})(["box-sizing:border-box;line-height:16px;padding:12px 16px;width:100%;user-select:none;position:absolute;top:0;left:0;width:100%;"," "," ",""],(({isInteractive:e,isHighlighted:t})=>e&&o.css(["cursor:pointer;:hover{background-color:var(--colorsUtilityMajor100);}",""],t&&o.css(["background-color:var(--colorsUtilityMajor200);"]))),(({hidden:o})=>o&&"display: none;"),(({isDisabled:e})=>e&&o.css(["color:var(--colorsUtilityYin030);cursor:not-allowed;:hover{background-color:var(--colorsUtilityYang100);}"])));exports.default=t;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components");function e(o){return o&&o.__esModule?o:{default:o}}const t=e(o).default.li.withConfig({displayName:"option.style__StyledOption",componentId:"carbon_v162_4_0__sc-f2d82e3a-0"})(["box-sizing:border-box;line-height:16px;padding:12px 16px;width:100%;user-select:none;position:absolute;top:0;left:0;width:100%;"," "," ",""],(({isInteractive:e,isHighlighted:t})=>e&&o.css(["cursor:pointer;:hover{background-color:var(--colorsUtilityMajor100);}",""],t&&o.css(["background-color:var(--colorsUtilityMajor200);"]))),(({hidden:o})=>o&&"display: none;"),(({isDisabled:e})=>e&&o.css(["color:var(--colorsUtilityYin030);cursor:not-allowed;:hover{background-color:var(--colorsUtilityYang100);}"])));exports.default=t;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../icon/icon.style.js");function o(e){return e&&e.__esModule?e:{default:e}}const i=o(e).default.div.withConfig({displayName:"option-group-header.style__StyledOptionGroupHeader",componentId:"carbon_v162_3_1__sc-cdd7f97b-0"})(["box-sizing:border-box;position:absolute;height:40px;padding-left:16px;padding-top:16px;display:flex;align-items:center;width:100%;span:not(","){font-weight:500;font-size:12px;text-transform:uppercase;line-height:18px;text-align:left;margin:0;color:var(--colorsUtilityYin055);}","{margin-right:4px;margin-left:-5px;color:var(--colorsUtilityYin055);&:hover{color:var(--colorsUtilityYin055);}}"],t.default,t.default);exports.default=i;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../icon/icon.style.js");function o(e){return e&&e.__esModule?e:{default:e}}const i=o(e).default.div.withConfig({displayName:"option-group-header.style__StyledOptionGroupHeader",componentId:"carbon_v162_4_0__sc-cdd7f97b-0"})(["box-sizing:border-box;position:absolute;height:40px;padding-left:16px;padding-top:16px;display:flex;align-items:center;width:100%;span:not(","){font-weight:500;font-size:12px;text-transform:uppercase;line-height:18px;text-align:left;margin:0;color:var(--colorsUtilityYin055);}","{margin-right:4px;margin-left:-5px;color:var(--colorsUtilityYin055);&:hover{color:var(--colorsUtilityYin055);}}"],t.default,t.default);exports.default=i;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components");function t(o){return o&&o.__esModule?o:{default:o}}const r=t(o).default.tr.withConfig({displayName:"option-row.style__StyledOptionRow",componentId:"carbon_v162_3_1__sc-a4c1b2fd-0"})(["cursor:pointer;width:100%;position:absolute;top:0;left:0;"," "," :hover{background-color:var(--colorsUtilityMajor100);}td{line-height:16px;padding:12px 16px;&:first-child{font-weight:500;}}",""],(({hidden:o})=>o&&"display: none;"),(({isHighlighted:t})=>t&&o.css(["background-color:var(--colorsUtilityMajor200);"])),(({isDisabled:t})=>t&&o.css(["color:var(--colorsUtilityYin030);cursor:not-allowed;:hover{background-color:var(--colorsUtilityYang100);}"])));exports.default=r;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components");function t(o){return o&&o.__esModule?o:{default:o}}const r=t(o).default.tr.withConfig({displayName:"option-row.style__StyledOptionRow",componentId:"carbon_v162_4_0__sc-a4c1b2fd-0"})(["cursor:pointer;width:100%;position:absolute;top:0;left:0;"," "," :hover{background-color:var(--colorsUtilityMajor100);}td{line-height:16px;padding:12px 16px;&:first-child{font-weight:500;}}",""],(({hidden:o})=>o&&"display: none;"),(({isHighlighted:t})=>t&&o.css(["background-color:var(--colorsUtilityMajor200);"])),(({isDisabled:t})=>t&&o.css(["color:var(--colorsUtilityYin030);cursor:not-allowed;:hover{background-color:var(--colorsUtilityYang100);}"])));exports.default=r;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),i=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),r=require("../../style/themes/apply-base-theme.js");function s(e){return e&&e.__esModule?e:{default:e}}const l=s(e).default.div.attrs(r.default).withConfig({displayName:"select.style__StyledSelect",componentId:"carbon_v162_3_1__sc-aec7932c-0"})(["margin-bottom:var(--fieldSpacing);"," position:relative;","{margin-right:0;}"],t.margin,i.default);exports.default=l;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),i=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),r=require("../../style/themes/apply-base-theme.js");function s(e){return e&&e.__esModule?e:{default:e}}const l=s(e).default.div.attrs(r.default).withConfig({displayName:"select.style__StyledSelect",componentId:"carbon_v162_4_0__sc-aec7932c-0"})(["margin-bottom:var(--fieldSpacing);"," position:relative;","{margin-right:0;}"],t.margin,i.default);exports.default=l;
@@ -1 +1 @@
1
- "use strict";var t=require("styled-components"),e=require("styled-system"),o=require("../../style/themes/apply-base-theme.js"),i=require("../heading/heading.style.js");function s(t){return t&&t.__esModule?t:{default:t}}var r=s(t);const d=r.default.div.attrs(o.default).withConfig({displayName:"settings-row.style__StyledSettingsRow",componentId:"carbon_v162_3_1__sc-b1bd4709-0"})([""," clear:both;color:var(--colorsUtilityYin055);display:flex;font-size:14px;justify-content:space-between;padding:0;position:relative;"," ","{margin-bottom:0;}","{margin-bottom:17px;}+ &{padding-top:30px;}"],e.margin,(({hasDivider:e})=>e&&t.css(["border-bottom:1px solid var(--colorsUtilityMajor050);padding-bottom:30px;"])),i.StyledHeader,i.StyledSeparator),a=r.default.div.withConfig({displayName:"settings-row.style__StyledSettingsRowHeader",componentId:"carbon_v162_3_1__sc-b1bd4709-1"})(["box-sizing:border-box;clear:both;float:left;max-width:325px;width:35%;"]),n=r.default.div.withConfig({displayName:"settings-row.style__StyledSettingsRowInput",componentId:"carbon_v162_3_1__sc-b1bd4709-2"})(["box-sizing:border-box;clear:both;float:left;margin-left:50px;width:100%;"]);exports.StyledSettingsRow=d,exports.StyledSettingsRowHeader=a,exports.StyledSettingsRowInput=n;
1
+ "use strict";var t=require("styled-components"),e=require("styled-system"),o=require("../../style/themes/apply-base-theme.js"),i=require("../heading/heading.style.js");function s(t){return t&&t.__esModule?t:{default:t}}var r=s(t);const d=r.default.div.attrs(o.default).withConfig({displayName:"settings-row.style__StyledSettingsRow",componentId:"carbon_v162_4_0__sc-b1bd4709-0"})([""," clear:both;color:var(--colorsUtilityYin055);display:flex;font-size:14px;justify-content:space-between;padding:0;position:relative;"," ","{margin-bottom:0;}","{margin-bottom:17px;}+ &{padding-top:30px;}"],e.margin,(({hasDivider:e})=>e&&t.css(["border-bottom:1px solid var(--colorsUtilityMajor050);padding-bottom:30px;"])),i.StyledHeader,i.StyledSeparator),a=r.default.div.withConfig({displayName:"settings-row.style__StyledSettingsRowHeader",componentId:"carbon_v162_4_0__sc-b1bd4709-1"})(["box-sizing:border-box;clear:both;float:left;max-width:325px;width:35%;"]),n=r.default.div.withConfig({displayName:"settings-row.style__StyledSettingsRowInput",componentId:"carbon_v162_4_0__sc-b1bd4709-2"})(["box-sizing:border-box;clear:both;float:left;margin-left:50px;width:100%;"]);exports.StyledSettingsRow=d,exports.StyledSettingsRowHeader=a,exports.StyledSettingsRowInput=n;
@@ -0,0 +1 @@
1
+ export { default } from "./sidebar-content.component";
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./sidebar-content.component.js");exports.default=e.default;
@@ -0,0 +1,5 @@
1
+ {
2
+ "sideEffects": false,
3
+ "module": "../../../../../esm/components/sidebar/__internal__/sidebar-content/index.js",
4
+ "types": "./index.d.ts"
5
+ }
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ import { PaddingProps } from "styled-system";
3
+ interface SidebarContentProps extends PaddingProps {
4
+ children?: React.ReactNode;
5
+ disableStickyOnSmallScreen: boolean;
6
+ footer?: React.ReactNode;
7
+ isSmallScreen: boolean;
8
+ stickyFooter: boolean;
9
+ }
10
+ declare const SidebarContent: ({ children, disableStickyOnSmallScreen, footer, isSmallScreen, stickyFooter, ...padding }: SidebarContentProps) => React.JSX.Element;
11
+ export default SidebarContent;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../sidebar.context.js"),n=require("../sidebar-footer/sidebar-footer.component.js"),o=require("./sidebar-content.style.js");function i(e){return e&&e.__esModule?e:{default:e}}var l=i(t);function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){c(e,t,r[t])}))}return e}function s(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}exports.default=t=>{var{children:i,disableStickyOnSmallScreen:c,footer:u,isSmallScreen:b,stickyFooter:d}=t,y=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(t,["children","disableStickyOnSmallScreen","footer","isSmallScreen","stickyFooter"]);const f=null!=u&&""!==u&&l.default.Children.toArray(u).length>0,O=b&&!c,S=e.jsx(r.default.Provider,{value:{isInSidebar:!0,isStickyContentFocusable:O},children:i});return e.jsxs(o.StyledSidebarContent,s(a({"data-element":"sidebar-content","data-role":"sidebar-content",tabIndex:-1,$disableStickyOnSmallScreen:c,$hasCustomFooter:f,$stickyFooter:d},y),{children:[f?e.jsx(o.StyledSidebarBody,s(a({"data-element":"sidebar-body","data-role":"sidebar-body",tabIndex:d&&O?0:-1,$disableStickyOnSmallScreen:c,$stickyFooter:d},y),{children:S})):S,f?e.jsx(n.default,{disableStickyOnSmallScreen:c,sticky:d,children:u}):null]}))};
@@ -0,0 +1,13 @@
1
+ import { PaddingProps } from "styled-system";
2
+ type StyledSidebarContentProps = PaddingProps & {
3
+ $disableStickyOnSmallScreen?: boolean;
4
+ $hasCustomFooter?: boolean;
5
+ $stickyFooter?: boolean;
6
+ };
7
+ type StyledSidebarBodyProps = PaddingProps & {
8
+ $disableStickyOnSmallScreen?: boolean;
9
+ $stickyFooter?: boolean;
10
+ };
11
+ declare const StyledSidebarBody: import("styled-components").StyledComponent<"div", any, StyledSidebarBodyProps, never>;
12
+ declare const StyledSidebarContent: import("styled-components").StyledComponent<"div", any, StyledSidebarContentProps, never>;
13
+ export { StyledSidebarBody, StyledSidebarContent };
@@ -0,0 +1 @@
1
+ "use strict";var e=require("styled-components"),o=require("styled-system"),a=require("../../../form/form.style.js"),t=require("../../sidebar.config.js");function l(e){return e&&e.__esModule?e:{default:e}}var r=l(e);const d=r.default.div.withConfig({displayName:"sidebar-content.style__StyledSidebarBody",componentId:"carbon_v162_4_0__sc-1a52a5d4-0"})(["box-sizing:border-box;flex:1 0 auto;padding:var(--global-space-comp-xl);"," &:has(",".sticky){padding:var(--global-space-comp-none);}"," ",""],o.padding,a.StyledForm,(({$stickyFooter:o})=>o&&e.css(["flex:1 1 auto;min-height:var(--global-size-none);overflow-y:auto;"])),(({$disableStickyOnSmallScreen:o})=>o&&e.css(["@media screen and (max-width:","){overflow-y:visible;}"],t.smallScreenBreakpoint))),i=r.default.div.withConfig({displayName:"sidebar-content.style__StyledSidebarContent",componentId:"carbon_v162_4_0__sc-1a52a5d4-1"})(["box-sizing:border-box;display:block;overflow-y:auto;flex-grow:1;color:var(--container-standard-txt-default);font:var(--global-font-static-body-regular-m);padding:var(--global-space-comp-xl);"," "," &:has(",".sticky){display:flex;flex-direction:column;overflow-y:hidden;padding:0;",".sticky{","{padding:var(--global-space-comp-xl);","}","{background:var(--container-standard-bg-default);border-top:var(--global-borderwidth-xs) solid var(--container-standard-border-default);gap:var(--global-space-comp-m);padding:var(--global-space-comp-l) var(--global-space-comp-xl);",",","{gap:var(--global-space-comp-m);}}}}",""],o.padding,(({$hasCustomFooter:o,$stickyFooter:a})=>o&&e.css(["display:flex;flex-direction:column;padding:var(--global-space-comp-none);",""],a&&e.css(["min-height:var(--global-size-none);overflow-y:hidden;"]))),a.StyledForm,a.StyledForm,a.StyledFormContent,o.padding,a.StyledFormFooter,a.StyledLeftButtons,a.StyledRightButtons,(({$disableStickyOnSmallScreen:o})=>o&&e.css(["@media screen and (max-width:","){flex:0 0 auto;min-height:auto;overflow-y:visible;&:has(",".sticky){overflow-y:visible;",".sticky{height:auto;","{overflow-y:visible;}","{box-shadow:none;position:static;}}}}"],t.smallScreenBreakpoint,a.StyledForm,a.StyledForm,a.StyledFormContent,a.StyledFormFooter)));exports.StyledSidebarBody=d,exports.StyledSidebarContent=i;
@@ -0,0 +1 @@
1
+ export { default } from "./sidebar-footer.component";
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./sidebar-footer.component.js");exports.default=e.default;
@@ -0,0 +1,5 @@
1
+ {
2
+ "sideEffects": false,
3
+ "module": "../../../../../esm/components/sidebar/__internal__/sidebar-footer/index.js",
4
+ "types": "./index.d.ts"
5
+ }
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ interface SidebarFooterProps {
3
+ children: React.ReactNode;
4
+ disableStickyOnSmallScreen: boolean;
5
+ sticky: boolean;
6
+ }
7
+ declare const SidebarFooter: ({ children, disableStickyOnSmallScreen, sticky, }: SidebarFooterProps) => React.JSX.Element;
8
+ export default SidebarFooter;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("./sidebar-footer.style.js");exports.default=({children:t,disableStickyOnSmallScreen:a,sticky:i})=>e.jsx(r.default,{$disableStickyOnSmallScreen:a,$sticky:i,"data-element":"sidebar-footer","data-role":"sidebar-footer",children:t});
@@ -0,0 +1,6 @@
1
+ interface StyledSidebarFooterProps {
2
+ $disableStickyOnSmallScreen?: boolean;
3
+ $sticky?: boolean;
4
+ }
5
+ declare const StyledSidebarFooter: import("styled-components").StyledComponent<"div", any, StyledSidebarFooterProps, never>;
6
+ export default StyledSidebarFooter;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),a=require("../../sidebar.config.js");function o(e){return e&&e.__esModule?e:{default:e}}const t=o(e).default.div.withConfig({displayName:"sidebar-footer.style__StyledSidebarFooter",componentId:"carbon_v162_4_0__sc-4baa6a8b-0"})(["background:var(--container-standard-bg-default);box-sizing:border-box;display:flex;gap:var(--global-space-layout-2-xs);min-height:var(--global-size-3-xl);padding:var(--global-space-comp-l) var(--global-space-comp-xl);width:100%;"," ",""],(({$sticky:a})=>a&&e.css(["border-top:var(--global-borderwidth-xs) solid var(--container-standard-border-default);box-shadow:var(--global-depth-sticky-b);position:sticky;bottom:0;"])),(({$disableStickyOnSmallScreen:o})=>o&&e.css(["@media screen and (max-width:","){box-shadow:none;position:static;}"],a.smallScreenBreakpoint)));exports.default=t;
@@ -5,10 +5,12 @@ export interface SidebarHeaderProps extends PaddingProps {
5
5
  children?: React.ReactNode;
6
6
  /** A custom id. */
7
7
  id: string;
8
- /** Close icon button to be rendered */
9
- closeIcon?: React.ReactNode;
8
+ /** Close button to be rendered. */
9
+ closeButton?: React.ReactNode;
10
10
  /** Header background variant for the sidebar. */
11
- headerVariant?: "light" | "dark";
11
+ headerVariant?: "typical" | "inverse" | "light" | "dark";
12
+ /** Adds the Carbon AI gradient keyline to the header. */
13
+ gradientKeyLine?: boolean;
12
14
  }
13
15
  export interface SidebarSubHeaderProps extends PaddingProps {
14
16
  /** This component supports children. */
@@ -17,7 +19,7 @@ export interface SidebarSubHeaderProps extends PaddingProps {
17
19
  id: string;
18
20
  }
19
21
  declare const SidebarHeader: {
20
- ({ children, id, closeIcon, headerVariant, ...rest }: SidebarHeaderProps): React.JSX.Element;
22
+ ({ children, id, closeButton, headerVariant, gradientKeyLine, ...rest }: SidebarHeaderProps): React.JSX.Element;
21
23
  displayName: string;
22
24
  };
23
25
  declare const SidebarSubHeader: {
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("./sidebar-header.style.js");function t(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},a=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),a.forEach((function(r){t(e,r,n[r])}))}return e}function a(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function i(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}const o=t=>{var{children:o,id:c,closeIcon:d,headerVariant:l}=t,s=i(t,["children","id","closeIcon","headerVariant"]);return e.jsxs(r.default,a(n({hasClose:!!d,"data-component":"sidebar-header","data-role":"sidebar-header",p:"27px 32px 32px",headerVariant:l},s),{children:[e.jsx("div",{"data-element":"sidebar-heading",id:c,children:o}),d]}))},c=t=>{var{children:o,id:c}=t,d=i(t,["children","id"]);return e.jsx(r.StyledSidebarSubHeader,a(n({"data-component":"sidebar-subheader",p:"var(--sizing100) var(--sizing400)",id:c},d),{children:o}))};o.displayName="SidebarHeader",c.displayName="SidebarSubHeader",exports.SidebarSubHeader=c,exports.default=o;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../../typography/typography.component.js"),t=require("./sidebar-header.style.js");function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function a(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),a.forEach((function(r){n(e,r,t[r])}))}return e}function i(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function d(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}const o=n=>{var{children:o,id:c,closeButton:l,headerVariant:s,gradientKeyLine:u}=n,b=d(n,["children","id","closeButton","headerVariant","gradientKeyLine"]);return e.jsxs(t.default,i(a({$hasCloseButton:!!l,"data-component":"sidebar-header","data-role":"sidebar-header",$headerVariant:s,$gradientKeyLine:u},b),{children:[e.jsx("div",{"data-element":"sidebar-heading",id:c,children:"string"==typeof o?e.jsx(r.Typography,{as:"h1","data-element":"sidebar-title",variant:"h2",wordBreak:"normal",wordWrap:"break-word",children:o}):o}),l,e.jsx(t.StyledSidebarHeaderDivider,{"aria-hidden":"true","data-element":"sidebar-header-divider"})]}))},c=r=>{var{children:n,id:o}=r,c=d(r,["children","id"]);return e.jsx(t.StyledSidebarSubHeader,i(a({"data-component":"sidebar-subheader",id:o},c),{children:n}))};o.displayName="SidebarHeader",c.displayName="SidebarSubHeader",exports.SidebarSubHeader=c,exports.default=o;
@@ -1,11 +1,15 @@
1
1
  declare const StyledSidebarHeader: import("styled-components").StyledComponent<"div", any, {
2
2
  theme: object;
3
3
  } & {
4
- hasClose?: boolean;
5
- headerVariant?: "light" | "dark";
4
+ $hasCloseButton?: boolean;
5
+ $headerVariant?: "typical" | "inverse" | "light" | "dark";
6
+ $gradientKeyLine?: boolean;
7
+ }, "theme">;
8
+ declare const StyledSidebarHeaderDivider: import("styled-components").StyledComponent<"hr", any, {
9
+ theme: object;
6
10
  }, "theme">;
7
11
  declare const StyledSidebarSubHeader: import("styled-components").StyledComponent<"div", any, {
8
12
  theme: object;
9
13
  }, "theme">;
10
14
  export default StyledSidebarHeader;
11
- export { StyledSidebarSubHeader };
15
+ export { StyledSidebarHeaderDivider, StyledSidebarSubHeader };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),r=require("../../../../style/themes/apply-base-theme.js"),o=require("../../../icon-button/icon-button.style.js"),a=require("../../../icon/icon.style.js");function i(e){return e&&e.__esModule?e:{default:e}}var s=i(e);const l=s.default.div.attrs(r.default).withConfig({displayName:"sidebar-header.style__StyledSidebarHeader",componentId:"carbon_v162_3_1__sc-9741e920-0"})(["background-color:",";box-shadow:inset 0 -1px 0 0 var(--colorsUtilityMajor100);box-sizing:border-box;width:100%;color:var(--colorsActionMinorYin090);transition:all 0.2s ease;"," ",' div[data-element="sidebar-heading"]{width:100%;}'],(({headerVariant:e})=>"light"===e?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin100)"),t.padding,(({hasClose:t,headerVariant:r})=>t&&e.css(["display:flex;justify-content:space-between;gap:var(--spacing200);> ",":first-of-type{"," align-self:flex-start;}"],o.default,"dark"===r&&e.css(["","{color:var(--colorsUtilityYang080);}"],a.default)))),d=s.default.div.attrs(r.default).withConfig({displayName:"sidebar-header.style__StyledSidebarSubHeader",componentId:"carbon_v162_3_1__sc-9741e920-1"})(["box-sizing:border-box;width:100%;color:var(--colorsActionMinorYin090);background-color:var(--colorsUtilityMajor050);border-bottom:1px solid var(--colorsUtilityMajor075);"," transition:all 0.2s ease;"],t.padding);exports.StyledSidebarSubHeader=d,exports.default=l;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),a=require("styled-system"),r=require("../../../../style/themes/apply-base-theme.js"),t=require("../../../icon/icon.style.js");function d(e){return e&&e.__esModule?e:{default:e}}var o=d(e);const i=o.default.div.attrs(r.default).withConfig({displayName:"sidebar-header.style__StyledSidebarHeader",componentId:"carbon_v162_4_0__sc-1ddc81ab-0"})([""," box-sizing:border-box;flex:0 0 auto;min-height:calc((2 * var(--global-space-comp-xl)) + var(--global-size-s));width:100%;transition:all 0.2s ease;padding:var(--global-space-comp-xl);"," "," ",' div[data-element="sidebar-heading"]{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--global-space-comp-xs);min-width:0;width:100%;[data-element="sidebar-title"]{color:inherit;}}'],(({$headerVariant:a})=>{const r="inverse"===a||"dark"===a;return e.css(["background-color:",";color:",";position:relative;"],r?"var(--container-standard-inverse-bg-default)":"var(--container-standard-bg-default)",r?"var(--container-standard-inverse-txt-default)":"var(--container-standard-txt-default)")}),(({$gradientKeyLine:a})=>a&&e.css(["border-top:var(--global-borderwidth-xxl) solid transparent;border-image:var(--container-standard-border-ai-h) 1;"])),a.padding,(({$hasCloseButton:a,$headerVariant:r})=>a&&e.css(['display:flex;justify-content:space-between;gap:var(--global-space-comp-l);> [data-component="close"]:first-of-type{'," align-self:flex-start;border-radius:var(--global-radius-action-circle);flex:0 0 auto;height:var(--global-size-s);min-width:var(--global-size-s);width:var(--global-size-s);","{height:var(--global-size-2-xs);width:var(--global-size-2-xs);}}"],("inverse"===r||"dark"===r)&&e.css(["","{color:var(--container-standard-inverse-txt-default);}&:is(:hover,:active,:focus) ","{color:var(--container-standard-inverse-txt-default);}&:disabled ","{color:var(--container-standard-inverse-txt-alt);}"],t.default,t.default,t.default),t.default))),l=o.default.hr.attrs(r.default).withConfig({displayName:"sidebar-header.style__StyledSidebarHeaderDivider",componentId:"carbon_v162_4_0__sc-1ddc81ab-1"})(["background:var(--container-standard-border-default);border:var(--global-borderwidth-none);bottom:0;height:var(--global-borderwidth-xs);left:0;margin:0;position:absolute;right:0;"]),s=o.default.div.attrs(r.default).withConfig({displayName:"sidebar-header.style__StyledSidebarSubHeader",componentId:"carbon_v162_4_0__sc-1ddc81ab-2"})(["box-sizing:border-box;width:100%;color:var(--container-standard-txt-default);background-color:var(--container-standard-bg-alt);border-bottom:var(--global-borderwidth-xs) solid var(--container-standard-border-default);padding:var(--global-space-comp-s) var(--global-space-comp-2-xl);"," transition:all 0.2s ease;"],a.padding);exports.StyledSidebarHeaderDivider=l,exports.StyledSidebarSubHeader=s,exports.default=i;
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  export interface SidebarContextProps {
3
3
  isInSidebar?: boolean;
4
+ isStickyContentFocusable?: boolean;
4
5
  }
5
6
  declare const _default: React.Context<SidebarContextProps>;
6
7
  export default _default;
@@ -1,19 +1,18 @@
1
1
  import React, { RefObject } from "react";
2
2
  import { PaddingProps, WidthProps } from "styled-system";
3
- import { ModalProps } from "../../__internal__/modal";
4
- import { TagProps } from "../../__internal__/utils/helpers/tags";
3
+ import type { ModalProps } from "../../__internal__/modal";
4
+ import { type TagProps } from "../../__internal__/utils/helpers/tags";
5
5
  export interface SidebarProps extends PaddingProps, TagProps, WidthProps, Pick<ModalProps, "topModalOverride" | "restoreFocusOnClose"> {
6
6
  /** Prop to specify the aria-describedby property of the component */
7
7
  "aria-describedby"?: string;
8
8
  /**
9
- * Prop to specify the aria-label of the component.
10
- * To be used only when the header prop is not defined, and the component is not labelled by any internal element.
9
+ * Provides an explicit accessible name for the component, overriding the
10
+ * automatic association with the header.
11
11
  */
12
12
  "aria-label"?: string;
13
13
  /**
14
- * Prop to specify the aria-labelledby property of the component
15
- * To be used when the header prop is a custom React Node,
16
- * or the component is labelled by an internal element other than the header.
14
+ * Identifies the element that provides an explicit accessible name for the
15
+ * component, overriding the automatic association with the header.
17
16
  */
18
17
  "aria-labelledby"?: string;
19
18
  /** Modal content */
@@ -24,8 +23,22 @@ export interface SidebarProps extends PaddingProps, TagProps, WidthProps, Pick<M
24
23
  disableEscKey?: boolean;
25
24
  /** Set this prop to false to hide the translucent background when the dialog is open. */
26
25
  enableBackgroundUI?: boolean;
26
+ /**
27
+ * Whether the Sidebar uses its full-screen presentation below the small-screen breakpoint.
28
+ * @private
29
+ * @internal
30
+ * @ignore
31
+ */
32
+ fullScreenOnSmallScreen?: boolean;
33
+ /**
34
+ * When true, header and footer become non-sticky and scroll with content
35
+ * for accessibility on small screen devices.
36
+ */
37
+ disableStickyOnSmallScreen?: boolean;
27
38
  /** Optional reference to an element meant to be focused on open */
28
39
  focusFirstElement?: React.MutableRefObject<HTMLElement | null>;
40
+ /** Footer content to be rendered at the bottom of the Sidebar. */
41
+ footer?: React.ReactNode;
29
42
  disableAutoFocus?: boolean;
30
43
  /**
31
44
  * Function to replace focus trap
@@ -37,20 +50,31 @@ export interface SidebarProps extends PaddingProps, TagProps, WidthProps, Pick<M
37
50
  header?: React.ReactNode;
38
51
  /** Node that will be used as sidebar subheader. */
39
52
  subHeader?: React.ReactNode;
40
- /** Header background variant for the sidebar. */
41
- headerVariant?: "light" | "dark";
53
+ /**
54
+ * Header background variant for the sidebar.
55
+ * `light` and `dark` are deprecated aliases - use `typical` and `inverse` instead.
56
+ */
57
+ headerVariant?: "typical" | "inverse" | "light" | "dark";
58
+ /** Adds the Carbon AI gradient keyline to the header. */
59
+ gradientKeyLine?: boolean;
42
60
  /** A custom close event handler */
43
61
  onCancel?: (ev: React.KeyboardEvent<HTMLElement> | KeyboardEvent | React.MouseEvent<HTMLElement>) => void;
44
62
  /** Sets the open state of the modal */
45
63
  open: boolean;
46
- /** Sets the position of sidebar, either left or right. */
64
+ /** @deprecated This prop will be removed in a future release.
65
+ * Sidebar will always be positioned on the right.
66
+ * Update the layout to support a right-positioned Sidebar if it is set to
67
+ * left, otherwise remove the prop.
68
+ * */
47
69
  position?: "left" | "right";
48
70
  /** The ARIA role to be applied to the component container */
49
71
  role?: string;
50
- /** Sets the size of the sidebar when open. */
72
+ /** @deprecated Use `width` to customise the Sidebar width. */
51
73
  size?: "extra-small" | "small" | "medium-small" | "medium" | "medium-large" | "large" | "extra-large";
52
74
  /** Enables width animation when the sidebar width changes. */
53
75
  widthAnimation?: boolean;
76
+ /** Makes the footer stick to the bottom of the Sidebar when content scrolls. */
77
+ stickyFooter?: boolean;
54
78
  /** an optional array of refs to containers whose content should also be reachable by tabbing from the sidebar */
55
79
  focusableContainers?: RefObject<HTMLElement>[];
56
80
  /** Optional selector to identify the focusable elements, if not provided a default selector is used */
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../__internal__/modal/modal.component.js"),a=require("./sidebar.style.js"),n=require("../icon-button/icon-button.component.js"),o=require("../icon/icon.component.js");require("../icon/icon.style.js");var i=require("../../__internal__/focus-trap/focus-trap.component.js"),s=require("./__internal__/sidebar-header/sidebar-header.component.js"),l=require("../../__internal__/utils/helpers/guid/index.js"),d=require("../../hooks/__internal__/useLocale/useLocale.js"),c=require("../../style/utils/filter-styled-system-padding-props.js"),u=require("../../__internal__/utils/helpers/tags/tags.js"),b=require("../../hooks/__internal__/useModalAria/useModalAria.js"),p=require("./__internal__/sidebar.context.js"),f=require("../../hooks/useMediaQuery/useMediaQuery.js");function y(e){return e&&e.__esModule?e:{default:e}}function j(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),a.forEach((function(r){j(e,r,t[r])}))}return e}function m(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const O=y(r).default.forwardRef(((y,j)=>{var{"aria-describedby":O,"aria-label":_,"aria-labelledby":g,"data-element":P="sidebar","data-role":w,open:x,bespokeFocusTrap:S,closeButtonDataProps:v,disableAutoFocus:q=!1,disableEscKey:k=!1,enableBackgroundUI:C=!1,header:F,headerVariant:E="light",subHeader:M,position:A="right",size:I="medium",children:D,onCancel:R,role:B="dialog",focusFirstElement:H,focusableContainers:N,focusableSelectors:z,width:K,widthAnimation:L=!1,headerPadding:T={},subHeaderPadding:U={},topModalOverride:V,restoreFocusOnClose:Q=!0,className:W,hidden:G}=y,J=function(e,r){if(null==e)return{};var t,a,n=function(e,r){if(null==e)return{};var t,a,n={},o=Object.keys(e);for(a=0;a<o.length;a++)t=o[a],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)t=o[a],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(y,["aria-describedby","aria-label","aria-labelledby","data-element","data-role","open","bespokeFocusTrap","closeButtonDataProps","disableAutoFocus","disableEscKey","enableBackgroundUI","header","headerVariant","subHeader","position","size","children","onCancel","role","focusFirstElement","focusableContainers","focusableSelectors","width","widthAnimation","headerPadding","subHeaderPadding","topModalOverride","restoreFocusOnClose","className","hidden"]);const X=d.default(),Y=f.default("screen and (prefers-reduced-motion: no-preference)"),{current:Z}=r.useRef(l.default()),{current:$}=r.useRef(l.default()),ee=r.useRef(null),re=r.useCallback((e=>{ee.current=e,j&&("object"==typeof j&&(j.current=e),"function"==typeof j&&j(e))}),[j]),te=b.default(ee,G),ae=()=>R?e.jsx(n.default,m(h({"aria-label":X.sidebar.ariaLabels.close(),onClick:R},u.default("close",h({"data-element":"close"},v))),{children:e.jsx(o.default,{type:"close"})})):null,ne=e.jsxs(a.StyledSidebar,{"aria-modal":!C&&te,"aria-describedby":O||$,"aria-label":_,"aria-labelledby":g||_?g:Z,"data-component":"sidebar","data-element":P,"data-role":w,ref:re,position:A,size:I,onCancel:R,role:B,width:K,widthAnimation:L&&Y,className:W,children:[F&&e.jsx(s.default,m(h({headerVariant:E,closeIcon:ae()},T),{id:Z,children:F})),M&&e.jsx(s.SidebarSubHeader,m(h({},U),{id:$,children:M})),!F&&ae(),e.jsx(a.StyledSidebarContent,m(h({"data-element":"sidebar-content","data-role":"sidebar-content",tabIndex:-1},c.default(J)),{children:e.jsx(p.default.Provider,{value:{isInSidebar:!0},children:D})}))]});return e.jsx(t.default,{open:x,onCancel:R,disableEscKey:k,enableBackgroundUI:C,topModalOverride:V,restoreFocusOnClose:Q,children:C?ne:e.jsx(i.default,{wrapperRef:ee,isOpen:x,additionalWrapperRefs:N,focusableSelectors:z,focusFirstElement:H,autoFocus:!q,bespokeTrap:S,children:ne})})}));O.displayName="Sidebar",exports.Sidebar=O,exports.default=O;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./sidebar.style.js"),a=require("../button/__next__/button.component.js"),n=require("../../__internal__/focus-trap/focus-trap.component.js"),l=require("./__internal__/sidebar-header/sidebar-header.component.js"),o=require("./__internal__/sidebar-content/sidebar-content.component.js"),i=require("../../__internal__/utils/helpers/guid/index.js"),s=require("../../hooks/__internal__/useLocale/useLocale.js"),c=require("../../style/utils/filter-styled-system-padding-props.js"),d=require("../../__internal__/utils/helpers/tags/tags.js"),u=require("../../hooks/__internal__/useModalAria/useModalAria.js"),b=require("../../hooks/useMediaQuery/useMediaQuery.js"),f=require("./sidebar.config.js");function p(e){return e&&e.__esModule?e:{default:e}}function y(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function O(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),a.forEach((function(r){y(e,r,t[r])}))}return e}function m(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const S=p(r).default.forwardRef(((p,y)=>{var{"aria-describedby":S,"aria-label":j,"aria-labelledby":h,"data-element":_="sidebar","data-role":g,open:k,bespokeFocusTrap:w,closeButtonDataProps:P,disableAutoFocus:v=!1,disableEscKey:x=!1,disableStickyOnSmallScreen:q=!1,enableBackgroundUI:F=!1,fullScreenOnSmallScreen:B=!0,header:C,headerVariant:M="typical",gradientKeyLine:E=!1,subHeader:A,position:D="right",size:K,children:L,onCancel:R,role:H="dialog",focusFirstElement:T,focusableContainers:z,focusableSelectors:I,footer:N,width:$,widthAnimation:U=!1,stickyFooter:V=!1,headerPadding:Q={},subHeaderPadding:W={},topModalOverride:G,restoreFocusOnClose:J=!0,className:X,hidden:Y}=p,Z=function(e,r){if(null==e)return{};var t,a,n=function(e,r){if(null==e)return{};var t,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)t=l[a],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)t=l[a],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(p,["aria-describedby","aria-label","aria-labelledby","data-element","data-role","open","bespokeFocusTrap","closeButtonDataProps","disableAutoFocus","disableEscKey","disableStickyOnSmallScreen","enableBackgroundUI","fullScreenOnSmallScreen","header","headerVariant","gradientKeyLine","subHeader","position","size","children","onCancel","role","focusFirstElement","focusableContainers","focusableSelectors","footer","width","widthAnimation","stickyFooter","headerPadding","subHeaderPadding","topModalOverride","restoreFocusOnClose","className","hidden"]);const ee=s.default(),re=b.default("screen and (prefers-reduced-motion: no-preference)"),te=Boolean(b.default(`screen and (max-width: ${f.smallScreenBreakpoint})`)),{current:ae}=r.useRef(i.default()),{current:ne}=r.useRef(i.default()),le=r.useRef(null),oe=r.useCallback((e=>{le.current=e,y&&("object"==typeof y&&(y.current=e),"function"==typeof y&&y(e))}),[y]),ie=u.default(le,Y),se=R?e.jsx(a.Button,O({"aria-label":ee.sidebar.ariaLabels.close(),iconType:"close",inverse:"inverse"===M||"dark"===M,onClick:R,size:"small",variantType:"subtle"},d.default("close",O({"data-element":"close"},P)))):null,ce=Boolean(C),de=Boolean(A),ue=e.jsxs(t.StyledSidebar,{"aria-modal":!F&&ie,"aria-describedby":!S&&de?ne:S,"aria-label":j,"aria-labelledby":h||(!j&&ce?ae:void 0),"data-component":"sidebar","data-element":_,"data-role":g,ref:oe,position:D,size:K,role:H,width:$,widthAnimation:U&&re,$disableStickyOnSmallScreen:q,$fullScreenOnSmallScreen:B,className:X,children:[ce&&e.jsx(l.default,m(O({headerVariant:M,gradientKeyLine:E,closeButton:se},Q),{id:ae,children:C})),de&&e.jsx(l.SidebarSubHeader,m(O({},W),{id:ne,children:A})),!ce&&se,e.jsx(o.default,m(O({disableStickyOnSmallScreen:q,footer:N,isSmallScreen:te,stickyFooter:V},c.default(Z)),{children:L}))]});return e.jsx(t.StyledSidebarModal,{open:k,onCancel:R,disableEscKey:x,enableBackgroundUI:F,topModalOverride:G,restoreFocusOnClose:J,$fullScreenOnSmallScreen:B,children:F?ue:e.jsx(n.default,{wrapperRef:le,isOpen:k,additionalWrapperRefs:z,focusableSelectors:I,focusFirstElement:T,autoFocus:!v,bespokeTrap:w,children:ue})})}));S.displayName="Sidebar",exports.Sidebar=S,exports.default=S;
@@ -1,3 +1,4 @@
1
+ export declare const smallScreenBreakpoint = "768px";
1
2
  export declare const SIDEBAR_SIZES_CSS: {
2
3
  "extra-small": string;
3
4
  small: string;
@@ -1 +1 @@
1
- "use strict";exports.SIDEBAR_ALIGNMENTS=["left","right"],exports.SIDEBAR_SIZES=["extra-small","small","medium-small","medium","medium-large","large","extra-large"],exports.SIDEBAR_SIZES_CSS={"extra-small":"214px",small:"314px","medium-small":"414px",medium:"514px","medium-large":"614px",large:"714px","extra-large":"814px"};
1
+ "use strict";exports.SIDEBAR_ALIGNMENTS=["left","right"],exports.SIDEBAR_SIZES=["extra-small","small","medium-small","medium","medium-large","large","extra-large"],exports.SIDEBAR_SIZES_CSS={"extra-small":"214px",small:"314px","medium-small":"414px",medium:"514px","medium-large":"614px",large:"714px","extra-large":"814px"},exports.smallScreenBreakpoint="768px";
@@ -1,8 +1,11 @@
1
- import { PaddingProps } from "styled-system";
2
1
  import { SidebarProps } from "./sidebar.component";
3
- type StyledSidebarProps = Pick<SidebarProps, "onCancel" | "position" | "size" | "width" | "widthAnimation">;
4
2
  declare const StyledSidebar: import("styled-components").StyledComponent<"div", any, {
5
3
  theme: object;
6
- } & StyledSidebarProps, "theme">;
7
- declare const StyledSidebarContent: import("styled-components").StyledComponent<"div", any, PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;
8
- export { StyledSidebar, StyledSidebarContent };
4
+ } & Pick<SidebarProps, "width" | "size" | "position" | "widthAnimation"> & {
5
+ $disableStickyOnSmallScreen?: boolean;
6
+ $fullScreenOnSmallScreen?: boolean;
7
+ }, "theme">;
8
+ declare const StyledSidebarModal: import("styled-components").StyledComponent<(props: import("../../__internal__/modal").ModalProps) => import("react").JSX.Element, any, {
9
+ $fullScreenOnSmallScreen?: boolean;
10
+ }, never>;
11
+ export { StyledSidebar, StyledSidebarModal };
@@ -1 +1 @@
1
- "use strict";var e=require("styled-components"),i=require("styled-system"),t=require("../../style/utils/element-sizing.js"),s=require("../../style/themes/apply-base-theme.js"),o=require("../icon-button/icon-button.style.js"),d=require("./sidebar.config.js"),n=require("../form/form.style.js");function a(e){return e&&e.__esModule?e:{default:e}}var r=a(e);const l=r.default.div.attrs(s.default).withConfig({displayName:"sidebar.style__StyledSidebar",componentId:"carbon_v162_3_1__sc-925b46ee-0"})([":focus{outline:none;}",""],(({onCancel:i,position:s,size:n,theme:a,width:r,widthAnimation:l})=>e.css(["background:var(--colorsUtilityYang100);border-radius:1px;bottom:0;position:fixed;display:flex;flex-direction:column;top:0;z-index:",";max-width:100vw;"," "," "," "," ",""],a.zIndex.fullScreenModal,!r&&n&&e.css(["width:",";"],d.SIDEBAR_SIZES_CSS[n]),r&&t.default({width:r}),l&&e.css(["transition:width 0.3s ease;"]),s&&e.css(["box-shadow:var(--boxShadow300);",":0;"],s),i&&e.css(["> ",":first-of-type{position:absolute;z-index:1;right:25px;top:25px;}"],o.default)))),c=r.default.div.withConfig({displayName:"sidebar.style__StyledSidebarContent",componentId:"carbon_v162_3_1__sc-925b46ee-1"})(["box-sizing:border-box;display:block;overflow-y:auto;flex-grow:1;padding:var(--spacing300) var(--spacing400) var(--spacing400);"," &:has(",".sticky){display:flex;flex-direction:column;overflow-y:hidden;padding:0;",".sticky{","{padding:var(--spacing300) var(--spacing400) var(--spacing400);","}}}"],i.padding,n.StyledForm,n.StyledForm,n.StyledFormContent,i.padding);exports.StyledSidebar=l,exports.StyledSidebarContent=c;
1
+ "use strict";var e=require("styled-components"),a=require("../../style/utils/element-sizing.js"),l=require("../../style/themes/apply-base-theme.js"),i=require("../icon/icon.style.js"),r=require("./sidebar.config.js"),o=require("../../__internal__/modal/modal.component.js");function s(e){return e&&e.__esModule?e:{default:e}}var t=s(e);const n=t.default.div.attrs(l.default).withConfig({displayName:"sidebar.style__StyledSidebar",componentId:"carbon_v162_4_0__sc-e483f3b1-0"})([":focus{outline:none;}",""],(({position:l,size:o,theme:s,width:t,widthAnimation:n,$disableStickyOnSmallScreen:d,$fullScreenOnSmallScreen:c})=>e.css(["background:var(--container-standard-bg-default);border-radius:",";bottom:0;position:fixed;display:flex;flex-direction:column;top:0;z-index:",";max-width:100vw;overflow:hidden;"," "," "," ",' > [data-component="close"]:first-of-type{border-radius:var(--global-radius-action-circle);height:var(--global-size-s);min-width:var(--global-size-s);position:absolute;right:var(--global-space-comp-xl);top:var(--global-space-comp-xl);width:var(--global-size-s);z-index:1;',"{height:var(--global-size-2-xs);width:var(--global-size-2-xs);}}",""],"left"===l?"var(--global-radius-none) var(--global-radius-container-xl) var(--global-radius-container-xl) var(--global-radius-none)":"var(--global-radius-container-xl) var(--global-radius-none) var(--global-radius-none) var(--global-radius-container-xl)",s.zIndex.fullScreenModal,(!o||t)&&e.css(["min-width:288px;"]),t?a.default({width:t}):e.css(["width:",";"],o?r.SIDEBAR_SIZES_CSS[o]:"30vw"),n&&e.css(["transition:width 0.3s ease;"]),l&&e.css(["box-shadow:var(--global-depth-lvl3);",":0;"],l),i.default,c&&e.css(["@media screen and (max-width:","){border-radius:var(--global-radius-none);height:100%;min-width:100%;width:100%;","}"],r.smallScreenBreakpoint,d&&e.css(["overflow-y:auto;"]))))),d=t.default(o.default).withConfig({displayName:"sidebar.style__StyledSidebarModal",componentId:"carbon_v162_4_0__sc-e483f3b1-1"})(["",""],(({$fullScreenOnSmallScreen:a})=>a&&e.css(["@media screen and (max-width:",'){[data-element="modal-background"]{display:none;}}'],r.smallScreenBreakpoint)));exports.StyledSidebar=n,exports.StyledSidebarModal=d;
@@ -1 +1 @@
1
- "use strict";var e=require("styled-components"),o=require("../../../__internal__/legacy-input/input.component.js");require("react/jsx-runtime"),require("react"),require("../../../__internal__/legacy-input/input-presentation.style.js"),require("../../carbon-provider/__internal__/new-validation.context.js");var r=require("./checker-board.svg"),t=require("../../icon/icon.component.js");require("../../icon/icon.style.js");var i=require("../../../style/utils/get-rgb-values.js"),n=require("../../../style/utils/add-focus-styling.js");function l(e){return e&&e.__esModule?e:{default:e}}var s=l(e),a=l(r);const c=s.default.div.withConfig({displayName:"simple-color.style__StyledSimpleColor",componentId:"carbon_v162_3_1__sc-303f1be7-0"})(["width:var(--sizing700);height:var(--sizing700);margin-right:2px;margin-bottom:2px;&:hover{cursor:pointer;}"]),d=s.default.div.withConfig({displayName:"simple-color.style__StyledColorSampleBox",componentId:"carbon_v162_3_1__sc-303f1be7-1"})(["height:100%;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;"," ",""],(({color:o})=>"transparent"!==o&&e.css(["background-color:",";"],o)),(({color:o})=>"transparent"===o&&e.css(['background-color:#eeeeee;background-image:url("','");background-size:14px 14px;background-position:-2px -2px;'],a.default))),p=s.default(o.default).withConfig({displayName:"simple-color.style__StyledSimpleColorInput",componentId:"carbon_v162_3_1__sc-303f1be7-2"})(["position:absolute;opacity:0;height:var(--sizing700);width:var(--sizing700);margin:0;&:hover{cursor:pointer;}&:disabled:hover{cursor:not-allowed;}&:focus + ","{","}"],d,n.default(!0)),u=s.default(t.default).withConfig({displayName:"simple-color.style__StyledTickIcon",componentId:"carbon_v162_3_1__sc-303f1be7-3"})(["height:20px;width:20px;pointer-events:none;display:block;&::before{font-size:20px;color:",";}"],(({color:e})=>(e=>{const o=i.default(e),[r,t,n]=o;return(Math.round(299*r)+Math.round(587*t)+Math.round(114*n))/1e3<128?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)"})(e)));exports.StyledColorSampleBox=d,exports.StyledSimpleColor=c,exports.StyledSimpleColorInput=p,exports.StyledTickIcon=u;
1
+ "use strict";var e=require("styled-components"),o=require("../../../__internal__/legacy-input/input.component.js");require("react/jsx-runtime"),require("react"),require("../../../__internal__/legacy-input/input-presentation.style.js"),require("../../carbon-provider/__internal__/new-validation.context.js");var r=require("./checker-board.svg"),t=require("../../icon/icon.component.js");require("../../icon/icon.style.js");var i=require("../../../style/utils/get-rgb-values.js"),n=require("../../../style/utils/add-focus-styling.js");function l(e){return e&&e.__esModule?e:{default:e}}var s=l(e),a=l(r);const c=s.default.div.withConfig({displayName:"simple-color.style__StyledSimpleColor",componentId:"carbon_v162_4_0__sc-303f1be7-0"})(["width:var(--sizing700);height:var(--sizing700);margin-right:2px;margin-bottom:2px;&:hover{cursor:pointer;}"]),d=s.default.div.withConfig({displayName:"simple-color.style__StyledColorSampleBox",componentId:"carbon_v162_4_0__sc-303f1be7-1"})(["height:100%;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;"," ",""],(({color:o})=>"transparent"!==o&&e.css(["background-color:",";"],o)),(({color:o})=>"transparent"===o&&e.css(['background-color:#eeeeee;background-image:url("','");background-size:14px 14px;background-position:-2px -2px;'],a.default))),p=s.default(o.default).withConfig({displayName:"simple-color.style__StyledSimpleColorInput",componentId:"carbon_v162_4_0__sc-303f1be7-2"})(["position:absolute;opacity:0;height:var(--sizing700);width:var(--sizing700);margin:0;&:hover{cursor:pointer;}&:disabled:hover{cursor:not-allowed;}&:focus + ","{","}"],d,n.default(!0)),u=s.default(t.default).withConfig({displayName:"simple-color.style__StyledTickIcon",componentId:"carbon_v162_4_0__sc-303f1be7-3"})(["height:20px;width:20px;pointer-events:none;display:block;&::before{font-size:20px;color:",";}"],(({color:e})=>(e=>{const o=i.default(e),[r,t,n]=o;return(Math.round(299*r)+Math.round(587*t)+Math.round(114*n))/1e3<128?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)"})(e)));exports.StyledColorSampleBox=d,exports.StyledSimpleColor=c,exports.StyledSimpleColorInput=p,exports.StyledTickIcon=u;
@@ -1 +1 @@
1
- "use strict";var e=require("styled-components"),t=require("../../__internal__/validations/validation-icon.style.js");function o(e){return e&&e.__esModule?e:{default:e}}var i=o(e);const r=i.default.div.withConfig({displayName:"simple-color-picker.style__StyledContent",componentId:"carbon_v162_3_1__sc-e2fee886-0"})(["display:flex;align-items:center;","{margin-left:4px;}"],t.default),l=i.default.div.withConfig({displayName:"simple-color-picker.style__StyledColorOptions",componentId:"carbon_v162_3_1__sc-e2fee886-1"})(["max-width:","px;padding:0;display:flex;flex-wrap:wrap;border-left:","px solid transparent;border-top:","px solid transparent;",""],(({maxWidth:e,childWidth:t})=>((e,t)=>Math.floor(+e/+t)*+t)(e,t)),2,2,(({error:t,info:o,warning:i})=>t?e.css(["outline:var(--borderWidth200) solid var(--colorsSemanticNegative500);"]):i?e.css(["outline:var(--borderWidth200) solid var(--colorsSemanticCaution500);"]):o?e.css(["outline:var(--borderWidth200) solid var(--colorsSemanticInfo500);"]):""));exports.StyledColorOptions=l,exports.StyledContent=r;
1
+ "use strict";var e=require("styled-components"),t=require("../../__internal__/validations/validation-icon.style.js");function o(e){return e&&e.__esModule?e:{default:e}}var i=o(e);const r=i.default.div.withConfig({displayName:"simple-color-picker.style__StyledContent",componentId:"carbon_v162_4_0__sc-e2fee886-0"})(["display:flex;align-items:center;","{margin-left:4px;}"],t.default),l=i.default.div.withConfig({displayName:"simple-color-picker.style__StyledColorOptions",componentId:"carbon_v162_4_0__sc-e2fee886-1"})(["max-width:","px;padding:0;display:flex;flex-wrap:wrap;border-left:","px solid transparent;border-top:","px solid transparent;",""],(({maxWidth:e,childWidth:t})=>((e,t)=>Math.floor(+e/+t)*+t)(e,t)),2,2,(({error:t,info:o,warning:i})=>t?e.css(["outline:var(--borderWidth200) solid var(--colorsSemanticNegative500);"]):i?e.css(["outline:var(--borderWidth200) solid var(--colorsSemanticCaution500);"]):o?e.css(["outline:var(--borderWidth200) solid var(--colorsSemanticInfo500);"]):""));exports.StyledColorOptions=l,exports.StyledContent=r;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("../button/__next__/button.style.js"),a=require("../icon/icon.style.js");function o(t){return t&&t.__esModule?t:{default:t}}const l={small:"var(--global-size-s)",medium:"var(--global-size-m)",large:"var(--global-size-l)"},i=o(t).default(e.StyledButton).attrs((({isWhite:t})=>({$inverse:t}))).withConfig({displayName:"split-button-toggle.style__StyledSplitButtonToggle",componentId:"carbon_v162_3_1__sc-431c5b6f-0"})(["",""],(({$displayed:e,$size:o,isWhite:i})=>t.css(["border-top-left-radius:var(--global-size-none);border-bottom-left-radius:var(--global-size-none);",' position:relative;&::before{content:"";width:var(--global-size-6-xs);height:calc(100% + var(--global-size-5-xs));background:var(--button-typical-primary-label-default);position:absolute;left:-2px;z-index:2;}width:',";min-height:",";height:100%;padding:var(--global-space-none);"],e?t.css(["&:not(:disabled){background-color:",";border-color:",";&,","{color:var(--button-typical-primary-label-active);}}"],i?"var(--button-typical-secondary-bg-active)":"var(--button-typical-primary-bg-active)",i?"var(--button-typical-secondary-bg-active)":"var(--button-typical-primary-bg-active)",a.default):"",l[o],l[o])));exports.default=i;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("../button/__next__/button.style.js"),a=require("../icon/icon.style.js");function o(t){return t&&t.__esModule?t:{default:t}}const l={small:"var(--global-size-s)",medium:"var(--global-size-m)",large:"var(--global-size-l)"},i=o(t).default(e.StyledButton).attrs((({isWhite:t})=>({$inverse:t}))).withConfig({displayName:"split-button-toggle.style__StyledSplitButtonToggle",componentId:"carbon_v162_4_0__sc-431c5b6f-0"})(["",""],(({$displayed:e,$size:o,isWhite:i})=>t.css(["border-top-left-radius:var(--global-size-none);border-bottom-left-radius:var(--global-size-none);",' position:relative;&::before{content:"";width:var(--global-size-6-xs);height:calc(100% + var(--global-size-5-xs));background:var(--button-typical-primary-label-default);position:absolute;left:-2px;z-index:2;}width:',";min-height:",";height:100%;padding:var(--global-space-none);"],e?t.css(["&:not(:disabled){background-color:",";border-color:",";&,","{color:var(--button-typical-primary-label-active);}}"],i?"var(--button-typical-secondary-bg-active)":"var(--button-typical-primary-bg-active)",i?"var(--button-typical-secondary-bg-active)":"var(--button-typical-primary-bg-active)",a.default):"",l[o],l[o])));exports.default=i;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),o=require("../button/__next__/button.style.js"),r=require("../../style/themes/apply-base-theme.js");function i(e){return e&&e.__esModule?e:{default:e}}var n=i(e);const l=n.default.div.attrs(r.default).withConfig({displayName:"split-button.style__StyledSplitButton",componentId:"carbon_v162_3_1__sc-c579ef15-0"})([""," display:inline-flex;align-items:stretch;position:relative;& > ",":first-of-type{border-top-right-radius:var(--global-size-none);border-bottom-right-radius:var(--global-size-none);}& > ","{margin:var(--global-space-none);&:focus{position:relative;z-index:1;}}"],t.margin,o.StyledButton,o.StyledButton),s=n.default.div.withConfig({displayName:"split-button.style__StyledPopoverMenuWrapper",componentId:"carbon_v162_3_1__sc-c579ef15-1"})(["display:flex;align-items:stretch;"]),a=n.default.div.withConfig({displayName:"split-button.style__StyledBackdrop",componentId:"carbon_v162_3_1__sc-c579ef15-2"})(["position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--carbon-zindex-small-overlay);background-color:transparent;"]);exports.StyledBackdrop=a,exports.StyledPopoverMenuWrapper=s,exports.default=l;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),o=require("../button/__next__/button.style.js"),r=require("../../style/themes/apply-base-theme.js");function i(e){return e&&e.__esModule?e:{default:e}}var n=i(e);const l=n.default.div.attrs(r.default).withConfig({displayName:"split-button.style__StyledSplitButton",componentId:"carbon_v162_4_0__sc-c579ef15-0"})([""," display:inline-flex;align-items:stretch;position:relative;& > ",":first-of-type{border-top-right-radius:var(--global-size-none);border-bottom-right-radius:var(--global-size-none);}& > ","{margin:var(--global-space-none);&:focus{position:relative;z-index:1;}}"],t.margin,o.StyledButton,o.StyledButton),s=n.default.div.withConfig({displayName:"split-button.style__StyledPopoverMenuWrapper",componentId:"carbon_v162_4_0__sc-c579ef15-1"})(["display:flex;align-items:stretch;"]),a=n.default.div.withConfig({displayName:"split-button.style__StyledBackdrop",componentId:"carbon_v162_4_0__sc-c579ef15-2"})(["position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--carbon-zindex-small-overlay);background-color:transparent;"]);exports.StyledBackdrop=a,exports.StyledPopoverMenuWrapper=s,exports.default=l;
@@ -1 +1 @@
1
- "use strict";var e=require("styled-components"),o=require("styled-system");function s(e){return e&&e.__esModule?e:{default:e}}var t=s(e);const a=t.default.div.withConfig({displayName:"step-flow.style__StyledStepFlow",componentId:"carbon_v162_3_1__sc-dbef19ae-0"})(["display:flex;gap:var(--global-space-comp-l);align-items:flex-start;",""],o.margin),r=t.default.div.withConfig({displayName:"step-flow.style__StyledStepContent",componentId:"carbon_v162_3_1__sc-dbef19ae-1"})(["display:flex;flex-direction:column;gap:var(--global-space-comp-xs);flex:1 0 0;"]),l=t.default.div.withConfig({displayName:"step-flow.style__StyledProgressIndicatorWrapper",componentId:"carbon_v162_3_1__sc-dbef19ae-2"})(["display:flex;padding:var(--global-space-comp-xs) 0;gap:var(--global-space-comp-l);"]),d=t.default.span.withConfig({displayName:"step-flow.style__StyledStepLabel",componentId:"carbon_v162_3_1__sc-dbef19ae-3"})(["color:var(--progress-label-alt);font:var(--global-font-static-body-regular-l);"]),p=t.default.div.withConfig({displayName:"step-flow.style__StyledProgressIndicator",componentId:"carbon_v162_3_1__sc-dbef19ae-4"})(["",""],(({$isCompleted:o,$isInProgress:s})=>e.css(["width:100%;height:var(--global-size-4-xs);border-radius:var(--global-radius-container-xs);"," "," ",""],!o&&!s&&e.css(["background:var(--progress-stepflow-bg-default);box-shadow:inset 0 0 0 var(--global-borderwidth-xs) var(--progress-stepflow-border-default);"]),s&&e.css(["background-color:var(--progress-stepflow-bg-active);outline:var(--global-borderwidth-s) solid var(--progress-stepindicator-border-active-outer);outline-offset:var(--global-borderwidth-s);"]),o&&e.css(["background-color:var(--progress-stepflow-bg-complete);"]))));exports.StyledProgressIndicator=p,exports.StyledProgressIndicatorWrapper=l,exports.StyledStepContent=r,exports.StyledStepFlow=a,exports.StyledStepLabel=d;
1
+ "use strict";var e=require("styled-components"),o=require("styled-system");function s(e){return e&&e.__esModule?e:{default:e}}var t=s(e);const a=t.default.div.withConfig({displayName:"step-flow.style__StyledStepFlow",componentId:"carbon_v162_4_0__sc-dbef19ae-0"})(["display:flex;gap:var(--global-space-comp-l);align-items:flex-start;",""],o.margin),r=t.default.div.withConfig({displayName:"step-flow.style__StyledStepContent",componentId:"carbon_v162_4_0__sc-dbef19ae-1"})(["display:flex;flex-direction:column;gap:var(--global-space-comp-xs);flex:1 0 0;"]),l=t.default.div.withConfig({displayName:"step-flow.style__StyledProgressIndicatorWrapper",componentId:"carbon_v162_4_0__sc-dbef19ae-2"})(["display:flex;padding:var(--global-space-comp-xs) 0;gap:var(--global-space-comp-l);"]),d=t.default.span.withConfig({displayName:"step-flow.style__StyledStepLabel",componentId:"carbon_v162_4_0__sc-dbef19ae-3"})(["color:var(--progress-label-alt);font:var(--global-font-static-body-regular-l);"]),p=t.default.div.withConfig({displayName:"step-flow.style__StyledProgressIndicator",componentId:"carbon_v162_4_0__sc-dbef19ae-4"})(["",""],(({$isCompleted:o,$isInProgress:s})=>e.css(["width:100%;height:var(--global-size-4-xs);border-radius:var(--global-radius-container-xs);"," "," ",""],!o&&!s&&e.css(["background:var(--progress-stepflow-bg-default);box-shadow:inset 0 0 0 var(--global-borderwidth-xs) var(--progress-stepflow-border-default);"]),s&&e.css(["background-color:var(--progress-stepflow-bg-active);outline:var(--global-borderwidth-s) solid var(--progress-stepindicator-border-active-outer);outline-offset:var(--global-borderwidth-s);"]),o&&e.css(["background-color:var(--progress-stepflow-bg-complete);"]))));exports.StyledProgressIndicator=p,exports.StyledProgressIndicatorWrapper=l,exports.StyledStepContent=r,exports.StyledStepFlow=a,exports.StyledStepLabel=d;
@@ -1 +1 @@
1
- "use strict";var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var i=t(e);const a={small:{indicatorFont:"var(--global-font-static-comp-medium-m)",indicatorSize:"var(--global-size-xs)",indicatorBorderWidth:"var(--global-borderwidth-s)",itemGap:"var(--global-space-comp-m)",itemMinWidth:"var(--global-size-xl)",labelFont:"var(--global-font-static-subheading-m)",descriptionFont:"var(--global-font-static-comp-regular-m)",labelWrapperPadding:"var(--global-space-comp-xs)"},medium:{indicatorFont:"var(--global-font-static-comp-medium-l)",indicatorSize:"var(--global-size-s)",indicatorBorderWidth:"var(--global-borderwidth-m)",itemGap:"var(--global-space-comp-l)",itemMinWidth:"var(--global-size-2-xl)",labelFont:"var(--global-font-static-subheading-l)",descriptionFont:"var(--global-font-static-comp-regular-l)",labelWrapperPadding:"var(--global-space-comp-s)"}},o=i.default.li.withConfig({displayName:"step-sequence-item.style__StyledStepSequenceItem",componentId:"carbon_v162_3_1__sc-7b780eca-0"})(["",""],(({$size:t,$orientation:i})=>e.css(["display:flex;list-style-type:none;max-width:720px;gap:",";"," ",""],a[t].itemGap,"horizontal"===i&&e.css(["flex:1 0 0;flex-direction:column;align-items:flex-start;justify-content:center;min-width:",";"],a[t].itemMinWidth),"vertical"===i&&e.css(["min-height:72px;padding:var(--global-space-comp-s) 0 var(--global-space-comp-l) 0;"])))),r=i.default.span.withConfig({displayName:"step-sequence-item.style__StyledIndicator",componentId:"carbon_v162_3_1__sc-7b780eca-1"})(["",""],(({$status:t,$size:i})=>e.css(["display:flex;position:relative;justify-content:center;align-items:center;border-radius:var(--global-radius-container-circle);font:",";min-height:",";min-width:",";"," "," ",""],a[i].indicatorFont,a[i].indicatorSize,a[i].indicatorSize,"incomplete"===t&&e.css(["color:var(--progress-stepindicator-label-default);box-shadow:inset 0 0 0 "," var(--progress-stepindicator-border-default);"],a[i].indicatorBorderWidth),"current"===t&&e.css(["color:var(--progress-stepindicator-label-active);background-color:var(--progress-stepindicator-bg-active);outline:"," solid var(--progress-stepindicator-border-active-outer);outline-offset:",";"],a[i].indicatorBorderWidth,a[i].indicatorBorderWidth),"complete"===t&&e.css(["color:var(--progress-stepindicator-bg-complete);"])))),s=i.default.div.withConfig({displayName:"step-sequence-item.style__StyledIndicatorWrapper",componentId:"carbon_v162_3_1__sc-7b780eca-2"})(["",""],(({$orientation:t})=>e.css(["display:grid;"," ",""],"horizontal"===t&&e.css(["width:100%;align-items:center;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr;grid-column-gap:var(--global-space-comp-s);"]),"vertical"===t&&e.css(["position:relative;height:inherit;justify-content:center;grid-template-columns:auto;grid-template-rows:auto 1fr;"])))),l=i.default.div.withConfig({displayName:"step-sequence-item.style__StepLine",componentId:"carbon_v162_3_1__sc-7b780eca-3"})(["",""],(({$orientation:t,$isGreen:i,$size:o,$roundedSide:r})=>e.css(["background-color:var(--progress-stepindicator-border-default);"," "," "," .step-sequence-item:last-child &.line-after{background-color:transparent;}"],i&&e.css(["background-color:var(--progress-stepindicator-border-success);"]),"horizontal"===t&&e.css(["height:2px;"," .step-sequence-item:first-child &.line-before{background-color:transparent;}"],r&&e.css(["",":var(--global-radius-action-2-xs);",":var(--global-radius-action-2-xs);"],`border-top-${r}-radius`,`border-bottom-${r}-radius`)),"vertical"===t&&o&&e.css(["position:absolute;border-radius:var(--global-radius-action-2-xs);width:2px;height:calc( 100% - "," - var(--global-space-comp-s) + var(--global-space-comp-l) );top:calc("," + var(--global-space-comp-s));left:calc(("," / 2) - 1px);"],a[o].indicatorSize,a[o].indicatorSize,a[o].indicatorSize)))),c=i.default.span.withConfig({displayName:"step-sequence-item.style__StyledTitle",componentId:"carbon_v162_3_1__sc-7b780eca-4"})(["",""],(({$size:t})=>e.css(["color:var(--progress-label-default);font:",";"],a[t].labelFont))),n=i.default.span.withConfig({displayName:"step-sequence-item.style__StyledDescription",componentId:"carbon_v162_3_1__sc-7b780eca-5"})(["",""],(({$size:t})=>e.css(["color:var(--progress-label-alt);font:",";"],a[t].descriptionFont))),d=i.default.div.withConfig({displayName:"step-sequence-item.style__StyledTitleWrapper",componentId:"carbon_v162_3_1__sc-7b780eca-6"})(["",""],(({$size:t,$orientation:i})=>e.css(["box-sizing:border-box;display:flex;flex-direction:column;"," ",""],"horizontal"===i&&e.css(["width:100%;text-align:center;padding:0px ",";"],a[t].labelWrapperPadding),"vertical"===i&&e.css(["padding-top:var(--global-space-comp-2-xs);"]))));exports.StepLine=l,exports.StyledDescription=n,exports.StyledIndicator=r,exports.StyledIndicatorWrapper=s,exports.StyledStepSequenceItem=o,exports.StyledTitle=c,exports.StyledTitleWrapper=d;
1
+ "use strict";var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var i=t(e);const a={small:{indicatorFont:"var(--global-font-static-comp-medium-m)",indicatorSize:"var(--global-size-xs)",indicatorBorderWidth:"var(--global-borderwidth-s)",itemGap:"var(--global-space-comp-m)",itemMinWidth:"var(--global-size-xl)",labelFont:"var(--global-font-static-subheading-m)",descriptionFont:"var(--global-font-static-comp-regular-m)",labelWrapperPadding:"var(--global-space-comp-xs)"},medium:{indicatorFont:"var(--global-font-static-comp-medium-l)",indicatorSize:"var(--global-size-s)",indicatorBorderWidth:"var(--global-borderwidth-m)",itemGap:"var(--global-space-comp-l)",itemMinWidth:"var(--global-size-2-xl)",labelFont:"var(--global-font-static-subheading-l)",descriptionFont:"var(--global-font-static-comp-regular-l)",labelWrapperPadding:"var(--global-space-comp-s)"}},o=i.default.li.withConfig({displayName:"step-sequence-item.style__StyledStepSequenceItem",componentId:"carbon_v162_4_0__sc-7b780eca-0"})(["",""],(({$size:t,$orientation:i})=>e.css(["display:flex;list-style-type:none;max-width:720px;gap:",";"," ",""],a[t].itemGap,"horizontal"===i&&e.css(["flex:1 0 0;flex-direction:column;align-items:flex-start;justify-content:center;min-width:",";"],a[t].itemMinWidth),"vertical"===i&&e.css(["min-height:72px;padding:var(--global-space-comp-s) 0 var(--global-space-comp-l) 0;"])))),r=i.default.span.withConfig({displayName:"step-sequence-item.style__StyledIndicator",componentId:"carbon_v162_4_0__sc-7b780eca-1"})(["",""],(({$status:t,$size:i})=>e.css(["display:flex;position:relative;justify-content:center;align-items:center;border-radius:var(--global-radius-container-circle);font:",";min-height:",";min-width:",";"," "," ",""],a[i].indicatorFont,a[i].indicatorSize,a[i].indicatorSize,"incomplete"===t&&e.css(["color:var(--progress-stepindicator-label-default);box-shadow:inset 0 0 0 "," var(--progress-stepindicator-border-default);"],a[i].indicatorBorderWidth),"current"===t&&e.css(["color:var(--progress-stepindicator-label-active);background-color:var(--progress-stepindicator-bg-active);outline:"," solid var(--progress-stepindicator-border-active-outer);outline-offset:",";"],a[i].indicatorBorderWidth,a[i].indicatorBorderWidth),"complete"===t&&e.css(["color:var(--progress-stepindicator-bg-complete);"])))),s=i.default.div.withConfig({displayName:"step-sequence-item.style__StyledIndicatorWrapper",componentId:"carbon_v162_4_0__sc-7b780eca-2"})(["",""],(({$orientation:t})=>e.css(["display:grid;"," ",""],"horizontal"===t&&e.css(["width:100%;align-items:center;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr;grid-column-gap:var(--global-space-comp-s);"]),"vertical"===t&&e.css(["position:relative;height:inherit;justify-content:center;grid-template-columns:auto;grid-template-rows:auto 1fr;"])))),l=i.default.div.withConfig({displayName:"step-sequence-item.style__StepLine",componentId:"carbon_v162_4_0__sc-7b780eca-3"})(["",""],(({$orientation:t,$isGreen:i,$size:o,$roundedSide:r})=>e.css(["background-color:var(--progress-stepindicator-border-default);"," "," "," .step-sequence-item:last-child &.line-after{background-color:transparent;}"],i&&e.css(["background-color:var(--progress-stepindicator-border-success);"]),"horizontal"===t&&e.css(["height:2px;"," .step-sequence-item:first-child &.line-before{background-color:transparent;}"],r&&e.css(["",":var(--global-radius-action-2-xs);",":var(--global-radius-action-2-xs);"],`border-top-${r}-radius`,`border-bottom-${r}-radius`)),"vertical"===t&&o&&e.css(["position:absolute;border-radius:var(--global-radius-action-2-xs);width:2px;height:calc( 100% - "," - var(--global-space-comp-s) + var(--global-space-comp-l) );top:calc("," + var(--global-space-comp-s));left:calc(("," / 2) - 1px);"],a[o].indicatorSize,a[o].indicatorSize,a[o].indicatorSize)))),c=i.default.span.withConfig({displayName:"step-sequence-item.style__StyledTitle",componentId:"carbon_v162_4_0__sc-7b780eca-4"})(["",""],(({$size:t})=>e.css(["color:var(--progress-label-default);font:",";"],a[t].labelFont))),n=i.default.span.withConfig({displayName:"step-sequence-item.style__StyledDescription",componentId:"carbon_v162_4_0__sc-7b780eca-5"})(["",""],(({$size:t})=>e.css(["color:var(--progress-label-alt);font:",";"],a[t].descriptionFont))),d=i.default.div.withConfig({displayName:"step-sequence-item.style__StyledTitleWrapper",componentId:"carbon_v162_4_0__sc-7b780eca-6"})(["",""],(({$size:t,$orientation:i})=>e.css(["box-sizing:border-box;display:flex;flex-direction:column;"," ",""],"horizontal"===i&&e.css(["width:100%;text-align:center;padding:0px ",";"],a[t].labelWrapperPadding),"vertical"===i&&e.css(["padding-top:var(--global-space-comp-2-xs);"]))));exports.StepLine=l,exports.StyledDescription=n,exports.StyledIndicator=r,exports.StyledIndicatorWrapper=s,exports.StyledStepSequenceItem=o,exports.StyledTitle=c,exports.StyledTitleWrapper=d;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),s=require("../../style/themes/apply-base-theme.js");function a(e){return e&&e.__esModule?e:{default:e}}const l=a(e).default.ol.attrs(s.default).withConfig({displayName:"step-sequence.style__StyledStepSequence",componentId:"carbon_v162_3_1__sc-efc9a3ac-0"})(["display:flex;align-items:flex-start;margin:0;padding:0;"," ",""],(({$orientation:t})=>"vertical"===t&&e.css(["flex-direction:column;height:100%;"])),t.space);exports.default=l;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),s=require("../../style/themes/apply-base-theme.js");function a(e){return e&&e.__esModule?e:{default:e}}const l=a(e).default.ol.attrs(s.default).withConfig({displayName:"step-sequence.style__StyledStepSequence",componentId:"carbon_v162_4_0__sc-efc9a3ac-0"})(["display:flex;align-items:flex-start;margin:0;padding:0;"," ",""],(({$orientation:t})=>"vertical"===t&&e.css(["flex-direction:column;height:100%;"])),t.space);exports.default=l;