@norges-domstoler/dds-components 0.0.0-dev-20250610090622 → 0.0.0-dev-20250620065347

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
@@ -612,6 +612,63 @@
612
612
  transform: rotate(0) translateY(0);
613
613
  }
614
614
 
615
+ /* src/components/helpers/CharCounter/CharCounter.module.css */
616
+ :where(.CharCounter_container) {
617
+ margin-left: auto;
618
+ }
619
+
620
+ /* src/components/Typography/Typography/TextOverflowEllipsis/TextOverflowEllipsis.module.css */
621
+ .TextOverflowEllipsis_wrapper {
622
+ max-width: 100%;
623
+ }
624
+ .TextOverflowEllipsis_inner {
625
+ white-space: nowrap;
626
+ overflow: hidden;
627
+ text-overflow: ellipsis;
628
+ }
629
+
630
+ /* src/components/Typography/Typography/Typography.module.css */
631
+ .Typography_container {
632
+ -webkit-user-select: text;
633
+ -moz-user-select: text;
634
+ user-select: text;
635
+ }
636
+
637
+ /* src/components/helpers/styling/focus.module.css */
638
+ .focus_focused,
639
+ .focus_focusable:focus-visible,
640
+ .focus_focusable-within:focus-within,
641
+ .focus_has-focusable-input:has(input:focus-visible),
642
+ .focus_focusable-sibling:focus-visible + .focus_focus-styled-sibling {
643
+ outline: var(--dds-focus-outline);
644
+ outline-offset: var(--dds-focus-outline-offset);
645
+ box-shadow: var(--dds-focus-box-shadow);
646
+ }
647
+ .focus_focusable--inset:focus-visible {
648
+ outline: var(--dds-focus-outline);
649
+ outline-offset: var(--dds-focus-outline-inset);
650
+ box-shadow: var(--dds-focus-box-shadow);
651
+ }
652
+
653
+ /* src/components/Icon/Icon.module.css */
654
+ .Icon_svg {
655
+ display: inline-block;
656
+ transition: fill 0.2s;
657
+ flex-shrink: 0;
658
+ }
659
+
660
+ /* src/components/Typography/Label/Label.module.css */
661
+ .Label_read-only {
662
+ display: flex;
663
+ }
664
+ .Label_read-only__icon {
665
+ align-self: center;
666
+ flex-shrink: 0;
667
+ margin-inline-end: var(--dds-spacing-x0-125);
668
+ width: 1.25em;
669
+ height: 1.25em;
670
+ }
671
+
615
672
  /* src/components/helpers/Input/Input.module.css */
616
673
  .Input_container {
617
674
  position: relative;
@@ -725,9 +782,6 @@
725
782
  :where(.Input_label) {
726
783
  display: block;
727
784
  }
728
- :where(.Input_char-counter) {
729
- margin-left: auto;
730
- }
731
785
  :where(.Input_input-group__absolute-element) {
732
786
  position: absolute;
733
787
  top: 50%;
@@ -736,58 +790,6 @@
736
790
  color: var(--dds-color-icon-default);
737
791
  }
738
792
 
739
- /* src/components/helpers/styling/focus.module.css */
740
- .focus_focused,
741
- .focus_focusable:focus-visible,
742
- .focus_focusable-within:focus-within,
743
- .focus_has-focusable-input:has(input:focus-visible),
744
- .focus_focusable-sibling:focus-visible + .focus_focus-styled-sibling {
745
- outline: var(--dds-focus-outline);
746
- outline-offset: var(--dds-focus-outline-offset);
747
- box-shadow: var(--dds-focus-box-shadow);
748
- }
749
- .focus_focusable--inset:focus-visible {
750
- outline: var(--dds-focus-outline);
751
- outline-offset: var(--dds-focus-outline-inset);
752
- box-shadow: var(--dds-focus-box-shadow);
753
- }
754
-
755
- /* src/components/Typography/Typography/TextOverflowEllipsis/TextOverflowEllipsis.module.css */
756
- .TextOverflowEllipsis_wrapper {
757
- max-width: 100%;
758
- }
759
- .TextOverflowEllipsis_inner {
760
- white-space: nowrap;
761
- overflow: hidden;
762
- text-overflow: ellipsis;
763
- }
764
-
765
- /* src/components/Typography/Typography/Typography.module.css */
766
- .Typography_container {
767
- -webkit-user-select: text;
768
- -moz-user-select: text;
769
- user-select: text;
770
- }
771
-
772
- /* src/components/Icon/Icon.module.css */
773
- .Icon_svg {
774
- display: inline-block;
775
- transition: fill 0.2s;
776
- flex-shrink: 0;
777
- }
778
-
779
- /* src/components/Typography/Label/Label.module.css */
780
- .Label_read-only {
781
- display: flex;
782
- }
783
- .Label_read-only__icon {
784
- align-self: center;
785
- flex-shrink: 0;
786
- margin-inline-end: var(--dds-spacing-x0-125);
787
- width: 1.25em;
788
- height: 1.25em;
789
- }
790
-
791
793
  /* src/components/layout/common/layout.module.css */
792
794
  .layout_dds-p {
793
795
  --dds-r-p: var(--dds-r-xs-p);
@@ -1626,6 +1628,43 @@
1626
1628
  border-radius: 0;
1627
1629
  }
1628
1630
 
1631
+ /* src/components/ThemeProvider/ThemeProvider.module.css */
1632
+ .ThemeProvider_global-variables {
1633
+ --dds-color-text-body: var(--dds-color-text-default);
1634
+ --dds-color-text-body-subtle: var(--dds-color-text-subtle);
1635
+ --dds-color-text-link: var(--dds-color-text-action-resting);
1636
+ --dds-color-text-link-visited: var(--dds-color-text-action-visited);
1637
+ --dds-color-text-label: var(--dds-color-text-medium);
1638
+ --dds-color-text-placeholder: var(--dds-color-text-subtle);
1639
+ --dds-color-text-helper: var(--dds-color-text-subtle);
1640
+ --dds-color-icon-link: var(--dds-color-text-action-resting);
1641
+ --dds-color-text-subtle-inversable: var(--dds-color-text-subtle);
1642
+ --dds-color-text-default-inversable: var(--dds-color-text-default);
1643
+ --dds-color-text-medium-inversable: var(--dds-color-text-medium);
1644
+ --dds-color-text-action-resting-inversable: var( --dds-color-text-action-resting );
1645
+ --dds-color-text-action-hover-inversable: var(--dds-color-text-action-hover);
1646
+ --dds-color-text-requiredfield-inversable: var( --dds-color-text-requiredfield );
1647
+ --dds-color-icon-subtle-inversable: var(--dds-color-icon-subtle);
1648
+ --dds-color-icon-default-inversable: var(--dds-color-icon-default);
1649
+ --dds-color-icon-medium-inversable: var(--dds-color-icon-medium);
1650
+ --dds-color-icon-action-resting-inversable: var( --dds-color-icon-action-resting );
1651
+ --dds-color-icon-action-hover-inversable: var(--dds-color-icon-action-hover);
1652
+ --dds-focus-outline: var(--dds-color-focus-outside) 2px solid;
1653
+ --dds-focus-outline-offset: var(--dds-spacing-x0-125);
1654
+ --dds-focus-outline-inset: calc(0px - var(--dds-spacing-x0-25));
1655
+ --dds-focus-box-shadow: 0 0 0 2px var(--dds-color-focus-inside);
1656
+ --dds-focus-transition: outline-offset 0.2s;
1657
+ --dds-input-default-width: 320px;
1658
+ --dds-input-default-width-xsmall: 210px;
1659
+ --dds-selection-control-height: 18px;
1660
+ --dds-transition-duration-surface-move: 0.5s;
1661
+ }
1662
+ .ThemeProvider_global-styles {
1663
+ font: var(--dds-font-body-medium);
1664
+ letter-spacing: var(--dds-font-body-medium-letter-spacing);
1665
+ color: var(--dds-color-text-default);
1666
+ }
1667
+
1629
1668
  /* src/components/Accordion/Accordion.module.css */
1630
1669
  :where(.Accordion_container) {
1631
1670
  border-bottom: 1px solid var(--dds-color-border-default);
@@ -2462,43 +2501,6 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
2462
2501
  text-decoration: underline line-through;
2463
2502
  }
2464
2503
 
2465
- /* src/components/ThemeProvider/ThemeProvider.module.css */
2466
- .ThemeProvider_global-variables {
2467
- --dds-color-text-body: var(--dds-color-text-default);
2468
- --dds-color-text-body-subtle: var(--dds-color-text-subtle);
2469
- --dds-color-text-link: var(--dds-color-text-action-resting);
2470
- --dds-color-text-link-visited: var(--dds-color-text-action-visited);
2471
- --dds-color-text-label: var(--dds-color-text-medium);
2472
- --dds-color-text-placeholder: var(--dds-color-text-subtle);
2473
- --dds-color-text-helper: var(--dds-color-text-subtle);
2474
- --dds-color-icon-link: var(--dds-color-text-action-resting);
2475
- --dds-color-text-subtle-inversable: var(--dds-color-text-subtle);
2476
- --dds-color-text-default-inversable: var(--dds-color-text-default);
2477
- --dds-color-text-medium-inversable: var(--dds-color-text-medium);
2478
- --dds-color-text-action-resting-inversable: var( --dds-color-text-action-resting );
2479
- --dds-color-text-action-hover-inversable: var(--dds-color-text-action-hover);
2480
- --dds-color-text-requiredfield-inversable: var( --dds-color-text-requiredfield );
2481
- --dds-color-icon-subtle-inversable: var(--dds-color-icon-subtle);
2482
- --dds-color-icon-default-inversable: var(--dds-color-icon-default);
2483
- --dds-color-icon-medium-inversable: var(--dds-color-icon-medium);
2484
- --dds-color-icon-action-resting-inversable: var( --dds-color-icon-action-resting );
2485
- --dds-color-icon-action-hover-inversable: var(--dds-color-icon-action-hover);
2486
- --dds-focus-outline: var(--dds-color-focus-outside) 2px solid;
2487
- --dds-focus-outline-offset: var(--dds-spacing-x0-125);
2488
- --dds-focus-outline-inset: calc(0px - var(--dds-spacing-x0-25));
2489
- --dds-focus-box-shadow: 0 0 0 2px var(--dds-color-focus-inside);
2490
- --dds-focus-transition: outline-offset 0.2s;
2491
- --dds-input-default-width: 320px;
2492
- --dds-input-default-width-xsmall: 210px;
2493
- --dds-selection-control-height: 18px;
2494
- --dds-transition-duration-surface-move: 0.5s;
2495
- }
2496
- .ThemeProvider_global-styles {
2497
- font: var(--dds-font-body-medium);
2498
- letter-spacing: var(--dds-font-body-medium-letter-spacing);
2499
- color: var(--dds-color-text-default);
2500
- }
2501
-
2502
2504
  /* src/components/DescriptionList/DescriptionList.module.css */
2503
2505
  .DescriptionList_list {
2504
2506
  & > dt:first-of-type {