@duro-app/ui 0.35.0 → 0.35.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duro-app/ui",
-  "version": "0.35.0",
+  "version": "0.35.1",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -54,7 +54,7 @@
     }
   },
   "dependencies": {
-    "@duro-app/tokens": "^0.35.0"
+    "@duro-app/tokens": "^0.35.1"
   },
   "devDependencies": {
     "@babel/preset-typescript": "^7.28.0",

package/src/components/ThemeProvider/ThemeProvider.tsx

@@ -3,27 +3,17 @@ import {css, html} from 'react-strict-dom'
 import {colors} from '@duro-app/tokens/tokens/colors.css'
 import {lightTheme, lightShadows} from '@duro-app/tokens/themes/light.css'
 import {highContrastTheme, highContrastShadows} from '@duro-app/tokens/themes/high-contrast.css'
-import {
-  landscapeTheme,
-  landscapeShadows,
-  landscapeTypography,
-} from '@duro-app/tokens/themes/landscape.css'
 
-export type ThemeName = 'dark' | 'light' | 'high-contrast' | 'landscape'
+export type ThemeName = 'dark' | 'light' | 'high-contrast'
 
 interface ThemeProviderProps {
   theme?: ThemeName
   children: ReactNode
 }
 
-// A theme is a list of createTheme() overrides (colors + shadows, and
-// optionally typography — e.g. landscape carries its editorial font stack).
-// Loosely typed: each entry themes a DIFFERENT VarGroup (colors / shadows /
-// typography), and the array is cast to the style prop's type at the use site.
-const themeMap: Partial<Record<ThemeName, readonly unknown[]>> = {
+const themeMap: Partial<Record<ThemeName, readonly [typeof lightTheme, typeof lightShadows]>> = {
   light: [lightTheme, lightShadows],
   'high-contrast': [highContrastTheme, highContrastShadows],
-  landscape: [landscapeTheme, landscapeShadows, landscapeTypography],
 }
 
 const styles = css.create({
@@ -59,7 +49,7 @@ export function usePortalMount(): HTMLElement | null {
 
 export function ThemeProvider({theme = 'dark', children}: ThemeProviderProps) {
   const overrides = themeMap[theme]
-  const themeStyles = [...(overrides ?? []), styles.root] as DivStyle
+  const themeStyles = [overrides?.[0], overrides?.[1], styles.root] as DivStyle
   const [mount, setMount] = useState<HTMLElement | null>(null)
 
   return (