@cube-dev/ui-kit 0.0.0-canary-7abbe59 → 0.0.0-canary-4caa7d7

package/dist/tokens/sizes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | Cube Dev Team */
 //#region src/tokens/sizes.ts
 /**
 * Component size values in pixels.

package/dist/tokens/spacing.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | Cube Dev Team */
 //#region src/tokens/spacing.ts
 /**
 * Spacing tokens using tasty multiplier syntax.

package/dist/tokens/typography.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | Cube Dev Team */
 //#region src/tokens/typography.ts
 /**
 * Typography presets for headings, text, and special styles.

package/dist/utils/ResizeSensor.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | Cube Dev Team */
 //#region src/utils/ResizeSensor.ts
 /**
 * Iterate over each of the provided element(s).

package/dist/utils/is-dev-env.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | Cube Dev Team */
 //#region src/utils/is-dev-env.ts
 function isDevEnv() {
 	if (typeof window !== "undefined" && window.localStorage) try {

package/dist/utils/modules.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | Cube Dev Team */
 //#region src/utils/modules.ts
 function extractModule(promise) {
 	return promise.then((module) => module.default || module);

package/dist/utils/promise.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | Cube Dev Team */
 //#region src/utils/promise.ts
 function timeout(ms = 30) {
 	return new Promise((resolve) => {

package/dist/utils/raf.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | Cube Dev Team */
 //#region src/utils/raf.ts
 /**
 * Chains N requestAnimationFrame calls and returns a cancel function.

package/dist/utils/random.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | Cube Dev Team */
 //#region src/utils/random.ts
 function random(min, max) {
 	const realMin = min < max ? min : max;

package/dist/utils/range.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | Cube Dev Team */
 //#region src/utils/range.ts
 function range(count) {
 	return Array.from({ length: count }, (_, i) => i);

package/dist/utils/react/RenderCache.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | Cube Dev Team */
 import { useRef } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 

package/dist/utils/react/Slots.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | Cube Dev Team */
 import { mergeProps } from "./mergeProps.js";
 import { Children, cloneElement, createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/utils/react/chain.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | Cube Dev Team */
 //#region src/utils/react/chain.ts
 /**
 * Calls all functions in the order they were chained with the same arguments.

package/dist/utils/react/forwardRefWithGenerics.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | Cube Dev Team */
 //#region src/utils/react/forwardRefWithGenerics.tsx
 /**
 * A helper for creating forwardRef components with generic types.

package/dist/utils/react/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | Cube Dev Team */
 import { chain } from "./chain.js";
 import { forwardRefWithGenerics } from "./forwardRefWithGenerics.js";
 import { isTextOnly } from "./isTextOnly.js";

package/dist/utils/react/interactions.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | Cube Dev Team */
 import { useState } from "react";
 import { useFocus, useFocusVisible } from "react-aria";
 

package/dist/utils/react/isTextOnly.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | 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-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | 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-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | 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-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | 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-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | 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-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | 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-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | 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-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | 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-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | 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-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | 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-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | 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-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | 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-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | 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-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | 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-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | 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-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | 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-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | 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-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | 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-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | 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-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | 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-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | 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-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | 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-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | Cube Dev Team */
 //#region src/utils/warnings.ts
 const SUGGESTED_PROP_MAP = {
 	disabled: "isDisabled",

package/dist/version.js

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-7abbe59 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-4caa7d7 | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.0.0-canary-7abbe59";
-const TASTY_VERSION = "2.8.0";
+const VERSION = "0.0.0-canary-4caa7d7";
+const TASTY_VERSION = "2.9.1";
 if (typeof window !== "undefined") {
 	const version = VERSION;
 	const tastyVersion = TASTY_VERSION;

package/docs/Colors.md

@@ -0,0 +1,77 @@
+# Colors
+
+Cube UI Kit color tokens are generated by Glaze from a shared OKHST palette.
+Every adaptive token includes light, dark, and high-contrast variants. Change
+the active scheme in the Storybook toolbar to review each example.
+
+## Choosing a color pair
+
+Start with the surface, then choose a foreground designed for that surface:
+
+- On neutral surfaces, use the matching text family:
+  `#surface` + `#surface-text`, `#surface-2` + `#surface-2-text`, and so on.
+- On semantic tinted surfaces, use `#<theme>-surface-text` for a neutralized,
+  high-contrast foreground.
+- Use `#<theme>-accent-text` or `-soft` when the foreground should retain the
+  semantic hue, such as notification titles and links.
+- On solid accent fills, use `#<theme>-accent-surface-text`.
+- Do not select colors only because they look similar. Their names describe
+  the contrast relationship and intended role.
+
+The text examples show each color with `t3m`, `t3`, and `t4`. Typography does
+not change the color pairing; it makes the foreground easier to evaluate at
+common UI sizes and weights.
+
+## Neutral surfaces
+
+Neutral surfaces form the page, panel, and nested-container elevation ladder.
+Use the text tokens named for the selected surface whenever one exists.
+
+## Semantic surfaces
+
+Semantic surfaces support two deliberate foreground treatments.
+
+### Surface text
+
+The surface-text family keeps the semantic hue subtle and prioritizes strong
+readability.
+
+### Accent text
+
+The accent-text family preserves more semantic color. This is the pairing used
+by notification and Item card styles.
+
+## Solid accents and interaction states
+
+Solid accent fills are fixed brand colors with a dedicated light foreground.
+The numbered surface ramp represents default, hover, and pressed states and is
+shared by semantic themes.
+
+## Disabled states
+
+Disabled pairs intentionally have lower contrast than active content. Use the
+neutral pair for low-emphasis controls and the accent-disabled pair for muted
+solid semantic controls. Do not use disabled text for active information or
+content that must meet normal text contrast requirements.
+
+## Utility colors
+
+`#placeholder`, `#focus`, semantic accent icons, and `#overlay` have narrow
+roles. Keep them in those roles rather than treating them as general palette
+swatches.
+
+## Code syntax
+
+Syntax tokens are calibrated as a group against `#surface`. Use the semantic
+token for each syntax role instead of assigning arbitrary palette colors.
+
+## Borders and shadows
+
+Borders use the `1bw` design-system width. Shadow geometry comes from
+`src/tokens/shadows.ts`; the `#shadow-sm`, `#shadow-md`, and `#shadow-lg`
+colors adapt with the active scheme.
+
+## Scope
+
+This reference focuses on tokens intended for product UI. Internal loading-face
+colors and compatibility aliases are intentionally omitted.