@apexcura/ui-components 0.0.12-Beta52 → 0.0.12-Beta54

package/dist/index.css

@@ -356,27 +356,24 @@ video {
 .\!border {
   border-width: 1px !important;
 }
-.border {
-  border-width: 1px;
-}
 .border-none {
   border-style: none;
 }
+.\!border-\[\#919191\] {
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(145 145 145 / var(--tw-border-opacity)) !important;
+}
 .\!border-\[\#B8A4DE\] {
   --tw-border-opacity: 1 !important;
   border-color: rgb(184 164 222 / var(--tw-border-opacity)) !important;
 }
-.border-\[\#919191\] {
-  --tw-border-opacity: 1;
-  border-color: rgb(145 145 145 / var(--tw-border-opacity));
-}
 .\!bg-\[\#E2D6F8\] {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(226 214 248 / var(--tw-bg-opacity)) !important;
 }
-.bg-\[\#F2F2F2\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
+.\!bg-\[\#F2F2F2\] {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(242 242 242 / var(--tw-bg-opacity)) !important;
 }
 .bg-purple-800 {
   --tw-bg-opacity: 1;
@@ -431,33 +428,8 @@ video {
   background-color: white;
   border: solid 1px #472D7A;
 }
-:where(.css-dev-only-do-not-override-1r287do).ant-input-affix-wrapper {
-  border: solid 1px #919191;
-  width: 275px;
-  height: 16px;
-  padding: 16px;
-  gap: 10px;
-}
-:where(.css-dev-only-do-not-override-1r287do).ant-input-outlined:hover {
-  border: solid 1px #919191;
-}
-:where(.css-dev-only-do-not-override-1r287do).ant-input-outlined:focus {
-  border: solid 1px #919191;
-}
-:where(.css-dev-only-do-not-override-1r287do).ant-input-outlined:focus-within {
-  border: solid 1px #919191;
-}
-:where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
-  display: none;
-}
-:where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::after {
-  display: none;
-}
-:where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper:not(:first-child)::before {
-  width: 0;
-}
-:where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper:first-child {
-  border-inline-start: 1px solid rgb(145 145 145);
+:where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper {
+  border: 1px solid #919191;
 }
 .hover\:bg-\[\#F2F2F2\]:hover {
   --tw-bg-opacity: 1;

package/dist/index.d.mts

@@ -73,7 +73,7 @@ declare const SingleSelectElement: (props: ElementType) => React$1.JSX.Element;
 
 declare const MultipleSelectElement: (props: ElementType) => React$1.JSX.Element;
 
-declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
+declare const ButtonElement: React$1.FC<ElementType>;
 
 declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
 

package/dist/index.d.ts

@@ -73,7 +73,7 @@ declare const SingleSelectElement: (props: ElementType) => React$1.JSX.Element;
 
 declare const MultipleSelectElement: (props: ElementType) => React$1.JSX.Element;
 
-declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
+declare const ButtonElement: React$1.FC<ElementType>;
 
 declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
 

package/dist/index.js

@@ -186,15 +186,12 @@ var SelectElement = (props) => {
 var import_react6 = __toESM(require("react"));
 var import_antd6 = require("antd");
 var containerClassName = " ";
-var className = "bg-[#F2F2F2] border border-[#919191] rounded-[8px] p-[6px_6px] m-[10px] hover:bg-[#F2F2F2] text-center !text-black shadow-[0px_0px_1px_1px_#919191]";
-var selectedClassName = "!bg-[#E2D6F8] !border !border-[#B8A4DE]  rounded-[8px] p-[6px_6px] m-[10px] shadow-[0px_0px_1px_1px_#B8A4DE] text-center !text-black shadow-[0px_0px_1px_1px_#919191]";
+var className = "!bg-[#F2F2F2] !border !border-[#919191] rounded-[8px] p-[6px_6px] m-[10px] hover:bg-[#F2F2F2] text-center !text-black shadow-[0px_0px_1px_1px_#919191]";
+var selectedClassName = "!bg-[#E2D6F8] !border !border-[#B8A4DE] rounded-[8px] p-[6px_6px] m-[10px] shadow-[0px_0px_1px_1px_#B8A4DE] text-center !text-black shadow-[0px_0px_1px_1px_#919191]";
 var RadioElement = (props) => {
   const [isDisabled, setIsDisabled] = (0, import_react6.useState)(props.disabled);
   const [selectedValue, setSelectedValue] = (0, import_react6.useState)(props.value);
-  let optionType;
-  if (props.optionType === "button") {
-    optionType = props.optionType;
-  }
+  const optionType = props.optionType === "button" ? "button" : void 0;
   const handleChange = (e) => {
     const selectedVal = e.target.value;
     const selectedOptions = [{ id: selectedVal, value: selectedVal }];
@@ -207,12 +204,12 @@ var RadioElement = (props) => {
   const getButtonStyle = (option) => {
     return selectedValue === option.value ? `${selectedClassName} ${option.selectedClassName}` : `${className} ${option.className}`;
   };
-  return /* @__PURE__ */ import_react6.default.createElement("div", null, /* @__PURE__ */ import_react6.default.createElement(
+  return /* @__PURE__ */ import_react6.default.createElement("div", { className: containerClassName }, /* @__PURE__ */ import_react6.default.createElement(
     import_antd6.Radio.Group,
     {
       onChange: handleChange,
       optionType,
-      className: `${containerClassName} ${props.className && props.className}`,
+      className: props.className,
       value: selectedValue
     },
     props.options && props.options.map((option) => /* @__PURE__ */ import_react6.default.createElement(
@@ -387,12 +384,19 @@ var MultipleSelectElement = (props) => {
 // src/Components/Button.tsx
 var import_react12 = __toESM(require("react"));
 var import_antd10 = require("antd");
-var className2 = "w-[126px] h-[40px] bg-purple-800 text-white rounded-full shadow-lg submit border-none";
+var defaultClassName = "w-[126px] h-[40px] bg-purple-800 text-white rounded-full shadow-lg submit border-none";
 var ButtonElement = (props) => {
   const handleClick = typeof props.action === "string" ? () => {
     console.log("Performing action:", props.action);
   } : props.action;
-  return /* @__PURE__ */ import_react12.default.createElement(import_antd10.Flex, null, /* @__PURE__ */ import_react12.default.createElement(import_antd10.Button, { onClick: handleClick, className: `${className2} ${props.className && props.className}` }, props.label));
+  return /* @__PURE__ */ import_react12.default.createElement(
+    import_antd10.Button,
+    {
+      onClick: handleClick,
+      className: `${defaultClassName} ${props.className ? props.className : ""}`
+    },
+    props.label
+  );
 };
 
 // src/Components/AddMoreTable.tsx

package/dist/index.mjs

@@ -139,15 +139,12 @@ var SelectElement = (props) => {
 import React6, { useState as useState2 } from "react";
 import { Radio } from "antd";
 var containerClassName = " ";
-var className = "bg-[#F2F2F2] border border-[#919191] rounded-[8px] p-[6px_6px] m-[10px] hover:bg-[#F2F2F2] text-center !text-black shadow-[0px_0px_1px_1px_#919191]";
-var selectedClassName = "!bg-[#E2D6F8] !border !border-[#B8A4DE]  rounded-[8px] p-[6px_6px] m-[10px] shadow-[0px_0px_1px_1px_#B8A4DE] text-center !text-black shadow-[0px_0px_1px_1px_#919191]";
+var className = "!bg-[#F2F2F2] !border !border-[#919191] rounded-[8px] p-[6px_6px] m-[10px] hover:bg-[#F2F2F2] text-center !text-black shadow-[0px_0px_1px_1px_#919191]";
+var selectedClassName = "!bg-[#E2D6F8] !border !border-[#B8A4DE] rounded-[8px] p-[6px_6px] m-[10px] shadow-[0px_0px_1px_1px_#B8A4DE] text-center !text-black shadow-[0px_0px_1px_1px_#919191]";
 var RadioElement = (props) => {
   const [isDisabled, setIsDisabled] = useState2(props.disabled);
   const [selectedValue, setSelectedValue] = useState2(props.value);
-  let optionType;
-  if (props.optionType === "button") {
-    optionType = props.optionType;
-  }
+  const optionType = props.optionType === "button" ? "button" : void 0;
   const handleChange = (e) => {
     const selectedVal = e.target.value;
     const selectedOptions = [{ id: selectedVal, value: selectedVal }];
@@ -160,12 +157,12 @@ var RadioElement = (props) => {
   const getButtonStyle = (option) => {
     return selectedValue === option.value ? `${selectedClassName} ${option.selectedClassName}` : `${className} ${option.className}`;
   };
-  return /* @__PURE__ */ React6.createElement("div", null, /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React6.createElement("div", { className: containerClassName }, /* @__PURE__ */ React6.createElement(
     Radio.Group,
     {
       onChange: handleChange,
       optionType,
-      className: `${containerClassName} ${props.className && props.className}`,
+      className: props.className,
       value: selectedValue
     },
     props.options && props.options.map((option) => /* @__PURE__ */ React6.createElement(
@@ -339,13 +336,20 @@ var MultipleSelectElement = (props) => {
 
 // src/Components/Button.tsx
 import React11 from "react";
-import { Button as Button2, Flex as Flex2 } from "antd";
-var className2 = "w-[126px] h-[40px] bg-purple-800 text-white rounded-full shadow-lg submit border-none";
+import { Button as Button2 } from "antd";
+var defaultClassName = "w-[126px] h-[40px] bg-purple-800 text-white rounded-full shadow-lg submit border-none";
 var ButtonElement = (props) => {
   const handleClick = typeof props.action === "string" ? () => {
     console.log("Performing action:", props.action);
   } : props.action;
-  return /* @__PURE__ */ React11.createElement(Flex2, null, /* @__PURE__ */ React11.createElement(Button2, { onClick: handleClick, className: `${className2} ${props.className && props.className}` }, props.label));
+  return /* @__PURE__ */ React11.createElement(
+    Button2,
+    {
+      onClick: handleClick,
+      className: `${defaultClassName} ${props.className ? props.className : ""}`
+    },
+    props.label
+  );
 };
 
 // src/Components/AddMoreTable.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.12-Beta52",
+  "version": "0.0.12-Beta54",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",

package/tailwind.config.js

@@ -1,10 +1,9 @@
-/** @type {import('tailwindcss').Config} */
 module.exports = {
   content: [
-    "./src/**/*.{js,jsx,ts,tsx}",
+    "./src/**/*.{html,js,ts,jsx,tsx}",
   ],
   theme: {
     extend: {},
   },
   plugins: [],
-}
+}