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
|
-
"use strict";var o=require("styled-components"),
|
|
1
|
+
"use strict";var o=require("styled-components"),t=require("styled-system"),i=require("../icon/icon.component.js"),e=require("../../style/themes/apply-base-theme.js"),n=require("../../__internal__/validations/validation-icon.style.js"),r=require("../../style/utils/add-focus-styling.js");function a(o){return o&&o.__esModule?o:{default:o}}var s=a(o);const c=s.default.div.attrs(e.default).withConfig({displayName:"accordion.style__StyledAccordionGroup",componentId:"sc-f1b48a4b-0"})(["",""],t.margin),d=s.default.div.attrs(e.default).withConfig({displayName:"accordion.style__StyledAccordionContainer",componentId:"sc-f1b48a4b-1"})([""," display:flex;",";justify-content:center;flex-direction:column;box-sizing:border-box;width:",";color:var(--colorsUtilityYin090);background-color:",";border:1px solid var(--colorsUtilityMajor100);"," "," ",""],t.space,(({variant:t})=>t&&o.css(["align-items:stretch;"])),(({width:o})=>o||"100%"),(({variant:o})=>"subtle"!==o?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajorTransparent)"),(({borders:t})=>"default"===t&&o.css(["border-left:none;border-right:none;"])),(({borders:t})=>"none"===t&&o.css(["border:none;"])),(({variant:t})=>"subtle"!==t&&o.css(["& + &{margin-top:-1px;border-top:1px solid var(--colorsUtilityMajor100);border-bottom:1px solid var(--colorsUtilityMajor100);}"]))),l=s.default.h3.withConfig({displayName:"accordion.style__StyledAccordionTitle",componentId:"sc-f1b48a4b-2"})(["font-size:",";font-weight:500;line-height:1;user-select:none;margin:0;"],(({size:o,variant:t})=>"small"===o||"subtle"===t?"var(--fontSizes200)":"var(--fontSizes400)")),p=s.default.span.withConfig({displayName:"accordion.style__StyledAccordionSubTitle",componentId:"sc-f1b48a4b-3"})(["margin-top:8px;"]),g=s.default(i.default).withConfig({displayName:"accordion.style__StyledAccordionIcon",componentId:"sc-f1b48a4b-4"})(["transition:transform 0.3s;transform:rotate(0deg);margin-right:",";"," color:var(--colorsActionMinor500);"],(({iconAlign:o})=>"left"===o?"var(--spacing200)":"var(--spacing000)"),(({isExpanded:o,iconAlign:t})=>o&&("right"===t?"transform: rotate(180deg);":"transform: rotate(-180deg);"))),f=s.default.div.withConfig({displayName:"accordion.style__StyledAccordionHeadingsContainer",componentId:"sc-f1b48a4b-5"})(["padding-right:var(--sizing300);",""],(({hasValidationIcon:t})=>o.css(["display:grid;"," "," ","{height:20px;position:relative;top:2px;}"],t&&o.css(["grid-template-columns:min-content auto;","{grid-column:span 3;}"],p),!t&&o.css(["grid-template-rows:auto auto;"]),n.default))),y=s.default.div.attrs(e.default).withConfig({displayName:"accordion.style__StyledAccordionTitleContainer",componentId:"sc-f1b48a4b-6"})(["",""],(({iconAlign:i,size:e,isExpanded:n,variant:a})=>o.css(["padding:",";"," display:flex;align-items:center;justify-content:space-between;"," cursor:pointer;z-index:1;&:focus{","}"," ",""],"small"===e?"var(--spacing200)":"var(--spacing300)",t.space,"left"===i&&o.css(["justify-content:flex-end;flex-direction:row-reverse;"]),r.default(),"subtle"===a&&o.css(["color:var(--colorsActionMajor500);padding:var(--spacing025);margin-bottom:",";width:fit-content;","{color:var(--colorsActionMajor500);",";}:hover{color:var(--colorsActionMajor600);","{color:var(--colorsActionMajor600);}}"],n&&"var(--spacing200)",g,"left"===i&&"margin-right: var(--spacing050)",g),"subtle"!==a&&o.css(["&:hover{background-color:var(--colorsUtilityMajor050);}"])))),u=s.default.div.withConfig({displayName:"accordion.style__StyledAccordionContentContainer",componentId:"sc-f1b48a4b-7"})(["flex-grow:1;box-sizing:border-box;overflow:hidden;transition:all 0.3s;",""],(({maxHeight:t,isExpanded:i})=>o.css(["max-height:",";height:",";",""],i?`${t}px`:"0px",i?`${t}px`:"0px",!i&&"\n visibility: hidden;\n "))),v=s.default.div.withConfig({displayName:"accordion.style__StyledAccordionContent",componentId:"sc-f1b48a4b-8"})(["padding:var(--spacing300);padding-top:var(--spacing100);overflow:hidden;"," ",""],(({variant:t})=>"subtle"===t&&o.css(["margin-left:var(--spacing150);padding:var(--spacing100) var(--spacing200) var(--spacing300);border-left:2px solid var(--colorsUtilityMajor100);"])),(({disableContentPadding:t})=>t&&o.css(["padding:0;"])));exports.StyledAccordionContainer=d,exports.StyledAccordionContent=v,exports.StyledAccordionContentContainer=u,exports.StyledAccordionGroup=c,exports.StyledAccordionHeadingsContainer=f,exports.StyledAccordionIcon=g,exports.StyledAccordionSubTitle=p,exports.StyledAccordionTitle=l,exports.StyledAccordionTitleContainer=y;
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
declare const Menu: import("styled-components").StyledComponent<"ul", any, {
|
|
3
|
+
theme: object;
|
|
4
|
+
} & {
|
|
3
5
|
isOpen: boolean;
|
|
4
6
|
submenuLeft: boolean;
|
|
5
7
|
iconLeft: boolean;
|
|
6
|
-
},
|
|
8
|
+
}, "theme">;
|
|
7
9
|
declare const StyledMenuItemInnerText: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
10
|
declare const StyledMenuItem: import("styled-components").StyledComponent<"button", any, {
|
|
9
11
|
isDisabled: boolean;
|
|
@@ -12,7 +14,9 @@ declare const StyledMenuItemWrapper: import("styled-components").StyledComponent
|
|
|
12
14
|
declare const MenuItemDivider: import("styled-components").StyledComponent<"li", any, {
|
|
13
15
|
"data-element": string;
|
|
14
16
|
}, "data-element">;
|
|
15
|
-
declare const MenuButton: import("styled-components").StyledComponent<"div", any, {
|
|
17
|
+
declare const MenuButton: import("styled-components").StyledComponent<"div", any, {
|
|
18
|
+
theme: object;
|
|
19
|
+
}, "theme">;
|
|
16
20
|
declare const ButtonIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
|
|
17
21
|
declare const StyledButtonIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
18
22
|
declare const MenuItemIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var e=require("styled-components"),o=require("styled-system"),t=require("../../style/themes/apply-base-theme.js"),n=require("../icon/icon.component.js"),i=require("../icon/icon.style.js"),r=require("../button/button.style.js"),a=require("../../style/utils/add-focus-styling.js");function s(e){return e&&e.__esModule?e:{default:e}}var c=s(e);const l=c.default.ul.attrs(t.default).withConfig({displayName:"action-popover.style__Menu",componentId:"sc-57e29bef-0"})(["visibility:",";display:grid;"," align-items:center;min-width:fit-content;text-align:",";justify-content:",";margin:0;list-style:none;padding:var(--spacing100) 0;box-shadow:var(--boxShadow100);position:absolute;border-radius:var(--borderRadius100);background-color:var(--colorsUtilityYang100);z-index:",';&[data-submenu-placement="top"] &{bottom:calc(-1 * var(--spacing100));top:auto;}&[data-submenu-placement="bottom"] &{top:calc(-1 * var(--spacing100));bottom:auto;}'],(({isOpen:e})=>e?"visible":"hidden"),(({submenuLeft:o,iconLeft:t})=>{const n="[chevron_column] auto",i="[icon_column] auto",r="[text_column] auto";return e.css(["grid-template-columns:"," "," ",";"],o?n:"",t?`${i} ${r}`:`${r} ${i}`,o?"":n)}),(({iconLeft:e})=>e?"left":"right"),(({iconLeft:e})=>e?"left":"right"),(({theme:e})=>{var o;return`${null===(o=e.zIndex)||void 0===o?void 0:o.popover}`})),d=c.default.div.withConfig({displayName:"action-popover.style__StyledMenuItemInnerText",componentId:"sc-57e29bef-1"})(["grid-column:text_column;&:only-child{padding:0;}padding:0 var(--spacing100);"]),u=c.default.button.withConfig({displayName:"action-popover.style__StyledMenuItem",componentId:"sc-57e29bef-2"})(["display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;grid-column:span 3;align-items:inherit;text-align:inherit;justify-content:inherit;text-decoration:none;background-color:var(--colorsActionMajorYang100);cursor:pointer;box-sizing:border-box;padding:0 var(--spacing150);position:relative;line-height:40px;white-space:nowrap;user-select:none;border:none;color:var(--colorsUtilityYin090);font-size:14px;font-weight:500;&:focus{"," z-index:1;border-radius:var(--borderRadius000);}"," ",""],a.default(),(({isDisabled:o})=>o&&e.css(["color:var(--colorsUtilityYin030);cursor:not-allowed;&& ","{cursor:not-allowed;color:var(--colorsUtilityYin030);}:focus{border:none;outline:none;-webkit-appearance:none;-webkit-box-shadow:none;box-shadow:none;}"],i.default)),(({isDisabled:o})=>!o&&e.css(["&:focus,&:hover{background-color:var(--colorsUtilityMajor100);}&& ","{cursor:pointer;}"],i.default))),p=c.default.li.withConfig({displayName:"action-popover.style__StyledMenuItemWrapper",componentId:"sc-57e29bef-3"})(["display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;grid-column:span 3;text-align:inherit;align-items:inherit;justify-content:inherit;position:relative;"]),m=c.default.li.attrs({"data-element":"action-popover-divider"}).withConfig({displayName:"action-popover.style__MenuItemDivider",componentId:"sc-57e29bef-4"})(["grid-column:span 3;background-color:var(--colorsUtilityMajor050);height:var(--borderWidth100);margin:var(--spacing100) var(--spacing150);"]),g=c.default.div.attrs(t.default).withConfig({displayName:"action-popover.style__MenuButton",componentId:"sc-57e29bef-5"})(["position:relative;&& ","{cursor:pointer;}width:fit-content;margin:auto;",""],i.default,o.margin),f=c.default(n.default).withConfig({displayName:"action-popover.style__ButtonIcon",componentId:"sc-57e29bef-6"})(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),v=c.default.div.withConfig({displayName:"action-popover.style__StyledButtonIcon",componentId:"sc-57e29bef-7"})(["&:focus{","}border-radius:var(--borderRadius050);"],a.default()),y=c.default(n.default).withConfig({displayName:"action-popover.style__MenuItemIcon",componentId:"sc-57e29bef-8"})(["justify-content:inherit;grid-column:icon_column;padding:var(--spacing100);color:var(--colorsUtilityYin065);"]),b=c.default(f).withConfig({displayName:"action-popover.style__SubMenuItemIcon",componentId:"sc-57e29bef-9"})(["grid-column:chevron_column;",""],(({type:o})=>e.css([""," ",""],"chevron_left_thick"===o&&e.css(["left:-5px;"]),"chevron_right_thick"===o&&e.css(["right:-5px;"])))),h=c.default.div.withConfig({displayName:"action-popover.style__MenuButtonOverrideWrapper",componentId:"sc-57e29bef-10"})(["","{padding:0px var(--sizing100);width:100%;&:hover,&:focus{background-color:var(--colorsActionMajorTransparent);color:var(--colorsActionMajor600);span[color]{color:var(--colorsActionMajor600);}}}"],r.default);exports.ButtonIcon=f,exports.Menu=l,exports.MenuButton=g,exports.MenuButtonOverrideWrapper=h,exports.MenuItemDivider=m,exports.MenuItemIcon=y,exports.StyledButtonIcon=v,exports.StyledMenuItem=u,exports.StyledMenuItemInnerText=d,exports.StyledMenuItemWrapper=p,exports.SubMenuItemIcon=b;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { MarginProps, PaddingProps } from "styled-system";
|
|
3
3
|
import { SidebarProps } from "../sidebar";
|
|
4
4
|
import { AdaptiveSidebarProps } from "./adaptive-sidebar.component";
|
|
5
|
-
declare const StyledAdaptiveSidebar: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, Pick<AdaptiveSidebarProps, "backgroundColor" | "
|
|
5
|
+
declare const StyledAdaptiveSidebar: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, Pick<AdaptiveSidebarProps, "backgroundColor" | "height" | "width" | "borderColor"> & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
|
|
6
6
|
tabIndex: number;
|
|
7
7
|
}, never>;
|
|
8
8
|
interface StyledSidebarProps extends SidebarProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../style/themes/base
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../style/themes/apply-base-theme.js"),r=require("../../style/utils/add-focus-styling.js");function o(e){return e&&e.__esModule?e:{default:e}}const s=o(e).default.button.attrs(t.default).attrs({type:"button"}).withConfig({displayName:"advanced-color-picker-cell.style__StyledAdvancedColorPickerCell",componentId:"sc-5a6db1d6-0"})(["display:block;width:25px;height:25px;border:1px solid var(--colorsUtilityYin090);"," "," &:hover{cursor:pointer;}&:focus{","}&::-moz-focus-inner{border:none;}"],(({color:t})=>t&&e.css(["background-color:",";border-radius:var(--borderRadius050);"],t)),(({color:t})=>"transparent"===t&&e.css(['background:#eee url("data:image/svg+xml,','");background-size:10px 10px;'],"%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22400%22%20fill-opacity%3D%22.45%22%3E%3Crect%20x%3D%22200%22%20width%3D%22200%22%20height%3D%22200%22%20%2F%3E%3Crect%20y%3D%22200%22%20width%3D%22200%22%20height%3D%22200%22%20%2F%3E%3C%2Fsvg%3E")),r.default());exports.default=s;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import StyledAdvancedColorPickerCell from "./advanced-color-picker-cell.style";
|
|
3
|
-
declare const StyledAdvancedColorPickerWrapper: import("styled-components").StyledComponent<"div", any, {
|
|
3
|
+
declare const StyledAdvancedColorPickerWrapper: import("styled-components").StyledComponent<"div", any, {
|
|
4
|
+
theme: object;
|
|
5
|
+
}, "theme">;
|
|
4
6
|
/** To be replaced by accessibly hidden class added in FE-5503 */
|
|
5
7
|
declare const HiddenCurrentColorList: import("styled-components").StyledComponent<{
|
|
6
8
|
({ children, w, dtTextAlign, ddTextAlign, asSingleColumn, ...rest }: import("../definition-list").DlProps): import("react").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components"),o=require("styled-system"),r=require("./advanced-color-picker-cell.style.js"),i=require("../simple-color-picker/simple-color-picker.style.js"),l=require("../simple-color-picker/simple-color/simple-color.style.js"),t=require("../dialog/dialog.style.js"),d=require("../dialog/dialog.component.js"),
|
|
1
|
+
"use strict";var e=require("styled-components"),o=require("styled-system"),r=require("./advanced-color-picker-cell.style.js"),i=require("../simple-color-picker/simple-color-picker.style.js"),l=require("../simple-color-picker/simple-color/simple-color.style.js"),t=require("../dialog/dialog.style.js"),d=require("../dialog/dialog.component.js"),a=require("../icon-button/icon-button.style.js"),s=require("../simple-color-picker/simple-color/checker-board.svg"),n=require("../../style/utils/visually-hidden.js"),c=require("../definition-list/dl.component.js");require("../definition-list/dt/dt.component.js"),require("../definition-list/dd/dd.component.js");var p=require("../../style/themes/apply-base-theme.js");function u(e){return e&&e.__esModule?e:{default:e}}var m=u(e),y=u(s);const g=m.default.div.attrs(p.default).withConfig({displayName:"advanced-color-picker.style__StyledAdvancedColorPickerWrapper",componentId:"sc-a7cde62d-0"})([""," display:inline-block;"],o.margin),v=m.default(c.default).withConfig({displayName:"advanced-color-picker.style__HiddenCurrentColorList",componentId:"sc-a7cde62d-1"})(["",""],n.default),f=m.default.div.withConfig({displayName:"advanced-color-picker.style__StyledAdvancedColorPickerPreview",componentId:"sc-a7cde62d-2"})(["width:25px;height:25px;margin-bottom:15px;border:1px solid var(--colorsUtilityYin090);border-radius:var(--borderRadius050);"," "," &:hover{cursor:initial;}"],(({color:o})=>"transparent"!==o&&e.css(["background-color:",";"],o)),(({color:o})=>"transparent"===o&&e.css(['background-color:#eeeeee;background-image:url("','");background-size:10px 10px;'],y.default))),k=m.default(d.Dialog).withConfig({displayName:"advanced-color-picker.style__DialogStyle",componentId:"sc-a7cde62d-3"})(["","{padding:var(--spacing200);}","{max-width:285px;","{border:1px solid var(--colorsUtilityYin090);margin-right:-1px;margin-bottom:-1px;transition:all 0.2s ease;&:hover{transform:scale(1.1);}}}","{border:none;}",'{top:20px;right:13px;}[data-component="icon"]{color:var(--colorsActionMinor500);}'],t.StyledDialogContent,i.StyledColorOptions,l.StyledSimpleColor,i.StyledColorOptions,a.default);exports.StyledAdvancedColorPickerCell=r.default,exports.DialogStyle=k,exports.HiddenCurrentColorList=v,exports.StyledAdvancedColorPickerPreview=f,exports.StyledAdvancedColorPickerWrapper=g;
|
|
@@ -7,7 +7,9 @@ interface StyledBadgeProps {
|
|
|
7
7
|
isHovered?: boolean;
|
|
8
8
|
}
|
|
9
9
|
declare const StyledBadge: import("styled-components").StyledComponent<"span", any, {
|
|
10
|
+
theme: object;
|
|
11
|
+
} & {
|
|
10
12
|
as: import("react").ForwardRefExoticComponent<import("../button").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>> | undefined;
|
|
11
|
-
} & StyledBadgeProps, "as">;
|
|
13
|
+
} & StyledBadgeProps, "theme" | "as">;
|
|
12
14
|
declare const StyledCrossIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
|
|
13
15
|
export { StyledBadge, StyledBadgeWrapper, StyledCrossIcon, StyledCounter };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var n=require("styled-components"),e=require("../icon/icon.style.js"),o=require("../button/button.component.js"),t=require("../icon/icon.component.js"),r=require("../../style/themes/apply-base-theme.js"),i=require("../../style/utils/color.js");function a(n){return n&&n.__esModule?n:{default:n}}var s=a(n);const d="\n overflow: hidden;\n border-radius: var(--borderRadiusCircle);\n position: absolute;\n top: -14px;\n right: -4px;\n padding: 0;\n margin-right: 0;\n background: var(--colorsActionMajorYang100);\n",l=s.default.div.withConfig({displayName:"badge.style__StyledBadgeWrapper",componentId:"sc-c6b5a4b6-0"})(["position:relative;display:inline-block;"]),c=s.default.div.withConfig({displayName:"badge.style__StyledCounter",componentId:"sc-c6b5a4b6-1"})(["font-weight:500;font-size:12px;margin-top:-1px;"]),p=s.default.span.attrs(r.default).attrs((({onClick:n})=>({as:n?o.default:void 0}))).withConfig({displayName:"badge.style__StyledBadge",componentId:"sc-c6b5a4b6-2"})([""," cursor:default;align-items:center;display:inline-flex;justify-content:center;width:22px;min-height:22px;border:solid 2px transparent;z-index:2;",";::-moz-focus-inner{border:none;}",""],d,(({color:e,theme:o})=>n.css(["border-color:",";color:",";"],i.toColor(o,e),i.toColor(o,e))),(({onClick:o,color:t,theme:r,isFocused:a,isHovered:s})=>n.css(["",""],o&&`\n ${d}\n width: 26px;\n min-height: 26px;\n text-align: center;\n\n ::-moz-focus-inner {\n border: none;\n }\n\n border-color: ${i.toColor(r,t)};\n color: ${i.toColor(r,t)};\n\n ${(a||s)&&`\n && {\n background: ${i.toColor(r,t)};\n border: none;\n ${c} {\n display: none;\n }\n\n ${e.default} {\n display: block;\n width: auto;\n height: auto;\n margin-right: 0;\n\n :before {\n font-size: 20px;\n color: var(--colorsActionMajorYang100);\n }\n }\n }\n `}\n }\n `))),u=s.default(t.default).withConfig({displayName:"badge.style__StyledCrossIcon",componentId:"sc-c6b5a4b6-3"})(["margin:0;display:none;"]);exports.StyledBadge=p,exports.StyledBadgeWrapper=l,exports.StyledCounter=c,exports.StyledCrossIcon=u;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { BoxProps } from "./box.component";
|
|
2
|
-
declare const StyledBox: import("styled-components").StyledComponent<"div", any,
|
|
2
|
+
declare const StyledBox: import("styled-components").StyledComponent<"div", any, {
|
|
3
|
+
theme: object;
|
|
4
|
+
} & BoxProps & {
|
|
3
5
|
cssProps?: {
|
|
4
6
|
color?: string | undefined;
|
|
5
7
|
opacity?: string | undefined;
|
|
6
8
|
height?: string | undefined;
|
|
7
9
|
width?: string | undefined;
|
|
8
10
|
} | undefined;
|
|
9
|
-
},
|
|
11
|
+
}, "theme">;
|
|
10
12
|
export default StyledBox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("styled-system"),o=require("../../style/utils/box-gap.js"),t=require("../../style/
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("styled-system"),o=require("../../style/utils/box-gap.js"),t=require("../../style/utils/color.js"),s=require("./box.config.js"),l=require("../../style/themes/apply-base-theme.js");function i(e){return e&&e.__esModule?e:{default:e}}function n(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}function c(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{},t=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),t.forEach((function(r){n(e,r,o[r])}))}return e}function u(e,r){if(null==e)return{};var o,t,s=function(e,r){if(null==e)return{};var o,t,s={},l=Object.keys(e);for(t=0;t<l.length;t++)o=l[t],r.indexOf(o)>=0||(s[o]=e[o]);return s}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t<l.length;t++)o=l[t],r.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(s[o]=e[o])}return s}const a=i(e).default.div.attrs(l.default).withConfig({displayName:"box.style__StyledBox",componentId:"sc-d4565b53-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," ",";",""],r.space,r.layout,r.flexbox,r.grid,(e=>{const o=r.position(e),{position:t}=o,s=u(o,["position"]);return c({position:t,zIndex:["sticky","fixed"].includes(t)?3:void 0},s)}),(({borderRadius:r="borderRadius000"})=>e.css(["border-radius:var(--",");"],r)),(e=>{var{cssProps:r,bg:o,backgroundColor:s}=e,l=u(e,["cssProps","bg","backgroundColor"]);return t.default(c({color:null==r?void 0:r.color,bg:o,backgroundColor:s},l))}),(({cssProps:r})=>e.css(["opacity:",";"],null==r?void 0:r.opacity)),(({overflowWrap:r})=>r&&e.css(["overflow-wrap:",";"],r)),(({cssProps:r,size:o})=>(null==r?void 0:r.height)&&!o&&e.css(["height:",";"],null==r?void 0:r.height)),(({cssProps:r,size:o})=>(null==r?void 0:r.width)&&!o&&e.css(["width:",";"],null==r?void 0:r.width)),(({scrollVariant:r})=>r&&e.css(["scrollbar-color:"," ",";&::-webkit-scrollbar{width:8px;}&::-webkit-scrollbar-track{background-color:",";}&::-webkit-scrollbar-thumb{background-color:",";}"],s.default[r].thumb,s.default[r].track,s.default[r].track,s.default[r].thumb)),(({boxSizing:r})=>r&&e.css(["box-sizing:",";"],r)),(({display:r,gap:t,columnGap:s,rowGap:l})=>("flex"===r||"inline-flex"===r||"grid"===r||"inline-grid"===r)&&e.css([""," "," ",""],void 0!==t&&e.css(["gap:",";"],o.default(t)),void 0!==s&&e.css(["column-gap:",";"],o.default(s)),void 0!==l&&e.css(["row-gap:",";"],o.default(l)))),(({boxShadow:r})=>r&&e.css(["box-shadow:var(--",");"],r)));exports.default=a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),s=require("../../style/themes/base
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),s=require("../../style/themes/apply-base-theme.js");function a(e){return e&&e.__esModule?e:{default:e}}const r=a(e).default.nav.attrs(s.default).withConfig({displayName:"breadcrumbs.style__StyledBreadcrumbs",componentId:"sc-a551a1d9-0"})([""," ol{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;}"],t.space);exports.default=r;
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { SpaceProps } from "styled-system";
|
|
2
2
|
import { ButtonProps } from "./button.component";
|
|
3
|
-
declare const StyledButton: import("styled-components").StyledComponent<"button", any,
|
|
3
|
+
declare const StyledButton: import("styled-components").StyledComponent<"button", any, {
|
|
4
|
+
theme: object;
|
|
5
|
+
} & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & Omit<ButtonProps, "buttonType"> & {
|
|
4
6
|
iconOnly?: boolean | undefined;
|
|
5
7
|
buttonType: Required<ButtonProps>["buttonType"];
|
|
6
|
-
},
|
|
8
|
+
}, "theme">;
|
|
7
9
|
export declare const StyledButtonSubtext: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
8
10
|
export declare const StyledButtonMainText: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
9
11
|
export default StyledButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),n=require("../icon/icon.style.js"),i=require("../../style/themes/base
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),n=require("../icon/icon.style.js"),i=require("../../style/themes/apply-base-theme.js"),s=require("../../style/utils/add-focus-styling.js"),o=require("./button-types.style.js");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);function l({iconOnly:t,disabled:n,buttonType:i,size:s,destructive:r,isWhite:a}){return e.css(["",";"," "," "," ",""],o.default(n,r,a)[i],"small"===s&&e.css(["font-size:var(--fontSizes100);min-height:32px;"]),"medium"===s&&e.css(["font-size:var(--fontSizes100);min-height:40px;"]),"large"===s&&e.css(["font-size:var(--fontSizes200);min-height:48px;"]),t&&function(e){let t="";switch(e){case"small":t="32px";break;case"large":t="48px";break;default:t="40px"}return`\n padding: 0px; \n width: ${t}; \n min-height: ${t};\n `}(s))}const c=a.default.button.attrs(i.default).withConfig({displayName:"button.style__StyledButton",componentId:"sc-7eccfb5e-0"})([""," "," "," ",""],t.space,(({disabled:t,noWrap:n})=>e.css(["align-items:center;cursor:",";display:inline-flex;",";justify-content:center;vertical-align:middle;outline-offset:0;border:2px solid transparent;box-sizing:border-box;font-weight:500;text-decoration:none;border-radius:var(--borderRadius400);&:focus{","}",""],t?"not-allowed":"pointer",n?"white-space: nowrap":"flex-flow: wrap",s.default(),l)),(({fullWidth:t})=>t&&e.css(["width:100%;"])),(({iconOnly:t,iconPosition:i,iconType:s})=>e.css(["","{"," "," height:",";width:20px;svg{margin-top:0;}}"],n.default,t&&e.css(["margin-left:auto;margin-right:auto;margin-bottom:1px;"]),!t&&e.css(["margin-bottom:0px;"," ",""],"after"===i&&"\n margin-left: var(--spacing100);\n margin-right: 0px;\n ","before"===i&&"\n margin-left: 0px;\n margin-right: var(--spacing100);\n "),function(e){return"services"===e?"6px":"20px"}(s)))),d=a.default.span.withConfig({displayName:"button.style__StyledButtonSubtext",componentId:"sc-7eccfb5e-1"})(["font-size:14px;font-weight:400;display:block;"]),u=a.default.span.withConfig({displayName:"button.style__StyledButtonMainText",componentId:"sc-7eccfb5e-2"})(["display:flex;align-items:center;"]);exports.StyledButtonMainText=u,exports.StyledButtonSubtext=d,exports.default=c;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import { SpaceProps } from "styled-system";
|
|
2
2
|
import { ButtonBarProps } from "./button-bar.component";
|
|
3
|
-
declare const StyledButtonBar: import("styled-components").StyledComponent<"div", any,
|
|
3
|
+
declare const StyledButtonBar: import("styled-components").StyledComponent<"div", any, {
|
|
4
|
+
theme: object;
|
|
5
|
+
} & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & Pick<ButtonBarProps, "size" | "fullWidth">, "theme">;
|
|
4
6
|
export default StyledButtonBar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),r=require("styled-system"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),r=require("styled-system"),t=require("../../style/themes/apply-base-theme.js"),e=require("../icon/icon.style.js"),i=require("../icon-button/icon-button.style.js");function d(o){return o&&o.__esModule?o:{default:o}}const s=d(o).default.div.attrs(t.default).withConfig({displayName:"button-bar.style__StyledButtonBar",componentId:"sc-488d349-0"})([""," ",""],r.space,(({fullWidth:r,size:t})=>o.css([""," button{margin:0;position:relative;&:not(:first-child):not(:last-child){border-radius:var(--borderRadius000);}&:first-child:not(:last-child){border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}&:last-child:not(:first-child){border-top-left-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);}&:not(:first-of-type){margin-left:-2px;}&:not(:disabled){z-index:1;}&:hover:not(:disabled){z-index:2;}&:focus{z-index:3;}}",":not(:disabled){border:2px solid var(--colorsActionMajor500);&:focus{border-right-color:var(--colorsActionMajor500);}&:hover{background-color:var(--colorsActionMajor600);border-color:var(--colorsActionMajor600);color:var(--colorsActionMajorYang100);}","{color:var(--colorsActionMajor500);&:hover{color:var(--colorsActionMajorYang100);}}}",":disabled{border:2px solid var(--colorsActionDisabled500);}"],r&&o.css(["width:100%;display:flex;button{box-sizing:content-box;padding:0;width:100%;"," "," ","}"],"small"===t&&"min-height: 28px","medium"===t&&"min-height: 36px","large"===t&&"min-height: 44px"),i.default,e.default,i.default)));exports.default=s;
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
import { ButtonToggleGroupProps } from ".";
|
|
2
2
|
type StyledButtonToggleGroupProps = Pick<ButtonToggleGroupProps, "inputWidth" | "fullWidth" | "disabled" | "labelInline">;
|
|
3
|
-
declare const StyledButtonToggleGroup: import("styled-components").StyledComponent<"div", any,
|
|
3
|
+
declare const StyledButtonToggleGroup: import("styled-components").StyledComponent<"div", any, {
|
|
4
|
+
theme: object;
|
|
5
|
+
} & {
|
|
6
|
+
type: string;
|
|
7
|
+
} & StyledButtonToggleGroupProps, "theme" | "type">;
|
|
4
8
|
export default StyledButtonToggleGroup;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("styled-system"),o=require("../../../style/themes/apply-base-theme.js"),s=require("../button-toggle.style.js");function r(t){return t&&t.__esModule?t:{default:t}}const l=r(t).default.div.attrs(o.default).attrs({type:"button"}).withConfig({displayName:"button-toggle-group.style__StyledButtonToggleGroup",componentId:"sc-2a42cbae-0"})([""," display:flex;box-shadow:inset 0px 0px 0px 1px var(--colorsActionMinor500);border-radius:var(--borderRadius100);padding:4px;gap:4px;width:fit-content;height:fit-content;flex-wrap:",";"," "," ",""],e.margin,(({labelInline:t})=>t?"nowrap":"wrap"),(({disabled:e})=>e&&t.css(["cursor:not-allowed;box-shadow:inset 0px 0px 0px 1px var(--colorsActionDisabled600);"])),(({fullWidth:e})=>e&&t.css(["width:100%;","{width:100%;}","{flex:auto;}"],s.StyledButtonToggle,s.StyledButtonToggleWrapper)),(({inputWidth:e})=>e&&t.css(["width:",";"],`${e}%`)));exports.default=l;
|
|
@@ -28,7 +28,9 @@ export interface StyledButtonToggleProps {
|
|
|
28
28
|
/** Allow button to be deselected when already selected */
|
|
29
29
|
allowDeselect?: boolean;
|
|
30
30
|
}
|
|
31
|
-
declare const StyledButtonToggle: import("styled-components").StyledComponent<"button", any,
|
|
31
|
+
declare const StyledButtonToggle: import("styled-components").StyledComponent<"button", any, {
|
|
32
|
+
theme: object;
|
|
33
|
+
} & StyledButtonToggleProps, "theme">;
|
|
32
34
|
export interface StyledButtonToggleIconProps {
|
|
33
35
|
/** Sets the size of the buttonIcon (eg. large) */
|
|
34
36
|
buttonIconSize?: ButtonToggleIconSizes;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var o=require("styled-components"),e=require("../icon/icon.style.js"),t=require("../../style/themes/base
|
|
1
|
+
"use strict";var o=require("styled-components"),e=require("../icon/icon.style.js"),t=require("../../style/themes/apply-base-theme.js"),r=require("../../style/utils/add-focus-styling.js");function i(o){return o&&o.__esModule?o:{default:o}}var n=i(o);const a={small:24,medium:32,large:40},l={small:14,medium:14,large:16},s={small:8,medium:8,large:12},c={small:72,medium:88,large:120},g={small:"var(--spacing100)",medium:"var(--spacing100) var(--spacing150) var(--spacing000)",large:"var(--spacing100) var(--spacing300)"},d=n.default.div.withConfig({displayName:"button-toggle.style__StyledButtonToggleContentWrapper",componentId:"sc-71ea6e06-0"})(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-flow:wrap;"]),u=n.default.button.attrs(t.default).withConfig({displayName:"button-toggle.style__StyledButtonToggle",componentId:"sc-71ea6e06-1"})(["display:inline-flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;max-width:100%;font-weight:500;background-color:transparent;cursor:pointer;text-align:center;color:var(--colorsActionMinor500);border:none;","{color:var(--colorsActionMinor500);height:var(--sizing250);width:var(--sizing250);}"," "," &:focus{"," z-index:100;}&:not(:disabled):hover{background-color:var(--colorsActionMinor600);color:var(--colorsActionMinorYang100);",'{color:var(--colorsActionMinorYang100);}}&[aria-pressed="true"]{background-color:var(--colorsActionMinor850);color:var(--colorsActionMinorYang100);',"{color:var(--colorsActionMinorYang100);}","}",""],e.default,(({size:e})=>o.css(["min-height:","px;padding:0 ","px;font-size:","px;"],a[e],s[e],l[e])),(({buttonIcon:e,buttonIconSize:t,size:r})=>e&&"large"===t&&o.css(["min-height:","px;padding:",";flex-direction:column;"],c[r],g[r])),r.default(),e.default,e.default,(({allowDeselect:e})=>!e&&o.css(["cursor:auto;"])),(({disabled:t})=>t&&o.css(["cursor:not-allowed;&{color:var(--colorsActionMinorYin030);",'{color:var(--colorsActionMinorYin030);}}&[aria-pressed="true"]{cursor:not-allowed;background-color:var(--colorsActionMinorYin030);}'],e.default))),p=n.default.div.withConfig({displayName:"button-toggle.style__StyledButtonToggleIcon",componentId:"sc-71ea6e06-2"})([""," ",""],(({hasContent:o})=>o&&"margin-right: 8px;"),(({buttonIconSize:t})=>"large"===t&&o.css(["margin-right:0;","{margin-left:0;margin-right:0;margin-bottom:8px;height:var(--sizing400);width:var(--sizing400);}","::before{font-size:var(--sizing400);line-height:var(--sizing400);}.carbon-icon__svg--credit-card-slash{margin-left:6px;}"],e.default,e.default))),m=n.default.div.withConfig({displayName:"button-toggle.style__StyledButtonToggleWrapper",componentId:"sc-71ea6e06-3"})(["display:inline-block;vertical-align:middle;&&&&{","{border-radius:var(--borderRadius050);}}"],u);exports.StyledButtonToggle=u,exports.StyledButtonToggleContentWrapper=d,exports.StyledButtonToggleIcon=p,exports.StyledButtonToggleWrapper=m,exports.fontSizeConfig=l,exports.heightConfig=a,exports.paddingConfig=s;
|
|
@@ -3,5 +3,7 @@ import { CardRowProps } from "./card-row.component";
|
|
|
3
3
|
export interface StyledCardRowProps extends CardRowProps {
|
|
4
4
|
spacing: CardSpacing;
|
|
5
5
|
}
|
|
6
|
-
declare const StyledCardRow: import("styled-components").StyledComponent<"div", any,
|
|
6
|
+
declare const StyledCardRow: import("styled-components").StyledComponent<"div", any, {
|
|
7
|
+
theme: object;
|
|
8
|
+
} & StyledCardRowProps, "theme">;
|
|
7
9
|
export default StyledCardRow;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),a=require("../../../style/themes/base
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),a=require("../../../style/themes/apply-base-theme.js");function s(e){return e&&e.__esModule?e:{default:e}}const d={small:"var(--spacing200)",medium:"var(--spacing300)",large:"var(--spacing400)"},p=s(e).default.div.attrs(a.default).withConfig({displayName:"card-row.style__StyledCardRow",componentId:"sc-922ff5ec-0"})(["display:flex;"," &:first-of-type:not(:only-of-type){padding-top:var(--spacing000);padding-bottom:var(--spacing000);}&:only-of-type{padding-top:var(--spacing000);}&&{","}"],(({spacing:t})=>e.css(["padding-top:",";padding-bottom:",";"],d[t],d[t])),t.padding);exports.default=p;
|
|
@@ -22,7 +22,9 @@ export interface StyledCardProps extends MarginProps, Pick<CardContextProps, "ro
|
|
|
22
22
|
boxShadow?: BoxShadowsType;
|
|
23
23
|
hoverBoxShadow?: BoxShadowsType;
|
|
24
24
|
}
|
|
25
|
-
declare const StyledCard: import("styled-components").StyledComponent<"div", any,
|
|
25
|
+
declare const StyledCard: import("styled-components").StyledComponent<"div", any, {
|
|
26
|
+
theme: object;
|
|
27
|
+
} & StyledCardProps, "theme">;
|
|
26
28
|
interface StyledCardContentProps extends Pick<CardContextProps, "roundness" | "spacing"> {
|
|
27
29
|
interactive?: boolean;
|
|
28
30
|
href?: string;
|
|
@@ -31,6 +33,8 @@ interface StyledCardContentProps extends Pick<CardContextProps, "roundness" | "s
|
|
|
31
33
|
rel?: string;
|
|
32
34
|
}
|
|
33
35
|
declare const StyledCardContent: import("styled-components").StyledComponent<"div", any, ({
|
|
36
|
+
theme: object;
|
|
37
|
+
} & ({
|
|
34
38
|
as: string;
|
|
35
39
|
role?: undefined;
|
|
36
40
|
type?: undefined;
|
|
@@ -42,5 +46,5 @@ declare const StyledCardContent: import("styled-components").StyledComponent<"di
|
|
|
42
46
|
as?: undefined;
|
|
43
47
|
role?: undefined;
|
|
44
48
|
type?: undefined;
|
|
45
|
-
}) & StyledCardContentProps, "type" | "role" | "as">;
|
|
49
|
+
})) & StyledCardContentProps, "theme" | "type" | "role" | "as">;
|
|
46
50
|
export { StyledCard, StyledCardContent };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var r=require("styled-components"),e=require("styled-system"),o=require("../../style/themes/base
|
|
1
|
+
"use strict";var r=require("styled-components"),e=require("styled-system"),o=require("../../style/themes/apply-base-theme.js"),a=require("../../style/utils/add-focus-styling.js");function t(r){return r&&r.__esModule?r:{default:r}}var s=t(r);const d={small:"0 var(--spacing300)",medium:"0 var(--spacing400)",large:"0 var(--spacing600)"},i={small:"0 -24px",medium:"0 -32px",large:"0 -48px"},n=s.default.div.attrs(o.default).withConfig({displayName:"card.style__StyledCard",componentId:"sc-4237fca-0"})(["",""],(({cardWidth:o,interactive:a,draggable:t,height:s,spacing:i,boxShadow:n="boxShadow050",hoverBoxShadow:l="boxShadow100",roundness:u})=>r.css(["background-color:var(--colorsUtilityYang100);border:none;border-radius:",";box-shadow:var(--",");color:var(--colorsUtilityYin090);display:flex;flex-direction:column;height:",";justify-content:space-between;align-items:normal;margin:25px;outline:none;padding:",";transition:all 0.3s ease-in-out;vertical-align:top;width:",";"," "," "," ::-moz-focus-inner{border:0;}"],"default"===u?"var(--borderRadius100)":"var(--borderRadius200)",n,s,d[i],o,e.margin,a&&r.css([":hover,:focus{box-shadow:var(--",");}"],l),t&&r.css(["cursor:move;"])))),l=s.default.div.attrs(o.default).attrs((({href:r,onClick:e})=>r?{as:"a"}:e?{as:"button",role:"button",type:"button"}:{})).withConfig({displayName:"card.style__StyledCardContent",componentId:"sc-4237fca-1"})([""," align-items:stretch;outline:none;text-decoration:none;background-color:inherit;border:none;padding:0;"," ",""],(({interactive:e})=>e&&r.css(["cursor:pointer;display:inline-flex;flex-direction:column;height:100%;:focus{",";position:relative;}"],a.default())),(({spacing:r})=>`\n padding: ${d[r]};\n margin: ${i[r]};\n `),(({roundness:e,hasFooter:o})=>r.css([""," ",""],"default"===e&&r.css(["border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);",""],!o&&r.css(["border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius100);"])),"default"!==e&&r.css(["border-top-left-radius:var(--borderRadius200);border-top-right-radius:var(--borderRadius200);",""],!o&&r.css(["border-bottom-left-radius:var(--borderRadius200);border-bottom-right-radius:var(--borderRadius200);"])))));exports.StyledCard=n,exports.StyledCardContent=l,exports.marginSizes=i,exports.paddingSizes=d;
|
|
@@ -10,5 +10,7 @@ export interface StyledCheckboxProps extends ValidationProps, MarginProps {
|
|
|
10
10
|
adaptiveSpacingSmallScreen?: boolean;
|
|
11
11
|
applyNewValidation?: boolean;
|
|
12
12
|
}
|
|
13
|
-
declare const StyledCheckbox: import("styled-components").StyledComponent<"div", any,
|
|
13
|
+
declare const StyledCheckbox: import("styled-components").StyledComponent<"div", any, {
|
|
14
|
+
theme: object;
|
|
15
|
+
} & StyledCheckboxProps, "theme">;
|
|
14
16
|
export default StyledCheckbox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),l=require("styled-system"),t=require("../../__internal__/checkable-input/checkable-input.style.js"),a=require("../../__internal__/field-help/field-help.style.js"),i=require("../../__internal__/checkable-input/hidden-checkable-input.style.js"),r=require("../../__internal__/checkable-input/checkable-input-svg-wrapper.style.js"),d=require("../../__internal__/label/label.style.js"),n=require("../../__internal__/validations/validation-icon.style.js"),o=require("../../style/themes/base
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),l=require("styled-system"),t=require("../../__internal__/checkable-input/checkable-input.style.js"),a=require("../../__internal__/field-help/field-help.style.js"),i=require("../../__internal__/checkable-input/hidden-checkable-input.style.js"),r=require("../../__internal__/checkable-input/checkable-input-svg-wrapper.style.js"),d=require("../../__internal__/label/label.style.js"),n=require("../../__internal__/validations/validation-icon.style.js"),o=require("../../style/themes/apply-base-theme.js"),s=require("../../style/utils/add-focus-styling.js");function u(e){return e&&e.__esModule?e:{default:e}}const c=u(e).default.div.attrs(o.default).withConfig({displayName:"checkbox.style__StyledCheckbox",componentId:"sc-ac6c7db0-0"})(["margin-bottom:var(--fieldSpacing);"," ",""],l.margin,(({disabled:l,error:o,warning:u,info:c,fieldHelpInline:p,labelSpacing:f,inputWidth:g,reverse:b,size:h,adaptiveSpacingSmallScreen:v,applyNewValidation:y})=>e.css([""," ","{padding-top:1px;}","{height:16px;}svg{background-color:var(--colorsUtilityYang100);","}",",svg{height:16px;position:absolute;padding:1px;}",",",",",",svg{box-sizing:border-box;min-width:16px;width:16px;border-radius:var(--borderRadius025);",";}",":not([disabled]){&:focus + ",",&:hover + ","{","}}","{width:auto;flex:0 1 auto;}","{margin-left:16px;margin-top:0;padding-left:",";}","{position:relative;display:inline-block;}"," ",":checked ~ "," svg path{fill:var(--colorsUtilityYin090);}"," "," "," ",""],v&&"margin-left: 0;",t.StyledCheckableInput,r.default,!l&&e.css(["border:1px solid var(--colorsUtilityMajor300);"," "," "," ",""],c&&"border: 1px solid var(--colorsSemanticInfo500);",u&&"border: 1px solid var(--colorsSemanticCaution500);",o&&"border: 2px solid var(--colorsSemanticNegative500);",u&&y&&"border: 1px solid var(--colorsUtilityMajor300);"),i.default,t.StyledCheckableInput,i.default,r.default,"large"===h&&"border-radius: var(--borderRadius050)",i.default,r.default,r.default,s.default(),d.StyledLabelContainer,a.default,1===f?"var(--spacing100)":"var(--spacing200)",n.default,"large"===h&&e.css(["","{height:24px;}",",",",",",svg{height:24px;width:24px;min-width:24px;}","{margin-left:24px;}",""],r.default,t.StyledCheckableInput,i.default,r.default,a.default,p&&e.css(["",",","{align-self:center;}"],a.default,d.StyledLabelContainer)),i.default,r.default,l&&e.css(["svg{background-color:var(--colorsUtilityDisabled400);border:1px solid var(--colorsUtilityDisabled600);}svg path{fill:var(--colorsUtilityDisabled400);}",":checked ~ "," svg path{fill:var(--colorsUtilityYin030);}","{&:hover,&:focus{outline:none;cursor:not-allowed;}}"],i.default,r.default,r.default),p&&`\n ${a.default} {\n margin-left: 0;\n }\n\n ${d.default} {\n flex: 0 1 auto;\n }\n `,void 0!==g&&0!==g&&`\n ${a.default} {\n ${b?"margin-right":"margin-left"}: ${g}% !important;\n }\n `,b&&e.css(["","{margin-left:0;padding-left:0;}","{flex:0 1 auto;}",""],a.default,d.default,p&&e.css(["","{margin-right:8px;}","{padding-left:6px;}"],t.StyledCheckableInput,a.default)))));exports.default=c;
|
|
@@ -10,7 +10,9 @@ export interface StyledContentProps extends MarginProps {
|
|
|
10
10
|
*/
|
|
11
11
|
bodyFullWidth?: boolean;
|
|
12
12
|
}
|
|
13
|
-
declare const StyledContent: import("styled-components").StyledComponent<"div", any,
|
|
13
|
+
declare const StyledContent: import("styled-components").StyledComponent<"div", any, {
|
|
14
|
+
theme: object;
|
|
15
|
+
} & StyledContentProps, "theme">;
|
|
14
16
|
export interface StyledContentTitleProps {
|
|
15
17
|
/** Aligns the content (left, center or right) */
|
|
16
18
|
align?: AlignOptions;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var t=require("styled-components"),e=require("styled-system")
|
|
1
|
+
"use strict";var t=require("styled-components"),e=require("styled-system"),n=require("../../style/themes/apply-base-theme.js");function i(t){return t&&t.__esModule?t:{default:t}}var l=i(t);const s=l.default.div.attrs(n.default).withConfig({displayName:"content.style__StyledContent",componentId:"sc-273b17cd-0"})(["",""],(({bodyFullWidth:n,align:i})=>t.css([""," & + &{margin-top:15px;}"," ",""],e.margin,i&&t.css(["text-align:",";"],i),n&&t.css(["text-align:left;"])))),o=l.default.div.withConfig({displayName:"content.style__StyledContentTitle",componentId:"sc-273b17cd-1"})(["",";"],(({titleWidth:e,inline:n,variant:i,align:l})=>t.css(["display:",";font-weight:500;width:",";text-align:",";"," ",""],n?"inline-block":"block",e&&`calc(${e}% - 30px)`,!n&&l,"center"===l&&n&&t.css(["text-align:right;width:calc(50% - 30px);"]),"secondary"===i&&t.css(["color:var(--colorsUtilityYin055);font-weight:normal;"])))),a=l.default.div.withConfig({displayName:"content.style__StyledContentBody",componentId:"sc-273b17cd-2"})(["",";"],(({bodyFullWidth:e,titleWidth:n,inline:i,align:l})=>t.css(["display:",";margin-top:2px;white-space:pre-wrap;word-wrap:break-word;font-weight:normal;"," "," "," "," ",""],i?"inline-block":"block","center"===l&&i&&t.css(["width:50%;"]),n&&t.css(["width:","%;"],100-Number(n)),e&&t.css(["width:100%;"]),i&&e&&t.css(["margin-top:15px;"]),i&&!e&&t.css(["margin-top:0;margin-left:var(--spacing300);text-align:left;"]))));exports.StyledContent=s,exports.StyledContentBody=a,exports.StyledContentTitle=o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),e=require("../../../../style/themes/base
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),e=require("../../../../style/themes/apply-base-theme.js"),o=require("../../../../style/utils/add-focus-styling.js");function d(r){return r&&r.__esModule?r:{default:r}}const t=d(r).default.div.attrs(e.default).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{","}}"],(()=>r.css(['.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;}'])),o.default(!0),o.default(!0));exports.default=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../../style/utils/add-focus-styling.js")
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../../style/utils/add-focus-styling.js"),r=require("../../../../style/themes/apply-base-theme.js");function o(e){return e&&e.__esModule?e:{default:e}}const s=o(e).default.button.attrs(r.default).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{","}"],t.default());exports.default=s;
|
|
@@ -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
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),i=require("../../style/themes/base
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),i=require("../../style/themes/apply-base-theme.js"),l=require("../../__internal__/input/input.style.js"),a=require("../../__internal__/input/input-presentation.style.js"),n=require("../../__internal__/form-field/form-field.style.js"),r=require("../../__internal__/validation-message/validation-message.style.js"),s=require("../../__internal__/label/label.style.js");function d(e){return e&&e.__esModule?e:{default:e}}const u={large:"140px",medium:"135px",small:"120px"},_=d(e).default.div.attrs(i.default).withConfig({displayName:"date.style__StyledDateInput",componentId:"sc-7be40934-0"})(["margin-bottom:var(--fieldSpacing);"," & ","{flex:none;width:",";","{margin-right:-8px;}}",""],t.margin,a.default,(({inputWidth:e,maxWidth:t,size:i})=>t||e?"":u[i]),l.default,(({applyDateRangeStyling:t,maxWidth:i,size:l,labelInline:a})=>t&&!a&&e.css(["","{max-width:",";}",",","{overflow-wrap:anywhere;}"],n.FieldLineStyle,i||u[l],r.default,s.default)));exports.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
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),a=require("../date/date.style.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),a=require("../date/date.style.js"),l=require("../../__internal__/label/label.style.js"),i=require("../../__internal__/input/input-presentation.style.js"),n=require("../../style/themes/apply-base-theme.js");function r(e){return e&&e.__esModule?e:{default:e}}const s=r(e).default.div.attrs(n.default).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;}"],t.margin,a.default,(({labelsInline:e})=>e?"top":"bottom"),a.default,l.StyledLabelContainer,i.StyledInputPresentationContainer);exports.default=s;
|