@alfalab/core-components 48.21.0-beta.6 → 48.21.0-beta.7
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/calendar/Component.responsive.js +1 -1
- package/calendar/{calendarMonthOnlyView-76b66eef.js → calendarMonthOnlyView-a5bcfc2c.js} +9 -23
- package/calendar/components/calendar-mobile/Component.js +1 -1
- package/calendar/components/calendar-mobile/calendarMonthOnlyView.js +1 -2
- package/calendar/components/calendar-mobile/index.d.ts +1 -1
- package/calendar/components/calendar-mobile/index.js +1 -1
- package/calendar/cssm/Component.responsive.js +1 -1
- package/calendar/cssm/components/calendar-mobile/calendarMonthOnlyView.js +9 -23
- package/calendar/cssm/typings.d.ts +1 -6
- package/calendar/esm/Component.responsive.js +2 -2
- package/calendar/esm/{calendarMonthOnlyView-8575391d.js → calendarMonthOnlyView-5140c059.js} +10 -22
- package/calendar/esm/components/calendar-mobile/Component.js +1 -1
- package/calendar/esm/components/calendar-mobile/calendarMonthOnlyView.js +2 -2
- package/calendar/esm/components/calendar-mobile/index.d.ts +1 -1
- package/calendar/esm/components/calendar-mobile/index.js +1 -1
- package/calendar/esm/index.js +1 -1
- package/calendar/esm/mobile/index.js +1 -1
- package/calendar/esm/typings.d.ts +1 -6
- package/calendar/mobile/index.js +1 -1
- package/calendar/modern/Component.responsive.js +2 -2
- package/calendar/modern/{calendarMonthOnlyView-96281715.js → calendarMonthOnlyView-5e2d1063.js} +14 -27
- package/calendar/modern/components/calendar-mobile/Component.js +1 -1
- package/calendar/modern/components/calendar-mobile/calendarMonthOnlyView.js +2 -2
- package/calendar/modern/components/calendar-mobile/index.d.ts +1 -1
- package/calendar/modern/components/calendar-mobile/index.js +1 -1
- package/calendar/modern/index.js +1 -1
- package/calendar/modern/mobile/index.js +1 -1
- package/calendar/modern/typings.d.ts +1 -6
- package/calendar/moderncssm/Component.responsive.js +1 -1
- package/calendar/moderncssm/components/calendar-mobile/calendarMonthOnlyView.js +14 -27
- package/calendar/moderncssm/typings.d.ts +1 -6
- package/calendar/typings.d.ts +1 -6
- package/calendar-range/esm/Component.js +1 -1
- package/calendar-range/esm/index.js +1 -1
- package/calendar-range/esm/views/popover.js +1 -1
- package/calendar-range/esm/views/static.js +1 -1
- package/calendar-range/modern/Component.js +1 -1
- package/calendar-range/modern/index.js +1 -1
- package/calendar-range/modern/views/popover.js +1 -1
- package/calendar-range/modern/views/static.js +1 -1
- package/calendar-range/views/popover.js +1 -1
- package/calendar-range/views/static.js +1 -1
- package/confirmation/components/screens/initial/component.js +1 -1
- package/confirmation/components/screens/initial/countdown-section.js +1 -1
- package/confirmation/esm/component.responsive.js +1 -1
- package/confirmation/esm/components/base-confirmation/component.js +1 -1
- package/confirmation/esm/components/base-confirmation/index.js +1 -1
- package/confirmation/esm/components/index.js +1 -1
- package/confirmation/esm/components/screens/index.js +1 -1
- package/confirmation/esm/components/screens/initial/component.js +1 -1
- package/confirmation/esm/components/screens/initial/countdown-section.js +1 -1
- package/confirmation/esm/components/screens/initial/index.js +1 -1
- package/confirmation/esm/desktop/component.desktop.js +1 -1
- package/confirmation/esm/desktop/index.js +1 -1
- package/confirmation/esm/index.js +1 -1
- package/confirmation/esm/mobile/component.mobile.js +1 -1
- package/confirmation/esm/mobile/index.js +1 -1
- package/confirmation/esm/shared/index.js +1 -1
- package/confirmation/modern/component.responsive.js +1 -1
- package/confirmation/modern/components/base-confirmation/component.js +1 -1
- package/confirmation/modern/components/base-confirmation/index.js +1 -1
- package/confirmation/modern/components/index.js +1 -1
- package/confirmation/modern/components/screens/index.js +1 -1
- package/confirmation/modern/components/screens/initial/component.js +1 -1
- package/confirmation/modern/components/screens/initial/countdown-section.js +1 -1
- package/confirmation/modern/components/screens/initial/index.js +1 -1
- package/confirmation/modern/desktop/component.desktop.js +1 -1
- package/confirmation/modern/desktop/index.js +1 -1
- package/confirmation/modern/index.js +1 -1
- package/confirmation/modern/mobile/component.mobile.js +1 -1
- package/confirmation/modern/mobile/index.js +1 -1
- package/confirmation/modern/shared/index.js +1 -1
- package/gallery/components/image-viewer/component.js +1 -1
- package/gallery/components/image-viewer/hooks.js +1 -1
- package/gallery/components/image-viewer/single.js +1 -1
- package/gallery/components/image-viewer/slide.js +1 -1
- package/gallery/esm/Component.js +1 -1
- package/gallery/esm/components/image-viewer/component.js +1 -1
- package/gallery/esm/components/image-viewer/hooks.js +1 -1
- package/gallery/esm/components/image-viewer/index.js +1 -1
- package/gallery/esm/components/image-viewer/single.js +1 -1
- package/gallery/esm/components/image-viewer/slide.js +1 -1
- package/gallery/esm/components/index.js +1 -1
- package/gallery/esm/index.js +1 -1
- package/gallery/modern/Component.js +1 -1
- package/gallery/modern/components/image-viewer/component.js +1 -1
- package/gallery/modern/components/image-viewer/hooks.js +1 -1
- package/gallery/modern/components/image-viewer/index.js +1 -1
- package/gallery/modern/components/image-viewer/single.js +1 -1
- package/gallery/modern/components/image-viewer/slide.js +1 -1
- package/gallery/modern/components/index.js +1 -1
- package/gallery/modern/index.js +1 -1
- package/international-phone-input/components/base-international-phone-input/Component.js +1 -1
- package/international-phone-input/components/country-select/Component.js +11 -5
- package/international-phone-input/components/country-select/index.css +7 -3
- package/international-phone-input/components/select-field/component.js +2 -11
- package/international-phone-input/consts.d.ts +12 -1
- package/international-phone-input/consts.js +12 -0
- package/international-phone-input/cssm/components/base-international-phone-input/Component.js +1 -1
- package/international-phone-input/cssm/components/country-select/Component.js +10 -4
- package/international-phone-input/cssm/components/country-select/index.module.css +7 -3
- package/international-phone-input/cssm/components/select-field/component.js +2 -11
- package/international-phone-input/cssm/consts.d.ts +12 -1
- package/international-phone-input/cssm/consts.js +12 -0
- package/international-phone-input/cssm/typings-d515b24c.d.ts +1 -5
- package/international-phone-input/esm/Component.responsive.js +1 -1
- package/international-phone-input/esm/components/base-international-phone-input/Component.js +2 -2
- package/international-phone-input/esm/components/base-international-phone-input/index.js +1 -1
- package/international-phone-input/esm/components/country-select/Component.js +10 -6
- package/international-phone-input/esm/components/country-select/index.css +7 -3
- package/international-phone-input/esm/components/country-select/index.js +2 -1
- package/international-phone-input/esm/components/select-field/component.js +1 -10
- package/international-phone-input/esm/components/select-field/index.js +1 -0
- package/international-phone-input/esm/consts.d.ts +12 -1
- package/international-phone-input/esm/consts.js +12 -1
- package/international-phone-input/esm/desktop/Component.desktop.js +1 -1
- package/international-phone-input/esm/desktop/index.js +1 -1
- package/international-phone-input/esm/index.js +1 -1
- package/international-phone-input/esm/mobile/Component.mobile.js +1 -1
- package/international-phone-input/esm/mobile/index.js +1 -1
- package/international-phone-input/esm/typings-d515b24c.d.ts +1 -5
- package/international-phone-input/modern/Component.responsive.js +1 -1
- package/international-phone-input/modern/components/base-international-phone-input/Component.js +2 -2
- package/international-phone-input/modern/components/base-international-phone-input/index.js +1 -1
- package/international-phone-input/modern/components/country-select/Component.js +10 -6
- package/international-phone-input/modern/components/country-select/index.css +7 -3
- package/international-phone-input/modern/components/country-select/index.js +2 -1
- package/international-phone-input/modern/components/select-field/component.js +1 -10
- package/international-phone-input/modern/components/select-field/index.js +1 -0
- package/international-phone-input/modern/consts.d.ts +12 -1
- package/international-phone-input/modern/consts.js +12 -1
- package/international-phone-input/modern/desktop/Component.desktop.js +1 -1
- package/international-phone-input/modern/desktop/index.js +1 -1
- package/international-phone-input/modern/index.js +1 -1
- package/international-phone-input/modern/mobile/Component.mobile.js +1 -1
- package/international-phone-input/modern/mobile/index.js +1 -1
- package/international-phone-input/modern/typings-d515b24c.d.ts +1 -5
- package/international-phone-input/moderncssm/Component.responsive.js +1 -1
- package/international-phone-input/moderncssm/components/base-international-phone-input/Component.js +2 -2
- package/international-phone-input/moderncssm/components/base-international-phone-input/index.js +1 -1
- package/international-phone-input/moderncssm/components/country-select/Component.js +9 -5
- package/international-phone-input/moderncssm/components/country-select/index.js +2 -1
- package/international-phone-input/moderncssm/components/country-select/index.module.css +5 -1
- package/international-phone-input/moderncssm/components/select-field/component.js +1 -10
- package/international-phone-input/moderncssm/components/select-field/index.js +1 -0
- package/international-phone-input/moderncssm/consts.d.ts +12 -1
- package/international-phone-input/moderncssm/consts.js +12 -1
- package/international-phone-input/moderncssm/desktop/Component.desktop.js +1 -1
- package/international-phone-input/moderncssm/desktop/index.js +1 -1
- package/international-phone-input/moderncssm/index.js +1 -1
- package/international-phone-input/moderncssm/mobile/Component.mobile.js +1 -1
- package/international-phone-input/moderncssm/mobile/index.js +1 -1
- package/international-phone-input/moderncssm/typings-d515b24c.d.ts +1 -5
- package/international-phone-input/typings-d515b24c.d.ts +1 -5
- package/list/Component.js +1 -1
- package/list/components/item/Component.js +1 -1
- package/list/components/item/index.d.ts +1 -1
- package/list/components/item/index.js +1 -1
- package/list/esm/Component.js +1 -1
- package/list/esm/components/item/Component.js +1 -1
- package/list/esm/components/item/index.d.ts +1 -1
- package/list/esm/components/item/index.js +1 -1
- package/list/esm/index.js +1 -1
- package/list/index.js +1 -1
- package/list/modern/Component.js +1 -1
- package/list/modern/components/item/Component.js +1 -1
- package/list/modern/components/item/index.d.ts +1 -1
- package/list/modern/components/item/index.js +1 -1
- package/list/modern/index.js +1 -1
- package/modal/components/controls/Component.js +1 -1
- package/modal/components/footer/Component.js +1 -1
- package/modal/esm/Component.responsive.js +1 -1
- package/modal/esm/components/controls/Component.js +1 -1
- package/modal/esm/components/controls/index.js +1 -1
- package/modal/esm/components/footer/Component.js +1 -1
- package/modal/esm/desktop/Component.desktop.js +1 -1
- package/modal/esm/desktop/index.js +1 -1
- package/modal/esm/index.js +1 -1
- package/modal/esm/mobile/Component.mobile.js +1 -1
- package/modal/esm/mobile/index.js +1 -1
- package/modal/modern/Component.responsive.js +1 -1
- package/modal/modern/components/controls/Component.js +1 -1
- package/modal/modern/components/controls/index.js +1 -1
- package/modal/modern/components/footer/Component.js +1 -1
- package/modal/modern/desktop/Component.desktop.js +1 -1
- package/modal/modern/desktop/index.js +1 -1
- package/modal/modern/index.js +1 -1
- package/modal/modern/mobile/Component.mobile.js +1 -1
- package/modal/modern/mobile/index.js +1 -1
- package/navigation-bar-private/components/closer/Component.d.ts +0 -5
- package/navigation-bar-private/components/closer/Component.js +3 -15
- package/navigation-bar-private/components/closer/index.css +18 -3
- package/navigation-bar-private/cssm/components/closer/Component.d.ts +0 -5
- package/navigation-bar-private/cssm/components/closer/Component.js +2 -12
- package/navigation-bar-private/cssm/components/closer/index.module.css +18 -3
- package/navigation-bar-private/esm/components/closer/Component.d.ts +0 -5
- package/navigation-bar-private/esm/components/closer/Component.js +3 -15
- package/navigation-bar-private/esm/components/closer/index.css +18 -3
- package/navigation-bar-private/modern/components/closer/Component.d.ts +0 -5
- package/navigation-bar-private/modern/components/closer/Component.js +3 -15
- package/navigation-bar-private/modern/components/closer/index.css +18 -3
- package/navigation-bar-private/moderncssm/Component.js +0 -2
- package/navigation-bar-private/moderncssm/components/closer/Component.d.ts +0 -5
- package/navigation-bar-private/moderncssm/components/closer/Component.js +2 -10
- package/navigation-bar-private/moderncssm/components/closer/index.js +0 -2
- package/navigation-bar-private/moderncssm/components/closer/index.module.css +14 -3
- package/navigation-bar-private/moderncssm/index.js +0 -2
- package/navigation-bar-private/moderncssm/shared/index.js +0 -2
- package/package.json +1 -1
- package/picker-button/cssm/typings-d515b24c.d.ts +1 -5
- package/picker-button/esm/typings-d515b24c.d.ts +1 -5
- package/picker-button/modern/typings-d515b24c.d.ts +1 -5
- package/picker-button/moderncssm/typings-d515b24c.d.ts +1 -5
- package/picker-button/typings-d515b24c.d.ts +1 -5
- package/pure-cell/component-fb05ccb7.d.ts +5 -5
- package/pure-cell/component.js +1 -1
- package/pure-cell/components/addon/component.js +1 -1
- package/pure-cell/components/addon/index.d.ts +1 -1
- package/pure-cell/components/addon/index.js +1 -1
- package/pure-cell/components/amount/component.js +1 -1
- package/pure-cell/components/amount/index.d.ts +1 -1
- package/pure-cell/components/amount/index.js +1 -1
- package/pure-cell/components/amount-title/component.js +1 -1
- package/pure-cell/components/amount-title/index.d.ts +1 -1
- package/pure-cell/components/amount-title/index.js +1 -1
- package/pure-cell/components/category/component.js +1 -1
- package/pure-cell/components/category/index.d.ts +1 -1
- package/pure-cell/components/category/index.js +1 -1
- package/pure-cell/components/content/component.js +1 -1
- package/pure-cell/components/content/index.d.ts +1 -1
- package/pure-cell/components/content/index.js +1 -1
- package/pure-cell/components/footer/component.js +1 -1
- package/pure-cell/components/footer/index.d.ts +1 -1
- package/pure-cell/components/footer/index.js +1 -1
- package/pure-cell/components/footer-button/component.js +1 -1
- package/pure-cell/components/footer-button/index.d.ts +1 -1
- package/pure-cell/components/footer-button/index.js +1 -1
- package/pure-cell/components/footer-text/component.js +1 -1
- package/pure-cell/components/footer-text/index.d.ts +1 -1
- package/pure-cell/components/footer-text/index.js +1 -1
- package/pure-cell/components/graphics/component.js +1 -1
- package/pure-cell/components/graphics/index.d.ts +1 -1
- package/pure-cell/components/graphics/index.js +1 -1
- package/pure-cell/components/main/component.js +1 -1
- package/pure-cell/components/main/index.d.ts +1 -1
- package/pure-cell/components/main/index.js +1 -1
- package/pure-cell/components/text/component.js +1 -1
- package/pure-cell/components/text/index.d.ts +1 -1
- package/pure-cell/components/text/index.js +1 -1
- package/pure-cell/esm/component.js +1 -1
- package/pure-cell/esm/components/addon/component.js +1 -1
- package/pure-cell/esm/components/addon/index.d.ts +1 -1
- package/pure-cell/esm/components/addon/index.js +1 -1
- package/pure-cell/esm/components/amount/component.js +1 -1
- package/pure-cell/esm/components/amount/index.d.ts +1 -1
- package/pure-cell/esm/components/amount/index.js +1 -1
- package/pure-cell/esm/components/amount-title/component.js +1 -1
- package/pure-cell/esm/components/amount-title/index.d.ts +1 -1
- package/pure-cell/esm/components/amount-title/index.js +1 -1
- package/pure-cell/esm/components/category/component.js +1 -1
- package/pure-cell/esm/components/category/index.d.ts +1 -1
- package/pure-cell/esm/components/category/index.js +1 -1
- package/pure-cell/esm/components/content/component.js +1 -1
- package/pure-cell/esm/components/content/index.d.ts +1 -1
- package/pure-cell/esm/components/content/index.js +1 -1
- package/pure-cell/esm/components/footer/component.js +1 -1
- package/pure-cell/esm/components/footer/index.d.ts +1 -1
- package/pure-cell/esm/components/footer/index.js +1 -1
- package/pure-cell/esm/components/footer-button/component.js +1 -1
- package/pure-cell/esm/components/footer-button/index.d.ts +1 -1
- package/pure-cell/esm/components/footer-button/index.js +1 -1
- package/pure-cell/esm/components/footer-text/component.js +1 -1
- package/pure-cell/esm/components/footer-text/index.d.ts +1 -1
- package/pure-cell/esm/components/footer-text/index.js +1 -1
- package/pure-cell/esm/components/graphics/component.js +1 -1
- package/pure-cell/esm/components/graphics/index.d.ts +1 -1
- package/pure-cell/esm/components/graphics/index.js +1 -1
- package/pure-cell/esm/components/main/component.js +1 -1
- package/pure-cell/esm/components/main/index.d.ts +1 -1
- package/pure-cell/esm/components/main/index.js +1 -1
- package/pure-cell/esm/components/text/component.js +1 -1
- package/pure-cell/esm/components/text/index.d.ts +1 -1
- package/pure-cell/esm/components/text/index.js +1 -1
- package/pure-cell/esm/index.js +1 -1
- package/pure-cell/index.js +1 -1
- package/pure-cell/modern/component.js +1 -1
- package/pure-cell/modern/components/addon/component.js +1 -1
- package/pure-cell/modern/components/addon/index.d.ts +1 -1
- package/pure-cell/modern/components/addon/index.js +1 -1
- package/pure-cell/modern/components/amount/component.js +1 -1
- package/pure-cell/modern/components/amount/index.d.ts +1 -1
- package/pure-cell/modern/components/amount/index.js +1 -1
- package/pure-cell/modern/components/amount-title/component.js +1 -1
- package/pure-cell/modern/components/amount-title/index.d.ts +1 -1
- package/pure-cell/modern/components/amount-title/index.js +1 -1
- package/pure-cell/modern/components/category/component.js +1 -1
- package/pure-cell/modern/components/category/index.d.ts +1 -1
- package/pure-cell/modern/components/category/index.js +1 -1
- package/pure-cell/modern/components/content/component.js +1 -1
- package/pure-cell/modern/components/content/index.d.ts +1 -1
- package/pure-cell/modern/components/content/index.js +1 -1
- package/pure-cell/modern/components/footer/component.js +1 -1
- package/pure-cell/modern/components/footer/index.d.ts +1 -1
- package/pure-cell/modern/components/footer/index.js +1 -1
- package/pure-cell/modern/components/footer-button/component.js +1 -1
- package/pure-cell/modern/components/footer-button/index.d.ts +1 -1
- package/pure-cell/modern/components/footer-button/index.js +1 -1
- package/pure-cell/modern/components/footer-text/component.js +1 -1
- package/pure-cell/modern/components/footer-text/index.d.ts +1 -1
- package/pure-cell/modern/components/footer-text/index.js +1 -1
- package/pure-cell/modern/components/graphics/component.js +1 -1
- package/pure-cell/modern/components/graphics/index.d.ts +1 -1
- package/pure-cell/modern/components/graphics/index.js +1 -1
- package/pure-cell/modern/components/main/component.js +1 -1
- package/pure-cell/modern/components/main/index.d.ts +1 -1
- package/pure-cell/modern/components/main/index.js +1 -1
- package/pure-cell/modern/components/text/component.js +1 -1
- package/pure-cell/modern/components/text/index.d.ts +1 -1
- package/pure-cell/modern/components/text/index.js +1 -1
- package/pure-cell/modern/index.js +1 -1
- package/select/components/base-option/Component.js +5 -4
- package/select/components/base-option/index.css +7 -2
- package/select/components/base-select/Component.js +4 -3
- package/select/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
- package/select/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
- package/select/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
- package/select/components/base-select/index.css +7 -2
- package/select/components/search/Component.js +1 -1
- package/select/components/search/index.css +6 -1
- package/select/cssm/components/base-option/Component.js +4 -3
- package/select/cssm/components/base-option/index.module.css +7 -2
- package/select/cssm/components/base-select/Component.js +2 -1
- package/select/cssm/components/base-select/index.module.css +7 -2
- package/select/cssm/components/search/index.module.css +6 -1
- package/select/{hook-ef45b601.js → cssm/hook-bb149630.js} +3 -3
- package/select/cssm/mobile/Component.mobile.js +1 -1
- package/select/cssm/presets/index.js +1 -1
- package/select/cssm/presets/useSelectWithApply/hook.js +1 -1
- package/select/cssm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
- package/select/cssm/presets/useSelectWithApply/options-list-with-apply/footer/Component.d.ts +3 -2
- package/select/cssm/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +5 -2
- package/select/cssm/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css +6 -2
- package/select/cssm/presets/useSelectWithApply/options-list-with-apply/header/Component.d.ts +2 -0
- package/select/cssm/presets/useSelectWithApply/options-list-with-apply/header/Component.js +6 -2
- package/select/cssm/presets/useSelectWithApply/options-list-with-apply/header/index.module.css +7 -3
- package/select/cssm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/select/cssm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
- package/select/cssm/shared/index.js +1 -1
- package/select/esm/Component.responsive.js +4 -4
- package/select/esm/components/base-option/Component.js +5 -4
- package/select/esm/components/base-option/index.css +7 -2
- package/select/esm/components/base-option/index.js +1 -0
- package/select/esm/components/base-select/Component.js +4 -3
- package/select/esm/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
- package/select/esm/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
- package/select/esm/components/base-select/components/list-mobile/list-mobile.js +1 -1
- package/select/esm/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
- package/select/esm/components/base-select/index.css +7 -2
- package/select/esm/components/base-select/index.js +3 -2
- package/select/esm/components/index.js +3 -3
- package/select/esm/components/search/Component.js +1 -1
- package/select/esm/components/search/index.css +6 -1
- package/select/esm/desktop/Component.desktop.js +3 -3
- package/select/esm/desktop/index.js +3 -3
- package/select/esm/{hook-99851882.js → hook-90470cc5.js} +3 -3
- package/select/esm/index.js +4 -4
- package/select/esm/{list-popover-desktop-d69b4d3b.js → list-popover-desktop-dd5afbab.js} +1 -1
- package/select/esm/mobile/Component.mobile.js +4 -4
- package/select/esm/mobile/Component.modal.mobile.js +4 -4
- package/select/esm/mobile/index.js +4 -4
- package/select/esm/presets/index.js +1 -1
- package/select/esm/presets/useSelectWithApply/hook.js +1 -1
- package/select/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
- package/select/esm/presets/useSelectWithApply/options-list-with-apply/footer/Component.d.ts +3 -2
- package/select/esm/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +5 -3
- package/select/esm/presets/useSelectWithApply/options-list-with-apply/footer/index.css +6 -2
- package/select/esm/presets/useSelectWithApply/options-list-with-apply/header/Component.d.ts +2 -0
- package/select/esm/presets/useSelectWithApply/options-list-with-apply/header/Component.js +7 -3
- package/select/esm/presets/useSelectWithApply/options-list-with-apply/header/index.css +7 -3
- package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
- package/select/esm/shared/index.js +3 -3
- package/select/{cssm/hook-928265a3.js → hook-62b57f5c.js} +3 -3
- package/select/{list-popover-desktop-9b282f32.js → list-popover-desktop-08c1b71a.js} +1 -1
- package/select/mobile/Component.mobile.js +1 -1
- package/select/modern/Component.responsive.js +4 -4
- package/select/modern/components/base-option/Component.js +4 -3
- package/select/modern/components/base-option/index.css +7 -2
- package/select/modern/components/base-option/index.js +1 -0
- package/select/modern/components/base-select/Component.js +4 -3
- package/select/modern/components/base-select/components/list-desktop/list-popover-desktop.js +1 -1
- package/select/modern/components/base-select/components/list-mobile/list-bottom-sheet-mobile.js +1 -1
- package/select/modern/components/base-select/components/list-mobile/list-mobile.js +1 -1
- package/select/modern/components/base-select/components/list-mobile/list-modal-mobile.js +1 -1
- package/select/modern/components/base-select/index.css +7 -2
- package/select/modern/components/base-select/index.js +3 -2
- package/select/modern/components/index.js +3 -3
- package/select/modern/components/search/Component.js +1 -1
- package/select/modern/components/search/index.css +6 -1
- package/select/modern/desktop/Component.desktop.js +3 -3
- package/select/modern/desktop/index.js +3 -3
- package/select/modern/{hook-3f21c631.js → hook-d837219f.js} +3 -3
- package/select/modern/index.js +4 -4
- package/select/modern/{list-popover-desktop-e03140fe.js → list-popover-desktop-e615c25f.js} +1 -1
- package/select/modern/mobile/Component.mobile.js +4 -4
- package/select/modern/mobile/Component.modal.mobile.js +4 -4
- package/select/modern/mobile/index.js +4 -4
- package/select/modern/presets/index.js +1 -1
- package/select/modern/presets/useSelectWithApply/hook.js +1 -1
- package/select/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
- package/select/modern/presets/useSelectWithApply/options-list-with-apply/footer/Component.d.ts +3 -2
- package/select/modern/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +5 -3
- package/select/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.css +6 -2
- package/select/modern/presets/useSelectWithApply/options-list-with-apply/header/Component.d.ts +2 -0
- package/select/modern/presets/useSelectWithApply/options-list-with-apply/header/Component.js +6 -2
- package/select/modern/presets/useSelectWithApply/options-list-with-apply/header/index.css +7 -3
- package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
- package/select/modern/shared/index.js +3 -3
- package/select/moderncssm/Component.responsive.js +2 -2
- package/select/moderncssm/components/base-option/Component.js +3 -2
- package/select/moderncssm/components/base-option/index.js +1 -0
- package/select/moderncssm/components/base-option/index.module.css +7 -0
- package/select/moderncssm/components/base-select/Component.js +2 -1
- package/select/moderncssm/components/base-select/index.js +1 -0
- package/select/moderncssm/components/base-select/index.module.css +4 -0
- package/select/moderncssm/components/index.js +1 -1
- package/select/moderncssm/components/search/index.module.css +3 -0
- package/select/moderncssm/desktop/Component.desktop.js +1 -1
- package/select/moderncssm/desktop/index.js +1 -1
- package/select/moderncssm/{hook-0c8b8277.js → hook-fc2403e7.js} +3 -3
- package/select/moderncssm/index.js +2 -2
- package/select/moderncssm/mobile/Component.mobile.js +2 -2
- package/select/moderncssm/mobile/Component.modal.mobile.js +2 -2
- package/select/moderncssm/mobile/index.js +2 -2
- package/select/moderncssm/presets/index.js +1 -1
- package/select/moderncssm/presets/useSelectWithApply/hook.js +1 -1
- package/select/moderncssm/presets/useSelectWithApply/options-list-with-apply/Component.js +2 -2
- package/select/moderncssm/presets/useSelectWithApply/options-list-with-apply/footer/Component.d.ts +3 -2
- package/select/moderncssm/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +4 -2
- package/select/moderncssm/presets/useSelectWithApply/options-list-with-apply/footer/index.module.css +3 -0
- package/select/moderncssm/presets/useSelectWithApply/options-list-with-apply/header/Component.d.ts +2 -0
- package/select/moderncssm/presets/useSelectWithApply/options-list-with-apply/header/Component.js +5 -1
- package/select/moderncssm/presets/useSelectWithApply/options-list-with-apply/header/index.module.css +5 -1
- package/select/moderncssm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/select/moderncssm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
- package/select/moderncssm/shared/index.js +1 -1
- package/select/presets/index.js +1 -1
- package/select/presets/useSelectWithApply/hook.js +1 -1
- package/select/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
- package/select/presets/useSelectWithApply/options-list-with-apply/footer/Component.d.ts +3 -2
- package/select/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +6 -3
- package/select/presets/useSelectWithApply/options-list-with-apply/footer/index.css +6 -2
- package/select/presets/useSelectWithApply/options-list-with-apply/header/Component.d.ts +2 -0
- package/select/presets/useSelectWithApply/options-list-with-apply/header/Component.js +7 -3
- package/select/presets/useSelectWithApply/options-list-with-apply/header/index.css +7 -3
- package/select/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/select/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
- package/select/shared/index.js +1 -1
- package/side-panel/components/controls/Component.js +1 -1
- package/side-panel/components/footer/Component.js +1 -1
- package/side-panel/esm/Component.responsive.js +1 -1
- package/side-panel/esm/components/controls/Component.js +1 -1
- package/side-panel/esm/components/controls/index.js +1 -1
- package/side-panel/esm/components/footer/Component.desktop.js +1 -1
- package/side-panel/esm/components/footer/Component.js +1 -1
- package/side-panel/esm/components/footer/Component.mobile.js +1 -1
- package/side-panel/esm/desktop/Component.desktop.js +1 -1
- package/side-panel/esm/desktop/index.js +1 -1
- package/side-panel/esm/index.js +1 -1
- package/side-panel/esm/mobile/Component.mobile.js +1 -1
- package/side-panel/esm/mobile/index.js +1 -1
- package/side-panel/modern/Component.responsive.js +1 -1
- package/side-panel/modern/components/controls/Component.js +1 -1
- package/side-panel/modern/components/controls/index.js +1 -1
- package/side-panel/modern/components/footer/Component.desktop.js +1 -1
- package/side-panel/modern/components/footer/Component.js +1 -1
- package/side-panel/modern/components/footer/Component.mobile.js +1 -1
- package/side-panel/modern/desktop/Component.desktop.js +1 -1
- package/side-panel/modern/desktop/index.js +1 -1
- package/side-panel/modern/index.js +1 -1
- package/side-panel/modern/mobile/Component.mobile.js +1 -1
- package/side-panel/modern/mobile/index.js +1 -1
- package/skeleton/Component.js +2 -2
- package/skeleton/cssm/Component.js +1 -1
- package/skeleton/cssm/index.module.css +0 -2
- package/skeleton/esm/Component.js +2 -2
- package/skeleton/esm/index.css +0 -2
- package/skeleton/index.css +0 -2
- package/skeleton/modern/Component.js +2 -2
- package/skeleton/modern/index.css +0 -2
- package/skeleton/moderncssm/Component.js +1 -1
- package/skeleton/moderncssm/index.module.css +0 -6
- package/themes/compiled/mobile-dark-bluetint.css +4 -4
- package/typography/esm/component.js +2 -2
- package/typography/esm/index.js +2 -2
- package/typography/esm/text/component.js +1 -1
- package/typography/esm/text/index.js +1 -1
- package/typography/esm/title/component.js +1 -1
- package/typography/esm/title/index.js +2 -2
- package/typography/esm/title-mobile/component.js +2 -2
- package/typography/esm/title-mobile/index.js +2 -2
- package/typography/esm/title-responsive/component.js +2 -2
- package/typography/esm/title-responsive/index.js +2 -2
- package/typography/modern/component.js +2 -2
- package/typography/modern/index.js +2 -2
- package/typography/modern/text/component.js +1 -1
- package/typography/modern/text/index.js +1 -1
- package/typography/modern/title/component.js +1 -1
- package/typography/modern/title/index.js +2 -2
- package/typography/modern/title-mobile/component.js +2 -2
- package/typography/modern/title-mobile/index.js +2 -2
- package/typography/modern/title-responsive/component.js +2 -2
- package/typography/modern/title-responsive/index.js +2 -2
- package/typography/text/component.js +1 -1
- package/typography/title/component.js +1 -1
- package/typography/title/index.js +1 -1
- package/typography/title-mobile/component.js +1 -1
- package/universal-date-input/cssm/index-5712fce2.d.ts +0 -5
- package/universal-date-input/cssm/index-63dec22f.d.ts +1 -1
- package/universal-date-input/cssm/{typings-ebe70d06.d.ts → typings-5684a67d.d.ts} +1 -6
- package/universal-date-input/cssm/useCalendar-ebe70d06.d.ts +1 -1
- package/universal-date-input/cssm/utils-5712fce2.d.ts +1 -1
- package/universal-date-input/esm/index-5712fce2.d.ts +0 -5
- package/universal-date-input/esm/index-63dec22f.d.ts +1 -1
- package/universal-date-input/esm/{typings-ebe70d06.d.ts → typings-5684a67d.d.ts} +1 -6
- package/universal-date-input/esm/useCalendar-ebe70d06.d.ts +1 -1
- package/universal-date-input/esm/utils-5712fce2.d.ts +1 -1
- package/universal-date-input/index-5712fce2.d.ts +0 -5
- package/universal-date-input/index-63dec22f.d.ts +1 -1
- package/universal-date-input/modern/index-5712fce2.d.ts +0 -5
- package/universal-date-input/modern/index-63dec22f.d.ts +1 -1
- package/universal-date-input/modern/{typings-ebe70d06.d.ts → typings-5684a67d.d.ts} +1 -6
- package/universal-date-input/modern/useCalendar-ebe70d06.d.ts +1 -1
- package/universal-date-input/modern/utils-5712fce2.d.ts +1 -1
- package/universal-date-input/moderncssm/index-5712fce2.d.ts +0 -5
- package/universal-date-input/moderncssm/index-63dec22f.d.ts +1 -1
- package/universal-date-input/moderncssm/{typings-ebe70d06.d.ts → typings-5684a67d.d.ts} +1 -6
- package/universal-date-input/moderncssm/useCalendar-ebe70d06.d.ts +1 -1
- package/universal-date-input/moderncssm/utils-5712fce2.d.ts +1 -1
- package/universal-date-input/typings-5684a67d.d.ts +23 -0
- package/universal-date-input/useCalendar-ebe70d06.d.ts +1 -1
- package/universal-date-input/utils-5712fce2.d.ts +1 -1
- package/universal-modal/components/header/desktop/Component.desktop.js +1 -1
- package/universal-modal/components/header/mobile/Component.mobile.js +1 -1
- package/universal-modal/cssm/desktop/components/buttons/cross-button/cross-button.module.css +4 -5
- package/universal-modal/desktop/components/buttons/cross-button/cross-button.css +4 -5
- package/universal-modal/esm/Component.responsive.js +1 -1
- package/universal-modal/esm/components/header/desktop/Component.desktop.js +1 -1
- package/universal-modal/esm/components/header/index.js +1 -1
- package/universal-modal/esm/components/header/mobile/Component.mobile.js +1 -1
- package/universal-modal/esm/components/header/responsive/Component.responsive.js +1 -1
- package/universal-modal/esm/desktop/Component.desktop.js +1 -1
- package/universal-modal/esm/desktop/components/buttons/cross-button/cross-button.css +4 -5
- package/universal-modal/esm/desktop/index.js +1 -1
- package/universal-modal/esm/index.js +1 -1
- package/universal-modal/esm/mobile/Component.mobile.js +1 -1
- package/universal-modal/esm/mobile/index.js +1 -1
- package/universal-modal/modern/Component.responsive.js +1 -1
- package/universal-modal/modern/components/header/desktop/Component.desktop.js +1 -1
- package/universal-modal/modern/components/header/index.js +1 -1
- package/universal-modal/modern/components/header/mobile/Component.mobile.js +1 -1
- package/universal-modal/modern/components/header/responsive/Component.responsive.js +1 -1
- package/universal-modal/modern/desktop/Component.desktop.js +1 -1
- package/universal-modal/modern/desktop/components/buttons/cross-button/cross-button.css +4 -5
- package/universal-modal/modern/desktop/index.js +1 -1
- package/universal-modal/modern/index.js +1 -1
- package/universal-modal/modern/mobile/Component.mobile.js +1 -1
- package/universal-modal/modern/mobile/index.js +1 -1
- package/universal-modal/moderncssm/desktop/components/buttons/cross-button/cross-button.module.css +2 -4
- package/navigation-bar-private/components/closer/default.css +0 -50
- package/navigation-bar-private/components/closer/inverted.css +0 -51
- package/navigation-bar-private/cssm/components/closer/default.module.css +0 -49
- package/navigation-bar-private/cssm/components/closer/inverted.module.css +0 -50
- package/navigation-bar-private/esm/components/closer/default.css +0 -50
- package/navigation-bar-private/esm/components/closer/inverted.css +0 -51
- package/navigation-bar-private/modern/components/closer/default.css +0 -50
- package/navigation-bar-private/modern/components/closer/inverted.css +0 -51
- package/navigation-bar-private/moderncssm/components/closer/default.module.css +0 -18
- package/navigation-bar-private/moderncssm/components/closer/inverted.module.css +0 -20
- package/universal-date-input/typings-ebe70d06.d.ts +0 -28
- /package/calendar/{calendarMonthOnlyView-76b66eef.d.ts → calendarMonthOnlyView-a5bcfc2c.d.ts} +0 -0
- /package/calendar/esm/{calendarMonthOnlyView-8575391d.d.ts → calendarMonthOnlyView-5140c059.d.ts} +0 -0
- /package/calendar/modern/{calendarMonthOnlyView-96281715.d.ts → calendarMonthOnlyView-5e2d1063.d.ts} +0 -0
- /package/calendar-range/esm/{index.module-9812f07f.js → index.module-1425aba7.js} +0 -0
- /package/calendar-range/{index.module-d8573280.js → index.module-8dc9cad2.js} +0 -0
- /package/calendar-range/modern/{index.module-85078057.js → index.module-b54b4802.js} +0 -0
- /package/confirmation/{countdown-section-dd025f3e.d.ts → countdown-section-b41e29b5.d.ts} +0 -0
- /package/confirmation/{countdown-section-dd025f3e.js → countdown-section-b41e29b5.js} +0 -0
- /package/confirmation/esm/{countdown-section-2c71fa7c.d.ts → countdown-section-c682b9b2.d.ts} +0 -0
- /package/confirmation/esm/{countdown-section-2c71fa7c.js → countdown-section-c682b9b2.js} +0 -0
- /package/confirmation/modern/{countdown-section-20dcb204.d.ts → countdown-section-a36d9e1d.d.ts} +0 -0
- /package/confirmation/modern/{countdown-section-20dcb204.js → countdown-section-a36d9e1d.js} +0 -0
- /package/gallery/esm/{hooks-3c0218fd.d.ts → hooks-9297a156.d.ts} +0 -0
- /package/gallery/esm/{hooks-3c0218fd.js → hooks-9297a156.js} +0 -0
- /package/gallery/{hooks-76002eed.d.ts → hooks-63939a41.d.ts} +0 -0
- /package/gallery/{hooks-76002eed.js → hooks-63939a41.js} +0 -0
- /package/gallery/modern/{hooks-53f26eb0.d.ts → hooks-4237cffb.d.ts} +0 -0
- /package/gallery/modern/{hooks-53f26eb0.js → hooks-4237cffb.js} +0 -0
- /package/list/{Component-8a46cf45.d.ts → Component-c91392a4.d.ts} +0 -0
- /package/list/{Component-8a46cf45.js → Component-c91392a4.js} +0 -0
- /package/list/esm/{Component-ae9327ce.d.ts → Component-95e47678.d.ts} +0 -0
- /package/list/esm/{Component-ae9327ce.js → Component-95e47678.js} +0 -0
- /package/list/modern/{Component-c7086493.d.ts → Component-c4d321ef.d.ts} +0 -0
- /package/list/modern/{Component-c7086493.js → Component-c4d321ef.js} +0 -0
- /package/modal/esm/{layout.module-284050a3.js → layout.module-88c350fe.js} +0 -0
- /package/modal/{layout.module-7e07d8c8.js → layout.module-191d7eff.js} +0 -0
- /package/modal/modern/{layout.module-f996b1f4.js → layout.module-9df0f639.js} +0 -0
- /package/pure-cell/{component-333042c1.d.ts → component-b6a27d0b.d.ts} +0 -0
- /package/pure-cell/{component-333042c1.js → component-b6a27d0b.js} +0 -0
- /package/pure-cell/esm/{component-69ecb66e.d.ts → component-1327917f.d.ts} +0 -0
- /package/pure-cell/esm/{component-69ecb66e.js → component-1327917f.js} +0 -0
- /package/pure-cell/modern/{component-5ed1dd37.d.ts → component-1c682f9d.d.ts} +0 -0
- /package/pure-cell/modern/{component-5ed1dd37.js → component-1c682f9d.js} +0 -0
- /package/select/cssm/{hook-928265a3.d.ts → hook-bb149630.d.ts} +0 -0
- /package/select/esm/{hook-99851882.d.ts → hook-90470cc5.d.ts} +0 -0
- /package/select/esm/{list-popover-desktop-d69b4d3b.d.ts → list-popover-desktop-dd5afbab.d.ts} +0 -0
- /package/select/esm/{mobile.module-53bb5743.js → mobile.module-bed8012e.js} +0 -0
- /package/select/{hook-ef45b601.d.ts → hook-62b57f5c.d.ts} +0 -0
- /package/select/{list-popover-desktop-9b282f32.d.ts → list-popover-desktop-08c1b71a.d.ts} +0 -0
- /package/select/{mobile.module-29d7f3db.js → mobile.module-3a578806.js} +0 -0
- /package/select/modern/{hook-3f21c631.d.ts → hook-d837219f.d.ts} +0 -0
- /package/select/modern/{list-popover-desktop-e03140fe.d.ts → list-popover-desktop-e615c25f.d.ts} +0 -0
- /package/select/modern/{mobile.module-26de034b.js → mobile.module-aeca1625.js} +0 -0
- /package/select/moderncssm/{hook-0c8b8277.d.ts → hook-fc2403e7.d.ts} +0 -0
- /package/side-panel/esm/{layout.module-9f5195fe.js → layout.module-59d8fe29.js} +0 -0
- /package/side-panel/{layout.module-2d71b862.js → layout.module-8fe6bb9a.js} +0 -0
- /package/side-panel/modern/{layout.module-43ff826c.js → layout.module-4bec6b36.js} +0 -0
- /package/typography/{colors.module-04be230e.js → colors.module-a72fdfab.js} +0 -0
- /package/typography/{common.module-ccbfde56.js → common.module-536693bd.js} +0 -0
- /package/typography/esm/{colors.module-955617dc.js → colors.module-3c025306.js} +0 -0
- /package/typography/esm/{common.module-b2640559.js → common.module-94979543.js} +0 -0
- /package/typography/modern/{colors.module-4014a95b.js → colors.module-28b61493.js} +0 -0
- /package/typography/modern/{common.module-b972d968.js → common.module-f77c1a26.js} +0 -0
- /package/universal-modal/esm/{index.module-a7ff1816.js → index.module-1246dc84.js} +0 -0
- /package/universal-modal/{index.module-7ad5a0ef.js → index.module-8b898c3b.js} +0 -0
- /package/universal-modal/modern/{index.module-c46261c1.js → index.module-a2ae370a.js} +0 -0
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
2
|
-
} /* deprecated */ :root {
|
|
2
|
+
} /* deprecated */ :root {
|
|
3
|
+
--color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
|
|
4
|
+
--color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
|
|
5
|
+
--color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
6
|
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
7
|
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
5
8
|
} :root {
|
|
@@ -22,7 +25,14 @@
|
|
|
22
25
|
--gap-0: 0px;
|
|
23
26
|
} :root {
|
|
24
27
|
} :root {
|
|
25
|
-
} /* сбрасывает синюю подсветку при нажатии */
|
|
28
|
+
} /* сбрасывает синюю подсветку при нажатии */ :root {
|
|
29
|
+
--color-static-monochrome-white-4: rgba(255, 255, 255, 0.04);
|
|
30
|
+
} :root {
|
|
31
|
+
/* closer-mobile */
|
|
32
|
+
--navigation-bar-closer-mobile-color: var(--color-light-neutral-translucent-700);
|
|
33
|
+
|
|
34
|
+
/* back-arrow */
|
|
35
|
+
} .closer {
|
|
26
36
|
flex-shrink: 0;
|
|
27
37
|
width: 48px;
|
|
28
38
|
height: 48px;
|
|
@@ -31,9 +41,14 @@
|
|
|
31
41
|
align-items: center;
|
|
32
42
|
justify-content: center;
|
|
33
43
|
} .button {
|
|
44
|
+
background: var(--color-static-monochrome-white-4);
|
|
34
45
|
-webkit-backdrop-filter: blur(10px);
|
|
35
46
|
backdrop-filter: blur(10px);
|
|
36
|
-
|
|
47
|
+
color: var(--color-light-neutral-translucent-1300)
|
|
48
|
+
} .button.mobile {
|
|
49
|
+
background: var(--color-light-neutral-translucent-100);
|
|
50
|
+
color: var(--navigation-bar-closer-mobile-color);
|
|
51
|
+
} .button.button {
|
|
37
52
|
border-radius: var(--border-radius-circle);
|
|
38
53
|
} .sticky {
|
|
39
54
|
position: sticky;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { ButtonHTMLAttributes, ElementType, FC } from "react";
|
|
4
|
-
import { IconButtonProps } from "../../../../icon-button";
|
|
5
4
|
interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
6
5
|
/**
|
|
7
6
|
* Вид компонента
|
|
@@ -23,10 +22,6 @@ interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
23
22
|
* Иконка
|
|
24
23
|
*/
|
|
25
24
|
icon?: ElementType;
|
|
26
|
-
/**
|
|
27
|
-
* Набор цветов для компонента
|
|
28
|
-
*/
|
|
29
|
-
colors?: IconButtonProps['colors'];
|
|
30
25
|
/**
|
|
31
26
|
* Идентификатор для систем автоматизированного тестирования
|
|
32
27
|
*/
|
|
@@ -5,31 +5,19 @@ import { IconButton } from '../../../../icon-button/esm';
|
|
|
5
5
|
import { CrossHeavyMIcon } from '@alfalab/icons-glyph/CrossHeavyMIcon';
|
|
6
6
|
import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
|
|
7
7
|
|
|
8
|
-
var
|
|
9
|
-
require('./default.css');
|
|
10
|
-
|
|
11
|
-
var styles = {"closer":"navigation-bar-private__closer_1o03y","button":"navigation-bar-private__button_1o03y","sticky":"navigation-bar-private__sticky_1o03y"};
|
|
8
|
+
var styles = {"closer":"navigation-bar-private__closer_1o03y","button":"navigation-bar-private__button_1o03y","mobile":"navigation-bar-private__mobile_1o03y","sticky":"navigation-bar-private__sticky_1o03y"};
|
|
12
9
|
require('./index.css');
|
|
13
10
|
|
|
14
|
-
var invertedColors = {"button":"navigation-bar-private__button_1cpwn","mobile":"navigation-bar-private__mobile_1cpwn"};
|
|
15
|
-
require('./inverted.css');
|
|
16
|
-
|
|
17
|
-
var colorStyles = {
|
|
18
|
-
default: defaultColors,
|
|
19
|
-
inverted: invertedColors,
|
|
20
|
-
};
|
|
21
11
|
var Closer = function (_a) {
|
|
22
12
|
var _b, _c;
|
|
23
|
-
var view = _a.view, className = _a.className, sticky = _a.sticky, _d = _a.icon, icon = _d === void 0 ? view === 'desktop' ? CrossHeavyMIcon : CrossMIcon : _d,
|
|
13
|
+
var view = _a.view, className = _a.className, sticky = _a.sticky, _d = _a.icon, icon = _d === void 0 ? view === 'desktop' ? CrossHeavyMIcon : CrossMIcon : _d, dataTestId = _a.dataTestId, onClose = _a.onClose, restProps = __rest(_a, ["view", "className", "sticky", "icon", "dataTestId", "onClose"]);
|
|
24
14
|
var handleClick = function (event) {
|
|
25
15
|
onClose === null || onClose === void 0 ? void 0 : onClose(event, 'closerClick');
|
|
26
16
|
};
|
|
27
17
|
return (React.createElement("div", { className: cn(styles.closer, className, (_b = {},
|
|
28
18
|
_b[styles.sticky] = sticky,
|
|
29
19
|
_b)) },
|
|
30
|
-
React.createElement(IconButton, __assign({ size: view === 'desktop' ? 's' : 'xs', className: cn(styles.button,
|
|
31
|
-
_c[colorStyles[colors].mobile] = view === 'mobile',
|
|
32
|
-
_c)), "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon, colors: colors, dataTestId: dataTestId }, restProps))));
|
|
20
|
+
React.createElement(IconButton, __assign({ size: view === 'desktop' ? 's' : 'xs', className: cn(styles.button, (_c = {}, _c[styles.mobile] = view === 'mobile', _c)), "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon, dataTestId: dataTestId }, restProps))));
|
|
33
21
|
};
|
|
34
22
|
|
|
35
23
|
export { Closer };
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
/* hash: l0ieo */
|
|
2
2
|
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
|
-
} /* deprecated */ :root {
|
|
3
|
+
} /* deprecated */ :root {
|
|
4
|
+
--color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
|
|
5
|
+
--color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
|
|
6
|
+
--color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
7
|
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
5
8
|
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
6
9
|
} :root {
|
|
@@ -23,7 +26,14 @@
|
|
|
23
26
|
--gap-0: 0px;
|
|
24
27
|
} :root {
|
|
25
28
|
} :root {
|
|
26
|
-
} /* сбрасывает синюю подсветку при нажатии */
|
|
29
|
+
} /* сбрасывает синюю подсветку при нажатии */ :root {
|
|
30
|
+
--color-static-monochrome-white-4: rgba(255, 255, 255, 0.04);
|
|
31
|
+
} :root {
|
|
32
|
+
/* closer-mobile */
|
|
33
|
+
--navigation-bar-closer-mobile-color: var(--color-light-neutral-translucent-700);
|
|
34
|
+
|
|
35
|
+
/* back-arrow */
|
|
36
|
+
} .navigation-bar-private__closer_1o03y {
|
|
27
37
|
flex-shrink: 0;
|
|
28
38
|
width: 48px;
|
|
29
39
|
height: 48px;
|
|
@@ -32,9 +42,14 @@
|
|
|
32
42
|
align-items: center;
|
|
33
43
|
justify-content: center;
|
|
34
44
|
} .navigation-bar-private__button_1o03y {
|
|
45
|
+
background: var(--color-static-monochrome-white-4);
|
|
35
46
|
-webkit-backdrop-filter: blur(10px);
|
|
36
47
|
backdrop-filter: blur(10px);
|
|
37
|
-
|
|
48
|
+
color: var(--color-light-neutral-translucent-1300)
|
|
49
|
+
} .navigation-bar-private__button_1o03y.navigation-bar-private__mobile_1o03y {
|
|
50
|
+
background: var(--color-light-neutral-translucent-100);
|
|
51
|
+
color: var(--navigation-bar-closer-mobile-color);
|
|
52
|
+
} .navigation-bar-private__button_1o03y.navigation-bar-private__button_1o03y {
|
|
38
53
|
border-radius: var(--border-radius-circle);
|
|
39
54
|
} .navigation-bar-private__sticky_1o03y {
|
|
40
55
|
position: sticky;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { ButtonHTMLAttributes, ElementType, FC } from "react";
|
|
4
|
-
import { IconButtonProps } from "../../../../icon-button";
|
|
5
4
|
interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
6
5
|
/**
|
|
7
6
|
* Вид компонента
|
|
@@ -23,10 +22,6 @@ interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
23
22
|
* Иконка
|
|
24
23
|
*/
|
|
25
24
|
icon?: ElementType;
|
|
26
|
-
/**
|
|
27
|
-
* Набор цветов для компонента
|
|
28
|
-
*/
|
|
29
|
-
colors?: IconButtonProps['colors'];
|
|
30
25
|
/**
|
|
31
26
|
* Идентификатор для систем автоматизированного тестирования
|
|
32
27
|
*/
|
|
@@ -4,29 +4,17 @@ import { IconButton } from '../../../../icon-button/modern';
|
|
|
4
4
|
import { CrossHeavyMIcon } from '@alfalab/icons-glyph/CrossHeavyMIcon';
|
|
5
5
|
import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
|
|
6
6
|
|
|
7
|
-
const
|
|
8
|
-
require('./default.css');
|
|
9
|
-
|
|
10
|
-
const styles = {"closer":"navigation-bar-private__closer_1o03y","button":"navigation-bar-private__button_1o03y","sticky":"navigation-bar-private__sticky_1o03y"};
|
|
7
|
+
const styles = {"closer":"navigation-bar-private__closer_1o03y","button":"navigation-bar-private__button_1o03y","mobile":"navigation-bar-private__mobile_1o03y","sticky":"navigation-bar-private__sticky_1o03y"};
|
|
11
8
|
require('./index.css');
|
|
12
9
|
|
|
13
|
-
const
|
|
14
|
-
require('./inverted.css');
|
|
15
|
-
|
|
16
|
-
const colorStyles = {
|
|
17
|
-
default: defaultColors,
|
|
18
|
-
inverted: invertedColors,
|
|
19
|
-
};
|
|
20
|
-
const Closer = ({ view, className, sticky, icon = view === 'desktop' ? CrossHeavyMIcon : CrossMIcon, colors = 'default', dataTestId, onClose, ...restProps }) => {
|
|
10
|
+
const Closer = ({ view, className, sticky, icon = view === 'desktop' ? CrossHeavyMIcon : CrossMIcon, dataTestId, onClose, ...restProps }) => {
|
|
21
11
|
const handleClick = (event) => {
|
|
22
12
|
onClose?.(event, 'closerClick');
|
|
23
13
|
};
|
|
24
14
|
return (React.createElement("div", { className: cn(styles.closer, className, {
|
|
25
15
|
[styles.sticky]: sticky,
|
|
26
16
|
}) },
|
|
27
|
-
React.createElement(IconButton, { size: view === 'desktop' ? 's' : 'xs', className: cn(styles.button,
|
|
28
|
-
[colorStyles[colors].mobile]: view === 'mobile',
|
|
29
|
-
}), "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon, colors: colors, dataTestId: dataTestId, ...restProps })));
|
|
17
|
+
React.createElement(IconButton, { size: view === 'desktop' ? 's' : 'xs', className: cn(styles.button, { [styles.mobile]: view === 'mobile' }), "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon, dataTestId: dataTestId, ...restProps })));
|
|
30
18
|
};
|
|
31
19
|
|
|
32
20
|
export { Closer };
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
/* hash: l0ieo */
|
|
2
2
|
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
|
-
} /* deprecated */ :root {
|
|
3
|
+
} /* deprecated */ :root {
|
|
4
|
+
--color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
|
|
5
|
+
--color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
|
|
6
|
+
--color-light-neutral-translucent-700: rgba(4, 4, 21, 0.47); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
7
|
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
5
8
|
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
6
9
|
} :root {
|
|
@@ -23,7 +26,14 @@
|
|
|
23
26
|
--gap-0: 0px;
|
|
24
27
|
} :root {
|
|
25
28
|
} :root {
|
|
26
|
-
} /* сбрасывает синюю подсветку при нажатии */
|
|
29
|
+
} /* сбрасывает синюю подсветку при нажатии */ :root {
|
|
30
|
+
--color-static-monochrome-white-4: rgba(255, 255, 255, 0.04);
|
|
31
|
+
} :root {
|
|
32
|
+
/* closer-mobile */
|
|
33
|
+
--navigation-bar-closer-mobile-color: var(--color-light-neutral-translucent-700);
|
|
34
|
+
|
|
35
|
+
/* back-arrow */
|
|
36
|
+
} .navigation-bar-private__closer_1o03y {
|
|
27
37
|
flex-shrink: 0;
|
|
28
38
|
width: 48px;
|
|
29
39
|
height: 48px;
|
|
@@ -32,9 +42,14 @@
|
|
|
32
42
|
align-items: center;
|
|
33
43
|
justify-content: center;
|
|
34
44
|
} .navigation-bar-private__button_1o03y {
|
|
45
|
+
background: var(--color-static-monochrome-white-4);
|
|
35
46
|
-webkit-backdrop-filter: blur(10px);
|
|
36
47
|
backdrop-filter: blur(10px);
|
|
37
|
-
|
|
48
|
+
color: var(--color-light-neutral-translucent-1300)
|
|
49
|
+
} .navigation-bar-private__button_1o03y.navigation-bar-private__mobile_1o03y {
|
|
50
|
+
background: var(--color-light-neutral-translucent-100);
|
|
51
|
+
color: var(--navigation-bar-closer-mobile-color);
|
|
52
|
+
} .navigation-bar-private__button_1o03y.navigation-bar-private__button_1o03y {
|
|
38
53
|
border-radius: var(--border-radius-circle);
|
|
39
54
|
} .navigation-bar-private__sticky_1o03y {
|
|
40
55
|
position: sticky;
|
|
@@ -14,9 +14,7 @@ import './components/back-arrow-addon/index.module.css';
|
|
|
14
14
|
import '../../icon-button/moderncssm';
|
|
15
15
|
import '@alfalab/icons-glyph/CrossHeavyMIcon';
|
|
16
16
|
import '@alfalab/icons-glyph/CrossMIcon';
|
|
17
|
-
import './components/closer/default.module.css';
|
|
18
17
|
import './components/closer/index.module.css';
|
|
19
|
-
import './components/closer/inverted.module.css';
|
|
20
18
|
|
|
21
19
|
/* eslint-disable complexity */
|
|
22
20
|
const ADDONS_HEIGHT = 48;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { ButtonHTMLAttributes, ElementType, FC } from "react";
|
|
4
|
-
import { IconButtonProps } from "../../../../icon-button";
|
|
5
4
|
interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
6
5
|
/**
|
|
7
6
|
* Вид компонента
|
|
@@ -23,10 +22,6 @@ interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
23
22
|
* Иконка
|
|
24
23
|
*/
|
|
25
24
|
icon?: ElementType;
|
|
26
|
-
/**
|
|
27
|
-
* Набор цветов для компонента
|
|
28
|
-
*/
|
|
29
|
-
colors?: IconButtonProps['colors'];
|
|
30
25
|
/**
|
|
31
26
|
* Идентификатор для систем автоматизированного тестирования
|
|
32
27
|
*/
|
|
@@ -3,24 +3,16 @@ import cn from 'classnames';
|
|
|
3
3
|
import { IconButton } from '../../../../icon-button/moderncssm';
|
|
4
4
|
import { CrossHeavyMIcon } from '@alfalab/icons-glyph/CrossHeavyMIcon';
|
|
5
5
|
import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
|
|
6
|
-
import defaultColors from './default.module.css';
|
|
7
6
|
import styles from './index.module.css';
|
|
8
|
-
import invertedColors from './inverted.module.css';
|
|
9
7
|
|
|
10
|
-
const
|
|
11
|
-
default: defaultColors,
|
|
12
|
-
inverted: invertedColors,
|
|
13
|
-
};
|
|
14
|
-
const Closer = ({ view, className, sticky, icon = view === 'desktop' ? CrossHeavyMIcon : CrossMIcon, colors = 'default', dataTestId, onClose, ...restProps }) => {
|
|
8
|
+
const Closer = ({ view, className, sticky, icon = view === 'desktop' ? CrossHeavyMIcon : CrossMIcon, dataTestId, onClose, ...restProps }) => {
|
|
15
9
|
const handleClick = (event) => {
|
|
16
10
|
onClose?.(event, 'closerClick');
|
|
17
11
|
};
|
|
18
12
|
return (React.createElement("div", { className: cn(styles.closer, className, {
|
|
19
13
|
[styles.sticky]: sticky,
|
|
20
14
|
}) },
|
|
21
|
-
React.createElement(IconButton, { size: view === 'desktop' ? 's' : 'xs', className: cn(styles.button,
|
|
22
|
-
[colorStyles[colors].mobile]: view === 'mobile',
|
|
23
|
-
}), "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon, colors: colors, dataTestId: dataTestId, ...restProps })));
|
|
15
|
+
React.createElement(IconButton, { size: view === 'desktop' ? 's' : 'xs', className: cn(styles.button, { [styles.mobile]: view === 'mobile' }), "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon, dataTestId: dataTestId, ...restProps })));
|
|
24
16
|
};
|
|
25
17
|
|
|
26
18
|
export { Closer };
|
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
/* */
|
|
2
|
+
:root {
|
|
3
|
+
--color-static-monochrome-white-4: rgba(255, 255, 255, 0.04);
|
|
4
|
+
}
|
|
5
|
+
:root {
|
|
6
|
+
/* closer-mobile */
|
|
7
|
+
--navigation-bar-closer-mobile-color: var(--color-light-neutral-translucent-700);
|
|
2
8
|
|
|
9
|
+
/* back-arrow */
|
|
10
|
+
}
|
|
3
11
|
.closer {
|
|
4
12
|
flex-shrink: 0;
|
|
5
13
|
width: 48px;
|
|
@@ -9,16 +17,19 @@
|
|
|
9
17
|
align-items: center;
|
|
10
18
|
justify-content: center;
|
|
11
19
|
}
|
|
12
|
-
|
|
13
20
|
.button {
|
|
21
|
+
background: var(--color-static-monochrome-white-4);
|
|
14
22
|
-webkit-backdrop-filter: blur(10px);
|
|
15
23
|
backdrop-filter: blur(10px);
|
|
24
|
+
color: var(--color-light-neutral-translucent-1300)
|
|
16
25
|
}
|
|
17
|
-
|
|
26
|
+
.button.mobile {
|
|
27
|
+
background: var(--color-light-neutral-translucent-100);
|
|
28
|
+
color: var(--navigation-bar-closer-mobile-color);
|
|
29
|
+
}
|
|
18
30
|
.button.button {
|
|
19
31
|
border-radius: var(--border-radius-circle);
|
|
20
32
|
}
|
|
21
|
-
|
|
22
33
|
.sticky {
|
|
23
34
|
position: sticky;
|
|
24
35
|
top: var(--gap-0);
|
|
@@ -14,7 +14,5 @@ import './components/closer/Component.js';
|
|
|
14
14
|
import '../../icon-button/moderncssm';
|
|
15
15
|
import '@alfalab/icons-glyph/CrossHeavyMIcon';
|
|
16
16
|
import '@alfalab/icons-glyph/CrossMIcon';
|
|
17
|
-
import './components/closer/default.module.css';
|
|
18
17
|
import './components/closer/index.module.css';
|
|
19
|
-
import './components/closer/inverted.module.css';
|
|
20
18
|
import './index.module.css';
|
|
@@ -5,9 +5,7 @@ import 'classnames';
|
|
|
5
5
|
import '../../../icon-button/moderncssm';
|
|
6
6
|
import '@alfalab/icons-glyph/CrossHeavyMIcon';
|
|
7
7
|
import '@alfalab/icons-glyph/CrossMIcon';
|
|
8
|
-
import '../components/closer/default.module.css';
|
|
9
8
|
import '../components/closer/index.module.css';
|
|
10
|
-
import '../components/closer/inverted.module.css';
|
|
11
9
|
import '../../../button/moderncssm/desktop';
|
|
12
10
|
import '../../../typography/moderncssm';
|
|
13
11
|
import '@alfalab/icons-glyph/ArrowLeftMediumMIcon';
|
package/package.json
CHANGED
|
@@ -5,7 +5,7 @@ import { HTMLAttributes, ReactElement, ReactNode, RefObject, ButtonHTMLAttribute
|
|
|
5
5
|
import { HandledEvents } from "react-swipeable/es/types";
|
|
6
6
|
import { TransitionProps } from "react-transition-group/Transition";
|
|
7
7
|
import { BaseModalProps, BaseModalContext } from "./index-11f20b2e";
|
|
8
|
-
import {
|
|
8
|
+
import { BaseInputProps, BackdropProps } from "./index-ebda875c";
|
|
9
9
|
import { ContentProps } from "./typings-4b7234ef";
|
|
10
10
|
import { ModalResponsiveProps as ModalProps } from "./typings-4b7234ef";
|
|
11
11
|
import { SwipeableHandlers, SwipeDirections } from "react-swipeable";
|
|
@@ -59,10 +59,6 @@ interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
59
59
|
* Иконка
|
|
60
60
|
*/
|
|
61
61
|
icon?: ElementType;
|
|
62
|
-
/**
|
|
63
|
-
* Набор цветов для компонента
|
|
64
|
-
*/
|
|
65
|
-
colors?: IconButtonProps["colors"];
|
|
66
62
|
/**
|
|
67
63
|
* Идентификатор для систем автоматизированного тестирования
|
|
68
64
|
*/
|