@fibery/ui-kit 1.26.3 → 1.26.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fibery/ui-kit",
-  "version": "1.26.3",
+  "version": "1.26.4",
   "private": false,
   "files": [
     "src/antd/styles.ts",

package/src/design-system.ts

@@ -377,7 +377,9 @@ export const themeColors = {
   // :hover
   colorBgMenuItemSelectedHover: [indigo.indigo6, indigoDark.indigo6],
   // :focus, :focus:hover
-  colorBgObjectEditorSeparator: [slate.slate4, slateDark.slate4],
+  colorBgPinnedFieldsLabel: [slate.slate11, slateDark.slate11],
+  colorBgObjectEditorSeparator: [slate.slate12, slateDark.slate12],
+  colorBgObjectEditorSeparatorButton: [slate.slate4, slateDark.slate4],
   colorBgMenuItemSelectedFocused: [indigo.indigo6, indigoDark.indigo6],
   colorBgFieldEditorContainer: [slate.slate2, slateDark.slate3],
   colorBgFieldEditorLinkEqualSign: [slate.slate6, slateDark.slate2],

package/src/select/select-in-popover.tsx

@@ -28,8 +28,10 @@ import {
 import {SelectControlSettingsProvider} from "./select-control-settings-context";
 
 const offset = [0, space.s4] as [number, number];
-const popupClassName = css`
+const popupContainerClassName = css`
   z-index: 1050;
+`;
+const popupClassName = css`
   max-width: 360px;
   padding-top: ${space.s8}px;
   padding-bottom: ${space.s4}px;
@@ -277,6 +279,7 @@ function SelectInPopoverInner<Option, IsMulti extends boolean, Group extends Gro
       {Boolean(triggerElement) && (
         <Popup
           offset={offset}
+          popupContainerClassName={popupContainerClassName}
           popupClassName={cx(popupClassName, popupStyles)}
           placement="bottom-start"
           renderInPortal={renderInPortal}