@marianmeres/stuic 1.118.0 → 1.119.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/AlertConfirmPrompt/AlertConfirmPrompt.svelte +14 -7
- package/dist/components/Button/Button.svelte +3 -3
- package/dist/components/Input/Field.svelte +2 -2
- package/dist/components/Input/FieldCheckbox.svelte +2 -2
- package/dist/components/Input/FieldSelect.svelte +3 -3
- package/dist/components/Input/Fieldset.svelte +1 -1
- package/dist/components/Input/XFieldRadioInternal.svelte +2 -2
- package/dist/components/Notifications/Notifications.svelte +2 -2
- package/dist/components/Switch/Switch.svelte +1 -1
- package/package.json +1 -1
|
@@ -20,33 +20,38 @@ export class AlertConfirmPromptConfig {
|
|
|
20
20
|
w-full sm:max-w-xl
|
|
21
21
|
mx-auto
|
|
22
22
|
p-5 sm:p-6
|
|
23
|
-
bg-white text-black
|
|
24
|
-
dark:bg-black dark:text-white
|
|
25
23
|
rounded-lg
|
|
26
24
|
transition-all
|
|
27
25
|
shadow-xl
|
|
28
26
|
focus-within:outline-0 focus-within:ring-0
|
|
29
|
-
|
|
27
|
+
bg-white
|
|
28
|
+
dark:bg-black
|
|
29
|
+
`,
|
|
30
30
|
icon: `
|
|
31
31
|
size-12 sm:size-10
|
|
32
32
|
mt-1 mb-4 sm:my-0 sm:mr-5
|
|
33
33
|
mx-auto
|
|
34
34
|
flex flex-shrink-0 items-center justify-center
|
|
35
35
|
rounded-full
|
|
36
|
-
|
|
36
|
+
|
|
37
|
+
bg-neutral-100 text-black/50
|
|
37
38
|
dark:bg-neutral-800 dark:text-white/50
|
|
38
39
|
`,
|
|
39
40
|
contentBlock: `mt-3 sm:mt-0 sm:flex-1`,
|
|
40
41
|
title: `
|
|
41
42
|
text-center sm:text-left
|
|
42
43
|
text-base font-semibold leading-6
|
|
43
|
-
|
|
44
|
+
|
|
45
|
+
text-black/90
|
|
46
|
+
dark:text-white/90
|
|
44
47
|
`,
|
|
45
48
|
content: `
|
|
46
49
|
mt-2 mx-3 sm:mx-0
|
|
47
50
|
text-center sm:text-left
|
|
48
51
|
text-sm
|
|
49
|
-
|
|
52
|
+
|
|
53
|
+
text-black/75
|
|
54
|
+
dark:text-white/75
|
|
50
55
|
`,
|
|
51
56
|
inputBox: `mt-3`,
|
|
52
57
|
inputField: `m-0`,
|
|
@@ -60,7 +65,9 @@ export class AlertConfirmPromptConfig {
|
|
|
60
65
|
spinnerBox: `
|
|
61
66
|
absolute inset-0 flex justify-center items-center
|
|
62
67
|
rounded-lg
|
|
63
|
-
|
|
68
|
+
|
|
69
|
+
bg-white/75
|
|
70
|
+
dark:bg-black/75
|
|
64
71
|
`
|
|
65
72
|
};
|
|
66
73
|
// prettier-ignore
|
|
@@ -13,9 +13,9 @@ export class ButtonConfig {
|
|
|
13
13
|
no-underline
|
|
14
14
|
border
|
|
15
15
|
|
|
16
|
-
bg-
|
|
17
|
-
dark:bg-
|
|
18
|
-
border-
|
|
16
|
+
bg-neutral-200 text-black
|
|
17
|
+
dark:bg-neutral-600 dark:text-white
|
|
18
|
+
border-neutral-400 dark:border-neutral-500
|
|
19
19
|
`.trim();
|
|
20
20
|
static presetSquare = "p-0 aspect-square justify-center";
|
|
21
21
|
static presetsRounded = {
|
|
@@ -22,8 +22,8 @@ const _PRESET = {
|
|
|
22
22
|
box: "mb-4 grid",
|
|
23
23
|
// gap-4
|
|
24
24
|
wrap: `
|
|
25
|
-
rounded-md border border-
|
|
26
|
-
bg-
|
|
25
|
+
rounded-md border border-neutral-300 dark:border-neutral-600
|
|
26
|
+
bg-neutral-100 dark:bg-neutral-700
|
|
27
27
|
focus-within:border-stuic-primary
|
|
28
28
|
focus-within:ring-4
|
|
29
29
|
focus-within:ring-stuic-primary
|
|
@@ -20,8 +20,8 @@ const _PRESET = {
|
|
|
20
20
|
box: "mb-4 grid",
|
|
21
21
|
// gap-4
|
|
22
22
|
wrap: `
|
|
23
|
-
rounded-md border border-
|
|
24
|
-
bg-
|
|
23
|
+
rounded-md border border-neutral-300 dark:border-neutral-600
|
|
24
|
+
bg-neutral-100 dark:bg-neutral-700
|
|
25
25
|
focus-within:border-stuic-primary
|
|
26
26
|
focus-within:ring-4
|
|
27
27
|
focus-within:ring-stuic-primary
|
|
@@ -30,7 +30,7 @@ const _PRESET = {
|
|
|
30
30
|
label: `block flex-1 px-2 mb-1`,
|
|
31
31
|
input: `
|
|
32
32
|
rounded-md border-0 block w-full flex-1
|
|
33
|
-
bg-
|
|
33
|
+
bg-neutral-100 dark:bg-neutral-700
|
|
34
34
|
tracking-tight
|
|
35
35
|
focus:outline-0 focus-visible:ring-0
|
|
36
36
|
placeholder:text-black/35 dark:placeholder:text-white/35
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<script context="module">import { twMerge } from "tailwind-merge";
|
|
2
2
|
import Thc from "../Thc/Thc.svelte";
|
|
3
3
|
const _PRESET = {
|
|
4
|
-
box: `border border-
|
|
4
|
+
box: `border border-neutral-200 p-4 pt-3 rounded-md`,
|
|
5
5
|
legend: `px-2`
|
|
6
6
|
};
|
|
7
7
|
export class FieldsetConfig {
|
|
@@ -31,7 +31,7 @@ export class NotificationsConfig {
|
|
|
31
31
|
w-full max-w-sm
|
|
32
32
|
rounded-md
|
|
33
33
|
shadow-lg
|
|
34
|
-
bg-
|
|
34
|
+
bg-neutral-700 text-white
|
|
35
35
|
`,
|
|
36
36
|
count: `
|
|
37
37
|
absolute -top-2 -right-2
|
|
@@ -44,7 +44,7 @@ export class NotificationsConfig {
|
|
|
44
44
|
icon: `
|
|
45
45
|
flex items-start justify-center
|
|
46
46
|
pt-4 pr-0 pb-4 pl-4
|
|
47
|
-
text-
|
|
47
|
+
text-neutral-200
|
|
48
48
|
`,
|
|
49
49
|
content: `
|
|
50
50
|
flex-1
|
|
@@ -11,7 +11,7 @@ export class SwitchConfig {
|
|
|
11
11
|
hover:brightness-[1.05] active:brightness-[0.95]
|
|
12
12
|
disabled:!cursor-not-allowed disabled:!opacity-50 disabled:hover:brightness-100
|
|
13
13
|
|
|
14
|
-
bg-
|
|
14
|
+
bg-neutral-400 dark:bg-neutral-400
|
|
15
15
|
data-[checked=true]:bg-stuic-primary dark:data-[checked=true]:bg-stuic-primary
|
|
16
16
|
`.trim();
|
|
17
17
|
static presetsSize = {
|