release: version 2025.1.22 (#40)

Author: Sarmaged

form.css

@@ -1,6 +1,6 @@
 {
   "name": "style-forge.form",
-  "version": "2025.1.18",
+  "version": "2025.1.22",
   "description": "Style-Forge.Form: versatile library for easy form creation, validation, styling, and submission in web apps.",
   "type": "module",
   "main": "form.css",

package.json

@@ -68,7 +68,7 @@ html.var .sf-button:not([class*='sf-c-']) {
   color: hsl(0, 0%, 10%);
   background: hsla(0, 0%, 100%, 0.2);
 }
-html.var .sf-button:not(.bdc\:i) { border-color: hsla(0, 0%, 10%, 0.2) }
+html.var .sf-button:not(.bd\:c\:ii) { border-color: hsla(0, 0%, 10%, 0.2) }
 
 html.var a.sf-button:not([href]),
 html.var .sf-button:disabled

src/button.css

@@ -100,7 +100,7 @@ html.var .sf-input:not([class*='sf-c-']) {
   color: hsl(0, 0%, 10%);
   background: hsla(0, 0%, 90%, 0.2);
 }
-html.var .sf-input:not(.bdc\:i) { border-color: hsla(0, 0%, 10%, 0.2) }
+html.var .sf-input:not(.bd\:c\:ii) { border-color: hsla(0, 0%, 10%, 0.2) }
 
 html.var .sf-input::placeholder { color: hsla(0, 0%, 10%, 0.4) }
 html.var .sf-input:placeholder-shown { border-color: hsla(0, 0%, 10%, 0.2) }

src/input.css

@@ -74,6 +74,6 @@ html.var .sf-select:not([class*='sf-c-']) {
   color: hsl(0, 0%, 10%);
   background: hsla(0, 0%, 90%, 0.2);
 }
-html.var .sf-select:not(.bdc\:i) { border-color: hsla(0, 0%, 10%, 0.2) }
+html.var .sf-select:not(.bd\:c\:ii) { border-color: hsla(0, 0%, 10%, 0.2) }
 
 html.var .sf-select:disabled { opacity: 0.4 }

src/select.css

@@ -67,7 +67,7 @@ html.var .sf-textarea:not([class*='sf-c-']) {
   color: hsl(0, 0%, 10%);
   background: hsla(0, 0%, 90%, 0.2);
 }
-html.var .sf-textarea:not(.bdc\:i) { border-color: hsla(0, 0%, 10%, 0.2) }
+html.var .sf-textarea:not(.bd\:c\:ii) { border-color: hsla(0, 0%, 10%, 0.2) }
 
 html.var .sf-textarea::placeholder { color: hsla(0, 0%, 10%, 0.4) }
 html.var .sf-textarea:disabled { opacity: 0.4 }

src/textarea.css

@@ -28,15 +28,15 @@ html.var.dark option
 }
 
 /* reset color */
-html.var[data-theme='dark'] .sf-button:not(.bdc\:i),
-html.var[data-theme='dark'] .sf-input:not(.bdc\:i),
-html.var[data-theme='dark'] .sf-textarea:not(.bdc\:i),
-html.var[data-theme='dark'] .sf-select:not(.bdc\:i),
+html.var[data-theme='dark'] .sf-button:not(.bd\:c\:ii),
+html.var[data-theme='dark'] .sf-input:not(.bd\:c\:ii),
+html.var[data-theme='dark'] .sf-textarea:not(.bd\:c\:ii),
+html.var[data-theme='dark'] .sf-select:not(.bd\:c\:ii),
 html.var[data-theme='dark'] option,
-html.var.dark .sf-button:not(.bdc\:i),
-html.var.dark .sf-input:not(.bdc\:i),
-html.var.dark .sf-textarea:not(.bdc\:i),
-html.var.dark .sf-select:not(.bdc\:i),
+html.var.dark .sf-button:not(.bd\:c\:ii),
+html.var.dark .sf-input:not(.bd\:c\:ii),
+html.var.dark .sf-textarea:not(.bd\:c\:ii),
+html.var.dark .sf-select:not(.bd\:c\:ii),
 html.var.dark option
 { border-color: hsla(0, 0%, 100%, 0.2) }
 

src/theme.css

@@ -19,8 +19,8 @@
   padding: 0 0 0.5em;
 }
 
-html .sf-description, html .sf-invalid, html .sf-valid { display: none }
-html .sf-description { display: block }
+.sf-description, .sf-invalid, .sf-valid { display: none }
+.sf-description { display: block }
 
 .sf-invalid { color: hsl(var(--sf-c-form-error)) }
 .sf-valid:not(.sf-description) { color: hsl(var(--sf-c-form-txt)) }