cozy-ui 122.14.0 → 123.0.0

package/transpiled/react/SearchBar/index.js

@@ -18,12 +18,10 @@ import Icon from "cozy-ui/transpiled/react/Icon";
 import { iconPropType } from "cozy-ui/transpiled/react/Icon";
 import IconButton from "cozy-ui/transpiled/react/IconButton";
 import CrossIcon from "cozy-ui/transpiled/react/Icons/Cross";
-import CrossCircleIcon from "cozy-ui/transpiled/react/Icons/CrossCircle";
 import MagnifierIcon from "cozy-ui/transpiled/react/Icons/Magnifier";
 import InputBase from "cozy-ui/transpiled/react/InputBase";
 import Paper from "cozy-ui/transpiled/react/Paper";
 import Typography from "cozy-ui/transpiled/react/Typography";
-import { isTwakeTheme } from "cozy-ui/transpiled/react/helpers/isTwakeTheme";
 import { useI18n, useExtendI18n } from "cozy-ui/transpiled/react/providers/I18n";
 import { makeStyles } from "cozy-ui/transpiled/react/styles";
 var sizeToPixel = {
@@ -63,7 +61,7 @@ var useStyles = makeStyles(function (theme) {
       borderStyle: 'solid',
       borderWidth: 1,
       borderColor: 'transparent',
-      backgroundColor: isTwakeTheme() ? theme.palette.background.default : theme.palette.background.paper,
+      backgroundColor: theme.palette.background.default,
       '&:hover': {
         '&:not($disabled):not($focused)': {
           '& $focusHighlight': {
@@ -73,13 +71,13 @@ var useStyles = makeStyles(function (theme) {
       }
     },
     flat: {
-      backgroundColor: isTwakeTheme() ? theme.palette.background.default : theme.palette.background.contrast
+      backgroundColor: theme.palette.background.default
     },
     inputBase: {
       flex: 1,
       fontSize: function fontSize(_ref3) {
         var size = _ref3.size;
-        return isTwakeTheme() ? fontSizeToPixel[size] : 16;
+        return fontSizeToPixel[size];
       },
       paddingLeft: function paddingLeft(_ref4) {
         var icon = _ref4.icon;
@@ -248,7 +246,7 @@ var SearchBar = /*#__PURE__*/forwardRef(function (_ref6, ref) {
     size: "medium",
     onClick: handleClear
   }, /*#__PURE__*/React.createElement(Icon, {
-    icon: isTwakeTheme() ? CrossIcon : CrossCircleIcon
+    icon: CrossIcon
   })), !disabledHover && /*#__PURE__*/React.createElement("span", {
     className: cx(classes.commonHighlight, classes.focusHighlight)
   }), disabled && /*#__PURE__*/React.createElement("span", {

package/transpiled/react/Sidebar/index.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "className"];
 import { useTheme } from '@material-ui/core';
@@ -11,7 +10,6 @@ var styles = {
   "o-sidebar--border": "styles__o-sidebar--border___32tfw",
   "o-sidebar--large": "styles__o-sidebar--large___1mT8H"
 };
-import { isTwakeTheme } from "cozy-ui/transpiled/react/helpers/isTwakeTheme";
 import { useSetFlagshipUI } from "cozy-ui/transpiled/react/hooks/useSetFlagshipUi/useSetFlagshipUI";
 import { useCozyTheme } from "cozy-ui/transpiled/react/providers/CozyTheme";
 
@@ -33,7 +31,7 @@ var Sidebar = function Sidebar(_ref) {
   }, 'cozy-ui/Sidebar');
   return /*#__PURE__*/React.createElement("aside", _extends({
     id: "sidebar",
-    className: cx(styles['o-sidebar'], _defineProperty({}, styles['o-sidebar--border'], !isTwakeTheme()), _defineProperty({}, styles['o-sidebar--large'], isTwakeTheme()), className)
+    className: cx(styles['o-sidebar'], [styles['o-sidebar--large']], className)
   }, restProps), children);
 };
 

package/transpiled/react/SquareAppIcon/index.js

@@ -7,8 +7,10 @@ import get from 'lodash/get';
 import PropTypes from 'prop-types';
 import React, { useEffect, useState } from 'react';
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
-var stylesCozy = {
+var styles = {
   "SquareAppIcon-wrapper": "styles__SquareAppIcon-wrapper___2SEuM",
+  "SquareAppIcon-wrapper--light": "styles__SquareAppIcon-wrapper--light___2iR5Y",
+  "SquareAppIcon-wrapper--dark": "styles__SquareAppIcon-wrapper--dark___1vYbb",
   "SquareAppIcon-icon-container": "styles__SquareAppIcon-icon-container___39MRl",
   "SquareAppIcon-wrapper-ghost": "styles__SquareAppIcon-wrapper-ghost___1ZALZ",
   "SquareAppIcon-icon-container-normal": "styles__SquareAppIcon-icon-container-normal___DCe9y",
@@ -20,21 +22,6 @@ var stylesCozy = {
   "isSuccess": "styles__isSuccess___I6nFq",
   "end-animation": "styles__end-animation___1O0b3"
 };
-var stylesTwake = {
-  "SquareAppIcon-wrapper": "styles_twake__SquareAppIcon-wrapper___4P3Cx",
-  "SquareAppIcon-wrapper--light": "styles_twake__SquareAppIcon-wrapper--light___3LfPB",
-  "SquareAppIcon-wrapper--dark": "styles_twake__SquareAppIcon-wrapper--dark___kRx3L",
-  "SquareAppIcon-icon-container": "styles_twake__SquareAppIcon-icon-container___grFij",
-  "SquareAppIcon-wrapper-ghost": "styles_twake__SquareAppIcon-wrapper-ghost___3xelE",
-  "SquareAppIcon-icon-container-normal": "styles_twake__SquareAppIcon-icon-container-normal___1O1bk",
-  "SquareAppIcon-wrapper-maintenance": "styles_twake__SquareAppIcon-wrapper-maintenance___hoMUk",
-  "SquareAppIcon-wrapper-loading": "styles_twake__SquareAppIcon-wrapper-loading___AoTRM",
-  "SquareAppIcon-spinner": "styles_twake__SquareAppIcon-spinner___UOK0n",
-  "onEnd": "styles_twake__onEnd___GkZzo",
-  "isFailed": "styles_twake__isFailed___CO_WC",
-  "isSuccess": "styles_twake__isSuccess___sH4pb",
-  "end-animation": "styles_twake__end-animation___26Lyd"
-};
 import AppIcon from "cozy-ui/transpiled/react/AppIcon";
 import Badge from "cozy-ui/transpiled/react/Badge";
 import Icon from "cozy-ui/transpiled/react/Icon";
@@ -46,11 +33,9 @@ import iconWarning from "cozy-ui/transpiled/react/Icons/WarningCircle";
 import InfosBadge from "cozy-ui/transpiled/react/InfosBadge";
 import Spinner from "cozy-ui/transpiled/react/Spinner";
 import Typography from "cozy-ui/transpiled/react/Typography";
-import { isTwakeTheme } from "cozy-ui/transpiled/react/helpers/isTwakeTheme";
 import { nameToColor } from "cozy-ui/transpiled/react/legacy/Avatar/helpers";
 import CozyTheme, { useCozyTheme } from "cozy-ui/transpiled/react/providers/CozyTheme";
 import { alpha, makeStyles } from "cozy-ui/transpiled/react/styles";
-var styles = isTwakeTheme() ? stylesTwake : stylesCozy;
 
 var makeTwakeColor = function makeTwakeColor(theme) {
   return theme.variant === 'inverted' || theme.type === 'dark' ? 'var(--white)' : 'var(--black)';
@@ -59,12 +44,10 @@ var makeTwakeColor = function makeTwakeColor(theme) {
 var useStyles = makeStyles(function (theme) {
   return {
     name: _defineProperty({
-      color: isTwakeTheme() ? makeTwakeColor(theme) : 'var(--primaryTextColor)',
-      textShadow: isTwakeTheme() ? theme.variant === 'inverted' || theme.type === 'dark' ? '0px 0px 10px rgba(0, 0, 0, 0.10), 0px 0px 2px rgba(0, 0, 0, 0.20), 0.5px 0.5px 1px rgba(0, 0, 0, 0.50)' : undefined : undefined,
+      color: makeTwakeColor(theme),
+      textShadow: theme.variant === 'inverted' || theme.type === 'dark' ? '0px 0px 10px rgba(0, 0, 0, 0.10), 0px 0px 2px rgba(0, 0, 0, 0.20), 0.5px 0.5px 1px rgba(0, 0, 0, 0.50)' : undefined,
       width: '5.5rem',
       textAlign: 'center',
-      fontSize: isTwakeTheme() ? undefined : '0.875rem',
-      lineHeight: isTwakeTheme() ? undefined : '1.188rem',
       margin: '0.5rem 0.25rem 0 0.25rem',
       lineClamp: '2',
       boxOrient: 'vertical',
@@ -72,8 +55,6 @@ var useStyles = makeStyles(function (theme) {
       height: '2.375rem'
     }, theme.breakpoints.down('sm'), {
       width: '3.75rem',
-      fontSize: isTwakeTheme() ? undefined : '0.6875rem',
-      lineHeight: isTwakeTheme() ? undefined : '1rem',
       margin: '0.25rem 0.25rem 0 0.25rem',
       height: '2rem'
     }),
@@ -88,9 +69,6 @@ var useStyles = makeStyles(function (theme) {
       color: 'white',
       margin: 'auto'
     },
-    shadow: {
-      boxShadow: isTwakeTheme() ? undefined : theme.shadows[1]
-    },
     errorIcon: {
       fill: 'var(--errorColor)',
       backgroundColor: 'var(--primaryContrastTextColor)',
@@ -166,7 +144,7 @@ export var SquareAppIcon = function SquareAppIcon(_ref2) {
     if (curr === 'loading' && (variant === 'default' || variant === undefined)) setAnimationState('success');
     prevVariant.current = variant;
   }, [variant]);
-  var exceptionVariant = [isTwakeTheme() ? 'ghost' : 'add', 'ghost'];
+  var exceptionVariant = ['ghost'];
   var squareTheme = exceptionVariant.includes(variant) ? themeVariant : 'normal';
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": "square-app-icon",
@@ -195,7 +173,7 @@ export var SquareAppIcon = function SquareAppIcon(_ref2) {
     withBorder: false,
     size: "large",
     overlap: "rectangular",
-    style: variant === 'shortcut' && !IconContent ? _defineProperty({}, isTwakeTheme() ? 'background' : 'backgroundColor', nameToColor(name)) : null
+    style: variant === 'shortcut' && !IconContent ? _defineProperty({}, 'background', nameToColor(name)) : null
   }, variant === 'shortcut' && !IconContent ? /*#__PURE__*/React.createElement(Typography, {
     className: classes.letter,
     variant: "h2",
@@ -211,9 +189,9 @@ export var SquareAppIcon = function SquareAppIcon(_ref2) {
   })), variant === 'add' ? /*#__PURE__*/React.createElement(Icon, {
     icon: iconPlus,
     color: "var(--primaryColor)"
-  }) : IconContent ? IconContent : isTwakeTheme() ? /*#__PURE__*/React.createElement("div", {
+  }) : IconContent ? IconContent : /*#__PURE__*/React.createElement("div", {
     className: "u-w-2 u-h-2"
-  }, /*#__PURE__*/React.createElement(AppIcon, appIconProps)) : /*#__PURE__*/React.createElement(AppIcon, appIconProps))))), display === 'detailed' ? /*#__PURE__*/React.createElement(ListItemText, {
+  }, /*#__PURE__*/React.createElement(AppIcon, appIconProps)))))), display === 'detailed' ? /*#__PURE__*/React.createElement(ListItemText, {
     primary: appName,
     secondary: description
   }) : /*#__PURE__*/React.createElement(Typography, {

package/transpiled/react/Switch/index.js

@@ -4,7 +4,6 @@ var _excluded = ["icon"];
 import MuiSwitch from '@material-ui/core/Switch';
 import React from 'react';
 import Icon from "cozy-ui/transpiled/react/Icon";
-import { isTwakeTheme } from "cozy-ui/transpiled/react/helpers/isTwakeTheme";
 /**
  * @type JSX.Element<HTMLDivElement, import('@material-ui/core/Switch').SwitchProps>
  */
@@ -20,7 +19,7 @@ var Switch = function Switch(_ref) {
     size: 14
   }));
 
-  return /*#__PURE__*/React.createElement(MuiSwitch, _extends({}, props, isTwakeTheme() && {
+  return /*#__PURE__*/React.createElement(MuiSwitch, _extends({}, props, {
     icon: _icon,
     checkedIcon: _icon
   }));

package/transpiled/react/UploadQueue/useStatusIcon.js

@@ -1,21 +1,18 @@
 import React from 'react';
 import { uploadStatus } from "cozy-ui/transpiled/react/UploadQueue/index";
 import Icon from "cozy-ui/transpiled/react/Icon";
-import CheckIcon from "cozy-ui/transpiled/react/Icons/Check";
 import CheckCircleIcon from "cozy-ui/transpiled/react/Icons/CheckCircle";
-import CrossIcon from "cozy-ui/transpiled/react/Icons/Cross";
 import CrossCircleIcon from "cozy-ui/transpiled/react/Icons/CrossCircle";
 import WarningIcon from "cozy-ui/transpiled/react/Icons/Warning";
 import Spinner from "cozy-ui/transpiled/react/Spinner";
-import { isTwakeTheme } from "cozy-ui/transpiled/react/helpers/isTwakeTheme";
 export var useStatusIcon = function useStatusIcon(statusToUse, progress) {
   var CANCEL = uploadStatus.CANCEL,
       LOADING = uploadStatus.LOADING,
       DONE_STATUSES = uploadStatus.DONE_STATUSES,
       ERROR_STATUSES = uploadStatus.ERROR_STATUSES,
       PENDING = uploadStatus.PENDING;
-  var SuccessIcon = isTwakeTheme() ? CheckCircleIcon : CheckIcon;
-  var ErrorIcon = isTwakeTheme() ? CrossCircleIcon : CrossIcon;
+  var SuccessIcon = CheckCircleIcon;
+  var ErrorIcon = CrossCircleIcon;
   var statusIcon;
 
   if (statusToUse === LOADING) {

package/transpiled/react/legacy/Avatar/helpers.js

@@ -1,6 +1,4 @@
 import { colorMapping } from "cozy-ui/transpiled/react/Avatar/helpers";
-import { isTwakeTheme } from "cozy-ui/transpiled/react/helpers/isTwakeTheme";
-import palette from "cozy-ui/transpiled/react/palette";
 
 var makeKey = function makeKey(colors, name) {
   return Array.from(name.toUpperCase()).map(function (letter) {
@@ -10,8 +8,7 @@ var makeKey = function makeKey(colors, name) {
   }, 0) % colors.length;
 };
 
-var colors = [palette['azure'], palette['melon'], palette['blazeOrange'], palette['pomegranate'], palette['mango'], palette['pumpkinOrange'], palette['darkPeriwinkle'], palette['purpley'], palette['lightishPurple'], palette['weirdGreen'], palette['puertoRico'], palette['emerald'], palette['seafoamGreen'], palette['lavender'], palette['brightSun'], palette['fuchsia']];
-var twakeColors = Object.values(colorMapping).filter(Boolean);
+var colors = Object.values(colorMapping).filter(Boolean);
 /**
  * @param {string} name
  * @returns {string}
@@ -19,9 +16,6 @@ var twakeColors = Object.values(colorMapping).filter(Boolean);
 
 export var nameToColor = function nameToColor() {
   var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-
-  var _colors = isTwakeTheme() ? twakeColors : colors;
-
-  var key = makeKey(_colors, name);
-  return _colors[key];
+  var key = makeKey(colors, name);
+  return colors[key];
 };

package/transpiled/react/legacy/Avatar/index.js

@@ -19,15 +19,12 @@ var styles = {
 import { createSizeStyle } from "cozy-ui/transpiled/react/Circle";
 import Icon, { iconPropType } from "cozy-ui/transpiled/react/Icon";
 import PeopleIcon from "cozy-ui/transpiled/react/Icons/People";
-import { isTwakeTheme } from "cozy-ui/transpiled/react/helpers/isTwakeTheme";
 
 var createBgColorStyle = function createBgColorStyle(_ref) {
   var text = _ref.text,
       textId = _ref.textId;
-  return text ? isTwakeTheme() ? {
+  return text ? {
     background: "".concat(nameToColor(textId || text))
-  } : {
-    backgroundColor: "".concat(nameToColor(textId || text))
   } : {};
 };
 

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

@@ -4,7 +4,6 @@ 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) {
@@ -19,7 +18,6 @@ var DumbCozyTheme = function DumbCozyTheme(_ref) {
 
   var uiThemeVariant = localStorage.getItem('ui-theme-variant'); // use only for cozy-ui documentation and argos screenshots
 
-  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;
@@ -28,14 +26,13 @@ var DumbCozyTheme = function DumbCozyTheme(_ref) {
     value: {
       type: selfThemeType,
       variant: selfThemeVariant,
-      name: uiThemeName,
       isLight: selfThemeType === 'light'
     }
   }, /*#__PURE__*/React.createElement(MuiCozyTheme, {
     type: selfThemeType,
     variant: selfThemeVariant
   }, /*#__PURE__*/React.createElement("div", {
-    className: cx(className, (_cx = {}, _defineProperty(_cx, "".concat(uiThemeName, "Theme--").concat(selfThemeType, "-").concat(selfThemeVariant), Boolean(selfThemeVariant)), _defineProperty(_cx, 'u-dc', ignoreItself), _cx))
+    className: cx(className, (_cx = {}, _defineProperty(_cx, "TwakeTheme--".concat(selfThemeType, "-").concat(selfThemeVariant), Boolean(selfThemeVariant)), _defineProperty(_cx, 'u-dc', ignoreItself), _cx))
   }, children)));
 };
 

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

@@ -19,8 +19,7 @@ export var useCozyTheme = function useCozyTheme() {
     return {
       type: 'light',
       variant: 'normal',
-      isLight: true,
-      name: 'Cozy'
+      isLight: true
     };
   }