@linagora/twake-mui 9.2.0 → 9.3.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
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
# @linagora/twake-mui [9.3.0](https://github.com/linagora/twake-ui/compare/@linagora/twake-mui@9.2.0...@linagora/twake-mui@9.3.0) (2026-09-23)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* **twake-mui:** Migrate Tooltip from cozy-ui ([6a5263a](https://github.com/linagora/twake-ui/commit/6a5263a2d5246798a1d003a8a2a7e0b5183bbe0d))
|
|
7
|
+
|
|
1
8
|
# @linagora/twake-mui [9.2.0](https://github.com/linagora/twake-ui/compare/@linagora/twake-mui@9.1.0...@linagora/twake-mui@9.2.0) (2026-09-22)
|
|
2
9
|
|
|
3
10
|
|
package/dist/lib/overrides.js
CHANGED
|
@@ -1000,10 +1000,17 @@ export const overrides = {
|
|
|
1000
1000
|
styleOverrides: {
|
|
1001
1001
|
tooltip: ({ theme }) => ({
|
|
1002
1002
|
backgroundColor: alpha(theme.palette.grey[800], 0.9),
|
|
1003
|
-
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1003
|
+
borderRadius: radius.sm,
|
|
1004
|
+
variants: [
|
|
1005
|
+
{
|
|
1006
|
+
props: ({ ownerState }) => !ownerState.touch,
|
|
1007
|
+
style: {
|
|
1008
|
+
fontSize: theme.typography.pxToRem(16),
|
|
1009
|
+
lineHeight: 1.3,
|
|
1010
|
+
padding: '8px 12px'
|
|
1011
|
+
}
|
|
1012
|
+
}
|
|
1013
|
+
]
|
|
1007
1014
|
})
|
|
1008
1015
|
}
|
|
1009
1016
|
},
|
|
@@ -3,5 +3,5 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
|
3
3
|
declare const meta: Meta<typeof Tooltip>;
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof Tooltip>;
|
|
6
|
-
export declare const
|
|
6
|
+
export declare const Default: Story;
|
|
7
7
|
export declare const Screenshot: Story;
|
|
@@ -1,13 +1,24 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { CarbonCopy, Icon } from '@linagora/twake-icons';
|
|
2
|
+
import { Box, Stack, Tooltip, Typography } from '@mui/material';
|
|
2
3
|
import React from 'react';
|
|
4
|
+
const title = (React.createElement(React.Fragment, null,
|
|
5
|
+
React.createElement(Stack, { direction: "row", spacing: 1, sx: { alignItems: 'center', mb: 1 } },
|
|
6
|
+
React.createElement(Icon, { icon: CarbonCopy }),
|
|
7
|
+
React.createElement(Typography, { variant: "body1", color: "inherit" }, "Carbon copy")),
|
|
8
|
+
React.createElement(Typography, { variant: "caption", color: "inherit" }, "Indicates whether the document is defined as \u201Cauthentic and original\u201D by Cozy Cloud, the host of your Cozy, as it can claim that it comes directly from a third-party service, without having undergone any modification.")));
|
|
3
9
|
const meta = {
|
|
4
10
|
title: 'Tooltip',
|
|
5
11
|
component: Tooltip,
|
|
6
12
|
parameters: { layout: 'centered' },
|
|
7
|
-
tags: ['autodocs']
|
|
13
|
+
tags: ['autodocs'],
|
|
14
|
+
decorators: [
|
|
15
|
+
// The dark tooltip shares the dark paper colour, so it would vanish on it
|
|
16
|
+
(Story) => (React.createElement(Box, { sx: theme => theme.applyStyles('dark', { bgcolor: 'background.default' }) },
|
|
17
|
+
React.createElement(Story, null)))
|
|
18
|
+
]
|
|
8
19
|
};
|
|
9
20
|
export default meta;
|
|
10
|
-
export const
|
|
21
|
+
export const Default = {
|
|
11
22
|
argTypes: {
|
|
12
23
|
placement: {
|
|
13
24
|
control: 'select',
|
|
@@ -25,17 +36,13 @@ export const Docs = {
|
|
|
25
36
|
arrow: { control: 'boolean' }
|
|
26
37
|
},
|
|
27
38
|
args: {
|
|
28
|
-
title
|
|
29
|
-
React.createElement(Typography, { variant: "body1", color: "inherit" }, "Carbon copy"),
|
|
30
|
-
React.createElement(Typography, { variant: "caption", color: "inherit" }, "Indicates whether the document is defined as \u201Cauthentic and original\u201D"))),
|
|
39
|
+
title,
|
|
31
40
|
children: React.createElement("u", null, "hover over me")
|
|
32
41
|
}
|
|
33
42
|
};
|
|
34
43
|
export const Screenshot = {
|
|
35
44
|
tags: ['argos'],
|
|
36
|
-
render: () => (React.createElement("div", { style: { padding:
|
|
37
|
-
React.createElement(Tooltip, { open: true, title:
|
|
38
|
-
React.createElement(Typography, { variant: "body1", color: "inherit" }, "Carbon copy"),
|
|
39
|
-
React.createElement(Typography, { variant: "caption", color: "inherit" }, "Indicates whether the document is defined as \u201Cauthentic and original\u201D")) },
|
|
45
|
+
render: () => (React.createElement("div", { style: { padding: '48px 96px 200px' } },
|
|
46
|
+
React.createElement(Tooltip, { open: true, title: title },
|
|
40
47
|
React.createElement("u", null, "hover over me"))))
|
|
41
48
|
};
|