@fibery/ui-kit 1.37.0 → 1.38.1

package/src/file-item.tsx

@@ -1,10 +1,17 @@
 import {css, cx} from "@linaria/core";
-import {PureComponent} from "react";
+import {PureComponent, useEffect, useState} from "react";
 import {ActionsMenu, ActionsMenuItem} from "./actions-menu";
 import {ActionsButtonCompact} from "./button/actions-button-compact";
 import {Item} from "./item";
 import {border, colors, fontWeight, space, textStyles, themeVars} from "./design-system";
 import {makeButtonColors} from "./button/make-button-colors";
+import {IconButton} from "./button/icon-button";
+import ZoomIn from "./icons/react/RicheditorImageZoom";
+import {Tooltip} from "./tooltip";
+import {Zoom} from "./images-gallery/zoom";
+import {useImagesGalleryMethods, useImagesGalleryRegistry} from "./images-gallery/images-gallery";
+import FileDownload from "./icons/react/FileDownload";
+import RicheditorOpenLink from "./icons/react/RicheditorOpenLink";
 
 const fileItemStyle = css`
   ${{
@@ -50,7 +57,7 @@ const imageOverlayStyle = css`
     borderRadius: border.radius6,
     "&:hover": {
       backgroundPosition: "0% 0%",
-      color: colors.inversedTextColor,
+      color: themeVars.inversedTextColor,
     },
   }}
 `;
@@ -62,18 +69,100 @@ const fileOverlayStyle = css`
 `;
 
 export type FileItemType = {
+  uid: string;
   name: string;
   url: string;
   thumbnailUrl: string | null;
+  previewData: null | {
+    type: "image" | "video" | "iframe";
+    previewSrc: string | null;
+    originalSrc: string;
+  };
+  downloadUrl?: string | null;
   status?: string;
 };
 
 export type FileItemProps = {
   data: FileItemType;
-  onRemoveClick: (x: FileItemType) => void;
+  onRemoveClick?: (x: FileItemType) => void;
   disabled?: boolean;
+  onRenameClick?: (p: {id: string; name: string}) => void;
 };
 
+function PreviewEntry({
+  preview,
+  actions,
+}: {
+  preview: {type: "image" | "video" | "iframe"; originalSrc: string; previewSrc: string | null};
+  actions: React.ReactNode;
+}) {
+  const [zoomed, setZoomed] = useState(false);
+  const imagesRegistry = useImagesGalleryRegistry();
+  const galleryMethods = useImagesGalleryMethods();
+
+  useEffect(() => {
+    imagesRegistry.set(preview.originalSrc, {
+      type: preview.type,
+      src: preview.originalSrc,
+      zoomed: false,
+      setZoomed,
+      actions,
+    });
+  }, [imagesRegistry, preview, actions]);
+  useEffect(() => {
+    if (zoomed) {
+      galleryMethods.setActivated(true);
+    }
+    const imageData = imagesRegistry.get(preview.originalSrc);
+    if (imageData) {
+      imageData.zoomed = zoomed;
+    } else {
+      imagesRegistry.set(preview.originalSrc, {
+        type: preview.type,
+        src: preview.originalSrc,
+        zoomed,
+        setZoomed,
+        actions,
+      });
+    }
+  }, [galleryMethods, zoomed, preview, imagesRegistry, actions]);
+  return (
+    <div
+      className={css`
+        position: relative;
+      `}
+    >
+      <Zoom
+        zoomImg={preview.previewSrc ? {src: preview.previewSrc} : undefined}
+        openOnClick={true}
+        className={css`
+          position: absolute;
+          outline: none;
+          bottom: 0;
+          top: 0;
+          left: 0;
+          right: 0;
+          cursor: zoom-in;
+        `}
+        zoomed={zoomed}
+        onZoomedChange={setZoomed}
+      >
+        <div role="img" style={{backgroundImage: `url(${preview.previewSrc})`, outline: "none"}} />
+      </Zoom>
+      <Tooltip title={"Zoom in"}>
+        <IconButton
+          style={makeButtonColors(colors.inversedTextColor, "ghost")}
+          onClick={() => setZoomed(true)}
+          size={"small"}
+          supportMobile={true}
+        >
+          <ZoomIn />
+        </IconButton>
+      </Tooltip>
+    </div>
+  );
+}
+
 export class FileItem extends PureComponent<FileItemProps> {
   _renderStatus() {
     const {status} = this.props.data;
@@ -91,61 +180,140 @@ export class FileItem extends PureComponent<FileItemProps> {
   }
 
   render() {
-    const {name, url, thumbnailUrl, status} = this.props.data;
-
+    const {name, url, thumbnailUrl, status, previewData} = this.props.data;
     const isActive = status === "uploading" || status === "deleting";
     const isBackgroundReady = thumbnailUrl && !isActive;
-
     return (
-      <a
-        href={url}
-        rel="noopener noreferrer nofollow"
-        target="_blank"
-        style={isBackgroundReady ? {backgroundImage: `url(${thumbnailUrl})`} : {}}
+      <div
         className={cx(
-          fileItemStyle,
-          isActive &&
+          css`
+            position: relative;
+            height: 100%;
+          `,
+          isBackgroundReady &&
             css`
-              ${{backgroundColor: themeVars.entityCardSelectedColor}}
+              &:hover .${overlayStyle} {
+                background-position: 0 0;
+                color: ${themeVars.inversedTextColor};
+              }
             `
         )}
       >
-        <div className={cx(overlayStyle, isBackgroundReady ? imageOverlayStyle : fileOverlayStyle)}>
-          <Item
-            multiline
-            textClassName={nameStyle}
-            rightContainer={
-              <ActionsMenu
-                trigger={
-                  <ActionsButtonCompact
-                    style={isBackgroundReady ? makeButtonColors(colors.inversedTextColor, "ghost") : undefined}
-                  />
-                }
-              >
-                <a download={name} href={url}>
-                  <ActionsMenuItem>Download</ActionsMenuItem>
-                </a>
-                <ActionsMenuItem
-                  onSelect={() => this.props.onRemoveClick(this.props.data)}
-                  dangerous
-                  disabled={this.props.disabled}
-                >
-                  Delete
-                </ActionsMenuItem>
-              </ActionsMenu>
+        {/* eslint-disable-next-line jsx-a11y/anchor-has-content */}
+        <a
+          href={url}
+          className={css`
+            &::before {
+              bottom: 0;
+              content: "";
+              display: block;
+              left: 0;
+              position: absolute;
+              right: 0;
+              top: 0;
             }
-          >
-            <div
-              className={css`
-                ${fontWeight}
-              `}
+          `}
+          rel="noopener noreferrer nofollow"
+          target="_blank"
+        />
+        <div
+          style={isBackgroundReady ? {backgroundImage: `url(${thumbnailUrl})`} : {}}
+          className={cx(
+            fileItemStyle,
+            isActive &&
+              css`
+                ${{backgroundColor: themeVars.entityCardSelectedColor}}
+              `
+          )}
+        >
+          <div className={cx(overlayStyle, isBackgroundReady ? imageOverlayStyle : fileOverlayStyle)}>
+            <Item
+              multiline
+              textClassName={nameStyle}
+              rightContainer={
+                <div
+                  className={css`
+                    display: flex;
+                    align-items: center;
+                    gap: ${space.s4}px;
+                  `}
+                >
+                  {previewData ? (
+                    <PreviewEntry
+                      preview={previewData}
+                      actions={
+                        <>
+                          <a href={url} target="_blank" rel="noopener noreferrer">
+                            <ActionsMenuItem Icon={RicheditorOpenLink}>Open in new tab</ActionsMenuItem>
+                          </a>
+                          <a download={name} href={`${url}/attachment`}>
+                            <ActionsMenuItem Icon={FileDownload}>Download</ActionsMenuItem>
+                          </a>
+                        </>
+                      }
+                    />
+                  ) : null}
+                  <ActionsMenu
+                    trigger={
+                      <ActionsButtonCompact
+                        className={css`
+                          z-index: 1;
+                        `}
+                        style={isBackgroundReady ? makeButtonColors(colors.inversedTextColor, "ghost") : undefined}
+                      />
+                    }
+                  >
+                    <a download={name} href={this.props.data.downloadUrl ?? url}>
+                      <ActionsMenuItem>Download</ActionsMenuItem>
+                    </a>
+                    {this.props.onRenameClick && status === "done" ? (
+                      <ActionsMenuItem
+                        onSelect={() =>
+                          this.props.onRenameClick?.({id: this.props.data.uid, name: this.props.data.name})
+                        }
+                      >
+                        Rename
+                      </ActionsMenuItem>
+                    ) : null}
+                    <ActionsMenuItem
+                      onSelect={() => this.props.onRemoveClick?.(this.props.data)}
+                      dangerous
+                      disabled={this.props.disabled}
+                    >
+                      Delete
+                    </ActionsMenuItem>
+                  </ActionsMenu>
+                </div>
+              }
             >
-              {this._renderStatus()}
-            </div>
-            {name}
-          </Item>
+              <div
+                className={css`
+                  ${fontWeight}
+                `}
+              >
+                {this._renderStatus()}
+              </div>
+              <a
+                className={css`
+                  position: relative;
+                  z-index: 1;
+                  color: inherit;
+                  text-decoration: none;
+                  &:hover {
+                    text-decoration: none;
+                    color: inherit;
+                  }
+                `}
+                href={url}
+                target={"_blank"}
+                rel="noreferrer"
+              >
+                {name}
+              </a>
+            </Item>
+          </div>
         </div>
-      </a>
+      </div>
     );
   }
 }

package/src/header-layout.tsx

@@ -1,14 +1,22 @@
 import {css} from "@linaria/core";
 import {ReactNode} from "react";
 import {space, textStyles, themeVars} from "./design-system";
+import {mobileRootSelector} from "./mobile-styles";
 
 const containerStyle = css`
   padding: ${space.s8}px;
+  display: flex;
+  align-items: center;
   border-bottom: 1px solid ${themeVars.separatorColor};
+  ${mobileRootSelector} & {
+    padding: ${space.s12}px;
+    min-height: ${space.s60}px;
+  }
 `;
 
 const topGridCompactStyle = css`
   ${textStyles.regular}
+  width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -22,6 +30,9 @@ export function HeaderLayout({actions, children}: {actions?: ReactNode; children
           className={css`
             ${textStyles.heading4}
             position: relative;
+            ${mobileRootSelector} & {
+              ${textStyles.heading3}
+            }
           `}
         >
           {children}

package/src/html-styles.ts

@@ -3,6 +3,7 @@ import {css} from "@linaria/core";
 import {
   border,
   fontFamily,
+  fontSize,
   fontWeight,
   lineHeight,
   space,
@@ -11,6 +12,7 @@ import {
   transition,
   typeSizes,
 } from "./design-system";
+import {mobileRootSelector} from "./mobile-styles";
 
 export const linkStyles = {
   color: themeVars.linkColor,
@@ -226,9 +228,13 @@ const htmlStyles = {
   },
   "& > *:first-child": {
     marginTop: 0,
+    paddingTop: space.s3,
+    paddingBottom: space.s3,
   },
   "& > *:last-child": {
     marginBottom: 0,
+    paddingTop: space.s3,
+    paddingBottom: space.s3,
   },
   "& > .fibery-rich-text-image-block:last-child": {
     marginBottom: space.s4,
@@ -248,7 +254,10 @@ const htmlStyles = {
  Used in comments and view descriptions
  */
 const smallHtmlStyles = {
-  fontSize: typeSizes[4],
+  fontSize: fontSize.xs,
+  [`${mobileRootSelector} &`]: {
+    fontSize: fontSize.md,
+  },
   "& h1": {
     fontFamily,
     fontSize: 24,
@@ -433,9 +442,13 @@ const smallHtmlStyles = {
   },
   "& > *:first-child": {
     marginTop: 0,
+    paddingTop: space.s2,
+    paddingBottom: space.s2,
   },
   "& > *:last-child": {
     marginBottom: 0,
+    paddingTop: space.s2,
+    paddingBottom: space.s2,
   },
   "& > .fibery-rich-text-image-block:last-child": {
     marginBottom: space.s2,
@@ -445,11 +458,12 @@ const smallHtmlStyles = {
 /*
  Used in chat
  */
-/*
- Used in chat
- */
+
 const chatHtmlStyles = {
   fontSize: typeSizes[4],
+  [`${mobileRootSelector} &`]: {
+    fontSize: typeSizes[3],
+  },
   "& h1": {
     fontFamily,
     fontSize: 20,
@@ -541,6 +555,9 @@ const chatHtmlStyles = {
     paddingBottom: space.s2,
     ...textStyles.regular,
     lineHeight: lineHeight.text,
+    [`${mobileRootSelector} &`]: {
+      ...textStyles.big,
+    },
   },
   "& .fibery-rich-text-check-item": {
     marginTop: space.s2,

package/src/icons/ast/ActivityFilled.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const ActivityFilled: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M12.4 16.5c.192 0 .288 0 .355.05.053.04.094.117.099.183.005.084-.041.155-.134.296a3.247 3.247 0 0 1-5.439 0c-.092-.141-.139-.212-.133-.296a.273.273 0 0 1 .098-.183c.067-.05.163-.05.355-.05h4.8ZM10 2c1.51 0 2.966.559 4.048 1.568 1.083 1.012 1.702 2.395 1.702 3.849 0 2.105.529 3.55 1.117 4.514.273.445.484.761.641.995l.065.097c.076.114.153.23.21.332.028.05.064.12.092.2a.898.898 0 0 1 .052.38c-.01.105-.031.287-.135.473a1.151 1.151 0 0 1-.335.365.94.94 0 0 1-.299.145 1.501 1.501 0 0 1-.205.042c-.12.017-.259.025-.404.03-.28.01-.669.01-1.155.01H4.607c-.487 0-.875 0-1.156-.01a4.065 4.065 0 0 1-.404-.03 1.498 1.498 0 0 1-.205-.042.942.942 0 0 1-.299-.145 1.151 1.151 0 0 1-.335-.365 1.157 1.157 0 0 1-.135-.473.895.895 0 0 1 .053-.38c.029-.08.064-.15.093-.2.056-.101.133-.218.209-.332l.065-.097c.157-.234.368-.55.64-.995.589-.964 1.117-2.409 1.117-4.514 0-1.454.62-2.837 1.703-3.849C7.035 2.56 8.491 2 10 2Z"},"children":[]}],"metadata":""}]},"name":"activity-filled"};
+
+export default ActivityFilled;

package/src/icons/ast/AiAssistantFilled.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const AiAssistantFilled: 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":"M3.374.262a.398.398 0 0 0-.75.006l-.548 1.607a.317.317 0 0 1-.207.2l-1.59.493a.395.395 0 0 0-.006.754l1.595.524a.317.317 0 0 1 .202.202l.552 1.68c.119.36.629.364.753.006l.587-1.69a.317.317 0 0 1 .199-.197l1.568-.526a.395.395 0 0 0-.006-.752l-1.564-.494a.317.317 0 0 1-.203-.195L3.374.262Zm-.562 14.956a.332.332 0 0 0-.626.006l-.456 1.338a.264.264 0 0 1-.172.168l-1.325.41a.33.33 0 0 0-.006.628l1.33.437c.08.027.142.089.168.169l.46 1.399c.099.3.524.304.628.005l.488-1.409a.264.264 0 0 1 .166-.163l1.308-.439a.33.33 0 0 0-.006-.626l-1.303-.412a.264.264 0 0 1-.17-.162l-.484-1.349Zm9.183-12.814c-.336-.936-1.663-.924-1.983.017l-1.47 4.33a1.2 1.2 0 0 1-.78.76L3.506 8.835c-.975.304-.986 1.68-.017 2l4.273 1.41a1.2 1.2 0 0 1 .764.767l1.482 4.53c.314.957 1.662.968 1.99.017l1.578-4.566a1.2 1.2 0 0 1 .752-.745l4.202-1.415c.963-.324.95-1.689-.017-1.996L14.326 7.51a1.2 1.2 0 0 1-.766-.74l-1.565-4.365Z"},"children":[]}],"metadata":""}]},"name":"ai-assistant-filled"};
+
+export default AiAssistantFilled;

package/src/icons/ast/Back.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const Back: 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":"M9.546 15.584a.8.8 0 0 1-1.13-.037l-5-5.343a.8.8 0 0 1 .01-1.104l5-5.157a.8.8 0 0 1 1.148 1.114l-3.684 3.8H16a.8.8 0 0 1 0 1.6H5.844l3.74 3.996a.8.8 0 0 1-.038 1.131Z"},"children":[]}],"metadata":""}]},"name":"back"};
+const Back: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M7.47 5.22a.75.75 0 0 1 1.06 1.06L5.56 9.25h10.69a.75.75 0 0 1 0 1.5H5.56l2.97 2.97a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.748.748 0 0 1 0-1.06l4.25-4.25Z"},"children":[]}],"metadata":""}]},"name":"back"};
 
 export default Back;

package/src/icons/ast/CollapseAllHorizontal.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const CollapseAllHorizontal: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M3.381 13.119a.8.8 0 0 0 1.132 1.131l3.334-3.566a.8.8 0 0 0 0-1.131L4.513 5.987A.8.8 0 0 0 3.38 7.12l2.769 3-2.769 3Zm13.238-6a.8.8 0 1 0-1.132-1.132l-3.571 3.566a.8.8 0 0 0 0 1.131l3.571 3.566a.8.8 0 1 0 1.132-1.131l-3.006-3 3.006-3Z"},"children":[]}],"metadata":""}]},"name":"collapse-all-horizontal"};
+
+export default CollapseAllHorizontal;

package/src/icons/ast/DateRange.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const DateRange: 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":"M14 3.6h1.6A2.4 2.4 0 0 1 18 6v9.6a2.4 2.4 0 0 1-2.4 2.4H4.4A2.4 2.4 0 0 1 2 15.6V6a2.4 2.4 0 0 1 2.4-2.4H6v-.8a.8.8 0 0 1 1.6 0v.8h4.8v-.8a.8.8 0 0 1 1.6 0v.8Zm2.166 12.566a.8.8 0 0 0 .234-.566V6a.8.8 0 0 0-.8-.8H14V6a.8.8 0 0 1-1.6 0v-.8H7.6V6A.8.8 0 0 1 6 6v-.8H4.4a.8.8 0 0 0-.8.8v9.6a.8.8 0 0 0 .8.8h11.2a.8.8 0 0 0 .566-.234ZM8.78 8.22a.75.75 0 0 1 0 1.06L7.56 10.5h4.88l-1.22-1.22a.75.75 0 0 1 1.06-1.06l2.5 2.5a.75.75 0 0 1 0 1.06l-2.5 2.5a.75.75 0 1 1-1.06-1.06L12.44 12H7.56l1.22 1.22a.75.75 0 1 1-1.06 1.06l-2.5-2.5a.75.75 0 0 1 0-1.06l2.5-2.5a.75.75 0 0 1 1.06 0Z"},"children":[]}],"metadata":""}]},"name":"date-range"};
+const DateRange: 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":"M15.6 3H14V1.804a.8.8 0 0 0-1.6 0V3H7.6V1.804a.8.8 0 0 0-1.6 0V3H4.4A2.4 2.4 0 0 0 2 5.4v9.2A2.4 2.4 0 0 0 4.4 17h11.2a2.4 2.4 0 0 0 2.4-2.4V5.4A2.4 2.4 0 0 0 15.6 3Zm.566 12.166a.8.8 0 0 0 .234-.566V5.4a.8.8 0 0 0-.8-.8H4.4a.8.8 0 0 0-.8.8v9.2a.8.8 0 0 0 .8.8h11.2a.8.8 0 0 0 .566-.234Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M8.78 8.08a.75.75 0 0 0-1.06-1.06l-2.5 2.5a.75.75 0 0 0 0 1.06l2.5 2.5a.75.75 0 0 0 1.06-1.06L7.56 10.8h4.88l-1.22 1.22a.75.75 0 1 0 1.06 1.06l2.5-2.5a.75.75 0 0 0 0-1.06l-2.5-2.5a.75.75 0 1 0-1.06 1.06l1.22 1.22H7.56l1.22-1.22Z"},"children":[]}],"metadata":""}]},"name":"date-range"};
 
 export default DateRange;

package/src/icons/ast/EntityCreateFilled.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const EntityCreateFilled: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M11.5 2a.75.75 0 0 1 .53 1.28L7.366 7.944A1.25 1.25 0 0 0 7 8.828v2.922c0 .69.56 1.25 1.25 1.25h2.922c.331 0 .65-.132.884-.366L16.72 7.97A.75.75 0 0 1 18 8.5v6.75A2.75 2.75 0 0 1 15.25 18H4.75A2.75 2.75 0 0 1 2 15.25V4.75A2.75 2.75 0 0 1 4.75 2h6.75Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M14.85 2.625a1.785 1.785 0 0 1 2.525 2.524l-.225.224-5.803 5.805a.752.752 0 0 1-.532.22H9.353a.75.75 0 0 1-.75-.75V9.184c0-.2.079-.39.22-.53l5.804-5.805.224-.225Z"},"children":[]}],"metadata":""}]},"name":"entity-create-filled"};
+
+export default EntityCreateFilled;

package/src/icons/ast/ExpandAllHorizontal.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const ExpandAllHorizontal: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M7.847 13.119a.8.8 0 0 1-1.131 1.131L3.38 10.684a.8.8 0 0 1 0-1.131l3.335-3.566A.8.8 0 0 1 7.847 7.12l-2.769 3 2.77 3Zm4.069-6a.8.8 0 1 1 1.131-1.132l3.572 3.566a.8.8 0 0 1 0 1.131l-3.572 3.566a.8.8 0 1 1-1.131-1.131l3.006-3-3.006-3Z"},"children":[]}],"metadata":""}]},"name":"expand-all-horizontal"};
+
+export default ExpandAllHorizontal;

package/src/icons/ast/ExtensionFiles.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const ExtensionFiles: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M16.824 9.897a.75.75 0 1 0-1.061-1.06l1.06 1.06Zm-6.657 5.596-.53-.53.53.53Zm-2.83 1.173v.75-.75Zm-4.003-4.003h-.75.75Zm1.173-2.83.53.53-.53-.53Zm6.126-6.126-.53-.53.53.53Zm1.887-.782v.75-.75Zm1.887 4.555.53.53-.53-.53Zm-6.134 6.127-.53-.53.53.53ZM6.387 11.72l-.53-.53.53.53Zm6.19-5.123a.75.75 0 0 0-1.06-1.06l1.06 1.06Zm3.186 2.24-6.127 6.126 1.061 1.06 6.127-6.126-1.061-1.06Zm-6.127 6.126c-.61.61-1.437.953-2.3.953v1.5c1.261 0 2.47-.501 3.361-1.392l-1.06-1.06Zm-2.3.953c-.862 0-1.69-.343-2.299-.953l-1.06 1.06a4.752 4.752 0 0 0 3.36 1.393v-1.5Zm-2.299-.953a3.252 3.252 0 0 1-.953-2.3h-1.5c0 1.26.501 2.47 1.392 3.36l1.061-1.06Zm-.953-2.3c0-.862.343-1.69.953-2.3l-1.06-1.06a4.752 4.752 0 0 0-1.393 3.36h1.5Zm.953-2.3 6.127-6.126-1.061-1.06-6.127 6.126 1.061 1.06Zm6.127-6.126c.36-.36.847-.562 1.356-.562v-1.5c-.906 0-1.776.36-2.417 1.001l1.06 1.061Zm1.356-.562c.509 0 .997.202 1.356.562l1.061-1.06a3.418 3.418 0 0 0-2.417-1.002v1.5Zm1.356.562c.36.36.562.848.562 1.356h1.5c0-.906-.36-1.776-1.001-2.417l-1.06 1.061Zm.562 1.356c0 .51-.202.997-.562 1.357l1.061 1.06a3.418 3.418 0 0 0 1.001-2.417h-1.5Zm-.561 1.356-6.134 6.127 1.06 1.061 6.134-6.126-1.06-1.062Zm-6.134 6.127a.584.584 0 0 1-.413.171v1.5c.553 0 1.083-.22 1.474-.61l-1.061-1.06Zm-.413.171a.584.584 0 0 1-.413-.17l-1.06 1.06c.39.39.92.61 1.473.61v-1.5Zm-.413-.17a.584.584 0 0 1-.171-.414h-1.5c0 .553.22 1.083.61 1.474l1.061-1.06Zm-.171-.414c0-.155.061-.303.171-.413l-1.06-1.06c-.392.39-.611.92-.611 1.473h1.5Zm.17-.412 5.66-5.654-1.06-1.06-5.66 5.653 1.06 1.06Z"},"children":[]}],"metadata":""}]},"name":"extension-files"};
+const ExtensionFiles: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M15.03 6.032c0-.695-.294-1.362-.817-1.854a2.886 2.886 0 0 0-1.974-.767c-.647 0-1.271.212-1.768.594l-.205.173-5.427 5.097c-.855.803-1.336 1.893-1.336 3.03 0 1.136.48 2.225 1.336 3.029a4.718 4.718 0 0 0 3.226 1.255l.226-.006a4.705 4.705 0 0 0 3-1.25l5.426-5.096a.786.786 0 0 1 1.063 0 .676.676 0 0 1 0 .998l-5.426 5.096c-1.067 1.002-2.49 1.592-3.988 1.662l-.3.007c-1.61 0-3.152-.6-4.29-1.669C2.64 15.263 2 13.815 2 12.304c0-1.51.64-2.959 1.777-4.027l5.426-5.096.155-.138A4.454 4.454 0 0 1 12.239 2a4.44 4.44 0 0 1 3.036 1.18 3.913 3.913 0 0 1 1.258 2.852l-.005.2a3.923 3.923 0 0 1-1.253 2.65L9.85 13.98a2.595 2.595 0 0 1-1.535.683l-.249.011c-.669 0-1.31-.25-1.783-.694a2.299 2.299 0 0 1-.74-1.675c0-.628.267-1.23.74-1.675l5.426-5.096a.787.787 0 0 1 1.062 0 .676.676 0 0 1 0 .998l-5.426 5.096a.93.93 0 0 0-.3.677.93.93 0 0 0 .3.678c.191.179.45.28.721.28l.101-.005a1.05 1.05 0 0 0 .62-.275l5.427-5.097c.458-.43.74-.994.804-1.594l.014-.26Z"},"children":[]}],"metadata":""}]},"name":"extension-files"};
 
 export default ExtensionFiles;

package/src/icons/ast/FileUpload.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const FileUpload: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 48 48"},"children":[{"type":"element","tagName":"path","properties":{"d":"M42 30v7.2c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C39.72 42 38.88 42 37.2 42H10.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C6 39.72 6 38.88 6 37.2V30M34 16 24 6 14 16M24 6v24","stroke":"#6E7A83","strokeWidth":3,"strokeLinecap":"round","strokeLinejoin":"round","fill":"none"},"children":[]}],"metadata":""}]},"name":"file-upload"};
+const FileUpload: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"m13.029 10.72-2.499-2.5a.75.75 0 0 0-1.06 0l-2.499 2.5a.75.75 0 0 0 1.06 1.06l1.22-1.22v3.94a.75.75 0 1 0 1.499 0v-3.94l1.219 1.22a.75.75 0 1 0 1.06-1.06Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M5.745 1.5a2.75 2.75 0 0 0-2.748 2.75v11.5a2.75 2.75 0 0 0 2.748 2.75h8.503a2.75 2.75 0 0 0 2.749-2.75V6.747c0-.2-.08-.39-.22-.531l-4.505-4.497a.75.75 0 0 0-.53-.219H5.745Zm-1.25 2.75c0-.69.56-1.25 1.25-1.25h5.248v2.913a1.584 1.584 0 0 0 1.582 1.584h2.922v8.253c0 .69-.56 1.25-1.25 1.25H5.746c-.69 0-1.25-.56-1.25-1.25V4.25Zm9.94 1.747-1.943-1.94v1.856a.083.083 0 0 0 .083.084h1.86Z"},"children":[]}],"metadata":""}]},"name":"file-upload"};
 
 export default FileUpload;

package/src/icons/ast/GlobeUnpublish.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const GlobeUnpublish: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M2.22 2.72a.75.75 0 0 1 1.06 0l14.5 14.5a.75.75 0 0 1-1.06 1.06l-1.71-1.709A7.84 7.84 0 0 1 10 18.375 7.875 7.875 0 0 1 3.928 5.488L2.22 3.78a.75.75 0 0 1 0-1.06Zm1.449 8.53a6.38 6.38 0 0 0 4.555 5.374c-1.32-1.854-1.947-3.674-2.102-5.374H3.669Zm9.314 3.294a12.63 12.63 0 0 1-1.207 2.08 6.353 6.353 0 0 0 2.17-1.118l-.963-.962ZM7.63 11.25c.174 1.605.855 3.377 2.37 5.23.865-1.058 1.457-2.091 1.839-3.08l-2.15-2.15H7.63ZM6.493 3.31a8.002 8.002 0 0 1 11.368 5.705 8.001 8.001 0 0 1-.576 4.79.75.75 0 1 1-1.365-.62 6.502 6.502 0 0 0-4.892-9.103 6.502 6.502 0 0 0-3.878.576.75.75 0 0 1-.657-1.348ZM4.994 6.555A6.342 6.342 0 0 0 3.67 9.75h2.436a9.593 9.593 0 0 1 .293-1.791L4.994 6.555Zm2.714 2.272c-.025.17-.084.747-.099.923h.954l-.855-.923Z"},"children":[]}],"metadata":""}]},"name":"globe-unpublish"};
+
+export default GlobeUnpublish;

package/src/icons/ast/HomeFilled.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const HomeFilled: 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":"M14.59 18.285a2.91 2.91 0 0 0 2.91-2.91V7.54c0-.5-.205-.976-.561-1.32l-.163-.138-5.669-4.309a1.829 1.829 0 0 0-2.088-.087l-.126.087-5.67 4.309A1.83 1.83 0 0 0 2.5 7.54v7.834a2.91 2.91 0 0 0 2.91 2.91h9.18Zm-1.195-5.706a.75.75 0 0 0-1.004-.052l-.057.052a3.301 3.301 0 0 1-4.544.117l-.123-.117-.056-.052a.75.75 0 0 0-1.056 1.056l.052.056.178.17a4.8 4.8 0 0 0 6.61-.17l.05-.056a.75.75 0 0 0-.05-1.004Z"},"children":[]}],"metadata":""}]},"name":"home-filled"};
+
+export default HomeFilled;

package/src/icons/ast/KeyboardHideDown.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const KeyboardHideDown: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M12.02 16.09a.751.751 0 0 1 .96 1.152L10 19.727l-2.98-2.483a.75.75 0 0 1 .96-1.153L10 17.773zM5.008 9.25a.75.75 0 0 1 0 1.5H5a.75.75 0 0 1 0-1.5zM11.667 9.25a.75.75 0 0 1 0 1.5H8.334a.75.75 0 0 1 0-1.5zM15.008 9.25a.75.75 0 0 1 0 1.5H15a.75.75 0 0 1 0-1.5zM5.008 5.916a.75.75 0 0 1 0 1.5H5a.75.75 0 0 1 0-1.5zM8.342 5.916a.75.75 0 0 1 0 1.5h-.008a.75.75 0 0 1 0-1.5zM11.675 5.916a.75.75 0 0 1 0 1.5h-.008a.75.75 0 0 1 0-1.5zM15.008 5.916a.75.75 0 0 1 0 1.5H15a.75.75 0 0 1 0-1.5z"},"children":[]},{"type":"element","tagName":"path","properties":{"clipRule":"evenodd","d":"M16.667 2.583A2.417 2.417 0 0 1 19.084 5v6.666a2.417 2.417 0 0 1-2.417 2.417H3.334a2.417 2.417 0 0 1-2.417-2.417V5a2.417 2.417 0 0 1 2.417-2.417zm-13.333 1.5A.917.917 0 0 0 2.417 5v6.666c0 .507.41.917.917.917h13.333c.506 0 .917-.41.917-.917V5a.917.917 0 0 0-.917-.917z","fillRule":"evenodd"},"children":[]}],"metadata":""}]},"name":"keyboard-hide-down"};
+
+export default KeyboardHideDown;

package/src/icons/ast/LayoutMultiple.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const LayoutMultiple: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M12 4.256c0-1.362 1.37-2.205 2.446-1.504l2.77 1.804c.486.317.784.887.784 1.503v9.684c0 1.363-1.37 2.205-2.446 1.504L13 15.584v.16c0 1.362-1.37 2.204-2.446 1.503L8 15.584v.16c0 1.362-1.37 2.204-2.446 1.503l-2.77-1.802C2.298 15.128 2 14.557 2 13.94V4.256c0-1.362 1.37-2.205 2.446-1.504L7 4.415v-.159c0-1.362 1.37-2.205 2.446-1.504L12 4.415v-.159Zm-8.266-.215c-.153-.1-.35.02-.35.215v9.685c0 .088.043.17.112.215l2.77 1.803c.153.1.35-.02.35-.216V6.06a.256.256 0 0 0-.112-.215l-2.77-1.803Zm5 0c-.153-.1-.35.02-.35.215v9.685c0 .088.043.17.112.215l2.77 1.803c.153.1.35-.02.35-.216V6.06a.256.256 0 0 0-.112-.215l-2.77-1.803Zm5 0c-.153-.1-.35.02-.35.215v9.685c0 .088.043.17.112.215l2.77 1.803c.153.1.35-.02.35-.216V6.06a.256.256 0 0 0-.112-.215l-2.77-1.803Z"},"children":[]}],"metadata":""}]},"name":"layout-multiple"};
+
+export default LayoutMultiple;

package/src/icons/ast/RicheditorHistoryRedo.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const RicheditorHistoryRedo: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M15.05 11.225a7.717 7.717 0 0 0-10.833.058 7.743 7.743 0 0 0-1.667 2.45l-.1.267H.667a9.375 9.375 0 0 1 15.558-3.95L19 7.275V14h-6.725l2.775-2.775Z"},"children":[]}],"metadata":""}]},"name":"richeditor-history-redo"};
+const RicheditorHistoryRedo: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M4.64 11.348c0-2.403 1.623-4.06 4.272-4.06h3.474l1.342.058-.961-.797-1.33-1.301a.697.697 0 0 1-.234-.527c0-.416.293-.721.732-.721.193 0 .393.082.545.229l3.293 3.257a.784.784 0 0 1 0 1.107l-3.293 3.253a.805.805 0 0 1-.545.234c-.44 0-.732-.31-.732-.726 0-.229.093-.393.234-.528l1.33-1.3.96-.797-1.34.064H8.922c-1.775 0-2.8 1.037-2.8 2.52 0 1.476 1.025 2.542 2.8 2.542h1.389c.44 0 .762.34.762.756 0 .41-.323.75-.762.75H8.847c-2.607 0-4.207-1.582-4.207-4.013Z"},"children":[]}],"metadata":""}]},"name":"richeditor-history-redo"};
 
 export default RicheditorHistoryRedo;

package/src/icons/ast/RicheditorHistoryUndo.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const RicheditorHistoryUndo: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M4.95 11.225a7.717 7.717 0 0 1 10.833.058 7.741 7.741 0 0 1 1.667 2.45l.1.267h1.783a9.375 9.375 0 0 0-15.558-3.95L1 7.275V14h6.725L4.95 11.225Z"},"children":[]}],"metadata":""}]},"name":"richeditor-history-undo"};
+const RicheditorHistoryUndo: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M15.361 11.348c0-2.403-1.623-4.06-4.271-4.06H7.615l-1.342.058.961-.797 1.33-1.301a.697.697 0 0 0 .235-.527c0-.416-.293-.721-.733-.721a.799.799 0 0 0-.545.229L4.23 7.486a.784.784 0 0 0 0 1.107l3.292 3.253a.806.806 0 0 0 .545.234c.44 0 .733-.31.733-.726a.697.697 0 0 0-.235-.528l-1.33-1.3-.96-.797 1.341.064h3.463c1.776 0 2.8 1.037 2.8 2.52 0 1.476-1.024 2.542-2.8 2.542H9.69c-.439 0-.761.34-.761.756 0 .41.322.75.761.75h1.465c2.608 0 4.207-1.582 4.207-4.013Z"},"children":[]}],"metadata":""}]},"name":"richeditor-history-undo"};
 
 export default RicheditorHistoryUndo;

package/src/icons/ast/SearchFilled.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const SearchFilled: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M13.875 8.75a5.125 5.125 0 1 0-10.25 0 5.125 5.125 0 0 0 10.25 0Zm2.25 0c0 1.63-.531 3.137-1.427 4.357l3.598 3.597a1.126 1.126 0 0 1-1.592 1.592l-3.597-3.598a7.375 7.375 0 1 1 3.018-5.948Z"},"children":[]}],"metadata":""}]},"name":"search-filled"};
+
+export default SearchFilled;

package/src/icons/ast/SettingsFilled.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const SettingsFilled: 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":"M10.5 1.35a1.966 1.966 0 0 1 1.827 1.257l.427 1.102 1.316.758 1.187-.18a1.965 1.965 0 0 1 1.965.962l.002.004.483.847a1.968 1.968 0 0 1-.157 2.213l-.726.925v1.518l.748.928a1.966 1.966 0 0 1 .16 2.216l-.484.847-.002.004a1.966 1.966 0 0 1-1.965.963l-.012-.001-1.174-.18-1.317.758-.426 1.1a1.966 1.966 0 0 1-1.828 1.26H9.5a1.966 1.966 0 0 1-1.827-1.258l-.427-1.102-1.316-.758-1.187.18a1.965 1.965 0 0 1-1.965-.962l-.002-.004-.483-.847a1.968 1.968 0 0 1 .157-2.213l.726-.925V9.244l-.748-.928a1.966 1.966 0 0 1-.16-2.216l.486-.851a1.966 1.966 0 0 1 1.966-.963l.011.001 1.177.18 1.34-.76.425-1.099A1.97 1.97 0 0 1 9.5 1.35h1Zm-.5 5.9a2.75 2.75 0 1 0 0 5.5 2.75 2.75 0 0 0 0-5.5Z"},"children":[]}],"metadata":""}]},"name":"settings-filled"};
+
+export default SettingsFilled;