@alfalab/core-components-tabs 7.7.1 → 8.0.0
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/{cssm/Component-3e68f8db.d.ts → Component-4cd3936b.d.ts} +5 -4
- package/Component-5e1b8383.d.ts +99 -3
- package/Component-63dec22f.d.ts +167 -0
- package/Component-8b2c2707.d.ts +14 -0
- package/Component-9211a437.d.ts +38 -0
- package/Component-e81c389f.d.ts +5 -0
- package/Component.desktop-2e2b2125.d.ts +6 -0
- package/Component.desktop-785df74d.d.ts +6 -0
- package/Component.mobile-755fbaa3.d.ts +6 -0
- package/Component.mobile-d7e9f69d.d.ts +6 -0
- package/Component.mobile-ebda875c.d.ts +6 -0
- package/Component.responsive-785df74d.d.ts +26 -0
- package/collapsible.d.ts +7 -0
- package/collapsible.js +40 -0
- package/components/primary-tablist/Component.collapsible.d.ts +5 -0
- package/components/primary-tablist/Component.collapsible.desktop.d.ts +5 -0
- package/components/primary-tablist/Component.collapsible.desktop.js +32 -0
- package/components/primary-tablist/Component.collapsible.js +81 -0
- package/components/primary-tablist/Component.collapsible.mobile.d.ts +6 -0
- package/components/primary-tablist/Component.collapsible.mobile.js +35 -0
- package/components/primary-tablist/Component.collapsible.responsive.d.ts +5 -0
- package/components/primary-tablist/Component.collapsible.responsive.js +36 -0
- package/components/primary-tablist/Component.d.ts +2 -1
- package/components/primary-tablist/Component.desktop.d.ts +2 -1
- package/components/primary-tablist/Component.desktop.js +2 -8
- package/components/primary-tablist/Component.js +8 -40
- package/components/primary-tablist/Component.mobile.d.ts +3 -2
- package/components/primary-tablist/Component.mobile.js +4 -12
- package/components/primary-tablist/Component.responsive.d.ts +2 -1
- package/components/primary-tablist/Component.responsive.js +7 -14
- package/components/primary-tablist/index.css +29 -29
- package/components/primary-tablist/mobile.css +40 -32
- package/components/scrollable-container/Component.d.ts +3 -2
- package/components/scrollable-container/Component.js +1 -1
- package/components/scrollable-container/index.css +5 -5
- package/components/secondary-tablist/Component.d.ts +2 -1
- package/components/secondary-tablist/Component.desktop.d.ts +3 -2
- package/components/secondary-tablist/Component.desktop.js +4 -3
- package/components/secondary-tablist/Component.js +5 -3
- package/components/secondary-tablist/Component.mobile.d.ts +2 -1
- package/components/secondary-tablist/Component.mobile.js +5 -4
- package/components/secondary-tablist/Component.responsive.d.ts +2 -1
- package/components/secondary-tablist/Component.responsive.js +8 -9
- package/components/secondary-tablist/index.css +11 -11
- package/components/secondary-tablist/mobile.css +21 -13
- package/components/tab/Component.d.ts +2 -1
- package/components/tab/Component.js +1 -1
- package/components/tab/index.css +3 -3
- package/components/tabs/Component.collabsible.desktop.d.ts +6 -0
- package/components/tabs/Component.collabsible.desktop.js +34 -0
- package/components/tabs/Component.collapsible.mobile.d.ts +6 -0
- package/components/tabs/Component.collapsible.mobile.js +35 -0
- package/components/tabs/Component.collapsible.responsive.d.ts +6 -0
- package/components/tabs/Component.collapsible.responsive.js +37 -0
- package/components/tabs/Component.d.ts +2 -1
- package/components/tabs/Component.desktop.d.ts +3 -2
- package/components/tabs/Component.desktop.js +4 -10
- package/components/tabs/Component.js +2 -2
- package/components/tabs/Component.mobile.d.ts +3 -2
- package/components/tabs/Component.mobile.js +5 -10
- package/components/tabs/Component.responsive.d.ts +3 -2
- package/components/tabs/Component.responsive.js +7 -10
- package/{esm/Component-3e68f8db.d.ts → cssm/Component-4cd3936b.d.ts} +5 -4
- package/cssm/Component-5e1b8383.d.ts +99 -3
- package/cssm/Component-63dec22f.d.ts +167 -0
- package/cssm/Component-8b2c2707.d.ts +14 -0
- package/cssm/Component-9211a437.d.ts +38 -0
- package/cssm/Component-e81c389f.d.ts +5 -0
- package/cssm/Component.desktop-2e2b2125.d.ts +6 -0
- package/cssm/Component.desktop-785df74d.d.ts +6 -0
- package/cssm/Component.mobile-755fbaa3.d.ts +6 -0
- package/cssm/Component.mobile-d7e9f69d.d.ts +6 -0
- package/cssm/Component.mobile-ebda875c.d.ts +6 -0
- package/cssm/Component.responsive-785df74d.d.ts +26 -0
- package/cssm/collapsible.d.ts +7 -0
- package/cssm/collapsible.js +41 -0
- package/cssm/components/primary-tablist/Component.collapsible.d.ts +5 -0
- package/cssm/components/primary-tablist/Component.collapsible.desktop.d.ts +5 -0
- package/cssm/components/primary-tablist/Component.collapsible.desktop.js +33 -0
- package/cssm/components/primary-tablist/Component.collapsible.js +81 -0
- package/cssm/components/primary-tablist/Component.collapsible.mobile.d.ts +6 -0
- package/cssm/components/primary-tablist/Component.collapsible.mobile.js +37 -0
- package/cssm/components/primary-tablist/Component.collapsible.responsive.d.ts +5 -0
- package/cssm/components/primary-tablist/Component.collapsible.responsive.js +36 -0
- package/cssm/components/primary-tablist/Component.d.ts +2 -1
- package/cssm/components/primary-tablist/Component.desktop.d.ts +2 -1
- package/cssm/components/primary-tablist/Component.desktop.js +1 -7
- package/cssm/components/primary-tablist/Component.js +8 -40
- package/cssm/components/primary-tablist/Component.mobile.d.ts +3 -2
- package/cssm/components/primary-tablist/Component.mobile.js +1 -7
- package/cssm/components/primary-tablist/Component.responsive.d.ts +2 -1
- package/cssm/components/primary-tablist/Component.responsive.js +5 -13
- package/cssm/components/scrollable-container/Component.d.ts +3 -2
- package/cssm/components/secondary-tablist/Component.d.ts +2 -1
- package/cssm/components/secondary-tablist/Component.desktop.d.ts +3 -2
- package/cssm/components/secondary-tablist/Component.desktop.js +3 -2
- package/cssm/components/secondary-tablist/Component.js +5 -3
- package/cssm/components/secondary-tablist/Component.mobile.d.ts +2 -1
- package/cssm/components/secondary-tablist/Component.mobile.js +3 -2
- package/cssm/components/secondary-tablist/Component.responsive.d.ts +2 -1
- package/cssm/components/secondary-tablist/Component.responsive.js +7 -8
- package/cssm/components/tab/Component.d.ts +2 -1
- package/cssm/components/tabs/Component.collabsible.desktop.d.ts +6 -0
- package/cssm/components/tabs/Component.collabsible.desktop.js +34 -0
- package/cssm/components/tabs/Component.collapsible.mobile.d.ts +6 -0
- package/cssm/components/tabs/Component.collapsible.mobile.js +35 -0
- package/cssm/components/tabs/Component.collapsible.responsive.d.ts +6 -0
- package/cssm/components/tabs/Component.collapsible.responsive.js +37 -0
- package/cssm/components/tabs/Component.d.ts +2 -1
- package/cssm/components/tabs/Component.desktop.d.ts +3 -2
- package/cssm/components/tabs/Component.desktop.js +2 -8
- package/cssm/components/tabs/Component.js +2 -2
- package/cssm/components/tabs/Component.mobile.d.ts +3 -2
- package/cssm/components/tabs/Component.mobile.js +2 -8
- package/cssm/components/tabs/Component.responsive.d.ts +3 -2
- package/cssm/components/tabs/Component.responsive.js +4 -8
- package/cssm/desktop-2e2b2125.d.ts +2 -0
- package/cssm/desktop.d.ts +0 -4
- package/cssm/desktop.js +6 -15
- package/cssm/{hook-3e68f8db.d.ts → hook-9ea9e32c.d.ts} +10 -8
- package/cssm/hooks/use-tablist-titles.d.ts +2 -1
- package/cssm/hooks/use-tablist-titles.js +7 -5
- package/cssm/hooks/use-tabs.d.ts +1 -0
- package/cssm/hooks/use-tabs.js +3 -6
- package/cssm/index-8b2c2707.d.ts +6 -0
- package/cssm/index-c44170fe.d.ts +23 -0
- package/cssm/index-e81c389f.d.ts +142 -3
- package/cssm/index-ebda875c.d.ts +86 -18
- package/cssm/index-f12ee135.d.ts +307 -3
- package/cssm/index.d.ts +1 -4
- package/cssm/index.js +9 -15
- package/cssm/mobile-755fbaa3.d.ts +2 -0
- package/cssm/mobile-96988a65.d.ts +2 -0
- package/cssm/mobile.d.ts +0 -3
- package/cssm/mobile.js +6 -14
- package/{esm/index-3e68f8db.d.ts → cssm/shared-4cd3936b.d.ts} +50 -16
- package/cssm/shared.d.ts +4 -0
- package/cssm/shared.js +21 -0
- package/cssm/types-4480ac4f.d.ts +3 -0
- package/cssm/typings-5e1b8383.d.ts +2 -1
- package/cssm/typings-9211a437.d.ts +95 -0
- package/cssm/typings.d.ts +11 -10
- package/desktop-2e2b2125.d.ts +2 -0
- package/desktop.d.ts +0 -4
- package/desktop.js +7 -16
- package/{Component-3e68f8db.d.ts → esm/Component-4cd3936b.d.ts} +5 -4
- package/esm/Component-5e1b8383.d.ts +99 -3
- package/esm/Component-63dec22f.d.ts +167 -0
- package/esm/Component-8b2c2707.d.ts +14 -0
- package/esm/Component-9211a437.d.ts +38 -0
- package/esm/Component-e81c389f.d.ts +5 -0
- package/esm/Component.desktop-2e2b2125.d.ts +6 -0
- package/esm/Component.desktop-785df74d.d.ts +6 -0
- package/esm/Component.mobile-755fbaa3.d.ts +6 -0
- package/esm/Component.mobile-d7e9f69d.d.ts +6 -0
- package/esm/Component.mobile-ebda875c.d.ts +6 -0
- package/esm/Component.responsive-785df74d.d.ts +26 -0
- package/esm/collapsible.d.ts +7 -0
- package/esm/collapsible.js +26 -0
- package/esm/components/primary-tablist/Component.collapsible.d.ts +5 -0
- package/esm/components/primary-tablist/Component.collapsible.desktop.d.ts +5 -0
- package/esm/components/primary-tablist/Component.collapsible.desktop.js +24 -0
- package/esm/components/primary-tablist/Component.collapsible.js +72 -0
- package/esm/components/primary-tablist/Component.collapsible.mobile.d.ts +6 -0
- package/esm/components/primary-tablist/Component.collapsible.mobile.js +26 -0
- package/esm/components/primary-tablist/Component.collapsible.responsive.d.ts +5 -0
- package/esm/components/primary-tablist/Component.collapsible.responsive.js +28 -0
- package/esm/components/primary-tablist/Component.d.ts +2 -1
- package/esm/components/primary-tablist/Component.desktop.d.ts +2 -1
- package/esm/components/primary-tablist/Component.desktop.js +2 -8
- package/esm/components/primary-tablist/Component.js +10 -42
- package/esm/components/primary-tablist/Component.mobile.d.ts +3 -2
- package/esm/components/primary-tablist/Component.mobile.js +3 -11
- package/esm/components/primary-tablist/Component.responsive.d.ts +2 -1
- package/esm/components/primary-tablist/Component.responsive.js +7 -14
- package/esm/components/primary-tablist/index.css +29 -29
- package/esm/components/primary-tablist/mobile.css +40 -32
- package/esm/components/scrollable-container/Component.d.ts +3 -2
- package/esm/components/scrollable-container/Component.js +1 -1
- package/esm/components/scrollable-container/index.css +5 -5
- package/esm/components/secondary-tablist/Component.d.ts +2 -1
- package/esm/components/secondary-tablist/Component.desktop.d.ts +3 -2
- package/esm/components/secondary-tablist/Component.desktop.js +4 -3
- package/esm/components/secondary-tablist/Component.js +5 -3
- package/esm/components/secondary-tablist/Component.mobile.d.ts +2 -1
- package/esm/components/secondary-tablist/Component.mobile.js +5 -4
- package/esm/components/secondary-tablist/Component.responsive.d.ts +2 -1
- package/esm/components/secondary-tablist/Component.responsive.js +8 -9
- package/esm/components/secondary-tablist/index.css +11 -11
- package/esm/components/secondary-tablist/mobile.css +21 -13
- package/esm/components/tab/Component.d.ts +2 -1
- package/esm/components/tab/Component.js +1 -1
- package/esm/components/tab/index.css +3 -3
- package/esm/components/tabs/Component.collabsible.desktop.d.ts +6 -0
- package/esm/components/tabs/Component.collabsible.desktop.js +26 -0
- package/esm/components/tabs/Component.collapsible.mobile.d.ts +6 -0
- package/esm/components/tabs/Component.collapsible.mobile.js +27 -0
- package/esm/components/tabs/Component.collapsible.responsive.d.ts +6 -0
- package/esm/components/tabs/Component.collapsible.responsive.js +29 -0
- package/esm/components/tabs/Component.d.ts +2 -1
- package/esm/components/tabs/Component.desktop.d.ts +3 -2
- package/esm/components/tabs/Component.desktop.js +4 -10
- package/esm/components/tabs/Component.js +2 -2
- package/esm/components/tabs/Component.mobile.d.ts +3 -2
- package/esm/components/tabs/Component.mobile.js +5 -10
- package/esm/components/tabs/Component.responsive.d.ts +3 -2
- package/esm/components/tabs/Component.responsive.js +7 -10
- package/esm/desktop-2e2b2125.d.ts +2 -0
- package/esm/desktop.d.ts +0 -4
- package/esm/desktop.js +7 -13
- package/{hook-3e68f8db.d.ts → esm/hook-9ea9e32c.d.ts} +10 -8
- package/esm/hooks/use-tablist-titles.d.ts +2 -1
- package/esm/hooks/use-tablist-titles.js +7 -5
- package/esm/hooks/use-tabs.d.ts +1 -0
- package/esm/hooks/use-tabs.js +2 -5
- package/esm/index-8b2c2707.d.ts +6 -0
- package/esm/index-c44170fe.d.ts +23 -0
- package/esm/index-e81c389f.d.ts +142 -3
- package/esm/index-ebda875c.d.ts +86 -18
- package/esm/index-f12ee135.d.ts +307 -3
- package/esm/index.d.ts +1 -4
- package/esm/index.js +11 -14
- package/esm/index.module-08248cf3.js +4 -0
- package/esm/index.module-2bed7b44.js +4 -0
- package/esm/mobile-755fbaa3.d.ts +2 -0
- package/esm/mobile-96988a65.d.ts +2 -0
- package/esm/mobile.d.ts +0 -3
- package/esm/mobile.js +8 -13
- package/esm/mobile.module-d8a1b124.js +4 -0
- package/{index-3e68f8db.d.ts → esm/shared-4cd3936b.d.ts} +50 -16
- package/esm/shared.d.ts +4 -0
- package/esm/shared.js +10 -0
- package/esm/types-4480ac4f.d.ts +3 -0
- package/esm/typings-5e1b8383.d.ts +2 -1
- package/esm/typings-9211a437.d.ts +95 -0
- package/esm/typings.d.ts +11 -10
- package/{modern/hook-3e68f8db.d.ts → hook-9ea9e32c.d.ts} +10 -8
- package/hooks/use-tablist-titles.d.ts +2 -1
- package/hooks/use-tablist-titles.js +7 -5
- package/hooks/use-tabs.d.ts +1 -0
- package/hooks/use-tabs.js +3 -6
- package/index-8b2c2707.d.ts +6 -0
- package/index-c44170fe.d.ts +23 -0
- package/index-e81c389f.d.ts +142 -3
- package/index-ebda875c.d.ts +86 -18
- package/index-f12ee135.d.ts +307 -3
- package/index.d.ts +1 -4
- package/index.js +11 -16
- package/index.module-0d10b544.js +6 -0
- package/index.module-49556b0f.js +6 -0
- package/mobile-755fbaa3.d.ts +2 -0
- package/mobile-96988a65.d.ts +2 -0
- package/mobile.d.ts +0 -3
- package/mobile.js +8 -15
- package/mobile.module-541101fc.js +6 -0
- package/modern/{Component-3e68f8db.d.ts → Component-4cd3936b.d.ts} +5 -4
- package/modern/Component-5e1b8383.d.ts +99 -3
- package/modern/Component-63dec22f.d.ts +167 -0
- package/modern/Component-8b2c2707.d.ts +14 -0
- package/modern/Component-9211a437.d.ts +38 -0
- package/modern/Component-e81c389f.d.ts +5 -0
- package/modern/Component.desktop-2e2b2125.d.ts +6 -0
- package/modern/Component.desktop-785df74d.d.ts +6 -0
- package/modern/Component.mobile-755fbaa3.d.ts +6 -0
- package/modern/Component.mobile-d7e9f69d.d.ts +6 -0
- package/modern/Component.mobile-ebda875c.d.ts +6 -0
- package/modern/Component.responsive-785df74d.d.ts +26 -0
- package/modern/collapsible.d.ts +7 -0
- package/modern/collapsible.js +25 -0
- package/modern/components/primary-tablist/Component.collapsible.d.ts +5 -0
- package/modern/components/primary-tablist/Component.collapsible.desktop.d.ts +5 -0
- package/modern/components/primary-tablist/Component.collapsible.desktop.js +20 -0
- package/modern/components/primary-tablist/Component.collapsible.js +61 -0
- package/modern/components/primary-tablist/Component.collapsible.mobile.d.ts +6 -0
- package/modern/components/primary-tablist/Component.collapsible.mobile.js +25 -0
- package/modern/components/primary-tablist/Component.collapsible.responsive.d.ts +5 -0
- package/modern/components/primary-tablist/Component.collapsible.responsive.js +26 -0
- package/modern/components/primary-tablist/Component.d.ts +2 -1
- package/modern/components/primary-tablist/Component.desktop.d.ts +2 -1
- package/modern/components/primary-tablist/Component.desktop.js +2 -8
- package/modern/components/primary-tablist/Component.js +8 -37
- package/modern/components/primary-tablist/Component.mobile.d.ts +3 -2
- package/modern/components/primary-tablist/Component.mobile.js +3 -11
- package/modern/components/primary-tablist/Component.responsive.d.ts +2 -1
- package/modern/components/primary-tablist/Component.responsive.js +7 -14
- package/modern/components/primary-tablist/index.css +29 -29
- package/modern/components/primary-tablist/mobile.css +40 -32
- package/modern/components/scrollable-container/Component.d.ts +3 -2
- package/modern/components/scrollable-container/Component.js +1 -1
- package/modern/components/scrollable-container/index.css +5 -5
- package/modern/components/secondary-tablist/Component.d.ts +2 -1
- package/modern/components/secondary-tablist/Component.desktop.d.ts +3 -2
- package/modern/components/secondary-tablist/Component.desktop.js +4 -3
- package/modern/components/secondary-tablist/Component.js +12 -8
- package/modern/components/secondary-tablist/Component.mobile.d.ts +2 -1
- package/modern/components/secondary-tablist/Component.mobile.js +5 -4
- package/modern/components/secondary-tablist/Component.responsive.d.ts +2 -1
- package/modern/components/secondary-tablist/Component.responsive.js +8 -9
- package/modern/components/secondary-tablist/index.css +11 -11
- package/modern/components/secondary-tablist/mobile.css +21 -13
- package/modern/components/tab/Component.d.ts +2 -1
- package/modern/components/tab/Component.js +1 -1
- package/modern/components/tab/index.css +3 -3
- package/modern/components/tabs/Component.collabsible.desktop.d.ts +6 -0
- package/modern/components/tabs/Component.collabsible.desktop.js +22 -0
- package/modern/components/tabs/Component.collapsible.mobile.d.ts +6 -0
- package/modern/components/tabs/Component.collapsible.mobile.js +23 -0
- package/modern/components/tabs/Component.collapsible.responsive.d.ts +6 -0
- package/modern/components/tabs/Component.collapsible.responsive.js +25 -0
- package/modern/components/tabs/Component.d.ts +2 -1
- package/modern/components/tabs/Component.desktop.d.ts +3 -2
- package/modern/components/tabs/Component.desktop.js +4 -10
- package/modern/components/tabs/Component.js +2 -2
- package/modern/components/tabs/Component.mobile.d.ts +3 -2
- package/modern/components/tabs/Component.mobile.js +5 -10
- package/modern/components/tabs/Component.responsive.d.ts +3 -2
- package/modern/components/tabs/Component.responsive.js +7 -10
- package/modern/desktop-2e2b2125.d.ts +2 -0
- package/modern/desktop.d.ts +0 -4
- package/modern/desktop.js +7 -13
- package/{esm/hook-3e68f8db.d.ts → modern/hook-9ea9e32c.d.ts} +10 -8
- package/modern/hooks/use-tablist-titles.d.ts +2 -1
- package/modern/hooks/use-tablist-titles.js +7 -5
- package/modern/hooks/use-tabs.d.ts +1 -0
- package/modern/hooks/use-tabs.js +2 -5
- package/modern/index-8b2c2707.d.ts +6 -0
- package/modern/index-c44170fe.d.ts +23 -0
- package/modern/index-e81c389f.d.ts +142 -3
- package/modern/index-ebda875c.d.ts +86 -18
- package/modern/index-f12ee135.d.ts +307 -3
- package/modern/index.d.ts +1 -4
- package/modern/index.js +11 -14
- package/modern/index.module-264a8450.js +4 -0
- package/modern/index.module-fede443b.js +4 -0
- package/modern/mobile-755fbaa3.d.ts +2 -0
- package/modern/mobile-96988a65.d.ts +2 -0
- package/modern/mobile.d.ts +0 -3
- package/modern/mobile.js +8 -13
- package/modern/mobile.module-9693b0a4.js +4 -0
- package/{cssm/index-3e68f8db.d.ts → modern/shared-4cd3936b.d.ts} +50 -16
- package/modern/shared.d.ts +4 -0
- package/modern/shared.js +9 -0
- package/modern/types-4480ac4f.d.ts +3 -0
- package/modern/typings-5e1b8383.d.ts +2 -1
- package/modern/typings-9211a437.d.ts +95 -0
- package/modern/typings.d.ts +11 -10
- package/package.json +36 -5
- package/{modern/index-3e68f8db.d.ts → shared-4cd3936b.d.ts} +50 -16
- package/shared.d.ts +4 -0
- package/shared.js +20 -0
- package/src/collapsible.ts +10 -0
- package/src/components/primary-tablist/Component.collapsible.desktop.tsx +11 -0
- package/src/components/primary-tablist/Component.collapsible.mobile.tsx +27 -0
- package/src/components/primary-tablist/Component.collapsible.responsive.tsx +34 -0
- package/src/components/primary-tablist/Component.collapsible.tsx +132 -0
- package/src/components/primary-tablist/Component.desktop.tsx +11 -0
- package/src/components/primary-tablist/Component.mobile.tsx +20 -0
- package/src/components/primary-tablist/Component.responsive.tsx +34 -0
- package/src/components/primary-tablist/Component.tsx +74 -0
- package/src/components/primary-tablist/index.module.css +181 -0
- package/src/components/primary-tablist/mobile.module.css +20 -0
- package/src/components/scrollable-container/Component.tsx +66 -0
- package/src/components/scrollable-container/index.module.css +26 -0
- package/src/components/scrollable-container/index.ts +1 -0
- package/src/components/secondary-tablist/Component.desktop.tsx +24 -0
- package/src/components/secondary-tablist/Component.mobile.tsx +31 -0
- package/src/components/secondary-tablist/Component.responsive.tsx +24 -0
- package/src/components/secondary-tablist/Component.tsx +70 -0
- package/src/components/secondary-tablist/index.module.css +49 -0
- package/src/components/secondary-tablist/mobile.module.css +11 -0
- package/src/components/tab/Component.tsx +25 -0
- package/src/components/tab/index.module.css +7 -0
- package/src/components/tab/index.ts +1 -0
- package/src/components/tabs/Component.collabsible.desktop.tsx +15 -0
- package/src/components/tabs/Component.collapsible.mobile.tsx +15 -0
- package/src/components/tabs/Component.collapsible.responsive.tsx +12 -0
- package/src/components/tabs/Component.desktop.tsx +26 -0
- package/src/components/tabs/Component.mobile.tsx +20 -0
- package/src/components/tabs/Component.responsive.tsx +20 -0
- package/src/components/tabs/Component.tsx +67 -0
- package/src/components/title/Component.tsx +51 -0
- package/src/components/title/index.ts +1 -0
- package/src/desktop.ts +4 -0
- package/src/hooks/use-collapsible-elements.ts +69 -0
- package/src/hooks/use-tablist-titles.ts +91 -0
- package/src/hooks/use-tabs.tsx +129 -0
- package/src/index.ts +7 -0
- package/src/mobile.ts +4 -0
- package/src/shared.ts +4 -0
- package/src/synthetic-events.ts +70 -0
- package/src/typings.ts +187 -0
- package/src/vars.css +68 -0
- package/types-4480ac4f.d.ts +3 -0
- package/typings-5e1b8383.d.ts +2 -1
- package/typings-9211a437.d.ts +95 -0
- package/typings.d.ts +11 -10
- package/Component-2aef4eba.d.ts +0 -50
- package/Component-3885b0d7.d.ts +0 -71
- package/Component-3ebe4754.d.ts +0 -176
- package/Component.mobile-b2c0420d.d.ts +0 -35
- package/Component.responsive-2aef4eba.d.ts +0 -30
- package/component-3885b0d7.d.ts +0 -43
- package/cssm/Component-2aef4eba.d.ts +0 -50
- package/cssm/Component-3885b0d7.d.ts +0 -71
- package/cssm/Component-3ebe4754.d.ts +0 -176
- package/cssm/Component.mobile-b2c0420d.d.ts +0 -35
- package/cssm/Component.responsive-2aef4eba.d.ts +0 -30
- package/cssm/component-3885b0d7.d.ts +0 -43
- package/cssm/index-2aef4eba.d.ts +0 -5
- package/cssm/index-3885b0d7.d.ts +0 -3
- package/cssm/index-3ebe4754.d.ts +0 -1
- package/cssm/index-701e77da.d.ts +0 -4
- package/cssm/responsive.d.ts +0 -8
- package/cssm/responsive.js +0 -47
- package/cssm/types-ebda875c.d.ts +0 -113
- package/cssm/types-fae20163.d.ts +0 -227
- package/cssm/utils-b64479aa.d.ts +0 -8
- package/esm/Component-2aef4eba.d.ts +0 -50
- package/esm/Component-3885b0d7.d.ts +0 -71
- package/esm/Component-3ebe4754.d.ts +0 -176
- package/esm/Component.mobile-b2c0420d.d.ts +0 -35
- package/esm/Component.responsive-2aef4eba.d.ts +0 -30
- package/esm/component-3885b0d7.d.ts +0 -43
- package/esm/index-2aef4eba.d.ts +0 -5
- package/esm/index-3885b0d7.d.ts +0 -3
- package/esm/index-3ebe4754.d.ts +0 -1
- package/esm/index-701e77da.d.ts +0 -4
- package/esm/index.module-09cc006f.js +0 -4
- package/esm/index.module-a8ec81ea.js +0 -4
- package/esm/responsive.d.ts +0 -8
- package/esm/responsive.js +0 -29
- package/esm/types-ebda875c.d.ts +0 -113
- package/esm/types-fae20163.d.ts +0 -227
- package/esm/utils-b64479aa.d.ts +0 -8
- package/index-2aef4eba.d.ts +0 -5
- package/index-3885b0d7.d.ts +0 -3
- package/index-3ebe4754.d.ts +0 -1
- package/index-701e77da.d.ts +0 -4
- package/index.module-489cc8bc.js +0 -6
- package/index.module-728b55ca.js +0 -6
- package/modern/Component-2aef4eba.d.ts +0 -50
- package/modern/Component-3885b0d7.d.ts +0 -71
- package/modern/Component-3ebe4754.d.ts +0 -176
- package/modern/Component.mobile-b2c0420d.d.ts +0 -35
- package/modern/Component.responsive-2aef4eba.d.ts +0 -30
- package/modern/component-3885b0d7.d.ts +0 -43
- package/modern/index-2aef4eba.d.ts +0 -5
- package/modern/index-3885b0d7.d.ts +0 -3
- package/modern/index-3ebe4754.d.ts +0 -1
- package/modern/index-701e77da.d.ts +0 -4
- package/modern/index.module-75cf2354.js +0 -4
- package/modern/index.module-77d8ef59.js +0 -4
- package/modern/responsive.d.ts +0 -8
- package/modern/responsive.js +0 -28
- package/modern/types-ebda875c.d.ts +0 -113
- package/modern/types-fae20163.d.ts +0 -227
- package/modern/utils-b64479aa.d.ts +0 -8
- package/responsive.d.ts +0 -8
- package/responsive.js +0 -43
- package/types-ebda875c.d.ts +0 -113
- package/types-fae20163.d.ts +0 -227
- package/utils-b64479aa.d.ts +0 -8
package/cssm/types-fae20163.d.ts
DELETED
|
@@ -1,227 +0,0 @@
|
|
|
1
|
-
/// <reference types="react-transition-group" />
|
|
2
|
-
import { HTMLAttributes, ReactNode, RefObject } from 'react';
|
|
3
|
-
import { TransitionProps } from 'react-transition-group/Transition';
|
|
4
|
-
import { BaseModalProps } from "./index-bdb4c6b9";
|
|
5
|
-
import { NavigationBarProps } from "./index-e81c389f";
|
|
6
|
-
type BackgroundColorType = "accent" | "info" | "attention-muted" | "positive-muted" | "negative-muted" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "quaternary" | "quaternary-inverted" | "specialbg-component" | "specialbg-component-inverted" | "specialbg-primary-grouped" | "specialbg-secondary-grouped" | "specialbg-tertiary-grouped" | "specialbg-secondary-transparent" | "specialbg-secondary-transparent-inverted" | "specialbg-tertiary-transparent" | "specialbg-tertiary-transparent-inverted";
|
|
7
|
-
type BorderColorType = "accent" | "key" | "key-inverted" | "link" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "underline" | "underline-inverted" | "graphic-attention" | "graphic-link" | "graphic-negative" | "graphic-positive" | "specialbg-secondary-transparent" | "specialbg-secondary-transparent-inverted" | "specialbg-tertiary-transparent" | "specialbg-tertiary-transparent-inverted";
|
|
8
|
-
type GraphicColorType = "accent" | "link" | "attention" | "positive" | "negative" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "quaternary" | "quaternary-inverted" | "static-light" | "static-accent" | "static-dark";
|
|
9
|
-
type ShadowType = "shadow-xs" | "shadow-s" | "shadow-m" | "shadow-l" | "shadow-xl" | "shadow-xs-hard" | "shadow-s-hard" | "shadow-m-hard" | "shadow-l-hard" | "shadow-xl-hard" | "shadow-xs-up" | "shadow-s-up" | "shadow-m-up" | "shadow-l-up" | "shadow-xl-up" | "shadow-xs-hard-up" | "shadow-s-hard-up" | "shadow-m-hard-up" | "shadow-l-hard-up" | "shadow-xl-hard-up";
|
|
10
|
-
type GapType = "3xs" | "2xs" | "xs" | "s" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl";
|
|
11
|
-
type BottomSheetTitleAlign = 'center' | 'left';
|
|
12
|
-
type BottomSheetProps = {
|
|
13
|
-
/**
|
|
14
|
-
* Контент
|
|
15
|
-
*/
|
|
16
|
-
children?: ReactNode;
|
|
17
|
-
/**
|
|
18
|
-
* Управление видимостью
|
|
19
|
-
*/
|
|
20
|
-
open: boolean;
|
|
21
|
-
/**
|
|
22
|
-
* Заголовок
|
|
23
|
-
*/
|
|
24
|
-
title?: ReactNode;
|
|
25
|
-
/**
|
|
26
|
-
* Размер заголовка
|
|
27
|
-
*/
|
|
28
|
-
titleSize?: NavigationBarProps['titleSize'];
|
|
29
|
-
/**
|
|
30
|
-
* Подзаголовок.
|
|
31
|
-
*/
|
|
32
|
-
subtitle?: NavigationBarProps['subtitle'];
|
|
33
|
-
/**
|
|
34
|
-
* Кнопка действия (обычно, это кнопка закрытия)
|
|
35
|
-
*/
|
|
36
|
-
actionButton?: ReactNode;
|
|
37
|
-
/**
|
|
38
|
-
* Нода, компонент или функция возвращающая их
|
|
39
|
-
*
|
|
40
|
-
* Контейнер к которому будут добавляться порталы
|
|
41
|
-
*/
|
|
42
|
-
container?: BaseModalProps['container'];
|
|
43
|
-
/**
|
|
44
|
-
* Рендерить ли в контейнер через портал.
|
|
45
|
-
*/
|
|
46
|
-
usePortal?: BaseModalProps['usePortal'];
|
|
47
|
-
/**
|
|
48
|
-
* Дополнительный класс
|
|
49
|
-
*/
|
|
50
|
-
className?: string;
|
|
51
|
-
/**
|
|
52
|
-
* Дополнительный класс
|
|
53
|
-
*/
|
|
54
|
-
contentClassName?: string;
|
|
55
|
-
/**
|
|
56
|
-
* Дополнительные пропсы на контейнер.
|
|
57
|
-
*/
|
|
58
|
-
containerProps?: HTMLAttributes<HTMLDivElement>;
|
|
59
|
-
/**
|
|
60
|
-
* Дополнительный класс
|
|
61
|
-
*/
|
|
62
|
-
containerClassName?: string;
|
|
63
|
-
/**
|
|
64
|
-
* Цвет фона
|
|
65
|
-
*/
|
|
66
|
-
backgroundColor?: Extract<BackgroundColorType, 'primary' | 'secondary'>;
|
|
67
|
-
/**
|
|
68
|
-
* Дополнительный класс шапки
|
|
69
|
-
*/
|
|
70
|
-
headerClassName?: string;
|
|
71
|
-
/**
|
|
72
|
-
* Дополнительный класс футера
|
|
73
|
-
*/
|
|
74
|
-
footerClassName?: string;
|
|
75
|
-
/**
|
|
76
|
-
* Дополнительный класс для аддонов
|
|
77
|
-
*/
|
|
78
|
-
addonClassName?: string;
|
|
79
|
-
/**
|
|
80
|
-
* Дополнительный класс для компонента крестика
|
|
81
|
-
*/
|
|
82
|
-
closerClassName?: string;
|
|
83
|
-
/**
|
|
84
|
-
* Дополнительный класс для компонента стрелки назад
|
|
85
|
-
*/
|
|
86
|
-
backerClassName?: string;
|
|
87
|
-
/**
|
|
88
|
-
* Дополнительный класс для компонента модального окна
|
|
89
|
-
*/
|
|
90
|
-
modalClassName?: string;
|
|
91
|
-
/**
|
|
92
|
-
* Дополнительный класс для обертки модального окна
|
|
93
|
-
*/
|
|
94
|
-
modalWrapperClassName?: string;
|
|
95
|
-
/**
|
|
96
|
-
* TransitionProps, прокидываются в компонент CSSTransitionProps.
|
|
97
|
-
*/
|
|
98
|
-
transitionProps?: Partial<TransitionProps>;
|
|
99
|
-
/**
|
|
100
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
101
|
-
*/
|
|
102
|
-
dataTestId?: string;
|
|
103
|
-
/**
|
|
104
|
-
* z-index компонента
|
|
105
|
-
*/
|
|
106
|
-
zIndex?: number;
|
|
107
|
-
/**
|
|
108
|
-
* Будет ли свайпаться шторка
|
|
109
|
-
* @default true
|
|
110
|
-
*/
|
|
111
|
-
swipeable?: boolean;
|
|
112
|
-
/**
|
|
113
|
-
* Слот слева
|
|
114
|
-
*/
|
|
115
|
-
leftAddons?: ReactNode;
|
|
116
|
-
/**
|
|
117
|
-
* Слот справа
|
|
118
|
-
*/
|
|
119
|
-
rightAddons?: ReactNode;
|
|
120
|
-
/**
|
|
121
|
-
* Слот снизу
|
|
122
|
-
*/
|
|
123
|
-
bottomAddons?: ReactNode;
|
|
124
|
-
/**
|
|
125
|
-
* Наличие компонента крестика
|
|
126
|
-
*/
|
|
127
|
-
hasCloser?: boolean;
|
|
128
|
-
/**
|
|
129
|
-
* Наличие компонента стрелки назад
|
|
130
|
-
*/
|
|
131
|
-
hasBacker?: boolean;
|
|
132
|
-
/**
|
|
133
|
-
* Выравнивание заголовка
|
|
134
|
-
*/
|
|
135
|
-
titleAlign?: BottomSheetTitleAlign;
|
|
136
|
-
/**
|
|
137
|
-
* Фиксирует шапку
|
|
138
|
-
*/
|
|
139
|
-
stickyHeader?: boolean;
|
|
140
|
-
/**
|
|
141
|
-
* Фиксирует футер
|
|
142
|
-
*/
|
|
143
|
-
stickyFooter?: boolean;
|
|
144
|
-
/**
|
|
145
|
-
* Высота шторки
|
|
146
|
-
*/
|
|
147
|
-
initialHeight?: 'default' | 'full';
|
|
148
|
-
/**
|
|
149
|
-
* Будет ли виден оверлэй
|
|
150
|
-
*/
|
|
151
|
-
hideOverlay?: boolean;
|
|
152
|
-
/**
|
|
153
|
-
* Будет ли видна шапка
|
|
154
|
-
*/
|
|
155
|
-
hideHeader?: boolean;
|
|
156
|
-
/**
|
|
157
|
-
* Будет ли обрезан заголовок
|
|
158
|
-
*/
|
|
159
|
-
trimTitle?: boolean;
|
|
160
|
-
/**
|
|
161
|
-
* Запретить закрытие шторки кликом на оверлэй
|
|
162
|
-
*/
|
|
163
|
-
disableOverlayClick?: boolean;
|
|
164
|
-
/**
|
|
165
|
-
* Отключает блокировку скролла при открытии модального окна
|
|
166
|
-
*/
|
|
167
|
-
disableBlockingScroll?: boolean;
|
|
168
|
-
/**
|
|
169
|
-
* Отключает ловушку фокуса
|
|
170
|
-
*/
|
|
171
|
-
disableFocusLock?: boolean;
|
|
172
|
-
/**
|
|
173
|
-
* @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
|
|
174
|
-
* Не анимировать шторку при изменении размера вьюпорта
|
|
175
|
-
*/
|
|
176
|
-
ignoreScreenChange?: boolean;
|
|
177
|
-
/**
|
|
178
|
-
* Свойства для Бэкдропа
|
|
179
|
-
*/
|
|
180
|
-
backdropProps?: BaseModalProps['backdropProps'];
|
|
181
|
-
/**
|
|
182
|
-
* Реф на контейнер, в котором происходит скролл
|
|
183
|
-
*/
|
|
184
|
-
scrollableContainerRef?: RefObject<HTMLElement>;
|
|
185
|
-
/**
|
|
186
|
-
* Реф для управления компонентом.
|
|
187
|
-
*/
|
|
188
|
-
bottomSheetInstanceRef?: RefObject<{
|
|
189
|
-
scrollToArea: (idx: number) => void;
|
|
190
|
-
}>;
|
|
191
|
-
/**
|
|
192
|
-
* Реф на контейнер, в котором находится шторка
|
|
193
|
-
*/
|
|
194
|
-
sheetContainerRef?: RefObject<HTMLElement>;
|
|
195
|
-
/**
|
|
196
|
-
* Магнитные области видимой высоты шторки.
|
|
197
|
-
* Можно использовать значения в пикселях - 10(число), либо в процентах - 10%(строка).
|
|
198
|
-
* По-умолчанию -[0, window.innerHeight - '24px']
|
|
199
|
-
* массив должен состоять минимум из 2 элементов
|
|
200
|
-
*/
|
|
201
|
-
magneticAreas?: Array<number | string>;
|
|
202
|
-
/**
|
|
203
|
-
* Индекс точки из magneticAreas, к которому нужно примагнититься при первом открытии шторки.
|
|
204
|
-
*/
|
|
205
|
-
initialActiveAreaIndex?: number;
|
|
206
|
-
/**
|
|
207
|
-
* Отключает скролл контентной области.
|
|
208
|
-
*/
|
|
209
|
-
scrollLocked?: boolean;
|
|
210
|
-
/**
|
|
211
|
-
* Скрыть скроллбар внутри шторки
|
|
212
|
-
*/
|
|
213
|
-
hideScrollbar?: boolean;
|
|
214
|
-
/**
|
|
215
|
-
* Обработчик закрытия
|
|
216
|
-
*/
|
|
217
|
-
onClose: () => void;
|
|
218
|
-
/**
|
|
219
|
-
* Обработчик нажатия на стрелку назад
|
|
220
|
-
*/
|
|
221
|
-
onBack?: () => void;
|
|
222
|
-
/**
|
|
223
|
-
* Вызывается после притягивания к одной из `magneticAreas`
|
|
224
|
-
*/
|
|
225
|
-
onMagnetize?: (index: number) => void;
|
|
226
|
-
};
|
|
227
|
-
export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, BottomSheetTitleAlign, BottomSheetProps };
|
package/cssm/utils-b64479aa.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
declare const TIMEOUT = 500;
|
|
2
|
-
declare const SWIPE_VELOCITY = 0.4;
|
|
3
|
-
declare const MARKER_HEIGHT = 24;
|
|
4
|
-
declare const HEADER_OFFSET = 24;
|
|
5
|
-
declare const CLOSE_OFFSET = 0.2;
|
|
6
|
-
declare const SCROLL_OFFSET = 1;
|
|
7
|
-
declare const convertPercentToNumber: (value: string | number, fullHeight: number) => number;
|
|
8
|
-
export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, HEADER_OFFSET, CLOSE_OFFSET, SCROLL_OFFSET, convertPercentToNumber };
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { FC, SVGProps } from "react";
|
|
4
|
-
import { ButtonProps } from "./index-ebda875c";
|
|
5
|
-
import { BaseSelectProps } from "./index-3e68f8db";
|
|
6
|
-
type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
|
|
7
|
-
type PickerButtonVariant = 'default' | 'compact';
|
|
8
|
-
type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
|
|
9
|
-
options: Array<BaseSelectProps['options'][0] & {
|
|
10
|
-
/**
|
|
11
|
-
* Иконка, отображающаяся слева от текстового представления пункта
|
|
12
|
-
*/
|
|
13
|
-
icon?: FC<SVGProps<SVGSVGElement>>;
|
|
14
|
-
}>;
|
|
15
|
-
/**
|
|
16
|
-
* Размер кнопки
|
|
17
|
-
*/
|
|
18
|
-
size?: PickerButtonSize;
|
|
19
|
-
/**
|
|
20
|
-
* Тип кнопки
|
|
21
|
-
*/
|
|
22
|
-
variant?: PickerButtonVariant;
|
|
23
|
-
/**
|
|
24
|
-
* Показывать стрелку
|
|
25
|
-
* @default true
|
|
26
|
-
*/
|
|
27
|
-
showArrow?: boolean;
|
|
28
|
-
};
|
|
29
|
-
declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "placeholder" | "onFocus" | "size" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow"> & Pick<ButtonProps, "rightAddons" | "leftAddons" | "view" | "loading"> & {
|
|
30
|
-
options: Array<BaseSelectProps['options'][0] & {
|
|
31
|
-
/**
|
|
32
|
-
* Иконка, отображающаяся слева от текстового представления пункта
|
|
33
|
-
*/
|
|
34
|
-
icon?: FC<SVGProps<SVGSVGElement>>;
|
|
35
|
-
}>;
|
|
36
|
-
/**
|
|
37
|
-
* Размер кнопки
|
|
38
|
-
*/
|
|
39
|
-
size?: PickerButtonSize | undefined;
|
|
40
|
-
/**
|
|
41
|
-
* Тип кнопки
|
|
42
|
-
*/
|
|
43
|
-
variant?: PickerButtonVariant | undefined;
|
|
44
|
-
/**
|
|
45
|
-
* Показывать стрелку
|
|
46
|
-
* @default true
|
|
47
|
-
*/
|
|
48
|
-
showArrow?: boolean | undefined;
|
|
49
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
50
|
-
export { PickerButtonSize, PickerButtonVariant, PickerButtonDesktopProps, PickerButtonDesktop };
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { ReactNode } from "react";
|
|
4
|
-
import { BottomSheetProps } from "./index-f12ee135";
|
|
5
|
-
import { BaseSelectProps } from "./typings-5e1b8383";
|
|
6
|
-
type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
|
|
7
|
-
/**
|
|
8
|
-
* Футер
|
|
9
|
-
* @deprecated Используйте bottomSheetProps.actionButton
|
|
10
|
-
*/
|
|
11
|
-
footer?: ReactNode;
|
|
12
|
-
/**
|
|
13
|
-
* Будет ли свайпаться шторка
|
|
14
|
-
* @deprecated Используйте bottomSheetProps.swipeable
|
|
15
|
-
*/
|
|
16
|
-
swipeable?: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* Отображать в BottomSheet
|
|
19
|
-
*/
|
|
20
|
-
isBottomSheet?: boolean;
|
|
21
|
-
/**
|
|
22
|
-
* Дополнительные пропсы шторки
|
|
23
|
-
*/
|
|
24
|
-
bottomSheetProps?: Partial<BottomSheetProps>;
|
|
25
|
-
/**
|
|
26
|
-
* Дополнительные пропсы модалки
|
|
27
|
-
*/
|
|
28
|
-
modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
|
|
29
|
-
/**
|
|
30
|
-
* Дополнительные пропсы шапки модалки
|
|
31
|
-
*/
|
|
32
|
-
modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
|
|
33
|
-
/**
|
|
34
|
-
* Дополнительные пропсы футера модалки
|
|
35
|
-
*/
|
|
36
|
-
modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
|
|
37
|
-
};
|
|
38
|
-
declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
|
|
39
|
-
/**
|
|
40
|
-
* Футер
|
|
41
|
-
* @deprecated Используйте bottomSheetProps.actionButton
|
|
42
|
-
*/
|
|
43
|
-
footer?: ReactNode;
|
|
44
|
-
/**
|
|
45
|
-
* Будет ли свайпаться шторка
|
|
46
|
-
* @deprecated Используйте bottomSheetProps.swipeable
|
|
47
|
-
*/
|
|
48
|
-
swipeable?: boolean | undefined;
|
|
49
|
-
/**
|
|
50
|
-
* Отображать в BottomSheet
|
|
51
|
-
*/
|
|
52
|
-
isBottomSheet?: boolean | undefined;
|
|
53
|
-
/**
|
|
54
|
-
* Дополнительные пропсы шторки
|
|
55
|
-
*/
|
|
56
|
-
bottomSheetProps?: Partial<BottomSheetProps> | undefined;
|
|
57
|
-
/**
|
|
58
|
-
* Дополнительные пропсы модалки
|
|
59
|
-
*/
|
|
60
|
-
modalProps?: Partial<import("./typings-bdb4c6b9").ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
|
|
61
|
-
/**
|
|
62
|
-
* Дополнительные пропсы шапки модалки
|
|
63
|
-
*/
|
|
64
|
-
modalHeaderProps?: Partial<import("./Component-5e1b8383").HeaderProps> | undefined;
|
|
65
|
-
/**
|
|
66
|
-
* Дополнительные пропсы футера модалки
|
|
67
|
-
*/
|
|
68
|
-
modalFooterProps?: Partial<import("./Component.mobile-b2c0420d").FooterProps> | undefined;
|
|
69
|
-
} & React.RefAttributes<unknown>>;
|
|
70
|
-
export * from "./Component.mobile-b2c0420d";
|
|
71
|
-
export { SelectMobileProps, BaseSelectMobile };
|
|
@@ -1,176 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { HTMLAttributes, ReactNode } from "react";
|
|
4
|
-
type FormControlProps = HTMLAttributes<HTMLDivElement> & {
|
|
5
|
-
/**
|
|
6
|
-
* Растягивает компонент на ширину контейнера
|
|
7
|
-
*/
|
|
8
|
-
block?: boolean;
|
|
9
|
-
/**
|
|
10
|
-
* Размер компонента
|
|
11
|
-
*/
|
|
12
|
-
size?: 's' | 'm' | 'l' | 'xl';
|
|
13
|
-
/**
|
|
14
|
-
* Набор цветов для компонента
|
|
15
|
-
*/
|
|
16
|
-
colors?: 'default' | 'inverted';
|
|
17
|
-
/**
|
|
18
|
-
* Заблокированное состояние
|
|
19
|
-
*/
|
|
20
|
-
disabled?: boolean;
|
|
21
|
-
/**
|
|
22
|
-
* Cостояние только для чтения
|
|
23
|
-
*/
|
|
24
|
-
readOnly?: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* Заполненное состояние
|
|
27
|
-
*/
|
|
28
|
-
filled?: boolean;
|
|
29
|
-
/**
|
|
30
|
-
* Выбранное (фокус) состояние
|
|
31
|
-
*/
|
|
32
|
-
focused?: boolean;
|
|
33
|
-
/**
|
|
34
|
-
* Отображение ошибки
|
|
35
|
-
*/
|
|
36
|
-
error?: ReactNode | boolean;
|
|
37
|
-
/**
|
|
38
|
-
* Текст подсказки
|
|
39
|
-
*/
|
|
40
|
-
hint?: ReactNode;
|
|
41
|
-
/**
|
|
42
|
-
* Лейбл компонента
|
|
43
|
-
*/
|
|
44
|
-
label?: ReactNode;
|
|
45
|
-
/**
|
|
46
|
-
* Вид лейбла внутри / снаружи
|
|
47
|
-
*/
|
|
48
|
-
labelView?: 'inner' | 'outer';
|
|
49
|
-
/**
|
|
50
|
-
* Слот слева
|
|
51
|
-
*/
|
|
52
|
-
leftAddons?: ReactNode;
|
|
53
|
-
/**
|
|
54
|
-
* Слот справа
|
|
55
|
-
*/
|
|
56
|
-
rightAddons?: ReactNode;
|
|
57
|
-
/**
|
|
58
|
-
* Слот под полем
|
|
59
|
-
*/
|
|
60
|
-
bottomAddons?: ReactNode;
|
|
61
|
-
/**
|
|
62
|
-
* Дополнительный класс
|
|
63
|
-
*/
|
|
64
|
-
className?: string;
|
|
65
|
-
/**
|
|
66
|
-
* Дополнительный класс для поля
|
|
67
|
-
*/
|
|
68
|
-
fieldClassName?: string;
|
|
69
|
-
/**
|
|
70
|
-
* Дополнительный класс для поля
|
|
71
|
-
*/
|
|
72
|
-
inputWrapperClassName?: string;
|
|
73
|
-
/**
|
|
74
|
-
* Дополнительный класс для лейбла
|
|
75
|
-
*/
|
|
76
|
-
labelClassName?: string;
|
|
77
|
-
/**
|
|
78
|
-
* Дополнительный класс для аддонов
|
|
79
|
-
*/
|
|
80
|
-
addonsClassName?: string;
|
|
81
|
-
/**
|
|
82
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
83
|
-
*/
|
|
84
|
-
dataTestId?: string;
|
|
85
|
-
/**
|
|
86
|
-
* Компонент поля (инпут, textarea и пр.)
|
|
87
|
-
*/
|
|
88
|
-
children?: ReactNode;
|
|
89
|
-
};
|
|
90
|
-
declare const FormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
|
91
|
-
/**
|
|
92
|
-
* Растягивает компонент на ширину контейнера
|
|
93
|
-
*/
|
|
94
|
-
block?: boolean | undefined;
|
|
95
|
-
/**
|
|
96
|
-
* Размер компонента
|
|
97
|
-
*/
|
|
98
|
-
size?: "s" | "m" | "l" | "xl" | undefined;
|
|
99
|
-
/**
|
|
100
|
-
* Набор цветов для компонента
|
|
101
|
-
*/
|
|
102
|
-
colors?: "default" | "inverted" | undefined;
|
|
103
|
-
/**
|
|
104
|
-
* Заблокированное состояние
|
|
105
|
-
*/
|
|
106
|
-
disabled?: boolean | undefined;
|
|
107
|
-
/**
|
|
108
|
-
* Cостояние только для чтения
|
|
109
|
-
*/
|
|
110
|
-
readOnly?: boolean | undefined;
|
|
111
|
-
/**
|
|
112
|
-
* Заполненное состояние
|
|
113
|
-
*/
|
|
114
|
-
filled?: boolean | undefined;
|
|
115
|
-
/**
|
|
116
|
-
* Выбранное (фокус) состояние
|
|
117
|
-
*/
|
|
118
|
-
focused?: boolean | undefined;
|
|
119
|
-
/**
|
|
120
|
-
* Отображение ошибки
|
|
121
|
-
*/
|
|
122
|
-
error?: ReactNode | boolean;
|
|
123
|
-
/**
|
|
124
|
-
* Текст подсказки
|
|
125
|
-
*/
|
|
126
|
-
hint?: ReactNode;
|
|
127
|
-
/**
|
|
128
|
-
* Лейбл компонента
|
|
129
|
-
*/
|
|
130
|
-
label?: ReactNode;
|
|
131
|
-
/**
|
|
132
|
-
* Вид лейбла внутри / снаружи
|
|
133
|
-
*/
|
|
134
|
-
labelView?: "inner" | "outer" | undefined;
|
|
135
|
-
/**
|
|
136
|
-
* Слот слева
|
|
137
|
-
*/
|
|
138
|
-
leftAddons?: ReactNode;
|
|
139
|
-
/**
|
|
140
|
-
* Слот справа
|
|
141
|
-
*/
|
|
142
|
-
rightAddons?: ReactNode;
|
|
143
|
-
/**
|
|
144
|
-
* Слот под полем
|
|
145
|
-
*/
|
|
146
|
-
bottomAddons?: ReactNode;
|
|
147
|
-
/**
|
|
148
|
-
* Дополнительный класс
|
|
149
|
-
*/
|
|
150
|
-
className?: string | undefined;
|
|
151
|
-
/**
|
|
152
|
-
* Дополнительный класс для поля
|
|
153
|
-
*/
|
|
154
|
-
fieldClassName?: string | undefined;
|
|
155
|
-
/**
|
|
156
|
-
* Дополнительный класс для поля
|
|
157
|
-
*/
|
|
158
|
-
inputWrapperClassName?: string | undefined;
|
|
159
|
-
/**
|
|
160
|
-
* Дополнительный класс для лейбла
|
|
161
|
-
*/
|
|
162
|
-
labelClassName?: string | undefined;
|
|
163
|
-
/**
|
|
164
|
-
* Дополнительный класс для аддонов
|
|
165
|
-
*/
|
|
166
|
-
addonsClassName?: string | undefined;
|
|
167
|
-
/**
|
|
168
|
-
* Идентификатор для систем автоматизированного тестирования
|
|
169
|
-
*/
|
|
170
|
-
dataTestId?: string | undefined;
|
|
171
|
-
/**
|
|
172
|
-
* Компонент поля (инпут, textarea и пр.)
|
|
173
|
-
*/
|
|
174
|
-
children?: ReactNode;
|
|
175
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
176
|
-
export { FormControlProps, FormControl };
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { FC, ReactNode } from "react";
|
|
4
|
-
import { ContentProps, ModalMobileProps } from "./typings-bdb4c6b9";
|
|
5
|
-
declare const Content: FC<ContentProps>;
|
|
6
|
-
type FooterProps = {
|
|
7
|
-
/**
|
|
8
|
-
* Контент футера
|
|
9
|
-
*/
|
|
10
|
-
children?: ReactNode;
|
|
11
|
-
/**
|
|
12
|
-
* Дополнительный класс
|
|
13
|
-
*/
|
|
14
|
-
className?: string;
|
|
15
|
-
/**
|
|
16
|
-
* Фиксирует футер
|
|
17
|
-
*/
|
|
18
|
-
sticky?: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* Выравнивание элементов футера
|
|
21
|
-
*/
|
|
22
|
-
layout?: "start" | "center" | "space-between" | "column";
|
|
23
|
-
/**
|
|
24
|
-
* Отступы между элементами футера
|
|
25
|
-
*/
|
|
26
|
-
gap?: 16 | 24 | 32;
|
|
27
|
-
};
|
|
28
|
-
declare const Footer: FC<FooterProps>;
|
|
29
|
-
declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
|
|
30
|
-
Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
|
|
31
|
-
Header: React.FC<import("./Component-5e1b8383").HeaderProps>;
|
|
32
|
-
Footer: React.FC<FooterProps>;
|
|
33
|
-
Closer: React.FC<import("./index-e81c389f").CloserProps>;
|
|
34
|
-
};
|
|
35
|
-
export { Content, FooterProps, Footer, ModalMobile };
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { AdditionalMobileProps } from "./index-3e68f8db";
|
|
4
|
-
import { PickerButtonDesktopProps } from "./Component-2aef4eba";
|
|
5
|
-
import { ButtonProps } from "./index-ebda875c";
|
|
6
|
-
type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, "OptionsList" | "Checkmark" | "onScroll"> & AdditionalMobileProps;
|
|
7
|
-
declare const PickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "onScroll" | "OptionsList" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<HTMLInputElement>>;
|
|
8
|
-
type PickerButtonMatchMedia = 'desktop' | 'mobile';
|
|
9
|
-
type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & {
|
|
10
|
-
/**
|
|
11
|
-
* Контрольная точка, с нее начинается desktop версия
|
|
12
|
-
* @default 1024
|
|
13
|
-
*/
|
|
14
|
-
breakpoint?: number;
|
|
15
|
-
};
|
|
16
|
-
declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("./index-3e68f8db").BaseSelectProps, "placeholder" | "onFocus" | "size" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow"> & Pick<ButtonProps, "rightAddons" | "leftAddons" | "view" | "loading"> & {
|
|
17
|
-
options: ((import("./index-3e68f8db").OptionShape | import("./index-3e68f8db").GroupShape) & {
|
|
18
|
-
icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
|
|
19
|
-
})[];
|
|
20
|
-
size?: import("./Component-2aef4eba").PickerButtonSize | undefined;
|
|
21
|
-
variant?: import("./Component-2aef4eba").PickerButtonVariant | undefined;
|
|
22
|
-
showArrow?: boolean | undefined;
|
|
23
|
-
} & AdditionalMobileProps & {
|
|
24
|
-
/**
|
|
25
|
-
* Контрольная точка, с нее начинается desktop версия
|
|
26
|
-
* @default 1024
|
|
27
|
-
*/
|
|
28
|
-
breakpoint?: number | undefined;
|
|
29
|
-
} & React.RefAttributes<HTMLInputElement>>;
|
|
30
|
-
export { PickerButtonMobileProps, PickerButtonMobile, PickerButtonMatchMedia, PickerButtonResponsiveProps, PickerButtonResponsive };
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from "react";
|
|
3
|
-
import { FC, RefObject, ReactNode } from "react";
|
|
4
|
-
import { NavigationBarProps } from "./index-e81c389f";
|
|
5
|
-
import { SwipeableHandlers } from "react-swipeable";
|
|
6
|
-
import { BackdropProps } from "./index-ebda875c";
|
|
7
|
-
import { BottomSheetProps } from "./types-fae20163";
|
|
8
|
-
type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
|
|
9
|
-
headerRef: RefObject<HTMLDivElement>;
|
|
10
|
-
};
|
|
11
|
-
declare const Header: FC<HeaderProps>;
|
|
12
|
-
type FooterProps = {
|
|
13
|
-
/**
|
|
14
|
-
* Контент футера
|
|
15
|
-
*/
|
|
16
|
-
children?: ReactNode;
|
|
17
|
-
/**
|
|
18
|
-
* Фиксирует футер
|
|
19
|
-
*/
|
|
20
|
-
sticky?: boolean;
|
|
21
|
-
/**
|
|
22
|
-
* Дополнительный класс
|
|
23
|
-
*/
|
|
24
|
-
className?: string;
|
|
25
|
-
};
|
|
26
|
-
declare const Footer: FC<FooterProps>;
|
|
27
|
-
type SwipeableBackdropProps = BackdropProps & {
|
|
28
|
-
/**
|
|
29
|
-
* Прозрачность бэкдропа
|
|
30
|
-
*/
|
|
31
|
-
opacity?: number;
|
|
32
|
-
/**
|
|
33
|
-
* Обработчики свайпа
|
|
34
|
-
*/
|
|
35
|
-
handlers?: SwipeableHandlers;
|
|
36
|
-
/**
|
|
37
|
-
* Время анимации opacity
|
|
38
|
-
*/
|
|
39
|
-
opacityTimeout?: number;
|
|
40
|
-
};
|
|
41
|
-
declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
|
|
42
|
-
declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
|
|
43
|
-
export { HeaderProps, Header, FooterProps, Footer, SwipeableBackdropProps, SwipeableBackdrop, BottomSheet };
|
package/esm/index-2aef4eba.d.ts
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export * from "./Component.responsive-2aef4eba";
|
|
2
|
-
export { PickerButtonResponsive as PickerButton };
|
|
3
|
-
export type { PickerButtonResponsiveProps as PickerButtonProps };
|
|
4
|
-
export type { PickerButtonDesktopProps, PickerButtonSize, PickerButtonVariant } from "./Component-2aef4eba";
|
|
5
|
-
export { getIcon } from "./index-701e77da";
|
package/esm/index-3885b0d7.d.ts
DELETED
package/esm/index-3ebe4754.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Component-3ebe4754";
|
package/esm/index-701e77da.d.ts
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var commonStyles = {"component":"tabs__component_ot1u0","fullWidthScroll":"tabs__fullWidthScroll_ot1u0","container":"tabs__container_ot1u0","title":"tabs__title_ot1u0","xxs":"tabs__xxs_ot1u0","xs":"tabs__xs_ot1u0","s":"tabs__s_ot1u0","m":"tabs__m_ot1u0","l":"tabs__l_ot1u0","xl":"tabs__xl_ot1u0"};
|
|
2
|
-
require('./components/secondary-tablist/index.css')
|
|
3
|
-
|
|
4
|
-
export { commonStyles as c };
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var commonStyles = {"component":"tabs__component_ibntg","fullWidthScroll":"tabs__fullWidthScroll_ibntg","container":"tabs__container_ibntg","title":"tabs__title_ibntg","disabled":"tabs__disabled_ibntg","focused":"tabs__focused_ibntg","collapsed":"tabs__collapsed_ibntg","selected":"tabs__selected_ibntg","line":"tabs__line_ibntg","s":"tabs__s_ibntg","xs":"tabs__xs_ibntg","xxs":"tabs__xxs_ibntg","pickerWrapper":"tabs__pickerWrapper_ibntg","option":"tabs__option_ibntg","m":"tabs__m_ibntg","l":"tabs__l_ibntg","xl":"tabs__xl_ibntg","rightAddons":"tabs__rightAddons_ibntg"};
|
|
2
|
-
require('./components/primary-tablist/index.css')
|
|
3
|
-
|
|
4
|
-
export { commonStyles as c };
|