@pareto-engineering/design-system 2.0.0-alpha.41 → 2.0.0-alpha.42
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/cjs/a/GradientBackground/GradientBackground.js +140 -0
- package/dist/cjs/a/GradientBackground/index.js +15 -0
- package/dist/cjs/a/GradientBackground/styles.scss +191 -0
- package/dist/cjs/a/Popover/Popover.js +134 -0
- package/dist/cjs/a/Popover/common/Divider/Divider.js +67 -0
- package/dist/cjs/a/Popover/common/Divider/index.js +15 -0
- package/dist/cjs/a/Popover/common/Item/Item.js +67 -0
- package/dist/cjs/a/Popover/common/Item/index.js +15 -0
- package/dist/cjs/a/Popover/common/index.js +21 -0
- package/dist/cjs/a/Popover/index.js +15 -0
- package/dist/cjs/a/Popover/styles.scss +43 -0
- package/dist/cjs/a/index.js +9 -1
- package/dist/cjs/c/AcceptCookies/AcceptCookies.js +134 -0
- package/dist/cjs/c/AcceptCookies/index.js +15 -0
- package/dist/cjs/c/AcceptCookies/styles.scss +49 -0
- package/dist/cjs/c/BlogCategoryButton/BlogCategoryButton.js +95 -0
- package/dist/cjs/c/BlogCategoryButton/index.js +15 -0
- package/dist/cjs/c/BlogContext/BlogContextProvider.js +63 -0
- package/dist/cjs/c/BlogContext/Context.js +16 -0
- package/dist/cjs/c/BlogContext/ContextProvider.js +63 -0
- package/dist/cjs/c/BlogContext/index.js +31 -0
- package/dist/cjs/c/BlogContext/useBlog.js +16 -0
- package/dist/cjs/c/BlogPost/BlogPost.js +147 -0
- package/dist/cjs/c/BlogPost/index.js +15 -0
- package/dist/cjs/c/BlogPost/styles.scss +33 -0
- package/dist/cjs/c/BlogPostsList/BlogPostsList.js +73 -0
- package/dist/cjs/c/BlogPostsList/common/Card/Card.js +170 -0
- package/dist/cjs/c/BlogPostsList/common/Card/index.js +15 -0
- package/dist/cjs/c/BlogPostsList/common/index.js +13 -0
- package/dist/cjs/c/BlogPostsList/index.js +15 -0
- package/dist/cjs/c/BlogPostsList/styles.scss +72 -0
- package/dist/cjs/c/SiteFooter/SiteFooter.js +73 -0
- package/dist/cjs/c/SiteFooter/common/Section/Section.js +95 -0
- package/dist/cjs/c/SiteFooter/common/Section/index.js +15 -0
- package/dist/cjs/c/SiteFooter/common/index.js +13 -0
- package/dist/cjs/c/SiteFooter/index.js +15 -0
- package/dist/cjs/c/SiteFooter/styles.scss +34 -0
- package/dist/cjs/c/SiteHeaderCTA/SiteHeaderCTA.js +108 -0
- package/dist/cjs/c/SiteHeaderCTA/index.js +15 -0
- package/dist/cjs/c/SiteHeaderCTA/styles.scss +44 -0
- package/dist/cjs/c/SiteMission/SiteMission.js +113 -0
- package/dist/cjs/c/SiteMission/index.js +15 -0
- package/dist/cjs/c/SiteMission/styles.scss +30 -0
- package/dist/cjs/c/SiteNavigation/SiteNavigation.js +130 -0
- package/dist/cjs/c/SiteNavigation/index.js +15 -0
- package/dist/cjs/c/SiteNavigation/styles.scss +118 -0
- package/dist/cjs/c/SiteOnboardingStep/SiteOnboardingStep.js +98 -0
- package/dist/cjs/c/SiteOnboardingStep/index.js +15 -0
- package/dist/cjs/c/SiteOnboardingStep/styles.scss +51 -0
- package/dist/cjs/c/SitePricing/SitePricing.js +108 -0
- package/dist/cjs/c/SitePricing/index.js +15 -0
- package/dist/cjs/c/SitePricing/styles.scss +73 -0
- package/dist/cjs/c/SiteServices/SiteServices.js +211 -0
- package/dist/cjs/c/SiteServices/index.js +15 -0
- package/dist/cjs/c/SiteServices/styles.scss +138 -0
- package/dist/cjs/c/TeamGallery/TeamGallery.js +80 -0
- package/dist/cjs/c/TeamGallery/common/PersonCard/PersonCard.js +84 -0
- package/dist/cjs/c/TeamGallery/common/PersonCard/index.js +15 -0
- package/dist/cjs/c/TeamGallery/common/index.js +13 -0
- package/dist/cjs/c/TeamGallery/index.js +15 -0
- package/dist/cjs/c/TeamGallery/styles.scss +100 -0
- package/dist/cjs/c/Testimonials/Testimonials.js +119 -0
- package/dist/cjs/c/Testimonials/index.js +15 -0
- package/dist/cjs/c/Testimonials/styles.scss +112 -0
- package/dist/cjs/experimental/GradientBackground/GradientBackground.js +98 -0
- package/dist/cjs/experimental/GradientBackground/index.js +15 -0
- package/dist/cjs/experimental/GradientBackground/styles.scss +64 -0
- package/dist/cjs/experimental/index.js +13 -0
- package/dist/cjs/f/fields/CheckboxInput/CheckboxInput.js +105 -0
- package/dist/cjs/f/fields/CheckboxInput/index.js +15 -0
- package/dist/cjs/f/fields/CheckboxInput/styles.scss +28 -0
- package/dist/cjs/f/fields/RadioInput/RadioInput.js +110 -0
- package/dist/cjs/f/fields/RadioInput/index.js +15 -0
- package/dist/cjs/f/fields/RadioInput/styles.scss +26 -0
- package/dist/cjs/f/fields/TaskRecommendation/TaskRecommendation.js +129 -0
- package/dist/cjs/f/fields/TaskRecommendation/index.js +15 -0
- package/dist/cjs/f/fields/TaskRecommendation/styles.scss +37 -0
- package/dist/cjs/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +131 -0
- package/dist/cjs/f/fields/TaskRecommendationInput/index.js +15 -0
- package/dist/cjs/f/fields/TaskRecommendationInput/styles.scss +41 -0
- package/dist/cjs/f/fields/TextArea/TextArea.js +141 -0
- package/dist/cjs/f/fields/TextArea/index.js +15 -0
- package/dist/cjs/f/fields/TextArea/styles.scss +19 -0
- package/dist/cjs/index.js +13 -0
- package/dist/cjs/utils/hooks/index.js +23 -0
- package/dist/cjs/utils/hooks/useDynamicPosition.js +107 -0
- package/dist/cjs/utils/hooks/useWindowSize.js +39 -0
- package/dist/cjs/utils/index.js +19 -0
- package/dist/es/a/GradientBackground/GradientBackground.js +118 -0
- package/dist/es/a/GradientBackground/index.js +2 -0
- package/dist/es/a/GradientBackground/styles.scss +191 -0
- package/dist/es/a/Popover/Popover.js +118 -0
- package/dist/es/a/Popover/common/Divider/Divider.js +47 -0
- package/dist/es/a/Popover/common/Divider/index.js +2 -0
- package/dist/es/a/Popover/common/Item/Item.js +47 -0
- package/dist/es/a/Popover/common/Item/index.js +2 -0
- package/dist/es/a/Popover/common/index.js +2 -0
- package/dist/es/a/Popover/index.js +2 -0
- package/dist/es/a/Popover/styles.scss +43 -0
- package/dist/es/a/index.js +2 -1
- package/dist/es/c/AcceptCookies/AcceptCookies.js +117 -0
- package/dist/es/c/AcceptCookies/index.js +2 -0
- package/dist/es/c/AcceptCookies/styles.scss +49 -0
- package/dist/es/c/BlogCategoryButton/BlogCategoryButton.js +68 -0
- package/dist/es/c/BlogCategoryButton/index.js +2 -0
- package/dist/es/c/BlogContext/BlogContextProvider.js +45 -0
- package/dist/es/c/BlogContext/Context.js +2 -0
- package/dist/es/c/BlogContext/ContextProvider.js +45 -0
- package/dist/es/c/BlogContext/index.js +4 -0
- package/dist/es/c/BlogContext/useBlog.js +3 -0
- package/dist/es/c/BlogPost/BlogPost.js +128 -0
- package/dist/es/c/BlogPost/index.js +2 -0
- package/dist/es/c/BlogPost/styles.scss +33 -0
- package/dist/es/c/BlogPostsList/BlogPostsList.js +56 -0
- package/dist/es/c/BlogPostsList/common/Card/Card.js +143 -0
- package/dist/es/c/BlogPostsList/common/Card/index.js +2 -0
- package/dist/es/c/BlogPostsList/common/index.js +1 -0
- package/dist/es/c/BlogPostsList/index.js +2 -0
- package/dist/es/c/BlogPostsList/styles.scss +72 -0
- package/dist/es/c/SiteFooter/SiteFooter.js +56 -0
- package/dist/es/c/SiteFooter/common/Section/Section.js +73 -0
- package/dist/es/c/SiteFooter/common/Section/index.js +2 -0
- package/dist/es/c/SiteFooter/common/index.js +1 -0
- package/dist/es/c/SiteFooter/index.js +2 -0
- package/dist/es/c/SiteFooter/styles.scss +34 -0
- package/dist/es/c/SiteHeaderCTA/SiteHeaderCTA.js +92 -0
- package/dist/es/c/SiteHeaderCTA/index.js +2 -0
- package/dist/es/c/SiteHeaderCTA/styles.scss +44 -0
- package/dist/es/c/SiteMission/SiteMission.js +96 -0
- package/dist/es/c/SiteMission/index.js +2 -0
- package/dist/es/c/SiteMission/styles.scss +30 -0
- package/dist/es/c/SiteNavigation/SiteNavigation.js +111 -0
- package/dist/es/c/SiteNavigation/index.js +2 -0
- package/dist/es/c/SiteNavigation/styles.scss +118 -0
- package/dist/es/c/SiteOnboardingStep/SiteOnboardingStep.js +81 -0
- package/dist/es/c/SiteOnboardingStep/index.js +2 -0
- package/dist/es/c/SiteOnboardingStep/styles.scss +51 -0
- package/dist/es/c/SitePricing/SitePricing.js +91 -0
- package/dist/es/c/SitePricing/index.js +2 -0
- package/dist/es/c/SitePricing/styles.scss +73 -0
- package/dist/es/c/SiteServices/SiteServices.js +195 -0
- package/dist/es/c/SiteServices/index.js +2 -0
- package/dist/es/c/SiteServices/styles.scss +138 -0
- package/dist/es/c/TeamGallery/TeamGallery.js +64 -0
- package/dist/es/c/TeamGallery/common/PersonCard/PersonCard.js +64 -0
- package/dist/es/c/TeamGallery/common/PersonCard/index.js +2 -0
- package/dist/es/c/TeamGallery/common/index.js +1 -0
- package/dist/es/c/TeamGallery/index.js +2 -0
- package/dist/es/c/TeamGallery/styles.scss +100 -0
- package/dist/es/c/Testimonials/Testimonials.js +99 -0
- package/dist/es/c/Testimonials/index.js +2 -0
- package/dist/es/c/Testimonials/styles.scss +112 -0
- package/dist/es/experimental/GradientBackground/GradientBackground.js +76 -0
- package/dist/es/experimental/GradientBackground/index.js +2 -0
- package/dist/es/experimental/GradientBackground/styles.scss +64 -0
- package/dist/es/experimental/index.js +1 -0
- package/dist/es/f/fields/CheckboxInput/CheckboxInput.js +85 -0
- package/dist/es/f/fields/CheckboxInput/index.js +2 -0
- package/dist/es/f/fields/CheckboxInput/styles.scss +28 -0
- package/dist/es/f/fields/RadioInput/RadioInput.js +90 -0
- package/dist/es/f/fields/RadioInput/index.js +2 -0
- package/dist/es/f/fields/RadioInput/styles.scss +26 -0
- package/dist/es/f/fields/TaskRecommendation/TaskRecommendation.js +111 -0
- package/dist/es/f/fields/TaskRecommendation/index.js +2 -0
- package/dist/es/f/fields/TaskRecommendation/styles.scss +37 -0
- package/dist/es/f/fields/TaskRecommendationInput/TaskRecommendationInput.js +111 -0
- package/dist/es/f/fields/TaskRecommendationInput/index.js +2 -0
- package/dist/es/f/fields/TaskRecommendationInput/styles.scss +41 -0
- package/dist/es/f/fields/TextArea/TextArea.js +124 -0
- package/dist/es/f/fields/TextArea/index.js +2 -0
- package/dist/es/f/fields/TextArea/styles.scss +19 -0
- package/dist/es/index.js +2 -1
- package/dist/es/utils/hooks/index.js +2 -0
- package/dist/es/utils/hooks/useDynamicPosition.js +93 -0
- package/dist/es/utils/hooks/useWindowSize.js +27 -0
- package/dist/es/utils/index.js +1 -0
- package/package.json +1 -1
- package/src/__snapshots__/Storyshots.test.js.snap +413 -1
- package/src/stories/a/Popover.stories.jsx +106 -0
- package/src/stories/utils/lorem.js +15 -0
- package/src/ui/a/Popover/Popover.jsx +157 -0
- package/src/ui/a/Popover/index.js +2 -0
- package/src/ui/a/Popover/styles.scss +43 -0
- package/src/ui/a/index.js +1 -0
- package/src/ui/index.js +1 -0
- package/src/ui/utils/hooks/index.js +2 -0
- package/src/ui/utils/hooks/useDynamicPosition.js +104 -0
- package/src/ui/utils/hooks/useWindowSize.js +32 -0
- package/src/ui/utils/index.js +1 -0
|
@@ -1349,6 +1349,418 @@ exports[`Storyshots a/People One Person 1`] = `
|
|
|
1349
1349
|
</div>
|
|
1350
1350
|
`;
|
|
1351
1351
|
|
|
1352
|
+
exports[`Storyshots a/Popover Bottom Left 1`] = `
|
|
1353
|
+
<main
|
|
1354
|
+
className="u1 ph-u"
|
|
1355
|
+
>
|
|
1356
|
+
<div>
|
|
1357
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est cupiditate temporibus quos officia, incidunt nesciunt dolorum eligendi, aspernatur voluptates sequi natus tempora autem molestias, illo reprehenderit mollitia. Voluptas, quaerat sequi?
|
|
1358
|
+
Magnam excepturi impedit odit consectetur quaerat, provident, quod facere, ipsa distinctio quae expedita! Doloribus adipisci harum dicta nulla commodi cum incidunt dignissimos? Id accusantium quos ullam placeat necessitatibus. Mollitia, debitis?
|
|
1359
|
+
Repudiandae odio alias odit vel voluptatibus officiis, quod praesentium adipisci, in optio voluptate magnam? Ab saepe maxime, corrupti dolore natus quis accusantium hic iste ullam harum repellat sint commodi cum?
|
|
1360
|
+
Vero et accusamus voluptatibus exercitationem, perspiciatis nisi tempora, autem consectetur deserunt ex fugiat cum iure sed dolore, perferendis eos quia voluptate. Ratione autem minus quas iure dicta doloribus ad nulla!
|
|
1361
|
+
Saepe, ipsum nisi impedit similique vel eligendi ex quidem ea rem officiis praesentium dolores ipsa sit cumque eaque distinctio soluta qui dolore veniam accusamus facilis voluptas minus. Animi, sequi necessitatibus?
|
|
1362
|
+
Explicabo in nisi, id rerum omnis doloribus error! Delectus quasi consequuntur, adipisci tempore eaque, ad ipsa porro consectetur natus architecto iure aut aliquid tenetur totam unde illum saepe, ipsum deserunt!
|
|
1363
|
+
Dicta assumenda odit eius tempora illo veniam ea ab enim? Maxime suscipit quae quas sunt eveniet tempora nesciunt, itaque aliquam deserunt culpa eius enim asperiores eum beatae dolore modi sit.
|
|
1364
|
+
Exercitationem aliquid dicta dolorum sequi odit beatae vitae velit architecto, atque ratione quaerat distinctio eaque voluptatibus voluptate nihil, quibusdam porro, eveniet nostrum voluptas. Sed ex facere, illum dolorum soluta blanditiis.
|
|
1365
|
+
Est possimus reprehenderit fugit asperiores dolores deserunt officia quo, sed dignissimos at inventore nulla officiis quaerat? Quia quam consequuntur aliquid! Laborum suscipit voluptate quod et officia dicta voluptatum odio impedit.
|
|
1366
|
+
Voluptate blanditiis nobis cum non sunt nisi, magni dignissimos qui repellat facilis labore, commodi eveniet totam velit voluptatibus ipsa omnis delectus quod incidunt veniam. Quibusdam amet voluptatum eos reiciendis ullam!
|
|
1367
|
+
Eaque quas laudantium repudiandae quidem similique totam delectus fugit, iusto a vero molestias placeat nisi aspernatur corporis blanditiis excepturi. Illo inventore consectetur ullam magnam labore minus a ex laboriosam iusto.
|
|
1368
|
+
Mollitia deserunt modi neque asperiores temporibus cum quae numquam quidem! Quisquam sequi nisi sed accusamus velit consectetur omnis iusto. Laudantium omnis sunt eius laborum quia iusto minima excepturi officiis veniam.
|
|
1369
|
+
Laboriosam laborum praesentium sunt molestias. Consectetur, fugit laudantium. Facilis odit illum deserunt beatae at alias. Quaerat, quam facere quis, iure autem veniam maiores impedit ea rerum, totam officiis eveniet eum.
|
|
1370
|
+
Maxime, nostrum? Adipisci provident eius cupiditate necessitatibus similique debitis sed amet, suscipit doloribus dicta? Numquam optio mollitia facere eligendi, culpa quibusdam accusamus rerum minus iure, sequi, necessitatibus sunt quas ratione?
|
|
1371
|
+
Delectus, sit architecto ab labore temporibus sunt reiciendis nihil. Ea quaerat numquam molestiae, nostrum, similique adipisci molestias esse beatae incidunt vero ex tempora! Recusandae temporibus, vero saepe fugiat voluptatem asperior
|
|
1372
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est cupiditate temporibus quos officia, incidunt nesciunt dolorum eligendi, aspernatur voluptates sequi natus tempora autem molestias, illo reprehenderit mollitia. Voluptas, quaerat sequi?
|
|
1373
|
+
Magnam excepturi impedit odit consectetur quaerat, provident, quod facere, ipsa distinctio quae expedita! Doloribus adipisci harum dicta nulla commodi cum incidunt dignissimos? Id accusantium quos ullam placeat necessitatibus. Mollitia, debitis?
|
|
1374
|
+
Repudiandae odio alias odit vel voluptatibus officiis, quod praesentium adipisci, in optio voluptate magnam? Ab saepe maxime, corrupti dolore natus quis accusantium hic iste ullam harum repellat sint commodi cum?
|
|
1375
|
+
Vero et accusamus voluptatibus exercitationem, perspiciatis nisi tempora, autem consectetur deserunt ex fugiat cum iure sed dolore, perferendis eos quia voluptate. Ratione autem minus quas iure dicta doloribus ad nulla!
|
|
1376
|
+
Saepe, ipsum nisi impedit similique vel eligendi ex quidem ea rem officiis praesentium dolores ipsa sit cumque eaque distinctio soluta qui dolore veniam accusamus facilis voluptas minus. Animi, sequi necessitatibus?
|
|
1377
|
+
Explicabo in nisi, id rerum omnis doloribus error! Delectus quasi consequuntur, adipisci tempore eaque, ad ipsa porro consectetur natus architecto iure aut aliquid tenetur totam unde illum saepe, ipsum deserunt!
|
|
1378
|
+
Dicta assumenda odit eius tempora illo veniam ea ab enim? Maxime suscipit quae quas sunt eveniet tempora nesciunt, itaque aliquam deserunt culpa eius enim asperiores eum beatae dolore modi sit.
|
|
1379
|
+
Exercitationem aliquid dicta dolorum sequi odit beatae vitae velit architecto, atque ratione quaerat distinctio eaque voluptatibus voluptate nihil, quibusdam porro, eveniet nostrum voluptas. Sed ex facere, illum dolorum soluta blanditiis.
|
|
1380
|
+
Est possimus reprehenderit fugit asperiores dolores deserunt officia quo, sed dignissimos at inventore nulla officiis quaerat? Quia quam consequuntur aliquid! Laborum suscipit voluptate quod et officia dicta voluptatum odio impedit.
|
|
1381
|
+
Voluptate blanditiis nobis cum non sunt nisi, magni dignissimos qui repellat facilis labore, commodi eveniet totam velit voluptatibus ipsa omnis delectus quod incidunt veniam. Quibusdam amet voluptatum eos reiciendis ullam!
|
|
1382
|
+
Eaque quas laudantium repudiandae quidem similique totam delectus fugit, iusto a vero molestias placeat nisi aspernatur corporis blanditiis excepturi. Illo inventore consectetur ullam magnam labore minus a ex laboriosam iusto.
|
|
1383
|
+
Mollitia deserunt modi neque asperiores temporibus cum quae numquam quidem! Quisquam sequi nisi sed accusamus velit consectetur omnis iusto. Laudantium omnis sunt eius laborum quia iusto minima excepturi officiis veniam.
|
|
1384
|
+
Laboriosam laborum praesentium sunt molestias. Consectetur, fugit laudantium. Facilis odit illum deserunt beatae at alias. Quaerat, quam facere quis, iure autem veniam maiores impedit ea rerum, totam officiis eveniet eum.
|
|
1385
|
+
Maxime, nostrum? Adipisci provident eius cupiditate necessitatibus similique debitis sed amet, suscipit doloribus dicta? Numquam optio mollitia facere eligendi, culpa quibusdam accusamus rerum minus iure, sequi, necessitatibus sunt quas ratione?
|
|
1386
|
+
Delectus, sit architecto ab labore temporibus sunt reiciendis nihil. Ea quaerat numquam molestiae, nostrum, similique adipisci molestias esse beatae incidunt vero ex tempora! Recusandae temporibus, vero saepe fugiat voluptatem asperior
|
|
1387
|
+
</div>
|
|
1388
|
+
<div
|
|
1389
|
+
style={
|
|
1390
|
+
Object {
|
|
1391
|
+
"margin": "0 auto",
|
|
1392
|
+
"position": "relative",
|
|
1393
|
+
"textAlign": "center",
|
|
1394
|
+
"width": "min-content",
|
|
1395
|
+
}
|
|
1396
|
+
}
|
|
1397
|
+
>
|
|
1398
|
+
<button
|
|
1399
|
+
onClick={[Function]}
|
|
1400
|
+
type="button"
|
|
1401
|
+
>
|
|
1402
|
+
Open Popover
|
|
1403
|
+
</button>
|
|
1404
|
+
<div
|
|
1405
|
+
className="base popover x-background1 bottom left"
|
|
1406
|
+
>
|
|
1407
|
+
<ul>
|
|
1408
|
+
<li>
|
|
1409
|
+
Company
|
|
1410
|
+
</li>
|
|
1411
|
+
<li>
|
|
1412
|
+
Pareto Engineers
|
|
1413
|
+
</li>
|
|
1414
|
+
<li>
|
|
1415
|
+
Pareto Core Team
|
|
1416
|
+
</li>
|
|
1417
|
+
</ul>
|
|
1418
|
+
</div>
|
|
1419
|
+
</div>
|
|
1420
|
+
<div>
|
|
1421
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est cupiditate temporibus quos officia, incidunt nesciunt dolorum eligendi, aspernatur voluptates sequi natus tempora autem molestias, illo reprehenderit mollitia. Voluptas, quaerat sequi?
|
|
1422
|
+
Magnam excepturi impedit odit consectetur quaerat, provident, quod facere, ipsa distinctio quae expedita! Doloribus adipisci harum dicta nulla commodi cum incidunt dignissimos? Id accusantium quos ullam placeat necessitatibus. Mollitia, debitis?
|
|
1423
|
+
Repudiandae odio alias odit vel voluptatibus officiis, quod praesentium adipisci, in optio voluptate magnam? Ab saepe maxime, corrupti dolore natus quis accusantium hic iste ullam harum repellat sint commodi cum?
|
|
1424
|
+
Vero et accusamus voluptatibus exercitationem, perspiciatis nisi tempora, autem consectetur deserunt ex fugiat cum iure sed dolore, perferendis eos quia voluptate. Ratione autem minus quas iure dicta doloribus ad nulla!
|
|
1425
|
+
Saepe, ipsum nisi impedit similique vel eligendi ex quidem ea rem officiis praesentium dolores ipsa sit cumque eaque distinctio soluta qui dolore veniam accusamus facilis voluptas minus. Animi, sequi necessitatibus?
|
|
1426
|
+
Explicabo in nisi, id rerum omnis doloribus error! Delectus quasi consequuntur, adipisci tempore eaque, ad ipsa porro consectetur natus architecto iure aut aliquid tenetur totam unde illum saepe, ipsum deserunt!
|
|
1427
|
+
Dicta assumenda odit eius tempora illo veniam ea ab enim? Maxime suscipit quae quas sunt eveniet tempora nesciunt, itaque aliquam deserunt culpa eius enim asperiores eum beatae dolore modi sit.
|
|
1428
|
+
Exercitationem aliquid dicta dolorum sequi odit beatae vitae velit architecto, atque ratione quaerat distinctio eaque voluptatibus voluptate nihil, quibusdam porro, eveniet nostrum voluptas. Sed ex facere, illum dolorum soluta blanditiis.
|
|
1429
|
+
Est possimus reprehenderit fugit asperiores dolores deserunt officia quo, sed dignissimos at inventore nulla officiis quaerat? Quia quam consequuntur aliquid! Laborum suscipit voluptate quod et officia dicta voluptatum odio impedit.
|
|
1430
|
+
Voluptate blanditiis nobis cum non sunt nisi, magni dignissimos qui repellat facilis labore, commodi eveniet totam velit voluptatibus ipsa omnis delectus quod incidunt veniam. Quibusdam amet voluptatum eos reiciendis ullam!
|
|
1431
|
+
Eaque quas laudantium repudiandae quidem similique totam delectus fugit, iusto a vero molestias placeat nisi aspernatur corporis blanditiis excepturi. Illo inventore consectetur ullam magnam labore minus a ex laboriosam iusto.
|
|
1432
|
+
Mollitia deserunt modi neque asperiores temporibus cum quae numquam quidem! Quisquam sequi nisi sed accusamus velit consectetur omnis iusto. Laudantium omnis sunt eius laborum quia iusto minima excepturi officiis veniam.
|
|
1433
|
+
Laboriosam laborum praesentium sunt molestias. Consectetur, fugit laudantium. Facilis odit illum deserunt beatae at alias. Quaerat, quam facere quis, iure autem veniam maiores impedit ea rerum, totam officiis eveniet eum.
|
|
1434
|
+
Maxime, nostrum? Adipisci provident eius cupiditate necessitatibus similique debitis sed amet, suscipit doloribus dicta? Numquam optio mollitia facere eligendi, culpa quibusdam accusamus rerum minus iure, sequi, necessitatibus sunt quas ratione?
|
|
1435
|
+
Delectus, sit architecto ab labore temporibus sunt reiciendis nihil. Ea quaerat numquam molestiae, nostrum, similique adipisci molestias esse beatae incidunt vero ex tempora! Recusandae temporibus, vero saepe fugiat voluptatem asperior
|
|
1436
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est cupiditate temporibus quos officia, incidunt nesciunt dolorum eligendi, aspernatur voluptates sequi natus tempora autem molestias, illo reprehenderit mollitia. Voluptas, quaerat sequi?
|
|
1437
|
+
Magnam excepturi impedit odit consectetur quaerat, provident, quod facere, ipsa distinctio quae expedita! Doloribus adipisci harum dicta nulla commodi cum incidunt dignissimos? Id accusantium quos ullam placeat necessitatibus. Mollitia, debitis?
|
|
1438
|
+
Repudiandae odio alias odit vel voluptatibus officiis, quod praesentium adipisci, in optio voluptate magnam? Ab saepe maxime, corrupti dolore natus quis accusantium hic iste ullam harum repellat sint commodi cum?
|
|
1439
|
+
Vero et accusamus voluptatibus exercitationem, perspiciatis nisi tempora, autem consectetur deserunt ex fugiat cum iure sed dolore, perferendis eos quia voluptate. Ratione autem minus quas iure dicta doloribus ad nulla!
|
|
1440
|
+
Saepe, ipsum nisi impedit similique vel eligendi ex quidem ea rem officiis praesentium dolores ipsa sit cumque eaque distinctio soluta qui dolore veniam accusamus facilis voluptas minus. Animi, sequi necessitatibus?
|
|
1441
|
+
Explicabo in nisi, id rerum omnis doloribus error! Delectus quasi consequuntur, adipisci tempore eaque, ad ipsa porro consectetur natus architecto iure aut aliquid tenetur totam unde illum saepe, ipsum deserunt!
|
|
1442
|
+
Dicta assumenda odit eius tempora illo veniam ea ab enim? Maxime suscipit quae quas sunt eveniet tempora nesciunt, itaque aliquam deserunt culpa eius enim asperiores eum beatae dolore modi sit.
|
|
1443
|
+
Exercitationem aliquid dicta dolorum sequi odit beatae vitae velit architecto, atque ratione quaerat distinctio eaque voluptatibus voluptate nihil, quibusdam porro, eveniet nostrum voluptas. Sed ex facere, illum dolorum soluta blanditiis.
|
|
1444
|
+
Est possimus reprehenderit fugit asperiores dolores deserunt officia quo, sed dignissimos at inventore nulla officiis quaerat? Quia quam consequuntur aliquid! Laborum suscipit voluptate quod et officia dicta voluptatum odio impedit.
|
|
1445
|
+
Voluptate blanditiis nobis cum non sunt nisi, magni dignissimos qui repellat facilis labore, commodi eveniet totam velit voluptatibus ipsa omnis delectus quod incidunt veniam. Quibusdam amet voluptatum eos reiciendis ullam!
|
|
1446
|
+
Eaque quas laudantium repudiandae quidem similique totam delectus fugit, iusto a vero molestias placeat nisi aspernatur corporis blanditiis excepturi. Illo inventore consectetur ullam magnam labore minus a ex laboriosam iusto.
|
|
1447
|
+
Mollitia deserunt modi neque asperiores temporibus cum quae numquam quidem! Quisquam sequi nisi sed accusamus velit consectetur omnis iusto. Laudantium omnis sunt eius laborum quia iusto minima excepturi officiis veniam.
|
|
1448
|
+
Laboriosam laborum praesentium sunt molestias. Consectetur, fugit laudantium. Facilis odit illum deserunt beatae at alias. Quaerat, quam facere quis, iure autem veniam maiores impedit ea rerum, totam officiis eveniet eum.
|
|
1449
|
+
Maxime, nostrum? Adipisci provident eius cupiditate necessitatibus similique debitis sed amet, suscipit doloribus dicta? Numquam optio mollitia facere eligendi, culpa quibusdam accusamus rerum minus iure, sequi, necessitatibus sunt quas ratione?
|
|
1450
|
+
Delectus, sit architecto ab labore temporibus sunt reiciendis nihil. Ea quaerat numquam molestiae, nostrum, similique adipisci molestias esse beatae incidunt vero ex tempora! Recusandae temporibus, vero saepe fugiat voluptatem asperior
|
|
1451
|
+
</div>
|
|
1452
|
+
</main>
|
|
1453
|
+
`;
|
|
1454
|
+
|
|
1455
|
+
exports[`Storyshots a/Popover Bottom Right 1`] = `
|
|
1456
|
+
<main
|
|
1457
|
+
className="u1 ph-u"
|
|
1458
|
+
>
|
|
1459
|
+
<div>
|
|
1460
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est cupiditate temporibus quos officia, incidunt nesciunt dolorum eligendi, aspernatur voluptates sequi natus tempora autem molestias, illo reprehenderit mollitia. Voluptas, quaerat sequi?
|
|
1461
|
+
Magnam excepturi impedit odit consectetur quaerat, provident, quod facere, ipsa distinctio quae expedita! Doloribus adipisci harum dicta nulla commodi cum incidunt dignissimos? Id accusantium quos ullam placeat necessitatibus. Mollitia, debitis?
|
|
1462
|
+
Repudiandae odio alias odit vel voluptatibus officiis, quod praesentium adipisci, in optio voluptate magnam? Ab saepe maxime, corrupti dolore natus quis accusantium hic iste ullam harum repellat sint commodi cum?
|
|
1463
|
+
Vero et accusamus voluptatibus exercitationem, perspiciatis nisi tempora, autem consectetur deserunt ex fugiat cum iure sed dolore, perferendis eos quia voluptate. Ratione autem minus quas iure dicta doloribus ad nulla!
|
|
1464
|
+
Saepe, ipsum nisi impedit similique vel eligendi ex quidem ea rem officiis praesentium dolores ipsa sit cumque eaque distinctio soluta qui dolore veniam accusamus facilis voluptas minus. Animi, sequi necessitatibus?
|
|
1465
|
+
Explicabo in nisi, id rerum omnis doloribus error! Delectus quasi consequuntur, adipisci tempore eaque, ad ipsa porro consectetur natus architecto iure aut aliquid tenetur totam unde illum saepe, ipsum deserunt!
|
|
1466
|
+
Dicta assumenda odit eius tempora illo veniam ea ab enim? Maxime suscipit quae quas sunt eveniet tempora nesciunt, itaque aliquam deserunt culpa eius enim asperiores eum beatae dolore modi sit.
|
|
1467
|
+
Exercitationem aliquid dicta dolorum sequi odit beatae vitae velit architecto, atque ratione quaerat distinctio eaque voluptatibus voluptate nihil, quibusdam porro, eveniet nostrum voluptas. Sed ex facere, illum dolorum soluta blanditiis.
|
|
1468
|
+
Est possimus reprehenderit fugit asperiores dolores deserunt officia quo, sed dignissimos at inventore nulla officiis quaerat? Quia quam consequuntur aliquid! Laborum suscipit voluptate quod et officia dicta voluptatum odio impedit.
|
|
1469
|
+
Voluptate blanditiis nobis cum non sunt nisi, magni dignissimos qui repellat facilis labore, commodi eveniet totam velit voluptatibus ipsa omnis delectus quod incidunt veniam. Quibusdam amet voluptatum eos reiciendis ullam!
|
|
1470
|
+
Eaque quas laudantium repudiandae quidem similique totam delectus fugit, iusto a vero molestias placeat nisi aspernatur corporis blanditiis excepturi. Illo inventore consectetur ullam magnam labore minus a ex laboriosam iusto.
|
|
1471
|
+
Mollitia deserunt modi neque asperiores temporibus cum quae numquam quidem! Quisquam sequi nisi sed accusamus velit consectetur omnis iusto. Laudantium omnis sunt eius laborum quia iusto minima excepturi officiis veniam.
|
|
1472
|
+
Laboriosam laborum praesentium sunt molestias. Consectetur, fugit laudantium. Facilis odit illum deserunt beatae at alias. Quaerat, quam facere quis, iure autem veniam maiores impedit ea rerum, totam officiis eveniet eum.
|
|
1473
|
+
Maxime, nostrum? Adipisci provident eius cupiditate necessitatibus similique debitis sed amet, suscipit doloribus dicta? Numquam optio mollitia facere eligendi, culpa quibusdam accusamus rerum minus iure, sequi, necessitatibus sunt quas ratione?
|
|
1474
|
+
Delectus, sit architecto ab labore temporibus sunt reiciendis nihil. Ea quaerat numquam molestiae, nostrum, similique adipisci molestias esse beatae incidunt vero ex tempora! Recusandae temporibus, vero saepe fugiat voluptatem asperior
|
|
1475
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est cupiditate temporibus quos officia, incidunt nesciunt dolorum eligendi, aspernatur voluptates sequi natus tempora autem molestias, illo reprehenderit mollitia. Voluptas, quaerat sequi?
|
|
1476
|
+
Magnam excepturi impedit odit consectetur quaerat, provident, quod facere, ipsa distinctio quae expedita! Doloribus adipisci harum dicta nulla commodi cum incidunt dignissimos? Id accusantium quos ullam placeat necessitatibus. Mollitia, debitis?
|
|
1477
|
+
Repudiandae odio alias odit vel voluptatibus officiis, quod praesentium adipisci, in optio voluptate magnam? Ab saepe maxime, corrupti dolore natus quis accusantium hic iste ullam harum repellat sint commodi cum?
|
|
1478
|
+
Vero et accusamus voluptatibus exercitationem, perspiciatis nisi tempora, autem consectetur deserunt ex fugiat cum iure sed dolore, perferendis eos quia voluptate. Ratione autem minus quas iure dicta doloribus ad nulla!
|
|
1479
|
+
Saepe, ipsum nisi impedit similique vel eligendi ex quidem ea rem officiis praesentium dolores ipsa sit cumque eaque distinctio soluta qui dolore veniam accusamus facilis voluptas minus. Animi, sequi necessitatibus?
|
|
1480
|
+
Explicabo in nisi, id rerum omnis doloribus error! Delectus quasi consequuntur, adipisci tempore eaque, ad ipsa porro consectetur natus architecto iure aut aliquid tenetur totam unde illum saepe, ipsum deserunt!
|
|
1481
|
+
Dicta assumenda odit eius tempora illo veniam ea ab enim? Maxime suscipit quae quas sunt eveniet tempora nesciunt, itaque aliquam deserunt culpa eius enim asperiores eum beatae dolore modi sit.
|
|
1482
|
+
Exercitationem aliquid dicta dolorum sequi odit beatae vitae velit architecto, atque ratione quaerat distinctio eaque voluptatibus voluptate nihil, quibusdam porro, eveniet nostrum voluptas. Sed ex facere, illum dolorum soluta blanditiis.
|
|
1483
|
+
Est possimus reprehenderit fugit asperiores dolores deserunt officia quo, sed dignissimos at inventore nulla officiis quaerat? Quia quam consequuntur aliquid! Laborum suscipit voluptate quod et officia dicta voluptatum odio impedit.
|
|
1484
|
+
Voluptate blanditiis nobis cum non sunt nisi, magni dignissimos qui repellat facilis labore, commodi eveniet totam velit voluptatibus ipsa omnis delectus quod incidunt veniam. Quibusdam amet voluptatum eos reiciendis ullam!
|
|
1485
|
+
Eaque quas laudantium repudiandae quidem similique totam delectus fugit, iusto a vero molestias placeat nisi aspernatur corporis blanditiis excepturi. Illo inventore consectetur ullam magnam labore minus a ex laboriosam iusto.
|
|
1486
|
+
Mollitia deserunt modi neque asperiores temporibus cum quae numquam quidem! Quisquam sequi nisi sed accusamus velit consectetur omnis iusto. Laudantium omnis sunt eius laborum quia iusto minima excepturi officiis veniam.
|
|
1487
|
+
Laboriosam laborum praesentium sunt molestias. Consectetur, fugit laudantium. Facilis odit illum deserunt beatae at alias. Quaerat, quam facere quis, iure autem veniam maiores impedit ea rerum, totam officiis eveniet eum.
|
|
1488
|
+
Maxime, nostrum? Adipisci provident eius cupiditate necessitatibus similique debitis sed amet, suscipit doloribus dicta? Numquam optio mollitia facere eligendi, culpa quibusdam accusamus rerum minus iure, sequi, necessitatibus sunt quas ratione?
|
|
1489
|
+
Delectus, sit architecto ab labore temporibus sunt reiciendis nihil. Ea quaerat numquam molestiae, nostrum, similique adipisci molestias esse beatae incidunt vero ex tempora! Recusandae temporibus, vero saepe fugiat voluptatem asperior
|
|
1490
|
+
</div>
|
|
1491
|
+
<div
|
|
1492
|
+
style={
|
|
1493
|
+
Object {
|
|
1494
|
+
"margin": "0 auto",
|
|
1495
|
+
"position": "relative",
|
|
1496
|
+
"textAlign": "center",
|
|
1497
|
+
"width": "min-content",
|
|
1498
|
+
}
|
|
1499
|
+
}
|
|
1500
|
+
>
|
|
1501
|
+
<button
|
|
1502
|
+
onClick={[Function]}
|
|
1503
|
+
type="button"
|
|
1504
|
+
>
|
|
1505
|
+
Open Popover
|
|
1506
|
+
</button>
|
|
1507
|
+
<div
|
|
1508
|
+
className="base popover x-background1 bottom right"
|
|
1509
|
+
>
|
|
1510
|
+
<ul>
|
|
1511
|
+
<li>
|
|
1512
|
+
Company
|
|
1513
|
+
</li>
|
|
1514
|
+
<li>
|
|
1515
|
+
Pareto Engineers
|
|
1516
|
+
</li>
|
|
1517
|
+
<li>
|
|
1518
|
+
Pareto Core Team
|
|
1519
|
+
</li>
|
|
1520
|
+
</ul>
|
|
1521
|
+
</div>
|
|
1522
|
+
</div>
|
|
1523
|
+
<div>
|
|
1524
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est cupiditate temporibus quos officia, incidunt nesciunt dolorum eligendi, aspernatur voluptates sequi natus tempora autem molestias, illo reprehenderit mollitia. Voluptas, quaerat sequi?
|
|
1525
|
+
Magnam excepturi impedit odit consectetur quaerat, provident, quod facere, ipsa distinctio quae expedita! Doloribus adipisci harum dicta nulla commodi cum incidunt dignissimos? Id accusantium quos ullam placeat necessitatibus. Mollitia, debitis?
|
|
1526
|
+
Repudiandae odio alias odit vel voluptatibus officiis, quod praesentium adipisci, in optio voluptate magnam? Ab saepe maxime, corrupti dolore natus quis accusantium hic iste ullam harum repellat sint commodi cum?
|
|
1527
|
+
Vero et accusamus voluptatibus exercitationem, perspiciatis nisi tempora, autem consectetur deserunt ex fugiat cum iure sed dolore, perferendis eos quia voluptate. Ratione autem minus quas iure dicta doloribus ad nulla!
|
|
1528
|
+
Saepe, ipsum nisi impedit similique vel eligendi ex quidem ea rem officiis praesentium dolores ipsa sit cumque eaque distinctio soluta qui dolore veniam accusamus facilis voluptas minus. Animi, sequi necessitatibus?
|
|
1529
|
+
Explicabo in nisi, id rerum omnis doloribus error! Delectus quasi consequuntur, adipisci tempore eaque, ad ipsa porro consectetur natus architecto iure aut aliquid tenetur totam unde illum saepe, ipsum deserunt!
|
|
1530
|
+
Dicta assumenda odit eius tempora illo veniam ea ab enim? Maxime suscipit quae quas sunt eveniet tempora nesciunt, itaque aliquam deserunt culpa eius enim asperiores eum beatae dolore modi sit.
|
|
1531
|
+
Exercitationem aliquid dicta dolorum sequi odit beatae vitae velit architecto, atque ratione quaerat distinctio eaque voluptatibus voluptate nihil, quibusdam porro, eveniet nostrum voluptas. Sed ex facere, illum dolorum soluta blanditiis.
|
|
1532
|
+
Est possimus reprehenderit fugit asperiores dolores deserunt officia quo, sed dignissimos at inventore nulla officiis quaerat? Quia quam consequuntur aliquid! Laborum suscipit voluptate quod et officia dicta voluptatum odio impedit.
|
|
1533
|
+
Voluptate blanditiis nobis cum non sunt nisi, magni dignissimos qui repellat facilis labore, commodi eveniet totam velit voluptatibus ipsa omnis delectus quod incidunt veniam. Quibusdam amet voluptatum eos reiciendis ullam!
|
|
1534
|
+
Eaque quas laudantium repudiandae quidem similique totam delectus fugit, iusto a vero molestias placeat nisi aspernatur corporis blanditiis excepturi. Illo inventore consectetur ullam magnam labore minus a ex laboriosam iusto.
|
|
1535
|
+
Mollitia deserunt modi neque asperiores temporibus cum quae numquam quidem! Quisquam sequi nisi sed accusamus velit consectetur omnis iusto. Laudantium omnis sunt eius laborum quia iusto minima excepturi officiis veniam.
|
|
1536
|
+
Laboriosam laborum praesentium sunt molestias. Consectetur, fugit laudantium. Facilis odit illum deserunt beatae at alias. Quaerat, quam facere quis, iure autem veniam maiores impedit ea rerum, totam officiis eveniet eum.
|
|
1537
|
+
Maxime, nostrum? Adipisci provident eius cupiditate necessitatibus similique debitis sed amet, suscipit doloribus dicta? Numquam optio mollitia facere eligendi, culpa quibusdam accusamus rerum minus iure, sequi, necessitatibus sunt quas ratione?
|
|
1538
|
+
Delectus, sit architecto ab labore temporibus sunt reiciendis nihil. Ea quaerat numquam molestiae, nostrum, similique adipisci molestias esse beatae incidunt vero ex tempora! Recusandae temporibus, vero saepe fugiat voluptatem asperior
|
|
1539
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est cupiditate temporibus quos officia, incidunt nesciunt dolorum eligendi, aspernatur voluptates sequi natus tempora autem molestias, illo reprehenderit mollitia. Voluptas, quaerat sequi?
|
|
1540
|
+
Magnam excepturi impedit odit consectetur quaerat, provident, quod facere, ipsa distinctio quae expedita! Doloribus adipisci harum dicta nulla commodi cum incidunt dignissimos? Id accusantium quos ullam placeat necessitatibus. Mollitia, debitis?
|
|
1541
|
+
Repudiandae odio alias odit vel voluptatibus officiis, quod praesentium adipisci, in optio voluptate magnam? Ab saepe maxime, corrupti dolore natus quis accusantium hic iste ullam harum repellat sint commodi cum?
|
|
1542
|
+
Vero et accusamus voluptatibus exercitationem, perspiciatis nisi tempora, autem consectetur deserunt ex fugiat cum iure sed dolore, perferendis eos quia voluptate. Ratione autem minus quas iure dicta doloribus ad nulla!
|
|
1543
|
+
Saepe, ipsum nisi impedit similique vel eligendi ex quidem ea rem officiis praesentium dolores ipsa sit cumque eaque distinctio soluta qui dolore veniam accusamus facilis voluptas minus. Animi, sequi necessitatibus?
|
|
1544
|
+
Explicabo in nisi, id rerum omnis doloribus error! Delectus quasi consequuntur, adipisci tempore eaque, ad ipsa porro consectetur natus architecto iure aut aliquid tenetur totam unde illum saepe, ipsum deserunt!
|
|
1545
|
+
Dicta assumenda odit eius tempora illo veniam ea ab enim? Maxime suscipit quae quas sunt eveniet tempora nesciunt, itaque aliquam deserunt culpa eius enim asperiores eum beatae dolore modi sit.
|
|
1546
|
+
Exercitationem aliquid dicta dolorum sequi odit beatae vitae velit architecto, atque ratione quaerat distinctio eaque voluptatibus voluptate nihil, quibusdam porro, eveniet nostrum voluptas. Sed ex facere, illum dolorum soluta blanditiis.
|
|
1547
|
+
Est possimus reprehenderit fugit asperiores dolores deserunt officia quo, sed dignissimos at inventore nulla officiis quaerat? Quia quam consequuntur aliquid! Laborum suscipit voluptate quod et officia dicta voluptatum odio impedit.
|
|
1548
|
+
Voluptate blanditiis nobis cum non sunt nisi, magni dignissimos qui repellat facilis labore, commodi eveniet totam velit voluptatibus ipsa omnis delectus quod incidunt veniam. Quibusdam amet voluptatum eos reiciendis ullam!
|
|
1549
|
+
Eaque quas laudantium repudiandae quidem similique totam delectus fugit, iusto a vero molestias placeat nisi aspernatur corporis blanditiis excepturi. Illo inventore consectetur ullam magnam labore minus a ex laboriosam iusto.
|
|
1550
|
+
Mollitia deserunt modi neque asperiores temporibus cum quae numquam quidem! Quisquam sequi nisi sed accusamus velit consectetur omnis iusto. Laudantium omnis sunt eius laborum quia iusto minima excepturi officiis veniam.
|
|
1551
|
+
Laboriosam laborum praesentium sunt molestias. Consectetur, fugit laudantium. Facilis odit illum deserunt beatae at alias. Quaerat, quam facere quis, iure autem veniam maiores impedit ea rerum, totam officiis eveniet eum.
|
|
1552
|
+
Maxime, nostrum? Adipisci provident eius cupiditate necessitatibus similique debitis sed amet, suscipit doloribus dicta? Numquam optio mollitia facere eligendi, culpa quibusdam accusamus rerum minus iure, sequi, necessitatibus sunt quas ratione?
|
|
1553
|
+
Delectus, sit architecto ab labore temporibus sunt reiciendis nihil. Ea quaerat numquam molestiae, nostrum, similique adipisci molestias esse beatae incidunt vero ex tempora! Recusandae temporibus, vero saepe fugiat voluptatem asperior
|
|
1554
|
+
</div>
|
|
1555
|
+
</main>
|
|
1556
|
+
`;
|
|
1557
|
+
|
|
1558
|
+
exports[`Storyshots a/Popover Top Left 1`] = `
|
|
1559
|
+
<main
|
|
1560
|
+
className="u1 ph-u"
|
|
1561
|
+
>
|
|
1562
|
+
<div>
|
|
1563
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est cupiditate temporibus quos officia, incidunt nesciunt dolorum eligendi, aspernatur voluptates sequi natus tempora autem molestias, illo reprehenderit mollitia. Voluptas, quaerat sequi?
|
|
1564
|
+
Magnam excepturi impedit odit consectetur quaerat, provident, quod facere, ipsa distinctio quae expedita! Doloribus adipisci harum dicta nulla commodi cum incidunt dignissimos? Id accusantium quos ullam placeat necessitatibus. Mollitia, debitis?
|
|
1565
|
+
Repudiandae odio alias odit vel voluptatibus officiis, quod praesentium adipisci, in optio voluptate magnam? Ab saepe maxime, corrupti dolore natus quis accusantium hic iste ullam harum repellat sint commodi cum?
|
|
1566
|
+
Vero et accusamus voluptatibus exercitationem, perspiciatis nisi tempora, autem consectetur deserunt ex fugiat cum iure sed dolore, perferendis eos quia voluptate. Ratione autem minus quas iure dicta doloribus ad nulla!
|
|
1567
|
+
Saepe, ipsum nisi impedit similique vel eligendi ex quidem ea rem officiis praesentium dolores ipsa sit cumque eaque distinctio soluta qui dolore veniam accusamus facilis voluptas minus. Animi, sequi necessitatibus?
|
|
1568
|
+
Explicabo in nisi, id rerum omnis doloribus error! Delectus quasi consequuntur, adipisci tempore eaque, ad ipsa porro consectetur natus architecto iure aut aliquid tenetur totam unde illum saepe, ipsum deserunt!
|
|
1569
|
+
Dicta assumenda odit eius tempora illo veniam ea ab enim? Maxime suscipit quae quas sunt eveniet tempora nesciunt, itaque aliquam deserunt culpa eius enim asperiores eum beatae dolore modi sit.
|
|
1570
|
+
Exercitationem aliquid dicta dolorum sequi odit beatae vitae velit architecto, atque ratione quaerat distinctio eaque voluptatibus voluptate nihil, quibusdam porro, eveniet nostrum voluptas. Sed ex facere, illum dolorum soluta blanditiis.
|
|
1571
|
+
Est possimus reprehenderit fugit asperiores dolores deserunt officia quo, sed dignissimos at inventore nulla officiis quaerat? Quia quam consequuntur aliquid! Laborum suscipit voluptate quod et officia dicta voluptatum odio impedit.
|
|
1572
|
+
Voluptate blanditiis nobis cum non sunt nisi, magni dignissimos qui repellat facilis labore, commodi eveniet totam velit voluptatibus ipsa omnis delectus quod incidunt veniam. Quibusdam amet voluptatum eos reiciendis ullam!
|
|
1573
|
+
Eaque quas laudantium repudiandae quidem similique totam delectus fugit, iusto a vero molestias placeat nisi aspernatur corporis blanditiis excepturi. Illo inventore consectetur ullam magnam labore minus a ex laboriosam iusto.
|
|
1574
|
+
Mollitia deserunt modi neque asperiores temporibus cum quae numquam quidem! Quisquam sequi nisi sed accusamus velit consectetur omnis iusto. Laudantium omnis sunt eius laborum quia iusto minima excepturi officiis veniam.
|
|
1575
|
+
Laboriosam laborum praesentium sunt molestias. Consectetur, fugit laudantium. Facilis odit illum deserunt beatae at alias. Quaerat, quam facere quis, iure autem veniam maiores impedit ea rerum, totam officiis eveniet eum.
|
|
1576
|
+
Maxime, nostrum? Adipisci provident eius cupiditate necessitatibus similique debitis sed amet, suscipit doloribus dicta? Numquam optio mollitia facere eligendi, culpa quibusdam accusamus rerum minus iure, sequi, necessitatibus sunt quas ratione?
|
|
1577
|
+
Delectus, sit architecto ab labore temporibus sunt reiciendis nihil. Ea quaerat numquam molestiae, nostrum, similique adipisci molestias esse beatae incidunt vero ex tempora! Recusandae temporibus, vero saepe fugiat voluptatem asperior
|
|
1578
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est cupiditate temporibus quos officia, incidunt nesciunt dolorum eligendi, aspernatur voluptates sequi natus tempora autem molestias, illo reprehenderit mollitia. Voluptas, quaerat sequi?
|
|
1579
|
+
Magnam excepturi impedit odit consectetur quaerat, provident, quod facere, ipsa distinctio quae expedita! Doloribus adipisci harum dicta nulla commodi cum incidunt dignissimos? Id accusantium quos ullam placeat necessitatibus. Mollitia, debitis?
|
|
1580
|
+
Repudiandae odio alias odit vel voluptatibus officiis, quod praesentium adipisci, in optio voluptate magnam? Ab saepe maxime, corrupti dolore natus quis accusantium hic iste ullam harum repellat sint commodi cum?
|
|
1581
|
+
Vero et accusamus voluptatibus exercitationem, perspiciatis nisi tempora, autem consectetur deserunt ex fugiat cum iure sed dolore, perferendis eos quia voluptate. Ratione autem minus quas iure dicta doloribus ad nulla!
|
|
1582
|
+
Saepe, ipsum nisi impedit similique vel eligendi ex quidem ea rem officiis praesentium dolores ipsa sit cumque eaque distinctio soluta qui dolore veniam accusamus facilis voluptas minus. Animi, sequi necessitatibus?
|
|
1583
|
+
Explicabo in nisi, id rerum omnis doloribus error! Delectus quasi consequuntur, adipisci tempore eaque, ad ipsa porro consectetur natus architecto iure aut aliquid tenetur totam unde illum saepe, ipsum deserunt!
|
|
1584
|
+
Dicta assumenda odit eius tempora illo veniam ea ab enim? Maxime suscipit quae quas sunt eveniet tempora nesciunt, itaque aliquam deserunt culpa eius enim asperiores eum beatae dolore modi sit.
|
|
1585
|
+
Exercitationem aliquid dicta dolorum sequi odit beatae vitae velit architecto, atque ratione quaerat distinctio eaque voluptatibus voluptate nihil, quibusdam porro, eveniet nostrum voluptas. Sed ex facere, illum dolorum soluta blanditiis.
|
|
1586
|
+
Est possimus reprehenderit fugit asperiores dolores deserunt officia quo, sed dignissimos at inventore nulla officiis quaerat? Quia quam consequuntur aliquid! Laborum suscipit voluptate quod et officia dicta voluptatum odio impedit.
|
|
1587
|
+
Voluptate blanditiis nobis cum non sunt nisi, magni dignissimos qui repellat facilis labore, commodi eveniet totam velit voluptatibus ipsa omnis delectus quod incidunt veniam. Quibusdam amet voluptatum eos reiciendis ullam!
|
|
1588
|
+
Eaque quas laudantium repudiandae quidem similique totam delectus fugit, iusto a vero molestias placeat nisi aspernatur corporis blanditiis excepturi. Illo inventore consectetur ullam magnam labore minus a ex laboriosam iusto.
|
|
1589
|
+
Mollitia deserunt modi neque asperiores temporibus cum quae numquam quidem! Quisquam sequi nisi sed accusamus velit consectetur omnis iusto. Laudantium omnis sunt eius laborum quia iusto minima excepturi officiis veniam.
|
|
1590
|
+
Laboriosam laborum praesentium sunt molestias. Consectetur, fugit laudantium. Facilis odit illum deserunt beatae at alias. Quaerat, quam facere quis, iure autem veniam maiores impedit ea rerum, totam officiis eveniet eum.
|
|
1591
|
+
Maxime, nostrum? Adipisci provident eius cupiditate necessitatibus similique debitis sed amet, suscipit doloribus dicta? Numquam optio mollitia facere eligendi, culpa quibusdam accusamus rerum minus iure, sequi, necessitatibus sunt quas ratione?
|
|
1592
|
+
Delectus, sit architecto ab labore temporibus sunt reiciendis nihil. Ea quaerat numquam molestiae, nostrum, similique adipisci molestias esse beatae incidunt vero ex tempora! Recusandae temporibus, vero saepe fugiat voluptatem asperior
|
|
1593
|
+
</div>
|
|
1594
|
+
<div
|
|
1595
|
+
style={
|
|
1596
|
+
Object {
|
|
1597
|
+
"margin": "0 auto",
|
|
1598
|
+
"position": "relative",
|
|
1599
|
+
"textAlign": "center",
|
|
1600
|
+
"width": "min-content",
|
|
1601
|
+
}
|
|
1602
|
+
}
|
|
1603
|
+
>
|
|
1604
|
+
<button
|
|
1605
|
+
onClick={[Function]}
|
|
1606
|
+
type="button"
|
|
1607
|
+
>
|
|
1608
|
+
Open Popover
|
|
1609
|
+
</button>
|
|
1610
|
+
<div
|
|
1611
|
+
className="base popover x-background1 top left"
|
|
1612
|
+
>
|
|
1613
|
+
<ul>
|
|
1614
|
+
<li>
|
|
1615
|
+
Company
|
|
1616
|
+
</li>
|
|
1617
|
+
<li>
|
|
1618
|
+
Pareto Engineers
|
|
1619
|
+
</li>
|
|
1620
|
+
<li>
|
|
1621
|
+
Pareto Core Team
|
|
1622
|
+
</li>
|
|
1623
|
+
</ul>
|
|
1624
|
+
</div>
|
|
1625
|
+
</div>
|
|
1626
|
+
<div>
|
|
1627
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est cupiditate temporibus quos officia, incidunt nesciunt dolorum eligendi, aspernatur voluptates sequi natus tempora autem molestias, illo reprehenderit mollitia. Voluptas, quaerat sequi?
|
|
1628
|
+
Magnam excepturi impedit odit consectetur quaerat, provident, quod facere, ipsa distinctio quae expedita! Doloribus adipisci harum dicta nulla commodi cum incidunt dignissimos? Id accusantium quos ullam placeat necessitatibus. Mollitia, debitis?
|
|
1629
|
+
Repudiandae odio alias odit vel voluptatibus officiis, quod praesentium adipisci, in optio voluptate magnam? Ab saepe maxime, corrupti dolore natus quis accusantium hic iste ullam harum repellat sint commodi cum?
|
|
1630
|
+
Vero et accusamus voluptatibus exercitationem, perspiciatis nisi tempora, autem consectetur deserunt ex fugiat cum iure sed dolore, perferendis eos quia voluptate. Ratione autem minus quas iure dicta doloribus ad nulla!
|
|
1631
|
+
Saepe, ipsum nisi impedit similique vel eligendi ex quidem ea rem officiis praesentium dolores ipsa sit cumque eaque distinctio soluta qui dolore veniam accusamus facilis voluptas minus. Animi, sequi necessitatibus?
|
|
1632
|
+
Explicabo in nisi, id rerum omnis doloribus error! Delectus quasi consequuntur, adipisci tempore eaque, ad ipsa porro consectetur natus architecto iure aut aliquid tenetur totam unde illum saepe, ipsum deserunt!
|
|
1633
|
+
Dicta assumenda odit eius tempora illo veniam ea ab enim? Maxime suscipit quae quas sunt eveniet tempora nesciunt, itaque aliquam deserunt culpa eius enim asperiores eum beatae dolore modi sit.
|
|
1634
|
+
Exercitationem aliquid dicta dolorum sequi odit beatae vitae velit architecto, atque ratione quaerat distinctio eaque voluptatibus voluptate nihil, quibusdam porro, eveniet nostrum voluptas. Sed ex facere, illum dolorum soluta blanditiis.
|
|
1635
|
+
Est possimus reprehenderit fugit asperiores dolores deserunt officia quo, sed dignissimos at inventore nulla officiis quaerat? Quia quam consequuntur aliquid! Laborum suscipit voluptate quod et officia dicta voluptatum odio impedit.
|
|
1636
|
+
Voluptate blanditiis nobis cum non sunt nisi, magni dignissimos qui repellat facilis labore, commodi eveniet totam velit voluptatibus ipsa omnis delectus quod incidunt veniam. Quibusdam amet voluptatum eos reiciendis ullam!
|
|
1637
|
+
Eaque quas laudantium repudiandae quidem similique totam delectus fugit, iusto a vero molestias placeat nisi aspernatur corporis blanditiis excepturi. Illo inventore consectetur ullam magnam labore minus a ex laboriosam iusto.
|
|
1638
|
+
Mollitia deserunt modi neque asperiores temporibus cum quae numquam quidem! Quisquam sequi nisi sed accusamus velit consectetur omnis iusto. Laudantium omnis sunt eius laborum quia iusto minima excepturi officiis veniam.
|
|
1639
|
+
Laboriosam laborum praesentium sunt molestias. Consectetur, fugit laudantium. Facilis odit illum deserunt beatae at alias. Quaerat, quam facere quis, iure autem veniam maiores impedit ea rerum, totam officiis eveniet eum.
|
|
1640
|
+
Maxime, nostrum? Adipisci provident eius cupiditate necessitatibus similique debitis sed amet, suscipit doloribus dicta? Numquam optio mollitia facere eligendi, culpa quibusdam accusamus rerum minus iure, sequi, necessitatibus sunt quas ratione?
|
|
1641
|
+
Delectus, sit architecto ab labore temporibus sunt reiciendis nihil. Ea quaerat numquam molestiae, nostrum, similique adipisci molestias esse beatae incidunt vero ex tempora! Recusandae temporibus, vero saepe fugiat voluptatem asperior
|
|
1642
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est cupiditate temporibus quos officia, incidunt nesciunt dolorum eligendi, aspernatur voluptates sequi natus tempora autem molestias, illo reprehenderit mollitia. Voluptas, quaerat sequi?
|
|
1643
|
+
Magnam excepturi impedit odit consectetur quaerat, provident, quod facere, ipsa distinctio quae expedita! Doloribus adipisci harum dicta nulla commodi cum incidunt dignissimos? Id accusantium quos ullam placeat necessitatibus. Mollitia, debitis?
|
|
1644
|
+
Repudiandae odio alias odit vel voluptatibus officiis, quod praesentium adipisci, in optio voluptate magnam? Ab saepe maxime, corrupti dolore natus quis accusantium hic iste ullam harum repellat sint commodi cum?
|
|
1645
|
+
Vero et accusamus voluptatibus exercitationem, perspiciatis nisi tempora, autem consectetur deserunt ex fugiat cum iure sed dolore, perferendis eos quia voluptate. Ratione autem minus quas iure dicta doloribus ad nulla!
|
|
1646
|
+
Saepe, ipsum nisi impedit similique vel eligendi ex quidem ea rem officiis praesentium dolores ipsa sit cumque eaque distinctio soluta qui dolore veniam accusamus facilis voluptas minus. Animi, sequi necessitatibus?
|
|
1647
|
+
Explicabo in nisi, id rerum omnis doloribus error! Delectus quasi consequuntur, adipisci tempore eaque, ad ipsa porro consectetur natus architecto iure aut aliquid tenetur totam unde illum saepe, ipsum deserunt!
|
|
1648
|
+
Dicta assumenda odit eius tempora illo veniam ea ab enim? Maxime suscipit quae quas sunt eveniet tempora nesciunt, itaque aliquam deserunt culpa eius enim asperiores eum beatae dolore modi sit.
|
|
1649
|
+
Exercitationem aliquid dicta dolorum sequi odit beatae vitae velit architecto, atque ratione quaerat distinctio eaque voluptatibus voluptate nihil, quibusdam porro, eveniet nostrum voluptas. Sed ex facere, illum dolorum soluta blanditiis.
|
|
1650
|
+
Est possimus reprehenderit fugit asperiores dolores deserunt officia quo, sed dignissimos at inventore nulla officiis quaerat? Quia quam consequuntur aliquid! Laborum suscipit voluptate quod et officia dicta voluptatum odio impedit.
|
|
1651
|
+
Voluptate blanditiis nobis cum non sunt nisi, magni dignissimos qui repellat facilis labore, commodi eveniet totam velit voluptatibus ipsa omnis delectus quod incidunt veniam. Quibusdam amet voluptatum eos reiciendis ullam!
|
|
1652
|
+
Eaque quas laudantium repudiandae quidem similique totam delectus fugit, iusto a vero molestias placeat nisi aspernatur corporis blanditiis excepturi. Illo inventore consectetur ullam magnam labore minus a ex laboriosam iusto.
|
|
1653
|
+
Mollitia deserunt modi neque asperiores temporibus cum quae numquam quidem! Quisquam sequi nisi sed accusamus velit consectetur omnis iusto. Laudantium omnis sunt eius laborum quia iusto minima excepturi officiis veniam.
|
|
1654
|
+
Laboriosam laborum praesentium sunt molestias. Consectetur, fugit laudantium. Facilis odit illum deserunt beatae at alias. Quaerat, quam facere quis, iure autem veniam maiores impedit ea rerum, totam officiis eveniet eum.
|
|
1655
|
+
Maxime, nostrum? Adipisci provident eius cupiditate necessitatibus similique debitis sed amet, suscipit doloribus dicta? Numquam optio mollitia facere eligendi, culpa quibusdam accusamus rerum minus iure, sequi, necessitatibus sunt quas ratione?
|
|
1656
|
+
Delectus, sit architecto ab labore temporibus sunt reiciendis nihil. Ea quaerat numquam molestiae, nostrum, similique adipisci molestias esse beatae incidunt vero ex tempora! Recusandae temporibus, vero saepe fugiat voluptatem asperior
|
|
1657
|
+
</div>
|
|
1658
|
+
</main>
|
|
1659
|
+
`;
|
|
1660
|
+
|
|
1661
|
+
exports[`Storyshots a/Popover Top Right 1`] = `
|
|
1662
|
+
<main
|
|
1663
|
+
className="u1 ph-u"
|
|
1664
|
+
>
|
|
1665
|
+
<div>
|
|
1666
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est cupiditate temporibus quos officia, incidunt nesciunt dolorum eligendi, aspernatur voluptates sequi natus tempora autem molestias, illo reprehenderit mollitia. Voluptas, quaerat sequi?
|
|
1667
|
+
Magnam excepturi impedit odit consectetur quaerat, provident, quod facere, ipsa distinctio quae expedita! Doloribus adipisci harum dicta nulla commodi cum incidunt dignissimos? Id accusantium quos ullam placeat necessitatibus. Mollitia, debitis?
|
|
1668
|
+
Repudiandae odio alias odit vel voluptatibus officiis, quod praesentium adipisci, in optio voluptate magnam? Ab saepe maxime, corrupti dolore natus quis accusantium hic iste ullam harum repellat sint commodi cum?
|
|
1669
|
+
Vero et accusamus voluptatibus exercitationem, perspiciatis nisi tempora, autem consectetur deserunt ex fugiat cum iure sed dolore, perferendis eos quia voluptate. Ratione autem minus quas iure dicta doloribus ad nulla!
|
|
1670
|
+
Saepe, ipsum nisi impedit similique vel eligendi ex quidem ea rem officiis praesentium dolores ipsa sit cumque eaque distinctio soluta qui dolore veniam accusamus facilis voluptas minus. Animi, sequi necessitatibus?
|
|
1671
|
+
Explicabo in nisi, id rerum omnis doloribus error! Delectus quasi consequuntur, adipisci tempore eaque, ad ipsa porro consectetur natus architecto iure aut aliquid tenetur totam unde illum saepe, ipsum deserunt!
|
|
1672
|
+
Dicta assumenda odit eius tempora illo veniam ea ab enim? Maxime suscipit quae quas sunt eveniet tempora nesciunt, itaque aliquam deserunt culpa eius enim asperiores eum beatae dolore modi sit.
|
|
1673
|
+
Exercitationem aliquid dicta dolorum sequi odit beatae vitae velit architecto, atque ratione quaerat distinctio eaque voluptatibus voluptate nihil, quibusdam porro, eveniet nostrum voluptas. Sed ex facere, illum dolorum soluta blanditiis.
|
|
1674
|
+
Est possimus reprehenderit fugit asperiores dolores deserunt officia quo, sed dignissimos at inventore nulla officiis quaerat? Quia quam consequuntur aliquid! Laborum suscipit voluptate quod et officia dicta voluptatum odio impedit.
|
|
1675
|
+
Voluptate blanditiis nobis cum non sunt nisi, magni dignissimos qui repellat facilis labore, commodi eveniet totam velit voluptatibus ipsa omnis delectus quod incidunt veniam. Quibusdam amet voluptatum eos reiciendis ullam!
|
|
1676
|
+
Eaque quas laudantium repudiandae quidem similique totam delectus fugit, iusto a vero molestias placeat nisi aspernatur corporis blanditiis excepturi. Illo inventore consectetur ullam magnam labore minus a ex laboriosam iusto.
|
|
1677
|
+
Mollitia deserunt modi neque asperiores temporibus cum quae numquam quidem! Quisquam sequi nisi sed accusamus velit consectetur omnis iusto. Laudantium omnis sunt eius laborum quia iusto minima excepturi officiis veniam.
|
|
1678
|
+
Laboriosam laborum praesentium sunt molestias. Consectetur, fugit laudantium. Facilis odit illum deserunt beatae at alias. Quaerat, quam facere quis, iure autem veniam maiores impedit ea rerum, totam officiis eveniet eum.
|
|
1679
|
+
Maxime, nostrum? Adipisci provident eius cupiditate necessitatibus similique debitis sed amet, suscipit doloribus dicta? Numquam optio mollitia facere eligendi, culpa quibusdam accusamus rerum minus iure, sequi, necessitatibus sunt quas ratione?
|
|
1680
|
+
Delectus, sit architecto ab labore temporibus sunt reiciendis nihil. Ea quaerat numquam molestiae, nostrum, similique adipisci molestias esse beatae incidunt vero ex tempora! Recusandae temporibus, vero saepe fugiat voluptatem asperior
|
|
1681
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est cupiditate temporibus quos officia, incidunt nesciunt dolorum eligendi, aspernatur voluptates sequi natus tempora autem molestias, illo reprehenderit mollitia. Voluptas, quaerat sequi?
|
|
1682
|
+
Magnam excepturi impedit odit consectetur quaerat, provident, quod facere, ipsa distinctio quae expedita! Doloribus adipisci harum dicta nulla commodi cum incidunt dignissimos? Id accusantium quos ullam placeat necessitatibus. Mollitia, debitis?
|
|
1683
|
+
Repudiandae odio alias odit vel voluptatibus officiis, quod praesentium adipisci, in optio voluptate magnam? Ab saepe maxime, corrupti dolore natus quis accusantium hic iste ullam harum repellat sint commodi cum?
|
|
1684
|
+
Vero et accusamus voluptatibus exercitationem, perspiciatis nisi tempora, autem consectetur deserunt ex fugiat cum iure sed dolore, perferendis eos quia voluptate. Ratione autem minus quas iure dicta doloribus ad nulla!
|
|
1685
|
+
Saepe, ipsum nisi impedit similique vel eligendi ex quidem ea rem officiis praesentium dolores ipsa sit cumque eaque distinctio soluta qui dolore veniam accusamus facilis voluptas minus. Animi, sequi necessitatibus?
|
|
1686
|
+
Explicabo in nisi, id rerum omnis doloribus error! Delectus quasi consequuntur, adipisci tempore eaque, ad ipsa porro consectetur natus architecto iure aut aliquid tenetur totam unde illum saepe, ipsum deserunt!
|
|
1687
|
+
Dicta assumenda odit eius tempora illo veniam ea ab enim? Maxime suscipit quae quas sunt eveniet tempora nesciunt, itaque aliquam deserunt culpa eius enim asperiores eum beatae dolore modi sit.
|
|
1688
|
+
Exercitationem aliquid dicta dolorum sequi odit beatae vitae velit architecto, atque ratione quaerat distinctio eaque voluptatibus voluptate nihil, quibusdam porro, eveniet nostrum voluptas. Sed ex facere, illum dolorum soluta blanditiis.
|
|
1689
|
+
Est possimus reprehenderit fugit asperiores dolores deserunt officia quo, sed dignissimos at inventore nulla officiis quaerat? Quia quam consequuntur aliquid! Laborum suscipit voluptate quod et officia dicta voluptatum odio impedit.
|
|
1690
|
+
Voluptate blanditiis nobis cum non sunt nisi, magni dignissimos qui repellat facilis labore, commodi eveniet totam velit voluptatibus ipsa omnis delectus quod incidunt veniam. Quibusdam amet voluptatum eos reiciendis ullam!
|
|
1691
|
+
Eaque quas laudantium repudiandae quidem similique totam delectus fugit, iusto a vero molestias placeat nisi aspernatur corporis blanditiis excepturi. Illo inventore consectetur ullam magnam labore minus a ex laboriosam iusto.
|
|
1692
|
+
Mollitia deserunt modi neque asperiores temporibus cum quae numquam quidem! Quisquam sequi nisi sed accusamus velit consectetur omnis iusto. Laudantium omnis sunt eius laborum quia iusto minima excepturi officiis veniam.
|
|
1693
|
+
Laboriosam laborum praesentium sunt molestias. Consectetur, fugit laudantium. Facilis odit illum deserunt beatae at alias. Quaerat, quam facere quis, iure autem veniam maiores impedit ea rerum, totam officiis eveniet eum.
|
|
1694
|
+
Maxime, nostrum? Adipisci provident eius cupiditate necessitatibus similique debitis sed amet, suscipit doloribus dicta? Numquam optio mollitia facere eligendi, culpa quibusdam accusamus rerum minus iure, sequi, necessitatibus sunt quas ratione?
|
|
1695
|
+
Delectus, sit architecto ab labore temporibus sunt reiciendis nihil. Ea quaerat numquam molestiae, nostrum, similique adipisci molestias esse beatae incidunt vero ex tempora! Recusandae temporibus, vero saepe fugiat voluptatem asperior
|
|
1696
|
+
</div>
|
|
1697
|
+
<div
|
|
1698
|
+
style={
|
|
1699
|
+
Object {
|
|
1700
|
+
"margin": "0 auto",
|
|
1701
|
+
"position": "relative",
|
|
1702
|
+
"textAlign": "center",
|
|
1703
|
+
"width": "min-content",
|
|
1704
|
+
}
|
|
1705
|
+
}
|
|
1706
|
+
>
|
|
1707
|
+
<button
|
|
1708
|
+
onClick={[Function]}
|
|
1709
|
+
type="button"
|
|
1710
|
+
>
|
|
1711
|
+
Open Popover
|
|
1712
|
+
</button>
|
|
1713
|
+
<div
|
|
1714
|
+
className="base popover x-background1 top right"
|
|
1715
|
+
>
|
|
1716
|
+
<ul>
|
|
1717
|
+
<li>
|
|
1718
|
+
Company
|
|
1719
|
+
</li>
|
|
1720
|
+
<li>
|
|
1721
|
+
Pareto Engineers
|
|
1722
|
+
</li>
|
|
1723
|
+
<li>
|
|
1724
|
+
Pareto Core Team
|
|
1725
|
+
</li>
|
|
1726
|
+
</ul>
|
|
1727
|
+
</div>
|
|
1728
|
+
</div>
|
|
1729
|
+
<div>
|
|
1730
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est cupiditate temporibus quos officia, incidunt nesciunt dolorum eligendi, aspernatur voluptates sequi natus tempora autem molestias, illo reprehenderit mollitia. Voluptas, quaerat sequi?
|
|
1731
|
+
Magnam excepturi impedit odit consectetur quaerat, provident, quod facere, ipsa distinctio quae expedita! Doloribus adipisci harum dicta nulla commodi cum incidunt dignissimos? Id accusantium quos ullam placeat necessitatibus. Mollitia, debitis?
|
|
1732
|
+
Repudiandae odio alias odit vel voluptatibus officiis, quod praesentium adipisci, in optio voluptate magnam? Ab saepe maxime, corrupti dolore natus quis accusantium hic iste ullam harum repellat sint commodi cum?
|
|
1733
|
+
Vero et accusamus voluptatibus exercitationem, perspiciatis nisi tempora, autem consectetur deserunt ex fugiat cum iure sed dolore, perferendis eos quia voluptate. Ratione autem minus quas iure dicta doloribus ad nulla!
|
|
1734
|
+
Saepe, ipsum nisi impedit similique vel eligendi ex quidem ea rem officiis praesentium dolores ipsa sit cumque eaque distinctio soluta qui dolore veniam accusamus facilis voluptas minus. Animi, sequi necessitatibus?
|
|
1735
|
+
Explicabo in nisi, id rerum omnis doloribus error! Delectus quasi consequuntur, adipisci tempore eaque, ad ipsa porro consectetur natus architecto iure aut aliquid tenetur totam unde illum saepe, ipsum deserunt!
|
|
1736
|
+
Dicta assumenda odit eius tempora illo veniam ea ab enim? Maxime suscipit quae quas sunt eveniet tempora nesciunt, itaque aliquam deserunt culpa eius enim asperiores eum beatae dolore modi sit.
|
|
1737
|
+
Exercitationem aliquid dicta dolorum sequi odit beatae vitae velit architecto, atque ratione quaerat distinctio eaque voluptatibus voluptate nihil, quibusdam porro, eveniet nostrum voluptas. Sed ex facere, illum dolorum soluta blanditiis.
|
|
1738
|
+
Est possimus reprehenderit fugit asperiores dolores deserunt officia quo, sed dignissimos at inventore nulla officiis quaerat? Quia quam consequuntur aliquid! Laborum suscipit voluptate quod et officia dicta voluptatum odio impedit.
|
|
1739
|
+
Voluptate blanditiis nobis cum non sunt nisi, magni dignissimos qui repellat facilis labore, commodi eveniet totam velit voluptatibus ipsa omnis delectus quod incidunt veniam. Quibusdam amet voluptatum eos reiciendis ullam!
|
|
1740
|
+
Eaque quas laudantium repudiandae quidem similique totam delectus fugit, iusto a vero molestias placeat nisi aspernatur corporis blanditiis excepturi. Illo inventore consectetur ullam magnam labore minus a ex laboriosam iusto.
|
|
1741
|
+
Mollitia deserunt modi neque asperiores temporibus cum quae numquam quidem! Quisquam sequi nisi sed accusamus velit consectetur omnis iusto. Laudantium omnis sunt eius laborum quia iusto minima excepturi officiis veniam.
|
|
1742
|
+
Laboriosam laborum praesentium sunt molestias. Consectetur, fugit laudantium. Facilis odit illum deserunt beatae at alias. Quaerat, quam facere quis, iure autem veniam maiores impedit ea rerum, totam officiis eveniet eum.
|
|
1743
|
+
Maxime, nostrum? Adipisci provident eius cupiditate necessitatibus similique debitis sed amet, suscipit doloribus dicta? Numquam optio mollitia facere eligendi, culpa quibusdam accusamus rerum minus iure, sequi, necessitatibus sunt quas ratione?
|
|
1744
|
+
Delectus, sit architecto ab labore temporibus sunt reiciendis nihil. Ea quaerat numquam molestiae, nostrum, similique adipisci molestias esse beatae incidunt vero ex tempora! Recusandae temporibus, vero saepe fugiat voluptatem asperior
|
|
1745
|
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est cupiditate temporibus quos officia, incidunt nesciunt dolorum eligendi, aspernatur voluptates sequi natus tempora autem molestias, illo reprehenderit mollitia. Voluptas, quaerat sequi?
|
|
1746
|
+
Magnam excepturi impedit odit consectetur quaerat, provident, quod facere, ipsa distinctio quae expedita! Doloribus adipisci harum dicta nulla commodi cum incidunt dignissimos? Id accusantium quos ullam placeat necessitatibus. Mollitia, debitis?
|
|
1747
|
+
Repudiandae odio alias odit vel voluptatibus officiis, quod praesentium adipisci, in optio voluptate magnam? Ab saepe maxime, corrupti dolore natus quis accusantium hic iste ullam harum repellat sint commodi cum?
|
|
1748
|
+
Vero et accusamus voluptatibus exercitationem, perspiciatis nisi tempora, autem consectetur deserunt ex fugiat cum iure sed dolore, perferendis eos quia voluptate. Ratione autem minus quas iure dicta doloribus ad nulla!
|
|
1749
|
+
Saepe, ipsum nisi impedit similique vel eligendi ex quidem ea rem officiis praesentium dolores ipsa sit cumque eaque distinctio soluta qui dolore veniam accusamus facilis voluptas minus. Animi, sequi necessitatibus?
|
|
1750
|
+
Explicabo in nisi, id rerum omnis doloribus error! Delectus quasi consequuntur, adipisci tempore eaque, ad ipsa porro consectetur natus architecto iure aut aliquid tenetur totam unde illum saepe, ipsum deserunt!
|
|
1751
|
+
Dicta assumenda odit eius tempora illo veniam ea ab enim? Maxime suscipit quae quas sunt eveniet tempora nesciunt, itaque aliquam deserunt culpa eius enim asperiores eum beatae dolore modi sit.
|
|
1752
|
+
Exercitationem aliquid dicta dolorum sequi odit beatae vitae velit architecto, atque ratione quaerat distinctio eaque voluptatibus voluptate nihil, quibusdam porro, eveniet nostrum voluptas. Sed ex facere, illum dolorum soluta blanditiis.
|
|
1753
|
+
Est possimus reprehenderit fugit asperiores dolores deserunt officia quo, sed dignissimos at inventore nulla officiis quaerat? Quia quam consequuntur aliquid! Laborum suscipit voluptate quod et officia dicta voluptatum odio impedit.
|
|
1754
|
+
Voluptate blanditiis nobis cum non sunt nisi, magni dignissimos qui repellat facilis labore, commodi eveniet totam velit voluptatibus ipsa omnis delectus quod incidunt veniam. Quibusdam amet voluptatum eos reiciendis ullam!
|
|
1755
|
+
Eaque quas laudantium repudiandae quidem similique totam delectus fugit, iusto a vero molestias placeat nisi aspernatur corporis blanditiis excepturi. Illo inventore consectetur ullam magnam labore minus a ex laboriosam iusto.
|
|
1756
|
+
Mollitia deserunt modi neque asperiores temporibus cum quae numquam quidem! Quisquam sequi nisi sed accusamus velit consectetur omnis iusto. Laudantium omnis sunt eius laborum quia iusto minima excepturi officiis veniam.
|
|
1757
|
+
Laboriosam laborum praesentium sunt molestias. Consectetur, fugit laudantium. Facilis odit illum deserunt beatae at alias. Quaerat, quam facere quis, iure autem veniam maiores impedit ea rerum, totam officiis eveniet eum.
|
|
1758
|
+
Maxime, nostrum? Adipisci provident eius cupiditate necessitatibus similique debitis sed amet, suscipit doloribus dicta? Numquam optio mollitia facere eligendi, culpa quibusdam accusamus rerum minus iure, sequi, necessitatibus sunt quas ratione?
|
|
1759
|
+
Delectus, sit architecto ab labore temporibus sunt reiciendis nihil. Ea quaerat numquam molestiae, nostrum, similique adipisci molestias esse beatae incidunt vero ex tempora! Recusandae temporibus, vero saepe fugiat voluptatem asperior
|
|
1760
|
+
</div>
|
|
1761
|
+
</main>
|
|
1762
|
+
`;
|
|
1763
|
+
|
|
1352
1764
|
exports[`Storyshots a/ProgressBar Base 1`] = `
|
|
1353
1765
|
Array [
|
|
1354
1766
|
<div
|
|
@@ -2251,7 +2663,7 @@ exports[`Storyshots a/Timestamp Distance Format 1`] = `
|
|
|
2251
2663
|
className="base timestamp"
|
|
2252
2664
|
onClick={[Function]}
|
|
2253
2665
|
>
|
|
2254
|
-
in
|
|
2666
|
+
in 6 months
|
|
2255
2667
|
</p>
|
|
2256
2668
|
`;
|
|
2257
2669
|
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
/* @pareto-engineering/generator-front 1.0.12 */
|
|
2
|
+
import * as React from 'react'
|
|
3
|
+
|
|
4
|
+
import { useState, useRef } from 'react'
|
|
5
|
+
|
|
6
|
+
import { Popover } from 'ui'
|
|
7
|
+
|
|
8
|
+
import lorem from '../utils/lorem'
|
|
9
|
+
|
|
10
|
+
export default {
|
|
11
|
+
title :'a/Popover',
|
|
12
|
+
component :Popover,
|
|
13
|
+
// subcomponents:{
|
|
14
|
+
// Item :Popover.Item,
|
|
15
|
+
// },
|
|
16
|
+
decorators:[
|
|
17
|
+
// storyfn => <div className="">{ storyfn() }</div>,
|
|
18
|
+
],
|
|
19
|
+
argTypes:{
|
|
20
|
+
preferredPrimaryOrder:{
|
|
21
|
+
options:['bottom', 'top', 'left', 'right'],
|
|
22
|
+
control:{ type: 'object' },
|
|
23
|
+
},
|
|
24
|
+
preferredSecondaryOrder:{
|
|
25
|
+
options:['left', 'right'],
|
|
26
|
+
control:{ type: 'object' },
|
|
27
|
+
},
|
|
28
|
+
},
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
const Template = ({ ...props }) => {
|
|
32
|
+
const parentRef = useRef(null)
|
|
33
|
+
const [isOpen, setIsOpen] = useState(false)
|
|
34
|
+
|
|
35
|
+
const handleClick = () => {
|
|
36
|
+
setIsOpen(!isOpen)
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
return (
|
|
40
|
+
<main
|
|
41
|
+
className="u1 ph-u"
|
|
42
|
+
>
|
|
43
|
+
<div>
|
|
44
|
+
{lorem}
|
|
45
|
+
{lorem}
|
|
46
|
+
</div>
|
|
47
|
+
|
|
48
|
+
<div
|
|
49
|
+
style={{
|
|
50
|
+
position :'relative',
|
|
51
|
+
textAlign:'center',
|
|
52
|
+
width :'min-content',
|
|
53
|
+
margin :'0 auto',
|
|
54
|
+
}}
|
|
55
|
+
ref={parentRef}
|
|
56
|
+
>
|
|
57
|
+
<button
|
|
58
|
+
type="button"
|
|
59
|
+
onClick={handleClick}
|
|
60
|
+
>
|
|
61
|
+
{ isOpen ? 'Close Popover' : 'Open Popover'}
|
|
62
|
+
</button>
|
|
63
|
+
<Popover
|
|
64
|
+
isOpen={isOpen}
|
|
65
|
+
parentRef={parentRef}
|
|
66
|
+
{...props}
|
|
67
|
+
>
|
|
68
|
+
<ul>
|
|
69
|
+
<li>Company</li>
|
|
70
|
+
<li>Pareto Engineers</li>
|
|
71
|
+
<li>Pareto Core Team</li>
|
|
72
|
+
</ul>
|
|
73
|
+
</Popover>
|
|
74
|
+
</div>
|
|
75
|
+
|
|
76
|
+
<div>
|
|
77
|
+
{lorem}
|
|
78
|
+
{lorem}
|
|
79
|
+
</div>
|
|
80
|
+
</main>
|
|
81
|
+
)
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
export const BottomLeft = Template.bind({})
|
|
85
|
+
BottomLeft.args = {
|
|
86
|
+
preferredPrimaryOrder :['bottom', 'top', 'left', 'right'],
|
|
87
|
+
preferredSecondaryOrder:['left', 'right', 'bottom', 'top'],
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
export const BottomRight = Template.bind({})
|
|
91
|
+
BottomRight.args = {
|
|
92
|
+
preferredPrimaryOrder :['bottom', 'top', 'left', 'right'],
|
|
93
|
+
preferredSecondaryOrder:['right', 'left', 'bottom', 'top'],
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
export const TopLeft = Template.bind({})
|
|
97
|
+
TopLeft.args = {
|
|
98
|
+
preferredPrimaryOrder :['top', 'bottom', 'left', 'right'],
|
|
99
|
+
preferredSecondaryOrder:['left', 'right', 'top', 'bottom'],
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
export const TopRight = Template.bind({})
|
|
103
|
+
TopRight.args = {
|
|
104
|
+
preferredPrimaryOrder :['top', 'bottom', 'left', 'right'],
|
|
105
|
+
preferredSecondaryOrder:['right', 'left', 'top', 'bottom'],
|
|
106
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export default `Lorem ipsum dolor sit amet consectetur adipisicing elit. Est cupiditate temporibus quos officia, incidunt nesciunt dolorum eligendi, aspernatur voluptates sequi natus tempora autem molestias, illo reprehenderit mollitia. Voluptas, quaerat sequi?
|
|
2
|
+
Magnam excepturi impedit odit consectetur quaerat, provident, quod facere, ipsa distinctio quae expedita! Doloribus adipisci harum dicta nulla commodi cum incidunt dignissimos? Id accusantium quos ullam placeat necessitatibus. Mollitia, debitis?
|
|
3
|
+
Repudiandae odio alias odit vel voluptatibus officiis, quod praesentium adipisci, in optio voluptate magnam? Ab saepe maxime, corrupti dolore natus quis accusantium hic iste ullam harum repellat sint commodi cum?
|
|
4
|
+
Vero et accusamus voluptatibus exercitationem, perspiciatis nisi tempora, autem consectetur deserunt ex fugiat cum iure sed dolore, perferendis eos quia voluptate. Ratione autem minus quas iure dicta doloribus ad nulla!
|
|
5
|
+
Saepe, ipsum nisi impedit similique vel eligendi ex quidem ea rem officiis praesentium dolores ipsa sit cumque eaque distinctio soluta qui dolore veniam accusamus facilis voluptas minus. Animi, sequi necessitatibus?
|
|
6
|
+
Explicabo in nisi, id rerum omnis doloribus error! Delectus quasi consequuntur, adipisci tempore eaque, ad ipsa porro consectetur natus architecto iure aut aliquid tenetur totam unde illum saepe, ipsum deserunt!
|
|
7
|
+
Dicta assumenda odit eius tempora illo veniam ea ab enim? Maxime suscipit quae quas sunt eveniet tempora nesciunt, itaque aliquam deserunt culpa eius enim asperiores eum beatae dolore modi sit.
|
|
8
|
+
Exercitationem aliquid dicta dolorum sequi odit beatae vitae velit architecto, atque ratione quaerat distinctio eaque voluptatibus voluptate nihil, quibusdam porro, eveniet nostrum voluptas. Sed ex facere, illum dolorum soluta blanditiis.
|
|
9
|
+
Est possimus reprehenderit fugit asperiores dolores deserunt officia quo, sed dignissimos at inventore nulla officiis quaerat? Quia quam consequuntur aliquid! Laborum suscipit voluptate quod et officia dicta voluptatum odio impedit.
|
|
10
|
+
Voluptate blanditiis nobis cum non sunt nisi, magni dignissimos qui repellat facilis labore, commodi eveniet totam velit voluptatibus ipsa omnis delectus quod incidunt veniam. Quibusdam amet voluptatum eos reiciendis ullam!
|
|
11
|
+
Eaque quas laudantium repudiandae quidem similique totam delectus fugit, iusto a vero molestias placeat nisi aspernatur corporis blanditiis excepturi. Illo inventore consectetur ullam magnam labore minus a ex laboriosam iusto.
|
|
12
|
+
Mollitia deserunt modi neque asperiores temporibus cum quae numquam quidem! Quisquam sequi nisi sed accusamus velit consectetur omnis iusto. Laudantium omnis sunt eius laborum quia iusto minima excepturi officiis veniam.
|
|
13
|
+
Laboriosam laborum praesentium sunt molestias. Consectetur, fugit laudantium. Facilis odit illum deserunt beatae at alias. Quaerat, quam facere quis, iure autem veniam maiores impedit ea rerum, totam officiis eveniet eum.
|
|
14
|
+
Maxime, nostrum? Adipisci provident eius cupiditate necessitatibus similique debitis sed amet, suscipit doloribus dicta? Numquam optio mollitia facere eligendi, culpa quibusdam accusamus rerum minus iure, sequi, necessitatibus sunt quas ratione?
|
|
15
|
+
Delectus, sit architecto ab labore temporibus sunt reiciendis nihil. Ea quaerat numquam molestiae, nostrum, similique adipisci molestias esse beatae incidunt vero ex tempora! Recusandae temporibus, vero saepe fugiat voluptatem asperior`
|