@norges-domstoler/dds-components 21.16.0 → 21.17.1

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
@@ -1784,35 +1784,92 @@
1784
1784
  /* src/components/Spinner/Spinner.module.css */
1785
1785
  .Spinner_svg {
1786
1786
  display: block;
1787
- stroke-dasharray: 90, 150;
1788
- animation: Spinner_rotate 1.5s linear infinite;
1789
- @media (prefers-reduced-motion: no-preference) {
1790
- animation: Spinner_rotate 2s linear infinite;
1791
- }
1792
1787
  }
1793
- .Spinner_circle {
1794
- stroke-linecap: round;
1795
- @media (prefers-reduced-motion: no-preference) {
1796
- animation: Spinner_dash 1.5s ease-in-out infinite;
1788
+ .Spinner_jordskifterett,
1789
+ .Spinner_lagmannsrett,
1790
+ .Spinner_tingrett {
1791
+ transform-origin: center;
1792
+ transform-box: fill-box;
1793
+ animation-duration: 3.4s;
1794
+ animation-iteration-count: infinite;
1795
+ animation-timing-function: ease-in-out;
1796
+ }
1797
+ .Spinner_jordskifterett {
1798
+ animation-name: Spinner_jordskifterett;
1799
+ }
1800
+ .Spinner_tingrett {
1801
+ animation-name: Spinner_tingrett;
1802
+ }
1803
+ .Spinner_lagmannsrett {
1804
+ animation-name: Spinner_lagmannsrett;
1805
+ }
1806
+ @keyframes Spinner_jordskifterett {
1807
+ 0% {
1808
+ transform: scale(0.01);
1809
+ }
1810
+ 16.66% {
1811
+ transform: scale(1);
1812
+ }
1813
+ 33.33% {
1814
+ transform: scale(0.1);
1815
+ }
1816
+ 50% {
1817
+ transform: scale(0.01);
1818
+ }
1819
+ 66.66% {
1820
+ transform: scale(0.01);
1821
+ }
1822
+ 83.33% {
1823
+ transform: scale(0.01);
1824
+ }
1825
+ 100% {
1826
+ transform: scale(0.01);
1797
1827
  }
1798
1828
  }
1799
- @keyframes Spinner_rotate {
1829
+ @keyframes Spinner_tingrett {
1830
+ 0% {
1831
+ transform: scale(0.01);
1832
+ }
1833
+ 16.66% {
1834
+ transform: scale(0.01);
1835
+ }
1836
+ 33.33% {
1837
+ transform: scale(0.01);
1838
+ }
1839
+ 50% {
1840
+ transform: scale(1);
1841
+ }
1842
+ 66.66% {
1843
+ transform: scale(0.1);
1844
+ }
1845
+ 83.33% {
1846
+ transform: scale(0.01);
1847
+ }
1800
1848
  100% {
1801
- transform: rotate(360deg);
1849
+ transform: scale(0.01);
1802
1850
  }
1803
1851
  }
1804
- @keyframes Spinner_dash {
1852
+ @keyframes Spinner_lagmannsrett {
1805
1853
  0% {
1806
- stroke-dasharray: 1, 150;
1807
- stroke-dashoffset: 0;
1854
+ transform: scale(0.01);
1855
+ }
1856
+ 16.66% {
1857
+ transform: scale(0.01);
1858
+ }
1859
+ 33.33% {
1860
+ transform: scale(0.01);
1808
1861
  }
1809
1862
  50% {
1810
- stroke-dasharray: 90, 150;
1811
- stroke-dashoffset: -35;
1863
+ transform: scale(0.01);
1864
+ }
1865
+ 66.66% {
1866
+ transform: scale(0.01);
1867
+ }
1868
+ 83.33% {
1869
+ transform: scale(1);
1812
1870
  }
1813
1871
  100% {
1814
- stroke-dasharray: 90, 150;
1815
- stroke-dashoffset: -124;
1872
+ transform: scale(0.1);
1816
1873
  }
1817
1874
  }
1818
1875
 
@@ -4046,6 +4103,7 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
4046
4103
  display: flex;
4047
4104
  align-items: center;
4048
4105
  justify-content: center;
4106
+ padding: var(--dds-spacing-x0-125);
4049
4107
  border-radius: var(--dds-border-radius-rounded);
4050
4108
  background-color: var(--dds-color-surface-field-default);
4051
4109
  border: 1px solid var(--dds-color-border-default);