@lifesg/react-design-system 2.5.1 → 2.6.0-canary.1

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.
Files changed (21) hide show
  1. package/alert/alert.d.ts +1 -1
  2. package/alert/alert.style.d.ts +14 -1
  3. package/alert/index.js +150 -126
  4. package/alert/index.js.map +1 -1
  5. package/alert/types.d.ts +4 -0
  6. package/cjs/index.js +77 -21
  7. package/cjs/index.js.map +1 -1
  8. package/file-upload/file-upload.styles.d.ts +2 -2
  9. package/file-upload/index.js +754 -730
  10. package/file-upload/index.js.map +1 -1
  11. package/index.js +118 -62
  12. package/index.js.map +1 -1
  13. package/notification-banner/index.js +169 -137
  14. package/notification-banner/index.js.map +1 -1
  15. package/notification-banner/notification-banner.d.ts +1 -1
  16. package/notification-banner/notification-banner.styles.d.ts +8 -2
  17. package/notification-banner/types.d.ts +4 -0
  18. package/package.json +1 -1
  19. package/uneditable-section/index.js +238 -214
  20. package/uneditable-section/index.js.map +1 -1
  21. package/uneditable-section/section-item.styles.d.ts +1 -1
package/alert/alert.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import { AlertProps } from "./types";
3
- export declare const Alert: ({ type, className, children, actionLink, actionLinkIcon, sizeType, showIcon, ...otherProps }: AlertProps) => JSX.Element;
3
+ export declare const Alert: ({ type, className, children, actionLink, actionLinkIcon, sizeType, showIcon, customIcon, maxCollapsedHeight, ...otherProps }: AlertProps) => JSX.Element;
package/alert/alert.style.d.ts CHANGED
@@ -4,8 +4,21 @@ interface StyleProps {
4
4
  $type: AlertType;
5
5
  $sizeType: AlertSizeType;
6
6
  }
7
+ export interface TextWrapperContainerStyleProps {
8
+ $showMore: boolean;
9
+ $maxCollapsedHeight?: number;
10
+ }
11
+ export interface ShowMoreIconStyleProps {
12
+ $expanded: boolean;
13
+ }
7
14
  export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyleProps, never>;
8
15
  export declare const AlertIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyleProps, never>;
9
16
  export declare const ActionLinkText: import("styled-components").StyledComponent<(props: import("../text").TextLinkProps) => JSX.Element, import("styled-components").DefaultTheme, StyleProps, never>;
10
- export declare const TextContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
17
+ export declare const ContentContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
18
+ export declare const TextWrapperContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TextWrapperContainerStyleProps, never>;
19
+ export declare const ShowMoreButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
20
+ export declare const ChevronIcon: import("styled-components").StyledComponent<{
21
+ (props: import("react").SVGProps<SVGSVGElement>): JSX.Element;
22
+ displayName: string;
23
+ }, import("styled-components").DefaultTheme, ShowMoreIconStyleProps, never>;
11
24
  export {};
package/alert/index.js CHANGED
@@ -1,144 +1,144 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{css as n}from"styled-components";import{ExternalIcon as a}from"@lifesg/react-icons/external";import{TickCircleFillIcon as i}from"@lifesg/react-icons/tick-circle-fill";import{ExclamationTriangleFillIcon as o}from"@lifesg/react-icons/exclamation-triangle-fill";import{ExclamationCircleFillIcon as l}from"@lifesg/react-icons/exclamation-circle-fill";import{ICircleFillIcon as c}from"@lifesg/react-icons/i-circle-fill";import{ArrowRightIcon as g}from"@lifesg/react-icons/arrow-right";function d(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}"function"==typeof SuppressedError&&SuppressedError;var s="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function u(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var h=Array.isArray,f="object"==typeof s&&s&&s.Object===Object&&s,F="object"==typeof self&&self&&self.Object===Object&&self,p=f||F||Function("return this")(),y=p.Symbol,B=y,m=Object.prototype,S=m.hasOwnProperty,D=m.toString,v=B?B.toStringTag:void 0;var $=function(e){var t=S.call(e,v),r=e[v];try{e[v]=void 0;var n=!0}catch(e){}var a=D.call(e);return n&&(t?e[v]=r:delete e[v]),a},b=Object.prototype.toString;var E=$,H=function(e){return b.call(e)},A=y?y.toStringTag:void 0;var x=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":A&&A in Object(e)?E(e):H(e)};var k=x,_=function(e){return null!=e&&"object"==typeof e};var w=function(e){return"symbol"==typeof e||_(e)&&"[object Symbol]"==k(e)},z=h,C=w,O=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,T=/^\w*$/;var j=function(e,t){if(z(e))return!1;var r=typeof e;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=e&&!C(e))||(T.test(e)||!O.test(e)||null!=t&&e in Object(t))};var I=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},W=x,V=I;var N,L=function(e){if(!V(e))return!1;var t=W(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},P=p["__core-js_shared__"],R=(N=/[^.]+$/.exec(P&&P.keys&&P.keys.IE_PROTO||""))?"Symbol(src)_1."+N:"";var G=function(e){return!!R&&R in e},X=Function.prototype.toString;var M=L,U=G,q=I,J=function(e){if(null!=e){try{return X.call(e)}catch(e){}try{return e+""}catch(e){}}return""},K=/^\[object .+?Constructor\]$/,Q=Function.prototype,Y=Object.prototype,Z=Q.toString,ee=Y.hasOwnProperty,te=RegExp("^"+Z.call(ee).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var re=function(e){return!(!q(e)||U(e))&&(M(e)?te:K).test(J(e))},ne=function(e,t){return null==e?void 0:e[t]};var ae=function(e,t){var r=ne(e,t);return re(r)?r:void 0},ie=ae(Object,"create"),oe=ie;var le=function(){this.__data__=oe?oe(null):{},this.size=0};var ce=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},ge=ie,de=Object.prototype.hasOwnProperty;var se=function(e){var t=this.__data__;if(ge){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return de.call(t,e)?t[e]:void 0},ue=ie,he=Object.prototype.hasOwnProperty;var fe=ie;var Fe=le,pe=ce,ye=se,Be=function(e){var t=this.__data__;return ue?void 0!==t[e]:he.call(t,e)},me=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=fe&&void 0===t?"__lodash_hash_undefined__":t,this};function Se(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Se.prototype.clear=Fe,Se.prototype.delete=pe,Se.prototype.get=ye,Se.prototype.has=Be,Se.prototype.set=me;var De=Se;var ve=function(){this.__data__=[],this.size=0};var $e=function(e,t){return e===t||e!=e&&t!=t};var be=function(e,t){for(var r=e.length;r--;)if($e(e[r][0],t))return r;return-1},Ee=be,He=Array.prototype.splice;var Ae=be;var xe=be;var ke=be;var _e=ve,we=function(e){var t=this.__data__,r=Ee(t,e);return!(r<0)&&(r==t.length-1?t.pop():He.call(t,r,1),--this.size,!0)},ze=function(e){var t=this.__data__,r=Ae(t,e);return r<0?void 0:t[r][1]},Ce=function(e){return xe(this.__data__,e)>-1},Oe=function(e,t){var r=this.__data__,n=ke(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this};function Te(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Te.prototype.clear=_e,Te.prototype.delete=we,Te.prototype.get=ze,Te.prototype.has=Ce,Te.prototype.set=Oe;var je=Te,Ie=ae(p,"Map"),We=De,Ve=je,Ne=Ie;var Le=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var Pe=function(e,t){var r=e.__data__;return Le(t)?r["string"==typeof t?"string":"hash"]:r.map},Re=Pe;var Ge=Pe;var Xe=Pe;var Me=Pe;var Ue=function(){this.size=0,this.__data__={hash:new We,map:new(Ne||Ve),string:new We}},qe=function(e){var t=Re(this,e).delete(e);return this.size-=t?1:0,t},Je=function(e){return Ge(this,e).get(e)},Ke=function(e){return Xe(this,e).has(e)},Qe=function(e,t){var r=Me(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this};function Ye(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Ye.prototype.clear=Ue,Ye.prototype.delete=qe,Ye.prototype.get=Je,Ye.prototype.has=Ke,Ye.prototype.set=Qe;var Ze=Ye;function et(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var r=function(){var n=arguments,a=t?t.apply(this,n):n[0],i=r.cache;if(i.has(a))return i.get(a);var o=e.apply(this,n);return r.cache=i.set(a,o)||i,o};return r.cache=new(et.Cache||Ze),r}et.Cache=Ze;var tt=et;var rt=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,nt=/\\(\\)?/g,at=function(e){var t=tt(e,(function(e){return 500===r.size&&r.clear(),e})),r=t.cache;return t}((function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(rt,(function(e,r,n,a){t.push(n?a.replace(nt,"$1"):r||e)})),t}));var it=function(e,t){for(var r=-1,n=null==e?0:e.length,a=Array(n);++r<n;)a[r]=t(e[r],r,e);return a},ot=h,lt=w,ct=y?y.prototype:void 0,gt=ct?ct.toString:void 0;var dt=function e(t){if("string"==typeof t)return t;if(ot(t))return it(t,e)+"";if(lt(t))return gt?gt.call(t):"";var r=t+"";return"0"==r&&1/t==-Infinity?"-0":r},st=dt;var ut=h,ht=j,ft=at,Ft=function(e){return null==e?"":st(e)};var pt=w;var yt=function(e,t){return ut(e)?e:ht(e,t)?[e]:ft(Ft(e))},Bt=function(e){if("string"==typeof e||pt(e))return e;var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t};var mt=function(e,t){for(var r=0,n=(t=yt(t,e)).length;null!=e&&r<n;)e=e[Bt(t[r++])];return r&&r==n?e:void 0};var St=u((function(e,t,r){var n=null==e?void 0:mt(e,t);return void 0===n?r:n}));const Dt=(e,t,r)=>t?St(r,t)||St(e,t):r||e,vt=(e,t)=>{const r=t||e.defaultValue;return St(e.collections,r)};var $t;!function(e){e.colorScheme="colorScheme",e.layout="layout",e.textStyleScheme="textStyleScheme",e.designTokenScheme="designTokenScheme",e.resourceScheme="resourceScheme"}($t||($t={}));const bt={collections:{base:{Brand:{1:"#EF413D",2:"#F26664",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#1C76D5",PrimaryDark:"#1869BF",Secondary:"#0056b3",Accent:{Dark:{1:"#4B539F",2:"#6D74B1",3:"#959BC5"},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"},Blue:{Text:"#064D70",Icon:" #066391",Border:"#84B7DB",Background:"#E8F4FA"}},Shadow:{Accent:"rgba(87, 169, 255, 0.5)",Red:"rgba(221, 102, 102, 0.8)",Elevation:"rgba(75, 83, 159, 0.24)"}},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:"#977ECC",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"},Blue:{Text:"#064D70",Icon:" #066391",Border:"#84B7DB",Background:"#E8F4FA"}},Shadow:{Accent:"rgba(161, 87, 255, 0.5)",Red:"rgba(221, 102, 102, 0.8)",Elevation:"rgba(75, 83, 159, 0.24)"}},rbs:{Brand:{1:"#3E4DFF",2:"#AEACFF",3:"#AD44FF",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#4855D4",PrimaryDark:"#3E49B2",Secondary:"#364891",Accent:{Dark:{1:"#5E516E",2:"#7A6F87",3:"#C5C0CC"},Light:{1:"#8397FC",2:"#ABB8FC",3:"#CED6FD ",4:"#E1E4FA",5:"#F0F2FF",6:"#FAFBFF"}},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"},Blue:{Text:"#064D70",Icon:" #066391",Border:"#84B7DB",Background:"#E8F4FA"}},Shadow:{Accent:"rgba(90, 87, 255, 0.5)",Red:"rgba(221, 102, 102, 0.8)",Elevation:"rgba(75, 83, 159, 0.24)"}},mylegacy:{Brand:{1:"#24588D",2:"#FFC166",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#0C7BB3",PrimaryDark:"#066391",Secondary:"#066391",Accent:{Dark:{1:"#4B539F",2:"#6D74B1",3:"#959BC5"},Light:{1:"#229AD6",2:"#8DD4F7",3:"#A4DDF9",4:"#BBE5FA",5:"#E8F4FA",6:"#F7FBFC"}},Neutral:{1:"#282828",2:"#424242",3:"#686868",4:"#A4A4A4",5:"#E0E4E5",6:"#ECEFEF",7:"#F8F8F8",8:"#FFFFFF"},Validation:{Green:{Text:"#1A5230",Icon:"#2A854E",Border:"#7DDBA3",Background:"#E1FAEB"},Orange:{Text:"#693D07",Icon:"#CF7911",Border:"#F9CB77",Background:"#FCF2E6",Badge:"#F57F17"},Red:{Text:"#CB2213",Icon:"#CB2213",Border:"#DC6363",Background:"#FAF0F0"},Blue:{Text:"#064D70",Icon:" #066391",Border:"#84B7DB",Background:"#E8F4FA"}},Shadow:{Accent:"rgba(34, 154, 214, 0.6)",Red:"rgba(203, 34, 19, 0.5)",Elevation:"rgba(75, 83, 159, 0.24)"}},ccube:{Brand:{1:"#8D5197",2:"#FE3399",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#8D5197",PrimaryDark:"#6B3E73",Secondary:"#C02673",Accent:{Dark:{1:"#921D58",2:"#FF409F",3:"#FF88C4"},Light:{1:"#B07DB7",2:"#C7A2CC",3:"#D9C2DD",4:"#E9DBEB",5:"#F3ECF4",6:"#FAF7FA"}},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"},Blue:{Text:"#064D70",Icon:" #066391",Border:"#84B7DB",Background:"#E8F4FA"}},Shadow:{Accent:"rgba(210, 77, 255, 0.5)",Red:"rgba(221, 102, 102, 0.8)",Elevation:"rgba(75, 83, 159, 0.24)"}}},defaultValue:"base"},Et=e=>t=>{const r=t.theme,n=vt(bt,r[$t.colorScheme]);return r.options&&r.options.color?Dt(n,e,r.options.color):Dt(n,e)},Ht={Brand:{1:Et("Brand.1"),2:Et("Brand.2"),3:Et("Brand.3"),4:Et("Brand.4"),5:Et("Brand.5"),6:Et("Brand.6")},Primary:Et("Primary"),PrimaryDark:Et("PrimaryDark"),Secondary:Et("Secondary"),Accent:{Light:{1:Et("Accent.Light.1"),2:Et("Accent.Light.2"),3:Et("Accent.Light.3"),4:Et("Accent.Light.4"),5:Et("Accent.Light.5"),6:Et("Accent.Light.6")},Dark:{1:Et("Accent.Dark.1"),2:Et("Accent.Dark.2"),3:Et("Accent.Dark.3")}},Neutral:{1:Et("Neutral.1"),2:Et("Neutral.2"),3:Et("Neutral.3"),4:Et("Neutral.4"),5:Et("Neutral.5"),6:Et("Neutral.6"),7:Et("Neutral.7"),8:Et("Neutral.8")},Validation:{Green:{Text:Et("Validation.Green.Text"),Icon:Et("Validation.Green.Icon"),Border:Et("Validation.Green.Border"),Background:Et("Validation.Green.Background")},Orange:{Text:Et("Validation.Orange.Text"),Icon:Et("Validation.Orange.Icon"),Border:Et("Validation.Orange.Border"),Background:Et("Validation.Orange.Background"),Badge:Et("Validation.Orange.Badge")},Red:{Text:Et("Validation.Red.Text"),Icon:Et("Validation.Red.Icon"),Border:Et("Validation.Red.Border"),Background:Et("Validation.Red.Background")},Blue:{Text:Et("Validation.Blue.Text"),Icon:Et("Validation.Blue.Icon"),Border:Et("Validation.Blue.Border"),Background:Et("Validation.Blue.Background")}},Shadow:{Accent:Et("Shadow.Accent"),Red:Et("Shadow.Red"),Elevation:Et("Shadow.Elevation")}},At={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},xt={collections:{base:{D1:{fontFamily:At.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:At.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:At.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:At.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:At.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:At.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:At.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:At.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:At.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:At.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:At.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:At.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:At.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:At.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},kt=e=>t=>{const r=t.theme,n=vt(xt,r[$t.textStyleScheme]);return r.options&&r.options.textStyle?Dt(n,e,r.options.textStyle):Dt(n,e)},_t={D1:{fontFamily:kt("D1.fontFamily"),fontSize:kt("D1.fontSize"),fontWeight:kt("D1.fontWeight"),lineHeight:kt("D1.lineHeight"),letterSpacing:kt("D1.letterSpacing")},D2:{fontFamily:kt("D2.fontFamily"),fontSize:kt("D2.fontSize"),fontWeight:kt("D2.fontWeight"),lineHeight:kt("D2.lineHeight"),letterSpacing:kt("D2.letterSpacing")},D3:{fontFamily:kt("D3.fontFamily"),fontSize:kt("D3.fontSize"),fontWeight:kt("D3.fontWeight"),lineHeight:kt("D3.lineHeight"),letterSpacing:kt("D3.letterSpacing")},D4:{fontFamily:kt("D4.fontFamily"),fontSize:kt("D4.fontSize"),fontWeight:kt("D4.fontWeight"),lineHeight:kt("D4.lineHeight"),letterSpacing:kt("D4.letterSpacing")},DBody:{fontFamily:kt("DBody.fontFamily"),fontSize:kt("DBody.fontSize"),fontWeight:kt("DBody.fontWeight"),lineHeight:kt("DBody.lineHeight"),letterSpacing:kt("DBody.letterSpacing")},H1:{fontFamily:kt("H1.fontFamily"),fontSize:kt("H1.fontSize"),fontWeight:kt("H1.fontWeight"),lineHeight:kt("H1.lineHeight"),letterSpacing:kt("H1.letterSpacing")},H2:{fontFamily:kt("H2.fontFamily"),fontSize:kt("H2.fontSize"),fontWeight:kt("H2.fontWeight"),lineHeight:kt("H2.lineHeight"),letterSpacing:kt("H2.letterSpacing")},H3:{fontFamily:kt("H3.fontFamily"),fontSize:kt("H3.fontSize"),fontWeight:kt("H3.fontWeight"),lineHeight:kt("H3.lineHeight"),letterSpacing:kt("H3.letterSpacing")},H4:{fontFamily:kt("H4.fontFamily"),fontSize:kt("H4.fontSize"),fontWeight:kt("H4.fontWeight"),lineHeight:kt("H4.lineHeight"),letterSpacing:kt("H4.letterSpacing")},H5:{fontFamily:kt("H5.fontFamily"),fontSize:kt("H5.fontSize"),fontWeight:kt("H5.fontWeight"),lineHeight:kt("H5.lineHeight"),letterSpacing:kt("H5.letterSpacing")},H6:{fontFamily:kt("H6.fontFamily"),fontSize:kt("H6.fontSize"),fontWeight:kt("H6.fontWeight"),lineHeight:kt("H6.lineHeight"),letterSpacing:kt("H6.letterSpacing")},Body:{fontFamily:kt("Body.fontFamily"),fontSize:kt("Body.fontSize"),fontWeight:kt("Body.fontWeight"),lineHeight:kt("Body.lineHeight"),letterSpacing:kt("Body.letterSpacing")},BodySmall:{fontFamily:kt("BodySmall.fontFamily"),fontSize:kt("BodySmall.fontSize"),fontWeight:kt("BodySmall.fontWeight"),lineHeight:kt("BodySmall.lineHeight"),letterSpacing:kt("BodySmall.letterSpacing")},XSmall:{fontFamily:kt("XSmall.fontFamily"),fontSize:kt("XSmall.fontSize"),fontWeight:kt("XSmall.fontWeight"),lineHeight:kt("XSmall.lineHeight"),letterSpacing:kt("XSmall.letterSpacing")}},wt=e=>{switch(e){case 700:case"bold":return At.Bold;case 600:case"semibold":return At.Semibold;case 300:case"light":return At.Light;case 400:case"regular":return At.Regular;default:return""}},zt=(e,t)=>r=>{var a;const i=_t[e].fontFamily(r),o=_t[e].fontWeight(r);return Object.values(At).includes(i)?n`
2
- font-family: ${wt(t)||wt(o)||i};
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{ArrowRightIcon as r}from"@lifesg/react-icons/arrow-right";import{ExclamationCircleFillIcon as n}from"@lifesg/react-icons/exclamation-circle-fill";import{ExclamationTriangleFillIcon as i}from"@lifesg/react-icons/exclamation-triangle-fill";import{ICircleFillIcon as o}from"@lifesg/react-icons/i-circle-fill";import{TickCircleFillIcon as a}from"@lifesg/react-icons/tick-circle-fill";import*as l from"react";import{useRef as c,useState as u,isValidElement as d,createRef as s,cloneElement as f,PureComponent as g,useEffect as h,useLayoutEffect as p}from"react";import{findDOMNode as y}from"react-dom";import F,{css as m}from"styled-components";import{ExternalIcon as v}from"@lifesg/react-icons/external";import{ChevronDownIcon as B}from"@lifesg/react-icons";function b(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)t.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(r[n[i]]=e[n[i]])}return r}"function"==typeof SuppressedError&&SuppressedError;var S=function(e,t){return S=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},S(e,t)};var D=function(){return D=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},D.apply(this,arguments)};var $="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var E=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},H="object"==typeof $&&$&&$.Object===Object&&$,w="object"==typeof self&&self&&self.Object===Object&&self,O=H||w||Function("return this")(),x=O,A=function(){return x.Date.now()},k=/\s/;var _=function(e){for(var t=e.length;t--&&k.test(e.charAt(t)););return t},z=/^\s+/;var C=function(e){return e?e.slice(0,_(e)+1).replace(z,""):e},j=O.Symbol,T=j,R=Object.prototype,W=R.hasOwnProperty,I=R.toString,N=T?T.toStringTag:void 0;var P=function(e){var t=W.call(e,N),r=e[N];try{e[N]=void 0;var n=!0}catch(e){}var i=I.call(e);return n&&(t?e[N]=r:delete e[N]),i},V=Object.prototype.toString;var L=P,M=function(e){return V.call(e)},G=j?j.toStringTag:void 0;var X=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":G&&G in Object(e)?L(e):M(e)},U=function(e){return null!=e&&"object"==typeof e};var q=C,J=E,K=function(e){return"symbol"==typeof e||U(e)&&"[object Symbol]"==X(e)},Q=/^[-+]0x[0-9a-f]+$/i,Y=/^0b[01]+$/i,Z=/^0o[0-7]+$/i,ee=parseInt;var te=E,re=A,ne=function(e){if("number"==typeof e)return e;if(K(e))return NaN;if(J(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=J(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=q(e);var r=Y.test(e);return r||Z.test(e)?ee(e.slice(2),r?2:8):Q.test(e)?NaN:+e},ie=Math.max,oe=Math.min;var ae=function(e,t,r){var n,i,o,a,l,c,u=0,d=!1,s=!1,f=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function g(t){var r=n,o=i;return n=i=void 0,u=t,a=e.apply(o,r)}function h(e){var r=e-c;return void 0===c||r>=t||r<0||s&&e-u>=o}function p(){var e=re();if(h(e))return y(e);l=setTimeout(p,function(e){var r=t-(e-c);return s?oe(r,o-(e-u)):r}(e))}function y(e){return l=void 0,f&&n?g(e):(n=i=void 0,a)}function F(){var e=re(),r=h(e);if(n=arguments,i=this,c=e,r){if(void 0===l)return function(e){return u=e,l=setTimeout(p,t),d?g(e):a}(c);if(s)return clearTimeout(l),l=setTimeout(p,t),g(c)}return void 0===l&&(l=setTimeout(p,t)),a}return t=ne(t)||0,te(r)&&(d=!!r.leading,o=(s="maxWait"in r)?ie(ne(r.maxWait)||0,t):o,f="trailing"in r?!!r.trailing:f),F.cancel=function(){void 0!==l&&clearTimeout(l),u=0,n=c=i=l=void 0},F.flush=function(){return void 0===l?a:y(re())},F},le=ae,ce=E;var ue=function(e,t,r){var n=!0,i=!0;if("function"!=typeof e)throw new TypeError("Expected a function");return ce(r)&&(n="leading"in r?!!r.leading:n,i="trailing"in r?!!r.trailing:i),le(e,t,{leading:n,maxWait:t,trailing:i})},de=function(e,t,r,n){switch(t){case"debounce":return ae(e,r,n);case"throttle":return ue(e,r,n);default:return e}},se=function(e){return"function"==typeof e},fe=function(){return"undefined"==typeof window},ge=function(e){return e instanceof Element||e instanceof HTMLDocument},he=function(e,t,r,n){return function(i){var o=i.width,a=i.height;t((function(t){return t.width===o&&t.height===a||t.width===o&&!n||t.height===a&&!r?t:(e&&se(e)&&e(o,a),{width:o,height:a})}))}};!function(e){function t(t){var r=e.call(this,t)||this;r.cancelHandler=function(){r.resizeHandler&&r.resizeHandler.cancel&&(r.resizeHandler.cancel(),r.resizeHandler=null)},r.attachObserver=function(){var e=r.props,t=e.targetRef,n=e.observerOptions;if(!fe()){t&&t.current&&(r.targetRef.current=t.current);var i=r.getElement();i&&(r.observableElement&&r.observableElement===i||(r.observableElement=i,r.resizeObserver.observe(i,n)))}},r.getElement=function(){var e=r.props,t=e.querySelector,n=e.targetDomEl;if(fe())return null;if(t)return document.querySelector(t);if(n&&ge(n))return n;if(r.targetRef&&ge(r.targetRef.current))return r.targetRef.current;var i=y(r);if(!i)return null;switch(r.getRenderType()){case"renderProp":case"childFunction":case"child":case"childArray":return i;default:return i.parentElement}},r.createResizeHandler=function(e){var t=r.props,n=t.handleWidth,i=void 0===n||n,o=t.handleHeight,a=void 0===o||o,l=t.onResize;if(i||a){var c=he(l,r.setState.bind(r),i,a);e.forEach((function(e){var t=e&&e.contentRect||{},n=t.width,i=t.height;!r.skipOnMount&&!fe()&&c({width:n,height:i}),r.skipOnMount=!1}))}},r.getRenderType=function(){var e=r.props,t=e.render,n=e.children;return se(t)?"renderProp":se(n)?"childFunction":d(n)?"child":Array.isArray(n)?"childArray":"parent"};var n=t.skipOnMount,i=t.refreshMode,o=t.refreshRate,a=void 0===o?1e3:o,l=t.refreshOptions;return r.state={width:void 0,height:void 0},r.skipOnMount=n,r.targetRef=s(),r.observableElement=null,fe()||(r.resizeHandler=de(r.createResizeHandler,i,a,l),r.resizeObserver=new window.ResizeObserver(r.resizeHandler)),r}(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}S(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)})(t,e),t.prototype.componentDidMount=function(){this.attachObserver()},t.prototype.componentDidUpdate=function(){this.attachObserver()},t.prototype.componentWillUnmount=function(){fe()||(this.observableElement=null,this.resizeObserver.disconnect(),this.cancelHandler())},t.prototype.render=function(){var e,t=this.props,r=t.render,n=t.children,i=t.nodeType,o=void 0===i?"div":i,a=this.state,c={width:a.width,height:a.height,targetRef:this.targetRef};switch(this.getRenderType()){case"renderProp":return r&&r(c);case"childFunction":return(e=n)(c);case"child":if((e=n).type&&"string"==typeof e.type){var u=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)t.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(r[n[i]]=e[n[i]])}return r}(c,["targetRef"]);return f(e,u)}return f(e,c);case"childArray":return(e=n).map((function(e){return!!e&&f(e,c)}));default:return l.createElement(o,null)}}}(g);var pe=fe()?h:p;var ye="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function Fe(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var me=Array.isArray,ve="object"==typeof ye&&ye&&ye.Object===Object&&ye,Be="object"==typeof self&&self&&self.Object===Object&&self,be=ve||Be||Function("return this")(),Se=be.Symbol,De=Se,$e=Object.prototype,Ee=$e.hasOwnProperty,He=$e.toString,we=De?De.toStringTag:void 0;var Oe=function(e){var t=Ee.call(e,we),r=e[we];try{e[we]=void 0;var n=!0}catch(e){}var i=He.call(e);return n&&(t?e[we]=r:delete e[we]),i},xe=Object.prototype.toString;var Ae=Oe,ke=function(e){return xe.call(e)},_e=Se?Se.toStringTag:void 0;var ze=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":_e&&_e in Object(e)?Ae(e):ke(e)};var Ce=ze,je=function(e){return null!=e&&"object"==typeof e};var Te=function(e){return"symbol"==typeof e||je(e)&&"[object Symbol]"==Ce(e)},Re=me,We=Te,Ie=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,Ne=/^\w*$/;var Pe=function(e,t){if(Re(e))return!1;var r=typeof e;return!("number"!=r&&"symbol"!=r&&"boolean"!=r&&null!=e&&!We(e))||(Ne.test(e)||!Ie.test(e)||null!=t&&e in Object(t))};var Ve=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},Le=ze,Me=Ve;var Ge,Xe=function(e){if(!Me(e))return!1;var t=Le(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},Ue=be["__core-js_shared__"],qe=(Ge=/[^.]+$/.exec(Ue&&Ue.keys&&Ue.keys.IE_PROTO||""))?"Symbol(src)_1."+Ge:"";var Je=function(e){return!!qe&&qe in e},Ke=Function.prototype.toString;var Qe=Xe,Ye=Je,Ze=Ve,et=function(e){if(null!=e){try{return Ke.call(e)}catch(e){}try{return e+""}catch(e){}}return""},tt=/^\[object .+?Constructor\]$/,rt=Function.prototype,nt=Object.prototype,it=rt.toString,ot=nt.hasOwnProperty,at=RegExp("^"+it.call(ot).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var lt=function(e){return!(!Ze(e)||Ye(e))&&(Qe(e)?at:tt).test(et(e))},ct=function(e,t){return null==e?void 0:e[t]};var ut=function(e,t){var r=ct(e,t);return lt(r)?r:void 0},dt=ut(Object,"create"),st=dt;var ft=function(){this.__data__=st?st(null):{},this.size=0};var gt=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},ht=dt,pt=Object.prototype.hasOwnProperty;var yt=function(e){var t=this.__data__;if(ht){var r=t[e];return"__lodash_hash_undefined__"===r?void 0:r}return pt.call(t,e)?t[e]:void 0},Ft=dt,mt=Object.prototype.hasOwnProperty;var vt=dt;var Bt=ft,bt=gt,St=yt,Dt=function(e){var t=this.__data__;return Ft?void 0!==t[e]:mt.call(t,e)},$t=function(e,t){var r=this.__data__;return this.size+=this.has(e)?0:1,r[e]=vt&&void 0===t?"__lodash_hash_undefined__":t,this};function Et(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Et.prototype.clear=Bt,Et.prototype.delete=bt,Et.prototype.get=St,Et.prototype.has=Dt,Et.prototype.set=$t;var Ht=Et;var wt=function(){this.__data__=[],this.size=0};var Ot=function(e,t){return e===t||e!=e&&t!=t};var xt=function(e,t){for(var r=e.length;r--;)if(Ot(e[r][0],t))return r;return-1},At=xt,kt=Array.prototype.splice;var _t=xt;var zt=xt;var Ct=xt;var jt=wt,Tt=function(e){var t=this.__data__,r=At(t,e);return!(r<0)&&(r==t.length-1?t.pop():kt.call(t,r,1),--this.size,!0)},Rt=function(e){var t=this.__data__,r=_t(t,e);return r<0?void 0:t[r][1]},Wt=function(e){return zt(this.__data__,e)>-1},It=function(e,t){var r=this.__data__,n=Ct(r,e);return n<0?(++this.size,r.push([e,t])):r[n][1]=t,this};function Nt(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}Nt.prototype.clear=jt,Nt.prototype.delete=Tt,Nt.prototype.get=Rt,Nt.prototype.has=Wt,Nt.prototype.set=It;var Pt=Nt,Vt=ut(be,"Map"),Lt=Ht,Mt=Pt,Gt=Vt;var Xt=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var Ut=function(e,t){var r=e.__data__;return Xt(t)?r["string"==typeof t?"string":"hash"]:r.map},qt=Ut;var Jt=Ut;var Kt=Ut;var Qt=Ut;var Yt=function(){this.size=0,this.__data__={hash:new Lt,map:new(Gt||Mt),string:new Lt}},Zt=function(e){var t=qt(this,e).delete(e);return this.size-=t?1:0,t},er=function(e){return Jt(this,e).get(e)},tr=function(e){return Kt(this,e).has(e)},rr=function(e,t){var r=Qt(this,e),n=r.size;return r.set(e,t),this.size+=r.size==n?0:1,this};function nr(e){var t=-1,r=null==e?0:e.length;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}nr.prototype.clear=Yt,nr.prototype.delete=Zt,nr.prototype.get=er,nr.prototype.has=tr,nr.prototype.set=rr;var ir=nr;function or(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var r=function(){var n=arguments,i=t?t.apply(this,n):n[0],o=r.cache;if(o.has(i))return o.get(i);var a=e.apply(this,n);return r.cache=o.set(i,a)||o,a};return r.cache=new(or.Cache||ir),r}or.Cache=ir;var ar=or;var lr=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,cr=/\\(\\)?/g,ur=function(e){var t=ar(e,(function(e){return 500===r.size&&r.clear(),e})),r=t.cache;return t}((function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(lr,(function(e,r,n,i){t.push(n?i.replace(cr,"$1"):r||e)})),t}));var dr=function(e,t){for(var r=-1,n=null==e?0:e.length,i=Array(n);++r<n;)i[r]=t(e[r],r,e);return i},sr=me,fr=Te,gr=Se?Se.prototype:void 0,hr=gr?gr.toString:void 0;var pr=function e(t){if("string"==typeof t)return t;if(sr(t))return dr(t,e)+"";if(fr(t))return hr?hr.call(t):"";var r=t+"";return"0"==r&&1/t==-Infinity?"-0":r},yr=pr;var Fr=me,mr=Pe,vr=ur,Br=function(e){return null==e?"":yr(e)};var br=Te;var Sr=function(e,t){return Fr(e)?e:mr(e,t)?[e]:vr(Br(e))},Dr=function(e){if("string"==typeof e||br(e))return e;var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t};var $r=function(e,t){for(var r=0,n=(t=Sr(t,e)).length;null!=e&&r<n;)e=e[Dr(t[r++])];return r&&r==n?e:void 0};var Er=Fe((function(e,t,r){var n=null==e?void 0:$r(e,t);return void 0===n?r:n}));const Hr=(e,t,r)=>t?Er(r,t)||Er(e,t):r||e,wr=(e,t)=>{const r=t||e.defaultValue;return Er(e.collections,r)};var Or;!function(e){e.colorScheme="colorScheme",e.layout="layout",e.textStyleScheme="textStyleScheme",e.designTokenScheme="designTokenScheme",e.resourceScheme="resourceScheme"}(Or||(Or={}));const xr={collections:{base:{Brand:{1:"#EF413D",2:"#F26664",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#1C76D5",PrimaryDark:"#1869BF",Secondary:"#0056b3",Accent:{Dark:{1:"#4B539F",2:"#6D74B1",3:"#959BC5"},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"},Blue:{Text:"#064D70",Icon:" #066391",Border:"#84B7DB",Background:"#E8F4FA"}},Shadow:{Accent:"rgba(87, 169, 255, 0.5)",Red:"rgba(221, 102, 102, 0.8)",Elevation:"rgba(75, 83, 159, 0.24)"}},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:"#977ECC",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"},Blue:{Text:"#064D70",Icon:" #066391",Border:"#84B7DB",Background:"#E8F4FA"}},Shadow:{Accent:"rgba(161, 87, 255, 0.5)",Red:"rgba(221, 102, 102, 0.8)",Elevation:"rgba(75, 83, 159, 0.24)"}},rbs:{Brand:{1:"#3E4DFF",2:"#AEACFF",3:"#AD44FF",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#4855D4",PrimaryDark:"#3E49B2",Secondary:"#364891",Accent:{Dark:{1:"#5E516E",2:"#7A6F87",3:"#C5C0CC"},Light:{1:"#8397FC",2:"#ABB8FC",3:"#CED6FD ",4:"#E1E4FA",5:"#F0F2FF",6:"#FAFBFF"}},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"},Blue:{Text:"#064D70",Icon:" #066391",Border:"#84B7DB",Background:"#E8F4FA"}},Shadow:{Accent:"rgba(90, 87, 255, 0.5)",Red:"rgba(221, 102, 102, 0.8)",Elevation:"rgba(75, 83, 159, 0.24)"}},mylegacy:{Brand:{1:"#24588D",2:"#FFC166",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#0C7BB3",PrimaryDark:"#066391",Secondary:"#066391",Accent:{Dark:{1:"#4B539F",2:"#6D74B1",3:"#959BC5"},Light:{1:"#229AD6",2:"#8DD4F7",3:"#A4DDF9",4:"#BBE5FA",5:"#E8F4FA",6:"#F7FBFC"}},Neutral:{1:"#282828",2:"#424242",3:"#686868",4:"#A4A4A4",5:"#E0E4E5",6:"#ECEFEF",7:"#F8F8F8",8:"#FFFFFF"},Validation:{Green:{Text:"#1A5230",Icon:"#2A854E",Border:"#7DDBA3",Background:"#E1FAEB"},Orange:{Text:"#693D07",Icon:"#CF7911",Border:"#F9CB77",Background:"#FCF2E6",Badge:"#F57F17"},Red:{Text:"#CB2213",Icon:"#CB2213",Border:"#DC6363",Background:"#FAF0F0"},Blue:{Text:"#064D70",Icon:" #066391",Border:"#84B7DB",Background:"#E8F4FA"}},Shadow:{Accent:"rgba(34, 154, 214, 0.6)",Red:"rgba(203, 34, 19, 0.5)",Elevation:"rgba(75, 83, 159, 0.24)"}},ccube:{Brand:{1:"#8D5197",2:"#FE3399",3:"#F58E8B",4:"#F9B5B2",5:"#FDDDD7",6:"#FFEEEA"},Primary:"#8D5197",PrimaryDark:"#6B3E73",Secondary:"#C02673",Accent:{Dark:{1:"#921D58",2:"#FF409F",3:"#FF88C4"},Light:{1:"#B07DB7",2:"#C7A2CC",3:"#D9C2DD",4:"#E9DBEB",5:"#F3ECF4",6:"#FAF7FA"}},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"},Blue:{Text:"#064D70",Icon:" #066391",Border:"#84B7DB",Background:"#E8F4FA"}},Shadow:{Accent:"rgba(210, 77, 255, 0.5)",Red:"rgba(221, 102, 102, 0.8)",Elevation:"rgba(75, 83, 159, 0.24)"}}},defaultValue:"base"},Ar=e=>t=>{const r=t.theme,n=wr(xr,r[Or.colorScheme]);return r.options&&r.options.color?Hr(n,e,r.options.color):Hr(n,e)},kr={Brand:{1:Ar("Brand.1"),2:Ar("Brand.2"),3:Ar("Brand.3"),4:Ar("Brand.4"),5:Ar("Brand.5"),6:Ar("Brand.6")},Primary:Ar("Primary"),PrimaryDark:Ar("PrimaryDark"),Secondary:Ar("Secondary"),Accent:{Light:{1:Ar("Accent.Light.1"),2:Ar("Accent.Light.2"),3:Ar("Accent.Light.3"),4:Ar("Accent.Light.4"),5:Ar("Accent.Light.5"),6:Ar("Accent.Light.6")},Dark:{1:Ar("Accent.Dark.1"),2:Ar("Accent.Dark.2"),3:Ar("Accent.Dark.3")}},Neutral:{1:Ar("Neutral.1"),2:Ar("Neutral.2"),3:Ar("Neutral.3"),4:Ar("Neutral.4"),5:Ar("Neutral.5"),6:Ar("Neutral.6"),7:Ar("Neutral.7"),8:Ar("Neutral.8")},Validation:{Green:{Text:Ar("Validation.Green.Text"),Icon:Ar("Validation.Green.Icon"),Border:Ar("Validation.Green.Border"),Background:Ar("Validation.Green.Background")},Orange:{Text:Ar("Validation.Orange.Text"),Icon:Ar("Validation.Orange.Icon"),Border:Ar("Validation.Orange.Border"),Background:Ar("Validation.Orange.Background"),Badge:Ar("Validation.Orange.Badge")},Red:{Text:Ar("Validation.Red.Text"),Icon:Ar("Validation.Red.Icon"),Border:Ar("Validation.Red.Border"),Background:Ar("Validation.Red.Background")},Blue:{Text:Ar("Validation.Blue.Text"),Icon:Ar("Validation.Blue.Icon"),Border:Ar("Validation.Blue.Border"),Background:Ar("Validation.Blue.Background")}},Shadow:{Accent:Ar("Shadow.Accent"),Red:Ar("Shadow.Red"),Elevation:Ar("Shadow.Elevation")}},_r={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},zr={collections:{base:{D1:{fontFamily:_r.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:_r.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:_r.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:_r.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:_r.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:_r.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:_r.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:_r.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:_r.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:_r.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:_r.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:_r.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:_r.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:_r.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},Cr=e=>t=>{const r=t.theme,n=wr(zr,r[Or.textStyleScheme]);return r.options&&r.options.textStyle?Hr(n,e,r.options.textStyle):Hr(n,e)},jr={D1:{fontFamily:Cr("D1.fontFamily"),fontSize:Cr("D1.fontSize"),fontWeight:Cr("D1.fontWeight"),lineHeight:Cr("D1.lineHeight"),letterSpacing:Cr("D1.letterSpacing")},D2:{fontFamily:Cr("D2.fontFamily"),fontSize:Cr("D2.fontSize"),fontWeight:Cr("D2.fontWeight"),lineHeight:Cr("D2.lineHeight"),letterSpacing:Cr("D2.letterSpacing")},D3:{fontFamily:Cr("D3.fontFamily"),fontSize:Cr("D3.fontSize"),fontWeight:Cr("D3.fontWeight"),lineHeight:Cr("D3.lineHeight"),letterSpacing:Cr("D3.letterSpacing")},D4:{fontFamily:Cr("D4.fontFamily"),fontSize:Cr("D4.fontSize"),fontWeight:Cr("D4.fontWeight"),lineHeight:Cr("D4.lineHeight"),letterSpacing:Cr("D4.letterSpacing")},DBody:{fontFamily:Cr("DBody.fontFamily"),fontSize:Cr("DBody.fontSize"),fontWeight:Cr("DBody.fontWeight"),lineHeight:Cr("DBody.lineHeight"),letterSpacing:Cr("DBody.letterSpacing")},H1:{fontFamily:Cr("H1.fontFamily"),fontSize:Cr("H1.fontSize"),fontWeight:Cr("H1.fontWeight"),lineHeight:Cr("H1.lineHeight"),letterSpacing:Cr("H1.letterSpacing")},H2:{fontFamily:Cr("H2.fontFamily"),fontSize:Cr("H2.fontSize"),fontWeight:Cr("H2.fontWeight"),lineHeight:Cr("H2.lineHeight"),letterSpacing:Cr("H2.letterSpacing")},H3:{fontFamily:Cr("H3.fontFamily"),fontSize:Cr("H3.fontSize"),fontWeight:Cr("H3.fontWeight"),lineHeight:Cr("H3.lineHeight"),letterSpacing:Cr("H3.letterSpacing")},H4:{fontFamily:Cr("H4.fontFamily"),fontSize:Cr("H4.fontSize"),fontWeight:Cr("H4.fontWeight"),lineHeight:Cr("H4.lineHeight"),letterSpacing:Cr("H4.letterSpacing")},H5:{fontFamily:Cr("H5.fontFamily"),fontSize:Cr("H5.fontSize"),fontWeight:Cr("H5.fontWeight"),lineHeight:Cr("H5.lineHeight"),letterSpacing:Cr("H5.letterSpacing")},H6:{fontFamily:Cr("H6.fontFamily"),fontSize:Cr("H6.fontSize"),fontWeight:Cr("H6.fontWeight"),lineHeight:Cr("H6.lineHeight"),letterSpacing:Cr("H6.letterSpacing")},Body:{fontFamily:Cr("Body.fontFamily"),fontSize:Cr("Body.fontSize"),fontWeight:Cr("Body.fontWeight"),lineHeight:Cr("Body.lineHeight"),letterSpacing:Cr("Body.letterSpacing")},BodySmall:{fontFamily:Cr("BodySmall.fontFamily"),fontSize:Cr("BodySmall.fontSize"),fontWeight:Cr("BodySmall.fontWeight"),lineHeight:Cr("BodySmall.lineHeight"),letterSpacing:Cr("BodySmall.letterSpacing")},XSmall:{fontFamily:Cr("XSmall.fontFamily"),fontSize:Cr("XSmall.fontSize"),fontWeight:Cr("XSmall.fontWeight"),lineHeight:Cr("XSmall.lineHeight"),letterSpacing:Cr("XSmall.letterSpacing")}},Tr=e=>{switch(e){case 700:case"bold":return _r.Bold;case 600:case"semibold":return _r.Semibold;case 300:case"light":return _r.Light;case 400:case"regular":return _r.Regular;default:return""}},Rr=(e,t)=>r=>{var n;const i=jr[e].fontFamily(r),o=jr[e].fontWeight(r);return Object.values(_r).includes(i)?m`
2
+ font-family: ${Tr(t)||Tr(o)||i};
3
3
  font-weight: normal !important;
4
- `:n`
4
+ `:m`
5
5
  font-family: ${i};
6
- font-weight: ${null!==(a=Ct(t)||o)&&void 0!==a?a:"normal"};
7
- `},Ct=e=>{switch(e){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""}},Ot=e=>{if(e>0)return n`
6
+ font-weight: ${null!==(n=Wr(t)||o)&&void 0!==n?n:"normal"};
7
+ `},Wr=e=>{switch(e){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""}},Ir=e=>{if(e>0)return m`
8
8
  display: -webkit-box;
9
9
  -webkit-box-orient: vertical;
10
10
  -webkit-line-clamp: ${e};
11
11
  line-clamp: ${e};
12
12
  overflow: hidden;
13
- `},Tt=(e,t,r=!1)=>a=>{const i=_t[e],o=i.fontSize(a);return n`
14
- ${zt(e,t)}
13
+ `},Nr=(e,t,r=!1)=>n=>{const i=jr[e],o=i.fontSize(n);return m`
14
+ ${Rr(e,t)}
15
15
  font-size: ${o}rem !important;
16
16
  line-height: ${i.lineHeight}rem !important;
17
- letter-spacing: ${i.letterSpacing(a)||0}rem !important;
18
- ${n`
17
+ letter-spacing: ${i.letterSpacing(n)||0}rem !important;
18
+ ${m`
19
19
  margin-bottom: ${o*(r?1.05:0)}rem;
20
20
  `}
21
- `},jt=(e=!1,t=!1,r=void 0)=>t?n`
21
+ `},Pr=(e=!1,t=!1,r=void 0)=>t?m`
22
22
  display: block;
23
- ${Ot(r)}
24
- `:e?n`
23
+ ${Ir(r)}
24
+ `:e?m`
25
25
  display: inline;
26
- `:n`
26
+ `:m`
27
27
  display: block;
28
- ${Ot(r)}
29
- `;var It;!function(e){e.D1=r.h1`
30
- ${e=>n`
31
- ${Tt("D1",e.weight,e.paragraph)}
32
- color: ${Ht.Neutral[1]};
33
- ${jt(e.inline,e.paragraph,e.maxLines)}
34
- `}
35
- `,e.D2=r.h1`
36
- ${e=>n`
37
- ${Tt("D2",e.weight,e.paragraph)}
38
- color: ${Ht.Neutral[1]};
39
- ${jt(e.inline,e.paragraph,e.maxLines)}
40
- `}
41
- `,e.D3=r.h1`
42
- ${e=>n`
43
- ${Tt("D3",e.weight,e.paragraph)}
44
- color: ${Ht.Neutral[1]};
45
- ${jt(e.inline,e.paragraph,e.maxLines)}
46
- `}
47
- `,e.D4=r.h1`
48
- ${e=>n`
49
- ${Tt("D4",e.weight,e.paragraph)}
50
- color: ${Ht.Neutral[1]};
51
- ${jt(e.inline,e.paragraph,e.maxLines)}
52
- `}
53
- `,e.DBody=r.h1`
54
- ${e=>n`
55
- ${Tt("DBody",e.weight,e.paragraph)}
56
- color: ${Ht.Neutral[1]};
57
- ${jt(e.inline,e.paragraph,e.maxLines)}
58
- `}
59
- `,e.H1=r.h1`
60
- ${e=>n`
61
- ${Tt("H1",e.weight,e.paragraph)}
62
- color: ${Ht.Neutral[1]};
63
- ${jt(e.inline,e.paragraph,e.maxLines)}
64
- `}
65
- `,e.H2=r.h2`
66
- ${e=>n`
67
- ${Tt("H2",e.weight,e.paragraph)}
68
- color: ${Ht.Neutral[1]};
69
- ${jt(e.inline,e.paragraph,e.maxLines)}
70
- `}
71
- `,e.H3=r.h3`
72
- ${e=>n`
73
- ${Tt("H3",e.weight,e.paragraph)}
74
- color: ${Ht.Neutral[1]};
75
- ${jt(e.inline,e.paragraph,e.maxLines)}
76
- `}
77
- `,e.H4=r.h4`
78
- ${e=>n`
79
- ${Tt("H4",e.weight,e.paragraph)}
80
- color: ${Ht.Neutral[1]};
81
- ${jt(e.inline,e.paragraph,e.maxLines)}
82
- `}
83
- `,e.H5=r.h5`
84
- ${e=>n`
85
- ${Tt("H5",e.weight,e.paragraph)}
86
- color: ${Ht.Neutral[1]};
87
- ${jt(e.inline,e.paragraph,e.maxLines)}
88
- `}
89
- `,e.H6=r.h6`
90
- ${e=>n`
91
- ${Tt("H6",e.weight,e.paragraph)}
92
- color: ${Ht.Neutral[1]};
93
- ${jt(e.inline,e.paragraph,e.maxLines)}
94
- `}
95
- `,e.Body=r.p`
96
- ${e=>n`
97
- ${Tt("Body",e.weight,e.paragraph)}
98
- color: ${Ht.Neutral[1]};
99
- ${jt(e.inline,e.paragraph,e.maxLines)}
100
- `}
101
- `,e.BodySmall=r.p`
102
- ${e=>n`
103
- ${Tt("BodySmall",e.weight,e.paragraph)}
104
- color: ${Ht.Neutral[1]};
105
- ${jt(e.inline,e.paragraph,e.maxLines)}
106
- `}
107
- `,e.XSmall=r.span`
108
- ${e=>n`
109
- ${Tt("XSmall",e.weight,e.paragraph)}
110
- color: ${Ht.Neutral[1]};
111
- ${jt(e.inline,e.paragraph,e.maxLines)}
112
- `}
113
- `,e.Hyperlink={Default:e=>Nt(Object.assign(Object.assign({},e),{textStyle:"Body"})),Small:e=>Nt(Object.assign(Object.assign({},e),{textStyle:"BodySmall"}))}}(It||(It={}));const Wt=r.a`
114
- ${e=>n`
115
- ${Tt(e.textStyle,e.weight)}
116
- color: ${Ht.Primary};
28
+ ${Ir(r)}
29
+ `;var Vr;!function(e){e.D1=F.h1`
30
+ ${e=>m`
31
+ ${Nr("D1",e.weight,e.paragraph)}
32
+ color: ${kr.Neutral[1]};
33
+ ${Pr(e.inline,e.paragraph,e.maxLines)}
34
+ `}
35
+ `,e.D2=F.h1`
36
+ ${e=>m`
37
+ ${Nr("D2",e.weight,e.paragraph)}
38
+ color: ${kr.Neutral[1]};
39
+ ${Pr(e.inline,e.paragraph,e.maxLines)}
40
+ `}
41
+ `,e.D3=F.h1`
42
+ ${e=>m`
43
+ ${Nr("D3",e.weight,e.paragraph)}
44
+ color: ${kr.Neutral[1]};
45
+ ${Pr(e.inline,e.paragraph,e.maxLines)}
46
+ `}
47
+ `,e.D4=F.h1`
48
+ ${e=>m`
49
+ ${Nr("D4",e.weight,e.paragraph)}
50
+ color: ${kr.Neutral[1]};
51
+ ${Pr(e.inline,e.paragraph,e.maxLines)}
52
+ `}
53
+ `,e.DBody=F.h1`
54
+ ${e=>m`
55
+ ${Nr("DBody",e.weight,e.paragraph)}
56
+ color: ${kr.Neutral[1]};
57
+ ${Pr(e.inline,e.paragraph,e.maxLines)}
58
+ `}
59
+ `,e.H1=F.h1`
60
+ ${e=>m`
61
+ ${Nr("H1",e.weight,e.paragraph)}
62
+ color: ${kr.Neutral[1]};
63
+ ${Pr(e.inline,e.paragraph,e.maxLines)}
64
+ `}
65
+ `,e.H2=F.h2`
66
+ ${e=>m`
67
+ ${Nr("H2",e.weight,e.paragraph)}
68
+ color: ${kr.Neutral[1]};
69
+ ${Pr(e.inline,e.paragraph,e.maxLines)}
70
+ `}
71
+ `,e.H3=F.h3`
72
+ ${e=>m`
73
+ ${Nr("H3",e.weight,e.paragraph)}
74
+ color: ${kr.Neutral[1]};
75
+ ${Pr(e.inline,e.paragraph,e.maxLines)}
76
+ `}
77
+ `,e.H4=F.h4`
78
+ ${e=>m`
79
+ ${Nr("H4",e.weight,e.paragraph)}
80
+ color: ${kr.Neutral[1]};
81
+ ${Pr(e.inline,e.paragraph,e.maxLines)}
82
+ `}
83
+ `,e.H5=F.h5`
84
+ ${e=>m`
85
+ ${Nr("H5",e.weight,e.paragraph)}
86
+ color: ${kr.Neutral[1]};
87
+ ${Pr(e.inline,e.paragraph,e.maxLines)}
88
+ `}
89
+ `,e.H6=F.h6`
90
+ ${e=>m`
91
+ ${Nr("H6",e.weight,e.paragraph)}
92
+ color: ${kr.Neutral[1]};
93
+ ${Pr(e.inline,e.paragraph,e.maxLines)}
94
+ `}
95
+ `,e.Body=F.p`
96
+ ${e=>m`
97
+ ${Nr("Body",e.weight,e.paragraph)}
98
+ color: ${kr.Neutral[1]};
99
+ ${Pr(e.inline,e.paragraph,e.maxLines)}
100
+ `}
101
+ `,e.BodySmall=F.p`
102
+ ${e=>m`
103
+ ${Nr("BodySmall",e.weight,e.paragraph)}
104
+ color: ${kr.Neutral[1]};
105
+ ${Pr(e.inline,e.paragraph,e.maxLines)}
106
+ `}
107
+ `,e.XSmall=F.span`
108
+ ${e=>m`
109
+ ${Nr("XSmall",e.weight,e.paragraph)}
110
+ color: ${kr.Neutral[1]};
111
+ ${Pr(e.inline,e.paragraph,e.maxLines)}
112
+ `}
113
+ `,e.Hyperlink={Default:e=>Gr(Object.assign(Object.assign({},e),{textStyle:"Body"})),Small:e=>Gr(Object.assign(Object.assign({},e),{textStyle:"BodySmall"}))}}(Vr||(Vr={}));const Lr=F.a`
114
+ ${e=>m`
115
+ ${Nr(e.textStyle,e.weight)}
116
+ color: ${kr.Primary};
117
117
  text-decoration: none;
118
118
 
119
119
  :hover,
120
120
  :active,
121
121
  :focus {
122
- color: ${Ht.Secondary};
122
+ color: ${kr.Secondary};
123
123
 
124
124
  svg {
125
- color: ${Ht.Secondary};
125
+ color: ${kr.Secondary};
126
126
  }
127
127
  }
128
128
  `}
129
- `,Vt=r(a)`
129
+ `,Mr=F(v)`
130
130
  height: 1rem;
131
131
  width: 1rem;
132
132
  margin-left: 0.4rem;
133
133
  vertical-align: middle;
134
- `,Nt=r=>{var{external:n=!1,children:a}=r,i=d(r,["external","children"]);return e(Wt,Object.assign({},i,{children:[a,n&&t(Vt,{})]}))};var Lt;!function(e){e[e.Subpage=0]="Subpage",e[e.Domain=1]="Domain"}(Lt||(Lt={}));const Pt=(e,t)=>{const{textColor:r=Ht.Neutral[1]}=t||{};return n`
134
+ `,Gr=r=>{var{external:n=!1,children:i}=r,o=b(r,["external","children"]);return e(Lr,Object.assign({},o,{children:[i,n&&t(Mr,{})]}))};var Xr;!function(e){e[e.Subpage=0]="Subpage",e[e.Domain=1]="Domain"}(Xr||(Xr={}));const Ur=(e,t)=>{const{textColor:r=kr.Neutral[1]}=t||{};return m`
135
135
  // Text
136
- ${Tt(e,"regular")}
136
+ ${Nr(e,"regular")}
137
137
  color: ${r};
138
138
 
139
139
  a,
140
140
  strong {
141
- ${Tt(e,"semibold")}
141
+ ${Nr(e,"semibold")}
142
142
  }
143
143
 
144
144
  p {
@@ -147,16 +147,16 @@ import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{css as n}from"styled
147
147
 
148
148
  // Link styling
149
149
  a {
150
- color: ${Ht.Primary};
150
+ color: ${kr.Primary};
151
151
  text-decoration: none;
152
152
 
153
153
  :hover,
154
154
  :active,
155
155
  :focus {
156
- color: ${Ht.Secondary};
156
+ color: ${kr.Secondary};
157
157
 
158
158
  svg {
159
- color: ${Ht.Secondary};
159
+ color: ${kr.Secondary};
160
160
  }
161
161
  }
162
162
  }
@@ -176,55 +176,79 @@ import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{css as n}from"styled
176
176
  ul {
177
177
  list-style: disc;
178
178
  }
179
- `},Rt=r.div`
179
+ `},qr=F.div`
180
180
  padding: 0.5rem 1rem 0.5rem 0.875rem;
181
181
  display: flex;
182
182
 
183
- ${e=>{let t,r;switch(e.$type){case"error":t=Ht.Validation.Red.Background(e),r=Ht.Validation.Red.Border(e);break;case"success":t=Ht.Validation.Green.Background(e),r=Ht.Validation.Green.Border(e);break;case"warning":default:t=Ht.Validation.Orange.Background(e),r=Ht.Validation.Orange.Border(e);break;case"info":t=Ht.Validation.Blue.Background(e),r=Ht.Validation.Blue.Border(e);break;case"description":t=Ht.Neutral[7](e),r=Ht.Neutral[4](e)}return n`
183
+ ${e=>{let t,r;switch(e.$type){case"error":t=kr.Validation.Red.Background(e),r=kr.Validation.Red.Border(e);break;case"success":t=kr.Validation.Green.Background(e),r=kr.Validation.Green.Border(e);break;case"warning":default:t=kr.Validation.Orange.Background(e),r=kr.Validation.Orange.Border(e);break;case"info":t=kr.Validation.Blue.Background(e),r=kr.Validation.Blue.Border(e);break;case"description":t=kr.Neutral[7](e),r=kr.Neutral[4](e)}return m`
184
184
  background: ${t};
185
185
  border-left: 2px solid ${r};
186
186
  `}}
187
187
 
188
- ${e=>"small"===e.$sizeType?Pt("H6"):Pt("BodySmall")}
189
- `,Gt=r.div`
188
+ ${e=>"small"===e.$sizeType?Ur("H6"):Ur("BodySmall")}
189
+ `,Jr=F.div`
190
190
  margin-right: 0.5rem;
191
191
 
192
192
  // adds extra spacing to align the small icon with text
193
- ${e=>"small"===e.$sizeType&&n`
193
+ ${e=>"small"===e.$sizeType&&m`
194
194
  display: flex;
195
195
  align-items: center;
196
196
  height: 1.625rem;
197
197
  `}
198
198
 
199
- ${e=>{let t;const r="small"===e.$sizeType?"1.25rem":"1.5rem";switch(e.$type){case"error":t=Ht.Validation.Red.Icon(e);break;case"success":t=Ht.Validation.Green.Icon(e);break;case"warning":default:t=Ht.Validation.Orange.Icon(e);break;case"info":t=Ht.Validation.Blue.Icon(e);break;case"description":t=Ht.Neutral[4](e)}return n`
199
+ ${e=>{let t;const r="small"===e.$sizeType?"1.25rem":"1.5rem";switch(e.$type){case"error":t=kr.Validation.Red.Icon(e);break;case"success":t=kr.Validation.Green.Icon(e);break;case"warning":default:t=kr.Validation.Orange.Icon(e);break;case"info":t=kr.Validation.Blue.Icon(e);break;case"description":t=kr.Neutral[4](e)}return m`
200
200
  svg {
201
201
  color: ${t};
202
202
  width: ${r};
203
203
  height: ${r};
204
204
  }
205
205
  `}}
206
- `,Xt=r(It.Hyperlink.Small)`
207
- ${e=>"small"===e.$sizeType?n`
208
- ${Tt("H6","semibold")}
206
+ `,Kr=F(Vr.Hyperlink.Small)`
207
+ ${e=>"small"===e.$sizeType?m`
208
+ ${Nr("H6","semibold")}
209
209
  margin-top: 0.25rem;
210
- `:n`
211
- ${Tt("H5","semibold")}
210
+ `:m`
211
+ ${Nr("H5","semibold")}
212
212
  margin-top: 0.5rem;
213
213
  `}
214
214
  display: flex;
215
215
  align-items: center;
216
- color: ${Ht.Primary};
216
+ align-self: flex-start;
217
+ color: ${kr.Primary};
217
218
 
218
219
  svg {
219
220
  height: 1rem;
220
221
  width: 1rem;
221
222
  margin-left: 0.25rem;
222
- color: ${Ht.Primary};
223
+ color: ${kr.Primary};
223
224
  }
224
- `,Mt=r.div`
225
+ `,Qr=F.div`
225
226
  display: flex;
226
227
  flex-direction: column;
227
228
  flex: 1;
228
229
  overflow-wrap: anywhere;
229
- `,Ut=r=>{var{type:n,className:a,children:s,actionLink:u,actionLinkIcon:h,sizeType:f="default",showIcon:F=!1}=r,p=d(r,["type","className","children","actionLink","actionLinkIcon","sizeType","showIcon"]);return e(Rt,Object.assign({className:a,$type:n,$sizeType:f,"data-testid":p["data-testid"]},{children:[F&&t(Gt,Object.assign({$sizeType:f,$type:n},{children:(()=>{switch(n){case"success":return t(i,{});case"warning":return t(o,{});case"error":return t(l,{});case"info":case"description":return t(c,{});default:return null}})()})),e(Mt,{children:[s,u&&e(Xt,Object.assign({"data-testid":"action-link",$type:n,$sizeType:f},u,{children:[u.children,h||t(g,{})]}))]})]}))};export{Ut as Alert};
230
+ `,Yr=F.div`
231
+ display: flex;
232
+ flex-direction: column;
233
+ flex: 1;
234
+
235
+ ${e=>{const t="linear-gradient(to bottom, black 50%, transparent 100%)";if(!e.$showMore&&e.$maxCollapsedHeight)return`\n max-height: ${e.$maxCollapsedHeight}px;\n\t\t\t\toverflow: hidden;\n -webkit-mask-image: ${t};\n mask-image: ${t};\n\t\t\t`}}
236
+ `,Zr=F.button`
237
+ display: flex;
238
+ align-items: center;
239
+ align-self: flex-start;
240
+ gap: 0.25rem;
241
+ margin-top: 0.5rem;
242
+
243
+ cursor: pointer;
244
+ user-select: none;
245
+ border: none;
246
+ background: transparent;
247
+
248
+ color: ${kr.Primary};
249
+ ${Nr("BodySmall","semibold")}
250
+ `,en=F(B)`
251
+ transform: rotate(${e=>e.$expanded?-180:0}deg);
252
+ transition: transform 300ms ease-in-out;
253
+ `,tn=l=>{var{type:d,className:s,children:f,actionLink:g,actionLinkIcon:p,sizeType:y="default",showIcon:F=!1,customIcon:m,maxCollapsedHeight:v}=l,B=b(l,["type","className","children","actionLink","actionLinkIcon","sizeType","showIcon","customIcon","maxCollapsedHeight"]);const[S,$]=u(!1),[E,H]=u(!1),{height:w,ref:O}=function(e){void 0===e&&(e={});var t=e.skipOnMount,r=void 0!==t&&t,n=e.refreshMode,i=e.refreshRate,o=void 0===i?1e3:i,a=e.refreshOptions,l=e.handleWidth,d=void 0===l||l,s=e.handleHeight,f=void 0===s||s,g=e.targetRef,h=e.observerOptions,p=e.onResize,y=c(r),F=c(null),m=null!=g?g:F,v=c(),B=u({width:void 0,height:void 0}),b=B[0],S=B[1];return pe((function(){if(!fe()){var e=he(p,S,d,f);v.current=de((function(t){(d||f)&&t.forEach((function(t){var r=t&&t.contentRect||{},n=r.width,i=r.height;!y.current&&!fe()&&e({width:n,height:i}),y.current=!1}))}),n,o,a);var t=new window.ResizeObserver(v.current);return m.current&&t.observe(m.current,h),function(){t.disconnect();var e=v.current;e&&e.cancel&&e.cancel()}}}),[n,o,a,d,f,p,h,m.current]),D({ref:m},b)}();h((()=>{x()}),[v,w]);const x=()=>{$(!v),H(A())},A=()=>!!v&&w>v;return e(qr,Object.assign({className:s,$type:d,$sizeType:y,"data-testid":B["data-testid"]},{children:[F&&t(Jr,Object.assign({$sizeType:y,$type:d},{children:(()=>{if(d&&m)return m;switch(d){case"success":return t(a,{});case"warning":return t(i,{});case"error":return t(n,{});case"info":case"description":return t(o,{});default:return null}})()})),e(Qr,{children:[e(Yr,Object.assign({$maxCollapsedHeight:A()?v:void 0,$showMore:S},{children:[t("div",Object.assign({ref:O},{children:f})),g&&e(Kr,Object.assign({"data-testid":"action-link",$type:d,$sizeType:y},g,{children:[g.children,p||t(r,{})]}))]})),E&&e(Zr,Object.assign({type:"button",onClick:()=>$(!S)},{children:["Show ",S?"less":"more",t(en,{$expanded:S})]}))]})]}))};export{tn as Alert};
230
254
  //# sourceMappingURL=index.js.map