@nascentdigital/funnel-ui 4.4.18
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/Tailwind.d.ts +201 -0
- package/dist/Tailwind.js +282 -0
- package/dist/client/app/AppContainer.d.ts +10 -0
- package/dist/client/app/AppContainer.js +22 -0
- package/dist/client/app/AppContext.d.ts +11 -0
- package/dist/client/app/AppContext.js +6 -0
- package/dist/client/app/AppPreview.d.ts +7 -0
- package/dist/client/app/AppPreview.js +51 -0
- package/dist/client/app/PageContainer.d.ts +8 -0
- package/dist/client/app/PageContainer.js +22 -0
- package/dist/client/app/index.d.ts +9 -0
- package/dist/client/app/index.js +25 -0
- package/dist/client/app/useAppConfig.d.ts +2 -0
- package/dist/client/app/useAppConfig.js +9 -0
- package/dist/client/app/useBrand.d.ts +9 -0
- package/dist/client/app/useBrand.js +17 -0
- package/dist/client/app/useLanguage.d.ts +2 -0
- package/dist/client/app/useLanguage.js +11 -0
- package/dist/client/app/usePageData.d.ts +2 -0
- package/dist/client/app/usePageData.js +25 -0
- package/dist/client/app/usePageUrl.d.ts +1 -0
- package/dist/client/app/usePageUrl.js +12 -0
- package/dist/client/app/useRegion.d.ts +1 -0
- package/dist/client/app/useRegion.js +10 -0
- package/dist/client/app/useSite.d.ts +2 -0
- package/dist/client/app/useSite.js +13 -0
- package/dist/client/atomic/AnimatedText.d.ts +12 -0
- package/dist/client/atomic/AnimatedText.js +90 -0
- package/dist/client/atomic/MaskedInput.d.ts +20 -0
- package/dist/client/atomic/MaskedInput.js +63 -0
- package/dist/client/atomic/index.d.ts +2 -0
- package/dist/client/atomic/index.js +18 -0
- package/dist/client/fields/EmbeddedVideo/EmbeddedPlayer.d.ts +36 -0
- package/dist/client/fields/EmbeddedVideo/EmbeddedPlayer.js +2 -0
- package/dist/client/fields/EmbeddedVideo/EmbeddedVideo.d.ts +13 -0
- package/dist/client/fields/EmbeddedVideo/EmbeddedVideo.js +22 -0
- package/dist/client/fields/EmbeddedVideo/EmbeddedVideoContainer.d.ts +7 -0
- package/dist/client/fields/EmbeddedVideo/EmbeddedVideoContainer.js +24 -0
- package/dist/client/fields/EmbeddedVideo/EmbeddedVideoContext.d.ts +8 -0
- package/dist/client/fields/EmbeddedVideo/EmbeddedVideoContext.js +11 -0
- package/dist/client/fields/EmbeddedVideo/index.d.ts +4 -0
- package/dist/client/fields/EmbeddedVideo/index.js +20 -0
- package/dist/client/fields/EmbeddedVideo/useEmbeddedPlayerProgress.d.ts +10 -0
- package/dist/client/fields/EmbeddedVideo/useEmbeddedPlayerProgress.js +66 -0
- package/dist/client/fields/EmbeddedVideo/useEmbeddedPlayerRef.d.ts +9 -0
- package/dist/client/fields/EmbeddedVideo/useEmbeddedPlayerRef.js +29 -0
- package/dist/client/fields/EmbeddedVideo/vimeo/VimeoPlayer.d.ts +63 -0
- package/dist/client/fields/EmbeddedVideo/vimeo/VimeoPlayer.js +326 -0
- package/dist/client/fields/EmbeddedVideo/vimeo/VimeoVideo.d.ts +13 -0
- package/dist/client/fields/EmbeddedVideo/vimeo/VimeoVideo.js +60 -0
- package/dist/client/fields/EmbeddedVideo/vimeo/index.d.ts +1 -0
- package/dist/client/fields/EmbeddedVideo/vimeo/index.js +17 -0
- package/dist/client/fields/EmbeddedVideo/youtube/YTApi.d.ts +92 -0
- package/dist/client/fields/EmbeddedVideo/youtube/YTApi.js +24 -0
- package/dist/client/fields/EmbeddedVideo/youtube/YoutubePlayer.d.ts +56 -0
- package/dist/client/fields/EmbeddedVideo/youtube/YoutubePlayer.js +288 -0
- package/dist/client/fields/EmbeddedVideo/youtube/YoutubeVideo.d.ts +13 -0
- package/dist/client/fields/EmbeddedVideo/youtube/YoutubeVideo.js +71 -0
- package/dist/client/fields/EmbeddedVideo/youtube/index.d.ts +3 -0
- package/dist/client/fields/EmbeddedVideo/youtube/index.js +19 -0
- package/dist/client/fields/LazyVideo.d.ts +8 -0
- package/dist/client/fields/LazyVideo.js +100 -0
- package/dist/client/fields/index.d.ts +2 -0
- package/dist/client/fields/index.js +18 -0
- package/dist/client/forms/Form.d.ts +13 -0
- package/dist/client/forms/Form.js +68 -0
- package/dist/client/forms/FormContext.d.ts +5 -0
- package/dist/client/forms/FormContext.js +6 -0
- package/dist/client/forms/fields/BooleanField.d.ts +16 -0
- package/dist/client/forms/fields/BooleanField.js +47 -0
- package/dist/client/forms/fields/EnumField.d.ts +20 -0
- package/dist/client/forms/fields/EnumField.js +65 -0
- package/dist/client/forms/fields/Field.d.ts +15 -0
- package/dist/client/forms/fields/Field.js +39 -0
- package/dist/client/forms/fields/FieldErrorController.d.ts +12 -0
- package/dist/client/forms/fields/FieldErrorController.js +13 -0
- package/dist/client/forms/fields/FieldLayout.d.ts +16 -0
- package/dist/client/forms/fields/FieldLayout.js +32 -0
- package/dist/client/forms/fields/TextField.d.ts +25 -0
- package/dist/client/forms/fields/TextField.js +178 -0
- package/dist/client/forms/fields/index.d.ts +2 -0
- package/dist/client/forms/fields/index.js +18 -0
- package/dist/client/forms/fields/useField.d.ts +2 -0
- package/dist/client/forms/fields/useField.js +26 -0
- package/dist/client/forms/index.d.ts +4 -0
- package/dist/client/forms/index.js +20 -0
- package/dist/client/forms/interactive/CheckboxField.d.ts +14 -0
- package/dist/client/forms/interactive/CheckboxField.js +19 -0
- package/dist/client/forms/interactive/RadioField.d.ts +12 -0
- package/dist/client/forms/interactive/RadioField.js +16 -0
- package/dist/client/forms/interactive/RadioGroupField.d.ts +12 -0
- package/dist/client/forms/interactive/RadioGroupField.js +10 -0
- package/dist/client/forms/interactive/SelectField.d.ts +17 -0
- package/dist/client/forms/interactive/SelectField.js +16 -0
- package/dist/client/forms/interactive/index.d.ts +4 -0
- package/dist/client/forms/interactive/index.js +20 -0
- package/dist/client/forms/useForm.d.ts +2 -0
- package/dist/client/forms/useForm.js +17 -0
- package/dist/client/forms/useTempFields.d.ts +7 -0
- package/dist/client/forms/useTempFields.js +54 -0
- package/dist/client/hooks/assets/index.d.ts +2 -0
- package/dist/client/hooks/assets/index.js +18 -0
- package/dist/client/hooks/assets/useImageProxy.d.ts +2 -0
- package/dist/client/hooks/assets/useImageProxy.js +43 -0
- package/dist/client/hooks/assets/useVideoProxy.d.ts +2 -0
- package/dist/client/hooks/assets/useVideoProxy.js +43 -0
- package/dist/client/hooks/breakpoint/BreakpointContainer.d.ts +9 -0
- package/dist/client/hooks/breakpoint/BreakpointContainer.js +39 -0
- package/dist/client/hooks/breakpoint/BreakpointContext.d.ts +7 -0
- package/dist/client/hooks/breakpoint/BreakpointContext.js +9 -0
- package/dist/client/hooks/breakpoint/index.d.ts +3 -0
- package/dist/client/hooks/breakpoint/index.js +19 -0
- package/dist/client/hooks/breakpoint/useCurrentBreakpoint.d.ts +2 -0
- package/dist/client/hooks/breakpoint/useCurrentBreakpoint.js +10 -0
- package/dist/client/hooks/index.d.ts +26 -0
- package/dist/client/hooks/index.js +42 -0
- package/dist/client/hooks/ui-lock/UILockContainer.d.ts +5 -0
- package/dist/client/hooks/ui-lock/UILockContainer.js +57 -0
- package/dist/client/hooks/ui-lock/UILockContext.d.ts +9 -0
- package/dist/client/hooks/ui-lock/UILockContext.js +6 -0
- package/dist/client/hooks/ui-lock/UILockRef.d.ts +36 -0
- package/dist/client/hooks/ui-lock/UILockRef.js +32 -0
- package/dist/client/hooks/ui-lock/index.d.ts +3 -0
- package/dist/client/hooks/ui-lock/index.js +19 -0
- package/dist/client/hooks/ui-lock/useUILock.d.ts +16 -0
- package/dist/client/hooks/ui-lock/useUILock.js +121 -0
- package/dist/client/hooks/useCounter.d.ts +11 -0
- package/dist/client/hooks/useCounter.js +57 -0
- package/dist/client/hooks/useCycle.d.ts +5 -0
- package/dist/client/hooks/useCycle.js +15 -0
- package/dist/client/hooks/useElementRect.d.ts +2 -0
- package/dist/client/hooks/useElementRect.js +63 -0
- package/dist/client/hooks/useElementScrolled.d.ts +17 -0
- package/dist/client/hooks/useElementScrolled.js +51 -0
- package/dist/client/hooks/useElementSelector.d.ts +2 -0
- package/dist/client/hooks/useElementSelector.js +160 -0
- package/dist/client/hooks/useElementSize.d.ts +2 -0
- package/dist/client/hooks/useElementSize.js +64 -0
- package/dist/client/hooks/useFindElements.d.ts +9 -0
- package/dist/client/hooks/useFindElements.js +147 -0
- package/dist/client/hooks/useInViewport.d.ts +16 -0
- package/dist/client/hooks/useInViewport.js +46 -0
- package/dist/client/hooks/useIsDesktop.d.ts +1 -0
- package/dist/client/hooks/useIsDesktop.js +22 -0
- package/dist/client/hooks/useKeyboardFocus.d.ts +7 -0
- package/dist/client/hooks/useKeyboardFocus.js +40 -0
- package/dist/client/hooks/useLatestValue.d.ts +1 -0
- package/dist/client/hooks/useLatestValue.js +21 -0
- package/dist/client/hooks/useLock.d.ts +13 -0
- package/dist/client/hooks/useLock.js +161 -0
- package/dist/client/hooks/useMixedResponsiveValue.d.ts +2 -0
- package/dist/client/hooks/useMixedResponsiveValue.js +20 -0
- package/dist/client/hooks/usePathname.d.ts +9 -0
- package/dist/client/hooks/usePathname.js +25 -0
- package/dist/client/hooks/useRefElement.d.ts +8 -0
- package/dist/client/hooks/useRefElement.js +34 -0
- package/dist/client/hooks/useRefresh.d.ts +2 -0
- package/dist/client/hooks/useRefresh.js +25 -0
- package/dist/client/hooks/useResizeObserver.d.ts +5 -0
- package/dist/client/hooks/useResizeObserver.js +179 -0
- package/dist/client/hooks/useResponsiveValue.d.ts +2 -0
- package/dist/client/hooks/useResponsiveValue.js +16 -0
- package/dist/client/hooks/useRouter.d.ts +20 -0
- package/dist/client/hooks/useRouter.js +49 -0
- package/dist/client/hooks/useSafeLayoutEffect.d.ts +2 -0
- package/dist/client/hooks/useSafeLayoutEffect.js +9 -0
- package/dist/client/hooks/useTouch.d.ts +2 -0
- package/dist/client/hooks/useTouch.js +10 -0
- package/dist/client/hooks/useViewportSize.d.ts +7 -0
- package/dist/client/hooks/useViewportSize.js +66 -0
- package/dist/client/hooks/useWindowScrolled.d.ts +8 -0
- package/dist/client/hooks/useWindowScrolled.js +52 -0
- package/dist/client/index.d.ts +9 -0
- package/dist/client/index.js +25 -0
- package/dist/client/interaction/Carousel.d.ts +48 -0
- package/dist/client/interaction/Carousel.js +498 -0
- package/dist/client/interaction/ClickObserver.d.ts +19 -0
- package/dist/client/interaction/ClickObserver.js +76 -0
- package/dist/client/interaction/InfiniteScroller.d.ts +9 -0
- package/dist/client/interaction/InfiniteScroller.js +47 -0
- package/dist/client/interaction/Loader.d.ts +14 -0
- package/dist/client/interaction/Loader.js +74 -0
- package/dist/client/interaction/Marquee.d.ts +5 -0
- package/dist/client/interaction/Marquee.js +26 -0
- package/dist/client/interaction/Popup.d.ts +36 -0
- package/dist/client/interaction/Popup.js +244 -0
- package/dist/client/interaction/Tooltip.d.ts +16 -0
- package/dist/client/interaction/Tooltip.js +122 -0
- package/dist/client/interaction/UILevel.d.ts +1 -0
- package/dist/client/interaction/UILevel.js +2 -0
- package/dist/client/interaction/backdrop/BackdropContainer.d.ts +5 -0
- package/dist/client/interaction/backdrop/BackdropContainer.js +114 -0
- package/dist/client/interaction/backdrop/BackdropContext.d.ts +8 -0
- package/dist/client/interaction/backdrop/BackdropContext.js +6 -0
- package/dist/client/interaction/backdrop/BackdropEvent.d.ts +64 -0
- package/dist/client/interaction/backdrop/BackdropEvent.js +92 -0
- package/dist/client/interaction/backdrop/index.d.ts +4 -0
- package/dist/client/interaction/backdrop/index.js +20 -0
- package/dist/client/interaction/backdrop/useBackdrop.d.ts +13 -0
- package/dist/client/interaction/backdrop/useBackdrop.js +58 -0
- package/dist/client/interaction/backdrop/useBackdropClick.d.ts +2 -0
- package/dist/client/interaction/backdrop/useBackdropClick.js +21 -0
- package/dist/client/interaction/backdrop/useBackdropVisible.d.ts +1 -0
- package/dist/client/interaction/backdrop/useBackdropVisible.js +30 -0
- package/dist/client/interaction/focus/FocusArea.d.ts +10 -0
- package/dist/client/interaction/focus/FocusArea.js +38 -0
- package/dist/client/interaction/focus/FocusContext.d.ts +7 -0
- package/dist/client/interaction/focus/FocusContext.js +7 -0
- package/dist/client/interaction/focus/FocusController.d.ts +9 -0
- package/dist/client/interaction/focus/FocusController.js +40 -0
- package/dist/client/interaction/focus/FocusService.d.ts +20 -0
- package/dist/client/interaction/focus/FocusService.js +204 -0
- package/dist/client/interaction/focus/LinkedList.d.ts +18 -0
- package/dist/client/interaction/focus/LinkedList.js +122 -0
- package/dist/client/interaction/focus/index.d.ts +2 -0
- package/dist/client/interaction/focus/index.js +18 -0
- package/dist/client/interaction/focus/useFocusService.d.ts +2 -0
- package/dist/client/interaction/focus/useFocusService.js +14 -0
- package/dist/client/interaction/index.d.ts +12 -0
- package/dist/client/interaction/index.js +28 -0
- package/dist/client/interaction/modal/Modal.d.ts +29 -0
- package/dist/client/interaction/modal/Modal.js +136 -0
- package/dist/client/interaction/modal/ModalContainer.d.ts +5 -0
- package/dist/client/interaction/modal/ModalContainer.js +104 -0
- package/dist/client/interaction/modal/ModalContext.d.ts +8 -0
- package/dist/client/interaction/modal/ModalContext.js +6 -0
- package/dist/client/interaction/modal/ModalEvent.d.ts +39 -0
- package/dist/client/interaction/modal/ModalEvent.js +53 -0
- package/dist/client/interaction/modal/index.d.ts +2 -0
- package/dist/client/interaction/modal/index.js +18 -0
- package/dist/client/interaction/paginator/Paginator.d.ts +33 -0
- package/dist/client/interaction/paginator/Paginator.js +67 -0
- package/dist/client/interaction/paginator/index.d.ts +1 -0
- package/dist/client/interaction/paginator/index.js +17 -0
- package/dist/client/layouts/MasonaryLayout.d.ts +7 -0
- package/dist/client/layouts/MasonaryLayout.js +53 -0
- package/dist/client/layouts/index.d.ts +1 -0
- package/dist/client/layouts/index.js +17 -0
- package/dist/client/refs.d.ts +2 -0
- package/dist/client/refs.js +13 -0
- package/dist/client/transitions/Revelator.d.ts +42 -0
- package/dist/client/transitions/Revelator.js +60 -0
- package/dist/client/transitions/SideScroll.d.ts +14 -0
- package/dist/client/transitions/SideScroll.js +51 -0
- package/dist/client/transitions/StyleInViewport.d.ts +20 -0
- package/dist/client/transitions/StyleInViewport.js +66 -0
- package/dist/client/transitions/StyleSwitch.d.ts +297 -0
- package/dist/client/transitions/StyleSwitch.js +78 -0
- package/dist/client/transitions/index.d.ts +6 -0
- package/dist/client/transitions/index.js +22 -0
- package/dist/client/transitions/parallax/Parallax.d.ts +20 -0
- package/dist/client/transitions/parallax/Parallax.js +72 -0
- package/dist/client/transitions/parallax/ParallaxContext.d.ts +11 -0
- package/dist/client/transitions/parallax/ParallaxContext.js +6 -0
- package/dist/client/transitions/parallax/ParallaxItem.d.ts +14 -0
- package/dist/client/transitions/parallax/ParallaxItem.js +37 -0
- package/dist/client/transitions/parallax/ParallaxRemote.d.ts +29 -0
- package/dist/client/transitions/parallax/ParallaxRemote.js +136 -0
- package/dist/client/transitions/parallax/ParallaxUtils.d.ts +5 -0
- package/dist/client/transitions/parallax/ParallaxUtils.js +19 -0
- package/dist/client/transitions/parallax/index.d.ts +2 -0
- package/dist/client/transitions/parallax/index.js +18 -0
- package/dist/client/transitions/parallax/useDisableParallax.d.ts +4 -0
- package/dist/client/transitions/parallax/useDisableParallax.js +13 -0
- package/dist/client/transitions/parallax/useParallax.d.ts +2 -0
- package/dist/client/transitions/parallax/useParallax.js +18 -0
- package/dist/client/transitions/parallax/useTransforms.d.ts +34 -0
- package/dist/client/transitions/parallax/useTransforms.js +176 -0
- package/dist/client/transitions/reveal/Reveal.d.ts +14 -0
- package/dist/client/transitions/reveal/Reveal.js +75 -0
- package/dist/client/transitions/reveal/RevealAnimation.d.ts +17 -0
- package/dist/client/transitions/reveal/RevealAnimation.js +2 -0
- package/dist/client/transitions/reveal/RevealAnimator.d.ts +13 -0
- package/dist/client/transitions/reveal/RevealAnimator.js +41 -0
- package/dist/client/transitions/reveal/RevealController.d.ts +13 -0
- package/dist/client/transitions/reveal/RevealController.js +114 -0
- package/dist/client/transitions/reveal/RevealElementAnimator.d.ts +13 -0
- package/dist/client/transitions/reveal/RevealElementAnimator.js +65 -0
- package/dist/client/transitions/reveal/index.d.ts +2 -0
- package/dist/client/transitions/reveal/index.js +18 -0
- package/dist/client/utils/OnKey.d.ts +20 -0
- package/dist/client/utils/OnKey.js +33 -0
- package/dist/client/utils/SharedMutationObserver.d.ts +20 -0
- package/dist/client/utils/SharedMutationObserver.js +202 -0
- package/dist/client/utils/index.d.ts +2 -0
- package/dist/client/utils/index.js +18 -0
- package/dist/server/atomic/Markup.d.ts +14 -0
- package/dist/server/atomic/Markup.js +34 -0
- package/dist/server/atomic/NascentLogo.d.ts +6 -0
- package/dist/server/atomic/NascentLogo.js +9 -0
- package/dist/server/atomic/index.d.ts +2 -0
- package/dist/server/atomic/index.js +18 -0
- package/dist/server/blocks/Block.d.ts +16 -0
- package/dist/server/blocks/Block.js +92 -0
- package/dist/server/blocks/Clients.d.ts +33 -0
- package/dist/server/blocks/Clients.js +82 -0
- package/dist/server/blocks/Editorial.d.ts +33 -0
- package/dist/server/blocks/Editorial.js +80 -0
- package/dist/server/blocks/Form.d.ts +46 -0
- package/dist/server/blocks/Form.js +74 -0
- package/dist/server/blocks/FormMessage.d.ts +15 -0
- package/dist/server/blocks/FormMessage.js +37 -0
- package/dist/server/blocks/MediaLayout.d.ts +309 -0
- package/dist/server/blocks/MediaLayout.js +105 -0
- package/dist/server/blocks/Message.d.ts +76 -0
- package/dist/server/blocks/Message.js +352 -0
- package/dist/server/blocks/Outcome.d.ts +84 -0
- package/dist/server/blocks/Outcome.js +489 -0
- package/dist/server/blocks/OutcomeDetail.d.ts +303 -0
- package/dist/server/blocks/OutcomeDetail.js +63 -0
- package/dist/server/blocks/Projects.d.ts +43 -0
- package/dist/server/blocks/Projects.js +109 -0
- package/dist/server/blocks/Stat.d.ts +325 -0
- package/dist/server/blocks/Stat.js +107 -0
- package/dist/server/blocks/Stats.d.ts +36 -0
- package/dist/server/blocks/Stats.js +79 -0
- package/dist/server/blocks/Testimonial.d.ts +30 -0
- package/dist/server/blocks/Testimonial.js +68 -0
- package/dist/server/blocks/ValueProp.d.ts +43 -0
- package/dist/server/blocks/ValueProp.js +125 -0
- package/dist/server/blocks/index.d.ts +13 -0
- package/dist/server/blocks/index.js +29 -0
- package/dist/server/data/PrePaginator.d.ts +8 -0
- package/dist/server/data/PrePaginator.js +30 -0
- package/dist/server/data/index.d.ts +1 -0
- package/dist/server/data/index.js +17 -0
- package/dist/server/entities/Client.d.ts +327 -0
- package/dist/server/entities/Client.js +118 -0
- package/dist/server/entities/ClientBadge.d.ts +293 -0
- package/dist/server/entities/ClientBadge.js +37 -0
- package/dist/server/entities/Person.d.ts +314 -0
- package/dist/server/entities/Person.js +98 -0
- package/dist/server/entities/Project.d.ts +329 -0
- package/dist/server/entities/Project.js +112 -0
- package/dist/server/entities/UniqueSellingPoint.d.ts +327 -0
- package/dist/server/entities/UniqueSellingPoint.js +119 -0
- package/dist/server/entities/index.d.ts +6 -0
- package/dist/server/entities/index.js +22 -0
- package/dist/server/entities/previews/MessagePreview.d.ts +299 -0
- package/dist/server/entities/previews/MessagePreview.js +41 -0
- package/dist/server/entities/previews/PagePreview.d.ts +10 -0
- package/dist/server/entities/previews/PagePreview.js +42 -0
- package/dist/server/entities/previews/index.d.ts +2 -0
- package/dist/server/entities/previews/index.js +18 -0
- package/dist/server/fields/Caption.d.ts +13 -0
- package/dist/server/fields/Caption.js +45 -0
- package/dist/server/fields/Description.d.ts +13 -0
- package/dist/server/fields/Description.js +46 -0
- package/dist/server/fields/FreeFormContent.d.ts +17 -0
- package/dist/server/fields/FreeFormContent.js +43 -0
- package/dist/server/fields/Headline.d.ts +13 -0
- package/dist/server/fields/Headline.js +46 -0
- package/dist/server/fields/Icon.d.ts +10 -0
- package/dist/server/fields/Icon.js +39 -0
- package/dist/server/fields/Link.d.ts +16 -0
- package/dist/server/fields/Link.js +61 -0
- package/dist/server/fields/Quote.d.ts +13 -0
- package/dist/server/fields/Quote.js +46 -0
- package/dist/server/fields/RichText.d.ts +296 -0
- package/dist/server/fields/RichText.js +217 -0
- package/dist/server/fields/Title.d.ts +292 -0
- package/dist/server/fields/Title.js +38 -0
- package/dist/server/fields/Visual.d.ts +12 -0
- package/dist/server/fields/Visual.js +66 -0
- package/dist/server/fields/index.d.ts +10 -0
- package/dist/server/fields/index.js +26 -0
- package/dist/server/index.d.ts +9 -0
- package/dist/server/index.js +25 -0
- package/dist/server/panels/BlockPanel.d.ts +14 -0
- package/dist/server/panels/BlockPanel.js +56 -0
- package/dist/server/panels/MessagePanel.d.ts +31 -0
- package/dist/server/panels/MessagePanel.js +81 -0
- package/dist/server/panels/VisualPanel.d.ts +36 -0
- package/dist/server/panels/VisualPanel.js +143 -0
- package/dist/server/panels/index.d.ts +3 -0
- package/dist/server/panels/index.js +19 -0
- package/dist/server/schema/Anchor.d.ts +7 -0
- package/dist/server/schema/Anchor.js +24 -0
- package/dist/server/schema/AspectRatio.d.ts +9 -0
- package/dist/server/schema/AspectRatio.js +43 -0
- package/dist/server/schema/BlockConfig.d.ts +56 -0
- package/dist/server/schema/BlockConfig.js +192 -0
- package/dist/server/schema/CollectionSchema.d.ts +4 -0
- package/dist/server/schema/CollectionSchema.js +15 -0
- package/dist/server/schema/ItemAlignment.d.ts +12 -0
- package/dist/server/schema/ItemAlignment.js +42 -0
- package/dist/server/schema/ItemPosition.d.ts +6 -0
- package/dist/server/schema/ItemPosition.js +25 -0
- package/dist/server/schema/ItemSize.d.ts +6 -0
- package/dist/server/schema/ItemSize.js +24 -0
- package/dist/server/schema/TextAlignment.d.ts +6 -0
- package/dist/server/schema/TextAlignment.js +22 -0
- package/dist/server/schema/index.d.ts +8 -0
- package/dist/server/schema/index.js +24 -0
- package/dist/server/sections/index.d.ts +1 -0
- package/dist/server/sections/index.js +17 -0
- package/dist/server/sections/renderSection.d.ts +6 -0
- package/dist/server/sections/renderSection.js +19 -0
- package/dist/server/transitions/Slide.d.ts +293 -0
- package/dist/server/transitions/Slide.js +31 -0
- package/dist/server/transitions/index.d.ts +3 -0
- package/dist/server/transitions/index.js +19 -0
- package/dist/styles/app/AppPreview.css +49 -0
- package/dist/styles/app/_index.css +1 -0
- package/dist/styles/base/_index.css +2 -0
- package/dist/styles/base/global.css +9 -0
- package/dist/styles/base/tailwind.css +3 -0
- package/dist/styles/blocks/Block-layout.css +244 -0
- package/dist/styles/blocks/Block-spacing.css +150 -0
- package/dist/styles/blocks/Block-theming.css +14 -0
- package/dist/styles/blocks/Clients.css +10 -0
- package/dist/styles/blocks/Editorial.css +133 -0
- package/dist/styles/blocks/Form.css +13 -0
- package/dist/styles/blocks/MediaLayout.css +215 -0
- package/dist/styles/blocks/Message.css +353 -0
- package/dist/styles/blocks/Outcome.css +83 -0
- package/dist/styles/blocks/Projects.css +18 -0
- package/dist/styles/blocks/Stat.css +45 -0
- package/dist/styles/blocks/Stats.css +38 -0
- package/dist/styles/blocks/Testimonial.css +323 -0
- package/dist/styles/blocks/ValueProp.css +135 -0
- package/dist/styles/blocks/_index.css +14 -0
- package/dist/styles/components/_index.css +3 -0
- package/dist/styles/components/container.css +58 -0
- package/dist/styles/components/divider.css +6 -0
- package/dist/styles/components/embed/VimeoPlayer.css +49 -0
- package/dist/styles/components/embed/YoutubePlayer.css +72 -0
- package/dist/styles/components/embed/_index.css +2 -0
- package/dist/styles/entities/Client.css +5 -0
- package/dist/styles/entities/ClientBadge.css +14 -0
- package/dist/styles/entities/Person.css +76 -0
- package/dist/styles/entities/Project.css +44 -0
- package/dist/styles/entities/UniqueSellingPoint.css +54 -0
- package/dist/styles/entities/_index.css +5 -0
- package/dist/styles/fields/Caption.css +23 -0
- package/dist/styles/fields/Description.css +23 -0
- package/dist/styles/fields/FreeFormContent.css +24 -0
- package/dist/styles/fields/Headline.css +38 -0
- package/dist/styles/fields/Icon.css +20 -0
- package/dist/styles/fields/LazyVideo.css +12 -0
- package/dist/styles/fields/Link.css +16 -0
- package/dist/styles/fields/Quote.css +48 -0
- package/dist/styles/fields/RichText.css +243 -0
- package/dist/styles/fields/Title.css +17 -0
- package/dist/styles/fields/Visual.css +27 -0
- package/dist/styles/fields/_index.css +11 -0
- package/dist/styles/index.css +9 -0
- package/dist/styles/layouts/MasonryLayout.css +24 -0
- package/dist/styles/layouts/_index.css +1 -0
- package/dist/styles/panels/MessagePanel.css +56 -0
- package/dist/styles/panels/VisualPanel.css +58 -0
- package/dist/styles/panels/_index.css +2 -0
- package/dist/styles/utilities/_index.css +7 -0
- package/dist/styles/utilities/ellipsis.css +7 -0
- package/dist/styles/utilities/fade.css +16 -0
- package/dist/styles/utilities/glass.css +8 -0
- package/dist/styles/utilities/interpolate.css +22 -0
- package/dist/styles/utilities/masks.css +18 -0
- package/dist/styles/utilities/stacked.css +24 -0
- package/dist/styles/utilities/text-gradient.css +37 -0
- package/dist/types/HTMLBlockElement.d.ts +6 -0
- package/dist/types/HTMLBlockElement.js +2 -0
- package/dist/types/HTMLElements.d.ts +129 -0
- package/dist/types/HTMLElements.js +2 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/types/index.js +18 -0
- package/package.json +73 -0
|
@@ -0,0 +1,201 @@
|
|
|
1
|
+
import { Breakpoint, Breakpoints, PixelSize, BlockThemes } from '@nascentdigital/funnel-core';
|
|
2
|
+
import type { Config } from 'tailwindcss';
|
|
3
|
+
export declare namespace Tailwind {
|
|
4
|
+
type CreateConfigArgs = {
|
|
5
|
+
content?: string[];
|
|
6
|
+
colors?: Record<string, string>;
|
|
7
|
+
safelist?: Config['safelist'];
|
|
8
|
+
themes: Readonly<BlockThemes.Options>;
|
|
9
|
+
};
|
|
10
|
+
function createConfig({ content, colors, safelist, themes }: CreateConfigArgs): {
|
|
11
|
+
content: string[];
|
|
12
|
+
safelist: import("tailwindcss/types/config").SafelistConfig[];
|
|
13
|
+
theme: {
|
|
14
|
+
screens: Record<Breakpoint, string>;
|
|
15
|
+
spacing: {
|
|
16
|
+
svw: string;
|
|
17
|
+
lvw: string;
|
|
18
|
+
dvw: string;
|
|
19
|
+
svh: string;
|
|
20
|
+
lvh: string;
|
|
21
|
+
dvh: string;
|
|
22
|
+
l1: string;
|
|
23
|
+
l2: string;
|
|
24
|
+
l3: string;
|
|
25
|
+
l4: string;
|
|
26
|
+
l5: string;
|
|
27
|
+
l6: string;
|
|
28
|
+
l7: string;
|
|
29
|
+
l8: string;
|
|
30
|
+
l9: string;
|
|
31
|
+
l10: string;
|
|
32
|
+
l11: string;
|
|
33
|
+
l12: string;
|
|
34
|
+
l13: string;
|
|
35
|
+
l14: string;
|
|
36
|
+
l15: string;
|
|
37
|
+
l16: string;
|
|
38
|
+
l17: string;
|
|
39
|
+
l18: string;
|
|
40
|
+
l19: string;
|
|
41
|
+
touchable: string;
|
|
42
|
+
icon: string;
|
|
43
|
+
"screen-xs": `${number}px`;
|
|
44
|
+
"screen-sm": `${number}px`;
|
|
45
|
+
"screen-md": `${number}px`;
|
|
46
|
+
"screen-lg": `${number}px`;
|
|
47
|
+
"screen-xl": `${number}px`;
|
|
48
|
+
initial: string;
|
|
49
|
+
revert: string;
|
|
50
|
+
unset: string;
|
|
51
|
+
'0': string;
|
|
52
|
+
px: string;
|
|
53
|
+
};
|
|
54
|
+
zIndex: {
|
|
55
|
+
tooltip: string;
|
|
56
|
+
popup: string;
|
|
57
|
+
dialogFab: string;
|
|
58
|
+
dialog: string;
|
|
59
|
+
superbackdrop: string;
|
|
60
|
+
superheader: string;
|
|
61
|
+
header: string;
|
|
62
|
+
subheader: string;
|
|
63
|
+
backdrop: string;
|
|
64
|
+
fab: string;
|
|
65
|
+
superoverlay: string;
|
|
66
|
+
overlay: string;
|
|
67
|
+
supersurface: string;
|
|
68
|
+
surface: string;
|
|
69
|
+
tint: string;
|
|
70
|
+
background: string;
|
|
71
|
+
};
|
|
72
|
+
rotate: {
|
|
73
|
+
'0': string;
|
|
74
|
+
'45': string;
|
|
75
|
+
'90': string;
|
|
76
|
+
'135': string;
|
|
77
|
+
'180': string;
|
|
78
|
+
'225': string;
|
|
79
|
+
'270': string;
|
|
80
|
+
'315': string;
|
|
81
|
+
};
|
|
82
|
+
aspectRatio: {
|
|
83
|
+
auto: string;
|
|
84
|
+
square: string;
|
|
85
|
+
camera: string;
|
|
86
|
+
cameraAlt: string;
|
|
87
|
+
video: string;
|
|
88
|
+
phone: string;
|
|
89
|
+
tv: string;
|
|
90
|
+
tvAlt: string;
|
|
91
|
+
computer: string;
|
|
92
|
+
widescreen: string;
|
|
93
|
+
cinema: string;
|
|
94
|
+
cinemascope: string;
|
|
95
|
+
};
|
|
96
|
+
colors: {
|
|
97
|
+
inherit: string;
|
|
98
|
+
current: string;
|
|
99
|
+
transparent: string;
|
|
100
|
+
};
|
|
101
|
+
opacity: {
|
|
102
|
+
l1: string;
|
|
103
|
+
l2: string;
|
|
104
|
+
l3: string;
|
|
105
|
+
l4: string;
|
|
106
|
+
l5: string;
|
|
107
|
+
hover: string;
|
|
108
|
+
focus: string;
|
|
109
|
+
press: string;
|
|
110
|
+
press_invert: string;
|
|
111
|
+
drag: string;
|
|
112
|
+
disabled: string;
|
|
113
|
+
faded: string;
|
|
114
|
+
backdrop: string;
|
|
115
|
+
none: string;
|
|
116
|
+
full: string;
|
|
117
|
+
};
|
|
118
|
+
fontFamily: {};
|
|
119
|
+
leading: {
|
|
120
|
+
none: string;
|
|
121
|
+
tight: string;
|
|
122
|
+
normal: string;
|
|
123
|
+
loose: string;
|
|
124
|
+
};
|
|
125
|
+
borderWidth: {
|
|
126
|
+
DEFAULT: string;
|
|
127
|
+
'0': string;
|
|
128
|
+
'2': string;
|
|
129
|
+
'3': string;
|
|
130
|
+
'4': string;
|
|
131
|
+
'8': string;
|
|
132
|
+
};
|
|
133
|
+
borderRadius: {
|
|
134
|
+
DEFAULT: string;
|
|
135
|
+
none: string;
|
|
136
|
+
xs: string;
|
|
137
|
+
sm: string;
|
|
138
|
+
md: string;
|
|
139
|
+
lg: string;
|
|
140
|
+
xl: string;
|
|
141
|
+
full: string;
|
|
142
|
+
};
|
|
143
|
+
boxShadow: {
|
|
144
|
+
none: string;
|
|
145
|
+
l1: string;
|
|
146
|
+
l2: string;
|
|
147
|
+
l3: string;
|
|
148
|
+
l4: string;
|
|
149
|
+
l5: string;
|
|
150
|
+
l6: string;
|
|
151
|
+
popup: string;
|
|
152
|
+
menu: string;
|
|
153
|
+
card: string;
|
|
154
|
+
};
|
|
155
|
+
listStyleType: {
|
|
156
|
+
none: string;
|
|
157
|
+
disc: string;
|
|
158
|
+
decimal: string;
|
|
159
|
+
square: string;
|
|
160
|
+
circle: string;
|
|
161
|
+
roman: string;
|
|
162
|
+
};
|
|
163
|
+
counterName: {
|
|
164
|
+
l1: string;
|
|
165
|
+
l2: string;
|
|
166
|
+
l3: string;
|
|
167
|
+
l4: string;
|
|
168
|
+
l5: string;
|
|
169
|
+
};
|
|
170
|
+
extend: {
|
|
171
|
+
animation: {
|
|
172
|
+
'spin-slow': string;
|
|
173
|
+
};
|
|
174
|
+
content: {
|
|
175
|
+
empty: string;
|
|
176
|
+
};
|
|
177
|
+
transitionDuration: {
|
|
178
|
+
'150': string;
|
|
179
|
+
'250': string;
|
|
180
|
+
'350': string;
|
|
181
|
+
'400': string;
|
|
182
|
+
'450': string;
|
|
183
|
+
'600': string;
|
|
184
|
+
'800': string;
|
|
185
|
+
};
|
|
186
|
+
};
|
|
187
|
+
};
|
|
188
|
+
plugins: ({
|
|
189
|
+
handler: () => void;
|
|
190
|
+
} | {
|
|
191
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
|
192
|
+
config?: Partial<import("tailwindcss/types/config").Config>;
|
|
193
|
+
})[];
|
|
194
|
+
};
|
|
195
|
+
function toPixel(value: number): PixelSize;
|
|
196
|
+
function getScreens(breakpoints: Breakpoints): Record<Breakpoint, string>;
|
|
197
|
+
type ScreenSize = `screen-${Breakpoint}`;
|
|
198
|
+
function getScreenSizes(breakpoints: Breakpoints): Record<ScreenSize, PixelSize>;
|
|
199
|
+
function importResolver(id: string, basedir: string): string;
|
|
200
|
+
function transformToRGB(colors: Record<string, string>): Record<string, string>;
|
|
201
|
+
}
|
package/dist/Tailwind.js
ADDED
|
@@ -0,0 +1,282 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Tailwind = void 0;
|
|
7
|
+
const funnel_core_1 = require("@nascentdigital/funnel-core");
|
|
8
|
+
const aspect_ratio_1 = __importDefault(require("@tailwindcss/aspect-ratio"));
|
|
9
|
+
const color_1 = __importDefault(require("color"));
|
|
10
|
+
const fs_1 = __importDefault(require("fs"));
|
|
11
|
+
const path_1 = __importDefault(require("path"));
|
|
12
|
+
const plugin_1 = __importDefault(require("tailwindcss/plugin"));
|
|
13
|
+
// namespace
|
|
14
|
+
var Tailwind;
|
|
15
|
+
(function (Tailwind) {
|
|
16
|
+
function createConfig({ content = [], colors = {}, safelist = [], themes }) {
|
|
17
|
+
return {
|
|
18
|
+
// build settings
|
|
19
|
+
content: [
|
|
20
|
+
'./src/**/*.{tsx,jsx,ts,js}',
|
|
21
|
+
`${__dirname}/**/*.{tsx,jsx,ts,js}`,
|
|
22
|
+
path_1.default.join(path_1.default.dirname(require.resolve('@nascentdigital/funnel-core')), '**/*.{tsx,jsx,ts,js}'),
|
|
23
|
+
...content
|
|
24
|
+
],
|
|
25
|
+
safelist: [
|
|
26
|
+
...safelist,
|
|
27
|
+
{
|
|
28
|
+
pattern: /revealable-.+/
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
pattern: /nd-.+/
|
|
32
|
+
}
|
|
33
|
+
],
|
|
34
|
+
// base theming
|
|
35
|
+
theme: {
|
|
36
|
+
// layout
|
|
37
|
+
screens: getScreens(funnel_core_1.Breakpoints.defaults),
|
|
38
|
+
spacing: Object.assign(Object.assign(Object.assign(Object.assign({
|
|
39
|
+
// basic
|
|
40
|
+
'initial': 'initial', 'revert': 'revert', 'unset': 'unset', '0': '0px', 'px': '1px' }, funnel_core_1.ObjectUtils.createSeries({ start: 1, end: 19, step: 1, getValue: toPixel })), funnel_core_1.ObjectUtils.createSeries({ start: 20, end: 64, step: 2, getValue: toPixel })), getScreenSizes(funnel_core_1.Breakpoints.defaults)), {
|
|
41
|
+
// viewports
|
|
42
|
+
svw: '100svw', lvw: '100lvw', dvw: '100dvw', svh: '100svh', lvh: '100lvh', dvh: '100dvh',
|
|
43
|
+
// semantic spacing
|
|
44
|
+
l1: '2px', l2: '4px', l3: '6px', l4: '8px', l5: '12px', l6: '16px', l7: '20px', l8: '24px', l9: '32px', l10: '40px', l11: '48px', l12: '56px', l13: '64px', l14: '72px', l15: '80px', l16: '96px', l17: '120px', l18: '160px', l19: '180px', touchable: '40px', icon: '24px' }),
|
|
45
|
+
zIndex: {
|
|
46
|
+
tooltip: '150',
|
|
47
|
+
popup: '140',
|
|
48
|
+
dialogFab: '135',
|
|
49
|
+
dialog: '130',
|
|
50
|
+
superbackdrop: '125',
|
|
51
|
+
superheader: '121',
|
|
52
|
+
header: '120',
|
|
53
|
+
subheader: '110',
|
|
54
|
+
backdrop: '100',
|
|
55
|
+
fab: '20',
|
|
56
|
+
superoverlay: '11',
|
|
57
|
+
overlay: '10',
|
|
58
|
+
supersurface: '2',
|
|
59
|
+
surface: '1',
|
|
60
|
+
tint: '0',
|
|
61
|
+
background: '-1'
|
|
62
|
+
},
|
|
63
|
+
rotate: {
|
|
64
|
+
'0': '0deg',
|
|
65
|
+
'45': '45deg',
|
|
66
|
+
'90': '90deg',
|
|
67
|
+
'135': '135deg',
|
|
68
|
+
'180': '180deg',
|
|
69
|
+
'225': '225deg',
|
|
70
|
+
'270': '270deg',
|
|
71
|
+
'315': '315deg'
|
|
72
|
+
},
|
|
73
|
+
aspectRatio: Object.assign({ auto: 'auto', square: '1 / 1', camera: '3 / 2', cameraAlt: '2 / 3', video: '16 / 9', phone: '9 / 16', tv: '4 / 3', tvAlt: '3 / 4', computer: '5 / 4', widescreen: '16 / 9', cinema: '185 / 100', cinemascope: '235 / 100' }, funnel_core_1.ObjectUtils.createSeries({ start: 1, end: 20, step: 1, getValue: value => value.toString() })),
|
|
74
|
+
// colors (base)
|
|
75
|
+
colors: Object.assign(Object.assign({}, transformToRGB(colors)), { inherit: 'inherit', current: 'currentColor', transparent: 'transparent' }),
|
|
76
|
+
opacity: {
|
|
77
|
+
'l1': '.05',
|
|
78
|
+
'l2': '.08',
|
|
79
|
+
'l3': '.11',
|
|
80
|
+
'l4': '.12',
|
|
81
|
+
'l5': '.14',
|
|
82
|
+
'hover': '.08',
|
|
83
|
+
'focus': '.16',
|
|
84
|
+
'press': '.16',
|
|
85
|
+
'press_invert': '.8',
|
|
86
|
+
'drag': '.16',
|
|
87
|
+
'disabled': '.38',
|
|
88
|
+
'faded': '.50',
|
|
89
|
+
'backdrop': '.85',
|
|
90
|
+
'none': '0',
|
|
91
|
+
'full': '1'
|
|
92
|
+
},
|
|
93
|
+
// typography
|
|
94
|
+
fontFamily: {},
|
|
95
|
+
leading: {
|
|
96
|
+
none: '0',
|
|
97
|
+
tight: '110%',
|
|
98
|
+
normal: '120%',
|
|
99
|
+
loose: '140%'
|
|
100
|
+
},
|
|
101
|
+
// border
|
|
102
|
+
borderWidth: {
|
|
103
|
+
DEFAULT: '1px',
|
|
104
|
+
'0': '0',
|
|
105
|
+
'2': '2px',
|
|
106
|
+
'3': '3px',
|
|
107
|
+
'4': '4px',
|
|
108
|
+
'8': '8px'
|
|
109
|
+
},
|
|
110
|
+
borderRadius: {
|
|
111
|
+
DEFAULT: '10px',
|
|
112
|
+
none: '0px',
|
|
113
|
+
xs: '8px',
|
|
114
|
+
sm: '12px',
|
|
115
|
+
md: '24px',
|
|
116
|
+
lg: '32px',
|
|
117
|
+
xl: '40px',
|
|
118
|
+
full: '9999px'
|
|
119
|
+
},
|
|
120
|
+
// shadows
|
|
121
|
+
boxShadow: {
|
|
122
|
+
none: '0 0 #0000',
|
|
123
|
+
l1: '0px 1px 4px 0px rgba(12, 12, 13, 0.05)',
|
|
124
|
+
l2: '0px 1px 4px 0px rgba(12, 12, 13, 0.05), 0px 1px 4px 0px rgba(12, 12, 13, 0.1)',
|
|
125
|
+
l3: '0px 4px 4px -1px rgba(12, 12, 13, 0.05), 0px 4px 4px -1px rgba(12, 12, 13, 0.1)',
|
|
126
|
+
l4: '0px 4px 4px -4px rgba(12, 12, 13, 0.05), 0px 16px 32px -1px rgba(12, 12, 13, 0.1)',
|
|
127
|
+
l5: '0px 4px 4px -4px rgba(12, 12, 13, 0.05), 0px 16px 16px -8px rgba(12, 12, 13, 0.1)',
|
|
128
|
+
l6: '0px 16px 32px -8px rgba(12, 12, 13, 0.4)',
|
|
129
|
+
popup: '4px 4px 10px 0px rgba(0, 0, 0, 0.15)',
|
|
130
|
+
menu: '0px 2px 4px 0px rgba(0, 0, 0, 0.20), 0px 1px 3px 1px rgba(0, 0, 0, 0.10)',
|
|
131
|
+
card: '0px 3px 8px 0px rgba(0, 0, 0, 0.24)'
|
|
132
|
+
},
|
|
133
|
+
// lists
|
|
134
|
+
listStyleType: {
|
|
135
|
+
none: 'none',
|
|
136
|
+
disc: 'disc',
|
|
137
|
+
decimal: 'decimal',
|
|
138
|
+
square: 'square',
|
|
139
|
+
circle: 'circle',
|
|
140
|
+
roman: 'upper-roman'
|
|
141
|
+
},
|
|
142
|
+
counterName: {
|
|
143
|
+
l1: 'l1',
|
|
144
|
+
l2: 'l2',
|
|
145
|
+
l3: 'l3',
|
|
146
|
+
l4: 'l4',
|
|
147
|
+
l5: 'l5'
|
|
148
|
+
},
|
|
149
|
+
extend: {
|
|
150
|
+
animation: {
|
|
151
|
+
'spin-slow': 'spin 2s linear infinite',
|
|
152
|
+
},
|
|
153
|
+
content: {
|
|
154
|
+
empty: '"\\00a0"'
|
|
155
|
+
},
|
|
156
|
+
transitionDuration: {
|
|
157
|
+
'150': '150ms',
|
|
158
|
+
'250': '250ms',
|
|
159
|
+
'350': '350ms',
|
|
160
|
+
'400': '400ms',
|
|
161
|
+
'450': '450ms',
|
|
162
|
+
'600': '600ms',
|
|
163
|
+
'800': '800ms'
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
},
|
|
167
|
+
// plugins
|
|
168
|
+
plugins: [
|
|
169
|
+
// aspect ratios
|
|
170
|
+
aspect_ratio_1.default,
|
|
171
|
+
// custom selectors
|
|
172
|
+
(0, plugin_1.default)(function ({ addVariant }) {
|
|
173
|
+
// not first/last child
|
|
174
|
+
addVariant('not-first', '&:not(:first-child)');
|
|
175
|
+
addVariant('not-last', '&:not(:last-child)');
|
|
176
|
+
}),
|
|
177
|
+
// block theming
|
|
178
|
+
(0, plugin_1.default)(function ({ addComponents, matchUtilities, matchVariant, theme }) {
|
|
179
|
+
// blow up if there's no themes
|
|
180
|
+
if (!themes) {
|
|
181
|
+
throw new funnel_core_1.ArgumentError('Tailwind.createConfig() is missing "themes" arg');
|
|
182
|
+
}
|
|
183
|
+
// counter: provides custom counting control via tailwind
|
|
184
|
+
matchUtilities({
|
|
185
|
+
'counter': (value) => ({
|
|
186
|
+
counterReset: value
|
|
187
|
+
}),
|
|
188
|
+
'counter-increment': (value) => ({
|
|
189
|
+
counterIncrement: value
|
|
190
|
+
}),
|
|
191
|
+
'counter-content': (value) => ({
|
|
192
|
+
content: `counter(${value})`
|
|
193
|
+
}),
|
|
194
|
+
}, {
|
|
195
|
+
values: theme('counterName')
|
|
196
|
+
});
|
|
197
|
+
// block theming: provides custom counting control via tailwind
|
|
198
|
+
Object.entries(themes).forEach(([themeId, { group = 'default' }]) => addComponents({
|
|
199
|
+
// first block
|
|
200
|
+
[`*:not(.nd-Block.nd-themeGroup-${group}) + .nd-Block.nd-themeGroup-${group}`]: {
|
|
201
|
+
paddingTop: 'var(--nd-section-pt-value)'
|
|
202
|
+
},
|
|
203
|
+
// continued block
|
|
204
|
+
[`.nd-Block.nd-themeGroup-${group} + .nd-Block.nd-themeGroup-${group}`]: {
|
|
205
|
+
paddingTop: 'var(--nd-section-gap-value)'
|
|
206
|
+
},
|
|
207
|
+
// last block
|
|
208
|
+
[`.nd-Block.nd-themeGroup-${group}:has(+ :not(.nd-Block.nd-themeGroup-${group}))`]: {
|
|
209
|
+
paddingBottom: 'var(--nd-section-pb-value)'
|
|
210
|
+
}
|
|
211
|
+
}));
|
|
212
|
+
})
|
|
213
|
+
]
|
|
214
|
+
};
|
|
215
|
+
}
|
|
216
|
+
Tailwind.createConfig = createConfig;
|
|
217
|
+
// helpers
|
|
218
|
+
function toPixel(value) {
|
|
219
|
+
return `${value}px`;
|
|
220
|
+
}
|
|
221
|
+
Tailwind.toPixel = toPixel;
|
|
222
|
+
function getScreens(breakpoints) {
|
|
223
|
+
const breakpointEntries = Object.entries(breakpoints);
|
|
224
|
+
return breakpointEntries.reduce((breakpoints, entry) => {
|
|
225
|
+
// determine values
|
|
226
|
+
const [breakpoint, width] = entry;
|
|
227
|
+
// add breakpoint (skip xs)
|
|
228
|
+
if (breakpoint !== 'xs') {
|
|
229
|
+
breakpoints[breakpoint] = toPixel(width);
|
|
230
|
+
}
|
|
231
|
+
// keep reducing
|
|
232
|
+
return breakpoints;
|
|
233
|
+
}, {});
|
|
234
|
+
}
|
|
235
|
+
Tailwind.getScreens = getScreens;
|
|
236
|
+
function getScreenSizes(breakpoints) {
|
|
237
|
+
return Object.entries(breakpoints).reduce((sizes, [breakpoint, size], index) => {
|
|
238
|
+
// add screen size if reducing
|
|
239
|
+
if (index > 0 && funnel_core_1.Breakpoint.test(breakpoint)) {
|
|
240
|
+
sizes[`screen-${breakpoint}`] = `${size}px`;
|
|
241
|
+
}
|
|
242
|
+
// keep reducing
|
|
243
|
+
return sizes;
|
|
244
|
+
}, {});
|
|
245
|
+
}
|
|
246
|
+
Tailwind.getScreenSizes = getScreenSizes;
|
|
247
|
+
function importResolver(id, basedir) {
|
|
248
|
+
var _a;
|
|
249
|
+
// skip if it's not a brand (triggers default handling)
|
|
250
|
+
if (id !== '::brand') {
|
|
251
|
+
return id;
|
|
252
|
+
}
|
|
253
|
+
// or use brand if available
|
|
254
|
+
const customBrandPath = process.env.FUNNEL_BRAND
|
|
255
|
+
&& path_1.default.join(basedir, '..', 'src', 'styles', process.env.FUNNEL_BRAND, 'index.css');
|
|
256
|
+
if (customBrandPath && fs_1.default.existsSync(customBrandPath)) {
|
|
257
|
+
return customBrandPath;
|
|
258
|
+
}
|
|
259
|
+
// or use off-the-shelf brand
|
|
260
|
+
else {
|
|
261
|
+
return `@nascentdigital/funnel-ui/dist/brands/${(_a = process.env.FUNNEL_BRAND) !== null && _a !== void 0 ? _a : 'lo-fi'}/index.css`;
|
|
262
|
+
}
|
|
263
|
+
}
|
|
264
|
+
Tailwind.importResolver = importResolver;
|
|
265
|
+
function transformToRGB(colors) {
|
|
266
|
+
// transform colors to rgb values
|
|
267
|
+
return Object.entries(colors).reduce((colors, [colorName, colorValue]) => {
|
|
268
|
+
// parse variable
|
|
269
|
+
if (colorValue.startsWith('--')) {
|
|
270
|
+
colors[colorName] = `rgb(var(${colorValue}) / <alpha-value>)`;
|
|
271
|
+
}
|
|
272
|
+
// or parse color
|
|
273
|
+
else {
|
|
274
|
+
const color = (0, color_1.default)(colorValue);
|
|
275
|
+
colors[colorName] = `rgb(${color.red()} ${color.green()} ${color.blue()} / <alpha-value>)`;
|
|
276
|
+
}
|
|
277
|
+
// keep reducing
|
|
278
|
+
return colors;
|
|
279
|
+
}, {});
|
|
280
|
+
}
|
|
281
|
+
Tailwind.transformToRGB = transformToRGB;
|
|
282
|
+
})(Tailwind || (exports.Tailwind = Tailwind = {}));
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { AppConfig, Schema } from '@nascentdigital/funnel-core';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
3
|
+
export declare function AppContainer({ siteData, brand, appConfig, children }: AppContainer.Props): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare namespace AppContainer {
|
|
5
|
+
type Props = PropsWithChildren & {
|
|
6
|
+
siteData: Schema.Site.Data;
|
|
7
|
+
brand: string;
|
|
8
|
+
appConfig: AppConfig;
|
|
9
|
+
};
|
|
10
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.AppContainer = AppContainer;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const funnel_core_1 = require("@nascentdigital/funnel-core");
|
|
6
|
+
const react_1 = require("react");
|
|
7
|
+
const AppContext_1 = require("./AppContext");
|
|
8
|
+
// component
|
|
9
|
+
function AppContainer({ siteData, brand, appConfig, children }) {
|
|
10
|
+
// bind context
|
|
11
|
+
const [context, setContext] = (0, react_1.useState)(() => ({
|
|
12
|
+
siteData, appConfig, brand,
|
|
13
|
+
page: undefined, setPage: funnel_core_1.Fn.NoOp
|
|
14
|
+
}));
|
|
15
|
+
const setPage = (0, react_1.useCallback)((page) => setContext(context => (Object.assign(Object.assign({}, context), { page }))), []);
|
|
16
|
+
// update state on changes
|
|
17
|
+
(0, react_1.useEffect)(() => {
|
|
18
|
+
setContext(({ page }) => ({ siteData, appConfig, brand, page, setPage }));
|
|
19
|
+
}, [siteData, appConfig, brand, setPage]);
|
|
20
|
+
// render
|
|
21
|
+
return ((0, jsx_runtime_1.jsx)(AppContext_1.AppContext.Provider, { value: context, children: children }));
|
|
22
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { AppConfig, Callback, Schema } from '@nascentdigital/funnel-core';
|
|
2
|
+
export declare const AppContext: import("react").Context<AppContext.Type>;
|
|
3
|
+
export declare namespace AppContext {
|
|
4
|
+
type Type = {
|
|
5
|
+
siteData: Schema.Site.Data;
|
|
6
|
+
brand: string;
|
|
7
|
+
appConfig: AppConfig;
|
|
8
|
+
page: Schema.Page.LinkedData | undefined;
|
|
9
|
+
setPage: Callback<Schema.Page.LinkedData | undefined>;
|
|
10
|
+
};
|
|
11
|
+
}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.AppPreview = AppPreview;
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const classnames_1 = __importDefault(require("classnames"));
|
|
9
|
+
const react_1 = require("motion/react");
|
|
10
|
+
const react_2 = require("react");
|
|
11
|
+
// component
|
|
12
|
+
function AppPreview({ className, draft = false }) {
|
|
13
|
+
// bind state
|
|
14
|
+
const [exitUri, setExitUri] = (0, react_2.useState)();
|
|
15
|
+
const [active, setActive] = (0, react_2.useState)(false);
|
|
16
|
+
// bind exit uri
|
|
17
|
+
(0, react_2.useEffect)(() => {
|
|
18
|
+
setExitUri(`/api/preview?exit&redirect=${encodeURIComponent(window.location.href)}`);
|
|
19
|
+
}, []);
|
|
20
|
+
// helpers
|
|
21
|
+
const onExit = () => {
|
|
22
|
+
};
|
|
23
|
+
// render
|
|
24
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(className, 'nd-AppPreview', {
|
|
25
|
+
'nd-AppPreview-forcedPreview': !draft,
|
|
26
|
+
'nd-AppPreview-active': active
|
|
27
|
+
}), onClick: onExit, children: [draft
|
|
28
|
+
?
|
|
29
|
+
(0, jsx_runtime_1.jsx)("a", { className: "nd-AppPreview-tooltip", href: exitUri, children: (0, jsx_runtime_1.jsx)("span", { children: "Exit preview mode" }) })
|
|
30
|
+
:
|
|
31
|
+
(0, jsx_runtime_1.jsx)("div", { className: "nd-AppPreview-tooltip", onClick: () => setActive(false), children: "Preview content is forced!" }), (0, jsx_runtime_1.jsx)(react_1.motion.button, { className: "nd-AppPreview-button", variants: animations, initial: "initial", animate: "ready", whileHover: "hover", whileTap: "active", onClick: () => setActive(!active), children: (0, jsx_runtime_1.jsx)("span", { className: "nd-AppPreview-icon" }) })] }));
|
|
32
|
+
}
|
|
33
|
+
// helpers
|
|
34
|
+
const animations = {
|
|
35
|
+
initial: { opacity: 0, scale: 0 },
|
|
36
|
+
ready: {
|
|
37
|
+
opacity: 1,
|
|
38
|
+
scale: 1,
|
|
39
|
+
transition: {
|
|
40
|
+
duration: 0.3, scale: { type: 'spring', visualDuration: 0.4, bound: 0.5 }
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
hover: {
|
|
44
|
+
opacity: 1,
|
|
45
|
+
scale: 1
|
|
46
|
+
},
|
|
47
|
+
active: {
|
|
48
|
+
opacity: 0.8,
|
|
49
|
+
scale: 0.9
|
|
50
|
+
}
|
|
51
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Schema } from '@nascentdigital/funnel-core';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
3
|
+
export declare function PageContainer<TPage extends Schema.Page = Schema.Page>({ page, children }: PageContainer.Props): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare namespace PageContainer {
|
|
5
|
+
type Props = PropsWithChildren & {
|
|
6
|
+
page: Schema.Page.LinkedData | undefined;
|
|
7
|
+
};
|
|
8
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PageContainer = PageContainer;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const AppContext_1 = require("./AppContext");
|
|
7
|
+
// component
|
|
8
|
+
function PageContainer({ page, children }) {
|
|
9
|
+
// create context
|
|
10
|
+
const { setPage } = (0, react_1.useContext)(AppContext_1.AppContext);
|
|
11
|
+
// sync page on mount
|
|
12
|
+
(0, react_1.useEffect)(() => {
|
|
13
|
+
// set page on mount
|
|
14
|
+
setPage(page);
|
|
15
|
+
// unset on unmount
|
|
16
|
+
return () => setPage(undefined);
|
|
17
|
+
}, [setPage, page]);
|
|
18
|
+
// render
|
|
19
|
+
return ((0, jsx_runtime_1.jsx)(PageContext.Provider, { value: page, children: children }));
|
|
20
|
+
}
|
|
21
|
+
// helpers
|
|
22
|
+
const PageContext = (0, react_1.createContext)(undefined);
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export * from './AppContainer';
|
|
2
|
+
export * from './AppPreview';
|
|
3
|
+
export * from './PageContainer';
|
|
4
|
+
export * from './useAppConfig';
|
|
5
|
+
export * from './useBrand';
|
|
6
|
+
export * from './useLanguage';
|
|
7
|
+
export * from './usePageData';
|
|
8
|
+
export * from './useRegion';
|
|
9
|
+
export * from './useSite';
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./AppContainer"), exports);
|
|
18
|
+
__exportStar(require("./AppPreview"), exports);
|
|
19
|
+
__exportStar(require("./PageContainer"), exports);
|
|
20
|
+
__exportStar(require("./useAppConfig"), exports);
|
|
21
|
+
__exportStar(require("./useBrand"), exports);
|
|
22
|
+
__exportStar(require("./useLanguage"), exports);
|
|
23
|
+
__exportStar(require("./usePageData"), exports);
|
|
24
|
+
__exportStar(require("./useRegion"), exports);
|
|
25
|
+
__exportStar(require("./useSite"), exports);
|