@apexcura/ui-components 0.0.16-Beta15 → 0.0.16-Beta17

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.
package/dist/index.css ADDED
@@ -0,0 +1,482 @@
1
+ /* src/styles/index.css */
2
+ *,
3
+ ::before,
4
+ ::after {
5
+ box-sizing: border-box;
6
+ border-width: 0;
7
+ border-style: solid;
8
+ border-color: #e5e7eb;
9
+ }
10
+ ::before,
11
+ ::after {
12
+ --tw-content: "";
13
+ }
14
+ html,
15
+ :host {
16
+ line-height: 1.5;
17
+ -webkit-text-size-adjust: 100%;
18
+ -moz-tab-size: 4;
19
+ -o-tab-size: 4;
20
+ tab-size: 4;
21
+ font-family:
22
+ ui-sans-serif,
23
+ system-ui,
24
+ sans-serif,
25
+ "Apple Color Emoji",
26
+ "Segoe UI Emoji",
27
+ "Segoe UI Symbol",
28
+ "Noto Color Emoji";
29
+ font-feature-settings: normal;
30
+ font-variation-settings: normal;
31
+ -webkit-tap-highlight-color: transparent;
32
+ }
33
+ body {
34
+ margin: 0;
35
+ line-height: inherit;
36
+ }
37
+ hr {
38
+ height: 0;
39
+ color: inherit;
40
+ border-top-width: 1px;
41
+ }
42
+ abbr:where([title]) {
43
+ -webkit-text-decoration: underline dotted;
44
+ text-decoration: underline dotted;
45
+ }
46
+ h1,
47
+ h2,
48
+ h3,
49
+ h4,
50
+ h5,
51
+ h6 {
52
+ font-size: inherit;
53
+ font-weight: inherit;
54
+ }
55
+ a {
56
+ color: inherit;
57
+ text-decoration: inherit;
58
+ }
59
+ b,
60
+ strong {
61
+ font-weight: bolder;
62
+ }
63
+ code,
64
+ kbd,
65
+ samp,
66
+ pre {
67
+ font-family:
68
+ ui-monospace,
69
+ SFMono-Regular,
70
+ Menlo,
71
+ Monaco,
72
+ Consolas,
73
+ "Liberation Mono",
74
+ "Courier New",
75
+ monospace;
76
+ font-feature-settings: normal;
77
+ font-variation-settings: normal;
78
+ font-size: 1em;
79
+ }
80
+ small {
81
+ font-size: 80%;
82
+ }
83
+ sub,
84
+ sup {
85
+ font-size: 75%;
86
+ line-height: 0;
87
+ position: relative;
88
+ vertical-align: baseline;
89
+ }
90
+ sub {
91
+ bottom: -0.25em;
92
+ }
93
+ sup {
94
+ top: -0.5em;
95
+ }
96
+ table {
97
+ text-indent: 0;
98
+ border-color: inherit;
99
+ border-collapse: collapse;
100
+ }
101
+ button,
102
+ input,
103
+ optgroup,
104
+ select,
105
+ textarea {
106
+ font-family: inherit;
107
+ font-feature-settings: inherit;
108
+ font-variation-settings: inherit;
109
+ font-size: 100%;
110
+ font-weight: inherit;
111
+ line-height: inherit;
112
+ letter-spacing: inherit;
113
+ color: inherit;
114
+ margin: 0;
115
+ padding: 0;
116
+ }
117
+ button,
118
+ select {
119
+ text-transform: none;
120
+ }
121
+ button,
122
+ input:where([type=button]),
123
+ input:where([type=reset]),
124
+ input:where([type=submit]) {
125
+ -webkit-appearance: button;
126
+ background-color: transparent;
127
+ background-image: none;
128
+ }
129
+ :-moz-focusring {
130
+ outline: auto;
131
+ }
132
+ :-moz-ui-invalid {
133
+ box-shadow: none;
134
+ }
135
+ progress {
136
+ vertical-align: baseline;
137
+ }
138
+ ::-webkit-inner-spin-button,
139
+ ::-webkit-outer-spin-button {
140
+ height: auto;
141
+ }
142
+ [type=search] {
143
+ -webkit-appearance: textfield;
144
+ outline-offset: -2px;
145
+ }
146
+ ::-webkit-search-decoration {
147
+ -webkit-appearance: none;
148
+ }
149
+ ::-webkit-file-upload-button {
150
+ -webkit-appearance: button;
151
+ font: inherit;
152
+ }
153
+ summary {
154
+ display: list-item;
155
+ }
156
+ blockquote,
157
+ dl,
158
+ dd,
159
+ h1,
160
+ h2,
161
+ h3,
162
+ h4,
163
+ h5,
164
+ h6,
165
+ hr,
166
+ figure,
167
+ p,
168
+ pre {
169
+ margin: 0;
170
+ }
171
+ fieldset {
172
+ margin: 0;
173
+ padding: 0;
174
+ }
175
+ legend {
176
+ padding: 0;
177
+ }
178
+ ol,
179
+ ul,
180
+ menu {
181
+ list-style: none;
182
+ margin: 0;
183
+ padding: 0;
184
+ }
185
+ dialog {
186
+ padding: 0;
187
+ }
188
+ textarea {
189
+ resize: vertical;
190
+ }
191
+ input::-moz-placeholder,
192
+ textarea::-moz-placeholder {
193
+ opacity: 1;
194
+ color: #9ca3af;
195
+ }
196
+ input::placeholder,
197
+ textarea::placeholder {
198
+ opacity: 1;
199
+ color: #9ca3af;
200
+ }
201
+ button,
202
+ [role=button] {
203
+ cursor: pointer;
204
+ }
205
+ :disabled {
206
+ cursor: default;
207
+ }
208
+ img,
209
+ svg,
210
+ video,
211
+ canvas,
212
+ audio,
213
+ iframe,
214
+ embed,
215
+ object {
216
+ display: block;
217
+ vertical-align: middle;
218
+ }
219
+ img,
220
+ video {
221
+ max-width: 100%;
222
+ height: auto;
223
+ }
224
+ [hidden] {
225
+ display: none;
226
+ }
227
+ *,
228
+ ::before,
229
+ ::after {
230
+ --tw-border-spacing-x: 0;
231
+ --tw-border-spacing-y: 0;
232
+ --tw-translate-x: 0;
233
+ --tw-translate-y: 0;
234
+ --tw-rotate: 0;
235
+ --tw-skew-x: 0;
236
+ --tw-skew-y: 0;
237
+ --tw-scale-x: 1;
238
+ --tw-scale-y: 1;
239
+ --tw-pan-x: ;
240
+ --tw-pan-y: ;
241
+ --tw-pinch-zoom: ;
242
+ --tw-scroll-snap-strictness: proximity;
243
+ --tw-gradient-from-position: ;
244
+ --tw-gradient-via-position: ;
245
+ --tw-gradient-to-position: ;
246
+ --tw-ordinal: ;
247
+ --tw-slashed-zero: ;
248
+ --tw-numeric-figure: ;
249
+ --tw-numeric-spacing: ;
250
+ --tw-numeric-fraction: ;
251
+ --tw-ring-inset: ;
252
+ --tw-ring-offset-width: 0px;
253
+ --tw-ring-offset-color: #fff;
254
+ --tw-ring-color: rgb(59 130 246 / 0.5);
255
+ --tw-ring-offset-shadow: 0 0 #0000;
256
+ --tw-ring-shadow: 0 0 #0000;
257
+ --tw-shadow: 0 0 #0000;
258
+ --tw-shadow-colored: 0 0 #0000;
259
+ --tw-blur: ;
260
+ --tw-brightness: ;
261
+ --tw-contrast: ;
262
+ --tw-grayscale: ;
263
+ --tw-hue-rotate: ;
264
+ --tw-invert: ;
265
+ --tw-saturate: ;
266
+ --tw-sepia: ;
267
+ --tw-drop-shadow: ;
268
+ --tw-backdrop-blur: ;
269
+ --tw-backdrop-brightness: ;
270
+ --tw-backdrop-contrast: ;
271
+ --tw-backdrop-grayscale: ;
272
+ --tw-backdrop-hue-rotate: ;
273
+ --tw-backdrop-invert: ;
274
+ --tw-backdrop-opacity: ;
275
+ --tw-backdrop-saturate: ;
276
+ --tw-backdrop-sepia: ;
277
+ --tw-contain-size: ;
278
+ --tw-contain-layout: ;
279
+ --tw-contain-paint: ;
280
+ --tw-contain-style: ;
281
+ }
282
+ ::backdrop {
283
+ --tw-border-spacing-x: 0;
284
+ --tw-border-spacing-y: 0;
285
+ --tw-translate-x: 0;
286
+ --tw-translate-y: 0;
287
+ --tw-rotate: 0;
288
+ --tw-skew-x: 0;
289
+ --tw-skew-y: 0;
290
+ --tw-scale-x: 1;
291
+ --tw-scale-y: 1;
292
+ --tw-pan-x: ;
293
+ --tw-pan-y: ;
294
+ --tw-pinch-zoom: ;
295
+ --tw-scroll-snap-strictness: proximity;
296
+ --tw-gradient-from-position: ;
297
+ --tw-gradient-via-position: ;
298
+ --tw-gradient-to-position: ;
299
+ --tw-ordinal: ;
300
+ --tw-slashed-zero: ;
301
+ --tw-numeric-figure: ;
302
+ --tw-numeric-spacing: ;
303
+ --tw-numeric-fraction: ;
304
+ --tw-ring-inset: ;
305
+ --tw-ring-offset-width: 0px;
306
+ --tw-ring-offset-color: #fff;
307
+ --tw-ring-color: rgb(59 130 246 / 0.5);
308
+ --tw-ring-offset-shadow: 0 0 #0000;
309
+ --tw-ring-shadow: 0 0 #0000;
310
+ --tw-shadow: 0 0 #0000;
311
+ --tw-shadow-colored: 0 0 #0000;
312
+ --tw-blur: ;
313
+ --tw-brightness: ;
314
+ --tw-contrast: ;
315
+ --tw-grayscale: ;
316
+ --tw-hue-rotate: ;
317
+ --tw-invert: ;
318
+ --tw-saturate: ;
319
+ --tw-sepia: ;
320
+ --tw-drop-shadow: ;
321
+ --tw-backdrop-blur: ;
322
+ --tw-backdrop-brightness: ;
323
+ --tw-backdrop-contrast: ;
324
+ --tw-backdrop-grayscale: ;
325
+ --tw-backdrop-hue-rotate: ;
326
+ --tw-backdrop-invert: ;
327
+ --tw-backdrop-opacity: ;
328
+ --tw-backdrop-saturate: ;
329
+ --tw-backdrop-sepia: ;
330
+ --tw-contain-size: ;
331
+ --tw-contain-layout: ;
332
+ --tw-contain-paint: ;
333
+ --tw-contain-style: ;
334
+ }
335
+ .visible {
336
+ visibility: visible;
337
+ }
338
+ .fixed {
339
+ position: fixed;
340
+ }
341
+ .m-10 {
342
+ margin: 2.5rem;
343
+ }
344
+ .m-\[10px\] {
345
+ margin: 10px;
346
+ }
347
+ .flex {
348
+ display: flex;
349
+ }
350
+ .table {
351
+ display: table;
352
+ }
353
+ .grid {
354
+ display: grid;
355
+ }
356
+ .flex-col {
357
+ flex-direction: column;
358
+ }
359
+ .rounded-\[8px\] {
360
+ border-radius: 8px;
361
+ }
362
+ .border {
363
+ border-width: 1px;
364
+ }
365
+ .border-4 {
366
+ border-width: 4px;
367
+ }
368
+ .border-\[\#919191\] {
369
+ --tw-border-opacity: 1;
370
+ border-color: rgb(145 145 145 / var(--tw-border-opacity));
371
+ }
372
+ .border-\[\#B8A4DE\] {
373
+ --tw-border-opacity: 1;
374
+ border-color: rgb(184 164 222 / var(--tw-border-opacity));
375
+ }
376
+ .bg-\[\#E2D6F8\] {
377
+ --tw-bg-opacity: 1;
378
+ background-color: rgb(226 214 248 / var(--tw-bg-opacity));
379
+ }
380
+ .bg-\[\#F2F2F2\] {
381
+ --tw-bg-opacity: 1;
382
+ background-color: rgb(242 242 242 / var(--tw-bg-opacity));
383
+ }
384
+ .bg-green-500 {
385
+ --tw-bg-opacity: 1;
386
+ background-color: rgb(34 197 94 / var(--tw-bg-opacity));
387
+ }
388
+ .p-10 {
389
+ padding: 2.5rem;
390
+ }
391
+ .p-\[6px\] {
392
+ padding: 6px;
393
+ }
394
+ .text-center {
395
+ text-align: center;
396
+ }
397
+ .font-semibold {
398
+ font-weight: 600;
399
+ }
400
+ .italic {
401
+ font-style: italic;
402
+ }
403
+ .text-\[\\w-\] {
404
+ color: w-;
405
+ }
406
+ .text-black {
407
+ --tw-text-opacity: 1;
408
+ color: rgb(0 0 0 / var(--tw-text-opacity));
409
+ }
410
+ .text-white {
411
+ --tw-text-opacity: 1;
412
+ color: rgb(255 255 255 / var(--tw-text-opacity));
413
+ }
414
+ .shadow-\[0px_0px_1px_1px_\#919191\] {
415
+ --tw-shadow: 0px 0px 1px 1px #919191;
416
+ --tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
417
+ box-shadow:
418
+ var(--tw-ring-offset-shadow, 0 0 #0000),
419
+ var(--tw-ring-shadow, 0 0 #0000),
420
+ var(--tw-shadow);
421
+ }
422
+ .shadow-\[0px_0px_1px_1px_\#B8A4DE\] {
423
+ --tw-shadow: 0px 0px 1px 1px #B8A4DE;
424
+ --tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
425
+ box-shadow:
426
+ var(--tw-ring-offset-shadow, 0 0 #0000),
427
+ var(--tw-ring-shadow, 0 0 #0000),
428
+ var(--tw-shadow);
429
+ }
430
+ .invert {
431
+ --tw-invert: invert(100%);
432
+ 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);
433
+ }
434
+ .filter {
435
+ 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);
436
+ }
437
+ .bg-sky-700 .icon-active {
438
+ filter: brightness(0) invert(1);
439
+ }
440
+ .submit.ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
441
+ color: #472D7A;
442
+ background-color: white;
443
+ border: solid 1px #472D7A;
444
+ }
445
+ .ant-radio-button-wrapper {
446
+ border: 1px solid #919191 !important;
447
+ }
448
+ .ant-input-affix-wrapper {
449
+ border: solid 1px #919191 !important;
450
+ width: 275px !important;
451
+ height: 16px !important;
452
+ padding: 16px !important;
453
+ gap: 10px !important;
454
+ }
455
+ .ant-input-outlined:hover {
456
+ border: solid 1px #919191 !important;
457
+ }
458
+ .ant-input-outlined:focus {
459
+ border: solid 1px #919191 !important;
460
+ }
461
+ .ant-input-outlined:focus-within {
462
+ border: solid 1px #919191 !important;
463
+ }
464
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
465
+ display: none !important;
466
+ }
467
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::after {
468
+ display: none !important;
469
+ }
470
+ .ant-radio-button-wrapper:not(:first-child)::before {
471
+ width: 0 !important;
472
+ }
473
+ .ant-radio-button-wrapper:first-child {
474
+ border-inline-start: 1px solid rgb(145 145 145) !important;
475
+ }
476
+ .ant-tabs-top > .ant-tabs-nav {
477
+ margin: 0px !important;
478
+ }
479
+ .hover\:bg-\[\#F2F2F2\]:hover {
480
+ --tw-bg-opacity: 1;
481
+ background-color: rgb(242 242 242 / var(--tw-bg-opacity));
482
+ }
package/dist/index.d.mts CHANGED
@@ -72,14 +72,6 @@ type ElementType = {
72
72
  pagination?: boolean;
73
73
  is_detail?: boolean;
74
74
  dateTime?: string;
75
- minRows?: number;
76
- maxRows?: number;
77
- mode?: "multiple" | "tags" | undefined;
78
- picker?: "date" | "week" | "month" | "quarter" | "year";
79
- weekrange?: boolean;
80
- message?: string;
81
- description?: string;
82
- notificationType?: 'success' | 'info' | 'warning' | 'error';
83
75
  };
84
76
 
85
77
  declare const TextElement: (props: ElementType) => React$1.JSX.Element;
@@ -147,10 +139,4 @@ declare const DoubleBarChart: (props: ElementType) => React$1.JSX.Element;
147
139
 
148
140
  declare const BarChart: (props: ElementType) => React$1.JSX.Element;
149
141
 
150
- declare const DivContainer: (props: ElementType) => React$1.JSX.Element;
151
-
152
- declare const ColorPickerElement: (props: ElementType) => React$1.JSX.Element;
153
-
154
- declare const NotificationAlert: (props: ElementType) => React$1.JSX.Element;
155
-
156
- export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, ColorPickerElement, DatePickerElement, DateRangePickerElement, DivContainer, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NotificationAlert, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
142
+ export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, DatePickerElement, DateRangePickerElement, 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
@@ -72,14 +72,6 @@ type ElementType = {
72
72
  pagination?: boolean;
73
73
  is_detail?: boolean;
74
74
  dateTime?: string;
75
- minRows?: number;
76
- maxRows?: number;
77
- mode?: "multiple" | "tags" | undefined;
78
- picker?: "date" | "week" | "month" | "quarter" | "year";
79
- weekrange?: boolean;
80
- message?: string;
81
- description?: string;
82
- notificationType?: 'success' | 'info' | 'warning' | 'error';
83
75
  };
84
76
 
85
77
  declare const TextElement: (props: ElementType) => React$1.JSX.Element;
@@ -147,10 +139,4 @@ declare const DoubleBarChart: (props: ElementType) => React$1.JSX.Element;
147
139
 
148
140
  declare const BarChart: (props: ElementType) => React$1.JSX.Element;
149
141
 
150
- declare const DivContainer: (props: ElementType) => React$1.JSX.Element;
151
-
152
- declare const ColorPickerElement: (props: ElementType) => React$1.JSX.Element;
153
-
154
- declare const NotificationAlert: (props: ElementType) => React$1.JSX.Element;
155
-
156
- export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, ColorPickerElement, DatePickerElement, DateRangePickerElement, DivContainer, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NotificationAlert, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };
142
+ export { AddMoreTable, BarChart, ButtonElement, CheckboxElement, CircleDonut, CkEditor, DatePickerElement, DateRangePickerElement, DoubleBarChart, DropDownGroup, FileUpload, HorizontalBarChart, Image, LineChart, MultipleSelectElement, Navbar, NumberElement, OtpElement, PasswordElement, RadioElement, SelectElement, SemiCircleDonut, Sidebar, SingleCheckbox, SingleSelectElement, SwitchElement, TableElement, TabsElement, TextElement, TextareaElement, Upload };