@helsenorge/designsystem-react 1.0.0-beta.7 → 1.0.0-beta101

package/components/Textarea/componentdata.json

@@ -0,0 +1,584 @@
+{
+  "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"
+      }
+    },
+    "textareaId": {
+      "defaultValue": null,
+      "description": "id of the textarea",
+      "name": "textareaId",
+      "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-e48685fc.js";export{T as default}from"../../Textarea-e48685fc.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-ad6c82db.js";import"../../uuid-fe7442b7.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(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;
+  }
+}

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;