@marianmeres/stuic 1.116.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 text-black/90
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 text-black/75
48
+ text-sm
49
+ text-black/75 dark:text-white/75
47
50
  `,
48
51
  inputBox: `mt-3`,
49
52
  inputField: `m-0`,
@@ -53,11 +56,11 @@ export class AlertConfirmPromptConfig {
53
56
  space-y-3 sm:space-y-0
54
57
  `,
55
58
  menuLi: `flex-1 sm:flex-none w-full sm:w-auto sm:inline-block`,
56
- button: `w-full min-w-24 text-center inline-block`,
59
+ button: `w-full min-w-24 justify-center`,
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:text-black/35 placeholder:tracking-tight
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-transparent
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:tracking-tight
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`,
@@ -89,7 +89,7 @@ const gridCols = [
89
89
  class={twMerge(
90
90
  'caret-black',
91
91
  inputClass,
92
- `font-mono text-transparent black:text-transparent`
92
+ `font-mono text-transparent dark:text-transparent`
93
93
  )}
94
94
  class:cursor-not-allowed={disabled}
95
95
  style="
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@marianmeres/stuic",
3
- "version": "1.116.0",
3
+ "version": "1.118.0",
4
4
  "scripts": {
5
5
  "dev": "vite dev",
6
6
  "build": "vite build && npm run package && node ./scripts/date.js",