@norges-domstoler/dds-components 21.5.0 → 21.6.0

package/dist/index.css

@@ -612,6 +612,63 @@
   transform: rotate(0) translateY(0);
 }
 
+/* src/components/helpers/CharCounter/CharCounter.module.css */
+:where(.CharCounter_container) {
+  margin-left: auto;
+}
+
+/* src/components/Typography/Typography/TextOverflowEllipsis/TextOverflowEllipsis.module.css */
+.TextOverflowEllipsis_wrapper {
+  max-width: 100%;
+}
+.TextOverflowEllipsis_inner {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* src/components/Typography/Typography/Typography.module.css */
+.Typography_container {
+  -webkit-user-select: text;
+  -moz-user-select: text;
+  user-select: text;
+}
+
+/* src/components/helpers/styling/focus.module.css */
+.focus_focused,
+.focus_focusable:focus-visible,
+.focus_focusable-within:focus-within,
+.focus_has-focusable-input:has(input:focus-visible),
+.focus_focusable-sibling:focus-visible + .focus_focus-styled-sibling {
+  outline: var(--dds-focus-outline);
+  outline-offset: var(--dds-focus-outline-offset);
+  box-shadow: var(--dds-focus-box-shadow);
+}
+.focus_focusable--inset:focus-visible {
+  outline: var(--dds-focus-outline);
+  outline-offset: var(--dds-focus-outline-inset);
+  box-shadow: var(--dds-focus-box-shadow);
+}
+
+/* src/components/Icon/Icon.module.css */
+.Icon_svg {
+  display: inline-block;
+  transition: fill 0.2s;
+  flex-shrink: 0;
+}
+
+/* src/components/Typography/Label/Label.module.css */
+.Label_read-only {
+  display: flex;
+}
+.Label_read-only__icon {
+  align-self: center;
+  flex-shrink: 0;
+  margin-inline-end: var(--dds-spacing-x0-125);
+  width: 1.25em;
+  height: 1.25em;
+}
+
 /* src/components/helpers/Input/Input.module.css */
 .Input_container {
   position: relative;
@@ -725,9 +782,6 @@
 :where(.Input_label) {
   display: block;
 }
-:where(.Input_char-counter) {
-  margin-left: auto;
-}
 :where(.Input_input-group__absolute-element) {
   position: absolute;
   top: 50%;
@@ -736,58 +790,6 @@
   color: var(--dds-color-icon-default);
 }
 
-/* src/components/helpers/styling/focus.module.css */
-.focus_focused,
-.focus_focusable:focus-visible,
-.focus_focusable-within:focus-within,
-.focus_has-focusable-input:has(input:focus-visible),
-.focus_focusable-sibling:focus-visible + .focus_focus-styled-sibling {
-  outline: var(--dds-focus-outline);
-  outline-offset: var(--dds-focus-outline-offset);
-  box-shadow: var(--dds-focus-box-shadow);
-}
-.focus_focusable--inset:focus-visible {
-  outline: var(--dds-focus-outline);
-  outline-offset: var(--dds-focus-outline-inset);
-  box-shadow: var(--dds-focus-box-shadow);
-}
-
-/* src/components/Typography/Typography/TextOverflowEllipsis/TextOverflowEllipsis.module.css */
-.TextOverflowEllipsis_wrapper {
-  max-width: 100%;
-}
-.TextOverflowEllipsis_inner {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-/* src/components/Typography/Typography/Typography.module.css */
-.Typography_container {
-  -webkit-user-select: text;
-  -moz-user-select: text;
-  user-select: text;
-}
-
-/* src/components/Icon/Icon.module.css */
-.Icon_svg {
-  display: inline-block;
-  transition: fill 0.2s;
-  flex-shrink: 0;
-}
-
-/* src/components/Typography/Label/Label.module.css */
-.Label_read-only {
-  display: flex;
-}
-.Label_read-only__icon {
-  align-self: center;
-  flex-shrink: 0;
-  margin-inline-end: var(--dds-spacing-x0-125);
-  width: 1.25em;
-  height: 1.25em;
-}
-
 /* src/components/layout/common/layout.module.css */
 .layout_dds-p {
   --dds-r-p: var(--dds-r-xs-p);
@@ -1626,6 +1628,43 @@
   border-radius: 0;
 }
 
+/* src/components/ThemeProvider/ThemeProvider.module.css */
+.ThemeProvider_global-variables {
+  --dds-color-text-body: var(--dds-color-text-default);
+  --dds-color-text-body-subtle: var(--dds-color-text-subtle);
+  --dds-color-text-link: var(--dds-color-text-action-resting);
+  --dds-color-text-link-visited: var(--dds-color-text-action-visited);
+  --dds-color-text-label: var(--dds-color-text-medium);
+  --dds-color-text-placeholder: var(--dds-color-text-subtle);
+  --dds-color-text-helper: var(--dds-color-text-subtle);
+  --dds-color-icon-link: var(--dds-color-text-action-resting);
+  --dds-color-text-subtle-inversable: var(--dds-color-text-subtle);
+  --dds-color-text-default-inversable: var(--dds-color-text-default);
+  --dds-color-text-medium-inversable: var(--dds-color-text-medium);
+  --dds-color-text-action-resting-inversable: var( --dds-color-text-action-resting );
+  --dds-color-text-action-hover-inversable: var(--dds-color-text-action-hover);
+  --dds-color-text-requiredfield-inversable: var( --dds-color-text-requiredfield );
+  --dds-color-icon-subtle-inversable: var(--dds-color-icon-subtle);
+  --dds-color-icon-default-inversable: var(--dds-color-icon-default);
+  --dds-color-icon-medium-inversable: var(--dds-color-icon-medium);
+  --dds-color-icon-action-resting-inversable: var( --dds-color-icon-action-resting );
+  --dds-color-icon-action-hover-inversable: var(--dds-color-icon-action-hover);
+  --dds-focus-outline: var(--dds-color-focus-outside) 2px solid;
+  --dds-focus-outline-offset: var(--dds-spacing-x0-125);
+  --dds-focus-outline-inset: calc(0px - var(--dds-spacing-x0-25));
+  --dds-focus-box-shadow: 0 0 0 2px var(--dds-color-focus-inside);
+  --dds-focus-transition: outline-offset 0.2s;
+  --dds-input-default-width: 320px;
+  --dds-input-default-width-xsmall: 210px;
+  --dds-selection-control-height: 18px;
+  --dds-transition-duration-surface-move: 0.5s;
+}
+.ThemeProvider_global-styles {
+  font: var(--dds-font-body-medium);
+  letter-spacing: var(--dds-font-body-medium-letter-spacing);
+  color: var(--dds-color-text-default);
+}
+
 /* src/components/Accordion/Accordion.module.css */
 :where(.Accordion_container) {
   border-bottom: 1px solid var(--dds-color-border-default);
@@ -2144,19 +2183,19 @@
     border-color: var(--dds-color-border-action-hover);
   }
   input:checked ~ .SelectionControl_selection-control,
-  input[data-indeterminate] ~ .SelectionControl_selection-control {
+  input[data-indeterminate=true] ~ .SelectionControl_selection-control {
     border-color: var(--dds-color-surface-action-selected);
     background-color: var(--dds-color-surface-action-selected);
   }
   input:checked[aria-readonly=true] ~ .SelectionControl_selection-control,
-  input[data-indeterminate][aria-readonly=true] ~ .SelectionControl_selection-control {
+  input[data-indeterminate=true][aria-readonly=true] ~ .SelectionControl_selection-control {
     border-color: var(--dds-color-surface-action-selected-disabled);
     background-color: var(--dds-color-surface-action-selected-disabled);
   }
   &:hover {
     input:enabled:not([aria-readonly=true]) {
       &:checked[type=checkbox],
-      &[data-indeterminate] {
+      &[data-indeterminate=true] {
         ~ .SelectionControl_selection-control {
           background-color: var(--dds-color-surface-action-hover);
           border-color: var(--dds-color-surface-action-hover);
@@ -2166,7 +2205,7 @@
   }
 }
 input:checked ~ .SelectionControl_selection-control:after,
-input[data-indeterminate] ~ .SelectionControl_selection-control:after {
+input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
   display: block;
 }
 .SelectionControl_label--checkbox {
@@ -2179,7 +2218,7 @@ input[data-indeterminate] ~ .SelectionControl_selection-control:after {
     height: 10px;
     transform: rotate(45deg);
   }
-  input[data-indeterminate] ~ .SelectionControl_selection-control:after {
+  input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
     border-width: 1px 0 0 0;
     left: 25%;
     top: 50%;
@@ -2205,7 +2244,7 @@ input[data-indeterminate] ~ .SelectionControl_selection-control:after {
     border-color: var(--dds-color-border-subtle);
   }
   input:checked ~ .SelectionControl_selection-control,
-  input[data-indeterminate] ~ .SelectionControl_selection-control {
+  input[data-indeterminate=true] ~ .SelectionControl_selection-control {
     border-color: var(--dds-color-surface-action-selected-disabled);
     background-color: var(--dds-color-surface-action-selected-disabled);
   }
@@ -2217,7 +2256,7 @@ input[data-indeterminate] ~ .SelectionControl_selection-control:after {
       background-color: var(--dds-color-surface-field-disabled);
     }
     input:checked ~ .SelectionControl_selection-control,
-    input[data-indeterminate] ~ .SelectionControl_selection-control {
+    input[data-indeterminate=true] ~ .SelectionControl_selection-control {
       border-color: var(--dds-color-surface-action-selected-disabled);
       background-color: var(--dds-color-surface-action-selected-disabled);
     }
@@ -2462,43 +2501,6 @@ input[data-indeterminate] ~ .SelectionControl_selection-control:after {
   text-decoration: underline line-through;
 }
 
-/* src/components/ThemeProvider/ThemeProvider.module.css */
-.ThemeProvider_global-variables {
-  --dds-color-text-body: var(--dds-color-text-default);
-  --dds-color-text-body-subtle: var(--dds-color-text-subtle);
-  --dds-color-text-link: var(--dds-color-text-action-resting);
-  --dds-color-text-link-visited: var(--dds-color-text-action-visited);
-  --dds-color-text-label: var(--dds-color-text-medium);
-  --dds-color-text-placeholder: var(--dds-color-text-subtle);
-  --dds-color-text-helper: var(--dds-color-text-subtle);
-  --dds-color-icon-link: var(--dds-color-text-action-resting);
-  --dds-color-text-subtle-inversable: var(--dds-color-text-subtle);
-  --dds-color-text-default-inversable: var(--dds-color-text-default);
-  --dds-color-text-medium-inversable: var(--dds-color-text-medium);
-  --dds-color-text-action-resting-inversable: var( --dds-color-text-action-resting );
-  --dds-color-text-action-hover-inversable: var(--dds-color-text-action-hover);
-  --dds-color-text-requiredfield-inversable: var( --dds-color-text-requiredfield );
-  --dds-color-icon-subtle-inversable: var(--dds-color-icon-subtle);
-  --dds-color-icon-default-inversable: var(--dds-color-icon-default);
-  --dds-color-icon-medium-inversable: var(--dds-color-icon-medium);
-  --dds-color-icon-action-resting-inversable: var( --dds-color-icon-action-resting );
-  --dds-color-icon-action-hover-inversable: var(--dds-color-icon-action-hover);
-  --dds-focus-outline: var(--dds-color-focus-outside) 2px solid;
-  --dds-focus-outline-offset: var(--dds-spacing-x0-125);
-  --dds-focus-outline-inset: calc(0px - var(--dds-spacing-x0-25));
-  --dds-focus-box-shadow: 0 0 0 2px var(--dds-color-focus-inside);
-  --dds-focus-transition: outline-offset 0.2s;
-  --dds-input-default-width: 320px;
-  --dds-input-default-width-xsmall: 210px;
-  --dds-selection-control-height: 18px;
-  --dds-transition-duration-surface-move: 0.5s;
-}
-.ThemeProvider_global-styles {
-  font: var(--dds-font-body-medium);
-  letter-spacing: var(--dds-font-body-medium-letter-spacing);
-  color: var(--dds-color-text-default);
-}
-
 /* src/components/DescriptionList/DescriptionList.module.css */
 .DescriptionList_list {
   & > dt:first-of-type {