@helsenorge/designsystem-react 1.0.0-beta90 → 1.0.0-beta95

package/components/Textarea/componentdata.json

@@ -0,0 +1,565 @@
+{
+  "props": {
+    "defaultValue": {
+      "defaultValue": null,
+      "description": "initial value for textarea",
+      "name": "defaultValue",
+      "parent": {
+        "fileName": "src/components/Textarea/Textarea.tsx",
+        "name": "TextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Textarea/Textarea.tsx",
+          "name": "TextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "maxCharacters": {
+      "defaultValue": null,
+      "description": "max character limit in textarea",
+      "name": "maxCharacters",
+      "parent": {
+        "fileName": "src/components/Textarea/Textarea.tsx",
+        "name": "TextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Textarea/Textarea.tsx",
+          "name": "TextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "number"
+      }
+    },
+    "maxText": {
+      "defaultValue": null,
+      "description": "The text is displayed in the end of the text-counter",
+      "name": "maxText",
+      "parent": {
+        "fileName": "src/components/Textarea/Textarea.tsx",
+        "name": "TextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Textarea/Textarea.tsx",
+          "name": "TextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/Textarea/Textarea.tsx",
+        "name": "TextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Textarea/Textarea.tsx",
+          "name": "TextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "marginBottom": {
+      "defaultValue": null,
+      "description": "If true, the component will have a bottom margin.",
+      "name": "marginBottom",
+      "parent": {
+        "fileName": "src/components/Textarea/Textarea.tsx",
+        "name": "TextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Textarea/Textarea.tsx",
+          "name": "TextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "transparent": {
+      "defaultValue": null,
+      "description": "If true, the component will be transparent.",
+      "name": "transparent",
+      "parent": {
+        "fileName": "src/components/Textarea/Textarea.tsx",
+        "name": "TextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Textarea/Textarea.tsx",
+          "name": "TextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "mode": {
+      "defaultValue": null,
+      "description": "Changes the visuals of the textarea",
+      "name": "mode",
+      "parent": {
+        "fileName": "src/components/Textarea/Textarea.tsx",
+        "name": "TextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Textarea/Textarea.tsx",
+          "name": "TextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"onwhite\" | \"ongrey\" | \"onblueberry\" | \"ondark\" | \"oninvalid\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"onwhite\""
+          },
+          {
+            "value": "\"ongrey\""
+          },
+          {
+            "value": "\"onblueberry\""
+          },
+          {
+            "value": "\"ondark\""
+          },
+          {
+            "value": "\"oninvalid\""
+          }
+        ]
+      }
+    },
+    "label": {
+      "defaultValue": null,
+      "description": "Label of the input",
+      "name": "label",
+      "parent": {
+        "fileName": "src/components/Textarea/Textarea.tsx",
+        "name": "TextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Textarea/Textarea.tsx",
+          "name": "TextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "maxRows": {
+      "defaultValue": null,
+      "description": "max rows",
+      "name": "maxRows",
+      "parent": {
+        "fileName": "src/components/Textarea/Textarea.tsx",
+        "name": "TextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Textarea/Textarea.tsx",
+          "name": "TextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "number"
+      }
+    },
+    "minRows": {
+      "defaultValue": null,
+      "description": "min rows",
+      "name": "minRows",
+      "parent": {
+        "fileName": "src/components/Textarea/Textarea.tsx",
+        "name": "TextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Textarea/Textarea.tsx",
+          "name": "TextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "number"
+      }
+    },
+    "grow": {
+      "defaultValue": null,
+      "description": "auto-grows until maxRows",
+      "name": "grow",
+      "parent": {
+        "fileName": "src/components/Textarea/Textarea.tsx",
+        "name": "TextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Textarea/Textarea.tsx",
+          "name": "TextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "errorText": {
+      "defaultValue": null,
+      "description": "Error text to show above the component",
+      "name": "errorText",
+      "parent": {
+        "fileName": "src/components/Textarea/Textarea.tsx",
+        "name": "TextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Textarea/Textarea.tsx",
+          "name": "TextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "afterLabelChildren": {
+      "defaultValue": null,
+      "description": "Component shown after label",
+      "name": "afterLabelChildren",
+      "parent": {
+        "fileName": "src/components/Textarea/Textarea.tsx",
+        "name": "TextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Textarea/Textarea.tsx",
+          "name": "TextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "ReactNode"
+      }
+    },
+    "belowLabelChildren": {
+      "defaultValue": null,
+      "description": "Component shown under label",
+      "name": "belowLabelChildren",
+      "parent": {
+        "fileName": "src/components/Textarea/Textarea.tsx",
+        "name": "TextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Textarea/Textarea.tsx",
+          "name": "TextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "ReactNode"
+      }
+    },
+    "autoFocus": {
+      "defaultValue": null,
+      "description": "",
+      "name": "autoFocus",
+      "parent": {
+        "fileName": "designsystem/src/constants.ts",
+        "name": "HTMLTextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "designsystem/src/constants.ts",
+          "name": "HTMLTextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "disabled": {
+      "defaultValue": null,
+      "description": "",
+      "name": "disabled",
+      "parent": {
+        "fileName": "designsystem/src/constants.ts",
+        "name": "HTMLTextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "designsystem/src/constants.ts",
+          "name": "HTMLTextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "form": {
+      "defaultValue": null,
+      "description": "",
+      "name": "form",
+      "parent": {
+        "fileName": "designsystem/src/constants.ts",
+        "name": "HTMLTextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "designsystem/src/constants.ts",
+          "name": "HTMLTextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "formNoValidate": {
+      "defaultValue": null,
+      "description": "",
+      "name": "formNoValidate",
+      "parent": {
+        "fileName": "designsystem/src/constants.ts",
+        "name": "HTMLTextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "designsystem/src/constants.ts",
+          "name": "HTMLTextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "formTarget": {
+      "defaultValue": null,
+      "description": "",
+      "name": "formTarget",
+      "parent": {
+        "fileName": "designsystem/src/constants.ts",
+        "name": "HTMLTextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "designsystem/src/constants.ts",
+          "name": "HTMLTextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "name": {
+      "defaultValue": null,
+      "description": "",
+      "name": "name",
+      "parent": {
+        "fileName": "designsystem/src/constants.ts",
+        "name": "HTMLTextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "designsystem/src/constants.ts",
+          "name": "HTMLTextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "id": {
+      "defaultValue": null,
+      "description": "",
+      "name": "id",
+      "parent": {
+        "fileName": "designsystem/src/constants.ts",
+        "name": "HTMLTextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "designsystem/src/constants.ts",
+          "name": "HTMLTextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "autocomplete": {
+      "defaultValue": null,
+      "description": "",
+      "name": "autocomplete",
+      "parent": {
+        "fileName": "designsystem/src/constants.ts",
+        "name": "HTMLTextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "designsystem/src/constants.ts",
+          "name": "HTMLTextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"off\" | \"on\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"off\""
+          },
+          {
+            "value": "\"on\""
+          }
+        ]
+      }
+    },
+    "placeholder": {
+      "defaultValue": null,
+      "description": "",
+      "name": "placeholder",
+      "parent": {
+        "fileName": "designsystem/src/constants.ts",
+        "name": "HTMLTextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "designsystem/src/constants.ts",
+          "name": "HTMLTextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "readonly": {
+      "defaultValue": null,
+      "description": "",
+      "name": "readonly",
+      "parent": {
+        "fileName": "designsystem/src/constants.ts",
+        "name": "HTMLTextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "designsystem/src/constants.ts",
+          "name": "HTMLTextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "required": {
+      "defaultValue": null,
+      "description": "",
+      "name": "required",
+      "parent": {
+        "fileName": "designsystem/src/constants.ts",
+        "name": "HTMLTextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "designsystem/src/constants.ts",
+          "name": "HTMLTextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "spellcheck": {
+      "defaultValue": null,
+      "description": "",
+      "name": "spellcheck",
+      "parent": {
+        "fileName": "designsystem/src/constants.ts",
+        "name": "HTMLTextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "designsystem/src/constants.ts",
+          "name": "HTMLTextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"true\" | \"default\" | \"false\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"true\""
+          },
+          {
+            "value": "\"default\""
+          },
+          {
+            "value": "\"false\""
+          }
+        ]
+      }
+    },
+    "aria-invalid": {
+      "defaultValue": null,
+      "description": "",
+      "name": "aria-invalid",
+      "parent": {
+        "fileName": "designsystem/src/constants.ts",
+        "name": "HTMLTextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "designsystem/src/constants.ts",
+          "name": "HTMLTextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    }
+  }
+}

package/components/Textarea/index.d.ts

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

package/components/Textarea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,eAAe,QAAQ,CAAC"}

package/components/Textarea/index.js

@@ -0,0 +1,2 @@
+import{T as s}from"../../Textarea-05e33ba3.js";export{T as default}from"../../Textarea-05e33ba3.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-42547490.js";import"../../uuid-8870ab4b.js";
+//# sourceMappingURL=index.js.map

package/components/Textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/Textarea/styles.module.scss

@@ -0,0 +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(xs);
+    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;
+  }
+}

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

@@ -0,0 +1,26 @@
+export type Styles = {
+  'content-wrapper': string;
+  'content-wrapper__input': string;
+  'content-wrapper__input--disabled': string;
+  'content-wrapper--bigform': string;
+  'content-wrapper--disabled': string;
+  'content-wrapper--invalid': string;
+  'content-wrapper--on-blueberry': string;
+  'content-wrapper--on-dark': string;
+  'content-wrapper--transparent': string;
+  textarea: string;
+  'textarea__after-label-children': string;
+  'textarea__counter-wrapper': string;
+  'textarea__counter-wrapper--invalid': string;
+  'textarea__counter-wrapper--on-dark': string;
+  'textarea__error-text': string;
+  'textarea__label-wrapper': string;
+  'textarea__label-wrapper--on-dark': string;
+  'textarea--gutterBottom': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/Tile/index.d.ts

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

package/components/Tile/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tile/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tile/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,eAAe,IAAI,CAAC"}

package/components/Tile/index.js

@@ -1,2 +1,2 @@
-import{_ as e,a as t}from"../../_rollupPluginBabelHelpers-d0752906.js";import{_ as i}from"../../_tslib-51c8a283.js";import r,{useState as l}from"react";import{c as a}from"../../index-9b84fabc.js";import{a as o}from"../../constants-d919236e.js";import n from"./styles.module.scss";var s=r.forwardRef((function(e,i){var l,o=e.children,s=e.className,c=e.htmlMarkup,m=void 0===c?"span":c,d=e.highlighted,p=e.compact,f=a(n.tile__title,(t(l={},n["tile__title--highlighted"],d),t(l,n["tile__title--compact"],p),l),s),u=m;return r.createElement(u,{className:f,ref:i},o)})),c=r.forwardRef((function(s,c){var m,d=s.icon,p=s.title,f=s.className,u=void 0===f?"":f,h=s.description,g=s.fixed,_=void 0!==g&&g,v=s.highlighted,b=void 0!==v&&v,E=s.testId,N=i(s,["icon","title","className","description","fixed","highlighted","testId"]),j=l(!1),w=e(j,2),x=w[0],M=w[1],k=!h,B=a(n.tile,(t(m={},n["tile--fixed"],_),t(m,n["tile--compact"],k),t(m,n["tile--highlighted"],b),m),u),H=a(n["title-wrapper"],t({},n["title-wrapper--compact"],k));return r.createElement("a",Object.assign({ref:c,className:B,onMouseEnter:function(){return M(!0)},onMouseLeave:function(){return M(!1)},onFocus:function(){return M(!0)},onBlur:function(){return M(!1)},"data-testid":E,rel:"_blank"===s.target?"noopener noreferrer":s.rel},N),r.createElement("div",{className:H},r.cloneElement(d,{size:o.Medium,isHovered:x,color:b?"white":"black"}),r.cloneElement(p,{highlighted:b,compact:k})),h?r.createElement("p",{className:n.tile__description},h):null)}));c.Title=s;export default c;
+import{_ as e,a as t}from"../../_rollupPluginBabelHelpers-d0752906.js";import{_ as i}from"../../_tslib-51c8a283.js";import r,{useState as l}from"react";import{c as o}from"../../index-9b84fabc.js";import"../../Icon-04613a89.js";import{I as a}from"../../constants-42547490.js";import n from"./styles.module.scss";var s=r.forwardRef((function(e,i){var l,a=e.children,s=e.className,c=e.htmlMarkup,m=void 0===c?"span":c,d=e.highlighted,p=e.compact,f=o(n.tile__title,(t(l={},n["tile__title--highlighted"],d),t(l,n["tile__title--compact"],p),l),s),u=m;return r.createElement(u,{className:f,ref:i},a)})),c=r.forwardRef((function(s,c){var m,d=s.icon,p=s.title,f=s.className,u=void 0===f?"":f,h=s.description,g=s.fixed,_=void 0!==g&&g,v=s.highlighted,b=void 0!==v&&v,E=s.testId,N=i(s,["icon","title","className","description","fixed","highlighted","testId"]),j=l(!1),x=e(j,2),w=x[0],I=x[1],M=!h,k=o(n.tile,(t(m={},n["tile--fixed"],_),t(m,n["tile--compact"],M),t(m,n["tile--highlighted"],b),m),u),B=o(n["title-wrapper"],t({},n["title-wrapper--compact"],M));return r.createElement("a",Object.assign({ref:c,className:k,onMouseEnter:function(){return I(!0)},onMouseLeave:function(){return I(!1)},onFocus:function(){return I(!0)},onBlur:function(){return I(!1)},"data-testid":E,rel:"_blank"===s.target?"noopener noreferrer":s.rel},N),r.createElement("div",{className:B},r.cloneElement(d,{size:a.Medium,isHovered:w,color:b?"white":"black"}),r.cloneElement(p,{highlighted:b,compact:M})),h?r.createElement("p",{className:n.tile__description},h):null)}));c.Title=s;export default c;export{c as Tile};
 //# sourceMappingURL=index.js.map

package/components/Title/index.d.ts

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