@iit/precision-ui 0.5.4 → 0.6.0

package/dist/sections/CardsGridSection.d.ts

@@ -2,6 +2,7 @@ import { SectionProps } from './Section';
 
 interface CardsGridSectionProps<T> {
     title: string;
+    sectionId?: string;
     desc?: string;
     items: T[];
     component?: string;
@@ -12,10 +13,10 @@ interface CardsGridSectionProps<T> {
     variant?: SectionProps['variant'];
     corners?: SectionProps['corners'];
     columns?: number;
-    showControlsOnDesktop?: boolean;
+    hideControlsOnDesktop?: boolean;
     withoutCarousel?: boolean;
     footnote?: string;
 }
-declare const CardsGridSection: <T>({ title, desc, items, component, withoutTopPadding, withTopMargin, withBottomMargin, withoutBottomPadding, variant, corners, columns, showControlsOnDesktop, withoutCarousel, footnote, }: CardsGridSectionProps<T>) => import("react/jsx-dev-runtime").JSX.Element;
+declare const CardsGridSection: <T>({ title, sectionId, desc, items, component, withoutTopPadding, withTopMargin, withBottomMargin, withoutBottomPadding, variant, corners, columns, hideControlsOnDesktop, withoutCarousel, footnote, }: CardsGridSectionProps<T>) => import("react/jsx-dev-runtime").JSX.Element;
 export default CardsGridSection;
 //# sourceMappingURL=CardsGridSection.d.ts.map

package/dist/sections/CardsGridSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardsGridSection.d.ts","sourceRoot":"","sources":["../../src/sections/CardsGridSection.tsx"],"names":[],"mappings":"AAAA,OAAgB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAqBjD,UAAU,qBAAqB,CAAC,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACjC,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,QAAA,MAAM,gBAAgB,iMAenB,sBAAsB,CAAC,CAAC,gDAwB1B,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"CardsGridSection.d.ts","sourceRoot":"","sources":["../../src/sections/CardsGridSection.tsx"],"names":[],"mappings":"AAAA,OAAgB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAqBjD,UAAU,qBAAqB,CAAC,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACjC,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,QAAA,MAAM,gBAAgB,4MAgBnB,sBAAsB,CAAC,CAAC,gDAyB1B,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/sections/Hero.d.ts

@@ -13,7 +13,9 @@ export interface HeroProps {
     breadcrumbs?: BreadcrumbProps[];
     bottomButtons?: CommonButtonProps[];
     size?: 'default' | 'small' | 'medium';
+    contentContainerSize?: 'default' | 'medium' | 'large';
     imageSize?: 'default' | 'small' | 'medium';
+    linesImage?: string;
 }
 export declare const HeroButton: React.FC<CommonButtonProps>;
 declare const Hero: React.FC<HeroProps>;

package/dist/sections/Hero.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../src/sections/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAe,MAAM,0BAA0B,CAAA;AAGvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAE5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAiDzB,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC7B,qBAAqB,CAAC,EAAE,aAAa,CAAA;IACrC,WAAW,CAAC,EAAE,eAAe,EAAE,CAAA;IAC/B,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAA;IACnC,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IACrC,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;CAC3C;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgDlD,CAAA;AA0BD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA2I7B,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../src/sections/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAe,MAAM,0BAA0B,CAAA;AAGvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAE5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAgEzB,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC7B,qBAAqB,CAAC,EAAE,aAAa,CAAA;IACrC,WAAW,CAAC,EAAE,eAAe,EAAE,CAAA;IAC/B,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAA;IACnC,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IACrC,oBAAoB,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;IACrD,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgDlD,CAAA;AA0BD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA4J7B,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/styles.css

@@ -147,6 +147,7 @@ meter {
     /* above not in Figma, for checked checkbox hover */
     --precision-ui-tw-grey-1: 0, 0%, 95%;
     --precision-ui-tw-grey-2: 0, 0%, 97%;
+    --precision-ui-tw-grey-3: 0, 0%, 85.1%;
     --precision-ui-tw-danger: 1, 88%, 50%;
     --precision-ui-tw-primary: 222.2 47.4% 11.2%;
     --precision-ui-tw-primary-foreground: 210 40% 98%;
@@ -199,6 +200,7 @@ meter {
     --precision-ui-tw-whitish-opacity-80: 0, 0%, 0%, 0.8;
     --precision-ui-tw-grey-1: 0, 0%, 10%;
     --precision-ui-tw-grey-2: 0, 0%, 5%;
+    --precision-ui-tw-grey-3: 0, 0%, 3%;
     --precision-ui-tw-danger: 1, 88%, 80%;
     --precision-ui-tw-primary: 222.2 47.4% 90%;
     --precision-ui-tw-primary-foreground: 210 40% 10%;
@@ -554,6 +556,9 @@ body{
 .-ml-4{
     margin-left: -1rem;
 }
+.-mt-3{
+    margin-top: -0.75rem;
+}
 .-mt-4{
     margin-top: -1rem;
 }
@@ -590,6 +595,9 @@ body{
 .mt-6{
     margin-top: 1.5rem;
 }
+.mt-8{
+    margin-top: 2rem;
+}
 .mt-\[128px\]{
     margin-top: 128px;
 }
@@ -620,8 +628,11 @@ body{
 .hidden{
     display: none;
 }
-.h-1{
-    height: 0.25rem;
+.h-0{
+    height: 0px;
+}
+.h-0\.5{
+    height: 0.125rem;
 }
 .h-10{
     height: 2.5rem;
@@ -740,15 +751,6 @@ body{
 .max-w-6xl{
     max-width: 72rem;
 }
-.max-w-\[460px\]{
-    max-width: 460px;
-}
-.max-w-\[694px\]{
-    max-width: 694px;
-}
-.max-w-\[800px\]{
-    max-width: 800px;
-}
 .max-w-\[900px\]{
     max-width: 900px;
 }
@@ -1017,6 +1019,9 @@ body{
 .border-b-navy-opacity-32{
     border-bottom-color: hsl(var(--precision-ui-tw-navy-opacity-32));
 }
+.border-b-transparent{
+    border-bottom-color: transparent;
+}
 .border-b-whitish-opacity-32{
     border-bottom-color: hsl(var(--precision-ui-tw-whitish-opacity-32));
 }
@@ -1046,12 +1051,16 @@ body{
     --precision-ui-tw-bg-opacity: 1;
     background-color: rgb(229 231 235 / var(--precision-ui-tw-bg-opacity));
 }
-.bg-grey-1{
-    background-color: hsl(var(--precision-ui-tw-grey-1));
+.bg-gray-300{
+    --precision-ui-tw-bg-opacity: 1;
+    background-color: rgb(209 213 219 / var(--precision-ui-tw-bg-opacity));
 }
 .bg-grey-2{
     background-color: hsl(var(--precision-ui-tw-grey-2));
 }
+.bg-grey-3{
+    background-color: hsl(var(--precision-ui-tw-grey-3));
+}
 .bg-navy{
     background-color: hsl(var(--precision-ui-tw-navy));
 }
@@ -1117,6 +1126,12 @@ body{
 .p-0{
     padding: 0px;
 }
+.p-1{
+    padding: 0.25rem;
+}
+.p-3{
+    padding: 0.75rem;
+}
 .p-4{
     padding: 1rem;
 }
@@ -1129,8 +1144,8 @@ body{
 .p-\[1px\]{
     padding: 1px;
 }
-.p-\[5px\]{
-    padding: 5px;
+.p-\[8px\]{
+    padding: 8px;
 }
 .px-3{
     padding-left: 0.75rem;
@@ -1223,6 +1238,9 @@ body{
 .pr-10{
     padding-right: 2.5rem;
 }
+.pr-16{
+    padding-right: 4rem;
+}
 .pr-2{
     padding-right: 0.5rem;
 }
@@ -1241,6 +1259,9 @@ body{
 .pt-10{
     padding-top: 2.5rem;
 }
+.pt-3{
+    padding-top: 0.75rem;
+}
 .pt-4{
     padding-top: 1rem;
 }
@@ -1350,6 +1371,9 @@ body{
 .underline-offset-4{
     text-underline-offset: 4px;
 }
+.opacity-40{
+    opacity: 0.4;
+}
 .opacity-50{
     opacity: 0.5;
 }
@@ -2046,10 +2070,67 @@ html {
     transform: translatey(0px) perspective(400px) rotate3d(1, -1, 0, -8deg);
   }
 }
+@keyframes float2 {
+  0% {
+    transform: translatey(0px) perspective(400px) scale(1.2);
+  }
+  50% {
+    transform: translatey(-15px) perspective(400px) scale(1.2);
+  }
+  100% {
+    transform: translatey(0px) perspective(400px) scale(1.2);
+  }
+  0%, 100% {
+    opacity: 0;
+  }
+  30%, 70% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 1;
+  }
+  0% {
+    transform: translateX(-50px);
+  }
+  100% {
+    transform: translateX(50px);
+  }
+}
 .floating {
   animation: float 6s ease-in-out infinite;
   /* animation-delay: 1s; */
 }
+@keyframes slowBlinkFadeAndSoar {
+  0%, 100% {
+    opacity: 0;
+  }
+  30%, 70% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 1;
+  }
+  0% {
+    transform: translateX(-20px);
+  }
+  100% {
+    transform: translateX(20px);
+  }
+}
+.fadeLines {
+  /* animation: slowBlinkFadeAndSoar 6s infinite ease-in-out alternate; */
+  /* animation: slowBlinkFadeAndSoar 6s infinite ease-in-out alternate-reverse; */
+  animation: float2 6s infinite ease-in-out alternate;
+}
+@keyframes blink {
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+}
+.animate-blink {
+  animation: blink 3s infinite;
+}
 .file\:border-0::file-selector-button{
     border-width: 0px;
 }
@@ -2106,6 +2187,9 @@ html {
     --precision-ui-tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--precision-ui-tw-bg-opacity));
 }
+.hover\:bg-whitish:hover{
+    background-color: hsl(var(--precision-ui-tw-whitish));
+}
 .hover\:bg-whitish-opacity-16:hover{
     background-color: hsl(var(--precision-ui-tw-whitish-opacity-16));
 }
@@ -2129,6 +2213,10 @@ html {
 .hover\:text-navy:hover{
     color: hsl(var(--precision-ui-tw-navy));
 }
+.hover\:text-white:hover{
+    --precision-ui-tw-text-opacity: 1;
+    color: rgb(255 255 255 / var(--precision-ui-tw-text-opacity));
+}
 .hover\:text-whitish-opacity-60:hover{
     color: hsl(var(--precision-ui-tw-whitish-opacity-60));
 }
@@ -2138,6 +2226,9 @@ html {
 .hover\:opacity-100:hover{
     opacity: 1;
 }
+.hover\:opacity-60:hover{
+    opacity: 0.6;
+}
 .focus\:border-navy:focus{
     border-color: hsl(var(--precision-ui-tw-navy));
 }
@@ -2326,6 +2417,9 @@ html {
     .sm\:col-span-3{
         grid-column: span 3 / span 3;
     }
+    .sm\:col-span-4{
+        grid-column: span 4 / span 4;
+    }
     .sm\:mt-6{
         margin-top: 1.5rem;
     }
@@ -2394,8 +2488,8 @@ html {
     }
 }
 @media (min-width: 768px){
-    .md\:max-w-3xl{
-        max-width: 48rem;
+    .md\:max-w-2xl{
+        max-width: 42rem;
     }
     .md\:basis-1\/2{
         flex-basis: 50%;
@@ -2405,6 +2499,27 @@ html {
     .lg\:block{
         display: block;
     }
+    .lg\:hidden{
+        display: none;
+    }
+    .lg\:max-w-2xl{
+        max-width: 42rem;
+    }
+    .lg\:max-w-5xl{
+        max-width: 64rem;
+    }
+    .lg\:max-w-\[370px\]{
+        max-width: 370px;
+    }
+    .lg\:max-w-\[460px\]{
+        max-width: 460px;
+    }
+    .lg\:max-w-\[590px\]{
+        max-width: 590px;
+    }
+    .lg\:max-w-\[700px\]{
+        max-width: 700px;
+    }
     .lg\:max-w-sm{
         max-width: 24rem;
     }

package/package.json

@@ -13,7 +13,7 @@
     "type": "git",
     "url": "git+https://github.com/wowxoxo/precision-ui.git"
   },
-  "version": "0.5.4",
+  "version": "0.6.0",
   "type": "module",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",