trepur_components 2.1.1 → 2.2.2
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/Button/style.module.css +8 -8
- package/dist/src/lib/components/Button/style.module.css.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 +4 -6
- package/dist/src/lib/components/Nav/Nav.js +32 -30
- package/dist/src/lib/components/Nav/Nav.js.map +1 -1
- package/dist/src/lib/components/Nav/StickyNav.d.ts +3 -5
- 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/Nav/style.module.css +52 -0
- package/dist/src/lib/components/Nav/style.module.css.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/NavItem/style.module.css +5 -5
- package/dist/src/lib/components/NavItem/style.module.css.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 +43 -43
- package/dist/src/lib/typography/Colours/Colours.js.map +1 -1
- package/dist/src/lib/typography/Colours/style.module.css +0 -7
- package/dist/src/lib/typography/Colours/style.module.css.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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageInfo.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageInfo/ImageInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,SAAS,MAAM,iCAAiC,CAAA;
|
|
1
|
+
{"version":3,"file":"ImageInfo.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageInfo/ImageInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAcvD,MAAM,SAAS,GAAoB,CAAC,EAClC,EAAE,EACF,SAAS,EACT,QAAQ,EACR,UAAU,GAAG,OAAO,EACpB,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,WAAW,GAAG,KAAK,EACnB,UAAU,GAAG,KAAK,EACZ,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,SAAS,CAAA;IAC3B,MAAM,YAAY,GAAW,OAAO,CAAC,EAAE,CAAA;IACvC,MAAM,YAAY,GAAW,eAAe,YAAY,GAAG,CAAA;IAC3D,MAAM,YAAY,GAAW,eAAe,YAAY,GAAG,CAAA;IAC3D,MAAM,IAAI,GAAY,UAAU,CAAC,YAAY,CAAC,CAAA;IAC9C,MAAM,IAAI,GAAY,UAAU,CAAC,YAAY,CAAC,CAAA;IAE9C,MAAM,gBAAgB,GAAG,UAAU,CACjC;QACE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,WAAW;QAC7B,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,WAAW;QACnC,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE,CAAC,IAAI,IAAI,UAAU;KAClD,EACD,KAAK,CAAC,cAAc,EACpB,aAAa,CACd,CAAA;IAED,MAAM,mBAAmB,GAAG,UAAU,CACpC;QACE,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE,IAAI;KAChC,EACD,KAAK,CAAC,YAAY,CACnB,CAAA;IAED,MAAM,YAAY,GAAG,UAAU,CAC7B;QACE,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,IAAI;KAC/B,EACD,KAAK,CAAC,KAAK,CACZ,CAAA;IAED,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,EACvD,SAAS,EAAE,SAAS;QAEpB,oBAAC,SAAS,IAAC,WAAW,EAAE,IAAI;YAC1B,6BAAK,SAAS,EAAE,gBAAgB;gBAC9B,6BAAK,SAAS,EAAE,mBAAmB;oBACjC,6BACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,YAAY,EACvB,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,YAAY,GACnB,CACE;gBACN,6BAAK,SAAS,EAAE,KAAK,CAAC,cAAc;oBAClC,6BAAK,SAAS,EAAE,KAAK,CAAC,OAAO;wBAC3B;4BACE,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,YAAY,CAAK;4BAC7C,2BAAG,SAAS,EAAE,KAAK,CAAC,IAAI,IAAG,IAAI,CAAK,CAChC,CACF,CACF,CACF,CACI,CACR,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Props as buttonProps } from '../Button/Button';
|
|
3
|
-
import { ThemeTypes } from '../../utils/controls';
|
|
2
|
+
import { type Props as buttonProps } from '../Button/Button';
|
|
4
3
|
export interface Props {
|
|
5
4
|
id?: string;
|
|
6
5
|
className?: string;
|
|
@@ -11,7 +10,6 @@ export interface Props {
|
|
|
11
10
|
rounded?: boolean;
|
|
12
11
|
openInNewTab?: boolean;
|
|
13
12
|
buttonProps?: buttonProps;
|
|
14
|
-
theme?: ThemeTypes;
|
|
15
13
|
}
|
|
16
|
-
declare const ImageLink: ({ id, className, image, altText, title, link, rounded, openInNewTab, buttonProps
|
|
14
|
+
declare const ImageLink: ({ id, className, image, altText, title, link, rounded, openInNewTab, buttonProps }: Props) => JSX.Element;
|
|
17
15
|
export default ImageLink;
|
|
@@ -2,8 +2,8 @@ import React from 'react';
|
|
|
2
2
|
import Button from '../Button/Button';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import style from './style.module.css';
|
|
5
|
-
const ImageLink = ({ id, className, image, altText, title, link, rounded, openInNewTab, buttonProps
|
|
6
|
-
const classList = classNames(className, style.classList, theme);
|
|
5
|
+
const ImageLink = ({ id, className, image, altText, title, link, rounded, openInNewTab, buttonProps }) => {
|
|
6
|
+
const classList = classNames(className, style.classList, 'theme-local');
|
|
7
7
|
const roundedClass = classNames({
|
|
8
8
|
[style.rounded]: rounded
|
|
9
9
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageLink.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLink/ImageLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,
|
|
1
|
+
{"version":3,"file":"ImageLink.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLink/ImageLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAqC,MAAM,2BAA2B,CAAA;AAC7E,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAatC,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,WAAW,EACL,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;IAEvE,MAAM,YAAY,GAAG,UAAU,CAAC;QAC9B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;KACzB,CAAC,CAAA;IAEF,OAAO,CACL,yCAAG,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,IAAM,CAAC,YAAY,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;QAC9D,6BAAK,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC;YAChE,6BAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,GAAI;YACxD,KAAK,KAAK,SAAS,IAAI,4BAAI,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAM;YAC/D,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,MAAK,SAAS,IAAI,CACtC,oBAAC,MAAM,IAAC,SAAS,EAAE,KAAK,CAAC,MAAM,IAAG,WAAW,CAAC,QAAQ,CAAU,CACjE,CACG,CACJ,CACL,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Props as imageLinkProps } from '../ImageLink/ImageLink';
|
|
3
|
-
import { ThemeTypes } from '../../utils/controls';
|
|
2
|
+
import { type Props as imageLinkProps } from '../ImageLink/ImageLink';
|
|
4
3
|
export interface Props {
|
|
5
4
|
id?: string;
|
|
6
5
|
className?: string;
|
|
7
6
|
items?: imageLinkProps[];
|
|
8
|
-
theme?: ThemeTypes;
|
|
9
7
|
}
|
|
10
|
-
declare const ImageLinkList: ({ id, className, items
|
|
8
|
+
declare const ImageLinkList: ({ id, className, items }: Props) => JSX.Element;
|
|
11
9
|
export default ImageLinkList;
|
|
@@ -2,8 +2,8 @@ import React from 'react';
|
|
|
2
2
|
import ImageLink from '../ImageLink/ImageLink';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import style from './style.module.css';
|
|
5
|
-
const ImageLinkList = ({ id, className, items
|
|
6
|
-
const classList = classNames(className, style.classList, theme);
|
|
5
|
+
const ImageLinkList = ({ id, className, items }) => {
|
|
6
|
+
const classList = classNames(className, style.classList, 'theme-local');
|
|
7
7
|
return (React.createElement("div", { id: id, className: classList }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
|
|
8
8
|
return (React.createElement(ImageLink, { key: `image_link_${i + 0}`, altText: item.altText, image: item.image, title: item.title }));
|
|
9
9
|
})));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageLinkList.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLinkList/ImageLinkList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,
|
|
1
|
+
{"version":3,"file":"ImageLinkList.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLinkList/ImageLinkList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAA2C,MAAM,wBAAwB,CAAA;AAChF,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAQtC,MAAM,aAAa,GAAG,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAS,EAAe,EAAE;IACrE,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,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAS,EAAE,EAAE;QAC9B,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,EAC1B,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,CACH,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Props as iconProps } from '../Icon/Icon';
|
|
3
|
-
import { Colours
|
|
2
|
+
import { type Props as iconProps } from '../Icon/Icon';
|
|
3
|
+
import { type Colours } from '../../utils/controls';
|
|
4
4
|
export interface Props {
|
|
5
5
|
id: string;
|
|
6
6
|
className?: string;
|
|
@@ -10,8 +10,7 @@ export interface Props {
|
|
|
10
10
|
withHoverEffect?: boolean;
|
|
11
11
|
iconProps: iconProps;
|
|
12
12
|
backgroundColour?: Colours;
|
|
13
|
-
theme?: ThemeTypes;
|
|
14
13
|
large?: boolean;
|
|
15
14
|
}
|
|
16
|
-
declare const InformationIcon: ({ id, className, title, subtitle, withAnimation, withHoverEffect, iconProps, backgroundColour,
|
|
15
|
+
declare const InformationIcon: ({ id, className, title, subtitle, withAnimation, withHoverEffect, iconProps, backgroundColour, large }: Props) => JSX.Element;
|
|
17
16
|
export default InformationIcon;
|
|
@@ -3,7 +3,7 @@ import Icon from '../Icon/Icon';
|
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import style from './style.module.css';
|
|
5
5
|
import MatchMedia from '../../utils/matchMedia';
|
|
6
|
-
const InformationIcon = ({ id, className, title, subtitle, withAnimation = false, withHoverEffect = true, iconProps, backgroundColour = 'white',
|
|
6
|
+
const InformationIcon = ({ id, className, title, subtitle, withAnimation = false, withHoverEffect = true, iconProps, backgroundColour = 'white', large = true }) => {
|
|
7
7
|
const loaded = useRef(false);
|
|
8
8
|
const smScreenSize = 'max-width: 768px';
|
|
9
9
|
const isSm = MatchMedia(smScreenSize);
|
|
@@ -12,7 +12,7 @@ const InformationIcon = ({ id, className, title, subtitle, withAnimation = false
|
|
|
12
12
|
[style.large]: large,
|
|
13
13
|
[style.small]: !large,
|
|
14
14
|
'pt-4': !large
|
|
15
|
-
}, className, style.classList, style[backgroundColour], theme);
|
|
15
|
+
}, className, style.classList, style[backgroundColour], 'theme-local');
|
|
16
16
|
const titleClassList = classNames({
|
|
17
17
|
[style.centerText]: subtitle === undefined,
|
|
18
18
|
[style.title]: subtitle !== undefined
|
|
@@ -47,7 +47,7 @@ const InformationIcon = ({ id, className, title, subtitle, withAnimation = false
|
|
|
47
47
|
window.requestAnimationFrame(step);
|
|
48
48
|
};
|
|
49
49
|
return (React.createElement("div", { id: id, className: classList },
|
|
50
|
-
React.createElement("div", { className: style.icon }, iconProps !== undefined && (React.createElement(Icon, Object.assign({}, iconProps, { className: 'mx-auto', size: isSm ? 3 : 2,
|
|
50
|
+
React.createElement("div", { className: style.icon }, iconProps !== undefined && (React.createElement(Icon, Object.assign({}, iconProps, { className: 'mx-auto', size: isSm ? 3 : 2, bgColour: backgroundColour })))),
|
|
51
51
|
React.createElement("div", { className: style.text },
|
|
52
52
|
title !== undefined && title !== '' && (React.createElement("p", { className: titleClassList }, title)),
|
|
53
53
|
subtitle !== undefined && subtitle !== '' && (React.createElement("p", { className: subtitleClassList }, subtitle)))));
|
|
@@ -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,CAAA;AAChD,OAAO,
|
|
1
|
+
{"version":3,"file":"InformationIcon.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIcon/InformationIcon.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="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;
|
|
@@ -8,7 +8,6 @@ export interface Props {
|
|
|
8
8
|
description?: string;
|
|
9
9
|
bgColour?: Colours;
|
|
10
10
|
icons?: iconProps[];
|
|
11
|
-
theme?: ThemeTypes;
|
|
12
11
|
}
|
|
13
|
-
declare const InformationIconBlock: ({ id, className, title, description, bgColour, icons
|
|
12
|
+
declare const InformationIconBlock: ({ id, className, title, description, bgColour, icons }: Props) => JSX.Element;
|
|
14
13
|
export default InformationIconBlock;
|
|
@@ -4,9 +4,9 @@ import Container from '../Container/Container';
|
|
|
4
4
|
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
5
5
|
import InformationIcon from '../InformationIcon/InformationIcon';
|
|
6
6
|
import classNames from 'classnames';
|
|
7
|
-
const InformationIconBlock = ({ id, className, title, description, bgColour, icons
|
|
8
|
-
const classList = classNames(className);
|
|
9
|
-
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour
|
|
7
|
+
const InformationIconBlock = ({ id, className, title, description, bgColour, icons }) => {
|
|
8
|
+
const classList = classNames(className, 'theme-local');
|
|
9
|
+
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour },
|
|
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,
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;AAWnC,MAAM,oBAAoB,GAAG,CAAC,EAC5B,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACC,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;IACtD,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,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,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;
|
|
@@ -25,7 +25,6 @@ export interface Props {
|
|
|
25
25
|
errorState?: boolean;
|
|
26
26
|
value?: string;
|
|
27
27
|
bgColour?: Colours;
|
|
28
|
-
theme?: ThemeTypes;
|
|
29
28
|
}
|
|
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
|
|
29
|
+
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 }: Props) => JSX.Element;
|
|
31
30
|
export default Input;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useRef } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
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
|
|
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 }) => {
|
|
5
5
|
const newId = id !== undefined ? `-${id}` : '';
|
|
6
6
|
const valueClassList = classNames({
|
|
7
7
|
[style.errorState]: errors != null || errorState
|
|
@@ -9,7 +9,7 @@ const Input = ({ id, className, autoComplete, disabled, formId, height, maxLengt
|
|
|
9
9
|
const labelClassList = classNames({
|
|
10
10
|
[style.labelError]: errors != null || errorState
|
|
11
11
|
}, style.label);
|
|
12
|
-
const headerClassList = classNames(style.classList, className, theme);
|
|
12
|
+
const headerClassList = classNames(style.classList, className, 'theme-local');
|
|
13
13
|
const btnRef = useRef(null);
|
|
14
14
|
const handleClick = () => {
|
|
15
15
|
var _a;
|
|
@@ -23,7 +23,7 @@ const Input = ({ id, className, autoComplete, disabled, formId, height, maxLengt
|
|
|
23
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
24
|
onChange === null || onChange === void 0 ? void 0 : onChange(e);
|
|
25
25
|
}, onBlur: onBlur, onFocus: onFocus, onClick: onClick })),
|
|
26
|
-
withValidation && (React.createElement("div", { id: `errors${newId}`, className: classNames(style.errors
|
|
26
|
+
withValidation && (React.createElement("div", { id: `errors${newId}`, className: classNames(style.errors) }, errors === null || errors === void 0 ? void 0 : errors.map((error, i) => {
|
|
27
27
|
return (React.createElement("p", { key: `error-msg-${i + 0}`, className: style.errorText }, error));
|
|
28
28
|
})))));
|
|
29
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,CAAA;AACrC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;
|
|
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,CAAA;AACrC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AA8BtC,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,EACF,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,cAAc,EACd,MAAM,EACN,UAAU,GAAG,KAAK,EAClB,KAAK,EACC,EAAe,EAAE;IACvB,MAAM,KAAK,GAAG,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAE9C,MAAM,cAAc,GAAG,UAAU,CAC/B;QACE,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,IAAI,IAAI,UAAU;KACjD,EACD,KAAK,CAAC,KAAK,CACZ,CAAA;IAED,MAAM,cAAc,GAAG,UAAU,CAC/B;QACE,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,IAAI,IAAI,UAAU;KACjD,EACD,KAAK,CAAC,KAAK,CACZ,CAAA;IAED,MAAM,eAAe,GAAG,UAAU,CAAC,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,aAAa,CAAC,CAAA;IAE7E,MAAM,MAAM,GAAG,MAAM,CAAM,IAAI,CAAC,CAAA;IAEhC,MAAM,WAAW,GAAG,GAAS,EAAE;;QAC7B,MAAA,MAAM,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,OAAO,CACL;QACE,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,OAAO,EAAE,WAAW;YAC3D,6BAAK,SAAS,EAAE,KAAK,CAAC,YAAY;gBAChC,2BAAG,SAAS,EAAE,cAAc,IAAG,KAAK,CAAK;gBACxC,QAAQ,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,QAAQ,cAAa,CAClD;YACN,+BACE,GAAG,EAAE,MAAM,EACX,EAAE,EAAE,QAAQ,KAAK,EAAE,EACnB,SAAS,EAAE,cAAc,EACzB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAA;gBACf,CAAC,EACD,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,GAChB,CACE;QACL,cAAc,IAAI,CACjB,6BAAK,EAAE,EAAE,SAAS,KAAK,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,IAC3D,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACxB,OAAO,CACL,2BAAG,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IACrD,KAAK,CACJ,CACL,CAAA;QACH,CAAC,CAAC,CACE,CACP,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -1,12 +1,10 @@
|
|
|
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
|
image?: string;
|
|
7
6
|
altText?: string;
|
|
8
7
|
title?: string;
|
|
9
|
-
theme?: ThemeTypes;
|
|
10
8
|
}
|
|
11
|
-
declare const Jumbotron: ({ id, className, image, altText, title
|
|
9
|
+
declare const Jumbotron: ({ id, className, image, altText, title }: Props) => JSX.Element;
|
|
12
10
|
export default Jumbotron;
|
|
@@ -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 Jumbotron = ({ id, className, image, altText, title
|
|
5
|
-
const classList = classNames(style.classes, className, theme);
|
|
4
|
+
const Jumbotron = ({ id, className, image, altText, title }) => {
|
|
5
|
+
const classList = classNames(style.classes, className, 'theme-local');
|
|
6
6
|
const imageClassList = classNames(style.imageClasses);
|
|
7
7
|
return (React.createElement("div", { id: id, className: classList },
|
|
8
8
|
React.createElement("img", { className: imageClassList, src: image, alt: altText, title: title })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Jumbotron.js","sourceRoot":"","sources":["../../../../../src/lib/components/Jumbotron/Jumbotron.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":"Jumbotron.js","sourceRoot":"","sources":["../../../../../src/lib/components/Jumbotron/Jumbotron.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAUtC,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,KAAK,EACL,OAAO,EACP,KAAK,EACC,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa,CAAC,CAAA;IACrE,MAAM,cAAc,GAAG,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;IACrD,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,6BAAK,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAI,CACtE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Colours
|
|
2
|
+
import { type Colours } from '../../utils/controls';
|
|
3
3
|
export interface Props {
|
|
4
4
|
id?: string;
|
|
5
5
|
className?: string;
|
|
6
6
|
backgroundColour?: Colours;
|
|
7
|
-
theme?: ThemeTypes;
|
|
8
7
|
menuItems: Array<{
|
|
9
8
|
name: string;
|
|
10
9
|
href: string;
|
|
11
10
|
}>;
|
|
12
11
|
onClick?: React.MouseEventHandler;
|
|
13
12
|
}
|
|
14
|
-
declare const MenuButton: ({ id, className, backgroundColour,
|
|
13
|
+
declare const MenuButton: ({ id, className, backgroundColour, menuItems, onClick }: Props) => JSX.Element;
|
|
15
14
|
export default MenuButton;
|
|
@@ -3,9 +3,9 @@ import classNames from 'classnames';
|
|
|
3
3
|
import style from './style.module.css';
|
|
4
4
|
import DropdownMenu from '../DropdownMenu/DropdownMenu';
|
|
5
5
|
import Image from '../Image/Image';
|
|
6
|
-
const MenuButton = ({ id, className, backgroundColour = 'white',
|
|
6
|
+
const MenuButton = ({ id, className, backgroundColour = 'white', menuItems, onClick }) => {
|
|
7
7
|
const [showMenu, setShowMenu] = useState(false);
|
|
8
|
-
const classList = classNames(className, style.classList, style[backgroundColour], theme);
|
|
8
|
+
const classList = classNames(className, style.classList, style[backgroundColour], 'theme-local');
|
|
9
9
|
if (!menuItems)
|
|
10
10
|
return React.createElement(React.Fragment, null);
|
|
11
11
|
return (React.createElement("div", null,
|
|
@@ -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,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,
|
|
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,EAE1B,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,aAAa,CACd,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,7 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Props as navItemProps } from '../NavItem/NavItem';
|
|
3
|
-
import {
|
|
4
|
-
import { Props as MenuButtonProps } from '../MenuButton/MenuButton';
|
|
2
|
+
import { type Props as navItemProps } from '../NavItem/NavItem';
|
|
3
|
+
import { type Props as MenuButtonProps } from '../MenuButton/MenuButton';
|
|
5
4
|
export interface Props {
|
|
6
5
|
id?: string;
|
|
7
6
|
className?: string;
|
|
@@ -15,14 +14,13 @@ export interface Props {
|
|
|
15
14
|
mobileLogoDarkTheme: string;
|
|
16
15
|
logoLink: string;
|
|
17
16
|
mobileClasses?: string;
|
|
18
|
-
getNavStatus
|
|
17
|
+
getNavStatus?: (withMobileSideBar: boolean, open: boolean) => void;
|
|
19
18
|
variant: 'light' | 'dark';
|
|
20
19
|
text?: string;
|
|
21
20
|
textLink?: string;
|
|
22
|
-
theme?: ThemeTypes;
|
|
23
21
|
withStickyNavShadow?: boolean;
|
|
24
22
|
withDesktopShadow?: boolean;
|
|
25
23
|
profileMenu?: MenuButtonProps;
|
|
26
24
|
}
|
|
27
|
-
declare const Nav: ({ id, className, navLinks, withMobileSideBar, withMobileDropdown, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant, text, textLink,
|
|
25
|
+
declare const Nav: ({ id, className, navLinks, withMobileSideBar, withMobileDropdown, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant, text, textLink, withStickyNavShadow, withDesktopShadow, profileMenu }: Props) => JSX.Element;
|
|
28
26
|
export default Nav;
|
|
@@ -8,15 +8,15 @@ import Container from '../Container/Container';
|
|
|
8
8
|
import StickyNav from './StickyNav';
|
|
9
9
|
import MenuButton from '../MenuButton/MenuButton';
|
|
10
10
|
import HorizontalLine from '../HorizontalLine/HorizontalLine';
|
|
11
|
-
const Nav = ({ id, className, navLinks, withMobileSideBar = false, withMobileDropdown = false, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant = 'dark', text, textLink = '/',
|
|
12
|
-
var _a, _b, _c, _d;
|
|
11
|
+
const Nav = ({ id, className, navLinks, withMobileSideBar = false, withMobileDropdown = false, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant = 'dark', text, textLink = '/', withStickyNavShadow = false, withDesktopShadow = false, profileMenu }) => {
|
|
13
12
|
const [showSideNav, setShowSideNav] = useState(false);
|
|
14
13
|
const [showDropdownNav, setShowDropdownNav] = useState(false);
|
|
15
14
|
const [showStickyNav, setShowStickyNav] = useState(false);
|
|
15
|
+
const [navOpen, setNavOpen] = useState(false);
|
|
16
16
|
const colours = variant === 'dark' ? [style.dark] : [style.light];
|
|
17
17
|
const classList = classNames({
|
|
18
18
|
// [style.desktopNavDropShadow]: withDesktopShadow && !showStickyNav && !showSideNav
|
|
19
|
-
}, className, style.nav, theme, colours);
|
|
19
|
+
}, className, style.nav, 'theme-local', colours);
|
|
20
20
|
const stickyClassList = classNames({
|
|
21
21
|
[style.showStickyNav]: showStickyNav
|
|
22
22
|
}, style.stickyNav);
|
|
@@ -40,6 +40,7 @@ const Nav = ({ id, className, navLinks, withMobileSideBar = false, withMobileDro
|
|
|
40
40
|
}, style.dropDownNavClassList);
|
|
41
41
|
const mobileContainer = classNames(style.mobileContainer, style.mobileNav, mobileClasses);
|
|
42
42
|
const toggleMenu = () => {
|
|
43
|
+
setNavOpen(!navOpen);
|
|
43
44
|
if (withMobileSideBar) {
|
|
44
45
|
getNavStatus === null || getNavStatus === void 0 ? void 0 : getNavStatus(withMobileSideBar, !showSideNav);
|
|
45
46
|
setShowSideNav(!showSideNav);
|
|
@@ -49,33 +50,34 @@ const Nav = ({ id, className, navLinks, withMobileSideBar = false, withMobileDro
|
|
|
49
50
|
setShowDropdownNav(!showDropdownNav);
|
|
50
51
|
}
|
|
51
52
|
};
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
React.createElement(
|
|
55
|
-
|
|
56
|
-
React.createElement(
|
|
57
|
-
|
|
58
|
-
React.createElement(
|
|
59
|
-
|
|
60
|
-
React.createElement(
|
|
61
|
-
React.createElement("
|
|
62
|
-
React.createElement(
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
React.createElement(
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
React.createElement("div", { className:
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
53
|
+
return (React.createElement("div", { className: style.wrapperClasses },
|
|
54
|
+
React.createElement("div", { id: 'dfr', className: classNames(style.defaultNavClasses, [navOpen] && style.navOpen, [!navOpen] && style.navClosed) }),
|
|
55
|
+
React.createElement("header", { id: id, className: classList },
|
|
56
|
+
React.createElement(Container, { withPadding: true, className: mobileContainer },
|
|
57
|
+
(withMobileSideBar || withMobileDropdown) && (React.createElement("div", { className: style.collapseBtnWrapper },
|
|
58
|
+
React.createElement(HamburgerIcon, { onClick: toggleMenu, variant: variant === 'dark' ? 'primary' : 'secondary' }))),
|
|
59
|
+
React.createElement("a", { className: style.mobileLogo, href: logoLink, "aria-label": 'mobile-logo' },
|
|
60
|
+
React.createElement(Image, { src: variant === 'dark' ? mobileLogoDarkTheme : mobileLogo, height: 5, width: 5 }))),
|
|
61
|
+
React.createElement(Container, { withPadding: true, className: style.desktopNav },
|
|
62
|
+
React.createElement("div", { className: style.logoClassList },
|
|
63
|
+
React.createElement("a", { className: style.desktopLogo, href: logoLink, "aria-label": 'desktop-logo' },
|
|
64
|
+
React.createElement(Image, { src: variant === 'dark' ? logoDarkTheme : logo, height: 5, width: 5 }))),
|
|
65
|
+
React.createElement("nav", { className: style.navItems }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
66
|
+
return (React.createElement(NavItem, Object.assign({ key: `desktop_nav_item_${i}` }, navLink, { className: style.navItemPadding, bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary' })));
|
|
67
|
+
})),
|
|
68
|
+
!(profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems) !== undefined && (React.createElement("div", { className: style.textClassList }, text !== undefined && (React.createElement(NavItem, { title: text, href: textLink, className: style.navItemPadding, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary' })))),
|
|
69
|
+
(profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems) && (React.createElement("div", { className: style.profileClassList },
|
|
70
|
+
React.createElement(MenuButton, Object.assign({}, profileMenu, { menuItems: profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems }))))),
|
|
71
|
+
withMobileSideBar && (React.createElement("div", { className: sideNavClasses }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
72
|
+
return (React.createElement("div", { className: 'flex-col', key: `sidebar_nav_item_${i}` },
|
|
73
|
+
React.createElement(NavItem, Object.assign({}, navLink, { className: classNames(colours, style.mobileSideBarMenuNavItems, 'pb-4 pt-2 justify-center'), bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary' })),
|
|
74
|
+
React.createElement(HorizontalLine, { colour: variant === 'light' ? 'primary' : 'white', className: 'mx-2' })));
|
|
75
|
+
}))),
|
|
76
|
+
withMobileDropdown && (React.createElement("div", { className: dropdownNavClasses },
|
|
77
|
+
React.createElement("div", { className: style.mobileDropDownMenu }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
78
|
+
return (React.createElement(NavItem, Object.assign({ key: `dropdown_nav_item_${i}` }, navLink, { className: style.mobileDropDownMenuNavItems, bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary' })));
|
|
79
|
+
})))),
|
|
80
|
+
React.createElement(StickyNav, Object.assign({ id: id, className: stickyClassList, navLinks: navLinks, withMobileSideBar: withMobileSideBar, withMobileDropdown: withMobileDropdown, dropdownNavHeight: dropdownNavHeight, logo: logo, logoDarkTheme: logoDarkTheme, mobileLogo: mobileLogo, mobileLogoDarkTheme: mobileLogoDarkTheme, logoLink: logoLink, mobileClasses: mobileClasses }, (getNavStatus && { getNavStatus }), { variant: variant, tabindex: showStickyNav ? 0 : -1, withShadow: withStickyNavShadow })))));
|
|
79
81
|
};
|
|
80
82
|
export default Nav;
|
|
81
83
|
//# sourceMappingURL=Nav.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,
|
|
1
|
+
{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Props as navItemProps } from '../NavItem/NavItem';
|
|
3
|
-
import { ThemeTypes } from '../../utils/controls';
|
|
2
|
+
import { type Props as navItemProps } from '../NavItem/NavItem';
|
|
4
3
|
export interface Props {
|
|
5
4
|
id?: string;
|
|
6
5
|
className?: string;
|
|
@@ -14,12 +13,11 @@ export interface Props {
|
|
|
14
13
|
mobileLogoDarkTheme: string;
|
|
15
14
|
logoLink: string;
|
|
16
15
|
mobileClasses?: string;
|
|
17
|
-
getNavStatus
|
|
16
|
+
getNavStatus?: (asSideBar: boolean, open: boolean) => void;
|
|
18
17
|
variant: 'light' | 'dark';
|
|
19
|
-
theme?: ThemeTypes;
|
|
20
18
|
visible?: boolean;
|
|
21
19
|
tabindex?: number;
|
|
22
20
|
withShadow?: boolean;
|
|
23
21
|
}
|
|
24
|
-
declare const StickyNav: ({ id, className, navLinks, withMobileSideBar, withMobileDropdown, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant,
|
|
22
|
+
declare const StickyNav: ({ id, className, navLinks, withMobileSideBar, withMobileDropdown, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant, visible, tabindex, withShadow }: Props) => JSX.Element;
|
|
25
23
|
export default StickyNav;
|
|
@@ -5,7 +5,7 @@ import HamburgerIcon from '../HamburgerIcon/HamburgerIcon';
|
|
|
5
5
|
import style from './style.module.css';
|
|
6
6
|
import Image from '../Image/Image';
|
|
7
7
|
import Container from '../Container/Container';
|
|
8
|
-
const StickyNav = ({ id, className, navLinks, withMobileSideBar = false, withMobileDropdown = false, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant = 'dark',
|
|
8
|
+
const StickyNav = ({ id, className, navLinks, withMobileSideBar = false, withMobileDropdown = false, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant = 'dark', visible = false, tabindex = 0, withShadow = false }) => {
|
|
9
9
|
var _a, _b;
|
|
10
10
|
const [showSideNav, setShowSideNav] = useState(false);
|
|
11
11
|
const [showDropdownNav, setShowDropdownNav] = useState(false);
|
|
@@ -13,7 +13,7 @@ const StickyNav = ({ id, className, navLinks, withMobileSideBar = false, withMob
|
|
|
13
13
|
const classList = classNames({
|
|
14
14
|
[style.showStickyNav]: visible,
|
|
15
15
|
[style.stickyNavDropShadow]: withShadow
|
|
16
|
-
}, className, colours, style.stickyNav, theme);
|
|
16
|
+
}, className, colours, style.stickyNav, 'theme-local');
|
|
17
17
|
const sideNavClasses = classNames({
|
|
18
18
|
[style.sideBarCollapsed]: !showSideNav,
|
|
19
19
|
[style.sideBarExpanded]: showSideNav
|
|
@@ -32,29 +32,29 @@ const StickyNav = ({ id, className, navLinks, withMobileSideBar = false, withMob
|
|
|
32
32
|
setShowDropdownNav(!showDropdownNav);
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
|
-
const themeString = theme
|
|
35
|
+
const themeString = 'theme-local';
|
|
36
36
|
return (React.createElement("div", { id: `sticky_${id !== null && id !== void 0 ? id : 'nav'}`, className: classList },
|
|
37
|
-
React.createElement(Container, { withPadding: true, className: mobileContainer
|
|
37
|
+
React.createElement(Container, { withPadding: true, className: mobileContainer },
|
|
38
38
|
React.createElement("div", { className: style.collapseBtnWrapper },
|
|
39
|
-
React.createElement(HamburgerIcon, { onClick: toggleMenu,
|
|
39
|
+
React.createElement(HamburgerIcon, { onClick: toggleMenu, variant: variant === 'dark' ? 'primary' : 'secondary' })),
|
|
40
40
|
React.createElement("a", { className: style.mobileLogo, href: logoLink, tabIndex: tabindex },
|
|
41
41
|
React.createElement(Image, { src: variant === 'dark' ? mobileLogoDarkTheme : mobileLogo,
|
|
42
42
|
// title={`${theme.split('-')[1]}-sticky-mobile-logo`}
|
|
43
43
|
// altText={`${theme.split('-')[1]}-sticky-mobile-logo`}
|
|
44
44
|
height: 5, width: 5 }))),
|
|
45
|
-
React.createElement(Container, { withPadding: true, className: style.desktopNav
|
|
45
|
+
React.createElement(Container, { withPadding: true, className: style.desktopNav },
|
|
46
46
|
React.createElement("div", { className: style.logoClassList },
|
|
47
47
|
React.createElement("a", { className: style.desktopLogo, href: logoLink, tabIndex: tabindex },
|
|
48
48
|
React.createElement(Image, { src: variant === 'dark' ? logoDarkTheme : logo, title: `${(_a = themeString === null || themeString === void 0 ? void 0 : themeString.split('-')[1]) !== null && _a !== void 0 ? _a : 'a'}-sticky-desktop-logo`, altText: `${(_b = themeString === null || themeString === void 0 ? void 0 : themeString.split('-')[1]) !== null && _b !== void 0 ? _b : 'a'}-sticky-desktop-logo`, height: 5, width: 5 }))),
|
|
49
49
|
React.createElement("nav", { className: style.navItems }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
50
|
-
return (React.createElement(NavItem, Object.assign({ key: `desktop_nav_item_${i}` }, navLink, { className: style.navItemPadding, bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary',
|
|
50
|
+
return (React.createElement(NavItem, Object.assign({ key: `desktop_nav_item_${i}` }, navLink, { className: style.navItemPadding, bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', tabindex: tabindex })));
|
|
51
51
|
}))),
|
|
52
52
|
withMobileSideBar && (React.createElement("div", { className: sideNavClasses }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
53
|
-
return (React.createElement(NavItem, Object.assign({ key: `sidebar_nav_item_${i}` }, navLink, { className: classNames(colours, style.mobileSideBarMenuNavItems), bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary',
|
|
53
|
+
return (React.createElement(NavItem, Object.assign({ key: `sidebar_nav_item_${i}` }, navLink, { className: classNames(colours, style.mobileSideBarMenuNavItems), bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', tabindex: tabindex })));
|
|
54
54
|
}))),
|
|
55
55
|
withMobileDropdown && (React.createElement("div", { className: dropdownNavClasses },
|
|
56
56
|
React.createElement("div", { className: style.mobileDropDownMenu }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
57
|
-
return (React.createElement(NavItem, Object.assign({ key: `dropdown_nav_item_${i}` }, navLink, { className: style.mobileDropDownMenuNavItems, bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary',
|
|
57
|
+
return (React.createElement(NavItem, Object.assign({ key: `dropdown_nav_item_${i}` }, navLink, { className: style.mobileDropDownMenuNavItems, bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', tabindex: tabindex })));
|
|
58
58
|
}))))));
|
|
59
59
|
};
|
|
60
60
|
export default StickyNav;
|