@mesob/ui 0.3.5 → 0.4.0
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/components.d.ts +115 -2
- package/dist/components.js +1802 -432
- package/dist/components.js.map +1 -1
- package/package.json +1 -1
- package/src/styles/lyra/button.css +28 -0
- package/src/styles/maia/button.css +28 -0
- package/src/styles/mira/button.css +28 -0
- package/src/styles/style-nova.css +28 -0
- package/src/styles/style-vega.css +28 -0
package/package.json
CHANGED
|
@@ -36,6 +36,34 @@
|
|
|
36
36
|
@apply bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40;
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
+
.cn-dropdown-button-shell {
|
|
40
|
+
@apply inline-flex w-fit items-stretch isolate overflow-hidden align-middle;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.cn-dropdown-button-main {
|
|
44
|
+
@apply rounded-r-none! border-r-0;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.cn-dropdown-button-trigger {
|
|
48
|
+
@apply relative -ml-px rounded-l-none! border-l-0;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.cn-dropdown-button-trigger::before {
|
|
52
|
+
@apply bg-border absolute top-1 bottom-1 left-0 w-px content-[''];
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.cn-dropdown-button-trigger[data-size='xs']::before {
|
|
56
|
+
@apply top-0.5 bottom-0.5;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.cn-dropdown-button-trigger[data-size='sm']::before {
|
|
60
|
+
@apply top-0.5 bottom-0.5;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.cn-dropdown-button-variant-danger {
|
|
64
|
+
@apply bg-destructive text-destructive-foreground hover:bg-destructive/90;
|
|
65
|
+
}
|
|
66
|
+
|
|
39
67
|
.cn-button-size-xl {
|
|
40
68
|
@apply h-10 gap-2 px-4.5 has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4 text-sm;
|
|
41
69
|
}
|
|
@@ -36,6 +36,34 @@
|
|
|
36
36
|
@apply bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40;
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
+
.cn-dropdown-button-shell {
|
|
40
|
+
@apply inline-flex w-fit items-stretch isolate overflow-hidden align-middle;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.cn-dropdown-button-main {
|
|
44
|
+
@apply rounded-r-none! border-r-0;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.cn-dropdown-button-trigger {
|
|
48
|
+
@apply relative -ml-px rounded-l-none! border-l-0;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.cn-dropdown-button-trigger::before {
|
|
52
|
+
@apply bg-border/70 absolute top-2 bottom-2 left-0 w-px content-[''];
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.cn-dropdown-button-trigger[data-size='xs']::before {
|
|
56
|
+
@apply top-0.5 bottom-0.5;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.cn-dropdown-button-trigger[data-size='sm']::before {
|
|
60
|
+
@apply top-1 bottom-1;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.cn-dropdown-button-variant-danger {
|
|
64
|
+
@apply bg-destructive text-destructive-foreground hover:bg-destructive/90;
|
|
65
|
+
}
|
|
66
|
+
|
|
39
67
|
.cn-button-size-xl {
|
|
40
68
|
@apply h-12 gap-2 px-7 has-data-[icon=inline-end]:pr-5 has-data-[icon=inline-start]:pl-5 text-lg;
|
|
41
69
|
}
|
|
@@ -36,6 +36,34 @@
|
|
|
36
36
|
@apply bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40;
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
+
.cn-dropdown-button-shell {
|
|
40
|
+
@apply inline-flex w-fit items-stretch isolate overflow-hidden align-middle;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.cn-dropdown-button-main {
|
|
44
|
+
@apply rounded-r-none! border-r-0;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.cn-dropdown-button-trigger {
|
|
48
|
+
@apply relative -ml-px rounded-l-none! border-l-0;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.cn-dropdown-button-trigger::before {
|
|
52
|
+
@apply bg-border/80 absolute top-1 bottom-1 left-0 w-px content-[''];
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.cn-dropdown-button-trigger[data-size='xs']::before {
|
|
56
|
+
@apply top-0.5 bottom-0.5;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.cn-dropdown-button-trigger[data-size='sm']::before {
|
|
60
|
+
@apply top-0.5 bottom-0.5;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.cn-dropdown-button-variant-danger {
|
|
64
|
+
@apply bg-destructive text-destructive-foreground hover:bg-destructive/90;
|
|
65
|
+
}
|
|
66
|
+
|
|
39
67
|
.cn-button-size-xl {
|
|
40
68
|
@apply h-12 gap-2 px-7 has-data-[icon=inline-end]:pr-5 has-data-[icon=inline-start]:pl-5 text-lg;
|
|
41
69
|
}
|
|
@@ -421,6 +421,34 @@
|
|
|
421
421
|
@apply bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40;
|
|
422
422
|
}
|
|
423
423
|
|
|
424
|
+
.cn-dropdown-button-shell {
|
|
425
|
+
@apply inline-flex w-fit items-stretch isolate overflow-hidden align-middle;
|
|
426
|
+
}
|
|
427
|
+
|
|
428
|
+
.cn-dropdown-button-main {
|
|
429
|
+
@apply rounded-r-none! border-r-0;
|
|
430
|
+
}
|
|
431
|
+
|
|
432
|
+
.cn-dropdown-button-trigger {
|
|
433
|
+
@apply relative -ml-px rounded-l-none! border-l-0;
|
|
434
|
+
}
|
|
435
|
+
|
|
436
|
+
.cn-dropdown-button-trigger::before {
|
|
437
|
+
@apply bg-border/80 absolute top-1.5 bottom-1.5 left-0 w-px content-[''];
|
|
438
|
+
}
|
|
439
|
+
|
|
440
|
+
.cn-dropdown-button-trigger[data-size='xs']::before {
|
|
441
|
+
@apply top-0.5 bottom-0.5;
|
|
442
|
+
}
|
|
443
|
+
|
|
444
|
+
.cn-dropdown-button-trigger[data-size='sm']::before {
|
|
445
|
+
@apply top-0.5 bottom-0.5;
|
|
446
|
+
}
|
|
447
|
+
|
|
448
|
+
.cn-dropdown-button-variant-danger {
|
|
449
|
+
@apply bg-destructive text-destructive-foreground hover:bg-destructive/90;
|
|
450
|
+
}
|
|
451
|
+
|
|
424
452
|
.cn-button-size-xl {
|
|
425
453
|
@apply h-12 gap-2 px-7 has-data-[icon=inline-end]:pr-5 has-data-[icon=inline-start]:pl-5 text-lg;
|
|
426
454
|
}
|
|
@@ -417,6 +417,34 @@
|
|
|
417
417
|
@apply bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40;
|
|
418
418
|
}
|
|
419
419
|
|
|
420
|
+
.cn-dropdown-button-shell {
|
|
421
|
+
@apply inline-flex w-fit items-stretch isolate overflow-hidden align-middle;
|
|
422
|
+
}
|
|
423
|
+
|
|
424
|
+
.cn-dropdown-button-main {
|
|
425
|
+
@apply rounded-r-none! border-r-0;
|
|
426
|
+
}
|
|
427
|
+
|
|
428
|
+
.cn-dropdown-button-trigger {
|
|
429
|
+
@apply relative -ml-px rounded-l-none! border-l-0;
|
|
430
|
+
}
|
|
431
|
+
|
|
432
|
+
.cn-dropdown-button-trigger::before {
|
|
433
|
+
@apply bg-border/80 absolute top-1.5 bottom-1.5 left-0 w-px content-[''];
|
|
434
|
+
}
|
|
435
|
+
|
|
436
|
+
.cn-dropdown-button-trigger[data-size='xs']::before {
|
|
437
|
+
@apply top-0.5 bottom-0.5;
|
|
438
|
+
}
|
|
439
|
+
|
|
440
|
+
.cn-dropdown-button-trigger[data-size='sm']::before {
|
|
441
|
+
@apply top-0.5 bottom-0.5;
|
|
442
|
+
}
|
|
443
|
+
|
|
444
|
+
.cn-dropdown-button-variant-danger {
|
|
445
|
+
@apply bg-destructive text-destructive-foreground hover:bg-destructive/90;
|
|
446
|
+
}
|
|
447
|
+
|
|
420
448
|
.cn-button-size-xl {
|
|
421
449
|
@apply h-12 gap-2 px-7 has-data-[icon=inline-end]:pr-5 has-data-[icon=inline-start]:pl-5 text-lg;
|
|
422
450
|
}
|