carbon-react 161.4.2 → 161.6.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 (431) 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.style.js +1 -1
  35. package/esm/components/advanced-color-picker/advanced-color-picker-cell.style.js +1 -1
  36. package/esm/components/advanced-color-picker/advanced-color-picker.style.js +1 -1
  37. package/esm/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.style.js +1 -1
  38. package/esm/components/anchor-navigation/anchor-navigation.style.js +1 -1
  39. package/esm/components/anchor-navigation/anchor-section-divider.component.js +1 -1
  40. package/esm/components/badge/badge.style.js +1 -1
  41. package/esm/components/batch-selection/batch-selection.style.js +1 -1
  42. package/esm/components/box/box.style.js +1 -1
  43. package/esm/components/breadcrumbs/breadcrumbs.style.js +1 -1
  44. package/esm/components/breadcrumbs/crumb/crumb.style.js +1 -1
  45. package/esm/components/button/__next__/button.style.js +1 -1
  46. package/esm/components/button/button.style.js +1 -1
  47. package/esm/components/button-bar/button-bar.style.js +1 -1
  48. package/esm/components/button-minor/button-minor.style.js +1 -1
  49. package/esm/components/button-toggle/button-toggle-group/button-toggle-group.style.js +1 -1
  50. package/esm/components/button-toggle/button-toggle.style.js +1 -1
  51. package/esm/components/card/card-column/card-column.style.js +1 -1
  52. package/esm/components/card/card-footer/card-footer.style.js +1 -1
  53. package/esm/components/card/card-row/card-row.style.js +1 -1
  54. package/esm/components/card/card.style.js +1 -1
  55. package/esm/components/checkbox/checkbox-group/checkbox-group.style.js +1 -1
  56. package/esm/components/checkbox/checkbox.style.js +1 -1
  57. package/esm/components/confirm/confirm.style.js +1 -1
  58. package/esm/components/content/content.style.js +1 -1
  59. package/esm/components/date/__internal__/date-picker/day-picker.style.js +1 -1
  60. package/esm/components/date/__internal__/navbar/button.style.js +1 -1
  61. package/esm/components/date/__internal__/navbar/navbar.style.js +1 -1
  62. package/esm/components/date/__internal__/weekday/abbr.style.js +1 -1
  63. package/esm/components/date/__internal__/weekday/weekday.style.js +1 -1
  64. package/esm/components/date/date.style.js +1 -1
  65. package/esm/components/date-range/date-range.style.js +1 -1
  66. package/esm/components/decimal/__internal__/decimal-popover-button.style.js +1 -1
  67. package/esm/components/decimal/decimal.style.js +1 -1
  68. package/esm/components/definition-list/definition-list.style.js +1 -1
  69. package/esm/components/detail/detail.style.js +1 -1
  70. package/esm/components/dialog/__internal__/__next__/dialog.style.js +1 -1
  71. package/esm/components/dismissible-box/dismissible-box.style.js +1 -1
  72. package/esm/components/divider/divider.style.js +1 -1
  73. package/esm/components/draggable/draggable-item/draggable-item.style.js +1 -1
  74. package/esm/components/drawer/drawer.style.js +1 -1
  75. package/esm/components/duelling-picklist/duelling-picklist.style.js +1 -1
  76. package/esm/components/duelling-picklist/picklist/picklist.style.js +1 -1
  77. package/esm/components/duelling-picklist/picklist-divider/picklist-divider.style.js +1 -1
  78. package/esm/components/duelling-picklist/picklist-group/picklist-group.style.js +1 -1
  79. package/esm/components/duelling-picklist/picklist-item/picklist-item.style.js +1 -1
  80. package/esm/components/fieldset/fieldset.style.js +1 -1
  81. package/esm/components/file-input/__internal__/file-upload-status/file-upload-status.component.js +1 -1
  82. package/esm/components/file-input/__internal__/file-upload-status/file-upload-status.style.d.ts +1 -0
  83. package/esm/components/file-input/__internal__/file-upload-status/file-upload-status.style.js +1 -1
  84. package/esm/components/file-input/file-input.style.js +1 -1
  85. package/esm/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.style.js +1 -1
  86. package/esm/components/flat-table/flat-table-cell/flat-table-cell.style.js +1 -1
  87. package/esm/components/flat-table/flat-table-checkbox/flat-table-checkbox.style.js +1 -1
  88. package/esm/components/flat-table/flat-table-head/flat-table-head.style.js +1 -1
  89. package/esm/components/flat-table/flat-table-header/flat-table-header.style.js +1 -1
  90. package/esm/components/flat-table/flat-table-row/flat-table-row.style.js +1 -1
  91. package/esm/components/flat-table/flat-table-row-header/flat-table-row-header.style.js +1 -1
  92. package/esm/components/flat-table/flat-table.style.js +1 -1
  93. package/esm/components/flat-table/sort/sort.style.js +1 -1
  94. package/esm/components/form/__internal__/form-summary.style.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/__internal__/status-icon/status-icon.style.js +1 -1
  129. package/esm/components/note/note.style.js +1 -1
  130. package/esm/components/numeral-date/numeral-date.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 +26 -5
  137. package/esm/components/pill/pill.component.js +1 -1
  138. package/esm/components/pill/pill.style.config.d.ts +15 -10
  139. package/esm/components/pill/pill.style.config.js +1 -1
  140. package/esm/components/pill/pill.style.d.ts +15 -7
  141. package/esm/components/pill/pill.style.js +1 -1
  142. package/esm/components/pod/pod.style.js +1 -1
  143. package/esm/components/popover-container/popover-container.style.js +1 -1
  144. package/esm/components/portal/portal.js +1 -1
  145. package/esm/components/portal/portal.style.js +1 -1
  146. package/esm/components/portrait/portrait.style.js +1 -1
  147. package/esm/components/preview/preview.style.js +1 -1
  148. package/esm/components/profile/profile.style.js +1 -1
  149. package/esm/components/progress-tracker/index.js +1 -1
  150. package/esm/components/progress-tracker/progress-tracker.component.d.ts +10 -6
  151. package/esm/components/progress-tracker/progress-tracker.component.js +1 -1
  152. package/esm/components/progress-tracker/progress-tracker.config.d.ts +30 -1
  153. package/esm/components/progress-tracker/progress-tracker.config.js +1 -1
  154. package/esm/components/progress-tracker/progress-tracker.style.d.ts +23 -10
  155. package/esm/components/progress-tracker/progress-tracker.style.js +1 -1
  156. package/esm/components/radio-button/radio-button-group/radio-button-group.style.js +1 -1
  157. package/esm/components/radio-button/radio-button.style.js +1 -1
  158. package/esm/components/search/__internal__/legacy/search-button.style.js +1 -1
  159. package/esm/components/search/__internal__/legacy/search.style.js +1 -1
  160. package/esm/components/select/__internal__/list-action-button/list-action-button.style.js +1 -1
  161. package/esm/components/select/__internal__/select-list/select-list.style.js +1 -1
  162. package/esm/components/select/__internal__/select-textbox/select-textbox.style.js +1 -1
  163. package/esm/components/select/__internal__/utils/matching-text.style.js +1 -1
  164. package/esm/components/select/multi-select/multi-select.component.js +1 -1
  165. package/esm/components/select/multi-select/multi-select.style.js +1 -1
  166. package/esm/components/select/option/option.component.d.ts +7 -1
  167. package/esm/components/select/option/option.component.js +1 -1
  168. package/esm/components/select/option/option.style.js +1 -1
  169. package/esm/components/select/option-group-header/option-group-header.style.js +1 -1
  170. package/esm/components/select/option-row/option-row.style.js +1 -1
  171. package/esm/components/select/select.style.js +1 -1
  172. package/esm/components/settings-row/settings-row.style.js +1 -1
  173. package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js +1 -1
  174. package/esm/components/sidebar/sidebar.style.js +1 -1
  175. package/esm/components/simple-color-picker/simple-color/simple-color.style.js +1 -1
  176. package/esm/components/simple-color-picker/simple-color-picker.style.js +1 -1
  177. package/esm/components/split-button/split-button-children.style.js +1 -1
  178. package/esm/components/split-button/split-button-toggle.style.js +1 -1
  179. package/esm/components/split-button/split-button.style.js +1 -1
  180. package/esm/components/step-flow/step-flow.style.js +1 -1
  181. package/esm/components/step-sequence/step-sequence-item/step-sequence-item.style.js +1 -1
  182. package/esm/components/step-sequence/step-sequence.style.js +1 -1
  183. package/esm/components/switch/switch.style.js +1 -1
  184. package/esm/components/tabs/__next__/tabs.style.js +1 -1
  185. package/esm/components/text-editor/__internal__/__ui__/CharacterCounter/character-counter.style.js +1 -1
  186. package/esm/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.style.js +1 -1
  187. package/esm/components/text-editor/__internal__/__ui__/LinkPreviewer/link-previewer.style.js +1 -1
  188. package/esm/components/text-editor/__internal__/__ui__/Mentions/mentions.style.js +1 -1
  189. package/esm/components/text-editor/__internal__/__ui__/Placeholder/placeholder.style.js +1 -1
  190. package/esm/components/text-editor/__internal__/__ui__/Toolbar/button-group/button-group.style.js +1 -1
  191. package/esm/components/text-editor/__internal__/__ui__/Toolbar/buttons/typography-dropdown/dropdown.style.js +1 -1
  192. package/esm/components/text-editor/__internal__/__ui__/Toolbar/toolbar.style.js +1 -1
  193. package/esm/components/text-editor/text-editor.style.js +1 -1
  194. package/esm/components/textarea/textarea.style.js +1 -1
  195. package/esm/components/textbox/__internal__/__next__/text-input.style.js +1 -1
  196. package/esm/components/tile/tile-content/tile-content.style.js +1 -1
  197. package/esm/components/tile/tile-footer/tile-footer.style.js +1 -1
  198. package/esm/components/tile/tile-header/tile-header.style.js +1 -1
  199. package/esm/components/tile/tile.style.js +1 -1
  200. package/esm/components/tile-select/__internal__/accordion/accordion.style.js +1 -1
  201. package/esm/components/tile-select/tile-select.style.js +1 -1
  202. package/esm/components/time/time.style.js +1 -1
  203. package/esm/components/toast/toast.style.js +1 -1
  204. package/esm/components/tokens-wrapper/tokens-wrapper.component.js +1 -1
  205. package/esm/components/tooltip/tooltip-pointer.style.js +1 -1
  206. package/esm/components/tooltip/tooltip.style.js +1 -1
  207. package/esm/components/typography/__internal__/__next__/typography.style.js +1 -1
  208. package/esm/components/typography/typography.style.js +1 -1
  209. package/esm/components/vertical-divider/vertical-divider.style.js +1 -1
  210. package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js +1 -1
  211. package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js +1 -1
  212. package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js +1 -1
  213. package/esm/components/vertical-menu/vertical-menu.style.js +1 -1
  214. package/esm/index.js +1 -1
  215. package/esm/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js +1 -1
  216. package/lib/__internal__/character-count/character-count.style.js +1 -1
  217. package/lib/__internal__/checkable-input/checkable-input.style.js +1 -1
  218. package/lib/__internal__/checkable-input/hidden-checkable-input.style.js +1 -1
  219. package/lib/__internal__/error-border/error-border.style.js +1 -1
  220. package/lib/__internal__/field-help/field-help.style.js +1 -1
  221. package/lib/__internal__/fieldset/__next__/fieldset.style.js +1 -1
  222. package/lib/__internal__/fieldset/fieldset.style.js +1 -1
  223. package/lib/__internal__/form-field/form-field.style.js +1 -1
  224. package/lib/__internal__/full-screen-heading/full-screen-heading.style.js +1 -1
  225. package/lib/__internal__/hint-text/hint-text.style.js +1 -1
  226. package/lib/__internal__/input/input.style.js +1 -1
  227. package/lib/__internal__/input-icon-toggle/input-icon-toggle.style.js +1 -1
  228. package/lib/__internal__/label/label.style.js +1 -1
  229. package/lib/__internal__/legacy-error-border/error-border.style.js +1 -1
  230. package/lib/__internal__/legacy-hint-text/hint-text.style.js +1 -1
  231. package/lib/__internal__/legacy-input/input-presentation.style.js +1 -1
  232. package/lib/__internal__/legacy-input/input.style.js +1 -1
  233. package/lib/__internal__/legacy-label/icon-wrapper.style.js +1 -1
  234. package/lib/__internal__/legacy-label/label.style.js +1 -1
  235. package/lib/__internal__/modal/modal.style.js +1 -1
  236. package/lib/__internal__/popover/popover.style.js +1 -1
  237. package/lib/__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js +1 -1
  238. package/lib/__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js +1 -1
  239. package/lib/__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js +1 -1
  240. package/lib/__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js +1 -1
  241. package/lib/__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.js +1 -1
  242. package/lib/__internal__/popover-menu/menu-item/menu-item.component.js +1 -1
  243. package/lib/__internal__/popover-menu/popover-menu.component.js +1 -1
  244. package/lib/__internal__/validation-message/__next__/validation-message.style.js +1 -1
  245. package/lib/__internal__/validation-message/validation-message.style.js +1 -1
  246. package/lib/__internal__/validations/validation-icon.style.js +1 -1
  247. package/lib/components/accordion/accordion.style.js +1 -1
  248. package/lib/components/action-popover/action-popover.style.js +1 -1
  249. package/lib/components/adaptive-sidebar/adaptive-sidebar.style.js +1 -1
  250. package/lib/components/advanced-color-picker/advanced-color-picker-cell.style.js +1 -1
  251. package/lib/components/advanced-color-picker/advanced-color-picker.style.js +1 -1
  252. package/lib/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.style.js +1 -1
  253. package/lib/components/anchor-navigation/anchor-navigation.style.js +1 -1
  254. package/lib/components/anchor-navigation/anchor-section-divider.component.js +1 -1
  255. package/lib/components/badge/badge.style.js +1 -1
  256. package/lib/components/batch-selection/batch-selection.style.js +1 -1
  257. package/lib/components/box/box.style.js +1 -1
  258. package/lib/components/breadcrumbs/breadcrumbs.style.js +1 -1
  259. package/lib/components/breadcrumbs/crumb/crumb.style.js +1 -1
  260. package/lib/components/button/__next__/button.style.js +1 -1
  261. package/lib/components/button/button.style.js +1 -1
  262. package/lib/components/button-bar/button-bar.style.js +1 -1
  263. package/lib/components/button-minor/button-minor.style.js +1 -1
  264. package/lib/components/button-toggle/button-toggle-group/button-toggle-group.style.js +1 -1
  265. package/lib/components/button-toggle/button-toggle.style.js +1 -1
  266. package/lib/components/card/card-column/card-column.style.js +1 -1
  267. package/lib/components/card/card-footer/card-footer.style.js +1 -1
  268. package/lib/components/card/card-row/card-row.style.js +1 -1
  269. package/lib/components/card/card.style.js +1 -1
  270. package/lib/components/checkbox/checkbox-group/checkbox-group.style.js +1 -1
  271. package/lib/components/checkbox/checkbox.style.js +1 -1
  272. package/lib/components/confirm/confirm.style.js +1 -1
  273. package/lib/components/content/content.style.js +1 -1
  274. package/lib/components/date/__internal__/date-picker/day-picker.style.js +1 -1
  275. package/lib/components/date/__internal__/navbar/button.style.js +1 -1
  276. package/lib/components/date/__internal__/navbar/navbar.style.js +1 -1
  277. package/lib/components/date/__internal__/weekday/abbr.style.js +1 -1
  278. package/lib/components/date/__internal__/weekday/weekday.style.js +1 -1
  279. package/lib/components/date/date.style.js +1 -1
  280. package/lib/components/date-range/date-range.style.js +1 -1
  281. package/lib/components/decimal/__internal__/decimal-popover-button.style.js +1 -1
  282. package/lib/components/decimal/decimal.style.js +1 -1
  283. package/lib/components/definition-list/definition-list.style.js +1 -1
  284. package/lib/components/detail/detail.style.js +1 -1
  285. package/lib/components/dialog/__internal__/__next__/dialog.style.js +1 -1
  286. package/lib/components/dismissible-box/dismissible-box.style.js +1 -1
  287. package/lib/components/divider/divider.style.js +1 -1
  288. package/lib/components/draggable/draggable-item/draggable-item.style.js +1 -1
  289. package/lib/components/drawer/drawer.style.js +1 -1
  290. package/lib/components/duelling-picklist/duelling-picklist.style.js +1 -1
  291. package/lib/components/duelling-picklist/picklist/picklist.style.js +1 -1
  292. package/lib/components/duelling-picklist/picklist-divider/picklist-divider.style.js +1 -1
  293. package/lib/components/duelling-picklist/picklist-group/picklist-group.style.js +1 -1
  294. package/lib/components/duelling-picklist/picklist-item/picklist-item.style.js +1 -1
  295. package/lib/components/fieldset/fieldset.style.js +1 -1
  296. package/lib/components/file-input/__internal__/file-upload-status/file-upload-status.component.js +1 -1
  297. package/lib/components/file-input/__internal__/file-upload-status/file-upload-status.style.d.ts +1 -0
  298. package/lib/components/file-input/__internal__/file-upload-status/file-upload-status.style.js +1 -1
  299. package/lib/components/file-input/file-input.style.js +1 -1
  300. package/lib/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.style.js +1 -1
  301. package/lib/components/flat-table/flat-table-cell/flat-table-cell.style.js +1 -1
  302. package/lib/components/flat-table/flat-table-checkbox/flat-table-checkbox.style.js +1 -1
  303. package/lib/components/flat-table/flat-table-head/flat-table-head.style.js +1 -1
  304. package/lib/components/flat-table/flat-table-header/flat-table-header.style.js +1 -1
  305. package/lib/components/flat-table/flat-table-row/flat-table-row.style.js +1 -1
  306. package/lib/components/flat-table/flat-table-row-header/flat-table-row-header.style.js +1 -1
  307. package/lib/components/flat-table/flat-table.style.js +1 -1
  308. package/lib/components/flat-table/sort/sort.style.js +1 -1
  309. package/lib/components/form/__internal__/form-summary.style.js +1 -1
  310. package/lib/components/form/form.style.js +1 -1
  311. package/lib/components/form/required-fields-indicator/required-fields-indicator.component.js +1 -1
  312. package/lib/components/global-header/global-header.component.js +1 -1
  313. package/lib/components/grid/grid-container/grid-container.style.js +1 -1
  314. package/lib/components/grid/grid-item/grid-item.style.js +1 -1
  315. package/lib/components/heading/heading.style.js +1 -1
  316. package/lib/components/help/help.style.js +1 -1
  317. package/lib/components/hr/hr.style.js +1 -1
  318. package/lib/components/icon/icon.style.js +1 -1
  319. package/lib/components/icon-button/icon-button.style.js +1 -1
  320. package/lib/components/image/image.style.js +1 -1
  321. package/lib/components/inline-inputs/inline-inputs.style.js +1 -1
  322. package/lib/components/link/link.style.js +1 -1
  323. package/lib/components/link-preview/__internal__/placeholder.component.js +1 -1
  324. package/lib/components/link-preview/link-preview.style.js +1 -1
  325. package/lib/components/loader/__next__/internal/star.style.js +1 -1
  326. package/lib/components/loader/__next__/loader.style.js +1 -1
  327. package/lib/components/loader/loader-square.style.js +1 -1
  328. package/lib/components/loader/loader.style.js +1 -1
  329. package/lib/components/loader-bar/loader-bar.style.js +1 -1
  330. package/lib/components/loader-spinner/loader-spinner.style.js +1 -1
  331. package/lib/components/loader-star/internal/star.style.js +1 -1
  332. package/lib/components/loader-star/loader-star.style.js +1 -1
  333. package/lib/components/menu/__internal__/submenu/submenu.style.js +1 -1
  334. package/lib/components/menu/menu-divider/menu-divider.style.js +1 -1
  335. package/lib/components/menu/menu-full-screen/menu-full-screen.style.js +1 -1
  336. package/lib/components/menu/menu-item/menu-item.style.js +1 -1
  337. package/lib/components/menu/menu-segment-title/menu-segment-title.style.js +1 -1
  338. package/lib/components/menu/menu.style.js +1 -1
  339. package/lib/components/menu/scrollable-block/scrollable-block.style.js +1 -1
  340. package/lib/components/message/message.style.js +1 -1
  341. package/lib/components/multi-action-button/multi-action-button.style.js +1 -1
  342. package/lib/components/navigation-bar/navigation-bar.style.js +1 -1
  343. package/lib/components/note/__internal__/status-icon/status-icon.style.js +1 -1
  344. package/lib/components/note/note.style.js +1 -1
  345. package/lib/components/numeral-date/numeral-date.style.js +1 -1
  346. package/lib/components/pager/__internal__/pagination-navigation.style.js +1 -1
  347. package/lib/components/pager/pager.style.js +1 -1
  348. package/lib/components/pages/page/page.style.js +1 -1
  349. package/lib/components/pages/pages.style.js +1 -1
  350. package/lib/components/password/password.style.js +1 -1
  351. package/lib/components/pill/pill.component.d.ts +26 -5
  352. package/lib/components/pill/pill.component.js +1 -1
  353. package/lib/components/pill/pill.style.config.d.ts +15 -10
  354. package/lib/components/pill/pill.style.config.js +1 -1
  355. package/lib/components/pill/pill.style.d.ts +15 -7
  356. package/lib/components/pill/pill.style.js +1 -1
  357. package/lib/components/pod/pod.style.js +1 -1
  358. package/lib/components/popover-container/popover-container.style.js +1 -1
  359. package/lib/components/portal/portal.js +1 -1
  360. package/lib/components/portal/portal.style.js +1 -1
  361. package/lib/components/portrait/portrait.style.js +1 -1
  362. package/lib/components/preview/preview.style.js +1 -1
  363. package/lib/components/profile/profile.style.js +1 -1
  364. package/lib/components/progress-tracker/index.js +1 -1
  365. package/lib/components/progress-tracker/progress-tracker.component.d.ts +10 -6
  366. package/lib/components/progress-tracker/progress-tracker.component.js +1 -1
  367. package/lib/components/progress-tracker/progress-tracker.config.d.ts +30 -1
  368. package/lib/components/progress-tracker/progress-tracker.config.js +1 -1
  369. package/lib/components/progress-tracker/progress-tracker.style.d.ts +23 -10
  370. package/lib/components/progress-tracker/progress-tracker.style.js +1 -1
  371. package/lib/components/radio-button/radio-button-group/radio-button-group.style.js +1 -1
  372. package/lib/components/radio-button/radio-button.style.js +1 -1
  373. package/lib/components/search/__internal__/legacy/search-button.style.js +1 -1
  374. package/lib/components/search/__internal__/legacy/search.style.js +1 -1
  375. package/lib/components/select/__internal__/list-action-button/list-action-button.style.js +1 -1
  376. package/lib/components/select/__internal__/select-list/select-list.style.js +1 -1
  377. package/lib/components/select/__internal__/select-textbox/select-textbox.style.js +1 -1
  378. package/lib/components/select/__internal__/utils/matching-text.style.js +1 -1
  379. package/lib/components/select/multi-select/multi-select.component.js +1 -1
  380. package/lib/components/select/multi-select/multi-select.style.js +1 -1
  381. package/lib/components/select/option/option.component.d.ts +7 -1
  382. package/lib/components/select/option/option.component.js +1 -1
  383. package/lib/components/select/option/option.style.js +1 -1
  384. package/lib/components/select/option-group-header/option-group-header.style.js +1 -1
  385. package/lib/components/select/option-row/option-row.style.js +1 -1
  386. package/lib/components/select/select.style.js +1 -1
  387. package/lib/components/settings-row/settings-row.style.js +1 -1
  388. package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js +1 -1
  389. package/lib/components/sidebar/sidebar.style.js +1 -1
  390. package/lib/components/simple-color-picker/simple-color/simple-color.style.js +1 -1
  391. package/lib/components/simple-color-picker/simple-color-picker.style.js +1 -1
  392. package/lib/components/split-button/split-button-children.style.js +1 -1
  393. package/lib/components/split-button/split-button-toggle.style.js +1 -1
  394. package/lib/components/split-button/split-button.style.js +1 -1
  395. package/lib/components/step-flow/step-flow.style.js +1 -1
  396. package/lib/components/step-sequence/step-sequence-item/step-sequence-item.style.js +1 -1
  397. package/lib/components/step-sequence/step-sequence.style.js +1 -1
  398. package/lib/components/switch/switch.style.js +1 -1
  399. package/lib/components/tabs/__next__/tabs.style.js +1 -1
  400. package/lib/components/text-editor/__internal__/__ui__/CharacterCounter/character-counter.style.js +1 -1
  401. package/lib/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.style.js +1 -1
  402. package/lib/components/text-editor/__internal__/__ui__/LinkPreviewer/link-previewer.style.js +1 -1
  403. package/lib/components/text-editor/__internal__/__ui__/Mentions/mentions.style.js +1 -1
  404. package/lib/components/text-editor/__internal__/__ui__/Placeholder/placeholder.style.js +1 -1
  405. package/lib/components/text-editor/__internal__/__ui__/Toolbar/button-group/button-group.style.js +1 -1
  406. package/lib/components/text-editor/__internal__/__ui__/Toolbar/buttons/typography-dropdown/dropdown.style.js +1 -1
  407. package/lib/components/text-editor/__internal__/__ui__/Toolbar/toolbar.style.js +1 -1
  408. package/lib/components/text-editor/text-editor.style.js +1 -1
  409. package/lib/components/textarea/textarea.style.js +1 -1
  410. package/lib/components/textbox/__internal__/__next__/text-input.style.js +1 -1
  411. package/lib/components/tile/tile-content/tile-content.style.js +1 -1
  412. package/lib/components/tile/tile-footer/tile-footer.style.js +1 -1
  413. package/lib/components/tile/tile-header/tile-header.style.js +1 -1
  414. package/lib/components/tile/tile.style.js +1 -1
  415. package/lib/components/tile-select/__internal__/accordion/accordion.style.js +1 -1
  416. package/lib/components/tile-select/tile-select.style.js +1 -1
  417. package/lib/components/time/time.style.js +1 -1
  418. package/lib/components/toast/toast.style.js +1 -1
  419. package/lib/components/tokens-wrapper/tokens-wrapper.component.js +1 -1
  420. package/lib/components/tooltip/tooltip-pointer.style.js +1 -1
  421. package/lib/components/tooltip/tooltip.style.js +1 -1
  422. package/lib/components/typography/__internal__/__next__/typography.style.js +1 -1
  423. package/lib/components/typography/typography.style.js +1 -1
  424. package/lib/components/vertical-divider/vertical-divider.style.js +1 -1
  425. package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js +1 -1
  426. package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js +1 -1
  427. package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js +1 -1
  428. package/lib/components/vertical-menu/vertical-menu.style.js +1 -1
  429. package/lib/index.js +1 -1
  430. package/lib/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js +1 -1
  431. package/package.json +1 -1
@@ -1 +1 @@
1
- "use strict";var a=require("styled-components");function e(a){return a&&a.__esModule?a:{default:a}}var o=e(a);const r={small:{minHeight:"var(--global-size-m)",padding:"var(--global-space-comp-xs)",font:"var(--global-font-static-comp-regular-s)",rowGap:"var(--global-space-comp-s)"},medium:{minHeight:"var(--global-size-xl)",padding:"var(--global-space-comp-s)",font:"var(--global-font-static-comp-regular-m)",rowGap:"var(--global-space-comp-l)"},large:{minHeight:"var(--global-size-2-xl)",padding:"var(--global-space-comp-s)",font:"var(--global-font-static-comp-regular-l)",rowGap:"var(--global-space-comp-l)"}},t=o.default.nav.withConfig({displayName:"pager.style__StyledPagination",componentId:"carbon_v161_4_1__sc-bc9e81e5-0"})(["",""],(({$variant:e,$size:o})=>a.css(["display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;flex-wrap:wrap;font:",";width:100%;min-width:288px;min-height:",";padding:",";row-gap:",";border-radius:var(--global-radius-container-m);border:var(--global-borderwidth-xs) solid var(--container-standard-border-default);background:var(--container-standard-bg-alt);",""],r[o].font,r[o].minHeight,r[o].padding,r[o].rowGap,"alternate"===e&&a.css(["background:none;border:none;"])))),l=o.default.div.withConfig({displayName:"pager.style__StyledPageSizeSelect",componentId:"carbon_v161_4_1__sc-bc9e81e5-1"})(["display:flex;align-items:center;gap:var(--global-space-comp-s);&& input{field-sizing:content;}"]);exports.StyledPageSizeSelect=l,exports.StyledPagination=t;
1
+ "use strict";var a=require("styled-components");function e(a){return a&&a.__esModule?a:{default:a}}var o=e(a);const r={small:{minHeight:"var(--global-size-m)",padding:"var(--global-space-comp-xs)",font:"var(--global-font-static-comp-regular-s)",rowGap:"var(--global-space-comp-s)"},medium:{minHeight:"var(--global-size-xl)",padding:"var(--global-space-comp-s)",font:"var(--global-font-static-comp-regular-m)",rowGap:"var(--global-space-comp-l)"},large:{minHeight:"var(--global-size-2-xl)",padding:"var(--global-space-comp-s)",font:"var(--global-font-static-comp-regular-l)",rowGap:"var(--global-space-comp-l)"}},t=o.default.nav.withConfig({displayName:"pager.style__StyledPagination",componentId:"carbon_v161_5_0__sc-bc9e81e5-0"})(["",""],(({$variant:e,$size:o})=>a.css(["display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;flex-wrap:wrap;font:",";width:100%;min-width:288px;min-height:",";padding:",";row-gap:",";border-radius:var(--global-radius-container-m);border:var(--global-borderwidth-xs) solid var(--container-standard-border-default);background:var(--container-standard-bg-alt);",""],r[o].font,r[o].minHeight,r[o].padding,r[o].rowGap,"alternate"===e&&a.css(["background:none;border:none;"])))),l=o.default.div.withConfig({displayName:"pager.style__StyledPageSizeSelect",componentId:"carbon_v161_5_0__sc-bc9e81e5-1"})(["display:flex;align-items:center;gap:var(--global-space-comp-s);&& input{field-sizing:content;}"]);exports.StyledPageSizeSelect=l,exports.StyledPagination=t;
@@ -1 +1 @@
1
- "use strict";var e=require("styled-components"),t=require("styled-system"),d=require("../../../style/themes/apply-base-theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var a=s(e);const o=a.default.div.attrs(d.default).withConfig({displayName:"page.style__StyledPage",componentId:"carbon_v161_4_1__sc-535d517d-0"})(["width:100%;position:absolute;"]),i=a.default.div.attrs(d.default).withConfig({displayName:"page.style__StyledPageContent",componentId:"carbon_v161_4_1__sc-535d517d-1"})([""," box-sizing:border-box;width:100%;height:100%;"],t.padding);exports.StyledPage=o,exports.StyledPageContent=i;
1
+ "use strict";var e=require("styled-components"),t=require("styled-system"),d=require("../../../style/themes/apply-base-theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var a=s(e);const o=a.default.div.attrs(d.default).withConfig({displayName:"page.style__StyledPage",componentId:"carbon_v161_5_0__sc-535d517d-0"})(["width:100%;position:absolute;"]),i=a.default.div.attrs(d.default).withConfig({displayName:"page.style__StyledPageContent",componentId:"carbon_v161_5_0__sc-535d517d-1"})([""," box-sizing:border-box;width:100%;height:100%;"],t.padding);exports.StyledPage=o,exports.StyledPageContent=i;
@@ -1 +1 @@
1
- "use strict";var e=require("styled-components"),t=require("./pages.config.js"),a=require("../../style/themes/apply-base-theme.js"),n=require("../heading/heading.style.js");function s(e){return e&&e.__esModule?e:{default:e}}var i=s(e);const o=i.default.div.attrs(a.default).withConfig({displayName:"pages.style__PagesContent",componentId:"carbon_v161_4_1__sc-3e7b0c1a-0"})(["border:none;","{padding-left:45px;margin-bottom:34px;}","{display:none;}"],n.StyledHeading,n.StyledDivider),r=i.default.div.withConfig({displayName:"pages.style__PagesWrapperStyle",componentId:"carbon_v161_4_1__sc-3e7b0c1a-1"})([".carbon-carousel__content{position:relative;}"," ",""],t.slideAnimation,t.fadeAnimation);exports.PagesContent=o,exports.PagesWrapperStyle=r;
1
+ "use strict";var e=require("styled-components"),t=require("./pages.config.js"),a=require("../../style/themes/apply-base-theme.js"),n=require("../heading/heading.style.js");function s(e){return e&&e.__esModule?e:{default:e}}var i=s(e);const o=i.default.div.attrs(a.default).withConfig({displayName:"pages.style__PagesContent",componentId:"carbon_v161_5_0__sc-3e7b0c1a-0"})(["border:none;","{padding-left:45px;margin-bottom:34px;}","{display:none;}"],n.StyledHeading,n.StyledDivider),r=i.default.div.withConfig({displayName:"pages.style__PagesWrapperStyle",componentId:"carbon_v161_5_0__sc-3e7b0c1a-1"})([".carbon-carousel__content{position:relative;}"," ",""],t.slideAnimation,t.fadeAnimation);exports.PagesContent=o,exports.PagesWrapperStyle=r;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../style/utils/visually-hidden.js");function s(e){return e&&e.__esModule?e:{default:e}}const d=s(e).default.p.withConfig({displayName:"password.style__HiddenAriaLive",componentId:"carbon_v161_4_1__sc-213d9b67-0"})(["",""],t.default);exports.default=d;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../style/utils/visually-hidden.js");function s(e){return e&&e.__esModule?e:{default:e}}const d=s(e).default.p.withConfig({displayName:"password.style__HiddenAriaLive",componentId:"carbon_v161_5_0__sc-213d9b67-0"})(["",""],t.default);exports.default=d;
@@ -4,22 +4,43 @@ import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
4
4
  export interface PillProps extends StyledPillProps, TagProps {
5
5
  /** The content to display inside of the pill. */
6
6
  children: string;
7
- /** Change the color of a status pill. */
7
+ /**
8
+ * Determines the colour variant of the pill.
9
+ * @deprecated Use `variant` prop instead.
10
+ */
8
11
  colorVariant?: "neutral" | "negative" | "positive" | "warning" | "information" | "neutralWhite";
9
- /** Sets the colour styling when a status pill is rendered on a dark background. */
12
+ /** Sets the colour variant of a status pill. */
13
+ variant?: "grey" | "green" | "red" | "orange" | "blue" | "purple" | "teal" | "lime" | "pink" | "slate";
14
+ /**
15
+ * Apply inverse styling for use on dark backgrounds.
16
+ * @deprecated Use `inverse` prop instead.
17
+ */
10
18
  isDarkBackground?: boolean;
19
+ /** Set to allow for inverse styling to be used on dark backgrounds. */
20
+ inverse?: boolean;
21
+ /**
22
+ * A React node displayed to the left of the pill content.
23
+ * Recommended for use with `size="L"` pills.
24
+ */
25
+ icon?: React.ReactNode;
11
26
  /** Fills the pill background with colour. When fill is false only the border is coloured. */
12
27
  fill?: boolean;
13
28
  /** Callback function for when the pill is clicked. */
14
29
  onClick?: (ev: React.MouseEvent<HTMLSpanElement>) => void;
15
- /** Callback function for when the remove icon is clicked. */
30
+ /**
31
+ * Callback fired when the remove button is activated.
32
+ * Receives the click event.
33
+ */
16
34
  onDelete?: (ev?: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement>) => void;
17
- /** Sets the type of pill in use. */
35
+ /**
36
+ * Sets the type of pill in use.
37
+ * @deprecated The pillRole prop is no longer used. Pill styling is determined by the `variant`, `fill`, and `inverse` props.
38
+ */
18
39
  pillRole?: "tag" | "status";
19
40
  /** Sets custom aria-label attribute on the remove button */
20
41
  ariaLabelOfRemoveButton?: string;
21
42
  /** @private @ignore title attribute passed down to underlying element */
22
43
  title?: string;
23
44
  }
24
- export declare const Pill: ({ wrapText, borderColor, colorVariant, isDarkBackground, children, fill, maxWidth, onClick, onDelete, pillRole, size, ariaLabelOfRemoveButton, ...rest }: PillProps) => React.JSX.Element;
45
+ export declare const Pill: ({ wrapText, borderColor, colorVariant, variant, isDarkBackground, inverse, icon, children, fill, maxWidth, onClick, onDelete, pillRole, size, ariaLabelOfRemoveButton, ...rest }: PillProps) => React.JSX.Element;
25
46
  export default Pill;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("./pill.style.js"),t=require("../icon/icon.component.js"),o=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("../../__internal__/utils/logger/index.js"),l=require("../icon-button/icon-button.component.js"),i=require("../../hooks/__internal__/useLocale/useLocale.js");function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}let c=!1;const u=u=>{var{wrapText:s,borderColor:p,colorVariant:b="neutral",isDarkBackground:f=!1,children:d,fill:O=!1,maxWidth:j,onClick:y,onDelete:g,pillRole:h="tag",size:m="M",ariaLabelOfRemoveButton:k}=u,v=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},l=Object.keys(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)t=l[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(u,["wrapText","borderColor","colorVariant","isDarkBackground","children","fill","maxWidth","onClick","onDelete","pillRole","size","ariaLabelOfRemoveButton"]);const w=i.default();return c||f||"neutralWhite"!==b||O||(c=!0,n.default.warn("[WARNING] The `neutralWhite` variant should only be used on dark backgrounds with fill set to true. Please set the `isDarkBackground` and `fill` props to true or use another color variant.")),e.jsxs(r.default,(x=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){a(e,r,t[r])}))}return e}({inFill:O,colorVariant:b,isDarkBackground:f,isDeletable:!!g,pillRole:h,size:m,borderColor:p,onClick:y,maxWidth:j,wrapText:s},v,o.default("pill",v)),P=null!=(P={children:[d,g&&e.jsx(l.default,{onClick:g,"data-element":"close","aria-label":k||w.pill.remove(d),children:e.jsx(t.default,{type:"cross"})})]})?P:{},Object.getOwnPropertyDescriptors?Object.defineProperties(x,Object.getOwnPropertyDescriptors(P)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(P)).forEach((function(e){Object.defineProperty(x,e,Object.getOwnPropertyDescriptor(P,e))})),x));var x,P};exports.Pill=u,exports.default=u;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("./pill.style.js"),t=require("../icon/icon.component.js"),n=require("../../__internal__/utils/helpers/tags/tags.js"),o=require("../../hooks/__internal__/useLocale/useLocale.js");function l(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const i={neutral:"grey",positive:"green",negative:"red",warning:"orange",information:"blue",neutralWhite:"grey"},a=a=>{var{wrapText:c,borderColor:s,colorVariant:u,variant:p,isDarkBackground:b=!1,inverse:f=!1,icon:y,children:O,fill:d=!1,maxWidth:j,onClick:g,onDelete:v,pillRole:m,size:h="M",ariaLabelOfRemoveButton:w}=a,x=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(a,["wrapText","borderColor","colorVariant","variant","isDarkBackground","inverse","icon","children","fill","maxWidth","onClick","onDelete","pillRole","size","ariaLabelOfRemoveButton"]);const P=o.default(),k=null!=m?m:"tag",D=((e,r)=>void 0!==e?e:void 0!==r?i[r]:"grey")(p,u);return e.jsxs(r.default,(_=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){l(e,r,t[r])}))}return e}({$inFill:d,$colorVariant:D,$inverse:f||b,$isDeletable:!!v,$pillRole:k,$size:h,$borderColor:s,onClick:g,$maxWidth:j,$wrapText:c},x,n.default("pill",x)),$=null!=($={children:[y,O,v&&e.jsx(r.StyledDeleteButton,{type:"button",onClick:e=>v(e),"data-element":"close","aria-label":w||P.pill.remove(O),children:e.jsx(t.default,{type:"cross"})})]})?$:{},Object.getOwnPropertyDescriptors?Object.defineProperties(_,Object.getOwnPropertyDescriptors($)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object($)).forEach((function(e){Object.defineProperty(_,e,Object.getOwnPropertyDescriptor($,e))})),_));var _,$};exports.Pill=a,exports.default=a;
@@ -1,20 +1,25 @@
1
1
  interface StyledPillInnerConfigProps {
2
2
  varietyColor: string;
3
+ varietyColorAlt: string;
4
+ varietyBorderColor: string;
3
5
  buttonFocus: string;
6
+ buttonFocusAlt: string;
4
7
  content: string;
8
+ contentAlt: string;
5
9
  }
6
10
  interface StyledPillConfig {
7
11
  status: {
8
- neutral: StyledPillInnerConfigProps;
9
- negative: StyledPillInnerConfigProps;
10
- warning: StyledPillInnerConfigProps;
11
- positive: StyledPillInnerConfigProps;
12
- information: StyledPillInnerConfigProps;
13
- neutralWhite: StyledPillInnerConfigProps;
14
- };
15
- tag: {
16
- primary: StyledPillInnerConfigProps;
12
+ grey: StyledPillInnerConfigProps;
13
+ green: StyledPillInnerConfigProps;
14
+ red: StyledPillInnerConfigProps;
15
+ orange: StyledPillInnerConfigProps;
16
+ blue: StyledPillInnerConfigProps;
17
+ purple: StyledPillInnerConfigProps;
18
+ teal: StyledPillInnerConfigProps;
19
+ lime: StyledPillInnerConfigProps;
20
+ pink: StyledPillInnerConfigProps;
21
+ slate: StyledPillInnerConfigProps;
17
22
  };
18
23
  }
19
- declare const _default: (isDarkBackground: boolean) => StyledPillConfig;
24
+ declare const _default: (inverse: boolean) => StyledPillConfig;
20
25
  export default _default;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=o=>({status:{neutral:{varietyColor:o?"var(--colorsSemanticNeutral400)":"var(--colorsSemanticNeutral500)",buttonFocus:o?"var(--colorsSemanticNeutral500)":"var(--colorsSemanticNeutral600)",content:o?"var(--colorsSemanticNeutralYin090)":"var(--colorsSemanticNeutralYang100)"},negative:{varietyColor:o?"var(--colorsSemanticNegative450)":"var(--colorsSemanticNegative500)",buttonFocus:o?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNegative600)",content:o?"var(--colorsSemanticNegativeYin090)":"var(--colorsSemanticNegativeYang100)"},warning:{varietyColor:"var(--colorsSemanticCaution400)",buttonFocus:"var(--colorsSemanticCaution600)",content:"var(--colorsSemanticCautionYin090)"},positive:{varietyColor:o?"var(--colorsSemanticPositive400)":"var(--colorsSemanticPositive500)",buttonFocus:o?"var(--colorsSemanticPositive500)":"var(--colorsSemanticPositive600)",content:o?"var(--colorsSemanticPositiveYin090)":"var(--colorsSemanticPositiveYang100)"},information:{varietyColor:o?"var(--colorsSemanticInfo400)":"var(--colorsSemanticInfo500)",buttonFocus:o?"var(--colorsSemanticInfo500)":"var(--colorsSemanticInfo600)",content:o?"var(--colorsSemanticInfoYin090)":"var(--colorsSemanticInfoYang100)"},neutralWhite:{varietyColor:"var(--colorsSemanticNeutralYang100)",buttonFocus:"var(--colorsSemanticNeutralYin030)",content:"var(--colorsSemanticNeutral500)"}},tag:{primary:{varietyColor:"var(--colorsActionMajor500)",buttonFocus:"var(--colorsActionMajor600)",content:"var(--colorsActionMajorYang100)"}}});
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=l=>{const e=l?"var(--pill-generic-inverse-label-default)":"var(--pill-generic-label-default)",r=l?"var(--pill-generic-inverse-label-alt-default)":"var(--pill-generic-label-alt-default)";return{status:{grey:{varietyColor:l?"var(--pill-gray-inverse-bg-default)":"var(--pill-gray-bg-default)",varietyColorAlt:l?"var(--pill-gray-inverse-bg-alt-default)":"var(--pill-gray-bg-alt-default)",varietyBorderColor:l?"var(--pill-gray-inverse-border-default)":"var(--pill-gray-border-default)",buttonFocus:l?"var(--pill-gray-inverse-bg-hover)":"var(--pill-gray-bg-hover)",buttonFocusAlt:l?"var(--pill-gray-inverse-bg-alt-hover)":"var(--pill-gray-bg-alt-hover)",content:e,contentAlt:r},green:{varietyColor:l?"var(--pill-green-inverse-bg-default)":"var(--pill-green-bg-default)",varietyColorAlt:l?"var(--pill-green-inverse-bg-alt-default)":"var(--pill-green-bg-alt-default)",varietyBorderColor:l?"var(--pill-green-inverse-border-default)":"var(--pill-green-border-default)",buttonFocus:l?"var(--pill-green-inverse-bg-hover)":"var(--pill-green-bg-hover)",buttonFocusAlt:l?"var(--pill-green-inverse-bg-alt-hover)":"var(--pill-green-bg-alt-hover)",content:e,contentAlt:r},red:{varietyColor:l?"var(--pill-red-inverse-bg-default)":"var(--pill-red-bg-default)",varietyColorAlt:l?"var(--pill-red-inverse-bg-alt-default)":"var(--pill-red-bg-alt-default)",varietyBorderColor:l?"var(--pill-red-inverse-border-default)":"var(--pill-red-border-default)",buttonFocus:l?"var(--pill-red-inverse-bg-hover)":"var(--pill-red-bg-hover)",buttonFocusAlt:l?"var(--pill-red-inverse-bg-alt-hover)":"var(--pill-red-bg-alt-hover)",content:e,contentAlt:r},orange:{varietyColor:l?"var(--pill-orange-inverse-bg-default)":"var(--pill-orange-bg-default)",varietyColorAlt:l?"var(--pill-orange-inverse-bg-alt-default)":"var(--pill-orange-bg-alt-default)",varietyBorderColor:l?"var(--pill-orange-inverse-border-default)":"var(--pill-orange-border-default)",buttonFocus:l?"var(--pill-orange-inverse-bg-hover)":"var(--pill-orange-bg-hover)",buttonFocusAlt:l?"var(--pill-orange-inverse-bg-alt-hover)":"var(--pill-orange-bg-alt-hover)",content:e,contentAlt:r},blue:{varietyColor:l?"var(--pill-blue-inverse-bg-default)":"var(--pill-blue-bg-default)",varietyColorAlt:l?"var(--pill-blue-inverse-bg-alt-default)":"var(--pill-blue-bg-alt-default)",varietyBorderColor:l?"var(--pill-blue-inverse-border-default)":"var(--pill-blue-border-default)",buttonFocus:l?"var(--pill-blue-inverse-bg-hover)":"var(--pill-blue-bg-hover)",buttonFocusAlt:l?"var(--pill-blue-inverse-bg-alt-hover)":"var(--pill-blue-bg-alt-hover)",content:e,contentAlt:r},purple:{varietyColor:l?"var(--pill-purple-inverse-bg-default)":"var(--pill-purple-bg-default)",varietyColorAlt:l?"var(--pill-purple-inverse-bg-alt-default)":"var(--pill-purple-bg-alt-default)",varietyBorderColor:l?"var(--pill-purple-inverse-border-default)":"var(--pill-purple-border-default)",buttonFocus:l?"var(--pill-purple-inverse-bg-hover)":"var(--pill-purple-bg-hover)",buttonFocusAlt:l?"var(--pill-purple-inverse-bg-alt-hover)":"var(--pill-purple-bg-alt-hover)",content:e,contentAlt:r},teal:{varietyColor:"var(--pill-teal-bg-default)",varietyColorAlt:"var(--pill-teal-bg-alt-default)",varietyBorderColor:"var(--pill-teal-border-default)",buttonFocus:"var(--pill-teal-bg-hover)",buttonFocusAlt:"var(--pill-teal-bg-alt-hover)",content:e,contentAlt:r},lime:{varietyColor:"var(--pill-lime-bg-default)",varietyColorAlt:"var(--pill-lime-bg-alt-default)",varietyBorderColor:"var(--pill-lime-border-default)",buttonFocus:"var(--pill-lime-bg-hover)",buttonFocusAlt:"var(--pill-lime-bg-alt-hover)",content:e,contentAlt:r},pink:{varietyColor:"var(--pill-pink-bg-default)",varietyColorAlt:"var(--pill-pink-bg-alt-default)",varietyBorderColor:"var(--pill-pink-border-default)",buttonFocus:"var(--pill-pink-bg-hover)",buttonFocusAlt:"var(--pill-pink-bg-alt-hover)",content:e,contentAlt:r},slate:{varietyColor:"var(--pill-slate-bg-default)",varietyColorAlt:"var(--pill-slate-bg-alt-default)",varietyBorderColor:"var(--pill-slate-border-default)",buttonFocus:"var(--pill-slate-bg-hover)",buttonFocusAlt:"var(--pill-slate-bg-alt-hover)",content:e,contentAlt:r}}}};
@@ -5,20 +5,28 @@ export interface StyledPillProps extends MarginProps {
5
5
  borderColor?: string;
6
6
  /** Sets the max-width of the pill. */
7
7
  maxWidth?: string;
8
- /** Sets the size of the pill. */
8
+ /**
9
+ * Sets the size of the pill.
10
+ * @deprecated The `XL` size is deprecated and will be removed in a future release. Use `L` instead.
11
+ */
9
12
  size?: "S" | "M" | "L" | "XL";
10
13
  /** @private @ignore */
11
14
  theme?: Partial<ThemeObject>;
12
15
  /** Allow the text within pill to wrap. */
13
16
  wrapText?: boolean;
14
17
  }
15
- interface AllStyledPillProps extends StyledPillProps {
16
- inFill?: boolean;
17
- isDeletable: boolean;
18
- isDarkBackground: boolean;
19
- colorVariant: "neutral" | "negative" | "positive" | "warning" | "information" | "neutralWhite";
20
- pillRole: "tag" | "status";
18
+ interface AllStyledPillProps extends MarginProps {
19
+ $borderColor?: StyledPillProps["borderColor"];
20
+ $maxWidth?: StyledPillProps["maxWidth"];
21
+ $size?: StyledPillProps["size"];
22
+ $wrapText?: StyledPillProps["wrapText"];
23
+ $inFill?: boolean;
24
+ $isDeletable: boolean;
25
+ $inverse: boolean;
26
+ $colorVariant: "grey" | "green" | "red" | "orange" | "blue" | "purple" | "teal" | "lime" | "pink" | "slate";
27
+ $pillRole: "tag" | "status";
21
28
  }
29
+ export declare const StyledDeleteButton: import("styled-components").StyledComponent<"button", any, {}, never>;
22
30
  declare const StyledPill: import("styled-components").StyledComponent<"span", any, {
23
31
  theme: object;
24
32
  } & AllStyledPillProps, "theme">;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),i=require("./pill.style.config.js"),r=require("../../style/themes/apply-base-theme.js"),o=require("../icon/icon.style.js"),s=require("../icon-button/icon-button.style.js"),a=require("../../style/utils/color.js"),l=require("../../style/utils/get-color-value.js"),n=require("../../style/utils/get-hex-value.js"),d=require("../../style/utils/get-accessible-foreground-color.js");function p(e){return e&&e.__esModule?e:{default:e}}const u=p(e).default.span.attrs(r.default).withConfig({displayName:"pill.style__StyledPill",componentId:"carbon_v161_4_1__sc-a06400b-0"})([""," ",""],t.margin,(({wrapText:t,borderColor:r,colorVariant:p,isDarkBackground:u,isDeletable:c,inFill:h,maxWidth:g,pillRole:x,size:f,theme:b})=>{const y="status"===x;let v,m,w;if(r){v=a.toColor(b,r);const e=l.default(v);w=d.default(n.default(e),!1,!0)}else{const{status:e,tag:t}=i.default(u),{varietyColor:r,buttonFocus:o,content:s}=y?e[p]:t.primary;v=r,m=o,w=s}return e.css(["font-size:12px;letter-spacing:0.7px;font-weight:500;position:relative;display:inline-flex;text-align:center;align-items:center;justify-content:center;border:2px solid ",";border-radius:var(--borderRadius025);height:auto;"," "," color:",";"," "," "," "," "," "," "," ",""],v,!t&&e.css(["white-space:nowrap;"]),t&&e.css(["overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:manual;"]),w,h&&e.css(["background-color:",";"],v),!h&&e.css(["color:",";"],u?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)"),"S"===f&&e.css(["min-height:16px;line-height:16px;font-size:12px;padding:0 8px;"]),"M"===f&&e.css(["min-height:20px;line-height:20px;font-size:14px;padding:0 8px;"]),"L"===f&&e.css(["min-height:24px;line-height:24px;font-size:14px;padding:0 8px;"]),"XL"===f&&e.css(["min-height:28px;line-height:28px;font-size:16px;padding:0 12px;"]),c&&e.css(["","{-webkit-appearance:none;border-radius:var(--borderRadius000);border:none;bottom:0;font-size:100%;position:absolute;right:0;top:0;width:20px;margin:0;line-height:16px;&:focus{border-radius:var(--borderRadius000) var(--borderRadius025) var(--borderRadius025) var(--borderRadius000);::-moz-focus-inner{border:0;}","{color:",";}","}&:hover{background-color:",";cursor:pointer;","{color:",";}}"," ","{height:unset;width:unset;color:",";","}}"," "," "," ",""],s.default,o.default,w,r?e.css(["&::before{border-radius:var(--borderRadius000) var(--borderRadius025) var(--borderRadius025) var(--borderRadius000);}"]):e.css(["background-color:",";"],m),m,o.default,w,r&&e.css(['&:hover,&:focus{&::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:',";filter:brightness(0.9);}}"],v),o.default,w,!h&&e.css(["color:",";"],u?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)"),"S"===f&&e.css(["padding:0 22px 0 8px;","{padding:0;line-height:16px;","{top:-2px;&:before{font-size:16px;}}}"],s.default,o.default),"M"===f&&e.css(["padding:0 28px 0 8px;","{width:24px;padding:0;line-height:15px;}"],s.default),"L"===f&&e.css(["padding:0 32px 0 8px;","{width:28px;padding:0;line-height:16px;}"],s.default),"XL"===f&&e.css(["padding:0 36px 0 12px;","{width:32px;padding:0;line-height:18px;}"],s.default)),g&&`max-width: ${g}`)}));exports.default=u;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),o=require("styled-system"),s=require("./pill.style.config.js"),t=require("../../style/themes/apply-base-theme.js"),r=require("../icon/icon.style.js"),a=require("../../style/utils/add-focus-styling.js"),l=require("../../style/utils/color.js"),i=require("../../style/utils/get-color-value.js"),n=require("../../style/utils/get-hex-value.js"),c=require("../../style/utils/get-accessible-foreground-color.js");function d(e){return e&&e.__esModule?e:{default:e}}var p=d(e);const u=p.default.button.withConfig({displayName:"pill.style__StyledDeleteButton",componentId:"carbon_v161_5_0__sc-e085f6af-0"})([""]),g=p.default.span.attrs(t.default).withConfig({displayName:"pill.style__StyledPill",componentId:"carbon_v161_5_0__sc-e085f6af-1"})([""," ",""],o.margin,(({$wrapText:o,$borderColor:t,$colorVariant:d,$inverse:p,$isDeletable:g,$inFill:b,$maxWidth:h,$size:f,theme:v})=>{let x,m,y,w,_,z,j;if(t){x=l.toColor(v,t),m=x,y=x;const e=i.default(x);z=c.default(n.default(e),!1,!0),j=z}else{const{status:e}=s.default(p),{varietyColor:o,varietyColorAlt:t,varietyBorderColor:r,buttonFocus:a,buttonFocusAlt:l,content:i,contentAlt:n}=e[d];x=o,m=t,y=r,w=a,_=l,z=i,j=n}const q=b||t?z:j,$=b||t?w:_;return e.css(["position:relative;display:inline-flex;text-align:center;align-items:center;justify-content:center;gap:var(--global-space-comp-xs);border:var(--global-borderwidth-s) solid ",";border-radius:var(--global-radius-container-s);height:auto;box-sizing:border-box;"," "," color:",";","{color:inherit;width:var(--global-size-2-xs);height:var(--global-size-2-xs);padding:var(--global-space-comp-xs);box-sizing:border-box;}"," "," font-family:var(--global-font-families-component);font-weight:500;line-height:1;"," "," "," "," "," ",""],y,!o&&e.css(["white-space:nowrap;"]),o&&e.css(["overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:manual;"]),z,r.default,b&&e.css(["background-color:",";"],x),!b&&e.css(["",""],t?e.css(["color:",";"],p?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)"):e.css(["background-color:",";color:",";"],m,j)),"S"===f&&e.css(["min-height:var(--global-size-2-xs);font-size:14px;padding:0 var(--global-space-comp-s);"]),"M"===f&&e.css(["min-height:var(--global-size-xs);font-size:14px;padding:0 var(--global-space-comp-s);"]),"L"===f&&e.css(["min-height:28px;font-size:16px;padding:0 var(--global-space-comp-s);"]),"XL"===f&&e.css(["min-height:28px;font-size:16px;padding:0 12px;"]),g&&e.css(["","{-webkit-appearance:none;background:transparent;border-radius:0 var(--global-radius-container-s) var(--global-radius-container-s) 0;border:none;bottom:0;font-size:100%;position:absolute;right:0;top:0;width:20px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:",";"," ","{color:currentColor;height:unset;width:unset;}&:focus{"," color:",";::-moz-focus-inner{border:0;}","}&:hover{background-color:",";color:",";}","}"," "," "," ",""],u,q,!b&&t&&e.css(["color:",";"],p?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)"),r.default,a.default(),q,t?e.css(["&::before{border-radius:0 var(--global-radius-container-s) var(--global-radius-container-s) 0;}"]):e.css(["background-color:",";"],b?w:_),$,q,t&&e.css(['&:hover,&:focus{&::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:',";filter:brightness(0.9);}}"],x),"S"===f&&e.css(["padding:0 calc(20px + var(--global-space-comp-xs)) 0 var(--global-space-comp-s);"]),"M"===f&&e.css(["padding:0 calc(24px + var(--global-space-comp-xs)) 0 var(--global-space-comp-s);","{width:24px;padding:0;}"],u),"L"===f&&e.css(["padding:0 calc(28px + var(--global-space-comp-xs)) 0 var(--global-space-comp-s);","{width:28px;padding:0;}"],u),"XL"===f&&e.css(["padding:0 calc(32px + var(--global-space-comp-xs)) 0 12px;","{width:32px;padding:0;line-height:18px;}"],u)),h&&`max-width: ${h}`)}));exports.StyledDeleteButton=u,exports.default=g;
@@ -1 +1 @@
1
- "use strict";var o=require("styled-components"),r=require("styled-system"),t=require("../../style/themes/apply-base-theme.js"),e=require("../link/link.style.js"),i=require("../icon-button/icon-button.component.js"),a=require("../icon/icon.style.js");function n(o){return o&&o.__esModule?o:{default:o}}var l=n(o);const s=l.default.div.attrs(t.default).withConfig({displayName:"pod.style__StyledPod",componentId:"carbon_v161_4_1__sc-b71164e0-0"})([""," display:flex;align-items:flex-start;width:100%;",";",";&:focus{outline:none;}"],r.margin,(({internalEditButton:o})=>o&&"position: relative"),(({height:o})=>o&&`height: ${o}`)),d={primary:"var(--colorsUtilityYang100)",secondary:"var(--colorsUtilityMajor025)",tertiary:"var(--colorsUtilityMajor040)",transparent:"var(--colorsUtilityMajorTransparent)",tile:"var(--colorsUtilityYang100)"},c=l.default.div.withConfig({displayName:"pod.style__StyledBlock",componentId:"carbon_v161_4_1__sc-b71164e0-1"})(["",""],(({variant:r,softDelete:t,noBorder:e,hasButtons:i,contentTriggersEdit:a,fullWidth:n,internalEditButton:l,isHovered:s,isFocused:c})=>o.css(["box-sizing:border-box;border-radius:var(--borderRadius100);display:flex;flex-direction:column;background-color:",";width:100%;height:100%;",";",";",";",";"," "," ",";"],d[r],"tile"===r&&"box-shadow: 0 2px 3px 0 rgba(2, 18, 36, 0.2)",e?"border: none":"border: 1px solid var(--colorsUtilityMajor100)",i&&!(n||l)&&"width: auto;",a&&"cursor: pointer",(s||c)&&o.css(["background-color:var(--colorsUtilityMajor075);"," ",""],l&&"tile"===r&&"background-color: var(--colorsUtilityMajorTransparent);",a&&o.css(["background-color:var(--colorsActionMajor600);*{color:var(--colorsUtilityYang100);}"])),(!l||a)&&(c?o.css(["outline:3px solid var(--colorsSemanticFocus500);border:none;padding:","px;"],e?0:1):o.css(["outline:none;"])),t&&o.css(["border:none;background-color:var(--colorsActionDisabled500);& > *{color:var(--colorsUtilityYin065);}"])))),p={"extra-small":"8px",small:"8px",medium:"16px",large:"32px 24px","extra-large":"40px"},u=l.default.div.withConfig({displayName:"pod.style__StyledContent",componentId:"carbon_v161_4_1__sc-b71164e0-2"})(["text-align:left;padding:",";flex-grow:1;"],(({size:o})=>p[o])),x={"extra-small":"8px",small:"8px",medium:"8px 16px",large:"16px 24px","extra-large":"24px 40px"},b=l.default.div.withConfig({displayName:"pod.style__StyledFooter",componentId:"carbon_v161_4_1__sc-b71164e0-3"})(["",""],(({variant:r,size:t,softDelete:e})=>o.css(["background-color:var(--colorsUtilityMajor025);border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius100);box-shadow:inset 0px 1px 1px 0 rgba(0,0,0,0.1);color:var(--colorsUtilityYin090);padding:",";",";",";"],x[t],e&&"color: var(--colorsUtilityYin055)","tile"===r&&"border-top: 1px solid var(--colorsUtilityMajor100)"))),g=l.default.div.withConfig({displayName:"pod.style__StyledActionsContainer",componentId:"carbon_v161_4_1__sc-b71164e0-4"})(["display:flex;flex-direction:column;",""],(({internalEditButton:r})=>r&&o.css(["position:absolute;right:2px;top:2px;z-index:10;"]))),v={"extra-small":34,small:34,medium:50,large:50,"extra-large":50},y={primary:"var(--colorsActionMajorYang100)",secondary:"var(--colorsActionMinor050)",tertiary:"var(--colorsActionMinor100)",transparent:"var(--colorsActionMajorTransparent)",tile:"var(--colorsActionMajorYang100)"},_=l.default(i.default).withConfig({displayName:"pod.style__StyledEditAction",componentId:"carbon_v161_4_1__sc-b71164e0-5"})(["&&{",";}","{clip:rect(1px,1px,1px,1px);position:absolute;}"],(({displayOnlyOnHover:r,isHovered:t,isFocused:e,variant:i,size:n,internalEditButton:l,noBorder:s})=>o.css(["cursor:pointer;background-color:",";border:1px solid var(--colorsActionMinor200);margin-left:8px;margin-bottom:8px;box-sizing:border-box;height:",";width:",";display:flex;align-items:center;justify-content:center;border-radius:var(--borderRadius100);","{top:-2px;height:16px;width:16px;color:var(--colorsActionMajor500);}"," "," "," "," ",";"],y[i],`${v[n]}px`,`${v[n]}px`,a.default,r&&!(t||e)&&"display: none",s&&"border: none;",l&&o.css(["border:none;background:var(--colorsActionMajorTransparent);"]),(t||e)&&!l&&o.css(["background-color:var(--colorsActionMajor600);color:var(--colorsActionMajorYang100);","{color:var(--colorsActionMajorYang100);}"],a.default),e&&o.css(["outline:3px solid var(--colorsSemanticFocus500);border:none;"]))),e.StyledContent),m=l.default(i.default).withConfig({displayName:"pod.style__StyledDeleteButton",componentId:"carbon_v161_4_1__sc-b71164e0-6"})(["&&{","}"],(({noBorder:r,internalEditButton:t,isHovered:e,isFocused:i,variant:n,size:l})=>o.css(["cursor:pointer;background-color:",";border:",";margin-left:8px;margin-bottom:8px;box-sizing:border-box;height:",";width:",";border-radius:var(--borderRadius100);","{top:-2px;height:16px;width:16px;color:var(--colorsSemanticNegative500);}"," "," ",";"],y[n],r?"none":"1px solid var(--colorsActionMinor200)",`${v[l]}px`,`${v[l]}px`,a.default,t&&o.css(["border:none;background:var(--colorsActionMajorTransparent);"]),(e||i)&&!t&&o.css(["background-color:var(--colorsSemanticNegative600);color:var(--colorsActionMajorYang100);","{color:var(--colorsActionMajorYang100);}"],a.default),i&&o.css(["outline:3px solid var(--colorsSemanticFocus500);border:none;"])))),f=l.default(i.default).withConfig({displayName:"pod.style__StyledUndoButton",componentId:"carbon_v161_4_1__sc-b71164e0-7"})(["&&{","}"],(({isHovered:r,isFocused:t,variant:e,size:i,noBorder:n,internalEditButton:l})=>o.css(["cursor:pointer;background-color:",";border:1px solid var(--colorsActionMinor200);margin-left:8px;margin-bottom:8px;box-sizing:border-box;height:",";width:",";border-radius:var(--borderRadius100);","{top:-2px;height:16px;width:16px;color:var(--colorsActionMajor500);}"," "," "," ",";"],y[e],`${v[i]}px`,`${v[i]}px`,a.default,n&&"border: none;",l&&o.css(["border:none;background:var(--colorsActionMajorTransparent);"]),(r||t)&&!l&&o.css(["background-color:var(--colorsActionMajor600);color:var(--colorsActionMajorYang100);","{color:var(--colorsActionMajorYang100);}"],a.default),t&&o.css(["outline:3px solid var(--colorsSemanticFocus500);border:none;"])))),h={"extra-small":20,small:25,medium:30,large:30,"extra-large":30},M=l.default.div.withConfig({displayName:"pod.style__StyledHeader",componentId:"carbon_v161_4_1__sc-b71164e0-8"})(["",""],(({alignTitle:r,internalEditButton:t,size:e})=>o.css(["margin-bottom:24px;text-align:",";",";"],r,"right"===r&&t&&o.css(["margin-right:","px;"],h[e])))),S=l.default.h5.withConfig({displayName:"pod.style__StyledSubtitle",componentId:"carbon_v161_4_1__sc-b71164e0-9"})(["margin-top:8px;font-size:14px;font-weight:normal;"]),j=l.default.h4.withConfig({displayName:"pod.style__StyledTitle",componentId:"carbon_v161_4_1__sc-b71164e0-10"})(["display:inline;font-size:18px;font-weight:500;"]);exports.StyledActionsContainer=g,exports.StyledBlock=c,exports.StyledContent=u,exports.StyledDeleteButton=m,exports.StyledEditAction=_,exports.StyledFooter=b,exports.StyledHeader=M,exports.StyledPod=s,exports.StyledSubtitle=S,exports.StyledTitle=j,exports.StyledUndoButton=f;
1
+ "use strict";var o=require("styled-components"),r=require("styled-system"),t=require("../../style/themes/apply-base-theme.js"),e=require("../link/link.style.js"),i=require("../icon-button/icon-button.component.js"),a=require("../icon/icon.style.js");function n(o){return o&&o.__esModule?o:{default:o}}var l=n(o);const s=l.default.div.attrs(t.default).withConfig({displayName:"pod.style__StyledPod",componentId:"carbon_v161_5_0__sc-b71164e0-0"})([""," display:flex;align-items:flex-start;width:100%;",";",";&:focus{outline:none;}"],r.margin,(({internalEditButton:o})=>o&&"position: relative"),(({height:o})=>o&&`height: ${o}`)),d={primary:"var(--colorsUtilityYang100)",secondary:"var(--colorsUtilityMajor025)",tertiary:"var(--colorsUtilityMajor040)",transparent:"var(--colorsUtilityMajorTransparent)",tile:"var(--colorsUtilityYang100)"},c=l.default.div.withConfig({displayName:"pod.style__StyledBlock",componentId:"carbon_v161_5_0__sc-b71164e0-1"})(["",""],(({variant:r,softDelete:t,noBorder:e,hasButtons:i,contentTriggersEdit:a,fullWidth:n,internalEditButton:l,isHovered:s,isFocused:c})=>o.css(["box-sizing:border-box;border-radius:var(--borderRadius100);display:flex;flex-direction:column;background-color:",";width:100%;height:100%;",";",";",";",";"," "," ",";"],d[r],"tile"===r&&"box-shadow: 0 2px 3px 0 rgba(2, 18, 36, 0.2)",e?"border: none":"border: 1px solid var(--colorsUtilityMajor100)",i&&!(n||l)&&"width: auto;",a&&"cursor: pointer",(s||c)&&o.css(["background-color:var(--colorsUtilityMajor075);"," ",""],l&&"tile"===r&&"background-color: var(--colorsUtilityMajorTransparent);",a&&o.css(["background-color:var(--colorsActionMajor600);*{color:var(--colorsUtilityYang100);}"])),(!l||a)&&(c?o.css(["outline:3px solid var(--colorsSemanticFocus500);border:none;padding:","px;"],e?0:1):o.css(["outline:none;"])),t&&o.css(["border:none;background-color:var(--colorsActionDisabled500);& > *{color:var(--colorsUtilityYin065);}"])))),p={"extra-small":"8px",small:"8px",medium:"16px",large:"32px 24px","extra-large":"40px"},u=l.default.div.withConfig({displayName:"pod.style__StyledContent",componentId:"carbon_v161_5_0__sc-b71164e0-2"})(["text-align:left;padding:",";flex-grow:1;"],(({size:o})=>p[o])),x={"extra-small":"8px",small:"8px",medium:"8px 16px",large:"16px 24px","extra-large":"24px 40px"},b=l.default.div.withConfig({displayName:"pod.style__StyledFooter",componentId:"carbon_v161_5_0__sc-b71164e0-3"})(["",""],(({variant:r,size:t,softDelete:e})=>o.css(["background-color:var(--colorsUtilityMajor025);border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius100);box-shadow:inset 0px 1px 1px 0 rgba(0,0,0,0.1);color:var(--colorsUtilityYin090);padding:",";",";",";"],x[t],e&&"color: var(--colorsUtilityYin055)","tile"===r&&"border-top: 1px solid var(--colorsUtilityMajor100)"))),g=l.default.div.withConfig({displayName:"pod.style__StyledActionsContainer",componentId:"carbon_v161_5_0__sc-b71164e0-4"})(["display:flex;flex-direction:column;",""],(({internalEditButton:r})=>r&&o.css(["position:absolute;right:2px;top:2px;z-index:10;"]))),v={"extra-small":34,small:34,medium:50,large:50,"extra-large":50},y={primary:"var(--colorsActionMajorYang100)",secondary:"var(--colorsActionMinor050)",tertiary:"var(--colorsActionMinor100)",transparent:"var(--colorsActionMajorTransparent)",tile:"var(--colorsActionMajorYang100)"},_=l.default(i.default).withConfig({displayName:"pod.style__StyledEditAction",componentId:"carbon_v161_5_0__sc-b71164e0-5"})(["&&{",";}","{clip:rect(1px,1px,1px,1px);position:absolute;}"],(({displayOnlyOnHover:r,isHovered:t,isFocused:e,variant:i,size:n,internalEditButton:l,noBorder:s})=>o.css(["cursor:pointer;background-color:",";border:1px solid var(--colorsActionMinor200);margin-left:8px;margin-bottom:8px;box-sizing:border-box;height:",";width:",";display:flex;align-items:center;justify-content:center;border-radius:var(--borderRadius100);","{top:-2px;height:16px;width:16px;color:var(--colorsActionMajor500);}"," "," "," "," ",";"],y[i],`${v[n]}px`,`${v[n]}px`,a.default,r&&!(t||e)&&"display: none",s&&"border: none;",l&&o.css(["border:none;background:var(--colorsActionMajorTransparent);"]),(t||e)&&!l&&o.css(["background-color:var(--colorsActionMajor600);color:var(--colorsActionMajorYang100);","{color:var(--colorsActionMajorYang100);}"],a.default),e&&o.css(["outline:3px solid var(--colorsSemanticFocus500);border:none;"]))),e.StyledContent),m=l.default(i.default).withConfig({displayName:"pod.style__StyledDeleteButton",componentId:"carbon_v161_5_0__sc-b71164e0-6"})(["&&{","}"],(({noBorder:r,internalEditButton:t,isHovered:e,isFocused:i,variant:n,size:l})=>o.css(["cursor:pointer;background-color:",";border:",";margin-left:8px;margin-bottom:8px;box-sizing:border-box;height:",";width:",";border-radius:var(--borderRadius100);","{top:-2px;height:16px;width:16px;color:var(--colorsSemanticNegative500);}"," "," ",";"],y[n],r?"none":"1px solid var(--colorsActionMinor200)",`${v[l]}px`,`${v[l]}px`,a.default,t&&o.css(["border:none;background:var(--colorsActionMajorTransparent);"]),(e||i)&&!t&&o.css(["background-color:var(--colorsSemanticNegative600);color:var(--colorsActionMajorYang100);","{color:var(--colorsActionMajorYang100);}"],a.default),i&&o.css(["outline:3px solid var(--colorsSemanticFocus500);border:none;"])))),f=l.default(i.default).withConfig({displayName:"pod.style__StyledUndoButton",componentId:"carbon_v161_5_0__sc-b71164e0-7"})(["&&{","}"],(({isHovered:r,isFocused:t,variant:e,size:i,noBorder:n,internalEditButton:l})=>o.css(["cursor:pointer;background-color:",";border:1px solid var(--colorsActionMinor200);margin-left:8px;margin-bottom:8px;box-sizing:border-box;height:",";width:",";border-radius:var(--borderRadius100);","{top:-2px;height:16px;width:16px;color:var(--colorsActionMajor500);}"," "," "," ",";"],y[e],`${v[i]}px`,`${v[i]}px`,a.default,n&&"border: none;",l&&o.css(["border:none;background:var(--colorsActionMajorTransparent);"]),(r||t)&&!l&&o.css(["background-color:var(--colorsActionMajor600);color:var(--colorsActionMajorYang100);","{color:var(--colorsActionMajorYang100);}"],a.default),t&&o.css(["outline:3px solid var(--colorsSemanticFocus500);border:none;"])))),h={"extra-small":20,small:25,medium:30,large:30,"extra-large":30},M=l.default.div.withConfig({displayName:"pod.style__StyledHeader",componentId:"carbon_v161_5_0__sc-b71164e0-8"})(["",""],(({alignTitle:r,internalEditButton:t,size:e})=>o.css(["margin-bottom:24px;text-align:",";",";"],r,"right"===r&&t&&o.css(["margin-right:","px;"],h[e])))),S=l.default.h5.withConfig({displayName:"pod.style__StyledSubtitle",componentId:"carbon_v161_5_0__sc-b71164e0-9"})(["margin-top:8px;font-size:14px;font-weight:normal;"]),j=l.default.h4.withConfig({displayName:"pod.style__StyledTitle",componentId:"carbon_v161_5_0__sc-b71164e0-10"})(["display:inline;font-size:18px;font-weight:500;"]);exports.StyledActionsContainer=g,exports.StyledBlock=c,exports.StyledContent=u,exports.StyledDeleteButton=m,exports.StyledEditAction=_,exports.StyledFooter=b,exports.StyledHeader=M,exports.StyledPod=s,exports.StyledSubtitle=S,exports.StyledTitle=j,exports.StyledUndoButton=f;
@@ -1 +1 @@
1
- "use strict";var o=require("styled-components"),t=require("styled-system"),e=require("../../style/themes/apply-base-theme.js"),n=require("../icon-button/icon-button.component.js"),r=require("../icon/icon.style.js"),i=require("../form/form.style.js");function a(o){return o&&o.__esModule?o:{default:o}}var s=a(o);const p=s.default.div.withConfig({displayName:"popover-container.style__PopoverContainerWrapperStyle",componentId:"carbon_v161_4_1__sc-9c729487-0"})(["position:relative;display:inline-block;",""],(({hasFullWidth:t})=>t&&o.css(["width:100%;"]))),l=s.default.div.withConfig({displayName:"popover-container.style__PopoverContainerTitleStyle",componentId:"carbon_v161_4_1__sc-9c729487-1"})(["font-size:16px;font-weight:500;"]),c=s.default.div.withConfig({displayName:"popover-container.style__PopoverContainerHeaderStyle",componentId:"carbon_v161_4_1__sc-9c729487-2"})(["display:flex;max-width:280px;&:has(","){margin-bottom:8px;justify-content:space-between;}&:not(:has(",")){justify-content:end;}"],l,l),d=s.default.div.attrs(e.default).withConfig({displayName:"popover-container.style__PopoverContainerContentStyle",componentId:"carbon_v161_4_1__sc-9c729487-3"})([""," background:var(--colorsUtilityYang100);"," box-shadow:var(--boxShadow100);min-width:300px;position:absolute;z-index:",";"," :focus{outline:none;}&:has(",".sticky){display:flex;flex-direction:column;padding:0;",".sticky{","{flex-grow:1;min-height:0;overflow-y:auto;}","{border-bottom-right-radius:var(--borderRadius200);border-bottom-left-radius:var(--borderRadius200);}}}"],t.padding,(({$borderRadius:t="borderRadius100"})=>{const e=t.split(" ").filter(Boolean);return o.css(["border-radius:",";"],e.map((o=>`var(--${o.trim()})`)).join(" "))}),(({zIndex:o})=>o),(({disableAnimation:t,$popoverOffset:e})=>t?o.css(["opacity:1;transform:none;"]):o.css(["&.enter{opacity:0;transform:translateY( ","px );}&.enter-done{opacity:1;transform:translateY(0);transition-property:opacity,transform;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.25,0.25,0,1.5);}&.exit{opacity:0;transform:translateY(-8px);transition-property:opacity,transform;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.25,0.25,0,1.5);}&.exit-done{opacity:0;transform:translateY(0);}"],e?-8:0)),i.StyledForm,i.StyledForm,i.StyledFormContent,i.StyledFormFooter),y=s.default(n.default).withConfig({displayName:"popover-container.style__PopoverContainerOpenIcon",componentId:"carbon_v161_4_1__sc-9c729487-4"})(["color:var(--colorsActionMinor500);","{color:inherit;}"],r.default),u=s.default(n.default).withConfig({displayName:"popover-container.style__PopoverContainerCloseIcon",componentId:"carbon_v161_4_1__sc-9c729487-5"})(["position:absolute;top:16px;right:24px;color:var(--colorsActionMinor500);","{color:inherit;}"],r.default);exports.PopoverContainerCloseIcon=u,exports.PopoverContainerContentStyle=d,exports.PopoverContainerHeaderStyle=c,exports.PopoverContainerOpenIcon=y,exports.PopoverContainerTitleStyle=l,exports.PopoverContainerWrapperStyle=p;
1
+ "use strict";var o=require("styled-components"),t=require("styled-system"),e=require("../../style/themes/apply-base-theme.js"),n=require("../icon-button/icon-button.component.js"),r=require("../icon/icon.style.js"),i=require("../form/form.style.js");function a(o){return o&&o.__esModule?o:{default:o}}var s=a(o);const p=s.default.div.withConfig({displayName:"popover-container.style__PopoverContainerWrapperStyle",componentId:"carbon_v161_5_0__sc-9c729487-0"})(["position:relative;display:inline-block;",""],(({hasFullWidth:t})=>t&&o.css(["width:100%;"]))),l=s.default.div.withConfig({displayName:"popover-container.style__PopoverContainerTitleStyle",componentId:"carbon_v161_5_0__sc-9c729487-1"})(["font-size:16px;font-weight:500;"]),c=s.default.div.withConfig({displayName:"popover-container.style__PopoverContainerHeaderStyle",componentId:"carbon_v161_5_0__sc-9c729487-2"})(["display:flex;max-width:280px;&:has(","){margin-bottom:8px;justify-content:space-between;}&:not(:has(",")){justify-content:end;}"],l,l),d=s.default.div.attrs(e.default).withConfig({displayName:"popover-container.style__PopoverContainerContentStyle",componentId:"carbon_v161_5_0__sc-9c729487-3"})([""," background:var(--colorsUtilityYang100);"," box-shadow:var(--boxShadow100);min-width:300px;position:absolute;z-index:",";"," :focus{outline:none;}&:has(",".sticky){display:flex;flex-direction:column;padding:0;",".sticky{","{flex-grow:1;min-height:0;overflow-y:auto;}","{border-bottom-right-radius:var(--borderRadius200);border-bottom-left-radius:var(--borderRadius200);}}}"],t.padding,(({$borderRadius:t="borderRadius100"})=>{const e=t.split(" ").filter(Boolean);return o.css(["border-radius:",";"],e.map((o=>`var(--${o.trim()})`)).join(" "))}),(({zIndex:o})=>o),(({disableAnimation:t,$popoverOffset:e})=>t?o.css(["opacity:1;transform:none;"]):o.css(["&.enter{opacity:0;transform:translateY( ","px );}&.enter-done{opacity:1;transform:translateY(0);transition-property:opacity,transform;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.25,0.25,0,1.5);}&.exit{opacity:0;transform:translateY(-8px);transition-property:opacity,transform;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.25,0.25,0,1.5);}&.exit-done{opacity:0;transform:translateY(0);}"],e?-8:0)),i.StyledForm,i.StyledForm,i.StyledFormContent,i.StyledFormFooter),y=s.default(n.default).withConfig({displayName:"popover-container.style__PopoverContainerOpenIcon",componentId:"carbon_v161_5_0__sc-9c729487-4"})(["color:var(--colorsActionMinor500);","{color:inherit;}"],r.default),u=s.default(n.default).withConfig({displayName:"popover-container.style__PopoverContainerCloseIcon",componentId:"carbon_v161_5_0__sc-9c729487-5"})(["position:absolute;top:16px;right:24px;color:var(--colorsActionMinor500);","{color:inherit;}"],r.default);exports.PopoverContainerCloseIcon=u,exports.PopoverContainerContentStyle=d,exports.PopoverContainerHeaderStyle=c,exports.PopoverContainerOpenIcon=y,exports.PopoverContainerTitleStyle=l,exports.PopoverContainerWrapperStyle=p;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),n=require("./__internal__/safe-portal.js"),a=require("./portal.style.js"),o=require("../../__internal__/utils/helpers/guid/index.js"),i=require("../../style/themes/apply-base-theme.js"),s=require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js");function l(e){return e&&e.__esModule?e:{default:e}}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 u(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}const d=l(r).default.div.attrs(i.default).withConfig({displayName:"portal__Container",componentId:"carbon_v161_4_1__sc-99d3aa8f-0"})(["",""],(({theme:e})=>r.css(["{position:relative;z-index:",";}"],e.zIndex.aboveAll))),p=({children:r,className:i,id:l,onReposition:c,inertOptOut:p})=>{const{current:f}=t.useRef(o.default()),b=null!=l?l:f;return t.useEffect((()=>(c&&(c(),window.addEventListener("resize",c)),()=>{c&&window.removeEventListener("resize",c)})),[c]),e.jsx(a.default,{"data-role":"data-portal-entrance","data-portal-entrance":b,children:e.jsx(n.default,{id:b,className:`carbon-portal ${null!=i?i:""}`.trim(),attributes:u({"data-portal-exit":b,"data-role":"carbon-portal-exit"},p&&{"data-not-inert":"true"}),children:e.jsx(s.default,{className:"carbon-portal-scoped-tokens-provider",children:p?e.jsx(d,{children:r}):r})})})};exports.Portal=p,exports.default=p;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),n=require("./__internal__/safe-portal.js"),a=require("./portal.style.js"),o=require("../../__internal__/utils/helpers/guid/index.js"),i=require("../../style/themes/apply-base-theme.js"),s=require("../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js");function l(e){return e&&e.__esModule?e:{default:e}}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 u(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}const d=l(r).default.div.attrs(i.default).withConfig({displayName:"portal__Container",componentId:"carbon_v161_5_0__sc-99d3aa8f-0"})(["",""],(({theme:e})=>r.css(["{position:relative;z-index:",";}"],e.zIndex.aboveAll))),p=({children:r,className:i,id:l,onReposition:c,inertOptOut:p})=>{const{current:f}=t.useRef(o.default()),b=null!=l?l:f;return t.useEffect((()=>(c&&(c(),window.addEventListener("resize",c)),()=>{c&&window.removeEventListener("resize",c)})),[c]),e.jsx(a.default,{"data-role":"data-portal-entrance","data-portal-entrance":b,children:e.jsx(n.default,{id:b,className:`carbon-portal ${null!=i?i:""}`.trim(),attributes:u({"data-portal-exit":b,"data-role":"carbon-portal-exit"},p&&{"data-not-inert":"true"}),children:e.jsx(s.default,{className:"carbon-portal-scoped-tokens-provider",children:p?e.jsx(d,{children:r}):r})})})};exports.Portal=p,exports.default=p;
@@ -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:"portal.style__StyledPortalEntrance",componentId:"carbon_v161_4_1__sc-9fd1b647-0"})(["display:none;height:0;width:0;"]);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:"portal.style__StyledPortalEntrance",componentId:"carbon_v161_5_0__sc-9fd1b647-0"})(["display:none;height:0;width:0;"]);exports.default=t;
@@ -1 +1 @@
1
- "use strict";require("react");var t=require("styled-components"),e=require("styled-system"),i=require("../icon/icon.component.js"),r=require("../../style/themes/apply-base-theme.js"),o=require("./__internal__/get-properties.js");function n(t){return t&&t.__esModule?t:{default:t}}var a=n(t);const s=a.default.div.withConfig({displayName:"portrait.style__StyledPortraitInitials",componentId:"carbon_v161_4_1__sc-67607789-0"})(["font:",";display:flex;white-space:nowrap;align-items:center;justify-content:center;height:inherit;width:inherit;.mentions-list-item &&{color:var(--input-dropdown-label-default);}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:var(--popover-label-hover);}"],(({size:t})=>o.getPortraitFontSize(t))),l=a.default.img.withConfig({displayName:"portrait.style__StyledCustomImg",componentId:"carbon_v161_4_1__sc-67607789-1"})(["height:inherit;min-width:inherit;"]),d=a.default(i.default).withConfig({displayName:"portrait.style__StyledIcon",componentId:"carbon_v161_4_1__sc-67607789-2"})(["&&{color:",";height:",";min-width:",";::before{font-size:",";}}"],(({variant:t})=>o.getPortraitColors(t).color),(({$portraitSize:t})=>o.getPortraitDimensions(t).height),(({$portraitSize:t})=>o.getPortraitDimensions(t).width),(({$portraitSize:t})=>o.getPortraitIconFontSize(t))),c=a.default.div.attrs(r.default).withConfig({displayName:"portrait.style__StyledPortraitContainer",componentId:"carbon_v161_4_1__sc-67607789-3"})([""," ",";"," min-width:",";height:",";overflow:hidden;border-radius:",";border:var(--global-borderwidth-xs) solid var(--profile-border-default);display:inline-block;"," "," .mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}"],(({variant:t})=>`\n background-color: ${o.getPortraitColors(t).backgroundColor};\n color: ${o.getPortraitColors(t).color};\n `),(({darkBackground:t,backgroundColor:e,size:i,foregroundColor:r,variant:n})=>!n&&o.default(e,t,!["XS","S"].includes(i),!0,r)),(({hasValidImg:t,size:e})=>t&&`max-width: ${o.getPortraitDimensions(e).width};`),(({size:t})=>o.getPortraitDimensions(t).width),(({size:t})=>o.getPortraitDimensions(t).height),(({shape:t,size:e})=>o.getPortraitBorderRadius(t,e)),(({onClick:t})=>t&&"cursor: pointer"),e.margin);exports.StyledCustomImg=l,exports.StyledIcon=d,exports.StyledPortraitContainer=c,exports.StyledPortraitInitials=s;
1
+ "use strict";require("react");var t=require("styled-components"),e=require("styled-system"),i=require("../icon/icon.component.js"),r=require("../../style/themes/apply-base-theme.js"),o=require("./__internal__/get-properties.js");function n(t){return t&&t.__esModule?t:{default:t}}var a=n(t);const s=a.default.div.withConfig({displayName:"portrait.style__StyledPortraitInitials",componentId:"carbon_v161_5_0__sc-67607789-0"})(["font:",";display:flex;white-space:nowrap;align-items:center;justify-content:center;height:inherit;width:inherit;.mentions-list-item &&{color:var(--input-dropdown-label-default);}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:var(--popover-label-hover);}"],(({size:t})=>o.getPortraitFontSize(t))),l=a.default.img.withConfig({displayName:"portrait.style__StyledCustomImg",componentId:"carbon_v161_5_0__sc-67607789-1"})(["height:inherit;min-width:inherit;"]),d=a.default(i.default).withConfig({displayName:"portrait.style__StyledIcon",componentId:"carbon_v161_5_0__sc-67607789-2"})(["&&{color:",";height:",";min-width:",";::before{font-size:",";}}"],(({variant:t})=>o.getPortraitColors(t).color),(({$portraitSize:t})=>o.getPortraitDimensions(t).height),(({$portraitSize:t})=>o.getPortraitDimensions(t).width),(({$portraitSize:t})=>o.getPortraitIconFontSize(t))),c=a.default.div.attrs(r.default).withConfig({displayName:"portrait.style__StyledPortraitContainer",componentId:"carbon_v161_5_0__sc-67607789-3"})([""," ",";"," min-width:",";height:",";overflow:hidden;border-radius:",";border:var(--global-borderwidth-xs) solid var(--profile-border-default);display:inline-block;"," "," .mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}"],(({variant:t})=>`\n background-color: ${o.getPortraitColors(t).backgroundColor};\n color: ${o.getPortraitColors(t).color};\n `),(({darkBackground:t,backgroundColor:e,size:i,foregroundColor:r,variant:n})=>!n&&o.default(e,t,!["XS","S"].includes(i),!0,r)),(({hasValidImg:t,size:e})=>t&&`max-width: ${o.getPortraitDimensions(e).width};`),(({size:t})=>o.getPortraitDimensions(t).width),(({size:t})=>o.getPortraitDimensions(t).height),(({shape:t,size:e})=>o.getPortraitBorderRadius(t,e)),(({onClick:t})=>t&&"cursor: pointer"),e.margin);exports.StyledCustomImg=l,exports.StyledIcon=d,exports.StyledPortraitContainer=c,exports.StyledPortraitInitials=s;
@@ -1 +1 @@
1
- "use strict";var e=require("styled-components"),i=require("styled-system"),r=require("../../style/themes/apply-base-theme.js");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(e);const s=a.default.div.attrs(r.default).withConfig({displayName:"preview.style__StyledPreview",componentId:"carbon_v161_4_1__sc-a74c6505-0"})(["",""],i.margin),n=e.keyframes(["0%{opacity:0.1;}70%{opacity:1;}100%{opacity:0.1;}"]);function c(e){return e.includes("rectangle")?"var(--sizing400)":"circle"===e?"var(--sizing700)":"var(--sizing175)"}function o(e){return e.includes("rectangle")?"var(--sizing1500)":"100%"}const l=a.default.span.withConfig({displayName:"preview.style__StyledPreviewPlaceholder",componentId:"carbon_v161_4_1__sc-a74c6505-1"})(["",""],(({shape:i,disableAnimation:r,isLastLine:t,height:a,width:s})=>e.css(["display:block;background:linear-gradient( 135deg,var(--colorsUtilityMajor100),var(--colorsUtilityMajor040) );border-radius:",";height:",";width:",";animation:"," 2s ease infinite;"," "," "," & + &{margin-top:6px;}"],function(e){switch(e){case"rectangle-round":return"var(--borderRadius400)";case"circle":return"var(--borderRadiusCircle)";default:return"var(--borderRadius100)"}}(i),a||c(i),s||o(i),n,t&&"text"===i&&e.css(["width:calc(","*0.8);"],s||o(i)),"circle"===i&&e.css(["width:",";"],a||c(i)),r&&e.css(["animation:none;"]))));exports.StyledPreview=s,exports.StyledPreviewPlaceholder=l;
1
+ "use strict";var e=require("styled-components"),i=require("styled-system"),r=require("../../style/themes/apply-base-theme.js");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(e);const s=a.default.div.attrs(r.default).withConfig({displayName:"preview.style__StyledPreview",componentId:"carbon_v161_5_0__sc-a74c6505-0"})(["",""],i.margin),n=e.keyframes(["0%{opacity:0.1;}70%{opacity:1;}100%{opacity:0.1;}"]);function c(e){return e.includes("rectangle")?"var(--sizing400)":"circle"===e?"var(--sizing700)":"var(--sizing175)"}function o(e){return e.includes("rectangle")?"var(--sizing1500)":"100%"}const l=a.default.span.withConfig({displayName:"preview.style__StyledPreviewPlaceholder",componentId:"carbon_v161_5_0__sc-a74c6505-1"})(["",""],(({shape:i,disableAnimation:r,isLastLine:t,height:a,width:s})=>e.css(["display:block;background:linear-gradient( 135deg,var(--colorsUtilityMajor100),var(--colorsUtilityMajor040) );border-radius:",";height:",";width:",";animation:"," 2s ease infinite;"," "," "," & + &{margin-top:6px;}"],function(e){switch(e){case"rectangle-round":return"var(--borderRadius400)";case"circle":return"var(--borderRadiusCircle)";default:return"var(--borderRadius100)"}}(i),a||c(i),s||o(i),n,t&&"text"===i&&e.css(["width:calc(","*0.8);"],s||o(i)),"circle"===i&&e.css(["width:",";"],a||c(i)),r&&e.css(["animation:none;"]))));exports.StyledPreview=s,exports.StyledPreviewPlaceholder=l;
@@ -1 +1 @@
1
- "use strict";var e=require("styled-components"),r=require("styled-system"),t=require("../portrait/portrait.component.js"),a=require("../typography/typography.component.js");require("react/jsx-runtime"),require("react");var o=require("../../style/themes/apply-base-theme.js"),i=require("./profile.config.js"),l=require("../portrait/portrait.style.js");function n(e){return e&&e.__esModule?e:{default:e}}var s=n(e);const d=s.default.div.attrs(o.default).withConfig({displayName:"profile.style__ProfileStyle",componentId:"carbon_v161_4_1__sc-29e860cc-0"})(["border-radius:inherit;color:",";background-color:",";display:flex;flex-direction:row;align-items:center;"," ","{flex-shrink:0;}"],(({$darkBackground:e})=>e?"var(--container-standard-inverse-txt-default)":"var(--profile-label-default)"),(({$darkBackground:e})=>e?"var(--container-standard-inverse-bg-default)":"transparent"),r.margin,l.StyledPortraitContainer),c=s.default(t.Portrait).withConfig({displayName:"profile.style__ProfileAvatarStyle",componentId:"carbon_v161_4_1__sc-29e860cc-1"})(["display:inline-block;"]),f=s.default.span.withConfig({displayName:"profile.style__ProfileNameStyle",componentId:"carbon_v161_4_1__sc-29e860cc-2"})(["color:",";font:",";"],(({$darkBackground:e})=>e?"var(--container-standard-inverse-txt-default)":"var(--profile-label-default)"),(({$font:e})=>e)),p=s.default(a.Typography).withConfig({displayName:"profile.style__ProfileTypography",componentId:"carbon_v161_4_1__sc-29e860cc-3"})(["color:",";"],(({$darkBackground:e})=>e?"var(--container-standard-inverse-txt-default)":"var(--profile-label-default)")),y=s.default.div.withConfig({displayName:"profile.style__ProfileDetailsStyle",componentId:"carbon_v161_4_1__sc-29e860cc-4"})(["display:flex;flex-direction:column;justify-content:center;margin-left:",";min-width:0;word-wrap:break-word;"],(({$size:e})=>i.default[e].detailsMarginLeft)),_=s.default.div.withConfig({displayName:"profile.style__ProfileCustomContentStyle",componentId:"carbon_v161_4_1__sc-29e860cc-5"})(["display:flex;flex-direction:column;align-items:flex-start;min-width:0;"]);exports.ProfileAvatarStyle=c,exports.ProfileCustomContentStyle=_,exports.ProfileDetailsStyle=y,exports.ProfileNameStyle=f,exports.ProfileStyle=d,exports.ProfileTypography=p;
1
+ "use strict";var e=require("styled-components"),r=require("styled-system"),t=require("../portrait/portrait.component.js"),a=require("../typography/typography.component.js");require("react/jsx-runtime"),require("react");var o=require("../../style/themes/apply-base-theme.js"),i=require("./profile.config.js"),l=require("../portrait/portrait.style.js");function n(e){return e&&e.__esModule?e:{default:e}}var s=n(e);const d=s.default.div.attrs(o.default).withConfig({displayName:"profile.style__ProfileStyle",componentId:"carbon_v161_5_0__sc-29e860cc-0"})(["border-radius:inherit;color:",";background-color:",";display:flex;flex-direction:row;align-items:center;"," ","{flex-shrink:0;}"],(({$darkBackground:e})=>e?"var(--container-standard-inverse-txt-default)":"var(--profile-label-default)"),(({$darkBackground:e})=>e?"var(--container-standard-inverse-bg-default)":"transparent"),r.margin,l.StyledPortraitContainer),c=s.default(t.Portrait).withConfig({displayName:"profile.style__ProfileAvatarStyle",componentId:"carbon_v161_5_0__sc-29e860cc-1"})(["display:inline-block;"]),f=s.default.span.withConfig({displayName:"profile.style__ProfileNameStyle",componentId:"carbon_v161_5_0__sc-29e860cc-2"})(["color:",";font:",";"],(({$darkBackground:e})=>e?"var(--container-standard-inverse-txt-default)":"var(--profile-label-default)"),(({$font:e})=>e)),p=s.default(a.Typography).withConfig({displayName:"profile.style__ProfileTypography",componentId:"carbon_v161_5_0__sc-29e860cc-3"})(["color:",";"],(({$darkBackground:e})=>e?"var(--container-standard-inverse-txt-default)":"var(--profile-label-default)")),y=s.default.div.withConfig({displayName:"profile.style__ProfileDetailsStyle",componentId:"carbon_v161_5_0__sc-29e860cc-4"})(["display:flex;flex-direction:column;justify-content:center;margin-left:",";min-width:0;word-wrap:break-word;"],(({$size:e})=>i.default[e].detailsMarginLeft)),_=s.default.div.withConfig({displayName:"profile.style__ProfileCustomContentStyle",componentId:"carbon_v161_5_0__sc-29e860cc-5"})(["display:flex;flex-direction:column;align-items:flex-start;min-width:0;"]);exports.ProfileAvatarStyle=c,exports.ProfileCustomContentStyle=_,exports.ProfileDetailsStyle=y,exports.ProfileNameStyle=f,exports.ProfileStyle=d,exports.ProfileTypography=p;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./progress-tracker.component.js");exports.default=e.default;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./progress-tracker.component.js");exports.default=e.ProgressTracker;
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  import { MarginProps } from "styled-system";
3
3
  import { TagProps } from "../../__internal__/utils/helpers/tags";
4
+ export type TrackerVariants = "neutral" | "warning" | "information" | "error" | "success";
4
5
  export interface ProgressTrackerProps extends MarginProps, TagProps {
5
6
  /** Size of the progress bar. */
6
7
  size?: "small" | "medium" | "large";
@@ -8,7 +9,10 @@ export interface ProgressTrackerProps extends MarginProps, TagProps {
8
9
  length?: string;
9
10
  /** Current progress (percentage). */
10
11
  progress?: number;
11
- /** Flag to control error state. */
12
+ /**
13
+ * Flag to control error state.
14
+ * @deprecated Please use variant="error" instead.
15
+ */
12
16
  error?: boolean;
13
17
  /** Value to add a description to the label */
14
18
  description?: string;
@@ -18,15 +22,15 @@ export interface ProgressTrackerProps extends MarginProps, TagProps {
18
22
  maxProgressLabel?: string;
19
23
  /** Value of the preposition defined between Value1 and Value2 on the label. */
20
24
  customValuePreposition?: string;
21
- /**
22
- * The position the value label are rendered in.
23
- */
25
+ /** The position the value label are rendered in. */
24
26
  labelsPosition?: "top" | "bottom" | "left";
25
27
  /** Label width when position is "left" */
26
28
  labelWidth?: string;
29
+ /** Variant of the progress bar */
30
+ variant?: TrackerVariants;
27
31
  }
28
- declare const ProgressTracker: {
29
- ({ size, length, error, progress, description, currentProgressLabel, customValuePreposition, maxProgressLabel, labelsPosition, labelWidth, ...rest }: ProgressTrackerProps): React.JSX.Element;
32
+ export declare const ProgressTracker: {
33
+ ({ size, length, error, progress, description, currentProgressLabel, customValuePreposition, maxProgressLabel, labelsPosition, labelWidth, variant, ...rest }: ProgressTrackerProps): React.JSX.Element;
30
34
  displayName: string;
31
35
  };
32
36
  export default ProgressTracker;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../hooks/__internal__/useLocale/useLocale.js"),t=require("../../__internal__/utils/helpers/tags/tags.js"),s=require("./progress-tracker.style.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const n=n=>{var{size:l="medium",length:a="256px",error:i=!1,progress:c=0,description:u,currentProgressLabel:p,customValuePreposition:b,maxProgressLabel:d,labelsPosition:g="top",labelWidth:y}=n,j=function(e,r){if(null==e)return{};var t,s,o=function(e,r){if(null==e)return{};var t,s,o={},n=Object.keys(e);for(s=0;s<n.length;s++)t=n[s],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(s=0;s<n.length;s++)t=n[s],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(n,["size","length","error","progress","description","currentProgressLabel","customValuePreposition","maxProgressLabel","labelsPosition","labelWidth"]);const f=r.default(),O="bottom"!==g,P=()=>{let r,t;return p?(r=p,t=d||void 0):(r=`${c}%`,t="100%"),e.jsxs(s.StyledValuesLabel,{"data-role":"values-label",labelsPosition:g,size:l,labelWidth:y,children:[e.jsx(s.StyledValue,{"data-element":"current-progress-label",children:r}),t&&e.jsxs(e.Fragment,{children:[e.jsx("span",{"data-element":"custom-preposition",children:b||f.progressTracker.of()}),e.jsx(s.StyledValue,{"data-element":"max-progress-label",children:t})]}),u&&e.jsx(s.StyledDescription,{"data-element":"progress-tracker-description",children:u})]})};return e.jsxs(s.StyledProgressTracker,(m=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},s=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),s.forEach((function(r){o(e,r,t[r])}))}return e}({length:a},j,t.default("progress-bar",j)),h=null!=(h={labelsPosition:g,children:[O&&P(),e.jsx(s.StyledProgressBar,{"data-role":"progress-bar",progress:c,error:i,"aria-hidden":"true",children:e.jsx(s.InnerBar,{"data-element":"inner-bar","data-role":"inner-bar",size:l,progress:c,error:i})}),!O&&P()]})?h:{},Object.getOwnPropertyDescriptors?Object.defineProperties(m,Object.getOwnPropertyDescriptors(h)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(h)).forEach((function(e){Object.defineProperty(m,e,Object.getOwnPropertyDescriptor(h,e))})),m));var m,h};n.displayName="ProgressTracker",exports.default=n;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../hooks/__internal__/useLocale/useLocale.js"),t=require("../../__internal__/utils/helpers/tags/tags.js"),s=require("./progress-tracker.style.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const n=n=>{var{size:a="medium",length:l="256px",error:i,progress:c=0,description:u,currentProgressLabel:p,customValuePreposition:b,maxProgressLabel:d,labelsPosition:g="top",labelWidth:y,variant:j="neutral"}=n,f=function(e,r){if(null==e)return{};var t,s,o=function(e,r){if(null==e)return{};var t,s,o={},n=Object.keys(e);for(s=0;s<n.length;s++)t=n[s],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(s=0;s<n.length;s++)t=n[s],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(n,["size","length","error","progress","description","currentProgressLabel","customValuePreposition","maxProgressLabel","labelsPosition","labelWidth","variant"]);const O=r.default(),P="bottom"!==g,m=i?"error":j,h=()=>{let r,t;return p?(r=p,t=d||void 0):(r=`${c}%`,t="100%"),e.jsxs(s.StyledLabelWrapper,{"data-role":"values-label",$size:a,$labelWidth:y,children:[e.jsxs(s.StyledValuesWrapper,{children:[e.jsx(s.StyledValue,{"data-element":"current-progress-label",$size:a,children:r}),t&&e.jsxs(e.Fragment,{children:[e.jsx("span",{"data-element":"custom-preposition",children:b||O.progressTracker.of()}),e.jsx(s.StyledValue,{"data-element":"max-progress-label",$size:a,children:t})]})]}),u&&e.jsx("span",{"data-element":"progress-tracker-description",children:u})]})};return e.jsxs(s.StyledProgressTracker,(x=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},s=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),s.forEach((function(r){o(e,r,t[r])}))}return e}({$length:l,$labelsPosition:g,$size:a},f,t.default("progress-bar",f)),v=null!=(v={children:[P&&h(),e.jsx(s.StyledProgressBar,{"data-role":"progress-bar","aria-hidden":"true",$variant:m,$size:a,$progress:c}),!P&&h()]})?v:{},Object.getOwnPropertyDescriptors?Object.defineProperties(x,Object.getOwnPropertyDescriptors(v)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(v)).forEach((function(e){Object.defineProperty(x,e,Object.getOwnPropertyDescriptor(v,e))})),x));var x,v};n.displayName="ProgressTracker",exports.ProgressTracker=n,exports.default=n;
@@ -1 +1,30 @@
1
- export declare const PROGRESS_TRACKER_SIZES: string[];
1
+ export declare const progressTrackerSizeMap: {
2
+ small: {
3
+ gap: string;
4
+ barHeight: string;
5
+ barBorderRadius: string;
6
+ valueFont: string;
7
+ regularFont: string;
8
+ };
9
+ medium: {
10
+ gap: string;
11
+ barHeight: string;
12
+ barBorderRadius: string;
13
+ valueFont: string;
14
+ regularFont: string;
15
+ };
16
+ large: {
17
+ gap: string;
18
+ barHeight: string;
19
+ barBorderRadius: string;
20
+ valueFont: string;
21
+ regularFont: string;
22
+ };
23
+ };
24
+ export declare const progressBarVariants: {
25
+ neutral: string;
26
+ warning: string;
27
+ information: string;
28
+ error: string;
29
+ success: string;
30
+ };
@@ -1 +1 @@
1
- "use strict";exports.PROGRESS_TRACKER_SIZES=["small","medium","large"];
1
+ "use strict";exports.progressBarVariants={neutral:"var(--progress-fg-default)",warning:"var(--progress-fg-caution)",information:"var(--progress-fg-info)",error:"var(--progress-fg-error)",success:"var(--progress-fg-alt)"},exports.progressTrackerSizeMap={small:{gap:"var(--global-space-comp-s)",barHeight:"var(--global-size-5-xs)",barBorderRadius:"var(--global-radius-action-xs)",valueFont:"var(--global-font-static-comp-medium-m)",regularFont:"var(--global-font-static-comp-regular-m)"},medium:{gap:"var(--global-space-comp-s)",barHeight:"var(--global-size-4-xs)",barBorderRadius:"var(--global-radius-action-s)",valueFont:"var(--global-font-static-comp-medium-l)",regularFont:"var(--global-font-static-comp-regular-l)"},large:{gap:"var(--global-space-comp-m)",barHeight:"var(--global-size-3-xs)",barBorderRadius:"var(--global-radius-action-m)",valueFont:"var(--global-font-static-comp-medium-l)",regularFont:"var(--global-font-static-comp-regular-l)"}};
@@ -1,12 +1,25 @@
1
- import { ProgressTrackerProps } from "./progress-tracker.component";
2
- declare const StyledProgressTracker: import("styled-components").StyledComponent<"div", any, {
1
+ import { TrackerVariants } from "./progress-tracker.component";
2
+ interface StyledProgressTrackerProps {
3
+ $length?: string;
4
+ $labelsPosition?: "top" | "bottom" | "left";
5
+ $size: "small" | "medium" | "large";
6
+ }
7
+ export declare const StyledProgressTracker: import("styled-components").StyledComponent<"div", any, {
3
8
  theme: object;
4
- } & Pick<ProgressTrackerProps, "length" | "margin" | "labelsPosition">, "theme">;
5
- declare const StyledProgressBar: import("styled-components").StyledComponent<"span", any, {
9
+ } & StyledProgressTrackerProps, "theme">;
10
+ interface StyledProgressBarProps {
11
+ $variant: TrackerVariants;
12
+ $size: "small" | "medium" | "large";
13
+ $progress?: number;
14
+ }
15
+ export declare const StyledProgressBar: import("styled-components").StyledComponent<"span", any, {
6
16
  theme: object;
7
- } & Pick<ProgressTrackerProps, "error" | "progress">, "theme">;
8
- declare const StyledValue: import("styled-components").StyledComponent<"span", any, {}, never>;
9
- declare const StyledDescription: import("styled-components").StyledComponent<"span", any, {}, never>;
10
- declare const StyledValuesLabel: import("styled-components").StyledComponent<"span", any, Pick<ProgressTrackerProps, "size" | "labelWidth" | "labelsPosition">, never>;
11
- declare const InnerBar: import("styled-components").StyledComponent<"span", any, Required<Pick<ProgressTrackerProps, "size" | "error" | "progress">>, never>;
12
- export { StyledProgressBar, InnerBar, StyledProgressTracker, StyledValuesLabel, StyledValue, StyledDescription, };
17
+ } & StyledProgressBarProps, "theme">;
18
+ interface StyledLabelProps {
19
+ $size: "small" | "medium" | "large";
20
+ $labelWidth?: string;
21
+ }
22
+ export declare const StyledValue: import("styled-components").StyledComponent<"span", any, StyledLabelProps, never>;
23
+ export declare const StyledValuesWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
24
+ export declare const StyledLabelWrapper: import("styled-components").StyledComponent<"div", any, StyledLabelProps, never>;
25
+ export {};
@@ -1 +1 @@
1
- "use strict";var e=require("styled-components"),r=require("styled-system"),t=require("../../style/themes/apply-base-theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var a=s(e);const o=a.default.div.attrs(t.default).withConfig({displayName:"progress-tracker.style__StyledProgressTracker",componentId:"carbon_v161_4_1__sc-55ab6252-0"})([""," text-align:center;white-space:nowrap;",";",""],r.margin,(({length:r})=>e.css(["width:",";"],r)),(({labelsPosition:r})=>"left"===r&&e.css(["display:flex;align-items:center;"]))),i=a.default.span.attrs(t.default).withConfig({displayName:"progress-tracker.style__StyledProgressBar",componentId:"carbon_v161_4_1__sc-55ab6252-1"})(["",""],(({progress:r,error:t})=>e.css(["display:flex;position:relative;background-color:var(--colorsSemanticNeutral200);border:1px solid ",";border-radius:var(--borderRadius400);overflow-x:hidden;width:100%;min-height:fit-content;box-sizing:border-box;"],function({progress:e,error:r}){return r?"var(--colorsSemanticNegative500)":100===e?"var(--colorsSemanticPositive500)":"var(--colorsSemanticNeutral500)"}({progress:r,error:t})))),n={small:"var(--fontSizes100)",medium:"var(--fontSizes100)",large:"var(--fontSizes200)"},l=a.default.span.withConfig({displayName:"progress-tracker.style__StyledValue",componentId:"carbon_v161_4_1__sc-55ab6252-2"})(["display:inline-block;font-weight:500;"]),c=a.default.span.withConfig({displayName:"progress-tracker.style__StyledDescription",componentId:"carbon_v161_4_1__sc-55ab6252-3"})(["color:var(--colorsUtilityYin055);margin-left:4px;"]),d={top:"bottom",bottom:"top",left:"right"},p=a.default.span.withConfig({displayName:"progress-tracker.style__StyledValuesLabel",componentId:"carbon_v161_4_1__sc-55ab6252-4"})(["text-align:start;display:flex;justify-content:flex-start;gap:4px;font-size:",";",";",";"],(({size:e})=>e&&n[e]),(({labelsPosition:e})=>e&&`\n margin-${d[e]}: var(--spacing100);\n `),(({labelWidth:r})=>r&&e.css(["width:",";flex-shrink:0;"],r))),g=a.default.span.withConfig({displayName:"progress-tracker.style__InnerBar",componentId:"carbon_v161_4_1__sc-55ab6252-5"})(["",""],(({progress:r,size:t,error:s})=>e.css(["position:relative;left:0;background-color:",";border-radius:var(--borderRadius400);width:","%;min-width:2px;height:",";"],function({progress:e,error:r}){return r?"var(--colorsSemanticNegative500)":e&&e>=100?"var(--colorsSemanticPositive500)":"var(--colorsSemanticNeutral500)"}({progress:r,error:s}),r,function(e){switch(e){case"small":return"var(--sizing050)";case"large":return"var(--sizing200)";default:return"var(--sizing100)"}}(t))));exports.InnerBar=g,exports.StyledDescription=c,exports.StyledProgressBar=i,exports.StyledProgressTracker=o,exports.StyledValue=l,exports.StyledValuesLabel=p;
1
+ "use strict";var e=require("styled-components"),r=require("styled-system"),s=require("../../style/themes/apply-base-theme.js"),a=require("./progress-tracker.config.js");function t(e){return e&&e.__esModule?e:{default:e}}var o=t(e);const l=o.default.div.attrs(s.default).withConfig({displayName:"progress-tracker.style__StyledProgressTracker",componentId:"carbon_v161_5_0__sc-2541d4c3-0"})([""," ",";"],r.margin,(({$length:r,$labelsPosition:s,$size:t})=>e.css(["display:flex;flex-direction:column;gap:",";width:",";",""],a.progressTrackerSizeMap[t].gap,r,"left"===s&&e.css(["flex-direction:row;align-items:center;"])))),p=o.default.span.attrs(s.default).withConfig({displayName:"progress-tracker.style__StyledProgressBar",componentId:"carbon_v161_5_0__sc-2541d4c3-1"})(["",""],(({$variant:r,$size:s,$progress:t})=>e.css(["display:block;overflow:hidden;width:100%;height:",";border-radius:",';background:var(--progress-bg-default);box-shadow:inset 0 0 0 var(--global-borderwidth-xs) var(--progress-border-default);::after{content:"";display:block;width:',"%;height:",";background-color:",";border-radius:",";}"],a.progressTrackerSizeMap[s].barHeight,a.progressTrackerSizeMap[s].barBorderRadius,t,a.progressTrackerSizeMap[s].barHeight,a.progressBarVariants[r],a.progressTrackerSizeMap[s].barBorderRadius))),d=o.default.span.withConfig({displayName:"progress-tracker.style__StyledValue",componentId:"carbon_v161_5_0__sc-2541d4c3-2"})(["",";"],(({$size:r})=>e.css(["font:",";"],a.progressTrackerSizeMap[r].valueFont))),i=o.default.span.withConfig({displayName:"progress-tracker.style__StyledValuesWrapper",componentId:"carbon_v161_5_0__sc-2541d4c3-3"})(["display:flex;gap:var(--global-space-comp-xs);"]),c=o.default.div.withConfig({displayName:"progress-tracker.style__StyledLabelWrapper",componentId:"carbon_v161_5_0__sc-2541d4c3-4"})(["",";"],(({$size:r,$labelWidth:s})=>e.css(["display:flex;flex-wrap:wrap;gap:0 var(--global-space-comp-s);white-space:nowrap;color:var(--progress-label-default);font:",";",""],a.progressTrackerSizeMap[r].regularFont,s&&e.css(["width:",";flex-shrink:0;"],s))));exports.StyledLabelWrapper=c,exports.StyledProgressBar=p,exports.StyledProgressTracker=l,exports.StyledValue=d,exports.StyledValuesWrapper=i;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function a(e){return e&&e.__esModule?e:{default:e}}const o={small:{gap:"var(--global-space-comp-s)"},medium:{gap:"var(--global-space-comp-m)"},large:{gap:"var(--global-space-comp-l)"}},l=a(e).default.div.withConfig({displayName:"radio-button-group.style__StyledRadioButtonGroupContent",componentId:"carbon_v161_4_1__sc-a23ec9a0-0"})(["",""],(({$size:a,$inline:l})=>e.css(["display:flex;flex-direction:column;gap:",";",""],o[a].gap,l&&e.css(["flex-direction:row;gap:var(--global-space-comp-l);"]))));exports.default=l;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function a(e){return e&&e.__esModule?e:{default:e}}const o={small:{gap:"var(--global-space-comp-s)"},medium:{gap:"var(--global-space-comp-m)"},large:{gap:"var(--global-space-comp-l)"}},l=a(e).default.div.withConfig({displayName:"radio-button-group.style__StyledRadioButtonGroupContent",componentId:"carbon_v161_5_0__sc-a23ec9a0-0"})(["",""],(({$size:a,$inline:l})=>e.css(["display:flex;flex-direction:column;gap:",";",""],o[a].gap,l&&e.css(["flex-direction:row;gap:var(--global-space-comp-l);"]))));exports.default=l;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),a=require("styled-system"),l=require("../../__internal__/checkable-input/hidden-checkable-input.style.js"),r=require("../../style/themes/apply-base-theme.js"),t=require("../../style/utils/add-focus-styling.js");function i(e){return e&&e.__esModule?e:{default:e}}const o={small:{svgSize:"var(--global-size-3-xs)",labelFont:"var(--global-font-static-comp-regular-s)"},medium:{svgSize:"var(--global-size-xs)",labelFont:"var(--global-font-static-comp-regular-m)"},large:{svgSize:"var(--global-size-s)",labelFont:"var(--global-font-static-comp-regular-l)"}},s=i(e).default.div.attrs(r.default).withConfig({displayName:"radio-button.style__RadioButtonStyle",componentId:"carbon_v161_4_1__sc-366f4294-0"})([""," ",";"],(({$isDisabled:a,$size:r,$error:i})=>e.css([".checkable-label{font:",';}[data-role="checkable-input-svg-wrapper"],svg{border-radius:var(--global-radius-action-circle);}',"{position:absolute;box-sizing:border-box;min-height:var(--global-size-xs);}",',[data-role="checkable-input-svg-wrapper"],svg{height:',";width:",";}svg{box-sizing:border-box;background-color:var(--input-typical-bg-default);border:var(--global-borderwidth-xs) solid var(--input-typical-border-default);","}",':checked + [data-role="checkable-input-svg-wrapper"] circle{fill:var(--input-typical-icon-active);}',':not([disabled]){&:focus + [data-role="checkable-input-svg-wrapper"]{',"}}",""],o[r].labelFont,l.default,l.default,o[r].svgSize,o[r].svgSize,!a&&i&&e.css(["border:var(--global-borderwidth-s) solid var(--input-validation-border-error);"]),l.default,l.default,t.default(),a&&e.css(["svg{border-color:var(--input-typical-border-disabled);background-color:var(--input-typical-bg-disabled);}circle{fill:var(--input-typical-bg-disabled);}",':checked + [data-role="checkable-input-svg-wrapper"] circle{fill:var(--input-typical-icon-disabled);}'],l.default))),a.margin);exports.default=s;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),a=require("styled-system"),l=require("../../__internal__/checkable-input/hidden-checkable-input.style.js"),r=require("../../style/themes/apply-base-theme.js"),t=require("../../style/utils/add-focus-styling.js");function i(e){return e&&e.__esModule?e:{default:e}}const o={small:{svgSize:"var(--global-size-3-xs)",labelFont:"var(--global-font-static-comp-regular-s)"},medium:{svgSize:"var(--global-size-xs)",labelFont:"var(--global-font-static-comp-regular-m)"},large:{svgSize:"var(--global-size-s)",labelFont:"var(--global-font-static-comp-regular-l)"}},s=i(e).default.div.attrs(r.default).withConfig({displayName:"radio-button.style__RadioButtonStyle",componentId:"carbon_v161_5_0__sc-366f4294-0"})([""," ",";"],(({$isDisabled:a,$size:r,$error:i})=>e.css([".checkable-label{font:",';}[data-role="checkable-input-svg-wrapper"],svg{border-radius:var(--global-radius-action-circle);}',"{position:absolute;box-sizing:border-box;min-height:var(--global-size-xs);}",',[data-role="checkable-input-svg-wrapper"],svg{height:',";width:",";}svg{box-sizing:border-box;background-color:var(--input-typical-bg-default);border:var(--global-borderwidth-xs) solid var(--input-typical-border-default);","}",':checked + [data-role="checkable-input-svg-wrapper"] circle{fill:var(--input-typical-icon-active);}',':not([disabled]){&:focus + [data-role="checkable-input-svg-wrapper"]{',"}}",""],o[r].labelFont,l.default,l.default,o[r].svgSize,o[r].svgSize,!a&&i&&e.css(["border:var(--global-borderwidth-s) solid var(--input-validation-border-error);"]),l.default,l.default,t.default(),a&&e.css(["svg{border-color:var(--input-typical-border-disabled);background-color:var(--input-typical-bg-disabled);}circle{fill:var(--input-typical-bg-disabled);}",':checked + [data-role="checkable-input-svg-wrapper"] circle{fill:var(--input-typical-icon-disabled);}'],l.default))),a.margin);exports.default=s;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),r=require("../../../button/button.style.js"),t=require("../../../icon/icon.style.js"),e=require("../../../../style/themes/apply-base-theme.js");function a(o){return o&&o.__esModule?o:{default:o}}var n=a(o);const d=n.default.div.withConfig({displayName:"search-button.style__StyledButtonIcon",componentId:"carbon_v161_4_1__sc-232ba56c-0"})(["&&& ","{color:var(--colorsActionMajorYang100);margin-right:0px;}"],t.default),s=n.default.div.attrs(e.default).withConfig({displayName:"search-button.style__StyledSearchButton",componentId:"carbon_v161_4_1__sc-232ba56c-1"})(["display:flex;align-self:end;border-bottom:none;min-width:fit-content;&&& ","{color:var(--colorsActionMajorYang100);border-color:var(--colorsActionMajorTransparent);border-bottom-left-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);:hover{border-color:var(--colorsActionMajorTransparent);}width:fit-content;","","{color:var(--colorsActionMajorYang100);}margin:0px 0px;padding-bottom:3px;:focus{z-index:1;}}"],r.default,t.default,t.default);exports.StyledButtonIcon=d,exports.default=s;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),r=require("../../../button/button.style.js"),t=require("../../../icon/icon.style.js"),e=require("../../../../style/themes/apply-base-theme.js");function a(o){return o&&o.__esModule?o:{default:o}}var n=a(o);const d=n.default.div.withConfig({displayName:"search-button.style__StyledButtonIcon",componentId:"carbon_v161_5_0__sc-232ba56c-0"})(["&&& ","{color:var(--colorsActionMajorYang100);margin-right:0px;}"],t.default),s=n.default.div.attrs(e.default).withConfig({displayName:"search-button.style__StyledSearchButton",componentId:"carbon_v161_5_0__sc-232ba56c-1"})(["display:flex;align-self:end;border-bottom:none;min-width:fit-content;&&& ","{color:var(--colorsActionMajorYang100);border-color:var(--colorsActionMajorTransparent);border-bottom-left-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);:hover{border-color:var(--colorsActionMajorTransparent);}width:fit-content;","","{color:var(--colorsActionMajorYang100);}margin:0px 0px;padding-bottom:3px;:focus{z-index:1;}}"],r.default,t.default,t.default);exports.StyledButtonIcon=d,exports.default=s;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-system"),o=require("styled-components"),t=require("../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),e=require("../../../icon/icon.style.js"),a=require("../../../../style/themes/apply-base-theme.js"),s=require("../../../../__internal__/form-field/form-field.style.js");function i(r){return r&&r.__esModule?r:{default:r}}const l=i(o).default.div.attrs(a.default).withConfig({displayName:"search.style__StyledSearch",componentId:"carbon_v161_4_1__sc-a8478a22-0"})(["",""],(({isFocused:a,searchWidth:i,maxWidth:l,searchHasValue:n,showSearchButton:c,variant:d})=>{const u="dark"===d,m=u?"var(--colorsUtilityYang080)":"var(--colorsUtilityMajor300)";return o.css(["margin-bottom:var(--fieldSpacing);"," width:",";max-width:",";padding-bottom:var(--spacing025);background-color:transparent;display:inline-flex;align-items:center;font-size:var(--fontSize100);"," ","{flex:1;}",'{:not([data-element="search"]){'," ","}cursor:pointer;}","{","}"],r.margin,i?`${i}`:"100%",l?`${l}`:"100%",!c&&o.css(["border-bottom:var(--spacing025) solid ",";:hover{border-bottom-color:",";cursor:pointer;}",""],m,u?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor400)",(n||a)&&o.css(["border-bottom-color:transparent;:hover{border-bottom-color:transparent;cursor:default;}"])),s.default,e.default,u&&!c&&o.css(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),!u&&o.css(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),t.default,n&&o.css(["margin-bottom:-1px;"]))}));exports.default=l;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-system"),o=require("styled-components"),t=require("../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),e=require("../../../icon/icon.style.js"),a=require("../../../../style/themes/apply-base-theme.js"),s=require("../../../../__internal__/form-field/form-field.style.js");function i(r){return r&&r.__esModule?r:{default:r}}const l=i(o).default.div.attrs(a.default).withConfig({displayName:"search.style__StyledSearch",componentId:"carbon_v161_5_0__sc-a8478a22-0"})(["",""],(({isFocused:a,searchWidth:i,maxWidth:l,searchHasValue:n,showSearchButton:c,variant:d})=>{const u="dark"===d,m=u?"var(--colorsUtilityYang080)":"var(--colorsUtilityMajor300)";return o.css(["margin-bottom:var(--fieldSpacing);"," width:",";max-width:",";padding-bottom:var(--spacing025);background-color:transparent;display:inline-flex;align-items:center;font-size:var(--fontSize100);"," ","{flex:1;}",'{:not([data-element="search"]){'," ","}cursor:pointer;}","{","}"],r.margin,i?`${i}`:"100%",l?`${l}`:"100%",!c&&o.css(["border-bottom:var(--spacing025) solid ",";:hover{border-bottom-color:",";cursor:pointer;}",""],m,u?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor400)",(n||a)&&o.css(["border-bottom-color:transparent;:hover{border-bottom-color:transparent;cursor:default;}"])),s.default,e.default,u&&!c&&o.css(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),!u&&o.css(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),t.default,n&&o.css(["margin-bottom:-1px;"]))}));exports.default=l;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),o=require("../../../button/button.style.js");function e(t){return t&&t.__esModule?t:{default:t}}const r=e(t).default.div.withConfig({displayName:"list-action-button.style__StyledListActionButtonWrapper",componentId:"carbon_v161_4_1__sc-7af8ee4c-0"})(["padding-top:var(--spacing100);padding-bottom:var(--spacing100);border-top:1px solid var(--colorsUtilityDisabled600);box-shadow:0 0px 0 0 rgba(0,0,0,0),0 -8px 8px 0 rgba(0,0,0,0.03);width:100%;position:sticky;bottom:0;background-color:inherit;border-bottom-left-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);","{border:none;justify-content:left;padding-left:var(--spacing200);padding-right:var(--spacing200);}"],o.default);exports.default=r;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),o=require("../../../button/button.style.js");function e(t){return t&&t.__esModule?t:{default:t}}const r=e(t).default.div.withConfig({displayName:"list-action-button.style__StyledListActionButtonWrapper",componentId:"carbon_v161_5_0__sc-7af8ee4c-0"})(["padding-top:var(--spacing100);padding-bottom:var(--spacing100);border-top:1px solid var(--colorsUtilityDisabled600);box-shadow:0 0px 0 0 rgba(0,0,0,0),0 -8px 8px 0 rgba(0,0,0,0.03);width:100%;position:sticky;bottom:0;background-color:inherit;border-bottom-left-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);","{border:none;justify-content:left;padding-left:var(--spacing200);padding-right:var(--spacing200);}"],o.default);exports.default=r;