@navikt/ds-css 4.1.6 → 4.1.7

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 (15) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/component/helptext.css +1 -1
  3. package/dist/component/helptext.min.css +1 -1
  4. package/dist/component/index.css +5 -2
  5. package/dist/component/index.min.css +1 -1
  6. package/dist/component/timeline.css +4 -0
  7. package/dist/component/timeline.min.css +1 -1
  8. package/dist/components.css +4 -1
  9. package/dist/components.min.css +1 -1
  10. package/dist/global/tokens.css +1 -1
  11. package/dist/index.css +5 -2
  12. package/dist/index.min.css +1 -1
  13. package/help-text.css +1 -1
  14. package/package.json +2 -2
  15. package/timeline.css +4 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @navikt/ds-css
2
2
 
3
+ ## 4.1.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [`42b5af64a`](https://github.com/navikt/aksel/commit/42b5af64ab35d0f2d126d41f8fc3e61fe2834b36) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Fikset jsdom-problemer ved rendring av Timeline
8
+
3
9
  ## 4.1.6
4
10
 
5
11
  ## 4.1.5
package/dist/component/helptext.css CHANGED
@@ -33,7 +33,7 @@
33
33
 
34
34
  .navds-help-text__popover.navds-popover {
35
35
  background-color: var(--ac-help-text-popover-bg, var(--a-surface-info-subtle));
36
- max-width: 65ch;
36
+ max-width: min(65ch, 90vw);
37
37
 
38
38
  --ac-popover-border: var(--a-border-info);
39
39
  }
package/dist/component/helptext.min.css CHANGED
@@ -1 +1 @@
1
- .navds-help-text__button{align-items:center;background-color:transparent;border:0;border-radius:var(--a-border-radius-full);color:var(--ac-help-text-button-color,var(--a-surface-action));cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;margin:0;padding:0}.navds-help-text__button:focus-visible{box-shadow:0 0 0 1px var(--a-surface-default),0 0 0 4px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-help-text__button:focus{box-shadow:0 0 0 1px var(--a-surface-default),0 0 0 4px var(--a-border-focus);outline:none}}.navds-help-text__icon{border-radius:var(--a-border-radius-full)}.navds-help-text__popover.navds-popover,.navds-help-text__popover>.navds-popover__arrow{background-color:var(--ac-help-text-popover-bg,var(--a-surface-info-subtle))}.navds-help-text__popover.navds-popover{--ac-popover-border:var(--a-border-info);max-width:65ch}.navds-help-text__icon--filled{display:none}.navds-help-text__button:where(:hover,:focus-visible,[aria-expanded=true])>.navds-help-text__icon{display:none}.navds-help-text__button:where(:hover,:focus-visible,[aria-expanded=true])>.navds-help-text__icon--filled{display:inherit}@supports not selector(:focus-visible){.navds-help-text__button:where(:focus)>.navds-help-text__icon{display:none}.navds-help-text__button:where(:focus)>.navds-help-text__icon--filled{display:inherit}}
1
+ .navds-help-text__button{align-items:center;background-color:transparent;border:0;border-radius:var(--a-border-radius-full);color:var(--ac-help-text-button-color,var(--a-surface-action));cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;margin:0;padding:0}.navds-help-text__button:focus-visible{box-shadow:0 0 0 1px var(--a-surface-default),0 0 0 4px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-help-text__button:focus{box-shadow:0 0 0 1px var(--a-surface-default),0 0 0 4px var(--a-border-focus);outline:none}}.navds-help-text__icon{border-radius:var(--a-border-radius-full)}.navds-help-text__popover.navds-popover,.navds-help-text__popover>.navds-popover__arrow{background-color:var(--ac-help-text-popover-bg,var(--a-surface-info-subtle))}.navds-help-text__popover.navds-popover{--ac-popover-border:var(--a-border-info);max-width:min(65ch,90vw)}.navds-help-text__icon--filled{display:none}.navds-help-text__button:where(:hover,:focus-visible,[aria-expanded=true])>.navds-help-text__icon{display:none}.navds-help-text__button:where(:hover,:focus-visible,[aria-expanded=true])>.navds-help-text__icon--filled{display:inherit}@supports not selector(:focus-visible){.navds-help-text__button:where(:focus)>.navds-help-text__icon{display:none}.navds-help-text__button:where(:focus)>.navds-help-text__icon--filled{display:inherit}}
package/dist/component/index.css CHANGED
@@ -1,7 +1,7 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Thu, 15 Jun 2023 14:41:04 GMT
4
+ * Generated on Mon, 19 Jun 2023 11:05:07 GMT
5
5
  */
6
6
  :root, :host {
7
7
  --a-spacing-05: 0.125rem;
@@ -3219,7 +3219,7 @@ body,
3219
3219
  }
3220
3220
  .navds-help-text__popover.navds-popover {
3221
3221
  background-color: var(--ac-help-text-popover-bg, var(--a-surface-info-subtle));
3222
- max-width: 65ch;
3222
+ max-width: min(65ch, 90vw);
3223
3223
 
3224
3224
  --ac-popover-border: var(--a-border-info);
3225
3225
  }
@@ -4046,6 +4046,9 @@ button.navds-internalheader__title:active,
4046
4046
  .navds-timeline__row-periods > li {
4047
4047
  list-style-type: none;
4048
4048
  }
4049
+ .navds-timeline__row-periods:focus {
4050
+ outline: none;
4051
+ }
4049
4052
  .navds-timeline__period {
4050
4053
  height: 100%;
4051
4054
  border-radius: var(--a-border-radius-full);