@madgex/design-system 1.55.0 → 1.56.0

package/src/components/textarea/_macro.njk

@@ -1,3 +0,0 @@
-{% macro MdsTextArea(params) %}
-    {%- include "./_template.njk" -%}
-{% endmacro %}

package/src/components/textarea/_template.njk

@@ -1,41 +0,0 @@
-<div data-test="textarea">
-    <label class="mds-display-block mds-input__label mds-font-long-primer mds-margin-bottom-b1" for="{{ params.id }}">
-      {{ params.labelText }}
-      {% if params.required %}
-        <span>*</span>
-      {% endif %}
-    </label>
-    {% if params.labelHint %}
-      <span
-        class="mds-display-block mds-input__label--hint mds-font-long-primer mds-margin-bottom-b1"
-        id="{{ params.id }}-hint"
-      >
-        {{ params.labelHint }}
-      </span>
-    {% endif %}
-    <textarea
-      class="mds-textarea mds-border mds-border-radius"
-      name="{{ params.name }}"
-      id="{{ params.id }}"
-      cols="{{ params.cols | default(30) }}"
-      rows="{{ params.rows | default(10) }}"
-      {% if params.labelHint or params.validationMessage %}
-        aria-describedby="{% if params.labelHint %}{{ params.id }}-hint {% endif %}{% if params.validationMessage %}{{ params.id }}-validation-message{% endif %}"
-      {% endif %}
-      {% if params.disabled %}
-        disabled="disabled"
-      {% endif %}
-      {% if params.required %}
-        required="required"
-      {% endif %}
-    ></textarea>
-    {% if params.validationMessage %}
-      <span
-        aria-live="polite"
-        id="{{ params.id }}-validation-message"
-        class="mds-input__validation-message mds-font-brevier"
-      >
-        {{ params.validationMessage }}
-      </span>
-    {% endif %}
-  </div>

package/src/components/textarea/textarea.config.js

@@ -1,31 +0,0 @@
-module.exports = {
-  title: 'Text Area',
-  status: 'prototype',
-  context: {
-    labelText: 'Text area',
-    name: 'Example text area',
-    id: 'exampleTextArea',
-  },
-  variants: [
-    {
-      name: 'With label hint',
-      context: {
-        labelText: 'Hint input',
-        name: 'Hint input',
-        id: 'hintInput',
-        type: 'text',
-        labelHint: 'This is a text area',
-      },
-    },
-    {
-      name: 'With validation message',
-      context: {
-        labelText: 'Validated input',
-        name: 'Validated input',
-        id: 'validatedInput',
-        type: 'text',
-        validationMessage: '100 characters remaining',
-      },
-    },
-  ],
-};

package/src/components/textarea/textarea.njk

@@ -1,11 +0,0 @@
-{% from "./textarea/_macro.njk" import MdsTextArea %}
-
-{{ MdsTextArea({
-  labelText: labelText,
-  labelHint: labelHint,
-  name: name,
-  id: id,
-  required: required,
-  disabled: disabled,
-  validationMessage: validationMessage
-}) }}

package/src/components/textarea/textarea.scss

@@ -1,7 +0,0 @@
-.mds-textarea {
-  resize: none;
-  width: 100%;
-  background-color: $mds-color-neutral-lightest;
-  margin: $mds-size-baseline 0;
-  padding: $mds-size-baseline * 2;
-}