cozy-ui 119.0.1 → 119.0.3

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [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)
+
+
+### Bug Fixes
+
+* **Cube:** Missed `ref` props ([d7c4010](https://github.com/cozy/cozy-ui/commit/d7c4010))
+
 ## [119.0.1](https://github.com/cozy/cozy-ui/compare/v119.0.0...v119.0.1) (2025-03-11)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "119.0.1",
+  "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/Icons/Cube.jsx

@@ -4,10 +4,10 @@ import React from 'react'
 import SvgCubeTwake from './Cube_twake'
 import { isTwakeTheme } from '../helpers/isTwakeTheme'
 
-function SvgCube(props) {
-  if (isTwakeTheme()) return SvgCubeTwake(props)
+function SvgCube({ iconRef, ...props }) {
+  if (isTwakeTheme()) return SvgCubeTwake({ iconRef, ...props })
   return (
-    <svg viewBox="0 0 16 16" {...props}>
+    <svg viewBox="0 0 16 16" {...props} ref={iconRef}>
       <path d="M1 11.009V5.5c0-.55.39-.773.872-.498l5.256 3.003c.476.272.872.944.872 1.495v5.508c0 .549-.39.772-.872.497l-5.256-3.003C1.396 12.231 1 11.56 1 11.01zm15 0c0 .55-.396 1.222-.872 1.494l-5.256 3.003c-.481.275-.872.052-.872-.497V9.5c0-.55.396-1.223.872-1.495l5.256-3.003c.481-.275.872-.052.872.498v5.508zM9.35 6.982c-.47.288-1.237.284-1.7 0l-4.8-2.954c-.47-.29-.463-.732.027-.995L7.623.477c.485-.261 1.264-.264 1.754 0l4.746 2.556c.485.26.49.71.027.995l-4.8 2.954z" />
     </svg>
   )

package/react/Icons/Cube_twake.jsx

@@ -1,9 +1,9 @@
 // Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/cube_twake.svg` to regenerate;
 import React from 'react'
 
-function SvgCubeTwake(props) {
+function SvgCubeTwake({ iconRef, ...props }) {
   return (
-    <svg viewBox="0 0 15 16" {...props}>
+    <svg viewBox="0 0 15 16" {...props} ref={iconRef}>
       <path d="M14.4 4L7.2 0 0 4v8l7.2 4 7.2-4V4zM7.2 1.832l4.728 2.624L9.52 5.792a3.213 3.213 0 00-4.64 0L2.472 4.456 7.2 1.832zm-.8 11.896l-4.8-2.664V5.808L4.104 7.2A3.193 3.193 0 006.4 11.096v2.632zM5.6 8c0-.88.72-1.6 1.6-1.6.88 0 1.6.72 1.6 1.6 0 .88-.72 1.6-1.6 1.6-.88 0-1.6-.72-1.6-1.6zM8 13.728v-2.624a3.193 3.193 0 002.4-3.096c0-.28-.032-.552-.104-.808L12.8 5.808v5.256L8 13.728z" />
     </svg>
   )

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/Icons/Cube.js

@@ -1,14 +1,29 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["iconRef"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 // Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/cube.svg` to regenerate
 import React from 'react';
 import SvgCubeTwake from "cozy-ui/transpiled/react/Icons/Cube_twake";
 import { isTwakeTheme } from "cozy-ui/transpiled/react/helpers/isTwakeTheme";
 
-function SvgCube(props) {
-  if (isTwakeTheme()) return SvgCubeTwake(props);
+function SvgCube(_ref) {
+  var iconRef = _ref.iconRef,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  if (isTwakeTheme()) return SvgCubeTwake(_objectSpread({
+    iconRef: iconRef
+  }, props));
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 16 16"
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props, {
+    ref: iconRef
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M1 11.009V5.5c0-.55.39-.773.872-.498l5.256 3.003c.476.272.872.944.872 1.495v5.508c0 .549-.39.772-.872.497l-5.256-3.003C1.396 12.231 1 11.56 1 11.01zm15 0c0 .55-.396 1.222-.872 1.494l-5.256 3.003c-.481.275-.872.052-.872-.497V9.5c0-.55.396-1.223.872-1.495l5.256-3.003c.481-.275.872-.052.872.498v5.508zM9.35 6.982c-.47.288-1.237.284-1.7 0l-4.8-2.954c-.47-.29-.463-.732.027-.995L7.623.477c.485-.261 1.264-.264 1.754 0l4.746 2.556c.485.26.49.71.027.995l-4.8 2.954z"
   }));
 }

package/transpiled/react/Icons/Cube_twake.js

@@ -1,11 +1,18 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["iconRef"];
 // Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/cube_twake.svg` to regenerate;
 import React from 'react';
 
-function SvgCubeTwake(props) {
+function SvgCubeTwake(_ref) {
+  var iconRef = _ref.iconRef,
+      props = _objectWithoutProperties(_ref, _excluded);
+
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 15 16"
-  }, props), /*#__PURE__*/React.createElement("path", {
+  }, props, {
+    ref: iconRef
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M14.4 4L7.2 0 0 4v8l7.2 4 7.2-4V4zM7.2 1.832l4.728 2.624L9.52 5.792a3.213 3.213 0 00-4.64 0L2.472 4.456 7.2 1.832zm-.8 11.896l-4.8-2.664V5.808L4.104 7.2A3.193 3.193 0 006.4 11.096v2.632zM5.6 8c0-.88.72-1.6 1.6-1.6.88 0 1.6.72 1.6 1.6 0 .88-.72 1.6-1.6 1.6-.88 0-1.6-.72-1.6-1.6zM8 13.728v-2.624a3.193 3.193 0 002.4-3.096c0-.28-.032-.552-.104-.808L12.8 5.808v5.256L8 13.728z"
   }));
 }

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);
 };