@fibery/ui-kit 1.29.1 → 1.29.4

package/src/icons/ast/UnitsSnippet.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const UnitsSnippet: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M4.25 15A2.25 2.25 0 0 1 2 12.75v-5.5A2.25 2.25 0 0 1 4.25 5h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 0-.75.75v5.5c0 .414.336.75.75.75h.5a.75.75 0 0 1 0 1.5h-.5ZM18 12.75A2.25 2.25 0 0 1 15.75 15h-.5a.75.75 0 0 1 0-1.5h.5a.75.75 0 0 0 .75-.75v-5.5a.75.75 0 0 0-.75-.75h-.5a.75.75 0 0 1 0-1.5h.5A2.25 2.25 0 0 1 18 7.25v5.5Zm-12-1.5a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75Zm0-3a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 0 1.5h-6.5A.75.75 0 0 1 6 8.25Z","fill":"currentColor"},"children":[]}],"metadata":""}]},"name":"units-snippet"};
+
+export default UnitsSnippet;

package/src/icons/ast/index.tsx

@@ -1,4 +1,5 @@
 // This icon file is generated automatically.
+export { default as Abort } from './Abort';
 export { default as ActivityLog } from './ActivityLog';
 export { default as Activity } from './Activity';
 export { default as AddAfter } from './AddAfter';
@@ -60,6 +61,7 @@ export { default as Columns2 } from './Columns2';
 export { default as Columns4 } from './Columns4';
 export { default as Columns } from './Columns';
 export { default as Copy } from './Copy';
+export { default as DatabaseStroke } from './DatabaseStroke';
 export { default as Database } from './Database';
 export { default as Delete } from './Delete';
 export { default as Demo } from './Demo';
@@ -83,6 +85,7 @@ export { default as FavoritesChecked } from './FavoritesChecked';
 export { default as FavoritesOff } from './FavoritesOff';
 export { default as Favorites } from './Favorites';
 export { default as FiberyMono } from './FiberyMono';
+export { default as FieldUnit } from './FieldUnit';
 export { default as Fields } from './Fields';
 export { default as Figma } from './Figma';
 export { default as FileUpload } from './FileUpload';
@@ -106,10 +109,16 @@ export { default as Home } from './Home';
 export { default as ImageXmark } from './ImageXmark';
 export { default as Import } from './Import';
 export { default as InfoCircleFilled } from './InfoCircleFilled';
+export { default as InfoCircle } from './InfoCircle';
 export { default as Integration } from './Integration';
+export { default as IntegrationsIntegrationDiscourseColor } from './IntegrationsIntegrationDiscourseColor';
+export { default as IntegrationsIntegrationIntercomColor } from './IntegrationsIntegrationIntercomColor';
+export { default as IntegrationsIntegrationSlackColor } from './IntegrationsIntegrationSlackColor';
+export { default as IntegrationsIntegrationZendeskColor } from './IntegrationsIntegrationZendeskColor';
 export { default as InvitePeople } from './InvitePeople';
 export { default as Items } from './Items';
 export { default as Jira } from './Jira';
+export { default as Key } from './Key';
 export { default as Lab } from './Lab';
 export { default as LayoutDouble } from './LayoutDouble';
 export { default as LayoutSingle } from './LayoutSingle';
@@ -130,6 +139,10 @@ export { default as Mixpanel } from './Mixpanel';
 export { default as Monitor } from './Monitor';
 export { default as MoreCompact } from './MoreCompact';
 export { default as More } from './More';
+export { default as MoveBottom } from './MoveBottom';
+export { default as MoveLeft } from './MoveLeft';
+export { default as MoveRight } from './MoveRight';
+export { default as MoveTop } from './MoveTop';
 export { default as MySpace } from './MySpace';
 export { default as NetworkAdd } from './NetworkAdd';
 export { default as Network } from './Network';
@@ -146,6 +159,7 @@ export { default as PageWideMode } from './PageWideMode';
 export { default as Pencil } from './Pencil';
 export { default as People } from './People';
 export { default as Photo } from './Photo';
+export { default as Pin } from './Pin';
 export { default as Popup } from './Popup';
 export { default as Posts } from './Posts';
 export { default as Question } from './Question';
@@ -201,6 +215,7 @@ export { default as Rows } from './Rows';
 export { default as Search } from './Search';
 export { default as SelfReferenceOff } from './SelfReferenceOff';
 export { default as SelfReferenceOn } from './SelfReferenceOn';
+export { default as SendArrow } from './SendArrow';
 export { default as Settings } from './Settings';
 export { default as Share } from './Share';
 export { default as Shared } from './Shared';
@@ -243,6 +258,17 @@ export { default as TypeRule } from './TypeRule';
 export { default as TypeSingleSelect } from './TypeSingleSelect';
 export { default as TypeText } from './TypeText';
 export { default as TypeUrl } from './TypeUrl';
+export { default as UnitsAvatar } from './UnitsAvatar';
+export { default as UnitsCollection } from './UnitsCollection';
+export { default as UnitsCounter } from './UnitsCounter';
+export { default as UnitsDbBadgeAbbr } from './UnitsDbBadgeAbbr';
+export { default as UnitsDbBadgeFull } from './UnitsDbBadgeFull';
+export { default as UnitsDbIcon } from './UnitsDbIcon';
+export { default as UnitsField } from './UnitsField';
+export { default as UnitsInput } from './UnitsInput';
+export { default as UnitsProgressBar } from './UnitsProgressBar';
+export { default as UnitsRichText } from './UnitsRichText';
+export { default as UnitsSnippet } from './UnitsSnippet';
 export { default as Upgrade } from './Upgrade';
 export { default as UsbFlashDrive } from './UsbFlashDrive';
 export { default as UserRole } from './UserRole';

package/src/icons/react/Abort.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import AbortSvg from '../ast/Abort';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const Abort = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={AbortSvg} />;
+
+Abort.displayName = 'Abort';
+export default Abort;

package/src/icons/react/DatabaseStroke.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import DatabaseStrokeSvg from '../ast/DatabaseStroke';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const DatabaseStroke = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={DatabaseStrokeSvg} />;
+
+DatabaseStroke.displayName = 'DatabaseStroke';
+export default DatabaseStroke;

package/src/icons/react/FieldUnit.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import FieldUnitSvg from '../ast/FieldUnit';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const FieldUnit = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={FieldUnitSvg} />;
+
+FieldUnit.displayName = 'FieldUnit';
+export default FieldUnit;

package/src/icons/react/InfoCircle.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import InfoCircleSvg from '../ast/InfoCircle';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const InfoCircle = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={InfoCircleSvg} />;
+
+InfoCircle.displayName = 'InfoCircle';
+export default InfoCircle;

package/src/icons/react/IntegrationsIntegrationDiscourseColor.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import IntegrationsIntegrationDiscourseColorSvg from '../ast/IntegrationsIntegrationDiscourseColor';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const IntegrationsIntegrationDiscourseColor = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={IntegrationsIntegrationDiscourseColorSvg} />;
+
+IntegrationsIntegrationDiscourseColor.displayName = 'IntegrationsIntegrationDiscourseColor';
+export default IntegrationsIntegrationDiscourseColor;

package/src/icons/react/IntegrationsIntegrationIntercomColor.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import IntegrationsIntegrationIntercomColorSvg from '../ast/IntegrationsIntegrationIntercomColor';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const IntegrationsIntegrationIntercomColor = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={IntegrationsIntegrationIntercomColorSvg} />;
+
+IntegrationsIntegrationIntercomColor.displayName = 'IntegrationsIntegrationIntercomColor';
+export default IntegrationsIntegrationIntercomColor;

package/src/icons/react/IntegrationsIntegrationSlackColor.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import IntegrationsIntegrationSlackColorSvg from '../ast/IntegrationsIntegrationSlackColor';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const IntegrationsIntegrationSlackColor = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={IntegrationsIntegrationSlackColorSvg} />;
+
+IntegrationsIntegrationSlackColor.displayName = 'IntegrationsIntegrationSlackColor';
+export default IntegrationsIntegrationSlackColor;

package/src/icons/react/IntegrationsIntegrationZendeskColor.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import IntegrationsIntegrationZendeskColorSvg from '../ast/IntegrationsIntegrationZendeskColor';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const IntegrationsIntegrationZendeskColor = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={IntegrationsIntegrationZendeskColorSvg} />;
+
+IntegrationsIntegrationZendeskColor.displayName = 'IntegrationsIntegrationZendeskColor';
+export default IntegrationsIntegrationZendeskColor;

package/src/icons/react/Key.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import KeySvg from '../ast/Key';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const Key = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={KeySvg} />;
+
+Key.displayName = 'Key';
+export default Key;

package/src/icons/react/MoveBottom.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import MoveBottomSvg from '../ast/MoveBottom';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const MoveBottom = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={MoveBottomSvg} />;
+
+MoveBottom.displayName = 'MoveBottom';
+export default MoveBottom;

package/src/icons/react/MoveLeft.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import MoveLeftSvg from '../ast/MoveLeft';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const MoveLeft = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={MoveLeftSvg} />;
+
+MoveLeft.displayName = 'MoveLeft';
+export default MoveLeft;

package/src/icons/react/MoveRight.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import MoveRightSvg from '../ast/MoveRight';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const MoveRight = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={MoveRightSvg} />;
+
+MoveRight.displayName = 'MoveRight';
+export default MoveRight;

package/src/icons/react/MoveTop.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import MoveTopSvg from '../ast/MoveTop';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const MoveTop = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={MoveTopSvg} />;
+
+MoveTop.displayName = 'MoveTop';
+export default MoveTop;

package/src/icons/react/Pin.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import PinSvg from '../ast/Pin';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const Pin = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={PinSvg} />;
+
+Pin.displayName = 'Pin';
+export default Pin;

package/src/icons/react/SendArrow.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import SendArrowSvg from '../ast/SendArrow';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const SendArrow = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={SendArrowSvg} />;
+
+SendArrow.displayName = 'SendArrow';
+export default SendArrow;

package/src/icons/react/UnitsAvatar.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import UnitsAvatarSvg from '../ast/UnitsAvatar';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const UnitsAvatar = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={UnitsAvatarSvg} />;
+
+UnitsAvatar.displayName = 'UnitsAvatar';
+export default UnitsAvatar;

package/src/icons/react/UnitsCollection.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import UnitsCollectionSvg from '../ast/UnitsCollection';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const UnitsCollection = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={UnitsCollectionSvg} />;
+
+UnitsCollection.displayName = 'UnitsCollection';
+export default UnitsCollection;

package/src/icons/react/UnitsCounter.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import UnitsCounterSvg from '../ast/UnitsCounter';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const UnitsCounter = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={UnitsCounterSvg} />;
+
+UnitsCounter.displayName = 'UnitsCounter';
+export default UnitsCounter;

package/src/icons/react/UnitsDbBadgeAbbr.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import UnitsDbBadgeAbbrSvg from '../ast/UnitsDbBadgeAbbr';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const UnitsDbBadgeAbbr = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={UnitsDbBadgeAbbrSvg} />;
+
+UnitsDbBadgeAbbr.displayName = 'UnitsDbBadgeAbbr';
+export default UnitsDbBadgeAbbr;

package/src/icons/react/UnitsDbBadgeFull.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import UnitsDbBadgeFullSvg from '../ast/UnitsDbBadgeFull';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const UnitsDbBadgeFull = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={UnitsDbBadgeFullSvg} />;
+
+UnitsDbBadgeFull.displayName = 'UnitsDbBadgeFull';
+export default UnitsDbBadgeFull;

package/src/icons/react/UnitsDbIcon.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import UnitsDbIconSvg from '../ast/UnitsDbIcon';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const UnitsDbIcon = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={UnitsDbIconSvg} />;
+
+UnitsDbIcon.displayName = 'UnitsDbIcon';
+export default UnitsDbIcon;

package/src/icons/react/UnitsField.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import UnitsFieldSvg from '../ast/UnitsField';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const UnitsField = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={UnitsFieldSvg} />;
+
+UnitsField.displayName = 'UnitsField';
+export default UnitsField;

package/src/icons/react/UnitsInput.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import UnitsInputSvg from '../ast/UnitsInput';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const UnitsInput = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={UnitsInputSvg} />;
+
+UnitsInput.displayName = 'UnitsInput';
+export default UnitsInput;

package/src/icons/react/UnitsProgressBar.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import UnitsProgressBarSvg from '../ast/UnitsProgressBar';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const UnitsProgressBar = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={UnitsProgressBarSvg} />;
+
+UnitsProgressBar.displayName = 'UnitsProgressBar';
+export default UnitsProgressBar;

package/src/icons/react/UnitsRichText.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import UnitsRichTextSvg from '../ast/UnitsRichText';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const UnitsRichText = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={UnitsRichTextSvg} />;
+
+UnitsRichText.displayName = 'UnitsRichText';
+export default UnitsRichText;

package/src/icons/react/UnitsSnippet.tsx

@@ -0,0 +1,12 @@
+// This icon file is generated automatically.
+
+import UnitsSnippetSvg from '../ast/UnitsSnippet';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const UnitsSnippet = (
+  props: IconBaseProps,
+): JSX.Element => <Icon {...props} icon={UnitsSnippetSvg} />;
+
+UnitsSnippet.displayName = 'UnitsSnippet';
+export default UnitsSnippet;

package/src/icons/react/index.tsx

@@ -1,4 +1,5 @@
 // This icon file is generated automatically.
+export { default as Abort } from './Abort';
 export { default as ActivityLog } from './ActivityLog';
 export { default as Activity } from './Activity';
 export { default as AddAfter } from './AddAfter';
@@ -60,6 +61,7 @@ export { default as Columns2 } from './Columns2';
 export { default as Columns4 } from './Columns4';
 export { default as Columns } from './Columns';
 export { default as Copy } from './Copy';
+export { default as DatabaseStroke } from './DatabaseStroke';
 export { default as Database } from './Database';
 export { default as Delete } from './Delete';
 export { default as Demo } from './Demo';
@@ -83,6 +85,7 @@ export { default as FavoritesChecked } from './FavoritesChecked';
 export { default as FavoritesOff } from './FavoritesOff';
 export { default as Favorites } from './Favorites';
 export { default as FiberyMono } from './FiberyMono';
+export { default as FieldUnit } from './FieldUnit';
 export { default as Fields } from './Fields';
 export { default as Figma } from './Figma';
 export { default as FileUpload } from './FileUpload';
@@ -106,10 +109,16 @@ export { default as Home } from './Home';
 export { default as ImageXmark } from './ImageXmark';
 export { default as Import } from './Import';
 export { default as InfoCircleFilled } from './InfoCircleFilled';
+export { default as InfoCircle } from './InfoCircle';
 export { default as Integration } from './Integration';
+export { default as IntegrationsIntegrationDiscourseColor } from './IntegrationsIntegrationDiscourseColor';
+export { default as IntegrationsIntegrationIntercomColor } from './IntegrationsIntegrationIntercomColor';
+export { default as IntegrationsIntegrationSlackColor } from './IntegrationsIntegrationSlackColor';
+export { default as IntegrationsIntegrationZendeskColor } from './IntegrationsIntegrationZendeskColor';
 export { default as InvitePeople } from './InvitePeople';
 export { default as Items } from './Items';
 export { default as Jira } from './Jira';
+export { default as Key } from './Key';
 export { default as Lab } from './Lab';
 export { default as LayoutDouble } from './LayoutDouble';
 export { default as LayoutSingle } from './LayoutSingle';
@@ -130,6 +139,10 @@ export { default as Mixpanel } from './Mixpanel';
 export { default as Monitor } from './Monitor';
 export { default as MoreCompact } from './MoreCompact';
 export { default as More } from './More';
+export { default as MoveBottom } from './MoveBottom';
+export { default as MoveLeft } from './MoveLeft';
+export { default as MoveRight } from './MoveRight';
+export { default as MoveTop } from './MoveTop';
 export { default as MySpace } from './MySpace';
 export { default as NetworkAdd } from './NetworkAdd';
 export { default as Network } from './Network';
@@ -146,6 +159,7 @@ export { default as PageWideMode } from './PageWideMode';
 export { default as Pencil } from './Pencil';
 export { default as People } from './People';
 export { default as Photo } from './Photo';
+export { default as Pin } from './Pin';
 export { default as Popup } from './Popup';
 export { default as Posts } from './Posts';
 export { default as Question } from './Question';
@@ -201,6 +215,7 @@ export { default as Rows } from './Rows';
 export { default as Search } from './Search';
 export { default as SelfReferenceOff } from './SelfReferenceOff';
 export { default as SelfReferenceOn } from './SelfReferenceOn';
+export { default as SendArrow } from './SendArrow';
 export { default as Settings } from './Settings';
 export { default as Share } from './Share';
 export { default as Shared } from './Shared';
@@ -243,6 +258,17 @@ export { default as TypeRule } from './TypeRule';
 export { default as TypeSingleSelect } from './TypeSingleSelect';
 export { default as TypeText } from './TypeText';
 export { default as TypeUrl } from './TypeUrl';
+export { default as UnitsAvatar } from './UnitsAvatar';
+export { default as UnitsCollection } from './UnitsCollection';
+export { default as UnitsCounter } from './UnitsCounter';
+export { default as UnitsDbBadgeAbbr } from './UnitsDbBadgeAbbr';
+export { default as UnitsDbBadgeFull } from './UnitsDbBadgeFull';
+export { default as UnitsDbIcon } from './UnitsDbIcon';
+export { default as UnitsField } from './UnitsField';
+export { default as UnitsInput } from './UnitsInput';
+export { default as UnitsProgressBar } from './UnitsProgressBar';
+export { default as UnitsRichText } from './UnitsRichText';
+export { default as UnitsSnippet } from './UnitsSnippet';
 export { default as Upgrade } from './Upgrade';
 export { default as UsbFlashDrive } from './UsbFlashDrive';
 export { default as UserRole } from './UserRole';

package/src/item.tsx

@@ -28,7 +28,7 @@ const getGridStyle = ({
 
 const hoverClass = css`
   &:hover {
-    background-color: ${themeVars.opacity.opacity10};
+    background-color: ${themeVars.colorBgMenuItemHover};
   }
 `;
 

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

@@ -28,5 +28,5 @@ const MenuRootClass = css`
 export function Menu<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(
   props: MenuProps<Option, IsMulti, Group>
 ) {
-  return <components.Menu {...props} className={cn(props.className, MenuRootClass, "react-select-menu")} />;
+  return <components.Menu {...props} className={cn(MenuRootClass, "react-select-menu", props.className)} />;
 }