@uniformdev/design-system 20.1.1-alpha.2 → 20.3.1-alpha.0

package/dist/esm/index.js

@@ -1520,12 +1520,12 @@ function Tooltip({
   placement = "bottom",
   visible,
   withoutPortal = false,
-  ...props
+  ...tooltipProps
 }) {
   const tooltip = useTooltipStore({ placement, open: visible });
   return !title ? children : /* @__PURE__ */ jsxs5(TooltipProvider, { store: tooltip, timeout: 0, children: [
     /* @__PURE__ */ jsx11(TooltipAnchor, { store: tooltip, render: children }),
-    /* @__PURE__ */ jsxs5(AriakitTooltip, { store: tooltip, ...props, portal: !withoutPortal, css: TooltipContainer, children: [
+    /* @__PURE__ */ jsxs5(AriakitTooltip, { store: tooltip, ...tooltipProps, portal: !withoutPortal, css: TooltipContainer, children: [
       /* @__PURE__ */ jsx11(TooltipArrow, { store: tooltip, css: TooltipArrowStyles }),
       title
     ] })
@@ -6809,7 +6809,7 @@ var PopoverDefaulterTriggerBtn = css48`
 var Popover = (maxWidth = "220px") => css48`
   border-left: var(--spacing-xs) solid var(--brand-secondary-3);
   border-radius: var(--rounded-base);
-  box-shadow: var(--shadow-base);
+  box-shadow: var(--elevation-400);
   background: var(--white);
   display: grid;
   gap: var(--spacing-sm);
@@ -15900,7 +15900,7 @@ var SwitchInput = (size) => css103`
   display: block;
   width: ${size === "sm" ? "var(--spacing-base)" : "var(--spacing-md)"};
   height: ${size === "sm" ? "var(--spacing-base)" : "var(--spacing-md)"};
-  margin-top: ${size === "sm" ? "var(--spacing-xs)" : "none"};
+  margin-top: ${size === "sm" ? "var(--spacing-2xs)" : "none"};
   transition:
     transform var(--duration-fast) var(--timing-ease-out),
     background-color var(--duration-fast) var(--timing-ease-out),
@@ -15954,7 +15954,7 @@ var SwitchInputLabel = (size) => css103`
     overflow: hidden;
     width: ${size === "sm" ? "var(--spacing-lg)" : "var(--spacing-xl)"};
     height: ${size === "sm" ? "var(--spacing-base)" : "var(--spacing-md)"};
-    margin-top: ${size === "sm" ? "var(--spacing-xs)" : "none"};
+    margin-top: ${size === "sm" ? "var(--spacing-2xs)" : "none"};
     position: absolute;
     left: 0;
     top: 0;

package/dist/index.d.mts

@@ -7,7 +7,7 @@ export { ActionMeta, FormatOptionLabelContext, FormatOptionLabelMeta, GetOptionL
 import * as _emotion_react from '@emotion/react';
 import { SerializedStyles } from '@emotion/react';
 import * as _ariakit_react from '@ariakit/react';
-import { TooltipOptions, TooltipStoreProps, ButtonProps as ButtonProps$1, MenuStoreProps, PopoverStoreState, MenuProps as MenuProps$1, Menu as Menu$1, MenuItemProps as MenuItemProps$1, PopoverProps as PopoverProps$1, PopoverProviderProps, PopoverStore, TabStoreState, TabListProps, TabProps, TabPanelProps } from '@ariakit/react';
+import { TooltipOptions, TooltipStoreProps, TooltipProps as TooltipProps$1, ButtonProps as ButtonProps$1, MenuStoreProps, PopoverStoreState, MenuProps as MenuProps$1, Menu as Menu$1, MenuItemProps as MenuItemProps$1, PopoverProps as PopoverProps$1, PopoverProviderProps, PopoverStore, TabStoreState, TabListProps, TabProps, TabPanelProps } from '@ariakit/react';
 export { PopoverStore } from '@ariakit/react';
 import { RefType } from 'react-hotkeys-hook/dist/types';
 import { IconType as IconType$1, IconBaseProps } from '@react-icons/all-files/lib';
@@ -400,11 +400,13 @@ type TooltipProps = TooltipOptions & {
     placement?: TooltipStoreProps['placement'];
     /** Optional ability to control visibility of Tooltip manually, useful for showing tooltip on click instead of on hover */
     visible?: TooltipStoreProps['open'];
+    /** Offset between the reference and the popover on the main axis. Use it only in special cases. */
+    gutter?: TooltipProps$1['gutter'];
     children: JSX.Element;
     /** If the tooltip should not be rendered inside a portal */
     withoutPortal?: boolean;
 } & Pick<HTMLAttributes<HTMLDivElement>, 'className'>;
-declare function Tooltip({ children, title, placement, visible, withoutPortal, ...props }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function Tooltip({ children, title, placement, visible, withoutPortal, ...tooltipProps }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
 
 /** Button sizes that are available to use with our brand */
 type ButtonSizeProps$1 = 'zero' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -3472,7 +3474,7 @@ declare const ParameterToggle: React$1.ForwardRefExoticComponent<Omit<React$1.In
 } & React$1.RefAttributes<HTMLInputElement>>;
 declare const ParameterToggleInner: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
 
-type PopoverProps = PopoverProps$1 & {
+type PopoverProps = Omit<PopoverProps$1, 'unmountOnHide'> & {
     /** sets the aria-controls and id value of the matching popover set */
     /** sets the icon color
      * @default 'action'

package/dist/index.d.ts

@@ -7,7 +7,7 @@ export { ActionMeta, FormatOptionLabelContext, FormatOptionLabelMeta, GetOptionL
 import * as _emotion_react from '@emotion/react';
 import { SerializedStyles } from '@emotion/react';
 import * as _ariakit_react from '@ariakit/react';
-import { TooltipOptions, TooltipStoreProps, ButtonProps as ButtonProps$1, MenuStoreProps, PopoverStoreState, MenuProps as MenuProps$1, Menu as Menu$1, MenuItemProps as MenuItemProps$1, PopoverProps as PopoverProps$1, PopoverProviderProps, PopoverStore, TabStoreState, TabListProps, TabProps, TabPanelProps } from '@ariakit/react';
+import { TooltipOptions, TooltipStoreProps, TooltipProps as TooltipProps$1, ButtonProps as ButtonProps$1, MenuStoreProps, PopoverStoreState, MenuProps as MenuProps$1, Menu as Menu$1, MenuItemProps as MenuItemProps$1, PopoverProps as PopoverProps$1, PopoverProviderProps, PopoverStore, TabStoreState, TabListProps, TabProps, TabPanelProps } from '@ariakit/react';
 export { PopoverStore } from '@ariakit/react';
 import { RefType } from 'react-hotkeys-hook/dist/types';
 import { IconType as IconType$1, IconBaseProps } from '@react-icons/all-files/lib';
@@ -400,11 +400,13 @@ type TooltipProps = TooltipOptions & {
     placement?: TooltipStoreProps['placement'];
     /** Optional ability to control visibility of Tooltip manually, useful for showing tooltip on click instead of on hover */
     visible?: TooltipStoreProps['open'];
+    /** Offset between the reference and the popover on the main axis. Use it only in special cases. */
+    gutter?: TooltipProps$1['gutter'];
     children: JSX.Element;
     /** If the tooltip should not be rendered inside a portal */
     withoutPortal?: boolean;
 } & Pick<HTMLAttributes<HTMLDivElement>, 'className'>;
-declare function Tooltip({ children, title, placement, visible, withoutPortal, ...props }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function Tooltip({ children, title, placement, visible, withoutPortal, ...tooltipProps }: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
 
 /** Button sizes that are available to use with our brand */
 type ButtonSizeProps$1 = 'zero' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -3472,7 +3474,7 @@ declare const ParameterToggle: React$1.ForwardRefExoticComponent<Omit<React$1.In
 } & React$1.RefAttributes<HTMLInputElement>>;
 declare const ParameterToggleInner: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & React$1.RefAttributes<HTMLInputElement>>;
 
-type PopoverProps = PopoverProps$1 & {
+type PopoverProps = Omit<PopoverProps$1, 'unmountOnHide'> & {
     /** sets the aria-controls and id value of the matching popover set */
     /** sets the icon color
      * @default 'action'

package/dist/index.js

@@ -3189,12 +3189,12 @@ function Tooltip({
   placement = "bottom",
   visible,
   withoutPortal = false,
-  ...props
+  ...tooltipProps
 }) {
   const tooltip = (0, import_react14.useTooltipStore)({ placement, open: visible });
   return !title ? children : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react14.TooltipProvider, { store: tooltip, timeout: 0, children: [
     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react14.TooltipAnchor, { store: tooltip, render: children }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react14.Tooltip, { store: tooltip, ...props, portal: !withoutPortal, css: TooltipContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react14.Tooltip, { store: tooltip, ...tooltipProps, portal: !withoutPortal, css: TooltipContainer, children: [
       /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react14.TooltipArrow, { store: tooltip, css: TooltipArrowStyles }),
       title
     ] })
@@ -8577,7 +8577,7 @@ var PopoverDefaulterTriggerBtn = import_react69.css`
 var Popover = (maxWidth = "220px") => import_react69.css`
   border-left: var(--spacing-xs) solid var(--brand-secondary-3);
   border-radius: var(--rounded-base);
-  box-shadow: var(--shadow-base);
+  box-shadow: var(--elevation-400);
   background: var(--white);
   display: grid;
   gap: var(--spacing-sm);
@@ -17741,7 +17741,7 @@ var SwitchInput = (size) => import_react167.css`
   display: block;
   width: ${size === "sm" ? "var(--spacing-base)" : "var(--spacing-md)"};
   height: ${size === "sm" ? "var(--spacing-base)" : "var(--spacing-md)"};
-  margin-top: ${size === "sm" ? "var(--spacing-xs)" : "none"};
+  margin-top: ${size === "sm" ? "var(--spacing-2xs)" : "none"};
   transition:
     transform var(--duration-fast) var(--timing-ease-out),
     background-color var(--duration-fast) var(--timing-ease-out),
@@ -17795,7 +17795,7 @@ var SwitchInputLabel = (size) => import_react167.css`
     overflow: hidden;
     width: ${size === "sm" ? "var(--spacing-lg)" : "var(--spacing-xl)"};
     height: ${size === "sm" ? "var(--spacing-base)" : "var(--spacing-md)"};
-    margin-top: ${size === "sm" ? "var(--spacing-xs)" : "none"};
+    margin-top: ${size === "sm" ? "var(--spacing-2xs)" : "none"};
     position: absolute;
     left: 0;
     top: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "20.1.1-alpha.2+1e066734ed",
+  "version": "20.3.1-alpha.0+86ebe90984",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -26,8 +26,8 @@
     "@storybook/theming": "^8.3.3",
     "@types/react": "18.3.11",
     "@types/react-dom": "18.3.1",
-    "@uniformdev/canvas": "^20.1.1-alpha.2+1e066734ed",
-    "@uniformdev/richtext": "^20.1.1-alpha.2+1e066734ed",
+    "@uniformdev/canvas": "^20.3.1-alpha.0+86ebe90984",
+    "@uniformdev/richtext": "^20.3.1-alpha.0+86ebe90984",
     "autoprefixer": "10.4.16",
     "hygen": "6.2.11",
     "postcss": "8.4.47",
@@ -77,5 +77,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1e066734ed23e5a51205896b47c92566380d52bc"
+  "gitHead": "86ebe909840ce1e8a9ecabc93298b5243a7b6179"
 }