@lazhus/kg-ui 0.5.1 → 0.5.2

package/custom-elements.json

@@ -3023,13 +3023,13 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ justify: { type: String, reflect: true }, align: { type: String, reflect: true }, color: { type: String, reflect: true }, gap: { type: String, reflect: true }, }"
+              "default": "{ justify: { type: String, reflect: true }, items: { type: String, reflect: true }, color: { type: String, reflect: true }, gap: { type: String, reflect: true }, }"
             },
             {
               "kind": "field",
               "name": "styles",
               "static": true,
-              "default": "css` :host { display: flex; flex-wrap: wrap; box-sizing: border-box; width: 100%; --kg-gap: var(--kg-space-md, 1rem); /* Default gap variable */ gap: var(--kg-gap); } /* Justify (Horizontal) */ :host([justify=\"start\"]) { justify-content: flex-start; } :host([justify=\"center\"]) { justify-content: center; } :host([justify=\"end\"]) { justify-content: flex-end; } :host([justify=\"space-between\"]) { justify-content: space-between; } :host([justify=\"space-around\"]) { justify-content: space-around; } :host([justify=\"space-evenly\"]) { justify-content: space-evenly; } /* Align (Vertical) */ :host([align=\"start\"]) { align-items: flex-start; } :host([align=\"center\"]) { align-items: center; } :host([align=\"end\"]) { align-items: flex-end; } :host([align=\"stretch\"]) { align-items: stretch; } :host([align=\"baseline\"]) { align-items: baseline; } `"
+              "default": "css` :host { display: flex; flex-wrap: wrap; box-sizing: border-box; width: 100%; --kg-gap: var(--kg-space-md, 1rem); /* Default gap variable */ gap: var(--kg-gap); } /* Justify (Horizontal) */ :host([justify=\"start\"]) { justify-content: flex-start; } :host([justify=\"center\"]) { justify-content: center; } :host([justify=\"end\"]) { justify-content: flex-end; } :host([justify=\"space-between\"]) { justify-content: space-between; } :host([justify=\"space-around\"]) { justify-content: space-around; } :host([justify=\"space-evenly\"]) { justify-content: space-evenly; } /* Items (Vertical) */ :host([items=\"start\"]) { align-items: flex-start; } :host([items=\"center\"]) { align-items: center; } :host([items=\"end\"]) { align-items: flex-end; } :host([items=\"stretch\"]) { align-items: stretch; } :host([items=\"baseline\"]) { align-items: baseline; } `"
             },
             {
               "kind": "method",
@@ -3048,7 +3048,7 @@
                 "text": "String"
               },
               "description": "Vertical alignment (start, center, end, stretch, baseline)",
-              "name": "align",
+              "name": "items",
               "kind": "field"
             },
             {

package/dist/components/kg-row.js

@@ -1,9 +1,9 @@
-var t=Object.defineProperty,e=(e,s,i)=>((e,s,i)=>s in e?t(e,s,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[s]=i)(e,"symbol"!=typeof s?s+"":s,i);import{LitElement as s,css as i,html as n}from"lit";class a extends s{render(){const t=[];return this.color&&t.push(`background-color: ${this.color};`),this.gap&&(t.push(`gap: ${this.gap};`),t.push(`--kg-gap: ${this.gap};`)),n`
+var t=Object.defineProperty,e=(e,s,i)=>((e,s,i)=>s in e?t(e,s,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[s]=i)(e,"symbol"!=typeof s?s+"":s,i);import{LitElement as s,css as i,html as n}from"lit";class r extends s{render(){const t=[];return this.color&&t.push(`background-color: ${this.color};`),this.gap&&(t.push(`gap: ${this.gap};`),t.push(`--kg-gap: ${this.gap};`)),n`
       <style>
         :host { ${t.join(" ")} }
       </style>
       <slot></slot>
-    `}}e(a,"properties",{justify:{type:String,reflect:!0},align:{type:String,reflect:!0},color:{type:String,reflect:!0},gap:{type:String,reflect:!0}}),e(a,"styles",i`
+    `}}e(r,"properties",{justify:{type:String,reflect:!0},items:{type:String,reflect:!0},color:{type:String,reflect:!0},gap:{type:String,reflect:!0}}),e(r,"styles",i`
     :host {
       display: flex;
       flex-wrap: wrap;
@@ -21,10 +21,10 @@ var t=Object.defineProperty,e=(e,s,i)=>((e,s,i)=>s in e?t(e,s,{enumerable:!0,con
     :host([justify="space-around"]) { justify-content: space-around; }
     :host([justify="space-evenly"]) { justify-content: space-evenly; }
 
-    /* Align (Vertical) */
-    :host([align="start"]) { align-items: flex-start; }
-    :host([align="center"]) { align-items: center; }
-    :host([align="end"]) { align-items: flex-end; }
-    :host([align="stretch"]) { align-items: stretch; }
-    :host([align="baseline"]) { align-items: baseline; }
-  `),customElements.define("kg-row",a);export{a as kgrow};
+    /* Items (Vertical) */
+    :host([items="start"]) { align-items: flex-start; }
+    :host([items="center"]) { align-items: center; }
+    :host([items="end"]) { align-items: flex-end; }
+    :host([items="stretch"]) { align-items: stretch; }
+    :host([items="baseline"]) { align-items: baseline; }
+  `),customElements.define("kg-row",r);export{r as kgrow};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lazhus/kg-ui",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "type": "module",
   "files": [
     "dist",

package/types/components/kg-row.d.ts

@@ -5,7 +5,7 @@ export class kgrow extends LitElement {
   /** Horizontal alignment (start, center, end, space-between, space-around, space-evenly) */
   justify: string;
   /** Vertical alignment (start, center, end, stretch, baseline) */
-  align: string;
+  items: string;
   /** Background color */
   color: string;
 }
@@ -19,7 +19,7 @@ declare global {
     interface IntrinsicElements {
       'kg-row': {
       justify?: string;
-      align?: string;
+      items?: string;
       color?: string;
         [key: string]: any;
       };

package/types/index.d.ts

@@ -275,7 +275,7 @@ declare global {
     };
     'kg-row': {
       justify?: string;
-      align?: string;
+      items?: string;
       color?: string;
       [key: string]: any;
     };