@lifesg/react-design-system 1.0.0-alpha.21 → 1.0.0-alpha.23
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.
- package/accordion/index.js +5 -5
- package/accordion/index.js.map +1 -1
- package/alert/index.js +23 -23
- package/alert/index.js.map +1 -1
- package/animations/index.d.ts +1 -0
- package/animations/index.js +3 -4
- package/animations/index.js.map +1 -1
- package/animations/loading-dots/loading-dots.d.ts +2 -1
- package/animations/loading-dots-spinner/loading-dots-spinner.d.ts +2 -1
- package/animations/loading-dots-spinner/lottie-animation.d.ts +2 -1
- package/animations/loading-spinner/loading-spinner.d.ts +2 -1
- package/animations/types.d.ts +10 -0
- package/box-container/index.js +18 -18
- package/box-container/index.js.map +1 -1
- package/breadcrumb/index.js +3 -3
- package/breadcrumb/index.js.map +1 -1
- package/button/index.js +2 -2
- package/button/index.js.map +1 -1
- package/calendar/index.js +57 -57
- package/calendar/index.js.map +1 -1
- package/card/index.js +1 -1
- package/card/index.js.map +1 -1
- package/checkbox/index.js +3 -3
- package/checkbox/index.js.map +1 -1
- package/cjs/index.js +704 -238
- package/cjs/index.js.map +1 -1
- package/color/index.js +1 -1
- package/color/index.js.map +1 -1
- package/color/types.d.ts +1 -0
- package/date-input/index.js +5 -3
- package/date-input/index.js.map +1 -1
- package/design-token/index.js +6 -4
- package/design-token/index.js.map +1 -1
- package/design-token/types.d.ts +1 -0
- package/error-display/index.js +38 -38
- package/error-display/index.js.map +1 -1
- package/feedback-rating/index.js +118 -118
- package/feedback-rating/index.js.map +1 -1
- package/filter/addons/filter-item-checkbox.d.ts +3 -0
- package/filter/addons/filter-item-checkbox.styles.d.ts +12 -0
- package/filter/filter-context.d.ts +7 -0
- package/filter/filter-item-page.d.ts +3 -0
- package/filter/filter-item-page.styles.d.ts +1 -0
- package/filter/filter-item.d.ts +3 -0
- package/filter/filter-item.styles.d.ts +26 -0
- package/filter/filter.d.ts +7 -0
- package/filter/filter.styles.d.ts +17 -0
- package/filter/index.d.ts +2 -0
- package/filter/index.js +696 -0
- package/filter/index.js.map +1 -0
- package/filter/package.json +7 -0
- package/filter/types.d.ts +49 -0
- package/footer/index.js +5 -5
- package/footer/index.js.map +1 -1
- package/form/index.js +52 -50
- package/form/index.js.map +1 -1
- package/icon-button/index.js +1 -1
- package/icon-button/index.js.map +1 -1
- package/index.d.ts +3 -0
- package/index.js +701 -235
- package/index.js.map +1 -1
- package/input/index.js +7 -5
- package/input/index.js.map +1 -1
- package/input-group/index.js +5 -3
- package/input-group/index.js.map +1 -1
- package/input-select/index.js +8 -6
- package/input-select/index.js.map +1 -1
- package/input-textarea/index.js +4 -2
- package/input-textarea/index.js.map +1 -1
- package/link-list/index.js +1 -1
- package/link-list/index.js.map +1 -1
- package/modal/index.js +4 -4
- package/modal/index.js.map +1 -1
- package/navbar/brand.d.ts +5 -4
- package/navbar/brand.styles.d.ts +2 -0
- package/navbar/index.js +267 -129
- package/navbar/index.js.map +1 -1
- package/navbar/menu.d.ts +10 -0
- package/navbar/menu.styles.d.ts +5 -0
- package/navbar/navbar-items.styles.d.ts +7 -0
- package/navbar/navbar.styles.d.ts +4 -2
- package/navbar/types.d.ts +13 -5
- package/notification-banner/index.js +1 -1
- package/notification-banner/index.js.map +1 -1
- package/otp-input/index.js +8 -6
- package/otp-input/index.js.map +1 -1
- package/otp-input/otp-input.d.ts +1 -1
- package/otp-input/types.d.ts +5 -5
- package/overlay/index.js +1 -1
- package/overlay/index.js.map +1 -1
- package/package.json +1 -1
- package/phone-number-input/index.js +16 -14
- package/phone-number-input/index.js.map +1 -1
- package/popover/index.js +2 -2
- package/popover/index.js.map +1 -1
- package/progress-indicator/index.js +1 -1
- package/progress-indicator/index.js.map +1 -1
- package/radio-button/index.js +4 -4
- package/radio-button/index.js.map +1 -1
- package/shared/toggle-icon/toggle-icon.d.ts +9 -0
- package/shared/toggle-icon/toggle-icon.styles.d.ts +6 -0
- package/smart-app-banner/index.js +6 -6
- package/smart-app-banner/index.js.map +1 -1
- package/text/index.js +2 -2
- package/text/index.js.map +1 -1
- package/text-list/index.js +1 -1
- package/text-list/index.js.map +1 -1
- package/timeline/index.js +19 -19
- package/timeline/index.js.map +1 -1
- package/timepicker/index.js +23 -21
- package/timepicker/index.js.map +1 -1
- package/toggle/index.d.ts +2 -0
- package/toggle/index.js +230 -0
- package/toggle/index.js.map +1 -0
- package/toggle/package.json +7 -0
- package/toggle/toggle.d.ts +3 -0
- package/toggle/toggle.styles.d.ts +18 -0
- package/toggle/types.d.ts +30 -0
- package/toggle-button/index.js +22 -22
- package/toggle-button/index.js.map +1 -1
- package/toggle-button/toggle-button.d.ts +3 -0
- package/tooltip/index.js +1 -1
- package/tooltip/index.js.map +1 -1
- package/unit-number/index.js +10 -8
- package/unit-number/index.js.map +1 -1
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ToggleStyleType } from "./types";
|
|
2
|
+
interface StyleProps {
|
|
3
|
+
$selected?: boolean;
|
|
4
|
+
$disabled?: boolean;
|
|
5
|
+
$indicator?: boolean;
|
|
6
|
+
}
|
|
7
|
+
interface ContainerStyleProps extends StyleProps {
|
|
8
|
+
$styleType?: ToggleStyleType;
|
|
9
|
+
$error?: boolean;
|
|
10
|
+
$hasSubLabel?: boolean;
|
|
11
|
+
}
|
|
12
|
+
interface LabelStyleProps extends StyleProps {
|
|
13
|
+
}
|
|
14
|
+
export declare const Container: import("styled-components").StyledComponent<"div", any, ContainerStyleProps, never>;
|
|
15
|
+
export declare const Input: import("styled-components").StyledComponent<"input", any, {}, never>;
|
|
16
|
+
export declare const TextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
17
|
+
export declare const Label: import("styled-components").StyledComponent<"label", any, LabelStyleProps, never>;
|
|
18
|
+
export {};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare type ToggleType = "checkbox" | "radio" | "yes" | "no";
|
|
3
|
+
export declare type ToggleStyleType = "default" | "no-border";
|
|
4
|
+
export interface ToggleProps extends React.AriaAttributes, React.DOMAttributes<HTMLInputElement> {
|
|
5
|
+
/**
|
|
6
|
+
* The type of toggle. Values: "checkbox" | "radio" | "yes" | "no"
|
|
7
|
+
*
|
|
8
|
+
* "checkbox" - allows deselection
|
|
9
|
+
*
|
|
10
|
+
* "radio", "yes", "no" - does not allow deselection. However they
|
|
11
|
+
* will determine the indicator to be displayed
|
|
12
|
+
*/
|
|
13
|
+
type?: ToggleType | undefined;
|
|
14
|
+
/** Specifies if the indicator icon should be displayed */
|
|
15
|
+
indicator?: boolean | undefined;
|
|
16
|
+
/** Indicates if the element is checked */
|
|
17
|
+
checked?: boolean | undefined;
|
|
18
|
+
/** The style type of the Toggle. Values: "default" | "no-border" */
|
|
19
|
+
styleType?: ToggleStyleType | undefined;
|
|
20
|
+
/** The Toggle label */
|
|
21
|
+
children: string;
|
|
22
|
+
disabled?: boolean | undefined;
|
|
23
|
+
/** Specifies if the error display should be present */
|
|
24
|
+
error?: boolean | undefined;
|
|
25
|
+
className?: string | undefined;
|
|
26
|
+
name?: string | undefined;
|
|
27
|
+
id?: string | undefined;
|
|
28
|
+
"data-testid"?: string | undefined;
|
|
29
|
+
onChange?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
|
|
30
|
+
}
|
package/toggle-button/index.js
CHANGED
|
@@ -1,106 +1,106 @@
|
|
|
1
|
-
import e,{jsxs as t,jsx as n}from"react/jsx-runtime";import{useState as r,useRef as i,useEffect as o,useCallback as a}from"react";import l,{css as c}from"styled-components";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,u=d||f||Function("return this")(),p=u.Symbol,s=p,y=Object.prototype,S=y.hasOwnProperty,F=y.toString,m=s?s.toStringTag:void 0;var v=function(e){var t=S.call(e,m),n=e[m];try{e[m]=void 0;var r=!0}catch(e){}var i=F.call(e);return r&&(t?e[m]=n:delete e[m]),i},H=Object.prototype.toString;var $=v,B=function(e){return H.call(e)},b=p?p.toStringTag:void 0;var D=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":b&&b in Object(e)?$(e):B(e)};var _=D,w=function(e){return null!=e&&"object"==typeof e};var z=function(e){return"symbol"==typeof e||w(e)&&"[object Symbol]"==_(e)},C=g,x=z,k=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,A=/^\w*$/;var E=function(e,t){if(C(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!x(e))||(A.test(e)||!k.test(e)||null!=t&&e in Object(t))};var W=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},N=D,O=W;var j,V=function(e){if(!O(e))return!1;var t=N(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},T=u["__core-js_shared__"],P=(j=/[^.]+$/.exec(T&&T.keys&&T.keys.IE_PROTO||""))?"Symbol(src)_1."+j:"";var R=function(e){return!!P&&P in e},I=Function.prototype.toString;var L=V,X=R,G=W,M=function(e){if(null!=e){try{return I.call(e)}catch(e){}try{return e+""}catch(e){}}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(e){return!(!G(e)||X(e))&&(L(e)?Q:Z).test(M(e))},ee=function(e,t){return null==e?void 0:e[t]};var te=function(e,t){var n=ee(e,t);return Y(n)?n:void 0},ne=te(Object,"create"),re=ne;var ie=function(){this.__data__=re?re(null):{},this.size=0};var oe=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},ae=ne,le=Object.prototype.hasOwnProperty;var ce=function(e){var t=this.__data__;if(ae){var n=t[e];return"__lodash_hash_undefined__"===n?void 0:n}return le.call(t,e)?t[e]:void 0},he=ne,ge=Object.prototype.hasOwnProperty;var de=ne;var fe=ie,ue=oe,pe=ce,se=function(e){var t=this.__data__;return he?void 0!==t[e]:ge.call(t,e)},ye=function(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=de&&void 0===t?"__lodash_hash_undefined__":t,this};function Se(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])}}Se.prototype.clear=fe,Se.prototype.delete=ue,Se.prototype.get=pe,Se.prototype.has=se,Se.prototype.set=ye;var Fe=Se;var me=function(){this.__data__=[],this.size=0};var ve=function(e,t){return e===t||e!=e&&t!=t};var He=function(e,t){for(var n=e.length;n--;)if(ve(e[n][0],t))return n;return-1},$e=He,Be=Array.prototype.splice;var be=He;var De=He;var _e=He;var we=me,ze=function(e){var t=this.__data__,n=$e(t,e);return!(n<0)&&(n==t.length-1?t.pop():Be.call(t,n,1),--this.size,!0)},Ce=function(e){var t=this.__data__,n=be(t,e);return n<0?void 0:t[n][1]},xe=function(e){return De(this.__data__,e)>-1},ke=function(e,t){var n=this.__data__,r=_e(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this};function Ae(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])}}Ae.prototype.clear=we,Ae.prototype.delete=ze,Ae.prototype.get=Ce,Ae.prototype.has=xe,Ae.prototype.set=ke;var Ee=Ae,We=te(u,"Map"),Ne=Fe,Oe=Ee,je=We;var Ve=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var Te=function(e,t){var n=e.__data__;return Ve(t)?n["string"==typeof t?"string":"hash"]:n.map},Pe=Te;var Re=Te;var Ie=Te;var Le=Te;var Xe=function(){this.size=0,this.__data__={hash:new Ne,map:new(je||Oe),string:new Ne}},Ge=function(e){var t=Pe(this,e).delete(e);return this.size-=t?1:0,t},Me=function(e){return Re(this,e).get(e)},Ze=function(e){return Ie(this,e).has(e)},Ue=function(e,t){var n=Le(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this};function qe(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])}}qe.prototype.clear=Xe,qe.prototype.delete=Ge,qe.prototype.get=Me,qe.prototype.has=Ze,qe.prototype.set=Ue;var Je=qe;function Ke(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var n=function(){var r=arguments,i=t?t.apply(this,r):r[0],o=n.cache;if(o.has(i))return o.get(i);var a=e.apply(this,r);return n.cache=o.set(i,a)||o,a};return n.cache=new(Ke.Cache||Je),n}Ke.Cache=Je;var Qe=Ke;var Ye=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,et=/\\(\\)?/g,tt=function(e){var t=Qe(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(Ye,(function(e,n,r,i){t.push(r?i.replace(et,"$1"):n||e)})),t}));var nt=function(e,t){for(var n=-1,r=null==e?0:e.length,i=Array(r);++n<r;)i[n]=t(e[n],n,e);return i},rt=g,it=z,ot=p?p.prototype:void 0,at=ot?ot.toString:void 0;var lt=function e(t){if("string"==typeof t)return t;if(rt(t))return nt(t,e)+"";if(it(t))return at?at.call(t):"";var n=t+"";return"0"==n&&1/t==-Infinity?"-0":n},ct=lt;var ht=g,gt=E,dt=tt,ft=function(e){return null==e?"":ct(e)};var ut=z;var pt=function(e,t){return ht(e)?e:gt(e,t)?[e]:dt(ft(e))},st=function(e){if("string"==typeof e||ut(e))return e;var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t};var yt=function(e,t){for(var n=0,r=(t=pt(t,e)).length;null!=e&&n<r;)e=e[st(t[n++])];return n&&n==r?e:void 0};var St=function(e,t,n){var r=null==e?void 0:yt(e,t);return void 0===r?n:r};const Ft=(e,t,n)=>t?St(n,t)||St(e,t):n||e,mt=(e,t)=>{const n=t||e.defaultValue;return St(e.collections,n)};var vt;!function(e){e.colorScheme="colorScheme",e.layout="layout",e.textStyleScheme="textStyleScheme",e.designTokenScheme="designTokenScheme"}(vt||(vt={}));const Ht={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"},$t=e=>t=>{const n=t.theme,r=mt(Ht,n[vt.colorScheme]);return n.options&&n.options.color?Ft(r,e,n.options.color):Ft(r,e)},Bt={Brand:{1:$t("Brand.1"),2:$t("Brand.2"),3:$t("Brand.3"),4:$t("Brand.4"),5:$t("Brand.5"),6:$t("Brand.6")},Primary:$t("Primary"),PrimaryDark:$t("PrimaryDark"),Secondary:$t("Secondary"),Accent:{Light:{1:$t("Accent.Light.1"),2:$t("Accent.Light.2"),3:$t("Accent.Light.3"),4:$t("Accent.Light.4"),5:$t("Accent.Light.5"),6:$t("Accent.Light.6")},Dark:{1:$t("Accent.Dark.1"),2:$t("Accent.Dark.2"),3:$t("Accent.Dark.3")}},Neutral:{1:$t("Neutral.1"),2:$t("Neutral.2"),3:$t("Neutral.3"),4:$t("Neutral.4"),5:$t("Neutral.5"),6:$t("Neutral.6"),7:$t("Neutral.7"),8:$t("Neutral.8")},Validation:{Green:{Text:$t("Validation.Green.Text"),Icon:$t("Validation.Green.Icon"),Border:$t("Validation.Green.Border"),Background:$t("Validation.Green.Background")},Orange:{Text:$t("Validation.Orange.Text"),Icon:$t("Validation.Orange.Icon"),Border:$t("Validation.Orange.Border"),Background:$t("Validation.Orange.Background"),Badge:$t("Validation.Orange.Badge")},Red:{Text:$t("Validation.Red.Text"),Icon:$t("Validation.Red.Icon"),Border:$t("Validation.Red.Border"),Background:$t("Validation.Red.Background")}},Shadow:{Accent:$t("Shadow.Accent"),Red:$t("Shadow.Red")}},bt={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},Dt={collections:{base:{D1:{fontFamily:bt.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:bt.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:bt.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:bt.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:bt.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:bt.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:bt.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:bt.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:bt.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:bt.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:bt.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:bt.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:bt.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:bt.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},_t=e=>t=>{const n=t.theme,r=mt(Dt,n[vt.textStyleScheme]);return n.options&&n.options.textStyle?Ft(r,e,n.options.textStyle):Ft(r,e)},wt={D1:{fontFamily:_t("D1.fontFamily"),fontSize:_t("D1.fontSize"),fontWeight:_t("D1.fontWeight"),lineHeight:_t("D1.lineHeight"),letterSpacing:_t("D1.letterSpacing")},D2:{fontFamily:_t("D2.fontFamily"),fontSize:_t("D2.fontSize"),fontWeight:_t("D2.fontWeight"),lineHeight:_t("D2.lineHeight"),letterSpacing:_t("D2.letterSpacing")},D3:{fontFamily:_t("D3.fontFamily"),fontSize:_t("D3.fontSize"),fontWeight:_t("D3.fontWeight"),lineHeight:_t("D3.lineHeight"),letterSpacing:_t("D3.letterSpacing")},D4:{fontFamily:_t("D4.fontFamily"),fontSize:_t("D4.fontSize"),fontWeight:_t("D4.fontWeight"),lineHeight:_t("D4.lineHeight"),letterSpacing:_t("D4.letterSpacing")},DBody:{fontFamily:_t("DBody.fontFamily"),fontSize:_t("DBody.fontSize"),fontWeight:_t("DBody.fontWeight"),lineHeight:_t("DBody.lineHeight"),letterSpacing:_t("DBody.letterSpacing")},H1:{fontFamily:_t("H1.fontFamily"),fontSize:_t("H1.fontSize"),fontWeight:_t("H1.fontWeight"),lineHeight:_t("H1.lineHeight"),letterSpacing:_t("H1.letterSpacing")},H2:{fontFamily:_t("H2.fontFamily"),fontSize:_t("H2.fontSize"),fontWeight:_t("H2.fontWeight"),lineHeight:_t("H2.lineHeight"),letterSpacing:_t("H2.letterSpacing")},H3:{fontFamily:_t("H3.fontFamily"),fontSize:_t("H3.fontSize"),fontWeight:_t("H3.fontWeight"),lineHeight:_t("H3.lineHeight"),letterSpacing:_t("H3.letterSpacing")},H4:{fontFamily:_t("H4.fontFamily"),fontSize:_t("H4.fontSize"),fontWeight:_t("H4.fontWeight"),lineHeight:_t("H4.lineHeight"),letterSpacing:_t("H4.letterSpacing")},H5:{fontFamily:_t("H5.fontFamily"),fontSize:_t("H5.fontSize"),fontWeight:_t("H5.fontWeight"),lineHeight:_t("H5.lineHeight"),letterSpacing:_t("H5.letterSpacing")},H6:{fontFamily:_t("H6.fontFamily"),fontSize:_t("H6.fontSize"),fontWeight:_t("H6.fontWeight"),lineHeight:_t("H6.lineHeight"),letterSpacing:_t("H6.letterSpacing")},Body:{fontFamily:_t("Body.fontFamily"),fontSize:_t("Body.fontSize"),fontWeight:_t("Body.fontWeight"),lineHeight:_t("Body.lineHeight"),letterSpacing:_t("Body.letterSpacing")},BodySmall:{fontFamily:_t("BodySmall.fontFamily"),fontSize:_t("BodySmall.fontSize"),fontWeight:_t("BodySmall.fontWeight"),lineHeight:_t("BodySmall.lineHeight"),letterSpacing:_t("BodySmall.letterSpacing")},XSmall:{fontFamily:_t("XSmall.fontFamily"),fontSize:_t("XSmall.fontSize"),fontWeight:_t("XSmall.fontWeight"),lineHeight:_t("XSmall.lineHeight"),letterSpacing:_t("XSmall.letterSpacing")}},zt=e=>{switch(e){case 700:case"bold":return bt.Bold;case 600:case"semibold":return bt.Semibold;case 300:case"light":return bt.Light;case 400:case"regular":return bt.Regular;default:return""}},Ct=(e,t)=>n=>{const r=wt[e].fontFamily(n),i=wt[e].fontWeight(n);return Object.values(bt).includes(r)?c`
|
|
1
|
+
import e,{jsxs as t,jsx as n}from"react/jsx-runtime";import{useState as r,useRef as i,useEffect as a,useCallback as o}from"react";import l,{css as c}from"styled-components";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,u=d||f||Function("return this")(),p=u.Symbol,s=p,y=Object.prototype,S=y.hasOwnProperty,F=y.toString,m=s?s.toStringTag:void 0;var v=function(e){var t=S.call(e,m),n=e[m];try{e[m]=void 0;var r=!0}catch(e){}var i=F.call(e);return r&&(t?e[m]=n:delete e[m]),i},H=Object.prototype.toString;var $=v,B=function(e){return H.call(e)},b=p?p.toStringTag:void 0;var D=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":b&&b in Object(e)?$(e):B(e)};var _=D,w=function(e){return null!=e&&"object"==typeof e};var z=function(e){return"symbol"==typeof e||w(e)&&"[object Symbol]"==_(e)},C=g,x=z,k=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,E=/^\w*$/;var A=function(e,t){if(C(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!x(e))||(E.test(e)||!k.test(e)||null!=t&&e in Object(t))};var W=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},N=D,O=W;var j,V=function(e){if(!O(e))return!1;var t=N(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},T=u["__core-js_shared__"],P=(j=/[^.]+$/.exec(T&&T.keys&&T.keys.IE_PROTO||""))?"Symbol(src)_1."+j:"";var R=function(e){return!!P&&P in e},I=Function.prototype.toString;var L=V,X=R,G=W,M=function(e){if(null!=e){try{return I.call(e)}catch(e){}try{return e+""}catch(e){}}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(e){return!(!G(e)||X(e))&&(L(e)?Q:Z).test(M(e))},ee=function(e,t){return null==e?void 0:e[t]};var te=function(e,t){var n=ee(e,t);return Y(n)?n:void 0},ne=te(Object,"create"),re=ne;var ie=function(){this.__data__=re?re(null):{},this.size=0};var ae=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},oe=ne,le=Object.prototype.hasOwnProperty;var ce=function(e){var t=this.__data__;if(oe){var n=t[e];return"__lodash_hash_undefined__"===n?void 0:n}return le.call(t,e)?t[e]:void 0},he=ne,ge=Object.prototype.hasOwnProperty;var de=ne;var fe=ie,ue=ae,pe=ce,se=function(e){var t=this.__data__;return he?void 0!==t[e]:ge.call(t,e)},ye=function(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=de&&void 0===t?"__lodash_hash_undefined__":t,this};function Se(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])}}Se.prototype.clear=fe,Se.prototype.delete=ue,Se.prototype.get=pe,Se.prototype.has=se,Se.prototype.set=ye;var Fe=Se;var me=function(){this.__data__=[],this.size=0};var ve=function(e,t){return e===t||e!=e&&t!=t};var He=function(e,t){for(var n=e.length;n--;)if(ve(e[n][0],t))return n;return-1},$e=He,Be=Array.prototype.splice;var be=He;var De=He;var _e=He;var we=me,ze=function(e){var t=this.__data__,n=$e(t,e);return!(n<0)&&(n==t.length-1?t.pop():Be.call(t,n,1),--this.size,!0)},Ce=function(e){var t=this.__data__,n=be(t,e);return n<0?void 0:t[n][1]},xe=function(e){return De(this.__data__,e)>-1},ke=function(e,t){var n=this.__data__,r=_e(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this};function Ee(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])}}Ee.prototype.clear=we,Ee.prototype.delete=ze,Ee.prototype.get=Ce,Ee.prototype.has=xe,Ee.prototype.set=ke;var Ae=Ee,We=te(u,"Map"),Ne=Fe,Oe=Ae,je=We;var Ve=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var Te=function(e,t){var n=e.__data__;return Ve(t)?n["string"==typeof t?"string":"hash"]:n.map},Pe=Te;var Re=Te;var Ie=Te;var Le=Te;var Xe=function(){this.size=0,this.__data__={hash:new Ne,map:new(je||Oe),string:new Ne}},Ge=function(e){var t=Pe(this,e).delete(e);return this.size-=t?1:0,t},Me=function(e){return Re(this,e).get(e)},Ze=function(e){return Ie(this,e).has(e)},Ue=function(e,t){var n=Le(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this};function qe(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])}}qe.prototype.clear=Xe,qe.prototype.delete=Ge,qe.prototype.get=Me,qe.prototype.has=Ze,qe.prototype.set=Ue;var Je=qe;function Ke(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var n=function(){var r=arguments,i=t?t.apply(this,r):r[0],a=n.cache;if(a.has(i))return a.get(i);var o=e.apply(this,r);return n.cache=a.set(i,o)||a,o};return n.cache=new(Ke.Cache||Je),n}Ke.Cache=Je;var Qe=Ke;var Ye=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,et=/\\(\\)?/g,tt=function(e){var t=Qe(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(Ye,(function(e,n,r,i){t.push(r?i.replace(et,"$1"):n||e)})),t}));var nt=function(e,t){for(var n=-1,r=null==e?0:e.length,i=Array(r);++n<r;)i[n]=t(e[n],n,e);return i},rt=g,it=z,at=p?p.prototype:void 0,ot=at?at.toString:void 0;var lt=function e(t){if("string"==typeof t)return t;if(rt(t))return nt(t,e)+"";if(it(t))return ot?ot.call(t):"";var n=t+"";return"0"==n&&1/t==-Infinity?"-0":n},ct=lt;var ht=g,gt=A,dt=tt,ft=function(e){return null==e?"":ct(e)};var ut=z;var pt=function(e,t){return ht(e)?e:gt(e,t)?[e]:dt(ft(e))},st=function(e){if("string"==typeof e||ut(e))return e;var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t};var yt=function(e,t){for(var n=0,r=(t=pt(t,e)).length;null!=e&&n<r;)e=e[st(t[n++])];return n&&n==r?e:void 0};var St=function(e,t,n){var r=null==e?void 0:yt(e,t);return void 0===r?n:r};const Ft=(e,t,n)=>t?St(n,t)||St(e,t):n||e,mt=(e,t)=>{const n=t||e.defaultValue;return St(e.collections,n)};var vt;!function(e){e.colorScheme="colorScheme",e.layout="layout",e.textStyleScheme="textStyleScheme",e.designTokenScheme="designTokenScheme"}(vt||(vt={}));const Ht={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)",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:"#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)",Elevation:"rgba(75, 83, 159, 0.24)"}}},defaultValue:"base"},$t=e=>t=>{const n=t.theme,r=mt(Ht,n[vt.colorScheme]);return n.options&&n.options.color?Ft(r,e,n.options.color):Ft(r,e)},Bt={Brand:{1:$t("Brand.1"),2:$t("Brand.2"),3:$t("Brand.3"),4:$t("Brand.4"),5:$t("Brand.5"),6:$t("Brand.6")},Primary:$t("Primary"),PrimaryDark:$t("PrimaryDark"),Secondary:$t("Secondary"),Accent:{Light:{1:$t("Accent.Light.1"),2:$t("Accent.Light.2"),3:$t("Accent.Light.3"),4:$t("Accent.Light.4"),5:$t("Accent.Light.5"),6:$t("Accent.Light.6")},Dark:{1:$t("Accent.Dark.1"),2:$t("Accent.Dark.2"),3:$t("Accent.Dark.3")}},Neutral:{1:$t("Neutral.1"),2:$t("Neutral.2"),3:$t("Neutral.3"),4:$t("Neutral.4"),5:$t("Neutral.5"),6:$t("Neutral.6"),7:$t("Neutral.7"),8:$t("Neutral.8")},Validation:{Green:{Text:$t("Validation.Green.Text"),Icon:$t("Validation.Green.Icon"),Border:$t("Validation.Green.Border"),Background:$t("Validation.Green.Background")},Orange:{Text:$t("Validation.Orange.Text"),Icon:$t("Validation.Orange.Icon"),Border:$t("Validation.Orange.Border"),Background:$t("Validation.Orange.Background"),Badge:$t("Validation.Orange.Badge")},Red:{Text:$t("Validation.Red.Text"),Icon:$t("Validation.Red.Icon"),Border:$t("Validation.Red.Border"),Background:$t("Validation.Red.Background")}},Shadow:{Accent:$t("Shadow.Accent"),Red:$t("Shadow.Red"),Elevation:$t("Shadow.Elevation")}},bt={Regular:"Open Sans",Semibold:"Open Sans Semibold",Bold:"Open Sans Bold",Light:"Open Sans Light"},Dt={collections:{base:{D1:{fontFamily:bt.Bold,fontSize:3,fontWeight:700,lineHeight:4,letterSpacing:-.056},D2:{fontFamily:bt.Bold,fontSize:2.5,fontWeight:700,lineHeight:3.5,letterSpacing:-.032},D3:{fontFamily:bt.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},D4:{fontFamily:bt.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},DBody:{fontFamily:bt.Regular,fontSize:1.375,lineHeight:1.75},H1:{fontFamily:bt.Bold,fontSize:2,fontWeight:700,lineHeight:2.5},H2:{fontFamily:bt.Bold,fontSize:1.625,fontWeight:700,lineHeight:2.25},H3:{fontFamily:bt.Bold,fontSize:1.375,fontWeight:700,lineHeight:1.75},H4:{fontFamily:bt.Bold,fontSize:1.125,fontWeight:700,lineHeight:1.625},H5:{fontFamily:bt.Bold,fontSize:1,fontWeight:700,lineHeight:1.5,letterSpacing:.014},H6:{fontFamily:bt.Bold,fontSize:.875,fontWeight:700,lineHeight:1.6,letterSpacing:.012},Body:{fontFamily:bt.Regular,fontSize:1.125,lineHeight:1.625},BodySmall:{fontFamily:bt.Regular,fontSize:1,lineHeight:1.5,letterSpacing:.014},XSmall:{fontFamily:bt.Regular,fontSize:.75,lineHeight:1.2,letterSpacing:.012}}},defaultValue:"base"},_t=e=>t=>{const n=t.theme,r=mt(Dt,n[vt.textStyleScheme]);return n.options&&n.options.textStyle?Ft(r,e,n.options.textStyle):Ft(r,e)},wt={D1:{fontFamily:_t("D1.fontFamily"),fontSize:_t("D1.fontSize"),fontWeight:_t("D1.fontWeight"),lineHeight:_t("D1.lineHeight"),letterSpacing:_t("D1.letterSpacing")},D2:{fontFamily:_t("D2.fontFamily"),fontSize:_t("D2.fontSize"),fontWeight:_t("D2.fontWeight"),lineHeight:_t("D2.lineHeight"),letterSpacing:_t("D2.letterSpacing")},D3:{fontFamily:_t("D3.fontFamily"),fontSize:_t("D3.fontSize"),fontWeight:_t("D3.fontWeight"),lineHeight:_t("D3.lineHeight"),letterSpacing:_t("D3.letterSpacing")},D4:{fontFamily:_t("D4.fontFamily"),fontSize:_t("D4.fontSize"),fontWeight:_t("D4.fontWeight"),lineHeight:_t("D4.lineHeight"),letterSpacing:_t("D4.letterSpacing")},DBody:{fontFamily:_t("DBody.fontFamily"),fontSize:_t("DBody.fontSize"),fontWeight:_t("DBody.fontWeight"),lineHeight:_t("DBody.lineHeight"),letterSpacing:_t("DBody.letterSpacing")},H1:{fontFamily:_t("H1.fontFamily"),fontSize:_t("H1.fontSize"),fontWeight:_t("H1.fontWeight"),lineHeight:_t("H1.lineHeight"),letterSpacing:_t("H1.letterSpacing")},H2:{fontFamily:_t("H2.fontFamily"),fontSize:_t("H2.fontSize"),fontWeight:_t("H2.fontWeight"),lineHeight:_t("H2.lineHeight"),letterSpacing:_t("H2.letterSpacing")},H3:{fontFamily:_t("H3.fontFamily"),fontSize:_t("H3.fontSize"),fontWeight:_t("H3.fontWeight"),lineHeight:_t("H3.lineHeight"),letterSpacing:_t("H3.letterSpacing")},H4:{fontFamily:_t("H4.fontFamily"),fontSize:_t("H4.fontSize"),fontWeight:_t("H4.fontWeight"),lineHeight:_t("H4.lineHeight"),letterSpacing:_t("H4.letterSpacing")},H5:{fontFamily:_t("H5.fontFamily"),fontSize:_t("H5.fontSize"),fontWeight:_t("H5.fontWeight"),lineHeight:_t("H5.lineHeight"),letterSpacing:_t("H5.letterSpacing")},H6:{fontFamily:_t("H6.fontFamily"),fontSize:_t("H6.fontSize"),fontWeight:_t("H6.fontWeight"),lineHeight:_t("H6.lineHeight"),letterSpacing:_t("H6.letterSpacing")},Body:{fontFamily:_t("Body.fontFamily"),fontSize:_t("Body.fontSize"),fontWeight:_t("Body.fontWeight"),lineHeight:_t("Body.lineHeight"),letterSpacing:_t("Body.letterSpacing")},BodySmall:{fontFamily:_t("BodySmall.fontFamily"),fontSize:_t("BodySmall.fontSize"),fontWeight:_t("BodySmall.fontWeight"),lineHeight:_t("BodySmall.lineHeight"),letterSpacing:_t("BodySmall.letterSpacing")},XSmall:{fontFamily:_t("XSmall.fontFamily"),fontSize:_t("XSmall.fontSize"),fontWeight:_t("XSmall.fontWeight"),lineHeight:_t("XSmall.lineHeight"),letterSpacing:_t("XSmall.letterSpacing")}},zt=e=>{switch(e){case 700:case"bold":return bt.Bold;case 600:case"semibold":return bt.Semibold;case 300:case"light":return bt.Light;case 400:case"regular":return bt.Regular;default:return""}},Ct=(e,t)=>n=>{const r=wt[e].fontFamily(n),i=wt[e].fontWeight(n);return Object.values(bt).includes(r)?c`
|
|
2
2
|
font-family: ${zt(t)||zt(i)||r};
|
|
3
3
|
font-weight: normal !important;
|
|
4
4
|
`:c`
|
|
5
5
|
font-family: ${r};
|
|
6
6
|
font-weight: ${(xt(t)||i)??"normal"};
|
|
7
|
-
`},xt=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""}},kt=(e,t,n=!1)=>r=>{const i=wt[e],
|
|
7
|
+
`},xt=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""}},kt=(e,t,n=!1)=>r=>{const i=wt[e],a=i.fontSize(r);return c`
|
|
8
8
|
${Ct(e,t)}
|
|
9
|
-
font-size: ${
|
|
9
|
+
font-size: ${a}rem !important;
|
|
10
10
|
line-height: ${i.lineHeight}rem !important;
|
|
11
11
|
letter-spacing: ${i.letterSpacing(r)||0}rem !important;
|
|
12
12
|
${c`
|
|
13
|
-
margin-bottom: ${
|
|
13
|
+
margin-bottom: ${a*(n?1.05:0)}rem;
|
|
14
14
|
`}
|
|
15
|
-
`},
|
|
15
|
+
`},Et=(e=!1,t=!1)=>t?c`
|
|
16
16
|
display: block;
|
|
17
17
|
`:e?c`
|
|
18
18
|
display: inline;
|
|
19
19
|
`:c`
|
|
20
20
|
display: block;
|
|
21
|
-
`;var
|
|
21
|
+
`;var At,Wt={};Object.defineProperty(Wt,"__esModule",{value:!0});var Nt=e;const Ot=e=>Nt.jsx("svg",{width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:Nt.jsx("path",{d:"M4.25 17.5C3.764 17.5 3.35067 17.33 3.01 16.99C2.67 16.6493 2.5 16.236 2.5 15.75V4.25C2.5 3.764 2.67 3.35067 3.01 3.01C3.35067 2.67 3.764 2.5 4.25 2.5H9.208C9.444 2.5 9.649 2.58667 9.823 2.76C9.99633 2.934 10.083 3.139 10.083 3.375C10.083 3.611 9.99633 3.816 9.823 3.99C9.649 4.16333 9.444 4.25 9.208 4.25H4.25V15.75H15.75V10.792C15.75 10.556 15.8367 10.351 16.01 10.177C16.184 10.0037 16.389 9.917 16.625 9.917C16.861 9.917 17.066 10.0037 17.24 10.177C17.4133 10.351 17.5 10.556 17.5 10.792V15.75C17.5 16.236 17.33 16.6493 16.99 16.99C16.6493 17.33 16.236 17.5 15.75 17.5H4.25ZM7.5 12.5C7.33333 12.3333 7.25 12.1283 7.25 11.885C7.25 11.6423 7.33333 11.4377 7.5 11.271L14.521 4.25H12.708C12.472 4.25 12.2673 4.16333 12.094 3.99C11.92 3.816 11.833 3.611 11.833 3.375C11.833 3.139 11.92 2.934 12.094 2.76C12.2673 2.58667 12.472 2.5 12.708 2.5H16.625C16.861 2.5 17.066 2.58667 17.24 2.76C17.4133 2.934 17.5 3.139 17.5 3.375V7.292C17.5 7.528 17.4133 7.73267 17.24 7.906C17.066 8.08 16.861 8.167 16.625 8.167C16.389 8.167 16.184 8.08 16.01 7.906C15.8367 7.73267 15.75 7.528 15.75 7.292V5.479L8.708 12.521C8.54133 12.6877 8.34367 12.771 8.115 12.771C7.88567 12.771 7.68067 12.6807 7.5 12.5Z",fill:"currentColor"})});var jt;Ot.displayName="ExternalIcon",At=Wt.ExternalIcon=Ot,function(e){e.D1=l.h1`
|
|
22
22
|
${e=>c`
|
|
23
23
|
${kt("D1",e.weight,e.paragraph)}
|
|
24
24
|
color: ${Bt.Neutral[1]};
|
|
25
|
-
${
|
|
25
|
+
${Et(e.inline,e.paragraph)}
|
|
26
26
|
`}
|
|
27
27
|
`,e.D2=l.h1`
|
|
28
28
|
${e=>c`
|
|
29
29
|
${kt("D2",e.weight,e.paragraph)}
|
|
30
30
|
color: ${Bt.Neutral[1]};
|
|
31
|
-
${
|
|
31
|
+
${Et(e.inline,e.paragraph)}
|
|
32
32
|
`}
|
|
33
33
|
`,e.D3=l.h1`
|
|
34
34
|
${e=>c`
|
|
35
35
|
${kt("D3",e.weight,e.paragraph)}
|
|
36
36
|
color: ${Bt.Neutral[1]};
|
|
37
|
-
${
|
|
37
|
+
${Et(e.inline,e.paragraph)}
|
|
38
38
|
`}
|
|
39
39
|
`,e.D4=l.h1`
|
|
40
40
|
${e=>c`
|
|
41
41
|
${kt("D4",e.weight,e.paragraph)}
|
|
42
42
|
color: ${Bt.Neutral[1]};
|
|
43
|
-
${
|
|
43
|
+
${Et(e.inline,e.paragraph)}
|
|
44
44
|
`}
|
|
45
45
|
`,e.DBody=l.h1`
|
|
46
46
|
${e=>c`
|
|
47
47
|
${kt("DBody",e.weight,e.paragraph)}
|
|
48
48
|
color: ${Bt.Neutral[1]};
|
|
49
|
-
${
|
|
49
|
+
${Et(e.inline,e.paragraph)}
|
|
50
50
|
`}
|
|
51
51
|
`,e.H1=l.h1`
|
|
52
52
|
${e=>c`
|
|
53
53
|
${kt("H1",e.weight,e.paragraph)}
|
|
54
54
|
color: ${Bt.Neutral[1]};
|
|
55
|
-
${
|
|
55
|
+
${Et(e.inline,e.paragraph)}
|
|
56
56
|
`}
|
|
57
57
|
`,e.H2=l.h2`
|
|
58
58
|
${e=>c`
|
|
59
59
|
${kt("H2",e.weight,e.paragraph)}
|
|
60
60
|
color: ${Bt.Neutral[1]};
|
|
61
|
-
${
|
|
61
|
+
${Et(e.inline,e.paragraph)}
|
|
62
62
|
`}
|
|
63
63
|
`,e.H3=l.h3`
|
|
64
64
|
${e=>c`
|
|
65
65
|
${kt("H3",e.weight,e.paragraph)}
|
|
66
66
|
color: ${Bt.Neutral[1]};
|
|
67
|
-
${
|
|
67
|
+
${Et(e.inline,e.paragraph)}
|
|
68
68
|
`}
|
|
69
69
|
`,e.H4=l.h4`
|
|
70
70
|
${e=>c`
|
|
71
71
|
${kt("H4",e.weight,e.paragraph)}
|
|
72
72
|
color: ${Bt.Neutral[1]};
|
|
73
|
-
${
|
|
73
|
+
${Et(e.inline,e.paragraph)}
|
|
74
74
|
`}
|
|
75
75
|
`,e.H5=l.h5`
|
|
76
76
|
${e=>c`
|
|
77
77
|
${kt("H5",e.weight,e.paragraph)}
|
|
78
78
|
color: ${Bt.Neutral[1]};
|
|
79
|
-
${
|
|
79
|
+
${Et(e.inline,e.paragraph)}
|
|
80
80
|
`}
|
|
81
81
|
`,e.H6=l.h6`
|
|
82
82
|
${e=>c`
|
|
83
83
|
${kt("H6",e.weight,e.paragraph)}
|
|
84
84
|
color: ${Bt.Neutral[1]};
|
|
85
|
-
${
|
|
85
|
+
${Et(e.inline,e.paragraph)}
|
|
86
86
|
`}
|
|
87
87
|
`,e.Body=l.p`
|
|
88
88
|
${e=>c`
|
|
89
89
|
${kt("Body",e.weight,e.paragraph)}
|
|
90
90
|
color: ${Bt.Neutral[1]};
|
|
91
|
-
${
|
|
91
|
+
${Et(e.inline,e.paragraph)}
|
|
92
92
|
`}
|
|
93
93
|
`,e.BodySmall=l.p`
|
|
94
94
|
${e=>c`
|
|
95
95
|
${kt("BodySmall",e.weight,e.paragraph)}
|
|
96
96
|
color: ${Bt.Neutral[1]};
|
|
97
|
-
${
|
|
97
|
+
${Et(e.inline,e.paragraph)}
|
|
98
98
|
`}
|
|
99
99
|
`,e.XSmall=l.span`
|
|
100
100
|
${e=>c`
|
|
101
101
|
${kt("XSmall",e.weight,e.paragraph)}
|
|
102
102
|
color: ${Bt.Neutral[1]};
|
|
103
|
-
${
|
|
103
|
+
${Et(e.inline,e.paragraph)}
|
|
104
104
|
`}
|
|
105
105
|
`,e.Hyperlink={Default:e=>Pt({...e,textStyle:"Body"}),Small:e=>Pt({...e,textStyle:"BodySmall"})}}(jt||(jt={}));const Vt=l.a`
|
|
106
106
|
${e=>c`
|
|
@@ -118,7 +118,7 @@ import e,{jsxs as t,jsx as n}from"react/jsx-runtime";import{useState as r,useRef
|
|
|
118
118
|
}
|
|
119
119
|
}
|
|
120
120
|
`}
|
|
121
|
-
`,Tt=l(
|
|
121
|
+
`,Tt=l(At)`
|
|
122
122
|
height: 1rem;
|
|
123
123
|
width: 1rem;
|
|
124
124
|
margin-left: 0.4rem;
|
|
@@ -183,5 +183,5 @@ import e,{jsxs as t,jsx as n}from"react/jsx-runtime";import{useState as r,useRef
|
|
|
183
183
|
`:e.$selected?c`
|
|
184
184
|
color: ${Bt.Primary(e)};
|
|
185
185
|
`:void 0}
|
|
186
|
-
`,Gt=({disabled:e,checked:l,onChange:c,type:h="checkbox",children:g,className:d,...f})=>{const[u,p]=r(l),s=i();
|
|
186
|
+
`,Gt=({disabled:e,checked:l,onChange:c,type:h="checkbox",children:g,className:d,...f})=>{const[u,p]=r(l),s=i();a((()=>{p(l)}),[l]);const y=o((t=>{e||("radio"!==h||u||p(!0),"checkbox"===h&&p((e=>!e)),c&&c(t))}),[]);return t(It,{$selected:u,disabled:e,role:"checkbox","aria-checked":u,className:d,children:[n(Lt,{ref:s,type:"checkbox","data-testid":"toggle-button-input",disabled:e,onChange:y,checked:u,...f}),n(Xt,{$weight:u?"bold":"regular",$selected:u,disabled:e,"data-testid":"toggle-button-label",children:g})]})};export{Gt as ToggleButton};
|
|
187
187
|
//# sourceMappingURL=index.js.map
|