@pareto-engineering/design-system 5.12.9 → 5.12.10
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/dist/assets/Tooltip.css +1 -1
- package/dist/ui/a/Tooltip/Tooltip.js +13 -11
- package/package.json +4 -4
package/dist/assets/Tooltip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:export{base:ds;elementcontent:content;elementheading:heading;elementitem:item;elementsection:section;elementsubtitle:subtitle;modifieractive:active;modifieranimated:animated;modifierattached:attached;modifierblur:blur;modifierclear:clear;modifiercompact:compact;modifierdisabled:disabled;modifierimage:image;modifierghost:ghost;modifieropen:open;modifiersimple:simple;modifierspaced:spaced;modifierunderlined:underlined;wrappergroup:group}.ds.tooltip{display:inline-block;position:relative}.ds.tooltip>.tooltip-content{background:var(--x);border:var(--theme-default-border-style) var(--ui-lines);border-radius:calc(var(--theme-default-border-radius) / 2);min-width:var(--tooltip-width, 20rem);opacity:0;overflow:hidden;padding:calc(var(--theme-default-padding) / 2) var(--theme-default-padding);position:absolute;transform:translate(var(--horizontal, 0)) translateY(var(--vertical, 0));transition:opacity .2s ease,transform .2s ease;visibility:hidden;z-index:10}.ds.tooltip>.tooltip-content.floating.top{left:var(--mouse-x);position:fixed;top:calc(var(--mouse-y) - var(--theme-default-padding) / 2);transform:translate(-50%,-100%)}.ds.tooltip>.tooltip-content.floating.right{left:calc(var(--mouse-x) + var(--theme-default-padding));position:fixed;top:var(--mouse-y);transform:translateY(-50%)}.ds.tooltip>.tooltip-content.floating.bottom{left:var(--mouse-x);position:fixed;top:calc(var(--mouse-y) + var(--theme-default-padding) / 2);transform:translate(-50%)}.ds.tooltip>.tooltip-content.floating.left{left:calc(var(--mouse-x) - var(--theme-default-padding));position:fixed;top:var(--mouse-y);transform:translate(-100%,-50%)}.ds.tooltip>.tooltip-content:not(.floating).top{--horizontal: -50%;bottom:calc(100% + var(--theme-default-padding) / 2);left:50%}.ds.tooltip>.tooltip-content:not(.floating).right{--vertical: 50%;bottom:50%;left:calc(100% + var(--theme-default-padding))}.ds.tooltip>.tooltip-content:not(.floating).bottom{--horizontal: -50%;left:50%;top:calc(100% + var(--theme-default-padding) / 2)}.ds.tooltip>.tooltip-content:not(.floating).left{--vertical: 50%;bottom:50%;right:calc(100% + var(--theme-default-padding))}.ds.tooltip.tooltip-info>.tooltip-content{font-size:calc(var(--s0) * .75rem);max-width:var(--tooltip-content-width, 30rem);white-space:normal}.ds.tooltip.tooltip-info>.tooltip-content pre{white-space:pre-wrap}.ds.tooltip.tooltip-info>.tooltip-content.bottom{--horizontal: 0;left:0;right:auto}.ds.tooltip.tooltip-info-right>.tooltip-content{font-size:calc(var(--s0) * .75rem);max-width:var(--tooltip-content-width, 30rem);white-space:normal}.ds.tooltip.tooltip-info-right>.tooltip-content pre{white-space:pre-wrap}.ds.tooltip.tooltip-info-right>.tooltip-content.bottom{--horizontal: -50%;left:100%;right:auto}.ds.tooltip>.tooltip-trigger-wrapper{cursor:pointer}.ds.tooltip>.tooltip-trigger-wrapper:is(:hover,:focus-visible,:active)+.tooltip-content{opacity:1;transition-delay:.2s;visibility:visible}
|
|
1
|
+
:export{base:ds;elementcontent:content;elementheading:heading;elementitem:item;elementsection:section;elementsubtitle:subtitle;modifieractive:active;modifieranimated:animated;modifierattached:attached;modifierblur:blur;modifierclear:clear;modifiercompact:compact;modifierdisabled:disabled;modifierimage:image;modifierghost:ghost;modifieropen:open;modifiersimple:simple;modifierspaced:spaced;modifierunderlined:underlined;wrappergroup:group}.ds.tooltip{display:inline-block;position:relative}.ds.tooltip>.tooltip-content{background:var(--x);border:var(--theme-default-border-style) var(--ui-lines);border-radius:calc(var(--theme-default-border-radius) / 2);min-width:var(--tooltip-width, 20rem);opacity:0;overflow:hidden;padding:calc(var(--theme-default-padding) / 2) var(--theme-default-padding);position:absolute;transform:translate(var(--horizontal, 0)) translateY(var(--vertical, 0));transition:opacity .2s ease,transform .2s ease;visibility:hidden;z-index:10}.ds.tooltip>.tooltip-content.floating.top{left:var(--mouse-x);position:fixed;top:calc(var(--mouse-y) - var(--theme-default-padding) / 2);transform:translate(-50%,-100%)}.ds.tooltip>.tooltip-content.floating.right{left:calc(var(--mouse-x) + var(--theme-default-padding));position:fixed;top:var(--mouse-y);transform:translateY(-50%)}.ds.tooltip>.tooltip-content.floating.bottom{left:var(--mouse-x);position:fixed;top:calc(var(--mouse-y) + var(--theme-default-padding) / 2);transform:translate(-50%)}.ds.tooltip>.tooltip-content.floating.left{left:calc(var(--mouse-x) - var(--theme-default-padding));position:fixed;top:var(--mouse-y);transform:translate(-100%,-50%)}.ds.tooltip>.tooltip-content:not(.floating).top{--horizontal: -50%;bottom:calc(100% + var(--theme-default-padding) / 2);left:50%}.ds.tooltip>.tooltip-content:not(.floating).right{--vertical: 50%;bottom:50%;left:calc(100% + var(--theme-default-padding))}.ds.tooltip>.tooltip-content:not(.floating).bottom{--horizontal: -50%;left:50%;top:calc(100% + var(--theme-default-padding) / 2)}.ds.tooltip>.tooltip-content:not(.floating).left{--vertical: 50%;bottom:50%;right:calc(100% + var(--theme-default-padding))}.ds.tooltip.tooltip-info>.tooltip-content{font-size:calc(var(--s0) * .75rem);max-width:var(--tooltip-content-width, 30rem);white-space:normal}.ds.tooltip.tooltip-info>.tooltip-content pre{white-space:pre-wrap}.ds.tooltip.tooltip-info>.tooltip-content.bottom{--horizontal: 0;left:0;right:auto}.ds.tooltip.tooltip-info-right>.tooltip-content{font-size:calc(var(--s0) * .75rem);max-width:var(--tooltip-content-width, 30rem);white-space:normal}.ds.tooltip.tooltip-info-right>.tooltip-content pre{white-space:pre-wrap}.ds.tooltip.tooltip-info-right>.tooltip-content.bottom{--horizontal: -50%;left:100%;right:auto}.ds.tooltip.tooltip-align-right>.tooltip-content.bottom{left:auto;right:0;transform:translateY(0)}.ds.tooltip.tooltip-align-right>.tooltip-content.top{left:auto;right:0;transform:translateY(0)}.ds.tooltip>.tooltip-trigger-wrapper{cursor:pointer}.ds.tooltip>.tooltip-trigger-wrapper:is(:hover,:focus-visible,:active)+.tooltip-content{opacity:1;transition-delay:.2s;visibility:visible}
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useEffect as
|
|
1
|
+
import { jsxs as g, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect as v } from "react";
|
|
3
3
|
import { P as e } from "../../../index-CxkFVI6N.js";
|
|
4
|
-
import { s as
|
|
5
|
-
import '../../../assets/Tooltip.css';const b =
|
|
4
|
+
import { s as y } from "../../../exports.module-DmUnHWIJ.js";
|
|
5
|
+
import '../../../assets/Tooltip.css';const b = y.base, N = "tooltip", n = ({
|
|
6
6
|
id: l,
|
|
7
7
|
className: m,
|
|
8
8
|
style: a,
|
|
9
9
|
position: d,
|
|
10
10
|
isFloating: t,
|
|
11
|
-
color:
|
|
11
|
+
color: p,
|
|
12
12
|
description: s,
|
|
13
|
-
content:
|
|
13
|
+
content: c,
|
|
14
14
|
children: u,
|
|
15
15
|
styleVariant: f
|
|
16
16
|
// ...otherProps
|
|
17
|
-
}) => (
|
|
17
|
+
}) => (v(() => {
|
|
18
18
|
const o = (i) => {
|
|
19
19
|
document.documentElement.style.setProperty("--mouse-x", `${i.clientX}px`), document.documentElement.style.setProperty("--mouse-y", `${i.clientY}px`);
|
|
20
20
|
};
|
|
21
21
|
return t ? (window.addEventListener("mousemove", o), () => window.removeEventListener("mousemove", o)) : () => window.removeEventListener("mousemove", o);
|
|
22
|
-
}, [t]), /* @__PURE__ */
|
|
22
|
+
}, [t]), /* @__PURE__ */ g(
|
|
23
23
|
"div",
|
|
24
24
|
{
|
|
25
25
|
id: l,
|
|
@@ -28,7 +28,7 @@ import '../../../assets/Tooltip.css';const b = g.base, N = "tooltip", n = ({
|
|
|
28
28
|
N,
|
|
29
29
|
m,
|
|
30
30
|
f,
|
|
31
|
-
`x-${
|
|
31
|
+
`x-${p}`
|
|
32
32
|
].filter((o) => o).join(" "),
|
|
33
33
|
style: a,
|
|
34
34
|
children: [
|
|
@@ -50,7 +50,7 @@ import '../../../assets/Tooltip.css';const b = g.base, N = "tooltip", n = ({
|
|
|
50
50
|
].filter((o) => o).join(" "),
|
|
51
51
|
role: "tooltip",
|
|
52
52
|
id: s,
|
|
53
|
-
children:
|
|
53
|
+
children: c
|
|
54
54
|
}
|
|
55
55
|
)
|
|
56
56
|
]
|
|
@@ -99,12 +99,14 @@ n.propTypes = {
|
|
|
99
99
|
* Available variants:
|
|
100
100
|
* - 'tooltip-info': Left-aligned, 30rem max-width, small text
|
|
101
101
|
* - 'tooltip-info-right': Centered on right edge, 30rem max-width
|
|
102
|
+
* - 'tooltip-align-right': Anchored to right edge, expands leftward
|
|
102
103
|
*
|
|
103
104
|
* See styles.scss for full variant definitions
|
|
104
105
|
*/
|
|
105
106
|
styleVariant: e.oneOf([
|
|
106
107
|
"tooltip-info",
|
|
107
|
-
"tooltip-info-right"
|
|
108
|
+
"tooltip-info-right",
|
|
109
|
+
"tooltip-align-right"
|
|
108
110
|
])
|
|
109
111
|
};
|
|
110
112
|
n.defaultProps = {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pareto-engineering/design-system",
|
|
3
|
-
"version": "5.12.
|
|
3
|
+
"version": "5.12.10",
|
|
4
4
|
"description": "",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"license": "ISC",
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"@chromatic-com/storybook": "^3.2.6",
|
|
40
|
-
"@pareto-engineering/eslint-config": "^5.12.
|
|
40
|
+
"@pareto-engineering/eslint-config": "^5.12.10",
|
|
41
41
|
"@pareto-engineering/stylelint-config": "^5.11.5",
|
|
42
42
|
"@pareto-engineering/ts-config": "^5.11.5",
|
|
43
43
|
"@storybook/addon-essentials": "^8.6.12",
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
"@lexical/selection": "0.12.2",
|
|
73
73
|
"@lexical/table": "0.12.2",
|
|
74
74
|
"@lexical/utils": "0.12.2",
|
|
75
|
-
"@pareto-engineering/assets": "^5.12.
|
|
75
|
+
"@pareto-engineering/assets": "^5.12.10",
|
|
76
76
|
"@pareto-engineering/bem": "^5.11.5",
|
|
77
77
|
"@pareto-engineering/styles": "^5.12.2",
|
|
78
78
|
"@types/node": "^22.14.1",
|
|
@@ -104,5 +104,5 @@
|
|
|
104
104
|
"vite-plugin-lib-inject-css": "^2.2.2"
|
|
105
105
|
},
|
|
106
106
|
"browserslist": "> 2%",
|
|
107
|
-
"gitHead": "
|
|
107
|
+
"gitHead": "0109a1f45f18322b98775f67d798617623d388eb"
|
|
108
108
|
}
|