@fibery/ui-kit 1.34.8 → 1.35.0

package/src/icons/ast/index.tsx

@@ -5,11 +5,14 @@ export { default as Activity } from './Activity';
 export { default as AddAfter } from './AddAfter';
 export { default as AddBefore } from './AddBefore';
 export { default as AddCompact } from './AddCompact';
+export { default as AddDatabase } from './AddDatabase';
 export { default as AddGroup } from './AddGroup';
+export { default as AddIntegration } from './AddIntegration';
 export { default as AddReactions } from './AddReactions';
 export { default as Add } from './Add';
 export { default as AiAssistant } from './AiAssistant';
 export { default as AiAvatar } from './AiAvatar';
+export { default as AiSearch } from './AiSearch';
 export { default as AlertTriangle } from './AlertTriangle';
 export { default as AppDetails } from './AppDetails';
 export { default as AppStoreOneColor } from './AppStoreOneColor';
@@ -57,6 +60,7 @@ export { default as Chat } from './Chat';
 export { default as CheckCircleFilled } from './CheckCircleFilled';
 export { default as CheckCircle } from './CheckCircle';
 export { default as Checked } from './Checked';
+export { default as Clean } from './Clean';
 export { default as ClearInputFilled } from './ClearInputFilled';
 export { default as ClearValue } from './ClearValue';
 export { default as Clear } from './Clear';
@@ -73,6 +77,7 @@ export { default as Columns } from './Columns';
 export { default as CommentBubble } from './CommentBubble';
 export { default as Copy } from './Copy';
 export { default as Create } from './Create';
+export { default as CreditsFilled } from './CreditsFilled';
 export { default as DatabaseOff } from './DatabaseOff';
 export { default as DatabaseStroke } from './DatabaseStroke';
 export { default as Database } from './Database';
@@ -117,6 +122,7 @@ export { default as FormWithoutCover } from './FormWithoutCover';
 export { default as FullscreenModeOffIcon } from './FullscreenModeOffIcon';
 export { default as FullscreenModeOnIcon } from './FullscreenModeOnIcon';
 export { default as FullscreenModeOn } from './FullscreenModeOn';
+export { default as Gift } from './Gift';
 export { default as Github } from './Github';
 export { default as Gitlab } from './Gitlab';
 export { default as GlobeSimple } from './GlobeSimple';
@@ -160,6 +166,7 @@ export { default as LoupeZoomOut } from './LoupeZoomOut';
 export { default as LoupeZoom } from './LoupeZoom';
 export { default as ManyPeople } from './ManyPeople';
 export { default as MapMode } from './MapMode';
+export { default as Markdown } from './Markdown';
 export { default as MenuCollapser } from './MenuCollapser';
 export { default as MessagePlusSquare } from './MessagePlusSquare';
 export { default as Milestones } from './Milestones';
@@ -190,12 +197,15 @@ export { default as PageRegularMode } from './PageRegularMode';
 export { default as PageWideMode } from './PageWideMode';
 export { default as PanelAdd } from './PanelAdd';
 export { default as Pencil } from './Pencil';
+export { default as PeopleCheck } from './PeopleCheck';
 export { default as People } from './People';
 export { default as Photo } from './Photo';
 export { default as PinFilled } from './PinFilled';
 export { default as Pin } from './Pin';
 export { default as Popup } from './Popup';
 export { default as Posts } from './Posts';
+export { default as PresentPlay } from './PresentPlay';
+export { default as PresentStop } from './PresentStop';
 export { default as PrivateItems } from './PrivateItems';
 export { default as Question } from './Question';
 export { default as Refresh } from './Refresh';
@@ -256,6 +266,7 @@ export { default as SelfReferenceOn } from './SelfReferenceOn';
 export { default as SendArrow } from './SendArrow';
 export { default as SendBackward } from './SendBackward';
 export { default as SendToBack } from './SendToBack';
+export { default as SettingsOff } from './SettingsOff';
 export { default as Settings } from './Settings';
 export { default as Share } from './Share';
 export { default as Shared } from './Shared';
@@ -276,6 +287,7 @@ export { default as SortOnTop } from './SortOnTop';
 export { default as Sort } from './Sort';
 export { default as Spinner } from './Spinner';
 export { default as Success } from './Success';
+export { default as Template } from './Template';
 export { default as Templates } from './Templates';
 export { default as Terminal } from './Terminal';
 export { default as TextToolAlignBottom } from './TextToolAlignBottom';
@@ -321,8 +333,11 @@ export { default as UnlockFilled } from './UnlockFilled';
 export { default as UnlockOutline } from './UnlockOutline';
 export { default as Upgrade } from './Upgrade';
 export { default as UsbFlashDrive } from './UsbFlashDrive';
+export { default as UserCheck } from './UserCheck';
+export { default as UserGroupRemove } from './UserGroupRemove';
 export { default as UserGroup } from './UserGroup';
 export { default as UserRole } from './UserRole';
+export { default as UserX } from './UserX';
 export { default as ViewAi } from './ViewAi';
 export { default as ViewBoard } from './ViewBoard';
 export { default as ViewCalendar } from './ViewCalendar';

package/src/icons/react/AddDatabase.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import AddDatabaseSvg from '../ast/AddDatabase';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const AddDatabase = forwardRef<SVGSVGElement, IconBaseProps>(function AddDatabase(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={AddDatabaseSvg} />});
+
+export default AddDatabase;

package/src/icons/react/AddIntegration.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import AddIntegrationSvg from '../ast/AddIntegration';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const AddIntegration = forwardRef<SVGSVGElement, IconBaseProps>(function AddIntegration(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={AddIntegrationSvg} />});
+
+export default AddIntegration;

package/src/icons/react/AiSearch.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import AiSearchSvg from '../ast/AiSearch';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const AiSearch = forwardRef<SVGSVGElement, IconBaseProps>(function AiSearch(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={AiSearchSvg} />});
+
+export default AiSearch;

package/src/icons/react/Clean.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import CleanSvg from '../ast/Clean';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const Clean = forwardRef<SVGSVGElement, IconBaseProps>(function Clean(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={CleanSvg} />});
+
+export default Clean;

package/src/icons/react/CreditsFilled.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import CreditsFilledSvg from '../ast/CreditsFilled';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const CreditsFilled = forwardRef<SVGSVGElement, IconBaseProps>(function CreditsFilled(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={CreditsFilledSvg} />});
+
+export default CreditsFilled;

package/src/icons/react/Gift.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import GiftSvg from '../ast/Gift';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const Gift = forwardRef<SVGSVGElement, IconBaseProps>(function Gift(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={GiftSvg} />});
+
+export default Gift;

package/src/icons/react/Markdown.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import MarkdownSvg from '../ast/Markdown';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const Markdown = forwardRef<SVGSVGElement, IconBaseProps>(function Markdown(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={MarkdownSvg} />});
+
+export default Markdown;

package/src/icons/react/PeopleCheck.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import PeopleCheckSvg from '../ast/PeopleCheck';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const PeopleCheck = forwardRef<SVGSVGElement, IconBaseProps>(function PeopleCheck(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={PeopleCheckSvg} />});
+
+export default PeopleCheck;

package/src/icons/react/PresentPlay.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import PresentPlaySvg from '../ast/PresentPlay';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const PresentPlay = forwardRef<SVGSVGElement, IconBaseProps>(function PresentPlay(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={PresentPlaySvg} />});
+
+export default PresentPlay;

package/src/icons/react/PresentStop.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import PresentStopSvg from '../ast/PresentStop';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const PresentStop = forwardRef<SVGSVGElement, IconBaseProps>(function PresentStop(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={PresentStopSvg} />});
+
+export default PresentStop;

package/src/icons/react/SettingsOff.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import SettingsOffSvg from '../ast/SettingsOff';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const SettingsOff = forwardRef<SVGSVGElement, IconBaseProps>(function SettingsOff(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={SettingsOffSvg} />});
+
+export default SettingsOff;

package/src/icons/react/Template.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import TemplateSvg from '../ast/Template';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const Template = forwardRef<SVGSVGElement, IconBaseProps>(function Template(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={TemplateSvg} />});
+
+export default Template;

package/src/icons/react/UserCheck.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import UserCheckSvg from '../ast/UserCheck';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const UserCheck = forwardRef<SVGSVGElement, IconBaseProps>(function UserCheck(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={UserCheckSvg} />});
+
+export default UserCheck;

package/src/icons/react/UserGroupRemove.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import UserGroupRemoveSvg from '../ast/UserGroupRemove';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const UserGroupRemove = forwardRef<SVGSVGElement, IconBaseProps>(function UserGroupRemove(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={UserGroupRemoveSvg} />});
+
+export default UserGroupRemove;

package/src/icons/react/UserX.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import UserXSvg from '../ast/UserX';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const UserX = forwardRef<SVGSVGElement, IconBaseProps>(function UserX(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={UserXSvg} />});
+
+export default UserX;

package/src/icons/react/index.tsx

@@ -5,11 +5,14 @@ export { default as Activity } from './Activity';
 export { default as AddAfter } from './AddAfter';
 export { default as AddBefore } from './AddBefore';
 export { default as AddCompact } from './AddCompact';
+export { default as AddDatabase } from './AddDatabase';
 export { default as AddGroup } from './AddGroup';
+export { default as AddIntegration } from './AddIntegration';
 export { default as AddReactions } from './AddReactions';
 export { default as Add } from './Add';
 export { default as AiAssistant } from './AiAssistant';
 export { default as AiAvatar } from './AiAvatar';
+export { default as AiSearch } from './AiSearch';
 export { default as AlertTriangle } from './AlertTriangle';
 export { default as AppDetails } from './AppDetails';
 export { default as AppStoreOneColor } from './AppStoreOneColor';
@@ -57,6 +60,7 @@ export { default as Chat } from './Chat';
 export { default as CheckCircleFilled } from './CheckCircleFilled';
 export { default as CheckCircle } from './CheckCircle';
 export { default as Checked } from './Checked';
+export { default as Clean } from './Clean';
 export { default as ClearInputFilled } from './ClearInputFilled';
 export { default as ClearValue } from './ClearValue';
 export { default as Clear } from './Clear';
@@ -73,6 +77,7 @@ export { default as Columns } from './Columns';
 export { default as CommentBubble } from './CommentBubble';
 export { default as Copy } from './Copy';
 export { default as Create } from './Create';
+export { default as CreditsFilled } from './CreditsFilled';
 export { default as DatabaseOff } from './DatabaseOff';
 export { default as DatabaseStroke } from './DatabaseStroke';
 export { default as Database } from './Database';
@@ -117,6 +122,7 @@ export { default as FormWithoutCover } from './FormWithoutCover';
 export { default as FullscreenModeOffIcon } from './FullscreenModeOffIcon';
 export { default as FullscreenModeOnIcon } from './FullscreenModeOnIcon';
 export { default as FullscreenModeOn } from './FullscreenModeOn';
+export { default as Gift } from './Gift';
 export { default as Github } from './Github';
 export { default as Gitlab } from './Gitlab';
 export { default as GlobeSimple } from './GlobeSimple';
@@ -160,6 +166,7 @@ export { default as LoupeZoomOut } from './LoupeZoomOut';
 export { default as LoupeZoom } from './LoupeZoom';
 export { default as ManyPeople } from './ManyPeople';
 export { default as MapMode } from './MapMode';
+export { default as Markdown } from './Markdown';
 export { default as MenuCollapser } from './MenuCollapser';
 export { default as MessagePlusSquare } from './MessagePlusSquare';
 export { default as Milestones } from './Milestones';
@@ -190,12 +197,15 @@ export { default as PageRegularMode } from './PageRegularMode';
 export { default as PageWideMode } from './PageWideMode';
 export { default as PanelAdd } from './PanelAdd';
 export { default as Pencil } from './Pencil';
+export { default as PeopleCheck } from './PeopleCheck';
 export { default as People } from './People';
 export { default as Photo } from './Photo';
 export { default as PinFilled } from './PinFilled';
 export { default as Pin } from './Pin';
 export { default as Popup } from './Popup';
 export { default as Posts } from './Posts';
+export { default as PresentPlay } from './PresentPlay';
+export { default as PresentStop } from './PresentStop';
 export { default as PrivateItems } from './PrivateItems';
 export { default as Question } from './Question';
 export { default as Refresh } from './Refresh';
@@ -256,6 +266,7 @@ export { default as SelfReferenceOn } from './SelfReferenceOn';
 export { default as SendArrow } from './SendArrow';
 export { default as SendBackward } from './SendBackward';
 export { default as SendToBack } from './SendToBack';
+export { default as SettingsOff } from './SettingsOff';
 export { default as Settings } from './Settings';
 export { default as Share } from './Share';
 export { default as Shared } from './Shared';
@@ -276,6 +287,7 @@ export { default as SortOnTop } from './SortOnTop';
 export { default as Sort } from './Sort';
 export { default as Spinner } from './Spinner';
 export { default as Success } from './Success';
+export { default as Template } from './Template';
 export { default as Templates } from './Templates';
 export { default as Terminal } from './Terminal';
 export { default as TextToolAlignBottom } from './TextToolAlignBottom';
@@ -321,8 +333,11 @@ export { default as UnlockFilled } from './UnlockFilled';
 export { default as UnlockOutline } from './UnlockOutline';
 export { default as Upgrade } from './Upgrade';
 export { default as UsbFlashDrive } from './UsbFlashDrive';
+export { default as UserCheck } from './UserCheck';
+export { default as UserGroupRemove } from './UserGroupRemove';
 export { default as UserGroup } from './UserGroup';
 export { default as UserRole } from './UserRole';
+export { default as UserX } from './UserX';
 export { default as ViewAi } from './ViewAi';
 export { default as ViewBoard } from './ViewBoard';
 export { default as ViewCalendar } from './ViewCalendar';

package/src/palette.ts

@@ -1,4 +1,5 @@
 export const slate = {
+  slateBase: "hsl(0, 0%, 99%)",
   slate1: "hsl(206, 30%, 99%)",
   slate2: "hsl(210, 17%, 98%)",
   slate3: "hsl(209, 13%, 95%)",
@@ -14,6 +15,7 @@ export const slate = {
 } as const;
 
 export const slateDark = {
+  slateBase: "hsl(0, 0%, 3%)",
   slate1: "hsl(200, 7%, 9%)",
   slate2: "hsl(195, 7%, 11%)",
   slate3: "hsl(197, 7%, 14%)",
@@ -28,36 +30,6 @@ export const slateDark = {
   slate12: "hsl(210, 6%, 93%)",
 } as const;
 
-export const sage = {
-  sage1: "hsl(155, 30%, 99%)",
-  sage2: "hsl(150, 17%, 98%)",
-  sage3: "hsl(151, 11%, 95%)",
-  sage4: "hsl(151, 9%, 93%)",
-  sage5: "hsl(151, 8%, 91%)",
-  sage6: "hsl(152, 7%, 88%)",
-  sage7: "hsl(153, 7%, 85%)",
-  sage8: "hsl(154, 6%, 78%)",
-  sage9: "hsl(155, 4%, 56%)",
-  sage10: "hsl(154, 3%, 52%)",
-  sage11: "hsl(155, 3%, 43%)",
-  sage12: "hsl(155, 24%, 9%)",
-} as const;
-
-export const sageDark = {
-  sage1: "hsl(160, 7%, 8%)",
-  sage2: "hsl(150, 7%, 11%)",
-  sage3: "hsl(150, 7%, 13%)",
-  sage4: "hsl(150, 6%, 15%)",
-  sage5: "hsl(150, 6%, 17%)",
-  sage6: "hsl(150, 6%, 20%)",
-  sage7: "hsl(150, 5%, 24%)",
-  sage8: "hsl(150, 5%, 31%)",
-  sage9: "hsl(155, 6%, 42%)",
-  sage10: "hsl(153, 5%, 48%)",
-  sage11: "hsl(155, 5%, 62%)",
-  sage12: "hsl(155, 6%, 93%)",
-} as const;
-
 export const teal = {
   teal1: "hsl(165, 60%, 99%)",
   teal2: "hsl(169, 65%, 97%)",

package/src/select/custom-select-partials/clear-indicator.tsx

@@ -21,3 +21,7 @@ export function ClearIndicator<
     </div>
   );
 }
+
+export function NoClearIndicator() {
+  return null;
+}

package/src/select/custom-select-partials/group-heading.tsx

@@ -1,10 +1,9 @@
-import {GroupBase} from "../index";
-import {GroupHeadingProps, components} from "react-select";
 import {css} from "@linaria/core";
+import {GroupHeadingProps, components} from "react-select";
 import {layout, space, textStyles, themeVars} from "../../design-system";
-import React from "react";
-import {isPureTextChildren} from "../util";
 import {TooltipIfOverflown} from "../../tooltip-if-overflown";
+import {GroupBase} from "../index";
+import {isPureTextChildren} from "../util";
 
 export const groupHeadingNulledStyles = {
   paddingLeft: "",
@@ -20,7 +19,7 @@ export const groupHeadingNulledStyles = {
 const groupHeadingClass = css`
   min-height: ${layout.menuItemHeight}px;
   color: ${themeVars.disabledTextColor};
-  padding: 0 ${space.s6}px 0 ${space.s8}px;
+  padding: 0 ${space.s6}px ${space.s2}px ${space.s8}px;
   display: flex;
   align-content: flex-end;
   align-items: flex-end;

package/src/select/custom-select-partials/menu-list-virtualized.tsx

@@ -1,9 +1,25 @@
+import {css} from "@linaria/core";
+import _, {isFunction, isObject} from "lodash";
+import {Children, ComponentType, CSSProperties, ReactNode, useContext, useEffect, useRef, useState} from "react";
 import {GroupHeadingProps, GroupProps, MenuListProps} from "react-select";
 import {ItemContent, Virtuoso, VirtuosoHandle} from "react-virtuoso";
-import {Children, ComponentType, CSSProperties, ReactNode, useContext, useEffect, useRef, useState} from "react";
-import {GroupBase, ReactSelectRefContext} from "../util";
 import {layout} from "../../../src/design-system";
-import _, {isFunction, isObject} from "lodash";
+import {GroupBase, ReactSelectRefContext} from "../util";
+
+const PADDING_BLOCK_HEIGHT = 6;
+
+const Spacer = () => (
+  <div
+    className={css`
+      height: ${PADDING_BLOCK_HEIGHT}px;
+    `}
+  />
+);
+
+const components = {
+  Footer: Spacer,
+  Header: Spacer,
+};
 
 const OPTION_HEIGHT = layout.menuItemHeight;
 // this code is logic stolen from windowed-select SCROLL_INTO_VIEW_CHECK_FIX prevents list scrolling when focusing
@@ -128,7 +144,7 @@ export function MenuListVirtualized<
       }
     }
   }, [flattenChildren, initialFocusedOption, select]);
-  const menuHeight = Math.min(flattenChildren.length * layout.menuItemHeight, maxHeight);
+  const menuHeight = Math.min(flattenChildren.length * layout.menuItemHeight + PADDING_BLOCK_HEIGHT * 2, maxHeight);
   //scrolling to focused option
   useEffect(() => {
     let to: number | undefined;
@@ -171,6 +187,7 @@ export function MenuListVirtualized<
       window.clearTimeout(to);
     };
   }, [focusedOption, flattenChildren, menuHeight, initialFocusedOption, virtuoso]);
+
   return (
     // Needed for correct display inside portals and etc.
     <div style={getStyles("menuList", props) as CSSProperties}>
@@ -183,6 +200,7 @@ export function MenuListVirtualized<
         data={flattenChildren}
         totalCount={flattenChildren.length}
         itemContent={drawListElement}
+        components={components}
       />
     </div>
   );

package/src/select/custom-select-partials/menu.tsx

@@ -1,8 +1,8 @@
-import {GroupBase} from "../index";
-import {CSSObjectWithLabel, MenuProps, components} from "react-select";
-import cn from "classnames";
 import {css} from "@linaria/core";
-import {border, space, themeVars} from "../../design-system";
+import cn from "classnames";
+import {CSSObjectWithLabel, MenuProps, components} from "react-select";
+import {border, themeVars} from "../../design-system";
+import {GroupBase} from "../index";
 
 export const MenuListNulledStyles: CSSObjectWithLabel = {
   paddingTop: "",
@@ -21,10 +21,9 @@ const MenuRootClass = css`
   background-color: ${themeVars.colorBgSelectMenu};
   box-shadow: ${themeVars.shadowSelectMenu};
   border-radius: ${border.radius6}px;
-  padding-top: ${space.s6}px;
-  padding-bottom: ${space.s6}px;
   overflow: hidden;
 `;
+
 export function Menu<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(
   props: MenuProps<Option, IsMulti, Group>
 ) {