Deploy

5.3.8
xylabs · Nov 26, 2024 · cc602e5 · cc602e5
1 parent 703a1a8
commit cc602e5
Show file tree

Hide file tree

Showing 48 changed files with 85 additions and 92 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/sdk-react",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",

diff --git a/packages/accordion/package.json b/packages/accordion/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-accordion",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",

diff --git a/packages/animation/package.json b/packages/animation/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-animation",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",

diff --git a/packages/app-settings/package.json b/packages/app-settings/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-app-settings",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",

diff --git a/packages/appbar/package.json b/packages/appbar/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-appbar",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",

diff --git a/packages/async-effect/package.json b/packages/async-effect/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-async-effect",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",

diff --git a/packages/base-page/package.json b/packages/base-page/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-base-page",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",

diff --git a/packages/button/package.json b/packages/button/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-button",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",

diff --git a/packages/common/package.json b/packages/common/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-common",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",

diff --git a/packages/cookie-consent/package.json b/packages/cookie-consent/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-cookie-consent",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",

diff --git a/packages/crypto/package.json b/packages/crypto/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-crypto",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",

diff --git a/packages/dialogs/package.json b/packages/dialogs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-dialogs",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",

diff --git a/packages/error/package.json b/packages/error/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-error",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",

diff --git a/packages/experiments/package.json b/packages/experiments/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-experiments",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",

diff --git a/packages/flexbox/package.json b/packages/flexbox/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-flexbox",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",

diff --git a/packages/hooks/package.json b/packages/hooks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-hooks",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",

diff --git a/packages/identicon/package.json b/packages/identicon/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-identicon",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",

diff --git a/packages/invertible-theme/package.json b/packages/invertible-theme/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-invertible-theme",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",

diff --git a/packages/invertible-theme/src/Buttons/DarkModeIconButton.tsx b/packages/invertible-theme/src/Buttons/DarkModeIconButton.tsx
@@ -26,13 +26,13 @@ export const DarkModeIconButton: React.FC<DarkModeIconButtonProps> = ({
   toggleMode,
   ...props
 }) => {
-  const darkModeIconColor = defaultDarkModeColor ?? 'inherit'
-  const lightModeIconColor = defaultLightModeColor ?? 'inherit'
   const [iconColor, setIconColor] = useState<iconColor>(darkMode ? defaultDarkModeColor : defaultLightModeColor)
   const [iconColorIsSet, setIconColorIsSet] = useState(false)
 
   const handleHover = () => {
     setIconColor(() => {
+      const darkModeIconColor = defaultDarkModeColor ?? 'inherit'
+      const lightModeIconColor = defaultLightModeColor ?? 'inherit'
       if (darkMode) {
         return iconColorIsSet ? darkModeIconColor : 'info'
       } else {

diff --git a/packages/invertible-theme/src/Buttons/ThemeModeButtonGroup.stories.tsx b/packages/invertible-theme/src/Buttons/ThemeModeButtonGroup.stories.tsx
@@ -1,5 +1,6 @@
 import { CssBaseline, ThemeProvider } from '@mui/material'
 import { createTheme } from '@mui/material/styles'
+import type { StoryFn } from '@storybook/react'
 import React from 'react'
 
 import { InvertibleMuiThemeProvider } from '../InvertibleMuiThemeProvider/index.ts'
@@ -19,11 +20,11 @@ const theme = createTheme({
   },
 })
 
-const Template = () => (
+const Template: StoryFn = () => (
   <ThemeProvider theme={theme}>
     <CssBaseline />
     <InvertibleMuiThemeProvider>
-      <ThemeModeButtonGroup />
+      <ThemeModeButtonGroup sx={{ margin: 2 }} />
     </InvertibleMuiThemeProvider>
   </ThemeProvider>
 )

diff --git a/packages/invertible-theme/src/Buttons/ThemeModeButtonGroup.tsx b/packages/invertible-theme/src/Buttons/ThemeModeButtonGroup.tsx
@@ -1,42 +1,34 @@
-import {
-  Button, ButtonGroup, Chip, Stack,
-} from '@mui/material'
+import type { ButtonGroupProps } from '@mui/material'
+import { Button, ButtonGroup } from '@mui/material'
 import React from 'react'
 
 import { useColorSchemeEx } from '../InvertibleMuiThemeProvider/index.ts'
 
-export const ThemeModeButtonGroup: React.FC = () => {
+export const ThemeModeButtonGroup: React.FC<ButtonGroupProps> = (props) => {
   const {
-    darkMode, lightMode, systemMode, mode, setMode,
+    darkMode, lightMode, systemMode, setMode,
   } = useColorSchemeEx()
 
   return (
-    <Stack direction="column" gap={2} alignItems="start">
-      <Stack direction="row" gap={2}>
-        Current Mode:
-        {' '}
-        <Chip label={mode} />
-      </Stack>
-      <ButtonGroup>
-        <Button
-          variant={darkMode ? 'contained' : 'outlined'}
-          onClick={() => setMode('dark')}
-        >
-          Dark Mode
-        </Button>
-        <Button
-          variant={lightMode ? 'contained' : 'outlined'}
-          onClick={() => setMode('light')}
-        >
-          Light Mode
-        </Button>
-        <Button
-          variant={systemMode ? 'contained' : 'outlined'}
-          onClick={() => setMode('system')}
-        >
-          System
-        </Button>
-      </ButtonGroup>
-    </Stack>
+    <ButtonGroup {...props}>
+      <Button
+        variant={darkMode ? 'contained' : 'outlined'}
+        onClick={() => setMode('dark')}
+      >
+        Dark Mode
+      </Button>
+      <Button
+        variant={lightMode ? 'contained' : 'outlined'}
+        onClick={() => setMode('light')}
+      >
+        Light Mode
+      </Button>
+      <Button
+        variant={systemMode ? 'contained' : 'outlined'}
+        onClick={() => setMode('system')}
+      >
+        System
+      </Button>
+    </ButtonGroup>
   )
 }
diff --git a/packages/invertible-theme/src/InvertibleThemeContext.tsx b/packages/invertible-theme/src/InvertibleThemeContext.tsx
diff --git a/.../invertible-theme/src/InvertibleTheme.tsx → ...vertibleThemeProvider/InvertibleTheme.tsx b/.../invertible-theme/src/InvertibleTheme.tsx → ...vertibleThemeProvider/InvertibleTheme.tsx
@@ -1,9 +1,8 @@
 import type { ThemeOptions } from '@mui/material'
 
-interface InvertibleTheme {
+/** @deprecated switch to InvertibleMuiThemeProvider which does not require this */
+export interface InvertibleTheme {
   darkOptions?: ThemeOptions
   lightOptions?: ThemeOptions
   options: ThemeOptions
 }
-
-export type { InvertibleTheme }
diff --git a/packages/invertible-theme/src/LegacyInvertibleThemeProvider/InvertibleThemeContext.tsx b/packages/invertible-theme/src/LegacyInvertibleThemeProvider/InvertibleThemeContext.tsx
@@ -0,0 +1,6 @@
+import { createContext } from 'react'
+
+import type { InvertibleTheme } from './InvertibleTheme.tsx'
+
+/** @deprecated switch to InvertibleMuiThemeProvider which does not require this */
+export const InvertibleThemeContext = createContext<InvertibleTheme>({ options: {} })
diff --git a/...e/src/InvertibleThemeProvider.stories.tsx → ...vider/InvertibleThemeProvider.stories.tsx b/...e/src/InvertibleThemeProvider.stories.tsx → ...vider/InvertibleThemeProvider.stories.tsx
diff --git a/...ble-theme/src/InvertibleThemeProvider.tsx → ...ThemeProvider/InvertibleThemeProvider.tsx b/...ble-theme/src/InvertibleThemeProvider.tsx → ...ThemeProvider/InvertibleThemeProvider.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable complexity */
 import type { Theme, ThemeOptions } from '@mui/material'
 import {
   createTheme, responsiveFontSizes, ScopedCssBaseline, ThemeProvider,
@@ -11,7 +12,7 @@ import type { InvertibleThemeProviderProps } from './InvertibleThemeProviderProp
 import { resolveThemeColors } from './resolveThemeColors.js'
 import { useInvertibleThemeProvider } from './use.ts'
 
-// eslint-disable-next-line complexity
+/** @deprecated use InvertibleMuiThemeProvider instead */
 export const InvertibleThemeProvider: React.FC<InvertibleThemeProviderProps> = ({
   options,
   children,

diff --git a/...theme/src/InvertibleThemeProviderProps.ts → ...eProvider/InvertibleThemeProviderProps.ts b/...theme/src/InvertibleThemeProviderProps.ts → ...eProvider/InvertibleThemeProviderProps.ts
@@ -1,7 +1,8 @@
 import type { ThemeOptions } from '@mui/material'
 import type { ReactNode } from 'react'
 
-interface InvertibleThemeProviderProps {
+/** @deprecated use InvertibleMuiThemeProviderProps instead */
+export interface InvertibleThemeProviderProps {
   children?: ReactNode
   dark?: boolean
 
@@ -18,5 +19,3 @@ interface InvertibleThemeProviderProps {
   resolve?: boolean
   scoped?: boolean
 }
-
-export type { InvertibleThemeProviderProps }
diff --git a/packages/invertible-theme/src/LegacyInvertibleThemeProvider/index.ts b/packages/invertible-theme/src/LegacyInvertibleThemeProvider/index.ts
@@ -0,0 +1,5 @@
+export * from './InvertibleTheme.tsx'
+export * from './InvertibleThemeContext.tsx'
+export * from './InvertibleThemeProvider.tsx'
+export * from './InvertibleThemeProviderProps.ts'
+export * from './use.ts'
diff --git a/...nvertible-theme/src/resolveThemeColors.ts → ...rtibleThemeProvider/resolveThemeColors.ts b/...nvertible-theme/src/resolveThemeColors.ts → ...rtibleThemeProvider/resolveThemeColors.ts
diff --git a/packages/invertible-theme/src/use.ts → .../src/LegacyInvertibleThemeProvider/use.ts b/packages/invertible-theme/src/use.ts → .../src/LegacyInvertibleThemeProvider/use.ts
@@ -2,6 +2,7 @@ import { useContext } from 'react'
 
 import { InvertibleThemeContext } from './InvertibleThemeContext.tsx'
 
+/** @deprecated use useColorSchemeEx instead */
 export const useInvertibleThemeProvider = () => {
   return useContext(InvertibleThemeContext)
 }
diff --git a/packages/invertible-theme/src/index.ts b/packages/invertible-theme/src/index.ts
@@ -1,7 +1,3 @@
 export * from './Buttons/index.ts'
 export * from './InvertibleMuiThemeProvider/index.ts'
-export * from './InvertibleTheme.tsx'
-export * from './InvertibleThemeContext.tsx'
-export * from './InvertibleThemeProvider.tsx'
-export * from './InvertibleThemeProviderProps.ts'
-export * from './use.ts'
+export * from './LegacyInvertibleThemeProvider/index.ts'
diff --git a/packages/link/package.json b/packages/link/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-link",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",
@@ -44,7 +44,7 @@
     "@mui/material": "^6.1.8",
     "@storybook/react": "^8.4.5",
     "@types/react": "^18.3.12",
-    "@xylabs/react-flexbox": "^5.3.7",
+    "@xylabs/react-flexbox": "^5.3.8",
     "@xylabs/react-pixel": "workspace:^",
     "@xylabs/ts-scripts-yarn3": "^4.2.4",
     "@xylabs/tsconfig-react": "^4.2.4",

diff --git a/packages/mixpanel/package.json b/packages/mixpanel/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-mixpanel",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",

diff --git a/packages/number-status/package.json b/packages/number-status/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-number-status",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",

diff --git a/packages/pixel-debugger/package.json b/packages/pixel-debugger/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-pixel-debugger",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",

diff --git a/packages/pixel/package.json b/packages/pixel/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-pixel",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",

diff --git a/packages/portal/package.json b/packages/portal/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-portal",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",

diff --git a/packages/promise/package.json b/packages/promise/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-promise",
-  "version": "5.3.7",
+  "version": "5.3.8",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",