trepur_components 1.0.61 → 2.1.0
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/README.md +4 -0
- package/dist/src/lib/components/Accordion/Accordion.js.map +1 -1
- package/dist/src/lib/components/AlertBar/AlertBar.d.ts +5 -5
- package/dist/src/lib/components/AlertBar/AlertBar.js +29 -25
- package/dist/src/lib/components/AlertBar/AlertBar.js.map +1 -1
- package/dist/src/lib/components/AlertBar/style.module.css +1 -0
- package/dist/src/lib/components/AlertBar/style.module.css.map +1 -1
- package/dist/src/lib/components/Avatar/Avatar.d.ts +1 -1
- package/dist/src/lib/components/Avatar/Avatar.js +108 -92
- package/dist/src/lib/components/Avatar/Avatar.js.map +1 -1
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.js +5 -10
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/src/lib/components/Breadcrumbs/style.module.css +1 -0
- package/dist/src/lib/components/Breadcrumbs/style.module.css.map +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/style.module.css +1 -0
- package/dist/src/lib/components/BreadcrumbsBordered/style.module.css.map +1 -1
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.js +19 -9
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsItem/style.module.css +1 -0
- package/dist/src/lib/components/BreadcrumbsItem/style.module.css.map +1 -1
- package/dist/src/lib/components/Button/Button.d.ts +1 -1
- package/dist/src/lib/components/Button/Button.js +4 -5
- package/dist/src/lib/components/Button/Button.js.map +1 -1
- package/dist/src/lib/components/Button/style.module.css +1 -0
- package/dist/src/lib/components/Button/style.module.css.map +1 -1
- package/dist/src/lib/components/Calendar/Calendar.d.ts +1 -1
- package/dist/src/lib/components/Calendar/Calendar.js +3 -2
- package/dist/src/lib/components/Calendar/Calendar.js.map +1 -1
- package/dist/src/lib/components/Calendar/style.css +109 -108
- package/dist/src/lib/components/Calendar/style.css.map +1 -1
- package/dist/src/lib/components/Card/Card.js +9 -12
- package/dist/src/lib/components/Card/Card.js.map +1 -1
- package/dist/src/lib/components/Card/style.module.css +69 -68
- package/dist/src/lib/components/Card/style.module.css.map +1 -1
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.js.map +1 -1
- package/dist/src/lib/components/CardWithTopImage/style.module.css +19 -18
- package/dist/src/lib/components/CardWithTopImage/style.module.css.map +1 -1
- package/dist/src/lib/components/Carousel/Carousel.d.ts +8 -10
- package/dist/src/lib/components/Carousel/Carousel.js +30 -30
- package/dist/src/lib/components/Carousel/Carousel.js.map +1 -1
- package/dist/src/lib/components/Carousel/style.module.css +1 -0
- package/dist/src/lib/components/Carousel/style.module.css.map +1 -1
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.d.ts +1 -3
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.js +6 -14
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.js.map +1 -1
- package/dist/src/lib/components/CarouselThumbnail/style.module.css +1 -0
- package/dist/src/lib/components/CarouselThumbnail/style.module.css.map +1 -1
- package/dist/src/lib/components/Checkbox/Checkbox.d.ts +1 -0
- package/dist/src/lib/components/Checkbox/Checkbox.js +7 -3
- package/dist/src/lib/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/src/lib/components/Checkbox/style.module.css +1 -0
- package/dist/src/lib/components/Checkbox/style.module.css.map +1 -1
- package/dist/src/lib/components/Collapsible/Collapsible.d.ts +3 -3
- package/dist/src/lib/components/Collapsible/Collapsible.js +20 -18
- package/dist/src/lib/components/Collapsible/Collapsible.js.map +1 -1
- package/dist/src/lib/components/Collapsible/style.module.css +5 -4
- package/dist/src/lib/components/Collapsible/style.module.css.map +1 -1
- package/dist/src/lib/components/Column/Column.js.map +1 -1
- package/dist/src/lib/components/Column/style.module.css +3 -3
- package/dist/src/lib/components/Column/style.module.css.map +1 -1
- package/dist/src/lib/components/ComponentWrapper/ComponentWrapper.js +1 -1
- package/dist/src/lib/components/ComponentWrapper/ComponentWrapper.js.map +1 -1
- package/dist/src/lib/components/ComponentWrapper/style.module.css +23 -23
- package/dist/src/lib/components/ComponentWrapper/style.module.css.map +1 -1
- package/dist/src/lib/components/Container/Container.d.ts +1 -1
- package/dist/src/lib/components/Container/Container.js +2 -4
- package/dist/src/lib/components/Container/Container.js.map +1 -1
- package/dist/src/lib/components/Container/style.module.css +12 -21
- package/dist/src/lib/components/Container/style.module.css.map +1 -1
- package/dist/src/lib/components/Counter/Counter.d.ts +10 -0
- package/dist/src/lib/components/Counter/Counter.js +35 -0
- package/dist/src/lib/components/Counter/Counter.js.map +1 -0
- package/dist/src/lib/components/Counter/style.module.css +48 -0
- package/dist/src/lib/components/Counter/style.module.css.map +1 -0
- package/dist/src/lib/components/DetailUpdater/DetailUpdater.d.ts +4 -2
- package/dist/src/lib/components/DetailUpdater/DetailUpdater.js +30 -27
- package/dist/src/lib/components/DetailUpdater/DetailUpdater.js.map +1 -1
- package/dist/src/lib/components/DetailUpdater/style.module.css +3 -2
- package/dist/src/lib/components/DetailUpdater/style.module.css.map +1 -1
- package/dist/src/lib/components/Dialog/Dialog.js +10 -13
- package/dist/src/lib/components/Dialog/Dialog.js.map +1 -1
- package/dist/src/lib/components/Dialog/style.module.css +5 -4
- package/dist/src/lib/components/Dialog/style.module.css.map +1 -1
- package/dist/src/lib/components/DropdownMenu/style.module.css +36 -35
- package/dist/src/lib/components/DropdownMenu/style.module.css.map +1 -1
- package/dist/src/lib/components/FileUploader/FilePreview.js +3 -1
- package/dist/src/lib/components/FileUploader/FilePreview.js.map +1 -1
- package/dist/src/lib/components/FileUploader/FileUploader.d.ts +2 -2
- package/dist/src/lib/components/FileUploader/FileUploader.js +24 -12
- package/dist/src/lib/components/FileUploader/FileUploader.js.map +1 -1
- package/dist/src/lib/components/FileUploader/style.module.css +4 -4
- package/dist/src/lib/components/FileUploader/style.module.css.map +1 -1
- package/dist/src/lib/components/FilterItem/FilterItem.js +3 -1
- package/dist/src/lib/components/FilterItem/FilterItem.js.map +1 -1
- package/dist/src/lib/components/FilterItem/style.module.css +1 -0
- package/dist/src/lib/components/FilterItem/style.module.css.map +1 -1
- package/dist/src/lib/components/Footer/Footer.js +3 -2
- package/dist/src/lib/components/Footer/Footer.js.map +1 -1
- package/dist/src/lib/components/Footer/style.module.css +4 -3
- package/dist/src/lib/components/Footer/style.module.css.map +1 -1
- package/dist/src/lib/components/FooterNav/FooterNav.js.map +1 -1
- package/dist/src/lib/components/FooterNav/style.module.css.map +1 -1
- package/dist/src/lib/components/FooterNavItem/FooterNavItem.js +8 -5
- package/dist/src/lib/components/FooterNavItem/FooterNavItem.js.map +1 -1
- package/dist/src/lib/components/FooterNavItem/style.module.css.map +1 -1
- package/dist/src/lib/components/Form/Form.d.ts +4 -4
- package/dist/src/lib/components/Form/Form.js +8 -8
- package/dist/src/lib/components/Form/Form.js.map +1 -1
- package/dist/src/lib/components/FyreCard/FyreCard.js.map +1 -1
- package/dist/src/lib/components/FyreCard/style.module.css +1 -0
- package/dist/src/lib/components/FyreCard/style.module.css.map +1 -1
- package/dist/src/lib/components/Greeting/Greeting.d.ts +1 -1
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.js +3 -1
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.js.map +1 -1
- package/dist/src/lib/components/HamburgerIcon/style.module.css +1 -0
- package/dist/src/lib/components/HamburgerIcon/style.module.css.map +1 -1
- package/dist/src/lib/components/HorizontalLine/HorizontalLine.js +1 -1
- package/dist/src/lib/components/HorizontalLine/HorizontalLine.js.map +1 -1
- package/dist/src/lib/components/HorizontalLine/style.module.css.map +1 -1
- package/dist/src/lib/components/Icon/Icon.d.ts +4 -4
- package/dist/src/lib/components/Icon/Icon.js +19 -19
- package/dist/src/lib/components/Icon/Icon.js.map +1 -1
- package/dist/src/lib/components/Icon/style.module.css +1 -0
- package/dist/src/lib/components/Icon/style.module.css.map +1 -1
- package/dist/src/lib/components/IconCard/IconCard.js.map +1 -1
- package/dist/src/lib/components/IconCard/style.module.css +1 -0
- package/dist/src/lib/components/IconCard/style.module.css.map +1 -1
- package/dist/src/lib/components/Image/Image.js +12 -7
- package/dist/src/lib/components/Image/Image.js.map +1 -1
- package/dist/src/lib/components/Image/style.module.css +1 -0
- package/dist/src/lib/components/Image/style.module.css.map +1 -1
- package/dist/src/lib/components/ImageInfo/ImageInfo.d.ts +2 -2
- package/dist/src/lib/components/ImageInfo/ImageInfo.js +11 -11
- package/dist/src/lib/components/ImageInfo/ImageInfo.js.map +1 -1
- package/dist/src/lib/components/ImageInfo/style.module.css +36 -35
- package/dist/src/lib/components/ImageInfo/style.module.css.map +1 -1
- package/dist/src/lib/components/ImageLink/ImageLink.js +3 -5
- package/dist/src/lib/components/ImageLink/ImageLink.js.map +1 -1
- package/dist/src/lib/components/ImageLink/style.module.css +3 -2
- package/dist/src/lib/components/ImageLink/style.module.css.map +1 -1
- package/dist/src/lib/components/ImageLinkList/style.module.css +3 -2
- package/dist/src/lib/components/ImageLinkList/style.module.css.map +1 -1
- package/dist/src/lib/components/InformationIcon/InformationIcon.d.ts +3 -3
- package/dist/src/lib/components/InformationIcon/InformationIcon.js +14 -15
- package/dist/src/lib/components/InformationIcon/InformationIcon.js.map +1 -1
- package/dist/src/lib/components/InformationIcon/style.module.css +9 -8
- package/dist/src/lib/components/InformationIcon/style.module.css.map +1 -1
- package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.d.ts +3 -3
- package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.js +12 -12
- package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.js.map +1 -1
- package/dist/src/lib/components/InformationIconBlock/style.module.css +2 -1
- package/dist/src/lib/components/InformationIconBlock/style.module.css.map +1 -1
- package/dist/src/lib/components/Input/Input.d.ts +2 -2
- package/dist/src/lib/components/Input/Input.js +11 -9
- package/dist/src/lib/components/Input/Input.js.map +1 -1
- package/dist/src/lib/components/Input/style.module.css +3 -1
- package/dist/src/lib/components/Input/style.module.css.map +1 -1
- package/dist/src/lib/components/Jumbotron/style.module.css +1 -0
- package/dist/src/lib/components/Jumbotron/style.module.css.map +1 -1
- package/dist/src/lib/components/MenuButton/MenuButton.d.ts +3 -3
- package/dist/src/lib/components/MenuButton/MenuButton.js +14 -12
- package/dist/src/lib/components/MenuButton/MenuButton.js.map +1 -1
- package/dist/src/lib/components/MenuButton/style.module.css +47 -46
- package/dist/src/lib/components/MenuButton/style.module.css.map +1 -1
- package/dist/src/lib/components/Modal/Modal.js.map +1 -1
- package/dist/src/lib/components/Modal/style.module.css +3 -2
- package/dist/src/lib/components/Modal/style.module.css.map +1 -1
- package/dist/src/lib/components/Nav/Nav.d.ts +5 -5
- package/dist/src/lib/components/Nav/Nav.js +28 -28
- package/dist/src/lib/components/Nav/Nav.js.map +1 -1
- package/dist/src/lib/components/Nav/StickyNav.js +7 -9
- package/dist/src/lib/components/Nav/StickyNav.js.map +1 -1
- package/dist/src/lib/components/Nav/style.module.css +11 -10
- package/dist/src/lib/components/Nav/style.module.css.map +1 -1
- package/dist/src/lib/components/NavItem/NavItem.d.ts +4 -4
- package/dist/src/lib/components/NavItem/NavItem.js +6 -6
- package/dist/src/lib/components/NavItem/NavItem.js.map +1 -1
- package/dist/src/lib/components/NavItem/style.module.css +0 -1
- package/dist/src/lib/components/NavItem/style.module.css.map +1 -1
- package/dist/src/lib/components/NewsCard/NewsCard.js +2 -3
- package/dist/src/lib/components/NewsCard/NewsCard.js.map +1 -1
- package/dist/src/lib/components/NewsCard/style.module.css +1 -0
- package/dist/src/lib/components/NewsCard/style.module.css.map +1 -1
- package/dist/src/lib/components/Pill/Pill.js +4 -7
- package/dist/src/lib/components/Pill/Pill.js.map +1 -1
- package/dist/src/lib/components/Pill/style.module.css +1 -0
- package/dist/src/lib/components/Pill/style.module.css.map +1 -1
- package/dist/src/lib/components/ProductCard/ProductCard.d.ts +4 -0
- package/dist/src/lib/components/ProductCard/ProductCard.js +25 -19
- package/dist/src/lib/components/ProductCard/ProductCard.js.map +1 -1
- package/dist/src/lib/components/ProductCard/style.module.css +54 -47
- package/dist/src/lib/components/ProductCard/style.module.css.map +1 -1
- package/dist/src/lib/components/ProductCardV2/ProductCardV2.d.ts +24 -0
- package/dist/src/lib/components/ProductCardV2/ProductCardV2.js +27 -0
- package/dist/src/lib/components/ProductCardV2/ProductCardV2.js.map +1 -0
- package/dist/src/lib/components/ProductCardV2/style.module.css +93 -0
- package/dist/src/lib/components/ProductCardV2/style.module.css.map +1 -0
- package/dist/src/lib/components/Proficiencies/style.module.css +2 -1
- package/dist/src/lib/components/Proficiencies/style.module.css.map +1 -1
- package/dist/src/lib/components/Profile/Profile.js +11 -10
- package/dist/src/lib/components/Profile/Profile.js.map +1 -1
- package/dist/src/lib/components/Profile/style.module.css +3 -2
- package/dist/src/lib/components/Profile/style.module.css.map +1 -1
- package/dist/src/lib/components/Row/style.module.css +1 -0
- package/dist/src/lib/components/Row/style.module.css.map +1 -1
- package/dist/src/lib/components/Search/Search.js +8 -7
- package/dist/src/lib/components/Search/Search.js.map +1 -1
- package/dist/src/lib/components/Search/style.module.css +1 -0
- package/dist/src/lib/components/Search/style.module.css.map +1 -1
- package/dist/src/lib/components/Select/Select.d.ts +1 -0
- package/dist/src/lib/components/Select/Select.js +11 -8
- package/dist/src/lib/components/Select/Select.js.map +1 -1
- package/dist/src/lib/components/Select/style.module.css +1 -1
- package/dist/src/lib/components/Select/style.module.css.map +1 -1
- package/dist/src/lib/components/Showcase/style.module.css +10 -9
- package/dist/src/lib/components/Showcase/style.module.css.map +1 -1
- package/dist/src/lib/components/SideNav/SideNav.js.map +1 -1
- package/dist/src/lib/components/SideNav/style.module.css +2 -1
- package/dist/src/lib/components/SideNav/style.module.css.map +1 -1
- package/dist/src/lib/components/SocialBlock/SocialBlock.d.ts +3 -3
- package/dist/src/lib/components/SocialBlock/SocialBlock.js +7 -7
- package/dist/src/lib/components/SocialBlock/SocialBlock.js.map +1 -1
- package/dist/src/lib/components/SocialBlock/style.module.css +29 -28
- package/dist/src/lib/components/SocialBlock/style.module.css.map +1 -1
- package/dist/src/lib/components/SocialButton/SocialButton.d.ts +3 -3
- package/dist/src/lib/components/SocialButton/SocialButton.js +11 -11
- package/dist/src/lib/components/SocialButton/SocialButton.js.map +1 -1
- package/dist/src/lib/components/SocialButton/style.module.css +66 -15
- package/dist/src/lib/components/SocialButton/style.module.css.map +1 -1
- package/dist/src/lib/components/StarRating/StarRating.js.map +1 -1
- package/dist/src/lib/components/StarRating/style.module.css +1 -0
- package/dist/src/lib/components/StarRating/style.module.css.map +1 -1
- package/dist/src/lib/components/Testimonial/Testimonial.js.map +1 -1
- package/dist/src/lib/components/Testimonial/style.module.css +1 -0
- package/dist/src/lib/components/Testimonial/style.module.css.map +1 -1
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.d.ts +6 -9
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js +14 -54
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js.map +1 -1
- package/dist/src/lib/components/TextAndTitle/style.module.css +3 -2
- package/dist/src/lib/components/TextAndTitle/style.module.css.map +1 -1
- package/dist/src/lib/components/TextArea/TextArea.d.ts +2 -2
- package/dist/src/lib/components/TextArea/TextArea.js +11 -9
- package/dist/src/lib/components/TextArea/TextArea.js.map +1 -1
- package/dist/src/lib/components/TextArea/style.module.css +1 -1
- package/dist/src/lib/components/TextArea/style.module.css.map +1 -1
- package/dist/src/lib/components/Timeline/Timeline.js +15 -20
- package/dist/src/lib/components/Timeline/Timeline.js.map +1 -1
- package/dist/src/lib/components/Timeline/style.module.css +13 -12
- package/dist/src/lib/components/Timeline/style.module.css.map +1 -1
- package/dist/src/lib/components/TimelineV2/TimelineV2.d.ts +3 -3
- package/dist/src/lib/components/TimelineV2/TimelineV2.js +6 -6
- package/dist/src/lib/components/TimelineV2/TimelineV2.js.map +1 -1
- package/dist/src/lib/components/TimelineV2/style.module.css +4 -3
- package/dist/src/lib/components/TimelineV2/style.module.css.map +1 -1
- package/dist/src/lib/components/Tubestops/Tubestops.d.ts +4 -8
- package/dist/src/lib/components/Tubestops/Tubestops.js +19 -32
- package/dist/src/lib/components/Tubestops/Tubestops.js.map +1 -1
- package/dist/src/lib/components/Tubestops/style.module.css +49 -923
- package/dist/src/lib/components/Tubestops/style.module.css.map +1 -1
- package/dist/src/lib/components/UserIcon/UserIcon.js.map +1 -1
- package/dist/src/lib/components/UserIcon/style.module.css +3 -2
- package/dist/src/lib/components/UserIcon/style.module.css.map +1 -1
- package/dist/src/lib/index.d.ts +4 -1
- package/dist/src/lib/index.js +4 -1
- package/dist/src/lib/index.js.map +1 -1
- package/dist/src/lib/typography/Colours/Colours.d.ts +7 -0
- package/dist/src/lib/typography/Colours/Colours.js +90 -0
- package/dist/src/lib/typography/Colours/Colours.js.map +1 -0
- package/dist/src/lib/typography/Colours/style.module.css +24 -0
- package/dist/src/lib/typography/Colours/style.module.css.map +1 -0
- package/dist/src/lib/typography/{index.d.ts → Fonts/Fonts.d.ts} +1 -1
- package/dist/src/lib/typography/{index.js → Fonts/Fonts.js} +3 -3
- package/dist/src/lib/typography/Fonts/Fonts.js.map +1 -0
- package/dist/src/lib/utils/controls.d.ts +3 -3
- package/dist/src/lib/utils/controls.js.map +1 -1
- package/dist/src/lib/utils/screens.d.ts +1 -2
- package/dist/src/lib/utils/screens.js +1 -1
- package/dist/src/lib/utils/screens.js.map +1 -1
- package/dist/src/lib/utils/theme.js +4 -1
- package/dist/src/lib/utils/theme.js.map +1 -1
- package/dist/tailwind.config.d.ts +14 -7
- package/dist/tailwind.config.js +63 -69
- package/dist/tailwind.config.js.map +1 -1
- package/package.json +35 -39
- package/dist/src/lib/snapWrapper.d.ts +0 -2
- package/dist/src/lib/snapWrapper.js +0 -7
- package/dist/src/lib/snapWrapper.js.map +0 -1
- package/dist/src/lib/typography/index.js.map +0 -1
|
@@ -1,28 +1,27 @@
|
|
|
1
|
-
import React, { useEffect, useRef } from
|
|
2
|
-
import Icon from
|
|
3
|
-
import classNames from
|
|
4
|
-
import style from
|
|
5
|
-
import MatchMedia from
|
|
6
|
-
|
|
7
|
-
const InformationIcon = ({ id, className, title, subtitle, withAnimation = false, withHoverEffect = true, iconProps, backgroundColour = "white", theme = "theme-rupertbennett", large = true, }) => {
|
|
1
|
+
import React, { useEffect, useRef } from 'react';
|
|
2
|
+
import Icon from '../Icon/Icon';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import style from './style.module.css';
|
|
5
|
+
import MatchMedia from '../../utils/matchMedia';
|
|
6
|
+
const InformationIcon = ({ id, className, title, subtitle, withAnimation = false, withHoverEffect = true, iconProps, backgroundColour = 'white', theme = 'theme-rupertbennett', large = true }) => {
|
|
8
7
|
const loaded = useRef(false);
|
|
9
|
-
const smScreenSize =
|
|
8
|
+
const smScreenSize = 'max-width: 768px';
|
|
10
9
|
const isSm = MatchMedia(smScreenSize);
|
|
11
10
|
const classList = classNames({
|
|
12
11
|
[style.hoverable]: withHoverEffect,
|
|
13
12
|
[style.large]: large,
|
|
14
13
|
[style.small]: !large,
|
|
15
|
-
|
|
14
|
+
'pt-4': !large
|
|
16
15
|
}, className, style.classList, style[backgroundColour], theme);
|
|
17
16
|
const titleClassList = classNames({
|
|
18
17
|
[style.centerText]: subtitle === undefined,
|
|
19
|
-
[style.title]: subtitle !== undefined
|
|
18
|
+
[style.title]: subtitle !== undefined
|
|
20
19
|
});
|
|
21
20
|
const subtitleClassList = classNames({
|
|
22
|
-
[style.centerText]: title === undefined
|
|
21
|
+
[style.centerText]: title === undefined
|
|
23
22
|
}, style.subtitle);
|
|
24
23
|
useEffect(() => {
|
|
25
|
-
if (typeof subtitle ===
|
|
24
|
+
if (typeof subtitle === 'number') {
|
|
26
25
|
const element = document.getElementById(`${id}_number`);
|
|
27
26
|
const observer = new IntersectionObserver((entries, observer) => {
|
|
28
27
|
entries.forEach((entry) => {
|
|
@@ -48,10 +47,10 @@ const InformationIcon = ({ id, className, title, subtitle, withAnimation = false
|
|
|
48
47
|
window.requestAnimationFrame(step);
|
|
49
48
|
};
|
|
50
49
|
return (React.createElement("div", { id: id, className: classList },
|
|
51
|
-
React.createElement("div", { className: style.icon }, iconProps !== undefined && (React.createElement(Icon, Object.assign({}, iconProps, { className:
|
|
50
|
+
React.createElement("div", { className: style.icon }, iconProps !== undefined && (React.createElement(Icon, Object.assign({}, iconProps, { className: 'mx-auto', size: isSm ? 3 : 2, theme: theme, bgColour: backgroundColour })))),
|
|
52
51
|
React.createElement("div", { className: style.text },
|
|
53
|
-
title !== undefined && title !==
|
|
54
|
-
subtitle !== undefined && subtitle !==
|
|
52
|
+
title !== undefined && title !== '' && (React.createElement("p", { className: titleClassList }, title)),
|
|
53
|
+
subtitle !== undefined && subtitle !== '' && (React.createElement("p", { className: subtitleClassList }, subtitle)))));
|
|
55
54
|
};
|
|
56
55
|
export default InformationIcon;
|
|
57
56
|
//# sourceMappingURL=InformationIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InformationIcon.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIcon/InformationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"InformationIcon.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIcon/InformationIcon.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
text-align: center
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
-
@media (min-width:
|
|
8
|
+
@media (min-width: 550px) {
|
|
9
9
|
|
|
10
10
|
.classList {
|
|
11
11
|
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
padding-bottom: 1rem
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
@media (min-width:
|
|
30
|
+
@media (min-width: 550px) {
|
|
31
31
|
|
|
32
32
|
.icon {
|
|
33
33
|
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
padding-right: 1rem
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
@media (min-width:
|
|
45
|
+
@media (min-width: 744px) {
|
|
46
46
|
|
|
47
47
|
.large .icon {
|
|
48
48
|
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
padding-right: 0.5rem
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
-
@media (min-width:
|
|
60
|
+
@media (min-width: 744px) {
|
|
61
61
|
|
|
62
62
|
.small .icon {
|
|
63
63
|
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
flex-direction: column-reverse
|
|
75
75
|
}
|
|
76
76
|
|
|
77
|
-
@media (min-width:
|
|
77
|
+
@media (min-width: 550px) {
|
|
78
78
|
|
|
79
79
|
.text {
|
|
80
80
|
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
88
|
|
|
89
|
-
@media (min-width:
|
|
89
|
+
@media (min-width: 744px) {
|
|
90
90
|
|
|
91
91
|
.text {
|
|
92
92
|
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
font-weight: 300
|
|
100
100
|
}
|
|
101
101
|
|
|
102
|
-
@media (min-width:
|
|
102
|
+
@media (min-width: 550px) {
|
|
103
103
|
|
|
104
104
|
.title {
|
|
105
105
|
|
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
font-weight: 500
|
|
115
115
|
}
|
|
116
116
|
|
|
117
|
-
@media (min-width:
|
|
117
|
+
@media (min-width: 550px) {
|
|
118
118
|
|
|
119
119
|
.subtitle {
|
|
120
120
|
|
|
@@ -186,4 +186,5 @@
|
|
|
186
186
|
|
|
187
187
|
color: var(--color-white)
|
|
188
188
|
}
|
|
189
|
+
|
|
189
190
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/InformationIcon/style.module.css"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/InformationIcon/style.module.css"],"names":[],"mappings":"AACE;;IAAA,mBAAmD;;IAAnD;AAAmD;;AAAnD;;IAAA;;QAAA,aAAmD;;QAAnD;IAAmD;AAAA;;AAInD;;IAAA,iBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA;;QAAA;IAAgB;AAAA;;AAIhB;;IAAA,kBAAmB;;IAAnB;AAAmB;;AAAnB;;IAAA;;QAAA,kBAAmB;;QAAnB;IAAmB;AAAA;;AAInB;;IAAA;AAAmB;;AAAnB;;IAAA;;QAAA;IAAmB;AAAA;;AAInB;;IAAA,gBAAkE;;IAAlE,aAAkE;;IAAlE;AAAkE;;AAAlE;;IAAA;;QAAA,eAAkE;;QAAlE,cAAkE;;QAAlE;IAAkE;AAAA;;AAAlE;;IAAA;;QAAA;IAAkE;AAAA;;AAIlE;;IAAA;AAAkC;;AAAlC;;IAAA;;QAAA;IAAkC;AAAA;;AAIlC;;IAAA,eAAsD;;IAAtD;AAAsD;;AAAtD;;IAAA;;QAAA,eAAsD;;QAAtD;IAAsD;AAAA;;AAItD;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,wCAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,4CAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,uCAA6B;;IAA7B;AAA6B;;AAI7B;;IAAA,mCAAyB;;IAAzB;AAAyB","file":"style.module.css","sourcesContent":[".classList {\n @apply sm:flex rounded-2xl text-center sm:text-left;\n}\n\n.large {\n @apply py-8;\n}\n\n.small {\n @apply pb-4;\n}\n\n.icon {\n @apply sm:h-full;\n}\n\n.large .icon {\n @apply px-4 md:px-8;\n}\n\n.small .icon {\n @apply pr-2 md:pr-4;\n}\n\n.text {\n @apply flex flex-col-reverse sm:block sm:pr-4 md:pr-8 mt-8 sm:mt-0;\n}\n\n.title {\n @apply font-light sm:font-semiBold;\n}\n\n.subtitle {\n @apply text-xxl sm:text-xs font-medium sm:font-regular;\n}\n\n.primary {\n @apply bg-primary text-white;\n}\n\n.secondary {\n @apply bg-secondary text-white;\n}\n\n.white {\n @apply bg-white text-black;\n}\n\n.grey {\n @apply bg-lightest-grey text-black;\n}\n\n.black {\n @apply bg-black text-white;\n}\n\n.success {\n @apply bg-success text-white;\n}\n\n.error {\n @apply bg-error text-white;\n}\n\n.facebook {\n @apply bg-facebook text-white;\n}\n\n.gold {\n @apply bg-gold text-white;\n}\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Colours, ThemeTypes } from
|
|
3
|
-
import { Props as iconProps } from
|
|
2
|
+
import { Colours, ThemeTypes } from '../../utils/controls';
|
|
3
|
+
import { Props as iconProps } from '../Icon/Icon';
|
|
4
4
|
export interface Props {
|
|
5
5
|
id?: string;
|
|
6
6
|
className?: string;
|
|
@@ -10,5 +10,5 @@ export interface Props {
|
|
|
10
10
|
icons?: iconProps[];
|
|
11
11
|
theme?: ThemeTypes;
|
|
12
12
|
}
|
|
13
|
-
declare const InformationIconBlock: ({ id, className, title, description, bgColour, icons, theme
|
|
13
|
+
declare const InformationIconBlock: ({ id, className, title, description, bgColour, icons, theme }: Props) => JSX.Element;
|
|
14
14
|
export default InformationIconBlock;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import style from
|
|
3
|
-
import Container from
|
|
4
|
-
import ComponentWrapper from
|
|
5
|
-
import
|
|
6
|
-
import classNames from
|
|
7
|
-
const InformationIconBlock = ({ id, className, title, description, bgColour, icons, theme =
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import style from './style.module.css';
|
|
3
|
+
import Container from '../Container/Container';
|
|
4
|
+
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
5
|
+
import InformationIcon from '../InformationIcon/InformationIcon';
|
|
6
|
+
import classNames from 'classnames';
|
|
7
|
+
const InformationIconBlock = ({ id, className, title, description, bgColour, icons, theme = 'theme-rupertbennett' }) => {
|
|
8
8
|
const classList = classNames(className);
|
|
9
9
|
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour, theme: theme },
|
|
10
10
|
React.createElement(Container, { className: style.iconWrapper, withPadding: false }, icons === null || icons === void 0 ? void 0 : icons.map((icon, i) => {
|
|
11
11
|
return (React.createElement(InformationIcon, { key: i, iconProps: {
|
|
12
12
|
size: 2,
|
|
13
13
|
type: icon.type,
|
|
14
|
-
colour:
|
|
15
|
-
bgColour:
|
|
16
|
-
hoverColour:
|
|
17
|
-
hoverBgColour:
|
|
18
|
-
}, id: icon.name.replace(/\s+/g,
|
|
14
|
+
colour: 'primary',
|
|
15
|
+
bgColour: 'white',
|
|
16
|
+
hoverColour: 'primary',
|
|
17
|
+
hoverBgColour: 'white'
|
|
18
|
+
}, id: icon.name.replace(/\s+/g, ''), title: icon.name, subtitle: icon.value, withAnimation: true }));
|
|
19
19
|
}))));
|
|
20
20
|
};
|
|
21
21
|
export default InformationIconBlock;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InformationIconBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIconBlock/InformationIconBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"InformationIconBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIconBlock/InformationIconBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,eAAe,MAAM,6CAA6C,CAAA;AAEzE,OAAO,UAAU,MAAM,YAAY,CAAA;AAYnC,MAAM,oBAAoB,GAAG,CAAC,EAC5B,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IACvC,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK;QAEZ,oBAAC,SAAS,IAAC,SAAS,EAAE,KAAK,CAAC,WAAW,EAAE,WAAW,EAAE,KAAK,IACxD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAS,EAAE,CAAS,EAAE,EAAE;YACnC,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,CAAC,EACN,SAAS,EAAE;oBACT,IAAI,EAAE,CAAC;oBACP,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,MAAM,EAAE,SAAS;oBACjB,QAAQ,EAAE,OAAO;oBACjB,WAAW,EAAE,SAAS;oBACtB,aAAa,EAAE,OAAO;iBACvB,EACD,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EACjC,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,QAAQ,EAAE,IAAI,CAAC,KAAK,EACpB,aAAa,SACb,CACH,CAAA;QACH,CAAC,CAAC,CACQ,CACK,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/InformationIconBlock/style.module.css"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/InformationIconBlock/style.module.css"],"names":[],"mappings":"AACE;;IAAA,aAA4C;;IAA5C,gDAA4C;;IAA5C;AAA4C;;AAA5C;;IAAA;;QAAA;IAA4C;AAAA;;AAI5C;;IAAA;AAAY","file":"style.module.css","sourcesContent":[".iconWrapper {\n @apply grid grid-cols-2 xl:grid-cols-4 gap-4;\n}\n\n.iconClasses {\n @apply pb-12;\n}\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Colours, ThemeTypes } from
|
|
2
|
+
import { Colours, ThemeTypes } from '../../utils/controls';
|
|
3
3
|
export interface Props {
|
|
4
4
|
id?: string;
|
|
5
5
|
className?: string;
|
|
@@ -27,5 +27,5 @@ export interface Props {
|
|
|
27
27
|
bgColour?: Colours;
|
|
28
28
|
theme?: ThemeTypes;
|
|
29
29
|
}
|
|
30
|
-
declare const Input: ({ id, className, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, label, type, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState, value, theme
|
|
30
|
+
declare const Input: ({ id, className, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, label, type, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState, value, theme }: Props) => JSX.Element;
|
|
31
31
|
export default Input;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import React, { useRef } from
|
|
2
|
-
import classNames from
|
|
3
|
-
import style from
|
|
4
|
-
const Input = ({ id, className, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required = false, readOnly, label, type, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState = false, value, theme =
|
|
5
|
-
const newId = id !== undefined ? `-${id}` :
|
|
1
|
+
import React, { useRef } from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import style from './style.module.css';
|
|
4
|
+
const Input = ({ id, className, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required = false, readOnly, label, type, name, placeholder, onChange, onBlur, onFocus, onClick, withValidation, errors, errorState = false, value, theme = 'theme-rupertbennett' }) => {
|
|
5
|
+
const newId = id !== undefined ? `-${id}` : '';
|
|
6
6
|
const valueClassList = classNames({
|
|
7
|
-
[style.errorState]: errors != null || errorState
|
|
7
|
+
[style.errorState]: errors != null || errorState
|
|
8
8
|
}, style.value);
|
|
9
9
|
const labelClassList = classNames({
|
|
10
|
-
[style.labelError]: errors != null || errorState
|
|
10
|
+
[style.labelError]: errors != null || errorState
|
|
11
11
|
}, style.label);
|
|
12
12
|
const headerClassList = classNames(style.classList, className, theme);
|
|
13
13
|
const btnRef = useRef(null);
|
|
@@ -20,8 +20,10 @@ const Input = ({ id, className, autoComplete, disabled, formId, height, maxLengt
|
|
|
20
20
|
React.createElement("div", { className: style.labelWrapper },
|
|
21
21
|
React.createElement("p", { className: labelClassList }, label),
|
|
22
22
|
required && React.createElement("p", { className: style.required }, "\u00A0*")),
|
|
23
|
-
React.createElement("input", { ref: btnRef, id: `input${newId}`, className: valueClassList, autoComplete: autoComplete, disabled: disabled, form: formId, height: height, maxLength: maxLength, minLength: minLength, pattern: pattern, required: required, readOnly: readOnly, type: type, name: name, value: value, placeholder: placeholder, onChange: (e) =>
|
|
24
|
-
|
|
23
|
+
React.createElement("input", { ref: btnRef, id: `input${newId}`, className: valueClassList, autoComplete: autoComplete, disabled: disabled, form: formId, height: height, maxLength: maxLength, minLength: minLength, pattern: pattern, required: required, readOnly: readOnly, type: type, name: name, value: value, placeholder: placeholder, onChange: (e) => {
|
|
24
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(e);
|
|
25
|
+
}, onBlur: onBlur, onFocus: onFocus, onClick: onClick })),
|
|
26
|
+
withValidation && (React.createElement("div", { id: `errors${newId}`, className: classNames(style.errors, theme) }, errors === null || errors === void 0 ? void 0 : errors.map((error, i) => {
|
|
25
27
|
return (React.createElement("p", { key: `error-msg-${i + 0}`, className: style.errorText }, error));
|
|
26
28
|
})))));
|
|
27
29
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/lib/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/lib/components/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
width: 100%
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
@media (min-width:
|
|
25
|
+
@media (min-width: 550px) {
|
|
26
26
|
|
|
27
27
|
.notFullWidth {
|
|
28
28
|
|
|
@@ -42,6 +42,8 @@
|
|
|
42
42
|
|
|
43
43
|
padding-right: 0.25rem;
|
|
44
44
|
|
|
45
|
+
display: flex;
|
|
46
|
+
|
|
45
47
|
border-radius: 1rem;
|
|
46
48
|
|
|
47
49
|
background-color: var(--color-white);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Input/style.module.css"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Input/style.module.css"],"names":[],"mappings":"AACE;;IAAA,gBAA2B;;IAA3B,WAA2B;;IAA3B,oCAA2B;;IAC3B;AAD2B;;AAI7B;;;;;;IAMI;;AAGF;;IAAA;AAAa;;AAIb;;IAAA;;QAAA;IAAc;AAAA;;AAId;;IAAA,kBAA+B;;IAA/B,oBAA+B;;IAA/B,oBAA+B;;IAA/B,qBAA+B;;IAA/B,sBAA+B;;IAC/B,aAAqD;;IAArD,mBAAqD;;IAArD,oCAAqD;;IAArD,eAAqD;;IAArD;AAD+B;;AAK/B;;IAAA,gBAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,WAAoD;;IAApD,uBAAoD;;IAApD,oCAAoD;;IAApD,mBAAoD;;IAApD,sBAAoD;;IAApD,kBAAoD;;IAApD,uBAAoD;;IACpD,eAAqB;;IACrB,iBAA0B;;IAA1B,gCAA0B;;IAC1B;AAHoD;;AAMtD;;;;;;GAMG;;AAGD;;IAAA,eAAsC;;IAAtC,gBAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA;AAAiB;;AAIjB;;IAAA,mBAAwC;;IAAxC,sBAAwC;;IAAxC,gCAAwC;;IAAxC;AAAwC","file":"style.module.css","sourcesContent":[".classList {\n @apply w-full bg-white mt-4;\n @apply cursor-pointer;\n}\n\n/* .classList:active p {\n @apply hidden;\n} \n\n.classList:active .value {\n @apply pt-3 pb-4;\n} */\n\n.fullWidth {\n @apply w-full;\n}\n\n.notFullWidth {\n @apply sm:w-72;\n}\n\n.labelWrapper {\n @apply px-1 ml-3 absolute -mt-3;\n @apply bg-white text-sm font-regular rounded-2xl flex;\n}\n\n.required {\n @apply text-error font-semiBold;\n}\n\n.value {\n @apply py-2 pl-4 rounded-md text-ink bg-white w-full;\n @apply cursor-pointer;\n @apply border border-black;\n @apply text-md;\n}\n\n/* .value:focus {\n @apply pt-3 pb-4;\n}\n\n.value:focus ~ label {\n @apply text-xl;\n} */\n\n.errors {\n @apply text-error text-sm font-regular;\n}\n\n.errorState {\n @apply border-2 border-error;\n}\n\n.labelError {\n @apply text-error;\n}\n\n.errorText {\n @apply border-l-4 border-error pl-3 mt-1;\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Jumbotron/style.module.css"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Jumbotron/style.module.css"],"names":[],"mappings":"AACE;;IAAA,aAA2B;;IAA3B,gBAA2B;;IAC3B;AAD2B;;AAK3B;;IAAA,YAAiC;;IAAjC,WAAiC;;IAAjC;AAAiC","file":"style.module.css","sourcesContent":[".classes {\n @apply h-96 overflow-hidden;\n @apply w-full;\n}\n\n.imageClasses {\n @apply w-full object-cover h-full;\n}\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { Colours, ThemeTypes } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Colours, ThemeTypes } from '../../utils/controls';
|
|
3
3
|
export interface Props {
|
|
4
4
|
id?: string;
|
|
5
5
|
className?: string;
|
|
@@ -11,5 +11,5 @@ export interface Props {
|
|
|
11
11
|
}>;
|
|
12
12
|
onClick?: React.MouseEventHandler;
|
|
13
13
|
}
|
|
14
|
-
declare const MenuButton: ({ id, className, backgroundColour, theme, menuItems, onClick
|
|
14
|
+
declare const MenuButton: ({ id, className, backgroundColour, theme, menuItems, onClick }: Props) => JSX.Element;
|
|
15
15
|
export default MenuButton;
|
|
@@ -1,21 +1,23 @@
|
|
|
1
|
-
import React, { useState } from
|
|
2
|
-
import classNames from
|
|
3
|
-
import style from
|
|
4
|
-
import DropdownMenu from
|
|
5
|
-
import Image from
|
|
6
|
-
const MenuButton = ({ id, className, backgroundColour =
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import style from './style.module.css';
|
|
4
|
+
import DropdownMenu from '../DropdownMenu/DropdownMenu';
|
|
5
|
+
import Image from '../Image/Image';
|
|
6
|
+
const MenuButton = ({ id, className, backgroundColour = 'white', theme = 'theme-rupertbennett', menuItems, onClick }) => {
|
|
7
7
|
const [showMenu, setShowMenu] = useState(false);
|
|
8
8
|
const classList = classNames(className, style.classList, style[backgroundColour], theme);
|
|
9
9
|
if (!menuItems)
|
|
10
10
|
return React.createElement(React.Fragment, null);
|
|
11
11
|
return (React.createElement("div", null,
|
|
12
|
-
React.createElement("div", { id: id, className: classList, onClick: () =>
|
|
12
|
+
React.createElement("div", { id: id, className: classList, onClick: () => {
|
|
13
|
+
setShowMenu(!showMenu);
|
|
14
|
+
} },
|
|
13
15
|
React.createElement("div", { className: style.menuClasses, onClick: (e) => onClick === null || onClick === void 0 ? void 0 : onClick(e) },
|
|
14
|
-
React.createElement("svg", { className: style.svg, width:
|
|
15
|
-
React.createElement("path", { className: style.lineOneClassList, d:
|
|
16
|
-
React.createElement("path", { className: style.lineTwoClassList, d:
|
|
17
|
-
React.createElement("path", { className: style.lineThreeClassList, d:
|
|
18
|
-
React.createElement(Image, { src:
|
|
16
|
+
React.createElement("svg", { className: style.svg, width: '18', height: '24', viewBox: '0 0 24 15', xmlns: 'http://www.w3.org/2000/svg' },
|
|
17
|
+
React.createElement("path", { className: style.lineOneClassList, d: 'M0 1.5C0 0.947715 0.447715 0.5 1 0.5H21C21.5523 0.5 22 0.947715 22 1.5C22 2.05228 21.5523 2.5 21 2.5H1C0.447716 2.5 0 2.05228 0 1.5Z' }),
|
|
18
|
+
React.createElement("path", { className: style.lineTwoClassList, d: 'M0 7.5C0 6.94772 0.447715 6.5 1 6.5H21C21.5523 6.5 22 6.94772 22 7.5C22 8.05228 21.5523 8.5 21 8.5H1C0.447716 8.5 0 8.05228 0 7.5Z' }),
|
|
19
|
+
React.createElement("path", { className: style.lineThreeClassList, d: 'M0 13.5C0 12.9477 0.447715 12.5 1 12.5H21C21.5523 12.5 22 12.9477 22 13.5C22 14.0523 21.5523 14.5 21 14.5H1C0.447716 14.5 0 14.0523 0 13.5Z' }))),
|
|
20
|
+
React.createElement(Image, { src: 'https://picsum.photos/300/300', className: style.imageClasses })),
|
|
19
21
|
showMenu && (React.createElement("div", null,
|
|
20
22
|
React.createElement(DropdownMenu, { menuItems: menuItems })))));
|
|
21
23
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuButton.js","sourceRoot":"","sources":["../../../../../src/lib/components/MenuButton/MenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"MenuButton.js","sourceRoot":"","sources":["../../../../../src/lib/components/MenuButton/MenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,YAAY,MAAM,uCAAuC,CAAA;AAChE,OAAO,KAAK,MAAM,yBAAyB,CAAA;AAW3C,MAAM,UAAU,GAAG,CAAC,EAClB,EAAE,EACF,SAAS,EACT,gBAAgB,GAAG,OAAO,EAC1B,KAAK,GAAG,qBAAqB,EAC7B,SAAS,EACT,OAAO,EACD,EAAe,EAAE;IACvB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,SAAS,GAAG,UAAU,CAC1B,SAAS,EACT,KAAK,CAAC,SAAS,EACf,KAAK,CAAC,gBAAgB,CAAC,EACvB,KAAK,CACN,CAAA;IAED,IAAI,CAAC,SAAS;QAAE,OAAO,yCAAK,CAAA;IAE5B,OAAO,CACL;QACE,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE;gBACZ,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAA;YACxB,CAAC;YAED,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC;gBAC7D,6BACE,SAAS,EAAE,KAAK,CAAC,GAAG,EACpB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;oBAElC,8BACE,SAAS,EAAE,KAAK,CAAC,gBAAgB,EACjC,CAAC,EAAC,sIAAsI,GACxI;oBACF,8BACE,SAAS,EAAE,KAAK,CAAC,gBAAgB,EACjC,CAAC,EAAC,oIAAoI,GACtI;oBACF,8BACE,SAAS,EAAE,KAAK,CAAC,kBAAkB,EACnC,CAAC,EAAC,6IAA6I,GAC/I,CACE,CACF;YACN,oBAAC,KAAK,IACJ,GAAG,EAAC,+BAA+B,EACnC,SAAS,EAAE,KAAK,CAAC,YAAY,GAC7B,CACE;QACL,QAAQ,IAAI,CACX;YACE,oBAAC,YAAY,IAAC,SAAS,EAAE,SAAS,GAAI,CAClC,CACP,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -1,75 +1,76 @@
|
|
|
1
1
|
.classList {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
2
|
+
width: 80px;
|
|
3
|
+
height: 45px;
|
|
4
|
+
overflow: hidden;
|
|
5
|
+
border-radius: 9999px;
|
|
6
|
+
border-width: 2px;
|
|
7
|
+
border-color: var(--color-lightest-grey);
|
|
8
|
+
margin-top: auto;
|
|
9
|
+
margin-bottom: auto;
|
|
10
|
+
display: flex;
|
|
11
|
+
cursor: pointer;
|
|
12
|
+
justify-content: space-between;
|
|
13
|
+
padding-left: 0.5rem;
|
|
14
|
+
text-align: center;
|
|
15
15
|
}.classList:hover {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
17
|
+
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
|
18
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
.menuClasses {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
22
|
+
margin-left: auto;
|
|
23
|
+
margin-right: auto;
|
|
24
|
+
margin-top: auto;
|
|
25
|
+
margin-bottom: auto;
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
.imageClasses {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
29
|
+
width: 34px;
|
|
30
|
+
height: 34px;
|
|
31
|
+
margin-top: auto;
|
|
32
|
+
margin-bottom: auto;
|
|
33
|
+
margin-left: auto;
|
|
34
|
+
margin-right: auto;
|
|
35
|
+
border-radius: 9999px;
|
|
36
|
+
object-fit: contain;
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
.primary {
|
|
40
|
-
|
|
41
|
-
|
|
40
|
+
background-color: var(--color-primary);
|
|
41
|
+
color: var(--color-white);
|
|
42
42
|
}
|
|
43
43
|
.secondary {
|
|
44
|
-
|
|
45
|
-
|
|
44
|
+
background-color: var(--color-secondary);
|
|
45
|
+
color: var(--color-white);
|
|
46
46
|
}
|
|
47
47
|
.white {
|
|
48
|
-
|
|
49
|
-
|
|
48
|
+
background-color: var(--color-white);
|
|
49
|
+
color: var(--color-black);
|
|
50
50
|
}
|
|
51
51
|
.grey {
|
|
52
|
-
|
|
53
|
-
|
|
52
|
+
background-color: var(--color-lightest-grey);
|
|
53
|
+
color: var(--color-black);
|
|
54
54
|
}
|
|
55
55
|
.black {
|
|
56
|
-
|
|
57
|
-
|
|
56
|
+
background-color: var(--color-black);
|
|
57
|
+
color: var(--color-white);
|
|
58
58
|
}
|
|
59
59
|
.success {
|
|
60
|
-
|
|
61
|
-
|
|
60
|
+
background-color: var(--color-success);
|
|
61
|
+
color: var(--color-white);
|
|
62
62
|
}
|
|
63
63
|
.error {
|
|
64
|
-
|
|
65
|
-
|
|
64
|
+
background-color: var(--color-error);
|
|
65
|
+
color: var(--color-white);
|
|
66
66
|
}
|
|
67
67
|
.facebook {
|
|
68
|
-
|
|
69
|
-
|
|
68
|
+
background-color: var(--color-facebook);
|
|
69
|
+
color: var(--color-white);
|
|
70
70
|
}
|
|
71
71
|
.gold {
|
|
72
|
-
|
|
73
|
-
|
|
72
|
+
background-color: var(--color-gold);
|
|
73
|
+
color: var(--color-white);
|
|
74
74
|
}
|
|
75
|
+
|
|
75
76
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/MenuButton/style.module.css"],"names":[],"mappings":"AAAA;
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/MenuButton/style.module.css"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,YAAY;EACZ,gBAAiE;EAAjE,qBAAiE;EAAjE,iBAAiE;EAAjE,wCAAiE;EACjE,gBAAmE;EAAnE,mBAAmE;EAAnE,aAAmE;EAAnE,eAAmE;EAAnE,8BAAmE;EAAnE,oBAAmE;EAAnE,kBAAmE;AAErE,CADE;EAAA,6EAAsB;EAAtB,iGAAsB;EAAtB;AAAsB;;AAItB;EAAA,iBAAsB;EAAtB,kBAAsB;EAAtB,gBAAsB;EAAtB;AAAsB;;AAGxB;EACE,WAAW;EACX,YAAY;EACZ,gBAAkD;EAAlD,mBAAkD;EAAlD,iBAAkD;EAAlD,kBAAkD;EAAlD,qBAAkD;EAAlD,mBAAkD;AACpD;;AAGE;EAAA,sCAA4B;EAA5B;AAA4B;AAG5B;EAAA,wCAA8B;EAA9B;AAA8B;AAG9B;EAAA,oCAA0B;EAA1B;AAA0B;AAG1B;EAAA,4CAAkC;EAAlC;AAAkC;AAGlC;EAAA,oCAA0B;EAA1B;AAA0B;AAG1B;EAAA,sCAA4B;EAA5B;AAA4B;AAG5B;EAAA,oCAA0B;EAA1B;AAA0B;AAG1B;EAAA,uCAA6B;EAA7B;AAA6B;AAG7B;EAAA,mCAAyB;EAAzB;AAAyB","file":"style.module.css","sourcesContent":[".classList {\n width: 80px;\n height: 45px;\n @apply border-2 border-lightest-grey rounded-full overflow-hidden;\n @apply flex justify-between my-auto text-center pl-2 cursor-pointer;\n @apply hover:shadow-md;\n}\n\n.menuClasses {\n @apply mx-auto my-auto;\n}\n\n.imageClasses {\n width: 34px;\n height: 34px;\n @apply rounded-full object-contain my-auto mx-auto;\n}\n\n.primary {\n @apply bg-primary text-white;\n}\n.secondary {\n @apply bg-secondary text-white;\n}\n.white {\n @apply bg-white text-black;\n}\n.grey {\n @apply bg-lightest-grey text-black;\n}\n.black {\n @apply bg-black text-white;\n}\n.success {\n @apply bg-success text-white;\n}\n.error {\n @apply bg-error text-white;\n}\n.facebook {\n @apply bg-facebook text-white;\n}\n.gold {\n @apply bg-gold text-white;\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/lib/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAUtC,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,EACF,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,cAAc,EACd,YAAY,EACZ,cAAc,GAAG,MAAM,EACjB,EAAe,EAAE;IACvB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAA;IAC9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAwC,CAAA;QAE5C,IAAI,OAAO,EAAE;YACX,SAAS,CAAC,KAAK,CAAC,CAAA;YAChB,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC1B,YAAY,CAAC,IAAI,CAAC,CAAA;YACpB,CAAC,EAAE,GAAG,CAAC,CAAA;SACR;aAAM;YACL,YAAY,CAAC,KAAK,CAAC,CAAA;YACnB,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC1B,SAAS,CAAC,IAAI,CAAC,CAAA;YACjB,CAAC,EAAE,GAAG,CAAC,CAAA;SACR;QAED,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,SAAS,CAAC,CAAA;QACzB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,MAAM,SAAS,GAAG,UAAU,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/lib/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAUtC,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,EACF,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,cAAc,EACd,YAAY,EACZ,cAAc,GAAG,MAAM,EACjB,EAAe,EAAE;IACvB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAA;IAC9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAwC,CAAA;QAE5C,IAAI,OAAO,EAAE;YACX,SAAS,CAAC,KAAK,CAAC,CAAA;YAChB,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC1B,YAAY,CAAC,IAAI,CAAC,CAAA;YACpB,CAAC,EAAE,GAAG,CAAC,CAAA;SACR;aAAM;YACL,YAAY,CAAC,KAAK,CAAC,CAAA;YACnB,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC1B,SAAS,CAAC,IAAI,CAAC,CAAA;YACjB,CAAC,EAAE,GAAG,CAAC,CAAA;SACR;QAED,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,SAAS,CAAC,CAAA;QACzB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,MAAM,SAAS,GAAG,UAAU,CAC1B;QACE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,SAAS;KACtC,EACD,KAAK,CAAC,OAAO,EACb,SAAS,CACV,CAAA;IAED,MAAM,iBAAiB,GAAG,UAAU,CAClC;QACE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,SAAS;QAC1B,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,YAAY;QAClC,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,cAAc,KAAK,aAAa;KACtD,EACD,KAAK,CAAC,QAAQ,CACf,CAAA;IAED,IAAI,MAAM;QAAE,OAAO,yCAAK,CAAA;IAExB,OAAO,CACL;QACE,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,GAAI;QAC7D,QAAQ,IAAI,6BAAK,SAAS,EAAE,iBAAiB,IAAG,QAAQ,CAAO,CAC/D,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
width: 100%
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
@media (min-width:
|
|
25
|
+
@media (min-width: 744px) {
|
|
26
26
|
|
|
27
27
|
.children {
|
|
28
28
|
width: auto
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
padding-right: 1rem
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
-
@media (min-width:
|
|
54
|
+
@media (min-width: 744px) {
|
|
55
55
|
|
|
56
56
|
.mobileGutter {
|
|
57
57
|
padding-left: 0px;
|
|
@@ -82,4 +82,5 @@
|
|
|
82
82
|
--tw-translate-y: -50%;
|
|
83
83
|
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))
|
|
84
84
|
}
|
|
85
|
+
|
|
85
86
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Modal/style.module.css"],"names":[],"mappings":"AACE;EAAA,cAA8B;EAA9B,aAA8B;EAA9B,YAA8B;EAC9B,eAA+B;EAA/B,QAA+B;EAA/B,UAA+B;EAA/B,WAA+B;EAC/B,8BAA8B;EAC9B,UAAgB;EAChB,4BAA2D;EAA3D,wDAA2D;EAA3D,0BAA2D;EAA3D,kCAA2D;EAA3D;AAJ8B;;AAQ9B;EAAA,iBAAoC;EAApC,kBAAoC;EAApC,aAAoC;EAApC;AAAoC;;AAApC;;EAAA;IAAA;EAAoC;AAAA;;AACpC;EAAA,eAAoF;EAApF,QAAoF;EAApF,SAAoF;EAApF,WAAoF;EAApF,cAAoF;EAApF,sBAAoF;EAApF,sBAAoF;EAApF,+LAAoF;EACpF,UAAqE;EAArE,4BAAqE;EAArE,wDAAqE;EAArE,0BAAqE;EAArE,kCAAqE;EAArE;AADoF;;AAKpF;EAAA,kBAAmB;EAAnB;AAAmB;;AAAnB;;EAAA;IAAA,iBAAmB;IAAnB;EAAmB;AAAA;;AAInB;EAAA;AAAkB;;AAIlB;EAAA;AAAa;;AAIb;EAAA,8BAA6D;EAA7D,wDAA6D;EAA7D,0BAA6D;EAA7D,kCAA6D;EAA7D,sDAA6D;EAC7D,UAAkB;EAClB,sBAAuB;EAAvB;AAF6D;;AAM7D;EAAA,sBAAuB;EAAvB;AAAuB","file":"style.module.css","sourcesContent":[".overlay {\n @apply block w-screen h-screen;\n @apply z-50 top-0 right-0 fixed;\n background: rgba(0, 0, 0, 0.6);\n @apply opacity-0;\n @apply transition-opacity ease-linear duration-300 ease-out;\n}\n\n.children {\n @apply flex mx-auto w-full md:w-auto;\n @apply block fixed z-50 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2;\n @apply opacity-0 transition-opacity ease-linear duration-300 ease-out;\n}\n\n.mobileGutter {\n @apply px-4 md:px-0;\n}\n\n.visible {\n @apply opacity-100;\n}\n\n.hide {\n @apply hidden;\n}\n\n.children.slideBottom {\n @apply transition-transform ease-linear duration-300 ease-out;\n @apply opacity-100;\n @apply translate-y-full;\n}\n\n.children.slideBottom.visible {\n @apply -translate-y-1/2;\n}"]}
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Modal/style.module.css"],"names":[],"mappings":"AACE;EAAA,cAA8B;EAA9B,aAA8B;EAA9B,YAA8B;EAC9B,eAA+B;EAA/B,QAA+B;EAA/B,UAA+B;EAA/B,WAA+B;EAC/B,8BAA8B;EAC9B,UAAgB;EAChB,4BAA2D;EAA3D,wDAA2D;EAA3D,0BAA2D;EAA3D,kCAA2D;EAA3D;AAJ8B;;AAQ9B;EAAA,iBAAoC;EAApC,kBAAoC;EAApC,aAAoC;EAApC;AAAoC;;AAApC;;EAAA;IAAA;EAAoC;AAAA;;AACpC;EAAA,eAAoF;EAApF,QAAoF;EAApF,SAAoF;EAApF,WAAoF;EAApF,cAAoF;EAApF,sBAAoF;EAApF,sBAAoF;EAApF,+LAAoF;EACpF,UAAqE;EAArE,4BAAqE;EAArE,wDAAqE;EAArE,0BAAqE;EAArE,kCAAqE;EAArE;AADoF;;AAKpF;EAAA,kBAAmB;EAAnB;AAAmB;;AAAnB;;EAAA;IAAA,iBAAmB;IAAnB;EAAmB;AAAA;;AAInB;EAAA;AAAkB;;AAIlB;EAAA;AAAa;;AAIb;EAAA,8BAA6D;EAA7D,wDAA6D;EAA7D,0BAA6D;EAA7D,kCAA6D;EAA7D,sDAA6D;EAC7D,UAAkB;EAClB,sBAAuB;EAAvB;AAF6D;;AAM7D;EAAA,sBAAuB;EAAvB;AAAuB","file":"style.module.css","sourcesContent":[".overlay {\n @apply block w-screen h-screen;\n @apply z-50 top-0 right-0 fixed;\n background: rgba(0, 0, 0, 0.6);\n @apply opacity-0;\n @apply transition-opacity ease-linear duration-300 ease-out;\n}\n\n.children {\n @apply flex mx-auto w-full md:w-auto;\n @apply block fixed z-50 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2;\n @apply opacity-0 transition-opacity ease-linear duration-300 ease-out;\n}\n\n.mobileGutter {\n @apply px-4 md:px-0;\n}\n\n.visible {\n @apply opacity-100;\n}\n\n.hide {\n @apply hidden;\n}\n\n.children.slideBottom {\n @apply transition-transform ease-linear duration-300 ease-out;\n @apply opacity-100;\n @apply translate-y-full;\n}\n\n.children.slideBottom.visible {\n @apply -translate-y-1/2;\n}\n"]}
|