@navikt/ds-css 0.18.13 → 0.18.14

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.
Files changed (6) hide show
  1. package/dist/index.css +18 -29
  2. package/form/form.css +15 -7
  3. package/form/select.css +0 -7
  4. package/form/text-field.css +4 -10
  5. package/form/textarea.css +0 -7
  6. package/package.json +2 -2
package/form/form.css CHANGED
@@ -1,12 +1,11 @@
1
- .navds-form-field > :not(:first-child):not(:empty),
2
- .navds-form-field > input:not(:first-child) {
3
- margin-top: var(--navds-spacing-2);
1
+ .navds-form-field {
2
+ display: grid;
3
+ justify-items: start;
4
+ gap: var(--navds-spacing-2);
4
5
  }
5
6
 
6
- /* Applied when hideLabel is applied to form-element */
7
- .navds-form-field > .navds-sr-only + :not(:first-child):not(:empty),
8
- .navds-form-field > .navds-sr-only + input:not(:first-child) {
9
- margin-top: 0;
7
+ .navds-form-field__description {
8
+ margin-top: -4px;
10
9
  }
11
10
 
12
11
  .navds-form-field .navds-error-message,
@@ -19,3 +18,12 @@
19
18
  .navds-fieldset .navds-error-message::before {
20
19
  content: "•";
21
20
  }
21
+
22
+ .navds-form-field--disabled {
23
+ opacity: 0.3;
24
+ cursor: not-allowed;
25
+ }
26
+
27
+ .navds-form-field__error:empty {
28
+ display: none;
29
+ }
package/form/select.css CHANGED
@@ -70,13 +70,6 @@
70
70
  border-color: var(--navds-select-color-border-error);
71
71
  }
72
72
 
73
- /*
74
- Disabled handling
75
- */
76
- .navds-select--disabled {
77
- opacity: 0.3;
78
- }
79
-
80
73
  .navds-select__input:disabled {
81
74
  background-color: var(--navds-select-color-background);
82
75
  border-color: var(--navds-select-color-border);
package/form/text-field.css CHANGED
@@ -45,6 +45,10 @@
45
45
  color: var(--navds-text-field-color-text);
46
46
  }
47
47
 
48
+ .navds-text-field__input[size] {
49
+ width: auto;
50
+ }
51
+
48
52
  .navds-text-field__input::placeholder {
49
53
  color: var(--navds-text-field-color-placeholder-text);
50
54
  }
@@ -54,10 +58,6 @@
54
58
  min-height: 32px;
55
59
  }
56
60
 
57
- .navds-form-field--small > .navds-text-field__description:not(:empty) {
58
- margin-top: var(--navds-spacing-1);
59
- }
60
-
61
61
  .navds-text-field__input:hover {
62
62
  border-color: var(--navds-text-field-color-border-hover);
63
63
  }
@@ -87,7 +87,6 @@
87
87
  border-color: var(--navds-text-field-color-border);
88
88
  box-shadow: none;
89
89
  cursor: not-allowed;
90
- opacity: 0.3;
91
90
  }
92
91
 
93
92
  .navds-text-field__input[readonly] {
@@ -97,11 +96,6 @@
97
96
  cursor: not-allowed;
98
97
  }
99
98
 
100
- .navds-text-field--disabled > .navds-text-field__label,
101
- .navds-text-field--disabled > .navds-text-field__description {
102
- opacity: 0.3;
103
- }
104
-
105
99
  /**
106
100
  * Removes default search icon
107
101
  */
package/form/textarea.css CHANGED
@@ -89,13 +89,6 @@
89
89
  border-color: var(--navds-textarea-color-border-error);
90
90
  }
91
91
 
92
- /*
93
- Disabled handling
94
- */
95
- .navds-textarea--disabled {
96
- opacity: 0.3;
97
- }
98
-
99
92
  .navds-textarea__input:disabled {
100
93
  background-color: var(--navds-textarea-color-background);
101
94
  border-color: var(--navds-textarea-color-border);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-css",
3
- "version": "0.18.13",
3
+ "version": "0.18.14",
4
4
  "description": "Css for NAV Designsystem components",
5
5
  "author": "NAV Designsystem team",
6
6
  "keywords": [
@@ -27,5 +27,5 @@
27
27
  "postcss-combine-duplicated-selectors": "10.0.3",
28
28
  "postcss-import": "^14.0.2"
29
29
  },
30
- "gitHead": "e6dfbb7a4f5a58c630a913da16af4b1c0add129a"
30
+ "gitHead": "92febc6e0c7831e9362395a5935490a622506bf3"
31
31
  }