@navikt/ds-css 0.12.9 → 0.12.12

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 (7) hide show
  1. package/button.css +17 -2
  2. package/dist/index.css +31 -32
  3. package/form/fieldset.css +1 -1
  4. package/form/form.css +2 -2
  5. package/form/text-field.css +9 -2
  6. package/loader.css +0 -23
  7. package/package.json +2 -2
package/form/fieldset.css CHANGED
@@ -14,7 +14,7 @@
14
14
  }
15
15
 
16
16
  /* Applied when hideLegend is applied to fieldset */
17
- .navds-fieldset > .sr-only + :not(:first-child):not(:empty) {
17
+ .navds-fieldset > .navds-sr-only + :not(:first-child):not(:empty) {
18
18
  margin-top: 0;
19
19
  }
20
20
 
package/form/form.css CHANGED
@@ -4,7 +4,7 @@
4
4
  }
5
5
 
6
6
  /* Applied when hideLabel is applied to form-element */
7
- .navds-form-field > .sr-only + :not(:first-child):not(:empty),
8
- .navds-form-field > .sr-only + input:not(:first-child) {
7
+ .navds-form-field > .navds-sr-only + :not(:first-child):not(:empty),
8
+ .navds-form-field > .navds-sr-only + input:not(:first-child) {
9
9
  margin-top: 0;
10
10
  }
package/form/text-field.css CHANGED
@@ -24,13 +24,13 @@
24
24
  padding: 0.5rem;
25
25
  background-color: var(--navds-text-field-color-background);
26
26
  border-radius: 4px;
27
- border: 2px solid var(--navds-text-field-color-border);
27
+ border: 1px solid var(--navds-text-field-color-border);
28
28
  min-height: 48px;
29
29
  width: 100%;
30
30
  }
31
31
 
32
32
  .navds-form-field--small > .navds-text-field__input {
33
- padding: 0 0.15rem;
33
+ padding: 0 0.25rem;
34
34
  min-height: 32px;
35
35
  }
36
36
 
@@ -52,6 +52,13 @@
52
52
  */
53
53
  .navds-text-field--error > .navds-text-field__input:not(:hover):not(:disabled) {
54
54
  border-color: var(--navds-text-field-color-border-error);
55
+ box-shadow: 0 0 0 1px var(--navds-text-field-color-border-error);
56
+ }
57
+
58
+ .navds-text-field--error
59
+ > .navds-text-field__input:focus:not(:hover):not(:disabled) {
60
+ box-shadow: 0 0 0 1px var(--navds-text-field-color-border-error),
61
+ var(--navds-shadow-focus);
55
62
  }
56
63
 
57
64
  /* Disabled handling */
package/loader.css CHANGED
@@ -12,8 +12,6 @@
12
12
  );
13
13
  --navds-loader-color-inverted-background: rgba(255, 255, 255, 0.3);
14
14
  --navds-loader-color-transparent-background: transparent;
15
- --navds-loader-color-on-button-background: rgba(255, 255, 255, 0.3);
16
- --navds-loader-color-on-button-foreground: currentColor;
17
15
  }
18
16
 
19
17
  .navds-loader {
@@ -78,27 +76,6 @@
78
76
  width: 1rem;
79
77
  }
80
78
 
81
- /*
82
- * Button spesific styling
83
- */
84
-
85
- .navds-button .navds-loader .navds-loader__foreground {
86
- stroke: var(--navds-loader-color-on-button-foreground);
87
- }
88
-
89
- .navds-button:hover .navds-loader .navds-loader__background {
90
- stroke: var(--navds-loader-color-on-button-background);
91
- }
92
-
93
- .navds-button:active .navds-loader .navds-loader__background {
94
- stroke: var(--navds-loader-color-on-button-background);
95
- }
96
-
97
- .navds-button--primary .navds-loader .navds-loader__background,
98
- .navds-button--danger .navds-loader .navds-loader__background {
99
- stroke: var(--navds-loader-color-on-button-background);
100
- }
101
-
102
79
  @keyframes loader-rotate {
103
80
  100% {
104
81
  transform: rotate(360deg);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-css",
3
- "version": "0.12.9",
3
+ "version": "0.12.12",
4
4
  "private": false,
5
5
  "description": "Css for NAV Designsystem components",
6
6
  "author": "NAV Designsystem team",
@@ -27,5 +27,5 @@
27
27
  "postcss-cli": "^8.3.1",
28
28
  "postcss-import": "^14.0.2"
29
29
  },
30
- "gitHead": "d9359d1a862061125816b15efa464a8da14639cb"
30
+ "gitHead": "474ea81bbdeb5d5f07f382f0c663757f30e21672"
31
31
  }