@lifesg/react-design-system 1.0.0-alpha.8 → 1.0.0-alpha.9

package/modal/modal.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { ModalProps } from "./types";
-export declare const Modal: ({ id, show, animationFrom, children, enableOverlayClick, rootComponentId, zIndex, onOverlayClick, ...otherProps }: ModalProps) => JSX.Element;
+export declare const Modal: ({ id, show, animationFrom, children, enableOverlayClick, rootComponentId, zIndex, onOverlayClick, dismissKeyboardOnShow, ...otherProps }: ModalProps) => JSX.Element;

package/modal/modal.styles.d.ts

@@ -3,6 +3,7 @@ interface Props {
     show: boolean;
     animationFrom?: ModalAnimationDirection;
     verticalHeight?: number;
+    offsetTop?: number;
 }
 export declare const Container: import("styled-components").StyledComponent<"div", any, Props, never>;
 export {};

package/modal/types.d.ts

@@ -10,6 +10,8 @@ export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
     rootComponentId?: string | undefined;
     zIndex?: number | undefined;
     onOverlayClick?: () => void | undefined;
+    /** Dismiss keyboard to keep modal in fullscreen */
+    dismissKeyboardOnShow?: boolean;
 }
 export interface ModalBoxProps extends React.HTMLAttributes<HTMLDivElement> {
     children: JSX.Element | JSX.Element[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifesg/react-design-system",
-  "version": "1.0.0-alpha.8",
+  "version": "1.0.0-alpha.9",
   "description": "A component design system for LifeSG web apps",
   "main": "./cjs/index.js",
   "module": "./index.js",

package/popover/index.js

@@ -109,16 +109,14 @@ var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.pr
     overflow: hidden;
     ${e=>{return t=e.show,n=e.animationFrom||"bottom",t?`\n\t\t\t${n}: 0;\n\t\t\topacity: 1;\n\t\t\ttransition: all 300ms cubic-bezier(0.21, 0.79, 0.53, 1);\n\t\t\ttransition-delay: 200ms;\n\t\t`:`\n\t\t${n}: -3%;\n\t\topacity: 0;\n\t\ttransition: all 300ms cubic-bezier(0.4, 0.34, 0.38, 1);\n\t`;var t,n}}
 
-    ${e=>e.verticalHeight?c`
-                ${oe.mobileL} {
-                    height: calc(${e.verticalHeight}px * 100);
-                }
-            `:c`
-                ${oe.mobileL} {
-                    height: calc(1vh * 100);
-                }
-            `}
-`),ae=({id:t="modal",show:n,animationFrom:r="bottom",children:i,enableOverlayClick:l=!0,rootComponentId:C,zIndex:c,onOverlayClick:u,...d})=>{const[s,f]=o();a((()=>(f(.01*window.innerHeight),window.addEventListener("resize",p),()=>{window.removeEventListener("resize",p)})),[]);const p=()=>{const e=.01*window.innerHeight;f(e)};return e(ee,{"data-testid":`${t}-overlay`,show:n,enableOverlayClick:l,onOverlayClick:u,id:t,rootId:C,zIndex:c,children:e(ie,{show:n,animationFrom:r,"data-testid":t,verticalHeight:s,...d,children:i})})};var le=Array.isArray,Ce=le,ce=E,ue=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,de=/^\w*$/;var se=function(e,t){if(Ce(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!ce(e))||(de.test(e)||!ue.test(e)||null!=t&&e in Object(t))},fe=k,pe=p;var he,Le=function(e){if(!pe(e))return!1;var t=fe(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},ye=y["__core-js_shared__"],me=(he=/[^.]+$/.exec(ye&&ye.keys&&ye.keys.IE_PROTO||""))?"Symbol(src)_1."+he:"";var ve=function(e){return!!me&&me in e},ge=Function.prototype.toString;var He=Le,be=ve,Ve=p,we=function(e){if(null!=e){try{return ge.call(e)}catch(e){}try{return e+""}catch(e){}}return""},Me=/^\[object .+?Constructor\]$/,xe=Function.prototype,Se=Object.prototype,Ze=xe.toString,$e=Se.hasOwnProperty,_e=RegExp("^"+Ze.call($e).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var Fe=function(e){return!(!Ve(e)||be(e))&&(He(e)?_e:Me).test(we(e))},Oe=function(e,t){return null==e?void 0:e[t]};var Re=function(e,t){var n=Oe(e,t);return Fe(n)?n:void 0},je=Re(Object,"create"),ke=je;var Be=function(){this.__data__=ke?ke(null):{},this.size=0};var De=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},Ee=je,ze=Object.prototype.hasOwnProperty;var Te=function(e){var t=this.__data__;if(Ee){var n=t[e];return"__lodash_hash_undefined__"===n?void 0:n}return ze.call(t,e)?t[e]:void 0},Pe=je,Ae=Object.prototype.hasOwnProperty;var We=je;var Ie=Be,Ne=De,qe=Te,Qe=function(e){var t=this.__data__;return Pe?void 0!==t[e]:Ae.call(t,e)},Xe=function(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=We&&void 0===t?"__lodash_hash_undefined__":t,this};function Ue(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}Ue.prototype.clear=Ie,Ue.prototype.delete=Ne,Ue.prototype.get=qe,Ue.prototype.has=Qe,Ue.prototype.set=Xe;var Ge=Ue;var Ye=function(){this.__data__=[],this.size=0};var Je=function(e,t){return e===t||e!=e&&t!=t};var Ke=function(e,t){for(var n=e.length;n--;)if(Je(e[n][0],t))return n;return-1},et=Ke,tt=Array.prototype.splice;var nt=Ke;var rt=Ke;var ot=Ke;var it=Ye,at=function(e){var t=this.__data__,n=et(t,e);return!(n<0)&&(n==t.length-1?t.pop():tt.call(t,n,1),--this.size,!0)},lt=function(e){var t=this.__data__,n=nt(t,e);return n<0?void 0:t[n][1]},Ct=function(e){return rt(this.__data__,e)>-1},ct=function(e,t){var n=this.__data__,r=ot(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this};function ut(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}ut.prototype.clear=it,ut.prototype.delete=at,ut.prototype.get=lt,ut.prototype.has=Ct,ut.prototype.set=ct;var dt=ut,st=Re(y,"Map"),ft=Ge,pt=dt,ht=st;var Lt=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var yt=function(e,t){var n=e.__data__;return Lt(t)?n["string"==typeof t?"string":"hash"]:n.map},mt=yt;var vt=yt;var gt=yt;var Ht=yt;var bt=function(){this.size=0,this.__data__={hash:new ft,map:new(ht||pt),string:new ft}},Vt=function(e){var t=mt(this,e).delete(e);return this.size-=t?1:0,t},wt=function(e){return vt(this,e).get(e)},Mt=function(e){return gt(this,e).has(e)},xt=function(e,t){var n=Ht(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this};function St(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}St.prototype.clear=bt,St.prototype.delete=Vt,St.prototype.get=wt,St.prototype.has=Mt,St.prototype.set=xt;var Zt=St;function $t(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var n=function(){var r=arguments,o=t?t.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var a=e.apply(this,r);return n.cache=i.set(o,a)||i,a};return n.cache=new($t.Cache||Zt),n}$t.Cache=Zt;var _t=$t;var Ft=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Ot=/\\(\\)?/g,Rt=function(e){var t=_t(e,(function(e){return 500===n.size&&n.clear(),e})),n=t.cache;return t}((function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(Ft,(function(e,n,r,o){t.push(r?o.replace(Ot,"$1"):n||e)})),t}));var jt=function(e,t){for(var n=-1,r=null==e?0:e.length,o=Array(r);++n<r;)o[n]=t(e[n],n,e);return o},kt=le,Bt=E,Dt=w?w.prototype:void 0,Et=Dt?Dt.toString:void 0;var zt=function e(t){if("string"==typeof t)return t;if(kt(t))return jt(t,e)+"";if(Bt(t))return Et?Et.call(t):"";var n=t+"";return"0"==n&&1/t==-Infinity?"-0":n},Tt=zt;var Pt=le,At=se,Wt=Rt,It=function(e){return null==e?"":Tt(e)};var Nt=E;var qt=function(e,t){return Pt(e)?e:At(e,t)?[e]:Wt(It(e))},Qt=function(e){if("string"==typeof e||Nt(e))return e;var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t};var Xt=function(e,t){for(var n=0,r=(t=qt(t,e)).length;null!=e&&n<r;)e=e[Qt(t[n++])];return n&&n==r?e:void 0};var Ut=function(e,t,n){var r=null==e?void 0:Xt(e,t);return void 0===r?n:r};const Gt=(e,t,n)=>t?Ut(n,t)||Ut(e,t):n||e,Yt=(e,t)=>{const n=t||e.defaultValue;return Ut(e.collections,n)};var Jt;!function(e){e.colorScheme="colorScheme",e.layout="layout",e.textStyleScheme="textStyleScheme"}(Jt||(Jt={}));const Kt={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"},en=e=>t=>{const n=t.theme,r=Yt(Kt,n[Jt.colorScheme]);return n.options&&n.options.color?Gt(r,e,n.options.color):Gt(r,e)},tn=(en("Brand.1"),en("Brand.2"),en("Brand.3"),en("Brand.4"),en("Brand.5"),en("Brand.6"),en("Primary")),nn=(en("PrimaryDark"),en("Secondary")),rn={Light:{1:en("Accent.Light.1"),2:en("Accent.Light.2"),3:en("Accent.Light.3"),4:en("Accent.Light.4"),5:en("Accent.Light.5"),6:en("Accent.Light.6")},Dark:{1:en("Accent.Dark.1"),2:en("Accent.Dark.2"),3:en("Accent.Dark.3")}},on={1:en("Neutral.1"),2:en("Neutral.2"),3:en("Neutral.3"),4:en("Neutral.4"),5:en("Neutral.5"),6:en("Neutral.6"),7:en("Neutral.7"),8:en("Neutral.8")},an=(en("Validation.Green.Text"),en("Validation.Green.Icon"),en("Validation.Green.Border"),en("Validation.Green.Background"),en("Validation.Orange.Text"),en("Validation.Orange.Icon"),en("Validation.Orange.Border"),en("Validation.Orange.Background"),en("Validation.Orange.Badge"),en("Validation.Red.Text"),en("Validation.Red.Icon"),en("Validation.Red.Border"),en("Validation.Red.Background"),C.svg`
+    ${oe.mobileL} {
+        height: calc(
+            ${e=>e.verticalHeight?`${e.verticalHeight}px`:"1vh"} * 100
+        );
+
+        top: ${e=>e.offsetTop||0}px;
+    }
+`),ae=({id:t="modal",show:n,animationFrom:r="bottom",children:i,enableOverlayClick:l=!0,rootComponentId:C,zIndex:c,onOverlayClick:u,dismissKeyboardOnShow:d=!0,...s})=>{const[f,p]=o(),[h,L]=o();a((()=>window.visualViewport?(m(),window.visualViewport.addEventListener("resize",m),()=>{window.visualViewport.removeEventListener("resize",m)}):(y(),window.addEventListener("resize",y),()=>{window.removeEventListener("resize",y)})),[]),a((()=>{n&&d&&document.activeElement?.blur?.()}),[n]);const y=()=>{const e=.01*window.innerHeight;p(e)},m=()=>{const e=.01*window.visualViewport.height;p(e),L(window.visualViewport.offsetTop)};return e(ee,{"data-testid":`${t}-overlay`,show:n,enableOverlayClick:l,onOverlayClick:u,id:t,rootId:C,zIndex:c,children:e(ie,{show:n,animationFrom:r,"data-testid":t,verticalHeight:f,offsetTop:h,...s,children:i})})};var le=Array.isArray,Ce=le,ce=E,ue=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,de=/^\w*$/;var se=function(e,t){if(Ce(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!ce(e))||(de.test(e)||!ue.test(e)||null!=t&&e in Object(t))},fe=k,pe=p;var he,Le=function(e){if(!pe(e))return!1;var t=fe(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},ye=y["__core-js_shared__"],me=(he=/[^.]+$/.exec(ye&&ye.keys&&ye.keys.IE_PROTO||""))?"Symbol(src)_1."+he:"";var ve=function(e){return!!me&&me in e},ge=Function.prototype.toString;var He=Le,be=ve,Ve=p,we=function(e){if(null!=e){try{return ge.call(e)}catch(e){}try{return e+""}catch(e){}}return""},Me=/^\[object .+?Constructor\]$/,xe=Function.prototype,Se=Object.prototype,Ze=xe.toString,$e=Se.hasOwnProperty,_e=RegExp("^"+Ze.call($e).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var Fe=function(e){return!(!Ve(e)||be(e))&&(He(e)?_e:Me).test(we(e))},Oe=function(e,t){return null==e?void 0:e[t]};var Re=function(e,t){var n=Oe(e,t);return Fe(n)?n:void 0},je=Re(Object,"create"),ke=je;var Be=function(){this.__data__=ke?ke(null):{},this.size=0};var De=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},Ee=je,ze=Object.prototype.hasOwnProperty;var Te=function(e){var t=this.__data__;if(Ee){var n=t[e];return"__lodash_hash_undefined__"===n?void 0:n}return ze.call(t,e)?t[e]:void 0},Pe=je,Ae=Object.prototype.hasOwnProperty;var We=je;var Ie=Be,Ne=De,qe=Te,Qe=function(e){var t=this.__data__;return Pe?void 0!==t[e]:Ae.call(t,e)},Xe=function(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=We&&void 0===t?"__lodash_hash_undefined__":t,this};function Ue(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}Ue.prototype.clear=Ie,Ue.prototype.delete=Ne,Ue.prototype.get=qe,Ue.prototype.has=Qe,Ue.prototype.set=Xe;var Ge=Ue;var Ye=function(){this.__data__=[],this.size=0};var Je=function(e,t){return e===t||e!=e&&t!=t};var Ke=function(e,t){for(var n=e.length;n--;)if(Je(e[n][0],t))return n;return-1},et=Ke,tt=Array.prototype.splice;var nt=Ke;var rt=Ke;var ot=Ke;var it=Ye,at=function(e){var t=this.__data__,n=et(t,e);return!(n<0)&&(n==t.length-1?t.pop():tt.call(t,n,1),--this.size,!0)},lt=function(e){var t=this.__data__,n=nt(t,e);return n<0?void 0:t[n][1]},Ct=function(e){return rt(this.__data__,e)>-1},ct=function(e,t){var n=this.__data__,r=ot(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this};function ut(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}ut.prototype.clear=it,ut.prototype.delete=at,ut.prototype.get=lt,ut.prototype.has=Ct,ut.prototype.set=ct;var dt=ut,st=Re(y,"Map"),ft=Ge,pt=dt,ht=st;var Lt=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var yt=function(e,t){var n=e.__data__;return Lt(t)?n["string"==typeof t?"string":"hash"]:n.map},mt=yt;var vt=yt;var gt=yt;var Ht=yt;var bt=function(){this.size=0,this.__data__={hash:new ft,map:new(ht||pt),string:new ft}},Vt=function(e){var t=mt(this,e).delete(e);return this.size-=t?1:0,t},wt=function(e){return vt(this,e).get(e)},Mt=function(e){return gt(this,e).has(e)},xt=function(e,t){var n=Ht(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this};function St(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}St.prototype.clear=bt,St.prototype.delete=Vt,St.prototype.get=wt,St.prototype.has=Mt,St.prototype.set=xt;var Zt=St;function $t(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var n=function(){var r=arguments,o=t?t.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var a=e.apply(this,r);return n.cache=i.set(o,a)||i,a};return n.cache=new($t.Cache||Zt),n}$t.Cache=Zt;var _t=$t;var Ft=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Ot=/\\(\\)?/g,Rt=function(e){var t=_t(e,(function(e){return 500===n.size&&n.clear(),e})),n=t.cache;return t}((function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(Ft,(function(e,n,r,o){t.push(r?o.replace(Ot,"$1"):n||e)})),t}));var jt=function(e,t){for(var n=-1,r=null==e?0:e.length,o=Array(r);++n<r;)o[n]=t(e[n],n,e);return o},kt=le,Bt=E,Dt=w?w.prototype:void 0,Et=Dt?Dt.toString:void 0;var zt=function e(t){if("string"==typeof t)return t;if(kt(t))return jt(t,e)+"";if(Bt(t))return Et?Et.call(t):"";var n=t+"";return"0"==n&&1/t==-Infinity?"-0":n},Tt=zt;var Pt=le,At=se,Wt=Rt,It=function(e){return null==e?"":Tt(e)};var Nt=E;var qt=function(e,t){return Pt(e)?e:At(e,t)?[e]:Wt(It(e))},Qt=function(e){if("string"==typeof e||Nt(e))return e;var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t};var Xt=function(e,t){for(var n=0,r=(t=qt(t,e)).length;null!=e&&n<r;)e=e[Qt(t[n++])];return n&&n==r?e:void 0};var Ut=function(e,t,n){var r=null==e?void 0:Xt(e,t);return void 0===r?n:r};const Gt=(e,t,n)=>t?Ut(n,t)||Ut(e,t):n||e,Yt=(e,t)=>{const n=t||e.defaultValue;return Ut(e.collections,n)};var Jt;!function(e){e.colorScheme="colorScheme",e.layout="layout",e.textStyleScheme="textStyleScheme"}(Jt||(Jt={}));const Kt={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"},en=e=>t=>{const n=t.theme,r=Yt(Kt,n[Jt.colorScheme]);return n.options&&n.options.color?Gt(r,e,n.options.color):Gt(r,e)},tn=(en("Brand.1"),en("Brand.2"),en("Brand.3"),en("Brand.4"),en("Brand.5"),en("Brand.6"),en("Primary")),nn=(en("PrimaryDark"),en("Secondary")),rn={Light:{1:en("Accent.Light.1"),2:en("Accent.Light.2"),3:en("Accent.Light.3"),4:en("Accent.Light.4"),5:en("Accent.Light.5"),6:en("Accent.Light.6")},Dark:{1:en("Accent.Dark.1"),2:en("Accent.Dark.2"),3:en("Accent.Dark.3")}},on={1:en("Neutral.1"),2:en("Neutral.2"),3:en("Neutral.3"),4:en("Neutral.4"),5:en("Neutral.5"),6:en("Neutral.6"),7:en("Neutral.7"),8:en("Neutral.8")},an=(en("Validation.Green.Text"),en("Validation.Green.Icon"),en("Validation.Green.Border"),en("Validation.Green.Background"),en("Validation.Orange.Text"),en("Validation.Orange.Icon"),en("Validation.Orange.Border"),en("Validation.Orange.Background"),en("Validation.Orange.Badge"),en("Validation.Red.Text"),en("Validation.Red.Icon"),en("Validation.Red.Border"),en("Validation.Red.Background"),C.svg`
     height: 1rem;
     width: 1rem;
     color: ${tn};