@stackframe/stack 2.1.0 → 2.1.1

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

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components-core/input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC,CAAA;AA4CrH,QAAA,MAAM,KAAK,kGAiBV,CAAC;AAGF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components-core/input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC,CAAA;AA2CrH,QAAA,MAAM,KAAK,kGAgBV,CAAC;AAGF,eAAe,KAAK,CAAC"}

package/dist/components-core/input.js

@@ -9,9 +9,9 @@ const StyledInput = styled.input `
   font-size: ${FONT_SIZES.md};
   height: 2.5rem;
   border-radius: ${BORDER_RADIUS};
+  background-color: transparent;
   border: 1px solid;
   border-color: ${props => props.$borderColor};
-  background-color: ${props => props.$backgroundColor};
   padding: 0rem 1rem;
   color: ${props => props.$textColor};
   &::placeholder {
@@ -39,7 +39,7 @@ const StyledInput = styled.input `
 `;
 const Input = React.forwardRef((props, ref) => {
     const { colors, colorMode } = useDesign();
-    return (_jsx(StyledInput, { ref: ref, "$backgroundColor": colors.primaryBgColor, "$borderColor": colors.neutralColor, "$placeholderColor": SECONDARY_FONT_COLORS[colorMode], "$textColor": PRIMARY_FONT_COLORS[colorMode], "$fileSelectorColor": SECONDARY_FONT_COLORS[colorMode], "$fileSelectorButtonColor": PRIMARY_FONT_COLORS[colorMode], "$focusShadowColor": colors.primaryColor, ...props }));
+    return (_jsx(StyledInput, { ref: ref, "$borderColor": colors.neutralColor, "$placeholderColor": SECONDARY_FONT_COLORS[colorMode], "$textColor": PRIMARY_FONT_COLORS[colorMode], "$fileSelectorColor": SECONDARY_FONT_COLORS[colorMode], "$fileSelectorButtonColor": PRIMARY_FONT_COLORS[colorMode], "$focusShadowColor": colors.primaryColor, ...props }));
 });
 Input.displayName = 'Input';
 export default Input;

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

@@ -21,8 +21,8 @@ type DesignContextValue = {
 };
 export type DesignConfig = {
     colors?: {
-        dark: Partial<ColorPalette>;
-        light: Partial<ColorPalette>;
+        dark?: Partial<ColorPalette>;
+        light?: Partial<ColorPalette>;
     };
     breakpoints?: Partial<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,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;QAC5B,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;KAC9B,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;AA4BD,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,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"}

package/dist/providers/design-provider.js

@@ -15,7 +15,10 @@ export function hasCustomColorMode(config) {
     return 'colorMode' in config && 'setColorMode' in config;
 }
 function getColors(theme, colors) {
-    return { ...DEFAULT_COLORS[theme], ...colors?.[theme] };
+    return {
+        dark: { ...DEFAULT_COLORS.dark, ...colors?.dark },
+        light: { ...DEFAULT_COLORS.light, ...colors?.light },
+    }[theme];
 }
 const useColorMode = (props) => {
     const { resolvedTheme: nextColorMode, setTheme: setNextColorMode } = useTheme();

package/dist/providers/theme-provider.js

@@ -15,6 +15,6 @@ export function StackTheme({ theme, children, colorModeConfig, }) {
         let { colorMode, setColorMode } = theme;
         designProps = { colorMode, setColorMode };
     }
-    designProps = designProps || { breakpoints: theme?.breakpoints, colors: theme?.colors };
+    designProps = { breakpoints: theme?.breakpoints, colors: theme?.colors, ...designProps };
     return (_jsx(ColorModeProvider, { ...colorModeProps, children: _jsx(StyledComponentsRegistry, { children: _jsx(StackDesignProvider, { ...designProps, children: _jsx(StackComponentProvider, { ...componentProps, children: children }) }) }) }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackframe/stack",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "type": "module",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
@@ -17,8 +17,8 @@
     "@radix-ui/react-label": "^2.0.2",
     "next-themes": "^0.2.1",
     "styled-components": "^6.1.8",
-    "@stackframe/stack-shared": "2.1.0",
-    "@stackframe/stack-sc": "1.3.0"
+    "@stackframe/stack-sc": "1.3.0",
+    "@stackframe/stack-shared": "2.1.0"
   },
   "peerDependencies": {
     "next": "^14.1",