@db-ux/core-components 4.10.0 → 4.10.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 (39) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/README.md +1 -1
  3. package/build/components/accordion-item/accordion-item.css +6 -44
  4. package/build/components/accordion-item/accordion-item.scss +7 -5
  5. package/build/components/badge/badge.css +3 -75
  6. package/build/components/button/button.css +12 -222
  7. package/build/components/card/card.css +10 -106
  8. package/build/components/card/card.scss +18 -14
  9. package/build/components/checkbox/checkbox.css +2 -0
  10. package/build/components/custom-button/custom-button.css +15 -597
  11. package/build/components/custom-button/custom-button.scss +7 -5
  12. package/build/components/custom-select/custom-select.css +6 -23
  13. package/build/components/custom-select-list-item/custom-select-list-item.css +3 -45
  14. package/build/components/custom-select-list-item/custom-select-list-item.scss +8 -6
  15. package/build/components/infotext/infotext.css +2 -0
  16. package/build/components/input/input.css +6 -23
  17. package/build/components/link/link.css +10 -88
  18. package/build/components/link/link.scss +8 -6
  19. package/build/components/navigation-item/navigation-item.css +8 -116
  20. package/build/components/navigation-item/navigation-item.scss +7 -5
  21. package/build/components/notification/notification.css +6 -44
  22. package/build/components/select/select.css +6 -23
  23. package/build/components/switch/switch.css +2 -0
  24. package/build/components/tab-item/tab-item.css +7 -69
  25. package/build/components/tab-item/tab-item.scss +6 -12
  26. package/build/components/tag/tag.css +42 -875
  27. package/build/components/tag/tag.scss +4 -0
  28. package/build/components/textarea/textarea.css +4 -23
  29. package/build/styles/absolute.css +7 -7
  30. package/build/styles/bundle.css +7 -7
  31. package/build/styles/index.css +6 -6
  32. package/build/styles/internal/_button-components.scss +23 -17
  33. package/build/styles/internal/_form-components.scss +5 -2
  34. package/build/styles/internal/_link-components.scss +15 -13
  35. package/build/styles/internal/_tag-components.scss +21 -15
  36. package/build/styles/relative.css +7 -7
  37. package/build/styles/rollup.css +7 -7
  38. package/build/styles/webpack.css +7 -7
  39. package/package.json +7 -7
@@ -802,6 +802,8 @@
802
802
  vertical-align: var(--db-icon-vertical-align, middle);
803
803
  /* stylelint-disable-next-line db-ux/use-sizing */
804
804
  block-size: var(--db-icon-font-size, 1.5rem);
805
+ /* stylelint-disable-next-line db-ux/use-sizing */
806
+ inline-size: var(--db-icon-font-size, 1.5rem);
805
807
  aspect-ratio: 1;
806
808
  flex-shrink: 0;
807
809
  content: var(--db-icon, attr(data-icon));
@@ -878,443 +880,35 @@
878
880
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] a::after, .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input)::after, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input)::after, .db-tag[data-emphasis=strong]:has(label, button:not(.db-tab-remove-button), a):has(input):not(:has(input:checked))::after {
879
881
  --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
880
882
  }
881
- .db-tag:has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:not(.db-tab-remove-button),
882
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button,
883
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button,
884
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak]:not(:has(dbbutton)) button:not(.db-tab-remove-button),
885
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button) > button,
886
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] db-button > button,
887
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] a, .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:has(input):not(:has(input:checked)) {
883
+ .db-tag:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):not(.db-tab-remove-button),
884
+ .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)),
885
+ .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)),
886
+ .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak]:not(:has(dbbutton)) button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):not(.db-tab-remove-button),
887
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button) > button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)),
888
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] db-button > button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)),
889
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] a:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):has(input), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):has(input), .db-tag[data-emphasis=strong]:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):has(label, button:not(.db-tab-remove-button), a):has(input):not(:has(input:checked)) {
888
890
  /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
889
891
  }
890
- .db-tag:hover:not(:disabled,
891
- [aria-disabled=true],
892
- [tabindex="-1"],
893
- :has(:disabled)):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled,
894
- [aria-disabled=true],
895
- [tabindex="-1"],
896
- :has(:disabled)):not(.db-tab-remove-button),
897
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled,
898
- [aria-disabled=true],
899
- [tabindex="-1"],
900
- :has(:disabled)),
901
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button:hover:not(:disabled,
902
- [aria-disabled=true],
903
- [tabindex="-1"],
904
- :has(:disabled)),
905
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a:hover:not(:disabled,
906
- [aria-disabled=true],
907
- [tabindex="-1"],
908
- :has(:disabled)), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled,
909
- [aria-disabled=true],
910
- [tabindex="-1"],
911
- :has(:disabled)):not(.db-tab-remove-button),
912
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled,
913
- [aria-disabled=true],
914
- [tabindex="-1"],
915
- :has(:disabled)),
916
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] db-button > button:hover:not(:disabled,
917
- [aria-disabled=true],
918
- [tabindex="-1"],
919
- :has(:disabled)),
920
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] a:hover:not(:disabled,
921
- [aria-disabled=true],
922
- [tabindex="-1"],
923
- :has(:disabled)), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled,
924
- [aria-disabled=true],
925
- [tabindex="-1"],
926
- :has(:disabled)):has(input), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled,
927
- [aria-disabled=true],
928
- [tabindex="-1"],
929
- :has(:disabled)):has(input), .db-tag[data-emphasis=strong]:hover:not(:disabled,
930
- [aria-disabled=true],
931
- [tabindex="-1"],
932
- :has(:disabled)):has(label, button:not(.db-tab-remove-button), a):has(input):not(:has(input:checked)) {
892
+ .db-tag:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover:has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover:not(.db-tab-remove-button),
893
+ .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover,
894
+ .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover,
895
+ .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak]:not(:has(dbbutton)) button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover:not(.db-tab-remove-button),
896
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button) > button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover,
897
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] db-button > button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover,
898
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] a:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover, .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover:has(input), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover:has(input), .db-tag[data-emphasis=strong]:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover:has(label, button:not(.db-tab-remove-button), a):has(input):not(:has(input:checked)) {
933
899
  cursor: var(--db-overwrite-cursor, pointer);
934
900
  background-color: var(--db-adaptive-bg-basic-level-1-hovered);
935
901
  }
936
- .db-tag:hover:not(:disabled,
937
- [aria-disabled=true],
938
- [tabindex="-1"],
939
- :has(:disabled)):is(textarea):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled,
940
- [aria-disabled=true],
941
- [tabindex="-1"],
942
- :has(:disabled)):is(textarea):not(.db-tab-remove-button),
943
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled,
944
- [aria-disabled=true],
945
- [tabindex="-1"],
946
- :has(:disabled)):is(textarea),
947
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button:hover:not(:disabled,
948
- [aria-disabled=true],
949
- [tabindex="-1"],
950
- :has(:disabled)):is(textarea),
951
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a:hover:not(:disabled,
952
- [aria-disabled=true],
953
- [tabindex="-1"],
954
- :has(:disabled)):is(textarea), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled,
955
- [aria-disabled=true],
956
- [tabindex="-1"],
957
- :has(:disabled)):is(textarea):not(.db-tab-remove-button),
958
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled,
959
- [aria-disabled=true],
960
- [tabindex="-1"],
961
- :has(:disabled)):is(textarea),
962
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] db-button > button:hover:not(:disabled,
963
- [aria-disabled=true],
964
- [tabindex="-1"],
965
- :has(:disabled)):is(textarea),
966
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] a:hover:not(:disabled,
967
- [aria-disabled=true],
968
- [tabindex="-1"],
969
- :has(:disabled)):is(textarea), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled,
970
- [aria-disabled=true],
971
- [tabindex="-1"],
972
- :has(:disabled)):is(textarea):has(input), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled,
973
- [aria-disabled=true],
974
- [tabindex="-1"],
975
- :has(:disabled)):is(textarea):has(input), .db-tag[data-emphasis=strong]:hover:not(:disabled,
976
- [aria-disabled=true],
977
- [tabindex="-1"],
978
- :has(:disabled)):is(textarea):has(label, button:not(.db-tab-remove-button), a):has(input):not(:has(input:checked)), .db-tag:hover:not(:disabled,
979
- [aria-disabled=true],
980
- [tabindex="-1"],
981
- :has(:disabled)):is(input):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled,
982
- [aria-disabled=true],
983
- [tabindex="-1"],
984
- :has(:disabled)):is(input):not(.db-tab-remove-button),
985
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled,
986
- [aria-disabled=true],
987
- [tabindex="-1"],
988
- :has(:disabled)):is(input),
989
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button:hover:not(:disabled,
990
- [aria-disabled=true],
991
- [tabindex="-1"],
992
- :has(:disabled)):is(input),
993
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a:hover:not(:disabled,
994
- [aria-disabled=true],
995
- [tabindex="-1"],
996
- :has(:disabled)):is(input), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled,
997
- [aria-disabled=true],
998
- [tabindex="-1"],
999
- :has(:disabled)):is(input):not(.db-tab-remove-button),
1000
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled,
1001
- [aria-disabled=true],
1002
- [tabindex="-1"],
1003
- :has(:disabled)):is(input),
1004
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] db-button > button:hover:not(:disabled,
1005
- [aria-disabled=true],
1006
- [tabindex="-1"],
1007
- :has(:disabled)):is(input),
1008
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] a:hover:not(:disabled,
1009
- [aria-disabled=true],
1010
- [tabindex="-1"],
1011
- :has(:disabled)):is(input), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled,
1012
- [aria-disabled=true],
1013
- [tabindex="-1"],
1014
- :has(:disabled)):is(input):has(input), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled,
1015
- [aria-disabled=true],
1016
- [tabindex="-1"],
1017
- :has(:disabled)):is(input):has(input), .db-tag[data-emphasis=strong]:hover:not(:disabled,
1018
- [aria-disabled=true],
1019
- [tabindex="-1"],
1020
- :has(:disabled)):is(input):has(label, button:not(.db-tab-remove-button), a):has(input):not(:has(input:checked)) {
1021
- cursor: initial;
1022
- }
1023
- .db-tag:hover:not(:disabled,
1024
- [aria-disabled=true],
1025
- [tabindex="-1"],
1026
- :has(:disabled)):is(input[type=checkbox]):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled,
1027
- [aria-disabled=true],
1028
- [tabindex="-1"],
1029
- :has(:disabled)):is(input[type=checkbox]):not(.db-tab-remove-button),
1030
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled,
1031
- [aria-disabled=true],
1032
- [tabindex="-1"],
1033
- :has(:disabled)):is(input[type=checkbox]),
1034
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button:hover:not(:disabled,
1035
- [aria-disabled=true],
1036
- [tabindex="-1"],
1037
- :has(:disabled)):is(input[type=checkbox]),
1038
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a:hover:not(:disabled,
1039
- [aria-disabled=true],
1040
- [tabindex="-1"],
1041
- :has(:disabled)):is(input[type=checkbox]), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled,
1042
- [aria-disabled=true],
1043
- [tabindex="-1"],
1044
- :has(:disabled)):is(input[type=checkbox]):not(.db-tab-remove-button),
1045
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled,
1046
- [aria-disabled=true],
1047
- [tabindex="-1"],
1048
- :has(:disabled)):is(input[type=checkbox]),
1049
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] db-button > button:hover:not(:disabled,
1050
- [aria-disabled=true],
1051
- [tabindex="-1"],
1052
- :has(:disabled)):is(input[type=checkbox]),
1053
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] a:hover:not(:disabled,
1054
- [aria-disabled=true],
1055
- [tabindex="-1"],
1056
- :has(:disabled)):is(input[type=checkbox]), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled,
1057
- [aria-disabled=true],
1058
- [tabindex="-1"],
1059
- :has(:disabled)):is(input[type=checkbox]):has(input), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled,
1060
- [aria-disabled=true],
1061
- [tabindex="-1"],
1062
- :has(:disabled)):is(input[type=checkbox]):has(input), .db-tag:hover:not(:disabled,
1063
- [aria-disabled=true],
1064
- [tabindex="-1"],
1065
- :has(:disabled)):is(input[type=radio]:not(:checked)):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled,
1066
- [aria-disabled=true],
1067
- [tabindex="-1"],
1068
- :has(:disabled)):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button),
1069
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled,
1070
- [aria-disabled=true],
1071
- [tabindex="-1"],
1072
- :has(:disabled)):is(input[type=radio]:not(:checked)),
1073
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button:hover:not(:disabled,
1074
- [aria-disabled=true],
1075
- [tabindex="-1"],
1076
- :has(:disabled)):is(input[type=radio]:not(:checked)),
1077
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a:hover:not(:disabled,
1078
- [aria-disabled=true],
1079
- [tabindex="-1"],
1080
- :has(:disabled)):is(input[type=radio]:not(:checked)), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak]:not(:has(dbbutton)) button:hover:not(:disabled,
1081
- [aria-disabled=true],
1082
- [tabindex="-1"],
1083
- :has(:disabled)):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button),
1084
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled,
1085
- [aria-disabled=true],
1086
- [tabindex="-1"],
1087
- :has(:disabled)):is(input[type=radio]:not(:checked)),
1088
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] db-button > button:hover:not(:disabled,
1089
- [aria-disabled=true],
1090
- [tabindex="-1"],
1091
- :has(:disabled)):is(input[type=radio]:not(:checked)),
1092
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] a:hover:not(:disabled,
1093
- [aria-disabled=true],
1094
- [tabindex="-1"],
1095
- :has(:disabled)):is(input[type=radio]:not(:checked)), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled,
1096
- [aria-disabled=true],
1097
- [tabindex="-1"],
1098
- :has(:disabled)):is(input[type=radio]:not(:checked)):has(input), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled,
1099
- [aria-disabled=true],
1100
- [tabindex="-1"],
1101
- :has(:disabled)):is(input[type=radio]:not(:checked)):has(input) {
1102
- cursor: pointer;
1103
- }
1104
- .db-tag:active:not(:disabled,
1105
- [aria-disabled=true],
1106
- [tabindex="-1"],
1107
- :has(:disabled)):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled,
1108
- [aria-disabled=true],
1109
- [tabindex="-1"],
1110
- :has(:disabled)):not(.db-tab-remove-button),
1111
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled,
1112
- [aria-disabled=true],
1113
- [tabindex="-1"],
1114
- :has(:disabled)),
1115
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button:active:not(:disabled,
1116
- [aria-disabled=true],
1117
- [tabindex="-1"],
1118
- :has(:disabled)),
1119
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a:active:not(:disabled,
1120
- [aria-disabled=true],
1121
- [tabindex="-1"],
1122
- :has(:disabled)), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled,
1123
- [aria-disabled=true],
1124
- [tabindex="-1"],
1125
- :has(:disabled)):not(.db-tab-remove-button),
1126
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled,
1127
- [aria-disabled=true],
1128
- [tabindex="-1"],
1129
- :has(:disabled)),
1130
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] db-button > button:active:not(:disabled,
1131
- [aria-disabled=true],
1132
- [tabindex="-1"],
1133
- :has(:disabled)),
1134
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] a:active:not(:disabled,
1135
- [aria-disabled=true],
1136
- [tabindex="-1"],
1137
- :has(:disabled)), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled,
1138
- [aria-disabled=true],
1139
- [tabindex="-1"],
1140
- :has(:disabled)):has(input), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled,
1141
- [aria-disabled=true],
1142
- [tabindex="-1"],
1143
- :has(:disabled)):has(input), .db-tag[data-emphasis=strong]:active:not(:disabled,
1144
- [aria-disabled=true],
1145
- [tabindex="-1"],
1146
- :has(:disabled)):has(label, button:not(.db-tab-remove-button), a):has(input):not(:has(input:checked)) {
902
+ .db-tag:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active:has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active:not(.db-tab-remove-button),
903
+ .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active,
904
+ .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active,
905
+ .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak]:not(:has(dbbutton)) button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active:not(.db-tab-remove-button),
906
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button) > button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active,
907
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] db-button > button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active,
908
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] a:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active, .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active:has(input), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active:has(input), .db-tag[data-emphasis=strong]:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active:has(label, button:not(.db-tab-remove-button), a):has(input):not(:has(input:checked)) {
1147
909
  cursor: var(--db-overwrite-cursor, pointer);
1148
910
  background-color: var(--db-adaptive-bg-basic-level-1-pressed);
1149
911
  }
1150
- .db-tag:active:not(:disabled,
1151
- [aria-disabled=true],
1152
- [tabindex="-1"],
1153
- :has(:disabled)):is(textarea):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled,
1154
- [aria-disabled=true],
1155
- [tabindex="-1"],
1156
- :has(:disabled)):is(textarea):not(.db-tab-remove-button),
1157
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled,
1158
- [aria-disabled=true],
1159
- [tabindex="-1"],
1160
- :has(:disabled)):is(textarea),
1161
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button:active:not(:disabled,
1162
- [aria-disabled=true],
1163
- [tabindex="-1"],
1164
- :has(:disabled)):is(textarea),
1165
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a:active:not(:disabled,
1166
- [aria-disabled=true],
1167
- [tabindex="-1"],
1168
- :has(:disabled)):is(textarea), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled,
1169
- [aria-disabled=true],
1170
- [tabindex="-1"],
1171
- :has(:disabled)):is(textarea):not(.db-tab-remove-button),
1172
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled,
1173
- [aria-disabled=true],
1174
- [tabindex="-1"],
1175
- :has(:disabled)):is(textarea),
1176
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] db-button > button:active:not(:disabled,
1177
- [aria-disabled=true],
1178
- [tabindex="-1"],
1179
- :has(:disabled)):is(textarea),
1180
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] a:active:not(:disabled,
1181
- [aria-disabled=true],
1182
- [tabindex="-1"],
1183
- :has(:disabled)):is(textarea), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled,
1184
- [aria-disabled=true],
1185
- [tabindex="-1"],
1186
- :has(:disabled)):is(textarea):has(input), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled,
1187
- [aria-disabled=true],
1188
- [tabindex="-1"],
1189
- :has(:disabled)):is(textarea):has(input), .db-tag[data-emphasis=strong]:active:not(:disabled,
1190
- [aria-disabled=true],
1191
- [tabindex="-1"],
1192
- :has(:disabled)):is(textarea):has(label, button:not(.db-tab-remove-button), a):has(input):not(:has(input:checked)), .db-tag:active:not(:disabled,
1193
- [aria-disabled=true],
1194
- [tabindex="-1"],
1195
- :has(:disabled)):is(input):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled,
1196
- [aria-disabled=true],
1197
- [tabindex="-1"],
1198
- :has(:disabled)):is(input):not(.db-tab-remove-button),
1199
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled,
1200
- [aria-disabled=true],
1201
- [tabindex="-1"],
1202
- :has(:disabled)):is(input),
1203
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button:active:not(:disabled,
1204
- [aria-disabled=true],
1205
- [tabindex="-1"],
1206
- :has(:disabled)):is(input),
1207
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a:active:not(:disabled,
1208
- [aria-disabled=true],
1209
- [tabindex="-1"],
1210
- :has(:disabled)):is(input), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled,
1211
- [aria-disabled=true],
1212
- [tabindex="-1"],
1213
- :has(:disabled)):is(input):not(.db-tab-remove-button),
1214
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled,
1215
- [aria-disabled=true],
1216
- [tabindex="-1"],
1217
- :has(:disabled)):is(input),
1218
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] db-button > button:active:not(:disabled,
1219
- [aria-disabled=true],
1220
- [tabindex="-1"],
1221
- :has(:disabled)):is(input),
1222
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] a:active:not(:disabled,
1223
- [aria-disabled=true],
1224
- [tabindex="-1"],
1225
- :has(:disabled)):is(input), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled,
1226
- [aria-disabled=true],
1227
- [tabindex="-1"],
1228
- :has(:disabled)):is(input):has(input), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled,
1229
- [aria-disabled=true],
1230
- [tabindex="-1"],
1231
- :has(:disabled)):is(input):has(input), .db-tag[data-emphasis=strong]:active:not(:disabled,
1232
- [aria-disabled=true],
1233
- [tabindex="-1"],
1234
- :has(:disabled)):is(input):has(label, button:not(.db-tab-remove-button), a):has(input):not(:has(input:checked)) {
1235
- cursor: initial;
1236
- }
1237
- .db-tag:active:not(:disabled,
1238
- [aria-disabled=true],
1239
- [tabindex="-1"],
1240
- :has(:disabled)):is(input[type=checkbox]):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled,
1241
- [aria-disabled=true],
1242
- [tabindex="-1"],
1243
- :has(:disabled)):is(input[type=checkbox]):not(.db-tab-remove-button),
1244
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled,
1245
- [aria-disabled=true],
1246
- [tabindex="-1"],
1247
- :has(:disabled)):is(input[type=checkbox]),
1248
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button:active:not(:disabled,
1249
- [aria-disabled=true],
1250
- [tabindex="-1"],
1251
- :has(:disabled)):is(input[type=checkbox]),
1252
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a:active:not(:disabled,
1253
- [aria-disabled=true],
1254
- [tabindex="-1"],
1255
- :has(:disabled)):is(input[type=checkbox]), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled,
1256
- [aria-disabled=true],
1257
- [tabindex="-1"],
1258
- :has(:disabled)):is(input[type=checkbox]):not(.db-tab-remove-button),
1259
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled,
1260
- [aria-disabled=true],
1261
- [tabindex="-1"],
1262
- :has(:disabled)):is(input[type=checkbox]),
1263
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] db-button > button:active:not(:disabled,
1264
- [aria-disabled=true],
1265
- [tabindex="-1"],
1266
- :has(:disabled)):is(input[type=checkbox]),
1267
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] a:active:not(:disabled,
1268
- [aria-disabled=true],
1269
- [tabindex="-1"],
1270
- :has(:disabled)):is(input[type=checkbox]), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled,
1271
- [aria-disabled=true],
1272
- [tabindex="-1"],
1273
- :has(:disabled)):is(input[type=checkbox]):has(input), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled,
1274
- [aria-disabled=true],
1275
- [tabindex="-1"],
1276
- :has(:disabled)):is(input[type=checkbox]):has(input), .db-tag:active:not(:disabled,
1277
- [aria-disabled=true],
1278
- [tabindex="-1"],
1279
- :has(:disabled)):is(input[type=radio]:not(:checked)):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled,
1280
- [aria-disabled=true],
1281
- [tabindex="-1"],
1282
- :has(:disabled)):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button),
1283
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled,
1284
- [aria-disabled=true],
1285
- [tabindex="-1"],
1286
- :has(:disabled)):is(input[type=radio]:not(:checked)),
1287
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) db-button > button:active:not(:disabled,
1288
- [aria-disabled=true],
1289
- [tabindex="-1"],
1290
- :has(:disabled)):is(input[type=radio]:not(:checked)),
1291
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) a:active:not(:disabled,
1292
- [aria-disabled=true],
1293
- [tabindex="-1"],
1294
- :has(:disabled)):is(input[type=radio]:not(:checked)), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak]:not(:has(dbbutton)) button:active:not(:disabled,
1295
- [aria-disabled=true],
1296
- [tabindex="-1"],
1297
- :has(:disabled)):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button),
1298
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled,
1299
- [aria-disabled=true],
1300
- [tabindex="-1"],
1301
- :has(:disabled)):is(input[type=radio]:not(:checked)),
1302
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] db-button > button:active:not(:disabled,
1303
- [aria-disabled=true],
1304
- [tabindex="-1"],
1305
- :has(:disabled)):is(input[type=radio]:not(:checked)),
1306
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] a:active:not(:disabled,
1307
- [aria-disabled=true],
1308
- [tabindex="-1"],
1309
- :has(:disabled)):is(input[type=radio]:not(:checked)), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled,
1310
- [aria-disabled=true],
1311
- [tabindex="-1"],
1312
- :has(:disabled)):is(input[type=radio]:not(:checked)):has(input), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled,
1313
- [aria-disabled=true],
1314
- [tabindex="-1"],
1315
- :has(:disabled)):is(input[type=radio]:not(:checked)):has(input) {
1316
- cursor: pointer;
1317
- }
1318
912
 
1319
913
  .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button, .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button, .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button, .db-tag:has(.db-tab-remove-button)[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button, .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong], .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button),
1320
914
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button,
@@ -1334,422 +928,26 @@
1334
928
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a::after, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:has(input[type=checkbox]:checked)::after {
1335
929
  --db-icon-color: var(--db-adaptive-on-bg-vibrant-default);
1336
930
  }
1337
- .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button, .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button, .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button, .db-tag:has(.db-tab-remove-button)[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button, .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong], .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button),
1338
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button,
1339
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button,
1340
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:has(input[type=checkbox]:checked) {
931
+ .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)), .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)), .db-tag:has(.db-tab-remove-button)[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):not(.db-tab-remove-button),
932
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)),
933
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)),
934
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):has(input[type=checkbox]:checked) {
1341
935
  /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
1342
936
  }
1343
- .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled,
1344
- [aria-disabled=true],
1345
- [tabindex="-1"],
1346
- :has(:disabled)), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled,
1347
- [aria-disabled=true],
1348
- [tabindex="-1"],
1349
- :has(:disabled)), .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled,
1350
- [aria-disabled=true],
1351
- [tabindex="-1"],
1352
- :has(:disabled)), .db-tag:has(.db-tab-remove-button)[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled,
1353
- [aria-disabled=true],
1354
- [tabindex="-1"],
1355
- :has(:disabled)), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled,
1356
- [aria-disabled=true],
1357
- [tabindex="-1"],
1358
- :has(:disabled)):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled,
1359
- [aria-disabled=true],
1360
- [tabindex="-1"],
1361
- :has(:disabled)):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:hover:not(:disabled,
1362
- [aria-disabled=true],
1363
- [tabindex="-1"],
1364
- :has(:disabled)):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled,
1365
- [aria-disabled=true],
1366
- [tabindex="-1"],
1367
- :has(:disabled)):not(.db-tab-remove-button),
1368
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled,
1369
- [aria-disabled=true],
1370
- [tabindex="-1"],
1371
- :has(:disabled)),
1372
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:hover:not(:disabled,
1373
- [aria-disabled=true],
1374
- [tabindex="-1"],
1375
- :has(:disabled)),
1376
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:hover:not(:disabled,
1377
- [aria-disabled=true],
1378
- [tabindex="-1"],
1379
- :has(:disabled)), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:hover:not(:disabled,
1380
- [aria-disabled=true],
1381
- [tabindex="-1"],
1382
- :has(:disabled)):has(input[type=checkbox]:checked) {
937
+ .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover, .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover, .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover, .db-tag:has(.db-tab-remove-button)[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover, .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover:has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover:has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover:has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover:not(.db-tab-remove-button),
938
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover,
939
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover,
940
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover:has(input[type=checkbox]:checked) {
1383
941
  cursor: var(--db-overwrite-cursor, pointer);
1384
942
  background-color: var(--db-adaptive-bg-vibrant-hovered);
1385
943
  }
1386
- .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled,
1387
- [aria-disabled=true],
1388
- [tabindex="-1"],
1389
- :has(:disabled)):is(textarea), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled,
1390
- [aria-disabled=true],
1391
- [tabindex="-1"],
1392
- :has(:disabled)):is(textarea), .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled,
1393
- [aria-disabled=true],
1394
- [tabindex="-1"],
1395
- :has(:disabled)):is(textarea), .db-tag:has(.db-tab-remove-button)[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled,
1396
- [aria-disabled=true],
1397
- [tabindex="-1"],
1398
- :has(:disabled)):is(textarea), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled,
1399
- [aria-disabled=true],
1400
- [tabindex="-1"],
1401
- :has(:disabled)):is(textarea):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled,
1402
- [aria-disabled=true],
1403
- [tabindex="-1"],
1404
- :has(:disabled)):is(textarea):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:hover:not(:disabled,
1405
- [aria-disabled=true],
1406
- [tabindex="-1"],
1407
- :has(:disabled)):is(textarea):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled,
1408
- [aria-disabled=true],
1409
- [tabindex="-1"],
1410
- :has(:disabled)):is(textarea):not(.db-tab-remove-button),
1411
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled,
1412
- [aria-disabled=true],
1413
- [tabindex="-1"],
1414
- :has(:disabled)):is(textarea),
1415
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:hover:not(:disabled,
1416
- [aria-disabled=true],
1417
- [tabindex="-1"],
1418
- :has(:disabled)):is(textarea),
1419
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:hover:not(:disabled,
1420
- [aria-disabled=true],
1421
- [tabindex="-1"],
1422
- :has(:disabled)):is(textarea), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:hover:not(:disabled,
1423
- [aria-disabled=true],
1424
- [tabindex="-1"],
1425
- :has(:disabled)):is(textarea):has(input[type=checkbox]:checked), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled,
1426
- [aria-disabled=true],
1427
- [tabindex="-1"],
1428
- :has(:disabled)):is(input), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled,
1429
- [aria-disabled=true],
1430
- [tabindex="-1"],
1431
- :has(:disabled)):is(input), .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled,
1432
- [aria-disabled=true],
1433
- [tabindex="-1"],
1434
- :has(:disabled)):is(input), .db-tag:has(.db-tab-remove-button)[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled,
1435
- [aria-disabled=true],
1436
- [tabindex="-1"],
1437
- :has(:disabled)):is(input), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled,
1438
- [aria-disabled=true],
1439
- [tabindex="-1"],
1440
- :has(:disabled)):is(input):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled,
1441
- [aria-disabled=true],
1442
- [tabindex="-1"],
1443
- :has(:disabled)):is(input):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:hover:not(:disabled,
1444
- [aria-disabled=true],
1445
- [tabindex="-1"],
1446
- :has(:disabled)):is(input):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled,
1447
- [aria-disabled=true],
1448
- [tabindex="-1"],
1449
- :has(:disabled)):is(input):not(.db-tab-remove-button),
1450
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled,
1451
- [aria-disabled=true],
1452
- [tabindex="-1"],
1453
- :has(:disabled)):is(input),
1454
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:hover:not(:disabled,
1455
- [aria-disabled=true],
1456
- [tabindex="-1"],
1457
- :has(:disabled)):is(input),
1458
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:hover:not(:disabled,
1459
- [aria-disabled=true],
1460
- [tabindex="-1"],
1461
- :has(:disabled)):is(input), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:hover:not(:disabled,
1462
- [aria-disabled=true],
1463
- [tabindex="-1"],
1464
- :has(:disabled)):is(input):has(input[type=checkbox]:checked) {
1465
- cursor: initial;
1466
- }
1467
- .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled,
1468
- [aria-disabled=true],
1469
- [tabindex="-1"],
1470
- :has(:disabled)):is(input[type=checkbox]), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled,
1471
- [aria-disabled=true],
1472
- [tabindex="-1"],
1473
- :has(:disabled)):is(input[type=checkbox]), .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled,
1474
- [aria-disabled=true],
1475
- [tabindex="-1"],
1476
- :has(:disabled)):is(input[type=checkbox]), .db-tag:has(.db-tab-remove-button)[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled,
1477
- [aria-disabled=true],
1478
- [tabindex="-1"],
1479
- :has(:disabled)):is(input[type=checkbox]), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled,
1480
- [aria-disabled=true],
1481
- [tabindex="-1"],
1482
- :has(:disabled)):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled,
1483
- [aria-disabled=true],
1484
- [tabindex="-1"],
1485
- :has(:disabled)):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:hover:not(:disabled,
1486
- [aria-disabled=true],
1487
- [tabindex="-1"],
1488
- :has(:disabled)):is(input[type=checkbox]):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled,
1489
- [aria-disabled=true],
1490
- [tabindex="-1"],
1491
- :has(:disabled)):is(input[type=checkbox]):not(.db-tab-remove-button),
1492
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled,
1493
- [aria-disabled=true],
1494
- [tabindex="-1"],
1495
- :has(:disabled)):is(input[type=checkbox]),
1496
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:hover:not(:disabled,
1497
- [aria-disabled=true],
1498
- [tabindex="-1"],
1499
- :has(:disabled)):is(input[type=checkbox]),
1500
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:hover:not(:disabled,
1501
- [aria-disabled=true],
1502
- [tabindex="-1"],
1503
- :has(:disabled)):is(input[type=checkbox]), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:hover:not(:disabled,
1504
- [aria-disabled=true],
1505
- [tabindex="-1"],
1506
- :has(:disabled)):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled,
1507
- [aria-disabled=true],
1508
- [tabindex="-1"],
1509
- :has(:disabled)):is(input[type=radio]:not(:checked)), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled,
1510
- [aria-disabled=true],
1511
- [tabindex="-1"],
1512
- :has(:disabled)):is(input[type=radio]:not(:checked)), .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled,
1513
- [aria-disabled=true],
1514
- [tabindex="-1"],
1515
- :has(:disabled)):is(input[type=radio]:not(:checked)), .db-tag:has(.db-tab-remove-button)[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled,
1516
- [aria-disabled=true],
1517
- [tabindex="-1"],
1518
- :has(:disabled)):is(input[type=radio]:not(:checked)), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled,
1519
- [aria-disabled=true],
1520
- [tabindex="-1"],
1521
- :has(:disabled)):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled,
1522
- [aria-disabled=true],
1523
- [tabindex="-1"],
1524
- :has(:disabled)):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:hover:not(:disabled,
1525
- [aria-disabled=true],
1526
- [tabindex="-1"],
1527
- :has(:disabled)):is(input[type=radio]:not(:checked)):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled,
1528
- [aria-disabled=true],
1529
- [tabindex="-1"],
1530
- :has(:disabled)):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button),
1531
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled,
1532
- [aria-disabled=true],
1533
- [tabindex="-1"],
1534
- :has(:disabled)):is(input[type=radio]:not(:checked)),
1535
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:hover:not(:disabled,
1536
- [aria-disabled=true],
1537
- [tabindex="-1"],
1538
- :has(:disabled)):is(input[type=radio]:not(:checked)),
1539
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:hover:not(:disabled,
1540
- [aria-disabled=true],
1541
- [tabindex="-1"],
1542
- :has(:disabled)):is(input[type=radio]:not(:checked)), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:hover:not(:disabled,
1543
- [aria-disabled=true],
1544
- [tabindex="-1"],
1545
- :has(:disabled)):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked) {
1546
- cursor: pointer;
1547
- }
1548
- .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled,
1549
- [aria-disabled=true],
1550
- [tabindex="-1"],
1551
- :has(:disabled)), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:active:not(:disabled,
1552
- [aria-disabled=true],
1553
- [tabindex="-1"],
1554
- :has(:disabled)), .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled,
1555
- [aria-disabled=true],
1556
- [tabindex="-1"],
1557
- :has(:disabled)), .db-tag:has(.db-tab-remove-button)[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:active:not(:disabled,
1558
- [aria-disabled=true],
1559
- [tabindex="-1"],
1560
- :has(:disabled)), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled,
1561
- [aria-disabled=true],
1562
- [tabindex="-1"],
1563
- :has(:disabled)):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled,
1564
- [aria-disabled=true],
1565
- [tabindex="-1"],
1566
- :has(:disabled)):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:active:not(:disabled,
1567
- [aria-disabled=true],
1568
- [tabindex="-1"],
1569
- :has(:disabled)):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled,
1570
- [aria-disabled=true],
1571
- [tabindex="-1"],
1572
- :has(:disabled)):not(.db-tab-remove-button),
1573
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled,
1574
- [aria-disabled=true],
1575
- [tabindex="-1"],
1576
- :has(:disabled)),
1577
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:active:not(:disabled,
1578
- [aria-disabled=true],
1579
- [tabindex="-1"],
1580
- :has(:disabled)),
1581
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:active:not(:disabled,
1582
- [aria-disabled=true],
1583
- [tabindex="-1"],
1584
- :has(:disabled)), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:active:not(:disabled,
1585
- [aria-disabled=true],
1586
- [tabindex="-1"],
1587
- :has(:disabled)):has(input[type=checkbox]:checked) {
944
+ .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active, .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active, .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active, .db-tag:has(.db-tab-remove-button)[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active, .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active:has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active:has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active:has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active:not(.db-tab-remove-button),
945
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active,
946
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active,
947
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active:has(input[type=checkbox]:checked) {
1588
948
  cursor: var(--db-overwrite-cursor, pointer);
1589
949
  background-color: var(--db-adaptive-bg-vibrant-pressed);
1590
950
  }
1591
- .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled,
1592
- [aria-disabled=true],
1593
- [tabindex="-1"],
1594
- :has(:disabled)):is(textarea), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:active:not(:disabled,
1595
- [aria-disabled=true],
1596
- [tabindex="-1"],
1597
- :has(:disabled)):is(textarea), .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled,
1598
- [aria-disabled=true],
1599
- [tabindex="-1"],
1600
- :has(:disabled)):is(textarea), .db-tag:has(.db-tab-remove-button)[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:active:not(:disabled,
1601
- [aria-disabled=true],
1602
- [tabindex="-1"],
1603
- :has(:disabled)):is(textarea), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled,
1604
- [aria-disabled=true],
1605
- [tabindex="-1"],
1606
- :has(:disabled)):is(textarea):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled,
1607
- [aria-disabled=true],
1608
- [tabindex="-1"],
1609
- :has(:disabled)):is(textarea):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:active:not(:disabled,
1610
- [aria-disabled=true],
1611
- [tabindex="-1"],
1612
- :has(:disabled)):is(textarea):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled,
1613
- [aria-disabled=true],
1614
- [tabindex="-1"],
1615
- :has(:disabled)):is(textarea):not(.db-tab-remove-button),
1616
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled,
1617
- [aria-disabled=true],
1618
- [tabindex="-1"],
1619
- :has(:disabled)):is(textarea),
1620
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:active:not(:disabled,
1621
- [aria-disabled=true],
1622
- [tabindex="-1"],
1623
- :has(:disabled)):is(textarea),
1624
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:active:not(:disabled,
1625
- [aria-disabled=true],
1626
- [tabindex="-1"],
1627
- :has(:disabled)):is(textarea), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:active:not(:disabled,
1628
- [aria-disabled=true],
1629
- [tabindex="-1"],
1630
- :has(:disabled)):is(textarea):has(input[type=checkbox]:checked), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled,
1631
- [aria-disabled=true],
1632
- [tabindex="-1"],
1633
- :has(:disabled)):is(input), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:active:not(:disabled,
1634
- [aria-disabled=true],
1635
- [tabindex="-1"],
1636
- :has(:disabled)):is(input), .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled,
1637
- [aria-disabled=true],
1638
- [tabindex="-1"],
1639
- :has(:disabled)):is(input), .db-tag:has(.db-tab-remove-button)[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:active:not(:disabled,
1640
- [aria-disabled=true],
1641
- [tabindex="-1"],
1642
- :has(:disabled)):is(input), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled,
1643
- [aria-disabled=true],
1644
- [tabindex="-1"],
1645
- :has(:disabled)):is(input):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled,
1646
- [aria-disabled=true],
1647
- [tabindex="-1"],
1648
- :has(:disabled)):is(input):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:active:not(:disabled,
1649
- [aria-disabled=true],
1650
- [tabindex="-1"],
1651
- :has(:disabled)):is(input):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled,
1652
- [aria-disabled=true],
1653
- [tabindex="-1"],
1654
- :has(:disabled)):is(input):not(.db-tab-remove-button),
1655
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled,
1656
- [aria-disabled=true],
1657
- [tabindex="-1"],
1658
- :has(:disabled)):is(input),
1659
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:active:not(:disabled,
1660
- [aria-disabled=true],
1661
- [tabindex="-1"],
1662
- :has(:disabled)):is(input),
1663
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:active:not(:disabled,
1664
- [aria-disabled=true],
1665
- [tabindex="-1"],
1666
- :has(:disabled)):is(input), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:active:not(:disabled,
1667
- [aria-disabled=true],
1668
- [tabindex="-1"],
1669
- :has(:disabled)):is(input):has(input[type=checkbox]:checked) {
1670
- cursor: initial;
1671
- }
1672
- .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled,
1673
- [aria-disabled=true],
1674
- [tabindex="-1"],
1675
- :has(:disabled)):is(input[type=checkbox]), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:active:not(:disabled,
1676
- [aria-disabled=true],
1677
- [tabindex="-1"],
1678
- :has(:disabled)):is(input[type=checkbox]), .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled,
1679
- [aria-disabled=true],
1680
- [tabindex="-1"],
1681
- :has(:disabled)):is(input[type=checkbox]), .db-tag:has(.db-tab-remove-button)[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:active:not(:disabled,
1682
- [aria-disabled=true],
1683
- [tabindex="-1"],
1684
- :has(:disabled)):is(input[type=checkbox]), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled,
1685
- [aria-disabled=true],
1686
- [tabindex="-1"],
1687
- :has(:disabled)):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled,
1688
- [aria-disabled=true],
1689
- [tabindex="-1"],
1690
- :has(:disabled)):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:active:not(:disabled,
1691
- [aria-disabled=true],
1692
- [tabindex="-1"],
1693
- :has(:disabled)):is(input[type=checkbox]):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled,
1694
- [aria-disabled=true],
1695
- [tabindex="-1"],
1696
- :has(:disabled)):is(input[type=checkbox]):not(.db-tab-remove-button),
1697
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled,
1698
- [aria-disabled=true],
1699
- [tabindex="-1"],
1700
- :has(:disabled)):is(input[type=checkbox]),
1701
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:active:not(:disabled,
1702
- [aria-disabled=true],
1703
- [tabindex="-1"],
1704
- :has(:disabled)):is(input[type=checkbox]),
1705
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:active:not(:disabled,
1706
- [aria-disabled=true],
1707
- [tabindex="-1"],
1708
- :has(:disabled)):is(input[type=checkbox]), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:active:not(:disabled,
1709
- [aria-disabled=true],
1710
- [tabindex="-1"],
1711
- :has(:disabled)):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a)):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled,
1712
- [aria-disabled=true],
1713
- [tabindex="-1"],
1714
- :has(:disabled)):is(input[type=radio]:not(:checked)), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:active:not(:disabled,
1715
- [aria-disabled=true],
1716
- [tabindex="-1"],
1717
- :has(:disabled)):is(input[type=radio]:not(:checked)), .db-tag:has(.db-tab-remove-button):not([data-semantic])[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled,
1718
- [aria-disabled=true],
1719
- [tabindex="-1"],
1720
- :has(:disabled)):is(input[type=radio]:not(:checked)), .db-tag:has(.db-tab-remove-button)[data-semantic=adaptive][data-emphasis=strong] .db-tab-remove-button:active:not(:disabled,
1721
- [aria-disabled=true],
1722
- [tabindex="-1"],
1723
- :has(:disabled)):is(input[type=radio]:not(:checked)), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled,
1724
- [aria-disabled=true],
1725
- [tabindex="-1"],
1726
- :has(:disabled)):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled,
1727
- [aria-disabled=true],
1728
- [tabindex="-1"],
1729
- :has(:disabled)):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:active:not(:disabled,
1730
- [aria-disabled=true],
1731
- [tabindex="-1"],
1732
- :has(:disabled)):is(input[type=radio]:not(:checked)):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled,
1733
- [aria-disabled=true],
1734
- [tabindex="-1"],
1735
- :has(:disabled)):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button),
1736
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled,
1737
- [aria-disabled=true],
1738
- [tabindex="-1"],
1739
- :has(:disabled)):is(input[type=radio]:not(:checked)),
1740
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:active:not(:disabled,
1741
- [aria-disabled=true],
1742
- [tabindex="-1"],
1743
- :has(:disabled)):is(input[type=radio]:not(:checked)),
1744
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:active:not(:disabled,
1745
- [aria-disabled=true],
1746
- [tabindex="-1"],
1747
- :has(:disabled)):is(input[type=radio]:not(:checked)), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:active:not(:disabled,
1748
- [aria-disabled=true],
1749
- [tabindex="-1"],
1750
- :has(:disabled)):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked) {
1751
- cursor: pointer;
1752
- }
1753
951
 
1754
952
  [data-no-text=true].db-tag {
1755
953
  --icon-margin-after: 0;
@@ -1933,52 +1131,18 @@
1933
1131
  }
1934
1132
  .db-tag:has(label, button:not(.db-tab-remove-button), a) input:checked {
1935
1133
  background-color: transparent;
1134
+ }
1135
+ .db-tag:has(label, button:not(.db-tab-remove-button), a) input:checked:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)) {
1936
1136
  /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
1937
1137
  }
1938
- .db-tag:has(label, button:not(.db-tab-remove-button), a) input:checked:hover:not(:disabled,
1939
- [aria-disabled=true],
1940
- [tabindex="-1"],
1941
- :has(:disabled)) {
1138
+ .db-tag:has(label, button:not(.db-tab-remove-button), a) input:checked:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):hover {
1942
1139
  cursor: var(--db-overwrite-cursor, pointer);
1943
1140
  background-color: transparent;
1944
1141
  }
1945
- .db-tag:has(label, button:not(.db-tab-remove-button), a) input:checked:hover:not(:disabled,
1946
- [aria-disabled=true],
1947
- [tabindex="-1"],
1948
- :has(:disabled)):is(input) {
1949
- cursor: initial;
1950
- }
1951
- .db-tag:has(label, button:not(.db-tab-remove-button), a) input:checked:hover:not(:disabled,
1952
- [aria-disabled=true],
1953
- [tabindex="-1"],
1954
- :has(:disabled)):is(input[type=checkbox]), .db-tag:has(label, button:not(.db-tab-remove-button), a) input:checked:hover:not(:disabled,
1955
- [aria-disabled=true],
1956
- [tabindex="-1"],
1957
- :has(:disabled)):is(input[type=radio]:not(:checked)) {
1958
- cursor: pointer;
1959
- }
1960
- .db-tag:has(label, button:not(.db-tab-remove-button), a) input:checked:active:not(:disabled,
1961
- [aria-disabled=true],
1962
- [tabindex="-1"],
1963
- :has(:disabled)) {
1142
+ .db-tag:has(label, button:not(.db-tab-remove-button), a) input:checked:not(:disabled, [aria-disabled=true], [tabindex="-1"], :has(:disabled)):active {
1964
1143
  cursor: var(--db-overwrite-cursor, pointer);
1965
1144
  background-color: transparent;
1966
1145
  }
1967
- .db-tag:has(label, button:not(.db-tab-remove-button), a) input:checked:active:not(:disabled,
1968
- [aria-disabled=true],
1969
- [tabindex="-1"],
1970
- :has(:disabled)):is(input) {
1971
- cursor: initial;
1972
- }
1973
- .db-tag:has(label, button:not(.db-tab-remove-button), a) input:checked:active:not(:disabled,
1974
- [aria-disabled=true],
1975
- [tabindex="-1"],
1976
- :has(:disabled)):is(input[type=checkbox]), .db-tag:has(label, button:not(.db-tab-remove-button), a) input:checked:active:not(:disabled,
1977
- [aria-disabled=true],
1978
- [tabindex="-1"],
1979
- :has(:disabled)):is(input[type=radio]:not(:checked)) {
1980
- cursor: pointer;
1981
- }
1982
1146
  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type=radio]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input[type=radio]:checked) {
1983
1147
  --db-tag-border-color: var(--db-adaptive-on-bg-basic-emphasis-70-default);
1984
1148
  border-color: var(--db-tag-border-color);
@@ -2007,6 +1171,9 @@
2007
1171
  [class=db-button]) {
2008
1172
  block-size: 100%;
2009
1173
  }
1174
+ .db-tag:has(input[type=radio]:checked) {
1175
+ --db-overwrite-cursor: default;
1176
+ }
2010
1177
 
2011
1178
  .db-tag[data-show-check-state=true] label {
2012
1179
  --db-icon-margin-start: var(--db-spacing-fixed-2xs);