sesame-components-testing 2.0.10 → 2.0.12

package/dist/Basic.d.ts

@@ -0,0 +1 @@
+export declare const Basic: import("react/jsx-runtime").JSX.Element;

package/dist/Basic.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Basic = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+exports.Basic = (0, jsx_runtime_1.jsx)("div", { style: { backgroundColor: 'green' }, children: "Basic" });

package/dist/index.d.ts

@@ -2,3 +2,4 @@ export * from './SesameComponent';
 export * from './Button/Button';
 export * from './Icon';
 export * from './theme';
+export * from './Basic';

package/dist/index.js

@@ -18,3 +18,4 @@ __exportStar(require("./SesameComponent"), exports);
 __exportStar(require("./Button/Button"), exports);
 __exportStar(require("./Icon"), exports);
 __exportStar(require("./theme"), exports);
+__exportStar(require("./Basic"), exports);

package/dist/theme/ThemeProvider.js

@@ -7,9 +7,9 @@ const react_2 = require("react");
 const getSizedTheme_1 = require("./sizes/getSizedTheme");
 const useBreakpointSize_1 = require("./useBreakpointSize");
 const useSizedTheme = (theme, defaultSize) => {
-    const size = (0, useBreakpointSize_1.useBreakpointSize)();
+    const size = (0, useBreakpointSize_1.useBreakpointSize)(defaultSize);
     return (0, react_2.useMemo)(() => {
-        return (0, getSizedTheme_1.getSizedTheme)(theme, size, defaultSize);
+        return (0, getSizedTheme_1.getSizedTheme)(theme, size);
     }, [size, theme, defaultSize]);
 };
 const ThemeProvider = ({ theme, defaultSize, children }) => {

package/dist/theme/sizes/getSizedTheme.d.ts

@@ -1,3 +1,3 @@
 import type { Breakpoint, BreakpointSize, Theme } from '../types';
 export type UnsizedTheme = Omit<Theme, keyof Breakpoint>;
-export declare const getSizedTheme: (theme: Theme | UnsizedTheme, size?: BreakpointSize, defaultSize?: BreakpointSize) => Theme;
+export declare const getSizedTheme: (theme: Theme | UnsizedTheme, size: BreakpointSize) => Theme;

package/dist/theme/sizes/getSizedTheme.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getSizedTheme = void 0;
-const getSizedTheme = (theme, size, defaultSize = 'large') => {
-    const breakpoint = theme.breakpoints[size !== null && size !== void 0 ? size : defaultSize];
+const getSizedTheme = (theme, size) => {
+    const breakpoint = theme.breakpoints[size];
     return Object.assign(Object.assign({}, theme), breakpoint);
 };
 exports.getSizedTheme = getSizedTheme;

package/dist/theme/useBreakpointSize.d.ts

@@ -1,3 +1,3 @@
 type BreakpointSize = 'small' | 'medium' | 'large';
-export declare const useBreakpointSize: () => BreakpointSize;
+export declare const useBreakpointSize: (defaultSize?: BreakpointSize) => BreakpointSize;
 export {};

package/dist/theme/useBreakpointSize.js

@@ -9,12 +9,12 @@ const getBreakpointSize = (width) => {
         return 'medium';
     return 'small';
 };
-const useBreakpointSize = () => {
+const useBreakpointSize = (defaultSize = 'large') => {
     const [breakpointSize, setBreakpointSize] = (0, react_1.useState)(() => {
         if (typeof window !== 'undefined') {
             return getBreakpointSize(window.innerWidth);
         }
-        return 'large';
+        return defaultSize;
     });
     (0, react_1.useEffect)(() => {
         const handleResize = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sesame-components-testing",
-  "version": "2.0.10",
+  "version": "2.0.12",
   "description": "A reusable npm component package.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",