@fibery/ui-kit 4.0.0 → 4.2.0

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 (86) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/esfint.config.mjs +0 -17
  3. package/package.json +7 -10
  4. package/scripts/generate-icons.mjs +45 -44
  5. package/src/actions-menu/actions-menu-item.tsx +1 -1
  6. package/src/actions-menu/context-actions-menu.tsx +1 -1
  7. package/src/animated-height-container.tsx +1 -1
  8. package/src/antd/ant-modal.tsx +21 -21
  9. package/src/antd/ant-upload.tsx +13 -13
  10. package/src/antd/auto-complete.tsx +10 -10
  11. package/src/antd/input-number.tsx +55 -45
  12. package/src/antd/styles.ts +30 -22
  13. package/src/antd/tabs.tsx +28 -28
  14. package/src/app-icon-with-fallback.tsx +3 -7
  15. package/src/app-icon-wrapper.tsx +1 -13
  16. package/src/breadcrumb.tsx +5 -1
  17. package/src/color-filter.ts +1 -1
  18. package/src/color-utils.test.ts +2 -2
  19. package/src/color-utils.ts +2 -2
  20. package/src/comment.tsx +2 -2
  21. package/src/copy-to-clipboard.ts +14 -3
  22. package/src/count-badge.tsx +3 -11
  23. package/src/date-picker/contexts.ts +6 -3
  24. package/src/date-picker/date-range-picker.tsx +1 -2
  25. package/src/date-picker/single-date-picker.tsx +1 -2
  26. package/src/day-select/iso-week-day-select.tsx +2 -2
  27. package/src/design-system/colors.ts +60 -40
  28. package/src/design-system/def.ts +1 -1
  29. package/src/dom-utils.ts +5 -12
  30. package/src/download-file.ts +36 -0
  31. package/src/dropdown-menu/index.tsx +0 -1
  32. package/src/emoji-picker/icon-emoji-picker.tsx +3 -3
  33. package/src/file-item/file-menu-items.tsx +29 -11
  34. package/src/file-item/file-preview-actions.tsx +52 -11
  35. package/src/file-item/share-file.ts +53 -0
  36. package/src/file-item.tsx +9 -9
  37. package/src/html-styles.ts +0 -1
  38. package/src/icons/ast/gauge.ts +12 -0
  39. package/src/icons/ast/index.tsx +449 -447
  40. package/src/icons/ast/people-edit.ts +12 -0
  41. package/src/icons/icon.tsx +14 -2
  42. package/src/icons/icons-integrity.test.ts +145 -0
  43. package/src/icons/react/gauge.tsx +18 -0
  44. package/src/icons/react/index.tsx +449 -447
  45. package/src/icons/react/people-edit.tsx +18 -0
  46. package/src/icons/svg/gauge.svg +5 -0
  47. package/src/icons/svg/people-edit.svg +4 -0
  48. package/src/images-gallery/images-gallery.tsx +2 -3
  49. package/src/images-gallery/slide-buttons.tsx +51 -20
  50. package/src/is-in-popup.ts +0 -3
  51. package/src/lists/actions-menu-row-surface.tsx +1 -1
  52. package/src/loading-sausage.tsx +3 -3
  53. package/src/media-query-utils.ts +1 -1
  54. package/src/mobile-keyboard-aware-popup.tsx +1 -1
  55. package/src/number-input/decimal.ts +6 -9
  56. package/src/number-input/number-input-inline-with-autosize.tsx +1 -1
  57. package/src/online-users.tsx +4 -5
  58. package/src/palettes/diff-colors.test.ts +1 -1
  59. package/src/palettes/inspect.defs.colors.neutral-arch.test.ts +98 -30
  60. package/src/palettes/inspect.defs.colors.neutral-user.test.ts +98 -30
  61. package/src/palettes/inspect.defs.colors.warm-arch.test.ts +98 -30
  62. package/src/palettes/inspect.defs.colors.warm-user.test.ts +98 -30
  63. package/src/palettes/show-colors.test.ts +2 -1
  64. package/src/palettes/testkit.ts +3 -1
  65. package/src/popover/index.tsx +24 -15
  66. package/src/popover/mobile-popover-context.tsx +1 -1
  67. package/src/popover/modifiers.tsx +1 -1
  68. package/src/popover/popup-modifiers-context.ts +1 -2
  69. package/src/rich-input-loader.tsx +1 -1
  70. package/src/select/components/menu-list-virtua.tsx +15 -16
  71. package/src/select/components/menu-list-virtualized.tsx +26 -29
  72. package/src/select/components/menu.tsx +3 -3
  73. package/src/select/components/option.tsx +0 -1
  74. package/src/select/index.tsx +2 -1
  75. package/src/select/reflection.ts +4 -5
  76. package/src/select/select-in-popover.tsx +1 -3
  77. package/src/select/select.tsx +5 -3
  78. package/src/select/styles.ts +1 -7
  79. package/src/select/util.ts +2 -2
  80. package/src/thematic.tsx +0 -1
  81. package/src/theme-provider.test.tsx +1 -1
  82. package/src/theming.generated.css +118 -58
  83. package/src/theming.generated.ts +135 -58
  84. package/src/type-badge.tsx +1 -2
  85. package/src/use-on-screen-keyboard-data.tsx +1 -1
  86. package/src/with-data.tsx +1 -1
package/src/theming.generated.ts CHANGED
@@ -62,13 +62,22 @@ export const themeVars = {
62
62
  blackColor: "var(--fibery-color-blackColor)",
63
63
  mainBg: "var(--fibery-color-mainBg)",
64
64
  panelBg: "var(--fibery-color-panelBg)",
65
+ panelBorder: "var(--fibery-color-panelBorder)",
65
66
  panelContentBg: "var(--fibery-color-panelContentBg)",
67
+ dbSettingsSidebarBg: "var(--fibery-color-dbSettingsSidebarBg)",
68
+ dbSettingsSidebarItemHover: "var(--fibery-color-dbSettingsSidebarItemHover)",
69
+ dbSettingsSidebarIconBg: "var(--fibery-color-dbSettingsSidebarIconBg)",
70
+ dbSettingsSidebarIconBorder: "var(--fibery-color-dbSettingsSidebarIconBorder)",
71
+ dbSettingsCardBg: "var(--fibery-color-dbSettingsCardBg)",
72
+ dbSettingsCardBorder: "var(--fibery-color-dbSettingsCardBorder)",
66
73
  colorBgRelationContainer: "var(--fibery-color-colorBgRelationContainer)",
67
74
  colorAI: "var(--fibery-color-colorAI)",
68
75
  colorBgAI: "var(--fibery-color-colorBgAI)",
69
76
  colorBgAIFloatingLauncher: "var(--fibery-color-colorBgAIFloatingLauncher)",
70
77
  colorBgAIFloatingPanelContent: "var(--fibery-color-colorBgAIFloatingPanelContent)",
71
78
  colorBgAISidebarContent: "var(--fibery-color-colorBgAISidebarContent)",
79
+ colorBgFloatingPanel: "var(--fibery-color-colorBgFloatingPanel)",
80
+ shadowFloatingPanel: "var(--fibery-color-shadowFloatingPanel)",
72
81
  pageContentBg: "var(--fibery-color-pageContentBg)",
73
82
  colorBgPopup: "var(--fibery-color-colorBgPopup)",
74
83
  menuBg: "var(--fibery-color-menuBg)",
@@ -168,6 +177,7 @@ export const themeVars = {
168
177
  colorBgListItemGeneralSelectedDisabled: "var(--fibery-color-colorBgListItemGeneralSelectedDisabled)",
169
178
  opacityListItemGeneralDisabled: "var(--fibery-color-opacityListItemGeneralDisabled)",
170
179
  colorSearchSubtitle: "var(--fibery-color-colorSearchSubtitle)",
180
+ colorBgSearchPanel: "var(--fibery-color-colorBgSearchPanel)",
171
181
  colorBgSearchRowHover: "var(--fibery-color-colorBgSearchRowHover)",
172
182
  colorBgSearchRowCreateHover: "var(--fibery-color-colorBgSearchRowCreateHover)",
173
183
  opacitySearchItemDone: "var(--fibery-color-opacitySearchItemDone)",
@@ -290,6 +300,9 @@ export const themeVars = {
290
300
  richTextTableBorder: "var(--fibery-color-richTextTableBorder)",
291
301
  colorBgDropLine: "var(--fibery-color-colorBgDropLine)",
292
302
  viewBg: "var(--fibery-color-viewBg)",
303
+ colorBgViewMetaItem: "var(--fibery-color-colorBgViewMetaItem)",
304
+ collectionViewBg: "var(--fibery-color-collectionViewBg)",
305
+ collectionViewBorder: "var(--fibery-color-collectionViewBorder)",
293
306
  viewSecondaryBg: "var(--fibery-color-viewSecondaryBg)",
294
307
  viewHighlightBg: "var(--fibery-color-viewHighlightBg)",
295
308
  boardBg: "var(--fibery-color-boardBg)",
@@ -400,6 +413,8 @@ export const themeVars = {
400
413
  colorTextEntityAvatarDefault: "var(--fibery-color-colorTextEntityAvatarDefault)",
401
414
  colorTextEntityAvatarHover: "var(--fibery-color-colorTextEntityAvatarHover)",
402
415
  colorBgMessageHighlighted: "var(--fibery-color-colorBgMessageHighlighted)",
416
+ colorBgCommentHover: "var(--fibery-color-colorBgCommentHover)",
417
+ colorBgCodeEditor: "var(--fibery-color-colorBgCodeEditor)",
403
418
  colorBgEditorImageZoomed: "var(--fibery-color-colorBgEditorImageZoomed)",
404
419
  colorMermaidPrimaryColor: "var(--fibery-color-colorMermaidPrimaryColor)",
405
420
  colorMermaidPrimaryBorderColor: "var(--fibery-color-colorMermaidPrimaryBorderColor)",
@@ -569,13 +584,23 @@ export const neutralStyles = {
569
584
  "--fibery-color-blackColor": "rgb(0,0,0)",
570
585
  "--fibery-color-mainBg": "rgb(245,245,245)",
571
586
  "--fibery-color-panelBg": "rgb(255,255,255)",
587
+ "--fibery-color-panelBorder": "0 0 0 1px rgba(199, 199, 199, 0.2)",
572
588
  "--fibery-color-panelContentBg": "rgb(247,247,247)",
573
- "--fibery-color-colorBgRelationContainer": "rgb(247,247,247)",
589
+ "--fibery-color-dbSettingsSidebarBg": "rgb(247,247,247)",
590
+ "--fibery-color-dbSettingsSidebarItemHover": "rgb(237,237,237)",
591
+ "--fibery-color-dbSettingsSidebarIconBg": "rgb(255,255,255)",
592
+ "--fibery-color-dbSettingsSidebarIconBorder":
593
+ "0 1px 4px 0 rgba(94, 94, 94, 0.1), 0 0 0 0.5px rgba(232, 232, 232, 0.5)",
594
+ "--fibery-color-dbSettingsCardBg": "rgb(247,247,247)",
595
+ "--fibery-color-dbSettingsCardBorder": "0 0 0 1px rgba(227, 227, 227, 0.8)",
596
+ "--fibery-color-colorBgRelationContainer": "rgb(252,252,252)",
574
597
  "--fibery-color-colorAI": "#9D63D4",
575
598
  "--fibery-color-colorBgAI": "rgba(157, 99, 212, 0.1)",
576
599
  "--fibery-color-colorBgAIFloatingLauncher": "rgb(252,252,252)",
577
600
  "--fibery-color-colorBgAIFloatingPanelContent": "rgb(252,252,252)",
578
601
  "--fibery-color-colorBgAISidebarContent": "rgb(252,252,252)",
602
+ "--fibery-color-colorBgFloatingPanel": "rgb(255,255,255)",
603
+ "--fibery-color-shadowFloatingPanel": "0 0 0 1px rgba(120, 120, 120, 0.15), 0 3px 12px 0 rgba(94, 94, 94, 0.15)",
579
604
  "--fibery-color-pageContentBg": "rgb(255,255,255)",
580
605
  "--fibery-color-colorBgPopup": "rgb(255,255,255)",
581
606
  "--fibery-color-menuBg": "rgb(245,245,245)",
@@ -608,9 +633,9 @@ export const neutralStyles = {
608
633
  "--fibery-color-shortcutBorderColor": "rgba(199, 199, 199, 0.5)",
609
634
  "--fibery-color-inputBgColor": "rgb(255,255,255)",
610
635
  "--fibery-color-inputDisabledBgColor": "rgba(227, 227, 227, 0.3)",
611
- "--fibery-color-inputDisabledBorderColor": "0 0 0 1px rgba(227, 227, 227, 0.2)",
636
+ "--fibery-color-inputDisabledBorderColor": "0 0 0 1px rgba(227, 227, 227, 0.6)",
612
637
  "--fibery-color-inputCopyBgColor": "rgb(245,245,245)",
613
- "--fibery-color-inputBorderColor": "0 0 0 1px rgba(227, 227, 227, 0.7)",
638
+ "--fibery-color-inputBorderColor": "0 0 0 1px rgba(227, 227, 227, 0.8)",
614
639
  "--fibery-color-inputBorderHoverColor": "0 0 0 1px rgb(219,219,219)",
615
640
  "--fibery-color-inputBorderFocusColor": "0 0 0 1px rgb(199,199,199)",
616
641
  "--fibery-color-inputBorderBlendMode": "multiply",
@@ -656,9 +681,9 @@ export const neutralStyles = {
656
681
  "--fibery-color-borderSolidMedia": "1px solid rgba(0,0,0,0.14)",
657
682
  "--fibery-color-borderSolidCommentBubble": "1px solid rgb(255,255,255)",
658
683
  "--fibery-color-borderBlockQuote": "3px solid rgb(94,94,94)",
659
- "--fibery-color-shadowCardDefault": "0 0 0 1px rgba(227, 227, 227, 0.7), 0 1px 4px 0 rgba(23, 23, 23, 0.05)",
660
- "--fibery-color-shadowCardHover": "0 0 0 1px rgba(227, 227, 227, 0.7), 0 2px 6px 0 rgba(23, 23, 23, 0.05)",
661
- "--fibery-color-shadowCardInset": "inset 0 0 0 1px rgba(227, 227, 227, 0.7)",
684
+ "--fibery-color-shadowCardDefault": "0 0 0 1px rgba(227, 227, 227, 0.8), 0 1px 4px 0 rgba(23, 23, 23, 0.05)",
685
+ "--fibery-color-shadowCardHover": "0 0 0 1px rgba(227, 227, 227, 0.8), 0 2px 6px 0 rgba(23, 23, 23, 0.05)",
686
+ "--fibery-color-shadowCardInset": "inset 0 0 0 1px rgba(227, 227, 227, 0.8)",
662
687
  "--fibery-color-iconColor": "rgba(23, 23, 23, 0.7)",
663
688
  "--fibery-color-appIconColor": "rgba(247, 247, 247, 0.9)",
664
689
  "--fibery-color-appIconBgColor": "rgba(252, 252, 252, 0.9)",
@@ -669,14 +694,15 @@ export const neutralStyles = {
669
694
  "--fibery-color-colorBgListItemGeneral": "rgba(255, 255, 255, 0)",
670
695
  "--fibery-color-colorBgListItemGeneralHover": "rgb(245,245,245)",
671
696
  "--fibery-color-colorBgListItemGeneralFocus": "rgb(237,237,237)",
672
- "--fibery-color-colorBgListItemGeneralSelected": "#f1f5fe",
673
- "--fibery-color-colorBgListItemGeneralSelectedHover": "#e8effd",
674
- "--fibery-color-colorBgListItemGeneralSelectedFocus": "#e8effd",
697
+ "--fibery-color-colorBgListItemGeneralSelected": "#dbe5fa",
698
+ "--fibery-color-colorBgListItemGeneralSelectedHover": "#cad9f6",
699
+ "--fibery-color-colorBgListItemGeneralSelectedFocus": "#cad9f6",
675
700
  "--fibery-color-colorBgListItemGeneralDisabled": "rgba(255, 255, 255, 0)",
676
701
  "--fibery-color-colorTextListItemGeneralDisabled": "rgb(158,158,158)",
677
702
  "--fibery-color-colorBgListItemGeneralSelectedDisabled": "#dbe5fa",
678
703
  "--fibery-color-opacityListItemGeneralDisabled": "0.4",
679
704
  "--fibery-color-colorSearchSubtitle": "rgb(158,158,158)",
705
+ "--fibery-color-colorBgSearchPanel": "rgb(255,255,255)",
680
706
  "--fibery-color-colorBgSearchRowHover": "rgb(237,237,237)",
681
707
  "--fibery-color-colorBgSearchRowCreateHover": "#e8effd",
682
708
  "--fibery-color-opacitySearchItemDone": "0.4",
@@ -803,6 +829,9 @@ export const neutralStyles = {
803
829
  "--fibery-color-richTextTableBorder": "rgba(0,0,0,0.09)",
804
830
  "--fibery-color-colorBgDropLine": "#96b1e9",
805
831
  "--fibery-color-viewBg": "rgb(252,252,252)",
832
+ "--fibery-color-colorBgViewMetaItem": "rgb(255,255,255)",
833
+ "--fibery-color-collectionViewBg": "rgb(252,252,252)",
834
+ "--fibery-color-collectionViewBorder": "0 0 0 1px rgba(227, 227, 227, 0.6)",
806
835
  "--fibery-color-viewSecondaryBg": "rgb(247,247,247)",
807
836
  "--fibery-color-viewHighlightBg": "#f1f5fe",
808
837
  "--fibery-color-boardBg": "rgb(252,252,252)",
@@ -913,6 +942,8 @@ export const neutralStyles = {
913
942
  "--fibery-color-colorTextEntityAvatarDefault": "#96b1e9",
914
943
  "--fibery-color-colorTextEntityAvatarHover": "#4978d4",
915
944
  "--fibery-color-colorBgMessageHighlighted": "rgb(255,255,255)",
945
+ "--fibery-color-colorBgCommentHover": "rgb(247,247,247)",
946
+ "--fibery-color-colorBgCodeEditor": "rgb(255,255,255)",
916
947
  "--fibery-color-colorBgEditorImageZoomed": "rgb(245,245,245)",
917
948
  "--fibery-color-colorMermaidPrimaryColor": "rgb(247,247,247)",
918
949
  "--fibery-color-colorMermaidPrimaryBorderColor": "rgb(158,158,158)",
@@ -1013,7 +1044,7 @@ export const neutralStyles = {
1013
1044
  "--fibery-color-scrollbar": "rgba(158, 158, 158, 0.5)",
1014
1045
  },
1015
1046
  dark: {
1016
- "--fibery-color-surfaceElevationS": "0 2px 4px 0 rgba(255,255,255,0.03)",
1047
+ "--fibery-color-surfaceElevationS": "0 2px 4px 0 rgba(23, 23, 23, 0.05)",
1017
1048
  "--fibery-color-surfaceElevationM": "0 4px 8px 0 rgba(255,255,255,0.09)",
1018
1049
  "--fibery-color-surfaceElevationL": "0 8px 12px 0 rgba(255,255,255,0.09)",
1019
1050
  "--fibery-color-shadow50": "0 0 0 1px rgba(237, 237, 237, 0.1)",
@@ -1071,18 +1102,27 @@ export const neutralStyles = {
1071
1102
  "--fibery-color-darkenPrimary": "rgb(62, 96, 161)",
1072
1103
  "--fibery-color-whiteColor": "rgb(255,255,255)",
1073
1104
  "--fibery-color-blackColor": "rgb(0,0,0)",
1074
- "--fibery-color-mainBg": "#0D0D0D",
1105
+ "--fibery-color-mainBg": "rgb(36,36,36)",
1075
1106
  "--fibery-color-panelBg": "rgb(23,23,23)",
1107
+ "--fibery-color-panelBorder": "0 0 0 1px rgba(82, 82, 82, 0.2)",
1076
1108
  "--fibery-color-panelContentBg": "rgb(23,23,23)",
1077
- "--fibery-color-colorBgRelationContainer": "rgb(23,23,23)",
1109
+ "--fibery-color-dbSettingsSidebarBg": "rgb(28,28,28)",
1110
+ "--fibery-color-dbSettingsSidebarItemHover": "rgb(41,41,41)",
1111
+ "--fibery-color-dbSettingsSidebarIconBg": "rgb(36,36,36)",
1112
+ "--fibery-color-dbSettingsSidebarIconBorder": "0 0 0 1px rgba(112, 112, 112, 0.2)",
1113
+ "--fibery-color-dbSettingsCardBg": "rgb(28,28,28)",
1114
+ "--fibery-color-dbSettingsCardBorder": "0 0 0 1px rgba(51, 51, 51, 0.6)",
1115
+ "--fibery-color-colorBgRelationContainer": "rgb(28,28,28)",
1078
1116
  "--fibery-color-colorAI": "#8349B6",
1079
1117
  "--fibery-color-colorBgAI": "rgba(131, 73, 182, 0.1)",
1080
1118
  "--fibery-color-colorBgAIFloatingLauncher": "rgb(41,41,41)",
1081
1119
  "--fibery-color-colorBgAIFloatingPanelContent": "rgb(36,36,36)",
1082
1120
  "--fibery-color-colorBgAISidebarContent": "rgb(23,23,23)",
1121
+ "--fibery-color-colorBgFloatingPanel": "rgb(41,41,41)",
1122
+ "--fibery-color-shadowFloatingPanel": "0 0 0 1px rgb(51,51,51), 0 3px 12px 0 rgba(23, 23, 23, 0.5)",
1083
1123
  "--fibery-color-pageContentBg": "rgb(28,28,28)",
1084
- "--fibery-color-colorBgPopup": "rgb(41,41,41)",
1085
- "--fibery-color-menuBg": "#0D0D0D",
1124
+ "--fibery-color-colorBgPopup": "rgb(36,36,36)",
1125
+ "--fibery-color-menuBg": "rgb(36,36,36)",
1086
1126
  "--fibery-color-menuTextColor": "rgb(237,237,237)",
1087
1127
  "--fibery-color-menuItemHoverColor": "rgb(51,51,51)",
1088
1128
  "--fibery-color-menuSelectedTextColor": "rgb(247,247,247)",
@@ -1110,12 +1150,12 @@ export const neutralStyles = {
1110
1150
  "--fibery-color-shortcutTextColor": "rgb(161,161,161)",
1111
1151
  "--fibery-color-shortcutBorder": "1px solid rgba(127, 127, 127, 0.2)",
1112
1152
  "--fibery-color-shortcutBorderColor": "rgba(127, 127, 127, 0.2)",
1113
- "--fibery-color-inputBgColor": "rgb(28,28,28)",
1153
+ "--fibery-color-inputBgColor": "rgb(23,23,23)",
1114
1154
  "--fibery-color-inputDisabledBgColor": "rgba(51, 51, 51, 0.3)",
1115
- "--fibery-color-inputDisabledBorderColor": "0 0 0 1px rgba(82, 82, 82, 0.2)",
1155
+ "--fibery-color-inputDisabledBorderColor": "0 0 0 1px rgba(82, 82, 82, 0.3)",
1116
1156
  "--fibery-color-inputCopyBgColor": "rgb(41,41,41)",
1117
- "--fibery-color-inputBorderColor": "0 0 0 1px rgba(82, 82, 82, 0.7)",
1118
- "--fibery-color-inputBorderHoverColor": "0 0 0 1px rgb(82,82,82)",
1157
+ "--fibery-color-inputBorderColor": "0 0 0 1px rgba(82, 82, 82, 0.4)",
1158
+ "--fibery-color-inputBorderHoverColor": "0 0 0 1px rgb(61,61,61)",
1119
1159
  "--fibery-color-inputBorderFocusColor": "0 0 0 1px rgb(112,112,112)",
1120
1160
  "--fibery-color-inputBorderBlendMode": "lighten",
1121
1161
  "--fibery-color-inputPlaceholderTextColor": "rgb(112,112,112)",
@@ -1159,9 +1199,9 @@ export const neutralStyles = {
1159
1199
  "--fibery-color-borderSolidMedia": "1px solid rgba(0,0,0,0.14)",
1160
1200
  "--fibery-color-borderSolidCommentBubble": "1px solid rgb(51,51,51)",
1161
1201
  "--fibery-color-borderBlockQuote": "3px solid rgb(161,161,161)",
1162
- "--fibery-color-shadowCardDefault": "0 0 0 1px rgba(82, 82, 82, 0.7), 0 1px 4px 0 rgba(23, 23, 23, 0.1)",
1163
- "--fibery-color-shadowCardHover": "0 0 0 1px rgba(82, 82, 82, 0.7), 0 2px 6px 0 rgba(23, 23, 23, 0.1)",
1164
- "--fibery-color-shadowCardInset": "inset 0 0 0 1px rgba(82, 82, 82, 0.7)",
1202
+ "--fibery-color-shadowCardDefault": "0 0 0 1px rgba(82, 82, 82, 0.4), 0 1px 4px 0 rgba(23, 23, 23, 0.1)",
1203
+ "--fibery-color-shadowCardHover": "0 0 0 1px rgba(82, 82, 82, 0.4), 0 2px 6px 0 rgba(23, 23, 23, 0.1)",
1204
+ "--fibery-color-shadowCardInset": "inset 0 0 0 1px rgba(82, 82, 82, 0.4)",
1165
1205
  "--fibery-color-iconColor": "rgba(237, 237, 237, 0.7)",
1166
1206
  "--fibery-color-appIconColor": "rgba(247, 247, 247, 0.7)",
1167
1207
  "--fibery-color-appIconBgColor": "rgba(247, 247, 247, 0.5)",
@@ -1172,7 +1212,7 @@ export const neutralStyles = {
1172
1212
  "--fibery-color-colorBgListItemGeneral": "rgba(255, 255, 255, 0)",
1173
1213
  "--fibery-color-colorBgListItemGeneralHover": "rgb(41,41,41)",
1174
1214
  "--fibery-color-colorBgListItemGeneralFocus": "rgb(51,51,51)",
1175
- "--fibery-color-colorBgListItemGeneralSelected": "#1c2b4f",
1215
+ "--fibery-color-colorBgListItemGeneralSelected": "#223259",
1176
1216
  "--fibery-color-colorBgListItemGeneralSelectedHover": "#293b66",
1177
1217
  "--fibery-color-colorBgListItemGeneralSelectedFocus": "#293b66",
1178
1218
  "--fibery-color-colorBgListItemGeneralDisabled": "rgba(255, 255, 255, 0)",
@@ -1180,7 +1220,8 @@ export const neutralStyles = {
1180
1220
  "--fibery-color-colorBgListItemGeneralSelectedDisabled": "#223259",
1181
1221
  "--fibery-color-opacityListItemGeneralDisabled": "0.4",
1182
1222
  "--fibery-color-colorSearchSubtitle": "rgb(112,112,112)",
1183
- "--fibery-color-colorBgSearchRowHover": "rgb(46,46,46)",
1223
+ "--fibery-color-colorBgSearchPanel": "rgb(28,28,28)",
1224
+ "--fibery-color-colorBgSearchRowHover": "rgb(36,36,36)",
1184
1225
  "--fibery-color-colorBgSearchRowCreateHover": "#1c2b4f",
1185
1226
  "--fibery-color-opacitySearchItemDone": "0.4",
1186
1227
  "--fibery-color-colorBgEntityBoxDefault": "rgb(36,36,36)",
@@ -1212,15 +1253,15 @@ export const neutralStyles = {
1212
1253
  "--fibery-color-entityCardDoneColor": "rgba(46, 46, 46, 0.3)",
1213
1254
  "--fibery-color-entityCardShadow": "0 0 0 1px rgba(28, 28, 28, 0.1), 0 2px 4px -4px rgba(28, 28, 28, 0.2)",
1214
1255
  "--fibery-color-entityCardShadowHover": "0 0 0 1px rgba(28, 28, 28, 0.1), 0 2px 4px -4px rgba(28, 28, 28, 0.2)",
1215
- "--fibery-color-colorBgSegmentedControl": "rgba(36, 36, 36, 0.8)",
1256
+ "--fibery-color-colorBgSegmentedControl": "rgba(28, 28, 28, 0.8)",
1216
1257
  "--fibery-color-colorBgMenuHeaderAvatar": "rgb(28,28,28)",
1217
1258
  "--fibery-color-shadowMenuHeaderAvatar": "0 0 0 1px rgba(112, 112, 112, 0.2)",
1218
1259
  "--fibery-color-opacityMenuItemDragged": "0.4",
1219
1260
  "--fibery-color-colorBgMenuItemSelectedDragged": "#293b66",
1220
1261
  "--fibery-color-colorTextMenuItem": "rgba(237, 237, 237, 0.9)",
1221
1262
  "--fibery-color-colorBgMenuItem": "rgba(255, 255, 255, 0)",
1222
- "--fibery-color-colorBgMenuItemHover": "rgb(28,28,28)",
1223
- "--fibery-color-colorBgMenuItemFocus": "rgb(46,46,46)",
1263
+ "--fibery-color-colorBgMenuItemHover": "rgb(46,46,46)",
1264
+ "--fibery-color-colorBgMenuItemFocus": "rgb(51,51,51)",
1224
1265
  "--fibery-color-colorBgMenuItemSelected": "#1a2642",
1225
1266
  "--fibery-color-colorBgMenuItemSelectedHover": "#223259",
1226
1267
  "--fibery-color-colorBgPinnedFieldsLabel": "rgb(161,161,161)",
@@ -1279,9 +1320,9 @@ export const neutralStyles = {
1279
1320
  "--fibery-color-filterGroup1Bg": "rgb(51,51,51)",
1280
1321
  "--fibery-color-filterGroup2Bg": "rgb(61,61,61)",
1281
1322
  "--fibery-color-filterGroupBorder": "rgba(255,255,255,0.03)",
1282
- "--fibery-color-colorBgNotificationHover": "rgb(41,41,41)",
1283
- "--fibery-color-colorBgNotificationSelected": "#1c2b4f",
1284
- "--fibery-color-colorBgNotificationSelectedHover": "#293b66",
1323
+ "--fibery-color-colorBgNotificationHover": "rgb(28,28,28)",
1324
+ "--fibery-color-colorBgNotificationSelected": "#151c2d",
1325
+ "--fibery-color-colorBgNotificationSelectedHover": "#1a2642",
1285
1326
  "--fibery-color-disabledInversedTextColor": "rgba(255, 255, 255, 0.25)",
1286
1327
  "--fibery-color-success": "rgb(0,142,128)",
1287
1328
  "--fibery-color-danger": "rgb(225,78,91)",
@@ -1302,6 +1343,9 @@ export const neutralStyles = {
1302
1343
  "--fibery-color-richTextTableBorder": "rgba(255,255,255,0.18)",
1303
1344
  "--fibery-color-colorBgDropLine": "#3258ae",
1304
1345
  "--fibery-color-viewBg": "rgb(23,23,23)",
1346
+ "--fibery-color-colorBgViewMetaItem": "rgb(28,28,28)",
1347
+ "--fibery-color-collectionViewBg": "rgb(28,28,28)",
1348
+ "--fibery-color-collectionViewBorder": "0 0 0 1px rgba(82, 82, 82, 0.3)",
1305
1349
  "--fibery-color-viewSecondaryBg": "rgb(28,28,28)",
1306
1350
  "--fibery-color-viewHighlightBg": "#1a2642",
1307
1351
  "--fibery-color-boardBg": "rgb(23,23,23)",
@@ -1412,6 +1456,8 @@ export const neutralStyles = {
1412
1456
  "--fibery-color-colorTextEntityAvatarDefault": "#3258ae",
1413
1457
  "--fibery-color-colorTextEntityAvatarHover": "#4b74d2",
1414
1458
  "--fibery-color-colorBgMessageHighlighted": "rgb(28,28,28)",
1459
+ "--fibery-color-colorBgCommentHover": "rgb(28,28,28)",
1460
+ "--fibery-color-colorBgCodeEditor": "rgb(36,36,36)",
1415
1461
  "--fibery-color-colorBgEditorImageZoomed": "rgb(51,51,51)",
1416
1462
  "--fibery-color-colorMermaidPrimaryColor": "rgb(82,82,82)",
1417
1463
  "--fibery-color-colorMermaidPrimaryBorderColor": "rgb(112,112,112)",
@@ -1574,13 +1620,23 @@ export const warmStyles = {
1574
1620
  "--fibery-color-blackColor": "#1F1A18",
1575
1621
  "--fibery-color-mainBg": "rgb(250,244,236)",
1576
1622
  "--fibery-color-panelBg": "rgb(255,253,250)",
1623
+ "--fibery-color-panelBorder": "0 0 0 1px rgba(204, 198, 191, 0.2)",
1577
1624
  "--fibery-color-panelContentBg": "rgb(253,246,239)",
1578
- "--fibery-color-colorBgRelationContainer": "rgb(253,246,239)",
1625
+ "--fibery-color-dbSettingsSidebarBg": "rgb(253,246,239)",
1626
+ "--fibery-color-dbSettingsSidebarItemHover": "rgb(243,236,229)",
1627
+ "--fibery-color-dbSettingsSidebarIconBg": "rgb(255,253,250)",
1628
+ "--fibery-color-dbSettingsSidebarIconBorder":
1629
+ "0 1px 4px 0 rgba(99, 94, 87, 0.1), 0 0 0 0.5px rgba(237, 231, 224, 0.5)",
1630
+ "--fibery-color-dbSettingsCardBg": "rgb(253,246,239)",
1631
+ "--fibery-color-dbSettingsCardBorder": "0 0 0 1px rgba(232, 226, 219, 0.8)",
1632
+ "--fibery-color-colorBgRelationContainer": "rgb(255,251,244)",
1579
1633
  "--fibery-color-colorAI": "#9B6FC1",
1580
1634
  "--fibery-color-colorBgAI": "rgba(155, 111, 193, 0.1)",
1581
1635
  "--fibery-color-colorBgAIFloatingLauncher": "rgb(255,251,244)",
1582
1636
  "--fibery-color-colorBgAIFloatingPanelContent": "rgb(255,251,244)",
1583
1637
  "--fibery-color-colorBgAISidebarContent": "rgb(255,251,244)",
1638
+ "--fibery-color-colorBgFloatingPanel": "rgb(255,253,250)",
1639
+ "--fibery-color-shadowFloatingPanel": "0 0 0 1px rgba(125, 119, 112, 0.15), 0 3px 12px 0 rgba(99, 94, 87, 0.15)",
1584
1640
  "--fibery-color-pageContentBg": "rgb(255,253,250)",
1585
1641
  "--fibery-color-colorBgPopup": "rgb(255,253,250)",
1586
1642
  "--fibery-color-menuBg": "rgb(250,244,236)",
@@ -1613,9 +1669,9 @@ export const warmStyles = {
1613
1669
  "--fibery-color-shortcutBorderColor": "rgba(204, 198, 191, 0.5)",
1614
1670
  "--fibery-color-inputBgColor": "rgb(255,253,250)",
1615
1671
  "--fibery-color-inputDisabledBgColor": "rgba(232, 226, 219, 0.3)",
1616
- "--fibery-color-inputDisabledBorderColor": "0 0 0 1px rgba(232, 226, 219, 0.2)",
1672
+ "--fibery-color-inputDisabledBorderColor": "0 0 0 1px rgba(232, 226, 219, 0.6)",
1617
1673
  "--fibery-color-inputCopyBgColor": "rgb(250,244,236)",
1618
- "--fibery-color-inputBorderColor": "0 0 0 1px rgba(232, 226, 219, 0.7)",
1674
+ "--fibery-color-inputBorderColor": "0 0 0 1px rgba(232, 226, 219, 0.8)",
1619
1675
  "--fibery-color-inputBorderHoverColor": "0 0 0 1px rgb(225,218,211)",
1620
1676
  "--fibery-color-inputBorderFocusColor": "0 0 0 1px rgb(204,198,191)",
1621
1677
  "--fibery-color-inputBorderBlendMode": "multiply",
@@ -1661,9 +1717,9 @@ export const warmStyles = {
1661
1717
  "--fibery-color-borderSolidMedia": "1px solid rgba(0,0,0,0.14)",
1662
1718
  "--fibery-color-borderSolidCommentBubble": "1px solid rgb(255,253,250)",
1663
1719
  "--fibery-color-borderBlockQuote": "3px solid rgb(99,94,87)",
1664
- "--fibery-color-shadowCardDefault": "0 0 0 1px rgba(232, 226, 219, 0.7), 0 1px 4px 0 rgba(27, 22, 17, 0.05)",
1665
- "--fibery-color-shadowCardHover": "0 0 0 1px rgba(232, 226, 219, 0.7), 0 2px 6px 0 rgba(27, 22, 17, 0.05)",
1666
- "--fibery-color-shadowCardInset": "inset 0 0 0 1px rgba(232, 226, 219, 0.7)",
1720
+ "--fibery-color-shadowCardDefault": "0 0 0 1px rgba(232, 226, 219, 0.8), 0 1px 4px 0 rgba(27, 22, 17, 0.05)",
1721
+ "--fibery-color-shadowCardHover": "0 0 0 1px rgba(232, 226, 219, 0.8), 0 2px 6px 0 rgba(27, 22, 17, 0.05)",
1722
+ "--fibery-color-shadowCardInset": "inset 0 0 0 1px rgba(232, 226, 219, 0.8)",
1667
1723
  "--fibery-color-iconColor": "rgba(27, 22, 17, 0.7)",
1668
1724
  "--fibery-color-appIconColor": "rgba(253, 246, 239, 0.9)",
1669
1725
  "--fibery-color-appIconBgColor": "rgba(255, 251, 244, 0.9)",
@@ -1674,14 +1730,15 @@ export const warmStyles = {
1674
1730
  "--fibery-color-colorBgListItemGeneral": "rgba(255, 255, 255, 0)",
1675
1731
  "--fibery-color-colorBgListItemGeneralHover": "rgb(250,244,236)",
1676
1732
  "--fibery-color-colorBgListItemGeneralFocus": "rgb(243,236,229)",
1677
- "--fibery-color-colorBgListItemGeneralSelected": "rgb(238,247,249)",
1678
- "--fibery-color-colorBgListItemGeneralSelectedHover": "rgb(228,241,246)",
1679
- "--fibery-color-colorBgListItemGeneralSelectedFocus": "rgb(228,241,246)",
1733
+ "--fibery-color-colorBgListItemGeneralSelected": "rgb(213,233,240)",
1734
+ "--fibery-color-colorBgListItemGeneralSelectedHover": "rgb(194,222,232)",
1735
+ "--fibery-color-colorBgListItemGeneralSelectedFocus": "rgb(194,222,232)",
1680
1736
  "--fibery-color-colorBgListItemGeneralDisabled": "rgba(255, 255, 255, 0)",
1681
1737
  "--fibery-color-colorTextListItemGeneralDisabled": "rgb(163,157,150)",
1682
1738
  "--fibery-color-colorBgListItemGeneralSelectedDisabled": "rgb(213,233,240)",
1683
1739
  "--fibery-color-opacityListItemGeneralDisabled": "0.4",
1684
1740
  "--fibery-color-colorSearchSubtitle": "rgb(163,157,150)",
1741
+ "--fibery-color-colorBgSearchPanel": "rgb(255,253,250)",
1685
1742
  "--fibery-color-colorBgSearchRowHover": "rgb(243,236,229)",
1686
1743
  "--fibery-color-colorBgSearchRowCreateHover": "rgb(228,241,246)",
1687
1744
  "--fibery-color-opacitySearchItemDone": "0.4",
@@ -1808,6 +1865,9 @@ export const warmStyles = {
1808
1865
  "--fibery-color-richTextTableBorder": "rgba(0,0,0,0.09)",
1809
1866
  "--fibery-color-colorBgDropLine": "rgb(132,188,206)",
1810
1867
  "--fibery-color-viewBg": "rgb(255,251,244)",
1868
+ "--fibery-color-colorBgViewMetaItem": "rgb(255,253,250)",
1869
+ "--fibery-color-collectionViewBg": "rgb(255,251,244)",
1870
+ "--fibery-color-collectionViewBorder": "0 0 0 1px rgba(232, 226, 219, 0.6)",
1811
1871
  "--fibery-color-viewSecondaryBg": "rgb(253,246,239)",
1812
1872
  "--fibery-color-viewHighlightBg": "rgb(238,247,249)",
1813
1873
  "--fibery-color-boardBg": "rgb(255,251,244)",
@@ -1918,6 +1978,8 @@ export const warmStyles = {
1918
1978
  "--fibery-color-colorTextEntityAvatarDefault": "rgb(132,188,206)",
1919
1979
  "--fibery-color-colorTextEntityAvatarHover": "rgb(0,138,169)",
1920
1980
  "--fibery-color-colorBgMessageHighlighted": "rgb(255,253,250)",
1981
+ "--fibery-color-colorBgCommentHover": "rgb(253,246,239)",
1982
+ "--fibery-color-colorBgCodeEditor": "rgb(255,253,250)",
1921
1983
  "--fibery-color-colorBgEditorImageZoomed": "rgb(250,244,236)",
1922
1984
  "--fibery-color-colorMermaidPrimaryColor": "rgb(253,246,239)",
1923
1985
  "--fibery-color-colorMermaidPrimaryBorderColor": "rgb(163,157,150)",
@@ -2018,7 +2080,7 @@ export const warmStyles = {
2018
2080
  "--fibery-color-scrollbar": "rgba(163, 157, 150, 0.5)",
2019
2081
  },
2020
2082
  dark: {
2021
- "--fibery-color-surfaceElevationS": "0 2px 4px 0 rgba(255,255,254,0.03)",
2083
+ "--fibery-color-surfaceElevationS": "0 2px 4px 0 rgba(26, 22, 20, 0.05)",
2022
2084
  "--fibery-color-surfaceElevationM": "0 4px 8px 0 rgba(255,255,254,0.09)",
2023
2085
  "--fibery-color-surfaceElevationL": "0 8px 12px 0 rgba(255,255,254,0.09)",
2024
2086
  "--fibery-color-shadow50": "0 0 0 1px rgba(224, 212, 206, 0.1)",
@@ -2076,18 +2138,27 @@ export const warmStyles = {
2076
2138
  "--fibery-color-darkenPrimary": "rgb(46, 107, 126)",
2077
2139
  "--fibery-color-whiteColor": "rgb(255,253,250)",
2078
2140
  "--fibery-color-blackColor": "#1F1A18",
2079
- "--fibery-color-mainBg": "#2D2623",
2141
+ "--fibery-color-mainBg": "rgb(39,35,33)",
2080
2142
  "--fibery-color-panelBg": "rgb(26,22,20)",
2143
+ "--fibery-color-panelBorder": "0 0 0 1px rgba(86, 80, 78, 0.2)",
2081
2144
  "--fibery-color-panelContentBg": "rgb(26,22,20)",
2082
- "--fibery-color-colorBgRelationContainer": "rgb(26,22,20)",
2145
+ "--fibery-color-dbSettingsSidebarBg": "rgb(32,27,25)",
2146
+ "--fibery-color-dbSettingsSidebarItemHover": "rgb(45,40,38)",
2147
+ "--fibery-color-dbSettingsSidebarIconBg": "rgb(39,35,33)",
2148
+ "--fibery-color-dbSettingsSidebarIconBorder": "0 0 0 1px rgba(117, 111, 109, 0.2)",
2149
+ "--fibery-color-dbSettingsCardBg": "rgb(32,27,25)",
2150
+ "--fibery-color-dbSettingsCardBorder": "0 0 0 1px rgba(55, 50, 48, 0.6)",
2151
+ "--fibery-color-colorBgRelationContainer": "rgb(32,27,25)",
2083
2152
  "--fibery-color-colorAI": "#8056A3",
2084
2153
  "--fibery-color-colorBgAI": "rgba(128, 86, 163, 0.1)",
2085
2154
  "--fibery-color-colorBgAIFloatingLauncher": "rgb(45,40,38)",
2086
2155
  "--fibery-color-colorBgAIFloatingPanelContent": "rgb(39,35,33)",
2087
2156
  "--fibery-color-colorBgAISidebarContent": "rgb(26,22,20)",
2157
+ "--fibery-color-colorBgFloatingPanel": "rgb(45,40,38)",
2158
+ "--fibery-color-shadowFloatingPanel": "0 0 0 1px rgb(55,50,48), 0 3px 12px 0 rgba(26, 22, 20, 0.5)",
2088
2159
  "--fibery-color-pageContentBg": "rgb(32,27,25)",
2089
- "--fibery-color-colorBgPopup": "rgb(45,40,38)",
2090
- "--fibery-color-menuBg": "#2D2623",
2160
+ "--fibery-color-colorBgPopup": "rgb(39,35,33)",
2161
+ "--fibery-color-menuBg": "rgb(39,35,33)",
2091
2162
  "--fibery-color-menuTextColor": "rgb(224,212,206)",
2092
2163
  "--fibery-color-menuItemHoverColor": "rgb(55,50,48)",
2093
2164
  "--fibery-color-menuSelectedTextColor": "rgb(253,246,239)",
@@ -2115,12 +2186,12 @@ export const warmStyles = {
2115
2186
  "--fibery-color-shortcutTextColor": "rgb(166,159,157)",
2116
2187
  "--fibery-color-shortcutBorder": "1px solid rgba(132, 126, 124, 0.2)",
2117
2188
  "--fibery-color-shortcutBorderColor": "rgba(132, 126, 124, 0.2)",
2118
- "--fibery-color-inputBgColor": "rgb(32,27,25)",
2189
+ "--fibery-color-inputBgColor": "rgb(26,22,20)",
2119
2190
  "--fibery-color-inputDisabledBgColor": "rgba(55, 50, 48, 0.3)",
2120
- "--fibery-color-inputDisabledBorderColor": "0 0 0 1px rgba(86, 80, 78, 0.2)",
2191
+ "--fibery-color-inputDisabledBorderColor": "0 0 0 1px rgba(86, 80, 78, 0.3)",
2121
2192
  "--fibery-color-inputCopyBgColor": "rgb(45,40,38)",
2122
- "--fibery-color-inputBorderColor": "0 0 0 1px rgba(86, 80, 78, 0.7)",
2123
- "--fibery-color-inputBorderHoverColor": "0 0 0 1px rgb(86,80,78)",
2193
+ "--fibery-color-inputBorderColor": "0 0 0 1px rgba(86, 80, 78, 0.4)",
2194
+ "--fibery-color-inputBorderHoverColor": "0 0 0 1px rgb(65,60,58)",
2124
2195
  "--fibery-color-inputBorderFocusColor": "0 0 0 1px rgb(117,111,109)",
2125
2196
  "--fibery-color-inputBorderBlendMode": "lighten",
2126
2197
  "--fibery-color-inputPlaceholderTextColor": "rgb(117,111,109)",
@@ -2164,9 +2235,9 @@ export const warmStyles = {
2164
2235
  "--fibery-color-borderSolidMedia": "1px solid rgba(0,0,0,0.14)",
2165
2236
  "--fibery-color-borderSolidCommentBubble": "1px solid rgb(55,50,48)",
2166
2237
  "--fibery-color-borderBlockQuote": "3px solid rgb(166,159,157)",
2167
- "--fibery-color-shadowCardDefault": "0 0 0 1px rgba(86, 80, 78, 0.7), 0 1px 4px 0 rgba(27, 22, 17, 0.1)",
2168
- "--fibery-color-shadowCardHover": "0 0 0 1px rgba(86, 80, 78, 0.7), 0 2px 6px 0 rgba(27, 22, 17, 0.1)",
2169
- "--fibery-color-shadowCardInset": "inset 0 0 0 1px rgba(86, 80, 78, 0.7)",
2238
+ "--fibery-color-shadowCardDefault": "0 0 0 1px rgba(86, 80, 78, 0.4), 0 1px 4px 0 rgba(27, 22, 17, 0.1)",
2239
+ "--fibery-color-shadowCardHover": "0 0 0 1px rgba(86, 80, 78, 0.4), 0 2px 6px 0 rgba(27, 22, 17, 0.1)",
2240
+ "--fibery-color-shadowCardInset": "inset 0 0 0 1px rgba(86, 80, 78, 0.4)",
2170
2241
  "--fibery-color-iconColor": "rgba(224, 212, 206, 0.7)",
2171
2242
  "--fibery-color-appIconColor": "rgba(253, 246, 239, 0.7)",
2172
2243
  "--fibery-color-appIconBgColor": "rgba(253, 246, 239, 0.5)",
@@ -2177,7 +2248,7 @@ export const warmStyles = {
2177
2248
  "--fibery-color-colorBgListItemGeneral": "rgba(255, 255, 255, 0)",
2178
2249
  "--fibery-color-colorBgListItemGeneralHover": "rgb(45,40,38)",
2179
2250
  "--fibery-color-colorBgListItemGeneralFocus": "rgb(55,50,48)",
2180
- "--fibery-color-colorBgListItemGeneralSelected": "rgb(1,51,63)",
2251
+ "--fibery-color-colorBgListItemGeneralSelected": "rgb(4,58,72)",
2181
2252
  "--fibery-color-colorBgListItemGeneralSelectedHover": "rgb(7,68,83)",
2182
2253
  "--fibery-color-colorBgListItemGeneralSelectedFocus": "rgb(7,68,83)",
2183
2254
  "--fibery-color-colorBgListItemGeneralDisabled": "rgba(255, 255, 255, 0)",
@@ -2185,7 +2256,8 @@ export const warmStyles = {
2185
2256
  "--fibery-color-colorBgListItemGeneralSelectedDisabled": "rgb(4,58,72)",
2186
2257
  "--fibery-color-opacityListItemGeneralDisabled": "0.4",
2187
2258
  "--fibery-color-colorSearchSubtitle": "rgb(117,111,109)",
2188
- "--fibery-color-colorBgSearchRowHover": "rgb(50,45,43)",
2259
+ "--fibery-color-colorBgSearchPanel": "rgb(32,27,25)",
2260
+ "--fibery-color-colorBgSearchRowHover": "rgb(39,35,33)",
2189
2261
  "--fibery-color-colorBgSearchRowCreateHover": "rgb(1,51,63)",
2190
2262
  "--fibery-color-opacitySearchItemDone": "0.4",
2191
2263
  "--fibery-color-colorBgEntityBoxDefault": "rgb(39,35,33)",
@@ -2217,15 +2289,15 @@ export const warmStyles = {
2217
2289
  "--fibery-color-entityCardDoneColor": "rgba(50, 45, 43, 0.3)",
2218
2290
  "--fibery-color-entityCardShadow": "0 0 0 1px rgba(32, 27, 25, 0.1), 0 2px 4px -4px rgba(32, 27, 25, 0.2)",
2219
2291
  "--fibery-color-entityCardShadowHover": "0 0 0 1px rgba(32, 27, 25, 0.1), 0 2px 4px -4px rgba(32, 27, 25, 0.2)",
2220
- "--fibery-color-colorBgSegmentedControl": "rgba(39, 35, 33, 0.8)",
2292
+ "--fibery-color-colorBgSegmentedControl": "rgba(32, 27, 25, 0.8)",
2221
2293
  "--fibery-color-colorBgMenuHeaderAvatar": "rgb(32,27,25)",
2222
2294
  "--fibery-color-shadowMenuHeaderAvatar": "0 0 0 1px rgba(117, 111, 109, 0.2)",
2223
2295
  "--fibery-color-opacityMenuItemDragged": "0.4",
2224
2296
  "--fibery-color-colorBgMenuItemSelectedDragged": "rgb(7,68,83)",
2225
2297
  "--fibery-color-colorTextMenuItem": "rgba(224, 212, 206, 0.9)",
2226
2298
  "--fibery-color-colorBgMenuItem": "rgba(255, 255, 255, 0)",
2227
- "--fibery-color-colorBgMenuItemHover": "rgb(32,27,25)",
2228
- "--fibery-color-colorBgMenuItemFocus": "rgb(50,45,43)",
2299
+ "--fibery-color-colorBgMenuItemHover": "rgb(50,45,43)",
2300
+ "--fibery-color-colorBgMenuItemFocus": "rgb(55,50,48)",
2229
2301
  "--fibery-color-colorBgMenuItemSelected": "rgb(8,44,54)",
2230
2302
  "--fibery-color-colorBgMenuItemSelectedHover": "rgb(4,58,72)",
2231
2303
  "--fibery-color-colorBgPinnedFieldsLabel": "rgb(166,159,157)",
@@ -2284,9 +2356,9 @@ export const warmStyles = {
2284
2356
  "--fibery-color-filterGroup1Bg": "rgb(55,50,48)",
2285
2357
  "--fibery-color-filterGroup2Bg": "rgb(65,60,58)",
2286
2358
  "--fibery-color-filterGroupBorder": "rgba(255,255,254,0.03)",
2287
- "--fibery-color-colorBgNotificationHover": "rgb(45,40,38)",
2288
- "--fibery-color-colorBgNotificationSelected": "rgb(1,51,63)",
2289
- "--fibery-color-colorBgNotificationSelectedHover": "rgb(7,68,83)",
2359
+ "--fibery-color-colorBgNotificationHover": "rgb(32,27,25)",
2360
+ "--fibery-color-colorBgNotificationSelected": "rgb(13,32,38)",
2361
+ "--fibery-color-colorBgNotificationSelectedHover": "rgb(8,44,54)",
2290
2362
  "--fibery-color-disabledInversedTextColor": "rgba(255, 253, 250, 0.25)",
2291
2363
  "--fibery-color-success": "rgb(0,143,125)",
2292
2364
  "--fibery-color-danger": "rgb(225,78,91)",
@@ -2307,6 +2379,9 @@ export const warmStyles = {
2307
2379
  "--fibery-color-richTextTableBorder": "rgba(255,255,254,0.18)",
2308
2380
  "--fibery-color-colorBgDropLine": "rgb(0,106,135)",
2309
2381
  "--fibery-color-viewBg": "rgb(26,22,20)",
2382
+ "--fibery-color-colorBgViewMetaItem": "rgb(32,27,25)",
2383
+ "--fibery-color-collectionViewBg": "rgb(32,27,25)",
2384
+ "--fibery-color-collectionViewBorder": "0 0 0 1px rgba(86, 80, 78, 0.3)",
2310
2385
  "--fibery-color-viewSecondaryBg": "rgb(32,27,25)",
2311
2386
  "--fibery-color-viewHighlightBg": "rgb(8,44,54)",
2312
2387
  "--fibery-color-boardBg": "rgb(26,22,20)",
@@ -2417,6 +2492,8 @@ export const warmStyles = {
2417
2492
  "--fibery-color-colorTextEntityAvatarDefault": "rgb(0,106,135)",
2418
2493
  "--fibery-color-colorTextEntityAvatarHover": "rgb(0,136,170)",
2419
2494
  "--fibery-color-colorBgMessageHighlighted": "rgb(32,27,25)",
2495
+ "--fibery-color-colorBgCommentHover": "rgb(32,27,25)",
2496
+ "--fibery-color-colorBgCodeEditor": "rgb(39,35,33)",
2420
2497
  "--fibery-color-colorBgEditorImageZoomed": "rgb(55,50,48)",
2421
2498
  "--fibery-color-colorMermaidPrimaryColor": "rgb(86,80,78)",
2422
2499
  "--fibery-color-colorMermaidPrimaryBorderColor": "rgb(117,111,109)",
package/src/type-badge.tsx CHANGED
@@ -1,6 +1,5 @@
1
1
  import {css} from "@linaria/core";
2
2
  import cx from "classnames";
3
- import isString from "lodash/isString";
4
3
  import type {CSSProperties, ReactNode} from "react";
5
4
  import {forwardRef, memo} from "react";
6
5
 
@@ -162,7 +161,7 @@ export const TypeBadge = memo(
162
161
  ) {
163
162
  const TagName = onClick ? "button" : "div";
164
163
  const title =
165
- isString(children) && abbr ? (
164
+ typeof children === "string" && abbr ? (
166
165
  noTooltip ? (
167
166
  makeAbbreviation(children)
168
167
  ) : (
package/src/use-on-screen-keyboard-data.tsx CHANGED
@@ -1,5 +1,5 @@
1
+ import {noop} from "@fibery/helpers/src/_";
1
2
  import {createContext} from "@fibery/react/src/create-context";
2
- import noop from "lodash/noop";
3
3
  import type {ReactNode} from "react";
4
4
  import {useEffect, useState} from "react";
5
5
 
package/src/with-data.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import {mapValues} from "@fibery/helpers/src/_";
2
- import noop from "lodash/noop";
2
+ import {noop} from "@fibery/helpers/src/_";
3
3
  import type {ComponentType} from "react";
4
4
  import {PureComponent} from "react";
5
5