carbon-react 154.7.0 → 154.7.2
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.d.ts +3 -1
- package/esm/__internal__/character-count/character-count.style.js +1 -1
- package/esm/__internal__/fieldset/fieldset.style.d.ts +3 -1
- package/esm/__internal__/fieldset/fieldset.style.js +1 -1
- package/esm/__internal__/form-field/form-field.style.d.ts +3 -1
- package/esm/__internal__/form-field/form-field.style.js +1 -1
- package/esm/__internal__/input/input-presentation.style.d.ts +1 -1
- package/esm/__internal__/popover/popover.style.d.ts +3 -1
- package/esm/__internal__/popover/popover.style.js +1 -1
- package/esm/__internal__/validations/validation-icon.style.d.ts +4 -2
- package/esm/__internal__/validations/validation-icon.style.js +1 -1
- package/esm/components/accordion/accordion.style.d.ts +9 -3
- package/esm/components/accordion/accordion.style.js +1 -1
- package/esm/components/action-popover/action-popover.style.d.ts +6 -2
- package/esm/components/action-popover/action-popover.style.js +1 -1
- package/esm/components/adaptive-sidebar/adaptive-sidebar.style.d.ts +1 -1
- package/esm/components/advanced-color-picker/advanced-color-picker-cell.style.d.ts +3 -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.d.ts +3 -1
- package/esm/components/advanced-color-picker/advanced-color-picker.style.js +1 -1
- package/esm/components/badge/badge.style.d.ts +3 -1
- package/esm/components/badge/badge.style.js +1 -1
- package/esm/components/box/box.style.d.ts +4 -2
- package/esm/components/box/box.style.js +1 -1
- package/esm/components/breadcrumbs/breadcrumbs.style.d.ts +3 -1
- package/esm/components/breadcrumbs/breadcrumbs.style.js +1 -1
- package/esm/components/button/button.component.js +1 -1
- package/esm/components/button/button.style.d.ts +4 -2
- package/esm/components/button/button.style.js +1 -1
- package/esm/components/button-bar/button-bar.style.d.ts +3 -1
- package/esm/components/button-bar/button-bar.style.js +1 -1
- package/esm/components/button-toggle/button-toggle-group/button-toggle-group.style.d.ts +5 -1
- package/esm/components/button-toggle/button-toggle-group/button-toggle-group.style.js +1 -1
- package/esm/components/button-toggle/button-toggle.style.d.ts +3 -1
- package/esm/components/button-toggle/button-toggle.style.js +1 -1
- package/esm/components/card/card-row/card-row.style.d.ts +3 -1
- package/esm/components/card/card-row/card-row.style.js +1 -1
- package/esm/components/card/card.style.d.ts +6 -2
- package/esm/components/card/card.style.js +1 -1
- package/esm/components/checkbox/checkbox.style.d.ts +3 -1
- package/esm/components/checkbox/checkbox.style.js +1 -1
- package/esm/components/content/content.style.d.ts +3 -1
- package/esm/components/content/content.style.js +1 -1
- package/esm/components/date/__internal__/date-picker/day-picker.style.d.ts +3 -1
- package/esm/components/date/__internal__/date-picker/day-picker.style.js +1 -1
- package/esm/components/date/__internal__/navbar/button.style.d.ts +3 -1
- package/esm/components/date/__internal__/navbar/button.style.js +1 -1
- package/esm/components/date/date.style.d.ts +3 -1
- package/esm/components/date/date.style.js +1 -1
- package/esm/components/date-range/date-range.style.d.ts +3 -1
- package/esm/components/date-range/date-range.style.js +1 -1
- package/esm/components/definition-list/definition-list.style.d.ts +6 -2
- package/esm/components/definition-list/definition-list.style.js +1 -1
- package/esm/components/detail/detail.style.d.ts +3 -1
- package/esm/components/detail/detail.style.js +1 -1
- package/esm/components/dialog/dialog.style.d.ts +6 -2
- package/esm/components/dialog/dialog.style.js +1 -1
- package/esm/components/dialog-full-screen/dialog-full-screen.style.d.ts +3 -1
- package/esm/components/dialog-full-screen/dialog-full-screen.style.js +1 -1
- package/esm/components/draggable/draggable-item/draggable-item.style.d.ts +6 -2
- package/esm/components/draggable/draggable-item/draggable-item.style.js +1 -1
- package/esm/components/drawer/drawer.style.d.ts +3 -1
- package/esm/components/drawer/drawer.style.js +1 -1
- package/esm/components/duelling-picklist/duelling-picklist.style.d.ts +3 -1
- package/esm/components/duelling-picklist/duelling-picklist.style.js +1 -1
- package/esm/components/duelling-picklist/picklist/picklist.style.d.ts +4 -2
- package/esm/components/fieldset/fieldset.style.d.ts +3 -1
- package/esm/components/fieldset/fieldset.style.js +1 -1
- package/esm/components/flat-table/flat-table-cell/flat-table-cell.style.d.ts +3 -1
- package/esm/components/flat-table/flat-table-cell/flat-table-cell.style.js +1 -1
- package/esm/components/flat-table/flat-table-head/flat-table-head.style.d.ts +3 -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.d.ts +3 -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.d.ts +3 -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.d.ts +3 -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.d.ts +7 -3
- package/esm/components/flat-table/flat-table.style.js +1 -1
- package/esm/components/flat-table/sort/sort.style.d.ts +3 -1
- package/esm/components/flat-table/sort/sort.style.js +1 -1
- package/esm/components/form/form.style.d.ts +6 -2
- package/esm/components/form/form.style.js +1 -1
- package/esm/components/heading/heading.component.js +1 -1
- package/esm/components/heading/heading.style.d.ts +3 -1
- package/esm/components/heading/heading.style.js +1 -1
- package/esm/components/help/help.style.d.ts +3 -1
- package/esm/components/help/help.style.js +1 -1
- package/esm/components/hr/hr.style.d.ts +4 -2
- package/esm/components/hr/hr.style.js +1 -1
- package/esm/components/icon/icon.style.d.ts +4 -2
- package/esm/components/icon/icon.style.js +1 -1
- package/esm/components/icon-button/icon-button.component.js +1 -1
- package/esm/components/icon-button/icon-button.style.d.ts +3 -1
- package/esm/components/icon-button/icon-button.style.js +1 -1
- package/esm/components/image/image.style.d.ts +6 -1
- package/esm/components/image/image.style.js +1 -1
- package/esm/components/inline-inputs/inline-inputs.style.d.ts +3 -1
- package/esm/components/inline-inputs/inline-inputs.style.js +1 -1
- package/esm/components/link/link.component.js +1 -1
- package/esm/components/link/link.style.d.ts +3 -1
- package/esm/components/link/link.style.js +1 -1
- package/esm/components/link-preview/link-preview.style.d.ts +3 -1
- package/esm/components/link-preview/link-preview.style.js +1 -1
- package/esm/components/loader/loader-square.style.d.ts +3 -1
- package/esm/components/loader/loader-square.style.js +1 -1
- package/esm/components/loader/loader.component.js +1 -1
- package/esm/components/loader/loader.style.d.ts +3 -1
- package/esm/components/loader/loader.style.js +1 -1
- package/esm/components/loader-bar/loader-bar.style.d.ts +3 -1
- package/esm/components/loader-bar/loader-bar.style.js +1 -1
- package/esm/components/menu/__internal__/submenu/submenu.style.d.ts +3 -1
- package/esm/components/menu/__internal__/submenu/submenu.style.js +1 -1
- package/esm/components/menu/menu-full-screen/menu-full-screen.style.d.ts +6 -2
- package/esm/components/menu/menu-full-screen/menu-full-screen.style.js +1 -1
- package/esm/components/menu/menu-item/menu-item.style.d.ts +3 -1
- package/esm/components/menu/menu-item/menu-item.style.js +1 -1
- package/esm/components/menu/menu.style.d.ts +3 -1
- package/esm/components/menu/menu.style.js +1 -1
- package/esm/components/message/message.style.d.ts +3 -1
- package/esm/components/message/message.style.js +1 -1
- package/esm/components/modal/modal.style.d.ts +4 -2
- package/esm/components/modal/modal.style.js +1 -1
- package/esm/components/multi-action-button/multi-action-button.style.d.ts +7 -3
- package/esm/components/multi-action-button/multi-action-button.style.js +1 -1
- package/esm/components/navigation-bar/navigation-bar.style.d.ts +4 -2
- package/esm/components/navigation-bar/navigation-bar.style.js +1 -1
- package/esm/components/note/note.style.d.ts +3 -1
- package/esm/components/note/note.style.js +1 -1
- package/esm/components/pages/page/page.style.d.ts +6 -2
- package/esm/components/pages/page/page.style.js +1 -1
- package/esm/components/pages/pages.component.d.ts +1 -1
- package/esm/components/pages/pages.style.d.ts +3 -1
- package/esm/components/pages/pages.style.js +1 -1
- package/esm/components/pill/pill.style.d.ts +4 -2
- package/esm/components/pill/pill.style.js +1 -1
- package/esm/components/pod/pod.style.d.ts +3 -1
- package/esm/components/pod/pod.style.js +1 -1
- package/esm/components/popover-container/popover-container.style.d.ts +3 -1
- package/esm/components/popover-container/popover-container.style.js +1 -1
- package/esm/components/portal/portal.js +1 -1
- package/esm/components/portrait/__internal__/get-colors.js +1 -0
- package/esm/components/portrait/portrait.style.d.ts +3 -1
- package/esm/components/portrait/portrait.style.js +1 -1
- package/esm/components/preview/preview.style.d.ts +3 -1
- package/esm/components/preview/preview.style.js +1 -1
- package/esm/components/profile/profile.style.d.ts +3 -1
- package/esm/components/profile/profile.style.js +1 -1
- package/esm/components/progress-tracker/progress-tracker.style.d.ts +6 -2
- package/esm/components/progress-tracker/progress-tracker.style.js +1 -1
- package/esm/components/radio-button/radio-button.style.d.ts +4 -2
- package/esm/components/radio-button/radio-button.style.js +1 -1
- package/esm/components/search/search-button.style.d.ts +3 -1
- package/esm/components/search/search-button.style.js +1 -1
- package/esm/components/search/search.style.d.ts +3 -1
- package/esm/components/search/search.style.js +1 -1
- package/esm/components/select/__internal__/select-list/select-list.style.d.ts +3 -1
- package/esm/components/select/__internal__/select-list/select-list.style.js +1 -1
- package/esm/components/select/multi-select/multi-select.component.js +1 -1
- package/esm/components/select/multi-select/multi-select.style.d.ts +10 -2
- package/esm/components/select/multi-select/multi-select.style.js +1 -1
- package/esm/components/select/select.style.d.ts +3 -2
- package/esm/components/select/select.style.js +1 -1
- package/esm/components/settings-row/settings-row.style.d.ts +3 -1
- package/esm/components/settings-row/settings-row.style.js +1 -1
- package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.style.d.ts +3 -1
- package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js +1 -1
- package/esm/components/sidebar/sidebar.style.d.ts +3 -1
- package/esm/components/sidebar/sidebar.style.js +1 -1
- package/esm/components/split-button/split-button-children.style.d.ts +4 -2
- package/esm/components/split-button/split-button-children.style.js +1 -1
- package/esm/components/split-button/split-button-toggle.style.d.ts +4 -2
- package/esm/components/split-button/split-button-toggle.style.js +1 -1
- package/esm/components/split-button/split-button.style.d.ts +3 -1
- package/esm/components/split-button/split-button.style.js +1 -1
- package/esm/components/step-sequence/step-sequence.style.d.ts +3 -1
- package/esm/components/step-sequence/step-sequence.style.js +1 -1
- package/esm/components/switch/switch.style.d.ts +4 -2
- package/esm/components/switch/switch.style.js +1 -1
- package/esm/components/tabs/__internal__/tab-title/tab-title.component.js +1 -1
- package/esm/components/tabs/__internal__/tabs-header/tabs-header.style.d.ts +3 -1
- package/esm/components/tabs/__internal__/tabs-header/tabs-header.style.js +1 -1
- package/esm/components/tabs/tab/tab.style.d.ts +5 -3
- package/esm/components/tabs/tab/tab.style.js +1 -1
- package/esm/components/tabs/tabs.style.d.ts +3 -1
- package/esm/components/tabs/tabs.style.js +1 -1
- package/esm/components/textarea/textarea.style.d.ts +3 -1
- package/esm/components/textarea/textarea.style.js +1 -1
- package/esm/components/tile/tile-content/tile-content.style.d.ts +3 -1
- package/esm/components/tile/tile-content/tile-content.style.js +1 -1
- package/esm/components/tile/tile-footer/tile-footer.style.d.ts +3 -1
- package/esm/components/tile/tile-footer/tile-footer.style.js +1 -1
- package/esm/components/tile/tile-header/tile-header.style.d.ts +3 -1
- package/esm/components/tile/tile-header/tile-header.style.js +1 -1
- package/esm/components/tile/tile.style.d.ts +4 -2
- package/esm/components/tile/tile.style.js +1 -1
- package/esm/components/tile-select/tile-select.style.d.ts +6 -2
- package/esm/components/tile-select/tile-select.style.js +1 -1
- package/esm/components/toast/toast.style.d.ts +3 -1
- package/esm/components/toast/toast.style.js +1 -1
- package/esm/components/tooltip/tooltip-pointer.style.d.ts +3 -1
- package/esm/components/tooltip/tooltip-pointer.style.js +1 -1
- package/esm/components/tooltip/tooltip.style.d.ts +3 -1
- package/esm/components/tooltip/tooltip.style.js +1 -1
- package/esm/components/typography/typography.style.d.ts +3 -1
- package/esm/components/typography/typography.style.js +1 -1
- package/esm/components/vertical-divider/vertical-divider.style.d.ts +6 -2
- package/esm/components/vertical-divider/vertical-divider.style.js +1 -1
- package/esm/components/vertical-menu/vertical-menu.style.d.ts +11 -5
- 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.d.ts +4 -2
- package/esm/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js +1 -1
- package/esm/style/design-tokens/generate-css-variables.util.d.ts +1 -1
- package/esm/style/themes/apply-base-theme.d.ts +14 -0
- package/esm/style/themes/apply-base-theme.js +1 -0
- package/esm/style/themes/base/base-theme.config.d.ts +1 -45
- package/esm/style/themes/base/index.d.ts +1 -2
- package/esm/style/themes/index.d.ts +3 -3
- package/esm/style/themes/index.js +1 -1
- package/esm/style/themes/none/index.d.ts +1 -1
- package/esm/style/themes/none/none-theme.config.d.ts +1 -1
- package/esm/style/themes/sage/index.d.ts +2 -2
- package/esm/style/themes/theme.types.d.ts +45 -0
- package/esm/style/utils/color.d.ts +1 -1
- package/esm/style/utils/get-accessible-foreground-color.d.ts +9 -0
- package/esm/style/utils/get-accessible-foreground-color.js +1 -0
- package/esm/style/utils/get-hex-value.d.ts +6 -0
- package/esm/style/utils/get-hex-value.js +1 -0
- package/lib/__internal__/character-count/character-count.style.d.ts +3 -1
- package/lib/__internal__/character-count/character-count.style.js +1 -1
- package/lib/__internal__/fieldset/fieldset.style.d.ts +3 -1
- package/lib/__internal__/fieldset/fieldset.style.js +1 -1
- package/lib/__internal__/form-field/form-field.style.d.ts +3 -1
- package/lib/__internal__/form-field/form-field.style.js +1 -1
- package/lib/__internal__/input/input-presentation.style.d.ts +1 -1
- package/lib/__internal__/popover/popover.style.d.ts +3 -1
- package/lib/__internal__/popover/popover.style.js +1 -1
- package/lib/__internal__/validations/validation-icon.style.d.ts +4 -2
- package/lib/__internal__/validations/validation-icon.style.js +1 -1
- package/lib/components/accordion/accordion.style.d.ts +9 -3
- package/lib/components/accordion/accordion.style.js +1 -1
- package/lib/components/action-popover/action-popover.style.d.ts +6 -2
- package/lib/components/action-popover/action-popover.style.js +1 -1
- package/lib/components/adaptive-sidebar/adaptive-sidebar.style.d.ts +1 -1
- package/lib/components/advanced-color-picker/advanced-color-picker-cell.style.d.ts +3 -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.d.ts +3 -1
- package/lib/components/advanced-color-picker/advanced-color-picker.style.js +1 -1
- package/lib/components/badge/badge.style.d.ts +3 -1
- package/lib/components/badge/badge.style.js +1 -1
- package/lib/components/box/box.style.d.ts +4 -2
- package/lib/components/box/box.style.js +1 -1
- package/lib/components/breadcrumbs/breadcrumbs.style.d.ts +3 -1
- package/lib/components/breadcrumbs/breadcrumbs.style.js +1 -1
- package/lib/components/button/button.component.js +1 -1
- package/lib/components/button/button.style.d.ts +4 -2
- package/lib/components/button/button.style.js +1 -1
- package/lib/components/button-bar/button-bar.style.d.ts +3 -1
- package/lib/components/button-bar/button-bar.style.js +1 -1
- package/lib/components/button-toggle/button-toggle-group/button-toggle-group.style.d.ts +5 -1
- package/lib/components/button-toggle/button-toggle-group/button-toggle-group.style.js +1 -1
- package/lib/components/button-toggle/button-toggle.style.d.ts +3 -1
- package/lib/components/button-toggle/button-toggle.style.js +1 -1
- package/lib/components/card/card-row/card-row.style.d.ts +3 -1
- package/lib/components/card/card-row/card-row.style.js +1 -1
- package/lib/components/card/card.style.d.ts +6 -2
- package/lib/components/card/card.style.js +1 -1
- package/lib/components/checkbox/checkbox.style.d.ts +3 -1
- package/lib/components/checkbox/checkbox.style.js +1 -1
- package/lib/components/content/content.style.d.ts +3 -1
- package/lib/components/content/content.style.js +1 -1
- package/lib/components/date/__internal__/date-picker/day-picker.style.d.ts +3 -1
- package/lib/components/date/__internal__/date-picker/day-picker.style.js +1 -1
- package/lib/components/date/__internal__/navbar/button.style.d.ts +3 -1
- package/lib/components/date/__internal__/navbar/button.style.js +1 -1
- package/lib/components/date/date.style.d.ts +3 -1
- package/lib/components/date/date.style.js +1 -1
- package/lib/components/date-range/date-range.style.d.ts +3 -1
- package/lib/components/date-range/date-range.style.js +1 -1
- package/lib/components/definition-list/definition-list.style.d.ts +6 -2
- package/lib/components/definition-list/definition-list.style.js +1 -1
- package/lib/components/detail/detail.style.d.ts +3 -1
- package/lib/components/detail/detail.style.js +1 -1
- package/lib/components/dialog/dialog.style.d.ts +6 -2
- package/lib/components/dialog/dialog.style.js +1 -1
- package/lib/components/dialog-full-screen/dialog-full-screen.style.d.ts +3 -1
- package/lib/components/dialog-full-screen/dialog-full-screen.style.js +1 -1
- package/lib/components/draggable/draggable-item/draggable-item.style.d.ts +6 -2
- package/lib/components/draggable/draggable-item/draggable-item.style.js +1 -1
- package/lib/components/drawer/drawer.style.d.ts +3 -1
- package/lib/components/drawer/drawer.style.js +1 -1
- package/lib/components/duelling-picklist/duelling-picklist.style.d.ts +3 -1
- package/lib/components/duelling-picklist/duelling-picklist.style.js +1 -1
- package/lib/components/duelling-picklist/picklist/picklist.style.d.ts +4 -2
- package/lib/components/fieldset/fieldset.style.d.ts +3 -1
- package/lib/components/fieldset/fieldset.style.js +1 -1
- package/lib/components/flat-table/flat-table-cell/flat-table-cell.style.d.ts +3 -1
- package/lib/components/flat-table/flat-table-cell/flat-table-cell.style.js +1 -1
- package/lib/components/flat-table/flat-table-head/flat-table-head.style.d.ts +3 -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.d.ts +3 -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.d.ts +3 -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.d.ts +3 -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.d.ts +7 -3
- package/lib/components/flat-table/flat-table.style.js +1 -1
- package/lib/components/flat-table/sort/sort.style.d.ts +3 -1
- package/lib/components/flat-table/sort/sort.style.js +1 -1
- package/lib/components/form/form.style.d.ts +6 -2
- package/lib/components/form/form.style.js +1 -1
- package/lib/components/heading/heading.component.js +1 -1
- package/lib/components/heading/heading.style.d.ts +3 -1
- package/lib/components/heading/heading.style.js +1 -1
- package/lib/components/help/help.style.d.ts +3 -1
- package/lib/components/help/help.style.js +1 -1
- package/lib/components/hr/hr.style.d.ts +4 -2
- package/lib/components/hr/hr.style.js +1 -1
- package/lib/components/icon/icon.style.d.ts +4 -2
- package/lib/components/icon/icon.style.js +1 -1
- package/lib/components/icon-button/icon-button.component.js +1 -1
- package/lib/components/icon-button/icon-button.style.d.ts +3 -1
- package/lib/components/icon-button/icon-button.style.js +1 -1
- package/lib/components/image/image.style.d.ts +6 -1
- package/lib/components/image/image.style.js +1 -1
- package/lib/components/inline-inputs/inline-inputs.style.d.ts +3 -1
- package/lib/components/inline-inputs/inline-inputs.style.js +1 -1
- package/lib/components/link/link.component.js +1 -1
- package/lib/components/link/link.style.d.ts +3 -1
- package/lib/components/link/link.style.js +1 -1
- package/lib/components/link-preview/link-preview.style.d.ts +3 -1
- package/lib/components/link-preview/link-preview.style.js +1 -1
- package/lib/components/loader/loader-square.style.d.ts +3 -1
- package/lib/components/loader/loader-square.style.js +1 -1
- package/lib/components/loader/loader.component.js +1 -1
- package/lib/components/loader/loader.style.d.ts +3 -1
- package/lib/components/loader/loader.style.js +1 -1
- package/lib/components/loader-bar/loader-bar.style.d.ts +3 -1
- package/lib/components/loader-bar/loader-bar.style.js +1 -1
- package/lib/components/menu/__internal__/submenu/submenu.style.d.ts +3 -1
- package/lib/components/menu/__internal__/submenu/submenu.style.js +1 -1
- package/lib/components/menu/menu-full-screen/menu-full-screen.style.d.ts +6 -2
- package/lib/components/menu/menu-full-screen/menu-full-screen.style.js +1 -1
- package/lib/components/menu/menu-item/menu-item.style.d.ts +3 -1
- package/lib/components/menu/menu-item/menu-item.style.js +1 -1
- package/lib/components/menu/menu.style.d.ts +3 -1
- package/lib/components/menu/menu.style.js +1 -1
- package/lib/components/message/message.style.d.ts +3 -1
- package/lib/components/message/message.style.js +1 -1
- package/lib/components/modal/modal.style.d.ts +4 -2
- package/lib/components/modal/modal.style.js +1 -1
- package/lib/components/multi-action-button/multi-action-button.style.d.ts +7 -3
- package/lib/components/multi-action-button/multi-action-button.style.js +1 -1
- package/lib/components/navigation-bar/navigation-bar.style.d.ts +4 -2
- package/lib/components/navigation-bar/navigation-bar.style.js +1 -1
- package/lib/components/note/note.style.d.ts +3 -1
- package/lib/components/note/note.style.js +1 -1
- package/lib/components/pages/page/page.style.d.ts +6 -2
- package/lib/components/pages/page/page.style.js +1 -1
- package/lib/components/pages/pages.component.d.ts +1 -1
- package/lib/components/pages/pages.style.d.ts +3 -1
- package/lib/components/pages/pages.style.js +1 -1
- package/lib/components/pill/pill.style.d.ts +4 -2
- package/lib/components/pill/pill.style.js +1 -1
- package/lib/components/pod/pod.style.d.ts +3 -1
- package/lib/components/pod/pod.style.js +1 -1
- package/lib/components/popover-container/popover-container.style.d.ts +3 -1
- package/lib/components/popover-container/popover-container.style.js +1 -1
- package/lib/components/portal/portal.js +1 -1
- package/lib/components/portrait/__internal__/get-colors.js +1 -0
- package/lib/components/portrait/portrait.style.d.ts +3 -1
- package/lib/components/portrait/portrait.style.js +1 -1
- package/lib/components/preview/preview.style.d.ts +3 -1
- package/lib/components/preview/preview.style.js +1 -1
- package/lib/components/profile/profile.style.d.ts +3 -1
- package/lib/components/profile/profile.style.js +1 -1
- package/lib/components/progress-tracker/progress-tracker.style.d.ts +6 -2
- package/lib/components/progress-tracker/progress-tracker.style.js +1 -1
- package/lib/components/radio-button/radio-button.style.d.ts +4 -2
- package/lib/components/radio-button/radio-button.style.js +1 -1
- package/lib/components/search/search-button.style.d.ts +3 -1
- package/lib/components/search/search-button.style.js +1 -1
- package/lib/components/search/search.style.d.ts +3 -1
- package/lib/components/search/search.style.js +1 -1
- package/lib/components/select/__internal__/select-list/select-list.style.d.ts +3 -1
- package/lib/components/select/__internal__/select-list/select-list.style.js +1 -1
- package/lib/components/select/multi-select/multi-select.component.js +1 -1
- package/lib/components/select/multi-select/multi-select.style.d.ts +10 -2
- package/lib/components/select/multi-select/multi-select.style.js +1 -1
- package/lib/components/select/select.style.d.ts +3 -2
- package/lib/components/select/select.style.js +1 -1
- package/lib/components/settings-row/settings-row.style.d.ts +3 -1
- package/lib/components/settings-row/settings-row.style.js +1 -1
- package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.d.ts +3 -1
- package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js +1 -1
- package/lib/components/sidebar/sidebar.style.d.ts +3 -1
- package/lib/components/sidebar/sidebar.style.js +1 -1
- package/lib/components/split-button/split-button-children.style.d.ts +4 -2
- package/lib/components/split-button/split-button-children.style.js +1 -1
- package/lib/components/split-button/split-button-toggle.style.d.ts +4 -2
- package/lib/components/split-button/split-button-toggle.style.js +1 -1
- package/lib/components/split-button/split-button.style.d.ts +3 -1
- package/lib/components/split-button/split-button.style.js +1 -1
- package/lib/components/step-sequence/step-sequence.style.d.ts +3 -1
- package/lib/components/step-sequence/step-sequence.style.js +1 -1
- package/lib/components/switch/switch.style.d.ts +4 -2
- package/lib/components/switch/switch.style.js +1 -1
- package/lib/components/tabs/__internal__/tab-title/tab-title.component.js +1 -1
- package/lib/components/tabs/__internal__/tabs-header/tabs-header.style.d.ts +3 -1
- package/lib/components/tabs/__internal__/tabs-header/tabs-header.style.js +1 -1
- package/lib/components/tabs/tab/tab.style.d.ts +5 -3
- package/lib/components/tabs/tab/tab.style.js +1 -1
- package/lib/components/tabs/tabs.style.d.ts +3 -1
- package/lib/components/tabs/tabs.style.js +1 -1
- package/lib/components/textarea/textarea.style.d.ts +3 -1
- package/lib/components/textarea/textarea.style.js +1 -1
- package/lib/components/tile/tile-content/tile-content.style.d.ts +3 -1
- package/lib/components/tile/tile-content/tile-content.style.js +1 -1
- package/lib/components/tile/tile-footer/tile-footer.style.d.ts +3 -1
- package/lib/components/tile/tile-footer/tile-footer.style.js +1 -1
- package/lib/components/tile/tile-header/tile-header.style.d.ts +3 -1
- package/lib/components/tile/tile-header/tile-header.style.js +1 -1
- package/lib/components/tile/tile.style.d.ts +4 -2
- package/lib/components/tile/tile.style.js +1 -1
- package/lib/components/tile-select/tile-select.style.d.ts +6 -2
- package/lib/components/tile-select/tile-select.style.js +1 -1
- package/lib/components/toast/toast.style.d.ts +3 -1
- package/lib/components/toast/toast.style.js +1 -1
- package/lib/components/tooltip/tooltip-pointer.style.d.ts +3 -1
- package/lib/components/tooltip/tooltip-pointer.style.js +1 -1
- package/lib/components/tooltip/tooltip.style.d.ts +3 -1
- package/lib/components/tooltip/tooltip.style.js +1 -1
- package/lib/components/typography/typography.style.d.ts +3 -1
- package/lib/components/typography/typography.style.js +1 -1
- package/lib/components/vertical-divider/vertical-divider.style.d.ts +6 -2
- package/lib/components/vertical-divider/vertical-divider.style.js +1 -1
- package/lib/components/vertical-menu/vertical-menu.style.d.ts +11 -5
- 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.d.ts +4 -2
- package/lib/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js +1 -1
- package/lib/style/design-tokens/generate-css-variables.util.d.ts +1 -1
- package/lib/style/themes/apply-base-theme.d.ts +14 -0
- package/lib/style/themes/apply-base-theme.js +1 -0
- package/lib/style/themes/base/base-theme.config.d.ts +1 -45
- package/lib/style/themes/base/index.d.ts +1 -2
- package/lib/style/themes/index.d.ts +3 -3
- package/lib/style/themes/index.js +1 -1
- package/lib/style/themes/none/index.d.ts +1 -1
- package/lib/style/themes/none/none-theme.config.d.ts +1 -1
- package/lib/style/themes/sage/index.d.ts +2 -2
- package/lib/style/themes/theme.types.d.ts +45 -0
- package/lib/style/utils/color.d.ts +1 -1
- package/lib/style/utils/get-accessible-foreground-color.d.ts +9 -0
- package/lib/style/utils/get-accessible-foreground-color.js +1 -0
- package/lib/style/utils/get-hex-value.d.ts +6 -0
- package/lib/style/utils/get-hex-value.js +1 -0
- package/package.json +1 -2
- package/esm/components/portrait/__internal__/utils.js +0 -1
- package/lib/components/portrait/__internal__/utils.js +0 -1
- /package/esm/components/portrait/__internal__/{utils.d.ts → get-colors.d.ts} +0 -0
- /package/lib/components/portrait/__internal__/{utils.d.ts → get-colors.d.ts} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components"),t=require("../../icon/icon.component.js"),o=require("../../../style/utils/add-focus-styling.js"),
|
|
1
|
+
"use strict";var e=require("styled-components"),t=require("../../icon/icon.component.js"),o=require("../../../style/utils/add-focus-styling.js"),r=require("../../../style/themes/apply-base-theme.js");function d(e){return e&&e.__esModule?e:{default:e}}var i=d(e);const s=i.default.div.attrs(r.default).withConfig({displayName:"sort.style__StyledSort",componentId:"sc-806736b5-0"})(["display:inline-flex;align-items:center;padding-left:2px;padding-right:2px;border-bottom:1px solid transparent;position:relative;:hover{border-bottom:1px solid;cursor:pointer;}:focus{"," border-radius:var(--borderRadius025);}"],o.default()),l=i.default.div.withConfig({displayName:"sort.style__StyledSpaceHolder",componentId:"sc-806736b5-1"})(["display:inline-block;width:22px;"]),n=i.default(t.default).withConfig({displayName:"sort.style__StyledSortIcon",componentId:"sc-806736b5-2"})(["padding-left:var(--spacing075);color:",";"],(({iconColor:e})=>`var(${e})`));exports.StyledSort=s,exports.StyledSortIcon=n,exports.StyledSpaceHolder=l;
|
|
@@ -10,11 +10,15 @@ interface StyledFormFooterProps {
|
|
|
10
10
|
fullWidthButtons?: boolean;
|
|
11
11
|
buttonAlignment?: FormButtonAlignment;
|
|
12
12
|
}
|
|
13
|
-
export declare const StyledFormFooter: import("styled-components").StyledComponent<"div", any,
|
|
13
|
+
export declare const StyledFormFooter: import("styled-components").StyledComponent<"div", any, {
|
|
14
|
+
theme: object;
|
|
15
|
+
} & StyledFormFooterProps, "theme">;
|
|
14
16
|
interface StyledFormProps extends StyledFormContentProps {
|
|
15
17
|
height?: string;
|
|
16
18
|
}
|
|
17
|
-
export declare const StyledForm: import("styled-components").StyledComponent<"form", any,
|
|
19
|
+
export declare const StyledForm: import("styled-components").StyledComponent<"form", any, {
|
|
20
|
+
theme: object;
|
|
21
|
+
} & StyledFormProps, "theme">;
|
|
18
22
|
export declare const StyledRightButtons: import("styled-components").StyledComponent<"div", any, {
|
|
19
23
|
buttonAlignment?: "left" | "right" | undefined;
|
|
20
24
|
}, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var t=require("styled-components"),e=require("styled-system"),i=require("../../__internal__/form-field/form-field.style.js"),s=require("../../style/themes/apply-base-theme.js"),l=require("../inline-inputs/inline-inputs.style.js"),o=require("../select/select.style.js"),n=require("../select/multi-select/multi-select.style.js"),r=require("../switch/switch.style.js");function d(t){return t&&t.__esModule?t:{default:t}}var a=d(t);const f=a.default.div.withConfig({displayName:"form.style__StyledFormContent",componentId:"sc-862d20b4-0"})((({stickyFooter:e,isInModal:i})=>e&&i&&t.css(["flex-grow:1;min-height:0;overflow-y:auto;"])),(({fieldSpacing:e})=>e&&t.css(["--fieldSpacing:",";","{margin-top:var(--spacing000);}"," ",","," ",","," ",","," ","{margin-bottom:var(--spacing000);}"],e,i.default,l.default,i.default,l.default,o.default,l.default,n.StyledSelectMultiSelect,r.default,i.default))),c=a.default.div.attrs(s.default).withConfig({displayName:"form.style__StyledFormFooter",componentId:"sc-862d20b4-1"})(["align-items:center;display:flex;flex-wrap:wrap;gap:var(--sizing200);"," "," ",""],(({buttonAlignment:e})=>"right"===e&&t.css(["justify-content:flex-end;"])),(({stickyFooter:e,fullWidthButtons:i})=>t.css([""," "," ",""],!e&&t.css(["margin-top:48px;"]),e&&t.css(["background-color:var(--colorsUtilityYang100);box-shadow:0 -4px 12px 0 rgba(0,0,0,0.05);box-sizing:border-box;padding:16px 32px;width:100%;z-index:1000;position:sticky;bottom:0;"]),i&&t.css(["flex-direction:column;align-items:stretch;"]))),e.padding),u=a.default.form.attrs(s.default).withConfig({displayName:"form.style__StyledForm",componentId:"sc-862d20b4-2"})([""," "," ",""],e.space,(({height:e})=>e&&t.css(["height:",";"],e)),(({stickyFooter:e,isInModal:i})=>e&&t.css(["display:flex;flex-direction:column;position:relative;",""],i&&t.css(["flex-grow:1;min-height:0;height:100%;"])))),p=a.default.div.withConfig({displayName:"form.style__StyledRightButtons",componentId:"sc-862d20b4-3"})(["display:flex;gap:var(--sizing200);",""],(({buttonAlignment:t})=>"left"===t&&"flex-grow: 1;")),m=a.default.div.withConfig({displayName:"form.style__StyledLeftButtons",componentId:"sc-862d20b4-4"})(["display:flex;justify-content:flex-end;gap:var(--sizing200);",""],(({buttonAlignment:t})=>"right"===t&&"flex-grow: 1;"));exports.StyledForm=u,exports.StyledFormContent=f,exports.StyledFormFooter=c,exports.StyledLeftButtons=m,exports.StyledRightButtons=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react"),require("../../style/utils/filter-styled-system-padding-props.js");var t=require("../../style/utils/filter-styled-system-margin-props.js"),r=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("./heading.style.js"),i=require("../../hooks/__internal__/useLocale/useLocale.js");function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){a(e,t,r[t])}))}return e}function s(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const d=a=>{var{children:d,backLink:o,divider:c=!0,help:u,helpAriaLabel:p,helpLink:b,pills:y,separator:h=!1,subheader:f,subtitleId:g,headingType:j="h1",title:O,titleId:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react"),require("../../style/utils/filter-styled-system-padding-props.js");var t=require("../../style/utils/filter-styled-system-margin-props.js"),r=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("./heading.style.js"),i=require("../../hooks/__internal__/useLocale/useLocale.js");function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){a(e,t,r[t])}))}return e}function s(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const d=a=>{var{children:d,backLink:o,divider:c=!0,help:u,helpAriaLabel:p,helpLink:b,pills:y,separator:h=!1,subheader:f,subtitleId:g,headingType:j="h1",title:O,titleId:v}=a,S=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(a,["children","backLink","divider","help","helpAriaLabel","helpLink","pills","separator","subheader","subtitleId","headingType","title","titleId"]);const k=i.default(),m=t.default(S);return O?e.jsxs(n.StyledHeading,s(l({},r.default("heading",S),m),{children:[e.jsxs(n.StyledHeader,{"data-element":"header-container",divider:c,subheader:!!f,hasBackLink:!!o,children:[o&&(()=>{const t="string"==typeof o?{href:o}:{onClick:o};return e.jsx(n.StyledHeadingBackButton,s(l({"aria-label":k.heading.backLinkAriaLabel(),"data-element":"back","data-role":"heading-back-button",onMouseDown:e=>e.currentTarget.focus({preventScroll:!0})},t),{children:e.jsx(n.StyledHeadingIcon,{type:"chevron_left"})}))})(),e.jsxs(n.StyledHeaderContent,{children:[e.jsx(n.StyledHeadingTitle,{withMargin:!!y||!!u,variant:j,"data-element":"title",id:v,children:O}),(u||b)&&e.jsx(n.StyledHeaderHelp,{"data-element":"help",tooltipPosition:"right",href:b,ariaLabel:p,children:u}),y&&e.jsx(n.StyledHeadingPills,{"data-element":"pills","data-role":"heading-pills-container",children:y})]}),h&&e.jsx(n.StyledSeparator,{"data-role":"heading-separator"}),f&&e.jsx(n.StyledSubHeader,{"data-element":"subtitle","data-role":"subtitle",id:g,hasBackLink:!!o,hasSeparator:h,children:f})]}),c&&e.jsx(n.StyledDivider,{"data-element":"divider","data-role":"heading-divider"}),d]})):null};exports.Heading=d,exports.default=d;
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
declare const StyledHeading: import("styled-components").StyledComponent<"div", any, {
|
|
2
|
+
declare const StyledHeading: import("styled-components").StyledComponent<"div", any, {
|
|
3
|
+
theme: object;
|
|
4
|
+
}, "theme">;
|
|
3
5
|
declare const StyledHeaderContent: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
4
6
|
type StyledHeaderProps = {
|
|
5
7
|
divider?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../icon/icon.component.js"),
|
|
1
|
+
"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../icon/icon.component.js"),n=require("../icon/icon.style.js"),d=require("../../style/themes/apply-base-theme.js"),a=require("../help/help.component.js"),o=require("../typography/typography.component.js");require("react/jsx-runtime"),require("react");var r=require("../hr/hr.component.js"),l=require("../link/link.component.js"),s=require("../../style/utils/add-focus-styling.js");function p(e){return e&&e.__esModule?e:{default:e}}var c=p(e);const g=c.default.div.attrs(d.default).withConfig({displayName:"heading.style__StyledHeading",componentId:"sc-c7b238d0-0"})(["width:100%;",""],t.margin),y=c.default.div.withConfig({displayName:"heading.style__StyledHeaderContent",componentId:"sc-c7b238d0-1"})(["display:inline-flex;align-items:flex-end;"]),m=c.default.div.withConfig({displayName:"heading.style__StyledHeader",componentId:"sc-c7b238d0-2"})(["",""],(({divider:t,subheader:i,hasBackLink:n})=>e.css([""," "," "," ",""],i&&e.css(["margin-bottom:16px;"]),t&&e.css(["margin-bottom:15px;"]),t&&!i&&e.css(["margin-bottom:20px;"]),n&&e.css(["display:grid;grid-template-columns:min-content auto;"])))),h=c.default(l.Link).withConfig({displayName:"heading.style__StyledHeadingBackButton",componentId:"sc-c7b238d0-3"})(["margin-right:5px;margin-top:2px;box-shadow:none;a,button{margin:0 1px 0 0;text-decoration:none;display:block;&:focus{background-color:transparent;","}&:hover{","{color:var(--colorsActionMinor600);}}","{margin-right:0;display:inline-flex;color:var(--colorsActionMinor500);}}"],s.default(),n.default,n.default),u=c.default(o.Typography).withConfig({displayName:"heading.style__StyledHeadingTitle",componentId:"sc-c7b238d0-4"})(["",""],(({withMargin:t})=>t?e.css(["margin-right:16px;"]):null)),f=c.default.span.withConfig({displayName:"heading.style__StyledHeadingPills",componentId:"sc-c7b238d0-5"})(["line-height:32px;display:inline-block;vertical-align:top;"]),x=c.default.div.withConfig({displayName:"heading.style__StyledSubHeader",componentId:"sc-c7b238d0-6"})(["margin-top:5px;grid-row:2;"," ",""],(({hasBackLink:t})=>t&&e.css(["grid-column:2;"])),(({hasSeparator:t})=>t&&e.css(["grid-row:3;margin-top:0px;"]))),b=c.default(i.default).withConfig({displayName:"heading.style__StyledHeadingIcon",componentId:"sc-c7b238d0-7"})(["height:30px;&:before,&",":before{font-size:24px;}"],n.default),S=c.default.hr.withConfig({displayName:"heading.style__StyledSeparator",componentId:"sc-c7b238d0-8"})(["border-top:2px;border-style:solid;border-color:var(--colorsUtilityMajor100);margin:10px 0 8px;text-align:left;width:50px;"]),_=c.default(r.Hr).withConfig({displayName:"heading.style__StyledDivider",componentId:"sc-c7b238d0-9"})(["margin:15px 0 20px;"]),H=c.default(a.Help).withConfig({displayName:"heading.style__StyledHeaderHelp",componentId:"sc-c7b238d0-10"})(["display:inline-block;margin-left:-6px;margin-right:16px;position:relative;top:-4px;height:22px;"]);exports.StyledDivider=_,exports.StyledHeader=m,exports.StyledHeaderContent=y,exports.StyledHeaderHelp=H,exports.StyledHeading=g,exports.StyledHeadingBackButton=h,exports.StyledHeadingIcon=b,exports.StyledHeadingPills=f,exports.StyledHeadingTitle=u,exports.StyledSeparator=S,exports.StyledSubHeader=x;
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
interface StyledHelpProps {
|
|
2
2
|
href?: string;
|
|
3
3
|
}
|
|
4
|
-
declare const StyledHelp: import("styled-components").StyledComponent<"div", any,
|
|
4
|
+
declare const StyledHelp: import("styled-components").StyledComponent<"div", any, {
|
|
5
|
+
theme: object;
|
|
6
|
+
} & StyledHelpProps, "theme">;
|
|
5
7
|
export default StyledHelp;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),o=require("../../style/themes/base
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),o=require("../../style/themes/apply-base-theme.js"),r=require("../icon/icon.style.js"),i=require("../../style/utils/add-focus-styling.js");function l(e){return e&&e.__esModule?e:{default:e}}const s=l(e).default.div.attrs(o.default).withConfig({displayName:"help.style__StyledHelp",componentId:"sc-5ab004c8-0"})(["background:none;cursor:default;border:none;outline:none;display:inline-block;vertical-align:middle;font-size:14px;position:relative;margin-bottom:0;margin-top:0;text-decoration:none;","{color:var(--colorsUtilityYin065);}"," &:focus ",",&:hover ","{color:var(--colorsUtilityYin090);text-decoration:none;}&:focus ","{border-radius:var(--borderRadius050);","}",""],r.default,(({href:t})=>t&&e.css(["cursor:pointer;"])),r.default,r.default,r.default,i.default(),t.margin);exports.default=s;
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { MarginProps } from "styled-system";
|
|
2
|
-
declare const StyledHr: import("styled-components").StyledComponent<"hr", any,
|
|
2
|
+
declare const StyledHr: import("styled-components").StyledComponent<"hr", any, {
|
|
3
|
+
theme: object;
|
|
4
|
+
} & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
|
|
3
5
|
height: "small" | "medium" | "large";
|
|
4
|
-
},
|
|
6
|
+
}, "theme">;
|
|
5
7
|
export default StyledHr;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),r=require("../../style/themes/base
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),r=require("../../style/themes/apply-base-theme.js");function s(e){return e&&e.__esModule?e:{default:e}}const l={small:1,medium:2,large:3},a=s(e).default.hr.attrs(r.default).withConfig({displayName:"hr.style__StyledHr",componentId:"sc-f5e16ec5-0"})([""," width:100%;border:0;height:","px;background:var(--colorsUtilityMajor100);"],t.margin,(({height:e})=>l[e]));exports.default=a;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ThemeObject } from "../../style/themes/
|
|
1
|
+
import { ThemeObject } from "../../style/themes/theme.types";
|
|
2
2
|
import { IconType } from "./icon-type";
|
|
3
3
|
export type BackgroundShape = "circle" | "rounded-rect" | "square";
|
|
4
4
|
export type BgSize = "small" | "medium" | "large" | "extra-large";
|
|
@@ -34,5 +34,7 @@ export interface StyledIconInternalProps {
|
|
|
34
34
|
hasTooltip?: boolean;
|
|
35
35
|
theme?: ThemeObject;
|
|
36
36
|
}
|
|
37
|
-
declare const StyledIcon: import("styled-components").StyledComponent<"span", any,
|
|
37
|
+
declare const StyledIcon: import("styled-components").StyledComponent<"span", any, {
|
|
38
|
+
theme: object;
|
|
39
|
+
} & StyledIconProps & StyledIconInternalProps, "theme">;
|
|
38
40
|
export default StyledIcon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),o=require("../../style/themes/apply-base-theme.js"),i=require("../../style/utils/add-focus-styling.js"),s=require("../../style/utils/color.js"),n=require("../../__internal__/dom/globals.js"),r=require("../../__internal__/utils/helpers/browser-type-check/index.js"),a=require("./icon-config.js"),l=require("./icon-unicodes.js");function c(e){return e&&e.__esModule?e:{default:e}}const d=c(e).default.span.attrs(o.default).withConfig({displayName:"icon.style__StyledIcon",componentId:"sc-3fcc72a5-0"})(["",""],(({theme:o,color:c,bg:d,isInteractive:u,bgSize:f,bgShape:g,type:m,fontSize:h,disabled:b,hasTooltip:p})=>{let y="var(--colorsYin090)",S="transparent";const _=n.getWindow(),v=n.getNavigator(),z=function(e,t){const o={small:1,medium:2,large:3,"extra-large":4};return e&&t?o[t]<o[e]?(console.warn(`[WARNING - Icon] The "${t}" \`bgSize\` is smaller than "${e}" \`fontSize\`, the \`bgSize\` has been auto adjusted to a larger size.`),a.default.backgroundSize[e]):a.default.backgroundSize[t]:t?a.default.backgroundSize[t]:void 0}(h,f);if(b)y="var(--colorsYin030)";else if(c){const{color:e}=s.default({color:c,theme:o});y=e}if(d){const{backgroundColor:e}=s.default({bg:d,theme:o});S=e}return e.css(["position:relative;color:",";background-color:",";vertical-align:middle;align-items:center;display:inline-flex;justify-content:center;height:",";width:",";",";",' &::before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:CarbonIcons;content:"','";font-style:normal;font-weight:normal;vertical-align:middle;'," "," "," display:block;}"," ",""],y,S,z,z,g?`border-radius: ${a.default.backgroundShape[g]}`:"",u&&e.css(["&:not(:focus):hover{filter:brightness(0.9);}"]),l.default[m],h&&e.css(["font-size:",";line-height:",";"],a.default.iconSize[h],a.default.iconSize[h]),_&&"services"===m&&r.default(_)&&e.css(["margin-top:",";"],"small"===h?"-7px":"-8px"),v&&_&&"services"===m&&r.isSafari(v)&&!r.default(_)&&e.css(["margin-top:-6px;"]),p&&`\n :focus {\n ${i.default()}\n }\n `,t.margin)}));exports.default=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("../../__internal__/utils/helpers/events/events.js"),o=require("./icon-button.style.js"),l=require("../../__internal__/tooltip-provider/index.js"),i=require("../batch-selection/__internal__/batch-selection.context.js");function c(e){return e&&e.__esModule?e:{default:e}}function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){u(e,t,r[t])}))}return e}function s(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const b=c(t).default.forwardRef(((c,u)=>{var b,{"aria-label":f,onClick:p,children:d,disabled:y=!1}=c,O=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(c,["aria-label","onClick","children","disabled"]);const{batchSelectionDisabled:j}=t.useContext(i.default),v=y||j,[_,g]=t.useState(),h=f||(null==_||null===(b=_.querySelector("[data-component='icon']"))||void 0===b?void 0:b.getAttribute("type"))||"",P=t.useCallback((e=>{g(e),u&&("object"==typeof u&&(u.current=e),"function"==typeof u&&u(e))}),[u]);var m;return e.jsx(o.default,s(a(s(a({p:0},O),{"aria-label":h,onKeyDown:e=>{(n.default.isEnterKey(e)||n.default.isSpaceKey(e))&&(e.preventDefault(),null==p||p(e))},onClick:e=>{null==_||_.focus(),null==p||p(e)},ref:P,disabled:v}),r.default(null!==(m=O["data-component"])&&void 0!==m?m:"icon-button",O)),{children:e.jsx(l.TooltipProvider,{disabled:v,focusable:!1,target:_,children:d})}))}));b.displayName="IconButton",exports.default=b;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("../../__internal__/utils/helpers/events/events.js"),o=require("./icon-button.style.js"),l=require("../../__internal__/tooltip-provider/index.js"),i=require("../batch-selection/__internal__/batch-selection.context.js");function c(e){return e&&e.__esModule?e:{default:e}}function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){u(e,t,r[t])}))}return e}function s(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const b=c(t).default.forwardRef(((c,u)=>{var b,{"aria-label":f,onClick:p,children:d,disabled:y=!1}=c,O=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(c,["aria-label","onClick","children","disabled"]);const{batchSelectionDisabled:j}=t.useContext(i.default),v=y||j,[_,g]=t.useState(),h=f||(null==_||null===(b=_.querySelector("[data-component='icon']"))||void 0===b?void 0:b.getAttribute("type"))||"",P=t.useCallback((e=>{g(e),u&&("object"==typeof u&&(u.current=e),"function"==typeof u&&u(e))}),[u]);var m;return e.jsx(o.default,s(a(s(a({p:0},O),{"aria-label":h,onKeyDown:e=>{(n.default.isEnterKey(e)||n.default.isSpaceKey(e))&&(e.preventDefault(),null==p||p(e))},onClick:e=>{null==_||_.focus({preventScroll:!0}),null==p||p(e)},ref:P,disabled:v}),r.default(null!==(m=O["data-component"])&&void 0!==m?m:"icon-button",O)),{children:e.jsx(l.TooltipProvider,{disabled:v,focusable:!1,target:_,children:d})}))}));b.displayName="IconButton",exports.default=b;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),o=require("../icon/icon.style.js"),r=require("../../style/themes/apply-base-theme.js"),s=require("../../style/utils/add-focus-styling.js");function n(e){return e&&e.__esModule?e:{default:e}}const u=n(e).default.button.attrs(r.default).attrs({type:"button"}).withConfig({displayName:"icon-button.style__StyledIconButton",componentId:"sc-efc15704-0"})(["",""],(({disabled:r})=>e.css(["&&{","}background:transparent;border:none;border-radius:var(--borderRadius050);&:focus{","}&:hover{cursor:",";}&::-moz-focus-inner{border:none;}","{",";position:relative;&:focus{border:none;}}"],t.space,s.default(),r?"not-allowed":"pointer",o.default,r&&e.css(["color:var(--colorsActionMinorYin030);background-color:transparent;"]))));exports.default=u;
|
|
@@ -25,6 +25,8 @@ export interface StyledImageProps extends BackgroundProps, LayoutProps, MarginPr
|
|
|
25
25
|
left?: string;
|
|
26
26
|
}
|
|
27
27
|
declare const StyledImage: import("styled-components").StyledComponent<"div", any, {
|
|
28
|
+
theme: object;
|
|
29
|
+
} & {
|
|
28
30
|
children: import("react").ReactNode;
|
|
29
31
|
src: string | undefined;
|
|
30
32
|
hidden: boolean;
|
|
@@ -34,5 +36,8 @@ declare const StyledImage: import("styled-components").StyledComponent<"div", an
|
|
|
34
36
|
bottom: string | undefined;
|
|
35
37
|
left: string | undefined;
|
|
36
38
|
as?: string | undefined;
|
|
37
|
-
|
|
39
|
+
backgroundPosition: import("styled-system").ResponsiveValue<import("csstype").Property.BackgroundPosition<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
|
|
40
|
+
backgroundRepeat: import("styled-system").ResponsiveValue<import("csstype").Property.BackgroundRepeat, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
|
|
41
|
+
backgroundSize: import("styled-system").ResponsiveValue<import("csstype").Property.BackgroundSize<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
|
|
42
|
+
} & StyledImageProps, "theme" | "hidden" | "children" | "src" | "as" | "position" | "bottom" | "left" | "right" | "top" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat">;
|
|
38
43
|
export { StyledImage };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components"),t=require("styled-system")
|
|
1
|
+
"use strict";var e=require("styled-components"),t=require("styled-system"),r=require("../../style/themes/apply-base-theme.js");function o(e){return e&&e.__esModule?e:{default:e}}function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const i=o(e).default.div.attrs(r.default).attrs((({backgroundPosition:e="center",backgroundRepeat:t="no-repeat",backgroundSize:r="cover",src:o,children:i,hidden:c=!1,position:s,top:a,right:p,bottom:u,left:b})=>{return l=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){n(e,t,r[t])}))}return e}({backgroundPosition:e,backgroundRepeat:t,backgroundSize:r},o&&{as:"img"}),d=null!=(d={children:o?void 0:i,src:o,hidden:c,position:s,top:a,right:p,bottom:u,left:b})?d:{},Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(d)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(d)).forEach((function(e){Object.defineProperty(l,e,Object.getOwnPropertyDescriptor(d,e))})),l;var l,d})).withConfig({displayName:"image.style__StyledImage",componentId:"sc-ef5b153d-0"})([""," "," "," "," ",""],t.margin,t.layout,t.padding,(({position:t,top:r,right:o,bottom:n,left:i})=>e.css(["position:",";top:",";right:",";bottom:",";left:",";"],t,r,o,n,i)),(({as:r})=>"img"!==r&&e.css(["",""],t.background)));exports.StyledImage=i;
|
|
@@ -16,6 +16,8 @@ export interface StyledInlineInputsProps extends StyledInlineInputProps {
|
|
|
16
16
|
}
|
|
17
17
|
declare const StyledInlineInput: import("styled-components").StyledComponent<"div", any, InlineInputsProps, never>;
|
|
18
18
|
declare const StyledContentContainer: import("styled-components").StyledComponent<"div", any, InlineInputsProps, never>;
|
|
19
|
-
declare const StyledInlineInputs: import("styled-components").StyledComponent<"div", any,
|
|
19
|
+
declare const StyledInlineInputs: import("styled-components").StyledComponent<"div", any, {
|
|
20
|
+
theme: object;
|
|
21
|
+
} & InlineInputsProps, "theme">;
|
|
20
22
|
export { StyledContentContainer, StyledInlineInput };
|
|
21
23
|
export default StyledInlineInputs;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),r=require("../../__internal__/input/input-presentation.style.js"),i=require("../../__internal__/label/label.style.js"),a=require("../../style/themes/base
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),r=require("../../__internal__/input/input-presentation.style.js"),i=require("../../__internal__/label/label.style.js"),a=require("../../style/themes/apply-base-theme.js");function o(e){return e&&e.__esModule?e:{default:e}}var d=o(e);const n={none:0,"extra-small":8,small:16,"medium-small":20,medium:24,"medium-large":28,large:32,"extra-large":40},l=d.default.div.withConfig({displayName:"inline-inputs.style__StyledInlineInput",componentId:"sc-9639cce8-0"})(["flex:1;",""],(({gutter:t})=>t&&e.css(["margin-bottom:0;padding-left:","px;"],n[t]))),s=d.default.div.withConfig({displayName:"inline-inputs.style__StyledContentContainer",componentId:"sc-9639cce8-1"})(["display:flex;flex:",";",""],(({inputWidth:e})=>e?`0 0 ${e}%`:1),(({gutter:t})=>t&&e.css(["margin-bottom:0;margin-left:-","px;",""],n[t],"none"===t&&e.css([""," + "," ","{border-left:none;}",":not(:first-of-type):not(:last-of-type) ","{border-radius:var(--borderRadius000);}",":first-of-type:not(:last-of-type) ","{border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius050);border-bottom-left-radius:var(--borderRadius050);}",":last-of-type:not(:first-of-type) ","{border-top-left-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);border-top-right-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);}"],l,l,r.default,l,r.default,l,r.default,l,r.default)))),u=d.default.div.attrs(a.default).withConfig({displayName:"inline-inputs.style__StyledInlineInputs",componentId:"sc-9639cce8-2"})(["margin-bottom:var(--fieldSpacing);"," display:",";align-items:center;","{width:auto;margin-bottom:",";padding-right:16px;flex:0 0 ",';}input{width:1px;}[data-component="carbon-select"] input{width:30px;}'],t.margin,(({labelInline:e})=>e?"flex":"block"),i.StyledLabelContainer,(({labelInline:e})=>e?"0px":"8px"),(({labelWidth:e})=>e?`${e}%`:"auto"));exports.StyledContentContainer=s,exports.StyledInlineInput=l,exports.default=u;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../icon/icon.component.js"),r=require("../menu/__internal__/menu.context.js"),o=require("./link.style.js"),i=require("../../__internal__/utils/helpers/tags/tags.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),l=require("../batch-selection/__internal__/batch-selection.context.js");function s(e){return e&&e.__esModule?e:{default:e}}var c=s(t);function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(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){u(e,t,n[t])}))}return e}function b(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const p=c.default.forwardRef(((s,u)=>{var{children:p,onKeyDown:d,href:y,onClick:O,onMouseDown:j,icon:k,iconAlign:g="left",isSkipLink:h,disabled:m,ariaLabel:_,rel:v,tooltipMessage:w,tooltipPosition:P,target:L,variant:x="default",isDarkBackground:D,removeAriaLabelOnIcon:S,className:M}=s,q=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(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)&&(o[n]=e[n])}return o}(s,["children","onKeyDown","href","onClick","onMouseDown","icon","iconAlign","isSkipLink","disabled","ariaLabel","rel","tooltipMessage","tooltipPosition","target","variant","isDarkBackground","removeAriaLabelOnIcon","className"]);const[C,A]=t.useState(!1),B=a.default(),{inMenu:E}=t.useContext(r.default),{batchSelectionDisabled:I}=t.useContext(l.default),N=m||I,F=c.default.useCallback((e=>{u&&("object"==typeof u&&(u.current=e),"function"==typeof u&&u(e))}),[u]),K=(t="left")=>k&&g===t?e.jsx(n.default,{type:k,disabled:N,ariaLabel:S?void 0:_,tooltipMessage:w,tooltipPosition:P}):null,R=t.useMemo((()=>{const e=q;return Object.keys(e).filter((e=>e.startsWith("aria"))).reduce(((t,n)=>(t[n]=e[n],t)),{})}),[q]),W=b(f({onKeyDown:d,onMouseDown:j,onClick:O,disabled:N,target:L,ref:F,href:y,rel:v,"aria-label":_},R),{onFocus:()=>A(!0),onBlur:()=>A(!1)}),z={type:"button"};return t.useEffect((()=>{(m||!y&&!O)&&A(!1)}),[m,y,O]),e.jsx(o.StyledLink,b(f({isSkipLink:h,disabled:N,iconAlign:g,className:M,hasContent:Boolean(p),variant:x,isDarkBackground:D,isMenuItem:E},i.default("link",q),h&&{"data-element":"skip-link"}),{hasFocus:C,children:(()=>{let t="a";return O&&!y&&(t="button"),c.default.createElement(t,"button"===t?f({},W,z):b(f({},W),{"data-role":"link-anchor"}),e.jsxs(e.Fragment,{children:[K(),e.jsx(o.StyledContent,{children:h?B.link.skipLinkLabel():p}),K("right")]}))})()}))}));p.displayName="Link",exports.Link=p,exports.default=p;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../icon/icon.component.js"),r=require("../menu/__internal__/menu.context.js"),o=require("./link.style.js"),i=require("../../__internal__/utils/helpers/tags/tags.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),l=require("../batch-selection/__internal__/batch-selection.context.js");function s(e){return e&&e.__esModule?e:{default:e}}var c=s(t);function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(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){u(e,t,n[t])}))}return e}function b(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const p=c.default.forwardRef(((s,u)=>{var{children:p,onKeyDown:d,href:y,onClick:O,onMouseDown:j,icon:k,iconAlign:g="left",isSkipLink:h,disabled:m=!1,ariaLabel:_,rel:v,tooltipMessage:w,tooltipPosition:P,target:L,variant:x="default",isDarkBackground:D,removeAriaLabelOnIcon:S,className:M}=s,q=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(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)&&(o[n]=e[n])}return o}(s,["children","onKeyDown","href","onClick","onMouseDown","icon","iconAlign","isSkipLink","disabled","ariaLabel","rel","tooltipMessage","tooltipPosition","target","variant","isDarkBackground","removeAriaLabelOnIcon","className"]);const[C,A]=t.useState(!1),B=a.default(),{inMenu:E}=t.useContext(r.default),{batchSelectionDisabled:I}=t.useContext(l.default),N=m||I,F=c.default.useCallback((e=>{u&&("object"==typeof u&&(u.current=e),"function"==typeof u&&u(e))}),[u]),K=(t="left")=>k&&g===t?e.jsx(n.default,{type:k,disabled:N,ariaLabel:S?void 0:_,tooltipMessage:w,tooltipPosition:P}):null,R=t.useMemo((()=>{const e=q;return Object.keys(e).filter((e=>e.startsWith("aria"))).reduce(((t,n)=>(t[n]=e[n],t)),{})}),[q]),W=b(f({onKeyDown:d,onMouseDown:j,onClick:O,disabled:N,target:L,ref:F,href:y,rel:v,"aria-label":_},R),{onFocus:()=>A(!0),onBlur:()=>A(!1)}),z={type:"button"};return t.useEffect((()=>{(m||!y&&!O)&&A(!1)}),[m,y,O]),e.jsx(o.StyledLink,b(f({isSkipLink:h,disabled:N,iconAlign:g,className:M,hasContent:Boolean(p),variant:x,isDarkBackground:D,isMenuItem:E},i.default("link",q),h&&{"data-element":"skip-link"}),{hasFocus:C,children:(()=>{let t="a";return O&&!y&&(t="button"),c.default.createElement(t,"button"===t?f({},W,z):b(f({},W),{"data-role":"link-anchor"}),e.jsxs(e.Fragment,{children:[K(),e.jsx(o.StyledContent,{children:h?B.link.skipLinkLabel():p}),K("right")]}))})()}))}));p.displayName="Link",exports.Link=p,exports.default=p;
|
|
@@ -16,6 +16,8 @@ interface PrivateStyledLinkProps {
|
|
|
16
16
|
hasContent: boolean;
|
|
17
17
|
isMenuItem?: boolean;
|
|
18
18
|
}
|
|
19
|
-
declare const StyledLink: import("styled-components").StyledComponent<"span", any,
|
|
19
|
+
declare const StyledLink: import("styled-components").StyledComponent<"span", any, {
|
|
20
|
+
theme: object;
|
|
21
|
+
} & StyledLinkProps & PrivateStyledLinkProps, "theme">;
|
|
20
22
|
declare const StyledContent: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
21
23
|
export { StyledLink, StyledContent };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var o=require("styled-components"),r=require("../../style/themes/base
|
|
1
|
+
"use strict";var o=require("styled-components"),r=require("../../style/themes/apply-base-theme.js"),t=require("../icon/icon.style.js"),e=require("../button/button.style.js");function i(o){return o&&o.__esModule?o:{default:o}}var a=i(o);const n={light:o=>{let r="var(--colorsActionMajor500)",t="var(--colorsActionMajor600)";return"negative"===o?(r="var(--colorsSemanticNegative500)",t="var(--colorsSemanticNegative600)"):"neutral"===o&&(r="var(--colorsActionMajorYin090)"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYin030)"}},dark:o=>{let r="var(--colorsActionMajor350)",t="var(--colorsActionMajor450)";return"negative"===o?(r="var(--colorsSemanticNegative350)",t="var(--colorsSemanticNegative450)"):"neutral"===o&&(r="var(--colorsActionMinor100)"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYang030)"}}},s=a.default.span.attrs(r.default).withConfig({displayName:"link.style__StyledLink",componentId:"sc-1191d213-0"})(["",""],(({isSkipLink:r,theme:i,iconAlign:a,hasContent:s,disabled:l,variant:c,isDarkBackground:d,isMenuItem:u,hasFocus:v})=>{const b=d?"dark":"light",{color:g,hoverColor:p,disabledColor:f}=n[b](c);return o.css([""," "," "," > a,> button{text-decoration:",";"," > ","{display:",";position:relative;vertical-align:middle;"," ","}&:focus{color:var(--colorsActionMajorYin090);outline:none;","{color:var(--colorsActionMajorYin090);}}","}"," > button,",":not(.search-button){background-color:transparent;border:none;padding:0;}"],r&&o.css(["a{position:absolute;padding-left:var(--spacing300);padding-right:var(--spacing300);line-height:var(--sizing600);left:-999em;z-index:",";border:3px solid var(--colorsUtilityYin100);box-shadow:var(--boxShadow300);border-radius:var(--spacing000) var(--spacing100) var(--spacing100) var(--spacing000);font-size:var(--fontSizes100);color:var(--colorsUtilityYin090);&:hover{cursor:pointer;color:var(--colorsUtilityYin090);","{color:var(--colorsActionMajor600);}}&:focus{background-color:var(--colorsSemanticFocus500);text-decoration:underline var(--colorsUtilityYin100);text-decoration-thickness:4px;text-underline-offset:3px;-webkit-text-decoration:underline var(--colorsUtilityYin100);-webkit-text-decoration-thickness:4px;-webkit-text-underline-offset:3px;}}a:focus{top:var(--spacing100);left:var(--spacing000);}"],i.zIndex.aboveAll,t.default),!r&&o.css(["> a,> button{font-size:var(--fontSizes100);"," ","}"],!l&&o.css(["color:",";","{color:",";}&:hover{color:",";> ","{color:",";}}&:focus{background-color:var(--colorsSemanticFocus250);border-radius:var(--borderRadius025);}"],g,t.default,g,p,t.default,p),l&&o.css(["color:",";&:hover,&:focus{color:",";}"],f,f)),!l&&o.css(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),s?"underline":"none",u&&"display: inline-block;",t.default,s?"inline-block":"inline","left"===a&&o.css(["margin-right:",";"],s?"var(--spacing050)":0),"right"===a&&o.css(["margin-right:0;margin-left:",";"],s?"var(--spacing100)":0),t.default,l&&o.css(["cursor:not-allowed;"]),!r&&!l&&v&&o.css(["> a,> button{outline:none;text-decoration:none;border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}max-width:fit-content;box-shadow:0 var(--spacing050) 0 0 var(--colorsUtilityYin090);border-bottom-left-radius:var(--borderRadius025);border-bottom-right-radius:var(--borderRadius025);"]),e.default)})),l=a.default.span.withConfig({displayName:"link.style__StyledContent",componentId:"sc-1191d213-1"})([""]);exports.StyledContent=l,exports.StyledLink=s;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
declare const StyledLinkPreview: import("styled-components").StyledComponent<"a", any, {
|
|
2
|
+
theme: object;
|
|
3
|
+
} & {
|
|
2
4
|
as?: "a" | "div" | undefined;
|
|
3
|
-
},
|
|
5
|
+
}, "theme">;
|
|
4
6
|
declare const StyledCloseIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
7
|
declare const StyledPreviewWrapper: import("styled-components").StyledComponent<"div", any, {
|
|
6
8
|
isLoading: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components"),i=require("../preview/preview.style.js"),t=require("../../style/utils/add-focus-styling.js"),o=require("../../style/themes/base
|
|
1
|
+
"use strict";var e=require("styled-components"),i=require("../preview/preview.style.js"),t=require("../../style/utils/add-focus-styling.js"),o=require("../../style/themes/apply-base-theme.js");function l(e){return e&&e.__esModule?e:{default:e}}var r=l(e);const s=r.default.a.attrs(o.default).withConfig({displayName:"link-preview.style__StyledLinkPreview",componentId:"sc-d0260fc7-0"})(["display:flex;margin:8px;text-decoration:none;outline:none;",""],(({as:i})=>e.css(["border:1px solid var(--colorsUtilityMajor050);border-radius:var(--borderRadius100);background-color:var(--colorsUtilityMajor025);color:var(--colorsUtilityYin090);",""],"div"!==i&&e.css([":focus{","}:hover{cursor:pointer;background-color:var(--colorsUtilityMajor100);}"],t.default())))),d=r.default.div.withConfig({displayName:"link-preview.style__StyledCloseIconWrapper",componentId:"sc-d0260fc7-1"})(["padding:16px;"]),p=r.default.div.withConfig({displayName:"link-preview.style__StyledPreviewWrapper",componentId:"sc-d0260fc7-2"})(["flex-grow:1;padding:16px;"," ",":first-of-type{margin-top:8px;}",":not(:first-of-type){margin-top:16px;}"],(({isLoading:t})=>!t&&e.css(["","{display:flex;flex-direction:column;height:100%;}"],i.StyledPreview)),i.StyledPreviewPlaceholder,i.StyledPreviewPlaceholder),n=r.default.div.withConfig({displayName:"link-preview.style__StyledTitle",componentId:"sc-d0260fc7-3"})(["white-space:nowrap;text-overflow:ellipsis;font-weight:500;font-size:14px;line-height:21px;"]),a=r.default.div.withConfig({displayName:"link-preview.style__StyledDescription",componentId:"sc-d0260fc7-4"})(["> div{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-weight:400;font-size:14px;line-height:21px;padding-top:4px;}flex-grow:1;"]),c=r.default.div.withConfig({displayName:"link-preview.style__StyledUrl",componentId:"sc-d0260fc7-5"})(["white-space:nowrap;text-overflow:ellipsis;font-weight:400;font-size:14px;line-height:21px;color:var(--colorsUtilityMajor400);"]);exports.StyledCloseIconWrapper=d,exports.StyledDescription=a,exports.StyledLinkPreview=s,exports.StyledPreviewWrapper=p,exports.StyledTitle=n,exports.StyledUrl=c;
|
|
@@ -9,5 +9,7 @@ export interface StyledLoaderSquareProps {
|
|
|
9
9
|
backgroundColor?: string;
|
|
10
10
|
}
|
|
11
11
|
export declare const StyledLoaderPlaceholder: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
12
|
-
declare const StyledLoaderSquare: import("styled-components").StyledComponent<"div", any,
|
|
12
|
+
declare const StyledLoaderSquare: import("styled-components").StyledComponent<"div", any, {
|
|
13
|
+
theme: object;
|
|
14
|
+
} & StyledLoaderSquareProps, "theme">;
|
|
13
15
|
export default StyledLoaderSquare;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),a=require("../../style/themes/apply-base-theme.js");function t(e){return e&&e.__esModule?e:{default:e}}var r=t(e);const i=e.keyframes(["0%,80%,100%{opacity:0;transform:scale(0);}40%{opacity:1;transform:scale(1);}"]),o=r.default.div.withConfig({displayName:"loader-square.style__StyledLoaderPlaceholder",componentId:"sc-717eeb54-0"})(["display:inline-block;min-width:var(--sizing800);"]),s=r.default.div.attrs(a.default).withConfig({displayName:"loader-square.style__StyledLoaderSquare",componentId:"sc-717eeb54-1"})(["",""],(({size:a,isInsideButton:t,isActive:r,backgroundColor:o})=>e.css(["animation:"," 1s infinite ease-in-out both;background-color:",";display:inline-block;"," border-radius:var(--borderRadiusCircle);"," &:nth-of-type(1){animation-delay:0s;}&:nth-of-type(2){animation-delay:0.2s;}&:nth-of-type(3){animation-delay:0.4s;margin-right:0px;}"],i,o,(a=>{let t,r;switch(a){case"medium":t="16px",r="8px";break;case"large":t="20px",r="8px";break;default:t="12px",r="6px"}return e.css(["width:",";height:",";margin-right:",";"],t,t,r)})(a),t&&e.css(["background-color:",";"],r?"var(--colorsUtilityYang100)":"var(--colorsSemanticNeutral500)"))));exports.StyledLoaderPlaceholder=o,exports.default=s;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react"),require("../../style/utils/filter-styled-system-padding-props.js");var r=require("../../style/utils/filter-styled-system-margin-props.js"),t=require("../../hooks/useMediaQuery/useMediaQuery.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../__internal__/utils/helpers/tags/tags.js"),o=require("./loader.style.js"),l=require("./loader-square.style.js"),i=require("../typography/typography.component.js"),s=require("../../__internal__/utils/logger/index.js");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 c(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){u(e,r,t[r])}))}return e}let d=!1;const p=u=>{var{variant:p="default","aria-label":y,size:b="medium",isInsideButton:f,isActive:j=!0,loaderLabel:O}=u,g=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}(u,["variant","aria-label","size","isInsideButton","isActive","loaderLabel"]);!d&&y&&(d=!0,s.default.deprecate("The aria-label prop in Loader is deprecated and will soon be removed, please use the `loaderLabel` prop instead to provide an accessible label."));const v=a.default(),m=t.default("screen and (prefers-reduced-motion: no-preference)");if(void 0===m)return e.jsx(l.StyledLoaderPlaceholder,{});const h={isInsideButton:f,isActive:j,size:b,variant:p};return e.jsx(o.default,(P=c({},n.default("loader",g),r.default(g)),_=null!=(_={children:m?e.jsxs(e.Fragment,{children:[["#13A038","#0092DB","#8F49FE"].map((r=>e.jsx(l.default,c({"data-role":"loader-square",backgroundColor:"gradient"===p?r:"var(--colorsActionMajor500)"},h),r))),e.jsx(i.Typography,{"data-role":"hidden-label",variant:"span",screenReaderOnly:!0,children:O||y||v.loader.loading()})]}):O||y||v.loader.loading()})?_:{},Object.getOwnPropertyDescriptors?Object.defineProperties(P,Object.getOwnPropertyDescriptors(_)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(_)).forEach((function(e){Object.defineProperty(P,e,Object.getOwnPropertyDescriptor(_,e))})),P));var P,_};exports.Loader=p,exports.default=p;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react"),require("../../style/utils/filter-styled-system-padding-props.js");var r=require("../../style/utils/filter-styled-system-margin-props.js"),t=require("../../hooks/useMediaQuery/useMediaQuery.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../__internal__/utils/helpers/tags/tags.js"),o=require("./loader.style.js"),l=require("./loader-square.style.js"),i=require("../typography/typography.component.js"),s=require("../../__internal__/utils/logger/index.js");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 c(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){u(e,r,t[r])}))}return e}let d=!1;const p=u=>{var{variant:p="default","aria-label":y,size:b="medium",isInsideButton:f=!1,isActive:j=!0,loaderLabel:O}=u,g=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}(u,["variant","aria-label","size","isInsideButton","isActive","loaderLabel"]);!d&&y&&(d=!0,s.default.deprecate("The aria-label prop in Loader is deprecated and will soon be removed, please use the `loaderLabel` prop instead to provide an accessible label."));const v=a.default(),m=t.default("screen and (prefers-reduced-motion: no-preference)");if(void 0===m)return e.jsx(l.StyledLoaderPlaceholder,{});const h={isInsideButton:f,isActive:j,size:b,variant:p};return e.jsx(o.default,(P=c({},n.default("loader",g),r.default(g)),_=null!=(_={children:m?e.jsxs(e.Fragment,{children:[["#13A038","#0092DB","#8F49FE"].map((r=>e.jsx(l.default,c({"data-role":"loader-square",backgroundColor:"gradient"===p?r:"var(--colorsActionMajor500)"},h),r))),e.jsx(i.Typography,{"data-role":"hidden-label",variant:"span",screenReaderOnly:!0,children:O||y||v.loader.loading()})]}):O||y||v.loader.loading()})?_:{},Object.getOwnPropertyDescriptors?Object.defineProperties(P,Object.getOwnPropertyDescriptors(_)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(_)).forEach((function(e){Object.defineProperty(P,e,Object.getOwnPropertyDescriptor(_,e))})),P));var P,_};exports.Loader=p,exports.default=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system")
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),s=require("../../style/themes/apply-base-theme.js");function r(e){return e&&e.__esModule?e:{default:e}}const a=r(e).default.div.attrs(s.default).withConfig({displayName:"loader.style__StyledLoader",componentId:"sc-4961968f-0"})([""," text-align:center;white-space:nowrap;"],t.margin);exports.default=a;
|
|
@@ -3,7 +3,9 @@ export interface StyledLoaderBarProps {
|
|
|
3
3
|
/** Size of the LoaderBar. */
|
|
4
4
|
size?: "small" | "medium" | "large";
|
|
5
5
|
}
|
|
6
|
-
declare const StyledLoader: import("styled-components").StyledComponent<"div", any,
|
|
6
|
+
declare const StyledLoader: import("styled-components").StyledComponent<"div", any, {
|
|
7
|
+
theme: object;
|
|
8
|
+
} & StyledLoaderBarProps & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, "theme">;
|
|
7
9
|
declare const StyledLoaderBar: import("styled-components").StyledComponent<"div", any, StyledLoaderBarProps, never>;
|
|
8
10
|
declare const InnerBar: import("styled-components").StyledComponent<"div", any, StyledLoaderBarProps, never>;
|
|
9
11
|
export { InnerBar, StyledLoader };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("styled-system"),t=require("../../style/themes/base
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("styled-system"),t=require("../../style/themes/apply-base-theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var o=a(e);function s(e){switch(e){case"small":return"4px";case"large":return"16px";default:return"8px"}}const n="128px",i=o.default.div.attrs(t.default).withConfig({displayName:"loader-bar.style__StyledLoader",componentId:"sc-290b8a7-0"})([""," text-align:center;"],r.margin),l=e.keyframes(["0%{left:-",";}100%{left:100%;}"],n),d=o.default.div.withConfig({displayName:"loader-bar.style__StyledLoaderBar",componentId:"sc-290b8a7-1"})(["",""],(({size:r})=>e.css(["border-radius:var(--borderRadius400);height:",";width:100%;background-color:var(--colorsActionMajor150);overflow:hidden;position:relative;"],s(r)))),c=o.default.div.withConfig({displayName:"loader-bar.style__InnerBar",componentId:"sc-290b8a7-2"})(["",""],(({size:r})=>e.css(["position:absolute;background-color:var(--colorsActionMajor500);width:",";height:",";animation:2s "," linear 0s infinite normal none running;"],n,s(r),l)));exports.InnerBar=c,exports.StyledLoader=i,exports.default=d;
|
|
@@ -14,6 +14,8 @@ interface StyledSubmenuProps extends SharedStyleProps, Pick<SubmenuProps, "varia
|
|
|
14
14
|
applyFocusRadiusStyling: boolean;
|
|
15
15
|
applyFocusRadiusStylingToLastItem: boolean;
|
|
16
16
|
}
|
|
17
|
-
declare const StyledSubmenuWrapper: import("styled-components").StyledComponent<"div", any,
|
|
17
|
+
declare const StyledSubmenuWrapper: import("styled-components").StyledComponent<"div", any, {
|
|
18
|
+
theme: object;
|
|
19
|
+
} & StyledSubmenuWrapperProps, "theme">;
|
|
18
20
|
declare const StyledSubmenu: import("styled-components").StyledComponent<"ul", any, StyledSubmenuProps, never>;
|
|
19
21
|
export { StyledSubmenu, StyledSubmenuWrapper };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components"),t=require("../../scrollable-block/scrollable-block.style.js")
|
|
1
|
+
"use strict";var e=require("styled-components"),t=require("../../scrollable-block/scrollable-block.style.js"),r=require("../../../../style/themes/apply-base-theme.js"),i=require("../../../link/link.style.js"),d=require("../../menu.style.js"),a=require("../../../box/box.style.js"),o=require("../../menu-item/menu-item.style.js"),s=require("../../../icon/icon.style.js"),u=require("../../menu.config.js"),n=require("../../menu-segment-title/menu-segment-title.style.js");function l(e){return e&&e.__esModule?e:{default:e}}var b=l(e);const m=b.default.div.attrs(r.default).withConfig({displayName:"submenu.style__StyledSubmenuWrapper",componentId:"sc-57ceb950-0"})(["position:relative;width:fit-content;max-width:inherit;height:inherit;"," ",""],(({isSubmenuOpen:t,theme:r})=>t&&e.css(["z-index:",";"],r.zIndex.popover)),(({inFullscreenView:t,menuType:r,asPassiveItem:i})=>e.css([""," ",""],t&&e.css(["width:100%;",""],i&&r&&e.css(["","{outline:none;color:",";}"],o.default,u.default[r].title)),!t&&e.css(["display:flex;"])))),c=b.default.ul.withConfig({displayName:"submenu.style__StyledSubmenu",componentId:"sc-57ceb950-1"})(["",""],(({menuType:r,submenuDirection:l,variant:b,inFullscreenView:m,maxHeight:c,applyFocusRadiusStyling:h,applyFocusRadiusStylingToLastItem:p,submenuMaxWidth:y,submenuMinWidth:g})=>e.css([""," "," "," display:block;list-style:none;margin:0;padding:0;",":after,",":hover:after{display:none;}","{display:flex;align-items:center;white-space:nowrap;"," "," "," a{text-decoration:none;}> ",'{width:16px;height:16px;margin-right:5px;}}[data-component="icon"]{line-height:20px;&:before{line-height:unset;}span{vertical-align:middle;svg{height:16px;width:16px;}}}&:before{background-color:transparent;border-radius:0 0 4px 4px;content:"";height:5px;position:absolute;top:-5px;width:100%;}',""],!m&&r&&e.css(["box-shadow:var(--boxShadow100);position:absolute;top:100%;background-color:",";min-width:",";"," a,button,"," a,"," button{width:100%;}"],"default"===b?u.default[r].submenuItemBackground:u.default[r].background,null!=g?g:"100%",y&&e.css(["width:max-content;max-width:",";li{max-width:",";}&&&{a,button,"," a,"," button{white-space:normal;height:auto;}}"],y,y,i.StyledLink,i.StyledLink),i.StyledLink,i.StyledLink),m&&e.css(["min-width:100%;","{width:100%;}"],d.StyledMenuItem),!m&&e.css(["border-bottom-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);overflow-y:auto;"," ",":last-child a,",":last-child button,",":last-child > span,",":last-child > div{border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius100);}& "," > ",":last-of-type a,"," > ",":last-of-type button,"," > ",":last-of-type > span,"," > ",":last-of-type > div{border-bottom-right-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);:focus{border-bottom-right-radius:",";border-bottom-left-radius:",";}}&&&& ","{","{border-bottom-right-radius:var(--borderRadius000);border-bottom-left-radius:",";",":last-child ",",",":last-child a,",":last-child button{border-bottom-right-radius:var(--borderRadius000);border-bottom-left-radius:",";}}}"],c&&`max-height: ${c};`,d.StyledMenuItem,d.StyledMenuItem,d.StyledMenuItem,d.StyledMenuItem,n.StyledSegmentChildren,d.StyledMenuItem,n.StyledSegmentChildren,d.StyledMenuItem,n.StyledSegmentChildren,d.StyledMenuItem,n.StyledSegmentChildren,d.StyledMenuItem,p?"var(--borderRadius100)":"var(--borderRadius000)",p?"var(--borderRadius100)":"var(--borderRadius000)",t.default,a.default,h?"var(--borderRadius100)":"var(--borderRadius000)",d.StyledMenuItem,i.StyledLink,d.StyledMenuItem,d.StyledMenuItem,p?"var(--borderRadius100)":"var(--borderRadius000)"),o.default,o.default,o.default,m&&e.css(["white-space:normal;height:auto;"]),y&&e.css(["height:auto;min-height:40px;"]),!m&&r&&e.css(["background-color:",";> a:focus,> button:focus{background-color:",";}> a,> button{padding:11px 16px 12px;}"],u.default[r].submenuItemBackground,u.default[r].submenuItemBackground),s.default,"left"===l&&e.css(["right:0;"]))));exports.StyledSubmenu=c,exports.StyledSubmenuWrapper=m;
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
import type { MenuType } from "../menu.types";
|
|
2
2
|
declare const StyledMenuFullscreen: import("styled-components").StyledComponent<"div", any, {
|
|
3
|
+
theme: object;
|
|
4
|
+
} & {
|
|
3
5
|
transitionDuration: number;
|
|
4
6
|
startPosition: "left" | "right";
|
|
5
|
-
},
|
|
7
|
+
}, "theme">;
|
|
6
8
|
declare const StyledMenuModal: import("styled-components").StyledComponent<"div", any, {
|
|
9
|
+
theme: object;
|
|
10
|
+
} & {
|
|
7
11
|
menuType: MenuType;
|
|
8
|
-
},
|
|
12
|
+
}, "theme">;
|
|
9
13
|
declare const StyledMenuFullscreenHeader: import("styled-components").StyledComponent<"div", any, {
|
|
10
14
|
menuType: MenuType;
|
|
11
15
|
}, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components")
|
|
1
|
+
"use strict";var e=require("styled-components"),t=require("../../../style/themes/apply-base-theme.js"),i=require("../../icon-button/icon-button.style.js"),l=require("../../box/box.style.js"),r=require("../../search/search.style.js"),s=require("../../icon/icon.style.js"),o=require("../../button/button.style.js"),n=require("../menu.config.js"),a=require("../../../style/utils/add-focus-styling.js"),u=require("../../link/link.style.js");function d(e){return e&&e.__esModule?e:{default:e}}var c=d(e);const b=c.default.div.attrs(t.default).withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreen",componentId:"sc-b7ff4ebf-0"})(["position:fixed;top:0;bottom:0;"," ",""],(({theme:t})=>e.css(["z-index:",";"],t.zIndex.fullScreenModal)),(({startPosition:t,transitionDuration:i})=>e.css(["&.enter{visibility:hidden;",":-100%;}&.enter-active{visibility:visible;",":0;transition:all ","ms ease;}&.exit{visibility:visible;",":0;}&.exit-active{visibility:hidden;",":-100%;transition:all ","ms ease;}"],t,t,i,t,t,i))),f=c.default.div.attrs(t.default).withConfig({displayName:"menu-full-screen.style__StyledMenuModal",componentId:"sc-b7ff4ebf-1"})(["height:100vh;width:100vw;outline:none;&&{","{max-width:100vw;}"," > a,"," > button,> div{font-size:var(--fontSizes200);}}",""],u.StyledLink,u.StyledLink,u.StyledLink,(({menuType:t})=>e.css(["background-color:",";&&{","{","{display:inline-flex;bottom:auto;}","{display:flex;line-height:normal;padding-bottom:0;&:focus{border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);","}}}}","{scrollbar-color:",";&::-webkit-scrollbar{width:var(--sizing150);}&::-webkit-scrollbar-thumb{background-color:",";}&::-webkit-scrollbar-track{background-color:",";}}"],n.default[t].background,r.default,s.default,o.default,a.default(),l.default,n.default[t].scrollbarColor,n.default[t].scrollbarThumb,n.default[t].scrollbarTrack))),y=c.default.div.withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreenHeader",componentId:"sc-b7ff4ebf-2"})(["height:40px;","{position:absolute;z-index:1;right:16px;top:8px;}",""],i.default,(({menuType:t})=>e.css(["background-color:",";"],n.default[t].submenuItemBackground)));exports.StyledMenuFullscreen=b,exports.StyledMenuFullscreenHeader=y,exports.StyledMenuModal=f;
|
|
@@ -18,6 +18,8 @@ interface StyledMenuItemWrapperProps extends Pick<MenuWithChildren, "href" | "sh
|
|
|
18
18
|
inSubmenu?: boolean;
|
|
19
19
|
}
|
|
20
20
|
declare const StyledMenuItemWrapper: import("styled-components").StyledComponent<"a", any, {
|
|
21
|
+
theme: object;
|
|
22
|
+
} & {
|
|
21
23
|
as: import("react").ForwardRefExoticComponent<import("../../link").LinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
22
|
-
} & StyledMenuItemWrapperProps, "as">;
|
|
24
|
+
} & StyledMenuItemWrapperProps, "theme" | "as">;
|
|
23
25
|
export default StyledMenuItemWrapper;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),n=require("styled-system"),e=require("../menu.config.js"),t=require("../../link/link.component.js"),a=require("../../button/button.style.js"),r=require("../../icon-button/icon-button.style.js"),c=require("../../icon/icon.style.js"),i=require("../../link/link.style.js")
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),n=require("styled-system"),e=require("../menu.config.js"),t=require("../../link/link.component.js"),a=require("../../button/button.style.js"),r=require("../../icon-button/icon-button.style.js"),c=require("../../icon/icon.style.js"),i=require("../../link/link.style.js"),s=require("../../../style/themes/apply-base-theme.js"),u=require("../../../style/utils/add-focus-styling.js");function d(o){return o&&o.__esModule?o:{default:o}}const l=o=>{var n,e;const{paddingRight:t}=o,a=null===(e=String(t))||void 0===e||null===(n=e.match(/\d+/))||void 0===n?void 0:n[0];if("var(--spacing000)"===t||"0"===a)return{padding:"var(--spacing200)",iconSpacing:"2px"};switch(t){case"var(--spacing100)":return{padding:"var(--spacing300)",iconSpacing:t};case"var(--spacing200)":return{padding:"var(--spacing400)",iconSpacing:t};case"var(--spacing300)":return{padding:"var(--spacing500)",iconSpacing:t};case"var(--spacing400)":return{padding:"var(--spacing600)",iconSpacing:t};case"var(--spacing500)":return{padding:"var(--spacing700)",iconSpacing:t};case"var(--spacing600)":return{padding:"var(--spacing800)",iconSpacing:t};case"var(--spacing700)":return{padding:"var(--spacing900)",iconSpacing:t};case"var(--spacing800)":return{padding:"var(--spacing1000)",iconSpacing:t};default:return a?{padding:`${16+Number(a)}px`,iconSpacing:`${a}px`}:{padding:"var(--spacing400)",iconSpacing:"var(--spacing200)"}}},p=d(o).default.a.attrs(s.default).attrs({as:t.Link}).withConfig({displayName:"menu-item.style__StyledMenuItemWrapper",componentId:"sc-e92d3ea2-0"})([""," &&&{> a,> button{","}}"],(({menuType:t,selected:s,hasSubmenu:d,isOpen:p,menuItemVariant:g,showDropdownArrow:b,href:h,clickToOpen:f,maxWidth:m,inFullscreenView:v,overrideColor:x,asPassiveItem:k,asDiv:y,hasFocusableChild:S,hasInput:w,inSubmenu:C})=>o.css(["display:flex;align-items:center;font-size:14px;font-weight:500;min-height:40px;position:relative;box-shadow:none;a,button{min-height:40px;height:100%;box-sizing:border-box;}a:focus,button:focus{",'}:has([data-element="input"]) ',"{width:100%;}"," "," "," "," "," button,"," button,a,"," a{margin:0px;text-align:left;",'}&&&{a,button,[data-component="icon"],'," a,"," button,",' [data-component="icon"]{font-weight:500;text-decoration:none;',"}","}"," "," "," "," ",""],u.default(!0),i.StyledContent,!x&&o.css(["background-color:",";"],e.default[t].background),x&&o.css(["&&&&{background-color:",";}"],"alternate"===g?e.default[t].alternate:e.default[t].submenuItemBackground),!v&&o.css(["max-width:inherit;width:inherit;height:inherit;> a,> button{display:flex;align-items:center;"," width:inherit;max-width:inherit;}&&{a:focus,button:focus{background-color:",";color:",";z-index:1;position:relative;}}&&&{a,button{","}a:hover,button:hover{","{border-radius:0;background-color:transparent;}"," ::before{border-top-color:var(--colorsComponentsMenuYang100);}}}"],C?"":"justify-content: center;",e.default[t].background,e.default[t].color,m&&o.css(["box-sizing:border-box;max-width:inherit;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:bottom;display:block;"]),a.default,!y&&!k&&o.css(['background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);[data-component="icon"]{color:var(--colorsComponentsMenuYang100);}'])),S&&o.css([""," ",'{> span{display:inline-flex;margin-right:0;}:focus{outline:none;[data-component="icon"]{color:',";}}}"],!v&&o.css(["> a:not(:has(button)){padding:11px 16px;}> a:has(",":not(.search-button)){height:100%;","{height:inherit;div{height:inherit;}}","{min-height:40px;padding:10px 0px;box-sizing:border-box;height:100%;}}"],a.default,i.StyledContent,a.default),r.default,e.default[t].color),!S&&!v&&o.css(["",""],d||m?o.css(["> a,> button{padding:11px 16px ",";}"],d&&m?"12px":"10px"):o.css(["> a,> button{padding:11px 16px;}"])),i.StyledLink,i.StyledLink,v&&o.css(["height:auto;white-space:normal;","{top:-2px;}"],c.default),i.StyledLink,i.StyledLink,i.StyledLink,!w&&`color: ${e.default[t].color};`,!v&&o.css(["a > ",",button > ","{display:inline-block;height:18px;top:-2px;}"],c.default,c.default),s&&o.css(["background-color:",";a:focus,button:focus{background-color:",";}a:hover,button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);}"],e.default[t].selected,e.default[t].selected),"alternate"===g&&!v&&o.css(["&&&{background-color:",";}&&& a:focus,&&& button:focus{background-color:",";}",""],e.default[t].alternate,e.default[t].alternate,!w&&o.css(["&&& a:hover,&&& button:hover{background-color:",";}"],e.default[t].alternateHover)),p&&o.css(["a,button{background-color:",";color:",";}"],e.default[t].submenuItemBackground,e.default[t].color),d&&o.css(["background-color:",";a:focus,button:focus{background-color:",";color:",';[data-component="icon"]{color:',";}","}a:hover,button:hover{background-color:",";color:var(--colorsComponentsMenuYang100);",' [data-component="icon"]{color:',";}}"," ",""],e.default[t].submenuBackground,e.default[t].submenuBackground,e.default[t].color,e.default[t].color,f&&p&&o.css(["background-color:",";"],e.default[t].submenuOpenedBackground),e.default[t].submenuOpenedBackground,!(h||f)&&o.css(["cursor:default;background-color:",";color:",";"],e.default[t].submenuItemBackground,e.default[t].color),e.default[t].color,s&&o.css(["background-color:",";a:focus,button:focus{background-color:",";}a:hover,button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);}"],e.default[t].submenuSelected,e.default[t].submenuSelected),b&&o.css(["&&&{> a,> button:not(","){padding-right:",";}}a::before,button::before{display:block;margin-top:-1px;pointer-events:none;position:absolute;right:",';top:50%;z-index:2;content:"";width:0;height:0;border-width:5px 4px 4px;border-style:solid;border-top-color:initial;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}'],r.default,(o=>l(n.padding(o)).padding),(o=>l(n.padding(o)).iconSpacing))),v&&o.css([""," > a,> button{min-height:40px;line-height:40px;padding:0px 16px;width:100vw;box-sizing:border-box;}a:focus,button:focus{z-index:1;position:relative;}","}"],y&&o.css(["&&&{> a,> button{color:",";outline:none;}> button:hover,> a:hover{background-color:transparent;cursor:default;outline:none;color:",";}}"],e.default[t].title,e.default[t].title),!k&&o.css(["&&{> a:focus,> a:hover,> button:focus,> button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);","}}"],!w&&o.css(['[data-component="icon"]{color:var(--colorsComponentsMenuYang100);}']))))),n.padding);exports.default=p;
|