carbon-react 161.10.0 → 161.12.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 (454) hide show
  1. package/esm/__internal__/character-count/character-count.component.d.ts +3 -1
  2. package/esm/__internal__/character-count/character-count.component.js +1 -1
  3. package/esm/__internal__/character-count/character-count.style.d.ts +3 -0
  4. package/esm/__internal__/character-count/character-count.style.js +1 -1
  5. package/esm/__internal__/checkable-input/checkable-input.style.js +1 -1
  6. package/esm/__internal__/checkable-input/hidden-checkable-input.style.js +1 -1
  7. package/esm/__internal__/error-border/error-border.style.js +1 -1
  8. package/esm/__internal__/field-help/field-help.style.js +1 -1
  9. package/esm/__internal__/fieldset/__next__/fieldset.style.js +1 -1
  10. package/esm/__internal__/fieldset/fieldset.style.js +1 -1
  11. package/esm/__internal__/form-field/form-field.style.js +1 -1
  12. package/esm/__internal__/full-screen-heading/full-screen-heading.style.js +1 -1
  13. package/esm/__internal__/hint-text/hint-text.style.js +1 -1
  14. package/esm/__internal__/input/input.style.js +1 -1
  15. package/esm/__internal__/input-icon-toggle/input-icon-toggle.style.js +1 -1
  16. package/esm/__internal__/label/label.style.js +1 -1
  17. package/esm/__internal__/legacy-error-border/error-border.style.js +1 -1
  18. package/esm/__internal__/legacy-hint-text/hint-text.style.js +1 -1
  19. package/esm/__internal__/legacy-input/input-presentation.style.js +1 -1
  20. package/esm/__internal__/legacy-input/input.style.js +1 -1
  21. package/esm/__internal__/legacy-label/icon-wrapper.style.js +1 -1
  22. package/esm/__internal__/legacy-label/label.style.js +1 -1
  23. package/esm/__internal__/modal/modal.style.js +1 -1
  24. package/esm/__internal__/popover/popover.component.js +1 -1
  25. package/esm/__internal__/popover/popover.style.js +1 -1
  26. package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js +1 -1
  27. package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js +1 -1
  28. package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js +1 -1
  29. package/esm/__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js +1 -1
  30. package/esm/__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.js +1 -1
  31. package/esm/__internal__/popover-menu/menu-item/menu-item.component.js +1 -1
  32. package/esm/__internal__/popover-menu/popover-menu.component.js +1 -1
  33. package/esm/__internal__/validation-message/__next__/validation-message.style.js +1 -1
  34. package/esm/__internal__/validation-message/validation-message.style.js +1 -1
  35. package/esm/__internal__/validations/validation-icon.style.js +1 -1
  36. package/esm/components/accordion/accordion.style.js +1 -1
  37. package/esm/components/action-popover/action-popover.style.js +1 -1
  38. package/esm/components/adaptive-sidebar/adaptive-sidebar.style.js +1 -1
  39. package/esm/components/advanced-color-picker/advanced-color-picker-cell.style.js +1 -1
  40. package/esm/components/advanced-color-picker/advanced-color-picker.style.js +1 -1
  41. package/esm/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.style.js +1 -1
  42. package/esm/components/anchor-navigation/anchor-navigation.style.js +1 -1
  43. package/esm/components/anchor-navigation/anchor-section-divider.component.js +1 -1
  44. package/esm/components/badge/badge.style.js +1 -1
  45. package/esm/components/batch-selection/batch-selection.style.js +1 -1
  46. package/esm/components/box/box.style.js +1 -1
  47. package/esm/components/breadcrumbs/breadcrumbs.style.js +1 -1
  48. package/esm/components/breadcrumbs/crumb/crumb.style.js +1 -1
  49. package/esm/components/button/__next__/button.style.js +1 -1
  50. package/esm/components/button/button.style.js +1 -1
  51. package/esm/components/button-bar/button-bar.style.js +1 -1
  52. package/esm/components/button-minor/button-minor.style.js +1 -1
  53. package/esm/components/button-toggle/button-toggle-group/button-toggle-group.style.js +1 -1
  54. package/esm/components/button-toggle/button-toggle.style.js +1 -1
  55. package/esm/components/card/card-column/card-column.style.js +1 -1
  56. package/esm/components/card/card-footer/card-footer.style.js +1 -1
  57. package/esm/components/card/card-row/card-row.style.js +1 -1
  58. package/esm/components/card/card.style.js +1 -1
  59. package/esm/components/checkbox/checkbox-group/checkbox-group.style.js +1 -1
  60. package/esm/components/checkbox/checkbox.style.js +1 -1
  61. package/esm/components/confirm/confirm.style.js +1 -1
  62. package/esm/components/content/content.style.js +1 -1
  63. package/esm/components/date/__internal__/date-picker/day-picker.style.js +1 -1
  64. package/esm/components/date/__internal__/navbar/button.style.js +1 -1
  65. package/esm/components/date/__internal__/navbar/navbar.style.js +1 -1
  66. package/esm/components/date/__internal__/weekday/abbr.style.js +1 -1
  67. package/esm/components/date/__internal__/weekday/weekday.style.js +1 -1
  68. package/esm/components/date/date.style.js +1 -1
  69. package/esm/components/date-range/date-range.style.js +1 -1
  70. package/esm/components/decimal/__internal__/decimal-popover-button.style.js +1 -1
  71. package/esm/components/decimal/decimal.style.js +1 -1
  72. package/esm/components/definition-list/definition-list.style.js +1 -1
  73. package/esm/components/detail/detail.style.js +1 -1
  74. package/esm/components/dialog/__internal__/__next__/dialog.style.js +1 -1
  75. package/esm/components/dismissible-box/dismissible-box.style.js +1 -1
  76. package/esm/components/divider/divider.style.js +1 -1
  77. package/esm/components/draggable/draggable-item/draggable-item.style.js +1 -1
  78. package/esm/components/drawer/drawer.style.js +1 -1
  79. package/esm/components/duelling-picklist/duelling-picklist.style.js +1 -1
  80. package/esm/components/duelling-picklist/picklist/picklist.style.js +1 -1
  81. package/esm/components/duelling-picklist/picklist-divider/picklist-divider.style.js +1 -1
  82. package/esm/components/duelling-picklist/picklist-group/picklist-group.style.js +1 -1
  83. package/esm/components/duelling-picklist/picklist-item/picklist-item.style.js +1 -1
  84. package/esm/components/fieldset/fieldset.style.js +1 -1
  85. package/esm/components/file-input/__internal__/file-upload-status/file-upload-status.style.js +1 -1
  86. package/esm/components/file-input/file-input.style.js +1 -1
  87. package/esm/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.style.js +1 -1
  88. package/esm/components/flat-table/flat-table-cell/flat-table-cell.style.js +1 -1
  89. package/esm/components/flat-table/flat-table-checkbox/flat-table-checkbox.style.js +1 -1
  90. package/esm/components/flat-table/flat-table-head/flat-table-head.style.js +1 -1
  91. package/esm/components/flat-table/flat-table-header/flat-table-header.style.js +1 -1
  92. package/esm/components/flat-table/flat-table-row/flat-table-row.style.js +1 -1
  93. package/esm/components/flat-table/flat-table-row-header/flat-table-row-header.style.js +1 -1
  94. package/esm/components/flat-table/flat-table.style.js +1 -1
  95. package/esm/components/flat-table/sort/sort.style.js +1 -1
  96. package/esm/components/form/__internal__/form-summary.style.js +1 -1
  97. package/esm/components/form/form.style.js +1 -1
  98. package/esm/components/form/required-fields-indicator/required-fields-indicator.component.js +1 -1
  99. package/esm/components/global-header/global-header.component.js +1 -1
  100. package/esm/components/grid/grid-container/grid-container.style.js +1 -1
  101. package/esm/components/grid/grid-item/grid-item.style.js +1 -1
  102. package/esm/components/heading/heading.style.js +1 -1
  103. package/esm/components/help/help.style.js +1 -1
  104. package/esm/components/hr/hr.style.js +1 -1
  105. package/esm/components/icon/icon.style.js +1 -1
  106. package/esm/components/icon-button/icon-button.style.js +1 -1
  107. package/esm/components/image/image.style.js +1 -1
  108. package/esm/components/inline-inputs/inline-inputs.style.js +1 -1
  109. package/esm/components/link/link.style.js +1 -1
  110. package/esm/components/link-preview/__internal__/placeholder.component.js +1 -1
  111. package/esm/components/link-preview/link-preview.style.js +1 -1
  112. package/esm/components/loader/__next__/internal/star.style.js +1 -1
  113. package/esm/components/loader/__next__/loader.style.js +1 -1
  114. package/esm/components/loader/loader-square.style.js +1 -1
  115. package/esm/components/loader/loader.style.js +1 -1
  116. package/esm/components/loader-bar/loader-bar.style.js +1 -1
  117. package/esm/components/loader-spinner/loader-spinner.style.js +1 -1
  118. package/esm/components/loader-star/internal/star.style.js +1 -1
  119. package/esm/components/loader-star/loader-star.style.js +1 -1
  120. package/esm/components/menu/__internal__/submenu/submenu.style.js +1 -1
  121. package/esm/components/menu/menu-divider/menu-divider.style.js +1 -1
  122. package/esm/components/menu/menu-full-screen/menu-full-screen.style.js +1 -1
  123. package/esm/components/menu/menu-item/menu-item.style.js +1 -1
  124. package/esm/components/menu/menu-segment-title/menu-segment-title.style.js +1 -1
  125. package/esm/components/menu/menu.style.js +1 -1
  126. package/esm/components/menu/scrollable-block/scrollable-block.style.js +1 -1
  127. package/esm/components/message/message.style.js +1 -1
  128. package/esm/components/multi-action-button/multi-action-button.style.js +1 -1
  129. package/esm/components/navigation-bar/navigation-bar.style.js +1 -1
  130. package/esm/components/note/__internal__/status-icon/status-icon.style.js +1 -1
  131. package/esm/components/note/note.style.js +1 -1
  132. package/esm/components/numeral-date/numeral-date.style.js +1 -1
  133. package/esm/components/pager/__internal__/pagination-navigation.style.js +1 -1
  134. package/esm/components/pager/pager.style.js +1 -1
  135. package/esm/components/pages/page/page.style.js +1 -1
  136. package/esm/components/pages/pages.style.js +1 -1
  137. package/esm/components/password/password.style.js +1 -1
  138. package/esm/components/pill/pill.style.js +1 -1
  139. package/esm/components/pod/pod.style.js +1 -1
  140. package/esm/components/popover-container/popover-container.style.js +1 -1
  141. package/esm/components/portal/portal.js +1 -1
  142. package/esm/components/portal/portal.style.js +1 -1
  143. package/esm/components/portrait/portrait.style.js +1 -1
  144. package/esm/components/preview/preview.style.js +1 -1
  145. package/esm/components/profile/profile.style.js +1 -1
  146. package/esm/components/progress-tracker/progress-tracker.style.js +1 -1
  147. package/esm/components/radio-button/radio-button-group/radio-button-group.style.js +1 -1
  148. package/esm/components/radio-button/radio-button.style.js +1 -1
  149. package/esm/components/search/__internal__/legacy/search-button.style.js +1 -1
  150. package/esm/components/search/__internal__/legacy/search.style.js +1 -1
  151. package/esm/components/search/__internal__/results-announcement.component.js +1 -1
  152. package/esm/components/search/search.component.js +1 -1
  153. package/esm/components/select/__internal__/list-action-button/list-action-button.style.js +1 -1
  154. package/esm/components/select/__internal__/select-list/select-list.style.js +1 -1
  155. package/esm/components/select/__internal__/select-textbox/select-textbox.style.js +1 -1
  156. package/esm/components/select/__internal__/utils/matching-text.style.js +1 -1
  157. package/esm/components/select/multi-select/multi-select.style.js +1 -1
  158. package/esm/components/select/option/option.style.js +1 -1
  159. package/esm/components/select/option-group-header/option-group-header.style.js +1 -1
  160. package/esm/components/select/option-row/option-row.style.js +1 -1
  161. package/esm/components/select/select.style.js +1 -1
  162. package/esm/components/settings-row/settings-row.style.js +1 -1
  163. package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js +1 -1
  164. package/esm/components/sidebar/sidebar.style.js +1 -1
  165. package/esm/components/simple-color-picker/simple-color/simple-color.style.js +1 -1
  166. package/esm/components/simple-color-picker/simple-color-picker.style.js +1 -1
  167. package/esm/components/split-button/split-button-children.style.js +1 -1
  168. package/esm/components/split-button/split-button-toggle.style.js +1 -1
  169. package/esm/components/split-button/split-button.style.js +1 -1
  170. package/esm/components/step-flow/step-flow.style.js +1 -1
  171. package/esm/components/step-sequence/step-sequence-item/step-sequence-item.style.js +1 -1
  172. package/esm/components/step-sequence/step-sequence.style.js +1 -1
  173. package/esm/components/switch/switch.style.js +1 -1
  174. package/esm/components/tabs/__next__/tabs.style.js +1 -1
  175. package/esm/components/text-editor/__internal__/__ui__/CharacterCounter/character-counter.style.js +1 -1
  176. package/esm/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.style.js +1 -1
  177. package/esm/components/text-editor/__internal__/__ui__/Mentions/mentions.style.js +1 -1
  178. package/esm/components/text-editor/__internal__/__ui__/Placeholder/placeholder.style.js +1 -1
  179. package/esm/components/text-editor/__internal__/__ui__/Toolbar/button-group/button-group.style.js +1 -1
  180. package/esm/components/text-editor/__internal__/__ui__/Toolbar/buttons/typography-dropdown/dropdown.style.js +1 -1
  181. package/esm/components/text-editor/__internal__/__ui__/Toolbar/toolbar.style.js +1 -1
  182. package/esm/components/text-editor/text-editor.style.js +1 -1
  183. package/esm/components/textarea/__internal__/tokens/index.d.ts +24 -0
  184. package/esm/components/textarea/__internal__/tokens/index.js +1 -0
  185. package/esm/components/textarea/textarea.component.d.ts +27 -17
  186. package/esm/components/textarea/textarea.component.js +1 -1
  187. package/esm/components/textarea/textarea.style.d.ts +25 -2
  188. package/esm/components/textarea/textarea.style.js +1 -1
  189. package/esm/components/textbox/__internal__/__next__/text-input.style.js +1 -1
  190. package/esm/components/tile/tile-content/tile-content.style.js +1 -1
  191. package/esm/components/tile/tile-footer/tile-footer.style.js +1 -1
  192. package/esm/components/tile/tile-header/tile-header.style.js +1 -1
  193. package/esm/components/tile/tile.style.js +1 -1
  194. package/esm/components/tile-select/__internal__/accordion/accordion.style.js +1 -1
  195. package/esm/components/tile-select/tile-select.style.js +1 -1
  196. package/esm/components/time/time.style.js +1 -1
  197. package/esm/components/toast/toast.style.js +1 -1
  198. package/esm/components/tokens-wrapper/__internal__/context/index.d.ts +1 -0
  199. package/esm/components/tokens-wrapper/__internal__/context/index.js +1 -0
  200. package/esm/components/tokens-wrapper/__internal__/context/tokens-wrapper.context.d.ts +4 -0
  201. package/esm/components/tokens-wrapper/__internal__/context/tokens-wrapper.context.js +1 -0
  202. package/esm/components/tokens-wrapper/__internal__/hooks/index.js +1 -0
  203. package/esm/components/tokens-wrapper/__internal__/hooks/useModeSwitcher.d.ts +2 -0
  204. package/esm/components/tokens-wrapper/__internal__/hooks/useModeSwitcher.js +1 -0
  205. package/esm/components/tokens-wrapper/__internal__/static-tokens/index.d.ts +1 -1
  206. package/esm/components/tokens-wrapper/__internal__/static-tokens/index.js +1 -1
  207. package/esm/components/tokens-wrapper/__internal__/utils/generate-tokens-from-overrides.d.ts +88 -0
  208. package/esm/components/tokens-wrapper/__internal__/utils/generate-tokens-from-overrides.js +1 -0
  209. package/esm/components/tokens-wrapper/index.d.ts +1 -0
  210. package/esm/components/tokens-wrapper/tokens-wrapper.component.d.ts +5 -1
  211. package/esm/components/tokens-wrapper/tokens-wrapper.component.js +1 -1
  212. package/esm/components/tooltip/tooltip-pointer.style.js +1 -1
  213. package/esm/components/tooltip/tooltip.style.js +1 -1
  214. package/esm/components/typography/__internal__/__next__/typography.style.js +1 -1
  215. package/esm/components/typography/typography.style.js +1 -1
  216. package/esm/components/vertical-divider/vertical-divider.style.js +1 -1
  217. package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js +1 -1
  218. package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js +1 -1
  219. package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js +1 -1
  220. package/esm/components/vertical-menu/vertical-menu.style.js +1 -1
  221. package/esm/hooks/useCharacterCount/useCharacterCount.d.ts +1 -1
  222. package/esm/hooks/useCharacterCount/useCharacterCount.js +1 -1
  223. package/esm/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js +1 -1
  224. package/esm/style/utils/get-hex-value.d.ts +9 -0
  225. package/esm/style/utils/get-hex-value.js +1 -1
  226. package/lib/__internal__/character-count/character-count.component.d.ts +3 -1
  227. package/lib/__internal__/character-count/character-count.component.js +1 -1
  228. package/lib/__internal__/character-count/character-count.style.d.ts +3 -0
  229. package/lib/__internal__/character-count/character-count.style.js +1 -1
  230. package/lib/__internal__/checkable-input/checkable-input.style.js +1 -1
  231. package/lib/__internal__/checkable-input/hidden-checkable-input.style.js +1 -1
  232. package/lib/__internal__/error-border/error-border.style.js +1 -1
  233. package/lib/__internal__/field-help/field-help.style.js +1 -1
  234. package/lib/__internal__/fieldset/__next__/fieldset.style.js +1 -1
  235. package/lib/__internal__/fieldset/fieldset.style.js +1 -1
  236. package/lib/__internal__/form-field/form-field.style.js +1 -1
  237. package/lib/__internal__/full-screen-heading/full-screen-heading.style.js +1 -1
  238. package/lib/__internal__/hint-text/hint-text.style.js +1 -1
  239. package/lib/__internal__/input/input.style.js +1 -1
  240. package/lib/__internal__/input-icon-toggle/input-icon-toggle.style.js +1 -1
  241. package/lib/__internal__/label/label.style.js +1 -1
  242. package/lib/__internal__/legacy-error-border/error-border.style.js +1 -1
  243. package/lib/__internal__/legacy-hint-text/hint-text.style.js +1 -1
  244. package/lib/__internal__/legacy-input/input-presentation.style.js +1 -1
  245. package/lib/__internal__/legacy-input/input.style.js +1 -1
  246. package/lib/__internal__/legacy-label/icon-wrapper.style.js +1 -1
  247. package/lib/__internal__/legacy-label/label.style.js +1 -1
  248. package/lib/__internal__/modal/modal.style.js +1 -1
  249. package/lib/__internal__/popover/popover.component.js +1 -1
  250. package/lib/__internal__/popover/popover.style.js +1 -1
  251. package/lib/__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js +1 -1
  252. package/lib/__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js +1 -1
  253. package/lib/__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js +1 -1
  254. package/lib/__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js +1 -1
  255. package/lib/__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.js +1 -1
  256. package/lib/__internal__/popover-menu/menu-item/menu-item.component.js +1 -1
  257. package/lib/__internal__/popover-menu/popover-menu.component.js +1 -1
  258. package/lib/__internal__/validation-message/__next__/validation-message.style.js +1 -1
  259. package/lib/__internal__/validation-message/validation-message.style.js +1 -1
  260. package/lib/__internal__/validations/validation-icon.style.js +1 -1
  261. package/lib/components/accordion/accordion.style.js +1 -1
  262. package/lib/components/action-popover/action-popover.style.js +1 -1
  263. package/lib/components/adaptive-sidebar/adaptive-sidebar.style.js +1 -1
  264. package/lib/components/advanced-color-picker/advanced-color-picker-cell.style.js +1 -1
  265. package/lib/components/advanced-color-picker/advanced-color-picker.style.js +1 -1
  266. package/lib/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.style.js +1 -1
  267. package/lib/components/anchor-navigation/anchor-navigation.style.js +1 -1
  268. package/lib/components/anchor-navigation/anchor-section-divider.component.js +1 -1
  269. package/lib/components/badge/badge.style.js +1 -1
  270. package/lib/components/batch-selection/batch-selection.style.js +1 -1
  271. package/lib/components/box/box.style.js +1 -1
  272. package/lib/components/breadcrumbs/breadcrumbs.style.js +1 -1
  273. package/lib/components/breadcrumbs/crumb/crumb.style.js +1 -1
  274. package/lib/components/button/__next__/button.style.js +1 -1
  275. package/lib/components/button/button.style.js +1 -1
  276. package/lib/components/button-bar/button-bar.style.js +1 -1
  277. package/lib/components/button-minor/button-minor.style.js +1 -1
  278. package/lib/components/button-toggle/button-toggle-group/button-toggle-group.style.js +1 -1
  279. package/lib/components/button-toggle/button-toggle.style.js +1 -1
  280. package/lib/components/card/card-column/card-column.style.js +1 -1
  281. package/lib/components/card/card-footer/card-footer.style.js +1 -1
  282. package/lib/components/card/card-row/card-row.style.js +1 -1
  283. package/lib/components/card/card.style.js +1 -1
  284. package/lib/components/checkbox/checkbox-group/checkbox-group.style.js +1 -1
  285. package/lib/components/checkbox/checkbox.style.js +1 -1
  286. package/lib/components/confirm/confirm.style.js +1 -1
  287. package/lib/components/content/content.style.js +1 -1
  288. package/lib/components/date/__internal__/date-picker/day-picker.style.js +1 -1
  289. package/lib/components/date/__internal__/navbar/button.style.js +1 -1
  290. package/lib/components/date/__internal__/navbar/navbar.style.js +1 -1
  291. package/lib/components/date/__internal__/weekday/abbr.style.js +1 -1
  292. package/lib/components/date/__internal__/weekday/weekday.style.js +1 -1
  293. package/lib/components/date/date.style.js +1 -1
  294. package/lib/components/date-range/date-range.style.js +1 -1
  295. package/lib/components/decimal/__internal__/decimal-popover-button.style.js +1 -1
  296. package/lib/components/decimal/decimal.style.js +1 -1
  297. package/lib/components/definition-list/definition-list.style.js +1 -1
  298. package/lib/components/detail/detail.style.js +1 -1
  299. package/lib/components/dialog/__internal__/__next__/dialog.style.js +1 -1
  300. package/lib/components/dismissible-box/dismissible-box.style.js +1 -1
  301. package/lib/components/divider/divider.style.js +1 -1
  302. package/lib/components/draggable/draggable-item/draggable-item.style.js +1 -1
  303. package/lib/components/drawer/drawer.style.js +1 -1
  304. package/lib/components/duelling-picklist/duelling-picklist.style.js +1 -1
  305. package/lib/components/duelling-picklist/picklist/picklist.style.js +1 -1
  306. package/lib/components/duelling-picklist/picklist-divider/picklist-divider.style.js +1 -1
  307. package/lib/components/duelling-picklist/picklist-group/picklist-group.style.js +1 -1
  308. package/lib/components/duelling-picklist/picklist-item/picklist-item.style.js +1 -1
  309. package/lib/components/fieldset/fieldset.style.js +1 -1
  310. package/lib/components/file-input/__internal__/file-upload-status/file-upload-status.style.js +1 -1
  311. package/lib/components/file-input/file-input.style.js +1 -1
  312. package/lib/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.style.js +1 -1
  313. package/lib/components/flat-table/flat-table-cell/flat-table-cell.style.js +1 -1
  314. package/lib/components/flat-table/flat-table-checkbox/flat-table-checkbox.style.js +1 -1
  315. package/lib/components/flat-table/flat-table-head/flat-table-head.style.js +1 -1
  316. package/lib/components/flat-table/flat-table-header/flat-table-header.style.js +1 -1
  317. package/lib/components/flat-table/flat-table-row/flat-table-row.style.js +1 -1
  318. package/lib/components/flat-table/flat-table-row-header/flat-table-row-header.style.js +1 -1
  319. package/lib/components/flat-table/flat-table.style.js +1 -1
  320. package/lib/components/flat-table/sort/sort.style.js +1 -1
  321. package/lib/components/form/__internal__/form-summary.style.js +1 -1
  322. package/lib/components/form/form.style.js +1 -1
  323. package/lib/components/form/required-fields-indicator/required-fields-indicator.component.js +1 -1
  324. package/lib/components/global-header/global-header.component.js +1 -1
  325. package/lib/components/grid/grid-container/grid-container.style.js +1 -1
  326. package/lib/components/grid/grid-item/grid-item.style.js +1 -1
  327. package/lib/components/heading/heading.style.js +1 -1
  328. package/lib/components/help/help.style.js +1 -1
  329. package/lib/components/hr/hr.style.js +1 -1
  330. package/lib/components/icon/icon.style.js +1 -1
  331. package/lib/components/icon-button/icon-button.style.js +1 -1
  332. package/lib/components/image/image.style.js +1 -1
  333. package/lib/components/inline-inputs/inline-inputs.style.js +1 -1
  334. package/lib/components/link/link.style.js +1 -1
  335. package/lib/components/link-preview/__internal__/placeholder.component.js +1 -1
  336. package/lib/components/link-preview/link-preview.style.js +1 -1
  337. package/lib/components/loader/__next__/internal/star.style.js +1 -1
  338. package/lib/components/loader/__next__/loader.style.js +1 -1
  339. package/lib/components/loader/loader-square.style.js +1 -1
  340. package/lib/components/loader/loader.style.js +1 -1
  341. package/lib/components/loader-bar/loader-bar.style.js +1 -1
  342. package/lib/components/loader-spinner/loader-spinner.style.js +1 -1
  343. package/lib/components/loader-star/internal/star.style.js +1 -1
  344. package/lib/components/loader-star/loader-star.style.js +1 -1
  345. package/lib/components/menu/__internal__/submenu/submenu.style.js +1 -1
  346. package/lib/components/menu/menu-divider/menu-divider.style.js +1 -1
  347. package/lib/components/menu/menu-full-screen/menu-full-screen.style.js +1 -1
  348. package/lib/components/menu/menu-item/menu-item.style.js +1 -1
  349. package/lib/components/menu/menu-segment-title/menu-segment-title.style.js +1 -1
  350. package/lib/components/menu/menu.style.js +1 -1
  351. package/lib/components/menu/scrollable-block/scrollable-block.style.js +1 -1
  352. package/lib/components/message/message.style.js +1 -1
  353. package/lib/components/multi-action-button/multi-action-button.style.js +1 -1
  354. package/lib/components/navigation-bar/navigation-bar.style.js +1 -1
  355. package/lib/components/note/__internal__/status-icon/status-icon.style.js +1 -1
  356. package/lib/components/note/note.style.js +1 -1
  357. package/lib/components/numeral-date/numeral-date.style.js +1 -1
  358. package/lib/components/pager/__internal__/pagination-navigation.style.js +1 -1
  359. package/lib/components/pager/pager.style.js +1 -1
  360. package/lib/components/pages/page/page.style.js +1 -1
  361. package/lib/components/pages/pages.style.js +1 -1
  362. package/lib/components/password/password.style.js +1 -1
  363. package/lib/components/pill/pill.style.js +1 -1
  364. package/lib/components/pod/pod.style.js +1 -1
  365. package/lib/components/popover-container/popover-container.style.js +1 -1
  366. package/lib/components/portal/portal.js +1 -1
  367. package/lib/components/portal/portal.style.js +1 -1
  368. package/lib/components/portrait/portrait.style.js +1 -1
  369. package/lib/components/preview/preview.style.js +1 -1
  370. package/lib/components/profile/profile.style.js +1 -1
  371. package/lib/components/progress-tracker/progress-tracker.style.js +1 -1
  372. package/lib/components/radio-button/radio-button-group/radio-button-group.style.js +1 -1
  373. package/lib/components/radio-button/radio-button.style.js +1 -1
  374. package/lib/components/search/__internal__/legacy/search-button.style.js +1 -1
  375. package/lib/components/search/__internal__/legacy/search.style.js +1 -1
  376. package/lib/components/search/__internal__/results-announcement.component.js +1 -1
  377. package/lib/components/search/search.component.js +1 -1
  378. package/lib/components/select/__internal__/list-action-button/list-action-button.style.js +1 -1
  379. package/lib/components/select/__internal__/select-list/select-list.style.js +1 -1
  380. package/lib/components/select/__internal__/select-textbox/select-textbox.style.js +1 -1
  381. package/lib/components/select/__internal__/utils/matching-text.style.js +1 -1
  382. package/lib/components/select/multi-select/multi-select.style.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__/Mentions/mentions.style.js +1 -1
  403. package/lib/components/text-editor/__internal__/__ui__/Placeholder/placeholder.style.js +1 -1
  404. package/lib/components/text-editor/__internal__/__ui__/Toolbar/button-group/button-group.style.js +1 -1
  405. package/lib/components/text-editor/__internal__/__ui__/Toolbar/buttons/typography-dropdown/dropdown.style.js +1 -1
  406. package/lib/components/text-editor/__internal__/__ui__/Toolbar/toolbar.style.js +1 -1
  407. package/lib/components/text-editor/text-editor.style.js +1 -1
  408. package/lib/components/textarea/__internal__/tokens/index.d.ts +24 -0
  409. package/lib/components/textarea/__internal__/tokens/index.js +1 -0
  410. package/lib/components/textarea/__internal__/tokens/package.json +5 -0
  411. package/lib/components/textarea/textarea.component.d.ts +27 -17
  412. package/lib/components/textarea/textarea.component.js +1 -1
  413. package/lib/components/textarea/textarea.style.d.ts +25 -2
  414. package/lib/components/textarea/textarea.style.js +1 -1
  415. package/lib/components/textbox/__internal__/__next__/text-input.style.js +1 -1
  416. package/lib/components/tile/tile-content/tile-content.style.js +1 -1
  417. package/lib/components/tile/tile-footer/tile-footer.style.js +1 -1
  418. package/lib/components/tile/tile-header/tile-header.style.js +1 -1
  419. package/lib/components/tile/tile.style.js +1 -1
  420. package/lib/components/tile-select/__internal__/accordion/accordion.style.js +1 -1
  421. package/lib/components/tile-select/tile-select.style.js +1 -1
  422. package/lib/components/time/time.style.js +1 -1
  423. package/lib/components/toast/toast.style.js +1 -1
  424. package/lib/components/tokens-wrapper/__internal__/context/index.d.ts +1 -0
  425. package/lib/components/tokens-wrapper/__internal__/context/index.js +1 -0
  426. package/lib/components/tokens-wrapper/__internal__/context/package.json +5 -0
  427. package/lib/components/tokens-wrapper/__internal__/context/tokens-wrapper.context.d.ts +4 -0
  428. package/lib/components/tokens-wrapper/__internal__/context/tokens-wrapper.context.js +1 -0
  429. package/lib/components/tokens-wrapper/__internal__/hooks/index.js +1 -0
  430. package/lib/components/tokens-wrapper/__internal__/hooks/package.json +5 -0
  431. package/lib/components/tokens-wrapper/__internal__/hooks/useModeSwitcher.d.ts +2 -0
  432. package/lib/components/tokens-wrapper/__internal__/hooks/useModeSwitcher.js +1 -0
  433. package/lib/components/tokens-wrapper/__internal__/static-tokens/index.d.ts +1 -1
  434. package/lib/components/tokens-wrapper/__internal__/static-tokens/index.js +1 -1
  435. package/lib/components/tokens-wrapper/__internal__/utils/generate-tokens-from-overrides.d.ts +88 -0
  436. package/lib/components/tokens-wrapper/__internal__/utils/generate-tokens-from-overrides.js +1 -0
  437. package/lib/components/tokens-wrapper/index.d.ts +1 -0
  438. package/lib/components/tokens-wrapper/tokens-wrapper.component.d.ts +5 -1
  439. package/lib/components/tokens-wrapper/tokens-wrapper.component.js +1 -1
  440. package/lib/components/tooltip/tooltip-pointer.style.js +1 -1
  441. package/lib/components/tooltip/tooltip.style.js +1 -1
  442. package/lib/components/typography/__internal__/__next__/typography.style.js +1 -1
  443. package/lib/components/typography/typography.style.js +1 -1
  444. package/lib/components/vertical-divider/vertical-divider.style.js +1 -1
  445. package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js +1 -1
  446. package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js +1 -1
  447. package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js +1 -1
  448. package/lib/components/vertical-menu/vertical-menu.style.js +1 -1
  449. package/lib/hooks/useCharacterCount/useCharacterCount.d.ts +1 -1
  450. package/lib/hooks/useCharacterCount/useCharacterCount.js +1 -1
  451. package/lib/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js +1 -1
  452. package/lib/style/utils/get-hex-value.d.ts +9 -0
  453. package/lib/style/utils/get-hex-value.js +1 -1
  454. package/package.json +12 -13
@@ -1 +1 @@
1
- "use strict";var e=require("styled-components"),a=require("styled-system");function o(e){return e&&e.__esModule?e:{default:e}}var r=o(e);const t={small:{contentMargin:"var(--global-space-comp-xs)",validationGap:"var(--global-space-comp-xs)",headerPadding:"var(--global-space-comp-s)",footerPadding:"var(--global-space-comp-s)"},medium:{contentMargin:"var(--global-space-comp-s)",validationGap:"var(--global-space-comp-s)",headerPadding:"var(--global-space-comp-m)",footerPadding:"var(--global-space-comp-m)"},large:{contentMargin:"var(--global-space-comp-m)",validationGap:"var(--global-space-comp-s)",headerPadding:"var(--global-space-comp-l)",footerPadding:"var(--global-space-comp-l)"}},l=r.default.div.withConfig({displayName:"text-editor.style__StyledTextEditor",componentId:"carbon_v161_9_2__sc-24366676-0"})(["position:relative;box-sizing:border-box;",""],(({error:a})=>a&&e.css(["margin:-1px;"]))),d=r.default.div.withConfig({displayName:"text-editor.style__StyledTextEditorWrapper",componentId:"carbon_v161_9_2__sc-24366676-1"})(["margin-bottom:var(--fieldSpacing);"," min-width:288px;display:flex;flex-direction:column;"],a.margin),i=r.default.div.withConfig({displayName:"text-editor.style__StyledWrapper",componentId:"carbon_v161_9_2__sc-24366676-2"})(["",""],(({size:a})=>e.css(["display:flex;flex-direction:column;gap:",";margin-top:",';position:relative;.textBold{font-weight:bold !important;}.textItalic{font-style:italic;}.textUnderline{text-decoration:underline;}a:not([data-component="link-preview"]){color:var(--link-typical-label-default);cursor:pointer;&:hover{color:var(--link-typical-label-hover);}&:focus{outline:none;text-decoration:none;color:var(--focus-label);background-color:var(--focus-bg);border-radius:var(--global-radius-action-xs);box-shadow:0 var(--global-size-5-xs) 0 0 var(--focus-borderalt);}}'],t[a].validationGap,t[a].contentMargin))),n=r.default.div.withConfig({displayName:"text-editor.style__StyledEditorToolbarWrapper",componentId:"carbon_v161_9_2__sc-24366676-3"})(["border-radius:var(--global-radius-container-m);border:var(--global-borderwidth-xs) solid var(--input-typical-border-default);background-color:var(--input-typical-bg-default);",";"],(({isReadOnly:a})=>a&&e.css(["border-color:var(--input-typical-border-read-only);background-color:var(--input-typical-bg-read-only);"]))),p=r.default.div.withConfig({displayName:"text-editor.style__StyledHeaderWrapper",componentId:"carbon_v161_9_2__sc-24366676-4"})(["",";"],(({size:a})=>e.css(["padding:"," "," 0;"],t[a].headerPadding,t[a].headerPadding))),s=r.default.div.withConfig({displayName:"text-editor.style__StyledFooterWrapper",componentId:"carbon_v161_9_2__sc-24366676-5"})(["border-top:var(--global-borderwidth-xs) solid var(--input-typical-border-default);",";"],(({size:a})=>e.css(["padding:",";"],t[a].footerPadding)));exports.StyledEditorToolbarWrapper=n,exports.StyledFooterWrapper=s,exports.StyledHeaderWrapper=p,exports.StyledTextEditor=l,exports.StyledTextEditorWrapper=d,exports.StyledWrapper=i;
1
+ "use strict";var e=require("styled-components"),a=require("styled-system");function o(e){return e&&e.__esModule?e:{default:e}}var r=o(e);const t={small:{contentMargin:"var(--global-space-comp-xs)",validationGap:"var(--global-space-comp-xs)",headerPadding:"var(--global-space-comp-s)",footerPadding:"var(--global-space-comp-s)"},medium:{contentMargin:"var(--global-space-comp-s)",validationGap:"var(--global-space-comp-s)",headerPadding:"var(--global-space-comp-m)",footerPadding:"var(--global-space-comp-m)"},large:{contentMargin:"var(--global-space-comp-m)",validationGap:"var(--global-space-comp-s)",headerPadding:"var(--global-space-comp-l)",footerPadding:"var(--global-space-comp-l)"}},l=r.default.div.withConfig({displayName:"text-editor.style__StyledTextEditor",componentId:"carbon_v161_11_0__sc-24366676-0"})(["position:relative;box-sizing:border-box;",""],(({error:a})=>a&&e.css(["margin:-1px;"]))),d=r.default.div.withConfig({displayName:"text-editor.style__StyledTextEditorWrapper",componentId:"carbon_v161_11_0__sc-24366676-1"})(["margin-bottom:var(--fieldSpacing);"," min-width:288px;display:flex;flex-direction:column;"],a.margin),i=r.default.div.withConfig({displayName:"text-editor.style__StyledWrapper",componentId:"carbon_v161_11_0__sc-24366676-2"})(["",""],(({size:a})=>e.css(["display:flex;flex-direction:column;gap:",";margin-top:",';position:relative;.textBold{font-weight:bold !important;}.textItalic{font-style:italic;}.textUnderline{text-decoration:underline;}a:not([data-component="link-preview"]){color:var(--link-typical-label-default);cursor:pointer;&:hover{color:var(--link-typical-label-hover);}&:focus{outline:none;text-decoration:none;color:var(--focus-label);background-color:var(--focus-bg);border-radius:var(--global-radius-action-xs);box-shadow:0 var(--global-size-5-xs) 0 0 var(--focus-borderalt);}}'],t[a].validationGap,t[a].contentMargin))),n=r.default.div.withConfig({displayName:"text-editor.style__StyledEditorToolbarWrapper",componentId:"carbon_v161_11_0__sc-24366676-3"})(["border-radius:var(--global-radius-container-m);border:var(--global-borderwidth-xs) solid var(--input-typical-border-default);background-color:var(--input-typical-bg-default);",";"],(({isReadOnly:a})=>a&&e.css(["border-color:var(--input-typical-border-read-only);background-color:var(--input-typical-bg-read-only);"]))),p=r.default.div.withConfig({displayName:"text-editor.style__StyledHeaderWrapper",componentId:"carbon_v161_11_0__sc-24366676-4"})(["",";"],(({size:a})=>e.css(["padding:"," "," 0;"],t[a].headerPadding,t[a].headerPadding))),s=r.default.div.withConfig({displayName:"text-editor.style__StyledFooterWrapper",componentId:"carbon_v161_11_0__sc-24366676-5"})(["border-top:var(--global-borderwidth-xs) solid var(--input-typical-border-default);",";"],(({size:a})=>e.css(["padding:",";"],t[a].footerPadding)));exports.StyledEditorToolbarWrapper=n,exports.StyledFooterWrapper=s,exports.StyledHeaderWrapper=p,exports.StyledTextEditor=l,exports.StyledTextEditorWrapper=d,exports.StyledWrapper=i;
@@ -0,0 +1,24 @@
1
+ export declare const globalFontStaticCompRegularS: {
2
+ fontFamily: string;
3
+ fontWeight: string;
4
+ lineHeight: number;
5
+ fontSize: string;
6
+ paragraphSpacing: string;
7
+ };
8
+ export declare const globalFontStaticCompRegularM: {
9
+ fontFamily: string;
10
+ fontWeight: string;
11
+ lineHeight: number;
12
+ fontSize: string;
13
+ paragraphSpacing: string;
14
+ };
15
+ export declare const globalFontStaticCompRegularL: {
16
+ fontFamily: string;
17
+ fontWeight: string;
18
+ lineHeight: number;
19
+ fontSize: string;
20
+ paragraphSpacing: string;
21
+ };
22
+ export declare const globalSpaceCompXs = "4px";
23
+ export declare const globalSpaceCompS = "8px";
24
+ export declare const globalSpaceCompM = "12px";
@@ -0,0 +1 @@
1
+ "use strict";exports.globalFontStaticCompRegularL={fontFamily:"var(--global-font-families-component)",fontWeight:"400",lineHeight:1.5,fontSize:"16px",paragraphSpacing:"0"},exports.globalFontStaticCompRegularM={fontFamily:"var(--global-font-families-component)",fontWeight:"400",lineHeight:1.5,fontSize:"14px",paragraphSpacing:"0"},exports.globalFontStaticCompRegularS={fontFamily:"var(--global-font-families-component)",fontWeight:"400",lineHeight:1.5,fontSize:"14px",paragraphSpacing:"0"},exports.globalSpaceCompM="12px",exports.globalSpaceCompS="8px",exports.globalSpaceCompXs="4px";
@@ -0,0 +1,5 @@
1
+ {
2
+ "sideEffects": false,
3
+ "module": "../../../../../esm/components/textarea/__internal__/tokens/index.js",
4
+ "types": "./index.d.ts"
5
+ }
@@ -5,13 +5,15 @@ import { ValidationProps } from "../../__internal__/validations";
5
5
  import { TagProps } from "../../__internal__/utils/helpers/tags";
6
6
  import { CommonInputProps } from "../../__internal__/legacy-input";
7
7
  import { BorderRadiusType } from "../box/box.component";
8
+ export declare const parseValueUnit: (str: string) => number;
9
+ export declare const getDefaultMinHeightBySize: (size: "small" | "medium" | "large") => number;
8
10
  export interface TextareaProps extends ValidationProps, MarginProps, Omit<CommonInputProps, "size">, TagProps {
9
11
  /** Prop to specify the aria-labelledby property of the component */
10
12
  "aria-labelledby"?: string;
11
13
  /** id of the input */
12
14
  id?: string;
13
15
  /**
14
- * Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set
16
+ * @deprecated Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set. This property is deprecated and will be removed in future versions.
15
17
  **/
16
18
  adaptiveLabelBreakpoint?: number;
17
19
  /** Automatically focus the input on component mount */
@@ -30,16 +32,19 @@ export interface TextareaProps extends ValidationProps, MarginProps, Omit<Common
30
32
  error?: boolean | string;
31
33
  /** Allows the Textareas Height to change based on user input */
32
34
  expandable?: boolean;
35
+ /** Specifies the number of visible text lines. When set, the textarea expands up to this maximum height. */
36
+ maxRows?: number;
33
37
  /** A hint string rendered before the input but after the label. Intended to describe the purpose or content of the input. */
34
38
  inputHint?: string;
35
- /** [Legacy] Help content to be displayed under an input */
39
+ /** @deprecated [Legacy] Help content to be displayed under an input. This property is deprecated and will be removed in future versions. */
36
40
  fieldHelp?: React.ReactNode;
37
- /** [Legacy] Aria label for rendered help component */
41
+ /** @deprecated [Legacy] Aria label for rendered help component. This property is deprecated and will be removed in future versions. */
38
42
  helpAriaLabel?: string;
39
43
  /**
40
- * [Legacy] Indicate additional information.
44
+ * @deprecated [Legacy] Indicate additional information.
41
45
  * Pass string to display icon, tooltip and blue border.
42
46
  * Pass true boolean to only display blue border.
47
+ * This property is deprecated and will be removed in future versions.
43
48
  */
44
49
  info?: boolean | string;
45
50
  /**
@@ -48,7 +53,7 @@ export interface TextareaProps extends ValidationProps, MarginProps, Omit<Common
48
53
  * Icon to display inside of the Textarea
49
54
  */
50
55
  inputIcon?: IconType;
51
- /** [Legacy] Width of an input in percentage. Works only when labelInline is true */
56
+ /** @deprecated [Legacy] Width of an input in percentage. Works only when labelInline is true. This property is deprecated and will be removed in future versions. */
52
57
  inputWidth?: number;
53
58
  /**
54
59
  * Prop for specifying the max width of the input.
@@ -57,19 +62,19 @@ export interface TextareaProps extends ValidationProps, MarginProps, Omit<Common
57
62
  maxWidth?: string;
58
63
  /** The content of the label for the input */
59
64
  label?: string;
60
- /** Label alignment */
65
+ /** @deprecated Label alignment. This property is deprecated and will be removed in future versions. */
61
66
  labelAlign?: "left" | "right";
62
67
  /**
63
- * [Legacy] Text applied to label help tooltip. When opted into new design validations
68
+ * @deprecated [Legacy] Text applied to label help tooltip. When opted into new design validations
64
69
  * it will render as a hint above the input, unless an `inputHint`
65
- * prop is also passed
70
+ * prop is also passed. This property is deprecated and will be removed in future versions.
66
71
  */
67
72
  labelHelp?: React.ReactNode;
68
- /** [Legacy] When true, label is placed in line an input */
73
+ /** When true, label is placed in line an input */
69
74
  labelInline?: boolean;
70
- /** [Legacy] Spacing between label and a field for inline label, given number will be multiplied by base spacing unit (8) */
75
+ /** @deprecated [Legacy] Spacing between label and a field for inline label, given number will be multiplied by base spacing unit (8). This property is deprecated and will be removed in future versions. */
71
76
  labelSpacing?: 1 | 2;
72
- /** [Legacy] Width of a label in percentage. Works only when labelInline is true */
77
+ /** @deprecated [Legacy] Width of a label in percentage. Works only when labelInline is true. This property is deprecated and will be removed in future versions. */
73
78
  labelWidth?: number;
74
79
  /** Name of the input */
75
80
  name?: string;
@@ -80,15 +85,14 @@ export interface TextareaProps extends ValidationProps, MarginProps, Omit<Common
80
85
  /** Adds readOnly property */
81
86
  readOnly?: boolean;
82
87
  /**
83
- * [Legacy] Flag to configure component as optional.
84
- * @deprecated If the value of this component is not required, use the `required` prop and set it to false instead.
88
+ * @deprecated [Legacy] Flag to configure component as optional. If the value of this component is not required, use the `required` prop and set it to false instead. This property is deprecated and will be removed in future versions.
85
89
  */
86
90
  isOptional?: boolean;
87
91
  /** The number of visible text lines for the control. When set, this determines the height of the textarea, and the minHeight property is ignored. */
88
92
  rows?: number;
89
- /** [Legacy] Overrides the default tooltip position */
93
+ /** @deprecated [Legacy] Overrides the default tooltip position. This property is deprecated and will be removed in future versions. */
90
94
  tooltipPosition?: "top" | "bottom" | "left" | "right";
91
- /** [Legacy] When true, validation icon will be placed on label instead of being placed on the input */
95
+ /** @deprecated [Legacy] When true, validation icon will be placed on label instead of being placed on the input. This property is deprecated and will be removed in future versions. */
92
96
  validationOnLabel?: boolean;
93
97
  /** The value of the Textbox */
94
98
  value: string;
@@ -98,14 +102,20 @@ export interface TextareaProps extends ValidationProps, MarginProps, Omit<Common
98
102
  * Pass true boolean to only display orange border.
99
103
  */
100
104
  warning?: boolean | string;
101
- /** Specify a custom border radius for the component. Any valid border-radius design token, or an array of border-radius design tokens. */
105
+ /** @deprecated Specify a custom border radius for the component. Any valid border-radius design token, or an array of border-radius design tokens. This property is deprecated and will be removed in future versions.*/
102
106
  borderRadius?: BorderRadiusType | BorderRadiusType[];
103
- /** Hides the borders for the component. Please note that validation and focus styling will still be applied */
107
+ /** @deprecated Hides the borders for the component. Please note that validation and focus styling will still be applied. This property is deprecated and will be removed in future versions. */
104
108
  hideBorders?: boolean;
105
109
  /** Specify the minimum height. This property is only applied if rows is not set. */
106
110
  minHeight?: number;
107
111
  /** Render the ValidationMessage above the Textarea when validationRedesignOptIn flag is set */
108
112
  validationMessagePositionTop?: boolean;
113
+ /** @deprecated Override the variant component. This property is deprecated and will be removed in future versions. */
114
+ as?: CommonInputProps["as"];
115
+ /** Specify the resize behavior of the textarea */
116
+ resize?: "none" | "both" | "horizontal" | "vertical";
117
+ /** Size of the textarea. */
118
+ size?: "small" | "medium" | "large";
109
119
  }
110
120
  export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
111
121
  export { Textarea as OriginalTextarea };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../__internal__/utils/helpers/tags/tags.js"),i=require("../../__internal__/legacy-input/input.component.js"),n=require("../../__internal__/legacy-input/input-presentation.component.js"),l=require("../../__internal__/form-field/form-field.component.js"),a=require("../../hooks/useCharacterCount/useCharacterCount.js"),o=require("../../__internal__/input-behaviour/input-behaviour.component.js"),d=require("../../__internal__/input-icon-toggle/input-icon-toggle.component.js"),s=require("../../__internal__/utils/helpers/guid/index.js"),u=require("./textarea.style.js"),c=require("../../__internal__/tooltip-provider/index.js"),p=require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),b=require("../carbon-provider/__internal__/new-validation.context.js"),f=require("../../__internal__/legacy-error-border/error-border.style.js"),g=require("../../__internal__/validation-message/validation-message.component.js"),h=require("../box/box.component.js"),_=require("../../__internal__/utils/logger/index.js"),v=require("../../__internal__/legacy-hint-text/hint-text.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var y=require("../../style/utils/filter-styled-system-margin-props.js"),j=require("../fieldset/__internal__/fieldset.context.js");function m(e){return e&&e.__esModule?e:{default:e}}function x(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function O(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){x(e,r,t[r])}))}return e}let I=!1,w=!1;const q=m(r).default.forwardRef(((m,x)=>{var{"aria-labelledby":q,"aria-describedby":H,autoFocus:T,inputHint:P,fieldHelp:E,label:L,children:A,characterLimit:B,onChange:R,onFocus:F,onBlur:C,disabled:M=!1,labelInline:S,labelAlign:k,labelHelp:D,labelSpacing:W,inputIcon:N,id:G,error:U,warning:z,info:V,name:$,readOnly:J=!1,placeholder:K,expandable:Q=!1,rows:X,validationOnLabel:Y=!1,adaptiveLabelBreakpoint:Z,inputWidth:ee,maxWidth:re,labelWidth:te=30,tooltipPosition:ie,value:ne,"data-element":le,"data-role":ae,helpAriaLabel:oe,borderRadius:de,hideBorders:se=!1,required:ue,isOptional:ce,minHeight:pe=u.DEFAULT_MIN_HEIGHT,validationMessagePositionTop:be=!0}=m,fe=function(e,r){if(null==e)return{};var t,i,n=function(e,r){if(null==e)return{};var t,i,n={},l=Object.keys(e);for(i=0;i<l.length;i++)t=l[i],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(i=0;i<l.length;i++)t=l[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(m,["aria-labelledby","aria-describedby","autoFocus","inputHint","fieldHelp","label","children","characterLimit","onChange","onFocus","onBlur","disabled","labelInline","labelAlign","labelHelp","labelSpacing","inputIcon","id","error","warning","info","name","readOnly","placeholder","expandable","rows","validationOnLabel","adaptiveLabelBreakpoint","inputWidth","maxWidth","labelWidth","tooltipPosition","value","data-element","data-role","helpAriaLabel","borderRadius","hideBorders","required","isOptional","minHeight","validationMessagePositionTop"]);!I&&ce&&(I=!0,_.default.deprecate("`isOptional` is deprecated in TextArea and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const{validationRedesignOptIn:ge}=r.useContext(b.default),{hasError:he,required:_e}=r.useContext(j.default),ve=!ge&&S,[ye,je]=r.useState(u.DEFAULT_MIN_HEIGHT),me=e=>ge?void 0:e,{current:xe}=r.useRef(G||s.default()),Oe=r.useRef(null),Ie=r.useCallback((e=>{Oe.current=e,x&&("current"in x?x.current=e:x(e))}),[x]),[we,qe]=r.useState("off");Array.isArray(de)&&de.length>4&&!w&&(_.default.warn("The `borderRadius` prop in `Textarea` component only supports up to 4 values."),w=!0);const He=r.useCallback((()=>{const e=Oe.current;if((null==e?void 0:e.scrollHeight)&&(null==e?void 0:e.scrollHeight)>ye){let r=e;for(;r&&!(null==r?void 0:r.scrollTop);)r=(null==r?void 0:r.parentElement)||null;const t=null==r?void 0:r.scrollTop;e.style.height="auto",e.style.height=`${Math.max(e.scrollHeight,ye)}px`,r&&t&&(r.scrollTop=t)}}),[ye]),{labelId:Te,validationId:Pe,fieldHelpId:Ee,ariaDescribedBy:Le}=p.default({id:xe,validationRedesignOptIn:ge,error:U,warning:z,info:V,label:L,fieldHelp:E}),[Ae,Be]=a.default(ne,B,we);r.useEffect((()=>{var e;je(X?(null==Oe||null===(e=Oe.current)||void 0===e?void 0:e.scrollHeight)||0:pe>u.DEFAULT_MIN_HEIGHT?pe:u.DEFAULT_MIN_HEIGHT)}),[pe,X]),r.useEffect((()=>{Q&&He()})),r.useEffect((()=>{var e,r;return Q&&(window.addEventListener("resize",He),je((null==Oe||null===(e=Oe.current)||void 0===e?void 0:e.clientHeight)||0),null===(r=document.fonts)||void 0===r||r.addEventListener("loadingdone",He)),()=>{var e;Q&&(window.removeEventListener("resize",He),null===(e=document.fonts)||void 0===e||e.removeEventListener("loadingdone",He))}}),[He,Q]);const Re=!!(N||Pe&&!Y),Fe=r.useRef(s.default()),Ce=P?Fe.current:void 0,Me=[...ge&&be?[Le,Ce]:[Ce,Le],Be,H].filter(Boolean).join(" "),Se=e.jsxs(n.default,{disabled:M,readOnly:J,inputWidth:"number"==typeof ee?ee:100-te,maxWidth:re,error:U||he,warning:z,info:V,borderRadius:de,hideBorders:se,children:[e.jsx(i.default,O({"aria-invalid":!!U||he,"aria-labelledby":q,"aria-describedby":Me,autoFocus:T,name:$,value:ne,ref:Ie,onChange:R,onFocus:e=>{B&&qe("polite"),null==F||F(e)},onBlur:e=>{B&&qe("off"),null==C||C(e)},disabled:M,readOnly:J,placeholder:M?"":K,rows:X,id:xe,as:"textarea",validationIconId:ge?void 0:Pe,inputBorderRadius:de,required:ue||_e},fe)),A,e.jsx(d.default,{disabled:M,readOnly:J,inputIcon:N,error:U,warning:z,info:V,validationIconId:ge?void 0:Pe,useValidationIcon:!(ge||Y)})]}),ke=y.default(fe);return e.jsx(c.TooltipProvider,{tooltipPosition:ie,helpAriaLabel:oe,children:e.jsx(o.InputBehaviour,{children:e.jsx(u.default,(De=O({labelInline:ve,hasIcon:Re,minHeight:ye},ke,t.default("textarea",{"data-element":le,"data-role":ae})),We={children:e.jsxs(l.default,{fieldHelp:me(E),fieldHelpId:Ee,error:U,warning:z,info:V,label:L,labelId:Te,disabled:M,id:xe,labelInline:me(ve),labelAlign:k,labelWidth:me(te),labelHelp:me(D),labelSpacing:W,isRequired:ue,useValidationIcon:me(Y),adaptiveLabelBreakpoint:Z,validationRedesignOptIn:ge,my:0,children:[(P||D&&ge)&&e.jsx(v.HintText,{align:k,id:Ce,"data-element":"input-hint",children:P||D}),ge?e.jsxs(h.Box,{position:"relative",children:[be&&e.jsxs(e.Fragment,{children:[e.jsx(g.default,{error:U,validationId:Pe,warning:z,validationMessagePositionTop:be}),(U||z)&&e.jsx(f.default,{warning:!(U||!z)})]}),Se,!be&&e.jsxs(e.Fragment,{children:[e.jsx(g.default,{error:U,validationId:Pe,warning:z,validationMessagePositionTop:be}),(U||z)&&e.jsx(f.default,{warning:!(U||!z)})]})]}):Se,Ae]})},We=null!=We?We:{},Object.getOwnPropertyDescriptors?Object.defineProperties(De,Object.getOwnPropertyDescriptors(We)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(We)).forEach((function(e){Object.defineProperty(De,e,Object.getOwnPropertyDescriptor(We,e))})),De))})});var De,We}));q.displayName="Textarea",exports.OriginalTextarea=q,exports.Textarea=q,exports.default=q;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../__internal__/utils/helpers/tags/tags.js"),i=require("../../__internal__/legacy-input/input.component.js"),n=require("../../__internal__/legacy-input/input-presentation.component.js"),l=require("../../__internal__/form-field/form-field.component.js"),a=require("../../hooks/useCharacterCount/useCharacterCount.js"),o=require("../../__internal__/input-behaviour/input-behaviour.component.js"),s=require("../../__internal__/input-icon-toggle/input-icon-toggle.component.js"),d=require("../../__internal__/utils/helpers/guid/index.js"),u=require("./textarea.style.js"),c=require("../../__internal__/tooltip-provider/index.js"),p=require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),b=require("../../__internal__/error-border/error-border.style.js"),f=require("../../__internal__/validation-message/validation-message.component.js"),g=require("../../__internal__/utils/logger/index.js"),h=require("../../__internal__/hint-text/hint-text.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var m=require("../../style/utils/filter-styled-system-margin-props.js"),v=require("../fieldset/__internal__/fieldset.context.js"),_=require("./__internal__/tokens/index.js");function y(e){return e&&e.__esModule?e:{default:e}}var j=y(t);function x(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},i=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),i.forEach((function(t){x(e,t,r[t])}))}return e}const w=e=>{const t=e.match(/^(-?\d*\.?\d+)(px|em|rem|%)$/);return t?parseFloat(t[1]):(g.default.warn(`Unexpected value/unit format: "${e}"`),0)},S={small:parseFloat(_.globalFontStaticCompRegularS.lineHeight.toString())*w(_.globalFontStaticCompRegularS.fontSize),medium:parseFloat(_.globalFontStaticCompRegularM.lineHeight.toString())*w(_.globalFontStaticCompRegularM.fontSize),large:parseFloat(_.globalFontStaticCompRegularL.lineHeight.toString())*w(_.globalFontStaticCompRegularL.fontSize)},q={small:w(_.globalSpaceCompXs),medium:w(_.globalSpaceCompS),large:w(_.globalSpaceCompM)},H=e=>3*S[e]+2*q[e];let I=!1,R=!1;const P=j.default.forwardRef(((_,y)=>{var{"aria-labelledby":j,"aria-describedby":x,autoFocus:w,inputHint:P,fieldHelp:C,label:$,children:L,characterLimit:F,onChange:E,onFocus:T,onBlur:B,disabled:z=!1,labelInline:W,labelAlign:A,labelHelp:k,labelSpacing:M,inputIcon:D,id:U,error:V,warning:N,info:X,name:G,readOnly:J=!1,placeholder:K,expandable:Q=!1,rows:Y,validationOnLabel:Z=!1,adaptiveLabelBreakpoint:ee,inputWidth:te,maxWidth:re,labelWidth:ie=30,tooltipPosition:ne,value:le,"data-element":ae,"data-role":oe,helpAriaLabel:se,borderRadius:de,hideBorders:ue=!1,required:ce,isOptional:pe,minHeight:be,validationMessagePositionTop:fe=!0,resize:ge="none",size:he="medium",maxRows:me}=_,ve=function(e,t){if(null==e)return{};var r,i,n=function(e,t){if(null==e)return{};var r,i,n={},l=Object.keys(e);for(i=0;i<l.length;i++)r=l[i],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(i=0;i<l.length;i++)r=l[i],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(_,["aria-labelledby","aria-describedby","autoFocus","inputHint","fieldHelp","label","children","characterLimit","onChange","onFocus","onBlur","disabled","labelInline","labelAlign","labelHelp","labelSpacing","inputIcon","id","error","warning","info","name","readOnly","placeholder","expandable","rows","validationOnLabel","adaptiveLabelBreakpoint","inputWidth","maxWidth","labelWidth","tooltipPosition","value","data-element","data-role","helpAriaLabel","borderRadius","hideBorders","required","isOptional","minHeight","validationMessagePositionTop","resize","size","maxRows"]);!I&&pe&&(I=!0,g.default.deprecate("`isOptional` is deprecated in TextArea and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const{hasError:_e,required:ye}=t.useContext(v.default),[je,xe]=t.useState(H(he)),{current:Oe}=t.useRef(U||d.default()),we=t.useRef(null),Se=t.useCallback((e=>{we.current=e,y&&("current"in y?y.current=e:y(e))}),[y]),[qe,He]=t.useState("off");t.useEffect((()=>{const e=we.current;if(!e)return;const t=()=>{e.classList.toggle("has-scrollbar",e.scrollHeight>e.clientHeight)};t(),e.addEventListener("input",t);const r=new ResizeObserver(t);return r.observe(e),()=>{e.removeEventListener("input",t),r.disconnect()}}),[]),Array.isArray(de)&&de.length>4&&!R&&(g.default.warn("The `borderRadius` prop in `Textarea` component only supports up to 4 values."),R=!0);const Ie=t.useCallback((()=>{let e;me&&(e=me*S[he]+2*q[he]);const t=we.current;if((null==t?void 0:t.scrollHeight)&&(null==t?void 0:t.scrollHeight)>je&&(null==t?void 0:t.scrollHeight)<=(null!=e?e:t.scrollHeight)){let e=t;for(;e&&!(null==e?void 0:e.scrollTop);)e=(null==e?void 0:e.parentElement)||null;const r=null==e?void 0:e.scrollTop;t.style.height="auto",t.style.height=`${Math.max(t.scrollHeight,je)}px`,e&&r&&(e.scrollTop=r)}}),[je,me,he]),{labelId:Re,validationId:Pe,fieldHelpId:Ce,ariaDescribedBy:$e}=p.default({id:Oe,validationRedesignOptIn:!0,error:V,warning:N,info:X,label:$,fieldHelp:C}),[Le,Fe]=a.default(le,F,qe,he,z);t.useEffect((()=>{if(Y){var e;xe((null==we||null===(e=we.current)||void 0===e?void 0:e.scrollHeight)||0)}else{if(!be)return void xe(H(he));xe(be>H(he)?be:H(he))}}),[be,Y,he]),t.useEffect((()=>{Q&&Ie()})),t.useEffect((()=>{var e,t;return Q&&(window.addEventListener("resize",Ie),xe((null==we||null===(e=we.current)||void 0===e?void 0:e.clientHeight)||0),null===(t=document.fonts)||void 0===t||t.addEventListener("loadingdone",Ie)),()=>{var e;Q&&(window.removeEventListener("resize",Ie),null===(e=document.fonts)||void 0===e||e.removeEventListener("loadingdone",Ie))}}),[Ie,Q]);const Ee=!!(D||Pe&&!Z),Te=t.useRef(d.default()),Be=P?Te.current:void 0,ze=[...fe?[$e,Be]:[Be,$e],Fe,x].filter(Boolean).join(" "),We=e.jsxs(n.default,{disabled:z,readOnly:J,inputWidth:"number"==typeof te?te:100-ie,maxWidth:re,error:V||_e,warning:N,info:X,borderRadius:de,hideBorders:ue,children:[e.jsx(i.default,O({"aria-invalid":!!V||_e,"aria-labelledby":j,"aria-describedby":ze,autoFocus:w,name:G,value:le,ref:Se,onChange:E,onFocus:e=>{F&&He("polite"),null==T||T(e)},onBlur:e=>{F&&He("off"),null==B||B(e)},disabled:z,readOnly:J,placeholder:z?"":K,rows:Y,id:Oe,as:"textarea",inputBorderRadius:de,required:ce||ye},ve)),L,e.jsx(s.default,{disabled:z,readOnly:J,inputIcon:D,error:V,warning:N,info:X})]}),Ae=m.default(ve);return e.jsx(c.TooltipProvider,{tooltipPosition:ne,helpAriaLabel:se,children:e.jsx(o.InputBehaviour,{children:e.jsx(u.default,(ke=O({labelInline:W,hasIcon:Ee,minHeight:je},Ae,r.default("textarea",{"data-element":ae,"data-role":oe})),Me={$resize:ge,$maxWidth:re,$size:he,$readOnly:J,$hasHint:!!P,$isRequired:ce,$disabled:z,$hasWarning:!!N,$hasError:!!V,borderRadius:de,$labelSpacing:M,$labelWidth:ie,$hideBorders:ue,$labelAlign:A,children:e.jsxs(l.default,{fieldHelpId:Ce,label:$,labelId:Re,disabled:z,id:Oe,labelInline:W,labelAlign:A,labelSpacing:M,isRequired:ce,adaptiveLabelBreakpoint:ee,validationRedesignOptIn:!0,my:0,children:[(P||k)&&e.jsx(h.HintText,{size:he,id:Be,"data-element":"input-hint",children:P||k}),e.jsxs(u.StyledTextareaValidationContainer,{labelInline:W,$inputWidth:te,$labelWidth:ie,children:[fe&&e.jsxs(e.Fragment,{children:[e.jsx(f.default,{error:V,validationId:Pe,warning:N,validationMessagePositionTop:fe}),(V||N)&&e.jsx(b.default,{$warning:!(V||!N)})]}),We,!fe&&e.jsxs(e.Fragment,{children:[e.jsx(f.default,{error:V,validationId:Pe,warning:N,validationMessagePositionTop:fe}),(V||N)&&e.jsx(b.default,{$warning:!(V||!N)})]}),Le]})]})},Me=null!=Me?Me:{},Object.getOwnPropertyDescriptors?Object.defineProperties(ke,Object.getOwnPropertyDescriptors(Me)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(Me)).forEach((function(e){Object.defineProperty(ke,e,Object.getOwnPropertyDescriptor(Me,e))})),ke))})});var ke,Me}));P.displayName="Textarea",exports.OriginalTextarea=P,exports.Textarea=P,exports.default=P,exports.getDefaultMinHeightBySize=H,exports.parseValueUnit=w;
@@ -1,12 +1,35 @@
1
1
  import { TextareaProps } from "./textarea.component";
2
- export declare const DEFAULT_MIN_HEIGHT = 64;
3
- export interface StyledTextAreaProps extends Pick<TextareaProps, "minHeight"> {
2
+ export type ResizeOptions = "none" | "both" | "horizontal" | "vertical";
3
+ export type TextAreaSize = "small" | "medium" | "large";
4
+ export interface StyledTextAreaProps extends Pick<TextareaProps, "minHeight" | "borderRadius"> {
4
5
  /** When true, label is placed in line an input */
5
6
  labelInline?: boolean;
6
7
  /** When true, adjusts padding for icon */
7
8
  hasIcon?: boolean;
9
+ /** Specify the resize behavior of the textarea */
10
+ $resize?: "none" | "both" | "horizontal" | "vertical";
11
+ /** Specify a custom max-width for the textarea */
12
+ $maxWidth?: string;
13
+ $size: TextAreaSize;
14
+ $readOnly?: boolean;
15
+ $hasHint?: boolean;
16
+ $isRequired?: boolean;
17
+ $disabled?: boolean;
18
+ $hasWarning?: boolean;
19
+ $hasError?: boolean;
20
+ $labelSpacing?: 1 | 2;
21
+ $labelWidth: number;
22
+ $inputWidth?: number | undefined;
23
+ $hideBorders?: boolean;
24
+ $labelAlign?: "left" | "right";
8
25
  }
26
+ export declare const getFont: (size: TextAreaSize, format: "medium" | "regular") => import("styled-components").FlattenSimpleInterpolation;
9
27
  declare const StyledTextarea: import("styled-components").StyledComponent<"div", any, {
10
28
  theme: object;
11
29
  } & StyledTextAreaProps, "theme">;
30
+ export declare const StyledTextareaValidationContainer: import("styled-components").StyledComponent<"div", any, {
31
+ labelInline?: boolean;
32
+ $inputWidth?: number;
33
+ $labelWidth: number;
34
+ }, never>;
12
35
  export default StyledTextarea;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),i=require("../../__internal__/legacy-input/input.style.js"),a=require("../../__internal__/legacy-label/label.style.js"),n=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),r=require("../../style/themes/apply-base-theme.js");function l(e){return e&&e.__esModule?e:{default:e}}const s=l(e).default.div.attrs(r.default).withConfig({displayName:"textarea.style__StyledTextarea",componentId:"carbon_v161_9_2__sc-4ae1af1-0"})(["margin-bottom:var(--fieldSpacing);",";","{box-sizing:border-box;resize:none;"," padding:var(--spacing150) var(--spacing200);","}"," ","{height:40px;position:absolute;height:100%;top:0px;right:4px;}"],t.margin,i.default,(({minHeight:e})=>`min-height: ${e||64}px;`),(({hasIcon:e})=>e&&"padding-right: var(--spacing500);"),(({labelInline:t})=>t&&e.css(["","{align-items:flex-start;padding-top:6px;}"],a.StyledLabelContainer)),n.default);exports.DEFAULT_MIN_HEIGHT=64,exports.default=s;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a=require("styled-components"),e=require("styled-system"),r=require("../../__internal__/legacy-input/input.style.js"),l=require("../../__internal__/hint-text/hint-text.style.js"),i=require("../../__internal__/legacy-input/input-presentation.style.js"),t=require("../../__internal__/legacy-label/label.style.js"),o=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),n=require("../../__internal__/validation-message/validation-message.style.js"),s=require("../../style/themes/apply-base-theme.js"),d=require("./textarea.component.js"),c=require("../../style/utils/add-focus-styling.js");function b(a){return a&&a.__esModule?a:{default:a}}var p=b(a);const u={small:{horizontalPadding:"var(--global-space-comp-s)",verticalPadding:"var(--global-space-comp-xs)"},medium:{horizontalPadding:"var(--global-space-comp-m)",verticalPadding:"var(--global-space-comp-s)"},large:{horizontalPadding:"var(--global-space-comp-l)",verticalPadding:"var(--global-space-comp-m)"}},g=(e,r)=>{const l={small:`var(--global-font-static-comp-${r}-s)`,medium:`var(--global-font-static-comp-${r}-m)`,large:`var(--global-font-static-comp-${r}-l)`};return a.css(["font:",";"],l[e])},v=(e,r)=>e?a.css(["margin-bottom:0px;"]):a.css(["",";"],r&&`margin-bottom: ${{small:"var(--global-space-comp-xs)",medium:"var(--global-space-comp-s)",large:"var(--global-space-comp-m)"}[r]};`),m=p.default.div.attrs(s.default).withConfig({displayName:"textarea.style__StyledTextarea",componentId:"carbon_v161_11_0__sc-9e0bdbe8-0"})(["margin-bottom:var(--fieldSpacing);",";","{",";}","{"," box-sizing:border-box;color:var(--input-typical-txt-default);border-radius:",";resize:",";min-height:",";padding:",";width:",";",";"," "," &::-webkit-scrollbar{width:12px;border-radius:var(--global-radius-container-circle);}&::-webkit-scrollbar-track{background-color:var(--container-scrollbar-bg-default);border-radius:0 var(--global-radius-container-circle) var(--global-radius-container-circle) 0;margin-top:1px;","}&::-webkit-scrollbar-thumb{border-radius:var(--global-radius-container-circle);background-clip:padding-box;border:var(--global-space-comp-2-xs) solid transparent;background-color:var(--container-scrollbar-fg-default);",";}&::-webkit-resizer{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.12983 2.12983C4.32507 2.32507 4.32507 2.64162 4.12983 2.83686L2.83686 4.12983C2.64162 4.32507 2.32507 4.32507 2.12983 4.12983C1.93459 3.93459 1.93459 3.61804 2.12983 3.4228L3.4228 2.12983C3.61804 1.93459 3.93459 1.93459 4.12983 2.12983ZM3.12202 0.146431C3.31726 0.341672 3.31726 0.658221 3.12202 0.853462L0.853462 3.12202C0.658221 3.31726 0.341672 3.31726 0.146431 3.12202C-0.0488103 2.92678 -0.0488103 2.61023 0.146431 2.41499L2.41499 0.146431C2.61023 -0.0488103 2.92678 -0.0488104 3.12202 0.146431Z' fill='%2375838F'/%3E%3C/svg%3E\");background-size:6px 6px;background-repeat:no-repeat;background-position:center;border-radius:0 0 var(--global-radius-container-circle) 0;}&.has-scrollbar::-webkit-resizer{background-color:var(--container-scrollbar-bg-default);}&::-webkit-scrollbar-corner{background:transparent;border-radius:0 0 var(--global-radius-container-circle) 0;}}","{","}"," ","{color:",";"," "," ","}","{height:40px;position:absolute;height:100%;top:0px;right:4px;}","{background:var(--input-typical-bg-default);"," "," padding:1px;border-radius:",";min-height:var(--global-size-4-xl);width:",";max-width:100%;"," ","}",":focus-within{"," z-index:2;}","{display:flex;"," color:",";}",";","{"," ","}"],e.margin,t.default,(({labelInline:a})=>a&&"text-align: right;"),r.default,(({$size:a})=>g(a,"regular")),(({borderRadius:a})=>!a&&"var(--global-radius-action-m)"),(({$resize:a})=>a),(({minHeight:a,$size:e})=>a?`${a}px`:d.getDefaultMinHeightBySize(e)),(({$size:a})=>`${u[a].verticalPadding} ${u[a].horizontalPadding}`),(({$resize:a,labelInline:e,$labelWidth:r,$inputWidth:l})=>`${(({$resize:a,labelInline:e,$labelWidth:r,$inputWidth:l})=>{if(a&&"none"!==a)return e?`${l||100-r}vw`:"100vw"})({$resize:a,labelInline:e,$labelWidth:r,$inputWidth:l})}`),(({$resize:a,$maxWidth:e})=>"none"!==a&&e&&`max-width: ${e};`),(({hasIcon:a})=>a&&"padding-right: var(--spacing500);"),(({$disabled:a})=>a&&"color: var(--input-typical-txt-disabled);"),(e=>"none"!==e.$resize&&a.css(["border-radius:0 var(--global-radius-container-circle) 0 0;"])),(({$size:a})=>"large"===a?"min-height: 41px;":"min-height: 33px;"),t.StyledLabelContainer,(({$hasHint:a,$size:e})=>v(!!a,e)),(({labelInline:e,$labelSpacing:r,$size:l})=>e&&a.css(["","{align-items:flex-start;padding-top:",";margin-bottom:0px;","}"],t.StyledLabelContainer,"small"===l?"var(--global-space-comp-xs)":"var(--global-space-comp-s)",!r&&`padding-right: ${"large"===l?"var(--global-space-comp-xl)":"var(--global-space-comp-l)"};`)),t.default,(({$disabled:a})=>a?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)"),(({$size:a})=>g(a,"medium")),(({$readOnly:a})=>a&&"color: var(--input-labelset-label-read-only);"),(({$isRequired:e,$size:r,$disabled:l})=>e&&a.css(["::after{"," color:var(--input-labelset-label-",");margin-left:var(--global-space-comp-xs);}"],g(r,"medium"),l?"disabled":"required")),o.default,i.default,(({$hideBorders:a})=>a?"border: 1px solid transparent;":"border: 1px solid var(--input-typical-border-default);"),(({$hasError:a})=>a&&"box-shadow: inset 0 0 0 1px var(--input-validation-border-error);\n border-color: var(--input-validation-border-error) !important;"),(({borderRadius:a})=>!a&&"var(--global-radius-action-m)"),(({$resize:a})=>"none"!==a?"auto":"100%"),(({$disabled:e})=>e&&a.css(["background:var(--input-typical-bg-disabled);border-color:var(--input-typical-border-disabled);"])),(({$readOnly:e})=>e&&a.css(["background:var(--input-typical-bg-read-only);border-color:var(--input-typical-border-read-only);"])),i.default,c.default(),l.default,(({$size:a})=>v(!1,a)),(({$disabled:a})=>a?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)"),(({$labelAlign:e})=>a.css(["","{justify-content:",";}"],l.default,"right"!==e?"flex-start":"flex-end")),n.default,(({$hasWarning:e,$size:r})=>e&&a.css(["color:var(--input-validation-label-warn);",""],g(r,"regular"))),(({$hasError:e,$size:r})=>e&&a.css(["color:var(--input-validation-label-error);",""],g(r,"medium")))),h=p.default.div.withConfig({displayName:"textarea.style__StyledTextareaValidationContainer",componentId:"carbon_v161_11_0__sc-9e0bdbe8-1"})(["position:relative;width:",";"],(({labelInline:a,$inputWidth:e,$labelWidth:r})=>a?`${e||100-r}%`:"100%"));exports.StyledTextareaValidationContainer=h,exports.default=m,exports.getFont=g;
@@ -1 +1 @@
1
- "use strict";var e=require("styled-components"),a=require("styled-system"),t=require("../../../../style/themes/apply-base-theme.js");function l(e){return e&&e.__esModule?e:{default:e}}var n=l(e);const s=n.default.div.attrs(t.default).withConfig({displayName:"text-input.style__StyledTextInput",componentId:"carbon_v161_9_2__sc-3d83f5ed-0"})(['[data-component="inline-inputs"] &,&[data-element="current-page"]{--fieldSpacing:0px;}margin-bottom:var(--fieldSpacing);'," display:flex;align-items:flex-start;flex-direction:",";gap:",";.fieldset-content &{gap:var(--global-space-comp-xs);}.time &{gap:unset;}.legacy-search &{flex:1 1 0%;}"],a.margin,(({$labelInline:e})=>e?"row":"column"),(({$labelInline:e,$size:a,$hasValidationFailure:t})=>{if(!e)switch(a){case"small":return"var(--global-space-comp-xs)";case"large":return"var(--global-space-comp-m)";default:return"var(--global-space-comp-s)"}return"large"===a?t?"var(--global-space-comp-l)":"var(--global-space-comp-m)":t?"var(--global-space-comp-l)":"var(--global-space-comp-s)"})),i=n.default.div.withConfig({displayName:"text-input.style__LabelWrapper",componentId:"carbon_v161_9_2__sc-3d83f5ed-1"})([""," display:flex;flex-direction:column;align-self:stretch;",""],(({$labelWrapperWidth:e})=>e&&`\n --label-spacing: ${e}%;\n\n [data-component="date-range"] & {\n --label-spacing: ${2*e}%;\n }\n `),(({$labelInline:a,$size:t})=>e.css([""," ",""],a&&e.css(["padding-top:var(--global-space-comp-",");justify-content:flex-start;align-items:flex-end;align-self:stretch;width:var(--label-spacing,auto);"],t.charAt(0)),!a&&e.css(["justify-content:flex-end;align-items:flex-start;"])))),p=n.default.div.withConfig({displayName:"text-input.style__InputWrapper",componentId:"carbon_v161_9_2__sc-3d83f5ed-2"})(["display:flex;flex-direction:column;position:relative;width:100%;min-width:0;gap:",";",""],(({$size:e})=>"small"===e?"var(--global-space-comp-xs)":"var(--global-space-comp-s)"),(({$maxWidth:a,$inputWidth:t})=>e.css([""," width:",";"],a&&`max-width: ${a};`,t?`${t}%`:"100%")));exports.InputWrapper=p,exports.LabelWrapper=i,exports.StyledTextInput=s;
1
+ "use strict";var e=require("styled-components"),a=require("styled-system"),t=require("../../../../style/themes/apply-base-theme.js");function l(e){return e&&e.__esModule?e:{default:e}}var n=l(e);const s=n.default.div.attrs(t.default).withConfig({displayName:"text-input.style__StyledTextInput",componentId:"carbon_v161_11_0__sc-3d83f5ed-0"})(['[data-component="inline-inputs"] &,&[data-element="current-page"]{--fieldSpacing:0px;}margin-bottom:var(--fieldSpacing);'," display:flex;align-items:flex-start;flex-direction:",";gap:",";.fieldset-content &{gap:var(--global-space-comp-xs);}.time &{gap:unset;}.legacy-search &{flex:1 1 0%;}"],a.margin,(({$labelInline:e})=>e?"row":"column"),(({$labelInline:e,$size:a,$hasValidationFailure:t})=>{if(!e)switch(a){case"small":return"var(--global-space-comp-xs)";case"large":return"var(--global-space-comp-m)";default:return"var(--global-space-comp-s)"}return"large"===a?t?"var(--global-space-comp-l)":"var(--global-space-comp-m)":t?"var(--global-space-comp-l)":"var(--global-space-comp-s)"})),i=n.default.div.withConfig({displayName:"text-input.style__LabelWrapper",componentId:"carbon_v161_11_0__sc-3d83f5ed-1"})([""," display:flex;flex-direction:column;align-self:stretch;",""],(({$labelWrapperWidth:e})=>e&&`\n --label-spacing: ${e}%;\n\n [data-component="date-range"] & {\n --label-spacing: ${2*e}%;\n }\n `),(({$labelInline:a,$size:t})=>e.css([""," ",""],a&&e.css(["padding-top:var(--global-space-comp-",");justify-content:flex-start;align-items:flex-end;align-self:stretch;width:var(--label-spacing,auto);"],t.charAt(0)),!a&&e.css(["justify-content:flex-end;align-items:flex-start;"])))),p=n.default.div.withConfig({displayName:"text-input.style__InputWrapper",componentId:"carbon_v161_11_0__sc-3d83f5ed-2"})(["display:flex;flex-direction:column;position:relative;width:100%;min-width:0;gap:",";",""],(({$size:e})=>"small"===e?"var(--global-space-comp-xs)":"var(--global-space-comp-s)"),(({$maxWidth:a,$inputWidth:t})=>e.css([""," width:",";"],a&&`max-width: ${a};`,t?`${t}%`:"100%")));exports.InputWrapper=p,exports.LabelWrapper=i,exports.StyledTextInput=s;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("styled-system"),o=require("../../../style/themes/apply-base-theme.js"),i=require("../../../style/utils/element-sizing.js");function s(t){return t&&t.__esModule?t:{default:t}}const r=s(t).default.div.attrs(o.default).withConfig({displayName:"tile-content.style__StyledTileContent",componentId:"carbon_v161_9_2__sc-a8bdaa22-0"})(["",""],(({isHorizontal:o,width:s,height:r})=>t.css([""," box-sizing:border-box;position:relative;flex-grow:1;"," ",""],e.space,o?t.css(["display:inline;:last-of-type{padding-right:0;}:first-of-type{padding-left:0;}:not(:last-of-type){margin-top:0;border-right:solid 1px var(--colorsUtilityMajor050);}"]):t.css(["width:auto;:last-of-type{padding-bottom:0;}:first-of-type{padding-top:0;}:not(:last-of-type){margin-top:0;border-bottom:solid 1px var(--colorsUtilityMajor050);}"]),(s||r)&&t.css(["flex-grow:0;",""],i.default({width:s||void 0,height:r||void 0})))));exports.default=r;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("styled-system"),o=require("../../../style/themes/apply-base-theme.js"),i=require("../../../style/utils/element-sizing.js");function s(t){return t&&t.__esModule?t:{default:t}}const r=s(t).default.div.attrs(o.default).withConfig({displayName:"tile-content.style__StyledTileContent",componentId:"carbon_v161_11_0__sc-a8bdaa22-0"})(["",""],(({isHorizontal:o,width:s,height:r})=>t.css([""," box-sizing:border-box;position:relative;flex-grow:1;"," ",""],e.space,o?t.css(["display:inline;:last-of-type{padding-right:0;}:first-of-type{padding-left:0;}:not(:last-of-type){margin-top:0;border-right:solid 1px var(--colorsUtilityMajor050);}"]):t.css(["width:auto;:last-of-type{padding-bottom:0;}:first-of-type{padding-top:0;}:not(:last-of-type){margin-top:0;border-bottom:solid 1px var(--colorsUtilityMajor050);}"]),(s||r)&&t.css(["flex-grow:0;",""],i.default({width:s||void 0,height:r||void 0})))));exports.default=r;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),e=require("styled-system"),t=require("../../../style/themes/apply-base-theme.js");function o(r){return r&&r.__esModule?r:{default:r}}const a=o(r).default.div.attrs(t.default).withConfig({displayName:"tile-footer.style__StyledTileFooter",componentId:"carbon_v161_9_2__sc-df8c927f-0"})([""," border-bottom-left-radius:calc(var(--tileBorderRadius) - 1px);border-bottom-right-radius:calc(var(--tileBorderRadius) - 1px);",""],e.padding,(({variant:e})=>r.css(["background:",";border-top:1px solid ",";"],(r=>{switch(r){case"transparent":return"transparent";case"black":return"var(--colorsUtilityYin100)";case"grey":return"var(--colorsUtilityMajor025)";default:return"var(--colorsUtilityMajor100)"}})(e),"grey"===e?"var(--colorsUtilityMajor200)":"var(--colorsUtilityMajor100)")));exports.default=a;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),e=require("styled-system"),t=require("../../../style/themes/apply-base-theme.js");function o(r){return r&&r.__esModule?r:{default:r}}const a=o(r).default.div.attrs(t.default).withConfig({displayName:"tile-footer.style__StyledTileFooter",componentId:"carbon_v161_11_0__sc-df8c927f-0"})([""," border-bottom-left-radius:calc(var(--tileBorderRadius) - 1px);border-bottom-right-radius:calc(var(--tileBorderRadius) - 1px);",""],e.padding,(({variant:e})=>r.css(["background:",";border-top:1px solid ",";"],(r=>{switch(r){case"transparent":return"transparent";case"black":return"var(--colorsUtilityYin100)";case"grey":return"var(--colorsUtilityMajor025)";default:return"var(--colorsUtilityMajor100)"}})(e),"grey"===e?"var(--colorsUtilityMajor200)":"var(--colorsUtilityMajor100)")));exports.default=a;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("styled-system"),t=require("../../../style/themes/apply-base-theme.js");function a(e){return e&&e.__esModule?e:{default:e}}const o=a(e).default.div.attrs(t.default).withConfig({displayName:"tile-header.style__StyledTileHeader",componentId:"carbon_v161_9_2__sc-bb6ec2c7-0"})([""," border-top-left-radius:calc(var(--tileBorderRadius) - 1px);border-top-right-radius:calc(var(--tileBorderRadius) - 1px);",""],r.padding,(({variant:r})=>e.css(["background:",";border-bottom:1px solid ",";"],(e=>{switch(e){case"transparent":return"transparent";case"black":return"var(--colorsUtilityYin100)";case"grey":return"var(--colorsUtilityMajor025)";default:return"var(--colorsUtilityMajor100)"}})(r),"grey"===r?"var(--colorsUtilityMajor200)":"var(--colorsUtilityMajor100)")));exports.default=o;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("styled-system"),t=require("../../../style/themes/apply-base-theme.js");function a(e){return e&&e.__esModule?e:{default:e}}const o=a(e).default.div.attrs(t.default).withConfig({displayName:"tile-header.style__StyledTileHeader",componentId:"carbon_v161_11_0__sc-bb6ec2c7-0"})([""," border-top-left-radius:calc(var(--tileBorderRadius) - 1px);border-top-right-radius:calc(var(--tileBorderRadius) - 1px);",""],r.padding,(({variant:r})=>e.css(["background:",";border-bottom:1px solid ",";"],(e=>{switch(e){case"transparent":return"transparent";case"black":return"var(--colorsUtilityYin100)";case"grey":return"var(--colorsUtilityMajor025)";default:return"var(--colorsUtilityMajor100)"}})(r),"grey"===r?"var(--colorsUtilityMajor200)":"var(--colorsUtilityMajor100)")));exports.default=o;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),e=require("styled-system"),t=require("../../style/themes/apply-base-theme.js"),o=require("../../style/utils/element-sizing.js"),a=require("./tile-content/tile-content.style.js");function i(r){return r&&r.__esModule?r:{default:r}}const s=r=>{switch(r){case"large":return"var(--borderRadius200)";case"small":return"var(--borderRadius050)";default:return"var(--borderRadius100)"}},c=i(r).default.div.attrs(t.default).withConfig({displayName:"tile.style__StyledTile",componentId:"carbon_v161_9_2__sc-418bb97f-0"})(["",""],(({borderVariant:t,borderWidth:i="borderWidth100",isHorizontal:c,variant:n,width:l,roundness:d,highlightVariant:u,height:v})=>r.css([""," "," box-sizing:border-box;border:var(--",") solid ",";border-radius:",";--tileBorderRadius:",";> *:first-child:not(","){border-top-left-radius:calc("," - 1px);border-top-right-radius:calc("," - 1px);}> *:last-child:not(","){border-bottom-left-radius:calc("," - 1px);border-bottom-right-radius:calc("," - 1px);}"," "," "," "," display:flex;flex-direction:",";position:relative;",""],e.space,u&&r.css(['overflow:hidden;&::before{display:block;content:"";height:100%;width:8px;position:absolute;top:0;left:0;background:',";}"],(r=>{switch(r){case"success":return"var(--colorsSemanticPositive500)";case"neutral":return"var(--colorsSemanticNeutral500)";case"error":return"var(--colorsSemanticNegative500)";case"warning":return"var(--colorsSemanticCaution500)";case"info":return"var(--colorsSemanticInfo500)";case"important":return" #8F4CD7";default:return"linear-gradient(0deg, rgb(143, 73, 254) 5%, rgb(0, 146, 219) 50%, rgb(19, 160, 56) 95%)"}})(u)),i,((r,e)=>{switch(r){case"selected":return"var(--colorsUtilityYin100)";case"positive":return"var(--colorsSemanticPositive500)";case"negative":return"var(--colorsSemanticNegative500)";case"caution":return"var(--colorsSemanticCaution500)";case"info":return"var(--colorsSemanticInfo500)";default:switch(e){case"active":return"var(--colorsActionMajor500)";case"grey":return"var(--colorsUtilityMajor200)";default:return"var(--colorsUtilityMajor100)"}}})(t,n),s(d),s(d),a.default,s(d),s(d),a.default,s(d),s(d),"tile"===n&&r.css(["background-color:var(--colorsUtilityYang100);"]),"transparent"===n&&r.css(["background-color:transparent;"]),"active"===n&&r.css(["background-color:var(--colorsActionMajor025);"]),"grey"===n&&r.css(["background-color:var(--colorsUtilityMajor025);"]),c?"row":"column",o.default({width:l||void 0,height:v||void 0}))));exports.default=c;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),e=require("styled-system"),t=require("../../style/themes/apply-base-theme.js"),o=require("../../style/utils/element-sizing.js"),a=require("./tile-content/tile-content.style.js");function i(r){return r&&r.__esModule?r:{default:r}}const s=r=>{switch(r){case"large":return"var(--borderRadius200)";case"small":return"var(--borderRadius050)";default:return"var(--borderRadius100)"}},c=i(r).default.div.attrs(t.default).withConfig({displayName:"tile.style__StyledTile",componentId:"carbon_v161_11_0__sc-418bb97f-0"})(["",""],(({borderVariant:t,borderWidth:i="borderWidth100",isHorizontal:c,variant:n,width:l,roundness:d,highlightVariant:u,height:v})=>r.css([""," "," box-sizing:border-box;border:var(--",") solid ",";border-radius:",";--tileBorderRadius:",";> *:first-child:not(","){border-top-left-radius:calc("," - 1px);border-top-right-radius:calc("," - 1px);}> *:last-child:not(","){border-bottom-left-radius:calc("," - 1px);border-bottom-right-radius:calc("," - 1px);}"," "," "," "," display:flex;flex-direction:",";position:relative;",""],e.space,u&&r.css(['overflow:hidden;&::before{display:block;content:"";height:100%;width:8px;position:absolute;top:0;left:0;background:',";}"],(r=>{switch(r){case"success":return"var(--colorsSemanticPositive500)";case"neutral":return"var(--colorsSemanticNeutral500)";case"error":return"var(--colorsSemanticNegative500)";case"warning":return"var(--colorsSemanticCaution500)";case"info":return"var(--colorsSemanticInfo500)";case"important":return" #8F4CD7";default:return"linear-gradient(0deg, rgb(143, 73, 254) 5%, rgb(0, 146, 219) 50%, rgb(19, 160, 56) 95%)"}})(u)),i,((r,e)=>{switch(r){case"selected":return"var(--colorsUtilityYin100)";case"positive":return"var(--colorsSemanticPositive500)";case"negative":return"var(--colorsSemanticNegative500)";case"caution":return"var(--colorsSemanticCaution500)";case"info":return"var(--colorsSemanticInfo500)";default:switch(e){case"active":return"var(--colorsActionMajor500)";case"grey":return"var(--colorsUtilityMajor200)";default:return"var(--colorsUtilityMajor100)"}}})(t,n),s(d),s(d),a.default,s(d),s(d),a.default,s(d),s(d),"tile"===n&&r.css(["background-color:var(--colorsUtilityYang100);"]),"transparent"===n&&r.css(["background-color:transparent;"]),"active"===n&&r.css(["background-color:var(--colorsActionMajor025);"]),"grey"===n&&r.css(["background-color:var(--colorsUtilityMajor025);"]),c?"row":"column",o.default({width:l||void 0,height:v||void 0}))));exports.default=c;
@@ -1 +1 @@
1
- "use strict";var o=require("styled-components"),n=require("../../../accordion/accordion.style.js");function t(o){return o&&o.__esModule?o:{default:o}}var e=t(o);const r=e.default(n.StyledAccordionContentContainer).withConfig({displayName:"accordion.style__StyledContentContainer",componentId:"carbon_v161_9_2__sc-80dffb5e-0"})(["background-color:var(--colorsActionMinor050);opacity:1;"]),c=e.default(n.StyledAccordionContent).withConfig({displayName:"accordion.style__StyledContent",componentId:"carbon_v161_9_2__sc-80dffb5e-1"})(["padding:24px;position:relative;z-index:200;"]);exports.StyledContent=c,exports.StyledContentContainer=r;
1
+ "use strict";var o=require("styled-components"),n=require("../../../accordion/accordion.style.js");function t(o){return o&&o.__esModule?o:{default:o}}var e=t(o);const r=e.default(n.StyledAccordionContentContainer).withConfig({displayName:"accordion.style__StyledContentContainer",componentId:"carbon_v161_11_0__sc-80dffb5e-0"})(["background-color:var(--colorsActionMinor050);opacity:1;"]),c=e.default(n.StyledAccordionContent).withConfig({displayName:"accordion.style__StyledContent",componentId:"carbon_v161_11_0__sc-80dffb5e-1"})(["padding:24px;position:relative;z-index:200;"]);exports.StyledContent=c,exports.StyledContentContainer=r;
@@ -1 +1 @@
1
- "use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../fieldset/fieldset.component.js"),o=require("../../__internal__/legacy-input/input.component.js");require("react/jsx-runtime"),require("react"),require("../../__internal__/legacy-input/input-presentation.style.js"),require("../carbon-provider/__internal__/new-validation.context.js");var n=require("../fieldset/fieldset.style.js"),r=require("../icon/icon.style.js"),l=require("../../style/themes/apply-base-theme.js"),s=require("../../style/utils/add-focus-styling.js");function a(e){return e&&e.__esModule?e:{default:e}}var d=a(e);const c=d.default.h3.withConfig({displayName:"tile-select.style__StyledTitle",componentId:"carbon_v161_9_2__sc-88022e8f-0"})(["font-size:16px;font-weight:700;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),p=d.default.h4.withConfig({displayName:"tile-select.style__StyledSubtitle",componentId:"carbon_v161_9_2__sc-88022e8f-1"})(["font-size:14px;font-weight:500;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),_=d.default.div.withConfig({displayName:"tile-select.style__StyledAdornment",componentId:"carbon_v161_9_2__sc-88022e8f-2"})(["z-index:500;margin-bottom:","px;"],(({hasAdditionalInformation:e})=>e?"4":"8")),y=d.default.p.withConfig({displayName:"tile-select.style__StyledDescription",componentId:"carbon_v161_9_2__sc-88022e8f-3"})(["color:var(--colorsActionMinorYin055);font-size:14px;margin:0;"]),f=d.default.div.withConfig({displayName:"tile-select.style__StyledTileSelect",componentId:"carbon_v161_9_2__sc-88022e8f-4"})(["background:var(--colorsActionMinorYang100);padding:24px;"," ",""],(({checked:t})=>t&&e.css(["background:var(--colorsActionMajor025);"])),(({disabled:t})=>t&&e.css(["background:var(--colorsActionMinorYang100);",",",",","{color:var(--colorsActionMinorYin030);}"," *{opacity:0.3;}"],c,p,y,_))),m=d.default.div.withConfig({displayName:"tile-select.style__StyledFocusWrapper",componentId:"carbon_v161_9_2__sc-88022e8f-5"})(["",""],(({checked:t,hasFocus:i})=>e.css(["position:relative;border:1px solid var(--colorsActionMinor250);border-radius:var(--borderRadius100);overflow:hidden;"," ",""],t&&e.css(["border-color:var(--colorsActionMajor500);z-index:10;"]),i&&e.css([""," z-index:15;"],s.default())))),u=d.default.div.attrs(l.default).withConfig({displayName:"tile-select.style__StyledTileSelectContainer",componentId:"carbon_v161_9_2__sc-88022e8f-6"})([""," width:100%;position:relative;& + & ","{margin-top:-1px;}",""],t.margin,m,(({checked:t,disabled:i})=>!t&&!i&&e.css(["&:hover ","{background:var(--colorsActionMinor050);}"],f))),g=d.default.div.withConfig({displayName:"tile-select.style__StyledFooterWrapper",componentId:"carbon_v161_9_2__sc-88022e8f-7"})(["width:fit-content;position:relative;z-index:200;"]),v=d.default.div.withConfig({displayName:"tile-select.style__StyledAccordionFooterWrapper",componentId:"carbon_v161_9_2__sc-88022e8f-8"})(["width:fit-content;position:relative;z-index:200;left:-12px;border-bottom-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);",""],(({accordionExpanded:e})=>`\n span[data-element="chevron_down"] {\n transition: transform 0.3s;\n ${!e&&"transform: rotate(-90deg)"};\n }\n `)),x=d.default(o.default).withConfig({displayName:"tile-select.style__StyledTileSelectInput",componentId:"carbon_v161_9_2__sc-88022e8f-9"})(["position:absolute;top:0;left:0;opacity:0;height:100%;width:100%;margin:0;z-index:100;cursor:",";"],(({disabled:e})=>e?"not-allowed":"pointer")),h=d.default.div.withConfig({displayName:"tile-select.style__StyledTitleContainer",componentId:"carbon_v161_9_2__sc-88022e8f-10"})(["display:inline-flex;align-items:baseline;flex-wrap:wrap;margin-right:16px;position:relative;"]),b=d.default.div.withConfig({displayName:"tile-select.style__StyledDeselectWrapper",componentId:"carbon_v161_9_2__sc-88022e8f-11"})(["",""],(({hasActionAdornment:t})=>e.css(["z-index:200;position:relative;top:-4px;right:8px;height:fit-content;",""],t&&`\n margin-right: var(--sizing200);\n display: flex;\n align-items: baseline;\n min-height: var(--sizing400);\n\n ${r.default} {\n top: 2px;\n }\n `))),S=d.default(i.Fieldset).attrs(l.default).withConfig({displayName:"tile-select.style__StyledTileSelectFieldset",componentId:"carbon_v161_9_2__sc-88022e8f-12"})([""," ","{font-size:16px;}","{gap:0px;}",""],t.margin,n.StyledLegend,n.StyledFieldsetContent,(({multiSelect:t})=>t&&e.css(["","{margin-bottom:8px;}"],u))),w=d.default.p.withConfig({displayName:"tile-select.style__StyledGroupDescription",componentId:"carbon_v161_9_2__sc-88022e8f-13"})(["color:var(--colorsActionMinorYin055);margin:0;margin-bottom:16px;"]);exports.StyledAccordionFooterWrapper=v,exports.StyledAdornment=_,exports.StyledDescription=y,exports.StyledDeselectWrapper=b,exports.StyledFocusWrapper=m,exports.StyledFooterWrapper=g,exports.StyledGroupDescription=w,exports.StyledSubtitle=p,exports.StyledTileSelect=f,exports.StyledTileSelectContainer=u,exports.StyledTileSelectFieldset=S,exports.StyledTileSelectInput=x,exports.StyledTitle=c,exports.StyledTitleContainer=h;
1
+ "use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../fieldset/fieldset.component.js"),o=require("../../__internal__/legacy-input/input.component.js");require("react/jsx-runtime"),require("react"),require("../../__internal__/legacy-input/input-presentation.style.js"),require("../carbon-provider/__internal__/new-validation.context.js");var n=require("../fieldset/fieldset.style.js"),r=require("../icon/icon.style.js"),l=require("../../style/themes/apply-base-theme.js"),s=require("../../style/utils/add-focus-styling.js");function a(e){return e&&e.__esModule?e:{default:e}}var d=a(e);const c=d.default.h3.withConfig({displayName:"tile-select.style__StyledTitle",componentId:"carbon_v161_11_0__sc-88022e8f-0"})(["font-size:16px;font-weight:700;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),p=d.default.h4.withConfig({displayName:"tile-select.style__StyledSubtitle",componentId:"carbon_v161_11_0__sc-88022e8f-1"})(["font-size:14px;font-weight:500;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),_=d.default.div.withConfig({displayName:"tile-select.style__StyledAdornment",componentId:"carbon_v161_11_0__sc-88022e8f-2"})(["z-index:500;margin-bottom:","px;"],(({hasAdditionalInformation:e})=>e?"4":"8")),y=d.default.p.withConfig({displayName:"tile-select.style__StyledDescription",componentId:"carbon_v161_11_0__sc-88022e8f-3"})(["color:var(--colorsActionMinorYin055);font-size:14px;margin:0;"]),f=d.default.div.withConfig({displayName:"tile-select.style__StyledTileSelect",componentId:"carbon_v161_11_0__sc-88022e8f-4"})(["background:var(--colorsActionMinorYang100);padding:24px;"," ",""],(({checked:t})=>t&&e.css(["background:var(--colorsActionMajor025);"])),(({disabled:t})=>t&&e.css(["background:var(--colorsActionMinorYang100);",",",",","{color:var(--colorsActionMinorYin030);}"," *{opacity:0.3;}"],c,p,y,_))),m=d.default.div.withConfig({displayName:"tile-select.style__StyledFocusWrapper",componentId:"carbon_v161_11_0__sc-88022e8f-5"})(["",""],(({checked:t,hasFocus:i})=>e.css(["position:relative;border:1px solid var(--colorsActionMinor250);border-radius:var(--borderRadius100);overflow:hidden;"," ",""],t&&e.css(["border-color:var(--colorsActionMajor500);z-index:10;"]),i&&e.css([""," z-index:15;"],s.default())))),u=d.default.div.attrs(l.default).withConfig({displayName:"tile-select.style__StyledTileSelectContainer",componentId:"carbon_v161_11_0__sc-88022e8f-6"})([""," width:100%;position:relative;& + & ","{margin-top:-1px;}",""],t.margin,m,(({checked:t,disabled:i})=>!t&&!i&&e.css(["&:hover ","{background:var(--colorsActionMinor050);}"],f))),g=d.default.div.withConfig({displayName:"tile-select.style__StyledFooterWrapper",componentId:"carbon_v161_11_0__sc-88022e8f-7"})(["width:fit-content;position:relative;z-index:200;"]),v=d.default.div.withConfig({displayName:"tile-select.style__StyledAccordionFooterWrapper",componentId:"carbon_v161_11_0__sc-88022e8f-8"})(["width:fit-content;position:relative;z-index:200;left:-12px;border-bottom-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);",""],(({accordionExpanded:e})=>`\n span[data-element="chevron_down"] {\n transition: transform 0.3s;\n ${!e&&"transform: rotate(-90deg)"};\n }\n `)),x=d.default(o.default).withConfig({displayName:"tile-select.style__StyledTileSelectInput",componentId:"carbon_v161_11_0__sc-88022e8f-9"})(["position:absolute;top:0;left:0;opacity:0;height:100%;width:100%;margin:0;z-index:100;cursor:",";"],(({disabled:e})=>e?"not-allowed":"pointer")),h=d.default.div.withConfig({displayName:"tile-select.style__StyledTitleContainer",componentId:"carbon_v161_11_0__sc-88022e8f-10"})(["display:inline-flex;align-items:baseline;flex-wrap:wrap;margin-right:16px;position:relative;"]),b=d.default.div.withConfig({displayName:"tile-select.style__StyledDeselectWrapper",componentId:"carbon_v161_11_0__sc-88022e8f-11"})(["",""],(({hasActionAdornment:t})=>e.css(["z-index:200;position:relative;top:-4px;right:8px;height:fit-content;",""],t&&`\n margin-right: var(--sizing200);\n display: flex;\n align-items: baseline;\n min-height: var(--sizing400);\n\n ${r.default} {\n top: 2px;\n }\n `))),S=d.default(i.Fieldset).attrs(l.default).withConfig({displayName:"tile-select.style__StyledTileSelectFieldset",componentId:"carbon_v161_11_0__sc-88022e8f-12"})([""," ","{font-size:16px;}","{gap:0px;}",""],t.margin,n.StyledLegend,n.StyledFieldsetContent,(({multiSelect:t})=>t&&e.css(["","{margin-bottom:8px;}"],u))),w=d.default.p.withConfig({displayName:"tile-select.style__StyledGroupDescription",componentId:"carbon_v161_11_0__sc-88022e8f-13"})(["color:var(--colorsActionMinorYin055);margin:0;margin-bottom:16px;"]);exports.StyledAccordionFooterWrapper=v,exports.StyledAdornment=_,exports.StyledDescription=y,exports.StyledDeselectWrapper=b,exports.StyledFocusWrapper=m,exports.StyledFooterWrapper=g,exports.StyledGroupDescription=w,exports.StyledSubtitle=p,exports.StyledTileSelect=f,exports.StyledTileSelectContainer=u,exports.StyledTileSelectFieldset=S,exports.StyledTileSelectInput=x,exports.StyledTitle=c,exports.StyledTitleContainer=h;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../__internal__/legacy-label/label.component.js");function l(e){return e&&e.__esModule?e:{default:e}}const n=l(e).default(t.default).withConfig({displayName:"time.style__StyledLabel",componentId:"carbon_v161_9_2__sc-f5dd46fd-0"})(["label{font-weight:var(--fontWeights400);}"]);exports.default=n;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../__internal__/legacy-label/label.component.js");function l(e){return e&&e.__esModule?e:{default:e}}const n=l(e).default(t.default).withConfig({displayName:"time.style__StyledLabel",componentId:"carbon_v161_11_0__sc-f5dd46fd-0"})(["label{font-weight:var(--fontWeights400);}"]);exports.default=n;
@@ -1 +1 @@
1
- "use strict";var t=require("styled-components"),o=require("../icon-button/icon-button.style.js"),e=require("../portal/portal.js"),a=require("../../style/themes/apply-base-theme.js"),i=require("../icon/icon.style.js");function r(t){return t&&t.__esModule?t:{default:t}}var s=r(t);const n=s.default(e.Portal).attrs(a.default).withConfig({displayName:"toast.style__StyledPortal",componentId:"carbon_v161_9_2__sc-6f15a9b3-0"})(["",""],(({theme:o,isNotice:e,align:a,alignY:i})=>t.css(["position:fixed;top:0;z-index:",";"," "," "," "," "," "," ",""],o.zIndex.notification,"left"===a&&t.css(["left:0;transform:translateX(50%);"]),"center"===a&&t.css(["margin-left:50%;transform:translateX(-50%);"]),"right"===a&&t.css(["right:0;transform:translateX(-50%);"]),e&&t.css(["bottom:0;top:auto;width:100%;"]),"top"===i&&t.css(["top:0;bottom:auto;"]),"center"===i&&t.css(["top:50%;transform:translate(",",-50%);"],"left"===a?"50%":"-50%"),"bottom"===i&&t.css(["bottom:0;top:auto;display:flex;flex-direction:column-reverse;"])))),l=".toast",c=".toast-alternative",p={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",success:"var(--colorsSemanticPositive500)",warning:"var(--colorsSemanticCaution500)",neutral:"var(--colorsSemanticNeutral500)"},d=t.css(["position:absolute;right:15px;top:50%;transform:translateY(-50%);"]),m=s.default.div.withConfig({displayName:"toast.style__StyledToast",componentId:"carbon_v161_9_2__sc-6f15a9b3-1"})([""," :focus{outline:none;}&","-appear,&","-enter{opacity:0;transform:scale(0.5);}&","-appear","-appear-active,&","-enter","-enter-active{opacity:1;transform:",";transition:all 300ms cubic-bezier(0.25,0.25,0,1.5);}&","-exit","-exit-active{opacity:0;",";transition:all 150ms ease-out;}","{","}",""],(({maxWidth:e,align:a,isNotification:i,alignY:r,isNotice:s,variant:n})=>t.css(["position:relative;display:flex;justify-content:flex-start;align-content:center;border-radius:var(--borderRadius100);overflow:hidden;border:1px solid ",";background-color:var(--colorsUtilityYang100);min-height:38px;:focus{outline:none;}","{","}box-shadow:",";line-height:22px;margin-top:",";margin-bottom:",";max-width:",";position:relative;margin-right:",";margin-left:",";",""],p[n],o.default,d,"0 10px 30px 0 rgba(0, 20, 29, 0.1), 0 30px 60px 0 rgba(0, 20, 29, 0.1)",s||"center"===r||"bottom"===r?"0":"30px","bottom"!==r||s?"0":"30px",e||"300px","center"===a||"right"===a?"auto":"30px","center"===a||"left"===a?"auto":"30px",i&&t.css(["border:1px solid var(--colorsSemanticInfo500);"]))),l,l,l,l,l,l,(({align:t})=>"center"===t?" scale(1) translateY(0)":"scale(1)"),l,l,(({alignY:t})=>"bottom"===t?"margin-bottom: -40px":"margin-top: -40px"),o.default,d,(({isNotice:e,alignY:a})=>e&&t.css(["background-color:var(--colorsUtilityMajor400);border:none;color:var(--colorsSemanticNeutralYang100);margin-right:0;max-width:100%;","{right:55px;}"," ","{color:var(--colorsSemanticNeutralYang100);}&","-appear,&","-enter{",";opacity:0;}&","-exit{",";opacity:1;}&","-appear","-appear-active,&","-enter","-enter-active{",";opacity:1;transition:all 400ms ease;}&","-exit","-exit-active{",";opacity:0;transition:all 200ms ease;}"],o.default,o.default,i.default,c,c,"top"===a?"top: -40px":"bottom: -40px",c,"top"===a?"top: 0":"bottom: 0",c,c,c,c,"top"===a?"top: 0":"bottom: 0",c,c,"top"===a?"top: -40px":"bottom: -40px"))),x=s.default.div.withConfig({displayName:"toast.style__StyledToastContent",componentId:"carbon_v161_9_2__sc-6f15a9b3-2"})(["padding:8px 16px 8px 16px;white-space:pre-wrap;flex:1;"," ",""],(({isNotice:o})=>o&&t.css(["display:flex;align-items:center;padding:11px 40px;"])),(({isDismiss:o,isNotice:e})=>o&&t.css(["padding-right:",";"],e?"88px":"48px"))),f=s.default.div.withConfig({displayName:"toast.style__ToastWrapper",componentId:"carbon_v161_9_2__sc-6f15a9b3-3"})([""," ",""],(({align:o})=>o&&t.css(["position:relative;width:auto;height:auto;justify-content:",";display:flex;"],o)),(({isNotice:o})=>o&&t.css(["display:block;"])));exports.StyledPortal=n,exports.StyledToast=m,exports.StyledToastContent=x,exports.ToastWrapper=f;
1
+ "use strict";var t=require("styled-components"),o=require("../icon-button/icon-button.style.js"),e=require("../portal/portal.js"),a=require("../../style/themes/apply-base-theme.js"),i=require("../icon/icon.style.js");function r(t){return t&&t.__esModule?t:{default:t}}var s=r(t);const n=s.default(e.Portal).attrs(a.default).withConfig({displayName:"toast.style__StyledPortal",componentId:"carbon_v161_11_0__sc-6f15a9b3-0"})(["",""],(({theme:o,isNotice:e,align:a,alignY:i})=>t.css(["position:fixed;top:0;z-index:",";"," "," "," "," "," "," ",""],o.zIndex.notification,"left"===a&&t.css(["left:0;transform:translateX(50%);"]),"center"===a&&t.css(["margin-left:50%;transform:translateX(-50%);"]),"right"===a&&t.css(["right:0;transform:translateX(-50%);"]),e&&t.css(["bottom:0;top:auto;width:100%;"]),"top"===i&&t.css(["top:0;bottom:auto;"]),"center"===i&&t.css(["top:50%;transform:translate(",",-50%);"],"left"===a?"50%":"-50%"),"bottom"===i&&t.css(["bottom:0;top:auto;display:flex;flex-direction:column-reverse;"])))),l=".toast",c=".toast-alternative",p={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",success:"var(--colorsSemanticPositive500)",warning:"var(--colorsSemanticCaution500)",neutral:"var(--colorsSemanticNeutral500)"},d=t.css(["position:absolute;right:15px;top:50%;transform:translateY(-50%);"]),m=s.default.div.withConfig({displayName:"toast.style__StyledToast",componentId:"carbon_v161_11_0__sc-6f15a9b3-1"})([""," :focus{outline:none;}&","-appear,&","-enter{opacity:0;transform:scale(0.5);}&","-appear","-appear-active,&","-enter","-enter-active{opacity:1;transform:",";transition:all 300ms cubic-bezier(0.25,0.25,0,1.5);}&","-exit","-exit-active{opacity:0;",";transition:all 150ms ease-out;}","{","}",""],(({maxWidth:e,align:a,isNotification:i,alignY:r,isNotice:s,variant:n})=>t.css(["position:relative;display:flex;justify-content:flex-start;align-content:center;border-radius:var(--borderRadius100);overflow:hidden;border:1px solid ",";background-color:var(--colorsUtilityYang100);min-height:38px;:focus{outline:none;}","{","}box-shadow:",";line-height:22px;margin-top:",";margin-bottom:",";max-width:",";position:relative;margin-right:",";margin-left:",";",""],p[n],o.default,d,"0 10px 30px 0 rgba(0, 20, 29, 0.1), 0 30px 60px 0 rgba(0, 20, 29, 0.1)",s||"center"===r||"bottom"===r?"0":"30px","bottom"!==r||s?"0":"30px",e||"300px","center"===a||"right"===a?"auto":"30px","center"===a||"left"===a?"auto":"30px",i&&t.css(["border:1px solid var(--colorsSemanticInfo500);"]))),l,l,l,l,l,l,(({align:t})=>"center"===t?" scale(1) translateY(0)":"scale(1)"),l,l,(({alignY:t})=>"bottom"===t?"margin-bottom: -40px":"margin-top: -40px"),o.default,d,(({isNotice:e,alignY:a})=>e&&t.css(["background-color:var(--colorsUtilityMajor400);border:none;color:var(--colorsSemanticNeutralYang100);margin-right:0;max-width:100%;","{right:55px;}"," ","{color:var(--colorsSemanticNeutralYang100);}&","-appear,&","-enter{",";opacity:0;}&","-exit{",";opacity:1;}&","-appear","-appear-active,&","-enter","-enter-active{",";opacity:1;transition:all 400ms ease;}&","-exit","-exit-active{",";opacity:0;transition:all 200ms ease;}"],o.default,o.default,i.default,c,c,"top"===a?"top: -40px":"bottom: -40px",c,"top"===a?"top: 0":"bottom: 0",c,c,c,c,"top"===a?"top: 0":"bottom: 0",c,c,"top"===a?"top: -40px":"bottom: -40px"))),x=s.default.div.withConfig({displayName:"toast.style__StyledToastContent",componentId:"carbon_v161_11_0__sc-6f15a9b3-2"})(["padding:8px 16px 8px 16px;white-space:pre-wrap;flex:1;"," ",""],(({isNotice:o})=>o&&t.css(["display:flex;align-items:center;padding:11px 40px;"])),(({isDismiss:o,isNotice:e})=>o&&t.css(["padding-right:",";"],e?"88px":"48px"))),f=s.default.div.withConfig({displayName:"toast.style__ToastWrapper",componentId:"carbon_v161_11_0__sc-6f15a9b3-3"})([""," ",""],(({align:o})=>o&&t.css(["position:relative;width:auto;height:auto;justify-content:",";display:flex;"],o)),(({isNotice:o})=>o&&t.css(["display:block;"])));exports.StyledPortal=n,exports.StyledToast=m,exports.StyledToastContent=x,exports.ToastWrapper=f;
@@ -0,0 +1 @@
1
+ export { default } from "./tokens-wrapper.context";
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tokens-wrapper.context.js");exports.default=e.default;
@@ -0,0 +1,5 @@
1
+ {
2
+ "sideEffects": false,
3
+ "module": "../../../../../esm/components/tokens-wrapper/__internal__/context/index.js",
4
+ "types": "./index.d.ts"
5
+ }
@@ -0,0 +1,4 @@
1
+ declare const _default: import("react").Context<{
2
+ wrapperId?: string;
3
+ }>;
4
+ export default _default;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react").createContext({});exports.default=e;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./useModeSwitcher.js");exports.default=e.default;
@@ -0,0 +1,5 @@
1
+ {
2
+ "sideEffects": false,
3
+ "module": "../../../../../esm/components/tokens-wrapper/__internal__/hooks/index.js",
4
+ "types": "./index.d.ts"
5
+ }
@@ -0,0 +1,2 @@
1
+ declare const _default: (modeOverride?: "light" | "dark" | "auto") => "light" | "dark";
2
+ export default _default;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../__internal__/dom/globals.js");exports.default=r=>{let a;r&&"auto"!==r&&(a=r);const[n,s]=e.useState("light");return e.useEffect((()=>{var e;if(a)return;const r=null===(e=t.getWindow())||void 0===e?void 0:e.matchMedia("(prefers-color-scheme: dark)");if(!r)return;s(r.matches?"dark":"light");const n=e=>{s(e.matches?"dark":"light")};return r.addEventListener("change",n),()=>{r&&r.removeEventListener("change",n)}}),[a]),null!=a?a:n};