@internetstiftelsen/styleguide 4.1.9 → 4.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -197,7 +197,7 @@ function setupTextArea(el) {
197
197
  editorEl.className = el.className;
198
198
  editorEl.classList.add((0, _className2.default)('a-textarea--rich-text'));
199
199
 
200
- el.style.display = 'none';
200
+ el.classList.add((0, _className2.default)('a-textarea--hidden'));
201
201
  el.editor = editor;
202
202
 
203
203
  el.parentNode.insertBefore(editorEl, el);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@internetstiftelsen/styleguide",
3
- "version": "4.1.9",
3
+ "version": "4.1.10",
4
4
  "main": "dist/components.js",
5
5
  "ports": {
6
6
  "fractal": "3000"
@@ -19,6 +19,16 @@
19
19
  @extend %discreet;
20
20
  }
21
21
 
22
+ @include m(hidden) {
23
+ @include visuallyhidden;
24
+
25
+ // Usually in a field-group and we want validation messages at the top
26
+ top: 0;
27
+ min-height: 0;
28
+ min-width: 0;
29
+ padding: 0;
30
+ }
31
+
22
32
  @include m(rich-text) {
23
33
  min-height: auto;
24
34
 
@@ -180,7 +180,7 @@ export function setupTextArea(el, onChange = () => {}) {
180
180
  editorEl.className = el.className;
181
181
  editorEl.classList.add(className('a-textarea--rich-text'));
182
182
 
183
- el.style.display = 'none';
183
+ el.classList.add(className('a-textarea--hidden'));
184
184
  el.editor = editor;
185
185
 
186
186
  el.parentNode.insertBefore(editorEl, el);