@dishopsaas/design-system 0.0.48 → 0.0.51

package/dist/utils/theme.d.ts

@@ -0,0 +1,216 @@
+import { PaletteMode, Theme } from '@mui/material/styles';
+export declare const spacing: {
+    readonly xs: 4;
+    readonly sm: 8;
+    readonly md: 16;
+    readonly lg: 24;
+    readonly xl: 32;
+};
+export declare const borderRadius: {
+    readonly sm: 4;
+    readonly md: 8;
+    readonly lg: 12;
+    readonly xl: 16;
+    readonly xxl: 18;
+    readonly xxxl: 20;
+};
+export declare const fontSizes: {
+    readonly h1: 24;
+    readonly h2: 20;
+    readonly h3: 18;
+    readonly h4: 16;
+    readonly h5: 14;
+    readonly h6: 12;
+};
+export declare const fontFamily: {
+    mainFont: string;
+    rightGrotesk: string;
+};
+export declare const typography: {
+    fontFamily: string;
+    h1: {
+        fontFamily: string;
+        letterSpacing: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+    };
+    h2: {
+        fontFamily: string;
+        letterSpacing: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+    };
+    h3: {
+        fontFamily: string;
+        letterSpacing: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+    };
+    h4: {
+        fontFamily: string;
+        letterSpacing: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+    };
+    h5: {
+        fontFamily: string;
+        letterSpacing: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+    };
+    h6: {
+        fontFamily: string;
+        letterSpacing: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+    };
+    subtitle2: {
+        fontFamily: string;
+        letterSpacing: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+    };
+    body1: {
+        fontFamily: string;
+        letterSpacing: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+    };
+    body2: {
+        fontFamily: string;
+        letterSpacing: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+    };
+    caption: {
+        fontFamily: string;
+        letterSpacing: string;
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+    };
+    button: {
+        textTransform: "none";
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: number;
+        fontFamily: string;
+        letterSpacing: string;
+    };
+};
+export declare const baseShadows: [string, ...string[]];
+declare module '@mui/material/styles' {
+    interface Theme {
+        borderRadius: typeof borderRadius;
+    }
+    interface ThemeOptions {
+        borderRadius?: typeof borderRadius;
+    }
+    interface Palette {
+        counter: {
+            default: string;
+            defaultGradient: string;
+            selected: string;
+            selectedGradient: string;
+            error: string;
+            errorGradient: string;
+        };
+        mediumGray: string;
+        tagColors?: {
+            error: {
+                bg: string;
+                border: string;
+                text: string;
+            };
+            successLight: {
+                bg: string;
+                border: string;
+                text: string;
+            };
+            successSecondary: {
+                bg: string;
+                border: string;
+                text: string;
+            };
+            lightGray: {
+                bg: string;
+                border: string;
+                text: string;
+            };
+            white: {
+                bg: string;
+                border: string;
+                text: string;
+            };
+            yellow: {
+                bg: string;
+                border: string;
+                text: string;
+            };
+            warning: {
+                bg: string;
+                border: string;
+                text: string;
+            };
+        };
+        black: string;
+        banner: {
+            success: {
+                color: string;
+                contrast: string;
+            };
+            warning: {
+                color: string;
+                contrast: string;
+            };
+            error: {
+                color: string;
+                contrast: string;
+            };
+            info: {
+                color: string;
+                contrast: string;
+            };
+        };
+        primary: {
+            main: string;
+            light: string;
+            dark: string;
+            contrastText: string;
+        };
+        custom?: {
+            customColor: string;
+        };
+    }
+    interface PaletteOptions {
+        counter?: Partial<Palette['counter']>;
+        mediumGray?: string;
+        tagColors?: Palette['tagColors'];
+        custom?: {
+            customColor: string;
+        };
+    }
+}
+export declare const createAppTheme: (mode: PaletteMode, secondaryColor?: string) => Theme;
+export declare const useAppTheme: (mode?: PaletteMode, secondaryColor?: string) => Theme;
+export type Spacing = keyof typeof spacing;
+export type BorderRadius = keyof typeof borderRadius;
+export type FontSizes = keyof typeof fontSizes;
+export declare const lucideIconProps: {
+    display: string;
+    alignItems: string;
+    justifyContent: string;
+    marginRight: string;
+    width: string;
+    height: string;
+};
+//# sourceMappingURL=theme.d.ts.map

package/dist/utils/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/utils/theme.tsx"],"names":[],"mappings":"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"}

package/dist/utils/types.d.ts

@@ -0,0 +1,116 @@
+export type Size = 'sm' | 'md' | 'lg';
+export declare const Sizes: Size[];
+export type SmallMediumSize = 'sm' | 'md';
+export declare const SmallMediumSizes: SmallMediumSize[];
+export type Color = 'inherit' | 'primary' | 'secondary' | 'default' | 'error' | 'info' | 'success' | 'warning';
+export declare const Colors: Color[];
+export type Variant = 'text' | 'outlined' | 'contained';
+export declare const Variants: Variant[];
+export type ButtonVariant = Variant;
+export type ButtonColor = Color;
+export declare const ButtonColors: Color[];
+export type ButtonSize = Size;
+export declare const ButtonSizes: Size[];
+export type IconButtonSize = Size;
+export declare const IconButtonSizes: Size[];
+export type IconButtonColor = Color;
+export declare const IconButtonColors: Color[];
+export type TextFieldVariant = 'standard' | 'outlined' | 'filled';
+export declare const TextFieldVariants: TextFieldVariant[];
+export type TextFieldSize = SmallMediumSize;
+export declare const TextFieldSizes: SmallMediumSize[];
+export type AvatarSize = Size;
+export declare const AvatarSizes: Size[];
+export type AlertColor = 'error' | 'info' | 'success' | 'warning' | 'primary' | 'secondary';
+export declare const AlertColors: AlertColor[];
+export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'button' | 'overline' | 'srOnly' | 'inherit';
+export declare const TypographyVariants: TypographyVariant[];
+export type HorizontalPosition = 'left' | 'center' | 'right';
+export type VerticalPosition = 'top' | 'bottom';
+export interface SnackbarPosition {
+    vertical: VerticalPosition;
+    horizontal: HorizontalPosition;
+}
+export type Alignment = 'inherit' | 'left' | 'center' | 'right' | 'justify';
+export declare const Alignments: Alignment[];
+export interface PaymentMethod {
+    id: string;
+    brand: string;
+    last4: string;
+    expiresText?: string;
+    creditText?: string;
+    isDefault?: boolean;
+    logoSrc?: string;
+    disabled?: boolean;
+}
+export type PhoneFieldProps = {
+    label?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    onBlur?: () => void;
+    isPhoneIncorrect?: (isIncorrect: boolean) => void;
+    getPhoneObj?: (phoneObj: {
+        number: string;
+        countryCode: string;
+        prefix: string;
+    }) => void;
+    countryCode?: string;
+    disabled?: boolean;
+    helperText?: string;
+    error?: boolean;
+};
+export type OptionType = "radio" | "checkbox" | "multiple";
+export type ProductOptionItem = {
+    id: string;
+    label: string;
+    price?: number;
+    popular?: boolean;
+    disabled?: boolean;
+    helperText?: string;
+    image?: string;
+    description?: string;
+};
+export type ProductOptionGroup = {
+    id: string;
+    title: string;
+    subtitle?: string;
+    type: OptionType;
+    min?: number;
+    max?: number;
+    items: ProductOptionItem[];
+    selectedCountLabel?: (count: number) => string;
+};
+export type ProductDetail = {
+    id: string;
+    name: string;
+    description?: string;
+    image?: string;
+    alertTitle?: string;
+    alertMessage?: string;
+    allergens?: string;
+    priceCents?: number;
+    currency?: string;
+};
+export type SelectedOptions = Record<string, string[]>;
+export type ProductDetailModalProps = {
+    open: boolean;
+    product: ProductDetail;
+    groups?: ProductOptionGroup[];
+    value?: SelectedOptions;
+    onChange?: (next: SelectedOptions) => void;
+    quantity: number;
+    onQuantityChange: (nextQty: number) => void;
+    onClose: () => void;
+    onAddToCart: () => void;
+    ctaLabel?: string;
+    maxWidth?: number;
+    alertTitle?: string;
+    alertMessage?: string;
+};
+export type OptionGroupProps = {
+    group: ProductOptionGroup;
+    value: SelectedOptions;
+    highlightError?: boolean;
+    onChange: (next: SelectedOptions) => void;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/utils/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/utils/types.tsx"],"names":[],"mappings":"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"}

package/dist/utils/utils.d.ts

@@ -0,0 +1,45 @@
+import { ColorType, VariantType } from './constants.tsx';
+import { ButtonProps as MuiButtonProps } from '@mui/material/Button';
+import { IconName } from './icons.tsx';
+import { ImageName } from './images.tsx';
+import { ReactNode } from 'react';
+export declare const mapVariant: (variantType: VariantType | undefined) => MuiButtonProps["variant"];
+export declare const mapColor: (colorType: ColorType | undefined) => MuiButtonProps["color"];
+interface IconOptions {
+    size?: number;
+    color?: string;
+    sx?: object;
+}
+interface ImageOptions {
+    size?: number;
+    sx?: object;
+}
+export declare const getIcon: (name: IconName, options?: IconOptions) => ReactNode;
+export declare const getImageSrc: (name: ImageName) => string;
+export declare const getImage: (name: string | ImageName, options?: ImageOptions, color?: string) => ReactNode;
+export declare const clampLines: (lines?: number) => {
+    readonly display: "-webkit-box";
+    readonly WebkitLineClamp: number;
+    readonly WebkitBoxOrient: "vertical";
+    readonly overflow: "hidden";
+    readonly textOverflow: "ellipsis";
+};
+export declare const getColorDerivatives: (baseColor: string) => {
+    default: string;
+    hover: string;
+    disabledBg: string;
+    disabledText: string;
+};
+export declare const isLink: (str: string) => boolean;
+export declare const isValidPrice: (value: string | number | undefined | null) => boolean;
+export declare const TextStyled: React.FC<{
+    children: React.ReactNode;
+    variant?: "title" | "message";
+    color?: string;
+    bold?: boolean;
+}>;
+export declare const makeTitle: (text: string, imageName?: ImageName) => import("react/jsx-runtime").JSX.Element;
+export declare const makeMessage: (text: string) => import("react/jsx-runtime").JSX.Element;
+export declare const formatEuro: (amount: number) => string;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE1E,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,eAAO,MAAM,UAAU,GACrB,aAAa,WAAW,GAAG,SAAS,KACnC,cAAc,CAAC,SAAS,CAQ1B,CAAC;AAEF,eAAO,MAAM,QAAQ,GACnB,WAAW,SAAS,GAAG,SAAS,KAC/B,cAAc,CAAC,OAAO,CAcxB,CAAC;AAEF,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,UAAU,YAAY;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,OAAO,GAAI,MAAM,QAAQ,EAAE,UAAU,WAAW,KAAG,SAS/D,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,MAAM,SAAS,KAAG,MAM7C,CAAC;AACF,eAAO,MAAM,QAAQ,GAAI,MAAM,MAAM,GAAG,SAAS,EAAE,UAAU,YAAY,EAAE,QAAQ,MAAM,KAAG,SA8B3F,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,QAAO,MAAU;;;;;;CAMjC,CAAC;AAEZ,eAAO,MAAM,mBAAmB,GAAI,WAAW,MAAM;;;;;CAuDpD,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,KAAK,MAAM,YASjC,CAAC;AACF,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,KAAG,OAMxE,CAAC;AACF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAaA,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,MAAM,MAAM,EAAE,YAAY,SAAS,4CAK5D,CAAC;AAGF,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,4CAIvC,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,QAAQ,MAAM,KAAG,MAE3C,CAAC"}

package/dist/utils/validators.d.ts

@@ -0,0 +1,48 @@
+export type ValidationType = 'email' | 'password' | 'custom';
+export interface ValidationConfig {
+    type: ValidationType;
+    customValidation?: (value: string) => boolean;
+    errorMessage?: string;
+    minLength?: number;
+    maxLength?: number;
+    pattern?: RegExp;
+}
+export interface ValidationOptions {
+    type?: ValidationType;
+    customValidation?: (value: string) => boolean;
+    errorMessage?: string;
+    minLength?: number;
+    maxLength?: number;
+    pattern?: RegExp;
+}
+export declare const validations: Record<string, (value: string, config?: ValidationOptions) => boolean>;
+export declare const defaultErrorMessages: Record<string, string>;
+export declare const detectValidationType: (inputType?: string, validationOptions?: ValidationOptions) => ValidationType | undefined;
+export declare const validateField: (value: string, validationOptions?: ValidationOptions) => {
+    isValid: boolean;
+    errorMessage: string | null;
+};
+export declare const commonValidations: {
+    email: (value: string) => boolean;
+    strongPassword: (value: string) => boolean;
+    basicPassword: (value: string) => boolean;
+    username: (value: string) => boolean;
+    phone: (value: string) => boolean;
+    postalCode: (value: string) => boolean;
+    required: (value: string) => boolean;
+    minLength: (min: number) => (value: string) => boolean;
+    maxLength: (max: number) => (value: string) => boolean;
+    pattern: (regex: RegExp) => (value: string) => boolean;
+};
+export declare const commonErrorMessages: {
+    email: string;
+    strongPassword: string;
+    basicPassword: string;
+    username: string;
+    phone: string;
+    postalCode: string;
+    required: string;
+    minLength: (min: number) => string;
+    maxLength: (max: number) => string;
+};
+//# sourceMappingURL=validators.d.ts.map

package/dist/utils/validators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validators.d.ts","sourceRoot":"","sources":["../../src/utils/validators.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE7D,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,cAAc,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAGD,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,iBAAiB,KAAK,OAAO,CAe9F,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAIvD,CAAC;AAGF,eAAO,MAAM,oBAAoB,GAC/B,YAAY,MAAM,EAClB,oBAAoB,iBAAiB,KACpC,cAAc,GAAG,SAKnB,CAAC;AAGF,eAAO,MAAM,aAAa,GACxB,OAAO,MAAM,EACb,oBAAoB,iBAAiB,KACpC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;CA0BjD,CAAC;AAGF,eAAO,MAAM,iBAAiB;mBAEb,MAAM;4BAMG,MAAM;2BASP,MAAM;sBAIX,MAAM;mBAKT,MAAM;wBAMD,MAAM;sBAKR,MAAM;qBAKP,MAAM,MAAM,OAAO,MAAM;qBAKzB,MAAM,MAAM,OAAO,MAAM;qBAKzB,MAAM,MAAM,OAAO,MAAM;CAG3C,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;qBAQb,MAAM;qBACN,MAAM;CACxB,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dishopsaas/design-system",
   "private": false,
-  "version": "0.0.48",
+  "version": "0.0.51",
   "description": "Design System Dishop (React + TS + MUI) minimal with Storybook",
   "license": "MIT",
   "type": "module",
@@ -34,45 +34,37 @@
     "check:format": "prettier --check .",
     "lint": "eslint ."
   },
-  "peerDependencies": {
-    "@emotion/react": "^11",
-    "@emotion/styled": "^11",
-    "@mui/icons-material": "^7",
-    "@mui/material": "^7",
-    "react": "^18 || ^19",
-    "react-dom": "^18 || ^19"
-  },
   "devDependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@eslint/js": "^9.33.0",
-    "@mui/icons-material": "^7.3.1",
-    "@mui/material": "^7.3.5",
-    "@types/react": "^19.1.11",
-    "@types/react-dom": "^19.1.8",
-    "@vitejs/plugin-react": "^5.0.0",
-    "eslint": "^9.33.0",
+    "@eslint/js": "^9.39.1",
+    "@mui/material": "^7.3.6",
+    "@storybook/react": "^10.1.11",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.2",
+    "eslint": "^9.39.1",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.20",
-    "eslint-plugin-storybook": "10.0.8",
-    "globals": "^16.3.0",
-    "prettier": "^3.6.2",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "storybook": "^10.0.8",
-    "typescript": "~5.8.3",
-    "vite": "^7.1.2",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "eslint-plugin-storybook": "10.1.7",
+    "globals": "^16.5.0",
+    "prettier": "^3.7.4",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "storybook": "^10.1.7",
+    "typescript": "~5.9.3",
+    "vite": "^7.2.7",
     "vite-plugin-static-copy": "^3.1.4"
   },
   "engines": {
     "node": ">=22.0.0"
   },
   "dependencies": {
-    "@storybook/react-vite": "^10.0.8",
-    "@stripe/react-stripe-js": "^3.9.2",
-    "@stripe/stripe-js": "^7.9.0",
-    "lucide-react": "^0.542.0",
+    "@storybook/react-vite": "^10.1.7",
+    "@stripe/react-stripe-js": "^5.4.1",
+    "@stripe/stripe-js": "^8.5.3",
+    "lucide-react": "^0.561.0",
     "mui-tel-input": "^9.0.1",
     "react-perfect-scrollbar": "^1.5.8",
     "vite-plugin-dts": "^4.5.4"

package/dist/design-system.css

@@ -1 +0,0 @@
-.design-system-wrapper{font-family:GT America LCGV VF,sans-serif;color:#333;background-color:#fff}.design-system-wrapper h1{font-family:PP Right Grotesk Casual Variable,sans-serif;font-weight:620;font-size:24px;line-height:1.2;letter-spacing:-.02em;margin-bottom:0rem}.design-system-wrapper h2{font-family:PP Right Grotesk Casual Variable,sans-serif;font-weight:620;font-size:20px;line-height:1.25;letter-spacing:-.02em;margin-bottom:0rem}.design-system-wrapper h3{font-family:PP Right Grotesk Casual Variable,sans-serif;font-weight:620;font-size:18px;line-height:1.25;letter-spacing:-.02em;margin-bottom:0rem}.design-system-wrapper h4{font-family:PP Right Grotesk Casual Variable,sans-serif;font-weight:620;font-size:16px;line-height:1.2;letter-spacing:-.02em;margin-bottom:0rem}.design-system-wrapper h5{font-family:PP Right Grotesk Casual Variable,sans-serif;font-weight:620;font-size:14px;line-height:1.25;letter-spacing:-.02em;margin-bottom:0rem}.design-system-wrapper h6{font-family:PP Right Grotesk Casual Variable,sans-serif;font-weight:600;font-size:12px;line-height:1.25;letter-spacing:-.02em;margin-bottom:0rem}.design-system-wrapper .subtitle2{font-family:GT America LCGV VF,sans-serif;font-weight:500;font-size:14px;line-height:1.125}.design-system-wrapper .body1{font-family:GT America LCGV VF,sans-serif;font-weight:400;font-size:18px;line-height:1.25}.design-system-wrapper .body2{font-family:GT America LCGV VF,sans-serif;font-weight:400;font-size:14px;line-height:1.125}.design-system-wrapper .caption{font-family:GT America LCGV VF,sans-serif;font-weight:400;font-size:12px;line-height:1.2}.design-system-wrapper button{font-family:PP Right Grotesk Casual Variable,sans-serif;font-weight:620;font-size:14px;line-height:1.25}.design-system-wrapper .accordion{box-shadow:none;border-bottom:1px solid #E1E1E1}.design-system-wrapper .accordion-header{min-height:32px;padding:8px}.design-system-wrapper .accordion-header.expanded{border:1px solid #E1E1E1}.design-system-wrapper .accordion-header svg{width:24px;height:24px}.design-system-wrapper .list-item-icon{min-width:0!important;margin-right:15px;display:flex;align-items:center;justify-content:center;width:20px;height:20px}:root{--ds-primary-color: #1E90FF;--ds-secondary-color: #9013FE;--ds-error-color: #D6392C;--ds-success-color: #039F43;--ds-warning-color: #FFC107;--ds-info-color: #17A2B8;--ds-gray-50: #F9F9F9;--ds-gray-100: #F0F0F0;--ds-gray-200: #E0E0E0;--ds-gray-300: #CFCFCF;--ds-gray-400: #B0B0B0;--ds-gray-500: #999999;--ds-gray-600: #707070;--ds-gray-700: #2D2E2C;--ds-gray-800: #3D3D3D;--ds-gray-900: #1A1A1A}