carbon-react 154.7.0 → 154.7.1

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 (455) hide show
  1. package/esm/__internal__/character-count/character-count.style.d.ts +3 -1
  2. package/esm/__internal__/character-count/character-count.style.js +1 -1
  3. package/esm/__internal__/fieldset/fieldset.style.d.ts +3 -1
  4. package/esm/__internal__/fieldset/fieldset.style.js +1 -1
  5. package/esm/__internal__/form-field/form-field.style.d.ts +3 -1
  6. package/esm/__internal__/form-field/form-field.style.js +1 -1
  7. package/esm/__internal__/input/input-presentation.style.d.ts +1 -1
  8. package/esm/__internal__/popover/popover.style.d.ts +3 -1
  9. package/esm/__internal__/popover/popover.style.js +1 -1
  10. package/esm/__internal__/validations/validation-icon.style.d.ts +4 -2
  11. package/esm/__internal__/validations/validation-icon.style.js +1 -1
  12. package/esm/components/accordion/accordion.style.d.ts +9 -3
  13. package/esm/components/accordion/accordion.style.js +1 -1
  14. package/esm/components/action-popover/action-popover.style.d.ts +6 -2
  15. package/esm/components/action-popover/action-popover.style.js +1 -1
  16. package/esm/components/adaptive-sidebar/adaptive-sidebar.style.d.ts +1 -1
  17. package/esm/components/advanced-color-picker/advanced-color-picker-cell.style.d.ts +3 -1
  18. package/esm/components/advanced-color-picker/advanced-color-picker-cell.style.js +1 -1
  19. package/esm/components/advanced-color-picker/advanced-color-picker.style.d.ts +3 -1
  20. package/esm/components/advanced-color-picker/advanced-color-picker.style.js +1 -1
  21. package/esm/components/badge/badge.style.d.ts +3 -1
  22. package/esm/components/badge/badge.style.js +1 -1
  23. package/esm/components/box/box.style.d.ts +4 -2
  24. package/esm/components/box/box.style.js +1 -1
  25. package/esm/components/breadcrumbs/breadcrumbs.style.d.ts +3 -1
  26. package/esm/components/breadcrumbs/breadcrumbs.style.js +1 -1
  27. package/esm/components/button/button.style.d.ts +4 -2
  28. package/esm/components/button/button.style.js +1 -1
  29. package/esm/components/button-bar/button-bar.style.d.ts +3 -1
  30. package/esm/components/button-bar/button-bar.style.js +1 -1
  31. package/esm/components/button-toggle/button-toggle-group/button-toggle-group.style.d.ts +5 -1
  32. package/esm/components/button-toggle/button-toggle-group/button-toggle-group.style.js +1 -1
  33. package/esm/components/button-toggle/button-toggle.style.d.ts +3 -1
  34. package/esm/components/button-toggle/button-toggle.style.js +1 -1
  35. package/esm/components/card/card-row/card-row.style.d.ts +3 -1
  36. package/esm/components/card/card-row/card-row.style.js +1 -1
  37. package/esm/components/card/card.style.d.ts +6 -2
  38. package/esm/components/card/card.style.js +1 -1
  39. package/esm/components/checkbox/checkbox.style.d.ts +3 -1
  40. package/esm/components/checkbox/checkbox.style.js +1 -1
  41. package/esm/components/content/content.style.d.ts +3 -1
  42. package/esm/components/content/content.style.js +1 -1
  43. package/esm/components/date/__internal__/date-picker/day-picker.style.d.ts +3 -1
  44. package/esm/components/date/__internal__/date-picker/day-picker.style.js +1 -1
  45. package/esm/components/date/__internal__/navbar/button.style.d.ts +3 -1
  46. package/esm/components/date/__internal__/navbar/button.style.js +1 -1
  47. package/esm/components/date/date.style.d.ts +3 -1
  48. package/esm/components/date/date.style.js +1 -1
  49. package/esm/components/date-range/date-range.style.d.ts +3 -1
  50. package/esm/components/date-range/date-range.style.js +1 -1
  51. package/esm/components/definition-list/definition-list.style.d.ts +6 -2
  52. package/esm/components/definition-list/definition-list.style.js +1 -1
  53. package/esm/components/detail/detail.style.d.ts +3 -1
  54. package/esm/components/detail/detail.style.js +1 -1
  55. package/esm/components/dialog/dialog.style.d.ts +6 -2
  56. package/esm/components/dialog/dialog.style.js +1 -1
  57. package/esm/components/dialog-full-screen/dialog-full-screen.style.d.ts +3 -1
  58. package/esm/components/dialog-full-screen/dialog-full-screen.style.js +1 -1
  59. package/esm/components/draggable/draggable-item/draggable-item.style.d.ts +6 -2
  60. package/esm/components/draggable/draggable-item/draggable-item.style.js +1 -1
  61. package/esm/components/drawer/drawer.style.d.ts +3 -1
  62. package/esm/components/drawer/drawer.style.js +1 -1
  63. package/esm/components/duelling-picklist/duelling-picklist.style.d.ts +3 -1
  64. package/esm/components/duelling-picklist/duelling-picklist.style.js +1 -1
  65. package/esm/components/duelling-picklist/picklist/picklist.style.d.ts +4 -2
  66. package/esm/components/fieldset/fieldset.style.d.ts +3 -1
  67. package/esm/components/fieldset/fieldset.style.js +1 -1
  68. package/esm/components/flat-table/flat-table-cell/flat-table-cell.style.d.ts +3 -1
  69. package/esm/components/flat-table/flat-table-cell/flat-table-cell.style.js +1 -1
  70. package/esm/components/flat-table/flat-table-head/flat-table-head.style.d.ts +3 -1
  71. package/esm/components/flat-table/flat-table-head/flat-table-head.style.js +1 -1
  72. package/esm/components/flat-table/flat-table-header/flat-table-header.style.d.ts +3 -1
  73. package/esm/components/flat-table/flat-table-header/flat-table-header.style.js +1 -1
  74. package/esm/components/flat-table/flat-table-row/flat-table-row.style.d.ts +3 -1
  75. package/esm/components/flat-table/flat-table-row/flat-table-row.style.js +1 -1
  76. package/esm/components/flat-table/flat-table-row-header/flat-table-row-header.style.d.ts +3 -1
  77. package/esm/components/flat-table/flat-table-row-header/flat-table-row-header.style.js +1 -1
  78. package/esm/components/flat-table/flat-table.style.d.ts +7 -3
  79. package/esm/components/flat-table/flat-table.style.js +1 -1
  80. package/esm/components/flat-table/sort/sort.style.d.ts +3 -1
  81. package/esm/components/flat-table/sort/sort.style.js +1 -1
  82. package/esm/components/form/form.style.d.ts +6 -2
  83. package/esm/components/form/form.style.js +1 -1
  84. package/esm/components/heading/heading.style.d.ts +3 -1
  85. package/esm/components/heading/heading.style.js +1 -1
  86. package/esm/components/help/help.style.d.ts +3 -1
  87. package/esm/components/help/help.style.js +1 -1
  88. package/esm/components/hr/hr.style.d.ts +4 -2
  89. package/esm/components/hr/hr.style.js +1 -1
  90. package/esm/components/icon/icon.style.d.ts +4 -2
  91. package/esm/components/icon/icon.style.js +1 -1
  92. package/esm/components/icon-button/icon-button.style.d.ts +3 -1
  93. package/esm/components/icon-button/icon-button.style.js +1 -1
  94. package/esm/components/image/image.style.d.ts +6 -1
  95. package/esm/components/image/image.style.js +1 -1
  96. package/esm/components/inline-inputs/inline-inputs.style.d.ts +3 -1
  97. package/esm/components/inline-inputs/inline-inputs.style.js +1 -1
  98. package/esm/components/link/link.component.js +1 -1
  99. package/esm/components/link/link.style.d.ts +3 -1
  100. package/esm/components/link/link.style.js +1 -1
  101. package/esm/components/link-preview/link-preview.style.d.ts +3 -1
  102. package/esm/components/link-preview/link-preview.style.js +1 -1
  103. package/esm/components/loader/loader-square.style.d.ts +3 -1
  104. package/esm/components/loader/loader-square.style.js +1 -1
  105. package/esm/components/loader/loader.component.js +1 -1
  106. package/esm/components/loader/loader.style.d.ts +3 -1
  107. package/esm/components/loader/loader.style.js +1 -1
  108. package/esm/components/loader-bar/loader-bar.style.d.ts +3 -1
  109. package/esm/components/loader-bar/loader-bar.style.js +1 -1
  110. package/esm/components/menu/__internal__/submenu/submenu.style.d.ts +3 -1
  111. package/esm/components/menu/__internal__/submenu/submenu.style.js +1 -1
  112. package/esm/components/menu/menu-full-screen/menu-full-screen.style.d.ts +6 -2
  113. package/esm/components/menu/menu-full-screen/menu-full-screen.style.js +1 -1
  114. package/esm/components/menu/menu-item/menu-item.style.d.ts +3 -1
  115. package/esm/components/menu/menu-item/menu-item.style.js +1 -1
  116. package/esm/components/menu/menu.style.d.ts +3 -1
  117. package/esm/components/menu/menu.style.js +1 -1
  118. package/esm/components/message/message.style.d.ts +3 -1
  119. package/esm/components/message/message.style.js +1 -1
  120. package/esm/components/modal/modal.style.d.ts +4 -2
  121. package/esm/components/modal/modal.style.js +1 -1
  122. package/esm/components/multi-action-button/multi-action-button.style.d.ts +7 -3
  123. package/esm/components/multi-action-button/multi-action-button.style.js +1 -1
  124. package/esm/components/navigation-bar/navigation-bar.style.d.ts +4 -2
  125. package/esm/components/navigation-bar/navigation-bar.style.js +1 -1
  126. package/esm/components/note/note.style.d.ts +3 -1
  127. package/esm/components/note/note.style.js +1 -1
  128. package/esm/components/pages/page/page.style.d.ts +6 -2
  129. package/esm/components/pages/page/page.style.js +1 -1
  130. package/esm/components/pages/pages.component.d.ts +1 -1
  131. package/esm/components/pages/pages.style.d.ts +3 -1
  132. package/esm/components/pages/pages.style.js +1 -1
  133. package/esm/components/pill/pill.style.d.ts +4 -2
  134. package/esm/components/pill/pill.style.js +1 -1
  135. package/esm/components/pod/pod.style.d.ts +3 -1
  136. package/esm/components/pod/pod.style.js +1 -1
  137. package/esm/components/popover-container/popover-container.style.d.ts +3 -1
  138. package/esm/components/popover-container/popover-container.style.js +1 -1
  139. package/esm/components/portal/portal.js +1 -1
  140. package/esm/components/portrait/__internal__/get-colors.js +1 -0
  141. package/esm/components/portrait/portrait.style.d.ts +3 -1
  142. package/esm/components/portrait/portrait.style.js +1 -1
  143. package/esm/components/preview/preview.style.d.ts +3 -1
  144. package/esm/components/preview/preview.style.js +1 -1
  145. package/esm/components/profile/profile.style.d.ts +3 -1
  146. package/esm/components/profile/profile.style.js +1 -1
  147. package/esm/components/progress-tracker/progress-tracker.style.d.ts +6 -2
  148. package/esm/components/progress-tracker/progress-tracker.style.js +1 -1
  149. package/esm/components/radio-button/radio-button.style.d.ts +4 -2
  150. package/esm/components/radio-button/radio-button.style.js +1 -1
  151. package/esm/components/search/search-button.style.d.ts +3 -1
  152. package/esm/components/search/search-button.style.js +1 -1
  153. package/esm/components/search/search.style.d.ts +3 -1
  154. package/esm/components/search/search.style.js +1 -1
  155. package/esm/components/select/__internal__/select-list/select-list.style.d.ts +3 -1
  156. package/esm/components/select/__internal__/select-list/select-list.style.js +1 -1
  157. package/esm/components/select/multi-select/multi-select.component.js +1 -1
  158. package/esm/components/select/multi-select/multi-select.style.d.ts +10 -2
  159. package/esm/components/select/multi-select/multi-select.style.js +1 -1
  160. package/esm/components/select/select.style.d.ts +3 -2
  161. package/esm/components/select/select.style.js +1 -1
  162. package/esm/components/settings-row/settings-row.style.d.ts +3 -1
  163. package/esm/components/settings-row/settings-row.style.js +1 -1
  164. package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.style.d.ts +3 -1
  165. package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js +1 -1
  166. package/esm/components/sidebar/sidebar.style.d.ts +3 -1
  167. package/esm/components/sidebar/sidebar.style.js +1 -1
  168. package/esm/components/split-button/split-button-children.style.d.ts +4 -2
  169. package/esm/components/split-button/split-button-children.style.js +1 -1
  170. package/esm/components/split-button/split-button-toggle.style.d.ts +4 -2
  171. package/esm/components/split-button/split-button-toggle.style.js +1 -1
  172. package/esm/components/split-button/split-button.style.d.ts +3 -1
  173. package/esm/components/split-button/split-button.style.js +1 -1
  174. package/esm/components/step-sequence/step-sequence.style.d.ts +3 -1
  175. package/esm/components/step-sequence/step-sequence.style.js +1 -1
  176. package/esm/components/switch/switch.style.d.ts +4 -2
  177. package/esm/components/switch/switch.style.js +1 -1
  178. package/esm/components/tabs/__internal__/tabs-header/tabs-header.style.d.ts +3 -1
  179. package/esm/components/tabs/__internal__/tabs-header/tabs-header.style.js +1 -1
  180. package/esm/components/tabs/tab/tab.style.d.ts +5 -3
  181. package/esm/components/tabs/tab/tab.style.js +1 -1
  182. package/esm/components/tabs/tabs.style.d.ts +3 -1
  183. package/esm/components/tabs/tabs.style.js +1 -1
  184. package/esm/components/textarea/textarea.style.d.ts +3 -1
  185. package/esm/components/textarea/textarea.style.js +1 -1
  186. package/esm/components/tile/tile-content/tile-content.style.d.ts +3 -1
  187. package/esm/components/tile/tile-content/tile-content.style.js +1 -1
  188. package/esm/components/tile/tile-footer/tile-footer.style.d.ts +3 -1
  189. package/esm/components/tile/tile-footer/tile-footer.style.js +1 -1
  190. package/esm/components/tile/tile-header/tile-header.style.d.ts +3 -1
  191. package/esm/components/tile/tile-header/tile-header.style.js +1 -1
  192. package/esm/components/tile/tile.style.d.ts +4 -2
  193. package/esm/components/tile/tile.style.js +1 -1
  194. package/esm/components/tile-select/tile-select.style.d.ts +6 -2
  195. package/esm/components/tile-select/tile-select.style.js +1 -1
  196. package/esm/components/toast/toast.style.d.ts +3 -1
  197. package/esm/components/toast/toast.style.js +1 -1
  198. package/esm/components/tooltip/tooltip-pointer.style.d.ts +3 -1
  199. package/esm/components/tooltip/tooltip-pointer.style.js +1 -1
  200. package/esm/components/tooltip/tooltip.style.d.ts +3 -1
  201. package/esm/components/tooltip/tooltip.style.js +1 -1
  202. package/esm/components/typography/typography.style.d.ts +3 -1
  203. package/esm/components/typography/typography.style.js +1 -1
  204. package/esm/components/vertical-divider/vertical-divider.style.d.ts +6 -2
  205. package/esm/components/vertical-divider/vertical-divider.style.js +1 -1
  206. package/esm/components/vertical-menu/vertical-menu.style.d.ts +11 -5
  207. package/esm/components/vertical-menu/vertical-menu.style.js +1 -1
  208. package/esm/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.d.ts +4 -2
  209. package/esm/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js +1 -1
  210. package/esm/style/design-tokens/generate-css-variables.util.d.ts +1 -1
  211. package/esm/style/themes/apply-base-theme.d.ts +14 -0
  212. package/esm/style/themes/apply-base-theme.js +1 -0
  213. package/esm/style/themes/base/base-theme.config.d.ts +1 -45
  214. package/esm/style/themes/base/index.d.ts +1 -2
  215. package/esm/style/themes/index.d.ts +3 -3
  216. package/esm/style/themes/index.js +1 -1
  217. package/esm/style/themes/none/index.d.ts +1 -1
  218. package/esm/style/themes/none/none-theme.config.d.ts +1 -1
  219. package/esm/style/themes/sage/index.d.ts +2 -2
  220. package/esm/style/themes/theme.types.d.ts +45 -0
  221. package/esm/style/utils/color.d.ts +1 -1
  222. package/esm/style/utils/get-accessible-foreground-color.d.ts +9 -0
  223. package/esm/style/utils/get-accessible-foreground-color.js +1 -0
  224. package/esm/style/utils/get-hex-value.d.ts +6 -0
  225. package/esm/style/utils/get-hex-value.js +1 -0
  226. package/lib/__internal__/character-count/character-count.style.d.ts +3 -1
  227. package/lib/__internal__/character-count/character-count.style.js +1 -1
  228. package/lib/__internal__/fieldset/fieldset.style.d.ts +3 -1
  229. package/lib/__internal__/fieldset/fieldset.style.js +1 -1
  230. package/lib/__internal__/form-field/form-field.style.d.ts +3 -1
  231. package/lib/__internal__/form-field/form-field.style.js +1 -1
  232. package/lib/__internal__/input/input-presentation.style.d.ts +1 -1
  233. package/lib/__internal__/popover/popover.style.d.ts +3 -1
  234. package/lib/__internal__/popover/popover.style.js +1 -1
  235. package/lib/__internal__/validations/validation-icon.style.d.ts +4 -2
  236. package/lib/__internal__/validations/validation-icon.style.js +1 -1
  237. package/lib/components/accordion/accordion.style.d.ts +9 -3
  238. package/lib/components/accordion/accordion.style.js +1 -1
  239. package/lib/components/action-popover/action-popover.style.d.ts +6 -2
  240. package/lib/components/action-popover/action-popover.style.js +1 -1
  241. package/lib/components/adaptive-sidebar/adaptive-sidebar.style.d.ts +1 -1
  242. package/lib/components/advanced-color-picker/advanced-color-picker-cell.style.d.ts +3 -1
  243. package/lib/components/advanced-color-picker/advanced-color-picker-cell.style.js +1 -1
  244. package/lib/components/advanced-color-picker/advanced-color-picker.style.d.ts +3 -1
  245. package/lib/components/advanced-color-picker/advanced-color-picker.style.js +1 -1
  246. package/lib/components/badge/badge.style.d.ts +3 -1
  247. package/lib/components/badge/badge.style.js +1 -1
  248. package/lib/components/box/box.style.d.ts +4 -2
  249. package/lib/components/box/box.style.js +1 -1
  250. package/lib/components/breadcrumbs/breadcrumbs.style.d.ts +3 -1
  251. package/lib/components/breadcrumbs/breadcrumbs.style.js +1 -1
  252. package/lib/components/button/button.style.d.ts +4 -2
  253. package/lib/components/button/button.style.js +1 -1
  254. package/lib/components/button-bar/button-bar.style.d.ts +3 -1
  255. package/lib/components/button-bar/button-bar.style.js +1 -1
  256. package/lib/components/button-toggle/button-toggle-group/button-toggle-group.style.d.ts +5 -1
  257. package/lib/components/button-toggle/button-toggle-group/button-toggle-group.style.js +1 -1
  258. package/lib/components/button-toggle/button-toggle.style.d.ts +3 -1
  259. package/lib/components/button-toggle/button-toggle.style.js +1 -1
  260. package/lib/components/card/card-row/card-row.style.d.ts +3 -1
  261. package/lib/components/card/card-row/card-row.style.js +1 -1
  262. package/lib/components/card/card.style.d.ts +6 -2
  263. package/lib/components/card/card.style.js +1 -1
  264. package/lib/components/checkbox/checkbox.style.d.ts +3 -1
  265. package/lib/components/checkbox/checkbox.style.js +1 -1
  266. package/lib/components/content/content.style.d.ts +3 -1
  267. package/lib/components/content/content.style.js +1 -1
  268. package/lib/components/date/__internal__/date-picker/day-picker.style.d.ts +3 -1
  269. package/lib/components/date/__internal__/date-picker/day-picker.style.js +1 -1
  270. package/lib/components/date/__internal__/navbar/button.style.d.ts +3 -1
  271. package/lib/components/date/__internal__/navbar/button.style.js +1 -1
  272. package/lib/components/date/date.style.d.ts +3 -1
  273. package/lib/components/date/date.style.js +1 -1
  274. package/lib/components/date-range/date-range.style.d.ts +3 -1
  275. package/lib/components/date-range/date-range.style.js +1 -1
  276. package/lib/components/definition-list/definition-list.style.d.ts +6 -2
  277. package/lib/components/definition-list/definition-list.style.js +1 -1
  278. package/lib/components/detail/detail.style.d.ts +3 -1
  279. package/lib/components/detail/detail.style.js +1 -1
  280. package/lib/components/dialog/dialog.style.d.ts +6 -2
  281. package/lib/components/dialog/dialog.style.js +1 -1
  282. package/lib/components/dialog-full-screen/dialog-full-screen.style.d.ts +3 -1
  283. package/lib/components/dialog-full-screen/dialog-full-screen.style.js +1 -1
  284. package/lib/components/draggable/draggable-item/draggable-item.style.d.ts +6 -2
  285. package/lib/components/draggable/draggable-item/draggable-item.style.js +1 -1
  286. package/lib/components/drawer/drawer.style.d.ts +3 -1
  287. package/lib/components/drawer/drawer.style.js +1 -1
  288. package/lib/components/duelling-picklist/duelling-picklist.style.d.ts +3 -1
  289. package/lib/components/duelling-picklist/duelling-picklist.style.js +1 -1
  290. package/lib/components/duelling-picklist/picklist/picklist.style.d.ts +4 -2
  291. package/lib/components/fieldset/fieldset.style.d.ts +3 -1
  292. package/lib/components/fieldset/fieldset.style.js +1 -1
  293. package/lib/components/flat-table/flat-table-cell/flat-table-cell.style.d.ts +3 -1
  294. package/lib/components/flat-table/flat-table-cell/flat-table-cell.style.js +1 -1
  295. package/lib/components/flat-table/flat-table-head/flat-table-head.style.d.ts +3 -1
  296. package/lib/components/flat-table/flat-table-head/flat-table-head.style.js +1 -1
  297. package/lib/components/flat-table/flat-table-header/flat-table-header.style.d.ts +3 -1
  298. package/lib/components/flat-table/flat-table-header/flat-table-header.style.js +1 -1
  299. package/lib/components/flat-table/flat-table-row/flat-table-row.style.d.ts +3 -1
  300. package/lib/components/flat-table/flat-table-row/flat-table-row.style.js +1 -1
  301. package/lib/components/flat-table/flat-table-row-header/flat-table-row-header.style.d.ts +3 -1
  302. package/lib/components/flat-table/flat-table-row-header/flat-table-row-header.style.js +1 -1
  303. package/lib/components/flat-table/flat-table.style.d.ts +7 -3
  304. package/lib/components/flat-table/flat-table.style.js +1 -1
  305. package/lib/components/flat-table/sort/sort.style.d.ts +3 -1
  306. package/lib/components/flat-table/sort/sort.style.js +1 -1
  307. package/lib/components/form/form.style.d.ts +6 -2
  308. package/lib/components/form/form.style.js +1 -1
  309. package/lib/components/heading/heading.style.d.ts +3 -1
  310. package/lib/components/heading/heading.style.js +1 -1
  311. package/lib/components/help/help.style.d.ts +3 -1
  312. package/lib/components/help/help.style.js +1 -1
  313. package/lib/components/hr/hr.style.d.ts +4 -2
  314. package/lib/components/hr/hr.style.js +1 -1
  315. package/lib/components/icon/icon.style.d.ts +4 -2
  316. package/lib/components/icon/icon.style.js +1 -1
  317. package/lib/components/icon-button/icon-button.style.d.ts +3 -1
  318. package/lib/components/icon-button/icon-button.style.js +1 -1
  319. package/lib/components/image/image.style.d.ts +6 -1
  320. package/lib/components/image/image.style.js +1 -1
  321. package/lib/components/inline-inputs/inline-inputs.style.d.ts +3 -1
  322. package/lib/components/inline-inputs/inline-inputs.style.js +1 -1
  323. package/lib/components/link/link.component.js +1 -1
  324. package/lib/components/link/link.style.d.ts +3 -1
  325. package/lib/components/link/link.style.js +1 -1
  326. package/lib/components/link-preview/link-preview.style.d.ts +3 -1
  327. package/lib/components/link-preview/link-preview.style.js +1 -1
  328. package/lib/components/loader/loader-square.style.d.ts +3 -1
  329. package/lib/components/loader/loader-square.style.js +1 -1
  330. package/lib/components/loader/loader.component.js +1 -1
  331. package/lib/components/loader/loader.style.d.ts +3 -1
  332. package/lib/components/loader/loader.style.js +1 -1
  333. package/lib/components/loader-bar/loader-bar.style.d.ts +3 -1
  334. package/lib/components/loader-bar/loader-bar.style.js +1 -1
  335. package/lib/components/menu/__internal__/submenu/submenu.style.d.ts +3 -1
  336. package/lib/components/menu/__internal__/submenu/submenu.style.js +1 -1
  337. package/lib/components/menu/menu-full-screen/menu-full-screen.style.d.ts +6 -2
  338. package/lib/components/menu/menu-full-screen/menu-full-screen.style.js +1 -1
  339. package/lib/components/menu/menu-item/menu-item.style.d.ts +3 -1
  340. package/lib/components/menu/menu-item/menu-item.style.js +1 -1
  341. package/lib/components/menu/menu.style.d.ts +3 -1
  342. package/lib/components/menu/menu.style.js +1 -1
  343. package/lib/components/message/message.style.d.ts +3 -1
  344. package/lib/components/message/message.style.js +1 -1
  345. package/lib/components/modal/modal.style.d.ts +4 -2
  346. package/lib/components/modal/modal.style.js +1 -1
  347. package/lib/components/multi-action-button/multi-action-button.style.d.ts +7 -3
  348. package/lib/components/multi-action-button/multi-action-button.style.js +1 -1
  349. package/lib/components/navigation-bar/navigation-bar.style.d.ts +4 -2
  350. package/lib/components/navigation-bar/navigation-bar.style.js +1 -1
  351. package/lib/components/note/note.style.d.ts +3 -1
  352. package/lib/components/note/note.style.js +1 -1
  353. package/lib/components/pages/page/page.style.d.ts +6 -2
  354. package/lib/components/pages/page/page.style.js +1 -1
  355. package/lib/components/pages/pages.component.d.ts +1 -1
  356. package/lib/components/pages/pages.style.d.ts +3 -1
  357. package/lib/components/pages/pages.style.js +1 -1
  358. package/lib/components/pill/pill.style.d.ts +4 -2
  359. package/lib/components/pill/pill.style.js +1 -1
  360. package/lib/components/pod/pod.style.d.ts +3 -1
  361. package/lib/components/pod/pod.style.js +1 -1
  362. package/lib/components/popover-container/popover-container.style.d.ts +3 -1
  363. package/lib/components/popover-container/popover-container.style.js +1 -1
  364. package/lib/components/portal/portal.js +1 -1
  365. package/lib/components/portrait/__internal__/get-colors.js +1 -0
  366. package/lib/components/portrait/portrait.style.d.ts +3 -1
  367. package/lib/components/portrait/portrait.style.js +1 -1
  368. package/lib/components/preview/preview.style.d.ts +3 -1
  369. package/lib/components/preview/preview.style.js +1 -1
  370. package/lib/components/profile/profile.style.d.ts +3 -1
  371. package/lib/components/profile/profile.style.js +1 -1
  372. package/lib/components/progress-tracker/progress-tracker.style.d.ts +6 -2
  373. package/lib/components/progress-tracker/progress-tracker.style.js +1 -1
  374. package/lib/components/radio-button/radio-button.style.d.ts +4 -2
  375. package/lib/components/radio-button/radio-button.style.js +1 -1
  376. package/lib/components/search/search-button.style.d.ts +3 -1
  377. package/lib/components/search/search-button.style.js +1 -1
  378. package/lib/components/search/search.style.d.ts +3 -1
  379. package/lib/components/search/search.style.js +1 -1
  380. package/lib/components/select/__internal__/select-list/select-list.style.d.ts +3 -1
  381. package/lib/components/select/__internal__/select-list/select-list.style.js +1 -1
  382. package/lib/components/select/multi-select/multi-select.component.js +1 -1
  383. package/lib/components/select/multi-select/multi-select.style.d.ts +10 -2
  384. package/lib/components/select/multi-select/multi-select.style.js +1 -1
  385. package/lib/components/select/select.style.d.ts +3 -2
  386. package/lib/components/select/select.style.js +1 -1
  387. package/lib/components/settings-row/settings-row.style.d.ts +3 -1
  388. package/lib/components/settings-row/settings-row.style.js +1 -1
  389. package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.d.ts +3 -1
  390. package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js +1 -1
  391. package/lib/components/sidebar/sidebar.style.d.ts +3 -1
  392. package/lib/components/sidebar/sidebar.style.js +1 -1
  393. package/lib/components/split-button/split-button-children.style.d.ts +4 -2
  394. package/lib/components/split-button/split-button-children.style.js +1 -1
  395. package/lib/components/split-button/split-button-toggle.style.d.ts +4 -2
  396. package/lib/components/split-button/split-button-toggle.style.js +1 -1
  397. package/lib/components/split-button/split-button.style.d.ts +3 -1
  398. package/lib/components/split-button/split-button.style.js +1 -1
  399. package/lib/components/step-sequence/step-sequence.style.d.ts +3 -1
  400. package/lib/components/step-sequence/step-sequence.style.js +1 -1
  401. package/lib/components/switch/switch.style.d.ts +4 -2
  402. package/lib/components/switch/switch.style.js +1 -1
  403. package/lib/components/tabs/__internal__/tabs-header/tabs-header.style.d.ts +3 -1
  404. package/lib/components/tabs/__internal__/tabs-header/tabs-header.style.js +1 -1
  405. package/lib/components/tabs/tab/tab.style.d.ts +5 -3
  406. package/lib/components/tabs/tab/tab.style.js +1 -1
  407. package/lib/components/tabs/tabs.style.d.ts +3 -1
  408. package/lib/components/tabs/tabs.style.js +1 -1
  409. package/lib/components/textarea/textarea.style.d.ts +3 -1
  410. package/lib/components/textarea/textarea.style.js +1 -1
  411. package/lib/components/tile/tile-content/tile-content.style.d.ts +3 -1
  412. package/lib/components/tile/tile-content/tile-content.style.js +1 -1
  413. package/lib/components/tile/tile-footer/tile-footer.style.d.ts +3 -1
  414. package/lib/components/tile/tile-footer/tile-footer.style.js +1 -1
  415. package/lib/components/tile/tile-header/tile-header.style.d.ts +3 -1
  416. package/lib/components/tile/tile-header/tile-header.style.js +1 -1
  417. package/lib/components/tile/tile.style.d.ts +4 -2
  418. package/lib/components/tile/tile.style.js +1 -1
  419. package/lib/components/tile-select/tile-select.style.d.ts +6 -2
  420. package/lib/components/tile-select/tile-select.style.js +1 -1
  421. package/lib/components/toast/toast.style.d.ts +3 -1
  422. package/lib/components/toast/toast.style.js +1 -1
  423. package/lib/components/tooltip/tooltip-pointer.style.d.ts +3 -1
  424. package/lib/components/tooltip/tooltip-pointer.style.js +1 -1
  425. package/lib/components/tooltip/tooltip.style.d.ts +3 -1
  426. package/lib/components/tooltip/tooltip.style.js +1 -1
  427. package/lib/components/typography/typography.style.d.ts +3 -1
  428. package/lib/components/typography/typography.style.js +1 -1
  429. package/lib/components/vertical-divider/vertical-divider.style.d.ts +6 -2
  430. package/lib/components/vertical-divider/vertical-divider.style.js +1 -1
  431. package/lib/components/vertical-menu/vertical-menu.style.d.ts +11 -5
  432. package/lib/components/vertical-menu/vertical-menu.style.js +1 -1
  433. package/lib/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.d.ts +4 -2
  434. package/lib/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js +1 -1
  435. package/lib/style/design-tokens/generate-css-variables.util.d.ts +1 -1
  436. package/lib/style/themes/apply-base-theme.d.ts +14 -0
  437. package/lib/style/themes/apply-base-theme.js +1 -0
  438. package/lib/style/themes/base/base-theme.config.d.ts +1 -45
  439. package/lib/style/themes/base/index.d.ts +1 -2
  440. package/lib/style/themes/index.d.ts +3 -3
  441. package/lib/style/themes/index.js +1 -1
  442. package/lib/style/themes/none/index.d.ts +1 -1
  443. package/lib/style/themes/none/none-theme.config.d.ts +1 -1
  444. package/lib/style/themes/sage/index.d.ts +2 -2
  445. package/lib/style/themes/theme.types.d.ts +45 -0
  446. package/lib/style/utils/color.d.ts +1 -1
  447. package/lib/style/utils/get-accessible-foreground-color.d.ts +9 -0
  448. package/lib/style/utils/get-accessible-foreground-color.js +1 -0
  449. package/lib/style/utils/get-hex-value.d.ts +6 -0
  450. package/lib/style/utils/get-hex-value.js +1 -0
  451. package/package.json +1 -2
  452. package/esm/components/portrait/__internal__/utils.js +0 -1
  453. package/lib/components/portrait/__internal__/utils.js +0 -1
  454. /package/esm/components/portrait/__internal__/{utils.d.ts → get-colors.d.ts} +0 -0
  455. /package/lib/components/portrait/__internal__/{utils.d.ts → get-colors.d.ts} +0 -0
@@ -1 +1 @@
1
- "use strict";var e=require("styled-components"),t=require("styled-system"),o=require("../../style/utils/add-focus-styling.js"),n=require("../../style/themes/base/index.js"),r=require("../icon/icon.style.js"),i=require("../icon/icon.component.js"),a=require("../box/box.style.js");function l(e){return e&&e.__esModule?e:{default:e}}var d=l(e);const c=d.default.ul.withConfig({displayName:"vertical-menu.style__StyledList",componentId:"sc-158b2abc-0"})(["list-style:none;margin:0;padding:0;"]),s=d.default.div.withConfig({displayName:"vertical-menu.style__StyledVerticalMenuItem",componentId:"sc-158b2abc-1"})(["min-height:",";width:100%;display:flex;border:none;align-items:center;font-weight:500;font-size:14px;cursor:pointer;color:var(--colorsComponentsLeftnavWinterStandardContent);position:relative;box-sizing:border-box;text-decoration:none;background-color:var(--colorsComponentsLeftnavWinterStandardBackground);"," &:hover{background-color:var(--colorsComponentsLeftnavWinterStandardHover);}&:focus{","}"," ","{width:20px;}"],(({height:e})=>e),t.padding,o.default(!0),(({active:t})=>t&&e.css(['&:before{background:var(--colorsComponentsLeftnavWinterStandardSelected);border-radius:var(--borderRadius100);content:"";height:calc(100% - 16px);left:24px;position:absolute;top:8px;width:calc(100% - 48px);z-index:0;}&:hover{&:before{background:var(--colorsComponentsLeftnavWinterStandardHover);}}'])),r.default);s.defaultProps={theme:n.default};const u=d.default.h3.withConfig({displayName:"vertical-menu.style__StyledTitle",componentId:"sc-158b2abc-2"})(["font-weight:500;font-size:14px;line-height:21px;margin:0;z-index:1;text-align:left;"]),p=d.default.div.withConfig({displayName:"vertical-menu.style__StyledAdornment",componentId:"sc-158b2abc-3"})(["display:flex;align-items:center;justify-content:flex-end;flex:1;"]),b=d.default(i.default).withConfig({displayName:"vertical-menu.style__StyledTitleIcon",componentId:"sc-158b2abc-4"})(["margin-right:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),f=d.default(i.default).withConfig({displayName:"vertical-menu.style__StyledChevronIcon",componentId:"sc-158b2abc-5"})(["margin-left:auto;padding-left:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),m=d.default(a.default).withConfig({displayName:"vertical-menu.style__StyledVerticalMenu",componentId:"sc-158b2abc-6"})(["&::-webkit-scrollbar-track{background-color:#cccccc;}&::-webkit-scrollbar-thumb{background-color:#808080;}&::-webkit-scrollbar{width:12px;}"]),y=d.default(a.default).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuFullScreen",componentId:"sc-158b2abc-7"})(["position:fixed;top:0;bottom:0;height:100vh;width:100%;outline:none;padding:8px 0px;overflow:auto;background-color:var(--colorsComponentsLeftnavWinterStandardBackground);box-sizing:border-box;z-index:",";"," "," "," &::-webkit-scrollbar-track{background-color:#cccccc;}&::-webkit-scrollbar-thumb{background-color:#808080;}&::-webkit-scrollbar{width:12px;}"],(({theme:e})=>e.zIndex.fullScreenModal),(({prefersReducedMotion:t})=>!t&&e.css(["transition:all 0.3s ease;"])),(({isOpen:t})=>t&&e.css(["visibility:visible;transform:translateX(0);"])),(({isOpen:t})=>!t&&e.css(["transform:translateX(-100%);visibility:hidden;"])));exports.StyledAdornment=p,exports.StyledChevronIcon=f,exports.StyledList=c,exports.StyledTitle=u,exports.StyledTitleIcon=b,exports.StyledVerticalMenu=m,exports.StyledVerticalMenuFullScreen=y,exports.StyledVerticalMenuItem=s;
1
+ "use strict";var e=require("styled-components"),t=require("styled-system"),o=require("../../style/utils/add-focus-styling.js"),n=require("../../style/themes/apply-base-theme.js"),r=require("../icon/icon.style.js"),i=require("../icon/icon.component.js"),l=require("../box/box.style.js");function a(e){return e&&e.__esModule?e:{default:e}}var d=a(e);const s=d.default.ul.withConfig({displayName:"vertical-menu.style__StyledList",componentId:"sc-fd9ff32e-0"})(["list-style:none;margin:0;padding:0;"]),c=d.default.div.attrs(n.default).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuItem",componentId:"sc-fd9ff32e-1"})(["min-height:",";width:100%;display:flex;border:none;align-items:center;font-weight:500;font-size:14px;cursor:pointer;color:var(--colorsComponentsLeftnavWinterStandardContent);position:relative;box-sizing:border-box;text-decoration:none;background-color:var(--colorsComponentsLeftnavWinterStandardBackground);"," &:hover{background-color:var(--colorsComponentsLeftnavWinterStandardHover);}&:focus{","}"," ","{width:20px;}"],(({height:e})=>e),t.padding,o.default(!0),(({active:t})=>t&&e.css(['&:before{background:var(--colorsComponentsLeftnavWinterStandardSelected);border-radius:var(--borderRadius100);content:"";height:calc(100% - 16px);left:24px;position:absolute;top:8px;width:calc(100% - 48px);z-index:0;}&:hover{&:before{background:var(--colorsComponentsLeftnavWinterStandardHover);}}'])),r.default),f=d.default.h3.withConfig({displayName:"vertical-menu.style__StyledTitle",componentId:"sc-fd9ff32e-2"})(["font-weight:500;font-size:14px;line-height:21px;margin:0;z-index:1;text-align:left;"]),u=d.default.div.withConfig({displayName:"vertical-menu.style__StyledAdornment",componentId:"sc-fd9ff32e-3"})(["display:flex;align-items:center;justify-content:flex-end;flex:1;"]),p=d.default(i.default).withConfig({displayName:"vertical-menu.style__StyledTitleIcon",componentId:"sc-fd9ff32e-4"})(["margin-right:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),m=d.default(i.default).withConfig({displayName:"vertical-menu.style__StyledChevronIcon",componentId:"sc-fd9ff32e-5"})(["margin-left:auto;padding-left:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),y=d.default(l.default).withConfig({displayName:"vertical-menu.style__StyledVerticalMenu",componentId:"sc-fd9ff32e-6"})(["&::-webkit-scrollbar-track{background-color:#cccccc;}&::-webkit-scrollbar-thumb{background-color:#808080;}&::-webkit-scrollbar{width:12px;}"]),b=d.default(l.default).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuFullScreen",componentId:"sc-fd9ff32e-7"})(["position:fixed;top:0;bottom:0;height:100vh;width:100%;outline:none;padding:8px 0px;overflow:auto;background-color:var(--colorsComponentsLeftnavWinterStandardBackground);box-sizing:border-box;z-index:",";"," "," "," &::-webkit-scrollbar-track{background-color:#cccccc;}&::-webkit-scrollbar-thumb{background-color:#808080;}&::-webkit-scrollbar{width:12px;}"],(({theme:e})=>e.zIndex.fullScreenModal),(({prefersReducedMotion:t})=>!t&&e.css(["transition:all 0.3s ease;"])),(({isOpen:t})=>t&&e.css(["visibility:visible;transform:translateX(0);"])),(({isOpen:t})=>!t&&e.css(["transform:translateX(-100%);visibility:hidden;"])));exports.StyledAdornment=u,exports.StyledChevronIcon=m,exports.StyledList=s,exports.StyledTitle=f,exports.StyledTitleIcon=p,exports.StyledVerticalMenu=y,exports.StyledVerticalMenuFullScreen=b,exports.StyledVerticalMenuItem=c;
@@ -1,9 +1,11 @@
1
- import { ThemeObject } from "../../themes/base";
1
+ import type { ThemeObject } from "../../themes/theme.types";
2
2
  /**
3
3
  *
4
4
  * Converts theme properties to css variables form and set them locally for
5
5
  * given scope
6
6
  *
7
7
  */
8
- declare const CarbonScopedTokensProvider: import("styled-components").StyledComponent<"div", any, ThemeObject, never>;
8
+ declare const CarbonScopedTokensProvider: import("styled-components").StyledComponent<"div", any, {
9
+ theme: object;
10
+ } & ThemeObject, "theme">;
9
11
  export default CarbonScopedTokensProvider;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");require("../../themes/sage/index.js");var t=require("../../themes/base/index.js");require("../../themes/none/index.js");var r=require("../generate-css-variables.util.js");function i(e){return e&&e.__esModule?e:{default:e}}const s=i(e).default.div.withConfig({displayName:"carbon-scoped-tokens-provider.component__CarbonScopedTokensProvider",componentId:"sc-40e92382-0"})(["margin:0;padding:0;width:auto;display:inline;",""],(({theme:e})=>r.default(e.compatibility)));s.defaultProps={theme:t.default},exports.default=s;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../themes/apply-base-theme.js"),o=require("../generate-css-variables.util.js");function r(e){return e&&e.__esModule?e:{default:e}}const i=r(e).default.div.attrs(t.default).withConfig({displayName:"carbon-scoped-tokens-provider.component__CarbonScopedTokensProvider",componentId:"sc-b2d26267-0"})(["margin:0;padding:0;width:auto;display:inline;",""],(({theme:e})=>o.default(e.compatibility)));exports.default=i;
@@ -1,4 +1,4 @@
1
- import { ThemeObject } from "../themes/base";
1
+ import type { ThemeObject } from "../themes/theme.types";
2
2
  /**
3
3
  *
4
4
  * Converts theme properties to the string in form of css variable definitions.
@@ -0,0 +1,14 @@
1
+ interface ApplyBaseThemeArgs {
2
+ theme: object;
3
+ [key: string]: unknown;
4
+ }
5
+ /**
6
+ * To be used by a styled component, this util applies Carbon's base theme to the component if no theme is provided from a parent `ThemeProvider`.
7
+ * Otherwise, it preserves the provided theme.
8
+ *
9
+ * @see {@link https://styled-components.com/docs/api#themeprovider | `ThemeProvider`} docs
10
+ */
11
+ declare const _default: ({ theme, ...props }: ApplyBaseThemeArgs) => {
12
+ theme: object;
13
+ };
14
+ export default _default;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./base/index.js");function t(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}exports.default=r=>{var{theme:n}=r,o=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},u=Object.keys(e);for(n=0;n<u.length;n++)r=u[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(n=0;n<u.length;n++)r=u[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(r,["theme"]);return function(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),o.forEach((function(r){t(e,r,n[r])}))}return e}({theme:0===Object.keys(n).length?e.default:n},o)};
@@ -1,48 +1,4 @@
1
- import { PaletteFunction } from "../../palette";
2
- export type BasePalette = Record<string, string | PaletteFunction> & {
3
- blackOpacity: PaletteFunction;
4
- whiteOpacity: PaletteFunction;
5
- [key: string]: PaletteFunction;
6
- };
7
- export interface Colors {
8
- primary: string;
9
- secondary: string;
10
- tertiary: string;
11
- loadingBarBackground: string;
12
- white: "#FFFFFF";
13
- error: string;
14
- focus: string;
15
- info: string;
16
- warning: string;
17
- destructive: {
18
- hover: string;
19
- };
20
- warningText: string;
21
- placeholder: string;
22
- }
23
- export interface ThemeObject extends Record<string, unknown> {
24
- name: string;
25
- palette: BasePalette;
26
- spacing: number;
27
- space: string[];
28
- colors: Partial<Colors>;
29
- disabled: {
30
- background: string;
31
- };
32
- zIndex: {
33
- smallOverlay: number;
34
- overlay: number;
35
- popover: number;
36
- nav: number;
37
- globalNav: number;
38
- modal: number;
39
- header: number;
40
- fullScreenModal: number;
41
- notification: number;
42
- aboveAll: number;
43
- };
44
- compatibility: Record<string, string | undefined>;
45
- }
1
+ import type { BasePalette, ThemeObject } from "../theme.types";
46
2
  export declare const space: string[];
47
3
  declare const _default: (palette: BasePalette) => ThemeObject;
48
4
  export default _default;
@@ -1,5 +1,4 @@
1
- import { BasePalette, ThemeObject } from "./base-theme.config";
1
+ import type { BasePalette, ThemeObject } from "../theme.types";
2
2
  declare const baseTheme: ThemeObject;
3
3
  export default baseTheme;
4
4
  export declare const mergeWithBase: (configureTheme: (p: BasePalette) => Partial<ThemeObject>) => Partial<ThemeObject>;
5
- export type { ThemeObject };
@@ -1,5 +1,5 @@
1
- import sageTheme from "./sage";
2
- export { sageTheme };
1
+ export { default as sageTheme } from "./sage";
3
2
  export { default as baseTheme } from "./base";
4
3
  export { default as noTheme } from "./none";
5
- export type { ThemeObject } from "./base";
4
+ export { default as applyBaseTheme } from "./apply-base-theme";
5
+ export type { ThemeObject } from "./theme.types";
@@ -1 +1 @@
1
- "use strict";var e=require("./sage/index.js"),s=require("./base/index.js"),r=require("./none/index.js");exports.sageTheme=e.default,exports.baseTheme=s.default,exports.noTheme=r.default;
1
+ "use strict";var e=require("./sage/index.js"),s=require("./base/index.js"),r=require("./none/index.js"),a=require("./apply-base-theme.js");exports.sageTheme=e.default,exports.baseTheme=s.default,exports.noTheme=r.default,exports.applyBaseTheme=a.default;
@@ -1,2 +1,2 @@
1
- declare const _default: Partial<import("../base").ThemeObject>;
1
+ declare const _default: Partial<import("..").ThemeObject>;
2
2
  export default _default;
@@ -1,3 +1,3 @@
1
- import { ThemeObject } from "../base";
1
+ import type { ThemeObject } from "../theme.types";
2
2
  declare const _default: () => Partial<ThemeObject>;
3
3
  export default _default;
@@ -1,4 +1,4 @@
1
- import { BasePalette } from "../base/base-theme.config";
1
+ import { BasePalette } from "../theme.types";
2
2
  declare const _default: {
3
3
  compatibility: {
4
4
  metaName: string;
@@ -514,7 +514,7 @@ declare const _default: {
514
514
  palette?: BasePalette | undefined;
515
515
  spacing?: number | undefined;
516
516
  space?: string[] | undefined;
517
- colors?: Partial<import("../base/base-theme.config").Colors> | undefined;
517
+ colors?: Partial<import("../theme.types").Colors> | undefined;
518
518
  disabled?: {
519
519
  background: string;
520
520
  } | undefined;
@@ -0,0 +1,45 @@
1
+ import type { PaletteFunction } from "../palette";
2
+ export type BasePalette = Record<string, string | PaletteFunction> & {
3
+ blackOpacity: PaletteFunction;
4
+ whiteOpacity: PaletteFunction;
5
+ [key: string]: PaletteFunction;
6
+ };
7
+ export interface Colors {
8
+ primary: string;
9
+ secondary: string;
10
+ tertiary: string;
11
+ loadingBarBackground: string;
12
+ white: "#FFFFFF";
13
+ error: string;
14
+ focus: string;
15
+ info: string;
16
+ warning: string;
17
+ destructive: {
18
+ hover: string;
19
+ };
20
+ warningText: string;
21
+ placeholder: string;
22
+ }
23
+ export interface ThemeObject extends Record<string, unknown> {
24
+ name: string;
25
+ palette: BasePalette;
26
+ spacing: number;
27
+ space: string[];
28
+ colors: Partial<Colors>;
29
+ disabled: {
30
+ background: string;
31
+ };
32
+ zIndex: {
33
+ smallOverlay: number;
34
+ overlay: number;
35
+ popover: number;
36
+ nav: number;
37
+ globalNav: number;
38
+ modal: number;
39
+ header: number;
40
+ fullScreenModal: number;
41
+ notification: number;
42
+ aboveAll: number;
43
+ };
44
+ compatibility: Record<string, string | undefined>;
45
+ }
@@ -1,4 +1,4 @@
1
- import { ThemeObject } from "../themes/base";
1
+ import type { ThemeObject } from "../themes/theme.types";
2
2
  export declare const toColor: (theme: ThemeObject, color: string) => string;
3
3
  declare const _default: ({ color, bg, backgroundColor, ...rest }: Record<string, unknown>) => any;
4
4
  export default _default;
@@ -0,0 +1,9 @@
1
+ /**
2
+ * Get the accessible foreground color based on the background color and text size.
3
+ * Returns either white or black based on the contrast ratio.
4
+ * @param backgroundColor the background color in hex format
5
+ * @param largeText whether the text is large
6
+ * @param strict whether to use strict contrast (i.e. WCAG AA or AAA)
7
+ */
8
+ declare function getAccessibleForegroundColor(backgroundColor: string, largeText: boolean, strict: boolean): string;
9
+ export default getAccessibleForegroundColor;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const t=(t,r)=>{const[e,s]=t>r?[t,r]:[r,t];return(e+.05)/(s+.05)},r=t=>{const r=t.replace("#",""),e=parseInt(r.slice(0,2),16),s=parseInt(r.slice(2,4),16),n=parseInt(r.slice(4,6),16),o=t=>{const r=t/255;return r<=.03928?r/12.92:Math.pow((r+.055)/1.055,2.4)};return.2126*o(e)+.7152*o(s)+.0722*o(n)};exports.default=function(e,s,n){const o=r(e),c=r("#FFFFFF"),i=r("#000000"),l=t(o,c),a=t(o,i),u=n?s?4.5:7:s?3:4.5;return l>=u&&l>a?"var(--colorsUtilityYang100)":a>=u?"var(--colorsUtilityYin090)":l>a?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)"};
@@ -0,0 +1,6 @@
1
+ /**
2
+ * Converts CSS color string to a hex value.
3
+ * @param color - CSS color string (hex, rgb, rgba, hsl, hsla, or named color).
4
+ */
5
+ declare function getHexValue(color: string): string;
6
+ export default getHexValue;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../__internal__/utils/logger/index.js");const a={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",green:"#008000",greenyellow:"#adff2f",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgray:"#d3d3d3",lightgreen:"#90ee90",lightgrey:"#d3d3d3",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370db",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#db7093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",slategrey:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"};exports.default=function(f){const r=f.trim().toLowerCase();if(r.startsWith("#"))return function(e){const a=e.replace("#","");return 3===a.length?`#${a[0]}${a[0]}${a[1]}${a[1]}${a[2]}${a[2]}`:4===a.length?`#${a[0]}${a[0]}${a[1]}${a[1]}${a[2]}${a[2]}${a[3]}${a[3]}`:`#${a}`}(r);if(r.startsWith("rgb"))return function(e){const a=e.match(/\d+(\.\d+)?%?/g);if(!a)return"#000000";const f=parseInt(a[0],10),r=parseInt(a[1],10),t=parseInt(a[2],10),d=a.length>3?parseFloat(a[3]):1;let l=`#${f.toString(16).padStart(2,"0")}${r.toString(16).padStart(2,"0")}${t.toString(16).padStart(2,"0")}`;return 1!==d&&(l+=Math.round(255*d).toString(16).padStart(2,"0")),l}(r);if(r.startsWith("hsl"))return function(e){const a=e.match(/-?\d+(\.\d+)?%?/g);if(!a)return"#000000";const f=parseFloat(a[0]),r=parseFloat(a[1])/100,t=parseFloat(a[2])/100,d=a.length>3?parseFloat(a[3]):1,{r:l,g:n,b:o}=function(e,a,f){let r=e%360;r<0&&(r+=360);const t=(1-Math.abs(2*f-1))*a,d=t*(1-Math.abs(e/60%2-1)),l=f-t/2;let n,o,i;switch(Math.floor(r/60)){case 0:[n,o,i]=[t,d,0];break;case 1:[n,o,i]=[d,t,0];break;case 2:[n,o,i]=[0,t,d];break;case 3:[n,o,i]=[0,d,t];break;case 4:[n,o,i]=[d,0,t];break;default:[n,o,i]=[t,0,d]}return{r:Math.round(255*(n+l)),g:Math.round(255*(o+l)),b:Math.round(255*(i+l))}}(f,r,t);let i=`#${Math.round(l).toString(16).padStart(2,"0")}${Math.round(n).toString(16).padStart(2,"0")}${Math.round(o).toString(16).padStart(2,"0")}`;return 1!==d&&(i+=Math.round(255*d).toString(16).padStart(2,"0")),i}(r);return a[r]||null||(e.default.error(`Could not parse "${f}", please provide a valid hex, rgb, rgba, hsl, hsla or named color.`),"#000000")};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "carbon-react",
3
- "version": "154.7.0",
3
+ "version": "154.7.1",
4
4
  "description": "A library of reusable React components for easily building user interfaces.",
5
5
  "files": [
6
6
  "lib",
@@ -207,7 +207,6 @@
207
207
  "invariant": "^2.2.4",
208
208
  "lexical": "^0.21.0",
209
209
  "lodash": "^4.17.21",
210
- "polished": "^4.2.2",
211
210
  "prop-types": "^15.8.1",
212
211
  "react-day-picker": "~9.3.2",
213
212
  "react-dnd": "^16.0.1",
@@ -1 +0,0 @@
1
- const r=(r,t)=>{const[o,l]=r>t?[r,t]:[t,r];return(o+.05)/(l+.05)},t=r=>{const t=r.replace("#",""),o=parseInt(t.slice(0,2),16),l=parseInt(t.slice(2,4),16),n=parseInt(t.slice(4,6),16),i=r=>{const t=r/255;return t<=.03928?t/12.92:Math.pow((t+.055)/1.055,2.4)};return.2126*i(o)+.7152*i(l)+.0722*i(n)},o=(o,l=!1,n=!1,i=!1,c=void 0)=>{let e="var(--colorsUtilityYin090)",s="var(--colorsUtilityReadOnly400)";return!l||o||c||(s="var(--colorsUtilityYin090)",e="var(--colorsUtilityReadOnly600)"),o&&(s=o,e=function(o,l,n){const i=t(o),c=t("#FFFFFF"),e=t("#000000"),s=r(i,c),F=r(i,e),a=n?l?4.5:7:l?3:4.5;return s>=a&&s>F?"#FFFFFF":F>=a?"var(--colorsUtilityYin090)":s>F?"#FFFFFF":"var(--colorsUtilityYin090)"}(o,n,i)),c&&(e=c),`background-color: ${s}; color: ${e};`};export{o as default};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const t=(t,r)=>{const[o,e]=t>r?[t,r]:[r,t];return(o+.05)/(e+.05)},r=t=>{const r=t.replace("#",""),o=parseInt(r.slice(0,2),16),e=parseInt(r.slice(2,4),16),l=parseInt(r.slice(4,6),16),i=t=>{const r=t/255;return r<=.03928?r/12.92:Math.pow((r+.055)/1.055,2.4)};return.2126*i(o)+.7152*i(e)+.0722*i(l)};exports.default=(o,e=!1,l=!1,i=!1,n=void 0)=>{let s="var(--colorsUtilityYin090)",c="var(--colorsUtilityReadOnly400)";return!e||o||n||(c="var(--colorsUtilityYin090)",s="var(--colorsUtilityReadOnly600)"),o&&(c=o,s=function(o,e,l){const i=r(o),n=r("#FFFFFF"),s=r("#000000"),c=t(i,n),F=t(i,s),a=l?e?4.5:7:e?3:4.5;return c>=a&&c>F?"#FFFFFF":F>=a?"var(--colorsUtilityYin090)":c>F?"#FFFFFF":"var(--colorsUtilityYin090)"}(o,l,i)),n&&(s=n),`background-color: ${c}; color: ${s};`};