@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/components.css
CHANGED
|
@@ -1192,12 +1192,23 @@
|
|
|
1192
1192
|
|
|
1193
1193
|
min-height: 2rem;
|
|
1194
1194
|
}
|
|
1195
|
+
.navds-copybutton--xsmall {
|
|
1196
|
+
--__ac-copybutton-padding: var(--a-spacing-05) var(--a-spacing-2);
|
|
1197
|
+
|
|
1198
|
+
min-height: 1.5rem;
|
|
1199
|
+
}
|
|
1195
1200
|
.navds-copybutton--icon-only {
|
|
1196
1201
|
--__ac-copybutton-padding: var(--a-spacing-3);
|
|
1197
1202
|
}
|
|
1198
1203
|
.navds-copybutton--small.navds-copybutton--icon-only {
|
|
1199
1204
|
--__ac-copybutton-padding: var(--a-spacing-1);
|
|
1200
1205
|
}
|
|
1206
|
+
.navds-copybutton--xsmall.navds-copybutton--icon-only {
|
|
1207
|
+
--__ac-copybutton-padding: var(--a-spacing-05);
|
|
1208
|
+
}
|
|
1209
|
+
.navds-copybutton--xsmall .navds-copybutton__icon {
|
|
1210
|
+
font-size: 1.25rem;
|
|
1211
|
+
}
|
|
1201
1212
|
.navds-copybutton__icon {
|
|
1202
1213
|
font-size: 1.5rem;
|
|
1203
1214
|
display: flex;
|
|
@@ -1206,6 +1217,9 @@
|
|
|
1206
1217
|
.navds-copybutton__icon:only-child {
|
|
1207
1218
|
margin: 0;
|
|
1208
1219
|
}
|
|
1220
|
+
:where(.navds-copybutton--small, .navds-copybutton--xsmall):where(:not(:only-child)) {
|
|
1221
|
+
margin: -2px;
|
|
1222
|
+
}
|
|
1209
1223
|
.navds-copybutton:focus-visible {
|
|
1210
1224
|
outline: none;
|
|
1211
1225
|
box-shadow: var(--a-shadow-focus);
|
|
@@ -1258,6 +1272,9 @@
|
|
|
1258
1272
|
justify-content: center;
|
|
1259
1273
|
gap: var(--a-spacing-2);
|
|
1260
1274
|
}
|
|
1275
|
+
.navds-copybutton--xsmall > .navds-copybutton__content {
|
|
1276
|
+
gap: var(--a-spacing-1);
|
|
1277
|
+
}
|
|
1261
1278
|
.navds-copybutton--active > .navds-copybutton__content {
|
|
1262
1279
|
animation: var(--ac-copybutton-animation, akselCopyButtonAnimation 0.4s linear);
|
|
1263
1280
|
}
|
|
@@ -2205,6 +2222,9 @@
|
|
|
2205
2222
|
position: relative;
|
|
2206
2223
|
width: 100%;
|
|
2207
2224
|
}
|
|
2225
|
+
.navds-search--with-size :where(.navds-search__wrapper-inner) {
|
|
2226
|
+
width: inherit;
|
|
2227
|
+
}
|
|
2208
2228
|
.navds-search__wrapper {
|
|
2209
2229
|
display: inline-flex;
|
|
2210
2230
|
align-items: center;
|
|
@@ -2870,10 +2890,10 @@
|
|
|
2870
2890
|
color: var(--ac-date-caption-text, var(--a-text-default));
|
|
2871
2891
|
}
|
|
2872
2892
|
.navds-date__field-input {
|
|
2873
|
-
padding-right: var(--a-spacing-
|
|
2893
|
+
padding-right: var(--a-spacing-14);
|
|
2874
2894
|
}
|
|
2875
2895
|
.navds-form-field--small .navds-date__field-input {
|
|
2876
|
-
padding-right: var(--a-spacing-
|
|
2896
|
+
padding-right: var(--a-spacing-10);
|
|
2877
2897
|
}
|
|
2878
2898
|
/* Error-handling */
|
|
2879
2899
|
.navds-date__field--error .navds-date__field-input:not(:hover):not(:disabled) {
|
|
@@ -2890,21 +2910,46 @@
|
|
|
2890
2910
|
}
|
|
2891
2911
|
.navds-date__field-button {
|
|
2892
2912
|
position: absolute;
|
|
2893
|
-
right:
|
|
2913
|
+
right: 1px;
|
|
2894
2914
|
top: 50%;
|
|
2895
2915
|
transform: translateY(-50%);
|
|
2896
2916
|
color: var(--ac-date-input-button-text, var(--a-text-default));
|
|
2917
|
+
display: inline-flex;
|
|
2918
|
+
cursor: pointer;
|
|
2919
|
+
margin: 0;
|
|
2920
|
+
text-decoration: none;
|
|
2921
|
+
border: none;
|
|
2922
|
+
background: none;
|
|
2923
|
+
border-radius: 3px;
|
|
2924
|
+
padding: var(--a-spacing-3);
|
|
2925
|
+
align-items: center;
|
|
2926
|
+
justify-content: center;
|
|
2927
|
+
font-size: 1.5rem;
|
|
2928
|
+
height: calc(100% - 2px);
|
|
2929
|
+
border-start-start-radius: 0;
|
|
2930
|
+
border-end-start-radius: 0;
|
|
2897
2931
|
}
|
|
2898
2932
|
.navds-form-field--small .navds-date__field-button {
|
|
2899
|
-
|
|
2900
|
-
height: 1.5rem;
|
|
2901
|
-
width: 1.5rem;
|
|
2933
|
+
padding: var(--a-spacing-1);
|
|
2902
2934
|
}
|
|
2903
|
-
.navds-
|
|
2904
|
-
|
|
2935
|
+
.navds-date__field-button:hover:where(:not([disabled])) {
|
|
2936
|
+
color: var(--ac-date-input-button-hover-text, var(--a-text-action-on-action-subtle));
|
|
2937
|
+
background-color: var(--ac-date-input-button-hover-bg, var(--a-surface-action-subtle-hover));
|
|
2905
2938
|
}
|
|
2906
2939
|
.navds-form-field--disabled .navds-date__field-button {
|
|
2907
2940
|
opacity: 1;
|
|
2941
|
+
cursor: not-allowed;
|
|
2942
|
+
}
|
|
2943
|
+
.navds-date__field-button:focus-visible {
|
|
2944
|
+
outline: none;
|
|
2945
|
+
box-shadow: var(--a-shadow-focus);
|
|
2946
|
+
border-radius: var(--a-border-radius-medium);
|
|
2947
|
+
}
|
|
2948
|
+
@supports not selector(:focus-visible) {
|
|
2949
|
+
.navds-date__field-button:focus {
|
|
2950
|
+
outline: none;
|
|
2951
|
+
box-shadow: var(--a-shadow-focus);
|
|
2952
|
+
}
|
|
2908
2953
|
}
|
|
2909
2954
|
.navds-date__caption__year {
|
|
2910
2955
|
width: 5rem;
|