@apexcura/ui-components 0.0.12-Beta50 → 0.0.12-Beta51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.css +28 -24
  2. package/dist/index.js +5 -4
  3. package/dist/index.mjs +5 -4
  4. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -335,45 +335,33 @@ video {
335
335
  .visible {
336
336
  visibility: visible;
337
337
  }
338
- .left-\[146px\] {
339
- left: 146px;
340
- }
341
- .top-\[218px\] {
342
- top: 218px;
343
- }
344
- .m-\[10px\] {
345
- margin: 10px;
346
- }
347
- .mt-\[15px\] {
348
- margin-top: 15px;
338
+ .m-\[5px\] {
339
+ margin: 5px;
349
340
  }
350
341
  .table {
351
342
  display: table;
352
343
  }
353
- .h-\[192px\] {
354
- height: 192px;
355
- }
356
- .h-\[42px\] {
357
- height: 42px;
344
+ .h-\[40px\] {
345
+ height: 40px;
358
346
  }
359
- .w-\[183px\] {
360
- width: 183px;
361
- }
362
- .w-\[224px\] {
363
- width: 224px;
364
- }
365
- .gap-\[8px\] {
366
- gap: 8px;
347
+ .w-\[126px\] {
348
+ width: 126px;
367
349
  }
368
350
  .rounded-\[8px\] {
369
351
  border-radius: 8px;
370
352
  }
353
+ .rounded-full {
354
+ border-radius: 9999px;
355
+ }
371
356
  .\!border {
372
357
  border-width: 1px !important;
373
358
  }
374
359
  .border {
375
360
  border-width: 1px;
376
361
  }
362
+ .border-none {
363
+ border-style: none;
364
+ }
377
365
  .\!border-\[\#B8A4DE\] {
378
366
  --tw-border-opacity: 1 !important;
379
367
  border-color: rgb(184 164 222 / var(--tw-border-opacity)) !important;
@@ -390,6 +378,10 @@ video {
390
378
  --tw-bg-opacity: 1;
391
379
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
392
380
  }
381
+ .bg-purple-800 {
382
+ --tw-bg-opacity: 1;
383
+ background-color: rgb(107 33 168 / var(--tw-bg-opacity));
384
+ }
393
385
  .p-\[6px_6px\] {
394
386
  padding: 6px 6px;
395
387
  }
@@ -403,6 +395,10 @@ video {
403
395
  --tw-text-opacity: 1 !important;
404
396
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
405
397
  }
398
+ .text-white {
399
+ --tw-text-opacity: 1;
400
+ color: rgb(255 255 255 / var(--tw-text-opacity));
401
+ }
406
402
  .shadow-\[0px_0px_1px_1px_\#919191\] {
407
403
  --tw-shadow: 0px 0px 1px 1px #919191;
408
404
  --tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
@@ -419,6 +415,14 @@ video {
419
415
  var(--tw-ring-shadow, 0 0 #0000),
420
416
  var(--tw-shadow);
421
417
  }
418
+ .shadow-lg {
419
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
420
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
421
+ box-shadow:
422
+ var(--tw-ring-offset-shadow, 0 0 #0000),
423
+ var(--tw-ring-shadow, 0 0 #0000),
424
+ var(--tw-shadow);
425
+ }
422
426
  .filter {
423
427
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
424
428
  }
package/dist/index.js CHANGED
@@ -185,9 +185,9 @@ var SelectElement = (props) => {
185
185
  // src/Components/RadioElement.tsx
186
186
  var import_react6 = __toESM(require("react"));
187
187
  var import_antd6 = require("antd");
188
- var containerClassName = "w-[224px] h-[192px] top-[218px] left-[146px] gap-[8px] mt-[15px]";
189
- 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 shadow-[0px_0px_1px_1px_#919191]";
190
- 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 shadow-[0px_0px_1px_1px_#919191]";
188
+ var containerClassName = " ";
189
+ var className = "bg-[#F2F2F2] border border-[#919191] rounded-[8px] p-[6px_6px] m-[5px] hover:bg-[#F2F2F2] text-center !text-black shadow-[0px_0px_1px_1px_#919191]";
190
+ var selectedClassName = "!bg-[#E2D6F8] !border !border-[#B8A4DE] rounded-[8px] p-[6px_6px] m-[5px] shadow-[0px_0px_1px_1px_#B8A4DE] text-center !text-black shadow-[0px_0px_1px_1px_#919191]";
191
191
  var RadioElement = (props) => {
192
192
  const [isDisabled, setIsDisabled] = (0, import_react6.useState)(props.disabled);
193
193
  const [selectedValue, setSelectedValue] = (0, import_react6.useState)(props.value);
@@ -387,11 +387,12 @@ var MultipleSelectElement = (props) => {
387
387
  // src/Components/Button.tsx
388
388
  var import_react12 = __toESM(require("react"));
389
389
  var import_antd10 = require("antd");
390
+ var className2 = "w-[126px] h-[40px] bg-purple-800 text-white rounded-full shadow-lg submit border-none";
390
391
  var ButtonElement = (props) => {
391
392
  const handleClick = typeof props.action === "string" ? () => {
392
393
  console.log("Performing action:", props.action);
393
394
  } : props.action;
394
- return /* @__PURE__ */ import_react12.default.createElement(import_antd10.Flex, null, /* @__PURE__ */ import_react12.default.createElement(import_antd10.Button, { onClick: handleClick, className: props.className }, props.label));
395
+ 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));
395
396
  };
396
397
 
397
398
  // src/Components/AddMoreTable.tsx
package/dist/index.mjs CHANGED
@@ -138,9 +138,9 @@ var SelectElement = (props) => {
138
138
  // src/Components/RadioElement.tsx
139
139
  import React6, { useState as useState2 } from "react";
140
140
  import { Radio } from "antd";
141
- var containerClassName = "w-[224px] h-[192px] top-[218px] left-[146px] gap-[8px] mt-[15px]";
142
- 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 shadow-[0px_0px_1px_1px_#919191]";
143
- 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 shadow-[0px_0px_1px_1px_#919191]";
141
+ var containerClassName = " ";
142
+ var className = "bg-[#F2F2F2] border border-[#919191] rounded-[8px] p-[6px_6px] m-[5px] hover:bg-[#F2F2F2] text-center !text-black shadow-[0px_0px_1px_1px_#919191]";
143
+ var selectedClassName = "!bg-[#E2D6F8] !border !border-[#B8A4DE] rounded-[8px] p-[6px_6px] m-[5px] shadow-[0px_0px_1px_1px_#B8A4DE] text-center !text-black shadow-[0px_0px_1px_1px_#919191]";
144
144
  var RadioElement = (props) => {
145
145
  const [isDisabled, setIsDisabled] = useState2(props.disabled);
146
146
  const [selectedValue, setSelectedValue] = useState2(props.value);
@@ -340,11 +340,12 @@ var MultipleSelectElement = (props) => {
340
340
  // src/Components/Button.tsx
341
341
  import React11 from "react";
342
342
  import { Button as Button2, Flex as Flex2 } from "antd";
343
+ var className2 = "w-[126px] h-[40px] bg-purple-800 text-white rounded-full shadow-lg submit border-none";
343
344
  var ButtonElement = (props) => {
344
345
  const handleClick = typeof props.action === "string" ? () => {
345
346
  console.log("Performing action:", props.action);
346
347
  } : props.action;
347
- return /* @__PURE__ */ React11.createElement(Flex2, null, /* @__PURE__ */ React11.createElement(Button2, { onClick: handleClick, className: props.className }, props.label));
348
+ return /* @__PURE__ */ React11.createElement(Flex2, null, /* @__PURE__ */ React11.createElement(Button2, { onClick: handleClick, className: `${className2} ${props.className && props.className}` }, props.label));
348
349
  };
349
350
 
350
351
  // src/Components/AddMoreTable.tsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.12-Beta50",
3
+ "version": "0.0.12-Beta51",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",