@fibery/ui-kit 1.14.0 → 1.16.0

package/src/icons/react/GoogleDrive.tsx

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

package/src/icons/react/GoogleMap.tsx

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

package/src/icons/react/LineDivider.tsx

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

package/src/icons/react/Loom.tsx

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

package/src/icons/react/Miro.tsx

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

package/src/icons/react/Mixpanel.tsx

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

package/src/icons/react/Twitter.tsx

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

package/src/icons/react/Youtube.tsx

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

package/src/icons/react/index.tsx

@@ -34,10 +34,16 @@ export { default as Atom } from './Atom';
 export { default as Back } from './Back';
 export { default as BacklogIcon } from './BacklogIcon';
 export { default as BatchActionsIcon } from './BatchActionsIcon';
+export { default as BellCircle } from './BellCircle';
+export { default as BellX } from './BellX';
+export { default as Bolt } from './Bolt';
 export { default as Cards } from './Cards';
+export { default as CheckCircle } from './CheckCircle';
 export { default as Checked } from './Checked';
 export { default as ClearValue } from './ClearValue';
+export { default as ClockForward } from './ClockForward';
 export { default as Close } from './Close';
+export { default as ColorCodingFilled } from './ColorCodingFilled';
 export { default as ColorCoding } from './ColorCoding';
 export { default as Columns2 } from './Columns2';
 export { default as Columns4 } from './Columns4';
@@ -53,6 +59,7 @@ export { default as DragBlockHandle } from './DragBlockHandle';
 export { default as DragHandle } from './DragHandle';
 export { default as DynamicFilterValue } from './DynamicFilterValue';
 export { default as Email } from './Email';
+export { default as EmojiDelete } from './EmojiDelete';
 export { default as ExtensionAssignments } from './ExtensionAssignments';
 export { default as ExtensionAvatar } from './ExtensionAvatar';
 export { default as ExtensionComments } from './ExtensionComments';
@@ -64,6 +71,7 @@ export { default as FavoritesMenu } from './FavoritesMenu';
 export { default as Favorites } from './Favorites';
 export { default as FiberyMono } from './FiberyMono';
 export { default as Fields } from './Fields';
+export { default as Figma } from './Figma';
 export { default as FileUpload } from './FileUpload';
 export { default as Filter } from './Filter';
 export { default as FocusModeOff } from './FocusModeOff';
@@ -73,6 +81,8 @@ export { default as FormWithoutCover } from './FormWithoutCover';
 export { default as Github } from './Github';
 export { default as Gitlab } from './Gitlab';
 export { default as Globe } from './Globe';
+export { default as GoogleDrive } from './GoogleDrive';
+export { default as GoogleMap } from './GoogleMap';
 export { default as Hide } from './Hide';
 export { default as Hint } from './Hint';
 export { default as Home } from './Home';
@@ -83,12 +93,16 @@ export { default as Items } from './Items';
 export { default as Jira } from './Jira';
 export { default as LeftPanel } from './LeftPanel';
 export { default as Levels } from './Levels';
+export { default as LineDivider } from './LineDivider';
 export { default as Lock } from './Lock';
+export { default as Loom } from './Loom';
 export { default as Markdown } from './Markdown';
 export { default as MenuCollapser } from './MenuCollapser';
 export { default as MessagePlusSquare } from './MessagePlusSquare';
 export { default as Milestones } from './Milestones';
 export { default as Minus } from './Minus';
+export { default as Miro } from './Miro';
+export { default as Mixpanel } from './Mixpanel';
 export { default as MoreCompact } from './MoreCompact';
 export { default as More } from './More';
 export { default as MySpace } from './MySpace';
@@ -171,6 +185,7 @@ export { default as SortOnTop } from './SortOnTop';
 export { default as Sort } from './Sort';
 export { default as Spinner } from './Spinner';
 export { default as Templates } from './Templates';
+export { default as Twitter } from './Twitter';
 export { default as TypeBoolean } from './TypeBoolean';
 export { default as TypeButton } from './TypeButton';
 export { default as TypeCheckbox } from './TypeCheckbox';
@@ -209,3 +224,4 @@ export { default as ViewTable } from './ViewTable';
 export { default as ViewTimeline } from './ViewTimeline';
 export { default as Views } from './Views';
 export { default as Warning } from './Warning';
+export { default as Youtube } from './Youtube';

package/src/Button/icon-button-with-tooltip.tsx

@@ -1,15 +0,0 @@
-import {forwardRef} from "react";
-import {Tooltip, TooltipProps} from "../tooltip";
-import {IconButton, IconButtonProps} from "./icon-button";
-
-type IconButtonTooltipProps = Pick<TooltipProps, "title" | "description" | "content" | "side">;
-
-export const IconButtonWithTooltip = forwardRef<HTMLButtonElement, IconButtonTooltipProps & IconButtonProps>(
-  function IconButtonWithTooltip({title, description, content, side, ...props}, ref) {
-    return (
-      <Tooltip title={title} description={description} content={content} side={side}>
-        <IconButton ref={ref} {...props} />
-      </Tooltip>
-    );
-  }
-);

package/src/emoji-picker/index.tsx

@@ -1,5 +0,0 @@
-export {EmojiPickerRoot as Root} from "./root";
-export {EmojiPickerContent as Content} from "./content";
-export {EmojiPickerGrid as Grid} from "./grid";
-export {EmojiPickerSearch as Search} from "./search";
-export {EmojiPickerFooter as Footer} from "./footer";

package/src/emoji-picker/lazy-icon-data-store.tsx

@@ -1,55 +0,0 @@
-import {makeEmojiData} from "@fibery/emoji-data";
-import {Suspense, lazy, useEffect, useState} from "react";
-import {getThemedUrl} from "../AppIconWithFallback";
-import {useThemeMode} from "../ThemeProvider";
-import {alignTheme} from "../theme-settings";
-import {EmojiDataStoreProvider, useEmojiDataStore} from "./stores/emoji-data-store";
-
-const EMPTY_DATA = {
-  aliases: {},
-  emojis: {},
-  categories: [],
-  compressed: false,
-};
-
-const LazyAppIcons = lazy(async () => {
-  const {default: appIcons} = await import("../appIcons.json");
-
-  return {
-    default: function EmojiDataStore({children}: React.PropsWithChildren) {
-      const emojiDataStore = useEmojiDataStore();
-      const themeMode = useThemeMode();
-      const alignedTheme = alignTheme(themeMode);
-
-      useEffect(() => {
-        // TODO: icons should be rendered as svg elements
-        const custom = appIcons.map((icon) => {
-          return {
-            ...icon,
-            imageUrl: getThemedUrl(icon.file, alignedTheme),
-          };
-        });
-
-        emojiDataStore.setCustom(custom);
-      }, [alignedTheme, emojiDataStore]);
-
-      return <>{children}</>;
-    },
-  };
-});
-
-export const LazyIconDataStore: React.FC<
-  React.PropsWithChildren<{
-    fallback: React.ReactNode;
-  }>
-> = ({fallback, children}) => {
-  const [emojiData] = useState(() => makeEmojiData(EMPTY_DATA));
-
-  return (
-    <EmojiDataStoreProvider data={emojiData}>
-      <Suspense fallback={fallback}>
-        <LazyAppIcons>{children}</LazyAppIcons>
-      </Suspense>
-    </EmojiDataStoreProvider>
-  );
-};