trepur_components 1.0.8 → 1.0.9
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/AlertBar/AlertBar.js +6 -10
- package/dist/src/lib/components/AlertBar/AlertBar.js.map +1 -1
- package/dist/src/lib/components/Card/Card.js +3 -3
- package/dist/src/lib/components/Card/Card.js.map +1 -1
- package/dist/src/lib/components/Carousel/Carousel.d.ts +4 -6
- package/dist/src/lib/components/Carousel/Carousel.js +2 -2
- package/dist/src/lib/components/Carousel/Carousel.js.map +1 -1
- package/dist/src/lib/components/Container/Container.js +1 -1
- package/dist/src/lib/components/Container/Container.js.map +1 -1
- package/dist/src/lib/components/Container/style.module.css +8 -1
- package/dist/src/lib/components/Container/style.module.css.map +1 -1
- package/dist/src/lib/components/Footer/Footer.js +6 -4
- package/dist/src/lib/components/Footer/Footer.js.map +1 -1
- package/dist/src/lib/components/Footer/style.module.css +16 -0
- package/dist/src/lib/components/Footer/style.module.css.map +1 -1
- package/dist/src/lib/components/Input/Input.d.ts +3 -1
- package/dist/src/lib/components/Input/Input.js +3 -4
- package/dist/src/lib/components/Input/Input.js.map +1 -1
- package/dist/src/lib/components/Input/style.module.css +58 -6
- package/dist/src/lib/components/Input/style.module.css.map +1 -1
- package/dist/src/lib/components/Nav/Nav.d.ts +3 -1
- package/dist/src/lib/components/Nav/Nav.js +22 -27
- package/dist/src/lib/components/Nav/Nav.js.map +1 -1
- package/dist/src/lib/components/Nav/style.module.css +99 -81
- package/dist/src/lib/components/Nav/style.module.css.map +1 -1
- package/dist/src/lib/components/NavItem/NavItem.js +1 -2
- package/dist/src/lib/components/NavItem/NavItem.js.map +1 -1
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.d.ts +2 -0
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js +12 -10
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js.map +1 -1
- package/dist/src/lib/components/TextAndTitle/style.module.css +67 -7
- package/dist/src/lib/components/TextAndTitle/style.module.css.map +1 -1
- package/dist/src/lib/components/TextArea/TextArea.d.ts +3 -1
- package/dist/src/lib/components/TextArea/TextArea.js +3 -4
- package/dist/src/lib/components/TextArea/TextArea.js.map +1 -1
- package/dist/src/lib/components/TextArea/style.module.css +54 -6
- package/dist/src/lib/components/TextArea/style.module.css.map +1 -1
- package/dist/tailwind.config.d.ts +4 -8
- package/dist/tailwind.config.js +4 -8
- package/dist/tailwind.config.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,23 +1,19 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
2
|
import Icon from '../Icon/Icon';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
|
-
import { getTheme } from '../../utils/theme'
|
|
4
|
+
// import { getTheme } from '../../utils/theme'
|
|
5
5
|
import style from './style.module.css';
|
|
6
6
|
const AlertBar = ({ id, className, type = 'warning', text, theme = 'light', leftIconProps, rightIconProps, textCenter = false, isDismissable = false, onDismissClick }) => {
|
|
7
|
-
const themeToUse = getTheme()
|
|
7
|
+
// const themeToUse: string = getTheme()
|
|
8
8
|
const [alertBarStatus, setAlertBarStatus] = useState({
|
|
9
9
|
state: 'open',
|
|
10
10
|
display: true
|
|
11
11
|
});
|
|
12
12
|
const bgColor = classNames({
|
|
13
|
-
'bg-
|
|
14
|
-
'bg-
|
|
15
|
-
'bg-
|
|
16
|
-
'bg-
|
|
17
|
-
'bg-bootson-success': type === 'success' && themeToUse === 'bootson',
|
|
18
|
-
'bg-bootson-warning': type === 'warning' && themeToUse === 'bootson',
|
|
19
|
-
'bg-bootson-error': type === 'error' && themeToUse === 'bootson',
|
|
20
|
-
'bg-bootson-info-light': type === 'info' && themeToUse === 'bootson'
|
|
13
|
+
'bg-success': type === 'success',
|
|
14
|
+
'bg-warning': type === 'warning',
|
|
15
|
+
'bg-error': type === 'error',
|
|
16
|
+
'bg-info-light': type === 'info'
|
|
21
17
|
});
|
|
22
18
|
const alertBarState = classNames({
|
|
23
19
|
[style.visible]: alertBarStatus.state === 'open',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertBar.js","sourceRoot":"","sources":["../../../../../src/lib/components/AlertBar/AlertBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,
|
|
1
|
+
{"version":3,"file":"AlertBar.js","sourceRoot":"","sources":["../../../../../src/lib/components/AlertBar/AlertBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,0CAA0C;AAC1C,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAetC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,IAAI,EACJ,KAAK,GAAG,OAAO,EACf,aAAa,EACb,cAAc,EACd,UAAU,GAAG,KAAK,EAClB,aAAa,GAAG,KAAK,EACrB,cAAc,EACR,EAAe,EAAE;IACvB,wCAAwC;IACxC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC;QACnD,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,IAAI;KACd,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG,UAAU,CAAC;QACzB,YAAY,EAAE,IAAI,KAAK,SAAS;QAChC,YAAY,EAAE,IAAI,KAAK,SAAS;QAChC,UAAU,EAAE,IAAI,KAAK,OAAO;QAC5B,eAAe,EAAE,IAAI,KAAK,MAAM;KACjC,CAAC,CAAA;IAEF,MAAM,aAAa,GAAG,UAAU,CAAC;QAC/B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,cAAc,CAAC,KAAK,KAAK,MAAM;QAChD,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,cAAc,CAAC,KAAK,KAAK,QAAQ;QACpD,MAAM,EAAE,CAAC,cAAc,CAAC,OAAO;KAChC,CAAC,CAAA;IAEF,MAAM,SAAS,GAAG,UAAU,CAC1B,SAAS,EACT,OAAO,EACP,aAAa,EACb,CAAC,KAAK,CAAC,QAAQ,CAAC,EAChB,6BAA6B,CAC9B,CAAA;IAED,MAAM,aAAa,GAAG,UAAU,CAAC;QAC/B,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,UAAU;QAC9B,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC,UAAU;KACnC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAA;IAEzB,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,aAAa;KACnC,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAA;IAE9B,MAAM,aAAa,GAAG,CAAC,CAAM,EAAQ,EAAE;QACrC,iBAAiB,CAAC;YAChB,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE,cAAc,CAAC,OAAO;SAChC,CAAC,CAAA;QACF,UAAU,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC;YACjC,KAAK,EAAE,QAAQ;YACf,OAAO,EAAE,KAAK;SACf,CAAC,EAAE,GAAG,CAAC,CAAA;QACR,IAAI,cAAc,IAAI,IAAI,EAAE;YAC1B,cAAc,CAAC,CAAC,CAAC,CAAA;SAClB;IACH,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,CAClB,oBAAC,IAAI,IACH,IAAI,EAAC,UAAU,EACf,MAAM,EAAC,OAAO,GACd,CACH,CAAA;IAED,MAAM,QAAQ,GAAG,CAAC,aAAa,IAAI,IAAI,CAAC;QACtC,oBAAC,IAAI,oBACC,aAAa,EACjB,CAAA;IAEJ,MAAM,SAAS,GAAG,CAAC,cAAc,IAAI,IAAI,CAAC;QACxC,oBAAC,IAAI,oBACC,cAAc,EAClB,CAAA;IAEJ,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEnB,CAAC,aAAa,IAAI,IAAI,CAAC;YACtB,8BAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,IACrC,QAAQ,CACJ;QACT,4BAAI,SAAS,EAAE,aAAa,IAAG,IAAI,CAAM;QACxC,aAAa;YACZ,2BAAG,SAAS,EAAE,gBAAgB,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;gBAC9D,kCACG,WAAW,CACP,CACL;QACL,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa;YACpC,8BAAM,SAAS,EAAE,gBAAgB,IAC9B,SAAS,CACL,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -5,7 +5,7 @@ import Video from '../Video/Video';
|
|
|
5
5
|
import style from './style.module.css';
|
|
6
6
|
const Card = ({ id, className, title, image, subTitle, description, extraText, hasCta, imageBelowTitle = true, titleLeft = false, titleRight = false, titleBold = false, imageClass, subTitleClass, extraTextClass, descriptionClass, altText, rounded, bordered, videoProps, onHover = false, iconButtonProps, cardButtonProps, button2Props }) => {
|
|
7
7
|
const [showHoverButtons, setShowHoverButtons] = useState(false);
|
|
8
|
-
const orderClass = classNames({ [style.
|
|
8
|
+
const orderClass = classNames({ [style.orderOne]: imageBelowTitle });
|
|
9
9
|
const border = classNames({ [style.bordered]: bordered });
|
|
10
10
|
const cardTitleFont = classNames({ [style.boldTitle]: titleBold });
|
|
11
11
|
const cardTitlePosition = classNames({
|
|
@@ -23,7 +23,7 @@ const Card = ({ id, className, title, image, subTitle, description, extraText, h
|
|
|
23
23
|
const cardSubTitleClassList = classNames(subTitleClass, style.subtitle);
|
|
24
24
|
const cardDescriptionClassList = classNames(descriptionClass, style.description);
|
|
25
25
|
const classList = classNames(className, border, roundedCard, style.classList);
|
|
26
|
-
const imageClassList = classNames(
|
|
26
|
+
const imageClassList = classNames(imageClass, style.imageClassList);
|
|
27
27
|
const cardExtraTextClassList = classNames({
|
|
28
28
|
[style.noCta]: hasCta === false
|
|
29
29
|
}, extraTextClass, style.extraText);
|
|
@@ -45,7 +45,7 @@ const Card = ({ id, className, title, image, subTitle, description, extraText, h
|
|
|
45
45
|
React.createElement("img", { className: imageClassList, src: image, alt: altText }))),
|
|
46
46
|
!showHoverButtons
|
|
47
47
|
? (React.createElement(React.Fragment, null,
|
|
48
|
-
React.createElement("div", { className: imageBelowTitle ? style.
|
|
48
|
+
React.createElement("div", { className: imageBelowTitle ? style.orderOne : style.orderThree }, title !== undefined &&
|
|
49
49
|
React.createElement("div", { className: titleWrapperClass },
|
|
50
50
|
React.createElement("h3", { className: cardTitleClasses }, title))),
|
|
51
51
|
React.createElement("div", { className: contentWrapperClass },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/lib/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AA6BtC,MAAM,IAAI,GAAoB,CAAC,EAC7B,EAAE,EACF,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,MAAM,EACN,eAAe,GAAG,IAAI,EACtB,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,UAAU,EACV,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,OAAO,EACP,OAAO,EACP,QAAQ,EACR,UAAU,EACV,OAAO,GAAG,KAAK,EACf,eAAe,EACf,eAAe,EACf,YAAY,EACN,EAAe,EAAE;IACvB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/lib/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AACpE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AA6BtC,MAAM,IAAI,GAAoB,CAAC,EAC7B,EAAE,EACF,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,MAAM,EACN,eAAe,GAAG,IAAI,EACtB,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,UAAU,EACV,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,OAAO,EACP,OAAO,EACP,QAAQ,EACR,UAAU,EACV,OAAO,GAAG,KAAK,EACf,eAAe,EACf,eAAe,EACf,YAAY,EACN,EAAe,EAAE;IACvB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/D,MAAM,UAAU,GAAG,UAAU,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC,CAAA;IACpE,MAAM,MAAM,GAAG,UAAU,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAA;IACzD,MAAM,aAAa,GAAG,UAAU,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC,CAAA;IAClE,MAAM,iBAAiB,GAAG,UAAU,CAAC;QACnC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,SAAS;QAC3B,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,UAAU;QAC7B,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,SAAS,IAAI,CAAC,UAAU;KAC9C,CAAC,CAAA;IACF,MAAM,YAAY,GAAG,UAAU,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC,CAAA;IAClE,MAAM,WAAW,GAAG,UAAU,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,CAAC,CAAA;IAChE,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAA;IAChD,MAAM,iBAAiB,GAAG,UAAU,CAAC,UAAU,EAAE,KAAK,CAAC,YAAY,CAAC,CAAA;IAEpE,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,iBAAiB,CAAC,EAAE,IAAI;KAC1B,EAAE,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;IAE9B,MAAM,qBAAqB,GAAG,UAAU,CAAC,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAA;IACvE,MAAM,wBAAwB,GAAG,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,WAAW,CAAC,CAAA;IAChF,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAE7E,MAAM,cAAc,GAAG,UAAU,CAAC,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAEnE,MAAM,sBAAsB,GAAG,UAAU,CAAC;QACxC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,KAAK;KAChC,EAAE,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAEnC,MAAM,qBAAqB,GAAG,UAAU,CAAC;QACvC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,eAAe;QACjC,CAAC,YAAY,CAAC,EAAE,CAAC,eAAe;QAChC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,eAAe;KACnC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAA;IAEtB,MAAM,WAAW,GAAG,CAAC,UAAmB,EAAQ,EAAE;QAChD,OAAO,IAAI,mBAAmB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAA;IAC9C,CAAC,CAAA;IAED,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EACrC,YAAY,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC;QAEtC,6BAAK,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,WAAW,EAAE,cAAc,CAAC;YAC1D,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,MAAK,SAAS,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,MAAK,SAAS,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,MAAK,SAAS;gBAC3G,CAAC,CAAC,CACA,6BAAK,SAAS,EAAE,qBAAqB;oBACnC,oBAAC,KAAK,oBAAK,UAAU,EAAI,CACrB,CACL;gBACH,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS;oBACpB,6BAAK,SAAS,EAAE,qBAAqB;wBACnC,6BAAK,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,GAAI,CACxD,CAAC;YACV,CAAC,gBAAgB;gBAChB,CAAC,CAAC,CACA;oBACE,6BAAK,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,IAChE,KAAK,KAAK,SAAS;wBAClB,6BAAK,SAAS,EAAE,iBAAiB;4BAC/B,4BAAI,SAAS,EAAE,gBAAgB,IAAG,KAAK,CAAM,CACzC,CACJ;oBACN,6BAAK,SAAS,EAAE,mBAAmB;wBAChC,QAAQ,KAAK,SAAS;4BACrB,4BAAI,SAAS,EAAE,qBAAqB,IACjC,QAAQ,CACN;wBACN,WAAW,KAAK,SAAS;4BACxB,2BAAG,SAAS,EAAE,wBAAwB,IACnC,WAAW,CACV;wBACL,SAAS,KAAK,SAAS;4BACtB,2BAAG,SAAS,EAAE,sBAAsB,IACjC,SAAS,CACR,CACF,CACL,CACF;gBACH,CAAC,CAAC,CACA,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;oBACjC,oBAAC,MAAM,oBAAK,eAAe,GACxB,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,QAAQ,CACnB;oBACT,oBAAC,MAAM,oBAAK,YAAY,GACrB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,CAChB,CACL,CAAC,CACP;QACL,eAAe,KAAK,SAAS;YAC5B,6BAAK,SAAS,EAAE,KAAK,CAAC,eAAe;gBACnC,oBAAC,MAAM,oBAAK,eAAe,GACxB,eAAe,CAAC,QAAQ,CAClB,CACL,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import 'keen-slider/keen-slider.min.css';
|
|
3
3
|
import { KeenSliderInstance, KeenSliderHooks, KeenSliderOptions } from 'keen-slider/react';
|
|
4
4
|
import { Colours } from '../../utils/controls';
|
|
5
|
-
interface
|
|
5
|
+
interface ArrowProps {
|
|
6
6
|
visible?: boolean;
|
|
7
7
|
left?: boolean;
|
|
8
8
|
right?: boolean;
|
|
@@ -13,7 +13,7 @@ interface Arrow {
|
|
|
13
13
|
hoverColour?: Colours;
|
|
14
14
|
hoverBgColour?: Colours;
|
|
15
15
|
}
|
|
16
|
-
interface
|
|
16
|
+
interface DotProps {
|
|
17
17
|
isActive?: boolean;
|
|
18
18
|
visible?: boolean;
|
|
19
19
|
onClick?: any;
|
|
@@ -66,10 +66,8 @@ export interface Props {
|
|
|
66
66
|
spacing?: number;
|
|
67
67
|
number?: number;
|
|
68
68
|
origin?: number | 'auto' | 'center';
|
|
69
|
-
arrows?:
|
|
70
|
-
dots?:
|
|
69
|
+
arrows?: ArrowProps;
|
|
70
|
+
dots?: DotProps;
|
|
71
71
|
}
|
|
72
72
|
declare const Carousel: React.FC<Props>;
|
|
73
|
-
declare function Arrow(props: Arrow): JSX.Element;
|
|
74
|
-
declare function Dot(props: Dot): JSX.Element;
|
|
75
73
|
export default Carousel;
|
|
@@ -113,11 +113,11 @@ const Carousel = ({ id, className, breakpoints, defaultAnimation, disabled, drag
|
|
|
113
113
|
function Arrow(props) {
|
|
114
114
|
return (React.createElement("div", { className: style.arrowWrapper },
|
|
115
115
|
React.createElement("a", { onClick: props === null || props === void 0 ? void 0 : props.onClick },
|
|
116
|
-
React.createElement(Icon, { type: (props === null || props === void 0 ? void 0 : props.left) === true ? 'chevron-left' : 'chevron-right', className: style.arrowIconClassList, size: 3, rounded: true, bgColour: props.bgColour, colour: props.colour, hoverBgColour: props.hoverBgColour, hoverColour: props.hoverColour }))));
|
|
116
|
+
React.createElement(Icon, { type: (props === null || props === void 0 ? void 0 : props.left) === true ? 'chevron-left' : 'chevron-right', className: style.arrowIconClassList, size: 3, rounded: true, bgColour: props === null || props === void 0 ? void 0 : props.bgColour, colour: props === null || props === void 0 ? void 0 : props.colour, hoverBgColour: props === null || props === void 0 ? void 0 : props.hoverBgColour, hoverColour: props === null || props === void 0 ? void 0 : props.hoverColour }))));
|
|
117
117
|
}
|
|
118
118
|
function Dot(props) {
|
|
119
119
|
return (React.createElement("a", { onClick: props === null || props === void 0 ? void 0 : props.onClick },
|
|
120
|
-
React.createElement(Icon, { type: 'circle', className: style.dotIconClassList, size: 1, rounded: true, bgColour: (props === null || props === void 0 ? void 0 : props.isActive) ? props.hoverBgColour : props.bgColour, colour: (props === null || props === void 0 ? void 0 : props.isActive) ? props.hoverColour : props.colour, hoverBgColour: props.hoverBgColour, hoverColour: props.hoverColour })));
|
|
120
|
+
React.createElement(Icon, { type: 'circle', className: style.dotIconClassList, size: 1, rounded: true, bgColour: (props === null || props === void 0 ? void 0 : props.isActive) === true ? props.hoverBgColour : props.bgColour, colour: (props === null || props === void 0 ? void 0 : props.isActive) === true ? props.hoverColour : props.colour, hoverBgColour: props === null || props === void 0 ? void 0 : props.hoverBgColour, hoverColour: props === null || props === void 0 ? void 0 : props.hoverColour })));
|
|
121
121
|
}
|
|
122
122
|
export default Carousel;
|
|
123
123
|
//# sourceMappingURL=Carousel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/Carousel.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/Carousel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import classNames from 'classnames';
|
|
|
3
3
|
import style from './style.module.css';
|
|
4
4
|
const Container = ({ id, className, maxWidth = 1200, children }) => {
|
|
5
5
|
const classList = classNames(className, style.classList);
|
|
6
|
-
return (React.createElement("div", { id: id, className: classList
|
|
6
|
+
return (React.createElement("div", { id: id, className: classList }, children));
|
|
7
7
|
};
|
|
8
8
|
export default Container;
|
|
9
9
|
//# sourceMappingURL=Container.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../../../src/lib/components/Container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAStC,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,QAAQ,EACF,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../../../src/lib/components/Container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAStC,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,QAAQ,EACF,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Container/style.module.css"],"names":[],"mappings":"AACI;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Container/style.module.css"],"names":[],"mappings":"AACI;IAAA,iBAAqB;IAArB,kBAAqB;IAArB;AAAqB;;AAGzB;IACI;MACE,iBAAiB;IACnB;AACJ","file":"style.module.css","sourcesContent":[".classList {\n @apply mx-auto w-full;\n}\n\n@screen xl {\n .classList {\n max-width: 1500px;\n }\n}"]}
|
|
@@ -2,13 +2,15 @@ import React from 'react';
|
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import Button from '../Button/Button';
|
|
4
4
|
import style from './style.module.css';
|
|
5
|
+
import Container from '../Container/Container';
|
|
5
6
|
const Footer = ({ id, className, text, buttonProps, theme }) => {
|
|
6
7
|
const colours = theme === 'dark' ? [style.dark] : [style.light];
|
|
7
|
-
const classList = classNames(className, colours
|
|
8
|
+
const classList = classNames(className, colours);
|
|
8
9
|
return (React.createElement("div", { id: id, className: classList },
|
|
9
|
-
React.createElement(
|
|
10
|
-
|
|
11
|
-
React.createElement(
|
|
10
|
+
React.createElement(Container, { className: style.classList },
|
|
11
|
+
React.createElement("p", { className: style.textClassList }, text),
|
|
12
|
+
React.createElement("div", { className: style.buttonClassList },
|
|
13
|
+
React.createElement(Button, { variant: theme === 'dark' ? 'primary' : 'secondary', rounded: true, href: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.href, onClick: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.onClick }, buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children)))));
|
|
12
14
|
};
|
|
13
15
|
export default Footer;
|
|
14
16
|
//# sourceMappingURL=Footer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../../src/lib/components/Footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAAK,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../../src/lib/components/Footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAUvD,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,IAAI,EACJ,WAAW,EACX,KAAK,EACC,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAC/D,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;IAEhD,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,oBAAC,SAAS,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS;YACnC,2BAAG,SAAS,EAAE,KAAK,CAAC,aAAa,IAC9B,IAAI,CACH;YACJ,6BAAK,SAAS,EAAE,KAAK,CAAC,eAAe;gBACnC,oBAAC,MAAM,IACL,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EACnD,OAAO,QACP,IAAI,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,EACvB,OAAO,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,IAE5B,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,CACf,CACL,CACI,CACR,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -44,6 +44,14 @@
|
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
+
@media (min-width: 1280px) {
|
|
48
|
+
|
|
49
|
+
.textClassList {
|
|
50
|
+
|
|
51
|
+
padding-left: 2rem
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
47
55
|
.buttonClassList {
|
|
48
56
|
|
|
49
57
|
padding-bottom: 2rem;
|
|
@@ -65,6 +73,14 @@
|
|
|
65
73
|
}
|
|
66
74
|
}
|
|
67
75
|
|
|
76
|
+
@media (min-width: 1280px) {
|
|
77
|
+
|
|
78
|
+
.buttonClassList {
|
|
79
|
+
|
|
80
|
+
padding-right: 2rem
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
|
|
68
84
|
.dark {
|
|
69
85
|
|
|
70
86
|
--tw-bg-opacity: 1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Footer/style.module.css"],"names":[],"mappings":"AACI;;IAAA,cAAkE;;IAAlE,YAAkE;;IAAlE,eAAkE;;IAAlE,mBAAkE;;IAAlE;AAAkE;;AAAlE;;IAAA;;QAAA;IAAkE;AAAA;;AAIlE;;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Footer/style.module.css"],"names":[],"mappings":"AACI;;IAAA,cAAkE;;IAAlE,YAAkE;;IAAlE,eAAkE;;IAAlE,mBAAkE;;IAAlE;AAAkE;;AAAlE;;IAAA;;QAAA;IAAkE;AAAA;;AAIlE;;IAAA,iBAAqE;;IAArE,oBAAqE;;IAArE;AAAqE;;AAArE;;IAAA;;QAAA,gBAAqE;;QAArE,mBAAqE;;QAArE,mBAAqE;;QAArE,gBAAqE;;QAArE;IAAqE;AAAA;;AAArE;;IAAA;;QAAA;IAAqE;AAAA;;AAIrE;;IAAA,oBAA6D;;IAA7D,iBAA6D;;IAA7D;AAA6D;;AAA7D;;IAAA;;QAAA,mBAA6D;;QAA7D,gBAA6D;;QAA7D;IAA6D;AAAA;;AAA7D;;IAAA;;QAAA;IAA6D;AAAA;;AAI7D;;IAAA,kBAA4B;;IAA5B,sDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,kBAA4B;;IAA5B,yDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B","file":"style.module.css","sourcesContent":[".classList {\n @apply block md:flex flex-wrap justify-between items-center h-auto;\n}\n\n.textClassList {\n @apply text-center pt-8 pb-4 md:pb-0 md:my-8 md:pt-0 md:pl-16 xl:pl-8;\n}\n\n.buttonClassList {\n @apply text-center pb-8 pt-4 md:pb-0 md:pt-0 md:pr-16 xl:pr-8;\n}\n\n.dark {\n @apply bg-primary text-white;\n}\n\n.light {\n @apply bg-white text-primary;\n}"]}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { Colours } from '../../utils/controls';
|
|
2
3
|
export interface Props {
|
|
3
4
|
id?: string;
|
|
4
5
|
className?: string;
|
|
@@ -25,7 +26,8 @@ export interface Props {
|
|
|
25
26
|
onFocus?: () => void;
|
|
26
27
|
errors?: string[];
|
|
27
28
|
value?: string;
|
|
29
|
+
bgColour?: Colours;
|
|
28
30
|
theme?: 'dark' | 'light';
|
|
29
31
|
}
|
|
30
|
-
declare const Input: ({ id, className, labelClasses, inputClasses, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, autoFocus, label, type, name, placeholder, bold, onChange, onBlur, onFocus, hasValidation, errors, value, theme }: Props) => JSX.Element;
|
|
32
|
+
declare const Input: ({ id, className, labelClasses, inputClasses, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, autoFocus, label, type, name, placeholder, bold, onChange, onBlur, onFocus, hasValidation, errors, value, bgColour, theme }: Props) => JSX.Element;
|
|
31
33
|
export default Input;
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import style from './style.module.css';
|
|
4
|
-
const Input = ({ id, className, labelClasses, inputClasses, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, autoFocus, label, type, name, placeholder, bold, onChange, onBlur, onFocus, hasValidation, errors, value, theme }) => {
|
|
5
|
-
const
|
|
6
|
-
const classList = classNames(className, colours, style.classList);
|
|
4
|
+
const Input = ({ id, className, labelClasses, inputClasses, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, autoFocus, label, type, name, placeholder, bold, onChange, onBlur, onFocus, hasValidation, errors, value, bgColour = 'primary', theme }) => {
|
|
5
|
+
const classList = classNames(className, style[bgColour], style.classList);
|
|
7
6
|
const labelClassList = classNames({
|
|
8
7
|
[style.bold]: bold
|
|
9
8
|
}, labelClasses, [style.labelClassList]);
|
|
10
|
-
const inputClassList = classNames({}, inputClasses,
|
|
9
|
+
const inputClassList = classNames({}, inputClasses, style[bgColour], style.inputClassList);
|
|
11
10
|
const newId = id !== undefined ? `-${id}` : '';
|
|
12
11
|
return (React.createElement("div", { id: id, className: classList },
|
|
13
12
|
label !== undefined &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/lib/components/Input/Input.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":"Input.js","sourceRoot":"","sources":["../../../../../src/lib/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAiCtC,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,EACF,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,aAAa,EACb,MAAM,EACN,KAAK,EACL,QAAQ,GAAG,SAAS,EACpB,KAAK,EACC,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAEzE,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI;KACnB,EAAE,YAAY,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAA;IAExC,MAAM,cAAc,GAAG,UAAU,CAAC,EACjC,EAAE,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,KAAK,GAAG,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAC9C,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEnB,KAAK,KAAK,SAAS;YAClB,+BACE,EAAE,EAAE,QAAQ,KAAK,EAAE,EACnB,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,QAAQ,KAAK,EAAE;gBAExB;oBACG,KAAK;oBACL,QAAQ,KAAK,IAAI;wBAChB,8BAAM,SAAS,EAAE,KAAK,CAAC,QAAQ,QAAU,CACzC,CACE;QACV,+BACE,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,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,GAChB;QACD,aAAa,KAAK,IAAI;YACrB,6BAAK,EAAE,EAAE,SAAS,KAAK,EAAE,IACtB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;gBACxB,OAAO,CACL,2BACE,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,EACzB,SAAS,EAAE,KAAK,CAAC,SAAS,IAEzB,KAAK,CACJ,CACL,CAAA;YACH,CAAC,CAAC,CACE,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -50,7 +50,11 @@
|
|
|
50
50
|
padding-bottom: 0.5rem
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
-
.
|
|
53
|
+
.primary {
|
|
54
|
+
|
|
55
|
+
--tw-border-opacity: 1;
|
|
56
|
+
|
|
57
|
+
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
|
54
58
|
|
|
55
59
|
--tw-bg-opacity: 1;
|
|
56
60
|
|
|
@@ -61,14 +65,40 @@
|
|
|
61
65
|
color: rgb(255 255 255 / var(--tw-text-opacity))
|
|
62
66
|
}
|
|
63
67
|
|
|
64
|
-
.
|
|
68
|
+
.primary::placeholder {
|
|
69
|
+
|
|
70
|
+
--tw-placeholder-opacity: 1;
|
|
71
|
+
|
|
72
|
+
color: rgb(255 255 255 / var(--tw-placeholder-opacity))
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.secondary {
|
|
76
|
+
|
|
77
|
+
--tw-border-opacity: 1;
|
|
78
|
+
|
|
79
|
+
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
|
80
|
+
|
|
81
|
+
--tw-bg-opacity: 1;
|
|
82
|
+
|
|
83
|
+
background-color: rgb(255 168 0 / var(--tw-bg-opacity));
|
|
84
|
+
|
|
85
|
+
--tw-text-opacity: 1;
|
|
86
|
+
|
|
87
|
+
color: rgb(255 255 255 / var(--tw-text-opacity))
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.secondary::placeholder {
|
|
65
91
|
|
|
66
92
|
--tw-placeholder-opacity: 1;
|
|
67
93
|
|
|
68
94
|
color: rgb(255 255 255 / var(--tw-placeholder-opacity))
|
|
69
95
|
}
|
|
70
96
|
|
|
71
|
-
.
|
|
97
|
+
.white {
|
|
98
|
+
|
|
99
|
+
--tw-border-opacity: 1;
|
|
100
|
+
|
|
101
|
+
border-color: rgb(0 0 0 / var(--tw-border-opacity));
|
|
72
102
|
|
|
73
103
|
--tw-bg-opacity: 1;
|
|
74
104
|
|
|
@@ -76,13 +106,35 @@
|
|
|
76
106
|
|
|
77
107
|
--tw-text-opacity: 1;
|
|
78
108
|
|
|
79
|
-
color: rgb(0
|
|
109
|
+
color: rgb(0 0 0 / var(--tw-text-opacity))
|
|
80
110
|
}
|
|
81
111
|
|
|
82
|
-
.
|
|
112
|
+
.white::placeholder {
|
|
83
113
|
|
|
84
114
|
--tw-placeholder-opacity: 1;
|
|
85
115
|
|
|
86
|
-
color: rgb(0
|
|
116
|
+
color: rgb(0 0 0 / var(--tw-placeholder-opacity))
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.black {
|
|
120
|
+
|
|
121
|
+
--tw-border-opacity: 1;
|
|
122
|
+
|
|
123
|
+
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
|
124
|
+
|
|
125
|
+
--tw-bg-opacity: 1;
|
|
126
|
+
|
|
127
|
+
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
|
128
|
+
|
|
129
|
+
--tw-text-opacity: 1;
|
|
130
|
+
|
|
131
|
+
color: rgb(255 255 255 / var(--tw-text-opacity))
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.black::placeholder {
|
|
135
|
+
|
|
136
|
+
--tw-placeholder-opacity: 1;
|
|
137
|
+
|
|
138
|
+
color: rgb(255 255 255 / var(--tw-placeholder-opacity))
|
|
87
139
|
}
|
|
88
140
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Input/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,eAAuB;;IAAvB,oBAAuB;;IAAvB;AAAuB;;AAIvB;;IAAA,oBAAe;;IAAf;AAAe;;AAIf;;IAAA,qBAAuC;;IAAvC,uBAAuC;;IAAvC,iBAAuC;;IAAvC,oBAAuC;;IAAvC,qBAAuC;;IAAvC,mBAAuC;;IAAvC;AAAuC;;AAIvC;;IAAA;AAAgB;;AAIhB;;IAAA,WAAkB;;IAAlB;AAAkB;;AAIlB;;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Input/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,eAAuB;;IAAvB,oBAAuB;;IAAvB;AAAuB;;AAIvB;;IAAA,oBAAe;;IAAf;AAAe;;AAIf;;IAAA,qBAAuC;;IAAvC,uBAAuC;;IAAvC,iBAAuC;;IAAvC,oBAAuC;;IAAvC,qBAAuC;;IAAvC,mBAAuC;;IAAvC;AAAuC;;AAIvC;;IAAA;AAAgB;;AAIhB;;IAAA,WAAkB;;IAAlB;AAAkB;;AAIlB;;IAAA,sBAA2D;;IAA3D,yDAA2D;;IAA3D,kBAA2D;;IAA3D,sDAA2D;;IAA3D,oBAA2D;;IAA3D;AAA2D;;AAA3D;;IAAA,2BAA2D;;IAA3D;AAA2D;;AAI3D;;IAAA,sBAA6D;;IAA7D,yDAA6D;;IAA7D,kBAA6D;;IAA7D,uDAA6D;;IAA7D,oBAA6D;;IAA7D;AAA6D;;AAA7D;;IAAA,2BAA6D;;IAA7D;AAA6D;;AAI7D;;IAAA,sBAAyD;;IAAzD,mDAAyD;;IAAzD,kBAAyD;;IAAzD,yDAAyD;;IAAzD,oBAAyD;;IAAzD;AAAyD;;AAAzD;;IAAA,2BAAyD;;IAAzD;AAAyD;;AAIzD;;IAAA,sBAAyD;;IAAzD,yDAAyD;;IAAzD,kBAAyD;;IAAzD,mDAAyD;;IAAzD,oBAAyD;;IAAzD;AAAyD;;AAAzD;;IAAA,2BAAyD;;IAAzD;AAAyD","file":"style.module.css","sourcesContent":[".classList {\n @apply flex flex-col;\n}\n\n.errorText {\n @apply text-red text-sm;\n}\n\n.required {\n @apply text-red;\n}\n\n.inputClassList {\n @apply border px-2 py-2 mb-2 rounded-md;\n}\n\n.bold {\n @apply font-bold;\n}\n\n.labelClassList {\n @apply w-auto pb-2;\n}\n\n.primary {\n @apply placeholder-white bg-primary text-white border-white;\n}\n\n.secondary {\n @apply placeholder-white bg-secondary text-white border-white;\n}\n\n.white {\n @apply placeholder-black bg-white text-black border-black;\n}\n\n.black {\n @apply placeholder-white bg-black text-white border-white;\n}"]}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Props as navItemProps } from '../NavItem/NavItem';
|
|
3
|
+
import { Colours } from '../../utils/controls';
|
|
3
4
|
export interface Props {
|
|
4
5
|
id: string;
|
|
5
6
|
className: string;
|
|
@@ -17,6 +18,7 @@ export interface Props {
|
|
|
17
18
|
theme: 'light' | 'dark';
|
|
18
19
|
text?: string;
|
|
19
20
|
textLink?: string;
|
|
21
|
+
bgColour?: Colours;
|
|
20
22
|
}
|
|
21
|
-
declare const Nav: ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, fixedTop, mobileClasses, getNavStatus, theme, text, textLink }: Props) => JSX.Element;
|
|
23
|
+
declare const Nav: ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, fixedTop, mobileClasses, getNavStatus, theme, bgColour, text, textLink }: Props) => JSX.Element;
|
|
22
24
|
export default Nav;
|
|
@@ -3,26 +3,22 @@ import classNames from 'classnames';
|
|
|
3
3
|
import NavItem from '../NavItem/NavItem';
|
|
4
4
|
import HamburgerIcon from '../HamburgerIcon/HamburgerIcon';
|
|
5
5
|
import style from './style.module.css';
|
|
6
|
-
|
|
6
|
+
import Image from '../Image/Image';
|
|
7
|
+
import Container from '../Container/Container';
|
|
8
|
+
const Nav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, fixedTop, mobileClasses, getNavStatus, theme = 'dark', bgColour = 'primary', text, textLink = '/' }) => {
|
|
7
9
|
const [showSideNav, setShowSideNav] = useState(false);
|
|
8
10
|
const [showDropdownNav, setShowDropdownNav] = useState(false);
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const classList = classNames(className, colours, style.nav);
|
|
11
|
+
const variant = theme === 'dark' ? 'secondary' : 'primary';
|
|
12
|
+
const classList = classNames(className, style[bgColour], style.nav);
|
|
12
13
|
const sideNavClasses = classNames({
|
|
13
14
|
[style.sideBarCollapsed]: !showSideNav,
|
|
14
15
|
[style.sideBarExpanded]: showSideNav
|
|
15
|
-
},
|
|
16
|
+
}, style[bgColour], style.sideNavClassList);
|
|
16
17
|
const dropdownNavClasses = classNames({
|
|
17
18
|
[style.dropDownCollapsed]: !showDropdownNav,
|
|
18
19
|
[`h-${dropdownNavHeight}`]: showDropdownNav
|
|
19
|
-
},
|
|
20
|
-
const
|
|
21
|
-
[style.fixedTopNav]: fixedTop
|
|
22
|
-
}, style.mobileClassList, colours, mobileClasses);
|
|
23
|
-
const desktopClassList = classNames({
|
|
24
|
-
[style.fixedTopNav]: fixedTop
|
|
25
|
-
}, style.desktopClassList);
|
|
20
|
+
}, style[bgColour], style.dropDownNavClassList);
|
|
21
|
+
const mobileContainer = classNames(style.mobileContainer, style[bgColour], mobileClasses);
|
|
26
22
|
const toggleMenu = () => {
|
|
27
23
|
getNavStatus === null || getNavStatus === void 0 ? void 0 : getNavStatus(asSideBar, true);
|
|
28
24
|
if (asSideBar) {
|
|
@@ -33,29 +29,28 @@ const Nav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logo
|
|
|
33
29
|
}
|
|
34
30
|
};
|
|
35
31
|
return (React.createElement("header", { id: id, className: classList },
|
|
36
|
-
React.createElement(
|
|
37
|
-
React.createElement("div", {
|
|
32
|
+
React.createElement(Container, { className: mobileContainer },
|
|
33
|
+
React.createElement("div", { className: style.collapseBtnWrapper },
|
|
38
34
|
React.createElement(HamburgerIcon, { onClick: toggleMenu })),
|
|
39
|
-
React.createElement("a", {
|
|
40
|
-
React.createElement(
|
|
41
|
-
React.createElement(
|
|
35
|
+
React.createElement("a", { className: style.mobileLogo, href: logoLink },
|
|
36
|
+
React.createElement(Image, { image: theme === 'dark' ? mobileLogoDarkTheme : mobileLogo, height: 5, width: 5 }))),
|
|
37
|
+
React.createElement(Container, { className: style.desktopContainer },
|
|
42
38
|
React.createElement("div", { className: style.logoClassList },
|
|
43
|
-
React.createElement("a", {
|
|
44
|
-
React.createElement(
|
|
45
|
-
React.createElement("
|
|
46
|
-
return (React.createElement(NavItem, Object.assign({ key: `
|
|
39
|
+
React.createElement("a", { className: style.desktopLogo, href: logoLink },
|
|
40
|
+
React.createElement(Image, { image: theme === 'dark' ? logoDarkTheme : logo, height: 5, width: 5 }))),
|
|
41
|
+
React.createElement("nav", { className: style.navItems }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
42
|
+
return (React.createElement(NavItem, Object.assign({ key: `desktop_nav_item_${i}` }, navLink, { className: style.navItemPadding, bordered: false, rounded: false, underlineOnHover: true, variant: variant })));
|
|
47
43
|
})),
|
|
48
44
|
React.createElement("div", { className: style.textClassList },
|
|
49
|
-
React.createElement("a", {
|
|
45
|
+
React.createElement("a", { href: textLink }, text))),
|
|
50
46
|
asSideBar
|
|
51
47
|
? (React.createElement("div", { className: sideNavClasses }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
52
|
-
return (React.createElement(NavItem, Object.assign({ key: `
|
|
53
|
-
}))
|
|
48
|
+
return (React.createElement(NavItem, Object.assign({ key: `sidebar_nav_item_${i}` }, navLink, { className: style.mobileSideBarMenuNavItems, bordered: false, rounded: false, underlineOnHover: true, variant: variant })));
|
|
49
|
+
})))
|
|
54
50
|
/* dropdown */
|
|
55
|
-
|
|
56
|
-
: (React.createElement("div", { id: 'mobile-menu', className: dropdownNavClasses },
|
|
51
|
+
: (React.createElement("div", { className: dropdownNavClasses },
|
|
57
52
|
React.createElement("div", { className: style.mobileDropDownMenu }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
58
|
-
return (React.createElement(NavItem, Object.assign({ key: `
|
|
53
|
+
return (React.createElement(NavItem, Object.assign({ key: `dropdown_nav_item_${i}` }, navLink, { className: style.mobileDropDownMenuNavItems, bordered: false, rounded: false, underlineOnHover: true, variant: variant })));
|
|
59
54
|
}))))));
|
|
60
55
|
};
|
|
61
56
|
export default Nav;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,OAAkC,MAAM,6BAA6B,CAAA;AAC5E,OAAO,aAAa,MAAM,yCAAyC,CAAA;AACnE,OAAO,KAAK,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.tsx"],"names":[],"mappings":"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"}
|