trepur_components 2.1.1 → 2.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/lib/components/Accordion/Accordion.d.ts +0 -2
- package/dist/src/lib/components/Accordion/Accordion.js +2 -2
- package/dist/src/lib/components/Accordion/Accordion.js.map +1 -1
- package/dist/src/lib/components/AlertBar/AlertBar.d.ts +2 -4
- package/dist/src/lib/components/AlertBar/AlertBar.js +2 -2
- package/dist/src/lib/components/AlertBar/AlertBar.js.map +1 -1
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.d.ts +1 -3
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.js +2 -2
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.d.ts +1 -3
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.js +2 -2
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.d.ts +1 -3
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.js +4 -4
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.js.map +1 -1
- package/dist/src/lib/components/Button/Button.d.ts +1 -3
- package/dist/src/lib/components/Button/Button.js +2 -2
- package/dist/src/lib/components/Button/Button.js.map +1 -1
- package/dist/src/lib/components/Calendar/Calendar.d.ts +0 -2
- 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/Card/Card.d.ts +3 -5
- package/dist/src/lib/components/Card/Card.js +2 -2
- package/dist/src/lib/components/Card/Card.js.map +1 -1
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.d.ts +2 -4
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.js +2 -2
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.js.map +1 -1
- package/dist/src/lib/components/Carousel/Carousel.d.ts +2 -5
- package/dist/src/lib/components/Carousel/Carousel.js +5 -5
- package/dist/src/lib/components/Carousel/Carousel.js.map +1 -1
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.d.ts +2 -3
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.js +3 -3
- package/dist/src/lib/components/CarouselThumbnail/CarouselThumbnail.js.map +1 -1
- package/dist/src/lib/components/Checkbox/Checkbox.d.ts +0 -2
- package/dist/src/lib/components/Checkbox/Checkbox.js +2 -2
- package/dist/src/lib/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/src/lib/components/Collapsible/Collapsible.d.ts +2 -4
- package/dist/src/lib/components/Collapsible/Collapsible.js +3 -3
- package/dist/src/lib/components/Collapsible/Collapsible.js.map +1 -1
- package/dist/src/lib/components/Column/Column.d.ts +0 -2
- package/dist/src/lib/components/Column/Column.js +2 -2
- package/dist/src/lib/components/Column/Column.js.map +1 -1
- package/dist/src/lib/components/ComponentWrapper/ComponentWrapper.d.ts +3 -4
- package/dist/src/lib/components/ComponentWrapper/ComponentWrapper.js +2 -2
- package/dist/src/lib/components/ComponentWrapper/ComponentWrapper.js.map +1 -1
- package/dist/src/lib/components/Container/Container.d.ts +1 -3
- package/dist/src/lib/components/Container/Container.js +2 -2
- package/dist/src/lib/components/Container/Container.js.map +1 -1
- package/dist/src/lib/components/Counter/Counter.d.ts +0 -2
- package/dist/src/lib/components/Counter/Counter.js +4 -4
- package/dist/src/lib/components/Counter/Counter.js.map +1 -1
- package/dist/src/lib/components/DetailUpdater/DetailUpdater.d.ts +0 -2
- package/dist/src/lib/components/DetailUpdater/DetailUpdater.js +3 -3
- package/dist/src/lib/components/DetailUpdater/DetailUpdater.js.map +1 -1
- package/dist/src/lib/components/Dialog/Dialog.d.ts +2 -4
- package/dist/src/lib/components/Dialog/Dialog.js +2 -2
- package/dist/src/lib/components/Dialog/Dialog.js.map +1 -1
- package/dist/src/lib/components/DropdownMenu/DropdownMenu.d.ts +2 -3
- package/dist/src/lib/components/DropdownMenu/DropdownMenu.js +2 -2
- package/dist/src/lib/components/DropdownMenu/DropdownMenu.js.map +1 -1
- package/dist/src/lib/components/DynamicTextSection/DynamicTextSection.d.ts +1 -3
- package/dist/src/lib/components/DynamicTextSection/DynamicTextSection.js +5 -5
- package/dist/src/lib/components/DynamicTextSection/DynamicTextSection.js.map +1 -1
- package/dist/src/lib/components/FileUploader/FilePreview.d.ts +0 -2
- package/dist/src/lib/components/FileUploader/FilePreview.js +3 -3
- package/dist/src/lib/components/FileUploader/FilePreview.js.map +1 -1
- package/dist/src/lib/components/FileUploader/FileUploader.d.ts +0 -2
- package/dist/src/lib/components/FileUploader/FileUploader.js +6 -6
- package/dist/src/lib/components/FileUploader/FileUploader.js.map +1 -1
- package/dist/src/lib/components/FilterItem/FilterItem.d.ts +1 -3
- package/dist/src/lib/components/FilterItem/FilterItem.js +2 -2
- package/dist/src/lib/components/FilterItem/FilterItem.js.map +1 -1
- package/dist/src/lib/components/Footer/Footer.d.ts +2 -4
- package/dist/src/lib/components/Footer/Footer.js +3 -3
- package/dist/src/lib/components/Footer/Footer.js.map +1 -1
- package/dist/src/lib/components/FooterNav/FooterNav.d.ts +3 -4
- package/dist/src/lib/components/FooterNav/FooterNav.js +2 -2
- package/dist/src/lib/components/FooterNav/FooterNav.js.map +1 -1
- package/dist/src/lib/components/FooterNavItem/FooterNavItem.d.ts +3 -4
- package/dist/src/lib/components/FooterNavItem/FooterNavItem.js +3 -3
- package/dist/src/lib/components/FooterNavItem/FooterNavItem.js.map +1 -1
- package/dist/src/lib/components/Form/Form.d.ts +3 -5
- package/dist/src/lib/components/Form/Form.js +4 -4
- package/dist/src/lib/components/Form/Form.js.map +1 -1
- package/dist/src/lib/components/FyreCard/FyreCard.d.ts +2 -4
- package/dist/src/lib/components/FyreCard/FyreCard.js +2 -2
- package/dist/src/lib/components/FyreCard/FyreCard.js.map +1 -1
- package/dist/src/lib/components/Greeting/Greeting.d.ts +0 -2
- package/dist/src/lib/components/Greeting/Greeting.js.map +1 -1
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.d.ts +1 -3
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.js +2 -2
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.js.map +1 -1
- package/dist/src/lib/components/HorizontalLine/HorizontalLine.d.ts +2 -3
- package/dist/src/lib/components/HorizontalLine/HorizontalLine.js +2 -2
- package/dist/src/lib/components/HorizontalLine/HorizontalLine.js.map +1 -1
- package/dist/src/lib/components/Icon/Icon.d.ts +2 -3
- package/dist/src/lib/components/Icon/Icon.js +2 -2
- package/dist/src/lib/components/Icon/Icon.js.map +1 -1
- package/dist/src/lib/components/IconCard/IconCard.d.ts +1 -3
- package/dist/src/lib/components/IconCard/IconCard.js +2 -2
- package/dist/src/lib/components/IconCard/IconCard.js.map +1 -1
- package/dist/src/lib/components/Image/Image.d.ts +1 -3
- package/dist/src/lib/components/Image/Image.js +2 -2
- package/dist/src/lib/components/Image/Image.js.map +1 -1
- package/dist/src/lib/components/ImageInfo/ImageInfo.d.ts +1 -2
- package/dist/src/lib/components/ImageInfo/ImageInfo.js +2 -2
- package/dist/src/lib/components/ImageInfo/ImageInfo.js.map +1 -1
- package/dist/src/lib/components/ImageLink/ImageLink.d.ts +2 -4
- package/dist/src/lib/components/ImageLink/ImageLink.js +2 -2
- package/dist/src/lib/components/ImageLink/ImageLink.js.map +1 -1
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.d.ts +2 -4
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.js +2 -2
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.js.map +1 -1
- package/dist/src/lib/components/InformationIcon/InformationIcon.d.ts +3 -4
- package/dist/src/lib/components/InformationIcon/InformationIcon.js +3 -3
- package/dist/src/lib/components/InformationIcon/InformationIcon.js.map +1 -1
- package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.d.ts +3 -4
- package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.js +3 -3
- package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.js.map +1 -1
- package/dist/src/lib/components/Input/Input.d.ts +2 -3
- package/dist/src/lib/components/Input/Input.js +3 -3
- package/dist/src/lib/components/Input/Input.js.map +1 -1
- package/dist/src/lib/components/Jumbotron/Jumbotron.d.ts +1 -3
- package/dist/src/lib/components/Jumbotron/Jumbotron.js +2 -2
- package/dist/src/lib/components/Jumbotron/Jumbotron.js.map +1 -1
- package/dist/src/lib/components/MenuButton/MenuButton.d.ts +2 -3
- package/dist/src/lib/components/MenuButton/MenuButton.js +2 -2
- package/dist/src/lib/components/MenuButton/MenuButton.js.map +1 -1
- package/dist/src/lib/components/Nav/Nav.d.ts +3 -5
- package/dist/src/lib/components/Nav/Nav.js +14 -15
- package/dist/src/lib/components/Nav/Nav.js.map +1 -1
- package/dist/src/lib/components/Nav/StickyNav.d.ts +2 -4
- package/dist/src/lib/components/Nav/StickyNav.js +9 -9
- package/dist/src/lib/components/Nav/StickyNav.js.map +1 -1
- package/dist/src/lib/components/NavItem/NavItem.d.ts +1 -3
- package/dist/src/lib/components/NavItem/NavItem.js +2 -2
- package/dist/src/lib/components/NavItem/NavItem.js.map +1 -1
- package/dist/src/lib/components/NewsCard/NewsCard.d.ts +3 -5
- package/dist/src/lib/components/NewsCard/NewsCard.js +2 -2
- package/dist/src/lib/components/NewsCard/NewsCard.js.map +1 -1
- package/dist/src/lib/components/Pill/Pill.d.ts +1 -3
- package/dist/src/lib/components/Pill/Pill.js +2 -2
- package/dist/src/lib/components/Pill/Pill.js.map +1 -1
- package/dist/src/lib/components/ProductCard/ProductCard.d.ts +1 -3
- package/dist/src/lib/components/ProductCard/ProductCard.js +6 -6
- package/dist/src/lib/components/ProductCard/ProductCard.js.map +1 -1
- package/dist/src/lib/components/ProductCardV2/ProductCardV2.d.ts +2 -4
- package/dist/src/lib/components/ProductCardV2/ProductCardV2.js +8 -8
- package/dist/src/lib/components/ProductCardV2/ProductCardV2.js.map +1 -1
- package/dist/src/lib/components/Proficiencies/Proficiencies.d.ts +3 -4
- package/dist/src/lib/components/Proficiencies/Proficiencies.js +3 -3
- package/dist/src/lib/components/Proficiencies/Proficiencies.js.map +1 -1
- package/dist/src/lib/components/Profile/Profile.d.ts +2 -4
- package/dist/src/lib/components/Profile/Profile.js +2 -2
- package/dist/src/lib/components/Profile/Profile.js.map +1 -1
- package/dist/src/lib/components/Row/Row.d.ts +1 -3
- package/dist/src/lib/components/Row/Row.js +2 -2
- package/dist/src/lib/components/Row/Row.js.map +1 -1
- package/dist/src/lib/components/Search/Search.d.ts +2 -4
- package/dist/src/lib/components/Search/Search.js +2 -2
- package/dist/src/lib/components/Search/Search.js.map +1 -1
- package/dist/src/lib/components/Select/Select.d.ts +0 -2
- package/dist/src/lib/components/Select/Select.js +5 -5
- package/dist/src/lib/components/Select/Select.js.map +1 -1
- package/dist/src/lib/components/Showcase/Showcase.d.ts +2 -3
- package/dist/src/lib/components/Showcase/Showcase.js +5 -5
- package/dist/src/lib/components/Showcase/Showcase.js.map +1 -1
- package/dist/src/lib/components/SideNav/SideNav.d.ts +2 -3
- package/dist/src/lib/components/SideNav/SideNav.js +2 -2
- package/dist/src/lib/components/SideNav/SideNav.js.map +1 -1
- package/dist/src/lib/components/SocialBlock/SocialBlock.d.ts +2 -3
- package/dist/src/lib/components/SocialBlock/SocialBlock.js +3 -3
- package/dist/src/lib/components/SocialBlock/SocialBlock.js.map +1 -1
- package/dist/src/lib/components/SocialButton/SocialButton.d.ts +2 -3
- package/dist/src/lib/components/SocialButton/SocialButton.js +2 -2
- package/dist/src/lib/components/SocialButton/SocialButton.js.map +1 -1
- package/dist/src/lib/components/StarRating/StarRating.d.ts +1 -3
- package/dist/src/lib/components/StarRating/StarRating.js +2 -2
- package/dist/src/lib/components/StarRating/StarRating.js.map +1 -1
- package/dist/src/lib/components/Testimonial/Testimonial.d.ts +2 -4
- package/dist/src/lib/components/Testimonial/Testimonial.js +2 -2
- package/dist/src/lib/components/Testimonial/Testimonial.js.map +1 -1
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.d.ts +2 -3
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js +3 -3
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js.map +1 -1
- package/dist/src/lib/components/TextArea/TextArea.d.ts +2 -3
- package/dist/src/lib/components/TextArea/TextArea.js +3 -3
- package/dist/src/lib/components/TextArea/TextArea.js.map +1 -1
- package/dist/src/lib/components/Timeline/Timeline.d.ts +2 -3
- package/dist/src/lib/components/Timeline/Timeline.js +3 -3
- package/dist/src/lib/components/Timeline/Timeline.js.map +1 -1
- package/dist/src/lib/components/TimelineV2/TimelineV2.d.ts +3 -4
- package/dist/src/lib/components/TimelineV2/TimelineV2.js +3 -3
- package/dist/src/lib/components/TimelineV2/TimelineV2.js.map +1 -1
- package/dist/src/lib/components/Tubestops/Tubestops.d.ts +1 -2
- package/dist/src/lib/components/Tubestops/Tubestops.js +6 -6
- package/dist/src/lib/components/Tubestops/Tubestops.js.map +1 -1
- package/dist/src/lib/components/UserIcon/UserIcon.d.ts +2 -4
- package/dist/src/lib/components/UserIcon/UserIcon.js +2 -2
- package/dist/src/lib/components/UserIcon/UserIcon.js.map +1 -1
- package/dist/src/lib/components/Video/Video.d.ts +1 -3
- package/dist/src/lib/components/Video/Video.js +1 -1
- package/dist/src/lib/components/Video/Video.js.map +1 -1
- package/dist/src/lib/typography/Colours/Colours.d.ts +1 -5
- package/dist/src/lib/typography/Colours/Colours.js +39 -39
- package/dist/src/lib/typography/Colours/Colours.js.map +1 -1
- package/dist/src/lib/typography/Fonts/Fonts.js +1 -1
- package/dist/src/lib/typography/Fonts/Fonts.js.map +1 -1
- package/dist/src/lib/utils/controls.d.ts +0 -16
- package/dist/src/lib/utils/controls.js +0 -11
- package/dist/src/lib/utils/controls.js.map +1 -1
- package/package.json +1 -1
|
@@ -2,13 +2,13 @@ import React, { useState } from 'react';
|
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import style from './style.module.css';
|
|
4
4
|
import Icon from '../Icon/Icon';
|
|
5
|
-
const Pill = ({ id, className, text, onClick, dismissOnClick = false
|
|
5
|
+
const Pill = ({ id, className, text, onClick, dismissOnClick = false }) => {
|
|
6
6
|
const [shouldDisplay, setShouldDisplay] = useState(true);
|
|
7
7
|
const classList = classNames({
|
|
8
8
|
[style.hidden]: !shouldDisplay,
|
|
9
9
|
[style.wrapperPadding]: !dismissOnClick,
|
|
10
10
|
[style.wrapperPaddingDismiss]: dismissOnClick
|
|
11
|
-
}, className, [style.wrapperClasses], theme);
|
|
11
|
+
}, className, [style.wrapperClasses], 'theme-local');
|
|
12
12
|
const handleOnClick = () => {
|
|
13
13
|
if (dismissOnClick) {
|
|
14
14
|
setShouldDisplay(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pill.js","sourceRoot":"","sources":["../../../../../src/lib/components/Pill/Pill.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;AACtC,OAAO,IAAI,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"Pill.js","sourceRoot":"","sources":["../../../../../src/lib/components/Pill/Pill.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;AACtC,OAAO,IAAI,MAAM,uBAAuB,CAAA;AAUxC,MAAM,IAAI,GAAG,CAAC,EACZ,EAAE,EACF,SAAS,EACT,IAAI,EACJ,OAAO,EACP,cAAc,GAAG,KAAK,EAChB,EAAe,EAAE;IACvB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAExD,MAAM,SAAS,GAAG,UAAU,CAC1B;QACE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,aAAa;QAC9B,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC,cAAc;QACvC,CAAC,KAAK,CAAC,qBAAqB,CAAC,EAAE,cAAc;KAC9C,EACD,SAAS,EACT,CAAC,KAAK,CAAC,cAAc,CAAC,EACtB,aAAa,CACd,CAAA;IAED,MAAM,aAAa,GAAG,GAAS,EAAE;QAC/B,IAAI,cAAc,EAAE;YAClB,gBAAgB,CAAC,KAAK,CAAC,CAAA;SACxB;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAA;IACb,CAAC,CAAA;IAED,OAAO,aAAa,CAAC,CAAC,CAAC,CACrB,gCAAQ,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa;QAC1D,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;YAC3B,+BAAI,IAAI,CAAK;YACZ,cAAc,IAAI,CACjB,oBAAC,IAAI,IACH,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAC,OAAO,EAChB,aAAa,EAAC,OAAO,EACrB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,SAAS,GACrB,CACH,CACG,CACC,CACV,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Props as imageProps } from '../Image/Image';
|
|
3
|
-
import { ThemeTypes } from '../../utils/controls';
|
|
2
|
+
import { type Props as imageProps } from '../Image/Image';
|
|
4
3
|
export interface Props {
|
|
5
4
|
id?: string;
|
|
6
5
|
className?: string;
|
|
@@ -15,7 +14,6 @@ export interface Props {
|
|
|
15
14
|
ctaOnClick?: () => void;
|
|
16
15
|
onEditClick?: () => void;
|
|
17
16
|
onCounterClick?: (count: number) => void;
|
|
18
|
-
theme?: ThemeTypes;
|
|
19
17
|
}
|
|
20
18
|
declare const ProductCard: React.FC<Props>;
|
|
21
19
|
export default ProductCard;
|
|
@@ -4,11 +4,11 @@ import Button from '../Button/Button';
|
|
|
4
4
|
import Icon from '../Icon/Icon';
|
|
5
5
|
import style from './style.module.css';
|
|
6
6
|
import Counter from '../Counter/Counter';
|
|
7
|
-
const ProductCard = ({ id, className, imageProps, title, textLineOne, textLineTwo, textLineThree, count, ctaText, isEditable = false, ctaOnClick, onEditClick, onCounterClick
|
|
7
|
+
const ProductCard = ({ id, className, imageProps, title, textLineOne, textLineTwo, textLineThree, count, ctaText, isEditable = false, ctaOnClick, onEditClick, onCounterClick }) => {
|
|
8
8
|
const [isHovering, setIsHovering] = useState(false);
|
|
9
9
|
const ProductCardTitleClasses = classNames(style.title);
|
|
10
10
|
const ProductCardSubTitleClassList = classNames(style.subtitle);
|
|
11
|
-
const classList = classNames(className, style.classList,
|
|
11
|
+
const classList = classNames(className, style.classList, 'absolute theme-local');
|
|
12
12
|
const imageClassList = classNames(style.imageClassList);
|
|
13
13
|
return (React.createElement("div", { id: id, className: classList, onMouseOver: () => {
|
|
14
14
|
setIsHovering(true);
|
|
@@ -18,8 +18,8 @@ const ProductCard = ({ id, className, imageProps, title, textLineOne, textLineTw
|
|
|
18
18
|
React.createElement("div", { className: 'relative' },
|
|
19
19
|
React.createElement("img", Object.assign({ className: imageClassList }, imageProps)),
|
|
20
20
|
isEditable && (React.createElement("div", { className: style.editButton },
|
|
21
|
-
React.createElement(Button, {
|
|
22
|
-
React.createElement(Icon, { type: 'pencil'
|
|
21
|
+
React.createElement(Button, { type: 'icon', variant: 'secondary', onClick: onEditClick },
|
|
22
|
+
React.createElement(Icon, { type: 'pencil' }))))),
|
|
23
23
|
React.createElement("div", { className: style.content },
|
|
24
24
|
!isHovering && (React.createElement("div", { className: style.contentWrapper },
|
|
25
25
|
title !== undefined && (React.createElement("h3", { className: ProductCardTitleClasses }, title)),
|
|
@@ -28,8 +28,8 @@ const ProductCard = ({ id, className, imageProps, title, textLineOne, textLineTw
|
|
|
28
28
|
textLineThree !== undefined && (React.createElement("h4", { className: ProductCardSubTitleClassList }, textLineThree)))),
|
|
29
29
|
isHovering && (React.createElement("div", { className: style.hoverContentWrapper },
|
|
30
30
|
React.createElement("div", { className: style.buttonWrapper },
|
|
31
|
-
React.createElement(Button, { onClick: ctaOnClick
|
|
32
|
-
count !== undefined && (React.createElement(Counter, { count: count,
|
|
31
|
+
React.createElement(Button, { onClick: ctaOnClick }, ctaText),
|
|
32
|
+
count !== undefined && (React.createElement(Counter, { count: count, onClick: (newCount) => {
|
|
33
33
|
onCounterClick === null || onCounterClick === void 0 ? void 0 : onCounterClick(newCount);
|
|
34
34
|
} }))))))));
|
|
35
35
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../../src/lib/components/ProductCard/ProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAC9C,OAAO,IAAI,MAAM,uBAAuB,CAAA;AAExC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,OAAO,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../../src/lib/components/ProductCard/ProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAC9C,OAAO,IAAI,MAAM,uBAAuB,CAAA;AAExC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,OAAO,MAAM,oBAAoB,CAAA;AAkBxC,MAAM,WAAW,GAAoB,CAAC,EACpC,EAAE,EACF,SAAS,EACT,UAAU,EACV,KAAK,EACL,WAAW,EACX,WAAW,EACX,aAAa,EACb,KAAK,EACL,OAAO,EACP,UAAU,GAAG,KAAK,EAClB,UAAU,EACV,WAAW,EACX,cAAc,EACR,EAAe,EAAE;IACvB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,MAAM,uBAAuB,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IACvD,MAAM,4BAA4B,GAAG,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IAC/D,MAAM,SAAS,GAAG,UAAU,CAC1B,SAAS,EACT,KAAK,CAAC,SAAS,EACf,sBAAsB,CACvB,CAAA;IACD,MAAM,cAAc,GAAG,UAAU,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;IAEvD,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,GAAG,EAAE;YAChB,aAAa,CAAC,IAAI,CAAC,CAAA;QACrB,CAAC,EACD,UAAU,EAAE,GAAG,EAAE;YACf,aAAa,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC;QAED,6BAAK,SAAS,EAAC,UAAU;YACvB,2CAAK,SAAS,EAAE,cAAc,IAAM,UAAU,EAAI;YACjD,UAAU,IAAI,CACb,6BAAK,SAAS,EAAE,KAAK,CAAC,UAAU;gBAC9B,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,WAAW;oBAC1D,oBAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,CACf,CACL,CACP,CACG;QAEN,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;YAC1B,CAAC,UAAU,IAAI,CACd,6BAAK,SAAS,EAAE,KAAK,CAAC,cAAc;gBACjC,KAAK,KAAK,SAAS,IAAI,CACtB,4BAAI,SAAS,EAAE,uBAAuB,IAAG,KAAK,CAAM,CACrD;gBACA,WAAW,KAAK,SAAS,IAAI,CAC5B,4BAAI,SAAS,EAAE,4BAA4B,IAAG,WAAW,CAAM,CAChE;gBACA,WAAW,KAAK,SAAS,IAAI,CAC5B,4BAAI,SAAS,EAAE,4BAA4B,IAAG,WAAW,CAAM,CAChE;gBACA,aAAa,KAAK,SAAS,IAAI,CAC9B,4BAAI,SAAS,EAAE,4BAA4B,IAAG,aAAa,CAAM,CAClE,CACG,CACP;YACA,UAAU,IAAI,CACb,6BAAK,SAAS,EAAE,KAAK,CAAC,mBAAmB;gBACvC,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;oBACjC,oBAAC,MAAM,IAAC,OAAO,EAAE,UAAU,IAAG,OAAO,CAAU;oBAC9C,KAAK,KAAK,SAAS,IAAI,CACtB,oBAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,QAAgB,EAAE,EAAE;4BAC5B,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,QAAQ,CAAC,CAAA;wBAC5B,CAAC,GACD,CACH,CACG,CACF,CACP,CACG,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Props as iconProps } from '../Icon/Icon';
|
|
3
|
-
import { Props as imageProps } from '../Image/Image';
|
|
4
|
-
import { ThemeTypes } from '../../utils/controls';
|
|
2
|
+
import { type Props as iconProps } from '../Icon/Icon';
|
|
3
|
+
import { type Props as imageProps } from '../Image/Image';
|
|
5
4
|
export interface Props {
|
|
6
5
|
id?: string;
|
|
7
6
|
className?: string;
|
|
@@ -18,7 +17,6 @@ export interface Props {
|
|
|
18
17
|
onCounterClick?: (count: number) => void;
|
|
19
18
|
count?: number;
|
|
20
19
|
isSelected?: boolean;
|
|
21
|
-
theme?: ThemeTypes;
|
|
22
20
|
}
|
|
23
21
|
declare const ProductCardV2: React.FC<Props>;
|
|
24
22
|
export default ProductCardV2;
|
|
@@ -3,18 +3,18 @@ import classNames from 'classnames';
|
|
|
3
3
|
import Icon from '../Icon/Icon';
|
|
4
4
|
import style from './style.module.css';
|
|
5
5
|
import Counter from '../Counter/Counter';
|
|
6
|
-
const ProductCardV2 = ({ id, className, imageProps, title, textLineOne, textLineTwo, textLineThree, topRightIcon, bottomRightIcon, topLeftIcon, bottomLeftIcon, onClick, onCounterClick, count, isSelected = false
|
|
6
|
+
const ProductCardV2 = ({ id, className, imageProps, title, textLineOne, textLineTwo, textLineThree, topRightIcon, bottomRightIcon, topLeftIcon, bottomLeftIcon, onClick, onCounterClick, count, isSelected = false }) => {
|
|
7
7
|
return (React.createElement("div", { id: id, className: classNames({
|
|
8
8
|
[style.cardSelected]: isSelected
|
|
9
|
-
}, style.card, className, theme), onClick: onClick },
|
|
9
|
+
}, style.card, className, 'theme-local'), onClick: onClick },
|
|
10
10
|
React.createElement("div", { className: style.imageContainer },
|
|
11
11
|
React.createElement("img", Object.assign({ className: style.image }, imageProps)),
|
|
12
|
-
topRightIcon && (React.createElement(Icon, Object.assign({}, topRightIcon, {
|
|
13
|
-
bottomRightIcon && (React.createElement(Icon, Object.assign({}, bottomRightIcon, { colour: 'success', className: classNames(bottomRightIcon.className, style.bottomRightIcon)
|
|
14
|
-
topLeftIcon && (React.createElement(Icon, Object.assign({}, topLeftIcon, {
|
|
15
|
-
bottomLeftIcon && (React.createElement(Icon, Object.assign({}, bottomLeftIcon, { colour: 'success', className: classNames(bottomLeftIcon.className, style.bottomLeftIcon)
|
|
16
|
-
count && (React.createElement("div", { className: classNames(style.counter
|
|
17
|
-
React.createElement(Counter, {
|
|
12
|
+
topRightIcon && (React.createElement(Icon, Object.assign({}, topRightIcon, { className: classNames(topRightIcon.className, style.topRightIcon) }))),
|
|
13
|
+
bottomRightIcon && (React.createElement(Icon, Object.assign({}, bottomRightIcon, { colour: 'success', className: classNames(bottomRightIcon.className, style.bottomRightIcon) }))),
|
|
14
|
+
topLeftIcon && (React.createElement(Icon, Object.assign({}, topLeftIcon, { className: classNames(topLeftIcon.className, style.topLeftIcon) }))),
|
|
15
|
+
bottomLeftIcon && (React.createElement(Icon, Object.assign({}, bottomLeftIcon, { colour: 'success', className: classNames(bottomLeftIcon.className, style.bottomLeftIcon) }))),
|
|
16
|
+
count && (React.createElement("div", { className: classNames(style.counter) },
|
|
17
|
+
React.createElement(Counter, { count: count, onClick: (newCount) => {
|
|
18
18
|
onCounterClick === null || onCounterClick === void 0 ? void 0 : onCounterClick(newCount);
|
|
19
19
|
} })))),
|
|
20
20
|
React.createElement("div", { className: style.contentWrapper },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCardV2.js","sourceRoot":"","sources":["../../../../../src/lib/components/ProductCardV2/ProductCardV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,
|
|
1
|
+
{"version":3,"file":"ProductCardV2.js","sourceRoot":"","sources":["../../../../../src/lib/components/ProductCardV2/ProductCardV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,IAAiC,MAAM,uBAAuB,CAAA;AAErE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,OAAO,MAAM,6BAA6B,CAAA;AAoBjD,MAAM,aAAa,GAAoB,CAAC,EACtC,EAAE,EACF,SAAS,EACT,UAAU,EACV,KAAK,EACL,WAAW,EACX,WAAW,EACX,aAAa,EACb,YAAY,EACZ,eAAe,EACf,WAAW,EACX,cAAc,EACd,OAAO,EACP,cAAc,EACd,KAAK,EACL,UAAU,GAAG,KAAK,EACZ,EAAe,EAAE;IACvB,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,UAAU,CACnB;YACE,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,UAAU;SACjC,EACD,KAAK,CAAC,IAAI,EACV,SAAS,EACT,aAAa,CACd,EACD,OAAO,EAAE,OAAO;QAEhB,6BAAK,SAAS,EAAE,KAAK,CAAC,cAAc;YAClC,2CAAK,SAAS,EAAE,KAAK,CAAC,KAAK,IAAM,UAAU,EAAI;YAC9C,YAAY,IAAI,CACf,oBAAC,IAAI,oBACC,YAAY,IAChB,SAAS,EAAE,UAAU,CAAC,YAAY,CAAC,SAAS,EAAE,KAAK,CAAC,YAAY,CAAC,IACjE,CACH;YACA,eAAe,IAAI,CAClB,oBAAC,IAAI,oBACC,eAAe,IACnB,MAAM,EAAC,SAAS,EAChB,SAAS,EAAE,UAAU,CACnB,eAAe,CAAC,SAAS,EACzB,KAAK,CAAC,eAAe,CACtB,IACD,CACH;YACA,WAAW,IAAI,CACd,oBAAC,IAAI,oBACC,WAAW,IACf,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,IAC/D,CACH;YACA,cAAc,IAAI,CACjB,oBAAC,IAAI,oBACC,cAAc,IAClB,MAAM,EAAC,SAAS,EAChB,SAAS,EAAE,UAAU,CACnB,cAAc,CAAC,SAAS,EACxB,KAAK,CAAC,cAAc,CACrB,IACD,CACH;YACA,KAAK,IAAI,CACR,6BAAK,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC;gBACvC,oBAAC,OAAO,IACN,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,QAAgB,EAAE,EAAE;wBAC5B,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,QAAQ,CAAC,CAAA;oBAC5B,CAAC,GACD,CACE,CACP,CACG;QACN,6BAAK,SAAS,EAAE,KAAK,CAAC,cAAc;YACjC,KAAK,KAAK,SAAS,IAAI,4BAAI,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAM;YAC/D,WAAW,KAAK,SAAS,IAAI,CAC5B,4BAAI,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAG,WAAW,CAAM,CAClD;YACA,WAAW,KAAK,SAAS,IAAI,CAC5B,4BAAI,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAG,WAAW,CAAM,CAClD;YACA,aAAa,KAAK,SAAS,IAAI,CAC9B,4BAAI,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAG,aAAa,CAAM,CACpD,CACG,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Props as imageProps } from '../Image/Image';
|
|
3
|
-
import { Colours
|
|
2
|
+
import { type Props as imageProps } from '../Image/Image';
|
|
3
|
+
import { type Colours } from '../../utils/controls';
|
|
4
4
|
export interface Props {
|
|
5
5
|
id?: string;
|
|
6
6
|
className?: string;
|
|
@@ -8,7 +8,6 @@ export interface Props {
|
|
|
8
8
|
description?: string;
|
|
9
9
|
proficiencies: imageProps[];
|
|
10
10
|
bgColour: Colours;
|
|
11
|
-
theme?: ThemeTypes;
|
|
12
11
|
}
|
|
13
|
-
declare const Proficiencies: ({ id, className, title, description, proficiencies, bgColour
|
|
12
|
+
declare const Proficiencies: ({ id, className, title, description, proficiencies, bgColour }: Props) => JSX.Element;
|
|
14
13
|
export default Proficiencies;
|
|
@@ -4,9 +4,9 @@ import style from './style.module.css';
|
|
|
4
4
|
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
5
5
|
import Image from '../Image/Image';
|
|
6
6
|
import Column from '../Column/Column';
|
|
7
|
-
const Proficiencies = ({ id, className, title, description, proficiencies, bgColour
|
|
8
|
-
const classList = classNames(className, style.classList);
|
|
9
|
-
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour
|
|
7
|
+
const Proficiencies = ({ id, className, title, description, proficiencies, bgColour }) => {
|
|
8
|
+
const classList = classNames(className, style.classList, 'theme-local');
|
|
9
|
+
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour },
|
|
10
10
|
React.createElement("div", { className: style.columnWrapper }, proficiencies.map((proficiency, i) => {
|
|
11
11
|
return (React.createElement(Column, { key: `stat_${i}`, className: style.column, lg: 2, md: 2, sm: 4 },
|
|
12
12
|
React.createElement(Image, { className: style.image, src: proficiency.src, overlayText: proficiency.overlayText, width: 4, height: 4 })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Proficiencies.js","sourceRoot":"","sources":["../../../../../src/lib/components/Proficiencies/Proficiencies.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAC5E,OAAO,
|
|
1
|
+
{"version":3,"file":"Proficiencies.js","sourceRoot":"","sources":["../../../../../src/lib/components/Proficiencies/Proficiencies.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAC5E,OAAO,KAAmC,MAAM,yBAAyB,CAAA;AACzE,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAY9C,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,aAAa,EACb,QAAQ,EACF,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;IAEvE,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ;QAElB,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,IAChC,aAAa,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC,EAAE,EAAE;YACpC,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,QAAQ,CAAC,EAAE,EAChB,SAAS,EAAE,KAAK,CAAC,MAAM,EACvB,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC;gBAEL,oBAAC,KAAK,IACJ,SAAS,EAAE,KAAK,CAAC,KAAK,EACtB,GAAG,EAAE,WAAW,CAAC,GAAG,EACpB,WAAW,EAAE,WAAW,CAAC,WAAW,EACpC,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,GACT,CACK,CACV,CAAA;QACH,CAAC,CAAC,CACE,CACW,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Props as imageProps } from '../Image/Image';
|
|
3
|
-
import { ThemeTypes } from '../../utils/controls';
|
|
2
|
+
import { type Props as imageProps } from '../Image/Image';
|
|
4
3
|
export interface Props {
|
|
5
4
|
id?: string;
|
|
6
5
|
className?: string;
|
|
@@ -14,7 +13,6 @@ export interface Props {
|
|
|
14
13
|
rounded?: boolean;
|
|
15
14
|
bordered?: boolean;
|
|
16
15
|
imageProps?: imageProps;
|
|
17
|
-
theme?: ThemeTypes;
|
|
18
16
|
}
|
|
19
|
-
declare const Profile: ({ id, className, profileLinks, alignment, imageHeight, imageWidth, rounded, bordered, imageProps
|
|
17
|
+
declare const Profile: ({ id, className, profileLinks, alignment, imageHeight, imageWidth, rounded, bordered, imageProps }: Props) => JSX.Element;
|
|
20
18
|
export default Profile;
|
|
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
|
|
|
2
2
|
import Image from '../Image/Image';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import style from './style.module.css';
|
|
5
|
-
const Profile = ({ id, className, profileLinks, alignment, imageHeight = 0, imageWidth = 0, rounded, bordered, imageProps
|
|
5
|
+
const Profile = ({ id, className, profileLinks, alignment, imageHeight = 0, imageWidth = 0, rounded, bordered, imageProps }) => {
|
|
6
6
|
const [profileState, setProfileState] = useState(false);
|
|
7
7
|
const profileAlignment = classNames({
|
|
8
8
|
[style.floatRight]: alignment === 'right',
|
|
@@ -18,7 +18,7 @@ const Profile = ({ id, className, profileLinks, alignment, imageHeight = 0, imag
|
|
|
18
18
|
const classList = classNames({
|
|
19
19
|
[style.rounded]: rounded,
|
|
20
20
|
[style.bordered]: bordered
|
|
21
|
-
}, className, style.classList, `h-${imageHeight} w-${imageWidth}`, theme);
|
|
21
|
+
}, className, style.classList, `h-${imageHeight} w-${imageWidth}`, 'theme-local');
|
|
22
22
|
const src = (imageProps === null || imageProps === void 0 ? void 0 : imageProps.src) !== undefined ? imageProps.src : '';
|
|
23
23
|
return (React.createElement(React.Fragment, null,
|
|
24
24
|
React.createElement("div", { id: id, className: classList },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Profile.js","sourceRoot":"","sources":["../../../../../src/lib/components/Profile/Profile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,
|
|
1
|
+
{"version":3,"file":"Profile.js","sourceRoot":"","sources":["../../../../../src/lib/components/Profile/Profile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,KAAmC,MAAM,yBAAyB,CAAA;AACzE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AActC,MAAM,OAAO,GAAG,CAAC,EACf,EAAE,EACF,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,GAAG,CAAC,EACf,UAAU,GAAG,CAAC,EACd,OAAO,EACP,QAAQ,EACR,UAAU,EACJ,EAAe,EAAE;IACvB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvD,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,SAAS,KAAK,OAAO;QACzC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,SAAS,KAAK,MAAM;KACxC,CAAC,CAAA;IAEF,MAAM,kBAAkB,GAAG,UAAU,CAAC;QACpC,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,SAAS,KAAK,OAAO;QAC5C,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,SAAS,KAAK,MAAM;KAC3C,CAAC,CAAA;IAEF,MAAM,sBAAsB,GAAG,UAAU,CAAC;QACxC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,SAAS,KAAK,OAAO,IAAI,SAAS,KAAK,MAAM;KAC9D,CAAC,CAAA;IAEF,MAAM,SAAS,GAAG,UAAU,CAC1B;QACE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;QACxB,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ;KAC3B,EACD,SAAS,EACT,KAAK,CAAC,SAAS,EACf,KAAK,WAAW,MAAM,UAAU,EAAE,EAClC,aAAa,CACd,CAAA;IAED,MAAM,GAAG,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,MAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA;IAC/D,OAAO,CACL;QACE,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;YAC/B,6BAAK,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,aAAa,EAAE,gBAAgB,CAAC;gBAC/D,gCACE,SAAS,EAAE,KAAK,CAAC,eAAe,EAChC,OAAO,EAAE,GAAG,EAAE;wBACZ,eAAe,CAAC,CAAC,YAAY,CAAC,CAAA;oBAChC,CAAC;oBAED,oBAAC,KAAK,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,EAAI,CAC5B,CACL,CACF;QACL,YAAY,IAAI,CACf,6BAAK,SAAS,EAAE,sBAAsB;YACpC,6BACE,SAAS,EAAE,UAAU,CACnB,KAAK,CAAC,YAAY,EAClB,gBAAgB,EAChB,kBAAkB,CACnB,IAEA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;gBAC7B,OAAO,CACL,2BACE,GAAG,EAAE,gBAAgB,CAAC,GAAG,CAAC,EAAE,EAC5B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,KAAK,CAAC,aAAa,EAC9B,IAAI,EAAC,UAAU;oBACf,gBAAgB;oBAChB,EAAE,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAAE,IAE5B,IAAI,CAAC,IAAI,CACR,CACL,CAAA;YACH,CAAC,CAAC,CACE,CACF,CACP,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { ThemeTypes } from '../../utils/controls';
|
|
3
2
|
export interface Props {
|
|
4
3
|
id?: string;
|
|
5
4
|
className?: string;
|
|
6
5
|
children: any;
|
|
7
|
-
theme?: ThemeTypes;
|
|
8
6
|
}
|
|
9
|
-
declare const Row: ({ id, className, children
|
|
7
|
+
declare const Row: ({ id, className, children }: Props) => JSX.Element;
|
|
10
8
|
export default Row;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import style from './style.module.css';
|
|
4
|
-
const Row = ({ id, className, children
|
|
5
|
-
const classList = classNames(className, style.classList, theme);
|
|
4
|
+
const Row = ({ id, className, children }) => {
|
|
5
|
+
const classList = classNames(className, style.classList, 'theme-local');
|
|
6
6
|
return (React.createElement("div", { id: id, className: classList }, children));
|
|
7
7
|
};
|
|
8
8
|
export default Row;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/lib/components/Row/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../../../src/lib/components/Row/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAQtC,MAAM,GAAG,GAAG,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAS,EAAe,EAAE;IAC9D,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;IAEvE,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,IAC9B,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,GAAG,CAAA"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Props as iconProps } from '../Icon/Icon';
|
|
3
|
-
import { ThemeTypes } from '../../utils/controls';
|
|
2
|
+
import { type Props as iconProps } from '../Icon/Icon';
|
|
4
3
|
export interface Props {
|
|
5
4
|
id?: string;
|
|
6
5
|
className?: string;
|
|
@@ -9,7 +8,6 @@ export interface Props {
|
|
|
9
8
|
text?: string;
|
|
10
9
|
leftIconProps?: iconProps;
|
|
11
10
|
rightIconProps?: iconProps;
|
|
12
|
-
theme?: ThemeTypes;
|
|
13
11
|
}
|
|
14
|
-
declare const Search: ({ id, className, onChange, placeholder, text, leftIconProps, rightIconProps
|
|
12
|
+
declare const Search: ({ id, className, onChange, placeholder, text, leftIconProps, rightIconProps }: Props) => JSX.Element;
|
|
15
13
|
export default Search;
|
|
@@ -2,8 +2,8 @@ import React from 'react';
|
|
|
2
2
|
import Icon from '../Icon/Icon';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import style from './style.module.css';
|
|
5
|
-
const Search = ({ id, className, onChange, placeholder, text, leftIconProps, rightIconProps
|
|
6
|
-
const classList = classNames(className, style.classList, theme);
|
|
5
|
+
const Search = ({ id, className, onChange, placeholder, text, leftIconProps, rightIconProps }) => {
|
|
6
|
+
const classList = classNames(className, style.classList, 'theme-local');
|
|
7
7
|
const inputClasses = classNames({
|
|
8
8
|
[style.leftIcon]: leftIconProps !== undefined,
|
|
9
9
|
[style.noLeftIcon]: leftIconProps === undefined
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/lib/components/Search/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../../../src/lib/components/Search/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAA;AACtD,OAAO,IAAiC,MAAM,uBAAuB,CAAA;AACrE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAYtC,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,aAAa,EACb,cAAc,EACR,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;IAEvE,MAAM,YAAY,GAAG,UAAU,CAC7B;QACE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,aAAa,KAAK,SAAS;QAC7C,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,aAAa,KAAK,SAAS;KAChD,EACD,KAAK,CAAC,cAAc,CACrB,CAAA;IAED,MAAM,YAAY,GAChB,QAAQ,IAAI,IAAI;QACd,CAAC,CAAC,CAAC,CAAM,EAAE,EAAE;YACT,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAC1B,CAAC;QACH,CAAC,CAAC,SAAS,CAAA;IAEf,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,iCACG,IAAI,KAAK,SAAS,IAAI,CACrB,4BAAI,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,cAAc,CAAC,IAAG,IAAI,CAAM,CACnE,CACG;QACN;YACE,6BAAK,SAAS,EAAE,KAAK,CAAC,YAAY;gBAC/B,aAAa,KAAK,SAAS,IAAI,oBAAC,IAAI,oBAAK,aAAa,EAAI;gBAC3D,+BACE,SAAS,EAAE,YAAY,EACvB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,GACb;gBACD,cAAc,KAAK,SAAS,IAAI,oBAAC,IAAI,oBAAK,cAAc,EAAI,CACzD,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ThemeTypes } from '../../utils/controls';
|
|
3
2
|
interface Props {
|
|
4
3
|
id?: string;
|
|
5
4
|
className?: string;
|
|
@@ -9,7 +8,6 @@ interface Props {
|
|
|
9
8
|
onClick?: any;
|
|
10
9
|
fullWidth?: boolean;
|
|
11
10
|
required?: boolean;
|
|
12
|
-
theme?: ThemeTypes;
|
|
13
11
|
}
|
|
14
12
|
declare const Select: React.FC<Props>;
|
|
15
13
|
export default Select;
|
|
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
|
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import style from './style.module.css';
|
|
4
4
|
import Icon from '../Icon/Icon';
|
|
5
|
-
const Select = ({ id, className, options, value, label, onClick, required = false, fullWidth = false
|
|
5
|
+
const Select = ({ id, className, options, value, label, onClick, required = false, fullWidth = false }) => {
|
|
6
6
|
const [showDropDown, setShowDropDown] = useState(false);
|
|
7
7
|
const [activeValue, setActiveValue] = useState(value !== undefined ? value : options === null || options === void 0 ? void 0 : options[0]);
|
|
8
8
|
const handleOptionClick = (e) => {
|
|
@@ -14,9 +14,9 @@ const Select = ({ id, className, options, value, label, onClick, required = fals
|
|
|
14
14
|
[style.fullWidth]: fullWidth,
|
|
15
15
|
[style.notFullWidth]: !fullWidth
|
|
16
16
|
});
|
|
17
|
-
const headerClassList = classNames(fullWidthClasses, style.classList, className, theme);
|
|
18
|
-
const dropdownClassList = classNames(fullWidthClasses, style.optionList, theme);
|
|
19
|
-
const dropdownItemClassList = classNames(style.option, theme);
|
|
17
|
+
const headerClassList = classNames(fullWidthClasses, style.classList, className, 'theme-local');
|
|
18
|
+
const dropdownClassList = classNames(fullWidthClasses, style.optionList, 'theme-local');
|
|
19
|
+
const dropdownItemClassList = classNames(style.option, 'theme-local');
|
|
20
20
|
return (React.createElement(React.Fragment, null,
|
|
21
21
|
React.createElement("div", { id: id, className: headerClassList, onClick: () => {
|
|
22
22
|
setShowDropDown(!showDropDown);
|
|
@@ -27,7 +27,7 @@ const Select = ({ id, className, options, value, label, onClick, required = fals
|
|
|
27
27
|
required && React.createElement("p", { className: style.required }, "\u00A0*")),
|
|
28
28
|
React.createElement("p", { className: style.value }, activeValue)),
|
|
29
29
|
React.createElement(Icon, { className: style.icon, bgColour: 'white', colour: 'ink', hoverBgColour: 'white', hoverColour: 'ink', type: 'chevron-down' })),
|
|
30
|
-
showDropDown && (React.createElement("div", { className: classNames(style.dropdownWrapper, fullWidthClasses
|
|
30
|
+
showDropDown && (React.createElement("div", { className: classNames(style.dropdownWrapper, fullWidthClasses) },
|
|
31
31
|
React.createElement("ul", { className: dropdownClassList }, options === null || options === void 0 ? void 0 : options.map((option, i) => (React.createElement("li", { key: `key_${i}`, className: dropdownItemClassList, value: option, onClick: (e) => {
|
|
32
32
|
handleOptionClick(e);
|
|
33
33
|
} }, option))))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../src/lib/components/Select/Select.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;AACtC,OAAO,IAAI,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../../src/lib/components/Select/Select.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;AACtC,OAAO,IAAI,MAAM,uBAAuB,CAAA;AAaxC,MAAM,MAAM,GAAoB,CAAC,EAC/B,EAAE,EACF,SAAS,EACT,OAAO,EACP,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EAClB,EAAE,EAAE;IACH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAC5C,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAC3C,CAAA;IAED,MAAM,iBAAiB,GAAG,CAAC,CAAM,EAAQ,EAAE;QACzC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;QAC7B,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;QACpC,eAAe,CAAC,KAAK,CAAC,CAAA;IACxB,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,SAAS;QAC5B,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC,SAAS;KACjC,CAAC,CAAA;IAEF,MAAM,eAAe,GAAG,UAAU,CAChC,gBAAgB,EAChB,KAAK,CAAC,SAAS,EACf,SAAS,EACT,aAAa,CACd,CAAA;IAED,MAAM,iBAAiB,GAAG,UAAU,CAClC,gBAAgB,EAChB,KAAK,CAAC,UAAU,EAChB,aAAa,CACd,CAAA;IACD,MAAM,qBAAqB,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;IAErE,OAAO,CACL;QACE,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,GAAG,EAAE;gBACZ,eAAe,CAAC,CAAC,YAAY,CAAC,CAAA;YAChC,CAAC;YAED,6BAAK,SAAS,EAAE,KAAK,CAAC,cAAc;gBAClC,6BAAK,SAAS,EAAE,KAAK,CAAC,YAAY;oBAChC,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK;oBACrC,QAAQ,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,QAAQ,cAAa,CAClD;gBACN,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,WAAW,CAAK,CACxC;YACN,oBAAC,IAAI,IACH,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,QAAQ,EAAC,OAAO,EAChB,MAAM,EAAC,KAAK,EACZ,aAAa,EAAC,OAAO,EACrB,WAAW,EAAC,KAAK,EACjB,IAAI,EAAC,cAAc,GACnB,CACE;QACL,YAAY,IAAI,CACf,6BAAK,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,eAAe,EAAE,gBAAgB,CAAC;YACjE,4BAAI,SAAS,EAAE,iBAAiB,IAC7B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,MAAc,EAAE,CAAC,EAAE,EAAE,CAAC,CACnC,4BACE,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,SAAS,EAAE,qBAAqB,EAChC,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,iBAAiB,CAAC,CAAC,CAAC,CAAA;gBACtB,CAAC,IAEA,MAAM,CACJ,CACN,CAAC,CACC,CACD,CACP,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Colours
|
|
3
|
-
import { Props as iconProps } from '../Icon/Icon';
|
|
2
|
+
import { type Colours } from '../../utils/controls';
|
|
3
|
+
import { type Props as iconProps } from '../Icon/Icon';
|
|
4
4
|
export interface Props {
|
|
5
5
|
id: string;
|
|
6
6
|
className?: string;
|
|
@@ -9,7 +9,6 @@ export interface Props {
|
|
|
9
9
|
description: string;
|
|
10
10
|
bgColour?: Colours;
|
|
11
11
|
image: string;
|
|
12
|
-
theme?: ThemeTypes;
|
|
13
12
|
size?: 'small' | 'medium' | 'large';
|
|
14
13
|
iconProps?: iconProps;
|
|
15
14
|
}
|
|
@@ -5,15 +5,15 @@ import Container from '../Container/Container';
|
|
|
5
5
|
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
6
6
|
import Icon from '../Icon/Icon';
|
|
7
7
|
import Avatar from '../Avatar/Avatar';
|
|
8
|
-
const Showcase = ({ id, className, title, subTitle, description, bgColour, size = 'large',
|
|
9
|
-
const classList = classNames(className);
|
|
8
|
+
const Showcase = ({ id, className, title, subTitle, description, bgColour, size = 'large', iconProps }) => {
|
|
9
|
+
const classList = classNames(className, 'theme-local');
|
|
10
10
|
const containerSize = classNames({
|
|
11
11
|
[style.smallContainer]: size === 'small',
|
|
12
12
|
[style.mediumContainer]: size === 'medium',
|
|
13
13
|
[style.largeContainer]: size === 'large'
|
|
14
14
|
}, style.container);
|
|
15
|
-
return (React.createElement(ComponentWrapper, { id: id, className: classList, bgColour: bgColour
|
|
16
|
-
React.createElement(Container, { className: containerSize
|
|
15
|
+
return (React.createElement(ComponentWrapper, { id: id, className: classList, bgColour: bgColour },
|
|
16
|
+
React.createElement(Container, { className: containerSize },
|
|
17
17
|
React.createElement("div", { className: style.textWrapper },
|
|
18
18
|
React.createElement("h2", { className: style.title }, title),
|
|
19
19
|
React.createElement("h2", { className: style.subTitle }, subTitle),
|
|
@@ -21,7 +21,7 @@ const Showcase = ({ id, className, title, subTitle, description, bgColour, size
|
|
|
21
21
|
React.createElement("div", { className: style.avatarWrapper },
|
|
22
22
|
React.createElement(Avatar, null))),
|
|
23
23
|
(iconProps === null || iconProps === void 0 ? void 0 : iconProps.type) !== undefined && (React.createElement("div", { className: style.iconWrapper },
|
|
24
|
-
React.createElement(Icon, Object.assign({
|
|
24
|
+
React.createElement(Icon, Object.assign({ className: style.icon, size: 2, rounded: true }, iconProps, { type: iconProps.type, onClick: iconProps.onClick }))))));
|
|
25
25
|
};
|
|
26
26
|
export default Showcase;
|
|
27
27
|
//# sourceMappingURL=Showcase.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Showcase.js","sourceRoot":"","sources":["../../../../../src/lib/components/Showcase/Showcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAC5E,OAAO,
|
|
1
|
+
{"version":3,"file":"Showcase.js","sourceRoot":"","sources":["../../../../../src/lib/components/Showcase/Showcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAC5E,OAAO,IAAiC,MAAM,uBAAuB,CAAA;AACrE,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAe9C,MAAM,QAAQ,GAAoB,CAAC,EACjC,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,IAAI,GAAG,OAAO,EAEd,SAAS,EACH,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;IAEtD,MAAM,aAAa,GAAG,UAAU,CAC9B;QACE,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,IAAI,KAAK,OAAO;QACxC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,IAAI,KAAK,QAAQ;QAC1C,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,IAAI,KAAK,OAAO;KACzC,EACD,KAAK,CAAC,SAAS,CAChB,CAAA;IAED,OAAO,CACL,oBAAC,gBAAgB,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ;QAChE,oBAAC,SAAS,IAAC,SAAS,EAAE,aAAa;YACjC,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;gBAC/B,4BAAI,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAM;gBACxC,4BAAI,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAG,QAAQ,CAAM;gBAC9C,2BAAG,SAAS,EAAE,KAAK,CAAC,WAAW,IAAG,WAAW,CAAK,CAC9C;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;gBACjC,oBAAC,MAAM,OAAG,CACN,CACI;QACX,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,MAAK,SAAS,IAAI,CAChC,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;YAC/B,oBAAC,IAAI,kBACH,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,IAAI,EAAE,CAAC,EACP,OAAO,UACH,SAAS,IACb,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,OAAO,EAAE,SAAS,CAAC,OAAO,IAC1B,CACE,CACP,CACgB,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Colours
|
|
2
|
+
import { type Colours } from '../../utils/controls';
|
|
3
3
|
export interface Props {
|
|
4
4
|
id: string;
|
|
5
5
|
className: string;
|
|
@@ -8,7 +8,6 @@ export interface Props {
|
|
|
8
8
|
bgColour?: Colours;
|
|
9
9
|
showNav?: boolean;
|
|
10
10
|
leftExpand?: boolean;
|
|
11
|
-
theme?: ThemeTypes;
|
|
12
11
|
}
|
|
13
|
-
declare const SideNav: ({ id, className, children, bgColour, showNav, leftExpand
|
|
12
|
+
declare const SideNav: ({ id, className, children, bgColour, showNav, leftExpand }: Props) => JSX.Element;
|
|
14
13
|
export default SideNav;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import style from './style.module.css';
|
|
4
|
-
const SideNav = ({ id, className, children, bgColour = 'primary', showNav = false, leftExpand = true
|
|
4
|
+
const SideNav = ({ id, className, children, bgColour = 'primary', showNav = false, leftExpand = true }) => {
|
|
5
5
|
const sideNavClasses = classNames({
|
|
6
6
|
[style.sideBarCollapsed]: !showNav,
|
|
7
7
|
[style.sideBarExpanded]: showNav,
|
|
8
8
|
[style.leftExpand]: leftExpand,
|
|
9
9
|
[style.rightExpand]: !leftExpand
|
|
10
|
-
}, style[bgColour], style.sideNavClassList, className, theme);
|
|
10
|
+
}, style[bgColour], style.sideNavClassList, className, 'theme-local');
|
|
11
11
|
return (React.createElement("div", { id: id, className: sideNavClasses }, children));
|
|
12
12
|
};
|
|
13
13
|
export default SideNav;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNav.js","sourceRoot":"","sources":["../../../../../src/lib/components/SideNav/SideNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"SideNav.js","sourceRoot":"","sources":["../../../../../src/lib/components/SideNav/SideNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAatC,MAAM,OAAO,GAAG,CAAC,EACf,EAAE,EACF,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,SAAS,EACpB,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,IAAI,EACX,EAAe,EAAE;IACvB,MAAM,cAAc,GAAG,UAAU,CAC/B;QACE,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,CAAC,OAAO;QAClC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,OAAO;QAChC,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,UAAU;QAC9B,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,UAAU;KACjC,EACD,KAAK,CAAC,QAAQ,CAAC,EACf,KAAK,CAAC,gBAAgB,EACtB,SAAS,EACT,aAAa,CACd,CAAA;IAED,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,cAAc,IACnC,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Colours
|
|
2
|
+
import { type Colours } from '../../utils/controls';
|
|
3
3
|
export interface Props {
|
|
4
4
|
id?: string;
|
|
5
5
|
className?: string;
|
|
@@ -10,7 +10,6 @@ export interface Props {
|
|
|
10
10
|
type: string;
|
|
11
11
|
}>;
|
|
12
12
|
variant: 'light' | 'dark';
|
|
13
|
-
theme?: ThemeTypes;
|
|
14
13
|
}
|
|
15
|
-
declare const SocialBlock: ({ id, className, title, description, bgColour, socialButtons, variant
|
|
14
|
+
declare const SocialBlock: ({ id, className, title, description, bgColour, socialButtons, variant }: Props) => JSX.Element;
|
|
16
15
|
export default SocialBlock;
|
|
@@ -3,10 +3,10 @@ import classNames from 'classnames';
|
|
|
3
3
|
import style from './style.module.css';
|
|
4
4
|
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
5
5
|
import SocialButton from '../SocialButton/SocialButton';
|
|
6
|
-
const SocialBlock = ({ id, className, title, description, bgColour, socialButtons, variant = 'light'
|
|
6
|
+
const SocialBlock = ({ id, className, title, description, bgColour, socialButtons, variant = 'light' }) => {
|
|
7
7
|
const colours = variant === 'dark' ? style.dark : style.light;
|
|
8
|
-
const classList = classNames(style.classList, className, colours);
|
|
9
|
-
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour
|
|
8
|
+
const classList = classNames(style.classList, className, colours, 'theme-local');
|
|
9
|
+
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour },
|
|
10
10
|
React.createElement("div", { className: style.outside },
|
|
11
11
|
React.createElement("div", { className: style.wrapper },
|
|
12
12
|
React.createElement("div", { className: style.buttonWrapper }, socialButtons === null || socialButtons === void 0 ? void 0 : socialButtons.map((button, i) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SocialBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialBlock/SocialBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,YAAY,MAAM,uCAAuC,CAAA;
|
|
1
|
+
{"version":3,"file":"SocialBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialBlock/SocialBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,YAAY,MAAM,uCAAuC,CAAA;AAYhE,MAAM,WAAW,GAAG,CAAC,EACnB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,aAAa,EACb,OAAO,GAAG,OAAO,EACX,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAA;IAC7D,MAAM,SAAS,GAAG,UAAU,CAC1B,KAAK,CAAC,SAAS,EACf,SAAS,EACT,OAAO,EACP,aAAa,CACd,CAAA;IAED,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ;QAElB,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;YAC3B,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;gBAC3B,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,IAChC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,CAAC,MAAW,EAAE,CAAS,EAAE,EAAE;oBAC7C,OAAO,CACL,MAAM,CAAC,IAAI,KAAK,SAAS,IAAI,CAC3B,oBAAC,YAAY,IACX,GAAG,EAAE,iBAAiB,CAAC,EAAE,EACzB,SAAS,EAAE,KAAK,CAAC,aAAa,EAC9B,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,IAAI,EAAE,MAAM,CAAC,IAAI,GACjB,CACH,CACF,CAAA;gBACH,CAAC,CAAC,CACE,CACF,CACF,CACW,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { SocialTypes } from '../../utils/controls';
|
|
3
3
|
export interface Props {
|
|
4
4
|
id?: string;
|
|
5
5
|
className?: string;
|
|
@@ -7,7 +7,6 @@ export interface Props {
|
|
|
7
7
|
type?: SocialTypes;
|
|
8
8
|
href?: string;
|
|
9
9
|
openInNewTab?: boolean;
|
|
10
|
-
theme?: ThemeTypes;
|
|
11
10
|
}
|
|
12
|
-
declare const SocialButton: ({ id, className, onClick, type, href, openInNewTab
|
|
11
|
+
declare const SocialButton: ({ id, className, onClick, type, href, openInNewTab }: Props) => JSX.Element;
|
|
13
12
|
export default SocialButton;
|
|
@@ -2,13 +2,13 @@ import React from 'react';
|
|
|
2
2
|
import Icon from '../Icon/Icon';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import style from './style.module.css';
|
|
5
|
-
const SocialButton = ({ id, className, onClick, type = 'facebook', href, openInNewTab = false
|
|
5
|
+
const SocialButton = ({ id, className, onClick, type = 'facebook', href, openInNewTab = false }) => {
|
|
6
6
|
const getColours = (type) => {
|
|
7
7
|
const typeString = type;
|
|
8
8
|
const colour = `interactive-${typeString}`;
|
|
9
9
|
return colour;
|
|
10
10
|
};
|
|
11
|
-
const classList = classNames(style.classList, style[type],
|
|
11
|
+
const classList = classNames(style.classList, style[type], className, 'theme-local');
|
|
12
12
|
const iconType = {
|
|
13
13
|
facebook: 'facebook-f',
|
|
14
14
|
instagram: 'instagram',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SocialButton.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialButton/SocialButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,uBAAuB,CAAA;AACxC,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"SocialButton.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialButton/SocialButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,uBAAuB,CAAA;AACxC,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAWtC,MAAM,YAAY,GAAG,CAAC,EACpB,EAAE,EACF,SAAS,EACT,OAAO,EACP,IAAI,GAAG,UAAU,EACjB,IAAI,EACJ,YAAY,GAAG,KAAK,EACd,EAAe,EAAE;IACvB,MAAM,UAAU,GAAG,CAAC,IAAa,EAAW,EAAE;QAC5C,MAAM,UAAU,GAAW,IAAI,CAAA;QAC/B,MAAM,MAAM,GAAW,eAAe,UAAU,EAAE,CAAA;QAClD,OAAO,MAAiB,CAAA;IAC1B,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,UAAU,CAC1B,KAAK,CAAC,SAAS,EACf,KAAK,CAAC,IAAI,CAAC,EACX,SAAS,EACT,aAAa,CACd,CAAA;IAED,MAAM,QAAQ,GAAG;QACf,QAAQ,EAAE,YAAY;QACtB,SAAS,EAAE,WAAW;QACtB,MAAM,EAAE,QAAQ;QAChB,QAAQ,EAAE,aAAa;KACxB,CAAA;IAED,MAAM,UAAU,GAAW,IAAI,CAAC,QAAQ,EAAE,CAAA;IAC1C,OAAO,CACL,yCACE,SAAS,EAAE,KAAK,CAAC,MAAM,EACvB,IAAI,EAAE,IAAI,gBACE,cAAc,UAAU,EAAE,EACtC,OAAO,EAAE,OAAO,IACZ,CAAC,YAAY,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;QAE1C,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;YAC/B,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,EACpB,SAAS,EAAC,iBAAiB,EAC3B,IAAI,EAAE,CAAC,EACP,KAAK,QACL,OAAO,QACP,QAAQ,EAAE,IAAI,EACd,MAAM,EAAC,OAAO,EACd,aAAa,EAAE,UAAU,CAAC,IAAe,CAAC,GAC1C,CACE,CACJ,CACL,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { ThemeTypes } from '../../utils/controls';
|
|
3
2
|
export interface Props {
|
|
4
3
|
id: string;
|
|
5
4
|
className: string;
|
|
6
5
|
stars: number;
|
|
7
6
|
size: number;
|
|
8
|
-
theme?: ThemeTypes;
|
|
9
7
|
}
|
|
10
|
-
declare const StarRating: ({ id, className, stars, size
|
|
8
|
+
declare const StarRating: ({ id, className, stars, size }: Props) => JSX.Element;
|
|
11
9
|
export default StarRating;
|
|
@@ -2,8 +2,8 @@ import React from 'react';
|
|
|
2
2
|
import Icon from '../Icon/Icon';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import style from './style.module.css';
|
|
5
|
-
const StarRating = ({ id, className, stars = 1, size = 1
|
|
6
|
-
const classList = classNames(className, style.classList, theme);
|
|
5
|
+
const StarRating = ({ id, className, stars = 1, size = 1 }) => {
|
|
6
|
+
const classList = classNames(className, style.classList, 'theme-local');
|
|
7
7
|
const getStars = () => {
|
|
8
8
|
const starsArr = [];
|
|
9
9
|
for (let i = 0; i < stars; i++) {
|