@navikt/ds-css 4.2.0 → 4.4.0

package/dist/index.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /**
  * Do not edit directly
- * Generated on Wed, 21 Jun 2023 10:02:14 GMT
+ * Generated on Thu, 22 Jun 2023 13:26:32 GMT
  */
 :root, :host {
   --a-spacing-05: 0.125rem;
@@ -24,11 +24,11 @@
   --a-spacing-2: 0.5rem;
   --a-spacing-1: 0.25rem;
   --a-spacing-0: 0;
-  --a-shadow-xlarge: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 25px 50px -5px rgba(0, 0, 0, 0.1);
-  --a-shadow-large: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
-  --a-shadow-medium: 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
-  --a-shadow-small: 0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
-  --a-shadow-xsmall: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
+  --a-shadow-xlarge: 0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 24px 0px rgba(0, 0, 0, 0.18), 0px 0px 1px 0px rgba(0, 0, 0, 0.08);
+  --a-shadow-large: 0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 16px 0px rgba(0, 0, 0, 0.12), 0px 0px 1px 0px rgba(0, 0, 0, 0.12);
+  --a-shadow-medium: 0px 5px 12px 0px rgba(0, 0, 0, 0.13), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.15);
+  --a-shadow-small: 0px 3px 8px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.18);
+  --a-shadow-xsmall: 0px 1px 3px 0px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.20);
   --a-purple-900: rgba(31, 20, 47, 1);
   --a-purple-800: rgba(48, 31, 70, 1);
   --a-purple-700: rgba(65, 43, 93, 1);
@@ -2187,7 +2187,7 @@ body,
 .navds-expansioncard__title--large {
   margin-top: var(--a-spacing-1);
 }
-.navds-expansioncard--small :where(.navds-expansioncard__title--small) {
+.navds-expansioncard--small > :where(.navds-expansioncard__header) :where(.navds-expansioncard__title--small) {
   margin-top: var(--a-spacing-05);
 }
 .navds-expansioncard--small :where(.navds-expansioncard__title--medium, .navds-expansioncard__title--large) {
@@ -2219,7 +2219,7 @@ body,
 .navds-expansioncard__header-chevron {
   transition: transform 150ms ease-in-out;
 }
-.navds-expansioncard--open :where(.navds-expansioncard__header-chevron) {
+.navds-expansioncard--open > :where(.navds-expansioncard__header) :where(.navds-expansioncard__header-chevron) {
   transform: translateY(0) rotate(180deg);
 }
 .navds-expansioncard__header-button:hover > :where(.navds-expansioncard__header-chevron) {
@@ -2235,7 +2235,10 @@ body,
     box-shadow: var(--a-shadow-focus);
   }
 }
-.navds-expansioncard--open :where(.navds-expansioncard__header-button):hover :where(.navds-expansioncard__header-chevron) {
+.navds-expansioncard--open
+  > :where(.navds-expansioncard__header)
+  > :where(.navds-expansioncard__header-button):hover
+  :where(.navds-expansioncard__header-chevron) {
   transform: translateY(-1px) rotate(180deg);
 }
 .navds-expansioncard__header-button::after {
@@ -3231,7 +3234,7 @@ body,
 }
 .navds-help-text__popover.navds-popover {
   background-color: var(--ac-help-text-popover-bg, var(--a-surface-info-subtle));
-  max-width: min(65ch, 90vw);
+  max-width: min(65ch, calc(100vw - 1.5rem));
 
   --ac-popover-border: var(--a-border-info);
 }
@@ -3477,6 +3480,7 @@ button.navds-internalheader__title:active,
   position: relative;
   overflow: auto;
   max-height: 100%;
+  box-shadow: var(--a-shadow-xlarge);
 }
 .navds-modal__content {
   padding: var(--a-spacing-4);
@@ -3587,6 +3591,7 @@ button.navds-internalheader__title:active,
   border: 1px solid;
   border-color: var(--ac-popover-border, var(--a-border-default));
   border-radius: var(--a-border-radius-medium);
+  max-width: calc(100vw - var(--a-spacing-6));
 }
 .navds-popover__content {
   padding: var(--a-spacing-4);
@@ -3867,6 +3872,9 @@ button.navds-internalheader__title:active,
   visibility: hidden;
   pointer-events: none;
 }
+.navds-date__popover:where(.navds-popover) {
+  border: none;
+}
 .navds-tag {
   border: 1px solid;
   border-radius: var(--a-border-radius-small);
@@ -4512,7 +4520,7 @@ button.navds-internalheader__title:active,
   color: var(--ac-link-panel-hover-text, var(--a-text-action));
 }
 .navds-link-panel:hover {
-  box-shadow: var(--a-shadow-medium);
+  box-shadow: var(--a-shadow-small);
   border-color: var(--ac-link-panel-hover-border, var(--a-border-action));
 }
 .navds-link-panel:focus-visible {