@alfalab/core-components 47.13.0-beta.0 → 47.13.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/gallery/Component.js +11 -56
- package/gallery/{components/buttons/index.d.ts → buttons-02b66a6c.d.ts} +2 -7
- package/gallery/buttons-02b66a6c.js +35 -0
- package/gallery/components/header/Component.js +12 -33
- package/gallery/components/header/buttons.d.ts +0 -0
- package/gallery/components/header/buttons.js +18 -0
- package/gallery/components/header/index.css +16 -3
- package/gallery/components/image-preview/Component.js +24 -67
- package/gallery/components/image-preview/index.css +18 -26
- package/gallery/components/image-preview/paths.d.ts +0 -2
- package/gallery/components/image-preview/paths.js +0 -2
- package/gallery/components/image-viewer/component.js +10 -29
- package/gallery/components/image-viewer/index.css +9 -20
- package/gallery/components/image-viewer/slide.js +1 -3
- package/gallery/components/index.d.ts +0 -2
- package/gallery/components/index.js +0 -4
- package/gallery/components/navigation-bar/Component.js +2 -3
- package/gallery/components/navigation-bar/index.css +1 -3
- package/gallery/context.d.ts +0 -7
- package/gallery/context.js +0 -7
- package/gallery/cssm/Component.js +10 -55
- package/gallery/cssm/components/header/Component.js +10 -28
- package/gallery/{esm/components/buttons/index.d.ts → cssm/components/header/buttons.d.ts} +1 -6
- package/gallery/cssm/components/header/buttons.js +35 -0
- package/gallery/cssm/components/header/index.module.css +16 -3
- package/gallery/cssm/components/image-preview/Component.js +27 -66
- package/gallery/cssm/components/image-preview/index.module.css +18 -26
- package/gallery/cssm/components/image-preview/paths.d.ts +0 -2
- package/gallery/cssm/components/image-preview/paths.js +0 -2
- package/gallery/cssm/components/image-viewer/component.js +9 -28
- package/gallery/cssm/components/image-viewer/index.module.css +9 -20
- package/gallery/cssm/components/image-viewer/slide.js +2 -12
- package/gallery/cssm/components/index.d.ts +0 -2
- package/gallery/cssm/components/index.js +0 -4
- package/gallery/cssm/components/navigation-bar/Component.js +1 -2
- package/gallery/cssm/components/navigation-bar/index.module.css +1 -3
- package/gallery/cssm/context.d.ts +0 -7
- package/gallery/cssm/context.js +0 -7
- package/gallery/cssm/index.d.ts +1 -1
- package/gallery/cssm/index.js +8 -1
- package/gallery/cssm/index.module.css +0 -12
- package/gallery/cssm/types.d.ts +0 -7
- package/gallery/cssm/utils/constants.d.ts +1 -14
- package/gallery/cssm/utils/constants.js +0 -19
- package/gallery/cssm/utils/index.js +0 -7
- package/gallery/cssm/utils/utils.d.ts +1 -2
- package/gallery/cssm/utils/utils.js +3 -5
- package/gallery/esm/Component.js +16 -68
- package/gallery/{cssm/components/buttons/index.d.ts → esm/buttons-8268fe58.d.ts} +2 -7
- package/gallery/esm/buttons-8268fe58.js +27 -0
- package/gallery/esm/components/header/Component.js +11 -38
- package/gallery/esm/components/header/buttons.d.ts +0 -0
- package/gallery/esm/components/header/buttons.js +9 -0
- package/gallery/esm/components/header/index.css +16 -3
- package/gallery/esm/components/header/index.js +4 -10
- package/gallery/esm/components/image-preview/Component.js +35 -69
- package/gallery/esm/components/image-preview/index.css +18 -26
- package/gallery/esm/components/image-preview/index.js +19 -1
- package/gallery/esm/components/image-preview/paths.d.ts +0 -2
- package/gallery/esm/components/image-preview/paths.js +0 -2
- package/gallery/esm/components/image-viewer/component.js +11 -34
- package/gallery/esm/components/image-viewer/index.css +9 -20
- package/gallery/esm/components/image-viewer/index.js +1 -5
- package/gallery/esm/components/image-viewer/slide.js +2 -7
- package/gallery/esm/components/index.d.ts +0 -2
- package/gallery/esm/components/index.js +8 -17
- package/gallery/esm/components/navigation-bar/Component.js +20 -3
- package/gallery/esm/components/navigation-bar/index.css +1 -3
- package/gallery/esm/components/navigation-bar/index.js +18 -0
- package/gallery/esm/context.d.ts +0 -7
- package/gallery/esm/context.js +0 -7
- package/gallery/esm/index.css +0 -12
- package/gallery/esm/index.d.ts +1 -1
- package/gallery/esm/index.js +11 -21
- package/gallery/esm/{slide-da05984b.js → slide-4f90e1b5.js} +5 -18
- package/gallery/esm/types.d.ts +0 -7
- package/gallery/esm/utils/constants.d.ts +1 -14
- package/gallery/esm/utils/constants.js +1 -14
- package/gallery/esm/utils/index.js +2 -2
- package/gallery/esm/utils/utils.d.ts +1 -2
- package/gallery/esm/utils/utils.js +4 -5
- package/gallery/index.css +0 -12
- package/gallery/index.d.ts +1 -1
- package/gallery/index.js +8 -1
- package/gallery/modern/Component.js +10 -60
- package/gallery/modern/{components/buttons/index.d.ts → buttons-2aae3f6f.d.ts} +2 -7
- package/gallery/modern/buttons-2aae3f6f.js +20 -0
- package/gallery/modern/components/header/Component.js +11 -35
- package/gallery/modern/components/header/buttons.d.ts +0 -0
- package/gallery/modern/components/header/buttons.js +8 -0
- package/gallery/modern/components/header/index.css +16 -3
- package/gallery/modern/components/header/index.js +4 -10
- package/gallery/modern/components/image-preview/Component.js +32 -65
- package/gallery/modern/components/image-preview/index.css +18 -26
- package/gallery/modern/components/image-preview/index.js +18 -1
- package/gallery/modern/components/image-preview/paths.d.ts +0 -2
- package/gallery/modern/components/image-preview/paths.js +0 -2
- package/gallery/modern/components/image-viewer/component.js +11 -34
- package/gallery/modern/components/image-viewer/index.css +9 -20
- package/gallery/modern/components/image-viewer/index.js +1 -5
- package/gallery/modern/components/image-viewer/slide.js +2 -7
- package/gallery/modern/components/index.d.ts +0 -2
- package/gallery/modern/components/index.js +8 -17
- package/gallery/modern/components/navigation-bar/Component.js +19 -3
- package/gallery/modern/components/navigation-bar/index.css +1 -3
- package/gallery/modern/components/navigation-bar/index.js +17 -0
- package/gallery/modern/context.d.ts +0 -7
- package/gallery/modern/context.js +0 -7
- package/gallery/modern/index.css +0 -12
- package/gallery/modern/index.d.ts +1 -1
- package/gallery/modern/index.js +11 -21
- package/gallery/modern/{slide-dac6462d.js → slide-e9e3b122.js} +5 -18
- package/gallery/modern/types.d.ts +0 -7
- package/gallery/modern/utils/constants.d.ts +1 -14
- package/gallery/modern/utils/constants.js +1 -14
- package/gallery/modern/utils/index.js +2 -2
- package/gallery/modern/utils/utils.d.ts +1 -2
- package/gallery/modern/utils/utils.js +4 -5
- package/gallery/{slide-387e9068.js → slide-df8c6dd5.js} +3 -13
- package/gallery/types.d.ts +0 -7
- package/gallery/utils/constants.d.ts +1 -14
- package/gallery/utils/constants.js +0 -19
- package/gallery/utils/index.js +0 -7
- package/gallery/utils/utils.d.ts +1 -2
- package/gallery/utils/utils.js +3 -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/package.json +1 -1
- package/plate/components/base-plate/Component.js +1 -1
- package/plate/esm/Component.responsive.js +1 -1
- package/plate/esm/components/base-plate/Component.js +1 -1
- package/plate/esm/components/base-plate/index.js +1 -1
- package/plate/esm/desktop/Component.desktop.js +1 -1
- package/plate/esm/desktop/index.js +1 -1
- package/plate/esm/index-2f466837.d.ts +2 -2
- package/plate/esm/index.js +1 -1
- package/plate/esm/mobile/Component.mobile.js +1 -1
- package/plate/esm/mobile/index.js +1 -1
- package/plate/esm/shared/index.js +1 -1
- package/plate/esm/utils.js +1 -1
- package/plate/index-2f466837.d.ts +2 -2
- package/plate/modern/Component.responsive.js +1 -1
- package/plate/modern/components/base-plate/Component.js +1 -1
- package/plate/modern/components/base-plate/index.js +1 -1
- package/plate/modern/desktop/Component.desktop.js +1 -1
- package/plate/modern/desktop/index.js +1 -1
- package/plate/modern/index-2f466837.d.ts +2 -2
- package/plate/modern/index.js +1 -1
- package/plate/modern/mobile/Component.mobile.js +1 -1
- package/plate/modern/mobile/index.js +1 -1
- package/plate/modern/shared/index.js +1 -1
- package/plate/modern/utils.js +1 -1
- package/plate/utils.js +1 -1
- 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-select/Component.js +2 -2
- 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/esm/Component.responsive.js +3 -3
- package/select/esm/components/base-select/Component.js +2 -2
- 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.js +2 -2
- package/select/esm/components/index.js +2 -2
- package/select/esm/desktop/Component.desktop.js +2 -2
- package/select/esm/desktop/index.js +2 -2
- package/select/esm/index.js +3 -3
- package/select/esm/mobile/Component.mobile.js +3 -3
- package/select/esm/mobile/Component.modal.mobile.js +3 -3
- package/select/esm/mobile/index.js +3 -3
- 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/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/mobile/Component.mobile.js +1 -1
- package/select/modern/Component.responsive.js +3 -3
- package/select/modern/components/base-select/Component.js +2 -2
- 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.js +2 -2
- package/select/modern/components/index.js +2 -2
- package/select/modern/desktop/Component.desktop.js +2 -2
- package/select/modern/desktop/index.js +2 -2
- package/select/modern/index.js +3 -3
- package/select/modern/mobile/Component.mobile.js +3 -3
- package/select/modern/mobile/Component.modal.mobile.js +3 -3
- package/select/modern/mobile/index.js +3 -3
- 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/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/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/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/status/Component.d.ts +17 -2
- package/status/Component.js +6 -5
- package/status/consts/index.d.ts +3 -0
- package/status/consts/index.js +7 -0
- package/status/cssm/Component.d.ts +17 -2
- package/status/cssm/Component.js +5 -4
- package/status/cssm/consts/index.d.ts +3 -0
- package/status/cssm/consts/index.js +7 -0
- package/status/cssm/index.d.ts +1 -0
- package/status/cssm/index.js +2 -1
- package/status/cssm/index.module.css +60 -13
- package/status/esm/Component.d.ts +17 -2
- package/status/esm/Component.js +7 -5
- package/status/esm/consts/index.d.ts +3 -0
- package/status/esm/consts/index.js +4 -0
- package/status/esm/index.css +58 -13
- package/status/esm/index.d.ts +1 -0
- package/status/esm/index.js +2 -1
- package/status/index.css +58 -13
- package/status/index.d.ts +1 -0
- package/status/index.js +2 -1
- package/status/modern/Component.d.ts +17 -2
- package/status/modern/Component.js +6 -5
- package/status/modern/consts/index.d.ts +3 -0
- package/status/modern/consts/index.js +4 -0
- package/status/modern/index.css +58 -13
- package/status/modern/index.d.ts +1 -0
- package/status/modern/index.js +2 -1
- package/themes/compiled/mobile-dark-bluetint.css +19 -19
- package/toast-plate/components/base-toast-plate/component.js +2 -2
- package/toast-plate/components/base-toast-plate/hooks/useDeprecatedBadge.js +1 -1
- package/toast-plate/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +2 -2
- package/toast-plate/esm/Component.responsive.js +2 -2
- package/toast-plate/esm/components/base-toast-plate/component.js +2 -2
- package/toast-plate/esm/components/base-toast-plate/hooks/useDeprecatedBadge.js +1 -1
- package/toast-plate/esm/components/base-toast-plate/index.js +2 -2
- package/toast-plate/esm/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +2 -2
- package/toast-plate/esm/desktop/Component.desktop.js +2 -2
- package/toast-plate/esm/desktop/index.js +2 -2
- package/toast-plate/esm/index-2f466837.d.ts +2 -2
- package/toast-plate/esm/index.js +2 -2
- package/toast-plate/esm/mobile/Component.mobile.js +2 -2
- package/toast-plate/esm/mobile/index.js +2 -2
- package/toast-plate/index-2f466837.d.ts +2 -2
- package/toast-plate/modern/Component.responsive.js +2 -2
- package/toast-plate/modern/components/base-toast-plate/component.js +2 -2
- package/toast-plate/modern/components/base-toast-plate/hooks/useDeprecatedBadge.js +1 -1
- package/toast-plate/modern/components/base-toast-plate/index.js +2 -2
- package/toast-plate/modern/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +2 -2
- package/toast-plate/modern/desktop/Component.desktop.js +2 -2
- package/toast-plate/modern/desktop/index.js +2 -2
- package/toast-plate/modern/index-2f466837.d.ts +2 -2
- package/toast-plate/modern/index.js +2 -2
- package/toast-plate/modern/mobile/Component.mobile.js +2 -2
- package/toast-plate/modern/mobile/index.js +2 -2
- 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/typography/title-responsive/component.js +1 -1
- package/gallery/components/buttons/index.css +0 -34
- package/gallery/components/buttons/index.js +0 -70
- package/gallery/components/header-mobile/Component.d.ts +0 -4
- package/gallery/components/header-mobile/Component.js +0 -37
- package/gallery/components/header-mobile/index.css +0 -49
- package/gallery/components/header-mobile/index.d.ts +0 -1
- package/gallery/components/header-mobile/index.js +0 -7
- package/gallery/components/image-viewer/video/index.css +0 -41
- package/gallery/components/image-viewer/video/index.d.ts +0 -10
- package/gallery/components/image-viewer/video/index.js +0 -89
- package/gallery/components/info-bar/Component.d.ts +0 -4
- package/gallery/components/info-bar/Component.js +0 -45
- package/gallery/components/info-bar/index.css +0 -36
- package/gallery/components/info-bar/index.d.ts +0 -1
- package/gallery/components/info-bar/index.js +0 -7
- package/gallery/cssm/components/buttons/index.js +0 -69
- package/gallery/cssm/components/buttons/index.module.css +0 -33
- package/gallery/cssm/components/header-mobile/Component.d.ts +0 -4
- package/gallery/cssm/components/header-mobile/Component.js +0 -36
- package/gallery/cssm/components/header-mobile/index.d.ts +0 -1
- package/gallery/cssm/components/header-mobile/index.js +0 -7
- package/gallery/cssm/components/header-mobile/index.module.css +0 -48
- package/gallery/cssm/components/image-viewer/video/index.d.ts +0 -10
- package/gallery/cssm/components/image-viewer/video/index.js +0 -88
- package/gallery/cssm/components/image-viewer/video/index.module.css +0 -40
- package/gallery/cssm/components/info-bar/Component.d.ts +0 -4
- package/gallery/cssm/components/info-bar/Component.js +0 -44
- package/gallery/cssm/components/info-bar/index.d.ts +0 -1
- package/gallery/cssm/components/info-bar/index.js +0 -7
- package/gallery/cssm/components/info-bar/index.module.css +0 -35
- package/gallery/esm/components/buttons/index.css +0 -34
- package/gallery/esm/components/buttons/index.js +0 -55
- package/gallery/esm/components/header-mobile/Component.d.ts +0 -4
- package/gallery/esm/components/header-mobile/Component.js +0 -42
- package/gallery/esm/components/header-mobile/index.css +0 -49
- package/gallery/esm/components/header-mobile/index.d.ts +0 -1
- package/gallery/esm/components/header-mobile/index.js +0 -20
- package/gallery/esm/components/image-viewer/video/index.css +0 -41
- package/gallery/esm/components/image-viewer/video/index.d.ts +0 -10
- package/gallery/esm/components/image-viewer/video/index.js +0 -80
- package/gallery/esm/components/info-bar/Component.d.ts +0 -4
- package/gallery/esm/components/info-bar/Component.js +0 -52
- package/gallery/esm/components/info-bar/index.css +0 -36
- package/gallery/esm/components/info-bar/index.d.ts +0 -1
- package/gallery/esm/components/info-bar/index.js +0 -20
- package/gallery/modern/components/buttons/index.css +0 -34
- package/gallery/modern/components/buttons/index.js +0 -33
- package/gallery/modern/components/header-mobile/Component.d.ts +0 -4
- package/gallery/modern/components/header-mobile/Component.js +0 -39
- package/gallery/modern/components/header-mobile/index.css +0 -49
- package/gallery/modern/components/header-mobile/index.d.ts +0 -1
- package/gallery/modern/components/header-mobile/index.js +0 -19
- package/gallery/modern/components/image-viewer/video/index.css +0 -41
- package/gallery/modern/components/image-viewer/video/index.d.ts +0 -10
- package/gallery/modern/components/image-viewer/video/index.js +0 -78
- package/gallery/modern/components/info-bar/Component.d.ts +0 -4
- package/gallery/modern/components/info-bar/Component.js +0 -50
- package/gallery/modern/components/info-bar/index.css +0 -36
- package/gallery/modern/components/info-bar/index.d.ts +0 -1
- package/gallery/modern/components/info-bar/index.js +0 -19
- /package/gallery/esm/{slide-da05984b.d.ts → slide-4f90e1b5.d.ts} +0 -0
- /package/gallery/modern/{slide-dac6462d.d.ts → slide-e9e3b122.d.ts} +0 -0
- /package/gallery/{slide-387e9068.d.ts → slide-df8c6dd5.d.ts} +0 -0
- /package/list/{Component-c7114975.d.ts → Component-883bdf05.d.ts} +0 -0
- /package/list/{Component-c7114975.js → Component-883bdf05.js} +0 -0
- /package/list/esm/{Component-44349860.d.ts → Component-3f2153c6.d.ts} +0 -0
- /package/list/esm/{Component-44349860.js → Component-3f2153c6.js} +0 -0
- /package/list/modern/{Component-12213df0.d.ts → Component-a7c38a04.d.ts} +0 -0
- /package/list/modern/{Component-12213df0.js → Component-a7c38a04.js} +0 -0
- /package/modal/esm/{layout.module-94caa56e.js → layout.module-bc941fe2.js} +0 -0
- /package/modal/{layout.module-4c01904f.js → layout.module-e7cc6698.js} +0 -0
- /package/modal/modern/{layout.module-db207304.js → layout.module-8cfb3416.js} +0 -0
- /package/plate/{PortalContext-25e779b6.d.ts → PortalContext-4fe892fc.d.ts} +0 -0
- /package/plate/{PortalContext-25e779b6.js → PortalContext-4fe892fc.js} +0 -0
- /package/plate/esm/{PortalContext-3dd3014b.d.ts → PortalContext-29ba2b3d.d.ts} +0 -0
- /package/plate/esm/{PortalContext-3dd3014b.js → PortalContext-29ba2b3d.js} +0 -0
- /package/plate/modern/{PortalContext-b38a5699.d.ts → PortalContext-209f906a.d.ts} +0 -0
- /package/plate/modern/{PortalContext-b38a5699.js → PortalContext-209f906a.js} +0 -0
- /package/pure-cell/{component-7d69a1ed.d.ts → component-317f0093.d.ts} +0 -0
- /package/pure-cell/{component-7d69a1ed.js → component-317f0093.js} +0 -0
- /package/pure-cell/esm/{component-74502707.d.ts → component-7aa78e89.d.ts} +0 -0
- /package/pure-cell/esm/{component-74502707.js → component-7aa78e89.js} +0 -0
- /package/pure-cell/modern/{component-73a03444.d.ts → component-57863bca.d.ts} +0 -0
- /package/pure-cell/modern/{component-73a03444.js → component-57863bca.js} +0 -0
- /package/select/esm/{hook-2ac6d7d4.d.ts → hook-f188137e.d.ts} +0 -0
- /package/select/esm/{hook-2ac6d7d4.js → hook-f188137e.js} +0 -0
- /package/select/esm/{list-popover-desktop-20c87b82.d.ts → list-popover-desktop-f5a49c37.d.ts} +0 -0
- /package/select/esm/{list-popover-desktop-20c87b82.js → list-popover-desktop-f5a49c37.js} +0 -0
- /package/select/esm/{mobile.module-6dbbc4d9.js → mobile.module-cd71d8eb.js} +0 -0
- /package/select/{hook-3b0516fb.d.ts → hook-672a8f92.d.ts} +0 -0
- /package/select/{hook-3b0516fb.js → hook-672a8f92.js} +0 -0
- /package/select/{list-popover-desktop-447ef64d.d.ts → list-popover-desktop-48f87d04.d.ts} +0 -0
- /package/select/{list-popover-desktop-447ef64d.js → list-popover-desktop-48f87d04.js} +0 -0
- /package/select/{mobile.module-0f5968f6.js → mobile.module-e0004885.js} +0 -0
- /package/select/modern/{hook-587f20b6.d.ts → hook-01e8be32.d.ts} +0 -0
- /package/select/modern/{hook-587f20b6.js → hook-01e8be32.js} +0 -0
- /package/select/modern/{list-popover-desktop-d2b7aabc.d.ts → list-popover-desktop-88d2be23.d.ts} +0 -0
- /package/select/modern/{list-popover-desktop-d2b7aabc.js → list-popover-desktop-88d2be23.js} +0 -0
- /package/select/modern/{mobile.module-7d3202b8.js → mobile.module-32f6198c.js} +0 -0
- /package/side-panel/esm/{layout.module-b79af139.js → layout.module-8f998738.js} +0 -0
- /package/side-panel/{layout.module-6e8d2296.js → layout.module-2364c729.js} +0 -0
- /package/side-panel/modern/{layout.module-549d23fa.js → layout.module-c793f704.js} +0 -0
- /package/toast-plate/{PortalContext-812e773a.d.ts → PortalContext-55659b15.d.ts} +0 -0
- /package/toast-plate/{PortalContext-812e773a.js → PortalContext-55659b15.js} +0 -0
- /package/toast-plate/esm/{PortalContext-b4370e67.d.ts → PortalContext-21044964.d.ts} +0 -0
- /package/toast-plate/esm/{PortalContext-b4370e67.js → PortalContext-21044964.js} +0 -0
- /package/toast-plate/esm/{getDataTestId-11a376e0.d.ts → getDataTestId-598149da.d.ts} +0 -0
- /package/toast-plate/esm/{getDataTestId-11a376e0.js → getDataTestId-598149da.js} +0 -0
- /package/toast-plate/{getDataTestId-316e89c4.d.ts → getDataTestId-548274c1.d.ts} +0 -0
- /package/toast-plate/{getDataTestId-316e89c4.js → getDataTestId-548274c1.js} +0 -0
- /package/toast-plate/modern/{PortalContext-6bf9a525.d.ts → PortalContext-17377a7b.d.ts} +0 -0
- /package/toast-plate/modern/{PortalContext-6bf9a525.js → PortalContext-17377a7b.js} +0 -0
- /package/toast-plate/modern/{getDataTestId-56b815bf.d.ts → getDataTestId-919c05e0.d.ts} +0 -0
- /package/toast-plate/modern/{getDataTestId-56b815bf.js → getDataTestId-919c05e0.js} +0 -0
- /package/typography/{colors.module-bf04f1dc.js → colors.module-1d9db677.js} +0 -0
- /package/typography/{common.module-4c00fa0c.js → common.module-d46848d2.js} +0 -0
- /package/typography/esm/{colors.module-d44fc8b3.js → colors.module-b2f57dba.js} +0 -0
- /package/typography/esm/{common.module-598e0956.js → common.module-d820fbc7.js} +0 -0
- /package/typography/modern/{colors.module-09161417.js → colors.module-d370c3f7.js} +0 -0
- /package/typography/modern/{common.module-7bad8215.js → common.module-648fbfe6.js} +0 -0
package/status/index.css
CHANGED
|
@@ -15,14 +15,20 @@
|
|
|
15
15
|
/* Up */
|
|
16
16
|
|
|
17
17
|
/* Hard up */
|
|
18
|
-
} :root { /* deprecated */
|
|
19
|
-
--border-radius-
|
|
18
|
+
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
19
|
+
--border-radius-pill: 99px;
|
|
20
20
|
|
|
21
21
|
/* новые значения, используйте их */
|
|
22
|
-
|
|
23
|
-
--
|
|
22
|
+
--border-radius-6: 6px;
|
|
23
|
+
--border-radius-10: 10px;
|
|
24
|
+
--border-radius-12: 12px;
|
|
25
|
+
} :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 */
|
|
24
26
|
|
|
25
27
|
/* новые значения, используйте их */
|
|
28
|
+
--gap-8: 8px;
|
|
29
|
+
--gap-12: 12px;
|
|
30
|
+
--gap-16: 16px;
|
|
31
|
+
--gap-20: 20px;
|
|
26
32
|
} :root {
|
|
27
33
|
} :root {
|
|
28
34
|
} :root {
|
|
@@ -51,18 +57,14 @@
|
|
|
51
57
|
--color-light-decorative-text-red: #ec2d20;
|
|
52
58
|
--color-light-decorative-text-teal: #058a8f;
|
|
53
59
|
} .status__component_13yo6 {
|
|
54
|
-
font-size: 11px;
|
|
55
|
-
line-height: 16px;
|
|
56
|
-
font-weight: 700;
|
|
57
|
-
|
|
58
60
|
display: inline-flex;
|
|
59
61
|
align-items: center;
|
|
60
62
|
justify-content: center;
|
|
61
|
-
height:
|
|
62
|
-
padding: 0
|
|
63
|
-
border-radius:
|
|
63
|
+
height: initial;
|
|
64
|
+
padding: 0;
|
|
65
|
+
border-radius: 0;
|
|
64
66
|
text-align: center;
|
|
65
|
-
text-transform:
|
|
67
|
+
text-transform: initial;
|
|
66
68
|
letter-spacing: 0.5px
|
|
67
69
|
} .status__component_13yo6 .status__ellipsis_13yo6 {
|
|
68
70
|
-webkit-line-clamp: 1;
|
|
@@ -72,7 +74,50 @@
|
|
|
72
74
|
word-break: break-all;
|
|
73
75
|
} .status__component_13yo6:empty {
|
|
74
76
|
padding: 0;
|
|
75
|
-
} .
|
|
77
|
+
} .status__component_13yo6.status__size-20_13yo6 {
|
|
78
|
+
font-size: 12px;
|
|
79
|
+
line-height: 16px;
|
|
80
|
+
font-weight: 700;
|
|
81
|
+
height: 20px;
|
|
82
|
+
padding: 0 var(--gap-8);
|
|
83
|
+
border-radius: var(--border-radius-6);
|
|
84
|
+
} .status__component_13yo6.status__size-24_13yo6 {
|
|
85
|
+
font-size: 12px;
|
|
86
|
+
line-height: 16px;
|
|
87
|
+
font-weight: 700;
|
|
88
|
+
height: 24px;
|
|
89
|
+
padding: 0 var(--gap-12);
|
|
90
|
+
border-radius: var(--border-radius-6);
|
|
91
|
+
} .status__component_13yo6.status__size-32_13yo6 {
|
|
92
|
+
font-size: 14px;
|
|
93
|
+
line-height: 20px;
|
|
94
|
+
font-weight: 700;
|
|
95
|
+
height: 32px;
|
|
96
|
+
padding: 0 var(--gap-16);
|
|
97
|
+
border-radius: var(--border-radius-10);
|
|
98
|
+
} .status__component_13yo6.status__size-40_13yo6 {
|
|
99
|
+
font-size: 14px;
|
|
100
|
+
line-height: 20px;
|
|
101
|
+
font-weight: 700;
|
|
102
|
+
height: 40px;
|
|
103
|
+
padding: 0 var(--gap-20);
|
|
104
|
+
border-radius: var(--border-radius-12);
|
|
105
|
+
} .status__component_13yo6.status__rounded_13yo6 {
|
|
106
|
+
border-radius: var(--border-radius-pill);
|
|
107
|
+
} .status__component_13yo6.status__uppercase_13yo6.status__size-20_13yo6,
|
|
108
|
+
.status__component_13yo6.status__uppercase_13yo6.status__size-24_13yo6 {
|
|
109
|
+
font-size: 11px;
|
|
110
|
+
line-height: 16px;
|
|
111
|
+
font-weight: 700;
|
|
112
|
+
text-transform: uppercase;
|
|
113
|
+
} .status__component_13yo6.status__uppercase_13yo6.status__size-32_13yo6,
|
|
114
|
+
.status__component_13yo6.status__uppercase_13yo6.status__size-40_13yo6 {
|
|
115
|
+
font-size: 12px;
|
|
116
|
+
line-height: 16px;
|
|
117
|
+
font-weight: 700;
|
|
118
|
+
letter-spacing: 1.25px;
|
|
119
|
+
text-transform: uppercase;
|
|
120
|
+
} .status__soft_13yo6.status__green_13yo6, .status__muted-alt_13yo6.status__green_13yo6 {
|
|
76
121
|
background: var(--color-light-decorative-muted-alt-green);
|
|
77
122
|
color: var(--color-light-decorative-text-green);
|
|
78
123
|
} .status__soft_13yo6.status__orange_13yo6, .status__muted-alt_13yo6.status__orange_13yo6 {
|
package/status/index.d.ts
CHANGED
package/status/index.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
2
2
|
|
|
3
3
|
var Component = require('./Component.js');
|
|
4
|
+
var consts_index = require('./consts/index.js');
|
|
4
5
|
|
|
5
6
|
|
|
6
7
|
|
|
7
8
|
exports.Status = Component.Status;
|
|
8
|
-
exports.colors =
|
|
9
|
+
exports.colors = consts_index.colors;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC, ReactNode } from 'react';
|
|
2
|
-
|
|
2
|
+
import { colors, sizes } from "./consts/index";
|
|
3
3
|
type StatusProps = {
|
|
4
4
|
/**
|
|
5
5
|
* Дополнительный класс
|
|
@@ -22,6 +22,21 @@ type StatusProps = {
|
|
|
22
22
|
* Дочерние элементы.
|
|
23
23
|
*/
|
|
24
24
|
children?: ReactNode;
|
|
25
|
+
/**
|
|
26
|
+
* Размер компонента
|
|
27
|
+
* @default 20
|
|
28
|
+
*/
|
|
29
|
+
size?: (typeof sizes)[number];
|
|
30
|
+
/**
|
|
31
|
+
* Форма компонента
|
|
32
|
+
* @default rectangular
|
|
33
|
+
*/
|
|
34
|
+
shape?: 'rounded' | 'rectangular';
|
|
35
|
+
/**
|
|
36
|
+
* Текст компонента в верхнем регистре
|
|
37
|
+
* @default true
|
|
38
|
+
*/
|
|
39
|
+
uppercase?: boolean;
|
|
25
40
|
};
|
|
26
41
|
declare const Status: FC<StatusProps>;
|
|
27
|
-
export {
|
|
42
|
+
export { StatusProps, Status };
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
|
|
4
|
-
const styles = {"component":"status__component_13yo6","ellipsis":"status__ellipsis_13yo6","soft":"status__soft_13yo6","muted-alt":"status__muted-alt_13yo6","green":"status__green_13yo6","orange":"status__orange_13yo6","red":"status__red_13yo6","blue":"status__blue_13yo6","teal":"status__teal_13yo6","grey":"status__grey_13yo6","purple":"status__purple_13yo6","contrast":"status__contrast_13yo6","muted":"status__muted_13yo6"};
|
|
4
|
+
const styles = {"component":"status__component_13yo6","ellipsis":"status__ellipsis_13yo6","size-20":"status__size-20_13yo6","size-24":"status__size-24_13yo6","size-32":"status__size-32_13yo6","size-40":"status__size-40_13yo6","rounded":"status__rounded_13yo6","uppercase":"status__uppercase_13yo6","soft":"status__soft_13yo6","muted-alt":"status__muted-alt_13yo6","green":"status__green_13yo6","orange":"status__orange_13yo6","red":"status__red_13yo6","blue":"status__blue_13yo6","teal":"status__teal_13yo6","grey":"status__grey_13yo6","purple":"status__purple_13yo6","contrast":"status__contrast_13yo6","muted":"status__muted_13yo6"};
|
|
5
5
|
require('./index.css');
|
|
6
6
|
|
|
7
|
-
const colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];
|
|
8
7
|
const logWarning = () => {
|
|
9
8
|
if (process.env.NODE_ENV !== 'development') {
|
|
10
9
|
return;
|
|
@@ -16,12 +15,14 @@ const logWarning = () => {
|
|
|
16
15
|
'Используйте view=muted-alt. Чтобы изменить view=soft на view=muted-alt, можно воспользоваться codemod: ' +
|
|
17
16
|
'npx @alfalab/core-components-codemod --transformers=status-soft src/**/*.tsx');
|
|
18
17
|
};
|
|
19
|
-
const Status = ({ className, view = 'muted-alt', color = 'green', children, dataTestId, }) => {
|
|
18
|
+
const Status = ({ className, view = 'muted-alt', color = 'green', children, dataTestId, size = 20, shape = 'rectangular', uppercase = true, }) => {
|
|
20
19
|
if (view === 'soft') {
|
|
21
20
|
logWarning();
|
|
22
21
|
}
|
|
23
|
-
return (React.createElement("span", { className: cn(styles.component, styles[color], styles[view],
|
|
22
|
+
return (React.createElement("span", { className: cn(styles.component, styles[color], styles[view], styles[`size-${size}`], styles[shape], className, {
|
|
23
|
+
[styles.uppercase]: uppercase,
|
|
24
|
+
}), "data-test-id": dataTestId },
|
|
24
25
|
React.createElement("span", { className: styles.ellipsis }, children)));
|
|
25
26
|
};
|
|
26
27
|
|
|
27
|
-
export { Status
|
|
28
|
+
export { Status };
|
package/status/modern/index.css
CHANGED
|
@@ -15,14 +15,20 @@
|
|
|
15
15
|
/* Up */
|
|
16
16
|
|
|
17
17
|
/* Hard up */
|
|
18
|
-
} :root { /* deprecated */
|
|
19
|
-
--border-radius-
|
|
18
|
+
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
19
|
+
--border-radius-pill: 99px;
|
|
20
20
|
|
|
21
21
|
/* новые значения, используйте их */
|
|
22
|
-
|
|
23
|
-
--
|
|
22
|
+
--border-radius-6: 6px;
|
|
23
|
+
--border-radius-10: 10px;
|
|
24
|
+
--border-radius-12: 12px;
|
|
25
|
+
} :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 */
|
|
24
26
|
|
|
25
27
|
/* новые значения, используйте их */
|
|
28
|
+
--gap-8: 8px;
|
|
29
|
+
--gap-12: 12px;
|
|
30
|
+
--gap-16: 16px;
|
|
31
|
+
--gap-20: 20px;
|
|
26
32
|
} :root {
|
|
27
33
|
} :root {
|
|
28
34
|
} :root {
|
|
@@ -51,18 +57,14 @@
|
|
|
51
57
|
--color-light-decorative-text-red: #ec2d20;
|
|
52
58
|
--color-light-decorative-text-teal: #058a8f;
|
|
53
59
|
} .status__component_13yo6 {
|
|
54
|
-
font-size: 11px;
|
|
55
|
-
line-height: 16px;
|
|
56
|
-
font-weight: 700;
|
|
57
|
-
|
|
58
60
|
display: inline-flex;
|
|
59
61
|
align-items: center;
|
|
60
62
|
justify-content: center;
|
|
61
|
-
height:
|
|
62
|
-
padding: 0
|
|
63
|
-
border-radius:
|
|
63
|
+
height: initial;
|
|
64
|
+
padding: 0;
|
|
65
|
+
border-radius: 0;
|
|
64
66
|
text-align: center;
|
|
65
|
-
text-transform:
|
|
67
|
+
text-transform: initial;
|
|
66
68
|
letter-spacing: 0.5px
|
|
67
69
|
} .status__component_13yo6 .status__ellipsis_13yo6 {
|
|
68
70
|
-webkit-line-clamp: 1;
|
|
@@ -72,7 +74,50 @@
|
|
|
72
74
|
word-break: break-all;
|
|
73
75
|
} .status__component_13yo6:empty {
|
|
74
76
|
padding: 0;
|
|
75
|
-
} .
|
|
77
|
+
} .status__component_13yo6.status__size-20_13yo6 {
|
|
78
|
+
font-size: 12px;
|
|
79
|
+
line-height: 16px;
|
|
80
|
+
font-weight: 700;
|
|
81
|
+
height: 20px;
|
|
82
|
+
padding: 0 var(--gap-8);
|
|
83
|
+
border-radius: var(--border-radius-6);
|
|
84
|
+
} .status__component_13yo6.status__size-24_13yo6 {
|
|
85
|
+
font-size: 12px;
|
|
86
|
+
line-height: 16px;
|
|
87
|
+
font-weight: 700;
|
|
88
|
+
height: 24px;
|
|
89
|
+
padding: 0 var(--gap-12);
|
|
90
|
+
border-radius: var(--border-radius-6);
|
|
91
|
+
} .status__component_13yo6.status__size-32_13yo6 {
|
|
92
|
+
font-size: 14px;
|
|
93
|
+
line-height: 20px;
|
|
94
|
+
font-weight: 700;
|
|
95
|
+
height: 32px;
|
|
96
|
+
padding: 0 var(--gap-16);
|
|
97
|
+
border-radius: var(--border-radius-10);
|
|
98
|
+
} .status__component_13yo6.status__size-40_13yo6 {
|
|
99
|
+
font-size: 14px;
|
|
100
|
+
line-height: 20px;
|
|
101
|
+
font-weight: 700;
|
|
102
|
+
height: 40px;
|
|
103
|
+
padding: 0 var(--gap-20);
|
|
104
|
+
border-radius: var(--border-radius-12);
|
|
105
|
+
} .status__component_13yo6.status__rounded_13yo6 {
|
|
106
|
+
border-radius: var(--border-radius-pill);
|
|
107
|
+
} .status__component_13yo6.status__uppercase_13yo6.status__size-20_13yo6,
|
|
108
|
+
.status__component_13yo6.status__uppercase_13yo6.status__size-24_13yo6 {
|
|
109
|
+
font-size: 11px;
|
|
110
|
+
line-height: 16px;
|
|
111
|
+
font-weight: 700;
|
|
112
|
+
text-transform: uppercase;
|
|
113
|
+
} .status__component_13yo6.status__uppercase_13yo6.status__size-32_13yo6,
|
|
114
|
+
.status__component_13yo6.status__uppercase_13yo6.status__size-40_13yo6 {
|
|
115
|
+
font-size: 12px;
|
|
116
|
+
line-height: 16px;
|
|
117
|
+
font-weight: 700;
|
|
118
|
+
letter-spacing: 1.25px;
|
|
119
|
+
text-transform: uppercase;
|
|
120
|
+
} .status__soft_13yo6.status__green_13yo6, .status__muted-alt_13yo6.status__green_13yo6 {
|
|
76
121
|
background: var(--color-light-decorative-muted-alt-green);
|
|
77
122
|
color: var(--color-light-decorative-text-green);
|
|
78
123
|
} .status__soft_13yo6.status__orange_13yo6, .status__muted-alt_13yo6.status__orange_13yo6 {
|
package/status/modern/index.d.ts
CHANGED
package/status/modern/index.js
CHANGED
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
.
|
|
2
|
-
background: #e7e8ea;
|
|
3
|
-
} .card-image__loaded_snx2p {
|
|
4
|
-
background: transparent
|
|
5
|
-
}.badge__component_14mdt.badge__background-accent_14mdt {
|
|
1
|
+
.badge__component_14mdt.badge__background-accent_14mdt {
|
|
6
2
|
background-color: #f83a2a;
|
|
7
3
|
color: rgba(255, 255, 255, 0.94);
|
|
8
4
|
} .badge__component_14mdt.badge__background-specialbg-secondary-transparent_14mdt {
|
|
@@ -62,6 +58,10 @@
|
|
|
62
58
|
background-color: rgba(255, 255, 255, 0.94);
|
|
63
59
|
} .badge__dot_14mdt.badge__outlineCount_14mdt {
|
|
64
60
|
border: 1px solid rgba(3, 3, 6, 0.88);
|
|
61
|
+
}.card-image__cardImage_snx2p {
|
|
62
|
+
background: #e7e8ea;
|
|
63
|
+
} .card-image__loaded_snx2p {
|
|
64
|
+
background: transparent
|
|
65
65
|
}.backdrop__backdrop_17s4d {
|
|
66
66
|
-webkit-tap-highlight-color: transparent;
|
|
67
67
|
} .backdrop__appear_17s4d,
|
|
@@ -288,19 +288,7 @@
|
|
|
288
288
|
background-color: rgba(9, 12, 37, 0.28);
|
|
289
289
|
} .scrollbar__component_1n3sw.dragging .track .scrollbar.visible:before {
|
|
290
290
|
background-color: rgba(4, 4, 21, 0.47);
|
|
291
|
-
}.
|
|
292
|
-
color: transparent;
|
|
293
|
-
background: rgba(214, 214, 229, 0.07)
|
|
294
|
-
} .skeleton__component_bijdk:before {
|
|
295
|
-
background: transparent;
|
|
296
|
-
} @keyframes skeleton__background_bijdk {
|
|
297
|
-
0% {
|
|
298
|
-
background: rgba(214, 214, 229, 0.07);
|
|
299
|
-
}
|
|
300
|
-
100% {
|
|
301
|
-
background: rgba(222, 222, 238, 0.13);
|
|
302
|
-
}
|
|
303
|
-
}.slider__component_17cj2 .noUi-base:hover .noUi-connects {
|
|
291
|
+
}.slider__component_17cj2 .noUi-base:hover .noUi-connects {
|
|
304
292
|
background: rgba(222, 222, 238, 0.13);
|
|
305
293
|
} .slider__component_17cj2 .noUi-base:hover .noUi-connect {
|
|
306
294
|
background: #f83a2a;
|
|
@@ -318,7 +306,19 @@
|
|
|
318
306
|
background: #f83a2a;
|
|
319
307
|
} .slider__component_17cj2 .noUi-pips {
|
|
320
308
|
color: rgba(238, 238, 251, 0.55);
|
|
321
|
-
}.
|
|
309
|
+
}.skeleton__component_bijdk {
|
|
310
|
+
color: transparent;
|
|
311
|
+
background: rgba(214, 214, 229, 0.07)
|
|
312
|
+
} .skeleton__component_bijdk:before {
|
|
313
|
+
background: transparent;
|
|
314
|
+
} @keyframes skeleton__background_bijdk {
|
|
315
|
+
0% {
|
|
316
|
+
background: rgba(214, 214, 229, 0.07);
|
|
317
|
+
}
|
|
318
|
+
100% {
|
|
319
|
+
background: rgba(222, 222, 238, 0.13);
|
|
320
|
+
}
|
|
321
|
+
}.segmented-control__wrapper_k8sfn {
|
|
322
322
|
background-color: rgba(225, 225, 248, 0.09);
|
|
323
323
|
} .segmented-control__segment_k8sfn.segmented-control__selected_k8sfn {
|
|
324
324
|
color: rgba(255, 255, 255, 0.94);
|
|
@@ -4,9 +4,9 @@ var tslib = require('tslib');
|
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var cn = require('classnames');
|
|
6
6
|
var coreComponentsIconButton = require('../../../icon-button');
|
|
7
|
-
var getDataTestId = require('../../getDataTestId-
|
|
7
|
+
var getDataTestId = require('../../getDataTestId-548274c1.js');
|
|
8
8
|
require('@alfalab/hooks');
|
|
9
|
-
require('../../PortalContext-
|
|
9
|
+
require('../../PortalContext-55659b15.js');
|
|
10
10
|
var coreComponentsStatusBadge = require('../../../status-badge');
|
|
11
11
|
var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
|
|
12
12
|
var components_baseToastPlate_hooks_useCustomIcons = require('./hooks/useCustomIcons.js');
|
|
@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
2
2
|
|
|
3
3
|
require('react');
|
|
4
4
|
require('@alfalab/hooks');
|
|
5
|
-
require('../../../PortalContext-
|
|
5
|
+
require('../../../PortalContext-55659b15.js');
|
|
6
6
|
|
|
7
7
|
var exhaustiveCheck = function (value) { return value; };
|
|
8
8
|
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
2
2
|
|
|
3
|
-
var getDataTestId = require('../../../getDataTestId-
|
|
3
|
+
var getDataTestId = require('../../../getDataTestId-548274c1.js');
|
|
4
4
|
require('react');
|
|
5
5
|
require('@alfalab/hooks');
|
|
6
|
-
require('../../../PortalContext-
|
|
6
|
+
require('../../../PortalContext-55659b15.js');
|
|
7
7
|
|
|
8
8
|
function getBaseToastPlateTestIds(dataTestId) {
|
|
9
9
|
return {
|
|
@@ -6,9 +6,9 @@ import { ToastPlateMobile } from './mobile/Component.mobile.js';
|
|
|
6
6
|
import './components/base-toast-plate/component.js';
|
|
7
7
|
import 'classnames';
|
|
8
8
|
import '../../icon-button/esm';
|
|
9
|
-
import './getDataTestId-
|
|
9
|
+
import './getDataTestId-598149da.js';
|
|
10
10
|
import '@alfalab/hooks';
|
|
11
|
-
import './PortalContext-
|
|
11
|
+
import './PortalContext-21044964.js';
|
|
12
12
|
import '../../status-badge/esm';
|
|
13
13
|
import '@alfalab/icons-glyph/CrossMIcon';
|
|
14
14
|
import './components/base-toast-plate/hooks/useCustomIcons.js';
|
|
@@ -2,9 +2,9 @@ import { __rest, __assign } from 'tslib';
|
|
|
2
2
|
import React, { forwardRef, useCallback } from 'react';
|
|
3
3
|
import cn from 'classnames';
|
|
4
4
|
import { IconButton } from '../../../../icon-button/esm';
|
|
5
|
-
import { g as getDataTestId } from '../../getDataTestId-
|
|
5
|
+
import { g as getDataTestId } from '../../getDataTestId-598149da.js';
|
|
6
6
|
import '@alfalab/hooks';
|
|
7
|
-
import '../../PortalContext-
|
|
7
|
+
import '../../PortalContext-21044964.js';
|
|
8
8
|
import { StatusBadge } from '../../../../status-badge/esm';
|
|
9
9
|
import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
|
|
10
10
|
import { useCustomIcons } from './hooks/useCustomIcons.js';
|
|
@@ -3,9 +3,9 @@ import 'tslib';
|
|
|
3
3
|
import 'react';
|
|
4
4
|
import 'classnames';
|
|
5
5
|
import '../../../../icon-button/esm';
|
|
6
|
-
import '../../getDataTestId-
|
|
6
|
+
import '../../getDataTestId-598149da.js';
|
|
7
7
|
import '@alfalab/hooks';
|
|
8
|
-
import '../../PortalContext-
|
|
8
|
+
import '../../PortalContext-21044964.js';
|
|
9
9
|
import '../../../../status-badge/esm';
|
|
10
10
|
import '@alfalab/icons-glyph/CrossMIcon';
|
|
11
11
|
import './hooks/useCustomIcons.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { g as getDataTestId } from '../../../getDataTestId-
|
|
1
|
+
import { g as getDataTestId } from '../../../getDataTestId-598149da.js';
|
|
2
2
|
import 'react';
|
|
3
3
|
import '@alfalab/hooks';
|
|
4
|
-
import '../../../PortalContext-
|
|
4
|
+
import '../../../PortalContext-21044964.js';
|
|
5
5
|
|
|
6
6
|
function getBaseToastPlateTestIds(dataTestId) {
|
|
7
7
|
return {
|
|
@@ -3,9 +3,9 @@ import React, { forwardRef } from 'react';
|
|
|
3
3
|
import { BaseToastPlate } from '../components/base-toast-plate/component.js';
|
|
4
4
|
import 'classnames';
|
|
5
5
|
import '../../../icon-button/esm';
|
|
6
|
-
import '../getDataTestId-
|
|
6
|
+
import '../getDataTestId-598149da.js';
|
|
7
7
|
import '@alfalab/hooks';
|
|
8
|
-
import '../PortalContext-
|
|
8
|
+
import '../PortalContext-21044964.js';
|
|
9
9
|
import '../../../status-badge/esm';
|
|
10
10
|
import '@alfalab/icons-glyph/CrossMIcon';
|
|
11
11
|
import '../components/base-toast-plate/hooks/useCustomIcons.js';
|
|
@@ -4,9 +4,9 @@ import 'react';
|
|
|
4
4
|
import '../components/base-toast-plate/component.js';
|
|
5
5
|
import 'classnames';
|
|
6
6
|
import '../../../icon-button/esm';
|
|
7
|
-
import '../getDataTestId-
|
|
7
|
+
import '../getDataTestId-598149da.js';
|
|
8
8
|
import '@alfalab/hooks';
|
|
9
|
-
import '../PortalContext-
|
|
9
|
+
import '../PortalContext-21044964.js';
|
|
10
10
|
import '../../../status-badge/esm';
|
|
11
11
|
import '@alfalab/icons-glyph/CrossMIcon';
|
|
12
12
|
import '../components/base-toast-plate/hooks/useCustomIcons.js';
|
|
@@ -71,7 +71,7 @@ declare const dom: {
|
|
|
71
71
|
preventDefault: typeof preventDefault;
|
|
72
72
|
};
|
|
73
73
|
export { isClient, os, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom };
|
|
74
|
-
export { PortalContext } from "./PortalContext-
|
|
75
|
-
export * from "./getDataTestId-
|
|
74
|
+
export { PortalContext } from "./PortalContext-21044964";
|
|
75
|
+
export * from "./getDataTestId-598149da";
|
|
76
76
|
export * from "./browser-a216f694";
|
|
77
77
|
export * from "./components/base-toast-plate/hooks/useDeprecatedBadge";
|
package/toast-plate/esm/index.js
CHANGED
|
@@ -6,9 +6,9 @@ import './desktop/Component.desktop.js';
|
|
|
6
6
|
import './components/base-toast-plate/component.js';
|
|
7
7
|
import 'classnames';
|
|
8
8
|
import '../../icon-button/esm';
|
|
9
|
-
import './getDataTestId-
|
|
9
|
+
import './getDataTestId-598149da.js';
|
|
10
10
|
import '@alfalab/hooks';
|
|
11
|
-
import './PortalContext-
|
|
11
|
+
import './PortalContext-21044964.js';
|
|
12
12
|
import '../../status-badge/esm';
|
|
13
13
|
import '@alfalab/icons-glyph/CrossMIcon';
|
|
14
14
|
import './components/base-toast-plate/hooks/useCustomIcons.js';
|
|
@@ -3,9 +3,9 @@ import React, { forwardRef } from 'react';
|
|
|
3
3
|
import { BaseToastPlate } from '../components/base-toast-plate/component.js';
|
|
4
4
|
import 'classnames';
|
|
5
5
|
import '../../../icon-button/esm';
|
|
6
|
-
import '../getDataTestId-
|
|
6
|
+
import '../getDataTestId-598149da.js';
|
|
7
7
|
import '@alfalab/hooks';
|
|
8
|
-
import '../PortalContext-
|
|
8
|
+
import '../PortalContext-21044964.js';
|
|
9
9
|
import '../../../status-badge/esm';
|
|
10
10
|
import '@alfalab/icons-glyph/CrossMIcon';
|
|
11
11
|
import '../components/base-toast-plate/hooks/useCustomIcons.js';
|
|
@@ -4,9 +4,9 @@ import 'react';
|
|
|
4
4
|
import '../components/base-toast-plate/component.js';
|
|
5
5
|
import 'classnames';
|
|
6
6
|
import '../../../icon-button/esm';
|
|
7
|
-
import '../getDataTestId-
|
|
7
|
+
import '../getDataTestId-598149da.js';
|
|
8
8
|
import '@alfalab/hooks';
|
|
9
|
-
import '../PortalContext-
|
|
9
|
+
import '../PortalContext-21044964.js';
|
|
10
10
|
import '../../../status-badge/esm';
|
|
11
11
|
import '@alfalab/icons-glyph/CrossMIcon';
|
|
12
12
|
import '../components/base-toast-plate/hooks/useCustomIcons.js';
|
|
@@ -71,7 +71,7 @@ declare const dom: {
|
|
|
71
71
|
preventDefault: typeof preventDefault;
|
|
72
72
|
};
|
|
73
73
|
export { isClient, os, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom };
|
|
74
|
-
export { PortalContext } from "./PortalContext-
|
|
75
|
-
export * from "./getDataTestId-
|
|
74
|
+
export { PortalContext } from "./PortalContext-55659b15";
|
|
75
|
+
export * from "./getDataTestId-548274c1";
|
|
76
76
|
export * from "./browser-a216f694";
|
|
77
77
|
export * from "./components/base-toast-plate/hooks/useDeprecatedBadge";
|
|
@@ -5,9 +5,9 @@ import { ToastPlateMobile } from './mobile/Component.mobile.js';
|
|
|
5
5
|
import './components/base-toast-plate/component.js';
|
|
6
6
|
import 'classnames';
|
|
7
7
|
import '../../icon-button/modern';
|
|
8
|
-
import './getDataTestId-
|
|
8
|
+
import './getDataTestId-919c05e0.js';
|
|
9
9
|
import '@alfalab/hooks';
|
|
10
|
-
import './PortalContext-
|
|
10
|
+
import './PortalContext-17377a7b.js';
|
|
11
11
|
import '../../status-badge/modern';
|
|
12
12
|
import '@alfalab/icons-glyph/CrossMIcon';
|
|
13
13
|
import './components/base-toast-plate/hooks/useCustomIcons.js';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React, { forwardRef, useCallback } from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import { IconButton } from '../../../../icon-button/modern';
|
|
4
|
-
import { g as getDataTestId } from '../../getDataTestId-
|
|
4
|
+
import { g as getDataTestId } from '../../getDataTestId-919c05e0.js';
|
|
5
5
|
import '@alfalab/hooks';
|
|
6
|
-
import '../../PortalContext-
|
|
6
|
+
import '../../PortalContext-17377a7b.js';
|
|
7
7
|
import { StatusBadge } from '../../../../status-badge/modern';
|
|
8
8
|
import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
|
|
9
9
|
import { useCustomIcons } from './hooks/useCustomIcons.js';
|
|
@@ -2,9 +2,9 @@ export { BaseToastPlate } from './component.js';
|
|
|
2
2
|
import 'react';
|
|
3
3
|
import 'classnames';
|
|
4
4
|
import '../../../../icon-button/modern';
|
|
5
|
-
import '../../getDataTestId-
|
|
5
|
+
import '../../getDataTestId-919c05e0.js';
|
|
6
6
|
import '@alfalab/hooks';
|
|
7
|
-
import '../../PortalContext-
|
|
7
|
+
import '../../PortalContext-17377a7b.js';
|
|
8
8
|
import '../../../../status-badge/modern';
|
|
9
9
|
import '@alfalab/icons-glyph/CrossMIcon';
|
|
10
10
|
import './hooks/useCustomIcons.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { g as getDataTestId } from '../../../getDataTestId-
|
|
1
|
+
import { g as getDataTestId } from '../../../getDataTestId-919c05e0.js';
|
|
2
2
|
import 'react';
|
|
3
3
|
import '@alfalab/hooks';
|
|
4
|
-
import '../../../PortalContext-
|
|
4
|
+
import '../../../PortalContext-17377a7b.js';
|
|
5
5
|
|
|
6
6
|
function getBaseToastPlateTestIds(dataTestId) {
|
|
7
7
|
return {
|
|
@@ -2,9 +2,9 @@ import React, { forwardRef } from 'react';
|
|
|
2
2
|
import { BaseToastPlate } from '../components/base-toast-plate/component.js';
|
|
3
3
|
import 'classnames';
|
|
4
4
|
import '../../../icon-button/modern';
|
|
5
|
-
import '../getDataTestId-
|
|
5
|
+
import '../getDataTestId-919c05e0.js';
|
|
6
6
|
import '@alfalab/hooks';
|
|
7
|
-
import '../PortalContext-
|
|
7
|
+
import '../PortalContext-17377a7b.js';
|
|
8
8
|
import '../../../status-badge/modern';
|
|
9
9
|
import '@alfalab/icons-glyph/CrossMIcon';
|
|
10
10
|
import '../components/base-toast-plate/hooks/useCustomIcons.js';
|
|
@@ -3,9 +3,9 @@ import 'react';
|
|
|
3
3
|
import '../components/base-toast-plate/component.js';
|
|
4
4
|
import 'classnames';
|
|
5
5
|
import '../../../icon-button/modern';
|
|
6
|
-
import '../getDataTestId-
|
|
6
|
+
import '../getDataTestId-919c05e0.js';
|
|
7
7
|
import '@alfalab/hooks';
|
|
8
|
-
import '../PortalContext-
|
|
8
|
+
import '../PortalContext-17377a7b.js';
|
|
9
9
|
import '../../../status-badge/modern';
|
|
10
10
|
import '@alfalab/icons-glyph/CrossMIcon';
|
|
11
11
|
import '../components/base-toast-plate/hooks/useCustomIcons.js';
|