@hellobetterdigitalnz/selwynui 0.0.1-8 → 0.0.1-80

package/src/Components/Layout/HeroBanner/HeroBanner.tsx

@@ -16,7 +16,7 @@ const HeroBanner = (props : HeroBannerProps) => {
     ${pillar ? `${pillar}` : ""}
     `}
     >
-      <Container>
+      <Container border={false}>
         <div className={styles.heroWrapper}>
           <div className={styles.content}>
             <h1>{title} <span>{boldTitle}</span></h1>
@@ -43,7 +43,7 @@ const HeroBanner = (props : HeroBannerProps) => {
     ${pillar ? `${pillar}` : ""}
     `}
     >
-      <Container>
+      <Container border={false}>
         <div className={styles.heroWrapper}>
           <div className={styles.content}>
             <h1>{title} <span>{boldTitle}</span></h1>
@@ -71,16 +71,16 @@ const HeroBanner = (props : HeroBannerProps) => {
   >
     <div className={styles.heroImg}>
       <img src={backgroundImg} alt="hero banner" />
+      <div className={styles.heroSvg}>
+        <LargeHeroIcon/>
+      </div>
     </div>
-    <Container>
+    <Container border={false}>
       <div className={styles.heroWrapper}>
         <h1>{title} <span>{boldTitle}</span></h1>
         {description && <p>{description}</p>}
       </div>
     </Container>
-    <div className={styles.heroSvg}>
-      <LargeHeroIcon/>
-    </div>
   </div>
 }
 

package/src/Components/Layout/HeroBanner/heroBanner.module.scss

@@ -3,7 +3,8 @@
 
   &Large{
     position: relative;
-    min-height: 90vh;
+    min-height: 494px;
+    overflow-x: hidden;
 
     .heroImg{
       position: absolute;
@@ -11,7 +12,7 @@
       right: 0;
       top: 0;
       bottom: 0;
-      border-radius: 0 0 366px 0;
+      border-radius: 0 0 76.25px 0;
       overflow: hidden;
       background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 41.35%), linear-gradient(0deg, rgba(124, 132, 123, 0.05) 0%, rgba(124, 132, 123, 0.05) 100%), #000;
 
@@ -29,15 +30,15 @@
       z-index: 10;
       width: 100%;
       height: 100%;
-      padding-top: 112px;
+      padding-top: 104px;
       color: var(--color-text);
 
       h1{
         max-width: 898px;
-        font-size: var(--font-size-h1);
+        font-size: 44px;
         line-height: 1;
         font-weight: 400;
-        letter-spacing: -7.68px;
+        letter-spacing: -1.76px;
 
         span{
           font-weight: 700;
@@ -52,7 +53,7 @@
       z-index: 5;
       left: 0;
       bottom: 0;
-      height: 340px;
+      height: 165px;
     }
 
   }
@@ -136,6 +137,8 @@
 
   &Small{
     position: relative;
+    min-height: 600px;
+    overflow-x: hidden;
 
     .heroWrapper{
       display: flex;
@@ -210,6 +213,28 @@
 
   @media screen and (min-width: 992px) {
 
+    &Large{
+      min-height: 100vh;
+
+      .heroImg{
+        border-radius: 0 0 366px 0;
+      }
+
+      .heroWrapper{
+        h1{
+          font-size: var(--font-size-h1);
+          letter-spacing: -1.68px;
+        }
+
+        padding-top: 207px;
+      }
+
+      .heroSvg{
+        height: 340px;
+      }
+
+    }
+
     &Medium{
       .heroWrapper{
 
@@ -250,4 +275,15 @@
 
   }
 
+  @media screen and (min-width: 1400px) {
+    &Large{
+      .heroWrapper{
+        h1{
+          letter-spacing: -7.68px;
+        }
+
+      }
+    }
+  }
+
 }

package/src/Components/Layout/index.ts

@@ -27,5 +27,14 @@ export { default as HeroBanner } from './HeroBanner/HeroBanner';
 export type { default as HeroBannerProps } from './HeroBanner/HeroBannerProps';
 
 // Megamenu
-export { default as MegaMenu} from './Header/MegaMenu/MegaMenu.tsx'
-export type { default as MegaMenuProps } from './Header/MegaMenu/MegaMenuProps.tsx'
+export { default as MegaMenu} from './Header/MegaMenu/MegaMenu'
+export type { default as MegaMenuProps } from './Header/MegaMenu/MegaMenuProps'
+
+//MobileNavigation
+export { default as MobileNavigation } from './Header/MobileNavigation/MobileNavigation'
+export { default as MobileNavigationItem} from './Header/MobileNavigation/MobileNavigationItem'
+
+
+//MobileNavigation
+export { default as MobileSubNavigation } from './Header/MobileNavigation/MobileSubNavigation/MobileSubNavigation'
+export { default as MobileSubNavigationItem } from './Header/MobileNavigation/MobileSubNavigation/MobileSubNavigationItem'

package/src/Components/SelwynUIProvider/SelwynUIContext.tsx

@@ -0,0 +1,16 @@
+import { createContext, ReactNode } from "react";
+interface SkopeUIContextType {
+  modalStack: ReactNode[];
+  openModal: (modal: React.ReactNode) => void;
+  closeModal: () => void;
+  closeAllModals: () => void;
+}
+
+const SelwynUIContext = createContext<SkopeUIContextType>({
+  modalStack: [],
+  openModal: () => {},
+  closeModal: () => {},
+  closeAllModals: () => {},
+});
+
+export default SelwynUIContext;

package/src/Components/SelwynUIProvider/SelwynUIProvider.tsx

@@ -0,0 +1,46 @@
+import React, { FC, ReactNode, useState } from "react";
+import SelwynUIContext from "./SelwynUIContext.tsx";
+
+interface SelwynUIProviderProps {
+  children: ReactNode;
+}
+
+const SelwynUIProvider: FC<SelwynUIProviderProps> = (props : SelwynUIProviderProps) => {
+  const { children } = props;
+
+  const [modalStack, setModalStack] = useState<React.ReactNode[]>([]);
+  const openModal = (modal: React.ReactNode) => {
+    setModalStack((prevStack) => [...prevStack, modal]);
+    console.log('hello')
+  };
+
+  const closeModal = () => {
+    setModalStack((prevStack) => prevStack.slice(0, -1));
+
+  };
+
+  const closeAllModals = () => {
+    setModalStack([]);
+  };
+
+
+  return (
+    <SelwynUIContext.Provider
+      value={{
+        modalStack,
+        openModal,
+        closeModal,
+        closeAllModals,
+      }}
+    >
+        <>
+          {children}
+          {modalStack.map((modal, index) => (
+            <React.Fragment key={index}>{modal}</React.Fragment>
+          ))}
+        </>
+    </SelwynUIContext.Provider>
+  );
+};
+
+export default SelwynUIProvider;

package/src/Components/SelwynUIProvider/index.ts

@@ -0,0 +1,2 @@
+export { default as SelwynUIProvider } from './SelwynUIProvider.tsx';
+export { default as SelwynUIContext } from './SelwynUIContext.tsx';

package/src/Components/Shared/Container/Container.tsx

@@ -1,19 +1,29 @@
 import styles from "./container.module.scss";
 import ContainerProps from "./ContainerProps.tsx";
 import cslx from "clsx";
-const Container = (props : ContainerProps) =>{
-
-  const {children, type="default"} = props
 
+const Container = (props: ContainerProps) => {
+  const { children, type = "default", border = true, spaceTop, spaceBottom } = props;
   const className = cslx(
     styles.container,
     {
       [styles.default]: type === "default",
-    })
+      [styles.simpleForm]: type === "simpleForm",
+      [styles.footer]: type === "footer",
+      [styles.hasBorder]: border,
+      [styles[`space-${spaceTop}`]]: spaceTop,
+      [styles[`space-${spaceBottom}`]]: spaceBottom,
+    }
+  );
 
-  return <div className={className}>
-    {children}
-  </div>;
-}
+  return (
+    <div className={className}>
+      {border && <div className={styles.border}></div>}
+     <div className={styles.containerInner}>
+       {children}
+     </div>
+    </div>
+  );
+};
 
-export default Container
+export default Container;

package/src/Components/Shared/Container/ContainerProps.tsx

@@ -1,8 +1,13 @@
 import {ReactNode} from "react";
 
+type SpacingOption = "none" | "xsm" |"sm" | "md" | "lg" | "xl"
+
 interface ContainerProps {
   children?: ReactNode
-  type?: "default"
+  type?: "default" | "simpleForm" | "footer"
+  border?:boolean;
+  spaceTop?: SpacingOption
+  spaceBottom?: SpacingOption
 }
 
-export default ContainerProps
+export default ContainerProps;

package/src/Components/Shared/Container/container.module.scss

@@ -1,13 +1,65 @@
 .container {
-    padding: 0px 16px 0 16px;
-    margin: 0px auto;
+  padding: 0px 16px 0 16px;
+  margin: 0px auto;
+
+  &.default {
+    max-width: 1520px;
+  }
+
+  &.simpleForm {
+    max-width: 1520px;
+
+    .border {
+      margin-right: 0;
+    }
+  }
+
+  &.footer {
+    max-width: 1448px;
+  }
+
+  .border {
+    width: 1px;
+    background: var(--color-block-text);
+    margin-right: 32px;
+    flex-shrink: 0;
+    margin-top: -150px;
+    margin-bottom: -150px;
+    display: none;
+  }
 
-  &.default{
-    max-width: 1432px;
+  &.hasBorder {
+    display: flex;
+
+    .containerInner{
+      flex: 1;
+      min-width: 0;
+    }
+
+  }
+
+  @media screen and (min-width: 992px) {
+    .border {
+      display: block;
+    }
+
+    &.simpleForm {
+      .border {
+        margin-right: 45px;
+      }
+    }
   }
 
-   @media screen and (min-width: 1748px) {
-       padding: 0px 16px 0 16px;
-   }
+
+  @media screen and (min-width: 1748px) {
+    padding: 0px 16px 0 16px;
+
+    &.simpleForm {
+      .border {
+        margin-right: 96px;
+      }
+    }
+
+  }
 
 }

package/src/Components/Shared/ElementHolder/ElementHolderProps.tsx

@@ -1,6 +1,6 @@
 import { ReactNode } from "react"
 
-type SpacingOption = "none" | "sm" | "md" | "lg"
+type SpacingOption = "none" | "xsm" |"sm" | "md" | "lg" | "xl"
 
 interface ElementHolderProps {
     children?: ReactNode

package/src/Components/Shared/ElementHolder/elementHolder.module.scss

@@ -2,9 +2,10 @@
     background-color: var(--color-block-bg);
     color: var(--color-block-text);
     position: relative;
+    overflow: hidden;
     
     &Inner {
-        position: relative;
+        //position: relative;
         z-index: 1;
     }
 
@@ -14,19 +15,23 @@
     }
 
     &--pt-xsm {
-        padding-top: 72px;
+        padding-top: 40px;
     }
 
     &--pt-sm {
-        padding-top: 90px;
+        padding-top: 48px;
     }
 
     &--pt-md {
-        padding-top: 120px;
+        padding-top: 90px;
     }
 
     &--pt-lg {
-        padding-top: 144px;
+        padding-top: 120px;
+    }
+
+    &--pt-xl {
+      padding-bottom: 144px;
     }
 
     // Padding Bottom

package/src/Components/Shared/PillarIcon/PillarIcon.tsx

@@ -4,7 +4,7 @@ const PillarIcon = ({ pillar }: PillarIconsProps) => {
 
   if (pillar === 'visit') {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" width="935" height="930" viewBox="0 0 935 930" fill="none">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 935 930" fill="none">
         <g opacity="0.03">
           <path d="M454.02 0C203.235 0 0 202.405 0 452.165H454.02V0Z" fill="currentColor"/>
           <path d="M454.02 477.687C203.235 477.687 2.51136e-06 680.092 2.51136e-06 929.852H454.02V477.687Z" fill="currentColor"/>
@@ -16,7 +16,7 @@ const PillarIcon = ({ pillar }: PillarIconsProps) => {
   }
   if (pillar === 'live') {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" width="935" height="935" viewBox="0 0 935 935" fill="none">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 935 935" fill="none">
         <g opacity="0.03">
           <path d="M481.047 480.4C481.047 731.423 684.334 935 935 935V480.4H481.047Z" fill="currentColor"/>
           <path d="M935 454.749C935 203.725 731.713 0.148275 481.047 0.148275V454.749H935Z" fill="currentColor"/>
@@ -28,7 +28,7 @@ const PillarIcon = ({ pillar }: PillarIconsProps) => {
   }
   if (pillar === 'business') {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" width="938" height="935" viewBox="0 0 938 935" fill="none">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 938 935" fill="none">
         <g opacity="0.04">
           <path d="M938 480.48C686.479 480.48 482.528 684.005 482.528 935H938V480.48Z" fill="currentColor"/>
           <path d="M938 0.296748C686.479 0.296748 482.528 203.822 482.528 454.817H938V0.296748Z" fill="currentColor"/>
@@ -40,7 +40,7 @@ const PillarIcon = ({ pillar }: PillarIconsProps) => {
   }
   if (pillar === 'participate') {
     return (
-      <svg xmlns="http://www.w3.org/2000/svg" width="937" height="934" viewBox="0 0 937 934" fill="none">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 937 934" fill="none">
         <g opacity="0.08">
           <path d="M4.35945e-07 454.114C251.202 454.114 454.924 250.755 454.924 0H4.35945e-07V454.114Z" fill="currentColor"/>
           <path d="M454.924 933.852C454.924 683.097 251.202 479.738 0 479.738V933.852H454.924Z" fill="currentColor"/>
@@ -51,7 +51,16 @@ const PillarIcon = ({ pillar }: PillarIconsProps) => {
     );
   }
   if (pillar === 'taste') {
-    return <div className="pillarIcon taste"></div>;
+    return (
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 937 932" fill="none">
+      <g opacity="0.03">
+      <path d="M482.009 931.935C733.33 931.935 937 729.109 937 478.829L482.009 478.829L482.009 931.935Z" fill="currentColor"/>
+      <path d="M482.009 453.254C733.33 453.254 937 250.428 937 0.148132L482.009 0.148093L482.009 453.254Z" fill="currentColor"/>
+      <path d="M454.991 931.787C203.67 931.787 1.77446e-05 728.961 3.96247e-05 478.681L454.991 478.681L454.991 931.787Z" fill="currentColor"/>
+      <path d="M454.991 453.106C203.67 453.106 5.95921e-05 250.28 8.14723e-05 -2.088e-05L454.991 1.88966e-05L454.991 453.106Z" fill="currentColor"/>
+      </g>
+      </svg>
+    );
   }
 };
 

package/src/Components/Shared/PillarLogo/PillarLogo.tsx

@@ -40,7 +40,7 @@ const PillarLogo = ({brandPillar = 'visit', brandFullLogo } : PillarLogoProps) =
 
     if(brandFullLogo){
       return  <svg xmlns="http://www.w3.org/2000/svg" width="203" height="67" viewBox="0 0 203 67" fill="none">
-        <g clip-path="url(#clip0_4713_9167)">
+        <g clipPath="url(#clip0_4713_9167)">
           <path d="M73.0897 25.7691V-0.1875H82.2102C87.9893 -0.1875 91.3306 2.21193 91.3306 6.75821C91.3306 9.15764 89.5143 11.6251 87.2997 12.2856C90.4953 13.0822 92.4961 15.4525 92.4961 18.5028C92.4961 23.2628 89.116 25.7691 83.3757 25.7691H73.0897ZM82.3947 11.2656C86.2507 11.2656 88.1739 9.63364 88.1739 6.79707C88.1739 3.9605 86.2799 2.35764 82.4336 2.35764H76.1784V11.2656H82.3947ZM76.1784 23.2239H83.23C87.1929 23.2239 89.3686 21.4754 89.3686 18.5028C89.3686 15.5302 87.1152 13.7039 83.1523 13.7039H76.1784V23.2239Z" fill="currentColor"/>
           <path d="M106.454 25.7691V22.4565C105.579 24.7491 103.404 26.1965 100.636 26.1965C96.4882 26.1965 94.1668 23.6902 94.1668 19.2508V7.47707H97.2166V18.6776C97.2166 22.0582 98.6347 23.8359 101.51 23.8359C104.385 23.8359 106.347 21.9416 106.347 17.5508V7.47707H109.397V25.7594H106.454V25.7691Z" fill="currentColor"/>
           <path d="M114.127 20.3485C114.35 22.8548 116.672 23.9136 119.139 23.9136C121.606 23.9136 123.461 22.7479 123.461 20.7856C123.461 19.4451 122.587 18.5708 120.265 18.1336L117.031 17.4828C114.088 16.9388 111.941 15.7342 111.941 12.5382C111.941 9.34221 114.7 7.04964 118.74 7.04964C122.781 7.04964 125.539 8.86621 125.899 12.3245H123.102C122.888 10.4691 121.246 9.38107 118.74 9.38107C116.235 9.38107 114.739 10.5856 114.739 12.3634C114.739 13.9274 115.827 14.5782 117.934 14.9765L121.567 15.6662C124.549 16.2491 126.287 17.7062 126.287 20.6496C126.287 23.8456 123.267 26.2159 119.168 26.2159C114.807 26.2159 111.533 24.2925 111.203 20.3582H114.107L114.127 20.3485Z" fill="currentColor"/>
@@ -80,7 +80,7 @@ const PillarLogo = ({brandPillar = 'visit', brandFullLogo } : PillarLogoProps) =
 
     if(brandFullLogo){
       return <svg xmlns="http://www.w3.org/2000/svg" width="193" height="66" viewBox="0 0 193 66" fill="none">
-        <g clip-path="url(#clip0_4713_9228)">
+        <g clipPath="url(#clip0_4713_9228)">
           <path d="M72.0742 -0.136921H75.1563V22.8348H88.9107V25.4074H72.0742V-0.146484V-0.136921Z" fill="currentColor"/>
           <path d="M91.6291 0.0447881H94.9983V3.65982H91.6291V0.0447881ZM91.8492 7.41831H94.826V25.417H91.8492V7.41831Z" fill="currentColor"/>
           <path d="M97.4007 7.41831H100.445L106.245 22.481H106.321L111.873 7.41831H114.85L107.939 25.417H104.608L97.4103 7.41831H97.4007Z" fill="currentColor"/>

package/src/Components/index.ts

@@ -3,3 +3,4 @@ export * from './Form'
 export * from './Icons'
 export * from './Layout'
 export * from './Shared'
+export * from './SelwynUIProvider'

package/dist/App.d.ts

@@ -1,2 +0,0 @@
-declare function App(): import("react/jsx-runtime").JSX.Element;
-export default App;

package/dist/Components/DataDisplay/DetailsCard/DetailsCard.d.ts

@@ -1,3 +0,0 @@
-import { default as DetailsCardProps } from './DetailsCardProps';
-declare const DetailsCard: (props: DetailsCardProps) => import("react/jsx-runtime").JSX.Element;
-export default DetailsCard;

package/dist/Components/DataDisplay/DetailsCard/DetailsCardProps.d.ts

@@ -1,10 +0,0 @@
-interface DetailsCardProps {
-    title?: string;
-    description?: string;
-    date?: string;
-    link?: string;
-    image?: string;
-    variation?: "long" | "short";
-    category?: 'all' | 'adventure' | 'ski' | 'nature';
-}
-export default DetailsCardProps;

package/dist/Components/DataDisplay/ImageContent/ImageContent.d.ts

@@ -1,3 +0,0 @@
-import { default as ImageContentProps } from './ImageContentProps.tsx';
-declare const ImageContent: (props: ImageContentProps) => import("react/jsx-runtime").JSX.Element;
-export default ImageContent;

package/dist/Components/DataDisplay/ImageContent/ImageContentMaskingImages.d.ts

@@ -1,2 +0,0 @@
-declare const ImageContentClip: ({ pillar, single, setOfFour, width, height }: any) => import("react/jsx-runtime").JSX.Element;
-export default ImageContentClip;

package/dist/Components/DataDisplay/ImageContent/ImageContentProps.d.ts

@@ -1,27 +0,0 @@
-import { ReactNode } from 'react';
-export type PillarType = "main" | "live" | "visit" | "taste" | "business" | "participate";
-export type RenditionType = "full" | "contained" | "masked";
-export interface ImageSet {
-    single?: string;
-    setOfFour?: [string, string, string, string];
-}
-export interface Item {
-    id?: number;
-    label?: string;
-}
-export interface ImageContentProps {
-    level?: "primary" | "secondary" | "light";
-    pillar?: PillarType;
-    displayFullLogo?: boolean;
-    displayIconWithTitle?: boolean;
-    pillarTitle?: string;
-    title?: string;
-    content?: ReactNode;
-    action?: ReactNode;
-    images?: ImageSet;
-    alignment?: 'left' | 'right';
-    imageBorder?: 'top' | 'bottom';
-    rendition?: RenditionType;
-    list?: Item[];
-}
-export default ImageContentProps;

package/dist/Components/DataDisplay/IntroBlock/IntroBlock.d.ts

@@ -1,3 +0,0 @@
-import { default as IntroBlockProps } from './IntroBlockProps';
-declare const IntroBlock: (props: IntroBlockProps) => import("react/jsx-runtime").JSX.Element;
-export default IntroBlock;

package/dist/Components/DataDisplay/IntroBlock/IntroBlockProps.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-interface IntroBlockProps {
-    introHeading?: string;
-    introText?: string;
-    children?: ReactNode;
-    extraClass?: string;
-}
-export default IntroBlockProps;

package/dist/Components/DataDisplay/KPIBlock/KPIBlock.d.ts

@@ -1,3 +0,0 @@
-import { default as KPIBlockProps } from './KPIBlockProps.tsx';
-declare const KPIBlock: (props: KPIBlockProps) => import("react/jsx-runtime").JSX.Element;
-export default KPIBlock;

package/dist/Components/DataDisplay/KPIBlock/KPIBlockProps.d.ts

@@ -1,11 +0,0 @@
-interface KPIItem {
-    value: string;
-    description: string;
-}
-interface KPIBlockProps {
-    title?: string;
-    description?: string;
-    stats?: KPIItem[];
-    pillar?: 'visit' | 'live' | 'business' | 'participate' | 'taste' | 'main';
-}
-export default KPIBlockProps;

package/dist/Components/DataDisplay/Pathway/Pathway.d.ts

@@ -1,3 +0,0 @@
-import { default as PathwayProps } from './PathwayProps';
-declare const Pathway: (props: PathwayProps) => import("react/jsx-runtime").JSX.Element;
-export default Pathway;

package/dist/Components/DataDisplay/Pathway/PathwayProps.d.ts

@@ -1,15 +0,0 @@
-export interface Card {
-    title: string;
-    link: string;
-    image: string;
-    category?: 'adventure' | 'ski' | 'nature';
-}
-interface PathwayProps {
-    title?: string;
-    description?: string;
-    variation?: 'grid' | 'carousel';
-    link?: string;
-    cards?: Card[];
-    filters?: string[];
-}
-export default PathwayProps;

package/dist/Components/DataDisplay/PromoBannerBlock/PromoBannerBlock.d.ts

@@ -1,3 +0,0 @@
-import { default as PromoBannerBlockProps } from './PromoBannerBlockProps';
-declare const PromoBannerBlock: (props: PromoBannerBlockProps) => import("react/jsx-runtime").JSX.Element;
-export default PromoBannerBlock;

package/dist/Components/DataDisplay/PromoBannerBlock/PromoBannerBlockProps.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-interface PromoBannerBlockProps {
-    IntroTitle?: string;
-    IntroText?: string;
-    BrandPiller?: string;
-    PillerTitle?: 'Visit' | 'Live' | 'Business' | 'Participate' | 'Taste' | 'Main';
-    Title?: string;
-    BoldTitle?: string;
-    Content?: string;
-    Image?: string;
-    Button?: ReactNode;
-    extraClass?: string;
-}
-export default PromoBannerBlockProps;

package/dist/Components/DataDisplay/PromoBannerBlock/promo-banner-bg-design.d.ts

@@ -1,2 +0,0 @@
-declare const PromoBannerBgDesign: () => import("react/jsx-runtime").JSX.Element;
-export default PromoBannerBgDesign;

package/dist/Components/DataDisplay/index.d.ts

@@ -1,10 +0,0 @@
-export { default as DetailsCard } from './DetailsCard/DetailsCard';
-export type { default as DetailsCardProps } from './DetailsCard/DetailsCardProps';
-export { default as IntroBlock } from './IntroBlock/IntroBlock';
-export type { default as IntroBlockProps } from './IntroBlock/IntroBlockProps';
-export { default as KPIBlock } from './KPIBlock/KPIBlock';
-export type { default as KPIBlockProps } from './KPIBlock/KPIBlockProps';
-export { default as Pathway } from './Pathway/Pathway';
-export type { default as PathwayProps } from './Pathway/PathwayProps';
-export { default as PromoBannerBlock } from './PromoBannerBlock/PromoBannerBlock';
-export type { default as PromoBannerBlockProps } from './PromoBannerBlock/PromoBannerBlockProps';

package/dist/Components/Form/Button/Button.d.ts

@@ -1,3 +0,0 @@
-import { default as ButtonProps } from './ButtonProps';
-declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default Button;

package/dist/Components/Form/Button/ButtonProps.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-interface ButtonProps {
-    type?: "button";
-    size?: "default" | "large" | "small";
-    style?: "solid" | "hollow";
-    label: string;
-    piller?: 'visit' | 'live' | 'business' | 'participate' | 'taste' | 'main';
-    level?: "primary" | "secondary" | "light";
-    icon?: ReactNode;
-    onClick?: () => void;
-    onHover?: () => void;
-    onFocus?: () => void;
-}
-export default ButtonProps;

package/dist/Components/Form/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Button } from './Button/Button';
-export type { default as ButtonProps } from './Button/ButtonProps';