sesame-components-testing 2.0.8 → 2.0.11

package/dist/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import type { ButtonHTMLAttributes, FC, ReactNode } from 'react';
-import type { Theme } from '../theme';
+import { Theme } from '../theme/types';
 export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'error' | 'success' | 'keypad';
 export type ButtonSize = keyof Theme['height']['button']['posButton'];
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {

package/dist/Icon/createIcon.d.ts

@@ -1,6 +1,6 @@
 import { type StyledComponent } from '@emotion/styled';
 import { type ComponentType, type SVGProps } from 'react';
-import type { Theme } from '../theme';
+import { Theme } from '../theme/types';
 export type IconCommonVariant = keyof Theme['colors']['fill']['icon']['common'];
 export type IconNotificationVariant = keyof Theme['colors']['fill']['icon']['notification'];
 export type IconVariant = IconCommonVariant | IconNotificationVariant;

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/index.d.ts

@@ -1,10 +1,6 @@
 import '@emotion/react';
 import type { Theme as ITheme } from './types';
-export * from './theme';
 export * from './ThemeProvider';
-export * from './sizes/getSizedTheme';
-export * from './types';
-export * from './extendTheme';
 declare module '@emotion/react' {
     interface Theme extends ITheme {
     }

package/dist/theme/index.js

@@ -15,8 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 require("@emotion/react");
-__exportStar(require("./theme"), exports);
+// export * from './theme';
 __exportStar(require("./ThemeProvider"), exports);
-__exportStar(require("./sizes/getSizedTheme"), exports);
-__exportStar(require("./types"), exports);
-__exportStar(require("./extendTheme"), exports);

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/theme.d.ts

@@ -1,7 +1,2 @@
-import './reset.css';
-import '@fontsource/inter/400';
-import '@fontsource/inter/500';
-import '@fontsource/inter/600';
-import '@fontsource/inter/700';
 export declare const lightTheme: import("./types").Theme;
 export declare const darkTheme: import("./types").Theme;

package/dist/theme/theme.js

@@ -1,11 +1,11 @@
 "use strict";
+/* import './reset.css';
+import '@fontsource/inter/400';
+import '@fontsource/inter/500';
+import '@fontsource/inter/600';
+import '@fontsource/inter/700'; */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.darkTheme = exports.lightTheme = void 0;
-require("./reset.css");
-require("@fontsource/inter/400");
-require("@fontsource/inter/500");
-require("@fontsource/inter/600");
-require("@fontsource/inter/700");
 const darkColors_1 = require("./colors/darkColors");
 const lightColors_1 = require("./colors/lightColors");
 const breakpoints_1 = require("./sizes/breakpoints");

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.8",
+  "version": "2.0.11",
   "description": "A reusable npm component package.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",