@inera/ids-design 5.2.1 → 5.2.2

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.
Files changed (6) hide show
  1. package/global/global.css +8 -8
  2. package/package.json +1 -1
  3. package/themes/1177/1177.css +8 -8
  4. package/themes/1177-pro/1177-pro.css +8 -8
  5. package/themes/inera/inera.css +8 -8
  6. package/themes/inera-admin/inera-admin.css +8 -8
package/global/global.css CHANGED
@@ -2859,24 +2859,24 @@ input:focus + .ids-checkbox input::before {
2859
2859
  .ids-checkbox input:disabled:checked + .ids-checkbox input:disabled::after {
2860
2860
  background-image: var(--IDS-CHECKBOX-CHECK--DISABLED_BACKGROUND-IMAGE) !important;
2861
2861
  }
2862
- .ids-checkbox input[type=checkbox]:invalid::before,
2863
- .ids-checkbox input:invalid::before {
2862
+ .ids-checkbox input[type=checkbox].ids-input--invalid::before,
2863
+ .ids-checkbox input.ids-input--invalid::before {
2864
2864
  border: none;
2865
2865
  background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
2866
2866
  background-image: var(--IDS-CHECKBOX--INVALID_BACKGROUND-IMAGE);
2867
2867
  }
2868
- .ids-checkbox input[type=checkbox]:invalid::before:checked + .ids-checkbox input[type=checkbox]:invalid::before::after,
2869
- .ids-checkbox input[type=checkbox]:invalid::before:checked + .ids-checkbox input:invalid::before::after,
2870
- .ids-checkbox input:invalid::before:checked + .ids-checkbox input[type=checkbox]:invalid::before::after,
2871
- .ids-checkbox input:invalid::before:checked + .ids-checkbox input:invalid::before::after {
2868
+ .ids-checkbox input[type=checkbox].ids-input--invalid::before:checked + .ids-checkbox input[type=checkbox].ids-input--invalid::before::after,
2869
+ .ids-checkbox input[type=checkbox].ids-input--invalid::before:checked + .ids-checkbox input.ids-input--invalid::before::after,
2870
+ .ids-checkbox input.ids-input--invalid::before:checked + .ids-checkbox input[type=checkbox].ids-input--invalid::before::after,
2871
+ .ids-checkbox input.ids-input--invalid::before:checked + .ids-checkbox input.ids-input--invalid::before::after {
2872
2872
  background-image: var(--IDS-CHECKBOX-CHECK--INVALID_BACKGROUND-IMAGE) !important;
2873
2873
  }
2874
2874
  .ids-checkbox.ids-checkbox--light input[type=checkbox]::before,
2875
2875
  .ids-checkbox.ids-checkbox--light input::before {
2876
2876
  background-color: var(--IDS-COLOR-NEUTRAL-100);
2877
2877
  }
2878
- .ids-checkbox.ids-checkbox--light input[type=checkbox]:invalid::before,
2879
- .ids-checkbox.ids-checkbox--light input:invalid::before {
2878
+ .ids-checkbox.ids-checkbox--light input[type=checkbox].ids-input--invalid::before,
2879
+ .ids-checkbox.ids-checkbox--light input.ids-input--invalid::before {
2880
2880
  background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
2881
2881
  }
2882
2882
  .ids-checkbox .ids-label-tooltip-wrapper:nth-child(2) {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "type": "module",
3
3
  "name": "@inera/ids-design",
4
- "version": "5.2.1",
4
+ "version": "5.2.2",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "publishConfig": {
7
7
  "access": "public"
package/themes/1177/1177.css CHANGED
@@ -2920,24 +2920,24 @@ input:focus + .ids-checkbox input::before {
2920
2920
  .ids-checkbox input:disabled:checked + .ids-checkbox input:disabled::after {
2921
2921
  background-image: var(--IDS-CHECKBOX-CHECK--DISABLED_BACKGROUND-IMAGE) !important;
2922
2922
  }
2923
- .ids-checkbox input[type=checkbox]:invalid::before,
2924
- .ids-checkbox input:invalid::before {
2923
+ .ids-checkbox input[type=checkbox].ids-input--invalid::before,
2924
+ .ids-checkbox input.ids-input--invalid::before {
2925
2925
  border: none;
2926
2926
  background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
2927
2927
  background-image: var(--IDS-CHECKBOX--INVALID_BACKGROUND-IMAGE);
2928
2928
  }
2929
- .ids-checkbox input[type=checkbox]:invalid::before:checked + .ids-checkbox input[type=checkbox]:invalid::before::after,
2930
- .ids-checkbox input[type=checkbox]:invalid::before:checked + .ids-checkbox input:invalid::before::after,
2931
- .ids-checkbox input:invalid::before:checked + .ids-checkbox input[type=checkbox]:invalid::before::after,
2932
- .ids-checkbox input:invalid::before:checked + .ids-checkbox input:invalid::before::after {
2929
+ .ids-checkbox input[type=checkbox].ids-input--invalid::before:checked + .ids-checkbox input[type=checkbox].ids-input--invalid::before::after,
2930
+ .ids-checkbox input[type=checkbox].ids-input--invalid::before:checked + .ids-checkbox input.ids-input--invalid::before::after,
2931
+ .ids-checkbox input.ids-input--invalid::before:checked + .ids-checkbox input[type=checkbox].ids-input--invalid::before::after,
2932
+ .ids-checkbox input.ids-input--invalid::before:checked + .ids-checkbox input.ids-input--invalid::before::after {
2933
2933
  background-image: var(--IDS-CHECKBOX-CHECK--INVALID_BACKGROUND-IMAGE) !important;
2934
2934
  }
2935
2935
  .ids-checkbox.ids-checkbox--light input[type=checkbox]::before,
2936
2936
  .ids-checkbox.ids-checkbox--light input::before {
2937
2937
  background-color: var(--IDS-COLOR-NEUTRAL-100);
2938
2938
  }
2939
- .ids-checkbox.ids-checkbox--light input[type=checkbox]:invalid::before,
2940
- .ids-checkbox.ids-checkbox--light input:invalid::before {
2939
+ .ids-checkbox.ids-checkbox--light input[type=checkbox].ids-input--invalid::before,
2940
+ .ids-checkbox.ids-checkbox--light input.ids-input--invalid::before {
2941
2941
  background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
2942
2942
  }
2943
2943
  .ids-checkbox .ids-label-tooltip-wrapper:nth-child(2) {
package/themes/1177-pro/1177-pro.css CHANGED
@@ -2920,24 +2920,24 @@ input:focus + .ids-checkbox input::before {
2920
2920
  .ids-checkbox input:disabled:checked + .ids-checkbox input:disabled::after {
2921
2921
  background-image: var(--IDS-CHECKBOX-CHECK--DISABLED_BACKGROUND-IMAGE) !important;
2922
2922
  }
2923
- .ids-checkbox input[type=checkbox]:invalid::before,
2924
- .ids-checkbox input:invalid::before {
2923
+ .ids-checkbox input[type=checkbox].ids-input--invalid::before,
2924
+ .ids-checkbox input.ids-input--invalid::before {
2925
2925
  border: none;
2926
2926
  background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
2927
2927
  background-image: var(--IDS-CHECKBOX--INVALID_BACKGROUND-IMAGE);
2928
2928
  }
2929
- .ids-checkbox input[type=checkbox]:invalid::before:checked + .ids-checkbox input[type=checkbox]:invalid::before::after,
2930
- .ids-checkbox input[type=checkbox]:invalid::before:checked + .ids-checkbox input:invalid::before::after,
2931
- .ids-checkbox input:invalid::before:checked + .ids-checkbox input[type=checkbox]:invalid::before::after,
2932
- .ids-checkbox input:invalid::before:checked + .ids-checkbox input:invalid::before::after {
2929
+ .ids-checkbox input[type=checkbox].ids-input--invalid::before:checked + .ids-checkbox input[type=checkbox].ids-input--invalid::before::after,
2930
+ .ids-checkbox input[type=checkbox].ids-input--invalid::before:checked + .ids-checkbox input.ids-input--invalid::before::after,
2931
+ .ids-checkbox input.ids-input--invalid::before:checked + .ids-checkbox input[type=checkbox].ids-input--invalid::before::after,
2932
+ .ids-checkbox input.ids-input--invalid::before:checked + .ids-checkbox input.ids-input--invalid::before::after {
2933
2933
  background-image: var(--IDS-CHECKBOX-CHECK--INVALID_BACKGROUND-IMAGE) !important;
2934
2934
  }
2935
2935
  .ids-checkbox.ids-checkbox--light input[type=checkbox]::before,
2936
2936
  .ids-checkbox.ids-checkbox--light input::before {
2937
2937
  background-color: var(--IDS-COLOR-NEUTRAL-100);
2938
2938
  }
2939
- .ids-checkbox.ids-checkbox--light input[type=checkbox]:invalid::before,
2940
- .ids-checkbox.ids-checkbox--light input:invalid::before {
2939
+ .ids-checkbox.ids-checkbox--light input[type=checkbox].ids-input--invalid::before,
2940
+ .ids-checkbox.ids-checkbox--light input.ids-input--invalid::before {
2941
2941
  background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
2942
2942
  }
2943
2943
  .ids-checkbox .ids-label-tooltip-wrapper:nth-child(2) {
package/themes/inera/inera.css CHANGED
@@ -2920,24 +2920,24 @@ input:focus + .ids-checkbox input::before {
2920
2920
  .ids-checkbox input:disabled:checked + .ids-checkbox input:disabled::after {
2921
2921
  background-image: var(--IDS-CHECKBOX-CHECK--DISABLED_BACKGROUND-IMAGE) !important;
2922
2922
  }
2923
- .ids-checkbox input[type=checkbox]:invalid::before,
2924
- .ids-checkbox input:invalid::before {
2923
+ .ids-checkbox input[type=checkbox].ids-input--invalid::before,
2924
+ .ids-checkbox input.ids-input--invalid::before {
2925
2925
  border: none;
2926
2926
  background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
2927
2927
  background-image: var(--IDS-CHECKBOX--INVALID_BACKGROUND-IMAGE);
2928
2928
  }
2929
- .ids-checkbox input[type=checkbox]:invalid::before:checked + .ids-checkbox input[type=checkbox]:invalid::before::after,
2930
- .ids-checkbox input[type=checkbox]:invalid::before:checked + .ids-checkbox input:invalid::before::after,
2931
- .ids-checkbox input:invalid::before:checked + .ids-checkbox input[type=checkbox]:invalid::before::after,
2932
- .ids-checkbox input:invalid::before:checked + .ids-checkbox input:invalid::before::after {
2929
+ .ids-checkbox input[type=checkbox].ids-input--invalid::before:checked + .ids-checkbox input[type=checkbox].ids-input--invalid::before::after,
2930
+ .ids-checkbox input[type=checkbox].ids-input--invalid::before:checked + .ids-checkbox input.ids-input--invalid::before::after,
2931
+ .ids-checkbox input.ids-input--invalid::before:checked + .ids-checkbox input[type=checkbox].ids-input--invalid::before::after,
2932
+ .ids-checkbox input.ids-input--invalid::before:checked + .ids-checkbox input.ids-input--invalid::before::after {
2933
2933
  background-image: var(--IDS-CHECKBOX-CHECK--INVALID_BACKGROUND-IMAGE) !important;
2934
2934
  }
2935
2935
  .ids-checkbox.ids-checkbox--light input[type=checkbox]::before,
2936
2936
  .ids-checkbox.ids-checkbox--light input::before {
2937
2937
  background-color: var(--IDS-COLOR-NEUTRAL-100);
2938
2938
  }
2939
- .ids-checkbox.ids-checkbox--light input[type=checkbox]:invalid::before,
2940
- .ids-checkbox.ids-checkbox--light input:invalid::before {
2939
+ .ids-checkbox.ids-checkbox--light input[type=checkbox].ids-input--invalid::before,
2940
+ .ids-checkbox.ids-checkbox--light input.ids-input--invalid::before {
2941
2941
  background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
2942
2942
  }
2943
2943
  .ids-checkbox .ids-label-tooltip-wrapper:nth-child(2) {
package/themes/inera-admin/inera-admin.css CHANGED
@@ -2920,24 +2920,24 @@ input:focus + .ids-checkbox input::before {
2920
2920
  .ids-checkbox input:disabled:checked + .ids-checkbox input:disabled::after {
2921
2921
  background-image: var(--IDS-CHECKBOX-CHECK--DISABLED_BACKGROUND-IMAGE) !important;
2922
2922
  }
2923
- .ids-checkbox input[type=checkbox]:invalid::before,
2924
- .ids-checkbox input:invalid::before {
2923
+ .ids-checkbox input[type=checkbox].ids-input--invalid::before,
2924
+ .ids-checkbox input.ids-input--invalid::before {
2925
2925
  border: none;
2926
2926
  background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
2927
2927
  background-image: var(--IDS-CHECKBOX--INVALID_BACKGROUND-IMAGE);
2928
2928
  }
2929
- .ids-checkbox input[type=checkbox]:invalid::before:checked + .ids-checkbox input[type=checkbox]:invalid::before::after,
2930
- .ids-checkbox input[type=checkbox]:invalid::before:checked + .ids-checkbox input:invalid::before::after,
2931
- .ids-checkbox input:invalid::before:checked + .ids-checkbox input[type=checkbox]:invalid::before::after,
2932
- .ids-checkbox input:invalid::before:checked + .ids-checkbox input:invalid::before::after {
2929
+ .ids-checkbox input[type=checkbox].ids-input--invalid::before:checked + .ids-checkbox input[type=checkbox].ids-input--invalid::before::after,
2930
+ .ids-checkbox input[type=checkbox].ids-input--invalid::before:checked + .ids-checkbox input.ids-input--invalid::before::after,
2931
+ .ids-checkbox input.ids-input--invalid::before:checked + .ids-checkbox input[type=checkbox].ids-input--invalid::before::after,
2932
+ .ids-checkbox input.ids-input--invalid::before:checked + .ids-checkbox input.ids-input--invalid::before::after {
2933
2933
  background-image: var(--IDS-CHECKBOX-CHECK--INVALID_BACKGROUND-IMAGE) !important;
2934
2934
  }
2935
2935
  .ids-checkbox.ids-checkbox--light input[type=checkbox]::before,
2936
2936
  .ids-checkbox.ids-checkbox--light input::before {
2937
2937
  background-color: var(--IDS-COLOR-NEUTRAL-100);
2938
2938
  }
2939
- .ids-checkbox.ids-checkbox--light input[type=checkbox]:invalid::before,
2940
- .ids-checkbox.ids-checkbox--light input:invalid::before {
2939
+ .ids-checkbox.ids-checkbox--light input[type=checkbox].ids-input--invalid::before,
2940
+ .ids-checkbox.ids-checkbox--light input.ids-input--invalid::before {
2941
2941
  background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
2942
2942
  }
2943
2943
  .ids-checkbox .ids-label-tooltip-wrapper:nth-child(2) {