mdlz-prmtz - npm Package Compare versions

Comparing version 0.0.6 to 0.0.7

dist/components/AspectRatio.d.ts

@@ -1,4 +0,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { BackgroundColorProps, MarginProps } from '@modulz/radix-system';
-export declare type AspectRatioProps = BackgroundColorProps & MarginProps & {
+export declare type AspectRatioProps = React.ComponentPropsWithRef<'div'> & BackgroundColorProps & MarginProps & {
     ratio?: '1:1' | '1:2' | '2:1' | '16:9' | '4:3';
@@ -5,0 +5,0 @@ css?: any;

dist/components/Badge.d.ts

@@ -0,5 +1,6 @@
+/// <reference types="react" />
 import { MarginProps } from '@modulz/radix-system';
-export declare type BadgeProps = MarginProps & {
+export declare type BadgeProps = React.ComponentPropsWithRef<'span'> & MarginProps & {
     css?: any;
 };
 export declare const Badge: import("styled-components").StyledComponent<"span", any, BadgeProps, never>;

dist/components/Box.d.ts

@@ -0,7 +1,6 @@
+/// <reference types="react" />
 import { BorderProps, BorderRadiusProps, BoxShadowProps, BackgroundColorProps, DisplayProps, OpacityProps, HeightProps, JustifySelfProps, MarginProps, MaxWidthProps, MaxHeightProps, MinHeightProps, MinWidthProps, OverflowProps, PaddingProps, PositionSetProps, TextAlignProps, TextColorProps, WidthProps, FlexItemSetProps } from '@modulz/radix-system';
-import { ComponentProps } from 'react';
-export declare type BoxProps = BorderProps & BorderRadiusProps & BoxShadowProps & BackgroundColorProps & TextColorProps & DisplayProps & HeightProps & JustifySelfProps & MarginProps & MaxWidthProps & MaxHeightProps & MinHeightProps & MinWidthProps & OpacityProps & OverflowProps & PaddingProps & TextAlignProps & WidthProps & PositionSetProps & FlexItemSetProps & ComponentProps<'div'> & {
-    as?: any;
+export declare type BoxProps = BorderProps & BorderRadiusProps & BoxShadowProps & BackgroundColorProps & TextColorProps & DisplayProps & HeightProps & JustifySelfProps & MarginProps & MaxWidthProps & MaxHeightProps & MinHeightProps & MinWidthProps & OpacityProps & OverflowProps & PaddingProps & TextAlignProps & WidthProps & PositionSetProps & FlexItemSetProps & React.ComponentPropsWithRef<'div'> & {
     css?: any;
 };
 export declare const Box: import("styled-components").StyledComponent<"div", any, BoxProps, never>;

dist/components/Card.d.ts

@@ -5,3 +5,2 @@ /// <reference types="react" />
 export declare type CardSharedProps = TextColorProps & BackgroundColorProps & BorderProps & BoxShadowProps & MarginProps & PaddingProps & WidthProps & MaxWidthProps & {
-    children?: React.ReactNode;
     css?: any;
@@ -8,0 +7,0 @@ };

dist/components/Code.d.ts

@@ -0,5 +1,6 @@
+/// <reference types="react" />
 import { MarginProps } from '@modulz/radix-system';
-export declare type CodeProps = MarginProps & {
+export declare type CodeProps = React.ComponentPropsWithRef<'code'> & MarginProps & {
     css?: any;
 };
 export declare const Code: import("styled-components").StyledComponent<"code", any, CodeProps, never>;

dist/components/Flex.d.ts

@@ -1,7 +0,4 @@
-/// <reference types="react" />
+import { BoxProps } from './Box';
 import { FlexContainerSetProps } from '@modulz/radix-system';
-export declare type FlexProps = FlexContainerSetProps;
-export declare const Flex: import("styled-components").StyledComponent<"div", any, import("@modulz/radix-system").BorderProps & import("@modulz/radix-system").BorderRadiusProps & import("@modulz/radix-system").BoxShadowProps & import("@modulz/radix-system").BackgroundColorProps & import("@modulz/radix-system").TextColorProps & import("@modulz/radix-system").DisplayProps & import("@modulz/radix-system").HeightProps & import("@modulz/radix-system").JustifySelfProps & import("@modulz/radix-system").MarginProps & import("@modulz/radix-system").MaxWidthProps & import("@modulz/radix-system").MaxHeightProps & import("@modulz/radix-system").MinHeightProps & import("@modulz/radix-system").MinWidthProps & import("@modulz/radix-system").OpacityProps & import("@modulz/radix-system").OverflowProps & import("@modulz/radix-system").PaddingProps & import("@modulz/radix-system").TextAlignProps & import("@modulz/radix-system").WidthProps & import("@modulz/radix-system").PositionSetProps & import("@modulz/radix-system").FlexItemSetProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    as?: any;
-    css?: any;
-} & FlexContainerSetProps, never>;
+export declare type FlexProps = BoxProps & FlexContainerSetProps;
+export declare const Flex: import("styled-components").StyledComponent<"div", any, FlexProps, never>;

dist/components/Heading.d.ts

@@ -0,3 +1,4 @@
+/// <reference types="react" />
 import { TextColorProps, MarginProps, FontStyleProps, FontWeightProps, LineHeightProps, TextAlignProps, Prop } from '@modulz/radix-system';
-export declare type HeadingProps = TextColorProps & MarginProps & TextAlignProps & FontWeightProps & FontStyleProps & LineHeightProps & {
+export declare type HeadingProps = React.ComponentPropsWithRef<'h1'> & TextColorProps & MarginProps & TextAlignProps & FontWeightProps & FontStyleProps & LineHeightProps & {
     size?: Prop<0 | 1 | 2 | 3 | 4 | 5>;
@@ -4,0 +5,0 @@ truncate?: Prop<boolean>;

dist/components/Link.d.ts

@@ -0,6 +1,6 @@
+/// <reference types="react" />
 import { TextColorProps, FontSizeProps } from '@modulz/radix-system';
-export declare type LinkProps = TextColorProps & FontSizeProps & {
-    to?: string;
+export declare type LinkProps = React.ComponentPropsWithRef<'a'> & TextColorProps & FontSizeProps & {
     css?: any;
 };
 export declare const Link: import("styled-components").StyledComponent<"a", any, LinkProps, never>;

dist/components/Pipe.d.ts

@@ -0,5 +1,6 @@
+/// <reference types="react" />
 import { BackgroundColorProps, MarginProps, HeightProps, WidthProps } from '@modulz/radix-system';
-export declare type PipeProps = BackgroundColorProps & MarginProps & HeightProps & WidthProps & {
+export declare type PipeProps = React.ComponentPropsWithRef<'div'> & BackgroundColorProps & MarginProps & HeightProps & WidthProps & {
     css?: any;
 };
 export declare const Pipe: import("styled-components").StyledComponent<"div", any, PipeProps, never>;

dist/components/Text.d.ts

@@ -0,6 +1,6 @@
+/// <reference types="react" />
 import { TextColorProps, MarginProps, PaddingProps, FontFamilyProps, FontStyleProps, FontWeightProps, TextAlignProps, LineHeightProps } from '@modulz/radix-system';
-export declare type TextProps = TextColorProps & MarginProps & PaddingProps & FontFamilyProps & FontStyleProps & FontWeightProps & TextAlignProps & LineHeightProps & {
+export declare type TextProps = React.ComponentPropsWithRef<'span'> & TextColorProps & MarginProps & PaddingProps & FontFamilyProps & FontStyleProps & FontWeightProps & TextAlignProps & LineHeightProps & {
     css?: any;
-    as?: string;
 };
 export declare const Text: import("styled-components").StyledComponent<"span", any, TextProps, never>;

dist/index.es.js

@@ -84,3 +84,3 @@ import React, { forwardRef } from 'react';
 var styleProps$1 = compose(border, borderRadius, boxShadow, backgroundColor, textColor, display, height, justifySelf, margin, maxHeight, maxWidth, minHeight, minWidth, opacity, overflow, padding, textAlign, width, positionSet, flexItemSet);
-var Box = styled('div')(styleProps$1, function (props) { return props.css; });
+var Box = styled('div')(function (props) { return props.css; }, styleProps$1);
 
@@ -201,3 +201,3 @@ var Button = styled('button')({ appearance: 'none', alignItems: 'center', display: 'inline-flex' }, margin, function (props) { return props.css; });
 
-var Flex = styled(Box)({ display: 'flex' }, flexContainerSet, function (props) { return props.css; });
+var Flex = styled(Box)({ display: 'flex' }, function (props) { return props.css; }, flexContainerSet);
 
@@ -204,0 +204,0 @@ var styleProps$6 = compose(textColor, margin, textAlign, fontStyle, fontWeight, lineHeight);

dist/index.js

@@ -91,3 +91,3 @@ 'use strict';
 var styleProps$1 = radixSystem.compose(radixSystem.border, radixSystem.borderRadius, radixSystem.boxShadow, radixSystem.backgroundColor, radixSystem.textColor, radixSystem.display, radixSystem.height, radixSystem.justifySelf, radixSystem.margin, radixSystem.maxHeight, radixSystem.maxWidth, radixSystem.minHeight, radixSystem.minWidth, radixSystem.opacity, radixSystem.overflow, radixSystem.padding, radixSystem.textAlign, radixSystem.width, radixSystem.positionSet, radixSystem.flexItemSet);
-var Box = styled('div')(styleProps$1, function (props) { return props.css; });
+var Box = styled('div')(function (props) { return props.css; }, styleProps$1);
 
@@ -208,3 +208,3 @@ var Button = styled('button')({ appearance: 'none', alignItems: 'center', display: 'inline-flex' }, radixSystem.margin, function (props) { return props.css; });
 
-var Flex = styled(Box)({ display: 'flex' }, radixSystem.flexContainerSet, function (props) { return props.css; });
+var Flex = styled(Box)({ display: 'flex' }, function (props) { return props.css; }, radixSystem.flexContainerSet);
 
@@ -211,0 +211,0 @@ var styleProps$6 = radixSystem.compose(radixSystem.textColor, radixSystem.margin, radixSystem.textAlign, radixSystem.fontStyle, radixSystem.fontWeight, radixSystem.lineHeight);

package.json

 {
   "name": "mdlz-prmtz",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Accessible and customisable primitives for the web",
@@ -5,0 +5,0 @@ "author": "Pedro Duarte <[e-mail]>",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

103810

decreased by-0.67%

Lines of code

1958

decreased by-0.25%

No dependency changes