sesame-components-testing 2.0.0 → 2.0.2

package/dist/Button/Button.js

@@ -10,19 +10,13 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const FlexCenter_1 = require("../Common/FlexCenter");
 const Button_styles_1 = require("./Button.styles");
-const react_1 = __importDefault(require("react"));
 const Button = (_a) => {
     var { variant = 'primary', size = 'm', selected, children, leftIcon, rightIcon, stretch = false, type = 'button' } = _a, rest = __rest(_a, ["variant", "size", "selected", "children", "leftIcon", "rightIcon", "stretch", "type"]);
-    return (react_1.default.createElement(Button_styles_1.StyledButton, Object.assign({ type: type, "$variant": variant, "$size": size, "$selected": selected, "$stretch": stretch }, rest),
-        leftIcon && react_1.default.createElement(FlexCenter_1.FlexCenter, null, leftIcon),
-        react_1.default.createElement(FlexCenter_1.FlexCenter, null, children),
-        rightIcon && react_1.default.createElement(FlexCenter_1.FlexCenter, null, rightIcon)));
+    return ((0, jsx_runtime_1.jsxs)(Button_styles_1.StyledButton, Object.assign({ type: type, "$variant": variant, "$size": size, "$selected": selected, "$stretch": stretch }, rest, { children: [leftIcon && (0, jsx_runtime_1.jsx)(FlexCenter_1.FlexCenter, { children: leftIcon }), (0, jsx_runtime_1.jsx)(FlexCenter_1.FlexCenter, { children: children }), rightIcon && (0, jsx_runtime_1.jsx)(FlexCenter_1.FlexCenter, { children: rightIcon })] })));
 };
 exports.Button = Button;

package/dist/SesameComponent.js

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

package/dist/theme/ThemeProvider.js

@@ -1,14 +1,11 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThemeProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@emotion/react");
 const react_2 = require("react");
 const getSizedTheme_1 = require("./sizes/getSizedTheme");
 const useBreakpointSize_1 = require("./useBreakpointSize");
-const react_3 = __importDefault(require("react"));
 const useSizedTheme = (theme) => {
     const size = (0, useBreakpointSize_1.useBreakpointSize)();
     return (0, react_2.useMemo)(() => {
@@ -17,6 +14,6 @@ const useSizedTheme = (theme) => {
 };
 const ThemeProvider = ({ theme, children }) => {
     const sizedTheme = useSizedTheme(theme);
-    return react_3.default.createElement(react_1.ThemeProvider, { theme: sizedTheme }, children);
+    return (0, jsx_runtime_1.jsx)(react_1.ThemeProvider, { theme: sizedTheme, children: children });
 };
 exports.ThemeProvider = ThemeProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sesame-components-testing",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "A reusable npm component package.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,15 +18,67 @@
     "npm",
     "typescript"
   ],
-  "devDependencies": {
-    "@types/react": "^19.2.13",
-    "@types/react-dom": "^19.2.3",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "typescript": "^5.9.3"
-  },
   "dependencies": {
+    "@floating-ui/react": "^0.27.15",
+    "@fontsource/inter": "^5.2.6"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^4.1.1",
+    "@commitlint/cli": "^19.8.1",
+    "@commitlint/config-conventional": "^19.8.1",
+    "@emotion/babel-plugin": "^11.13.5",
     "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.1"
+    "@emotion/styled": "^11.14.1",
+    "@storybook/addon-a11y": "^9.1.5",
+    "@storybook/addon-docs": "^9.1.5",
+    "@storybook/addon-themes": "^9.1.5",
+    "@storybook/addon-vitest": "^9.1.5",
+    "@storybook/react": "^9.1.5",
+    "@storybook/react-vite": "^9.1.5",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^24.1.0",
+    "@types/react": "^19.1.9",
+    "@types/react-dom": "^19.1.7",
+    "@typescript-eslint/eslint-plugin": "^8.38.0",
+    "@typescript-eslint/parser": "^8.38.0",
+    "@vitejs/plugin-react": "^5.0.2",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/coverage-v8": "^3.2.4",
+    "@vitest/eslint-plugin": "^1.3.6",
+    "@vitest/ui": "^3.2.4",
+    "cypress": "^14.5.3",
+    "esbuild": "^0.25.9",
+    "eslint": "^9.32.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-import-resolver-alias": "^1.1.2",
+    "eslint-import-resolver-typescript": "^4.4.4",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-storybook": "^9.1.1",
+    "husky": "^9.1.7",
+    "jsdom": "^26.1.0",
+    "mkdirp": "^3.0.1",
+    "playwright": "^1.54.2",
+    "prettier": "^3.6.2",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "storybook": "^9.1.1",
+    "svgo": "^4.0.0",
+    "ts-node": "^10.9.2",
+    "typescript": "~5.8.3",
+    "vite": "^7.0.6",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-svgr": "^4.5.0",
+    "vitest": "^3.2.4"
+  },
+  "peerDependencies": {
+    "@emotion/react": ">=11.14.0",
+    "@emotion/styled": ">=11.14.1",
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0"
   }
 }