trepur_components 1.0.20 → 1.0.22

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.
@@ -25,6 +25,7 @@ interface DotProps {
25
25
  export interface Props {
26
26
  id?: string;
27
27
  className?: string;
28
+ slideWrapperClassName?: string;
28
29
  title?: string;
29
30
  description?: string;
30
31
  bgColour?: Colours;
@@ -5,7 +5,7 @@ import classNames from 'classnames';
5
5
  import Icon from '../Icon/Icon';
6
6
  import style from './style.module.css';
7
7
  import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
8
- const Carousel = ({ id, className, title, description, bgColour, breakpoints, defaultAnimation, disabled, drag, dragSpeed, initial, loop = true, mode = 'snap', range, renderMode, rtl, rubberband, slides, vertical, animationStarted, animationStopped, animationEnded, created, destroyed, detailsChanged, dragged, dragStarted, dragChecked, dragEnded, beforeOptionsChanged, optionsChanged, slideChanged, updated, perView = 1, spacing, number, origin, arrows, dots }) => {
8
+ const Carousel = ({ id, className, slideWrapperClassName, title, description, bgColour, breakpoints, defaultAnimation, disabled, drag, dragSpeed, initial, loop = true, mode = 'snap', range, renderMode, rtl, rubberband, slides, vertical, animationStarted, animationStopped, animationEnded, created, destroyed, detailsChanged, dragged, dragStarted, dragChecked, dragEnded, beforeOptionsChanged, optionsChanged, slideChanged, updated, perView = 1, spacing, number, origin, arrows, dots }) => {
9
9
  var _a, _b, _c, _d, _e, _f, _g, _h;
10
10
  const classList = className;
11
11
  const [currentSlide, setCurrentSlide] = useState(0);
@@ -101,7 +101,7 @@ const Carousel = ({ id, className, title, description, bgColour, breakpoints, de
101
101
  React.createElement("div", { className: classNames(classList, (arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && style.visibleArrows, style.classList, 'navigation-wrapper') },
102
102
  (arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && loaded && (instanceRef.current !== undefined) && (React.createElement("div", { className: style.arrowWrapper },
103
103
  React.createElement(Arrow, Object.assign({ left: true, onClick: (e) => { var _a; return e.stopPropagation() !== undefined || ((_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.prev()); }, disabled: currentSlide === 0 }, arrows)))),
104
- React.createElement("div", { ref: sliderRef, className: classNames(style.slideWrapper, 'keen-slider') }, (slides != null) && slides),
104
+ React.createElement("div", { ref: sliderRef, className: classNames(style.slideWrapper, slideWrapperClassName, 'keen-slider') }, (slides != null) && slides),
105
105
  (arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && loaded && (instanceRef.current !== undefined) && (React.createElement("div", { className: style.arrowWrapper },
106
106
  React.createElement(Arrow, Object.assign({ right: true, onClick: (e) => { var _a; return e.stopPropagation() !== undefined || ((_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.next()); }, disabled: currentSlide === ((_d = (_c = (_b = (_a = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _a === void 0 ? void 0 : _a.track) === null || _b === void 0 ? void 0 : _b.details) === null || _c === void 0 ? void 0 : _c.slides) === null || _d === void 0 ? void 0 : _d.length) }, arrows))))),
107
107
  (dots === null || dots === void 0 ? void 0 : dots.visible) === true && loaded && (instanceRef.current != null) && (React.createElement("div", { className: style.dotWrapper }, [...Array((_h = (_g = (_f = (_e = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _e === void 0 ? void 0 : _e.track) === null || _f === void 0 ? void 0 : _f.details) === null || _g === void 0 ? void 0 : _g.slides) === null || _h === void 0 ? void 0 : _h.length).keys()].map((idx, i) => {
@@ -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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"}
@@ -1,15 +1,14 @@
1
1
  /// <reference types="react" />
2
2
  import { Props as iconProps } from '../Icon/Icon';
3
+ import { Colours } from '../../utils/controls';
3
4
  export interface Props {
4
5
  id: string;
5
6
  className?: string;
6
- text?: string;
7
+ text: string;
7
8
  number: number;
8
- bordered?: boolean;
9
- rounded?: boolean;
10
9
  withAnimation?: boolean;
11
- iconProps?: iconProps;
12
- theme?: 'dark' | 'light';
10
+ iconProps: iconProps;
11
+ backgroundColour?: Colours;
13
12
  }
14
- declare const InformationIcon: ({ id, className, text, number, bordered, rounded, withAnimation, iconProps, theme }: Props) => JSX.Element;
13
+ declare const InformationIcon: ({ id, className, text, number, withAnimation, iconProps, backgroundColour }: Props) => JSX.Element;
15
14
  export default InformationIcon;
@@ -2,9 +2,9 @@ import React, { useEffect, useRef } from 'react';
2
2
  import Icon from '../Icon/Icon';
3
3
  import classNames from 'classnames';
4
4
  import style from './style.module.css';
5
- const InformationIcon = ({ id, className, text, number, bordered = false, rounded = false, withAnimation = false, iconProps, theme = 'light' }) => {
6
- const colours = theme === 'dark' ? [style.dark] : [style.light];
5
+ const InformationIcon = ({ id, className, text, number, withAnimation = false, iconProps, backgroundColour = 'white' }) => {
7
6
  const loaded = useRef(false);
7
+ const classList = classNames(className, style.classList, style[backgroundColour]);
8
8
  useEffect(() => {
9
9
  const element = document.getElementById(`${id}_number`);
10
10
  const observer = new IntersectionObserver((entries, observer) => {
@@ -17,10 +17,6 @@ const InformationIcon = ({ id, className, text, number, bordered = false, rounde
17
17
  }, { threshold: 1 });
18
18
  (element != null) && withAnimation && observer.observe(element);
19
19
  }, []);
20
- const classList = classNames({
21
- border: bordered,
22
- [style.rounded]: rounded
23
- }, className, colours, style.classList);
24
20
  const counterAnimation = (obj, start, end, duration) => {
25
21
  let startTimestamp;
26
22
  const step = (timestamp) => {
@@ -33,13 +29,11 @@ const InformationIcon = ({ id, className, text, number, bordered = false, rounde
33
29
  };
34
30
  window.requestAnimationFrame(step);
35
31
  };
36
- return (React.createElement("div", { id: id, className: style.wrapperClassList },
37
- React.createElement("div", { className: classList },
38
- (iconProps != null) &&
39
- React.createElement(Icon, Object.assign({}, iconProps)),
40
- number !== undefined &&
41
- React.createElement("p", null, number),
42
- React.createElement("p", { className: style.text }, text))));
32
+ return (React.createElement("div", { id: id, className: classList },
33
+ React.createElement("div", { className: style.iconClassList }, (iconProps !== undefined) && React.createElement(Icon, Object.assign({}, iconProps))),
34
+ React.createElement("div", { className: style.textClassList },
35
+ number !== undefined && React.createElement("p", { className: style.number }, number),
36
+ number !== undefined && React.createElement("p", { className: style.text }, text))));
43
37
  };
44
38
  export default InformationIcon;
45
39
  //# sourceMappingURL=InformationIcon.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InformationIcon.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIcon/InformationIcon.tsx"],"names":[],"mappings":"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"}
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,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAatC,MAAM,eAAe,GAAG,CAAC,EACvB,EAAE,EACF,SAAS,EACT,IAAI,EACJ,MAAM,EACN,aAAa,GAAG,KAAK,EACrB,SAAS,EACT,gBAAgB,GAAG,OAAO,EACpB,EAAe,EAAE;IACvB,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAC5B,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAEjF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,QAAQ,CAAC,cAAc,CAAC,GAAG,EAAE,SAAS,CAAC,CAAA;QACvD,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE;YAC9D,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACtB,IAAI,KAAK,CAAC,iBAAiB,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;oBACrD,MAAM,CAAC,OAAO,GAAG,IAAI,CAAA;oBACrB,gBAAgB,CACd,QAAQ,CAAC,cAAc,CAAC,GAAG,EAAE,SAAS,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,CAAA;iBAC5D;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC;QACrB,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,aAAa,IAAI,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;IACjE,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,gBAAgB,GAAG,CAAC,GAAQ,EAAE,KAAa,EAAE,GAAW,EAAE,QAAgB,EAAQ,EAAE;QACxF,IAAI,cAAsB,CAAA;QAC1B,MAAM,IAAI,GAAG,CAAC,SAAiB,EAAQ,EAAE;YACvC,cAAc,GAAG,SAAS,CAAA;YAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,GAAG,cAAc,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAA;YACrE,GAAG,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC,CAAA;YAC5D,IAAI,QAAQ,GAAG,CAAC,EAAE;gBAChB,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAA;aACnC;QACH,CAAC,CAAA;QACD,MAAM,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAA;IACpC,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,IAC/B,CAAC,SAAS,KAAK,SAAS,CAAC,IAAI,oBAAC,IAAI,oBAAK,SAAS,EAAG,CACjD;QACN,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;YAC/B,MAAM,KAAK,SAAS,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,MAAM,IAAG,MAAM,CAAK;YAChE,MAAM,KAAK,SAAS,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,IAAI,IAAG,IAAI,CAAK,CAC1D,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}
@@ -1,54 +1,57 @@
1
- .wrapperClassList {
2
-
3
- display: flex;
4
-
5
- height: 24rem;
6
-
7
- align-items: center;
1
+ .classList {
8
2
 
9
- text-align: center
3
+ display: flex
10
4
  }
11
5
 
12
- .classList {
6
+ .iconClassList {
13
7
 
14
8
  display: flex;
15
9
 
16
10
  height: 100%;
17
11
 
18
- width: 100%;
12
+ align-items: center;
13
+
14
+ margin-top: auto;
19
15
 
20
- flex-direction: column;
16
+ margin-bottom: auto;
21
17
 
22
- align-items: center;
18
+ padding-top: 2rem;
23
19
 
24
- justify-content: center;
20
+ padding-bottom: 2rem;
25
21
 
26
- font-size: 32px
22
+ padding-left: 1rem
27
23
  }
28
24
 
29
- @media (min-width: 1024px) {
25
+ @media (min-width: 768px) {
30
26
 
31
- .classList {
27
+ .iconClassList {
32
28
 
33
- font-size: 32px
29
+ padding-left: 2rem
34
30
  }
35
31
  }
36
32
 
37
- .classList:hover .text {
33
+ .textClassList {
38
34
 
39
- font-size: 48px;
35
+ padding-left: 1rem;
40
36
 
41
- transition-duration: 500ms;
37
+ padding-right: 1rem;
42
38
 
43
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
39
+ padding-top: 2rem;
40
+
41
+ padding-bottom: 2rem
44
42
  }
45
43
 
46
- .rounded {
44
+ @media (min-width: 768px) {
45
+
46
+ .textClassList {
47
47
 
48
- border-radius: 1rem
48
+ padding-left: 2rem;
49
+
50
+ padding-right: 2rem
51
+ }
49
52
  }
50
53
 
51
- .dark {
54
+ .primary {
52
55
 
53
56
  --tw-bg-opacity: 1;
54
57
 
@@ -59,14 +62,18 @@
59
62
  color: rgb(255 255 255 / var(--tw-text-opacity))
60
63
  }
61
64
 
62
- .dark::placeholder {
65
+ .secondary {
66
+
67
+ --tw-bg-opacity: 1;
68
+
69
+ background-color: rgb(255 168 0 / var(--tw-bg-opacity));
63
70
 
64
- --tw-placeholder-opacity: 1;
71
+ --tw-text-opacity: 1;
65
72
 
66
- color: rgb(255 255 255 / var(--tw-placeholder-opacity))
73
+ color: rgb(255 255 255 / var(--tw-text-opacity))
67
74
  }
68
75
 
69
- .light {
76
+ .white {
70
77
 
71
78
  --tw-bg-opacity: 1;
72
79
 
@@ -74,13 +81,28 @@
74
81
 
75
82
  --tw-text-opacity: 1;
76
83
 
77
- color: rgb(0 54 160 / var(--tw-text-opacity))
84
+ color: rgb(0 0 0 / var(--tw-text-opacity))
85
+ }
86
+
87
+ .grey {
88
+
89
+ --tw-bg-opacity: 1;
90
+
91
+ background-color: rgb(245 245 245 / var(--tw-bg-opacity));
92
+
93
+ --tw-text-opacity: 1;
94
+
95
+ color: rgb(0 0 0 / var(--tw-text-opacity))
78
96
  }
79
97
 
80
- .light::placeholder {
98
+ .black {
99
+
100
+ --tw-bg-opacity: 1;
101
+
102
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity));
81
103
 
82
- --tw-placeholder-opacity: 1;
104
+ --tw-text-opacity: 1;
83
105
 
84
- color: rgb(0 54 160 / var(--tw-placeholder-opacity))
106
+ color: rgb(255 255 255 / var(--tw-text-opacity))
85
107
  }
86
108
  /*# sourceMappingURL=style.module.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/lib/components/InformationIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAyC;;IAAzC,aAAyC;;IAAzC,mBAAyC;;IAAzC;AAAyC;;AAIzC;;IAAA,aAA8D;;IAA9D,YAA8D;;IAA9D,WAA8D;;IAA9D,sBAA8D;;IAA9D,mBAA8D;;IAA9D,uBAA8D;;IAC9D;AAD8D;;AAC9D;;IAAA;;QAAA;IAAyB;AAAA;;AAIzB;;IAAA,eAAuC;;IAAvC,0BAAuC;;IAAvC;AAAuC;;AAIvC;;IAAA;AAAkB;;AAIlB;;IAAA,kBAA8C;;IAA9C,sDAA8C;;IAA9C,oBAA8C;;IAA9C;AAA8C;;AAA9C;;IAAA,2BAA8C;;IAA9C;AAA8C;;AAI9C;;IAAA,kBAAgD;;IAAhD,yDAAgD;;IAAhD,oBAAgD;;IAAhD;AAAgD;;AAAhD;;IAAA,2BAAgD;;IAAhD;AAAgD","file":"style.module.css","sourcesContent":[".wrapperClassList {\n @apply h-96 flex items-center text-center;\n}\n\n.classList {\n @apply flex flex-col justify-center w-full h-full items-center;\n @apply text-md lg:text-md;\n}\n\n.classList:hover .text {\n @apply text-lg ease-in-out duration-500;\n}\n\n.rounded {\n @apply rounded-2xl;\n}\n\n.dark {\n @apply placeholder-white bg-primary text-white;\n}\n\n.light {\n @apply placeholder-primary bg-white text-primary;\n}"]}
1
+ {"version":3,"sources":["../../../../../src/lib/components/InformationIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAW;;AAIX;;IAAA,aAA+B;;IAA/B,YAA+B;;IAA/B,mBAA+B;;IAC/B,gBAAgC;;IAAhC,mBAAgC;;IAAhC,iBAAgC;;IAAhC,oBAAgC;;IAAhC;AAD+B;;AAC/B;;IAAA;;QAAA;IAAgC;AAAA;;AAIhC;;IAAA,kBAAwB;;IAAxB,mBAAwB;;IAAxB,iBAAwB;;IAAxB;AAAwB;;AAAxB;;IAAA;;QAAA,kBAAwB;;QAAxB;IAAwB;AAAA;;AAIxB;;IAAA,kBAA4B;;IAA5B,sDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,kBAA8B;;IAA9B,uDAA8B;;IAA9B,oBAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,kBAA0B;;IAA1B,yDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAkC;;IAAlC,yDAAkC;;IAAlC,oBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,kBAA0B;;IAA1B,mDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B","file":"style.module.css","sourcesContent":[".classList {\n @apply flex;\n}\n\n.iconClassList {\n @apply flex h-full items-center;\n @apply my-auto pl-4 md:pl-8 py-8;\n}\n\n.textClassList {\n @apply px-4 md:px-8 py-8;\n}\n\n.primary {\n @apply bg-primary text-white;\n}\n\n.secondary {\n @apply bg-secondary text-white;\n}\n\n.white {\n @apply bg-white text-black;\n}\n\n.grey {\n @apply bg-lightest-grey text-black;\n}\n\n.black {\n @apply bg-black text-white;\n}"]}
@@ -8,7 +8,6 @@ export interface Props {
8
8
  description?: string;
9
9
  bgColour?: Colours;
10
10
  icons?: iconProps[];
11
- theme?: 'light' | 'dark';
12
11
  }
13
- declare const InformationIconBlock: ({ id, className, title, description, bgColour, icons, theme }: Props) => JSX.Element;
12
+ declare const InformationIconBlock: ({ id, className, title, description, bgColour, icons, }: Props) => JSX.Element;
14
13
  export default InformationIconBlock;
@@ -1,21 +1,20 @@
1
1
  import React from 'react';
2
- import classNames from 'classnames';
3
2
  import style from './style.module.css';
4
3
  import Container from '../Container/Container';
5
4
  import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
6
5
  import { InformationIcon } from '../../../../src/lib';
7
- const InformationIconBlock = ({ id, className, title, description, bgColour, icons, theme = 'dark' }) => {
8
- const classList = classNames(className);
9
- return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour },
10
- React.createElement(Container, { withPadding: true },
6
+ const InformationIconBlock = ({ id, className, title, description, bgColour, icons, }) => {
7
+ return (React.createElement(ComponentWrapper, { id: id, className: className, title: title, description: description, bgColour: bgColour },
8
+ React.createElement(Container, { withPadding: false },
11
9
  React.createElement("div", { className: style.iconWrapper }, icons === null || icons === void 0 ? void 0 : icons.map((icon, i) => {
12
10
  return (React.createElement(InformationIcon, { key: i, iconProps: {
13
- className: style.iconClasses,
14
- size: 1,
11
+ size: 2,
15
12
  type: icon.type,
16
- colour: 'white',
17
- bgColour: 'primary'
18
- }, id: icon.name.replace(/\s+/g, ''), rounded: true, text: icon.name, number: icon.value, withAnimation: true, theme: theme }));
13
+ colour: 'primary',
14
+ bgColour: 'white',
15
+ hoverColour: 'primary',
16
+ hoverBgColour: 'white'
17
+ }, id: icon.name.replace(/\s+/g, ''), text: icon.name, number: icon.value, withAnimation: true }));
19
18
  })))));
20
19
  };
21
20
  export default InformationIconBlock;
@@ -1 +1 @@
1
- {"version":3,"file":"InformationIconBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIconBlock/InformationIconBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAczC,MAAM,oBAAoB,GAAG,CAAC,EAC5B,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,GAAG,MAAM,EACR,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IAEvC,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,WAAW;YACpB,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW,IAC9B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAS,EAAE,CAAS,EAAE,EAAE;gBACnC,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,CAAC,EACN,SAAS,EAAE;wBACT,SAAS,EAAE,KAAK,CAAC,WAAW;wBAC5B,IAAI,EAAE,CAAC;wBACP,IAAI,EAAE,IAAI,CAAC,IAAI;wBACf,MAAM,EAAE,OAAO;wBACf,QAAQ,EAAE,SAAS;qBACpB,EACD,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EACjC,OAAO,QACP,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,aAAa,QACb,KAAK,EAAE,KAAK,GACZ,CACH,CAAA;YACH,CAAC,CAAC,CACE,CACI,CACK,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}
1
+ {"version":3,"file":"InformationIconBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIconBlock/InformationIconBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAYzC,MAAM,oBAAoB,GAAG,CAAC,EAC5B,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,GACC,EAAe,EAAE;IACvB,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,WAAW,EAAE,KAAK;YAC3B,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW,IAC9B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAS,EAAE,CAAS,EAAE,EAAE;gBACnC,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,CAAC,EACN,SAAS,EAAE;wBACT,IAAI,EAAE,CAAC;wBACP,IAAI,EAAE,IAAI,CAAC,IAAI;wBACf,MAAM,EAAE,SAAS;wBACjB,QAAQ,EAAE,OAAO;wBACjB,WAAW,EAAE,SAAS;wBACtB,aAAa,EAAE,OAAO;qBACvB,EACD,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EACjC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,aAAa,SACb,CACH,CAAA;YACH,CAAC,CAAC,CACE,CACI,CACK,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}
@@ -76,7 +76,7 @@
76
76
 
77
77
  left: 2rem;
78
78
 
79
- top: 1.25rem
79
+ top: 1rem
80
80
  }
81
81
 
82
82
  .collapseBtnWrapper:hover>button {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../../src/lib/components/Nav/style.module.css"],"names":[],"mappings":"AACI;;IAAA,eAAmD;;IAAnD,QAAmD;;IAAnD,WAAmD;;IAAnD,YAAmD;;IAAnD,WAAmD;;IAAnD;AAAmD;;AAInD;;IAAA,kBAA4B;;IAA5B,sDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,kBAA8B;;IAA9B,uDAA8B;;IAA9B,oBAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,kBAA0B;;IAA1B,yDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAA0B;;IAA1B,mDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,aAAwC;;IAAxC,mBAAwC;;IAAxC;AAAwC;;AAIxC;;IAAA,kBAAsC;;IAAtC,QAAsC;;IAAtC,WAAsC;;IAAtC,UAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,oBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,aAA+D;;IAA/D,YAA+D;;IAA/D,uBAA+D;;IAA/D,mBAA+D;;IAA/D;AAA+D;;AAA/D;;IAAA;;QAAA,aAA+D;;QAA/D;IAA+D;AAAA;;AAA/D;;IAAA;;QAAA;IAA+D;AAAA;;AAI/D;;IAAA,iBAA+B;;IAA/B,kBAA+B;;IAA/B,WAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,aAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA;;QAAA;IAA0B;AAAA;;AAI1B;;IAAA,aAA2C;;IAA3C,YAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA,aAAkC;;IAAlC;AAAkC;;AAAlC;;IAAA;;QAAA;IAAkC;AAAA;;AAIlC;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,WAA2C;;IAA3C,gBAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAU;;AAIV;;IAAA,eAA+D;;IAA/D,WAA+D;;IAA/D,YAA+D;;IAA/D,gBAA+D;;IAA/D;AAA+D;;AAA/D;;IAAA;;QAAA;IAA+D;AAAA;;AAI/D;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAU;;AAIV;;IAAA;AAAsB;;AAAtB;;IAAA;;QAAA;IAAsB;AAAA","file":"style.module.css","sourcesContent":[".nav {\n @apply h-20 fixed w-full z-50 top-0 overflow-hidden;\n}\n\n.primary {\n @apply bg-primary text-white;\n}\n\n.secondary {\n @apply bg-secondary text-white;\n}\n\n.white {\n @apply bg-white text-black;\n}\n\n.black {\n @apply bg-black text-white;\n}\n\n.desktopContainer {\n @apply flex items-center justify-between;\n}\n\n.collapseBtnWrapper {\n @apply absolute inset-y-0 left-8 top-5;\n}\n\n.collapseBtnWrapper:hover>button {\n @apply text-primary;\n}\n\n.navItems {\n @apply hidden md:flex justify-center py-6 md:pr-16 lg:pr-0 w-96;\n}\n\n.navItemPadding {\n @apply w-24 mx-auto text-center;\n}\n\n.logoClassList {\n @apply hidden md:flex w-96;\n}\n\n.textClassList {\n @apply hidden lg:flex w-96 flex-row-reverse;\n}\n\n.mobileLogo {\n @apply mx-auto;\n}\n\n.mobileContainer {\n @apply flex items-center md:hidden;\n}\n\n.mobileDropDownMenu {\n @apply pt-2 pb-3 space-y-1;\n}\n\n.dropDownNavClassList {\n @apply z-50 md:hidden overflow-hidden pt-20;\n}\n\n.mobileDropDownMenuNavItems {\n @apply pl-8 pt-2;\n}\n\n.deropDownCollapsed {\n @apply h-0;\n}\n\n.sideNavClassList {\n @apply z-50 md:hidden fixed overflow-hidden h-full duration-700;\n}\n\n.mobileSideBarMenu {\n @apply pt-2 pb-3 space-y-1;\n}\n\n.mobileSideBarMenuNavItems {\n @apply pl-8 pt-4;\n}\n\n.sideBarCollapsed {\n @apply w-0;\n}\n\n.sideBarExpanded {\n @apply w-full sm:w-1/3;\n}"]}
1
+ {"version":3,"sources":["../../../../../src/lib/components/Nav/style.module.css"],"names":[],"mappings":"AACI;;IAAA,eAAmD;;IAAnD,QAAmD;;IAAnD,WAAmD;;IAAnD,YAAmD;;IAAnD,WAAmD;;IAAnD;AAAmD;;AAInD;;IAAA,kBAA4B;;IAA5B,sDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,kBAA8B;;IAA9B,uDAA8B;;IAA9B,oBAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,kBAA0B;;IAA1B,yDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAA0B;;IAA1B,mDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,aAAwC;;IAAxC,mBAAwC;;IAAxC;AAAwC;;AAIxC;;IAAA,kBAAsC;;IAAtC,QAAsC;;IAAtC,WAAsC;;IAAtC,UAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,oBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,aAA+D;;IAA/D,YAA+D;;IAA/D,uBAA+D;;IAA/D,mBAA+D;;IAA/D;AAA+D;;AAA/D;;IAAA;;QAAA,aAA+D;;QAA/D;IAA+D;AAAA;;AAA/D;;IAAA;;QAAA;IAA+D;AAAA;;AAI/D;;IAAA,iBAA+B;;IAA/B,kBAA+B;;IAA/B,WAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,aAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA;;QAAA;IAA0B;AAAA;;AAI1B;;IAAA,aAA2C;;IAA3C,YAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA,aAAkC;;IAAlC;AAAkC;;AAAlC;;IAAA;;QAAA;IAAkC;AAAA;;AAIlC;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,WAA2C;;IAA3C,gBAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAU;;AAIV;;IAAA,eAA+D;;IAA/D,WAA+D;;IAA/D,YAA+D;;IAA/D,gBAA+D;;IAA/D;AAA+D;;AAA/D;;IAAA;;QAAA;IAA+D;AAAA;;AAI/D;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAU;;AAIV;;IAAA;AAAsB;;AAAtB;;IAAA;;QAAA;IAAsB;AAAA","file":"style.module.css","sourcesContent":[".nav {\n @apply h-20 fixed w-full z-50 top-0 overflow-hidden;\n}\n\n.primary {\n @apply bg-primary text-white;\n}\n\n.secondary {\n @apply bg-secondary text-white;\n}\n\n.white {\n @apply bg-white text-black;\n}\n\n.black {\n @apply bg-black text-white;\n}\n\n.desktopContainer {\n @apply flex items-center justify-between;\n}\n\n.collapseBtnWrapper {\n @apply absolute inset-y-0 left-8 top-4;\n}\n\n.collapseBtnWrapper:hover>button {\n @apply text-primary;\n}\n\n.navItems {\n @apply hidden md:flex justify-center py-6 md:pr-16 lg:pr-0 w-96;\n}\n\n.navItemPadding {\n @apply w-24 mx-auto text-center;\n}\n\n.logoClassList {\n @apply hidden md:flex w-96;\n}\n\n.textClassList {\n @apply hidden lg:flex w-96 flex-row-reverse;\n}\n\n.mobileLogo {\n @apply mx-auto;\n}\n\n.mobileContainer {\n @apply flex items-center md:hidden;\n}\n\n.mobileDropDownMenu {\n @apply pt-2 pb-3 space-y-1;\n}\n\n.dropDownNavClassList {\n @apply z-50 md:hidden overflow-hidden pt-20;\n}\n\n.mobileDropDownMenuNavItems {\n @apply pl-8 pt-2;\n}\n\n.deropDownCollapsed {\n @apply h-0;\n}\n\n.sideNavClassList {\n @apply z-50 md:hidden fixed overflow-hidden h-full duration-700;\n}\n\n.mobileSideBarMenu {\n @apply pt-2 pb-3 space-y-1;\n}\n\n.mobileSideBarMenuNavItems {\n @apply pl-8 pt-4;\n}\n\n.sideBarCollapsed {\n @apply w-0;\n}\n\n.sideBarExpanded {\n @apply w-full sm:w-1/3;\n}"]}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "trepur_components",
3
3
  "description": "component lib",
4
4
  "author": "trepur_ttenneb",
5
- "version": "1.0.20",
5
+ "version": "1.0.22",
6
6
  "private": false,
7
7
  "keywords": [
8
8
  "react",