@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.";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@loomhq/lens",
3
- "version": "11.29.0",
3
+ "version": "11.30.1",
4
4
  "packageManager": "pnpm@9.8.0",
5
5
  "scripts": {
6
6
  "preinstall": "npx only-allow pnpm",