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.
- package/esm/__internal__/character-count/character-count.component.d.ts +3 -1
- package/esm/__internal__/character-count/character-count.component.js +1 -1
- package/esm/__internal__/character-count/character-count.style.d.ts +3 -0
- package/esm/__internal__/character-count/character-count.style.js +1 -1
- package/esm/__internal__/checkable-input/checkable-input.style.js +1 -1
- package/esm/__internal__/checkable-input/hidden-checkable-input.style.js +1 -1
- package/esm/__internal__/error-border/error-border.style.js +1 -1
- package/esm/__internal__/field-help/field-help.style.js +1 -1
- package/esm/__internal__/fieldset/__next__/fieldset.style.js +1 -1
- package/esm/__internal__/fieldset/fieldset.style.js +1 -1
- package/esm/__internal__/form-field/form-field.style.js +1 -1
- package/esm/__internal__/full-screen-heading/full-screen-heading.style.js +1 -1
- package/esm/__internal__/hint-text/hint-text.style.js +1 -1
- package/esm/__internal__/input/input.style.js +1 -1
- package/esm/__internal__/input-icon-toggle/input-icon-toggle.style.js +1 -1
- package/esm/__internal__/label/label.style.js +1 -1
- package/esm/__internal__/legacy-error-border/error-border.style.js +1 -1
- package/esm/__internal__/legacy-hint-text/hint-text.style.js +1 -1
- package/esm/__internal__/legacy-input/input-presentation.style.js +1 -1
- package/esm/__internal__/legacy-input/input.style.js +1 -1
- package/esm/__internal__/legacy-label/icon-wrapper.style.js +1 -1
- package/esm/__internal__/legacy-label/label.style.js +1 -1
- package/esm/__internal__/modal/modal.style.js +1 -1
- package/esm/__internal__/popover/popover.component.js +1 -1
- package/esm/__internal__/popover/popover.style.js +1 -1
- package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js +1 -1
- package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js +1 -1
- package/esm/__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js +1 -1
- package/esm/__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js +1 -1
- package/esm/__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.js +1 -1
- package/esm/__internal__/popover-menu/menu-item/menu-item.component.js +1 -1
- package/esm/__internal__/popover-menu/popover-menu.component.js +1 -1
- package/esm/__internal__/validation-message/__next__/validation-message.style.js +1 -1
- package/esm/__internal__/validation-message/validation-message.style.js +1 -1
- package/esm/__internal__/validations/validation-icon.style.js +1 -1
- package/esm/components/accordion/accordion.style.js +1 -1
- package/esm/components/action-popover/action-popover.style.js +1 -1
- package/esm/components/adaptive-sidebar/adaptive-sidebar.style.js +1 -1
- package/esm/components/advanced-color-picker/advanced-color-picker-cell.style.js +1 -1
- package/esm/components/advanced-color-picker/advanced-color-picker.style.js +1 -1
- package/esm/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.style.js +1 -1
- package/esm/components/anchor-navigation/anchor-navigation.style.js +1 -1
- package/esm/components/anchor-navigation/anchor-section-divider.component.js +1 -1
- package/esm/components/badge/badge.style.js +1 -1
- package/esm/components/batch-selection/batch-selection.style.js +1 -1
- package/esm/components/box/box.style.js +1 -1
- package/esm/components/breadcrumbs/breadcrumbs.style.js +1 -1
- package/esm/components/breadcrumbs/crumb/crumb.style.js +1 -1
- package/esm/components/button/__next__/button.style.js +1 -1
- package/esm/components/button/button.style.js +1 -1
- package/esm/components/button-bar/button-bar.style.js +1 -1
- package/esm/components/button-minor/button-minor.style.js +1 -1
- package/esm/components/button-toggle/button-toggle-group/button-toggle-group.style.js +1 -1
- package/esm/components/button-toggle/button-toggle.style.js +1 -1
- package/esm/components/card/card-column/card-column.style.js +1 -1
- package/esm/components/card/card-footer/card-footer.style.js +1 -1
- package/esm/components/card/card-row/card-row.style.js +1 -1
- package/esm/components/card/card.style.js +1 -1
- package/esm/components/checkbox/checkbox-group/checkbox-group.style.js +1 -1
- package/esm/components/checkbox/checkbox.style.js +1 -1
- package/esm/components/confirm/confirm.style.js +1 -1
- package/esm/components/content/content.style.js +1 -1
- package/esm/components/date/__internal__/date-picker/day-picker.style.js +1 -1
- package/esm/components/date/__internal__/navbar/button.style.js +1 -1
- package/esm/components/date/__internal__/navbar/navbar.style.js +1 -1
- package/esm/components/date/__internal__/weekday/abbr.style.js +1 -1
- package/esm/components/date/__internal__/weekday/weekday.style.js +1 -1
- package/esm/components/date/date.style.js +1 -1
- package/esm/components/date-range/date-range.style.js +1 -1
- package/esm/components/decimal/__internal__/decimal-popover-button.style.js +1 -1
- package/esm/components/decimal/decimal.style.js +1 -1
- package/esm/components/definition-list/definition-list.style.js +1 -1
- package/esm/components/detail/detail.style.js +1 -1
- package/esm/components/dialog/__internal__/__next__/dialog.style.js +1 -1
- package/esm/components/dismissible-box/dismissible-box.style.js +1 -1
- package/esm/components/divider/divider.style.js +1 -1
- package/esm/components/draggable/draggable-item/draggable-item.style.js +1 -1
- package/esm/components/drawer/drawer.style.js +1 -1
- package/esm/components/duelling-picklist/duelling-picklist.style.js +1 -1
- package/esm/components/duelling-picklist/picklist/picklist.style.js +1 -1
- package/esm/components/duelling-picklist/picklist-divider/picklist-divider.style.js +1 -1
- package/esm/components/duelling-picklist/picklist-group/picklist-group.style.js +1 -1
- package/esm/components/duelling-picklist/picklist-item/picklist-item.style.js +1 -1
- package/esm/components/fieldset/fieldset.style.js +1 -1
- package/esm/components/file-input/__internal__/file-upload-status/file-upload-status.style.js +1 -1
- package/esm/components/file-input/file-input.style.js +1 -1
- package/esm/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.style.js +1 -1
- package/esm/components/flat-table/flat-table-cell/flat-table-cell.style.js +1 -1
- package/esm/components/flat-table/flat-table-checkbox/flat-table-checkbox.style.js +1 -1
- package/esm/components/flat-table/flat-table-head/flat-table-head.style.js +1 -1
- package/esm/components/flat-table/flat-table-header/flat-table-header.style.js +1 -1
- package/esm/components/flat-table/flat-table-row/flat-table-row.style.js +1 -1
- package/esm/components/flat-table/flat-table-row-header/flat-table-row-header.style.js +1 -1
- package/esm/components/flat-table/flat-table.style.js +1 -1
- package/esm/components/flat-table/sort/sort.style.js +1 -1
- package/esm/components/form/__internal__/form-summary.style.js +1 -1
- package/esm/components/form/form.style.js +1 -1
- package/esm/components/form/required-fields-indicator/required-fields-indicator.component.js +1 -1
- package/esm/components/global-header/global-header.component.js +1 -1
- package/esm/components/grid/grid-container/grid-container.style.js +1 -1
- package/esm/components/grid/grid-item/grid-item.style.js +1 -1
- package/esm/components/heading/heading.style.js +1 -1
- package/esm/components/help/help.style.js +1 -1
- package/esm/components/hr/hr.style.js +1 -1
- package/esm/components/icon/icon.style.js +1 -1
- package/esm/components/icon-button/icon-button.style.js +1 -1
- package/esm/components/image/image.style.js +1 -1
- package/esm/components/inline-inputs/inline-inputs.style.js +1 -1
- package/esm/components/link/link.style.js +1 -1
- package/esm/components/link-preview/__internal__/placeholder.component.js +1 -1
- package/esm/components/link-preview/link-preview.style.js +1 -1
- package/esm/components/loader/__next__/internal/star.style.js +1 -1
- package/esm/components/loader/__next__/loader.style.js +1 -1
- package/esm/components/loader/loader-square.style.js +1 -1
- package/esm/components/loader/loader.style.js +1 -1
- package/esm/components/loader-bar/loader-bar.style.js +1 -1
- package/esm/components/loader-spinner/loader-spinner.style.js +1 -1
- package/esm/components/loader-star/internal/star.style.js +1 -1
- package/esm/components/loader-star/loader-star.style.js +1 -1
- package/esm/components/menu/__internal__/submenu/submenu.style.js +1 -1
- package/esm/components/menu/menu-divider/menu-divider.style.js +1 -1
- package/esm/components/menu/menu-full-screen/menu-full-screen.style.js +1 -1
- package/esm/components/menu/menu-item/menu-item.style.js +1 -1
- package/esm/components/menu/menu-segment-title/menu-segment-title.style.js +1 -1
- package/esm/components/menu/menu.style.js +1 -1
- package/esm/components/menu/scrollable-block/scrollable-block.style.js +1 -1
- package/esm/components/message/message.style.js +1 -1
- package/esm/components/multi-action-button/multi-action-button.style.js +1 -1
- package/esm/components/navigation-bar/navigation-bar.style.js +1 -1
- package/esm/components/note/__internal__/status-icon/status-icon.style.js +1 -1
- package/esm/components/note/note.style.js +1 -1
- package/esm/components/numeral-date/numeral-date.style.js +1 -1
- package/esm/components/pager/__internal__/pagination-navigation.style.js +1 -1
- package/esm/components/pager/pager.style.js +1 -1
- package/esm/components/pages/page/page.style.js +1 -1
- package/esm/components/pages/pages.style.js +1 -1
- package/esm/components/password/password.style.js +1 -1
- package/esm/components/pill/pill.style.js +1 -1
- package/esm/components/pod/pod.style.js +1 -1
- package/esm/components/popover-container/popover-container.style.js +1 -1
- package/esm/components/portal/portal.js +1 -1
- package/esm/components/portal/portal.style.js +1 -1
- package/esm/components/portrait/portrait.style.js +1 -1
- package/esm/components/preview/preview.style.js +1 -1
- package/esm/components/profile/profile.style.js +1 -1
- package/esm/components/progress-tracker/progress-tracker.style.js +1 -1
- package/esm/components/radio-button/radio-button-group/radio-button-group.style.js +1 -1
- package/esm/components/radio-button/radio-button.style.js +1 -1
- package/esm/components/search/__internal__/legacy/search-button.style.js +1 -1
- package/esm/components/search/__internal__/legacy/search.style.js +1 -1
- package/esm/components/search/__internal__/results-announcement.component.js +1 -1
- package/esm/components/search/search.component.js +1 -1
- package/esm/components/select/__internal__/list-action-button/list-action-button.style.js +1 -1
- package/esm/components/select/__internal__/select-list/select-list.style.js +1 -1
- package/esm/components/select/__internal__/select-textbox/select-textbox.style.js +1 -1
- package/esm/components/select/__internal__/utils/matching-text.style.js +1 -1
- package/esm/components/select/multi-select/multi-select.style.js +1 -1
- package/esm/components/select/option/option.style.js +1 -1
- package/esm/components/select/option-group-header/option-group-header.style.js +1 -1
- package/esm/components/select/option-row/option-row.style.js +1 -1
- package/esm/components/select/select.style.js +1 -1
- package/esm/components/settings-row/settings-row.style.js +1 -1
- package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js +1 -1
- package/esm/components/sidebar/sidebar.style.js +1 -1
- package/esm/components/simple-color-picker/simple-color/simple-color.style.js +1 -1
- package/esm/components/simple-color-picker/simple-color-picker.style.js +1 -1
- package/esm/components/split-button/split-button-children.style.js +1 -1
- package/esm/components/split-button/split-button-toggle.style.js +1 -1
- package/esm/components/split-button/split-button.style.js +1 -1
- package/esm/components/step-flow/step-flow.style.js +1 -1
- package/esm/components/step-sequence/step-sequence-item/step-sequence-item.style.js +1 -1
- package/esm/components/step-sequence/step-sequence.style.js +1 -1
- package/esm/components/switch/switch.style.js +1 -1
- package/esm/components/tabs/__next__/tabs.style.js +1 -1
- package/esm/components/text-editor/__internal__/__ui__/CharacterCounter/character-counter.style.js +1 -1
- package/esm/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.style.js +1 -1
- package/esm/components/text-editor/__internal__/__ui__/Mentions/mentions.style.js +1 -1
- package/esm/components/text-editor/__internal__/__ui__/Placeholder/placeholder.style.js +1 -1
- package/esm/components/text-editor/__internal__/__ui__/Toolbar/button-group/button-group.style.js +1 -1
- package/esm/components/text-editor/__internal__/__ui__/Toolbar/buttons/typography-dropdown/dropdown.style.js +1 -1
- package/esm/components/text-editor/__internal__/__ui__/Toolbar/toolbar.style.js +1 -1
- package/esm/components/text-editor/text-editor.style.js +1 -1
- package/esm/components/textarea/__internal__/tokens/index.d.ts +24 -0
- package/esm/components/textarea/__internal__/tokens/index.js +1 -0
- package/esm/components/textarea/textarea.component.d.ts +27 -17
- package/esm/components/textarea/textarea.component.js +1 -1
- package/esm/components/textarea/textarea.style.d.ts +25 -2
- package/esm/components/textarea/textarea.style.js +1 -1
- package/esm/components/textbox/__internal__/__next__/text-input.style.js +1 -1
- package/esm/components/tile/tile-content/tile-content.style.js +1 -1
- package/esm/components/tile/tile-footer/tile-footer.style.js +1 -1
- package/esm/components/tile/tile-header/tile-header.style.js +1 -1
- package/esm/components/tile/tile.style.js +1 -1
- package/esm/components/tile-select/__internal__/accordion/accordion.style.js +1 -1
- package/esm/components/tile-select/tile-select.style.js +1 -1
- package/esm/components/time/time.style.js +1 -1
- package/esm/components/toast/toast.style.js +1 -1
- package/esm/components/tokens-wrapper/__internal__/context/index.d.ts +1 -0
- package/esm/components/tokens-wrapper/__internal__/context/index.js +1 -0
- package/esm/components/tokens-wrapper/__internal__/context/tokens-wrapper.context.d.ts +4 -0
- package/esm/components/tokens-wrapper/__internal__/context/tokens-wrapper.context.js +1 -0
- package/esm/components/tokens-wrapper/__internal__/hooks/index.js +1 -0
- package/esm/components/tokens-wrapper/__internal__/hooks/useModeSwitcher.d.ts +2 -0
- package/esm/components/tokens-wrapper/__internal__/hooks/useModeSwitcher.js +1 -0
- package/esm/components/tokens-wrapper/__internal__/static-tokens/index.d.ts +1 -1
- package/esm/components/tokens-wrapper/__internal__/static-tokens/index.js +1 -1
- package/esm/components/tokens-wrapper/__internal__/utils/generate-tokens-from-overrides.d.ts +88 -0
- package/esm/components/tokens-wrapper/__internal__/utils/generate-tokens-from-overrides.js +1 -0
- package/esm/components/tokens-wrapper/index.d.ts +1 -0
- package/esm/components/tokens-wrapper/tokens-wrapper.component.d.ts +5 -1
- package/esm/components/tokens-wrapper/tokens-wrapper.component.js +1 -1
- package/esm/components/tooltip/tooltip-pointer.style.js +1 -1
- package/esm/components/tooltip/tooltip.style.js +1 -1
- package/esm/components/typography/__internal__/__next__/typography.style.js +1 -1
- package/esm/components/typography/typography.style.js +1 -1
- package/esm/components/vertical-divider/vertical-divider.style.js +1 -1
- package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js +1 -1
- package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js +1 -1
- package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js +1 -1
- package/esm/components/vertical-menu/vertical-menu.style.js +1 -1
- package/esm/hooks/useCharacterCount/useCharacterCount.d.ts +1 -1
- package/esm/hooks/useCharacterCount/useCharacterCount.js +1 -1
- package/esm/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js +1 -1
- package/esm/style/utils/get-hex-value.d.ts +9 -0
- package/esm/style/utils/get-hex-value.js +1 -1
- package/lib/__internal__/character-count/character-count.component.d.ts +3 -1
- package/lib/__internal__/character-count/character-count.component.js +1 -1
- package/lib/__internal__/character-count/character-count.style.d.ts +3 -0
- package/lib/__internal__/character-count/character-count.style.js +1 -1
- package/lib/__internal__/checkable-input/checkable-input.style.js +1 -1
- package/lib/__internal__/checkable-input/hidden-checkable-input.style.js +1 -1
- package/lib/__internal__/error-border/error-border.style.js +1 -1
- package/lib/__internal__/field-help/field-help.style.js +1 -1
- package/lib/__internal__/fieldset/__next__/fieldset.style.js +1 -1
- package/lib/__internal__/fieldset/fieldset.style.js +1 -1
- package/lib/__internal__/form-field/form-field.style.js +1 -1
- package/lib/__internal__/full-screen-heading/full-screen-heading.style.js +1 -1
- package/lib/__internal__/hint-text/hint-text.style.js +1 -1
- package/lib/__internal__/input/input.style.js +1 -1
- package/lib/__internal__/input-icon-toggle/input-icon-toggle.style.js +1 -1
- package/lib/__internal__/label/label.style.js +1 -1
- package/lib/__internal__/legacy-error-border/error-border.style.js +1 -1
- package/lib/__internal__/legacy-hint-text/hint-text.style.js +1 -1
- package/lib/__internal__/legacy-input/input-presentation.style.js +1 -1
- package/lib/__internal__/legacy-input/input.style.js +1 -1
- package/lib/__internal__/legacy-label/icon-wrapper.style.js +1 -1
- package/lib/__internal__/legacy-label/label.style.js +1 -1
- package/lib/__internal__/modal/modal.style.js +1 -1
- package/lib/__internal__/popover/popover.component.js +1 -1
- package/lib/__internal__/popover/popover.style.js +1 -1
- package/lib/__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js +1 -1
- package/lib/__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js +1 -1
- package/lib/__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js +1 -1
- package/lib/__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js +1 -1
- package/lib/__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.js +1 -1
- package/lib/__internal__/popover-menu/menu-item/menu-item.component.js +1 -1
- package/lib/__internal__/popover-menu/popover-menu.component.js +1 -1
- package/lib/__internal__/validation-message/__next__/validation-message.style.js +1 -1
- package/lib/__internal__/validation-message/validation-message.style.js +1 -1
- package/lib/__internal__/validations/validation-icon.style.js +1 -1
- package/lib/components/accordion/accordion.style.js +1 -1
- package/lib/components/action-popover/action-popover.style.js +1 -1
- package/lib/components/adaptive-sidebar/adaptive-sidebar.style.js +1 -1
- package/lib/components/advanced-color-picker/advanced-color-picker-cell.style.js +1 -1
- package/lib/components/advanced-color-picker/advanced-color-picker.style.js +1 -1
- package/lib/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.style.js +1 -1
- package/lib/components/anchor-navigation/anchor-navigation.style.js +1 -1
- package/lib/components/anchor-navigation/anchor-section-divider.component.js +1 -1
- package/lib/components/badge/badge.style.js +1 -1
- package/lib/components/batch-selection/batch-selection.style.js +1 -1
- package/lib/components/box/box.style.js +1 -1
- package/lib/components/breadcrumbs/breadcrumbs.style.js +1 -1
- package/lib/components/breadcrumbs/crumb/crumb.style.js +1 -1
- package/lib/components/button/__next__/button.style.js +1 -1
- package/lib/components/button/button.style.js +1 -1
- package/lib/components/button-bar/button-bar.style.js +1 -1
- package/lib/components/button-minor/button-minor.style.js +1 -1
- package/lib/components/button-toggle/button-toggle-group/button-toggle-group.style.js +1 -1
- package/lib/components/button-toggle/button-toggle.style.js +1 -1
- package/lib/components/card/card-column/card-column.style.js +1 -1
- package/lib/components/card/card-footer/card-footer.style.js +1 -1
- package/lib/components/card/card-row/card-row.style.js +1 -1
- package/lib/components/card/card.style.js +1 -1
- package/lib/components/checkbox/checkbox-group/checkbox-group.style.js +1 -1
- package/lib/components/checkbox/checkbox.style.js +1 -1
- package/lib/components/confirm/confirm.style.js +1 -1
- package/lib/components/content/content.style.js +1 -1
- package/lib/components/date/__internal__/date-picker/day-picker.style.js +1 -1
- package/lib/components/date/__internal__/navbar/button.style.js +1 -1
- package/lib/components/date/__internal__/navbar/navbar.style.js +1 -1
- package/lib/components/date/__internal__/weekday/abbr.style.js +1 -1
- package/lib/components/date/__internal__/weekday/weekday.style.js +1 -1
- package/lib/components/date/date.style.js +1 -1
- package/lib/components/date-range/date-range.style.js +1 -1
- package/lib/components/decimal/__internal__/decimal-popover-button.style.js +1 -1
- package/lib/components/decimal/decimal.style.js +1 -1
- package/lib/components/definition-list/definition-list.style.js +1 -1
- package/lib/components/detail/detail.style.js +1 -1
- package/lib/components/dialog/__internal__/__next__/dialog.style.js +1 -1
- package/lib/components/dismissible-box/dismissible-box.style.js +1 -1
- package/lib/components/divider/divider.style.js +1 -1
- package/lib/components/draggable/draggable-item/draggable-item.style.js +1 -1
- package/lib/components/drawer/drawer.style.js +1 -1
- package/lib/components/duelling-picklist/duelling-picklist.style.js +1 -1
- package/lib/components/duelling-picklist/picklist/picklist.style.js +1 -1
- package/lib/components/duelling-picklist/picklist-divider/picklist-divider.style.js +1 -1
- package/lib/components/duelling-picklist/picklist-group/picklist-group.style.js +1 -1
- package/lib/components/duelling-picklist/picklist-item/picklist-item.style.js +1 -1
- package/lib/components/fieldset/fieldset.style.js +1 -1
- package/lib/components/file-input/__internal__/file-upload-status/file-upload-status.style.js +1 -1
- package/lib/components/file-input/file-input.style.js +1 -1
- package/lib/components/flat-table/flat-table-body-draggable/flat-table-body-draggable.style.js +1 -1
- package/lib/components/flat-table/flat-table-cell/flat-table-cell.style.js +1 -1
- package/lib/components/flat-table/flat-table-checkbox/flat-table-checkbox.style.js +1 -1
- package/lib/components/flat-table/flat-table-head/flat-table-head.style.js +1 -1
- package/lib/components/flat-table/flat-table-header/flat-table-header.style.js +1 -1
- package/lib/components/flat-table/flat-table-row/flat-table-row.style.js +1 -1
- package/lib/components/flat-table/flat-table-row-header/flat-table-row-header.style.js +1 -1
- package/lib/components/flat-table/flat-table.style.js +1 -1
- package/lib/components/flat-table/sort/sort.style.js +1 -1
- package/lib/components/form/__internal__/form-summary.style.js +1 -1
- package/lib/components/form/form.style.js +1 -1
- package/lib/components/form/required-fields-indicator/required-fields-indicator.component.js +1 -1
- package/lib/components/global-header/global-header.component.js +1 -1
- package/lib/components/grid/grid-container/grid-container.style.js +1 -1
- package/lib/components/grid/grid-item/grid-item.style.js +1 -1
- package/lib/components/heading/heading.style.js +1 -1
- package/lib/components/help/help.style.js +1 -1
- package/lib/components/hr/hr.style.js +1 -1
- package/lib/components/icon/icon.style.js +1 -1
- package/lib/components/icon-button/icon-button.style.js +1 -1
- package/lib/components/image/image.style.js +1 -1
- package/lib/components/inline-inputs/inline-inputs.style.js +1 -1
- package/lib/components/link/link.style.js +1 -1
- package/lib/components/link-preview/__internal__/placeholder.component.js +1 -1
- package/lib/components/link-preview/link-preview.style.js +1 -1
- package/lib/components/loader/__next__/internal/star.style.js +1 -1
- package/lib/components/loader/__next__/loader.style.js +1 -1
- package/lib/components/loader/loader-square.style.js +1 -1
- package/lib/components/loader/loader.style.js +1 -1
- package/lib/components/loader-bar/loader-bar.style.js +1 -1
- package/lib/components/loader-spinner/loader-spinner.style.js +1 -1
- package/lib/components/loader-star/internal/star.style.js +1 -1
- package/lib/components/loader-star/loader-star.style.js +1 -1
- package/lib/components/menu/__internal__/submenu/submenu.style.js +1 -1
- package/lib/components/menu/menu-divider/menu-divider.style.js +1 -1
- package/lib/components/menu/menu-full-screen/menu-full-screen.style.js +1 -1
- package/lib/components/menu/menu-item/menu-item.style.js +1 -1
- package/lib/components/menu/menu-segment-title/menu-segment-title.style.js +1 -1
- package/lib/components/menu/menu.style.js +1 -1
- package/lib/components/menu/scrollable-block/scrollable-block.style.js +1 -1
- package/lib/components/message/message.style.js +1 -1
- package/lib/components/multi-action-button/multi-action-button.style.js +1 -1
- package/lib/components/navigation-bar/navigation-bar.style.js +1 -1
- package/lib/components/note/__internal__/status-icon/status-icon.style.js +1 -1
- package/lib/components/note/note.style.js +1 -1
- package/lib/components/numeral-date/numeral-date.style.js +1 -1
- package/lib/components/pager/__internal__/pagination-navigation.style.js +1 -1
- package/lib/components/pager/pager.style.js +1 -1
- package/lib/components/pages/page/page.style.js +1 -1
- package/lib/components/pages/pages.style.js +1 -1
- package/lib/components/password/password.style.js +1 -1
- package/lib/components/pill/pill.style.js +1 -1
- package/lib/components/pod/pod.style.js +1 -1
- package/lib/components/popover-container/popover-container.style.js +1 -1
- package/lib/components/portal/portal.js +1 -1
- package/lib/components/portal/portal.style.js +1 -1
- package/lib/components/portrait/portrait.style.js +1 -1
- package/lib/components/preview/preview.style.js +1 -1
- package/lib/components/profile/profile.style.js +1 -1
- package/lib/components/progress-tracker/progress-tracker.style.js +1 -1
- package/lib/components/radio-button/radio-button-group/radio-button-group.style.js +1 -1
- package/lib/components/radio-button/radio-button.style.js +1 -1
- package/lib/components/search/__internal__/legacy/search-button.style.js +1 -1
- package/lib/components/search/__internal__/legacy/search.style.js +1 -1
- package/lib/components/search/__internal__/results-announcement.component.js +1 -1
- package/lib/components/search/search.component.js +1 -1
- package/lib/components/select/__internal__/list-action-button/list-action-button.style.js +1 -1
- package/lib/components/select/__internal__/select-list/select-list.style.js +1 -1
- package/lib/components/select/__internal__/select-textbox/select-textbox.style.js +1 -1
- package/lib/components/select/__internal__/utils/matching-text.style.js +1 -1
- package/lib/components/select/multi-select/multi-select.style.js +1 -1
- package/lib/components/select/option/option.style.js +1 -1
- package/lib/components/select/option-group-header/option-group-header.style.js +1 -1
- package/lib/components/select/option-row/option-row.style.js +1 -1
- package/lib/components/select/select.style.js +1 -1
- package/lib/components/settings-row/settings-row.style.js +1 -1
- package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js +1 -1
- package/lib/components/sidebar/sidebar.style.js +1 -1
- package/lib/components/simple-color-picker/simple-color/simple-color.style.js +1 -1
- package/lib/components/simple-color-picker/simple-color-picker.style.js +1 -1
- package/lib/components/split-button/split-button-children.style.js +1 -1
- package/lib/components/split-button/split-button-toggle.style.js +1 -1
- package/lib/components/split-button/split-button.style.js +1 -1
- package/lib/components/step-flow/step-flow.style.js +1 -1
- package/lib/components/step-sequence/step-sequence-item/step-sequence-item.style.js +1 -1
- package/lib/components/step-sequence/step-sequence.style.js +1 -1
- package/lib/components/switch/switch.style.js +1 -1
- package/lib/components/tabs/__next__/tabs.style.js +1 -1
- package/lib/components/text-editor/__internal__/__ui__/CharacterCounter/character-counter.style.js +1 -1
- package/lib/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.style.js +1 -1
- package/lib/components/text-editor/__internal__/__ui__/Mentions/mentions.style.js +1 -1
- package/lib/components/text-editor/__internal__/__ui__/Placeholder/placeholder.style.js +1 -1
- package/lib/components/text-editor/__internal__/__ui__/Toolbar/button-group/button-group.style.js +1 -1
- package/lib/components/text-editor/__internal__/__ui__/Toolbar/buttons/typography-dropdown/dropdown.style.js +1 -1
- package/lib/components/text-editor/__internal__/__ui__/Toolbar/toolbar.style.js +1 -1
- package/lib/components/text-editor/text-editor.style.js +1 -1
- package/lib/components/textarea/__internal__/tokens/index.d.ts +24 -0
- package/lib/components/textarea/__internal__/tokens/index.js +1 -0
- package/lib/components/textarea/__internal__/tokens/package.json +5 -0
- package/lib/components/textarea/textarea.component.d.ts +27 -17
- package/lib/components/textarea/textarea.component.js +1 -1
- package/lib/components/textarea/textarea.style.d.ts +25 -2
- package/lib/components/textarea/textarea.style.js +1 -1
- package/lib/components/textbox/__internal__/__next__/text-input.style.js +1 -1
- package/lib/components/tile/tile-content/tile-content.style.js +1 -1
- package/lib/components/tile/tile-footer/tile-footer.style.js +1 -1
- package/lib/components/tile/tile-header/tile-header.style.js +1 -1
- package/lib/components/tile/tile.style.js +1 -1
- package/lib/components/tile-select/__internal__/accordion/accordion.style.js +1 -1
- package/lib/components/tile-select/tile-select.style.js +1 -1
- package/lib/components/time/time.style.js +1 -1
- package/lib/components/toast/toast.style.js +1 -1
- package/lib/components/tokens-wrapper/__internal__/context/index.d.ts +1 -0
- package/lib/components/tokens-wrapper/__internal__/context/index.js +1 -0
- package/lib/components/tokens-wrapper/__internal__/context/package.json +5 -0
- package/lib/components/tokens-wrapper/__internal__/context/tokens-wrapper.context.d.ts +4 -0
- package/lib/components/tokens-wrapper/__internal__/context/tokens-wrapper.context.js +1 -0
- package/lib/components/tokens-wrapper/__internal__/hooks/index.js +1 -0
- package/lib/components/tokens-wrapper/__internal__/hooks/package.json +5 -0
- package/lib/components/tokens-wrapper/__internal__/hooks/useModeSwitcher.d.ts +2 -0
- package/lib/components/tokens-wrapper/__internal__/hooks/useModeSwitcher.js +1 -0
- package/lib/components/tokens-wrapper/__internal__/static-tokens/index.d.ts +1 -1
- package/lib/components/tokens-wrapper/__internal__/static-tokens/index.js +1 -1
- package/lib/components/tokens-wrapper/__internal__/utils/generate-tokens-from-overrides.d.ts +88 -0
- package/lib/components/tokens-wrapper/__internal__/utils/generate-tokens-from-overrides.js +1 -0
- package/lib/components/tokens-wrapper/index.d.ts +1 -0
- package/lib/components/tokens-wrapper/tokens-wrapper.component.d.ts +5 -1
- package/lib/components/tokens-wrapper/tokens-wrapper.component.js +1 -1
- package/lib/components/tooltip/tooltip-pointer.style.js +1 -1
- package/lib/components/tooltip/tooltip.style.js +1 -1
- package/lib/components/typography/__internal__/__next__/typography.style.js +1 -1
- package/lib/components/typography/typography.style.js +1 -1
- package/lib/components/vertical-divider/vertical-divider.style.js +1 -1
- package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-divider/responsive-vertical-menu-divider.style.js +1 -1
- package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu-item/responsive-vertical-menu-item.style.js +1 -1
- package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js +1 -1
- package/lib/components/vertical-menu/vertical-menu.style.js +1 -1
- package/lib/hooks/useCharacterCount/useCharacterCount.d.ts +1 -1
- package/lib/hooks/useCharacterCount/useCharacterCount.js +1 -1
- package/lib/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js +1 -1
- package/lib/style/utils/get-hex-value.d.ts +9 -0
- package/lib/style/utils/get-hex-value.js +1 -1
- 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:"
|
|
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";
|
|
@@ -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
|
-
/**
|
|
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"),
|
|
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
|
|
3
|
-
export
|
|
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
|
|
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:"
|
|
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:"
|
|
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:"
|
|
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:"
|
|
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:"
|
|
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:"
|
|
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:"
|
|
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:"
|
|
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:"
|
|
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 @@
|
|
|
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 @@
|
|
|
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};
|