Skip to content

Commit

Permalink
Updated snapshots following latest changes
Browse files Browse the repository at this point in the history
  • Loading branch information
@Sundfjord
Sundfjord committed Nov 17, 2023
1 parent 7d62765 commit 8b9989d
Show file tree
Hide file tree
Showing 8 changed files with 48 additions and 30 deletions.
15 changes: 9 additions & 6 deletions packages/dnb-eufemia/src/components/checkbox/__tests__/__snapshots__/Checkbox.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -307,12 +307,6 @@ html[data-whatinput=keyboard] .dnb-checkbox__focus {
vertical-align: top;
margin-top: 0.5rem;
}
.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__button {
border-color: var(--skeleton-color);
}
.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__button::before {
border-radius: 0;
}
.dnb-checkbox__input:checked ~ .dnb-checkbox__gfx, .dnb-checkbox__input[data-checked=true] ~ .dnb-checkbox__gfx {
opacity: 1;
transform: scale(1);
Expand Down Expand Up @@ -400,6 +394,15 @@ html[data-whatinput=keyboard] .dnb-checkbox__status--error .dnb-checkbox__input:
}
.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover):checked ~ .dnb-checkbox__button, .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)[data-checked=true] ~ .dnb-checkbox__button {
background-color: var(--checkbox-color-background-on--error);
}
.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__button {
border-color: var(--skeleton-color);
}
.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__button::before {
border-radius: 0;
}
.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__gfx {
color: var(--skeleton-color);
}"
`;

Expand Down
26 changes: 16 additions & 10 deletions ...s/dnb-eufemia/src/components/date-picker/__tests__/__snapshots__/DatePicker.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2728,12 +2728,6 @@ html[data-whatinput=keyboard] .dnb-checkbox__focus {
vertical-align: top;
margin-top: 0.5rem;
}
.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__button {
border-color: var(--skeleton-color);
}
.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__button::before {
border-radius: 0;
}
.dnb-checkbox__input:checked ~ .dnb-checkbox__gfx, .dnb-checkbox__input[data-checked=true] ~ .dnb-checkbox__gfx {
opacity: 1;
transform: scale(1);
Expand Down Expand Up @@ -2822,6 +2816,15 @@ html[data-whatinput=keyboard] .dnb-checkbox__status--error .dnb-checkbox__input:
.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover):checked ~ .dnb-checkbox__button, .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)[data-checked=true] ~ .dnb-checkbox__button {
background-color: var(--checkbox-color-background-on--error);
}
.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__button {
border-color: var(--skeleton-color);
}
.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__button::before {
border-radius: 0;
}
.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__gfx {
color: var(--skeleton-color);
}
/*
* Used for snapshot testing
Expand Down Expand Up @@ -3183,9 +3186,6 @@ html[data-whatinput=keyboard] .dnb-radio__focus {
.dnb-radio-group .dnb-flex-container::before {
font-size: var(--font-size-basis);
}
.dnb-skeleton .dnb-radio__input[disabled] ~ .dnb-radio__button {
border-color: var(--skeleton-color);
}
.dnb-radio__input:checked ~ .dnb-radio__button, .dnb-radio__input[data-checked=true] ~ .dnb-radio__button {
background-color: var(--radio-color-background-on);
border-color: var(--radio-color-border-on);
Expand All @@ -3208,9 +3208,15 @@ html[data-whatinput=keyboard] .dnb-radio__focus {
.dnb-radio__input[disabled]:checked ~ .dnb-radio__dot, .dnb-radio__input[disabled][data-checked=true] ~ .dnb-radio__dot {
background-color: var(--radio-color-dot-on--disabled);
}
.dnb-radio__input[disabled]:not(:checked):not([data-checked=true]) ~ .dnb-radio__button {
.dnb-radio__input[disabled]:not(:checked):not([data-checked=true]) ~ .dnb-radio__button:not(.dnb-skeleton) {
border-color: var(--radio-color-border-off--disabled);
}
.dnb-radio__input[disabled] ~ .dnb-radio__button.dnb-skeleton {
border-color: var(--skeleton-color);
}
.dnb-radio__input[disabled] ~ .dnb-radio__button.dnb-skeleton::before {
border-radius: 0;
}
.dnb-radio__input:not([disabled]):checked:active ~ .dnb-radio__button, .dnb-radio__input:not([disabled])[data-checked=true]:active ~ .dnb-radio__button {
border-color: var(--radio-color-border-on--active);
}
Expand Down
11 changes: 7 additions & 4 deletions packages/dnb-eufemia/src/components/radio/__tests__/__snapshots__/Radio.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -361,9 +361,6 @@ html[data-whatinput=keyboard] .dnb-radio__focus {
.dnb-radio-group .dnb-flex-container::before {
font-size: var(--font-size-basis);
}
.dnb-skeleton .dnb-radio__input[disabled] ~ .dnb-radio__button {
border-color: var(--skeleton-color);
}
.dnb-radio__input:checked ~ .dnb-radio__button, .dnb-radio__input[data-checked=true] ~ .dnb-radio__button {
background-color: var(--radio-color-background-on);
border-color: var(--radio-color-border-on);
Expand All @@ -386,9 +383,15 @@ html[data-whatinput=keyboard] .dnb-radio__focus {
.dnb-radio__input[disabled]:checked ~ .dnb-radio__dot, .dnb-radio__input[disabled][data-checked=true] ~ .dnb-radio__dot {
background-color: var(--radio-color-dot-on--disabled);
}
.dnb-radio__input[disabled]:not(:checked):not([data-checked=true]) ~ .dnb-radio__button {
.dnb-radio__input[disabled]:not(:checked):not([data-checked=true]) ~ .dnb-radio__button:not(.dnb-skeleton) {
border-color: var(--radio-color-border-off--disabled);
}
.dnb-radio__input[disabled] ~ .dnb-radio__button.dnb-skeleton {
border-color: var(--skeleton-color);
}
.dnb-radio__input[disabled] ~ .dnb-radio__button.dnb-skeleton::before {
border-radius: 0;
}
.dnb-radio__input:not([disabled]):checked:active ~ .dnb-radio__button, .dnb-radio__input:not([disabled])[data-checked=true]:active ~ .dnb-radio__button {
border-color: var(--radio-color-border-on--active);
}
Expand Down
Binary file modified ...apshots__/skeleton-for-sbanken-have-to-match-all-components-horizontal.snap.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified ...snapshots__/skeleton-for-sbanken-have-to-match-all-components-vertical.snap.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified ...ge_snapshots__/skeleton-for-ui-have-to-match-all-components-horizontal.snap.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified ...mage_snapshots__/skeleton-for-ui-have-to-match-all-components-vertical.snap.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
26 changes: 16 additions & 10 deletions ...b-eufemia/src/components/toggle-button/__tests__/__snapshots__/ToggleButton.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -910,12 +910,6 @@ html[data-whatinput=keyboard] .dnb-checkbox__focus {
vertical-align: top;
margin-top: 0.5rem;
}
.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__button {
border-color: var(--skeleton-color);
}
.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__button::before {
border-radius: 0;
}
.dnb-checkbox__input:checked ~ .dnb-checkbox__gfx, .dnb-checkbox__input[data-checked=true] ~ .dnb-checkbox__gfx {
opacity: 1;
transform: scale(1);
Expand Down Expand Up @@ -1004,6 +998,15 @@ html[data-whatinput=keyboard] .dnb-checkbox__status--error .dnb-checkbox__input:
.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover):checked ~ .dnb-checkbox__button, .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)[data-checked=true] ~ .dnb-checkbox__button {
background-color: var(--checkbox-color-background-on--error);
}
.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__button {
border-color: var(--skeleton-color);
}
.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__button::before {
border-radius: 0;
}
.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__gfx {
color: var(--skeleton-color);
}
/*
* Used for snapshot testing
Expand Down Expand Up @@ -1365,9 +1368,6 @@ html[data-whatinput=keyboard] .dnb-radio__focus {
.dnb-radio-group .dnb-flex-container::before {
font-size: var(--font-size-basis);
}
.dnb-skeleton .dnb-radio__input[disabled] ~ .dnb-radio__button {
border-color: var(--skeleton-color);
}
.dnb-radio__input:checked ~ .dnb-radio__button, .dnb-radio__input[data-checked=true] ~ .dnb-radio__button {
background-color: var(--radio-color-background-on);
border-color: var(--radio-color-border-on);
Expand All @@ -1390,9 +1390,15 @@ html[data-whatinput=keyboard] .dnb-radio__focus {
.dnb-radio__input[disabled]:checked ~ .dnb-radio__dot, .dnb-radio__input[disabled][data-checked=true] ~ .dnb-radio__dot {
background-color: var(--radio-color-dot-on--disabled);
}
.dnb-radio__input[disabled]:not(:checked):not([data-checked=true]) ~ .dnb-radio__button {
.dnb-radio__input[disabled]:not(:checked):not([data-checked=true]) ~ .dnb-radio__button:not(.dnb-skeleton) {
border-color: var(--radio-color-border-off--disabled);
}
.dnb-radio__input[disabled] ~ .dnb-radio__button.dnb-skeleton {
border-color: var(--skeleton-color);
}
.dnb-radio__input[disabled] ~ .dnb-radio__button.dnb-skeleton::before {
border-radius: 0;
}
.dnb-radio__input:not([disabled]):checked:active ~ .dnb-radio__button, .dnb-radio__input:not([disabled])[data-checked=true]:active ~ .dnb-radio__button {
border-color: var(--radio-color-border-on--active);
}
Expand Down

0 comments on commit 8b9989d

Please sign in to comment.