@entur/form 7.2.0 → 8.0.0-beta.0

package/dist/form.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),a=require("classnames"),l=require("react"),n=require("@entur/icons"),t=require("@entur/typography"),r=require("@entur/tooltip"),i=require("@entur/tokens");function d(e){var a=Object.create(null);return e&&Object.keys(e).forEach((function(l){if("default"!==l){var n=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(a,l,n.get?n:{enumerable:!0,get:function(){return e[l]}})}})),a.default=e,a}var o=d(l);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var l=arguments[a];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e},c.apply(this,arguments)}function s(e,a){if(null==e)return{};var l,n,t={},r=Object.keys(e);for(n=0;n<r.length;n++)a.indexOf(l=r[n])>=0||(t[l]=e[l]);return t}var u=["children","hideIcon","variant","className"],m=function(e){var a=e.variant,t="eds-feedback-text__icon eds-feedback-text__icon--"+a;switch(a){case"success":return l.createElement(n.ValidationSuccessFilledIcon,{"aria-label":"Suksessmelding",className:t});case"negative":case"error":return l.createElement(n.ValidationErrorFilledIcon,{"aria-label":"Feilmelding",className:t});case"information":default:return null;case"warning":return l.createElement(n.ValidationExclamationFilledIcon,{"aria-label":"Varselmelding",className:t})}},p=function(e){var n=e.children,r=e.hideIcon,i=void 0!==r&&r,d=e.variant,o=e.className,p=s(e,u);return l.createElement(t.SubLabel,c({className:a("eds-feedback-text",{"eds-feedback-text--information":"info"===d||"information"===d},o)},p),!i&&l.createElement(m,{variant:d}),l.createElement("span",{className:"eds-feedback-text__text"},n))},b=o.createContext({isFilled:!1,setFilled:function(){return null}}),v=function(e){var a=e.children,l=o.useState(!1);return o.createElement(b.Provider,{value:{isFilled:l[0],setFilled:l[1]}},a)},h=function(){return o.useContext(b)},f=["label","required","labelId","staticAnimation"],g=function(e){var n=e.label,t=e.required,r=e.labelId,i=e.staticAnimation,d=void 0!==i&&i,o=s(e,f),u=h(),m=d||u.isFilled;return l.createElement("label",c({className:a(o.className,{"eds-input-group-label-wrapper--filled":m}),id:r},o),l.createElement("span",{className:a("eds-input-group__label",{"eds-input-group__label--filled":m})},n," ",t&&l.createElement("span",null,"*")))},E=l.createContext(null),y=function(){return l.useContext(E)},C=["children","className","disabled","readOnly","variant","prepend","append","size","isFilled","label","required","labelTooltip","feedback","labelId","labelProps","style","disableLabelAnimation","ariaAlertOnFeedback"],x=l.forwardRef((function(e,t){var i=e.children,d=e.className,o=e.disabled,u=void 0!==o&&o,m=e.readOnly,b=void 0!==m&&m,h=e.variant,f=e.prepend,E=e.append,x=e.size,N=void 0===x?"medium":x,_=e.isFilled,k=e.label,w=e.required,O=e.labelTooltip,I=e.feedback,F=e.labelId,R=e.labelProps,z=e.style,A=e.disableLabelAnimation,P=void 0!==A&&A,S=e.ariaAlertOnFeedback,V=void 0!==S&&S,L=s(e,C),q=y(),T=h||q;return l.createElement(v,null,l.createElement("div",null,l.createElement("div",c({className:a("eds-form-control-wrapper",d,"eds-form-control-wrapper--size-"+N,{"eds-form-control-wrapper--success":"success"===T,"eds-form-control-wrapper--negative":"negative"===T||"error"===T,"eds-form-control-wrapper--disabled":u,"eds-form-control-wrapper--readonly":b,"eds-form-control-wrapper--is-filled":_}),ref:t,style:z},L),f&&l.createElement("div",{className:"eds-form-control__prepend"},f),l.createElement(g,c({label:k,required:w,labelId:F,staticAnimation:P},R)),i,E&&l.createElement("div",{className:"eds-form-control__append"},E),O&&l.createElement("div",{className:"eds-form-control__append eds-form-control__append--tooltip"},l.createElement(r.Tooltip,{content:O,placement:"right"},l.createElement("span",{className:"eds-input-group__label-tooltip-icon"},l.createElement(n.QuestionIcon,null))))),I&&T&&l.createElement(p,{variant:T,role:V?"alert":void 0},I)))})),N=["checked","className","children","style","disabled","reduceClickArea"],_=l.forwardRef((function(n,r){var i=n.checked,d=n.className,o=n.children,u=n.style,m=n.disabled,p=void 0!==m&&m,b=n.reduceClickArea,v=s(n,N),h=l.useRef(null),f="indeterminate"===i,g=void 0!==i;return l.useEffect((function(){h&&h.current&&(h.current.indeterminate=f)}),[f]),l.createElement("label",{className:a("eds-checkbox__container",d,{"eds-checkbox--disabled":p,"eds-checkbox__container--reduced-click-area":b}),style:u},l.createElement("input",c({type:"checkbox",ref:e.mergeRefs(r,h),checked:g?!0===i:void 0,disabled:p},v)),l.createElement("span",{className:a("eds-checkbox__icon",{"eds-checkbox__icon--disabled":p,"eds-checkbox__icon--reduced-click-area":b})},l.createElement(k,{indeterminate:f})),o&&l.createElement(t.Paragraph,{className:"eds-checkbox__label",margin:"none",as:"span"},o))})),k=function(e){var a=e.indeterminate;return l.createElement("svg",{className:"eds-checkbox-icon",width:"11px",height:"9px",viewBox:"6 11 37 33","aria-hidden":!0},void 0!==a&&a?l.createElement("rect",{x:"10",y:"25",width:"28",height:"5",fill:"white"}):l.createElement("path",{d:"M14.1 27.2l7.1 7.2 14.6-14.8",fill:"none"}))},w=["children","className","label"],O=function(e){var n=e.children,r=e.className,i=e.label,d=s(e,w);return l.createElement("fieldset",c({className:a("eds-fieldset",r)},d),i&&l.createElement(t.Heading5,{as:"legend"},i),n)},I=l.createContext(null),F=I.Provider,R=function(){var e=l.useContext(I);if(!e)throw new Error("You need to wrap your RadioButtons in a RadioGroup component");return e},z=["className","children","value","disabled"],A=l.forwardRef((function(e,n){var r,i,d,o=e.className,u=e.children,m=e.value,p=e.disabled,b=s(e,z),v=a(o,"eds-form-component--radio__radio",{"eds-form-component--radio__radio--disabled":p}),h=R();return l.createElement("label",{className:"eds-form-component--radio__container"},l.createElement("input",c({type:"radio",name:null!=(r=b.name)?r:h.name,ref:n,value:m,checked:null!=(i=b.checked)?i:h.value===m,onChange:null!=(d=b.onChange)?d:h.onChange,disabled:p},b)),l.createElement("span",{className:v},l.createElement("span",{className:"eds-form-component--radio__circle"})),u&&l.createElement(t.Paragraph,{margin:"none",as:"span",className:"eds-form-component--radio__label"},u))})),P=["className","children","value","title","secondaryLabel","size","hideSelectionIndicator","style","id","disabled","type","onChange","checked","name"],S=l.forwardRef((function(n,t){var r,i,d,o,u=n.className,m=n.children,p=n.value,b=n.title,v=n.secondaryLabel,h=n.size,f=void 0===h?"medium":h,g=n.hideSelectionIndicator,E=void 0!==g&&g,y=n.style,C=n.id,x=n.disabled,N=void 0!==x&&x,k=n.type,w=void 0===k?"radio":k,O=n.onChange,I=n.checked,F=n.name,R=s(n,P),z=a(u,"eds-input-panel__container","eds-input-panel--"+f),S=l.useRef(null),V=e.useRandomId("eds-inputpanel"),L=C||V,q=e.useForceUpdate();return l.createElement("label",{className:"eds-input-panel",htmlFor:L},l.createElement("input",c({type:w,name:F,ref:e.mergeRefs(t,S),value:p,checked:I,onChange:function(e){void 0===O&&q(),null==O||O(e)},id:L,disabled:N},R)),l.createElement("div",{className:z,style:y},l.createElement("div",{className:"eds-input-panel__title-wrapper"},l.createElement("div",{className:"eds-input-panel__title"},b),l.createElement("div",{className:"eds-input-panel__secondary-label-and-icon-wrapper"},void 0!==v&&l.createElement(l.Fragment,null,v),l.createElement("span",{style:{pointerEvents:"none"}},!(N||E)&&("radio"===w?l.createElement(A,{name:"",value:"",checked:null!=(r=null!=I?I:null==(i=S.current)?void 0:i.checked)&&r,onChange:function(){},"aria-hidden":"true",tabIndex:-1}):l.createElement(_,{checked:null!=(d=null!=I?I:null==(o=S.current)?void 0:o.checked)&&d,onChange:function(){return null},"aria-hidden":"true",tabIndex:-1}))))),m&&l.createElement("div",{className:"eds-input-panel__additional-content"},m)))})),V=["className","children","value","title","secondaryLabel","size","hideRadioButton","style","id","disabled"],L=l.forwardRef((function(e,a){var n=e.className,t=e.children,r=e.value,i=e.title,d=e.secondaryLabel,o=e.size,u=void 0===o?"medium":o,m=e.hideRadioButton,p=void 0!==m&&m,b=e.style,v=e.id,h=e.disabled,f=void 0!==h&&h,g=s(e,V),E=R();return l.createElement(S,c({type:"radio",name:E.name,title:i,value:r,checked:E.value===r,onChange:E.onChange,className:n,secondaryLabel:d,size:u,hideSelectionIndicator:p,style:b,id:v,disabled:f},g,{ref:a}),t)})),q=["name","checked","onChange","className","children","value","title","secondaryLabel","size","hideCheckbox","style","id","disabled"],T=l.forwardRef((function(e,a){var n=e.name,t=e.checked,r=e.onChange,i=e.className,d=e.children,o=e.value,u=e.title,m=e.secondaryLabel,p=e.size,b=void 0===p?"medium":p,v=e.hideCheckbox,h=void 0!==v&&v,f=e.style,g=e.id,E=e.disabled,y=void 0!==E&&E,C=s(e,q);return l.createElement(S,c({type:"checkbox",name:n,title:u,value:o,checked:t,onChange:r,className:i,secondaryLabel:m,size:b,hideSelectionIndicator:h,style:f,id:g,disabled:y},C,{ref:a}),d)})),j=["name","value","children","onChange","label"],M=["className","children","labelPlacement","icon","hideIcon","color","contrastColor","size","checked"],B=l.forwardRef((function(e,t){var r=e.className,d=e.children,o=e.labelPlacement,u=void 0===o?"right":o,m=e.icon,p=e.hideIcon,b=void 0!==p&&p,v=e.color,h=void 0===v?i.colors.validation.mint:v,f=e.contrastColor,g=void 0===f?i.colors.validation.mintContrast:f,E=e.size,y=void 0===E?"medium":E,C=e.checked,x=s(e,M);return l.createElement("label",{className:a("eds-switch","eds-switch--"+u,r),style:c({},x.style)},l.createElement("input",c({type:"checkbox",ref:t,checked:C},x)),l.createElement("span",{className:a("eds-switch__switch","eds-switch__switch--"+y),style:{"--eds-switch-color":h,"--eds-switch-contrast-color":g},"aria-hidden":"true"},l.createElement("span",{className:"eds-switch__circle"},!b&&(m||(void 0===C?l.createElement(l.Fragment,null):l.createElement(C?n.CheckIcon:n.CloseSmallIcon,{size:"large"===y?23:void 0}))))),d&&l.createElement("span",{className:a("eds-switch__label","eds-switch__label--"+y+"--"+u)},d))}));function G(e){return null!=e&&!(Array.isArray(e)&&0===e.length)}function Y(e,a){return void 0===a&&(a=!1),e&&(G(e.value)&&""!==e.value||a&&G(e.defaultValue)&&""!==e.defaultValue)}var D=["variant","disabled","readOnly","className","style","label","feedback","labelTooltip","onChange","disableLabelAnimation"],H=["readOnly","disabled","onChange","value","variant"],Q=l.forwardRef((function(a,n){var t=a.variant,r=a.disabled,i=void 0!==r&&r,d=a.readOnly,o=void 0!==d&&d,u=a.className,m=a.style,p=a.label,b=a.feedback,v=a.labelTooltip,h=a.onChange,f=a.disableLabelAnimation,g=s(a,D),E=e.useRandomId("eds-textarea");return l.createElement(x,{className:u,disabled:i,readOnly:o,variant:t,style:m,label:p,labelId:E,feedback:b,labelTooltip:v,labelProps:{className:"eds-textarea__label"},disableLabelAnimation:f},l.createElement(U,c({readOnly:o,disabled:i,ref:n,"aria-labelledby":E,onChange:h,variant:t},g)))})),U=l.forwardRef((function(a,n){var t=a.readOnly,r=a.disabled,i=a.onChange,d=a.value,o=a.variant,u=s(a,H),m=y(),p=o||m,b=h(),v=b.isFilled,f=b.setFilled;return e.useOnMount((function(){(null!=d&&d.toString()||u.defaultValue)&&f&&!v&&f(!0)})),l.useEffect((function(){null!=d&&d.toString()&&f&&!v&&f(!0)}),[d,f,v]),l.createElement("textarea",c({className:"eds-form-control eds-textarea",ref:n,readOnly:t,disabled:r,onChange:function(e){Y(e.target)?f&&!v&&f(!0):f&&v&&f(!1),i&&i(e)},value:d,"aria-invalid":"error"===p},u))})),J=["prepend","append","variant","disabled","readOnly","className","style","size","label","required","labelTooltip","feedback","onChange","disableLabelAnimation","labelProps","clearable","onClear","value","ariaAlertOnFeedback"],K=["disabled","readOnly","placeholder","onChange","value","variant"],W=["onClear"],X=l.forwardRef((function(a,n){var t=a.prepend,r=a.append,i=a.variant,d=a.disabled,o=void 0!==d&&d,u=a.readOnly,m=void 0!==u&&u,p=a.className,b=a.style,v=a.size,h=void 0===v?"medium":v,f=a.label,g=a.required,E=a.labelTooltip,y=a.feedback,C=a.onChange,N=a.disableLabelAnimation,_=a.labelProps,k=a.clearable,w=void 0!==k&&k,O=a.onClear,I=a.value,F=a.ariaAlertOnFeedback,R=void 0!==F&&F,z=s(a,J),A=e.useRandomId("eds-textfield"),P=_&&_.id?_.id:A;return l.createElement(x,{disabled:o,readOnly:m,variant:i,prepend:t,append:w&&O?l.createElement($,{onClear:O}):r,className:p,style:b,size:h,label:f,required:g,labelTooltip:E,labelId:P,feedback:y,disableLabelAnimation:N,labelProps:_,ariaAlertOnFeedback:R},l.createElement(Z,c({disabled:o,readOnly:m,ref:n,"aria-labelledby":P,onChange:C,value:I,variant:i},z)))})),Z=l.forwardRef((function(a,n){var t=a.disabled,r=a.readOnly,i=a.placeholder,d=a.onChange,o=a.value,u=a.variant,m=s(a,K),p=y(),b=u||p,v=h(),f=v.isFilled,g=v.setFilled;return e.useOnMount((function(){(null!=o&&o.toString()||m.defaultValue)&&g&&!f&&g(!0)})),l.useEffect((function(){null!=o&&o.toString()&&g&&!f&&g(!0)}),[o,g,f]),l.createElement("input",c({"aria-invalid":"error"===b,className:"eds-form-control",disabled:t,readOnly:r,ref:n,placeholder:i,onChange:function(e){Y(e.target)?g&&!f&&g(!0):g&&f&&g(!1),d&&d(e)},value:o},m))})),$=function(e){var a=e.onClear,t=s(e,W),r=h(),i=r.isFilled,d=r.setFilled;return l.createElement("div",{className:"eds-textfield__clear-button-wrapper"},i&&l.createElement("div",{className:"eds-textfield__divider"}),i&&l.createElement("button",c({className:"eds-textfield__clear-button",type:"button",tabIndex:-1,onClick:function(){d(!1),a()}},t),l.createElement(n.CloseSmallIcon,null)))},ee=["name","onChange","selectedValue","multiple","size"],ae=l.createContext(null),le=function(a){var n=a.name,t=a.onChange,r=void 0===t?function(){}:t,i=a.selectedValue,d=a.multiple,o=a.size,u=s(a,ee),m=e.useRandomId("eds-segmented-control"),p=l.useMemo((function(){return{name:n||m,onChange:r,multiple:d,selectedValue:i,size:o}}),[m,d,n,r,i,o]);return l.createElement(ae.Provider,c({value:p},u))},ne=["children","className","style","value","name","onChange"],te=l.forwardRef((function(e,n){var t=e.children,r=e.className,i=e.style,d=e.value,o=e.name,u=e.onChange,m=void 0===u?function(){}:u,p=s(e,ne),b=function(){var e=l.useContext(ae);if(!e)throw new Error("You need to wrap your SegmentedChoice in either SegmentedControl or MultipleSegmentedControl");return e}(),v=b.name,h=b.selectedValue,f=b.onChange,g=b.multiple,E=b.size,y=g?h[d]:h===d;return l.createElement("label",{className:a("eds-segmented-choice",r),style:i},l.createElement("input",c({type:g?"checkbox":"radio",name:o||v,checked:y,value:d,onChange:function(e){var a;m(e),g?f(c({},h,((a={})[d]=e.target.checked,a))):e.target.checked&&f(d)},ref:n},p)),l.createElement("div",{className:a("eds-base-segmented",{"eds-base-segmented--large":"large"===E})},t))})),re=["children","label","name","onChange","selectedValue","size","className"],ie=["children","label","name","onChange","selectedValue"];e.warnAboutMissingStyles("form","icons","typography"),exports.BaseFormControl=x,exports.Checkbox=_,exports.CheckboxPanel=T,exports.FeedbackText=p,exports.Fieldset=O,exports.InputGroupContextProvider=v,exports.InputGroupLabel=g,exports.MultipleSegmentedControl=function(e){var a=e.children,n=e.label,r=e.name,i=e.onChange,d=e.selectedValue,o=s(e,ie);return l.createElement(le,{name:r,selectedValue:d,onChange:i,multiple:!0,size:"medium"},l.createElement(t.Label,{as:"div"},n),l.createElement("div",c({className:"eds-segmented-control"},o),a))},exports.Radio=A,exports.RadioGroup=function(e){var a=e.name,n=e.value,t=e.children,r=e.onChange,i=e.label,d=s(e,j),o=l.useMemo((function(){return{name:a,value:n,onChange:r}}),[a,n,r]);return l.createElement(F,{value:o},i?l.createElement(O,c({label:i},d),t):t)},exports.RadioPanel=L,exports.SegmentedChoice=te,exports.SegmentedControl=function(e){var n=e.children,t=e.label,r=e.name,i=e.onChange,d=e.selectedValue,o=e.size,u=void 0===o?"medium":o,m=e.className,p=s(e,re);return l.createElement(le,{name:r,selectedValue:d,onChange:i,multiple:!1,size:u},l.createElement(O,{label:t},l.createElement("div",c({className:a("eds-segmented-control",m)},p),n)))},exports.Switch=B,exports.TextArea=Q,exports.TextField=X,exports.VariantProvider=function(e){var a=e.variant;return l.createElement(E.Provider,{value:void 0===a?null:a},e.children)},exports.hasValue=G,exports.isFilled=Y,exports.useInputGroupContext=h,exports.useVariant=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),a=require("react"),l=require("classnames"),n=require("@entur/icons"),t=require("@entur/tooltip"),r=require("@entur/button"),i=require("@entur/typography"),d=require("@entur/tokens");function o(e){var a=Object.create(null);return e&&Object.keys(e).forEach((function(l){if("default"!==l){var n=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(a,l,n.get?n:{enumerable:!0,get:function(){return e[l]}})}})),a.default=e,a}var c=o(a);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var l=arguments[a];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e},s.apply(this,arguments)}function u(e,a){if(null==e)return{};var l,n,t={},r=Object.keys(e);for(n=0;n<r.length;n++)a.indexOf(l=r[n])>=0||(t[l]=e[l]);return t}var m=["children","hideIcon","variant","className"],b=function(e){var l=e.variant,t="eds-feedback-text__icon eds-feedback-text__icon--"+l;switch(l){case"success":return a.createElement(n.ValidationSuccessFilledIcon,{"aria-label":"Suksessmelding",className:t});case"negative":case"error":return a.createElement(n.ValidationErrorFilledIcon,{"aria-label":"Feilmelding",className:t});case"information":default:return null;case"warning":return a.createElement(n.ValidationExclamationFilledIcon,{"aria-label":"Varselmelding",className:t})}},p=function(e){var n=e.children,t=e.hideIcon,r=void 0!==t&&t,d=e.variant,o=e.className,c=u(e,m);return a.createElement(i.SubLabel,s({className:l("eds-feedback-text",{"eds-feedback-text--information":"info"===d||"information"===d},o)},c),!r&&a.createElement(b,{variant:d}),a.createElement("span",{className:"eds-feedback-text__text"},n))},f=c.createContext({isFilled:!1,setFilled:function(){return null}}),v=function(e){var a=e.children,l=c.useState(!1);return c.createElement(f.Provider,{value:{isFilled:l[0],setFilled:l[1]}},a)},h=function(){return c.useContext(f)},g=["label","required","labelId","staticAnimation"],E=function(e){var n=e.label,t=e.required,r=e.labelId,i=e.staticAnimation,d=void 0!==i&&i,o=u(e,g),c=h(),m=d||c.isFilled;return a.createElement("label",s({className:l(o.className,{"eds-input-group-label-wrapper--filled":m}),id:r},o),a.createElement("span",{className:l("eds-input-group__label",{"eds-input-group__label--filled":m})},n," ",t&&a.createElement("span",null,"*")))},y=a.createContext(null),C=function(){return a.useContext(y)},_=["children","className","disabled","readOnly","variant","prepend","append","size","isFilled","label","required","labelTooltip","labelTooltipButtonAriaLabel","feedback","labelId","labelProps","style","disableLabelAnimation","ariaAlertOnFeedback"],x=a.forwardRef((function(e,i){var d=e.children,o=e.className,c=e.disabled,m=void 0!==c&&c,b=e.readOnly,f=void 0!==b&&b,h=e.variant,g=e.prepend,y=e.append,x=e.size,k=void 0===x?"medium":x,N=e.isFilled,w=e.label,O=e.required,I=e.labelTooltip,F=e.labelTooltipButtonAriaLabel,R=void 0===F?"Klikk for tilleggsinfo om feltet":F,z=e.feedback,L=e.labelId,A=e.labelProps,P=e.style,S=e.disableLabelAnimation,V=void 0!==S&&S,q=e.ariaAlertOnFeedback,T=void 0!==q&&q,j=u(e,_),B=C(),M=h||B;return a.createElement(v,null,a.createElement("div",{className:l("eds-form-control__field-and-feedback-text",o,{"eds-form-control__field-and-feedback-text--has-tooltip":void 0!==I}),style:P},a.createElement("div",s({className:l("eds-form-control-wrapper","eds-form-control-wrapper--size-"+k,{"eds-form-control-wrapper--success":"success"===M,"eds-form-control-wrapper--negative":"negative"===M||"error"===M,"eds-form-control-wrapper--disabled":m,"eds-form-control-wrapper--readonly":f,"eds-form-control-wrapper--is-filled":N}),ref:i},j),g&&a.createElement("div",{className:"eds-form-control__prepend"},g),a.createElement(E,s({label:w,required:O,labelId:L,staticAnimation:V},A)),I&&a.createElement(t.Tooltip,{content:I,placement:"right",showCloseButton:!1,disableFocusListener:!0,disableHoverListener:!0,disableClickListner:!1,disableKeyboardListener:!1},a.createElement(r.IconButton,{as:"span",tabIndex:0,role:"button",className:"eds-form-control__append eds-form-control__append--tooltip","aria-label":R},a.createElement(n.QuestionIcon,{className:"eds-input-group__label-tooltip-icon","aria-hidden":"true"}))),d,y&&a.createElement("div",{className:"eds-form-control__append"},y)),z&&M&&a.createElement(p,{variant:M,role:T?"alert":void 0},z)))})),k=["checked","className","children","style","disabled","reduceClickArea"],N=a.forwardRef((function(n,t){var r=n.checked,d=n.className,o=n.children,c=n.style,m=n.disabled,b=void 0!==m&&m,p=n.reduceClickArea,f=u(n,k),v=a.useRef(null),h="indeterminate"===r,g=void 0!==r;return a.useEffect((function(){v&&v.current&&(v.current.indeterminate=h)}),[h]),a.createElement("label",{className:l("eds-checkbox__container",d,{"eds-checkbox--disabled":b,"eds-checkbox__container--reduced-click-area":p}),style:c},a.createElement("input",s({type:"checkbox",ref:e.mergeRefs(t,v),checked:g?!0===r:void 0,disabled:b},f)),a.createElement("span",{className:l("eds-checkbox__icon",{"eds-checkbox__icon--disabled":b,"eds-checkbox__icon--reduced-click-area":p})},a.createElement(w,{indeterminate:h})),o&&a.createElement(i.Paragraph,{className:"eds-checkbox__label",margin:"none",as:"span"},o))})),w=function(e){var l=e.indeterminate;return a.createElement("svg",{className:"eds-checkbox-icon",width:"11px",height:"9px",viewBox:"6 11 37 33","aria-hidden":!0},void 0!==l&&l?a.createElement("rect",{x:"10",y:"25",width:"28",height:"5",fill:"white"}):a.createElement("path",{d:"M14.1 27.2l7.1 7.2 14.6-14.8",fill:"none"}))},O=["children","className","label"],I=function(e){var n=e.children,t=e.className,r=e.label,d=u(e,O);return a.createElement("fieldset",s({className:l("eds-fieldset",t)},d),r&&a.createElement(i.Heading5,{as:"legend"},r),n)},F=a.createContext(null),R=F.Provider,z=function(){var e=a.useContext(F);if(!e)throw new Error("You need to wrap your RadioButtons in a RadioGroup component");return e},L=["className","children","value","disabled"],A=a.forwardRef((function(e,n){var t,r,d,o=e.className,c=e.children,m=e.value,b=e.disabled,p=u(e,L),f=l(o,"eds-form-component--radio__radio",{"eds-form-component--radio__radio--disabled":b}),v=z();return a.createElement("label",{className:"eds-form-component--radio__container"},a.createElement("input",s({type:"radio",name:null!=(t=p.name)?t:v.name,ref:n,value:m,checked:null!=(r=p.checked)?r:v.value===m,onChange:null!=(d=p.onChange)?d:v.onChange,disabled:b},p)),a.createElement("span",{className:f},a.createElement("span",{className:"eds-form-component--radio__circle"})),c&&a.createElement(i.Paragraph,{margin:"none",as:"span",className:"eds-form-component--radio__label"},c))})),P=["className","children","value","title","secondaryLabel","size","hideSelectionIndicator","style","id","disabled","type","onChange","checked","name"],S=a.forwardRef((function(n,t){var r,i,d,o,c=n.className,m=n.children,b=n.value,p=n.title,f=n.secondaryLabel,v=n.size,h=void 0===v?"medium":v,g=n.hideSelectionIndicator,E=void 0!==g&&g,y=n.style,C=n.id,_=n.disabled,x=void 0!==_&&_,k=n.type,w=void 0===k?"radio":k,O=n.onChange,I=n.checked,F=n.name,R=u(n,P),z=l(c,"eds-input-panel__container","eds-input-panel--"+h),L=a.useRef(null),S=e.useRandomId("eds-inputpanel"),V=C||S,q=e.useForceUpdate();return a.createElement("label",{className:"eds-input-panel",htmlFor:V},a.createElement("input",s({type:w,name:F,ref:e.mergeRefs(t,L),value:b,checked:I,onChange:function(e){void 0===O&&q(),null==O||O(e)},id:V,disabled:x},R)),a.createElement("div",{className:z,style:y},a.createElement("div",{className:"eds-input-panel__title-wrapper"},a.createElement("div",{className:"eds-input-panel__title"},p),a.createElement("div",{className:"eds-input-panel__secondary-label-and-icon-wrapper"},void 0!==f&&a.createElement(a.Fragment,null,f),a.createElement("span",{style:{pointerEvents:"none"}},!(x||E)&&("radio"===w?a.createElement(A,{name:"",value:"",checked:null!=(r=null!=I?I:null==(i=L.current)?void 0:i.checked)&&r,onChange:function(){},"aria-hidden":"true",tabIndex:-1}):a.createElement(N,{checked:null!=(d=null!=I?I:null==(o=L.current)?void 0:o.checked)&&d,onChange:function(){return null},"aria-hidden":"true",tabIndex:-1}))))),m&&a.createElement("div",{className:"eds-input-panel__additional-content"},m)))})),V=["className","children","value","title","secondaryLabel","size","hideRadioButton","style","id","disabled"],q=a.forwardRef((function(e,l){var n=e.className,t=e.children,r=e.value,i=e.title,d=e.secondaryLabel,o=e.size,c=void 0===o?"medium":o,m=e.hideRadioButton,b=void 0!==m&&m,p=e.style,f=e.id,v=e.disabled,h=void 0!==v&&v,g=u(e,V),E=z();return a.createElement(S,s({type:"radio",name:E.name,title:i,value:r,checked:E.value===r,onChange:E.onChange,className:n,secondaryLabel:d,size:c,hideSelectionIndicator:b,style:p,id:f,disabled:h},g,{ref:l}),t)})),T=["name","checked","onChange","className","children","value","title","secondaryLabel","size","hideCheckbox","style","id","disabled"],j=a.forwardRef((function(e,l){var n=e.name,t=e.checked,r=e.onChange,i=e.className,d=e.children,o=e.value,c=e.title,m=e.secondaryLabel,b=e.size,p=void 0===b?"medium":b,f=e.hideCheckbox,v=void 0!==f&&f,h=e.style,g=e.id,E=e.disabled,y=void 0!==E&&E,C=u(e,T);return a.createElement(S,s({type:"checkbox",name:n,title:c,value:o,checked:t,onChange:r,className:i,secondaryLabel:m,size:p,hideSelectionIndicator:v,style:h,id:g,disabled:y},C,{ref:l}),d)})),B=["name","value","children","onChange","label"],M=["className","children","labelPlacement","icon","hideIcon","color","contrastColor","size","checked"],G=a.forwardRef((function(e,t){var r=e.className,i=e.children,o=e.labelPlacement,c=void 0===o?"right":o,m=e.icon,b=e.hideIcon,p=void 0!==b&&b,f=e.color,v=void 0===f?d.colors.validation.mint:f,h=e.contrastColor,g=void 0===h?d.colors.validation.mintContrast:h,E=e.size,y=void 0===E?"medium":E,C=e.checked,_=u(e,M);return a.createElement("label",{className:l("eds-switch","eds-switch--"+c,r),style:s({},_.style)},a.createElement("input",s({type:"checkbox",ref:t,checked:C},_)),a.createElement("span",{className:l("eds-switch__switch","eds-switch__switch--"+y),style:{"--eds-switch-color":v,"--eds-switch-contrast-color":g},"aria-hidden":"true"},a.createElement("span",{className:"eds-switch__circle"},!p&&(m||(void 0===C?a.createElement(a.Fragment,null):a.createElement(C?n.CheckIcon:n.CloseSmallIcon,{size:"large"===y?23:void 0}))))),i&&a.createElement("span",{className:l("eds-switch__label","eds-switch__label--"+y+"--"+c)},i))}));function H(e){return null!=e&&!(Array.isArray(e)&&0===e.length)}function K(e,a){return void 0===a&&(a=!1),e&&(H(e.value)&&""!==e.value||a&&H(e.defaultValue)&&""!==e.defaultValue)}var Y=["variant","disabled","readOnly","className","style","label","feedback","labelTooltip","onChange","disableLabelAnimation"],D=["readOnly","disabled","onChange","value","variant"],Q=a.forwardRef((function(n,t){var r=n.variant,i=n.disabled,d=void 0!==i&&i,o=n.readOnly,c=void 0!==o&&o,m=n.className,b=n.style,p=n.label,f=n.feedback,v=n.labelTooltip,h=n.onChange,g=n.disableLabelAnimation,E=u(n,Y),y=e.useRandomId("eds-textarea"),C=a.useRef(null);return a.createElement(x,{className:l(m,"eds-textarea__wrapper"),disabled:d,readOnly:c,variant:r,style:b,label:p,labelId:y,feedback:f,labelTooltip:v,labelProps:{className:"eds-textarea__label"},disableLabelAnimation:g,onClick:function(e){var a;e.target===e.currentTarget&&(null==C||null==(a=C.current)||a.focus())}},a.createElement(U,s({readOnly:c,disabled:d,ref:e.mergeRefs(t,C),"aria-labelledby":y,onChange:h,variant:r},E)))})),U=a.forwardRef((function(l,n){var t=l.readOnly,r=l.disabled,i=l.onChange,d=l.value,o=l.variant,c=u(l,D),m=C(),b=o||m,p=h(),f=p.isFilled,v=p.setFilled;return e.useOnMount((function(){(null!=d&&d.toString()||c.defaultValue)&&v&&!f&&v(!0)})),a.useEffect((function(){null!=d&&d.toString()&&v&&!f&&v(!0)}),[d,v,f]),a.createElement("textarea",s({className:"eds-form-control eds-textarea",ref:n,readOnly:t,disabled:r,onChange:function(e){K(e.target)?v&&!f&&v(!0):v&&f&&v(!1),i&&i(e)},value:d,"aria-invalid":"error"===b},c))})),J=["prepend","append","variant","disabled","readOnly","className","style","size","label","required","labelTooltip","feedback","onChange","disableLabelAnimation","labelProps","clearable","onClear","value","ariaAlertOnFeedback"],W=["disabled","readOnly","placeholder","onChange","value","variant"],X=["onClear"],Z=a.forwardRef((function(n,t){var r=n.prepend,i=n.append,d=n.variant,o=n.disabled,c=void 0!==o&&o,m=n.readOnly,b=void 0!==m&&m,p=n.className,f=n.style,v=n.size,h=void 0===v?"medium":v,g=n.label,E=n.required,y=n.labelTooltip,C=n.feedback,_=n.onChange,k=n.disableLabelAnimation,N=n.labelProps,w=n.clearable,O=void 0!==w&&w,I=n.onClear,F=n.value,R=n.ariaAlertOnFeedback,z=void 0!==R&&R,L=u(n,J),A=e.useRandomId("eds-textfield"),P=N&&N.id?N.id:A,S=a.useRef(null);return a.createElement(x,{disabled:c,readOnly:b,variant:d,prepend:r,append:O&&I?a.createElement(ee,{onClear:I}):i,className:l(p,"eds-textfield__wrapper"),style:f,size:h,label:g,required:E,labelTooltip:y,labelId:P,feedback:C,disableLabelAnimation:k,labelProps:N,ariaAlertOnFeedback:z,onClick:function(e){var a;e.target===e.currentTarget&&(null==S||null==(a=S.current)||a.focus())}},a.createElement($,s({disabled:c,readOnly:b,ref:e.mergeRefs(t,S),"aria-labelledby":P,onChange:_,value:F,variant:d},L)))})),$=a.forwardRef((function(l,n){var t=l.disabled,r=l.readOnly,i=l.placeholder,d=l.onChange,o=l.value,c=l.variant,m=u(l,W),b=C(),p=c||b,f=h(),v=f.isFilled,g=f.setFilled;return e.useOnMount((function(){(null!=o&&o.toString()||m.defaultValue)&&g&&!v&&g(!0)})),a.useEffect((function(){null!=o&&o.toString()&&g&&!v&&g(!0)}),[o,g,v]),a.createElement("input",s({"aria-invalid":"error"===p,className:"eds-form-control",disabled:t,readOnly:r,ref:n,placeholder:i,onChange:function(e){K(e.target)?g&&!v&&g(!0):g&&v&&g(!1),d&&d(e)},value:o},m))})),ee=function(e){var l=e.onClear,t=u(e,X),r=h(),i=r.isFilled,d=r.setFilled;return a.createElement("div",{className:"eds-textfield__clear-button-wrapper"},i&&a.createElement("div",{className:"eds-textfield__divider"}),i&&a.createElement("button",s({className:"eds-textfield__clear-button",type:"button",tabIndex:-1,onClick:function(){d(!1),l()}},t),a.createElement(n.CloseSmallIcon,null)))},ae=["name","onChange","selectedValue","multiple","size"],le=a.createContext(null),ne=function(l){var n=l.name,t=l.onChange,r=void 0===t?function(){}:t,i=l.selectedValue,d=l.multiple,o=l.size,c=u(l,ae),m=e.useRandomId("eds-segmented-control"),b=a.useMemo((function(){return{name:n||m,onChange:r,multiple:d,selectedValue:i,size:o}}),[m,d,n,r,i,o]);return a.createElement(le.Provider,s({value:b},c))},te=["children","className","style","value","name","onChange"],re=a.forwardRef((function(e,n){var t=e.children,r=e.className,i=e.style,d=e.value,o=e.name,c=e.onChange,m=void 0===c?function(){}:c,b=u(e,te),p=function(){var e=a.useContext(le);if(!e)throw new Error("You need to wrap your SegmentedChoice in either SegmentedControl or MultipleSegmentedControl");return e}(),f=p.name,v=p.selectedValue,h=p.onChange,g=p.multiple,E=p.size,y=g?v[d]:v===d;return a.createElement("label",{className:l("eds-segmented-choice",r),style:i},a.createElement("input",s({type:g?"checkbox":"radio",name:o||f,checked:y,value:d,onChange:function(e){var a;m(e),g?h(s({},v,((a={})[d]=e.target.checked,a))):e.target.checked&&h(d)},ref:n},b)),a.createElement("div",{className:l("eds-base-segmented",{"eds-base-segmented--large":"large"===E})},t))})),ie=["children","label","name","onChange","selectedValue","size","className"],de=["children","label","name","onChange","selectedValue"];e.warnAboutMissingStyles("form","icons","typography"),exports.BaseFormControl=x,exports.Checkbox=N,exports.CheckboxPanel=j,exports.FeedbackText=p,exports.Fieldset=I,exports.InputGroupContextProvider=v,exports.InputGroupLabel=E,exports.MultipleSegmentedControl=function(e){var l=e.children,n=e.label,t=e.name,r=e.onChange,d=e.selectedValue,o=u(e,de);return a.createElement(ne,{name:t,selectedValue:d,onChange:r,multiple:!0,size:"medium"},a.createElement(i.Label,{as:"div"},n),a.createElement("div",s({className:"eds-segmented-control"},o),l))},exports.Radio=A,exports.RadioGroup=function(e){var l=e.name,n=e.value,t=e.children,r=e.onChange,i=e.label,d=u(e,B),o=a.useMemo((function(){return{name:l,value:n,onChange:r}}),[l,n,r]);return a.createElement(R,{value:o},i?a.createElement(I,s({label:i},d),t):t)},exports.RadioPanel=q,exports.SegmentedChoice=re,exports.SegmentedControl=function(e){var n=e.children,t=e.label,r=e.name,i=e.onChange,d=e.selectedValue,o=e.size,c=void 0===o?"medium":o,m=e.className,b=u(e,ie);return a.createElement(ne,{name:r,selectedValue:d,onChange:i,multiple:!1,size:c},a.createElement(I,{label:t},a.createElement("div",s({className:l("eds-segmented-control",m)},b),n)))},exports.Switch=G,exports.TextArea=Q,exports.TextField=Z,exports.VariantProvider=function(e){var l=e.variant;return a.createElement(y.Provider,{value:void 0===l?null:l},e.children)},exports.hasValue=H,exports.isFilled=K,exports.useInputGroupContext=h,exports.useVariant=C;
 //# sourceMappingURL=form.cjs.production.min.js.map

package/dist/form.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.cjs.production.min.js","sources":["../src/FeedbackText.tsx","../src/InputGroupContext.tsx","../src/InputGroupLabel.tsx","../src/VariantProvider.tsx","../src/BaseFormControl.tsx","../src/Checkbox.tsx","../src/Fieldset.tsx","../src/RadioGroupContext.tsx","../src/Radio.tsx","../src/inputPanel/InputPanelBase.tsx","../src/inputPanel/RadioPanel.tsx","../src/inputPanel/CheckboxPanel.tsx","../src/Switch.tsx","../src/utils.ts","../src/TextArea.tsx","../src/TextField.tsx","../src/segmented-control/SegmentedContext.tsx","../src/segmented-control/SegmentedChoice.tsx","../src/index.tsx","../src/segmented-control/MultipleSegmentedControl.tsx","../src/RadioGroup.tsx","../src/segmented-control/SegmentedControl.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  ValidationSuccessFilledIcon,\n  ValidationErrorFilledIcon,\n  ValidationExclamationFilledIcon,\n} from '@entur/icons';\nimport { SubLabel } from '@entur/typography';\nimport { VariantType } from '@entur/utils';\n\nimport classNames from 'classnames';\nimport './FeedbackText.scss';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nconst AlertIcon: React.FC<{\n  variant: VariantType | typeof info | typeof error;\n}> = ({ variant }) => {\n  const iconClass = `eds-feedback-text__icon eds-feedback-text__icon--${variant}`;\n  switch (variant) {\n    case 'success':\n      return (\n        <ValidationSuccessFilledIcon\n          aria-label=\"Suksessmelding\"\n          className={iconClass}\n        />\n      );\n    case 'negative':\n      return (\n        <ValidationErrorFilledIcon\n          aria-label=\"Feilmelding\"\n          className={iconClass}\n        />\n      );\n    case 'information':\n      return null;\n    case 'warning':\n      return (\n        <ValidationExclamationFilledIcon\n          aria-label=\"Varselmelding\"\n          className={iconClass}\n        />\n      );\n    case error:\n      return (\n        <ValidationErrorFilledIcon\n          aria-label=\"Feilmelding\"\n          className={iconClass}\n        />\n      );\n    case info:\n      return null;\n    default:\n      return null;\n  }\n};\n\nexport type FeedbackTextProps = {\n  /** Teksten som vises */\n  children: React.ReactNode;\n  /** Skjuler ikonet */\n  hideIcon?: boolean;\n  /** Feedbackvarianten*/\n  variant: VariantType | typeof error | typeof info;\n  /** Ekstra klassenavn */\n  className?: string;\n  [key: string]: any;\n};\nexport const FeedbackText: React.FC<FeedbackTextProps> = ({\n  children,\n  hideIcon = false,\n  variant,\n  className,\n  ...rest\n}) => {\n  return (\n    <SubLabel\n      className={classNames(\n        'eds-feedback-text',\n        {\n          'eds-feedback-text--information':\n            variant === info || variant === 'information',\n        },\n        className,\n      )}\n      {...rest}\n    >\n      {!hideIcon && <AlertIcon variant={variant} />}\n      <span className=\"eds-feedback-text__text\">{children}</span>\n    </SubLabel>\n  );\n};\n","import * as React from 'react';\n\ntype InputGroupContextType = {\n  isFilled: boolean;\n  setFilled: (e: boolean) => void;\n};\n\nconst InputGroupContext = React.createContext<InputGroupContextType>({\n  isFilled: false,\n  setFilled: () => null,\n});\n\nexport const InputGroupContextProvider: React.FC<{\n  children: React.ReactNode;\n}> = ({ children }) => {\n  const [filled, setFilled] = React.useState(false);\n  return (\n    <InputGroupContext.Provider\n      value={{ isFilled: filled, setFilled: setFilled }}\n    >\n      {children}\n    </InputGroupContext.Provider>\n  );\n};\n\nexport const useInputGroupContext: () => InputGroupContextType = () =>\n  React.useContext(InputGroupContext);\n","import classNames from 'classnames';\nimport React from 'react';\nimport { useInputGroupContext } from './InputGroupContext';\nimport './InputGroupLabel.scss';\n\nexport type InputGroupLabelProps = {\n  label?: React.ReactNode;\n  required?: boolean;\n  labelTooltip?: string;\n  labelId: string;\n  staticAnimation?: boolean;\n} & React.DetailedHTMLProps<\n  React.LabelHTMLAttributes<HTMLLabelElement>,\n  HTMLLabelElement\n>;\n\nexport const InputGroupLabel: React.FC<InputGroupLabelProps> = ({\n  label,\n  required,\n  labelId,\n  staticAnimation = false,\n  ...rest\n}) => {\n  const { isFilled } = useInputGroupContext();\n  const filler = staticAnimation || isFilled;\n  return (\n    <label\n      className={classNames(rest.className, {\n        'eds-input-group-label-wrapper--filled': filler,\n      })}\n      id={labelId}\n      {...rest}\n    >\n      <span\n        className={classNames('eds-input-group__label', {\n          'eds-input-group__label--filled': filler,\n        })}\n      >\n        {label} {required && <span>*</span>}\n      </span>\n    </label>\n  );\n};\n","import React from 'react';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nconst VariantContext = React.createContext<\n  VariantType | typeof error | typeof info | null\n>(null);\n\nexport type VariantProviderProps = {\n  variant?: VariantType | typeof error | typeof info;\n};\nexport const VariantProvider: React.FC<VariantProviderProps> = ({\n  children,\n  variant = null,\n}) => {\n  return (\n    <VariantContext.Provider value={variant}>\n      {children}\n    </VariantContext.Provider>\n  );\n};\n\nexport const useVariant: () => VariantType | typeof error | typeof info | null =\n  () => {\n    const context = React.useContext(VariantContext);\n    return context;\n  };\n","import classNames from 'classnames';\nimport React from 'react';\n\nimport './BaseFormControl.scss';\nimport { FeedbackText } from './FeedbackText';\nimport { InputGroupContextProvider } from './InputGroupContext';\nimport { InputGroupLabel } from './InputGroupLabel';\nimport { useVariant } from './VariantProvider';\n\nimport { VariantType } from '@entur/utils';\nimport { QuestionIcon } from '@entur/icons';\nimport { Tooltip } from '@entur/tooltip';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nexport type BaseFormControlProps = {\n  /** Et skjemaelement med `eds-form-control`-klassen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Sett til true om skjema-elementet er disabled */\n  disabled?: boolean;\n  /** Sett til true om skjema-elementet er i read-only modus */\n  readOnly?: boolean;\n  /** Tekst eller ikon som vises foran skjema-elementet */\n  prepend?: React.ReactNode;\n  /** Tekst eller ikon som vises etter skjema-elementet */\n  append?: React.ReactNode;\n  /** Valideringsvariant */\n  variant?: VariantType | typeof error | typeof info;\n  /**Størrelsen på skjemaelementet\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n  /** Label til inputfeltet */\n  label: React.ReactNode;\n  /** En tooltip som forklarer labelen til inputfeltet */\n  labelTooltip?: React.ReactNode;\n  /** Illustrerer om inputfeltet er påkrevd eller ikke */\n  required?: boolean;\n  /** ID som settes på labelen til inputfeltet */\n  labelId: string;\n  /** Varselmelding, som vil komme under form-komponenten */\n  feedback?: string;\n  /** Om inputfeltet er fylt med data. Brukes for plassering av label */\n  isFilled?: boolean;\n  /**Ekstra props som sendes til label */\n  labelProps?: { [key: string]: any };\n  /** Ekstra styling */\n  style?: React.CSSProperties;\n  /** Plasserer labelen statisk på toppen av inputfeltet */\n  disableLabelAnimation?: boolean;\n  /** Setter feedbackText sin rolle til \"alert\" */\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n  ariaAlertOnFeedback?: boolean;\n};\n\nexport const BaseFormControl = React.forwardRef<\n  HTMLDivElement,\n  BaseFormControlProps\n>(\n  (\n    {\n      children,\n      className,\n      disabled = false,\n      readOnly = false,\n      variant,\n      prepend,\n      append,\n      size = 'medium',\n      isFilled,\n      label,\n      required,\n      labelTooltip,\n      feedback,\n      labelId,\n      labelProps,\n      style,\n      disableLabelAnimation = false,\n      ariaAlertOnFeedback = false,\n      ...rest\n    },\n    ref,\n  ) => {\n    const contextVariant = useVariant();\n    const currentVariant = variant || contextVariant;\n\n    return (\n      <InputGroupContextProvider>\n        <div>\n          <div\n            className={classNames(\n              'eds-form-control-wrapper',\n              className,\n              `eds-form-control-wrapper--size-${size}`,\n              {\n                'eds-form-control-wrapper--success':\n                  currentVariant === 'success',\n                'eds-form-control-wrapper--negative':\n                  currentVariant === 'negative' || currentVariant === error,\n                'eds-form-control-wrapper--disabled': disabled,\n                'eds-form-control-wrapper--readonly': readOnly,\n                'eds-form-control-wrapper--is-filled': isFilled,\n              },\n            )}\n            ref={ref}\n            style={style}\n            {...rest}\n          >\n            {prepend && (\n              <div className=\"eds-form-control__prepend\">{prepend}</div>\n            )}\n            <InputGroupLabel\n              label={label}\n              required={required}\n              labelId={labelId}\n              staticAnimation={disableLabelAnimation}\n              {...labelProps}\n            />\n            {children}\n            {append && <div className=\"eds-form-control__append\">{append}</div>}\n            {labelTooltip && (\n              <div className=\"eds-form-control__append eds-form-control__append--tooltip\">\n                <Tooltip content={labelTooltip} placement=\"right\">\n                  <span className=\"eds-input-group__label-tooltip-icon\">\n                    <QuestionIcon />\n                  </span>\n                </Tooltip>\n              </div>\n            )}\n          </div>\n          {feedback && currentVariant && (\n            <FeedbackText\n              variant={currentVariant}\n              role={ariaAlertOnFeedback ? 'alert' : undefined}\n            >\n              {feedback}\n            </FeedbackText>\n          )}\n        </div>\n      </InputGroupContextProvider>\n    );\n  },\n);\n","import React, { CSSProperties } from 'react';\nimport cx from 'classnames';\nimport { Paragraph } from '@entur/typography';\nimport { mergeRefs } from '@entur/utils';\n\nimport './Checkbox.scss';\n\nexport type CheckboxProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label for checkboxen, som vises ved høyre side. */\n  children?: React.ReactNode;\n  /** Om Checkbox er avmerket, eller om den er i en indeterminate state */\n  checked?: 'indeterminate' | boolean;\n  /** Callback for Checkbox */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Om checkboxen er disabled eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /**Ekstra styling til komponenten */\n  style?: CSSProperties;\n  /** Reduserer klikkflaten for Checkbox'en\n   * @default false\n   */\n  reduceClickArea?: boolean;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'checked'>;\n\nexport const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      checked,\n      className,\n      children,\n      style,\n      disabled = false,\n      reduceClickArea,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const inputRef = React.useRef<HTMLInputElement>(null);\n\n    const isIndeterminate = checked === 'indeterminate';\n    const isControlled = checked !== undefined;\n\n    React.useEffect(() => {\n      if (inputRef && inputRef.current) {\n        inputRef.current.indeterminate = isIndeterminate;\n      }\n    }, [isIndeterminate]);\n\n    return (\n      <label\n        className={cx('eds-checkbox__container', className, {\n          'eds-checkbox--disabled': disabled,\n          'eds-checkbox__container--reduced-click-area': reduceClickArea,\n        })}\n        style={style}\n      >\n        <input\n          type=\"checkbox\"\n          ref={mergeRefs(ref, inputRef)}\n          checked={isControlled ? checked === true : undefined}\n          disabled={disabled}\n          {...rest}\n        />\n        <span\n          className={cx('eds-checkbox__icon', {\n            'eds-checkbox__icon--disabled': disabled,\n            'eds-checkbox__icon--reduced-click-area': reduceClickArea,\n          })}\n        >\n          <CheckboxIcon indeterminate={isIndeterminate} />\n        </span>\n        {children && (\n          <Paragraph className=\"eds-checkbox__label\" margin=\"none\" as=\"span\">\n            {children}\n          </Paragraph>\n        )}\n      </label>\n    );\n  },\n);\n\nconst CheckboxIcon: React.FC<{ indeterminate: boolean }> = ({\n  indeterminate = false,\n}) => {\n  return (\n    <svg\n      className=\"eds-checkbox-icon\"\n      width=\"11px\"\n      height=\"9px\"\n      viewBox=\"6 11 37 33\"\n      aria-hidden={true}\n    >\n      {indeterminate ? (\n        <rect x=\"10\" y=\"25\" width=\"28\" height=\"5\" fill=\"white\" />\n      ) : (\n        <path d=\"M14.1 27.2l7.1 7.2 14.6-14.8\" fill=\"none\" />\n      )}\n    </svg>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { Heading5 } from '@entur/typography';\nimport './Fieldset.scss';\n\nexport type FieldsetProps = {\n  /** Innholdet i felt-gruppen. */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Labelen til felt-gruppen. */\n  label?: React.ReactNode;\n  [key: string]: any;\n};\n\nexport const Fieldset: React.FC<FieldsetProps> = ({\n  children,\n  className,\n  label,\n  ...rest\n}) => (\n  <fieldset className={classNames('eds-fieldset', className)} {...rest}>\n    {label && <Heading5 as=\"legend\">{label}</Heading5>}\n    {children}\n  </fieldset>\n);\n","import React from 'react';\n\ntype RadioGroupContextProps = {\n  name: string;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  value: string | null;\n};\n\nconst RadioGroupContext = React.createContext<RadioGroupContextProps | null>(\n  null,\n);\n\nexport const RadioGroupContextProvider = RadioGroupContext.Provider;\n\nexport const useRadioGroupContext: () => RadioGroupContextProps = () => {\n  const context = React.useContext(RadioGroupContext);\n  if (!context) {\n    throw new Error(\n      'You need to wrap your RadioButtons in a RadioGroup component',\n    );\n  }\n  return context;\n};\n","import React from 'react';\nimport cx from 'classnames';\nimport { Paragraph } from '@entur/typography';\nimport { useRadioGroupContext } from './RadioGroupContext';\nimport './Radio.scss';\n\nexport type RadioProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label til radio-button. Vises ved høyre side. */\n  children?: React.ReactNode;\n  /** Verdien til radioknappen */\n  value: string;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const Radio = React.forwardRef<HTMLInputElement, RadioProps>(\n  (\n    { className, children, value, disabled, ...rest },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const classList = cx(className, 'eds-form-component--radio__radio', {\n      'eds-form-component--radio__radio--disabled': disabled,\n    });\n    const { name, value: selectedValue, onChange } = useRadioGroupContext();\n\n    return (\n      <label className=\"eds-form-component--radio__container\">\n        <input\n          type=\"radio\"\n          name={rest.name ?? name}\n          ref={ref}\n          value={value}\n          checked={rest.checked ?? selectedValue === value}\n          onChange={rest.onChange ?? onChange}\n          disabled={disabled}\n          {...rest}\n        />\n        <span className={classList}>\n          <span className=\"eds-form-component--radio__circle\"></span>\n        </span>\n        {children && (\n          <Paragraph\n            margin=\"none\"\n            as=\"span\"\n            className=\"eds-form-component--radio__label\"\n          >\n            {children}\n          </Paragraph>\n        )}\n      </label>\n    );\n  },\n);\n","import React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport { mergeRefs, useRandomId, useForceUpdate } from '@entur/utils';\nimport { Checkbox } from '../Checkbox';\nimport { Radio } from '../Radio';\n\nimport './InputPanelBase.scss';\n\nexport type InputPanelProps = {\n  /** Om det er en radio- eller checkbox-variant */\n  type: string;\n  /** Verdien til input-panelet */\n  value: string;\n  /** Om input-panelet skal være valgt eller ikke */\n  checked?: boolean;\n  /** Hovedtittelen til input-panelet */\n  title: React.ReactNode;\n  /** Ektstra label som står høyrestilt, til venstre for Checkboxen/Radio-button-en */\n  secondaryLabel?: React.ReactNode;\n  /** Ekstra informasjon som legges nederst i input-panelet */\n  children?: React.ReactNode;\n  /** Størrelse på input-panelet\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n  /**Skjuler checkbox-/radio-button-en i input-panelet\n   * @default false\n   */\n  hideSelectionIndicator?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om input-panelet er deaktivert eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /** */\n  style?: React.CSSProperties;\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'title' | 'size'\n>;\n\nexport const InputPanelBase = React.forwardRef<\n  HTMLInputElement,\n  InputPanelProps\n>(\n  (\n    {\n      className,\n      children,\n      value,\n      title,\n      secondaryLabel,\n      size = 'medium',\n      hideSelectionIndicator = false,\n      style,\n      id,\n      disabled = false,\n      type = 'radio',\n      onChange,\n      checked,\n      name,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const classList = classNames(\n      className,\n      'eds-input-panel__container',\n      `eds-input-panel--${size}`,\n    );\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const defaultId = useRandomId('eds-inputpanel');\n    const inputPanelId = id || defaultId;\n    const forceUpdate = useForceUpdate();\n\n    const handleOnChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (onChange === undefined) forceUpdate();\n      onChange?.(e);\n    };\n\n    return (\n      <label className=\"eds-input-panel\" htmlFor={inputPanelId}>\n        <input\n          type={type}\n          name={name}\n          ref={mergeRefs(ref, inputRef)}\n          value={value}\n          checked={checked}\n          onChange={handleOnChange}\n          id={inputPanelId}\n          disabled={disabled}\n          {...rest}\n        />\n        <div className={classList} style={style}>\n          <div className=\"eds-input-panel__title-wrapper\">\n            <div className=\"eds-input-panel__title\">{title}</div>\n            <div className=\"eds-input-panel__secondary-label-and-icon-wrapper\">\n              {secondaryLabel !== undefined && <>{secondaryLabel}</>}\n              <span style={{ pointerEvents: 'none' }}>\n                {!(disabled || hideSelectionIndicator) &&\n                  (type === 'radio' ? (\n                    <Radio\n                      name=\"\"\n                      value=\"\"\n                      checked={checked ?? inputRef.current?.checked ?? false}\n                      onChange={() => {\n                        return;\n                      }}\n                      aria-hidden=\"true\"\n                      tabIndex={-1}\n                    />\n                  ) : (\n                    <Checkbox\n                      checked={checked ?? inputRef.current?.checked ?? false}\n                      onChange={() => null}\n                      aria-hidden=\"true\"\n                      tabIndex={-1}\n                    />\n                  ))}\n              </span>\n            </div>\n          </div>\n          {children && (\n            <div className=\"eds-input-panel__additional-content\">\n              {children}\n            </div>\n          )}\n        </div>\n      </label>\n    );\n  },\n);\n","import React from 'react';\nimport { useRadioGroupContext } from '../RadioGroupContext';\nimport { InputPanelBase } from './InputPanelBase';\n\nexport type RadioPanelProps = {\n  /** Verdien til radio-panelet */\n  value: string;\n  /** Hovedtittelen til radio-panelet */\n  title: React.ReactNode;\n  /** Ektstra label som står høyrestilt, til venstre for radio-button-en */\n  secondaryLabel?: React.ReactNode;\n  /** Ekstra informasjon som legges nederst i radio-panelet */\n  children?: React.ReactNode;\n  /** Størrelse på radio-panelet\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n  /**Skjuler radio-button-en i radio-panelet\n   * @default false\n   */\n  hideRadioButton?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om radio-panelet er deaktivert eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /** */\n  style?: React.CSSProperties;\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'title' | 'size'\n>;\n\nexport const RadioPanel = React.forwardRef<HTMLInputElement, RadioPanelProps>(\n  (\n    {\n      className,\n      children,\n      value,\n      title,\n      secondaryLabel,\n      size = 'medium',\n      hideRadioButton = false,\n      style,\n      id,\n      disabled = false,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const { name, value: selected, onChange } = useRadioGroupContext();\n\n    return (\n      <InputPanelBase\n        type=\"radio\"\n        name={name}\n        title={title}\n        value={value}\n        checked={selected === value}\n        onChange={onChange}\n        className={className}\n        secondaryLabel={secondaryLabel}\n        size={size}\n        hideSelectionIndicator={hideRadioButton}\n        style={style}\n        id={id}\n        disabled={disabled}\n        {...rest}\n        ref={ref}\n      >\n        {children}\n      </InputPanelBase>\n    );\n  },\n);\n","import React from 'react';\nimport { InputPanelBase } from './InputPanelBase';\n\nexport type CheckboxPanelProps = {\n  /** Verdien til CheckboxPanel */\n  value: string;\n  /** Om checkbox-panelet skal være valgt eller ikke */\n  checked?: boolean;\n  /** Hovedtittelen til CheckboxPanel */\n  title: React.ReactNode;\n  /** Ektstra label som står høyrestilt mot Checkboxen */\n  secondaryLabel?: React.ReactNode;\n  /** Ekstra informasjon som legges nederst i CheckboxPanel */\n  children?: React.ReactNode;\n  /** Størrelse på CheckboxPanel\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n  /**Skjuler checkbox-en i CheckboxPanel\n   * @default false\n   */\n  hideCheckbox?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om CheckboxPanel er deaktivert eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /** */\n  style?: React.CSSProperties;\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'title' | 'size'\n>;\n\nexport const CheckboxPanel = React.forwardRef<\n  HTMLInputElement,\n  CheckboxPanelProps\n>(\n  (\n    {\n      name,\n      checked,\n      onChange,\n      className,\n      children,\n      value,\n      title,\n      secondaryLabel,\n      size = 'medium',\n      hideCheckbox = false,\n      style,\n      id,\n      disabled = false,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    return (\n      <InputPanelBase\n        type=\"checkbox\"\n        name={name}\n        title={title}\n        value={value}\n        checked={checked}\n        onChange={onChange}\n        className={className}\n        secondaryLabel={secondaryLabel}\n        size={size}\n        hideSelectionIndicator={hideCheckbox}\n        style={style}\n        id={id}\n        disabled={disabled}\n        {...rest}\n        ref={ref}\n      >\n        {children}\n      </InputPanelBase>\n    );\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { colors } from '@entur/tokens';\nimport { CheckIcon, CloseSmallIcon } from '@entur/icons';\nimport './Switch.scss';\n\nexport type SwitchProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label for Switch-en. */\n  children?: React.ReactNode;\n  /** Posisjonen til label for Switch-en.\n   * @default \"right\"\n   */\n  labelPlacement?: 'right' | 'bottom';\n  /** Om switch-en er checked eller ikke */\n  checked?: boolean;\n  /** Ikonet som skal stå inne i sirkelen på Switch-en */\n  icon?: React.ReactNode;\n  /** Skjul ikonet inne i sikrelen på Switch-en\n   * @default false\n   */\n  hideIcon?: boolean;\n  /** Farge som settes på ikon og bakgrunn når Switch-en er \"checked\"\n   * @default colors.validation.mint\n   */\n  color?: string;\n  /** Farge på bakgrunn når Switch-en er \"checked\" og står i en kontrast-seksjon\n   * @default colors.validation.mintContrast\n   */\n  contrastColor?: string;\n  /** Størrelsen på Switch-en\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n  /** Callback for når verdien endres */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;\n\nexport const Switch = React.forwardRef<HTMLInputElement, SwitchProps>(\n  (\n    {\n      className,\n      children,\n      labelPlacement = 'right',\n      icon,\n      hideIcon = false,\n      color = colors.validation.mint,\n      contrastColor = colors.validation.mintContrast,\n      size = 'medium',\n      checked,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const displayedIcon = () => {\n      if (icon) return icon;\n      if (checked === undefined) return <></>;\n      const iconSize = size === 'large' ? 23 : undefined;\n      return checked ? (\n        <CheckIcon size={iconSize} />\n      ) : (\n        <CloseSmallIcon size={iconSize} />\n      );\n    };\n\n    return (\n      <label\n        className={classNames(\n          'eds-switch',\n          `eds-switch--${labelPlacement}`,\n          className,\n        )}\n        style={{ ...rest.style }}\n      >\n        <input type=\"checkbox\" ref={ref} checked={checked} {...rest} />\n        <span\n          className={classNames(\n            'eds-switch__switch',\n            `eds-switch__switch--${size}`,\n          )}\n          style={\n            {\n              '--eds-switch-color': color,\n              '--eds-switch-contrast-color': contrastColor,\n            } as React.CSSProperties\n          }\n          aria-hidden=\"true\"\n        >\n          <span className=\"eds-switch__circle\">\n            {!hideIcon && displayedIcon()}\n          </span>\n        </span>\n        {children && (\n          <span\n            className={classNames(\n              'eds-switch__label',\n              `eds-switch__label--${size}--${labelPlacement}`,\n            )}\n          >\n            {children}\n          </span>\n        )}\n      </label>\n    );\n  },\n);\n","// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types -- disabled during Yarn upgrade\nexport function hasValue(value: any): boolean {\n  return value != null && !(Array.isArray(value) && value.length === 0);\n}\n\n// Determine if field is empty or filled.\n// Response determines if label is presented above field or as placeholder.\n//\n// @param obj\n// @param SSR\n// @returns {boolean} False when not present or empty string.\n//                    True when any number or string with length.\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types -- disabled during Yarn upgrade\nexport function isFilled(obj: any, SSR = false): boolean {\n  return (\n    obj &&\n    ((hasValue(obj.value) && obj.value !== '') ||\n      (SSR && hasValue(obj.defaultValue) && obj.defaultValue !== ''))\n  );\n}\n","import React from 'react';\nimport { useVariant } from './VariantProvider';\nimport { BaseFormControl } from './BaseFormControl';\nimport './TextArea.scss';\nimport { useInputGroupContext } from './InputGroupContext';\nimport { isFilled } from './utils';\n\nimport { useRandomId, useOnMount } from '@entur/utils';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nexport type TextAreaProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Valideringsvariant */\n  variant?: VariantType | typeof error | typeof info;\n  /** Deaktiverer tekstområdet */\n  disabled?: boolean;\n  /** Setter tekstområdet i read-only modus */\n  readOnly?: boolean;\n  /** Label over TextArea */\n  label: string;\n  /** En tooltip som forklarer labelen til inputfeltet */\n  labelTooltip?: React.ReactNode;\n  /** Varselmelding, som vil komme under TextArea */\n  feedback?: string;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n} & React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nexport const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  (\n    {\n      variant,\n      disabled = false,\n      readOnly = false,\n      className,\n      style,\n      label,\n      feedback,\n      labelTooltip,\n      onChange,\n      disableLabelAnimation,\n      ...rest\n    },\n    ref: React.Ref<HTMLTextAreaElement>,\n  ) => {\n    const textAreaId = useRandomId('eds-textarea');\n    return (\n      <BaseFormControl\n        className={className}\n        disabled={disabled}\n        readOnly={readOnly}\n        variant={variant}\n        style={style}\n        label={label}\n        labelId={textAreaId}\n        feedback={feedback}\n        labelTooltip={labelTooltip}\n        labelProps={{ className: 'eds-textarea__label' }}\n        disableLabelAnimation={disableLabelAnimation}\n      >\n        <TextAreaBase\n          readOnly={readOnly}\n          disabled={disabled}\n          ref={ref}\n          aria-labelledby={textAreaId}\n          onChange={onChange}\n          variant={variant}\n          {...rest}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype TextAreaBaseProps = {\n  readOnly?: boolean;\n  disabled?: boolean;\n  variant?: VariantType | typeof error | typeof info;\n} & React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nconst TextAreaBase = React.forwardRef<HTMLTextAreaElement, TextAreaBaseProps>(\n  ({ readOnly, disabled, onChange, value, variant, ...rest }, ref) => {\n    const contextVariant = useVariant();\n    const currentVariant = variant || contextVariant;\n    const { isFilled: isInputFilled, setFilled: setFiller } =\n      useInputGroupContext();\n\n    useOnMount(() => {\n      if (value?.toString() || rest.defaultValue) {\n        setFiller && !isInputFilled && setFiller(true);\n      }\n    });\n    React.useEffect(() => {\n      if (value?.toString() && setFiller && !isInputFilled) {\n        setFiller(true);\n      }\n    }, [value, setFiller, isInputFilled]);\n\n    const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      if (isFilled(event.target)) {\n        setFiller && !isInputFilled && setFiller(true);\n      } else {\n        setFiller && isInputFilled && setFiller(false);\n      }\n      if (onChange) {\n        onChange(event);\n      }\n    };\n\n    return (\n      <textarea\n        className=\"eds-form-control eds-textarea\"\n        ref={ref}\n        readOnly={readOnly}\n        disabled={disabled}\n        onChange={handleChange}\n        value={value}\n        aria-invalid={currentVariant === 'error'}\n        {...rest}\n      />\n    );\n  },\n);\n","import { useRandomId, useOnMount } from '@entur/utils';\nimport React from 'react';\nimport { BaseFormControl } from './BaseFormControl';\nimport { useInputGroupContext } from './InputGroupContext';\nimport { useVariant } from './VariantProvider';\nimport { isFilled } from './utils';\nimport { CloseSmallIcon } from '@entur/icons';\nimport { VariantType } from '@entur/utils';\nimport './TextField.scss';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nexport type TextFieldProps = {\n  /** Tekst eller ikon som kommer før inputfeltet */\n  prepend?: React.ReactNode;\n  /** Tekst eller ikon som kommer etter inputfeltet */\n  append?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over TextField */\n  label: React.ReactNode;\n  /** En tooltip som forklarer labelen til inputfeltet */\n  labelTooltip?: React.ReactNode;\n  /** Varselmelding, som vil komme under TextField */\n  feedback?: string;\n  /** Hvilken valideringsfarge som vises*/\n  variant?: VariantType | typeof error | typeof info;\n  /** Deaktiver inputfeltet */\n  disabled?: boolean;\n  /** Setter inputfeltet i read-only modus */\n  readOnly?: boolean;\n  /** Størrelsen på TextField\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Ekstra props som sendes til label-elementet */\n  labelProps?: React.DetailedHTMLProps<\n    React.LabelHTMLAttributes<HTMLLabelElement>,\n    HTMLLabelElement\n  >;\n  /** Om man skal ha muliget for å nullstille TextField. Viser lukkekryss hvis feltet er fylt.\n   * @default false\n   */\n  clearable?: boolean;\n  /** Callback for clearable */\n  onClear?: () => void;\n  ariaAlertOnFeedback?: boolean;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'label'>;\n\nexport const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      prepend,\n      append,\n      variant,\n      disabled = false,\n      readOnly = false,\n      className,\n      style,\n      size = 'medium',\n      label,\n      required,\n      labelTooltip,\n      feedback,\n      onChange,\n      disableLabelAnimation,\n      labelProps,\n      clearable = false,\n      onClear,\n      value,\n      ariaAlertOnFeedback = false,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const randomId = useRandomId('eds-textfield');\n    const textFieldId = labelProps && labelProps.id ? labelProps.id : randomId;\n    return (\n      <BaseFormControl\n        disabled={disabled}\n        readOnly={readOnly}\n        variant={variant}\n        prepend={prepend}\n        append={\n          clearable && onClear ? <ClearButton onClear={onClear} /> : append\n        }\n        className={className}\n        style={style}\n        size={size}\n        label={label}\n        required={required}\n        labelTooltip={labelTooltip}\n        labelId={textFieldId}\n        feedback={feedback}\n        disableLabelAnimation={disableLabelAnimation}\n        labelProps={labelProps}\n        ariaAlertOnFeedback={ariaAlertOnFeedback}\n      >\n        <TextFieldBase\n          disabled={disabled}\n          readOnly={readOnly}\n          ref={ref}\n          aria-labelledby={textFieldId}\n          onChange={onChange}\n          value={value}\n          variant={variant}\n          {...rest}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype TextFieldBaseProps = {\n  /** Deaktiver inputfeltet */\n  disabled?: boolean;\n  /** Setter inputfeltet i read-only modus */\n  readOnly?: boolean;\n  variant?: VariantType | typeof error | typeof info;\n} & React.DetailedHTMLProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n>;\n\nconst TextFieldBase = React.forwardRef<HTMLInputElement, TextFieldBaseProps>(\n  (\n    { disabled, readOnly, placeholder, onChange, value, variant, ...rest },\n    forwardRef,\n  ) => {\n    const contextVariant = useVariant();\n    const currentVariant = variant || contextVariant;\n    const { isFilled: isInputFilled, setFilled: setFiller } =\n      useInputGroupContext();\n\n    useOnMount(() => {\n      if (value?.toString() || rest.defaultValue) {\n        setFiller && !isInputFilled && setFiller(true);\n      }\n    });\n    React.useEffect(() => {\n      if (value?.toString() && setFiller && !isInputFilled) {\n        setFiller(true);\n      }\n    }, [value, setFiller, isInputFilled]);\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (isFilled(event.target)) {\n        setFiller && !isInputFilled && setFiller(true);\n      } else {\n        setFiller && isInputFilled && setFiller(false);\n      }\n      if (onChange) {\n        onChange(event);\n      }\n    };\n\n    return (\n      <input\n        aria-invalid={currentVariant === 'error'}\n        className=\"eds-form-control\"\n        disabled={disabled}\n        readOnly={readOnly}\n        ref={forwardRef}\n        placeholder={placeholder}\n        onChange={handleChange}\n        value={value}\n        {...rest}\n      />\n    );\n  },\n);\n\nconst ClearButton: React.FC<{\n  onClear: () => void;\n  [key: string]: any;\n}> = ({ onClear, ...props }) => {\n  const { isFilled: hasValue, setFilled } = useInputGroupContext();\n  return (\n    <div className=\"eds-textfield__clear-button-wrapper\">\n      {hasValue && <div className=\"eds-textfield__divider\"></div>}\n      {hasValue && (\n        <button\n          className=\"eds-textfield__clear-button\"\n          type=\"button\"\n          tabIndex={-1}\n          onClick={() => {\n            setFilled(false);\n            onClear();\n          }}\n          {...props}\n        >\n          <CloseSmallIcon />\n        </button>\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { useRandomId } from '@entur/utils';\n\nexport type SelectedValues = { [key: string]: boolean };\nexport type SelectedValue = string | null;\nexport type SegmentedContextProps =\n  | {\n      name: string;\n      onChange: (value: SelectedValues) => void;\n      selectedValue: SelectedValues;\n      multiple: true;\n      size: 'medium' | 'large';\n    }\n  | {\n      name: string;\n      onChange: (value: SelectedValue) => void;\n      selectedValue: SelectedValue;\n      multiple: false;\n      size: 'medium' | 'large';\n    };\n\nconst SegmentedContext = React.createContext<SegmentedContextProps | null>(\n  null,\n);\n\nexport type SegmentedProviderProps =\n  | {\n      name?: string;\n      onChange?: (value: SelectedValues) => void;\n      selectedValue: SelectedValues;\n      multiple: true;\n      size: 'medium' | 'large';\n    }\n  | {\n      name?: string;\n      onChange?: (value: SelectedValue) => void;\n      selectedValue: SelectedValue;\n      multiple: false;\n      size: 'medium' | 'large';\n    };\n\nexport const SegmentedProvider: React.FC<SegmentedProviderProps> = ({\n  name,\n  onChange = () => undefined,\n  selectedValue,\n  multiple,\n  size,\n  ...rest\n}) => {\n  const generatedName = useRandomId('eds-segmented-control');\n  const contextValue = React.useMemo(\n    () => ({\n      name: name || generatedName,\n      onChange,\n      multiple,\n      selectedValue,\n      size,\n    }),\n    [generatedName, multiple, name, onChange, selectedValue, size],\n  ) as SegmentedContextProps;\n  return <SegmentedContext.Provider value={contextValue} {...rest} />;\n};\n\nexport const useSegmentedContext = (): SegmentedContextProps => {\n  const context = React.useContext(SegmentedContext);\n  if (!context) {\n    throw new Error(\n      'You need to wrap your SegmentedChoice in either SegmentedControl or MultipleSegmentedControl',\n    );\n  }\n  return context;\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport {\n  useSegmentedContext,\n  SelectedValues,\n  SelectedValue,\n} from './SegmentedContext';\nimport './SegmentedChoice.scss';\n\nexport type SegmentedChoiceProps = {\n  /** Verdien til valget */\n  value: string;\n  /** Innhold som beskriver valget */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Callback som kalles når komponenten endres */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n} & React.DetailedHTMLProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n>;\n\nexport const SegmentedChoice = React.forwardRef<\n  HTMLInputElement,\n  SegmentedChoiceProps\n>(\n  (\n    {\n      children,\n      className,\n      style,\n      value,\n      name,\n      onChange = () => undefined,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const {\n      name: commonName,\n      selectedValue,\n      onChange: commonOnChange,\n      multiple,\n      size,\n    } = useSegmentedContext();\n\n    const isChecked = multiple\n      ? (selectedValue as SelectedValues)[value]\n      : (selectedValue as SelectedValue) === value;\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange(e);\n      if (multiple) {\n        commonOnChange({\n          ...(selectedValue as SelectedValues),\n          [value]: e.target.checked,\n        } as any);\n      } else if (e.target.checked) {\n        commonOnChange(value as any);\n      }\n    };\n\n    return (\n      <label\n        className={classNames('eds-segmented-choice', className)}\n        style={style}\n      >\n        <input\n          type={multiple ? 'checkbox' : 'radio'}\n          name={name || commonName}\n          checked={isChecked}\n          value={value}\n          onChange={handleChange}\n          ref={ref}\n          {...rest}\n        />\n        <div\n          className={classNames('eds-base-segmented', {\n            'eds-base-segmented--large': size === 'large',\n          })}\n        >\n          {children}\n        </div>\n      </label>\n    );\n  },\n);\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('form', 'icons', 'typography');\n\nexport * from './BaseFormControl';\nexport * from './Checkbox';\nexport * from './FeedbackText';\nexport * from './Fieldset';\nexport * from './InputGroupLabel';\nexport * from './InputGroupContext';\nexport * from './inputPanel';\nexport * from './Radio';\nexport * from './RadioGroup';\nexport * from './Switch';\nexport * from './TextArea';\nexport * from './TextField';\nexport * from './VariantProvider';\nexport * from './variants';\nexport * from './utils';\nexport * from './segmented-control/SegmentedChoice';\nexport * from './segmented-control/SegmentedControl';\nexport * from './segmented-control/MultipleSegmentedControl';\n","import React from 'react';\nimport { Label } from '@entur/typography';\nimport { SegmentedProvider, SelectedValues } from './SegmentedContext';\nimport './SegmentedControl.scss';\n\nexport type MultipleSegmentedControlProps = {\n  /** Navn på input-elementene */\n  name?: string;\n  /** Beskrivende tekst */\n  label?: string;\n  /** En eller flere SegmentedChoice-komponenter */\n  children: React.ReactNode;\n  /** Den eller de valgte verdiene */\n  selectedValue: SelectedValues;\n  /** Callback for når det gjøres et valg */\n  onChange: (value: SelectedValues) => void;\n  [key: string]: any;\n};\n\n/**This component is not used by anyone, and is therefore deprecated\n * @deprecated\n */\nexport const MultipleSegmentedControl: React.FC<MultipleSegmentedControlProps> =\n  ({ children, label, name, onChange, selectedValue, ...rest }) => {\n    return (\n      <SegmentedProvider\n        name={name}\n        selectedValue={selectedValue}\n        onChange={onChange}\n        multiple={true}\n        size=\"medium\"\n      >\n        <Label as=\"div\">{label}</Label>\n        <div className=\"eds-segmented-control\" {...rest}>\n          {children}\n        </div>\n      </SegmentedProvider>\n    );\n  };\n","import React from 'react';\nimport { RadioGroupContextProvider } from './RadioGroupContext';\nimport { Fieldset } from './Fieldset';\n\nexport type RadioGroupProps = {\n  /** Navnet til radiogruppen. */\n  name: string;\n  /** Overskrift over radiogruppen */\n  label?: string;\n  /** Verdien til den valgte radioknappen */\n  value: string | null;\n  /** Radioknappene sendes inn som children */\n  children: React.ReactNode;\n  /** En callback som blir kalles hver gang en radioknapp klikkes på  */\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  [key: string]: any;\n};\n\nexport const RadioGroup: React.FC<RadioGroupProps> = ({\n  name,\n  value,\n  children,\n  onChange,\n  label,\n  ...rest\n}) => {\n  const contextValue = React.useMemo(\n    () => ({ name, value, onChange }),\n    [name, value, onChange],\n  );\n  return (\n    <RadioGroupContextProvider value={contextValue}>\n      {label ? (\n        <Fieldset label={label} {...rest}>\n          {children}\n        </Fieldset>\n      ) : (\n        children\n      )}\n    </RadioGroupContextProvider>\n  );\n};\n","import React from 'react';\nimport { SegmentedProvider, SelectedValue } from './SegmentedContext';\nimport { Fieldset } from '../Fieldset';\nimport classNames from 'classnames';\nimport './SegmentedControl.scss';\n\nexport type SegmentedControlProps = {\n  /** Navn på input-elementene */\n  name?: string;\n  /** Beskrivende tekst */\n  label?: string;\n  /** En eller flere SegmentedChoice-komponenter */\n  children: React.ReactNode;\n  /** Den valgte verdien */\n  selectedValue: SelectedValue;\n  /** Callback for når det gjøres et valg */\n  onChange: (value: SelectedValue) => void;\n  /** Størrelsen på SegmentedChoice-komponentene */\n  size?: 'medium' | 'large';\n  /** Ekstra klassenavn */\n  className?: string;\n  [key: string]: any;\n};\n\nexport const SegmentedControl: React.FC<SegmentedControlProps> = ({\n  children,\n  label,\n  name,\n  onChange,\n  selectedValue,\n  size = 'medium',\n  className,\n  ...rest\n}) => {\n  return (\n    <SegmentedProvider\n      name={name}\n      selectedValue={selectedValue}\n      onChange={onChange}\n      multiple={false}\n      size={size}\n    >\n      <Fieldset label={label}>\n        <div\n          className={classNames('eds-segmented-control', className)}\n          {...rest}\n        >\n          {children}\n        </div>\n      </Fieldset>\n    </SegmentedProvider>\n  );\n};\n"],"names":["AlertIcon","_ref","variant","iconClass","React","createElement","ValidationSuccessFilledIcon","className","ValidationErrorFilledIcon","ValidationExclamationFilledIcon","FeedbackText","_ref2","children","_ref2$hideIcon","hideIcon","rest","_objectWithoutPropertiesLoose","_excluded","SubLabel","_extends","classNames","InputGroupContext","createContext","isFilled","setFilled","InputGroupContextProvider","_React$useState","useState","Provider","value","useInputGroupContext","useContext","InputGroupLabel","label","required","labelId","_ref$staticAnimation","staticAnimation","_useInputGroupContext","filler","id","VariantContext","useVariant","BaseFormControl","forwardRef","ref","_ref$disabled","disabled","_ref$readOnly","readOnly","prepend","append","_ref$size","size","labelTooltip","feedback","labelProps","style","_ref$disableLabelAnim","disableLabelAnimation","_ref$ariaAlertOnFeedb","ariaAlertOnFeedback","contextVariant","currentVariant","Tooltip","content","placement","QuestionIcon","role","undefined","Checkbox","checked","reduceClickArea","inputRef","useRef","isIndeterminate","isControlled","useEffect","current","indeterminate","cx","type","mergeRefs","CheckboxIcon","Paragraph","margin","as","_ref2$indeterminate","width","height","viewBox","x","y","fill","d","Fieldset","Heading5","RadioGroupContext","RadioGroupContextProvider","useRadioGroupContext","context","Error","Radio","_rest$name","_rest$checked","_rest$onChange","classList","_useRadioGroupContext","name","selectedValue","onChange","InputPanelBase","_inputRef$current","_ref3","_inputRef$current2","title","secondaryLabel","_ref$hideSelectionInd","hideSelectionIndicator","_ref$type","defaultId","useRandomId","inputPanelId","forceUpdate","useForceUpdate","htmlFor","e","Fragment","pointerEvents","tabIndex","RadioPanel","_ref$hideRadioButton","hideRadioButton","CheckboxPanel","_ref$hideCheckbox","hideCheckbox","Switch","_ref$labelPlacement","labelPlacement","icon","_ref$hideIcon","_ref$color","color","colors","validation","mint","_ref$contrastColor","contrastColor","mintContrast","CheckIcon","CloseSmallIcon","hasValue","Array","isArray","length","obj","SSR","defaultValue","TextArea","textAreaId","TextAreaBase","_excluded2","isInputFilled","setFiller","useOnMount","toString","event","target","TextField","_ref$clearable","clearable","onClear","randomId","textFieldId","ClearButton","TextFieldBase","placeholder","props","_excluded3","_useInputGroupContext2","onClick","SegmentedContext","SegmentedProvider","_ref$onChange","multiple","generatedName","contextValue","useMemo","SegmentedChoice","_useSegmentedContext","useSegmentedContext","commonName","commonOnChange","isChecked","_extends2","warnAboutMissingStyles","Label","_ref$variant"],"mappings":"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"}
+{"version":3,"file":"form.cjs.production.min.js","sources":["../src/FeedbackText.tsx","../src/InputGroupContext.tsx","../src/InputGroupLabel.tsx","../src/VariantProvider.tsx","../src/BaseFormControl.tsx","../src/Checkbox.tsx","../src/Fieldset.tsx","../src/RadioGroupContext.tsx","../src/Radio.tsx","../src/inputPanel/InputPanelBase.tsx","../src/inputPanel/RadioPanel.tsx","../src/inputPanel/CheckboxPanel.tsx","../src/Switch.tsx","../src/utils.ts","../src/TextArea.tsx","../src/TextField.tsx","../src/segmented-control/SegmentedContext.tsx","../src/segmented-control/SegmentedChoice.tsx","../src/index.tsx","../src/segmented-control/MultipleSegmentedControl.tsx","../src/RadioGroup.tsx","../src/segmented-control/SegmentedControl.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  ValidationSuccessFilledIcon,\n  ValidationErrorFilledIcon,\n  ValidationExclamationFilledIcon,\n} from '@entur/icons';\nimport { SubLabel } from '@entur/typography';\nimport { VariantType } from '@entur/utils';\n\nimport classNames from 'classnames';\nimport './FeedbackText.scss';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nconst AlertIcon: React.FC<{\n  variant: VariantType | typeof info | typeof error;\n}> = ({ variant }) => {\n  const iconClass = `eds-feedback-text__icon eds-feedback-text__icon--${variant}`;\n  switch (variant) {\n    case 'success':\n      return (\n        <ValidationSuccessFilledIcon\n          aria-label=\"Suksessmelding\"\n          className={iconClass}\n        />\n      );\n    case 'negative':\n      return (\n        <ValidationErrorFilledIcon\n          aria-label=\"Feilmelding\"\n          className={iconClass}\n        />\n      );\n    case 'information':\n      return null;\n    case 'warning':\n      return (\n        <ValidationExclamationFilledIcon\n          aria-label=\"Varselmelding\"\n          className={iconClass}\n        />\n      );\n    case error:\n      return (\n        <ValidationErrorFilledIcon\n          aria-label=\"Feilmelding\"\n          className={iconClass}\n        />\n      );\n    case info:\n      return null;\n    default:\n      return null;\n  }\n};\n\nexport type FeedbackTextProps = {\n  /** Teksten som vises */\n  children: React.ReactNode;\n  /** Skjuler ikonet */\n  hideIcon?: boolean;\n  /** Feedbackvarianten*/\n  variant: VariantType | typeof error | typeof info;\n  /** Ekstra klassenavn */\n  className?: string;\n  [key: string]: any;\n};\nexport const FeedbackText: React.FC<FeedbackTextProps> = ({\n  children,\n  hideIcon = false,\n  variant,\n  className,\n  ...rest\n}) => {\n  return (\n    <SubLabel\n      className={classNames(\n        'eds-feedback-text',\n        {\n          'eds-feedback-text--information':\n            variant === info || variant === 'information',\n        },\n        className,\n      )}\n      {...rest}\n    >\n      {!hideIcon && <AlertIcon variant={variant} />}\n      <span className=\"eds-feedback-text__text\">{children}</span>\n    </SubLabel>\n  );\n};\n","import * as React from 'react';\n\ntype InputGroupContextType = {\n  isFilled: boolean;\n  setFilled: (e: boolean) => void;\n};\n\nconst InputGroupContext = React.createContext<InputGroupContextType>({\n  isFilled: false,\n  setFilled: () => null,\n});\n\nexport const InputGroupContextProvider: React.FC<{\n  children: React.ReactNode;\n}> = ({ children }) => {\n  const [filled, setFilled] = React.useState(false);\n  return (\n    <InputGroupContext.Provider\n      value={{ isFilled: filled, setFilled: setFilled }}\n    >\n      {children}\n    </InputGroupContext.Provider>\n  );\n};\n\nexport const useInputGroupContext: () => InputGroupContextType = () =>\n  React.useContext(InputGroupContext);\n","import classNames from 'classnames';\nimport React from 'react';\nimport { useInputGroupContext } from './InputGroupContext';\nimport './InputGroupLabel.scss';\n\nexport type InputGroupLabelProps = {\n  label?: React.ReactNode;\n  required?: boolean;\n  labelTooltip?: string;\n  labelId: string;\n  staticAnimation?: boolean;\n} & React.DetailedHTMLProps<\n  React.LabelHTMLAttributes<HTMLLabelElement>,\n  HTMLLabelElement\n>;\n\nexport const InputGroupLabel: React.FC<InputGroupLabelProps> = ({\n  label,\n  required,\n  labelId,\n  staticAnimation = false,\n  ...rest\n}) => {\n  const { isFilled } = useInputGroupContext();\n  const filler = staticAnimation || isFilled;\n  return (\n    <label\n      className={classNames(rest.className, {\n        'eds-input-group-label-wrapper--filled': filler,\n      })}\n      id={labelId}\n      {...rest}\n    >\n      <span\n        className={classNames('eds-input-group__label', {\n          'eds-input-group__label--filled': filler,\n        })}\n      >\n        {label} {required && <span>*</span>}\n      </span>\n    </label>\n  );\n};\n","import React from 'react';\nimport { VariantType } from '@entur/utils';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nconst VariantContext = React.createContext<\n  VariantType | typeof error | typeof info | null\n>(null);\n\nexport type VariantProviderProps = {\n  variant?: VariantType | typeof error | typeof info;\n};\nexport const VariantProvider: React.FC<VariantProviderProps> = ({\n  children,\n  variant = null,\n}) => {\n  return (\n    <VariantContext.Provider value={variant}>\n      {children}\n    </VariantContext.Provider>\n  );\n};\n\nexport const useVariant: () => VariantType | typeof error | typeof info | null =\n  () => {\n    const context = React.useContext(VariantContext);\n    return context;\n  };\n","import React from 'react';\nimport classNames from 'classnames';\n\nimport { VariantType } from '@entur/utils';\nimport { QuestionIcon } from '@entur/icons';\nimport { Tooltip } from '@entur/tooltip';\nimport { IconButton } from '@entur/button';\n\nimport { FeedbackText } from './FeedbackText';\nimport { InputGroupContextProvider } from './InputGroupContext';\nimport { InputGroupLabel } from './InputGroupLabel';\nimport { useVariant } from './VariantProvider';\n\nimport './BaseFormControl.scss';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nexport type BaseFormControlProps = {\n  /** Et skjemaelement med `eds-form-control`-klassen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Sett til true om skjema-elementet er disabled */\n  disabled?: boolean;\n  /** Sett til true om skjema-elementet er i read-only modus */\n  readOnly?: boolean;\n  /** Tekst eller ikon som vises foran skjema-elementet */\n  prepend?: React.ReactNode;\n  /** Tekst eller ikon som vises etter skjema-elementet */\n  append?: React.ReactNode;\n  /** Valideringsvariant */\n  variant?: VariantType | typeof error | typeof info;\n  /**Størrelsen på skjemaelementet\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n  /** Label til inputfeltet */\n  label: React.ReactNode;\n  /** En tooltip som forklarer labelen til inputfeltet */\n  labelTooltip?: React.ReactNode;\n  /** Forklarende tekst for knappen som åpner labelTooltip */\n  labelTooltipButtonAriaLabel?: string;\n  /** Illustrerer om inputfeltet er påkrevd eller ikke */\n  required?: boolean;\n  /** ID som settes på labelen til inputfeltet */\n  labelId: string;\n  /** Varselmelding, som vil komme under form-komponenten */\n  feedback?: string;\n  /** Om inputfeltet er fylt med data. Brukes for plassering av label */\n  isFilled?: boolean;\n  /**Ekstra props som sendes til label */\n  labelProps?: { [key: string]: any };\n  /** Ekstra styling */\n  style?: React.CSSProperties;\n  /** Plasserer labelen statisk på toppen av inputfeltet */\n  disableLabelAnimation?: boolean;\n  /** Setter feedbackText sin rolle til \"alert\" */\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n  ariaAlertOnFeedback?: boolean;\n};\n\nexport const BaseFormControl = React.forwardRef<\n  HTMLDivElement,\n  BaseFormControlProps\n>(\n  (\n    {\n      children,\n      className,\n      disabled = false,\n      readOnly = false,\n      variant,\n      prepend,\n      append,\n      size = 'medium',\n      isFilled,\n      label,\n      required,\n      labelTooltip,\n      labelTooltipButtonAriaLabel = 'Klikk for tilleggsinfo om feltet',\n      feedback,\n      labelId,\n      labelProps,\n      style,\n      disableLabelAnimation = false,\n      ariaAlertOnFeedback = false,\n      ...rest\n    },\n    ref,\n  ) => {\n    const contextVariant = useVariant();\n    const currentVariant = variant || contextVariant;\n\n    return (\n      <InputGroupContextProvider>\n        <div\n          className={classNames(\n            'eds-form-control__field-and-feedback-text',\n            className,\n            {\n              'eds-form-control__field-and-feedback-text--has-tooltip':\n                labelTooltip !== undefined,\n            },\n          )}\n          style={style}\n        >\n          <div\n            className={classNames(\n              'eds-form-control-wrapper',\n              `eds-form-control-wrapper--size-${size}`,\n              {\n                'eds-form-control-wrapper--success':\n                  currentVariant === 'success',\n                'eds-form-control-wrapper--negative':\n                  currentVariant === 'negative' || currentVariant === error,\n                'eds-form-control-wrapper--disabled': disabled,\n                'eds-form-control-wrapper--readonly': readOnly,\n                'eds-form-control-wrapper--is-filled': isFilled,\n              },\n            )}\n            ref={ref}\n            {...rest}\n          >\n            {prepend && (\n              <div className=\"eds-form-control__prepend\">{prepend}</div>\n            )}\n            <InputGroupLabel\n              label={label}\n              required={required}\n              labelId={labelId}\n              staticAnimation={disableLabelAnimation}\n              {...labelProps}\n            />\n            {labelTooltip && (\n              <Tooltip\n                content={labelTooltip}\n                placement=\"right\"\n                showCloseButton={false}\n                disableFocusListener={true}\n                disableHoverListener={true}\n                disableClickListner={false}\n                disableKeyboardListener={false}\n              >\n                <IconButton\n                  as=\"span\"\n                  tabIndex={0}\n                  role=\"button\"\n                  className=\"eds-form-control__append eds-form-control__append--tooltip\"\n                  aria-label={labelTooltipButtonAriaLabel}\n                >\n                  <QuestionIcon\n                    className=\"eds-input-group__label-tooltip-icon\"\n                    aria-hidden=\"true\"\n                  />\n                </IconButton>\n              </Tooltip>\n            )}\n            {children}\n            {append && <div className=\"eds-form-control__append\">{append}</div>}\n          </div>\n          {feedback && currentVariant && (\n            <FeedbackText\n              variant={currentVariant}\n              role={ariaAlertOnFeedback ? 'alert' : undefined}\n            >\n              {feedback}\n            </FeedbackText>\n          )}\n        </div>\n      </InputGroupContextProvider>\n    );\n  },\n);\n","import React, { CSSProperties } from 'react';\nimport cx from 'classnames';\nimport { Paragraph } from '@entur/typography';\nimport { mergeRefs } from '@entur/utils';\n\nimport './Checkbox.scss';\n\nexport type CheckboxProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label for checkboxen, som vises ved høyre side. */\n  children?: React.ReactNode;\n  /** Om Checkbox er avmerket, eller om den er i en indeterminate state */\n  checked?: 'indeterminate' | boolean;\n  /** Callback for Checkbox */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Om checkboxen er disabled eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /**Ekstra styling til komponenten */\n  style?: CSSProperties;\n  /** Reduserer klikkflaten for Checkbox'en\n   * @default false\n   */\n  reduceClickArea?: boolean;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'checked'>;\n\nexport const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      checked,\n      className,\n      children,\n      style,\n      disabled = false,\n      reduceClickArea,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const inputRef = React.useRef<HTMLInputElement>(null);\n\n    const isIndeterminate = checked === 'indeterminate';\n    const isControlled = checked !== undefined;\n\n    React.useEffect(() => {\n      if (inputRef && inputRef.current) {\n        inputRef.current.indeterminate = isIndeterminate;\n      }\n    }, [isIndeterminate]);\n\n    return (\n      <label\n        className={cx('eds-checkbox__container', className, {\n          'eds-checkbox--disabled': disabled,\n          'eds-checkbox__container--reduced-click-area': reduceClickArea,\n        })}\n        style={style}\n      >\n        <input\n          type=\"checkbox\"\n          ref={mergeRefs(ref, inputRef)}\n          checked={isControlled ? checked === true : undefined}\n          disabled={disabled}\n          {...rest}\n        />\n        <span\n          className={cx('eds-checkbox__icon', {\n            'eds-checkbox__icon--disabled': disabled,\n            'eds-checkbox__icon--reduced-click-area': reduceClickArea,\n          })}\n        >\n          <CheckboxIcon indeterminate={isIndeterminate} />\n        </span>\n        {children && (\n          <Paragraph className=\"eds-checkbox__label\" margin=\"none\" as=\"span\">\n            {children}\n          </Paragraph>\n        )}\n      </label>\n    );\n  },\n);\n\nconst CheckboxIcon: React.FC<{ indeterminate: boolean }> = ({\n  indeterminate = false,\n}) => {\n  return (\n    <svg\n      className=\"eds-checkbox-icon\"\n      width=\"11px\"\n      height=\"9px\"\n      viewBox=\"6 11 37 33\"\n      aria-hidden={true}\n    >\n      {indeterminate ? (\n        <rect x=\"10\" y=\"25\" width=\"28\" height=\"5\" fill=\"white\" />\n      ) : (\n        <path d=\"M14.1 27.2l7.1 7.2 14.6-14.8\" fill=\"none\" />\n      )}\n    </svg>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { Heading5 } from '@entur/typography';\nimport './Fieldset.scss';\n\nexport type FieldsetProps = {\n  /** Innholdet i felt-gruppen. */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Labelen til felt-gruppen. */\n  label?: React.ReactNode;\n  [key: string]: any;\n};\n\nexport const Fieldset: React.FC<FieldsetProps> = ({\n  children,\n  className,\n  label,\n  ...rest\n}) => (\n  <fieldset className={classNames('eds-fieldset', className)} {...rest}>\n    {label && <Heading5 as=\"legend\">{label}</Heading5>}\n    {children}\n  </fieldset>\n);\n","import React from 'react';\n\ntype RadioGroupContextProps = {\n  name: string;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  value: string | null;\n};\n\nconst RadioGroupContext = React.createContext<RadioGroupContextProps | null>(\n  null,\n);\n\nexport const RadioGroupContextProvider = RadioGroupContext.Provider;\n\nexport const useRadioGroupContext: () => RadioGroupContextProps = () => {\n  const context = React.useContext(RadioGroupContext);\n  if (!context) {\n    throw new Error(\n      'You need to wrap your RadioButtons in a RadioGroup component',\n    );\n  }\n  return context;\n};\n","import React from 'react';\nimport cx from 'classnames';\nimport { Paragraph } from '@entur/typography';\nimport { useRadioGroupContext } from './RadioGroupContext';\nimport './Radio.scss';\n\nexport type RadioProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label til radio-button. Vises ved høyre side. */\n  children?: React.ReactNode;\n  /** Verdien til radioknappen */\n  value: string;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const Radio = React.forwardRef<HTMLInputElement, RadioProps>(\n  (\n    { className, children, value, disabled, ...rest },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const classList = cx(className, 'eds-form-component--radio__radio', {\n      'eds-form-component--radio__radio--disabled': disabled,\n    });\n    const { name, value: selectedValue, onChange } = useRadioGroupContext();\n\n    return (\n      <label className=\"eds-form-component--radio__container\">\n        <input\n          type=\"radio\"\n          name={rest.name ?? name}\n          ref={ref}\n          value={value}\n          checked={rest.checked ?? selectedValue === value}\n          onChange={rest.onChange ?? onChange}\n          disabled={disabled}\n          {...rest}\n        />\n        <span className={classList}>\n          <span className=\"eds-form-component--radio__circle\"></span>\n        </span>\n        {children && (\n          <Paragraph\n            margin=\"none\"\n            as=\"span\"\n            className=\"eds-form-component--radio__label\"\n          >\n            {children}\n          </Paragraph>\n        )}\n      </label>\n    );\n  },\n);\n","import React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport { mergeRefs, useRandomId, useForceUpdate } from '@entur/utils';\nimport { Checkbox } from '../Checkbox';\nimport { Radio } from '../Radio';\n\nimport './InputPanelBase.scss';\n\nexport type InputPanelProps = {\n  /** Om det er en radio- eller checkbox-variant */\n  type: string;\n  /** Verdien til input-panelet */\n  value: string;\n  /** Om input-panelet skal være valgt eller ikke */\n  checked?: boolean;\n  /** Hovedtittelen til input-panelet */\n  title: React.ReactNode;\n  /** Ektstra label som står høyrestilt, til venstre for Checkboxen/Radio-button-en */\n  secondaryLabel?: React.ReactNode;\n  /** Ekstra informasjon som legges nederst i input-panelet */\n  children?: React.ReactNode;\n  /** Størrelse på input-panelet\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n  /**Skjuler checkbox-/radio-button-en i input-panelet\n   * @default false\n   */\n  hideSelectionIndicator?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om input-panelet er deaktivert eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /** */\n  style?: React.CSSProperties;\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'title' | 'size'\n>;\n\nexport const InputPanelBase = React.forwardRef<\n  HTMLInputElement,\n  InputPanelProps\n>(\n  (\n    {\n      className,\n      children,\n      value,\n      title,\n      secondaryLabel,\n      size = 'medium',\n      hideSelectionIndicator = false,\n      style,\n      id,\n      disabled = false,\n      type = 'radio',\n      onChange,\n      checked,\n      name,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const classList = classNames(\n      className,\n      'eds-input-panel__container',\n      `eds-input-panel--${size}`,\n    );\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const defaultId = useRandomId('eds-inputpanel');\n    const inputPanelId = id || defaultId;\n    const forceUpdate = useForceUpdate();\n\n    const handleOnChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (onChange === undefined) forceUpdate();\n      onChange?.(e);\n    };\n\n    return (\n      <label className=\"eds-input-panel\" htmlFor={inputPanelId}>\n        <input\n          type={type}\n          name={name}\n          ref={mergeRefs(ref, inputRef)}\n          value={value}\n          checked={checked}\n          onChange={handleOnChange}\n          id={inputPanelId}\n          disabled={disabled}\n          {...rest}\n        />\n        <div className={classList} style={style}>\n          <div className=\"eds-input-panel__title-wrapper\">\n            <div className=\"eds-input-panel__title\">{title}</div>\n            <div className=\"eds-input-panel__secondary-label-and-icon-wrapper\">\n              {secondaryLabel !== undefined && <>{secondaryLabel}</>}\n              <span style={{ pointerEvents: 'none' }}>\n                {!(disabled || hideSelectionIndicator) &&\n                  (type === 'radio' ? (\n                    <Radio\n                      name=\"\"\n                      value=\"\"\n                      checked={checked ?? inputRef.current?.checked ?? false}\n                      onChange={() => {\n                        return;\n                      }}\n                      aria-hidden=\"true\"\n                      tabIndex={-1}\n                    />\n                  ) : (\n                    <Checkbox\n                      checked={checked ?? inputRef.current?.checked ?? false}\n                      onChange={() => null}\n                      aria-hidden=\"true\"\n                      tabIndex={-1}\n                    />\n                  ))}\n              </span>\n            </div>\n          </div>\n          {children && (\n            <div className=\"eds-input-panel__additional-content\">\n              {children}\n            </div>\n          )}\n        </div>\n      </label>\n    );\n  },\n);\n","import React from 'react';\nimport { useRadioGroupContext } from '../RadioGroupContext';\nimport { InputPanelBase } from './InputPanelBase';\n\nexport type RadioPanelProps = {\n  /** Verdien til radio-panelet */\n  value: string;\n  /** Hovedtittelen til radio-panelet */\n  title: React.ReactNode;\n  /** Ektstra label som står høyrestilt, til venstre for radio-button-en */\n  secondaryLabel?: React.ReactNode;\n  /** Ekstra informasjon som legges nederst i radio-panelet */\n  children?: React.ReactNode;\n  /** Størrelse på radio-panelet\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n  /**Skjuler radio-button-en i radio-panelet\n   * @default false\n   */\n  hideRadioButton?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om radio-panelet er deaktivert eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /** */\n  style?: React.CSSProperties;\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'title' | 'size'\n>;\n\nexport const RadioPanel = React.forwardRef<HTMLInputElement, RadioPanelProps>(\n  (\n    {\n      className,\n      children,\n      value,\n      title,\n      secondaryLabel,\n      size = 'medium',\n      hideRadioButton = false,\n      style,\n      id,\n      disabled = false,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const { name, value: selected, onChange } = useRadioGroupContext();\n\n    return (\n      <InputPanelBase\n        type=\"radio\"\n        name={name}\n        title={title}\n        value={value}\n        checked={selected === value}\n        onChange={onChange}\n        className={className}\n        secondaryLabel={secondaryLabel}\n        size={size}\n        hideSelectionIndicator={hideRadioButton}\n        style={style}\n        id={id}\n        disabled={disabled}\n        {...rest}\n        ref={ref}\n      >\n        {children}\n      </InputPanelBase>\n    );\n  },\n);\n","import React from 'react';\nimport { InputPanelBase } from './InputPanelBase';\n\nexport type CheckboxPanelProps = {\n  /** Verdien til CheckboxPanel */\n  value: string;\n  /** Om checkbox-panelet skal være valgt eller ikke */\n  checked?: boolean;\n  /** Hovedtittelen til CheckboxPanel */\n  title: React.ReactNode;\n  /** Ektstra label som står høyrestilt mot Checkboxen */\n  secondaryLabel?: React.ReactNode;\n  /** Ekstra informasjon som legges nederst i CheckboxPanel */\n  children?: React.ReactNode;\n  /** Størrelse på CheckboxPanel\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n  /**Skjuler checkbox-en i CheckboxPanel\n   * @default false\n   */\n  hideCheckbox?: boolean;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Om CheckboxPanel er deaktivert eller ikke\n   * @default false\n   */\n  disabled?: boolean;\n  /** */\n  style?: React.CSSProperties;\n} & Omit<\n  React.DetailedHTMLProps<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    HTMLInputElement\n  >,\n  'title' | 'size'\n>;\n\nexport const CheckboxPanel = React.forwardRef<\n  HTMLInputElement,\n  CheckboxPanelProps\n>(\n  (\n    {\n      name,\n      checked,\n      onChange,\n      className,\n      children,\n      value,\n      title,\n      secondaryLabel,\n      size = 'medium',\n      hideCheckbox = false,\n      style,\n      id,\n      disabled = false,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    return (\n      <InputPanelBase\n        type=\"checkbox\"\n        name={name}\n        title={title}\n        value={value}\n        checked={checked}\n        onChange={onChange}\n        className={className}\n        secondaryLabel={secondaryLabel}\n        size={size}\n        hideSelectionIndicator={hideCheckbox}\n        style={style}\n        id={id}\n        disabled={disabled}\n        {...rest}\n        ref={ref}\n      >\n        {children}\n      </InputPanelBase>\n    );\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { colors } from '@entur/tokens';\nimport { CheckIcon, CloseSmallIcon } from '@entur/icons';\nimport './Switch.scss';\n\nexport type SwitchProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label for Switch-en. */\n  children?: React.ReactNode;\n  /** Posisjonen til label for Switch-en.\n   * @default \"right\"\n   */\n  labelPlacement?: 'right' | 'bottom';\n  /** Om switch-en er checked eller ikke */\n  checked?: boolean;\n  /** Ikonet som skal stå inne i sirkelen på Switch-en */\n  icon?: React.ReactNode;\n  /** Skjul ikonet inne i sikrelen på Switch-en\n   * @default false\n   */\n  hideIcon?: boolean;\n  /** Farge som settes på ikon og bakgrunn når Switch-en er \"checked\"\n   * @default colors.validation.mint\n   */\n  color?: string;\n  /** Farge på bakgrunn når Switch-en er \"checked\" og står i en kontrast-seksjon\n   * @default colors.validation.mintContrast\n   */\n  contrastColor?: string;\n  /** Størrelsen på Switch-en\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n  /** Callback for når verdien endres */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;\n\nexport const Switch = React.forwardRef<HTMLInputElement, SwitchProps>(\n  (\n    {\n      className,\n      children,\n      labelPlacement = 'right',\n      icon,\n      hideIcon = false,\n      color = colors.validation.mint,\n      contrastColor = colors.validation.mintContrast,\n      size = 'medium',\n      checked,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const displayedIcon = () => {\n      if (icon) return icon;\n      if (checked === undefined) return <></>;\n      const iconSize = size === 'large' ? 23 : undefined;\n      return checked ? (\n        <CheckIcon size={iconSize} />\n      ) : (\n        <CloseSmallIcon size={iconSize} />\n      );\n    };\n\n    return (\n      <label\n        className={classNames(\n          'eds-switch',\n          `eds-switch--${labelPlacement}`,\n          className,\n        )}\n        style={{ ...rest.style }}\n      >\n        <input type=\"checkbox\" ref={ref} checked={checked} {...rest} />\n        <span\n          className={classNames(\n            'eds-switch__switch',\n            `eds-switch__switch--${size}`,\n          )}\n          style={\n            {\n              '--eds-switch-color': color,\n              '--eds-switch-contrast-color': contrastColor,\n            } as React.CSSProperties\n          }\n          aria-hidden=\"true\"\n        >\n          <span className=\"eds-switch__circle\">\n            {!hideIcon && displayedIcon()}\n          </span>\n        </span>\n        {children && (\n          <span\n            className={classNames(\n              'eds-switch__label',\n              `eds-switch__label--${size}--${labelPlacement}`,\n            )}\n          >\n            {children}\n          </span>\n        )}\n      </label>\n    );\n  },\n);\n","// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types -- disabled during Yarn upgrade\nexport function hasValue(value: any): boolean {\n  return value != null && !(Array.isArray(value) && value.length === 0);\n}\n\n// Determine if field is empty or filled.\n// Response determines if label is presented above field or as placeholder.\n//\n// @param obj\n// @param SSR\n// @returns {boolean} False when not present or empty string.\n//                    True when any number or string with length.\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types -- disabled during Yarn upgrade\nexport function isFilled(obj: any, SSR = false): boolean {\n  return (\n    obj &&\n    ((hasValue(obj.value) && obj.value !== '') ||\n      (SSR && hasValue(obj.defaultValue) && obj.defaultValue !== ''))\n  );\n}\n","import React from 'react';\nimport classNames from 'classnames';\n\nimport { useRandomId, useOnMount, mergeRefs, VariantType } from '@entur/utils';\n\nimport { useVariant } from './VariantProvider';\nimport { BaseFormControl } from './BaseFormControl';\nimport { useInputGroupContext } from './InputGroupContext';\nimport { isFilled } from './utils';\n\nimport './TextArea.scss';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nexport type TextAreaProps = {\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Valideringsvariant */\n  variant?: VariantType | typeof error | typeof info;\n  /** Deaktiverer tekstområdet */\n  disabled?: boolean;\n  /** Setter tekstområdet i read-only modus */\n  readOnly?: boolean;\n  /** Label over TextArea */\n  label: string;\n  /** En tooltip som forklarer labelen til inputfeltet */\n  labelTooltip?: React.ReactNode;\n  /** Varselmelding, som vil komme under TextArea */\n  feedback?: string;\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n} & React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nexport const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  (\n    {\n      variant,\n      disabled = false,\n      readOnly = false,\n      className,\n      style,\n      label,\n      feedback,\n      labelTooltip,\n      onChange,\n      disableLabelAnimation,\n      ...rest\n    },\n    ref: React.Ref<HTMLTextAreaElement>,\n  ) => {\n    const textAreaId = useRandomId('eds-textarea');\n    const textareaRef = React.useRef<HTMLTextAreaElement>(null);\n    return (\n      <BaseFormControl\n        className={classNames(className, 'eds-textarea__wrapper')}\n        disabled={disabled}\n        readOnly={readOnly}\n        variant={variant}\n        style={style}\n        label={label}\n        labelId={textAreaId}\n        feedback={feedback}\n        labelTooltip={labelTooltip}\n        labelProps={{ className: 'eds-textarea__label' }}\n        disableLabelAnimation={disableLabelAnimation}\n        onClick={e => {\n          if (e.target === e.currentTarget) textareaRef?.current?.focus();\n        }}\n      >\n        <TextAreaBase\n          readOnly={readOnly}\n          disabled={disabled}\n          ref={mergeRefs(ref, textareaRef)}\n          aria-labelledby={textAreaId}\n          onChange={onChange}\n          variant={variant}\n          {...rest}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype TextAreaBaseProps = {\n  readOnly?: boolean;\n  disabled?: boolean;\n  variant?: VariantType | typeof error | typeof info;\n} & React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nconst TextAreaBase = React.forwardRef<HTMLTextAreaElement, TextAreaBaseProps>(\n  ({ readOnly, disabled, onChange, value, variant, ...rest }, ref) => {\n    const contextVariant = useVariant();\n    const currentVariant = variant || contextVariant;\n    const { isFilled: isInputFilled, setFilled: setFiller } =\n      useInputGroupContext();\n\n    useOnMount(() => {\n      if (value?.toString() || rest.defaultValue) {\n        setFiller && !isInputFilled && setFiller(true);\n      }\n    });\n    React.useEffect(() => {\n      if (value?.toString() && setFiller && !isInputFilled) {\n        setFiller(true);\n      }\n    }, [value, setFiller, isInputFilled]);\n\n    const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      if (isFilled(event.target)) {\n        setFiller && !isInputFilled && setFiller(true);\n      } else {\n        setFiller && isInputFilled && setFiller(false);\n      }\n      if (onChange) {\n        onChange(event);\n      }\n    };\n\n    return (\n      <textarea\n        className=\"eds-form-control eds-textarea\"\n        ref={ref}\n        readOnly={readOnly}\n        disabled={disabled}\n        onChange={handleChange}\n        value={value}\n        aria-invalid={currentVariant === 'error'}\n        {...rest}\n      />\n    );\n  },\n);\n","import React from 'react';\nimport classNames from 'classnames';\n\nimport { CloseSmallIcon } from '@entur/icons';\nimport { useRandomId, useOnMount, mergeRefs, VariantType } from '@entur/utils';\n\nimport { BaseFormControl } from './BaseFormControl';\nimport { useInputGroupContext } from './InputGroupContext';\nimport { isFilled } from './utils';\nimport { useVariant } from './VariantProvider';\nimport './TextField.scss';\n\n/** @deprecated use variant=\"information\" instead */\nconst info = 'info';\n/** @deprecated use variant=\"negative\" instead */\nconst error = 'error';\n\nexport type TextFieldProps = {\n  /** Tekst eller ikon som kommer før inputfeltet */\n  prepend?: React.ReactNode;\n  /** Tekst eller ikon som kommer etter inputfeltet */\n  append?: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Label over TextField */\n  label: React.ReactNode;\n  /** En tooltip som forklarer labelen til inputfeltet */\n  labelTooltip?: React.ReactNode;\n  /** Varselmelding, som vil komme under TextField */\n  feedback?: string;\n  /** Hvilken valideringsfarge som vises*/\n  variant?: VariantType | typeof error | typeof info;\n  /** Deaktiver inputfeltet */\n  disabled?: boolean;\n  /** Setter inputfeltet i read-only modus */\n  readOnly?: boolean;\n  /** Størrelsen på TextField\n   * @default \"medium\"\n   */\n  size?: 'medium' | 'large';\n  /** Plasserer labelen statisk på toppen av inputfeltet\n   * @default false\n   */\n  disableLabelAnimation?: boolean;\n  /** Ekstra props som sendes til label-elementet */\n  labelProps?: React.DetailedHTMLProps<\n    React.LabelHTMLAttributes<HTMLLabelElement>,\n    HTMLLabelElement\n  >;\n  /** Om man skal ha muliget for å nullstille TextField. Viser lukkekryss hvis feltet er fylt.\n   * @default false\n   */\n  clearable?: boolean;\n  /** Callback for clearable */\n  onClear?: () => void;\n  ariaAlertOnFeedback?: boolean;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'label'>;\n\nexport const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>(\n  (\n    {\n      prepend,\n      append,\n      variant,\n      disabled = false,\n      readOnly = false,\n      className,\n      style,\n      size = 'medium',\n      label,\n      required,\n      labelTooltip,\n      feedback,\n      onChange,\n      disableLabelAnimation,\n      labelProps,\n      clearable = false,\n      onClear,\n      value,\n      ariaAlertOnFeedback = false,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const randomId = useRandomId('eds-textfield');\n    const textFieldId = labelProps && labelProps.id ? labelProps.id : randomId;\n    const textFieldRef = React.useRef<HTMLInputElement>(null);\n    return (\n      <BaseFormControl\n        disabled={disabled}\n        readOnly={readOnly}\n        variant={variant}\n        prepend={prepend}\n        append={\n          clearable && onClear ? <ClearButton onClear={onClear} /> : append\n        }\n        className={classNames(className, 'eds-textfield__wrapper')}\n        style={style}\n        size={size}\n        label={label}\n        required={required}\n        labelTooltip={labelTooltip}\n        labelId={textFieldId}\n        feedback={feedback}\n        disableLabelAnimation={disableLabelAnimation}\n        labelProps={labelProps}\n        ariaAlertOnFeedback={ariaAlertOnFeedback}\n        onClick={e => {\n          if (e.target === e.currentTarget) textFieldRef?.current?.focus();\n        }}\n      >\n        <TextFieldBase\n          disabled={disabled}\n          readOnly={readOnly}\n          ref={mergeRefs(ref, textFieldRef)}\n          aria-labelledby={textFieldId}\n          onChange={onChange}\n          value={value}\n          variant={variant}\n          {...rest}\n        />\n      </BaseFormControl>\n    );\n  },\n);\n\ntype TextFieldBaseProps = {\n  /** Deaktiver inputfeltet */\n  disabled?: boolean;\n  /** Setter inputfeltet i read-only modus */\n  readOnly?: boolean;\n  variant?: VariantType | typeof error | typeof info;\n} & React.DetailedHTMLProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n>;\n\nconst TextFieldBase = React.forwardRef<HTMLInputElement, TextFieldBaseProps>(\n  (\n    { disabled, readOnly, placeholder, onChange, value, variant, ...rest },\n    forwardRef,\n  ) => {\n    const contextVariant = useVariant();\n    const currentVariant = variant || contextVariant;\n    const { isFilled: isInputFilled, setFilled: setFiller } =\n      useInputGroupContext();\n\n    useOnMount(() => {\n      if (value?.toString() || rest.defaultValue) {\n        setFiller && !isInputFilled && setFiller(true);\n      }\n    });\n    React.useEffect(() => {\n      if (value?.toString() && setFiller && !isInputFilled) {\n        setFiller(true);\n      }\n    }, [value, setFiller, isInputFilled]);\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (isFilled(event.target)) {\n        setFiller && !isInputFilled && setFiller(true);\n      } else {\n        setFiller && isInputFilled && setFiller(false);\n      }\n      if (onChange) {\n        onChange(event);\n      }\n    };\n\n    return (\n      <input\n        aria-invalid={currentVariant === 'error'}\n        className=\"eds-form-control\"\n        disabled={disabled}\n        readOnly={readOnly}\n        ref={forwardRef}\n        placeholder={placeholder}\n        onChange={handleChange}\n        value={value}\n        {...rest}\n      />\n    );\n  },\n);\n\nconst ClearButton: React.FC<{\n  onClear: () => void;\n  [key: string]: any;\n}> = ({ onClear, ...props }) => {\n  const { isFilled: hasValue, setFilled } = useInputGroupContext();\n  return (\n    <div className=\"eds-textfield__clear-button-wrapper\">\n      {hasValue && <div className=\"eds-textfield__divider\"></div>}\n      {hasValue && (\n        <button\n          className=\"eds-textfield__clear-button\"\n          type=\"button\"\n          tabIndex={-1}\n          onClick={() => {\n            setFilled(false);\n            onClear();\n          }}\n          {...props}\n        >\n          <CloseSmallIcon />\n        </button>\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { useRandomId } from '@entur/utils';\n\nexport type SelectedValues = { [key: string]: boolean };\nexport type SelectedValue = string | null;\nexport type SegmentedContextProps =\n  | {\n      name: string;\n      onChange: (value: SelectedValues) => void;\n      selectedValue: SelectedValues;\n      multiple: true;\n      size: 'medium' | 'large';\n    }\n  | {\n      name: string;\n      onChange: (value: SelectedValue) => void;\n      selectedValue: SelectedValue;\n      multiple: false;\n      size: 'medium' | 'large';\n    };\n\nconst SegmentedContext = React.createContext<SegmentedContextProps | null>(\n  null,\n);\n\nexport type SegmentedProviderProps =\n  | {\n      name?: string;\n      onChange?: (value: SelectedValues) => void;\n      selectedValue: SelectedValues;\n      multiple: true;\n      size: 'medium' | 'large';\n    }\n  | {\n      name?: string;\n      onChange?: (value: SelectedValue) => void;\n      selectedValue: SelectedValue;\n      multiple: false;\n      size: 'medium' | 'large';\n    };\n\nexport const SegmentedProvider: React.FC<SegmentedProviderProps> = ({\n  name,\n  onChange = () => undefined,\n  selectedValue,\n  multiple,\n  size,\n  ...rest\n}) => {\n  const generatedName = useRandomId('eds-segmented-control');\n  const contextValue = React.useMemo(\n    () => ({\n      name: name || generatedName,\n      onChange,\n      multiple,\n      selectedValue,\n      size,\n    }),\n    [generatedName, multiple, name, onChange, selectedValue, size],\n  ) as SegmentedContextProps;\n  return <SegmentedContext.Provider value={contextValue} {...rest} />;\n};\n\nexport const useSegmentedContext = (): SegmentedContextProps => {\n  const context = React.useContext(SegmentedContext);\n  if (!context) {\n    throw new Error(\n      'You need to wrap your SegmentedChoice in either SegmentedControl or MultipleSegmentedControl',\n    );\n  }\n  return context;\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport {\n  useSegmentedContext,\n  SelectedValues,\n  SelectedValue,\n} from './SegmentedContext';\nimport './SegmentedChoice.scss';\n\nexport type SegmentedChoiceProps = {\n  /** Verdien til valget */\n  value: string;\n  /** Innhold som beskriver valget */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Callback som kalles når komponenten endres */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n} & React.DetailedHTMLProps<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  HTMLInputElement\n>;\n\nexport const SegmentedChoice = React.forwardRef<\n  HTMLInputElement,\n  SegmentedChoiceProps\n>(\n  (\n    {\n      children,\n      className,\n      style,\n      value,\n      name,\n      onChange = () => undefined,\n      ...rest\n    },\n    ref: React.Ref<HTMLInputElement>,\n  ) => {\n    const {\n      name: commonName,\n      selectedValue,\n      onChange: commonOnChange,\n      multiple,\n      size,\n    } = useSegmentedContext();\n\n    const isChecked = multiple\n      ? (selectedValue as SelectedValues)[value]\n      : (selectedValue as SelectedValue) === value;\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      onChange(e);\n      if (multiple) {\n        commonOnChange({\n          ...(selectedValue as SelectedValues),\n          [value]: e.target.checked,\n        } as any);\n      } else if (e.target.checked) {\n        commonOnChange(value as any);\n      }\n    };\n\n    return (\n      <label\n        className={classNames('eds-segmented-choice', className)}\n        style={style}\n      >\n        <input\n          type={multiple ? 'checkbox' : 'radio'}\n          name={name || commonName}\n          checked={isChecked}\n          value={value}\n          onChange={handleChange}\n          ref={ref}\n          {...rest}\n        />\n        <div\n          className={classNames('eds-base-segmented', {\n            'eds-base-segmented--large': size === 'large',\n          })}\n        >\n          {children}\n        </div>\n      </label>\n    );\n  },\n);\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('form', 'icons', 'typography');\n\nexport * from './BaseFormControl';\nexport * from './Checkbox';\nexport * from './FeedbackText';\nexport * from './Fieldset';\nexport * from './InputGroupLabel';\nexport * from './InputGroupContext';\nexport * from './inputPanel';\nexport * from './Radio';\nexport * from './RadioGroup';\nexport * from './Switch';\nexport * from './TextArea';\nexport * from './TextField';\nexport * from './VariantProvider';\nexport * from './variants';\nexport * from './utils';\nexport * from './segmented-control/SegmentedChoice';\nexport * from './segmented-control/SegmentedControl';\nexport * from './segmented-control/MultipleSegmentedControl';\n","import React from 'react';\nimport { Label } from '@entur/typography';\nimport { SegmentedProvider, SelectedValues } from './SegmentedContext';\nimport './SegmentedControl.scss';\n\nexport type MultipleSegmentedControlProps = {\n  /** Navn på input-elementene */\n  name?: string;\n  /** Beskrivende tekst */\n  label?: string;\n  /** En eller flere SegmentedChoice-komponenter */\n  children: React.ReactNode;\n  /** Den eller de valgte verdiene */\n  selectedValue: SelectedValues;\n  /** Callback for når det gjøres et valg */\n  onChange: (value: SelectedValues) => void;\n  [key: string]: any;\n};\n\n/**This component is not used by anyone, and is therefore deprecated\n * @deprecated\n */\nexport const MultipleSegmentedControl: React.FC<MultipleSegmentedControlProps> =\n  ({ children, label, name, onChange, selectedValue, ...rest }) => {\n    return (\n      <SegmentedProvider\n        name={name}\n        selectedValue={selectedValue}\n        onChange={onChange}\n        multiple={true}\n        size=\"medium\"\n      >\n        <Label as=\"div\">{label}</Label>\n        <div className=\"eds-segmented-control\" {...rest}>\n          {children}\n        </div>\n      </SegmentedProvider>\n    );\n  };\n","import React from 'react';\nimport { RadioGroupContextProvider } from './RadioGroupContext';\nimport { Fieldset } from './Fieldset';\n\nexport type RadioGroupProps = {\n  /** Navnet til radiogruppen. */\n  name: string;\n  /** Overskrift over radiogruppen */\n  label?: string;\n  /** Verdien til den valgte radioknappen */\n  value: string | null;\n  /** Radioknappene sendes inn som children */\n  children: React.ReactNode;\n  /** En callback som blir kalles hver gang en radioknapp klikkes på  */\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  [key: string]: any;\n};\n\nexport const RadioGroup: React.FC<RadioGroupProps> = ({\n  name,\n  value,\n  children,\n  onChange,\n  label,\n  ...rest\n}) => {\n  const contextValue = React.useMemo(\n    () => ({ name, value, onChange }),\n    [name, value, onChange],\n  );\n  return (\n    <RadioGroupContextProvider value={contextValue}>\n      {label ? (\n        <Fieldset label={label} {...rest}>\n          {children}\n        </Fieldset>\n      ) : (\n        children\n      )}\n    </RadioGroupContextProvider>\n  );\n};\n","import React from 'react';\nimport { SegmentedProvider, SelectedValue } from './SegmentedContext';\nimport { Fieldset } from '../Fieldset';\nimport classNames from 'classnames';\nimport './SegmentedControl.scss';\n\nexport type SegmentedControlProps = {\n  /** Navn på input-elementene */\n  name?: string;\n  /** Beskrivende tekst */\n  label?: string;\n  /** En eller flere SegmentedChoice-komponenter */\n  children: React.ReactNode;\n  /** Den valgte verdien */\n  selectedValue: SelectedValue;\n  /** Callback for når det gjøres et valg */\n  onChange: (value: SelectedValue) => void;\n  /** Størrelsen på SegmentedChoice-komponentene */\n  size?: 'medium' | 'large';\n  /** Ekstra klassenavn */\n  className?: string;\n  [key: string]: any;\n};\n\nexport const SegmentedControl: React.FC<SegmentedControlProps> = ({\n  children,\n  label,\n  name,\n  onChange,\n  selectedValue,\n  size = 'medium',\n  className,\n  ...rest\n}) => {\n  return (\n    <SegmentedProvider\n      name={name}\n      selectedValue={selectedValue}\n      onChange={onChange}\n      multiple={false}\n      size={size}\n    >\n      <Fieldset label={label}>\n        <div\n          className={classNames('eds-segmented-control', className)}\n          {...rest}\n        >\n          {children}\n        </div>\n      </Fieldset>\n    </SegmentedProvider>\n  );\n};\n"],"names":["AlertIcon","_ref","variant","iconClass","React","createElement","ValidationSuccessFilledIcon","className","ValidationErrorFilledIcon","ValidationExclamationFilledIcon","FeedbackText","_ref2","children","_ref2$hideIcon","hideIcon","rest","_objectWithoutPropertiesLoose","_excluded","SubLabel","_extends","classNames","InputGroupContext","createContext","isFilled","setFilled","InputGroupContextProvider","_React$useState","useState","Provider","value","useInputGroupContext","useContext","InputGroupLabel","label","required","labelId","_ref$staticAnimation","staticAnimation","_useInputGroupContext","filler","id","VariantContext","useVariant","BaseFormControl","forwardRef","ref","_ref$disabled","disabled","_ref$readOnly","readOnly","prepend","append","_ref$size","size","labelTooltip","_ref$labelTooltipButt","labelTooltipButtonAriaLabel","feedback","labelProps","style","_ref$disableLabelAnim","disableLabelAnimation","_ref$ariaAlertOnFeedb","ariaAlertOnFeedback","contextVariant","currentVariant","undefined","Tooltip","content","placement","showCloseButton","disableFocusListener","disableHoverListener","disableClickListner","disableKeyboardListener","IconButton","as","tabIndex","role","QuestionIcon","Checkbox","checked","reduceClickArea","inputRef","useRef","isIndeterminate","isControlled","useEffect","current","indeterminate","cx","type","mergeRefs","CheckboxIcon","Paragraph","margin","_ref2$indeterminate","width","height","viewBox","x","y","fill","d","Fieldset","Heading5","RadioGroupContext","RadioGroupContextProvider","useRadioGroupContext","context","Error","Radio","_rest$name","_rest$checked","_rest$onChange","classList","_useRadioGroupContext","name","selectedValue","onChange","InputPanelBase","_inputRef$current","_ref3","_inputRef$current2","title","secondaryLabel","_ref$hideSelectionInd","hideSelectionIndicator","_ref$type","defaultId","useRandomId","inputPanelId","forceUpdate","useForceUpdate","htmlFor","e","Fragment","pointerEvents","RadioPanel","_ref$hideRadioButton","hideRadioButton","CheckboxPanel","_ref$hideCheckbox","hideCheckbox","Switch","_ref$labelPlacement","labelPlacement","icon","_ref$hideIcon","_ref$color","color","colors","validation","mint","_ref$contrastColor","contrastColor","mintContrast","CheckIcon","CloseSmallIcon","hasValue","Array","isArray","length","obj","SSR","defaultValue","TextArea","textAreaId","textareaRef","onClick","_textareaRef$current","target","currentTarget","focus","TextAreaBase","_excluded2","isInputFilled","setFiller","useOnMount","toString","event","TextField","_ref$clearable","clearable","onClear","randomId","textFieldId","textFieldRef","ClearButton","_textFieldRef$current","TextFieldBase","placeholder","props","_excluded3","_useInputGroupContext2","SegmentedContext","SegmentedProvider","_ref$onChange","multiple","generatedName","contextValue","useMemo","SegmentedChoice","_useSegmentedContext","useSegmentedContext","commonName","commonOnChange","isChecked","_extends2","warnAboutMissingStyles","Label","_ref$variant"],"mappings":"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"}

package/dist/form.esm.js

@@ -1,10 +1,11 @@
 import { mergeRefs, useRandomId, useForceUpdate, useOnMount, warnAboutMissingStyles } from '@entur/utils';
-import classNames from 'classnames';
 import * as React from 'react';
 import React__default, { useRef } from 'react';
+import classNames from 'classnames';
 import { ValidationErrorFilledIcon, ValidationExclamationFilledIcon, ValidationSuccessFilledIcon, QuestionIcon, CheckIcon, CloseSmallIcon } from '@entur/icons';
-import { SubLabel, Paragraph, Heading5, Label } from '@entur/typography';
 import { Tooltip } from '@entur/tooltip';
+import { IconButton } from '@entur/button';
+import { SubLabel, Paragraph, Heading5, Label } from '@entur/typography';
 import { colors } from '@entur/tokens';
 
 function _extends() {
@@ -148,7 +149,7 @@ var useVariant = function useVariant() {
   return context;
 };
 
-var _excluded$e = ["children", "className", "disabled", "readOnly", "variant", "prepend", "append", "size", "isFilled", "label", "required", "labelTooltip", "feedback", "labelId", "labelProps", "style", "disableLabelAnimation", "ariaAlertOnFeedback"];
+var _excluded$e = ["children", "className", "disabled", "readOnly", "variant", "prepend", "append", "size", "isFilled", "label", "required", "labelTooltip", "labelTooltipButtonAriaLabel", "feedback", "labelId", "labelProps", "style", "disableLabelAnimation", "ariaAlertOnFeedback"];
 /** @deprecated use variant="negative" instead */
 var error = 'error';
 var BaseFormControl = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
@@ -167,6 +168,8 @@ var BaseFormControl = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
     label = _ref.label,
     required = _ref.required,
     labelTooltip = _ref.labelTooltip,
+    _ref$labelTooltipButt = _ref.labelTooltipButtonAriaLabel,
+    labelTooltipButtonAriaLabel = _ref$labelTooltipButt === void 0 ? 'Klikk for tilleggsinfo om feltet' : _ref$labelTooltipButt,
     feedback = _ref.feedback,
     labelId = _ref.labelId,
     labelProps = _ref.labelProps,
@@ -178,16 +181,20 @@ var BaseFormControl = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
   var contextVariant = useVariant();
   var currentVariant = variant || contextVariant;
-  return React__default.createElement(InputGroupContextProvider, null, React__default.createElement("div", null, React__default.createElement("div", _extends({
-    className: classNames('eds-form-control-wrapper', className, "eds-form-control-wrapper--size-" + size, {
+  return React__default.createElement(InputGroupContextProvider, null, React__default.createElement("div", {
+    className: classNames('eds-form-control__field-and-feedback-text', className, {
+      'eds-form-control__field-and-feedback-text--has-tooltip': labelTooltip !== undefined
+    }),
+    style: style
+  }, React__default.createElement("div", _extends({
+    className: classNames('eds-form-control-wrapper', "eds-form-control-wrapper--size-" + size, {
       'eds-form-control-wrapper--success': currentVariant === 'success',
       'eds-form-control-wrapper--negative': currentVariant === 'negative' || currentVariant === error,
       'eds-form-control-wrapper--disabled': disabled,
       'eds-form-control-wrapper--readonly': readOnly,
       'eds-form-control-wrapper--is-filled': isFilled
     }),
-    ref: ref,
-    style: style
+    ref: ref
   }, rest), prepend && React__default.createElement("div", {
     className: "eds-form-control__prepend"
   }, prepend), React__default.createElement(InputGroupLabel, _extends({
@@ -195,16 +202,26 @@ var BaseFormControl = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
     required: required,
     labelId: labelId,
     staticAnimation: disableLabelAnimation
-  }, labelProps)), children, append && React__default.createElement("div", {
-    className: "eds-form-control__append"
-  }, append), labelTooltip && React__default.createElement("div", {
-    className: "eds-form-control__append eds-form-control__append--tooltip"
-  }, React__default.createElement(Tooltip, {
+  }, labelProps)), labelTooltip && React__default.createElement(Tooltip, {
     content: labelTooltip,
-    placement: "right"
-  }, React__default.createElement("span", {
-    className: "eds-input-group__label-tooltip-icon"
-  }, React__default.createElement(QuestionIcon, null))))), feedback && currentVariant && React__default.createElement(FeedbackText, {
+    placement: "right",
+    showCloseButton: false,
+    disableFocusListener: true,
+    disableHoverListener: true,
+    disableClickListner: false,
+    disableKeyboardListener: false
+  }, React__default.createElement(IconButton, {
+    as: "span",
+    tabIndex: 0,
+    role: "button",
+    className: "eds-form-control__append eds-form-control__append--tooltip",
+    "aria-label": labelTooltipButtonAriaLabel
+  }, React__default.createElement(QuestionIcon, {
+    className: "eds-input-group__label-tooltip-icon",
+    "aria-hidden": "true"
+  }))), children, append && React__default.createElement("div", {
+    className: "eds-form-control__append"
+  }, append)), feedback && currentVariant && React__default.createElement(FeedbackText, {
     variant: currentVariant,
     role: ariaAlertOnFeedback ? 'alert' : undefined
   }, feedback)));
@@ -592,8 +609,9 @@ var TextArea = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     disableLabelAnimation = _ref.disableLabelAnimation,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
   var textAreaId = useRandomId('eds-textarea');
+  var textareaRef = React__default.useRef(null);
   return React__default.createElement(BaseFormControl, {
-    className: className,
+    className: classNames(className, 'eds-textarea__wrapper'),
     disabled: disabled,
     readOnly: readOnly,
     variant: variant,
@@ -605,11 +623,15 @@ var TextArea = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     labelProps: {
       className: 'eds-textarea__label'
     },
-    disableLabelAnimation: disableLabelAnimation
+    disableLabelAnimation: disableLabelAnimation,
+    onClick: function onClick(e) {
+      var _textareaRef$current;
+      if (e.target === e.currentTarget) textareaRef == null ? void 0 : (_textareaRef$current = textareaRef.current) == null ? void 0 : _textareaRef$current.focus();
+    }
   }, React__default.createElement(TextAreaBase, _extends({
     readOnly: readOnly,
     disabled: disabled,
-    ref: ref,
+    ref: mergeRefs(ref, textareaRef),
     "aria-labelledby": textAreaId,
     onChange: onChange,
     variant: variant
@@ -689,6 +711,7 @@ var TextField = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
   var randomId = useRandomId('eds-textfield');
   var textFieldId = labelProps && labelProps.id ? labelProps.id : randomId;
+  var textFieldRef = React__default.useRef(null);
   return React__default.createElement(BaseFormControl, {
     disabled: disabled,
     readOnly: readOnly,
@@ -697,7 +720,7 @@ var TextField = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     append: clearable && onClear ? React__default.createElement(ClearButton, {
       onClear: onClear
     }) : append,
-    className: className,
+    className: classNames(className, 'eds-textfield__wrapper'),
     style: style,
     size: size,
     label: label,
@@ -707,11 +730,15 @@ var TextField = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     feedback: feedback,
     disableLabelAnimation: disableLabelAnimation,
     labelProps: labelProps,
-    ariaAlertOnFeedback: ariaAlertOnFeedback
+    ariaAlertOnFeedback: ariaAlertOnFeedback,
+    onClick: function onClick(e) {
+      var _textFieldRef$current;
+      if (e.target === e.currentTarget) textFieldRef == null ? void 0 : (_textFieldRef$current = textFieldRef.current) == null ? void 0 : _textFieldRef$current.focus();
+    }
   }, React__default.createElement(TextFieldBase, _extends({
     disabled: disabled,
     readOnly: readOnly,
-    ref: ref,
+    ref: mergeRefs(ref, textFieldRef),
     "aria-labelledby": textFieldId,
     onChange: onChange,
     value: value,