@kubit-ui-web/react-components 2.0.0-beta.25 → 2.0.0-beta.27

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 (24) hide show
  1. package/dist/cjs/.storybook/bundle-sizes.json +13 -0
  2. package/dist/cjs/assets/banner_kubit_readme.png +0 -0
  3. package/dist/cjs/components/tooltip/components/tooltipTrigger.js +1 -1
  4. package/dist/cjs/components/tooltip/tooltipStandAlone.js +1 -1
  5. package/dist/cjs/lib/designSystem/kubit/css/kubit.css +1 -1
  6. package/dist/cjs/lib/designSystem/kubit/css/kubit.min.css +1 -1
  7. package/dist/cjs/lib/provider/cssProvider/stats/stats.js +1 -1
  8. package/dist/cjs/scripts/generate-bundle-sizes.mjs +236 -0
  9. package/dist/cjs/scripts/new-component-web-ui.js +2092 -0
  10. package/dist/esm/.storybook/bundle-sizes.json +13 -0
  11. package/dist/esm/assets/banner_kubit_readme.png +0 -0
  12. package/dist/esm/components/tooltip/components/tooltipTrigger.js +1 -1
  13. package/dist/esm/components/tooltip/tooltipStandAlone.js +6 -6
  14. package/dist/esm/lib/designSystem/kubit/css/kubit.css +1 -1
  15. package/dist/esm/lib/designSystem/kubit/css/kubit.min.css +1 -1
  16. package/dist/esm/lib/provider/cssProvider/stats/stats.js +1 -1
  17. package/dist/esm/scripts/generate-bundle-sizes.mjs +236 -0
  18. package/dist/esm/scripts/new-component-web-ui.js +2092 -0
  19. package/dist/styles/kubit/css/kubit.css +25 -135
  20. package/dist/styles/kubit/css/kubit.min.css +1 -1
  21. package/dist/types/index.d.ts +1 -44
  22. package/package.json +8 -8
  23. /package/dist/cjs/{react-components.css → assets/react-components.css} +0 -0
  24. /package/dist/esm/{react-components.css → assets/react-components.css} +0 -0
package/dist/styles/kubit/css/kubit.css CHANGED
@@ -961,134 +961,31 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
961
961
  .option__labeliconcontainer { align-items: flex-start; display: flex; }
962
962
  .option__sublabel { padding: var(--spacings-spacing-0); }
963
963
  .option__sublabelcontainer { padding: var(--spacings-spacing-0); }
964
- .option--code_viewer_subtheme { background-color: var(--colors-neutral-color-neutral-bg-250); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); padding: var(--spacings-spacing-250) var(--spacings-spacing-300); }
965
- .option__label--code_viewer_subtheme { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
966
- .option__label--code_viewer_subtheme[data-state="disabled"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
967
- .option__label--code_viewer_subtheme[data-state="filling"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
968
- .option__label--code_viewer_subtheme[data-state="hover"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
969
- .option__label--code_viewer_subtheme[data-state="multiple_selected"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
970
- .option__label--code_viewer_subtheme[data-state="multiple_selected_hover"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
971
- .option__label--code_viewer_subtheme[data-state="selected"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
972
- .option__label--code_viewer_subtheme[data-state="selected_hover"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
973
- .option--code_viewer_subtheme[data-state="disabled"] { background-color: var(--colors-accent-color-accent-default-bg-150); border-left: var(--borders-border-200) solid var(--colors-accent-color-accent-default-bg-150); }
974
- .option--code_viewer_subtheme[data-state="filling"] { background-color: var(--colors-neutral-color-neutral-bg-250); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); }
975
- .option--code_viewer_subtheme[data-state="hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-200); }
976
- .option--code_viewer_subtheme[data-state="multiple_selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
977
- .option--code_viewer_subtheme[data-state="multiple_selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
978
- .option--code_viewer_subtheme[data-state="selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
979
- .option--code_viewer_subtheme[data-state="selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
980
- .option--input_dropdown { background-color: var(--colors-neutral-color-neutral-bg-250); border-bottom: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); padding: var(--spacings-spacing-300); }
981
- .option__icon--input_dropdown { color: var(--colors-neutral-color-neutral-icon-50); }
982
- .option__icon--input_dropdown[data-state="disabled"] { color: var(--colors-neutral-color-neutral-icon-100); }
983
- .option__icon--input_dropdown[data-state="filling"] { color: var(--colors-neutral-color-neutral-icon-50); }
984
- .option__icon--input_dropdown[data-state="hover"] { color: var(--colors-neutral-color-neutral-icon-50); }
985
- .option__icon--input_dropdown[data-state="multiple_selected"] { color: var(--colors-neutral-color-neutral-icon-50); }
986
- .option__icon--input_dropdown[data-state="multiple_selected_hover"] { color: var(--colors-neutral-color-neutral-icon-50); }
987
- .option__icon--input_dropdown[data-state="selected"] { color: var(--colors-neutral-color-neutral-icon-50); }
988
- .option__icon--input_dropdown[data-state="selected_hover"] { color: var(--colors-neutral-color-neutral-icon-50); }
989
- .option__label--input_dropdown { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
990
- .option__label--input_dropdown[data-state="disabled"] { color: var(--colors-neutral-color-neutral-font-50); }
991
- .option__label--input_dropdown[data-state="filling"] { color: var(--colors-neutral-color-neutral-font-50); }
992
- .option__label--input_dropdown[data-state="hover"] { color: var(--colors-neutral-color-neutral-font-50); }
993
- .option__label--input_dropdown[data-state="multiple_selected"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
994
- .option__label--input_dropdown[data-state="multiple_selected_hover"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
995
- .option__label--input_dropdown[data-state="selected"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
996
- .option__label--input_dropdown[data-state="selected_hover"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
997
- .option__labeliconcontainer--input_dropdown { gap: var(--spacings-spacing-150); }
998
- .option--input_dropdown[data-state="disabled"] { background-color: var(--colors-accent-color-accent-default-bg-150); border-left: var(--borders-border-200) solid var(--colors-accent-color-accent-default-bg-150); }
999
- .option--input_dropdown[data-state="filling"] { background-color: var(--colors-neutral-color-neutral-bg-250); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); }
1000
- .option--input_dropdown[data-state="hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-200); }
1001
- .option--input_dropdown[data-state="multiple_selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
1002
- .option--input_dropdown[data-state="multiple_selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
1003
- .option--input_dropdown[data-state="selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
1004
- .option--input_dropdown[data-state="selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
1005
- .option--input_option { background-color: var(--colors-neutral-color-neutral-bg-250); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); padding: var(--spacings-spacing-150) var(--spacings-spacing-300); }
1006
- .option__icon--input_option { color: var(--colors-neutral-color-neutral-icon-50); }
1007
- .option__label--input_option { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
1008
- .option__labelhighlighted--input_option { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
1009
- .option__labeliconcontainer--input_option { gap: var(--spacings-spacing-150); }
1010
- .option__sublabel--input_option { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
1011
- .option--input_option[data-state="disabled"] { background-color: var(--colors-accent-color-accent-default-bg-150); border-left: var(--borders-border-200) solid var(--colors-accent-color-accent-default-bg-150); }
1012
- .option--input_option[data-state="filling"] { background-color: var(--colors-neutral-color-neutral-bg-250); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); }
1013
- .option--input_option[data-state="hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-200); }
1014
- .option--input_option[data-state="multiple_selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
1015
- .option--input_option[data-state="multiple_selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
1016
- .option--input_option[data-state="selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
1017
- .option--input_option[data-state="selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
1018
- .option--input_option_hightlighted { background-color: var(--colors-neutral-color-neutral-bg-250); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); padding: var(--spacings-spacing-150) var(--spacings-spacing-300); }
1019
- .option__icon--input_option_hightlighted { color: var(--colors-neutral-color-neutral-icon-50); }
1020
- .option__label--input_option_hightlighted { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
1021
- .option__labelhighlighted--input_option_hightlighted { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
1022
- .option__labeliconcontainer--input_option_hightlighted { gap: var(--spacings-spacing-150); }
1023
- .option__sublabel--input_option_hightlighted { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
1024
- .option--input_option_hightlighted[data-state="disabled"] { background-color: var(--colors-accent-color-accent-default-bg-150); border-left: var(--borders-border-200) solid var(--colors-accent-color-accent-default-bg-150); }
1025
- .option--input_option_hightlighted[data-state="filling"] { background-color: var(--colors-neutral-color-neutral-bg-250); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); }
1026
- .option--input_option_hightlighted[data-state="hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-200); }
1027
- .option--input_option_hightlighted[data-state="multiple_selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
1028
- .option--input_option_hightlighted[data-state="multiple_selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
1029
- .option--input_option_hightlighted[data-state="selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
1030
- .option--input_option_hightlighted[data-state="selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
1031
- .option--inverted { background-color: var(--colors-neutral-color-neutral-bg-200); border-radius: var(--radius-radius-50); padding-bottom: var(--spacings-spacing-250); padding-left: var(--spacings-spacing-50); padding-right: var(--spacings-spacing-50); padding-top: var(--spacings-spacing-250); }
1032
- .option__label--inverted { color: var(--colors-neutral-color-neutral-font-100); font-weight: var(--font-weight-font-weight-400); }
1033
- .option__label--inverted[data-state="multiple_selected"] { font-weight: var(--font-weight-font-weight-600); }
1034
- .option__label--inverted[data-state="multiple_selected_hover"] { font-weight: var(--font-weight-font-weight-600); }
1035
- .option__label--inverted[data-state="selected"] { font-weight: var(--font-weight-font-weight-600); }
1036
- .option__label--inverted[data-state="selected_hover"] { font-weight: var(--font-weight-font-weight-600); }
1037
- .option--inverted::before { content: ''; right: var(--spacings-spacing-300); }
1038
- .option--inverted[data-state="disabled"] { background-color: var(--colors-neutral-color-neutral-bg-200); }
1039
- .option--inverted[data-state="filling"] { background-color: var(--colors-neutral-color-neutral-bg-200); }
1040
- .option--inverted[data-state="hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); }
1041
- .option--inverted[data-state="multiple_selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); }
1042
- .option--inverted[data-state="multiple_selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); }
1043
- .option--inverted[data-state="selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); }
1044
- .option--inverted[data-state="selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); }
1045
- .option--side_menu_level_1 { background-color: var(--colors-neutral-color-neutral-bg-250); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); padding: var(--spacings-spacing-150) var(--spacings-spacing-300); }
1046
- .option__icon--side_menu_level_1 { color: var(--colors-neutral-color-neutral-icon-50); }
1047
- .option__icon--side_menu_level_1[data-state="disabled"] { color: var(--colors-neutral-color-neutral-icon-100); }
1048
- .option__label--side_menu_level_1 { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
1049
- .option__label--side_menu_level_1[multiple_selected="true"] { font-weight: var(--font-weight-font-weight-600); }
1050
- .option__label--side_menu_level_1[multiple_selected_hover="true"] { font-weight: var(--font-weight-font-weight-600); }
1051
- .option__label--side_menu_level_1[selected="true"] { font-weight: var(--font-weight-font-weight-600); }
1052
- .option__label--side_menu_level_1[selected_hover="true"] { font-weight: var(--font-weight-font-weight-600); }
1053
- .option__labeliconcontainer--side_menu_level_1 { gap: var(--spacings-spacing-150); }
1054
- .option--side_menu_level_1[data-state="disabled"] { background-color: var(--colors-accent-color-accent-default-bg-150); border-left: var(--borders-border-200) solid var(--colors-accent-color-accent-default-bg-150); }
1055
- .option--side_menu_level_1[data-state="filling"] { background-color: var(--colors-neutral-color-neutral-bg-250); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); }
1056
- .option--side_menu_level_1[data-state="hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-200); }
1057
- .option--side_menu_level_1[data-state="multiple_selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
1058
- .option--side_menu_level_1[data-state="multiple_selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
1059
- .option--side_menu_level_1[data-state="selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
1060
- .option--side_menu_level_1[data-state="selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
1061
- .option--side_menu_level_2 { background-color: var(--colors-neutral-color-neutral-bg-250); border-left: var(--borders-border-100) solid var(--colors-neutral-color-neutral-bg-250); padding-bottom: var(--spacings-spacing-150); padding-left: var(--spacings-spacing-400); padding-right: var(--spacings-spacing-150); padding-top: var(--spacings-spacing-150); }
1062
- .option__label--side_menu_level_2 { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
1063
- .option__label--side_menu_level_2[data-state="multiple_selected"] { font-weight: var(--font-weight-font-weight-600); }
1064
- .option__label--side_menu_level_2[data-state="multiple_selected_hover"] { font-weight: var(--font-weight-font-weight-600); }
1065
- .option__label--side_menu_level_2[data-state="selected"] { font-weight: var(--font-weight-font-weight-600); }
1066
- .option__label--side_menu_level_2[data-state="selected_hover"] { font-weight: var(--font-weight-font-weight-600); }
1067
- .option--side_menu_level_2[data-state="disabled"] { border-left: var(--borders-border-100) solid var(--colors-neutral-color-neutral-bg-250); }
1068
- .option--side_menu_level_2[data-state="filling"] { border-left: var(--borders-border-100) solid var(--colors-neutral-color-neutral-bg-250); }
1069
- .option--side_menu_level_2[data-state="hover"] { border-left: var(--borders-border-100) solid var(--colors-neutral-color-neutral-icon-200); }
1070
- .option--side_menu_level_2[data-state="multiple_selected"] { border-left: var(--borders-border-100) solid var(--colors-brand-color-brand-border-50); }
1071
- .option--side_menu_level_2[data-state="multiple_selected_hover"] { border-left: var(--borders-border-100) solid var(--colors-brand-color-brand-border-50); }
1072
- .option--side_menu_level_2[data-state="selected"] { border-left: var(--borders-border-100) solid var(--colors-brand-color-brand-border-50); }
1073
- .option--side_menu_level_2[data-state="selected_hover"] { border-left: var(--borders-border-100) solid var(--colors-brand-color-brand-border-50); }
1074
- .option--topbar { padding-left: var(--spacings-spacing-150); padding-top: var(--spacings-spacing-100); }
1075
- .option__label--topbar { color: var(--colors-neutral-color-neutral-font-250); font-weight: var(--font-weight-font-weight-400); }
1076
- .option__label--topbar[data-state="multiple_selected"] { font-weight: var(--font-weight-font-weight-600); }
1077
- .option__label--topbar[data-state="multiple_selected_hover"] { font-weight: var(--font-weight-font-weight-600); }
1078
- .option__label--topbar[data-state="selected"] { font-weight: var(--font-weight-font-weight-600); }
1079
- .option__label--topbar[data-state="selected_hover"] { font-weight: var(--font-weight-font-weight-600); }
1080
- .option__labelhighlighted--topbar { font-weight: var(--font-weight-font-weight-400); }
1081
- .option--topbar_tab { background-color: var(--colors-neutral-color-neutral-bg-50); cursor: pointer; padding: var(--spacings-spacing-250) var(--spacings-spacing-300); }
1082
- .option__label--topbar_tab { color: var(--colors-neutral-color-neutral-font-250); font-weight: var(--font-weight-font-weight-400); }
1083
- .option__label--topbar_tab[data-state="multiple_selected"] { font-weight: var(--font-weight-font-weight-600); }
1084
- .option__label--topbar_tab[data-state="multiple_selected_hover"] { font-weight: var(--font-weight-font-weight-600); }
1085
- .option__label--topbar_tab[data-state="selected"] { font-weight: var(--font-weight-font-weight-600); }
1086
- .option__label--topbar_tab[data-state="selected_hover"] { font-weight: var(--font-weight-font-weight-600); }
1087
- .option--topbar_tab[data-state="hover"] { background-color: var(--colors-neutral-color-neutral-bg-100); }
1088
- .option--topbar_tab[data-state="multiple_selected"] { background-color: var(--colors-neutral-color-neutral-bg-100); }
1089
- .option--topbar_tab[data-state="multiple_selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-100); }
1090
- .option--topbar_tab[data-state="selected"] { background-color: var(--colors-neutral-color-neutral-bg-100); }
1091
- .option--topbar_tab[data-state="selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-100); }
964
+ .option--default { background-color: var(--colors-neutral-color-neutral-bg-250); border-bottom: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); padding: var(--spacings-spacing-300); }
965
+ .option__icon--default { color: var(--colors-neutral-color-neutral-icon-50); }
966
+ .option__icon--default[data-state="disabled"] { color: var(--colors-neutral-color-neutral-icon-100); }
967
+ .option__icon--default[data-state="filling"] { color: var(--colors-neutral-color-neutral-icon-50); }
968
+ .option__icon--default[data-state="hover"] { color: var(--colors-neutral-color-neutral-icon-50); }
969
+ .option__icon--default[data-state="multiple_selected"] { color: var(--colors-neutral-color-neutral-icon-50); }
970
+ .option__icon--default[data-state="multiple_selected_hover"] { color: var(--colors-neutral-color-neutral-icon-50); }
971
+ .option__icon--default[data-state="selected"] { color: var(--colors-neutral-color-neutral-icon-50); }
972
+ .option__icon--default[data-state="selected_hover"] { color: var(--colors-neutral-color-neutral-icon-50); }
973
+ .option__label--default { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-400); }
974
+ .option__label--default[data-state="disabled"] { color: var(--colors-neutral-color-neutral-font-50); }
975
+ .option__label--default[data-state="filling"] { color: var(--colors-neutral-color-neutral-font-50); }
976
+ .option__label--default[data-state="hover"] { color: var(--colors-neutral-color-neutral-font-50); }
977
+ .option__label--default[data-state="multiple_selected"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
978
+ .option__label--default[data-state="multiple_selected_hover"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
979
+ .option__label--default[data-state="selected"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
980
+ .option__label--default[data-state="selected_hover"] { color: var(--colors-neutral-color-neutral-font-50); font-weight: var(--font-weight-font-weight-600); }
981
+ .option__labeliconcontainer--default { gap: var(--spacings-spacing-150); }
982
+ .option--default[data-state="disabled"] { background-color: var(--colors-accent-color-accent-default-bg-150); border-left: var(--borders-border-200) solid var(--colors-accent-color-accent-default-bg-150); }
983
+ .option--default[data-state="filling"] { background-color: var(--colors-neutral-color-neutral-bg-250); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-250); }
984
+ .option--default[data-state="hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-neutral-color-neutral-bg-200); }
985
+ .option--default[data-state="multiple_selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
986
+ .option--default[data-state="multiple_selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
987
+ .option--default[data-state="selected"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
988
+ .option--default[data-state="selected_hover"] { background-color: var(--colors-neutral-color-neutral-bg-200); border-left: var(--borders-border-200) solid var(--colors-brand-color-brand-border-50); }
1092
989
  .overlay { background-color: #D9D9D9; left: 0; opacity: 0.7; position: fixed; top: 0; z-index: var(--z-index-overlay); }
1093
990
  .overlay--default { height: var(--spacings-spacing-100-vh); width: var(--spacings-spacing-100-vw); }
1094
991
  .overlay--secondary { height: var(--spacings-spacing-100-percent); width: var(--spacings-spacing-100-percent); }
@@ -1442,9 +1339,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
1442
1339
  .option__label { font-size: 1rem; line-height: 1.5rem; }
1443
1340
  .option__labelhighlighted { font-size: 1rem; line-height: 1.5rem; }
1444
1341
  .option__sublabel { font-size: 0.75rem; line-height: 1rem; }
1445
- .option__label--inverted { font-size: 0.75rem; line-height: 1rem; }
1446
- .option__label--topbar { font-size: 0.75rem; line-height: 1rem; }
1447
- .option__labelhighlighted--topbar { font-size: 0.75rem; line-height: 1rem; }
1448
1342
  .radio_button__label { font-size: 0.875rem; line-height: 1.25rem; }
1449
1343
  .radio_button__sublabel { font-size: 0.875rem; line-height: 1.25rem; }
1450
1344
  .select__labelclosed { font-size: 0.75rem; line-height: 1rem; }
@@ -1523,10 +1417,6 @@ body *:focus-visible { box-shadow: 0 0 0 0.25rem #fff; outline-color: #2C71DB; o
1523
1417
  .option__label { font-size: 0.875rem; line-height: 1.25rem; }
1524
1418
  .option__labelhighlighted { font-size: 0.875rem; line-height: 1.25rem; }
1525
1419
  .option__sublabel { font-size: 0.75rem; line-height: 1rem; }
1526
- .option__label--inverted { font-size: 0.75rem; line-height: 1rem; }
1527
- .option__label--topbar { font-size: 0.75rem; line-height: 1rem; }
1528
- .option__labelhighlighted--topbar { font-size: 0.75rem; line-height: 1rem; }
1529
- .option--topbar_tab { padding: var(--spacings-spacing-300); padding-left: var(--spacings-spacing-400); }
1530
1420
  .radio_button__label { font-size: 0.75rem; line-height: 1rem; }
1531
1421
  .radio_button__sublabel { font-size: 0.75rem; line-height: 1rem; }
1532
1422
  .select__labelclosed { font-size: 0.75rem; line-height: 1rem; }