@navikt/ds-css 7.29.0 → 7.29.1

package/dist/index.css

@@ -5,7 +5,7 @@
  */
 
 :root, :host {
-  --ax-version: "7.29.0";
+  --ax-version: "7.29.1";
   --a-breakpoint-xs: 0;
   --a-breakpoint-sm: 480px;
   --a-breakpoint-sm-down: 479px;
@@ -3931,7 +3931,7 @@ li.navds-file-item {
 .navds-checkbox__input:indeterminate + .navds-checkbox__label::after {
   content: "";
   position: absolute;
-  top: 50%;
+  top: var(--a-spacing-6);
   transform: translate(var(--a-spacing-1-alt), -50%);
   background-color: var(--ac-radio-checkbox-bg, var(--a-surface-default));
   width: 0.75rem;
@@ -3942,6 +3942,7 @@ li.navds-file-item {
 
 .navds-checkbox--small .navds-checkbox__input:indeterminate + .navds-checkbox__label::after {
   transform: translate(0.25rem, -50%);
+  top: var(--a-spacing-4);
 }
 
 .navds-checkbox__input:where(:checked, :indeterminate) + .navds-checkbox__label::before {
@@ -3977,8 +3978,11 @@ li.navds-file-item {
 /* Tailwind sets all svg to block */
 
 .navds-checkbox__icon > svg {
-  display: inline;
-  vertical-align: initial;
+  display: block;
+
+  /* Safari does not support inline rem-values in SVG */
+  width: 0.8125rem;
+  height: 0.625rem;
 }
 
 .navds-checkbox--small > .navds-checkbox__input:checked + .navds-checkbox__label::before {
@@ -8786,6 +8790,18 @@ button.navds-stepper__step {
   padding: 0;
 }
 
+.navds-table :not(.navds-checkboxes) > .navds-checkbox .navds-checkbox__input:indeterminate + .navds-checkbox__label::after {
+  top: var(--a-spacing-3);
+}
+
+.navds-table
+  :not(.navds-checkboxes)
+  > .navds-checkbox--small
+  .navds-checkbox__input:indeterminate
+  + .navds-checkbox__label::after {
+  top: 0.6rem;
+}
+
 .navds-table__header-cell[aria-sort] {
   padding: 0;
 }
@@ -9227,6 +9243,13 @@ button.navds-stepper__step {
   color: var(--ac-list-marker-ul-color, var(--ac-list-marker-color, var(--a-icon-default)));
 }
 
+/* Safari does not support inline rem-values in SVG */
+
+.navds-list__item-marker--bullet > svg {
+  width: 0.375rem;
+  height: 0.375rem;
+}
+
 .navds-list__item-marker--icon {
   font-size: 1.5rem;
   justify-content: center;