npm - @navikt/ds-css - Versions diffs - 7.14.3 → 7.16.0 - Mend

@navikt/ds-css 7.14.3 → 7.16.0

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 (257) hide show

package/dist/darkside/version/{7.14.3 → 7.16.0}/component/typography.css RENAMED Viewed

@@ -1,85 +1,85 @@
 @layer aksel.components {
-  .navds-heading {
+  .aksel-heading {
     font-weight: var(--ax-font-weight-bold);
     margin: 0;
   }
-  .navds-heading--xlarge {
+  .aksel-heading--xlarge {
     font-size: var(--ax-font-size-heading-2xlarge);
     letter-spacing: -.01em;
     line-height: var(--ax-font-line-height-heading-2xlarge);
     font-weight: 650;
   }
-  .navds-heading--xlarge.navds-typo--spacing {
+  .aksel-heading--xlarge.aksel-typo--spacing {
     margin-bottom: var(--ax-space-20);
   }
-  .navds-heading--large {
+  .aksel-heading--large {
     font-size: var(--ax-font-size-heading-xlarge);
     letter-spacing: -.008em;
     line-height: var(--ax-font-line-height-heading-xlarge);
     font-weight: 650;
   }
-  .navds-heading--large.navds-typo--spacing {
+  .aksel-heading--large.aksel-typo--spacing {
     margin-bottom: var(--ax-space-16);
   }
   @media (max-width: 480px) {
-    .navds-heading--xlarge {
+    .aksel-heading--xlarge {
       font-size: var(--ax-font-size-heading-xlarge);
       letter-spacing: -.008em;
       line-height: var(--ax-font-line-height-heading-xlarge);
     }
-    .navds-heading--xlarge.navds-typo--spacing {
+    .aksel-heading--xlarge.aksel-typo--spacing {
       margin-bottom: var(--ax-space-16);
     }
-    .navds-heading--large {
+    .aksel-heading--large {
       font-size: var(--ax-font-size-heading-large);
       letter-spacing: -.004em;
       line-height: var(--ax-font-line-height-heading-large);
     }
-    .navds-heading--large.navds-typo--spacing {
+    .aksel-heading--large.aksel-typo--spacing {
       margin-bottom: var(--ax-space-12);
     }
   }
-  .navds-heading--medium {
+  .aksel-heading--medium {
     font-size: var(--ax-font-size-heading-medium);
     letter-spacing: -.002em;
     line-height: var(--ax-font-line-height-heading-medium);
     font-weight: 650;
   }
-  .navds-heading--medium.navds-typo--spacing {
+  .aksel-heading--medium.aksel-typo--spacing {
     margin-bottom: var(--ax-space-12);
   }
-  .navds-heading--small {
+  .aksel-heading--small {
     font-size: var(--ax-font-size-heading-small);
     letter-spacing: -.001em;
     line-height: var(--ax-font-line-height-heading-small);
   }
-  .navds-heading--small.navds-typo--spacing {
+  .aksel-heading--small.aksel-typo--spacing {
     margin-bottom: var(--ax-space-12);
   }
-  .navds-heading--xsmall {
+  .aksel-heading--xsmall {
     font-size: var(--ax-font-size-heading-xsmall);
     letter-spacing: -.001em;
     line-height: var(--ax-font-line-height-heading-xsmall);
   }
-  .navds-heading--xsmall.navds-typo--spacing {
+  .aksel-heading--xsmall.aksel-typo--spacing {
     margin-bottom: var(--ax-space-12);
   }
-  .navds-ingress {
+  .aksel-ingress {
     font-size: var(--ax-font-size-xlarge);
     font-weight: var(--ax-font-weight-regular);
     letter-spacing: -.001em;
@@ -87,11 +87,11 @@
     margin: 0;
   }
-  .navds-ingress.navds-typo--spacing {
+  .aksel-ingress.aksel-typo--spacing {
     margin-bottom: var(--ax-space-40);
   }
-  .navds-body-long {
+  .aksel-body-long {
     font-size: var(--ax-font-size-large);
     font-weight: var(--ax-font-weight-regular);
     letter-spacing: 0;
@@ -99,31 +99,31 @@
     margin: 0;
   }
-  .navds-body-long.navds-typo--spacing {
+  .aksel-body-long.aksel-typo--spacing {
     margin-bottom: var(--ax-space-28);
   }
-  .navds-body-long--large {
+  .aksel-body-long--large {
     font-size: var(--ax-font-size-xlarge);
     letter-spacing: -.0013em;
     line-height: var(--ax-font-line-height-xlarge);
   }
-  .navds-body-long--large.navds-typo--spacing {
+  .aksel-body-long--large.aksel-typo--spacing {
     margin-bottom: var(--ax-space-40);
   }
-  .navds-body-long--small {
+  .aksel-body-long--small {
     font-size: var(--ax-font-size-medium);
     letter-spacing: .002em;
     line-height: var(--ax-font-line-height-large);
   }
-  .navds-body-long--small.navds-typo--spacing {
+  .aksel-body-long--small.aksel-typo--spacing {
     margin-bottom: var(--ax-space-24);
   }
-  .navds-body-short {
+  .aksel-body-short {
     font-size: var(--ax-font-size-large);
     font-weight: var(--ax-font-weight-regular);
     letter-spacing: 0;
@@ -131,31 +131,31 @@
     margin: 0;
   }
-  .navds-body-short.navds-typo--spacing {
+  .aksel-body-short.aksel-typo--spacing {
     margin-bottom: var(--ax-space-12);
   }
-  .navds-body-short--large {
+  .aksel-body-short--large {
     font-size: var(--ax-font-size-xlarge);
     letter-spacing: -.0013em;
     line-height: var(--ax-font-line-height-large);
   }
-  .navds-body-short--large.navds-typo--spacing {
+  .aksel-body-short--large.aksel-typo--spacing {
     margin-bottom: var(--ax-space-16);
   }
-  .navds-body-short--small {
+  .aksel-body-short--small {
     font-size: var(--ax-font-size-medium);
     letter-spacing: .002em;
     line-height: var(--ax-font-line-height-medium);
   }
-  .navds-body-short--small.navds-typo--spacing {
+  .aksel-body-short--small.aksel-typo--spacing {
     margin-bottom: var(--ax-space-8);
   }
-  .navds-label {
+  .aksel-label {
     font-size: var(--ax-font-size-large);
     font-weight: var(--ax-font-weight-bold);
     letter-spacing: 0;
@@ -163,82 +163,82 @@
     margin: 0;
   }
-  .navds-label.navds-typo--spacing {
+  .aksel-label.aksel-typo--spacing {
     margin-bottom: var(--ax-space-12);
   }
-  .navds-label--small {
+  .aksel-label--small {
     font-size: var(--ax-font-size-medium);
     letter-spacing: .002em;
     line-height: var(--ax-font-line-height-medium);
   }
-  .navds-label--small.navds-typo--spacing {
+  .aksel-label--small.aksel-typo--spacing {
     margin-bottom: var(--ax-space-8);
   }
-  .navds-detail {
+  .aksel-detail {
     font-size: var(--ax-font-size-small);
     letter-spacing: .004em;
     line-height: var(--ax-font-line-height-medium);
     margin: 0;
   }
-  .navds-detail.navds-typo--spacing {
+  .aksel-detail.aksel-typo--spacing {
     margin-bottom: var(--ax-space-8);
   }
-  .navds-detail.navds-typo--uppercase {
+  .aksel-detail.aksel-typo--uppercase {
     text-transform: uppercase;
   }
-  .navds-detail--small {
+  .aksel-detail--small {
     font-weight: var(--ax-font-weight-regular);
   }
-  .navds-detail--small.navds-typo--spacing {
+  .aksel-detail--small.aksel-typo--spacing {
     margin-bottom: var(--ax-space-8);
   }
-  .navds-error-message {
+  .aksel-error-message {
     color: var(--ax-text-danger-subtle);
   }
-  .navds-error-message.navds-error-message--show-icon {
+  .aksel-error-message.aksel-error-message--show-icon {
     gap: var(--ax-space-4);
     display: flex;
   }
-  .navds-error-message.navds-error-message--show-icon svg {
+  .aksel-error-message.aksel-error-message--show-icon svg {
     flex: none;
     width: 1em;
     height: 1em;
     margin-top: .15em;
   }
-  .navds-typo--truncate {
+  .aksel-typo--truncate {
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
   }
-  .navds-typo--semibold {
+  .aksel-typo--semibold {
     font-weight: var(--ax-font-weight-bold);
   }
-  .navds-typo--align-start {
+  .aksel-typo--align-start {
     text-align: start;
   }
-  .navds-typo--align-center {
+  .aksel-typo--align-center {
     text-align: center;
   }
-  .navds-typo--align-end {
+  .aksel-typo--align-end {
     text-align: end;
   }
-  .navds-typo--visually-hidden {
+  .aksel-typo--visually-hidden {
     clip: rect(0, 0, 0, 0) !important;
     white-space: nowrap !important;
     border: 0 !important;
@@ -251,7 +251,7 @@
     overflow: hidden !important;
   }
-  .navds-typo--color-subtle {
+  .aksel-typo--color-subtle {
     color: var(--ax-text-neutral-subtle);
   }
 }

package/dist/darkside/version/7.16.0/component/typography.min.css ADDED Viewed

@@ -0,0 +1 @@

+ @layer aksel.components{.aksel-heading{font-weight:var(--ax-font-weight-bold);margin:0}.aksel-heading--xlarge{font-size:var(--ax-font-size-heading-2xlarge);letter-spacing:-.01em;line-height:var(--ax-font-line-height-heading-2xlarge);font-weight:650}.aksel-heading--xlarge.aksel-typo--spacing{margin-bottom:var(--ax-space-20)}.aksel-heading--large{font-size:var(--ax-font-size-heading-xlarge);letter-spacing:-.008em;line-height:var(--ax-font-line-height-heading-xlarge);font-weight:650}.aksel-heading--large.aksel-typo--spacing{margin-bottom:var(--ax-space-16)}@media (max-width:480px){.aksel-heading--xlarge{font-size:var(--ax-font-size-heading-xlarge);letter-spacing:-.008em;line-height:var(--ax-font-line-height-heading-xlarge)}.aksel-heading--xlarge.aksel-typo--spacing{margin-bottom:var(--ax-space-16)}.aksel-heading--large{font-size:var(--ax-font-size-heading-large);letter-spacing:-.004em;line-height:var(--ax-font-line-height-heading-large)}.aksel-heading--large.aksel-typo--spacing{margin-bottom:var(--ax-space-12)}}.aksel-heading--medium{font-size:var(--ax-font-size-heading-medium);letter-spacing:-.002em;line-height:var(--ax-font-line-height-heading-medium);font-weight:650}.aksel-heading--medium.aksel-typo--spacing{margin-bottom:var(--ax-space-12)}.aksel-heading--small{font-size:var(--ax-font-size-heading-small);letter-spacing:-.001em;line-height:var(--ax-font-line-height-heading-small)}.aksel-heading--small.aksel-typo--spacing{margin-bottom:var(--ax-space-12)}.aksel-heading--xsmall{font-size:var(--ax-font-size-heading-xsmall);letter-spacing:-.001em;line-height:var(--ax-font-line-height-heading-xsmall)}.aksel-heading--xsmall.aksel-typo--spacing{margin-bottom:var(--ax-space-12)}.aksel-ingress{font-size:var(--ax-font-size-xlarge);font-weight:var(--ax-font-weight-regular);letter-spacing:-.001em;line-height:var(--ax-font-line-height-xlarge);margin:0}.aksel-ingress.aksel-typo--spacing{margin-bottom:var(--ax-space-40)}.aksel-body-long{font-size:var(--ax-font-size-large);font-weight:var(--ax-font-weight-regular);letter-spacing:0;line-height:var(--ax-font-line-height-xlarge);margin:0}.aksel-body-long.aksel-typo--spacing{margin-bottom:var(--ax-space-28)}.aksel-body-long--large{font-size:var(--ax-font-size-xlarge);letter-spacing:-.0013em;line-height:var(--ax-font-line-height-xlarge)}.aksel-body-long--large.aksel-typo--spacing{margin-bottom:var(--ax-space-40)}.aksel-body-long--small{font-size:var(--ax-font-size-medium);letter-spacing:.002em;line-height:var(--ax-font-line-height-large)}.aksel-body-long--small.aksel-typo--spacing{margin-bottom:var(--ax-space-24)}.aksel-body-short{font-size:var(--ax-font-size-large);font-weight:var(--ax-font-weight-regular);letter-spacing:0;line-height:var(--ax-font-line-height-large);margin:0}.aksel-body-short.aksel-typo--spacing{margin-bottom:var(--ax-space-12)}.aksel-body-short--large{font-size:var(--ax-font-size-xlarge);letter-spacing:-.0013em;line-height:var(--ax-font-line-height-large)}.aksel-body-short--large.aksel-typo--spacing{margin-bottom:var(--ax-space-16)}.aksel-body-short--small{font-size:var(--ax-font-size-medium);letter-spacing:.002em;line-height:var(--ax-font-line-height-medium)}.aksel-body-short--small.aksel-typo--spacing{margin-bottom:var(--ax-space-8)}.aksel-label{font-size:var(--ax-font-size-large);font-weight:var(--ax-font-weight-bold);letter-spacing:0;line-height:var(--ax-font-line-height-large);margin:0}.aksel-label.aksel-typo--spacing{margin-bottom:var(--ax-space-12)}.aksel-label--small{font-size:var(--ax-font-size-medium);letter-spacing:.002em;line-height:var(--ax-font-line-height-medium)}.aksel-label--small.aksel-typo--spacing{margin-bottom:var(--ax-space-8)}.aksel-detail{font-size:var(--ax-font-size-small);letter-spacing:.004em;line-height:var(--ax-font-line-height-medium);margin:0}.aksel-detail.aksel-typo--spacing{margin-bottom:var(--ax-space-8)}.aksel-detail.aksel-typo--uppercase{text-transform:uppercase}.aksel-detail--small{font-weight:var(--ax-font-weight-regular)}.aksel-detail--small.aksel-typo--spacing{margin-bottom:var(--ax-space-8)}.aksel-error-message{color:var(--ax-text-danger-subtle)}.aksel-error-message.aksel-error-message--show-icon{gap:var(--ax-space-4);display:flex}.aksel-error-message.aksel-error-message--show-icon svg{flex:none;width:1em;height:1em;margin-top:.15em}.aksel-typo--truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.aksel-typo--semibold{font-weight:var(--ax-font-weight-bold)}.aksel-typo--align-start{text-align:start}.aksel-typo--align-center{text-align:center}.aksel-typo--align-end{text-align:end}.aksel-typo--visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;top:0!important;overflow:hidden!important}.aksel-typo--color-subtle{color:var(--ax-text-neutral-subtle)}}