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.
- package/CHANGELOG.md +14 -0
- package/assets/icons/twake/cloud_twake.svg +1 -0
- package/assets/icons/twake/company_twake.svg +1 -1
- package/assets/icons/twake/from-user_twake.svg +1 -1
- package/package.json +1 -1
- package/react/Dialog/index.jsx +2 -1
- package/react/Icons/Cloud.jsx +4 -0
- package/react/Icons/Cloud_twake.jsx +12 -0
- package/react/Icons/Company_twake.jsx +2 -2
- package/react/Icons/FromUser_twake.jsx +2 -5
- package/react/MuiCozyTheme/makeTheme.jsx +2 -1
- package/react/providers/CozyTheme/DumbCozyTheme.jsx +2 -1
- package/react/utils/color.js +3 -1
- package/transpiled/react/Dialog/index.js +2 -1
- package/transpiled/react/Icon/icons-sprite.js +1 -1
- package/transpiled/react/Icons/Cloud.js +3 -0
- package/transpiled/react/Icons/Cloud_twake.js +13 -0
- package/transpiled/react/Icons/Company_twake.js +2 -2
- package/transpiled/react/Icons/FromUser_twake.js +3 -3
- package/transpiled/react/MuiCozyTheme/makeTheme.js +2 -1
- package/transpiled/react/providers/CozyTheme/DumbCozyTheme.js +2 -1
- package/transpiled/react/utils/color.js +3 -1
|
@@ -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
|
|
7
|
+
viewBox: "0 0 16 16"
|
|
8
8
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
9
|
-
d: "
|
|
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
|
-
|
|
10
|
-
|
|
11
|
-
d: "M8
|
|
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 =
|
|
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 =
|
|
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 =
|
|
4
|
+
var uiTypeName = isTwakeTheme() ? 'Twake' : 'Cozy';
|
|
3
5
|
return "".concat(uiTypeName, "Theme--").concat(type, "-").concat(variant);
|
|
4
6
|
};
|
|
5
7
|
|