carbon-react 154.6.1 → 154.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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.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/global-header/__internal__/global-header.context.d.ts +9 -0
- package/esm/components/global-header/__internal__/global-header.context.js +1 -0
- package/esm/components/global-header/global-header.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.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.component.js +1 -1
- package/esm/components/popover-container/popover-container.style.d.ts +4 -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__/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.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/global-header/__internal__/global-header.context.d.ts +9 -0
- package/lib/components/global-header/__internal__/global-header.context.js +1 -0
- package/lib/components/global-header/global-header.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.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.component.js +1 -1
- package/lib/components/popover-container/popover-container.style.d.ts +4 -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__/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
|
-
import t,{css as
|
|
1
|
+
import t,{css as i}from"styled-components";import{margin as e}from"styled-system";import n from"../../style/themes/apply-base-theme.js";const l=t.div.attrs(n).withConfig({displayName:"content.style__StyledContent",componentId:"sc-273b17cd-0"})(["",""],(({bodyFullWidth:t,align:n})=>i([""," & + &{margin-top:15px;}"," ",""],e,n&&i(["text-align:",";"],n),t&&i(["text-align:left;"])))),o=t.div.withConfig({displayName:"content.style__StyledContentTitle",componentId:"sc-273b17cd-1"})(["",";"],(({titleWidth:t,inline:e,variant:n,align:l})=>i(["display:",";font-weight:500;width:",";text-align:",";"," ",""],e?"inline-block":"block",t&&`calc(${t}% - 30px)`,!e&&l,"center"===l&&e&&i(["text-align:right;width:calc(50% - 30px);"]),"secondary"===n&&i(["color:var(--colorsUtilityYin055);font-weight:normal;"])))),a=t.div.withConfig({displayName:"content.style__StyledContentBody",componentId:"sc-273b17cd-2"})(["",";"],(({bodyFullWidth:t,titleWidth:e,inline:n,align:l})=>i(["display:",";margin-top:2px;white-space:pre-wrap;word-wrap:break-word;font-weight:normal;"," "," "," "," ",""],n?"inline-block":"block","center"===l&&n&&i(["width:50%;"]),e&&i(["width:","%;"],100-Number(e)),t&&i(["width:100%;"]),n&&t&&i(["margin-top:15px;"]),n&&!t&&i(["margin-top:0;margin-left:var(--spacing300);text-align:left;"]))));export{l as StyledContent,a as StyledContentBody,o as StyledContentTitle};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import r,{css as o}from"styled-components";import d from"../../../../style/themes/base
|
|
1
|
+
import r,{css as o}from"styled-components";import d from"../../../../style/themes/apply-base-theme.js";import e from"../../../../style/utils/add-focus-styling.js";const t=r.div.attrs(d).withConfig({displayName:"day-picker.style__StyledDayPicker",componentId:"sc-b8fc9f86-0"})([""," .rdp-root{z-index:2000;top:calc(100% + 1px);left:0;background-color:var(--colorsUtilityYang100);box-shadow:var(--boxShadow100);display:block;overflow:hidden;padding:var(--spacing300);text-align:center;user-select:none;border-radius:var(--borderRadius050);}.rdp-root *{box-sizing:border-box;}.rdp-root:focus{outline:none;}.rdp-root abbr[title]{border:none;cursor:initial;}.rdp-months{padding:0;}.rdp-month{margin:0 0 2px;}.rdp-month_grid,.rdp_weeks{width:100%;margin-top:8px;}.rdp-month_caption{color:var(--colorsActionMajorYin090);line-height:var(--sizing500);height:var(--sizing500);font-size:16px;font-weight:800;display:block;> div{margin:0 auto;width:80%;}}.rdp-weekday{border:medium;width:var(--sizing500);height:var(--sizing450);font-weight:800;color:var(--colorsActionMinor500);text-transform:uppercase;font-size:12px;text-align:center;}.rdp-day{min-width:var(--sizing500);height:var(--sizing450);padding:0;background-color:transparent;cursor:pointer;border:none;font-weight:var(--fontWeights500);font-size:var(--fontSizes100);line-height:var(--lineHeights500);border-radius:var(--borderRadius400);&:hover{background-color:var(--colorsActionMinor050);color:var(--colorsActionMajorYin090);}+ *{border-left:1px;}abbr{text-decoration:none;}}.rdp-today,.rdp-today.rdp-outside{color:var(--colorsActionMajorYin090);background-color:var(--colorsActionMinor200);}.rdp-outside{color:var(--colorsActionMajorYin055);background-color:transparent;}.rdp-today:not(.rdp-outside){font-weight:var(--fontWeights500);border-radius:var(--borderRadius400);color:inherit;}.rdp-disabled,.rdp-disabled:hover{color:var(--colorsActionMajorYin030);background-color:var(--colorsUtilityYang100);cursor:default;&.rdp-today{background-color:var(--colorsActionMinor200);}}.rdp-selected:not(.rdp-disabled):not(.rdp-outside){background-color:var(--colorsActionMajor500);color:var(--colorsUtilityYang100);border-radius:var(--borderRadius400);}.rdp-selected.rdp-disabled:not(.rdp-outside){background-color:var(--colorsActionMajor500);color:var(--colorsUtilityYang100);}.rdp-selected{&:focus-visible{outline:none;}}.rdp-selected .rdp-day_button{border:none;&:focus-visible{outline:none;}}.rdp-focused:not(.rdp-disabled):not(.rdp-outside){"," border-radius:var(--borderRadius400);}.rdp-day.rdp-selected{&:focus{","}}"],(()=>o(['.rdp-root{--rdp-accent-color:blue;--rdp-accent-background-color:#f0f0ff;--rdp-day-height:2.75rem;--rdp-day-width:2.75rem;--rdp-day_button-border-radius:100%;--rdp-day_button-border:2px solid transparent;--rdp-day_button-height:var(--rdp-day-height);--rdp-day_button-width:var(--rdp-day-width);--rdp-selected-border:2px solid var(--rdp-accent-color);--rdp-disabled-opacity:0.5;--rdp-outside-opacity:0.75;--rdp-today-color:var(--rdp-accent-color);--rdp-dropdown-gap:0.5rem;--rdp-months-gap:2rem;--rdp-nav_button-disabled-opacity:0.5;--rdp-nav_button-height:2.25rem;--rdp-nav_button-width:2.25rem;--rdp-nav-height:2.75rem;--rdp-range_middle-background-color:var(--rdp-accent-background-color);--rdp-range_middle-foreground-color:white;--rdp-range_middle-color:inherit;--rdp-range_start-color:white;--rdp-range_start-background:linear-gradient(var(--rdp-gradient-direction),transparent 50%,var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color:var(--rdp-accent-color);--rdp-range_end-background:linear-gradient(var(--rdp-gradient-direction),var(--rdp-range_middle-background-color) 50%,transparent 50%);--rdp-range_end-color:white;--rdp-range_end-date-background-color:var(--rdp-accent-color);--rdp-week_number-border-radius:100%;--rdp-week_number-border:2px solid transparent;--rdp-week_number-height:var(--rdp-day-height);--rdp-week_number-opacity:0.75;--rdp-week_number-width:var(--rdp-day-width);--rdp-weeknumber-text-align:center;--rdp-weekday-opacity:0.75;--rdp-weekday-padding:0.5rem 0rem;--rdp-weekday-text-align:center;--rdp-gradient-direction:90deg;}.rdp-root[dir="rtl"]{--rdp-gradient-direction:-90deg;}.rdp-root{position:relative;box-sizing:border-box;}.rdp-root *{box-sizing:border-box;}.rdp-day{width:var(--sizing500);height:var(--sizing450);text-align:center;}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;min-width:var(--sizing500);height:var(--sizing450);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius);}.rdp-day_button:disabled{cursor:revert;}.rdp-day_button{outline:none;}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0;}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height);}.rdp-button_next:disabled,.rdp-button_previous:disabled{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity);}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color);}.rdp-root[dir="rtl"] .rdp-nav .rdp-chevron{transform:rotate(180deg);}.rdp-root[dir="rtl"] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%;}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap);}.rdp-dropdown{z-index:2;opacity:0;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit;}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center;}.rdp-dropdown_root[data-disabled="true"] .rdp-chevron{opacity:var(--rdp-disabled-opacity);}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:bold;font-size:large;}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content;}.rdp-month_grid{border-collapse:collapse;}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height);width:100%;}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform);}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align);}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color);}.rdp-selected{font-weight:bold;font-size:large;}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border);}.rdp-outside{opacity:var(--rdp-outside-opacity);}.rdp-disabled{opacity:var(--rdp-disabled-opacity);}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color);}.rdp-range_start{background:var(--rdp-range_start-background);}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color);}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color);}.rdp-range_middle .rdp-day_button{border-color:transparent;border:unset;border-radius:unset;color:var(--rdp-range_middle-color);}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color);}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color);}.rdp-range_start.rdp-range_end{background:revert;}.rdp-focusable{cursor:pointer;}'])),e(!0),e(!0));export{t as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import t from"styled-components";import
|
|
1
|
+
import t from"styled-components";import o from"../../../../style/utils/add-focus-styling.js";import r from"../../../../style/themes/apply-base-theme.js";const e=t.button.attrs(r).attrs({type:"button"}).withConfig({displayName:"button.style__StyledButton",componentId:"sc-ce836932-0"})(["justify-content:center;align-items:center;display:flex;border:var(--borderWidth200) solid var(--colorsActionMinorTransparent);background:none;box-shadow:none;cursor:pointer;height:var(--sizing500);width:var(--sizing500);padding:var(--spacing150);box-sizing:border-box;border-radius:var(--borderRadius050);&:focus{","}"],o());export{e as default};
|
|
@@ -3,5 +3,7 @@ interface StyledDateInputProps extends Pick<DateInputProps, "inputWidth" | "maxW
|
|
|
3
3
|
applyDateRangeStyling?: boolean;
|
|
4
4
|
size: Required<DateInputProps>["size"];
|
|
5
5
|
}
|
|
6
|
-
declare const StyledDateInput: import("styled-components").StyledComponent<"div", any,
|
|
6
|
+
declare const StyledDateInput: import("styled-components").StyledComponent<"div", any, {
|
|
7
|
+
theme: object;
|
|
8
|
+
} & StyledDateInputProps, "theme">;
|
|
7
9
|
export default StyledDateInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import t,{css as e}from"styled-components";import{margin as i}from"styled-system";import a from"../../style/themes/base
|
|
1
|
+
import t,{css as e}from"styled-components";import{margin as i}from"styled-system";import a from"../../style/themes/apply-base-theme.js";import l from"../../__internal__/input/input.style.js";import n from"../../__internal__/input/input-presentation.style.js";import{FieldLineStyle as m}from"../../__internal__/form-field/form-field.style.js";import r from"../../__internal__/validation-message/validation-message.style.js";import o from"../../__internal__/label/label.style.js";const s={large:"140px",medium:"135px",small:"120px"},p=t.div.attrs(a).withConfig({displayName:"date.style__StyledDateInput",componentId:"sc-7be40934-0"})(["margin-bottom:var(--fieldSpacing);"," & ","{flex:none;width:",";","{margin-right:-8px;}}",""],i,n,(({inputWidth:t,maxWidth:e,size:i})=>e||t?"":s[i]),l,(({applyDateRangeStyling:t,maxWidth:i,size:a,labelInline:l})=>t&&!l&&e(["","{max-width:",";}",",","{overflow-wrap:anywhere;}"],m,i||s[a],r,o)));export{p as default};
|
|
@@ -2,5 +2,7 @@ export interface StyledDateRangeProps {
|
|
|
2
2
|
/** [Legacy] Display labels inline */
|
|
3
3
|
labelsInline?: boolean;
|
|
4
4
|
}
|
|
5
|
-
declare const StyledDateRange: import("styled-components").StyledComponent<"div", any,
|
|
5
|
+
declare const StyledDateRange: import("styled-components").StyledComponent<"div", any, {
|
|
6
|
+
theme: object;
|
|
7
|
+
} & StyledDateRangeProps, "theme">;
|
|
6
8
|
export default StyledDateRange;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import t from"styled-components";import{margin as e}from"styled-system";import
|
|
1
|
+
import t from"styled-components";import{margin as e}from"styled-system";import a from"../date/date.style.js";import{StyledLabelContainer as i}from"../../__internal__/label/label.style.js";import{StyledInputPresentationContainer as o}from"../../__internal__/input/input-presentation.style.js";import l from"../../style/themes/apply-base-theme.js";const s=t.div.attrs(l).withConfig({displayName:"date-range.style__StyledDateRange",componentId:"sc-91dca507-0"})(["margin-bottom:var(--fieldSpacing);"," & ","{width:auto;display:inline-block;vertical-align:",";}& ",":first-of-type{margin-right:var(--spacing300);}","{width:auto;}","{flex:auto;}"],e,a,(({labelsInline:t})=>t?"top":"bottom"),a,i,o);export{s as default};
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
import { DlProps } from "./dl.component";
|
|
2
|
-
export declare const StyledDl: import("styled-components").StyledComponent<"dl", any,
|
|
3
|
-
|
|
2
|
+
export declare const StyledDl: import("styled-components").StyledComponent<"dl", any, {
|
|
3
|
+
theme: object;
|
|
4
|
+
} & Omit<DlProps, "dtTextAlign" | "ddTextAlign">, "theme">;
|
|
5
|
+
export declare const StyledDt: import("styled-components").StyledComponent<"dt", any, {
|
|
6
|
+
theme: object;
|
|
7
|
+
} & Pick<DlProps, "dtTextAlign" | "asSingleColumn">, "theme">;
|
|
4
8
|
export declare const StyledDd: import("styled-components").StyledComponent<"dd", any, Pick<DlProps, "ddTextAlign" | "asSingleColumn">, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import t,{css as
|
|
1
|
+
import t,{css as i}from"styled-components";import{space as o}from"styled-system";import e from"../button/button.style.js";import n from"../../style/themes/apply-base-theme.js";const l=t.dl.attrs(n).withConfig({displayName:"definition-list.style__StyledDl",componentId:"sc-fefc9f1b-0"})([""," "," width:100%;height:auto;background-color:transparent;"],o,(({asSingleColumn:t,w:o})=>i([""," ",""],!t&&i(["display:grid;grid-template-rows:auto;grid-template-columns:","% auto;"],o),t&&i(["line-height:21px;"])))),s=t.dt.attrs(n).withConfig({displayName:"definition-list.style__StyledDt",componentId:"sc-fefc9f1b-1"})([""," font-size:var(--fontSizes100);font-weight:500;color:var(--colorsUtilityYin090);"," ",""],o,(({asSingleColumn:t})=>!t&&i(["grid-column:1;"])),(({dtTextAlign:t})=>i(["text-align:",";"],t))),d=t.dd.withConfig({displayName:"definition-list.style__StyledDd",componentId:"sc-fefc9f1b-2"})(["font-size:var(--fontSizes100);font-weight:var(--fontWeights400);color:var(--colorsUtilityYin065);margin-left:0px;"," "," ","{padding:0;border:none;}",""],(({asSingleColumn:t})=>!t&&i(["grid-column:2;"])),(({ddTextAlign:t})=>i(["text-align:",";"],t)),e,o);export{d as StyledDd,l as StyledDl,s as StyledDt};
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
declare const StyledDetail: import("styled-components").StyledComponent<"div", any, {
|
|
2
|
+
declare const StyledDetail: import("styled-components").StyledComponent<"div", any, {
|
|
3
|
+
theme: object;
|
|
4
|
+
}, "theme">;
|
|
3
5
|
declare const StyledDetailContent: import("styled-components").StyledComponent<"div", any, {
|
|
4
6
|
hasIcon: boolean;
|
|
5
7
|
}, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import t,{css as e}from"styled-components";import{margin as i}from"styled-system";import
|
|
1
|
+
import t,{css as e}from"styled-components";import{margin as i}from"styled-system";import o from"../../style/themes/apply-base-theme.js";import a from"../icon/icon.component.js";const l="16px",n=t.div.attrs(o).withConfig({displayName:"detail.style__StyledDetail",componentId:"sc-aaa150de-0"})(["position:relative;",";+ &{margin-top:20px;}"],i),p=t.div.withConfig({displayName:"detail.style__StyledDetailContent",componentId:"sc-aaa150de-1"})(["",""],(({hasIcon:t})=>e(["display:inline-block;line-height:18px;white-space:pre-wrap;text-overflow:ellipsis;overflow:hidden;",""],t&&e(["margin-left:26px;"])))),s=t(a).withConfig({displayName:"detail.style__StyledDetailIcon",componentId:"sc-aaa150de-2"})(["position:absolute;color:var(--colorsUtilityYin065);height:",";width:",";top:-1px;vertical-align:top;span{height:",";width:",";vertical-align:middle;}"],l,l,l,l),d=t.div.withConfig({displayName:"detail.style__StyledDetailFootnote",componentId:"sc-aaa150de-3"})(["",""],(({hasIcon:t})=>e(["color:var(--colorsUtilityYin055);font-size:13px;position:relative;margin-top:-2px;",""],t&&e(["margin-left:26px;"]))));export{n as StyledDetail,p as StyledDetailContent,d as StyledDetailFootnote,s as StyledDetailIcon};
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { ContentPaddingInterface, DialogProps } from "./dialog.component";
|
|
2
|
-
declare const DialogPositioner: import("styled-components").StyledComponent<"div", any, {
|
|
2
|
+
declare const DialogPositioner: import("styled-components").StyledComponent<"div", any, {
|
|
3
|
+
theme: object;
|
|
4
|
+
}, "theme">;
|
|
3
5
|
declare const StyledDialog: import("styled-components").StyledComponent<"div", any, Required<Pick<DialogProps, "size">> & {
|
|
4
6
|
dialogHeight?: string | undefined;
|
|
5
7
|
backgroundColor: string;
|
|
@@ -10,5 +12,7 @@ type StyledDialogTitleProps = {
|
|
|
10
12
|
hasSubtitle?: boolean;
|
|
11
13
|
};
|
|
12
14
|
declare const StyledDialogTitle: import("styled-components").StyledComponent<"div", any, StyledDialogTitleProps, never>;
|
|
13
|
-
declare const StyledDialogContent: import("styled-components").StyledComponent<"div", any,
|
|
15
|
+
declare const StyledDialogContent: import("styled-components").StyledComponent<"div", any, {
|
|
16
|
+
theme: object;
|
|
17
|
+
} & ContentPaddingInterface, "theme">;
|
|
14
18
|
export { DialogPositioner, StyledDialog, StyledDialogTitle, StyledDialogContent, };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import i,{css as o}from"styled-components";import{padding as e}from"styled-system";import t from"../../style/themes/base
|
|
1
|
+
import i,{css as o}from"styled-components";import{padding as e}from"styled-system";import t from"../../style/themes/apply-base-theme.js";import{StyledHeaderContent as a,StyledHeading as d,StyledHeadingTitle as r}from"../heading/heading.style.js";import n from"../icon-button/icon-button.style.js";import{StyledForm as l,StyledFormContent as s,StyledFormFooter as p}from"../form/form.style.js";const c={auto:"fit-content","extra-small":"300px",small:"380px","medium-small":"540px",medium:"750px","medium-large":"850px",large:"960px","extra-large":"1080px"},g=i.div.attrs(t).withConfig({displayName:"dialog.style__DialogPositioner",componentId:"sc-18988adc-0"})(["position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:",";"],(({theme:i})=>i.zIndex.modal)),m=i.div.withConfig({displayName:"dialog.style__StyledDialog",componentId:"sc-18988adc-1"})(["box-shadow:var(--boxShadow300);display:flex;flex-direction:column;position:relative;border-radius:var(--borderRadius200);",";&:focus{outline:none;}"," "," "," > ","{margin:0;position:absolute;right:33px;top:32px;z-index:1;&:hover{color:#255bc7;}}"],(({size:i})=>"maximise"===i?o(["height:calc(100% - var(--spacing400));width:calc(100% - var(--spacing400));@media screen and (min-width:960px){height:calc(100% - var(--spacing800));width:calc(100% - var(--spacing800));}"]):o(["max-height:90vh;max-width:",";width:100%;"],c[i])),(({highlightVariant:i})=>"ai"===i&&'\n &::before {\n content: "";\n position: absolute;\n top: -8px;\n height: 100px;\n width: 100%;\n z-index: -1;\n background: linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%);\n border-radius: var(--borderRadius200) var(--borderRadius200) 0 0;\n }'),(({backgroundColor:i})=>o(["background-color:",";"],i)),(({dialogHeight:i})=>i&&o(["height:","px;"],i)),n),x=i.div.withConfig({displayName:"dialog.style__StyledDialogTitle",componentId:"sc-18988adc-2"})(["background-color:var(--colorsUtilityYang100);padding:23px 32px 0;border-bottom:1px solid #ccd6db;border-top-right-radius:var(--borderRadius200);border-top-left-radius:var(--borderRadius200);",";","{align-items:baseline;}","{margin-bottom:20px;","{color:var(--colorsUtilityYin090);display:block;overflow:hidden;text-overflow:ellipsis;padding:",";}}"],(({showCloseIcon:i})=>i&&"padding-right: 85px"),a,d,r,(({hasSubtitle:i})=>!i&&"4px 0px")),h=i.div.attrs(t).withConfig({displayName:"dialog.style__StyledDialogContent",componentId:"sc-18988adc-3"})(["box-sizing:border-box;display:block;overflow-y:auto;width:100%;flex-grow:1;padding:24px 32px 30px;"," &:has(",".sticky){display:flex;flex-direction:column;padding:0;",".sticky{","{padding:24px 32px 30px;","}","{border-bottom-right-radius:var(--borderRadius200);border-bottom-left-radius:var(--borderRadius200);}}}"],e,l,l,s,e,p);export{g as DialogPositioner,m as StyledDialog,h as StyledDialogContent,x as StyledDialogTitle};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import t,{css as e}from"styled-components";import o from"../../style/themes/apply-base-theme.js";import i from"./content.style.js";import n from"../icon-button/icon-button.style.js";import l from"../../__internal__/full-screen-heading/full-screen-heading.style.js";import{StyledHeaderContent as s,StyledHeading as a,StyledHeader as p}from"../heading/heading.style.js";const d=t.div.attrs(o).withConfig({displayName:"dialog-full-screen.style__StyledDialogFullScreen",componentId:"sc-414daedb-0"})([":focus{outline:none;}background-color:var(--colorsUtilityMajor025);height:100%;left:0;position:fixed;top:0;width:100%;z-index:",";display:flex;flex-direction:column;","{align-items:baseline;}> ","{margin:0;position:absolute;right:40px;top:26px;z-index:1;}",""],(({theme:t})=>t.zIndex.fullScreenModal),s,n,(({pagesStyling:t})=>t&&e(["","{padding:0;}","{margin:0;position:absolute;right:33px;top:32px;z-index:1;}","{padding:32px 32px 0;}","{width:auto;padding-top:4px;","{margin:0 0 0 3px;box-sizing:content-box;width:100%;}}"],i,n,l,a,p)));export{d as default};
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import { PaddingProps } from "styled-system";
|
|
2
|
-
declare const StyledDraggableContainer: import("styled-components").StyledComponent<"div", any, {
|
|
2
|
+
declare const StyledDraggableContainer: import("styled-components").StyledComponent<"div", any, {
|
|
3
|
+
theme: object;
|
|
4
|
+
}, "theme">;
|
|
3
5
|
interface StyledDraggableItemProps extends PaddingProps {
|
|
4
6
|
isDragging?: boolean;
|
|
5
7
|
flexDirection?: "row" | "row-reverse";
|
|
6
8
|
}
|
|
7
|
-
declare const StyledDraggableItem: import("styled-components").StyledComponent<"div", any,
|
|
9
|
+
declare const StyledDraggableItem: import("styled-components").StyledComponent<"div", any, {
|
|
10
|
+
theme: object;
|
|
11
|
+
} & StyledDraggableItemProps, "theme">;
|
|
8
12
|
export { StyledDraggableContainer, StyledDraggableItem };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"styled-components";import{margin as t,padding as o}from"styled-system";import
|
|
1
|
+
import e from"styled-components";import{margin as t,padding as o}from"styled-system";import i from"../../../style/themes/apply-base-theme.js";const s=e.div.attrs(i).withConfig({displayName:"draggable-item.style__StyledDraggableContainer",componentId:"sc-4f2bb75-0"})(["",""],t),r=e.div.attrs(i).withConfig({displayName:"draggable-item.style__StyledDraggableItem",componentId:"sc-4f2bb75-1"})(["display:flex;align-items:center;border-bottom:1px solid var(--colorsUtilityMajor050);"," cursor:move;justify-content:space-between;flex-direction:",";opacity:",";"],o,(({flexDirection:e})=>e),(({isDragging:e})=>e?"0":"1"));export{s as StyledDraggableContainer,r as StyledDraggableItem};
|
|
@@ -20,8 +20,10 @@ interface StyledSidebarToggleButtonProps {
|
|
|
20
20
|
isExpanded?: boolean;
|
|
21
21
|
}
|
|
22
22
|
declare const StyledSidebarToggleButton: import("styled-components").StyledComponent<"button", any, {
|
|
23
|
+
theme: object;
|
|
24
|
+
} & {
|
|
23
25
|
type: "button";
|
|
24
|
-
} & StyledSidebarToggleButtonProps, "type">;
|
|
26
|
+
} & StyledSidebarToggleButtonProps, "theme" | "type">;
|
|
25
27
|
declare const StyledDrawerWrapper: import("styled-components").StyledComponent<"div", any, {
|
|
26
28
|
height: string;
|
|
27
29
|
}, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import i,{css as t,keyframes as
|
|
1
|
+
import i,{css as t,keyframes as o}from"styled-components";import a from"../tabs/tabs.style.js";import{Box as e}from"../box/box.component.js";import n from"../../__internal__/sticky-footer/sticky-footer.style.js";import r from"../../style/utils/add-focus-styling.js";import d from"../../style/themes/apply-base-theme.js";const s="var(--sizing500)",l=i.div.withConfig({displayName:"drawer.style__StyledSidebarHeader",componentId:"sc-62cbf750-0"})(["",""],(({isExpanded:i})=>t(["position:sticky;top:0;",""],i&&t(["border-bottom:var(--sizing010) solid #ccd6db;"])))),p=i.div.withConfig({displayName:"drawer.style__StyledSidebarTitle",componentId:"sc-62cbf750-1"})(["white-space:nowrap;padding:var(--spacing300) var(--spacing500);"]),c=i.div.withConfig({displayName:"drawer.style__StyledDrawerChildren",componentId:"sc-62cbf750-2"})(["flex:1;margin-left:1px;overflow:auto;"]),m=i(e).withConfig({displayName:"drawer.style__StyledDrawerSidebar",componentId:"sc-62cbf750-3"})([""," &::-webkit-scrollbar{width:12px;}"],(({hasControls:i,isExpanded:o})=>t([""," "," ",""],!o&&t(["display:none;opacity:0;"]),o&&t(["display:flex;flex-direction:column;flex:1 1 0%;"]),i&&t(["","{margin-top:48px;","}"],a,!o&&t(["display:none;"]))))),y=()=>o(["0%{float:right;}100%{float:right;}"]),h=()=>o(["0%{float:right;}80%{float:right;}100%{float:left;}"]),f=i.aside.withConfig({displayName:"drawer.style__StyledDrawerContent",componentId:"sc-62cbf750-4"})(["display:flex;flex-direction:column;min-width:",";width:",";min-height:40px;height:auto;position:relative;overflow:auto;",";&.open{min-width:52px;width:",";",",","{display:block;opacity:1;}}&.opening{animation:"," ease-in-out;",",","{animation:"," "," ease-in-out;}}&.closed{overflow:hidden;",",",",","{display:block;opacity:0;}}&.closing{animation:"," ease-in-out;",",",",","{animation:"," "," ease-in-out;}}"],s,s,(({backgroundColor:i})=>t(["background-color:",";border-right:1px solid ",";"],i||"var(--colorsUtilityMajor040)",i||"var(--colorsUtilityMajor075)")),(({expandedWidth:i})=>i),m,p,(({animationDuration:i,expandedWidth:a})=>t([""," ",""],(i=>o(["0%{width:",";overflow:hidden;min-width:",";}100%{width:",";min-width:52px;}"],s,s,i))(a),i)),m,p,(()=>o(["0%{opacity:0;}50%{opacity:0;}100%{opacity:1;}"])),(({animationDuration:i})=>i),m,p,n,(({animationDuration:i,expandedWidth:a})=>t([""," ",""],(i=>o(["0%{width:",";}100%{width:",";}"],i,s))(a),i)),m,p,n,(()=>o(["0%{opacity:1;}100%{opacity:0;display:none;}"])),(({animationDuration:i})=>i)),g=i.button.attrs(d).attrs({type:"button"}).withConfig({displayName:"drawer.style__StyledSidebarToggleButton",componentId:"sc-62cbf750-5"})(["",""],(({animationDuration:i,isExpanded:o})=>t(["position:absolute;top:var(--spacing300);right:8px;padding:var(--spacing100);width:var(--spacing300);height:var(--spacing300);display:flex;justify-content:center;align-items:center;transition:margin-right "," ease-in-out;background-color:transparent;border:none;z-index:1;animation:"," "," ease-in-out;border-radius:var(--borderRadius050);&:focus{","}&:hover{cursor:pointer;}",""],i,h,i,r(),o&&t(["transform:scaleX(-1);animation:"," "," ease-in-out;"],y,i)))),w=i.div.withConfig({displayName:"drawer.style__StyledDrawerWrapper",componentId:"sc-62cbf750-6"})(["display:flex;height:",";"],(({height:i})=>i));export{c as StyledDrawerChildren,f as StyledDrawerContent,m as StyledDrawerSidebar,w as StyledDrawerWrapper,l as StyledSidebarHeader,p as StyledSidebarTitle,g as StyledSidebarToggleButton};
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
declare const StyledDuellingPicklistOverlay: import("styled-components").StyledComponent<"div", any, {
|
|
2
|
+
theme: object;
|
|
3
|
+
} & {
|
|
2
4
|
disabled?: boolean | undefined;
|
|
3
|
-
},
|
|
5
|
+
}, "theme">;
|
|
4
6
|
declare const StyledDuellingPicklist: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
7
|
declare const StyledLabelContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
8
|
declare const StyledLabel: import("styled-components").StyledComponent<"p", any, {}, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{css as t}from"styled-components";import{margin as i}from"styled-system";import
|
|
1
|
+
import e,{css as t}from"styled-components";import{margin as i}from"styled-system";import l from"../../style/themes/apply-base-theme.js";const n=e.div.attrs(l).withConfig({displayName:"duelling-picklist.style__StyledDuellingPicklistOverlay",componentId:"sc-c5d06e9c-0"})([""," transition:opacity 0.3s;",""],i,(({disabled:e})=>e&&t(["opacity:0.2;pointer-events:none;user-select:none;"]))),s=e.div.withConfig({displayName:"duelling-picklist.style__StyledDuellingPicklist",componentId:"sc-c5d06e9c-1"})(["display:flex;justify-content:space-between;align-items:stretch;position:relative;"]),d=e.div.withConfig({displayName:"duelling-picklist.style__StyledLabelContainer",componentId:"sc-c5d06e9c-2"})(["display:flex;justify-content:space-around;margin-top:40px;margin-bottom:16px;"]),o=e.p.withConfig({displayName:"duelling-picklist.style__StyledLabel",componentId:"sc-c5d06e9c-3"})(["font-weight:500;font-size:12px;letter-spacing:1;margin:0;"]),c=e.div.withConfig({displayName:"duelling-picklist.style__StyledControlsContainer",componentId:"sc-c5d06e9c-4"})(["display:flex;justify-content:space-around;margin-bottom:16px;"]),p=e.div.withConfig({displayName:"duelling-picklist.style__StyledControl",componentId:"sc-c5d06e9c-5"})(["width:50%;padding-right:40px;& ~ &{padding-right:0;padding-left:40px;}"]),a=e.div.withConfig({displayName:"duelling-picklist.style__StyledPicklistPlaceholder",componentId:"sc-c5d06e9c-6"})(["height:100%;display:flex;justify-content:center;align-items:center;"]);export{p as StyledControl,c as StyledControlsContainer,s as StyledDuellingPicklist,n as StyledDuellingPicklistOverlay,o as StyledLabel,d as StyledLabelContainer,a as StyledPicklistPlaceholder};
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
declare const StyledPicklist: import("styled-components").StyledComponent<"div", any,
|
|
1
|
+
declare const StyledPicklist: import("styled-components").StyledComponent<"div", any, {
|
|
2
|
+
theme: object;
|
|
3
|
+
} & import("../../box").BoxProps & {
|
|
2
4
|
cssProps?: {
|
|
3
5
|
color?: string | undefined;
|
|
4
6
|
opacity?: string | undefined;
|
|
@@ -7,6 +9,6 @@ declare const StyledPicklist: import("styled-components").StyledComponent<"div",
|
|
|
7
9
|
} | undefined;
|
|
8
10
|
} & {
|
|
9
11
|
as: string;
|
|
10
|
-
}, "as">;
|
|
12
|
+
}, "theme" | "as">;
|
|
11
13
|
declare const StyledEmptyContainer: import("styled-components").StyledComponent<"li", any, {}, never>;
|
|
12
14
|
export { StyledPicklist, StyledEmptyContainer };
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
export interface StyledFieldsetProps {
|
|
2
2
|
newValidation?: boolean;
|
|
3
3
|
}
|
|
4
|
-
declare const FieldsetStyle: import("styled-components").StyledComponent<"fieldset", any,
|
|
4
|
+
declare const FieldsetStyle: import("styled-components").StyledComponent<"fieldset", any, {
|
|
5
|
+
theme: object;
|
|
6
|
+
} & StyledFieldsetProps, "theme">;
|
|
5
7
|
export interface StyledLegendProps {
|
|
6
8
|
/** Flag to configure fields as mandatory. */
|
|
7
9
|
isRequired?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import t,{css as e}from"styled-components";import{margin as i}from"styled-system";import o from"../../__internal__/form-field/form-field.style.js";import n from"../../style/themes/base
|
|
1
|
+
import t,{css as e}from"styled-components";import{margin as i}from"styled-system";import o from"../../__internal__/form-field/form-field.style.js";import n from"../../style/themes/apply-base-theme.js";import a from"../checkbox/checkbox.style.js";const r=t.fieldset.attrs(n).withConfig({displayName:"fieldset.style__FieldsetStyle",componentId:"sc-adaa50d0-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;",""],i,(({newValidation:t})=>!t&&e(["& *{--fieldSpacing:0;}&&&& ","{margin-top:0;margin-bottom:-1px;}& ","{padding-top:8px;padding-bottom:8px;}"],o,a))),l=t.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"sc-adaa50d0-1"})(["display:flex;align-items:center;margin-bottom:var(--spacing250);font-size:var(--fontSizes400);font-weight:var(--fontWeights500);color:var(--colorsUtilityYin090);line-height:24px;"," ",""],(({isRequired:t})=>t&&e(['::after{content:"*";line-height:24px;color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing100);position:relative;top:1px;left:-4px;}'])),(({isOptional:t,optionalLabel:i})=>t&&e(['::after{content:"(',')";color:var(--colorsUtilityYin055);font-weight:var(--fontWeights400);margin-left:var(--spacing050);}'],i)));export{r as FieldsetStyle,l as StyledLegend};
|
|
@@ -8,7 +8,9 @@ interface StyledFlatTableCellProps extends Pick<FlatTableCellProps, "align" | "v
|
|
|
8
8
|
rightPosition: number;
|
|
9
9
|
expandable?: boolean;
|
|
10
10
|
}
|
|
11
|
-
declare const StyledFlatTableCell: import("styled-components").StyledComponent<"td", any,
|
|
11
|
+
declare const StyledFlatTableCell: import("styled-components").StyledComponent<"td", any, {
|
|
12
|
+
theme: object;
|
|
13
|
+
} & StyledFlatTableCellProps, "theme">;
|
|
12
14
|
declare const StyledCellContent: import("styled-components").StyledComponent<"div", any, {
|
|
13
15
|
expandable?: boolean | undefined;
|
|
14
16
|
}, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o,{css as t}from"styled-components";import{padding as e}from"styled-system";import l from"../../../style/themes/base
|
|
1
|
+
import o,{css as t}from"styled-components";import{padding as e}from"styled-system";import l from"../../../style/themes/apply-base-theme.js";import{toColor as i}from"../../../style/utils/color.js";const r={small:"1px",medium:"2px",large:"4px"},a=o.td.attrs(l).withConfig({displayName:"flat-table-cell.style__StyledFlatTableCell",componentId:"sc-2bb2b0ea-0"})(["",""],(({align:o,theme:l,rowSpan:a,leftPosition:s,rightPosition:d,makeCellSticky:p,colWidth:n,isTruncated:c,expandable:m,verticalBorder:b,verticalBorderColor:y})=>t(["background-color:var(--colorsUtilityYang100);border-width:0;border-bottom:1px solid var(--colorsUtilityMajor100);text-align:",";vertical-align:middle;padding:0;"," &&&&{> div{box-sizing:border-box;"," "," ","}"," ",' [data-component="icon"]:not([color]){color:var(--colorsActionMinor500);}}&:first-of-type{border-left:1px solid var(--colorsUtilityMajor100);}&:last-of-type{border-right:1px solid var(--colorsUtilityMajor100);}'," "," ",""],o,n&&t(["width:","px;"],n),c&&t(["text-overflow:ellipsis;overflow:hidden;white-space:nowrap;"]),n&&t(["width:","px;"],n),e,b&&t(["border-right:"," solid var(--colorsUtilityMajor300);"],r[b]),y&&t(["border-right-color:",";"],i(l,y)),a&&t(["&:first-of-type + &{border-left:1px solid var(--colorsUtilityMajor100);}"]),p&&t([""," "," position:sticky;"],void 0!==s&&`left: ${s}px;`,void 0!==d&&`right: ${d}px;`),m&&t(["white-space:nowrap;"])))),s=o.div.withConfig({displayName:"flat-table-cell.style__StyledCellContent",componentId:"sc-2bb2b0ea-1"})(["",""],(({expandable:o})=>o&&t(["display:flex;align-items:center;line-height:1em;"])));export{s as StyledCellContent,a as StyledFlatTableCell};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"styled-components";import t from"../../../style/themes/base
|
|
1
|
+
import e from"styled-components";import t from"../../../style/themes/apply-base-theme.js";import{StyledFlatTableRowHeader as a}from"../flat-table-row-header/flat-table-row-header.style.js";import o from"../flat-table-checkbox/flat-table-checkbox.style.js";const l=e.thead.attrs(t).withConfig({displayName:"flat-table-head.style__StyledFlatTableHead",componentId:"sc-27155f22-0"})(["&&&{","{border-left:none;border-right:none;}",",","{font-weight:500;}}"],o,a,o);export{l as default};
|
|
@@ -8,5 +8,7 @@ interface StyledFlatTableHeaderProps extends Pick<FlatTableHeaderProps, "align"
|
|
|
8
8
|
leftPosition: number;
|
|
9
9
|
rightPosition: number;
|
|
10
10
|
}
|
|
11
|
-
declare const StyledFlatTableHeader: import("styled-components").StyledComponent<"th", any,
|
|
11
|
+
declare const StyledFlatTableHeader: import("styled-components").StyledComponent<"th", any, {
|
|
12
|
+
theme: object;
|
|
13
|
+
} & StyledFlatTableHeaderProps, "theme">;
|
|
12
14
|
export default StyledFlatTableHeader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{css as t}from"styled-components";import{padding as
|
|
1
|
+
import e,{css as t}from"styled-components";import{padding as r}from"styled-system";import o from"./flat-table-header-utils.js";import i from"../../../style/themes/apply-base-theme.js";import{toColor as l}from"../../../style/utils/color.js";const a={small:"1px",medium:"2px",large:"4px"},d=e.th.attrs(i).withConfig({displayName:"flat-table-header.style__StyledFlatTableHeader",componentId:"sc-e08b6c47-0"})(["",""],(({align:e,alternativeBgColor:i,colWidth:d,leftPosition:n,rightPosition:s,makeCellSticky:p,verticalBorder:m,verticalBorderColor:c,colorTheme:h,theme:g})=>t(["background-color:transparent;border-width:0;box-sizing:border-box;font-weight:500;left:auto;text-align:",";user-select:none;vertical-align:middle;white-space:nowrap;word-break:keep-all;padding:0;"," &:first-child{padding-left:1px;}&&&{> div{box-sizing:border-box;"," ","}}",";"," &&&{"," ","}}"],e,d&&t(["width:","px;"],d),r,d&&t(["width:","px;"],d),i&&t(["&&&{background-color:",";}&&&:first-child{border-left:unset;}"],o(h)),p&&t([""," "," position:sticky;&:first-child{padding-right:0.395em;@-moz-document url-prefix(){padding-right:2px;}@media not all and (min-resolution:.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){padding-right:0.9em;}}"],void 0!==n&&`left: ${n}px;`,void 0!==s&&`right: ${s}px;`),m&&t(["border-right-width:",";"],a[m]),c&&t(["border-right-color:",";"],l(g,c)))));export{d as default};
|
|
@@ -18,5 +18,7 @@ interface StyledFlatTableRowProps extends Pick<FlatTableRowProps, "bgColor" | "h
|
|
|
18
18
|
stickyOffset?: number;
|
|
19
19
|
rowHeight?: number;
|
|
20
20
|
}
|
|
21
|
-
declare const StyledFlatTableRow: import("styled-components").StyledComponent<"tr", any,
|
|
21
|
+
declare const StyledFlatTableRow: import("styled-components").StyledComponent<"tr", any, {
|
|
22
|
+
theme: object;
|
|
23
|
+
} & StyledFlatTableRowProps, "theme">;
|
|
22
24
|
export default StyledFlatTableRow;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o,{css as r}from"styled-components";import
|
|
1
|
+
import o,{css as r}from"styled-components";import t from"../../../style/themes/apply-base-theme.js";import{StyledFlatTableCell as e}from"../flat-table-cell/flat-table-cell.style.js";import{StyledFlatTableRowHeader as i}from"../flat-table-row-header/flat-table-row-header.style.js";import l from"../flat-table-checkbox/flat-table-checkbox.style.js";import a from"../flat-table-header/flat-table-header.style.js";import s from"../../icon/icon.style.js";import{toColor as n}from"../../../style/utils/color.js";import d from"../../../style/utils/add-focus-styling.js";import{getNavigator as c}from"../../../__internal__/dom/globals.js";import{isSafari as b}from"../../../__internal__/utils/helpers/browser-type-check/index.js";const p={medium:"2px",large:"4px"},h=o=>`\n ${d(!0)}\n z-index: ${o.zIndex.overlay+5};\n `,f=o=>`\n width: calc(100% + 1px);\n z-index: ${o.zIndex.overlay};\n :before {\n content: "";\n border-top: 2px solid var(--colorsSemanticFocus500);\n border-bottom: 2px solid var(--colorsSemanticFocus500);\n display: block;\n left: -2px;\n top: 0px;\n height: calc(100% - 3px);\n width: 103%;\n position: absolute;\n z-index: ${o.zIndex.overlay};\n }\n }\n `,v=o=>{switch(o){case"light":return"var(--colorsUtilityMajor100)";case"transparent-base":return"var(--colorsUtilityMajor025)";case"transparent-white":return"var(--colorsUtilityYang100)";default:return"var(--colorsUtilityMajor400)"}},y=o=>{switch(o){case"transparent-base":return"var(--colorsUtilityMajor025)";case"transparent-white":return"var(--colorsUtilityYang100)";default:return"var(--colorsUtilityMajor100)"}},m=o.tr.attrs(t).withConfig({displayName:"flat-table-row.style__StyledFlatTableRow",componentId:"sc-a9da2fe4-0"})(["",""],(({bgColor:o,horizontalBorderColor:t,horizontalBorderSize:d,stickyOffset:m,isRowInteractive:u,isFirstColumnInteractive:x,lhsRowHeaderIndex:g,rhsRowHeaderIndex:j,totalChildren:w,firstCellIndex:M,colorTheme:U,expandable:k,selected:z,highlighted:_,isExpanded:$,isInSidebar:I,isSubRow:S,isFirstSubRow:R,size:F,theme:C,isDragging:A,draggable:H,rowHeight:B})=>{const T=c(),Y=o?n(C,o):void 0,D=t?n(C,t):void 0,E=I?"var(--colorsUtilityMajor150)":"var(--colorsUtilityMajor075)",N=I?"var(--colorsUtilityMajor100)":"var(--colorsUtilityMajor050)",O=`${i}, ${e}, ${l}`;return r(["border-collapse:separate;border-radius:0px;border-spacing:0;min-width:100%;table-layout:fixed;width:auto;:focus-visible{outline:none;}","{"," "," ","}"," + td{border-left:none;}"," "," "," ","{border-bottom:1px solid ",";"," ","}"," "," "," "," "," "," "," "," "," "," ",""],O,Y&&`background-color: ${Y};`,"small"!==d&&r(["border-bottom:"," solid var(--colorsUtilityMajor100);"],p[d]),D&&r(["border-bottom-color:",";"],D),i,-1!==g&&r(["",":nth-child(","){border-right:2px solid ",";}"],i,g+1,y(U)),-1!==j&&r(["",":nth-child(","){border-left:2px solid ",";}",":nth-child(","){border-right:none;}"],i,j+1,y(U),a,j),j===w-1&&r(["td:last-of-type{border-right:none;}"]),a,v(U),"small"!==d&&r(["border-bottom:"," solid var(--colorsUtilityMajor100);"],p[d]),!I&&!(null==U?void 0:U.includes("transparent"))&&`\n :first-child {\n border-left: 1px solid ${v(U)};\n }\n `,void 0!==m&&r(["&& th{top:","px;}"],m),u&&r(['cursor:pointer;:focus{position:relative;:after{content:"";box-sizing:border-box;position:absolute;left:0px;right:0px;top:0;bottom:0px;'," pointer-events:none;}:last-child{:after{border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius100);}}:first-child{:after{top:0px;}}"," ","{"," "," ","}","}:hover{","{background-color:",";}}"],h(C),T&&b(T)&&r(['position:-webkit-sticky;:after{border:none;content:"";height:',"px;","}"],B,h(C)),i,0===g&&C&&r(["&:first-of-type::before{border-left:3px solid var(--colorsSemanticFocus500);}"]),((o,t,e)=>o===t-1&&e&&r(["&:last-of-type{border-right:2px solid var(--colorsSemanticFocus500);}"]))(j,w,C),f(C),![-1,0].includes(g)&&r(["",""],Array.from({length:g}).map(((o,r)=>`\n td:nth-of-type(${r+1}) {\n ${f(C)}\n }\n `))),O,Y||"var(--colorsUtilityMajor025)"),x&&r(["td:nth-child(","),th:nth-child(","){cursor:pointer;:focus{","}:hover{background-color:",";}}"],M+1,M+1,h(C),Y||"var(colorsUtilityMajor025)"),I&&r(["","{background-color:",";};}","{background-color:var(--colorsUtilityMajor040);border-bottom-color:var(--colorsUtilityMajor100);}td:first-of-type,th:first-of-type{border-left:none;}td:last-of-type{border-right:none;}","{border-right:1px solid ",";}",""],O,o||"var(--colorsUtilityMajor040)",a,l,N,u&&r([":hover{",",",":not(th){background-color:",";}}"],e,l,Y||"var(--colorsUtilityMajor075)")),k&&r(["",":first-child > div,",":first-child > div,"," + "," > div{",'[type="chevron_down_thick"]:first-of-type{transition:transform 0.3s;',"}}"],e,i,l,e,s,!$&&r(["transform:rotate(-90deg);"])),S&&r(["","{background-color:",";}",":first-child > div,",":first-child > div,"," + "," > div{padding-left:",";}"],O,Y||"var(--colorsActionMinor025)",e,i,l,e,"compact"===F?"32px":"40px"),A&&r(["border:"," 2px solid;","{background-color:",";}"],I?"var(--colorsUtilityMajor300)":"var(--colorsUtilityMajor200)",O,I?"var(--colorsUtilityMajor200)":"var(--colorsUtilityMajor150)"),H&&r(["",":first-of-type{font-size:20px;color:var(--colorsActionMinor500);}"],s),R&&r(["","{box-shadow:var(--boxShadow075);}"],O),_&&r(["","{background-color:",";}:hover{",",",",",":not(th){background-color:",";}}"],O,Y||N,e,i,l,Y||N),z&&r(["",",","{background-color:",";}:hover{",",",",",":not(th){background-color:",";}}"],e,l,Y||E,e,i,l,Y||E))}));export{m as default};
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { FlatTableRowHeaderProps } from "./flat-table-row-header.component";
|
|
2
2
|
declare const StyledFlatTableRowHeader: import("styled-components").StyledComponent<"th", any, {
|
|
3
|
+
theme: object;
|
|
4
|
+
} & {
|
|
3
5
|
"data-sticky-align": "left" | "right" | undefined;
|
|
4
6
|
} & FlatTableRowHeaderProps & {
|
|
5
7
|
expandable?: boolean | undefined;
|
|
6
8
|
leftPosition?: number | undefined;
|
|
7
9
|
rightPosition?: number | undefined;
|
|
8
|
-
}, "data-sticky-align">;
|
|
10
|
+
}, "theme" | "data-sticky-align">;
|
|
9
11
|
declare const StyledFlatTableRowHeaderContent: import("styled-components").StyledComponent<"div", any, {
|
|
10
12
|
expandable?: boolean | undefined;
|
|
11
13
|
}, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import t,{css as
|
|
1
|
+
import t,{css as o}from"styled-components";import{padding as e}from"styled-system";import i from"../../../style/themes/apply-base-theme.js";import{toColor as r}from"../../../style/utils/color.js";import l from"../../icon/icon.style.js";const a={small:"1px",medium:"2px",large:"4px"},n=t.th.attrs(i).attrs((({stickyAlignment:t})=>({"data-sticky-align":t}))).withConfig({displayName:"flat-table-row-header.style__StyledFlatTableRowHeader",componentId:"sc-2badc15b-0"})(["",""],(({align:t,theme:i,width:l,leftPosition:n,rightPosition:d,truncate:s,expandable:p,verticalBorder:c,verticalBorderColor:m,stickyAlignment:h})=>o(["background-color:var(--colorsUtilityYang100);border:1px solid var(--colorsUtilityMajor100);border-top:none;box-sizing:border-box;left:0;font-weight:normal;position:sticky;text-align:",";top:auto;vertical-align:middle;padding:0;z-index:",";"," &&&&{> div{box-sizing:border-box;"," "," ","}"," "," "," ",' [data-component="icon"]:not([color]){color:var(--colorsActionMinor500);}}',""],t,i.zIndex.overlay,l&&o(["width:","px;"],l),s&&o(["text-overflow:ellipsis;overflow:hidden;white-space:nowrap;"]),l&&o(["width:","px;"],l),e,void 0!==n&&o(["left:","px;"],n),void 0!==d&&o(["right:","px;"],d),c&&o(["border-","-width:",";"],"right"===h?"left":"right",a[c]),m&&o(["border-","-color:",";"],"right"===h?"left":"right",r(i,m)),p&&o(["white-space:nowrap;"])))),d=t.div.withConfig({displayName:"flat-table-row-header.style__StyledFlatTableRowHeaderContent",componentId:"sc-2badc15b-1"})(["",""],(({expandable:t})=>t&&o(["display:flex;align-items:center;line-height:1em;","{width:20px;height:20px;}"],l)));export{n as StyledFlatTableRowHeader,d as StyledFlatTableRowHeaderContent};
|
|
@@ -12,13 +12,17 @@ interface StyledFlatTableWrapperProps extends Pick<FlatTableProps, "hasStickyFoo
|
|
|
12
12
|
isFocused: boolean;
|
|
13
13
|
bottomBorderRadius: NonNullable<FlatTableProps["bottomBorderRadius"]>;
|
|
14
14
|
}
|
|
15
|
-
declare const StyledFlatTableWrapper: import("styled-components").StyledComponent<"div", any,
|
|
15
|
+
declare const StyledFlatTableWrapper: import("styled-components").StyledComponent<"div", any, {
|
|
16
|
+
theme: object;
|
|
17
|
+
} & import("../box").BoxProps & {
|
|
16
18
|
cssProps?: {
|
|
17
19
|
color?: string | undefined;
|
|
18
20
|
opacity?: string | undefined;
|
|
19
21
|
height?: string | undefined;
|
|
20
22
|
width?: string | undefined;
|
|
21
23
|
} | undefined;
|
|
22
|
-
} & StyledFlatTableWrapperProps,
|
|
23
|
-
declare const StyledFlatTableFooter: import("styled-components").StyledComponent<"div", any,
|
|
24
|
+
} & StyledFlatTableWrapperProps, "theme">;
|
|
25
|
+
declare const StyledFlatTableFooter: import("styled-components").StyledComponent<"div", any, {
|
|
26
|
+
theme: object;
|
|
27
|
+
} & Pick<FlatTableProps, "hasStickyFooter">, "theme">;
|
|
24
28
|
export { StyledFlatTableWrapper, StyledFlatTable, StyledFlatTableFooter, StyledTableContainer, };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import o,{css as r}from"styled-components";import t from"./flat-table-header/flat-table-header.style.js";import
|
|
1
|
+
import o,{css as r}from"styled-components";import t from"./flat-table-header/flat-table-header.style.js";import a from"./flat-table-row/flat-table-row.style.js";import{StyledFlatTableRowHeader as l}from"./flat-table-row-header/flat-table-row-header.style.js";import i from"./flat-table-head/flat-table-head.style.js";import e from"./flat-table-checkbox/flat-table-checkbox.style.js";import d from"../../style/themes/apply-base-theme.js";import{StyledFlatTableCell as s}from"./flat-table-cell/flat-table-cell.style.js";import c from"./cell-sizes.style.js";import b from"../box/box.style.js";import{StyledPagerContainer as n}from"../pager/pager.style.js";import y from"../../style/utils/add-focus-styling.js";const h=o.div.withConfig({displayName:"flat-table.style__StyledTableContainer",componentId:"sc-43c3dd9c-0"})([""," :focus{outline:none;}"],(({width:o,overflowX:t})=>o&&r(["width:",";",""],o,t&&`overflow-x: ${t};`))),f=o.table.withConfig({displayName:"flat-table.style__StyledFlatTable",componentId:"sc-43c3dd9c-1"})(["border-collapse:separate;border-spacing:0;width:100%;@-moz-document url-prefix(){overflow:hidden;border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);}"," "," ",""],(({caption:o})=>o&&r(["caption{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;width:1px;position:absolute;top:-99999px;}"])),(({size:o})=>{const{height:i,fontSize:d,paddingSize:b}=c[o];return r(["","{height:",";}"," > div,"," > div,"," > div,"," > div{font-size:",";padding-left:",";padding-right:",";}"],a,i,s,t,l,e,d,b,b)}),(({isZebra:o})=>o&&r(["",":nth-child(2n){",",",",","{background-color:var(--colorsUtilityMajor010);}}",":hover{",",",",",":not(th){background-color:var(--colorsUtilityMajor025);}}"],a,l,s,e,a,s,l,e))),p=o(b).attrs(d).withConfig({displayName:"flat-table.style__StyledFlatTableWrapper",componentId:"sc-43c3dd9c-2"})(["border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);"," "," "," "," "," "," "," ",",",".isSticky,"," ",".isSticky{z-index:",";}thead ",".isSticky,",".isSticky{border-right:none;}",",","{z-index:",";}thead{",":first-of-type{th:first-of-type{border-top-left-radius:var(--borderRadius100);}","}}tbody ",",",".isSticky,tbody ",".isSticky{z-index:",";}tbody ",".bringToFront,",".bringToFront,tbody ",".bringToFront{z-index:",";}"," ",""],(({hasOuterVerticalBorders:o})=>!o&&r(["","{& > ",":first-child{border-left-color:var(--colorsUtilityMajorTransparent);}& > ",":last-child{border-right-color:var(--colorsUtilityMajorTransparent);}}"],a,s,s)),(({hasStickyFooter:o,hasHorizontalScrollbar:t,bottomBorderRadius:a})=>!o&&!t&&r(["border-bottom-left-radius:var(--",");border-bottom-right-radius:var(--",");"],a,a)),(({isInSidebar:o,isFocused:t})=>r(["box-sizing:border-box;"," ",""],t&&r(["",""],y()),o?"min-width: fit-content;":"")),(({colorTheme:o})=>{switch(o){case"light":return r(["",","," ","{background-color:var(--colorsUtilityMajor100);border-right:1px solid var(--colorsUtilityMajor150);border-bottom-color:var(--colorsUtilityMajor150);}"," ","{background-color:var(--colorsUtilityMajor100);border-bottom-color:var(--colorsUtilityMajor150);border-right-color:var(--colorsUtilityMajor150);border-left-color:var(--colorsUtilityMajor150);}"],t,i,e,i,l);case"transparent-base":return r(["",","," ","{background-color:var(--colorsUtilityMajor025);border-bottom-color:var(--colorsUtilityMajor100);}"," ","{background-color:var(--colorsUtilityMajor025);border-bottom-color:var(--colorsUtilityMajor100);border-right-color:var(--colorsUtilityMajor025);border-left-color:var(--colorsUtilityMajor025);}"],t,i,e,i,l);case"transparent-white":return r(["",","," ","{background-color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor100);}"," ","{background-color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor100);border-right-color:var(--colorsUtilityYang100);border-left-color:var(--colorsUtilityYang100);}"],t,i,e,i,l);default:return r([""," ",",",",","{background-color:var(--colorsUtilityMajor400);border-right:1px solid var(--colorsUtilityMajor300);color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor300);}"," ","{background-color:var(--colorsUtilityMajor400);color:var(--colorsUtilityYang100);border-bottom-color:var(--colorsUtilityMajor300);border-right-color:var(--colorsUtilityMajor300);border-left-color:var(--colorsUtilityMajor300);}"],i,e,t,i,i,l)}}),(({isInSidebar:o})=>o&&r(["","{background-color:var(--colorsUtilityMajor040);}",","," ",","," ","{background-color:var(--colorsUtilityMajor040);border-right:2px solid var(--colorsUtilityMajor040);color:var(--colorsUtilityYin090);border-bottom-color:var(--colorsUtilityMajor100);}"],i,t,i,l,i,e)),(({hasStickyHead:o,theme:t})=>o&&r(["","{position:sticky;top:0;left:0;z-index:",";}"],i,t.zIndex.overlay+5)),i,l,t,i,e,(({theme:o})=>o.zIndex.overlay+5),t,e,t,e,(({theme:o})=>o.zIndex.overlay+3),a,(({hasVerticalScrollbar:o})=>!o&&r(["th:last-of-type{border-top-right-radius:var(--borderRadius100);}"])),l,s,e,(({theme:o})=>o.zIndex.overlay),l,s,e,(({theme:o})=>o.zIndex.overlay+5),(({footer:o})=>o&&r(["tr:last-child:focus{:after{border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}"])),(({footer:o,firstColRowSpanIndex:t,lastColRowSpanIndex:l,hasHorizontalScrollbar:i,hasVerticalScrollbar:e,bottomBorderRadius:d})=>!o&&r(["tbody{"," "," ",":last-of-type{"," ","}}"],t>=0&&r(["",":nth-of-type(","){th:first-child,td:first-child{border-bottom-left-radius:var(--borderRadius100);}}"],a,t+1),l>=0&&!i&&r(["",":nth-of-type(","){th:last-child,td:last-child{border-bottom-right-radius:var(--borderRadius100);}}"],a,l+1),a,!i&&-1===t&&r(["th:first-child,td:first-child{border-bottom-left-radius:var(--",");}"],d),!e&&!i&&-1===l&&r(["th:last-child,td:last-child{border-bottom-right-radius:var(--",");}"],d)))),v=o.div.attrs(d).withConfig({displayName:"flat-table.style__StyledFlatTableFooter",componentId:"sc-43c3dd9c-3"})(["& > ","{border-top:none;border-top-left-radius:0;border-top-right-radius:0;}",""],n,(({hasStickyFooter:o,theme:t})=>o&&r(["position:sticky;bottom:0px;z-index:",";","{border-bottom-left-radius:0;border-bottom-right-radius:0;}"],t.zIndex.overlay+1,n)));export{f as StyledFlatTable,v as StyledFlatTableFooter,p as StyledFlatTableWrapper,h as StyledTableContainer};
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { StyledIconProps } from "../../icon/icon.style";
|
|
3
3
|
import { SortProps } from "./sort.component";
|
|
4
|
-
declare const StyledSort: import("styled-components").StyledComponent<"div", any,
|
|
4
|
+
declare const StyledSort: import("styled-components").StyledComponent<"div", any, {
|
|
5
|
+
theme: object;
|
|
6
|
+
} & Pick<SortProps, "sortType">, "theme">;
|
|
5
7
|
declare const StyledSpaceHolder: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
8
|
interface StylesSortIconProps extends StyledIconProps {
|
|
7
9
|
iconColor?: string;
|