npm - @cube-dev/ui-kit - Versions diffs - 0.0.0-canary-32c88ff → 0.0.0-canary-85441bf - Mend

@cube-dev/ui-kit 0.0.0-canary-32c88ff → 0.0.0-canary-85441bf

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.

Files changed (529) hide show

package/dist/tokens/sizes.js CHANGED Viewed

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

package/dist/tokens/spacing.js CHANGED Viewed

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

package/dist/tokens/typography.js CHANGED Viewed

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

package/dist/utils/ResizeSensor.js CHANGED Viewed

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

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

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

package/dist/utils/modules.js CHANGED Viewed

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

package/dist/utils/promise.js CHANGED Viewed

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

package/dist/utils/raf.js CHANGED Viewed

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

package/dist/utils/random.js CHANGED Viewed

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

package/dist/utils/range.js CHANGED Viewed

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

package/dist/utils/react/RenderCache.js CHANGED Viewed

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

package/dist/utils/react/Slots.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-32c88ff | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-85441bf | 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 CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-32c88ff | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-85441bf | 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/disabledProps.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-32c88ff | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-85441bf | Cube Dev Team */
 //#region src/utils/react/disabledProps.ts
 /**
 * Tags where `disabled` is a real HTML attribute. Browsers refuse to dispatch

package/dist/utils/react/forwardRefWithGenerics.js CHANGED Viewed

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

package/dist/utils/react/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-32c88ff | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-85441bf | Cube Dev Team */
 import { chain } from "./chain.js";
 import { getDisabledElementProps, omitActivationEventProps } from "./disabledProps.js";
 import { forwardRefWithGenerics } from "./forwardRefWithGenerics.js";

package/dist/utils/react/interactions.js CHANGED Viewed

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

package/dist/utils/react/isTextOnly.js CHANGED Viewed

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

package/dist/utils/react/mapProps.js CHANGED Viewed

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

package/dist/utils/react/mergeProps.js CHANGED Viewed

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

package/dist/utils/react/nullableValue.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-32c88ff | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-85441bf | 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 CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-32c88ff | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-85441bf | 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 CHANGED Viewed

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

package/dist/utils/react/useBufferedValue.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-32c88ff | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-85441bf | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { useCallback, useRef, useState } from "react";

package/dist/utils/react/useCombinedRefs.js CHANGED Viewed

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

package/dist/utils/react/useControlledFocusVisible.js CHANGED Viewed

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

package/dist/utils/react/useEventBus.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-32c88ff | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-85441bf | 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 CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-32c88ff | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-85441bf | 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 CHANGED Viewed

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

package/dist/utils/react/useKeySymbols.js CHANGED Viewed

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

package/dist/utils/react/useLayoutEffect.js CHANGED Viewed

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

package/dist/utils/react/useLocalStorage.js CHANGED Viewed

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

package/dist/utils/react/useMergeStyles.js CHANGED Viewed

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

package/dist/utils/react/usePopoverSync.js CHANGED Viewed

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

package/dist/utils/react/useQaProps.js CHANGED Viewed

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

package/dist/utils/react/useViewportSize.js CHANGED Viewed

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

package/dist/utils/react/wrapNodeIfPlain.js CHANGED Viewed

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

package/dist/utils/selection.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-32c88ff | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-85441bf | 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 CHANGED Viewed

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

package/dist/utils/tree.js CHANGED Viewed

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

package/dist/utils/warnings.js CHANGED Viewed

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

package/dist/version.js CHANGED Viewed

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

package/docs/Theming.md CHANGED Viewed

@@ -200,6 +200,15 @@ all follow, and the text's `['AA','AAA']` floors re-solve against the new backgr
 rather than drifting. The `code-*` family follows too: its mirrored `surface` exists
 to be the page, so it tracks both the tone and the base seed.
+**The tinted surfaces move with it.** A status theme's `surface` — and a runtime
+tint's, from `getColorTheme()` — is authored as an offset from the page's rather
+than as an absolute tone, and that offset is exactly the two tones `tinted` shifts
+by. Anchored absolutely they would land on the page's own new tone and a `note`
+banner would stop reading as a banner at all; anchored to the page they keep the
+separation the offset was chosen for, in both schemes. They also pick up a little
+more chroma there, being further from the extreme — so `tinted` makes a status
+surface easier to see, not harder.
 The tint stays subtle by construction. Near white the sRGB gamut has very little
 chroma to give, so `tinted` buys a surface that reads as warm or cool rather than
 one that reads as colored — which is the whole ask. For a genuinely colored panel,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-32c88ff",
+  "version": "0.0.0-canary-85441bf",
   "type": "module",
   "description": "UIKit for Cube Projects",
   "repository": {