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
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import Collapsible from '../Collapsible';
|
|
2
|
+
import Collapsible from '../Collapsible/Collapsible';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
|
-
import style from './style.module.css';
|
|
5
4
|
const Accordion = ({ id, className, items }) => {
|
|
6
|
-
return (React.createElement("div", { id: id, className: classNames(className
|
|
5
|
+
return (React.createElement("div", { id: id, className: classNames(className) }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
|
|
7
6
|
return (React.createElement(Collapsible, Object.assign({ key: `collapsible_item_${i}` }, item), item.children));
|
|
8
7
|
})));
|
|
9
8
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../../src/lib/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAAW,MAAM,
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../../src/lib/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAAW,MAAM,qCAAqC,CAAA;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAA;AAQnC,MAAM,SAAS,GAAoB,CAAC,EAClC,EAAE,EACF,SAAS,EACT,KAAK,EACC,EAAe,EAAE;IACvB,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,IAC1C,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAS,EAAE,CAAS,EAAE,EAAE;QACnC,OAAO,CACL,oBAAC,WAAW,kBACV,GAAG,EAAE,oBAAoB,CAAC,EAAE,IACxB,IAAI,GAEP,IAAI,CAAC,QAAQ,CACF,CACf,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
|
-
import Icon from '../Icon';
|
|
2
|
+
import Icon from '../Icon/Icon';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import { getTheme } from '../../utils/theme';
|
|
5
|
+
import style from './style.module.css';
|
|
5
6
|
const AlertBar = ({ id, className, type = 'warning', text, theme = 'light', leftIconProps, rightIconProps, textCenter = false, isDismissable = false, onDismissClick }) => {
|
|
6
7
|
const themeToUse = getTheme();
|
|
7
8
|
const [alertBarStatus, setAlertBarStatus] = useState({
|
|
@@ -19,19 +20,18 @@ const AlertBar = ({ id, className, type = 'warning', text, theme = 'light', left
|
|
|
19
20
|
'bg-bootson-info-light': type === 'info' && themeToUse === 'bootson'
|
|
20
21
|
});
|
|
21
22
|
const alertBarState = classNames({
|
|
22
|
-
|
|
23
|
-
|
|
23
|
+
[style.visible]: alertBarStatus.state === 'open',
|
|
24
|
+
[style.invisible]: alertBarStatus.state === 'closed',
|
|
24
25
|
hidden: !alertBarStatus.display
|
|
25
26
|
});
|
|
26
|
-
const classList = classNames(className, bgColor, alertBarState, '
|
|
27
|
+
const classList = classNames(className, bgColor, alertBarState, [style.alertBar], 'w-parent transition-opactiy');
|
|
27
28
|
const textClassList = classNames({
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
},
|
|
29
|
+
[style.textCenter]: textCenter,
|
|
30
|
+
[style.notTextCenter]: !textCenter
|
|
31
|
+
}, [style.textClassList]);
|
|
31
32
|
const rightIconClasses = classNames({
|
|
32
|
-
|
|
33
|
-
},
|
|
34
|
-
const leftIconClasses = 'pt-3 pl-8';
|
|
33
|
+
[style.dismissable]: isDismissable
|
|
34
|
+
}, [style.rightIconClassList]);
|
|
35
35
|
const closeAlertBar = (e) => {
|
|
36
36
|
setAlertBarStatus({
|
|
37
37
|
state: 'closed',
|
|
@@ -52,7 +52,7 @@ const AlertBar = ({ id, className, type = 'warning', text, theme = 'light', left
|
|
|
52
52
|
React.createElement(Icon, Object.assign({}, rightIconProps));
|
|
53
53
|
return (React.createElement("div", { id: id, className: classList },
|
|
54
54
|
(leftIconProps != null) &&
|
|
55
|
-
React.createElement("span", { className:
|
|
55
|
+
React.createElement("span", { className: style.leftIconClassList }, iconLeft),
|
|
56
56
|
React.createElement("h3", { className: textClassList }, text),
|
|
57
57
|
isDismissable &&
|
|
58
58
|
React.createElement("a", { className: rightIconClasses, onClick: (e) => closeAlertBar(e) },
|
|
@@ -61,4 +61,4 @@ const AlertBar = ({ id, className, type = 'warning', text, theme = 'light', left
|
|
|
61
61
|
React.createElement("span", { className: rightIconClasses }, iconRight)));
|
|
62
62
|
};
|
|
63
63
|
export default AlertBar;
|
|
64
|
-
//# sourceMappingURL=
|
|
64
|
+
//# sourceMappingURL=AlertBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertBar.js","sourceRoot":"","sources":["../../../../../src/lib/components/AlertBar/AlertBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
.alertBar {
|
|
2
|
+
|
|
3
|
+
display: flex;
|
|
4
|
+
|
|
5
|
+
padding-top: 0.5rem;
|
|
6
|
+
|
|
7
|
+
padding-bottom: 0.5rem;
|
|
8
|
+
|
|
9
|
+
--tw-text-opacity: 1;
|
|
10
|
+
|
|
11
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
12
|
+
|
|
13
|
+
transition-duration: 700ms
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.visible {
|
|
17
|
+
|
|
18
|
+
opacity: 1
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.invisible {
|
|
22
|
+
|
|
23
|
+
opacity: 0
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.dismissable:hover {
|
|
27
|
+
|
|
28
|
+
cursor: pointer
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.rightIconClassList {
|
|
32
|
+
|
|
33
|
+
padding-left: 2rem;
|
|
34
|
+
|
|
35
|
+
padding-right: 2rem;
|
|
36
|
+
|
|
37
|
+
padding-top: 0.75rem
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.leftIconClassList {
|
|
41
|
+
|
|
42
|
+
padding-top: 0.75rem;
|
|
43
|
+
|
|
44
|
+
padding-left: 2rem
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.textCenter {
|
|
48
|
+
|
|
49
|
+
text-align: center
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.notTextCenter {
|
|
53
|
+
|
|
54
|
+
padding-left: 1rem
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.textClassList {
|
|
58
|
+
|
|
59
|
+
width: 100%;
|
|
60
|
+
|
|
61
|
+
padding-top: 0.75rem;
|
|
62
|
+
|
|
63
|
+
padding-bottom: 0.75rem
|
|
64
|
+
}
|
|
65
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/AlertBar/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAwC;;IAAxC,mBAAwC;;IAAxC,sBAAwC;;IAAxC,oBAAwC;;IAAxC,gDAAwC;;IAAxC;AAAwC;;AAIxC;;IAAA;AAAkB;;AAIlB;;IAAA;AAAgB;;AAIhB;;IAAA;AAAqB;;AAIrB;;IAAA,kBAAgB;;IAAhB,mBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,oBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAkB;;AAIlB;;IAAA;AAAW;;AAIX;;IAAA,WAAkB;;IAAlB,oBAAkB;;IAAlB;AAAkB","file":"style.module.css","sourcesContent":[".alertBar {\n @apply text-white flex py-2 duration-700;\n}\n\n.visible {\n @apply opacity-100;\n}\n\n.invisible {\n @apply opacity-0;\n}\n\n.dismissable:hover {\n @apply cursor-pointer;\n}\n\n.rightIconClassList {\n @apply px-8 pt-3;\n}\n\n.leftIconClassList {\n @apply pt-3 pl-8;\n}\n\n.textCenter {\n @apply text-center;\n}\n\n.notTextCenter {\n @apply pl-4;\n}\n\n.textClassList {\n @apply w-full py-3;\n}"]}
|
|
File without changes
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import style from './style.module.css';
|
|
4
|
+
const Breadcrumbs = ({ id, className, links }) => {
|
|
5
|
+
const linksLength = (links != null)
|
|
6
|
+
? Object.keys(links).length
|
|
7
|
+
: 0;
|
|
8
|
+
const classList = classNames(className, style.classList);
|
|
9
|
+
return (React.createElement("ul", { id: id, className: classList }, links === null || links === void 0 ? void 0 : links.map((link, i) => {
|
|
10
|
+
return (React.createElement("div", { key: `breadcrumb_${i + 1}`, className: style.breadcrumb },
|
|
11
|
+
React.createElement("li", { className: 'h-8' }, i + 1 >= linksLength
|
|
12
|
+
? (React.createElement("p", { className: style.linkText }, link.name))
|
|
13
|
+
: (React.createElement("p", { className: style.linkText },
|
|
14
|
+
React.createElement("a", { className: style.link, href: link.href }, link.name)))),
|
|
15
|
+
i + 1 < linksLength &&
|
|
16
|
+
React.createElement("li", { className: style.middleWrapper },
|
|
17
|
+
React.createElement("p", { className: style.middle }, "\u00A0 > \u00A0"))));
|
|
18
|
+
})));
|
|
19
|
+
};
|
|
20
|
+
export default Breadcrumbs;
|
|
21
|
+
//# sourceMappingURL=Breadcrumbs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../../../src/lib/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAQtC,MAAM,WAAW,GAAG,CAAC,EACnB,EAAE,EACF,SAAS,EACT,KAAK,EACC,EAAe,EAAE;IACvB,MAAM,WAAW,GAAG,CAAC,KAAK,IAAI,IAAI,CAAC;QACjC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM;QAC3B,CAAC,CAAC,CAAC,CAAA;IAEL,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,OAAO,CACL,4BAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC7B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QACtB,OAAO,CACL,6BAAK,GAAG,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,UAAU;YAC1D,4BAAI,SAAS,EAAC,KAAK,IAChB,CAAC,GAAG,CAAC,IAAI,WAAW;gBACnB,CAAC,CAAC,CACA,2BAAG,SAAS,EAAE,KAAK,CAAC,QAAQ,IACzB,IAAI,CAAC,IAAI,CACR,CACH;gBACH,CAAC,CAAC,CACA,2BAAG,SAAS,EAAE,KAAK,CAAC,QAAQ;oBAC1B,2BACE,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,IAAI,EAAE,IAAI,CAAC,IAAI,IAEd,IAAI,CAAC,IAAI,CACR,CACF,CACH,CACF;YACJ,CAAC,GAAG,CAAC,GAAG,WAAW;gBAClB,4BAAI,SAAS,EAAE,KAAK,CAAC,aAAa;oBAChC,2BAAG,SAAS,EAAE,KAAK,CAAC,MAAM,sBAAyB,CAChD,CACH,CACP,CAAA;IACH,CAAC,CAAC,CACC,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
.classList {
|
|
2
|
+
|
|
3
|
+
display: flex;
|
|
4
|
+
|
|
5
|
+
padding-top: 0.5rem;
|
|
6
|
+
|
|
7
|
+
padding-bottom: 0.5rem;
|
|
8
|
+
|
|
9
|
+
padding-left: 2rem;
|
|
10
|
+
|
|
11
|
+
padding-right: 2rem
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.breadcrumb {
|
|
15
|
+
|
|
16
|
+
display: flex
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.linkText {
|
|
20
|
+
|
|
21
|
+
padding-left: 0.25rem;
|
|
22
|
+
|
|
23
|
+
padding-right: 0.25rem;
|
|
24
|
+
|
|
25
|
+
padding-top: 0.25rem;
|
|
26
|
+
|
|
27
|
+
padding-bottom: 0.25rem
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.link {
|
|
31
|
+
|
|
32
|
+
--tw-text-opacity: 1;
|
|
33
|
+
|
|
34
|
+
color: rgb(59 89 153 / var(--tw-text-opacity))
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.link:hover {
|
|
38
|
+
|
|
39
|
+
text-decoration-line: underline
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.middleWrapper {
|
|
43
|
+
|
|
44
|
+
height: 2rem
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.middle {
|
|
48
|
+
|
|
49
|
+
padding-top: 0.25rem;
|
|
50
|
+
|
|
51
|
+
padding-bottom: 0.25rem
|
|
52
|
+
}
|
|
53
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Breadcrumbs/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAqB;;IAArB,mBAAqB;;IAArB,sBAAqB;;IAArB,kBAAqB;;IAArB;AAAqB;;AAIrB;;IAAA;AAAW;;AAIX;;IAAA,qBAAgB;;IAAhB,sBAAgB;;IAAhB,oBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,oBAAoC;;IAApC;AAAoC;;AAApC;;IAAA;AAAoC;;AAIpC;;IAAA;AAAU;;AAIV;;IAAA,oBAAW;;IAAX;AAAW","file":"style.module.css","sourcesContent":[".classList {\n @apply flex py-2 px-8;\n}\n\n.breadcrumb {\n @apply flex;\n}\n\n.linkText {\n @apply px-1 py-1;\n}\n\n.link {\n @apply text-facebook hover:underline;\n}\n\n.middleWrapper {\n @apply h-8;\n}\n\n.middle {\n @apply py-1;\n}"]}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import BreadcrumbsItem from '../BreadcrumbsItem/
|
|
2
|
+
import BreadcrumbsItem from '../BreadcrumbsItem/BreadcrumbsItem';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
|
+
import style from './style.module.css';
|
|
4
5
|
const Breadcrumbs = ({ id, className, links }) => {
|
|
5
6
|
const linksLength = (links === null || links === void 0 ? void 0 : links.length) !== undefined ? links.length : 0;
|
|
6
|
-
const classList = classNames(className,
|
|
7
|
+
const classList = classNames(className, style.classList);
|
|
7
8
|
return (React.createElement("ul", { id: id, className: classList }, links === null || links === void 0 ? void 0 : links.map((link, i) => {
|
|
8
|
-
const margin = i === 0 ?
|
|
9
|
+
const margin = i === 0 ? style.marginRight : style.marginBottom;
|
|
9
10
|
const first = i === 0;
|
|
10
11
|
let bType = 'standard';
|
|
11
12
|
if (linksLength >= 1 && i + 1 < linksLength) {
|
|
@@ -15,4 +16,4 @@ const Breadcrumbs = ({ id, className, links }) => {
|
|
|
15
16
|
})));
|
|
16
17
|
};
|
|
17
18
|
export default Breadcrumbs;
|
|
18
|
-
//# sourceMappingURL=
|
|
19
|
+
//# sourceMappingURL=BreadcrumbsBordered.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BreadcrumbsBordered.js","sourceRoot":"","sources":["../../../../../src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,eAAkD,MAAM,6CAA6C,CAAA;AAC5G,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAQtC,MAAM,WAAW,GAAoB,CAAC,EACpC,EAAE,EACF,SAAS,EACT,KAAK,EACN,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,MAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAClE,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,OAAO,CACL,4BAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC7B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAA0B,EAAE,CAAS,EAAE,EAAE;QACpD,MAAM,MAAM,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAA;QAC/D,MAAM,KAAK,GAAG,CAAC,KAAK,CAAC,CAAA;QAErB,IAAI,KAAK,GAAG,UAAU,CAAA;QACtB,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,WAAW,EAAE;YAC3C,KAAK,GAAG,MAAM,CAAA;SACf;QACD,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,mBAAmB,CAAC,GAAG,CAAC,EAAE,EAC/B,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,KAAK,EACX,SAAS,EAAE,KAAK,GAChB,CACH,CAAA;IACH,CAAC,CAAC,CACC,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/BreadcrumbsBordered/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAW;;AAIX;;IAAA,oBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAW","file":"style.module.css","sourcesContent":[".classList {\n @apply flex;\n}\n\n.marginBottom {\n @apply mx-3;\n}\n\n.marginRight {\n @apply mr-3;\n}"]}
|
|
File without changes
|
|
@@ -1,24 +1,19 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
+
import style from './style.module.css';
|
|
3
4
|
const BreadcrumbsItem = ({ id, className, name, link, href, type, firstItem }) => {
|
|
4
5
|
const [isHovering, setIsHovering] = useState(false);
|
|
5
|
-
const topArrowClasses = 'top-0';
|
|
6
|
-
const bottomArrowClasses = 'bottom-0';
|
|
7
|
-
const textClassList = 'text-center pt-1';
|
|
8
|
-
const liClassList = 'list-none';
|
|
9
6
|
const classList = classNames(className, 'item');
|
|
10
7
|
const itemClassList = classNames({
|
|
11
8
|
'hover:underline': type === 'link',
|
|
12
9
|
'mb-0': isHovering
|
|
13
10
|
}, 'bc-item relative px-4 h-8');
|
|
14
|
-
const backArrowsClasses = 'absolute w-0 h-0 bg-transparent border-l-transparent';
|
|
15
|
-
const frontArrowClasses = 'absolute top-0 w-0 h-0 border-t';
|
|
16
11
|
const frontArrow = (React.createElement("span", { style: {
|
|
17
12
|
borderTop: '17px solid transparent',
|
|
18
13
|
borderBottom: '15px solid transparent',
|
|
19
14
|
borderLeft: '16px solid',
|
|
20
15
|
right: '-16px'
|
|
21
|
-
}, className:
|
|
16
|
+
}, className: style.frontArrowClassList }));
|
|
22
17
|
const backArrows = (React.createElement(React.Fragment, null,
|
|
23
18
|
React.createElement("span", { style: {
|
|
24
19
|
borderTop: '17px solid',
|
|
@@ -27,31 +22,31 @@ const BreadcrumbsItem = ({ id, className, name, link, href, type, firstItem }) =
|
|
|
27
22
|
left: '-17px',
|
|
28
23
|
// '-webkit-transform': 'scaleY(-1)',
|
|
29
24
|
transform: 'scaleY(-1)'
|
|
30
|
-
}, className: `${
|
|
25
|
+
}, className: `${style.backArrowsClassList} ${style.bottomArrowClassList}` }),
|
|
31
26
|
React.createElement("span", { style: {
|
|
32
27
|
borderTop: '18px solid',
|
|
33
28
|
borderBottom: '17px solid transparent',
|
|
34
29
|
borderLeft: '17px solid transparent',
|
|
35
30
|
left: '-17px'
|
|
36
|
-
}, className: `${
|
|
31
|
+
}, className: `${style.backArrowsClassList} ${style.topArrowClassList}` })));
|
|
37
32
|
const renderWithFrontArrow = (React.createElement("div", { className: itemClassList },
|
|
38
|
-
React.createElement("p", { className: textClassList },
|
|
33
|
+
React.createElement("p", { className: style.textClassList },
|
|
39
34
|
name,
|
|
40
35
|
frontArrow)));
|
|
41
36
|
const renderWithBackArrows = (React.createElement("div", { className: itemClassList },
|
|
42
|
-
React.createElement("p", { className: textClassList },
|
|
37
|
+
React.createElement("p", { className: style.textClassList },
|
|
43
38
|
backArrows,
|
|
44
39
|
name,
|
|
45
40
|
frontArrow)));
|
|
46
41
|
return (React.createElement("div", { id: id, className: classList }, type === 'link'
|
|
47
42
|
? (firstItem === true
|
|
48
43
|
? (React.createElement("a", { onMouseOver: () => setIsHovering(true), onMouseOut: () => setIsHovering(false), href: href },
|
|
49
|
-
React.createElement("li", { className: liClassList }, renderWithFrontArrow)))
|
|
44
|
+
React.createElement("li", { className: style.liClassList }, renderWithFrontArrow)))
|
|
50
45
|
: (React.createElement("a", { onMouseOver: () => setIsHovering(true), onMouseOut: () => setIsHovering(false), href: href },
|
|
51
|
-
React.createElement("li", { className: liClassList }, renderWithBackArrows))))
|
|
46
|
+
React.createElement("li", { className: style.liClassList }, renderWithBackArrows))))
|
|
52
47
|
: (firstItem === true
|
|
53
|
-
? (React.createElement("li", { className: liClassList, onMouseOver: () => setIsHovering(true), onMouseOut: () => setIsHovering(false) }, renderWithFrontArrow))
|
|
54
|
-
: (React.createElement("li", { className: liClassList, onMouseOver: () => setIsHovering(true), onMouseOut: () => setIsHovering(false) }, renderWithBackArrows)))));
|
|
48
|
+
? (React.createElement("li", { className: style.liClassList, onMouseOver: () => setIsHovering(true), onMouseOut: () => setIsHovering(false) }, renderWithFrontArrow))
|
|
49
|
+
: (React.createElement("li", { className: style.liClassList, onMouseOver: () => setIsHovering(true), onMouseOut: () => setIsHovering(false) }, renderWithBackArrows)))));
|
|
55
50
|
};
|
|
56
51
|
export default BreadcrumbsItem;
|
|
57
|
-
//# sourceMappingURL=
|
|
52
|
+
//# sourceMappingURL=BreadcrumbsItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BreadcrumbsItem.js","sourceRoot":"","sources":["../../../../../src/lib/components/BreadcrumbsItem/BreadcrumbsItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
.backArrowClassList {
|
|
2
|
+
|
|
3
|
+
position: absolute;
|
|
4
|
+
|
|
5
|
+
height: 0px;
|
|
6
|
+
|
|
7
|
+
width: 0px;
|
|
8
|
+
|
|
9
|
+
border-left-color: transparent;
|
|
10
|
+
|
|
11
|
+
background-color: transparent
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.frontArrowClassList {
|
|
15
|
+
|
|
16
|
+
position: absolute;
|
|
17
|
+
|
|
18
|
+
top: 0px;
|
|
19
|
+
|
|
20
|
+
height: 0px;
|
|
21
|
+
|
|
22
|
+
width: 0px;
|
|
23
|
+
|
|
24
|
+
border-top-width: 1px
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.bottomArrowClassList = {
|
|
28
|
+
|
|
29
|
+
bottom: 0px
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.topArrowClassList {
|
|
33
|
+
|
|
34
|
+
top: 0px
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.textClassList {
|
|
38
|
+
|
|
39
|
+
padding-top: 0.25rem;
|
|
40
|
+
|
|
41
|
+
text-align: center
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.liClassList {
|
|
45
|
+
|
|
46
|
+
list-style-type: none
|
|
47
|
+
}
|
|
48
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/BreadcrumbsItem/style.module.css"],"names":[],"mappings":"AACI;;IAAA,kBAA2D;;IAA3D,WAA2D;;IAA3D,UAA2D;;IAA3D,8BAA2D;;IAA3D;AAA2D;;AAI3D;;IAAA,kBAAsC;;IAAtC,QAAsC;;IAAtC,WAAsC;;IAAtC,UAAsC;;IAAtC;AAAsC;;AAItC;;IAAA;AAAe;;AAIf;;IAAA;AAAY;;AAIZ;;IAAA,oBAAuB;;IAAvB;AAAuB;;AAIvB;;IAAA;AAAgB","file":"style.module.css","sourcesContent":[".backArrowClassList {\n @apply absolute w-0 h-0 bg-transparent border-l-transparent;\n}\n\n.frontArrowClassList {\n @apply absolute top-0 w-0 h-0 border-t;\n}\n\n.bottomArrowClassList = {\n @apply bottom-0;\n}\n\n.topArrowClassList {\n @apply top-0;\n}\n\n.textClassList {\n @apply text-center pt-1;\n}\n\n.liClassList {\n @apply list-none;\n}"]}
|
|
File without changes
|
|
@@ -1,26 +1,27 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import Icon from '../Icon';
|
|
2
|
+
import Icon from '../Icon/Icon';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
|
+
import style from './style.module.css';
|
|
4
5
|
const Button = ({ id, className, onClick, hoverText, variant = 'primary', type = 'default', href, rounded = true, disabled = false, isLoading = false, openInNewTab = false, children }) => {
|
|
5
6
|
const padding = classNames({
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
},
|
|
7
|
+
[style.social]: type === 'social',
|
|
8
|
+
[style.icon]: type === 'icon',
|
|
9
|
+
[style.default]: type === 'default'
|
|
10
|
+
}, [style.padding]);
|
|
10
11
|
const loadingClasses = classNames({
|
|
11
12
|
invisible: !isLoading
|
|
12
|
-
},
|
|
13
|
+
}, style.loading);
|
|
13
14
|
const classList = classNames({
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
}, className, padding, '
|
|
15
|
+
[style.primary]: variant === 'primary',
|
|
16
|
+
[style.primaryNotDisabled]: !disabled && variant === 'primary',
|
|
17
|
+
[style.secondary]: variant === 'secondary',
|
|
18
|
+
[style.secondaryNotDisabled]: !disabled && variant === 'secondary',
|
|
19
|
+
[style.disabled]: disabled,
|
|
20
|
+
[style.rounded]: rounded,
|
|
21
|
+
[style.notRounded]: !rounded
|
|
22
|
+
}, style.classList, className, padding, 'transition-backgroundColor');
|
|
22
23
|
const loadingIcon = (React.createElement(Icon, { size: 1, type: 'spinner', animation: 'pulse', colour: 'white', bgColour: 'primary' }));
|
|
23
|
-
return (React.createElement("a", Object.assign({
|
|
24
|
+
return (React.createElement("a", Object.assign({}, (openInNewTab && { target: '_blank' }), { href: href }),
|
|
24
25
|
React.createElement("button", Object.assign({ id: id, className: classList, "aria-busy": isLoading }, ((onClick != null) &&
|
|
25
26
|
{ onClick }), (disabled &&
|
|
26
27
|
{ disabled })),
|
|
@@ -29,4 +30,4 @@ const Button = ({ id, className, onClick, hoverText, variant = 'primary', type =
|
|
|
29
30
|
React.createElement("div", { className: loadingClasses }, loadingIcon))));
|
|
30
31
|
};
|
|
31
32
|
export default Button;
|
|
32
|
-
//# sourceMappingURL=
|
|
33
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/lib/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,uBAAuB,CAAA;AACxC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAiBtC,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,OAAO,EACP,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,IAAI,EACJ,OAAO,GAAG,IAAI,EACd,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,YAAY,GAAG,KAAK,EACpB,QAAQ,EACF,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,UAAU,CAAC;QACzB,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,QAAQ;QACjC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,MAAM;QAC7B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;KACpC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;IAEnB,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,SAAS,EAAE,CAAC,SAAS;KACtB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAEjB,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,SAAS;QACtC,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAAE,CAAC,QAAQ,IAAI,OAAO,KAAK,SAAS;QAC9D,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,KAAK,WAAW;QAC1C,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE,CAAC,QAAQ,IAAI,OAAO,KAAK,WAAW;QAClE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ;QAC1B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;QACxB,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,OAAO;KAC7B,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,4BAA4B,CAAC,CAAA;IAErE,MAAM,WAAW,GAAG,CAClB,oBAAC,IAAI,IACH,IAAI,EAAE,CAAC,EACP,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,OAAO,EACjB,MAAM,EAAC,OAAO,EACd,QAAQ,EAAC,SAAS,GAClB,CACH,CAAA;IAED,OAAO,CACL,2CACM,CAAC,YAAY,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,IAC1C,IAAI,EAAE,IAAI;QAEV,8CACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,eACT,SAAS,IAChB,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC;YACV,EAAE,OAAO,EAAE,CAAC,EACpB,CAAC,QAAQ;YACD,EAAE,QAAQ,EAAE,CAAC;YAEzB,6BAAK,SAAS,EAAE,UAAU,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,IACjD,QAAQ,CACL;YACL,SAAS;gBACR,6BAAK,SAAS,EAAE,cAAc,IAC3B,WAAW,CACR,CACD,CACP,CACL,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
.classList {
|
|
2
|
+
|
|
3
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
4
|
+
|
|
5
|
+
border-width: 2px;
|
|
6
|
+
|
|
7
|
+
transition-duration: 500ms
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.loading {
|
|
11
|
+
|
|
12
|
+
position: absolute;
|
|
13
|
+
|
|
14
|
+
left: 50%;
|
|
15
|
+
|
|
16
|
+
top: 25%;
|
|
17
|
+
|
|
18
|
+
margin-left: -0.5rem
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.social {
|
|
22
|
+
|
|
23
|
+
padding-left: 0.25rem;
|
|
24
|
+
|
|
25
|
+
padding-right: 0.25rem;
|
|
26
|
+
|
|
27
|
+
padding-top: 0.25rem;
|
|
28
|
+
|
|
29
|
+
padding-bottom: 0.25rem
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.icon {
|
|
33
|
+
|
|
34
|
+
padding-left: 0.75rem;
|
|
35
|
+
|
|
36
|
+
padding-right: 0.75rem
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.default {
|
|
40
|
+
|
|
41
|
+
padding-left: 2rem;
|
|
42
|
+
|
|
43
|
+
padding-right: 2rem
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.padding {
|
|
47
|
+
|
|
48
|
+
padding-top: 0.5rem;
|
|
49
|
+
|
|
50
|
+
padding-bottom: 0.5rem
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.primary {
|
|
54
|
+
|
|
55
|
+
--tw-border-opacity: 1;
|
|
56
|
+
|
|
57
|
+
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
|
58
|
+
|
|
59
|
+
--tw-bg-opacity: 1;
|
|
60
|
+
|
|
61
|
+
background-color: rgb(0 54 160 / var(--tw-bg-opacity));
|
|
62
|
+
|
|
63
|
+
--tw-text-opacity: 1;
|
|
64
|
+
|
|
65
|
+
color: rgb(255 255 255 / var(--tw-text-opacity))
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.primaryNotDisabled:hover {
|
|
69
|
+
|
|
70
|
+
--tw-border-opacity: 1;
|
|
71
|
+
|
|
72
|
+
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
73
|
+
|
|
74
|
+
--tw-bg-opacity: 1;
|
|
75
|
+
|
|
76
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
77
|
+
|
|
78
|
+
--tw-text-opacity: 1;
|
|
79
|
+
|
|
80
|
+
color: rgb(0 54 160 / var(--tw-text-opacity))
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.secondary {
|
|
84
|
+
|
|
85
|
+
--tw-border-opacity: 1;
|
|
86
|
+
|
|
87
|
+
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
88
|
+
|
|
89
|
+
--tw-bg-opacity: 1;
|
|
90
|
+
|
|
91
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
92
|
+
|
|
93
|
+
--tw-text-opacity: 1;
|
|
94
|
+
|
|
95
|
+
color: rgb(0 54 160 / var(--tw-text-opacity))
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.secondaryNotDisabled:hover {
|
|
99
|
+
|
|
100
|
+
--tw-border-opacity: 1;
|
|
101
|
+
|
|
102
|
+
border-color: rgb(0 54 160 / var(--tw-border-opacity));
|
|
103
|
+
|
|
104
|
+
--tw-bg-opacity: 1;
|
|
105
|
+
|
|
106
|
+
background-color: rgb(0 54 160 / var(--tw-bg-opacity));
|
|
107
|
+
|
|
108
|
+
--tw-text-opacity: 1;
|
|
109
|
+
|
|
110
|
+
color: rgb(255 255 255 / var(--tw-text-opacity))
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.disabled {
|
|
114
|
+
|
|
115
|
+
opacity: 0.5
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.rounded {
|
|
119
|
+
|
|
120
|
+
border-radius: 0.5rem
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.notRounded {
|
|
124
|
+
|
|
125
|
+
border-radius: 0px
|
|
126
|
+
}
|
|
127
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Button/style.module.css"],"names":[],"mappings":"AACI;;IAAA,+LAAsC;;IAAtC,iBAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,kBAAsC;;IAAtC,SAAsC;;IAAtC,QAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,qBAAgB;;IAAhB,sBAAgB;;IAAhB,oBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,qBAAW;;IAAX;AAAW;;AAIX;;IAAA,kBAAW;;IAAX;AAAW;;AAIX;;IAAA,mBAAW;;IAAX;AAAW;;AAIX;;IAAA,sBAAyC;;IAAzC,yDAAyC;;IAAzC,kBAAyC;;IAAzC,sDAAyC;;IAAzC,oBAAyC;;IAAzC;AAAyC;;AAIzC;;IAAA,sBAA2C;;IAA3C,sDAA2C;;IAA3C,kBAA2C;;IAA3C,yDAA2C;;IAA3C,oBAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA,sBAA2C;;IAA3C,sDAA2C;;IAA3C,kBAA2C;;IAA3C,yDAA2C;;IAA3C,oBAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA,sBAA2C;;IAA3C,sDAA2C;;IAA3C,kBAA2C;;IAA3C,sDAA2C;;IAA3C,oBAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA;AAAiB;;AAIjB;;IAAA;AAAiB;;AAIjB;;IAAA;AAAmB","file":"style.module.css","sourcesContent":[".classList {\n @apply border-2 duration-500 transform;\n}\n\n.loading {\n @apply absolute left-2/4 top-1/4 -ml-2;\n}\n\n.social {\n @apply px-1 py-1;\n}\n\n.icon {\n @apply px-3;\n}\n\n.default {\n @apply px-8;\n}\n\n.padding {\n @apply py-2;\n}\n\n.primary {\n @apply bg-primary text-white border-white;\n}\n\n.primaryNotDisabled:hover {\n @apply bg-white text-primary border-primary;\n}\n\n.secondary {\n @apply bg-white text-primary border-primary;\n}\n\n.secondaryNotDisabled:hover {\n @apply bg-primary text-white border-primary;\n}\n\n.disabled {\n @apply opacity-50;\n}\n\n.rounded {\n @apply rounded-lg;\n}\n\n.notRounded {\n @apply rounded-none;\n}"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Props as buttonProps } from '../Button';
|
|
3
|
-
import { Props as videoProps } from '../Video';
|
|
2
|
+
import { Props as buttonProps } from '../Button/Button';
|
|
3
|
+
import { Props as videoProps } from '../Video/Video';
|
|
4
4
|
export interface Props {
|
|
5
5
|
id?: string;
|
|
6
6
|
className?: string;
|