@apexcura/ui-components 0.0.12-Beta47 → 0.0.12-Beta48

package/dist/index.js

@@ -185,6 +185,9 @@ var SelectElement = (props) => {
 // src/Components/RadioElement.tsx
 var import_react6 = __toESM(require("react"));
 var import_antd6 = require("antd");
+var containerClassName = "w-[224px] h-[192px] top-[218px] left-[146px] gap-[8px] mt-[15px]";
+var className = "bg-[#F2F2F2] border border-[#919191] w-[183px] h-[42px] rounded-[8px] p-[6px_6px] m-[10px] hover:bg-[#F2F2F2] text-center !text-black";
+var selectedClassName = "!bg-[#E2D6F8] !border !border-[#B8A4DE] w-[183px] h-[42px] rounded-[8px] p-[6px_6px] m-[10px] shadow-[0px_0px_1px_1px_#B8A4DE] text-center !text-black";
 var RadioElement = (props) => {
   const [isDisabled, setIsDisabled] = (0, import_react6.useState)(props.disabled);
   const [selectedValue, setSelectedValue] = (0, import_react6.useState)(props.value);
@@ -202,14 +205,14 @@ var RadioElement = (props) => {
     }
   };
   const getButtonStyle = (option) => {
-    return selectedValue === option.value ? option.selectedClassName : 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(
     import_antd6.Radio.Group,
     {
       onChange: handleChange,
       optionType,
-      className: props.className ? props.className : "",
+      className: `${containerClassName} ${className && className}`,
       value: selectedValue
     },
     props.options && props.options.map((option) => /* @__PURE__ */ import_react6.default.createElement(

package/dist/index.mjs

@@ -138,6 +138,9 @@ var SelectElement = (props) => {
 // src/Components/RadioElement.tsx
 import React6, { useState as useState2 } from "react";
 import { Radio } from "antd";
+var containerClassName = "w-[224px] h-[192px] top-[218px] left-[146px] gap-[8px] mt-[15px]";
+var className = "bg-[#F2F2F2] border border-[#919191] w-[183px] h-[42px] rounded-[8px] p-[6px_6px] m-[10px] hover:bg-[#F2F2F2] text-center !text-black";
+var selectedClassName = "!bg-[#E2D6F8] !border !border-[#B8A4DE] w-[183px] h-[42px] rounded-[8px] p-[6px_6px] m-[10px] shadow-[0px_0px_1px_1px_#B8A4DE] text-center !text-black";
 var RadioElement = (props) => {
   const [isDisabled, setIsDisabled] = useState2(props.disabled);
   const [selectedValue, setSelectedValue] = useState2(props.value);
@@ -155,14 +158,14 @@ var RadioElement = (props) => {
     }
   };
   const getButtonStyle = (option) => {
-    return selectedValue === option.value ? option.selectedClassName : option.className;
+    return selectedValue === option.value ? `${selectedClassName} ${option.selectedClassName}` : `${className} ${option.className}`;
   };
   return /* @__PURE__ */ React6.createElement("div", null, /* @__PURE__ */ React6.createElement(
     Radio.Group,
     {
       onChange: handleChange,
       optionType,
-      className: props.className ? props.className : "",
+      className: `${containerClassName} ${className && 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-Beta47",
+  "version": "0.0.12-Beta48",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",
@@ -36,10 +36,13 @@
     "@types/react-global-configuration": "^1.3.3",
     "@types/testing-library__react": "^10.2.0",
     "antd": "^5.16.5",
+    "autoprefixer": "^10.4.19",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
+    "postcss": "^8.4.38",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "tailwindcss": "^3.4.3",
     "ts-jest": "^29.1.2",
     "tsup": "^8.0.2",
     "typescript": "^5.4.5"

package/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

package/tailwind.config.js

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