@elvia/elvis-toolbox - npm Package Compare versions

Comparing version 8.0.2 to 9.0.0

CHANGELOG.json

@@ -6,2 +6,15 @@ {
       "date": "26.05.23",
+      "version": "9.0.0",
+      "changelog": [
+        {
+          "type": "breaking_changes",
+          "changes": [
+            "Changed form field styling from using <code>isCompact</code> to instead use <code>size='small | medium'</code>.",
+            "Added support for using values small, medium and large for the size prop in the iconWrapper"
+          ]
+        }
+      ]
+    },
+    {
+      "date": "26.05.23",
       "version": "8.0.2",
@@ -8,0 +21,0 @@ "changelog": [

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

@@ -0,5 +1,6 @@
+export type FormFieldSizes = 'small' | 'medium';
 export declare const FormFieldInputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export interface FormFieldContainerProps {
     isFullWidth?: boolean;
-    isCompact?: boolean;
+    size?: FormFieldSizes;
     isActive?: boolean;
@@ -13,3 +14,3 @@ isInvalid?: boolean;
  * @example
- * <FormFieldContainer isCompact isFullWidth isActive isInvalid isDisabled>
+ * <FormFieldContainer size="small" isFullWidth isActive isInvalid isDisabled>
  *   <FormFieldLabel hasOptionalText>Label text</FormFieldLabel>
@@ -16,0 +17,0 @@ *   <FormFieldInputContainer>

dist/components/form-field/formFieldStyles.js

@@ -1,5 +0,5 @@
-import styled,{css}from"styled-components";import{getThemeColor}from"@elvia/elvis-colors";import{getTypographyCss}from"@elvia/elvis-typography";import{FormFieldError}from"./errorStyles";var setActiveBorder=function(a){return css(["border:2px solid ",";padding:",";"],getThemeColor("border-selected-1"),a?"0 3px 0 7px":"0 7px 0 15px")};export var FormFieldInputContainer=styled.div.withConfig({displayName:"formFieldStyles__FormFieldInputContainer",componentId:"sc-1655b3q-0"})(["display:inline-flex;align-items:center;gap:8px;padding:0 8px 0 16px;border:1px solid ",";height:48px;border-radius:4px;cursor:text;transition:border-color 150ms;"],getThemeColor("text-1"));/**
+import styled,{css}from"styled-components";import{getThemeColor}from"@elvia/elvis-colors";import{getTypographyCss}from"@elvia/elvis-typography";import{FormFieldError}from"./errorStyles";var setActiveBorder=function(a){return css(["border:2px solid ",";padding:",";"],getThemeColor("border-selected-1"),"small"===a?"0 3px 0 7px":"0 7px 0 15px")};export var FormFieldInputContainer=styled.div.withConfig({displayName:"formFieldStyles__FormFieldInputContainer",componentId:"sc-1655b3q-0"})(["display:inline-flex;align-items:center;gap:8px;padding:0 8px 0 16px;border:1px solid ",";height:48px;border-radius:4px;cursor:text;transition:border-color 150ms;"],getThemeColor("text-1"));/**
  *
  * @example
- * <FormFieldContainer isCompact isFullWidth isActive isInvalid isDisabled>
+ * <FormFieldContainer size="small" isFullWidth isActive isInvalid isDisabled>
  *   <FormFieldLabel hasOptionalText>Label text</FormFieldLabel>
@@ -12,3 +12,3 @@ *   <FormFieldInputContainer>
  * @since 5.4.0
- */export var FormFieldContainer=styled.label.withConfig({displayName:"formFieldStyles__FormFieldContainer",componentId:"sc-1655b3q-1"})(["display:inline-block;position:relative;box-sizing:border-box;text-align:left;"," "," "," ",";",";"," ",":focus-within{","}"],function(a){var b=a.hasErrorPlaceholder;return b&&css(["padding-bottom:1.5rem;"])},function(a){var b=a.isFullWidth;return b&&css(["width:100%;",",","{width:100%;}"],FormFieldInput,FormFieldInputContainer)},function(a){var b=a.isCompact;return b?css(["padding-top:0.5rem;","{font-size:0.625rem;background-color:",";position:absolute;margin-left:7px;top:0;padding:0 3px;z-index:1;line-height:100%;}","{padding:0 4px 0 8px;height:32px;}","{font-size:0.875rem;}","{","}"],FormFieldLabel,getThemeColor("background-1"),FormFieldInputContainer,FormFieldInput,FormFieldError,getTypographyCss("text-micro")):css(["padding-top:0;"])},function(a){var b=a.isDisabled;return b&&css(["&& ","{{cursor:not-allowed;border-color:",";}}"],FormFieldInputContainer,getThemeColor("border-disabled-1"))},function(a){var b=a.isInvalid,c=a.isCompact;return b&&css(["","{",";border-color:",";}"],FormFieldInputContainer,setActiveBorder(c),getThemeColor("signal-error"))},function(a){var b=a.isActive,c=a.isCompact;return b&&css(["","{","}"],FormFieldInputContainer,setActiveBorder(c))},FormFieldInputContainer,function(a){return setActiveBorder(a.isCompact)});export var FormFieldLabel=styled.div.withConfig({displayName:"formFieldStyles__FormFieldLabel",componentId:"sc-1655b3q-2"})([""," margin-bottom:5px;",""],getTypographyCss("text-label"),function(a){return a.hasOptionalText&&css(["&::after{content:' (valgfri)';font-weight:400;}"])});export var FormFieldInput=styled.input.attrs(function(){return{type:"text"}}).withConfig({displayName:"formFieldStyles__FormFieldInput",componentId:"sc-1655b3q-3"})([""," min-width:0;padding:0;margin:0;border:none;background-color:transparent;cursor:inherit;&:disabled{color:",";}"],getTypographyCss("text-md"),getThemeColor("text-disabled-1"));
+ */export var FormFieldContainer=styled.label.withConfig({displayName:"formFieldStyles__FormFieldContainer",componentId:"sc-1655b3q-1"})(["display:inline-block;position:relative;box-sizing:border-box;text-align:left;"," "," "," ",";",";"," ",":focus-within{","}"],function(a){var b=a.hasErrorPlaceholder;return b&&css(["padding-bottom:1.5rem;"])},function(a){var b=a.isFullWidth;return b&&css(["width:100%;",",","{width:100%;}"],FormFieldInput,FormFieldInputContainer)},function(a){var b=a.size;return"small"===b?css(["padding-top:0.5rem;","{font-size:0.625rem;background-color:",";position:absolute;margin-left:7px;top:0;padding:0 3px;z-index:1;line-height:100%;}","{padding:0 4px 0 8px;height:32px;}","{font-size:0.875rem;}","{","}"],FormFieldLabel,getThemeColor("background-1"),FormFieldInputContainer,FormFieldInput,FormFieldError,getTypographyCss("text-micro")):css(["padding-top:0;"])},function(a){var b=a.isDisabled;return b&&css(["&& ","{{cursor:not-allowed;border-color:",";}}"],FormFieldInputContainer,getThemeColor("border-disabled-1"))},function(a){var b=a.isInvalid,c=a.size;return b&&css(["","{",";border-color:",";}"],FormFieldInputContainer,setActiveBorder(c),getThemeColor("signal-error"))},function(a){var b=a.isActive,c=a.size;return b&&css(["","{","}"],FormFieldInputContainer,setActiveBorder(c))},FormFieldInputContainer,function(a){return setActiveBorder(a.size)});export var FormFieldLabel=styled.div.withConfig({displayName:"formFieldStyles__FormFieldLabel",componentId:"sc-1655b3q-2"})([""," margin-bottom:5px;",""],getTypographyCss("text-label"),function(a){return a.hasOptionalText&&css(["&::after{content:' (valgfri)';font-weight:400;}"])});export var FormFieldInput=styled.input.attrs(function(){return{type:"text"}}).withConfig({displayName:"formFieldStyles__FormFieldInput",componentId:"sc-1655b3q-3"})([""," min-width:0;padding:0;margin:0;border:none;background-color:transparent;cursor:inherit;&:disabled{color:",";}"],getTypographyCss("text-md"),getThemeColor("text-disabled-1"));
 //# sourceMappingURL=formFieldStyles.js.map

dist/components/iconWrapper/iconWrapper.js

@@ -12,3 +12,3 @@ import{__rest}from"tslib";import React,{useMemo}from"react";/**
  * @internal
- */export var IconWrapper=function(a){var b=a.icon,c=a.color,d=a.size,e=void 0===d?"sm":d,f=__rest(a,["icon","color","size"]),g=useMemo(function(){return"xxs"===e?"8px":"xs"===e?"16px":"sm"===e?"24px":"md"===e?"32px":"lg"===e?"40px":"xl"===e?"48px":"xxl"===e?"56px":e},[e]),h=useMemo(function(){return b.getIcon(c)},[b,c]),i=useMemo(function(){return h.replace(/width="([^"]*)"/,"width=\"".concat(g,"\"")).replace(/height="([^"]*)"/,"height=\"".concat(g,"\""))},[h,g]);return React.createElement("i",Object.assign({dangerouslySetInnerHTML:{__html:i},"aria-hidden":"true"},f,{style:Object.assign({display:"flex"},f.style)}))};
+ */export var IconWrapper=function(a){var b=a.icon,c=a.color,d=a.size,e=void 0===d?"sm":d,f=__rest(a,["icon","color","size"]),g=useMemo(function(){return"xxs"===e?"8px":"xs"===e?"16px":"sm"===e||"small"===e?"24px":"md"===e||"medium"===e?"32px":"lg"===e||"large"===e?"40px":"xl"===e?"48px":"xxl"===e?"56px":e},[e]),h=useMemo(function(){return b.getIcon(c)},[b,c]),i=useMemo(function(){return h.replace(/width="([^"]*)"/,"width=\"".concat(g,"\"")).replace(/height="([^"]*)"/,"height=\"".concat(g,"\""))},[h,g]);return React.createElement("i",Object.assign({dangerouslySetInnerHTML:{__html:i},"aria-hidden":"true"},f,{style:Object.assign({display:"flex"},f.style)}))};
 //# sourceMappingURL=iconWrapper.js.map

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

@@ -5,3 +5,3 @@ import React, { FC } from 'react';
 type ColorLabelOrString = ColorLabel | AnyString;
-type IconSizes = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | AnyString;
+type IconSizes = 'xxs' | 'xs' | 'sm' | 'small' | 'md' | 'medium' | 'lg' | 'large' | 'xl' | 'xxl' | AnyString;
 export interface IconWrapperProps<TIcon extends {
@@ -8,0 +8,0 @@ getIcon: (color?: ColorLabelOrString) => string;

dist/index.d.ts

@@ -8,3 +8,3 @@ export { isSsr } from './isSsr';
 export { IconButton } from './components/button/iconButton';
-export { FormFieldInput, FormFieldContainer, FormFieldContainerProps, FormFieldInputContainer, FormFieldLabel, } from './components/form-field/formFieldStyles';
+export { FormFieldSizes, FormFieldInput, FormFieldContainer, FormFieldContainerProps, FormFieldInputContainer, FormFieldLabel, } from './components/form-field/formFieldStyles';
 export { FormFieldError, FormFieldErrorContainer } from './components/form-field/errorStyles';
@@ -11,0 +11,0 @@ export { Overlay } from './components/overlay/overlay';

package.json

 {
   "name": "@elvia/elvis-toolbox",
-  "version": "8.0.2",
+  "version": "9.0.0",
   "license": "MIT",
@@ -5,0 +5,0 @@ "main": "./dist/index.js",

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

231758

increased by0.36%

Lines of code

1437

increased by0.98%

No dependency changes