@qasa/qds-ui 0.19.0 → 0.20.0

package/dist/index.d.mts

@@ -284,6 +284,14 @@ declare const theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            '2xs': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -494,6 +502,14 @@ declare const overrideTheme: (overrides: ThemeOverrides) => {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            '2xs': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -1330,6 +1346,14 @@ declare const getFormFieldBaseStyles: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            '2xs': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -1782,6 +1806,14 @@ declare const getSizeStyles$4: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            '2xs': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -2240,6 +2272,14 @@ declare const getVariantStyles$1: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            '2xs': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -3005,6 +3045,14 @@ declare const getSizeStyles$3: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            '2xs': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -3424,6 +3472,14 @@ declare const getVariantStyles: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            '2xs': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -3962,6 +4018,14 @@ declare const getSizeStyles$2: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            '2xs': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -4414,6 +4478,14 @@ declare const getSizeStyles$1: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            '2xs': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -4835,6 +4907,14 @@ declare const getSizeStyles: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            '2xs': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {

package/dist/index.d.ts

@@ -284,6 +284,14 @@ declare const theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            '2xs': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -494,6 +502,14 @@ declare const overrideTheme: (overrides: ThemeOverrides) => {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            '2xs': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -1330,6 +1346,14 @@ declare const getFormFieldBaseStyles: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            '2xs': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -1782,6 +1806,14 @@ declare const getSizeStyles$4: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            '2xs': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -2240,6 +2272,14 @@ declare const getVariantStyles$1: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            '2xs': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -3005,6 +3045,14 @@ declare const getSizeStyles$3: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            '2xs': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -3424,6 +3472,14 @@ declare const getVariantStyles: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            '2xs': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -3962,6 +4018,14 @@ declare const getSizeStyles$2: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            '2xs': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -4414,6 +4478,14 @@ declare const getSizeStyles$1: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            '2xs': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {
@@ -4835,6 +4907,14 @@ declare const getSizeStyles: (theme: {
                 letterSpacing: string;
                 fontFeatureSettings: string;
             };
+            '2xs': {
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: string;
+                lineHeight: string;
+                letterSpacing: string;
+                fontFeatureSettings: string;
+            };
         };
         title: {
             lg: {

package/dist/index.js

@@ -69,7 +69,7 @@ If multiple caches share the same key they might "fight" for each other's style
       0 0 0 2px white,
       0 0 0 4px ${e.colors.border.defaultSelected};
   }
-`;function Qt(){return jsxRuntime.jsx(react.Global,{styles:Nr})}function N(e){return a=>e(a)}function Zt(e){return a=>e(a)}var l=e=>`${e/16}rem`;var Se=Zt(({colors:e,radii:a,typography:t,spacing:o})=>u(s({width:"100%",minWidth:0,appearance:"none",paddingLeft:o["4x"],paddingRight:o["4x"],border:`1px solid ${e.border.default}`,borderRadius:a.sm,backgroundColor:e.bg.default,color:e.text.default,WebkitTouchCallout:"none",WebkitTapHighlightColor:"transparent","&::-webkit-date-and-time-value":{textAlign:"left"},alignItems:"center"},t.body.md),{"&::placeholder":{color:e.text.disabled},"&:hover":{borderColor:e.border.defaultHover},"&:focus":{outline:0,borderColor:e.border.defaultSelected,boxShadow:`0 0 0 1px ${e.border.defaultSelected}`},'&[aria-invalid="true"]':{borderColor:e.border.negative,"&:focus":{boxShadow:`0 0 0 1px ${e.border.negative}`}},"&[disabled], &:disabled, &[data-disabled]":{opacity:.4,borderColor:e.border.default},transitionProperty:"opacity, border-color, box-shadow",transitionDuration:"120ms",transitionTimingFunction:"ease"}));var Ma={base:0,sm:480,md:768,lg:1024,xl:1280,"2xl":1536};var I={black:"#000000",white:"#ffffff",gray90:"#26261D",gray80:"#424236",gray70:"#545448",gray60:"#78786C",gray50:"#A3A396",gray40:"#D6D6CD",gray30:"#E5E5DF",gray20:"#F0F0EB",gray10:"#F9F9F6",pink:"#FF84B6",uiPink:"#FF99C2",uiPinkDark:"#FF84B6",uiPinkLight:"#FFA3C8",brown:"#342620",brownDark:"#2A1E1A",brownLight:"#3C2F29",offWhite:"#F0F0EB",offWhiteDark:"#E0E0D6",offWhiteLight:"#F6F6F3",softPink:"#FFE8F0",warmYellow:"#FFD66C",softYellow:"#FFF8CC",red90:"#8A1100",red80:"#A81400",red70:"#C21700",red60:"#DE1B00",red50:"#EF452E",red40:"#F47E6E",red30:"#F8B2A8",red20:"#FAD8D4",red10:"#FEF3F1",green90:"#00661D",green80:"#007D23",green70:"#009029",green60:"#00A62F",green50:"#30B757",green40:"#66CA82",green30:"#A1DEB2",green20:"#D1EFDA",green10:"#F5FBF7",blue90:"#00288E",blue80:"#0039CC",blue70:"#0045F6",blue60:"#3370FF",blue50:"#578FFF",blue40:"#80AEFF",blue30:"#BDD7FF",blue20:"#DBEBFF",blue10:"#F0F7FF",yellow90:"#9B6D00",yellow80:"#C58B00",yellow70:"#E29F00",yellow60:"#F3AB00",yellow50:"#F5B92B",yellow40:"#F7C652",yellow30:"#F9D682",yellow20:"#FBE6B2",yellow10:"#FEF7E5",blackAlpha5:"rgba(0, 0, 0, 0.05)",blackAlpha20:"rgba(0, 0, 0, 0.2)"},_t={core:I,bg:{default:I.white,brandPrimary:I.uiPink,brandPrimaryHover:I.uiPinkLight,brandPrimaryActive:I.uiPinkDark,brandSecondary:I.brown,brandSecondaryHover:I.brownLight,brandSecondaryActive:I.brownDark,brandTertiary:I.offWhite,brandTertiaryHover:I.offWhiteLight,brandTertiaryActive:I.offWhiteDark,negative:I.red60,warning:I.yellow60,positive:I.green60,inset:I.gray10,backdrop:I.blackAlpha20},text:{strong:I.black,default:I.brown,subtle:I.gray60,disabled:I.gray50,negative:I.red60,warning:I.yellow90,positive:I.green70,onBrandPrimary:I.brown,onBrandSecondary:I.offWhite,onBrandTertiary:I.brown},icon:{default:I.brown,strong:I.black,subtle:I.gray60,disabled:I.gray50,negative:I.red60,warning:I.yellow70,positive:I.green70,onBrandPrimary:I.brown,onBrandSecondary:I.offWhite,onBrandTertiary:I.brown},border:{default:I.gray30,defaultHover:I.gray40,defaultSelected:I.brown,strong:I.gray40,subtle:I.gray20,negative:I.red60,warning:I.yellow60,positive:I.green60}};var Oa={"0x":l(0),"1x":l(4),"2x":l(8),"3x":l(12),"4x":l(16),"5x":l(20),"6x":l(24),"8x":l(32),"10x":l(40),"12x":l(48),"14x":l(56),"16x":l(64),"20x":l(80),"24x":l(96)};var Jt={hide:-1,auto:"auto",base:0,docked:10,dropdown:1e3,sticky:1100,banner:1200,overlay:1300,modal:1400,popover:1500,skipLink:1600,toast:1700,tooltip:1800};var jt=u(s({},Oa),{112:l(112),128:l(128),144:l(144),160:l(160),176:l(176),192:l(192),224:l(224),256:l(256),288:l(288),320:l(320),384:l(384),448:l(448),512:l(512),576:l(576),672:l(672),768:l(768),896:l(896),1024:l(1024)});var Yt={none:"0px","2xs":"6px",xs:"8px",sm:"12px",md:"16px",lg:"24px",xl:"32px","2xl":"48px",full:"9999px"};var eo={none:"none",sm:"0px 0.9px 2.1px 0px rgba(0, 0, 0, 0.0197), 0px 2.1px 5px 0px rgba(0, 0, 0, 0.0283), 0px 3.9px 9.4px 0px rgba(0, 0, 0, 0.035)",md:"0px 0.9px 2.1px 0px rgba(0, 0, 0, 0.0197), 0px 2.1px 5px 0px rgba(0, 0, 0, 0.0283), 0px 3.9px 9.4px 0px rgba(0, 0, 0, 0.035), 0px 7px 16.8px 0px rgba(0, 0, 0, 0.0417)",lg:"0px 0.9px 2.1px 0px rgba(0, 0, 0, 0.0197), 0px 2.1px 5px 0px rgba(0, 0, 0, 0.0283), 0px 3.9px 9.4px 0px rgba(0, 0, 0, 0.035), 0px 7px 16.8px 0px rgba(0, 0, 0, 0.0417), 0px 13px 31.3px 0px rgba(0, 0, 0, 0.0503)",xl:"0px 0.9px 2.1px 0px rgba(0, 0, 0, 0.0197), 0px 2.1px 5px 0px rgba(0, 0, 0, 0.0283), 0px 3.9px 9.4px 0px rgba(0, 0, 0, 0.035), 0px 7px 16.8px 0px rgba(0, 0, 0, 0.0417), 0px 13px 31.3px 0px rgba(0, 0, 0, 0.0503), 0px 31px 75px 0px rgba(0, 0, 0, 0.07)"};var M={display:["var(--font-family-display)","Helvetica","-apple-system","BlinkMacSystemFont","Roboto",'"Helvetica Neue"',"sans-serif"].join(","),sans:["var(--font-family-sans)","Helvetica","-apple-system","BlinkMacSystemFont","Roboto",'"Helvetica Neue"',"sans-serif"].join(",")},ao={display:{"3xl":{fontFamily:M.display,fontWeight:"700",fontSize:l(80),lineHeight:l(80),letterSpacing:"-0.06em",fontFeatureSettings:"'ss05' on"},"2xl":{fontFamily:M.display,fontWeight:"700",fontSize:l(72),lineHeight:l(72),letterSpacing:"-0.06em",fontFeatureSettings:"'ss05' on"},xl:{fontFamily:M.display,fontWeight:"700",fontSize:l(64),lineHeight:l(64),letterSpacing:"-0.05em",fontFeatureSettings:"'ss05' on"},lg:{fontFamily:M.display,fontWeight:"700",fontSize:l(56),lineHeight:l(56),letterSpacing:"-0.05em",fontFeatureSettings:"'ss05' on"},md:{fontFamily:M.display,fontWeight:"700",fontSize:l(48),lineHeight:l(48),letterSpacing:"-0.04em",fontFeatureSettings:"'ss05' on"},sm:{fontFamily:M.display,fontWeight:"700",fontSize:l(40),lineHeight:l(44),letterSpacing:"-0.04em",fontFeatureSettings:"'ss05' on"},xs:{fontFamily:M.display,fontWeight:"700",fontSize:l(32),lineHeight:l(36),letterSpacing:"-0.03em",fontFeatureSettings:"'ss05' on"}},title:{lg:{fontFamily:M.sans,fontWeight:"700",fontSize:l(32),lineHeight:l(36),letterSpacing:"-0.02em"},md:{fontFamily:M.sans,fontWeight:"700",fontSize:l(24),lineHeight:l(28),letterSpacing:"-0.02em"},sm:{fontFamily:M.sans,fontWeight:"700",fontSize:l(20),lineHeight:l(24),letterSpacing:"-0.02em"},xs:{fontFamily:M.sans,fontWeight:"700",fontSize:l(18),lineHeight:l(22),letterSpacing:"-0.015em"},"2xs":{fontFamily:M.sans,fontWeight:"700",fontSize:l(16),lineHeight:l(20),letterSpacing:"-0.01em"},"3xs":{fontFamily:M.sans,fontWeight:"700",fontSize:l(14),lineHeight:l(18),letterSpacing:"-0.005em"}},body:{xl:{fontFamily:M.sans,fontWeight:"400",fontSize:l(20),lineHeight:l(28),letterSpacing:"-0.02em"},lg:{fontFamily:M.sans,fontWeight:"400",fontSize:l(18),lineHeight:l(26),letterSpacing:"-0.02em"},md:{fontFamily:M.sans,fontWeight:"400",fontSize:l(16),lineHeight:l(24),letterSpacing:"-0.01em"},sm:{fontFamily:M.sans,fontWeight:"400",fontSize:l(14),lineHeight:l(20),letterSpacing:"-0.01em"},xs:{fontFamily:M.sans,fontWeight:"400",fontSize:l(12),lineHeight:l(16),letterSpacing:"0"}},label:{md:{fontFamily:M.sans,fontWeight:"500",fontSize:l(16),lineHeight:l(20),letterSpacing:"-0.02em"},sm:{fontFamily:M.sans,fontWeight:"500",fontSize:l(14),lineHeight:l(18),letterSpacing:"-0.01em"}},button:{md:{fontFamily:M.sans,fontWeight:"700",fontSize:l(16),lineHeight:l(18),letterSpacing:"-0.01em"},sm:{fontFamily:M.sans,fontWeight:"700",fontSize:l(14),lineHeight:l(16),letterSpacing:"-0.01em"}},caption:{md:{fontFamily:M.sans,fontWeight:"700",fontSize:l(12),lineHeight:l(12),letterSpacing:"0"},sm:{fontFamily:M.sans,fontWeight:"700",fontSize:l(10),lineHeight:l(10),letterSpacing:"0"}}};var ue={spacing:Oa,breakpoints:Ma,zIndices:Jt,colors:_t,sizes:jt,radii:Yt,shadows:eo,typography:ao};var $r={smUp:`@media(min-width: ${ue.breakpoints.sm}px)`,mdUp:`@media(min-width: ${ue.breakpoints.md}px)`,lgUp:`@media(min-width: ${ue.breakpoints.lg}px)`,xlUp:`@media(min-width: ${ue.breakpoints.xl}px)`,"2xlUp":`@media(min-width: ${ue.breakpoints["2xl"]}px)`},K=u(s({},ue),{mediaQueries:$r});var Ha=e=>Object.keys(e);var Kr=e=>{let a=Object.assign({},K.typography);return Ha(a).forEach(t=>{let o=e[t];if(o){let r=a[t];Ha(r).forEach(d=>{r[d].fontFamily=o.fontFamily||r[d].fontFamily,r[d].fontWeight=o.fontWeight||r[d].fontWeight;});}}),a},to=(e,a)=>{let t=Object.assign({},e);return Ha(a).forEach(o=>{typeof a[o]=="object"?t[o]=to(t[o],a[o]):t[o]=a[o];}),t},oo=e=>{let a=K.typography,t=K.colors;return e.typography&&(a=Kr(e.typography)),e.colors&&(t=to(K.colors,e.colors)),u(s({},K),{typography:a,colors:t})};var _r=react.css`
+`;function Qt(){return jsxRuntime.jsx(react.Global,{styles:Nr})}function N(e){return a=>e(a)}function Zt(e){return a=>e(a)}var l=e=>`${e/16}rem`;var Se=Zt(({colors:e,radii:a,typography:t,spacing:o})=>u(s({width:"100%",minWidth:0,appearance:"none",paddingLeft:o["4x"],paddingRight:o["4x"],border:`1px solid ${e.border.default}`,borderRadius:a.sm,backgroundColor:e.bg.default,color:e.text.default,WebkitTouchCallout:"none",WebkitTapHighlightColor:"transparent","&::-webkit-date-and-time-value":{textAlign:"left"},alignItems:"center"},t.body.md),{"&::placeholder":{color:e.text.disabled},"&:hover":{borderColor:e.border.defaultHover},"&:focus":{outline:0,borderColor:e.border.defaultSelected,boxShadow:`0 0 0 1px ${e.border.defaultSelected}`},'&[aria-invalid="true"]':{borderColor:e.border.negative,"&:focus":{boxShadow:`0 0 0 1px ${e.border.negative}`}},"&[disabled], &:disabled, &[data-disabled]":{opacity:.4,borderColor:e.border.default},transitionProperty:"opacity, border-color, box-shadow",transitionDuration:"120ms",transitionTimingFunction:"ease"}));var Ma={base:0,sm:480,md:768,lg:1024,xl:1280,"2xl":1536};var I={black:"#000000",white:"#ffffff",gray90:"#26261D",gray80:"#424236",gray70:"#545448",gray60:"#78786C",gray50:"#A3A396",gray40:"#D6D6CD",gray30:"#E5E5DF",gray20:"#F0F0EB",gray10:"#F9F9F6",pink:"#FF84B6",uiPink:"#FF99C2",uiPinkDark:"#FF84B6",uiPinkLight:"#FFA3C8",brown:"#342620",brownDark:"#2A1E1A",brownLight:"#3C2F29",offWhite:"#F0F0EB",offWhiteDark:"#E0E0D6",offWhiteLight:"#F6F6F3",softPink:"#FFE8F0",warmYellow:"#FFD66C",softYellow:"#FFF8CC",red90:"#8A1100",red80:"#A81400",red70:"#C21700",red60:"#DE1B00",red50:"#EF452E",red40:"#F47E6E",red30:"#F8B2A8",red20:"#FAD8D4",red10:"#FEF3F1",green90:"#00661D",green80:"#007D23",green70:"#009029",green60:"#00A62F",green50:"#30B757",green40:"#66CA82",green30:"#A1DEB2",green20:"#D1EFDA",green10:"#F5FBF7",blue90:"#00288E",blue80:"#0039CC",blue70:"#0045F6",blue60:"#3370FF",blue50:"#578FFF",blue40:"#80AEFF",blue30:"#BDD7FF",blue20:"#DBEBFF",blue10:"#F0F7FF",yellow90:"#9B6D00",yellow80:"#C58B00",yellow70:"#E29F00",yellow60:"#F3AB00",yellow50:"#F5B92B",yellow40:"#F7C652",yellow30:"#F9D682",yellow20:"#FBE6B2",yellow10:"#FEF7E5",blackAlpha5:"rgba(0, 0, 0, 0.05)",blackAlpha20:"rgba(0, 0, 0, 0.2)"},_t={core:I,bg:{default:I.white,brandPrimary:I.uiPink,brandPrimaryHover:I.uiPinkLight,brandPrimaryActive:I.uiPinkDark,brandSecondary:I.brown,brandSecondaryHover:I.brownLight,brandSecondaryActive:I.brownDark,brandTertiary:I.offWhite,brandTertiaryHover:I.offWhiteLight,brandTertiaryActive:I.offWhiteDark,negative:I.red60,warning:I.yellow60,positive:I.green60,inset:I.gray10,backdrop:I.blackAlpha20},text:{strong:I.black,default:I.brown,subtle:I.gray60,disabled:I.gray50,negative:I.red60,warning:I.yellow90,positive:I.green70,onBrandPrimary:I.brown,onBrandSecondary:I.offWhite,onBrandTertiary:I.brown},icon:{default:I.brown,strong:I.black,subtle:I.gray60,disabled:I.gray50,negative:I.red60,warning:I.yellow70,positive:I.green70,onBrandPrimary:I.brown,onBrandSecondary:I.offWhite,onBrandTertiary:I.brown},border:{default:I.gray30,defaultHover:I.gray40,defaultSelected:I.brown,strong:I.gray40,subtle:I.gray20,negative:I.red60,warning:I.yellow60,positive:I.green60}};var Oa={"0x":l(0),"1x":l(4),"2x":l(8),"3x":l(12),"4x":l(16),"5x":l(20),"6x":l(24),"8x":l(32),"10x":l(40),"12x":l(48),"14x":l(56),"16x":l(64),"20x":l(80),"24x":l(96)};var Jt={hide:-1,auto:"auto",base:0,docked:10,dropdown:1e3,sticky:1100,banner:1200,overlay:1300,modal:1400,popover:1500,skipLink:1600,toast:1700,tooltip:1800};var jt=u(s({},Oa),{112:l(112),128:l(128),144:l(144),160:l(160),176:l(176),192:l(192),224:l(224),256:l(256),288:l(288),320:l(320),384:l(384),448:l(448),512:l(512),576:l(576),672:l(672),768:l(768),896:l(896),1024:l(1024)});var Yt={none:"0px","2xs":"6px",xs:"8px",sm:"12px",md:"16px",lg:"24px",xl:"32px","2xl":"48px",full:"9999px"};var eo={none:"none",sm:"0px 0.9px 2.1px 0px rgba(0, 0, 0, 0.0197), 0px 2.1px 5px 0px rgba(0, 0, 0, 0.0283), 0px 3.9px 9.4px 0px rgba(0, 0, 0, 0.035)",md:"0px 0.9px 2.1px 0px rgba(0, 0, 0, 0.0197), 0px 2.1px 5px 0px rgba(0, 0, 0, 0.0283), 0px 3.9px 9.4px 0px rgba(0, 0, 0, 0.035), 0px 7px 16.8px 0px rgba(0, 0, 0, 0.0417)",lg:"0px 0.9px 2.1px 0px rgba(0, 0, 0, 0.0197), 0px 2.1px 5px 0px rgba(0, 0, 0, 0.0283), 0px 3.9px 9.4px 0px rgba(0, 0, 0, 0.035), 0px 7px 16.8px 0px rgba(0, 0, 0, 0.0417), 0px 13px 31.3px 0px rgba(0, 0, 0, 0.0503)",xl:"0px 0.9px 2.1px 0px rgba(0, 0, 0, 0.0197), 0px 2.1px 5px 0px rgba(0, 0, 0, 0.0283), 0px 3.9px 9.4px 0px rgba(0, 0, 0, 0.035), 0px 7px 16.8px 0px rgba(0, 0, 0, 0.0417), 0px 13px 31.3px 0px rgba(0, 0, 0, 0.0503), 0px 31px 75px 0px rgba(0, 0, 0, 0.07)"};var M={display:["var(--font-family-display)","Helvetica","-apple-system","BlinkMacSystemFont","Roboto",'"Helvetica Neue"',"sans-serif"].join(","),sans:["var(--font-family-sans)","Helvetica","-apple-system","BlinkMacSystemFont","Roboto",'"Helvetica Neue"',"sans-serif"].join(",")},ao={display:{"3xl":{fontFamily:M.display,fontWeight:"700",fontSize:l(80),lineHeight:l(80),letterSpacing:"-0.06em",fontFeatureSettings:"'ss05' on"},"2xl":{fontFamily:M.display,fontWeight:"700",fontSize:l(72),lineHeight:l(72),letterSpacing:"-0.06em",fontFeatureSettings:"'ss05' on"},xl:{fontFamily:M.display,fontWeight:"700",fontSize:l(64),lineHeight:l(64),letterSpacing:"-0.05em",fontFeatureSettings:"'ss05' on"},lg:{fontFamily:M.display,fontWeight:"700",fontSize:l(56),lineHeight:l(56),letterSpacing:"-0.05em",fontFeatureSettings:"'ss05' on"},md:{fontFamily:M.display,fontWeight:"700",fontSize:l(48),lineHeight:l(48),letterSpacing:"-0.04em",fontFeatureSettings:"'ss05' on"},sm:{fontFamily:M.display,fontWeight:"700",fontSize:l(40),lineHeight:l(44),letterSpacing:"-0.04em",fontFeatureSettings:"'ss05' on"},xs:{fontFamily:M.display,fontWeight:"700",fontSize:l(32),lineHeight:l(36),letterSpacing:"-0.03em",fontFeatureSettings:"'ss05' on"},"2xs":{fontFamily:M.display,fontWeight:"700",fontSize:l(28),lineHeight:l(32),letterSpacing:"-0.03em",fontFeatureSettings:"'ss05' on"}},title:{lg:{fontFamily:M.sans,fontWeight:"700",fontSize:l(32),lineHeight:l(36),letterSpacing:"-0.02em"},md:{fontFamily:M.sans,fontWeight:"700",fontSize:l(24),lineHeight:l(28),letterSpacing:"-0.02em"},sm:{fontFamily:M.sans,fontWeight:"700",fontSize:l(20),lineHeight:l(24),letterSpacing:"-0.02em"},xs:{fontFamily:M.sans,fontWeight:"700",fontSize:l(18),lineHeight:l(22),letterSpacing:"-0.015em"},"2xs":{fontFamily:M.sans,fontWeight:"700",fontSize:l(16),lineHeight:l(20),letterSpacing:"-0.01em"},"3xs":{fontFamily:M.sans,fontWeight:"700",fontSize:l(14),lineHeight:l(18),letterSpacing:"-0.005em"}},body:{xl:{fontFamily:M.sans,fontWeight:"400",fontSize:l(20),lineHeight:l(28),letterSpacing:"-0.02em"},lg:{fontFamily:M.sans,fontWeight:"400",fontSize:l(18),lineHeight:l(26),letterSpacing:"-0.02em"},md:{fontFamily:M.sans,fontWeight:"400",fontSize:l(16),lineHeight:l(24),letterSpacing:"-0.01em"},sm:{fontFamily:M.sans,fontWeight:"400",fontSize:l(14),lineHeight:l(20),letterSpacing:"-0.01em"},xs:{fontFamily:M.sans,fontWeight:"400",fontSize:l(12),lineHeight:l(16),letterSpacing:"0"}},label:{md:{fontFamily:M.sans,fontWeight:"500",fontSize:l(16),lineHeight:l(20),letterSpacing:"-0.02em"},sm:{fontFamily:M.sans,fontWeight:"500",fontSize:l(14),lineHeight:l(18),letterSpacing:"-0.01em"}},button:{md:{fontFamily:M.sans,fontWeight:"700",fontSize:l(16),lineHeight:l(18),letterSpacing:"-0.01em"},sm:{fontFamily:M.sans,fontWeight:"700",fontSize:l(14),lineHeight:l(16),letterSpacing:"-0.01em"}},caption:{md:{fontFamily:M.sans,fontWeight:"700",fontSize:l(12),lineHeight:l(12),letterSpacing:"0"},sm:{fontFamily:M.sans,fontWeight:"700",fontSize:l(10),lineHeight:l(10),letterSpacing:"0"}}};var ue={spacing:Oa,breakpoints:Ma,zIndices:Jt,colors:_t,sizes:jt,radii:Yt,shadows:eo,typography:ao};var $r={smUp:`@media(min-width: ${ue.breakpoints.sm}px)`,mdUp:`@media(min-width: ${ue.breakpoints.md}px)`,lgUp:`@media(min-width: ${ue.breakpoints.lg}px)`,xlUp:`@media(min-width: ${ue.breakpoints.xl}px)`,"2xlUp":`@media(min-width: ${ue.breakpoints["2xl"]}px)`},K=u(s({},ue),{mediaQueries:$r});var Ha=e=>Object.keys(e);var Kr=e=>{let a=Object.assign({},K.typography);return Ha(a).forEach(t=>{let o=e[t];if(o){let r=a[t];Ha(r).forEach(d=>{r[d].fontFamily=o.fontFamily||r[d].fontFamily,r[d].fontWeight=o.fontWeight||r[d].fontWeight;});}}),a},to=(e,a)=>{let t=Object.assign({},e);return Ha(a).forEach(o=>{typeof a[o]=="object"?t[o]=to(t[o],a[o]):t[o]=a[o];}),t},oo=e=>{let a=K.typography,t=K.colors;return e.typography&&(a=Kr(e.typography)),e.colors&&(t=to(K.colors,e.colors)),u(s({},K),{typography:a,colors:t})};var _r=react.css`
   *,
   *::before,
   *::after {