sesame-components-testing 2.0.5 → 2.0.7

package/dist/Button/Button.styles.js

@@ -1,5 +1,4 @@
 "use strict";
-'use client';
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/Common/FlexCenter.js

@@ -1,5 +1,4 @@
 "use strict";
-'use client';
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/SesameComponent/SesameComponent.styles.js

@@ -1,5 +1,4 @@
 "use strict";
-'use client';
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/index.d.ts

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

package/dist/index.js

@@ -17,3 +17,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./SesameComponent"), exports);
 __exportStar(require("./Button/Button"), exports);
 __exportStar(require("./Icon"), exports);
+__exportStar(require("./theme"), exports);

package/dist/theme/ThemeProvider.d.ts

@@ -1,7 +1,8 @@
 import { type FC, type ReactNode } from 'react';
-import type { Theme } from './types';
+import type { BreakpointSize, Theme } from './types';
 export interface ThemeProviderProps {
     theme: Theme;
+    defaultSize?: BreakpointSize;
     children: ReactNode;
 }
 export declare const ThemeProvider: FC<ThemeProviderProps>;

package/dist/theme/ThemeProvider.js

@@ -6,14 +6,14 @@ const react_1 = require("@emotion/react");
 const react_2 = require("react");
 const getSizedTheme_1 = require("./sizes/getSizedTheme");
 const useBreakpointSize_1 = require("./useBreakpointSize");
-const useSizedTheme = (theme) => {
+const useSizedTheme = (theme, defaultSize) => {
     const size = (0, useBreakpointSize_1.useBreakpointSize)();
     return (0, react_2.useMemo)(() => {
-        return (0, getSizedTheme_1.getSizedTheme)(theme, size);
-    }, [size, theme]);
+        return (0, getSizedTheme_1.getSizedTheme)(theme, size, defaultSize);
+    }, [size, theme, defaultSize]);
 };
-const ThemeProvider = ({ theme, children }) => {
-    const sizedTheme = useSizedTheme(theme);
+const ThemeProvider = ({ theme, defaultSize, children }) => {
+    const sizedTheme = useSizedTheme(theme, defaultSize);
     return (0, jsx_runtime_1.jsx)(react_1.ThemeProvider, { theme: sizedTheme, children: children });
 };
 exports.ThemeProvider = ThemeProvider;

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) => Theme;
+export declare const getSizedTheme: (theme: Theme | UnsizedTheme, size?: BreakpointSize, defaultSize?: 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) => {
-    const breakpoint = theme.breakpoints[size !== null && size !== void 0 ? size : 'large'];
+const getSizedTheme = (theme, size, defaultSize = 'large') => {
+    const breakpoint = theme.breakpoints[size !== null && size !== void 0 ? size : defaultSize];
     return Object.assign(Object.assign({}, theme), breakpoint);
 };
 exports.getSizedTheme = getSizedTheme;

package/package.json

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

package/dist/SesameComponent.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-export interface SesameComponentProps {
-    message?: string;
-}
-export declare const SesameComponent: React.FC<SesameComponentProps>;

package/dist/SesameComponent.js

@@ -1,17 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SesameComponent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_1 = __importDefault(require("@emotion/styled"));
-const StyledDiv = styled_1.default.div `
-    background-color: red;
-    font-weight: bold;
-    font-size: 33px;
-`;
-const SesameComponent = ({ message = "Hello, Sesame!" }) => {
-    return (0, jsx_runtime_1.jsx)(StyledDiv, { children: message });
-};
-exports.SesameComponent = SesameComponent;