@norges-domstoler/dds-components 21.15.0 → 21.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.
package/dist/index.css CHANGED
@@ -184,13 +184,12 @@
184
184
  margin-top: 0;
185
185
  margin-bottom: var(--dds-font-body-medium-paragraph-spacing);
186
186
  }
187
- :where(.typographyStyles_a--external) {
188
- & > svg {
189
- display: inline;
190
- margin: 0.1em 0.1em -0.1em;
191
- transform: translateY(0.05em);
192
- vertical-align: baseline;
193
- }
187
+ :where(.typographyStyles_a--external) > svg,
188
+ .typographyStyles_a__icon {
189
+ display: inline;
190
+ margin: 0.1em 0.1em -0.1em;
191
+ transform: translateY(0.05em);
192
+ vertical-align: baseline;
194
193
  }
195
194
  .typographyStyles_a--visited:visited {
196
195
  color: var(--dds-color-text-link-visited);
@@ -1602,10 +1601,7 @@
1602
1601
 
1603
1602
  /* src/components/BackLink/BackLink.module.css */
1604
1603
  .BackLink_icon {
1605
- display: inline;
1606
- margin: 0.1em 0.25em -0.1em 0.1em;
1607
- transform: translateY(0.05em);
1608
- vertical-align: baseline;
1604
+ margin-right: var(--dds-spacing-x0-25);
1609
1605
  }
1610
1606
 
1611
1607
  /* src/components/Breadcrumbs/Breadcrumbs.module.css */
@@ -1633,7 +1629,7 @@
1633
1629
  @media (prefers-reduced-motion: no-preference) {
1634
1630
  transition: all 0.2s;
1635
1631
  }
1636
- &:active:not([aria-disabled=true]) {
1632
+ &:active:enabled {
1637
1633
  scale: 0.95;
1638
1634
  }
1639
1635
  }
@@ -2922,6 +2918,10 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
2922
2918
  /* src/components/InlineButton/InlineButton.module.css */
2923
2919
  .InlineButton_button {
2924
2920
  display: inline;
2921
+ vertical-align: middle;
2922
+ &:focus-visible {
2923
+ z-index: var(--dds-zindex-absolute-element);
2924
+ }
2925
2925
  }
2926
2926
 
2927
2927
  /* src/components/InlineEdit/InlineEdit.module.css */
@@ -4086,7 +4086,7 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
4086
4086
  left: calc(100% - var(--dds-toggle-medium-thumb-spacing-inline));
4087
4087
  transform: translateX(-100%);
4088
4088
  }
4089
- input:enabled:active:not([aria-disabled]):not([aria-readonly=true]) ~ .Toggle_track > .Toggle_thumb {
4089
+ input:enabled:active:enabled:not([aria-readonly=true]) ~ .Toggle_track > .Toggle_thumb {
4090
4090
  width: 1.5rem;
4091
4091
  }
4092
4092
  }
@@ -4105,7 +4105,7 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
4105
4105
  left: calc(100% - var(--dds-toggle-large-thumb-spacing-inline));
4106
4106
  transform: translateX(-100%);
4107
4107
  }
4108
- input:enabled:active:not([aria-disabled]):not([aria-readonly=true]) ~ .Toggle_track > .Toggle_thumb {
4108
+ input:enabled:active:not([aria-readonly=true]) ~ .Toggle_track > .Toggle_thumb {
4109
4109
  width: var(--dds-spacing-x2);
4110
4110
  }
4111
4111
  }
@@ -4125,14 +4125,14 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
4125
4125
  }
4126
4126
  .Toggle_label {
4127
4127
  cursor: pointer;
4128
- &:hover input:enabled:checked:not([aria-disabled]):not([aria-readonly=true]) ~ .Toggle_track {
4128
+ &:hover input:enabled:checked:not([aria-readonly=true]) ~ .Toggle_track {
4129
4129
  background-color: var(--dds-color-surface-action-hover);
4130
4130
  border-color: var(--dds-color-border-action-hover);
4131
4131
  .Toggle_thumb {
4132
4132
  border-color: var(--dds-color-border-action-hover);
4133
4133
  }
4134
4134
  }
4135
- &:hover input:enabled:not([aria-disabled]):not([aria-readonly=true]) ~ .Toggle_track {
4135
+ &:hover input:enabled:not([aria-readonly=true]) ~ .Toggle_track {
4136
4136
  background-color: var(--dds-color-surface-hover-default);
4137
4137
  border-color: var(--dds-color-border-action-hover);
4138
4138
  .Toggle_thumb {