@fremtind/jkl-text-input-react - npm Package Compare versions

Comparing version 0.9.0 to 1.0.0-alpha.7

build/browser/index.js

 import React from 'react';
-import { SupportLabel } from '@fremtind/jkl-typography-react';
+import { Label, SupportLabel } from '@fremtind/jkl-typography-react';
 
@@ -75,11 +75,37 @@ function _extends() {
       maxLength = _ref.maxLength,
-      rest = _objectWithoutProperties(_ref, ["type", "inline", "readOnly", "helpLabel", "errorLabel", "id", "label", "className", "placeholder", "value", "variant", "forceCompact", "maxLength"]);
+      width = _ref.width,
+      rest = _objectWithoutProperties(_ref, ["type", "inline", "readOnly", "helpLabel", "errorLabel", "id", "label", "className", "placeholder", "value", "variant", "forceCompact", "maxLength", "width"]);
 
+  // Give warning when errorLabel or helpLabel is used on an inline TextField
+  if (process.env.NODE_ENV !== "production") {
+    if (inline && (helpLabel || errorLabel)) {
+      console.warn("WARNING: Inline TextFields do not display help- or error labels! The errorLabel prop can still be used to trigger an invalid state, but the reason will have to be described elsewhere.");
+    }
+  }
+
   var componentClassName = "jkl-text-field".concat(inline ? " jkl-text-field--inline" : "", forceCompact ? " jkl-text-field--compact" : "", className ? " ".concat(className) : "");
-  var labelClassName = "jkl-label".concat(variant ? " jkl-label--".concat(variant) : "", forceCompact ? " jkl-label--compact" : "");
+
+  function getWidthAsStyle() {
+    if (width) {
+      return {
+        width: width
+      }; // prioritize width prop
+    }
+
+    if (maxLength && maxLength < 15) {
+      return {
+        width: "".concat(maxLength + 3, "ch")
+      }; // else use maxLength if not large
+    }
+
+    return undefined;
+  }
+
   return React.createElement("label", {
     "data-testid": "jkl-text-field",
     className: componentClassName
-  }, React.createElement("span", {
-    className: labelClassName
+  }, React.createElement(Label, {
+    srOnly: inline,
+    variant: variant,
+    forceCompact: forceCompact
   }, label), React.createElement("input", _extends({
@@ -93,4 +119,5 @@ type: type,
     value: value,
-    maxLength: maxLength
-  }, rest)), React.createElement(SupportLabel, {
+    maxLength: maxLength,
+    style: getWidthAsStyle()
+  }, rest)), !inline && React.createElement(SupportLabel, {
     helpLabel: helpLabel,
@@ -113,11 +140,12 @@ errorLabel: errorLabel,
       placeholder = _ref$placeholder === void 0 ? " " : _ref$placeholder,
-      restProps = _objectWithoutProperties(_ref, ["id", "variant", "label", "className", "helpLabel", "errorLabel", "rows", "placeholder"]);
+      forceCompact = _ref.forceCompact,
+      restProps = _objectWithoutProperties(_ref, ["id", "variant", "label", "className", "helpLabel", "errorLabel", "rows", "placeholder", "forceCompact"]);
 
-  var componentClassName = "jkl-text-field jkl-text-area".concat(className ? " ".concat(className) : "");
-  var labelClassName = "jkl-label".concat(variant ? " jkl-label--".concat(variant) : "");
+  var componentClassName = "jkl-text-field jkl-text-area".concat(forceCompact ? " jkl-text-field--compact" : "", className ? " ".concat(className) : "");
   return React.createElement("label", {
     "data-testid": "jkl-text-field",
     className: componentClassName
-  }, React.createElement("span", {
-    className: labelClassName
+  }, React.createElement(Label, {
+    variant: variant,
+    forceCompact: forceCompact
   }, label), React.createElement("textarea", _extends({
@@ -130,3 +158,4 @@ "aria-invalid": !!errorLabel,
     helpLabel: helpLabel,
-    errorLabel: errorLabel
+    errorLabel: errorLabel,
+    forceCompact: forceCompact
   }));
@@ -133,0 +162,0 @@ };

build/browser/index.min.js

@@ -1,1 +0,1 @@
-import e from"react";import{SupportLabel as a}from"@fremtind/jkl-typography-react";function l(){return(l=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var l=arguments[a];for(var t in l)Object.prototype.hasOwnProperty.call(l,t)&&(e[t]=l[t])}return e}).apply(this,arguments)}function t(e,a){if(null==e)return{};var l,t,r=function(e,a){if(null==e)return{};var l,t,r={},n=Object.keys(e);for(t=0;t<n.length;t++)l=n[t],a.indexOf(l)>=0||(r[l]=e[l]);return r}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(t=0;t<n.length;t++)l=n[t],a.indexOf(l)>=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var r=function(r){var n=r.type,c=void 0===n?"text":n,o=r.inline,i=void 0!==o&&o,p=r.readOnly,d=void 0!==p&&p,s=r.helpLabel,m=r.errorLabel,b=r.id,f=r.label,u=r.className,v=r.placeholder,j=r.value,h=r.variant,x=r.forceCompact,y=r.maxLength,k=t(r,["type","inline","readOnly","helpLabel","errorLabel","id","label","className","placeholder","value","variant","forceCompact","maxLength"]),L="jkl-text-field".concat(i?" jkl-text-field--inline":"",x?" jkl-text-field--compact":"",u?" ".concat(u):""),O="jkl-label".concat(h?" jkl-label--".concat(h):"",x?" jkl-label--compact":"");return e.createElement("label",{"data-testid":"jkl-text-field",className:L},e.createElement("span",{className:O},f),e.createElement("input",l({type:c,"aria-invalid":!!m,className:"jkl-text-field__input",id:b,placeholder:v,readOnly:d,value:j,maxLength:y},k)),e.createElement(a,{helpLabel:s,errorLabel:m,forceCompact:x}))},n=function(r){var n=r.id,c=r.variant,o=r.label,i=r.className,p=r.helpLabel,d=r.errorLabel,s=r.rows,m=void 0===s?7:s,b=r.placeholder,f=void 0===b?" ":b,u=t(r,["id","variant","label","className","helpLabel","errorLabel","rows","placeholder"]),v="jkl-text-field jkl-text-area".concat(i?" ".concat(i):""),j="jkl-label".concat(c?" jkl-label--".concat(c):"");return e.createElement("label",{"data-testid":"jkl-text-field",className:v},e.createElement("span",{className:j},o),e.createElement("textarea",l({"aria-invalid":!!d,className:"jkl-text-field__input jkl-text-field__input--".concat(m,"-rows"),id:n,placeholder:f},u)),e.createElement(a,{helpLabel:p,errorLabel:d}))};export{n as TextArea,r as TextField};
+import e from"react";import{Label as t,SupportLabel as a}from"@fremtind/jkl-typography-react";function r(){return(r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e}).apply(this,arguments)}function l(e,t){if(null==e)return{};var a,r,l=function(e,t){if(null==e)return{};var a,r,l={},o=Object.keys(e);for(r=0;r<o.length;r++)a=o[r],t.indexOf(a)>=0||(l[a]=e[a]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)a=o[r],t.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}var o=function(o){var n=o.type,i=void 0===n?"text":n,c=o.inline,d=void 0!==c&&c,p=o.readOnly,s=void 0!==p&&p,m=o.helpLabel,f=o.errorLabel,b=o.id,h=o.label,v=o.className,u=o.placeholder,y=o.value,x=o.variant,j=o.forceCompact,L=o.maxLength,O=o.width,k=l(o,["type","inline","readOnly","helpLabel","errorLabel","id","label","className","placeholder","value","variant","forceCompact","maxLength","width"]);"production"!==process.env.NODE_ENV&&d&&(m||f)&&console.warn("WARNING: Inline TextFields do not display help- or error labels! The errorLabel prop can still be used to trigger an invalid state, but the reason will have to be described elsewhere.");var w="jkl-text-field".concat(d?" jkl-text-field--inline":"",j?" jkl-text-field--compact":"",v?" ".concat(v):"");return e.createElement("label",{"data-testid":"jkl-text-field",className:w},e.createElement(t,{srOnly:d,variant:x,forceCompact:j},h),e.createElement("input",r({type:i,"aria-invalid":!!f,className:"jkl-text-field__input",id:b,placeholder:u,readOnly:s,value:y,maxLength:L,style:O?{width:O}:L&&L<15?{width:"".concat(L+3,"ch")}:void 0},k)),!d&&e.createElement(a,{helpLabel:m,errorLabel:f,forceCompact:j}))},n=function(o){var n=o.id,i=o.variant,c=o.label,d=o.className,p=o.helpLabel,s=o.errorLabel,m=o.rows,f=void 0===m?7:m,b=o.placeholder,h=void 0===b?" ":b,v=o.forceCompact,u=l(o,["id","variant","label","className","helpLabel","errorLabel","rows","placeholder","forceCompact"]),y="jkl-text-field jkl-text-area".concat(v?" jkl-text-field--compact":"",d?" ".concat(d):"");return e.createElement("label",{"data-testid":"jkl-text-field",className:y},e.createElement(t,{variant:i,forceCompact:v},c),e.createElement("textarea",r({"aria-invalid":!!s,className:"jkl-text-field__input jkl-text-field__input--".concat(f,"-rows"),id:n,placeholder:h},u)),e.createElement(a,{helpLabel:p,errorLabel:s,forceCompact:v}))};export{n as TextArea,o as TextField};

build/cjs/index.js

@@ -81,11 +81,37 @@ 'use strict';
       maxLength = _ref.maxLength,
-      rest = _objectWithoutProperties(_ref, ["type", "inline", "readOnly", "helpLabel", "errorLabel", "id", "label", "className", "placeholder", "value", "variant", "forceCompact", "maxLength"]);
+      width = _ref.width,
+      rest = _objectWithoutProperties(_ref, ["type", "inline", "readOnly", "helpLabel", "errorLabel", "id", "label", "className", "placeholder", "value", "variant", "forceCompact", "maxLength", "width"]);
 
+  // Give warning when errorLabel or helpLabel is used on an inline TextField
+  if (process.env.NODE_ENV !== "production") {
+    if (inline && (helpLabel || errorLabel)) {
+      console.warn("WARNING: Inline TextFields do not display help- or error labels! The errorLabel prop can still be used to trigger an invalid state, but the reason will have to be described elsewhere.");
+    }
+  }
+
   var componentClassName = "jkl-text-field".concat(inline ? " jkl-text-field--inline" : "", forceCompact ? " jkl-text-field--compact" : "", className ? " ".concat(className) : "");
-  var labelClassName = "jkl-label".concat(variant ? " jkl-label--".concat(variant) : "", forceCompact ? " jkl-label--compact" : "");
+
+  function getWidthAsStyle() {
+    if (width) {
+      return {
+        width: width
+      }; // prioritize width prop
+    }
+
+    if (maxLength && maxLength < 15) {
+      return {
+        width: "".concat(maxLength + 3, "ch")
+      }; // else use maxLength if not large
+    }
+
+    return undefined;
+  }
+
   return React.createElement("label", {
     "data-testid": "jkl-text-field",
     className: componentClassName
-  }, React.createElement("span", {
-    className: labelClassName
+  }, React.createElement(jklTypographyReact.Label, {
+    srOnly: inline,
+    variant: variant,
+    forceCompact: forceCompact
   }, label), React.createElement("input", _extends({
@@ -99,4 +125,5 @@ type: type,
     value: value,
-    maxLength: maxLength
-  }, rest)), React.createElement(jklTypographyReact.SupportLabel, {
+    maxLength: maxLength,
+    style: getWidthAsStyle()
+  }, rest)), !inline && React.createElement(jklTypographyReact.SupportLabel, {
     helpLabel: helpLabel,
@@ -119,11 +146,12 @@ errorLabel: errorLabel,
       placeholder = _ref$placeholder === void 0 ? " " : _ref$placeholder,
-      restProps = _objectWithoutProperties(_ref, ["id", "variant", "label", "className", "helpLabel", "errorLabel", "rows", "placeholder"]);
+      forceCompact = _ref.forceCompact,
+      restProps = _objectWithoutProperties(_ref, ["id", "variant", "label", "className", "helpLabel", "errorLabel", "rows", "placeholder", "forceCompact"]);
 
-  var componentClassName = "jkl-text-field jkl-text-area".concat(className ? " ".concat(className) : "");
-  var labelClassName = "jkl-label".concat(variant ? " jkl-label--".concat(variant) : "");
+  var componentClassName = "jkl-text-field jkl-text-area".concat(forceCompact ? " jkl-text-field--compact" : "", className ? " ".concat(className) : "");
   return React.createElement("label", {
     "data-testid": "jkl-text-field",
     className: componentClassName
-  }, React.createElement("span", {
-    className: labelClassName
+  }, React.createElement(jklTypographyReact.Label, {
+    variant: variant,
+    forceCompact: forceCompact
   }, label), React.createElement("textarea", _extends({
@@ -136,3 +164,4 @@ "aria-invalid": !!errorLabel,
     helpLabel: helpLabel,
-    errorLabel: errorLabel
+    errorLabel: errorLabel,
+    forceCompact: forceCompact
   }));
@@ -139,0 +168,0 @@ };

build/esm/index.js

 import React from 'react';
-import { SupportLabel } from '@fremtind/jkl-typography-react';
+import { Label, SupportLabel } from '@fremtind/jkl-typography-react';
 
@@ -75,11 +75,37 @@ function _extends() {
       maxLength = _ref.maxLength,
-      rest = _objectWithoutProperties(_ref, ["type", "inline", "readOnly", "helpLabel", "errorLabel", "id", "label", "className", "placeholder", "value", "variant", "forceCompact", "maxLength"]);
+      width = _ref.width,
+      rest = _objectWithoutProperties(_ref, ["type", "inline", "readOnly", "helpLabel", "errorLabel", "id", "label", "className", "placeholder", "value", "variant", "forceCompact", "maxLength", "width"]);
 
+  // Give warning when errorLabel or helpLabel is used on an inline TextField
+  if (process.env.NODE_ENV !== "production") {
+    if (inline && (helpLabel || errorLabel)) {
+      console.warn("WARNING: Inline TextFields do not display help- or error labels! The errorLabel prop can still be used to trigger an invalid state, but the reason will have to be described elsewhere.");
+    }
+  }
+
   var componentClassName = "jkl-text-field".concat(inline ? " jkl-text-field--inline" : "", forceCompact ? " jkl-text-field--compact" : "", className ? " ".concat(className) : "");
-  var labelClassName = "jkl-label".concat(variant ? " jkl-label--".concat(variant) : "", forceCompact ? " jkl-label--compact" : "");
+
+  function getWidthAsStyle() {
+    if (width) {
+      return {
+        width: width
+      }; // prioritize width prop
+    }
+
+    if (maxLength && maxLength < 15) {
+      return {
+        width: "".concat(maxLength + 3, "ch")
+      }; // else use maxLength if not large
+    }
+
+    return undefined;
+  }
+
   return React.createElement("label", {
     "data-testid": "jkl-text-field",
     className: componentClassName
-  }, React.createElement("span", {
-    className: labelClassName
+  }, React.createElement(Label, {
+    srOnly: inline,
+    variant: variant,
+    forceCompact: forceCompact
   }, label), React.createElement("input", _extends({
@@ -93,4 +119,5 @@ type: type,
     value: value,
-    maxLength: maxLength
-  }, rest)), React.createElement(SupportLabel, {
+    maxLength: maxLength,
+    style: getWidthAsStyle()
+  }, rest)), !inline && React.createElement(SupportLabel, {
     helpLabel: helpLabel,
@@ -113,11 +140,12 @@ errorLabel: errorLabel,
       placeholder = _ref$placeholder === void 0 ? " " : _ref$placeholder,
-      restProps = _objectWithoutProperties(_ref, ["id", "variant", "label", "className", "helpLabel", "errorLabel", "rows", "placeholder"]);
+      forceCompact = _ref.forceCompact,
+      restProps = _objectWithoutProperties(_ref, ["id", "variant", "label", "className", "helpLabel", "errorLabel", "rows", "placeholder", "forceCompact"]);
 
-  var componentClassName = "jkl-text-field jkl-text-area".concat(className ? " ".concat(className) : "");
-  var labelClassName = "jkl-label".concat(variant ? " jkl-label--".concat(variant) : "");
+  var componentClassName = "jkl-text-field jkl-text-area".concat(forceCompact ? " jkl-text-field--compact" : "", className ? " ".concat(className) : "");
   return React.createElement("label", {
     "data-testid": "jkl-text-field",
     className: componentClassName
-  }, React.createElement("span", {
-    className: labelClassName
+  }, React.createElement(Label, {
+    variant: variant,
+    forceCompact: forceCompact
   }, label), React.createElement("textarea", _extends({
@@ -130,3 +158,4 @@ "aria-invalid": !!errorLabel,
     helpLabel: helpLabel,
-    errorLabel: errorLabel
+    errorLabel: errorLabel,
+    forceCompact: forceCompact
   }));
@@ -133,0 +162,0 @@ };

build/esm/index.min.js

@@ -1,1 +0,1 @@
-import e from"react";import{SupportLabel as a}from"@fremtind/jkl-typography-react";function l(){return(l=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var l=arguments[a];for(var t in l)Object.prototype.hasOwnProperty.call(l,t)&&(e[t]=l[t])}return e}).apply(this,arguments)}function t(e,a){if(null==e)return{};var l,t,r=function(e,a){if(null==e)return{};var l,t,r={},n=Object.keys(e);for(t=0;t<n.length;t++)l=n[t],a.indexOf(l)>=0||(r[l]=e[l]);return r}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(t=0;t<n.length;t++)l=n[t],a.indexOf(l)>=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var r=function(r){var n=r.type,c=void 0===n?"text":n,o=r.inline,i=void 0!==o&&o,p=r.readOnly,d=void 0!==p&&p,s=r.helpLabel,m=r.errorLabel,b=r.id,f=r.label,u=r.className,v=r.placeholder,j=r.value,h=r.variant,x=r.forceCompact,y=r.maxLength,k=t(r,["type","inline","readOnly","helpLabel","errorLabel","id","label","className","placeholder","value","variant","forceCompact","maxLength"]),L="jkl-text-field".concat(i?" jkl-text-field--inline":"",x?" jkl-text-field--compact":"",u?" ".concat(u):""),O="jkl-label".concat(h?" jkl-label--".concat(h):"",x?" jkl-label--compact":"");return e.createElement("label",{"data-testid":"jkl-text-field",className:L},e.createElement("span",{className:O},f),e.createElement("input",l({type:c,"aria-invalid":!!m,className:"jkl-text-field__input",id:b,placeholder:v,readOnly:d,value:j,maxLength:y},k)),e.createElement(a,{helpLabel:s,errorLabel:m,forceCompact:x}))},n=function(r){var n=r.id,c=r.variant,o=r.label,i=r.className,p=r.helpLabel,d=r.errorLabel,s=r.rows,m=void 0===s?7:s,b=r.placeholder,f=void 0===b?" ":b,u=t(r,["id","variant","label","className","helpLabel","errorLabel","rows","placeholder"]),v="jkl-text-field jkl-text-area".concat(i?" ".concat(i):""),j="jkl-label".concat(c?" jkl-label--".concat(c):"");return e.createElement("label",{"data-testid":"jkl-text-field",className:v},e.createElement("span",{className:j},o),e.createElement("textarea",l({"aria-invalid":!!d,className:"jkl-text-field__input jkl-text-field__input--".concat(m,"-rows"),id:n,placeholder:f},u)),e.createElement(a,{helpLabel:p,errorLabel:d}))};export{n as TextArea,r as TextField};
+import e from"react";import{Label as t,SupportLabel as a}from"@fremtind/jkl-typography-react";function r(){return(r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e}).apply(this,arguments)}function l(e,t){if(null==e)return{};var a,r,l=function(e,t){if(null==e)return{};var a,r,l={},o=Object.keys(e);for(r=0;r<o.length;r++)a=o[r],t.indexOf(a)>=0||(l[a]=e[a]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)a=o[r],t.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}var o=function(o){var n=o.type,i=void 0===n?"text":n,c=o.inline,d=void 0!==c&&c,p=o.readOnly,s=void 0!==p&&p,m=o.helpLabel,f=o.errorLabel,b=o.id,h=o.label,v=o.className,u=o.placeholder,y=o.value,x=o.variant,j=o.forceCompact,L=o.maxLength,O=o.width,k=l(o,["type","inline","readOnly","helpLabel","errorLabel","id","label","className","placeholder","value","variant","forceCompact","maxLength","width"]);"production"!==process.env.NODE_ENV&&d&&(m||f)&&console.warn("WARNING: Inline TextFields do not display help- or error labels! The errorLabel prop can still be used to trigger an invalid state, but the reason will have to be described elsewhere.");var w="jkl-text-field".concat(d?" jkl-text-field--inline":"",j?" jkl-text-field--compact":"",v?" ".concat(v):"");return e.createElement("label",{"data-testid":"jkl-text-field",className:w},e.createElement(t,{srOnly:d,variant:x,forceCompact:j},h),e.createElement("input",r({type:i,"aria-invalid":!!f,className:"jkl-text-field__input",id:b,placeholder:u,readOnly:s,value:y,maxLength:L,style:O?{width:O}:L&&L<15?{width:"".concat(L+3,"ch")}:void 0},k)),!d&&e.createElement(a,{helpLabel:m,errorLabel:f,forceCompact:j}))},n=function(o){var n=o.id,i=o.variant,c=o.label,d=o.className,p=o.helpLabel,s=o.errorLabel,m=o.rows,f=void 0===m?7:m,b=o.placeholder,h=void 0===b?" ":b,v=o.forceCompact,u=l(o,["id","variant","label","className","helpLabel","errorLabel","rows","placeholder","forceCompact"]),y="jkl-text-field jkl-text-area".concat(v?" jkl-text-field--compact":"",d?" ".concat(d):"");return e.createElement("label",{"data-testid":"jkl-text-field",className:y},e.createElement(t,{variant:i,forceCompact:v},c),e.createElement("textarea",r({"aria-invalid":!!s,className:"jkl-text-field__input jkl-text-field__input--".concat(f,"-rows"),id:n,placeholder:h},u)),e.createElement(a,{helpLabel:p,errorLabel:s,forceCompact:v}))};export{n as TextArea,o as TextField};

build/TextArea.d.ts

@@ -16,4 +16,5 @@ import { ChangeEvent, FocusEvent } from "react";
     variant?: LabelVariant;
+    forceCompact?: boolean;
 }
-export declare const TextArea: ({ id, variant, label, className, helpLabel, errorLabel, rows, placeholder, ...restProps }: Props) => JSX.Element;
+export declare const TextArea: ({ id, variant, label, className, helpLabel, errorLabel, rows, placeholder, forceCompact, ...restProps }: Props) => JSX.Element;
 export {};

build/TextField.d.ts

@@ -22,4 +22,5 @@ import { ChangeEvent, FocusEvent } from "react";
     maxLength?: number;
+    width?: string;
 }
-export declare const TextField: ({ type, inline, readOnly, helpLabel, errorLabel, id, label, className, placeholder, value, variant, forceCompact, maxLength, ...rest }: Props) => JSX.Element;
+export declare const TextField: ({ type, inline, readOnly, helpLabel, errorLabel, id, label, className, placeholder, value, variant, forceCompact, maxLength, width, ...rest }: Props) => JSX.Element;
 export {};

CHANGELOG.md

@@ -6,2 +6,77 @@ # Change Log
 
+# [1.0.0-alpha.7](https://github.com/fremtind/jokul/compare/@fremtind/jkl-text-input-react@1.0.0-alpha.6...@fremtind/jkl-text-input-react@1.0.0-alpha.7) (2019-10-31)
+
+**Note:** Version bump only for package @fremtind/jkl-text-input-react
+
+
+
+
+
+# [1.0.0-alpha.6](https://github.com/fremtind/jokul/compare/@fremtind/jkl-text-input-react@1.0.0-alpha.5...@fremtind/jkl-text-input-react@1.0.0-alpha.6) (2019-10-25)
+
+**Note:** Version bump only for package @fremtind/jkl-text-input-react
+
+
+
+
+
+# [1.0.0-alpha.5](https://github.com/fremtind/jokul/compare/@fremtind/jkl-text-input-react@1.0.0-alpha.4...@fremtind/jkl-text-input-react@1.0.0-alpha.5) (2019-10-25)
+
+**Note:** Version bump only for package @fremtind/jkl-text-input-react
+
+
+
+
+
+# [1.0.0-alpha.4](https://github.com/fremtind/jokul/compare/@fremtind/jkl-text-input-react@1.0.0-alpha.3...@fremtind/jkl-text-input-react@1.0.0-alpha.4) (2019-10-25)
+
+**Note:** Version bump only for package @fremtind/jkl-text-input-react
+
+
+
+
+
+# [1.0.0-alpha.3](https://github.com/fremtind/jokul/compare/@fremtind/jkl-text-input-react@1.0.0-alpha.2...@fremtind/jkl-text-input-react@1.0.0-alpha.3) (2019-10-25)
+
+**Note:** Version bump only for package @fremtind/jkl-text-input-react
+
+
+
+
+
+# [1.0.0-alpha.2](https://github.com/fremtind/jokul/compare/@fremtind/jkl-text-input-react@1.0.0-alpha.1...@fremtind/jkl-text-input-react@1.0.0-alpha.2) (2019-10-24)
+
+**Note:** Version bump only for package @fremtind/jkl-text-input-react
+
+
+
+
+
+# [1.0.0-alpha.1](https://github.com/fremtind/jokul/compare/@fremtind/jkl-text-input-react@1.0.0-alpha.0...@fremtind/jkl-text-input-react@1.0.0-alpha.1) (2019-10-24)
+
+**Note:** Version bump only for package @fremtind/jkl-text-input-react
+
+
+
+
+
+# [1.0.0-alpha.0](https://github.com/fremtind/jokul/compare/@fremtind/jkl-text-input-react@0.9.1-alpha.0...@fremtind/jkl-text-input-react@1.0.0-alpha.0) (2019-10-24)
+
+**Note:** Version bump only for package @fremtind/jkl-text-input-react
+
+
+
+
+
+## [0.9.1-alpha.0](https://github.com/fremtind/jokul/compare/@fremtind/jkl-text-input-react@0.9.0...@fremtind/jkl-text-input-react@0.9.1-alpha.0) (2019-10-24)
+
+
+### Features
+
+* **text-field:** implement in line version of TextField ([5999a32](https://github.com/fremtind/jokul/commit/5999a32))
+
+
+
+
+
 # [0.9.0](https://github.com/fremtind/jokul/compare/@fremtind/jkl-text-input-react@0.8.3...@fremtind/jkl-text-input-react@0.9.0) (2019-10-09)
@@ -8,0 +83,0 @@

package.json

 {
     "name": "@fremtind/jkl-text-input-react",
-    "version": "0.9.0",
+    "version": "1.0.0-alpha.7",
+    "homepage": "https://fremtind.github.io/jokul/",
     "publishConfig": {
@@ -40,7 +41,7 @@ "access": "public"
     "dependencies": {
-        "@fremtind/jkl-text-input": "^0.10.0",
-        "@fremtind/jkl-typography-react": "^0.9.0"
+        "@fremtind/jkl-text-input": "^1.0.0-alpha.7",
+        "@fremtind/jkl-typography-react": "^1.0.0-alpha.7"
     },
     "devDependencies": {
-        "@fremtind/browserslist-config-jkl": "^0.4.0"
+        "@fremtind/browserslist-config-jkl": "^1.0.0-alpha.7"
     },
@@ -63,3 +64,3 @@ "peerDependencies": {
     ],
-    "gitHead": "f79916c3cf2d48704066a05a77f7b9b57c7fbf64"
+    "gitHead": "b2664fe72325d5081e19afd7fcbe4e8cb531469b"
 }

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

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

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

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

35297

increased by17.77%

Lines of code

482

increased by18.72%

Number of low quality alerts

1

decreased by-50%

Worsened metrics

Number of low supply chain risk alerts

5

increased byInfinity%

Dependency changes

• + Added@babel/runtime@7.25.6(transitive)

• + Added@fremtind/jkl-core@1.1.124.21.1(transitive)

• + Added@fremtind/jkl-text-input@1.3.7(transitive)

• + Added@fremtind/jkl-typography-react@1.0.13(transitive)

• + Addedclassnames@2.5.1(transitive)

• + Addedregenerator-runtime@0.14.1(transitive)

• - Removed@fremtind/jkl-core@0.11.0(transitive)

• - Removed@fremtind/jkl-text-input@0.10.0(transitive)

• - Removed@fremtind/jkl-typography-react@0.9.0(transitive)

• Updated@fremtind/jkl-text-input@^1.0.0-alpha.7

• Updated@fremtind/jkl-typography-react@^1.0.0-alpha.7