welcome-ui 7.0.0-alpha.9 → 7.0.1-alpha.0
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/dist/Checkbox.js +1 -1
- package/dist/Checkbox.mjs +1 -1
- package/dist/{CustomInput-BCCxIle7.mjs → CustomInput-Cewo45Hd.mjs} +1 -1
- package/dist/{CustomInput-CDNZy-pz.js → CustomInput-DVH2rh9-.js} +1 -1
- package/dist/DatePicker.js +1 -1
- package/dist/DatePicker.mjs +1 -1
- package/dist/DateTimePicker.js +1 -1
- package/dist/DateTimePicker.mjs +1 -1
- package/dist/DateTimePickerCommon.js +1 -1
- package/dist/DateTimePickerCommon.mjs +1 -1
- package/dist/InputText.js +1 -1
- package/dist/InputText.mjs +1 -1
- package/dist/Radio.js +1 -1
- package/dist/Radio.mjs +1 -1
- package/dist/RadioTab.js +1 -1
- package/dist/RadioTab.mjs +1 -1
- package/dist/Search.js +1 -1
- package/dist/Search.mjs +1 -1
- package/dist/Select.js +1 -1
- package/dist/Select.mjs +1 -1
- package/dist/Tabs.js +9 -9
- package/dist/Tabs.mjs +83 -90
- package/dist/Textarea.js +1 -1
- package/dist/Textarea.mjs +1 -1
- package/dist/TimePicker.js +1 -1
- package/dist/TimePicker.mjs +1 -1
- package/dist/Toast.js +6 -6
- package/dist/Toast.mjs +17 -18
- package/dist/Toggle.js +1 -1
- package/dist/Toggle.mjs +1 -1
- package/dist/{field-styles-CeV7pnOp.mjs → field-styles-DLIhqG_8.mjs} +3 -3
- package/dist/{field-styles-D_gf6ypV.js → field-styles-DYEc1l_A.js} +1 -1
- package/dist/{index-CDjY0N2Z.mjs → index-BSdL4wPb.mjs} +1 -1
- package/dist/{index-CUtaVckz.js → index-Dn-QEAu6.js} +1 -1
- package/dist/theme.js +5 -5
- package/dist/theme.mjs +613 -532
- package/dist/types/components/Field/index.d.ts +2 -2
- package/dist/types/components/Field/styles.d.ts +3 -3
- package/dist/types/components/Select/styles.d.ts +3 -3
- package/dist/types/components/Toast/index.d.ts +5 -7
- package/dist/types/theme/defaultFields.d.ts +3 -3
- package/dist/types/utils/field-styles.d.ts +4 -8
- package/dist/types/utils/index.d.ts +7 -3
- package/dist/use-fork-ref-Bjf1e56Z.js +1 -0
- package/dist/use-fork-ref-CUZErtAC.mjs +14 -0
- package/dist/utils.js +1 -1
- package/dist/utils.mjs +36 -26
- package/package.json +3 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";const s=require("@xstyled/styled-components"),h={
|
|
1
|
+
"use client";"use strict";const s=require("@xstyled/styled-components"),h={lg:"sm",md:"sm",sm:"sm",xs:"xs"},$=({iconPlacement:e,isClearable:i,size:t,transparent:a,variant:d})=>{const l=h[t];return s.css`
|
|
2
2
|
${s.th("defaultFields.default")};
|
|
3
3
|
${d&&s.th(`defaultFields.variants.${d}`)};
|
|
4
4
|
width: 100%;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import U, { createContext as B, useState as Z, useRef as z, useEffect as D } from "react";
|
|
3
3
|
import H, { css as _, th as C, system as O } from "@xstyled/styled-components";
|
|
4
|
-
import { d as V } from "./field-styles-
|
|
4
|
+
import { d as V } from "./field-styles-DLIhqG_8.mjs";
|
|
5
5
|
import { shouldForwardProp as W, forwardRef as q } from "./System.mjs";
|
|
6
6
|
import { v as G, c as I, f as J, _ as K, j as Q, l as X, y as Y, b as E, E as ee, d as te, e as re, g as y, z as ne, h as ae, t as oe } from "./LVA2YJMS-qFC9J-lt.mjs";
|
|
7
7
|
import { u as ie } from "./KUU7WJ55-3sP-w1F1.mjs";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";const b=require("react"),u=require("@xstyled/styled-components"),j=require("./field-styles-
|
|
1
|
+
"use client";"use strict";const b=require("react"),u=require("@xstyled/styled-components"),j=require("./field-styles-DYEc1l_A.js"),A=require("./System.js"),t=require("./LVA2YJMS-B2HZjIhJ.js"),J=require("./KUU7WJ55-DN8gk6_R.js"),B=require("./YV4JVR4I-DIthYWMj.js");var W=b.createContext(!1),Y=t.createStoreContext(),Z=Y.useContext,L="input";function E(r,i){i?r.indeterminate=!0:r.indeterminate&&(r.indeterminate=!1)}function D(r,i){return r==="input"&&(!i||i==="checkbox")}function F(r){return Array.isArray(r)?r.toString():r}var H=t.createHook(function(i){var a=i,{store:o,name:s,value:c,checked:f,defaultChecked:g}=a,n=t.__objRest(a,["store","name","value","checked","defaultChecked"]);const m=Z();o=o||m;const[v,h]=b.useState(g??!1),k=B.useStoreState(o,e=>{if(f!==void 0)return f;if((e==null?void 0:e.value)===void 0)return v;if(c!=null){if(Array.isArray(e.value)){const p=F(c);return e.value.includes(p)}return e.value===c}return Array.isArray(e.value)?!1:typeof e.value=="boolean"?e.value:!1}),y=b.useRef(null),q=t.useTagName(y,L),d=D(q,n.type),w=k?k==="mixed":void 0,C=k==="mixed"?!1:k,T=t.disabledFromProps(n),[U,V]=t.useForceUpdate();b.useEffect(()=>{const e=y.current;e&&(E(e,w),!d&&(e.checked=C,s!==void 0&&(e.name=s),c!==void 0&&(e.value=`${c}`)))},[U,w,d,C,s,c]);const $=n.onChange,P=t.useEvent(e=>{if(T){e.stopPropagation(),e.preventDefault();return}if(E(e.currentTarget,w),d||(e.currentTarget.checked=!e.currentTarget.checked,V()),$==null||$(e),e.defaultPrevented)return;const p=e.currentTarget.checked;h(p),o==null||o.setValue(l=>{if(c==null)return p;const x=F(c);return Array.isArray(l)?p?l.includes(x)?l:[...l,x]:l.filter(N=>N!==x):l===x?!1:x})}),_=n.onClick,M=t.useEvent(e=>{_==null||_(e),!e.defaultPrevented&&(d||P(e))});return n=t.useWrapElement(n,e=>t.jsxRuntimeExports.jsx(W.Provider,{value:C,children:e}),[C]),n=t.__spreadProps(t.__spreadValues({role:d?void 0:"checkbox",type:d?"checkbox":void 0,"aria-checked":k},n),{ref:t.useMergeRefs(y,n.ref),onChange:P,onClick:M}),n=J.useCommand(t.__spreadValues({clickOnEnter:!d},n)),t.removeUndefinedValues(t.__spreadValues({name:d?s:void 0,value:d?c:void 0,checked:C},n))}),S=t.forwardRef2(function(i){const a=H(i);return t.createElement(L,a)});const I=u(S).withConfig({shouldForwardProp:A.shouldForwardProp})(({indeterminate:r,order:i="-1",size:a,theme:o,variant:s})=>u.css`
|
|
2
2
|
${j.defaultFieldStyles({size:a,variant:s})};
|
|
3
3
|
${u.th("checkboxes.default")}
|
|
4
4
|
position: relative;
|
package/dist/theme.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("@xstyled/styled-components"),b=require("./hex-to-rgba-cCYXRc5D.js");function f(e,r){if(typeof e!="object"||e===null)return r;if(typeof r!="object"||r===null)return e;const o={...e};for(const n in r)r.hasOwnProperty(n)&&(o[n]=f(o[n],r[n]));return o}const F=e=>{const{borderWidths:r,colors:o,fontSizes:n,radii:l,space:a,texts:s,transitions:d}=e;return{padding:a.lg,wrapper:{backgroundColor:o["neutral-10"],transition:d.medium,border:`${r.sm} solid ${o["neutral-30"]}`,borderRadius:l.md},icon:{color:o["neutral-90"]},content:{fontSize:n.sm},title:s.h5}},y=e=>{const{borderWidths:r,colors:o,fontSizes:n,fontWeights:l,radii:a,space:s}=e,d=i=>({backgroundColor:o[`${i}-10`],borderColor:o[`${i}-10`],color:o[`${i}-90`]});return{default:{backgroundColor:o["neutral-10"],borderColor:o["neutral-30"],borderRadius:a.lg,borderStyle:"solid",borderWidth:r.sm,color:o["neutral-80"],fontSize:n.sm},title:{default:{color:o["neutral-90"],fontWeight:l.medium},sizes:{sm:{marginBottom:s.xs},md:{marginBottom:s.sm}}},danger:d("red"),warning:d("orange"),info:d("blue"),success:d("green"),beige:{backgroundColor:o["beige-20"],borderColor:o["beige-20"],color:o["beige-80"]},sizes:{sm:{padding:s.lg},md:{padding:s.xl}}}},w=e=>{const{colors:r,fontWeights:o,toRem:n}=e;return{sizes:{sm:n(20),md:n(30),lg:n(40),xl:n(50),xxl:n(60)},text:{color:r["neutral-90"],fontWeight:o.bold}}},$=e=>{const{colors:r,fontWeights:o,space:n,texts:l,toRem:a}=e;return{default:{...l.xs,fontWeight:o.medium},variants:{default:{color:r["beige-70"],backgroundColor:r["beige-30"]},primary:{color:r["neutral-90"],backgroundColor:r["primary-40"]}},disabled:{default:{color:r["beige-40"],backgroundColor:r["beige-20"]},primary:{color:r["primary-80"],backgroundColor:r["primary-50"]}},sizes:{sm:{padding:n.xxs,height:a(16),borderRadius:a(14)},md:{padding:n.xs,height:a(20),borderRadius:a(14)}}}},S=e=>{const{colors:r,space:o,texts:n}=e;return{list:{...n["subtitle-sm"],padding:`${o.sm} 0`},item:{default:{color:r["neutral-50"],textDecoration:"none"},hover:{color:r["neutral-70"]},active:{color:r["neutral-70"]}},separator:{padding:`0 ${o.xs}`,color:r["neutral-50"]}}},T=e=>{const{colors:r,focus:o,fontWeights:n,radii:l,space:a,texts:s,toRem:d}=e,i={...s.xs,color:r["neutral-10"],fontWeight:n.bold,letterSpacing:0,borderRadius:l.md};return{primary:{...i,color:e.colors["neutral-90"],backgroundColor:r["primary-40"],borderColor:r["primary-40"]},secondary:{...i,backgroundColor:r["neutral-90"],borderColor:r["neutral-90"]},tertiary:{...i,color:r["neutral-90"],backgroundColor:"transparent",borderColor:r["neutral-90"]},ghost:{...i,color:r["neutral-90"],backgroundColor:"transparent",borderColor:"transparent"},danger:{primary:{color:r["neutral-10"],backgroundColor:r["red-70"],borderColor:r["red-70"]},tertiary:{backgroundColor:"transparent",color:r["red-80"],borderColor:r["red-80"]},ghost:{color:r["red-80"],backgroundColor:"transparent",borderColor:"transparent"}},hover:{primary:{backgroundColor:r["primary-30"],borderColor:r["primary-30"]},secondary:{backgroundColor:r["neutral-70"],borderColor:"transparent"},tertiary:{backgroundColor:b.hexToRGBA(r["neutral-90"],.1)},ghost:{backgroundColor:b.hexToRGBA(r["neutral-90"],.1)},danger:{primary:{backgroundColor:r["red-60"],borderColor:r["red-60"]},tertiary:{backgroundColor:r["red-10"]},ghost:{backgroundColor:r["red-10"]}}},focus:{primary:{...o(r["primary-20"])},secondary:{...o(r["neutral-40"])},tertiary:{...o(r["neutral-40"])},ghost:{...o(r["neutral-40"])},danger:{primary:{...o(r["red-40"])},tertiary:{...o(r["red-40"])},ghost:{...o(r["red-40"])}}},active:{primary:{backgroundColor:r["primary-10"],borderColor:r["primary-10"]},secondary:{backgroundColor:r["neutral-50"],borderColor:r["neutral-50"]},tertiary:{backgroundColor:b.hexToRGBA(r["neutral-90"],.4)},ghost:{backgroundColor:b.hexToRGBA(r["neutral-90"],.4)},danger:{primary:{backgroundColor:r["red-50"],borderColor:r["red-50"]},tertiary:{backgroundColor:r["red-20"]},ghost:{backgroundColor:r["red-20"]}}},disabled:{...i,color:r["beige-70"],backgroundColor:r["beige-40"],borderColor:r["beige-40"],"&:focus":{...o(r["beige-10"])}},sizes:{xs:{height:d(24),padding:`${a.xs} ${a.sm}`},sm:{height:d(32),padding:`${a.sm} ${a.md}`},md:{...s.sm,fontWeight:n.bold,height:d(40),padding:`${a.sm} ${a.lg}`},lg:{...s.sm,fontWeight:n.bold,height:d(48),padding:`${a.md} ${a.xl}`}},icon:{only:{xs:d(16),sm:d(16),md:d(16),lg:d(24)},default:{xs:d(12),sm:d(16),md:d(16),lg:d(16)}}}},W=e=>{const{borderWidths:r,colors:o}=e;return{default:{backgroundColor:o["neutral-10"],borderStyle:"solid",borderWidth:r.sm,borderColor:o["neutral-30"]}}},B=e=>{const{colors:r,fontWeights:o}=e;return{item:{selected:{color:r["neutral-90"],fontWeight:o.bold,backgroundColor:r["primary-40"],outline:"none"},today:{color:r["neutral-90"],fontWeight:o.bold}}}},v=e=>{const{colors:r,radii:o,toRem:n}=e;return{default:{width:n(16),height:n(16),flexShrink:0,borderRadius:o.sm},disabled:{borderColor:r["beige-60"]},checked:{color:r["neutral-90"],backgroundColor:r["primary-40"],borderColor:r["primary-40"]}}},z=e=>{const{colors:r,space:o,toRem:n}=e;return{backdrop:{backgroundColor:r.overlay,zIndex:999},default:{zIndex:999},closeButton:{},title:{margin:0,backgroundColor:r["neutral-10"],padding:`${o.xl} ${o["5xl"]} ${o.xl} ${o.xl}`},content:{padding:`${o.xl}`},footer:{backgroundColor:r["neutral-10"],padding:`${o.xl}`},sizes:{horizontal:{sm:{width:n(400)},md:{width:n(550)},lg:{width:n(680)}},vertical:{sm:{height:n(400)},md:{height:n(550)},lg:{height:n(680)}}}}},A=e=>{const{colors:r,fontSizes:o,radii:n,toRem:l}=e,a=r["beige-30"];return{inner:{fontSize:o.sm,minWidth:l(130),borderRadius:n.md},item:{backgroundColor:"transparent",color:r["beige-70"],"&:hover":{backgroundColor:r["beige-30"],color:r["neutral-90"]},"&:focus":{backgroundColor:r["beige-30"],color:r["neutral-90"]},"&[disabled]":{backgroundColor:"transparent",color:r["beige-40"],cursor:"not-allowed"}},separator:{backgroundColor:a}}},D=e=>{const{colors:r,toRem:o}=e;return{default:{minHeight:o(200),borderStyle:"dashed"},dragAccept:{},dragReject:{},disabled:{backgroundColor:r["beige-30"]}}},R=e=>{const{colors:r,texts:o}=e;return{default:{...o.xs,color:r["neutral-60"]},danger:{color:r["red-70"]},success:{color:r["green-70"]},warning:{color:r["orange-70"]}}},E=e=>{const{colors:r,fontSizes:o,fontWeights:n}=e;return{color:r["neutral-60"],fontSize:o.sm,fontWeight:n.medium}},L=e=>{const{colors:r,fontWeights:o,icons:n,space:l,transitions:a}=e;return{default:{color:r["neutral-90"],fontWeight:o.medium,transition:a.medium},withExternalLink:{backgroundSize:`calc(100% - ${n.sm} - ${l.sm}) 50%`},disabled:{color:r["neutral-50"],backgroundImage:`linear-gradient(0deg, ${r["neutral-30"]}, ${r["neutral-30"]} 100%)`},primary:{default:{},hover:{}},secondary:{default:{backgroundImage:`linear-gradient(0deg, ${r["neutral-90"]}, ${r["neutral-90"]} 100%)`},hover:{color:r["neutral-10"]}}}},I=({toRem:e})=>({xs:e(8),sm:e(10),md:e(15),lg:e(20)}),H=({toRem:e})=>({xs:e(12),sm:e(16),md:e(24),lg:e(32),xl:e(48),xxl:e(64)}),_=e=>{const{colors:r,radii:o,space:n,toRem:l}=e;return{backdrop:{backgroundColor:r.overlay,zIndex:999},default:{zIndex:999,borderRadius:o.md},header:{backgroundColor:r["neutral-10"],borderTopLeftRadius:o.md,borderTopRightRadius:o.md,paddingTop:n.xxl,paddingRight:n["3xl"],paddingBottom:n.xxl,paddingLeft:n.xxl,subtitle:{color:r["neutral-70"],variant:"sm",margin:0}},body:{color:r["neutral-90"],paddingRight:n["3xl"],paddingBottom:n.xxl,paddingLeft:n.xxl},footer:{backgroundColor:r["neutral-10"],borderTop:`solid ${r["neutral-30"]}`,borderBottomLeftRadius:o.md,borderBottomRightRadius:o.md,children:{paddingRight:n.xxl,paddingLeft:n.xxl,paddingTop:n.lg,paddingBottom:n.xl},information:{backgroundColor:r["beige-20"],paddingRight:n.xxl,paddingLeft:n.xxl,paddingTop:n.xl,paddingBottom:n.xxl}},gutter:l(32),sizes:{xs:{width:l(320)},sm:{width:l(450)},md:{width:l(600)},lg:{width:l(730)},auto:{}},cover:{}}},U=e=>{const{colors:r,focus:o,fontSizes:n,fontWeights:l,toRem:a}=e;return{default:{width:a(32),height:a(32),color:r["neutral-90"],fontWeight:l.bold,fontSize:n.xs},item:{"&:hover, &:focus":{backgroundColor:r["neutral-30"]},"&:focus":{...o(r["neutral-60"])}},active:{backgroundColor:r["neutral-90"],color:r["neutral-10"],"&:hover, &:focus":{backgroundColor:r["neutral-90"]}},disabled:{backgroundColor:r["beige-40"],color:r["beige-70"]}}},N=e=>{const{borderWidths:r,colors:o,space:n,texts:l,toRem:a}=e;return{default:{...l.sm,backgroundColor:o["neutral-90"],color:o["neutral-10"],maxWidth:a(700),zIndex:1},content:{display:"block",padding:n.md},title:{...l.h6,padding:`${n.md} ${n.md} ${n.xs}`,color:o["neutral-10"],borderBottomColor:o["neutral-70"],borderBottomWidth:r.sm,borderBottomStyle:"solid"}}},G=e=>{const{colors:r,toRem:o}=e;return{default:{width:o(16),height:o(16)},checked:{color:r["neutral-90"],borderColor:r["primary-40"]},checkedCenteredColor:{default:r["primary-40"],disabled:r["beige-60"]}}},O=e=>{const{colors:r}=e;return{default:{"&:hover":{backgroundColor:r["beige-30"]}},checked:{backgroundColor:r["primary-40"],color:e.colors["neutral-90"],borderColor:r["primary-40"],"&:hover":{backgroundColor:r["primary-30"]}}}},M=e=>{const{borderWidths:r,colors:o}=e;return{default:{backgroundColor:o["beige-40"],backgroundImage:`linear-gradient(${o["primary-40"]}, ${o["primary-40"]})`},selector:{backgroundColor:o["neutral-90"],borderRadius:"50%",border:`${r.md} solid`,disabled:{backgroundColor:o["beige-60"]}},output:{tooltip:{backgroundColor:o["neutral-90"],border:`${r.sm} solid ${o["neutral-70"]}}`,color:o["neutral-10"]}},focused:{outline:`${r.md} solid ${o["primary-40"]}`,disabled:{outline:"none"}},disabled:{backgroundImage:`linear-gradient(${o["beige-60"]}, ${o["beige-60"]})`},rangeInput:{disabled:{backgroundColor:o["beige-60"]}}}},P=e=>{const{colors:r}=e;return{navigation:{bullet:{active:{backgroundColor:r["primary-40"]},default:{backgroundColor:r["beige-40"]}}}}},Y=e=>{const{borderWidths:r,colors:o,fontWeights:n,space:l}=e;return{th:{color:o["neutral-60"],fontWeight:n.medium,textAlign:"left",borderBottomColor:o["neutral-90"],borderBottomWidth:r.sm,borderBottomStyle:"solid"},td:{textAlign:"left",padding:l.xl},tr:{default:{borderBottomColor:o["neutral-30"],borderBottomWidth:r.sm,borderBottomStyle:"solid"},danger:{backgroundColor:o["red-10"],color:o["red-70"]},warning:{backgroundColor:o["orange-10"],color:o["orange-80"]},info:{backgroundColor:o["blue-10"],color:o["blue-70"]},success:{backgroundColor:o["green-10"],color:o["green-70"]},clickable:{cursor:"pointer"}}}},q=e=>{const{borderWidths:r,colors:o,fontSizes:n,fontWeights:l,lineHeights:a,space:s}=e;return{tabsBorder:{horizontal:{boxShadow:`inset 0 -${r.sm} 0 ${o["neutral-30"]}`},vertical:{boxShadow:`inset -${r.sm} 0 0 ${o["neutral-30"]}`}},item:{default:{color:o["neutral-70"],fontWeight:l.medium,textDecoration:"none",lineHeight:a.md},active:{color:o["neutral-90"]},focus:{color:o["neutral-90"]},disabled:{color:o["neutral-50"]},size:{sm:{fontSize:n.sm},md:{fontSize:n.md}}},panel:{vertical:{"&:focus":{outline:"none"}},horizontal:{marginTop:s.xl,"&:focus":{outline:"none"}}},activeBar:{horizontal:{background:o["primary-40"],height:r.md},vertical:{background:o["primary-40"],width:r.md}},icon:{maxWidth:s.lg,maxHeight:s.lg},badge:{maxHeight:s.lg}}},J=e=>{const{colors:r,fontSizes:o,fontWeights:n,radii:l,space:a,toRem:s}=e,d={xs:s(20),sm:s(24),md:s(32)},i=c=>({backgroundColor:r[`${c}-10`],color:r[`${c}-90`]}),t=c=>({backgroundColor:r[`${c}-20`]}),g=c=>({backgroundColor:r[`${c}-${c==="green"?"30":"40"}`],color:r["neutral-90"]}),u=c=>({backgroundColor:r[`${c}-${c==="green"?"40":"50"}`]});return{default:{fontWeight:n.medium,borderRadius:l.md},variants:{default:{backgroundColor:r["beige-20"],color:r["beige-90"]},primary:{color:e.colors["neutral-90"],backgroundColor:r["primary-40"]},success:i("green"),danger:i("red"),warning:i("orange"),info:i("blue"),teal:g("teal"),blue:g("blue"),orange:g("orange"),pink:g("pink"),green:g("green"),violet:g("violet")},hover:{default:{backgroundColor:r["beige-30"]},primary:{backgroundColor:r["primary-50"]},success:t("green"),danger:t("red"),warning:t("orange"),info:t("blue"),teal:u("teal"),blue:u("blue"),orange:u("orange"),pink:u("pink"),green:u("green"),violet:u("violet")},sizes:{xs:{padding:`${a.xxs} ${a.xs}`,height:d.xs,fontSize:o.xs,gap:a.xs,borderRadius:l.sm},sm:{padding:`${a.xs} ${a.sm}`,height:d.sm,fontSize:o.xs,gap:a.xs},md:{padding:`${a.xs} ${a.sm}`,height:d.md,fontSize:o.sm,gap:a.sm}},icon:{xs:s(12),sm:s(12),md:s(16)},shape:{xs:{width:d.xs,height:d.xs},sm:{width:d.sm,height:d.sm},md:{width:d.md,height:d.md}}}},V=e=>{const{space:r,toRem:o}=e;return{minHeight:o(130),padding:r.md}},X=(e,r)=>{const{toEm:o,toRem:n}=r,l=n;return{h0:l(65),h1:l(45),h2:l(36),h3:l(26),h4:l(20),h5:l(16),h6:l(14),lg:l(18),md:l(16),sm:l(14),"subtitle-md":l(13),"subtitle-sm":l(11),xs:l(12)}},Z=({defaultLineHeight:e,toRem:r})=>({html:e,h0:r(72),h1:r(48),h2:r(40),h3:r(32),h4:r(24),h5:r(18),h6:r(16),lg:r(24),md:r(18),sm:r(18),xs:r(14),"subtitle-md":e,"subtitle-sm":e}),j={regular:400,medium:500,bold:600},K=({defaultLetterSpacing:e,toRem:r})=>({html:e,h0:r(-1.7),h1:r(-1.2),h2:r(-1),h3:r(-.9),h4:r(-.6),h5:r(-.5),h6:r(-.5),lg:e,md:e,sm:e,xs:r(-.2),"subtitle-md":r(-.2),"subtitle-sm":r(-.2)}),Q=e=>{const{fontWeights:r}=e;return{h0:r.bold,h1:r.bold,h2:r.bold,h3:r.bold,h4:r.bold,h5:r.bold,h6:r.bold,lg:r.regular,md:r.regular,sm:r.regular,"subtitle-md":r.bold,"subtitle-sm":r.medium,xs:r.regular}},rr=e=>{const{fonts:r}=e;return{h0:r.headings,h1:r.headings,h2:r.headings,h3:r.headings,h4:r.headings,h5:r.headings,h6:r.headings,"subtitle-md":r.headings,"subtitle-sm":r.headings}},or=()=>({"subtitle-md":"uppercase","subtitle-sm":"uppercase"}),er=e=>{const{colors:r}=e;return{h0:r["neutral-90"],h1:r["neutral-90"],h2:r["neutral-90"],h3:r["neutral-90"],h4:r["neutral-90"],h5:r["neutral-90"],h6:r["neutral-90"]}},x=e=>{const{fontSizes:r,letterSpacings:o,lineHeights:n,textsFontColors:l,textsFontFamily:a,textsFontWeights:s,textsTextTransform:d}=e;return Object.keys(r).reduce((i,t)=>({...i,[t]:{color:l[t],fontFamily:a[t]||void 0,fontWeight:s[t],fontSize:r[t],lineHeight:n[t]||n.lg,letterSpacing:o[t]||void 0,textTransform:d[t]||void 0}}),{})},tr=(e,r,o)=>({texts:[e,"sans-serif"].join(", "),headings:[r,"sans-serif"].join(", "),icons:o}),nr=e=>{const{borderWidths:r,colors:o,fontWeights:n,radii:l,space:a}=e;return{default:{paddingLeft:a.sm,paddingRight:a.sm},top:{paddingTop:a.lg},bottom:{paddingBottom:a.lg},growls:{default:{...x(e).sm,borderWidth:r.sm,borderStyle:"solid",borderRadius:l.lg,maxWidth:340},title:{fontWeight:n.bold,color:o["neutral-90"]}},snackbar:{default:{borderRadius:l.lg},separator:{default:{borderLeft:"1px solid",borderLeftColor:o["neutral-30"]},danger:{borderLeftColor:o["red-20"]},warning:{borderLeftColor:o["orange-20"]},info:{borderLeftColor:o["blue-30"]},success:{borderLeftColor:o["green-30"]}}}}},lr="0.32rem !important",ar="0.12rem ! important",dr=e=>{const{borderWidths:r,colors:o,focus:n,toRem:l}=e;return{item:{default:{backgroundColor:o["neutral-10"],borderColor:o["neutral-30"],borderWidth:r.sm,borderStyle:"solid",borderRadius:l(16),"&:focus":{borderColor:o["primary-30"],...n(o["primary-30"])}},sizes:{xs:{width:l(28),height:l(16),marginTop:lr},sm:{width:l(36),height:l(20),marginTop:ar},md:{width:l(44),height:l(24),marginTop:"0 !important"}},checked:{backgroundColor:o["primary-40"],borderColor:o["primary-40"]},disabled:{borderColor:o["beige-60"],backgroundColor:o["beige-40"]}},after:{default:{backgroundColor:o["neutral-10"],borderColor:o["neutral-50"],borderWidth:r.sm,borderStyle:"solid",borderRadius:"50%"},checked:{backgroundColor:o["neutral-10"],borderColor:o["neutral-10"]},disabled:{borderColor:"transparent",backgroundColor:o["beige-60"]},sizes:{xs:{width:l(12),height:l(12)},sm:{width:l(16),height:l(16)},md:{width:l(20),height:l(20)}}},icon:{position:{xs:{left:"2px",right:"2px"},sm:{left:"4px",right:"4px"},md:{left:"4px",right:"4px"}},sizes:{xs:{width:l(10),height:l(10),fontSize:l(10)},sm:{width:l(12),height:l(12),fontSize:l(12)},md:{width:l(16),height:l(16),fontSize:l(16)}}}}},ir=e=>{const{borderWidths:r,colors:o,fontSizes:n,fontWeights:l,radii:a,space:s,toRem:d}=e;return{maxWidth:d(200),backgroundColor:o["neutral-90"],color:o["neutral-10"],padding:`${s.xs} ${s.sm}`,fontSize:n.sm,fontWeight:l.medium,border:`${r.sm} solid ${o["neutral-60"]}`,borderRadius:a.md,boxSizing:"border-box"}},sr=e=>{const{colors:r}=e;return{default:{color:r["neutral-90"]},danger:{color:r["red-70"]},success:{color:r["green-60"]},warning:{color:r["orange-60"]},info:{color:r["blue-60"]}}},gr={"beige-10":"#FBF9F7","beige-20":"#F6F3EF","beige-30":"#EAE4DE","beige-40":"#D2CBC3","beige-50":"#A7A096","beige-60":"#605B55","beige-70":"#4D4944","beige-80":"#33302D","beige-90":"#1E1C1A","blue-10":"#E0F5FF","blue-20":"#BBEAFF","blue-30":"#9BDEF7","blue-40":"#55C3E9","blue-50":"#27A5D0","blue-60":"#057AA3","blue-70":"#025A79","blue-80":"#013C50","blue-90":"#00202B","green-10":"#EAFFD4","green-20":"#D6F6B4","green-30":"#BADE94","green-40":"#9FC873","green-50":"#83AD57","green-60":"#5A8034","green-70":"#40611F","green-80":"#2A4210","green-90":"#142603","neutral-10":"#FFFFFF","neutral-20":"#F3F3F3","neutral-30":"#DEDEDE","neutral-40":"#BDBDBD","neutral-50":"#989898","neutral-60":"#585858","neutral-70":"#444444","neutral-80":"#212121","neutral-90":"#000000","orange-10":"#FFEBCE","orange-20":"#FFD495","orange-30":"#FFBB59","orange-40":"#FF9F14","orange-50":"#DB860A","orange-60":"#A6670A","orange-70":"#824F06","orange-80":"#573607","orange-90":"#382303","pink-10":"#FFEAF5","pink-20":"#FFD5EB","pink-30":"#FEB7DC","pink-40":"#F696C8","pink-50":"#E468A8","pink-60":"#C24887","pink-70":"#972962","pink-80":"#6D1142","pink-90":"#3C0725","red-10":"#FBDEDC","red-20":"#FCC7C3","red-30":"#FDB3AE","red-40":"#FF9490","red-50":"#FF6165","red-60":"#E1003A","red-70":"#A80029","red-80":"#75001A","red-90":"#450101","red-orange-10":"#FFDED0","red-orange-20":"#FFC9B2","red-orange-30":"#FFB595","red-orange-40":"#FF9868","red-orange-50":"#E67B49","red-orange-60":"#C45927","red-orange-70":"#9F4217","red-orange-80":"#6D2605","red-orange-90":"#451701","teal-10":"#D5FFFA","teal-20":"#AAF4EB","teal-30":"#6DE1D2","teal-40":"#00C7AE","teal-50":"#01AA95","teal-60":"#008070","teal-70":"#00544A","teal-80":"#003D35","teal-90":"#00211D","violet-10":"#F2F2FF","violet-20":"#E0E0FF","violet-30":"#C9C9FF","violet-40":"#ACACFF","violet-50":"#9080F0","violet-60":"#7958D6","violet-70":"#593CAC","violet-80":"#422A86","violet-90":"#1F0E51","yellow-10":"#FFF8D9","yellow-20":"#FFF1B2","yellow-30":"#FFE166","yellow-40":"#FFCD00","yellow-50":"#E5B800","yellow-60":"#B69200","yellow-70":"#846A01","yellow-80":"#604D00","yellow-90":"#423500"},C=e=>({...e,"primary-10":e["yellow-10"],"primary-20":e["yellow-20"],"primary-30":e["yellow-30"],"primary-40":e["yellow-40"],"primary-50":e["yellow-50"],"primary-60":e["yellow-60"],"primary-70":e["yellow-70"],"primary-80":e["yellow-80"],"primary-90":e["yellow-90"],"secondary-blue":e["blue-40"],"secondary-green":e["green-30"],"secondary-orange":e["red-orange-40"],"secondary-pink":e["pink-40"],"secondary-teal":e["teal-40"],"secondary-violet":e["violet-40"],overlay:"rgba(0, 0, 0, 0.55)"}),p=C(gr),cr=Object.keys(p).reduce((e,r)=>{if(r.startsWith("secondary-")||r==="overlay")return e;const o=100-Number(r.slice(-2)),n=r.slice(0,r.length-2);return{...e,[r]:p[`${n}${o}`]}},{}),ur={...p,...C(cr)},br={colors:ur},mr="f19d0de47a5f6f7446d37111f075c0901835bf12",hr=e=>({"welcome-font":[{url:`${e.fontsUrl}/welcome-font-regular`,weight:"400"},{url:`${e.fontsUrl}/welcome-font-medium`,weight:"500"},{url:`${e.fontsUrl}/welcome-font-bold`,weight:"600"},{url:`${e.fontsUrl}/welcome-font-regular-italic`,style:"italic",weight:"400"},{url:`${e.fontsUrl}/welcome-font-medium-italic`,style:"italic",weight:"500"},{url:`${e.fontsUrl}/welcome-font-bold-italic`,style:"italic",weight:"600"}],"welcome-icon-font":[{url:`${e.fontsUrl}/icon-font/${mr}/welcome-icon-font`,display:"block"}],"work-sans":[{url:`${e.fontsUrl}/work-sans-variable`,isVariable:!0,stretch:"75% 125%",weight:"100 1000"}]}),m={primary:"ease",secondary:"linear",tertiary:"cubic-bezier(0.41, 0.094, 0.54, 0.07)"},pr={slow:`500ms ${m.tertiary}`,medium:`300ms ${m.primary}`,fast:`100ms ${m.secondary}`},fr=({colors:e})=>({default:h.css`
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("@xstyled/styled-components"),A=require("./_commonjsHelpers-DvH0V_XJ.js"),p=require("./hex-to-rgba-cCYXRc5D.js");function R(o){return o!=null&&typeof o=="object"&&o["@@functional/placeholder"]===!0}var w=R,E=w;function _(o){return function r(e){return arguments.length===0||E(e)?r:o.apply(this,arguments)}}var W=_,F=W,h=w;function L(o){return function r(e,n){switch(arguments.length){case 0:return r;case 1:return h(e)?r:F(function(a){return o(e,a)});default:return h(e)&&h(n)?r:h(e)?F(function(a){return o(a,n)}):h(n)?F(function(a){return o(e,a)}):o(e,n)}}}var S=L,f=W,m=S,c=w;function I(o){return function r(e,n,a){switch(arguments.length){case 0:return r;case 1:return c(e)?r:m(function(l,d){return o(e,l,d)});case 2:return c(e)&&c(n)?r:c(e)?m(function(l,d){return o(l,n,d)}):c(n)?m(function(l,d){return o(e,l,d)}):f(function(l){return o(e,n,l)});default:return c(e)&&c(n)&&c(a)?r:c(e)&&c(n)?m(function(l,d){return o(l,d,a)}):c(e)&&c(a)?m(function(l,d){return o(l,n,d)}):c(n)&&c(a)?m(function(l,d){return o(e,l,d)}):c(e)?f(function(l){return o(l,n,a)}):c(n)?f(function(l){return o(e,l,a)}):c(a)?f(function(l){return o(e,n,l)}):o(e,n,a)}}}var T=I;function H(o){return Object.prototype.toString.call(o)==="[object Object]"}var U=H;function O(o,r){return Object.prototype.hasOwnProperty.call(r,o)}var j=O,N=T,x=j,P=N(function(r,e,n){var a={},l;e=e||{},n=n||{};for(l in e)x(l,e)&&(a[l]=x(l,n)?r(l,e[l],n[l]):e[l]);for(l in n)x(l,n)&&!x(l,a)&&(a[l]=n[l]);return a}),G=P,M=T,$=U,K=G,q=M(function o(r,e,n){return K(function(a,l,d){return $(l)&&$(d)?o(r,l,d):r(a,l,d)},e,n)}),Y=q,J=S,X=Y,Z=J(function(r,e){return X(function(n,a,l){return l},r,e)}),Q=Z;const v=A.getDefaultExportFromCjs(Q),V=o=>{const{borderWidths:r,colors:e,fontSizes:n,radii:a,space:l,texts:d,transitions:i}=o;return{padding:l.lg,wrapper:{backgroundColor:e["neutral-10"],transition:i.medium,border:`${r.sm} solid ${e["neutral-30"]}`,borderRadius:a.md},icon:{color:e["neutral-90"]},content:{fontSize:n.sm},title:d.h5}},rr=o=>{const{borderWidths:r,colors:e,fontSizes:n,fontWeights:a,radii:l,space:d}=o,i=s=>({backgroundColor:e[`${s}-10`],borderColor:e[`${s}-10`],color:e[`${s}-90`]});return{default:{backgroundColor:e["neutral-10"],borderColor:e["neutral-30"],borderRadius:l.lg,borderStyle:"solid",borderWidth:r.sm,color:e["neutral-80"],fontSize:n.sm},title:{default:{color:e["neutral-90"],fontWeight:a.medium},sizes:{sm:{marginBottom:d.xs},md:{marginBottom:d.sm}}},danger:i("red"),warning:i("orange"),info:i("blue"),success:i("green"),beige:{backgroundColor:e["beige-20"],borderColor:e["beige-20"],color:e["beige-80"]},sizes:{sm:{padding:d.lg},md:{padding:d.xl}}}},er=o=>{const{colors:r,fontWeights:e,toRem:n}=o;return{sizes:{sm:n(20),md:n(30),lg:n(40),xl:n(50),xxl:n(60)},text:{color:r["neutral-90"],fontWeight:e.bold}}},or=o=>{const{colors:r,fontWeights:e,space:n,texts:a,toRem:l}=o;return{default:{...a.xs,fontWeight:e.medium},variants:{default:{color:r["beige-70"],backgroundColor:r["beige-30"]},primary:{color:r["neutral-90"],backgroundColor:r["primary-40"]}},disabled:{default:{color:r["beige-40"],backgroundColor:r["beige-20"]},primary:{color:r["primary-80"],backgroundColor:r["primary-50"]}},sizes:{sm:{padding:n.xxs,height:l(16),borderRadius:l(14)},md:{padding:n.xs,height:l(20),borderRadius:l(14)}}}},tr=o=>{const{colors:r,space:e,texts:n}=o;return{list:{...n["subtitle-sm"],padding:`${e.sm} 0`},item:{default:{color:r["neutral-50"],textDecoration:"none"},hover:{color:r["neutral-70"]},active:{color:r["neutral-70"]}},separator:{padding:`0 ${e.xs}`,color:r["neutral-50"]}}},nr=o=>{const{colors:r,focus:e,fontWeights:n,radii:a,space:l,texts:d,toRem:i}=o,s={...d.xs,color:r["neutral-10"],fontWeight:n.bold,letterSpacing:0,borderRadius:a.md};return{primary:{...s,color:o.colors["neutral-90"],backgroundColor:r["primary-40"],borderColor:r["primary-40"]},secondary:{...s,backgroundColor:r["neutral-90"],borderColor:r["neutral-90"]},tertiary:{...s,color:r["neutral-90"],backgroundColor:"transparent",borderColor:r["neutral-90"]},ghost:{...s,color:r["neutral-90"],backgroundColor:"transparent",borderColor:"transparent"},danger:{primary:{color:r["neutral-10"],backgroundColor:r["red-70"],borderColor:r["red-70"]},tertiary:{backgroundColor:"transparent",color:r["red-80"],borderColor:r["red-80"]},ghost:{color:r["red-80"],backgroundColor:"transparent",borderColor:"transparent"}},hover:{primary:{backgroundColor:r["primary-30"],borderColor:r["primary-30"]},secondary:{backgroundColor:r["neutral-70"],borderColor:"transparent"},tertiary:{backgroundColor:p.hexToRGBA(r["neutral-90"],.1)},ghost:{backgroundColor:p.hexToRGBA(r["neutral-90"],.1)},danger:{primary:{backgroundColor:r["red-60"],borderColor:r["red-60"]},tertiary:{backgroundColor:r["red-10"]},ghost:{backgroundColor:r["red-10"]}}},focus:{primary:{...e(r["primary-20"])},secondary:{...e(r["neutral-40"])},tertiary:{...e(r["neutral-40"])},ghost:{...e(r["neutral-40"])},danger:{primary:{...e(r["red-40"])},tertiary:{...e(r["red-40"])},ghost:{...e(r["red-40"])}}},active:{primary:{backgroundColor:r["primary-10"],borderColor:r["primary-10"]},secondary:{backgroundColor:r["neutral-50"],borderColor:r["neutral-50"]},tertiary:{backgroundColor:p.hexToRGBA(r["neutral-90"],.4)},ghost:{backgroundColor:p.hexToRGBA(r["neutral-90"],.4)},danger:{primary:{backgroundColor:r["red-50"],borderColor:r["red-50"]},tertiary:{backgroundColor:r["red-20"]},ghost:{backgroundColor:r["red-20"]}}},disabled:{...s,color:r["beige-70"],backgroundColor:r["beige-40"],borderColor:r["beige-40"],"&:focus":{...e(r["beige-10"])}},sizes:{xs:{height:i(24),padding:`${l.xs} ${l.sm}`},sm:{height:i(32),padding:`${l.sm} ${l.md}`},md:{...d.sm,fontWeight:n.bold,height:i(40),padding:`${l.sm} ${l.lg}`},lg:{...d.sm,fontWeight:n.bold,height:i(48),padding:`${l.md} ${l.xl}`}},icon:{only:{xs:i(16),sm:i(16),md:i(16),lg:i(24)},default:{xs:i(12),sm:i(16),md:i(16),lg:i(16)}}}},ar=o=>{const{borderWidths:r,colors:e}=o;return{default:{backgroundColor:e["neutral-10"],borderStyle:"solid",borderWidth:r.sm,borderColor:e["neutral-30"]}}},lr=o=>{const{colors:r,fontWeights:e}=o;return{item:{selected:{color:r["neutral-90"],fontWeight:e.bold,backgroundColor:r["primary-40"],outline:"none"},today:{color:r["neutral-90"],fontWeight:e.bold}}}},ir=o=>{const{colors:r,radii:e,toRem:n}=o;return{default:{width:n(16),height:n(16),flexShrink:0,borderRadius:e.sm},disabled:{borderColor:r["beige-60"]},checked:{color:r["neutral-90"],backgroundColor:r["primary-40"],borderColor:r["primary-40"]}}},dr=o=>{const{colors:r,space:e,toRem:n}=o;return{backdrop:{backgroundColor:r.overlay,zIndex:999},default:{zIndex:999},closeButton:{},title:{margin:0,backgroundColor:r["neutral-10"],padding:`${e.xl} ${e["5xl"]} ${e.xl} ${e.xl}`},content:{padding:`${e.xl}`},footer:{backgroundColor:r["neutral-10"],padding:`${e.xl}`},sizes:{horizontal:{sm:{width:n(400)},md:{width:n(550)},lg:{width:n(680)}},vertical:{sm:{height:n(400)},md:{height:n(550)},lg:{height:n(680)}}}}},sr=o=>{const{colors:r,fontSizes:e,radii:n,toRem:a}=o,l=r["beige-30"];return{inner:{fontSize:e.sm,minWidth:a(130),borderRadius:n.md},item:{backgroundColor:"transparent",color:r["beige-70"],"&:hover":{backgroundColor:r["beige-30"],color:r["neutral-90"]},"&:focus":{backgroundColor:r["beige-30"],color:r["neutral-90"]},"&[disabled]":{backgroundColor:"transparent",color:r["beige-40"],cursor:"not-allowed"}},separator:{backgroundColor:l}}},cr=o=>{const{colors:r,toRem:e}=o;return{default:{minHeight:e(200),borderStyle:"dashed"},dragAccept:{},dragReject:{},disabled:{backgroundColor:r["beige-30"]}}},gr=o=>{const{colors:r,texts:e}=o;return{default:{...e.xs,color:r["neutral-60"]},danger:{color:r["red-70"]},success:{color:r["green-70"]},warning:{color:r["orange-70"]}}},ur=o=>{const{colors:r,fontSizes:e,fontWeights:n}=o;return{color:r["neutral-60"],fontSize:e.sm,fontWeight:n.medium}},br=o=>{const{colors:r,fontWeights:e,icons:n,space:a,transitions:l}=o;return{default:{color:r["neutral-90"],fontWeight:e.medium,transition:l.medium},withExternalLink:{backgroundSize:`calc(100% - ${n.sm} - ${a.sm}) 50%`},disabled:{color:r["neutral-50"],backgroundImage:`linear-gradient(0deg, ${r["neutral-30"]}, ${r["neutral-30"]} 100%)`},primary:{default:{},hover:{}},secondary:{default:{backgroundImage:`linear-gradient(0deg, ${r["neutral-90"]}, ${r["neutral-90"]} 100%)`},hover:{color:r["neutral-10"]}}}},mr=({toRem:o})=>({xs:o(8),sm:o(10),md:o(15),lg:o(20)}),hr=({toRem:o})=>({xs:o(12),sm:o(16),md:o(24),lg:o(32),xl:o(48),xxl:o(64)}),pr=o=>{const{colors:r,radii:e,space:n,toRem:a}=o;return{backdrop:{backgroundColor:r.overlay,zIndex:999},default:{zIndex:999,borderRadius:e.md},header:{backgroundColor:r["neutral-10"],borderTopLeftRadius:e.md,borderTopRightRadius:e.md,paddingTop:n.xxl,paddingRight:n["3xl"],paddingBottom:n.xxl,paddingLeft:n.xxl,subtitle:{color:r["neutral-70"],variant:"sm",margin:0}},body:{color:r["neutral-90"],paddingRight:n["3xl"],paddingBottom:n.xxl,paddingLeft:n.xxl},footer:{backgroundColor:r["neutral-10"],borderTop:`solid ${r["neutral-30"]}`,borderBottomLeftRadius:e.md,borderBottomRightRadius:e.md,children:{paddingRight:n.xxl,paddingLeft:n.xxl,paddingTop:n.lg,paddingBottom:n.xl},information:{backgroundColor:r["beige-20"],paddingRight:n.xxl,paddingLeft:n.xxl,paddingTop:n.xl,paddingBottom:n.xxl}},gutter:a(32),sizes:{xs:{width:a(320)},sm:{width:a(450)},md:{width:a(600)},lg:{width:a(730)},auto:{}},cover:{}}},fr=o=>{const{colors:r,focus:e,fontSizes:n,fontWeights:a,toRem:l}=o;return{default:{width:l(32),height:l(32),color:r["neutral-90"],fontWeight:a.bold,fontSize:n.xs},item:{"&:hover, &:focus":{backgroundColor:r["neutral-30"]},"&:focus":{...e(r["neutral-60"])}},active:{backgroundColor:r["neutral-90"],color:r["neutral-10"],"&:hover, &:focus":{backgroundColor:r["neutral-90"]}},disabled:{backgroundColor:r["beige-40"],color:r["beige-70"]}}},xr=o=>{const{borderWidths:r,colors:e,space:n,texts:a,toRem:l}=o;return{default:{...a.sm,backgroundColor:e["neutral-90"],color:e["neutral-10"],maxWidth:l(700),zIndex:1},content:{display:"block",padding:n.md},title:{...a.h6,padding:`${n.md} ${n.md} ${n.xs}`,color:e["neutral-10"],borderBottomColor:e["neutral-70"],borderBottomWidth:r.sm,borderBottomStyle:"solid"}}},Cr=o=>{const{colors:r,toRem:e}=o;return{default:{width:e(16),height:e(16)},checked:{color:r["neutral-90"],borderColor:r["primary-40"]},checkedCenteredColor:{default:r["primary-40"],disabled:r["beige-60"]}}},yr=o=>{const{colors:r}=o;return{default:{"&:hover":{backgroundColor:r["beige-30"]}},checked:{backgroundColor:r["primary-40"],color:o.colors["neutral-90"],borderColor:r["primary-40"],"&:hover":{backgroundColor:r["primary-30"]}}}},kr=o=>{const{borderWidths:r,colors:e}=o;return{default:{backgroundColor:e["beige-40"],backgroundImage:`linear-gradient(${e["primary-40"]}, ${e["primary-40"]})`},selector:{backgroundColor:e["neutral-90"],borderRadius:"50%",border:`${r.md} solid`,disabled:{backgroundColor:e["beige-60"]}},output:{tooltip:{backgroundColor:e["neutral-90"],border:`${r.sm} solid ${e["neutral-70"]}}`,color:e["neutral-10"]}},focused:{outline:`${r.md} solid ${e["primary-40"]}`,disabled:{outline:"none"}},disabled:{backgroundImage:`linear-gradient(${e["beige-60"]}, ${e["beige-60"]})`},rangeInput:{disabled:{backgroundColor:e["beige-60"]}}}},Fr=o=>{const{colors:r}=o;return{navigation:{bullet:{active:{backgroundColor:r["primary-40"]},default:{backgroundColor:r["beige-40"]}}}}},wr=o=>{const{borderWidths:r,colors:e,fontWeights:n,space:a}=o;return{th:{color:e["neutral-60"],fontWeight:n.medium,textAlign:"left",borderBottomColor:e["neutral-90"],borderBottomWidth:r.sm,borderBottomStyle:"solid"},td:{textAlign:"left",padding:a.xl},tr:{default:{borderBottomColor:e["neutral-30"],borderBottomWidth:r.sm,borderBottomStyle:"solid"},danger:{backgroundColor:e["red-10"],color:e["red-70"]},warning:{backgroundColor:e["orange-10"],color:e["orange-80"]},info:{backgroundColor:e["blue-10"],color:e["blue-70"]},success:{backgroundColor:e["green-10"],color:e["green-70"]},clickable:{cursor:"pointer"}}}},$r=o=>{const{borderWidths:r,colors:e,fontSizes:n,fontWeights:a,lineHeights:l,space:d}=o;return{tabsBorder:{horizontal:{boxShadow:`inset 0 -${r.sm} 0 ${e["neutral-30"]}`},vertical:{boxShadow:`inset -${r.sm} 0 0 ${e["neutral-30"]}`}},item:{default:{color:e["neutral-70"],fontWeight:a.medium,textDecoration:"none",lineHeight:l.md},active:{color:e["neutral-90"]},focus:{color:e["neutral-90"]},disabled:{color:e["neutral-50"]},size:{sm:{fontSize:n.sm},md:{fontSize:n.md}}},panel:{vertical:{"&:focus":{outline:"none"}},horizontal:{marginTop:d.xl,"&:focus":{outline:"none"}}},activeBar:{horizontal:{background:e["primary-40"],height:r.md},vertical:{background:e["primary-40"],width:r.md}},icon:{maxWidth:d.lg,maxHeight:d.lg},badge:{maxHeight:d.lg}}},vr=o=>{const{colors:r,fontSizes:e,fontWeights:n,radii:a,space:l,toRem:d}=o,i={xs:d(20),sm:d(24),md:d(32)},s=u=>({backgroundColor:r[`${u}-10`],color:r[`${u}-90`]}),t=u=>({backgroundColor:r[`${u}-20`]}),g=u=>({backgroundColor:r[`${u}-${u==="green"?"30":"40"}`],color:r["neutral-90"]}),b=u=>({backgroundColor:r[`${u}-${u==="green"?"40":"50"}`]});return{default:{fontWeight:n.medium,borderRadius:a.md},variants:{default:{backgroundColor:r["beige-20"],color:r["beige-90"]},primary:{color:o.colors["neutral-90"],backgroundColor:r["primary-40"]},success:s("green"),danger:s("red"),warning:s("orange"),info:s("blue"),teal:g("teal"),blue:g("blue"),orange:g("orange"),pink:g("pink"),green:g("green"),violet:g("violet")},hover:{default:{backgroundColor:r["beige-30"]},primary:{backgroundColor:r["primary-50"]},success:t("green"),danger:t("red"),warning:t("orange"),info:t("blue"),teal:b("teal"),blue:b("blue"),orange:b("orange"),pink:b("pink"),green:b("green"),violet:b("violet")},sizes:{xs:{padding:`${l.xxs} ${l.xs}`,height:i.xs,fontSize:e.xs,gap:l.xs,borderRadius:a.sm},sm:{padding:`${l.xs} ${l.sm}`,height:i.sm,fontSize:e.xs,gap:l.xs},md:{padding:`${l.xs} ${l.sm}`,height:i.md,fontSize:e.sm,gap:l.sm}},icon:{xs:d(12),sm:d(12),md:d(16)},shape:{xs:{width:i.xs,height:i.xs},sm:{width:i.sm,height:i.sm},md:{width:i.md,height:i.md}}}},Wr=o=>{const{space:r,toRem:e}=o;return{minHeight:e(130),padding:r.md}},Sr=(o,r)=>{const{toEm:e,toRem:n}=r,a=n;return{h0:a(65),h1:a(45),h2:a(36),h3:a(26),h4:a(20),h5:a(16),h6:a(14),lg:a(18),md:a(16),sm:a(14),"subtitle-md":a(13),"subtitle-sm":a(11),xs:a(12)}},Tr=({defaultLineHeight:o,toRem:r})=>({html:o,h0:r(72),h1:r(48),h2:r(40),h3:r(32),h4:r(24),h5:r(18),h6:r(16),lg:r(24),md:r(18),sm:r(18),xs:r(14),"subtitle-md":o,"subtitle-sm":o}),Dr={regular:400,medium:500,bold:600},Br=({defaultLetterSpacing:o,toRem:r})=>({html:o,h0:r(-1.7),h1:r(-1.2),h2:r(-1),h3:r(-.9),h4:r(-.6),h5:r(-.5),h6:r(-.5),lg:o,md:o,sm:o,xs:r(-.2),"subtitle-md":r(-.2),"subtitle-sm":r(-.2)}),zr=o=>{const{fontWeights:r}=o;return{h0:r.bold,h1:r.bold,h2:r.bold,h3:r.bold,h4:r.bold,h5:r.bold,h6:r.bold,lg:r.regular,md:r.regular,sm:r.regular,"subtitle-md":r.bold,"subtitle-sm":r.medium,xs:r.regular}},Ar=o=>{const{fonts:r}=o;return{h0:r.headings,h1:r.headings,h2:r.headings,h3:r.headings,h4:r.headings,h5:r.headings,h6:r.headings,"subtitle-md":r.headings,"subtitle-sm":r.headings}},Rr=()=>({"subtitle-md":"uppercase","subtitle-sm":"uppercase"}),Er=o=>{const{colors:r}=o;return{h0:r["neutral-90"],h1:r["neutral-90"],h2:r["neutral-90"],h3:r["neutral-90"],h4:r["neutral-90"],h5:r["neutral-90"],h6:r["neutral-90"]}},D=o=>{const{fontSizes:r,letterSpacings:e,lineHeights:n,textsFontColors:a,textsFontFamily:l,textsFontWeights:d,textsTextTransform:i}=o;return Object.keys(r).reduce((s,t)=>({...s,[t]:{color:a[t],fontFamily:l[t]||void 0,fontWeight:d[t],fontSize:r[t],lineHeight:n[t]||n.lg,letterSpacing:e[t]||void 0,textTransform:i[t]||void 0}}),{})},_r=(o,r,e)=>({texts:[o,"sans-serif"].join(", "),headings:[r,"sans-serif"].join(", "),icons:e}),Lr=o=>{const{borderWidths:r,colors:e,fontWeights:n,radii:a,space:l}=o;return{default:{paddingLeft:l.sm,paddingRight:l.sm},top:{paddingTop:l.lg},bottom:{paddingBottom:l.lg},growls:{default:{...D(o).sm,borderWidth:r.sm,borderStyle:"solid",borderRadius:a.lg,maxWidth:340},title:{fontWeight:n.bold,color:e["neutral-90"]}},snackbar:{default:{borderRadius:a.lg},separator:{default:{borderLeft:"1px solid",borderLeftColor:e["neutral-30"]},danger:{borderLeftColor:e["red-20"]},warning:{borderLeftColor:e["orange-20"]},info:{borderLeftColor:e["blue-30"]},success:{borderLeftColor:e["green-30"]}}}}},Ir="0.32rem !important",Hr="0.12rem ! important",Ur=o=>{const{borderWidths:r,colors:e,focus:n,toRem:a}=o;return{item:{default:{backgroundColor:e["neutral-10"],borderColor:e["neutral-30"],borderWidth:r.sm,borderStyle:"solid",borderRadius:a(16),"&:focus":{borderColor:e["primary-30"],...n(e["primary-30"])}},sizes:{xs:{width:a(28),height:a(16),marginTop:Ir},sm:{width:a(36),height:a(20),marginTop:Hr},md:{width:a(44),height:a(24),marginTop:"0 !important"}},checked:{backgroundColor:e["primary-40"],borderColor:e["primary-40"]},disabled:{borderColor:e["beige-60"],backgroundColor:e["beige-40"]}},after:{default:{backgroundColor:e["neutral-10"],borderColor:e["neutral-50"],borderWidth:r.sm,borderStyle:"solid",borderRadius:"50%"},checked:{backgroundColor:e["neutral-10"],borderColor:e["neutral-10"]},disabled:{borderColor:"transparent",backgroundColor:e["beige-60"]},sizes:{xs:{width:a(12),height:a(12)},sm:{width:a(16),height:a(16)},md:{width:a(20),height:a(20)}}},icon:{position:{xs:{left:"2px",right:"2px"},sm:{left:"4px",right:"4px"},md:{left:"4px",right:"4px"}},sizes:{xs:{width:a(10),height:a(10),fontSize:a(10)},sm:{width:a(12),height:a(12),fontSize:a(12)},md:{width:a(16),height:a(16),fontSize:a(16)}}}}},Or=o=>{const{borderWidths:r,colors:e,fontSizes:n,fontWeights:a,radii:l,space:d,toRem:i}=o;return{maxWidth:i(200),backgroundColor:e["neutral-90"],color:e["neutral-10"],padding:`${d.xs} ${d.sm}`,fontSize:n.sm,fontWeight:a.medium,border:`${r.sm} solid ${e["neutral-60"]}`,borderRadius:l.md,boxSizing:"border-box"}},jr=o=>{const{colors:r}=o;return{default:{color:r["neutral-90"]},danger:{color:r["red-70"]},success:{color:r["green-60"]},warning:{color:r["orange-60"]},info:{color:r["blue-60"]}}},Nr={"beige-10":"#FBF9F7","beige-20":"#F6F3EF","beige-30":"#EAE4DE","beige-40":"#D2CBC3","beige-50":"#A7A096","beige-60":"#605B55","beige-70":"#4D4944","beige-80":"#33302D","beige-90":"#1E1C1A","blue-10":"#E0F5FF","blue-20":"#BBEAFF","blue-30":"#9BDEF7","blue-40":"#55C3E9","blue-50":"#27A5D0","blue-60":"#057AA3","blue-70":"#025A79","blue-80":"#013C50","blue-90":"#00202B","green-10":"#EAFFD4","green-20":"#D6F6B4","green-30":"#BADE94","green-40":"#9FC873","green-50":"#83AD57","green-60":"#5A8034","green-70":"#40611F","green-80":"#2A4210","green-90":"#142603","neutral-10":"#FFFFFF","neutral-20":"#F3F3F3","neutral-30":"#DEDEDE","neutral-40":"#BDBDBD","neutral-50":"#989898","neutral-60":"#585858","neutral-70":"#444444","neutral-80":"#212121","neutral-90":"#000000","orange-10":"#FFEBCE","orange-20":"#FFD495","orange-30":"#FFBB59","orange-40":"#FF9F14","orange-50":"#DB860A","orange-60":"#A6670A","orange-70":"#824F06","orange-80":"#573607","orange-90":"#382303","pink-10":"#FFEAF5","pink-20":"#FFD5EB","pink-30":"#FEB7DC","pink-40":"#F696C8","pink-50":"#E468A8","pink-60":"#C24887","pink-70":"#972962","pink-80":"#6D1142","pink-90":"#3C0725","red-10":"#FBDEDC","red-20":"#FCC7C3","red-30":"#FDB3AE","red-40":"#FF9490","red-50":"#FF6165","red-60":"#E1003A","red-70":"#A80029","red-80":"#75001A","red-90":"#450101","red-orange-10":"#FFDED0","red-orange-20":"#FFC9B2","red-orange-30":"#FFB595","red-orange-40":"#FF9868","red-orange-50":"#E67B49","red-orange-60":"#C45927","red-orange-70":"#9F4217","red-orange-80":"#6D2605","red-orange-90":"#451701","teal-10":"#D5FFFA","teal-20":"#AAF4EB","teal-30":"#6DE1D2","teal-40":"#00C7AE","teal-50":"#01AA95","teal-60":"#008070","teal-70":"#00544A","teal-80":"#003D35","teal-90":"#00211D","violet-10":"#F2F2FF","violet-20":"#E0E0FF","violet-30":"#C9C9FF","violet-40":"#ACACFF","violet-50":"#9080F0","violet-60":"#7958D6","violet-70":"#593CAC","violet-80":"#422A86","violet-90":"#1F0E51","yellow-10":"#FFF8D9","yellow-20":"#FFF1B2","yellow-30":"#FFE166","yellow-40":"#FFCD00","yellow-50":"#E5B800","yellow-60":"#B69200","yellow-70":"#846A01","yellow-80":"#604D00","yellow-90":"#423500"},B=o=>({...o,"primary-10":o["yellow-10"],"primary-20":o["yellow-20"],"primary-30":o["yellow-30"],"primary-40":o["yellow-40"],"primary-50":o["yellow-50"],"primary-60":o["yellow-60"],"primary-70":o["yellow-70"],"primary-80":o["yellow-80"],"primary-90":o["yellow-90"],"secondary-blue":o["blue-40"],"secondary-green":o["green-30"],"secondary-orange":o["red-orange-40"],"secondary-pink":o["pink-40"],"secondary-teal":o["teal-40"],"secondary-violet":o["violet-40"],overlay:"rgba(0, 0, 0, 0.55)"}),k=B(Nr),Pr=Object.keys(k).reduce((o,r)=>{if(r.startsWith("secondary-")||r==="overlay")return o;const e=100-Number(r.slice(-2)),n=r.slice(0,r.length-2);return{...o,[r]:k[`${n}${e}`]}},{}),Gr={...k,...B(Pr)},Mr={colors:Gr},Kr="f19d0de47a5f6f7446d37111f075c0901835bf12",qr=o=>({"welcome-font":[{url:`${o.fontsUrl}/welcome-font-regular`,weight:"400"},{url:`${o.fontsUrl}/welcome-font-medium`,weight:"500"},{url:`${o.fontsUrl}/welcome-font-bold`,weight:"600"},{url:`${o.fontsUrl}/welcome-font-regular-italic`,style:"italic",weight:"400"},{url:`${o.fontsUrl}/welcome-font-medium-italic`,style:"italic",weight:"500"},{url:`${o.fontsUrl}/welcome-font-bold-italic`,style:"italic",weight:"600"}],"welcome-icon-font":[{url:`${o.fontsUrl}/icon-font/${Kr}/welcome-icon-font`,display:"block"}],"work-sans":[{url:`${o.fontsUrl}/work-sans-variable`,isVariable:!0,stretch:"75% 125%",weight:"100 1000"}]}),C={primary:"ease",secondary:"linear",tertiary:"cubic-bezier(0.41, 0.094, 0.54, 0.07)"},Yr={slow:`500ms ${C.tertiary}`,medium:`300ms ${C.primary}`,fast:`100ms ${C.secondary}`},Jr=({colors:o})=>({default:y.css`
|
|
2
2
|
background-image: linear-gradient(
|
|
3
3
|
0deg,
|
|
4
|
-
${
|
|
5
|
-
${
|
|
4
|
+
${o["primary-40"]},
|
|
5
|
+
${o["primary-40"]} 100%
|
|
6
6
|
);
|
|
7
7
|
background-repeat: no-repeat;
|
|
8
8
|
background-size: 100% 50%;
|
|
@@ -11,8 +11,8 @@
|
|
|
11
11
|
background-position-y 250ms,
|
|
12
12
|
background-size 250ms,
|
|
13
13
|
color 250ms;
|
|
14
|
-
`,hover:
|
|
14
|
+
`,hover:y.css`
|
|
15
15
|
opacity: 1;
|
|
16
16
|
background-position-y: 100%;
|
|
17
17
|
background-size: 100% 100%;
|
|
18
|
-
`}),
|
|
18
|
+
`}),Xr=o=>({none:"0",sm:o.toRem(2),md:o.toRem(4),lg:o.toRem(8),xl:o.toRem(16),xxl:o.toRem(24),full:"100%"}),Zr={sm:"1px",md:"2px",lg:"3px"},Qr={xs:0,sm:480,md:736,lg:980,xl:1280,xxl:1440,"3xl":1620,"4xl":1920},Vr={sm:"1px 2px 4px 0 rgba(0,0,0,0.05)",md:"3px 4px 10px 0 rgba(0,0,0,0.07)"},re=o=>({xxs:o.toRem(2),xs:o.toRem(4),sm:o.toRem(8),md:o.toRem(12),lg:o.toRem(16),xl:o.toRem(24),xxl:o.toRem(32),"3xl":o.toRem(48),"4xl":o.toRem(64),"5xl":o.toRem(96),"6xl":o.toRem(128),"7xl":o.toRem(192)}),ee=o=>({backgroundColor:o.colors["primary-40"],color:o.colors["neutral-90"]}),oe=({colors:o})=>{function r(e=o["primary-40"]){return{boxShadow:`0 0 0 2px ${e}`}}return r},te=o=>{const{borderWidths:r,colors:e,focus:n,fontSizes:a,fontWeights:l,radii:d,space:i,toRem:s}=o;return{default:{color:e["neutral-90"],fontSize:a.sm,lineHeight:"1rem",fontWeight:l.regular,backgroundColor:e["neutral-10"],borderColor:e["neutral-30"],borderWidth:r.sm,borderStyle:"solid",outline:"none",borderRadius:d.md},hover:{default:{borderColor:e["neutral-40"]},transparency:{borderColor:e["neutral-20"]}},variants:{danger:{borderColor:e["red-70"]},success:{borderColor:e["green-60"]},warning:{borderColor:e["orange-60"]}},focused:{default:{...n(e["primary-20"]),borderColor:e["primary-40"]},danger:{...n(e["red-30"])},warning:{...n(e["orange-20"])},success:{...n(e["green-30"])}},sizes:{xs:{height:s(24),paddingTop:i.xs,paddingRight:i.sm,paddingBottom:i.xs,paddingLeft:i.sm},sm:{height:s(32),paddingTop:i.sm,paddingRight:i.md,paddingBottom:i.sm,paddingLeft:i.md},md:{height:s(40),paddingTop:i.md,paddingRight:i.md,paddingBottom:i.md,paddingLeft:i.md},lg:{height:s(48),paddingTop:i.lg,paddingRight:i.md,paddingBottom:i.lg,paddingLeft:i.md}},iconPlacement:{xs:{left:s(8),right:s(8)},sm:{left:s(12),right:s(12)},md:{left:s(12),right:s(12)},lg:{left:s(12),right:s(12)}},checkableField:{checked:{color:"neutral-90"},disabled:{opacity:.4}},disabled:{backgroundColor:e["beige-40"],color:e["beige-70"],cursor:"not-allowed"},placeholder:{color:e["neutral-50"]},checkablelabel:{default:{},checked:{color:e["neutral-90"],"-webkit-text-stroke":"0.04em"}},select:{default:{maxHeight:s(155),borderRadius:d.md},existing:{color:e["beige-40"],cursor:"not-allowed"},highlighted:{backgroundColor:e["beige-20"],cursor:"default"},selectedAndHighlighted:{backgroundImage:"linear-gradient(0deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08) 100%)"},selected:{color:e["neutral-90"],fontWeight:l.bold},disabled:{color:e["beige-60"],cursor:"not-allowed"}},fieldset:{"border-width":"0"}}},ne="work-sans",ae=16,le="-0.019rem",ie=1.15,de="https://cdn.welcome-ui.com/fonts",se="welcome-font",ce="welcome-icon-font",ge=(o={})=>{const{defaultFontFamily:r=ne,defaultFontSize:e=ae,defaultLetterSpacing:n=le,defaultLineHeight:a=ie,fontsUrl:l=de,headingFontFamily:d=se,iconFontFamily:i=ce,...s}=o;let t={};return t.transformers={...y.rpxTransformers},t.toEm=g=>`${g/e}em`,t.toRem=g=>`${g/e}rem`,t.toPx=g=>`${g*e}px`,t.colors=k,t.fontsUrl=l,t.fontFaces=qr(t),t.fontSizes=Sr("rem",t),t.defaultLineHeight=a,t.defaultLetterSpacing=n,t.lineHeights=Tr(t),t.fontWeights=Dr,t.letterSpacings=Br(t),t.fonts=_r(r,d,i),t.borderWidths=Zr,t.screens=Qr,t.space=re(t),t.inset=t.space,t.radii=Xr(t),t.transitions=Yr,t.timingFunction=C,t.shadows=Vr,t=v(t,s),t.selection=ee(t),t.underline=Jr(t),t.focus=oe(t),t.textsFontWeights=zr(t),t.textsFontFamily=Ar(t),t.textsFontColors=Er(t),t.textsTextTransform=Rr(),t.texts=D(t),t.defaultFields=te(t),t.icons=hr(t),t.accordions=V(t),t.alerts=rr(t),t.avatars=er(t),t.badges=or(t),t.breadcrumbs=tr(t),t.buttons=nr(t),t.cards=ar(t),t.checkboxes=ir(t),t.dateTimePickerCommon=lr(t),t.drawers=dr(t),t.dropdownMenu=sr(t),t.fileDrops=cr(t),t.hints=gr(t),t.labels=ur(t),t.links=br(t),t.loaders=mr(t),t.modals=pr(t),t.paginations=fr(t),t.popovers=xr(t),t.radios=Cr(t),t.radiosTab=yr(t),t.sliders=kr(t),t.swipers=Fr(t),t.tables=wr(t),t.tabs=$r(t),t.tags=vr(t),t.textareas=Wr(t),t.toasts=Lr(t),t.toggles=Ur(t),t.tooltips=Or(t),t.variantIcon=jr(t),t.states=y.defaultTheme.states,t=v(t,s),t};exports.createTheme=ge;exports.darkTheme=Mr;
|