@norges-domstoler/dds-components 21.4.0 → 21.5.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 +7 -11
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +10 -5
- package/dist/index.d.ts +10 -5
- package/dist/index.js +947 -920
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +636 -610
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -4
package/dist/index.css
CHANGED
|
@@ -2144,19 +2144,19 @@
|
|
|
2144
2144
|
border-color: var(--dds-color-border-action-hover);
|
|
2145
2145
|
}
|
|
2146
2146
|
input:checked ~ .SelectionControl_selection-control,
|
|
2147
|
-
input[data-indeterminate] ~ .SelectionControl_selection-control {
|
|
2147
|
+
input[data-indeterminate=true] ~ .SelectionControl_selection-control {
|
|
2148
2148
|
border-color: var(--dds-color-surface-action-selected);
|
|
2149
2149
|
background-color: var(--dds-color-surface-action-selected);
|
|
2150
2150
|
}
|
|
2151
2151
|
input:checked[aria-readonly=true] ~ .SelectionControl_selection-control,
|
|
2152
|
-
input[data-indeterminate][aria-readonly=true] ~ .SelectionControl_selection-control {
|
|
2152
|
+
input[data-indeterminate=true][aria-readonly=true] ~ .SelectionControl_selection-control {
|
|
2153
2153
|
border-color: var(--dds-color-surface-action-selected-disabled);
|
|
2154
2154
|
background-color: var(--dds-color-surface-action-selected-disabled);
|
|
2155
2155
|
}
|
|
2156
2156
|
&:hover {
|
|
2157
2157
|
input:enabled:not([aria-readonly=true]) {
|
|
2158
2158
|
&:checked[type=checkbox],
|
|
2159
|
-
&[data-indeterminate] {
|
|
2159
|
+
&[data-indeterminate=true] {
|
|
2160
2160
|
~ .SelectionControl_selection-control {
|
|
2161
2161
|
background-color: var(--dds-color-surface-action-hover);
|
|
2162
2162
|
border-color: var(--dds-color-surface-action-hover);
|
|
@@ -2166,7 +2166,7 @@
|
|
|
2166
2166
|
}
|
|
2167
2167
|
}
|
|
2168
2168
|
input:checked ~ .SelectionControl_selection-control:after,
|
|
2169
|
-
input[data-indeterminate] ~ .SelectionControl_selection-control:after {
|
|
2169
|
+
input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
|
|
2170
2170
|
display: block;
|
|
2171
2171
|
}
|
|
2172
2172
|
.SelectionControl_label--checkbox {
|
|
@@ -2179,7 +2179,7 @@ input[data-indeterminate] ~ .SelectionControl_selection-control:after {
|
|
|
2179
2179
|
height: 10px;
|
|
2180
2180
|
transform: rotate(45deg);
|
|
2181
2181
|
}
|
|
2182
|
-
input[data-indeterminate] ~ .SelectionControl_selection-control:after {
|
|
2182
|
+
input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
|
|
2183
2183
|
border-width: 1px 0 0 0;
|
|
2184
2184
|
left: 25%;
|
|
2185
2185
|
top: 50%;
|
|
@@ -2205,7 +2205,7 @@ input[data-indeterminate] ~ .SelectionControl_selection-control:after {
|
|
|
2205
2205
|
border-color: var(--dds-color-border-subtle);
|
|
2206
2206
|
}
|
|
2207
2207
|
input:checked ~ .SelectionControl_selection-control,
|
|
2208
|
-
input[data-indeterminate] ~ .SelectionControl_selection-control {
|
|
2208
|
+
input[data-indeterminate=true] ~ .SelectionControl_selection-control {
|
|
2209
2209
|
border-color: var(--dds-color-surface-action-selected-disabled);
|
|
2210
2210
|
background-color: var(--dds-color-surface-action-selected-disabled);
|
|
2211
2211
|
}
|
|
@@ -2217,7 +2217,7 @@ input[data-indeterminate] ~ .SelectionControl_selection-control:after {
|
|
|
2217
2217
|
background-color: var(--dds-color-surface-field-disabled);
|
|
2218
2218
|
}
|
|
2219
2219
|
input:checked ~ .SelectionControl_selection-control,
|
|
2220
|
-
input[data-indeterminate] ~ .SelectionControl_selection-control {
|
|
2220
|
+
input[data-indeterminate=true] ~ .SelectionControl_selection-control {
|
|
2221
2221
|
border-color: var(--dds-color-surface-action-selected-disabled);
|
|
2222
2222
|
background-color: var(--dds-color-surface-action-selected-disabled);
|
|
2223
2223
|
}
|
|
@@ -2309,7 +2309,6 @@ input[data-indeterminate] ~ .SelectionControl_selection-control:after {
|
|
|
2309
2309
|
flex-direction: row;
|
|
2310
2310
|
align-items: center;
|
|
2311
2311
|
gap: var(--dds-spacing-x0-25);
|
|
2312
|
-
width: var(--dds-date-input-width);
|
|
2313
2312
|
}
|
|
2314
2313
|
.DateInput_date-input--medium {
|
|
2315
2314
|
padding-inline-start: var(--dds-spacing-x0-5);
|
|
@@ -3957,9 +3956,6 @@ select:hover {
|
|
|
3957
3956
|
.TextInput_container--disabled {
|
|
3958
3957
|
color: var(--dds-color-text-subtle);
|
|
3959
3958
|
}
|
|
3960
|
-
.TextInput_input-width {
|
|
3961
|
-
width: var(--dds-textinput-width);
|
|
3962
|
-
}
|
|
3963
3959
|
.TextInput_input {
|
|
3964
3960
|
&.TextInput_with-icon--medium {
|
|
3965
3961
|
padding-left: calc(var(--dds-spacing-x0-75) + var(--dds-icon-size-medium) + var(--dds-spacing-x0-5));
|