kahuna-base-react-components 1.0.3 → 1.0.5

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("react/jsx-runtime");exports.KButton=function(e){return t.jsx("button",{disabled:e.disabled,"data-testid":"".concat(e.testIdPrefix),className:"",onClick:function(){},children:t.jsx("span",{children:e.label})})};
+"use strict";var t=require("react/jsx-runtime");exports.KButton=function(e){return t.jsx("button",{disabled:e.disabled,"data-testid":"".concat(e.testIdPrefix),className:"",onClick:function(){},children:t.jsx("span",{children:e.label})})},exports.KSpan=function(e){return t.jsx("span",{children:e.text})};
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/KButton/KButton.tsx"],"sourcesContent":["import React, {useState} from \"react\";\nimport {KButtonProps} from \"./KButton.types\";\n\nconst KButton: React.FC<KButtonProps> = (props) => {\n  return (\n    <button\n      disabled={props.disabled}\n      data-testid={`${props.testIdPrefix}`}\n      className={``}\n      onClick={() => {\n      }}\n    >\n      <span>{props.label}</span>\n    </button>\n  );\n};\n\nexport default KButton;"],"names":["props","_jsx","disabled","concat","testIdPrefix","className","onClick","children","label"],"mappings":"gEAGwC,SAACA,GACvC,OACEC,EAAAA,IACE,SAAA,CAAAC,SAAUF,EAAME,SACH,cAAA,GAAAC,OAAGH,EAAMI,cACtBC,UAAW,GACXC,QAAS,aACRC,SAEDN,uBAAOD,EAAMQ,SAGnB"}
+{"version":3,"file":"index.js","sources":["../../src/components/KButton/KButton.tsx","../../src/components/KSpan/KSpan.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface KButtonProps {\n  testIdPrefix: string;\n  label?: string;\n  theme: \"primary\" | \"secondary\";\n  disabled?: boolean;\n}\n\nconst KButton: React.FC<KButtonProps> = (props) => {\n  return (\n    <button\n      disabled={props.disabled}\n      data-testid={`${props.testIdPrefix}`}\n      className={``}\n      onClick={() => {\n      }}\n    >\n      <span>{props.label}</span>\n    </button>\n  );\n};\n\nexport default KButton;","import React from \"react\";\n\nexport interface KSpanProps {\n  testIdPrefix: string;\n  text?: string;\n  theme: \"primary\" | \"secondary\";\n}\n\nconst KSpan: React.FC<KSpanProps> = (props) => {\n  return (\n    <span>{props.text}</span>\n  );\n};\n\nexport default KSpan;"],"names":["props","_jsx","disabled","concat","testIdPrefix","className","onClick","children","label","text"],"mappings":"gEASwC,SAACA,GACvC,OACEC,EAAAA,IACE,SAAA,CAAAC,SAAUF,EAAME,SACH,cAAA,GAAAC,OAAGH,EAAMI,cACtBC,UAAW,GACXC,QAAS,aACRC,SAEDN,uBAAOD,EAAMQ,SAGnB,gBCboC,SAACR,GACnC,OACEC,EAAAA,IAAO,OAAA,CAAAM,SAAAP,EAAMS,MAEjB"}

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";var e=function(e){return t("button",{disabled:e.disabled,"data-testid":"".concat(e.testIdPrefix),className:"",onClick:function(){},children:t("span",{children:e.label})})};export{e as KButton};
+import{jsx as t}from"react/jsx-runtime";var n=function(n){return t("button",{disabled:n.disabled,"data-testid":"".concat(n.testIdPrefix),className:"",onClick:function(){},children:t("span",{children:n.label})})},e=function(n){return t("span",{children:n.text})};export{n as KButton,e as KSpan};
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/KButton/KButton.tsx"],"sourcesContent":["import React, {useState} from \"react\";\nimport {KButtonProps} from \"./KButton.types\";\n\nconst KButton: React.FC<KButtonProps> = (props) => {\n  return (\n    <button\n      disabled={props.disabled}\n      data-testid={`${props.testIdPrefix}`}\n      className={``}\n      onClick={() => {\n      }}\n    >\n      <span>{props.label}</span>\n    </button>\n  );\n};\n\nexport default KButton;"],"names":["KButton","props","_jsx","disabled","concat","testIdPrefix","className","onClick","children","label"],"mappings":"wCAGM,IAAAA,EAAkC,SAACC,GACvC,OACEC,EACE,SAAA,CAAAC,SAAUF,EAAME,SACH,cAAA,GAAAC,OAAGH,EAAMI,cACtBC,UAAW,GACXC,QAAS,aACRC,SAEDN,mBAAOD,EAAMQ,SAGnB"}
+{"version":3,"file":"index.js","sources":["../../src/components/KButton/KButton.tsx","../../src/components/KSpan/KSpan.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface KButtonProps {\n  testIdPrefix: string;\n  label?: string;\n  theme: \"primary\" | \"secondary\";\n  disabled?: boolean;\n}\n\nconst KButton: React.FC<KButtonProps> = (props) => {\n  return (\n    <button\n      disabled={props.disabled}\n      data-testid={`${props.testIdPrefix}`}\n      className={``}\n      onClick={() => {\n      }}\n    >\n      <span>{props.label}</span>\n    </button>\n  );\n};\n\nexport default KButton;","import React from \"react\";\n\nexport interface KSpanProps {\n  testIdPrefix: string;\n  text?: string;\n  theme: \"primary\" | \"secondary\";\n}\n\nconst KSpan: React.FC<KSpanProps> = (props) => {\n  return (\n    <span>{props.text}</span>\n  );\n};\n\nexport default KSpan;"],"names":["KButton","props","_jsx","disabled","concat","testIdPrefix","className","onClick","children","label","KSpan","text"],"mappings":"wCASM,IAAAA,EAAkC,SAACC,GACvC,OACEC,EACE,SAAA,CAAAC,SAAUF,EAAME,SACH,cAAA,GAAAC,OAAGH,EAAMI,cACtBC,UAAW,GACXC,QAAS,aACRC,SAEDN,mBAAOD,EAAMQ,SAGnB,ECbMC,EAA8B,SAACT,GACnC,OACEC,EAAO,OAAA,CAAAM,SAAAP,EAAMU,MAEjB"}

package/dist/types.d.ts

@@ -6,7 +6,13 @@ interface KButtonProps {
     theme: "primary" | "secondary";
     disabled?: boolean;
 }
-
 declare const KButton: React.FC<KButtonProps>;
 
-export { KButton };
+interface KSpanProps {
+    testIdPrefix: string;
+    text?: string;
+    theme: "primary" | "secondary";
+}
+declare const KSpan: React.FC<KSpanProps>;
+
+export { KButton, KSpan };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "kahuna-base-react-components",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Kahuna Base React Components",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",

package/src/components/KButton/KButton.stories.tsx

@@ -2,21 +2,21 @@ import {Meta, StoryFn} from "@storybook/react";
 import KButton from "./KButton";
 
 export default {
-  title: "ReactComponentLibrary/Rating",
+  title: "ReactComponentLibrary/KButton",
   component: KButton,
 } as Meta<typeof KButton>;
 
 const Template: StoryFn<typeof KButton> = (args) => <KButton {...args} />;
 
-export const RatingTest = Template.bind({});
-RatingTest.args = {
+export const ButtonTest = Template.bind({});
+ButtonTest.args = {
   label: "Save Me!",
   theme: "primary",
   testIdPrefix: "rating",
 };
 
-export const RatingSecondary = Template.bind({});
-RatingSecondary.args = {
+export const ButtonSecondary = Template.bind({});
+ButtonSecondary.args = {
   label: "Secondary theme Save V2",
   theme: "secondary",
   testIdPrefix: "rating",

package/src/components/KButton/KButton.tsx

@@ -1,5 +1,11 @@
-import React, {useState} from "react";
-import {KButtonProps} from "./KButton.types";
+import React from "react";
+
+export interface KButtonProps {
+  testIdPrefix: string;
+  label?: string;
+  theme: "primary" | "secondary";
+  disabled?: boolean;
+}
 
 const KButton: React.FC<KButtonProps> = (props) => {
   return (

package/src/components/KSpan/KSpan.stories.tsx

@@ -0,0 +1,17 @@
+import {Meta, StoryFn} from "@storybook/react";
+import KButton from "./KSpan";
+import KSpan from "./KSpan";
+
+export default {
+  title: "ReactComponentLibrary/KSpan",
+  component: KSpan,
+} as Meta<typeof KSpan>;
+
+const Template: StoryFn<typeof KButton> = (args) => <KButton {...args} />;
+
+export const SpanTest = Template.bind({});
+SpanTest.args = {
+  text: "Spanning :))!",
+  theme: "primary",
+  testIdPrefix: "rating",
+};

package/src/components/KSpan/KSpan.tsx

@@ -0,0 +1,15 @@
+import React from "react";
+
+export interface KSpanProps {
+  testIdPrefix: string;
+  text?: string;
+  theme: "primary" | "secondary";
+}
+
+const KSpan: React.FC<KSpanProps> = (props) => {
+  return (
+    <span>{props.text}</span>
+  );
+};
+
+export default KSpan;

package/src/components/KSpan/index.ts

@@ -0,0 +1 @@
+export {default} from './KSpan';

package/src/index.ts

@@ -1,5 +1,6 @@
-import KButton from "./components/KButton/KButton"
+import KButton from "./components/KButton"
+import KSpan from "./components/KSpan"
 
 export {
-  KButton
+  KButton, KSpan
 }

package/src/components/KButton/KButton.types.ts

@@ -1,6 +0,0 @@
-export interface KButtonProps {
-  testIdPrefix: string;
-  label?: string;
-  theme: "primary" | "secondary";
-  disabled?: boolean;
-}

package/src/components/index.ts

@@ -1 +0,0 @@
-export * from './KButton';