quirk-ui 0.0.569 → 0.0.570

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- ._container_1yh99_1{width:100%;display:flex;flex-direction:column;justify-content:flex-start}._container_1yh99_1 *{margin-bottom:1rem}._container_1yh99_1 *:has(+._divider_1yh99_12){margin-bottom:0}._container_1yh99_1 ul{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}._container_1yh99_1 *:last-child{margin-bottom:0}._container_1yh99_1 ._richTextImage_1yh99_26{border-radius:var(--radius-md);margin:0 auto;overflow:hidden;line-height:0;margin-bottom:1rem}._container_1yh99_1 ._richTextLink_1yh99_34{color:var(--color-secondary-100);text-decoration:underline;font-weight:var(--font-weight-semibold);transition:color .3s ease-in-out,text-decoration .3s ease-in-out}._container_1yh99_1 ._richTextLink_1yh99_34:hover{color:var(--color-primary-100);text-decoration:underline}._container_1yh99_1 ._divider_1yh99_12{border:none;border-top:1px solid var(--color-secondary-25);margin:var(--spacing-md) 0}._container_1yh99_1 .text-small{font-size:var(--font-size-sm)}._container_1yh99_1 .text-medium{font-size:var(--font-size-md)}._container_1yh99_1 .text-large{font-size:var(--font-size-lg)}._container_1yh99_1 .text-xlarge{font-size:var(--font-size-xl)}
1
+ ._container_12p8o_1{width:100%;display:flex;flex-direction:column;justify-content:flex-start}._container_12p8o_1 *{margin-bottom:1rem}._container_12p8o_1 *:has(+._divider_12p8o_12){margin-bottom:0}._container_12p8o_1 ul{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}._container_12p8o_1 ._richTextImage_12p8o_26{border-radius:var(--radius-md);margin:0 auto;overflow:hidden;line-height:0;margin-bottom:1rem}._container_12p8o_1 ._richTextLink_12p8o_34{color:var(--color-secondary-100);text-decoration:underline;font-weight:var(--font-weight-semibold);transition:color .3s ease-in-out,text-decoration .3s ease-in-out}._container_12p8o_1 ._richTextLink_12p8o_34:hover{color:var(--color-primary-100);text-decoration:underline}._container_12p8o_1 ._divider_12p8o_12{border:none;border-top:1px solid var(--color-secondary-25);margin:var(--spacing-md) 0}._container_12p8o_1 .text-small{font-size:var(--font-size-sm)}._container_12p8o_1 .text-medium{font-size:var(--font-size-md)}._container_12p8o_1 .text-large{font-size:var(--font-size-lg)}._container_12p8o_1 .text-xlarge{font-size:var(--font-size-xl)}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index15.css');const t=require("react/jsx-runtime"),p=require("react"),y=require("@portabletext/react"),k=require("../AnimatedSpan/index.cjs"),a=require("../../../core/components/Heading/index.cjs"),f=require("../../../core/components/Text/index.cjs"),q=require("next/image"),N=require("../../hooks/useMediaQuery.cjs"),H="_container_1yh99_1",L="_divider_1yh99_12",$="_richTextImage_1yh99_26",C="_richTextLink_1yh99_34",_={container:H,divider:L,richTextImage:$,richTextLink:C},I=s=>({normal:({children:n})=>t.jsx(f.Text,{className:s,children:n}),h1:({children:n})=>t.jsx(a.Heading,{className:s,level:1,children:n}),h2:({children:n})=>t.jsx(a.Heading,{className:s,level:2,children:n}),h3:({children:n})=>t.jsx(a.Heading,{className:s,level:3,children:n}),h4:({children:n})=>t.jsx(a.Heading,{className:s,level:4,children:n}),h5:({children:n})=>t.jsx(a.Heading,{className:s,level:5,children:n}),h6:({children:n})=>t.jsx(a.Heading,{className:s,level:6,children:n}),quote:({children:n})=>t.jsx("blockquote",{className:s,children:n})}),M=(s,o,n,h,u)=>{const l=I(s);return{marks:{coloredText:({children:e,value:r})=>{if(!r)return t.jsx(t.Fragment,{children:e});const{colorClass:i}=r,c=o==null?void 0:o.current;return h&&n?t.jsx(k.AnimatedSpan,{className:i,text:n,prevText:c},"animated-span"):t.jsx("span",{className:i,children:e})},strong:({children:e})=>t.jsx("strong",{children:e}),em:({children:e})=>t.jsx("em",{children:e}),number:({children:e})=>t.jsx("span",{className:"inlineNumber",children:e}),left:({children:e})=>t.jsx("span",{className:"textLeft",children:e}),center:({children:e})=>t.jsx("span",{className:"textCenter",children:e}),right:({children:e})=>t.jsx("span",{className:"textRight",children:e}),link:({children:e,value:r})=>{var d;const{linkType:i,internalUrl:c,externalUrl:m,blank:g}=r;let x="#";i==="external"&&m?x=m:i==="internal"&&((d=c==null?void 0:c.slug)!=null&&d.current)&&(x=`/${c==null?void 0:c.slug.current}`);const j=i==="external";return t.jsx("a",{href:x,target:g?"_blank":void 0,rel:j?"noopener noreferrer":void 0,className:_.richTextLink,children:e})},textSize:({children:e,value:r})=>{const i=r!=null&&r.size?`text-${r.size}`:"";return t.jsx("span",{className:i,children:e})}},block:l,list:{bullet:({children:e=[]})=>{const r=p.Children.count(e);return t.jsx("ul",{style:{columnCount:u?1:r>5?2:1},className:s,children:e})}},types:{image:({value:e})=>{var i,c,m,g,x,j,d;if(!(e!=null&&e.imageUrls))return null;const r=((i=e.asset)==null?void 0:i.altText)||"Content image";return t.jsxs("figure",{className:`${s} ${_.richTextImage}`,children:[t.jsx(q,{src:e.imageUrls.medium,alt:r,width:1e3,height:800,style:{maxWidth:"100%",height:"auto"}}),(((c=e.asset)==null?void 0:c.title)||((m=e.asset)==null?void 0:m.description))&&t.jsxs("figcaption",{children:[((g=e.asset)==null?void 0:g.title)&&t.jsx("strong",{children:(x=e.asset)==null?void 0:x.title}),((j=e.asset)==null?void 0:j.description)&&t.jsx("p",{children:(d=e.asset)==null?void 0:d.description})]})]})},divider:()=>t.jsx("hr",{className:_.divider})}}},S=({blocks:s,className:o,textOverride:n,animateText:h})=>{const u=N.useMediaQuery("(max-width: 767px)"),l=p.useRef(n);p.useEffect(()=>{l.current=n},[n]);const T=p.useMemo(()=>M(o,l,n,h,u),[o,l,n,h,u]);return s?typeof s=="string"?(console.warn("RichText component received a string. Expected PortableTextBlock[]"),t.jsx(f.Text,{className:o,children:s})):t.jsx("div",{className:`${_.container} portableTextContainer`,children:t.jsx(y.PortableText,{value:s,components:T})}):null};exports.RichText=S;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index15.css');const t=require("react/jsx-runtime"),j=require("react"),k=require("@portabletext/react"),q=require("../AnimatedSpan/index.cjs"),a=require("../../../core/components/Heading/index.cjs"),f=require("../../../core/components/Text/index.cjs"),y=require("next/image"),N=require("../../hooks/useMediaQuery.cjs"),H="_container_12p8o_1",L="_divider_12p8o_12",$="_richTextImage_12p8o_26",C="_richTextLink_12p8o_34",_={container:H,divider:L,richTextImage:$,richTextLink:C},I=s=>({normal:({children:n})=>t.jsx(f.Text,{className:s,children:n}),h1:({children:n})=>t.jsx(a.Heading,{className:s,level:1,children:n}),h2:({children:n})=>t.jsx(a.Heading,{className:s,level:2,children:n}),h3:({children:n})=>t.jsx(a.Heading,{className:s,level:3,children:n}),h4:({children:n})=>t.jsx(a.Heading,{className:s,level:4,children:n}),h5:({children:n})=>t.jsx(a.Heading,{className:s,level:5,children:n}),h6:({children:n})=>t.jsx(a.Heading,{className:s,level:6,children:n}),quote:({children:n})=>t.jsx("blockquote",{className:s,children:n})}),M=(s,c,n,u,g)=>{const l=I(s);return{marks:{coloredText:({children:e,value:r})=>{if(!r)return t.jsx(t.Fragment,{children:e});const{colorClass:i}=r,o=c==null?void 0:c.current;return u&&n?t.jsx(q.AnimatedSpan,{className:i,text:n,prevText:o},"animated-span"):t.jsx("span",{className:i,children:e})},strong:({children:e})=>t.jsx("strong",{children:e}),em:({children:e})=>t.jsx("em",{children:e}),number:({children:e})=>t.jsx("span",{className:"inlineNumber",children:e}),left:({children:e})=>t.jsx("span",{className:"textLeft",children:e}),center:({children:e})=>t.jsx("span",{className:"textCenter",children:e}),right:({children:e})=>t.jsx("span",{className:"textRight",children:e}),link:({children:e,value:r})=>{var d;const{linkType:i,internalUrl:o,externalUrl:m,blank:h}=r;let x="#";i==="external"&&m?x=m:i==="internal"&&((d=o==null?void 0:o.slug)!=null&&d.current)&&(x=`/${o==null?void 0:o.slug.current}`);const p=i==="external";return t.jsx("a",{href:x,target:h?"_blank":void 0,rel:p?"noopener noreferrer":void 0,className:_.richTextLink,children:e})},textSize:({children:e,value:r})=>{const i=r!=null&&r.size?`text-${r.size}`:"";return t.jsx("span",{className:i,children:e})}},block:l,list:{bullet:({children:e=[]})=>{const r=j.Children.count(e);return t.jsx("ul",{style:{columnCount:g?1:r>5?2:1},className:s,children:e})}},types:{image:({value:e})=>{var i,o,m,h,x,p,d;if(!(e!=null&&e.imageUrls))return null;const r=((i=e.asset)==null?void 0:i.altText)||"Content image";return t.jsxs("figure",{className:`${s} ${_.richTextImage}`,children:[t.jsx(y,{src:e.imageUrls.medium,alt:r,width:1e3,height:800,style:{maxWidth:"100%",height:"auto"}}),(((o=e.asset)==null?void 0:o.title)||((m=e.asset)==null?void 0:m.description))&&t.jsxs("figcaption",{children:[((h=e.asset)==null?void 0:h.title)&&t.jsx("strong",{children:(x=e.asset)==null?void 0:x.title}),((p=e.asset)==null?void 0:p.description)&&t.jsx("p",{children:(d=e.asset)==null?void 0:d.description})]})]})},divider:()=>t.jsx("hr",{className:_.divider})}}},S=({blocks:s,className:c,textOverride:n,animateText:u})=>{const g=N.useMediaQuery("(max-width: 767px)"),l=j.useRef(n);j.useEffect(()=>{l.current=n},[n]);const T=j.useMemo(()=>M(c,l,n,u,g),[c,l,n,u,g]);return s?typeof s=="string"?(console.warn("RichText component received a string. Expected PortableTextBlock[]"),t.jsx(f.Text,{className:c,children:s})):t.jsx("div",{className:`${_.container} portableTextContainer`,children:t.jsx(k.PortableText,{value:s,components:T})}):null};exports.RichText=S;
@@ -1,12 +1,12 @@
1
- import { jsx as e, jsxs as _, Fragment as y } from "react/jsx-runtime";
2
- import N, { useRef as L, useEffect as C, useMemo as I } from "react";
1
+ import { jsx as e, jsxs as _, Fragment as N } from "react/jsx-runtime";
2
+ import y, { useRef as L, useEffect as C, useMemo as I } from "react";
3
3
  import { PortableText as $ } from "@portabletext/react";
4
4
  import { AnimatedSpan as z } from "../AnimatedSpan/index.mjs";
5
5
  import { Heading as m } from "../../../core/components/Heading/index.mjs";
6
6
  import { Text as k } from "../../../core/components/Text/index.mjs";
7
7
  import E from "next/image";
8
8
  import { useMediaQuery as w } from "../../hooks/useMediaQuery.mjs";
9
- import '../../../assets/index15.css';const M = "_container_1yh99_1", P = "_divider_1yh99_12", b = "_richTextImage_1yh99_26", j = "_richTextLink_1yh99_34", u = {
9
+ import '../../../assets/index15.css';const M = "_container_12p8o_1", P = "_divider_12p8o_12", b = "_richTextImage_12p8o_26", j = "_richTextLink_12p8o_34", u = {
10
10
  container: M,
11
11
  divider: P,
12
12
  richTextImage: b,
@@ -28,7 +28,7 @@ import '../../../assets/index15.css';const M = "_container_1yh99_1", P = "_divid
28
28
  children: t,
29
29
  value: o
30
30
  }) => {
31
- if (!o) return /* @__PURE__ */ e(y, { children: t });
31
+ if (!o) return /* @__PURE__ */ e(N, { children: t });
32
32
  const { colorClass: s } = o, i = c == null ? void 0 : c.current;
33
33
  return d && n ? /* @__PURE__ */ e(
34
34
  z,
@@ -47,10 +47,10 @@ import '../../../assets/index15.css';const M = "_container_1yh99_1", P = "_divid
47
47
  center: ({ children: t }) => /* @__PURE__ */ e("span", { className: "textCenter", children: t }),
48
48
  right: ({ children: t }) => /* @__PURE__ */ e("span", { className: "textRight", children: t }),
49
49
  link: ({ children: t, value: o }) => {
50
- var p;
51
- const { linkType: s, internalUrl: i, externalUrl: h, blank: g } = o;
50
+ var h;
51
+ const { linkType: s, internalUrl: i, externalUrl: p, blank: g } = o;
52
52
  let l = "#";
53
- return s === "external" && h ? l = h : s === "internal" && ((p = i == null ? void 0 : i.slug) != null && p.current) && (l = `/${i == null ? void 0 : i.slug.current}`), /* @__PURE__ */ e(
53
+ return s === "external" && p ? l = p : s === "internal" && ((h = i == null ? void 0 : i.slug) != null && h.current) && (l = `/${i == null ? void 0 : i.slug.current}`), /* @__PURE__ */ e(
54
54
  "a",
55
55
  {
56
56
  href: l,
@@ -69,7 +69,7 @@ import '../../../assets/index15.css';const M = "_container_1yh99_1", P = "_divid
69
69
  block: a,
70
70
  list: {
71
71
  bullet: ({ children: t = [] }) => {
72
- const o = N.Children.count(t);
72
+ const o = y.Children.count(t);
73
73
  return /* @__PURE__ */ e(
74
74
  "ul",
75
75
  {
@@ -84,7 +84,7 @@ import '../../../assets/index15.css';const M = "_container_1yh99_1", P = "_divid
84
84
  },
85
85
  types: {
86
86
  image: ({ value: t }) => {
87
- var s, i, h, g, l, f, p;
87
+ var s, i, p, g, l, f, h;
88
88
  if (!(t != null && t.imageUrls)) return null;
89
89
  const o = ((s = t.asset) == null ? void 0 : s.altText) || "Content image";
90
90
  return /* @__PURE__ */ _("figure", { className: `${r} ${u.richTextImage}`, children: [
@@ -98,9 +98,9 @@ import '../../../assets/index15.css';const M = "_container_1yh99_1", P = "_divid
98
98
  style: { maxWidth: "100%", height: "auto" }
99
99
  }
100
100
  ),
101
- (((i = t.asset) == null ? void 0 : i.title) || ((h = t.asset) == null ? void 0 : h.description)) && /* @__PURE__ */ _("figcaption", { children: [
101
+ (((i = t.asset) == null ? void 0 : i.title) || ((p = t.asset) == null ? void 0 : p.description)) && /* @__PURE__ */ _("figcaption", { children: [
102
102
  ((g = t.asset) == null ? void 0 : g.title) && /* @__PURE__ */ e("strong", { children: (l = t.asset) == null ? void 0 : l.title }),
103
- ((f = t.asset) == null ? void 0 : f.description) && /* @__PURE__ */ e("p", { children: (p = t.asset) == null ? void 0 : p.description })
103
+ ((f = t.asset) == null ? void 0 : f.description) && /* @__PURE__ */ e("p", { children: (h = t.asset) == null ? void 0 : h.description })
104
104
  ] })
105
105
  ] });
106
106
  },
package/dist/styles.css CHANGED
@@ -12,7 +12,7 @@
12
12
  ._carousel_16g66_1{width:100%;overflow-x:hidden;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_16g66_8{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;max-width:var(--layout-width);margin:0 auto}@media (min-width: 768px){._container_16g66_8{padding:var(--spacing-xl) calc(var(--spacing-md) - var(--spacing-sm))}}._heading_16g66_21{display:flex;flex-direction:column;gap:var(--spacing-md);padding:0 var(--spacing-md)}._heading_16g66_21 h1,._heading_16g66_21 h2,._heading_16g66_21 h3,._heading_16g66_21 h4,._heading_16g66_21 h5,._heading_16g66_21 h6{width:100%;margin-bottom:0}@media (min-width: 768px){._heading_16g66_21{padding:0 calc(var(--spacing-md) - var(--spacing-sm))}}._carousel_16g66_1{display:block}._rating_16g66_56{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}@media (max-width: 767px){._rating_16g66_56{justify-content:flex-start}}._ratingValue_16g66_67{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}._ratingOuter_16g66_72{color:transparent;font-size:var(--font-size-xl);position:relative;display:inline-flex}._ratingInner_16g66_79{color:var(--color-warning);font-size:var(--font-size-xl);position:absolute;top:0;left:0;white-space:nowrap;overflow:hidden}.split ._carousel_16g66_1{padding-top:0;margin-top:0;flex:1}@media (max-width: 767px){.split ._carousel_16g66_1{gap:var(--spacing-md);padding-top:0}}.backgroundPrimary ._carouselComponent_16g66_101 ._indicator_16g66_102{background-color:var(--color-primary-100)}
13
13
  ._content_ivubr_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_ivubr_7{display:flex;align-items:center;justify-content:space-between;flex-direction:column;width:100%;max-width:var(--container-max-width, var(--layout-width));margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._container_ivubr_7 h1,._container_ivubr_7 h2,._container_ivubr_7 h3,._container_ivubr_7 h4,._container_ivubr_7 h5,._container_ivubr_7 h6{width:100%;margin-block:0}@media (max-width: 767px){._container_ivubr_7{gap:var(--spacing-xl)}}._metrics_ivubr_34{display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md)}@media (max-width: 767px){._metrics_ivubr_34{flex-direction:column}}._metric_ivubr_34{flex:1}._metricValue_ivubr_50{font-size:2.5rem;font-weight:var(--font-weight-bold);position:relative;z-index:1;color:var(--color-text-primary)}._metricValue_ivubr_50:after{content:"";display:block;background-color:var(--color-primary-100);width:35px;height:35px;position:absolute;top:-3px;left:-.5rem;z-index:-1;border-radius:var(--radius-md)}._disclaimer_ivubr_71{color:var(--color-text-primary);font-size:var(--font-size-sm)}._layoutHImageRight_ivubr_76{flex-direction:row;gap:var(--gap, 5rem)}._layoutHImageRight_ivubr_76 ._heading_ivubr_80{gap:var(--spacing-md);flex:.65}._layoutHImageRight_ivubr_76 ._image_ivubr_85{flex:.5}@media (max-width: 768px){._layoutHImageRight_ivubr_76{flex-direction:column-reverse;gap:var(--spacing-lg)}}._noImage_ivubr_95{flex-direction:column}._layoutHImageLeft_ivubr_99{flex-direction:row-reverse;gap:var(--gap, 5rem)}._layoutHImageLeft_ivubr_99 ._heading_ivubr_80{gap:var(--spacing-md);flex:.65}._layoutHImageLeft_ivubr_99 ._image_ivubr_85{flex:.5}@media (max-width: 768px){._layoutHImageLeft_ivubr_99{flex-direction:column-reverse;gap:var(--spacing-lg)}}._layoutVImageTop_ivubr_118{flex-direction:column-reverse;gap:var(--gap, var(--spacing-md))}._layoutVImageTop_ivubr_118 ._heading_ivubr_80{gap:var(--spacing-md)}@media (max-width: 768px){._layoutVImageTop_ivubr_118{gap:var(--spacing-lg)}}._layoutVImageBottom_ivubr_131{flex-direction:column;gap:var(--gap, var(--spacing-md))}._layoutVImageBottom_ivubr_131 ._heading_ivubr_80{gap:var(--spacing-md)}@media (max-width: 768px){._layoutVImageBottom_ivubr_131{gap:var(--spacing-lg)}}._heading_ivubr_80{display:flex;flex-direction:column;width:100%;gap:var(--spacing-md)}._title_ivubr_151{text-wrap:pretty}._text_ivubr_156{flex:1;display:flex;justify-content:center;flex-direction:column;gap:1rem}@media (max-width: 767px){._text_ivubr_156{flex:1;width:100%;align-items:flex-start}}._cta_ivubr_170{width:100%}@media (max-width: 767px){._cta_ivubr_170{justify-content:flex-start}}._headingHorizontal_ivubr_178{flex-direction:row;justify-content:space-between;gap:5rem}@media (max-width: 767px){._headingHorizontal_ivubr_178{gap:var(--spacing-md)}}._headingHorizontal_ivubr_178 ._titleWrapper_ivubr_187,._headingHorizontal_ivubr_178 .portableTextContainer{flex:1}._headingHorizontal_ivubr_178 ._title_ivubr_151{margin-bottom:0}._headingHorizontal_ivubr_178 p._title_ivubr_151{margin-top:1rem}@media (max-width: 768px){._headingHorizontal_ivubr_178{flex-direction:column}}._headingVertical_ivubr_208{flex-direction:column;justify-content:flex-start}._image_ivubr_85{display:flex;align-items:center;justify-content:center;flex:1;width:100%;margin:0 auto;line-height:0}._image_ivubr_85 img{width:100%;height:auto}._videoWrapper_ivubr_229{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-md);flex:1}._videoWrapper_ivubr_229 iframe,._videoWrapper_ivubr_229 video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}._default_ivubr_249{display:block}._default_ivubr_249 img{border-radius:var(--radius-md)}._maxWidth_ivubr_257{margin:0 auto}._maxWidth_ivubr_257 img{max-width:var(--max-width, var(--layout-width));border-radius:var(--radius-md);height:auto}._fullBleed_ivubr_267{width:100%;max-width:unset;border-radius:var(--radius-md);overflow:hidden}.blog ._container_ivubr_7{max-width:var(--blog-width)}.centered ._heading_ivubr_80{gap:var(--spacing-md);align-items:center;justify-content:center}.centered ._text_ivubr_156{align-items:center}.centered ._cta_ivubr_170{justify-content:center}.backgroundPrimary ._text_ivubr_156 p,.backgroundPrimary ._text_ivubr_156 p a,.backgroundPrimary ._metricValue_ivubr_50{color:#fff}.backgroundPrimary ._metricValue_ivubr_50:after{background-color:var(--color-secondary-100)}.backgroundPrimary ._cta_ivubr_170 ._secondary_ivubr_308{background-color:#fff}.split-35-65 ._heading_ivubr_80{flex:.35}
14
14
  ._faq_20vut_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_20vut_7{display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:5rem;width:100%;max-width:var(--layout-width);margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media (max-width: 768px){._container_20vut_7{gap:var(--spacing-xl)}}._heading_20vut_24{display:flex;flex-direction:column;gap:var(--spacing-md)}._heading_20vut_24 h1,._heading_20vut_24 h2,._heading_20vut_24 h3,._heading_20vut_24 h4,._heading_20vut_24 h5,._heading_20vut_24 h6{width:100%;margin-bottom:0}.split ._content_20vut_41{margin-top:0;flex:1}
15
- ._container_1yh99_1{width:100%;display:flex;flex-direction:column;justify-content:flex-start}._container_1yh99_1 *{margin-bottom:1rem}._container_1yh99_1 *:has(+._divider_1yh99_12){margin-bottom:0}._container_1yh99_1 ul{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}._container_1yh99_1 *:last-child{margin-bottom:0}._container_1yh99_1 ._richTextImage_1yh99_26{border-radius:var(--radius-md);margin:0 auto;overflow:hidden;line-height:0;margin-bottom:1rem}._container_1yh99_1 ._richTextLink_1yh99_34{color:var(--color-secondary-100);text-decoration:underline;font-weight:var(--font-weight-semibold);transition:color .3s ease-in-out,text-decoration .3s ease-in-out}._container_1yh99_1 ._richTextLink_1yh99_34:hover{color:var(--color-primary-100);text-decoration:underline}._container_1yh99_1 ._divider_1yh99_12{border:none;border-top:1px solid var(--color-secondary-25);margin:var(--spacing-md) 0}._container_1yh99_1 .text-small{font-size:var(--font-size-sm)}._container_1yh99_1 .text-medium{font-size:var(--font-size-md)}._container_1yh99_1 .text-large{font-size:var(--font-size-lg)}._container_1yh99_1 .text-xlarge{font-size:var(--font-size-xl)}
15
+ ._container_12p8o_1{width:100%;display:flex;flex-direction:column;justify-content:flex-start}._container_12p8o_1 *{margin-bottom:1rem}._container_12p8o_1 *:has(+._divider_12p8o_12){margin-bottom:0}._container_12p8o_1 ul{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}._container_12p8o_1 ._richTextImage_12p8o_26{border-radius:var(--radius-md);margin:0 auto;overflow:hidden;line-height:0;margin-bottom:1rem}._container_12p8o_1 ._richTextLink_12p8o_34{color:var(--color-secondary-100);text-decoration:underline;font-weight:var(--font-weight-semibold);transition:color .3s ease-in-out,text-decoration .3s ease-in-out}._container_12p8o_1 ._richTextLink_12p8o_34:hover{color:var(--color-primary-100);text-decoration:underline}._container_12p8o_1 ._divider_12p8o_12{border:none;border-top:1px solid var(--color-secondary-25);margin:var(--spacing-md) 0}._container_12p8o_1 .text-small{font-size:var(--font-size-sm)}._container_12p8o_1 .text-medium{font-size:var(--font-size-md)}._container_12p8o_1 .text-large{font-size:var(--font-size-lg)}._container_12p8o_1 .text-xlarge{font-size:var(--font-size-xl)}
16
16
  ._accordion_1bj6k_1{width:100%;overflow:hidden;background-color:transparent}._accordionItem_1bj6k_7{border-bottom:1px solid var(--color-border)}._accordionItem_1bj6k_7:last-child{border-bottom:none}._accordionHeader_1bj6k_15{text-align:left;width:100%;padding:var(--spacing-md);background-color:transparent;border:none;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:space-between;transition:color .3s}._accordionHeader_1bj6k_15._active_1bj6k_30,._accordionHeader_1bj6k_15:hover,._accordionHeader_1bj6k_15:hover ._icon_1bj6k_38{color:var(--color-primary-100)}._accordionContentWrapper_1bj6k_43{overflow:hidden;max-height:0;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;opacity:0}._open_1bj6k_50 ._accordionContentWrapper_1bj6k_43{max-height:800px;opacity:1;transition-timing-function:ease-in-out}._closed_1bj6k_56 ._accordionContentWrapper_1bj6k_43{max-height:0;opacity:0;transition-timing-function:ease-in-out}._accordionContent_1bj6k_43{padding:var(--spacing-md);box-sizing:border-box;color:var(--color-text-primary)}._icon_1bj6k_38{transition:transform .3s,color .3s ease-in-out}._rotate_1bj6k_72{transform:rotate(180deg)}
17
17
  ._grid_a6iq3_1{display:grid;width:100%;gap:var(--spacing-md, 1rem);grid-template-columns:var(--xs-columns, repeat(1, 1fr));grid-auto-rows:auto}@media (min-width: 480px){._grid_a6iq3_1{grid-template-columns:var(--sm-columns, var(--xs-columns));grid-auto-rows:auto}}@media (min-width: 768px){._grid_a6iq3_1{grid-template-columns:var(--md-columns, var(--sm-columns));grid-auto-rows:1fr}}@media (min-width: 1024px){._grid_a6iq3_1{grid-template-columns:var(--lg-columns, var(--md-columns));grid-auto-rows:auto 1fr}}@media (min-width: 1280px){._grid_a6iq3_1{grid-template-columns:var(--xl-columns, var(--lg-columns));grid-auto-rows:auto 1fr}}@media (min-width: 1536px){._grid_a6iq3_1{grid-template-columns:var(--2xl-columns, var(--xl-columns));grid-auto-rows:auto 1fr}}
18
18
  ._cardLink_peol3_1{text-decoration:none}._card_peol3_1{background-color:var(--color-primary-10);padding:var(--spacing-xl);height:100px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;position:relative;transition:background-color .3s ease-in-out}._card_peol3_1 ._title_peol3_17 span{font-weight:var(--font-weight-bold)}._cardLink_peol3_1:hover ._card_peol3_1{background-color:var(--color-primary-100)}._cardLink_peol3_1:hover ._title_peol3_17{color:#fff}._cardLink_peol3_1:hover ._title_peol3_17 span{color:#fff!important}._title_peol3_17{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-decoration:none;line-height:var(--line-height-tight);flex:1;transition:color .3s ease-in-out}._title_peol3_17 span{transition:color .3s ease-in-out}._imageWrapper_peol3_52{position:relative;height:100%;width:100px;display:flex;align-items:center;justify-content:center}._imageWrapper_peol3_52 img{position:absolute;width:80px;height:auto}@media (max-width: 767px){._imageWrapper_peol3_52{width:70px}._imageWrapper_peol3_52 img{width:70px}}._icon_peol3_75{display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:var(--color-primary-100);min-width:35px;min-height:35px;border-radius:var(--radius-full)}
@@ -84,7 +84,7 @@ ul._list_1fin2_1{list-style-type:none;padding:0;margin:0}ol._list_1fin2_1{list-s
84
84
  ._carousel_16g66_1{width:100%;overflow-x:hidden;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_16g66_8{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;max-width:var(--layout-width);margin:0 auto}@media (min-width: 768px){._container_16g66_8{padding:var(--spacing-xl) calc(var(--spacing-md) - var(--spacing-sm))}}._heading_16g66_21{display:flex;flex-direction:column;gap:var(--spacing-md);padding:0 var(--spacing-md)}._heading_16g66_21 h1,._heading_16g66_21 h2,._heading_16g66_21 h3,._heading_16g66_21 h4,._heading_16g66_21 h5,._heading_16g66_21 h6{width:100%;margin-bottom:0}@media (min-width: 768px){._heading_16g66_21{padding:0 calc(var(--spacing-md) - var(--spacing-sm))}}._carousel_16g66_1{display:block}._rating_16g66_56{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}@media (max-width: 767px){._rating_16g66_56{justify-content:flex-start}}._ratingValue_16g66_67{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}._ratingOuter_16g66_72{color:transparent;font-size:var(--font-size-xl);position:relative;display:inline-flex}._ratingInner_16g66_79{color:var(--color-warning);font-size:var(--font-size-xl);position:absolute;top:0;left:0;white-space:nowrap;overflow:hidden}.split ._carousel_16g66_1{padding-top:0;margin-top:0;flex:1}@media (max-width: 767px){.split ._carousel_16g66_1{gap:var(--spacing-md);padding-top:0}}.backgroundPrimary ._carouselComponent_16g66_101 ._indicator_16g66_102{background-color:var(--color-primary-100)}
85
85
  ._content_ivubr_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_ivubr_7{display:flex;align-items:center;justify-content:space-between;flex-direction:column;width:100%;max-width:var(--container-max-width, var(--layout-width));margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._container_ivubr_7 h1,._container_ivubr_7 h2,._container_ivubr_7 h3,._container_ivubr_7 h4,._container_ivubr_7 h5,._container_ivubr_7 h6{width:100%;margin-block:0}@media (max-width: 767px){._container_ivubr_7{gap:var(--spacing-xl)}}._metrics_ivubr_34{display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md)}@media (max-width: 767px){._metrics_ivubr_34{flex-direction:column}}._metric_ivubr_34{flex:1}._metricValue_ivubr_50{font-size:2.5rem;font-weight:var(--font-weight-bold);position:relative;z-index:1;color:var(--color-text-primary)}._metricValue_ivubr_50:after{content:"";display:block;background-color:var(--color-primary-100);width:35px;height:35px;position:absolute;top:-3px;left:-.5rem;z-index:-1;border-radius:var(--radius-md)}._disclaimer_ivubr_71{color:var(--color-text-primary);font-size:var(--font-size-sm)}._layoutHImageRight_ivubr_76{flex-direction:row;gap:var(--gap, 5rem)}._layoutHImageRight_ivubr_76 ._heading_ivubr_80{gap:var(--spacing-md);flex:.65}._layoutHImageRight_ivubr_76 ._image_ivubr_85{flex:.5}@media (max-width: 768px){._layoutHImageRight_ivubr_76{flex-direction:column-reverse;gap:var(--spacing-lg)}}._noImage_ivubr_95{flex-direction:column}._layoutHImageLeft_ivubr_99{flex-direction:row-reverse;gap:var(--gap, 5rem)}._layoutHImageLeft_ivubr_99 ._heading_ivubr_80{gap:var(--spacing-md);flex:.65}._layoutHImageLeft_ivubr_99 ._image_ivubr_85{flex:.5}@media (max-width: 768px){._layoutHImageLeft_ivubr_99{flex-direction:column-reverse;gap:var(--spacing-lg)}}._layoutVImageTop_ivubr_118{flex-direction:column-reverse;gap:var(--gap, var(--spacing-md))}._layoutVImageTop_ivubr_118 ._heading_ivubr_80{gap:var(--spacing-md)}@media (max-width: 768px){._layoutVImageTop_ivubr_118{gap:var(--spacing-lg)}}._layoutVImageBottom_ivubr_131{flex-direction:column;gap:var(--gap, var(--spacing-md))}._layoutVImageBottom_ivubr_131 ._heading_ivubr_80{gap:var(--spacing-md)}@media (max-width: 768px){._layoutVImageBottom_ivubr_131{gap:var(--spacing-lg)}}._heading_ivubr_80{display:flex;flex-direction:column;width:100%;gap:var(--spacing-md)}._title_ivubr_151{text-wrap:pretty}._text_ivubr_156{flex:1;display:flex;justify-content:center;flex-direction:column;gap:1rem}@media (max-width: 767px){._text_ivubr_156{flex:1;width:100%;align-items:flex-start}}._cta_ivubr_170{width:100%}@media (max-width: 767px){._cta_ivubr_170{justify-content:flex-start}}._headingHorizontal_ivubr_178{flex-direction:row;justify-content:space-between;gap:5rem}@media (max-width: 767px){._headingHorizontal_ivubr_178{gap:var(--spacing-md)}}._headingHorizontal_ivubr_178 ._titleWrapper_ivubr_187,._headingHorizontal_ivubr_178 .portableTextContainer{flex:1}._headingHorizontal_ivubr_178 ._title_ivubr_151{margin-bottom:0}._headingHorizontal_ivubr_178 p._title_ivubr_151{margin-top:1rem}@media (max-width: 768px){._headingHorizontal_ivubr_178{flex-direction:column}}._headingVertical_ivubr_208{flex-direction:column;justify-content:flex-start}._image_ivubr_85{display:flex;align-items:center;justify-content:center;flex:1;width:100%;margin:0 auto;line-height:0}._image_ivubr_85 img{width:100%;height:auto}._videoWrapper_ivubr_229{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-md);flex:1}._videoWrapper_ivubr_229 iframe,._videoWrapper_ivubr_229 video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}._default_ivubr_249{display:block}._default_ivubr_249 img{border-radius:var(--radius-md)}._maxWidth_ivubr_257{margin:0 auto}._maxWidth_ivubr_257 img{max-width:var(--max-width, var(--layout-width));border-radius:var(--radius-md);height:auto}._fullBleed_ivubr_267{width:100%;max-width:unset;border-radius:var(--radius-md);overflow:hidden}.blog ._container_ivubr_7{max-width:var(--blog-width)}.centered ._heading_ivubr_80{gap:var(--spacing-md);align-items:center;justify-content:center}.centered ._text_ivubr_156{align-items:center}.centered ._cta_ivubr_170{justify-content:center}.backgroundPrimary ._text_ivubr_156 p,.backgroundPrimary ._text_ivubr_156 p a,.backgroundPrimary ._metricValue_ivubr_50{color:#fff}.backgroundPrimary ._metricValue_ivubr_50:after{background-color:var(--color-secondary-100)}.backgroundPrimary ._cta_ivubr_170 ._secondary_ivubr_308{background-color:#fff}.split-35-65 ._heading_ivubr_80{flex:.35}
86
86
  ._faq_20vut_1{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._container_20vut_7{display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:5rem;width:100%;max-width:var(--layout-width);margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media (max-width: 768px){._container_20vut_7{gap:var(--spacing-xl)}}._heading_20vut_24{display:flex;flex-direction:column;gap:var(--spacing-md)}._heading_20vut_24 h1,._heading_20vut_24 h2,._heading_20vut_24 h3,._heading_20vut_24 h4,._heading_20vut_24 h5,._heading_20vut_24 h6{width:100%;margin-bottom:0}.split ._content_20vut_41{margin-top:0;flex:1}
87
- ._container_1yh99_1{width:100%;display:flex;flex-direction:column;justify-content:flex-start}._container_1yh99_1 *{margin-bottom:1rem}._container_1yh99_1 *:has(+._divider_1yh99_12){margin-bottom:0}._container_1yh99_1 ul{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}._container_1yh99_1 *:last-child{margin-bottom:0}._container_1yh99_1 ._richTextImage_1yh99_26{border-radius:var(--radius-md);margin:0 auto;overflow:hidden;line-height:0;margin-bottom:1rem}._container_1yh99_1 ._richTextLink_1yh99_34{color:var(--color-secondary-100);text-decoration:underline;font-weight:var(--font-weight-semibold);transition:color .3s ease-in-out,text-decoration .3s ease-in-out}._container_1yh99_1 ._richTextLink_1yh99_34:hover{color:var(--color-primary-100);text-decoration:underline}._container_1yh99_1 ._divider_1yh99_12{border:none;border-top:1px solid var(--color-secondary-25);margin:var(--spacing-md) 0}._container_1yh99_1 .text-small{font-size:var(--font-size-sm)}._container_1yh99_1 .text-medium{font-size:var(--font-size-md)}._container_1yh99_1 .text-large{font-size:var(--font-size-lg)}._container_1yh99_1 .text-xlarge{font-size:var(--font-size-xl)}
87
+ ._container_12p8o_1{width:100%;display:flex;flex-direction:column;justify-content:flex-start}._container_12p8o_1 *{margin-bottom:1rem}._container_12p8o_1 *:has(+._divider_12p8o_12){margin-bottom:0}._container_12p8o_1 ul{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}._container_12p8o_1 ._richTextImage_12p8o_26{border-radius:var(--radius-md);margin:0 auto;overflow:hidden;line-height:0;margin-bottom:1rem}._container_12p8o_1 ._richTextLink_12p8o_34{color:var(--color-secondary-100);text-decoration:underline;font-weight:var(--font-weight-semibold);transition:color .3s ease-in-out,text-decoration .3s ease-in-out}._container_12p8o_1 ._richTextLink_12p8o_34:hover{color:var(--color-primary-100);text-decoration:underline}._container_12p8o_1 ._divider_12p8o_12{border:none;border-top:1px solid var(--color-secondary-25);margin:var(--spacing-md) 0}._container_12p8o_1 .text-small{font-size:var(--font-size-sm)}._container_12p8o_1 .text-medium{font-size:var(--font-size-md)}._container_12p8o_1 .text-large{font-size:var(--font-size-lg)}._container_12p8o_1 .text-xlarge{font-size:var(--font-size-xl)}
88
88
  ._accordion_1bj6k_1{width:100%;overflow:hidden;background-color:transparent}._accordionItem_1bj6k_7{border-bottom:1px solid var(--color-border)}._accordionItem_1bj6k_7:last-child{border-bottom:none}._accordionHeader_1bj6k_15{text-align:left;width:100%;padding:var(--spacing-md);background-color:transparent;border:none;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:space-between;transition:color .3s}._accordionHeader_1bj6k_15._active_1bj6k_30,._accordionHeader_1bj6k_15:hover,._accordionHeader_1bj6k_15:hover ._icon_1bj6k_38{color:var(--color-primary-100)}._accordionContentWrapper_1bj6k_43{overflow:hidden;max-height:0;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;opacity:0}._open_1bj6k_50 ._accordionContentWrapper_1bj6k_43{max-height:800px;opacity:1;transition-timing-function:ease-in-out}._closed_1bj6k_56 ._accordionContentWrapper_1bj6k_43{max-height:0;opacity:0;transition-timing-function:ease-in-out}._accordionContent_1bj6k_43{padding:var(--spacing-md);box-sizing:border-box;color:var(--color-text-primary)}._icon_1bj6k_38{transition:transform .3s,color .3s ease-in-out}._rotate_1bj6k_72{transform:rotate(180deg)}
89
89
  ._grid_a6iq3_1{display:grid;width:100%;gap:var(--spacing-md, 1rem);grid-template-columns:var(--xs-columns, repeat(1, 1fr));grid-auto-rows:auto}@media (min-width: 480px){._grid_a6iq3_1{grid-template-columns:var(--sm-columns, var(--xs-columns));grid-auto-rows:auto}}@media (min-width: 768px){._grid_a6iq3_1{grid-template-columns:var(--md-columns, var(--sm-columns));grid-auto-rows:1fr}}@media (min-width: 1024px){._grid_a6iq3_1{grid-template-columns:var(--lg-columns, var(--md-columns));grid-auto-rows:auto 1fr}}@media (min-width: 1280px){._grid_a6iq3_1{grid-template-columns:var(--xl-columns, var(--lg-columns));grid-auto-rows:auto 1fr}}@media (min-width: 1536px){._grid_a6iq3_1{grid-template-columns:var(--2xl-columns, var(--xl-columns));grid-auto-rows:auto 1fr}}
90
90
  ._cardLink_peol3_1{text-decoration:none}._card_peol3_1{background-color:var(--color-primary-10);padding:var(--spacing-xl);height:100px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;position:relative;transition:background-color .3s ease-in-out}._card_peol3_1 ._title_peol3_17 span{font-weight:var(--font-weight-bold)}._cardLink_peol3_1:hover ._card_peol3_1{background-color:var(--color-primary-100)}._cardLink_peol3_1:hover ._title_peol3_17{color:#fff}._cardLink_peol3_1:hover ._title_peol3_17 span{color:#fff!important}._title_peol3_17{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-decoration:none;line-height:var(--line-height-tight);flex:1;transition:color .3s ease-in-out}._title_peol3_17 span{transition:color .3s ease-in-out}._imageWrapper_peol3_52{position:relative;height:100%;width:100px;display:flex;align-items:center;justify-content:center}._imageWrapper_peol3_52 img{position:absolute;width:80px;height:auto}@media (max-width: 767px){._imageWrapper_peol3_52{width:70px}._imageWrapper_peol3_52 img{width:70px}}._icon_peol3_75{display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:var(--color-primary-100);min-width:35px;min-height:35px;border-radius:var(--radius-full)}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "quirk-ui",
3
3
  "private": false,
4
- "version": "0.0.569",
4
+ "version": "0.0.570",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {