@dxos/react-ui 0.1.6 → 0.1.8

package/dist/src/components/Dialog/Dialog.js

@@ -40,14 +40,14 @@ const Tooltip_1 = require("../Tooltip");
 const Dialog = ({ title, titleVisuallyHidden, description, openTrigger, children, closeTriggers, closeLabel, initiallyOpen, mountAsSibling }) => {
     const [isOpen, setIsOpen] = (0, react_2.useState)(!!initiallyOpen);
     const dialogOverlayAndContent = (react_2.default.createElement(react_1.Transition.Root, { show: isOpen },
-        react_2.default.createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: 'ease-out duration-300', enterFrom: 'opacity-0', enterTo: 'opacity-100', leave: 'ease-in duration-200', leaveFrom: 'opacity-100', leaveTo: 'opacity-0' },
+        react_2.default.createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: 'linear duration-300', enterFrom: 'opacity-0', enterTo: 'opacity-100', leave: 'linear duration-200', leaveFrom: 'opacity-100', leaveTo: 'opacity-0' },
             react_2.default.createElement(DialogPrimitive.Overlay, { forceMount: true, className: 'fixed inset-0 z-20 bg-black/50' })),
         react_2.default.createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: 'ease-out duration-300', enterFrom: 'opacity-0 scale-95', enterTo: 'opacity-100 scale-100', leave: 'ease-in duration-200', leaveFrom: 'opacity-100 scale-100', leaveTo: 'opacity-0 scale-95' },
             react_2.default.createElement(DialogPrimitive.Content, { forceMount: true, className: (0, classnames_1.default)('fixed z-50', 'w-[95vw] max-w-md rounded-xl p-4 md:w-full', 'top-[50%] left-[50%] -translate-x-[50%] -translate-y-[50%]', 'shadow-2xl bg-white dark:bg-neutral-800 elevated-buttons', styles_1.defaultFocus) },
                 react_2.default.createElement(DialogPrimitive.Title, { className: (0, classnames_1.default)('text-2xl font-display font-medium text-neutral-900 dark:text-neutral-100 rounded-md', titleVisuallyHidden && 'sr-only', styles_1.defaultFocus), tabIndex: 0 }, title),
                 description && (react_2.default.createElement(DialogPrimitive.Description, { className: (0, classnames_1.default)('mt-2', styles_1.defaultDescription) }, description)),
                 children,
-                closeLabel && (react_2.default.createElement(Tooltip_1.Tooltip, { content: closeLabel },
+                closeLabel && (react_2.default.createElement(Tooltip_1.Tooltip, { zIndex: 'z-[51]', content: closeLabel },
                     react_2.default.createElement(DialogPrimitive.Close, { className: (0, classnames_1.default)('absolute top-3.5 right-3.5 inline-flex items-center justify-center rounded-sm p-1', styles_1.defaultFocus, (0, styles_1.defaultHover)({})) },
                         react_2.default.createElement(phosphor_react_1.X, { className: 'h-4 w-4 text-neutral-500 hover:text-neutral-700 dark:text-neutral-500 dark:hover:text-neutral-400' })))),
                 closeTriggers && (react_2.default.createElement("div", { className: 'flex flex-wrap justify-end gap-4' }, closeTriggers.map((closeTrigger, key) => (react_2.default.createElement(DialogPrimitive.Close, { key: key }, closeTrigger)))))))));

package/dist/src/components/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/Input/Input.js

@@ -71,8 +71,8 @@ const Input = ({ label, labelVisuallyHidden, placeholder, description, descripti
         validationValence
     };
     const bareInput = size === 'pin' ? (react_1.default.createElement(BarePinInput_1.BarePinInput, { ...bareInputBaseProps, length: length })) : size === 'textarea' ? (react_1.default.createElement(BareTextareaInput_1.BareTextareaInput, { ...bareInputBaseProps })) : (react_1.default.createElement(BareTextInput_1.BareTextInput, { ...bareInputBaseProps, size: size }));
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('my-4', className), role: 'none' },
-        react_1.default.createElement("label", { htmlFor: inputId, className: (0, classnames_1.default)('block mb-1 text-sm font-medium text-neutral-900 dark:text-neutral-100', labelVisuallyHidden && 'sr-only') }, label),
+    return (react_1.default.createElement("div", { role: 'none', className: (0, classnames_1.default)('mlb-4', className) },
+        react_1.default.createElement("label", { htmlFor: inputId, className: (0, classnames_1.default)('block pbe-1 text-sm font-medium text-neutral-900 dark:text-neutral-100', labelVisuallyHidden && 'sr-only') }, label),
         bareInput,
         (description || validationMessage) && (react_1.default.createElement("p", { ...(!isInvalid && { id: descriptionId }), className: (0, classnames_1.default)(descriptionVisuallyHidden && !isInvalid && 'sr-only') },
             validationMessage && (react_1.default.createElement("span", { id: validationId, className: (0, styles_1.valenceColorText)(validationValence) },

package/dist/src/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/Tooltip/Tooltip.d.ts

@@ -6,6 +6,7 @@ export interface TooltipProps extends Omit<ComponentProps<typeof TooltipPrimitiv
     compact?: boolean;
     tooltipLabelsTrigger?: boolean;
     mountAsSibling?: boolean;
+    zIndex?: string;
 }
-export declare const Tooltip: ({ content, children, compact, tooltipLabelsTrigger, mountAsSibling, ...contentProps }: TooltipProps) => JSX.Element;
+export declare const Tooltip: ({ content, children, compact, tooltipLabelsTrigger, mountAsSibling, zIndex, ...contentProps }: TooltipProps) => JSX.Element;
 //# sourceMappingURL=Tooltip.d.ts.map

package/dist/src/components/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAE5D,OAAc,EAAE,cAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAKnE,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC;IACrG,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,OAAO,0FAOjB,YAAY,gBAuCd,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAE5D,OAAc,EAAE,cAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAKnE,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC;IACrG,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,OAAO,kGAQjB,YAAY,gBAwCd,CAAC"}

package/dist/src/components/Tooltip/Tooltip.js

@@ -35,10 +35,10 @@ const classnames_1 = __importDefault(require("classnames"));
 const react_1 = __importStar(require("react"));
 const hooks_1 = require("../../hooks");
 const styles_1 = require("../../styles");
-const Tooltip = ({ content, children, compact, tooltipLabelsTrigger, mountAsSibling, ...contentProps }) => {
+const Tooltip = ({ content, children, compact, tooltipLabelsTrigger, mountAsSibling, zIndex = 'z-[2]', ...contentProps }) => {
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);
     const labelId = (0, hooks_1.useId)('tooltipLabel');
-    const tooltipContent = (react_1.default.createElement(TooltipPrimitive.Content, { forceMount: true, ...contentProps, className: (0, classnames_1.default)('radix-side-top:animate-slide-down-fade', 'radix-side-right:animate-slide-left-fade', 'radix-side-bottom:animate-slide-up-fade', 'radix-side-left:animate-slide-right-fade', 'z-[2] inline-flex items-center rounded-md', !compact && 'px-4 py-2.5', 'shadow-lg bg-white dark:bg-neutral-800', !isOpen && 'sr-only', styles_1.defaultTooltip, contentProps.className) },
+    const tooltipContent = (react_1.default.createElement(TooltipPrimitive.Content, { forceMount: true, ...contentProps, className: (0, classnames_1.default)('radix-side-top:animate-slide-down-fade', 'radix-side-right:animate-slide-left-fade', 'radix-side-bottom:animate-slide-up-fade', 'radix-side-left:animate-slide-right-fade', 'inline-flex items-center rounded-md', zIndex, !compact && 'px-4 py-2.5', 'shadow-lg bg-white dark:bg-neutral-800', !isOpen && 'sr-only', styles_1.defaultTooltip, contentProps.className) },
         react_1.default.createElement(TooltipPrimitive.Arrow, { className: 'fill-current text-white dark:text-neutral-800' }),
         content));
     return (react_1.default.createElement(TooltipPrimitive.Root, { open: isOpen, onOpenChange: setIsOpen },

package/dist/src/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,0EAA4D;AAC5D,4DAA4B;AAC5B,+CAAmE;AAEnE,uCAAoC;AACpC,yCAA8C;AAUvC,MAAM,OAAO,GAAG,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,OAAO,EACP,oBAAoB,EACpB,cAAc,EACd,GAAG,YAAY,EACF,EAAE,EAAE;IACjB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;IAEtC,MAAM,cAAc,GAAG,CACrB,8BAAC,gBAAgB,CAAC,OAAO,IACvB,UAAU,WACN,YAAY,EAChB,SAAS,EAAE,IAAA,oBAAE,EACX,wCAAwC,EACxC,0CAA0C,EAC1C,yCAAyC,EACzC,0CAA0C,EAC1C,2CAA2C,EAC3C,CAAC,OAAO,IAAI,aAAa,EACzB,wCAAwC,EACxC,CAAC,MAAM,IAAI,SAAS,EACpB,uBAAc,EACd,YAAY,CAAC,SAAS,CACvB;QAED,8BAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,+CAA+C,GAAG;QACnF,OAAO,CACiB,CAC5B,CAAC;IAEF,OAAO,CACL,8BAAC,gBAAgB,CAAC,IAAI,IAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS;QAC1D,8BAAC,gBAAgB,CAAC,OAAO,IAAC,OAAO,WAAK,CAAC,oBAAoB,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAE,CAAC,IAC3F,QAAQ,CACgB;QAC1B,oBAAoB,IAAI,CACvB,wCAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,SAAS,IACnC,OAAO,CACH,CACR;QACA,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,8BAAC,gBAAgB,CAAC,MAAM,IAAC,UAAU,UAAE,cAAc,CAA2B,CAC3F,CACzB,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,OAAO,WA8ClB"}
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,0EAA4D;AAC5D,4DAA4B;AAC5B,+CAAmE;AAEnE,uCAAoC;AACpC,yCAA8C;AAWvC,MAAM,OAAO,GAAG,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,OAAO,EACP,oBAAoB,EACpB,cAAc,EACd,MAAM,GAAG,OAAO,EAChB,GAAG,YAAY,EACF,EAAE,EAAE;IACjB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;IAEtC,MAAM,cAAc,GAAG,CACrB,8BAAC,gBAAgB,CAAC,OAAO,IACvB,UAAU,WACN,YAAY,EAChB,SAAS,EAAE,IAAA,oBAAE,EACX,wCAAwC,EACxC,0CAA0C,EAC1C,yCAAyC,EACzC,0CAA0C,EAC1C,qCAAqC,EACrC,MAAM,EACN,CAAC,OAAO,IAAI,aAAa,EACzB,wCAAwC,EACxC,CAAC,MAAM,IAAI,SAAS,EACpB,uBAAc,EACd,YAAY,CAAC,SAAS,CACvB;QAED,8BAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,+CAA+C,GAAG;QACnF,OAAO,CACiB,CAC5B,CAAC;IAEF,OAAO,CACL,8BAAC,gBAAgB,CAAC,IAAI,IAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS;QAC1D,8BAAC,gBAAgB,CAAC,OAAO,IAAC,OAAO,WAAK,CAAC,oBAAoB,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAE,CAAC,IAC3F,QAAQ,CACgB;QAC1B,oBAAoB,IAAI,CACvB,wCAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,SAAS,IACnC,OAAO,CACH,CACR;QACA,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,8BAAC,gBAAgB,CAAC,MAAM,IAAC,UAAU,UAAE,cAAc,CAA2B,CAC3F,CACzB,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,OAAO,WAgDlB"}

package/dist/src/components/Tooltip/Tooltip.stories.d.ts

@@ -2,7 +2,7 @@ import '@dxosTheme';
 import { TooltipProps } from './Tooltip';
 declare const _default: {
     title: string;
-    component: ({ content, children, compact, tooltipLabelsTrigger, mountAsSibling, ...contentProps }: TooltipProps) => JSX.Element;
+    component: ({ content, children, compact, tooltipLabelsTrigger, mountAsSibling, zIndex, ...contentProps }: TooltipProps) => JSX.Element;
 };
 export default _default;
 export declare const Default: import("@storybook/react").Story<TooltipProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "Vite plugin which configures a low-level design system for DXOS.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",

package/src/components/Dialog/Dialog.tsx

@@ -40,10 +40,10 @@ export const Dialog = ({
     <Transition.Root show={isOpen}>
       <Transition.Child
         as={Fragment}
-        enter='ease-out duration-300'
+        enter='linear duration-300'
         enterFrom='opacity-0'
         enterTo='opacity-100'
-        leave='ease-in duration-200'
+        leave='linear duration-200'
         leaveFrom='opacity-100'
         leaveTo='opacity-0'
       >
@@ -87,7 +87,7 @@ export const Dialog = ({
           {children}
 
           {closeLabel && (
-            <Tooltip content={closeLabel}>
+            <Tooltip zIndex='z-[51]' content={closeLabel}>
               <DialogPrimitive.Close
                 className={cx(
                   'absolute top-3.5 right-3.5 inline-flex items-center justify-center rounded-sm p-1',

package/src/components/Input/Input.tsx

@@ -80,11 +80,11 @@ export const Input = ({
     );
 
   return (
-    <div className={cx('my-4', className)} role='none'>
+    <div role='none' className={cx('mlb-4', className)}>
       <label
         htmlFor={inputId}
         className={cx(
-          'block mb-1 text-sm font-medium text-neutral-900 dark:text-neutral-100',
+          'block pbe-1 text-sm font-medium text-neutral-900 dark:text-neutral-100',
           labelVisuallyHidden && 'sr-only'
         )}
       >

package/src/components/Tooltip/Tooltip.tsx

@@ -15,6 +15,7 @@ export interface TooltipProps extends Omit<ComponentProps<typeof TooltipPrimitiv
   compact?: boolean;
   tooltipLabelsTrigger?: boolean;
   mountAsSibling?: boolean;
+  zIndex?: string;
 }
 
 export const Tooltip = ({
@@ -23,6 +24,7 @@ export const Tooltip = ({
   compact,
   tooltipLabelsTrigger,
   mountAsSibling,
+  zIndex = 'z-[2]',
   ...contentProps
 }: TooltipProps) => {
   const [isOpen, setIsOpen] = useState(false);
@@ -37,7 +39,8 @@ export const Tooltip = ({
         'radix-side-right:animate-slide-left-fade',
         'radix-side-bottom:animate-slide-up-fade',
         'radix-side-left:animate-slide-right-fade',
-        'z-[2] inline-flex items-center rounded-md',
+        'inline-flex items-center rounded-md',
+        zIndex,
         !compact && 'px-4 py-2.5',
         'shadow-lg bg-white dark:bg-neutral-800',
         !isOpen && 'sr-only',