@manamerge/mana-atomic-ui 0.0.17 → 0.0.19

package/dist/index.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import styled from 'styled-components';
+
+const Button = ({ label }) => {
+    return React.createElement("button", null, label);
+};
+
+// src/components/Wrapper.tsx
+const Wrapper = styled.div `
+  padding: ${(props) => props.padding || "1rem"};
+  margin: ${(props) => props.margin || "0 auto"};
+  background-color: ${(props) => props.backgroundColor || "red"};
+`;
+
+// const Button = ({ label }: ButtonProps) => {
+const Wrapper1 = (args) => {
+    return (React.createElement(Wrapper, { padding: args.padding, margin: "1rem auto", backgroundColor: args.backgroundColor },
+        React.createElement("h1", null, "Hello, World!"),
+        React.createElement("p", null, "This is a simple wrapper component.")));
+};
+
+export { Button, Wrapper1 as Wrapper };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/components/Button/Button.tsx","../src/components/Wrapper/Wrapper.css.tsx","../src/components/Wrapper/Wrapper.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface ButtonProps {\n  label: string;\n}\n\nconst Button = ({ label }: ButtonProps) => {\n  return <button>{label}</button>;\n};\n\nexport default Button;\n","// src/components/Wrapper.tsx\n\nimport styled from \"styled-components\";\n\ninterface WrapperProps {\n  padding?: string;\n  margin?: string;\n  backgroundColor?: string;\n}\n\nconst Wrapper = styled.div<WrapperProps>`\n  padding: ${(props) => props.padding || \"1rem\"};\n  margin: ${(props) => props.margin || \"0 auto\"};\n  background-color: ${(props) => props.backgroundColor || \"red\"};\n`;\n\nexport default Wrapper;\n","import React from \"react\";\nimport Wrapper from \"./Wrapper.css\";\n\nexport interface WrapperProps {\n  children?: string;\n  padding?: string;\n  margin?: string;\n  backgroundColor?: string;\n}\n// const Button = ({ label }: ButtonProps) => {\n\nconst Wrapper1: React.FC = (args: WrapperProps) => {\n  return (\n    <Wrapper\n      padding={args.padding}\n      margin=\"1rem auto\"\n      backgroundColor={args.backgroundColor}\n    >\n      <h1>Hello, World!</h1>\n      <p>This is a simple wrapper component.</p>\n    </Wrapper>\n  );\n};\n\nexport default Wrapper1;\n"],"names":[],"mappings":";;;AAMA,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,EAAe,KAAI;IACxC,OAAO,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,EAAS,KAAK,CAAU,CAAC;AAClC;;ACRA;AAUA,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAc,CAAA;aAC3B,CAAC,KAAK,KAAK,KAAK,CAAC,OAAO,IAAI,MAAM,CAAA;YACnC,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM,IAAI,QAAQ,CAAA;sBACzB,CAAC,KAAK,KAAK,KAAK,CAAC,eAAe,IAAI,KAAK,CAAA;CAC9D;;ACLD;AAEA,MAAM,QAAQ,GAAa,CAAC,IAAkB,KAAI;AAChD,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,OAAO,IACN,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAC,WAAW,EAClB,eAAe,EAAE,IAAI,CAAC,eAAe,EAAA;QAErC,KAAsB,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,EAAA,eAAA,CAAA;QACtB,KAA0C,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,EAAA,qCAAA,CAAA,CAClC,EACV;AACJ;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@manamerge/mana-atomic-ui",
-  "version": "0.0.17",
+  "version": "0.0.19",
   "description": "Mana Merge design system",
   "scripts": {
     "build": "rollup -c",
@@ -26,13 +26,15 @@
     "@storybook/test": "^8.1.8",
     "@types/react": "^18.0.27",
     "@types/styled-components": "^5.1.34",
+    "babel-plugin-styled-components": "^2.1.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rollup": "^3.14.0",
     "rollup-plugin-dts": "^5.1.1",
     "storybook": "^8.1.8",
     "tslib": "^2.5.0",
-    "typescript": "^4.9.5"
+    "typescript": "^4.9.5",
+    "typescript-plugin-styled-components": "^3.0.0"
   },
   "peerDependencies": {
     "react": "^18.2.0",