@kvdbil/components 10.3.0 → 11.1.0

package/cjs/components/Breadcrumbs/BreadcrumbsItem.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),l=require("../../typography/BodyText/index.js");function r(f){return f&&typeof f=="object"&&"default"in f?f:{default:f}}require("../../shared/media-queries.js");var a=r(e),n=r(t);const o=n.default.li`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),l=require("../../typography/BodyText/index.js");function r(f){return f&&typeof f=="object"&&"default"in f?f:{default:f}}require("../../shared/media-queries.js");var n=r(e),o=r(t);const a=o.default.li`
   display: flex;
   align-items: center;
   margin: 0;
@@ -14,23 +14,23 @@
     overflow: hidden;
     text-overflow: ellipsis;
   }
-`,i=n.default(l.BodyText)`
+`,i=o.default(l.BodyText)`
   color: ${({theme:f})=>f.colors.text.dark};
   overflow: hidden;
   text-overflow: ellipsis;
-`,d=n.default.span`
+`,d=o.default.span`
   display: inline-flex;
   padding-right: 0.5rem;
   svg {
     width: 1rem;
     height: 1rem;
   }
-`,s=n.default.span`
+`,s=o.default.span`
   display: inline-flex;
   padding: 0 0.5rem;
   color: ${({theme:f})=>f.colors.gray.light1};
   svg {
-    width: 0.75rem;
-    height: 0.75rem;
+    width: 1rem;
+    height: 1rem;
   }
-`;exports.default=({link:f,separator:u,isLast:c})=>a.default.createElement(a.default.Fragment,null,a.default.createElement(o,null,f.prefixIcon&&a.default.createElement(d,null,f.prefixIcon),c?a.default.createElement(i,{as:"span"},f.label):a.default.createElement(a.default.Fragment,null,f.component?f.component:a.default.createElement("a",{href:f.to},f.label),a.default.createElement(s,null,u))));
+`;exports.default=({link:f,separator:u,isLast:c})=>n.default.createElement(n.default.Fragment,null,n.default.createElement(a,null,f.prefixIcon&&n.default.createElement(d,null,f.prefixIcon),c?n.default.createElement(i,{as:"span"},f.component):n.default.createElement(n.default.Fragment,null,f.component,n.default.createElement(s,null,u))));

package/cjs/components/Breadcrumbs/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("./BreadcrumbsItem.js"),a=require("../../icons/components/ArrowRightIcon.js");function l(u){return u&&typeof u=="object"&&"default"in u?u:{default:u}}require("../../typography/BodyText/index.js"),require("../../shared/media-queries.js");var n=l(e);const s=l(t).default.ul`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("./BreadcrumbsItem.js"),a=require("../../icons/components/NextIcon.js");function l(u){return u&&typeof u=="object"&&"default"in u?u:{default:u}}require("../../typography/BodyText/index.js"),require("../../shared/media-queries.js");var n=l(e);const s=l(t).default.ul`
   display: flex;
   align-items: center;
   padding: 0;

package/cjs/components/Hero/index.js

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),i=require("../../typography/Heading/index.js"),r=require("../Button/index.js"),o=require("../../shared/media-queries.js");function n(x){return x&&typeof x=="object"&&"default"in x?x:{default:x}}require("../../theme.js"),require("../Spinner/index.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js");var l=n(e),a=n(t);const d=a.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),i=require("../../typography/Heading/index.js"),r=require("../Button/index.js"),n=require("../../shared/media-queries.js");function o(x){return x&&typeof x=="object"&&"default"in x?x:{default:x}}require("../../theme.js"),require("../Spinner/index.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js");var a=o(e),l=o(t);const d=l.default.div`
   position: relative;
   min-height: 440px;
   background-size: cover;
   display: flex;
   flex-direction: column;
-`,s=a.default.div`
+`,u=l.default.div`
   pointer-events: ${({$pointerEvents:x})=>x};
   position: relative;
   display: flex;
@@ -14,13 +14,13 @@
   padding: 50px;
   z-index: 1;
   flex: 1;
-`,u=a.default.iframe`
+`,s=l.default.iframe`
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
-`,c=x=>typeof x=="number",p=x=>typeof x=="string",f=a.default.img`
+`,c=x=>typeof x=="number",p=x=>typeof x=="string",m=l.default.img`
   position: absolute;
   top: 0;
   left: 0;
@@ -28,35 +28,49 @@
   width: 100%;
   object-fit: cover;
   object-position: ${({$positionX:x,$positionY:v})=>c(x)&&c(v)?`${x}% ${v}%`:p(x)&&p(v)?`${x} ${v}`:x||v?`${(c(x)?`${x}%`:x)||"50%"} ${(c(v)?`${v}%`:v)||"50%"}`:"50% 50%"};
-`,m=a.default.div`
+`,$=l.default.div`
   width: 100%;
   z-index: 1;
   padding-left: 1rem;
   padding-right: 1rem;
 
-  ${o.mq("tablet")} {
+  ${n.mq("tablet")} {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
-`,$=a.default.div`
+`,f=l.default.div`
   margin-top: 3rem;
-  margin-left: auto;
-  margin-right: auto;
 
-  max-width: ${({$maxWidth:x})=>x}rem;
-  width: 100%;
+  ${({$maxWidth:x,$dynamicGutter:v})=>!v&&`
+    width: 100%;
+    margin-left: auto;
+    margin-right: auto;
+    max-width: ${x}rem;
+  `}
+
+  ${({$dynamicGutter:x})=>x&&`
+    ${n.mq("tablet")} {
+      margin-left: ${x.tabletVw}vw;
+      margin-right: ${x.tabletVw}vw;
+    }
+
+    ${n.mq("laptop")} {
+      margin-left: ${x.laptopVw}vw;
+      margin-right: ${x.laptopVw}vw;
+    }
+  `}
 
-  ${o.mq("laptop")} {
+  ${n.mq("laptop")} {
     margin-top: 3.75rem;
   }
-`,g=a.default(i.Display3)`
+`,g=l.default(i.Display3)`
   margin: 0;
   color: ${({$color:x,theme:v})=>v.colors.text[x]};
-`,h=a.default(i.Title)`
+`,h=l.default(i.Title)`
   margin: 0.25rem 0;
   color: ${({$color:x,theme:v})=>v.colors.text[x]};
-`,y=a.default.a`
+`,y=l.default.a`
   display: inline-block;
   margin-top: 3rem;
   text-decoration: none;
-`;exports.default=({imageProps:x,containerStyle:v,videoProps:q,children:j,align:P,direction:S,justify:W,contentMaxWidth:C=64,heading:E,headingColor:k="dark",subheading:w,buttonProps:b})=>{var B;const{autoplay:H=0,controls:I=0,disablekb:M=0,end:z,loop:T=0,modestbranding:X=1,start:Y=0,showInfo:_=0}=(q==null?void 0:q.ytConfig)||{};return l.default.createElement(d,{style:v},q?l.default.createElement(u,{"data-testid":"hero-video",title:"video-frame",src:`${q.src}?disabledkb=${M}&autoplay=${H}&controls=${I}&loop=${T}&modestbranding=${X}&start=${Y}&showInfo=${_}${z?`&end=${z}`:""}`,width:"100%",height:"100%",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):l.default.createElement(f,{$positionX:x==null?void 0:x.x,$positionY:x==null?void 0:x.y,src:x==null?void 0:x.src,alt:"Hero background"}),(E||w||b)&&l.default.createElement(m,null,l.default.createElement($,{$maxWidth:C},E&&l.default.createElement(g,{as:"h1",$color:k},E),w&&l.default.createElement(h,{$color:k},w),b&&l.default.createElement(y,{href:b.link},l.default.createElement(r.Button,{size:"large",as:"span",color:(B=b==null?void 0:b.color)!=null?B:"secondary"},b.text)))),j&&l.default.createElement(s,{$pointerEvents:q?"none":"auto",$align:P||"flex-start",$direction:S||"column",$justify:W||"flex-start"},j))};
+`;exports.default=({imageProps:x,containerStyle:v,videoProps:j,children:E,align:G,direction:P,justify:V,contentMaxWidth:S=64,heading:q,headingColor:k="dark",subheading:w,buttonProps:b,dynamicGutter:W})=>{var B;const{autoplay:C=0,controls:H=0,disablekb:I=0,end:z,loop:M=0,modestbranding:T=1,start:X=0,showInfo:Y=0}=(j==null?void 0:j.ytConfig)||{};return a.default.createElement(d,{style:v},j?a.default.createElement(s,{"data-testid":"hero-video",title:"video-frame",src:`${j.src}?disabledkb=${I}&autoplay=${C}&controls=${H}&loop=${M}&modestbranding=${T}&start=${X}&showInfo=${Y}${z?`&end=${z}`:""}`,width:"100%",height:"100%",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):a.default.createElement(m,{$positionX:x==null?void 0:x.x,$positionY:x==null?void 0:x.y,src:x==null?void 0:x.src,alt:"Hero background"}),(q||w||b)&&a.default.createElement($,null,a.default.createElement(f,{$maxWidth:S,$dynamicGutter:W},q&&a.default.createElement(g,{as:"h1",$color:k},q),w&&a.default.createElement(h,{$color:k},w),b&&a.default.createElement(y,{href:b.link},a.default.createElement(r.Button,{size:"large",as:"span",color:(B=b==null?void 0:b.color)!=null?B:"secondary"},b.text)))),E&&a.default.createElement(u,{$pointerEvents:j?"none":"auto",$align:G||"flex-start",$direction:P||"column",$justify:V||"flex-start"},E))};

package/cjs/components/Tabs/Tab.js

@@ -1,13 +1,15 @@
 "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("styled-components"),r=require("../Button/index.js"),o=require("../../utils/utils.js");function i(c){return c&&typeof c=="object"&&"default"in c?c:{default:c}}require("../../theme.js"),require("../Spinner/index.js"),require("../../typography/ButtonText/index.js"),require("../Button/styles.js");var a=i(e),s=i(t);const l=s.default.li`
   list-style-type: none;
 `,n=s.default(r.Button)`
-  margin-bottom: -3px;
-  padding: 0.875rem 1.375rem;
-  border-bottom: ${({theme:c,isActive:d,activeColor:p})=>d?`3px solid ${c.colors[p].main}`:"3px solid transparent"};
-  transition: color 0.3s ease, border 0.3s ease;
+  && {
+    margin-bottom: -3px;
+    padding: 0.875rem 1.375rem;
+    border-bottom: ${({theme:c,isActive:d,activeColor:p})=>d?`3px solid ${c.colors[p].main}`:"3px solid transparent"};
+    transition: color 0.3s ease, border 0.3s ease;
 
-  :focus-visible {
-    ${({theme:c,isActive:d,activeColor:p})=>!d&&`background-color: ${o.hexToRGB(c.colors[p].main,.1)};
+    :focus-visible {
+      ${({theme:c,isActive:d,activeColor:p})=>!d&&`background-color: ${o.hexToRGB(c.colors[p].main,.1)};
       `}
+    }
   }
 `,u=e.forwardRef(({label:c,index:d=-1,isActive:p=!1,onClick:f,activeColor:m="secondary",isDisabled:x=!1,onKeyUp:v},y)=>a.default.createElement(l,{role:"presentation"},a.default.createElement(n,{tabIndex:p?0:-1,isActive:p,onClick:b=>f&&f(b,d),activeColor:m,isDisabled:x,variant:"flat",color:p?m:"neutral",id:`tab-${d}`,role:"tab","aria-selected":p?"true":"false","aria-controls":`tabpanel-${d}`,onKeyUp:b=>v&&v(b,d),ref:y},c)));u.displayName="Tab",exports.default=u;

package/esm/components/Breadcrumbs/BreadcrumbsItem.js

@@ -1,4 +1,4 @@
-import t from"react";import o from"styled-components";import{BodyTextStyle as l,BodyText as a}from"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const i=o.li`
+import t from"react";import o from"styled-components";import{BodyTextStyle as l,BodyText as i}from"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const a=o.li`
   display: flex;
   align-items: center;
   margin: 0;
@@ -14,7 +14,7 @@ import t from"react";import o from"styled-components";import{BodyTextStyle as l,
     overflow: hidden;
     text-overflow: ellipsis;
   }
-`,s=o(a)`
+`,s=o(i)`
   color: ${({theme:e})=>e.colors.text.dark};
   overflow: hidden;
   text-overflow: ellipsis;
@@ -30,7 +30,7 @@ import t from"react";import o from"styled-components";import{BodyTextStyle as l,
   padding: 0 0.5rem;
   color: ${({theme:e})=>e.colors.gray.light1};
   svg {
-    width: 0.75rem;
-    height: 0.75rem;
+    width: 1rem;
+    height: 1rem;
   }
-`,d=({link:e,separator:r,isLast:n})=>t.createElement(t.Fragment,null,t.createElement(i,null,e.prefixIcon&&t.createElement(m,null,e.prefixIcon),n?t.createElement(s,{as:"span"},e.label):t.createElement(t.Fragment,null,e.component?e.component:t.createElement("a",{href:e.to},e.label),t.createElement(p,null,r))));export{d as default};
+`,d=({link:e,separator:r,isLast:n})=>t.createElement(t.Fragment,null,t.createElement(a,null,e.prefixIcon&&t.createElement(m,null,e.prefixIcon),n?t.createElement(s,{as:"span"},e.component):t.createElement(t.Fragment,null,e.component,t.createElement(p,null,r))));export{d as default};

package/esm/components/Breadcrumbs/index.js

@@ -1,7 +1,7 @@
-import e from"react";import n from"styled-components";import a from"./BreadcrumbsItem.js";import s from"../../icons/components/ArrowRightIcon.js";import"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const i=n.ul`
+import e from"react";import n from"styled-components";import a from"./BreadcrumbsItem.js";import s from"../../icons/components/NextIcon.js";import"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const c=n.ul`
   display: flex;
   align-items: center;
   padding: 0;
   white-space: nowrap;
   overflow: hidden;
-`,c=({links:t,separator:o=e.createElement(s,null)})=>e.createElement(i,null,t.map((m,r)=>e.createElement(a,{key:r,link:m,separator:o,isLast:r===t.length-1})));export{c as default};
+`,i=({links:t,separator:o=e.createElement(s,null)})=>e.createElement(c,null,t.map((m,r)=>e.createElement(a,{key:r,link:m,separator:o,isLast:r===t.length-1})));export{i as default};

package/esm/components/Hero/index.js

@@ -1,4 +1,4 @@
-import r from"react";import n from"styled-components";import{Display3 as B,Title as z}from"../../typography/Heading/index.js";import{Button as C}from"../Button/index.js";import{mq as f}from"../../shared/media-queries.js";import"../../theme.js";import"../Spinner/index.js";import"../../typography/ButtonText/index.js";import"../Button/styles.js";const H=n.div`
+import r from"react";import n from"styled-components";import{Display3 as V,Title as z}from"../../typography/Heading/index.js";import{Button as C}from"../Button/index.js";import{mq as i}from"../../shared/media-queries.js";import"../../theme.js";import"../Spinner/index.js";import"../../typography/ButtonText/index.js";import"../Button/styles.js";const H=n.div`
   position: relative;
   min-height: 440px;
   background-size: cover;
@@ -20,7 +20,7 @@ import r from"react";import n from"styled-components";import{Display3 as B,Title
   height: 100%;
   top: 0;
   left: 0;
-`,i=e=>typeof e=="number",p=e=>typeof e=="string",_=({$positionX:e,$positionY:t})=>{if(i(e)&&i(t))return`${e}% ${t}%`;if(p(e)&&p(t))return`${e} ${t}`;if(e||t){const o=i(e)?`${e}%`:e,a=i(t)?`${t}%`:t;return`${o||"50%"} ${a||"50%"}`}return"50% 50%"},q=n.img`
+`,c=e=>typeof e=="number",g=e=>typeof e=="string",_=({$positionX:e,$positionY:t})=>{if(c(e)&&c(t))return`${e}% ${t}%`;if(g(e)&&g(t))return`${e} ${t}`;if(e||t){const l=c(e)?`${e}%`:e,a=c(t)?`${t}%`:t;return`${l||"50%"} ${a||"50%"}`}return"50% 50%"},q=n.img`
   position: absolute;
   top: 0;
   left: 0;
@@ -34,22 +34,36 @@ import r from"react";import n from"styled-components";import{Display3 as B,Title
   padding-left: 1rem;
   padding-right: 1rem;
 
-  ${f("tablet")} {
+  ${i("tablet")} {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
 `,T=n.div`
   margin-top: 3rem;
-  margin-left: auto;
-  margin-right: auto;
 
-  max-width: ${({$maxWidth:e})=>e}rem;
-  width: 100%;
+  ${({$maxWidth:e,$dynamicGutter:t})=>!t&&`
+    width: 100%;
+    margin-left: auto;
+    margin-right: auto;
+    max-width: ${e}rem;
+  `}
+
+  ${({$dynamicGutter:e})=>e&&`
+    ${i("tablet")} {
+      margin-left: ${e.tabletVw}vw;
+      margin-right: ${e.tabletVw}vw;
+    }
+
+    ${i("laptop")} {
+      margin-left: ${e.laptopVw}vw;
+      margin-right: ${e.laptopVw}vw;
+    }
+  `}
 
-  ${f("laptop")} {
+  ${i("laptop")} {
     margin-top: 3.75rem;
   }
-`,W=n(B)`
+`,W=n(V)`
   margin: 0;
   color: ${({$color:e,theme:t})=>t.colors.text[e]};
 `,D=n(z)`
@@ -59,4 +73,4 @@ import r from"react";import n from"styled-components";import{Display3 as B,Title
   display: inline-block;
   margin-top: 3rem;
   text-decoration: none;
-`,L=({imageProps:e,containerStyle:t,videoProps:o,children:a,align:g,direction:x,justify:y,contentMaxWidth:h=64,heading:c,headingColor:m="dark",subheading:d,buttonProps:l})=>{var s;const{autoplay:$=0,controls:v=0,disablekb:b=0,end:u,loop:j=0,modestbranding:w=1,start:E=0,showInfo:k=0}=(o==null?void 0:o.ytConfig)||{};return r.createElement(H,{style:t},o?r.createElement(I,{"data-testid":"hero-video",title:"video-frame",src:`${o.src}?disabledkb=${b}&autoplay=${$}&controls=${v}&loop=${j}&modestbranding=${w}&start=${E}&showInfo=${k}${u?`&end=${u}`:""}`,width:"100%",height:"100%",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):r.createElement(q,{$positionX:e==null?void 0:e.x,$positionY:e==null?void 0:e.y,src:e==null?void 0:e.src,alt:"Hero background"}),(c||d||l)&&r.createElement(R,null,r.createElement(T,{$maxWidth:h},c&&r.createElement(W,{as:"h1",$color:m},c),d&&r.createElement(D,{$color:m},d),l&&r.createElement(F,{href:l.link},r.createElement(C,{size:"large",as:"span",color:(s=l==null?void 0:l.color)!=null?s:"secondary"},l.text)))),a&&r.createElement(S,{$pointerEvents:o?"none":"auto",$align:g||"flex-start",$direction:x||"column",$justify:y||"flex-start"},a))};export{L as default};
+`,L=({imageProps:e,containerStyle:t,videoProps:l,children:a,align:u,direction:$,justify:h,contentMaxWidth:x=64,heading:d,headingColor:s="dark",subheading:m,buttonProps:o,dynamicGutter:y})=>{var f;const{autoplay:v=0,controls:w=0,disablekb:b=0,end:p,loop:j=0,modestbranding:E=1,start:k=0,showInfo:B=0}=(l==null?void 0:l.ytConfig)||{};return r.createElement(H,{style:t},l?r.createElement(I,{"data-testid":"hero-video",title:"video-frame",src:`${l.src}?disabledkb=${b}&autoplay=${v}&controls=${w}&loop=${j}&modestbranding=${E}&start=${k}&showInfo=${B}${p?`&end=${p}`:""}`,width:"100%",height:"100%",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0}):r.createElement(q,{$positionX:e==null?void 0:e.x,$positionY:e==null?void 0:e.y,src:e==null?void 0:e.src,alt:"Hero background"}),(d||m||o)&&r.createElement(R,null,r.createElement(T,{$maxWidth:x,$dynamicGutter:y},d&&r.createElement(W,{as:"h1",$color:s},d),m&&r.createElement(D,{$color:s},m),o&&r.createElement(F,{href:o.link},r.createElement(C,{size:"large",as:"span",color:(f=o==null?void 0:o.color)!=null?f:"secondary"},o.text)))),a&&r.createElement(S,{$pointerEvents:l?"none":"auto",$align:u||"flex-start",$direction:$||"column",$justify:h||"flex-start"},a))};export{L as default};

package/esm/components/Tabs/Tab.js

@@ -1,13 +1,15 @@
 import l,{forwardRef as b}from"react";import m from"styled-components";import{Button as c}from"../Button/index.js";import{hexToRGB as f}from"../../utils/utils.js";import"../../theme.js";import"../Spinner/index.js";import"../../typography/ButtonText/index.js";import"../Button/styles.js";const u=m.li`
   list-style-type: none;
 `,y=m(c)`
-  margin-bottom: -3px;
-  padding: 0.875rem 1.375rem;
-  border-bottom: ${({theme:o,isActive:t,activeColor:e})=>t?`3px solid ${o.colors[e].main}`:"3px solid transparent"};
-  transition: color 0.3s ease, border 0.3s ease;
+  && {
+    margin-bottom: -3px;
+    padding: 0.875rem 1.375rem;
+    border-bottom: ${({theme:o,isActive:t,activeColor:e})=>t?`3px solid ${o.colors[e].main}`:"3px solid transparent"};
+    transition: color 0.3s ease, border 0.3s ease;
 
-  :focus-visible {
-    ${({theme:o,isActive:t,activeColor:e})=>!t&&`background-color: ${f(o.colors[e].main,.1)};
+    :focus-visible {
+      ${({theme:o,isActive:t,activeColor:e})=>!t&&`background-color: ${f(o.colors[e].main,.1)};
       `}
+    }
   }
 `,p=b(({label:o,index:t=-1,isActive:e=!1,onClick:a,activeColor:s="secondary",isDisabled:i=!1,onKeyUp:n},d)=>l.createElement(u,{role:"presentation"},l.createElement(y,{tabIndex:e?0:-1,isActive:e,onClick:r=>a&&a(r,t),activeColor:s,isDisabled:i,variant:"flat",color:e?s:"neutral",id:`tab-${t}`,role:"tab","aria-selected":e?"true":"false","aria-controls":`tabpanel-${t}`,onKeyUp:r=>n&&n(r,t),ref:d},o)));p.displayName="Tab";export{p as default};

package/package.json

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

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

@@ -1,7 +1,5 @@
 import { ReactNode } from 'react';
 export interface BreadcrumbLink {
-    label?: string;
-    to?: string;
     component?: ReactNode;
     prefixIcon?: ReactNode;
 }

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

@@ -7,6 +7,10 @@ declare type Direction = CSSProperties['flexDirection'];
 declare type DarkOrLight = 'dark' | 'light';
 declare type ObjectPositionX = number | 'center' | 'left' | 'right';
 declare type ObjectPositionY = number | 'center' | 'top' | 'bottom';
+declare type DynamicGutter = {
+    tabletVw: number;
+    laptopVw: number;
+};
 declare type YouTubeVideoProps = {
     autoplay: 0 | 1;
     controls: 0 | 1;
@@ -43,6 +47,7 @@ export interface HeroProps {
         text: string;
         color?: Color;
     };
+    dynamicGutter?: DynamicGutter;
 }
-declare const Hero: ({ imageProps, containerStyle, videoProps, children, align, direction, justify, contentMaxWidth, heading, headingColor, subheading, buttonProps, }: HeroProps) => JSX.Element;
+declare const Hero: ({ imageProps, containerStyle, videoProps, children, align, direction, justify, contentMaxWidth, heading, headingColor, subheading, buttonProps, dynamicGutter, }: HeroProps) => JSX.Element;
 export default Hero;