@marianmeres/stuic 2.1.22 → 2.1.23

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.
@@ -173,7 +173,7 @@
173
173
  class={twMerge(
174
174
  "validation-box",
175
175
  _classCommon,
176
- "text-xs text-input-accent dark:text-input-accent-dark tracking-tight",
176
+ "text-xs text-input-accent-invalid dark:text-input-accent-invalid-dark tracking-tight",
177
177
  classValidationBox
178
178
  )}
179
179
  >
@@ -85,7 +85,7 @@
85
85
  "gap-y-2 grid rounded-md p-2 mb-8",
86
86
  "border border-neutral-300 dark:border-neutral-600",
87
87
  "bg-neutral-100 dark:bg-neutral-700",
88
- invalid && "border-input-accent dark:border-input-accent-dark",
88
+ invalid && "border-input-accent-invalid dark:border-input-accent-invalid-dark",
89
89
  classProp
90
90
  )}
91
91
  >
@@ -167,7 +167,10 @@
167
167
  focus-within:border-input-accent focus-within:dark:border-input-accent-dark
168
168
  focus-within:ring-input-accent/20 focus-within:dark:ring-input-accent-dark/20
169
169
  focus-within:ring-4`,
170
- invalid && "border-input-accent dark:border-input-accent-dark",
170
+ invalid &&
171
+ `border-input-accent-invalid dark:border-input-accent-invalid-dark
172
+ focus-within:border-input-accent-invalid focus-within:dark:border-input-accent-invalid-dark
173
+ focus-within:ring-input-accent-invalid/20 focus-within:dark:ring-input-accent-invalid-dark/20`,
171
174
  disabled && "cursor-not-allowed opacity-50",
172
175
  _preset.inputBox.size[size],
173
176
  classInputBoxWrap
@@ -187,7 +190,7 @@
187
190
  class={twMerge(
188
191
  "validation-box",
189
192
  _classCommon,
190
- "my-1 text-xs px-2 text-input-accent dark:text-input-accent-dark",
193
+ "my-1 text-xs px-2 text-input-accent-invalid dark:text-input-accent-invalid-dark",
191
194
  classValidationBox
192
195
  )}
193
196
  >
@@ -1,7 +1,10 @@
1
1
  /* prettier-ignore */
2
2
  @theme inline {
3
- --color-input-accent: var(--color-input-accent, var(--color-red-600));
4
- --color-input-accent-dark: var(--color-input-accent-dark, var(--color-red-400));
3
+ --color-input-accent: var(--color-input-accent, var(--color-sky-600));
4
+ --color-input-accent-dark: var(--color-input-accent-dark, var(--color-sky-400));
5
+
6
+ --color-input-accent-invalid: var(--color-input-accent-invalid, var(--color-red-600));
7
+ --color-input-accent-invalid-dark: var(--color-input-accent-invalid-dark, var(--color-red-400));
5
8
  }
6
9
 
7
10
  .stuic-input {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@marianmeres/stuic",
3
- "version": "2.1.22",
3
+ "version": "2.1.23",
4
4
  "scripts": {
5
5
  "dev": "vite dev",
6
6
  "build": "vite build && npm run prepack",