@dxos/react-ui 0.4.7-next.f4b92be → 0.4.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui",
-  "version": "0.4.7-next.f4b92be",
+  "version": "0.4.7",
   "description": "Low-level React components for DXOS, applying a theme to a core group of primitives",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -39,10 +39,11 @@
     "i18next": "^21.10.0",
     "keyborg": "^2.5.0",
     "react-i18next": "^11.18.6",
-    "@dxos/react-hooks": "0.4.7-next.f4b92be",
-    "@dxos/react-input": "0.4.7-next.f4b92be",
-    "@dxos/react-ui-types": "0.4.7-next.f4b92be",
-    "@dxos/react-list": "0.4.7-next.f4b92be"
+    "@dxos/react-hooks": "0.4.7",
+    "@dxos/log": "0.4.7",
+    "@dxos/react-list": "0.4.7",
+    "@dxos/react-input": "0.4.7",
+    "@dxos/react-ui-types": "0.4.7"
   },
   "devDependencies": {
     "@dnd-kit/core": "^6.0.5",
@@ -53,11 +54,11 @@
     "@types/react-dom": "^18.0.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "vite": "^5.1.3",
+    "vite": "^5.1.5",
     "vite-plugin-turbosnap": "^1.0.2",
-    "@dxos/random": "0.4.7-next.f4b92be",
-    "@dxos/react-ui-theme": "0.4.7-next.f4b92be",
-    "@dxos/util": "0.4.7-next.f4b92be"
+    "@dxos/random": "0.4.7",
+    "@dxos/react-ui-theme": "0.4.7",
+    "@dxos/util": "0.4.7"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.0.5",

package/src/components/Avatars/Avatar.stories.tsx

@@ -68,7 +68,7 @@ const sampleImage =
 
 const row = (size: Size) => (
   <>
-    <StorybookAvatar size={size} description='Offline' />
+    <StorybookAvatar size={size} status='inactive' description='Offline' />
     <StorybookAvatar size={size} status='active' />
     <StorybookAvatar size={size} status='active' imgSrc={sampleImage} />
   </>
@@ -99,7 +99,7 @@ export const Image = () => (
 
 export const Square = () => (
   <div className='flex flex-row gap-4'>
-    <StorybookAvatar variant='square' description='Offline' />
+    <StorybookAvatar variant='square' status='inactive' description='Offline' />
     <StorybookAvatar variant='square' status='active' />
     <StorybookAvatar variant='square' status='error' />
     <StorybookAvatar variant='square' status='warning' />
@@ -109,8 +109,9 @@ export const Square = () => (
 export const DefaultEmoji = () => (
   <div className='flex flex-row gap-4'>
     <StorybookAvatar fallbackText='🦄' status='active' animation='pulse' />
-    <StorybookAvatar fallbackText='🐒' animation='pulse' />
-    <StorybookAvatar fallbackText='🪲' />
+    <StorybookAvatar fallbackText='🐒' status='warning' animation='pulse' />
+    <StorybookAvatar fallbackText='🪲' status='inactive' />
+    <StorybookAvatar fallbackText='🦁' />
   </div>
 );
 

package/src/components/Avatars/Avatar.tsx

@@ -74,8 +74,8 @@ const AvatarFrame = forwardRef<HTMLSpanElement, AvatarFrameProps>(
     const { tx } = useThemeContext();
     const numericSize = size === 'px' ? 1 : Number(size);
     const sizePx = numericSize * 4;
-    const ringWidth = numericSize > 4 ? 2 : numericSize > 3 ? 1 : 1;
-    const ringGap = numericSize > 12 ? 3 : numericSize > 4 ? 2 : numericSize > 3 ? 1 : 0;
+    const ringWidth = status ? (numericSize > 4 ? 2 : numericSize > 3 ? 1 : 1) : 0;
+    const ringGap = status ? (numericSize > 12 ? 3 : numericSize > 4 ? 2 : numericSize > 3 ? 1 : 0) : 0;
     const r = sizePx / 2 - ringGap - ringWidth;
     return (
       <AvatarRootPrimitive

package/src/components/Main/Main.tsx

@@ -19,6 +19,7 @@ import React, {
   useState,
 } from 'react';
 
+import { log } from '@dxos/log';
 import { useMediaQuery, useForwardedRef } from '@dxos/react-hooks';
 
 import { useSwipeToDismiss } from './useSwipeToDismiss';
@@ -45,12 +46,12 @@ const [MainProvider, useMainContext] = createContext<MainContextValue>(MAIN_NAME
   navigationSidebarOpen: false,
   setNavigationSidebarOpen: (nextOpen) => {
     // TODO(burdon): Standardize with other context missing errors using raise.
-    console.warn('Attempt to set sidebar state without initializing `MainRoot`');
+    log.warn('Attempt to set sidebar state without initializing `MainRoot`');
   },
   complementarySidebarOpen: false,
   setComplementarySidebarOpen: (nextOpen) => {
     // TODO(burdon): Standardize with other context missing errors using raise.
-    console.warn('Attempt to set sidebar state without initializing `MainRoot`');
+    log.warn('Attempt to set sidebar state without initializing `MainRoot`');
   },
 });