@fibery/ui-kit 1.19.0 → 1.20.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fibery/ui-kit",
-  "version": "1.19.0",
+  "version": "1.20.1",
   "main": "index.ts",
   "private": false,
   "files": [
@@ -25,6 +25,7 @@
     "src/button",
     "src/emoji-picker/**/*.ts*",
     "src/toast/**/*.ts*",
+    "src/lists/**/*.ts*",
     "src/a11y-color.ts"
   ],
   "license": "UNLICENSED",
@@ -48,11 +49,12 @@
     "cmdk": "0.2.0",
     "color-hash": "1.0.3",
     "d3-shape": "1.3.7",
-    "date-fns": "^2.29.2",
+    "date-fns": "2.29.2",
     "invariant": "2.2.4",
     "lodash": "4.17.21",
     "md5": "2.2.1",
     "moment": "2.29.4",
+    "popper-max-size-modifier": "0.2.0",
     "prop-types": "15.7.2",
     "rc-input-number": "7.3.11",
     "rc-menu": "9.8.1",
@@ -68,7 +70,7 @@
     "ua-parser-js": "0.7.24",
     "@fibery/emoji-data": "2.2.1",
     "@fibery/helpers": "1.2.0",
-    "@fibery/react": "1.2.0"
+    "@fibery/react": "1.3.0"
   },
   "peerDependencies": {
     "react": "^18.2.0",
@@ -101,8 +103,8 @@
     "svgo": "2.8.0",
     "typescript": "5.1.6",
     "unist-util-reduce": "0.2.2",
-    "@fibery/eslint-config": "8.4.0",
-    "@fibery/babel-preset": "7.3.0"
+    "@fibery/babel-preset": "7.3.0",
+    "@fibery/eslint-config": "8.5.0"
   },
   "jest": {
     "testEnvironment": "jsdom",

package/src/a11y-color.ts

@@ -59,23 +59,26 @@ const checkColor = (colorValue: string) => {
  * @return {string}            - The closest hex color for `toMakeA11y` on `background`
  */
 export function a11yColor(toMakeA11y: string, background: string, minimumContrast = 3.0) {
+  const key = toMakeA11y + background + minimumContrast;
+  if (cache.has(key)) {
+    return cache.get(key);
+  }
   if (!checkColor(toMakeA11y) || !checkColor(background)) {
+    cache.put(key, toMakeA11y);
     return toMakeA11y;
   }
 
   if (minimumContrast < 0 && minimumContrast > 21) {
     throw new Error(`Minimum contrast must be a number between 0 and 21. It was ${minimumContrast}`);
   }
-  const key = toMakeA11y + background + minimumContrast;
-  if (cache.has(key)) {
-    return cache.get(key);
-  }
   const a11y = chroma(toMakeA11y);
   const bg = chroma(background);
 
   // Check the ratio straight away, if it passes return the value as hex
   if (chroma.contrast(background, toMakeA11y) >= minimumContrast) {
-    return a11y.hex();
+    const val = a11y.hex();
+    cache.put(key, val);
+    return val;
   }
 
   // Ratio didn't pass so we need to find the nearest color
@@ -142,6 +145,6 @@ export function a11yColor(toMakeA11y: string, background: string, minimumContras
       minLightness = midLightness;
     }
   }
-
+  cache.put(key, foundColor);
   return foundColor;
 }

package/src/antd/styles.ts

@@ -27,8 +27,8 @@ export const inputOverrides = {
     minHeight: layout.inputHeight,
     paddingTop: 0,
     paddingBottom: 0,
-    paddingLeft: space.l,
-    paddingRight: space.l,
+    paddingLeft: space.s12,
+    paddingRight: space.s12,
     border: 0,
     borderColor: colors.transparent,
     transition: `box-shadow ${transition}`,
@@ -114,8 +114,8 @@ export const inputStyles = css`
       "& .ant-input.ant-input-disabled": inputOverrides.disabled,
     },
     "& textarea.ant-input": {
-      paddingTop: space.m,
-      paddingBottom: space.m,
+      paddingTop: space.s8,
+      paddingBottom: space.s8,
     },
     "& .ant-select-disabled .ant-select-selection": {
       backgroundColor: colors.transparent,
@@ -128,7 +128,7 @@ export const inputStyles = css`
     "&& input::placeholder, && textarea::placeholder": {
       color: themeVars.inputPlaceholderTextColor,
     },
-    "& .ant-input-affix-wrapper .ant-input-prefix": {left: space.s},
-    "& .ant-input-affix-wrapper .ant-input:not(:first-child)": {paddingLeft: space.s + space.xl + space.m}, // Match TitlePreview spacing
+    "& .ant-input-affix-wrapper .ant-input-prefix": {left: space.s6},
+    "& .ant-input-affix-wrapper .ant-input:not(:first-child)": {paddingLeft: space.s6 + space.s24 + space.s8}, // Match TitlePreview spacing
   }}
 `;

package/src/button/button.tsx

@@ -119,11 +119,11 @@ const shortcutStyle = css`
     ...textStyles.small,
     color: "currentColor",
     borderRadius: border.radius4,
-    paddingLeft: space.xs,
-    paddingRight: space.xs,
-    paddingBottom: space.xxs,
-    marginRight: -space.xs,
-    marginLeft: space.xxs,
+    paddingLeft: space.s4,
+    paddingRight: space.s4,
+    paddingBottom: space.s2,
+    marginRight: -space.s4,
+    marginLeft: space.s2,
     opacity: opacity.opacity80,
     display: "inline-block",
   }}

package/src/design-system.ts

@@ -348,6 +348,11 @@ export const themeColors = {
     `0 0 0 1px ${getOpacities(slateDark.slate2).opacity10}, 0 2px 4px -4px ${getOpacities(slateDark.slate2).opacity20}`,
   ],
 
+  colorBgMenuHeaderAvatar: [whiteA.whiteA0, slateDark.slate2],
+  shadowMenuHeaderAvatar: [
+    `0px 1px 4px ${getOpacities(slate.slate11).opacity10}, 0 0 0 1px ${getOpacities(slate.slate5).opacity50}`,
+    `0 0 0 1px ${getOpacities(slateDark.slate9).opacity20}`,
+  ],
   // Main Menu Items Styles and States
   // Dragged
   opacityMenuItemDragged: [`${opacity.opacity40}`, `${opacity.opacity40}`],
@@ -365,6 +370,8 @@ export const themeColors = {
   colorBgMenuItemSelectedHover: [indigo.indigo6, indigoDark.indigo6],
   // :focus, :focus:hover
   colorBgMenuItemSelectedFocused: [indigo.indigo6, indigoDark.indigo6],
+  colorBgFieldEditorContainer: [slate.slate2, slateDark.slate3],
+  colorBgFieldEditorLinkEqualSign: [slate.slate6, slateDark.slate2],
   allowedDropColor: [getOpacities(slate.slate3).opacity80, getOpacities(slateDark.slate3).opacity80],
   relationViewBgColor: [slate.slate2, slateDark.slate3],
   unitBg: [slate.slate3, slateDark.slate6],
@@ -407,10 +414,10 @@ export const themeColors = {
   progressIconFill: [getOpacities(slate.slate12).opacity80, getOpacities(slateDark.slate12).opacity80],
   progressIconDoneBg: [getOpacities(slate.slate12).opacity80, getOpacities(slateDark.slate12).opacity90],
   progressIconDoneFill: [getOpacities(slate.slate1).opacity95, getOpacities(slateDark.slate1).opacity80],
-  instrumentsMenuBg: [getOpacities(whiteA.whiteA0).opacity85, getOpacities(slateDark.slate4).opacity95],
+  instrumentsMenuBg: [getOpacities(whiteA.whiteA0).opacity95, getOpacities(slateDark.slate4).opacity95],
   instrumentsMenuShadow: [
-    `0 0 0 1px ${getOpacities(slate.slate10).opacity10}, 0 2px 4px -4px ${getOpacities(slate.slate10).opacity20}`,
-    `0px 2px 8px ${getOpacities(slate.slate2).opacity95}`,
+    `0 0 0 1px ${getOpacities(slate.slate10).opacity10}, 0 2px 8px -6px ${getOpacities(slate.slate10).opacity30}`,
+    `0 0 0 1px ${getOpacities(slateDark.slate1).opacity10}, 0 2px 8px -6px ${getOpacities(slateDark.slate1).opacity40}`,
   ],
   selectedColorBorder: [getOpacities(slate.slate6).opacity50, getOpacities(slate.slate6).opacity20],
   formBg: [slate.slate2, slateDark.slate2],
@@ -447,7 +454,7 @@ export const themeColors = {
   richTextTableBorder: [blackA.blackA5, whiteA.whiteA7],
   gridHeaderBgColor: [slate.slate2, slateDark.slate3],
   gridHeaderHoverBgColor: [slate.slate3, slateDark.slate4],
-  gridHeaderTextColor: [slate.slate9, slateDark.slate10],
+  gridHeaderTextColor: [slate.slate10, slateDark.slate11],
   gridCellBgColor: [whiteA.whiteA0, slateDark.slate2],
   gridCellBorderColor: [slate.slate5, slateDark.slate6],
   gridPinnedCellBorderColor: [slate.slate8, slateDark.slate8],
@@ -459,7 +466,7 @@ export const themeColors = {
   gridDisabledSelectedCellBgColor: [indigo.indigo4, indigoDark.indigo5],
   gridActiveCellBorderColor: [indigo.indigo8, indigoDark.indigo9],
   colorBgReactionsDefault: [slate.slate3, slateDark.slate6],
-  colorBgReactionsHover: [slate.slate1, slateDark.slate2],
+  colorBgReactionsHover: [whiteA.whiteA0, slateDark.slate2],
   colorBorderReactionsHover: [slate.slate8, slateDark.slate9],
   colorBgReactionsSelectedDefault: [indigo.indigo3, indigoDark.indigo8],
   colorBorderReactionsSelectedDefault: [indigo.indigo8, indigoDark.indigo8],
@@ -467,6 +474,7 @@ export const themeColors = {
   colorBorderReactionsSelectedHover: [indigo.indigo9, indigo.indigo10],
   colorTextReactionsSelected: [indigo.indigo10, slateDark.slate12],
   colorBgToastDefault: [slate.slate1, slateDark.slate1],
+  colorBgDbTabHover: [slate.slate3, slateDark.slate4],
 } as const;
 
 type ThemeDefs = typeof themeColors;
@@ -695,14 +703,6 @@ export const colors = {
 } as const;
 
 export const space = {
-  xxs: 2, // Not recommended
-  xs: 4,
-  s: 6,
-  m: 8,
-  l: 12,
-  xl: 24,
-  xxl: 48, // Not recommended
-  // new spacing set
   spaceAuto: "auto",
   s0: 0,
   s1: 1,
@@ -725,6 +725,7 @@ export const space = {
   s56: 56,
   s64: 64,
   s80: 80,
+  s96: 96,
   s112: 112,
   s128: 128,
 } as const;
@@ -732,12 +733,12 @@ export const space = {
 export const spaceNestedTreeLevel = 28;
 export const spaceNestedTreeInterval = 0;
 export const layout = {
-  logoSize: 24,
+  logoSize: 16,
   menuDefaultWidth: 243,
-  menuMinWidth: 46, //TODO: make dependency to itemHeight
+  menuMinWidth: 47, //TODO: make dependency to itemHeight
   menuMaxWidth: 480,
   menuItemMinWidth: 80,
-  menuGroupHeaderIndent: 40, // I'm ok
+  menuGroupHeaderIndent: 28, // I'm ok
   menuItemLevelIndent: 24,
   listItemHeight: 38,
   itemHeight: 36,
@@ -745,7 +746,7 @@ export const layout = {
   groupTitleHeight: 30,
   menuItemHeight: 32,
   newMenuItemHeight: 30, // I'm ok
-  viewHeaderHeight: space.l * 7,
+  viewHeaderHeight: space.s12 * 7,
   viewHeaderCompactHeight: 52,
   columnMinWidth: 240,
   columnWidths: {compact: 200, default: 240, list: 280, full: 320},
@@ -753,7 +754,7 @@ export const layout = {
   typeEditorWidth: "30vw",
   typeEditorMinWidth: 480,
   viewSetupWidth: "30vw",
-  viewSetupMinWidth: 525,
+  viewSetupMinWidth: 380,
   inputHeight: 36, //TODO: merge input and item height?
   timelineLineHeight: 46,
   timelineGroupPadding: 6,

package/src/emoji-picker/emoji-picker-content-with-color.tsx

@@ -14,7 +14,7 @@ import {EmojiPickerSearch} from "./primitives/search";
 import {Tooltip} from "../tooltip";
 
 const colorPickerWrapperCss = css`
-  padding-top: ${space.l}px;
+  padding-top: ${space.s12}px;
 `;
 
 const disableScrollCss = css`

package/src/emoji-picker/emoji-picker.tsx

@@ -61,10 +61,10 @@ export const EmojiPicker: React.FC<EmojiPickerProps> = ({
                 className={css`
                   position: absolute;
                   top: 4px;
-                  right: ${space.l}px;
+                  right: ${space.s12}px;
                 `}
                 style={{
-                  right: space.l + measureScrollbar(),
+                  right: space.s12 + measureScrollbar(),
                 }}
               >
                 <EmojiPickerSkinTone />

package/src/emoji-picker/icon-emoji-picker.tsx

@@ -86,7 +86,7 @@ export const IconEmojiPicker: React.FC<IconEmojiPickerProps> = ({
         onReset ? (
           <div
             className={css`
-              padding-right: ${space.l}px;
+              padding-right: ${space.s12}px;
             `}
           >
             <Button Icon={EmojiDelete} size={":button-size/small"} onClick={onReset}>

package/src/emoji-picker/primitives/category.tsx

@@ -18,13 +18,13 @@ const categoryLabelCss = css`
   ${textStyles.heading6}
   color: ${themeVars.accentTextColor};
   background-color: ${themeVars.actionMenuBg};
-  padding: ${space.l}px ${space.s}px ${space.xs}px ${space.s}px;
+  padding: ${space.s12}px ${space.s6}px ${space.s4}px ${space.s6}px;
   position: sticky;
   top: 0;
 
   display: flex;
   align-items: center;
-  gap: ${space.xs}px;
+  gap: ${space.s4}px;
 
   z-index: 1;
 `;

package/src/emoji-picker/primitives/emoji.tsx

@@ -1,5 +1,5 @@
 import {FC} from "react";
-import {EmojiItem, EmojiSkin} from "@fibery/emoji-data";
+import {EmojiItem, EmojiSkin, NativeEmoji} from "@fibery/emoji-data";
 import {css, cx} from "@linaria/core";
 import {themeVars} from "../../design-system";
 import {useEmojiDataStoreSelector} from "../stores/emoji-data-store";
@@ -22,11 +22,13 @@ const emojiInlineImgCss = css`
   height: 1em;
   vertical-align: -0.1em;
   object-fit: contain;
+  overflow: hidden;
 `;
 const emojiSizedImgCss = css`
   width: 100%;
   height: 100%;
   object-fit: contain;
+  overflow: hidden;
 `;
 
 // This is needed to keep text-selection working for image based emojis Details: https://the.fibery.io/SoftDev/bug/Improve-selection-text-with-emojis-8963
@@ -43,9 +45,25 @@ export type EmojiProps = {
   /** render emoji as native unicode if possible */
   native?: boolean;
   fallback?: "shortcode" | "hidden";
+  showTitle?: boolean;
 };
 
-export const Emoji: FC<EmojiProps> = ({emoji: idOrColons, size, version = 14, fallback = "hidden", skin, native}) => {
+function getTitle(emoji: EmojiItem) {
+  if ((emoji as NativeEmoji).native) {
+    return emoji.colons;
+  }
+  return `:${emoji.name}:`;
+}
+
+export const Emoji: FC<EmojiProps> = ({
+  emoji: idOrColons,
+  size,
+  version = 14,
+  fallback = "hidden",
+  skin,
+  native,
+  showTitle = false,
+}) => {
   const emoji = useEmojiDataStoreSelector((store) => store.get(idOrColons, {skin}));
 
   if (!emoji) {
@@ -85,7 +103,12 @@ export const Emoji: FC<EmojiProps> = ({emoji: idOrColons, size, version = 14, fa
   const style = size ? {fontSize: size, width: size, height: size} : {};
 
   return (
-    <span style={style} className={cx(emojiWrapperCss, size && emojiWrapperSizedCss)} aria-label={emoji.name}>
+    <span
+      style={style}
+      title={showTitle ? getTitle(emoji) : undefined}
+      className={cx(emojiWrapperCss, size && emojiWrapperSizedCss)}
+      aria-label={emoji.name}
+    >
       {emojiNode}
     </span>
   );

package/src/emoji-picker/primitives/footer.tsx

@@ -4,7 +4,7 @@ import {space} from "../../design-system";
 const footerCss = css`
   position: relative;
   border-top: 1px solid var(--fibery-color-separatorColor);
-  padding: ${space.m}px ${space.l}px;
+  padding: ${space.s8}px ${space.s12}px;
   min-height: 40px;
 `;
 

package/src/emoji-picker/primitives/header.tsx

@@ -3,7 +3,7 @@ import {space} from "../../design-system";
 import {contentHorizontalPadding} from "./layout";
 
 const pickerHeader = css`
-  padding: ${space.s}px ${contentHorizontalPadding}px;
+  padding: ${space.s6}px ${contentHorizontalPadding}px;
   position: relative;
 `;
 export const EmojiPickerHeader: React.FC<React.PropsWithChildren> = ({children}) => {

package/src/emoji-picker/primitives/layout.ts

@@ -1,5 +1,5 @@
 import {space} from "../../design-system";
 
-export const emojiPadding = space.s;
+export const emojiPadding = space.s6;
 
-export const contentHorizontalPadding = space.l;
+export const contentHorizontalPadding = space.s12;

package/src/emoji-picker/primitives/search.tsx

@@ -22,8 +22,8 @@ const searchCss = css`
 
   display: flex;
   align-items: center;
-  padding-left: ${space.l}px;
-  gap: ${space.xxs}px;
+  padding-left: ${space.s12}px;
+  gap: ${space.s2}px;
 
   /* For screenreaders only, via https://stackoverflow.com/a/19758620 */
   & .sr-only {
@@ -56,13 +56,13 @@ const searchInputCss = css`
 `;
 
 const searchIconCss = css`
-  padding: ${space.xxs}px;
+  padding: ${space.s2}px;
 `;
 
 const extraActionSlotCss = css`
   background-color: var(--fibery-emoji-hover-color, ${themeVars.inputCopyBgColor});
-  border-top-right-radius: ${space.s}px;
-  border-bottom-right-radius: ${space.s}px;
+  border-top-right-radius: ${space.s6}px;
+  border-bottom-right-radius: ${space.s6}px;
 `;
 
 export type EmojiPickerSearchProps = {

package/src/error-alert.tsx

@@ -6,11 +6,11 @@ import {useTheme} from "./theme-provider";
 
 const errorAlert = css`
   background-color: ${themeVars.errorBgColor};
-  padding: ${space.m}px ${space.l}px;
+  padding: ${space.s8}px ${space.s12}px;
   min-height: ${layout.itemHeight}px;
   border-radius: ${border.radius6}px;
   display: flex;
-  gap: ${space.s}px;
+  gap: ${space.s6}px;
   align-items: center;
 `;
 
@@ -31,7 +31,7 @@ export function ErrorAlert({
   onClose,
 }: {
   message: string;
-  description?: string;
+  description?: React.ReactNode;
   closable?: boolean;
   onClose?: () => void;
 }): JSX.Element {

package/src/form-field-loader.tsx

@@ -5,9 +5,9 @@ import {space, border, themeVars} from "./design-system";
 
 const loaderStyle = css`
   border-radius: ${border.radius6}px;
-  padding-top: ${space.m}px;
-  padding-bottom: ${space.m}px;
-  padding-left: ${space.l}px;
+  padding-top: ${space.s8}px;
+  padding-bottom: ${space.s8}px;
+  padding-left: ${space.s12}px;
   padding-right: 0;
   box-sizing: border-box;
   border: none;

package/src/icons/ast/AlertTriangle.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const AlertTriangle: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M18.892 14.558 12.183 2.892a2.5 2.5 0 0 0-4.366 0L1.15 14.558a2.5 2.5 0 0 0 2.133 3.775h13.434a2.5 2.5 0 0 0 2.175-3.775ZM10 6.667a.833.833 0 0 0-.833.833v3.333a.833.833 0 0 0 1.666 0V7.5A.834.834 0 0 0 10 6.667Zm-.463 6.807a.833.833 0 1 1 .926 1.385.833.833 0 0 1-.926-1.385Z"},"children":[]}],"metadata":""}]},"name":"alert-triangle"};
+
+export default AlertTriangle;

package/src/icons/ast/DragBlockHandleSingle.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const DragBlockHandleSingle: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 2 10"},"children":[{"type":"element","tagName":"circle","properties":{"r":1,"cx":1,"cy":1},"children":[]},{"type":"element","tagName":"circle","properties":{"r":1,"cx":1,"cy":5},"children":[]},{"type":"element","tagName":"circle","properties":{"r":1,"cx":1,"cy":9},"children":[]}],"metadata":""}]},"name":"drag-block-handle-single"};
+
+export default DragBlockHandleSingle;

package/src/icons/ast/Eye.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const Eye: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M2.839 10a7.587 7.587 0 0 0 14.323 0A7.587 7.587 0 0 0 2.84 10Zm-1.506-.225a9.087 9.087 0 0 1 17.335 0 .75.75 0 0 1 0 .45 9.087 9.087 0 0 1-17.335 0 .75.75 0 0 1 0-.45ZM10 8.25a1.75 1.75 0 1 0 0 3.5 1.75 1.75 0 0 0 0-3.5ZM6.75 10a3.25 3.25 0 1 1 6.5 0 3.25 3.25 0 0 1-6.5 0Z"},"children":[]}],"metadata":""}]},"name":"eye"};
+
+export default Eye;

package/src/icons/ast/NetworkAdd.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const NetworkAdd: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20","fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"clipRule":"evenodd","d":"M7 4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-.25v1.25h2.583a.75.75 0 0 1 0 1.5H6.667a.917.917 0 0 0-.917.917V12H6a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h.25v-.333A2.417 2.417 0 0 1 6.667 9.25H9.25V8H9a2 2 0 0 1-2-2V4Zm2-.5a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5V4a.5.5 0 0 0-.5-.5H9Zm-5 10a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5H4Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M15 12a.75.75 0 0 1 .75.75v1.5h1.5a.75.75 0 0 1 0 1.5h-1.5v1.5a.75.75 0 0 1-1.5 0v-1.5h-1.5a.75.75 0 0 1 0-1.5h1.5v-1.5A.75.75 0 0 1 15 12Z"},"children":[]}],"metadata":""}]},"name":"network-add"};
+
+export default NetworkAdd;

package/src/icons/ast/RemovePeople.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const RemovePeople: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M8.502 10.7c1.27 0 2.629.198 3.784.747 1.174.557 2.155 1.489 2.565 2.92.18.63.172 1.405.136 1.96C14.92 17.33 14.067 18 13.152 18H3.85c-.915 0-1.77-.67-1.835-1.672-.036-.556-.045-1.33.136-1.961.41-1.431 1.392-2.363 2.566-2.92 1.156-.549 2.515-.747 3.785-.747Zm3.14 2.102c.87.412 1.499 1.043 1.767 1.978.105.367.115.921.081 1.45-.008.126-.123.27-.338.27H3.85c-.215 0-.33-.144-.338-.27-.034-.529-.024-1.084.081-1.45.268-.935.898-1.565 1.768-1.978.887-.421 2.005-.602 3.141-.602 1.137 0 2.253.18 3.14.602ZM8.5 2a3.65 3.65 0 1 1 0 7.3 3.65 3.65 0 0 1 0-7.3Zm0 1.5a2.15 2.15 0 1 1 0 4.3 2.15 2.15 0 0 1 0-4.3Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M18.25 8.75h-4.5a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5Z"},"children":[]}],"metadata":""}]},"name":"remove-people"};
+
+export default RemovePeople;

package/src/icons/ast/RicheditorMarkTextBackgroundColor.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const RicheditorMarkTextBackgroundColor: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"g","properties":{},"children":[{"type":"element","tagName":"path","properties":{"d":"m5.07 16.9.898-.625h2.418c.643 0 1.197-.177 1.66-.607.15-.14.135-.377-.012-.522L5.23 10.438c-.156-.153-.408-.154-.535.023-.34.476-.509 1.087-.509 1.698v2.37l-.89.873c-.382.39-.17.154-.597.624 1.517.595 2.37.874 2.37.874ZM10.653 14.177c.255.25.51.25.764 0l5.997-7.786a1.474 1.474 0 0 0 0-1.746l-1.909-1.87a1.247 1.247 0 0 0-1.781 0l-7.61 6.313c-.255.249-.255.498 0 .748l4.54 4.341Z"},"children":[]}]}],"metadata":""}]},"name":"richeditor-mark-text-background-color"};
+
+export default RicheditorMarkTextBackgroundColor;

package/src/icons/ast/index.tsx

@@ -9,6 +9,7 @@ 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 AlertTriangle } from './AlertTriangle';
 export { default as AntdFilledCheckCircle } from './AntdFilledCheckCircle';
 export { default as AntdFilledCloseCircle } from './AntdFilledCloseCircle';
 export { default as AntdFilledExclamationCircle } from './AntdFilledExclamationCircle';
@@ -58,6 +59,7 @@ export { default as Delete } from './Delete';
 export { default as Demo } from './Demo';
 export { default as DoubleArrowLeft } from './DoubleArrowLeft';
 export { default as DoubleArrowRight } from './DoubleArrowRight';
+export { default as DragBlockHandleSingle } from './DragBlockHandleSingle';
 export { default as DragBlockHandle } from './DragBlockHandle';
 export { default as DragHandle } from './DragHandle';
 export { default as DynamicFilterValue } from './DynamicFilterValue';
@@ -70,6 +72,7 @@ export { default as ExtensionComments } from './ExtensionComments';
 export { default as ExtensionFiles } from './ExtensionFiles';
 export { default as ExtensionReferences } from './ExtensionReferences';
 export { default as ExtensionWorkflow } from './ExtensionWorkflow';
+export { default as Eye } from './Eye';
 export { default as FavoritesChecked } from './FavoritesChecked';
 export { default as FavoritesOff } from './FavoritesOff';
 export { default as Favorites } from './Favorites';
@@ -114,6 +117,7 @@ export { default as Monitor } from './Monitor';
 export { default as MoreCompact } from './MoreCompact';
 export { default as More } from './More';
 export { default as MySpace } from './MySpace';
+export { default as NetworkAdd } from './NetworkAdd';
 export { default as Network } from './Network';
 export { default as Notifications } from './Notifications';
 export { default as ObjChild } from './ObjChild';
@@ -130,6 +134,7 @@ export { default as People } from './People';
 export { default as Photo } from './Photo';
 export { default as Popup } from './Popup';
 export { default as Posts } from './Posts';
+export { default as RemovePeople } from './RemovePeople';
 export { default as Remove } from './Remove';
 export { default as Reply } from './Reply';
 export { default as Restore } from './Restore';
@@ -167,9 +172,9 @@ export { default as RicheditorListOrdered } from './RicheditorListOrdered';
 export { default as RicheditorListUnindent } from './RicheditorListUnindent';
 export { default as RicheditorMarkCode } from './RicheditorMarkCode';
 export { default as RicheditorMarkEm } from './RicheditorMarkEm';
-export { default as RicheditorMarkHighlight } from './RicheditorMarkHighlight';
 export { default as RicheditorMarkStrike } from './RicheditorMarkStrike';
 export { default as RicheditorMarkStrong } from './RicheditorMarkStrong';
+export { default as RicheditorMarkTextBackgroundColor } from './RicheditorMarkTextBackgroundColor';
 export { default as RicheditorMarkUnderline } from './RicheditorMarkUnderline';
 export { default as RicheditorOpenLink } from './RicheditorOpenLink';
 export { default as RicheditorTableCreate } from './RicheditorTableCreate';

package/src/icons/react/AlertTriangle.tsx

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

package/src/icons/react/DragBlockHandleSingle.tsx

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

package/src/icons/react/Eye.tsx

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

package/src/icons/react/NetworkAdd.tsx

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

package/src/icons/react/RemovePeople.tsx

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