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

package/dist/index.css

@@ -335,9 +335,6 @@ video {
 .visible {
   visibility: visible;
 }
-.m-\[10px\] {
-  margin: 10px;
-}
 .table {
   display: table;
 }
@@ -347,71 +344,26 @@ video {
 .w-\[126px\] {
   width: 126px;
 }
-.rounded-\[8px\] {
-  border-radius: 8px;
-}
 .rounded-full {
   border-radius: 9999px;
 }
-.\!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;
-}
-.\!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;
-}
-.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;
-  --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);
@@ -431,7 +383,3 @@ video {
 :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

@@ -185,9 +185,26 @@ var SelectElement = (props) => {
 // src/Components/RadioElement.tsx
 var import_react6 = __toESM(require("react"));
 var import_antd6 = require("antd");
-var containerClassName = " ";
-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 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 RadioElement = (props) => {
   const [isDisabled, setIsDisabled] = (0, import_react6.useState)(props.disabled);
   const [selectedValue, setSelectedValue] = (0, import_react6.useState)(props.value);
@@ -202,9 +219,9 @@ var RadioElement = (props) => {
     }
   };
   const getButtonStyle = (option) => {
-    return selectedValue === option.value ? `${selectedClassName} ${option.selectedClassName}` : `${className} ${option.className}`;
+    return selectedValue === option.value ? `${selectedRadioStyle} ${option.selectedClassName}` : `${radioStyle} ${option.className}`;
   };
-  return /* @__PURE__ */ import_react6.default.createElement("div", { className: containerClassName }, /* @__PURE__ */ import_react6.default.createElement(
+  return /* @__PURE__ */ import_react6.default.createElement("div", null, /* @__PURE__ */ import_react6.default.createElement(
     import_antd6.Radio.Group,
     {
       onChange: handleChange,

package/dist/index.mjs

@@ -138,9 +138,26 @@ var SelectElement = (props) => {
 // src/Components/RadioElement.tsx
 import React6, { useState as useState2 } from "react";
 import { Radio } from "antd";
-var containerClassName = " ";
-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 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 RadioElement = (props) => {
   const [isDisabled, setIsDisabled] = useState2(props.disabled);
   const [selectedValue, setSelectedValue] = useState2(props.value);
@@ -155,9 +172,9 @@ var RadioElement = (props) => {
     }
   };
   const getButtonStyle = (option) => {
-    return selectedValue === option.value ? `${selectedClassName} ${option.selectedClassName}` : `${className} ${option.className}`;
+    return selectedValue === option.value ? `${selectedRadioStyle} ${option.selectedClassName}` : `${radioStyle} ${option.className}`;
   };
-  return /* @__PURE__ */ React6.createElement("div", { className: containerClassName }, /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React6.createElement("div", null, /* @__PURE__ */ React6.createElement(
     Radio.Group,
     {
       onChange: handleChange,

package/package.json

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