@rufous/ui 0.1.17 → 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';
@@ -44,5 +41,15 @@ export { default as EditChatIcon } from './icons/editChatIcon.cjs';
 export { default as SidebarIcon } from './icons/sidebarIcon.cjs';
 export { default as NotificationIcon } from './icons/notificationIcon.cjs';
 export { default as RefreshIcon } from './icons/refreshIcon.cjs';
+export { default as DollarIcon } from './icons/dollarIcon.cjs';
+export { default as EngagementIcon } from './icons/engagementIcon.cjs';
+export { default as FunctionIcon } from './icons/functionIcon.cjs';
+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';
@@ -44,5 +41,15 @@ export { default as EditChatIcon } from './icons/editChatIcon.js';
 export { default as SidebarIcon } from './icons/sidebarIcon.js';
 export { default as NotificationIcon } from './icons/notificationIcon.js';
 export { default as RefreshIcon } from './icons/refreshIcon.js';
+export { default as DollarIcon } from './icons/dollarIcon.js';
+export { default as EngagementIcon } from './icons/engagementIcon.js';
+export { default as FunctionIcon } from './icons/functionIcon.js';
+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,10 @@
-import "./chunk-WNXUY4B6.js";
+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";
@@ -11,6 +17,12 @@ 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";
@@ -29,12 +41,6 @@ import {
 import {
   trashIcon_default
 } from "./chunk-6KIFTMUN.js";
-import {
-  unArchivedIcon_default
-} from "./chunk-ZJAV3FEQ.js";
-import {
-  unsubscribeIcon_default
-} from "./chunk-NMMC4ATV.js";
 import {
   questionTypeCodingIcon_default
 } from "./chunk-FOUXNPQA.js";
@@ -54,23 +60,20 @@ import {
   resendInviteIcon_default
 } from "./chunk-WG3Q6GZN.js";
 import {
-  rufousBirdIcon_default
-} from "./chunk-DMP72IAP.js";
-import {
-  rufousLauncherBird_default
-} from "./chunk-QZFGQ5JM.js";
-import {
-  invoiceIcon_default
-} from "./chunk-KYJ3475B.js";
+  rolesIcon_default
+} from "./chunk-RJ43D3XB.js";
 import {
-  logsIcon_default
-} from "./chunk-N4EJKMJK.js";
+  minExperienceIcon_default
+} from "./chunk-MKK7M3BH.js";
 import {
   nineDotMenuIcon_default
-} from "./chunk-D7SFBVJY.js";
+} from "./chunk-GESVGIAP.js";
 import {
   notificationIcon_default
-} from "./chunk-MWCKUVQG.js";
+} from "./chunk-QIEQRNBE.js";
+import {
+  projectIcon_default
+} from "./chunk-BYJP2WNC.js";
 import {
   questionStatusAllIcon_default
 } from "./chunk-GYLL3HRD.js";
@@ -83,9 +86,39 @@ import {
 import {
   questionTypeAllIcon_default
 } from "./chunk-WHGVO3HV.js";
+import {
+  functionIcon_default
+} from "./chunk-ZAYWFYP4.js";
+import {
+  helpOutlinedIcon_default
+} from "./chunk-5UEJAVFK.js";
+import {
+  hierarchyIcon_default
+} from "./chunk-WZAU77G7.js";
+import {
+  inactiveGroupIcon_default
+} from "./chunk-7WNPZ4B7.js";
+import {
+  industryIcon_default
+} from "./chunk-NSW6ZGZF.js";
+import {
+  invoiceIcon_default
+} from "./chunk-KYJ3475B.js";
+import {
+  logsIcon_default
+} from "./chunk-N4EJKMJK.js";
+import {
+  difficultyEasyIcon_default
+} from "./chunk-JI5XMLWT.js";
+import {
+  difficultyHardIcon_default
+} from "./chunk-WXANSSXF.js";
 import {
   difficultyMediumIcon_default
 } from "./chunk-XPJVVKOU.js";
+import {
+  dollarIcon_default
+} from "./chunk-GL43GPEM.js";
 import {
   downloadIcon_default
 } from "./chunk-IOEQAR2M.js";
@@ -96,17 +129,15 @@ import {
   editIcon_default
 } from "./chunk-H372BAXA.js";
 import {
-  helpOutlinedIcon_default
-} from "./chunk-PULIGWAP.js";
+  engagementIcon_default
+} from "./chunk-FSRABKKC.js";
 import {
-  hierarchyIcon_default
-} from "./chunk-WZAU77G7.js";
-import {
-  inactiveGroupIcon_default
-} from "./chunk-7WNPZ4B7.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";
@@ -122,48 +153,45 @@ 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,
   difficultyHardIcon_default as DifficultyHardIcon,
   difficultyMediumIcon_default as DifficultyMediumIcon,
+  dollarIcon_default as DollarIcon,
   downloadIcon_default as DownloadIcon,
   editChatIcon_default as EditChatIcon,
   editIcon_default as EditIcon,
-  FloatingInput,
+  engagementIcon_default as EngagementIcon,
+  functionIcon_default as FunctionIcon,
   helpOutlinedIcon_default as HelpOutlinedIcon,
   hierarchyIcon_default as HierarchyIcon,
   inactiveGroupIcon_default as InactiveGroupIcon,
+  industryIcon_default as IndustryIcon,
   invoiceIcon_default as InvoiceIcon,
   logsIcon_default as LogsIcon,
+  minExperienceIcon_default as MinExperienceIcon,
   nineDotMenuIcon_default as NineDotMenuIcon,
   notificationIcon_default as NotificationIcon,
+  projectIcon_default as ProjectIcon,
   questionStatusAllIcon_default as QuestionStatusAllIcon,
   questionStatusPrivateIcon_default as QuestionStatusPrivateIcon,
   questionStatusPublicIcon_default as QuestionStatusPublicIcon,
@@ -174,10 +202,12 @@ export {
   questionTypeSingleIcon_default as QuestionTypeSingleIcon,
   refreshIcon_default as RefreshIcon,
   resendInviteIcon_default as ResendInviteIcon,
+  rolesIcon_default as RolesIcon,
   rufousBirdIcon_default as RufousBirdIcon,
   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.17",
+  "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
-};