@kvdbil/components 15.0.54 → 15.0.55

package/cjs/components/Hero/index.js

@@ -27,21 +27,21 @@
   padding: 3rem 1.5rem;
   z-index: 1;
   flex: 1;
-`,$=o.default.iframe`
+`,c=o.default.iframe`
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
-`,c=e=>"number"==typeof e,u=e=>"string"==typeof e,p=o.default.div`
+`,$=e=>"number"==typeof e,u=e=>"string"==typeof e,p=o.default.div`
   width: 100%;
   min-height: 440px;
   display: flex;
   flex-direction: column;
   justify-content: center;
 
-  ${({$url:e,...t})=>e&&`\n    background: url('${e}');\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: ${(({$positionX:e,$positionY:t})=>{if(c(e)&&c(t))return`${e}% ${t}%`;if(u(e)&&u(t))return`${e} ${t}`;if(e||t)return`${(c(e)?`${e}%`:e)||"50%"} ${(c(t)?`${t}%`:t)||"50%"}`;return"50% 50%"})(t)};\n  `}
-`,m=o.default.div`
+  ${({$url:e,...t})=>e&&`\n    background: url('${e}');\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: ${(({$positionX:e,$positionY:t})=>{if($(e)&&$(t))return`${e}% ${t}%`;if(u(e)&&u(t))return`${e} ${t}`;if(e||t)return`${($(e)?`${e}%`:e)||"50%"} ${($(t)?`${t}%`:t)||"50%"}`;return"50% 50%"})(t)};\n  `}
+`,h=o.default.div`
   padding-left: 1rem;
   padding-right: 1rem;
   z-index: 2;
@@ -50,7 +50,7 @@
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
-`,h=o.default.div`
+`,m=o.default.div`
   ${({$centered:e})=>e&&"\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  "}
 
   ${({$maxWidth:e,$dynamicGutter:t})=>!t&&`\n    width: 100%;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: ${e}rem;\n  `}
@@ -71,4 +71,4 @@
   margin-top: 3rem;
 
   ${({$shadow:e,theme:t})=>e&&`box-shadow: ${t.elevations.elevation8};`}
-`;exports.default=({imageProps:t,imageElement:i,videoProps:n,children:r,align:o,direction:d,justify:c,contentMaxWidth:u=64,heading:y,headingColor:w="dark",subheading:b,button:v,dynamicGutter:j,isLoading:k=!1,contentCentered:q=!1,containerStyle:G,elementShadow:V=!1})=>{const{autoplay:_=0,controls:z=0,disablekb:C=0,end:E,loop:M=0,modestbranding:P=1,start:S=0,showInfo:W=0}=n?.ytConfig||{};return k?e.jsx(l,{"data-testid":"loader"}):e.jsx(a,{style:G,children:n?e.jsx($,{"data-testid":"hero-video",title:"video-frame",src:`${n.src}?disabledkb=${C}&autoplay=${_}&controls=${z}&loop=${M}&modestbranding=${P}&start=${S}&showInfo=${W}${E?`&end=${E}`:""}`,width:"100%",height:"100%",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):e.jsxs(p,{"data-testid":"hero-image",$positionX:i?void 0:t?.x,$positionY:i?void 0:t?.y,$url:i?void 0:t?.src,children:[i,e.jsxs(m,{children:[(y||b||v)&&e.jsxs(h,{$maxWidth:u,$dynamicGutter:j,$centered:q,children:[y&&e.jsx(f,{as:"h1",$color:w,$shadow:V,children:y}),b&&e.jsx(g,{$color:w,$shadow:V,children:b}),v&&e.jsx(x,{$shadow:V,children:v})]}),r&&e.jsx(s,{$pointerEvents:n?"none":"auto",$align:o||"flex-start",$direction:d||"column",$justify:c||"flex-start",children:r})]})]})})};
+`;exports.default=({imageProps:t,imageElement:i,videoProps:n,children:r,align:o,direction:d,justify:$,contentMaxWidth:u=64,heading:y,headingColor:w="dark",subheading:b,button:v,dynamicGutter:j,isLoading:k=!1,contentCentered:q=!1,containerStyle:G,elementShadow:V=!1,childrenNoWrapper:W=!1})=>{const{autoplay:_=0,controls:z=0,disablekb:C=0,end:E,loop:M=0,modestbranding:P=1,start:S=0,showInfo:F=0}=n?.ytConfig||{};return k?e.jsx(l,{"data-testid":"loader"}):e.jsx(a,{style:G,children:n?e.jsx(c,{"data-testid":"hero-video",title:"video-frame",src:`${n.src}?disabledkb=${C}&autoplay=${_}&controls=${z}&loop=${M}&modestbranding=${P}&start=${S}&showInfo=${F}${E?`&end=${E}`:""}`,width:"100%",height:"100%",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):e.jsxs(p,{"data-testid":"hero-image",$positionX:i?void 0:t?.x,$positionY:i?void 0:t?.y,$url:i?void 0:t?.src,children:[i,e.jsxs(h,{children:[(y||b||v)&&e.jsxs(m,{$maxWidth:u,$dynamicGutter:j,$centered:q,children:[y&&e.jsx(f,{as:"h1",$color:w,$shadow:V,children:y}),b&&e.jsx(g,{$color:w,$shadow:V,children:b}),v&&e.jsx(x,{$shadow:V,children:v})]}),r&&e.jsxs(e.Fragment,{children:[!W&&e.jsx(s,{$pointerEvents:n?"none":"auto",$align:o||"flex-start",$direction:d||"column",$justify:$||"flex-start",children:r}),W&&r]})]})]})})};

package/esm/components/Hero/index.js

@@ -1,9 +1,9 @@
-import{jsx as o,jsxs as c}from"react/jsx-runtime";import t,{keyframes as C}from"styled-components";import{Display3 as I,Title as P}from"../../typography/Heading/index.js";import{mq as m}from"../../shared/media-queries.js";const q=t.div`
+import{jsx as o,jsxs as a,Fragment as F}from"react/jsx-runtime";import t,{keyframes as I}from"styled-components";import{Display3 as Y,Title as q}from"../../typography/Heading/index.js";import{mq as m}from"../../shared/media-queries.js";const D=t.div`
   position: relative;
   min-height: 440px;
   display: flex;
   flex-direction: column;
-`,B=C`
+`,M=I`
   0% {
     background-color:#f5f5f5;
   }
@@ -14,11 +14,11 @@ import{jsx as o,jsxs as c}from"react/jsx-runtime";import t,{keyframes as C}from"
 
   100% {
     background-color:#f5f5f5;
-  }`,D=t.div`
+  }`,N=t.div`
   width: 100%;
   height: 440px;
-  animation: ${B} 2s linear infinite;
-`,F=t.div`
+  animation: ${M} 2s linear infinite;
+`,P=t.div`
   pointer-events: ${({$pointerEvents:e})=>e};
   display: flex;
   flex-direction: ${({$direction:e})=>e};
@@ -27,13 +27,13 @@ import{jsx as o,jsxs as c}from"react/jsx-runtime";import t,{keyframes as C}from"
   padding: 3rem 1.5rem;
   z-index: 1;
   flex: 1;
-`,M=t.iframe`
+`,T=t.iframe`
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
-`,a=e=>typeof e=="number",g=e=>typeof e=="string",T=({$positionX:e,$positionY:i})=>{if(a(e)&&a(i))return`${e}% ${i}%`;if(g(e)&&g(i))return`${e} ${i}`;if(e||i){const r=a(e)?`${e}%`:e,n=a(i)?`${i}%`:i;return`${r||"50%"} ${n||"50%"}`}return"50% 50%"},X=t.div`
+`,d=e=>typeof e=="number",f=e=>typeof e=="string",X=({$positionX:e,$positionY:i})=>{if(d(e)&&d(i))return`${e}% ${i}%`;if(f(e)&&f(i))return`${e} ${i}`;if(e||i){const r=d(e)?`${e}%`:e,n=d(i)?`${i}%`:i;return`${r||"50%"} ${n||"50%"}`}return"50% 50%"},A=t.div`
   width: 100%;
   min-height: 440px;
   display: flex;
@@ -44,9 +44,9 @@ import{jsx as o,jsxs as c}from"react/jsx-runtime";import t,{keyframes as C}from"
     background: url('${e}');
     background-repeat: no-repeat;
     background-size: cover;
-    background-position: ${T(i)};
+    background-position: ${X(i)};
   `}
-`,Y=t.div`
+`,B=t.div`
   padding-left: 1rem;
   padding-right: 1rem;
   z-index: 2;
@@ -55,7 +55,7 @@ import{jsx as o,jsxs as c}from"react/jsx-runtime";import t,{keyframes as C}from"
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
-`,A=t.div`
+`,H=t.div`
   ${({$centered:e})=>e&&`
     display: flex;
     flex-direction: column;
@@ -81,19 +81,19 @@ import{jsx as o,jsxs as c}from"react/jsx-runtime";import t,{keyframes as C}from"
       margin-right: ${e.laptopVw}vw;
     }
   `}
-`,H=t(I)`
+`,J=t(Y)`
   margin: 0;
   color: ${({$color:e,theme:i})=>i.colors.text[e]};
 
   ${({$shadow:e})=>e&&"text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.2);"}
-`,J=t(P)`
+`,L=t(q)`
   margin: 0.25rem 0;
   color: ${({$color:e,theme:i})=>i.colors.text[e]};
 
   ${({$shadow:e})=>e&&"text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.2);"}
-`,L=t.div`
+`,O=t.div`
   display: inline-block;
   margin-top: 3rem;
 
   ${({$shadow:e,theme:i})=>e&&`box-shadow: ${i.elevations.elevation8};`}
-`,N=({imageProps:e,imageElement:i,videoProps:r,children:n,align:f,direction:u,justify:x,contentMaxWidth:w=64,heading:d,headingColor:p="dark",subheading:l,button:$,dynamicGutter:y,isLoading:b=!1,contentCentered:v=!1,containerStyle:k,elementShadow:s=!1})=>{const{autoplay:j=0,controls:G=0,disablekb:z=0,end:h,loop:E=0,modestbranding:S=1,start:V=0,showInfo:W=0}=r?.ytConfig||{};return b?o(D,{"data-testid":"loader"}):o(q,{style:k,children:r?o(M,{"data-testid":"hero-video",title:"video-frame",src:`${r.src}?disabledkb=${z}&autoplay=${j}&controls=${G}&loop=${E}&modestbranding=${S}&start=${V}&showInfo=${W}${h?`&end=${h}`:""}`,width:"100%",height:"100%",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):c(X,{"data-testid":"hero-image",$positionX:i?void 0:e?.x,$positionY:i?void 0:e?.y,$url:i?void 0:e?.src,children:[i,c(Y,{children:[(d||l||$)&&c(A,{$maxWidth:w,$dynamicGutter:y,$centered:v,children:[d&&o(H,{as:"h1",$color:p,$shadow:s,children:d}),l&&o(J,{$color:p,$shadow:s,children:l}),$&&o(L,{$shadow:s,children:$})]}),n&&o(F,{$pointerEvents:r?"none":"auto",$align:f||"flex-start",$direction:u||"column",$justify:x||"flex-start",children:n})]})]})})};export{N as default};
+`,K=({imageProps:e,imageElement:i,videoProps:r,children:n,align:u,direction:x,justify:w,contentMaxWidth:b=64,heading:l,headingColor:p="dark",subheading:s,button:$,dynamicGutter:y,isLoading:v=!1,contentCentered:k=!1,containerStyle:j,elementShadow:c=!1,childrenNoWrapper:h=!1})=>{const{autoplay:G=0,controls:V=0,disablekb:W=0,end:g,loop:z=0,modestbranding:E=1,start:S=0,showInfo:C=0}=r?.ytConfig||{};return v?o(N,{"data-testid":"loader"}):o(D,{style:j,children:r?o(T,{"data-testid":"hero-video",title:"video-frame",src:`${r.src}?disabledkb=${W}&autoplay=${G}&controls=${V}&loop=${z}&modestbranding=${E}&start=${S}&showInfo=${C}${g?`&end=${g}`:""}`,width:"100%",height:"100%",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):a(A,{"data-testid":"hero-image",$positionX:i?void 0:e?.x,$positionY:i?void 0:e?.y,$url:i?void 0:e?.src,children:[i,a(B,{children:[(l||s||$)&&a(H,{$maxWidth:b,$dynamicGutter:y,$centered:k,children:[l&&o(J,{as:"h1",$color:p,$shadow:c,children:l}),s&&o(L,{$color:p,$shadow:c,children:s}),$&&o(O,{$shadow:c,children:$})]}),n&&a(F,{children:[!h&&o(P,{$pointerEvents:r?"none":"auto",$align:u||"flex-start",$direction:x||"column",$justify:w||"flex-start",children:n}),h&&n]})]})]})})};export{K as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kvdbil/components",
-  "version": "15.0.54",
+  "version": "15.0.55",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",

package/package.json.tmp

@@ -1,6 +1,6 @@
 {
   "name": "@kvdbil/components",
-  "version": "15.0.54",
+  "version": "15.0.55",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",

package/types/components/Hero/index.d.ts

@@ -47,6 +47,7 @@ export interface HeroProps {
     isLoading?: boolean;
     contentCentered?: boolean;
     elementShadow?: boolean;
+    childrenNoWrapper?: boolean;
 }
-declare const Hero: ({ imageProps, imageElement, videoProps, children, align, direction, justify, contentMaxWidth, heading, headingColor, subheading, button, dynamicGutter, isLoading, contentCentered, containerStyle, elementShadow, }: HeroProps) => import("react/jsx-runtime").JSX.Element;
+declare const Hero: ({ imageProps, imageElement, videoProps, children, align, direction, justify, contentMaxWidth, heading, headingColor, subheading, button, dynamicGutter, isLoading, contentCentered, containerStyle, elementShadow, childrenNoWrapper, }: HeroProps) => import("react/jsx-runtime").JSX.Element;
 export default Hero;