@koine/react 1.0.9 → 1.0.10
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/package.json +22 -9
- package/Alert/Alert.d.ts +0 -5
- package/Alert/Alert.js +0 -16
- package/Alert/index.d.ts +0 -1
- package/Alert/index.js +0 -1
- package/Alert/package.json +0 -6
- package/Animations/Reveal.d.ts +0 -4
- package/Animations/Reveal.js +0 -15
- package/Animations/Underline.d.ts +0 -1
- package/Animations/Underline.js +0 -15
- package/Animations/index.d.ts +0 -3
- package/Animations/index.js +0 -3
- package/Animations/package.json +0 -6
- package/Animations/useReveal.d.ts +0 -33
- package/Animations/useReveal.js +0 -70
- package/Autocomplete/AutocompleteDownshift.d.ts +0 -1
- package/Autocomplete/AutocompleteDownshift.js +0 -158
- package/Autocomplete/AutocompleteDownshiftMultiselect.d.ts +0 -1
- package/Autocomplete/AutocompleteDownshiftMultiselect.js +0 -353
- package/Autocomplete/AutocompleteMui.d.ts +0 -47
- package/Autocomplete/AutocompleteMui.js +0 -177
- package/Autocomplete/AutocompleteReach.d.ts +0 -1
- package/Autocomplete/AutocompleteReach.js +0 -112
- package/Autocomplete/components.d.ts +0 -21
- package/Autocomplete/components.js +0 -89
- package/Autocomplete/helpers.d.ts +0 -3
- package/Autocomplete/helpers.js +0 -28
- package/Autocomplete/index.d.ts +0 -2
- package/Autocomplete/index.js +0 -3
- package/Autocomplete/package.json +0 -6
- package/Bg/BgColor.d.ts +0 -36
- package/Bg/BgColor.js +0 -31
- package/Bg/BgPhoto.d.ts +0 -13
- package/Bg/BgPhoto.js +0 -59
- package/Bg/BgSvg.d.ts +0 -7
- package/Bg/BgSvg.js +0 -15
- package/Bg/index.d.ts +0 -3
- package/Bg/index.js +0 -3
- package/Bg/package.json +0 -6
- package/Breadcrumbs/Breadcrumbs.d.ts +0 -13
- package/Breadcrumbs/Breadcrumbs.js +0 -67
- package/Breadcrumbs/index.d.ts +0 -1
- package/Breadcrumbs/index.js +0 -1
- package/Breadcrumbs/package.json +0 -6
- package/Buttons/Button.d.ts +0 -18
- package/Buttons/Button.js +0 -79
- package/Buttons/ButtonComposite.d.ts +0 -23
- package/Buttons/ButtonComposite.js +0 -49
- package/Buttons/ButtonFab.d.ts +0 -7
- package/Buttons/ButtonFab.js +0 -8
- package/Buttons/ButtonLink.d.ts +0 -8
- package/Buttons/ButtonLink.js +0 -10
- package/Buttons/IconButton.d.ts +0 -11
- package/Buttons/IconButton.js +0 -19
- package/Buttons/index.d.ts +0 -5
- package/Buttons/index.js +0 -5
- package/Buttons/package.json +0 -6
- package/Calendar/CalendarDaygridCell.d.ts +0 -36
- package/Calendar/CalendarDaygridCell.js +0 -51
- package/Calendar/CalendarDaygridNav.d.ts +0 -27
- package/Calendar/CalendarDaygridNav.js +0 -22
- package/Calendar/CalendarDaygridTable.d.ts +0 -25
- package/Calendar/CalendarDaygridTable.js +0 -55
- package/Calendar/CalendarLegend.d.ts +0 -19
- package/Calendar/CalendarLegend.js +0 -11
- package/Calendar/calendar-api-google.d.ts +0 -18
- package/Calendar/calendar-api-google.js +0 -94
- package/Calendar/index.d.ts +0 -6
- package/Calendar/index.js +0 -6
- package/Calendar/package.json +0 -6
- package/Calendar/types.d.ts +0 -81
- package/Calendar/types.js +0 -1
- package/Calendar/useCalendar.d.ts +0 -49
- package/Calendar/useCalendar.js +0 -182
- package/Calendar/utils.d.ts +0 -11
- package/Calendar/utils.js +0 -203
- package/Carousel/Carousel.d.ts +0 -1
- package/Carousel/Carousel.js +0 -378
- package/Carousel/CarouselCss.d.ts +0 -47
- package/Carousel/CarouselCss.js +0 -36
- package/Carousel/index.d.ts +0 -1
- package/Carousel/index.js +0 -1
- package/Carousel/package.json +0 -6
- package/Collapsable/Collapsable.d.ts +0 -1
- package/Collapsable/Collapsable.js +0 -1
- package/Collapsable/CollapsableReach.d.ts +0 -66
- package/Collapsable/CollapsableReach.js +0 -135
- package/Collapsable/index.d.ts +0 -1
- package/Collapsable/index.js +0 -1
- package/Collapsable/package.json +0 -6
- package/Debug/Debug.d.ts +0 -4
- package/Debug/Debug.js +0 -21
- package/Debug/index.d.ts +0 -1
- package/Debug/index.js +0 -1
- package/Debug/package.json +0 -6
- package/Dialog/DialogMui.d.ts +0 -139
- package/Dialog/DialogMui.js +0 -78
- package/Dialog/css/bare.d.ts +0 -145
- package/Dialog/css/bare.js +0 -19
- package/Dialog/index.d.ts +0 -2
- package/Dialog/index.js +0 -1
- package/Dialog/m/bare.d.ts +0 -56
- package/Dialog/m/bare.js +0 -48
- package/Dialog/m/basic.d.ts +0 -4
- package/Dialog/m/basic.js +0 -31
- package/Dialog/m/index.d.ts +0 -2
- package/Dialog/m/index.js +0 -4
- package/Dialog/m/package.json +0 -6
- package/Dialog/package.json +0 -6
- package/Dialog/sc/bare.d.ts +0 -105
- package/Dialog/sc/bare.js +0 -61
- package/Dialog/sc/framer.d.ts +0 -80
- package/Dialog/sc/framer.js +0 -16
- package/Dialog/sc/framerMaterial.d.ts +0 -79
- package/Dialog/sc/framerMaterial.js +0 -16
- package/Dialog/sc/material.d.ts +0 -94
- package/Dialog/sc/material.js +0 -41
- package/Dialog/tw/bare.d.ts +0 -196
- package/Dialog/tw/bare.js +0 -36
- package/Dialog/tw/elegant.d.ts +0 -244
- package/Dialog/tw/elegant.js +0 -18
- package/Dialog/tw/framer.d.ts +0 -112
- package/Dialog/tw/framer.js +0 -16
- package/Dialog/tw/framerMaterial.d.ts +0 -167
- package/Dialog/tw/framerMaterial.js +0 -16
- package/Dialog/tw/material.d.ts +0 -244
- package/Dialog/tw/material.js +0 -18
- package/Editor/Editor--tiptap.d.ts +0 -9
- package/Editor/Editor--tiptap.js +0 -23
- package/Editor/components.d.ts +0 -7
- package/Editor/components.js +0 -28
- package/Editor/index.d.ts +0 -1
- package/Editor/index.js +0 -1
- package/Editor/package.json +0 -6
- package/Favicon/FaviconTags.d.ts +0 -18
- package/Favicon/FaviconTags.js +0 -14
- package/Favicon/index.d.ts +0 -1
- package/Favicon/index.js +0 -1
- package/Favicon/package.json +0 -6
- package/Forms/Checkbox/Checkbox.d.ts +0 -11
- package/Forms/Checkbox/Checkbox.js +0 -24
- package/Forms/Checkbox/index.d.ts +0 -1
- package/Forms/Checkbox/index.js +0 -1
- package/Forms/Checkbox/package.json +0 -6
- package/Forms/Feedback/Feedback.d.ts +0 -5
- package/Forms/Feedback/Feedback.js +0 -10
- package/Forms/Feedback/index.d.ts +0 -1
- package/Forms/Feedback/index.js +0 -1
- package/Forms/Feedback/package.json +0 -6
- package/Forms/Field/Field.d.ts +0 -15
- package/Forms/Field/Field.js +0 -59
- package/Forms/Field/FieldControl.d.ts +0 -26
- package/Forms/Field/FieldControl.js +0 -43
- package/Forms/Field/FieldHint.d.ts +0 -1
- package/Forms/Field/FieldHint.js +0 -6
- package/Forms/Field/index.d.ts +0 -2
- package/Forms/Field/index.js +0 -2
- package/Forms/Field/package.json +0 -6
- package/Forms/Form/Form.d.ts +0 -31
- package/Forms/Form/Form.js +0 -62
- package/Forms/Form/index.d.ts +0 -1
- package/Forms/Form/index.js +0 -1
- package/Forms/Form/package.json +0 -6
- package/Forms/Input/Input.d.ts +0 -9
- package/Forms/Input/Input.js +0 -23
- package/Forms/Input/index.d.ts +0 -1
- package/Forms/Input/index.js +0 -1
- package/Forms/Input/package.json +0 -6
- package/Forms/InputGroup/InputGroup.d.ts +0 -13
- package/Forms/InputGroup/InputGroup.js +0 -42
- package/Forms/InputGroup/index.d.ts +0 -1
- package/Forms/InputGroup/index.js +0 -1
- package/Forms/InputGroup/package.json +0 -6
- package/Forms/Label/Label.d.ts +0 -3
- package/Forms/Label/Label.js +0 -24
- package/Forms/Label/index.d.ts +0 -1
- package/Forms/Label/index.js +0 -1
- package/Forms/Label/package.json +0 -6
- package/Forms/Password/Password.d.ts +0 -5
- package/Forms/Password/Password.js +0 -30
- package/Forms/Password/index.d.ts +0 -1
- package/Forms/Password/index.js +0 -1
- package/Forms/Password/package.json +0 -6
- package/Forms/Radio/Radio.d.ts +0 -12
- package/Forms/Radio/Radio.js +0 -28
- package/Forms/Radio/index.d.ts +0 -1
- package/Forms/Radio/index.js +0 -1
- package/Forms/Radio/package.json +0 -6
- package/Forms/Switch/Switch.d.ts +0 -9
- package/Forms/Switch/Switch.js +0 -50
- package/Forms/Switch/index.d.ts +0 -1
- package/Forms/Switch/index.js +0 -1
- package/Forms/Switch/package.json +0 -6
- package/Forms/Textarea/Textarea.d.ts +0 -5
- package/Forms/Textarea/Textarea.js +0 -13
- package/Forms/Textarea/TextareaRich.d.ts +0 -6
- package/Forms/Textarea/TextareaRich.js +0 -42
- package/Forms/Textarea/index.d.ts +0 -2
- package/Forms/Textarea/index.js +0 -2
- package/Forms/Textarea/package.json +0 -6
- package/Forms/Toggle/Toggle.d.ts +0 -19
- package/Forms/Toggle/Toggle.js +0 -79
- package/Forms/Toggle/index.d.ts +0 -1
- package/Forms/Toggle/index.js +0 -1
- package/Forms/Toggle/package.json +0 -6
- package/Forms/Toggle/useToggle.d.ts +0 -46
- package/Forms/Toggle/useToggle.js +0 -145
- package/Forms/antispam.d.ts +0 -24
- package/Forms/antispam.js +0 -56
- package/Forms/helpers.d.ts +0 -26
- package/Forms/helpers.js +0 -44
- package/Forms/index.d.ts +0 -16
- package/Forms/index.js +0 -17
- package/Forms/package.json +0 -6
- package/Forms/styles.d.ts +0 -19
- package/Forms/styles.js +0 -60
- package/Gauge/Gauge.d.ts +0 -5
- package/Gauge/Gauge.js +0 -102
- package/Grid/Grid.d.ts +0 -64
- package/Grid/Grid.js +0 -79
- package/Grid/index.d.ts +0 -1
- package/Grid/index.js +0 -1
- package/Grid/package.json +0 -6
- package/Hamburger/Hamburger.d.ts +0 -6
- package/Hamburger/Hamburger.js +0 -64
- package/Hamburger/index.d.ts +0 -1
- package/Hamburger/index.js +0 -1
- package/Hamburger/package.json +0 -6
- package/Header/index.d.ts +0 -1
- package/Header/index.js +0 -1
- package/Header/package.json +0 -6
- package/Header/useHeader.d.ts +0 -24
- package/Header/useHeader.js +0 -30
- package/Hidden/Hidden.d.ts +0 -6
- package/Hidden/Hidden.js +0 -14
- package/Hidden/index.d.ts +0 -1
- package/Hidden/index.js +0 -1
- package/Hidden/package.json +0 -6
- package/Img/index.d.ts +0 -1
- package/Img/index.js +0 -1
- package/Img/package.json +0 -6
- package/Img/sc/bare.d.ts +0 -2
- package/Img/sc/bare.js +0 -37
- package/Img/types.d.ts +0 -9
- package/Img/types.js +0 -1
- package/Link/Link.d.ts +0 -5
- package/Link/Link.js +0 -2
- package/Link/LinkBlank.d.ts +0 -8
- package/Link/LinkBlank.js +0 -26
- package/Link/index.d.ts +0 -2
- package/Link/index.js +0 -2
- package/Link/package.json +0 -6
- package/Menu/Menu.d.ts +0 -1
- package/Menu/Menu.js +0 -11
- package/Menu/index.d.ts +0 -1
- package/Menu/index.js +0 -1
- package/Menu/package.json +0 -6
- package/MenuItem/MenuItem.d.ts +0 -4
- package/MenuItem/MenuItem.js +0 -20
- package/MenuItem/index.d.ts +0 -1
- package/MenuItem/index.js +0 -1
- package/MenuItem/package.json +0 -6
- package/Meta/Meta.d.ts +0 -14
- package/Meta/Meta.js +0 -4
- package/Meta/index.d.ts +0 -1
- package/Meta/index.js +0 -1
- package/Meta/package.json +0 -6
- package/NoJs/NoJs.d.ts +0 -2
- package/NoJs/NoJs.js +0 -6
- package/NoJs/index.d.ts +0 -1
- package/NoJs/index.js +0 -1
- package/NoJs/package.json +0 -6
- package/Pagination/PaginationNav.d.ts +0 -22
- package/Pagination/PaginationNav.js +0 -83
- package/Pagination/PaginationResults.d.ts +0 -3
- package/Pagination/PaginationResults.js +0 -10
- package/Pagination/index.d.ts +0 -2
- package/Pagination/index.js +0 -2
- package/Pagination/package.json +0 -6
- package/Pill/Pill.d.ts +0 -5
- package/Pill/Pill.js +0 -37
- package/Pill/index.d.ts +0 -1
- package/Pill/index.js +0 -1
- package/Pill/package.json +0 -6
- package/Progress/ProgressCircular.d.ts +0 -19
- package/Progress/ProgressCircular.js +0 -36
- package/Progress/ProgressLinear.d.ts +0 -22
- package/Progress/ProgressLinear.js +0 -32
- package/Progress/ProgressOverlay.d.ts +0 -4
- package/Progress/ProgressOverlay.js +0 -40
- package/Progress/index.d.ts +0 -3
- package/Progress/index.js +0 -3
- package/Progress/package.json +0 -6
- package/Rating/Rating.d.ts +0 -35
- package/Rating/Rating.js +0 -90
- package/Rating/index.d.ts +0 -11
- package/Rating/index.js +0 -45
- package/Rating/package.json +0 -6
- package/Select/SelectDownshift.d.ts +0 -5
- package/Select/SelectDownshift.js +0 -38
- package/Select/components.d.ts +0 -6
- package/Select/components.js +0 -18
- package/Select/index.d.ts +0 -2
- package/Select/index.js +0 -3
- package/Select/package.json +0 -6
- package/Sidebar/Sidebar.d.ts +0 -3
- package/Sidebar/Sidebar.js +0 -48
- package/Sidebar/index.d.ts +0 -1
- package/Sidebar/index.js +0 -1
- package/Sidebar/package.json +0 -6
- package/Spacing/Spacing.d.ts +0 -30
- package/Spacing/Spacing.js +0 -45
- package/Spacing/index.d.ts +0 -1
- package/Spacing/index.js +0 -1
- package/Spacing/package.json +0 -6
- package/Sticky/Sticky.d.ts +0 -2
- package/Sticky/Sticky.js +0 -219
- package/Sticky/StickyCss.d.ts +0 -5
- package/Sticky/StickyCss.js +0 -4
- package/Sticky/index.d.ts +0 -1
- package/Sticky/index.js +0 -1
- package/Sticky/package.json +0 -6
- package/Tabs/Tabs.d.ts +0 -27
- package/Tabs/Tabs.js +0 -62
- package/Tabs/index.d.ts +0 -1
- package/Tabs/index.js +0 -1
- package/Tabs/package.json +0 -6
- package/Typography/CopyPasteVisible.d.ts +0 -1
- package/Typography/CopyPasteVisible.js +0 -6
- package/Typography/Native.d.ts +0 -10
- package/Typography/Native.js +0 -47
- package/Typography/ReadMore.d.ts +0 -12
- package/Typography/ReadMore.js +0 -69
- package/Typography/TextLoop.d.ts +0 -16
- package/Typography/TextLoop.js +0 -49
- package/Typography/TypeStairs.d.ts +0 -6
- package/Typography/TypeStairs.js +0 -46
- package/Typography/index.d.ts +0 -5
- package/Typography/index.js +0 -5
- package/Typography/package.json +0 -6
- package/css/index.d.ts +0 -2
- package/css/index.js +0 -30
- package/css/package.json +0 -6
- package/helpers/classed.d.ts +0 -22
- package/helpers/classed.js +0 -64
- package/helpers/extend-component.d.ts +0 -28
- package/helpers/extend-component.js +0 -12
- package/helpers/index.d.ts +0 -3
- package/helpers/index.js +0 -2
- package/helpers/package.json +0 -6
- package/hooks/index.d.ts +0 -6
- package/hooks/index.js +0 -7
- package/hooks/package.json +0 -6
- package/hooks/useDateLocale.d.ts +0 -7
- package/hooks/useDateLocale.js +0 -29
- package/hooks/useFocus.d.ts +0 -4
- package/hooks/useFocus.js +0 -11
- package/hooks/usePrevious.d.ts +0 -1
- package/hooks/usePrevious.js +0 -8
- package/hooks/useScrollPosition.d.ts +0 -15
- package/hooks/useScrollPosition.js +0 -75
- package/hooks/useScrollTo.d.ts +0 -1
- package/hooks/useScrollTo.js +0 -19
- package/hooks/useTraceUpdate.d.ts +0 -4
- package/hooks/useTraceUpdate.js +0 -20
- package/hooks/useWindowSize.d.ts +0 -1
- package/hooks/useWindowSize.js +0 -13
- package/index.d.ts +0 -1
- package/index.js +0 -5
- package/m/MotionProvider.d.ts +0 -37
- package/m/MotionProvider.js +0 -37
- package/m/index.d.ts +0 -6
- package/m/index.js +0 -6
- package/m/lite.d.ts +0 -2
- package/m/lite.js +0 -2
- package/m/max.d.ts +0 -2
- package/m/max.js +0 -2
- package/m/package.json +0 -6
- package/node/Alert/Alert.js +0 -21
- package/node/Alert/index.js +0 -4
- package/node/Animations/Reveal.js +0 -19
- package/node/Animations/Underline.js +0 -19
- package/node/Animations/index.js +0 -6
- package/node/Animations/useReveal.js +0 -74
- package/node/Autocomplete/AutocompleteDownshift.js +0 -161
- package/node/Autocomplete/AutocompleteDownshiftMultiselect.js +0 -356
- package/node/Autocomplete/AutocompleteMui.js +0 -175
- package/node/Autocomplete/AutocompleteReach.js +0 -115
- package/node/Autocomplete/components.js +0 -93
- package/node/Autocomplete/helpers.js +0 -32
- package/node/Autocomplete/index.js +0 -7
- package/node/Bg/BgColor.js +0 -36
- package/node/Bg/BgPhoto.js +0 -64
- package/node/Bg/BgSvg.js +0 -20
- package/node/Bg/index.js +0 -6
- package/node/Breadcrumbs/Breadcrumbs.js +0 -72
- package/node/Breadcrumbs/index.js +0 -4
- package/node/Buttons/Button.js +0 -83
- package/node/Buttons/ButtonComposite.js +0 -54
- package/node/Buttons/ButtonFab.js +0 -12
- package/node/Buttons/ButtonLink.js +0 -15
- package/node/Buttons/IconButton.js +0 -23
- package/node/Buttons/index.js +0 -8
- package/node/Calendar/CalendarDaygridCell.js +0 -55
- package/node/Calendar/CalendarDaygridNav.js +0 -27
- package/node/Calendar/CalendarDaygridTable.js +0 -60
- package/node/Calendar/CalendarLegend.js +0 -15
- package/node/Calendar/calendar-api-google.js +0 -99
- package/node/Calendar/index.js +0 -9
- package/node/Calendar/types.js +0 -2
- package/node/Calendar/useCalendar.js +0 -186
- package/node/Calendar/utils.js +0 -217
- package/node/Carousel/Carousel.js +0 -381
- package/node/Carousel/CarouselCss.js +0 -41
- package/node/Carousel/index.js +0 -4
- package/node/Collapsable/Collapsable.js +0 -4
- package/node/Collapsable/CollapsableReach.js +0 -141
- package/node/Collapsable/index.js +0 -4
- package/node/Debug/Debug.js +0 -26
- package/node/Debug/index.js +0 -4
- package/node/Dialog/DialogMui.js +0 -82
- package/node/Dialog/css/bare.js +0 -23
- package/node/Dialog/index.js +0 -5
- package/node/Dialog/m/bare.js +0 -51
- package/node/Dialog/m/basic.js +0 -35
- package/node/Dialog/m/index.js +0 -8
- package/node/Dialog/sc/bare.js +0 -65
- package/node/Dialog/sc/framer.js +0 -19
- package/node/Dialog/sc/framerMaterial.js +0 -19
- package/node/Dialog/sc/material.js +0 -45
- package/node/Dialog/tw/bare.js +0 -40
- package/node/Dialog/tw/elegant.js +0 -21
- package/node/Dialog/tw/framer.js +0 -19
- package/node/Dialog/tw/framerMaterial.js +0 -19
- package/node/Dialog/tw/material.js +0 -21
- package/node/Editor/Editor--tiptap.js +0 -29
- package/node/Editor/components.js +0 -34
- package/node/Editor/index.js +0 -4
- package/node/Favicon/FaviconTags.js +0 -18
- package/node/Favicon/index.js +0 -4
- package/node/Forms/Checkbox/Checkbox.js +0 -28
- package/node/Forms/Checkbox/index.js +0 -4
- package/node/Forms/Feedback/Feedback.js +0 -15
- package/node/Forms/Feedback/index.js +0 -4
- package/node/Forms/Field/Field.js +0 -64
- package/node/Forms/Field/FieldControl.js +0 -47
- package/node/Forms/Field/FieldHint.js +0 -10
- package/node/Forms/Field/index.js +0 -5
- package/node/Forms/Form/Form.js +0 -67
- package/node/Forms/Form/index.js +0 -4
- package/node/Forms/Input/Input.js +0 -27
- package/node/Forms/Input/index.js +0 -4
- package/node/Forms/InputGroup/InputGroup.js +0 -47
- package/node/Forms/InputGroup/index.js +0 -4
- package/node/Forms/Label/Label.js +0 -28
- package/node/Forms/Label/index.js +0 -4
- package/node/Forms/Password/Password.js +0 -34
- package/node/Forms/Password/index.js +0 -4
- package/node/Forms/Radio/Radio.js +0 -32
- package/node/Forms/Radio/index.js +0 -4
- package/node/Forms/Switch/Switch.js +0 -54
- package/node/Forms/Switch/index.js +0 -4
- package/node/Forms/Textarea/Textarea.js +0 -17
- package/node/Forms/Textarea/TextareaRich.js +0 -46
- package/node/Forms/Textarea/index.js +0 -5
- package/node/Forms/Toggle/Toggle.js +0 -85
- package/node/Forms/Toggle/index.js +0 -4
- package/node/Forms/Toggle/useToggle.js +0 -149
- package/node/Forms/antispam.js +0 -61
- package/node/Forms/helpers.js +0 -51
- package/node/Forms/index.js +0 -20
- package/node/Forms/styles.js +0 -64
- package/node/Gauge/Gauge.js +0 -106
- package/node/Grid/Grid.js +0 -83
- package/node/Grid/index.js +0 -4
- package/node/Hamburger/Hamburger.js +0 -69
- package/node/Hamburger/index.js +0 -4
- package/node/Header/index.js +0 -4
- package/node/Header/useHeader.js +0 -34
- package/node/Hidden/Hidden.js +0 -18
- package/node/Hidden/index.js +0 -4
- package/node/Img/index.js +0 -4
- package/node/Img/sc/bare.js +0 -41
- package/node/Img/types.js +0 -2
- package/node/Link/Link.js +0 -6
- package/node/Link/LinkBlank.js +0 -31
- package/node/Link/index.js +0 -5
- package/node/Menu/Menu.js +0 -15
- package/node/Menu/index.js +0 -4
- package/node/MenuItem/MenuItem.js +0 -24
- package/node/MenuItem/index.js +0 -4
- package/node/Meta/Meta.js +0 -8
- package/node/Meta/index.js +0 -4
- package/node/NoJs/NoJs.js +0 -10
- package/node/NoJs/index.js +0 -4
- package/node/Pagination/PaginationNav.js +0 -88
- package/node/Pagination/PaginationResults.js +0 -15
- package/node/Pagination/index.js +0 -5
- package/node/Pill/Pill.js +0 -41
- package/node/Pill/index.js +0 -4
- package/node/Progress/ProgressCircular.js +0 -41
- package/node/Progress/ProgressLinear.js +0 -37
- package/node/Progress/ProgressOverlay.js +0 -45
- package/node/Progress/index.js +0 -6
- package/node/Rating/Rating.js +0 -96
- package/node/Rating/index.js +0 -53
- package/node/Select/SelectDownshift.js +0 -41
- package/node/Select/components.js +0 -22
- package/node/Select/index.js +0 -7
- package/node/Sidebar/Sidebar.js +0 -53
- package/node/Sidebar/index.js +0 -4
- package/node/Spacing/Spacing.js +0 -50
- package/node/Spacing/index.js +0 -4
- package/node/Sticky/Sticky.js +0 -222
- package/node/Sticky/StickyCss.js +0 -8
- package/node/Sticky/index.js +0 -4
- package/node/Tabs/Tabs.js +0 -67
- package/node/Tabs/index.js +0 -4
- package/node/Typography/CopyPasteVisible.js +0 -10
- package/node/Typography/Native.js +0 -51
- package/node/Typography/ReadMore.js +0 -74
- package/node/Typography/TextLoop.js +0 -54
- package/node/Typography/TypeStairs.js +0 -49
- package/node/Typography/index.js +0 -8
- package/node/css/index.js +0 -35
- package/node/helpers/classed.js +0 -68
- package/node/helpers/extend-component.js +0 -16
- package/node/helpers/index.js +0 -5
- package/node/hooks/index.js +0 -10
- package/node/hooks/useDateLocale.js +0 -56
- package/node/hooks/useFocus.js +0 -15
- package/node/hooks/usePrevious.js +0 -12
- package/node/hooks/useScrollPosition.js +0 -80
- package/node/hooks/useScrollTo.js +0 -23
- package/node/hooks/useTraceUpdate.js +0 -24
- package/node/hooks/useWindowSize.js +0 -17
- package/node/index.js +0 -8
- package/node/m/MotionProvider.js +0 -41
- package/node/m/index.js +0 -9
- package/node/m/lite.js +0 -4
- package/node/m/max.js +0 -4
- package/node/sc/index.js +0 -35
- package/node/scm/index.js +0 -35
- package/node/shared/index.js +0 -11
- package/node/styles/Body.js +0 -21
- package/node/styles/Global.js +0 -53
- package/node/styles/index.js +0 -10
- package/node/styles/media.js +0 -156
- package/node/styles/spacing.js +0 -53
- package/node/styles/styled.js +0 -31
- package/node/styles/theme--vanilla.js +0 -59
- package/node/styles/theme.js +0 -45
- package/node/tw/index.js +0 -35
- package/node/twm/index.js +0 -35
- package/node/types.js +0 -2
- package/sc/index.d.ts +0 -29
- package/sc/index.js +0 -30
- package/sc/package.json +0 -6
- package/scm/index.d.ts +0 -29
- package/scm/index.js +0 -30
- package/scm/package.json +0 -6
- package/shared/index.d.ts +0 -8
- package/shared/index.js +0 -8
- package/shared/package.json +0 -6
- package/styles/Body.d.ts +0 -10
- package/styles/Body.js +0 -17
- package/styles/Global.d.ts +0 -15
- package/styles/Global.js +0 -50
- package/styles/index.d.ts +0 -7
- package/styles/index.js +0 -7
- package/styles/media.d.ts +0 -67
- package/styles/media.js +0 -150
- package/styles/package.json +0 -6
- package/styles/spacing.d.ts +0 -13
- package/styles/spacing.js +0 -46
- package/styles/styled.d.ts +0 -12
- package/styles/styled.js +0 -27
- package/styles/theme--vanilla.d.ts +0 -18
- package/styles/theme--vanilla.js +0 -53
- package/styles/theme.d.ts +0 -82
- package/styles/theme.js +0 -41
- package/tw/index.d.ts +0 -2
- package/tw/index.js +0 -30
- package/tw/package.json +0 -6
- package/twm/index.d.ts +0 -2
- package/twm/index.js +0 -30
- package/twm/package.json +0 -6
- package/types.d.ts +0 -10
- package/types.js +0 -1
package/Img/package.json
DELETED
package/Img/sc/bare.d.ts
DELETED
package/Img/sc/bare.js
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import styled from "styled-components";
|
|
2
|
-
// export type KoineImgProps = {
|
|
3
|
-
// /** @default "cover" */
|
|
4
|
-
// $fit?: "cover" | "contain";
|
|
5
|
-
// };
|
|
6
|
-
export const KoineImg = styled.img ``;
|
|
7
|
-
// export const KoineImg = styled.img<KoineImgProps>`
|
|
8
|
-
// object-fit: ${(p) => p.$fit || "cover"};
|
|
9
|
-
// `;
|
|
10
|
-
// /**
|
|
11
|
-
// * Replacement core component for native `<img />`
|
|
12
|
-
// *
|
|
13
|
-
// * Features:
|
|
14
|
-
// * - lazy load
|
|
15
|
-
// * - proportion cage
|
|
16
|
-
// */
|
|
17
|
-
// export const Img = ({
|
|
18
|
-
// className,
|
|
19
|
-
// style = {},
|
|
20
|
-
// lazyProps,
|
|
21
|
-
// ...props
|
|
22
|
-
// }: ImgProps) => {
|
|
23
|
-
// let { width, height, src } = props;
|
|
24
|
-
// width = width ? `${width}px` : "100%";
|
|
25
|
-
// height = height ? `${height}px` : "100%";
|
|
26
|
-
// const imgProps = { width, height, src };
|
|
27
|
-
// return (
|
|
28
|
-
// <ImgRoot style={{ width, height, ...style }} className={className}>
|
|
29
|
-
// <LazyLoad {...lazyProps}>
|
|
30
|
-
// <ImgNative {...imgProps} />
|
|
31
|
-
// </LazyLoad>
|
|
32
|
-
// <noscript>
|
|
33
|
-
// <img {...imgProps} />
|
|
34
|
-
// </noscript>
|
|
35
|
-
// </ImgRoot>
|
|
36
|
-
// );
|
|
37
|
-
// };
|
package/Img/types.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export declare type KoineImgSmartWrapProps = React.PropsWithChildren<{
|
|
3
|
-
$loaded?: boolean;
|
|
4
|
-
$error?: boolean;
|
|
5
|
-
$bg?: React.CSSProperties["backgroundColor"];
|
|
6
|
-
}>;
|
|
7
|
-
export declare type KoineImgSmartProps = {
|
|
8
|
-
Wrap: React.FC<KoineImgSmartWrapProps>;
|
|
9
|
-
};
|
package/Img/types.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
package/Link/Link.d.ts
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare type KoineLinkProps = React.ComponentPropsWithRef<"a">;
|
|
3
|
-
export declare const KoineLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | keyof import("react").AnchorHTMLAttributes<HTMLAnchorElement>> & {
|
|
4
|
-
ref?: ((instance: HTMLAnchorElement | null) => void) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
|
|
5
|
-
}, never>;
|
package/Link/Link.js
DELETED
package/Link/LinkBlank.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare type LinkBlankProps = React.ComponentPropsWithRef<"a">;
|
|
3
|
-
export declare const LinkBlankA: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
|
|
4
|
-
target: "_blank";
|
|
5
|
-
rel: "noopener";
|
|
6
|
-
}, "target" | "rel">;
|
|
7
|
-
export declare const LinkBlankIcon: import("styled-components").StyledComponent<import("react-icons/lib").IconType, import("styled-components").DefaultTheme, {}, never>;
|
|
8
|
-
export declare const LinkBlank: ({ children, target, rel, ...props }: LinkBlankProps) => JSX.Element;
|
package/Link/LinkBlank.js
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import styled from "styled-components";
|
|
3
|
-
import { MdLaunch as IconOutboundLink } from "react-icons/md";
|
|
4
|
-
import { max } from "../styles/media";
|
|
5
|
-
export const LinkBlankA = styled.a.attrs({
|
|
6
|
-
target: "_blank",
|
|
7
|
-
rel: "noopener",
|
|
8
|
-
}) ``;
|
|
9
|
-
// TODO: use `touch` class on <html> instead of relying on screenwidth,
|
|
10
|
-
// probably implement a lean Modernizr like thing with react-helmet
|
|
11
|
-
export const LinkBlankIcon = styled(IconOutboundLink) `
|
|
12
|
-
color: var(---grey100);
|
|
13
|
-
font-size: inherit;
|
|
14
|
-
margin-left: 3px;
|
|
15
|
-
line-height: inherit;
|
|
16
|
-
vertical-align: middle;
|
|
17
|
-
width: 0px;
|
|
18
|
-
transition: width 0.1s ease-in-out;
|
|
19
|
-
${max.sm} {
|
|
20
|
-
width: 20px;
|
|
21
|
-
opacity: 0.8;
|
|
22
|
-
}
|
|
23
|
-
`;
|
|
24
|
-
export const LinkBlank = ({ children, target, rel, ...props }) => {
|
|
25
|
-
return (_jsxs(LinkBlankA, { ...props, children: [children, _jsx(LinkBlankIcon, {})] }));
|
|
26
|
-
};
|
package/Link/index.d.ts
DELETED
package/Link/index.js
DELETED
package/Link/package.json
DELETED
package/Menu/Menu.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const Menu: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
|
package/Menu/Menu.js
DELETED
package/Menu/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Menu";
|
package/Menu/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Menu";
|
package/Menu/package.json
DELETED
package/MenuItem/MenuItem.d.ts
DELETED
package/MenuItem/MenuItem.js
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import styled from "styled-components";
|
|
2
|
-
export const MenuItem = styled.li `
|
|
3
|
-
padding: 8px 16px;
|
|
4
|
-
|
|
5
|
-
&[aria-selected="true"] {
|
|
6
|
-
background: var(--accent400);
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
/** DEP: this is just for MultiselectMui? */
|
|
10
|
-
&.Mui-focused,
|
|
11
|
-
&[data-focus="true"] {
|
|
12
|
-
background: var(--accent300);
|
|
13
|
-
color: white;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
&:not([disabled]):hover {
|
|
17
|
-
cursor: pointer;
|
|
18
|
-
background: var(--accent300);
|
|
19
|
-
}
|
|
20
|
-
`;
|
package/MenuItem/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./MenuItem";
|
package/MenuItem/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./MenuItem";
|
package/MenuItem/package.json
DELETED
package/Meta/Meta.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
export declare type MetaProps = {
|
|
2
|
-
/**
|
|
3
|
-
* Determines whether `user-scalable=0` is add to the `meta->viewport` content
|
|
4
|
-
*
|
|
5
|
-
* This is an opt in instead of the default browser behaviour as it helps prevent
|
|
6
|
-
* weird zooming on input fields on iPhone iOS devices.
|
|
7
|
-
* @see https://www.warrenchandler.com/2019/04/02/stop-iphones-from-zooming-in-on-form-fields/
|
|
8
|
-
* @see https://css-tricks.com/16px-or-larger-text-prevents-ios-form-zoom/
|
|
9
|
-
*
|
|
10
|
-
* @default false
|
|
11
|
-
*/
|
|
12
|
-
zoom?: boolean;
|
|
13
|
-
};
|
|
14
|
-
export declare const Meta: ({ zoom }: MetaProps) => JSX.Element;
|
package/Meta/Meta.js
DELETED
package/Meta/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Meta";
|
package/Meta/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Meta";
|
package/Meta/package.json
DELETED
package/NoJs/NoJs.d.ts
DELETED
package/NoJs/NoJs.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
export const NoJs = (_props) => {
|
|
3
|
-
return (_jsx("script", { id: "no-js", dangerouslySetInnerHTML: {
|
|
4
|
-
__html: `document.querySelector("html").className=document.querySelector("html").className.replace(/no-js/,"") + "js";`,
|
|
5
|
-
} }));
|
|
6
|
-
};
|
package/NoJs/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./NoJs";
|
package/NoJs/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./NoJs";
|
package/NoJs/package.json
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { KoineComponentProps, KoineComponent } from "../types";
|
|
2
|
-
export declare type KoinePaginationNavProps = {
|
|
3
|
-
/** The total number of elements to paginate */
|
|
4
|
-
total: string | number;
|
|
5
|
-
/** The amount of items per page */
|
|
6
|
-
perPage: string | number;
|
|
7
|
-
/** The current page in the pagination */
|
|
8
|
-
currentPage: string | number;
|
|
9
|
-
/** Is the relative path of the url to prefix to the page number */
|
|
10
|
-
baseUrl?: string;
|
|
11
|
-
/**
|
|
12
|
-
* The number of pages to show as number (and not dots) around the currentPage
|
|
13
|
-
* @default 2
|
|
14
|
-
*/
|
|
15
|
-
showOffset?: number;
|
|
16
|
-
};
|
|
17
|
-
declare type PaginationNavProps = KoineComponentProps<KoinePaginationNavProps, {
|
|
18
|
-
currentUrl?: string;
|
|
19
|
-
Link?: KoineComponent;
|
|
20
|
-
}>;
|
|
21
|
-
export declare const KoinePaginationNav: ({ total, perPage, currentPage, baseUrl, showOffset, currentUrl, Link, }: PaginationNavProps) => JSX.Element | null;
|
|
22
|
-
export {};
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import styled from "styled-components";
|
|
3
|
-
import { CgArrowRightR as IconArrowRight, CgArrowLeftR as IconArrowLeft, } from "react-icons/cg";
|
|
4
|
-
import { ensureInt } from "@koine/utils";
|
|
5
|
-
const Root = styled.nav `
|
|
6
|
-
display: flex;
|
|
7
|
-
align-items: center;
|
|
8
|
-
justify-content: center;
|
|
9
|
-
padding: 20px 0 40px;
|
|
10
|
-
font-weight: 600;
|
|
11
|
-
|
|
12
|
-
& a {
|
|
13
|
-
text-decoration: none;
|
|
14
|
-
}
|
|
15
|
-
`;
|
|
16
|
-
const item = `
|
|
17
|
-
display: block;
|
|
18
|
-
padding: 5px 10px;
|
|
19
|
-
`;
|
|
20
|
-
const ItemCurrent = styled.span `
|
|
21
|
-
${item}
|
|
22
|
-
background: var(--accent400);
|
|
23
|
-
border-radius: 2px;
|
|
24
|
-
`;
|
|
25
|
-
const ItemLink = styled.a `
|
|
26
|
-
${item}
|
|
27
|
-
|
|
28
|
-
${(props) => (props.prev ? "color: var(--grey100);" : "")}
|
|
29
|
-
`;
|
|
30
|
-
const DotsSeparator = styled.span `
|
|
31
|
-
color: var(--grey100);
|
|
32
|
-
`;
|
|
33
|
-
const arrow = `display: flex; font-size: 20px;`;
|
|
34
|
-
const ItemPrev = styled.a `
|
|
35
|
-
${arrow}
|
|
36
|
-
`;
|
|
37
|
-
const ItemNext = styled.a `
|
|
38
|
-
${arrow}
|
|
39
|
-
`;
|
|
40
|
-
/*
|
|
41
|
-
* Possible outcomes:
|
|
42
|
-
* [1] 2 3 ... 78 >
|
|
43
|
-
* < 1 2 [3] 4 5 ... 78 >
|
|
44
|
-
* < 1 ... 6 7 [8] 9 10 ... 78 >
|
|
45
|
-
* < 1 ... 75 76 [77] 78 >
|
|
46
|
-
* < 1 ... 76 77 [78]
|
|
47
|
-
*/
|
|
48
|
-
export const KoinePaginationNav = ({ total, perPage, currentPage, baseUrl, showOffset = 2, currentUrl = "/", Link = "a", }) => {
|
|
49
|
-
total = ensureInt(total);
|
|
50
|
-
currentPage = ensureInt(currentPage);
|
|
51
|
-
perPage = ensureInt(perPage);
|
|
52
|
-
// page 0 means 1
|
|
53
|
-
currentPage = currentPage || 1;
|
|
54
|
-
baseUrl = baseUrl || currentUrl;
|
|
55
|
-
// don't output anything if pagination is not needed
|
|
56
|
-
if (total < perPage) {
|
|
57
|
-
return null;
|
|
58
|
-
}
|
|
59
|
-
const firstPage = 1;
|
|
60
|
-
const lastPage = Math.ceil(total / perPage);
|
|
61
|
-
const prevPage = currentPage - 1 > firstPage ? currentPage - 1 : "";
|
|
62
|
-
const nextPage = currentPage + 1 < lastPage ? currentPage + 1 : lastPage;
|
|
63
|
-
const prevArrow = currentPage > firstPage;
|
|
64
|
-
const nextArrow = currentPage < lastPage;
|
|
65
|
-
const pages = [];
|
|
66
|
-
// fill the pages before the current
|
|
67
|
-
for (let i = currentPage - showOffset; i < currentPage; i++) {
|
|
68
|
-
if (i > 1) {
|
|
69
|
-
pages.push(i);
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
// add the current
|
|
73
|
-
pages.push(currentPage);
|
|
74
|
-
// fill the pages after the current
|
|
75
|
-
for (let i = currentPage + 1; i < currentPage + 1 + showOffset; i++) {
|
|
76
|
-
if (i < lastPage) {
|
|
77
|
-
pages.push(i);
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
const prevDots = pages[0] > firstPage + 1;
|
|
81
|
-
const nextDots = pages[pages.length - 1] < lastPage - 1;
|
|
82
|
-
return (_jsxs(Root, { children: [prevArrow && (_jsx(ItemPrev, { as: Link, href: `${baseUrl}/${prevPage}`, children: _jsx(IconArrowLeft, {}) })), firstPage !== currentPage && (_jsx(ItemLink, { as: Link, href: `${baseUrl}`, prev: true, children: firstPage })), prevDots && _jsx(DotsSeparator, { children: "..." }), pages.map((page) => page === currentPage ? (_jsx(ItemCurrent, { children: page }, page)) : (_jsx(ItemLink, { as: Link, href: `${baseUrl}/${page}`, prev: page < currentPage, next: page > currentPage, children: page }, `pagination-${page}`))), nextDots && _jsx(DotsSeparator, { children: "..." }), lastPage !== currentPage && (_jsx(ItemLink, { as: Link, href: `${baseUrl}/${lastPage}`, next: true, children: lastPage })), nextArrow && (_jsx(ItemNext, { as: Link, href: `${baseUrl}/${nextPage}`, children: _jsx(IconArrowRight, {}) }))] }));
|
|
83
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import styled from "styled-components";
|
|
3
|
-
import { AnimatePresence, m } from "framer-motion";
|
|
4
|
-
const Root = styled.div `
|
|
5
|
-
// overflow: hidden;
|
|
6
|
-
`;
|
|
7
|
-
const Inner = styled(m.div) ``;
|
|
8
|
-
export const PaginationResults = ({ children }) => {
|
|
9
|
-
return (_jsx(AnimatePresence, { exitBeforeEnter: true, initial: true, children: _jsx(Root, { children: _jsx(Inner, { initial: { opacity: 0, x: -100 }, animate: { opacity: 1, x: 0 }, exit: { opacity: 0, x: 100 }, transition: { type: "linear", staggerChildren: 0.3 }, children: children }) }) }));
|
|
10
|
-
};
|
package/Pagination/index.d.ts
DELETED
package/Pagination/index.js
DELETED
package/Pagination/package.json
DELETED
package/Pill/Pill.d.ts
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export declare type PillProps = object;
|
|
2
|
-
export declare const Pill: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {} & object, never>;
|
|
3
|
-
export declare const PillGreyLight: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {} & object, never>;
|
|
4
|
-
export declare const PillAccentLight: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {} & object, never>;
|
|
5
|
-
export declare const PillAccentLightOutlined: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {} & object, never>;
|
package/Pill/Pill.js
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import styled from "styled-components";
|
|
2
|
-
export const Pill = styled.div `
|
|
3
|
-
display: inline-block;
|
|
4
|
-
padding: 5px 10px;
|
|
5
|
-
margin: 0 0.5em 0.5em 0;
|
|
6
|
-
border-radius: 2px;
|
|
7
|
-
text-decoration: none;
|
|
8
|
-
font-size: 13px;
|
|
9
|
-
font-weight: 600;
|
|
10
|
-
`;
|
|
11
|
-
export const PillGreyLight = styled(Pill) `
|
|
12
|
-
background: var(--grey800);
|
|
13
|
-
color: var(--grey100);
|
|
14
|
-
|
|
15
|
-
&:hover {
|
|
16
|
-
color: white;
|
|
17
|
-
background: var(--grey300);
|
|
18
|
-
}
|
|
19
|
-
`;
|
|
20
|
-
export const PillAccentLight = styled(Pill) `
|
|
21
|
-
background: var(--accent400);
|
|
22
|
-
color: var(--grey100);
|
|
23
|
-
|
|
24
|
-
&:hover {
|
|
25
|
-
color: #fff;
|
|
26
|
-
background: var(--accent300);
|
|
27
|
-
}
|
|
28
|
-
`;
|
|
29
|
-
export const PillAccentLightOutlined = styled(Pill) `
|
|
30
|
-
border: 1px solid var(--accent300);
|
|
31
|
-
color: var(--accent200);
|
|
32
|
-
|
|
33
|
-
&:hover {
|
|
34
|
-
color: #fff;
|
|
35
|
-
background: var(--accent300);
|
|
36
|
-
}
|
|
37
|
-
`;
|
package/Pill/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Pill";
|
package/Pill/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./Pill";
|
package/Pill/package.json
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { CSSProperties } from "styled-components";
|
|
2
|
-
import type { Theme } from "../styles/theme";
|
|
3
|
-
export declare type ProgressCircularProps = {
|
|
4
|
-
/** @default "1em" */
|
|
5
|
-
size?: CSSProperties["width"];
|
|
6
|
-
/** @default 1 */
|
|
7
|
-
thickness: number;
|
|
8
|
-
/** @default "currentColor" */
|
|
9
|
-
color: keyof Theme | NonNullable<CSSProperties["color"]>;
|
|
10
|
-
};
|
|
11
|
-
/**
|
|
12
|
-
* @see https://mui.com/components/progress/
|
|
13
|
-
*/
|
|
14
|
-
export declare const ProgressCircular: ({ size, thickness, color, ...props }: {
|
|
15
|
-
[x: string]: any;
|
|
16
|
-
size?: string | undefined;
|
|
17
|
-
thickness?: number | undefined;
|
|
18
|
-
color?: string | undefined;
|
|
19
|
-
}) => JSX.Element;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import styled, { keyframes } from "styled-components";
|
|
3
|
-
const animationRotation = keyframes `
|
|
4
|
-
0% {
|
|
5
|
-
transform: rotate(0deg);
|
|
6
|
-
}
|
|
7
|
-
100% {
|
|
8
|
-
transform: rotate(360deg);
|
|
9
|
-
}
|
|
10
|
-
`;
|
|
11
|
-
const animationCircle = keyframes `
|
|
12
|
-
0% {
|
|
13
|
-
stroke-dasharray: 1px, 200px;
|
|
14
|
-
stroke-dashoffset: 0;
|
|
15
|
-
}
|
|
16
|
-
50% {
|
|
17
|
-
stroke-dasharray: 100px, 200px;
|
|
18
|
-
stroke-dashoffset: -15px;
|
|
19
|
-
}
|
|
20
|
-
100% {
|
|
21
|
-
stroke-dasharray: 100px, 200px;
|
|
22
|
-
stroke-dashoffset: -125px;
|
|
23
|
-
}
|
|
24
|
-
`;
|
|
25
|
-
const ProgressCircularSvg = styled.svg `
|
|
26
|
-
animation: ${animationRotation} 1.5s linear infinite;
|
|
27
|
-
`;
|
|
28
|
-
const ProgressCircularCircle = styled.circle `
|
|
29
|
-
animation: ${animationCircle} 1.5s linear infinite;
|
|
30
|
-
`;
|
|
31
|
-
/**
|
|
32
|
-
* @see https://mui.com/components/progress/
|
|
33
|
-
*/
|
|
34
|
-
export const ProgressCircular = ({ size = "1em", thickness = 1, color = "currentColor", ...props }) => {
|
|
35
|
-
return (_jsx(ProgressCircularSvg, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 44 44", style: { width: size, height: size }, ...props, children: _jsx(ProgressCircularCircle, { cx: "22", cy: "22", r: "20", fill: "none", strokeWidth: thickness, style: { stroke: color } }) }));
|
|
36
|
-
};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { CSSProperties } from "styled-components";
|
|
2
|
-
import type { Theme } from "../styles/theme";
|
|
3
|
-
export declare type ProgressLinearProps = {
|
|
4
|
-
/** @default false */
|
|
5
|
-
done?: boolean;
|
|
6
|
-
/** @default "2px" */
|
|
7
|
-
height?: CSSProperties["height"];
|
|
8
|
-
/** @default "currentColor" */
|
|
9
|
-
bg: keyof Theme | NonNullable<CSSProperties["color"]>;
|
|
10
|
-
/** @default "currentColor" */
|
|
11
|
-
fg: keyof Theme | NonNullable<CSSProperties["color"]>;
|
|
12
|
-
};
|
|
13
|
-
/**
|
|
14
|
-
* @see https://mui.com/components/progress/#linear
|
|
15
|
-
*/
|
|
16
|
-
export declare const ProgressLinear: ({ done, height, bg, fg, ...props }: {
|
|
17
|
-
[x: string]: any;
|
|
18
|
-
done?: boolean | undefined;
|
|
19
|
-
height?: string | undefined;
|
|
20
|
-
bg?: string | undefined;
|
|
21
|
-
fg?: string | undefined;
|
|
22
|
-
}) => JSX.Element;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import styled from "styled-components";
|
|
3
|
-
import { m } from "framer-motion";
|
|
4
|
-
const ProgressLinearBg = styled.span `
|
|
5
|
-
position: relative;
|
|
6
|
-
overflow: hidden;
|
|
7
|
-
display: block;
|
|
8
|
-
height: 4px;
|
|
9
|
-
`;
|
|
10
|
-
const ProgressLinearFg = styled(m.span) `
|
|
11
|
-
position: absolute;
|
|
12
|
-
top: 0;
|
|
13
|
-
bottom: 0;
|
|
14
|
-
left: 0;
|
|
15
|
-
width: 100%;
|
|
16
|
-
`;
|
|
17
|
-
/**
|
|
18
|
-
* @see https://mui.com/components/progress/#linear
|
|
19
|
-
*/
|
|
20
|
-
export const ProgressLinear = ({ done = false, height = "2px", bg = "transparent", fg = "currentColor", ...props }) => {
|
|
21
|
-
return (_jsx(ProgressLinearBg, { style: { height, background: bg }, ...props, children: _jsx(ProgressLinearFg, { style: { height, background: fg }, initial: {
|
|
22
|
-
x: "-100%",
|
|
23
|
-
}, animate: {
|
|
24
|
-
x: done ? "-100%" : "0%",
|
|
25
|
-
}, transition: done
|
|
26
|
-
? {}
|
|
27
|
-
: {
|
|
28
|
-
repeat: Infinity,
|
|
29
|
-
repeatType: "reverse",
|
|
30
|
-
duration: 2,
|
|
31
|
-
} }) }));
|
|
32
|
-
};
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect } from "react";
|
|
3
|
-
import styled from "styled-components";
|
|
4
|
-
import { m } from "framer-motion";
|
|
5
|
-
import { ProgressCircular } from "./ProgressCircular";
|
|
6
|
-
import { ProgressLinear } from "./ProgressLinear";
|
|
7
|
-
import { useHeader } from "../Header";
|
|
8
|
-
const ProgressOverlayWrap = styled(m.div) `
|
|
9
|
-
z-index: 10000;
|
|
10
|
-
position: fixed;
|
|
11
|
-
top: 0;
|
|
12
|
-
left: 0;
|
|
13
|
-
right: 0;
|
|
14
|
-
bottom: 0;
|
|
15
|
-
pointer-events: none;
|
|
16
|
-
cursor: wait;
|
|
17
|
-
`;
|
|
18
|
-
const ProgressOverlayCenterer = styled.div `
|
|
19
|
-
position: absolute;
|
|
20
|
-
top: 0;
|
|
21
|
-
left: 0;
|
|
22
|
-
right: 0;
|
|
23
|
-
bottom: 0;
|
|
24
|
-
display: flex;
|
|
25
|
-
align-items: center;
|
|
26
|
-
justify-content: center;
|
|
27
|
-
background: var(--progress-overlay-bg);
|
|
28
|
-
`;
|
|
29
|
-
export const ProgressOverlay = ({ running }) => {
|
|
30
|
-
const [, , headerHeight] = useHeader();
|
|
31
|
-
// const [progress, setProgress] = useState(0);
|
|
32
|
-
useEffect(() => {
|
|
33
|
-
document.body.style.cursor = running ? "wait" : "";
|
|
34
|
-
}, [running]);
|
|
35
|
-
return (_jsxs(ProgressOverlayWrap, { animate: {
|
|
36
|
-
opacity: running ? 1 : 0,
|
|
37
|
-
}, initial: { opacity: 0 }, transition: { type: "easeInOut" }, children: [_jsx(ProgressLinear, { bg: "var(--accent400)", fg: "var(--accent300)", done: !running }), _jsx(ProgressOverlayCenterer, { style: {
|
|
38
|
-
top: headerHeight + "px",
|
|
39
|
-
}, children: _jsx(ProgressCircular, { size: "50px", color: "var(--accent300)" }) })] }));
|
|
40
|
-
};
|
package/Progress/index.d.ts
DELETED
package/Progress/index.js
DELETED