@navikt/ds-css 3.2.2 → 3.2.3
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 +12 -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/index.css +51 -9
- package/dist/component/index.min.css +2 -2
- package/dist/components.css +50 -8
- package/dist/components.min.css +2 -2
- package/dist/global/tokens.css +1 -1
- package/dist/index.css +51 -9
- package/dist/index.min.css +2 -2
- 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 Mon, 22 May 2023 14:46:03 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
|
}
|
|
@@ -3586,10 +3603,10 @@ body,
|
|
|
3586
3603
|
color: var(--ac-date-caption-text, var(--a-text-default));
|
|
3587
3604
|
}
|
|
3588
3605
|
.navds-date__field-input {
|
|
3589
|
-
padding-right: var(--a-spacing-
|
|
3606
|
+
padding-right: var(--a-spacing-14);
|
|
3590
3607
|
}
|
|
3591
3608
|
.navds-form-field--small .navds-date__field-input {
|
|
3592
|
-
padding-right: var(--a-spacing-
|
|
3609
|
+
padding-right: var(--a-spacing-10);
|
|
3593
3610
|
}
|
|
3594
3611
|
/* Error-handling */
|
|
3595
3612
|
.navds-date__field--error .navds-date__field-input:not(:hover):not(:disabled) {
|
|
@@ -3606,21 +3623,46 @@ body,
|
|
|
3606
3623
|
}
|
|
3607
3624
|
.navds-date__field-button {
|
|
3608
3625
|
position: absolute;
|
|
3609
|
-
right:
|
|
3626
|
+
right: 1px;
|
|
3610
3627
|
top: 50%;
|
|
3611
3628
|
transform: translateY(-50%);
|
|
3612
3629
|
color: var(--ac-date-input-button-text, var(--a-text-default));
|
|
3630
|
+
display: inline-flex;
|
|
3631
|
+
cursor: pointer;
|
|
3632
|
+
margin: 0;
|
|
3633
|
+
text-decoration: none;
|
|
3634
|
+
border: none;
|
|
3635
|
+
background: none;
|
|
3636
|
+
border-radius: 3px;
|
|
3637
|
+
padding: var(--a-spacing-3);
|
|
3638
|
+
align-items: center;
|
|
3639
|
+
justify-content: center;
|
|
3640
|
+
font-size: 1.5rem;
|
|
3641
|
+
height: calc(100% - 2px);
|
|
3642
|
+
border-start-start-radius: 0;
|
|
3643
|
+
border-end-start-radius: 0;
|
|
3613
3644
|
}
|
|
3614
3645
|
.navds-form-field--small .navds-date__field-button {
|
|
3615
|
-
|
|
3616
|
-
height: 1.5rem;
|
|
3617
|
-
width: 1.5rem;
|
|
3646
|
+
padding: var(--a-spacing-1);
|
|
3618
3647
|
}
|
|
3619
|
-
.navds-
|
|
3620
|
-
|
|
3648
|
+
.navds-date__field-button:hover:where(:not([disabled])) {
|
|
3649
|
+
color: var(--ac-date-input-button-hover-text, var(--a-text-action-on-action-subtle));
|
|
3650
|
+
background-color: var(--ac-date-input-button-hover-bg, var(--a-surface-action-subtle-hover));
|
|
3621
3651
|
}
|
|
3622
3652
|
.navds-form-field--disabled .navds-date__field-button {
|
|
3623
3653
|
opacity: 1;
|
|
3654
|
+
cursor: not-allowed;
|
|
3655
|
+
}
|
|
3656
|
+
.navds-date__field-button:focus-visible {
|
|
3657
|
+
outline: none;
|
|
3658
|
+
box-shadow: var(--a-shadow-focus);
|
|
3659
|
+
border-radius: var(--a-border-radius-medium);
|
|
3660
|
+
}
|
|
3661
|
+
@supports not selector(:focus-visible) {
|
|
3662
|
+
.navds-date__field-button:focus {
|
|
3663
|
+
outline: none;
|
|
3664
|
+
box-shadow: var(--a-shadow-focus);
|
|
3665
|
+
}
|
|
3624
3666
|
}
|
|
3625
3667
|
.navds-date__caption__year {
|
|
3626
3668
|
width: 5rem;
|