@inera/ids-design 5.2.0 → 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.
- package/global/global.css +15 -8
- package/package.json +1 -1
- package/themes/1177/1177.css +15 -8
- package/themes/1177-pro/1177-pro.css +15 -8
- package/themes/inera/inera.css +15 -8
- package/themes/inera-admin/inera-admin.css +15 -8
package/global/global.css
CHANGED
|
@@ -2708,6 +2708,7 @@
|
|
|
2708
2708
|
border-radius: 50%;
|
|
2709
2709
|
margin-top: 3px;
|
|
2710
2710
|
position: relative;
|
|
2711
|
+
flex-shrink: 0;
|
|
2711
2712
|
}
|
|
2712
2713
|
.ids-radio input.ids-input--light:not(:invalid),
|
|
2713
2714
|
.ids-radio input[type=radio].ids-input--light:not(:invalid) {
|
|
@@ -2775,6 +2776,9 @@
|
|
|
2775
2776
|
top: 1px;
|
|
2776
2777
|
left: 1px;
|
|
2777
2778
|
}
|
|
2779
|
+
.ids-radio .ids-label-tooltip-wrapper:nth-child(2) {
|
|
2780
|
+
margin-top: 3px;
|
|
2781
|
+
}
|
|
2778
2782
|
.ids-radio.ids-radio--compact {
|
|
2779
2783
|
margin: 0 !important;
|
|
2780
2784
|
}
|
|
@@ -2855,26 +2859,29 @@ input:focus + .ids-checkbox input::before {
|
|
|
2855
2859
|
.ids-checkbox input:disabled:checked + .ids-checkbox input:disabled::after {
|
|
2856
2860
|
background-image: var(--IDS-CHECKBOX-CHECK--DISABLED_BACKGROUND-IMAGE) !important;
|
|
2857
2861
|
}
|
|
2858
|
-
.ids-checkbox input[type=checkbox]
|
|
2859
|
-
.ids-checkbox input
|
|
2862
|
+
.ids-checkbox input[type=checkbox].ids-input--invalid::before,
|
|
2863
|
+
.ids-checkbox input.ids-input--invalid::before {
|
|
2860
2864
|
border: none;
|
|
2861
2865
|
background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
|
|
2862
2866
|
background-image: var(--IDS-CHECKBOX--INVALID_BACKGROUND-IMAGE);
|
|
2863
2867
|
}
|
|
2864
|
-
.ids-checkbox input[type=checkbox]
|
|
2865
|
-
.ids-checkbox input[type=checkbox]
|
|
2866
|
-
.ids-checkbox input
|
|
2867
|
-
.ids-checkbox input
|
|
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 {
|
|
2868
2872
|
background-image: var(--IDS-CHECKBOX-CHECK--INVALID_BACKGROUND-IMAGE) !important;
|
|
2869
2873
|
}
|
|
2870
2874
|
.ids-checkbox.ids-checkbox--light input[type=checkbox]::before,
|
|
2871
2875
|
.ids-checkbox.ids-checkbox--light input::before {
|
|
2872
2876
|
background-color: var(--IDS-COLOR-NEUTRAL-100);
|
|
2873
2877
|
}
|
|
2874
|
-
.ids-checkbox.ids-checkbox--light input[type=checkbox]
|
|
2875
|
-
.ids-checkbox.ids-checkbox--light input
|
|
2878
|
+
.ids-checkbox.ids-checkbox--light input[type=checkbox].ids-input--invalid::before,
|
|
2879
|
+
.ids-checkbox.ids-checkbox--light input.ids-input--invalid::before {
|
|
2876
2880
|
background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
|
|
2877
2881
|
}
|
|
2882
|
+
.ids-checkbox .ids-label-tooltip-wrapper:nth-child(2) {
|
|
2883
|
+
margin-top: 3px;
|
|
2884
|
+
}
|
|
2878
2885
|
.ids-checkbox.ids-checkbox--compact {
|
|
2879
2886
|
margin: 0 !important;
|
|
2880
2887
|
}
|
package/package.json
CHANGED
package/themes/1177/1177.css
CHANGED
|
@@ -2769,6 +2769,7 @@ body.ids {
|
|
|
2769
2769
|
border-radius: 50%;
|
|
2770
2770
|
margin-top: 3px;
|
|
2771
2771
|
position: relative;
|
|
2772
|
+
flex-shrink: 0;
|
|
2772
2773
|
}
|
|
2773
2774
|
.ids-radio input.ids-input--light:not(:invalid),
|
|
2774
2775
|
.ids-radio input[type=radio].ids-input--light:not(:invalid) {
|
|
@@ -2836,6 +2837,9 @@ body.ids {
|
|
|
2836
2837
|
top: 1px;
|
|
2837
2838
|
left: 1px;
|
|
2838
2839
|
}
|
|
2840
|
+
.ids-radio .ids-label-tooltip-wrapper:nth-child(2) {
|
|
2841
|
+
margin-top: 3px;
|
|
2842
|
+
}
|
|
2839
2843
|
.ids-radio.ids-radio--compact {
|
|
2840
2844
|
margin: 0 !important;
|
|
2841
2845
|
}
|
|
@@ -2916,26 +2920,29 @@ input:focus + .ids-checkbox input::before {
|
|
|
2916
2920
|
.ids-checkbox input:disabled:checked + .ids-checkbox input:disabled::after {
|
|
2917
2921
|
background-image: var(--IDS-CHECKBOX-CHECK--DISABLED_BACKGROUND-IMAGE) !important;
|
|
2918
2922
|
}
|
|
2919
|
-
.ids-checkbox input[type=checkbox]
|
|
2920
|
-
.ids-checkbox input
|
|
2923
|
+
.ids-checkbox input[type=checkbox].ids-input--invalid::before,
|
|
2924
|
+
.ids-checkbox input.ids-input--invalid::before {
|
|
2921
2925
|
border: none;
|
|
2922
2926
|
background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
|
|
2923
2927
|
background-image: var(--IDS-CHECKBOX--INVALID_BACKGROUND-IMAGE);
|
|
2924
2928
|
}
|
|
2925
|
-
.ids-checkbox input[type=checkbox]
|
|
2926
|
-
.ids-checkbox input[type=checkbox]
|
|
2927
|
-
.ids-checkbox input
|
|
2928
|
-
.ids-checkbox input
|
|
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 {
|
|
2929
2933
|
background-image: var(--IDS-CHECKBOX-CHECK--INVALID_BACKGROUND-IMAGE) !important;
|
|
2930
2934
|
}
|
|
2931
2935
|
.ids-checkbox.ids-checkbox--light input[type=checkbox]::before,
|
|
2932
2936
|
.ids-checkbox.ids-checkbox--light input::before {
|
|
2933
2937
|
background-color: var(--IDS-COLOR-NEUTRAL-100);
|
|
2934
2938
|
}
|
|
2935
|
-
.ids-checkbox.ids-checkbox--light input[type=checkbox]
|
|
2936
|
-
.ids-checkbox.ids-checkbox--light input
|
|
2939
|
+
.ids-checkbox.ids-checkbox--light input[type=checkbox].ids-input--invalid::before,
|
|
2940
|
+
.ids-checkbox.ids-checkbox--light input.ids-input--invalid::before {
|
|
2937
2941
|
background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
|
|
2938
2942
|
}
|
|
2943
|
+
.ids-checkbox .ids-label-tooltip-wrapper:nth-child(2) {
|
|
2944
|
+
margin-top: 3px;
|
|
2945
|
+
}
|
|
2939
2946
|
.ids-checkbox.ids-checkbox--compact {
|
|
2940
2947
|
margin: 0 !important;
|
|
2941
2948
|
}
|
|
@@ -2769,6 +2769,7 @@ body.ids {
|
|
|
2769
2769
|
border-radius: 50%;
|
|
2770
2770
|
margin-top: 3px;
|
|
2771
2771
|
position: relative;
|
|
2772
|
+
flex-shrink: 0;
|
|
2772
2773
|
}
|
|
2773
2774
|
.ids-radio input.ids-input--light:not(:invalid),
|
|
2774
2775
|
.ids-radio input[type=radio].ids-input--light:not(:invalid) {
|
|
@@ -2836,6 +2837,9 @@ body.ids {
|
|
|
2836
2837
|
top: 1px;
|
|
2837
2838
|
left: 1px;
|
|
2838
2839
|
}
|
|
2840
|
+
.ids-radio .ids-label-tooltip-wrapper:nth-child(2) {
|
|
2841
|
+
margin-top: 3px;
|
|
2842
|
+
}
|
|
2839
2843
|
.ids-radio.ids-radio--compact {
|
|
2840
2844
|
margin: 0 !important;
|
|
2841
2845
|
}
|
|
@@ -2916,26 +2920,29 @@ input:focus + .ids-checkbox input::before {
|
|
|
2916
2920
|
.ids-checkbox input:disabled:checked + .ids-checkbox input:disabled::after {
|
|
2917
2921
|
background-image: var(--IDS-CHECKBOX-CHECK--DISABLED_BACKGROUND-IMAGE) !important;
|
|
2918
2922
|
}
|
|
2919
|
-
.ids-checkbox input[type=checkbox]
|
|
2920
|
-
.ids-checkbox input
|
|
2923
|
+
.ids-checkbox input[type=checkbox].ids-input--invalid::before,
|
|
2924
|
+
.ids-checkbox input.ids-input--invalid::before {
|
|
2921
2925
|
border: none;
|
|
2922
2926
|
background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
|
|
2923
2927
|
background-image: var(--IDS-CHECKBOX--INVALID_BACKGROUND-IMAGE);
|
|
2924
2928
|
}
|
|
2925
|
-
.ids-checkbox input[type=checkbox]
|
|
2926
|
-
.ids-checkbox input[type=checkbox]
|
|
2927
|
-
.ids-checkbox input
|
|
2928
|
-
.ids-checkbox input
|
|
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 {
|
|
2929
2933
|
background-image: var(--IDS-CHECKBOX-CHECK--INVALID_BACKGROUND-IMAGE) !important;
|
|
2930
2934
|
}
|
|
2931
2935
|
.ids-checkbox.ids-checkbox--light input[type=checkbox]::before,
|
|
2932
2936
|
.ids-checkbox.ids-checkbox--light input::before {
|
|
2933
2937
|
background-color: var(--IDS-COLOR-NEUTRAL-100);
|
|
2934
2938
|
}
|
|
2935
|
-
.ids-checkbox.ids-checkbox--light input[type=checkbox]
|
|
2936
|
-
.ids-checkbox.ids-checkbox--light input
|
|
2939
|
+
.ids-checkbox.ids-checkbox--light input[type=checkbox].ids-input--invalid::before,
|
|
2940
|
+
.ids-checkbox.ids-checkbox--light input.ids-input--invalid::before {
|
|
2937
2941
|
background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
|
|
2938
2942
|
}
|
|
2943
|
+
.ids-checkbox .ids-label-tooltip-wrapper:nth-child(2) {
|
|
2944
|
+
margin-top: 3px;
|
|
2945
|
+
}
|
|
2939
2946
|
.ids-checkbox.ids-checkbox--compact {
|
|
2940
2947
|
margin: 0 !important;
|
|
2941
2948
|
}
|
package/themes/inera/inera.css
CHANGED
|
@@ -2769,6 +2769,7 @@ body.ids {
|
|
|
2769
2769
|
border-radius: 50%;
|
|
2770
2770
|
margin-top: 3px;
|
|
2771
2771
|
position: relative;
|
|
2772
|
+
flex-shrink: 0;
|
|
2772
2773
|
}
|
|
2773
2774
|
.ids-radio input.ids-input--light:not(:invalid),
|
|
2774
2775
|
.ids-radio input[type=radio].ids-input--light:not(:invalid) {
|
|
@@ -2836,6 +2837,9 @@ body.ids {
|
|
|
2836
2837
|
top: 1px;
|
|
2837
2838
|
left: 1px;
|
|
2838
2839
|
}
|
|
2840
|
+
.ids-radio .ids-label-tooltip-wrapper:nth-child(2) {
|
|
2841
|
+
margin-top: 3px;
|
|
2842
|
+
}
|
|
2839
2843
|
.ids-radio.ids-radio--compact {
|
|
2840
2844
|
margin: 0 !important;
|
|
2841
2845
|
}
|
|
@@ -2916,26 +2920,29 @@ input:focus + .ids-checkbox input::before {
|
|
|
2916
2920
|
.ids-checkbox input:disabled:checked + .ids-checkbox input:disabled::after {
|
|
2917
2921
|
background-image: var(--IDS-CHECKBOX-CHECK--DISABLED_BACKGROUND-IMAGE) !important;
|
|
2918
2922
|
}
|
|
2919
|
-
.ids-checkbox input[type=checkbox]
|
|
2920
|
-
.ids-checkbox input
|
|
2923
|
+
.ids-checkbox input[type=checkbox].ids-input--invalid::before,
|
|
2924
|
+
.ids-checkbox input.ids-input--invalid::before {
|
|
2921
2925
|
border: none;
|
|
2922
2926
|
background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
|
|
2923
2927
|
background-image: var(--IDS-CHECKBOX--INVALID_BACKGROUND-IMAGE);
|
|
2924
2928
|
}
|
|
2925
|
-
.ids-checkbox input[type=checkbox]
|
|
2926
|
-
.ids-checkbox input[type=checkbox]
|
|
2927
|
-
.ids-checkbox input
|
|
2928
|
-
.ids-checkbox input
|
|
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 {
|
|
2929
2933
|
background-image: var(--IDS-CHECKBOX-CHECK--INVALID_BACKGROUND-IMAGE) !important;
|
|
2930
2934
|
}
|
|
2931
2935
|
.ids-checkbox.ids-checkbox--light input[type=checkbox]::before,
|
|
2932
2936
|
.ids-checkbox.ids-checkbox--light input::before {
|
|
2933
2937
|
background-color: var(--IDS-COLOR-NEUTRAL-100);
|
|
2934
2938
|
}
|
|
2935
|
-
.ids-checkbox.ids-checkbox--light input[type=checkbox]
|
|
2936
|
-
.ids-checkbox.ids-checkbox--light input
|
|
2939
|
+
.ids-checkbox.ids-checkbox--light input[type=checkbox].ids-input--invalid::before,
|
|
2940
|
+
.ids-checkbox.ids-checkbox--light input.ids-input--invalid::before {
|
|
2937
2941
|
background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
|
|
2938
2942
|
}
|
|
2943
|
+
.ids-checkbox .ids-label-tooltip-wrapper:nth-child(2) {
|
|
2944
|
+
margin-top: 3px;
|
|
2945
|
+
}
|
|
2939
2946
|
.ids-checkbox.ids-checkbox--compact {
|
|
2940
2947
|
margin: 0 !important;
|
|
2941
2948
|
}
|
|
@@ -2769,6 +2769,7 @@ body.ids {
|
|
|
2769
2769
|
border-radius: 50%;
|
|
2770
2770
|
margin-top: 3px;
|
|
2771
2771
|
position: relative;
|
|
2772
|
+
flex-shrink: 0;
|
|
2772
2773
|
}
|
|
2773
2774
|
.ids-radio input.ids-input--light:not(:invalid),
|
|
2774
2775
|
.ids-radio input[type=radio].ids-input--light:not(:invalid) {
|
|
@@ -2836,6 +2837,9 @@ body.ids {
|
|
|
2836
2837
|
top: 1px;
|
|
2837
2838
|
left: 1px;
|
|
2838
2839
|
}
|
|
2840
|
+
.ids-radio .ids-label-tooltip-wrapper:nth-child(2) {
|
|
2841
|
+
margin-top: 3px;
|
|
2842
|
+
}
|
|
2839
2843
|
.ids-radio.ids-radio--compact {
|
|
2840
2844
|
margin: 0 !important;
|
|
2841
2845
|
}
|
|
@@ -2916,26 +2920,29 @@ input:focus + .ids-checkbox input::before {
|
|
|
2916
2920
|
.ids-checkbox input:disabled:checked + .ids-checkbox input:disabled::after {
|
|
2917
2921
|
background-image: var(--IDS-CHECKBOX-CHECK--DISABLED_BACKGROUND-IMAGE) !important;
|
|
2918
2922
|
}
|
|
2919
|
-
.ids-checkbox input[type=checkbox]
|
|
2920
|
-
.ids-checkbox input
|
|
2923
|
+
.ids-checkbox input[type=checkbox].ids-input--invalid::before,
|
|
2924
|
+
.ids-checkbox input.ids-input--invalid::before {
|
|
2921
2925
|
border: none;
|
|
2922
2926
|
background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
|
|
2923
2927
|
background-image: var(--IDS-CHECKBOX--INVALID_BACKGROUND-IMAGE);
|
|
2924
2928
|
}
|
|
2925
|
-
.ids-checkbox input[type=checkbox]
|
|
2926
|
-
.ids-checkbox input[type=checkbox]
|
|
2927
|
-
.ids-checkbox input
|
|
2928
|
-
.ids-checkbox input
|
|
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 {
|
|
2929
2933
|
background-image: var(--IDS-CHECKBOX-CHECK--INVALID_BACKGROUND-IMAGE) !important;
|
|
2930
2934
|
}
|
|
2931
2935
|
.ids-checkbox.ids-checkbox--light input[type=checkbox]::before,
|
|
2932
2936
|
.ids-checkbox.ids-checkbox--light input::before {
|
|
2933
2937
|
background-color: var(--IDS-COLOR-NEUTRAL-100);
|
|
2934
2938
|
}
|
|
2935
|
-
.ids-checkbox.ids-checkbox--light input[type=checkbox]
|
|
2936
|
-
.ids-checkbox.ids-checkbox--light input
|
|
2939
|
+
.ids-checkbox.ids-checkbox--light input[type=checkbox].ids-input--invalid::before,
|
|
2940
|
+
.ids-checkbox.ids-checkbox--light input.ids-input--invalid::before {
|
|
2937
2941
|
background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
|
|
2938
2942
|
}
|
|
2943
|
+
.ids-checkbox .ids-label-tooltip-wrapper:nth-child(2) {
|
|
2944
|
+
margin-top: 3px;
|
|
2945
|
+
}
|
|
2939
2946
|
.ids-checkbox.ids-checkbox--compact {
|
|
2940
2947
|
margin: 0 !important;
|
|
2941
2948
|
}
|