@norges-domstoler/dds-components 0.0.0-dev-20251128112408 → 0.0.0-dev-20251201130744

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
@@ -644,43 +644,45 @@
644
644
  color: var(--dds-color-text-requiredfield);
645
645
  }
646
646
 
647
- /* src/components/helpers/Chevron/Chevron.module.css */
648
- .Chevron_svg {
649
- display: inline-block;
650
- flex-shrink: 0;
651
- position: relative;
652
- text-align: center;
653
- vertical-align: middle;
654
- --dds-chevron-transition: transform 0.2s linear;
655
- }
656
- .Chevron_group {
657
- transition: var(--dds-chevron-transition);
658
- }
659
- .Chevron_group--up {
660
- transform: translateY(3px);
661
- }
662
- .Chevron_group--down {
663
- transform: translateY(0);
664
- }
665
- .Chevron_left {
666
- transition: var(--dds-chevron-transition);
667
- transform-origin: 1px 1px;
668
- }
669
- .Chevron_left--up {
670
- transform: rotate(-90deg) translateY(0);
671
- }
672
- .Chevron_left--down {
673
- transform: rotate(0) translateY(0);
647
+ /* src/components/helpers/Dropdown/DropdownItem.module.css */
648
+ .DropdownItem_item {
649
+ box-sizing: border-box;
650
+ background-color: inherit;
651
+ text-decoration: none;
652
+ &.DropdownItem_default {
653
+ color: var(--dds-color-text-default);
654
+ }
655
+ &.DropdownItem_danger {
656
+ color: var(--dds-color-text-danger);
657
+ }
674
658
  }
675
- .Chevron_right {
676
- transition: var(--dds-chevron-transition);
677
- transform-origin: 7px 1px;
659
+ .DropdownItem_item--interactive {
660
+ text-align: left;
661
+ -webkit-user-select: text;
662
+ -moz-user-select: text;
663
+ user-select: text;
664
+ border: none;
665
+ cursor: pointer;
666
+ outline: inherit;
667
+ width: 100%;
668
+ @media (prefers-reduced-motion: no-preference) {
669
+ transition: background-color 0.2s;
670
+ }
671
+ &:hover,
672
+ &:active {
673
+ background-color: var(--dds-color-surface-hover-default);
674
+ }
678
675
  }
679
- .Chevron_right--up {
680
- transform: rotate(90deg) translateY(0);
676
+ .DropdownItem_item--loading {
677
+ cursor: not-allowed;
678
+ position: relative;
681
679
  }
682
- .Chevron_right--down {
683
- transform: rotate(0) translateY(0);
680
+
681
+ /* src/components/Icon/Icon.module.css */
682
+ .Icon_svg {
683
+ display: inline-block;
684
+ transition: fill 0.2s;
685
+ flex-shrink: 0;
684
686
  }
685
687
 
686
688
  /* src/components/layout/common/layout.module.css */
@@ -1540,11 +1542,152 @@
1540
1542
  border-radius: 0;
1541
1543
  }
1542
1544
 
1543
- /* src/components/Icon/Icon.module.css */
1544
- .Icon_svg {
1545
+ /* src/components/Spinner/Spinner.module.css */
1546
+ .Spinner_svg {
1547
+ display: block;
1548
+ }
1549
+ .Spinner_jordskifterett,
1550
+ .Spinner_lagmannsrett,
1551
+ .Spinner_tingrett {
1552
+ transform-origin: center;
1553
+ transform-box: fill-box;
1554
+ animation-duration: 3.4s;
1555
+ animation-iteration-count: infinite;
1556
+ animation-timing-function: ease-in-out;
1557
+ }
1558
+ .Spinner_jordskifterett {
1559
+ animation-name: Spinner_jordskifterett;
1560
+ }
1561
+ .Spinner_tingrett {
1562
+ animation-name: Spinner_tingrett;
1563
+ }
1564
+ .Spinner_lagmannsrett {
1565
+ animation-name: Spinner_lagmannsrett;
1566
+ }
1567
+ @keyframes Spinner_jordskifterett {
1568
+ 0% {
1569
+ transform: scale(0.01);
1570
+ }
1571
+ 16.66% {
1572
+ transform: scale(1);
1573
+ }
1574
+ 33.33% {
1575
+ transform: scale(0.1);
1576
+ }
1577
+ 50% {
1578
+ transform: scale(0.01);
1579
+ }
1580
+ 66.66% {
1581
+ transform: scale(0.01);
1582
+ }
1583
+ 83.33% {
1584
+ transform: scale(0.01);
1585
+ }
1586
+ 100% {
1587
+ transform: scale(0.01);
1588
+ }
1589
+ }
1590
+ @keyframes Spinner_tingrett {
1591
+ 0% {
1592
+ transform: scale(0.01);
1593
+ }
1594
+ 16.66% {
1595
+ transform: scale(0.01);
1596
+ }
1597
+ 33.33% {
1598
+ transform: scale(0.01);
1599
+ }
1600
+ 50% {
1601
+ transform: scale(1);
1602
+ }
1603
+ 66.66% {
1604
+ transform: scale(0.1);
1605
+ }
1606
+ 83.33% {
1607
+ transform: scale(0.01);
1608
+ }
1609
+ 100% {
1610
+ transform: scale(0.01);
1611
+ }
1612
+ }
1613
+ @keyframes Spinner_lagmannsrett {
1614
+ 0% {
1615
+ transform: scale(0.01);
1616
+ }
1617
+ 16.66% {
1618
+ transform: scale(0.01);
1619
+ }
1620
+ 33.33% {
1621
+ transform: scale(0.01);
1622
+ }
1623
+ 50% {
1624
+ transform: scale(0.01);
1625
+ }
1626
+ 66.66% {
1627
+ transform: scale(0.01);
1628
+ }
1629
+ 83.33% {
1630
+ transform: scale(1);
1631
+ }
1632
+ 100% {
1633
+ transform: scale(0.1);
1634
+ }
1635
+ }
1636
+
1637
+ /* src/components/helpers/styling/focus.module.css */
1638
+ .focus_focused,
1639
+ .focus_focusable:focus-visible,
1640
+ .focus_focusable-focus:focus,
1641
+ .focus_focusable-within:focus-within,
1642
+ .focus_has-focusable-input:has(input:focus-visible),
1643
+ .focus_focusable-sibling:focus-visible + .focus_focus-styled-sibling {
1644
+ outline: var(--dds-focus-outline);
1645
+ outline-offset: var(--dds-focus-outline-offset);
1646
+ box-shadow: var(--dds-focus-box-shadow);
1647
+ }
1648
+ .focus_focusable--inset:focus-visible {
1649
+ outline: var(--dds-focus-outline);
1650
+ outline-offset: var(--dds-focus-outline-inset);
1651
+ box-shadow: var(--dds-focus-box-shadow);
1652
+ }
1653
+
1654
+ /* src/components/helpers/Chevron/Chevron.module.css */
1655
+ .Chevron_svg {
1545
1656
  display: inline-block;
1546
- transition: fill 0.2s;
1547
1657
  flex-shrink: 0;
1658
+ position: relative;
1659
+ text-align: center;
1660
+ vertical-align: middle;
1661
+ --dds-chevron-transition: transform 0.2s linear;
1662
+ }
1663
+ .Chevron_group {
1664
+ transition: var(--dds-chevron-transition);
1665
+ }
1666
+ .Chevron_group--up {
1667
+ transform: translateY(3px);
1668
+ }
1669
+ .Chevron_group--down {
1670
+ transform: translateY(0);
1671
+ }
1672
+ .Chevron_left {
1673
+ transition: var(--dds-chevron-transition);
1674
+ transform-origin: 1px 1px;
1675
+ }
1676
+ .Chevron_left--up {
1677
+ transform: rotate(-90deg) translateY(0);
1678
+ }
1679
+ .Chevron_left--down {
1680
+ transform: rotate(0) translateY(0);
1681
+ }
1682
+ .Chevron_right {
1683
+ transition: var(--dds-chevron-transition);
1684
+ transform-origin: 7px 1px;
1685
+ }
1686
+ .Chevron_right--up {
1687
+ transform: rotate(90deg) translateY(0);
1688
+ }
1689
+ .Chevron_right--down {
1690
+ transform: rotate(0) translateY(0);
1548
1691
  }
1549
1692
 
1550
1693
  /* src/components/ThemeProvider/ThemeProvider.module.css */
@@ -1646,23 +1789,6 @@
1646
1789
  display: none;
1647
1790
  }
1648
1791
 
1649
- /* src/components/helpers/styling/focus.module.css */
1650
- .focus_focused,
1651
- .focus_focusable:focus-visible,
1652
- .focus_focusable-focus:focus,
1653
- .focus_focusable-within:focus-within,
1654
- .focus_has-focusable-input:has(input:focus-visible),
1655
- .focus_focusable-sibling:focus-visible + .focus_focus-styled-sibling {
1656
- outline: var(--dds-focus-outline);
1657
- outline-offset: var(--dds-focus-outline-offset);
1658
- box-shadow: var(--dds-focus-box-shadow);
1659
- }
1660
- .focus_focusable--inset:focus-visible {
1661
- outline: var(--dds-focus-outline);
1662
- outline-offset: var(--dds-focus-outline-inset);
1663
- box-shadow: var(--dds-focus-box-shadow);
1664
- }
1665
-
1666
1792
  /* src/components/Typography/Typography/TextOverflowEllipsis/TextOverflowEllipsis.module.css */
1667
1793
  .TextOverflowEllipsis_wrapper {
1668
1794
  max-width: 100%;
@@ -1874,98 +2000,6 @@
1874
2000
  }
1875
2001
  }
1876
2002
 
1877
- /* src/components/Spinner/Spinner.module.css */
1878
- .Spinner_svg {
1879
- display: block;
1880
- }
1881
- .Spinner_jordskifterett,
1882
- .Spinner_lagmannsrett,
1883
- .Spinner_tingrett {
1884
- transform-origin: center;
1885
- transform-box: fill-box;
1886
- animation-duration: 3.4s;
1887
- animation-iteration-count: infinite;
1888
- animation-timing-function: ease-in-out;
1889
- }
1890
- .Spinner_jordskifterett {
1891
- animation-name: Spinner_jordskifterett;
1892
- }
1893
- .Spinner_tingrett {
1894
- animation-name: Spinner_tingrett;
1895
- }
1896
- .Spinner_lagmannsrett {
1897
- animation-name: Spinner_lagmannsrett;
1898
- }
1899
- @keyframes Spinner_jordskifterett {
1900
- 0% {
1901
- transform: scale(0.01);
1902
- }
1903
- 16.66% {
1904
- transform: scale(1);
1905
- }
1906
- 33.33% {
1907
- transform: scale(0.1);
1908
- }
1909
- 50% {
1910
- transform: scale(0.01);
1911
- }
1912
- 66.66% {
1913
- transform: scale(0.01);
1914
- }
1915
- 83.33% {
1916
- transform: scale(0.01);
1917
- }
1918
- 100% {
1919
- transform: scale(0.01);
1920
- }
1921
- }
1922
- @keyframes Spinner_tingrett {
1923
- 0% {
1924
- transform: scale(0.01);
1925
- }
1926
- 16.66% {
1927
- transform: scale(0.01);
1928
- }
1929
- 33.33% {
1930
- transform: scale(0.01);
1931
- }
1932
- 50% {
1933
- transform: scale(1);
1934
- }
1935
- 66.66% {
1936
- transform: scale(0.1);
1937
- }
1938
- 83.33% {
1939
- transform: scale(0.01);
1940
- }
1941
- 100% {
1942
- transform: scale(0.01);
1943
- }
1944
- }
1945
- @keyframes Spinner_lagmannsrett {
1946
- 0% {
1947
- transform: scale(0.01);
1948
- }
1949
- 16.66% {
1950
- transform: scale(0.01);
1951
- }
1952
- 33.33% {
1953
- transform: scale(0.01);
1954
- }
1955
- 50% {
1956
- transform: scale(0.01);
1957
- }
1958
- 66.66% {
1959
- transform: scale(0.01);
1960
- }
1961
- 83.33% {
1962
- transform: scale(1);
1963
- }
1964
- 100% {
1965
- transform: scale(0.1);
1966
- }
1967
- }
1968
-
1969
2003
  /* src/components/OverflowMenu/OverflowMenu.module.css */
1970
2004
  .OverflowMenu_container {
1971
2005
  box-sizing: border-box;
@@ -1975,47 +2009,6 @@
1975
2009
  display: flex;
1976
2010
  flex-direction: column;
1977
2011
  }
1978
- .OverflowMenu_list__item {
1979
- display: flex;
1980
- box-sizing: border-box;
1981
- align-items: center;
1982
- background-color: inherit;
1983
- text-decoration: none;
1984
- padding: var(--dds-spacing-x0-75);
1985
- gap: var(--dds-spacing-x0-25);
1986
- &.OverflowMenu_default {
1987
- color: var(--dds-color-text-default);
1988
- }
1989
- &.OverflowMenu_danger {
1990
- color: var(--dds-color-text-danger);
1991
- }
1992
- }
1993
- .OverflowMenu_list__item--link {
1994
- text-align: left;
1995
- -webkit-user-select: text;
1996
- -moz-user-select: text;
1997
- user-select: text;
1998
- border: none;
1999
- cursor: pointer;
2000
- outline: inherit;
2001
- width: 100%;
2002
- @media (prefers-reduced-motion: no-preference) {
2003
- transition: background-color 0.2s;
2004
- }
2005
- &:hover,
2006
- &:active {
2007
- background-color: var(--dds-color-surface-hover-default);
2008
- }
2009
- }
2010
- .OverflowMenu_icon {
2011
- display: flex;
2012
- align-items: center;
2013
- font-size: calc(var(--dds-font-lineheight-x1) * 1em);
2014
- }
2015
- .OverflowMenu_button-loading {
2016
- cursor: not-allowed;
2017
- position: relative;
2018
- }
2019
2012
 
2020
2013
  /* src/components/Divider/Divider.module.css */
2021
2014
  :where(.Divider_divider) {