@elvia/elvis-toolbox - npm Package Compare versions

Comparing version 12.0.1 to 12.0.2

CHANGELOG.json

		@@ -7,2 +7,14 @@ {
		"date": "30.05.24",
		"version": "12.0.2",
		"changelog": [
		{
		"type": "bug_fix",
		"changes": [
		"Converted the <code>ButtonBase</code> to a <code>React.forwardRef</code> to fix an issue."
		]
		}
		]
		},
		{
		"date": "30.05.24",
		"version": "12.0.1",
		@@ -9,0 +21,0 @@ "changelog": [

dist/components/button/button.d.ts

		@@ -0,1 +1,2 @@
		/// <reference types="react" />
		export type Size = 'sm' \| 'small' \| 'md' \| 'medium' \| 'lg' \| 'large';
		@@ -7,4 +8,10 @@ export interface ButtonProps {
		}
		export declare const PrimaryButton: import("@emotion/styled").StyledComponent<any, {}, {}>;
		export declare const SecondaryButton: import("@emotion/styled").StyledComponent<any, {}, {}>;
		export declare const TertiaryButton: import("@emotion/styled").StyledComponent<any, {}, {}>;
		export declare const PrimaryButton: import("@emotion/styled").StyledComponent<Omit<any, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
		theme?: import("@emotion/react").Theme \| undefined;
		}, {}, {}>;
		export declare const SecondaryButton: import("@emotion/styled").StyledComponent<Omit<any, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
		theme?: import("@emotion/react").Theme \| undefined;
		}, {}, {}>;
		export declare const TertiaryButton: import("@emotion/styled").StyledComponent<Omit<any, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
		theme?: import("@emotion/react").Theme \| undefined;
		}, {}, {}>;

dist/components/button/button.js

		@@ -7,3 +7,3 @@ import _styled from "@emotion/styled/base";
		import { css, keyframes } from "@emotion/react";
		import React from "react";
		import React, { forwardRef } from "react";
		var _ref4 = false ? {
		@@ -65,6 +65,7 @@ name: "1hqpv26-getTypography",
		}) => isLoading ? /* @__PURE__ / css("display:inline-block;cursor:progress;span{display:inline-block;width:10px;height:10px;border-radius:100%;animation:", loadingAnimation, " 1s infinite ease-in-out both;}span:nth-of-type(1){animation-delay:-0.32s;}span:nth-of-type(2){animation-delay:-0.16s;};label:ButtonBaseStyle;") : / @__PURE__ */ css("&:not(:disabled){cursor:pointer;&::selection{background-color:", getThemeColor("background-selected-1"), ";}};label:ButtonBaseStyle;"), ";");
		const ButtonBase = ({
		const ButtonBase = forwardRef(({
		children,
		...props
		}) => /* @__PURE__ */ React.createElement(ButtonBaseStyle, { type: "button", ...props }, children);
		}, ref) => /* @__PURE__ */ React.createElement(ButtonBaseStyle, { ref, type: "button", ...props }, children));
		ButtonBase.displayName = "ButtonBase";
		const getButtonHeight = (size) => {
		@@ -71,0 +72,0 @@ switch (size) {

package.json

New alerts