@oicl/openbridge-webcomponents 2.0.0-next.62 → 2.0.0-next.64

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 (54) hide show
  1. package/bundle/openbridge-webcomponents.bundle.js +327 -324
  2. package/bundle/openbridge-webcomponents.bundle.js.map +1 -1
  3. package/custom-elements.json +14 -14
  4. package/dist/alert-severity.d.ts.map +1 -1
  5. package/dist/alert-severity.js +37 -35
  6. package/dist/alert-severity.js.map +1 -1
  7. package/dist/ar/building-blocks/poi-header/poi-header.css.js +15 -15
  8. package/dist/ar/building-blocks/poi-header/poi-header.d.ts +6 -6
  9. package/dist/ar/building-blocks/poi-header/poi-header.d.ts.map +1 -1
  10. package/dist/ar/building-blocks/poi-header/poi-header.js +5 -5
  11. package/dist/ar/building-blocks/poi-header/poi-header.js.map +1 -1
  12. package/dist/ar/poi-button/poi-button.css.js +31 -30
  13. package/dist/ar/poi-button/poi-button.css.js.map +1 -1
  14. package/dist/ar/poi-button/poi-button.d.ts +6 -6
  15. package/dist/ar/poi-button/poi-button.d.ts.map +1 -1
  16. package/dist/ar/poi-button/poi-button.js +15 -15
  17. package/dist/ar/poi-button/poi-button.js.map +1 -1
  18. package/dist/ar/types.d.ts +5 -5
  19. package/dist/ar/types.d.ts.map +1 -1
  20. package/dist/ar/types.js +5 -5
  21. package/dist/ar/types.js.map +1 -1
  22. package/dist/automation/automation-badge/automation-badge.d.ts +7 -7
  23. package/dist/automation/automation-badge/automation-badge.d.ts.map +1 -1
  24. package/dist/automation/automation-badge/automation-badge.js +29 -29
  25. package/dist/automation/automation-badge/automation-badge.js.map +1 -1
  26. package/dist/automation/automation-button/abstract-automation-button.d.ts +5 -5
  27. package/dist/automation/automation-button/abstract-automation-button.d.ts.map +1 -1
  28. package/dist/automation/automation-button/abstract-automation-button.js +15 -15
  29. package/dist/automation/automation-button/abstract-automation-button.js.map +1 -1
  30. package/dist/automation/automation-tank/automation-tank.d.ts +3 -7
  31. package/dist/automation/automation-tank/automation-tank.d.ts.map +1 -1
  32. package/dist/automation/automation-tank/automation-tank.js +11 -11
  33. package/dist/automation/automation-tank/automation-tank.js.map +1 -1
  34. package/dist/components/accordion-card/accordion-card.css.js +5 -5
  35. package/dist/components/alert-button/alert-button.css.js +128 -128
  36. package/dist/components/alert-frame/alert-frame.css.js +6 -6
  37. package/dist/components/alert-frame/alert-frame.d.ts +4 -4
  38. package/dist/components/alert-frame/alert-frame.js.map +1 -1
  39. package/dist/components/alert-icon/alert-icon.js +4 -4
  40. package/dist/components/alert-icon/alert-icon.js.map +1 -1
  41. package/dist/components/badge/badge.css.js +10 -10
  42. package/dist/components/badge/badge.d.ts +13 -13
  43. package/dist/components/badge/badge.d.ts.map +1 -1
  44. package/dist/components/badge/badge.js +10 -10
  45. package/dist/components/badge/badge.js.map +1 -1
  46. package/dist/manual-icon/icon-alerts-critical-twotone.d.ts +1 -1
  47. package/dist/manual-icon/icon-alerts-critical-twotone.js.map +1 -1
  48. package/dist/manual-icon/icon-alerts-diagnostic-twotone.d.ts +1 -1
  49. package/dist/manual-icon/icon-alerts-diagnostic-twotone.js.map +1 -1
  50. package/dist/types.d.ts +5 -5
  51. package/dist/types.d.ts.map +1 -1
  52. package/dist/types.js +11 -11
  53. package/dist/types.js.map +1 -1
  54. package/package.json +1 -1
package/dist/components/alert-button/alert-button.css.js CHANGED
@@ -753,15 +753,15 @@ button {
753
753
  color: var(--on-caution-active-color);
754
754
  }
755
755
 
756
- :is(.type-enhanced.alert-type-isa-critical .alert-button) {
756
+ :is(.type-enhanced.alert-type-level-critical .alert-button) {
757
757
  cursor: pointer;
758
758
  }
759
759
 
760
- :is(.type-enhanced.alert-type-isa-critical .alert-button):focus {
760
+ :is(.type-enhanced.alert-type-level-critical .alert-button):focus {
761
761
  outline: none;
762
762
  }
763
763
 
764
- :is(.type-enhanced.alert-type-isa-critical .alert-button) .blink {
764
+ :is(.type-enhanced.alert-type-level-critical .alert-button) .blink {
765
765
  border-color: var(--normal-enabled-border-color);
766
766
  background-color: var(--normal-enabled-background-color);
767
767
  border-width: 1px;
@@ -771,7 +771,7 @@ button {
771
771
  --base-background-color: var(--normal-enabled-background-color);
772
772
  }
773
773
 
774
- .activated:is(.type-enhanced.alert-type-isa-critical .alert-button) .blink {
774
+ .activated:is(.type-enhanced.alert-type-level-critical .alert-button) .blink {
775
775
  border-color: var(--normal-activated-border-color);
776
776
  background-color: var(--normal-activated-background-color);
777
777
  --base-border-color: var(--normal-activated-border-color);
@@ -780,18 +780,18 @@ button {
780
780
 
781
781
  @media (hover:hover) {
782
782
 
783
- :is(.type-enhanced.alert-type-isa-critical .alert-button):hover .blink {
783
+ :is(.type-enhanced.alert-type-level-critical .alert-button):hover .blink {
784
784
  border-color: color-mix(in srgb, var(--normal-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
785
785
  background-color: color-mix(in srgb, var(--normal-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
786
786
  }
787
787
  }
788
788
 
789
- :is(.type-enhanced.alert-type-isa-critical .alert-button):active .blink {
789
+ :is(.type-enhanced.alert-type-level-critical .alert-button):active .blink {
790
790
  border-color: var(--normal-pressed-border-color);
791
791
  background-color: var(--normal-pressed-background-color);
792
792
  }
793
793
 
794
- :is(.type-enhanced.alert-type-isa-critical .alert-button):focus-visible .blink {
794
+ :is(.type-enhanced.alert-type-level-critical .alert-button):focus-visible .blink {
795
795
  outline-color: var(--border-focus-color);
796
796
  outline-width: var(--global-size-spacing-border-weight-focusframe);
797
797
  outline-style: solid;
@@ -799,37 +799,37 @@ button {
799
799
  z-index: 1;
800
800
  }
801
801
 
802
- :is(.type-enhanced.alert-type-isa-critical .alert-button):disabled .blink {
802
+ :is(.type-enhanced.alert-type-level-critical .alert-button):disabled .blink {
803
803
  border-color: var(--normal-disabled-border-color);
804
804
  background-color: var(--normal-disabled-background-color);
805
805
  cursor: not-allowed;
806
806
  color: var(--on-normal-disabled-color) !important;
807
807
  }
808
808
 
809
- .disabled:is(.type-enhanced.alert-type-isa-critical .alert-button) .blink {
809
+ .disabled:is(.type-enhanced.alert-type-level-critical .alert-button) .blink {
810
810
  border-color: var(--normal-disabled-border-color);
811
811
  background-color: var(--normal-disabled-background-color);
812
812
  cursor: not-allowed;
813
813
  color: var(--on-normal-disabled-color) !important;
814
814
  }
815
815
 
816
- :is(.type-enhanced.alert-type-isa-critical .alert-button):disabled {
816
+ :is(.type-enhanced.alert-type-level-critical .alert-button):disabled {
817
817
  cursor: not-allowed;
818
818
  }
819
819
 
820
- .disabled:is(.type-enhanced.alert-type-isa-critical .alert-button) {
820
+ .disabled:is(.type-enhanced.alert-type-level-critical .alert-button) {
821
821
  cursor: not-allowed;
822
822
  }
823
823
 
824
- :is(.type-enhanced.alert-type-isa-critical .alert-button) {
824
+ :is(.type-enhanced.alert-type-level-critical .alert-button) {
825
825
  cursor: pointer;
826
826
  }
827
827
 
828
- :is(.type-enhanced.alert-type-isa-critical .alert-button):focus {
828
+ :is(.type-enhanced.alert-type-level-critical .alert-button):focus {
829
829
  outline: none;
830
830
  }
831
831
 
832
- :is(.type-enhanced.alert-type-isa-critical .alert-button) .visible-wrapper {
832
+ :is(.type-enhanced.alert-type-level-critical .alert-button) .visible-wrapper {
833
833
  border-color: var(--critical-enabled-border-color);
834
834
  background-color: var(--critical-enabled-background-color);
835
835
  border-width: 1px;
@@ -839,7 +839,7 @@ button {
839
839
  --base-background-color: var(--critical-enabled-background-color);
840
840
  }
841
841
 
842
- .activated:is(.type-enhanced.alert-type-isa-critical .alert-button) .visible-wrapper {
842
+ .activated:is(.type-enhanced.alert-type-level-critical .alert-button) .visible-wrapper {
843
843
  border-color: var(--critical-activated-border-color);
844
844
  background-color: var(--critical-activated-background-color);
845
845
  --base-border-color: var(--critical-activated-border-color);
@@ -848,18 +848,18 @@ button {
848
848
 
849
849
  @media (hover:hover) {
850
850
 
851
- :is(.type-enhanced.alert-type-isa-critical .alert-button):hover .visible-wrapper {
851
+ :is(.type-enhanced.alert-type-level-critical .alert-button):hover .visible-wrapper {
852
852
  border-color: color-mix(in srgb, var(--critical-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
853
853
  background-color: color-mix(in srgb, var(--critical-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
854
854
  }
855
855
  }
856
856
 
857
- :is(.type-enhanced.alert-type-isa-critical .alert-button):active .visible-wrapper {
857
+ :is(.type-enhanced.alert-type-level-critical .alert-button):active .visible-wrapper {
858
858
  border-color: var(--critical-pressed-border-color);
859
859
  background-color: var(--critical-pressed-background-color);
860
860
  }
861
861
 
862
- :is(.type-enhanced.alert-type-isa-critical .alert-button):focus-visible .visible-wrapper {
862
+ :is(.type-enhanced.alert-type-level-critical .alert-button):focus-visible .visible-wrapper {
863
863
  outline-color: var(--border-focus-color);
864
864
  outline-width: var(--global-size-spacing-border-weight-focusframe);
865
865
  outline-style: solid;
@@ -867,41 +867,41 @@ button {
867
867
  z-index: 1;
868
868
  }
869
869
 
870
- :is(.type-enhanced.alert-type-isa-critical .alert-button):disabled .visible-wrapper {
870
+ :is(.type-enhanced.alert-type-level-critical .alert-button):disabled .visible-wrapper {
871
871
  border-color: var(--critical-disabled-border-color);
872
872
  background-color: var(--critical-disabled-background-color);
873
873
  cursor: not-allowed;
874
874
  color: var(--on-critical-disabled-color) !important;
875
875
  }
876
876
 
877
- .disabled:is(.type-enhanced.alert-type-isa-critical .alert-button) .visible-wrapper {
877
+ .disabled:is(.type-enhanced.alert-type-level-critical .alert-button) .visible-wrapper {
878
878
  border-color: var(--critical-disabled-border-color);
879
879
  background-color: var(--critical-disabled-background-color);
880
880
  cursor: not-allowed;
881
881
  color: var(--on-critical-disabled-color) !important;
882
882
  }
883
883
 
884
- :is(.type-enhanced.alert-type-isa-critical .alert-button):disabled {
884
+ :is(.type-enhanced.alert-type-level-critical .alert-button):disabled {
885
885
  cursor: not-allowed;
886
886
  }
887
887
 
888
- .disabled:is(.type-enhanced.alert-type-isa-critical .alert-button) {
888
+ .disabled:is(.type-enhanced.alert-type-level-critical .alert-button) {
889
889
  cursor: not-allowed;
890
890
  }
891
891
 
892
- :is(.type-enhanced.alert-type-isa-critical .alert-button) .visible-wrapper {
892
+ :is(.type-enhanced.alert-type-level-critical .alert-button) .visible-wrapper {
893
893
  color: var(--on-critical-active-color);
894
894
  }
895
895
 
896
- :is(.type-enhanced.alert-type-isa-high .alert-button) {
896
+ :is(.type-enhanced.alert-type-level-high .alert-button) {
897
897
  cursor: pointer;
898
898
  }
899
899
 
900
- :is(.type-enhanced.alert-type-isa-high .alert-button):focus {
900
+ :is(.type-enhanced.alert-type-level-high .alert-button):focus {
901
901
  outline: none;
902
902
  }
903
903
 
904
- :is(.type-enhanced.alert-type-isa-high .alert-button) .blink {
904
+ :is(.type-enhanced.alert-type-level-high .alert-button) .blink {
905
905
  border-color: var(--normal-enabled-border-color);
906
906
  background-color: var(--normal-enabled-background-color);
907
907
  border-width: 1px;
@@ -911,7 +911,7 @@ button {
911
911
  --base-background-color: var(--normal-enabled-background-color);
912
912
  }
913
913
 
914
- .activated:is(.type-enhanced.alert-type-isa-high .alert-button) .blink {
914
+ .activated:is(.type-enhanced.alert-type-level-high .alert-button) .blink {
915
915
  border-color: var(--normal-activated-border-color);
916
916
  background-color: var(--normal-activated-background-color);
917
917
  --base-border-color: var(--normal-activated-border-color);
@@ -920,18 +920,18 @@ button {
920
920
 
921
921
  @media (hover:hover) {
922
922
 
923
- :is(.type-enhanced.alert-type-isa-high .alert-button):hover .blink {
923
+ :is(.type-enhanced.alert-type-level-high .alert-button):hover .blink {
924
924
  border-color: color-mix(in srgb, var(--normal-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
925
925
  background-color: color-mix(in srgb, var(--normal-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
926
926
  }
927
927
  }
928
928
 
929
- :is(.type-enhanced.alert-type-isa-high .alert-button):active .blink {
929
+ :is(.type-enhanced.alert-type-level-high .alert-button):active .blink {
930
930
  border-color: var(--normal-pressed-border-color);
931
931
  background-color: var(--normal-pressed-background-color);
932
932
  }
933
933
 
934
- :is(.type-enhanced.alert-type-isa-high .alert-button):focus-visible .blink {
934
+ :is(.type-enhanced.alert-type-level-high .alert-button):focus-visible .blink {
935
935
  outline-color: var(--border-focus-color);
936
936
  outline-width: var(--global-size-spacing-border-weight-focusframe);
937
937
  outline-style: solid;
@@ -939,37 +939,37 @@ button {
939
939
  z-index: 1;
940
940
  }
941
941
 
942
- :is(.type-enhanced.alert-type-isa-high .alert-button):disabled .blink {
942
+ :is(.type-enhanced.alert-type-level-high .alert-button):disabled .blink {
943
943
  border-color: var(--normal-disabled-border-color);
944
944
  background-color: var(--normal-disabled-background-color);
945
945
  cursor: not-allowed;
946
946
  color: var(--on-normal-disabled-color) !important;
947
947
  }
948
948
 
949
- .disabled:is(.type-enhanced.alert-type-isa-high .alert-button) .blink {
949
+ .disabled:is(.type-enhanced.alert-type-level-high .alert-button) .blink {
950
950
  border-color: var(--normal-disabled-border-color);
951
951
  background-color: var(--normal-disabled-background-color);
952
952
  cursor: not-allowed;
953
953
  color: var(--on-normal-disabled-color) !important;
954
954
  }
955
955
 
956
- :is(.type-enhanced.alert-type-isa-high .alert-button):disabled {
956
+ :is(.type-enhanced.alert-type-level-high .alert-button):disabled {
957
957
  cursor: not-allowed;
958
958
  }
959
959
 
960
- .disabled:is(.type-enhanced.alert-type-isa-high .alert-button) {
960
+ .disabled:is(.type-enhanced.alert-type-level-high .alert-button) {
961
961
  cursor: not-allowed;
962
962
  }
963
963
 
964
- :is(.type-enhanced.alert-type-isa-high .alert-button) {
964
+ :is(.type-enhanced.alert-type-level-high .alert-button) {
965
965
  cursor: pointer;
966
966
  }
967
967
 
968
- :is(.type-enhanced.alert-type-isa-high .alert-button):focus {
968
+ :is(.type-enhanced.alert-type-level-high .alert-button):focus {
969
969
  outline: none;
970
970
  }
971
971
 
972
- :is(.type-enhanced.alert-type-isa-high .alert-button) .visible-wrapper {
972
+ :is(.type-enhanced.alert-type-level-high .alert-button) .visible-wrapper {
973
973
  border-color: var(--alarm-enabled-border-color);
974
974
  background-color: var(--alarm-enabled-background-color);
975
975
  border-width: 1px;
@@ -979,7 +979,7 @@ button {
979
979
  --base-background-color: var(--alarm-enabled-background-color);
980
980
  }
981
981
 
982
- .activated:is(.type-enhanced.alert-type-isa-high .alert-button) .visible-wrapper {
982
+ .activated:is(.type-enhanced.alert-type-level-high .alert-button) .visible-wrapper {
983
983
  border-color: var(--alarm-activated-border-color);
984
984
  background-color: var(--alarm-activated-background-color);
985
985
  --base-border-color: var(--alarm-activated-border-color);
@@ -988,18 +988,18 @@ button {
988
988
 
989
989
  @media (hover:hover) {
990
990
 
991
- :is(.type-enhanced.alert-type-isa-high .alert-button):hover .visible-wrapper {
991
+ :is(.type-enhanced.alert-type-level-high .alert-button):hover .visible-wrapper {
992
992
  border-color: color-mix(in srgb, var(--alarm-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
993
993
  background-color: color-mix(in srgb, var(--alarm-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
994
994
  }
995
995
  }
996
996
 
997
- :is(.type-enhanced.alert-type-isa-high .alert-button):active .visible-wrapper {
997
+ :is(.type-enhanced.alert-type-level-high .alert-button):active .visible-wrapper {
998
998
  border-color: var(--alarm-pressed-border-color);
999
999
  background-color: var(--alarm-pressed-background-color);
1000
1000
  }
1001
1001
 
1002
- :is(.type-enhanced.alert-type-isa-high .alert-button):focus-visible .visible-wrapper {
1002
+ :is(.type-enhanced.alert-type-level-high .alert-button):focus-visible .visible-wrapper {
1003
1003
  outline-color: var(--border-focus-color);
1004
1004
  outline-width: var(--global-size-spacing-border-weight-focusframe);
1005
1005
  outline-style: solid;
@@ -1007,41 +1007,41 @@ button {
1007
1007
  z-index: 1;
1008
1008
  }
1009
1009
 
1010
- :is(.type-enhanced.alert-type-isa-high .alert-button):disabled .visible-wrapper {
1010
+ :is(.type-enhanced.alert-type-level-high .alert-button):disabled .visible-wrapper {
1011
1011
  border-color: var(--alarm-disabled-border-color);
1012
1012
  background-color: var(--alarm-disabled-background-color);
1013
1013
  cursor: not-allowed;
1014
1014
  color: var(--on-alarm-disabled-color) !important;
1015
1015
  }
1016
1016
 
1017
- .disabled:is(.type-enhanced.alert-type-isa-high .alert-button) .visible-wrapper {
1017
+ .disabled:is(.type-enhanced.alert-type-level-high .alert-button) .visible-wrapper {
1018
1018
  border-color: var(--alarm-disabled-border-color);
1019
1019
  background-color: var(--alarm-disabled-background-color);
1020
1020
  cursor: not-allowed;
1021
1021
  color: var(--on-alarm-disabled-color) !important;
1022
1022
  }
1023
1023
 
1024
- :is(.type-enhanced.alert-type-isa-high .alert-button):disabled {
1024
+ :is(.type-enhanced.alert-type-level-high .alert-button):disabled {
1025
1025
  cursor: not-allowed;
1026
1026
  }
1027
1027
 
1028
- .disabled:is(.type-enhanced.alert-type-isa-high .alert-button) {
1028
+ .disabled:is(.type-enhanced.alert-type-level-high .alert-button) {
1029
1029
  cursor: not-allowed;
1030
1030
  }
1031
1031
 
1032
- :is(.type-enhanced.alert-type-isa-high .alert-button) .visible-wrapper {
1032
+ :is(.type-enhanced.alert-type-level-high .alert-button) .visible-wrapper {
1033
1033
  color: var(--on-alarm-active-color);
1034
1034
  }
1035
1035
 
1036
- :is(.type-enhanced.alert-type-isa-medium .alert-button) {
1036
+ :is(.type-enhanced.alert-type-level-medium .alert-button) {
1037
1037
  cursor: pointer;
1038
1038
  }
1039
1039
 
1040
- :is(.type-enhanced.alert-type-isa-medium .alert-button):focus {
1040
+ :is(.type-enhanced.alert-type-level-medium .alert-button):focus {
1041
1041
  outline: none;
1042
1042
  }
1043
1043
 
1044
- :is(.type-enhanced.alert-type-isa-medium .alert-button) .blink {
1044
+ :is(.type-enhanced.alert-type-level-medium .alert-button) .blink {
1045
1045
  border-color: var(--normal-enabled-border-color);
1046
1046
  background-color: var(--normal-enabled-background-color);
1047
1047
  border-width: 1px;
@@ -1051,7 +1051,7 @@ button {
1051
1051
  --base-background-color: var(--normal-enabled-background-color);
1052
1052
  }
1053
1053
 
1054
- .activated:is(.type-enhanced.alert-type-isa-medium .alert-button) .blink {
1054
+ .activated:is(.type-enhanced.alert-type-level-medium .alert-button) .blink {
1055
1055
  border-color: var(--normal-activated-border-color);
1056
1056
  background-color: var(--normal-activated-background-color);
1057
1057
  --base-border-color: var(--normal-activated-border-color);
@@ -1060,18 +1060,18 @@ button {
1060
1060
 
1061
1061
  @media (hover:hover) {
1062
1062
 
1063
- :is(.type-enhanced.alert-type-isa-medium .alert-button):hover .blink {
1063
+ :is(.type-enhanced.alert-type-level-medium .alert-button):hover .blink {
1064
1064
  border-color: color-mix(in srgb, var(--normal-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
1065
1065
  background-color: color-mix(in srgb, var(--normal-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
1066
1066
  }
1067
1067
  }
1068
1068
 
1069
- :is(.type-enhanced.alert-type-isa-medium .alert-button):active .blink {
1069
+ :is(.type-enhanced.alert-type-level-medium .alert-button):active .blink {
1070
1070
  border-color: var(--normal-pressed-border-color);
1071
1071
  background-color: var(--normal-pressed-background-color);
1072
1072
  }
1073
1073
 
1074
- :is(.type-enhanced.alert-type-isa-medium .alert-button):focus-visible .blink {
1074
+ :is(.type-enhanced.alert-type-level-medium .alert-button):focus-visible .blink {
1075
1075
  outline-color: var(--border-focus-color);
1076
1076
  outline-width: var(--global-size-spacing-border-weight-focusframe);
1077
1077
  outline-style: solid;
@@ -1079,37 +1079,37 @@ button {
1079
1079
  z-index: 1;
1080
1080
  }
1081
1081
 
1082
- :is(.type-enhanced.alert-type-isa-medium .alert-button):disabled .blink {
1082
+ :is(.type-enhanced.alert-type-level-medium .alert-button):disabled .blink {
1083
1083
  border-color: var(--normal-disabled-border-color);
1084
1084
  background-color: var(--normal-disabled-background-color);
1085
1085
  cursor: not-allowed;
1086
1086
  color: var(--on-normal-disabled-color) !important;
1087
1087
  }
1088
1088
 
1089
- .disabled:is(.type-enhanced.alert-type-isa-medium .alert-button) .blink {
1089
+ .disabled:is(.type-enhanced.alert-type-level-medium .alert-button) .blink {
1090
1090
  border-color: var(--normal-disabled-border-color);
1091
1091
  background-color: var(--normal-disabled-background-color);
1092
1092
  cursor: not-allowed;
1093
1093
  color: var(--on-normal-disabled-color) !important;
1094
1094
  }
1095
1095
 
1096
- :is(.type-enhanced.alert-type-isa-medium .alert-button):disabled {
1096
+ :is(.type-enhanced.alert-type-level-medium .alert-button):disabled {
1097
1097
  cursor: not-allowed;
1098
1098
  }
1099
1099
 
1100
- .disabled:is(.type-enhanced.alert-type-isa-medium .alert-button) {
1100
+ .disabled:is(.type-enhanced.alert-type-level-medium .alert-button) {
1101
1101
  cursor: not-allowed;
1102
1102
  }
1103
1103
 
1104
- :is(.type-enhanced.alert-type-isa-medium .alert-button) {
1104
+ :is(.type-enhanced.alert-type-level-medium .alert-button) {
1105
1105
  cursor: pointer;
1106
1106
  }
1107
1107
 
1108
- :is(.type-enhanced.alert-type-isa-medium .alert-button):focus {
1108
+ :is(.type-enhanced.alert-type-level-medium .alert-button):focus {
1109
1109
  outline: none;
1110
1110
  }
1111
1111
 
1112
- :is(.type-enhanced.alert-type-isa-medium .alert-button) .visible-wrapper {
1112
+ :is(.type-enhanced.alert-type-level-medium .alert-button) .visible-wrapper {
1113
1113
  border-color: var(--warning-enabled-border-color);
1114
1114
  background-color: var(--warning-enabled-background-color);
1115
1115
  border-width: 1px;
@@ -1119,7 +1119,7 @@ button {
1119
1119
  --base-background-color: var(--warning-enabled-background-color);
1120
1120
  }
1121
1121
 
1122
- .activated:is(.type-enhanced.alert-type-isa-medium .alert-button) .visible-wrapper {
1122
+ .activated:is(.type-enhanced.alert-type-level-medium .alert-button) .visible-wrapper {
1123
1123
  border-color: var(--warning-activated-border-color);
1124
1124
  background-color: var(--warning-activated-background-color);
1125
1125
  --base-border-color: var(--warning-activated-border-color);
@@ -1128,18 +1128,18 @@ button {
1128
1128
 
1129
1129
  @media (hover:hover) {
1130
1130
 
1131
- :is(.type-enhanced.alert-type-isa-medium .alert-button):hover .visible-wrapper {
1131
+ :is(.type-enhanced.alert-type-level-medium .alert-button):hover .visible-wrapper {
1132
1132
  border-color: color-mix(in srgb, var(--warning-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
1133
1133
  background-color: color-mix(in srgb, var(--warning-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
1134
1134
  }
1135
1135
  }
1136
1136
 
1137
- :is(.type-enhanced.alert-type-isa-medium .alert-button):active .visible-wrapper {
1137
+ :is(.type-enhanced.alert-type-level-medium .alert-button):active .visible-wrapper {
1138
1138
  border-color: var(--warning-pressed-border-color);
1139
1139
  background-color: var(--warning-pressed-background-color);
1140
1140
  }
1141
1141
 
1142
- :is(.type-enhanced.alert-type-isa-medium .alert-button):focus-visible .visible-wrapper {
1142
+ :is(.type-enhanced.alert-type-level-medium .alert-button):focus-visible .visible-wrapper {
1143
1143
  outline-color: var(--border-focus-color);
1144
1144
  outline-width: var(--global-size-spacing-border-weight-focusframe);
1145
1145
  outline-style: solid;
@@ -1147,41 +1147,41 @@ button {
1147
1147
  z-index: 1;
1148
1148
  }
1149
1149
 
1150
- :is(.type-enhanced.alert-type-isa-medium .alert-button):disabled .visible-wrapper {
1150
+ :is(.type-enhanced.alert-type-level-medium .alert-button):disabled .visible-wrapper {
1151
1151
  border-color: var(--warning-disabled-border-color);
1152
1152
  background-color: var(--warning-disabled-background-color);
1153
1153
  cursor: not-allowed;
1154
1154
  color: var(--on-warning-disabled-color) !important;
1155
1155
  }
1156
1156
 
1157
- .disabled:is(.type-enhanced.alert-type-isa-medium .alert-button) .visible-wrapper {
1157
+ .disabled:is(.type-enhanced.alert-type-level-medium .alert-button) .visible-wrapper {
1158
1158
  border-color: var(--warning-disabled-border-color);
1159
1159
  background-color: var(--warning-disabled-background-color);
1160
1160
  cursor: not-allowed;
1161
1161
  color: var(--on-warning-disabled-color) !important;
1162
1162
  }
1163
1163
 
1164
- :is(.type-enhanced.alert-type-isa-medium .alert-button):disabled {
1164
+ :is(.type-enhanced.alert-type-level-medium .alert-button):disabled {
1165
1165
  cursor: not-allowed;
1166
1166
  }
1167
1167
 
1168
- .disabled:is(.type-enhanced.alert-type-isa-medium .alert-button) {
1168
+ .disabled:is(.type-enhanced.alert-type-level-medium .alert-button) {
1169
1169
  cursor: not-allowed;
1170
1170
  }
1171
1171
 
1172
- :is(.type-enhanced.alert-type-isa-medium .alert-button) .visible-wrapper {
1172
+ :is(.type-enhanced.alert-type-level-medium .alert-button) .visible-wrapper {
1173
1173
  color: var(--on-warning-active-color);
1174
1174
  }
1175
1175
 
1176
- :is(.type-enhanced.alert-type-isa-low .alert-button) {
1176
+ :is(.type-enhanced.alert-type-level-low .alert-button) {
1177
1177
  cursor: pointer;
1178
1178
  }
1179
1179
 
1180
- :is(.type-enhanced.alert-type-isa-low .alert-button):focus {
1180
+ :is(.type-enhanced.alert-type-level-low .alert-button):focus {
1181
1181
  outline: none;
1182
1182
  }
1183
1183
 
1184
- :is(.type-enhanced.alert-type-isa-low .alert-button) .blink {
1184
+ :is(.type-enhanced.alert-type-level-low .alert-button) .blink {
1185
1185
  border-color: var(--normal-enabled-border-color);
1186
1186
  background-color: var(--normal-enabled-background-color);
1187
1187
  border-width: 1px;
@@ -1191,7 +1191,7 @@ button {
1191
1191
  --base-background-color: var(--normal-enabled-background-color);
1192
1192
  }
1193
1193
 
1194
- .activated:is(.type-enhanced.alert-type-isa-low .alert-button) .blink {
1194
+ .activated:is(.type-enhanced.alert-type-level-low .alert-button) .blink {
1195
1195
  border-color: var(--normal-activated-border-color);
1196
1196
  background-color: var(--normal-activated-background-color);
1197
1197
  --base-border-color: var(--normal-activated-border-color);
@@ -1200,18 +1200,18 @@ button {
1200
1200
 
1201
1201
  @media (hover:hover) {
1202
1202
 
1203
- :is(.type-enhanced.alert-type-isa-low .alert-button):hover .blink {
1203
+ :is(.type-enhanced.alert-type-level-low .alert-button):hover .blink {
1204
1204
  border-color: color-mix(in srgb, var(--normal-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
1205
1205
  background-color: color-mix(in srgb, var(--normal-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
1206
1206
  }
1207
1207
  }
1208
1208
 
1209
- :is(.type-enhanced.alert-type-isa-low .alert-button):active .blink {
1209
+ :is(.type-enhanced.alert-type-level-low .alert-button):active .blink {
1210
1210
  border-color: var(--normal-pressed-border-color);
1211
1211
  background-color: var(--normal-pressed-background-color);
1212
1212
  }
1213
1213
 
1214
- :is(.type-enhanced.alert-type-isa-low .alert-button):focus-visible .blink {
1214
+ :is(.type-enhanced.alert-type-level-low .alert-button):focus-visible .blink {
1215
1215
  outline-color: var(--border-focus-color);
1216
1216
  outline-width: var(--global-size-spacing-border-weight-focusframe);
1217
1217
  outline-style: solid;
@@ -1219,37 +1219,37 @@ button {
1219
1219
  z-index: 1;
1220
1220
  }
1221
1221
 
1222
- :is(.type-enhanced.alert-type-isa-low .alert-button):disabled .blink {
1222
+ :is(.type-enhanced.alert-type-level-low .alert-button):disabled .blink {
1223
1223
  border-color: var(--normal-disabled-border-color);
1224
1224
  background-color: var(--normal-disabled-background-color);
1225
1225
  cursor: not-allowed;
1226
1226
  color: var(--on-normal-disabled-color) !important;
1227
1227
  }
1228
1228
 
1229
- .disabled:is(.type-enhanced.alert-type-isa-low .alert-button) .blink {
1229
+ .disabled:is(.type-enhanced.alert-type-level-low .alert-button) .blink {
1230
1230
  border-color: var(--normal-disabled-border-color);
1231
1231
  background-color: var(--normal-disabled-background-color);
1232
1232
  cursor: not-allowed;
1233
1233
  color: var(--on-normal-disabled-color) !important;
1234
1234
  }
1235
1235
 
1236
- :is(.type-enhanced.alert-type-isa-low .alert-button):disabled {
1236
+ :is(.type-enhanced.alert-type-level-low .alert-button):disabled {
1237
1237
  cursor: not-allowed;
1238
1238
  }
1239
1239
 
1240
- .disabled:is(.type-enhanced.alert-type-isa-low .alert-button) {
1240
+ .disabled:is(.type-enhanced.alert-type-level-low .alert-button) {
1241
1241
  cursor: not-allowed;
1242
1242
  }
1243
1243
 
1244
- :is(.type-enhanced.alert-type-isa-low .alert-button) {
1244
+ :is(.type-enhanced.alert-type-level-low .alert-button) {
1245
1245
  cursor: pointer;
1246
1246
  }
1247
1247
 
1248
- :is(.type-enhanced.alert-type-isa-low .alert-button):focus {
1248
+ :is(.type-enhanced.alert-type-level-low .alert-button):focus {
1249
1249
  outline: none;
1250
1250
  }
1251
1251
 
1252
- :is(.type-enhanced.alert-type-isa-low .alert-button) .visible-wrapper {
1252
+ :is(.type-enhanced.alert-type-level-low .alert-button) .visible-wrapper {
1253
1253
  border-color: var(--caution-enabled-border-color);
1254
1254
  background-color: var(--caution-enabled-background-color);
1255
1255
  border-width: 1px;
@@ -1259,7 +1259,7 @@ button {
1259
1259
  --base-background-color: var(--caution-enabled-background-color);
1260
1260
  }
1261
1261
 
1262
- .activated:is(.type-enhanced.alert-type-isa-low .alert-button) .visible-wrapper {
1262
+ .activated:is(.type-enhanced.alert-type-level-low .alert-button) .visible-wrapper {
1263
1263
  border-color: var(--caution-activated-border-color);
1264
1264
  background-color: var(--caution-activated-background-color);
1265
1265
  --base-border-color: var(--caution-activated-border-color);
@@ -1268,18 +1268,18 @@ button {
1268
1268
 
1269
1269
  @media (hover:hover) {
1270
1270
 
1271
- :is(.type-enhanced.alert-type-isa-low .alert-button):hover .visible-wrapper {
1271
+ :is(.type-enhanced.alert-type-level-low .alert-button):hover .visible-wrapper {
1272
1272
  border-color: color-mix(in srgb, var(--caution-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
1273
1273
  background-color: color-mix(in srgb, var(--caution-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
1274
1274
  }
1275
1275
  }
1276
1276
 
1277
- :is(.type-enhanced.alert-type-isa-low .alert-button):active .visible-wrapper {
1277
+ :is(.type-enhanced.alert-type-level-low .alert-button):active .visible-wrapper {
1278
1278
  border-color: var(--caution-pressed-border-color);
1279
1279
  background-color: var(--caution-pressed-background-color);
1280
1280
  }
1281
1281
 
1282
- :is(.type-enhanced.alert-type-isa-low .alert-button):focus-visible .visible-wrapper {
1282
+ :is(.type-enhanced.alert-type-level-low .alert-button):focus-visible .visible-wrapper {
1283
1283
  outline-color: var(--border-focus-color);
1284
1284
  outline-width: var(--global-size-spacing-border-weight-focusframe);
1285
1285
  outline-style: solid;
@@ -1287,41 +1287,41 @@ button {
1287
1287
  z-index: 1;
1288
1288
  }
1289
1289
 
1290
- :is(.type-enhanced.alert-type-isa-low .alert-button):disabled .visible-wrapper {
1290
+ :is(.type-enhanced.alert-type-level-low .alert-button):disabled .visible-wrapper {
1291
1291
  border-color: var(--caution-disabled-border-color);
1292
1292
  background-color: var(--caution-disabled-background-color);
1293
1293
  cursor: not-allowed;
1294
1294
  color: var(--on-caution-disabled-color) !important;
1295
1295
  }
1296
1296
 
1297
- .disabled:is(.type-enhanced.alert-type-isa-low .alert-button) .visible-wrapper {
1297
+ .disabled:is(.type-enhanced.alert-type-level-low .alert-button) .visible-wrapper {
1298
1298
  border-color: var(--caution-disabled-border-color);
1299
1299
  background-color: var(--caution-disabled-background-color);
1300
1300
  cursor: not-allowed;
1301
1301
  color: var(--on-caution-disabled-color) !important;
1302
1302
  }
1303
1303
 
1304
- :is(.type-enhanced.alert-type-isa-low .alert-button):disabled {
1304
+ :is(.type-enhanced.alert-type-level-low .alert-button):disabled {
1305
1305
  cursor: not-allowed;
1306
1306
  }
1307
1307
 
1308
- .disabled:is(.type-enhanced.alert-type-isa-low .alert-button) {
1308
+ .disabled:is(.type-enhanced.alert-type-level-low .alert-button) {
1309
1309
  cursor: not-allowed;
1310
1310
  }
1311
1311
 
1312
- :is(.type-enhanced.alert-type-isa-low .alert-button) .visible-wrapper {
1312
+ :is(.type-enhanced.alert-type-level-low .alert-button) .visible-wrapper {
1313
1313
  color: var(--on-caution-active-color);
1314
1314
  }
1315
1315
 
1316
- :is(.type-enhanced.alert-type-isa-diagnostic .alert-button) {
1316
+ :is(.type-enhanced.alert-type-level-diagnostic .alert-button) {
1317
1317
  cursor: pointer;
1318
1318
  }
1319
1319
 
1320
- :is(.type-enhanced.alert-type-isa-diagnostic .alert-button):focus {
1320
+ :is(.type-enhanced.alert-type-level-diagnostic .alert-button):focus {
1321
1321
  outline: none;
1322
1322
  }
1323
1323
 
1324
- :is(.type-enhanced.alert-type-isa-diagnostic .alert-button) .blink {
1324
+ :is(.type-enhanced.alert-type-level-diagnostic .alert-button) .blink {
1325
1325
  border-color: var(--normal-enabled-border-color);
1326
1326
  background-color: var(--normal-enabled-background-color);
1327
1327
  border-width: 1px;
@@ -1331,7 +1331,7 @@ button {
1331
1331
  --base-background-color: var(--normal-enabled-background-color);
1332
1332
  }
1333
1333
 
1334
- .activated:is(.type-enhanced.alert-type-isa-diagnostic .alert-button) .blink {
1334
+ .activated:is(.type-enhanced.alert-type-level-diagnostic .alert-button) .blink {
1335
1335
  border-color: var(--normal-activated-border-color);
1336
1336
  background-color: var(--normal-activated-background-color);
1337
1337
  --base-border-color: var(--normal-activated-border-color);
@@ -1340,18 +1340,18 @@ button {
1340
1340
 
1341
1341
  @media (hover:hover) {
1342
1342
 
1343
- :is(.type-enhanced.alert-type-isa-diagnostic .alert-button):hover .blink {
1343
+ :is(.type-enhanced.alert-type-level-diagnostic .alert-button):hover .blink {
1344
1344
  border-color: color-mix(in srgb, var(--normal-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
1345
1345
  background-color: color-mix(in srgb, var(--normal-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
1346
1346
  }
1347
1347
  }
1348
1348
 
1349
- :is(.type-enhanced.alert-type-isa-diagnostic .alert-button):active .blink {
1349
+ :is(.type-enhanced.alert-type-level-diagnostic .alert-button):active .blink {
1350
1350
  border-color: var(--normal-pressed-border-color);
1351
1351
  background-color: var(--normal-pressed-background-color);
1352
1352
  }
1353
1353
 
1354
- :is(.type-enhanced.alert-type-isa-diagnostic .alert-button):focus-visible .blink {
1354
+ :is(.type-enhanced.alert-type-level-diagnostic .alert-button):focus-visible .blink {
1355
1355
  outline-color: var(--border-focus-color);
1356
1356
  outline-width: var(--global-size-spacing-border-weight-focusframe);
1357
1357
  outline-style: solid;
@@ -1359,37 +1359,37 @@ button {
1359
1359
  z-index: 1;
1360
1360
  }
1361
1361
 
1362
- :is(.type-enhanced.alert-type-isa-diagnostic .alert-button):disabled .blink {
1362
+ :is(.type-enhanced.alert-type-level-diagnostic .alert-button):disabled .blink {
1363
1363
  border-color: var(--normal-disabled-border-color);
1364
1364
  background-color: var(--normal-disabled-background-color);
1365
1365
  cursor: not-allowed;
1366
1366
  color: var(--on-normal-disabled-color) !important;
1367
1367
  }
1368
1368
 
1369
- .disabled:is(.type-enhanced.alert-type-isa-diagnostic .alert-button) .blink {
1369
+ .disabled:is(.type-enhanced.alert-type-level-diagnostic .alert-button) .blink {
1370
1370
  border-color: var(--normal-disabled-border-color);
1371
1371
  background-color: var(--normal-disabled-background-color);
1372
1372
  cursor: not-allowed;
1373
1373
  color: var(--on-normal-disabled-color) !important;
1374
1374
  }
1375
1375
 
1376
- :is(.type-enhanced.alert-type-isa-diagnostic .alert-button):disabled {
1376
+ :is(.type-enhanced.alert-type-level-diagnostic .alert-button):disabled {
1377
1377
  cursor: not-allowed;
1378
1378
  }
1379
1379
 
1380
- .disabled:is(.type-enhanced.alert-type-isa-diagnostic .alert-button) {
1380
+ .disabled:is(.type-enhanced.alert-type-level-diagnostic .alert-button) {
1381
1381
  cursor: not-allowed;
1382
1382
  }
1383
1383
 
1384
- :is(.type-enhanced.alert-type-isa-diagnostic .alert-button) {
1384
+ :is(.type-enhanced.alert-type-level-diagnostic .alert-button) {
1385
1385
  cursor: pointer;
1386
1386
  }
1387
1387
 
1388
- :is(.type-enhanced.alert-type-isa-diagnostic .alert-button):focus {
1388
+ :is(.type-enhanced.alert-type-level-diagnostic .alert-button):focus {
1389
1389
  outline: none;
1390
1390
  }
1391
1391
 
1392
- :is(.type-enhanced.alert-type-isa-diagnostic .alert-button) .visible-wrapper {
1392
+ :is(.type-enhanced.alert-type-level-diagnostic .alert-button) .visible-wrapper {
1393
1393
  border-color: var(--notification-enabled-border-color);
1394
1394
  background-color: var(--notification-enabled-background-color);
1395
1395
  border-width: 1px;
@@ -1399,7 +1399,7 @@ button {
1399
1399
  --base-background-color: var(--notification-enabled-background-color);
1400
1400
  }
1401
1401
 
1402
- .activated:is(.type-enhanced.alert-type-isa-diagnostic .alert-button) .visible-wrapper {
1402
+ .activated:is(.type-enhanced.alert-type-level-diagnostic .alert-button) .visible-wrapper {
1403
1403
  border-color: var(--notification-activated-border-color);
1404
1404
  background-color: var(--notification-activated-background-color);
1405
1405
  --base-border-color: var(--notification-activated-border-color);
@@ -1408,18 +1408,18 @@ button {
1408
1408
 
1409
1409
  @media (hover:hover) {
1410
1410
 
1411
- :is(.type-enhanced.alert-type-isa-diagnostic .alert-button):hover .visible-wrapper {
1411
+ :is(.type-enhanced.alert-type-level-diagnostic .alert-button):hover .visible-wrapper {
1412
1412
  border-color: color-mix(in srgb, var(--notification-hover-border-color) calc(var(--obc-can-hover) * 100%), var(--base-border-color));
1413
1413
  background-color: color-mix(in srgb, var(--notification-hover-background-color) calc(var(--obc-can-hover) * 100%), var(--base-background-color));
1414
1414
  }
1415
1415
  }
1416
1416
 
1417
- :is(.type-enhanced.alert-type-isa-diagnostic .alert-button):active .visible-wrapper {
1417
+ :is(.type-enhanced.alert-type-level-diagnostic .alert-button):active .visible-wrapper {
1418
1418
  border-color: var(--notification-pressed-border-color);
1419
1419
  background-color: var(--notification-pressed-background-color);
1420
1420
  }
1421
1421
 
1422
- :is(.type-enhanced.alert-type-isa-diagnostic .alert-button):focus-visible .visible-wrapper {
1422
+ :is(.type-enhanced.alert-type-level-diagnostic .alert-button):focus-visible .visible-wrapper {
1423
1423
  outline-color: var(--border-focus-color);
1424
1424
  outline-width: var(--global-size-spacing-border-weight-focusframe);
1425
1425
  outline-style: solid;
@@ -1427,29 +1427,29 @@ button {
1427
1427
  z-index: 1;
1428
1428
  }
1429
1429
 
1430
- :is(.type-enhanced.alert-type-isa-diagnostic .alert-button):disabled .visible-wrapper {
1430
+ :is(.type-enhanced.alert-type-level-diagnostic .alert-button):disabled .visible-wrapper {
1431
1431
  border-color: var(--notification-disabled-border-color);
1432
1432
  background-color: var(--notification-disabled-background-color);
1433
1433
  cursor: not-allowed;
1434
1434
  color: var(--on-notification-disabled-color) !important;
1435
1435
  }
1436
1436
 
1437
- .disabled:is(.type-enhanced.alert-type-isa-diagnostic .alert-button) .visible-wrapper {
1437
+ .disabled:is(.type-enhanced.alert-type-level-diagnostic .alert-button) .visible-wrapper {
1438
1438
  border-color: var(--notification-disabled-border-color);
1439
1439
  background-color: var(--notification-disabled-background-color);
1440
1440
  cursor: not-allowed;
1441
1441
  color: var(--on-notification-disabled-color) !important;
1442
1442
  }
1443
1443
 
1444
- :is(.type-enhanced.alert-type-isa-diagnostic .alert-button):disabled {
1444
+ :is(.type-enhanced.alert-type-level-diagnostic .alert-button):disabled {
1445
1445
  cursor: not-allowed;
1446
1446
  }
1447
1447
 
1448
- .disabled:is(.type-enhanced.alert-type-isa-diagnostic .alert-button) {
1448
+ .disabled:is(.type-enhanced.alert-type-level-diagnostic .alert-button) {
1449
1449
  cursor: not-allowed;
1450
1450
  }
1451
1451
 
1452
- :is(.type-enhanced.alert-type-isa-diagnostic .alert-button) .visible-wrapper {
1452
+ :is(.type-enhanced.alert-type-level-diagnostic .alert-button) .visible-wrapper {
1453
1453
  color: var(--on-notification-active-color);
1454
1454
  }
1455
1455
 
@@ -1496,35 +1496,35 @@ button {
1496
1496
  width: min-content;
1497
1497
  }
1498
1498
 
1499
- :is(.blinking.alert-type-warning .alert-button,.blinking.alert-type-isa-medium .alert-button) .visible-wrapper {
1499
+ :is(.blinking.alert-type-warning .alert-button,.blinking.alert-type-level-medium .alert-button) .visible-wrapper {
1500
1500
  opacity: var(--warning-blink-on);
1501
1501
  }
1502
1502
 
1503
- :is(.blinking.alert-type-warning .alert-button,.blinking.alert-type-isa-medium .alert-button) .blink {
1503
+ :is(.blinking.alert-type-warning .alert-button,.blinking.alert-type-level-medium .alert-button) .blink {
1504
1504
  opacity: var(--warning-blink-off);
1505
1505
  }
1506
1506
 
1507
- :is(.blinking.alert-type-isa-critical .alert-button) .visible-wrapper {
1507
+ :is(.blinking.alert-type-level-critical .alert-button) .visible-wrapper {
1508
1508
  opacity: var(--critical-blink-on);
1509
1509
  }
1510
1510
 
1511
- :is(.blinking.alert-type-isa-critical .alert-button) .blink {
1511
+ :is(.blinking.alert-type-level-critical .alert-button) .blink {
1512
1512
  opacity: var(--critical-blink-off);
1513
1513
  }
1514
1514
 
1515
- :is(.blinking.alert-type-alarm .alert-button,.blinking.alert-type-isa-high .alert-button) .visible-wrapper {
1515
+ :is(.blinking.alert-type-alarm .alert-button,.blinking.alert-type-level-high .alert-button) .visible-wrapper {
1516
1516
  opacity: var(--alarm-blink-on);
1517
1517
  }
1518
1518
 
1519
- :is(.blinking.alert-type-alarm .alert-button,.blinking.alert-type-isa-high .alert-button) .blink {
1519
+ :is(.blinking.alert-type-alarm .alert-button,.blinking.alert-type-level-high .alert-button) .blink {
1520
1520
  opacity: var(--alarm-blink-off);
1521
1521
  }
1522
1522
 
1523
- :is(.blinking.alert-type-caution .alert-button,.blinking.alert-type-isa-low .alert-button) .visible-wrapper {
1523
+ :is(.blinking.alert-type-caution .alert-button,.blinking.alert-type-level-low .alert-button) .visible-wrapper {
1524
1524
  opacity: var(--low-blink-on);
1525
1525
  }
1526
1526
 
1527
- :is(.blinking.alert-type-caution .alert-button,.blinking.alert-type-isa-low .alert-button) .blink {
1527
+ :is(.blinking.alert-type-caution .alert-button,.blinking.alert-type-level-low .alert-button) .blink {
1528
1528
  opacity: var(--low-blink-off);
1529
1529
  }
1530
1530
 
@@ -1545,27 +1545,27 @@ button {
1545
1545
  }
1546
1546
 
1547
1547
  .alert-type-caution,
1548
- .alert-type-isa-low {
1548
+ .alert-type-level-low {
1549
1549
  --icon-fill: var(--caution-enabled-background-color);
1550
1550
  --icon-stroke: var(--caution-pressed-border-color);
1551
1551
  }
1552
1552
 
1553
- .alert-type-isa-critical {
1553
+ .alert-type-level-critical {
1554
1554
  --icon-fill: var(--alert-critical-color);
1555
1555
  --icon-stroke: var(--alert-critical-outline-color);
1556
1556
  }
1557
1557
 
1558
- .alert-type-isa-high {
1558
+ .alert-type-level-high {
1559
1559
  --icon-fill: var(--alarm-enabled-background-color);
1560
1560
  --icon-stroke: var(--alarm-pressed-border-color);
1561
1561
  }
1562
1562
 
1563
- .alert-type-isa-medium {
1563
+ .alert-type-level-medium {
1564
1564
  --icon-fill: var(--warning-enabled-background-color);
1565
1565
  --icon-stroke: var(--warning-pressed-border-color);
1566
1566
  }
1567
1567
 
1568
- .alert-type-isa-diagnostic {
1568
+ .alert-type-level-diagnostic {
1569
1569
  --icon-fill: var(--alert-diagnostic-color);
1570
1570
  --icon-stroke: var(--alert-diagnostic-outline-color);
1571
1571
  }