cozy-ui 119.0.2 → 119.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,8 +1,11 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  // Automatically created, please run `scripts/generate-svg-icon.sh assets/icons/ui/cloud.svg` to regenerate;
3
3
  import React from 'react';
4
+ import SvgCloudTwake from "cozy-ui/transpiled/react/Icons/Cloud_twake";
5
+ import { isTwakeTheme } from "cozy-ui/transpiled/react/helpers/isTwakeTheme";
4
6
 
5
7
  function SvgCloud(props) {
8
+ if (isTwakeTheme()) return SvgCloudTwake(props);
6
9
  return /*#__PURE__*/React.createElement("svg", _extends({
7
10
  viewBox: "0 0 16 16"
8
11
  }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("path", {
@@ -0,0 +1,13 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ // Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/twake/cloud_twake.svg` to regenerate;
3
+ import React from 'react';
4
+
5
+ function SvgCloudTwake(props) {
6
+ return /*#__PURE__*/React.createElement("svg", _extends({
7
+ viewBox: "0 0 16 11"
8
+ }, props), /*#__PURE__*/React.createElement("path", {
9
+ d: "M8 1.333a3.669 3.669 0 013.593 2.954l.2 1 1.02.073c1.04.067 1.854.94 1.854 1.973 0 1.1-.9 2-2 2H4a2.666 2.666 0 01-2.667-2.666A2.649 2.649 0 013.707 4.02l.713-.073.333-.634A3.646 3.646 0 018 1.333zM8 0a4.997 4.997 0 00-4.433 2.693A3.996 3.996 0 000 6.667c0 2.206 1.793 4 4 4h8.667A3.335 3.335 0 0016 7.333a3.317 3.317 0 00-3.1-3.306A4.993 4.993 0 008 0z"
10
+ }));
11
+ }
12
+
13
+ export default SvgCloudTwake;
@@ -4,9 +4,9 @@ import React from 'react';
4
4
 
5
5
  function SvgCompanyTwake(props) {
6
6
  return /*#__PURE__*/React.createElement("svg", _extends({
7
- viewBox: "0 0 20 18"
7
+ viewBox: "0 0 16 16"
8
8
  }, props), /*#__PURE__*/React.createElement("path", {
9
- d: "M10 4V0H0v18h20V4H10zM4 16H2v-2h2v2zm0-4H2v-2h2v2zm0-4H2V6h2v2zm0-4H2V2h2v2zm4 12H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V6h2v2zm0-4H6V2h2v2zm10 12h-8v-2h2v-2h-2v-2h2V8h-2V6h8v10zm-2-8h-2v2h2V8zm0 4h-2v2h2v-2z"
9
+ d: "M12.444 7.111V0H3.556v3.556H0V16h7.111v-3.556H8.89V16H16V7.111h-3.556zm-8.888 7.111H1.778v-1.778h1.778v1.778zm0-3.555H1.778V8.889h1.778v1.778zm0-3.556H1.778V5.333h1.778v1.778zm3.555 3.556H5.333V8.889h1.778v1.778zm0-3.556H5.333V5.333h1.778v1.778zm0-3.555H5.333V1.778h1.778v1.778zm3.556 7.11H8.889V8.89h1.778v1.778zm0-3.555H8.889V5.333h1.778v1.778zm0-3.555H8.889V1.778h1.778v1.778zm3.555 10.666h-1.778v-1.778h1.778v1.778zm0-3.555h-1.778V8.889h1.778v1.778z"
10
10
  }));
11
11
  }
12
12
 
@@ -6,9 +6,9 @@ function SvgFromUserTwake(props) {
6
6
  return /*#__PURE__*/React.createElement("svg", _extends({
7
7
  viewBox: "0 0 16 16"
8
8
  }, props), /*#__PURE__*/React.createElement("path", {
9
- fillRule: "evenodd",
10
- clipRule: "evenodd",
11
- d: "M8 0C3.584 0 0 3.584 0 8s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8zm5.088 11.864C11.944 10.472 9.168 10 8 10c-1.168 0-3.944.472-5.088 1.864A6.36 6.36 0 011.6 8c0-3.528 2.872-6.4 6.4-6.4 3.528 0 6.4 2.872 6.4 6.4a6.36 6.36 0 01-1.312 3.864zM5.2 6c0-1.552 1.248-2.8 2.8-2.8 1.552 0 2.8 1.248 2.8 2.8 0 1.552-1.248 2.8-2.8 2.8A2.793 2.793 0 015.2 6z"
9
+ d: "M8 0C3.584 0 0 3.584 0 8s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8zM4.28 13.2A6.353 6.353 0 018 12c1.392 0 2.672.448 3.72 1.2A6.353 6.353 0 018 14.4a6.353 6.353 0 01-3.72-1.2zm8.632-1.104a7.957 7.957 0 00-9.824 0A6.365 6.365 0 011.6 8c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 1.56-.56 2.984-1.488 4.096z"
10
+ }), /*#__PURE__*/React.createElement("path", {
11
+ d: "M8 3.2A2.803 2.803 0 005.2 6c0 1.544 1.256 2.8 2.8 2.8 1.544 0 2.8-1.256 2.8-2.8 0-1.544-1.256-2.8-2.8-2.8zm0 4c-.664 0-1.2-.536-1.2-1.2 0-.664.536-1.2 1.2-1.2.664 0 1.2.536 1.2 1.2 0 .664-.536 1.2-1.2 1.2z"
12
12
  }));
13
13
  }
14
14
 
@@ -17,6 +17,7 @@ import { makeDarkNormalTwakeOverrides } from "cozy-ui/transpiled/react/MuiCozyTh
17
17
  import { makeLightInvertedTwakeOverrides } from "cozy-ui/transpiled/react/MuiCozyTheme/overrides/twake/makeLightInvertedOverrides";
18
18
  import { makeLightNormalTwakeOverrides } from "cozy-ui/transpiled/react/MuiCozyTheme/overrides/twake/makeLightNormalOverrides";
19
19
  import isTesting from "cozy-ui/transpiled/react/helpers/isTesting";
20
+ import { isTwakeTheme } from "cozy-ui/transpiled/react/helpers/isTwakeTheme";
20
21
  import { createTheme } from "cozy-ui/transpiled/react/styles";
21
22
  import { createNodeWithThemeCssVars } from "cozy-ui/transpiled/react/utils/color";
22
23
 
@@ -72,7 +73,7 @@ var themesCommonConfig = _objectSpread({
72
73
  });
73
74
 
74
75
  export var makeTheme = function makeTheme(type, variant) {
75
- var uiThemeName = localStorage.getItem('ui-theme-name') || 'Cozy'; // to hold the values of css variables, recoverable by getCssVariableValue()
76
+ var uiThemeName = isTwakeTheme() ? 'Twake' : 'Cozy'; // to hold the values of css variables, recoverable by getCssVariableValue()
76
77
 
77
78
  createNodeWithThemeCssVars(type, variant);
78
79
  var palette = makePalette(type, variant);
@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
4
4
  import React from 'react';
5
5
  import { CozyThemeContext } from "cozy-ui/transpiled/react/providers/CozyTheme/index";
6
6
  import MuiCozyTheme from "cozy-ui/transpiled/react/MuiCozyTheme";
7
+ import { isTwakeTheme } from "cozy-ui/transpiled/react/helpers/isTwakeTheme";
7
8
  import useMediaQuery from "cozy-ui/transpiled/react/hooks/useMediaQuery";
8
9
 
9
10
  var DumbCozyTheme = function DumbCozyTheme(_ref) {
@@ -18,7 +19,7 @@ var DumbCozyTheme = function DumbCozyTheme(_ref) {
18
19
 
19
20
  var uiThemeVariant = localStorage.getItem('ui-theme-variant'); // use only for cozy-ui documentation and argos screenshots
20
21
 
21
- var uiThemeName = localStorage.getItem('ui-theme-name') || 'Cozy';
22
+ var uiThemeName = isTwakeTheme() ? 'Twake' : 'Cozy';
22
23
  var deviceThemeType = useMediaQuery('(prefers-color-scheme: dark)') ? 'dark' : 'light';
23
24
  var filteredSettingsThemeType = ['light', 'dark'].includes(settingsThemeType) ? settingsThemeType : undefined;
24
25
  var selfThemeType = uiThemeType || filteredSettingsThemeType || deviceThemeType;
@@ -1,5 +1,7 @@
1
+ import { isTwakeTheme } from "cozy-ui/transpiled/react/helpers/isTwakeTheme";
2
+
1
3
  var getThemeNodeClassName = function getThemeNodeClassName(type, variant) {
2
- var uiTypeName = localStorage.getItem('ui-theme-name') || 'Cozy';
4
+ var uiTypeName = isTwakeTheme() ? 'Twake' : 'Cozy';
3
5
  return "".concat(uiTypeName, "Theme--").concat(type, "-").concat(variant);
4
6
  };
5
7