@apexcura/ui-components 0.0.12-Beta53 → 0.0.12-Beta55

package/dist/index.css

@@ -356,34 +356,31 @@ 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;
   background-color: rgb(107 33 168 / var(--tw-bg-opacity));
 }
-.p-\[6px_6px\] {
-  padding: 6px 6px;
+.p-\[6px\] {
+  padding: 6px;
 }
 .text-center {
   text-align: center;
@@ -431,6 +428,9 @@ video {
   background-color: white;
   border: solid 1px #472D7A;
 }
+:where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper {
+  border: 1px solid #919191;
+}
 .hover\:bg-\[\#F2F2F2\]:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(242 242 242 / var(--tw-bg-opacity));

package/dist/index.js

@@ -186,8 +186,8 @@ 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] 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] 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);
@@ -202,14 +202,14 @@ var RadioElement = (props) => {
     }
   };
   const getButtonStyle = (option) => {
-    return selectedValue === option.value ? `${selectedClassName} ${option.selectedClassName || ""}` : `${className} ${option.className || ""}`;
+    return selectedValue === option.value ? `${selectedClassName} ${option.selectedClassName}` : `${className} ${option.className}`;
   };
   return /* @__PURE__ */ import_react6.default.createElement("div", { className: containerClassName }, /* @__PURE__ */ import_react6.default.createElement(
     import_antd6.Radio.Group,
     {
       onChange: handleChange,
       optionType,
-      className: props.className || "",
+      className: props.className,
       value: selectedValue
     },
     props.options && props.options.map((option) => /* @__PURE__ */ import_react6.default.createElement(

package/dist/index.mjs

@@ -139,8 +139,8 @@ 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] 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] 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);
@@ -155,14 +155,14 @@ var RadioElement = (props) => {
     }
   };
   const getButtonStyle = (option) => {
-    return selectedValue === option.value ? `${selectedClassName} ${option.selectedClassName || ""}` : `${className} ${option.className || ""}`;
+    return selectedValue === option.value ? `${selectedClassName} ${option.selectedClassName}` : `${className} ${option.className}`;
   };
   return /* @__PURE__ */ React6.createElement("div", { className: containerClassName }, /* @__PURE__ */ React6.createElement(
     Radio.Group,
     {
       onChange: handleChange,
       optionType,
-      className: props.className || "",
+      className: props.className,
       value: selectedValue
     },
     props.options && props.options.map((option) => /* @__PURE__ */ React6.createElement(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.12-Beta53",
+  "version": "0.0.12-Beta55",
   "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: [],
-}
+}