@mirohq/design-system-base-button - npm Package Compare versions

Comparing version 0.4.42 to 0.4.43

dist/main.js

@@ -102,3 +102,3 @@ 'use strict';
   }, forwardRef) => {
-    const asLink = "href" in restProps;
+    const asLink = "href" in restProps && restProps.href !== void 0;
     const { href, target, rel = "" } = restProps;
@@ -105,0 +105,0 @@ let elementProps = restProps;

dist/module.js

@@ -94,3 +94,3 @@ import { jsx } from 'react/jsx-runtime';
   }, forwardRef) => {
-    const asLink = "href" in restProps;
+    const asLink = "href" in restProps && restProps.href !== void 0;
     const { href, target, rel = "" } = restProps;
@@ -97,0 +97,0 @@ let elementProps = restProps;

dist/types.d.ts

@@ -5,6 +5,5 @@ import * as react from 'react';
 import { PressProps } from '@mirohq/design-system-use-press';
+import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitive';
+import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
 import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
-import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
-import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
-import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitive';
 
@@ -16,491 +15,9 @@ declare const sizes: {
 };
-declare const StyledBaseButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"button">>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
-    'border-widths': {
-        readonly none: 0;
-        readonly sm: "1px";
-        readonly md: "2px";
-        readonly lg: "4px";
-    };
-    colors: {
-        readonly black: any;
-        readonly 'blue-50': any;
-        readonly 'blue-100': any;
-        readonly 'blue-150': any;
-        readonly 'blue-200': any;
-        readonly 'blue-250': any;
-        readonly 'blue-300': any;
-        readonly 'blue-350': any;
-        readonly 'blue-400': any;
-        readonly 'blue-450': any;
-        readonly 'blue-500': any;
-        readonly 'blue-550': any;
-        readonly 'blue-600': any;
-        readonly 'blue-650': any;
-        readonly 'blue-700': any;
-        readonly 'blue-750': any;
-        readonly 'blue-800': any;
-        readonly 'blue-850': any;
-        readonly 'blue-900': any;
-        readonly 'blue-950': any;
-        readonly 'gray-50': any;
-        readonly 'gray-100': any;
-        readonly 'gray-150': any;
-        readonly 'gray-200': any;
-        readonly 'gray-250': any;
-        readonly 'gray-300': any;
-        readonly 'gray-350': any;
-        readonly 'gray-400': any;
-        readonly 'gray-450': any;
-        readonly 'gray-500': any;
-        readonly 'gray-550': any;
-        readonly 'gray-600': any;
-        readonly 'gray-650': any;
-        readonly 'gray-700': any;
-        readonly 'gray-750': any;
-        readonly 'gray-800': any;
-        readonly 'gray-850': any;
-        readonly 'gray-900': any;
-        readonly 'gray-950': any;
-        readonly 'green-50': any;
-        readonly 'green-100': any;
-        readonly 'green-150': any;
-        readonly 'green-200': any;
-        readonly 'green-250': any;
-        readonly 'green-300': any;
-        readonly 'green-350': any;
-        readonly 'green-400': any;
-        readonly 'green-450': any;
-        readonly 'green-500': any;
-        readonly 'green-550': any;
-        readonly 'green-600': any;
-        readonly 'green-650': any;
-        readonly 'green-700': any;
-        readonly 'green-750': any;
-        readonly 'green-800': any;
-        readonly 'green-850': any;
-        readonly 'green-900': any;
-        readonly 'green-950': any;
-        readonly 'red-50': any;
-        readonly 'red-100': any;
-        readonly 'red-150': any;
-        readonly 'red-200': any;
-        readonly 'red-250': any;
-        readonly 'red-300': any;
-        readonly 'red-350': any;
-        readonly 'red-400': any;
-        readonly 'red-450': any;
-        readonly 'red-500': any;
-        readonly 'red-550': any;
-        readonly 'red-600': any;
-        readonly 'red-650': any;
-        readonly 'red-700': any;
-        readonly 'red-750': any;
-        readonly 'red-800': any;
-        readonly 'red-850': any;
-        readonly 'red-900': any;
-        readonly 'red-950': any;
-        readonly transparent: any;
-        readonly white: any;
-        readonly 'yellow-50': any;
-        readonly 'yellow-100': any;
-        readonly 'yellow-150': any;
-        readonly 'yellow-200': any;
-        readonly 'yellow-250': any;
-        readonly 'yellow-300': any;
-        readonly 'yellow-350': any;
-        readonly 'yellow-400': any;
-        readonly 'yellow-450': any;
-        readonly 'yellow-500': any;
-        readonly 'yellow-550': any;
-        readonly 'yellow-600': any;
-        readonly 'yellow-650': any;
-        readonly 'yellow-700': any;
-        readonly 'yellow-750': any;
-        readonly 'yellow-800': any;
-        readonly 'yellow-850': any;
-        readonly 'yellow-900': any;
-        readonly 'yellow-950': any;
-        "background-alpha-active"?: any;
-        "background-alpha-hover"?: any;
-        "background-danger-prominent"?: any;
-        "background-danger-prominent-active"?: any;
-        "background-danger-prominent-hover"?: any;
-        "background-danger-subtle"?: any;
-        "background-danger-subtle-active"?: any;
-        "background-danger-subtle-hover"?: any;
-        "background-neutrals"?: any;
-        "background-neutrals-active"?: any;
-        "background-neutrals-container"?: any;
-        "background-neutrals-controls-disabled"?: any;
-        "background-neutrals-disabled"?: any;
-        "background-neutrals-hover"?: any;
-        "background-neutrals-inactive"?: any;
-        "background-neutrals-inactive-hover"?: any;
-        "background-neutrals-inverted"?: any;
-        "background-neutrals-inverted-subtle"?: any;
-        "background-neutrals-page"?: any;
-        "background-neutrals-page-subtle"?: any;
-        "background-neutrals-scrollbar"?: any;
-        "background-neutrals-scrollbar-active"?: any;
-        "background-neutrals-scrollbar-hover"?: any;
-        "background-neutrals-subtle"?: any;
-        "background-neutrals-subtle-active"?: any;
-        "background-neutrals-subtle-hover"?: any;
-        "background-primary-prominent"?: any;
-        "background-primary-prominent-active"?: any;
-        "background-primary-prominent-hover"?: any;
-        "background-primary-prominent-selected"?: any;
-        "background-primary-subtle"?: any;
-        "background-primary-subtle-active"?: any;
-        "background-primary-subtle-hover"?: any;
-        "background-primary-subtle-selected"?: any;
-        "background-success"?: any;
-        "background-success-prominent"?: any;
-        "background-success-prominent-active"?: any;
-        "background-success-prominent-hover"?: any;
-        "background-warning-prominent"?: any;
-        "background-warning-subtle"?: any;
-        "border-danger"?: any;
-        "border-danger-active"?: any;
-        "border-danger-hover"?: any;
-        "border-focus-error-inner"?: any;
-        "border-focus-error-middle"?: any;
-        "border-focus-error-outer"?: any;
-        "border-focus-inner"?: any;
-        "border-focus-middle"?: any;
-        "border-focus-outer"?: any;
-        "border-focus-success-inner"?: any;
-        "border-focus-success-middle"?: any;
-        "border-focus-success-outer"?: any;
-        "border-neutrals"?: any;
-        "border-neutrals-active"?: any;
-        "border-neutrals-controls"?: any;
-        "border-neutrals-controls-disabled"?: any;
-        "border-neutrals-disabled"?: any;
-        "border-neutrals-hover"?: any;
-        "border-neutrals-inverted"?: any;
-        "border-neutrals-subtle"?: any;
-        "border-neutrals-text"?: any;
-        "border-neutrals-text-active"?: any;
-        "border-neutrals-text-hover"?: any;
-        "border-neutrals-text-subtle"?: any;
-        "border-neutrals-text-subtle-active"?: any;
-        "border-neutrals-text-subtle-hover"?: any;
-        "border-neutrals-transparent"?: any;
-        "border-primary"?: any;
-        "border-primary-active"?: any;
-        "border-primary-hover"?: any;
-        "border-primary-inverted"?: any;
-        "border-success"?: any;
-        "border-success-active"?: any;
-        "border-success-hover"?: any;
-        "border-warning"?: any;
-        "icon-danger"?: any;
-        "icon-danger-active"?: any;
-        "icon-danger-hover"?: any;
-        "icon-danger-inverted"?: any;
-        "icon-neutrals"?: any;
-        "icon-neutrals-disabled"?: any;
-        "icon-neutrals-inactive"?: any;
-        "icon-neutrals-inactive-hover"?: any;
-        "icon-neutrals-inverted"?: any;
-        "icon-neutrals-search"?: any;
-        "icon-neutrals-subtle"?: any;
-        "icon-neutrals-text"?: any;
-        "icon-primary"?: any;
-        "icon-primary-active"?: any;
-        "icon-primary-hover"?: any;
-        "icon-primary-inverted"?: any;
-        "icon-primary-selected"?: any;
-        "icon-success"?: any;
-        "icon-success-active"?: any;
-        "icon-success-hover"?: any;
-        "icon-success-inverted"?: any;
-        "icon-warning"?: any;
-        "icon-warning-prominent"?: any;
-        "icon-warning-subtle"?: any;
-        "text-danger"?: any;
-        "text-danger-active"?: any;
-        "text-danger-hover"?: any;
-        "text-danger-inverted"?: any;
-        "text-neutrals"?: any;
-        "text-neutrals-active"?: any;
-        "text-neutrals-disabled"?: any;
-        "text-neutrals-hover"?: any;
-        "text-neutrals-inverted"?: any;
-        "text-neutrals-placeholder"?: any;
-        "text-neutrals-placeholder-only"?: any;
-        "text-neutrals-subtle"?: any;
-        "text-neutrals-subtle-active"?: any;
-        "text-neutrals-subtle-hover"?: any;
-        "text-primary"?: any;
-        "text-primary-active"?: any;
-        "text-primary-hover"?: any;
-        "text-primary-inverted"?: any;
-        "text-primary-inverted-subtle"?: any;
-        "text-primary-selected"?: any;
-        "text-success"?: any;
-        "text-success-active"?: any;
-        "text-success-hover"?: any;
-        "text-success-inverted"?: any;
-        "text-warning"?: any;
-        "text-warning-subtle"?: any;
-    };
-    'font-sizes': {
-        readonly 125: "0.625rem";
-        readonly 150: "0.75rem";
-        readonly 175: "0.875rem";
-        readonly 200: "1rem";
-        readonly 225: "1.125rem";
-        readonly 250: "1.25rem";
-        readonly 300: "1.5rem";
-        readonly 400: "2rem";
-        readonly 500: "2.5rem";
-        readonly 600: "3rem";
-        readonly 800: "4rem";
-        readonly 900: "4.5rem";
-    };
-    fonts: {
-        readonly heading: "Roobert, sans-serif";
-        readonly body: "Open Sans, sans-serif";
-    };
-    radii: {
-        readonly 0: "0px";
-        readonly 25: "2px";
-        readonly 50: "4px";
-        readonly 75: "6px";
-        readonly 100: "8px";
-        readonly 200: "16px";
-        readonly round: "999px";
-    };
-    shadows: {
-        100: any;
-        50: any;
-        "focus-small": any;
-        "focus-small-outline": any;
-        "focus-large": any;
-        "focus-controls": any;
-        "focus-small-error": any;
-        "focus-controls-error": any;
-        "focus-controls-success": any;
-    };
-    sizes: {
-        readonly number: string;
-        readonly 'icon-200': "16px";
-        readonly 'icon-300': "24px";
-        readonly 'icon-400': "32px";
-    };
-    space: {
-        readonly 0: "0px";
-        readonly 25: "2px";
-        readonly 50: "4px";
-        readonly 100: "8px";
-        readonly 150: "12px";
-        readonly 200: "16px";
-        readonly 300: "24px";
-        readonly 400: "32px";
-        readonly 500: "40px";
-        readonly 600: "48px";
-        readonly 700: "56px";
-        readonly 800: "64px";
-        readonly 1200: "96px";
-        readonly 1600: "128px";
-    };
-    'stroke-width': {
-        readonly thin: "1.5px";
-        readonly normal: "2px";
-        readonly bold: "4px";
-    };
-    'z-indices': {
-        readonly dropdownMenu: 100;
-        readonly select: 200;
-        readonly popover: 300;
-        readonly tooltip: 400;
-    };
-}, {
-    readonly background: "colors";
-    readonly backgroundColor: "colors";
-    readonly backgroundImage: "colors";
-    readonly blockSize: "sizes";
-    readonly border: "colors";
-    readonly borderBlock: "colors";
-    readonly borderBlockEnd: "colors";
-    readonly borderBlockStart: "colors";
-    readonly borderBottom: "colors";
-    readonly borderBottomColor: "colors";
-    readonly borderBottomLeftRadius: "radii";
-    readonly borderBottomRightRadius: "radii";
-    readonly borderBottomStyle: "border-styles";
-    readonly borderBottomWidth: "border-widths";
-    readonly borderColor: "colors";
-    readonly borderImage: "colors";
-    readonly borderInline: "colors";
-    readonly borderInlineEnd: "colors";
-    readonly borderInlineStart: "colors";
-    readonly borderLeft: "colors";
-    readonly borderLeftColor: "colors";
-    readonly borderLeftStyle: "border-styles";
-    readonly borderLeftWidth: "border-widths";
-    readonly borderRadius: "radii";
-    readonly borderRight: "colors";
-    readonly borderRightColor: "colors";
-    readonly borderRightStyle: "border-styles";
-    readonly borderRightWidth: "border-widths";
-    readonly borderSpacing: "space";
-    readonly borderStyle: "border-styles";
-    readonly borderTop: "colors";
-    readonly borderTopColor: "colors";
-    readonly borderTopLeftRadius: "radii";
-    readonly borderTopRightRadius: "radii";
-    readonly borderTopStyle: "border-styles";
-    readonly borderTopWidth: "border-widths";
-    readonly borderWidth: "border-widths";
-    readonly bottom: "space";
-    readonly boxShadow: "shadows";
-    readonly caretColor: "colors";
-    readonly color: "colors";
-    readonly columnGap: "space";
-    readonly columnRuleColor: "colors";
-    readonly fill: "colors";
-    readonly flexBasis: "sizes";
-    readonly fontFamily: "fonts";
-    readonly fontSize: "font-sizes";
-    readonly fontWeight: "font-weights";
-    readonly gap: "space";
-    readonly gridColumnGap: "space";
-    readonly gridGap: "space";
-    readonly gridRowGap: "space";
-    readonly gridTemplateColumns: "sizes";
-    readonly gridTemplateRows: "sizes";
-    readonly height: "sizes";
-    readonly inlineSize: "sizes";
-    readonly inset: "space";
-    readonly insetBlock: "space";
-    readonly insetBlockEnd: "space";
-    readonly insetBlockStart: "space";
-    readonly insetInline: "space";
-    readonly insetInlineEnd: "space";
-    readonly insetInlineStart: "space";
-    readonly left: "space";
-    readonly letterSpacing: "letter-spacings";
-    readonly lineHeight: "line-heights";
-    readonly margin: "space";
-    readonly marginBlock: "space";
-    readonly marginBlockEnd: "space";
-    readonly marginBlockStart: "space";
-    readonly marginBottom: "space";
-    readonly marginInline: "space";
-    readonly marginInlineEnd: "space";
-    readonly marginInlineStart: "space";
-    readonly marginLeft: "space";
-    readonly marginRight: "space";
-    readonly marginTop: "space";
-    readonly maxBlockSize: "sizes";
-    readonly maxHeight: "sizes";
-    readonly maxInlineSize: "sizes";
-    readonly maxWidth: "sizes";
-    readonly minBlockSize: "sizes";
-    readonly minHeight: "sizes";
-    readonly minInlineSize: "sizes";
-    readonly minWidth: "sizes";
-    readonly outline: "colors";
-    readonly outlineColor: "colors";
-    readonly padding: "space";
-    readonly paddingBlock: "space";
-    readonly paddingBlockEnd: "space";
-    readonly paddingBlockStart: "space";
-    readonly paddingBottom: "space";
-    readonly paddingInline: "space";
-    readonly paddingInlineEnd: "space";
-    readonly paddingInlineStart: "space";
-    readonly paddingLeft: "space";
-    readonly paddingRight: "space";
-    readonly paddingTop: "space";
-    readonly right: "space";
-    readonly rowGap: "space";
-    readonly scrollMargin: "space";
-    readonly scrollMarginBlock: "space";
-    readonly scrollMarginBlockEnd: "space";
-    readonly scrollMarginBlockStart: "space";
-    readonly scrollMarginBottom: "space";
-    readonly scrollMarginInline: "space";
-    readonly scrollMarginInlineEnd: "space";
-    readonly scrollMarginInlineStart: "space";
-    readonly scrollMarginLeft: "space";
-    readonly scrollMarginRight: "space";
-    readonly scrollMarginTop: "space";
-    readonly scrollPadding: "space";
-    readonly scrollPaddingBlock: "space";
-    readonly scrollPaddingBlockEnd: "space";
-    readonly scrollPaddingBlockStart: "space";
-    readonly scrollPaddingBottom: "space";
-    readonly scrollPaddingInline: "space";
-    readonly scrollPaddingInlineEnd: "space";
-    readonly scrollPaddingInlineStart: "space";
-    readonly scrollPaddingLeft: "space";
-    readonly scrollPaddingRight: "space";
-    readonly scrollPaddingTop: "space";
-    readonly stroke: "colors";
-    readonly strokeWidth: "stroke-width";
-    readonly textDecorationColor: "colors";
-    readonly textShadow: "shadows";
-    readonly top: "space";
-    readonly transition: "transitions";
-    readonly width: "sizes";
-    readonly zIndex: "z-indices";
-}, {
-    paddingX: (value: {
-        readonly [$$PropertyValue]: "padding";
-    }) => {
-        paddingLeft: {
-            readonly [$$PropertyValue]: "padding";
-        };
-        paddingRight: {
-            readonly [$$PropertyValue]: "padding";
-        };
-    };
-    paddingY: (value: {
-        readonly [$$PropertyValue]: "padding";
-    }) => {
-        paddingTop: {
-            readonly [$$PropertyValue]: "padding";
-        };
-        paddingBottom: {
-            readonly [$$PropertyValue]: "padding";
-        };
-    };
-    marginX: (value: {
-        readonly [$$PropertyValue]: "margin";
-    }) => {
-        marginLeft: {
-            readonly [$$PropertyValue]: "margin";
-        };
-        marginRight: {
-            readonly [$$PropertyValue]: "margin";
-        };
-    };
-    marginY: (value: {
-        readonly [$$PropertyValue]: "margin";
-    }) => {
-        marginTop: {
-            readonly [$$PropertyValue]: "margin";
-        };
-        marginBottom: {
-            readonly [$$PropertyValue]: "margin";
-        };
-    };
-    square: (value: {
-        readonly [$$PropertyValue]: "width";
-    }) => {
-        width: {
-            readonly [$$PropertyValue]: "width";
-        };
-        height: {
-            readonly [$$PropertyValue]: "width";
-        };
-    };
-    _hover: (css: _stitches_react_types_css_util.CSSProperties) => {
-        '&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
-    };
-}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"button">>, {}, {}>;
+declare const StyledBaseButton: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, _mirohq_design_system_stitches.ForbiddenProps> & {
+    children?: react.ReactNode;
+} & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"button">>, {}, {}>;
 declare type StyledBaseButtonProps = ComponentPropsWithRef<typeof StyledBaseButton>;
@@ -507,0 +24,0 @@

package.json

 {
   "name": "@mirohq/design-system-base-button",
-  "version": "0.4.42",
+  "version": "0.4.43",
   "description": "",
@@ -32,7 +32,7 @@ "author": "Miro",
     "@react-types/shared": "^3.16.0",
+    "@mirohq/design-system-stitches": "^2.6.7",
     "@mirohq/design-system-primitive": "^1.1.2",
-    "@mirohq/design-system-stitches": "^2.6.6",
-    "@mirohq/design-system-use-press": "^0.3.2",
-    "@mirohq/design-system-utils": "^0.15.1",
-    "@mirohq/design-system-types": "^0.7.0"
+    "@mirohq/design-system-types": "^0.8.0",
+    "@mirohq/design-system-utils": "^0.15.2",
+    "@mirohq/design-system-use-press": "^0.3.3"
   },
@@ -39,0 +39,0 @@ "scripts": {

No alert changes

Worsened metrics

Total package byte prevSize

29641

decreased by-36.17%

Lines of code

341

decreased by-58.67%

Dependency changes

• + Added@mirohq/design-system-types@0.8.0(transitive)

• - Removed@mirohq/design-system-types@0.7.0(transitive)

• Updated@mirohq/design-system-stitches@^2.6.7

• Updated@mirohq/design-system-types@^0.8.0

• Updated@mirohq/design-system-use-press@^0.3.3

• Updated@mirohq/design-system-utils@^0.15.2