cozy-ui 119.0.2 → 119.0.3

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [119.0.3](https://github.com/cozy/cozy-ui/compare/v119.0.2...v119.0.3) (2025-03-11)
+
+
+### Bug Fixes
+
+* Now rely on method instead of local storage to get theme name ([74118ec](https://github.com/cozy/cozy-ui/commit/74118ec))
+
 ## [119.0.2](https://github.com/cozy/cozy-ui/compare/v119.0.1...v119.0.2) (2025-03-11)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "119.0.2",
+  "version": "119.0.3",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {

package/react/Dialog/index.jsx

@@ -3,11 +3,12 @@ import cx from 'classnames'
 import React from 'react'
 
 import { useDialogEffects } from './DialogEffects'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
 import { useCozyTheme } from '../providers/CozyTheme'
 
 const Dialog = ({ className, ...props }) => {
   const { type, variant } = useCozyTheme()
-  const uiThemeName = localStorage.getItem('ui-theme-name') || 'Cozy'
+  const uiThemeName = isTwakeTheme() ? 'Twake' : 'Cozy'
 
   useDialogEffects(props.open, props.fullScreen)
 

package/react/MuiCozyTheme/makeTheme.jsx

@@ -11,6 +11,7 @@ import { makeDarkNormalTwakeOverrides } from './overrides/twake/makeDarkNormalOv
 import { makeLightInvertedTwakeOverrides } from './overrides/twake/makeLightInvertedOverrides'
 import { makeLightNormalTwakeOverrides } from './overrides/twake/makeLightNormalOverrides'
 import isTesting from '../helpers/isTesting'
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
 import { createTheme } from '../styles'
 import { createNodeWithThemeCssVars } from '../utils/color'
 
@@ -60,7 +61,7 @@ const themesCommonConfig = {
 }
 
 export const makeTheme = (type, variant) => {
-  const uiThemeName = localStorage.getItem('ui-theme-name') || 'Cozy'
+  const uiThemeName = isTwakeTheme() ? 'Twake' : 'Cozy'
   // to hold the values of css variables, recoverable by getCssVariableValue()
   createNodeWithThemeCssVars(type, variant)
 

package/react/providers/CozyTheme/DumbCozyTheme.jsx

@@ -4,6 +4,7 @@ import React from 'react'
 
 import { CozyThemeContext } from './index'
 import MuiCozyTheme from '../../MuiCozyTheme'
+import { isTwakeTheme } from '../../helpers/isTwakeTheme'
 import useMediaQuery from '../../hooks/useMediaQuery'
 
 const DumbCozyTheme = ({
@@ -15,7 +16,7 @@ const DumbCozyTheme = ({
 }) => {
   const uiThemeType = localStorage.getItem('ui-theme-type') // use only for cozy-ui documentation and argos screenshots
   const uiThemeVariant = localStorage.getItem('ui-theme-variant') // use only for cozy-ui documentation and argos screenshots
-  const uiThemeName = localStorage.getItem('ui-theme-name') || 'Cozy'
+  const uiThemeName = isTwakeTheme() ? 'Twake' : 'Cozy'
 
   const deviceThemeType = useMediaQuery('(prefers-color-scheme: dark)')
     ? 'dark'

package/react/utils/color.js

@@ -1,5 +1,7 @@
+import { isTwakeTheme } from '../helpers/isTwakeTheme'
+
 const getThemeNodeClassName = (type, variant) => {
-  const uiTypeName = localStorage.getItem('ui-theme-name') || 'Cozy'
+  const uiTypeName = isTwakeTheme() ? 'Twake' : 'Cozy'
 
   return `${uiTypeName}Theme--${type}-${variant}`
 }

package/transpiled/react/Dialog/index.js

@@ -5,6 +5,7 @@ import { default as MUIDialog } from '@material-ui/core/Dialog';
 import cx from 'classnames';
 import React from 'react';
 import { useDialogEffects } from "cozy-ui/transpiled/react/Dialog/DialogEffects";
+import { isTwakeTheme } from "cozy-ui/transpiled/react/helpers/isTwakeTheme";
 import { useCozyTheme } from "cozy-ui/transpiled/react/providers/CozyTheme";
 
 var Dialog = function Dialog(_ref) {
@@ -15,7 +16,7 @@ var Dialog = function Dialog(_ref) {
       type = _useCozyTheme.type,
       variant = _useCozyTheme.variant;
 
-  var uiThemeName = localStorage.getItem('ui-theme-name') || 'Cozy';
+  var uiThemeName = isTwakeTheme() ? 'Twake' : 'Cozy';
   useDialogEffects(props.open, props.fullScreen);
   return /*#__PURE__*/React.createElement(MUIDialog, _extends({
     className: cx("".concat(uiThemeName, "Theme--").concat(type, "-").concat(variant), className)

package/transpiled/react/MuiCozyTheme/makeTheme.js

@@ -17,6 +17,7 @@ import { makeDarkNormalTwakeOverrides } from "cozy-ui/transpiled/react/MuiCozyTh
 import { makeLightInvertedTwakeOverrides } from "cozy-ui/transpiled/react/MuiCozyTheme/overrides/twake/makeLightInvertedOverrides";
 import { makeLightNormalTwakeOverrides } from "cozy-ui/transpiled/react/MuiCozyTheme/overrides/twake/makeLightNormalOverrides";
 import isTesting from "cozy-ui/transpiled/react/helpers/isTesting";
+import { isTwakeTheme } from "cozy-ui/transpiled/react/helpers/isTwakeTheme";
 import { createTheme } from "cozy-ui/transpiled/react/styles";
 import { createNodeWithThemeCssVars } from "cozy-ui/transpiled/react/utils/color";
 
@@ -72,7 +73,7 @@ var themesCommonConfig = _objectSpread({
 });
 
 export var makeTheme = function makeTheme(type, variant) {
-  var uiThemeName = localStorage.getItem('ui-theme-name') || 'Cozy'; // to hold the values of css variables, recoverable by getCssVariableValue()
+  var uiThemeName = isTwakeTheme() ? 'Twake' : 'Cozy'; // to hold the values of css variables, recoverable by getCssVariableValue()
 
   createNodeWithThemeCssVars(type, variant);
   var palette = makePalette(type, variant);

package/transpiled/react/providers/CozyTheme/DumbCozyTheme.js

@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { CozyThemeContext } from "cozy-ui/transpiled/react/providers/CozyTheme/index";
 import MuiCozyTheme from "cozy-ui/transpiled/react/MuiCozyTheme";
+import { isTwakeTheme } from "cozy-ui/transpiled/react/helpers/isTwakeTheme";
 import useMediaQuery from "cozy-ui/transpiled/react/hooks/useMediaQuery";
 
 var DumbCozyTheme = function DumbCozyTheme(_ref) {
@@ -18,7 +19,7 @@ var DumbCozyTheme = function DumbCozyTheme(_ref) {
 
   var uiThemeVariant = localStorage.getItem('ui-theme-variant'); // use only for cozy-ui documentation and argos screenshots
 
-  var uiThemeName = localStorage.getItem('ui-theme-name') || 'Cozy';
+  var uiThemeName = isTwakeTheme() ? 'Twake' : 'Cozy';
   var deviceThemeType = useMediaQuery('(prefers-color-scheme: dark)') ? 'dark' : 'light';
   var filteredSettingsThemeType = ['light', 'dark'].includes(settingsThemeType) ? settingsThemeType : undefined;
   var selfThemeType = uiThemeType || filteredSettingsThemeType || deviceThemeType;

package/transpiled/react/utils/color.js

@@ -1,5 +1,7 @@
+import { isTwakeTheme } from "cozy-ui/transpiled/react/helpers/isTwakeTheme";
+
 var getThemeNodeClassName = function getThemeNodeClassName(type, variant) {
-  var uiTypeName = localStorage.getItem('ui-theme-name') || 'Cozy';
+  var uiTypeName = isTwakeTheme() ? 'Twake' : 'Cozy';
   return "".concat(uiTypeName, "Theme--").concat(type, "-").concat(variant);
 };