@norges-domstoler/dds-components 24.3.0 → 24.4.0

package/dist/index.css

@@ -4274,6 +4274,26 @@
   cursor: not-allowed;
   position: relative;
 }
+.dds-Badge-module__container {
+  border-radius: var(--dds-border-radius-rounded);
+  box-sizing: border-box;
+}
+
+.dds-Badge-module__notification {
+  background-color: var(--dds-color-surface-notification);
+}
+
+.dds-Badge-module__action {
+  background-color: var(--dds-color-surface-action-resting);
+}
+
+.dds-Badge-module__neutral {
+  background-color: var(--dds-color-surface-inverse-default);
+}
+
+.dds-Badge-module__subtle {
+  background-color: var(--dds-color-surface-medium);
+}
 .dds-Spinner-module__svg {
   display: block;
 }
@@ -4769,6 +4789,13 @@
     color: var(--dds-color-text-on-action);
   }
 }
+
+.dds-Button-module__badge {
+  position: absolute;
+  top: 0;
+  right: 0;
+  transform: translate(50%, -50%);
+}
 .dds-OverflowMenu-module__container {
   box-sizing: border-box;
 }
@@ -5395,7 +5422,6 @@ input[data-indeterminate='true'] ~ .dds-SelectionControl-module__selection-contr
 .dds-DateInput-module__segment__placeholder--invisible {
   visibility: hidden;
   height: 0;
-  width: 0;
 }
 
 /**------------------------------------------------------------------------
@@ -7101,6 +7127,7 @@ input[data-indeterminate='true'] ~ .dds-SelectionControl-module__selection-contr
 }
 
 .dds-Tabs-module__tab {
+  position: relative;
   border: none;
   -webkit-user-select: text;
           user-select: text;
@@ -7162,6 +7189,11 @@ input[data-indeterminate='true'] ~ .dds-SelectionControl-module__selection-contr
   box-shadow: inset 0px -2px 0px 0px var(--dds-color-surface-action-selected);
   cursor: default;
 }
+
+.dds-Tabs-module__tab--column__badge {
+  position: absolute;
+  transform: translateX(50%);
+}
 .dds-Tag-module__container {
   border: 1px solid;
   display: inline-flex;