carbon-react 161.9.2 → 161.11.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.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-title/step-flow-title.component.js +1 -1
- package/esm/components/step-flow/step-flow.component.d.ts +9 -4
- package/esm/components/step-flow/step-flow.component.js +1 -1
- package/esm/components/step-flow/step-flow.style.d.ts +8 -10
- 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/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/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.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-title/step-flow-title.component.js +1 -1
- package/lib/components/step-flow/step-flow.component.d.ts +9 -4
- package/lib/components/step-flow/step-flow.component.js +1 -1
- package/lib/components/step-flow/step-flow.style.d.ts +8 -10
- 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/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/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components"),
|
|
1
|
+
"use strict";var e=require("styled-components"),o=require("styled-system");function s(e){return e&&e.__esModule?e:{default:e}}var t=s(e);const a=t.default.div.withConfig({displayName:"step-flow.style__StyledStepFlow",componentId:"carbon_v161_10_0__sc-dbef19ae-0"})(["display:flex;gap:var(--global-space-comp-l);align-items:flex-start;",""],o.margin),r=t.default.div.withConfig({displayName:"step-flow.style__StyledStepContent",componentId:"carbon_v161_10_0__sc-dbef19ae-1"})(["display:flex;flex-direction:column;gap:var(--global-space-comp-xs);flex:1 0 0;"]),l=t.default.div.withConfig({displayName:"step-flow.style__StyledProgressIndicatorWrapper",componentId:"carbon_v161_10_0__sc-dbef19ae-2"})(["display:flex;padding:var(--global-space-comp-xs) 0;gap:var(--global-space-comp-l);"]),d=t.default.span.withConfig({displayName:"step-flow.style__StyledStepLabel",componentId:"carbon_v161_10_0__sc-dbef19ae-3"})(["color:var(--progress-label-alt);font:var(--global-font-static-body-regular-l);"]),p=t.default.div.withConfig({displayName:"step-flow.style__StyledProgressIndicator",componentId:"carbon_v161_10_0__sc-dbef19ae-4"})(["",""],(({$isCompleted:o,$isInProgress:s})=>e.css(["width:100%;height:var(--global-size-4-xs);border-radius:var(--global-radius-container-xs);"," "," ",""],!o&&!s&&e.css(["background:var(--progress-stepflow-bg-default);box-shadow:inset 0 0 0 var(--global-borderwidth-xs) var(--progress-stepflow-border-default);"]),s&&e.css(["background-color:var(--progress-stepflow-bg-active);outline:var(--global-borderwidth-s) solid var(--progress-stepindicator-border-active-outer);outline-offset:var(--global-borderwidth-s);"]),o&&e.css(["background-color:var(--progress-stepflow-bg-complete);"]))));exports.StyledProgressIndicator=p,exports.StyledProgressIndicatorWrapper=l,exports.StyledStepContent=r,exports.StyledStepFlow=a,exports.StyledStepLabel=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var i=t(e);const a={small:{indicatorFont:"var(--global-font-static-comp-medium-m)",indicatorSize:"var(--global-size-xs)",indicatorBorderWidth:"var(--global-borderwidth-s)",itemGap:"var(--global-space-comp-m)",itemMinWidth:"var(--global-size-xl)",labelFont:"var(--global-font-static-subheading-m)",descriptionFont:"var(--global-font-static-comp-regular-m)",labelWrapperPadding:"var(--global-space-comp-xs)"},medium:{indicatorFont:"var(--global-font-static-comp-medium-l)",indicatorSize:"var(--global-size-s)",indicatorBorderWidth:"var(--global-borderwidth-m)",itemGap:"var(--global-space-comp-l)",itemMinWidth:"var(--global-size-2-xl)",labelFont:"var(--global-font-static-subheading-l)",descriptionFont:"var(--global-font-static-comp-regular-l)",labelWrapperPadding:"var(--global-space-comp-s)"}},o=i.default.li.withConfig({displayName:"step-sequence-item.style__StyledStepSequenceItem",componentId:"
|
|
1
|
+
"use strict";var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var i=t(e);const a={small:{indicatorFont:"var(--global-font-static-comp-medium-m)",indicatorSize:"var(--global-size-xs)",indicatorBorderWidth:"var(--global-borderwidth-s)",itemGap:"var(--global-space-comp-m)",itemMinWidth:"var(--global-size-xl)",labelFont:"var(--global-font-static-subheading-m)",descriptionFont:"var(--global-font-static-comp-regular-m)",labelWrapperPadding:"var(--global-space-comp-xs)"},medium:{indicatorFont:"var(--global-font-static-comp-medium-l)",indicatorSize:"var(--global-size-s)",indicatorBorderWidth:"var(--global-borderwidth-m)",itemGap:"var(--global-space-comp-l)",itemMinWidth:"var(--global-size-2-xl)",labelFont:"var(--global-font-static-subheading-l)",descriptionFont:"var(--global-font-static-comp-regular-l)",labelWrapperPadding:"var(--global-space-comp-s)"}},o=i.default.li.withConfig({displayName:"step-sequence-item.style__StyledStepSequenceItem",componentId:"carbon_v161_10_0__sc-7b780eca-0"})(["",""],(({$size:t,$orientation:i})=>e.css(["display:flex;list-style-type:none;max-width:720px;gap:",";"," ",""],a[t].itemGap,"horizontal"===i&&e.css(["flex:1 0 0;flex-direction:column;align-items:flex-start;justify-content:center;min-width:",";"],a[t].itemMinWidth),"vertical"===i&&e.css(["min-height:72px;padding:var(--global-space-comp-s) 0 var(--global-space-comp-l) 0;"])))),r=i.default.span.withConfig({displayName:"step-sequence-item.style__StyledIndicator",componentId:"carbon_v161_10_0__sc-7b780eca-1"})(["",""],(({$status:t,$size:i})=>e.css(["display:flex;position:relative;justify-content:center;align-items:center;border-radius:var(--global-radius-container-circle);font:",";min-height:",";min-width:",";"," "," ",""],a[i].indicatorFont,a[i].indicatorSize,a[i].indicatorSize,"incomplete"===t&&e.css(["color:var(--progress-stepindicator-label-default);box-shadow:inset 0 0 0 "," var(--progress-stepindicator-border-default);"],a[i].indicatorBorderWidth),"current"===t&&e.css(["color:var(--progress-stepindicator-label-active);background-color:var(--progress-stepindicator-bg-active);outline:"," solid var(--progress-stepindicator-border-active-outer);outline-offset:",";"],a[i].indicatorBorderWidth,a[i].indicatorBorderWidth),"complete"===t&&e.css(["color:var(--progress-stepindicator-bg-complete);"])))),s=i.default.div.withConfig({displayName:"step-sequence-item.style__StyledIndicatorWrapper",componentId:"carbon_v161_10_0__sc-7b780eca-2"})(["",""],(({$orientation:t})=>e.css(["display:grid;"," ",""],"horizontal"===t&&e.css(["width:100%;align-items:center;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr;grid-column-gap:var(--global-space-comp-s);"]),"vertical"===t&&e.css(["position:relative;height:inherit;justify-content:center;grid-template-columns:auto;grid-template-rows:auto 1fr;"])))),l=i.default.div.withConfig({displayName:"step-sequence-item.style__StepLine",componentId:"carbon_v161_10_0__sc-7b780eca-3"})(["",""],(({$orientation:t,$isGreen:i,$size:o,$roundedSide:r})=>e.css(["background-color:var(--progress-stepindicator-border-default);"," "," "," .step-sequence-item:last-child &.line-after{background-color:transparent;}"],i&&e.css(["background-color:var(--progress-stepindicator-border-success);"]),"horizontal"===t&&e.css(["height:2px;"," .step-sequence-item:first-child &.line-before{background-color:transparent;}"],r&&e.css(["",":var(--global-radius-action-2-xs);",":var(--global-radius-action-2-xs);"],`border-top-${r}-radius`,`border-bottom-${r}-radius`)),"vertical"===t&&o&&e.css(["position:absolute;border-radius:var(--global-radius-action-2-xs);width:2px;height:calc( 100% - "," - var(--global-space-comp-s) + var(--global-space-comp-l) );top:calc("," + var(--global-space-comp-s));left:calc(("," / 2) - 1px);"],a[o].indicatorSize,a[o].indicatorSize,a[o].indicatorSize)))),c=i.default.span.withConfig({displayName:"step-sequence-item.style__StyledTitle",componentId:"carbon_v161_10_0__sc-7b780eca-4"})(["",""],(({$size:t})=>e.css(["color:var(--progress-label-default);font:",";"],a[t].labelFont))),n=i.default.span.withConfig({displayName:"step-sequence-item.style__StyledDescription",componentId:"carbon_v161_10_0__sc-7b780eca-5"})(["",""],(({$size:t})=>e.css(["color:var(--progress-label-alt);font:",";"],a[t].descriptionFont))),d=i.default.div.withConfig({displayName:"step-sequence-item.style__StyledTitleWrapper",componentId:"carbon_v161_10_0__sc-7b780eca-6"})(["",""],(({$size:t,$orientation:i})=>e.css(["box-sizing:border-box;display:flex;flex-direction:column;"," ",""],"horizontal"===i&&e.css(["width:100%;text-align:center;padding:0px ",";"],a[t].labelWrapperPadding),"vertical"===i&&e.css(["padding-top:var(--global-space-comp-2-xs);"]))));exports.StepLine=l,exports.StyledDescription=n,exports.StyledIndicator=r,exports.StyledIndicatorWrapper=s,exports.StyledStepSequenceItem=o,exports.StyledTitle=c,exports.StyledTitleWrapper=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),s=require("../../style/themes/apply-base-theme.js");function a(e){return e&&e.__esModule?e:{default:e}}const l=a(e).default.ol.attrs(s.default).withConfig({displayName:"step-sequence.style__StyledStepSequence",componentId:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),s=require("../../style/themes/apply-base-theme.js");function a(e){return e&&e.__esModule?e:{default:e}}const l=a(e).default.ol.attrs(s.default).withConfig({displayName:"step-sequence.style__StyledStepSequence",componentId:"carbon_v161_10_0__sc-efc9a3ac-0"})(["display:flex;align-items:flex-start;margin:0;padding:0;"," ",""],(({$orientation:t})=>"vertical"===t&&e.css(["flex-direction:column;height:100%;"])),t.space);exports.default=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components"),t=require("styled-system"),a=require("../../style/utils/add-focus-styling.js"),i=require("../../style/themes/apply-base-theme.js");function l(e){return e&&e.__esModule?e:{default:e}}var s=l(e);const o=s.default.div.attrs(i.default).withConfig({displayName:"switch.style__StyledSwitch",componentId:"
|
|
1
|
+
"use strict";var e=require("styled-components"),t=require("styled-system"),a=require("../../style/utils/add-focus-styling.js"),i=require("../../style/themes/apply-base-theme.js");function l(e){return e&&e.__esModule?e:{default:e}}var s=l(e);const o=s.default.div.attrs(i.default).withConfig({displayName:"switch.style__StyledSwitch",componentId:"carbon_v161_10_0__sc-f7e060fe-0"})([""," display:",";flex-direction:",";"],t.margin,(({$labelInline:e})=>e?"flex":"inline-flex"),(({$labelInline:e})=>e?"row":"column")),r=s.default.div.withConfig({displayName:"switch.style__StyledSwitchLabelWrapper",componentId:"carbon_v161_10_0__sc-f7e060fe-1"})(["",""],(({$labelInline:t,$labelWidth:a})=>e.css(["display:flex;flex-direction:column;margin-right:var(--global-space-comp-s);",""],t&&a&&e.css(["width:","%;"],a)))),c=s.default.label.withConfig({displayName:"switch.style__StyledSwitchLabel",componentId:"carbon_v161_10_0__sc-f7e060fe-2"})(["",""],(({$disabled:t,$inputHint:a,$labelInline:i,$labelSpacing:l,$required:s,$size:o})=>e.css(["display:flex;color:",";font:",";cursor:pointer;"," "," "," ",""],t?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)","large"===o?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)",s&&e.css(['::after{content:"*";color:var(--input-labelset-label-required);font:',";margin-left:var(--global-space-comp-xs);}"],"large"===o?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"),!a&&e.css(["margin-bottom:var(--global-space-comp-s);"]),i&&e.css(["margin-bottom:0;"]),(i||a)&&e.css(["margin-right:",";"],l?8*l+"px":"var(--global-space-comp-s)")))),n=s.default.div.withConfig({displayName:"switch.style__StyledSwitchRow",componentId:"carbon_v161_10_0__sc-f7e060fe-3"})(["",""],(({$size:t,$processingLabelBelowSwitch:a})=>e.css(["display:flex;flex-direction:",";align-items:",";gap:var(--global-space-comp-s);",""],a?"column":"row",a?"flex-start":"center","large"===t&&e.css(["margin-top:var(--global-space-comp-xs);"])))),d=s.default.div.withConfig({displayName:"switch.style__StyledSwitchTrack",componentId:"carbon_v161_10_0__sc-f7e060fe-4"})(["",""],(({$checked:t,$disabled:i,$size:l,$loading:s,$disableTransitions:o})=>e.css(["position:relative;display:inline-flex;align-items:center;flex-shrink:0;width:",";height:",";border-radius:var(--global-radius-container-circle,999px);border:var(--global-borderwidth-s) solid var(--input-switch-border-default);box-sizing:border-box;transition:",";cursor:",";background-color:transparent;border-color:",";"," "," "," &:focus-within{","}"],"large"===l?"var(--global-size-3-xl)":"var(--global-size-m)","large"===l?"var(--global-size-m)":"var(--global-size-xs)",o?"none":"background-color 0.2s ease, border-color 0.2s ease",i?"not-allowed":"pointer",i?"var(--input-switch-border-disabled)":"var(--input-switch-border-default)",t&&!i&&e.css(["border-radius:var(--global-radius-container-circle,999px);border:var(--global-borderwidth-s) solid var(--input-switch-border-active);background:var(--input-switch-bg-active);"]),i&&t&&e.css(["background-color:var(--input-switch-bg-activate-disabled);border-color:transparent;"]),s&&e.css(["&::after{display:none;}"]),a.default()))),p=s.default.span.withConfig({displayName:"switch.style__StyledSwitchThumb",componentId:"carbon_v161_10_0__sc-f7e060fe-5"})(["",""],(({$checked:t,$disabled:a,$size:i,$disableTransitions:l})=>e.css(["position:absolute;left:",";width:",";height:",";border-radius:50%;background-color:",";transition:",";transform:",";"," ",""],"large"===i?"4px":"3px","large"===i?"28px":"var(--global-size-3-xs)","large"===i?"28px":"var(--global-size-3-xs)",a?"var(--input-switch-fg-disabled)":"var(--input-switch-fg-default)",l?"none":"transform 0.2s ease, background-color 0.2s ease",t?"large"===i?"translateX(32px)":"translateX(15px)":"translateX(0)",t&&!a&&e.css(["background-color:var(--input-switch-fg-active);"]),t&&a&&e.css(["background-color:var(--input-switch-fg-activate-disabled);"])))),b=s.default.span.withConfig({displayName:"switch.style__StyledSwitchStateText",componentId:"carbon_v161_10_0__sc-f7e060fe-6"})(["",""],(({$disabled:t,$size:a})=>e.css(["color:",";font:",";"],t?"var(--input-switch-label-disabled)":"var(--input-switch-label-default)","large"===a?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"))),f=s.default.div.withConfig({displayName:"switch.style__StyledSwitchProcessingRow",componentId:"carbon_v161_10_0__sc-f7e060fe-7"})(["",""],(({$below:t})=>e.css(["display:flex;align-items:",";flex-direction:",";gap:",";"],t?"flex-start":"center",t?"column":"row",t?"var(--global-space-comp-s)":"var(--global-space-comp-m)"))),g=s.default.span.withConfig({displayName:"switch.style__StyledSwitchProcessingText",componentId:"carbon_v161_10_0__sc-f7e060fe-8"})(["",""],(({$size:t})=>e.css(["color:var(--input-switch-label-default);font:",";"],"large"===t?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"))),m=s.default.span.withConfig({displayName:"switch.style__StyledSwitchLoaderWrapper",componentId:"carbon_v161_10_0__sc-f7e060fe-9"})(["",""],(({$checked:t,$size:a,$disableTransitions:i})=>e.css(["position:absolute;left:2px;display:flex;align-items:center;justify-content:center;transition:",";transform:",";"],i?"none":"transform 0.2s ease",t?"large"===a?"translateX(32px)":"translateX(15px)":"translateX(0)"))),u=s.default.input.withConfig({displayName:"switch.style__StyledSwitchInput",componentId:"carbon_v161_10_0__sc-f7e060fe-10"})(["position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:2;-webkit-appearance:none;appearance:none;"]);exports.StyledSwitch=o,exports.StyledSwitchInput=u,exports.StyledSwitchLabel=c,exports.StyledSwitchLabelWrapper=r,exports.StyledSwitchLoaderWrapper=m,exports.StyledSwitchProcessingRow=f,exports.StyledSwitchProcessingText=g,exports.StyledSwitchRow=n,exports.StyledSwitchStateText=b,exports.StyledSwitchThumb=p,exports.StyledSwitchTrack=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var a=require("styled-components"),t=require("../../../style/utils/add-focus-styling.js");function o(a){return a&&a.__esModule?a:{default:a}}var r=o(a);const i={medium:{fontSize:14,iconMinWidth:84,height:40,paddingX:16,paddingY:8,width:56},large:{fontSize:16,iconMinWidth:104,height:48,paddingX:24,paddingY:0,width:76}},e=r.default.div.withConfig({displayName:"tabs.style__StyledTabPanel",componentId:"
|
|
1
|
+
"use strict";var a=require("styled-components"),t=require("../../../style/utils/add-focus-styling.js");function o(a){return a&&a.__esModule?a:{default:a}}var r=o(a);const i={medium:{fontSize:14,iconMinWidth:84,height:40,paddingX:16,paddingY:8,width:56},large:{fontSize:16,iconMinWidth:104,height:48,paddingX:24,paddingY:0,width:76}},e=r.default.div.withConfig({displayName:"tabs.style__StyledTabPanel",componentId:"carbon_v161_10_0__sc-7fd6778d-0"})(["padding:0 6px;"]),d=r.default.div.withConfig({displayName:"tabs.style__StyledTabList",componentId:"carbon_v161_10_0__sc-7fd6778d-1"})(["display:flex;"," width:100%;padding:","px;overflow-x:hidden;"],(({$orientation:t,$scrollRequired:o})=>a.css([""," ",""],"horizontal"===t&&a.css(["margin-bottom:8px;",""],o&&a.css(["margin-inline:-","px;"],6)),"vertical"===t&&a.css(["flex-direction:column;flex-wrap:wrap;margin-right:8px;"]))),6),n=r.default.div.withConfig({displayName:"tabs.style__StyledTabListWrapper",componentId:"carbon_v161_10_0__sc-7fd6778d-2"})(["display:flex;z-index:6;",";"],(({$headerWidth:t})=>t&&a.css(["width:",";"],t))),l=r.default.div.withConfig({displayName:"tabs.style__Spacer",componentId:"carbon_v161_10_0__sc-7fd6778d-3"})(["align-self:flex-end;background:var(--tab-border-active-alt);flex-grow:1;height:2px;"]),s=r.default.button.withConfig({displayName:"tabs.style__StyledScrollButton",componentId:"carbon_v161_10_0__sc-7fd6778d-4"})(["height:",";width:",";border-radius:var(--global-radius-none);border-top-right-radius:var(--global-radius-action-m);border-top-left-radius:var(--global-radius-action-m);border-color:var(--tab-border-active-alt);background:white;border:none;border-bottom:2px solid var(--tab-border-active-alt);top:6px;position:relative;z-index:1;"],(({$size:a})=>"medium"===a?"40px":"48px"),(({$size:a})=>"medium"===a?"40px":"48px")),p=r.default.div.withConfig({displayName:"tabs.style__StyledScrollButtonPlaceholder",componentId:"carbon_v161_10_0__sc-7fd6778d-5"})(["height:",";width:",";border-radius:var(--global-radius-none);border-color:var(--tab-border-active-alt);border:none;border-bottom:2px solid var(--tab-border-active-alt);top:4px;position:relative;"],(({$size:a})=>"medium"===a?"40px":"48px"),(({$size:a})=>"medium"===a?"40px":"48px")),b=r.default.button.withConfig({displayName:"tabs.style__StyledTab",componentId:"carbon_v161_10_0__sc-7fd6778d-6"})(["background-color:transparent;border:none;border-bottom:2px solid var(--tab-border-default);border-radius:var(--global-radius-action-m) var(--global-radius-action-m) 0 0;white-space:nowrap;height:fit-content;color:var(--tab-label-default);font-weight:var(--fontWeights500);line-height:var(--lineHeights500);position:relative;.tab-title-content-wrapper{"," ","}:hover{background-color:var(--tab-bg-hover);cursor:pointer;}",";",";"," :focus{"," z-index:1;","}"],(({$hasCustomLayout:t})=>!t&&a.css(["align-items:center;display:flex;gap:8px;"])),(({activeTab:t,$orientation:o,$size:r,error:i,warning:e,info:d,$hasCustomLayout:n})=>t&&a.css([""," "," ",""],"horizontal"===o&&(i||e||d)&&a.css(["position:relative;top:1px;"]),"large"===r&&a.css(["margin-top:-4px;"]),n&&"horizontal"===o&&a.css(["position:relative;top:-2px;left:1px;"]))),(({$size:t,$hasCustomLayout:o})=>a.css(["font-size:","px;height:","px;",""],i[t].fontSize,i[t].height,o?a.css(["padding:0;"]):a.css(["padding:","px ","px;"],i[t].paddingY,i[t].paddingX))),(({activeTab:t,error:o,info:r,$orientation:e,$size:d,warning:n,$hasCustomLayout:l})=>t&&"horizontal"===e&&a.css(["background-color:var(--tab-bg-active);border:2px solid var(--tab-border-active-alt);border-bottom:none;color:var(--tab-label-active);",' :hover{background-color:var(--tab-bg-active);}::after{content:"";position:absolute;bottom:0;left:20%;width:60%;height:4px;background-color:',";border-radius:var(--global-radius-container-2-xs);min-width:24px;}"],!l&&a.css(["padding-top:","px;padding-right:","px;padding-bottom:","px;padding-left:","px;"],i[d].paddingY-4,i[d].paddingX-2,i[d].paddingY,i[d].paddingX-2),(()=>o?"var(--tab-validation-border-error)":n?"var(--tab-validation-border-warning)":r?"#0060a7ff":"black"))),(({activeTab:t,error:o,info:r,$orientation:e,$size:d,warning:n,$hasCustomLayout:l,$headerWidth:s})=>"vertical"===e&&a.css(["border:none;border-right:2px solid var(--tab-border-default);border-radius:var(--global-radius-action-m) 0 0 var(--global-radius-action-m);max-width:",";width:",";"," ",""],null!=s?s:"200px",null!=s?s:"200px",s&&a.css(["white-space:normal;height:auto;"]),t&&a.css(["background-color:var(--tab-bg-active);border:2px solid var(--tab-border-active-alt);border-right:none;"," :hover{background-color:var(--tab-bg-active);}.tab-title-content-wrapper{"," ",' ::after{content:"";position:absolute;right:0;width:4px;'," height:60%;background-color:",";border-radius:var(--global-radius-container-2-xs);min-height:24px;}}"],!l&&a.css(["padding-top:","px;padding-right:var(--global-space-none);padding-bottom:","px;padding-left:","px;"],"medium"===d?i.medium.paddingY-2:4,"medium"===d?i.medium.paddingY-2:i.large.paddingY,i[d].paddingX-2),s&&!l&&a.css(["padding-right:18px;"]),l&&a.css(["width:100%;> *{position:relative;left:-2px;top:-2px;}"]),l&&a.css(["top:20%;right:0px;"]),(()=>o?"var(--tab-validation-border-error)":n?"var(--tab-validation-border-warning)":r?"#0060a7ff":"black")))),t.default(),(({$orientation:t})=>a.css(["border-top-left-radius:var(--global-radius-action-m);border-top-right-radius:",";border-bottom-left-radius:",";border-bottom-right-radius:var(--global-radius-none);"],"horizontal"===t?"var(--global-radius-action-m)":"var(--global-radius-none)","horizontal"===t?"var(--global-radius-none)":"var(--global-radius-action-m)"))),c=r.default.div.withConfig({displayName:"tabs.style__StyledTabs",componentId:"carbon_v161_10_0__sc-7fd6778d-7"})(["display:flex;",""],(({$orientation:t})=>a.css(["flex-direction:",";"],"horizontal"===t?"column":"row"))),g=r.default.div.withConfig({displayName:"tabs.style__StyledTabProvider",componentId:"carbon_v161_10_0__sc-7fd6778d-8"})(["",""],(({visible:t})=>a.css(["display:",";"],t?"block":"none")));exports.Spacer=l,exports.StyledScrollButton=s,exports.StyledScrollButtonPlaceholder=p,exports.StyledTab=b,exports.StyledTabList=d,exports.StyledTabListWrapper=n,exports.StyledTabPanel=e,exports.StyledTabProvider=g,exports.StyledTabs=c,exports.TAB_LIST_FOCUS_PADDING=6;
|
package/lib/components/text-editor/__internal__/__ui__/CharacterCounter/character-counter.style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../../../style/utils/visually-hidden.js");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);const l={small:"var(--global-font-static-comp-regular-s)",medium:"var(--global-font-static-comp-regular-m)",large:"var(--global-font-static-comp-regular-l)"},o=a.default.div.withConfig({displayName:"character-counter.style__StyledCharacterCounter",componentId:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../../../style/utils/visually-hidden.js");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);const l={small:"var(--global-font-static-comp-regular-s)",medium:"var(--global-font-static-comp-regular-m)",large:"var(--global-font-static-comp-regular-l)"},o=a.default.div.withConfig({displayName:"character-counter.style__StyledCharacterCounter",componentId:"carbon_v161_10_0__sc-12917643-0"})(["",""],(({size:t})=>e.css(["font:",";color:var(--input-typical-txt-alt);"],l[t]))),c=a.default.div.withConfig({displayName:"character-counter.style__VisuallyHiddenCharacterCounter",componentId:"carbon_v161_10_0__sc-12917643-1"})(['::after{content:" ";}',""],t.default);exports.StyledCharacterCounter=o,exports.VisuallyHiddenCharacterCounter=c,exports.default=o;
|
package/lib/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../../../../style/utils/add-focus-styling.js");function a(e){return e&&e.__esModule?e:{default:e}}const o={small:{padding:"var(--global-space-comp-s)"},medium:{padding:"var(--global-space-comp-m)"},large:{padding:"var(--global-space-comp-l)"}},d=a(e).default.div.withConfig({displayName:"content-editor.style__StyledContentEditable",componentId:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../../../../style/utils/add-focus-styling.js");function a(e){return e&&e.__esModule?e:{default:e}}const o={small:{padding:"var(--global-space-comp-s)"},medium:{padding:"var(--global-space-comp-m)"},large:{padding:"var(--global-space-comp-l)"}},d=a(e).default.div.withConfig({displayName:"content-editor.style__StyledContentEditable",componentId:"carbon_v161_10_0__sc-ee83d3f6-0"})(["",""],(({error:a,namespace:d,rows:t,readOnly:s,size:i,hasFooter:l})=>e.css([""," .","-editable{min-height:","px;"," padding:",";"," "," &:focus{","}& > p:first-of-type{margin:0;}& > p{line-height:150%;}}"],s&&e.css(["padding:",";p:first-of-type{margin:0;}"],o[i].padding),d,t&&t>2?21*t:210,s&&e.css(["border-radius:var(--global-radius-container-m);"]),o[i].padding,!l&&e.css(["border-bottom-right-radius:var(--global-radius-container-m);border-bottom-left-radius:var(--global-radius-container-m);"]),a&&e.css(["border:var(--global-borderwidth-s) solid var(--input-validation-border-error);"]),r.default())));exports.default=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components");function a(e){return e&&e.__esModule?e:{default:e}}var o=a(e);const l=o.default.div.withConfig({displayName:"mentions.style__TypeaheadPopover",componentId:"
|
|
1
|
+
"use strict";var e=require("styled-components");function a(e){return e&&e.__esModule?e:{default:e}}var o=a(e);const l=o.default.div.withConfig({displayName:"mentions.style__TypeaheadPopover",componentId:"carbon_v161_10_0__sc-742f32ff-0"})(["background:var(--popover-bg-default);box-shadow:var(--global-depth-lvl1);border-radius:var(--global-radius-action-m);position:relative;top:","px;left:","px;width:250px;"],(({parentOffsetTop:e})=>-e),(({parentOffsetLeft:e})=>-e)),t={small:{listPadding:"var(--global-space-comp-xs) 0",listItemFont:"var(--global-font-static-comp-regular-s)",listItemPadding:"var(--global-space-comp-xs) var(--global-space-comp-m) var(--global-space-comp-xs) var(--global-size-2-xs)",listItemMinHeight:"var(--global-size-s)",textMarginLeft:"var(--global-space-comp-2-xs)"},medium:{listPadding:"var(--global-space-comp-s) 0",listItemFont:"var(--global-font-static-comp-regular-m)",listItemPadding:"var(--global-space-comp-s) var(--global-space-comp-m) var(--global-space-comp-s) var(--global-space-comp-xl)",listItemMinHeight:"var(--global-size-m)",textMarginLeft:"var(--global-space-comp-xs)"},large:{listPadding:"var(--global-space-comp-m) 0",listItemFont:"var(--global-font-static-comp-regular-l)",listItemPadding:"var(--global-space-comp-m) var(--global-space-comp-m) var(--global-space-comp-m) var(--global-space-comp-xl)",listItemMinHeight:"var(--global-size-l)",textMarginLeft:"var(--global-space-comp-xs)"}},i=o.default.ul.withConfig({displayName:"mentions.style__MentionsList",componentId:"carbon_v161_10_0__sc-742f32ff-1"})(["padding:",";list-style:none;margin:0;border-radius:var(--global-radius-container-m);max-height:200px;overflow-y:scroll;&::-webkit-scrollbar{display:none;}-ms-overflow-style:none;scrollbar-width:none;"],(({$size:e})=>t[e].listPadding)),r=o.default.li.withConfig({displayName:"mentions.style__MentionsListItem",componentId:"carbon_v161_10_0__sc-742f32ff-2"})(["",";"],(({$size:a})=>e.css(["box-sizing:border-box;padding:",";min-height:",";color:var(--input-dropdown-label-default);cursor:pointer;font:",";display:flex;align-items:center;flex-direction:row;background-color:var(--popover-bg-default);&:hover{color:var(--popover-label-hover);}&.selected{background:var(--popover-bg-hover);color:var(--popover-label-hover);}.text{display:flex;flex-grow:1;min-width:150px;margin-left:",';align-items:center;white-space:pre;}div[data-component="portrait"]{color:var(--input-dropdown-label-default);font:var(--profile-font-initials-xs);min-width:var(--profile-size-outside-xs);height:var(--profile-size-outside-xs);overflow:hidden;border-radius:var(--global-radius-container-circle);border:none;box-shadow:inset 0 0 0 var(--global-borderwidth-xs) var(--profile-border-default);display:inline-block;[data-element="initials"],[data-component="icon"]{color:var(--input-dropdown-label-default);}}'],t[a].listItemPadding,t[a].listItemMinHeight,t[a].listItemFont,t[a].textMarginLeft)));exports.MentionsList=i,exports.MentionsListItem=r,exports.TypeaheadPopover=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.div.withConfig({displayName:"placeholder.style__StyledPlaceholder",componentId:"
|
|
1
|
+
"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.div.withConfig({displayName:"placeholder.style__StyledPlaceholder",componentId:"carbon_v161_10_0__sc-ebc3eff5-0"})(["pointer-events:none;position:absolute;top:12px;color:var(--input-typical-txt-alt);left:14px;user-select:none;"]);exports.default=t;
|
package/lib/components/text-editor/__internal__/__ui__/Toolbar/button-group/button-group.style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.div.withConfig({displayName:"button-group.style__StyledButtonGroup",componentId:"
|
|
1
|
+
"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.div.withConfig({displayName:"button-group.style__StyledButtonGroup",componentId:"carbon_v161_10_0__sc-9b30eeea-0"})(["display:flex;flex-direction:row;gap:var(--global-space-comp-s);align-items:center;.button-group-divider{width:1px;background-color:var(--container-standard-border-default);min-height:var(--global-size-s);}"]);exports.default=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var o=require("styled-components"),t=require("../../../../../../../style/utils/add-focus-styling.js");function e(o){return o&&o.__esModule?o:{default:o}}var a=e(o);const n={small:{buttonFont:"var(--global-font-static-comp-medium-s)",buttonHeight:"var(--global-size-s)",dropdownTop:"36px",dropdownPadding:"var(--global-space-comp-xs)",itemHeight:"var(--global-size-s)",itemFont:"var(--global-font-static-comp-regular-s)"},medium:{buttonFont:"var(--global-font-static-comp-medium-m)",buttonHeight:"var(--global-size-m)",dropdownTop:"44px",dropdownPadding:"var(--global-space-comp-s)",itemHeight:"var(--global-size-m)",itemFont:"var(--global-font-static-comp-regular-m)"},large:{buttonFont:"var(--global-font-static-comp-medium-l)",buttonHeight:"var(--global-size-l)",dropdownTop:"52px",dropdownPadding:"var(--global-space-comp-m)",itemHeight:"var(--global-size-l)",itemFont:"var(--global-font-static-comp-regular-l)"}},l=a.default.button.withConfig({displayName:"dropdown.style__StyledButton",componentId:"
|
|
1
|
+
"use strict";var o=require("styled-components"),t=require("../../../../../../../style/utils/add-focus-styling.js");function e(o){return o&&o.__esModule?o:{default:o}}var a=e(o);const n={small:{buttonFont:"var(--global-font-static-comp-medium-s)",buttonHeight:"var(--global-size-s)",dropdownTop:"36px",dropdownPadding:"var(--global-space-comp-xs)",itemHeight:"var(--global-size-s)",itemFont:"var(--global-font-static-comp-regular-s)"},medium:{buttonFont:"var(--global-font-static-comp-medium-m)",buttonHeight:"var(--global-size-m)",dropdownTop:"44px",dropdownPadding:"var(--global-space-comp-s)",itemHeight:"var(--global-size-m)",itemFont:"var(--global-font-static-comp-regular-m)"},large:{buttonFont:"var(--global-font-static-comp-medium-l)",buttonHeight:"var(--global-size-l)",dropdownTop:"52px",dropdownPadding:"var(--global-space-comp-m)",itemHeight:"var(--global-size-l)",itemFont:"var(--global-font-static-comp-regular-l)"}},l=a.default.button.withConfig({displayName:"dropdown.style__StyledButton",componentId:"carbon_v161_10_0__sc-96f98e55-0"})(["",""],(({size:e,menuOpen:a})=>o.css(["width:100%;height:",";display:flex;justify-content:space-between;align-items:center;border:none;background:transparent;border-radius:var(--global-radius-action-m);cursor:pointer;padding:0 var(--global-space-comp-xs);color:var(--button-typical-toggle-label-default);font:",";"," &:focus{","}"],n[e].buttonHeight,n[e].buttonFont,a&&o.css(["",""],t.default()),t.default()))),r=a.default.ul.withConfig({displayName:"dropdown.style__StyledMenu",componentId:"carbon_v161_10_0__sc-96f98e55-1"})(["",""],(({size:t})=>o.css(["position:absolute;top:",";left:0;z-index:1;background:var(--popover-bg-default);border-radius:var(--global-radius-container-m);box-shadow:var(--global-depth-lvl1);list-style:none;margin:0;padding:"," 0;width:100%;overflow-y:auto;"],n[t].dropdownTop,n[t].dropdownPadding))),d=a.default.li.withConfig({displayName:"dropdown.style__StyledMenuItem",componentId:"carbon_v161_10_0__sc-96f98e55-2"})(["",""],(({size:t})=>o.css(["display:flex;align-items:center;box-sizing:border-box;min-height:",";padding:"," var(--global-space-comp-xl);cursor:pointer;user-select:none;color:var(--input-dropdown-label-default);font:",";&:hover{background-color:var(--input-dropdown-bg-hover);color:var(--input-dropdown-label-hover);}&:focus-visible{box-shadow:inset 0px 0px 0px var(--global-borderwidth-s) var(--focus-borderalt);outline:none;}"],n[t].itemHeight,n[t].dropdownPadding,n[t].itemFont)));exports.StyledButton=l,exports.StyledMenu=r,exports.StyledMenuItem=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var o=require("styled-components"),a=require("../../../../button/__next__/button.component.js");function t(o){return o&&o.__esModule?o:{default:o}}var e=t(o);const l={small:{toolbarPadding:"var(--global-space-comp-s)",withHeaderPadding:"var(--global-space-comp-xs)",buttonSize:"var(--global-size-s)"},medium:{toolbarPadding:"var(--global-space-comp-m)",withHeaderPadding:"var(--global-space-comp-s)",buttonSize:"var(--global-size-m)"},large:{toolbarPadding:"var(--global-space-comp-l)",withHeaderPadding:"var(--global-space-comp-m)",buttonSize:"var(--global-size-l)"}},r=e.default.div.withConfig({displayName:"toolbar.style__StyledToolbarWrapper",componentId:"
|
|
1
|
+
"use strict";var o=require("styled-components"),a=require("../../../../button/__next__/button.component.js");function t(o){return o&&o.__esModule?o:{default:o}}var e=t(o);const l={small:{toolbarPadding:"var(--global-space-comp-s)",withHeaderPadding:"var(--global-space-comp-xs)",buttonSize:"var(--global-size-s)"},medium:{toolbarPadding:"var(--global-space-comp-m)",withHeaderPadding:"var(--global-space-comp-s)",buttonSize:"var(--global-size-m)"},large:{toolbarPadding:"var(--global-space-comp-l)",withHeaderPadding:"var(--global-space-comp-m)",buttonSize:"var(--global-size-l)"}},r=e.default.div.withConfig({displayName:"toolbar.style__StyledToolbarWrapper",componentId:"carbon_v161_10_0__sc-d3bf0194-0"})(["",";display:flex;flex-direction:row;gap:var(--global-space-comp-s);border-bottom:var(--global-borderwidth-xs) solid var(--input-typical-border-default);align-items:center;flex-wrap:wrap;"],(({size:a,hasHeader:t})=>o.css(["padding:",";",""],l[a].toolbarPadding,t&&o.css(["padding-top:",";"],l[a].withHeaderPadding)))),i=e.default.div.withConfig({displayName:"toolbar.style__StyledToolbar",componentId:"carbon_v161_10_0__sc-d3bf0194-1"})(["display:flex;flex-direction:row;gap:var(--global-space-comp-s);align-items:center;flex-wrap:wrap;padding:var(--global-space-comp-xs);"]),d=e.default.div.withConfig({displayName:"toolbar.style__CommandButtons",componentId:"carbon_v161_10_0__sc-d3bf0194-2"})(["display:flex;flex-direction:row;gap:var(--global-space-comp-s);"]),n=e.default(a.Button).withConfig({displayName:"toolbar.style__FormattingButton",componentId:"carbon_v161_10_0__sc-d3bf0194-3"})(["border:none;color:var(--button-typical-toggle-label-default);&:hover{background-color:var(--button-typical-toggle-bg-hover);color:var(--button-typical-toggle-label-hover);}"," ",""],(({size:a})=>o.css(["min-width:",";min-height:",";"],l[a].buttonSize,l[a].buttonSize)),(({isActive:a})=>a&&o.css(["background-color:var(--button-typical-toggle-bg-active);color:var(--button-typical-toggle-label-active);"])));exports.CommandButtons=d,exports.FormattingButton=n,exports.StyledToolbar=i,exports.StyledToolbarWrapper=r;
|
|
@@ -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_10_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_10_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_10_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_10_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_10_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_10_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_10_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_10_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_10_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_10_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_10_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_10_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_10_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_10_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_10_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;
|