@apexcura/ui-components 0.0.12-Beta58 → 0.0.12-Beta59

package/dist/index.css

@@ -335,6 +335,12 @@ video {
 .visible {
   visibility: visible;
 }
+.\!m-\[10px\] {
+  margin: 10px !important;
+}
+.m-\[10px\] {
+  margin: 10px;
+}
 .table {
   display: table;
 }
@@ -344,26 +350,88 @@ video {
 .w-\[126px\] {
   width: 126px;
 }
+.\!rounded-\[8px\] {
+  border-radius: 8px !important;
+}
+.rounded-\[8px\] {
+  border-radius: 8px;
+}
 .rounded-full {
   border-radius: 9999px;
 }
-.border {
-  border-width: 1px;
+.\!border {
+  border-width: 1px !important;
 }
 .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;
+}
+.\!bg-\[\#E2D6F8\] {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(226 214 248 / var(--tw-bg-opacity)) !important;
+}
+.\!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\] {
+  padding: 6px !important;
+}
+.p-\[6px\] {
+  padding: 6px;
+}
+.\!text-center {
+  text-align: center !important;
+}
+.text-center {
+  text-align: center;
+}
 .italic {
   font-style: italic;
 }
+.\!text-black {
+  --tw-text-opacity: 1 !important;
+  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
+}
 .text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
+.\!shadow-\[0px_0px_1px_1px_\#919191\] {
+  --tw-shadow: 0px 0px 1px 1px #919191 !important;
+  --tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color) !important;
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow) !important;
+}
+.shadow-\[0px_0px_1px_1px_\#919191\] {
+  --tw-shadow: 0px 0px 1px 1px #919191;
+  --tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
+.shadow-\[0px_0px_1px_1px_\#B8A4DE\] {
+  --tw-shadow: 0px 0px 1px 1px #B8A4DE;
+  --tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);

package/dist/index.js

@@ -185,26 +185,9 @@ var SelectElement = (props) => {
 // src/Components/RadioElement.tsx
 var import_react6 = __toESM(require("react"));
 var import_antd6 = require("antd");
-var radioStyle = {
-  background: "#F2F2F2",
-  border: "1px solid #919191",
-  borderRadius: "8px",
-  padding: "6px",
-  margin: "10px",
-  textAlign: "center",
-  color: "black",
-  boxShadow: "0px 0px 1px 1px #919191"
-};
-var selectedRadioStyle = {
-  background: "#E2D6F8",
-  border: "1px solid #B8A4DE",
-  borderRadius: "8px",
-  padding: "6px",
-  margin: "10px",
-  textAlign: "center",
-  color: "black",
-  boxShadow: "0px 0px 1px 1px #B8A4DE"
-};
+var containerClassName = " ";
+var className = "!bg-[#F2F2F2] !border !border-[#919191] !rounded-[8px] !p-[6px] !m-[10px] 1hover: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);
@@ -219,9 +202,9 @@ var RadioElement = (props) => {
     }
   };
   const getButtonStyle = (option) => {
-    return selectedValue === option.value ? `${selectedRadioStyle} ${option.selectedClassName}` : `${radioStyle} ${option.className}`;
+    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,

package/dist/index.mjs

@@ -138,26 +138,9 @@ var SelectElement = (props) => {
 // src/Components/RadioElement.tsx
 import React6, { useState as useState2 } from "react";
 import { Radio } from "antd";
-var radioStyle = {
-  background: "#F2F2F2",
-  border: "1px solid #919191",
-  borderRadius: "8px",
-  padding: "6px",
-  margin: "10px",
-  textAlign: "center",
-  color: "black",
-  boxShadow: "0px 0px 1px 1px #919191"
-};
-var selectedRadioStyle = {
-  background: "#E2D6F8",
-  border: "1px solid #B8A4DE",
-  borderRadius: "8px",
-  padding: "6px",
-  margin: "10px",
-  textAlign: "center",
-  color: "black",
-  boxShadow: "0px 0px 1px 1px #B8A4DE"
-};
+var containerClassName = " ";
+var className = "!bg-[#F2F2F2] !border !border-[#919191] !rounded-[8px] !p-[6px] !m-[10px] 1hover: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);
@@ -172,9 +155,9 @@ var RadioElement = (props) => {
     }
   };
   const getButtonStyle = (option) => {
-    return selectedValue === option.value ? `${selectedRadioStyle} ${option.selectedClassName}` : `${radioStyle} ${option.className}`;
+    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,

package/package.json

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