@marianmeres/stuic 1.117.0 → 1.118.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.
|
@@ -34,16 +34,19 @@ export class AlertConfirmPromptConfig {
|
|
|
34
34
|
flex flex-shrink-0 items-center justify-center
|
|
35
35
|
rounded-full
|
|
36
36
|
bg-neutral-100 text-black/50
|
|
37
|
+
dark:bg-neutral-800 dark:text-white/50
|
|
37
38
|
`,
|
|
38
39
|
contentBlock: `mt-3 sm:mt-0 sm:flex-1`,
|
|
39
40
|
title: `
|
|
40
41
|
text-center sm:text-left
|
|
41
|
-
text-base font-semibold leading-6
|
|
42
|
+
text-base font-semibold leading-6
|
|
43
|
+
text-black/90 dark:text-white/90
|
|
42
44
|
`,
|
|
43
45
|
content: `
|
|
44
46
|
mt-2 mx-3 sm:mx-0
|
|
45
47
|
text-center sm:text-left
|
|
46
|
-
text-sm
|
|
48
|
+
text-sm
|
|
49
|
+
text-black/75 dark:text-white/75
|
|
47
50
|
`,
|
|
48
51
|
inputBox: `mt-3`,
|
|
49
52
|
inputField: `m-0`,
|
|
@@ -57,7 +60,7 @@ export class AlertConfirmPromptConfig {
|
|
|
57
60
|
spinnerBox: `
|
|
58
61
|
absolute inset-0 flex justify-center items-center
|
|
59
62
|
rounded-lg
|
|
60
|
-
bg-white/75
|
|
63
|
+
bg-white/75 dark:bg-black/75
|
|
61
64
|
`
|
|
62
65
|
};
|
|
63
66
|
// prettier-ignore
|
|
@@ -22,8 +22,8 @@ const _PRESET = {
|
|
|
22
22
|
box: "mb-4 grid",
|
|
23
23
|
// gap-4
|
|
24
24
|
wrap: `
|
|
25
|
-
rounded-md border border-gray-300
|
|
26
|
-
bg-gray-100
|
|
25
|
+
rounded-md border border-gray-300 dark:border-gray-600
|
|
26
|
+
bg-gray-100 dark:bg-gray-700
|
|
27
27
|
focus-within:border-stuic-primary
|
|
28
28
|
focus-within:ring-4
|
|
29
29
|
focus-within:ring-stuic-primary
|
|
@@ -36,7 +36,9 @@ const _PRESET = {
|
|
|
36
36
|
bg-transparent
|
|
37
37
|
tracking-tight
|
|
38
38
|
focus:outline-0 focus-visible:ring-0
|
|
39
|
-
placeholder:
|
|
39
|
+
placeholder:tracking-tight
|
|
40
|
+
placeholder:text-black/35 dark:placeholder:text-white/35
|
|
41
|
+
text-black dark:text-white
|
|
40
42
|
`,
|
|
41
43
|
invalid: `border-stuic-primary`,
|
|
42
44
|
validationMessage: `my-1 text-xs text-stuic-primary px-2 tracking-tight`,
|
|
@@ -20,8 +20,8 @@ const _PRESET = {
|
|
|
20
20
|
box: "mb-4 grid",
|
|
21
21
|
// gap-4
|
|
22
22
|
wrap: `
|
|
23
|
-
rounded-md border border-gray-300
|
|
24
|
-
bg-gray-100
|
|
23
|
+
rounded-md border border-gray-300 dark:border-gray-600
|
|
24
|
+
bg-gray-100 dark:bg-gray-700
|
|
25
25
|
focus-within:border-stuic-primary
|
|
26
26
|
focus-within:ring-4
|
|
27
27
|
focus-within:ring-stuic-primary
|
|
@@ -30,10 +30,11 @@ 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-gray-100 dark:bg-gray-700
|
|
34
34
|
tracking-tight
|
|
35
35
|
focus:outline-0 focus-visible:ring-0
|
|
36
|
-
placeholder:text-black/35 placeholder:
|
|
36
|
+
placeholder:text-black/35 dark:placeholder:text-white/35
|
|
37
|
+
placeholder:tracking-tight
|
|
37
38
|
`,
|
|
38
39
|
invalid: `border-stuic-primary`,
|
|
39
40
|
validationMessage: `my-1 text-xs text-stuic-primary px-2 tracking-tight`,
|