@loomhq/lens 11.29.0 → 11.30.1
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/cjs/index.js
CHANGED
|
@@ -715,7 +715,6 @@ var import_styled = __toESM(require("@emotion/styled"));
|
|
|
715
715
|
// src/console-messages.js
|
|
716
716
|
var textIsDimmedDeprecated = `Lens: Text prop 'isDimmed' is deprecated, use color="bodyDimmed" instead.`;
|
|
717
717
|
var customStylesWarning = `Lens: don't apply custom styles to components, learn more: https://lens.loom.dev/guides/development-best-practices/the-risk-of-modifying-components-with-custom-styles.`;
|
|
718
|
-
var splitComponentChildren = `Lens: Split component direct children should only be SplitSection components.`;
|
|
719
718
|
var distributeDeprecatedWarning = `Lens: Distribute component is deprecated. Use Arrange or Split.`;
|
|
720
719
|
var layoutDeprecatedWarning = `Lens: Layout component is deprecated. Use Arrange or Split.`;
|
|
721
720
|
|
|
@@ -4806,6 +4805,7 @@ function getInitialDelaySpeed(delay) {
|
|
|
4806
4805
|
}
|
|
4807
4806
|
var Tooltip = (_a) => {
|
|
4808
4807
|
var _b = _a, {
|
|
4808
|
+
ariaLive = false,
|
|
4809
4809
|
children,
|
|
4810
4810
|
content,
|
|
4811
4811
|
shortcut,
|
|
@@ -4821,6 +4821,7 @@ var Tooltip = (_a) => {
|
|
|
4821
4821
|
verticalAlign = "middle",
|
|
4822
4822
|
delay = "immediate"
|
|
4823
4823
|
} = _b, rest = __objRest(_b, [
|
|
4824
|
+
"ariaLive",
|
|
4824
4825
|
"children",
|
|
4825
4826
|
"content",
|
|
4826
4827
|
"shortcut",
|
|
@@ -4907,7 +4908,7 @@ var Tooltip = (_a) => {
|
|
|
4907
4908
|
ref: (0, import_react_laag3.mergeRefs)(triggerProps.ref, focusRef)
|
|
4908
4909
|
}),
|
|
4909
4910
|
children
|
|
4910
|
-
), isOpen && renderLayer(
|
|
4911
|
+
), ariaLive && /* @__PURE__ */ import_react34.default.createElement("span", { className: "srOnly", "aria-live": "polite" }, isOpen && content), isOpen && renderLayer(
|
|
4911
4912
|
/* @__PURE__ */ import_react34.default.createElement("div", __spreadProps(__spreadValues({}, layerProps), { style: __spreadProps(__spreadValues({}, layerProps.style), { zIndex }) }), /* @__PURE__ */ import_react34.default.createElement(
|
|
4912
4913
|
TooltipBox,
|
|
4913
4914
|
__spreadValues({
|
|
@@ -6051,11 +6052,6 @@ var Split = (_a) => {
|
|
|
6051
6052
|
"className",
|
|
6052
6053
|
"style"
|
|
6053
6054
|
]);
|
|
6054
|
-
import_react45.default.Children.forEach(children, (child) => {
|
|
6055
|
-
if (child && !import_react45.default.isValidElement(child) || import_react45.default.isValidElement(child) && child.type !== SplitSection) {
|
|
6056
|
-
throw new Error(splitComponentChildren);
|
|
6057
|
-
}
|
|
6058
|
-
});
|
|
6059
6055
|
if (className || style) {
|
|
6060
6056
|
console.warn(customStylesWarning);
|
|
6061
6057
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -496,7 +496,6 @@ import styled from "@emotion/styled";
|
|
|
496
496
|
// src/console-messages.js
|
|
497
497
|
var textIsDimmedDeprecated = `Lens: Text prop 'isDimmed' is deprecated, use color="bodyDimmed" instead.`;
|
|
498
498
|
var customStylesWarning = `Lens: don't apply custom styles to components, learn more: https://lens.loom.dev/guides/development-best-practices/the-risk-of-modifying-components-with-custom-styles.`;
|
|
499
|
-
var splitComponentChildren = `Lens: Split component direct children should only be SplitSection components.`;
|
|
500
499
|
var distributeDeprecatedWarning = `Lens: Distribute component is deprecated. Use Arrange or Split.`;
|
|
501
500
|
var layoutDeprecatedWarning = `Lens: Layout component is deprecated. Use Arrange or Split.`;
|
|
502
501
|
|
|
@@ -4587,6 +4586,7 @@ function getInitialDelaySpeed(delay) {
|
|
|
4587
4586
|
}
|
|
4588
4587
|
var Tooltip = (_a) => {
|
|
4589
4588
|
var _b = _a, {
|
|
4589
|
+
ariaLive = false,
|
|
4590
4590
|
children,
|
|
4591
4591
|
content,
|
|
4592
4592
|
shortcut,
|
|
@@ -4602,6 +4602,7 @@ var Tooltip = (_a) => {
|
|
|
4602
4602
|
verticalAlign = "middle",
|
|
4603
4603
|
delay = "immediate"
|
|
4604
4604
|
} = _b, rest = __objRest(_b, [
|
|
4605
|
+
"ariaLive",
|
|
4605
4606
|
"children",
|
|
4606
4607
|
"content",
|
|
4607
4608
|
"shortcut",
|
|
@@ -4688,7 +4689,7 @@ var Tooltip = (_a) => {
|
|
|
4688
4689
|
ref: mergeRefs(triggerProps.ref, focusRef)
|
|
4689
4690
|
}),
|
|
4690
4691
|
children
|
|
4691
|
-
), isOpen && renderLayer(
|
|
4692
|
+
), ariaLive && /* @__PURE__ */ React36.createElement("span", { className: "srOnly", "aria-live": "polite" }, isOpen && content), isOpen && renderLayer(
|
|
4692
4693
|
/* @__PURE__ */ React36.createElement("div", __spreadProps(__spreadValues({}, layerProps), { style: __spreadProps(__spreadValues({}, layerProps.style), { zIndex }) }), /* @__PURE__ */ React36.createElement(
|
|
4693
4694
|
TooltipBox,
|
|
4694
4695
|
__spreadValues({
|
|
@@ -5839,11 +5840,6 @@ var Split = (_a) => {
|
|
|
5839
5840
|
"className",
|
|
5840
5841
|
"style"
|
|
5841
5842
|
]);
|
|
5842
|
-
React47.Children.forEach(children, (child) => {
|
|
5843
|
-
if (child && !React47.isValidElement(child) || React47.isValidElement(child) && child.type !== SplitSection) {
|
|
5844
|
-
throw new Error(splitComponentChildren);
|
|
5845
|
-
}
|
|
5846
|
-
});
|
|
5847
5843
|
if (className || style) {
|
|
5848
5844
|
console.warn(customStylesWarning);
|
|
5849
5845
|
}
|
|
@@ -4,7 +4,7 @@ declare const TooltipBoxWrapper: import("@emotion/styled").StyledComponent<React
|
|
|
4
4
|
declare const ShortcutWrapper: import("@emotion/styled").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, object>;
|
|
5
5
|
export declare const ShortcutBox: ({ children, }: React.ComponentProps<typeof ShortcutWrapper>) => React.JSX.Element;
|
|
6
6
|
export declare const TooltipBox: ({ children, maxWidth, onMouseEnter, onMouseLeave, layerProps, zIndex, ...rest }: TooltipBoxProps & React.ComponentProps<typeof TooltipBoxWrapper>) => React.JSX.Element;
|
|
7
|
-
declare const Tooltip: ({ children, content, shortcut, placement, keepOpen, triggerOffset, maxWidth, isInline, isDisabled, container, tabIndex, zIndex, verticalAlign, delay, ...rest }: TooltipProps) => React.JSX.Element;
|
|
7
|
+
declare const Tooltip: ({ ariaLive, children, content, shortcut, placement, keepOpen, triggerOffset, maxWidth, isInline, isDisabled, container, tabIndex, zIndex, verticalAlign, delay, ...rest }: TooltipProps) => React.JSX.Element;
|
|
8
8
|
export declare const availablePlacements: string[];
|
|
9
9
|
type TooltipBoxProps = {
|
|
10
10
|
children?: React.ReactNode;
|
|
@@ -15,6 +15,7 @@ type TooltipBoxProps = {
|
|
|
15
15
|
zIndex?: number;
|
|
16
16
|
};
|
|
17
17
|
type TooltipProps = {
|
|
18
|
+
ariaLive?: boolean;
|
|
18
19
|
children?: React.ReactNode;
|
|
19
20
|
container?: HTMLElement | (() => HTMLElement) | string;
|
|
20
21
|
content?: React.ReactNode;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
export const textIsDimmedDeprecated: "Lens: Text prop 'isDimmed' is deprecated, use color=\"bodyDimmed\" instead.";
|
|
2
2
|
export const customStylesWarning: "Lens: don't apply custom styles to components, learn more: https://lens.loom.dev/guides/development-best-practices/the-risk-of-modifying-components-with-custom-styles.";
|
|
3
|
-
export const splitComponentChildren: "Lens: Split component direct children should only be SplitSection components.";
|
|
4
3
|
export const distributeDeprecatedWarning: "Lens: Distribute component is deprecated. Use Arrange or Split.";
|
|
5
4
|
export const layoutDeprecatedWarning: "Lens: Layout component is deprecated. Use Arrange or Split.";
|