@navikt/ds-css 3.2.2 → 3.2.4
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/CHANGELOG.md +18 -0
- package/copybutton.css +22 -0
- package/date.css +35 -8
- package/dist/component/copybutton.css +22 -0
- package/dist/component/copybutton.min.css +1 -1
- package/dist/component/date.css +35 -8
- package/dist/component/date.min.css +1 -1
- package/dist/component/form.css +3 -0
- package/dist/component/form.min.css +1 -1
- package/dist/component/index.css +54 -9
- package/dist/component/index.min.css +2 -2
- package/dist/components.css +53 -8
- package/dist/components.min.css +2 -2
- package/dist/global/tokens.css +1 -1
- package/dist/index.css +54 -9
- package/dist/index.min.css +2 -2
- package/form/search.css +4 -0
- package/package.json +2 -2
- package/tokens.json +3 -1
package/dist/index.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
/**
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on
|
|
4
|
+
* Generated on Wed, 24 May 2023 13:36:11 GMT
|
|
5
5
|
*/
|
|
6
6
|
:root, :host {
|
|
7
7
|
--a-spacing-05: 0.125rem;
|
|
@@ -1908,12 +1908,23 @@ body,
|
|
|
1908
1908
|
|
|
1909
1909
|
min-height: 2rem;
|
|
1910
1910
|
}
|
|
1911
|
+
.navds-copybutton--xsmall {
|
|
1912
|
+
--__ac-copybutton-padding: var(--a-spacing-05) var(--a-spacing-2);
|
|
1913
|
+
|
|
1914
|
+
min-height: 1.5rem;
|
|
1915
|
+
}
|
|
1911
1916
|
.navds-copybutton--icon-only {
|
|
1912
1917
|
--__ac-copybutton-padding: var(--a-spacing-3);
|
|
1913
1918
|
}
|
|
1914
1919
|
.navds-copybutton--small.navds-copybutton--icon-only {
|
|
1915
1920
|
--__ac-copybutton-padding: var(--a-spacing-1);
|
|
1916
1921
|
}
|
|
1922
|
+
.navds-copybutton--xsmall.navds-copybutton--icon-only {
|
|
1923
|
+
--__ac-copybutton-padding: var(--a-spacing-05);
|
|
1924
|
+
}
|
|
1925
|
+
.navds-copybutton--xsmall .navds-copybutton__icon {
|
|
1926
|
+
font-size: 1.25rem;
|
|
1927
|
+
}
|
|
1917
1928
|
.navds-copybutton__icon {
|
|
1918
1929
|
font-size: 1.5rem;
|
|
1919
1930
|
display: flex;
|
|
@@ -1922,6 +1933,9 @@ body,
|
|
|
1922
1933
|
.navds-copybutton__icon:only-child {
|
|
1923
1934
|
margin: 0;
|
|
1924
1935
|
}
|
|
1936
|
+
:where(.navds-copybutton--small, .navds-copybutton--xsmall):where(:not(:only-child)) {
|
|
1937
|
+
margin: -2px;
|
|
1938
|
+
}
|
|
1925
1939
|
.navds-copybutton:focus-visible {
|
|
1926
1940
|
outline: none;
|
|
1927
1941
|
box-shadow: var(--a-shadow-focus);
|
|
@@ -1974,6 +1988,9 @@ body,
|
|
|
1974
1988
|
justify-content: center;
|
|
1975
1989
|
gap: var(--a-spacing-2);
|
|
1976
1990
|
}
|
|
1991
|
+
.navds-copybutton--xsmall > .navds-copybutton__content {
|
|
1992
|
+
gap: var(--a-spacing-1);
|
|
1993
|
+
}
|
|
1977
1994
|
.navds-copybutton--active > .navds-copybutton__content {
|
|
1978
1995
|
animation: var(--ac-copybutton-animation, akselCopyButtonAnimation 0.4s linear);
|
|
1979
1996
|
}
|
|
@@ -2921,6 +2938,9 @@ body,
|
|
|
2921
2938
|
position: relative;
|
|
2922
2939
|
width: 100%;
|
|
2923
2940
|
}
|
|
2941
|
+
.navds-search--with-size :where(.navds-search__wrapper-inner) {
|
|
2942
|
+
width: inherit;
|
|
2943
|
+
}
|
|
2924
2944
|
.navds-search__wrapper {
|
|
2925
2945
|
display: inline-flex;
|
|
2926
2946
|
align-items: center;
|
|
@@ -3586,10 +3606,10 @@ body,
|
|
|
3586
3606
|
color: var(--ac-date-caption-text, var(--a-text-default));
|
|
3587
3607
|
}
|
|
3588
3608
|
.navds-date__field-input {
|
|
3589
|
-
padding-right: var(--a-spacing-
|
|
3609
|
+
padding-right: var(--a-spacing-14);
|
|
3590
3610
|
}
|
|
3591
3611
|
.navds-form-field--small .navds-date__field-input {
|
|
3592
|
-
padding-right: var(--a-spacing-
|
|
3612
|
+
padding-right: var(--a-spacing-10);
|
|
3593
3613
|
}
|
|
3594
3614
|
/* Error-handling */
|
|
3595
3615
|
.navds-date__field--error .navds-date__field-input:not(:hover):not(:disabled) {
|
|
@@ -3606,21 +3626,46 @@ body,
|
|
|
3606
3626
|
}
|
|
3607
3627
|
.navds-date__field-button {
|
|
3608
3628
|
position: absolute;
|
|
3609
|
-
right:
|
|
3629
|
+
right: 1px;
|
|
3610
3630
|
top: 50%;
|
|
3611
3631
|
transform: translateY(-50%);
|
|
3612
3632
|
color: var(--ac-date-input-button-text, var(--a-text-default));
|
|
3633
|
+
display: inline-flex;
|
|
3634
|
+
cursor: pointer;
|
|
3635
|
+
margin: 0;
|
|
3636
|
+
text-decoration: none;
|
|
3637
|
+
border: none;
|
|
3638
|
+
background: none;
|
|
3639
|
+
border-radius: 3px;
|
|
3640
|
+
padding: var(--a-spacing-3);
|
|
3641
|
+
align-items: center;
|
|
3642
|
+
justify-content: center;
|
|
3643
|
+
font-size: 1.5rem;
|
|
3644
|
+
height: calc(100% - 2px);
|
|
3645
|
+
border-start-start-radius: 0;
|
|
3646
|
+
border-end-start-radius: 0;
|
|
3613
3647
|
}
|
|
3614
3648
|
.navds-form-field--small .navds-date__field-button {
|
|
3615
|
-
|
|
3616
|
-
height: 1.5rem;
|
|
3617
|
-
width: 1.5rem;
|
|
3649
|
+
padding: var(--a-spacing-1);
|
|
3618
3650
|
}
|
|
3619
|
-
.navds-
|
|
3620
|
-
|
|
3651
|
+
.navds-date__field-button:hover:where(:not([disabled])) {
|
|
3652
|
+
color: var(--ac-date-input-button-hover-text, var(--a-text-action-on-action-subtle));
|
|
3653
|
+
background-color: var(--ac-date-input-button-hover-bg, var(--a-surface-action-subtle-hover));
|
|
3621
3654
|
}
|
|
3622
3655
|
.navds-form-field--disabled .navds-date__field-button {
|
|
3623
3656
|
opacity: 1;
|
|
3657
|
+
cursor: not-allowed;
|
|
3658
|
+
}
|
|
3659
|
+
.navds-date__field-button:focus-visible {
|
|
3660
|
+
outline: none;
|
|
3661
|
+
box-shadow: var(--a-shadow-focus);
|
|
3662
|
+
border-radius: var(--a-border-radius-medium);
|
|
3663
|
+
}
|
|
3664
|
+
@supports not selector(:focus-visible) {
|
|
3665
|
+
.navds-date__field-button:focus {
|
|
3666
|
+
outline: none;
|
|
3667
|
+
box-shadow: var(--a-shadow-focus);
|
|
3668
|
+
}
|
|
3624
3669
|
}
|
|
3625
3670
|
.navds-date__caption__year {
|
|
3626
3671
|
width: 5rem;
|