@helsenorge/designsystem-react 1.0.0-beta105 → 1.0.0-beta109

package/components/Slider/index.js

@@ -1,2 +1,2 @@
-import{_ as e}from"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import t,{useState as n,useRef as r,useEffect as a}from"react";import{c as o}from"../../index-9b84fabc.js";import{T as i}from"../../Title-af53f589.js";import c from"./styles.module.scss";import{A as u}from"../../constants-ad6c82db.js";import"../Title/styles.module.scss";var s=function(e){return e.stopPropagation&&e.stopPropagation(),e.preventDefault&&e.preventDefault(),!1},l=function(e){return m(e)?e.touches[0].pageX:e.pageX},d=function(e){var t=e?e.getBoundingClientRect():void 0;return t?t.right-t.left:0},m=function(e){return("touchcancel"===e.type||"touchend"===e.type||"touchenter"===e.type||"touchleave"===e.type||"touchmove"===e.type||"touchstart"===e.type)&&!(0===e.touches.length)},f=function(e,t,n){var r=e-e%t,a=Math.floor(n/t)*t;e>a&&(e>a+(n-a)/2&&(r=n));return Math.round(r)},v=t.forwardRef((function(m,v){var p=m.title,h=m.labelLeft,_=m.labelRight,g=m.disabled,E=void 0!==g&&g,y=m.step,b=void 0===y?1:y,w=m.onChange,k=m.testId,L=n(50),x=e(L,2),N=x[0],A=x[1],D=n(!1),M=e(D,2),R=M[0],j=M[1],T=n(0),B=e(T,2),C=B[0],P=B[1],I=n(0),S=e(I,2),X=S[0],H=S[1],K=n(0),U=e(K,2),q=U[0],z=U[1],F=n(0),G=e(F,2),J=G[0],O=G[1],Q=v||r(null),V=r(null),W=function(e){ne(e)},Y=function(e){te(e)},Z=function(e){ne(e)},$=function(e){te(e)};a((function(){var e=d(Q.current),t=d(V.current);z(function(e,t,n,r,a){return(t-n)/(a-r)*e}(N,e,t,0,100)),P(e),H(t)}),[]),a((function(){R&&(function(e,t){document.addEventListener("mousemove",e,!1),document.addEventListener("mouseup",t,!1)}(W,Y),function(e,t){document.addEventListener("touchmove",e,!1),document.addEventListener("touchend",t,!1)}(Z,$))}),[R]),a((function(){!E&&w&&w(N)}),[N]);var ee=function(e){var t;if(!E){var n=d(Q.current),r=d(V.current),a=l(e);!function(e,t,n,r){var a=t?t.getBoundingClientRect():void 0,o=a?a.left:0;r(o?e-(o+n/2):0)}(a,V.current,r,re),j(!0),O(a),P(n),H(r),null===(t=V.current)||void 0===t||t.focus(),s(e)}},te=function(e){E||(j(!1),function(e,t){document.removeEventListener("mousemove",e,!1),document.removeEventListener("mouseup",t,!1)}(W,Y),function(e,t){document.removeEventListener("touchmove",e,!1),document.removeEventListener("touchend",t,!1)}(Z,$),s(e))},ne=function(e){if(!E&&R){var t=l(e);re(t-J),s(e)}},re=function(e){if(0!==e){var t=function(e,t,n,r){var a=r+e;return a<0&&(a=0),a>t-n&&(a=t-n),a}(e,C,X,q);z(t),O(t+e),A(function(e,t,n,r,a,o){var i=(t-n)/(o-a),c=Math.round(e/i);return f(c,r,o)}(t,C,X,b,0,100))}};return t.createElement("div",{className:c.slider,"data-testid":k,"data-analyticsid":u.Slider},p&&t.createElement(i,{htmlMarkup:"h3",margin:1.5,appearance:"title3"},p),t.createElement("div",{ref:Q,className:o(c["slider__track-wrapper"],E?c["slider__track-wrapper--disabled"]:""),onMouseDown:ee,onTouchStart:ee,"data-testid":"tracker"},t.createElement("div",{className:o(c.slider__track,E?c["slider__track--disabled"]:"")}),t.createElement("div",{ref:V,className:o(c.slider__trigger,E?c["slider__trigger--disabled"]:""),style:{left:"".concat(q,"px")},onKeyDown:function(e){if(!E){var t=(C-X)/100;"ArrowRight"!==e.key&&"ArrowDown"!==e.key||re(b*t),"ArrowLeft"!==e.key&&"ArrowUp"!==e.key||re(-b*t)}},role:"slider","aria-valuenow":N,"aria-valuemin":0,"aria-valuemax":100,"aria-label":"".concat(p?p+" ":"").concat(h?h+" ":"").concat(_?_+" ":""),tabIndex:E?-1:0},t.createElement("div",{className:o(c["slider__trigger-inner"],E?c["slider__trigger-inner--disabled"]:"")}))),(h||_)&&t.createElement("span",{className:c.slider__options},t.createElement("p",{className:c.slider__text,"aria-hidden":!0},h),t.createElement("p",{className:c.slider__text,"aria-hidden":!0},_)))}));export default v;export{v as Slider};
+import{_ as e}from"../../_rollupPluginBabelHelpers-6b3099b0.js";import t,{useState as n,useRef as r,useEffect as a}from"react";import{c as o}from"../../index-9b84fabc.js";import{T as i}from"../../Title-1d8708ea.js";import c from"./styles.module.scss";import{A as u}from"../../constants-075356e2.js";import"../Title/styles.module.scss";var s=function(e){return e.stopPropagation&&e.stopPropagation(),e.preventDefault&&e.preventDefault(),!1},l=function(e){return m(e)?e.touches[0].pageX:e.pageX},d=function(e){var t=e?e.getBoundingClientRect():void 0;return t?t.right-t.left:0},m=function(e){return("touchcancel"===e.type||"touchend"===e.type||"touchenter"===e.type||"touchleave"===e.type||"touchmove"===e.type||"touchstart"===e.type)&&!(0===e.touches.length)},f=function(e,t,n){var r=e-e%t,a=Math.floor(n/t)*t;e>a&&(e>a+(n-a)/2&&(r=n));return Math.round(r)},v=t.forwardRef((function(m,v){var p=m.title,h=m.labelLeft,_=m.labelRight,g=m.disabled,E=void 0!==g&&g,y=m.step,b=void 0===y?1:y,w=m.onChange,k=m.testId,L=n(50),x=e(L,2),N=x[0],A=x[1],D=n(!1),M=e(D,2),R=M[0],j=M[1],T=n(0),B=e(T,2),C=B[0],P=B[1],I=n(0),S=e(I,2),X=S[0],H=S[1],K=n(0),U=e(K,2),q=U[0],z=U[1],F=n(0),G=e(F,2),J=G[0],O=G[1],Q=v||r(null),V=r(null),W=function(e){ne(e)},Y=function(e){te(e)},Z=function(e){ne(e)},$=function(e){te(e)};a((function(){var e=d(Q.current),t=d(V.current);z(function(e,t,n,r,a){return(t-n)/(a-r)*e}(N,e,t,0,100)),P(e),H(t)}),[]),a((function(){R&&(function(e,t){document.addEventListener("mousemove",e,!1),document.addEventListener("mouseup",t,!1)}(W,Y),function(e,t){document.addEventListener("touchmove",e,!1),document.addEventListener("touchend",t,!1)}(Z,$))}),[R]),a((function(){!E&&w&&w(N)}),[N]);var ee=function(e){var t;if(!E){var n=d(Q.current),r=d(V.current),a=l(e);!function(e,t,n,r){var a=t?t.getBoundingClientRect():void 0,o=a?a.left:0;r(o?e-(o+n/2):0)}(a,V.current,r,re),j(!0),O(a),P(n),H(r),null===(t=V.current)||void 0===t||t.focus(),s(e)}},te=function(e){E||(j(!1),function(e,t){document.removeEventListener("mousemove",e,!1),document.removeEventListener("mouseup",t,!1)}(W,Y),function(e,t){document.removeEventListener("touchmove",e,!1),document.removeEventListener("touchend",t,!1)}(Z,$),s(e))},ne=function(e){if(!E&&R){var t=l(e);re(t-J),s(e)}},re=function(e){if(0!==e){var t=function(e,t,n,r){var a=r+e;return a<0&&(a=0),a>t-n&&(a=t-n),a}(e,C,X,q);z(t),O(t+e),A(function(e,t,n,r,a,o){var i=(t-n)/(o-a),c=Math.round(e/i);return f(c,r,o)}(t,C,X,b,0,100))}};return t.createElement("div",{className:c.slider,"data-testid":k,"data-analyticsid":u.Slider},p&&t.createElement(i,{htmlMarkup:"h3",margin:1.5,appearance:"title3"},p),t.createElement("div",{ref:Q,className:o(c["slider__track-wrapper"],E?c["slider__track-wrapper--disabled"]:""),onMouseDown:ee,onTouchStart:ee,"data-testid":"tracker"},t.createElement("div",{className:o(c.slider__track,E?c["slider__track--disabled"]:"")}),t.createElement("div",{ref:V,className:o(c.slider__trigger,E?c["slider__trigger--disabled"]:""),style:{left:"".concat(q,"px")},onKeyDown:function(e){if(!E){var t=(C-X)/100;"ArrowRight"!==e.key&&"ArrowDown"!==e.key||re(b*t),"ArrowLeft"!==e.key&&"ArrowUp"!==e.key||re(-b*t)}},role:"slider","aria-valuenow":N,"aria-valuemin":0,"aria-valuemax":100,"aria-label":"".concat(p?p+" ":"").concat(h?h+" ":"").concat(_?_+" ":""),tabIndex:E?-1:0},t.createElement("div",{className:o(c["slider__trigger-inner"],E?c["slider__trigger-inner--disabled"]:"")}))),(h||_)&&t.createElement("span",{className:c.slider__options},t.createElement("p",{className:c.slider__text,"aria-hidden":!0},h),t.createElement("p",{className:c.slider__text,"aria-hidden":!0},_)))}));export default v;export{v as Slider};
 //# sourceMappingURL=index.js.map

package/components/Slider/styles.module.scss

@@ -1,85 +1,85 @@
-@import '../../scss/spacers';
-@import '../../scss/breakpoints';
-@import '../../scss/palette';
-
-.slider {
-  width: 100%;
-  padding: getSpacer(m) 0;
-  position: relative;
-  outline: none !important;
-
-  &__track-wrapper {
-    width: 100%;
-    cursor: pointer;
-
-    &--disabled {
-      cursor: default;
-    }
-  }
-
-  &__track {
-    height: 2px;
-    background-color: $black;
-    width: 100%;
-    position: relative;
-    top: 1rem;
-
-    &--disabled {
-      background-color: $neutral600;
-    }
-  }
-
-  &__trigger {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 2rem;
-    height: 2rem;
-    background-color: $white;
-    border: 0.15rem solid $black;
-    border-radius: 1rem;
-    position: relative;
-    top: -0.05rem;
-    z-index: 9;
-    outline: none;
-    cursor: pointer;
-
-    &--disabled {
-      border-color: $neutral500;
-      cursor: default;
-    }
-  }
-
-  &__trigger-inner {
-    width: 1.25rem;
-    height: 1.25rem;
-    border: 0.1rem solid $black;
-    border-radius: 1rem;
-    background-color: $blueberry600;
-
-    :hover > &,
-    :focus > & {
-      background-color: $blueberry800;
-    }
-
-    &--disabled {
-      border-color: $neutral500;
-      background-color: $neutral200;
-
-      :hover > &,
-      :focus > & {
-        background-color: $neutral200;
-      }
-    }
-  }
-
-  &__options {
-    display: inline-flex;
-    justify-content: space-between;
-    width: 100%;
-  }
-
-  &__text {
-    margin: 0;
-  }
-}
+@import '../../scss/spacers';
+@import '../../scss/breakpoints';
+@import '../../scss/palette';
+
+.slider {
+  width: 100%;
+  padding: getSpacer(m) 0;
+  position: relative;
+  outline: none !important;
+
+  &__track-wrapper {
+    width: 100%;
+    cursor: pointer;
+
+    &--disabled {
+      cursor: default;
+    }
+  }
+
+  &__track {
+    height: 2px;
+    background-color: $black;
+    width: 100%;
+    position: relative;
+    top: 1rem;
+
+    &--disabled {
+      background-color: $neutral600;
+    }
+  }
+
+  &__trigger {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 2rem;
+    height: 2rem;
+    background-color: $white;
+    border: 0.15rem solid $black;
+    border-radius: 1rem;
+    position: relative;
+    top: -0.05rem;
+    z-index: 9;
+    outline: none;
+    cursor: pointer;
+
+    &--disabled {
+      border-color: $neutral500;
+      cursor: default;
+    }
+  }
+
+  &__trigger-inner {
+    width: 1.25rem;
+    height: 1.25rem;
+    border: 0.1rem solid $black;
+    border-radius: 1rem;
+    background-color: $blueberry600;
+
+    :hover > &,
+    :focus > & {
+      background-color: $blueberry800;
+    }
+
+    &--disabled {
+      border-color: $neutral500;
+      background-color: $neutral200;
+
+      :hover > &,
+      :focus > & {
+        background-color: $neutral200;
+      }
+    }
+  }
+
+  &__options {
+    display: inline-flex;
+    justify-content: space-between;
+    width: 100%;
+  }
+
+  &__text {
+    margin: 0;
+  }
+}

package/components/Slider/styles.module.scss.d.ts

@@ -1,19 +1,19 @@
-export type Styles = {
-  slider: string;
-  slider__options: string;
-  slider__text: string;
-  slider__track: string;
-  'slider__track--disabled': string;
-  'slider__track-wrapper': string;
-  'slider__track-wrapper--disabled': string;
-  slider__trigger: string;
-  'slider__trigger--disabled': string;
-  'slider__trigger-inner': string;
-  'slider__trigger-inner--disabled': string;
-};
-
-export type ClassNames = keyof Styles;
-
-declare const styles: Styles;
-
-export default styles;
+export type Styles = {
+  slider: string;
+  slider__options: string;
+  slider__text: string;
+  slider__track: string;
+  'slider__track--disabled': string;
+  'slider__track-wrapper': string;
+  'slider__track-wrapper--disabled': string;
+  slider__trigger: string;
+  'slider__trigger--disabled': string;
+  'slider__trigger-inner': string;
+  'slider__trigger-inner--disabled': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/Spacer/Spacer.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-import { SpacerSizes } from './../../theme/spacers';
-interface SpacerProps {
-    /** Sets the size of the spacer. */
-    size?: SpacerSizes;
-    /** Adds custom classes to the element. */
-    className?: string;
-    /** Sets the data-testid attribute. */
-    testId?: string;
-}
-declare const Spacer: React.ForwardRefExoticComponent<SpacerProps & React.RefAttributes<HTMLElement>>;
-export default Spacer;
+import React from 'react';
+import { SpacerSizes } from './../../theme/spacers';
+interface SpacerProps {
+    /** Sets the size of the spacer. */
+    size?: SpacerSizes;
+    /** Adds custom classes to the element. */
+    className?: string;
+    /** Sets the data-testid attribute. */
+    testId?: string;
+}
+declare const Spacer: React.ForwardRefExoticComponent<SpacerProps & React.RefAttributes<HTMLElement>>;
+export default Spacer;
 //# sourceMappingURL=Spacer.d.ts.map

package/components/Spacer/index.d.ts

@@ -1,4 +1,4 @@
-import Spacer from './Spacer';
-export * from './Spacer';
-export default Spacer;
+import Spacer from './Spacer';
+export * from './Spacer';
+export default Spacer;
 //# sourceMappingURL=index.d.ts.map

package/components/Spacer/index.js

@@ -1,2 +1,2 @@
-import{b as s}from"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import a from"react";import{c as e}from"../../index-9b84fabc.js";import r from"./styles.module.scss";import{A as c}from"../../constants-ad6c82db.js";var l=a.forwardRef((function(l,p){var t,x=l.size,o=void 0===x?"s":x,m=l.className,d=l.testId,i=e(r.spacer,(s(t={},r["spacer--4xs"],"4xs"===o),s(t,r["spacer--3xs"],"3xs"===o),s(t,r["spacer--2xs"],"2xs"===o),s(t,r["spacer--xs"],"xs"===o),s(t,r["spacer--s"],"s"===o),s(t,r["spacer--m"],"m"===o),s(t,r["spacer--l"],"l"===o),s(t,r["spacer--xl"],"xl"===o),s(t,r["spacer--2xl"],"2xl"===o),s(t,r["spacer--3xl"],"3xl"===o),s(t,r["spacer--4xl"],"4xl"===o),s(t,r["spacer--5xl"],"5xl"===o),s(t,r["spacer--6xl"],"6xl"===o),t),m);return a.createElement("span",{className:i,ref:p,"data-testid":d,"data-analyticsid":c.Spacer})}));export default l;
+import{b as s}from"../../_rollupPluginBabelHelpers-6b3099b0.js";import a from"react";import{c as e}from"../../index-9b84fabc.js";import r from"./styles.module.scss";import{A as l}from"../../constants-075356e2.js";var c=a.forwardRef((function(c,p){var t,x=c.size,o=void 0===x?"s":x,m=c.className,i=c.testId,f=e(r.spacer,(s(t={},r["spacer--4xs"],"4xs"===o),s(t,r["spacer--3xs"],"3xs"===o),s(t,r["spacer--2xs"],"2xs"===o),s(t,r["spacer--xs"],"xs"===o),s(t,r["spacer--s"],"s"===o),s(t,r["spacer--m"],"m"===o),s(t,r["spacer--l"],"l"===o),s(t,r["spacer--xl"],"xl"===o),s(t,r["spacer--2xl"],"2xl"===o),s(t,r["spacer--3xl"],"3xl"===o),s(t,r["spacer--4xl"],"4xl"===o),s(t,r["spacer--5xl"],"5xl"===o),s(t,r["spacer--6xl"],"6xl"===o),t),m);return a.createElement("span",{className:f,ref:p,"data-testid":i,"data-analyticsid":l.Spacer})}));export default c;
 //# sourceMappingURL=index.js.map

package/components/Spacer/styles.module.scss

@@ -1,47 +1,47 @@
-@import '../../scss/spacers.scss';
-
-.spacer {
-  display: block;
-  width: 100%;
-  height: 0.125rem;
-
-  &--4xs {
-    height: getSpacer(4xs);
-  }
-  &--3xs {
-    height: getSpacer(3xs);
-  }
-  &--2xs {
-    height: getSpacer(2xs);
-  }
-  &--xs {
-    height: getSpacer(xs);
-  }
-  &--s {
-    height: getSpacer(s);
-  }
-  &--m {
-    height: getSpacer(m);
-  }
-  &--l {
-    height: getSpacer(l);
-  }
-  &--xl {
-    height: getSpacer(xl);
-  }
-  &--2xl {
-    height: getSpacer(2xl);
-  }
-  &--3xl {
-    height: getSpacer(3xl);
-  }
-  &--4xl {
-    height: getSpacer(4xl);
-  }
-  &--5xl {
-    height: getSpacer(5xl);
-  }
-  &--6xl {
-    height: getSpacer(6xl);
-  }
-}
+@import '../../scss/spacers.scss';
+
+.spacer {
+  display: block;
+  width: 100%;
+  height: 0.125rem;
+
+  &--4xs {
+    height: getSpacer(4xs);
+  }
+  &--3xs {
+    height: getSpacer(3xs);
+  }
+  &--2xs {
+    height: getSpacer(2xs);
+  }
+  &--xs {
+    height: getSpacer(xs);
+  }
+  &--s {
+    height: getSpacer(s);
+  }
+  &--m {
+    height: getSpacer(m);
+  }
+  &--l {
+    height: getSpacer(l);
+  }
+  &--xl {
+    height: getSpacer(xl);
+  }
+  &--2xl {
+    height: getSpacer(2xl);
+  }
+  &--3xl {
+    height: getSpacer(3xl);
+  }
+  &--4xl {
+    height: getSpacer(4xl);
+  }
+  &--5xl {
+    height: getSpacer(5xl);
+  }
+  &--6xl {
+    height: getSpacer(6xl);
+  }
+}

package/components/Spacer/styles.module.scss.d.ts

@@ -1,22 +1,22 @@
-export type Styles = {
-  spacer: string;
-  'spacer--2xl': string;
-  'spacer--2xs': string;
-  'spacer--3xl': string;
-  'spacer--3xs': string;
-  'spacer--4xl': string;
-  'spacer--4xs': string;
-  'spacer--5xl': string;
-  'spacer--6xl': string;
-  'spacer--l': string;
-  'spacer--m': string;
-  'spacer--s': string;
-  'spacer--xl': string;
-  'spacer--xs': string;
-};
-
-export type ClassNames = keyof Styles;
-
-declare const styles: Styles;
-
-export default styles;
+export type Styles = {
+  spacer: string;
+  'spacer--2xl': string;
+  'spacer--2xs': string;
+  'spacer--3xl': string;
+  'spacer--3xs': string;
+  'spacer--4xl': string;
+  'spacer--4xs': string;
+  'spacer--5xl': string;
+  'spacer--6xl': string;
+  'spacer--l': string;
+  'spacer--m': string;
+  'spacer--s': string;
+  'spacer--xl': string;
+  'spacer--xs': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/Textarea/Textarea.d.ts

@@ -1,37 +1,37 @@
-import React from 'react';
-import { HTMLTextareaProps, FormMode } from '../../constants';
-interface TextareaProps extends HTMLTextareaProps {
-    /** initial value for textarea */
-    defaultValue?: string;
-    /** max character limit in textarea  */
-    maxCharacters?: number;
-    /** The text is displayed in the end of the text-counter */
-    maxText?: string;
-    /** Sets the data-testid attribute. */
-    testId?: string;
-    /** If true, the component will have a bottom margin. */
-    marginBottom?: boolean;
-    /** If true, the component will be transparent. */
-    transparent?: boolean;
-    /** Changes the visuals of the textarea */
-    mode?: keyof typeof FormMode;
-    /** Label of the input */
-    label?: string;
-    /** id of the textarea */
-    textareaId?: string;
-    /** max rows */
-    maxRows?: number;
-    /** min rows */
-    minRows?: number;
-    /** auto-grows until maxRows */
-    grow?: boolean;
-    /** Error text to show above the component */
-    errorText?: string;
-    /** Component shown after label */
-    afterLabelChildren?: React.ReactNode;
-    /** Component shown under label */
-    belowLabelChildren?: React.ReactNode;
-}
-declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export default Textarea;
+import React from 'react';
+import { HTMLTextareaProps, FormMode } from '../../constants';
+interface TextareaProps extends HTMLTextareaProps {
+    /** initial value for textarea */
+    defaultValue?: string;
+    /** max character limit in textarea  */
+    maxCharacters?: number;
+    /** The text is displayed in the end of the text-counter */
+    maxText?: string;
+    /** Sets the data-testid attribute. */
+    testId?: string;
+    /** If true, the component will have a bottom margin. */
+    marginBottom?: boolean;
+    /** If true, the component will be transparent. */
+    transparent?: boolean;
+    /** Changes the visuals of the textarea */
+    mode?: keyof typeof FormMode;
+    /** Label of the input */
+    label?: string;
+    /** id of the textarea */
+    textareaId?: string;
+    /** max rows */
+    maxRows?: number;
+    /** min rows */
+    minRows?: number;
+    /** auto-grows until maxRows */
+    grow?: boolean;
+    /** Error text to show above the component */
+    errorText?: string;
+    /** Component shown after label */
+    afterLabelChildren?: React.ReactNode;
+    /** Component shown under label */
+    belowLabelChildren?: React.ReactNode;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;
 //# sourceMappingURL=Textarea.d.ts.map

package/components/Textarea/index.d.ts

@@ -1,4 +1,4 @@
-import Textarea from './Textarea';
-export * from './Textarea';
-export default Textarea;
+import Textarea from './Textarea';
+export * from './Textarea';
+export default Textarea;
 //# sourceMappingURL=index.d.ts.map

package/components/Textarea/index.js

@@ -1,2 +1,2 @@
-import{T as s}from"../../Textarea-e1d1144c.js";export{T as default}from"../../Textarea-e1d1144c.js";import"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-ad6c82db.js";import"../../uuid-fe7442b7.js";
+import{T as s}from"../../Textarea-648063a9.js";export{T as default}from"../../Textarea-648063a9.js";import"../../_rollupPluginBabelHelpers-6b3099b0.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-075356e2.js";import"../../uuid-fe7442b7.js";
 //# sourceMappingURL=index.js.map

package/components/Textarea/styles.module.scss

@@ -1,57 +1,57 @@
-@import '../../scss/_spacers.scss';
-@import '../../scss/_breakpoints.scss';
-@import '../../scss/_palette.scss';
-@import '../../scss/_font-settings.scss';
-@import '../../scss/_input.scss';
-
-.textarea {
-  @include input-wrapper;
-
-  &__error-text {
-    font-size: $font-size-sm;
-    line-height: $font-size-sm;
-    font-weight: 600;
-    color: $cherry500;
-    margin-top: 0;
-  }
-
-  &--gutterBottom {
-    margin-bottom: getSpacer(s);
-  }
-
-  &__counter-wrapper {
-    display: flex;
-    justify-content: end;
-    padding-top: getSpacer(2xs);
-    padding-right: 2px;
-    font-size: $font-size-sm;
-    line-height: 28px;
-
-    @media (min-width: map-get($grid-breakpoints, md)) {
-      line-height: 30px;
-      font-size: $font-size-md;
-    }
-
-    p {
-      margin: 0;
-    }
-
-    &--on-dark {
-      color: $white;
-    }
-    &--invalid {
-      color: $cherry500;
-      font-weight: 600;
-    }
-  }
-}
-
-.content-wrapper {
-  @include content-wrapper;
-  &__input {
-    line-height: 28px;
-    height: auto;
-    padding: 16px;
-    resize: none;
-  }
-}
+@import '../../scss/_spacers.scss';
+@import '../../scss/_breakpoints.scss';
+@import '../../scss/_palette.scss';
+@import '../../scss/_font-settings.scss';
+@import '../../scss/_input.scss';
+
+.textarea {
+  @include input-wrapper;
+
+  &__error-text {
+    font-size: $font-size-sm;
+    line-height: $font-size-sm;
+    font-weight: 600;
+    color: $cherry500;
+    margin-top: 0;
+  }
+
+  &--gutterBottom {
+    margin-bottom: getSpacer(s);
+  }
+
+  &__counter-wrapper {
+    display: flex;
+    justify-content: end;
+    padding-top: getSpacer(2xs);
+    padding-right: 2px;
+    font-size: $font-size-sm;
+    line-height: 28px;
+
+    @media (min-width: map-get($grid-breakpoints, md)) {
+      line-height: 30px;
+      font-size: $font-size-md;
+    }
+
+    p {
+      margin: 0;
+    }
+
+    &--on-dark {
+      color: $white;
+    }
+    &--invalid {
+      color: $cherry500;
+      font-weight: 600;
+    }
+  }
+}
+
+.content-wrapper {
+  @include content-wrapper;
+  &__input {
+    line-height: 28px;
+    height: auto;
+    padding: 16px;
+    resize: none;
+  }
+}