@apexcura/ui-components 0.0.15-Beta10 → 0.0.15-Beta12

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 (8) hide show
  1. package/dist/index.css +40 -23
  2. package/dist/index.d.mts +30 -4
  3. package/dist/index.d.ts +30 -4
  4. package/dist/index.js +793 -333
  5. package/dist/index.mjs +788 -311
  6. package/package.json +11 -5
  7. package/postcss.config.js +7 -6
  8. package/tailwind.config.js +2 -3
package/dist/index.css CHANGED
@@ -347,6 +347,9 @@ video {
347
347
  .table {
348
348
  display: table;
349
349
  }
350
+ .grid {
351
+ display: grid;
352
+ }
350
353
  .rounded-\[8px\] {
351
354
  border-radius: 8px;
352
355
  }
@@ -385,6 +388,10 @@ video {
385
388
  --tw-text-opacity: 1;
386
389
  color: rgb(0 0 0 / var(--tw-text-opacity));
387
390
  }
391
+ .text-white {
392
+ --tw-text-opacity: 1;
393
+ color: rgb(255 255 255 / var(--tw-text-opacity));
394
+ }
388
395
  .shadow-\[0px_0px_1px_1px_\#919191\] {
389
396
  --tw-shadow: 0px 0px 1px 1px #919191;
390
397
  --tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
@@ -401,44 +408,54 @@ video {
401
408
  var(--tw-ring-shadow, 0 0 #0000),
402
409
  var(--tw-shadow);
403
410
  }
411
+ .invert {
412
+ --tw-invert: invert(100%);
413
+ 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);
414
+ }
404
415
  .filter {
405
416
  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);
406
417
  }
407
- .submit:where(.css-dev-only-do-not-override-1r287do).ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
418
+ .bg-sky-700 .icon-active {
419
+ filter: brightness(0) invert(1);
420
+ }
421
+ .submit.ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
408
422
  color: #472D7A;
409
423
  background-color: white;
410
424
  border: solid 1px #472D7A;
411
425
  }
412
- :where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper {
413
- border: 1px solid #919191;
426
+ .ant-radio-button-wrapper {
427
+ border: 1px solid #919191 !important;
414
428
  }
415
- :where(.css-dev-only-do-not-override-1r287do).ant-input-affix-wrapper {
416
- border: solid 1px #919191;
417
- width: 275px;
418
- height: 16px;
419
- padding: 16px;
420
- gap: 10px;
429
+ .ant-input-affix-wrapper {
430
+ border: solid 1px #919191 !important;
431
+ width: 275px !important;
432
+ height: 16px !important;
433
+ padding: 16px !important;
434
+ gap: 10px !important;
421
435
  }
422
- :where(.css-dev-only-do-not-override-1r287do).ant-input-outlined:hover {
423
- border: solid 1px #919191;
436
+ .ant-input-outlined:hover {
437
+ border: solid 1px #919191 !important;
424
438
  }
425
- :where(.css-dev-only-do-not-override-1r287do).ant-input-outlined:focus {
426
- border: solid 1px #919191;
439
+ .ant-input-outlined:focus {
440
+ border: solid 1px #919191 !important;
427
441
  }
428
- :where(.css-dev-only-do-not-override-1r287do).ant-input-outlined:focus-within {
429
- border: solid 1px #919191;
442
+ .ant-input-outlined:focus-within {
443
+ border: solid 1px #919191 !important;
430
444
  }
431
- :where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
432
- display: none;
445
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
446
+ display: none !important;
433
447
  }
434
- :where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::after {
435
- display: none;
448
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::after {
449
+ display: none !important;
450
+ }
451
+ .ant-radio-button-wrapper:not(:first-child)::before {
452
+ width: 0 !important;
436
453
  }
437
- :where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper:not(:first-child)::before {
438
- width: 0;
454
+ .ant-radio-button-wrapper:first-child {
455
+ border-inline-start: 1px solid rgb(145 145 145) !important;
439
456
  }
440
- :where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper:first-child {
441
- border-inline-start: 1px solid rgb(145 145 145);
457
+ .ant-tabs-top > .ant-tabs-nav {
458
+ margin: 0px !important;
442
459
  }
443
460
  .hover\:bg-\[\#F2F2F2\]:hover {
444
461
  --tw-bg-opacity: 1;
package/dist/index.d.mts CHANGED
@@ -46,7 +46,7 @@ type ElementType = {
46
46
  primaryText?: string;
47
47
  secondaryText?: string;
48
48
  count?: number;
49
- icon?: string;
49
+ icon?: string | any;
50
50
  placement?: string;
51
51
  profileImage?: string;
52
52
  buttonClassName?: string;
@@ -65,6 +65,18 @@ type ElementType = {
65
65
  length?: number;
66
66
  imgClassName?: string;
67
67
  loading?: boolean;
68
+ fillText1?: string;
69
+ fillText2?: string;
70
+ labels?: any[];
71
+ data?: any[];
72
+ pagination?: boolean;
73
+ is_detail?: boolean;
74
+ dateTime?: string;
75
+ minRows?: number;
76
+ maxRows?: number;
77
+ mode?: "multiple" | "tags" | undefined;
78
+ picker?: "date" | "week" | "month" | "quarter" | "year";
79
+ weekrange?: boolean;
68
80
  };
69
81
 
70
82
  declare const TextElement: (props: ElementType) => React$1.JSX.Element;
@@ -94,7 +106,7 @@ declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
94
106
 
95
107
  declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
96
108
 
97
- declare const Sidebar: (props: ElementType) => React$1.JSX.Element;
109
+ declare const Sidebar: React$1.FC;
98
110
 
99
111
  declare const Navbar: (props: ElementType) => React$1.JSX.Element;
100
112
 
@@ -120,6 +132,20 @@ declare const Upload: (props: ElementType) => React$1.JSX.Element;
120
132
 
121
133
  declare const OtpElement: (props: ElementType) => React$1.JSX.Element;
122
134
 
123
- declare const Donut: React$1.FC<any>;
135
+ declare const CircleDonut: (props: ElementType) => React$1.JSX.Element;
124
136
 
125
- export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, DatePickerElement, DateRangePickerElement, Donut, DropDownGroup, FileUpload, Image, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
137
+ declare const SemiCircleDonut: (props: ElementType) => React$1.JSX.Element;
138
+
139
+ declare const HorizontalBarChart: (props: ElementType) => React$1.JSX.Element;
140
+
141
+ declare const LineChart: (props: ElementType) => React$1.JSX.Element;
142
+
143
+ declare const DoubleBarChart: (props: ElementType) => React$1.JSX.Element;
144
+
145
+ declare const BarChart: (props: ElementType) => React$1.JSX.Element;
146
+
147
+ declare const DivContainer: (props: ElementType) => React$1.JSX.Element;
148
+
149
+ declare const ColorPickerElement: (props: ElementType) => React$1.JSX.Element;
150
+
151
+ export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, ColorPickerElement, DatePickerElement, DateRangePickerElement, DivContainer, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
package/dist/index.d.ts CHANGED
@@ -46,7 +46,7 @@ type ElementType = {
46
46
  primaryText?: string;
47
47
  secondaryText?: string;
48
48
  count?: number;
49
- icon?: string;
49
+ icon?: string | any;
50
50
  placement?: string;
51
51
  profileImage?: string;
52
52
  buttonClassName?: string;
@@ -65,6 +65,18 @@ type ElementType = {
65
65
  length?: number;
66
66
  imgClassName?: string;
67
67
  loading?: boolean;
68
+ fillText1?: string;
69
+ fillText2?: string;
70
+ labels?: any[];
71
+ data?: any[];
72
+ pagination?: boolean;
73
+ is_detail?: boolean;
74
+ dateTime?: string;
75
+ minRows?: number;
76
+ maxRows?: number;
77
+ mode?: "multiple" | "tags" | undefined;
78
+ picker?: "date" | "week" | "month" | "quarter" | "year";
79
+ weekrange?: boolean;
68
80
  };
69
81
 
70
82
  declare const TextElement: (props: ElementType) => React$1.JSX.Element;
@@ -94,7 +106,7 @@ declare const ButtonElement: (props: ElementType) => React$1.JSX.Element;
94
106
 
95
107
  declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
96
108
 
97
- declare const Sidebar: (props: ElementType) => React$1.JSX.Element;
109
+ declare const Sidebar: React$1.FC;
98
110
 
99
111
  declare const Navbar: (props: ElementType) => React$1.JSX.Element;
100
112
 
@@ -120,6 +132,20 @@ declare const Upload: (props: ElementType) => React$1.JSX.Element;
120
132
 
121
133
  declare const OtpElement: (props: ElementType) => React$1.JSX.Element;
122
134
 
123
- declare const Donut: React$1.FC<any>;
135
+ declare const CircleDonut: (props: ElementType) => React$1.JSX.Element;
124
136
 
125
- export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, DatePickerElement, DateRangePickerElement, Donut, DropDownGroup, FileUpload, Image, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
137
+ declare const SemiCircleDonut: (props: ElementType) => React$1.JSX.Element;
138
+
139
+ declare const HorizontalBarChart: (props: ElementType) => React$1.JSX.Element;
140
+
141
+ declare const LineChart: (props: ElementType) => React$1.JSX.Element;
142
+
143
+ declare const DoubleBarChart: (props: ElementType) => React$1.JSX.Element;
144
+
145
+ declare const BarChart: (props: ElementType) => React$1.JSX.Element;
146
+
147
+ declare const DivContainer: (props: ElementType) => React$1.JSX.Element;
148
+
149
+ declare const ColorPickerElement: (props: ElementType) => React$1.JSX.Element;
150
+
151
+ export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, ColorPickerElement, DatePickerElement, DateRangePickerElement, DivContainer, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };