@badrap/libapp - npm Package Compare versions

Comparing version 0.6.3 to 0.6.4

dist/jsx-runtime.d.ts

@@ -17,14 +17,60 @@ type Json = number | string | boolean | null | Json[] | {
 export declare namespace JSX {
-    interface ElementAttributesProperty {
+    export interface ElementAttributesProperty {
         props: unknown;
     }
-    interface ElementChildrenAttribute {
+    export interface ElementChildrenAttribute {
         children: unknown;
     }
-    type Element = UiNode;
-    interface IntrinsicElements {
+    export type Element = UiNode;
+    type Responsive<T> = T | {
+        base?: T;
+        xs?: T;
+        sm?: T;
+        md?: T;
+        lg?: T;
+    };
+    type Space = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9";
+    export interface IntrinsicElements {
         ["ui-box"]: {
             class?: ClassList;
+            width?: Responsive<string>;
+            minWidth?: Responsive<string>;
+            maxWidth?: Responsive<string>;
+            height?: Responsive<string>;
+            minHeight?: Responsive<string>;
+            maxHeight?: Responsive<string>;
+            p?: Responsive<Space>;
+            px?: Responsive<Space>;
+            py?: Responsive<Space>;
+            pt?: Responsive<Space>;
+            pb?: Responsive<Space>;
+            pl?: Responsive<Space>;
+            pr?: Responsive<Space>;
+            display?: Responsive<"none" | "inline" | "block" | "inline-block">;
             children?: UiNode;
         };
+        ["ui-flex"]: {
+            width?: Responsive<string>;
+            minWidth?: Responsive<string>;
+            maxWidth?: Responsive<string>;
+            height?: Responsive<string>;
+            minHeight?: Responsive<string>;
+            maxHeight?: Responsive<string>;
+            p?: Responsive<Space>;
+            px?: Responsive<Space>;
+            py?: Responsive<Space>;
+            pt?: Responsive<Space>;
+            pb?: Responsive<Space>;
+            pl?: Responsive<Space>;
+            pr?: Responsive<Space>;
+            display?: Responsive<"none" | "flex" | "inline-flex">;
+            gap?: Responsive<Space>;
+            gapX?: Responsive<Space>;
+            gapY?: Responsive<Space>;
+            direction?: Responsive<"row" | "column" | "row-reverse" | "column-reverse">;
+            align?: Responsive<"start" | "end" | "center" | "baseline" | "stretch">;
+            justify?: Responsive<"start" | "end" | "center" | "space-between">;
+            wrap?: Responsive<"wrap" | "nowrap" | "wrap-reverse">;
+            children?: UiNode;
+        };
         ["ui-form"]: {
@@ -105,3 +151,4 @@ children?: UiNode;
     }
+    export {};
 }
 export {};

package.json

 {
   "name": "@badrap/libapp",
-  "version": "0.6.3",
+  "version": "0.6.4",
   "description": "TypeScript helpers for creating Badrap apps",
@@ -5,0 +5,0 @@ "repository": {

src/jsx-runtime.ts

@@ -61,7 +61,54 @@ type Json =
 
+  type Responsive<T> = T | { base?: T; xs?: T; sm?: T; md?: T; lg?: T };
+  type Space = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9";
+
   export interface IntrinsicElements {
     ["ui-box"]: {
       class?: ClassList;
+
+      width?: Responsive<string>;
+      minWidth?: Responsive<string>;
+      maxWidth?: Responsive<string>;
+      height?: Responsive<string>;
+      minHeight?: Responsive<string>;
+      maxHeight?: Responsive<string>;
+      p?: Responsive<Space>;
+      px?: Responsive<Space>;
+      py?: Responsive<Space>;
+      pt?: Responsive<Space>;
+      pb?: Responsive<Space>;
+      pl?: Responsive<Space>;
+      pr?: Responsive<Space>;
+
+      display?: Responsive<"none" | "inline" | "block" | "inline-block">;
+
       children?: UiNode;
     };
+    ["ui-flex"]: {
+      width?: Responsive<string>;
+      minWidth?: Responsive<string>;
+      maxWidth?: Responsive<string>;
+      height?: Responsive<string>;
+      minHeight?: Responsive<string>;
+      maxHeight?: Responsive<string>;
+      p?: Responsive<Space>;
+      px?: Responsive<Space>;
+      py?: Responsive<Space>;
+      pt?: Responsive<Space>;
+      pb?: Responsive<Space>;
+      pl?: Responsive<Space>;
+      pr?: Responsive<Space>;
+
+      display?: Responsive<"none" | "flex" | "inline-flex">;
+      gap?: Responsive<Space>;
+      gapX?: Responsive<Space>;
+      gapY?: Responsive<Space>;
+      direction?: Responsive<
+        "row" | "column" | "row-reverse" | "column-reverse"
+      >;
+      align?: Responsive<"start" | "end" | "center" | "baseline" | "stretch">;
+      justify?: Responsive<"start" | "end" | "center" | "space-between">;
+      wrap?: Responsive<"wrap" | "nowrap" | "wrap-reverse">;
+      children?: UiNode;
+    };
     ["ui-form"]: {
@@ -68,0 +115,0 @@ children?: UiNode;

No alert changes

Improved metrics

Total package byte prevSize

68957

increased by5.35%

Lines of code

1598

increased by5.9%

No dependency changes