@fibery/ui-kit 3.0.0 → 4.1.0

package/src/{theming/theming-fibery.snapshot.css → theming.generated.css}

@@ -160,9 +160,9 @@
   --fibery-color-colorBgListItemGeneral: rgba(255, 255, 255, 0);
   --fibery-color-colorBgListItemGeneralHover: rgb(245, 245, 245);
   --fibery-color-colorBgListItemGeneralFocus: rgb(237, 237, 237);
-  --fibery-color-colorBgListItemGeneralSelected: #f1f5fe;
-  --fibery-color-colorBgListItemGeneralSelectedHover: #e8effd;
-  --fibery-color-colorBgListItemGeneralSelectedFocus: #e8effd;
+  --fibery-color-colorBgListItemGeneralSelected: #dbe5fa;
+  --fibery-color-colorBgListItemGeneralSelectedHover: #cad9f6;
+  --fibery-color-colorBgListItemGeneralSelectedFocus: #cad9f6;
   --fibery-color-colorBgListItemGeneralDisabled: rgba(255, 255, 255, 0);
   --fibery-color-colorTextListItemGeneralDisabled: rgb(158, 158, 158);
   --fibery-color-colorBgListItemGeneralSelectedDisabled: #dbe5fa;
@@ -661,7 +661,7 @@
   --fibery-color-colorBgListItemGeneral: rgba(255, 255, 255, 0);
   --fibery-color-colorBgListItemGeneralHover: rgb(41, 41, 41);
   --fibery-color-colorBgListItemGeneralFocus: rgb(51, 51, 51);
-  --fibery-color-colorBgListItemGeneralSelected: #1c2b4f;
+  --fibery-color-colorBgListItemGeneralSelected: #223259;
   --fibery-color-colorBgListItemGeneralSelectedHover: #293b66;
   --fibery-color-colorBgListItemGeneralSelectedFocus: #293b66;
   --fibery-color-colorBgListItemGeneralDisabled: rgba(255, 255, 255, 0);
@@ -1016,30 +1016,30 @@
   --fibery-color-shadowPopup:
     0 0 2px 0 rgba(99, 94, 87, 0.3), 0 4px 6px 0 rgba(99, 94, 87, 0.05), 0 10px 26px 0 rgba(99, 94, 87, 0.15);
   --fibery-color-shadowSidebar: -3px 0 10px 0 rgba(125, 119, 112, 0.1);
-  --fibery-color-highlightBgYellow: rgb(253, 234, 192);
-  --fibery-color-highlightFgYellow: rgb(155, 129, 49);
-  --fibery-color-highlightFgOnBgYellow: rgb(126, 104, 40);
-  --fibery-color-highlightBgGreen: rgb(218, 244, 203);
-  --fibery-color-highlightFgGreen: rgb(94, 142, 43);
-  --fibery-color-highlightFgOnBgGreen: rgb(78, 118, 36);
-  --fibery-color-highlightBgAquamarine: rgb(198, 246, 220);
-  --fibery-color-highlightFgAquamarine: rgb(66, 144, 100);
-  --fibery-color-highlightFgOnBgAquamarine: rgb(54, 118, 82);
-  --fibery-color-highlightBgAqua: rgb(188, 247, 236);
-  --fibery-color-highlightFgAqua: rgb(61, 143, 123);
-  --fibery-color-highlightFgOnBgAqua: rgb(50, 118, 102);
-  --fibery-color-highlightBgBlue: rgb(224, 237, 254);
-  --fibery-color-highlightFgBlue: rgb(79, 129, 210);
-  --fibery-color-highlightFgOnBgBlue: rgb(65, 106, 172);
+  --fibery-color-highlightBgYellow: rgb(254, 234, 191);
+  --fibery-color-highlightFgYellow: rgb(156, 125, 38);
+  --fibery-color-highlightFgOnBgYellow: rgb(130, 104, 30);
+  --fibery-color-highlightBgGreen: rgb(218, 245, 202);
+  --fibery-color-highlightFgGreen: rgb(93, 143, 39);
+  --fibery-color-highlightFgOnBgGreen: rgb(76, 119, 31);
+  --fibery-color-highlightBgAquamarine: rgb(196, 247, 221);
+  --fibery-color-highlightFgAquamarine: rgb(55, 145, 100);
+  --fibery-color-highlightFgOnBgAquamarine: rgb(43, 120, 82);
+  --fibery-color-highlightBgAqua: rgb(186, 248, 238);
+  --fibery-color-highlightFgAqua: rgb(46, 144, 127);
+  --fibery-color-highlightFgOnBgAqua: rgb(36, 119, 105);
+  --fibery-color-highlightBgBlue: rgb(223, 237, 255);
+  --fibery-color-highlightFgBlue: rgb(76, 129, 213);
+  --fibery-color-highlightFgOnBgBlue: rgb(60, 107, 177);
   --fibery-color-highlightBgPurple: rgb(244, 231, 255);
   --fibery-color-highlightFgPurple: rgb(176, 89, 226);
   --fibery-color-highlightFgOnBgPurple: rgb(151, 63, 199);
-  --fibery-color-highlightBgPink: rgb(254, 229, 242);
+  --fibery-color-highlightBgPink: rgb(255, 229, 242);
   --fibery-color-highlightFgPink: rgb(212, 73, 166);
   --fibery-color-highlightFgOnBgPink: rgb(178, 56, 139);
-  --fibery-color-highlightBgRed: rgb(252, 231, 229);
+  --fibery-color-highlightBgRed: rgb(254, 230, 227);
   --fibery-color-highlightFgRed: rgb(227, 70, 74);
-  --fibery-color-highlightFgOnBgRed: rgb(193, 51, 56);
+  --fibery-color-highlightFgOnBgRed: rgb(191, 50, 55);
   --fibery-color-highlightBgGrey: rgb(236, 235, 235);
   --fibery-color-highlightFgGrey: rgb(135, 128, 128);
   --fibery-color-highlightFgOnBgGrey: rgb(111, 105, 104);
@@ -1160,9 +1160,9 @@
   --fibery-color-colorBgListItemGeneral: rgba(255, 255, 255, 0);
   --fibery-color-colorBgListItemGeneralHover: rgb(250, 244, 236);
   --fibery-color-colorBgListItemGeneralFocus: rgb(243, 236, 229);
-  --fibery-color-colorBgListItemGeneralSelected: rgb(238, 247, 249);
-  --fibery-color-colorBgListItemGeneralSelectedHover: rgb(228, 241, 246);
-  --fibery-color-colorBgListItemGeneralSelectedFocus: rgb(228, 241, 246);
+  --fibery-color-colorBgListItemGeneralSelected: rgb(213, 233, 240);
+  --fibery-color-colorBgListItemGeneralSelectedHover: rgb(194, 222, 232);
+  --fibery-color-colorBgListItemGeneralSelectedFocus: rgb(194, 222, 232);
   --fibery-color-colorBgListItemGeneralDisabled: rgba(255, 255, 255, 0);
   --fibery-color-colorTextListItemGeneralDisabled: rgb(163, 157, 150);
   --fibery-color-colorBgListItemGeneralSelectedDisabled: rgb(213, 233, 240);
@@ -1219,11 +1219,11 @@
   --fibery-color-allowedDropColor: rgb(243, 236, 229);
   --fibery-color-relationViewBgColor: rgb(253, 246, 239);
   --fibery-color-mySpaceIconColor: rgb(129, 133, 137);
-  --fibery-color-mySpaceIconBg: rgba(122, 133, 148, 0.2);
-  --fibery-color-privateIconColor: rgb(120, 166, 105);
-  --fibery-color-privateIconBg: rgba(120, 166, 105, 0.2);
-  --fibery-color-favoritesIconColor: rgb(232, 171, 73);
-  --fibery-color-favoritesIconBg: rgba(232, 171, 73, 0.2);
+  --fibery-color-mySpaceIconBg: rgba(112, 132, 153, 0.2);
+  --fibery-color-privateIconColor: rgb(116, 168, 101);
+  --fibery-color-privateIconBg: rgba(116, 168, 101, 0.2);
+  --fibery-color-favoritesIconColor: rgb(235, 169, 68);
+  --fibery-color-favoritesIconBg: rgba(235, 169, 68, 0.2);
   --fibery-color-swatchDefault: #1fbed3;
   --fibery-color-unitBg: rgb(250, 244, 236);
   --fibery-color-unitBgHover: rgb(243, 236, 229);
@@ -1515,30 +1515,30 @@
   --fibery-color-shadowPopup:
     0 0 0 1px rgb(55, 50, 48), 0 4px 6px 0 rgba(26, 22, 20, 0.05), 0 10px 26px 0 rgba(26, 22, 20, 0.15);
   --fibery-color-shadowSidebar: -3px 0 10px 0 rgba(26, 22, 20, 0.8);
-  --fibery-color-highlightBgYellow: rgb(77, 66, 35);
-  --fibery-color-highlightFgYellow: rgb(211, 185, 113);
-  --fibery-color-highlightFgOnBgYellow: rgb(231, 202, 125);
-  --fibery-color-highlightBgGreen: rgb(56, 70, 44);
-  --fibery-color-highlightFgGreen: rgb(163, 198, 135);
-  --fibery-color-highlightFgOnBgGreen: rgb(178, 214, 149);
-  --fibery-color-highlightBgAquamarine: rgb(42, 72, 54);
-  --fibery-color-highlightFgAquamarine: rgb(133, 202, 160);
-  --fibery-color-highlightFgOnBgAquamarine: rgb(145, 220, 175);
-  --fibery-color-highlightBgAqua: rgb(33, 72, 63);
-  --fibery-color-highlightFgAqua: rgb(111, 204, 180);
-  --fibery-color-highlightFgOnBgAqua: rgb(120, 221, 197);
-  --fibery-color-highlightBgBlue: rgb(53, 66, 85);
-  --fibery-color-highlightFgBlue: rgb(160, 189, 235);
-  --fibery-color-highlightFgOnBgBlue: rgb(182, 205, 239);
-  --fibery-color-highlightBgPurple: rgb(74, 60, 85);
-  --fibery-color-highlightFgPurple: rgb(210, 175, 234);
-  --fibery-color-highlightFgOnBgPurple: rgb(224, 191, 247);
-  --fibery-color-highlightBgPink: rgb(83, 58, 72);
-  --fibery-color-highlightFgPink: rgb(231, 170, 205);
-  --fibery-color-highlightFgOnBgPink: rgb(244, 187, 220);
-  --fibery-color-highlightBgRed: rgb(87, 58, 56);
-  --fibery-color-highlightFgRed: rgb(231, 174, 169);
-  --fibery-color-highlightFgOnBgRed: rgb(238, 193, 189);
+  --fibery-color-highlightBgYellow: rgb(78, 64, 26);
+  --fibery-color-highlightFgYellow: rgb(215, 184, 106);
+  --fibery-color-highlightFgOnBgYellow: rgb(232, 200, 119);
+  --fibery-color-highlightBgGreen: rgb(53, 71, 39);
+  --fibery-color-highlightFgGreen: rgb(160, 199, 130);
+  --fibery-color-highlightFgOnBgGreen: rgb(175, 216, 146);
+  --fibery-color-highlightBgAquamarine: rgb(41, 80, 60);
+  --fibery-color-highlightFgAquamarine: rgb(124, 205, 160);
+  --fibery-color-highlightFgOnBgAquamarine: rgb(140, 225, 180);
+  --fibery-color-highlightBgAqua: rgb(18, 73, 64);
+  --fibery-color-highlightFgAqua: rgb(98, 205, 183);
+  --fibery-color-highlightFgOnBgAqua: rgb(112, 222, 200);
+  --fibery-color-highlightBgBlue: rgb(47, 66, 94);
+  --fibery-color-highlightFgBlue: rgb(152, 189, 243);
+  --fibery-color-highlightFgOnBgBlue: rgb(175, 206, 248);
+  --fibery-color-highlightBgPurple: rgb(77, 58, 89);
+  --fibery-color-highlightFgPurple: rgb(211, 172, 239);
+  --fibery-color-highlightFgOnBgPurple: rgb(224, 190, 250);
+  --fibery-color-highlightBgPink: rgb(88, 55, 75);
+  --fibery-color-highlightFgPink: rgb(237, 167, 207);
+  --fibery-color-highlightFgOnBgPink: rgb(249, 184, 221);
+  --fibery-color-highlightBgRed: rgb(93, 55, 53);
+  --fibery-color-highlightFgRed: rgb(240, 170, 164);
+  --fibery-color-highlightFgOnBgRed: rgb(246, 190, 185);
   --fibery-color-highlightBgGrey: rgb(70, 64, 64);
   --fibery-color-highlightFgGrey: rgb(193, 186, 186);
   --fibery-color-highlightFgOnBgGrey: rgb(208, 202, 202);
@@ -1659,7 +1659,7 @@
   --fibery-color-colorBgListItemGeneral: rgba(255, 255, 255, 0);
   --fibery-color-colorBgListItemGeneralHover: rgb(45, 40, 38);
   --fibery-color-colorBgListItemGeneralFocus: rgb(55, 50, 48);
-  --fibery-color-colorBgListItemGeneralSelected: rgb(1, 51, 63);
+  --fibery-color-colorBgListItemGeneralSelected: rgb(4, 58, 72);
   --fibery-color-colorBgListItemGeneralSelectedHover: rgb(7, 68, 83);
   --fibery-color-colorBgListItemGeneralSelectedFocus: rgb(7, 68, 83);
   --fibery-color-colorBgListItemGeneralDisabled: rgba(255, 255, 255, 0);
@@ -1718,11 +1718,11 @@
   --fibery-color-allowedDropColor: rgb(45, 40, 38);
   --fibery-color-relationViewBgColor: rgb(39, 35, 33);
   --fibery-color-mySpaceIconColor: rgb(129, 133, 137);
-  --fibery-color-mySpaceIconBg: rgba(122, 133, 148, 0.2);
-  --fibery-color-privateIconColor: rgb(120, 166, 105);
-  --fibery-color-privateIconBg: rgba(120, 166, 105, 0.2);
-  --fibery-color-favoritesIconColor: rgb(232, 171, 73);
-  --fibery-color-favoritesIconBg: rgba(232, 171, 73, 0.2);
+  --fibery-color-mySpaceIconBg: rgba(112, 132, 153, 0.2);
+  --fibery-color-privateIconColor: rgb(116, 168, 101);
+  --fibery-color-privateIconBg: rgba(116, 168, 101, 0.2);
+  --fibery-color-favoritesIconColor: rgb(235, 169, 68);
+  --fibery-color-favoritesIconBg: rgba(235, 169, 68, 0.2);
   --fibery-color-swatchDefault: #1fbed3;
   --fibery-color-unitBg: rgb(55, 50, 48);
   --fibery-color-unitBgHover: rgb(65, 60, 58);

package/src/{theming/theming-fibery.snapshot.ts → theming.generated.ts}

@@ -669,9 +669,9 @@ export const neutralStyles = {
     "--fibery-color-colorBgListItemGeneral": "rgba(255, 255, 255, 0)",
     "--fibery-color-colorBgListItemGeneralHover": "rgb(245,245,245)",
     "--fibery-color-colorBgListItemGeneralFocus": "rgb(237,237,237)",
-    "--fibery-color-colorBgListItemGeneralSelected": "#f1f5fe",
-    "--fibery-color-colorBgListItemGeneralSelectedHover": "#e8effd",
-    "--fibery-color-colorBgListItemGeneralSelectedFocus": "#e8effd",
+    "--fibery-color-colorBgListItemGeneralSelected": "#dbe5fa",
+    "--fibery-color-colorBgListItemGeneralSelectedHover": "#cad9f6",
+    "--fibery-color-colorBgListItemGeneralSelectedFocus": "#cad9f6",
     "--fibery-color-colorBgListItemGeneralDisabled": "rgba(255, 255, 255, 0)",
     "--fibery-color-colorTextListItemGeneralDisabled": "rgb(158,158,158)",
     "--fibery-color-colorBgListItemGeneralSelectedDisabled": "#dbe5fa",
@@ -1172,7 +1172,7 @@ export const neutralStyles = {
     "--fibery-color-colorBgListItemGeneral": "rgba(255, 255, 255, 0)",
     "--fibery-color-colorBgListItemGeneralHover": "rgb(41,41,41)",
     "--fibery-color-colorBgListItemGeneralFocus": "rgb(51,51,51)",
-    "--fibery-color-colorBgListItemGeneralSelected": "#1c2b4f",
+    "--fibery-color-colorBgListItemGeneralSelected": "#223259",
     "--fibery-color-colorBgListItemGeneralSelectedHover": "#293b66",
     "--fibery-color-colorBgListItemGeneralSelectedFocus": "#293b66",
     "--fibery-color-colorBgListItemGeneralDisabled": "rgba(255, 255, 255, 0)",
@@ -1529,30 +1529,30 @@ export const warmStyles = {
     "--fibery-color-shadowPopup":
       "0 0 2px 0 rgba(99, 94, 87, 0.3), 0 4px 6px 0 rgba(99, 94, 87, 0.05), 0 10px 26px 0 rgba(99, 94, 87, 0.15)",
     "--fibery-color-shadowSidebar": "-3px 0 10px 0 rgba(125, 119, 112, 0.1)",
-    "--fibery-color-highlightBgYellow": "rgb(253, 234, 192)",
-    "--fibery-color-highlightFgYellow": "rgb(155, 129, 49)",
-    "--fibery-color-highlightFgOnBgYellow": "rgb(126, 104, 40)",
-    "--fibery-color-highlightBgGreen": "rgb(218, 244, 203)",
-    "--fibery-color-highlightFgGreen": "rgb(94, 142, 43)",
-    "--fibery-color-highlightFgOnBgGreen": "rgb(78, 118, 36)",
-    "--fibery-color-highlightBgAquamarine": "rgb(198, 246, 220)",
-    "--fibery-color-highlightFgAquamarine": "rgb(66, 144, 100)",
-    "--fibery-color-highlightFgOnBgAquamarine": "rgb(54, 118, 82)",
-    "--fibery-color-highlightBgAqua": "rgb(188, 247, 236)",
-    "--fibery-color-highlightFgAqua": "rgb(61, 143, 123)",
-    "--fibery-color-highlightFgOnBgAqua": "rgb(50, 118, 102)",
-    "--fibery-color-highlightBgBlue": "rgb(224, 237, 254)",
-    "--fibery-color-highlightFgBlue": "rgb(79, 129, 210)",
-    "--fibery-color-highlightFgOnBgBlue": "rgb(65, 106, 172)",
+    "--fibery-color-highlightBgYellow": "rgb(254, 234, 191)",
+    "--fibery-color-highlightFgYellow": "rgb(156, 125, 38)",
+    "--fibery-color-highlightFgOnBgYellow": "rgb(130, 104, 30)",
+    "--fibery-color-highlightBgGreen": "rgb(218, 245, 202)",
+    "--fibery-color-highlightFgGreen": "rgb(93, 143, 39)",
+    "--fibery-color-highlightFgOnBgGreen": "rgb(76, 119, 31)",
+    "--fibery-color-highlightBgAquamarine": "rgb(196, 247, 221)",
+    "--fibery-color-highlightFgAquamarine": "rgb(55, 145, 100)",
+    "--fibery-color-highlightFgOnBgAquamarine": "rgb(43, 120, 82)",
+    "--fibery-color-highlightBgAqua": "rgb(186, 248, 238)",
+    "--fibery-color-highlightFgAqua": "rgb(46, 144, 127)",
+    "--fibery-color-highlightFgOnBgAqua": "rgb(36, 119, 105)",
+    "--fibery-color-highlightBgBlue": "rgb(223, 237, 255)",
+    "--fibery-color-highlightFgBlue": "rgb(76, 129, 213)",
+    "--fibery-color-highlightFgOnBgBlue": "rgb(60, 107, 177)",
     "--fibery-color-highlightBgPurple": "rgb(244, 231, 255)",
     "--fibery-color-highlightFgPurple": "rgb(176, 89, 226)",
     "--fibery-color-highlightFgOnBgPurple": "rgb(151, 63, 199)",
-    "--fibery-color-highlightBgPink": "rgb(254, 229, 242)",
+    "--fibery-color-highlightBgPink": "rgb(255, 229, 242)",
     "--fibery-color-highlightFgPink": "rgb(212, 73, 166)",
     "--fibery-color-highlightFgOnBgPink": "rgb(178, 56, 139)",
-    "--fibery-color-highlightBgRed": "rgb(252, 231, 229)",
+    "--fibery-color-highlightBgRed": "rgb(254, 230, 227)",
     "--fibery-color-highlightFgRed": "rgb(227, 70, 74)",
-    "--fibery-color-highlightFgOnBgRed": "rgb(193, 51, 56)",
+    "--fibery-color-highlightFgOnBgRed": "rgb(191, 50, 55)",
     "--fibery-color-highlightBgGrey": "rgb(236, 235, 235)",
     "--fibery-color-highlightFgGrey": "rgb(135, 128, 128)",
     "--fibery-color-highlightFgOnBgGrey": "rgb(111, 105, 104)",
@@ -1674,9 +1674,9 @@ export const warmStyles = {
     "--fibery-color-colorBgListItemGeneral": "rgba(255, 255, 255, 0)",
     "--fibery-color-colorBgListItemGeneralHover": "rgb(250,244,236)",
     "--fibery-color-colorBgListItemGeneralFocus": "rgb(243,236,229)",
-    "--fibery-color-colorBgListItemGeneralSelected": "rgb(238,247,249)",
-    "--fibery-color-colorBgListItemGeneralSelectedHover": "rgb(228,241,246)",
-    "--fibery-color-colorBgListItemGeneralSelectedFocus": "rgb(228,241,246)",
+    "--fibery-color-colorBgListItemGeneralSelected": "rgb(213,233,240)",
+    "--fibery-color-colorBgListItemGeneralSelectedHover": "rgb(194,222,232)",
+    "--fibery-color-colorBgListItemGeneralSelectedFocus": "rgb(194,222,232)",
     "--fibery-color-colorBgListItemGeneralDisabled": "rgba(255, 255, 255, 0)",
     "--fibery-color-colorTextListItemGeneralDisabled": "rgb(163,157,150)",
     "--fibery-color-colorBgListItemGeneralSelectedDisabled": "rgb(213,233,240)",
@@ -1737,11 +1737,11 @@ export const warmStyles = {
     "--fibery-color-allowedDropColor": "rgb(243,236,229)",
     "--fibery-color-relationViewBgColor": "rgb(253,246,239)",
     "--fibery-color-mySpaceIconColor": "rgb(129, 133, 137)",
-    "--fibery-color-mySpaceIconBg": "rgba(122, 133, 148, 0.2)",
-    "--fibery-color-privateIconColor": "rgb(120, 166, 105)",
-    "--fibery-color-privateIconBg": "rgba(120, 166, 105, 0.2)",
-    "--fibery-color-favoritesIconColor": "rgb(232, 171, 73)",
-    "--fibery-color-favoritesIconBg": "rgba(232, 171, 73, 0.2)",
+    "--fibery-color-mySpaceIconBg": "rgba(112, 132, 153, 0.2)",
+    "--fibery-color-privateIconColor": "rgb(116, 168, 101)",
+    "--fibery-color-privateIconBg": "rgba(116, 168, 101, 0.2)",
+    "--fibery-color-favoritesIconColor": "rgb(235, 169, 68)",
+    "--fibery-color-favoritesIconBg": "rgba(235, 169, 68, 0.2)",
     "--fibery-color-swatchDefault": "#1FBED3",
     "--fibery-color-unitBg": "rgb(250,244,236)",
     "--fibery-color-unitBgHover": "rgb(243,236,229)",
@@ -2033,30 +2033,30 @@ export const warmStyles = {
     "--fibery-color-shadowPopup":
       "0 0 0 1px rgb(55,50,48), 0 4px 6px 0 rgba(26, 22, 20, 0.05), 0 10px 26px 0 rgba(26, 22, 20, 0.15)",
     "--fibery-color-shadowSidebar": "-3px 0 10px 0 rgba(26, 22, 20, 0.8)",
-    "--fibery-color-highlightBgYellow": "rgb(77, 66, 35)",
-    "--fibery-color-highlightFgYellow": "rgb(211, 185, 113)",
-    "--fibery-color-highlightFgOnBgYellow": "rgb(231, 202, 125)",
-    "--fibery-color-highlightBgGreen": "rgb(56, 70, 44)",
-    "--fibery-color-highlightFgGreen": "rgb(163, 198, 135)",
-    "--fibery-color-highlightFgOnBgGreen": "rgb(178, 214, 149)",
-    "--fibery-color-highlightBgAquamarine": "rgb(42, 72, 54)",
-    "--fibery-color-highlightFgAquamarine": "rgb(133, 202, 160)",
-    "--fibery-color-highlightFgOnBgAquamarine": "rgb(145, 220, 175)",
-    "--fibery-color-highlightBgAqua": "rgb(33, 72, 63)",
-    "--fibery-color-highlightFgAqua": "rgb(111, 204, 180)",
-    "--fibery-color-highlightFgOnBgAqua": "rgb(120, 221, 197)",
-    "--fibery-color-highlightBgBlue": "rgb(53, 66, 85)",
-    "--fibery-color-highlightFgBlue": "rgb(160, 189, 235)",
-    "--fibery-color-highlightFgOnBgBlue": "rgb(182, 205, 239)",
-    "--fibery-color-highlightBgPurple": "rgb(74, 60, 85)",
-    "--fibery-color-highlightFgPurple": "rgb(210, 175, 234)",
-    "--fibery-color-highlightFgOnBgPurple": "rgb(224, 191, 247)",
-    "--fibery-color-highlightBgPink": "rgb(83, 58, 72)",
-    "--fibery-color-highlightFgPink": "rgb(231, 170, 205)",
-    "--fibery-color-highlightFgOnBgPink": "rgb(244, 187, 220)",
-    "--fibery-color-highlightBgRed": "rgb(87, 58, 56)",
-    "--fibery-color-highlightFgRed": "rgb(231, 174, 169)",
-    "--fibery-color-highlightFgOnBgRed": "rgb(238, 193, 189)",
+    "--fibery-color-highlightBgYellow": "rgb(78, 64, 26)",
+    "--fibery-color-highlightFgYellow": "rgb(215, 184, 106)",
+    "--fibery-color-highlightFgOnBgYellow": "rgb(232, 200, 119)",
+    "--fibery-color-highlightBgGreen": "rgb(53, 71, 39)",
+    "--fibery-color-highlightFgGreen": "rgb(160, 199, 130)",
+    "--fibery-color-highlightFgOnBgGreen": "rgb(175, 216, 146)",
+    "--fibery-color-highlightBgAquamarine": "rgb(41, 80, 60)",
+    "--fibery-color-highlightFgAquamarine": "rgb(124, 205, 160)",
+    "--fibery-color-highlightFgOnBgAquamarine": "rgb(140, 225, 180)",
+    "--fibery-color-highlightBgAqua": "rgb(18, 73, 64)",
+    "--fibery-color-highlightFgAqua": "rgb(98, 205, 183)",
+    "--fibery-color-highlightFgOnBgAqua": "rgb(112, 222, 200)",
+    "--fibery-color-highlightBgBlue": "rgb(47, 66, 94)",
+    "--fibery-color-highlightFgBlue": "rgb(152, 189, 243)",
+    "--fibery-color-highlightFgOnBgBlue": "rgb(175, 206, 248)",
+    "--fibery-color-highlightBgPurple": "rgb(77, 58, 89)",
+    "--fibery-color-highlightFgPurple": "rgb(211, 172, 239)",
+    "--fibery-color-highlightFgOnBgPurple": "rgb(224, 190, 250)",
+    "--fibery-color-highlightBgPink": "rgb(88, 55, 75)",
+    "--fibery-color-highlightFgPink": "rgb(237, 167, 207)",
+    "--fibery-color-highlightFgOnBgPink": "rgb(249, 184, 221)",
+    "--fibery-color-highlightBgRed": "rgb(93, 55, 53)",
+    "--fibery-color-highlightFgRed": "rgb(240, 170, 164)",
+    "--fibery-color-highlightFgOnBgRed": "rgb(246, 190, 185)",
     "--fibery-color-highlightBgGrey": "rgb(70, 64, 64)",
     "--fibery-color-highlightFgGrey": "rgb(193, 186, 186)",
     "--fibery-color-highlightFgOnBgGrey": "rgb(208, 202, 202)",
@@ -2177,7 +2177,7 @@ export const warmStyles = {
     "--fibery-color-colorBgListItemGeneral": "rgba(255, 255, 255, 0)",
     "--fibery-color-colorBgListItemGeneralHover": "rgb(45,40,38)",
     "--fibery-color-colorBgListItemGeneralFocus": "rgb(55,50,48)",
-    "--fibery-color-colorBgListItemGeneralSelected": "rgb(1,51,63)",
+    "--fibery-color-colorBgListItemGeneralSelected": "rgb(4,58,72)",
     "--fibery-color-colorBgListItemGeneralSelectedHover": "rgb(7,68,83)",
     "--fibery-color-colorBgListItemGeneralSelectedFocus": "rgb(7,68,83)",
     "--fibery-color-colorBgListItemGeneralDisabled": "rgba(255, 255, 255, 0)",
@@ -2236,11 +2236,11 @@ export const warmStyles = {
     "--fibery-color-allowedDropColor": "rgb(45,40,38)",
     "--fibery-color-relationViewBgColor": "rgb(39,35,33)",
     "--fibery-color-mySpaceIconColor": "rgb(129, 133, 137)",
-    "--fibery-color-mySpaceIconBg": "rgba(122, 133, 148, 0.2)",
-    "--fibery-color-privateIconColor": "rgb(120, 166, 105)",
-    "--fibery-color-privateIconBg": "rgba(120, 166, 105, 0.2)",
-    "--fibery-color-favoritesIconColor": "rgb(232, 171, 73)",
-    "--fibery-color-favoritesIconBg": "rgba(232, 171, 73, 0.2)",
+    "--fibery-color-mySpaceIconBg": "rgba(112, 132, 153, 0.2)",
+    "--fibery-color-privateIconColor": "rgb(116, 168, 101)",
+    "--fibery-color-privateIconBg": "rgba(116, 168, 101, 0.2)",
+    "--fibery-color-favoritesIconColor": "rgb(235, 169, 68)",
+    "--fibery-color-favoritesIconBg": "rgba(235, 169, 68, 0.2)",
     "--fibery-color-swatchDefault": "#1FBED3",
     "--fibery-color-unitBg": "rgb(55,50,48)",
     "--fibery-color-unitBgHover": "rgb(65,60,58)",

package/src/type-badge.tsx

@@ -1,6 +1,5 @@
 import {css} from "@linaria/core";
 import cx from "classnames";
-import isString from "lodash/isString";
 import type {CSSProperties, ReactNode} from "react";
 import {forwardRef, memo} from "react";
 
@@ -162,7 +161,7 @@ export const TypeBadge = memo(
   ) {
     const TagName = onClick ? "button" : "div";
     const title =
-      isString(children) && abbr ? (
+      typeof children === "string" && abbr ? (
         noTooltip ? (
           makeAbbreviation(children)
         ) : (

package/src/{themed-ink.tsx → type-label.tsx}

@@ -5,21 +5,18 @@ import {useTheme} from "./theme-provider";
 type ThemedInkProps = {
   as?: "span" | "div";
   fg?: string;
-  bg?: string;
   style?: CSSProperties;
   className?: string;
   children?: ReactNode;
 };
 
-export const ThemedInk = ({as: Tag = "span", fg, bg, style, ...rest}: ThemedInkProps) => {
+export const TypeLabel = ({as: Tag = "span", fg, style, ...rest}: ThemedInkProps) => {
   const theme = useTheme();
-  const dn = theme.fns.deneutralize;
   return (
     <Tag
       style={{
         ...style,
-        ...(fg && {color: dn(fg)}),
-        ...(bg && {backgroundColor: dn(bg)}),
+        ...(fg && {color: theme.fns.typeLabelFg(fg)}),
       }}
       {...rest}
     />

package/src/use-on-screen-keyboard-data.tsx

@@ -1,5 +1,5 @@
+import {noop} from "@fibery/helpers/src/_";
 import {createContext} from "@fibery/react/src/create-context";
-import noop from "lodash/noop";
 import type {ReactNode} from "react";
 import {useEffect, useState} from "react";
 

package/src/with-data.tsx

@@ -1,5 +1,5 @@
 import {mapValues} from "@fibery/helpers/src/_";
-import noop from "lodash/noop";
+import {noop} from "@fibery/helpers/src/_";
 import type {ComponentType} from "react";
 import {PureComponent} from "react";
 

package/src/antd/auto-complete.d.ts

@@ -1,2 +0,0 @@
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const AntAutoComplete: FunctionComponent<any>;

package/src/antd/auto-complete.ts

@@ -1,37 +0,0 @@
-import {css} from "@linaria/core";
-import AutoComplete from "antd/lib/auto-complete";
-
-import {border, layout, space, textStyles, themeVars} from "../design-system";
-
-import "antd/lib/auto-complete/style/css";
-
-import {getWrapper} from "./get-wrapper";
-import {wrapWithPopupContainer} from "./utils";
-
-const autoCompleteStyles = css`
-  ${{
-    "& .ant-select-selection": {
-      backgroundColor: themeVars.transparent,
-    },
-    "& .ant-select-dropdown": {
-      boxShadow: themeVars.actionMenuShadow,
-      borderRadius: border.radius4,
-    },
-    "& .ant-select-dropdown-menu-item": {
-      ...textStyles.regular,
-      height: layout.inputHeight,
-      display: "flex",
-      alignItems: "center",
-      paddingLeft: space.s12,
-      paddingRight: space.s24,
-      transition: "none",
-      "&.ant-select-dropdown-menu-item-active, &:hover": {
-        backgroundColor: themeVars.actionMenuHover,
-      },
-      "&.ant-select-dropdown-menu-item-selected": {
-        backgroundColor: themeVars.actionMenuHover,
-      },
-    },
-  }}
-`;
-export const AntAutoComplete = wrapWithPopupContainer(getWrapper(autoCompleteStyles), AutoComplete<string>);

package/src/antd/tabs.d.ts

@@ -1,5 +0,0 @@
-import type {TabsProps} from "antd/lib/tabs";
-import type {FunctionComponent} from "react";
-
-export const AntTabs: FunctionComponent<TabsProps & {wrapClassName?: string}>;
-export const tabsStyles: string;

package/src/theming/index.ts

@@ -1,20 +0,0 @@
-// Theming entry point. Default re-export targets the fibery prefix snapshot;
-// downstream consumers with a different prefix (vizydrop → vzdbery) patch the
-// source path below via pnpm.patchedDependencies + dependenciesMeta.injected=true.
-// Do NOT import theming-*.snapshot directly anywhere else — the lint rule in
-// .oxlintrc.json forbids it.
-//
-// Named re-exports (not `export *`) so wyw-in-js's OXC static evaluator can
-// trace bindings through this hop. Under eval.strategy: "static" wildcard
-// re-exports leave identifiers as unresolved _exp placeholders in css`` blocks.
-export {
-  prefix,
-  themeVars,
-  layoutVars,
-  neutralStyles,
-  warmStyles,
-  menuItemHeightVar,
-  sidebarMenuItemHeightVar,
-  sidebarMenuIconSizeVar,
-  listRowSurfaceFontSizeVar,
-} from "./theming-fibery.snapshot";