@os-design/core 1.0.255 → 1.0.257
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/dist/@types/emotion.d.js +1 -0
- package/dist/Alert/index.d.ts +14 -0
- package/dist/Alert/index.d.ts.map +1 -0
- package/dist/Alert/index.js +83 -0
- package/dist/Avatar/index.d.ts +36 -0
- package/dist/Avatar/index.d.ts.map +1 -0
- package/dist/Avatar/index.js +130 -0
- package/dist/Avatar/utils/nameToInitials.d.ts.map +1 -0
- package/dist/Avatar/utils/nameToInitials.js +9 -0
- package/dist/Avatar/utils/strToHue.d.ts +6 -0
- package/dist/Avatar/utils/strToHue.d.ts.map +1 -0
- package/dist/Avatar/utils/strToHue.js +11 -0
- package/dist/AvatarSkeleton/index.d.ts +9 -0
- package/dist/AvatarSkeleton/index.d.ts.map +1 -0
- package/dist/AvatarSkeleton/index.js +26 -0
- package/dist/Badge/index.d.ts +31 -0
- package/dist/Badge/index.d.ts.map +1 -0
- package/dist/Badge/index.js +75 -0
- package/dist/Breadcrumb/index.d.ts +14 -0
- package/dist/Breadcrumb/index.d.ts.map +1 -0
- package/dist/Breadcrumb/index.js +70 -0
- package/dist/BreadcrumbItem/index.d.ts +24 -0
- package/dist/BreadcrumbItem/index.d.ts.map +1 -0
- package/dist/BreadcrumbItem/index.js +59 -0
- package/dist/Button/ButtonContent.d.ts +12 -0
- package/dist/Button/ButtonContent.d.ts.map +1 -0
- package/dist/Button/ButtonContent.js +67 -0
- package/dist/Button/index.d.ts +60 -0
- package/dist/Button/index.d.ts.map +1 -0
- package/dist/Button/index.js +131 -0
- package/dist/Button/utils/useButtonColors.d.ts +22 -0
- package/dist/Button/utils/useButtonColors.d.ts.map +1 -0
- package/dist/Button/utils/useButtonColors.js +57 -0
- package/dist/ButtonLink/index.d.ts +286 -0
- package/dist/ButtonLink/index.d.ts.map +1 -0
- package/dist/ButtonLink/index.js +81 -0
- package/dist/Checkbox/index.d.ts +30 -0
- package/dist/Checkbox/index.d.ts.map +1 -0
- package/dist/Checkbox/index.js +144 -0
- package/dist/CheckboxSkeleton/index.d.ts +15 -0
- package/dist/CheckboxSkeleton/index.d.ts.map +1 -0
- package/dist/CheckboxSkeleton/index.js +52 -0
- package/dist/DatePicker/DatePickerCalendar.d.ts +11 -0
- package/dist/DatePicker/DatePickerCalendar.d.ts.map +1 -0
- package/dist/DatePicker/DatePickerCalendar.js +178 -0
- package/dist/DatePicker/index.d.ts +114 -0
- package/dist/DatePicker/index.d.ts.map +1 -0
- package/dist/DatePicker/index.js +315 -0
- package/dist/Drawer/index.d.ts +33 -0
- package/dist/Drawer/index.d.ts.map +1 -0
- package/dist/Drawer/index.js +136 -0
- package/dist/Form/FormConfigContext.d.ts +10 -0
- package/dist/Form/FormConfigContext.d.ts.map +1 -0
- package/dist/Form/FormConfigContext.js +6 -0
- package/dist/Form/index.d.ts +15 -0
- package/dist/Form/index.d.ts.map +1 -0
- package/dist/Form/index.js +39 -0
- package/dist/FormDivider/index.d.ts +19 -0
- package/dist/FormDivider/index.d.ts.map +1 -0
- package/dist/FormDivider/index.js +61 -0
- package/dist/FormItem/index.d.ts +31 -0
- package/dist/FormItem/index.d.ts.map +1 -0
- package/dist/FormItem/index.js +82 -0
- package/dist/Gallery/Status.d.ts.map +1 -0
- package/dist/Gallery/Status.js +34 -0
- package/dist/Gallery/index.d.ts +34 -0
- package/dist/Gallery/index.d.ts.map +1 -0
- package/dist/Gallery/index.js +193 -0
- package/dist/GlobalStyles/index.d.ts.map +1 -0
- package/dist/GlobalStyles/index.js +14 -0
- package/dist/GlobalStyles/resetStyles.d.ts +5 -0
- package/dist/GlobalStyles/resetStyles.d.ts.map +1 -0
- package/dist/GlobalStyles/resetStyles.js +13 -0
- package/dist/GlobalStyles/typographyStyles.d.ts +5 -0
- package/dist/GlobalStyles/typographyStyles.d.ts.map +1 -0
- package/dist/GlobalStyles/typographyStyles.js +75 -0
- package/dist/HeaderSkeleton/index.d.ts +19 -0
- package/dist/HeaderSkeleton/index.d.ts.map +1 -0
- package/dist/HeaderSkeleton/index.js +37 -0
- package/dist/Image/index.d.ts +35 -0
- package/dist/Image/index.d.ts.map +1 -0
- package/dist/Image/index.js +52 -0
- package/dist/ImageSkeleton/index.d.ts +8 -0
- package/dist/ImageSkeleton/index.d.ts.map +1 -0
- package/dist/ImageSkeleton/index.js +18 -0
- package/dist/Input/index.d.ts +81 -0
- package/dist/Input/index.d.ts.map +1 -0
- package/dist/Input/index.js +192 -0
- package/dist/Input/utils/getFocusableElements.d.ts.map +1 -0
- package/dist/Input/utils/getFocusableElements.js +2 -0
- package/dist/InputNumber/index.d.ts +61 -0
- package/dist/InputNumber/index.d.ts.map +1 -0
- package/dist/InputNumber/index.js +122 -0
- package/dist/InputNumber/utils/defaultLocale.d.ts.map +1 -0
- package/dist/InputNumber/utils/defaultLocale.js +4 -0
- package/dist/InputPassword/index.d.ts +47 -0
- package/dist/InputPassword/index.d.ts.map +1 -0
- package/dist/InputPassword/index.js +129 -0
- package/dist/InputPassword/utils/defaultLocale.d.ts.map +1 -0
- package/dist/InputPassword/utils/defaultLocale.js +5 -0
- package/dist/InputSearch/index.d.ts +30 -0
- package/dist/InputSearch/index.d.ts.map +1 -0
- package/dist/InputSearch/index.js +72 -0
- package/dist/InputSearch/utils/defaultLocale.d.ts.map +1 -0
- package/dist/InputSearch/utils/defaultLocale.js +4 -0
- package/dist/InputSkeleton/index.d.ts +9 -0
- package/dist/InputSkeleton/index.d.ts.map +1 -0
- package/dist/InputSkeleton/index.js +21 -0
- package/dist/Layout/LayoutContext.d.ts +14 -0
- package/dist/Layout/LayoutContext.d.ts.map +1 -0
- package/dist/Layout/LayoutContext.js +7 -0
- package/dist/Layout/index.d.ts +24 -0
- package/dist/Layout/index.d.ts.map +1 -0
- package/dist/Layout/index.js +22 -0
- package/dist/Link/index.d.ts +37 -0
- package/dist/Link/index.d.ts.map +1 -0
- package/dist/Link/index.js +111 -0
- package/dist/LinkButton/index.d.ts +20 -0
- package/dist/LinkButton/index.d.ts.map +1 -0
- package/dist/LinkButton/index.js +57 -0
- package/dist/List/WindowScroller.d.ts +17 -0
- package/dist/List/WindowScroller.d.ts.map +1 -0
- package/dist/List/WindowScroller.js +33 -0
- package/dist/List/index.d.ts +67 -0
- package/dist/List/index.d.ts.map +1 -0
- package/dist/List/index.js +111 -0
- package/dist/List/utils/bodyPointerEvents.d.ts.map +1 -0
- package/dist/List/utils/bodyPointerEvents.js +20 -0
- package/dist/List/utils/frameTimeout.d.ts +12 -0
- package/dist/List/utils/frameTimeout.d.ts.map +1 -0
- package/dist/List/utils/frameTimeout.js +28 -0
- package/dist/List/utils/useRWLoadNext.d.ts +16 -0
- package/dist/List/utils/useRWLoadNext.d.ts.map +1 -0
- package/dist/List/utils/useRWLoadNext.js +26 -0
- package/dist/ListItem/index.d.ts +30 -0
- package/dist/ListItem/index.d.ts.map +1 -0
- package/dist/ListItem/index.js +70 -0
- package/dist/ListItemActions/index.d.ts +21 -0
- package/dist/ListItemActions/index.d.ts.map +1 -0
- package/dist/ListItemActions/index.js +135 -0
- package/dist/ListItemLink/index.d.ts +10 -0
- package/dist/ListItemLink/index.d.ts.map +1 -0
- package/dist/ListItemLink/index.js +60 -0
- package/dist/ListItemSkeleton/index.d.ts +24 -0
- package/dist/ListItemSkeleton/index.d.ts.map +1 -0
- package/dist/ListItemSkeleton/index.js +35 -0
- package/dist/ListSkeleton/index.d.ts +16 -0
- package/dist/ListSkeleton/index.d.ts.map +1 -0
- package/dist/ListSkeleton/index.js +37 -0
- package/dist/LogoLink/index.d.ts +15 -0
- package/dist/LogoLink/index.d.ts.map +1 -0
- package/dist/LogoLink/index.js +68 -0
- package/dist/Menu/index.d.ts +19 -0
- package/dist/Menu/index.d.ts.map +1 -0
- package/dist/Menu/index.js +88 -0
- package/dist/Menu/utils/useFocusWithArrows.d.ts +4 -0
- package/dist/Menu/utils/useFocusWithArrows.d.ts.map +1 -0
- package/dist/Menu/utils/useFocusWithArrows.js +29 -0
- package/dist/MenuDivider/index.d.ts +7 -0
- package/dist/MenuDivider/index.d.ts.map +1 -0
- package/dist/MenuDivider/index.js +20 -0
- package/dist/MenuGroup/index.d.ts +51 -0
- package/dist/MenuGroup/index.d.ts.map +1 -0
- package/dist/MenuGroup/index.js +107 -0
- package/dist/MenuItem/index.d.ts +19 -0
- package/dist/MenuItem/index.d.ts.map +1 -0
- package/dist/MenuItem/index.js +77 -0
- package/dist/Modal/index.d.ts +76 -0
- package/dist/Modal/index.d.ts.map +1 -0
- package/dist/Modal/index.js +264 -0
- package/dist/Modal/utils/defaultLocale.d.ts.map +1 -0
- package/dist/Modal/utils/defaultLocale.js +4 -0
- package/dist/Navigation/index.d.ts +22 -0
- package/dist/Navigation/index.d.ts.map +1 -0
- package/dist/Navigation/index.js +170 -0
- package/dist/Navigation/utils/useScrollFlags.d.ts +8 -0
- package/dist/Navigation/utils/useScrollFlags.d.ts.map +1 -0
- package/dist/Navigation/utils/useScrollFlags.js +24 -0
- package/dist/NavigationItem/index.d.ts +21 -0
- package/dist/NavigationItem/index.d.ts.map +1 -0
- package/dist/NavigationItem/index.js +103 -0
- package/dist/PageContent/index.d.ts +20 -0
- package/dist/PageContent/index.d.ts.map +1 -0
- package/dist/PageContent/index.js +66 -0
- package/dist/PageHeader/index.d.ts +60 -0
- package/dist/PageHeader/index.d.ts.map +1 -0
- package/dist/PageHeader/index.js +149 -0
- package/dist/PageHeader/utils/defaultLocale.d.ts.map +1 -0
- package/dist/PageHeader/utils/defaultLocale.js +4 -0
- package/dist/PageHeaderInputSearch/index.d.ts +25 -0
- package/dist/PageHeaderInputSearch/index.d.ts.map +1 -0
- package/dist/PageHeaderInputSearch/index.js +93 -0
- package/dist/PageHeaderInputSearch/utils/defaultLocale.d.ts +8 -0
- package/dist/PageHeaderInputSearch/utils/defaultLocale.d.ts.map +1 -0
- package/dist/PageHeaderInputSearch/utils/defaultLocale.js +7 -0
- package/dist/PageHeaderSkeleton/index.d.ts +10 -0
- package/dist/PageHeaderSkeleton/index.d.ts.map +1 -0
- package/dist/PageHeaderSkeleton/index.js +27 -0
- package/dist/ParagraphSkeleton/index.d.ts +24 -0
- package/dist/ParagraphSkeleton/index.d.ts.map +1 -0
- package/dist/ParagraphSkeleton/index.js +38 -0
- package/dist/Popover/index.d.ts +42 -0
- package/dist/Popover/index.d.ts.map +1 -0
- package/dist/Popover/index.js +156 -0
- package/dist/Popover/utils/usePopoverPosition.d.ts +47 -0
- package/dist/Popover/utils/usePopoverPosition.d.ts.map +1 -0
- package/dist/Popover/utils/usePopoverPosition.js +158 -0
- package/dist/Progress/index.d.ts +25 -0
- package/dist/Progress/index.d.ts.map +1 -0
- package/dist/Progress/index.js +68 -0
- package/dist/RadioGroup/index.d.ts +55 -0
- package/dist/RadioGroup/index.d.ts.map +1 -0
- package/dist/RadioGroup/index.js +85 -0
- package/dist/RadioGroupSkeleton/index.d.ts +15 -0
- package/dist/RadioGroupSkeleton/index.d.ts.map +1 -0
- package/dist/RadioGroupSkeleton/index.js +24 -0
- package/dist/Result/index.d.ts +31 -0
- package/dist/Result/index.d.ts.map +1 -0
- package/dist/Result/index.js +89 -0
- package/dist/ScrollButton/index.d.ts +25 -0
- package/dist/ScrollButton/index.d.ts.map +1 -0
- package/dist/ScrollButton/index.js +101 -0
- package/dist/ScrollButton/utils/useContainerPosition.d.ts +11 -0
- package/dist/ScrollButton/utils/useContainerPosition.d.ts.map +1 -0
- package/dist/ScrollButton/utils/useContainerPosition.js +32 -0
- package/dist/ScrollButton/utils/useVisibility.d.ts +12 -0
- package/dist/ScrollButton/utils/useVisibility.d.ts.map +1 -0
- package/dist/ScrollButton/utils/useVisibility.js +29 -0
- package/dist/Select/index.d.ts +230 -0
- package/dist/Select/index.d.ts.map +1 -0
- package/dist/Select/index.js +558 -0
- package/dist/Select/utils/defaultLocale.d.ts.map +1 -0
- package/dist/Select/utils/defaultLocale.js +5 -0
- package/dist/Skeleton/index.d.ts +14 -0
- package/dist/Skeleton/index.d.ts.map +1 -0
- package/dist/Skeleton/index.js +40 -0
- package/dist/Switch/index.d.ts +30 -0
- package/dist/Switch/index.d.ts.map +1 -0
- package/dist/Switch/index.js +126 -0
- package/dist/SwitchSkeleton/index.d.ts +9 -0
- package/dist/SwitchSkeleton/index.d.ts.map +1 -0
- package/dist/SwitchSkeleton/index.js +23 -0
- package/dist/Tag/index.d.ts +34 -0
- package/dist/Tag/index.d.ts.map +1 -0
- package/dist/Tag/index.js +54 -0
- package/dist/TagLink/index.d.ts +10 -0
- package/dist/TagLink/index.d.ts.map +1 -0
- package/dist/TagLink/index.js +44 -0
- package/dist/TagList/index.d.ts +15 -0
- package/dist/TagList/index.d.ts.map +1 -0
- package/dist/TagList/index.js +67 -0
- package/dist/TagListSkeleton/index.d.ts +19 -0
- package/dist/TagListSkeleton/index.d.ts.map +1 -0
- package/dist/TagListSkeleton/index.js +25 -0
- package/dist/TagSkeleton/index.d.ts +15 -0
- package/dist/TagSkeleton/index.d.ts.map +1 -0
- package/dist/TagSkeleton/index.js +25 -0
- package/dist/TextArea/index.d.ts +63 -0
- package/dist/TextArea/index.d.ts.map +1 -0
- package/dist/TextArea/index.js +118 -0
- package/dist/TextAreaSkeleton/index.d.ts +8 -0
- package/dist/TextAreaSkeleton/index.d.ts.map +1 -0
- package/dist/TextAreaSkeleton/index.js +17 -0
- package/dist/ThemeSwitcher/index.d.ts +284 -0
- package/dist/ThemeSwitcher/index.d.ts.map +1 -0
- package/dist/ThemeSwitcher/index.js +33 -0
- package/dist/TimePicker/index.d.ts +29 -0
- package/dist/TimePicker/index.d.ts.map +1 -0
- package/dist/TimePicker/index.js +95 -0
- package/dist/Video/index.d.ts +8 -0
- package/dist/Video/index.d.ts.map +1 -0
- package/dist/Video/index.js +34 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +130 -0
- package/dist/message/AlertIcon.d.ts.map +1 -0
- package/dist/message/AlertIcon.js +42 -0
- package/dist/message/Message.d.ts +8 -0
- package/dist/message/Message.d.ts.map +1 -0
- package/dist/message/Message.js +89 -0
- package/dist/message/index.d.ts +4 -0
- package/dist/message/index.d.ts.map +1 -0
- package/dist/message/index.js +58 -0
- package/dist/message/styles.d.ts.map +1 -0
- package/dist/message/styles.js +19 -0
- package/package.json +17 -18
- package/src/@types/emotion.d.ts +1 -1
- package/src/Alert/index.tsx +2 -2
- package/src/Avatar/index.tsx +4 -4
- package/src/Avatar/utils/strToHue.ts +0 -1
- package/src/AvatarSkeleton/index.tsx +2 -2
- package/src/Badge/index.tsx +2 -2
- package/src/Breadcrumb/index.tsx +6 -2
- package/src/BreadcrumbItem/index.tsx +2 -2
- package/src/Button/ButtonContent.tsx +1 -1
- package/src/Button/index.tsx +2 -2
- package/src/Button/utils/useButtonColors.ts +1 -1
- package/src/ButtonLink/index.tsx +7 -3
- package/src/Checkbox/index.tsx +2 -2
- package/src/CheckboxSkeleton/index.tsx +2 -2
- package/src/DatePicker/DatePickerCalendar.tsx +8 -3
- package/src/DatePicker/index.tsx +4 -2
- package/src/Drawer/index.tsx +3 -2
- package/src/Form/index.tsx +2 -2
- package/src/FormDivider/index.tsx +2 -2
- package/src/FormItem/index.tsx +2 -2
- package/src/Gallery/Status.tsx +1 -1
- package/src/Gallery/index.tsx +5 -3
- package/src/GlobalStyles/resetStyles.ts +2 -2
- package/src/GlobalStyles/typographyStyles.ts +2 -2
- package/src/HeaderSkeleton/index.tsx +2 -2
- package/src/Image/index.tsx +1 -1
- package/src/ImageSkeleton/index.tsx +2 -2
- package/src/Input/index.tsx +5 -5
- package/src/InputNumber/index.tsx +3 -3
- package/src/InputPassword/index.tsx +3 -4
- package/src/InputSearch/index.tsx +3 -3
- package/src/InputSkeleton/index.tsx +3 -3
- package/src/Link/index.tsx +1 -1
- package/src/LinkButton/index.tsx +6 -2
- package/src/List/WindowScroller.tsx +2 -3
- package/src/List/index.tsx +4 -6
- package/src/List/utils/bodyPointerEvents.ts +1 -1
- package/src/ListItem/index.tsx +1 -1
- package/src/ListItemActions/index.tsx +3 -3
- package/src/ListItemLink/index.tsx +4 -4
- package/src/ListItemSkeleton/index.tsx +2 -2
- package/src/ListSkeleton/index.tsx +5 -3
- package/src/LogoLink/index.tsx +3 -3
- package/src/Menu/index.tsx +2 -2
- package/src/Menu/utils/useFocusWithArrows.ts +2 -2
- package/src/MenuDivider/index.tsx +1 -1
- package/src/MenuItem/index.tsx +2 -8
- package/src/Modal/index.tsx +5 -4
- package/src/Navigation/utils/useScrollFlags.ts +1 -1
- package/src/NavigationItem/index.tsx +1 -1
- package/src/PageContent/index.tsx +1 -1
- package/src/PageHeader/index.tsx +1 -1
- package/src/PageHeaderInputSearch/index.tsx +4 -3
- package/src/PageHeaderInputSearch/utils/defaultLocale.ts +1 -1
- package/src/PageHeaderSkeleton/index.tsx +3 -3
- package/src/ParagraphSkeleton/index.tsx +2 -2
- package/src/Popover/index.tsx +6 -6
- package/src/Progress/index.tsx +2 -2
- package/src/RadioGroup/index.tsx +3 -3
- package/src/RadioGroupSkeleton/index.tsx +3 -3
- package/src/Result/index.tsx +1 -1
- package/src/ScrollButton/index.tsx +5 -5
- package/src/ScrollButton/utils/useContainerPosition.ts +1 -1
- package/src/ScrollButton/utils/useVisibility.ts +1 -1
- package/src/Select/index.tsx +5 -6
- package/src/Skeleton/index.tsx +1 -1
- package/src/Switch/index.tsx +2 -2
- package/src/SwitchSkeleton/index.tsx +3 -3
- package/src/Tag/index.tsx +1 -1
- package/src/TagLink/index.tsx +3 -3
- package/src/TagList/index.tsx +2 -2
- package/src/TagListSkeleton/index.tsx +2 -2
- package/src/TagSkeleton/index.tsx +3 -3
- package/src/TextArea/index.tsx +5 -5
- package/src/TextAreaSkeleton/index.tsx +2 -2
- package/src/ThemeSwitcher/index.tsx +2 -2
- package/src/TimePicker/index.tsx +2 -8
- package/src/Video/index.tsx +3 -2
- package/src/message/AlertIcon.tsx +1 -1
- package/src/message/Message.tsx +2 -2
- package/src/message/index.tsx +1 -2
- package/src/message/styles.ts +0 -1
- package/dist/cjs/@types/emotion.d.js +0 -4
- package/dist/cjs/@types/emotion.d.js.map +0 -1
- package/dist/cjs/Alert/index.js +0 -77
- package/dist/cjs/Alert/index.js.map +0 -1
- package/dist/cjs/Avatar/index.js +0 -100
- package/dist/cjs/Avatar/index.js.map +0 -1
- package/dist/cjs/Avatar/utils/nameToInitials.js +0 -15
- package/dist/cjs/Avatar/utils/nameToInitials.js.map +0 -1
- package/dist/cjs/Avatar/utils/strToHue.js +0 -19
- package/dist/cjs/Avatar/utils/strToHue.js.map +0 -1
- package/dist/cjs/AvatarSkeleton/index.js +0 -41
- package/dist/cjs/AvatarSkeleton/index.js.map +0 -1
- package/dist/cjs/Badge/index.js +0 -80
- package/dist/cjs/Badge/index.js.map +0 -1
- package/dist/cjs/Breadcrumb/index.js +0 -80
- package/dist/cjs/Breadcrumb/index.js.map +0 -1
- package/dist/cjs/BreadcrumbItem/index.js +0 -65
- package/dist/cjs/BreadcrumbItem/index.js.map +0 -1
- package/dist/cjs/Button/ButtonContent.js +0 -48
- package/dist/cjs/Button/ButtonContent.js.map +0 -1
- package/dist/cjs/Button/index.js +0 -108
- package/dist/cjs/Button/index.js.map +0 -1
- package/dist/cjs/Button/utils/useButtonColors.js +0 -62
- package/dist/cjs/Button/utils/useButtonColors.js.map +0 -1
- package/dist/cjs/ButtonLink/index.js +0 -94
- package/dist/cjs/ButtonLink/index.js.map +0 -1
- package/dist/cjs/Checkbox/index.js +0 -136
- package/dist/cjs/Checkbox/index.js.map +0 -1
- package/dist/cjs/CheckboxSkeleton/index.js +0 -67
- package/dist/cjs/CheckboxSkeleton/index.js.map +0 -1
- package/dist/cjs/DatePicker/DatePickerCalendar.js +0 -163
- package/dist/cjs/DatePicker/DatePickerCalendar.js.map +0 -1
- package/dist/cjs/DatePicker/index.js +0 -346
- package/dist/cjs/DatePicker/index.js.map +0 -1
- package/dist/cjs/Drawer/index.js +0 -116
- package/dist/cjs/Drawer/index.js.map +0 -1
- package/dist/cjs/Form/FormConfigContext.js +0 -14
- package/dist/cjs/Form/FormConfigContext.js.map +0 -1
- package/dist/cjs/Form/index.js +0 -44
- package/dist/cjs/Form/index.js.map +0 -1
- package/dist/cjs/FormDivider/index.js +0 -52
- package/dist/cjs/FormDivider/index.js.map +0 -1
- package/dist/cjs/FormItem/index.js +0 -96
- package/dist/cjs/FormItem/index.js.map +0 -1
- package/dist/cjs/Gallery/Status.js +0 -41
- package/dist/cjs/Gallery/Status.js.map +0 -1
- package/dist/cjs/Gallery/index.js +0 -198
- package/dist/cjs/Gallery/index.js.map +0 -1
- package/dist/cjs/GlobalStyles/index.js +0 -23
- package/dist/cjs/GlobalStyles/index.js.map +0 -1
- package/dist/cjs/GlobalStyles/resetStyles.js +0 -14
- package/dist/cjs/GlobalStyles/resetStyles.js.map +0 -1
- package/dist/cjs/GlobalStyles/typographyStyles.js +0 -44
- package/dist/cjs/GlobalStyles/typographyStyles.js.map +0 -1
- package/dist/cjs/HeaderSkeleton/index.js +0 -54
- package/dist/cjs/HeaderSkeleton/index.js.map +0 -1
- package/dist/cjs/Image/index.js +0 -73
- package/dist/cjs/Image/index.js.map +0 -1
- package/dist/cjs/ImageSkeleton/index.js +0 -31
- package/dist/cjs/ImageSkeleton/index.js.map +0 -1
- package/dist/cjs/Input/index.js +0 -167
- package/dist/cjs/Input/index.js.map +0 -1
- package/dist/cjs/Input/utils/getFocusableElements.js +0 -19
- package/dist/cjs/Input/utils/getFocusableElements.js.map +0 -1
- package/dist/cjs/InputNumber/index.js +0 -163
- package/dist/cjs/InputNumber/index.js.map +0 -1
- package/dist/cjs/InputNumber/utils/defaultLocale.js +0 -11
- package/dist/cjs/InputNumber/utils/defaultLocale.js.map +0 -1
- package/dist/cjs/InputPassword/index.js +0 -161
- package/dist/cjs/InputPassword/index.js.map +0 -1
- package/dist/cjs/InputPassword/utils/defaultLocale.js +0 -12
- package/dist/cjs/InputPassword/utils/defaultLocale.js.map +0 -1
- package/dist/cjs/InputSearch/index.js +0 -98
- package/dist/cjs/InputSearch/index.js.map +0 -1
- package/dist/cjs/InputSearch/utils/defaultLocale.js +0 -11
- package/dist/cjs/InputSearch/utils/defaultLocale.js.map +0 -1
- package/dist/cjs/InputSkeleton/index.js +0 -35
- package/dist/cjs/InputSkeleton/index.js.map +0 -1
- package/dist/cjs/Layout/LayoutContext.js +0 -15
- package/dist/cjs/Layout/LayoutContext.js.map +0 -1
- package/dist/cjs/Layout/index.js +0 -34
- package/dist/cjs/Layout/index.js.map +0 -1
- package/dist/cjs/Link/index.js +0 -72
- package/dist/cjs/Link/index.js.map +0 -1
- package/dist/cjs/LinkButton/index.js +0 -61
- package/dist/cjs/LinkButton/index.js.map +0 -1
- package/dist/cjs/List/WindowScroller.js +0 -46
- package/dist/cjs/List/WindowScroller.js.map +0 -1
- package/dist/cjs/List/index.js +0 -166
- package/dist/cjs/List/index.js.map +0 -1
- package/dist/cjs/List/utils/bodyPointerEvents.js +0 -27
- package/dist/cjs/List/utils/bodyPointerEvents.js.map +0 -1
- package/dist/cjs/List/utils/frameTimeout.js +0 -35
- package/dist/cjs/List/utils/frameTimeout.js.map +0 -1
- package/dist/cjs/List/utils/useRWLoadNext.js +0 -32
- package/dist/cjs/List/utils/useRWLoadNext.js.map +0 -1
- package/dist/cjs/ListItem/index.js +0 -61
- package/dist/cjs/ListItem/index.js.map +0 -1
- package/dist/cjs/ListItemActions/index.js +0 -138
- package/dist/cjs/ListItemActions/index.js.map +0 -1
- package/dist/cjs/ListItemLink/index.js +0 -63
- package/dist/cjs/ListItemLink/index.js.map +0 -1
- package/dist/cjs/ListItemSkeleton/index.js +0 -48
- package/dist/cjs/ListItemSkeleton/index.js.map +0 -1
- package/dist/cjs/ListSkeleton/index.js +0 -51
- package/dist/cjs/ListSkeleton/index.js.map +0 -1
- package/dist/cjs/LogoLink/index.js +0 -57
- package/dist/cjs/LogoLink/index.js.map +0 -1
- package/dist/cjs/Menu/index.js +0 -112
- package/dist/cjs/Menu/index.js.map +0 -1
- package/dist/cjs/Menu/utils/useFocusWithArrows.js +0 -41
- package/dist/cjs/Menu/utils/useFocusWithArrows.js.map +0 -1
- package/dist/cjs/MenuDivider/index.js +0 -33
- package/dist/cjs/MenuDivider/index.js.map +0 -1
- package/dist/cjs/MenuGroup/index.js +0 -128
- package/dist/cjs/MenuGroup/index.js.map +0 -1
- package/dist/cjs/MenuItem/index.js +0 -81
- package/dist/cjs/MenuItem/index.js.map +0 -1
- package/dist/cjs/Modal/index.js +0 -211
- package/dist/cjs/Modal/index.js.map +0 -1
- package/dist/cjs/Modal/utils/defaultLocale.js +0 -11
- package/dist/cjs/Modal/utils/defaultLocale.js.map +0 -1
- package/dist/cjs/Navigation/index.js +0 -81
- package/dist/cjs/Navigation/index.js.map +0 -1
- package/dist/cjs/Navigation/utils/useScrollFlags.js +0 -43
- package/dist/cjs/Navigation/utils/useScrollFlags.js.map +0 -1
- package/dist/cjs/NavigationItem/index.js +0 -75
- package/dist/cjs/NavigationItem/index.js.map +0 -1
- package/dist/cjs/PageContent/index.js +0 -64
- package/dist/cjs/PageContent/index.js.map +0 -1
- package/dist/cjs/PageHeader/index.js +0 -113
- package/dist/cjs/PageHeader/index.js.map +0 -1
- package/dist/cjs/PageHeader/utils/defaultLocale.js +0 -11
- package/dist/cjs/PageHeader/utils/defaultLocale.js.map +0 -1
- package/dist/cjs/PageHeaderInputSearch/index.js +0 -105
- package/dist/cjs/PageHeaderInputSearch/index.js.map +0 -1
- package/dist/cjs/PageHeaderInputSearch/utils/defaultLocale.js +0 -20
- package/dist/cjs/PageHeaderInputSearch/utils/defaultLocale.js.map +0 -1
- package/dist/cjs/PageHeaderSkeleton/index.js +0 -39
- package/dist/cjs/PageHeaderSkeleton/index.js.map +0 -1
- package/dist/cjs/ParagraphSkeleton/index.js +0 -55
- package/dist/cjs/ParagraphSkeleton/index.js.map +0 -1
- package/dist/cjs/Popover/index.js +0 -178
- package/dist/cjs/Popover/index.js.map +0 -1
- package/dist/cjs/Popover/utils/usePopoverPosition.js +0 -173
- package/dist/cjs/Popover/utils/usePopoverPosition.js.map +0 -1
- package/dist/cjs/Progress/index.js +0 -80
- package/dist/cjs/Progress/index.js.map +0 -1
- package/dist/cjs/RadioGroup/index.js +0 -95
- package/dist/cjs/RadioGroup/index.js.map +0 -1
- package/dist/cjs/RadioGroupSkeleton/index.js +0 -41
- package/dist/cjs/RadioGroupSkeleton/index.js.map +0 -1
- package/dist/cjs/Result/index.js +0 -58
- package/dist/cjs/Result/index.js.map +0 -1
- package/dist/cjs/ScrollButton/index.js +0 -109
- package/dist/cjs/ScrollButton/index.js.map +0 -1
- package/dist/cjs/ScrollButton/utils/useContainerPosition.js +0 -48
- package/dist/cjs/ScrollButton/utils/useContainerPosition.js.map +0 -1
- package/dist/cjs/ScrollButton/utils/useVisibility.js +0 -46
- package/dist/cjs/ScrollButton/utils/useVisibility.js.map +0 -1
- package/dist/cjs/Select/index.js +0 -543
- package/dist/cjs/Select/index.js.map +0 -1
- package/dist/cjs/Select/utils/defaultLocale.js +0 -12
- package/dist/cjs/Select/utils/defaultLocale.js.map +0 -1
- package/dist/cjs/Skeleton/index.js +0 -51
- package/dist/cjs/Skeleton/index.js.map +0 -1
- package/dist/cjs/Switch/index.js +0 -122
- package/dist/cjs/Switch/index.js.map +0 -1
- package/dist/cjs/SwitchSkeleton/index.js +0 -39
- package/dist/cjs/SwitchSkeleton/index.js.map +0 -1
- package/dist/cjs/Tag/index.js +0 -55
- package/dist/cjs/Tag/index.js.map +0 -1
- package/dist/cjs/TagLink/index.js +0 -49
- package/dist/cjs/TagLink/index.js.map +0 -1
- package/dist/cjs/TagList/index.js +0 -77
- package/dist/cjs/TagList/index.js.map +0 -1
- package/dist/cjs/TagListSkeleton/index.js +0 -40
- package/dist/cjs/TagListSkeleton/index.js.map +0 -1
- package/dist/cjs/TagSkeleton/index.js +0 -43
- package/dist/cjs/TagSkeleton/index.js.map +0 -1
- package/dist/cjs/TextArea/index.js +0 -142
- package/dist/cjs/TextArea/index.js.map +0 -1
- package/dist/cjs/TextAreaSkeleton/index.js +0 -31
- package/dist/cjs/TextAreaSkeleton/index.js.map +0 -1
- package/dist/cjs/ThemeSwitcher/index.js +0 -45
- package/dist/cjs/ThemeSwitcher/index.js.map +0 -1
- package/dist/cjs/TimePicker/index.js +0 -123
- package/dist/cjs/TimePicker/index.js.map +0 -1
- package/dist/cjs/Video/index.js +0 -38
- package/dist/cjs/Video/index.js.map +0 -1
- package/dist/cjs/index.js +0 -1244
- package/dist/cjs/index.js.map +0 -1
- package/dist/cjs/message/AlertIcon.js +0 -42
- package/dist/cjs/message/AlertIcon.js.map +0 -1
- package/dist/cjs/message/Message.js +0 -58
- package/dist/cjs/message/Message.js.map +0 -1
- package/dist/cjs/message/index.js +0 -75
- package/dist/cjs/message/index.js.map +0 -1
- package/dist/cjs/message/styles.js +0 -36
- package/dist/cjs/message/styles.js.map +0 -1
- package/dist/esm/@types/emotion.d.js +0 -2
- package/dist/esm/@types/emotion.d.js.map +0 -1
- package/dist/esm/Alert/index.js +0 -80
- package/dist/esm/Alert/index.js.map +0 -1
- package/dist/esm/Avatar/index.js +0 -122
- package/dist/esm/Avatar/index.js.map +0 -1
- package/dist/esm/Avatar/utils/nameToInitials.js +0 -10
- package/dist/esm/Avatar/utils/nameToInitials.js.map +0 -1
- package/dist/esm/Avatar/utils/strToHue.js +0 -13
- package/dist/esm/Avatar/utils/strToHue.js.map +0 -1
- package/dist/esm/AvatarSkeleton/index.js +0 -26
- package/dist/esm/AvatarSkeleton/index.js.map +0 -1
- package/dist/esm/Badge/index.js +0 -68
- package/dist/esm/Badge/index.js.map +0 -1
- package/dist/esm/Breadcrumb/index.js +0 -69
- package/dist/esm/Breadcrumb/index.js.map +0 -1
- package/dist/esm/BreadcrumbItem/index.js +0 -55
- package/dist/esm/BreadcrumbItem/index.js.map +0 -1
- package/dist/esm/Button/ButtonContent.js +0 -58
- package/dist/esm/Button/ButtonContent.js.map +0 -1
- package/dist/esm/Button/index.js +0 -133
- package/dist/esm/Button/index.js.map +0 -1
- package/dist/esm/Button/utils/useButtonColors.js +0 -58
- package/dist/esm/Button/utils/useButtonColors.js.map +0 -1
- package/dist/esm/ButtonLink/index.js +0 -78
- package/dist/esm/ButtonLink/index.js.map +0 -1
- package/dist/esm/Checkbox/index.js +0 -142
- package/dist/esm/Checkbox/index.js.map +0 -1
- package/dist/esm/CheckboxSkeleton/index.js +0 -50
- package/dist/esm/CheckboxSkeleton/index.js.map +0 -1
- package/dist/esm/DatePicker/DatePickerCalendar.js +0 -164
- package/dist/esm/DatePicker/DatePickerCalendar.js.map +0 -1
- package/dist/esm/DatePicker/index.js +0 -289
- package/dist/esm/DatePicker/index.js.map +0 -1
- package/dist/esm/Drawer/index.js +0 -131
- package/dist/esm/Drawer/index.js.map +0 -1
- package/dist/esm/Form/FormConfigContext.js +0 -7
- package/dist/esm/Form/FormConfigContext.js.map +0 -1
- package/dist/esm/Form/index.js +0 -38
- package/dist/esm/Form/index.js.map +0 -1
- package/dist/esm/FormDivider/index.js +0 -55
- package/dist/esm/FormDivider/index.js.map +0 -1
- package/dist/esm/FormItem/index.js +0 -75
- package/dist/esm/FormItem/index.js.map +0 -1
- package/dist/esm/Gallery/Status.js +0 -35
- package/dist/esm/Gallery/Status.js.map +0 -1
- package/dist/esm/Gallery/index.js +0 -184
- package/dist/esm/Gallery/index.js.map +0 -1
- package/dist/esm/GlobalStyles/index.js +0 -14
- package/dist/esm/GlobalStyles/index.js.map +0 -1
- package/dist/esm/GlobalStyles/resetStyles.js +0 -14
- package/dist/esm/GlobalStyles/resetStyles.js.map +0 -1
- package/dist/esm/GlobalStyles/typographyStyles.js +0 -76
- package/dist/esm/GlobalStyles/typographyStyles.js.map +0 -1
- package/dist/esm/HeaderSkeleton/index.js +0 -38
- package/dist/esm/HeaderSkeleton/index.js.map +0 -1
- package/dist/esm/Image/index.js +0 -53
- package/dist/esm/Image/index.js.map +0 -1
- package/dist/esm/ImageSkeleton/index.js +0 -19
- package/dist/esm/ImageSkeleton/index.js.map +0 -1
- package/dist/esm/Input/index.js +0 -187
- package/dist/esm/Input/index.js.map +0 -1
- package/dist/esm/Input/utils/getFocusableElements.js +0 -3
- package/dist/esm/Input/utils/getFocusableElements.js.map +0 -1
- package/dist/esm/InputNumber/index.js +0 -123
- package/dist/esm/InputNumber/index.js.map +0 -1
- package/dist/esm/InputNumber/utils/defaultLocale.js +0 -5
- package/dist/esm/InputNumber/utils/defaultLocale.js.map +0 -1
- package/dist/esm/InputPassword/index.js +0 -126
- package/dist/esm/InputPassword/index.js.map +0 -1
- package/dist/esm/InputPassword/utils/defaultLocale.js +0 -6
- package/dist/esm/InputPassword/utils/defaultLocale.js.map +0 -1
- package/dist/esm/InputSearch/index.js +0 -72
- package/dist/esm/InputSearch/index.js.map +0 -1
- package/dist/esm/InputSearch/utils/defaultLocale.js +0 -5
- package/dist/esm/InputSearch/utils/defaultLocale.js.map +0 -1
- package/dist/esm/InputSkeleton/index.js +0 -22
- package/dist/esm/InputSkeleton/index.js.map +0 -1
- package/dist/esm/Layout/LayoutContext.js +0 -8
- package/dist/esm/Layout/LayoutContext.js.map +0 -1
- package/dist/esm/Layout/index.js +0 -21
- package/dist/esm/Layout/index.js.map +0 -1
- package/dist/esm/Link/index.js +0 -110
- package/dist/esm/Link/index.js.map +0 -1
- package/dist/esm/LinkButton/index.js +0 -56
- package/dist/esm/LinkButton/index.js.map +0 -1
- package/dist/esm/List/WindowScroller.js +0 -33
- package/dist/esm/List/WindowScroller.js.map +0 -1
- package/dist/esm/List/index.js +0 -110
- package/dist/esm/List/index.js.map +0 -1
- package/dist/esm/List/utils/bodyPointerEvents.js +0 -21
- package/dist/esm/List/utils/bodyPointerEvents.js.map +0 -1
- package/dist/esm/List/utils/frameTimeout.js +0 -29
- package/dist/esm/List/utils/frameTimeout.js.map +0 -1
- package/dist/esm/List/utils/useRWLoadNext.js +0 -27
- package/dist/esm/List/utils/useRWLoadNext.js.map +0 -1
- package/dist/esm/ListItem/index.js +0 -59
- package/dist/esm/ListItem/index.js.map +0 -1
- package/dist/esm/ListItemActions/index.js +0 -133
- package/dist/esm/ListItemActions/index.js.map +0 -1
- package/dist/esm/ListItemLink/index.js +0 -58
- package/dist/esm/ListItemLink/index.js.map +0 -1
- package/dist/esm/ListItemSkeleton/index.js +0 -32
- package/dist/esm/ListItemSkeleton/index.js.map +0 -1
- package/dist/esm/ListSkeleton/index.js +0 -37
- package/dist/esm/ListSkeleton/index.js.map +0 -1
- package/dist/esm/LogoLink/index.js +0 -68
- package/dist/esm/LogoLink/index.js.map +0 -1
- package/dist/esm/Menu/index.js +0 -86
- package/dist/esm/Menu/index.js.map +0 -1
- package/dist/esm/Menu/utils/useFocusWithArrows.js +0 -30
- package/dist/esm/Menu/utils/useFocusWithArrows.js.map +0 -1
- package/dist/esm/MenuDivider/index.js +0 -21
- package/dist/esm/MenuDivider/index.js.map +0 -1
- package/dist/esm/MenuGroup/index.js +0 -105
- package/dist/esm/MenuGroup/index.js.map +0 -1
- package/dist/esm/MenuItem/index.js +0 -77
- package/dist/esm/MenuItem/index.js.map +0 -1
- package/dist/esm/Modal/index.js +0 -250
- package/dist/esm/Modal/index.js.map +0 -1
- package/dist/esm/Modal/utils/defaultLocale.js +0 -5
- package/dist/esm/Modal/utils/defaultLocale.js.map +0 -1
- package/dist/esm/Navigation/index.js +0 -165
- package/dist/esm/Navigation/index.js.map +0 -1
- package/dist/esm/Navigation/utils/useScrollFlags.js +0 -25
- package/dist/esm/Navigation/utils/useScrollFlags.js.map +0 -1
- package/dist/esm/NavigationItem/index.js +0 -98
- package/dist/esm/NavigationItem/index.js.map +0 -1
- package/dist/esm/PageContent/index.js +0 -66
- package/dist/esm/PageContent/index.js.map +0 -1
- package/dist/esm/PageHeader/index.js +0 -138
- package/dist/esm/PageHeader/index.js.map +0 -1
- package/dist/esm/PageHeader/utils/defaultLocale.js +0 -5
- package/dist/esm/PageHeader/utils/defaultLocale.js.map +0 -1
- package/dist/esm/PageHeaderInputSearch/index.js +0 -86
- package/dist/esm/PageHeaderInputSearch/index.js.map +0 -1
- package/dist/esm/PageHeaderInputSearch/utils/defaultLocale.js +0 -8
- package/dist/esm/PageHeaderInputSearch/utils/defaultLocale.js.map +0 -1
- package/dist/esm/PageHeaderSkeleton/index.js +0 -27
- package/dist/esm/PageHeaderSkeleton/index.js.map +0 -1
- package/dist/esm/ParagraphSkeleton/index.js +0 -39
- package/dist/esm/ParagraphSkeleton/index.js.map +0 -1
- package/dist/esm/Popover/index.js +0 -154
- package/dist/esm/Popover/index.js.map +0 -1
- package/dist/esm/Popover/utils/usePopoverPosition.js +0 -159
- package/dist/esm/Popover/utils/usePopoverPosition.js.map +0 -1
- package/dist/esm/Progress/index.js +0 -66
- package/dist/esm/Progress/index.js.map +0 -1
- package/dist/esm/RadioGroup/index.js +0 -82
- package/dist/esm/RadioGroup/index.js.map +0 -1
- package/dist/esm/RadioGroupSkeleton/index.js +0 -25
- package/dist/esm/RadioGroupSkeleton/index.js.map +0 -1
- package/dist/esm/Result/index.js +0 -78
- package/dist/esm/Result/index.js.map +0 -1
- package/dist/esm/ScrollButton/index.js +0 -99
- package/dist/esm/ScrollButton/index.js.map +0 -1
- package/dist/esm/ScrollButton/utils/useContainerPosition.js +0 -33
- package/dist/esm/ScrollButton/utils/useContainerPosition.js.map +0 -1
- package/dist/esm/ScrollButton/utils/useVisibility.js +0 -30
- package/dist/esm/ScrollButton/utils/useVisibility.js.map +0 -1
- package/dist/esm/Select/index.js +0 -530
- package/dist/esm/Select/index.js.map +0 -1
- package/dist/esm/Select/utils/defaultLocale.js +0 -6
- package/dist/esm/Select/utils/defaultLocale.js.map +0 -1
- package/dist/esm/Skeleton/index.js +0 -41
- package/dist/esm/Skeleton/index.js.map +0 -1
- package/dist/esm/Switch/index.js +0 -127
- package/dist/esm/Switch/index.js.map +0 -1
- package/dist/esm/SwitchSkeleton/index.js +0 -24
- package/dist/esm/SwitchSkeleton/index.js.map +0 -1
- package/dist/esm/Tag/index.js +0 -47
- package/dist/esm/Tag/index.js.map +0 -1
- package/dist/esm/TagLink/index.js +0 -40
- package/dist/esm/TagLink/index.js.map +0 -1
- package/dist/esm/TagList/index.js +0 -62
- package/dist/esm/TagList/index.js.map +0 -1
- package/dist/esm/TagListSkeleton/index.js +0 -25
- package/dist/esm/TagListSkeleton/index.js.map +0 -1
- package/dist/esm/TagSkeleton/index.js +0 -26
- package/dist/esm/TagSkeleton/index.js.map +0 -1
- package/dist/esm/TextArea/index.js +0 -113
- package/dist/esm/TextArea/index.js.map +0 -1
- package/dist/esm/TextAreaSkeleton/index.js +0 -17
- package/dist/esm/TextAreaSkeleton/index.js.map +0 -1
- package/dist/esm/ThemeSwitcher/index.js +0 -33
- package/dist/esm/ThemeSwitcher/index.js.map +0 -1
- package/dist/esm/TimePicker/index.js +0 -93
- package/dist/esm/TimePicker/index.js.map +0 -1
- package/dist/esm/Video/index.js +0 -32
- package/dist/esm/Video/index.js.map +0 -1
- package/dist/esm/index.js +0 -131
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/message/AlertIcon.js +0 -41
- package/dist/esm/message/AlertIcon.js.map +0 -1
- package/dist/esm/message/Message.js +0 -86
- package/dist/esm/message/Message.js.map +0 -1
- package/dist/esm/message/index.js +0 -59
- package/dist/esm/message/index.js.map +0 -1
- package/dist/esm/message/styles.js +0 -21
- package/dist/esm/message/styles.js.map +0 -1
- package/dist/types/Alert/index.d.ts +0 -9
- package/dist/types/Alert/index.d.ts.map +0 -1
- package/dist/types/Avatar/index.d.ts +0 -14
- package/dist/types/Avatar/index.d.ts.map +0 -1
- package/dist/types/Avatar/utils/nameToInitials.d.ts.map +0 -1
- package/dist/types/Avatar/utils/strToHue.d.ts +0 -3
- package/dist/types/Avatar/utils/strToHue.d.ts.map +0 -1
- package/dist/types/AvatarSkeleton/index.d.ts +0 -7
- package/dist/types/AvatarSkeleton/index.d.ts.map +0 -1
- package/dist/types/Badge/index.d.ts +0 -12
- package/dist/types/Badge/index.d.ts.map +0 -1
- package/dist/types/Breadcrumb/index.d.ts +0 -9
- package/dist/types/Breadcrumb/index.d.ts.map +0 -1
- package/dist/types/BreadcrumbItem/index.d.ts +0 -10
- package/dist/types/BreadcrumbItem/index.d.ts.map +0 -1
- package/dist/types/Button/ButtonContent.d.ts +0 -12
- package/dist/types/Button/ButtonContent.d.ts.map +0 -1
- package/dist/types/Button/index.d.ts +0 -25
- package/dist/types/Button/index.d.ts.map +0 -1
- package/dist/types/Button/utils/useButtonColors.d.ts +0 -22
- package/dist/types/Button/utils/useButtonColors.d.ts.map +0 -1
- package/dist/types/ButtonLink/index.d.ts +0 -284
- package/dist/types/ButtonLink/index.d.ts.map +0 -1
- package/dist/types/Checkbox/index.d.ts +0 -12
- package/dist/types/Checkbox/index.d.ts.map +0 -1
- package/dist/types/CheckboxSkeleton/index.d.ts +0 -9
- package/dist/types/CheckboxSkeleton/index.d.ts.map +0 -1
- package/dist/types/DatePicker/DatePickerCalendar.d.ts +0 -11
- package/dist/types/DatePicker/DatePickerCalendar.d.ts.map +0 -1
- package/dist/types/DatePicker/index.d.ts +0 -33
- package/dist/types/DatePicker/index.d.ts.map +0 -1
- package/dist/types/Drawer/index.d.ts +0 -13
- package/dist/types/Drawer/index.d.ts.map +0 -1
- package/dist/types/Form/FormConfigContext.d.ts +0 -7
- package/dist/types/Form/FormConfigContext.d.ts.map +0 -1
- package/dist/types/Form/index.d.ts +0 -9
- package/dist/types/Form/index.d.ts.map +0 -1
- package/dist/types/FormDivider/index.d.ts +0 -10
- package/dist/types/FormDivider/index.d.ts.map +0 -1
- package/dist/types/FormItem/index.d.ts +0 -12
- package/dist/types/FormItem/index.d.ts.map +0 -1
- package/dist/types/Gallery/Status.d.ts.map +0 -1
- package/dist/types/Gallery/index.d.ts +0 -13
- package/dist/types/Gallery/index.d.ts.map +0 -1
- package/dist/types/GlobalStyles/index.d.ts.map +0 -1
- package/dist/types/GlobalStyles/resetStyles.d.ts +0 -5
- package/dist/types/GlobalStyles/resetStyles.d.ts.map +0 -1
- package/dist/types/GlobalStyles/typographyStyles.d.ts +0 -5
- package/dist/types/GlobalStyles/typographyStyles.d.ts.map +0 -1
- package/dist/types/HeaderSkeleton/index.d.ts +0 -9
- package/dist/types/HeaderSkeleton/index.d.ts.map +0 -1
- package/dist/types/Image/index.d.ts +0 -12
- package/dist/types/Image/index.d.ts.map +0 -1
- package/dist/types/ImageSkeleton/index.d.ts +0 -6
- package/dist/types/ImageSkeleton/index.d.ts.map +0 -1
- package/dist/types/Input/index.d.ts +0 -32
- package/dist/types/Input/index.d.ts.map +0 -1
- package/dist/types/Input/utils/getFocusableElements.d.ts.map +0 -1
- package/dist/types/InputNumber/index.d.ts +0 -18
- package/dist/types/InputNumber/index.d.ts.map +0 -1
- package/dist/types/InputNumber/utils/defaultLocale.d.ts.map +0 -1
- package/dist/types/InputPassword/index.d.ts +0 -15
- package/dist/types/InputPassword/index.d.ts.map +0 -1
- package/dist/types/InputPassword/utils/defaultLocale.d.ts.map +0 -1
- package/dist/types/InputSearch/index.d.ts +0 -12
- package/dist/types/InputSearch/index.d.ts.map +0 -1
- package/dist/types/InputSearch/utils/defaultLocale.d.ts.map +0 -1
- package/dist/types/InputSkeleton/index.d.ts +0 -7
- package/dist/types/InputSkeleton/index.d.ts.map +0 -1
- package/dist/types/Layout/LayoutContext.d.ts +0 -8
- package/dist/types/Layout/LayoutContext.d.ts.map +0 -1
- package/dist/types/Layout/index.d.ts +0 -9
- package/dist/types/Layout/index.d.ts.map +0 -1
- package/dist/types/Link/index.d.ts +0 -21
- package/dist/types/Link/index.d.ts.map +0 -1
- package/dist/types/LinkButton/index.d.ts +0 -10
- package/dist/types/LinkButton/index.d.ts.map +0 -1
- package/dist/types/List/WindowScroller.d.ts +0 -13
- package/dist/types/List/WindowScroller.d.ts.map +0 -1
- package/dist/types/List/index.d.ts +0 -20
- package/dist/types/List/index.d.ts.map +0 -1
- package/dist/types/List/utils/bodyPointerEvents.d.ts.map +0 -1
- package/dist/types/List/utils/frameTimeout.d.ts +0 -6
- package/dist/types/List/utils/frameTimeout.d.ts.map +0 -1
- package/dist/types/List/utils/useRWLoadNext.d.ts +0 -12
- package/dist/types/List/utils/useRWLoadNext.d.ts.map +0 -1
- package/dist/types/ListItem/index.d.ts +0 -11
- package/dist/types/ListItem/index.d.ts.map +0 -1
- package/dist/types/ListItemActions/index.d.ts +0 -13
- package/dist/types/ListItemActions/index.d.ts.map +0 -1
- package/dist/types/ListItemLink/index.d.ts +0 -8
- package/dist/types/ListItemLink/index.d.ts.map +0 -1
- package/dist/types/ListItemSkeleton/index.d.ts +0 -10
- package/dist/types/ListItemSkeleton/index.d.ts.map +0 -1
- package/dist/types/ListSkeleton/index.d.ts +0 -10
- package/dist/types/ListSkeleton/index.d.ts.map +0 -1
- package/dist/types/LogoLink/index.d.ts +0 -10
- package/dist/types/LogoLink/index.d.ts.map +0 -1
- package/dist/types/Menu/index.d.ts +0 -9
- package/dist/types/Menu/index.d.ts.map +0 -1
- package/dist/types/Menu/utils/useFocusWithArrows.d.ts +0 -4
- package/dist/types/Menu/utils/useFocusWithArrows.d.ts.map +0 -1
- package/dist/types/MenuDivider/index.d.ts +0 -5
- package/dist/types/MenuDivider/index.d.ts.map +0 -1
- package/dist/types/MenuGroup/index.d.ts +0 -19
- package/dist/types/MenuGroup/index.d.ts.map +0 -1
- package/dist/types/MenuItem/index.d.ts +0 -9
- package/dist/types/MenuItem/index.d.ts.map +0 -1
- package/dist/types/Modal/index.d.ts +0 -26
- package/dist/types/Modal/index.d.ts.map +0 -1
- package/dist/types/Modal/utils/defaultLocale.d.ts.map +0 -1
- package/dist/types/Navigation/index.d.ts +0 -9
- package/dist/types/Navigation/index.d.ts.map +0 -1
- package/dist/types/Navigation/utils/useScrollFlags.d.ts +0 -8
- package/dist/types/Navigation/utils/useScrollFlags.d.ts.map +0 -1
- package/dist/types/NavigationItem/index.d.ts +0 -10
- package/dist/types/NavigationItem/index.d.ts.map +0 -1
- package/dist/types/PageContent/index.d.ts +0 -9
- package/dist/types/PageContent/index.d.ts.map +0 -1
- package/dist/types/PageHeader/index.d.ts +0 -25
- package/dist/types/PageHeader/index.d.ts.map +0 -1
- package/dist/types/PageHeader/utils/defaultLocale.d.ts.map +0 -1
- package/dist/types/PageHeaderInputSearch/index.d.ts +0 -11
- package/dist/types/PageHeaderInputSearch/index.d.ts.map +0 -1
- package/dist/types/PageHeaderInputSearch/utils/defaultLocale.d.ts +0 -8
- package/dist/types/PageHeaderInputSearch/utils/defaultLocale.d.ts.map +0 -1
- package/dist/types/PageHeaderSkeleton/index.d.ts +0 -7
- package/dist/types/PageHeaderSkeleton/index.d.ts.map +0 -1
- package/dist/types/ParagraphSkeleton/index.d.ts +0 -10
- package/dist/types/ParagraphSkeleton/index.d.ts.map +0 -1
- package/dist/types/Popover/index.d.ts +0 -15
- package/dist/types/Popover/index.d.ts.map +0 -1
- package/dist/types/Popover/utils/usePopoverPosition.d.ts +0 -24
- package/dist/types/Popover/utils/usePopoverPosition.d.ts.map +0 -1
- package/dist/types/Progress/index.d.ts +0 -11
- package/dist/types/Progress/index.d.ts.map +0 -1
- package/dist/types/RadioGroup/index.d.ts +0 -19
- package/dist/types/RadioGroup/index.d.ts.map +0 -1
- package/dist/types/RadioGroupSkeleton/index.d.ts +0 -9
- package/dist/types/RadioGroupSkeleton/index.d.ts.map +0 -1
- package/dist/types/Result/index.d.ts +0 -12
- package/dist/types/Result/index.d.ts.map +0 -1
- package/dist/types/ScrollButton/index.d.ts +0 -10
- package/dist/types/ScrollButton/index.d.ts.map +0 -1
- package/dist/types/ScrollButton/utils/useContainerPosition.d.ts +0 -8
- package/dist/types/ScrollButton/utils/useContainerPosition.d.ts.map +0 -1
- package/dist/types/ScrollButton/utils/useVisibility.d.ts +0 -9
- package/dist/types/ScrollButton/utils/useVisibility.d.ts.map +0 -1
- package/dist/types/Select/index.d.ts +0 -110
- package/dist/types/Select/index.d.ts.map +0 -1
- package/dist/types/Select/utils/defaultLocale.d.ts.map +0 -1
- package/dist/types/Skeleton/index.d.ts +0 -8
- package/dist/types/Skeleton/index.d.ts.map +0 -1
- package/dist/types/Switch/index.d.ts +0 -12
- package/dist/types/Switch/index.d.ts.map +0 -1
- package/dist/types/SwitchSkeleton/index.d.ts +0 -7
- package/dist/types/SwitchSkeleton/index.d.ts.map +0 -1
- package/dist/types/Tag/index.d.ts +0 -23
- package/dist/types/Tag/index.d.ts.map +0 -1
- package/dist/types/TagLink/index.d.ts +0 -8
- package/dist/types/TagLink/index.d.ts.map +0 -1
- package/dist/types/TagList/index.d.ts +0 -9
- package/dist/types/TagList/index.d.ts.map +0 -1
- package/dist/types/TagListSkeleton/index.d.ts +0 -9
- package/dist/types/TagListSkeleton/index.d.ts.map +0 -1
- package/dist/types/TagSkeleton/index.d.ts +0 -9
- package/dist/types/TagSkeleton/index.d.ts.map +0 -1
- package/dist/types/TextArea/index.d.ts +0 -18
- package/dist/types/TextArea/index.d.ts.map +0 -1
- package/dist/types/TextAreaSkeleton/index.d.ts +0 -6
- package/dist/types/TextAreaSkeleton/index.d.ts.map +0 -1
- package/dist/types/ThemeSwitcher/index.d.ts +0 -282
- package/dist/types/ThemeSwitcher/index.d.ts.map +0 -1
- package/dist/types/TimePicker/index.d.ts +0 -11
- package/dist/types/TimePicker/index.d.ts.map +0 -1
- package/dist/types/Video/index.d.ts +0 -6
- package/dist/types/Video/index.d.ts.map +0 -1
- package/dist/types/index.d.ts.map +0 -1
- package/dist/types/message/AlertIcon.d.ts.map +0 -1
- package/dist/types/message/Message.d.ts +0 -9
- package/dist/types/message/Message.d.ts.map +0 -1
- package/dist/types/message/index.d.ts +0 -4
- package/dist/types/message/index.d.ts.map +0 -1
- package/dist/types/message/styles.d.ts.map +0 -1
- /package/dist/{types/Avatar → Avatar}/utils/nameToInitials.d.ts +0 -0
- /package/dist/{types/Gallery → Gallery}/Status.d.ts +0 -0
- /package/dist/{types/GlobalStyles → GlobalStyles}/index.d.ts +0 -0
- /package/dist/{types/Input → Input}/utils/getFocusableElements.d.ts +0 -0
- /package/dist/{types/InputNumber → InputNumber}/utils/defaultLocale.d.ts +0 -0
- /package/dist/{types/InputPassword → InputPassword}/utils/defaultLocale.d.ts +0 -0
- /package/dist/{types/InputSearch → InputSearch}/utils/defaultLocale.d.ts +0 -0
- /package/dist/{types/List → List}/utils/bodyPointerEvents.d.ts +0 -0
- /package/dist/{types/Modal → Modal}/utils/defaultLocale.d.ts +0 -0
- /package/dist/{types/PageHeader → PageHeader}/utils/defaultLocale.d.ts +0 -0
- /package/dist/{types/Select → Select}/utils/defaultLocale.d.ts +0 -0
- /package/dist/{types/index.d.ts → index.d.ts} +0 -0
- /package/dist/{types/message → message}/AlertIcon.d.ts +0 -0
- /package/dist/{types/message → message}/styles.d.ts +0 -0
package/dist/cjs/Drawer/index.js
DELETED
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.useCloseDrawer = exports["default"] = void 0;
|
|
8
|
-
var _react = require("@emotion/react");
|
|
9
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
10
|
-
var _portal = _interopRequireDefault(require("@os-design/portal"));
|
|
11
|
-
var _styles = require("@os-design/styles");
|
|
12
|
-
var _theming = require("@os-design/theming");
|
|
13
|
-
var _utils = require("@os-design/utils");
|
|
14
|
-
var _react2 = _interopRequireWildcard(require("react"));
|
|
15
|
-
var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
|
|
16
|
-
var _Modal = require("../Modal");
|
|
17
|
-
var _excluded = ["placement", "width", "visible", "onClose", "size", "children", "onClick"];
|
|
18
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
|
|
19
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
20
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
21
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
22
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
23
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
24
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
25
|
-
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
26
|
-
var DRAWER_CONTAINER_Z_INDEX = 1000;
|
|
27
|
-
var DRAWER_BOX_SHADOW_SIZE_EM = 1;
|
|
28
|
-
var DrawerMask = (0, _styled["default"])(_Modal.ModalMask)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n z-index: ", ";\n"])), DRAWER_CONTAINER_Z_INDEX);
|
|
29
|
-
var Container = _styled["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n height: 100%;\n z-index: ", ";\n"])), DRAWER_CONTAINER_Z_INDEX);
|
|
30
|
-
var placementLeftFadeIn = (0, _react.keyframes)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n from { transform: translateX(calc(-100% - ", "em)); }\n to { transform: translateX(0); }\n"])), DRAWER_BOX_SHADOW_SIZE_EM);
|
|
31
|
-
var placementLeftFadeOut = (0, _react.keyframes)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n from { transform: translateX(0); }\n to { transform: translateX(calc(-100% - ", "em)); }\n"])), DRAWER_BOX_SHADOW_SIZE_EM);
|
|
32
|
-
var placementRightFadeIn = (0, _react.keyframes)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n from { transform: translateX(calc(100vw + ", "em)); }\n to { transform: translateX(calc(100vw - 100%)); }\n"])), DRAWER_BOX_SHADOW_SIZE_EM);
|
|
33
|
-
var placementRightFadeOut = (0, _react.keyframes)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n from { transform: translateX(calc(100vw - 100%)); }\n to { transform: translateX(calc(100vw + ", "em)); }\n"])), DRAWER_BOX_SHADOW_SIZE_EM);
|
|
34
|
-
var placementLeftVisibleStyles = function placementLeftVisibleStyles(p) {
|
|
35
|
-
return p.placement === 'left' && p.visible && (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n animation: ", " ", "ms forwards;\n "])), placementLeftFadeIn, p.theme.transitionDelay);
|
|
36
|
-
};
|
|
37
|
-
var placementLeftInvisibleStyles = function placementLeftInvisibleStyles(p) {
|
|
38
|
-
return p.placement === 'left' && !p.visible && (0, _react.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n animation: ", " ", "ms forwards;\n "])), placementLeftFadeOut, p.theme.transitionDelay);
|
|
39
|
-
};
|
|
40
|
-
var placementRightVisibleStyles = function placementRightVisibleStyles(p) {
|
|
41
|
-
return p.placement === 'right' && p.visible && (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n animation: ", " ", "ms forwards;\n "])), placementRightFadeIn, p.theme.transitionDelay);
|
|
42
|
-
};
|
|
43
|
-
var placementRightInvisibleStyles = function placementRightInvisibleStyles(p) {
|
|
44
|
-
return p.placement === 'right' && !p.visible && (0, _react.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n animation: ", " ", "ms forwards;\n "])), placementRightFadeOut, p.theme.transitionDelay);
|
|
45
|
-
};
|
|
46
|
-
var Content = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('placement', 'width', 'visible', 'size'))(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n ", ";\n\n position: absolute;\n top: 0;\n bottom: 0;\n width: ", ";\n max-width: 90%;\n padding-bottom: env(safe-area-inset-bottom);\n\n background-color: ", ";\n color: ", ";\n box-shadow: 0 0 ", "em\n ", ";\n\n ", ";\n ", ";\n ", ";\n ", ";\n\n ", ";\n ", ";\n"])), _styles.resetFocusStyles, function (p) {
|
|
47
|
-
return p.width;
|
|
48
|
-
}, function (p) {
|
|
49
|
-
return (0, _theming.clr)(p.theme.colorBg);
|
|
50
|
-
}, function (p) {
|
|
51
|
-
return (0, _theming.clr)(p.theme.colorText);
|
|
52
|
-
}, DRAWER_BOX_SHADOW_SIZE_EM, function (p) {
|
|
53
|
-
return (0, _theming.clr)(p.theme.drawerColorBoxShadow);
|
|
54
|
-
}, placementLeftVisibleStyles, placementLeftInvisibleStyles, placementRightVisibleStyles, placementRightInvisibleStyles, (0, _styles.enableScrollingStyles)('y'), _styles.sizeStyles);
|
|
55
|
-
var CloseDrawerContext = /*#__PURE__*/_react2["default"].createContext(function () {});
|
|
56
|
-
var useCloseDrawer = exports.useCloseDrawer = function useCloseDrawer() {
|
|
57
|
-
return (0, _react2.useContext)(CloseDrawerContext);
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
/**
|
|
61
|
-
* The side panel that appears from the edge of the screen.
|
|
62
|
-
*/
|
|
63
|
-
var Drawer = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
|
|
64
|
-
var _ref$placement = _ref.placement,
|
|
65
|
-
placement = _ref$placement === void 0 ? 'right' : _ref$placement,
|
|
66
|
-
_ref$width = _ref.width,
|
|
67
|
-
width = _ref$width === void 0 ? '15em' : _ref$width,
|
|
68
|
-
_ref$visible = _ref.visible,
|
|
69
|
-
visible = _ref$visible === void 0 ? false : _ref$visible,
|
|
70
|
-
_ref$onClose = _ref.onClose,
|
|
71
|
-
onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose,
|
|
72
|
-
size = _ref.size,
|
|
73
|
-
children = _ref.children,
|
|
74
|
-
_ref$onClick = _ref.onClick,
|
|
75
|
-
onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
|
|
76
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
77
|
-
var _useTheme = (0, _theming.useTheme)(),
|
|
78
|
-
theme = _useTheme.theme;
|
|
79
|
-
var mounted = (0, _utils.useClosable)(visible, theme.transitionDelay);
|
|
80
|
-
(0, _utils.useBodyScroll)(!visible);
|
|
81
|
-
var clickHandler = (0, _react2.useCallback)(function (e) {
|
|
82
|
-
e.stopPropagation();
|
|
83
|
-
onClick(e);
|
|
84
|
-
}, [onClick]);
|
|
85
|
-
var keyDownHandler = (0, _react2.useCallback)(function (e) {
|
|
86
|
-
if (e.key === 'Escape') {
|
|
87
|
-
e.stopPropagation();
|
|
88
|
-
onClose();
|
|
89
|
-
}
|
|
90
|
-
}, [onClose]);
|
|
91
|
-
if (!mounted) return null;
|
|
92
|
-
return /*#__PURE__*/_react2["default"].createElement(_portal["default"], null, /*#__PURE__*/_react2["default"].createElement(DrawerMask, {
|
|
93
|
-
visible: visible
|
|
94
|
-
}), /*#__PURE__*/_react2["default"].createElement(Container, {
|
|
95
|
-
onClick: onClose
|
|
96
|
-
}, /*#__PURE__*/_react2["default"].createElement(_reactFocusLock["default"], {
|
|
97
|
-
autoFocus: true
|
|
98
|
-
}, /*#__PURE__*/_react2["default"].createElement(CloseDrawerContext.Provider, {
|
|
99
|
-
value: onClose
|
|
100
|
-
}, /*#__PURE__*/_react2["default"].createElement(Content, _extends({
|
|
101
|
-
placement: placement,
|
|
102
|
-
width: width,
|
|
103
|
-
visible: visible,
|
|
104
|
-
size: size,
|
|
105
|
-
tabIndex: -1,
|
|
106
|
-
onKeyDown: keyDownHandler,
|
|
107
|
-
onClick: clickHandler,
|
|
108
|
-
role: "dialog",
|
|
109
|
-
"aria-modal": true
|
|
110
|
-
}, rest, {
|
|
111
|
-
ref: ref
|
|
112
|
-
}), children)))));
|
|
113
|
-
});
|
|
114
|
-
Drawer.displayName = 'Drawer';
|
|
115
|
-
var _default = exports["default"] = Drawer;
|
|
116
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_portal","_styles","_theming","_utils","_react2","_interopRequireWildcard","_reactFocusLock","_Modal","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","s","includes","propertyIsEnumerable","_taggedTemplateLiteral","slice","freeze","defineProperties","raw","value","DRAWER_CONTAINER_Z_INDEX","DRAWER_BOX_SHADOW_SIZE_EM","DrawerMask","styled","ModalMask","Container","div","placementLeftFadeIn","keyframes","placementLeftFadeOut","placementRightFadeIn","placementRightFadeOut","placementLeftVisibleStyles","p","placement","visible","css","theme","transitionDelay","placementLeftInvisibleStyles","placementRightVisibleStyles","placementRightInvisibleStyles","Content","omitEmotionProps","resetFocusStyles","width","clr","colorBg","colorText","drawerColorBoxShadow","enableScrollingStyles","sizeStyles","CloseDrawerContext","React","createContext","useCloseDrawer","exports","useContext","Drawer","forwardRef","_ref","ref","_ref$placement","_ref$width","_ref$visible","_ref$onClose","onClose","size","children","_ref$onClick","onClick","rest","_useTheme","useTheme","mounted","useClosable","useBodyScroll","clickHandler","useCallback","stopPropagation","keyDownHandler","key","createElement","autoFocus","Provider","tabIndex","onKeyDown","role","displayName","_default"],"sources":["../../../src/Drawer/index.tsx"],"sourcesContent":["import { css, keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport Portal from '@os-design/portal';\nimport {\n WithSize,\n enableScrollingStyles,\n resetFocusStyles,\n sizeStyles,\n} from '@os-design/styles';\nimport { clr, useTheme } from '@os-design/theming';\nimport { omitEmotionProps, useBodyScroll, useClosable } from '@os-design/utils';\nimport React, { forwardRef, useCallback, useContext } from 'react';\nimport FocusLock from 'react-focus-lock';\nimport { ModalMask } from '../Modal';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface DrawerProps extends JsxDivProps, WithSize {\n /**\n * The placement of the drawer.\n * @default right\n */\n placement?: 'left' | 'right';\n /**\n * The width of the drawer.\n * @default 15em\n */\n width?: string;\n /**\n * Whether the drawer is visible.\n * @default false\n */\n visible?: boolean;\n /**\n * Specifies a callback that will be called when a user clicks the mask.\n * The callback should set the visible state to false.\n * @default undefined\n */\n onClose?: () => void;\n}\n\nconst DRAWER_CONTAINER_Z_INDEX = 1000;\nconst DRAWER_BOX_SHADOW_SIZE_EM = 1;\n\nconst DrawerMask = styled(ModalMask)`\n z-index: ${DRAWER_CONTAINER_Z_INDEX};\n`;\n\nconst Container = styled.div`\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n height: 100%;\n z-index: ${DRAWER_CONTAINER_Z_INDEX};\n`;\n\nconst placementLeftFadeIn = keyframes`\n from { transform: translateX(calc(-100% - ${DRAWER_BOX_SHADOW_SIZE_EM}em)); }\n to { transform: translateX(0); }\n`;\n\nconst placementLeftFadeOut = keyframes`\n from { transform: translateX(0); }\n to { transform: translateX(calc(-100% - ${DRAWER_BOX_SHADOW_SIZE_EM}em)); }\n`;\n\nconst placementRightFadeIn = keyframes`\n from { transform: translateX(calc(100vw + ${DRAWER_BOX_SHADOW_SIZE_EM}em)); }\n to { transform: translateX(calc(100vw - 100%)); }\n`;\n\nconst placementRightFadeOut = keyframes`\n from { transform: translateX(calc(100vw - 100%)); }\n to { transform: translateX(calc(100vw + ${DRAWER_BOX_SHADOW_SIZE_EM}em)); }\n`;\n\nconst placementLeftVisibleStyles = (p) =>\n p.placement === 'left' &&\n p.visible &&\n css`\n animation: ${placementLeftFadeIn} ${p.theme.transitionDelay}ms forwards;\n `;\n\nconst placementLeftInvisibleStyles = (p) =>\n p.placement === 'left' &&\n !p.visible &&\n css`\n animation: ${placementLeftFadeOut} ${p.theme.transitionDelay}ms forwards;\n `;\n\nconst placementRightVisibleStyles = (p) =>\n p.placement === 'right' &&\n p.visible &&\n css`\n animation: ${placementRightFadeIn} ${p.theme.transitionDelay}ms forwards;\n `;\n\nconst placementRightInvisibleStyles = (p) =>\n p.placement === 'right' &&\n !p.visible &&\n css`\n animation: ${placementRightFadeOut} ${p.theme.transitionDelay}ms forwards;\n `;\n\ntype ContentProps = Pick<\n DrawerProps,\n 'placement' | 'width' | 'visible' | 'size'\n>;\nconst Content = styled(\n 'div',\n omitEmotionProps('placement', 'width', 'visible', 'size')\n)<ContentProps>`\n ${resetFocusStyles};\n\n position: absolute;\n top: 0;\n bottom: 0;\n width: ${(p) => p.width};\n max-width: 90%;\n padding-bottom: env(safe-area-inset-bottom);\n\n background-color: ${(p) => clr(p.theme.colorBg)};\n color: ${(p) => clr(p.theme.colorText)};\n box-shadow: 0 0 ${DRAWER_BOX_SHADOW_SIZE_EM}em\n ${(p) => clr(p.theme.drawerColorBoxShadow)};\n\n ${placementLeftVisibleStyles};\n ${placementLeftInvisibleStyles};\n ${placementRightVisibleStyles};\n ${placementRightInvisibleStyles};\n\n ${enableScrollingStyles('y')};\n ${sizeStyles};\n`;\n\nconst CloseDrawerContext = React.createContext<() => void>(() => {});\n\nexport const useCloseDrawer = () => useContext(CloseDrawerContext);\n\n/**\n * The side panel that appears from the edge of the screen.\n */\nconst Drawer = forwardRef<HTMLDivElement, DrawerProps>(\n (\n {\n placement = 'right',\n width = '15em',\n visible = false,\n onClose = () => {},\n size,\n children,\n onClick = () => {},\n ...rest\n },\n ref\n ) => {\n const { theme } = useTheme();\n const mounted = useClosable(visible, theme.transitionDelay);\n\n useBodyScroll(!visible);\n\n const clickHandler = useCallback(\n (e) => {\n e.stopPropagation();\n onClick(e);\n },\n [onClick]\n );\n\n const keyDownHandler = useCallback(\n (e) => {\n if (e.key === 'Escape') {\n e.stopPropagation();\n onClose();\n }\n },\n [onClose]\n );\n\n if (!mounted) return null;\n\n return (\n <Portal>\n <DrawerMask visible={visible} />\n <Container onClick={onClose}>\n <FocusLock autoFocus>\n <CloseDrawerContext.Provider value={onClose}>\n <Content\n placement={placement}\n width={width}\n visible={visible}\n size={size}\n tabIndex={-1}\n onKeyDown={keyDownHandler}\n onClick={clickHandler}\n role='dialog'\n aria-modal\n {...rest}\n ref={ref}\n >\n {children}\n </Content>\n </CloseDrawerContext.Provider>\n </FocusLock>\n </Container>\n </Portal>\n );\n }\n);\n\nDrawer.displayName = 'Drawer';\n\nexport default Drawer;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
9
|
-
var FormConfigContext = /*#__PURE__*/_react["default"].createContext({
|
|
10
|
-
optionalText: 'optional'
|
|
11
|
-
});
|
|
12
|
-
FormConfigContext.displayName = 'FormConfigContext';
|
|
13
|
-
var _default = exports["default"] = FormConfigContext;
|
|
14
|
-
//# sourceMappingURL=FormConfigContext.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormConfigContext.js","names":["_react","_interopRequireDefault","require","e","__esModule","FormConfigContext","React","createContext","optionalText","displayName","_default","exports"],"sources":["../../../src/Form/FormConfigContext.ts"],"sourcesContent":["import React from 'react';\n\nexport interface FormConfigContextProps {\n /**\n * The text that is displayed to the right of the label of the optional field.\n */\n optionalText: string;\n}\n\nconst FormConfigContext = React.createContext<FormConfigContextProps>({\n optionalText: 'optional',\n});\n\nFormConfigContext.displayName = 'FormConfigContext';\n\nexport default FormConfigContext;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAS1B,IAAME,iBAAiB,gBAAGC,iBAAK,CAACC,aAAa,CAAyB;EACpEC,YAAY,EAAE;AAChB,CAAC,CAAC;AAEFH,iBAAiB,CAACI,WAAW,GAAG,mBAAmB;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAErCN,iBAAiB","ignoreList":[]}
|
package/dist/cjs/Form/index.js
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
|
-
var _styles = require("@os-design/styles");
|
|
10
|
-
var _utils = require("@os-design/utils");
|
|
11
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _FormConfigContext = _interopRequireDefault(require("./FormConfigContext"));
|
|
13
|
-
var _excluded = ["optionalText"];
|
|
14
|
-
var _templateObject;
|
|
15
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
17
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
18
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
19
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
20
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
21
|
-
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
22
|
-
var StyledForm = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('size'))(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n max-width: 50em;\n\n & > * + * {\n margin-top: 1em;\n }\n & > style + * {\n margin-top: 0;\n }\n\n ", ";\n"])), _styles.sizeStyles);
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* The wrapper of the form.
|
|
26
|
-
*/
|
|
27
|
-
var Form = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
28
|
-
var _ref$optionalText = _ref.optionalText,
|
|
29
|
-
optionalText = _ref$optionalText === void 0 ? 'optional' : _ref$optionalText,
|
|
30
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
31
|
-
var memoizedOptionalText = (0, _react.useMemo)(function () {
|
|
32
|
-
return {
|
|
33
|
-
optionalText: optionalText
|
|
34
|
-
};
|
|
35
|
-
}, [optionalText]);
|
|
36
|
-
return /*#__PURE__*/_react["default"].createElement(_FormConfigContext["default"].Provider, {
|
|
37
|
-
value: memoizedOptionalText
|
|
38
|
-
}, /*#__PURE__*/_react["default"].createElement(StyledForm, _extends({}, rest, {
|
|
39
|
-
ref: ref
|
|
40
|
-
})));
|
|
41
|
-
});
|
|
42
|
-
Form.displayName = 'Form';
|
|
43
|
-
var _default = exports["default"] = Form;
|
|
44
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_styles","_utils","_react","_interopRequireWildcard","_FormConfigContext","_excluded","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","s","includes","propertyIsEnumerable","_taggedTemplateLiteral","slice","freeze","defineProperties","raw","value","StyledForm","styled","omitEmotionProps","sizeStyles","Form","forwardRef","_ref","ref","_ref$optionalText","optionalText","rest","memoizedOptionalText","useMemo","createElement","Provider","displayName","_default","exports"],"sources":["../../../src/Form/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { WithSize, sizeStyles } from '@os-design/styles';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef, useMemo } from 'react';\nimport FormConfigContext from './FormConfigContext';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface FormProps extends JsxDivProps, WithSize {\n /**\n * The text that is displayed to the right of the label of the optional field.\n * @default optional\n */\n optionalText?: string;\n}\n\nconst StyledForm = styled('div', omitEmotionProps('size'))<WithSize>`\n max-width: 50em;\n\n & > * + * {\n margin-top: 1em;\n }\n & > style + * {\n margin-top: 0;\n }\n\n ${sizeStyles};\n`;\n\n/**\n * The wrapper of the form.\n */\nconst Form = forwardRef<HTMLDivElement, FormProps>(\n ({ optionalText = 'optional', ...rest }, ref) => {\n const memoizedOptionalText = useMemo(\n () => ({ optionalText }),\n [optionalText]\n );\n\n return (\n <FormConfigContext.Provider value={memoizedOptionalText}>\n <StyledForm {...rest} ref={ref} />\n </FormConfigContext.Provider>\n );\n }\n);\n\nForm.displayName = 'Form';\n\nexport default Form;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
|
-
var _styles = require("@os-design/styles");
|
|
10
|
-
var _theming = require("@os-design/theming");
|
|
11
|
-
var _utils = require("@os-design/utils");
|
|
12
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
var _excluded = ["title", "description"];
|
|
14
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
15
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
17
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
18
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
19
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
20
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
21
|
-
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
22
|
-
var Container = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('size'))(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n margin: 3em 0 1em;\n\n &::before,\n &::after {\n content: '';\n flex: 1;\n min-width: 5%;\n max-width: 50%;\n border-top: 1px solid ", ";\n }\n\n ", ";\n"])), function (p) {
|
|
23
|
-
return (0, _theming.clr)(p.theme.formDividerColor);
|
|
24
|
-
}, _styles.sizeStyles);
|
|
25
|
-
var Content = _styled["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 0 1.5em;\n text-align: center;\n overflow: hidden;\n"])));
|
|
26
|
-
var Title = _styled["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n color: ", ";\n font-size: ", "em;\n font-weight: 500;\n ", ";\n"])), function (p) {
|
|
27
|
-
return (0, _theming.clr)(p.theme.colorText);
|
|
28
|
-
}, function (p) {
|
|
29
|
-
return p.theme.sizes.large;
|
|
30
|
-
}, _styles.ellipsisStyles);
|
|
31
|
-
var Description = _styled["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n color: ", ";\n font-size: ", "em;\n line-height: 1.2;\n ", ";\n"])), function (p) {
|
|
32
|
-
return (0, _theming.clr)(p.theme.inputColorPlaceholder);
|
|
33
|
-
}, function (p) {
|
|
34
|
-
return p.theme.sizes.small;
|
|
35
|
-
}, _styles.ellipsisStyles);
|
|
36
|
-
|
|
37
|
-
/**
|
|
38
|
-
* The divider line for separating the various elements of the form.
|
|
39
|
-
*/
|
|
40
|
-
var FormDivider = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
41
|
-
var title = _ref.title,
|
|
42
|
-
description = _ref.description,
|
|
43
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
44
|
-
return /*#__PURE__*/_react["default"].createElement(Container, _extends({
|
|
45
|
-
role: "separator"
|
|
46
|
-
}, rest, {
|
|
47
|
-
ref: ref
|
|
48
|
-
}), /*#__PURE__*/_react["default"].createElement(Content, null, /*#__PURE__*/_react["default"].createElement(Title, null, title), /*#__PURE__*/_react["default"].createElement(Description, null, description)));
|
|
49
|
-
});
|
|
50
|
-
FormDivider.displayName = 'FormDivider';
|
|
51
|
-
var _default = exports["default"] = FormDivider;
|
|
52
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_styles","_theming","_utils","_react","_interopRequireWildcard","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","s","includes","propertyIsEnumerable","_taggedTemplateLiteral","slice","freeze","defineProperties","raw","value","Container","styled","omitEmotionProps","p","clr","theme","formDividerColor","sizeStyles","Content","div","Title","colorText","sizes","large","ellipsisStyles","Description","inputColorPlaceholder","small","FormDivider","forwardRef","_ref","ref","title","description","rest","createElement","role","displayName","_default","exports"],"sources":["../../../src/FormDivider/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { ellipsisStyles, sizeStyles, WithSize } from '@os-design/styles';\nimport { clr } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface FormDividerProps extends JsxDivProps, WithSize {\n /**\n * The title that is in the center of the divider.\n */\n title: string;\n /**\n * The description that is under the title.\n * @default undefined\n */\n description?: string;\n}\n\nconst Container = styled('div', omitEmotionProps('size'))<WithSize>`\n display: flex;\n align-items: center;\n margin: 3em 0 1em;\n\n &::before,\n &::after {\n content: '';\n flex: 1;\n min-width: 5%;\n max-width: 50%;\n border-top: 1px solid ${(p) => clr(p.theme.formDividerColor)};\n }\n\n ${sizeStyles};\n`;\n\nconst Content = styled.div`\n padding: 0 1.5em;\n text-align: center;\n overflow: hidden;\n`;\n\nconst Title = styled.div`\n color: ${(p) => clr(p.theme.colorText)};\n font-size: ${(p) => p.theme.sizes.large}em;\n font-weight: 500;\n ${ellipsisStyles};\n`;\n\nconst Description = styled.div`\n color: ${(p) => clr(p.theme.inputColorPlaceholder)};\n font-size: ${(p) => p.theme.sizes.small}em;\n line-height: 1.2;\n ${ellipsisStyles};\n`;\n\n/**\n * The divider line for separating the various elements of the form.\n */\nconst FormDivider = forwardRef<HTMLDivElement, FormDividerProps>(\n ({ title, description, ...rest }, ref) => (\n <Container role='separator' {...rest} ref={ref}>\n <Content>\n <Title>{title}</Title>\n <Description>{description}</Description>\n </Content>\n </Container>\n )\n);\n\nFormDivider.displayName = 'FormDivider';\n\nexport default FormDivider;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
|
-
var _styles = require("@os-design/styles");
|
|
10
|
-
var _theming = require("@os-design/theming");
|
|
11
|
-
var _utils = require("@os-design/utils");
|
|
12
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
var _FormConfigContext = _interopRequireDefault(require("../Form/FormConfigContext"));
|
|
14
|
-
var _excluded = ["label", "help", "error", "optional", "id", "children"];
|
|
15
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
|
16
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
17
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
18
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
19
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
20
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
21
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
22
|
-
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
23
|
-
var Container = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('size'))(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", ";\n"])), _styles.sizeStyles);
|
|
24
|
-
var Label = _styled["default"].label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: inline-flex;\n align-items: center;\n margin-bottom: 0.4em;\n font-size: ", "em;\n color: ", ";\n"])), function (p) {
|
|
25
|
-
return p.theme.sizes.small;
|
|
26
|
-
}, function (p) {
|
|
27
|
-
return (0, _theming.clr)(p.theme.colorText);
|
|
28
|
-
});
|
|
29
|
-
var Optional = _styled["default"].span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n color: ", ";\n margin-left: 0.3em;\n"])), function (p) {
|
|
30
|
-
return (0, _theming.clr)(p.theme.formItemColorOptional);
|
|
31
|
-
});
|
|
32
|
-
var Help = _styled["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n margin-top: 0.1em;\n font-size: ", "em;\n color: ", ";\n"])), function (p) {
|
|
33
|
-
return p.theme.sizes.small;
|
|
34
|
-
}, function (p) {
|
|
35
|
-
return (0, _theming.clr)(p.theme.formItemColorHelp);
|
|
36
|
-
});
|
|
37
|
-
var Error = (0, _styled["default"])(Help)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n color: ", ";\n"])), function (p) {
|
|
38
|
-
return (0, _theming.clr)(p.theme.formItemColorError);
|
|
39
|
-
});
|
|
40
|
-
|
|
41
|
-
/**
|
|
42
|
-
* The wrapper of the field.
|
|
43
|
-
*/
|
|
44
|
-
var FormItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
45
|
-
var label = _ref.label,
|
|
46
|
-
help = _ref.help,
|
|
47
|
-
error = _ref.error,
|
|
48
|
-
_ref$optional = _ref.optional,
|
|
49
|
-
optional = _ref$optional === void 0 ? false : _ref$optional,
|
|
50
|
-
id = _ref.id,
|
|
51
|
-
children = _ref.children,
|
|
52
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
53
|
-
var _useContext = (0, _react.useContext)(_FormConfigContext["default"]),
|
|
54
|
-
optionalText = _useContext.optionalText;
|
|
55
|
-
var containerId = (0, _react.useMemo)(function () {
|
|
56
|
-
return id || Math.random().toString(36).slice(2, 11);
|
|
57
|
-
}, [id]);
|
|
58
|
-
var fieldId = (0, _react.useMemo)(function () {
|
|
59
|
-
return "field-".concat(containerId);
|
|
60
|
-
}, [containerId]);
|
|
61
|
-
var helpId = (0, _react.useMemo)(function () {
|
|
62
|
-
return "help-".concat(containerId);
|
|
63
|
-
}, [containerId]);
|
|
64
|
-
var ariaInvalid = (0, _react.useMemo)(function () {
|
|
65
|
-
return !!error;
|
|
66
|
-
}, [error]);
|
|
67
|
-
var ariaDescribedBy = (0, _react.useMemo)(function () {
|
|
68
|
-
return help ? helpId : undefined;
|
|
69
|
-
}, [help, helpId]);
|
|
70
|
-
return /*#__PURE__*/_react["default"].createElement(Container, _extends({
|
|
71
|
-
role: "group",
|
|
72
|
-
id: id
|
|
73
|
-
}, rest, {
|
|
74
|
-
ref: ref
|
|
75
|
-
}), label && /*#__PURE__*/_react["default"].createElement(Label, {
|
|
76
|
-
htmlFor: fieldId
|
|
77
|
-
}, label, optional && /*#__PURE__*/_react["default"].createElement(Optional, null, "(", optionalText, ")")), /*#__PURE__*/_react["default"].createElement("div", {
|
|
78
|
-
id: fieldId,
|
|
79
|
-
"aria-invalid": ariaInvalid,
|
|
80
|
-
"aria-describedby": ariaDescribedBy
|
|
81
|
-
}, /*#__PURE__*/_react["default"].createElement(_theming.ThemeOverrider, {
|
|
82
|
-
overrides: function overrides(theme) {
|
|
83
|
-
return {
|
|
84
|
-
inputColorBorder: error ? theme.formItemColorError : theme.inputColorBorder
|
|
85
|
-
};
|
|
86
|
-
}
|
|
87
|
-
}, children)), error ? /*#__PURE__*/_react["default"].createElement(Error, {
|
|
88
|
-
"aria-live": "polite",
|
|
89
|
-
id: helpId
|
|
90
|
-
}, error) : help && /*#__PURE__*/_react["default"].createElement(Help, {
|
|
91
|
-
id: helpId
|
|
92
|
-
}, help));
|
|
93
|
-
});
|
|
94
|
-
FormItem.displayName = 'FormItem';
|
|
95
|
-
var _default = exports["default"] = FormItem;
|
|
96
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_styles","_theming","_utils","_react","_interopRequireWildcard","_FormConfigContext","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","s","includes","propertyIsEnumerable","_taggedTemplateLiteral","slice","freeze","defineProperties","raw","value","Container","styled","omitEmotionProps","sizeStyles","Label","label","p","theme","sizes","small","clr","colorText","Optional","span","formItemColorOptional","Help","div","formItemColorHelp","Error","formItemColorError","FormItem","forwardRef","_ref","ref","help","error","_ref$optional","optional","id","children","rest","_useContext","useContext","FormConfigContext","optionalText","containerId","useMemo","Math","random","toString","fieldId","concat","helpId","ariaInvalid","ariaDescribedBy","undefined","createElement","role","htmlFor","ThemeOverrider","overrides","inputColorBorder","displayName","_default","exports"],"sources":["../../../src/FormItem/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { sizeStyles, WithSize } from '@os-design/styles';\nimport { clr, ThemeOverrider } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef, useContext, useMemo } from 'react';\nimport FormConfigContext from '../Form/FormConfigContext';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface FormItemProps extends JsxDivProps, WithSize {\n /**\n * Label of the field.\n * @default undefined\n */\n label?: string;\n /**\n * The help message located at the bottom of the field.\n * @default undefined\n */\n help?: string;\n /**\n * The error message located at the bottom of the field.\n * If specified, the field has a red border.\n * @default undefined\n */\n error?: string | null;\n /**\n * Whether the field is optional.\n * @default false\n */\n optional?: boolean;\n}\n\nconst Container = styled('div', omitEmotionProps('size'))<WithSize>`\n ${sizeStyles};\n`;\n\nconst Label = styled.label`\n display: inline-flex;\n align-items: center;\n margin-bottom: 0.4em;\n font-size: ${(p) => p.theme.sizes.small}em;\n color: ${(p) => clr(p.theme.colorText)};\n`;\n\nconst Optional = styled.span`\n color: ${(p) => clr(p.theme.formItemColorOptional)};\n margin-left: 0.3em;\n`;\n\nconst Help = styled.div`\n margin-top: 0.1em;\n font-size: ${(p) => p.theme.sizes.small}em;\n color: ${(p) => clr(p.theme.formItemColorHelp)};\n`;\n\nconst Error = styled(Help)`\n color: ${(p) => clr(p.theme.formItemColorError)};\n`;\n\n/**\n * The wrapper of the field.\n */\nconst FormItem = forwardRef<HTMLDivElement, FormItemProps>(\n ({ label, help, error, optional = false, id, children, ...rest }, ref) => {\n const { optionalText } = useContext(FormConfigContext);\n\n const containerId = useMemo(\n () => id || Math.random().toString(36).slice(2, 11),\n [id]\n );\n const fieldId = useMemo(() => `field-${containerId}`, [containerId]);\n const helpId = useMemo(() => `help-${containerId}`, [containerId]);\n const ariaInvalid = useMemo(() => !!error, [error]);\n const ariaDescribedBy = useMemo(\n () => (help ? helpId : undefined),\n [help, helpId]\n );\n\n return (\n <Container role='group' id={id} {...rest} ref={ref}>\n {label && (\n <Label htmlFor={fieldId}>\n {label}\n {optional && <Optional>({optionalText})</Optional>}\n </Label>\n )}\n\n <div\n id={fieldId}\n aria-invalid={ariaInvalid}\n aria-describedby={ariaDescribedBy}\n >\n <ThemeOverrider\n overrides={(theme) => ({\n inputColorBorder: error\n ? theme.formItemColorError\n : theme.inputColorBorder,\n })}\n >\n {children}\n </ThemeOverrider>\n </div>\n\n {error ? (\n <Error aria-live='polite' id={helpId}>\n {error}\n </Error>\n ) : (\n help && <Help id={helpId}>{help}</Help>\n )}\n </Container>\n );\n }\n);\n\nFormItem.displayName = 'FormItem';\n\nexport default FormItem;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
8
|
-
var _theming = require("@os-design/theming");
|
|
9
|
-
var _utils = require("@os-design/utils");
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
var _templateObject, _templateObject2;
|
|
12
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
13
|
-
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
|
14
|
-
var Container = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('height'))(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: ", "px;\n"])), function (p) {
|
|
15
|
-
return p.height;
|
|
16
|
-
});
|
|
17
|
-
var Block = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('count', 'index', 'current'))(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: absolute;\n left: ", "%;\n width: ", ";\n height: 100%;\n\n background-color: ", ";\n backdrop-filter: blur(0.2em);\n"])), function (p) {
|
|
18
|
-
return 100 / p.count * p.index;
|
|
19
|
-
}, function (p) {
|
|
20
|
-
return p.index < p.count - 1 ? "calc(".concat(100 / p.count, "% - 2px)") : "".concat(100 / p.count, "%");
|
|
21
|
-
}, function (p) {
|
|
22
|
-
return p.current ? (0, _theming.clr)(p.theme.galleryStatusColorBgCurrent) : (0, _theming.clr)(p.theme.galleryStatusColorBg);
|
|
23
|
-
});
|
|
24
|
-
var Status = function Status(_ref) {
|
|
25
|
-
var count = _ref.count,
|
|
26
|
-
current = _ref.current,
|
|
27
|
-
height = _ref.height;
|
|
28
|
-
return /*#__PURE__*/_react["default"].createElement(Container, {
|
|
29
|
-
height: height
|
|
30
|
-
}, Array(count).fill(0).map(function (_, index) {
|
|
31
|
-
return /*#__PURE__*/_react["default"].createElement(Block, {
|
|
32
|
-
key: index // eslint-disable-line react/no-array-index-key
|
|
33
|
-
,
|
|
34
|
-
count: count,
|
|
35
|
-
index: index,
|
|
36
|
-
current: index === current
|
|
37
|
-
});
|
|
38
|
-
}));
|
|
39
|
-
};
|
|
40
|
-
var _default = exports["default"] = Status;
|
|
41
|
-
//# sourceMappingURL=Status.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Status.js","names":["_styled","_interopRequireDefault","require","_theming","_utils","_react","_templateObject","_templateObject2","e","__esModule","_taggedTemplateLiteral","t","slice","Object","freeze","defineProperties","raw","value","Container","styled","omitEmotionProps","p","height","Block","count","index","concat","current","clr","theme","galleryStatusColorBgCurrent","galleryStatusColorBg","Status","_ref","createElement","Array","fill","map","_","key","_default","exports"],"sources":["../../../src/Gallery/Status.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { clr } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React from 'react';\n\ninterface StatusProps {\n count: number;\n current: number;\n height: number;\n}\n\ninterface ContainerProps {\n height: number;\n}\nconst Container = styled('div', omitEmotionProps('height'))<ContainerProps>`\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: ${(p) => p.height}px;\n`;\n\ninterface BlockProps {\n count: number;\n index: number;\n current: boolean;\n}\nconst Block = styled(\n 'div',\n omitEmotionProps('count', 'index', 'current')\n)<BlockProps>`\n position: absolute;\n left: ${(p) => (100 / p.count) * p.index}%;\n width: ${(p) =>\n p.index < p.count - 1\n ? `calc(${100 / p.count}% - 2px)`\n : `${100 / p.count}%`};\n height: 100%;\n\n background-color: ${(p) =>\n p.current\n ? clr(p.theme.galleryStatusColorBgCurrent)\n : clr(p.theme.galleryStatusColorBg)};\n backdrop-filter: blur(0.2em);\n`;\n\nconst Status: React.FC<StatusProps> = ({ count, current, height }) => (\n <Container height={height}>\n {Array(count)\n .fill(0)\n .map((_, index) => (\n <Block\n key={index} // eslint-disable-line react/no-array-index-key\n count={count}\n index={index}\n current={index === current}\n />\n ))}\n </Container>\n);\n\nexport default Status;\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA0B,IAAAI,eAAA,EAAAC,gBAAA;AAAA,SAAAN,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAAA,SAAAE,uBAAAF,CAAA,EAAAG,CAAA,WAAAA,CAAA,KAAAA,CAAA,GAAAH,CAAA,CAAAI,KAAA,MAAAC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAE,gBAAA,CAAAP,CAAA,IAAAQ,GAAA,IAAAC,KAAA,EAAAJ,MAAA,CAAAC,MAAA,CAAAH,CAAA;AAW1B,IAAMO,SAAS,GAAG,IAAAC,kBAAM,EAAC,KAAK,EAAE,IAAAC,uBAAgB,EAAC,QAAQ,CAAC,CAAC,CAAAd,eAAA,KAAAA,eAAA,GAAAI,sBAAA,4FAK/C,UAACW,CAAC;EAAA,OAAKA,CAAC,CAACC,MAAM;AAAA,EAC1B;AAOD,IAAMC,KAAK,GAAG,IAAAJ,kBAAM,EAClB,KAAK,EACL,IAAAC,uBAAgB,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,CAC9C,CAAC,CAAAb,gBAAA,KAAAA,gBAAA,GAAAG,sBAAA,iJAES,UAACW,CAAC;EAAA,OAAM,GAAG,GAAGA,CAAC,CAACG,KAAK,GAAIH,CAAC,CAACI,KAAK;AAAA,GAC/B,UAACJ,CAAC;EAAA,OACTA,CAAC,CAACI,KAAK,GAAGJ,CAAC,CAACG,KAAK,GAAG,CAAC,WAAAE,MAAA,CACT,GAAG,GAAGL,CAAC,CAACG,KAAK,mBAAAE,MAAA,CAClB,GAAG,GAAGL,CAAC,CAACG,KAAK,MAAG;AAAA,GAGL,UAACH,CAAC;EAAA,OACpBA,CAAC,CAACM,OAAO,GACL,IAAAC,YAAG,EAACP,CAAC,CAACQ,KAAK,CAACC,2BAA2B,CAAC,GACxC,IAAAF,YAAG,EAACP,CAAC,CAACQ,KAAK,CAACE,oBAAoB,CAAC;AAAA,EAExC;AAED,IAAMC,MAA6B,GAAG,SAAhCA,MAA6BA,CAAAC,IAAA;EAAA,IAAMT,KAAK,GAAAS,IAAA,CAALT,KAAK;IAAEG,OAAO,GAAAM,IAAA,CAAPN,OAAO;IAAEL,MAAM,GAAAW,IAAA,CAANX,MAAM;EAAA,oBAC7DjB,MAAA,YAAA6B,aAAA,CAAChB,SAAS;IAACI,MAAM,EAAEA;EAAO,GACvBa,KAAK,CAACX,KAAK,CAAC,CACVY,IAAI,CAAC,CAAC,CAAC,CACPC,GAAG,CAAC,UAACC,CAAC,EAAEb,KAAK;IAAA,oBACZpB,MAAA,YAAA6B,aAAA,CAACX,KAAK;MACJgB,GAAG,EAAEd,KAAM,CAAC;MAAA;MACZD,KAAK,EAAEA,KAAM;MACbC,KAAK,EAAEA,KAAM;MACbE,OAAO,EAAEF,KAAK,KAAKE;IAAQ,CAC5B,CAAC;EAAA,CACH,CACM,CAAC;AAAA,CACb;AAAC,IAAAa,QAAA,GAAAC,OAAA,cAEaT,MAAM","ignoreList":[]}
|