@os-design/core 1.0.254 → 1.0.256
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 +133 -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 +18 -19
- 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 -283
- 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 -281
- 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/Button/index.js
DELETED
|
@@ -1,108 +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"] = exports.StyledButton = void 0;
|
|
8
|
-
var _react = require("@emotion/react");
|
|
9
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
10
|
-
var _media = require("@os-design/media");
|
|
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 _ButtonContent = _interopRequireDefault(require("./ButtonContent"));
|
|
16
|
-
var _useButtonColors2 = _interopRequireDefault(require("./utils/useButtonColors"));
|
|
17
|
-
var _excluded = ["type", "danger", "left", "right", "wide", "loading", "disabled", "size", "children", "onMouseDown"];
|
|
18
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
|
|
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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
22
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
23
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
24
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
|
|
25
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
26
|
-
// Used by Button, ButtonLink
|
|
27
|
-
|
|
28
|
-
var hoverStyles = function hoverStyles(p) {
|
|
29
|
-
return !p.disabled && (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n @media (hover: hover) {\n &:hover,\n &:focus {\n background-color: ", ";\n }\n }\n "])), (0, _theming.clr)(p.colors.bgHover));
|
|
30
|
-
};
|
|
31
|
-
var primaryStyles = function primaryStyles(p) {
|
|
32
|
-
return p.btnType === 'primary' && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n color: ", ";\n background-color: ", ";\n ", ";\n "])), (0, _theming.clr)(p.colors.text), (0, _theming.clr)(p.colors.bg), hoverStyles(p));
|
|
33
|
-
};
|
|
34
|
-
var ghostStyles = function ghostStyles(p) {
|
|
35
|
-
return p.btnType === 'ghost' && (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n color: ", ";\n background-color: transparent;\n ", ";\n "])), (0, _theming.clr)(p.colors.text), hoverStyles(p));
|
|
36
|
-
};
|
|
37
|
-
var outlineStyles = function outlineStyles(p) {
|
|
38
|
-
return p.btnType === 'outline' && (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n color: ", ";\n background-color: transparent;\n border: 1px solid currentColor;\n ", ";\n "])), (0, _theming.clr)(p.colors.text), hoverStyles(p));
|
|
39
|
-
};
|
|
40
|
-
var wideDefaultStyles = function wideDefaultStyles(p) {
|
|
41
|
-
return p.wide === 'default' && (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n ", " {\n width: 100%;\n }\n "])), _media.m.max.xxs);
|
|
42
|
-
};
|
|
43
|
-
var wideAlwaysStyles = function wideAlwaysStyles(p) {
|
|
44
|
-
return p.wide === 'always' && (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n width: 100%;\n "])));
|
|
45
|
-
};
|
|
46
|
-
var disabledStyles = function disabledStyles(p) {
|
|
47
|
-
return p.disabled && (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
|
|
48
|
-
};
|
|
49
|
-
var StyledButton = exports.StyledButton = (0, _styled["default"])('button', (0, _utils.omitEmotionProps)('btnType', 'colors', 'wide', 'loading', 'size'))(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n ", ";\n position: relative; // Because LoadingContainer has an absolute position\n cursor: pointer;\n user-select: none;\n box-sizing: border-box; // Important for ButtonLink\n\n // Disable multiline\n white-space: nowrap;\n overflow: hidden;\n\n border-radius: ", "em;\n height: ", "em;\n padding: 0 ", "em;\n\n // Do not set inline-flex, otherwise the mobile safari cuts off\n // the bottom border of the button (tested in iPhone 6)\n display: flex;\n justify-content: center;\n align-items: center;\n\n font-weight: 500;\n line-height: 1;\n\n ", ";\n ", ";\n ", ";\n\n ", ";\n ", ";\n\n ", ";\n\n ", ";\n ", ";\n"])), _styles.resetButtonStyles, function (p) {
|
|
50
|
-
return p.theme.borderRadius;
|
|
51
|
-
}, function (p) {
|
|
52
|
-
return p.theme.buttonHeight;
|
|
53
|
-
}, function (p) {
|
|
54
|
-
return p.theme.buttonPaddingHorizontal;
|
|
55
|
-
}, primaryStyles, outlineStyles, ghostStyles, wideDefaultStyles, wideAlwaysStyles, disabledStyles, _styles.sizeStyles, (0, _styles.transitionStyles)('background-color', 'color'));
|
|
56
|
-
|
|
57
|
-
/**
|
|
58
|
-
* Used to trigger the corresponding business logic.
|
|
59
|
-
*/
|
|
60
|
-
var Button = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
|
|
61
|
-
var _ref$type = _ref.type,
|
|
62
|
-
type = _ref$type === void 0 ? 'primary' : _ref$type,
|
|
63
|
-
_ref$danger = _ref.danger,
|
|
64
|
-
danger = _ref$danger === void 0 ? false : _ref$danger,
|
|
65
|
-
left = _ref.left,
|
|
66
|
-
right = _ref.right,
|
|
67
|
-
_ref$wide = _ref.wide,
|
|
68
|
-
wide = _ref$wide === void 0 ? 'default' : _ref$wide,
|
|
69
|
-
_ref$loading = _ref.loading,
|
|
70
|
-
loading = _ref$loading === void 0 ? false : _ref$loading,
|
|
71
|
-
_ref$disabled = _ref.disabled,
|
|
72
|
-
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
73
|
-
size = _ref.size,
|
|
74
|
-
children = _ref.children,
|
|
75
|
-
_ref$onMouseDown = _ref.onMouseDown,
|
|
76
|
-
_onMouseDown = _ref$onMouseDown === void 0 ? function () {} : _ref$onMouseDown,
|
|
77
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
78
|
-
var _useButtonColors = (0, _useButtonColors2["default"])({
|
|
79
|
-
type: type,
|
|
80
|
-
danger: danger,
|
|
81
|
-
disabled: disabled
|
|
82
|
-
}),
|
|
83
|
-
buttonColors = _useButtonColors.buttonColors,
|
|
84
|
-
loadingColors = _useButtonColors.loadingColors;
|
|
85
|
-
return /*#__PURE__*/_react2["default"].createElement(StyledButton, _extends({
|
|
86
|
-
btnType: type,
|
|
87
|
-
colors: buttonColors,
|
|
88
|
-
wide: wide,
|
|
89
|
-
loading: loading,
|
|
90
|
-
disabled: disabled || loading,
|
|
91
|
-
size: size,
|
|
92
|
-
onMouseDown: function onMouseDown(e) {
|
|
93
|
-
_onMouseDown(e);
|
|
94
|
-
e.preventDefault();
|
|
95
|
-
},
|
|
96
|
-
"aria-busy": loading
|
|
97
|
-
}, rest, {
|
|
98
|
-
ref: ref
|
|
99
|
-
}), /*#__PURE__*/_react2["default"].createElement(_ButtonContent["default"], {
|
|
100
|
-
left: left,
|
|
101
|
-
right: right,
|
|
102
|
-
loading: loading,
|
|
103
|
-
loadingColors: loadingColors
|
|
104
|
-
}, children));
|
|
105
|
-
});
|
|
106
|
-
Button.displayName = 'Button';
|
|
107
|
-
var _default = exports["default"] = Button;
|
|
108
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_media","_styles","_theming","_utils","_react2","_interopRequireWildcard","_ButtonContent","_useButtonColors2","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","prototype","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","hoverStyles","p","disabled","css","clr","colors","bgHover","primaryStyles","btnType","text","bg","ghostStyles","outlineStyles","wideDefaultStyles","wide","m","max","xxs","wideAlwaysStyles","disabledStyles","StyledButton","exports","styled","omitEmotionProps","resetButtonStyles","theme","borderRadius","buttonHeight","buttonPaddingHorizontal","sizeStyles","transitionStyles","Button","forwardRef","_ref","ref","_ref$type","type","_ref$danger","danger","left","right","_ref$wide","_ref$loading","loading","_ref$disabled","size","children","_ref$onMouseDown","onMouseDown","rest","_useButtonColors","useButtonColors","buttonColors","loadingColors","createElement","preventDefault","displayName","_default"],"sources":["../../../src/Button/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { m } from '@os-design/media';\nimport {\n resetButtonStyles,\n sizeStyles,\n transitionStyles,\n WithSize,\n} from '@os-design/styles';\nimport { clr } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\nimport ButtonContent from './ButtonContent';\nimport useButtonColors, { ButtonColors } from './utils/useButtonColors';\n\ntype JsxButtonProps = Omit<\n JSX.IntrinsicElements['button'],\n 'type' | 'color' | 'ref'\n>;\n\n// Used by Button, ButtonLink\nexport interface BaseButtonProps extends WithSize {\n /**\n * Type of button styles.\n * @default primary\n */\n type?: 'primary' | 'outline' | 'ghost';\n /**\n * Sets the danger styles.\n * @default false\n */\n danger?: boolean;\n /**\n * The component located on the left side.\n * @default undefined\n */\n left?: React.ReactNode;\n /**\n * The component located on the right side.\n * @default undefined\n */\n right?: React.ReactNode;\n /**\n * Whether the button has full width.\n * Possible values:\n * `default` – the button has full width if the screen width is less than xs;\n * `always` – the button always has full width;\n * `never` – the button never has full width.\n * @default default\n */\n wide?: 'default' | 'always' | 'never';\n /**\n * Shows the loading status and disables the button.\n * @default false\n */\n loading?: boolean;\n /**\n * Whether the button is disabled.\n * @default false\n */\n disabled?: boolean;\n}\n\nexport type ButtonProps = JsxButtonProps & BaseButtonProps;\n\ninterface StyledButtonProps\n extends Pick<ButtonProps, 'wide' | 'loading' | 'disabled' | 'size'> {\n btnType: ButtonProps['type'];\n colors: ButtonColors;\n}\n\nconst hoverStyles = (p) =>\n !p.disabled &&\n css`\n @media (hover: hover) {\n &:hover,\n &:focus {\n background-color: ${clr(p.colors.bgHover)};\n }\n }\n `;\n\nconst primaryStyles = (p) =>\n p.btnType === 'primary' &&\n css`\n color: ${clr(p.colors.text)};\n background-color: ${clr(p.colors.bg)};\n ${hoverStyles(p)};\n `;\n\nconst ghostStyles = (p) =>\n p.btnType === 'ghost' &&\n css`\n color: ${clr(p.colors.text)};\n background-color: transparent;\n ${hoverStyles(p)};\n `;\n\nconst outlineStyles = (p) =>\n p.btnType === 'outline' &&\n css`\n color: ${clr(p.colors.text)};\n background-color: transparent;\n border: 1px solid currentColor;\n ${hoverStyles(p)};\n `;\n\nconst wideDefaultStyles = (p) =>\n p.wide === 'default' &&\n css`\n ${m.max.xxs} {\n width: 100%;\n }\n `;\n\nconst wideAlwaysStyles = (p) =>\n p.wide === 'always' &&\n css`\n width: 100%;\n `;\n\nconst disabledStyles = (p) =>\n p.disabled &&\n css`\n cursor: not-allowed;\n `;\n\nexport const StyledButton = styled(\n 'button',\n omitEmotionProps('btnType', 'colors', 'wide', 'loading', 'size')\n)<StyledButtonProps>`\n ${resetButtonStyles};\n position: relative; // Because LoadingContainer has an absolute position\n cursor: pointer;\n user-select: none;\n box-sizing: border-box; // Important for ButtonLink\n\n // Disable multiline\n white-space: nowrap;\n overflow: hidden;\n\n border-radius: ${(p) => p.theme.borderRadius}em;\n height: ${(p) => p.theme.buttonHeight}em;\n padding: 0 ${(p) => p.theme.buttonPaddingHorizontal}em;\n\n // Do not set inline-flex, otherwise the mobile safari cuts off\n // the bottom border of the button (tested in iPhone 6)\n display: flex;\n justify-content: center;\n align-items: center;\n\n font-weight: 500;\n line-height: 1;\n\n ${primaryStyles};\n ${outlineStyles};\n ${ghostStyles};\n\n ${wideDefaultStyles};\n ${wideAlwaysStyles};\n\n ${disabledStyles};\n\n ${sizeStyles};\n ${transitionStyles('background-color', 'color')};\n`;\n\n/**\n * Used to trigger the corresponding business logic.\n */\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n type = 'primary',\n danger = false,\n left,\n right,\n wide = 'default',\n loading = false,\n disabled = false,\n size,\n children,\n onMouseDown = () => {},\n ...rest\n },\n ref\n ) => {\n const { buttonColors, loadingColors } = useButtonColors({\n type,\n danger,\n disabled,\n });\n\n return (\n <StyledButton\n btnType={type}\n colors={buttonColors}\n wide={wide}\n loading={loading}\n disabled={disabled || loading}\n size={size}\n onMouseDown={(e) => {\n onMouseDown(e);\n e.preventDefault();\n }}\n aria-busy={loading}\n {...rest}\n ref={ref}\n >\n <ButtonContent\n left={left}\n right={right}\n loading={loading}\n loadingColors={loadingColors}\n >\n {children}\n </ButtonContent>\n </StyledButton>\n );\n }\n);\n\nButton.displayName = 'Button';\n\nexport default Button;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _theming = require("@os-design/theming");
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
// Used by Button, ButtonLink
|
|
10
|
-
var useButtonColors = function useButtonColors(_ref) {
|
|
11
|
-
var type = _ref.type,
|
|
12
|
-
danger = _ref.danger,
|
|
13
|
-
disabled = _ref.disabled;
|
|
14
|
-
var _useTheme = (0, _theming.useTheme)(),
|
|
15
|
-
theme = _useTheme.theme;
|
|
16
|
-
var prefix = (0, _react.useMemo)(function () {
|
|
17
|
-
if (danger) return 'Danger';
|
|
18
|
-
return '';
|
|
19
|
-
}, [danger]);
|
|
20
|
-
var buttonColors = (0, _react.useMemo)(function () {
|
|
21
|
-
if (type === 'primary') {
|
|
22
|
-
return !disabled ? {
|
|
23
|
-
text: theme["button".concat(prefix, "PrimaryColorText")],
|
|
24
|
-
bg: theme["button".concat(prefix, "PrimaryColorBg")],
|
|
25
|
-
bgHover: theme["button".concat(prefix, "PrimaryColorBgHover")]
|
|
26
|
-
} : {
|
|
27
|
-
text: theme.buttonDisabledPrimaryColorText,
|
|
28
|
-
bg: theme.buttonDisabledPrimaryColorBg
|
|
29
|
-
};
|
|
30
|
-
}
|
|
31
|
-
return !disabled ? {
|
|
32
|
-
text: theme["button".concat(prefix, "GhostColorText")],
|
|
33
|
-
bgHover: theme["button".concat(prefix, "GhostColorBgHover")]
|
|
34
|
-
} : {
|
|
35
|
-
text: theme.buttonDisabledGhostColorText
|
|
36
|
-
};
|
|
37
|
-
}, [type, disabled, theme, prefix]);
|
|
38
|
-
var loadingColors = (0, _react.useMemo)(function () {
|
|
39
|
-
if (disabled) {
|
|
40
|
-
return {
|
|
41
|
-
text: theme.buttonDisabledPrimaryColorText,
|
|
42
|
-
bg: theme.buttonDisabledPrimaryColorBg
|
|
43
|
-
};
|
|
44
|
-
}
|
|
45
|
-
if (type === 'primary') {
|
|
46
|
-
return {
|
|
47
|
-
text: theme["button".concat(prefix, "PrimaryColorLoadingText")],
|
|
48
|
-
bg: theme["button".concat(prefix, "PrimaryColorLoadingBg")]
|
|
49
|
-
};
|
|
50
|
-
}
|
|
51
|
-
return {
|
|
52
|
-
text: theme["button".concat(prefix, "GhostColorLoadingText")],
|
|
53
|
-
bg: theme["button".concat(prefix, "GhostColorLoadingBg")]
|
|
54
|
-
};
|
|
55
|
-
}, [disabled, type, theme, prefix]);
|
|
56
|
-
return {
|
|
57
|
-
buttonColors: buttonColors,
|
|
58
|
-
loadingColors: loadingColors
|
|
59
|
-
};
|
|
60
|
-
};
|
|
61
|
-
var _default = exports["default"] = useButtonColors;
|
|
62
|
-
//# sourceMappingURL=useButtonColors.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useButtonColors.js","names":["_theming","require","_react","useButtonColors","_ref","type","danger","disabled","_useTheme","useTheme","theme","prefix","useMemo","buttonColors","text","concat","bg","bgHover","buttonDisabledPrimaryColorText","buttonDisabledPrimaryColorBg","buttonDisabledGhostColorText","loadingColors","_default","exports"],"sources":["../../../../src/Button/utils/useButtonColors.ts"],"sourcesContent":["import { Color, useTheme } from '@os-design/theming';\nimport { useMemo } from 'react';\n\ninterface Props {\n type: 'primary' | 'outline' | 'ghost';\n danger: boolean;\n disabled: boolean;\n}\n\nexport interface ButtonColors {\n text: Color;\n bg?: Color;\n bgHover?: Color;\n}\n\nexport interface LoadingColors {\n text: Color;\n bg: Color;\n}\n\ninterface UseButtonColorsRes {\n buttonColors: ButtonColors;\n loadingColors: LoadingColors;\n}\n\n// Used by Button, ButtonLink\nconst useButtonColors = ({\n type,\n danger,\n disabled,\n}: Props): UseButtonColorsRes => {\n const { theme } = useTheme();\n\n const prefix = useMemo<string>(() => {\n if (danger) return 'Danger';\n return '';\n }, [danger]);\n\n const buttonColors = useMemo<ButtonColors>(() => {\n if (type === 'primary') {\n return !disabled\n ? {\n text: theme[`button${prefix}PrimaryColorText`],\n bg: theme[`button${prefix}PrimaryColorBg`],\n bgHover: theme[`button${prefix}PrimaryColorBgHover`],\n }\n : {\n text: theme.buttonDisabledPrimaryColorText,\n bg: theme.buttonDisabledPrimaryColorBg,\n };\n }\n return !disabled\n ? {\n text: theme[`button${prefix}GhostColorText`],\n bgHover: theme[`button${prefix}GhostColorBgHover`],\n }\n : {\n text: theme.buttonDisabledGhostColorText,\n };\n }, [type, disabled, theme, prefix]);\n\n const loadingColors = useMemo<LoadingColors>(() => {\n if (disabled) {\n return {\n text: theme.buttonDisabledPrimaryColorText,\n bg: theme.buttonDisabledPrimaryColorBg,\n };\n }\n if (type === 'primary') {\n return {\n text: theme[`button${prefix}PrimaryColorLoadingText`],\n bg: theme[`button${prefix}PrimaryColorLoadingBg`],\n };\n }\n return {\n text: theme[`button${prefix}GhostColorLoadingText`],\n bg: theme[`button${prefix}GhostColorLoadingBg`],\n };\n }, [disabled, type, theme, prefix]);\n\n return { buttonColors, loadingColors };\n};\n\nexport default useButtonColors;\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAwBA;AACA,IAAME,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAIY;EAAA,IAH/BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EAER,IAAAC,SAAA,GAAkB,IAAAC,iBAAQ,EAAC,CAAC;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EAEb,IAAMC,MAAM,GAAG,IAAAC,cAAO,EAAS,YAAM;IACnC,IAAIN,MAAM,EAAE,OAAO,QAAQ;IAC3B,OAAO,EAAE;EACX,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,IAAMO,YAAY,GAAG,IAAAD,cAAO,EAAe,YAAM;IAC/C,IAAIP,IAAI,KAAK,SAAS,EAAE;MACtB,OAAO,CAACE,QAAQ,GACZ;QACEO,IAAI,EAAEJ,KAAK,UAAAK,MAAA,CAAUJ,MAAM,sBAAmB;QAC9CK,EAAE,EAAEN,KAAK,UAAAK,MAAA,CAAUJ,MAAM,oBAAiB;QAC1CM,OAAO,EAAEP,KAAK,UAAAK,MAAA,CAAUJ,MAAM;MAChC,CAAC,GACD;QACEG,IAAI,EAAEJ,KAAK,CAACQ,8BAA8B;QAC1CF,EAAE,EAAEN,KAAK,CAACS;MACZ,CAAC;IACP;IACA,OAAO,CAACZ,QAAQ,GACZ;MACEO,IAAI,EAAEJ,KAAK,UAAAK,MAAA,CAAUJ,MAAM,oBAAiB;MAC5CM,OAAO,EAAEP,KAAK,UAAAK,MAAA,CAAUJ,MAAM;IAChC,CAAC,GACD;MACEG,IAAI,EAAEJ,KAAK,CAACU;IACd,CAAC;EACP,CAAC,EAAE,CAACf,IAAI,EAAEE,QAAQ,EAAEG,KAAK,EAAEC,MAAM,CAAC,CAAC;EAEnC,IAAMU,aAAa,GAAG,IAAAT,cAAO,EAAgB,YAAM;IACjD,IAAIL,QAAQ,EAAE;MACZ,OAAO;QACLO,IAAI,EAAEJ,KAAK,CAACQ,8BAA8B;QAC1CF,EAAE,EAAEN,KAAK,CAACS;MACZ,CAAC;IACH;IACA,IAAId,IAAI,KAAK,SAAS,EAAE;MACtB,OAAO;QACLS,IAAI,EAAEJ,KAAK,UAAAK,MAAA,CAAUJ,MAAM,6BAA0B;QACrDK,EAAE,EAAEN,KAAK,UAAAK,MAAA,CAAUJ,MAAM;MAC3B,CAAC;IACH;IACA,OAAO;MACLG,IAAI,EAAEJ,KAAK,UAAAK,MAAA,CAAUJ,MAAM,2BAAwB;MACnDK,EAAE,EAAEN,KAAK,UAAAK,MAAA,CAAUJ,MAAM;IAC3B,CAAC;EACH,CAAC,EAAE,CAACJ,QAAQ,EAAEF,IAAI,EAAEK,KAAK,EAAEC,MAAM,CAAC,CAAC;EAEnC,OAAO;IAAEE,YAAY,EAAZA,YAAY;IAAEQ,aAAa,EAAbA;EAAc,CAAC;AACxC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEapB,eAAe","ignoreList":[]}
|
|
@@ -1,94 +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 _react = require("@emotion/react");
|
|
9
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
10
|
-
var _utils = require("@os-design/utils");
|
|
11
|
-
var _react2 = _interopRequireWildcard(require("react"));
|
|
12
|
-
var _Button = require("../Button");
|
|
13
|
-
var _ButtonContent = _interopRequireDefault(require("../Button/ButtonContent"));
|
|
14
|
-
var _useButtonColors2 = _interopRequireDefault(require("../Button/utils/useButtonColors"));
|
|
15
|
-
var _Link = require("../Link");
|
|
16
|
-
var _excluded = ["type", "danger", "left", "right", "wide", "loading", "disabled", "size", "as", "onMouseDown", "onKeyDown", "children"];
|
|
17
|
-
var _templateObject, _templateObject2;
|
|
18
|
-
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); }
|
|
19
|
-
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; }
|
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
22
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
23
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
|
|
24
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
25
|
-
var disabledStyles = function disabledStyles(p) {
|
|
26
|
-
return p.disabled && (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n pointer-events: none;\n "])));
|
|
27
|
-
};
|
|
28
|
-
var StyledButtonLink = (0, _styled["default"])(_Button.StyledButton.withComponent('a'), (0, _utils.omitEmotionProps)('as', 'disabled'))(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n text-decoration: none;\n display: inline-flex;\n ", ";\n"])), disabledStyles);
|
|
29
|
-
|
|
30
|
-
/**
|
|
31
|
-
* The button that is rendered as a link.
|
|
32
|
-
*/
|
|
33
|
-
var ButtonLink = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
|
|
34
|
-
var _ref$type = _ref.type,
|
|
35
|
-
type = _ref$type === void 0 ? 'primary' : _ref$type,
|
|
36
|
-
_ref$danger = _ref.danger,
|
|
37
|
-
danger = _ref$danger === void 0 ? false : _ref$danger,
|
|
38
|
-
left = _ref.left,
|
|
39
|
-
right = _ref.right,
|
|
40
|
-
_ref$wide = _ref.wide,
|
|
41
|
-
wide = _ref$wide === void 0 ? 'default' : _ref$wide,
|
|
42
|
-
_ref$loading = _ref.loading,
|
|
43
|
-
loading = _ref$loading === void 0 ? false : _ref$loading,
|
|
44
|
-
_ref$disabled = _ref.disabled,
|
|
45
|
-
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
46
|
-
size = _ref.size,
|
|
47
|
-
as = _ref.as,
|
|
48
|
-
_ref$onMouseDown = _ref.onMouseDown,
|
|
49
|
-
_onMouseDown = _ref$onMouseDown === void 0 ? function () {} : _ref$onMouseDown,
|
|
50
|
-
_ref$onKeyDown = _ref.onKeyDown,
|
|
51
|
-
_onKeyDown = _ref$onKeyDown === void 0 ? function () {} : _ref$onKeyDown,
|
|
52
|
-
children = _ref.children,
|
|
53
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
54
|
-
var _useButtonColors = (0, _useButtonColors2["default"])({
|
|
55
|
-
type: type,
|
|
56
|
-
danger: danger,
|
|
57
|
-
disabled: disabled
|
|
58
|
-
}),
|
|
59
|
-
buttonColors = _useButtonColors.buttonColors,
|
|
60
|
-
loadingColors = _useButtonColors.loadingColors;
|
|
61
|
-
var link = /*#__PURE__*/_react2["default"].createElement(StyledButtonLink, _extends({
|
|
62
|
-
btnType: type,
|
|
63
|
-
colors: buttonColors,
|
|
64
|
-
wide: wide,
|
|
65
|
-
loading: loading,
|
|
66
|
-
disabled: disabled || loading,
|
|
67
|
-
size: size,
|
|
68
|
-
as: as,
|
|
69
|
-
onMouseDown: function onMouseDown(e) {
|
|
70
|
-
_onMouseDown(e);
|
|
71
|
-
e.preventDefault();
|
|
72
|
-
},
|
|
73
|
-
onKeyDown: function onKeyDown(e) {
|
|
74
|
-
_onKeyDown(e);
|
|
75
|
-
if (disabled || loading) e.preventDefault();
|
|
76
|
-
},
|
|
77
|
-
"aria-disabled": disabled || loading,
|
|
78
|
-
"aria-busy": loading
|
|
79
|
-
}, rest, {
|
|
80
|
-
ref: ref
|
|
81
|
-
}), /*#__PURE__*/_react2["default"].createElement(_ButtonContent["default"], {
|
|
82
|
-
left: left,
|
|
83
|
-
right: right,
|
|
84
|
-
loading: loading,
|
|
85
|
-
loadingColors: loadingColors
|
|
86
|
-
}, children));
|
|
87
|
-
if (disabled || loading) {
|
|
88
|
-
return /*#__PURE__*/_react2["default"].createElement(_Link.DisabledWrapper, null, link);
|
|
89
|
-
}
|
|
90
|
-
return link;
|
|
91
|
-
});
|
|
92
|
-
ButtonLink.displayName = 'ButtonLink';
|
|
93
|
-
var _default = exports["default"] = ButtonLink;
|
|
94
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_utils","_react2","_interopRequireWildcard","_Button","_ButtonContent","_useButtonColors2","_Link","_excluded","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","prototype","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","disabledStyles","p","disabled","css","StyledButtonLink","styled","StyledButton","withComponent","omitEmotionProps","ButtonLink","forwardRef","_ref","ref","_ref$type","type","_ref$danger","danger","left","right","_ref$wide","wide","_ref$loading","loading","_ref$disabled","size","as","_ref$onMouseDown","onMouseDown","_ref$onKeyDown","onKeyDown","children","rest","_useButtonColors","useButtonColors","buttonColors","loadingColors","link","createElement","btnType","colors","preventDefault","DisabledWrapper","displayName","_default","exports"],"sources":["../../../src/ButtonLink/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\nimport { ButtonProps, StyledButton } from '../Button';\nimport ButtonContent from '../Button/ButtonContent';\nimport useButtonColors from '../Button/utils/useButtonColors';\nimport { DisabledWrapper, LinkProps, ReactRouterLinkProps } from '../Link';\n\ntype JsxAProps = Omit<JSX.IntrinsicElements['a'], 'type' | 'ref'>;\nexport type ButtonLinkProps = JsxAProps &\n ReactRouterLinkProps &\n Pick<LinkProps, 'as'> &\n ButtonProps;\n\nconst disabledStyles = (p) =>\n p.disabled &&\n css`\n pointer-events: none;\n `;\n\nconst StyledButtonLink = styled(\n StyledButton.withComponent('a'),\n omitEmotionProps('as', 'disabled')\n)`\n text-decoration: none;\n display: inline-flex;\n ${disabledStyles};\n`;\n\n/**\n * The button that is rendered as a link.\n */\nconst ButtonLink = forwardRef<HTMLAnchorElement, ButtonLinkProps>(\n (\n {\n type = 'primary',\n danger = false,\n left,\n right,\n wide = 'default',\n loading = false,\n disabled = false,\n size,\n as,\n onMouseDown = () => {},\n onKeyDown = () => {},\n children,\n ...rest\n },\n ref\n ) => {\n const { buttonColors, loadingColors } = useButtonColors({\n type,\n danger,\n disabled,\n });\n\n const link = (\n <StyledButtonLink\n btnType={type}\n colors={buttonColors}\n wide={wide}\n loading={loading}\n disabled={disabled || loading}\n size={size}\n as={as}\n onMouseDown={(e) => {\n onMouseDown(e);\n e.preventDefault();\n }}\n onKeyDown={(e) => {\n onKeyDown(e);\n if (disabled || loading) e.preventDefault();\n }}\n aria-disabled={disabled || loading}\n aria-busy={loading}\n {...rest}\n ref={ref}\n >\n <ButtonContent\n left={left}\n right={right}\n loading={loading}\n loadingColors={loadingColors}\n >\n {children}\n </ButtonContent>\n </StyledButtonLink>\n );\n\n if (disabled || loading) {\n return <DisabledWrapper>{link}</DisabledWrapper>;\n }\n\n return link;\n }\n);\n\nButtonLink.displayName = 'ButtonLink';\n\nexport default ButtonLink;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,136 +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 _react = require("@emotion/react");
|
|
9
|
-
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
10
|
-
var _icons = require("@os-design/icons");
|
|
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 _excluded = ["disabled", "value", "defaultValue", "onChange", "size", "onKeyDown", "onMouseDown", "children"];
|
|
16
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
|
|
17
|
-
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); }
|
|
18
|
-
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; }
|
|
19
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
20
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
21
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
22
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
23
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
24
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
25
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
26
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
27
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
28
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
|
|
29
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
30
|
-
var uncheckedIconStyles = function uncheckedIconStyles(p) {
|
|
31
|
-
return !p.checked && (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background-color: ", ";\n border-color: ", ";\n "])), (0, _theming.clr)(p.theme.checkboxUncheckedColorBg), (0, _theming.clr)(p.theme.checkboxUncheckedColorBorder));
|
|
32
|
-
};
|
|
33
|
-
var checkedIconStyles = function checkedIconStyles(p) {
|
|
34
|
-
return p.checked && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n background-color: ", ";\n border-color: ", ";\n "])), (0, _theming.clr)(p.theme.checkboxCheckedColorBg), (0, _theming.clr)(p.theme.checkboxCheckedColorBg));
|
|
35
|
-
};
|
|
36
|
-
var disabledIconStyles = function disabledIconStyles(p) {
|
|
37
|
-
return p.disabled && (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n "])), (0, _theming.clr)(p.theme.checkboxDisabledColorBg), (0, _theming.clr)(p.theme.checkboxDisabledColorIcon), (0, _theming.clr)(p.theme.checkboxDisabledColorBorder));
|
|
38
|
-
};
|
|
39
|
-
var IconContainer = (0, _styled["default"])('span', (0, _utils.omitEmotionProps)('disabled', 'checked'))(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n width: ", "em;\n height: ", "em;\n min-width: ", "em;\n min-height: ", "em;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n box-sizing: border-box;\n line-height: 1;\n\n border: 1px solid transparent;\n border-radius: ", "em;\n color: ", ";\n margin-top: ", "em;\n\n ", ";\n ", ";\n ", ";\n ", ";\n"])), function (p) {
|
|
40
|
-
return p.theme.checkboxSize;
|
|
41
|
-
}, function (p) {
|
|
42
|
-
return p.theme.checkboxSize;
|
|
43
|
-
}, function (p) {
|
|
44
|
-
return p.theme.checkboxSize;
|
|
45
|
-
}, function (p) {
|
|
46
|
-
return p.theme.checkboxSize;
|
|
47
|
-
}, function (p) {
|
|
48
|
-
return p.theme.borderRadius;
|
|
49
|
-
}, function (p) {
|
|
50
|
-
return (0, _theming.clr)(p.theme.checkboxCheckedColorIcon);
|
|
51
|
-
}, function (p) {
|
|
52
|
-
return (p.theme.lineHeight - p.theme.checkboxSize) / 2;
|
|
53
|
-
}, uncheckedIconStyles, checkedIconStyles, disabledIconStyles, (0, _styles.transitionStyles)('background-color', 'color', 'border-color'));
|
|
54
|
-
var hoverUncheckedIconStyles = function hoverUncheckedIconStyles(p) {
|
|
55
|
-
return !p.checked && (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n background-color: ", ";\n "])), (0, _theming.clr)(p.theme.checkboxUncheckedColorBgHover));
|
|
56
|
-
};
|
|
57
|
-
var hoverCheckedIconStyles = function hoverCheckedIconStyles(p) {
|
|
58
|
-
return p.checked && (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n background-color: ", ";\n border-color: ", ";\n "])), (0, _theming.clr)(p.theme.checkboxCheckedColorBgHover), (0, _theming.clr)(p.theme.checkboxCheckedColorBgHover));
|
|
59
|
-
};
|
|
60
|
-
var hoverStyles = function hoverStyles(p) {
|
|
61
|
-
return !p.disabled && (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n @media (hover: hover) {\n &:hover,\n &:focus {\n & > span {\n ", ";\n ", ";\n }\n }\n }\n "])), hoverUncheckedIconStyles(p), hoverCheckedIconStyles(p));
|
|
62
|
-
};
|
|
63
|
-
var disabledContainerStyles = function disabledContainerStyles(p) {
|
|
64
|
-
return p.disabled && (0, _react.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
|
|
65
|
-
};
|
|
66
|
-
var Container = (0, _styled["default"])('label', (0, _utils.omitEmotionProps)('disabled', 'size', 'checked'))(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n ", ";\n cursor: pointer;\n user-select: none;\n\n display: flex;\n margin: ", "em 0;\n\n ", ";\n ", ";\n ", ";\n ", ";\n"])), _styles.resetFocusStyles, function (p) {
|
|
67
|
-
return p.theme.checkboxVerticalIndent;
|
|
68
|
-
}, hoverStyles, disabledContainerStyles, _styles.sizeStyles, (0, _styles.transitionStyles)('color'));
|
|
69
|
-
var disabledTextStyles = function disabledTextStyles(p) {
|
|
70
|
-
return p.disabled && (0, _react.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n color: ", ";\n "])), (0, _theming.clr)(p.theme.checkboxDisabledColorText));
|
|
71
|
-
};
|
|
72
|
-
var Text = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('disabled'))(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n margin-left: 0.4em;\n color: ", ";\n ", ";\n"])), function (p) {
|
|
73
|
-
return (0, _theming.clr)(p.theme.colorText);
|
|
74
|
-
}, disabledTextStyles);
|
|
75
|
-
|
|
76
|
-
/**
|
|
77
|
-
* The checkbox that can be enabled or disabled.
|
|
78
|
-
*/
|
|
79
|
-
var Checkbox = /*#__PURE__*/(0, _react2.forwardRef)(function (_ref, ref) {
|
|
80
|
-
var _ref$disabled = _ref.disabled,
|
|
81
|
-
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
82
|
-
value = _ref.value,
|
|
83
|
-
defaultValue = _ref.defaultValue,
|
|
84
|
-
_ref$onChange = _ref.onChange,
|
|
85
|
-
onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
|
|
86
|
-
size = _ref.size,
|
|
87
|
-
_ref$onKeyDown = _ref.onKeyDown,
|
|
88
|
-
_onKeyDown = _ref$onKeyDown === void 0 ? function () {} : _ref$onKeyDown,
|
|
89
|
-
_ref$onMouseDown = _ref.onMouseDown,
|
|
90
|
-
_onMouseDown = _ref$onMouseDown === void 0 ? function () {} : _ref$onMouseDown,
|
|
91
|
-
children = _ref.children,
|
|
92
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
93
|
-
var _useForwardedState = (0, _utils.useForwardedState)({
|
|
94
|
-
value: value,
|
|
95
|
-
defaultValue: defaultValue,
|
|
96
|
-
onChange: onChange
|
|
97
|
-
}),
|
|
98
|
-
_useForwardedState2 = _slicedToArray(_useForwardedState, 2),
|
|
99
|
-
forwardedValue = _useForwardedState2[0],
|
|
100
|
-
setForwardedValue = _useForwardedState2[1];
|
|
101
|
-
return /*#__PURE__*/_react2["default"].createElement(Container, _extends({
|
|
102
|
-
disabled: disabled,
|
|
103
|
-
checked: forwardedValue,
|
|
104
|
-
size: size,
|
|
105
|
-
tabIndex: !disabled ? 0 : -1,
|
|
106
|
-
onClick: function onClick() {
|
|
107
|
-
if (disabled) return;
|
|
108
|
-
setForwardedValue(!forwardedValue);
|
|
109
|
-
},
|
|
110
|
-
onKeyDown: function onKeyDown(e) {
|
|
111
|
-
if (disabled) return;
|
|
112
|
-
if (['Enter', ' '].includes(e.key)) {
|
|
113
|
-
setForwardedValue(!forwardedValue);
|
|
114
|
-
e.preventDefault();
|
|
115
|
-
}
|
|
116
|
-
_onKeyDown(e);
|
|
117
|
-
},
|
|
118
|
-
onMouseDown: function onMouseDown(e) {
|
|
119
|
-
_onMouseDown(e);
|
|
120
|
-
e.preventDefault();
|
|
121
|
-
},
|
|
122
|
-
role: "checkbox",
|
|
123
|
-
"aria-checked": forwardedValue,
|
|
124
|
-
"aria-disabled": disabled
|
|
125
|
-
}, rest, {
|
|
126
|
-
ref: ref
|
|
127
|
-
}), /*#__PURE__*/_react2["default"].createElement(IconContainer, {
|
|
128
|
-
disabled: disabled,
|
|
129
|
-
checked: forwardedValue
|
|
130
|
-
}, forwardedValue && /*#__PURE__*/_react2["default"].createElement(_icons.Check, null)), children && /*#__PURE__*/_react2["default"].createElement(Text, {
|
|
131
|
-
disabled: disabled
|
|
132
|
-
}, children));
|
|
133
|
-
});
|
|
134
|
-
Checkbox.displayName = 'Checkbox';
|
|
135
|
-
var _default = exports["default"] = Checkbox;
|
|
136
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","require","_styled","_interopRequireDefault","_icons","_styles","_theming","_utils","_react2","_interopRequireWildcard","_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","obj","_extends","assign","bind","target","arguments","length","source","key","prototype","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","arr2","l","Symbol","iterator","f","next","done","push","value","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","_taggedTemplateLiteral","strings","raw","freeze","defineProperties","uncheckedIconStyles","p","checked","css","clr","theme","checkboxUncheckedColorBg","checkboxUncheckedColorBorder","checkedIconStyles","checkboxCheckedColorBg","disabledIconStyles","disabled","checkboxDisabledColorBg","checkboxDisabledColorIcon","checkboxDisabledColorBorder","IconContainer","styled","omitEmotionProps","checkboxSize","borderRadius","checkboxCheckedColorIcon","lineHeight","transitionStyles","hoverUncheckedIconStyles","checkboxUncheckedColorBgHover","hoverCheckedIconStyles","checkboxCheckedColorBgHover","hoverStyles","disabledContainerStyles","Container","resetFocusStyles","checkboxVerticalIndent","sizeStyles","disabledTextStyles","checkboxDisabledColorText","Text","colorText","Checkbox","forwardRef","_ref","ref","_ref$disabled","defaultValue","_ref$onChange","onChange","size","_ref$onKeyDown","onKeyDown","_ref$onMouseDown","onMouseDown","children","rest","_useForwardedState","useForwardedState","_useForwardedState2","forwardedValue","setForwardedValue","createElement","tabIndex","onClick","includes","preventDefault","role","Check","displayName","_default","exports"],"sources":["../../../src/Checkbox/index.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { Check } from '@os-design/icons';\nimport {\n resetFocusStyles,\n sizeStyles,\n transitionStyles,\n WithSize,\n} from '@os-design/styles';\nimport { clr } from '@os-design/theming';\nimport { omitEmotionProps, useForwardedState } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\n\ntype JsxLabelProps = Omit<\n JSX.IntrinsicElements['label'],\n 'defaultValue' | 'onChange' | 'onClick' | 'ref'\n>;\nexport interface CheckboxProps extends JsxLabelProps, WithSize {\n /**\n * Whether the checkbox is disabled.\n * @default false\n */\n disabled?: boolean;\n /**\n * Whether the checkbox is checked.\n * @default false\n */\n value?: boolean;\n /**\n * The default value.\n * @default undefined\n */\n defaultValue?: boolean;\n /**\n * The change event handler.\n * @default undefined\n */\n onChange?: (value: boolean) => void;\n}\n\nconst uncheckedIconStyles = (p) =>\n !p.checked &&\n css`\n background-color: ${clr(p.theme.checkboxUncheckedColorBg)};\n border-color: ${clr(p.theme.checkboxUncheckedColorBorder)};\n `;\n\nconst checkedIconStyles = (p) =>\n p.checked &&\n css`\n background-color: ${clr(p.theme.checkboxCheckedColorBg)};\n border-color: ${clr(p.theme.checkboxCheckedColorBg)};\n `;\n\nconst disabledIconStyles = (p) =>\n p.disabled &&\n css`\n background-color: ${clr(p.theme.checkboxDisabledColorBg)};\n color: ${clr(p.theme.checkboxDisabledColorIcon)};\n border-color: ${clr(p.theme.checkboxDisabledColorBorder)};\n `;\n\ninterface IconContainerProps extends Required<Pick<CheckboxProps, 'disabled'>> {\n checked: Required<CheckboxProps['value']>;\n}\nconst IconContainer = styled(\n 'span',\n omitEmotionProps('disabled', 'checked')\n)<IconContainerProps>`\n width: ${(p) => p.theme.checkboxSize}em;\n height: ${(p) => p.theme.checkboxSize}em;\n min-width: ${(p) => p.theme.checkboxSize}em;\n min-height: ${(p) => p.theme.checkboxSize}em;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n box-sizing: border-box;\n line-height: 1;\n\n border: 1px solid transparent;\n border-radius: ${(p) => p.theme.borderRadius}em;\n color: ${(p) => clr(p.theme.checkboxCheckedColorIcon)};\n margin-top: ${(p) => (p.theme.lineHeight - p.theme.checkboxSize) / 2}em;\n\n ${uncheckedIconStyles};\n ${checkedIconStyles};\n ${disabledIconStyles};\n ${transitionStyles('background-color', 'color', 'border-color')};\n`;\n\nconst hoverUncheckedIconStyles = (p) =>\n !p.checked &&\n css`\n background-color: ${clr(p.theme.checkboxUncheckedColorBgHover)};\n `;\n\nconst hoverCheckedIconStyles = (p) =>\n p.checked &&\n css`\n background-color: ${clr(p.theme.checkboxCheckedColorBgHover)};\n border-color: ${clr(p.theme.checkboxCheckedColorBgHover)};\n `;\n\nconst hoverStyles = (p) =>\n !p.disabled &&\n css`\n @media (hover: hover) {\n &:hover,\n &:focus {\n & > span {\n ${hoverUncheckedIconStyles(p)};\n ${hoverCheckedIconStyles(p)};\n }\n }\n }\n `;\n\nconst disabledContainerStyles = (p) =>\n p.disabled &&\n css`\n cursor: not-allowed;\n `;\n\ninterface ContainerProps\n extends Required<Pick<CheckboxProps, 'disabled'>>,\n Pick<CheckboxProps, 'size'> {\n checked: Required<CheckboxProps['value']>;\n}\nconst Container = styled(\n 'label',\n omitEmotionProps('disabled', 'size', 'checked')\n)<ContainerProps>`\n ${resetFocusStyles};\n cursor: pointer;\n user-select: none;\n\n display: flex;\n margin: ${(p) => p.theme.checkboxVerticalIndent}em 0;\n\n ${hoverStyles};\n ${disabledContainerStyles};\n ${sizeStyles};\n ${transitionStyles('color')};\n`;\n\nconst disabledTextStyles = (p) =>\n p.disabled &&\n css`\n color: ${clr(p.theme.checkboxDisabledColorText)};\n `;\n\ntype TextProps = Required<Pick<CheckboxProps, 'disabled'>>;\nconst Text = styled('div', omitEmotionProps('disabled'))<TextProps>`\n margin-left: 0.4em;\n color: ${(p) => clr(p.theme.colorText)};\n ${disabledTextStyles};\n`;\n\n/**\n * The checkbox that can be enabled or disabled.\n */\nconst Checkbox = forwardRef<HTMLLabelElement, CheckboxProps>(\n (\n {\n disabled = false,\n value,\n defaultValue,\n onChange = () => {},\n size,\n onKeyDown = () => {},\n onMouseDown = () => {},\n children,\n ...rest\n },\n ref\n ) => {\n const [forwardedValue, setForwardedValue] = useForwardedState({\n value,\n defaultValue,\n onChange,\n });\n\n return (\n <Container\n disabled={disabled}\n checked={forwardedValue}\n size={size}\n tabIndex={!disabled ? 0 : -1}\n onClick={() => {\n if (disabled) return;\n setForwardedValue(!forwardedValue);\n }}\n onKeyDown={(e) => {\n if (disabled) return;\n if (['Enter', ' '].includes(e.key)) {\n setForwardedValue(!forwardedValue);\n e.preventDefault();\n }\n onKeyDown(e);\n }}\n onMouseDown={(e) => {\n onMouseDown(e);\n e.preventDefault();\n }}\n role='checkbox'\n aria-checked={forwardedValue}\n aria-disabled={disabled}\n {...rest}\n ref={ref}\n >\n <IconContainer disabled={disabled} checked={forwardedValue}>\n {forwardedValue && <Check />}\n </IconContainer>\n\n {children && <Text disabled={disabled}>{children}</Text>}\n </Container>\n );\n }\n);\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,67 +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 _Skeleton = _interopRequireDefault(require("../Skeleton"));
|
|
14
|
-
var _excluded = ["width", "children"];
|
|
15
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
20
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
21
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
|
|
22
|
-
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
23
|
-
var Container = (0, _styled["default"])('div', (0, _utils.omitEmotionProps)('size'))(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n user-select: none;\n display: flex;\n margin: ", "em 0;\n ", ";\n"])), function (p) {
|
|
24
|
-
return p.theme.checkboxVerticalIndent;
|
|
25
|
-
}, _styles.sizeStyles);
|
|
26
|
-
var ImageSkeleton = (0, _styled["default"])(_Skeleton["default"])(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: ", "em;\n height: ", "em;\n min-width: ", "em;\n min-height: ", "em;\n\n border-radius: ", "em;\n margin-top: ", "em;\n"])), function (p) {
|
|
27
|
-
return p.theme.checkboxSize;
|
|
28
|
-
}, function (p) {
|
|
29
|
-
return p.theme.checkboxSize;
|
|
30
|
-
}, function (p) {
|
|
31
|
-
return p.theme.checkboxSize;
|
|
32
|
-
}, function (p) {
|
|
33
|
-
return p.theme.checkboxSize;
|
|
34
|
-
}, function (p) {
|
|
35
|
-
return p.theme.borderRadius;
|
|
36
|
-
}, function (p) {
|
|
37
|
-
return (p.theme.lineHeight - p.theme.checkboxSize) / 2;
|
|
38
|
-
});
|
|
39
|
-
var Text = _styled["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin-left: 0.4em;\n color: ", ";\n"])), function (p) {
|
|
40
|
-
return (0, _theming.clr)(p.theme.colorText);
|
|
41
|
-
});
|
|
42
|
-
var TextSkeleton = (0, _styled["default"])(_Skeleton["default"])(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n margin-left: 0.4em;\n margin-top: ", "em;\n margin-bottom: ", "em;\n"])), function (p) {
|
|
43
|
-
return (p.theme.lineHeight - 1) / 2;
|
|
44
|
-
}, function (p) {
|
|
45
|
-
return (p.theme.lineHeight - 1) / 2;
|
|
46
|
-
});
|
|
47
|
-
|
|
48
|
-
/**
|
|
49
|
-
* Provides a checkbox placeholder while a user waits for the content to load.
|
|
50
|
-
*/
|
|
51
|
-
var CheckboxSkeleton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
52
|
-
var _ref$width = _ref.width,
|
|
53
|
-
width = _ref$width === void 0 ? '100%' : _ref$width,
|
|
54
|
-
children = _ref.children,
|
|
55
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
56
|
-
return /*#__PURE__*/_react["default"].createElement(Container, _extends({
|
|
57
|
-
role: "checkbox",
|
|
58
|
-
"aria-busy": true
|
|
59
|
-
}, rest, {
|
|
60
|
-
ref: ref
|
|
61
|
-
}), /*#__PURE__*/_react["default"].createElement(ImageSkeleton, null), children ? /*#__PURE__*/_react["default"].createElement(Text, null, children) : /*#__PURE__*/_react["default"].createElement(TextSkeleton, {
|
|
62
|
-
width: width
|
|
63
|
-
}));
|
|
64
|
-
});
|
|
65
|
-
CheckboxSkeleton.displayName = 'CheckboxSkeleton';
|
|
66
|
-
var _default = exports["default"] = CheckboxSkeleton;
|
|
67
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_styled","_interopRequireDefault","require","_styles","_theming","_utils","_react","_interopRequireWildcard","_Skeleton","_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","obj","_extends","assign","bind","target","arguments","length","source","key","prototype","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","value","Container","styled","omitEmotionProps","p","theme","checkboxVerticalIndent","sizeStyles","ImageSkeleton","Skeleton","checkboxSize","borderRadius","lineHeight","Text","div","clr","colorText","TextSkeleton","CheckboxSkeleton","forwardRef","_ref","ref","_ref$width","width","children","rest","createElement","role","displayName","_default","exports"],"sources":["../../../src/CheckboxSkeleton/index.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { sizeStyles, WithSize } from '@os-design/styles';\nimport { clr } from '@os-design/theming';\nimport { omitEmotionProps } from '@os-design/utils';\nimport React, { forwardRef } from 'react';\nimport Skeleton from '../Skeleton';\n\ntype JsxDivProps = Omit<JSX.IntrinsicElements['div'], 'ref'>;\nexport interface CheckboxSkeletonProps extends JsxDivProps, WithSize {\n /**\n * The width of the skeleton.\n * @default 100%\n */\n width?: string;\n}\n\nconst Container = styled('div', omitEmotionProps('size'))<WithSize>`\n user-select: none;\n display: flex;\n margin: ${(p) => p.theme.checkboxVerticalIndent}em 0;\n ${sizeStyles};\n`;\n\nconst ImageSkeleton = styled(Skeleton)`\n width: ${(p) => p.theme.checkboxSize}em;\n height: ${(p) => p.theme.checkboxSize}em;\n min-width: ${(p) => p.theme.checkboxSize}em;\n min-height: ${(p) => p.theme.checkboxSize}em;\n\n border-radius: ${(p) => p.theme.borderRadius}em;\n margin-top: ${(p) => (p.theme.lineHeight - p.theme.checkboxSize) / 2}em;\n`;\n\nconst Text = styled.div`\n margin-left: 0.4em;\n color: ${(p) => clr(p.theme.colorText)};\n`;\n\nconst TextSkeleton = styled(Skeleton)`\n margin-left: 0.4em;\n margin-top: ${(p) => (p.theme.lineHeight - 1) / 2}em;\n margin-bottom: ${(p) => (p.theme.lineHeight - 1) / 2}em;\n`;\n\n/**\n * Provides a checkbox placeholder while a user waits for the content to load.\n */\nconst CheckboxSkeleton = forwardRef<HTMLDivElement, CheckboxSkeletonProps>(\n ({ width = '100%', children, ...rest }, ref) => (\n <Container role='checkbox' aria-busy {...rest} ref={ref}>\n <ImageSkeleton />\n {children ? <Text>{children}</Text> : <TextSkeleton width={width} />}\n </Container>\n )\n);\n\nCheckboxSkeleton.displayName = 'CheckboxSkeleton';\n\nexport default CheckboxSkeleton;\n"],"mappings":"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","ignoreList":[]}
|