@automattic/onboarding 1.0.0 → 1.0.1
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/.storybook/index.scss +16 -0
- package/.storybook/main.ts +15 -0
- package/.storybook/preview.ts +5 -0
- package/CHANGELOG.md +5 -0
- package/dist/cjs/action-buttons/index.js +1 -13
- package/dist/cjs/action-buttons/index.js.map +1 -1
- package/dist/cjs/action-buttons/style.scss +4 -40
- package/dist/cjs/cart/create-cart-manager-client.js +3 -3
- package/dist/cjs/cart/create-cart-manager-client.js.map +1 -1
- package/dist/cjs/cart/index.js +45 -67
- package/dist/cjs/cart/index.js.map +1 -1
- package/dist/cjs/confetti/index.js +1 -1
- package/dist/cjs/confetti/index.js.map +1 -1
- package/dist/cjs/flow-progress/use-flow-progress.js +0 -57
- package/dist/cjs/flow-progress/use-flow-progress.js.map +1 -1
- package/dist/cjs/hooks/use-persisted-state.js +61 -0
- package/dist/cjs/hooks/use-persisted-state.js.map +1 -0
- package/dist/cjs/hooray/index.js +1 -1
- package/dist/cjs/index.js +11 -10
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/mshots-image/index.js +34 -15
- package/dist/cjs/mshots-image/index.js.map +1 -1
- package/dist/cjs/mshots-image/style.scss +1 -0
- package/dist/cjs/navigator/hooks/index.js +2 -1
- package/dist/cjs/navigator/hooks/index.js.map +1 -1
- package/dist/cjs/navigator/navigator-buttons/index.js +2 -2
- package/dist/cjs/navigator/navigator-buttons/index.js.map +1 -1
- package/dist/cjs/navigator/navigator-header/index.js.map +1 -1
- package/dist/cjs/navigator/navigator-screens/hooks/index.js +3 -2
- package/dist/cjs/navigator/navigator-screens/hooks/index.js.map +1 -1
- package/dist/cjs/navigator/navigator-screens/hooks/use-navigator-screens.js +1 -1
- package/dist/cjs/navigator/navigator-screens/hooks/use-navigator-screens.js.map +1 -1
- package/dist/cjs/navigator/navigator-screens/navigator-screens.js +7 -2
- package/dist/cjs/navigator/navigator-screens/navigator-screens.js.map +1 -1
- package/dist/cjs/select-card-checkbox/index.js +4 -3
- package/dist/cjs/select-card-checkbox/index.js.map +1 -1
- package/dist/cjs/select-card-checkbox/style.scss +11 -14
- package/dist/cjs/select-card-checkbox-v2/index.js +15 -0
- package/dist/cjs/select-card-checkbox-v2/index.js.map +1 -0
- package/dist/cjs/select-card-checkbox-v2/style.scss +25 -0
- package/dist/cjs/select-items/index.js +2 -1
- package/dist/cjs/select-items/index.js.map +1 -1
- package/dist/cjs/select-items/style.scss +2 -1
- package/dist/cjs/setup-tailored-site-after-creation.js +9 -37
- package/dist/cjs/setup-tailored-site-after-creation.js.map +1 -1
- package/dist/cjs/step-container/index.js +10 -12
- package/dist/cjs/step-container/index.js.map +1 -1
- package/dist/cjs/step-container/style.scss +35 -77
- package/dist/cjs/step-container-v2/components/ContentRow/ContentRow.js +14 -0
- package/dist/cjs/step-container-v2/components/ContentRow/ContentRow.js.map +1 -0
- package/dist/cjs/step-container-v2/components/ContentRow/style.scss +26 -0
- package/dist/cjs/step-container-v2/components/ContentWrapper/ContentWrapper.js +19 -0
- package/dist/cjs/step-container-v2/components/ContentWrapper/ContentWrapper.js.map +1 -0
- package/dist/cjs/step-container-v2/components/ContentWrapper/style.scss +70 -0
- package/dist/cjs/step-container-v2/components/Heading/Heading.js +17 -0
- package/dist/cjs/step-container-v2/components/Heading/Heading.js.map +1 -0
- package/dist/cjs/step-container-v2/components/Heading/style.scss +47 -0
- package/dist/cjs/step-container-v2/components/StepContainerV2/StepContainerV2.js +36 -0
- package/dist/cjs/step-container-v2/components/StepContainerV2/StepContainerV2.js.map +1 -0
- package/dist/cjs/step-container-v2/components/StepContainerV2/context.js +13 -0
- package/dist/cjs/step-container-v2/components/StepContainerV2/context.js.map +1 -0
- package/dist/cjs/step-container-v2/components/StepContainerV2/style.scss +21 -0
- package/dist/cjs/step-container-v2/components/StepCounter/StepCounter.js +17 -0
- package/dist/cjs/step-container-v2/components/StepCounter/StepCounter.js.map +1 -0
- package/dist/cjs/step-container-v2/components/StepCounter/style.scss +4 -0
- package/dist/cjs/step-container-v2/components/StickyBottomBar/StickyBottomBar.js +17 -0
- package/dist/cjs/step-container-v2/components/StickyBottomBar/StickyBottomBar.js.map +1 -0
- package/dist/cjs/step-container-v2/components/StickyBottomBar/StickyBottomBarRenderer.js +31 -0
- package/dist/cjs/step-container-v2/components/StickyBottomBar/StickyBottomBarRenderer.js.map +1 -0
- package/dist/cjs/step-container-v2/components/StickyBottomBar/style.scss +56 -0
- package/dist/cjs/step-container-v2/components/TopBar/TopBar.js +55 -0
- package/dist/cjs/step-container-v2/components/TopBar/TopBar.js.map +1 -0
- package/dist/cjs/step-container-v2/components/TopBar/TopBarRenderer.js +32 -0
- package/dist/cjs/step-container-v2/components/TopBar/TopBarRenderer.js.map +1 -0
- package/dist/cjs/step-container-v2/components/TopBar/style.scss +75 -0
- package/dist/cjs/step-container-v2/components/buttons/BackButton/BackButton.js +29 -0
- package/dist/cjs/step-container-v2/components/buttons/BackButton/BackButton.js.map +1 -0
- package/dist/cjs/step-container-v2/components/buttons/BackButton/style.scss +16 -0
- package/dist/cjs/step-container-v2/components/buttons/LinkButton/LinkButton.js +18 -0
- package/dist/cjs/step-container-v2/components/buttons/LinkButton/LinkButton.js.map +1 -0
- package/dist/cjs/step-container-v2/components/buttons/LinkButton/style.scss +6 -0
- package/dist/cjs/step-container-v2/components/buttons/PrimaryButton/PrimaryButton.js +18 -0
- package/dist/cjs/step-container-v2/components/buttons/PrimaryButton/PrimaryButton.js.map +1 -0
- package/dist/cjs/step-container-v2/components/buttons/PrimaryButton/style.scss +6 -0
- package/dist/cjs/step-container-v2/components/buttons/SecondaryButton/SecondaryButton.js +18 -0
- package/dist/cjs/step-container-v2/components/buttons/SecondaryButton/SecondaryButton.js.map +1 -0
- package/dist/cjs/step-container-v2/components/buttons/SecondaryButton/style.scss +6 -0
- package/dist/cjs/step-container-v2/components/buttons/SkipButton/SkipButton.js +28 -0
- package/dist/cjs/step-container-v2/components/buttons/SkipButton/SkipButton.js.map +1 -0
- package/dist/cjs/step-container-v2/contexts/StepContainerV2Context.js +17 -0
- package/dist/cjs/step-container-v2/contexts/StepContainerV2Context.js.map +1 -0
- package/dist/cjs/step-container-v2/helpers/decorateButtonWithTracksEventRecording.js +18 -0
- package/dist/cjs/step-container-v2/helpers/decorateButtonWithTracksEventRecording.js.map +1 -0
- package/dist/cjs/step-container-v2/helpers/normalizeButtonProps.js +13 -0
- package/dist/cjs/step-container-v2/helpers/normalizeButtonProps.js.map +1 -0
- package/dist/cjs/step-container-v2/helpers/wireframe-placeholder.js +18 -0
- package/dist/cjs/step-container-v2/helpers/wireframe-placeholder.js.map +1 -0
- package/dist/cjs/step-container-v2/helpers/withStepContainerV2ContextDecorator.js +15 -0
- package/dist/cjs/step-container-v2/helpers/withStepContainerV2ContextDecorator.js.map +1 -0
- package/dist/cjs/step-container-v2/index.js +41 -0
- package/dist/cjs/step-container-v2/index.js.map +1 -0
- package/dist/cjs/step-container-v2/types.js +3 -0
- package/dist/cjs/step-container-v2/types.js.map +1 -0
- package/dist/cjs/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.js +26 -0
- package/dist/cjs/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.js.map +1 -0
- package/dist/cjs/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.stories.js +52 -0
- package/dist/cjs/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.stories.js.map +1 -0
- package/dist/cjs/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.js +26 -0
- package/dist/cjs/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.js.map +1 -0
- package/dist/cjs/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.stories.js +25 -0
- package/dist/cjs/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.stories.js.map +1 -0
- package/dist/cjs/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/style.scss +14 -0
- package/dist/cjs/step-container-v2/wireframes/Loading/Loading.js +30 -0
- package/dist/cjs/step-container-v2/wireframes/Loading/Loading.js.map +1 -0
- package/dist/cjs/step-container-v2/wireframes/Loading/Loading.stories.js +29 -0
- package/dist/cjs/step-container-v2/wireframes/Loading/Loading.stories.js.map +1 -0
- package/dist/cjs/step-container-v2/wireframes/Loading/style.scss +22 -0
- package/dist/cjs/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.js +17 -0
- package/dist/cjs/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.js.map +1 -0
- package/dist/cjs/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.stories.js +17 -0
- package/dist/cjs/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.stories.js.map +1 -0
- package/dist/cjs/step-container-v2/wireframes/PlaygroundLayout/style.scss +5 -0
- package/dist/cjs/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.js +38 -0
- package/dist/cjs/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.js.map +1 -0
- package/dist/cjs/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.stories.js +28 -0
- package/dist/cjs/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.stories.js.map +1 -0
- package/dist/cjs/step-container-v2/wireframes/TwoColumnLayout/style.scss +15 -0
- package/dist/cjs/step-container-v2/wireframes/WideLayout/WideLayout.js +17 -0
- package/dist/cjs/step-container-v2/wireframes/WideLayout/WideLayout.js.map +1 -0
- package/dist/cjs/step-container-v2/wireframes/WideLayout/WideLayout.stories.js +41 -0
- package/dist/cjs/step-container-v2/wireframes/WideLayout/WideLayout.stories.js.map +1 -0
- package/dist/cjs/step-navigation-link/index.js +2 -2
- package/dist/cjs/step-navigation-link/index.js.map +1 -1
- package/dist/cjs/step-navigation-link/style.scss +5 -3
- package/dist/cjs/titles/styles.scss +2 -2
- package/dist/cjs/upload-and-set-site-logo.js +4 -5
- package/dist/cjs/upload-and-set-site-logo.js.map +1 -1
- package/dist/cjs/utils/contrastChecker.js +1 -22
- package/dist/cjs/utils/contrastChecker.js.map +1 -1
- package/dist/cjs/utils/flows.js +73 -117
- package/dist/cjs/utils/flows.js.map +1 -1
- package/dist/cjs/utils/is-domain.js +1 -2
- package/dist/cjs/utils/is-domain.js.map +1 -1
- package/dist/cjs/utils/use-data-loss-warning.js +1 -2
- package/dist/cjs/utils/use-data-loss-warning.js.map +1 -1
- package/dist/cjs/wpcom-request.js +24 -0
- package/dist/cjs/wpcom-request.js.map +1 -0
- package/dist/esm/action-buttons/index.js +1 -11
- package/dist/esm/action-buttons/index.js.map +1 -1
- package/dist/esm/action-buttons/style.scss +4 -40
- package/dist/esm/cart/create-cart-manager-client.js +1 -1
- package/dist/esm/cart/create-cart-manager-client.js.map +1 -1
- package/dist/esm/cart/index.js +40 -61
- package/dist/esm/cart/index.js.map +1 -1
- package/dist/esm/confetti/index.js +1 -1
- package/dist/esm/confetti/index.js.map +1 -1
- package/dist/esm/flow-progress/use-flow-progress.js +1 -58
- package/dist/esm/flow-progress/use-flow-progress.js.map +1 -1
- package/dist/esm/hooks/use-persisted-state.js +57 -0
- package/dist/esm/hooks/use-persisted-state.js.map +1 -0
- package/dist/esm/hooray/index.js +1 -1
- package/dist/esm/index.js +6 -5
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/mshots-image/index.js +33 -13
- package/dist/esm/mshots-image/index.js.map +1 -1
- package/dist/esm/mshots-image/style.scss +1 -0
- package/dist/esm/navigator/navigator-buttons/index.js.map +1 -1
- package/dist/esm/navigator/navigator-header/index.js.map +1 -1
- package/dist/esm/navigator/navigator-screens/hooks/use-navigator-screens.js +1 -1
- package/dist/esm/navigator/navigator-screens/hooks/use-navigator-screens.js.map +1 -1
- package/dist/esm/navigator/navigator-screens/navigator-screens.js +8 -3
- package/dist/esm/navigator/navigator-screens/navigator-screens.js.map +1 -1
- package/dist/esm/select-card-checkbox/index.js +4 -3
- package/dist/esm/select-card-checkbox/index.js.map +1 -1
- package/dist/esm/select-card-checkbox/style.scss +11 -14
- package/dist/esm/select-card-checkbox-v2/index.js +12 -0
- package/dist/esm/select-card-checkbox-v2/index.js.map +1 -0
- package/dist/esm/select-card-checkbox-v2/style.scss +25 -0
- package/dist/esm/select-items/index.js +3 -2
- package/dist/esm/select-items/index.js.map +1 -1
- package/dist/esm/select-items/style.scss +2 -1
- package/dist/esm/setup-tailored-site-after-creation.js +9 -37
- package/dist/esm/setup-tailored-site-after-creation.js.map +1 -1
- package/dist/esm/step-container/index.js +11 -13
- package/dist/esm/step-container/index.js.map +1 -1
- package/dist/esm/step-container/style.scss +35 -77
- package/dist/esm/step-container-v2/components/ContentRow/ContentRow.js +9 -0
- package/dist/esm/step-container-v2/components/ContentRow/ContentRow.js.map +1 -0
- package/dist/esm/step-container-v2/components/ContentRow/style.scss +26 -0
- package/dist/esm/step-container-v2/components/ContentWrapper/ContentWrapper.js +14 -0
- package/dist/esm/step-container-v2/components/ContentWrapper/ContentWrapper.js.map +1 -0
- package/dist/esm/step-container-v2/components/ContentWrapper/style.scss +70 -0
- package/dist/esm/step-container-v2/components/Heading/Heading.js +12 -0
- package/dist/esm/step-container-v2/components/Heading/Heading.js.map +1 -0
- package/dist/esm/step-container-v2/components/Heading/style.scss +47 -0
- package/dist/esm/step-container-v2/components/StepContainerV2/StepContainerV2.js +32 -0
- package/dist/esm/step-container-v2/components/StepContainerV2/StepContainerV2.js.map +1 -0
- package/dist/esm/step-container-v2/components/StepContainerV2/context.js +10 -0
- package/dist/esm/step-container-v2/components/StepContainerV2/context.js.map +1 -0
- package/dist/esm/step-container-v2/components/StepContainerV2/style.scss +21 -0
- package/dist/esm/step-container-v2/components/StepCounter/StepCounter.js +13 -0
- package/dist/esm/step-container-v2/components/StepCounter/StepCounter.js.map +1 -0
- package/dist/esm/step-container-v2/components/StepCounter/style.scss +4 -0
- package/dist/esm/step-container-v2/components/StickyBottomBar/StickyBottomBar.js +12 -0
- package/dist/esm/step-container-v2/components/StickyBottomBar/StickyBottomBar.js.map +1 -0
- package/dist/esm/step-container-v2/components/StickyBottomBar/StickyBottomBarRenderer.js +27 -0
- package/dist/esm/step-container-v2/components/StickyBottomBar/StickyBottomBarRenderer.js.map +1 -0
- package/dist/esm/step-container-v2/components/StickyBottomBar/style.scss +56 -0
- package/dist/esm/step-container-v2/components/TopBar/TopBar.js +49 -0
- package/dist/esm/step-container-v2/components/TopBar/TopBar.js.map +1 -0
- package/dist/esm/step-container-v2/components/TopBar/TopBarRenderer.js +27 -0
- package/dist/esm/step-container-v2/components/TopBar/TopBarRenderer.js.map +1 -0
- package/dist/esm/step-container-v2/components/TopBar/style.scss +75 -0
- package/dist/esm/step-container-v2/components/buttons/BackButton/BackButton.js +25 -0
- package/dist/esm/step-container-v2/components/buttons/BackButton/BackButton.js.map +1 -0
- package/dist/esm/step-container-v2/components/buttons/BackButton/style.scss +16 -0
- package/dist/esm/step-container-v2/components/buttons/LinkButton/LinkButton.js +14 -0
- package/dist/esm/step-container-v2/components/buttons/LinkButton/LinkButton.js.map +1 -0
- package/dist/esm/step-container-v2/components/buttons/LinkButton/style.scss +6 -0
- package/dist/esm/step-container-v2/components/buttons/PrimaryButton/PrimaryButton.js +14 -0
- package/dist/esm/step-container-v2/components/buttons/PrimaryButton/PrimaryButton.js.map +1 -0
- package/dist/esm/step-container-v2/components/buttons/PrimaryButton/style.scss +6 -0
- package/dist/esm/step-container-v2/components/buttons/SecondaryButton/SecondaryButton.js +14 -0
- package/dist/esm/step-container-v2/components/buttons/SecondaryButton/SecondaryButton.js.map +1 -0
- package/dist/esm/step-container-v2/components/buttons/SecondaryButton/style.scss +6 -0
- package/dist/esm/step-container-v2/components/buttons/SkipButton/SkipButton.js +24 -0
- package/dist/esm/step-container-v2/components/buttons/SkipButton/SkipButton.js.map +1 -0
- package/dist/esm/step-container-v2/contexts/StepContainerV2Context.js +13 -0
- package/dist/esm/step-container-v2/contexts/StepContainerV2Context.js.map +1 -0
- package/dist/esm/step-container-v2/helpers/decorateButtonWithTracksEventRecording.js +14 -0
- package/dist/esm/step-container-v2/helpers/decorateButtonWithTracksEventRecording.js.map +1 -0
- package/dist/esm/step-container-v2/helpers/normalizeButtonProps.js +8 -0
- package/dist/esm/step-container-v2/helpers/normalizeButtonProps.js.map +1 -0
- package/dist/esm/step-container-v2/helpers/wireframe-placeholder.js +15 -0
- package/dist/esm/step-container-v2/helpers/wireframe-placeholder.js.map +1 -0
- package/dist/esm/step-container-v2/helpers/withStepContainerV2ContextDecorator.js +11 -0
- package/dist/esm/step-container-v2/helpers/withStepContainerV2ContextDecorator.js.map +1 -0
- package/dist/esm/step-container-v2/index.js +22 -0
- package/dist/esm/step-container-v2/index.js.map +1 -0
- package/dist/esm/step-container-v2/types.js +2 -0
- package/dist/esm/step-container-v2/types.js.map +1 -0
- package/dist/esm/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.js +22 -0
- package/dist/esm/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.js.map +1 -0
- package/dist/esm/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.stories.js +45 -0
- package/dist/esm/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.stories.js.map +1 -0
- package/dist/esm/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.js +23 -0
- package/dist/esm/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.js.map +1 -0
- package/dist/esm/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.stories.js +21 -0
- package/dist/esm/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.stories.js.map +1 -0
- package/dist/esm/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/style.scss +14 -0
- package/dist/esm/step-container-v2/wireframes/Loading/Loading.js +26 -0
- package/dist/esm/step-container-v2/wireframes/Loading/Loading.js.map +1 -0
- package/dist/esm/step-container-v2/wireframes/Loading/Loading.stories.js +22 -0
- package/dist/esm/step-container-v2/wireframes/Loading/Loading.stories.js.map +1 -0
- package/dist/esm/step-container-v2/wireframes/Loading/style.scss +22 -0
- package/dist/esm/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.js +12 -0
- package/dist/esm/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.js.map +1 -0
- package/dist/esm/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.stories.js +13 -0
- package/dist/esm/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.stories.js.map +1 -0
- package/dist/esm/step-container-v2/wireframes/PlaygroundLayout/style.scss +5 -0
- package/dist/esm/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.js +33 -0
- package/dist/esm/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.js.map +1 -0
- package/dist/esm/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.stories.js +22 -0
- package/dist/esm/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.stories.js.map +1 -0
- package/dist/esm/step-container-v2/wireframes/TwoColumnLayout/style.scss +15 -0
- package/dist/esm/step-container-v2/wireframes/WideLayout/WideLayout.js +13 -0
- package/dist/esm/step-container-v2/wireframes/WideLayout/WideLayout.js.map +1 -0
- package/dist/esm/step-container-v2/wireframes/WideLayout/WideLayout.stories.js +36 -0
- package/dist/esm/step-container-v2/wireframes/WideLayout/WideLayout.stories.js.map +1 -0
- package/dist/esm/step-navigation-link/index.js +2 -2
- package/dist/esm/step-navigation-link/index.js.map +1 -1
- package/dist/esm/step-navigation-link/style.scss +5 -3
- package/dist/esm/titles/styles.scss +2 -2
- package/dist/esm/upload-and-set-site-logo.js +1 -1
- package/dist/esm/upload-and-set-site-logo.js.map +1 -1
- package/dist/esm/utils/contrastChecker.js +0 -20
- package/dist/esm/utils/contrastChecker.js.map +1 -1
- package/dist/esm/utils/flows.js +57 -96
- package/dist/esm/utils/flows.js.map +1 -1
- package/dist/esm/wpcom-request.js +18 -0
- package/dist/esm/wpcom-request.js.map +1 -0
- package/dist/styles/mixins.scss +4 -4
- package/dist/styles/variables.scss +2 -2
- package/dist/tsconfig-cjs.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/action-buttons/index.d.ts +0 -4
- package/dist/types/action-buttons/index.d.ts.map +1 -1
- package/dist/types/cart/index.d.ts +7 -4
- package/dist/types/cart/index.d.ts.map +1 -1
- package/dist/types/flow-progress/use-flow-progress.d.ts.map +1 -1
- package/dist/types/hooks/use-persisted-state.d.ts +26 -0
- package/dist/types/hooks/use-persisted-state.d.ts.map +1 -0
- package/dist/types/index.d.ts +6 -5
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/intent-screen/index.d.ts.map +1 -1
- package/dist/types/mshots-image/index.d.ts +2 -1
- package/dist/types/mshots-image/index.d.ts.map +1 -1
- package/dist/types/navigator/hooks/use-navigator-listener.d.ts.map +1 -1
- package/dist/types/navigator/navigator-buttons/index.d.ts +1 -1
- package/dist/types/navigator/navigator-buttons/index.d.ts.map +1 -1
- package/dist/types/navigator/navigator-header/index.d.ts +1 -1
- package/dist/types/navigator/navigator-header/index.d.ts.map +1 -1
- package/dist/types/navigator/navigator-item-group/index.d.ts +0 -1
- package/dist/types/navigator/navigator-item-group/index.d.ts.map +1 -1
- package/dist/types/navigator/navigator-listener/index.d.ts.map +1 -1
- package/dist/types/navigator/navigator-screen/index.d.ts.map +1 -1
- package/dist/types/navigator/navigator-screens/hooks/use-navigator-buttons.d.ts.map +1 -1
- package/dist/types/navigator/navigator-screens/hooks/use-navigator-screens.d.ts.map +1 -1
- package/dist/types/navigator/navigator-screens/navigator-screens.d.ts +4 -2
- package/dist/types/navigator/navigator-screens/navigator-screens.d.ts.map +1 -1
- package/dist/types/navigator/navigator-screens/types.d.ts +1 -1
- package/dist/types/navigator/navigator-screens/types.d.ts.map +1 -1
- package/dist/types/progress/index.d.ts.map +1 -1
- package/dist/types/select-card-checkbox/index.d.ts +3 -1
- package/dist/types/select-card-checkbox/index.d.ts.map +1 -1
- package/dist/types/select-card-checkbox-v2/index.d.ts +12 -0
- package/dist/types/select-card-checkbox-v2/index.d.ts.map +1 -0
- package/dist/types/select-items/index.d.ts +1 -1
- package/dist/types/select-items/index.d.ts.map +1 -1
- package/dist/types/setup-tailored-site-after-creation.d.ts +1 -1
- package/dist/types/setup-tailored-site-after-creation.d.ts.map +1 -1
- package/dist/types/step-container/index.d.ts +3 -4
- package/dist/types/step-container/index.d.ts.map +1 -1
- package/dist/types/step-container-v2/components/ContentRow/ContentRow.d.ts +9 -0
- package/dist/types/step-container-v2/components/ContentRow/ContentRow.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/ContentWrapper/ContentWrapper.d.ts +15 -0
- package/dist/types/step-container-v2/components/ContentWrapper/ContentWrapper.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/Heading/Heading.d.ts +11 -0
- package/dist/types/step-container-v2/components/Heading/Heading.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/StepContainerV2/StepContainerV2.d.ts +7 -0
- package/dist/types/step-container-v2/components/StepContainerV2/StepContainerV2.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/StepContainerV2/context.d.ts +12 -0
- package/dist/types/step-container-v2/components/StepContainerV2/context.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/StepCounter/StepCounter.d.ts +7 -0
- package/dist/types/step-container-v2/components/StepCounter/StepCounter.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/StickyBottomBar/StickyBottomBar.d.ts +14 -0
- package/dist/types/step-container-v2/components/StickyBottomBar/StickyBottomBar.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/StickyBottomBar/StickyBottomBarRenderer.d.ts +5 -0
- package/dist/types/step-container-v2/components/StickyBottomBar/StickyBottomBarRenderer.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/TopBar/TopBar.d.ts +25 -0
- package/dist/types/step-container-v2/components/TopBar/TopBar.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/TopBar/TopBarRenderer.d.ts +6 -0
- package/dist/types/step-container-v2/components/TopBar/TopBarRenderer.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/buttons/BackButton/BackButton.d.ts +6 -0
- package/dist/types/step-container-v2/components/buttons/BackButton/BackButton.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/buttons/LinkButton/LinkButton.d.ts +4 -0
- package/dist/types/step-container-v2/components/buttons/LinkButton/LinkButton.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/buttons/PrimaryButton/PrimaryButton.d.ts +4 -0
- package/dist/types/step-container-v2/components/buttons/PrimaryButton/PrimaryButton.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/buttons/SecondaryButton/SecondaryButton.d.ts +4 -0
- package/dist/types/step-container-v2/components/buttons/SecondaryButton/SecondaryButton.d.ts.map +1 -0
- package/dist/types/step-container-v2/components/buttons/SkipButton/SkipButton.d.ts +9 -0
- package/dist/types/step-container-v2/components/buttons/SkipButton/SkipButton.d.ts.map +1 -0
- package/dist/types/step-container-v2/contexts/StepContainerV2Context.d.ts +10 -0
- package/dist/types/step-container-v2/contexts/StepContainerV2Context.d.ts.map +1 -0
- package/dist/types/step-container-v2/helpers/decorateButtonWithTracksEventRecording.d.ts +8 -0
- package/dist/types/step-container-v2/helpers/decorateButtonWithTracksEventRecording.d.ts.map +1 -0
- package/dist/types/step-container-v2/helpers/normalizeButtonProps.d.ts +5 -0
- package/dist/types/step-container-v2/helpers/normalizeButtonProps.d.ts.map +1 -0
- package/dist/types/step-container-v2/helpers/wireframe-placeholder.d.ts +7 -0
- package/dist/types/step-container-v2/helpers/wireframe-placeholder.d.ts.map +1 -0
- package/dist/types/step-container-v2/helpers/withStepContainerV2ContextDecorator.d.ts +2 -0
- package/dist/types/step-container-v2/helpers/withStepContainerV2ContextDecorator.d.ts.map +1 -0
- package/dist/types/step-container-v2/index.d.ts +22 -0
- package/dist/types/step-container-v2/index.d.ts.map +1 -0
- package/dist/types/step-container-v2/types.d.ts +4 -0
- package/dist/types/step-container-v2/types.d.ts.map +1 -0
- package/dist/types/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.d.ts +16 -0
- package/dist/types/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.d.ts.map +1 -0
- package/dist/types/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.stories.d.ts +9 -0
- package/dist/types/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.stories.d.ts.map +1 -0
- package/dist/types/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.d.ts +18 -0
- package/dist/types/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.d.ts.map +1 -0
- package/dist/types/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.stories.d.ts +6 -0
- package/dist/types/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.stories.d.ts.map +1 -0
- package/dist/types/step-container-v2/wireframes/Loading/Loading.d.ts +12 -0
- package/dist/types/step-container-v2/wireframes/Loading/Loading.d.ts.map +1 -0
- package/dist/types/step-container-v2/wireframes/Loading/Loading.stories.d.ts +9 -0
- package/dist/types/step-container-v2/wireframes/Loading/Loading.stories.d.ts.map +1 -0
- package/dist/types/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.d.ts +10 -0
- package/dist/types/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.d.ts.map +1 -0
- package/dist/types/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.stories.d.ts +6 -0
- package/dist/types/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.stories.d.ts.map +1 -0
- package/dist/types/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.d.ts +20 -0
- package/dist/types/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.d.ts.map +1 -0
- package/dist/types/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.stories.d.ts +8 -0
- package/dist/types/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.stories.d.ts.map +1 -0
- package/dist/types/step-container-v2/wireframes/WideLayout/WideLayout.d.ts +13 -0
- package/dist/types/step-container-v2/wireframes/WideLayout/WideLayout.d.ts.map +1 -0
- package/dist/types/step-container-v2/wireframes/WideLayout/WideLayout.stories.d.ts +9 -0
- package/dist/types/step-container-v2/wireframes/WideLayout/WideLayout.stories.d.ts.map +1 -0
- package/dist/types/step-navigation-link/index.d.ts +1 -1
- package/dist/types/step-navigation-link/index.d.ts.map +1 -1
- package/dist/types/upload-and-set-site-logo.d.ts +1 -1
- package/dist/types/upload-and-set-site-logo.d.ts.map +1 -1
- package/dist/types/utils/contrastChecker.d.ts +0 -10
- package/dist/types/utils/contrastChecker.d.ts.map +1 -1
- package/dist/types/utils/domain-suggester.d.ts.map +1 -1
- package/dist/types/utils/flows.d.ts +37 -46
- package/dist/types/utils/flows.d.ts.map +1 -1
- package/dist/types/wpcom-request.d.ts +7 -0
- package/dist/types/wpcom-request.d.ts.map +1 -0
- package/jest.config.js +0 -1
- package/package.json +44 -23
- package/src/action-buttons/index.tsx +0 -40
- package/src/action-buttons/style.scss +4 -40
- package/src/cart/create-cart-manager-client.ts +1 -1
- package/src/cart/index.tsx +60 -103
- package/src/cart/test/index.ts +14 -14
- package/src/confetti/index.tsx +1 -1
- package/src/flow-progress/use-flow-progress.ts +1 -66
- package/src/hooks/test/index.ts +54 -0
- package/src/hooks/use-persisted-state.ts +85 -0
- package/src/hooray/index.tsx +1 -1
- package/src/index.ts +7 -12
- package/src/intent-screen/test/index.tsx +10 -7
- package/src/mshots-image/index.tsx +52 -21
- package/src/mshots-image/style.scss +1 -0
- package/src/navigator/navigator-buttons/index.tsx +1 -0
- package/src/navigator/navigator-header/index.tsx +1 -0
- package/src/navigator/navigator-screens/hooks/use-navigator-screens.tsx +5 -1
- package/src/navigator/navigator-screens/navigator-screens.tsx +17 -0
- package/src/navigator/navigator-screens/types.ts +1 -0
- package/src/select-card-checkbox/index.tsx +10 -4
- package/src/select-card-checkbox/style.scss +11 -14
- package/src/select-card-checkbox-v2/index.tsx +51 -0
- package/src/select-card-checkbox-v2/style.scss +25 -0
- package/src/select-card-checkbox-v2/test/index.test.tsx +49 -0
- package/src/select-items/index.tsx +10 -4
- package/src/select-items/style.scss +2 -1
- package/src/setup-tailored-site-after-creation.ts +16 -60
- package/src/step-container/index.tsx +21 -42
- package/src/step-container/style.scss +35 -77
- package/src/step-container-v2/README.md +235 -0
- package/src/step-container-v2/components/ContentRow/ContentRow.tsx +27 -0
- package/src/step-container-v2/components/ContentRow/style.scss +26 -0
- package/src/step-container-v2/components/ContentWrapper/ContentWrapper.tsx +41 -0
- package/src/step-container-v2/components/ContentWrapper/style.scss +70 -0
- package/src/step-container-v2/components/Heading/Heading.tsx +31 -0
- package/src/step-container-v2/components/Heading/style.scss +47 -0
- package/src/step-container-v2/components/StepContainerV2/StepContainerV2.tsx +55 -0
- package/src/step-container-v2/components/StepContainerV2/context.ts +25 -0
- package/src/step-container-v2/components/StepContainerV2/style.scss +21 -0
- package/src/step-container-v2/components/StepCounter/StepCounter.tsx +32 -0
- package/src/step-container-v2/components/StepCounter/style.scss +4 -0
- package/src/step-container-v2/components/StickyBottomBar/StickyBottomBar.tsx +46 -0
- package/src/step-container-v2/components/StickyBottomBar/StickyBottomBarRenderer.tsx +41 -0
- package/src/step-container-v2/components/StickyBottomBar/style.scss +56 -0
- package/src/step-container-v2/components/TopBar/TopBar.tsx +116 -0
- package/src/step-container-v2/components/TopBar/TopBarRenderer.tsx +43 -0
- package/src/step-container-v2/components/TopBar/style.scss +75 -0
- package/src/step-container-v2/components/buttons/BackButton/BackButton.tsx +32 -0
- package/src/step-container-v2/components/buttons/BackButton/style.scss +16 -0
- package/src/step-container-v2/components/buttons/LinkButton/LinkButton.tsx +17 -0
- package/src/step-container-v2/components/buttons/LinkButton/style.scss +6 -0
- package/src/step-container-v2/components/buttons/PrimaryButton/PrimaryButton.tsx +17 -0
- package/src/step-container-v2/components/buttons/PrimaryButton/style.scss +6 -0
- package/src/step-container-v2/components/buttons/SecondaryButton/SecondaryButton.tsx +17 -0
- package/src/step-container-v2/components/buttons/SecondaryButton/style.scss +6 -0
- package/src/step-container-v2/components/buttons/SkipButton/SkipButton.tsx +30 -0
- package/src/step-container-v2/contexts/StepContainerV2Context.ts +23 -0
- package/src/step-container-v2/helpers/decorateButtonWithTracksEventRecording.ts +28 -0
- package/src/step-container-v2/helpers/normalizeButtonProps.ts +14 -0
- package/src/step-container-v2/helpers/wireframe-placeholder.tsx +28 -0
- package/src/step-container-v2/helpers/withStepContainerV2ContextDecorator.tsx +16 -0
- package/src/step-container-v2/index.tsx +24 -0
- package/src/step-container-v2/types.ts +4 -0
- package/src/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.stories.tsx +122 -0
- package/src/step-container-v2/wireframes/CenteredColumnLayout/CenteredColumnLayout.tsx +66 -0
- package/src/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.stories.tsx +51 -0
- package/src/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/FixedColumnOnTheLeftLayout.tsx +69 -0
- package/src/step-container-v2/wireframes/FixedColumnOnTheLeftLayout/style.scss +14 -0
- package/src/step-container-v2/wireframes/Loading/Loading.stories.tsx +27 -0
- package/src/step-container-v2/wireframes/Loading/Loading.tsx +52 -0
- package/src/step-container-v2/wireframes/Loading/style.scss +22 -0
- package/src/step-container-v2/wireframes/Loading/test/Loading.test.tsx +42 -0
- package/src/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.stories.tsx +21 -0
- package/src/step-container-v2/wireframes/PlaygroundLayout/PlaygroundLayout.tsx +31 -0
- package/src/step-container-v2/wireframes/PlaygroundLayout/style.scss +5 -0
- package/src/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.stories.tsx +93 -0
- package/src/step-container-v2/wireframes/TwoColumnLayout/TwoColumnLayout.tsx +93 -0
- package/src/step-container-v2/wireframes/TwoColumnLayout/style.scss +15 -0
- package/src/step-container-v2/wireframes/WideLayout/WideLayout.stories.tsx +83 -0
- package/src/step-container-v2/wireframes/WideLayout/WideLayout.tsx +44 -0
- package/src/step-navigation-link/index.tsx +3 -0
- package/src/step-navigation-link/style.scss +5 -3
- package/src/style-imports.d.ts +3 -0
- package/src/titles/styles.scss +2 -2
- package/src/upload-and-set-site-logo.ts +1 -1
- package/src/utils/contrastChecker.ts +0 -35
- package/src/utils/flows.ts +67 -123
- package/src/wpcom-request.ts +26 -0
- package/styles/mixins.scss +4 -4
- package/styles/variables.scss +2 -2
- package/tsconfig.json +1 -0
- package/dist/cjs/feature-icon/index.js +0 -19
- package/dist/cjs/feature-icon/index.js.map +0 -1
- package/dist/cjs/flow-progress/index.js +0 -14
- package/dist/cjs/flow-progress/index.js.map +0 -1
- package/dist/cjs/flow-progress/style.scss +0 -5
- package/dist/cjs/notice/index.js +0 -12
- package/dist/cjs/notice/index.js.map +0 -1
- package/dist/cjs/notice/style.scss +0 -19
- package/dist/cjs/select-card-radio/index.js +0 -21
- package/dist/cjs/select-card-radio/index.js.map +0 -1
- package/dist/cjs/select-card-radio/style.scss +0 -44
- package/dist/cjs/sensei-logo/index.js +0 -8
- package/dist/cjs/sensei-logo/index.js.map +0 -1
- package/dist/cjs/videopress-logo/index.js +0 -8
- package/dist/cjs/videopress-logo/index.js.map +0 -1
- package/dist/esm/feature-icon/index.js +0 -16
- package/dist/esm/feature-icon/index.js.map +0 -1
- package/dist/esm/flow-progress/index.js +0 -12
- package/dist/esm/flow-progress/index.js.map +0 -1
- package/dist/esm/flow-progress/style.scss +0 -5
- package/dist/esm/notice/index.js +0 -9
- package/dist/esm/notice/index.js.map +0 -1
- package/dist/esm/notice/style.scss +0 -19
- package/dist/esm/select-card-radio/index.js +0 -15
- package/dist/esm/select-card-radio/index.js.map +0 -1
- package/dist/esm/select-card-radio/style.scss +0 -44
- package/dist/esm/sensei-logo/index.js +0 -6
- package/dist/esm/sensei-logo/index.js.map +0 -1
- package/dist/esm/videopress-logo/index.js +0 -6
- package/dist/esm/videopress-logo/index.js.map +0 -1
- package/dist/types/feature-icon/index.d.ts +0 -9
- package/dist/types/feature-icon/index.d.ts.map +0 -1
- package/dist/types/flow-progress/index.d.ts +0 -9
- package/dist/types/flow-progress/index.d.ts.map +0 -1
- package/dist/types/notice/index.d.ts +0 -7
- package/dist/types/notice/index.d.ts.map +0 -1
- package/dist/types/select-card-radio/index.d.ts +0 -22
- package/dist/types/select-card-radio/index.d.ts.map +0 -1
- package/dist/types/sensei-logo/index.d.ts +0 -8
- package/dist/types/sensei-logo/index.d.ts.map +0 -1
- package/dist/types/videopress-logo/index.d.ts +0 -8
- package/dist/types/videopress-logo/index.d.ts.map +0 -1
- package/src/feature-icon/index.tsx +0 -102
- package/src/flow-progress/index.tsx +0 -22
- package/src/flow-progress/style.scss +0 -5
- package/src/notice/index.tsx +0 -16
- package/src/notice/style.scss +0 -19
- package/src/select-card-radio/index.tsx +0 -64
- package/src/select-card-radio/style.scss +0 -44
- package/src/select-card-radio/test/index.tsx +0 -50
- package/src/sensei-logo/index.tsx +0 -30
- package/src/videopress-logo/index.tsx +0 -36
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/navigator/navigator-buttons/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EACN,6BAA6B,IAAI,eAAe,EAChD,oBAAoB,IAAI,MAAM,EAC9B,kBAAkB,IAAI,IAAI,EAC1B,QAAQ,GACR,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,IAAI,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/navigator/navigator-buttons/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EACN,6BAA6B,IAAI,eAAe,EAChD,oBAAoB,IAAI,MAAM,EAC9B,kBAAkB,IAAI,IAAI,EAC1B,QAAQ,GACR,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,cAAc,CAAC;AAetB,MAAM,UAAU,aAAa,CAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAsB;IAC/F,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,CACtB,MAAC,MAAM,IAAC,OAAO,EAAC,YAAY,aAC3B,KAAC,IAAI,IAAC,SAAS,EAAC,sBAAsB,EAAC,IAAI,EAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAG,IAAI,EAAG,EAAE,GAAK,EACrF,KAAC,QAAQ,IAAC,SAAS,EAAC,sBAAsB,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,kBAC9D,QAAQ,GACA,IACH,CACT,CAAC,CAAC,CAAC,CACH,KAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,kBAC7B,QAAQ,GACA,CACX,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC;IAEzD,OAAO,CACN,KAAC,IAAI,OACC,KAAK,EACV,SAAS,EAAG,IAAI,CAAE,gBAAgB,EAAE;YACnC,wBAAwB,EAAE,MAAM;SAChC,CAAE,YAEH,MAAC,MAAM,IAAC,OAAO,EAAC,eAAe,aAC5B,OAAO,EACT,KAAC,IAAI,IAAC,IAAI,EAAG,WAAW,EAAG,IAAI,EAAG,EAAE,GAAK,IACjC,GACH,CACP,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAE,EAAE,GAAG,KAAK,EAA8B,EAAG,EAAE;IACnF,OAAO,KAAC,eAAe,IAAC,EAAE,EAAG,aAAa,KAAQ,KAAK,GAAK,CAAC;AAC9D,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/navigator/navigator-header/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EACN,oBAAoB,IAAI,MAAM,EAC9B,iCAAiC,IAAI,mBAAmB,GACxD,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAmB,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/navigator/navigator-header/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EACN,oBAAoB,IAAI,MAAM,EAC9B,iCAAiC,IAAI,mBAAmB,GACxD,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAmB,MAAM,cAAc,CAAC;AAE7D,OAAO,cAAc,CAAC;AAStB,MAAM,eAAe,GAAG,CAAE,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAS,EAAG,EAAE;IAC7E,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,OAAO,CACN,eAAK,SAAS,EAAC,kBAAkB,aAChC,MAAC,MAAM,IAAC,SAAS,EAAC,2BAA2B,EAAC,OAAO,EAAG,CAAC,EAAG,OAAO,EAAC,YAAY,aAC7E,CAAE,QAAQ,IAAI,CACf,KAAC,mBAAmB,IACnB,EAAE,EAAG,MAAM,EACX,KAAK,EAAG,SAAS,CAAE,MAAM,CAAE,EAC3B,UAAU,sBACG,SAAS,CAAE,+BAA+B,CAAE,EACzD,OAAO,EAAG,MAAM,YAEhB,KAAC,QAAQ,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAG,EAAE,GAAK,GACvB,CACtB,EACD,uBAAM,KAAK,GAAO,IACV,EACP,WAAW,IAAI,YAAG,SAAS,EAAC,+BAA+B,YAAG,WAAW,GAAM,IAC5E,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -5,7 +5,7 @@ import { useTranslate } from 'i18n-calypso';
|
|
|
5
5
|
import NavigatorHeader from '../../navigator-header';
|
|
6
6
|
const useNavigatorScreens = (screens) => {
|
|
7
7
|
const translate = useTranslate();
|
|
8
|
-
return screens.map(({ slug, path, label, title, description, hideBack, content, actionText, onSubmit, onBack, }) => (_jsx(NavigatorScreen, { path: path, style: { animationDuration: '0s' }, children: _jsxs(_Fragment, { children: [_jsx(NavigatorHeader, { title: _jsx(_Fragment, { children: title ?? label }), description: description, hideBack: hideBack, onBack: () => onBack?.(slug) }), content, _jsxs("div", { className: "navigator-screen__footer", children: [_jsxs(NavigatorBackButton, { className: "navigator-screen__footer-back-button", as: Button, title: translate('Back'), borderless: true, "aria-label": translate('Navigate to the previous view'), onClick: () => onBack?.(slug), children: [_jsx(Gridicon, { icon: "chevron-left", size: 18 }), translate('Back')] }), _jsx(NavigatorBackButton, { as: Button, primary: true, onClick: () => onSubmit?.(slug), children: actionText })] })] }) }, path)));
|
|
8
|
+
return screens.map(({ slug, path, label, title, description, hideBack, content, actionText, onSubmit, onBack, }) => (_jsx(NavigatorScreen, { path: path, style: { animationDuration: '0s', transitionDuration: '0s' }, children: _jsxs(_Fragment, { children: [_jsx(NavigatorHeader, { title: _jsx(_Fragment, { children: title ?? label }), description: description, hideBack: hideBack, onBack: () => onBack?.(slug) }), content, _jsxs("div", { className: "navigator-screen__footer", children: [_jsxs(NavigatorBackButton, { className: "navigator-screen__footer-back-button", as: Button, title: translate('Back'), borderless: true, "aria-label": translate('Navigate to the previous view'), onClick: () => onBack?.(slug), children: [_jsx(Gridicon, { icon: "chevron-left", size: 18 }), translate('Back')] }), _jsx(NavigatorBackButton, { as: Button, primary: true, onClick: () => onSubmit?.(slug), children: actionText })] })] }) }, path)));
|
|
9
9
|
};
|
|
10
10
|
export default useNavigatorScreens;
|
|
11
11
|
//# sourceMappingURL=use-navigator-screens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-navigator-screens.js","sourceRoot":"","sources":["../../../../../src/navigator/navigator-screens/hooks/use-navigator-screens.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EACN,iCAAiC,IAAI,mBAAmB,EACxD,6BAA6B,IAAI,eAAe,GAChD,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,eAAe,MAAM,wBAAwB,CAAC;AAGrD,MAAM,mBAAmB,GAAG,CAAE,OAAgC,EAAG,EAAE;IAClE,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,OAAO,OAAO,CAAC,GAAG,CACjB,CAAE,EACD,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,UAAU,EACV,QAAQ,EACR,MAAM,GACN,EAAG,EAAE,CAAC,CACN,KAAC,eAAe,
|
|
1
|
+
{"version":3,"file":"use-navigator-screens.js","sourceRoot":"","sources":["../../../../../src/navigator/navigator-screens/hooks/use-navigator-screens.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EACN,iCAAiC,IAAI,mBAAmB,EACxD,6BAA6B,IAAI,eAAe,GAChD,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,eAAe,MAAM,wBAAwB,CAAC;AAGrD,MAAM,mBAAmB,GAAG,CAAE,OAAgC,EAAG,EAAE;IAClE,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,OAAO,OAAO,CAAC,GAAG,CACjB,CAAE,EACD,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,UAAU,EACV,QAAQ,EACR,MAAM,GACN,EAAG,EAAE,CAAC,CACN,KAAC,eAAe,IAEf,IAAI,EAAG,IAAI,EACX,KAAK,EAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,YAE7D,8BACC,KAAC,eAAe,IACf,KAAK,EAAG,4BAAI,KAAK,IAAI,KAAK,GAAK,EAC/B,WAAW,EAAG,WAAW,EACzB,QAAQ,EAAG,QAAQ,EACnB,MAAM,EAAG,GAAG,EAAE,CAAC,MAAM,EAAE,CAAE,IAAI,CAAE,GAC9B,EACA,OAAO,EACT,eAAK,SAAS,EAAC,0BAA0B,aACxC,MAAC,mBAAmB,IACnB,SAAS,EAAC,sCAAsC,EAChD,EAAE,EAAG,MAAM,EACX,KAAK,EAAG,SAAS,CAAE,MAAM,CAAE,EAC3B,UAAU,sBACG,SAAS,CAAE,+BAA+B,CAAE,EACzD,OAAO,EAAG,GAAG,EAAE,CAAC,MAAM,EAAE,CAAE,IAAI,CAAE,aAEhC,KAAC,QAAQ,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAG,EAAE,GAAK,EAC1C,SAAS,CAAE,MAAM,CAAE,IACA,EACtB,KAAC,mBAAmB,IAAC,EAAE,EAAG,MAAM,EAAG,OAAO,QAAC,OAAO,EAAG,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAE,IAAI,CAAE,YAC1E,UAAU,GACS,IACjB,IACJ,IA5BG,IAAI,CA6BO,CAClB,CACD,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -1,15 +1,20 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { __experimentalNavigatorProvider as NavigatorProvider, __experimentalNavigatorScreen as NavigatorScreen, } from '@wordpress/components';
|
|
2
|
+
import { __experimentalNavigatorProvider as NavigatorProvider, __experimentalNavigatorScreen as NavigatorScreen, useNavigator, } from '@wordpress/components';
|
|
3
3
|
import NavigatorListener from '../navigator-listener';
|
|
4
4
|
import { useNavigatorScreens } from './hooks';
|
|
5
5
|
import './navigator-screens.scss';
|
|
6
|
-
const
|
|
6
|
+
const NavigatorRefSetter = ({ navigatorRef, }) => {
|
|
7
|
+
const navigator = useNavigator();
|
|
8
|
+
navigatorRef.current = navigator;
|
|
9
|
+
return null;
|
|
10
|
+
};
|
|
11
|
+
const NavigatorScreens = ({ children, screens, initialPath = '/', navigatorRef, onNavigatorPathChange, }) => {
|
|
7
12
|
const navigatorScreens = useNavigatorScreens(screens);
|
|
8
13
|
// We don't need navigator if there is only one screen
|
|
9
14
|
if (screens.length === 1) {
|
|
10
15
|
return children;
|
|
11
16
|
}
|
|
12
|
-
return (_jsxs(NavigatorProvider, { initialPath: initialPath, children: [_jsx(NavigatorScreen, { path: initialPath, children: children }), navigatorScreens, onNavigatorPathChange && (_jsx(NavigatorListener, { onNavigatorPathChange: onNavigatorPathChange }))] }));
|
|
17
|
+
return (_jsxs(NavigatorProvider, { initialPath: initialPath, children: [_jsx(NavigatorScreen, { path: initialPath, children: children }), navigatorScreens, _jsx(NavigatorRefSetter, { navigatorRef: navigatorRef }), onNavigatorPathChange && (_jsx(NavigatorListener, { onNavigatorPathChange: onNavigatorPathChange }))] }));
|
|
13
18
|
};
|
|
14
19
|
export default NavigatorScreens;
|
|
15
20
|
//# sourceMappingURL=navigator-screens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigator-screens.js","sourceRoot":"","sources":["../../../../src/navigator/navigator-screens/navigator-screens.tsx"],"names":[],"mappings":";AAAA,OAAO,EACN,+BAA+B,IAAI,iBAAiB,EACpD,6BAA6B,IAAI,eAAe,
|
|
1
|
+
{"version":3,"file":"navigator-screens.js","sourceRoot":"","sources":["../../../../src/navigator/navigator-screens/navigator-screens.tsx"],"names":[],"mappings":";AAAA,OAAO,EACN,+BAA+B,IAAI,iBAAiB,EACpD,6BAA6B,IAAI,eAAe,EAChD,YAAY,GACZ,MAAM,uBAAuB,CAAC;AAG/B,OAAO,iBAAiB,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,OAAO,0BAA0B,CAAC;AAElC,MAAM,kBAAkB,GAAG,CAAE,EAC5B,YAAY,GAGZ,EAAG,EAAE;IACL,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,YAAY,CAAC,OAAO,GAAG,SAAS,CAAC;IAEjC,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAUF,MAAM,gBAAgB,GAAG,CAAE,EAC1B,QAAQ,EACR,OAAO,EACP,WAAW,GAAG,GAAG,EACjB,YAAY,EACZ,qBAAqB,GACd,EAAG,EAAE;IACZ,MAAM,gBAAgB,GAAG,mBAAmB,CAAE,OAAO,CAAE,CAAC;IAExD,sDAAsD;IACtD,IAAK,OAAO,CAAC,MAAM,KAAK,CAAC,EAAG,CAAC;QAC5B,OAAO,QAAQ,CAAC;IACjB,CAAC;IAED,OAAO,CACN,MAAC,iBAAiB,IAAC,WAAW,EAAG,WAAW,aAC3C,KAAC,eAAe,IAAC,IAAI,EAAG,WAAW,YAAK,QAAQ,GAAoB,EAClE,gBAAgB,EAClB,KAAC,kBAAkB,IAAC,YAAY,EAAG,YAAY,GAAK,EAClD,qBAAqB,IAAI,CAC1B,KAAC,iBAAiB,IAAC,qBAAqB,EAAG,qBAAqB,GAAK,CACrE,IACkB,CACpB,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -3,12 +3,13 @@ import { CheckboxControl } from '@wordpress/components';
|
|
|
3
3
|
import { useInstanceId } from '@wordpress/compose';
|
|
4
4
|
import clsx from 'clsx';
|
|
5
5
|
import './style.scss';
|
|
6
|
+
/**
|
|
7
|
+
* @deprecated Use SelectCardCheckboxV2 instead because it triggers onChange event twice and has accessibility issues
|
|
8
|
+
*/
|
|
6
9
|
const SelectCardCheckbox = ({ children, className, onChange, checked, }) => {
|
|
7
10
|
const instanceId = useInstanceId(CheckboxControl);
|
|
8
11
|
const id = `select-card-checkbox-${instanceId}`;
|
|
9
|
-
return (_jsxs("div", { className: clsx('select-card-checkbox__container', className, {
|
|
10
|
-
'is-checked': checked,
|
|
11
|
-
}), onClick: () => onChange(!checked), role: "presentation", children: [_jsx(CheckboxControl, { checked: checked, id: id, onChange: onChange }), _jsx("label", { className: "select-card-checkbox__label", htmlFor: id, children: children })] }));
|
|
12
|
+
return (_jsxs("div", { className: clsx('select-card-checkbox__container', className), onClick: () => onChange(!checked), role: "presentation", children: [_jsx(CheckboxControl, { __nextHasNoMarginBottom: true, checked: checked, id: id, onChange: onChange }), _jsx("label", { className: "select-card-checkbox__label", htmlFor: id, children: children })] }));
|
|
12
13
|
};
|
|
13
14
|
export default SelectCardCheckbox;
|
|
14
15
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select-card-checkbox/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,cAAc,CAAC;AAStB,MAAM,kBAAkB,GAAG,CAAE,EAC5B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,GACkB,EAAG,EAAE;IAC9B,MAAM,UAAU,GAAG,aAAa,CAAE,eAAe,CAAE,CAAC;IACpD,MAAM,EAAE,GAAG,wBAAyB,UAAW,EAAE,CAAC;IAElD,OAAO,CACN,eACC,SAAS,EAAG,IAAI,CAAE,iCAAiC,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select-card-checkbox/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,cAAc,CAAC;AAStB;;GAEG;AACH,MAAM,kBAAkB,GAAG,CAAE,EAC5B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,GACkB,EAAG,EAAE;IAC9B,MAAM,UAAU,GAAG,aAAa,CAAE,eAAe,CAAE,CAAC;IACpD,MAAM,EAAE,GAAG,wBAAyB,UAAW,EAAE,CAAC;IAElD,OAAO,CACN,eACC,SAAS,EAAG,IAAI,CAAE,iCAAiC,EAAE,SAAS,CAAE,EAChE,OAAO,EAAG,GAAG,EAAE,CAAC,QAAQ,CAAE,CAAE,OAAO,CAAE,EACrC,IAAI,EAAC,cAAc,aAEnB,KAAC,eAAe,IACf,uBAAuB,QACvB,OAAO,EAAG,OAAO,EACjB,EAAE,EAAG,EAAE,EACP,QAAQ,EAAG,QAAQ,GAClB,EACF,gBAAO,SAAS,EAAC,6BAA6B,EAAC,OAAO,EAAG,EAAE,YACxD,QAAQ,GACH,IACH,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1,12 +1,17 @@
|
|
|
1
1
|
.select-card-checkbox__container {
|
|
2
|
-
border: 1px solid
|
|
2
|
+
border: 1px solid var(--color-surface-backdrop);
|
|
3
|
+
background: var(--color-surface-backdrop);
|
|
3
4
|
border-radius: 4px;
|
|
4
|
-
padding:
|
|
5
|
+
padding: 16px;
|
|
5
6
|
font-size: 0.875rem;
|
|
6
7
|
cursor: pointer;
|
|
7
8
|
display: flex;
|
|
8
9
|
align-items: center;
|
|
9
10
|
|
|
11
|
+
.components-checkbox-control {
|
|
12
|
+
--checkbox-input-margin: 16px;
|
|
13
|
+
}
|
|
14
|
+
|
|
10
15
|
.select-card-checkbox__label {
|
|
11
16
|
pointer-events: none;
|
|
12
17
|
user-select: none;
|
|
@@ -14,17 +19,9 @@
|
|
|
14
19
|
align-items: center;
|
|
15
20
|
}
|
|
16
21
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
background:
|
|
20
|
-
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.components-base-control__field {
|
|
24
|
-
margin-bottom: 0;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.components-checkbox-control__input[type="checkbox"] {
|
|
28
|
-
border-color: #a7aaad;
|
|
22
|
+
&:hover,
|
|
23
|
+
&:has(:checked) {
|
|
24
|
+
background: var(--color-accent-5);
|
|
25
|
+
border-color: var(--color-accent);
|
|
29
26
|
}
|
|
30
27
|
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { CheckboxControl, __experimentalHStack as HStack, Spinner } from '@wordpress/components';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import { useId } from 'react';
|
|
5
|
+
import './style.scss';
|
|
6
|
+
const SelectCardCheckboxV2 = ({ children, className, onChange, disabled = false, checked = false, isBusy = false, }) => {
|
|
7
|
+
const instanceId = useId();
|
|
8
|
+
const id = `select-card-checkbox-v2-${instanceId}`;
|
|
9
|
+
return (_jsxs(HStack, { spacing: 2, as: "label", className: clsx('select-card-checkbox-v2', className, { 'is-busy': isBusy }), htmlFor: id, alignment: "left", "aria-checked": checked, "aria-labelledby": `select-card-checkbox-v2-label-${instanceId}`, children: [_jsxs(HStack, { alignment: "left", spacing: 2, as: "span", children: [_jsx(CheckboxControl, { __nextHasNoMarginBottom: true, checked: checked, id: id, onChange: onChange, disabled: disabled || isBusy }), _jsx("span", { id: `select-card-checkbox-v2-label-${instanceId}`, children: children })] }), isBusy && _jsx(Spinner, {})] }));
|
|
10
|
+
};
|
|
11
|
+
export default SelectCardCheckboxV2;
|
|
12
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select-card-checkbox-v2/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,oBAAoB,IAAI,MAAM,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACjG,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,cAAc,CAAC;AAWtB,MAAM,oBAAoB,GAAG,CAAE,EAC9B,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,KAAK,GACW,EAAG,EAAE;IAC9B,MAAM,UAAU,GAAG,KAAK,EAAE,CAAC;IAC3B,MAAM,EAAE,GAAG,2BAA4B,UAAW,EAAE,CAAC;IAErD,OAAO,CACN,MAAC,MAAM,IACN,OAAO,EAAG,CAAC,EACX,EAAE,EAAC,OAAO,EACV,SAAS,EAAG,IAAI,CAAE,yBAAyB,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,CAAE,EAC/E,OAAO,EAAG,EAAE,EACZ,SAAS,EAAC,MAAM,kBACD,OAAO,qBACJ,iCAAkC,UAAW,EAAE,aAEjE,MAAC,MAAM,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAG,CAAC,EAAG,EAAE,EAAC,MAAM,aAC/C,KAAC,eAAe,IACf,uBAAuB,QACvB,OAAO,EAAG,OAAO,EACjB,EAAE,EAAG,EAAE,EACP,QAAQ,EAAG,QAAQ,EACnB,QAAQ,EAAG,QAAQ,IAAI,MAAM,GAC5B,EACF,eAAM,EAAE,EAAG,iCAAkC,UAAW,EAAE,YAAK,QAAQ,GAAS,IACxE,EACP,MAAM,IAAI,KAAC,OAAO,KAAG,IACf,CACT,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
@import "@wordpress/base-styles/mixins";
|
|
2
|
+
|
|
3
|
+
.select-card-checkbox-v2 {
|
|
4
|
+
border: 1px solid var(--color-surface-backdrop);
|
|
5
|
+
background: var(--color-surface-backdrop);
|
|
6
|
+
border-radius: 4px;
|
|
7
|
+
padding: 16px;
|
|
8
|
+
font-size: 0.875rem;
|
|
9
|
+
cursor: pointer;
|
|
10
|
+
|
|
11
|
+
&.is-busy {
|
|
12
|
+
cursor: progress;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
&:has(:checked) {
|
|
16
|
+
background: var(--color-accent-5);
|
|
17
|
+
border-color: var(--color-accent);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
&:has(:focus-visible) {
|
|
21
|
+
@include button-style__focus();
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Badge
|
|
2
|
+
import { Badge } from '@automattic/components';
|
|
3
|
+
import { Button } from '@wordpress/components';
|
|
3
4
|
import { Icon } from '@wordpress/icons';
|
|
4
5
|
import clsx from 'clsx';
|
|
5
6
|
import './style.scss';
|
|
6
7
|
function SelectItems({ className, items, onSelect, preventWidows }) {
|
|
7
|
-
return (_jsx("div", { className: clsx('select-items', className), children: items.map(({ key, title, badge, description, icon, titleIcon, actionText, value,
|
|
8
|
+
return (_jsx("div", { className: clsx('select-items', className), children: items.map(({ key, title, badge, description, icon, titleIcon, actionText, value, allItemClickable, 'aria-label': ariaLabel, }) => (_jsxs("div", { className: "select-items__item", children: [!titleIcon && (_jsx(Icon, { className: "select-items__item-icon", icon: icon, size: 24 })), _jsxs("div", { className: "select-items__item-info-wrapper", children: [_jsxs("div", { className: "select-items__item-info", "aria-hidden": "true", children: [_jsxs("h2", { className: "select-items__item-title", children: [titleIcon && (_jsx(Icon, { className: "select-items__item-icon", icon: titleIcon, size: 24 })), _jsx("span", { className: "select-items__item-title-text", children: preventWidows(title) }), badge && (_jsx("span", { className: "select-items__item-title-badge", children: _jsx(Badge, { className: "free-domain__primary-badge", type: "info-green", children: preventWidows(badge) }) }))] }), _jsx("div", { className: "select-items__item-description", children: preventWidows(description) })] }), actionText && (_jsx(Button, { label: `${title}. ${actionText}`, variant: "secondary", className: "select-items__item-button", onClick: () => onSelect(value), "aria-hidden": allItemClickable ? 'true' : 'false', tabIndex: allItemClickable ? -1 : 0, children: actionText }))] }), allItemClickable && (_jsx("button", { className: "select-items__item-clickable", onClick: () => onSelect(value), "aria-label": ariaLabel || `${title}. ${description}` }))] }, key))) }));
|
|
8
9
|
}
|
|
9
10
|
export default SelectItems;
|
|
10
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select-items/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/select-items/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,cAAc,CAAC;AAyBtB,SAAS,WAAW,CAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAc;IACnF,OAAO,CACN,cAAK,SAAS,EAAG,IAAI,CAAE,cAAc,EAAE,SAAS,CAAE,YAC/C,KAAK,CAAC,GAAG,CACV,CAAE,EACD,GAAG,EACH,KAAK,EACL,KAAK,EACL,WAAW,EACX,IAAI,EACJ,SAAS,EACT,UAAU,EACV,KAAK,EACL,gBAAgB,EAChB,YAAY,EAAE,SAAS,GACvB,EAAG,EAAE,CAAC,CACN,eAAiB,SAAS,EAAC,oBAAoB,aAC5C,CAAE,SAAS,IAAI,CAChB,KAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAG,IAAI,EAAG,IAAI,EAAG,EAAE,GAAK,CACtE,EACD,eAAK,SAAS,EAAC,iCAAiC,aAC/C,eAAK,SAAS,EAAC,yBAAyB,iBAAa,MAAM,aAC1D,cAAI,SAAS,EAAC,0BAA0B,aACrC,SAAS,IAAI,CACd,KAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAG,SAAS,EAAG,IAAI,EAAG,EAAE,GAAK,CAC3E,EACD,eAAM,SAAS,EAAC,+BAA+B,YAAG,aAAa,CAAE,KAAK,CAAE,GAAS,EAC/E,KAAK,IAAI,CACV,eAAM,SAAS,EAAC,gCAAgC,YAC/C,KAAC,KAAK,IAAC,SAAS,EAAC,4BAA4B,EAAC,IAAI,EAAC,YAAY,YAC5D,aAAa,CAAE,KAAK,CAAE,GACjB,GACF,CACP,IACG,EACL,cAAK,SAAS,EAAC,gCAAgC,YAC5C,aAAa,CAAE,WAAW,CAAE,GACzB,IACD,EACJ,UAAU,IAAI,CACf,KAAC,MAAM,IACN,KAAK,EAAG,GAAI,KAAM,KAAM,UAAW,EAAE,EACrC,OAAO,EAAC,WAAW,EACnB,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAG,GAAG,EAAE,CAAC,QAAQ,CAAE,KAAK,CAAE,iBACnB,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACjD,QAAQ,EAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAElC,UAAU,GACJ,CACT,IACI,EACJ,gBAAgB,IAAI,CACrB,iBACC,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAG,GAAG,EAAE,CAAC,QAAQ,CAAE,KAAK,CAAE,gBACpB,SAAS,IAAI,GAAI,KAAM,KAAM,WAAY,EAAE,GACvD,CACF,KA1CS,GAAG,CA2CR,CACN,CACD,GACI,CACN,CAAC;AACH,CAAC;AAED,eAAe,WAAW,CAAC"}
|
|
@@ -76,10 +76,11 @@
|
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
78
|
|
|
79
|
-
|
|
79
|
+
.select-items__item-button {
|
|
80
80
|
margin-top: 24px;
|
|
81
81
|
border-radius: 4px;
|
|
82
82
|
min-width: 130px;
|
|
83
|
+
background-color: var(--color-surface);
|
|
83
84
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
84
85
|
border: 1px solid rgb(195, 196, 199);
|
|
85
86
|
color: #101517;
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { recordTracksEvent } from '@automattic/calypso-analytics';
|
|
2
|
-
import { Onboard, Site
|
|
3
|
-
import { select
|
|
4
|
-
import
|
|
5
|
-
import
|
|
2
|
+
import { Onboard, Site } from '@automattic/data-stores';
|
|
3
|
+
import { select } from '@wordpress/data';
|
|
4
|
+
import { isNewsletterFlow } from './utils';
|
|
5
|
+
import wpcomRequest from './wpcom-request';
|
|
6
6
|
const ONBOARD_STORE = Onboard.register();
|
|
7
|
+
// TODO: This store registration should live somewhere else or just be called more centrally.
|
|
7
8
|
// `client_id` and `client_secret` are only needed when signing up users.
|
|
8
|
-
|
|
9
|
+
Site.register({ client_id: '', client_secret: '' });
|
|
9
10
|
export const base64ImageToBlob = (base64String) => {
|
|
10
11
|
// extract content type and base64 payload from original string
|
|
11
12
|
const pos = base64String.indexOf(';base64,');
|
|
@@ -26,7 +27,6 @@ export const base64ImageToBlob = (base64String) => {
|
|
|
26
27
|
export function setupSiteAfterCreation({ siteId, flowName }) {
|
|
27
28
|
// const { resetOnboardStore } = dispatch( ONBOARD_STORE );
|
|
28
29
|
const goals = select(ONBOARD_STORE).getGoals();
|
|
29
|
-
const selectedDesign = select(ONBOARD_STORE).getSelectedDesign();
|
|
30
30
|
const siteTitle = select(ONBOARD_STORE).getSelectedSiteTitle();
|
|
31
31
|
const siteDescription = select(ONBOARD_STORE).getSelectedSiteDescription();
|
|
32
32
|
const siteLogo = select(ONBOARD_STORE).getSelectedSiteLogo();
|
|
@@ -37,28 +37,8 @@ export function setupSiteAfterCreation({ siteId, flowName }) {
|
|
|
37
37
|
blogdescription: siteDescription,
|
|
38
38
|
};
|
|
39
39
|
const promises = [];
|
|
40
|
-
if (
|
|
41
|
-
|
|
42
|
-
if (isLinkInBioFlow(flowName) || isFreeFlow(flowName)) {
|
|
43
|
-
settings.site_intent = isLinkInBioFlow(flowName) ? LINK_IN_BIO_FLOW : FREE_FLOW;
|
|
44
|
-
if (selectedDesign && selectedDesign.is_virtual) {
|
|
45
|
-
const { assembleSite } = dispatch(SITE_STORE);
|
|
46
|
-
promises.push(wpcomRequest({
|
|
47
|
-
path: `/sites/${encodeURIComponent(siteId)}/themes?status=active`,
|
|
48
|
-
apiNamespace: 'wp/v2',
|
|
49
|
-
}).then((activeThemes) => {
|
|
50
|
-
assembleSite(String(siteId), activeThemes[0].stylesheet, {
|
|
51
|
-
homeHtml: selectedDesign.recipe?.pattern_html,
|
|
52
|
-
headerHtml: selectedDesign.recipe?.header_html,
|
|
53
|
-
footerHtml: selectedDesign.recipe?.footer_html,
|
|
54
|
-
siteSetupOption: 'assembler-virtual-theme',
|
|
55
|
-
});
|
|
56
|
-
}));
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
else {
|
|
60
|
-
settings.site_intent = flowName;
|
|
61
|
-
}
|
|
40
|
+
if (isNewsletterFlow(flowName)) {
|
|
41
|
+
settings.site_intent = flowName;
|
|
62
42
|
settings.launchpad_screen = 'full';
|
|
63
43
|
}
|
|
64
44
|
// Newsletter flow sets "paid-newsletter" goal as an indication to setup paid newsletter later on
|
|
@@ -74,9 +54,8 @@ export function setupSiteAfterCreation({ siteId, flowName }) {
|
|
|
74
54
|
}
|
|
75
55
|
promises.push(wpcomRequest({
|
|
76
56
|
path: `/sites/${siteId}/onboarding-customization`,
|
|
77
|
-
method: 'POST',
|
|
78
57
|
apiNamespace: 'wpcom/v2',
|
|
79
|
-
|
|
58
|
+
method: 'POST',
|
|
80
59
|
formData,
|
|
81
60
|
}).then(() => {
|
|
82
61
|
recordTracksEvent('calypso_signup_site_options_submit', {
|
|
@@ -90,13 +69,6 @@ export function setupSiteAfterCreation({ siteId, flowName }) {
|
|
|
90
69
|
*/
|
|
91
70
|
// resetOnboardStore();
|
|
92
71
|
}));
|
|
93
|
-
if (isFreeFlow(flowName)) {
|
|
94
|
-
if (siteTitle || siteDescription || siteLogo) {
|
|
95
|
-
promises.push(updateLaunchpadSettings(siteId, {
|
|
96
|
-
checklist_statuses: { setup_free: true },
|
|
97
|
-
}));
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
72
|
return Promise.all(promises);
|
|
101
73
|
}
|
|
102
74
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"setup-tailored-site-after-creation.js","sourceRoot":"","sources":["../../src/setup-tailored-site-after-creation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,
|
|
1
|
+
{"version":3,"file":"setup-tailored-site-after-creation.js","sourceRoot":"","sources":["../../src/setup-tailored-site-after-creation.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { JetpackLogo, WooCommerceWooLogo } from '@automattic/components';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { useTranslate } from 'i18n-calypso';
|
|
5
5
|
import ActionButtons from '../action-buttons';
|
|
6
|
-
import SenseiLogo from '../sensei-logo';
|
|
7
6
|
import StepNavigationLink from '../step-navigation-link';
|
|
8
|
-
import VideoPressLogo from '../videopress-logo';
|
|
9
7
|
import './style.scss';
|
|
10
|
-
const StepContainer = ({ stepContent, stepName, shouldHideNavButtons,
|
|
8
|
+
const StepContainer = ({ stepContent, stepName, shouldHideNavButtons, hasStickyNavButtonsPadding, hideBack, backLabelText, hideSkip, skipLabelText, skipButtonAlign = 'top', skipHeadingText, hideNext = true, nextLabelText, notice, formattedHeader, headerImageUrl, headerButton, hideFormattedHeader, className, isHorizontalLayout, isFullLayout, isWideLayout, isExtraWideLayout, isExternalBackUrl, isLargeSkipLayout, customizedActionButtons, backUrl, goBack, onSkip, goNext, flowName, intent, stepSectionName, recordTracksEvent, showHeaderJetpackPowered, showJetpackPowered, showFooterWooCommercePowered, }) => {
|
|
11
9
|
const translate = useTranslate();
|
|
12
10
|
const recordClick = (direction, stepSectionName) => {
|
|
13
11
|
const tracksProps = {
|
|
@@ -23,22 +21,23 @@ const StepContainer = ({ stepContent, stepName, shouldHideNavButtons, shouldStic
|
|
|
23
21
|
recordTracksEvent('calypso_signup_skip_step', tracksProps);
|
|
24
22
|
}
|
|
25
23
|
};
|
|
26
|
-
function
|
|
24
|
+
function renderBackButton() {
|
|
27
25
|
// Hide back button if goBack is falsy, it won't do anything in that case.
|
|
28
|
-
if (shouldHideNavButtons || !goBack) {
|
|
26
|
+
if (shouldHideNavButtons || (!goBack && !backUrl)) {
|
|
29
27
|
return null;
|
|
30
28
|
}
|
|
31
|
-
return (_jsx(StepNavigationLink, { direction: "back", handleClick: goBack, label: backLabelText, hasBackIcon: true, rel: isExternalBackUrl ? 'external' : '', recordClick: () => recordClick('back', stepSectionName) }));
|
|
29
|
+
return (_jsx(StepNavigationLink, { direction: "back", handleClick: goBack, backUrl: backUrl, label: backLabelText, hasBackIcon: true, rel: isExternalBackUrl ? 'external' : '', recordClick: () => recordClick('back', stepSectionName) }));
|
|
32
30
|
}
|
|
33
|
-
function
|
|
34
|
-
|
|
31
|
+
function renderSkipButton() {
|
|
32
|
+
const skipAction = onSkip ?? goNext;
|
|
33
|
+
if (shouldHideNavButtons || !skipAction) {
|
|
35
34
|
return null;
|
|
36
35
|
}
|
|
37
|
-
return (_jsxs("div", { className: "step-container__skip-wrapper", children: [skipHeadingText && (_jsx("div", { className: "step-container__skip-heading", children: skipHeadingText })), _jsx(StepNavigationLink, { direction: "forward", handleClick:
|
|
36
|
+
return (_jsxs("div", { className: "step-container__skip-wrapper", children: [skipHeadingText && (_jsx("div", { className: "step-container__skip-heading", children: skipHeadingText })), _jsx(StepNavigationLink, { direction: "forward", handleClick: skipAction, label: skipLabelText, cssClass: clsx('step-container__navigation-link', 'has-underline', {
|
|
38
37
|
'has-skip-heading': skipHeadingText,
|
|
39
38
|
}), borderless: true, recordClick: () => recordClick('forward') })] }));
|
|
40
39
|
}
|
|
41
|
-
function
|
|
40
|
+
function renderNextButton() {
|
|
42
41
|
if (shouldHideNavButtons || !goNext) {
|
|
43
42
|
return null;
|
|
44
43
|
}
|
|
@@ -54,9 +53,8 @@ const StepContainer = ({ stepContent, stepName, shouldHideNavButtons, shouldStic
|
|
|
54
53
|
});
|
|
55
54
|
return (_jsxs("div", { className: classes, children: [_jsxs(ActionButtons, { className: clsx('step-container__navigation', {
|
|
56
55
|
'should-hide-nav-buttons': shouldHideNavButtons,
|
|
57
|
-
'should-sticky-nav-buttons': shouldStickyNavButtons,
|
|
58
56
|
'has-sticky-nav-buttons-padding': hasStickyNavButtonsPadding,
|
|
59
|
-
}), children: [
|
|
57
|
+
}), children: [!hideBack && renderBackButton(), !hideSkip && skipButtonAlign === 'top' && renderSkipButton(), !hideNext && renderNextButton(), customizedActionButtons] }), !hideFormattedHeader && (_jsxs("div", { className: "step-container__header", children: [notice, formattedHeader, headerImageUrl && (_jsx("div", { className: "step-container__header-image", children: _jsx("img", { src: headerImageUrl, alt: "" }) })), headerButton && _jsx("div", { className: "step-container__header-button", children: headerButton }), showHeaderJetpackPowered && (_jsxs("div", { className: "step-container__header-jetpack-powered", children: [_jsx(JetpackLogo, { monochrome: true, size: 18 }), " ", _jsx("span", { children: translate('Jetpack powered') })] }))] })), _jsx("div", { className: "step-container__content", children: stepContent }), !hideSkip && skipButtonAlign === 'bottom' && (_jsxs("div", { className: "step-container__buttons", children: [isLargeSkipLayout && _jsx("hr", { className: "step-container__skip-hr" }), renderSkipButton()] })), showJetpackPowered && (_jsxs("div", { className: "step-container__jetpack-powered", children: [_jsx(JetpackLogo, { monochrome: true, size: 18 }), " ", _jsx("span", { children: translate('Jetpack powered') })] })), showFooterWooCommercePowered && (_jsxs("div", { className: "step-container__woocommerce-powered", children: [_jsx(WooCommerceWooLogo, {}), " ", _jsx("span", { children: translate('WooCommerce powered') })] }))] }));
|
|
60
58
|
};
|
|
61
59
|
export default StepContainer;
|
|
62
60
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/step-container/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/step-container/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@import "@wordpress/base-styles/breakpoints";
|
|
2
2
|
@import "@wordpress/base-styles/mixins";
|
|
3
|
-
@import "../../styles/mixins
|
|
3
|
+
@import "../../styles/mixins";
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* General
|
|
@@ -41,6 +41,12 @@
|
|
|
41
41
|
padding-inline-end: 20px;
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
|
+
|
|
45
|
+
@include break-xlarge {
|
|
46
|
+
.step-container__header .formatted-header {
|
|
47
|
+
margin-top: 0;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
44
50
|
}
|
|
45
51
|
|
|
46
52
|
.step-container__buttons {
|
|
@@ -71,44 +77,34 @@
|
|
|
71
77
|
* Header
|
|
72
78
|
*/
|
|
73
79
|
.step-container__header {
|
|
74
|
-
margin-
|
|
75
|
-
margin-
|
|
80
|
+
margin-top: 32px;
|
|
81
|
+
margin-bottom: 48px;
|
|
76
82
|
display: block;
|
|
77
83
|
justify-content: space-between;
|
|
78
84
|
align-items: center;
|
|
79
85
|
|
|
80
86
|
.formatted-header {
|
|
81
87
|
margin: 0;
|
|
82
|
-
|
|
88
|
+
|
|
89
|
+
@include break-xlarge {
|
|
90
|
+
margin-top: 88px; // 56px + 32px
|
|
91
|
+
}
|
|
83
92
|
|
|
84
93
|
.formatted-header__title {
|
|
85
|
-
@include onboarding-font-recoleta;
|
|
86
|
-
color: var(--studio-gray-100);
|
|
87
|
-
letter-spacing: 0.2px;
|
|
88
|
-
font-size: 2.15rem; /* stylelint-disable-line scales/font-sizes */
|
|
89
|
-
font-weight: 400;
|
|
90
|
-
padding: 0;
|
|
91
94
|
margin: 0;
|
|
92
95
|
|
|
96
|
+
@include onboarding-font-recoleta;
|
|
97
|
+
color: var(--color-neutral-100);
|
|
98
|
+
font-size: 2rem;
|
|
99
|
+
|
|
93
100
|
@include break-xlarge {
|
|
94
101
|
font-size: 2.75rem;
|
|
95
102
|
}
|
|
96
103
|
}
|
|
97
104
|
|
|
98
105
|
.formatted-header__subtitle {
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
color: var(--studio-gray-60);
|
|
102
|
-
font-size: 1rem;
|
|
103
|
-
margin-top: 16px;
|
|
104
|
-
line-height: 24px;
|
|
105
|
-
|
|
106
|
-
&.is-center-align {
|
|
107
|
-
text-align: center;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
@include break-small {
|
|
111
|
-
margin-top: 8px;
|
|
106
|
+
@include break-xlarge {
|
|
107
|
+
font-size: 1rem;
|
|
112
108
|
}
|
|
113
109
|
}
|
|
114
110
|
}
|
|
@@ -133,11 +129,6 @@
|
|
|
133
129
|
}
|
|
134
130
|
}
|
|
135
131
|
}
|
|
136
|
-
|
|
137
|
-
@include break-small {
|
|
138
|
-
flex-wrap: wrap;
|
|
139
|
-
margin-top: 24px;
|
|
140
|
-
}
|
|
141
132
|
}
|
|
142
133
|
|
|
143
134
|
/**
|
|
@@ -150,21 +141,28 @@
|
|
|
150
141
|
}
|
|
151
142
|
}
|
|
152
143
|
.step-container__navigation.action-buttons {
|
|
153
|
-
background-color: $white;
|
|
154
144
|
height: 60px;
|
|
155
145
|
align-items: center;
|
|
156
146
|
justify-content: space-between;
|
|
157
147
|
display: flex;
|
|
158
148
|
font-size: 0.875rem;
|
|
159
|
-
position: fixed;
|
|
160
|
-
z-index: 30;
|
|
161
|
-
inset-inline-start: 0;
|
|
162
|
-
inset-inline-end: 0;
|
|
163
149
|
bottom: 0;
|
|
164
|
-
padding: 0 20px;
|
|
165
150
|
margin: 0;
|
|
166
151
|
border-top: none;
|
|
167
|
-
|
|
152
|
+
|
|
153
|
+
position: absolute;
|
|
154
|
+
top: 8px;
|
|
155
|
+
inset-inline-start: 72px;
|
|
156
|
+
inset-inline-end: 24px;
|
|
157
|
+
// Align with wordpress logo in signup-header
|
|
158
|
+
padding: 1px 0 0;
|
|
159
|
+
background-color: transparent;
|
|
160
|
+
border: none;
|
|
161
|
+
box-shadow: none;
|
|
162
|
+
|
|
163
|
+
&.has-sticky-nav-buttons-padding {
|
|
164
|
+
padding-bottom: 48px;
|
|
165
|
+
}
|
|
168
166
|
|
|
169
167
|
&:empty {
|
|
170
168
|
display: none;
|
|
@@ -215,31 +213,6 @@
|
|
|
215
213
|
display: block;
|
|
216
214
|
}
|
|
217
215
|
}
|
|
218
|
-
|
|
219
|
-
@include break-small {
|
|
220
|
-
position: absolute;
|
|
221
|
-
top: 8px;
|
|
222
|
-
inset-inline-start: 72px;
|
|
223
|
-
inset-inline-end: 24px;
|
|
224
|
-
// Align with wordpress logo in signup-header
|
|
225
|
-
padding: 1px 0 0;
|
|
226
|
-
background-color: transparent;
|
|
227
|
-
border: none;
|
|
228
|
-
box-shadow: none;
|
|
229
|
-
|
|
230
|
-
&.should-sticky-nav-buttons {
|
|
231
|
-
position: fixed;
|
|
232
|
-
inset-inline-start: 0;
|
|
233
|
-
inset-inline-end: 0;
|
|
234
|
-
padding-inline-start: 24px;
|
|
235
|
-
padding-inline-end: 24px;
|
|
236
|
-
background-color: $white;
|
|
237
|
-
}
|
|
238
|
-
|
|
239
|
-
&.has-sticky-nav-buttons-padding {
|
|
240
|
-
padding-bottom: 48px;
|
|
241
|
-
}
|
|
242
|
-
}
|
|
243
216
|
}
|
|
244
217
|
|
|
245
218
|
/**
|
|
@@ -248,22 +221,15 @@
|
|
|
248
221
|
.step-container__content {
|
|
249
222
|
margin-top: 0;
|
|
250
223
|
display: block;
|
|
251
|
-
min-height: 65vh;
|
|
252
|
-
|
|
253
|
-
@supports ( min-height: 65svh ) {
|
|
254
|
-
min-height: calc(65svh - 50px);
|
|
255
|
-
}
|
|
256
224
|
}
|
|
257
225
|
|
|
258
226
|
/**
|
|
259
|
-
* Jetpack
|
|
227
|
+
* Jetpack and WooCommerce Powered
|
|
260
228
|
*/
|
|
261
229
|
.step-container__jetpack-powered,
|
|
262
230
|
.step-container__header-jetpack-powered,
|
|
263
231
|
.step-container__woocommerce-powered,
|
|
264
|
-
.step-container__header-woocommerce-powered
|
|
265
|
-
.step-container__sensei-powered,
|
|
266
|
-
.step-container__videopress-powered {
|
|
232
|
+
.step-container__header-woocommerce-powered {
|
|
267
233
|
display: flex;
|
|
268
234
|
justify-content: center;
|
|
269
235
|
align-items: center;
|
|
@@ -293,12 +259,4 @@
|
|
|
293
259
|
visibility: visible;
|
|
294
260
|
}
|
|
295
261
|
}
|
|
296
|
-
|
|
297
|
-
.step-container__sensei-powered {
|
|
298
|
-
padding-bottom: 24px;
|
|
299
|
-
|
|
300
|
-
svg {
|
|
301
|
-
margin-inline-end: 8px;
|
|
302
|
-
}
|
|
303
|
-
}
|
|
304
262
|
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import clsx from 'clsx';
|
|
3
|
+
import './style.scss';
|
|
4
|
+
export const ContentRow = ({ children, columns = 12, className, stretched, }) => {
|
|
5
|
+
return (_jsx("div", { className: clsx('step-container-v2__content-row', className, {
|
|
6
|
+
stretched,
|
|
7
|
+
}), style: { '--columns': columns }, children: children }));
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=ContentRow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ContentRow.js","sourceRoot":"","sources":["../../../../../src/step-container-v2/components/ContentRow/ContentRow.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,UAAU,GAAG,CAAE,EAC3B,QAAQ,EACR,OAAO,GAAG,EAAE,EACZ,SAAS,EACT,SAAS,GAMT,EAAG,EAAE;IACL,OAAO,CACN,cACC,SAAS,EAAG,IAAI,CAAE,gCAAgC,EAAE,SAAS,EAAE;YAC9D,SAAS;SACT,CAAE,EACH,KAAK,EAAG,EAAE,WAAW,EAAE,OAAO,EAAmB,YAE/C,QAAQ,GACL,CACN,CAAC;AACH,CAAC,CAAC"}
|