@stackframe/stack 2.1.1 → 2.1.2

package/dist/components/card-frame.js

@@ -16,7 +16,7 @@ export default function CardFrame({ children, fullPage = true }) {
                 display: 'flex',
                 alignItems: 'center',
                 justifyContent: 'center'
-            }, children: _jsx(Container, { size: 360, children: children }) }));
+            }, children: _jsx(Container, { size: 350, children: children }) }));
     }
     else {
         return children;

package/dist/components/centered-card-header.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export default function CenteredCardHeader({ children, title }: {
+    children?: React.ReactNode;
+    title: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=centered-card-header.d.ts.map

package/dist/components/centered-card-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"centered-card-header.d.ts","sourceRoot":"","sources":["../../src/components/centered-card-header.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,EAAE,QAAQ,EAAE,KAAK,EAAE,EACnB;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,2CAQ9C"}

package/dist/components/centered-card-header.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CardHeader, Text } from "../components-core";
+export default function CenteredCardHeader({ children, title }) {
+    return (_jsxs(CardHeader, { style: { textAlign: 'center' }, children: [_jsx(Text, { size: "xl", as: 'h2', style: { marginBottom: '5px' }, children: title }), children] }));
+}

package/dist/components/divider-with-text.js

@@ -2,5 +2,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Divider, Text } from "../components-core";
 export default function DividerWithText({ text }) {
-    return (_jsxs("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', marginTop: '16px', marginBottom: '16px' }, children: [_jsx("div", { style: { flex: 1 }, children: _jsx(Divider, {}) }), _jsx(Text, { style: { padding: '0 16px' }, variant: "secondary", children: text }), _jsx("div", { style: { flex: 1 }, children: _jsx(Divider, {}) })] }));
+    return (_jsxs("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', marginTop: '16px', marginBottom: '16px' }, children: [_jsx("div", { style: { flex: 1 }, children: _jsx(Divider, {}) }), _jsx(Text, { style: { padding: '0 16px' }, variant: "secondary", size: 'sm', children: text }), _jsx("div", { style: { flex: 1 }, children: _jsx(Divider, {}) })] }));
 }

package/dist/components/oauth-button.js

@@ -16,7 +16,7 @@ export default function OAuthButton({ provider, type, }) {
             style = {
                 backgroundColor: '#fff',
                 name: 'Google',
-                border: Color(colors.primaryBgColor).isDark() ? undefined : '1px solid #ccc',
+                border: Color(colors.backgroundColor).isDark() ? undefined : '1px solid #ccc',
                 icon: (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: iconSize, height: iconSize, viewBox: "0 0 24 24", children: [_jsx("path", { fill: "#4285F4", d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" }), _jsx("path", { fill: "#34A853", d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" }), _jsx("path", { fill: "#FBBC05", d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" }), _jsx("path", { fill: "#EA4335", d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" }), _jsx("path", { fill: "none", d: "M1 1h22v22H1z" })] })),
             };
             break;
@@ -24,7 +24,7 @@ export default function OAuthButton({ provider, type, }) {
         case 'github': {
             style = {
                 backgroundColor: '#111',
-                border: Color(colors.primaryBgColor).isDark() ? '1px solid #666' : undefined,
+                border: Color(colors.backgroundColor).isDark() ? '1px solid #444' : undefined,
                 name: 'GitHub',
                 icon: (_jsx(FaGithub, { color: "#fff", size: iconSize })),
             };

package/dist/components/password-reset-inner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"password-reset-inner.d.ts","sourceRoot":"","sources":["../../src/components/password-reset-inner.tsx"],"names":[],"mappings":"AAeA,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,EAAE,IAAI,EAAE,QAAgB,EAAE,EAC1B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CAyFrC"}
+{"version":3,"file":"password-reset-inner.d.ts","sourceRoot":"","sources":["../../src/components/password-reset-inner.tsx"],"names":[],"mappings":"AAcA,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,EAAE,IAAI,EAAE,QAAgB,EAAE,EAC1B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CA4FrC"}

package/dist/components/password-reset-inner.js

@@ -8,7 +8,6 @@ import FormWarningText from "./form-warning";
 import RedirectMessageCard from "./redirect-message-card";
 import MessageCard from "./message-card";
 import CardFrame from "./card-frame";
-import CardHeader from "./card-header";
 import { Button, Label, Text } from "../components-core";
 import { runAsynchronously } from "@stackframe/stack-shared/dist/utils/promises";
 export default function PasswordResetInner({ code, fullPage = false }) {
@@ -51,7 +50,7 @@ export default function PasswordResetInner({ code, fullPage = false }) {
     if (resetError) {
         return (_jsx(MessageCard, { title: "Failed to reset password", fullPage: fullPage, children: _jsx(Text, { children: "Failed to reset password. Please request a new password reset link" }) }));
     }
-    return (_jsxs(CardFrame, { fullPage: fullPage, children: [_jsx(CardHeader, { title: "Reset Your Password" }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'stretch' }, children: [_jsx(Label, { htmlFor: "password", children: "New Password" }), _jsx(PasswordField, { id: "password", name: "password", value: password, onChange: (e) => {
+    return (_jsxs(CardFrame, { fullPage: fullPage, children: [_jsx("div", { style: { textAlign: 'center', marginBottom: '1.5rem' }, children: _jsx(Text, { size: "xl", as: 'h2', children: "Reset Your Password" }) }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'stretch' }, children: [_jsx(Label, { htmlFor: "password", children: "New Password" }), _jsx(PasswordField, { id: "password", name: "password", value: password, onChange: (e) => {
                             setPassword(e.target.value);
                             setPasswordError('');
                             setPasswordRepeatError('');

package/dist/components-core/button.js

@@ -5,9 +5,9 @@ import { useDesign } from "../providers/design-provider";
 import Color from 'color';
 import styled from 'styled-components';
 import { BORDER_RADIUS, FONT_FAMILY, FONT_SIZES } from "../utils/constants";
-function getColors(color, primaryBgColor) {
+function getColors(color, backgroundColor) {
     const c = Color(color);
-    const pc = Color(primaryBgColor);
+    const pc = Color(backgroundColor);
     const changeColor = (value) => {
         return c.hsl(c.hue(), c.saturationl(), c.lightness() + value).toString();
     };
@@ -108,7 +108,7 @@ const Button = React.forwardRef(({ variant = 'primary', size = 'md', loading = f
     if (props.color) {
         bgColor = props.color;
     }
-    const buttonColors = getColors(bgColor, colors.primaryBgColor);
+    const buttonColors = getColors(bgColor, colors.backgroundColor);
     return (_jsx(StyledButton, { ref: ref, "$size": size, "$bgColor": buttonColors.bgColor, "$hoverBgColor": buttonColors.hoverBgColor, "$activeBgColor": buttonColors.activeBgColor, "$textColor": buttonColors.textColor, disabled: disabled || loading, ...props, children: props.children }));
 });
 Button.displayName = 'Button';

package/dist/components-core/card.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export type CardProps = React.HTMLProps<HTMLDivElement>;
+declare const Card: React.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Card;
+//# sourceMappingURL=card.d.ts.map

package/dist/components-core/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components-core/card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;AAExD,QAAA,MAAM,IAAI,+FAUT,CAAC;AAGF,eAAe,IAAI,CAAC"}

package/dist/components-core/card.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useDesign } from "../providers/design-provider";
+import styled from 'styled-components';
+const StyledCard = styled.div `
+  border-radius: 0.75rem;
+  border: 1px solid ${props => props.borderColor};
+  background-color: ${props => props.backgroundColor};
+  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);
+  padding: 1.5rem;
+`;
+const Card = React.forwardRef((props, ref) => {
+    const { colors, colorMode } = useDesign();
+    return _jsx(StyledCard, { ref: ref, ...props, backgroundColor: colors.backgroundColor, borderColor: colors.neutralColor });
+});
+Card.displayName = "Card";
+export default Card;

package/dist/components-core/divider.d.ts

@@ -1,7 +1,6 @@
-import React from "react";
-export type DividerProps = {
-    direction?: 'horizontal' | 'vertical';
-} & React.HTMLProps<HTMLHRElement>;
-declare const Divider: React.ForwardRefExoticComponent<Omit<DividerProps, "ref"> & React.RefAttributes<HTMLHRElement>>;
+import React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+export type DividerProps = React.ComponentProps<typeof SeparatorPrimitive.Root>;
+declare const Divider: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Divider;
 //# sourceMappingURL=divider.d.ts.map

package/dist/components-core/divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../src/components-core/divider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,YAAY,GAAG;IAAE,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;AAErG,QAAA,MAAM,OAAO,iGAcZ,CAAC;AAGF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../src/components-core/divider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAIhE,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAehF,QAAA,MAAM,OAAO,6JAaX,CAAC;AAIH,eAAe,OAAO,CAAC"}

package/dist/components-core/divider.js

@@ -1,17 +1,20 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import { useDesign } from "../providers/design-provider";
-const Divider = React.forwardRef(({ direction = 'horizontal' }, ref) => {
+import React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import styled from 'styled-components';
+import { useDesign } from '..';
+const StyledDivider = styled(SeparatorPrimitive.Root) `
+  flex-shrink: 0;
+  background-color: ${props => props.$color};
+  
+  ${(props) => props.$orientation === 'horizontal'
+    ? 'height: 1px; width: 100%;'
+    : 'height: 100%; width: 1px;'}
+`;
+const Divider = React.forwardRef(({ orientation = 'horizontal', decorative = true, ...props }, ref) => {
     const { colors } = useDesign();
-    return _jsx("hr", { ref: ref, style: {
-            width: direction === 'horizontal' ? undefined : '1px',
-            height: direction === 'horizontal' ? '1px' : undefined,
-            border: 'none',
-            backgroundColor: colors.neutralColor,
-            margin: 0,
-            padding: 0,
-        } });
+    return _jsx(StyledDivider, { ref: ref, decorative: decorative, "$orientation": orientation, "$color": colors.neutralColor, ...props });
 });
-Divider.displayName = 'Divider';
+Divider.displayName = 'Separator';
 export default Divider;

package/dist/components-core/index.d.ts

@@ -6,12 +6,14 @@ import { InputProps } from './input';
 import { LabelProps } from './label';
 import { LinkProps } from './link';
 import { TextProps } from './text';
-export { ButtonProps, ContainerProps, DividerProps, InputProps, LabelProps, LinkProps, TextProps, };
+import { CardProps } from './card';
+export { ButtonProps, ContainerProps, DividerProps, InputProps, LabelProps, LinkProps, TextProps, CardProps, };
 export declare const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const Container: import("react").ForwardRefExoticComponent<Omit<ContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const Divider: import("react").ForwardRefExoticComponent<Omit<DividerProps, "ref"> & import("react").RefAttributes<HTMLHRElement>>;
+export declare const Divider: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-separator").SeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLHRElement>>;
 export declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 export declare const Label: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-label").LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
 export declare function Link(props: LinkProps): import("react/jsx-runtime").JSX.Element;
 export declare const Text: import("react").ForwardRefExoticComponent<Omit<TextProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const Card: import("react").ForwardRefExoticComponent<Omit<CardProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/components-core/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components-core/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,OAAO,EACL,WAAW,EACX,cAAc,EACd,YAAY,EACZ,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,GACV,CAAC;AAEF,eAAO,MAAM,MAAM,wHAGjB,CAAC;AAEH,eAAO,MAAM,SAAS,wHAGpB,CAAC;AAEH,eAAO,MAAM,OAAO,qHAGlB,CAAC;AAEH,eAAO,MAAM,KAAK,sHAGhB,CAAC;AAEH,eAAO,MAAM,KAAK,wMAGhB,CAAC;AAEH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,2CAGpC;AAED,eAAO,MAAM,IAAI,yHAGf,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components-core/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,OAAO,EACL,WAAW,EACX,cAAc,EACd,YAAY,EACZ,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,EACT,SAAS,GACV,CAAC;AAEF,eAAO,MAAM,MAAM,wHAGjB,CAAC;AAEH,eAAO,MAAM,SAAS,wHAGpB,CAAC;AAEH,eAAO,MAAM,OAAO,2MAGlB,CAAC;AAEH,eAAO,MAAM,KAAK,sHAGhB,CAAC;AAEH,eAAO,MAAM,KAAK,wMAGhB,CAAC;AAEH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,2CAGpC;AAED,eAAO,MAAM,IAAI,yHAGf,CAAC;AAEH,eAAO,MAAM,IAAI,mHAGf,CAAC"}

package/dist/components-core/index.js

@@ -30,3 +30,7 @@ export const Text = forwardRef((props, ref) => {
     const { Text } = useComponents();
     return _jsx(Text, { ...props, ref: ref });
 });
+export const Card = forwardRef((props, ref) => {
+    const { Card } = useComponents();
+    return _jsx(Card, { ...props, ref: ref });
+});

package/dist/components-core/label.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 export type LabelProps = React.ComponentProps<typeof LabelPrimitive.Root>;
 declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;

package/dist/components-core/label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../src/components-core/label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAexD,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAE1E,QAAA,MAAM,KAAK,yJAYV,CAAC;AAGF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../src/components-core/label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAexD,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAE1E,QAAA,MAAM,KAAK,yJAYV,CAAC;AAGF,eAAe,KAAK,CAAC"}

package/dist/components-core/label.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
+import React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import styled from 'styled-components';
 import { FONT_FAMILY, FONT_SIZES, SECONDARY_FONT_COLORS } from "../utils/constants";

package/dist/components-core-joy/card.d.ts

@@ -0,0 +1,3 @@
+import { CardProps } from "../components-core";
+export declare function Card(props: CardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=card.d.ts.map

package/dist/components-core-joy/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components-core-joy/card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,wBAAgB,IAAI,CAAC,KAAK,EAAG,SAAS,2CAOrC"}

package/dist/components-core-joy/card.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Card as JoyCard, CardContent as JoyCardContent } from '@mui/joy';
+export function Card(props) {
+    const { color, size, ref, ...validProps } = props;
+    return _jsx(JoyCard, { ...validProps, children: _jsx(JoyCardContent, { children: props.children }) });
+}

package/dist/components-core-joy/divider.js

@@ -2,6 +2,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Divider as JoyDivider } from '@mui/joy';
 export default function Divider(props) {
-    const { direction, ref, ...validProps } = props;
-    return _jsx(JoyDivider, { ...validProps, orientation: direction });
+    const { orientation, ref, ...validProps } = props;
+    return _jsx(JoyDivider, { ...validProps, orientation: orientation });
 }

package/dist/components-page/forgot-password.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"forgot-password.d.ts","sourceRoot":"","sources":["../../src/components-page/forgot-password.tsx"],"names":[],"mappings":"AAWA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,QAAc,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CA0BhF"}
+{"version":3,"file":"forgot-password.d.ts","sourceRoot":"","sources":["../../src/components-page/forgot-password.tsx"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,QAAc,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CA2BhF"}

package/dist/components-page/forgot-password.js

@@ -2,7 +2,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import ForgotPasswordElement from "../components/forgot-password";
 import CardFrame from "../components/card-frame";
-import CardHeader from "../components/card-header";
 import { useUser, useStackApp } from "..";
 import RedirectMessageCard from "../components/redirect-message-card";
 import { useState } from "react";
@@ -17,6 +16,6 @@ export default function ForgotPassword({ fullPage = false }) {
     if (sent) {
         return _jsx(RedirectMessageCard, { type: 'emailSent', fullPage: fullPage });
     }
-    return (_jsxs(CardFrame, { fullPage: fullPage, children: [_jsx(CardHeader, { title: "Reset Your Password", children: _jsxs(Text, { children: ["Don't need to reset? ", _jsx(Link, { href: stackApp.urls['signUp'], children: "Sign In" })] }) }), _jsx(ForgotPasswordElement, { onSent: () => setSent(true) })] }));
+    return (_jsxs(CardFrame, { fullPage: fullPage, children: [_jsxs("div", { style: { textAlign: 'center', marginBottom: '1.5rem' }, children: [_jsx(Text, { size: "xl", as: 'h2', children: "Reset Your Password" }), _jsxs(Text, { children: ["Don't need to reset? ", _jsx(Link, { href: stackApp.urls['signUp'], children: "Sign In" })] })] }), _jsx(ForgotPasswordElement, { onSent: () => setSent(true) })] }));
 }
 ;

package/dist/components-page/sign-in.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sign-in.d.ts","sourceRoot":"","sources":["../../src/components-page/sign-in.tsx"],"names":[],"mappings":"AAWA,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,QAAc,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CA0BxE"}
+{"version":3,"file":"sign-in.d.ts","sourceRoot":"","sources":["../../src/components-page/sign-in.tsx"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,QAAc,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CA2BxE"}

package/dist/components-page/sign-in.js

@@ -4,7 +4,6 @@ import CredentialSignIn from '../components/credential-sign-in';
 import DividerWithText from '../components/divider-with-text';
 import OAuthGroup from '../components/oauth-group';
 import CardFrame from '../components/card-frame';
-import CardHeader from '../components/card-header';
 import { useUser, useStackApp } from '..';
 import RedirectMessageCard from '../components/redirect-message-card';
 import { Link, Text } from "../components-core";
@@ -16,5 +15,5 @@ export default function SignIn({ fullPage = false }) {
         return _jsx(RedirectMessageCard, { type: 'signedIn', fullPage: fullPage });
     }
     const enableDivider = project.credentialEnabled && project.oauthProviders.filter(p => p.enabled).length > 0;
-    return (_jsxs(CardFrame, { fullPage: fullPage, children: [_jsx(CardHeader, { title: "Sign In to Your Account", children: _jsxs(Text, { children: ["Don't have an account? ", _jsx(Link, { href: stackApp.urls['signUp'], children: "Sign up" })] }) }), _jsx(OAuthGroup, { type: 'signin' }), enableDivider && _jsx(DividerWithText, { text: 'OR' }), project.credentialEnabled && _jsx(CredentialSignIn, {})] }));
+    return (_jsxs(CardFrame, { fullPage: fullPage, children: [_jsxs("div", { style: { textAlign: 'center', marginBottom: '1.5rem' }, children: [_jsx(Text, { size: "xl", as: 'h2', children: "Reset Your Password" }), _jsxs(Text, { children: ["Don't have an account? ", _jsx(Link, { href: stackApp.urls['signUp'], children: "Sign up" })] })] }), _jsx(OAuthGroup, { type: 'signin' }), enableDivider && _jsx(DividerWithText, { text: 'OR' }), project.credentialEnabled && _jsx(CredentialSignIn, {})] }));
 }

package/dist/components-page/sign-up.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sign-up.d.ts","sourceRoot":"","sources":["../../src/components-page/sign-up.tsx"],"names":[],"mappings":"AAWA,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,QAAc,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CA0BxE"}
+{"version":3,"file":"sign-up.d.ts","sourceRoot":"","sources":["../../src/components-page/sign-up.tsx"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,QAAc,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CA4BxE"}

package/dist/components-page/sign-up.js

@@ -4,7 +4,6 @@ import DividerWithText from '../components/divider-with-text';
 import OAuthGroup from '../components/oauth-group';
 import CardFrame from '../components/card-frame';
 import CredentialSignUp from '../components/credential-sign-up';
-import CardHeader from '../components/card-header';
 import { useUser, useStackApp } from '..';
 import RedirectMessageCard from '../components/redirect-message-card';
 import { Link, Text } from "../components-core";
@@ -16,5 +15,5 @@ export default function SignUp({ fullPage = false }) {
         return _jsx(RedirectMessageCard, { type: 'signedIn', fullPage: fullPage });
     }
     const enableDivider = project.credentialEnabled && project.oauthProviders.filter(p => p.enabled).length > 0;
-    return (_jsxs(CardFrame, { fullPage: fullPage, children: [_jsx(CardHeader, { title: "Create a New Account", children: _jsxs(Text, { children: ["Already have an account? ", _jsx(Link, { href: stackApp.urls['signIn'], children: "Sign in" })] }) }), _jsx(OAuthGroup, { type: 'signup' }), enableDivider && _jsx(DividerWithText, { text: 'OR' }), project.credentialEnabled && _jsx(CredentialSignUp, {})] }));
+    return (_jsxs(CardFrame, { fullPage: fullPage, children: [_jsxs("div", { style: { textAlign: 'center', marginBottom: '1.5rem' }, children: [_jsx(Text, { size: "xl", as: 'h2', children: "Create a New Account" }), _jsxs(Text, { children: ["Already have an account? ", _jsx(Link, { href: stackApp.urls['signIn'], children: "Sign in" })] })] }), _jsx(OAuthGroup, { type: 'signup' }), enableDivider && _jsx(DividerWithText, { text: 'OR' }), project.credentialEnabled && _jsx(CredentialSignUp, {})] }));
 }

package/dist/providers/component-provider.d.ts

@@ -6,6 +6,7 @@ import { InputProps } from '../components-core/input';
 import { LinkProps } from '../components-core/link';
 import { LabelProps } from '../components-core/label';
 import { TextProps } from '../components-core/text';
+import { CardProps } from '../components-core/card';
 export type Components = {
     Button: React.ComponentType<ButtonProps>;
     Container: React.ComponentType<ContainerProps>;
@@ -14,6 +15,7 @@ export type Components = {
     Label: React.ComponentType<LabelProps>;
     Link: React.ComponentType<LinkProps>;
     Text: React.ComponentType<TextProps>;
+    Card: React.ComponentType<CardProps>;
 };
 export type ComponentConfig = {
     components?: Partial<Components>;

package/dist/providers/component-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component-provider.d.ts","sourceRoot":"","sources":["../../src/providers/component-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAe,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAkB,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAgB,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAc,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAa,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAc,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAa,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAE1D,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IACzC,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IAC/C,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAC3C,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACvC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACvC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACrC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;CACtC,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;CAClC,CAAA;AAID,wBAAgB,aAAa,eAM5B;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,eAAe,2CAc7F"}
+{"version":3,"file":"component-provider.d.ts","sourceRoot":"","sources":["../../src/providers/component-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAe,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAkB,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAgB,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAc,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAa,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAc,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAa,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAa,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAE1D,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IACzC,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IAC/C,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAC3C,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACvC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACvC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACrC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACrC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;CACtC,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;CAClC,CAAA;AAID,wBAAgB,aAAa,eAM5B;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,eAAe,2CAe7F"}

package/dist/providers/component-provider.js

@@ -8,6 +8,7 @@ import Input from '../components-core/input';
 import Link from '../components-core/link';
 import Label from '../components-core/label';
 import Text from '../components-core/text';
+import Card from '../components-core/card';
 const ComponentContext = createContext(undefined);
 export function useComponents() {
     const context = useContext(ComponentContext);
@@ -25,5 +26,6 @@ export function StackComponentProvider(props) {
             Label: props.components?.Label || Label,
             Link: props.components?.Link || Link,
             Text: props.components?.Text || Text,
+            Card: props.components?.Card || Card
         }, children: props.children }));
 }

package/dist/providers/design-provider.d.ts

@@ -2,8 +2,7 @@ import React from 'react';
 type ColorPalette = {
     primaryColor: string;
     secondaryColor: string;
-    primaryBgColor: string;
-    secondaryBgColor: string;
+    backgroundColor: string;
     neutralColor: string;
 };
 type Breakpoints = {

package/dist/providers/design-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"design-provider.d.ts","sourceRoot":"","sources":["../../src/providers/design-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,KAAK,YAAY,GAAG;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,YAAY,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;CACjD,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;QAC7B,KAAK,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;KAC/B,CAAC;IACF,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CACpC,GAAG,CACF,EAAE,GACA;IACA,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;CACjD,CACF,CAAA;AAYD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,IAAI,YAAY,GAAG;IACjF,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;CACjD,CAEA;AA+BD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,YAAY,kDA6BvF;AAED,wBAAgB,SAAS,IAAI,kBAAkB,CAM9C"}
+{"version":3,"file":"design-provider.d.ts","sourceRoot":"","sources":["../../src/providers/design-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,KAAK,YAAY,GAAG;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,YAAY,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;CACjD,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;QAC7B,KAAK,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;KAC/B,CAAC;IACF,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CACpC,GAAG,CACF,EAAE,GACA;IACA,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;CACjD,CACF,CAAA;AAYD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,IAAI,YAAY,GAAG;IACjF,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;CACjD,CAEA;AA+BD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,YAAY,kDA6BvF;AAED,wBAAgB,SAAS,IAAI,kBAAkB,CAM9C"}

package/dist/providers/design-provider.js

@@ -18,14 +18,14 @@ function getColors(theme, colors) {
     return {
         dark: { ...DEFAULT_COLORS.dark, ...colors?.dark },
         light: { ...DEFAULT_COLORS.light, ...colors?.light },
-    }[theme];
+    }[theme || 'light'];
 }
 const useColorMode = (props) => {
     const { resolvedTheme: nextColorMode, setTheme: setNextColorMode } = useTheme();
     const nextColorModeValue = nextColorMode === 'dark' ? 'dark' : 'light';
     if (hasCustomColorMode(props)) {
         return [
-            props.colorMode,
+            props.colorMode === 'dark' ? 'dark' : 'light',
             props.setColorMode,
         ];
     }

package/dist/providers/joy-provider.d.ts

@@ -4,11 +4,13 @@ import Button from '../components-core-joy/button';
 import Input from '../components-core-joy/input';
 import Text from '../components-core-joy/text';
 import Divider from '../components-core-joy/divider';
+import { Card } from '../components-core-joy/card';
 export declare const defaultComponents: {
     Button: typeof Button;
     Input: typeof Input;
     Text: typeof Text;
     Divider: typeof Divider;
+    Card: typeof Card;
 };
 export declare function StackJoyTheme(props: {
     theme?: ThemeConfig;

package/dist/providers/joy-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"joy-provider.d.ts","sourceRoot":"","sources":["../../src/providers/joy-provider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAc,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE3D,OAAO,MAAM,MAAM,+BAA+B,CAAC;AACnD,OAAO,KAAK,MAAM,8BAA8B,CAAC;AACjD,OAAO,IAAI,MAAM,6BAA6B,CAAC;AAC/C,OAAO,OAAO,MAAM,gCAAgC,CAAC;AAErD,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAiBxF"}
+{"version":3,"file":"joy-provider.d.ts","sourceRoot":"","sources":["../../src/providers/joy-provider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAc,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE3D,OAAO,MAAM,MAAM,+BAA+B,CAAC;AACnD,OAAO,KAAK,MAAM,8BAA8B,CAAC;AACjD,OAAO,IAAI,MAAM,6BAA6B,CAAC;AAC/C,OAAO,OAAO,MAAM,gCAAgC,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAEnD,eAAO,MAAM,iBAAiB;;;;;;CAM7B,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAiBxF"}

package/dist/providers/joy-provider.js

@@ -6,20 +6,22 @@ import Button from '../components-core-joy/button';
 import Input from '../components-core-joy/input';
 import Text from '../components-core-joy/text';
 import Divider from '../components-core-joy/divider';
+import { Card } from '../components-core-joy/card';
 export const defaultComponents = {
     Button,
     Input,
     Text,
-    Divider
+    Divider,
+    Card,
 };
 export function StackJoyTheme(props) {
-    const { mode, setMode } = useColorScheme();
+    const { mode, systemMode, setMode } = useColorScheme();
     const mergedTheme = {
         components: {
             ...defaultComponents,
             ...props.theme?.components,
         },
-        colorMode: mode,
+        colorMode: mode === 'system' ? systemMode : mode,
         setColorMode: setMode,
         ...props.theme,
     };

package/dist/utils/constants.d.ts

@@ -26,15 +26,13 @@ export declare const DEFAULT_COLORS: {
     readonly dark: {
         readonly primaryColor: "#570df8";
         readonly secondaryColor: "#404040";
-        readonly primaryBgColor: "black";
-        readonly secondaryBgColor: "#1f1f1f";
+        readonly backgroundColor: "black";
         readonly neutralColor: "#27272a";
     };
     readonly light: {
         readonly primaryColor: "#570df8";
         readonly secondaryColor: "#e0e0e0";
-        readonly primaryBgColor: "white";
-        readonly secondaryBgColor: "#474747";
+        readonly backgroundColor: "white";
         readonly neutralColor: "#e4e4e7";
     };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/utils/constants.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;CAAqF,CAAC;AAC7G,eAAO,MAAM,YAAY;;;;;;CAAiF,CAAC;AAC3G,eAAO,MAAM,WAAW,+HAAuH,CAAC;AAChJ,eAAO,MAAM,mBAAmB;;;CAAwC,CAAC;AACzE,eAAO,MAAM,qBAAqB;;;CAA4C,CAAC;AAC/E,eAAO,MAAM,aAAa,aAAa,CAAC;AACxC,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;CAehB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/utils/constants.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;CAAqF,CAAC;AAC7G,eAAO,MAAM,YAAY;;;;;;CAAiF,CAAC;AAC3G,eAAO,MAAM,WAAW,+HAAuH,CAAC;AAChJ,eAAO,MAAM,mBAAmB;;;CAAwC,CAAC;AACzE,eAAO,MAAM,qBAAqB;;;CAA4C,CAAC;AAC/E,eAAO,MAAM,aAAa,aAAa,CAAC;AACxC,eAAO,MAAM,cAAc;;;;;;;;;;;;;CAahB,CAAC"}

package/dist/utils/constants.js

@@ -8,15 +8,13 @@ export const DEFAULT_COLORS = {
     dark: {
         primaryColor: '#570df8',
         secondaryColor: '#404040',
-        primaryBgColor: 'black',
-        secondaryBgColor: '#1f1f1f',
+        backgroundColor: 'black',
         neutralColor: '#27272a',
     },
     light: {
         primaryColor: '#570df8',
         secondaryColor: '#e0e0e0',
-        primaryBgColor: 'white',
-        secondaryBgColor: '#474747',
+        backgroundColor: 'white',
         neutralColor: '#e4e4e7',
     },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackframe/stack",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "type": "module",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",