@tcn/ui-layout - npm Package Compare versions

Comparing version 0.3.33 to 0.3.34

dist/stacks/h_stack.d.ts

@@ -28,2 +28,5 @@ import React, { HTMLAttributes } from 'react';
     marginBottom?: string;
+    gap?: string;
+    rowGap?: string;
+    columnGap?: string;
     zIndex?: string | number;
@@ -30,0 +33,0 @@ allowFlow?: boolean;

dist/stacks/h_stack.js

@@ -5,3 +5,3 @@ import classNames from 'classnames';
 import styles from './h_stack.module.css';
-export const HStack = React.forwardRef(function HStack({ as = 'div', children, style, className, horizontalAlignment = 'start', verticalAlignment = 'center', inline, allowFlow, width, minWidth, maxWidth, height, minHeight, maxHeight, padding, paddingBlock, paddingInline, paddingInlineStart, paddingInlineEnd, paddingTop, paddingBottom, margin, marginBlock, marginInline, marginInlineStart, marginInlineEnd, marginTop, marginBottom, zIndex, overflowX, overflowY, flex, ...attr }, ref) {
+export const HStack = React.forwardRef(function HStack({ as = 'div', children, style, className, horizontalAlignment = 'start', verticalAlignment = 'center', inline, allowFlow, width, minWidth, maxWidth, height, minHeight, maxHeight, padding, paddingBlock, paddingInline, paddingInlineStart, paddingInlineEnd, paddingTop, paddingBottom, margin, marginBlock, marginInline, marginInlineStart, marginInlineEnd, marginTop, marginBottom, zIndex, overflowX, overflowY, flex, gap, rowGap, columnGap, ...attr }, ref) {
     const As = as;
@@ -32,2 +32,5 @@ const defaultStyles = {
         marginBottom,
+        gap,
+        rowGap,
+        columnGap,
     };
@@ -34,0 +37,0 @@ const finalStyles = {

dist/stacks/v_stack.d.ts

@@ -28,2 +28,5 @@ import React, { HTMLAttributes } from 'react';
     zIndex?: string | number;
+    gap?: string;
+    rowGap?: string;
+    columnGap?: string;
     allowFlow?: boolean;
@@ -30,0 +33,0 @@ children?: React.ReactNode;

dist/stacks/v_stack.js

@@ -5,3 +5,3 @@ import classNames from 'classnames';
 import styles from './v_stack.module.css';
-export const VStack = React.forwardRef(function VStack({ as = 'div', children, style, className, horizontalAlignment = 'center', verticalAlignment = 'start', inline, allowFlow, width, minWidth, maxWidth, height, minHeight, maxHeight, padding, paddingBlock, paddingInline, paddingInlineStart, paddingInlineEnd, paddingTop, paddingBottom, margin, marginBlock, marginInline, marginInlineStart, marginInlineEnd, marginTop, marginBottom, zIndex, overflowY, overflowX, flex, ...attr }, ref) {
+export const VStack = React.forwardRef(function VStack({ as = 'div', children, style, className, horizontalAlignment = 'center', verticalAlignment = 'start', inline, allowFlow, width, minWidth, maxWidth, height, minHeight, maxHeight, padding, paddingBlock, paddingInline, paddingInlineStart, paddingInlineEnd, paddingTop, paddingBottom, margin, marginBlock, marginInline, marginInlineStart, marginInlineEnd, marginTop, marginBottom, zIndex, overflowY, overflowX, flex, gap, rowGap, columnGap, ...attr }, ref) {
     const As = as;
@@ -33,2 +33,5 @@ const defaultStyles = {
         marginBottom,
+        gap,
+        rowGap,
+        columnGap,
     };
@@ -35,0 +38,0 @@ const finalStyles = {

package.json

 {
   "name": "@tcn/ui-layout",
-  "version": "0.3.33",
+  "version": "0.3.34",
   "type": "module",
@@ -5,0 +5,0 @@ "description": "TCN Layout.",

No alert changes

Improved metrics

Total package byte prevSize

228903

increased by0.17%

Lines of code

3074

increased by0.39%

No dependency changes