@cube-dev/ui-kit 0.0.0-canary-01e9d32 → 0.0.0-canary-51e4537

package/dist/utils/react/isTextOnly.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 import { Children, isValidElement } from "react";
 
 //#region src/utils/react/isTextOnly.ts

package/dist/utils/react/mapProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 //#region src/utils/react/mapProps.ts
 /** Converts AriaButtonProps to CubeButtonProps */
 function ariaToCubeButtonProps(props) {

package/dist/utils/react/mergeProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 import { chain } from "./chain.js";
 import { mergeIds } from "./useId.js";
 import { mergeStyles } from "@tenphi/tasty";

package/dist/utils/react/nullableValue.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 //#region src/utils/react/nullableValue.ts
 function castNullableStringValue(props) {
 	return castNullableField(props, ["value", "defaultValue"], "string", (v) => String(v));

package/dist/utils/react/resolveIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 //#region src/utils/react/resolveIcon.ts
 /**
 * Resolves a dynamic icon prop to its content and slot state.

package/dist/utils/react/sharedStore.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useSyncExternalStore } from "react";
 

package/dist/utils/react/useCombinedRefs.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 import { useEffect, useRef } from "react";
 
 //#region src/utils/react/useCombinedRefs.ts

package/dist/utils/react/useControlledFocusVisible.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 import { createSharedStore } from "./sharedStore.js";
 import { useEffect } from "react";
 import { useFocusVisible } from "react-aria";

package/dist/utils/react/useEventBus.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef } from "react";
 
 //#region src/utils/react/useEventBus.ts

package/dist/utils/react/useId.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { useEffect, useRef, useState } from "react";
 import { useSSRSafeId } from "@react-aria/ssr";

package/dist/utils/react/useIsDarwin.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 import { useEffect, useState } from "react";
 
 //#region src/utils/react/useIsDarwin.ts

package/dist/utils/react/useKeySymbols.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 import { useIsDarwin } from "./useIsDarwin.js";
 import { useMemo } from "react";
 

package/dist/utils/react/useLayoutEffect.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 import * as React$1 from "react";
 
 //#region src/utils/react/useLayoutEffect.tsx

package/dist/utils/react/useLocalStorage.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useCallback, useSyncExternalStore } from "react";
 

package/dist/utils/react/useMergeStyles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 import { mergeStyles } from "@tenphi/tasty";
 import { useMemo } from "react";
 

package/dist/utils/react/usePopoverSync.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 import { EventBusContext, useEventBus } from "./useEventBus.js";
 import { useCallback, useContext, useEffect, useRef } from "react";
 

package/dist/utils/react/useQaProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 //#region src/utils/react/useQaProps.ts
 /**
 * Processes QA props.

package/dist/utils/react/useViewportSize.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 import { useEffect, useState } from "react";
 
 //#region src/utils/react/useViewportSize.ts

package/dist/utils/react/wrapNodeIfPlain.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 import { isValidElement } from "react";
 import { isFragment } from "react-is";
 

package/dist/utils/selection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 //#region src/utils/selection.ts
 /**
 * Deduplicate/toggle keys in a selection: if a key appears twice it is

package/dist/utils/styles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 //#region src/utils/styles.ts
 /**
 * Split properties into style and non-style properties.

package/dist/utils/tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 //#region src/utils/tree.ts
 function toFlatTree(tree, includingFolders) {
 	return tree.reduce((result, node) => {

package/dist/utils/warnings.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 //#region src/utils/warnings.ts
 const SUGGESTED_PROP_MAP = {
 	disabled: "isDisabled",

package/dist/version.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-01e9d32 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-51e4537 | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.0.0-canary-01e9d32";
+const VERSION = "0.0.0-canary-51e4537";
 const TASTY_VERSION = "2.8.0";
 if (typeof window !== "undefined") {
 	const version = VERSION;

package/docs/components/content/InfoBadge.md

@@ -0,0 +1,49 @@
+# InfoBadge
+
+An informational icon with a tooltip. Renders as a plain badge (`ItemBadge`) by default, and upgrades to a link or button (`ItemAction`) as soon as `to` or `onPress` is provided — so the same icon can also point at the docs.
+
+The badge contains its own press events, which lets it sit inside a bigger click target — a field `<label>`, a switch row, a table header, a list item — without activating it.
+
+## When to Use
+
+- Explain a field, a label, or a column header without spending layout space on a description
+- Link a piece of UI to its documentation page
+- Any place that used to render a bare info icon wrapped in a tooltip by hand
+
+Every field's `tooltip` prop already renders an `InfoBadge` next to the label, so reach for this component only when you need an info icon outside of a field.
+
+## Properties
+
+- **`tooltip`** `ReactNode | object` (required) — Tooltip content, or `{ title, ...tooltipProps }` for advanced configuration (`placement`, `delay`, `width`, …)
+- **`tooltipSuffix`** `ReactNode` — Text appended to the tooltip content. Defaults to a localized `Click to learn more.` hint when the badge is interactive. Pass `null` to opt out.
+- **`icon`** `ReactNode` (default: `<InfoCircleIcon />`) — Icon to render
+- **`size`** `'inline' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | number` (default: `'inline'`) — `inline` matches the line height of the surrounding text, so the badge blends into labels and paragraphs
+- **`type`** `'primary' | 'outline' | 'clear'` (default: `'clear'`) — Visual type
+- **`theme`** `'default' | 'danger' | 'success' | 'special'` (default: `'default'`) — Color theme. The default `default` + `clear` combination is brand-tinted; any other combination uses the theme's own colors.
+- **`to`** `string | number | object` — Navigation target. Renders the badge as a link. Supports the `!` (new tab) and `@` (native navigation) prefixes.
+- **`onPress`** `(e: PressEvent) => void` — Press handler. Renders the badge as a button.
+- **`isLoading`** `boolean` — Replace the icon with a loading spinner
+- **`isDisabled`** `boolean` — Disable the badge
+
+### Accessibility
+
+The accessible name is the tooltip text when it's plain text. Rich tooltip content can't serve as a name, so a localized `More information` label is used instead — pass `aria-label` or `label` to override it.
+
+### Base Properties
+
+Supports [Base properties](../../BaseProperties.md).
+
+## Examples
+
+```jsx
+<InfoBadge tooltip="Deployments run in the region closest to your data source." />
+
+<InfoBadge
+  to="!https://docs.cube.dev/admin/deployment/auto-suspension"
+  tooltip="Suspends the deployment after a period of inactivity."
+/>
+
+<InfoBadge tooltip="Copied from the parent space." tooltipSuffix={null} />
+
+<Switch label="Auto-suspend" labelSuffix={<InfoBadge tooltip="…" />} />
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-01e9d32",
+  "version": "0.0.0-canary-51e4537",
   "type": "module",
   "description": "UIKit for Cube Projects",
   "repository": {