@elvia/elvis-toolbox - npm Package Compare versions

Comparing version 9.0.0 to 9.1.0

CHANGELOG.json

@@ -5,2 +5,14 @@ {
     {
+      "date": "01.06.23",
+      "version": "9.1.0",
+      "changelog": [
+        {
+          "type": "new_feature",
+          "changes": [
+            "The Button components now accept 'small', 'medium' and 'large' as values for the <code>size</code> prop."
+          ]
+        }
+      ]
+    },
+    {
       "date": "26.05.23",
@@ -7,0 +19,0 @@ "version": "9.0.0",

dist/componentConfig.types.d.ts

@@ -51,1 +51,2 @@ export interface ComponentConfig {
 }
+//# sourceMappingURL=componentConfig.types.d.ts.map

dist/components/backdrop/backdrop.d.ts

 export declare const Backdrop: import("styled-components").StyledComponent<"div", any, {}, never>;
+//# sourceMappingURL=backdrop.d.ts.map

dist/components/button/button.d.ts

@@ -1,2 +0,2 @@
-export type Size = 'sm' | 'md' | 'lg';
+export type Size = 'sm' | 'small' | 'md' | 'medium' | 'lg' | 'large';
 export interface ButtonProps {
@@ -6,10 +6,5 @@ isActive: boolean;
 }
-export declare const PrimaryButton: import("styled-components").StyledComponent<"button", any, {
-    type: "button";
-} & Partial<ButtonProps>, "type">;
-export declare const SecondaryButton: import("styled-components").StyledComponent<"button", any, {
-    type: "button";
-} & Partial<ButtonProps>, "type">;
-export declare const TertiaryButton: import("styled-components").StyledComponent<"button", any, {
-    type: "button";
-} & Partial<ButtonProps>, "type">;
+export declare const PrimaryButton: import("styled-components").StyledComponent<"button", any, Partial<ButtonProps>, never>;
+export declare const SecondaryButton: import("styled-components").StyledComponent<"button", any, Partial<ButtonProps>, never>;
+export declare const TertiaryButton: import("styled-components").StyledComponent<"button", any, Partial<ButtonProps>, never>;
+//# sourceMappingURL=button.d.ts.map

dist/components/button/button.js

@@ -1,2 +0,2 @@
-import{getThemeColor,getThemeColorContrast}from"@elvia/elvis-colors";import{getTypographyCss}from"@elvia/elvis-typography";import styled,{css}from"styled-components";var getTypography=function(a){return"sm"===a?css(["",";line-height:1.15;"],getTypographyCss("text-sm")):"md"===a?css(["",";line-height:1.25;"],getTypographyCss("text-md")):css(["",";font-size:1.125rem;line-height:1;"],getTypographyCss("text-lg"))},ButtonBase=styled.button.attrs(function(){return{type:"button"}}).withConfig({displayName:"button__ButtonBase",componentId:"sc-1tqgdb-0"})(["",";font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;margin:0;white-space:nowrap;&:disabled{cursor:default;}&:not(:disabled){cursor:pointer;&::selection{background-color:",";}}"],function(a){var b=a.size;return getTypography(null!==b&&void 0!==b?b:"md")},getThemeColor("background-selected-1")),getButtonHeight=function(a){return"lg"===a?"48px":"md"===a?"40px":"32px"},getButtonPadding=function(a){return"lg"===a?"0 calc(32px - 1px)":"md"===a?"0 calc(24px - 1px)":"0 calc(16px - 1px)"};export var PrimaryButton=styled(ButtonBase).withConfig({displayName:"button__PrimaryButton",componentId:"sc-1tqgdb-1"})(["height:",";border:1px solid ",";padding:",";background-color:",";color:",";transition:transform 100ms;border-radius:99px;&:not(:disabled){&:hover{background-color:",";border-color:",";color:",";}&:active{border-color:transparent;background-clip:padding-box;}}&:disabled{border-color:",";background-color:",";}"],function(a){var b=a.size;return getButtonHeight(null!==b&&void 0!==b?b:"md")},function(a){var b=a.isActive;return b?getThemeColor("border-selected-1"):getThemeColor("text-1")},function(a){var b=a.size;return getButtonPadding(null!==b&&void 0!==b?b:"md")},function(a){var b=a.isActive;return b?getThemeColor("background-selected-1"):getThemeColor("text-1")},function(a){var b=a.isActive;return b?getThemeColor("text-1"):getThemeColorContrast("text-1")},getThemeColor("background-hover-1"),getThemeColor("border-hover-1"),getThemeColor("text-1"),getThemeColor("border-disabled-1"),getThemeColor("background-disabled-1"));export var SecondaryButton=styled(PrimaryButton).withConfig({displayName:"button__SecondaryButton",componentId:"sc-1tqgdb-2"})(["background-color:",";color:",";&:disabled{background-color:transparent;border-color:",";color:",";}"],function(a){var b=a.isActive;return b?getThemeColor("background-selected-1"):"transparent"},getThemeColor("text-1"),getThemeColor("border-disabled-1"),getThemeColor("text-disabled-1"));export var TertiaryButton=styled(ButtonBase).withConfig({displayName:"button__TertiaryButton",componentId:"sc-1tqgdb-3"})(["border:none;background:transparent;position:relative;padding:0;height:",";&:after{content:'';display:block;position:absolute;bottom:0;left:0;right:0;height:2px;background-color:",";transform:scaleY(1);transform-origin:center bottom;transition:background-color 60ms,transform 100ms;}&:not(:disabled){&:hover:after{background-color:",";}&:active:after{transform:scaleY(0.5);}}&:disabled{color:",";}"],function(a){var b=a.size;return"sm"===b?"1.5rem":"2rem"},function(a){var b=a.isActive;return b?getThemeColor("background-selected-1"):"transparent"},getThemeColor("background-hover-1"),getThemeColor("background-disabled-1"));
+import{getThemeColor,getThemeColorContrast}from"@elvia/elvis-colors";import{getTypographyCss}from"@elvia/elvis-typography";import styled,{css}from"styled-components";var getTypography=function(a){return"small"===a||"sm"===a?css(["",";line-height:1.15;"],getTypographyCss("text-sm")):"medium"===a||"md"===a?css(["",";line-height:1.25;"],getTypographyCss("text-md")):css(["",";font-size:1.125rem;line-height:1;"],getTypographyCss("text-lg"))},ButtonBase=styled.button.withConfig({displayName:"button__ButtonBase",componentId:"sc-1tqgdb-0"})(["",";font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;margin:0;white-space:nowrap;&:disabled{cursor:default;}&:not(:disabled){cursor:pointer;&::selection{background-color:",";}}"],function(a){var b=a.size;return getTypography(null!==b&&void 0!==b?b:"md")},getThemeColor("background-selected-1")),getButtonHeight=function(a){return"large"===a||"lg"===a?"48px":"medium"===a||"md"===a?"40px":"32px"},getButtonPadding=function(a){return"large"===a||"lg"===a?"0 calc(32px - 1px)":"medium"===a||"md"===a?"0 calc(24px - 1px)":"0 calc(16px - 1px)"};export var PrimaryButton=styled(ButtonBase).withConfig({displayName:"button__PrimaryButton",componentId:"sc-1tqgdb-1"})(["height:",";border:1px solid ",";padding:",";background-color:",";color:",";transition:transform 100ms;border-radius:99px;&:not(:disabled){&:hover{background-color:",";border-color:",";color:",";}&:active{border-color:transparent;background-clip:padding-box;}}&:disabled{border-color:",";background-color:",";}"],function(a){var b=a.size;return getButtonHeight(null!==b&&void 0!==b?b:"md")},function(a){var b=a.isActive;return b?getThemeColor("border-selected-1"):getThemeColor("text-1")},function(a){var b=a.size;return getButtonPadding(null!==b&&void 0!==b?b:"md")},function(a){var b=a.isActive;return b?getThemeColor("background-selected-1"):getThemeColor("text-1")},function(a){var b=a.isActive;return b?getThemeColor("text-1"):getThemeColorContrast("text-1")},getThemeColor("background-hover-1"),getThemeColor("border-hover-1"),getThemeColor("text-1"),getThemeColor("border-disabled-1"),getThemeColor("background-disabled-1"));export var SecondaryButton=styled(PrimaryButton).withConfig({displayName:"button__SecondaryButton",componentId:"sc-1tqgdb-2"})(["background-color:",";color:",";&:disabled{background-color:transparent;border-color:",";color:",";}"],function(a){var b=a.isActive;return b?getThemeColor("background-selected-1"):"transparent"},getThemeColor("text-1"),getThemeColor("border-disabled-1"),getThemeColor("text-disabled-1"));export var TertiaryButton=styled(ButtonBase).withConfig({displayName:"button__TertiaryButton",componentId:"sc-1tqgdb-3"})(["border:none;background:transparent;position:relative;padding:0;height:",";&:after{content:'';display:block;position:absolute;bottom:0;left:0;right:0;height:2px;background-color:",";transform:scaleY(1);transform-origin:center bottom;transition:background-color 60ms,transform 100ms;}&:not(:disabled){&:hover:after{background-color:",";}&:active:after{transform:scaleY(0.5);}}&:disabled{color:",";}"],function(a){var b=a.size;return"sm"===b||"small"===b?"1.5rem":"2rem"},function(a){var b=a.isActive;return b?getThemeColor("background-selected-1"):"transparent"},getThemeColor("background-hover-1"),getThemeColor("background-disabled-1"));
 //# sourceMappingURL=button.js.map

dist/components/button/iconButton.d.ts

 import { ButtonProps } from './button';
-export declare const IconButton: import("styled-components").StyledComponent<"button", any, {
-    type: "button";
-} & Partial<ButtonProps>, "type">;
+export declare const IconButton: import("styled-components").StyledComponent<"button", any, Partial<ButtonProps>, never>;
+//# sourceMappingURL=iconButton.d.ts.map

dist/components/button/iconButton.js

@@ -1,2 +0,2 @@
-import{getThemeColor}from"@elvia/elvis-colors";import styled,{css}from"styled-components";var getSize=function(a){return"sm"===a?css(["width:32px;height:32px;"]):"md"===a?css(["width:40px;height:40px;"]):css(["width:48px;height:48px;"])};export var IconButton=styled.button.attrs(function(){return{type:"button"}}).withConfig({displayName:"iconButton__IconButton",componentId:"sc-19waflf-0"})(["flex:none;display:grid;place-items:center;",";border:1px solid transparent;background-color:",";border-radius:99px;padding:0;margin:0;&:disabled{cursor:default;}&:not(:disabled){cursor:pointer;&:hover{background-color:",";border-color:",";}&:active{border-color:transparent;background-clip:padding-box;}}"],function(a){var b=a.size;return getSize(null!==b&&void 0!==b?b:"md")},function(a){var b=a.isActive;return b?getThemeColor("background-selected-1"):"transparent"},getThemeColor("background-hover-1"),getThemeColor("border-hover-1"));
+import{getThemeColor}from"@elvia/elvis-colors";import styled,{css}from"styled-components";var getSize=function(a){return"small"===a||"sm"===a?css(["width:32px;height:32px;"]):"medium"===a||"md"===a?css(["width:40px;height:40px;"]):css(["width:48px;height:48px;"])};export var IconButton=styled.button.withConfig({displayName:"iconButton__IconButton",componentId:"sc-19waflf-0"})(["flex:none;display:grid;place-items:center;",";border:1px solid transparent;background-color:",";border-radius:99px;padding:0;margin:0;&:disabled{cursor:default;}&:not(:disabled){cursor:pointer;&:hover{background-color:",";border-color:",";}&:active{border-color:transparent;background-clip:padding-box;}}"],function(a){var b=a.size;return getSize(null!==b&&void 0!==b?b:"md")},function(a){var b=a.isActive;return b?getThemeColor("background-selected-1"):"transparent"},getThemeColor("background-hover-1"),getThemeColor("border-hover-1"));
 //# sourceMappingURL=iconButton.js.map

dist/components/form-field/errorStyles.d.ts

 export declare const FormFieldErrorContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const FormFieldError: import("styled-components").StyledComponent<"span", any, {}, never>;
+//# sourceMappingURL=errorStyles.d.ts.map

dist/components/form-field/formFieldStyles.d.ts

@@ -32,1 +32,2 @@ export type FormFieldSizes = 'small' | 'medium';
 export {};
+//# sourceMappingURL=formFieldStyles.d.ts.map

dist/components/iconWrapper/iconWrapper.d.ts

@@ -15,1 +15,2 @@ import { IconWrapperType } from './iconWrapper.types';
 export declare const IconWrapper: IconWrapperType;
+//# sourceMappingURL=iconWrapper.d.ts.map

dist/components/iconWrapper/iconWrapper.types.d.ts

@@ -26,1 +26,2 @@ import React, { FC } from 'react';
 export {};
+//# sourceMappingURL=iconWrapper.types.d.ts.map

dist/components/overlay/overlay.d.ts

@@ -38,1 +38,2 @@ import React, { ReactNode } from 'react';
 export {};
+//# sourceMappingURL=overlay.d.ts.map

dist/components/overlay/overlayStyles.d.ts

@@ -7,1 +7,2 @@ export declare const exitDuration = 200;
 export declare const OverlayDOMPosition: import("styled-components").StyledComponent<"div", any, {}, never>;
+//# sourceMappingURL=overlayStyles.d.ts.map

dist/components/tooltip/tooltip.d.ts

@@ -7,1 +7,2 @@ export type TooltipPosition = 'bottom' | 'top' | 'left' | 'right';
 export declare const TooltipPopup: import("styled-components").StyledComponent<"div", any, TooltipPopupProps, never>;
+//# sourceMappingURL=tooltip.d.ts.map

dist/dev/useEffectDebugger.d.ts

@@ -19,1 +19,2 @@ import React from 'react';
 export declare const useEffectDebugger: (effectHook: React.EffectCallback, dependencies: React.DependencyList, dependencyNames?: string[]) => void;
+//# sourceMappingURL=useEffectDebugger.d.ts.map

dist/hooks/useBreakpoint.d.ts

 type BreakPoint = 'gt-mobile' | 'gt-tablet';
 export declare const useBreakpoint: (deviceType: BreakPoint) => boolean;
 export {};
+//# sourceMappingURL=useBreakpoint.d.ts.map

dist/hooks/useConnectedOverlay.d.ts

@@ -38,1 +38,2 @@ import { Dispatch, RefObject, SetStateAction } from 'react';
 export {};
+//# sourceMappingURL=useConnectedOverlay.d.ts.map

dist/hooks/useCurrentTheme.d.ts

@@ -17,1 +17,2 @@ import React from 'react';
 export {};
+//# sourceMappingURL=useCurrentTheme.d.ts.map

dist/hooks/useFocusTrap.d.ts

@@ -6,1 +6,2 @@ import { RefObject } from 'react';
 };
+//# sourceMappingURL=useFocusTrap.d.ts.map

dist/hooks/useInputModeDetection.d.ts

@@ -18,1 +18,2 @@ type InputMode = 'mouse' | 'keyboard' | 'touch';
 export {};
+//# sourceMappingURL=useInputModeDetection.d.ts.map

dist/hooks/useIsOverflowing.d.ts

@@ -28,1 +28,2 @@ import React from 'react';
 };
+//# sourceMappingURL=useIsOverflowing.d.ts.map

dist/hooks/useRovingFocus.d.ts

@@ -23,1 +23,2 @@ import { RefObject } from 'react';
 export {};
+//# sourceMappingURL=useRovingFocus.d.ts.map

dist/hooks/useSlot.d.ts

@@ -41,1 +41,2 @@ import React from 'react';
 };
+//# sourceMappingURL=useSlot.d.ts.map

dist/hooks/useWebComponentState.d.ts

@@ -24,1 +24,2 @@ import { Dispatch, SetStateAction } from 'react';
 export declare const useWebComponentState: <T>(value: T, propName: string, webcomponent: ElvisComponentWrapper | undefined, reactOnChangeEvent: ((newValue: T) => void) | undefined) => [T, Dispatch<SetStateAction<T>>];
+//# sourceMappingURL=useWebComponentState.d.ts.map

dist/index.d.ts

@@ -29,1 +29,2 @@ export { isSsr } from './isSsr';
 export { useEffectDebugger } from './dev/useEffectDebugger';
+//# sourceMappingURL=index.d.ts.map

dist/isSsr.d.ts

 export declare const isSsr: () => boolean;
+//# sourceMappingURL=isSsr.d.ts.map

dist/outlineListener.d.ts

@@ -7,1 +7,2 @@ /**
 export declare const outlineListener: (element: HTMLElement | null, destroy?: boolean) => void;
+//# sourceMappingURL=outlineListener.d.ts.map

dist/prop-blocks/baseProps.d.ts

@@ -8,1 +8,2 @@ import type { ElvisComponentWrapper } from '@elvia/elvis-component-wrapper';
 }
+//# sourceMappingURL=baseProps.d.ts.map

dist/prop-blocks/hasError.d.ts

@@ -11,1 +11,2 @@ export interface ErrorOptions {
 }
+//# sourceMappingURL=hasError.d.ts.map

dist/prop-blocks/hasTransitionDuration.d.ts

 export interface HasTransitionDuration {
     transitionDuration?: string;
 }
+//# sourceMappingURL=hasTransitionDuration.d.ts.map

dist/prop-blocks/hasValue.d.ts

@@ -5,1 +5,2 @@ export interface HasValue<T> {
 }
+//# sourceMappingURL=hasValue.d.ts.map

dist/warnDeprecatedProps.d.ts

@@ -30,1 +30,2 @@ import { ComponentConfig } from './componentConfig.types';
 }) => void;
+//# sourceMappingURL=warnDeprecatedProps.d.ts.map

package.json

 {
   "name": "@elvia/elvis-toolbox",
-  "version": "9.0.0",
+  "version": "9.1.0",
   "license": "MIT",
@@ -9,4 +9,8 @@ "main": "./dist/index.js",
     "README.md",
-    "dist/**/*"
+    "dist/**/*",
+    "!dist/**/*.d.ts.map"
   ],
+  "scripts": {
+    "sourcemap": "tsc"
+  },
   "dependencies": {
@@ -34,3 +38,6 @@ "@elvia/elvis-colors": "^2.4.0",
     }
+  },
+  "devDependencies": {
+    "typescript": "~5.0.4"
   }
 }

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

Improved metrics

Total package byte prevSize

233569

increased by0.78%

Lines of code

1441

increased by0.28%

Worsened metrics

Dev dependency count

1

increased byInfinity%

No dependency changes