@navikt/ds-css 3.3.1 → 3.4.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @navikt/ds-css
 
+## 3.4.0
+
+### Minor Changes
+
+- [#2010](https://github.com/navikt/aksel/pull/2010) [`b958d41a2`](https://github.com/navikt/aksel/commit/b958d41a20c66327658514fcf24ae20893c9531a) Thanks [@HalvorHaugan](https://github.com/HalvorHaugan)! - Ny variant "moderate" i Tag
+
 ## 3.3.1
 
 ## 3.3.0

package/dist/component/index.css

@@ -1,7 +1,7 @@
 @charset "UTF-8";
 /**
  * Do not edit directly
- * Generated on Thu, 25 May 2023 13:15:11 GMT
+ * Generated on Wed, 31 May 2023 12:32:29 GMT
  */
 :root, :host {
   --a-spacing-05: 0.125rem;
@@ -193,30 +193,38 @@
   --a-icon-default: var(--a-gray-900);
   --a-surface-alt-3: var(--a-deepblue-500);
   --a-surface-alt-3-strong: var(--a-deepblue-800);
+  --a-surface-alt-3-moderate: var(--a-deepblue-200);
   --a-surface-alt-3-subtle: var(--a-deepblue-100);
   --a-surface-alt-2: var(--a-limegreen-400);
+  --a-surface-alt-2-moderate: var(--a-limegreen-200);
   --a-surface-alt-2-subtle: var(--a-limegreen-100);
   --a-surface-alt-1: var(--a-purple-400);
+  --a-surface-alt-1-moderate: var(--a-purple-200);
   --a-surface-alt-1-subtle: var(--a-purple-100);
   --a-surface-info: var(--a-lightblue-500);
+  --a-surface-info-moderate: var(--a-lightblue-200);
   --a-surface-info-subtle: var(--a-lightblue-100);
   --a-surface-info-subtle-hover: var(--a-lightblue-200);
   --a-surface-warning: var(--a-orange-500);
+  --a-surface-warning-moderate: var(--a-orange-200);
   --a-surface-warning-subtle: var(--a-orange-100);
   --a-surface-warning-subtle-hover: var(--a-orange-200);
   --a-surface-danger: var(--a-red-500);
   --a-surface-danger-active: var(--a-red-700);
   --a-surface-danger-hover: var(--a-red-600);
+  --a-surface-danger-moderate: var(--a-red-200);
   --a-surface-danger-subtle: var(--a-red-100);
   --a-surface-danger-subtle-hover: var(--a-red-200);
   --a-surface-success-hover: var(--a-green-600);
   --a-surface-success: var(--a-green-500);
+  --a-surface-success-moderate: var(--a-green-200);
   --a-surface-success-subtle: var(--a-green-100);
   --a-surface-success-subtle-hover: var(--a-green-200);
   --a-surface-neutral: var(--a-gray-700);
   --a-surface-neutral-active: var(--a-gray-900);
   --a-surface-neutral-selected: var(--a-gray-900);
   --a-surface-neutral-hover: var(--a-gray-800);
+  --a-surface-neutral-moderate: var(--a-grayalpha-200);
   --a-surface-neutral-subtle: var(--a-grayalpha-100);
   --a-surface-neutral-subtle-hover: var(--a-grayalpha-200);
   --a-surface-action: var(--a-blue-500);
@@ -3702,6 +3710,11 @@ body,
   background-color: var(--ac-tag-error-filled-bg, var(--a-surface-danger));
   color: var(--ac-tag-error-filled-text, var(--a-text-on-danger));
 }
+.navds-tag--error-moderate {
+  border-color: transparent;
+  background-color: var(--ac-tag-error-moderate-bg, var(--a-surface-danger-moderate));
+  color: var(--ac-tag-error-moderate-text, var(--a-text-default));
+}
 .navds-tag--success {
   border-color: var(--ac-tag-success-border, var(--a-border-success));
   background-color: var(--ac-tag-success-bg, var(--a-surface-success-subtle));
@@ -3712,6 +3725,11 @@ body,
   background-color: var(--ac-tag-success-filled-bg, var(--a-surface-success));
   color: var(--ac-tag-success-filled-text, var(--a-text-on-success));
 }
+.navds-tag--success-moderate {
+  border-color: transparent;
+  background-color: var(--ac-tag-success-moderate-bg, var(--a-surface-success-moderate));
+  color: var(--ac-tag-success-moderate-text, var(--a-text-default));
+}
 .navds-tag--warning {
   border-color: var(--ac-tag-warning-border, var(--a-border-warning));
   background-color: var(--ac-tag-warning-bg, var(--a-surface-warning-subtle));
@@ -3722,6 +3740,11 @@ body,
   background-color: var(--ac-tag-warning-filled-bg, var(--a-surface-warning));
   color: var(--ac-tag-warning-filled-text, var(--a-text-on-warning));
 }
+.navds-tag--warning-moderate {
+  border-color: transparent;
+  background-color: var(--ac-tag-warning-moderate-bg, var(--a-surface-warning-moderate));
+  color: var(--ac-tag-warning-moderate-text, var(--a-text-default));
+}
 .navds-tag--info {
   border-color: var(--ac-tag-info-border, var(--a-border-info));
   background-color: var(--ac-tag-info-bg, var(--a-surface-info-subtle));
@@ -3732,6 +3755,11 @@ body,
   background-color: var(--ac-tag-info-filled-bg, var(--a-surface-info));
   color: var(--ac-tag-info-filled-text, var(--a-text-on-info));
 }
+.navds-tag--info-moderate {
+  border-color: transparent;
+  background-color: var(--ac-tag-info-moderate-bg, var(--a-surface-info-moderate));
+  color: var(--ac-tag-info-moderate-text, var(--a-text-default));
+}
 .navds-tag--neutral {
   border-color: var(--ac-tag-neutral-border, var(--a-border-default));
   background-color: var(--ac-tag-neutral-bg, var(--a-surface-neutral-subtle));
@@ -3742,6 +3770,11 @@ body,
   background-color: var(--ac-tag-neutral-filled-bg, var(--a-surface-neutral));
   color: var(--ac-tag-neutral-filled-text, var(--a-text-on-neutral));
 }
+.navds-tag--neutral-moderate {
+  border-color: transparent;
+  background-color: var(--ac-tag-neutral-moderate-bg, var(--a-surface-neutral-moderate));
+  color: var(--ac-tag-neutral-moderate-text, var(--a-text-default));
+}
 .navds-tag--alt1 {
   border-color: var(--ac-tag-alt-1-border, var(--a-border-alt-1));
   background-color: var(--ac-tag-alt-1-bg, var(--a-surface-alt-1-subtle));
@@ -3752,6 +3785,11 @@ body,
   background-color: var(--ac-tag-alt-1-filled-bg, var(--a-surface-alt-1));
   color: var(--ac-tag-alt-1-filled-text, var(--a-text-on-alt-1));
 }
+.navds-tag--alt1-moderate {
+  border-color: transparent;
+  background-color: var(--ac-tag-alt-1-moderate-bg, var(--a-surface-alt-1-moderate));
+  color: var(--ac-tag-alt-1-moderate-text, var(--a-text-default));
+}
 .navds-tag--alt2 {
   border-color: var(--ac-tag-alt-2-border, var(--a-border-alt-2));
   background-color: var(--ac-tag-alt-2-bg, var(--a-surface-alt-2-subtle));
@@ -3762,6 +3800,11 @@ body,
   background-color: var(--ac-tag-alt-2-filled-bg, var(--a-surface-alt-2));
   color: var(--ac-tag-alt-2-filled-text, var(--a-text-on-alt-2));
 }
+.navds-tag--alt2-moderate {
+  border-color: transparent;
+  background-color: var(--ac-tag-alt-2-moderate-bg, var(--a-surface-alt-2-moderate));
+  color: var(--ac-tag-alt-2-moderate-text, var(--a-text-default));
+}
 .navds-tag--alt3 {
   border-color: var(--ac-tag-alt-3-border, var(--a-border-alt-3));
   background-color: var(--ac-tag-alt-3-bg, var(--a-surface-alt-3-subtle));
@@ -3772,6 +3815,11 @@ body,
   background-color: var(--ac-tag-alt-3-filled-bg, var(--a-surface-alt-3));
   color: var(--ac-tag-alt-3-filled-text, var(--a-text-on-alt-3));
 }
+.navds-tag--alt3-moderate {
+  border-color: transparent;
+  background-color: var(--ac-tag-alt-3-moderate-bg, var(--a-surface-alt-3-moderate));
+  color: var(--ac-tag-alt-3-moderate-text, var(--a-text-default));
+}
 @keyframes tooltipFadeIn {
   0% {
     opacity: 0;