trepur_components 1.0.5 → 1.0.7
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/src/lib/components/Accordion/Accordion.js +2 -3
- package/dist/src/lib/components/Accordion/Accordion.js.map +1 -1
- package/dist/src/lib/components/AlertBar/{index.d.ts → AlertBar.d.ts} +1 -1
- package/dist/src/lib/components/AlertBar/{index.js → AlertBar.js} +12 -12
- package/dist/src/lib/components/AlertBar/AlertBar.js.map +1 -0
- package/dist/src/lib/components/AlertBar/style.module.css +65 -0
- package/dist/src/lib/components/AlertBar/style.module.css.map +1 -0
- package/dist/src/lib/components/Breadcrumbs/{index.d.ts → Breadcrumbs.d.ts} +0 -0
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.js +21 -0
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
- package/dist/src/lib/components/Breadcrumbs/style.module.css +53 -0
- package/dist/src/lib/components/Breadcrumbs/style.module.css.map +1 -0
- package/dist/src/lib/components/BreadcrumbsBordered/{index.d.ts → BreadcrumbsBordered.d.ts} +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/{index.js → BreadcrumbsBordered.js} +5 -4
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.js.map +1 -0
- package/dist/src/lib/components/BreadcrumbsBordered/style.module.css +17 -0
- package/dist/src/lib/components/BreadcrumbsBordered/style.module.css.map +1 -0
- package/dist/src/lib/components/BreadcrumbsItem/{index.d.ts → BreadcrumbsItem.d.ts} +0 -0
- package/dist/src/lib/components/BreadcrumbsItem/{index.js → BreadcrumbsItem.js} +11 -16
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.js.map +1 -0
- package/dist/src/lib/components/BreadcrumbsItem/style.module.css +48 -0
- package/dist/src/lib/components/BreadcrumbsItem/style.module.css.map +1 -0
- package/dist/src/lib/components/Button/{index.d.ts → Button.d.ts} +0 -0
- package/dist/src/lib/components/Button/{index.js → Button.js} +17 -16
- package/dist/src/lib/components/Button/Button.js.map +1 -0
- package/dist/src/lib/components/Button/style.module.css +127 -0
- package/dist/src/lib/components/Button/style.module.css.map +1 -0
- package/dist/src/lib/components/Card/{index.d.ts → Card.d.ts} +2 -2
- package/dist/src/lib/components/Card/{index.js → Card.js} +31 -31
- package/dist/src/lib/components/Card/Card.js.map +1 -0
- package/dist/src/lib/components/Card/style.module.css +184 -0
- package/dist/src/lib/components/Card/style.module.css.map +1 -0
- package/dist/src/lib/components/CardWithTopImage/{index.d.ts → CardWithTopImage.d.ts} +1 -1
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.js +13 -0
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.js.map +1 -0
- package/dist/src/lib/components/CardWithTopImage/style.module.css +36 -0
- package/dist/src/lib/components/CardWithTopImage/style.module.css.map +1 -0
- package/dist/src/lib/components/Carousel/{index.d.ts → Carousel.d.ts} +1 -0
- package/dist/src/lib/components/Carousel/{index.js → Carousel.js} +12 -11
- package/dist/src/lib/components/Carousel/Carousel.js.map +1 -0
- package/dist/src/lib/components/Carousel/style.module.css +59 -0
- package/dist/src/lib/components/Carousel/style.module.css.map +1 -0
- package/dist/src/lib/components/Collapsible/{index.d.ts → Collapsible.d.ts} +1 -1
- package/dist/src/lib/components/Collapsible/{index.js → Collapsible.js} +16 -15
- package/dist/src/lib/components/Collapsible/Collapsible.js.map +1 -0
- package/dist/src/lib/components/Collapsible/style.module.css +122 -0
- package/dist/src/lib/components/Collapsible/style.module.css.map +1 -0
- package/dist/src/lib/components/Column/{index.d.ts → Column.d.ts} +0 -0
- package/dist/src/lib/components/Column/Column.js +84 -0
- package/dist/src/lib/components/Column/Column.js.map +1 -0
- package/dist/src/lib/components/Column/style.module.css +244 -0
- package/dist/src/lib/components/Column/style.module.css.map +1 -0
- package/dist/src/lib/components/Container/{index.d.ts → Container.d.ts} +0 -0
- package/dist/src/lib/components/Container/{index.js → Container.js} +3 -2
- package/dist/src/lib/components/Container/Container.js.map +1 -0
- package/dist/src/lib/components/Container/style.module.css +5 -0
- package/dist/src/lib/components/Container/style.module.css.map +1 -0
- package/dist/src/lib/components/{FooterBar/index.d.ts → Footer/Footer.d.ts} +3 -3
- package/dist/src/lib/components/Footer/Footer.js +14 -0
- package/dist/src/lib/components/Footer/Footer.js.map +1 -0
- package/dist/src/lib/components/Footer/style.module.css +89 -0
- package/dist/src/lib/components/Footer/style.module.css.map +1 -0
- package/dist/src/lib/components/Form/{index.d.ts → Form.d.ts} +3 -4
- package/dist/src/lib/components/Form/{index.js → Form.js} +6 -5
- package/dist/src/lib/components/Form/Form.js.map +1 -0
- package/dist/src/lib/components/Form/style.module.css +4 -0
- package/dist/src/lib/components/Form/style.module.css.map +1 -0
- package/dist/src/lib/components/FyreCard/{index.d.ts → FyreCard.d.ts} +1 -1
- package/dist/src/lib/components/FyreCard/{index.js → FyreCard.js} +8 -7
- package/dist/src/lib/components/FyreCard/FyreCard.js.map +1 -0
- package/dist/src/lib/components/FyreCard/style.module.css +37 -0
- package/dist/src/lib/components/FyreCard/style.module.css.map +1 -0
- package/dist/src/lib/components/Greeting/{index.d.ts → Greeting.d.ts} +0 -0
- package/dist/src/lib/components/Greeting/{index.js → Greeting.js} +2 -4
- package/dist/src/lib/components/Greeting/Greeting.js.map +1 -0
- package/dist/src/lib/components/HamburgerIcon/{index.d.ts → HamburgerIcon.d.ts} +0 -1
- package/dist/src/lib/components/HamburgerIcon/{index.js → HamburgerIcon.js} +13 -10
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.js.map +1 -0
- package/dist/src/lib/components/HamburgerIcon/style.module.css +90 -0
- package/dist/src/lib/components/HamburgerIcon/style.module.css.map +1 -0
- package/dist/src/lib/components/Icon/{index.d.ts → Icon.d.ts} +0 -0
- package/dist/src/lib/components/Icon/Icon.js +37 -0
- package/dist/src/lib/components/Icon/Icon.js.map +1 -0
- package/dist/src/lib/components/Icon/style.module.css +219 -0
- package/dist/src/lib/components/Icon/style.module.css.map +1 -0
- package/dist/src/lib/components/Image/{index.d.ts → Image.d.ts} +0 -0
- package/dist/src/lib/components/Image/{index.js → Image.js} +10 -10
- package/dist/src/lib/components/Image/Image.js.map +1 -0
- package/dist/src/lib/components/Image/style.module.css +70 -0
- package/dist/src/lib/components/Image/style.module.css.map +1 -0
- package/dist/src/lib/components/ImageLink/{index.d.ts → ImageLink.d.ts} +1 -1
- package/dist/src/lib/components/ImageLink/ImageLink.js +19 -0
- package/dist/src/lib/components/ImageLink/ImageLink.js.map +1 -0
- package/dist/src/lib/components/ImageLink/style.module.css +111 -0
- package/dist/src/lib/components/ImageLink/style.module.css.map +1 -0
- package/dist/src/lib/components/ImageLinkList/{index.d.ts → ImageLinkList.d.ts} +1 -1
- package/dist/src/lib/components/ImageLinkList/{index.js → ImageLinkList.js} +5 -4
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.js.map +1 -0
- package/dist/src/lib/components/ImageLinkList/style.module.css +14 -0
- package/dist/src/lib/components/ImageLinkList/style.module.css.map +1 -0
- package/dist/src/lib/components/InformationIcon/{index.d.ts → InformationIcon.d.ts} +1 -1
- package/dist/src/lib/components/InformationIcon/{index.js → InformationIcon.js} +7 -7
- package/dist/src/lib/components/InformationIcon/InformationIcon.js.map +1 -0
- package/dist/src/lib/components/InformationIcon/style.module.css +90 -0
- package/dist/src/lib/components/InformationIcon/style.module.css.map +1 -0
- package/dist/src/lib/components/Input/{index.d.ts → Input.d.ts} +0 -0
- package/dist/src/lib/components/Input/{index.js → Input.js} +9 -8
- package/dist/src/lib/components/Input/Input.js.map +1 -0
- package/dist/src/lib/components/Input/style.module.css +88 -0
- package/dist/src/lib/components/Input/style.module.css.map +1 -0
- package/dist/src/lib/components/Jumbotron/{index.d.ts → Jumbotron.d.ts} +0 -0
- package/dist/src/lib/components/Jumbotron/{index.js → Jumbotron.js} +3 -2
- package/dist/src/lib/components/Jumbotron/Jumbotron.js.map +1 -0
- package/dist/src/lib/components/Jumbotron/style.module.css +5 -0
- package/dist/src/lib/components/Jumbotron/style.module.css.map +1 -0
- package/dist/src/lib/components/Nav/{index.d.ts → Nav.d.ts} +1 -1
- package/dist/src/lib/components/Nav/Nav.js +62 -0
- package/dist/src/lib/components/Nav/Nav.js.map +1 -0
- package/dist/src/lib/components/Nav/style.module.css +299 -0
- package/dist/src/lib/components/Nav/style.module.css.map +1 -0
- package/dist/src/lib/components/NavItem/{index.d.ts → NavItem.d.ts} +0 -0
- package/dist/src/lib/components/NavItem/NavItem.js +22 -0
- package/dist/src/lib/components/NavItem/NavItem.js.map +1 -0
- package/dist/src/lib/components/NavItem/style.module.css +133 -0
- package/dist/src/lib/components/NavItem/style.module.css.map +1 -0
- package/dist/src/lib/components/NewsCard/{index.d.ts → NewsCard.d.ts} +2 -2
- package/dist/src/lib/components/NewsCard/{index.js → NewsCard.js} +9 -8
- package/dist/src/lib/components/NewsCard/NewsCard.js.map +1 -0
- package/dist/src/lib/components/NewsCard/style.module.css +34 -0
- package/dist/src/lib/components/NewsCard/style.module.css.map +1 -0
- package/dist/src/lib/components/Profile/{index.d.ts → Profile.d.ts} +1 -1
- package/dist/src/lib/components/Profile/Profile.js +36 -0
- package/dist/src/lib/components/Profile/Profile.js.map +1 -0
- package/dist/src/lib/components/Profile/style.module.css +110 -0
- package/dist/src/lib/components/Profile/style.module.css.map +1 -0
- package/dist/src/lib/components/Row/{index.d.ts → Row.d.ts} +0 -0
- package/dist/src/lib/components/Row/{index.js → Row.js} +3 -2
- package/dist/src/lib/components/Row/Row.js.map +1 -0
- package/dist/src/lib/components/Row/style.module.css +5 -0
- package/dist/src/lib/components/Row/style.module.css.map +1 -0
- package/dist/src/lib/components/Search/{index.d.ts → Search.d.ts} +1 -1
- package/dist/src/lib/components/Search/{index.js → Search.js} +11 -10
- package/dist/src/lib/components/Search/Search.js.map +1 -0
- package/dist/src/lib/components/Search/style.module.css +48 -0
- package/dist/src/lib/components/Search/style.module.css.map +1 -0
- package/dist/src/lib/components/SocialBlock/{index.d.ts → SocialBlock.d.ts} +1 -1
- package/dist/src/lib/components/SocialBlock/{index.js → SocialBlock.js} +14 -15
- package/dist/src/lib/components/SocialBlock/SocialBlock.js.map +1 -0
- package/dist/src/lib/components/SocialBlock/style.module.css +88 -0
- package/dist/src/lib/components/SocialBlock/style.module.css.map +1 -0
- package/dist/src/lib/components/StarRating/{index.d.ts → StarRating.d.ts} +0 -0
- package/dist/src/lib/components/StarRating/{index.js → StarRating.js} +6 -5
- package/dist/src/lib/components/StarRating/StarRating.js.map +1 -0
- package/dist/src/lib/components/StarRating/style.module.css +10 -0
- package/dist/src/lib/components/StarRating/style.module.css.map +1 -0
- package/dist/src/lib/components/Testimonial/{index.d.ts → Testimonial.d.ts} +1 -1
- package/dist/src/lib/components/Testimonial/{index.js → Testimonial.js} +7 -6
- package/dist/src/lib/components/Testimonial/Testimonial.js.map +1 -0
- package/dist/src/lib/components/Testimonial/style.module.css +38 -0
- package/dist/src/lib/components/Testimonial/style.module.css.map +1 -0
- package/dist/src/lib/components/TextAndTitle/{index.d.ts → TextAndTitle.d.ts} +1 -1
- package/dist/src/lib/components/TextAndTitle/{index.js → TextAndTitle.js} +20 -19
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js.map +1 -0
- package/dist/src/lib/components/TextAndTitle/style.module.css +106 -0
- package/dist/src/lib/components/TextAndTitle/style.module.css.map +1 -0
- package/dist/src/lib/components/TextArea/{index.d.ts → TextArea.d.ts} +0 -0
- package/dist/src/lib/components/TextArea/{index.js → TextArea.js} +8 -7
- package/dist/src/lib/components/TextArea/TextArea.js.map +1 -0
- package/dist/src/lib/components/TextArea/style.module.css +73 -0
- package/dist/src/lib/components/TextArea/style.module.css.map +1 -0
- package/dist/src/lib/components/Timeline/{index.d.ts → Timeline.d.ts} +0 -0
- package/dist/src/lib/components/Timeline/Timeline.js +127 -0
- package/dist/src/lib/components/Timeline/Timeline.js.map +1 -0
- package/dist/src/lib/components/Timeline/style.module.css +249 -0
- package/dist/src/lib/components/Timeline/style.module.css.map +1 -0
- package/dist/src/lib/components/Tubestops/{index.d.ts → Tubestops.d.ts} +0 -1
- package/dist/src/lib/components/Tubestops/Tubestops.js +38 -0
- package/dist/src/lib/components/Tubestops/Tubestops.js.map +1 -0
- package/dist/src/lib/components/Tubestops/style.module.css +952 -0
- package/dist/src/lib/components/Tubestops/style.module.css.map +1 -0
- package/dist/src/lib/components/UserIcon/{index.d.ts → UserIcon.d.ts} +1 -1
- package/dist/src/lib/components/UserIcon/{index.js → UserIcon.js} +8 -7
- package/dist/src/lib/components/UserIcon/UserIcon.js.map +1 -0
- package/dist/src/lib/components/UserIcon/style.module.css +42 -0
- package/dist/src/lib/components/UserIcon/style.module.css.map +1 -0
- package/dist/src/lib/components/Video/{index.d.ts → Video.d.ts} +0 -0
- package/dist/src/lib/components/Video/{index.js → Video.js} +1 -1
- package/dist/src/lib/components/Video/{index.js.map → Video.js.map} +1 -1
- package/dist/src/lib/index.d.ts +38 -38
- package/dist/src/lib/index.js +39 -41
- package/dist/src/lib/index.js.map +1 -1
- package/package.json +2 -6
- package/dist/src/lib/components/Accordion/style.module.css +0 -4
- package/dist/src/lib/components/Accordion/style.module.css.map +0 -1
- package/dist/src/lib/components/AlertBar/index.js.map +0 -1
- package/dist/src/lib/components/Breadcrumbs/index.js +0 -20
- package/dist/src/lib/components/Breadcrumbs/index.js.map +0 -1
- package/dist/src/lib/components/BreadcrumbsBordered/index.js.map +0 -1
- package/dist/src/lib/components/BreadcrumbsItem/index.js.map +0 -1
- package/dist/src/lib/components/Button/index.js.map +0 -1
- package/dist/src/lib/components/Card/index.js.map +0 -1
- package/dist/src/lib/components/CardWithTopImage/index.js +0 -15
- package/dist/src/lib/components/CardWithTopImage/index.js.map +0 -1
- package/dist/src/lib/components/Carousel/index.js.map +0 -1
- package/dist/src/lib/components/ChevronCard/index.d.ts +0 -7
- package/dist/src/lib/components/ChevronCard/index.js +0 -20
- package/dist/src/lib/components/ChevronCard/index.js.map +0 -1
- package/dist/src/lib/components/Collapsible/index.js.map +0 -1
- package/dist/src/lib/components/Column/index.js +0 -83
- package/dist/src/lib/components/Column/index.js.map +0 -1
- package/dist/src/lib/components/Container/index.js.map +0 -1
- package/dist/src/lib/components/FooterBar/index.js +0 -15
- package/dist/src/lib/components/FooterBar/index.js.map +0 -1
- package/dist/src/lib/components/Form/index.js.map +0 -1
- package/dist/src/lib/components/FyreCard/index.js.map +0 -1
- package/dist/src/lib/components/Greeting/index.js.map +0 -1
- package/dist/src/lib/components/HamburgerIcon/index.js.map +0 -1
- package/dist/src/lib/components/Icon/index.js +0 -56
- package/dist/src/lib/components/Icon/index.js.map +0 -1
- package/dist/src/lib/components/Image/index.js.map +0 -1
- package/dist/src/lib/components/ImageLink/index.js +0 -18
- package/dist/src/lib/components/ImageLink/index.js.map +0 -1
- package/dist/src/lib/components/ImageLinkList/index.js.map +0 -1
- package/dist/src/lib/components/InformationIcon/index.js.map +0 -1
- package/dist/src/lib/components/Input/index.js.map +0 -1
- package/dist/src/lib/components/Jumbotron/index.js.map +0 -1
- package/dist/src/lib/components/Nav/index.js +0 -65
- package/dist/src/lib/components/Nav/index.js.map +0 -1
- package/dist/src/lib/components/NavItem/index.js +0 -24
- package/dist/src/lib/components/NavItem/index.js.map +0 -1
- package/dist/src/lib/components/NewsCard/index.js.map +0 -1
- package/dist/src/lib/components/Profile/index.js +0 -36
- package/dist/src/lib/components/Profile/index.js.map +0 -1
- package/dist/src/lib/components/Row/index.js.map +0 -1
- package/dist/src/lib/components/Search/index.js.map +0 -1
- package/dist/src/lib/components/SocialBlock/index.js.map +0 -1
- package/dist/src/lib/components/StarRating/index.js.map +0 -1
- package/dist/src/lib/components/Testimonial/index.js.map +0 -1
- package/dist/src/lib/components/TextAndTitle/index.js.map +0 -1
- package/dist/src/lib/components/TextArea/index.js.map +0 -1
- package/dist/src/lib/components/Timeline/index.css +0 -135
- package/dist/src/lib/components/Timeline/index.css.map +0 -1
- package/dist/src/lib/components/Timeline/index.js +0 -208
- package/dist/src/lib/components/Timeline/index.js.map +0 -1
- package/dist/src/lib/components/Tubestops/index.css +0 -97
- package/dist/src/lib/components/Tubestops/index.css.map +0 -1
- package/dist/src/lib/components/Tubestops/index.js +0 -44
- package/dist/src/lib/components/Tubestops/index.js.map +0 -1
- package/dist/src/lib/components/UserIcon/index.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextAndTitle.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextAndTitle/TextAndTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,MAAM,yBAAyB,CAAA;AAC3C,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,QAAQ,MAAM,+BAA+B,CAAA;AACpD,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAyBtC,MAAM,YAAY,GAAoB,CAAC,EACrC,EAAE,EACF,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,WAAW,EACX,aAAa,EACb,KAAK,EACL,SAAS,EACT,UAAU,EACV,WAAW,EACX,eAAe,GAAG,KAAK,EACvB,MAAM,EACN,eAAe,EACf,iBAAiB,EACjB,YAAY,GAAG,IAAI,EACnB,QAAQ,EACF,EAAe,EAAE;IACvB,MAAM,aAAa,GAAG,CAAC,EAAU,EAAU,EAAE;QAC3C,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAA;QAC3C,MAAM,SAAS,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,MAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;QAChF,MAAM,UAAU,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACzF,MAAM,EAAE,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACnF,MAAM,EAAE,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACtF,MAAM,EAAE,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QAClF,MAAM,EAAE,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACrF,MAAM,EAAE,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QACpF,MAAM,MAAM,GAAG,SAAS,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAA;QAEvD,IAAI,YAAY,EAAE;YAChB,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,CAAA;SAC3C;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU,CAAC,CAAA;IACxC,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG;QAC3B,KAAK;QACL,WAAW;QACX,WAAW;QACX,aAAa;KACd,CAAA;IACD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAA;IAExE,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAA;IACpC,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,SAAS;QAC3B,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,WAAW;QAC/B,CAAC,aAAa,CAAC,EAAE,eAAe,IAAI,CAAC,eAAe;KACrD,EAAE,YAAY,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAEtC,MAAM,aAAa,GAAG,UAAU,CAAC;QAC/B,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,UAAU;QAC9B,CAAC,aAAa,CAAC,EAAE,eAAe,IAAI,CAAC,eAAe;KACrD,EAAE,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IAEpC,MAAM,eAAe,GAAG,GAAS,EAAE;QACjC,eAAe;YACP,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAA;IAC9C,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,GAAS,EAAE;QAClC,MAAM,GAAG,GAAG,EAAE,CAAA;QACd,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,CAAC,CAAA;QACtD,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,CAAC,WAAW,EAAE,CAAC,CAAA;QAClE,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,CAAC,WAAW,EAAE,CAAC,CAAA;QAClE,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,eAAe,EAAE,KAAK,EAAE,aAAa,CAAC,aAAa,EAAE,CAAC,CAAA;QACtE,eAAe,EAAE,CAAA;QACjB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,GAAG,EAAE,EAAE,CAAC,CAAA;IACnB,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,GAAS,EAAE;QACpC,OAAO,eAAe,EAAE,CAAA;IAC1B,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,CAAM,EAAQ,EAAE;QACpC,IAAI,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,CAAA;QACpB,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QAE5C,gBAAgB,iCACX,aAAa,KAChB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,IACpB,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,0BAA0B,CAAC,EAAE,YAAY;QAChD,CAAC,KAAK,CAAC,2BAA2B,CAAC,EAAE,eAAe,IAAI,CAAC,eAAe;KACzE,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAA;IAE1B,MAAM,qBAAqB,GAAG,UAAU,CAAC;QACvC,CAAC,KAAK,CAAC,+BAA+B,CAAC,EAAE,YAAY;KACtD,CAAC,CAAA;IAEF,MAAM,oBAAoB,GAAG,UAAU,CAAC;QACtC,CAAC,KAAK,CAAC,8BAA8B,CAAC,EAAE,YAAY;KACrD,CAAC,CAAA;IAEF,MAAM,cAAc,GAAG,UAAU,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAA;IAElE,MAAM,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,aAAa,CAAC,CAAA;IAEnD,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,IAEnB,eAAe,IAAI,eAAe;QACjC,CAAC,CAAC,CACA;YACE,6BAAK,SAAS,EAAE,gBAAgB;gBAC9B,6BAAK,SAAS,EAAE,qBAAqB,IAClC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,MAAK,SAAS;oBACjC,CAAC,CAAC,CACA,oBAAC,KAAK,IACJ,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EAAE,cAAc,EAC5B,SAAS,QACT,KAAK,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,EAC3B,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EACrC,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,MAAM,GACZ,CACD;oBACH,CAAC,CAAC,CACA,iCACG,QAAQ,CACL,CACL,CACD;gBACN,6BAAK,SAAS,EAAE,oBAAoB;oBAClC,oBAAC,QAAQ,IACP,SAAS,EAAE,eAAe,EAC1B,eAAe,EAAE,UAAU,CAAC;4BAC1B,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,YAAY;yBACjC,EAAE,gBAAgB,CAAC,EACpB,IAAI,EAAE,aAAa,CAAC,aAAa,CAAC,GAAG,CAAC,EACtC,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EACrC,KAAK,EAAC,MAAM,IAEX,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,CACP;oBACX,oBAAC,QAAQ,IACP,SAAS,EAAE,eAAe,EAC1B,eAAe,EAAE,UAAU,CAAC;4BAC1B,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,YAAY;yBACjC,EAAE,gBAAgB,CAAC,EACpB,IAAI,EAAE,aAAa,CAAC,aAAa,CAAC,EAClC,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EACrC,KAAK,EAAC,MAAM,IAEX,aAAa,CAAC,WAAW,CACjB;oBACX,oBAAC,QAAQ,IACP,SAAS,EAAE,eAAe,EAC1B,eAAe,EAAE,UAAU,CAAC;4BAC1B,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,YAAY;yBACjC,EAAE,gBAAgB,CAAC,EACpB,IAAI,EAAE,aAAa,CAAC,eAAe,CAAC,EACpC,QAAQ,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EACrC,KAAK,EAAC,MAAM,IAEX,aAAa,CAAC,aAAa,CACnB,CACP,CACF;YACN,oBAAC,MAAM,IACL,SAAS,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,SAAS,EACrC,OAAO,EAAE,gBAAgB,IAExB,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,QAAQ,CACnB;YACT,oBAAC,MAAM,IACL,SAAS,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,SAAS,EACvC,OAAO,EAAE,kBAAkB,IAE1B,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,QAAQ,CACrB,CACR,CACF;QACH,CAAC,CAAC,CACA,6BACE,SAAS,EAAE,gBAAgB,EAC3B,OAAO,EAAE,eAAe;YAExB,6BAAK,SAAS,EAAE,qBAAqB,IAClC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,MAAK,SAAS;gBACjC,CAAC,CAAC,CACA,4BAAI,SAAS,EAAE,cAAc,IAC1B,aAAa,CAAC,KAAK,CACjB,CACJ;gBACH,CAAC,CAAC,CACE,QAAQ,CACT,CACD;YACN,6BAAK,SAAS,EAAE,oBAAoB;gBACjC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,MAAK,SAAS;oBACjC,CAAC,CAAC,CACA,4BAAI,EAAE,EAAC,OAAO,EAAC,SAAS,EAAE,cAAc,IACrC,aAAa,CAAC,KAAK,CACjB,CACJ;oBACH,CAAC,CAAC,CACA,6BAAK,EAAE,EAAC,aAAa,EAAC,SAAS,EAAE,aAAa,IAC3C,aAAa,CAAC,WAAW,CACtB,CACL;gBACL,6BAAK,EAAE,EAAC,aAAa,EAAC,SAAS,EAAE,aAAa,IAC3C,aAAa,CAAC,WAAW,CACtB;gBACN,6BAAK,EAAE,EAAC,eAAe,EAAC,SAAS,EAAE,aAAa,IAC7C,aAAa,CAAC,aAAa,CACxB,CACF,CACF,CACL,CACD,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
.classList {
|
|
2
|
+
|
|
3
|
+
--tw-bg-opacity: 1;
|
|
4
|
+
|
|
5
|
+
background-color: rgb(0 54 160 / var(--tw-bg-opacity));
|
|
6
|
+
|
|
7
|
+
--tw-text-opacity: 1;
|
|
8
|
+
|
|
9
|
+
color: rgb(255 255 255 / var(--tw-text-opacity))
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.bordered {
|
|
13
|
+
|
|
14
|
+
border-width: 4px;
|
|
15
|
+
|
|
16
|
+
border-color: transparent
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.fontBold {
|
|
20
|
+
|
|
21
|
+
font-weight: 700
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.textCenter {
|
|
25
|
+
|
|
26
|
+
text-align: center
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.titleClassList {
|
|
30
|
+
|
|
31
|
+
overflow-wrap: break-word;
|
|
32
|
+
|
|
33
|
+
font-size: 32px
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.textClassList {
|
|
37
|
+
|
|
38
|
+
margin-top: 0.5rem;
|
|
39
|
+
|
|
40
|
+
padding-top: 0.5rem
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.wrapperClassList {
|
|
44
|
+
|
|
45
|
+
border-width: 2px;
|
|
46
|
+
|
|
47
|
+
border-color: transparent
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.horizontalWrapperClassList {
|
|
51
|
+
|
|
52
|
+
display: flex;
|
|
53
|
+
|
|
54
|
+
flex-wrap: wrap;
|
|
55
|
+
|
|
56
|
+
justify-content: center
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
@media (min-width: 768px) {
|
|
60
|
+
|
|
61
|
+
.horizontalWrapperClassList {
|
|
62
|
+
|
|
63
|
+
align-items: center
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.liveUpdatesWrapperClassList:hover {
|
|
68
|
+
|
|
69
|
+
border-width: 4px;
|
|
70
|
+
|
|
71
|
+
border-style: dashed;
|
|
72
|
+
|
|
73
|
+
--tw-border-opacity: 1;
|
|
74
|
+
|
|
75
|
+
border-color: rgb(255 255 255 / var(--tw-border-opacity))
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
@media (min-width: 768px) {
|
|
79
|
+
|
|
80
|
+
.horizontalTextWrapperClassList {
|
|
81
|
+
|
|
82
|
+
width: 50%;
|
|
83
|
+
|
|
84
|
+
padding-top: 2rem;
|
|
85
|
+
|
|
86
|
+
padding-bottom: 2rem;
|
|
87
|
+
|
|
88
|
+
padding-left: 2rem;
|
|
89
|
+
|
|
90
|
+
padding-right: 2rem;
|
|
91
|
+
|
|
92
|
+
text-align: center
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.horizontalTitleWrapperClassList {
|
|
96
|
+
|
|
97
|
+
width: 50%;
|
|
98
|
+
|
|
99
|
+
padding-left: 2rem;
|
|
100
|
+
|
|
101
|
+
padding-right: 2rem;
|
|
102
|
+
|
|
103
|
+
text-align: center
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/TextAndTitle/style.module.css"],"names":[],"mappings":"AACI;;IAAA,kBAA4B;;IAA5B,sDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,iBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA;AAAgB;;AAIhB;;IAAA;AAAkB;;AAIlB;;IAAA,yBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,iBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,aAAoD;;IAApD,eAAoD;;IAApD;AAAoD;;AAApD;;IAAA;;QAAA;IAAoD;AAAA;;AAIpD;;IAAA,iBAA0C;;IAA1C,oBAA0C;;IAA1C,sBAA0C;;IAA1C;AAA0C;;AAI1C;;IAAA;;QAAA,UAA8C;;QAA9C,iBAA8C;;QAA9C,oBAA8C;;QAA9C,kBAA8C;;QAA9C,mBAA8C;;QAA9C;IAA8C;;IAI9C;;QAAA,UAAsC;;QAAtC,kBAAsC;;QAAtC,mBAAsC;;QAAtC;IAAsC;AAJQ","file":"style.module.css","sourcesContent":[".classList {\n @apply bg-primary text-white;\n}\n\n.bordered {\n @apply border-4 border-transparent;\n}\n\n.fontBold {\n @apply font-bold;\n}\n\n.textCenter {\n @apply text-center;\n}\n\n.titleClassList {\n @apply text-md break-words;\n}\n\n.textClassList {\n @apply pt-2 mt-2;\n}\n\n.wrapperClassList {\n @apply border-2 border-transparent;\n}\n\n.horizontalWrapperClassList {\n @apply flex flex-wrap justify-center md:items-center;\n}\n\n.liveUpdatesWrapperClassList:hover {\n @apply border-white border-4 border-dashed;\n}\n\n.horizontalTextWrapperClassList {\n @apply md:w-1/2 md:text-center md:py-8 md:px-8;\n}\n\n.horizontalTitleWrapperClassList {\n @apply md:w-1/2 md:text-center md:px-8;\n}"]}
|
|
File without changes
|
|
@@ -1,19 +1,20 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
+
import style from './style.module.css';
|
|
3
4
|
const TextArea = ({ id, className, labelClasses, textAreaClasses, label, placeholder, bold, name, disabled, rows, cols, autoFocus, formId, maxLength, readOnly, required, onBlur, onFocus, onChange, withPadding, children, theme = 'light' }) => {
|
|
4
|
-
const colours = theme === 'dark' ?
|
|
5
|
-
const classList = classNames(className, colours,
|
|
5
|
+
const colours = theme === 'dark' ? style.dark : style.light;
|
|
6
|
+
const classList = classNames(className, colours, style.classList);
|
|
6
7
|
const newId = id !== undefined ? `-${id}` : '-';
|
|
7
8
|
const labelClassList = classNames({
|
|
8
|
-
|
|
9
|
-
}, labelClasses,
|
|
9
|
+
[style.bold]: bold
|
|
10
|
+
}, labelClasses, style.labelClassList);
|
|
10
11
|
const textAreaClassList = classNames({
|
|
11
|
-
|
|
12
|
-
}, textAreaClasses, colours,
|
|
12
|
+
[style.padding]: withPadding
|
|
13
|
+
}, textAreaClasses, colours, style.textAreaClassList);
|
|
13
14
|
return (React.createElement("div", { id: id, className: classList },
|
|
14
15
|
label !== undefined &&
|
|
15
16
|
React.createElement("label", { className: labelClassList, htmlFor: `text-area${newId}` }, label),
|
|
16
17
|
React.createElement("textarea", { className: textAreaClassList, autoFocus: autoFocus, form: formId, maxLength: maxLength, readOnly: readOnly, required: required, disabled: disabled, rows: rows, cols: cols, name: name, placeholder: placeholder, onChange: onChange, onFocus: onFocus, onBlur: onBlur, defaultValue: children })));
|
|
17
18
|
};
|
|
18
19
|
export default TextArea;
|
|
19
|
-
//# sourceMappingURL=
|
|
20
|
+
//# sourceMappingURL=TextArea.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AA2BtC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,YAAY,EACZ,eAAe,EACf,KAAK,EACL,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,GAAG,OAAO,EACT,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAA;IAC3D,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IACjE,MAAM,KAAK,GAAG,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAA;IAE/C,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI;KACnB,EAAE,YAAY,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAEtC,MAAM,iBAAiB,GAAG,UAAU,CAAC;QACnC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,WAAW;KAC7B,EAAE,eAAe,EAAE,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAA;IAErD,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEnB,KAAK,KAAK,SAAS;YAClB,+BACE,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,YAAY,KAAK,EAAE,IAE3B,KAAK,CACA;QACV,kCACE,SAAS,EAAE,iBAAiB,EAC5B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,QAAQ,GACtB,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
.classList {
|
|
2
|
+
|
|
3
|
+
display: flex;
|
|
4
|
+
|
|
5
|
+
flex-direction: column
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.bold {
|
|
9
|
+
|
|
10
|
+
font-weight: 700
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.dark {
|
|
14
|
+
|
|
15
|
+
--tw-border-opacity: 1;
|
|
16
|
+
|
|
17
|
+
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
|
18
|
+
|
|
19
|
+
--tw-bg-opacity: 1;
|
|
20
|
+
|
|
21
|
+
background-color: rgb(0 54 160 / var(--tw-bg-opacity));
|
|
22
|
+
|
|
23
|
+
--tw-text-opacity: 1;
|
|
24
|
+
|
|
25
|
+
color: rgb(255 255 255 / var(--tw-text-opacity))
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.dark::placeholder {
|
|
29
|
+
|
|
30
|
+
--tw-placeholder-opacity: 1;
|
|
31
|
+
|
|
32
|
+
color: rgb(255 255 255 / var(--tw-placeholder-opacity))
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.light {
|
|
36
|
+
|
|
37
|
+
--tw-bg-opacity: 1;
|
|
38
|
+
|
|
39
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
40
|
+
|
|
41
|
+
--tw-text-opacity: 1;
|
|
42
|
+
|
|
43
|
+
color: rgb(0 54 160 / var(--tw-text-opacity))
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.light::placeholder {
|
|
47
|
+
|
|
48
|
+
--tw-placeholder-opacity: 1;
|
|
49
|
+
|
|
50
|
+
color: rgb(0 54 160 / var(--tw-placeholder-opacity))
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.labelClassList {
|
|
54
|
+
|
|
55
|
+
width: auto;
|
|
56
|
+
|
|
57
|
+
padding-bottom: 0.5rem
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.textAreaClassList {
|
|
61
|
+
|
|
62
|
+
margin-bottom: 0.5rem;
|
|
63
|
+
|
|
64
|
+
border-radius: 0.375rem;
|
|
65
|
+
|
|
66
|
+
border-width: 1px
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.padding {
|
|
70
|
+
|
|
71
|
+
padding: 0.5rem
|
|
72
|
+
}
|
|
73
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/TextArea/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAoB;;IAApB;AAAoB;;AAIpB;;IAAA;AAAgB;;AAIhB;;IAAA,sBAA2D;;IAA3D,yDAA2D;;IAA3D,kBAA2D;;IAA3D,sDAA2D;;IAA3D,oBAA2D;;IAA3D;AAA2D;;AAA3D;;IAAA,2BAA2D;;IAA3D;AAA2D;;AAI3D;;IAAA,kBAAgD;;IAAhD,yDAAgD;;IAAhD,oBAAgD;;IAAhD;AAAgD;;AAAhD;;IAAA,2BAAgD;;IAAhD;AAAgD;;AAIhD;;IAAA,WAAkB;;IAAlB;AAAkB;;AAIlB;;IAAA,qBAA6B;;IAA7B,uBAA6B;;IAA7B;AAA6B;;AAI7B;;IAAA;AAAU","file":"style.module.css","sourcesContent":[".classList {\n @apply flex flex-col;\n}\n\n.bold {\n @apply font-bold;\n}\n\n.dark {\n @apply placeholder-white bg-primary text-white border-white;\n}\n\n.light {\n @apply placeholder-primary bg-white text-primary;\n}\n\n.labelClassList {\n @apply w-auto pb-2;\n}\n\n.textAreaClassList {\n @apply border rounded-md mb-2;\n}\n\n.padding {\n @apply p-2;\n}"]}
|
|
File without changes
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import Image from '../Image/Image';
|
|
4
|
+
import Column from '../Column/Column';
|
|
5
|
+
import Row from '../Row/Row';
|
|
6
|
+
import style from './style.module.css';
|
|
7
|
+
const Timeline = ({ id, className, isHorizontal = false, items, reverse = false, textCenter, useImages = true, horizontalComponentClasses, isSm = false }) => {
|
|
8
|
+
const classList = classNames(className, style.classList);
|
|
9
|
+
const ulClasses = classNames({
|
|
10
|
+
[`${style.ulHorizontal} none-reverse`]: !reverse && isHorizontal,
|
|
11
|
+
[`${style.ul} none-reverse`]: !reverse && !isHorizontal,
|
|
12
|
+
[`${style.ulHorizontalReverse} reverse`]: reverse && isHorizontal,
|
|
13
|
+
[`${style.ulVerticalReverse} reverse`]: reverse && !isHorizontal
|
|
14
|
+
}, className, style.ulClassList, 'status-flow timeline');
|
|
15
|
+
const liClasses = classNames({
|
|
16
|
+
[style.textCenter]: textCenter,
|
|
17
|
+
[style.liHorizontal]: !reverse && isHorizontal,
|
|
18
|
+
[`${style.li} none-reverse`]: !reverse && !isHorizontal,
|
|
19
|
+
[style.liHorizontalReverse]: reverse && isHorizontal,
|
|
20
|
+
[style.liVerticalReverse]: reverse && !isHorizontal
|
|
21
|
+
}, style.liClassList, 'status-flow-item');
|
|
22
|
+
const circle = classNames({
|
|
23
|
+
'horizontal collapse': isHorizontal && isSm,
|
|
24
|
+
horizontal: isHorizontal && !isSm,
|
|
25
|
+
vertical: !isHorizontal
|
|
26
|
+
}, style.circle);
|
|
27
|
+
return (React.createElement(Column, { sm: 12, md: 12, lg: 12, xl: 12, id: id, className: classList },
|
|
28
|
+
React.createElement("div", { className: ulClasses }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
|
|
29
|
+
let before;
|
|
30
|
+
if (i % 2 === 0) {
|
|
31
|
+
before = true;
|
|
32
|
+
}
|
|
33
|
+
else {
|
|
34
|
+
before = false;
|
|
35
|
+
}
|
|
36
|
+
let circlePos;
|
|
37
|
+
if (items.length - 1 > 0) {
|
|
38
|
+
if (i === 0)
|
|
39
|
+
circlePos = 'first-circle';
|
|
40
|
+
else if (i === items.length - 1)
|
|
41
|
+
circlePos = 'last-circle';
|
|
42
|
+
else
|
|
43
|
+
circlePos = 'circle';
|
|
44
|
+
}
|
|
45
|
+
let verticalCircleStylesBefore;
|
|
46
|
+
if (circlePos === 'circle' && isSm) {
|
|
47
|
+
verticalCircleStylesBefore = style.circleVerticalCollapseBefore;
|
|
48
|
+
}
|
|
49
|
+
else if (circlePos === 'circle' && !isSm) {
|
|
50
|
+
verticalCircleStylesBefore = style.circleVerticalBefore;
|
|
51
|
+
}
|
|
52
|
+
else if (circlePos === 'last-circle' && isSm) {
|
|
53
|
+
verticalCircleStylesBefore = style.lastCircleVerticalCollapseBefore;
|
|
54
|
+
}
|
|
55
|
+
else if (circlePos === 'last-circle' && !isSm) {
|
|
56
|
+
verticalCircleStylesBefore = style.lastCircleVerticalBefore;
|
|
57
|
+
}
|
|
58
|
+
let verticalCircleStylesAfter;
|
|
59
|
+
if (circlePos === 'circle' && isSm) {
|
|
60
|
+
verticalCircleStylesAfter = style.circleVerticalCollapseAfter;
|
|
61
|
+
}
|
|
62
|
+
else if (circlePos === 'circle' && !isSm) {
|
|
63
|
+
verticalCircleStylesAfter = style.circleVerticalAfter;
|
|
64
|
+
}
|
|
65
|
+
else if (circlePos === 'first-circle' && isSm) {
|
|
66
|
+
verticalCircleStylesAfter = style.firstCircleVerticalCollapseAfter;
|
|
67
|
+
}
|
|
68
|
+
else if (circlePos === 'first-circle' && !isSm) {
|
|
69
|
+
verticalCircleStylesAfter = style.firstCircleVerticalAfter;
|
|
70
|
+
}
|
|
71
|
+
let horizontalCircleStylesBefore;
|
|
72
|
+
if (circlePos === 'circle' && isSm) {
|
|
73
|
+
horizontalCircleStylesBefore = style.circleHorizontalCollapseBefore;
|
|
74
|
+
}
|
|
75
|
+
else if (circlePos === 'circle' && !isSm) {
|
|
76
|
+
horizontalCircleStylesBefore = style.circleHorizontalBefore;
|
|
77
|
+
}
|
|
78
|
+
else if (circlePos === 'first-circle' && isSm) {
|
|
79
|
+
horizontalCircleStylesBefore = style.firstCircleHorizontalCollapseBefore;
|
|
80
|
+
}
|
|
81
|
+
else if (circlePos === 'first-circle' && !isSm) {
|
|
82
|
+
horizontalCircleStylesBefore = style.firstCircleHorizontalBefore;
|
|
83
|
+
}
|
|
84
|
+
let horizontalCircleStylesAfter;
|
|
85
|
+
if (circlePos === 'circle' && isSm) {
|
|
86
|
+
horizontalCircleStylesAfter = style.circleHorizontalCollapseAfter;
|
|
87
|
+
}
|
|
88
|
+
else if (circlePos === 'circle' && !isSm) {
|
|
89
|
+
horizontalCircleStylesAfter = style.circleHorizontalAfter;
|
|
90
|
+
}
|
|
91
|
+
else if (circlePos === 'first-circle' && isSm) {
|
|
92
|
+
horizontalCircleStylesAfter = style.firstCircleHorizontalCollapseAfter;
|
|
93
|
+
}
|
|
94
|
+
else if (circlePos === 'first-circle' && !isSm) {
|
|
95
|
+
horizontalCircleStylesAfter = style.firstCircleHorizontalAfter;
|
|
96
|
+
}
|
|
97
|
+
const horizonalComponentClassList = classNames(horizontalComponentClasses, 'pt-12');
|
|
98
|
+
if (isHorizontal) {
|
|
99
|
+
return (React.createElement(Column, { key: `horizontal_col_${i + 0}`, id: 'timeline-item', className: `${liClasses} py-4 mb-8` },
|
|
100
|
+
React.createElement(Row, { className: horizontalComponentClasses }, before && item.component),
|
|
101
|
+
React.createElement(Row, null, useImages
|
|
102
|
+
? (React.createElement("div", { id: circlePos, className: isHorizontal ? 'horizontal py-0 my-0' : 'vertical' },
|
|
103
|
+
React.createElement("span", { className: horizontalCircleStylesBefore }),
|
|
104
|
+
React.createElement(Image, Object.assign({}, item.centerImageProps)),
|
|
105
|
+
React.createElement("span", { className: horizontalCircleStylesAfter })))
|
|
106
|
+
: (React.createElement("p", { id: circlePos, className: circle }))),
|
|
107
|
+
React.createElement(Row, { className: horizonalComponentClassList }, !before && item.component)));
|
|
108
|
+
}
|
|
109
|
+
else {
|
|
110
|
+
return (React.createElement(Row, { key: `vertical_row_${i + 0}`, id: 'timeline-item', className: `${liClasses} py-4` },
|
|
111
|
+
!isSm &&
|
|
112
|
+
React.createElement(Column, { sm: 5, md: 5, lg: 5, xl: 5, className: 'text-center my-auto' }, before && item.component),
|
|
113
|
+
React.createElement(Column, { sm: 2, md: 2, lg: 2, xl: 2, id: 'circle-wrapper', className: 'my-auto' }, useImages
|
|
114
|
+
? (React.createElement("div", { id: circlePos, className: 'vertical' },
|
|
115
|
+
React.createElement("span", { className: verticalCircleStylesBefore }),
|
|
116
|
+
React.createElement(Image, Object.assign({}, item.centerImageProps)),
|
|
117
|
+
React.createElement("span", { className: verticalCircleStylesAfter })))
|
|
118
|
+
: (React.createElement("p", { id: circlePos, className: circle }))),
|
|
119
|
+
isSm &&
|
|
120
|
+
React.createElement(Column, { sm: 10, md: 10, lg: 10, xl: 10, className: 'text-center my-auto' }, item.component),
|
|
121
|
+
!isSm &&
|
|
122
|
+
React.createElement(Column, { sm: 5, md: 5, lg: 5, xl: 5, className: 'text-center my-auto' }, !before && item.component)));
|
|
123
|
+
}
|
|
124
|
+
}))));
|
|
125
|
+
};
|
|
126
|
+
export default Timeline;
|
|
127
|
+
//# sourceMappingURL=Timeline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../../../../../src/lib/components/Timeline/Timeline.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,249 @@
|
|
|
1
|
+
.classList {
|
|
2
|
+
width: 100%;
|
|
3
|
+
list-style-type: none;
|
|
4
|
+
overflow-x: auto;
|
|
5
|
+
padding-bottom: 1rem
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.circle {
|
|
9
|
+
margin-top: 4rem;
|
|
10
|
+
margin-bottom: 4rem;
|
|
11
|
+
margin-left: auto;
|
|
12
|
+
margin-right: auto;
|
|
13
|
+
height: 1rem;
|
|
14
|
+
width: 1rem;
|
|
15
|
+
border-radius: 9999px;
|
|
16
|
+
border-width: 1px;
|
|
17
|
+
--tw-bg-opacity: 1;
|
|
18
|
+
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
|
19
|
+
text-align: center
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.liClassList {
|
|
23
|
+
position: relative;
|
|
24
|
+
display: flex;
|
|
25
|
+
flex: 1 1 auto;
|
|
26
|
+
flex-direction: row;
|
|
27
|
+
line-height: 1.25
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.liVerticalReverse {
|
|
31
|
+
flex-direction: row-reverse
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.liHorizontalReverse {
|
|
35
|
+
flex-direction: column-reverse;
|
|
36
|
+
align-items: center
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.li {
|
|
40
|
+
flex-direction: row
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.liHorizontal {
|
|
44
|
+
flex-direction: column;
|
|
45
|
+
align-items: center;
|
|
46
|
+
justify-content: space-between
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.textCenter {
|
|
50
|
+
text-align: center
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.ulClassList {
|
|
54
|
+
position: relative;
|
|
55
|
+
display: flex;
|
|
56
|
+
list-style-type: none;
|
|
57
|
+
padding-left: 0px
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.ulVerticalReverse {
|
|
61
|
+
flex-direction: column
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.ulHorizontalReverse {
|
|
65
|
+
flex-direction: row;
|
|
66
|
+
justify-content: space-between
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.ul {
|
|
70
|
+
flex-direction: column
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.ulHorizontal {
|
|
74
|
+
flex-direction: row;
|
|
75
|
+
justify-content: space-between
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
/* Vertical */
|
|
79
|
+
.circleVerticalBefore {
|
|
80
|
+
position: absolute;
|
|
81
|
+
top: 0px;
|
|
82
|
+
display: block;
|
|
83
|
+
height: 50%;
|
|
84
|
+
border-width: 2px;
|
|
85
|
+
border-style: solid;
|
|
86
|
+
--tw-border-opacity: 1;
|
|
87
|
+
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
88
|
+
content: "";
|
|
89
|
+
left: 49.9%;
|
|
90
|
+
z-index: -1
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.circleVerticalAfter {
|
|
94
|
+
position: absolute;
|
|
95
|
+
bottom: 0px;
|
|
96
|
+
display: block;
|
|
97
|
+
height: 50%;
|
|
98
|
+
border-width: 2px;
|
|
99
|
+
border-style: solid;
|
|
100
|
+
--tw-border-opacity: 1;
|
|
101
|
+
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
102
|
+
content: "";
|
|
103
|
+
left: 49.9%;
|
|
104
|
+
z-index: -1
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.firstCircleVerticalAfter {
|
|
108
|
+
position: absolute;
|
|
109
|
+
bottom: 0px;
|
|
110
|
+
display: block;
|
|
111
|
+
height: 50%;
|
|
112
|
+
border-width: 2px;
|
|
113
|
+
border-style: solid;
|
|
114
|
+
--tw-border-opacity: 1;
|
|
115
|
+
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
116
|
+
content: "";
|
|
117
|
+
left: 49.9%;
|
|
118
|
+
z-index: -1
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.lastCircleVerticalBefore {
|
|
122
|
+
position: absolute;
|
|
123
|
+
top: 0px;
|
|
124
|
+
display: block;
|
|
125
|
+
height: 50%;
|
|
126
|
+
border-width: 2px;
|
|
127
|
+
border-style: solid;
|
|
128
|
+
--tw-border-opacity: 1;
|
|
129
|
+
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
130
|
+
content: "";
|
|
131
|
+
left: 49.9%;
|
|
132
|
+
z-index: -1
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
/* V - collapse*/
|
|
136
|
+
.circleVerticalCollapseBefore {
|
|
137
|
+
position: absolute;
|
|
138
|
+
top: 0px;
|
|
139
|
+
display: block;
|
|
140
|
+
height: 50%;
|
|
141
|
+
border-width: 2px;
|
|
142
|
+
border-style: solid;
|
|
143
|
+
--tw-border-opacity: 1;
|
|
144
|
+
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
145
|
+
content: "";
|
|
146
|
+
left: 8.2%;
|
|
147
|
+
z-index: -1
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.circleVerticalCollapseAfter {
|
|
151
|
+
position: absolute;
|
|
152
|
+
bottom: 0px;
|
|
153
|
+
display: block;
|
|
154
|
+
height: 50%;
|
|
155
|
+
border-width: 2px;
|
|
156
|
+
border-style: solid;
|
|
157
|
+
--tw-border-opacity: 1;
|
|
158
|
+
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
159
|
+
content: "";
|
|
160
|
+
left: 8.2%;
|
|
161
|
+
z-index: -1
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
.firstCircleVerticalCollapseAfter {
|
|
165
|
+
position: absolute;
|
|
166
|
+
bottom: 0px;
|
|
167
|
+
display: block;
|
|
168
|
+
height: 50%;
|
|
169
|
+
border-width: 2px;
|
|
170
|
+
border-style: solid;
|
|
171
|
+
--tw-border-opacity: 1;
|
|
172
|
+
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
173
|
+
content: "";
|
|
174
|
+
left: 8.2%;
|
|
175
|
+
z-index: -1
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
.lastCircleVerticalCollapseBefore {
|
|
179
|
+
position: absolute;
|
|
180
|
+
top: 0px;
|
|
181
|
+
display: block;
|
|
182
|
+
height: 50%;
|
|
183
|
+
border-width: 2px;
|
|
184
|
+
border-style: solid;
|
|
185
|
+
--tw-border-opacity: 1;
|
|
186
|
+
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
187
|
+
content: "";
|
|
188
|
+
left: 8.2%;
|
|
189
|
+
z-index: -1
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
/* Horizontal */
|
|
193
|
+
.circleHorizontalBefore {
|
|
194
|
+
position: absolute;
|
|
195
|
+
top: 50%;
|
|
196
|
+
display: block;
|
|
197
|
+
border-width: 2px;
|
|
198
|
+
border-style: solid;
|
|
199
|
+
--tw-border-opacity: 1;
|
|
200
|
+
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
201
|
+
content: "";
|
|
202
|
+
width: 70%;
|
|
203
|
+
left: -8%;
|
|
204
|
+
z-index: -1
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
.circleHorizontalAfter {
|
|
208
|
+
position: absolute;
|
|
209
|
+
top: 50%;
|
|
210
|
+
display: block;
|
|
211
|
+
border-width: 2px;
|
|
212
|
+
border-style: solid;
|
|
213
|
+
--tw-border-opacity: 1;
|
|
214
|
+
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
215
|
+
content: "";
|
|
216
|
+
width: 70%;
|
|
217
|
+
right: -12%;
|
|
218
|
+
z-index: -1
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
.firstCircleHorizontalAfter {
|
|
222
|
+
position: absolute;
|
|
223
|
+
top: 50%;
|
|
224
|
+
display: block;
|
|
225
|
+
border-width: 2px;
|
|
226
|
+
border-style: solid;
|
|
227
|
+
--tw-border-opacity: 1;
|
|
228
|
+
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
229
|
+
content: "";
|
|
230
|
+
width: 60%;
|
|
231
|
+
right: -12%;
|
|
232
|
+
z-index: -1
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
.lastCircleHorizontalBefore {
|
|
236
|
+
position: absolute;
|
|
237
|
+
top: 50%;
|
|
238
|
+
display: block;
|
|
239
|
+
border-width: 2px;
|
|
240
|
+
border-style: solid;
|
|
241
|
+
--tw-border-opacity: 1;
|
|
242
|
+
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
243
|
+
content: "";
|
|
244
|
+
width: 55%;
|
|
245
|
+
left: -8%;
|
|
246
|
+
z-index: -1
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Timeline/style.module.css"],"names":[],"mappings":"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","file":"style.module.css","sourcesContent":[".classList {\n @apply w-full list-none overflow-x-auto pb-4;\n}\n\n.circle {\n @apply w-4 h-4 my-16 text-center mx-auto rounded-full border bg-black;\n}\n\n.liClassList {\n @apply relative flex flex-auto flex-row leading-tight;\n}\n\n.liVerticalReverse {\n @apply flex-row-reverse;\n}\n\n.liHorizontalReverse {\n @apply items-center flex-col-reverse;\n}\n\n.li {\n @apply flex-row;\n}\n\n.liHorizontal {\n @apply items-center flex-col justify-between;\n}\n\n.textCenter {\n @apply text-center;\n}\n\n.ulClassList {\n @apply relative list-none pl-0 flex;\n}\n\n.ulVerticalReverse {\n @apply flex-col;\n}\n\n.ulHorizontalReverse {\n @apply flex-row justify-between;\n}\n\n.ul {\n @apply flex-col;\n}\n\n.ulHorizontal {\n @apply flex-row justify-between;\n}\n\n/* Vertical */\n.circleVerticalBefore {\n @apply absolute top-0 block border-solid border-2 border-primary h-1/2;\n content: \"\";\n left: 49.9%;\n z-index: -1;\n}\n\n.circleVerticalAfter {\n @apply absolute bottom-0 block border-solid border-2 border-primary h-1/2;\n content: \"\";\n left: 49.9%;\n z-index: -1;\n}\n\n.firstCircleVerticalAfter {\n @apply absolute bottom-0 block border-solid border-2 border-primary h-1/2;\n content: \"\";\n left: 49.9%;\n z-index: -1;\n}\n\n.lastCircleVerticalBefore {\n @apply absolute top-0 block border-solid border-2 border-primary h-1/2;\n content: \"\";\n left: 49.9%;\n z-index: -1;\n}\n\n/* V - collapse*/\n.circleVerticalCollapseBefore {\n @apply absolute top-0 block border-solid border-2 border-primary h-1/2;\n content: \"\";\n left: 8.2%;\n z-index: -1;\n}\n\n.circleVerticalCollapseAfter {\n @apply absolute bottom-0 block border-solid border-2 border-primary h-1/2;\n content: \"\";\n left: 8.2%;\n z-index: -1;\n}\n\n.firstCircleVerticalCollapseAfter {\n @apply absolute bottom-0 block border-solid border-2 border-primary h-1/2;\n content: \"\";\n left: 8.2%;\n z-index: -1;\n}\n\n.lastCircleVerticalCollapseBefore {\n @apply absolute top-0 block border-solid border-2 border-primary h-1/2;\n content: \"\";\n left: 8.2%;\n z-index: -1;\n}\n\n/* Horizontal */\n.circleHorizontalBefore {\n @apply absolute top-1/2 block border-solid border-2 border-primary;\n content: \"\";\n width: 70%;\n left: -8%;\n z-index: -1;\n}\n\n.circleHorizontalAfter {\n @apply absolute top-1/2 block border-solid border-2 border-primary;\n content: \"\";\n width: 70%;\n right: -12%;\n z-index: -1;\n}\n\n.firstCircleHorizontalAfter {\n @apply absolute top-1/2 block border-solid border-2 border-primary;\n content: \"\";\n width: 60%;\n right: -12%;\n z-index: -1;\n}\n\n.lastCircleHorizontalBefore {\n @apply absolute top-1/2 block border-solid border-2 border-primary;\n content: \"\";\n width: 55%;\n left: -8%;\n z-index: -1;\n}\n"]}
|