@fibery/ui-kit 1.34.2 → 1.34.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fibery/ui-kit",
-  "version": "1.34.2",
+  "version": "1.34.4",
   "private": false,
   "files": [
     "src/antd/styles.ts",
@@ -74,9 +74,9 @@
     "screenfull": "6.0.1",
     "tabbable": "5.2.1",
     "ua-parser-js": "1.0.39",
+    "@fibery/react": "1.4.0",
     "@fibery/emoji-data": "2.6.0",
-    "@fibery/helpers": "1.3.0",
-    "@fibery/react": "1.4.0"
+    "@fibery/helpers": "1.3.0"
   },
   "peerDependencies": {
     "react": "^18.2.0",
@@ -110,8 +110,8 @@
     "svgo": "2.8.0",
     "typescript": "5.4.3",
     "unist-util-reduce": "0.2.2",
-    "@fibery/eslint-config": "8.6.0",
-    "@fibery/babel-preset": "7.4.0"
+    "@fibery/babel-preset": "7.4.0",
+    "@fibery/eslint-config": "8.6.0"
   },
   "jest": {
     "testEnvironment": "jsdom",

package/src/actions-menu/actions-menu-sub-menu.tsx

@@ -11,7 +11,7 @@ const subTriggerClass = css`
   display: flex;
   justify-content: space-between;
   align-items: center;
-  gap: ${space.s8}px;
+  gap: ${space.s6}px;
 `;
 
 const arrowClass = css`

package/src/button/base-button.tsx

@@ -1,4 +1,4 @@
-import {CSSProperties, css, cx} from "@linaria/core";
+import {css, CSSProperties, cx} from "@linaria/core";
 import {forwardRef} from "react";
 import {themeVars} from "../design-system";
 import {iconColorVar} from "../icons/Icon";

package/src/button/button.tsx

@@ -3,7 +3,7 @@ import {forwardRef} from "react";
 import {border, fontWeight, space, textStyles} from "../design-system";
 import {iconSizeVar} from "../icons/Icon";
 import SpinnerIcon from "../icons/react/Spinner";
-import {BaseButtonProps, BaseButton, ButtonSize} from "./base-button";
+import {BaseButton, BaseButtonProps, ButtonSize} from "./base-button";
 import {useIsSupportHardwareKeyboard} from "../use-is-support-hardware-keyboard";
 
 export type ButtonProps = {

package/src/button/icon-button.tsx

@@ -1,9 +1,9 @@
 import {css, cx} from "@linaria/core";
 import {forwardRef} from "react";
-import {BaseButtonProps, BaseButton, ButtonSize} from "./base-button";
 import {border, space} from "../design-system";
 import {iconSizeVar} from "../icons/Icon";
 import Spinner from "../icons/react/Spinner";
+import {BaseButton, BaseButtonProps, ButtonSize} from "./base-button";
 
 export type IconButtonProps = {
   size?: ButtonSize;

package/src/design-system.ts

@@ -22,7 +22,7 @@ import {
 } from "./palette";
 import {ThemeMode} from "./theme-settings";
 
-export const typeSizes = [26, 24, 18, 16, 14, 12, 10, 8] as const;
+export const typeSizes = [28, 24, 18, 16, 14, 12, 10, 8] as const;
 
 export const fontWeight = {
   light: 300,
@@ -58,6 +58,31 @@ export const opacity = {
   opacity0: 0,
 } as const;
 
+export const cardTypeColors = [
+  "#4A4A4A",
+  "#6A849B",
+  "#99A2AB",
+  "#D40915",
+  "#E72065",
+  "#9C2BAF",
+  "#673DB6",
+  "#3E53B4",
+  "#2978FB",
+  "#199EE3",
+  "#1FBED3",
+  "#159789",
+  "#4FAF54",
+  "#8EC351",
+  "#FBA32F",
+  "#FC551F",
+  "#B04E31",
+] as const;
+
+const swatches = {
+  "gray-light": cardTypeColors[1],
+  yellow: cardTypeColors[14],
+};
+
 // switch to chroma.valid once we start using 2.0.1
 const makeChromaColor = (color: string) => {
   try {
@@ -268,7 +293,8 @@ export const themeColors = {
   buttonPrimaryColor: [indigo.indigo9, indigoDark.indigo9],
   buttonColor: [slate.slate10, slateDark.slate10],
   buttonPrimaryTextColor: [slate.slate2, slate.slate6],
-  checkboxColor: [slate.slate10, slateDark.slate10],
+  checkboxColor: [slate.slate11, slateDark.slate11],
+  colorBorderBlockQuote: [slate.slate11, slateDark.slate11],
 
   // Actions menu
   colorBgActionsMenu: [getOpacities(whiteA.whiteA0).opacity85, getOpacities(slateDark.slate4).opacity85],
@@ -341,12 +367,14 @@ export const themeColors = {
   ],
   // :focus
   colorBgEntityBoxDefaultFocus: [whiteA.whiteA0, slateDark.slate3],
+  colorOverlayEntityBoxDefaultFocus: [indigo.indigo9, indigoDark.indigo9],
   shadowStrokeEntityBoxDefaultFocus: [
     `0 0 0 2px ${getOpacities(indigo.indigo9).opacity40}`,
     `0 0 0 2px ${getOpacities(indigoDark.indigo9).opacity40}`,
   ],
   // :focus:hover
   colorBgEntityBoxDefaultFocusHover: [whiteA.whiteA0, slateDark.slate4],
+  colorOverlayEntityBoxDefaultFocusHover: [indigo.indigo9, indigoDark.indigo9],
   shadowStrokeEntityBoxDefaultFocusHover: [
     `0 0 0 2px ${getOpacities(indigo.indigo9).opacity60}`,
     `0 0 0 2px ${getOpacities(indigoDark.indigo9).opacity60}`,
@@ -426,6 +454,11 @@ export const themeColors = {
   allowedDropColor: [getOpacities(slate.slate3).opacity80, getOpacities(slateDark.slate3).opacity80],
   relationViewBgColor: [slate.slate2, slateDark.slate3],
 
+  mySpaceIconColor: [swatches["gray-light"], swatches["gray-light"]],
+  mySpaceIconBg: [getOpacities(swatches["gray-light"]).opacity20, getOpacities(swatches["gray-light"]).opacity20],
+  favoritesIconColor: [swatches.yellow, swatches.yellow],
+  favoritesIconBg: [getOpacities(swatches.yellow).opacity20, getOpacities(swatches.yellow).opacity20],
+
   // Unit
   unitBg: [slate.slate3, slateDark.slate6],
   unitBgHover: [slate.slate4, slateDark.slate7],
@@ -494,6 +527,7 @@ export const themeColors = {
   progressText: [slate.slate11, slate.slate11],
   progressFillBg: [slate.slate11, slate.slate11],
   progressFillText: [whiteA.whiteA0, whiteA.whiteA0],
+  progressBarFillNeutral: [getOpacities(slate.slate9).opacity20, getOpacities(slateDark.slate9).opacity20],
   progressBarFill: [indigo.indigo9, indigoDark.indigo10],
   progressBarBg: [getOpacities(indigo.indigo9).opacity25, getOpacities(indigoDark.indigo10).opacity25],
   searchFiltersBg: [slate.slate1, slateDark.slate2],
@@ -626,6 +660,12 @@ export const themeColors = {
     }`,
   ],
   commentBubbleBg: [whiteA.whiteA0, slateDark.slate6],
+
+  // SegmentedControl
+  colorBgSegmentedControlDefault: [slate.slate3, slateDark.slate1],
+  colorBgSegmentedControlActive: [slate.slate1, slateDark.slate6],
+  colorBgSegmentedControlHover: [slate.slate5, slateDark.slate4],
+  colorBorderSegmentedControlDefault: [slate.slate6, slateDark.slate7],
 } as const;
 
 type ThemeDefs = typeof themeColors;
@@ -821,26 +861,6 @@ export const getIconColor = _.memoize(
   (themeMode, color) => `${themeMode}-${color}`
 );
 
-export const cardTypeColors = [
-  "#4A4A4A",
-  "#6A849B",
-  "#99A2AB",
-  "#D40915",
-  "#E72065",
-  "#9C2BAF",
-  "#673DB6",
-  "#3E53B4",
-  "#2978FB",
-  "#199EE3",
-  "#1FBED3",
-  "#159789",
-  "#4FAF54",
-  "#8EC351",
-  "#FBA32F",
-  "#FC551F",
-  "#B04E31",
-] as const;
-
 export const dropCursorColor = chroma(brandColors.blue).alpha(0.7).css();
 export const colors = {
   ...getTypeColors(brandColors.green, "light"),
@@ -858,6 +878,7 @@ export const space = {
   s0: 0,
   s1: 1,
   s2: 2,
+  s3: 3,
   s4: 4,
   s6: 6,
   s8: 8,
@@ -902,7 +923,7 @@ export const layout = {
   enumItemHeight: 32,
   menuItemHeight: 32,
   newMenuItemHeight: 28, // I'm ok
-  newMenuIconSize: 20,
+  newMenuIconSize: 18,
   viewHeaderHeight: space.s12 * 7,
   viewHeaderCompactHeight: 52,
   columnMinWidth: 240,
@@ -921,7 +942,7 @@ export const layout = {
   calendarEventHeight: 30,
   calendarHeaderHeight: 30,
   calendarToolbarHeight: 48,
-  checkboxSize: 17,
+  checkboxSize: 15,
   fakeBoardWidth: 260,
   fakeBoardHeight: 160,
   inlineInputHeight: 32,
@@ -948,7 +969,7 @@ export const lineHeight = {
   text: 1.6,
   regular: 1.5,
   narrow: 1.4,
-  heading: 1.25,
+  heading: 1.3,
   nowrap: 1,
 } as const;
 
@@ -1055,9 +1076,9 @@ export const textStyles = {
   heading1: {
     fontFamily,
     fontSize: typeSizes[0],
-    letterSpacing: "-0.003em",
+    letterSpacing: "-0.01em",
     lineHeight: lineHeight.heading,
-    fontWeight: fontWeight.semibold,
+    fontWeight: fontWeight.bold,
     color: themeVars.textColor,
   },
   heading2: {

package/src/icons/ast/AppearanceAuto.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const AppearanceAuto: 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.66 2.66a.66.66 0 1 0-1.32 0v1.468a.66.66 0 0 0 1.32 0V2.661ZM5.278 4.344a.66.66 0 0 0-.934.934l1.038 1.038a.66.66 0 0 0 .934-.934L5.277 4.343Zm10.38.934a.66.66 0 0 0-.934-.934l-1.038 1.038a.66.66 0 0 0 .934.934l1.038-1.038Zm-4.26 1.358A3.597 3.597 0 0 0 6.495 9.34H2.661a.66.66 0 1 0 0 1.322h14.467a.66.66 0 0 0 0-1.322h-3.55a3.593 3.593 0 0 0-2.18-2.704Zm.827 2.704a2.26 2.26 0 0 0-.58-.984 2.276 2.276 0 0 0-3.796.984h4.376ZM4 13a.66.66 0 0 1 .66-.66h10.468a.66.66 0 1 1 0 1.32H4.661A.66.66 0 0 1 4 13Zm2 3a.66.66 0 0 1 .66-.66h6.468a.66.66 0 1 1 0 1.32H6.661A.66.66 0 0 1 6 16Z"},"children":[]}],"metadata":""}]},"name":"appearance-auto"};
+
+export default AppearanceAuto;

package/src/icons/ast/AppearanceDark.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const AppearanceDark: 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.677 3.59a6.545 6.545 0 1 0 6.57 10.323A6.788 6.788 0 0 1 8.677 3.59Zm1.418-1.584A.728.728 0 0 0 9.998 2a8 8 0 1 0 7.39 11.07.727.727 0 0 0-.945-.953 5.334 5.334 0 0 1-5.632-8.85.727.727 0 0 0-.495-1.26h-.221Z"},"children":[]}],"metadata":""}]},"name":"appearance-dark"};
+
+export default AppearanceDark;

package/src/icons/ast/AppearanceLight.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const AppearanceLight: 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 2a.66.66 0 0 1 .66.66v1.468a.66.66 0 1 1-1.32 0V2.661A.66.66 0 0 1 10 2ZM4.343 4.343a.66.66 0 0 1 .934 0l1.038 1.038a.66.66 0 1 1-.934.934L4.343 5.277a.66.66 0 0 1 0-.934Zm11.314 0a.66.66 0 0 1 0 .934l-1.038 1.038a.66.66 0 0 1-.934-.934l1.038-1.038a.66.66 0 0 1 .934 0Zm-5.652 2.025a3.596 3.596 0 1 1 .062 7.191 3.596 3.596 0 0 1-.062-7.191Zm.893 1.49a2.275 2.275 0 1 0-1.723 4.212 2.275 2.275 0 0 0 1.723-4.212ZM2 10a.66.66 0 0 1 .66-.66h1.468a.66.66 0 0 1 0 1.32H2.661A.66.66 0 0 1 2 10Zm13.211 0a.66.66 0 0 1 .66-.66h1.468a.66.66 0 0 1 0 1.32h-1.467a.66.66 0 0 1-.661-.66Zm-8.896 3.685a.66.66 0 0 1 0 .934l-1.038 1.038a.66.66 0 1 1-.934-.934l1.038-1.038a.66.66 0 0 1 .934 0Zm7.37 0a.66.66 0 0 1 .934 0l1.038 1.038a.66.66 0 0 1-.934.934l-1.038-1.038a.66.66 0 0 1 0-.934ZM10 15.21a.66.66 0 0 1 .66.66v1.468a.66.66 0 1 1-1.32 0v-1.467a.66.66 0 0 1 .66-.661Z"},"children":[]}],"metadata":""}]},"name":"appearance-light"};
+
+export default AppearanceLight;

package/src/icons/ast/ArrowsRightLeft.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const ArrowsRightLeft: 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":"M3.223 13.386a.75.75 0 0 0 0 1.061l2.833 2.833a.75.75 0 0 0 1.061-1.06l-1.553-1.553H16.25a.75.75 0 0 0 0-1.5H5.564l1.553-1.553a.75.75 0 0 0-1.06-1.061l-2.834 2.833ZM3 6.083c0 .415.336.75.75.75h10.686l-1.553 1.553a.75.75 0 1 0 1.06 1.061l2.834-2.833a.75.75 0 0 0 0-1.061L13.944 2.72a.75.75 0 0 0-1.061 1.06l1.553 1.553H3.75a.75.75 0 0 0-.75.75Z"},"children":[]}],"metadata":""}]},"name":"arrows-right-left"};
+
+export default ArrowsRightLeft;

package/src/icons/ast/Equation.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const Equation: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M11.667 2.306a.75.75 0 0 0-.701.483L6.323 15.005l-1.55-3.374a.75.75 0 0 0-.68-.437H1.943a.75.75 0 0 0 0 1.5h1.667l2.096 4.563a.75.75 0 0 0 1.383-.046l5.094-13.405h5.872a.75.75 0 0 0 0-1.5h-6.39Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M15.5 11.272c.62-.653 1.415-1.189 2.463-1.189a.75.75 0 1 1 0 1.5c-.479 0-.907.229-1.375.722-.402.422-.768.968-1.174 1.593.269.663.515 1.227.824 1.648.326.444.659.648 1.114.648a.75.75 0 0 1 0 1.5c-1.072 0-1.809-.56-2.323-1.26a6.493 6.493 0 0 1-.61-1.057 8.202 8.202 0 0 1-1.017 1.164c-.72.663-1.618 1.153-2.772 1.153a.75.75 0 1 1 0-1.5c.68 0 1.232-.273 1.754-.755.482-.445.906-1.037 1.347-1.705-.246-.6-.479-1.112-.765-1.502-.325-.444-.658-.649-1.114-.649a.75.75 0 0 1 0-1.5c1.072 0 1.81.56 2.324 1.262.202.275.379.585.537.905.248-.349.509-.685.787-.978Z"},"children":[]}],"metadata":""}]},"name":"equation"};
+
+export default Equation;

package/src/icons/ast/LockOutline.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const LockOutline: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M6.912 2.44C7.594 1.488 8.647 1 10 1s2.406.487 3.088 1.44c.647.908.882 2.135.882 3.477v.913h.28c.707 0 1.408.2 1.939.692.54.5.811 1.216.811 2.058v5.67c0 .87-.54 1.56-1.041 1.986-.263.223-.55.406-.827.536-.26.122-.575.228-.882.228h-8.5C4.107 18 3 16.744 3 15.25V9.58c0-.842.273-1.559.813-2.059.53-.49 1.23-.691 1.937-.691h.28v-.913c0-1.342.235-2.569.882-3.476Zm.618 4.39h4.94v-.913c0-1.21-.22-2.067-.603-2.605-.35-.49-.908-.812-1.867-.812-.96 0-1.516.321-1.867.812-.384.538-.603 1.395-.603 2.605v.913ZM4.832 8.623c-.175.161-.332.445-.332.957v5.67c0 .715.484 1.25 1.25 1.25h8.502a.979.979 0 0 0 .242-.086c.155-.072.33-.183.493-.321.35-.298.513-.608.513-.843V9.58c0-.513-.157-.797-.33-.958-.184-.17-.484-.292-.92-.292h-8.5c-.434 0-.734.122-.918.293ZM10 10.5a.75.75 0 0 1 .75.75v2.25a.75.75 0 0 1-1.5 0v-2.25a.75.75 0 0 1 .75-.75Z","fill":"currentColor"},"children":[]}],"metadata":""}]},"name":"lock-outline"};
+
+export default LockOutline;

package/src/icons/ast/Logout.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const Logout: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M18.78 9.47a.75.75 0 0 1 0 1.06l-2.5 2.499a.75.75 0 0 1-1.06-1.06l1.22-1.22H8.75a.75.75 0 1 1 0-1.499h7.69l-1.22-1.219a.75.75 0 1 1 1.06-1.06l2.5 2.499Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M11.75 3.5a.75.75 0 0 1 .75.75V6A.75.75 0 0 0 14 6V4.25A2.25 2.25 0 0 0 11.75 2h-6.5A2.25 2.25 0 0 0 3 4.25v11.5A2.25 2.25 0 0 0 5.25 18h6.5A2.25 2.25 0 0 0 14 15.75V14a.75.75 0 0 0-1.5 0v1.75a.75.75 0 0 1-.75.75h-6.5a.75.75 0 0 1-.75-.75V4.25a.75.75 0 0 1 .75-.75h6.5Z"},"children":[]}],"metadata":""}]},"name":"logout"};
+
+export default Logout;

package/src/icons/ast/PrivateItems.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const PrivateItems: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M9.506 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.3ZM4.518 16.23c.008.126.123.27.338.27h3.9a.75.75 0 0 1 0 1.5h-3.9c-.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.931-.442 1.994-.657 3.035-.723a.714.714 0 0 1 .75.726c0 .414-.336.747-.75.777-.87.065-1.7.247-2.392.575-.87.413-1.5 1.043-1.767 1.978-.105.367-.116.921-.081 1.45ZM12 13.417a2.417 2.417 0 1 1 3.167 2.298v1.535a.75.75 0 0 1-1.5 0v-1.535A2.418 2.418 0 0 1 12 13.417Zm2.417-.917a.917.917 0 1 0 0 1.833.917.917 0 0 0 0-1.833Z","fill":"currentColor"},"children":[]}],"metadata":""}]},"name":"private-items"};
+
+export default PrivateItems;

package/src/icons/ast/ShowAuthor.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const ShowAuthor: 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 9C8.07 9 6.5 7.43 6.5 5.5S8.07 2 10 2s3.5 1.57 3.5 3.5S11.93 9 10 9Zm0-5.5c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M8.78 17.95c-1.3-.1-2.57-.34-3.77-.72-.62-.2-1.13-.65-1.4-1.24-.26-.58-.27-1.25 0-1.83A7.002 7.002 0 0 1 10 9.99l.243.02c.437.035.67.053.9.095.262.048.52.126 1.074.294l.533.161c.38.16.56.6.39.98-.16.38-.6.56-.98.39-.7-.3-1.43-.45-2.16-.45-2.17 0-4.14 1.29-5.02 3.27-.09.19-.08.41 0 .6.09.2.27.36.48.43 1.09.34 2.24.56 3.43.65.41.03.72.39.69.8-.03.39-.41.72-.8.72Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M10.72 18.28c.14.14.33.22.53.22v-.01c.08 0 .16-.01.24-.04l2.46-.85c.25-.09.48-.23.67-.42l3.3-3.3c.78-.78.77-2.03 0-2.81-.78-.77-2.04-.77-2.81 0l-3.3 3.3c-.19.19-.34.42-.42.67l-.85 2.46c-.09.28-.02.58.18.78Zm5.45-6.14c.1-.09.22-.14.34-.14l-.01-.01c.13 0 .25.05.35.15.19.19.19.49 0 .68l-3.3 3.3a.18.18 0 0 1-.09.06l-1 .35.35-1c.01-.03.03-.06.06-.09l3.3-3.3Z"},"children":[]}],"metadata":""}]},"name":"show-author"};
+
+export default ShowAuthor;

package/src/icons/ast/UnitsDate.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const UnitsDate: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"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-.566V10H3.6v5.6a.8.8 0 0 0 .8.8h11.2a.8.8 0 0 0 .566-.234ZM3.6 8.4h12.8V6a.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.8v2.4ZM5.5 12a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-9Z","fill":"currentColor"},"children":[]}],"metadata":""}]},"name":"units-date"};
+
+export default UnitsDate;

package/src/icons/ast/UnlockFilled.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const UnlockFilled: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M14 1c-1.363 0-2.425.5-3.11 1.483-.654.934-.89 2.196-.89 3.577v.77H4.75c-.706 0-1.406.2-1.937.691C2.273 8.021 2 8.737 2 9.58v5.67C2 16.744 3.107 18 4.75 18h8.5c.307 0 .622-.106.882-.228.277-.13.564-.313.827-.536.5-.426 1.041-1.116 1.041-1.986V9.58c0-.842-.271-1.558-.811-2.058-.53-.492-1.232-.692-1.939-.692h-1.739v-.77c0-1.245.221-2.127.608-2.68.354-.506.914-.836 1.881-.836s1.527.33 1.88.836c.38.543.524 1.208.578 1.874.033.412.363.746.776.746.42 0 .764-.344.732-.764-.073-.974-.29-1.943-.855-2.753C16.424 1.5 15.363 1 14 1ZM9.75 11.25a.75.75 0 0 0-1.5 0v2.25a.75.75 0 0 0 1.5 0v-2.25Z","fill":"currentColor"},"children":[]}],"metadata":""}]},"name":"unlock-filled"};
+
+export default UnlockFilled;

package/src/icons/ast/UnlockOutline.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const UnlockOutline: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M14 1c-1.363 0-2.425.5-3.11 1.483-.654.934-.89 2.196-.89 3.577v.77H4.75c-.706 0-1.406.2-1.937.691C2.273 8.021 2 8.737 2 9.58v5.67C2 16.744 3.107 18 4.75 18h8.5c.307 0 .622-.106.882-.228.277-.13.564-.313.827-.536.5-.426 1.041-1.116 1.041-1.986V9.58c0-.842-.271-1.558-.811-2.058-.53-.492-1.232-.692-1.939-.692h-1.739v-.77c0-1.245.221-2.127.608-2.68.354-.506.914-.836 1.881-.836s1.527.33 1.88.836c.391.559.532 1.246.582 1.932.03.413.36.748.775.748.42 0 .763-.343.734-.761-.07-.996-.282-1.989-.86-2.816C16.424 1.5 15.363 1 14 1ZM3.832 8.623c-.175.161-.332.445-.332.957v5.67c0 .715.484 1.25 1.25 1.25h8.502c.017-.004.099-.018.242-.086.155-.072.33-.183.493-.321.35-.298.513-.608.513-.843V9.58c0-.513-.157-.797-.33-.958-.184-.17-.484-.292-.92-.292h-8.5c-.434 0-.734.122-.918.293ZM9.75 11.25a.75.75 0 0 0-1.5 0v2.25a.75.75 0 0 0 1.5 0v-2.25Z","fill":"currentColor"},"children":[]}],"metadata":""}]},"name":"unlock-outline"};
+
+export default UnlockOutline;

package/src/icons/ast/WorkspaceMap.ts

@@ -0,0 +1,8 @@
+
+// This icon file is generated automatically.
+
+import { IconDefinition } from '../types';
+
+const WorkspaceMap: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M8.103 10.903 4.4 14.613V13.5a.7.7 0 1 0-1.4 0v2.8a.7.7 0 0 0 .7.7h2.8a.7.7 0 1 0 0-1.4H5.387l3.71-3.703a.703.703 0 0 0-.994-.994ZM5.387 4.4H6.5a.7.7 0 1 0 0-1.4H3.7a.7.7 0 0 0-.7.7v2.8a.7.7 0 1 0 1.4 0V5.387l3.703 3.71a.7.7 0 0 0 .994 0 .7.7 0 0 0 0-.994L5.387 4.4ZM16.3 12.8a.7.7 0 0 0-.7.7v1.113l-3.703-3.71a.703.703 0 1 0-.994.994l3.71 3.703H13.5a.7.7 0 1 0 0 1.4h2.8a.7.7 0 0 0 .7-.7v-2.8a.7.7 0 0 0-.7-.7Zm.644-9.366A.7.7 0 0 0 16.3 3h-2.8a.7.7 0 1 0 0 1.4h1.113l-3.71 3.703a.7.7 0 0 0 0 .994.7.7 0 0 0 .994 0l3.703-3.71V6.5a.7.7 0 1 0 1.4 0V3.7a.7.7 0 0 0-.056-.266Z"},"children":[]}],"metadata":""}]},"name":"workspace-map"};
+
+export default WorkspaceMap;

package/src/icons/ast/index.tsx

@@ -18,6 +18,9 @@ export { default as AppTemplates } from './AppTemplates';
 export { default as AppWebhooks } from './AppWebhooks';
 export { default as AppWiki } from './AppWiki';
 export { default as App } from './App';
+export { default as AppearanceAuto } from './AppearanceAuto';
+export { default as AppearanceDark } from './AppearanceDark';
+export { default as AppearanceLight } from './AppearanceLight';
 export { default as ArrowBarLeft } from './ArrowBarLeft';
 export { default as ArrowBarRight } from './ArrowBarRight';
 export { default as ArrowBottom } from './ArrowBottom';
@@ -28,6 +31,7 @@ export { default as ArrowLeft } from './ArrowLeft';
 export { default as ArrowRight } from './ArrowRight';
 export { default as ArrowTop } from './ArrowTop';
 export { default as ArrowUpCircle } from './ArrowUpCircle';
+export { default as ArrowsRightLeft } from './ArrowsRightLeft';
 export { default as AskForInput } from './AskForInput';
 export { default as Atom } from './Atom';
 export { default as AutomationsCancelled } from './AutomationsCancelled';
@@ -83,6 +87,7 @@ export { default as EditValue } from './EditValue';
 export { default as Email } from './Email';
 export { default as EmojiDelete } from './EmojiDelete';
 export { default as EntityMerge } from './EntityMerge';
+export { default as Equation } from './Equation';
 export { default as Export } from './Export';
 export { default as ExtensionAssignments } from './ExtensionAssignments';
 export { default as ExtensionAvatar } from './ExtensionAvatar';
@@ -143,7 +148,9 @@ export { default as LeftPanel } from './LeftPanel';
 export { default as Levels } from './Levels';
 export { default as LineDivider } from './LineDivider';
 export { default as Link } from './Link';
+export { default as LockOutline } from './LockOutline';
 export { default as Lock } from './Lock';
+export { default as Logout } from './Logout';
 export { default as Loom } from './Loom';
 export { default as LoupeZoomIn } from './LoupeZoomIn';
 export { default as LoupeZoomOut } from './LoupeZoomOut';
@@ -165,7 +172,6 @@ export { default as MoveLeft } from './MoveLeft';
 export { default as MoveRight } from './MoveRight';
 export { default as MoveSpace } from './MoveSpace';
 export { default as MoveTop } from './MoveTop';
-export { default as MySpace } from './MySpace';
 export { default as NetworkAdd } from './NetworkAdd';
 export { default as Network } from './Network';
 export { default as Notifications } from './Notifications';
@@ -186,6 +192,7 @@ export { default as PinFilled } from './PinFilled';
 export { default as Pin } from './Pin';
 export { default as Popup } from './Popup';
 export { default as Posts } from './Posts';
+export { default as PrivateItems } from './PrivateItems';
 export { default as Question } from './Question';
 export { default as Refresh } from './Refresh';
 export { default as RemovePeople } from './RemovePeople';
@@ -249,6 +256,7 @@ export { default as Settings } from './Settings';
 export { default as Share } from './Share';
 export { default as Shared } from './Shared';
 export { default as ShieldKeyhole } from './ShieldKeyhole';
+export { default as ShowAuthor } from './ShowAuthor';
 export { default as SidebarFieldsOpened } from './SidebarFieldsOpened';
 export { default as SidebarFields } from './SidebarFields';
 export { default as Sidebar } from './Sidebar';
@@ -294,6 +302,7 @@ export { default as TypeUrl } from './TypeUrl';
 export { default as UnitsAvatar } from './UnitsAvatar';
 export { default as UnitsCollection } from './UnitsCollection';
 export { default as UnitsCounter } from './UnitsCounter';
+export { default as UnitsDate } from './UnitsDate';
 export { default as UnitsDbBadgeAbbr } from './UnitsDbBadgeAbbr';
 export { default as UnitsDbBadgeFull } from './UnitsDbBadgeFull';
 export { default as UnitsDbIcon } from './UnitsDbIcon';
@@ -304,6 +313,8 @@ export { default as UnitsProgressBar } from './UnitsProgressBar';
 export { default as UnitsRichText } from './UnitsRichText';
 export { default as UnitsSnippet } from './UnitsSnippet';
 export { default as Unlink } from './Unlink';
+export { default as UnlockFilled } from './UnlockFilled';
+export { default as UnlockOutline } from './UnlockOutline';
 export { default as Upgrade } from './Upgrade';
 export { default as UsbFlashDrive } from './UsbFlashDrive';
 export { default as UserRole } from './UserRole';
@@ -323,6 +334,7 @@ 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 WorkspaceMap } from './WorkspaceMap';
 export { default as Youtube } from './Youtube';
 export { default as ZoomIn } from './ZoomIn';
 export { default as ZoomOut } from './ZoomOut';

package/src/icons/react/AppearanceAuto.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import AppearanceAutoSvg from '../ast/AppearanceAuto';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const AppearanceAuto = forwardRef<SVGSVGElement, IconBaseProps>(function AppearanceAuto(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={AppearanceAutoSvg} />});
+
+export default AppearanceAuto;

package/src/icons/react/AppearanceDark.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import AppearanceDarkSvg from '../ast/AppearanceDark';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const AppearanceDark = forwardRef<SVGSVGElement, IconBaseProps>(function AppearanceDark(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={AppearanceDarkSvg} />});
+
+export default AppearanceDark;

package/src/icons/react/AppearanceLight.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import AppearanceLightSvg from '../ast/AppearanceLight';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const AppearanceLight = forwardRef<SVGSVGElement, IconBaseProps>(function AppearanceLight(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={AppearanceLightSvg} />});
+
+export default AppearanceLight;

package/src/icons/react/ArrowsRightLeft.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import ArrowsRightLeftSvg from '../ast/ArrowsRightLeft';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const ArrowsRightLeft = forwardRef<SVGSVGElement, IconBaseProps>(function ArrowsRightLeft(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={ArrowsRightLeftSvg} />});
+
+export default ArrowsRightLeft;

package/src/icons/react/Equation.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import EquationSvg from '../ast/Equation';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const Equation = forwardRef<SVGSVGElement, IconBaseProps>(function Equation(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={EquationSvg} />});
+
+export default Equation;

package/src/icons/react/LockOutline.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import LockOutlineSvg from '../ast/LockOutline';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const LockOutline = forwardRef<SVGSVGElement, IconBaseProps>(function LockOutline(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={LockOutlineSvg} />});
+
+export default LockOutline;

package/src/icons/react/{MySpace.tsx → Logout.tsx}

@@ -1,13 +1,13 @@
 // This icon file is generated automatically.
 
 import {forwardRef} from 'react';
-import MySpaceSvg from '../ast/MySpace';
+import LogoutSvg from '../ast/Logout';
 import { Icon } from '../Icon';
 import { IconBaseProps } from '../types';
 
-const MySpace = forwardRef<SVGSVGElement, IconBaseProps>(function MySpace(
+const Logout = forwardRef<SVGSVGElement, IconBaseProps>(function Logout(
   props: IconBaseProps,
   ref: React.Ref<SVGSVGElement>
-) {return <Icon {...props} className={props.className} ref={ref} icon={MySpaceSvg} />});
+) {return <Icon {...props} className={props.className} ref={ref} icon={LogoutSvg} />});
 
-export default MySpace;
+export default Logout;

package/src/icons/react/PrivateItems.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import PrivateItemsSvg from '../ast/PrivateItems';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const PrivateItems = forwardRef<SVGSVGElement, IconBaseProps>(function PrivateItems(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={PrivateItemsSvg} />});
+
+export default PrivateItems;

package/src/icons/react/ShowAuthor.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import ShowAuthorSvg from '../ast/ShowAuthor';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const ShowAuthor = forwardRef<SVGSVGElement, IconBaseProps>(function ShowAuthor(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={ShowAuthorSvg} />});
+
+export default ShowAuthor;

package/src/icons/react/UnitsDate.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import UnitsDateSvg from '../ast/UnitsDate';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const UnitsDate = forwardRef<SVGSVGElement, IconBaseProps>(function UnitsDate(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={UnitsDateSvg} />});
+
+export default UnitsDate;

package/src/icons/react/UnlockFilled.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import UnlockFilledSvg from '../ast/UnlockFilled';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const UnlockFilled = forwardRef<SVGSVGElement, IconBaseProps>(function UnlockFilled(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={UnlockFilledSvg} />});
+
+export default UnlockFilled;

package/src/icons/react/UnlockOutline.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import UnlockOutlineSvg from '../ast/UnlockOutline';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const UnlockOutline = forwardRef<SVGSVGElement, IconBaseProps>(function UnlockOutline(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={UnlockOutlineSvg} />});
+
+export default UnlockOutline;

package/src/icons/react/WorkspaceMap.tsx

@@ -0,0 +1,13 @@
+// This icon file is generated automatically.
+
+import {forwardRef} from 'react';
+import WorkspaceMapSvg from '../ast/WorkspaceMap';
+import { Icon } from '../Icon';
+import { IconBaseProps } from '../types';
+
+const WorkspaceMap = forwardRef<SVGSVGElement, IconBaseProps>(function WorkspaceMap(
+  props: IconBaseProps,
+  ref: React.Ref<SVGSVGElement>
+) {return <Icon {...props} className={props.className} ref={ref} icon={WorkspaceMapSvg} />});
+
+export default WorkspaceMap;

package/src/icons/react/index.tsx

@@ -18,6 +18,9 @@ export { default as AppTemplates } from './AppTemplates';
 export { default as AppWebhooks } from './AppWebhooks';
 export { default as AppWiki } from './AppWiki';
 export { default as App } from './App';
+export { default as AppearanceAuto } from './AppearanceAuto';
+export { default as AppearanceDark } from './AppearanceDark';
+export { default as AppearanceLight } from './AppearanceLight';
 export { default as ArrowBarLeft } from './ArrowBarLeft';
 export { default as ArrowBarRight } from './ArrowBarRight';
 export { default as ArrowBottom } from './ArrowBottom';
@@ -28,6 +31,7 @@ export { default as ArrowLeft } from './ArrowLeft';
 export { default as ArrowRight } from './ArrowRight';
 export { default as ArrowTop } from './ArrowTop';
 export { default as ArrowUpCircle } from './ArrowUpCircle';
+export { default as ArrowsRightLeft } from './ArrowsRightLeft';
 export { default as AskForInput } from './AskForInput';
 export { default as Atom } from './Atom';
 export { default as AutomationsCancelled } from './AutomationsCancelled';
@@ -83,6 +87,7 @@ export { default as EditValue } from './EditValue';
 export { default as Email } from './Email';
 export { default as EmojiDelete } from './EmojiDelete';
 export { default as EntityMerge } from './EntityMerge';
+export { default as Equation } from './Equation';
 export { default as Export } from './Export';
 export { default as ExtensionAssignments } from './ExtensionAssignments';
 export { default as ExtensionAvatar } from './ExtensionAvatar';
@@ -143,7 +148,9 @@ export { default as LeftPanel } from './LeftPanel';
 export { default as Levels } from './Levels';
 export { default as LineDivider } from './LineDivider';
 export { default as Link } from './Link';
+export { default as LockOutline } from './LockOutline';
 export { default as Lock } from './Lock';
+export { default as Logout } from './Logout';
 export { default as Loom } from './Loom';
 export { default as LoupeZoomIn } from './LoupeZoomIn';
 export { default as LoupeZoomOut } from './LoupeZoomOut';
@@ -165,7 +172,6 @@ export { default as MoveLeft } from './MoveLeft';
 export { default as MoveRight } from './MoveRight';
 export { default as MoveSpace } from './MoveSpace';
 export { default as MoveTop } from './MoveTop';
-export { default as MySpace } from './MySpace';
 export { default as NetworkAdd } from './NetworkAdd';
 export { default as Network } from './Network';
 export { default as Notifications } from './Notifications';
@@ -186,6 +192,7 @@ export { default as PinFilled } from './PinFilled';
 export { default as Pin } from './Pin';
 export { default as Popup } from './Popup';
 export { default as Posts } from './Posts';
+export { default as PrivateItems } from './PrivateItems';
 export { default as Question } from './Question';
 export { default as Refresh } from './Refresh';
 export { default as RemovePeople } from './RemovePeople';
@@ -249,6 +256,7 @@ export { default as Settings } from './Settings';
 export { default as Share } from './Share';
 export { default as Shared } from './Shared';
 export { default as ShieldKeyhole } from './ShieldKeyhole';
+export { default as ShowAuthor } from './ShowAuthor';
 export { default as SidebarFieldsOpened } from './SidebarFieldsOpened';
 export { default as SidebarFields } from './SidebarFields';
 export { default as Sidebar } from './Sidebar';
@@ -294,6 +302,7 @@ export { default as TypeUrl } from './TypeUrl';
 export { default as UnitsAvatar } from './UnitsAvatar';
 export { default as UnitsCollection } from './UnitsCollection';
 export { default as UnitsCounter } from './UnitsCounter';
+export { default as UnitsDate } from './UnitsDate';
 export { default as UnitsDbBadgeAbbr } from './UnitsDbBadgeAbbr';
 export { default as UnitsDbBadgeFull } from './UnitsDbBadgeFull';
 export { default as UnitsDbIcon } from './UnitsDbIcon';
@@ -304,6 +313,8 @@ export { default as UnitsProgressBar } from './UnitsProgressBar';
 export { default as UnitsRichText } from './UnitsRichText';
 export { default as UnitsSnippet } from './UnitsSnippet';
 export { default as Unlink } from './Unlink';
+export { default as UnlockFilled } from './UnlockFilled';
+export { default as UnlockOutline } from './UnlockOutline';
 export { default as Upgrade } from './Upgrade';
 export { default as UsbFlashDrive } from './UsbFlashDrive';
 export { default as UserRole } from './UserRole';
@@ -323,6 +334,7 @@ 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 WorkspaceMap } from './WorkspaceMap';
 export { default as Youtube } from './Youtube';
 export { default as ZoomIn } from './ZoomIn';
 export { default as ZoomOut } from './ZoomOut';

package/src/select/index.tsx

@@ -172,13 +172,14 @@ export const Select = forwardRef(function Select<
   }, [styles, virtualized, zIndex]);
   const contextRef = useRef<SelectInstance<Option, IsMulti, Group> | null>(null);
   const combined = useComposedRefs(forwardedRef, contextRef);
+
   return (
     <ReactSelectRefContext.Provider value={contextRef as RefObject<SelectInstance>}>
       <BaseSelect<Option, IsMulti, Group>
         ref={combined}
         // There are places, where it is useful to override menuPortalTarget globally for all selects.
         // When you are already in some popup. e.g. user input in buttons, relation filter popover.
-        menuPortalTarget={(getPopupContainerElement && getPopupContainerElement()) || menuPortalTarget}
+        menuPortalTarget={getPopupContainerElement ? getPopupContainerElement() : menuPortalTarget}
         menuPlacement={"auto"}
         styles={combinedStyles}
         isMulti={isCollectionMode}

package/src/select/select-control-settings-context.tsx

@@ -1,6 +1,6 @@
 import {createContext, ReactNode, useContext, useMemo} from "react";
 
-const SelectControlSettings = createContext<{getPopupContainerElement?: () => HTMLElement; zIndex?: number}>({});
+const SelectControlSettings = createContext<{getPopupContainerElement?: () => HTMLElement | null; zIndex?: number}>({});
 
 // Overrides zIndex and getPopupContainerElement for all selects, except select-in-popover.
 // It has more priority than "menuPortalTarget" prop. Use at your own risk!
@@ -10,7 +10,7 @@ export function SelectControlSettingsProvider({
   zIndex,
 }: {
   children: ReactNode;
-  getPopupContainerElement?: () => HTMLElement;
+  getPopupContainerElement?: () => HTMLElement | null;
   zIndex?: number;
 }) {
   const settings = useMemo(() => ({getPopupContainerElement, zIndex}), [getPopupContainerElement, zIndex]);

package/src/toggle.tsx

@@ -168,7 +168,14 @@ export const Toggle: FC<ToggleProps> = ({
           <Input
             outlineColor={outlineColor}
             onChange={onChange}
-            className={className}
+            className={cx(
+              className,
+              disabled
+                ? css`
+                    cursor: default;
+                  `
+                : null
+            )}
             type="checkbox"
             disabled={disabled}
             checked={value}

package/src/tooltip.tsx

@@ -31,31 +31,29 @@ export const tooltipStyle = css`
   padding: ${space.s6}px ${space.s8}px;
   border-radius: ${border.radius6}px;
   box-shadow: ${themeVars.actionMenuShadow};
-
-  @media (prefers-reduced-motion: no-preference) {
-    @keyframes zoomIn {
-      from {
-        opacity: 0;
-        transform: scale(0.8);
-      }
-
-      to {
-        opacity: 1;
-        transform: scale(1);
-      }
+  @keyframes zoomIn {
+    from {
+      opacity: 0;
+      transform: scale(0.8);
     }
 
-    @keyframes zoomOut {
-      from {
-        transform: scale(1);
-      }
+    to {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
 
-      to {
-        opacity: 0;
-        transform: scale(0.8);
-      }
+  @keyframes zoomOut {
+    from {
+      transform: scale(1);
     }
 
+    to {
+      opacity: 0;
+      transform: scale(0.8);
+    }
+  }
+  @media (prefers-reduced-motion: no-preference) {
     will-change: transform, opacity;
     transform-origin: var(--radix-tooltip-content-transform-origin);
     animation-duration: 0.1s;

package/src/icons/ast/MySpace.ts

@@ -1,8 +0,0 @@
-
-// This icon file is generated automatically.
-
-import { IconDefinition } from '../types';
-
-const MySpace: 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":"M6.912 2.94C7.594 1.988 8.647 1.5 10 1.5s2.406.487 3.088 1.44c.647.908.882 2.135.882 3.477v.913h.28c.707 0 1.408.2 1.939.692.54.5.811 1.216.811 2.058v5.67c0 .87-.54 1.56-1.041 1.986-.263.223-.55.406-.827.536-.26.122-.575.228-.882.228h-8.5C4.107 18.5 3 17.244 3 15.75v-5.67c0-.842.273-1.559.813-2.059.53-.49 1.23-.691 1.937-.691h.28v-.913c0-1.342.235-2.569.882-3.476Zm.618 4.39h4.94v-.913c0-1.21-.22-2.067-.603-2.605C11.517 3.322 10.959 3 10 3c-.96 0-1.516.321-1.867.812-.384.538-.603 1.395-.603 2.605v.913ZM4.832 9.123c-.175.161-.332.445-.332.957v5.67c0 .715.484 1.25 1.25 1.25h8.502a.979.979 0 0 0 .242-.086c.155-.072.33-.183.493-.321.35-.298.513-.608.513-.843v-5.67c0-.513-.157-.797-.33-.958-.184-.17-.484-.292-.92-.292h-8.5c-.434 0-.734.122-.918.293ZM10 11a.75.75 0 0 1 .75.75V14a.75.75 0 0 1-1.5 0v-2.25A.75.75 0 0 1 10 11Z"},"children":[]}],"metadata":""}]},"name":"my-space"};
-
-export default MySpace;