@elvia/elvis-toolbox - npm Package Compare versions

Comparing version 9.1.1 to 9.2.0

CHANGELOG.json

@@ -5,2 +5,14 @@ {
     {
+      "date": "06.06.23",
+      "version": "9.2.0",
+      "changelog": [
+        {
+          "type": "new_feature",
+          "changes": [
+            "An optional <code>FormFieldInputSuffixText</code> span element has been added for including a suffix in the input."
+          ]
+        }
+      ]
+    },
+    {
       "date": "01.06.23",
@@ -7,0 +19,0 @@ "version": "9.1.1",

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

@@ -14,6 +14,7 @@ export type FormFieldSizes = 'small' | 'medium';
  * @example
- * <FormFieldContainer size="small" isFullWidth isActive isInvalid isDisabled>
+ * <FormFieldContainer size="small" isFullWidth isActive isInvalid isDisabled >
  *   <FormFieldLabel hasOptionalText>Label text</FormFieldLabel>
  *   <FormFieldInputContainer>
  *     <FormFieldInput />
+ *     <FormFieldInputSuffixText>Suffix text</FormFieldInputSuffixText>
  *   </FormFieldInputContainer>
@@ -29,6 +30,5 @@ * </FormFieldContainer>
 export declare const FormFieldLabel: import("styled-components").StyledComponent<"div", any, LabelProps, never>;
-export declare const FormFieldInput: import("styled-components").StyledComponent<"input", any, {
-    type: "text";
-}, "type">;
+export declare const FormFieldInputSuffixText: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const FormFieldInput: import("styled-components").StyledComponent<"input", any, {}, never>;
 export {};
 //# sourceMappingURL=formFieldStyles.d.ts.map

dist/components/form-field/formFieldStyles.js

 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;color:",";border:1px solid ",";background:",";height:48px;border-radius:4px;cursor:text;transition:border-color 150ms;.e-table &&{border:1px solid ",";background:transparent;}"],getThemeColor("text-1"),getThemeColor("border-1"),getThemeColor("background-element-1"),getThemeColor("border-6"));/**
  *
  * @example
- * <FormFieldContainer size="small" isFullWidth isActive isInvalid isDisabled>
+ * <FormFieldContainer size="small" isFullWidth isActive isInvalid isDisabled >
  *   <FormFieldLabel hasOptionalText>Label text</FormFieldLabel>
  *   <FormFieldInputContainer>
  *     <FormFieldInput />
+ *     <FormFieldInputSuffixText>Suffix text</FormFieldInputSuffixText>
  *   </FormFieldInputContainer>
@@ -12,3 +13,3 @@ * </FormFieldContainer>
  * @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.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"));
+ */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%;}","{gap:4px;padding:0 4px 0 8px;height:32px;}","{font-size:0.875rem;}","{","}","{"," color:",";margin-right:4px;}"],FormFieldLabel,getThemeColor("background-1"),FormFieldInputContainer,FormFieldInput,FormFieldError,getTypographyCss("text-micro"),FormFieldInputSuffixText,getTypographyCss("text-sm-light"),getThemeColor("color-text-2")):css(["padding-top:0;"])},function(a){var b=a.isDisabled;return b&&css(["&& ","{{cursor:not-allowed;border-color:",";}}","{color:",";-webkit-text-fill-color:",";}"],FormFieldInputContainer,getThemeColor("border-disabled-1"),FormFieldInputSuffixText,getThemeColor("text-disabled-1"),getThemeColor("text-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){var b=a.size;return setActiveBorder(b)});export var FormFieldLabel=styled.div.withConfig({displayName:"formFieldStyles__FormFieldLabel",componentId:"sc-1655b3q-2"})([""," margin-bottom:5px;",""],getTypographyCss("text-label"),function(a){var b=a.hasOptionalText;return b&&css(["&::after{content:' (valgfri)';font-weight:400;}"])});export var FormFieldInputSuffixText=styled.span.withConfig({displayName:"formFieldStyles__FormFieldInputSuffixText",componentId:"sc-1655b3q-3"})([""," color:",";user-select:none;white-space:nowrap;margin-right:8px;"],getTypographyCss("text-md-light"),getThemeColor("color-text-2"));export var FormFieldInput=styled.input.withConfig({displayName:"formFieldStyles__FormFieldInput",componentId:"sc-1655b3q-4"})([""," min-width:0;padding:0;margin:0;border:none;background-color:transparent;cursor:inherit;&:disabled{color:",";-webkit-text-fill-color:",";}"],getTypographyCss("text-md"),getThemeColor("text-disabled-1"),getThemeColor("text-disabled-1"));
 //# sourceMappingURL=formFieldStyles.js.map

dist/index.d.ts

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

dist/index.js

@@ -1,2 +0,2 @@
-export{isSsr}from"./isSsr";export{outlineListener}from"./outlineListener";export{warnDeprecatedProps}from"./warnDeprecatedProps";export{Backdrop}from"./components/backdrop/backdrop";export{PrimaryButton,SecondaryButton,TertiaryButton}from"./components/button/button";export{IconButton}from"./components/button/iconButton";export{FormFieldInput,FormFieldContainer,FormFieldInputContainer,FormFieldLabel}from"./components/form-field/formFieldStyles";export{FormFieldError,FormFieldErrorContainer}from"./components/form-field/errorStyles";export{Overlay}from"./components/overlay/overlay";export{TooltipPopup}from"./components/tooltip/tooltip";export{IconWrapper}from"./components/iconWrapper/iconWrapper";export{useBreakpoint}from"./hooks/useBreakpoint";export{useConnectedOverlay}from"./hooks/useConnectedOverlay";export{useFocusTrap}from"./hooks/useFocusTrap";export{useInputModeDetection}from"./hooks/useInputModeDetection";export{useIsOverflowing}from"./hooks/useIsOverflowing";export{useWebComponentState}from"./hooks/useWebComponentState";export{useSlot}from"./hooks/useSlot";export{useRovingFocus}from"./hooks/useRovingFocus";export{useCurrentTheme}from"./hooks/useCurrentTheme";/** Dev exports below */export{useEffectDebugger}from"./dev/useEffectDebugger";
+export{isSsr}from"./isSsr";export{outlineListener}from"./outlineListener";export{warnDeprecatedProps}from"./warnDeprecatedProps";export{Backdrop}from"./components/backdrop/backdrop";export{PrimaryButton,SecondaryButton,TertiaryButton}from"./components/button/button";export{IconButton}from"./components/button/iconButton";export{FormFieldInput,FormFieldContainer,FormFieldInputContainer,FormFieldInputSuffixText,FormFieldLabel}from"./components/form-field/formFieldStyles";export{FormFieldError,FormFieldErrorContainer}from"./components/form-field/errorStyles";export{Overlay}from"./components/overlay/overlay";export{TooltipPopup}from"./components/tooltip/tooltip";export{IconWrapper}from"./components/iconWrapper/iconWrapper";export{useBreakpoint}from"./hooks/useBreakpoint";export{useConnectedOverlay}from"./hooks/useConnectedOverlay";export{useFocusTrap}from"./hooks/useFocusTrap";export{useInputModeDetection}from"./hooks/useInputModeDetection";export{useIsOverflowing}from"./hooks/useIsOverflowing";export{useWebComponentState}from"./hooks/useWebComponentState";export{useSlot}from"./hooks/useSlot";export{useRovingFocus}from"./hooks/useRovingFocus";export{useCurrentTheme}from"./hooks/useCurrentTheme";/** Dev exports below */export{useEffectDebugger}from"./dev/useEffectDebugger";
 //# sourceMappingURL=index.js.map

package.json

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

No alert changes

Improved metrics

Total package byte prevSize

237432

increased by1.24%

Lines of code

1471

increased by1.17%

No dependency changes