@rufous/ui 0.1.18 → 0.1.22

package/dist/main.css

@@ -1,3 +1,72 @@
+/* lib/styles/button.css */
+.cancel-btn {
+  text-transform: uppercase;
+  min-width: 84px;
+  font-weight: normal;
+  font-size: 12px;
+  padding: 7px 10px;
+  border: 1px solid rgb(164, 27, 6);
+  border-radius: 34px;
+  background: #fff;
+  color: rgb(164, 27, 6);
+  cursor: pointer;
+  transition:
+    background-color 250ms,
+    box-shadow 250ms,
+    border-color 250ms,
+    color 250ms;
+  box-shadow:
+    rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
+    rgba(0, 0, 0, 0.14) 0px 2px 2px 0px,
+    rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
+}
+.cancel-btn:hover {
+  box-shadow:
+    rgba(0, 0, 0, 0.2) 0px 2px 4px -1px,
+    rgba(0, 0, 0, 0.14) 0px 4px 5px 0px,
+    rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
+}
+.cancel-btn:disabled {
+  background-color: #e0e0e0;
+  cursor: not-allowed;
+}
+.submit-btn {
+  background-color: #9b1906;
+  color: #fff;
+  font-size: 12px;
+  text-transform: uppercase;
+  min-width: 92px;
+  height: 38px;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background-color 250ms ease-in-out;
+}
+.submit-btn:hover {
+  background-color: #9b1906;
+}
+.submit-btn:disabled {
+  background-color: #e0e0e0;
+  cursor: not-allowed;
+}
+.add-btn {
+  background: #ffffff;
+  border: 1px solid #a41b06;
+  border-radius: 34px;
+  font-weight: normal;
+  font-size: 12px;
+  padding: 7px 12px;
+  color: #a41b06;
+  cursor: pointer;
+  transition: all 0.25s ease-in-out;
+  text-transform: uppercase;
+  box-shadow: none;
+}
+.add-btn:hover {
+  background: #a41b06;
+  color: #ffffff;
+}
+
 /* lib/style.css */
 .theme-rufous .act-icon svg {
   color: #a81c08 !important;

package/dist/main.d.cts

@@ -1,6 +1,3 @@
-export { Button } from './Buttons/Button.d.cjs';
-export { FloatingInput } from './TextFields/FloatingInput.d.cjs';
-export { Checkbox } from './CheckBoxes/CheckBox.d.cjs';
 export { APP_THEMES } from './utils/constants.cjs';
 export { default as ArchivedIcon } from './icons/archivedIcon.cjs';
 export { default as CopyIcon } from './icons/copyIcon.cjs';
@@ -51,5 +48,8 @@ export { default as IndustryIcon } from './icons/industryIcon.cjs';
 export { default as MinExperienceIcon } from './icons/minExperienceIcon.cjs';
 export { default as ProjectIcon } from './icons/projectIcon.cjs';
 export { default as RolesIcon } from './icons/rolesIcon.cjs';
+export { default as AddButton } from './Buttons/addButton.cjs';
+export { default as SubmitButton } from './Buttons/submitButton.cjs';
+export { default as CancelButton } from './Buttons/cancelButton.cjs';
 export { RufousThemeProvider, useRufousTheme } from './Contexts/rufousThemeProvider.cjs';
 import 'react';

package/dist/main.d.ts

@@ -1,6 +1,3 @@
-export { Button } from './Buttons/Button.d.js';
-export { FloatingInput } from './TextFields/FloatingInput.d.js';
-export { Checkbox } from './CheckBoxes/CheckBox.d.js';
 export { APP_THEMES } from './utils/constants.js';
 export { default as ArchivedIcon } from './icons/archivedIcon.js';
 export { default as CopyIcon } from './icons/copyIcon.js';
@@ -51,5 +48,8 @@ export { default as IndustryIcon } from './icons/industryIcon.js';
 export { default as MinExperienceIcon } from './icons/minExperienceIcon.js';
 export { default as ProjectIcon } from './icons/projectIcon.js';
 export { default as RolesIcon } from './icons/rolesIcon.js';
+export { default as AddButton } from './Buttons/addButton.js';
+export { default as SubmitButton } from './Buttons/submitButton.js';
+export { default as CancelButton } from './Buttons/cancelButton.js';
 export { RufousThemeProvider, useRufousTheme } from './Contexts/rufousThemeProvider.js';
 import 'react';

package/dist/main.js

@@ -1,4 +1,13 @@
 import "./chunk-CC7BNJL3.js";
+import {
+  unArchivedIcon_default
+} from "./chunk-ZJAV3FEQ.js";
+import {
+  unsubscribeIcon_default
+} from "./chunk-NMMC4ATV.js";
+import {
+  uploadIcon_default
+} from "./chunk-DXJ745NZ.js";
 import {
   userAssignIcon_default
 } from "./chunk-BH53P2UM.js";
@@ -8,6 +17,15 @@ import {
 import {
   workItemIcon_default
 } from "./chunk-QJPQC544.js";
+import {
+  rufousBirdIcon_default
+} from "./chunk-DMP72IAP.js";
+import {
+  rufousLauncherBird_default
+} from "./chunk-QZFGQ5JM.js";
+import {
+  sidebarIcon_default
+} from "./chunk-CSKTBLQQ.js";
 import {
   subscribeIcon_default
 } from "./chunk-ZDVP4SUD.js";
@@ -24,14 +42,11 @@ import {
   trashIcon_default
 } from "./chunk-6KIFTMUN.js";
 import {
-  unArchivedIcon_default
-} from "./chunk-ZJAV3FEQ.js";
-import {
-  unsubscribeIcon_default
-} from "./chunk-NMMC4ATV.js";
+  questionTypeCodingIcon_default
+} from "./chunk-FOUXNPQA.js";
 import {
-  uploadIcon_default
-} from "./chunk-DXJ745NZ.js";
+  questionTypeDescriptiveIcon_default
+} from "./chunk-C7B23GTE.js";
 import {
   questionTypeMultipleIcon_default
 } from "./chunk-XCLXQOLP.js";
@@ -48,17 +63,14 @@ import {
   rolesIcon_default
 } from "./chunk-RJ43D3XB.js";
 import {
-  rufousBirdIcon_default
-} from "./chunk-DMP72IAP.js";
-import {
-  rufousLauncherBird_default
-} from "./chunk-QZFGQ5JM.js";
+  minExperienceIcon_default
+} from "./chunk-MKK7M3BH.js";
 import {
-  sidebarIcon_default
-} from "./chunk-CSKTBLQQ.js";
+  nineDotMenuIcon_default
+} from "./chunk-GESVGIAP.js";
 import {
   notificationIcon_default
-} from "./chunk-MWCKUVQG.js";
+} from "./chunk-QIEQRNBE.js";
 import {
   projectIcon_default
 } from "./chunk-BYJP2WNC.js";
@@ -75,11 +87,11 @@ import {
   questionTypeAllIcon_default
 } from "./chunk-WHGVO3HV.js";
 import {
-  questionTypeCodingIcon_default
-} from "./chunk-FOUXNPQA.js";
+  functionIcon_default
+} from "./chunk-ZAYWFYP4.js";
 import {
-  questionTypeDescriptiveIcon_default
-} from "./chunk-C7B23GTE.js";
+  helpOutlinedIcon_default
+} from "./chunk-5UEJAVFK.js";
 import {
   hierarchyIcon_default
 } from "./chunk-WZAU77G7.js";
@@ -96,11 +108,11 @@ import {
   logsIcon_default
 } from "./chunk-N4EJKMJK.js";
 import {
-  minExperienceIcon_default
-} from "./chunk-MKK7M3BH.js";
+  difficultyEasyIcon_default
+} from "./chunk-JI5XMLWT.js";
 import {
-  nineDotMenuIcon_default
-} from "./chunk-D7SFBVJY.js";
+  difficultyHardIcon_default
+} from "./chunk-WXANSSXF.js";
 import {
   difficultyMediumIcon_default
 } from "./chunk-XPJVVKOU.js";
@@ -120,14 +132,12 @@ import {
   engagementIcon_default
 } from "./chunk-FSRABKKC.js";
 import {
-  functionIcon_default
-} from "./chunk-ZAYWFYP4.js";
-import {
-  helpOutlinedIcon_default
-} from "./chunk-PULIGWAP.js";
+  RufousThemeProvider,
+  useRufousTheme
+} from "./chunk-BCGCLMKA.js";
 import {
-  FloatingInput
-} from "./chunk-AWA5Y5LH.js";
+  APP_THEMES
+} from "./chunk-2FHTGYR4.js";
 import {
   activateUserIcon_default
 } from "./chunk-AH6RCYDL.js";
@@ -143,32 +153,23 @@ import {
 import {
   difficultyAllIcon_default
 } from "./chunk-PPNZC5ZQ.js";
+import "./chunk-JSGUIKOH.js";
 import {
-  difficultyEasyIcon_default
-} from "./chunk-JI5XMLWT.js";
-import {
-  difficultyHardIcon_default
-} from "./chunk-WXANSSXF.js";
-import {
-  Button
-} from "./chunk-ASP3DBRX.js";
+  addButton_default
+} from "./chunk-5TL73FV7.js";
 import {
-  Checkbox
-} from "./chunk-QKDJLUKZ.js";
+  cancelButton_default
+} from "./chunk-UF3Q3GWG.js";
 import {
-  RufousThemeProvider,
-  useRufousTheme
-} from "./chunk-BCGCLMKA.js";
-import {
-  APP_THEMES
-} from "./chunk-2FHTGYR4.js";
+  submitButton_default
+} from "./chunk-7DL4MCF7.js";
 export {
   APP_THEMES,
   activateUserIcon_default as ActivateUserIcon,
+  addButton_default as AddButton,
   archivedIcon_default as ArchivedIcon,
   assignGroupIcon_default as AssignGroupIcon,
-  Button,
-  Checkbox,
+  cancelButton_default as CancelButton,
   copyIcon_default as CopyIcon,
   difficultyAllIcon_default as DifficultyAllIcon,
   difficultyEasyIcon_default as DifficultyEasyIcon,
@@ -179,7 +180,6 @@ export {
   editChatIcon_default as EditChatIcon,
   editIcon_default as EditIcon,
   engagementIcon_default as EngagementIcon,
-  FloatingInput,
   functionIcon_default as FunctionIcon,
   helpOutlinedIcon_default as HelpOutlinedIcon,
   hierarchyIcon_default as HierarchyIcon,
@@ -206,6 +206,7 @@ export {
   rufousLauncherBird_default as RufousLauncherIcon,
   RufousThemeProvider,
   sidebarIcon_default as SidebarIcon,
+  submitButton_default as SubmitButton,
   subscribeIcon_default as SubscribeIcon,
   suspendUserIcon_default as SuspendUserIcon,
   tickIcon_default as TickIcon,

package/dist/style.css

@@ -1,3 +1,72 @@
+/* lib/styles/button.css */
+.cancel-btn {
+  text-transform: uppercase;
+  min-width: 84px;
+  font-weight: normal;
+  font-size: 12px;
+  padding: 7px 10px;
+  border: 1px solid rgb(164, 27, 6);
+  border-radius: 34px;
+  background: #fff;
+  color: rgb(164, 27, 6);
+  cursor: pointer;
+  transition:
+    background-color 250ms,
+    box-shadow 250ms,
+    border-color 250ms,
+    color 250ms;
+  box-shadow:
+    rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
+    rgba(0, 0, 0, 0.14) 0px 2px 2px 0px,
+    rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
+}
+.cancel-btn:hover {
+  box-shadow:
+    rgba(0, 0, 0, 0.2) 0px 2px 4px -1px,
+    rgba(0, 0, 0, 0.14) 0px 4px 5px 0px,
+    rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
+}
+.cancel-btn:disabled {
+  background-color: #e0e0e0;
+  cursor: not-allowed;
+}
+.submit-btn {
+  background-color: #9b1906;
+  color: #fff;
+  font-size: 12px;
+  text-transform: uppercase;
+  min-width: 92px;
+  height: 38px;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background-color 250ms ease-in-out;
+}
+.submit-btn:hover {
+  background-color: #9b1906;
+}
+.submit-btn:disabled {
+  background-color: #e0e0e0;
+  cursor: not-allowed;
+}
+.add-btn {
+  background: #ffffff;
+  border: 1px solid #a41b06;
+  border-radius: 34px;
+  font-weight: normal;
+  font-size: 12px;
+  padding: 7px 12px;
+  color: #a41b06;
+  cursor: pointer;
+  transition: all 0.25s ease-in-out;
+  text-transform: uppercase;
+  box-shadow: none;
+}
+.add-btn:hover {
+  background: #a41b06;
+  color: #ffffff;
+}
+
 /* lib/style.css */
 .theme-rufous .act-icon svg {
   color: #a81c08 !important;

package/dist/styles/button.css

@@ -0,0 +1,68 @@
+/* lib/styles/button.css */
+.cancel-btn {
+  text-transform: uppercase;
+  min-width: 84px;
+  font-weight: normal;
+  font-size: 12px;
+  padding: 7px 10px;
+  border: 1px solid rgb(164, 27, 6);
+  border-radius: 34px;
+  background: #fff;
+  color: rgb(164, 27, 6);
+  cursor: pointer;
+  transition:
+    background-color 250ms,
+    box-shadow 250ms,
+    border-color 250ms,
+    color 250ms;
+  box-shadow:
+    rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
+    rgba(0, 0, 0, 0.14) 0px 2px 2px 0px,
+    rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
+}
+.cancel-btn:hover {
+  box-shadow:
+    rgba(0, 0, 0, 0.2) 0px 2px 4px -1px,
+    rgba(0, 0, 0, 0.14) 0px 4px 5px 0px,
+    rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
+}
+.cancel-btn:disabled {
+  background-color: #e0e0e0;
+  cursor: not-allowed;
+}
+.submit-btn {
+  background-color: #9b1906;
+  color: #fff;
+  font-size: 12px;
+  text-transform: uppercase;
+  min-width: 92px;
+  height: 38px;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background-color 250ms ease-in-out;
+}
+.submit-btn:hover {
+  background-color: #9b1906;
+}
+.submit-btn:disabled {
+  background-color: #e0e0e0;
+  cursor: not-allowed;
+}
+.add-btn {
+  background: #ffffff;
+  border: 1px solid #a41b06;
+  border-radius: 34px;
+  font-weight: normal;
+  font-size: 12px;
+  padding: 7px 12px;
+  color: #a41b06;
+  cursor: pointer;
+  transition: all 0.25s ease-in-out;
+  text-transform: uppercase;
+  box-shadow: none;
+}
+.add-btn:hover {
+  background: #a41b06;
+  color: #ffffff;
+}

package/dist/styles/button.d.cts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/styles/button.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rufous/ui",
   "private": false,
-  "version": "0.1.18",
+  "version": "0.1.22",
   "type": "module",
   "style": "./dist/style.css",
   "files": [

package/dist/Buttons/Button.d.cjs

@@ -1,17 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// lib/Buttons/Button.d.ts
-var Button_d_exports = {};
-module.exports = __toCommonJS(Button_d_exports);

package/dist/Buttons/Button.d.cts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-
-interface ButtonProps {
-  children: React.ReactNode;
-  onClick?: () => void;
-}
-
-declare const Button: React.FC<ButtonProps>;
-
-export { Button, type ButtonProps };

package/dist/Buttons/Button.d.d.cts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-
-interface ButtonProps {
-  children: React.ReactNode;
-  onClick?: () => void;
-}
-
-declare const Button: React.FC<ButtonProps>;
-
-export { Button, type ButtonProps };

package/dist/Buttons/Button.d.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-
-interface ButtonProps {
-  children: React.ReactNode;
-  onClick?: () => void;
-}
-
-declare const Button: React.FC<ButtonProps>;
-
-export { Button, type ButtonProps };

package/dist/Buttons/Button.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-
-interface ButtonProps {
-  children: React.ReactNode;
-  onClick?: () => void;
-}
-
-declare const Button: React.FC<ButtonProps>;
-
-export { Button, type ButtonProps };

package/dist/Buttons/Button.js

@@ -1,6 +0,0 @@
-import {
-  Button
-} from "../chunk-ASP3DBRX.js";
-export {
-  Button
-};

package/dist/chunk-ASP3DBRX.js

@@ -1,9 +0,0 @@
-// lib/Buttons/Button.jsx
-import React from "react";
-var Button = ({ children, onClick, ...props }) => {
-  return /* @__PURE__ */ React.createElement("button", { className: "btn", onClick, ...props }, children);
-};
-
-export {
-  Button
-};

package/dist/chunk-AWA5Y5LH.js

@@ -1,32 +0,0 @@
-// lib/TextFields/FloatingInput.jsx
-import React from "react";
-var FloatingInput = ({
-  label,
-  name,
-  id,
-  type = "text",
-  value,
-  onChange,
-  required = false,
-  placeholder,
-  className = "",
-  ...props
-}) => {
-  return /* @__PURE__ */ React.createElement("div", { className: `form__group field ${className}`, ...props }, /* @__PURE__ */ React.createElement(
-    "input",
-    {
-      type,
-      className: "form__field",
-      placeholder: placeholder || label,
-      name,
-      id: id || name,
-      value,
-      onChange,
-      required
-    }
-  ), /* @__PURE__ */ React.createElement("label", { htmlFor: id || name, className: "form__label" }, label));
-};
-
-export {
-  FloatingInput
-};