carbon-react 161.2.0 → 161.3.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.style.js +1 -1
- package/esm/__internal__/checkable-input/checkable-input.component.d.ts +33 -42
- package/esm/__internal__/checkable-input/checkable-input.component.js +1 -1
- package/esm/__internal__/checkable-input/checkable-input.style.d.ts +14 -11
- package/esm/__internal__/checkable-input/checkable-input.style.js +1 -1
- package/esm/__internal__/checkable-input/hidden-checkable-input.component.d.ts +12 -18
- package/esm/__internal__/checkable-input/hidden-checkable-input.component.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.component.d.ts +1 -3
- package/esm/__internal__/fieldset/__next__/fieldset.component.js +1 -1
- package/esm/__internal__/fieldset/__next__/fieldset.style.d.ts +3 -8
- 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.component.d.ts +1 -3
- package/esm/__internal__/form-field/form-field.component.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.component.d.ts +3 -1
- package/esm/__internal__/hint-text/hint-text.component.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.component.d.ts +4 -2
- package/esm/__internal__/label/label.component.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.component.d.ts +2 -2
- package/esm/__internal__/legacy-label/label.component.js +1 -1
- package/esm/__internal__/legacy-label/label.style.d.ts +0 -2
- 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/__internal__/checkbox-group.context.d.ts +12 -0
- package/esm/components/checkbox/__internal__/checkbox-svg.component.d.ts +6 -0
- package/esm/components/checkbox/__internal__/checkbox-svg.component.js +1 -0
- package/esm/components/checkbox/checkbox-group/checkbox-group.component.d.ts +53 -13
- package/esm/components/checkbox/checkbox-group/checkbox-group.component.js +1 -1
- package/esm/components/checkbox/checkbox-group/checkbox-group.style.d.ts +5 -4
- package/esm/components/checkbox/checkbox-group/checkbox-group.style.js +1 -1
- package/esm/components/checkbox/checkbox.component.d.ts +78 -8
- package/esm/components/checkbox/checkbox.component.js +1 -1
- package/esm/components/checkbox/checkbox.style.d.ts +12 -13
- 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.component.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/___internal___/radio-button-svg.component.js +1 -1
- package/esm/components/radio-button/radio-button-group/radio-button-group.component.d.ts +4 -1
- package/esm/components/radio-button/radio-button-group/radio-button-group.component.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.component.d.ts +1 -6
- package/esm/components/radio-button/radio-button.component.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/select/__internal__/list-action-button/list-action-button.style.js +1 -1
- package/esm/components/select/__internal__/select-list/select-list.style.js +1 -1
- package/esm/components/select/__internal__/select-textbox/select-textbox.style.js +1 -1
- package/esm/components/select/__internal__/utils/matching-text.style.js +1 -1
- package/esm/components/select/multi-select/multi-select.style.js +1 -1
- package/esm/components/select/option/option.style.js +1 -1
- package/esm/components/select/option-group-header/option-group-header.style.js +1 -1
- package/esm/components/select/option-row/option-row.style.js +1 -1
- package/esm/components/select/select.style.js +1 -1
- package/esm/components/settings-row/settings-row.style.js +1 -1
- package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js +1 -1
- package/esm/components/sidebar/sidebar.style.js +1 -1
- package/esm/components/simple-color-picker/simple-color/simple-color.style.js +1 -1
- package/esm/components/simple-color-picker/simple-color-picker.style.js +1 -1
- package/esm/components/split-button/split-button-children.style.js +1 -1
- package/esm/components/split-button/split-button-toggle.style.js +1 -1
- package/esm/components/split-button/split-button.style.js +1 -1
- package/esm/components/step-flow/step-flow.style.js +1 -1
- package/esm/components/step-sequence/step-sequence-item/step-sequence-item.style.js +1 -1
- package/esm/components/step-sequence/step-sequence.style.js +1 -1
- package/esm/components/switch/switch.style.js +1 -1
- package/esm/components/tabs/__next__/tabs.component.js +1 -1
- package/esm/components/tabs/__next__/tabs.style.d.ts +2 -0
- 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__/LinkPreviewer/link-previewer.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/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.d.ts +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/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js +1 -1
- package/lib/__internal__/character-count/character-count.style.js +1 -1
- package/lib/__internal__/checkable-input/checkable-input.component.d.ts +33 -42
- package/lib/__internal__/checkable-input/checkable-input.component.js +1 -1
- package/lib/__internal__/checkable-input/checkable-input.style.d.ts +14 -11
- package/lib/__internal__/checkable-input/checkable-input.style.js +1 -1
- package/lib/__internal__/checkable-input/hidden-checkable-input.component.d.ts +12 -18
- package/lib/__internal__/checkable-input/hidden-checkable-input.component.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.component.d.ts +1 -3
- package/lib/__internal__/fieldset/__next__/fieldset.component.js +1 -1
- package/lib/__internal__/fieldset/__next__/fieldset.style.d.ts +3 -8
- 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.component.d.ts +1 -3
- package/lib/__internal__/form-field/form-field.component.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.component.d.ts +3 -1
- package/lib/__internal__/hint-text/hint-text.component.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.component.d.ts +4 -2
- package/lib/__internal__/label/label.component.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.component.d.ts +2 -2
- package/lib/__internal__/legacy-label/label.component.js +1 -1
- package/lib/__internal__/legacy-label/label.style.d.ts +0 -2
- 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/__internal__/checkbox-group.context.d.ts +12 -0
- package/lib/components/checkbox/__internal__/checkbox-svg.component.d.ts +6 -0
- package/lib/components/checkbox/__internal__/checkbox-svg.component.js +1 -0
- package/lib/components/checkbox/checkbox-group/checkbox-group.component.d.ts +53 -13
- package/lib/components/checkbox/checkbox-group/checkbox-group.component.js +1 -1
- package/lib/components/checkbox/checkbox-group/checkbox-group.style.d.ts +5 -4
- package/lib/components/checkbox/checkbox-group/checkbox-group.style.js +1 -1
- package/lib/components/checkbox/checkbox.component.d.ts +78 -8
- package/lib/components/checkbox/checkbox.component.js +1 -1
- package/lib/components/checkbox/checkbox.style.d.ts +12 -13
- 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.component.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/___internal___/radio-button-svg.component.js +1 -1
- package/lib/components/radio-button/radio-button-group/radio-button-group.component.d.ts +4 -1
- package/lib/components/radio-button/radio-button-group/radio-button-group.component.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.component.d.ts +1 -6
- package/lib/components/radio-button/radio-button.component.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/select/__internal__/list-action-button/list-action-button.style.js +1 -1
- package/lib/components/select/__internal__/select-list/select-list.style.js +1 -1
- package/lib/components/select/__internal__/select-textbox/select-textbox.style.js +1 -1
- package/lib/components/select/__internal__/utils/matching-text.style.js +1 -1
- package/lib/components/select/multi-select/multi-select.style.js +1 -1
- package/lib/components/select/option/option.style.js +1 -1
- package/lib/components/select/option-group-header/option-group-header.style.js +1 -1
- package/lib/components/select/option-row/option-row.style.js +1 -1
- package/lib/components/select/select.style.js +1 -1
- package/lib/components/settings-row/settings-row.style.js +1 -1
- package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js +1 -1
- package/lib/components/sidebar/sidebar.style.js +1 -1
- package/lib/components/simple-color-picker/simple-color/simple-color.style.js +1 -1
- package/lib/components/simple-color-picker/simple-color-picker.style.js +1 -1
- package/lib/components/split-button/split-button-children.style.js +1 -1
- package/lib/components/split-button/split-button-toggle.style.js +1 -1
- package/lib/components/split-button/split-button.style.js +1 -1
- package/lib/components/step-flow/step-flow.style.js +1 -1
- package/lib/components/step-sequence/step-sequence-item/step-sequence-item.style.js +1 -1
- package/lib/components/step-sequence/step-sequence.style.js +1 -1
- package/lib/components/switch/switch.style.js +1 -1
- package/lib/components/tabs/__next__/tabs.component.js +1 -1
- package/lib/components/tabs/__next__/tabs.style.d.ts +2 -0
- 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__/LinkPreviewer/link-previewer.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/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.d.ts +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/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js +1 -1
- package/package.json +4 -6
- package/esm/__internal__/checkable-input/__next__/checkable-input.component.d.ts +0 -38
- package/esm/__internal__/checkable-input/__next__/checkable-input.component.js +0 -1
- package/esm/__internal__/checkable-input/__next__/checkable-input.style.d.ts +0 -17
- package/esm/__internal__/checkable-input/__next__/checkable-input.style.js +0 -1
- package/esm/__internal__/checkable-input/checkable-input-svg-wrapper.style.d.ts +0 -2
- package/esm/__internal__/checkable-input/checkable-input-svg-wrapper.style.js +0 -1
- package/esm/components/checkbox/checkbox-group/__internal__/checkbox-group.context.d.ts +0 -4
- package/esm/components/checkbox/checkbox-svg.component.d.ts +0 -3
- package/esm/components/checkbox/checkbox-svg.component.js +0 -1
- package/lib/__internal__/checkable-input/__next__/checkable-input.component.d.ts +0 -38
- package/lib/__internal__/checkable-input/__next__/checkable-input.component.js +0 -1
- package/lib/__internal__/checkable-input/__next__/checkable-input.style.d.ts +0 -17
- package/lib/__internal__/checkable-input/__next__/checkable-input.style.js +0 -1
- package/lib/__internal__/checkable-input/checkable-input-svg-wrapper.style.d.ts +0 -2
- package/lib/__internal__/checkable-input/checkable-input-svg-wrapper.style.js +0 -1
- package/lib/components/checkbox/checkbox-group/__internal__/checkbox-group.context.d.ts +0 -4
- package/lib/components/checkbox/checkbox-svg.component.d.ts +0 -3
- package/lib/components/checkbox/checkbox-svg.component.js +0 -1
- /package/esm/components/checkbox/{checkbox-group/__internal__ → __internal__}/checkbox-group.context.js +0 -0
- /package/lib/components/checkbox/{checkbox-group/__internal__ → __internal__}/checkbox-group.context.js +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import t,{css as o}from"styled-components";import a from"../icon-button/icon-button.style.js";import{Portal as e}from"../portal/portal.js";import i from"../../style/themes/apply-base-theme.js";import r from"../icon/icon.style.js";const n=t(e).attrs(i).withConfig({displayName:"toast.style__StyledPortal",componentId:"
|
|
1
|
+
import t,{css as o}from"styled-components";import a from"../icon-button/icon-button.style.js";import{Portal as e}from"../portal/portal.js";import i from"../../style/themes/apply-base-theme.js";import r from"../icon/icon.style.js";const n=t(e).attrs(i).withConfig({displayName:"toast.style__StyledPortal",componentId:"carbon_v161_2_1__sc-6f15a9b3-0"})(["",""],(({theme:t,isNotice:a,align:e,alignY:i})=>o(["position:fixed;top:0;z-index:",";"," "," "," "," "," "," ",""],t.zIndex.notification,"left"===e&&o(["left:0;transform:translateX(50%);"]),"center"===e&&o(["margin-left:50%;transform:translateX(-50%);"]),"right"===e&&o(["right:0;transform:translateX(-50%);"]),a&&o(["bottom:0;top:auto;width:100%;"]),"top"===i&&o(["top:0;bottom:auto;"]),"center"===i&&o(["top:50%;transform:translate(",",-50%);"],"left"===e?"50%":"-50%"),"bottom"===i&&o(["bottom:0;top:auto;display:flex;flex-direction:column-reverse;"])))),s=".toast",p=".toast-alternative",l={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",success:"var(--colorsSemanticPositive500)",warning:"var(--colorsSemanticCaution500)",neutral:"var(--colorsSemanticNeutral500)"},c=o(["position:absolute;right:15px;top:50%;transform:translateY(-50%);"]),m=t.div.withConfig({displayName:"toast.style__StyledToast",componentId:"carbon_v161_2_1__sc-6f15a9b3-1"})([""," :focus{outline:none;}&","-appear,&","-enter{opacity:0;transform:scale(0.5);}&","-appear","-appear-active,&","-enter","-enter-active{opacity:1;transform:",";transition:all 300ms cubic-bezier(0.25,0.25,0,1.5);}&","-exit","-exit-active{opacity:0;",";transition:all 150ms ease-out;}","{","}",""],(({maxWidth:t,align:e,isNotification:i,alignY:r,isNotice:n,variant:s})=>o(["position:relative;display:flex;justify-content:flex-start;align-content:center;border-radius:var(--borderRadius100);overflow:hidden;border:1px solid ",";background-color:var(--colorsUtilityYang100);min-height:38px;:focus{outline:none;}","{","}box-shadow:",";line-height:22px;margin-top:",";margin-bottom:",";max-width:",";position:relative;margin-right:",";margin-left:",";",""],l[s],a,c,"0 10px 30px 0 rgba(0, 20, 29, 0.1), 0 30px 60px 0 rgba(0, 20, 29, 0.1)",n||"center"===r||"bottom"===r?"0":"30px","bottom"!==r||n?"0":"30px",t||"300px","center"===e||"right"===e?"auto":"30px","center"===e||"left"===e?"auto":"30px",i&&o(["border:1px solid var(--colorsSemanticInfo500);"]))),s,s,s,s,s,s,(({align:t})=>"center"===t?" scale(1) translateY(0)":"scale(1)"),s,s,(({alignY:t})=>"bottom"===t?"margin-bottom: -40px":"margin-top: -40px"),a,c,(({isNotice:t,alignY:e})=>t&&o(["background-color:var(--colorsUtilityMajor400);border:none;color:var(--colorsSemanticNeutralYang100);margin-right:0;max-width:100%;","{right:55px;}"," ","{color:var(--colorsSemanticNeutralYang100);}&","-appear,&","-enter{",";opacity:0;}&","-exit{",";opacity:1;}&","-appear","-appear-active,&","-enter","-enter-active{",";opacity:1;transition:all 400ms ease;}&","-exit","-exit-active{",";opacity:0;transition:all 200ms ease;}"],a,a,r,p,p,"top"===e?"top: -40px":"bottom: -40px",p,"top"===e?"top: 0":"bottom: 0",p,p,p,p,"top"===e?"top: 0":"bottom: 0",p,p,"top"===e?"top: -40px":"bottom: -40px"))),d=t.div.withConfig({displayName:"toast.style__StyledToastContent",componentId:"carbon_v161_2_1__sc-6f15a9b3-2"})(["padding:8px 16px 8px 16px;white-space:pre-wrap;flex:1;"," ",""],(({isNotice:t})=>t&&o(["display:flex;align-items:center;padding:11px 40px;"])),(({isDismiss:t,isNotice:a})=>t&&o(["padding-right:",";"],a?"88px":"48px"))),x=t.div.withConfig({displayName:"toast.style__ToastWrapper",componentId:"carbon_v161_2_1__sc-6f15a9b3-3"})([""," ",""],(({align:t})=>t&&o(["position:relative;width:auto;height:auto;justify-content:",";display:flex;"],t)),(({isNotice:t})=>t&&o(["display:block;"])));export{n as StyledPortal,m as StyledToast,d as StyledToastContent,x as ToastWrapper};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as e}from"react/jsx-runtime";import"react";import o,{createGlobalStyle as r}from"styled-components";import n from"./__internal__/static-tokens/index.js";const a=o.div.withConfig({displayName:"tokens-wrapper.component__StyledTokensWrapper",componentId:"
|
|
1
|
+
import{jsxs as t,jsx as e}from"react/jsx-runtime";import"react";import o,{createGlobalStyle as r}from"styled-components";import n from"./__internal__/static-tokens/index.js";const a=o.div.withConfig({displayName:"tokens-wrapper.component__StyledTokensWrapper",componentId:"carbon_v161_2_1__sc-bb9ec08c-0"})(["height:",";"],(({$height:t})=>t)),p=r(['[data-component="tokens-wrapper"],[class*="carbon-portal"]{',"}"],n),i=({children:o,height:r="auto"})=>t(a,{"data-component":"tokens-wrapper","data-role":"tokens-wrapper",$height:r,children:[e(p,{}),o]});export{i as TokensWrapper,i as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o,{css as t}from"styled-components";import e from"../../style/themes/apply-base-theme.js";import{toColor as r}from"../../style/utils/color.js";const i=o.div.attrs(e).withConfig({displayName:"tooltip-pointer.style__StyledTooltipPointer",componentId:"
|
|
1
|
+
import o,{css as t}from"styled-components";import e from"../../style/themes/apply-base-theme.js";import{toColor as r}from"../../style/utils/color.js";const i=o.div.attrs(e).withConfig({displayName:"tooltip-pointer.style__StyledTooltipPointer",componentId:"carbon_v161_2_1__sc-55209bbd-0"})(["",""],(({theme:o,type:e,bgColor:i})=>t(["z-index:",";background:",";position:absolute;width:12px;height:12px;transform:rotate(45deg);"],o.zIndex.popover,((o,t,e)=>t?r(o,t):"error"===e?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(o,i,e))));export{i as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o,{keyframes as t,css as e}from"styled-components";import r from"../../style/themes/apply-base-theme.js";import{toColor as a}from"../../style/utils/color.js";const i=t(["0%{opacity:0;}100%{opacity:1;}"]),l=o.div.attrs(r).withConfig({displayName:"tooltip.style__StyledTooltip",componentId:"
|
|
1
|
+
import o,{keyframes as t,css as e}from"styled-components";import r from"../../style/themes/apply-base-theme.js";import{toColor as a}from"../../style/utils/color.js";const i=t(["0%{opacity:0;}100%{opacity:1;}"]),l=o.div.attrs(r).withConfig({displayName:"tooltip.style__StyledTooltip",componentId:"carbon_v161_2_1__sc-386308ac-0"})(["",""],(({size:o,theme:t,type:r,bgColor:l,fontColor:n})=>e(["bottom:auto;right:auto;max-width:300px;width:max-content;border-radius:var(--borderRadius050);position:absolute;animation:"," 0.2s linear;z-index:",";text-align:left;color:",";display:inline-block;padding:8px 12px;word-break:break-word;white-space:pre-wrap;font-size:",";line-height:1.5rem;font-weight:400;background-color:",";"],i,t.zIndex.popover,n?a(t,n):"var(--colorsSemanticNeutralYang100)","medium"===o?"14px":"16px",((o,t,e)=>t?a(o,t):"error"===e?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(t,l,r))));export{l as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import t,{css as o}from"styled-components";import{space as e}from"styled-system";import i from"../../../../style/themes/apply-base-theme.js";import a from"../../../../style/utils/visually-hidden.js";const r={h1:"heading-l",h2:"heading-m",h3:"heading-s",h4:"subheading-l",h5:"subheading-m","section-heading":"section-heading-m","section-subheading":"section-heading-s"},n=t.span.attrs(i).withConfig({displayName:"typography.style__StyledTypography",componentId:"
|
|
1
|
+
import t,{css as o}from"styled-components";import{space as e}from"styled-system";import i from"../../../../style/themes/apply-base-theme.js";import a from"../../../../style/utils/visually-hidden.js";const r={h1:"heading-l",h2:"heading-m",h3:"heading-s",h4:"subheading-l",h5:"subheading-m","section-heading":"section-heading-m","section-subheading":"section-heading-s"},n=t.span.attrs(i).withConfig({displayName:"typography.style__StyledTypography",componentId:"carbon_v161_2_1__sc-6c185d6b-0"})(["",""],(({$display:t,$variant:i,$fluid:n,$inverse:s,$size:d,$tint:l,$weight:$,$whiteSpace:v,$wordBreak:c,$wordWrap:f,$textAlign:m,$textDecoration:p,$textOverflow:h,$textTransform:g,$overflow:y,$screenReaderOnly:u})=>{const b=n?"fluid":"static",w="M"===d?"m":"l",x=`var(--container-standard${s?"-inverse":""}-txt-${l})`,_=i&&i in r,z="strong"===i||"b"===i,j="sup"===i||"sub"===i,k=`--global-font-${b}-body-medium-${w}`,O=`--global-font-${b}-body-${$}-${w}`;return o([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],!u&&"margin: unset;",e,u&&a,void 0!==t&&`display: ${t};`,void 0!==v&&`white-space: ${v};`,void 0!==c&&`word-break: ${c};`,void 0!==f&&`word-wrap: ${f};`,void 0!==m&&`text-align: ${m};`,void 0!==p&&`text-decoration: ${p};`,void 0!==h&&`text-overflow: ${h};`,void 0!==g&&`text-transform: ${g};`,void 0!==y&&`overflow: ${y};`,_&&o(["font:var(",");color:",";"],`--global-font-${b}-${_?r[i]:""}`,`var(--container-standard${s?"-inverse":""}-txt-default)`),z&&o(["font:var(",");color:",";"],k,x),"sup"===i&&o(["font:var(",");font-size:0.75em;color:",";vertical-align:super;"],O,x),"sub"===i&&o(["font:var(",");font-size:0.75em;color:",";vertical-align:sub;"],O,x),!_&&!z&&!j&&o(["font:var(",");color:",";"],O,x))}));export{n as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{css as t}from"styled-components";import{space as o}from"styled-system";import p from"../../style/themes/apply-base-theme.js";import{Typography as s}from"./__internal__/__next__/typography.component.js";import a from"../../style/utils/visually-hidden.js";const i=e(s).attrs(p).withConfig({displayName:"typography.style__StyledTypography",componentId:"
|
|
1
|
+
import e,{css as t}from"styled-components";import{space as o}from"styled-system";import p from"../../style/themes/apply-base-theme.js";import{Typography as s}from"./__internal__/__next__/typography.component.js";import a from"../../style/utils/visually-hidden.js";const i=e(s).attrs(p).withConfig({displayName:"typography.style__StyledTypography",componentId:"carbon_v161_2_1__sc-bec9c5e6-0"})([""," ",""],(({fontSize:e,fontWeight:o,lineHeight:p,variant:s,screenReaderOnly:i})=>t([""," "," "," margin:",";",""],e&&`font-size: ${e};`,o&&`font-weight: ${o};`,p&&`line-height: ${p};`,"p"===s?"0 0 var(--global-space-comp-l)":"0",i&&a)),o);i.displayName="Typography";export{i as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import t,{css as e}from"styled-components";import{space as i}from"styled-system";import s from"../../style/themes/apply-base-theme.js";const r=t.div.attrs(s).withConfig({displayName:"vertical-divider.style__StyledVerticalWrapper",componentId:"
|
|
1
|
+
import t,{css as e}from"styled-components";import{space as i}from"styled-system";import s from"../../style/themes/apply-base-theme.js";const r=t.div.attrs(s).withConfig({displayName:"vertical-divider.style__StyledVerticalWrapper",componentId:"carbon_v161_2_1__sc-b3cc6d7-0"})([""," "," ",""],i,(({height:t})=>t&&e(["height:",";"],"string"==typeof t?`${t}`:`${t}px`)),(({displayInline:t})=>t?"display: inline;":"")),d=t.div.attrs(s).withConfig({displayName:"vertical-divider.style__StyledDivider",componentId:"carbon_v161_2_1__sc-b3cc6d7-1"})(["height:100%;border-left:1px solid ",";display:inherit;"],(({theme:t,tint:e})=>t.palette.slateTint(e)));export{d as StyledDivider,r as StyledVerticalWrapper};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"styled-components";import{margin as o}from"styled-system";const i=e.div.withConfig({displayName:"responsive-vertical-menu-divider.style__StyledResponsiveVerticalMenuDivider",componentId:"
|
|
1
|
+
import e from"styled-components";import{margin as o}from"styled-system";const i=e.div.withConfig({displayName:"responsive-vertical-menu-divider.style__StyledResponsiveVerticalMenuDivider",componentId:"carbon_v161_2_1__sc-681f134d-0"})([""," ",";"],o,(({depth:e,responsive:o})=>e>0&&o&&"max-width: 88%")),r=e.hr.withConfig({displayName:"responsive-vertical-menu-divider.style__StyledHr",componentId:"carbon_v161_2_1__sc-681f134d-1"})(["border-color:#ffffff33;border-bottom:1px;"]);export{r as StyledHr,i as StyledResponsiveVerticalMenuDivider};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{css as t}from"styled-components";import{padding as o,margin as n}from"styled-system";import i from"../../../icon/icon.component.js";import a from"../../../../style/utils/add-focus-styling.js";const r=(e,t)=>e&&t?"180deg":"0deg",s=t(["align-items:center;background-color:transparent;border:none;border-radius:var(--borderRadius100);box-sizing:border-box;color:var(--colorsUtilityYang100);cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:500;justify-content:space-between;min-height:var(--sizing500);padding:var(--spacing100) var(--spacing200);width:100%;",' &:hover{background-color:var(--colorsActionMajor500);color:var(--colorsUtilityYang100);text-decoration:none;}[data-component="icon"]{color:var(--colorsUtilityYang100);margin-right:var(--spacing100);}&:focus{',"}"],o,a(!0)),c=e(i).withConfig({displayName:"responsive-vertical-menu-item.style__StyledIcon",componentId:"
|
|
1
|
+
import e,{css as t}from"styled-components";import{padding as o,margin as n}from"styled-system";import i from"../../../icon/icon.component.js";import a from"../../../../style/utils/add-focus-styling.js";const r=(e,t)=>e&&t?"180deg":"0deg",s=t(["align-items:center;background-color:transparent;border:none;border-radius:var(--borderRadius100);box-sizing:border-box;color:var(--colorsUtilityYang100);cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:500;justify-content:space-between;min-height:var(--sizing500);padding:var(--spacing100) var(--spacing200);width:100%;",' &:hover{background-color:var(--colorsActionMajor500);color:var(--colorsUtilityYang100);text-decoration:none;}[data-component="icon"]{color:var(--colorsUtilityYang100);margin-right:var(--spacing100);}&:focus{',"}"],o,a(!0)),c=e(i).withConfig({displayName:"responsive-vertical-menu-item.style__StyledIcon",componentId:"carbon_v161_2_1__sc-ffae1a5b-0"})(["rotate:",";transition:rotate "," ease-in;",";"],(({depth:e,expanded:t})=>r(e,t)),(({reduceMotion:e})=>e?0:"0.2s"),(({depth:e,expanded:o,reduceMotion:n})=>o&&t(["rotate:",";transition:rotate "," ease-out;"],r(e,o),n?0:"0.2s"))),l=e.span.withConfig({displayName:"responsive-vertical-menu-item.style__StyledMenuItemContent",componentId:"carbon_v161_2_1__sc-ffae1a5b-1"})(["align-items:center;display:flex;flex-direction:row;gap:var(--spacing100);svg{margin-right:var(--spacing100);max-width:var(--sizing300);min-width:var(--sizing300);}"]),d=e.div.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenuWrapper",componentId:"carbon_v161_2_1__sc-ffae1a5b-2"})(["box-sizing:border-box;display:flex;justify-content:",";width:100%;",""],(({hasIcon:e,responsive:t})=>e&&t?"flex-end":"flex-start"),(({depth:e,responsive:o})=>1===e&&o&&t(["padding:0 0 0 16px;"]))),p=e.ul.withConfig({displayName:"responsive-vertical-menu-item.style__StyledNestedMenu",componentId:"carbon_v161_2_1__sc-ffae1a5b-3"})(["padding:0;",""],(({depth:e,hasIcon:o,responsive:n})=>t(["width:",";margin-left:var(--spacing400);"," li > a{font-weight:",";}"],e<2&&!o?"100%":"88%",n&&t(["margin-left:",";"],o||1===e?"var(--spacing200)":"0"),1===e?"var(--fontWeights400)":"var(--fontWeights500)"))),v=e.li.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuListItem",componentId:"carbon_v161_2_1__sc-ffae1a5b-4"})(["list-style:none;"," padding:0;"],n),g=e.button.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuItem",componentId:"carbon_v161_2_1__sc-ffae1a5b-5"})([""," "," "," ",""],s,(({active:e,responsive:o})=>e&&!o&&t(["background-color:var(--colorsGray850);"])),(({depth:e,responsive:o})=>0===e&&o&&t(["color:var(--colorsUtilityYang080);cursor:default;"])),(({depth:e})=>e>=2&&t(['&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);[data-component="icon"]{color:var(--colorsUtilityYang080);}}']))),m=e.a.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuActionLink",componentId:"carbon_v161_2_1__sc-ffae1a5b-6"})([""," min-height:40px;text-decoration:none;",""],s,(({depth:e,responsive:o})=>e>=2&&t(["&&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);","}"],o&&e>=3&&t(["margin-left:var(--spacing300);"])))),_=e.button.withConfig({displayName:"responsive-vertical-menu-item.style__StyledResponsiveMenuActionButton",componentId:"carbon_v161_2_1__sc-ffae1a5b-7"})([""," min-height:40px;text-decoration:none;",""],s,(({depth:e,responsive:o})=>e>=2&&t(["&&{color:var(--colorsUtilityYang080);font-weight:var(--fontWeights400);","}"],o&&e>=3&&t(["margin-left:var(--spacing300);"]))));export{c as StyledIcon,l as StyledMenuItemContent,p as StyledNestedMenu,d as StyledNestedMenuWrapper,_ as StyledResponsiveMenuActionButton,m as StyledResponsiveMenuActionLink,g as StyledResponsiveMenuItem,v as StyledResponsiveMenuListItem};
|
package/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import o,{css as i}from"styled-components";import e from"../../button/button.component.js";import t from"../../../style/utils/add-focus-styling.js";const n=o.div.withConfig({displayName:"responsive-vertical-menu.style__StyledBackdrop",componentId:"
|
|
1
|
+
import o,{css as i}from"styled-components";import e from"../../button/button.component.js";import t from"../../../style/utils/add-focus-styling.js";const n=o.div.withConfig({displayName:"responsive-vertical-menu.style__StyledBackdrop",componentId:"carbon_v161_2_1__sc-fef5633f-0"})(["position:fixed;inset:0;"]),a=o.div.withConfig({displayName:"responsive-vertical-menu.style__ModalContainer",componentId:"carbon_v161_2_1__sc-fef5633f-1"})(["position:fixed;top:0;",""],(({width:o})=>i(["width:",";"],o))),r=o(e).withConfig({displayName:"responsive-vertical-menu.style__StyledButton",componentId:"carbon_v161_2_1__sc-fef5633f-2"})(["border-radius:0;background-color:var( ",' );[data-component="icon"]{color:var(--colorsUtilityYang100);}&:focus{appearance:none;-webkit-appearance:none;-webkit-box-shadow:',";box-shadow:",";border:1px solid black;outline:transparent 3px solid;}"],(({active:o})=>o?"--colorsActionMinorGray700":"--colorsUtilityYin100"),t(!0),t(!0)),s=o(e).withConfig({displayName:"responsive-vertical-menu.style__StyledCloseButton",componentId:"carbon_v161_2_1__sc-fef5633f-3"})(['border-radius:0;[data-component="icon"]{color:var(--colorsUtilityYang100);}']),c=o.div.withConfig({displayName:"responsive-vertical-menu.style__StyledGlobalVerticalMenuWrapper",componentId:"carbon_v161_2_1__sc-fef5633f-4"})(["background-color:black;color:white;display:flex;flex-direction:row;position:absolute;width:fit-content;"]),l=o.ul.withConfig({displayName:"responsive-vertical-menu.style__StyledResponsiveMenu",componentId:"carbon_v161_2_1__sc-fef5633f-5"})(["margin:0;padding:0;align-items:stretch;background-color:var(--colorsUtilityYin100);box-sizing:border-box;display:flex;flex-direction:column;height:",";justify-content:flex-start;overflow-y:auto;padding-bottom:var(--spacing100);",";padding-top:var(--spacing100);position:fixed;width:",";max-width:375px;z-index:1000;border-right:",";"," "," ",""],(({height:o})=>o||"100%"),(({responsive:o})=>!o&&i(["padding-left:var(--spacing200);padding-right:var(--spacing200);"])),(({width:o})=>o||"100%"),(({childOpen:o,menu:i})=>"secondary"===i||!o&&"primary"===i?"2px solid var(--colorsGray850)":"1px solid var(--colorsGray850)"),(({top:o})=>i(["top:",";max-height:calc(100% - ",");"],o,"auto"===o?"40px":o)),(({childOpen:o})=>o&&i(["padding-right:calc(var(--spacing200) + 1px);"])),(({height:o,left:e,menu:t})=>"secondary"===t&&i(["left:",";height:",";"],e,o)));export{a as ModalContainer,n as StyledBackdrop,r as StyledButton,s as StyledCloseButton,c as StyledGlobalVerticalMenuWrapper,l as StyledResponsiveMenu};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{css as t}from"styled-components";import{margin as o,padding as n}from"styled-system";import i from"../../style/utils/add-focus-styling.js";import r from"../../style/themes/apply-base-theme.js";import a from"../icon/icon.style.js";import l from"../icon/icon.component.js";import s from"../box/box.style.js";const d=e.ul.withConfig({displayName:"vertical-menu.style__StyledList",componentId:"
|
|
1
|
+
import e,{css as t}from"styled-components";import{margin as o,padding as n}from"styled-system";import i from"../../style/utils/add-focus-styling.js";import r from"../../style/themes/apply-base-theme.js";import a from"../icon/icon.style.js";import l from"../icon/icon.component.js";import s from"../box/box.style.js";const d=e.ul.withConfig({displayName:"vertical-menu.style__StyledList",componentId:"carbon_v161_2_1__sc-44693e7f-0"})(["display:flex;flex:1;flex-direction:column;min-height:0;list-style:none;margin:0;padding:0;"]),c=e.li.attrs(r).withConfig({displayName:"vertical-menu.style__StyledListItem",componentId:"carbon_v161_2_1__sc-44693e7f-1"})(["",""],o),p=e.div.attrs(r).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuItem",componentId:"carbon_v161_2_1__sc-44693e7f-2"})(["min-height:",";width:100%;display:flex;border:none;align-items:center;font-weight:500;font-size:14px;cursor:pointer;color:var(--colorsComponentsLeftnavWinterStandardContent);position:relative;box-sizing:border-box;text-decoration:none;background-color:var(--colorsComponentsLeftnavWinterStandardBackground);"," &:hover{background-color:var(--colorsComponentsLeftnavWinterStandardHover);}&:focus{","}"," ","{width:20px;}"],(({height:e})=>e),n,i(!0),(({active:e})=>e&&t(['&:before{background:var(--colorsComponentsLeftnavWinterStandardSelected);border-radius:var(--borderRadius100);content:"";height:calc(100% - 16px);left:24px;position:absolute;top:8px;width:calc(100% - 48px);z-index:0;}&:hover{&:before{background:var(--colorsComponentsLeftnavWinterStandardHover);}}'])),a),m=e.span.withConfig({displayName:"vertical-menu.style__StyledTitle",componentId:"carbon_v161_2_1__sc-44693e7f-3"})(["font-weight:500;font-size:14px;line-height:21px;margin:0;z-index:1;text-align:left;"]),_=e.div.withConfig({displayName:"vertical-menu.style__StyledAdornment",componentId:"carbon_v161_2_1__sc-44693e7f-4"})(["display:flex;align-items:center;justify-content:flex-end;flex:1;"]),f=e(l).withConfig({displayName:"vertical-menu.style__StyledTitleIcon",componentId:"carbon_v161_2_1__sc-44693e7f-5"})(["margin-right:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),v=e.div.withConfig({displayName:"vertical-menu.style__StyledCustomIconWrapper",componentId:"carbon_v161_2_1__sc-44693e7f-6"})(["margin-right:12px;width:20px;"]),y=e(l).withConfig({displayName:"vertical-menu.style__StyledChevronIcon",componentId:"carbon_v161_2_1__sc-44693e7f-7"})(["margin-left:auto;padding-left:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),h=e(s).withConfig({displayName:"vertical-menu.style__StyledVerticalMenu",componentId:"carbon_v161_2_1__sc-44693e7f-8"})(["display:flex;&::-webkit-scrollbar{width:12px;}"]),x=e(s).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuFullScreen",componentId:"carbon_v161_2_1__sc-44693e7f-9"})(["display:flex;flex-direction:column;position:fixed;top:0;bottom:0;height:100vh;width:100%;outline:none;padding:8px 0px;overflow:auto;background-color:var(--colorsComponentsLeftnavWinterStandardBackground);box-sizing:border-box;z-index:",";"," "," "," &::-webkit-scrollbar{width:12px;}"],(({theme:e})=>e.zIndex.fullScreenModal),(({prefersReducedMotion:e})=>!e&&t(["transition:all 0.3s ease;"])),(({isOpen:e})=>e&&t(["visibility:visible;transform:translateX(0);"])),(({isOpen:e})=>!e&&t(["transform:translateX(-100%);visibility:hidden;"])));export{_ as StyledAdornment,y as StyledChevronIcon,v as StyledCustomIconWrapper,d as StyledList,c as StyledListItem,m as StyledTitle,f as StyledTitleIcon,h as StyledVerticalMenu,x as StyledVerticalMenuFullScreen,p as StyledVerticalMenuItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o from"styled-components";import e from"../../themes/apply-base-theme.js";import t from"../generate-css-variables.util.js";const i=o.div.attrs(e).withConfig({displayName:"carbon-scoped-tokens-provider.component__CarbonScopedTokensProvider",componentId:"
|
|
1
|
+
import o from"styled-components";import e from"../../themes/apply-base-theme.js";import t from"../generate-css-variables.util.js";const i=o.div.attrs(e).withConfig({displayName:"carbon-scoped-tokens-provider.component__CarbonScopedTokensProvider",componentId:"carbon_v161_2_1__sc-b2d26267-0"})(["margin:0;padding:0;width:auto;display:inline;",""],(({theme:o})=>t(o.compatibility)));export{i as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var t=require("styled-components"),e=require("../../style/themes/apply-base-theme.js"),a=require("../../style/utils/visually-hidden.js");function r(t){return t&&t.__esModule?t:{default:t}}var n=r(t);const i=n.default.div.withConfig({displayName:"character-count.style__StyledCharacterCountWrapper",componentId:"
|
|
1
|
+
"use strict";var t=require("styled-components"),e=require("../../style/themes/apply-base-theme.js"),a=require("../../style/utils/visually-hidden.js");function r(t){return t&&t.__esModule?t:{default:t}}var n=r(t);const i=n.default.div.withConfig({displayName:"character-count.style__StyledCharacterCountWrapper",componentId:"carbon_v161_2_1__sc-f39231b-0"})([""]),o=n.default.div.attrs(e.default).withConfig({displayName:"character-count.style__StyledCharacterCount",componentId:"carbon_v161_2_1__sc-f39231b-1"})(["text-align:left;font-size:var(--fontSizes100);margin-top:var(--spacing050);margin-bottom:var(--spacing050);color:",";"," ",""],(({isOverLimit:t})=>t?"var(--colorsSemanticNegative500)":"var(--colorsUtilityYin055)"),(({isLarge:e})=>e&&t.css(["font-size:var(--fontSizes200);"])),(({isOverLimit:e})=>e&&t.css(["font-weight:var(--fontWeights500);"]))),s=n.default.div.withConfig({displayName:"character-count.style__VisuallyHiddenCharacterCount",componentId:"carbon_v161_2_1__sc-f39231b-2"})(['::after{content:" ";}',""],a.default),c=n.default.div.withConfig({displayName:"character-count.style__VisuallyHiddenHint",componentId:"carbon_v161_2_1__sc-f39231b-3"})(['::before{content:" ";}::after{content:" ";}',""],a.default);exports.StyledCharacterCount=o,exports.StyledCharacterCountWrapper=i,exports.VisuallyHiddenCharacterCount=s,exports.VisuallyHiddenHint=c;
|
|
@@ -1,52 +1,43 @@
|
|
|
1
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Checkable Input Component
|
|
3
|
+
*
|
|
4
|
+
* @description Base component for Checkbox and RadioButton components.
|
|
5
|
+
* Do not add props that are specific to either Checkbox or RadioButton.
|
|
6
|
+
* Do not add props to the common interface that are not intended to be in the public interface of both components.
|
|
7
|
+
* Styles of any children should be handled in their respective component files.
|
|
8
|
+
*/
|
|
9
|
+
import React, { ReactNode } from "react";
|
|
2
10
|
import { CommonHiddenCheckableInputProps } from "./hidden-checkable-input.component";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
11
|
+
export interface CommonCheckableInputProps extends CommonHiddenCheckableInputProps {
|
|
12
|
+
/** Unique identifier for the input. Will use a randomly generated GUID if none is provided. */
|
|
13
|
+
id?: string;
|
|
14
|
+
/** Content of the label. */
|
|
15
|
+
label?: ReactNode;
|
|
16
|
+
/** Additional hint text rendered below the label. */
|
|
17
|
+
inputHint?: ReactNode;
|
|
18
|
+
/** If true, the component will be disabled. */
|
|
6
19
|
disabled?: boolean;
|
|
7
|
-
/**
|
|
8
|
-
|
|
9
|
-
/** Help content to be displayed under an input */
|
|
10
|
-
fieldHelp?: React.ReactNode;
|
|
20
|
+
/** Content to be rendered below the input when checked, is not supported when inputs are inline. */
|
|
21
|
+
progressiveDisclosure?: ReactNode;
|
|
11
22
|
/**
|
|
12
|
-
*
|
|
13
|
-
*
|
|
23
|
+
* Id of the validation icon
|
|
24
|
+
* @deprecated Validation icons with tooltips are no longer supported on this component.
|
|
14
25
|
*/
|
|
15
|
-
|
|
16
|
-
/** Unique Identifier for the input. Will use a randomly generated GUID if none is provided */
|
|
17
|
-
id?: string;
|
|
18
|
-
/** Sets percentage-based input width */
|
|
19
|
-
inputWidth?: number;
|
|
20
|
-
/** Label content */
|
|
21
|
-
label?: React.ReactNode;
|
|
22
|
-
/** The content for the help tooltip, to appear next to the Label */
|
|
23
|
-
labelHelp?: React.ReactNode;
|
|
24
|
-
/** Spacing between label and a field for inline label, given number will be multiplied by base spacing unit (8) */
|
|
25
|
-
labelSpacing?: 1 | 2;
|
|
26
|
-
/** Label width */
|
|
27
|
-
labelWidth?: number;
|
|
28
|
-
/** Flag to configure component as mandatory */
|
|
29
|
-
required?: boolean;
|
|
30
|
-
/** If true the label switches position with the input */
|
|
31
|
-
reverse?: boolean;
|
|
32
|
-
/** Size of the component */
|
|
33
|
-
size?: "small" | "large";
|
|
34
|
-
/** Prop to specify the aria-labelledby attribute of the input */
|
|
35
|
-
ariaLabelledBy?: string;
|
|
36
|
-
/** When true, displays validation icon on label */
|
|
37
|
-
validationOnLabel?: boolean;
|
|
26
|
+
validationIconId?: string;
|
|
38
27
|
}
|
|
39
28
|
export interface CheckableInputProps extends CommonCheckableInputProps {
|
|
40
|
-
/**
|
|
41
|
-
children?:
|
|
42
|
-
/** HTML type attribute of the input */
|
|
29
|
+
/** Element to be rendered as the visible input. */
|
|
30
|
+
children?: ReactNode;
|
|
31
|
+
/** HTML type attribute of the input. */
|
|
43
32
|
type: string;
|
|
44
|
-
/**
|
|
45
|
-
|
|
46
|
-
/**
|
|
47
|
-
|
|
48
|
-
/**
|
|
49
|
-
|
|
33
|
+
/** Size of the component. */
|
|
34
|
+
size?: "small" | "medium" | "large";
|
|
35
|
+
/** Set error state - passed to Tabs context */
|
|
36
|
+
error?: boolean;
|
|
37
|
+
/** Set warning state - passed to Tabs context */
|
|
38
|
+
warning?: boolean;
|
|
39
|
+
/** Flag to display required asterisk. */
|
|
40
|
+
showRequiredAsterisk?: boolean;
|
|
50
41
|
}
|
|
51
42
|
declare const CheckableInput: React.ForwardRefExoticComponent<CheckableInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
52
43
|
export default CheckableInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./checkable-input.style.js"),i=require("./hidden-checkable-input.component.js"),n=require("../utils/helpers/guid/index.js"),l=require("../label/label.component.js"),s=require("../hint-text/hint-text.component.js"),a=require("../../hooks/useMediaQuery/useMediaQuery.js"),d=require("../../hooks/__internal__/useRegisterValidationToTabs/useRegisterValidationToTabs.js"),o=require("../../components/fieldset/__internal__/fieldset.context.js");function c(e){return e&&e.__esModule?e:{default:e}}function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function b(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){u(e,r,t[r])}))}return e}const f=c(r).default.forwardRef(((c,u)=>{var{children:f,disabled:p,required:h,id:y,name:j,type:m,value:x,label:g,inputHint:q,checked:v,progressiveDisclosure:O,size:k="medium",error:w,warning:_,showRequiredAsterisk:S,"aria-describedby":R}=c,A=function(e,r){if(null==e)return{};var t,i,n=function(e,r){if(null==e)return{};var t,i,n={},l=Object.keys(e);for(i=0;i<l.length;i++)t=l[i],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(i=0;i<l.length;i++)t=l[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(c,["children","disabled","required","id","name","type","value","label","inputHint","checked","progressiveDisclosure","size","error","warning","showRequiredAsterisk","aria-describedby"]);const{current:P}=r.useRef(y||n.default()),z=q?`${P}-hint`:void 0,{required:C}=r.useContext(o.default),T=[z,R].filter(Boolean).join(" "),$=r.useRef(null),I=a.default("screen and (prefers-reduced-motion: no-preference)");return d.default(!!w,!!_,P),e.jsxs(e.Fragment,{children:[e.jsxs(t.StyledCheckableInput,{children:[e.jsxs(t.StyledCheckableInputWrapper,{children:[e.jsx(i.default,b({id:P,type:m,name:j,value:x,disabled:p,checked:v,ref:u,"aria-describedby":T,"aria-invalid":w,required:C||h},A)),f]}),g&&e.jsx(l.default,{className:"checkable-label",htmlFor:P,disabled:p,isRequired:h&&S,size:k,children:g}),q&&e.jsx(s.HintText,{className:"checkable-hint-text",id:z,disabled:p,size:k,children:q})]}),O&&e.jsx(t.StyledAccordion,{"data-role":"progressive-disclosure-accordion",ref:$,$expanded:v,$allowAnimation:I,children:e.jsxs(t.StyledAccordionWrapper,{children:[e.jsx(t.StyledLineContainer,{$size:k,children:e.jsx(t.StyledAccordionLine,{$size:k})}),e.jsx(t.StyledAccordionContent,{children:O})]})})]})}));f.displayName="CheckableInput",exports.default=f;
|
|
@@ -1,12 +1,15 @@
|
|
|
1
|
-
declare const StyledCheckableInput: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
-
export
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
labelWidth?: number;
|
|
7
|
-
labelInline?: boolean;
|
|
8
|
-
reverse?: boolean;
|
|
9
|
-
isDarkBackground?: boolean;
|
|
1
|
+
export declare const StyledCheckableInput: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
+
export declare const StyledCheckableInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
+
interface StyledAccordionProps {
|
|
4
|
+
$expanded?: boolean;
|
|
5
|
+
$allowAnimation?: boolean;
|
|
10
6
|
}
|
|
11
|
-
declare const
|
|
12
|
-
export
|
|
7
|
+
export declare const StyledAccordion: import("styled-components").StyledComponent<"div", any, StyledAccordionProps, never>;
|
|
8
|
+
export declare const StyledAccordionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
|
+
interface StyledAccordionContentProps {
|
|
10
|
+
$size: "small" | "medium" | "large";
|
|
11
|
+
}
|
|
12
|
+
export declare const StyledLineContainer: import("styled-components").StyledComponent<"div", any, StyledAccordionContentProps, never>;
|
|
13
|
+
export declare const StyledAccordionLine: import("styled-components").StyledComponent<"div", any, StyledAccordionContentProps, never>;
|
|
14
|
+
export declare const StyledAccordionContent: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
15
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components")
|
|
1
|
+
"use strict";var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(e);const i=a.default.div.withConfig({displayName:"checkable-input.style__StyledCheckableInput",componentId:"carbon_v161_2_1__sc-e63a5a4f-0"})(["display:grid;align-items:center;grid-template-columns:auto 1fr;grid-column-gap:var(--global-space-comp-s);.checkable-hint-text{grid-area:2 / 2;}"]),o=a.default.div.withConfig({displayName:"checkable-input.style__StyledCheckableInputWrapper",componentId:"carbon_v161_2_1__sc-e63a5a4f-1"})(["display:flex;align-items:center;min-height:var(--global-size-xs);"]),l=a.default.div.withConfig({displayName:"checkable-input.style__StyledAccordion",componentId:"carbon_v161_2_1__sc-e63a5a4f-2"})(["position:relative;display:grid;grid-template-rows:0fr;visibility:hidden;"," ",""],(({$allowAnimation:t})=>t&&e.css(["transition:all 0.4s;"])),(({$expanded:t})=>t&&e.css(["visibility:visible;grid-template-rows:1fr;"]))),n={small:{top:"var(--global-space-comp-xs)",width:"var(--global-size-3-xs)"},medium:{top:"var(--global-space-comp-s)",width:"var(--global-size-xs)"},large:{top:"var(--global-space-comp-m)",width:"var(--global-size-s)"}},c="var(--global-space-comp-m)",d=a.default.div.withConfig({displayName:"checkable-input.style__StyledAccordionWrapper",componentId:"carbon_v161_2_1__sc-e63a5a4f-3"})(["overflow:hidden;min-height:0;min-width:0;display:grid;grid-template-columns:auto 1fr;grid-column-gap:var(--global-space-comp-s);"]),s=a.default.div.withConfig({displayName:"checkable-input.style__StyledLineContainer",componentId:"carbon_v161_2_1__sc-e63a5a4f-4"})(["display:flex;justify-content:center;",""],(({$size:t})=>t&&e.css(["width:",";"],n[t].width))),r=a.default.div.withConfig({displayName:"checkable-input.style__StyledAccordionLine",componentId:"carbon_v161_2_1__sc-e63a5a4f-5"})(["position:absolute;width:2px;background-color:var(--input-typical-border-alt);border-radius:2px;",""],(({$size:t})=>t&&e.css(["top:",";height:calc( 100% - ("," + ",") );"],n[t].top,n[t].top,c))),p=a.default.div.withConfig({displayName:"checkable-input.style__StyledAccordionContent",componentId:"carbon_v161_2_1__sc-e63a5a4f-6"})(["padding:"," 0;"],c);exports.StyledAccordion=l,exports.StyledAccordionContent=p,exports.StyledAccordionLine=r,exports.StyledAccordionWrapper=d,exports.StyledCheckableInput=i,exports.StyledCheckableInputWrapper=o,exports.StyledLineContainer=s;
|
|
@@ -1,28 +1,22 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
export interface CommonHiddenCheckableInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "type"> {
|
|
3
|
-
/**
|
|
3
|
+
/**
|
|
4
|
+
* The id of the element that describe the input.
|
|
5
|
+
* @deprecated This prop is deprecated, please use the `aria-describedby` attribute instead.
|
|
6
|
+
*/
|
|
4
7
|
ariaDescribedBy?: string;
|
|
5
|
-
/**
|
|
8
|
+
/**
|
|
9
|
+
* Prop to specify the aria-labelledby attribute of the input.
|
|
10
|
+
* @deprecated This prop is deprecated, please use the `aria-labelledby` attribute instead.
|
|
11
|
+
*/
|
|
6
12
|
ariaLabelledBy?: string;
|
|
7
|
-
/** If true the
|
|
13
|
+
/** If true, the component will be automatically focused when rendered. */
|
|
8
14
|
autoFocus?: boolean;
|
|
9
|
-
/** Checked state of the input */
|
|
15
|
+
/** Checked state of the input. */
|
|
10
16
|
checked?: boolean;
|
|
11
|
-
/** Input name */
|
|
17
|
+
/** Input name attribute. */
|
|
12
18
|
name?: string;
|
|
13
|
-
/**
|
|
14
|
-
onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
|
|
15
|
-
/** OnFocus event handler */
|
|
16
|
-
onFocus?: (ev: React.FocusEvent<HTMLInputElement>) => void;
|
|
17
|
-
/** Blur event handler */
|
|
18
|
-
onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
|
|
19
|
-
/** OnMouseLeave event handler */
|
|
20
|
-
onMouseLeave?: (ev: React.MouseEvent<HTMLInputElement>) => void;
|
|
21
|
-
/** OnMouseEnter event handler */
|
|
22
|
-
onMouseEnter?: (ev: React.MouseEvent<HTMLInputElement>) => void;
|
|
23
|
-
/** Id of the validation icon */
|
|
24
|
-
validationIconId?: string;
|
|
25
|
-
/** Value of the input */
|
|
19
|
+
/** Value of the input. */
|
|
26
20
|
value?: string;
|
|
27
21
|
}
|
|
28
22
|
export interface HiddenCheckableInputProps extends CommonHiddenCheckableInputProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./hidden-checkable-input.style.js");function a(e){return e&&e.__esModule?e:{default:e}}var n=a(r);function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const c=n.default.forwardRef(((r,a)=>{var n,c,{ariaDescribedBy:l,ariaLabelledBy:i,"aria-describedby":u,"aria-labelledby":b,name:y,checked:s,type:d,value:f,autoFocus:p,role:O}=r,j=function(e,r){if(null==e)return{};var t,a,n=function(e,r){if(null==e)return{};var t,a,n={},o=Object.keys(e);for(a=0;a<o.length;a++)t=o[a],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)t=o[a],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(r,["ariaDescribedBy","ariaLabelledBy","aria-describedby","aria-labelledby","name","checked","type","value","autoFocus","role"]);return e.jsx(t.default,(n=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),a.forEach((function(r){o(e,r,t[r])}))}return e}({"aria-describedby":u||l||void 0,"aria-labelledby":b||l||void 0,autoFocus:p,"data-has-autofocus":!!p||void 0,checked:s,name:y,role:O||d,type:d,value:f},j),c=null!=(c={ref:a})?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(c)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(c)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(c,e))})),n))}));c.displayName="HiddenCheckableInput";var l=n.default.memo(c);exports.default=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}const n=t(e).default.input.withConfig({displayName:"hidden-checkable-input.style__HiddenCheckableInputStyle",componentId:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}const n=t(e).default.input.withConfig({displayName:"hidden-checkable-input.style__HiddenCheckableInputStyle",componentId:"carbon_v161_2_1__sc-490a5f06-0"})(["cursor:pointer;opacity:0;margin:0;position:relative;z-index:2;",""],(({disabled:t})=>t&&e.css(["cursor:not-allowed;"])));exports.default=n;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components");function e(r){return r&&r.__esModule?r:{default:r}}const o=e(r).default.span.withConfig({displayName:"error-border.style__ErrorBorder",componentId:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components");function e(r){return r&&r.__esModule?r:{default:r}}const o=e(r).default.span.withConfig({displayName:"error-border.style__ErrorBorder",componentId:"carbon_v161_2_1__sc-f2eef804-0"})([""," transform:translateZ(0);.numeral-date-wrapper &{display:none;}"],(({$warning:e})=>r.css(["width:2px;position:absolute;left:-10px;top:0px;bottom:0px;z-index:6;background-color:",";"],e?"var(--input-validation-bar-warn)":"var(--input-validation-border-error)")));exports.default=o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function l(e){return e&&e.__esModule?e:{default:e}}const t=l(e).default.span.withConfig({displayName:"field-help.style__StyledFieldHelp",componentId:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function l(e){return e&&e.__esModule?e:{default:e}}const t=l(e).default.span.withConfig({displayName:"field-help.style__StyledFieldHelp",componentId:"carbon_v161_2_1__sc-314d056c-0"})(["display:block;flex:1;margin-top:8px;white-space:pre-wrap;",""],(({labelInline:l,labelWidth:t})=>l&&e.css(["margin-left:","%;padding-left:0;"],t)));exports.default=t;
|
|
@@ -17,8 +17,6 @@ export interface FieldsetProps extends MarginProps {
|
|
|
17
17
|
legend?: string;
|
|
18
18
|
/** Content for an additional hint text below the legend */
|
|
19
19
|
legendHint?: React.ReactNode;
|
|
20
|
-
/** Text alignment of the legend */
|
|
21
|
-
legendAlign?: "left" | "right";
|
|
22
20
|
/** Error message to be displayed when validation fails */
|
|
23
21
|
error?: string;
|
|
24
22
|
/** Warning message to be displayed when validation warning occurs */
|
|
@@ -32,5 +30,5 @@ export interface FieldsetProps extends MarginProps {
|
|
|
32
30
|
/** Set the size of the component */
|
|
33
31
|
size?: "small" | "medium" | "large";
|
|
34
32
|
}
|
|
35
|
-
declare const Fieldset: ({ children, name, id, legend,
|
|
33
|
+
declare const Fieldset: ({ children, name, id, legend, legendHint, error, warning, isRequired, isDisabled, validationMessagePositionTop, size, ...rest }: FieldsetProps) => React.JSX.Element;
|
|
36
34
|
export default Fieldset;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./fieldset.style.js"),i=require("../../
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./fieldset.style.js"),i=require("../../error-border/error-border.style.js"),n=require("../../validation-message/__next__/validation-message.component.js"),s=require("../../hint-text/hint-text.component.js"),o=require("../../utils/helpers/guid/index.js");require("../../../style/utils/filter-styled-system-padding-props.js");var l=require("../../../style/utils/filter-styled-system-margin-props.js");function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}exports.default=d=>{var{children:u,name:c,id:p,legend:b,legendHint:f,error:y,warning:j,isRequired:g,isDisabled:O,validationMessagePositionTop:m,size:v="medium"}=d,h=function(e,r){if(null==e)return{};var t,i,n=function(e,r){if(null==e)return{};var t,i,n={},s=Object.keys(e);for(i=0;i<s.length;i++)t=s[i],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(i=0;i<s.length;i++)t=s[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(d,["children","name","id","legend","legendHint","error","warning","isRequired","isDisabled","validationMessagePositionTop","size"]);const x=r.useRef(o.default()),P=p||x.current,w=f?`${P}-hint`:void 0,q=(y||j)&&`${P}-validation-message`,S=[w,q].filter(Boolean).join(" "),$=()=>y||j?e.jsxs(e.Fragment,{children:[e.jsx(n.default,{error:y,warning:j,id:q,size:v}),e.jsx(i.default,{$warning:!(y||!j)})]}):null;return e.jsxs(t.StyledFieldset,(D=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){a(e,r,t[r])}))}return e}({"data-component":"fieldset",id:P,name:c,"aria-describedby":S||void 0},l.default(h),h),z=null!=(z={children:[b&&e.jsx(t.StyledLegend,{"aria-disabled":O||void 0,"data-element":"legend",$isRequired:g,$isDisabled:O,$size:v,children:b}),f&&e.jsx(s.HintText,{id:w,size:v,disabled:O,children:f}),e.jsxs(t.StyledFieldsetContentWrapper,{$size:v,$hasLegend:!!b||!!f,children:[m&&$(),u,!m&&$()]})]})?z:{},Object.getOwnPropertyDescriptors?Object.defineProperties(D,Object.getOwnPropertyDescriptors(z)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(z)).forEach((function(e){Object.defineProperty(D,e,Object.getOwnPropertyDescriptor(z,e))})),D));var D,z};
|
|
@@ -1,18 +1,13 @@
|
|
|
1
|
-
type StyledFieldsetProps = {
|
|
2
|
-
$validationMessagePositionTop?: boolean;
|
|
3
|
-
$size: "small" | "medium" | "large";
|
|
4
|
-
};
|
|
5
1
|
export declare const StyledFieldset: import("styled-components").StyledComponent<"fieldset", any, {
|
|
6
2
|
theme: object;
|
|
7
|
-
}
|
|
3
|
+
}, "theme">;
|
|
8
4
|
export type StyledLegendProps = {
|
|
9
|
-
$align?: "left" | "right";
|
|
10
5
|
$isRequired?: boolean;
|
|
11
6
|
$isDisabled?: boolean;
|
|
12
|
-
$
|
|
7
|
+
$size: "small" | "medium" | "large";
|
|
13
8
|
};
|
|
14
9
|
export declare const StyledLegend: import("styled-components").StyledComponent<"legend", any, StyledLegendProps, never>;
|
|
15
10
|
export declare const StyledFieldsetContentWrapper: import("styled-components").StyledComponent<"div", any, {
|
|
16
11
|
$size: "small" | "medium" | "large";
|
|
12
|
+
$hasLegend?: boolean;
|
|
17
13
|
}, never>;
|
|
18
|
-
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components"),a=require("styled-system"),t=require("../../../style/themes/apply-base-theme.js")
|
|
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 i={small:{contentMargin:"var(--global-space-comp-xs)",validationGap:"var(--global-space-comp-xs)",legendFont:"var(--global-font-static-comp-medium-s)"},medium:{contentMargin:"var(--global-space-comp-s)",validationGap:"var(--global-space-comp-s)",legendFont:"var(--global-font-static-comp-medium-m)"},large:{contentMargin:"var(--global-space-comp-m)",validationGap:"var(--global-space-comp-s)",legendFont:"var(--global-font-static-comp-medium-l)"}},s=n.default.fieldset.attrs(t.default).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"carbon_v161_2_1__sc-e67bca4a-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;min-width:0;min-inline-size:0;"],a.margin),o=n.default.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"carbon_v161_2_1__sc-e67bca4a-1"})(["",";"],(({$isRequired:a,$isDisabled:t,$size:l})=>e.css(["display:flex;align-items:center;padding:0;font:",";color:var(--input-labelset-label-default);"," ",""],i[l].legendFont,a&&e.css(['::after{content:"*";font:',";color:var(--input-labelset-label-required);margin-left:var(--global-space-comp-xs);}"],i[l].legendFont),t&&e.css(["color:var(--input-labelset-label-disabled);::after{color:var(--input-labelset-label-disabled);}"])))),d=n.default.div.withConfig({displayName:"fieldset.style__StyledFieldsetContentWrapper",componentId:"carbon_v161_2_1__sc-e67bca4a-2"})(["",";"],(({$size:a,$hasLegend:t})=>e.css(["display:flex;flex-direction:column;position:relative;gap:",";",""],i[a].validationGap,t&&e.css(["margin-top:",";"],i[a].contentMargin))));exports.StyledFieldset=s,exports.StyledFieldsetContentWrapper=d,exports.StyledLegend=o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../../style/themes/apply-base-theme.js");function n(e){return e&&e.__esModule?e:{default:e}}var a=n(e);const s=a.default.fieldset.attrs(i.default).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"
|
|
1
|
+
"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../../style/themes/apply-base-theme.js");function n(e){return e&&e.__esModule?e:{default:e}}var a=n(e);const s=a.default.fieldset.attrs(i.default).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"carbon_v161_2_1__sc-602f140c-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;min-width:0;min-inline-size:0;",""],t.margin,(({width:e})=>e&&`width: ${e};`)),l=a.default.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"carbon_v161_2_1__sc-602f140c-1"})(["display:flex;align-items:center;padding:0;line-height:24px;font-weight:var(--fontWeights500);color:var(--colorsUtilityYin090);"," "," "," ",";"," ",""],(({isLarge:t})=>t&&e.css(["font-size:var(--fontSizes200);"])),(({isRequired:t})=>t&&e.css(['::after{content:"*";line-height:24px;color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);position:relative;top:1px;}'])),(({isDisabled:t})=>t&&e.css(["color:var(--input-labelset-label-disabled);::after{color:var(--input-labelset-label-disabled);}"])),(({align:t,inline:i})=>t&&e.css(["text-align:",";justify-content:",";",""],t,"right"===t?"flex-end":"flex-start",!i&&e.css(["width:-moz-available;"]))),(({inline:t,width:i,rightPadding:n})=>t&&e.css(["float:left;box-sizing:border-box;margin:0;",";padding-right:",";"],i&&`width: ${i}%`,1===n?"var(--spacing100)":"var(--spacing200)")),t.margin),r=a.default.div.withConfig({displayName:"fieldset.style__StyledIconWrapper",componentId:"carbon_v161_2_1__sc-602f140c-2"})(["margin-left:var(--spacing050);"]);exports.StyledFieldset=s,exports.StyledIconWrapper=r,exports.StyledLegend=l;
|
|
@@ -32,8 +32,6 @@ interface CommonFormFieldProps extends MarginProps, ValidationProps {
|
|
|
32
32
|
/** Label width */
|
|
33
33
|
labelWidth?: number;
|
|
34
34
|
labelAs?: LabelProps["as"];
|
|
35
|
-
/** If true the label switches position with the input */
|
|
36
|
-
reverse?: boolean;
|
|
37
35
|
/** Id of the validation icon */
|
|
38
36
|
validationIconId?: string;
|
|
39
37
|
/**
|
|
@@ -63,7 +61,7 @@ export interface FormFieldProps extends CommonFormFieldProps, TagProps {
|
|
|
63
61
|
"data-component"?: string;
|
|
64
62
|
}
|
|
65
63
|
declare const FormField: {
|
|
66
|
-
({ maxWidth, children, "data-component": dataComponent, disabled, loading, fieldHelp: fieldHelpContent, fieldHelpInline, error, warning, info, tooltipId, fieldHelpId, label, labelId, labelAlign, labelHelp, labelHelpIcon, labelInline, labelSpacing, labelWidth, labelAs, id,
|
|
64
|
+
({ maxWidth, children, "data-component": dataComponent, disabled, loading, fieldHelp: fieldHelpContent, fieldHelpInline, error, warning, info, tooltipId, fieldHelpId, label, labelId, labelAlign, labelHelp, labelHelpIcon, labelInline, labelSpacing, labelWidth, labelAs, id, useValidationIcon, adaptiveLabelBreakpoint, isRequired, validationIconId, validationRedesignOptIn, ...rest }: FormFieldProps): React.JSX.Element;
|
|
67
65
|
displayName: string;
|
|
68
66
|
};
|
|
69
67
|
export default FormField;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("invariant"),r=require("./form-field.style.js"),l=require("../legacy-label/label.component.js"),i=require("../field-help/field-help.component.js"),o=require("../utils/helpers/tags/tags.js"),a=require("../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js");require("../../style/utils/filter-styled-system-padding-props.js");var s=require("../../style/utils/filter-styled-system-margin-props.js"),d=require("../../components/tabs/__next__/tabs.context.js"),c=require("../../components/tabs/__next__/tab.context.js");function u(e){return e&&e.__esModule?e:{default:e}}var p=u(n);function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const f=n=>{var{maxWidth:u,children:f,"data-component":y,disabled:j,loading:O,fieldHelp:g,fieldHelpInline:I,error:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("invariant"),r=require("./form-field.style.js"),l=require("../legacy-label/label.component.js"),i=require("../field-help/field-help.component.js"),o=require("../utils/helpers/tags/tags.js"),a=require("../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js");require("../../style/utils/filter-styled-system-padding-props.js");var s=require("../../style/utils/filter-styled-system-margin-props.js"),d=require("../../components/tabs/__next__/tabs.context.js"),c=require("../../components/tabs/__next__/tab.context.js");function u(e){return e&&e.__esModule?e:{default:e}}var p=u(n);function b(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const f=n=>{var{maxWidth:u,children:f,"data-component":y,disabled:j,loading:O,fieldHelp:g,fieldHelpInline:I,error:h,warning:m,info:v,tooltipId:x,fieldHelpId:w,label:q,labelId:_,labelAlign:P,labelHelp:H,labelHelpIcon:k,labelInline:S,labelSpacing:W=2,labelWidth:A,labelAs:E,id:R,useValidationIcon:F,adaptiveLabelBreakpoint:B,isRequired:C,validationIconId:D,validationRedesignOptIn:L}=n,M=function(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}(n,["maxWidth","children","data-component","disabled","loading","fieldHelp","fieldHelpInline","error","warning","info","tooltipId","fieldHelpId","label","labelId","labelAlign","labelHelp","labelHelpIcon","labelInline","labelSpacing","labelWidth","labelAs","id","useValidationIcon","adaptiveLabelBreakpoint","isRequired","validationIconId","validationRedesignOptIn"]);const V=t.useMemo((()=>{const e={error:!!h,warning:!!m,info:!!v};if(j&&!O)return Object.keys(e).find((t=>e[t]))}),[h,m,v,j,O]);p.default(void 0===V,`Prop \`${V}\` cannot be used in conjunction with \`disabled\`. Use \`readOnly\` if you require users to see validations with a non-interactive field`);const T=a.default(B);let N=S;B&&(N=T);const{setErrors:U,setWarnings:$,setInfos:z}=t.useContext(d.TabsContext),{tabId:G}=t.useContext(c.TabContext),J=s.default(M),K=t.useRef(!1);t.useLayoutEffect((()=>(K.current=!0,()=>{K.current=!1})),[]),t.useEffect((()=>(U&&U(R,G||"",h||!1),$&&$(R,G||"",m||!1),z&&z(R,G||"",v||!1),()=>{K.current||(U&&U(R,G||"",!1),$&&$(R,G||"",!1),z&&z(R,G||"",!1))})),[R,U,$,h,m,v,G,z]);const Q=g?e.jsx(i.FieldHelp,{labelInline:N,labelWidth:A,id:w,children:g}):null;return e.jsxs(r.default,(X=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){b(e,t,n[t])}))}return e}({},o.default(y,M),J),Y=null!=(Y={children:[e.jsxs(r.FieldLineStyle,{"data-role":"field-line",inline:N,maxWidth:u,children:[q&&e.jsx(l.default,{labelId:_,align:P,disabled:j,error:!L&&h,warning:!L&&m,info:!L&&v,help:H,tooltipId:x,htmlFor:R,helpIcon:k,inline:N,width:A,useValidationIcon:F,pr:W,isRequired:C,validationIconId:D,as:E,children:q}),f]}),Q]})?Y:{},Object.getOwnPropertyDescriptors?Object.defineProperties(X,Object.getOwnPropertyDescriptors(Y)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(Y)).forEach((function(e){Object.defineProperty(X,e,Object.getOwnPropertyDescriptor(Y,e))})),X));var X,Y};f.displayName="FormField",exports.default=f;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),i=require("../../style/themes/apply-base-theme.js");function l(e){return e&&e.__esModule?e:{default:e}}var s=l(e);const a=s.default.div.attrs(i.default).withConfig({displayName:"form-field.style__FormFieldStyle",componentId:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),i=require("../../style/themes/apply-base-theme.js");function l(e){return e&&e.__esModule?e:{default:e}}var s=l(e);const a=s.default.div.attrs(i.default).withConfig({displayName:"form-field.style__FormFieldStyle",componentId:"carbon_v161_2_1__sc-ec2b28a0-0"})(["position:relative;margin-bottom:var(--fieldSpacing);& + &{margin-top:16px;}&&&{","}"],t.space),o=s.default.div.withConfig({displayName:"form-field.style__FieldLineStyle",componentId:"carbon_v161_2_1__sc-ec2b28a0-1"})(["",""],(({inline:t,maxWidth:i})=>e.css(["display:",";",""],t?"flex":"block",i&&`max-width: ${i};`)));exports.FieldLineStyle=o,exports.default=a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(e);const d=a.default.div.withConfig({displayName:"full-screen-heading.style__StyledHeaderContainer",componentId:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(e);const d=a.default.div.withConfig({displayName:"full-screen-heading.style__StyledHeaderContainer",componentId:"carbon_v161_2_1__sc-ad8dad23-0"})(["display:flex;flex-wrap:wrap;min-width:100%;"]),n=a.default.div.withConfig({displayName:"full-screen-heading.style__StyledFullScreenHeading",componentId:"carbon_v161_2_1__sc-ad8dad23-1"})([""," background-color:var(--colorsUtilityYang100);display:flex;justify-content:space-between;align-items:flex-start;padding:0 16px;@media screen and (min-width:600px){padding:0 24px;}@media screen and (min-width:960px){padding:0 32px;}@media screen and (min-width:1260px){padding:0 40px;}",' [data-element="dialog-title-container"]{&:has([data-element="dialog-title"]){width:auto;margin-bottom:24px;[data-element="dialog-title"]{background-color:transparent;padding-bottom:0;margin:22px 24px 0 0;}}&:not(:has([data-element="dialog-title"])){width:100%;}}'],(({hasContent:t})=>t&&e.css(["border-bottom:1px solid var(--colorsUtilityMajor050);"])),(({hasCloseButton:t})=>t&&e.css(["&{padding-right:64px;}"])));exports.StyledHeaderContainer=d,exports.default=n;
|