@esic-lab/data-core-ui 0.0.40 → 0.0.42
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 +35 -0
- package/dist/index.d.mts +1 -2
- package/dist/index.d.ts +1 -2
- package/dist/index.js +180 -144
- package/dist/index.mjs +157 -121
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -32,6 +32,7 @@
|
|
|
32
32
|
--color-green-400: #69c57d;
|
|
33
33
|
--color-green-500: #43b75d;
|
|
34
34
|
--color-green-600: #3da755;
|
|
35
|
+
--color-blue-100: #b0deff;
|
|
35
36
|
--color-blue-500: #0095ff;
|
|
36
37
|
--color-blue-800: #00528c;
|
|
37
38
|
--color-indigo-100: oklch(93% 0.034 272.788);
|
|
@@ -348,9 +349,15 @@
|
|
|
348
349
|
.mr-\[8px\] {
|
|
349
350
|
margin-right: 8px;
|
|
350
351
|
}
|
|
352
|
+
.mb-1 {
|
|
353
|
+
margin-bottom: calc(var(--spacing) * 1);
|
|
354
|
+
}
|
|
351
355
|
.mb-2 {
|
|
352
356
|
margin-bottom: calc(var(--spacing) * 2);
|
|
353
357
|
}
|
|
358
|
+
.mb-3 {
|
|
359
|
+
margin-bottom: calc(var(--spacing) * 3);
|
|
360
|
+
}
|
|
354
361
|
.mb-4 {
|
|
355
362
|
margin-bottom: calc(var(--spacing) * 4);
|
|
356
363
|
}
|
|
@@ -495,6 +502,9 @@
|
|
|
495
502
|
.w-64 {
|
|
496
503
|
width: calc(var(--spacing) * 64);
|
|
497
504
|
}
|
|
505
|
+
.w-80 {
|
|
506
|
+
width: calc(var(--spacing) * 80);
|
|
507
|
+
}
|
|
498
508
|
.w-\[10px\] {
|
|
499
509
|
width: 10px;
|
|
500
510
|
}
|
|
@@ -618,6 +628,9 @@
|
|
|
618
628
|
.grid-cols-3 {
|
|
619
629
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
620
630
|
}
|
|
631
|
+
.grid-cols-7 {
|
|
632
|
+
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
633
|
+
}
|
|
621
634
|
.grid-cols-\[1fr_50px\] {
|
|
622
635
|
grid-template-columns: 1fr 50px;
|
|
623
636
|
}
|
|
@@ -666,6 +679,9 @@
|
|
|
666
679
|
.justify-start {
|
|
667
680
|
justify-content: flex-start;
|
|
668
681
|
}
|
|
682
|
+
.gap-1 {
|
|
683
|
+
gap: calc(var(--spacing) * 1);
|
|
684
|
+
}
|
|
669
685
|
.gap-2 {
|
|
670
686
|
gap: calc(var(--spacing) * 2);
|
|
671
687
|
}
|
|
@@ -977,6 +993,9 @@
|
|
|
977
993
|
.pb-2 {
|
|
978
994
|
padding-bottom: calc(var(--spacing) * 2);
|
|
979
995
|
}
|
|
996
|
+
.text-center {
|
|
997
|
+
text-align: center;
|
|
998
|
+
}
|
|
980
999
|
.text-left {
|
|
981
1000
|
text-align: left;
|
|
982
1001
|
}
|
|
@@ -1093,6 +1112,15 @@
|
|
|
1093
1112
|
var(--tw-ring-shadow),
|
|
1094
1113
|
var(--tw-shadow);
|
|
1095
1114
|
}
|
|
1115
|
+
.shadow-xl {
|
|
1116
|
+
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
1117
|
+
box-shadow:
|
|
1118
|
+
var(--tw-inset-shadow),
|
|
1119
|
+
var(--tw-inset-ring-shadow),
|
|
1120
|
+
var(--tw-ring-offset-shadow),
|
|
1121
|
+
var(--tw-ring-shadow),
|
|
1122
|
+
var(--tw-shadow);
|
|
1123
|
+
}
|
|
1096
1124
|
.outline {
|
|
1097
1125
|
outline-style: var(--tw-outline-style);
|
|
1098
1126
|
outline-width: 1px;
|
|
@@ -1288,6 +1316,13 @@
|
|
|
1288
1316
|
}
|
|
1289
1317
|
}
|
|
1290
1318
|
}
|
|
1319
|
+
.hover\:bg-blue-100 {
|
|
1320
|
+
&:hover {
|
|
1321
|
+
@media (hover: hover) {
|
|
1322
|
+
background-color: var(--color-blue-100);
|
|
1323
|
+
}
|
|
1324
|
+
}
|
|
1325
|
+
}
|
|
1291
1326
|
.hover\:bg-gray-100 {
|
|
1292
1327
|
&:hover {
|
|
1293
1328
|
@media (hover: hover) {
|
package/dist/index.d.mts
CHANGED
|
@@ -265,14 +265,13 @@ interface DatePickerBasicProps {
|
|
|
265
265
|
placeholder?: string;
|
|
266
266
|
disabled?: boolean;
|
|
267
267
|
defaultValue?: Date | null;
|
|
268
|
-
mode?: "time" | "date" | "month";
|
|
269
268
|
minDate?: Date;
|
|
270
269
|
maxDate?: Date;
|
|
271
270
|
disabledDate?: (currentDate: Date) => boolean;
|
|
272
271
|
className?: string;
|
|
273
272
|
size?: "small" | "middle" | "large";
|
|
274
273
|
}
|
|
275
|
-
declare function DatePickerBasic({ value, onChange,
|
|
274
|
+
declare function DatePickerBasic({ value, onChange, label, required, error, disabled, placeholder, minDate, maxDate, disabledDate, }: DatePickerBasicProps): react_jsx_runtime.JSX.Element;
|
|
276
275
|
|
|
277
276
|
interface ColorPickerProps {
|
|
278
277
|
value: string | null;
|
package/dist/index.d.ts
CHANGED
|
@@ -265,14 +265,13 @@ interface DatePickerBasicProps {
|
|
|
265
265
|
placeholder?: string;
|
|
266
266
|
disabled?: boolean;
|
|
267
267
|
defaultValue?: Date | null;
|
|
268
|
-
mode?: "time" | "date" | "month";
|
|
269
268
|
minDate?: Date;
|
|
270
269
|
maxDate?: Date;
|
|
271
270
|
disabledDate?: (currentDate: Date) => boolean;
|
|
272
271
|
className?: string;
|
|
273
272
|
size?: "small" | "middle" | "large";
|
|
274
273
|
}
|
|
275
|
-
declare function DatePickerBasic({ value, onChange,
|
|
274
|
+
declare function DatePickerBasic({ value, onChange, label, required, error, disabled, placeholder, minDate, maxDate, disabledDate, }: DatePickerBasicProps): react_jsx_runtime.JSX.Element;
|
|
276
275
|
|
|
277
276
|
interface ColorPickerProps {
|
|
278
277
|
value: string | null;
|