trepur_components 1.0.4 → 1.0.6

package/dist/src/lib/components/Icon/style.module.css

@@ -0,0 +1,219 @@
+.classList {
+
+    margin-left: auto;
+
+    margin-right: auto;
+
+    margin-top: auto;
+
+    margin-bottom: auto
+}
+
+.sizeOne {
+
+    height: 1.5rem;
+
+    width: 1.5rem
+}
+
+.sizeTwo {
+
+    height: 2.5rem;
+
+    width: 2.5rem
+}
+
+.sizeThree {
+
+    height: 3.5rem;
+
+    width: 3.5rem
+}
+
+.sizeFour {
+
+    height: 5rem;
+
+    width: 5rem
+}
+
+.sizeFive {
+
+    height: 6rem;
+
+    width: 6rem
+}
+
+.sizeSix {
+
+    height: 7rem;
+
+    width: 7rem
+}
+
+.sizeSeven {
+
+    height: 8rem;
+
+    width: 8rem
+}
+
+.sizeEight {
+
+    height: 9rem;
+
+    width: 9rem
+}
+
+.sizeNine {
+
+    height: 10rem;
+
+    width: 10rem
+}
+
+.sizeTen {
+
+    height: 11rem;
+
+    width: 11rem
+}
+
+.rounded {
+
+    border-radius: 9999px
+}
+
+.wrapperClassList {
+
+    display: flex;
+
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+
+    transition-duration: 500ms
+}
+
+.textPrimary {
+
+    --tw-text-opacity: 1;
+
+    color: rgb(0 54 160 / var(--tw-text-opacity))
+}
+.textSecondary {
+
+    --tw-text-opacity: 1;
+
+    color: rgb(255 168 0 / var(--tw-text-opacity))
+}
+.textWhite {
+
+    --tw-text-opacity: 1;
+
+    color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+.textBlack {
+
+    --tw-text-opacity: 1;
+
+    color: rgb(0 0 0 / var(--tw-text-opacity))
+}
+.textGold {
+
+    --tw-text-opacity: 1;
+
+    color: rgb(226 177 60 / var(--tw-text-opacity))
+}
+
+.bgPrimary {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(0 54 160 / var(--tw-bg-opacity))
+}
+.bgSecondary {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(255 168 0 / var(--tw-bg-opacity))
+}
+.bgWhite {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
+}
+.bglack {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
+}
+.bgGold {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(226 177 60 / var(--tw-bg-opacity))
+}
+
+.hoverTextPrimary:hover {
+
+    --tw-text-opacity: 1;
+
+    color: rgb(0 54 160 / var(--tw-text-opacity))
+}
+.hoverTextSecondary:hover {
+
+    --tw-text-opacity: 1;
+
+    color: rgb(255 168 0 / var(--tw-text-opacity))
+}
+.hoverTextWhite:hover {
+
+    --tw-text-opacity: 1;
+
+    color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+.hoverTextlack:hover {
+
+    --tw-text-opacity: 1;
+
+    color: rgb(0 0 0 / var(--tw-text-opacity))
+}
+.hoverTextGold:hover {
+
+    --tw-text-opacity: 1;
+
+    color: rgb(226 177 60 / var(--tw-text-opacity))
+}
+
+.hoverBgPrimary:hover {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(0 54 160 / var(--tw-bg-opacity))
+}
+.hoverBgSecondary:hover {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(255 168 0 / var(--tw-bg-opacity))
+}
+.hoverBgWhite:hover {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
+}
+.hoverBglack:hover {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
+}
+.hoverBgGold:hover {
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(226 177 60 / var(--tw-bg-opacity))
+}
+/*# sourceMappingURL=style.module.css.map */

package/dist/src/lib/components/Icon/style.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/Icon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAsB;;IAAtB,kBAAsB;;IAAtB,gBAAsB;;IAAtB;AAAsB;;AAItB;;IAAA,cAAc;;IAAd;AAAc;;AAId;;IAAA,cAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,cAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,aAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,aAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAmB;;AAInB;;IAAA,aAAkC;;IAAlC,+LAAkC;;IAAlC;AAAkC;;AAGvB;;IAAA,oBAAmB;;IAAnB;AAAmB;AACjB;;IAAA,oBAAqB;;IAArB;AAAqB;AACzB;;IAAA,oBAAiB;;IAAjB;AAAiB;AACjB;;IAAA,oBAAiB;;IAAjB;AAAiB;AAClB;;IAAA,oBAAgB;;IAAhB;AAAgB;;AAEf;;IAAA,kBAAiB;;IAAjB;AAAiB;AACf;;IAAA,kBAAmB;;IAAnB;AAAmB;AACvB;;IAAA,kBAAe;;IAAf;AAAe;AAChB;;IAAA,kBAAe;;IAAf;AAAe;AACf;;IAAA,kBAAc;;IAAd;AAAc;;AAEJ;;IAAA,oBAAyB;;IAAzB;AAAyB;AACvB;;IAAA,oBAA2B;;IAA3B;AAA2B;AAC/B;;IAAA,oBAAuB;;IAAvB;AAAuB;AACxB;;IAAA,oBAAuB;;IAAvB;AAAuB;AACvB;;IAAA,oBAAsB;;IAAtB;AAAsB;;AAErB;;IAAA,kBAAuB;;IAAvB;AAAuB;AACrB;;IAAA,kBAAyB;;IAAzB;AAAyB;AAC7B;;IAAA,kBAAqB;;IAArB;AAAqB;AACtB;;IAAA,kBAAqB;;IAArB;AAAqB;AACrB;;IAAA,kBAAoB;;IAApB;AAAoB","file":"style.module.css","sourcesContent":[".classList {\n    @apply mx-auto my-auto;\n}\n\n.sizeOne {\n    @apply w-6 h-6;\n}\n\n.sizeTwo {\n    @apply w-10 h-10;\n}\n\n.sizeThree {\n    @apply w-14 h-14;\n}\n\n.sizeFour {\n    @apply w-20 h-20;\n}\n\n.sizeFive {\n    @apply w-24 h-24;\n}\n\n.sizeSix {\n    @apply w-28 h-28;\n}\n\n.sizeSeven {\n    @apply w-32 h-32;\n}\n\n.sizeEight {\n    @apply w-36 h-36;\n}\n\n.sizeNine {\n    @apply w-40 h-40;\n}\n\n.sizeTen {\n    @apply w-44 h-44;\n}\n\n.rounded {\n    @apply rounded-full;\n}\n\n.wrapperClassList {\n    @apply flex duration-500 transform;\n}\n\n.textPrimary { @apply text-primary; }\n.textSecondary { @apply text-secondary; }\n.textWhite { @apply text-white; }\n.textBlack { @apply text-black; }\n.textGold { @apply text-gold; }\n\n.bgPrimary { @apply bg-primary; }\n.bgSecondary { @apply bg-secondary; }\n.bgWhite { @apply bg-white; }\n.bglack { @apply bg-black; }\n.bgGold { @apply bg-gold; }\n\n.hoverTextPrimary { @apply hover:text-primary; }\n.hoverTextSecondary { @apply hover:text-secondary; }\n.hoverTextWhite { @apply hover:text-white; }\n.hoverTextlack { @apply hover:text-black; }\n.hoverTextGold { @apply hover:text-gold; }\n\n.hoverBgPrimary { @apply hover:bg-primary; }\n.hoverBgSecondary { @apply hover:bg-secondary; }\n.hoverBgWhite { @apply hover:bg-white; }\n.hoverBglack { @apply hover:bg-black; }\n.hoverBgGold { @apply hover:bg-gold; }"]}

package/dist/src/lib/components/Image/Image.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export interface Props {
+    id?: string;
+    className?: string;
+    image?: string;
+    altText?: string;
+    title?: string;
+    rounded?: boolean;
+    roundedFull?: boolean;
+    height?: number;
+    width?: number;
+    overlayText?: string;
+    centerAligned?: boolean;
+}
+declare const Image: ({ id, className, image, altText, title, rounded, roundedFull, height, width, overlayText, centerAligned }: Props) => JSX.Element;
+export default Image;

package/dist/src/lib/components/Image/Image.js

@@ -0,0 +1,54 @@
+import React, { useState } from 'react';
+import classNames from 'classnames';
+import style from './style.module.css';
+const Image = ({ id, className, image, altText, title, rounded = false, roundedFull = false, height = 8, width = 8, overlayText, centerAligned = false }) => {
+    const [isHovering, setIsHovering] = useState(false);
+    const opacity = classNames({
+        [style.visible]: isHovering,
+        [style.invisible]: !isHovering
+    });
+    const widthClassList = classNames({
+        'w-6': width === 1,
+        'w-10': width === 2,
+        'w-14': width === 3,
+        'w-16': width === 4,
+        'w-20': width === 5,
+        'w-24': width === 6,
+        'w-28': width === 7,
+        'w-32': width === 8,
+        'w-36': width === 9,
+        'w-40': width === 10,
+        'w-44': width === 11,
+        'w-full': (width === undefined) || (![1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].includes(width))
+    });
+    const heightClassList = classNames({
+        'h-6': height === 1,
+        'h-10': height === 2,
+        'h-14': height === 3,
+        'h-16': height === 4,
+        'h-20': height === 5,
+        'h-24': height === 6,
+        'h-28': height === 7,
+        'h-32': height === 8,
+        'h-36': height === 9,
+        'h-40': height === 10,
+        'h-44': height === 11,
+        'h-full': (height === undefined) || (![1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].includes(height))
+    });
+    const imageClassList = classNames({
+        [style.rounded]: rounded,
+        [style.roundedFull]: roundedFull,
+        [style.centerAligned]: centerAligned
+    }, className, widthClassList, heightClassList);
+    const overlayClassList = classNames(widthClassList, heightClassList, opacity, style.overlayClassList);
+    const overlayTextWrapperClassList = classNames(widthClassList, heightClassList, opacity, style.overlayTextWrapperClassList);
+    return (React.createElement(React.Fragment, null,
+        overlayText !== undefined &&
+            React.createElement(React.Fragment, null,
+                React.createElement("div", { className: overlayClassList }),
+                React.createElement("div", { className: overlayTextWrapperClassList, onMouseEnter: () => setIsHovering(true), onMouseLeave: () => setIsHovering(false) },
+                    React.createElement("p", { className: style.overlayTextClassList }, overlayText))),
+        React.createElement("img", Object.assign({ id: id, className: imageClassList, src: image }, (altText !== undefined && { alt: altText }), (title !== undefined && { title })))));
+};
+export default Image;
+//# sourceMappingURL=Image.js.map

package/dist/src/lib/components/Image/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../../src/lib/components/Image/Image.tsx"],"names":[],"mappings":"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"}

package/dist/src/lib/components/Image/style.module.css

@@ -0,0 +1,70 @@
+.overlayTextClassList {
+
+    margin: auto;
+
+    text-align: center;
+
+    --tw-text-opacity: 1;
+
+    color: rgb(0 54 160 / var(--tw-text-opacity))
+}
+
+.overlayTextWrapperClassList {
+
+    position: absolute;
+
+    z-index: 20;
+
+    display: flex;
+
+    transition-property: opacity;
+
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+
+    transition-duration: 700ms
+}
+
+.overlayClassList {
+
+    position: absolute;
+
+    z-index: 10;
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+
+    transition-property: opacity;
+
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+
+    transition-duration: 700ms
+}
+
+.rounded {
+
+    border-radius: 1rem
+}
+
+.roundedFull {
+
+    border-radius: 9999px
+}
+
+.centerAligned {
+
+    margin-left: auto;
+
+    margin-right: auto
+}
+
+.visible {
+
+    opacity: 0.8
+}
+
+.invisible {
+
+    opacity: 0
+}
+/*# sourceMappingURL=style.module.css.map */

package/dist/src/lib/components/Image/style.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/Image/style.module.css"],"names":[],"mappings":"AACI;;IAAA,YAAsC;;IAAtC,kBAAsC;;IAAtC,oBAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,kBAAyD;;IAAzD,WAAyD;;IAAzD,aAAyD;;IAAzD,4BAAyD;;IAAzD,wDAAyD;;IAAzD;AAAyD;;AAIzD;;IAAA,kBAA6D;;IAA7D,WAA6D;;IAA7D,kBAA6D;;IAA7D,yDAA6D;;IAA7D,4BAA6D;;IAA7D,wDAA6D;;IAA7D;AAA6D;;AAI7D;;IAAA;AAAkB;;AAIlB;;IAAA;AAAmB;;AAInB;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA;AAAiB;;AAIjB;;IAAA;AAAgB","file":"style.module.css","sourcesContent":[".overlayTextClassList {\n    @apply m-auto text-center text-primary;\n}\n\n.overlayTextWrapperClassList {\n    @apply flex absolute z-20 transition-opacity duration-700;\n}\n\n.overlayClassList {\n    @apply absolute z-10 transition-opacity duration-700 bg-white;\n}\n\n.rounded {\n    @apply rounded-2xl;\n}\n\n.roundedFull {\n    @apply rounded-full;\n}\n\n.centerAligned {\n    @apply mx-auto;\n}\n\n.visible {\n    @apply opacity-80;\n}\n\n.invisible {\n    @apply opacity-0;\n}"]}

package/dist/src/lib/components/ImageLink/ImageLink.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Props as buttonProps } from '../Button/Button';
+export interface Props {
+    id?: string;
+    className?: string;
+    image?: string;
+    altText?: string;
+    title?: string;
+    link?: string;
+    rounded?: boolean;
+    openInNewTab?: boolean;
+    buttonProps?: buttonProps;
+}
+declare const ImageLink: ({ id, className, image, altText, title, link, rounded, openInNewTab, buttonProps }: Props) => JSX.Element;
+export default ImageLink;

package/dist/src/lib/components/ImageLink/ImageLink.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import Button from '../Button/Button';
+import classNames from 'classnames';
+import style from './style.module.css';
+const ImageLink = ({ id, className, image, altText, title, link, rounded, openInNewTab, buttonProps }) => {
+    const classList = classNames(className, style.classList);
+    const roundedClass = classNames({
+        [style.rounded]: rounded
+    });
+    return (React.createElement("a", Object.assign({ id: id, href: link }, (openInNewTab !== false && { target: 'blank' })),
+        React.createElement("div", { className: classNames(roundedClass, classList, style.wrapper) },
+            React.createElement("img", { src: image, alt: altText, className: style.image }),
+            title !== undefined &&
+                React.createElement("h1", { className: style.title }, title),
+            (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children) !== undefined &&
+                React.createElement(Button, { className: style.button }, buttonProps.children))));
+};
+export default ImageLink;
+//# sourceMappingURL=ImageLink.js.map

package/dist/src/lib/components/ImageLink/ImageLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageLink.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLink/ImageLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,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,CAAC,CAAA;IAExD,MAAM,YAAY,GAAG,UAAU,CAAC;QAC9B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;KACzB,CAAC,CAAA;IAEF,OAAO,CACL,yCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,IACN,CAAC,YAAY,KAAK,KAAK,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;QAEnD,6BAAK,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC;YAChE,6BACE,GAAG,EAAE,KAAK,EACV,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,KAAK,CAAC,KAAK,GACtB;YACD,KAAK,KAAK,SAAS;gBAClB,4BACE,SAAS,EAAE,KAAK,CAAC,KAAK,IAErB,KAAK,CACH;YACN,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,MAAK,SAAS;gBAClC,oBAAC,MAAM,IACL,SAAS,EAAE,KAAK,CAAC,MAAM,IAEtB,WAAW,CAAC,QAAQ,CACd,CACP,CACJ,CACL,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/src/lib/components/ImageLink/style.module.css

@@ -0,0 +1,111 @@
+.classList {
+
+    margin-left: 0.25rem;
+
+    margin-right: 0.25rem;
+
+    margin-bottom: 0.5rem;
+
+    cursor: pointer;
+
+    overflow: hidden;
+
+    text-align: center
+}
+
+.classList:hover {
+
+    opacity: 0.5
+}
+
+@media (min-width: 768px) {
+
+    .classList {
+
+        margin-left: 0.25rem;
+
+        margin-right: 0.25rem;
+
+        margin-bottom: 0.5rem
+    }
+}
+
+@media (min-width: 1024px) {
+
+    .classList {
+
+        margin-left: 0.75rem;
+
+        margin-right: 0.75rem;
+
+        margin-bottom: 1.25rem
+    }
+}
+
+.rounded {
+
+    border-radius: 9999px
+}
+
+.title {
+
+    position: absolute;
+
+    left: 0px;
+
+    right: 0px;
+
+    top: 0px;
+
+    margin-top: 1rem;
+
+    --tw-bg-opacity: 1;
+
+    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+
+    padding-top: 0.5rem;
+
+    padding-bottom: 0.5rem;
+
+    text-align: center;
+
+    --tw-text-opacity: 1;
+
+    color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+
+.button {
+
+    position: absolute;
+
+    left: 0px;
+
+    right: 0px;
+
+    bottom: 0px;
+
+    margin-left: 2rem;
+
+    margin-right: 2rem;
+
+    margin-bottom: 1rem;
+
+    text-align: center
+}
+
+.image {
+
+    height: 100%;
+
+    width: 100%;
+
+    object-fit: cover
+}
+
+.wrapper {
+
+    position: relative;
+
+    overflow: hidden
+}
+/*# sourceMappingURL=style.module.css.map */

package/dist/src/lib/components/ImageLink/style.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/ImageLink/style.module.css"],"names":[],"mappings":"AACI;;IAAA,oBAA4G;;IAA5G,qBAA4G;;IAA5G,qBAA4G;;IAA5G,eAA4G;;IAA5G,gBAA4G;;IAA5G;AAA4G;;AAA5G;;IAAA;AAA4G;;AAA5G;;IAAA;;QAAA,oBAA4G;;QAA5G,qBAA4G;;QAA5G;IAA4G;AAAA;;AAA5G;;IAAA;;QAAA,oBAA4G;;QAA5G,qBAA4G;;QAA5G;IAA4G;AAAA;;AAI5G;;IAAA;AAAmB;;AAInB;;IAAA,kBAAyE;;IAAzE,SAAyE;;IAAzE,UAAyE;;IAAzE,QAAyE;;IAAzE,gBAAyE;;IAAzE,kBAAyE;;IAAzE,mDAAyE;;IAAzE,mBAAyE;;IAAzE,sBAAyE;;IAAzE,kBAAyE;;IAAzE,oBAAyE;;IAAzE;AAAyE;;AAIzE;;IAAA,kBAAwD;;IAAxD,SAAwD;;IAAxD,UAAwD;;IAAxD,WAAwD;;IAAxD,iBAAwD;;IAAxD,kBAAwD;;IAAxD,mBAAwD;;IAAxD;AAAwD;;AAIxD;;IAAA,YAAiC;;IAAjC,WAAiC;;IAAjC;AAAiC;;AAIjC;;IAAA,kBAA+B;;IAA/B;AAA+B","file":"style.module.css","sourcesContent":[".classList {\n    @apply cursor-pointer lg:mx-3 md:mx-1 mx-1 lg:mb-5 md:mb-2 mb-2 hover:opacity-50 overflow-hidden text-center;\n}\n\n.rounded {\n    @apply rounded-full;\n}\n\n.title {\n    @apply absolute bg-black text-white py-2 mt-4 top-0 inset-x-0 text-center;\n}\n\n.button {\n    @apply absolute mx-8 mb-4 bottom-0 inset-x-0 text-center;\n}\n\n.image {\n    @apply object-cover w-full h-full;\n}\n\n.wrapper {\n    @apply relative overflow-hidden;\n}"]}

package/dist/src/lib/components/ImageLinkList/ImageLinkList.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Props as imageLinkProps } from '../ImageLink/ImageLink';
+export interface Props {
+    id?: string;
+    className?: string;
+    items?: imageLinkProps[];
+}
+declare const ImageLinkList: ({ id, className, items }: Props) => JSX.Element;
+export default ImageLinkList;

package/dist/src/lib/components/ImageLinkList/ImageLinkList.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import ImageLink from '../ImageLink/ImageLink';
+import classNames from 'classnames';
+import style from './style.module.css';
+const ImageLinkList = ({ id, className, items }) => {
+    const classList = classNames(className, style.classList);
+    return (React.createElement("div", { id: id, className: classList }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
+        return (React.createElement(ImageLink, { key: `image_link_${i + 0}`, altText: item.altText, image: item.image, title: item.title }));
+    })));
+};
+export default ImageLinkList;
+//# sourceMappingURL=ImageLinkList.js.map

package/dist/src/lib/components/ImageLinkList/ImageLinkList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageLinkList.js","sourceRoot":"","sources":["../../../../../src/lib/components/ImageLinkList/ImageLinkList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAsC,MAAM,wBAAwB,CAAA;AAC3E,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAOtC,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACC,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,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"}

package/dist/src/lib/components/ImageLinkList/style.module.css

@@ -0,0 +1,14 @@
+.classList {
+    display: grid
+}
+@media (min-width: 640px) {
+    .classList {
+        grid-template-columns: repeat(2, minmax(0, 1fr))
+    }
+}
+@media (min-width: 768px) {
+    .classList {
+        grid-template-columns: repeat(4, minmax(0, 1fr))
+    }
+}
+/*# sourceMappingURL=style.module.css.map */

package/dist/src/lib/components/ImageLinkList/style.module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/components/ImageLinkList/style.module.css"],"names":[],"mappings":"AACI;IAAA;AAAyC;AAAzC;IAAA;QAAA;IAAyC;AAAA;AAAzC;IAAA;QAAA;IAAyC;AAAA","file":"style.module.css","sourcesContent":[".classList {\n    @apply grid md:grid-cols-4 sm:grid-cols-2;\n}"]}

package/dist/src/lib/components/InformationIcon/InformationIcon.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { Props as iconProps } from '../Icon/Icon';
+export interface Props {
+    id: string;
+    className?: string;
+    text?: string;
+    number: number;
+    bordered?: boolean;
+    rounded?: boolean;
+    withAnimation?: boolean;
+    iconProps?: iconProps;
+    theme?: 'dark' | 'light';
+}
+declare const InformationIcon: ({ id, className, text, number, bordered, rounded, withAnimation, iconProps, theme }: Props) => JSX.Element;
+export default InformationIcon;

package/dist/src/lib/components/InformationIcon/InformationIcon.js

@@ -0,0 +1,45 @@
+import React, { useEffect, useRef } from 'react';
+import Icon from '../Icon/Icon';
+import classNames from 'classnames';
+import style from './style.module.css';
+const InformationIcon = ({ id, className, text, number, bordered = false, rounded = false, withAnimation = false, iconProps, theme = 'light' }) => {
+    const colours = theme === 'dark' ? [style.dark] : [style.light];
+    const loaded = useRef(false);
+    useEffect(() => {
+        const element = document.getElementById(`${id}_number`);
+        const observer = new IntersectionObserver((entries, observer) => {
+            entries.forEach(entry => {
+                if (entry.intersectionRatio >= 0.1 && !loaded.current) {
+                    loaded.current = true;
+                    counterAnimation(document.getElementById(`${id}_number`), 0, number, 3000);
+                }
+            });
+        }, { threshold: 1 });
+        (element != null) && withAnimation && observer.observe(element);
+    }, []);
+    const classList = classNames({
+        border: bordered,
+        [style.rounded]: rounded
+    }, className, colours, style.classList);
+    const counterAnimation = (obj, start, end, duration) => {
+        let startTimestamp;
+        const step = (timestamp) => {
+            startTimestamp = timestamp;
+            const progress = Math.min((timestamp - startTimestamp) / duration, 1);
+            obj.innerHTML = Math.floor(progress * (end - start) + start);
+            if (progress < 1) {
+                window.requestAnimationFrame(step);
+            }
+        };
+        window.requestAnimationFrame(step);
+    };
+    return (React.createElement("div", { id: id, className: style.wrapperClassList },
+        React.createElement("div", { className: classList },
+            (iconProps != null) &&
+                React.createElement(Icon, Object.assign({}, iconProps)),
+            number !== undefined &&
+                React.createElement("p", null, number),
+            React.createElement("p", null, text))));
+};
+export default InformationIcon;
+//# sourceMappingURL=InformationIcon.js.map

package/dist/src/lib/components/InformationIcon/InformationIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InformationIcon.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIcon/InformationIcon.tsx"],"names":[],"mappings":"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"}