@pathscale/ui 1.4.0 → 1.5.0

package/dist/components/flex/Flex.generated.d.ts

@@ -12,6 +12,8 @@ export type FlexProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLElemen
     gap?: ResponsiveProp<"none" | "sm" | "md" | "lg" | "xl">;
     gapX?: ResponsiveProp<"none" | "sm" | "md" | "lg" | "xl">;
     gapY?: ResponsiveProp<"none" | "sm" | "md" | "lg" | "xl">;
+    paddingInline?: ResponsiveProp<"none" | "sm" | "md" | "lg" | "xl">;
+    paddingBlock?: ResponsiveProp<"none" | "sm" | "md" | "lg" | "xl">;
     grow?: ResponsiveProp<boolean>;
     shrink?: ResponsiveProp<boolean>;
     basis?: ResponsiveProp<"none" | "sm" | "md" | "lg" | "xl">;

package/dist/components/flex/Flex.generated.js

@@ -19,13 +19,15 @@ const __solidLayoutFlex = (_stable, p)=>{
         "gap",
         "gapX",
         "gapY",
+        "paddingInline",
+        "paddingBlock",
         "grow",
         "shrink",
         "basis"
     ]);
     const tag = createMemo(()=>local.as || "div");
     const resolvedChildren = children(()=>local.children);
-    const classes = createMemo(()=>twMerge(clsx(CLASSES.base, mapResponsiveProp(local.direction, CLASSES.direction), mapResponsiveProp(local.justify, CLASSES.justify), mapResponsiveProp(local.align, CLASSES.align), mapResponsiveProp(local.wrap, CLASSES.wrap), mapResponsiveProp(local.gap, CLASSES.gap), mapResponsiveProp(local.gapX, CLASSES.gapX), mapResponsiveProp(local.gapY, CLASSES.gapY), mapResponsiveProp(local.grow, CLASSES.grow), mapResponsiveProp(local.shrink, CLASSES.shrink), mapResponsiveProp(local.basis, CLASSES.basis), local.class, local.className)));
+    const classes = createMemo(()=>twMerge(clsx(CLASSES.base, mapResponsiveProp(local.direction, CLASSES.direction), mapResponsiveProp(local.justify, CLASSES.justify), mapResponsiveProp(local.align, CLASSES.align), mapResponsiveProp(local.wrap, CLASSES.wrap), mapResponsiveProp(local.gap, CLASSES.gap), mapResponsiveProp(local.gapX, CLASSES.gapX), mapResponsiveProp(local.gapY, CLASSES.gapY), mapResponsiveProp(local.paddingInline, CLASSES.paddingInline), mapResponsiveProp(local.paddingBlock, CLASSES.paddingBlock), mapResponsiveProp(local.grow, CLASSES.grow), mapResponsiveProp(local.shrink, CLASSES.shrink), mapResponsiveProp(local.basis, CLASSES.basis), local.class, local.className)));
     return createComponent(Dynamic, mergeProps({
         get component () {
             return tag();

package/dist/components/flex/Flex.recipe.d.ts

@@ -47,6 +47,20 @@ export declare const CLASSES: {
         readonly lg: "gap-y-6";
         readonly xl: "gap-y-8";
     };
+    readonly paddingInline: {
+        readonly none: "px-0";
+        readonly sm: "px-2";
+        readonly md: "px-4";
+        readonly lg: "px-6";
+        readonly xl: "px-8";
+    };
+    readonly paddingBlock: {
+        readonly none: "py-0";
+        readonly sm: "py-2";
+        readonly md: "py-4";
+        readonly lg: "py-6";
+        readonly xl: "py-8";
+    };
     readonly grow: {
         readonly true: "flex-grow";
         readonly false: "flex-grow-0";

package/dist/components/flex/Flex.recipe.js

@@ -48,6 +48,20 @@ const CLASSES = {
         lg: "gap-y-6",
         xl: "gap-y-8"
     },
+    paddingInline: {
+        none: "px-0",
+        sm: "px-2",
+        md: "px-4",
+        lg: "px-6",
+        xl: "px-8"
+    },
+    paddingBlock: {
+        none: "py-0",
+        sm: "py-2",
+        md: "py-4",
+        lg: "py-6",
+        xl: "py-8"
+    },
     grow: {
         true: "flex-grow",
         false: "flex-grow-0"

package/dist/layouts.manifest.json

@@ -1,7 +1,7 @@
 {
   "format": "solid-layouts-library-v2",
   "package": "@pathscale/ui",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "components": {
     "Accordion": {
       "kind": "embedded"

package/dist/purge-manifest.json

@@ -8912,6 +8912,20 @@
             "lg": [],
             "xl": []
           },
+          "paddingInline": {
+            "none": [],
+            "sm": [],
+            "md": [],
+            "lg": [],
+            "xl": []
+          },
+          "paddingBlock": {
+            "none": [],
+            "sm": [],
+            "md": [],
+            "lg": [],
+            "xl": []
+          },
           "grow": {
             "true": [],
             "false": []

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "author": "pathscale",
   "repository": {
     "type": "git",