@esportsplus/ui 0.35.14 → 0.36.0

package/build/components/form/action.js

@@ -29,6 +29,7 @@ export default (attributes, content) => {
     let { action, state } = attributes;
     return html `
         <form
+            class='form'
             ${omit(attributes, OMIT)}
             ${{
         onclick: function (event) {

package/build/components/form/index.d.ts

@@ -1,3 +1,4 @@
+import './scss/index.scss';
 declare const _default: {
     action: <T extends Record<string, any>>(attributes: {
         action: (data: {

package/build/components/form/index.js

@@ -1,3 +1,4 @@
 import action from './action.js';
 import input from './input.js';
+import './scss/index.scss';
 export default { action, input };

package/build/components/form/scss/index.scss

@@ -0,0 +1,2 @@
+@layer components {.form{--gap-horizontal:0px;--gap-vertical:0px;--margin-horizontal:0px;--margin-vertical:0px;gap:var(--gap-vertical)var(--gap-horizontal);margin:var(--margin-vertical)var(--margin-horizontal);flex-wrap:wrap;justify-content:flex-start;display:flex;position:relative}}
+/*$vite$:1*/

package/package.json

@@ -3,14 +3,14 @@
   "dependencies": {
     "@esportsplus/action": "^0.0.58",
     "@esportsplus/queue": "^0.1.0",
-    "@esportsplus/reactivity": "^0.18.0",
+    "@esportsplus/reactivity": "^0.18.1",
     "@esportsplus/template": "^0.26.2",
-    "@esportsplus/utilities": "^0.22.2",
+    "@esportsplus/utilities": "^0.23.1",
     "modern-normalize": "^3.0.1"
   },
   "devDependencies": {
     "@esportsplus/typescript": "^0.9.2",
-    "@types/node": "^24.3.1",
+    "@types/node": "^24.4.0",
     "autoprefixer": "^10.4.21",
     "glob": "^11.0.3",
     "lightningcss": "^1.30.1",
@@ -42,7 +42,7 @@
   "private": false,
   "sideEffects": false,
   "type": "module",
-  "version": "0.35.14",
+  "version": "0.36.0",
   "scripts": {
     "build": "run-s build:vite build:ts",
     "build:ts": "tsc && tsc-alias",

package/src/components/form/action.ts

@@ -51,6 +51,7 @@ export default <T extends Record<string, any>>(
 
     return html`
         <form
+            class='form'
             ${omit(attributes, OMIT)}
             ${{
                 onclick: function(event) {

package/src/components/form/index.ts

@@ -1,5 +1,6 @@
 import action from './action';
 import input from './input';
+import './scss/index.scss';
 
 
 export default { action, input };

package/src/components/form/scss/index.scss

@@ -0,0 +1,10 @@
+@use 'variables';
+
+.form {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--gap-vertical) var(--gap-horizontal);
+    justify-content: flex-start;
+    margin: var(--margin-vertical) var(--margin-horizontal);
+    position: relative;
+}

package/src/components/form/scss/variables.scss

@@ -0,0 +1,6 @@
+.form {
+    --gap-horizontal: 0px;
+    --gap-vertical: 0px;
+    --margin-horizontal: 0px;
+    --margin-vertical: 0px;
+}