@lifesg/react-design-system 1.0.0-alpha.2 → 1.0.0-alpha.20

package/popover/popover.styles.d.ts

@@ -4,7 +4,7 @@ interface PopoverStyleProps {
     $visible?: boolean;
     $offset: OffsetPosition;
 }
-export declare const Bubble: import("styled-components").StyledComponent<"div", any, PopoverStyleProps, never>;
+export declare const BubbleWrap: import("styled-components").StyledComponent<"div", any, PopoverStyleProps, never>;
 export declare const MobileModalBox: import("styled-components").StyledComponent<({ id, children, onClose, showCloseButton, ...otherProps }: import("..").ModalBoxProps) => JSX.Element, any, {}, never>;
 export declare const HOCWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const HOCTrigger: import("styled-components").StyledComponent<"button", any, {}, never>;

package/popover/types.d.ts

@@ -5,11 +5,11 @@ export interface PopoverProps {
     id?: string | undefined;
     className?: string | undefined;
     "data-testid"?: string | undefined;
-    onMobileClose?: () => void | undefined;
+    onMobileClose?: (() => void) | undefined;
 }
 export interface PopoverHOCProps {
-    onPopoverAppear?: () => void | undefined;
-    onPopoverDismiss?: () => void | undefined;
+    onPopoverAppear?: (() => void) | undefined;
+    onPopoverDismiss?: (() => void) | undefined;
 }
 export interface PopoverHOCOptionsProps {
     content: string | JSX.Element;

package/progress-indicator/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./progress-indicator";
+export * from "./types";

package/progress-indicator/index.js

@@ -0,0 +1,240 @@
+import t,{jsx as e,jsxs as n,Fragment as r}from"react/jsx-runtime";import i,{useState as o,useRef as a,useEffect as l}from"react";import c,{css as f}from"styled-components";const d={mobileS:320,mobileM:375,mobileL:480,tablet:1199,desktopM:1399,desktopL:1999,desktop4k:3840},u=t=>Object.keys(d).reduce(((e,n)=>{const r=d[n];return e[n]=`@media screen and (${t}: ${r}px)`,e}),{}),h=u("max-width"),g=(u("min-width"),d);var s="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},p=Array.isArray,m="object"==typeof s&&s&&s.Object===Object&&s,y="object"==typeof self&&self&&self.Object===Object&&self,S=m||y||Function("return this")(),v=S.Symbol,F=v,b=Object.prototype,x=b.hasOwnProperty,$=b.toString,H=F?F.toStringTag:void 0;var B=function(t){var e=x.call(t,H),n=t[H];try{t[H]=void 0;var r=!0}catch(t){}var i=$.call(t);return r&&(e?t[H]=n:delete t[H]),i},D=Object.prototype.toString;var w=B,_=function(t){return D.call(t)},z=v?v.toStringTag:void 0;var E=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":z&&z in Object(t)?w(t):_(t)};var C=E,A=function(t){return null!=t&&"object"==typeof t};var k=function(t){return"symbol"==typeof t||A(t)&&"[object Symbol]"==C(t)},W=p,O=k,L=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,j=/^\w*$/;var N=function(t,e){if(W(t))return!1;var n=typeof t;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=t&&!O(t))||(j.test(t)||!L.test(t)||null!=e&&t in Object(e))};var R=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)},I=E,T=R;var V,P=function(t){if(!T(t))return!1;var e=I(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e},Z=S["__core-js_shared__"],G=(V=/[^.]+$/.exec(Z&&Z.keys&&Z.keys.IE_PROTO||""))?"Symbol(src)_1."+V:"";var U=function(t){return!!G&&G in t},M=Function.prototype.toString;var X=P,Y=U,J=R,K=function(t){if(null!=t){try{return M.call(t)}catch(t){}try{return t+""}catch(t){}}return""},q=/^\[object .+?Constructor\]$/,Q=Function.prototype,tt=Object.prototype,et=Q.toString,nt=tt.hasOwnProperty,rt=RegExp("^"+et.call(nt).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var it=function(t){return!(!J(t)||Y(t))&&(X(t)?rt:q).test(K(t))},ot=function(t,e){return null==t?void 0:t[e]};var at=function(t,e){var n=ot(t,e);return it(n)?n:void 0},lt=at(Object,"create"),ct=lt;var ft=function(){this.__data__=ct?ct(null):{},this.size=0};var dt=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},ut=lt,ht=Object.prototype.hasOwnProperty;var gt=function(t){var e=this.__data__;if(ut){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return ht.call(e,t)?e[t]:void 0},st=lt,pt=Object.prototype.hasOwnProperty;var mt=lt;var yt=ft,St=dt,vt=gt,Ft=function(t){var e=this.__data__;return st?void 0!==e[t]:pt.call(e,t)},bt=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=mt&&void 0===e?"__lodash_hash_undefined__":e,this};function xt(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}xt.prototype.clear=yt,xt.prototype.delete=St,xt.prototype.get=vt,xt.prototype.has=Ft,xt.prototype.set=bt;var $t=xt;var Ht=function(){this.__data__=[],this.size=0};var Bt=function(t,e){return t===e||t!=t&&e!=e};var Dt=function(t,e){for(var n=t.length;n--;)if(Bt(t[n][0],e))return n;return-1},wt=Dt,_t=Array.prototype.splice;var zt=Dt;var Et=Dt;var Ct=Dt;var At=Ht,kt=function(t){var e=this.__data__,n=wt(e,t);return!(n<0)&&(n==e.length-1?e.pop():_t.call(e,n,1),--this.size,!0)},Wt=function(t){var e=this.__data__,n=zt(e,t);return n<0?void 0:e[n][1]},Ot=function(t){return Et(this.__data__,t)>-1},Lt=function(t,e){var n=this.__data__,r=Ct(n,t);return r<0?(++this.size,n.push([t,e])):n[r][1]=e,this};function jt(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}jt.prototype.clear=At,jt.prototype.delete=kt,jt.prototype.get=Wt,jt.prototype.has=Ot,jt.prototype.set=Lt;var Nt=jt,Rt=at(S,"Map"),It=$t,Tt=Nt,Vt=Rt;var Pt=function(t){var e=typeof t;return"string"==e||"number"==e||"symbol"==e||"boolean"==e?"__proto__"!==t:null===t};var Zt=function(t,e){var n=t.__data__;return Pt(e)?n["string"==typeof e?"string":"hash"]:n.map},Gt=Zt;var Ut=Zt;var Mt=Zt;var Xt=Zt;var Yt=function(){this.size=0,this.__data__={hash:new It,map:new(Vt||Tt),string:new It}},Jt=function(t){var e=Gt(this,t).delete(t);return this.size-=e?1:0,e},Kt=function(t){return Ut(this,t).get(t)},qt=function(t){return Mt(this,t).has(t)},Qt=function(t,e){var n=Xt(this,t),r=n.size;return n.set(t,e),this.size+=n.size==r?0:1,this};function te(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var r=t[e];this.set(r[0],r[1])}}te.prototype.clear=Yt,te.prototype.delete=Jt,te.prototype.get=Kt,te.prototype.has=qt,te.prototype.set=Qt;var ee=te;function ne(t,e){if("function"!=typeof t||null!=e&&"function"!=typeof e)throw new TypeError("Expected a function");var n=function(){var r=arguments,i=e?e.apply(this,r):r[0],o=n.cache;if(o.has(i))return o.get(i);var a=t.apply(this,r);return n.cache=o.set(i,a)||o,a};return n.cache=new(ne.Cache||ee),n}ne.Cache=ee;var re=ne;var ie=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,oe=/\\(\\)?/g,ae=function(t){var e=re(t,(function(t){return 500===n.size&&n.clear(),t})),n=e.cache;return e}((function(t){var e=[];return 46===t.charCodeAt(0)&&e.push(""),t.replace(ie,(function(t,n,r,i){e.push(r?i.replace(oe,"$1"):n||t)})),e}));var le=function(t,e){for(var n=-1,r=null==t?0:t.length,i=Array(r);++n<r;)i[n]=e(t[n],n,t);return i},ce=p,fe=k,de=v?v.prototype:void 0,ue=de?de.toString:void 0;var he=function t(e){if("string"==typeof e)return e;if(ce(e))return le(e,t)+"";if(fe(e))return ue?ue.call(e):"";var n=e+"";return"0"==n&&1/e==-Infinity?"-0":n},ge=he;var se=function(t){return null==t?"":ge(t)},pe=p,me=N,ye=ae,Se=se;var ve=k;var Fe=function(t,e){return pe(t)?t:me(t,e)?[t]:ye(Se(t))},be=function(t){if("string"==typeof t||ve(t))return t;var e=t+"";return"0"==e&&1/t==-Infinity?"-0":e};var xe=function(t,e){for(var n=0,r=(e=Fe(e,t)).length;null!=t&&n<r;)t=t[be(e[n++])];return n&&n==r?t:void 0};var $e=function(t,e,n){var r=null==t?void 0:xe(t,e);return void 0===r?n:r};const He=(t,e,n)=>e?$e(n,e)||$e(t,e):n||t,Be=(t,e)=>{const n=e||t.defaultValue;return $e(t.collections,n)};var De;!function(t){t.colorScheme="colorScheme",t.layout="layout",t.textStyleScheme="textStyleScheme",t.designTokenScheme="designTokenScheme"}(De||(De={}));const we={collections:{base:{Brand:{1:"#EF413D",2:"#F26664",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#1C76D5",PrimaryDark:"#1869BF",Secondary:"#0056b3",Accent:{Dark:{1:"#465A88",2:"#556D99",3:"#8D8DBF"},Light:{1:"#57A9FF",2:"#81BFFF",3:"#BED7FF",4:"#E2ECFD",5:"#F6F8FF",6:"#FBFCFE"}},Neutral:{1:"#282828",2:"#424242",3:"#686868",4:"#A4A4A4",5:"#E0E4E5",6:"#ECEFEF",7:"#F8F8F8",8:"#FFFFFF"},Validation:{Green:{Text:"#097123",Icon:"#4FC029",Border:"#95D97F",Background:"#F9FDF8"},Orange:{Text:"#B34E00",Icon:"#FEAB10",Border:"#F9CB77",Background:"#FFFCF7",Badge:"#F57F17"},Red:{Text:"#C60000",Icon:"#C60000",Border:"#DD6666",Background:"#FDF7F7"}},Shadow:{Accent:"rgba(87, 169, 255, 0.5)",Red:"rgba(221, 102, 102, 0.8)"}},bookingsg:{Brand:{1:"#EF413D",2:"#F26664",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#6F4AB8",PrimaryDark:"#6443A6",Secondary:"#6443A6",Accent:{Dark:{1:"#355985",2:"#68819D",3:"#9AABBE"},Light:{1:"#9F82D9",2:"#B5A5D7",3:"#CEC3E4 ",4:"#E2DBEF",5:"#F2EFF8",6:"#F7F6FB"}},Neutral:{1:"#282828",2:"#424242",3:"#686868",4:"#A4A4A4",5:"#E0E4E5",6:"#ECEFEF",7:"#F8F8F8",8:"#FFFFFF"},Validation:{Green:{Text:"#097123",Icon:"#4FC029",Border:"#95D97F",Background:"#F9FDF8"},Orange:{Text:"#B34E00",Icon:"#FEAB10",Border:"#F9CB77",Background:"#FFFCF7",Badge:"#F57F17"},Red:{Text:"#C60000",Icon:"#C60000",Border:"#DD6666",Background:"#FDF7F7"}},Shadow:{Accent:"rgba(161, 87, 255, 0.5)",Red:"rgba(221, 102, 102, 0.8)"}}},defaultValue:"base"},_e=t=>e=>{const n=e.theme,r=Be(we,n[De.colorScheme]);return n.options&&n.options.color?He(r,t,n.options.color):He(r,t)},ze={Brand:{1:_e("Brand.1"),2:_e("Brand.2"),3:_e("Brand.3"),4:_e("Brand.4"),5:_e("Brand.5"),6:_e("Brand.6")},Primary:_e("Primary"),PrimaryDark:_e("PrimaryDark"),Secondary:_e("Secondary"),Accent:{Light:{1:_e("Accent.Light.1"),2:_e("Accent.Light.2"),3:_e("Accent.Light.3"),4:_e("Accent.Light.4"),5:_e("Accent.Light.5"),6:_e("Accent.Light.6")},Dark:{1:_e("Accent.Dark.1"),2:_e("Accent.Dark.2"),3:_e("Accent.Dark.3")}},Neutral:{1:_e("Neutral.1"),2:_e("Neutral.2"),3:_e("Neutral.3"),4:_e("Neutral.4"),5:_e("Neutral.5"),6:_e("Neutral.6"),7:_e("Neutral.7"),8:_e("Neutral.8")},Validation:{Green:{Text:_e("Validation.Green.Text"),Icon:_e("Validation.Green.Icon"),Border:_e("Validation.Green.Border"),Background:_e("Validation.Green.Background")},Orange:{Text:_e("Validation.Orange.Text"),Icon:_e("Validation.Orange.Icon"),Border:_e("Validation.Orange.Border"),Background:_e("Validation.Orange.Background"),Badge:_e("Validation.Orange.Badge")},Red:{Text:_e("Validation.Red.Text"),Icon:_e("Validation.Red.Icon"),Border:_e("Validation.Red.Border"),Background:_e("Validation.Red.Background")}},Shadow:{Accent:_e("Shadow.Accent"),Red:_e("Shadow.Red")}},Ee=i.forwardRef(((t,n)=>{const{children:r,"data-testid":i="container",type:o="flex",...a}=t;return e(Ce,{ref:n,"data-testid":i,type:o,...a,children:r})})),Ce=c.div`
+    flex-grow: 1;
+    margin: 0 auto;
+    position: relative;
+    width: auto;
+    height: auto;
+    padding: 0 0.75rem;
+
+    /* Max width restrictions */
+    max-width: 1320px;
+
+    ${h.desktopM} {
+        max-width: 1140px;
+    }
+
+    ${h.tablet} {
+        max-width: 720px;
+    }
+
+    ${h.mobileL} {
+        width: 100%;
+        padding: 0;
+        max-width: unset;
+    }
+
+    ${t=>{switch(t.type){case"grid":return f`
+                    column-gap: 2rem;
+                    display: grid;
+                    grid-template-columns: repeat(12, minmax(0, 1fr));
+
+                    ${h.tablet} {
+                        column-gap: 1.5rem;
+                        grid-template-columns: repeat(8, minmax(0, 1fr));
+                    }
+
+                    ${h.mobileL} {
+                        column-gap: 1rem;
+                        grid-template-columns: repeat(4, minmax(0, 1fr));
+                    }
+                `;case"flex-column":return f`
+                    display: flex;
+                    flex-direction: column;
+                `;default:return f`
+                    display: flex;
+                `}}}
+`,Ae=i.forwardRef(((t,n)=>{const{children:r,"data-testid":i="section",...o}=t;return e(ke,{ref:n,"data-testid":i,...o,children:r})})),ke=c.section`
+    display: block;
+    position: relative;
+    padding: 0 1.5rem;
+
+    // Extra enforcement
+    padding-left: 1.5rem !important;
+    padding-right: 1.5rem !important;
+`,We=i.forwardRef(((t,n)=>{const{children:r,"data-testid":i="content",className:o,type:a="flex",...l}=t;return e(Ae,{ref:n,"data-testid":i,className:o,...l,children:e(Ee,{"data-testid":`${i}-container`,type:a,"data-id":"container",children:r})})})),Oe={Section:Ae,Container:Ee,Content:We},Le={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},je={collections:{base:{D1:{fontFamily:Le.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:Le.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:Le.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:Le.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:Le.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:Le.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:Le.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:Le.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:Le.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:Le.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:Le.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:Le.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:Le.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:Le.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},Ne=t=>e=>{const n=e.theme,r=Be(je,n[De.textStyleScheme]);return n.options&&n.options.textStyle?He(r,t,n.options.textStyle):He(r,t)},Re={D1:{fontFamily:Ne("D1.fontFamily"),fontSize:Ne("D1.fontSize"),fontWeight:Ne("D1.fontWeight"),lineHeight:Ne("D1.lineHeight"),letterSpacing:Ne("D1.letterSpacing")},D2:{fontFamily:Ne("D2.fontFamily"),fontSize:Ne("D2.fontSize"),fontWeight:Ne("D2.fontWeight"),lineHeight:Ne("D2.lineHeight"),letterSpacing:Ne("D2.letterSpacing")},D3:{fontFamily:Ne("D3.fontFamily"),fontSize:Ne("D3.fontSize"),fontWeight:Ne("D3.fontWeight"),lineHeight:Ne("D3.lineHeight"),letterSpacing:Ne("D3.letterSpacing")},D4:{fontFamily:Ne("D4.fontFamily"),fontSize:Ne("D4.fontSize"),fontWeight:Ne("D4.fontWeight"),lineHeight:Ne("D4.lineHeight"),letterSpacing:Ne("D4.letterSpacing")},DBody:{fontFamily:Ne("DBody.fontFamily"),fontSize:Ne("DBody.fontSize"),fontWeight:Ne("DBody.fontWeight"),lineHeight:Ne("DBody.lineHeight"),letterSpacing:Ne("DBody.letterSpacing")},H1:{fontFamily:Ne("H1.fontFamily"),fontSize:Ne("H1.fontSize"),fontWeight:Ne("H1.fontWeight"),lineHeight:Ne("H1.lineHeight"),letterSpacing:Ne("H1.letterSpacing")},H2:{fontFamily:Ne("H2.fontFamily"),fontSize:Ne("H2.fontSize"),fontWeight:Ne("H2.fontWeight"),lineHeight:Ne("H2.lineHeight"),letterSpacing:Ne("H2.letterSpacing")},H3:{fontFamily:Ne("H3.fontFamily"),fontSize:Ne("H3.fontSize"),fontWeight:Ne("H3.fontWeight"),lineHeight:Ne("H3.lineHeight"),letterSpacing:Ne("H3.letterSpacing")},H4:{fontFamily:Ne("H4.fontFamily"),fontSize:Ne("H4.fontSize"),fontWeight:Ne("H4.fontWeight"),lineHeight:Ne("H4.lineHeight"),letterSpacing:Ne("H4.letterSpacing")},H5:{fontFamily:Ne("H5.fontFamily"),fontSize:Ne("H5.fontSize"),fontWeight:Ne("H5.fontWeight"),lineHeight:Ne("H5.lineHeight"),letterSpacing:Ne("H5.letterSpacing")},H6:{fontFamily:Ne("H6.fontFamily"),fontSize:Ne("H6.fontSize"),fontWeight:Ne("H6.fontWeight"),lineHeight:Ne("H6.lineHeight"),letterSpacing:Ne("H6.letterSpacing")},Body:{fontFamily:Ne("Body.fontFamily"),fontSize:Ne("Body.fontSize"),fontWeight:Ne("Body.fontWeight"),lineHeight:Ne("Body.lineHeight"),letterSpacing:Ne("Body.letterSpacing")},BodySmall:{fontFamily:Ne("BodySmall.fontFamily"),fontSize:Ne("BodySmall.fontSize"),fontWeight:Ne("BodySmall.fontWeight"),lineHeight:Ne("BodySmall.lineHeight"),letterSpacing:Ne("BodySmall.letterSpacing")},XSmall:{fontFamily:Ne("XSmall.fontFamily"),fontSize:Ne("XSmall.fontSize"),fontWeight:Ne("XSmall.fontWeight"),lineHeight:Ne("XSmall.lineHeight"),letterSpacing:Ne("XSmall.letterSpacing")}},Ie=t=>{switch(t){case 700:case"bold":return Le.Bold;case 600:case"semibold":return Le.Semibold;case 300:case"light":return Le.Light;case 400:case"regular":return Le.Regular;default:return""}},Te=(t,e)=>n=>{const r=Re[t].fontFamily(n),i=Re[t].fontWeight(n);return Object.values(Le).includes(r)?f`
+                font-family: ${Ie(e)||Ie(i)||r};
+                font-weight: normal !important;
+            `:f`
+            font-family: ${r};
+            font-weight: ${(Ve(e)||i)??"normal"};
+        `},Ve=t=>{switch(t){case 300:case"light":return 300;case 400:case"regular":return 400;case 600:case"semibold":return 600;case 700:case"bold":return 700;case 900:case"black":return 900;default:return""}},Pe=(t,e,n=!1)=>r=>{const i=Re[t],o=i.fontSize(r);return f`
+            ${Te(t,e)}
+            font-size: ${o}rem !important;
+            line-height: ${i.lineHeight}rem !important;
+            letter-spacing: ${i.letterSpacing(r)||0}rem !important;
+            ${f`
+                margin-bottom: ${o*(n?1.05:0)}rem;
+            `}
+        `},Ze=(t=!1,e=!1)=>e?f`
+            display: block;
+        `:t?f`
+            display: inline;
+        `:f`
+            display: block;
+        `;var Ge,Ue={};Object.defineProperty(Ue,"__esModule",{value:!0});var Me=t;const Xe=t=>Me.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:Me.jsx("path",{d:"M4.25 17.5C3.764 17.5 3.35067 17.33 3.01 16.99C2.67 16.6493 2.5 16.236 2.5 15.75V4.25C2.5 3.764 2.67 3.35067 3.01 3.01C3.35067 2.67 3.764 2.5 4.25 2.5H9.208C9.444 2.5 9.649 2.58667 9.823 2.76C9.99633 2.934 10.083 3.139 10.083 3.375C10.083 3.611 9.99633 3.816 9.823 3.99C9.649 4.16333 9.444 4.25 9.208 4.25H4.25V15.75H15.75V10.792C15.75 10.556 15.8367 10.351 16.01 10.177C16.184 10.0037 16.389 9.917 16.625 9.917C16.861 9.917 17.066 10.0037 17.24 10.177C17.4133 10.351 17.5 10.556 17.5 10.792V15.75C17.5 16.236 17.33 16.6493 16.99 16.99C16.6493 17.33 16.236 17.5 15.75 17.5H4.25ZM7.5 12.5C7.33333 12.3333 7.25 12.1283 7.25 11.885C7.25 11.6423 7.33333 11.4377 7.5 11.271L14.521 4.25H12.708C12.472 4.25 12.2673 4.16333 12.094 3.99C11.92 3.816 11.833 3.611 11.833 3.375C11.833 3.139 11.92 2.934 12.094 2.76C12.2673 2.58667 12.472 2.5 12.708 2.5H16.625C16.861 2.5 17.066 2.58667 17.24 2.76C17.4133 2.934 17.5 3.139 17.5 3.375V7.292C17.5 7.528 17.4133 7.73267 17.24 7.906C17.066 8.08 16.861 8.167 16.625 8.167C16.389 8.167 16.184 8.08 16.01 7.906C15.8367 7.73267 15.75 7.528 15.75 7.292V5.479L8.708 12.521C8.54133 12.6877 8.34367 12.771 8.115 12.771C7.88567 12.771 7.68067 12.6807 7.5 12.5Z",fill:"currentColor"})});var Ye;Xe.displayName="ExternalIcon",Ge=Ue.ExternalIcon=Xe,function(t){t.D1=c.h1`
+        ${t=>f`
+                ${Pe("D1",t.weight,t.paragraph)}
+                color: ${ze.Neutral[1]};
+                ${Ze(t.inline,t.paragraph)}
+            `}
+    `,t.D2=c.h1`
+        ${t=>f`
+                ${Pe("D2",t.weight,t.paragraph)}
+                color: ${ze.Neutral[1]};
+                ${Ze(t.inline,t.paragraph)}
+            `}
+    `,t.D3=c.h1`
+        ${t=>f`
+                ${Pe("D3",t.weight,t.paragraph)}
+                color: ${ze.Neutral[1]};
+                ${Ze(t.inline,t.paragraph)}
+            `}
+    `,t.D4=c.h1`
+        ${t=>f`
+                ${Pe("D4",t.weight,t.paragraph)}
+                color: ${ze.Neutral[1]};
+                ${Ze(t.inline,t.paragraph)}
+            `}
+    `,t.DBody=c.h1`
+        ${t=>f`
+                ${Pe("DBody",t.weight,t.paragraph)}
+                color: ${ze.Neutral[1]};
+                ${Ze(t.inline,t.paragraph)}
+            `}
+    `,t.H1=c.h1`
+        ${t=>f`
+                ${Pe("H1",t.weight,t.paragraph)}
+                color: ${ze.Neutral[1]};
+                ${Ze(t.inline,t.paragraph)}
+            `}
+    `,t.H2=c.h2`
+        ${t=>f`
+                ${Pe("H2",t.weight,t.paragraph)}
+                color: ${ze.Neutral[1]};
+                ${Ze(t.inline,t.paragraph)}
+            `}
+    `,t.H3=c.h3`
+        ${t=>f`
+                ${Pe("H3",t.weight,t.paragraph)}
+                color: ${ze.Neutral[1]};
+                ${Ze(t.inline,t.paragraph)}
+            `}
+    `,t.H4=c.h4`
+        ${t=>f`
+                ${Pe("H4",t.weight,t.paragraph)}
+                color: ${ze.Neutral[1]};
+                ${Ze(t.inline,t.paragraph)}
+            `}
+    `,t.H5=c.h5`
+        ${t=>f`
+                ${Pe("H5",t.weight,t.paragraph)}
+                color: ${ze.Neutral[1]};
+                ${Ze(t.inline,t.paragraph)}
+            `}
+    `,t.H6=c.h6`
+        ${t=>f`
+                ${Pe("H6",t.weight,t.paragraph)}
+                color: ${ze.Neutral[1]};
+                ${Ze(t.inline,t.paragraph)}
+            `}
+    `,t.Body=c.p`
+        ${t=>f`
+                ${Pe("Body",t.weight,t.paragraph)}
+                color: ${ze.Neutral[1]};
+                ${Ze(t.inline,t.paragraph)}
+            `}
+    `,t.BodySmall=c.p`
+        ${t=>f`
+                ${Pe("BodySmall",t.weight,t.paragraph)}
+                color: ${ze.Neutral[1]};
+                ${Ze(t.inline,t.paragraph)}
+            `}
+    `,t.XSmall=c.span`
+        ${t=>f`
+                ${Pe("XSmall",t.weight,t.paragraph)}
+                color: ${ze.Neutral[1]};
+                ${Ze(t.inline,t.paragraph)}
+            `}
+    `,t.Hyperlink={Default:t=>qe({...t,textStyle:"Body"}),Small:t=>qe({...t,textStyle:"BodySmall"})}}(Ye||(Ye={}));const Je=c.a`
+    ${t=>f`
+            ${Pe(t.textStyle,t.weight)}
+            color: ${ze.Primary};
+            text-decoration: none;
+
+            :hover,
+            :active,
+            :focus {
+                color: ${ze.Secondary};
+
+                svg {
+                    color: ${ze.Secondary};
+                }
+            }
+        `}
+`,Ke=c(Ge)`
+    height: 1rem;
+    width: 1rem;
+    margin-left: 0.4rem;
+    vertical-align: middle;
+`,qe=({external:t=!1,children:r,...i})=>n(Je,{...i,children:[r,t&&e(Ke,{})]});var Qe;!function(t){t[t.Subpage=0]="Subpage",t[t.Domain=1]="Domain"}(Qe||(Qe={}));const tn=c.div`
+    position: relative;
+    width: 100%;
+    z-index: 1;
+
+    margin: 2rem 0;
+
+    ${h.desktopM} {
+        margin: 1.5rem 0;
+    }
+
+    ${h.tablet} {
+        margin: 1rem 0;
+    }
+`,en=c.nav`
+    display: flex;
+    flex-basis: 0;
+    justify-content: space-between;
+    width: 100%;
+    overflow-x: scroll;
+    overflow-y: hidden;
+    scrollbar-width: none; /* Firefox */
+    -ms-overflow-style: none; /* IE 10+ */
+    ::-webkit-scrollbar {
+        display: none; /* Chrome/Safari/Webkit */
+    }
+`,nn=c.div`
+    width: ${"4rem"};
+    top: 0;
+    bottom: 0;
+    position: absolute;
+    pointer-events: none;
+
+    ${t=>{const{position:e,backgroundColor:n}=t;let r;const i="rgba(255,255,255,0.001)";return r="left"===e?`\n                left: -2%;\n                background-image: linear-gradient(to right, ${n||"white"}, ${i});\n            `:`\n                right: -2%;\n                background-image: linear-gradient(to left, ${n||"white"}, ${i});\n            `,`\n            ${h.tablet} {\n                ${r}\n            }\n        `}};
+`;c(Oe.Content)`
+    margin-top: 4.5rem;
+    margin-bottom: 3rem;
+    display: flex;
+    justify-content: space-between;
+`;const rn=c.div`
+    height: 0.25rem;
+    margin-bottom: 0.5rem;
+    border-radius: 0.25rem;
+    ${t=>{const{highlighted:e}=t;return`\n            background-color: ${(e?ze.Accent.Light[1]:ze.Neutral[6])(t)};\n        `}};
+
+    ${h.mobileL} {
+        width: ${"10rem"};
+    }
+`,on=c(Ye.BodySmall)`
+    margin-right: 0.5rem;
+
+    ${t=>{const{highlighted:e}=t;return`color: ${(e?ze.Primary:ze.Neutral[4])(t)};`}};
+`,an=c.div`
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+
+    &:not(:last-child) {
+        margin-right: ${"0.5rem"};
+    }
+`;var ln=function(t,e,n,r){var i=-1,o=null==t?0:t.length;for(r&&o&&(n=t[++i]);++i<o;)n=e(n,t[i],i,t);return n};var cn=function(t){return function(e){return null==t?void 0:t[e]}}({"À":"A","Á":"A","Â":"A","Ã":"A","Ä":"A","Å":"A","à":"a","á":"a","â":"a","ã":"a","ä":"a","å":"a","Ç":"C","ç":"c","Ð":"D","ð":"d","È":"E","É":"E","Ê":"E","Ë":"E","è":"e","é":"e","ê":"e","ë":"e","Ì":"I","Í":"I","Î":"I","Ï":"I","ì":"i","í":"i","î":"i","ï":"i","Ñ":"N","ñ":"n","Ò":"O","Ó":"O","Ô":"O","Õ":"O","Ö":"O","Ø":"O","ò":"o","ó":"o","ô":"o","õ":"o","ö":"o","ø":"o","Ù":"U","Ú":"U","Û":"U","Ü":"U","ù":"u","ú":"u","û":"u","ü":"u","Ý":"Y","ý":"y","ÿ":"y","Æ":"Ae","æ":"ae","Þ":"Th","þ":"th","ß":"ss","Ā":"A","Ă":"A","Ą":"A","ā":"a","ă":"a","ą":"a","Ć":"C","Ĉ":"C","Ċ":"C","Č":"C","ć":"c","ĉ":"c","ċ":"c","č":"c","Ď":"D","Đ":"D","ď":"d","đ":"d","Ē":"E","Ĕ":"E","Ė":"E","Ę":"E","Ě":"E","ē":"e","ĕ":"e","ė":"e","ę":"e","ě":"e","Ĝ":"G","Ğ":"G","Ġ":"G","Ģ":"G","ĝ":"g","ğ":"g","ġ":"g","ģ":"g","Ĥ":"H","Ħ":"H","ĥ":"h","ħ":"h","Ĩ":"I","Ī":"I","Ĭ":"I","Į":"I","İ":"I","ĩ":"i","ī":"i","ĭ":"i","į":"i","ı":"i","Ĵ":"J","ĵ":"j","Ķ":"K","ķ":"k","ĸ":"k","Ĺ":"L","Ļ":"L","Ľ":"L","Ŀ":"L","Ł":"L","ĺ":"l","ļ":"l","ľ":"l","ŀ":"l","ł":"l","Ń":"N","Ņ":"N","Ň":"N","Ŋ":"N","ń":"n","ņ":"n","ň":"n","ŋ":"n","Ō":"O","Ŏ":"O","Ő":"O","ō":"o","ŏ":"o","ő":"o","Ŕ":"R","Ŗ":"R","Ř":"R","ŕ":"r","ŗ":"r","ř":"r","Ś":"S","Ŝ":"S","Ş":"S","Š":"S","ś":"s","ŝ":"s","ş":"s","š":"s","Ţ":"T","Ť":"T","Ŧ":"T","ţ":"t","ť":"t","ŧ":"t","Ũ":"U","Ū":"U","Ŭ":"U","Ů":"U","Ű":"U","Ų":"U","ũ":"u","ū":"u","ŭ":"u","ů":"u","ű":"u","ų":"u","Ŵ":"W","ŵ":"w","Ŷ":"Y","ŷ":"y","Ÿ":"Y","Ź":"Z","Ż":"Z","Ž":"Z","ź":"z","ż":"z","ž":"z","IJ":"IJ","ij":"ij","Œ":"Oe","œ":"oe","ʼn":"'n","ſ":"s"}),fn=se,dn=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,un=RegExp("[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]","g");var hn=function(t){return(t=fn(t))&&t.replace(dn,cn).replace(un,"")},gn=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;var sn=function(t){return t.match(gn)||[]},pn=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;var mn=function(t){return pn.test(t)},yn="\\xac\\xb1\\xd7\\xf7\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf\\u2000-\\u206f \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",Sn="["+yn+"]",vn="\\d+",Fn="[\\u2700-\\u27bf]",bn="[a-z\\xdf-\\xf6\\xf8-\\xff]",xn="[^\\ud800-\\udfff"+yn+vn+"\\u2700-\\u27bfa-z\\xdf-\\xf6\\xf8-\\xffA-Z\\xc0-\\xd6\\xd8-\\xde]",$n="(?:\\ud83c[\\udde6-\\uddff]){2}",Hn="[\\ud800-\\udbff][\\udc00-\\udfff]",Bn="[A-Z\\xc0-\\xd6\\xd8-\\xde]",Dn="(?:"+bn+"|"+xn+")",wn="(?:"+Bn+"|"+xn+")",_n="(?:[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]|\\ud83c[\\udffb-\\udfff])?",zn="[\\ufe0e\\ufe0f]?"+_n+("(?:\\u200d(?:"+["[^\\ud800-\\udfff]",$n,Hn].join("|")+")[\\ufe0e\\ufe0f]?"+_n+")*"),En="(?:"+[Fn,$n,Hn].join("|")+")"+zn,Cn=RegExp([Bn+"?"+bn+"+(?:['’](?:d|ll|m|re|s|t|ve))?(?="+[Sn,Bn,"$"].join("|")+")",wn+"+(?:['’](?:D|LL|M|RE|S|T|VE))?(?="+[Sn,Bn+Dn,"$"].join("|")+")",Bn+"?"+Dn+"+(?:['’](?:d|ll|m|re|s|t|ve))?",Bn+"+(?:['’](?:D|LL|M|RE|S|T|VE))?","\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])","\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",vn,En].join("|"),"g");var An=sn,kn=mn,Wn=se,On=function(t){return t.match(Cn)||[]};var Ln=ln,jn=hn,Nn=function(t,e,n){return t=Wn(t),void 0===(e=n?void 0:e)?kn(t)?On(t):An(t):t.match(e)||[]},Rn=RegExp("['’]","g");var In=function(t){return function(e){return Ln(Nn(jn(e).replace(Rn,"")),t,"")}}((function(t,e,n){return t+(n?"-":"")+e.toLowerCase()}));const Tn=({steps:t,currentIndex:i,displayExtractor:c,fadeColor:f,fadePosition:d="both"})=>{const[u,h]=o(!!d),[s,p]=o("left"===d||"both"===d),[m,y]=o("right"===d||"both"===d),S=a(null),v=a(null);l((()=>{b(),window.addEventListener("resize",b);const t=v.current;return t&&t.addEventListener("scroll",b),()=>{window.removeEventListener("resize",b),t&&t.removeEventListener("scroll",b)}}),[]),l((()=>(F(),window.addEventListener("resize",F),()=>{window.removeEventListener("resize",F)})),[i]);const F=()=>{if(window.innerWidth>g.mobileL)return;const t=v.current;if(t){const e=10.5*i-4;t.scrollLeft=16*e}},b=()=>{if(u){h(window.innerWidth<g.mobileL);const t=v.current,e=S.current;t&&e&&t.scrollWidth>e.offsetWidth?(h(!0),p(t.scrollLeft>=1),y(t.scrollWidth-t.scrollLeft>e.offsetWidth)):h(!1)}},x=(t,e)=>t<e?"Completed step":t===e?"Current step":"Uncompleted step",$=(t,e)=>In(`${x(t,e)} ${t}`);if(!t.length)return null;return n(tn,{ref:S,children:[e(en,{ref:v,children:t.map(((t,r)=>{const o=r<=i,a=r===i?"bold":"regular";return n(an,{"aria-label":x(r,i),id:$(r,i),children:[e(rn,{highlighted:o}),e(on,{highlighted:o,weight:a,children:(l=t,c?c(l):l.toString())})]},r);var l}))}),u&&n(r,{children:[s&&e(nn,{backgroundColor:f,position:"left"}),m&&e(nn,{backgroundColor:f,position:"right"})]})]})};export{Tn as ProgressIndicator};
+//# sourceMappingURL=index.js.map