@qasa/qds-ui 0.18.2 → 0.20.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/index.d.mts +80 -0
- package/dist/index.d.ts +80 -0
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -284,6 +284,14 @@ declare const theme: {
|
|
|
284
284
|
letterSpacing: string;
|
|
285
285
|
fontFeatureSettings: string;
|
|
286
286
|
};
|
|
287
|
+
'2xs': {
|
|
288
|
+
fontFamily: string;
|
|
289
|
+
fontWeight: string;
|
|
290
|
+
fontSize: string;
|
|
291
|
+
lineHeight: string;
|
|
292
|
+
letterSpacing: string;
|
|
293
|
+
fontFeatureSettings: string;
|
|
294
|
+
};
|
|
287
295
|
};
|
|
288
296
|
title: {
|
|
289
297
|
lg: {
|
|
@@ -494,6 +502,14 @@ declare const overrideTheme: (overrides: ThemeOverrides) => {
|
|
|
494
502
|
letterSpacing: string;
|
|
495
503
|
fontFeatureSettings: string;
|
|
496
504
|
};
|
|
505
|
+
'2xs': {
|
|
506
|
+
fontFamily: string;
|
|
507
|
+
fontWeight: string;
|
|
508
|
+
fontSize: string;
|
|
509
|
+
lineHeight: string;
|
|
510
|
+
letterSpacing: string;
|
|
511
|
+
fontFeatureSettings: string;
|
|
512
|
+
};
|
|
497
513
|
};
|
|
498
514
|
title: {
|
|
499
515
|
lg: {
|
|
@@ -1330,6 +1346,14 @@ declare const getFormFieldBaseStyles: (theme: {
|
|
|
1330
1346
|
letterSpacing: string;
|
|
1331
1347
|
fontFeatureSettings: string;
|
|
1332
1348
|
};
|
|
1349
|
+
'2xs': {
|
|
1350
|
+
fontFamily: string;
|
|
1351
|
+
fontWeight: string;
|
|
1352
|
+
fontSize: string;
|
|
1353
|
+
lineHeight: string;
|
|
1354
|
+
letterSpacing: string;
|
|
1355
|
+
fontFeatureSettings: string;
|
|
1356
|
+
};
|
|
1333
1357
|
};
|
|
1334
1358
|
title: {
|
|
1335
1359
|
lg: {
|
|
@@ -1782,6 +1806,14 @@ declare const getSizeStyles$4: (theme: {
|
|
|
1782
1806
|
letterSpacing: string;
|
|
1783
1807
|
fontFeatureSettings: string;
|
|
1784
1808
|
};
|
|
1809
|
+
'2xs': {
|
|
1810
|
+
fontFamily: string;
|
|
1811
|
+
fontWeight: string;
|
|
1812
|
+
fontSize: string;
|
|
1813
|
+
lineHeight: string;
|
|
1814
|
+
letterSpacing: string;
|
|
1815
|
+
fontFeatureSettings: string;
|
|
1816
|
+
};
|
|
1785
1817
|
};
|
|
1786
1818
|
title: {
|
|
1787
1819
|
lg: {
|
|
@@ -2240,6 +2272,14 @@ declare const getVariantStyles$1: (theme: {
|
|
|
2240
2272
|
letterSpacing: string;
|
|
2241
2273
|
fontFeatureSettings: string;
|
|
2242
2274
|
};
|
|
2275
|
+
'2xs': {
|
|
2276
|
+
fontFamily: string;
|
|
2277
|
+
fontWeight: string;
|
|
2278
|
+
fontSize: string;
|
|
2279
|
+
lineHeight: string;
|
|
2280
|
+
letterSpacing: string;
|
|
2281
|
+
fontFeatureSettings: string;
|
|
2282
|
+
};
|
|
2243
2283
|
};
|
|
2244
2284
|
title: {
|
|
2245
2285
|
lg: {
|
|
@@ -3005,6 +3045,14 @@ declare const getSizeStyles$3: (theme: {
|
|
|
3005
3045
|
letterSpacing: string;
|
|
3006
3046
|
fontFeatureSettings: string;
|
|
3007
3047
|
};
|
|
3048
|
+
'2xs': {
|
|
3049
|
+
fontFamily: string;
|
|
3050
|
+
fontWeight: string;
|
|
3051
|
+
fontSize: string;
|
|
3052
|
+
lineHeight: string;
|
|
3053
|
+
letterSpacing: string;
|
|
3054
|
+
fontFeatureSettings: string;
|
|
3055
|
+
};
|
|
3008
3056
|
};
|
|
3009
3057
|
title: {
|
|
3010
3058
|
lg: {
|
|
@@ -3424,6 +3472,14 @@ declare const getVariantStyles: (theme: {
|
|
|
3424
3472
|
letterSpacing: string;
|
|
3425
3473
|
fontFeatureSettings: string;
|
|
3426
3474
|
};
|
|
3475
|
+
'2xs': {
|
|
3476
|
+
fontFamily: string;
|
|
3477
|
+
fontWeight: string;
|
|
3478
|
+
fontSize: string;
|
|
3479
|
+
lineHeight: string;
|
|
3480
|
+
letterSpacing: string;
|
|
3481
|
+
fontFeatureSettings: string;
|
|
3482
|
+
};
|
|
3427
3483
|
};
|
|
3428
3484
|
title: {
|
|
3429
3485
|
lg: {
|
|
@@ -3962,6 +4018,14 @@ declare const getSizeStyles$2: (theme: {
|
|
|
3962
4018
|
letterSpacing: string;
|
|
3963
4019
|
fontFeatureSettings: string;
|
|
3964
4020
|
};
|
|
4021
|
+
'2xs': {
|
|
4022
|
+
fontFamily: string;
|
|
4023
|
+
fontWeight: string;
|
|
4024
|
+
fontSize: string;
|
|
4025
|
+
lineHeight: string;
|
|
4026
|
+
letterSpacing: string;
|
|
4027
|
+
fontFeatureSettings: string;
|
|
4028
|
+
};
|
|
3965
4029
|
};
|
|
3966
4030
|
title: {
|
|
3967
4031
|
lg: {
|
|
@@ -4414,6 +4478,14 @@ declare const getSizeStyles$1: (theme: {
|
|
|
4414
4478
|
letterSpacing: string;
|
|
4415
4479
|
fontFeatureSettings: string;
|
|
4416
4480
|
};
|
|
4481
|
+
'2xs': {
|
|
4482
|
+
fontFamily: string;
|
|
4483
|
+
fontWeight: string;
|
|
4484
|
+
fontSize: string;
|
|
4485
|
+
lineHeight: string;
|
|
4486
|
+
letterSpacing: string;
|
|
4487
|
+
fontFeatureSettings: string;
|
|
4488
|
+
};
|
|
4417
4489
|
};
|
|
4418
4490
|
title: {
|
|
4419
4491
|
lg: {
|
|
@@ -4835,6 +4907,14 @@ declare const getSizeStyles: (theme: {
|
|
|
4835
4907
|
letterSpacing: string;
|
|
4836
4908
|
fontFeatureSettings: string;
|
|
4837
4909
|
};
|
|
4910
|
+
'2xs': {
|
|
4911
|
+
fontFamily: string;
|
|
4912
|
+
fontWeight: string;
|
|
4913
|
+
fontSize: string;
|
|
4914
|
+
lineHeight: string;
|
|
4915
|
+
letterSpacing: string;
|
|
4916
|
+
fontFeatureSettings: string;
|
|
4917
|
+
};
|
|
4838
4918
|
};
|
|
4839
4919
|
title: {
|
|
4840
4920
|
lg: {
|
package/dist/index.d.ts
CHANGED
|
@@ -284,6 +284,14 @@ declare const theme: {
|
|
|
284
284
|
letterSpacing: string;
|
|
285
285
|
fontFeatureSettings: string;
|
|
286
286
|
};
|
|
287
|
+
'2xs': {
|
|
288
|
+
fontFamily: string;
|
|
289
|
+
fontWeight: string;
|
|
290
|
+
fontSize: string;
|
|
291
|
+
lineHeight: string;
|
|
292
|
+
letterSpacing: string;
|
|
293
|
+
fontFeatureSettings: string;
|
|
294
|
+
};
|
|
287
295
|
};
|
|
288
296
|
title: {
|
|
289
297
|
lg: {
|
|
@@ -494,6 +502,14 @@ declare const overrideTheme: (overrides: ThemeOverrides) => {
|
|
|
494
502
|
letterSpacing: string;
|
|
495
503
|
fontFeatureSettings: string;
|
|
496
504
|
};
|
|
505
|
+
'2xs': {
|
|
506
|
+
fontFamily: string;
|
|
507
|
+
fontWeight: string;
|
|
508
|
+
fontSize: string;
|
|
509
|
+
lineHeight: string;
|
|
510
|
+
letterSpacing: string;
|
|
511
|
+
fontFeatureSettings: string;
|
|
512
|
+
};
|
|
497
513
|
};
|
|
498
514
|
title: {
|
|
499
515
|
lg: {
|
|
@@ -1330,6 +1346,14 @@ declare const getFormFieldBaseStyles: (theme: {
|
|
|
1330
1346
|
letterSpacing: string;
|
|
1331
1347
|
fontFeatureSettings: string;
|
|
1332
1348
|
};
|
|
1349
|
+
'2xs': {
|
|
1350
|
+
fontFamily: string;
|
|
1351
|
+
fontWeight: string;
|
|
1352
|
+
fontSize: string;
|
|
1353
|
+
lineHeight: string;
|
|
1354
|
+
letterSpacing: string;
|
|
1355
|
+
fontFeatureSettings: string;
|
|
1356
|
+
};
|
|
1333
1357
|
};
|
|
1334
1358
|
title: {
|
|
1335
1359
|
lg: {
|
|
@@ -1782,6 +1806,14 @@ declare const getSizeStyles$4: (theme: {
|
|
|
1782
1806
|
letterSpacing: string;
|
|
1783
1807
|
fontFeatureSettings: string;
|
|
1784
1808
|
};
|
|
1809
|
+
'2xs': {
|
|
1810
|
+
fontFamily: string;
|
|
1811
|
+
fontWeight: string;
|
|
1812
|
+
fontSize: string;
|
|
1813
|
+
lineHeight: string;
|
|
1814
|
+
letterSpacing: string;
|
|
1815
|
+
fontFeatureSettings: string;
|
|
1816
|
+
};
|
|
1785
1817
|
};
|
|
1786
1818
|
title: {
|
|
1787
1819
|
lg: {
|
|
@@ -2240,6 +2272,14 @@ declare const getVariantStyles$1: (theme: {
|
|
|
2240
2272
|
letterSpacing: string;
|
|
2241
2273
|
fontFeatureSettings: string;
|
|
2242
2274
|
};
|
|
2275
|
+
'2xs': {
|
|
2276
|
+
fontFamily: string;
|
|
2277
|
+
fontWeight: string;
|
|
2278
|
+
fontSize: string;
|
|
2279
|
+
lineHeight: string;
|
|
2280
|
+
letterSpacing: string;
|
|
2281
|
+
fontFeatureSettings: string;
|
|
2282
|
+
};
|
|
2243
2283
|
};
|
|
2244
2284
|
title: {
|
|
2245
2285
|
lg: {
|
|
@@ -3005,6 +3045,14 @@ declare const getSizeStyles$3: (theme: {
|
|
|
3005
3045
|
letterSpacing: string;
|
|
3006
3046
|
fontFeatureSettings: string;
|
|
3007
3047
|
};
|
|
3048
|
+
'2xs': {
|
|
3049
|
+
fontFamily: string;
|
|
3050
|
+
fontWeight: string;
|
|
3051
|
+
fontSize: string;
|
|
3052
|
+
lineHeight: string;
|
|
3053
|
+
letterSpacing: string;
|
|
3054
|
+
fontFeatureSettings: string;
|
|
3055
|
+
};
|
|
3008
3056
|
};
|
|
3009
3057
|
title: {
|
|
3010
3058
|
lg: {
|
|
@@ -3424,6 +3472,14 @@ declare const getVariantStyles: (theme: {
|
|
|
3424
3472
|
letterSpacing: string;
|
|
3425
3473
|
fontFeatureSettings: string;
|
|
3426
3474
|
};
|
|
3475
|
+
'2xs': {
|
|
3476
|
+
fontFamily: string;
|
|
3477
|
+
fontWeight: string;
|
|
3478
|
+
fontSize: string;
|
|
3479
|
+
lineHeight: string;
|
|
3480
|
+
letterSpacing: string;
|
|
3481
|
+
fontFeatureSettings: string;
|
|
3482
|
+
};
|
|
3427
3483
|
};
|
|
3428
3484
|
title: {
|
|
3429
3485
|
lg: {
|
|
@@ -3962,6 +4018,14 @@ declare const getSizeStyles$2: (theme: {
|
|
|
3962
4018
|
letterSpacing: string;
|
|
3963
4019
|
fontFeatureSettings: string;
|
|
3964
4020
|
};
|
|
4021
|
+
'2xs': {
|
|
4022
|
+
fontFamily: string;
|
|
4023
|
+
fontWeight: string;
|
|
4024
|
+
fontSize: string;
|
|
4025
|
+
lineHeight: string;
|
|
4026
|
+
letterSpacing: string;
|
|
4027
|
+
fontFeatureSettings: string;
|
|
4028
|
+
};
|
|
3965
4029
|
};
|
|
3966
4030
|
title: {
|
|
3967
4031
|
lg: {
|
|
@@ -4414,6 +4478,14 @@ declare const getSizeStyles$1: (theme: {
|
|
|
4414
4478
|
letterSpacing: string;
|
|
4415
4479
|
fontFeatureSettings: string;
|
|
4416
4480
|
};
|
|
4481
|
+
'2xs': {
|
|
4482
|
+
fontFamily: string;
|
|
4483
|
+
fontWeight: string;
|
|
4484
|
+
fontSize: string;
|
|
4485
|
+
lineHeight: string;
|
|
4486
|
+
letterSpacing: string;
|
|
4487
|
+
fontFeatureSettings: string;
|
|
4488
|
+
};
|
|
4417
4489
|
};
|
|
4418
4490
|
title: {
|
|
4419
4491
|
lg: {
|
|
@@ -4835,6 +4907,14 @@ declare const getSizeStyles: (theme: {
|
|
|
4835
4907
|
letterSpacing: string;
|
|
4836
4908
|
fontFeatureSettings: string;
|
|
4837
4909
|
};
|
|
4910
|
+
'2xs': {
|
|
4911
|
+
fontFamily: string;
|
|
4912
|
+
fontWeight: string;
|
|
4913
|
+
fontSize: string;
|
|
4914
|
+
lineHeight: string;
|
|
4915
|
+
letterSpacing: string;
|
|
4916
|
+
fontFeatureSettings: string;
|
|
4917
|
+
};
|
|
4838
4918
|
};
|
|
4839
4919
|
title: {
|
|
4840
4920
|
lg: {
|
package/dist/index.js
CHANGED
|
@@ -69,7 +69,7 @@ If multiple caches share the same key they might "fight" for each other's style
|
|
|
69
69
|
0 0 0 2px white,
|
|
70
70
|
0 0 0 4px ${e.colors.border.defaultSelected};
|
|
71
71
|
}
|
|
72
|
-
`;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:[
|
|
72
|
+
`;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`
|
|
73
73
|
*,
|
|
74
74
|
*::before,
|
|
75
75
|
*::after {
|