@dxos/shell 0.6.9 → 0.6.10-main.3cfcc89

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/shell",
-  "version": "0.6.9",
+  "version": "0.6.10-main.3cfcc89",
   "description": "DXOS’s OS experiences",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -42,20 +42,20 @@
     "react-qr-rounded": "^1.0.0",
     "url-join": "^5.0.0",
     "xstate": "^4.37.0",
-    "@dxos/async": "0.6.9",
-    "@dxos/client-protocol": "0.6.9",
-    "@dxos/client-services": "0.6.9",
-    "@dxos/debug": "0.6.9",
-    "@dxos/display-name": "0.6.9",
-    "@dxos/invariant": "0.6.9",
-    "@dxos/log": "0.6.9",
-    "@dxos/protocols": "0.6.9",
-    "@dxos/react-ui": "0.6.9",
-    "@dxos/react-ui-theme": "0.6.9",
-    "@dxos/react-ui-types": "0.6.9",
-    "@dxos/rpc": "0.6.9",
-    "@dxos/rpc-tunnel": "0.6.9",
-    "@dxos/util": "0.6.9"
+    "@dxos/client-protocol": "0.6.10-main.3cfcc89",
+    "@dxos/client-services": "0.6.10-main.3cfcc89",
+    "@dxos/debug": "0.6.10-main.3cfcc89",
+    "@dxos/display-name": "0.6.10-main.3cfcc89",
+    "@dxos/invariant": "0.6.10-main.3cfcc89",
+    "@dxos/log": "0.6.10-main.3cfcc89",
+    "@dxos/protocols": "0.6.10-main.3cfcc89",
+    "@dxos/react-ui": "0.6.10-main.3cfcc89",
+    "@dxos/react-ui-theme": "0.6.10-main.3cfcc89",
+    "@dxos/react-ui-types": "0.6.10-main.3cfcc89",
+    "@dxos/async": "0.6.10-main.3cfcc89",
+    "@dxos/rpc": "0.6.10-main.3cfcc89",
+    "@dxos/rpc-tunnel": "0.6.10-main.3cfcc89",
+    "@dxos/util": "0.6.10-main.3cfcc89"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -65,19 +65,19 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "^5.3.4",
-    "@dxos/protocols": "0.6.9",
-    "@dxos/config": "0.6.9",
-    "@dxos/random": "0.6.9",
-    "@dxos/react-async": "0.6.9",
-    "@dxos/react-ui-theme": "0.6.9",
-    "@dxos/react-client": "0.6.9",
-    "@dxos/storybook-utils": "0.6.9"
+    "@dxos/config": "0.6.10-main.3cfcc89",
+    "@dxos/protocols": "0.6.10-main.3cfcc89",
+    "@dxos/react-async": "0.6.10-main.3cfcc89",
+    "@dxos/react-client": "0.6.10-main.3cfcc89",
+    "@dxos/random": "0.6.10-main.3cfcc89",
+    "@dxos/react-ui-theme": "0.6.10-main.3cfcc89",
+    "@dxos/storybook-utils": "0.6.10-main.3cfcc89"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "@dxos/react-client": "0.6.9"
+    "@dxos/react-client": "0.6.10-main.3cfcc89"
   },
   "publishConfig": {
     "access": "public"

package/src/components/AgentConfig.tsx

@@ -95,7 +95,7 @@ export const AgentConfig = ({
             onClick={agentStatus === 'creatable' ? onAgentCreate : onAgentRefresh}
             aria-describedby='devices-panel.create-agent.description'
           >
-            <div role='img' className={mx(getSize(8), 'm-1 rounded-sm surface-input grid place-items-center')}>
+            <div role='img' className={mx(getSize(8), 'm-1 rounded-sm bg-input grid place-items-center')}>
               {agentStatus === 'creatable' ? (
                 <Plus weight='light' className={getSize(6)} />
               ) : (

package/src/components/CompoundButton/CompoundButton.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2022 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import { ArrowRight, ClockCounterClockwise } from '@phosphor-icons/react';
 import React, { type PropsWithChildren } from 'react';

package/src/components/DeviceList/DeviceList.tsx

@@ -45,7 +45,7 @@ export const DeviceList = ({
         data-testid='devices-panel.create-invitation'
         onClick={onClickAdd}
       >
-        <div role='img' className={mx(getSize(8), 'm-1 rounded-sm surface-input grid place-items-center')}>
+        <div role='img' className={mx(getSize(8), 'm-1 rounded-sm bg-input grid place-items-center')}>
           <Plus weight='light' className={getSize(6)} />
         </div>
         <span className='grow font-medium text-start'>{t('choose add device label')}</span>

package/src/components/IdentityList/SpaceMemberList.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React from 'react';
 

package/src/components/InvitationList/InvitationList.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React from 'react';
 

package/src/components/Panel/Panel.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React from 'react';
 

package/src/components/Viewport/Viewport.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React from 'react';
 

package/src/composites/Shell/Shell.tsx

@@ -20,6 +20,8 @@ import { JoinDialog } from '../JoinDialog';
 import { SpaceDialog } from '../SpaceDialog';
 import { StatusDialog } from '../StatusDialog';
 
+const blurActiveElement = () => (document.activeElement as HTMLElement | undefined)?.blur?.();
+
 export const Shell = ({ runtime }: { runtime: ShellRuntime }) => {
   const [{ layout, invitationCode, spaceKey, spaceId, target }, setLayout] = useState<LayoutRequest>({
     layout: runtime.layout,
@@ -87,6 +89,7 @@ export const Shell = ({ runtime }: { runtime: ShellRuntime }) => {
           initialInvitationCode={invitationCode}
           onCancelResetStorage={() => runtime.setLayout({ layout: ShellLayout.IDENTITY })}
           onDone={() => {
+            blurActiveElement();
             void runtime.setAppContext({ display: ShellDisplay.NONE });
             runtime.setLayout({ layout: ShellLayout.DEFAULT });
           }}
@@ -110,6 +113,7 @@ export const Shell = ({ runtime }: { runtime: ShellRuntime }) => {
             return runtime.setLayout({ layout: ShellLayout.INITIALIZE_IDENTITY_FROM_INVITATION });
           }}
           onDone={async () => {
+            blurActiveElement();
             await runtime.setAppContext({ display: ShellDisplay.NONE });
             runtime.setLayout({ layout: ShellLayout.DEFAULT });
           }}
@@ -124,6 +128,7 @@ export const Shell = ({ runtime }: { runtime: ShellRuntime }) => {
           target={target}
           createInvitationUrl={createSpaceInvitationUrl}
           onDone={async () => {
+            blurActiveElement();
             await runtime.setAppContext({ display: ShellDisplay.NONE });
             runtime.setLayout({ layout: ShellLayout.DEFAULT });
           }}
@@ -135,6 +140,7 @@ export const Shell = ({ runtime }: { runtime: ShellRuntime }) => {
         <JoinDialog
           initialInvitationCode={invitationCode}
           onDone={async (result) => {
+            blurActiveElement();
             const target = result?.target ?? undefined;
             await runtime.setAppContext({
               display: ShellDisplay.NONE,
@@ -144,6 +150,7 @@ export const Shell = ({ runtime }: { runtime: ShellRuntime }) => {
             runtime.setLayout({ layout: ShellLayout.DEFAULT });
           }}
           onExit={async () => {
+            blurActiveElement();
             await runtime.setAppContext({ display: ShellDisplay.NONE });
             runtime.setLayout({ layout: ShellLayout.DEFAULT });
           }}

package/src/index.ts

@@ -2,6 +2,6 @@
 // Copyright 2023 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 export { runShell } from './composites';

package/src/panels/IdentityPanel/IdentityPanel.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React from 'react';
 

package/src/panels/JoinPanel/JoinPanel.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React from 'react';
 

package/src/panels/Panels.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React, { type FC } from 'react';
 

package/src/panels/SpacePanel/SpacePanel.stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import React from 'react';
 

package/src/stories/Invitations.e2e-stories.tsx

@@ -2,7 +2,7 @@
 // Copyright 2023 DXOS.org
 //
 
-import '@dxosTheme';
+import '@dxos-theme';
 
 import { Laptop, Planet, Plus, PlusCircle, SignIn, QrCode, WifiHigh, WifiSlash } from '@phosphor-icons/react';
 import React, { useMemo, useState } from 'react';