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

package/theme/types.d.ts

@@ -1,6 +1,7 @@
 import { ColorSet, ColorSetOptions } from "../color/types";
+import { DesignTokenSet, DesignTokenSetOptions } from "../design-token/types";
 import { TextStyleSetOptionsType, TextStyleSetType } from "../text/types";
-export declare type Layout = "normal";
+export declare type ThemeLayout = "normal";
 export declare type ColorScheme = "base" | "bookingsg";
 export declare type ColorCollectionsMap = {
     [key in ColorScheme]: ColorSet;
@@ -9,23 +10,31 @@ export declare type TextStyleScheme = "base";
 export declare type FontStyleCollectionsMap = {
     [key in TextStyleScheme]: TextStyleSetType;
 };
+export declare type DesignTokenScheme = "base";
+export declare type DesignTokenCollectionsMap = {
+    [key in DesignTokenScheme]: DesignTokenSet;
+};
 export declare enum ThemeContextKeys {
     colorScheme = "colorScheme",
     layout = "layout",
-    textStyleScheme = "textStyleScheme"
+    textStyleScheme = "textStyleScheme",
+    designTokenScheme = "designTokenScheme"
 }
 export interface ThemeSpecOptions {
     /** for color customisation, can specify subset of set */
     color?: ColorSetOptions | undefined;
     textStyle?: TextStyleSetOptionsType | undefined;
+    designToken?: DesignTokenSetOptions | undefined;
 }
 export interface ThemeSpec {
     /** Sets the color scheme of the theme */
     [ThemeContextKeys.colorScheme]: ColorScheme;
     /** Sets the text style scheme of the theme */
     [ThemeContextKeys.textStyleScheme]: TextStyleScheme;
+    /** Sets the design token scheme of the theme */
+    [ThemeContextKeys.designTokenScheme]: DesignTokenScheme;
     /** Sets the layout scheme of the theme */
-    [ThemeContextKeys.layout]?: Layout | undefined;
+    [ThemeContextKeys.layout]?: ThemeLayout | undefined;
     /** For specific customisations to any schemes */
     options?: ThemeSpecOptions | undefined;
 }

package/timeline/index.js

@@ -1,10 +1,10 @@
-import{createElement as t}from"react";import{jsx as e,jsxs as n,Fragment as i}from"react/jsx-runtime";import r,{css as a}from"styled-components";const o={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},l={D1:{fontFamily:o.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:o.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:o.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:o.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:o.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:o.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:o.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:o.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:o.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:o.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:o.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:o.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:o.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:o.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}};var c="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},h=Array.isArray,g="object"==typeof c&&c&&c.Object===Object&&c,d="object"==typeof self&&self&&self.Object===Object&&self,f=g||d||Function("return this")(),s=f.Symbol,p=s,u=Object.prototype,m=u.hasOwnProperty,y=u.toString,F=p?p.toStringTag:void 0;var S=function(t){var e=m.call(t,F),n=t[F];try{t[F]=void 0;var i=!0}catch(t){}var r=y.call(t);return i&&(e?t[F]=n:delete t[F]),r},v=Object.prototype.toString;var $=S,H=function(t){return v.call(t)},B=s?s.toStringTag:void 0;var D=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":B&&B in Object(t)?$(t):H(t)};var b=D,_=function(t){return null!=t&&"object"==typeof t};var w=function(t){return"symbol"==typeof t||_(t)&&"[object Symbol]"==b(t)},z=h,C=w,x=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,E=/^\w*$/;var W=function(t,e){if(z(t))return!1;var n=typeof t;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=t&&!C(t))||(E.test(t)||!x.test(t)||null!=e&&t in Object(e))};var k=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)},A=D,O=k;var j,L=function(t){if(!O(t))return!1;var e=A(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e},N=f["__core-js_shared__"],R=(j=/[^.]+$/.exec(N&&N.keys&&N.keys.IE_PROTO||""))?"Symbol(src)_1."+j:"";var V=function(t){return!!R&&R in t},T=Function.prototype.toString;var P=L,I=V,X=k,M=function(t){if(null!=t){try{return T.call(t)}catch(t){}try{return t+""}catch(t){}}return""},G=/^\[object .+?Constructor\]$/,Z=Function.prototype,U=Object.prototype,q=Z.toString,J=U.hasOwnProperty,K=RegExp("^"+q.call(J).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var Q=function(t){return!(!X(t)||I(t))&&(P(t)?K:G).test(M(t))},Y=function(t,e){return null==t?void 0:t[e]};var tt=function(t,e){var n=Y(t,e);return Q(n)?n:void 0},et=tt(Object,"create"),nt=et;var it=function(){this.__data__=nt?nt(null):{},this.size=0};var rt=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},at=et,ot=Object.prototype.hasOwnProperty;var lt=function(t){var e=this.__data__;if(at){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return ot.call(e,t)?e[t]:void 0},ct=et,ht=Object.prototype.hasOwnProperty;var gt=et;var dt=it,ft=rt,st=lt,pt=function(t){var e=this.__data__;return ct?void 0!==e[t]:ht.call(e,t)},ut=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=gt&&void 0===e?"__lodash_hash_undefined__":e,this};function mt(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var i=t[e];this.set(i[0],i[1])}}mt.prototype.clear=dt,mt.prototype.delete=ft,mt.prototype.get=st,mt.prototype.has=pt,mt.prototype.set=ut;var yt=mt;var Ft=function(){this.__data__=[],this.size=0};var St=function(t,e){return t===e||t!=t&&e!=e};var vt=function(t,e){for(var n=t.length;n--;)if(St(t[n][0],e))return n;return-1},$t=vt,Ht=Array.prototype.splice;var Bt=vt;var Dt=vt;var bt=vt;var _t=Ft,wt=function(t){var e=this.__data__,n=$t(e,t);return!(n<0)&&(n==e.length-1?e.pop():Ht.call(e,n,1),--this.size,!0)},zt=function(t){var e=this.__data__,n=Bt(e,t);return n<0?void 0:e[n][1]},Ct=function(t){return Dt(this.__data__,t)>-1},xt=function(t,e){var n=this.__data__,i=bt(n,t);return i<0?(++this.size,n.push([t,e])):n[i][1]=e,this};function Et(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var i=t[e];this.set(i[0],i[1])}}Et.prototype.clear=_t,Et.prototype.delete=wt,Et.prototype.get=zt,Et.prototype.has=Ct,Et.prototype.set=xt;var Wt=Et,kt=tt(f,"Map"),At=yt,Ot=Wt,jt=kt;var Lt=function(t){var e=typeof t;return"string"==e||"number"==e||"symbol"==e||"boolean"==e?"__proto__"!==t:null===t};var Nt=function(t,e){var n=t.__data__;return Lt(e)?n["string"==typeof e?"string":"hash"]:n.map},Rt=Nt;var Vt=Nt;var Tt=Nt;var Pt=Nt;var It=function(){this.size=0,this.__data__={hash:new At,map:new(jt||Ot),string:new At}},Xt=function(t){var e=Rt(this,t).delete(t);return this.size-=e?1:0,e},Mt=function(t){return Vt(this,t).get(t)},Gt=function(t){return Tt(this,t).has(t)},Zt=function(t,e){var n=Pt(this,t),i=n.size;return n.set(t,e),this.size+=n.size==i?0:1,this};function Ut(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var i=t[e];this.set(i[0],i[1])}}Ut.prototype.clear=It,Ut.prototype.delete=Xt,Ut.prototype.get=Mt,Ut.prototype.has=Gt,Ut.prototype.set=Zt;var qt=Ut;function Jt(t,e){if("function"!=typeof t||null!=e&&"function"!=typeof e)throw new TypeError("Expected a function");var n=function(){var i=arguments,r=e?e.apply(this,i):i[0],a=n.cache;if(a.has(r))return a.get(r);var o=t.apply(this,i);return n.cache=a.set(r,o)||a,o};return n.cache=new(Jt.Cache||qt),n}Jt.Cache=qt;var Kt=Jt;var Qt=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Yt=/\\(\\)?/g,te=function(t){var e=Kt(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(Qt,(function(t,n,i,r){e.push(i?r.replace(Yt,"$1"):n||t)})),e}));var ee=function(t,e){for(var n=-1,i=null==t?0:t.length,r=Array(i);++n<i;)r[n]=e(t[n],n,t);return r},ne=h,ie=w,re=s?s.prototype:void 0,ae=re?re.toString:void 0;var oe=function t(e){if("string"==typeof e)return e;if(ne(e))return ee(e,t)+"";if(ie(e))return ae?ae.call(e):"";var n=e+"";return"0"==n&&1/e==-Infinity?"-0":n},le=oe;var ce=h,he=W,ge=te,de=function(t){return null==t?"":le(t)};var fe=w;var se=function(t,e){return ce(t)?t:he(t,e)?[t]:ge(de(t))},pe=function(t){if("string"==typeof t||fe(t))return t;var e=t+"";return"0"==e&&1/t==-Infinity?"-0":e};var ue=function(t,e){for(var n=0,i=(e=se(e,t)).length;null!=t&&n<i;)t=t[pe(e[n++])];return n&&n==i?t:void 0};var me=function(t,e,n){var i=null==t?void 0:ue(t,e);return void 0===i?n:i};const ye=(t,e,n)=>e?me(n,e)||me(t,e):n||t,Fe=(t,e)=>{const n=e||t.defaultValue;return me(t.collections,n)};var Se;!function(t){t.colorScheme="colorScheme",t.layout="layout",t.textStyleScheme="textStyleScheme"}(Se||(Se={}));const ve={collections:{base:l},defaultValue:"base"},$e=t=>e=>{const n=e.theme,i=Fe(ve,n[Se.textStyleScheme]);return n.options&&n.options.textStyle?ye(i,t,n.options.textStyle):ye(i,t)},He={D1:{fontFamily:$e("D1.fontFamily"),fontSize:$e("D1.fontSize"),fontWeight:$e("D1.fontWeight"),lineHeight:$e("D1.lineHeight"),letterSpacing:$e("D1.letterSpacing")},D2:{fontFamily:$e("D2.fontFamily"),fontSize:$e("D2.fontSize"),fontWeight:$e("D2.fontWeight"),lineHeight:$e("D2.lineHeight"),letterSpacing:$e("D2.letterSpacing")},D3:{fontFamily:$e("D3.fontFamily"),fontSize:$e("D3.fontSize"),fontWeight:$e("D3.fontWeight"),lineHeight:$e("D3.lineHeight"),letterSpacing:$e("D3.letterSpacing")},D4:{fontFamily:$e("D4.fontFamily"),fontSize:$e("D4.fontSize"),fontWeight:$e("D4.fontWeight"),lineHeight:$e("D4.lineHeight"),letterSpacing:$e("D4.letterSpacing")},DBody:{fontFamily:$e("DBody.fontFamily"),fontSize:$e("DBody.fontSize"),fontWeight:$e("DBody.fontWeight"),lineHeight:$e("DBody.lineHeight"),letterSpacing:$e("DBody.letterSpacing")},H1:{fontFamily:$e("H1.fontFamily"),fontSize:$e("H1.fontSize"),fontWeight:$e("H1.fontWeight"),lineHeight:$e("H1.lineHeight"),letterSpacing:$e("H1.letterSpacing")},H2:{fontFamily:$e("H2.fontFamily"),fontSize:$e("H2.fontSize"),fontWeight:$e("H2.fontWeight"),lineHeight:$e("H2.lineHeight"),letterSpacing:$e("H2.letterSpacing")},H3:{fontFamily:$e("H3.fontFamily"),fontSize:$e("H3.fontSize"),fontWeight:$e("H3.fontWeight"),lineHeight:$e("H3.lineHeight"),letterSpacing:$e("H3.letterSpacing")},H4:{fontFamily:$e("H4.fontFamily"),fontSize:$e("H4.fontSize"),fontWeight:$e("H4.fontWeight"),lineHeight:$e("H4.lineHeight"),letterSpacing:$e("H4.letterSpacing")},H5:{fontFamily:$e("H5.fontFamily"),fontSize:$e("H5.fontSize"),fontWeight:$e("H5.fontWeight"),lineHeight:$e("H5.lineHeight"),letterSpacing:$e("H5.letterSpacing")},H6:{fontFamily:$e("H6.fontFamily"),fontSize:$e("H6.fontSize"),fontWeight:$e("H6.fontWeight"),lineHeight:$e("H6.lineHeight"),letterSpacing:$e("H6.letterSpacing")},Body:{fontFamily:$e("Body.fontFamily"),fontSize:$e("Body.fontSize"),fontWeight:$e("Body.fontWeight"),lineHeight:$e("Body.lineHeight"),letterSpacing:$e("Body.letterSpacing")},BodySmall:{fontFamily:$e("BodySmall.fontFamily"),fontSize:$e("BodySmall.fontSize"),fontWeight:$e("BodySmall.fontWeight"),lineHeight:$e("BodySmall.lineHeight"),letterSpacing:$e("BodySmall.letterSpacing")},XSmall:{fontFamily:$e("XSmall.fontFamily"),fontSize:$e("XSmall.fontSize"),fontWeight:$e("XSmall.fontWeight"),lineHeight:$e("XSmall.lineHeight"),letterSpacing:$e("XSmall.letterSpacing")}},Be=t=>{switch(t){case 700:case"bold":return o.Bold;case 600:case"semibold":return o.Semibold;case 300:case"light":return o.Light;case 400:case"regular":return o.Regular;default:return""}},De=(t,e)=>n=>{const i=He[t].fontFamily(n),r=He[t].fontWeight(n);return Object.values(o).includes(i)?a`
-                font-family: ${Be(e)||Be(r)||i};
+import{createElement as t}from"react";import e,{jsxs as n,jsx as i,Fragment as r}from"react/jsx-runtime";import o,{css as a}from"styled-components";const l={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},c={D1:{fontFamily:l.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:l.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:l.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:l.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:l.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:l.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:l.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:l.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:l.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:l.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:l.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:l.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:l.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:l.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}};var h="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},g=Array.isArray,d="object"==typeof h&&h&&h.Object===Object&&h,f="object"==typeof self&&self&&self.Object===Object&&self,p=d||f||Function("return this")(),s=p.Symbol,u=s,m=Object.prototype,y=m.hasOwnProperty,S=m.toString,F=u?u.toStringTag:void 0;var v=function(t){var e=y.call(t,F),n=t[F];try{t[F]=void 0;var i=!0}catch(t){}var r=S.call(t);return i&&(e?t[F]=n:delete t[F]),r},$=Object.prototype.toString;var H=v,B=function(t){return $.call(t)},b=s?s.toStringTag:void 0;var D=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":b&&b in Object(t)?H(t):B(t)};var _=D,z=function(t){return null!=t&&"object"==typeof t};var C=function(t){return"symbol"==typeof t||z(t)&&"[object Symbol]"==_(t)},w=g,x=C,E=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,k=/^\w*$/;var W=function(t,e){if(w(t))return!1;var n=typeof t;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=t&&!x(t))||(k.test(t)||!E.test(t)||null!=e&&t in Object(e))};var A=function(t){var e=typeof t;return null!=t&&("object"==e||"function"==e)},O=D,j=A;var V,L=function(t){if(!j(t))return!1;var e=O(t);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e},N=p["__core-js_shared__"],R=(V=/[^.]+$/.exec(N&&N.keys&&N.keys.IE_PROTO||""))?"Symbol(src)_1."+V:"";var T=function(t){return!!R&&R in t},I=Function.prototype.toString;var P=L,X=T,G=A,M=function(t){if(null!=t){try{return I.call(t)}catch(t){}try{return t+""}catch(t){}}return""},Z=/^\[object .+?Constructor\]$/,U=Function.prototype,q=Object.prototype,J=U.toString,K=q.hasOwnProperty,Q=RegExp("^"+J.call(K).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var Y=function(t){return!(!G(t)||X(t))&&(P(t)?Q:Z).test(M(t))},tt=function(t,e){return null==t?void 0:t[e]};var et=function(t,e){var n=tt(t,e);return Y(n)?n:void 0},nt=et(Object,"create"),it=nt;var rt=function(){this.__data__=it?it(null):{},this.size=0};var ot=function(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e},at=nt,lt=Object.prototype.hasOwnProperty;var ct=function(t){var e=this.__data__;if(at){var n=e[t];return"__lodash_hash_undefined__"===n?void 0:n}return lt.call(e,t)?e[t]:void 0},ht=nt,gt=Object.prototype.hasOwnProperty;var dt=nt;var ft=rt,pt=ot,st=ct,ut=function(t){var e=this.__data__;return ht?void 0!==e[t]:gt.call(e,t)},mt=function(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=dt&&void 0===e?"__lodash_hash_undefined__":e,this};function yt(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var i=t[e];this.set(i[0],i[1])}}yt.prototype.clear=ft,yt.prototype.delete=pt,yt.prototype.get=st,yt.prototype.has=ut,yt.prototype.set=mt;var St=yt;var Ft=function(){this.__data__=[],this.size=0};var vt=function(t,e){return t===e||t!=t&&e!=e};var $t=function(t,e){for(var n=t.length;n--;)if(vt(t[n][0],e))return n;return-1},Ht=$t,Bt=Array.prototype.splice;var bt=$t;var Dt=$t;var _t=$t;var zt=Ft,Ct=function(t){var e=this.__data__,n=Ht(e,t);return!(n<0)&&(n==e.length-1?e.pop():Bt.call(e,n,1),--this.size,!0)},wt=function(t){var e=this.__data__,n=bt(e,t);return n<0?void 0:e[n][1]},xt=function(t){return Dt(this.__data__,t)>-1},Et=function(t,e){var n=this.__data__,i=_t(n,t);return i<0?(++this.size,n.push([t,e])):n[i][1]=e,this};function kt(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var i=t[e];this.set(i[0],i[1])}}kt.prototype.clear=zt,kt.prototype.delete=Ct,kt.prototype.get=wt,kt.prototype.has=xt,kt.prototype.set=Et;var Wt=kt,At=et(p,"Map"),Ot=St,jt=Wt,Vt=At;var Lt=function(t){var e=typeof t;return"string"==e||"number"==e||"symbol"==e||"boolean"==e?"__proto__"!==t:null===t};var Nt=function(t,e){var n=t.__data__;return Lt(e)?n["string"==typeof e?"string":"hash"]:n.map},Rt=Nt;var Tt=Nt;var It=Nt;var Pt=Nt;var Xt=function(){this.size=0,this.__data__={hash:new Ot,map:new(Vt||jt),string:new Ot}},Gt=function(t){var e=Rt(this,t).delete(t);return this.size-=e?1:0,e},Mt=function(t){return Tt(this,t).get(t)},Zt=function(t){return It(this,t).has(t)},Ut=function(t,e){var n=Pt(this,t),i=n.size;return n.set(t,e),this.size+=n.size==i?0:1,this};function qt(t){var e=-1,n=null==t?0:t.length;for(this.clear();++e<n;){var i=t[e];this.set(i[0],i[1])}}qt.prototype.clear=Xt,qt.prototype.delete=Gt,qt.prototype.get=Mt,qt.prototype.has=Zt,qt.prototype.set=Ut;var Jt=qt;function Kt(t,e){if("function"!=typeof t||null!=e&&"function"!=typeof e)throw new TypeError("Expected a function");var n=function(){var i=arguments,r=e?e.apply(this,i):i[0],o=n.cache;if(o.has(r))return o.get(r);var a=t.apply(this,i);return n.cache=o.set(r,a)||o,a};return n.cache=new(Kt.Cache||Jt),n}Kt.Cache=Jt;var Qt=Kt;var Yt=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,te=/\\(\\)?/g,ee=function(t){var e=Qt(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(Yt,(function(t,n,i,r){e.push(i?r.replace(te,"$1"):n||t)})),e}));var ne=function(t,e){for(var n=-1,i=null==t?0:t.length,r=Array(i);++n<i;)r[n]=e(t[n],n,t);return r},ie=g,re=C,oe=s?s.prototype:void 0,ae=oe?oe.toString:void 0;var le=function t(e){if("string"==typeof e)return e;if(ie(e))return ne(e,t)+"";if(re(e))return ae?ae.call(e):"";var n=e+"";return"0"==n&&1/e==-Infinity?"-0":n},ce=le;var he=g,ge=W,de=ee,fe=function(t){return null==t?"":ce(t)};var pe=C;var se=function(t,e){return he(t)?t:ge(t,e)?[t]:de(fe(t))},ue=function(t){if("string"==typeof t||pe(t))return t;var e=t+"";return"0"==e&&1/t==-Infinity?"-0":e};var me=function(t,e){for(var n=0,i=(e=se(e,t)).length;null!=t&&n<i;)t=t[ue(e[n++])];return n&&n==i?t:void 0};var ye=function(t,e,n){var i=null==t?void 0:me(t,e);return void 0===i?n:i};const Se=(t,e,n)=>e?ye(n,e)||ye(t,e):n||t,Fe=(t,e)=>{const n=e||t.defaultValue;return ye(t.collections,n)};var ve;!function(t){t.colorScheme="colorScheme",t.layout="layout",t.textStyleScheme="textStyleScheme",t.designTokenScheme="designTokenScheme"}(ve||(ve={}));const $e={collections:{base:c},defaultValue:"base"},He=t=>e=>{const n=e.theme,i=Fe($e,n[ve.textStyleScheme]);return n.options&&n.options.textStyle?Se(i,t,n.options.textStyle):Se(i,t)},Be={D1:{fontFamily:He("D1.fontFamily"),fontSize:He("D1.fontSize"),fontWeight:He("D1.fontWeight"),lineHeight:He("D1.lineHeight"),letterSpacing:He("D1.letterSpacing")},D2:{fontFamily:He("D2.fontFamily"),fontSize:He("D2.fontSize"),fontWeight:He("D2.fontWeight"),lineHeight:He("D2.lineHeight"),letterSpacing:He("D2.letterSpacing")},D3:{fontFamily:He("D3.fontFamily"),fontSize:He("D3.fontSize"),fontWeight:He("D3.fontWeight"),lineHeight:He("D3.lineHeight"),letterSpacing:He("D3.letterSpacing")},D4:{fontFamily:He("D4.fontFamily"),fontSize:He("D4.fontSize"),fontWeight:He("D4.fontWeight"),lineHeight:He("D4.lineHeight"),letterSpacing:He("D4.letterSpacing")},DBody:{fontFamily:He("DBody.fontFamily"),fontSize:He("DBody.fontSize"),fontWeight:He("DBody.fontWeight"),lineHeight:He("DBody.lineHeight"),letterSpacing:He("DBody.letterSpacing")},H1:{fontFamily:He("H1.fontFamily"),fontSize:He("H1.fontSize"),fontWeight:He("H1.fontWeight"),lineHeight:He("H1.lineHeight"),letterSpacing:He("H1.letterSpacing")},H2:{fontFamily:He("H2.fontFamily"),fontSize:He("H2.fontSize"),fontWeight:He("H2.fontWeight"),lineHeight:He("H2.lineHeight"),letterSpacing:He("H2.letterSpacing")},H3:{fontFamily:He("H3.fontFamily"),fontSize:He("H3.fontSize"),fontWeight:He("H3.fontWeight"),lineHeight:He("H3.lineHeight"),letterSpacing:He("H3.letterSpacing")},H4:{fontFamily:He("H4.fontFamily"),fontSize:He("H4.fontSize"),fontWeight:He("H4.fontWeight"),lineHeight:He("H4.lineHeight"),letterSpacing:He("H4.letterSpacing")},H5:{fontFamily:He("H5.fontFamily"),fontSize:He("H5.fontSize"),fontWeight:He("H5.fontWeight"),lineHeight:He("H5.lineHeight"),letterSpacing:He("H5.letterSpacing")},H6:{fontFamily:He("H6.fontFamily"),fontSize:He("H6.fontSize"),fontWeight:He("H6.fontWeight"),lineHeight:He("H6.lineHeight"),letterSpacing:He("H6.letterSpacing")},Body:{fontFamily:He("Body.fontFamily"),fontSize:He("Body.fontSize"),fontWeight:He("Body.fontWeight"),lineHeight:He("Body.lineHeight"),letterSpacing:He("Body.letterSpacing")},BodySmall:{fontFamily:He("BodySmall.fontFamily"),fontSize:He("BodySmall.fontSize"),fontWeight:He("BodySmall.fontWeight"),lineHeight:He("BodySmall.lineHeight"),letterSpacing:He("BodySmall.letterSpacing")},XSmall:{fontFamily:He("XSmall.fontFamily"),fontSize:He("XSmall.fontSize"),fontWeight:He("XSmall.fontWeight"),lineHeight:He("XSmall.lineHeight"),letterSpacing:He("XSmall.letterSpacing")}},be=t=>{switch(t){case 700:case"bold":return l.Bold;case 600:case"semibold":return l.Semibold;case 300:case"light":return l.Light;case 400:case"regular":return l.Regular;default:return""}},De=(t,e)=>n=>{const i=Be[t].fontFamily(n),r=Be[t].fontWeight(n);return Object.values(l).includes(i)?a`
+                font-family: ${be(e)||be(r)||i};
                 font-weight: normal !important;
             `:a`
             font-family: ${i};
-            font-weight: ${(be(e)||r)??"normal"};
-        `},be=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""}},_e=(t,e,n=!1)=>i=>{const r=He[t],o=r.fontSize(i);return a`
+            font-weight: ${(_e(e)||r)??"normal"};
+        `},_e=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""}},ze=(t,e,n=!1)=>i=>{const r=Be[t],o=r.fontSize(i);return a`
             ${De(t,e)}
             font-size: ${o}rem !important;
             line-height: ${r.lineHeight}rem !important;
@@ -12,188 +12,185 @@ import{createElement as t}from"react";import{jsx as e,jsxs as n,Fragment as i}fr
             ${a`
                 margin-bottom: ${o*(n?1.05:0)}rem;
             `}
-        `},we=(t=!1,e=!1)=>e?a`
+        `},Ce=(t=!1,e=!1)=>e?a`
             display: block;
         `:t?a`
             display: inline;
         `:a`
             display: block;
-        `,ze={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"}}},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"}}}},defaultValue:"base"},Ce=t=>e=>{const n=e.theme,i=Fe(ze,n[Se.colorScheme]);return n.options&&n.options.color?ye(i,t,n.options.color):ye(i,t)},xe=(Ce("Brand.1"),Ce("Brand.2"),Ce("Brand.3"),Ce("Brand.4"),Ce("Brand.5"),Ce("Brand.6"),Ce("Primary")),Ee=(Ce("PrimaryDark"),Ce("Secondary")),We={Light:{1:Ce("Accent.Light.1"),2:Ce("Accent.Light.2"),3:Ce("Accent.Light.3"),4:Ce("Accent.Light.4"),5:Ce("Accent.Light.5"),6:Ce("Accent.Light.6")},Dark:{1:Ce("Accent.Dark.1"),2:Ce("Accent.Dark.2"),3:Ce("Accent.Dark.3")}},ke={1:Ce("Neutral.1"),2:Ce("Neutral.2"),3:Ce("Neutral.3"),4:Ce("Neutral.4"),5:Ce("Neutral.5"),6:Ce("Neutral.6"),7:Ce("Neutral.7"),8:Ce("Neutral.8")},Ae=(Ce("Validation.Green.Text"),Ce("Validation.Green.Icon"),Ce("Validation.Green.Border"),Ce("Validation.Green.Background"),Ce("Validation.Orange.Text"),Ce("Validation.Orange.Icon"),Ce("Validation.Orange.Border"),Ce("Validation.Orange.Background"),Ce("Validation.Orange.Badge"),Ce("Validation.Red.Text"),Ce("Validation.Red.Icon"),Ce("Validation.Red.Border"),Ce("Validation.Red.Background"),r.svg`
-    height: 1rem;
-    width: 1rem;
-    vertical-align: text-top;
-
-    #path {
-        fill: ${ke[8]};
-    }
-`),Oe=t=>e(Ae,{xmlns:"http://www.w3.org/2000/svg",width:"1rem",height:"1rem",viewBox:"0 0 16 16",...t,children:e("g",{fill:"none",fillRule:"evenodd",children:e("g",{id:"path",fillRule:"nonzero",children:e("g",{children:e("g",{children:e("g",{children:e("path",{d:"M8.706 14.603l6.075-6.075c.294-.29.294-.765 0-1.06L8.706 1.398c-.29-.294-.765-.294-1.06 0l-.693.694c-.3.297-.294.78.013 1.072L10.73 6.75H1.75c-.416 0-.75.334-.75.75v1c0 .416.334.75.75.75h8.981l-3.765 3.587c-.304.291-.31.775-.013 1.072l.694.694c.29.294.765.294 1.06 0z",transform:"translate(-2384.000000, -760.000000) translate(2253.000000, 692.000000) translate(16.000000, 64.000000) translate(115.000000, 4.000000) translate(0.000000, 0.000000)"})})})})})})}),je=t=>e(Ae,{width:"1rem",height:"1rem",viewBox:"0 0 40 40",xmlns:"http://www.w3.org/2000/svg",...t,children:e("path",{id:"path",d:"M20\n\t\t8.639c-.934\n\t\t0-1.742.342-2.43 1.03-.684.684-1.03 1.495-1.03 2.429 0 .931.346 1.742 1.03 2.426.688.688 1.496 1.03 2.43 1.03.931 0 1.742-.342 2.43-1.03.684-.684 1.026-1.495 1.026-2.426 0-.934-.342-1.745-1.026-2.43-.688-.687-1.499-1.03-2.43-1.03m4.61 20.91v-1.976a.959.959 0 0 0-.287-.7.959.959 0 0 0-.7-.286h-.99v-8.232a.954.954 0 0 0-.287-.7.945.945 0 0 0-.7-.29h-5.269a.95.95 0 0 0-.7.29.954.954 0 0 0-.286.7v1.976c0 .271.095.506.286.7a.959.959 0 0 0 .7.287h.99v5.269h-.99a.959.959 0 0 0-.7.286.959.959 0 0 0-.286.7v1.977c0 .274.095.505.286.7a.959.959 0 0 0 .7.286h7.246a.959.959 0 0 0 .7-.287.959.959 0 0 0 .286-.7M20 2.5c3.15 0 6.068.788 8.75 2.365a17.67 17.67 0 0 1 6.385 6.386C36.71 13.933 37.5 16.848 37.5 20c0 3.15-.79 6.068-2.365 8.751a17.71 17.71 0 0 1-6.385 6.385C26.068 36.712 23.15 37.5 20 37.5c-3.153 0-6.068-.788-8.75-2.363a17.71 17.71 0 0 1-6.385-6.385c-1.575-2.683-2.365-5.6-2.365-8.75 0-3.154.79-6.069 2.365-8.751a17.67 17.67 0 0 1 6.385-6.386C13.932 3.288 16.847 2.5 20 2.5",fillRule:"nonzero"})}),Le=t=>e(Ae,{xmlns:"http://www.w3.org/2000/svg",width:"2rem",height:"2rem",viewBox:"0 0 64 64",id:"play-icon",...t,children:e("path",{id:"path",d:"M52.762 37.237 20.474 53.38A5.856 5.856 0 0 1 12 48.143V15.856a5.856 5.856 0 0 1 8.474-5.238l32.288 16.144a5.856 5.856 0 0 1 0 10.475z",fillRule:"nonzero"})}),Ne=t=>e(Ae,{xmlns:"http://www.w3.org/2000/svg",width:"2rem",height:"2rem",viewBox:"0 0 32 32",fill:"none",...t,children:e("g",{id:"search",children:e("path",{id:"path",fillRule:"evenodd",clipRule:"evenodd",d:"M7.60986 7.60986C5.86994 9.34977 5 11.445 5 13.8956C5 16.3462 5.86994 18.4414 7.60986 20.1813C9.34977 21.9212 11.445 22.7911 13.8956 22.7911C15.6355 22.7911 17.2345 22.3133 18.6926 21.3576L24.2063 26.8713C24.3044 26.9571 24.4146 27 24.5372 27C24.6597 27 24.77 26.9571 24.868 26.8713L26.8713 24.868C26.9571 24.77 27 24.6597 27 24.5372C27 24.4146 26.9571 24.3044 26.8713 24.2063L21.3576 18.6926C22.3133 17.2345 22.7911 15.6355 22.7911 13.8956C22.7911 11.445 21.9212 9.34977 20.1813 7.60986C18.4414 5.86994 16.3462 5 13.8956 5C11.445 5 9.34977 5.86994 7.60986 7.60986ZM9.59484 18.178C8.4063 16.9894 7.81205 15.562 7.81205 13.8956C7.81205 12.2292 8.4063 10.8017 9.59484 9.61321C10.7834 8.42468 12.2169 7.83042 13.8956 7.83042C15.5742 7.83042 17.0047 8.42162 18.1872 9.60403C19.3696 10.7864 19.9608 12.2169 19.9608 13.8956C19.9608 15.5742 19.3696 17.0047 18.1872 18.1872C17.0047 19.3696 15.5742 19.9608 13.8956 19.9608C12.2169 19.9608 10.7834 19.3665 9.59484 18.178Z"})})}),Re=r.span`
-    font-size: 1rem;
-`;var Ve;!function(t){t.D1=r.h1`
+        `;var we,xe={};Object.defineProperty(xe,"__esModule",{value:!0});var Ee=e;const ke=t=>Ee.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:Ee.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"})});ke.displayName="ExternalIcon",we=xe.ExternalIcon=ke;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"},Ae=t=>e=>{const n=e.theme,i=Fe(We,n[ve.colorScheme]);return n.options&&n.options.color?Se(i,t,n.options.color):Se(i,t)},Oe=(Ae("Brand.1"),Ae("Brand.2"),Ae("Brand.3"),Ae("Brand.4"),Ae("Brand.5"),Ae("Brand.6"),Ae("Primary")),je=(Ae("PrimaryDark"),Ae("Secondary")),Ve={Light:{1:Ae("Accent.Light.1"),2:Ae("Accent.Light.2"),3:Ae("Accent.Light.3"),4:Ae("Accent.Light.4"),5:Ae("Accent.Light.5"),6:Ae("Accent.Light.6")},Dark:{1:Ae("Accent.Dark.1"),2:Ae("Accent.Dark.2"),3:Ae("Accent.Dark.3")}},Le={1:Ae("Neutral.1"),2:Ae("Neutral.2"),3:Ae("Neutral.3"),4:Ae("Neutral.4"),5:Ae("Neutral.5"),6:Ae("Neutral.6"),7:Ae("Neutral.7"),8:Ae("Neutral.8")};Ae("Validation.Green.Text"),Ae("Validation.Green.Icon"),Ae("Validation.Green.Border"),Ae("Validation.Green.Background"),Ae("Validation.Orange.Text"),Ae("Validation.Orange.Icon"),Ae("Validation.Orange.Border"),Ae("Validation.Orange.Background"),Ae("Validation.Orange.Badge"),Ae("Validation.Red.Text"),Ae("Validation.Red.Icon"),Ae("Validation.Red.Border"),Ae("Validation.Red.Background"),Ae("Shadow.Accent"),Ae("Shadow.Red");var Ne;!function(t){t.D1=o.h1`
         ${t=>a`
-                ${_e("D1",t.weight,t.paragraph)}
-                color: ${ke[1]};
-                ${we(t.inline,t.paragraph)}
+                ${ze("D1",t.weight,t.paragraph)}
+                color: ${Le[1]};
+                ${Ce(t.inline,t.paragraph)}
             `}
-    `,t.D2=r.h1`
+    `,t.D2=o.h1`
         ${t=>a`
-                ${_e("D2",t.weight,t.paragraph)}
-                color: ${ke[1]};
-                ${we(t.inline,t.paragraph)}
+                ${ze("D2",t.weight,t.paragraph)}
+                color: ${Le[1]};
+                ${Ce(t.inline,t.paragraph)}
             `}
-    `,t.D3=r.h1`
+    `,t.D3=o.h1`
         ${t=>a`
-                ${_e("D3",t.weight,t.paragraph)}
-                color: ${ke[1]};
-                ${we(t.inline,t.paragraph)}
+                ${ze("D3",t.weight,t.paragraph)}
+                color: ${Le[1]};
+                ${Ce(t.inline,t.paragraph)}
             `}
-    `,t.D4=r.h1`
+    `,t.D4=o.h1`
         ${t=>a`
-                ${_e("D4",t.weight,t.paragraph)}
-                color: ${ke[1]};
-                ${we(t.inline,t.paragraph)}
+                ${ze("D4",t.weight,t.paragraph)}
+                color: ${Le[1]};
+                ${Ce(t.inline,t.paragraph)}
             `}
-    `,t.DBody=r.h1`
+    `,t.DBody=o.h1`
         ${t=>a`
-                ${_e("DBody",t.weight,t.paragraph)}
-                color: ${ke[1]};
-                ${we(t.inline,t.paragraph)}
+                ${ze("DBody",t.weight,t.paragraph)}
+                color: ${Le[1]};
+                ${Ce(t.inline,t.paragraph)}
             `}
-    `,t.H1=r.h1`
+    `,t.H1=o.h1`
         ${t=>a`
-                ${_e("H1",t.weight,t.paragraph)}
-                color: ${ke[1]};
-                ${we(t.inline,t.paragraph)}
+                ${ze("H1",t.weight,t.paragraph)}
+                color: ${Le[1]};
+                ${Ce(t.inline,t.paragraph)}
             `}
-    `,t.H2=r.h2`
+    `,t.H2=o.h2`
         ${t=>a`
-                ${_e("H2",t.weight,t.paragraph)}
-                color: ${ke[1]};
-                ${we(t.inline,t.paragraph)}
+                ${ze("H2",t.weight,t.paragraph)}
+                color: ${Le[1]};
+                ${Ce(t.inline,t.paragraph)}
             `}
-    `,t.H3=r.h3`
+    `,t.H3=o.h3`
         ${t=>a`
-                ${_e("H3",t.weight,t.paragraph)}
-                color: ${ke[1]};
-                ${we(t.inline,t.paragraph)}
+                ${ze("H3",t.weight,t.paragraph)}
+                color: ${Le[1]};
+                ${Ce(t.inline,t.paragraph)}
             `}
-    `,t.H4=r.h4`
+    `,t.H4=o.h4`
         ${t=>a`
-                ${_e("H4",t.weight,t.paragraph)}
-                color: ${ke[1]};
-                ${we(t.inline,t.paragraph)}
+                ${ze("H4",t.weight,t.paragraph)}
+                color: ${Le[1]};
+                ${Ce(t.inline,t.paragraph)}
             `}
-    `,t.H5=r.h5`
+    `,t.H5=o.h5`
         ${t=>a`
-                ${_e("H5",t.weight,t.paragraph)}
-                color: ${ke[1]};
-                ${we(t.inline,t.paragraph)}
+                ${ze("H5",t.weight,t.paragraph)}
+                color: ${Le[1]};
+                ${Ce(t.inline,t.paragraph)}
             `}
-    `,t.H6=r.h6`
+    `,t.H6=o.h6`
         ${t=>a`
-                ${_e("H6",t.weight,t.paragraph)}
-                color: ${ke[1]};
-                ${we(t.inline,t.paragraph)}
+                ${ze("H6",t.weight,t.paragraph)}
+                color: ${Le[1]};
+                ${Ce(t.inline,t.paragraph)}
             `}
-    `,t.Body=r.p`
+    `,t.Body=o.p`
         ${t=>a`
-                ${_e("Body",t.weight,t.paragraph)}
-                color: ${ke[1]};
-                ${we(t.inline,t.paragraph)}
+                ${ze("Body",t.weight,t.paragraph)}
+                color: ${Le[1]};
+                ${Ce(t.inline,t.paragraph)}
             `}
-    `,t.BodySmall=r.p`
+    `,t.BodySmall=o.p`
         ${t=>a`
-                ${_e("BodySmall",t.weight,t.paragraph)}
-                color: ${ke[1]};
-                ${we(t.inline,t.paragraph)}
+                ${ze("BodySmall",t.weight,t.paragraph)}
+                color: ${Le[1]};
+                ${Ce(t.inline,t.paragraph)}
             `}
-    `,t.XSmall=r.span`
+    `,t.XSmall=o.span`
         ${t=>a`
-                ${_e("XSmall",t.weight,t.paragraph)}
-                color: ${ke[1]};
-                ${we(t.inline,t.paragraph)}
+                ${ze("XSmall",t.weight,t.paragraph)}
+                color: ${Le[1]};
+                ${Ce(t.inline,t.paragraph)}
             `}
-    `,t.Hyperlink={Default:t=>Ie({...t,textStyle:"Body"}),Small:t=>Ie({...t,textStyle:"BodySmall"})}}(Ve||(Ve={}));const Te=r.a`
+    `,t.Hyperlink={Default:t=>Ie({...t,textStyle:"Body"}),Small:t=>Ie({...t,textStyle:"BodySmall"})}}(Ne||(Ne={}));const Re=o.a`
     ${t=>a`
-            ${_e(t.textStyle,t.weight)}
-            color: ${xe};
+            ${ze(t.textStyle,t.weight)}
+            color: ${Oe};
             text-decoration: none;
 
             :hover,
             :active,
             :focus {
-                color: ${Ee};
+                color: ${je};
+
+                svg {
+                    color: ${je};
+                }
             }
         `}
-`,Pe=r((({type:t,...n})=>{switch(t){case"arrow-right":return e(Oe,{...n});case"info":return e(je,{...n});case"search":return e(Ne,{...n});case"play-alt":return e(Le,{...n});default:{const i=`sgds-icon sgds-icon-${t}`,r=n.className?`${i} ${n.className}`:i;return e(Re,{...n,className:r})}}}))`
+`,Te=o(we)`
+    height: 1rem;
+    width: 1rem;
     margin-left: 0.4rem;
-`,Ie=({external:t=!1,children:i,...r})=>n(Te,{...r,children:[i,t&&e(Pe,{type:"external"})]});var Xe;!function(t){t[t.Subpage=0]="Subpage",t[t.Domain=1]="Domain"}(Xe||(Xe={}));const Me={mobileS:320,mobileM:375,mobileL:480,tablet:1199,desktopM:1399,desktopL:1999,desktop4k:3840},Ge=t=>Object.keys(Me).reduce(((e,n)=>{const i=Me[n];return e[n]=`@media screen and (${t}: ${i}px)`,e}),{}),Ze=Ge("max-width"),Ue=(Ge("min-width"),r.div`
+    vertical-align: middle;
+`,Ie=({external:t=!1,children:e,...r})=>n(Re,{...r,children:[e,t&&i(Te,{})]});var Pe;!function(t){t[t.Subpage=0]="Subpage",t[t.Domain=1]="Domain"}(Pe||(Pe={}));const Xe={mobileS:320,mobileM:375,mobileL:480,tablet:1199,desktopM:1399,desktopL:1999,desktop4k:3840},Ge=t=>Object.keys(Xe).reduce(((e,n)=>{const i=Xe[n];return e[n]=`@media screen and (${t}: ${i}px)`,e}),{}),Me=Ge("max-width"),Ze=(Ge("min-width"),o.div`
     width: 1rem;
     height: 1rem;
     margin-top: 0.5rem;
     border-radius: 50%;
     ${t=>t.$filled?a`
                 border: none;
-                background-color: ${We.Light[1]};
+                background-color: ${Ve.Light[1]};
             `:a`
-            border: 3.2px solid ${We.Light[1]};
+            border: 3.2px solid ${Ve.Light[1]};
             background-color: transparent;
         `}
-`),qe=r.div`
+`),Ue=o.div`
     width: 0.25rem;
     flex-grow: 1;
     margin-top: 0.5rem;
     border-radius: 2px;
-    background-color: ${We.Light[1]};
-`,Je=r.div`
+    background-color: ${Ve.Light[1]};
+`,qe=o.div`
     display: flex;
     flex-direction: column;
     align-items: center;
     margin-right: 2rem;
-`,Ke=r.div`
+`,Je=o.div`
     grid-column: ${t=>t.$startCol?t.$startCol:3} / span
         ${t=>t.$colSpan?t.$colSpan:8};
 
-    ${Ze.tablet} {
+    ${Me.tablet} {
         grid-column: span 8;
     }
 
-    ${Ze.mobileL} {
+    ${Me.mobileL} {
         grid-column: span 4;
     }
-`,Qe=r(Ve.H3)`
+`,Ke=o(Ne.H3)`
     margin-bottom: 1rem;
 
-    ${Ze.tablet} {
+    ${Me.tablet} {
         margin-bottom: 1.5rem;
     }
-`,Ye=r.div`
+`,Qe=o.div`
     display: flex;
-`,tn=r.div`
+`,Ye=o.div`
     margin-bottom: 2rem;
     width: 100%;
-`,en=r(Ve.H4)`
+`,tn=o(Ne.H4)`
     margin-bottom: 0.5rem;
-`,nn=r(Ve.H3)`
+`,en=o(Ne.H3)`
     display: flex;
     margin-bottom: 0.5rem;
-`,rn=r.div`
+`,nn=o.div`
     border-radius: 1rem;
     padding: 0.125rem 0.5rem;
     margin-right: 0.5rem;
 
     ${t=>"dark"===t.type?a`
-                background-color: ${ke[1]};
+                background-color: ${Le[1]};
 
                 & > span {
-                    color: ${ke[8]};
+                    color: ${Le[8]};
                 }
             `:a`
-            background-color: ${ke[8]};
-            border: 1px solid ${ke[5]};
+            background-color: ${Le[8]};
+            border: 1px solid ${Le[5]};
 
             & > span {
-                color: ${ke[1]};
+                color: ${Le[1]};
             }
         `}
-`,an=({items:r,className:a,title:o,startCol:l,colSpan:c,"data-base-indicator-testid":h,"data-testid":g="timeline"})=>{const d=t=>"string"==typeof t?e(Ve.Body,{className:"timeline-item-content-text",children:t}):e(i,{children:t}),f=t=>"string"==typeof t?e(en,{weight:"semibold",className:"timeline-item-title",children:t}):e(i,{children:t}),s=n=>n.slice(0,2).map(((n,i)=>t(rn,{...n,key:`status-pill-${i}`,"data-testid":"status-pill",className:"timeline-status-pill"},e(Ve.XSmall,{children:n.label}))));return n(Ke,{className:a,"data-testid":g,$startCol:l,$colSpan:c,children:[e(Qe,{id:"timeline-title",children:o}),r.map(((t,i)=>{const{title:r,content:a,statuses:o}=t;return n(Ye,{children:[n(Je,{children:[e(Ue,{"data-testid":h?`circleindicator${i+1}_div_${h}`:"circleindicator",$filled:0===i}),e(qe,{})]}),n(tn,{className:"timeline-item-content",children:[f(r),o&&e(nn,{children:s(o)}),d(a)]})]},`timeline-item-${i}`)}))]})};export{an as Timeline};
+`,rn=({items:e,className:o,title:a,startCol:l,colSpan:c,"data-base-indicator-testid":h,"data-testid":g="timeline"})=>{const d=t=>"string"==typeof t?i(Ne.Body,{className:"timeline-item-content-text",children:t}):i(r,{children:t}),f=t=>"string"==typeof t?i(tn,{weight:"semibold",className:"timeline-item-title",children:t}):i(r,{children:t}),p=e=>e.slice(0,2).map(((e,n)=>t(nn,{...e,key:`status-pill-${n}`,"data-testid":"status-pill",className:"timeline-status-pill"},i(Ne.XSmall,{children:e.label}))));return n(Je,{className:o,"data-testid":g,$startCol:l,$colSpan:c,children:[i(Ke,{id:"timeline-title",children:a}),e.map(((t,e)=>{const{title:r,content:o,statuses:a}=t;return n(Qe,{children:[n(qe,{children:[i(Ze,{"data-testid":h?`circleindicator${e+1}_div_${h}`:"circleindicator",$filled:0===e}),i(Ue,{})]}),n(Ye,{className:"timeline-item-content",children:[f(r),a&&i(en,{children:p(a)}),d(o)]})]},`timeline-item-${e}`)}))]})};export{rn as Timeline};
 //# sourceMappingURL=index.js.map