Merge pull request #17 from MysticalMike60t/dev

Dev

package.json

@@ -1,6 +1,6 @@
 {
   "name": "caden",
-  "version": "1.0.14",
+  "version": "1.0.15",
   "description": "UI Npm Package",
   "main": "lib/index.js",
   "files": [

src/components/UI/Buttons/Submit.js

@@ -40,13 +40,31 @@ const getButtonStyles = (type) => {
 const Submit = ({
   className = "submit-button",
   type = "button",
+  uniLabel,
+  useInput = false,
   children,
   ...props
 }) => {
   const style = getButtonStyles(type);
 
-  return (
-    <button type={type} className={className} style={style} {...props}>
+  return useInput ? (
+    <input
+      type={type}
+      className={className}
+      style={style}
+      aria-label={uniLabel}
+      title={uniLabel}
+      {...props}
+    />
+  ) : (
+    <button
+      type={type}
+      className={className}
+      style={style}
+      aria-label={uniLabel}
+      title={uniLabel}
+      {...props}
+    >
       <span className="button-content">{children}</span>
     </button>
   );
@@ -55,6 +73,8 @@ const Submit = ({
 Submit.propTypes = {
   className: PropTypes.string,
   type: PropTypes.oneOf(["button", "submit", "reset"]),
+  uniLabel: PropTypes.string,
+  useInput: PropTypes.bool,
   children: PropTypes.node.isRequired,
 };
 

src/styles/css/index.css

@@ -1,6 +1,3 @@
-body {
-  background: red !important;
-}
 .submit-button {
   background: var(--primary-background);
   color: var(--primary-color);

testing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "testing",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "private": true,
   "dependencies": {
     "@testing-library/jest-dom": "^5.17.0",

testing/src/App.js

@@ -1,23 +1,10 @@
-import logo from './logo.svg';
-import './App.css';
+import { UI } from "caden";
+import "caden/lib/styles/css/index.css";
 
 function App() {
   return (
-    <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.js</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>
+    <div>
+      <UI.Buttons.Submit>Submit</UI.Buttons.Submit>
     </div>
   );
 }