@fibery/ui-kit 1.18.0 → 1.20.0

package/src/icons/Icon.tsx

@@ -1,5 +1,5 @@
 import {css} from "@linaria/core";
-import {themeVars, iconSize as defaultIconSize, radius, viewBoxSize} from "../design-system";
+import {themeVars, iconSize as defaultIconSize, viewBoxSize, border} from "../design-system";
 import {generateIconFromAst} from "./generate-icon-from-ast";
 import {IconProps} from "./types";
 import {getShiftStyle} from "./get-shift-style";
@@ -8,7 +8,7 @@ import {forwardRef} from "react";
 
 const iconStyle = css`
   shape-rendering: geometricprecision;
-  border-radius: ${radius}px;
+  border-radius: ${border.radius4}px;
 `;
 
 export const Icon = forwardRef<HTMLSpanElement, IconProps>(function Icon(

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/BellRinging.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const BellRinging: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M5.226 1.95a.753.753 0 0 1-.385.992 2.259 2.259 0 0 0-1.338 1.87.753.753 0 0 1-1.5-.13 3.765 3.765 0 0 1 2.23-3.118.753.753 0 0 1 .993.385Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M5.953 3.569C7.034 2.559 8.49 2 10 2s2.966.559 4.047 1.569c1.084 1.01 1.703 2.394 1.703 3.848 0 2.105.528 3.55 1.117 4.514.272.445.483.76.64.994l.065.098c.077.114.154.23.21.331.028.052.064.122.093.202a.897.897 0 0 1 .051.38c-.009.104-.03.286-.134.472a1.149 1.149 0 0 1-.335.365.94.94 0 0 1-.299.145 1.497 1.497 0 0 1-.205.042 4.07 4.07 0 0 1-.404.03c-.28.01-.669.01-1.155.01H13.25v.25a3.25 3.25 0 0 1-6.5 0V15H4.606c-.486 0-.874 0-1.155-.01a4.068 4.068 0 0 1-.404-.03 1.495 1.495 0 0 1-.205-.042.939.939 0 0 1-.3-.145 1.15 1.15 0 0 1-.334-.365 1.155 1.155 0 0 1-.135-.473.897.897 0 0 1 .052-.38c.029-.08.065-.15.093-.2.056-.101.133-.218.21-.332l.065-.098c.156-.233.368-.549.64-.994.589-.964 1.117-2.409 1.117-4.514 0-1.454.62-2.837 1.703-3.848ZM8.25 15v.25a1.75 1.75 0 0 0 3.5 0V15h-3.5ZM10 3.5c-1.143 0-2.23.424-3.024 1.165-.792.74-1.226 1.73-1.226 2.752 0 2.371-.599 4.088-1.337 5.296-.196.32-.363.579-.5.786l.72.001h10.733c.283 0 .521 0 .72-.002a26.199 26.199 0 0 1-.499-.785c-.738-1.208-1.337-2.925-1.337-5.296 0-1.022-.434-2.013-1.226-2.752C12.23 3.925 11.144 3.5 10 3.5Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M15.159 2.942a.753.753 0 1 1 .608-1.378 3.764 3.764 0 0 1 2.23 3.118.753.753 0 0 1-1.5.13 2.258 2.258 0 0 0-1.338-1.87Z"},"children":[]}],"metadata":""}]},"name":"bell-ringing"};
+const BellRinging: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M18.78 3.72a.75.75 0 1 1-1.06 1.06l-2.5-2.5a.75.75 0 0 1 1.06-1.06l2.5 2.5ZM1.22 4.78a.75.75 0 0 1 0-1.06l2.5-2.5a.75.75 0 0 1 1.06 1.06l-2.5 2.5a.75.75 0 0 1-1.06 0Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M5.953 3.569C7.034 2.559 8.49 2 10 2s2.966.559 4.047 1.569c1.084 1.01 1.703 2.394 1.703 3.848 0 2.105.528 3.55 1.117 4.514.272.445.483.76.64.994l.065.098c.077.114.154.23.21.331.028.052.064.122.093.202a.897.897 0 0 1 .051.38c-.009.104-.03.286-.134.472a1.149 1.149 0 0 1-.335.365.94.94 0 0 1-.299.145 1.497 1.497 0 0 1-.205.042 4.07 4.07 0 0 1-.404.03c-.28.01-.669.01-1.155.01H13.25v.25a3.25 3.25 0 0 1-6.5 0V15H4.606c-.486 0-.874 0-1.155-.01a4.068 4.068 0 0 1-.404-.03 1.495 1.495 0 0 1-.205-.042.939.939 0 0 1-.3-.145 1.15 1.15 0 0 1-.334-.365 1.155 1.155 0 0 1-.135-.473.897.897 0 0 1 .052-.38c.029-.08.065-.15.093-.2.056-.101.133-.218.21-.332l.065-.098c.156-.233.368-.549.64-.994.589-.964 1.117-2.409 1.117-4.514 0-1.454.62-2.837 1.703-3.848ZM8.25 15v.25a1.75 1.75 0 0 0 3.5 0V15h-3.5ZM10 3.5c-1.143 0-2.23.424-3.024 1.165-.792.74-1.226 1.73-1.226 2.752 0 2.371-.599 4.088-1.337 5.296-.196.32-.363.579-.5.786l.72.001h10.733c.283 0 .521 0 .72-.002a26.199 26.199 0 0 1-.499-.785c-.738-1.208-1.337-2.925-1.337-5.296 0-1.022-.434-2.013-1.226-2.752C12.23 3.925 11.144 3.5 10 3.5Z"},"children":[]}],"metadata":""}]},"name":"bell-ringing"};
 
 export default BellRinging;

package/src/icons/ast/Clock.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const Clock: 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 10a8 8 0 1 1 16 0 8 8 0 0 1-16 0Zm8-6.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M10.75 6.375a.75.75 0 0 0-1.5 0V10c0 .199.079.39.22.53l2.265 2.266a.75.75 0 0 0 1.061-1.06L10.75 9.688V6.375Z"},"children":[]}],"metadata":""}]},"name":"clock"};
+
+export default Clock;

package/src/icons/ast/ClockAlarm.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const ClockAlarm: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M18.78 3.72a.75.75 0 1 1-1.06 1.06l-2.5-2.5a.75.75 0 0 1 1.06-1.06l2.5 2.5ZM1.22 4.78a.75.75 0 0 1 0-1.06l2.5-2.5a.75.75 0 0 1 1.06 1.06l-2.5 2.5a.75.75 0 0 1-1.06 0ZM10.75 6.375a.75.75 0 0 0-1.5 0V10c0 .199.079.39.22.53l2.265 2.266a.75.75 0 0 0 1.061-1.06L10.75 9.688V6.375Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M2 10a8 8 0 1 1 16 0 8 8 0 0 1-16 0Zm8-6.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13Z"},"children":[]}],"metadata":""}]},"name":"clock-alarm"};
+
+export default ClockAlarm;

package/src/icons/ast/Copy.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const Copy: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M7.5 9.25c0-.966.784-1.75 1.75-1.75h7c.966 0 1.75.784 1.75 1.75v7A1.75 1.75 0 0 1 16.25 18h-7a1.75 1.75 0 0 1-1.75-1.75v-7ZM9.25 9a.25.25 0 0 0-.25.25v7c0 .138.112.25.25.25h7a.25.25 0 0 0 .25-.25v-7a.25.25 0 0 0-.25-.25h-7Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M3.75 2A1.75 1.75 0 0 0 2 3.75v7c0 .966.784 1.75 1.75 1.75H6V11H3.75a.25.25 0 0 1-.25-.25v-7a.25.25 0 0 1 .25-.25h7a.25.25 0 0 1 .25.25V6h1.5V3.75A1.75 1.75 0 0 0 10.75 2h-7Z"},"children":[]}],"metadata":""}]},"name":"copy"};
+const Copy: 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":"M7.5 9.25c0-.966.784-1.75 1.75-1.75h7c.966 0 1.75.784 1.75 1.75v7A1.75 1.75 0 0 1 16.25 18h-7a1.75 1.75 0 0 1-1.75-1.75v-7ZM9.25 9a.25.25 0 0 0-.25.25v7c0 .138.112.25.25.25h7a.25.25 0 0 0 .25-.25v-7a.25.25 0 0 0-.25-.25h-7Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M3.75 2A1.75 1.75 0 0 0 2 3.75v7c0 .966.784 1.75 1.75 1.75H6V11H3.75a.25.25 0 0 1-.25-.25v-7a.25.25 0 0 1 .25-.25h7a.25.25 0 0 1 .25.25V6h1.5V3.75A1.75 1.75 0 0 0 10.75 2h-7Z"},"children":[]}],"metadata":""}]},"name":"copy"};
 
 export default Copy;

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/ExtensionComments.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const ExtensionComments: 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":"M13.435 17.5c.585 0 .932-.405.932-1.038V14.72h.289c2.087 0 3.344-1.23 3.344-3.348V5.848C18 3.737 16.78 2.5 14.605 2.5h-9.21C3.228 2.5 2 3.737 2 5.848v5.524c0 2.111 1.228 3.348 3.395 3.348h4.349l2.477 2.147c.499.434.802.633 1.214.633Zm-.354-1.592-2.29-2.226c-.31-.312-.52-.383-.96-.383H5.445c-1.351 0-2.009-.676-2.009-1.97V5.891c0-1.294.658-1.97 2.009-1.97h9.116c1.358 0 2 .676 2 1.97v5.438c0 1.294-.642 1.97-2 1.97h-.889c-.412 0-.592.163-.592.583v2.026Zm.13-9.13a.648.648 0 0 0-.652-.643H6.032a.648.648 0 0 0-.653.642c0 .355.293.642.653.642h6.527c.36 0 .652-.287.652-.642ZM9.948 8.703c.36 0 .653.288.653.642a.648.648 0 0 1-.653.643H6.032a.648.648 0 0 1-.653-.643c0-.354.293-.642.653-.642h3.916Z"},"children":[]}],"metadata":""}]},"name":"extension-comments"};
+const ExtensionComments: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M6 7.75A.75.75 0 0 1 6.75 7h6.5a.75.75 0 0 1 0 1.5h-6.5A.75.75 0 0 1 6 7.75ZM6.75 10a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5h-4.5Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M2 5.75A2.75 2.75 0 0 1 4.75 3h10.5A2.75 2.75 0 0 1 18 5.75v7.5A2.75 2.75 0 0 1 15.25 16h-.75v1.75a.75.75 0 0 1-1.13.646L9.296 16H4.75A2.75 2.75 0 0 1 2 13.25v-7.5ZM4.75 4.5c-.69 0-1.25.56-1.25 1.25v7.5c0 .69.56 1.25 1.25 1.25H9.5c.134 0 .265.036.38.104L13 16.439V15.25a.75.75 0 0 1 .75-.75h1.5c.69 0 1.25-.56 1.25-1.25v-7.5c0-.69-.56-1.25-1.25-1.25H4.75Z"},"children":[]}],"metadata":""}]},"name":"extension-comments"};
 
 export default ExtensionComments;

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/Monitor.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const Monitor: 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 4.5a2.25 2.25 0 0 1 2.25-2.25h11.5A2.25 2.25 0 0 1 18 4.5v8.25A2.25 2.25 0 0 1 15.75 15h-5v1.75h2.75a.75.75 0 0 1 0 1.5h-7a.75.75 0 0 1 0-1.5h2.75V15h-5A2.25 2.25 0 0 1 2 12.75V4.5Zm2.25-.75a.75.75 0 0 0-.75.75v8.25c0 .414.336.75.75.75h11.5a.75.75 0 0 0 .75-.75V4.5a.75.75 0 0 0-.75-.75H4.25Z"},"children":[]}],"metadata":""}]},"name":"monitor"};
+
+export default Monitor;

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/RicheditorCommentCreate.ts

@@ -3,6 +3,6 @@
 
 import { IconDefinition } from '../types';
 
-const RicheditorCommentCreate: 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.257 19.27c.672 0 1.07-.473 1.07-1.211v-2.034h.333c2.399 0 3.843-1.436 3.843-3.91v-6.45c0-2.465-1.403-3.91-3.901-3.91H5.018c-2.49 0-3.901 1.445-3.901 3.91v6.45c0 2.466 1.41 3.91 3.901 3.91h4.997l2.847 2.507c.573.506.922.738 1.395.738Zm-.407-1.859-2.631-2.598c-.357-.365-.598-.448-1.104-.448H5.076c-1.552 0-2.307-.789-2.307-2.3v-6.35c0-1.51.755-2.299 2.307-2.299h10.476c1.56 0 2.3.789 2.3 2.3v6.35c0 1.51-.74 2.299-2.3 2.299H14.53c-.473 0-.68.19-.68.68v2.366ZM14 6.75a.75.75 0 0 0-.75-.75h-7.5a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 .75-.75ZM10.25 9a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5h4.5Z"},"children":[]}],"metadata":""}]},"name":"richeditor-comment-create"};
+const RicheditorCommentCreate: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M6 7.75A.75.75 0 0 1 6.75 7h6.5a.75.75 0 0 1 0 1.5h-6.5A.75.75 0 0 1 6 7.75ZM6.75 10a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5h-4.5Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M2 5.75A2.75 2.75 0 0 1 4.75 3h10.5A2.75 2.75 0 0 1 18 5.75v7.5A2.75 2.75 0 0 1 15.25 16h-.75v1.75a.75.75 0 0 1-1.13.646L9.296 16H4.75A2.75 2.75 0 0 1 2 13.25v-7.5ZM4.75 4.5c-.69 0-1.25.56-1.25 1.25v7.5c0 .69.56 1.25 1.25 1.25H9.5c.134 0 .265.036.38.104L13 16.439V15.25a.75.75 0 0 1 .75-.75h1.5c.69 0 1.25-.56 1.25-1.25v-7.5c0-.69-.56-1.25-1.25-1.25H4.75Z"},"children":[]}],"metadata":""}]},"name":"richeditor-comment-create"};
 
 export default RicheditorCommentCreate;

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/Success.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const Success: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"fill":"none","viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"m12.267 7.325-3.575 3.583-1.375-1.375a.833.833 0 1 0-1.175 1.175L8.1 12.675a.834.834 0 0 0 1.175 0l4.167-4.167a.833.833 0 1 0-1.175-1.183ZM10 1.667a8.333 8.333 0 1 0 0 16.666 8.333 8.333 0 0 0 0-16.666Zm0 15a6.667 6.667 0 1 1 0-13.334 6.667 6.667 0 0 1 0 13.334Z"},"children":[]}],"metadata":""}]},"name":"success"};
+
+export default Success;

package/src/icons/ast/WarningTriangle.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const WarningTriangle: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"fill":"none","viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M10 13.333A.833.833 0 1 0 10 15a.833.833 0 0 0 0-1.666Zm8.892 1.225L12.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.775Zm-1.442 1.667a.832.832 0 0 1-.733.425H3.283a.832.832 0 0 1-.733-.425.833.833 0 0 1 0-.833L9.217 3.725a.833.833 0 0 1 1.483 0l6.708 11.667a.834.834 0 0 1 .042.85v-.017ZM10 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.667Z"},"children":[]}],"metadata":""}]},"name":"warning-triangle"};
+
+export default WarningTriangle;

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';
@@ -43,7 +44,9 @@ 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 ClockAlarm } from './ClockAlarm';
 export { default as ClockForward } from './ClockForward';
+export { default as Clock } from './Clock';
 export { default as Close } from './Close';
 export { default as ColorCodingFilled } from './ColorCodingFilled';
 export { default as ColorCoding } from './ColorCoding';
@@ -56,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';
@@ -68,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';
@@ -108,9 +113,11 @@ 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 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';
@@ -127,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';
@@ -164,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';
@@ -194,6 +202,7 @@ export { default as SortOnBottom } from './SortOnBottom';
 export { default as SortOnTop } from './SortOnTop';
 export { default as Sort } from './Sort';
 export { default as Spinner } from './Spinner';
+export { default as Success } from './Success';
 export { default as Templates } from './Templates';
 export { default as Terminal } from './Terminal';
 export { default as Twitter } from './Twitter';
@@ -234,5 +243,6 @@ export { default as ViewPage } from './ViewPage';
 export { default as ViewTable } from './ViewTable';
 export { default as ViewTimeline } from './ViewTimeline';
 export { default as Views } from './Views';
+export { default as WarningTriangle } from './WarningTriangle';
 export { default as Warning } from './Warning';
 export { default as Youtube } from './Youtube';

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/Clock.tsx

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

package/src/icons/react/ClockAlarm.tsx

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

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/Monitor.tsx

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

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;

package/src/icons/react/RicheditorMarkTextBackgroundColor.tsx

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

package/src/icons/react/Success.tsx

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

package/src/icons/react/WarningTriangle.tsx

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

package/src/icons/react/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';
@@ -43,7 +44,9 @@ 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 ClockAlarm } from './ClockAlarm';
 export { default as ClockForward } from './ClockForward';
+export { default as Clock } from './Clock';
 export { default as Close } from './Close';
 export { default as ColorCodingFilled } from './ColorCodingFilled';
 export { default as ColorCoding } from './ColorCoding';
@@ -56,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';
@@ -68,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';
@@ -108,9 +113,11 @@ 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 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';
@@ -127,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';
@@ -164,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';
@@ -194,6 +202,7 @@ export { default as SortOnBottom } from './SortOnBottom';
 export { default as SortOnTop } from './SortOnTop';
 export { default as Sort } from './Sort';
 export { default as Spinner } from './Spinner';
+export { default as Success } from './Success';
 export { default as Templates } from './Templates';
 export { default as Terminal } from './Terminal';
 export { default as Twitter } from './Twitter';
@@ -234,5 +243,6 @@ export { default as ViewPage } from './ViewPage';
 export { default as ViewTable } from './ViewTable';
 export { default as ViewTimeline } from './ViewTimeline';
 export { default as Views } from './Views';
+export { default as WarningTriangle } from './WarningTriangle';
 export { default as Warning } from './Warning';
 export { default as Youtube } from './Youtube';

package/src/loaders.tsx

@@ -16,7 +16,7 @@ export const LoadingView = styled.div<{absolute: boolean; backgroundColor?: stri
     left: 0,
     bottom: 0,
     right: 0,
-    padding: space.xl,
+    padding: space.s24,
   }}
 `;
 
@@ -28,8 +28,8 @@ export const LoadingHeader = styled.div<{absolute: boolean}>`
     right: 0,
     height: layout.viewHeaderHeight,
     backgroundColor: themeVars.mainBg,
-    paddingBottom: space.l,
-    paddingLeft: space.l + space.s,
+    paddingBottom: space.s12,
+    paddingLeft: space.s12 + space.s6,
     display: "flex",
     justifyContent: "flex-end",
     flexDirection: "column",
@@ -52,7 +52,7 @@ export const SidebarLoadingPage = () => (
       ${{
         width: layout.typeEditorWidth,
         minWidth: layout.typeEditorMinWidth,
-        paddingBottom: space.xl,
+        paddingBottom: space.s24,
         overflowY: "scroll",
         height: "100%",
       }}
@@ -64,20 +64,20 @@ export const SidebarLoadingPage = () => (
 
 const loaderWrapperStyle = css`
   ${{
-    padding: space.xxl,
+    padding: space.s48,
     height: "100%",
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     flexDirection: "column",
-    marginLeft: space.l,
-    marginRight: space.l,
+    marginLeft: space.s12,
+    marginRight: space.s12,
     borderRadius: border.radius6,
   }}
 `;
 
 const loaderStyle = css`
-  ${{paddingBottom: space.s, ...textStyles.regular}}
+  ${{paddingBottom: space.s6, ...textStyles.regular}}
 `;
 export const LoadingApp = ({backgroundColor = "transparent", appName}: {backgroundColor?: string; appName: string}) => (
   <div className={loaderWrapperStyle} style={{backgroundColor}}>
@@ -158,12 +158,12 @@ export const LoadingTreeMenuItem = ({
         level === 0 &&
           css`
             padding-left: 5px;
-            gap: ${space.s}px;
+            gap: ${space.s6}px;
           `
       )}
     >
       <Icon color={color} containerSize={layout.newMenuItemHeight} iconSize={18} />
-      {children || <LoadingSausage height={space.s} inverted={theme.mode === "dark"} />}
+      {children || <LoadingSausage height={space.s6} inverted={theme.mode === "dark"} />}
     </div>
   );
 };

package/src/loading-sausage.tsx

@@ -79,8 +79,8 @@ const dark = css`
 
 const marginStyle = css`
   ${{
-    marginTop: space.xs,
-    marginBottom: space.xs,
+    marginTop: space.s4,
+    marginBottom: space.s4,
   }}
 `;
 

package/src/media-query-utils.ts

@@ -2,7 +2,7 @@
 const noop = () => {};
 export function getMediaQueryList(query: string) {
   // need for test
-  return typeof window !== undefined && window.matchMedia
+  return typeof window !== "undefined" && window.matchMedia
     ? window.matchMedia(query)
     : ({matches: false, addEventListener: noop, removeEventListener: noop} as unknown as MediaQueryList);
 }

package/src/{Select → select}/custom-select-partials/clear-indicator.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import RemoveIcon from "../../icons/react/Remove";
 import {ClearIndicatorProps, GroupBase, MultiValueRemoveProps} from "react-select";
-import {Button} from "../../Button/button";
+import {Button} from "../../button/button";
 
 export function ClearIndicator<
   TOption,

package/src/{Select → select}/custom-select-partials/group-heading.tsx

@@ -17,11 +17,11 @@ const groupHeadingClass = css`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  padding: ${space.m + space.xs}px ${space.m}px ${space.l}px ${space.m}px;
+  padding: ${space.s8 + space.s4}px ${space.s8}px ${space.s12}px ${space.s8}px;
   color: ${themeVars.disabledTextColor};
 `;
 const groupDividerContainerStyle = css`
-  padding: ${space.l}px 0;
+  padding: ${space.s12}px 0;
   box-sizing: content-box;
 `;