@tcn/ui-layout - npm Package Compare versions

Comparing version 0.3.19 to 0.3.20

dist/stacks/box/box.d.ts

@@ -1,2 +0,2 @@
-import React, { HTMLAttributes } from 'react';
+import React, { CSSProperties, HTMLAttributes } from 'react';
 export interface HandleProps {
@@ -12,12 +12,12 @@ size?: number;
     children?: React.ReactNode;
-    width?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    height?: string;
-    minHeight?: string;
-    maxHeight?: string;
+    width?: CSSProperties['width'];
+    minWidth?: CSSProperties['minWidth'];
+    maxWidth?: CSSProperties['maxWidth'];
+    height?: CSSProperties['height'];
+    minHeight?: CSSProperties['minHeight'];
+    maxHeight?: CSSProperties['maxHeight'];
     zIndex?: number;
-    padding?: string;
-    paddingInline?: string;
-    paddingBlock?: string;
+    padding?: CSSProperties['padding'];
+    paddingInline?: CSSProperties['paddingInline'];
+    paddingBlock?: CSSProperties['paddingBlock'];
     overflow?: React.CSSProperties['overflow'];
@@ -24,0 +24,0 @@ enableResizeOnTop?: boolean;

dist/stacks/style_box.d.ts

@@ -1,10 +0,6 @@
-import React, { CSSProperties } from 'react';
-export interface StyleBoxProps extends React.CSSProperties {
-    children?: React.ReactNode;
-    className?: string;
-    style?: CSSProperties;
-    tabIndex?: number;
-}
-export declare const StyleBox: (props: StyleBoxProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
-export declare const Circle: (props: StyleBoxProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
-export declare const Line: (props: StyleBoxProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+import React from 'react';
+import { BoxProps } from "./box/box.js";
+export type StyleBoxProps = React.CSSProperties & BoxProps;
+export declare const StyleBox: (props: React.CSSProperties & BoxProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const Circle: (props: React.CSSProperties & BoxProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export declare const Line: (props: React.CSSProperties & BoxProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

dist/stacks/style_box.js

 import React from 'react';
-export const StyleBox = React.forwardRef(function StyleBox({ width = '100%', height = '100%', children, className, style, tabIndex, ...props }, ref) {
-    return (React.createElement("div", { tabIndex: tabIndex, ref: ref, style: {
-            width,
-            height,
+import { Box } from "./box/box.js";
+export const StyleBox = React.forwardRef(function StyleBox({ width, height, children, className, style, tabIndex, ...props }, ref) {
+    return (React.createElement(Box, { tabIndex: tabIndex, ref: ref, width: width, height: height, style: {
             ...props,
@@ -7,0 +6,0 @@ ...style,

package.json

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

No alert changes

Improved metrics

Total package byte prevSize

221388

increased by0.09%

Worsened metrics

Lines of code

2930

decreased by-0.17%

No dependency changes