@rufous/ui 0.1.18 → 0.1.21

package/dist/main.css

@@ -7,3 +7,72 @@
 }
 .act-icon {
 }
+
+/* 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/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,24 @@ import {
 import {
   difficultyAllIcon_default
 } from "./chunk-PPNZC5ZQ.js";
+import "./chunk-QPGJCRBS.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-N65GKZS6.js";
 import {
-  Checkbox
-} from "./chunk-QKDJLUKZ.js";
+  cancelButton_default
+} from "./chunk-7KARALMQ.js";
 import {
-  RufousThemeProvider,
-  useRufousTheme
-} from "./chunk-BCGCLMKA.js";
-import {
-  APP_THEMES
-} from "./chunk-2FHTGYR4.js";
+  submitButton_default
+} from "./chunk-54KCNQAW.js";
+import "./chunk-QGVJQLGY.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 +181,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 +207,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/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.21",
   "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
-};

package/dist/chunk-D7SFBVJY.js

@@ -1,155 +0,0 @@
-// lib/icons/nineDotMenuIcon.tsx
-import React from "react";
-var NineDotMenuIcon = ({ color = "#707070", ...props }) => {
-  return /* @__PURE__ */ React.createElement(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "40",
-      height: "40",
-      viewBox: "0 0 40 40",
-      ...props
-    },
-    /* @__PURE__ */ React.createElement(
-      "g",
-      {
-        id: "Group_24483",
-        "data-name": "Group 24483",
-        transform: "translate(-1600 -24)"
-      },
-      /* @__PURE__ */ React.createElement(
-        "circle",
-        {
-          id: "Ellipse_32",
-          "data-name": "Ellipse 32",
-          cx: "20",
-          cy: "20",
-          r: "20",
-          transform: "translate(1600 24)",
-          fill: "none"
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        "g",
-        {
-          id: "Group_24484",
-          "data-name": "Group 24484",
-          transform: "translate(2581 -2711)"
-        },
-        /* @__PURE__ */ React.createElement(
-          "rect",
-          {
-            id: "Rectangle_17638",
-            "data-name": "Rectangle 17638",
-            width: "7",
-            height: "7",
-            rx: "1",
-            transform: "translate(-973 2743)",
-            fill: color
-          }
-        ),
-        /* @__PURE__ */ React.createElement(
-          "rect",
-          {
-            id: "Rectangle_17639",
-            "data-name": "Rectangle 17639",
-            width: "7",
-            height: "7",
-            rx: "1",
-            transform: "translate(-964 2743)",
-            fill: color
-          }
-        ),
-        /* @__PURE__ */ React.createElement(
-          "rect",
-          {
-            id: "Rectangle_17640",
-            "data-name": "Rectangle 17640",
-            width: "7",
-            height: "7",
-            rx: "1",
-            transform: "translate(-955 2743)",
-            fill: color
-          }
-        ),
-        /* @__PURE__ */ React.createElement(
-          "rect",
-          {
-            id: "Rectangle_17641",
-            "data-name": "Rectangle 17641",
-            width: "7",
-            height: "7",
-            rx: "1",
-            transform: "translate(-973 2752)",
-            fill: color
-          }
-        ),
-        /* @__PURE__ */ React.createElement(
-          "rect",
-          {
-            id: "Rectangle_17642",
-            "data-name": "Rectangle 17642",
-            width: "7",
-            height: "7",
-            rx: "1",
-            transform: "translate(-964 2752)",
-            fill: color
-          }
-        ),
-        /* @__PURE__ */ React.createElement(
-          "rect",
-          {
-            id: "Rectangle_17643",
-            "data-name": "Rectangle 17643",
-            width: "7",
-            height: "7",
-            rx: "1",
-            transform: "translate(-955 2752)",
-            fill: color
-          }
-        ),
-        /* @__PURE__ */ React.createElement(
-          "rect",
-          {
-            id: "Rectangle_17644",
-            "data-name": "Rectangle 17644",
-            width: "7",
-            height: "7",
-            rx: "1",
-            transform: "translate(-973 2761)",
-            fill: color
-          }
-        ),
-        /* @__PURE__ */ React.createElement(
-          "rect",
-          {
-            id: "Rectangle_17645",
-            "data-name": "Rectangle 17645",
-            width: "7",
-            height: "7",
-            rx: "1",
-            transform: "translate(-964 2761)",
-            fill: color
-          }
-        ),
-        /* @__PURE__ */ React.createElement(
-          "rect",
-          {
-            id: "Rectangle_17646",
-            "data-name": "Rectangle 17646",
-            width: "7",
-            height: "7",
-            rx: "1",
-            transform: "translate(-955 2761)",
-            fill: color
-          }
-        )
-      )
-    )
-  );
-};
-var nineDotMenuIcon_default = NineDotMenuIcon;
-
-export {
-  nineDotMenuIcon_default
-};

package/dist/chunk-MWCKUVQG.js

@@ -1,10 +0,0 @@
-// lib/icons/notificationIcon.tsx
-import React from "react";
-var NotificationIcon = ({ color = "#3a3a3a", ...props }) => {
-  return /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "40", height: "40", viewBox: "0 0 40 40", ...props }, /* @__PURE__ */ React.createElement("g", { id: "Group_26345", "data-name": "Group 26345", transform: "translate(-1600 -24)" }, /* @__PURE__ */ React.createElement("circle", { id: "Ellipse_32", "data-name": "Ellipse 32", cx: "20", cy: "20", r: "20", transform: "translate(1600 24)", fill: "none" }), /* @__PURE__ */ React.createElement("g", { id: "bell", transform: "translate(1594.537 28.951)" }, /* @__PURE__ */ React.createElement("g", { id: "Group_26115", "data-name": "Group 26115", transform: "translate(12 -0.011)" }, /* @__PURE__ */ React.createElement("path", { id: "Path_60748", "data-name": "Path 60748", d: "M25.124,29.989a3.75,3.75,0,0,0,3.75-3.75h-7.5A3.75,3.75,0,0,0,25.124,29.989Zm0-26.4-1.494.3a7.5,7.5,0,0,0-6.005,7.351,40.688,40.688,0,0,1-.861,7.016,24.253,24.253,0,0,1-1.243,4.234H34.728a24.369,24.369,0,0,1-1.243-4.234,40.687,40.687,0,0,1-.861-7.016,7.5,7.5,0,0,0-6.005-7.35l-1.494-.306Zm11.662,18.9a4.771,4.771,0,0,0,1.462,1.875H12a4.771,4.771,0,0,0,1.462-1.875c1.687-3.375,2.287-9.6,2.287-11.249a9.378,9.378,0,0,1,7.509-9.189,1.875,1.875,0,1,1,3.731,0A9.378,9.378,0,0,1,34.5,11.241C34.5,12.89,35.1,19.115,36.786,22.49Z", transform: "translate(-12 0.011)", fill: color })))));
-};
-var notificationIcon_default = NotificationIcon;
-
-export {
-  notificationIcon_default
-};