@cube-dev/ui-kit 0.201.0 → 0.203.0

package/docs/components/overlays/Tooltip.md

@@ -222,7 +222,7 @@ Show a tooltip only when certain conditions are met. Empty content (`null`, `und
 </TooltipProvider>
 ```
 
-A disabled `Button` receives neither hover nor focus, so a `TooltipProvider` around it never opens. Give the button its own `tooltip` instead; it then stays hoverable and focusable while disabled:
+A disabled `Button` receives neither hover nor focus, so a `TooltipProvider` around it never opens. Give the button its own `tooltip` instead; it then stays hoverable and focusable while disabled. The same goes for `Checkbox`, `Switch`, `Radio` and the text inputs (`TextInput`, `NumberInput` and the rest), which take a `tooltip` of their own:
 
 ```jsx
 <Button isDisabled={hasError} tooltip={hasError ? 'Fix errors first' : undefined}>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.201.0",
+  "version": "0.203.0",
   "type": "module",
   "description": "UIKit for Cube Projects",
   "repository": {
@@ -115,6 +115,7 @@
     "@vitest/browser": "^5.0.5",
     "@vitest/browser-playwright": "^5.0.5",
     "@vitest/coverage-v8": "^5.0.5",
+    "axe-core": "4.14.0",
     "babel-plugin-react-compiler": "1.0.0",
     "best-effort-json-parser": "^1.2.1",
     "bytes": "^3.1.2",
@@ -190,7 +191,7 @@
     "chromatic:report": "node scripts/chromatic-report.mjs",
     "chromatic:check": "node scripts/chromatic-report.mjs --check",
     "chromatic:duplicates": "node scripts/chromatic-duplicates.mjs",
-    "size": "size-limit",
+    "size": "size-limit && node scripts/bundle-deps.mjs",
     "clear": "pnpm clear:dist && rimraf ./storybook-docs ./storybook-static ./node_modules/.cache",
     "clear:dist": "rimraf ./dist",
     "release": "pnpm build && pnpm check:react-package && changeset publish --provenance",
@@ -200,6 +201,7 @@
     "diagnostics:compiler": "node scripts/compiler/report.mjs",
     "diagnostics:form": "node scripts/form-diagnostics.mjs",
     "diagnostics:complexity": "node scripts/complexity-report.mjs",
+    "diagnostics:a11y": "node scripts/a11y-diagnostics.mjs",
     "update-tasty": "pnpm add @tenphi/tasty@${npm_config_version:-latest} --save-exact",
     "update-glaze": "pnpm add @tenphi/glaze@${npm_config_version:-latest} --save-exact",
     "test:form-compiled": "vitest run --config vitest.form-compiled.config.ts",

package/dist/components/content/Divider.d.ts

@@ -1,7 +0,0 @@
-
-import { BaseProps, OuterStyleProps } from "@tenphi/tasty";
-//#region src/components/content/Divider.d.ts
-export interface CubeDividerProps extends BaseProps, OuterStyleProps {}
-export declare const Divider: import("react").ForwardRefExoticComponent<CubeDividerProps & import("react").RefAttributes<unknown>>;
-//#endregion
-//# sourceMappingURL=Divider.d.ts.map

package/dist/components/content/Divider.js

@@ -1,105 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.201.0 | Cube Dev Team */
-import { useSlotProps } from "../../utils/react/Slots.js";
-import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
-import { c } from "react/compiler-runtime";
-import { BASE_STYLES, COLOR_STYLES, OUTER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
-import { forwardRef, useRef } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useSeparator } from "react-aria";
-//#region src/components/content/Divider.tsx
-const DividerElement = tasty({
-	styles: {
-		gridArea: "divider",
-		display: {
-			"": "block",
-			text: "grid"
-		},
-		gridColumns: "1fr auto 1fr",
-		placeItems: "center stretch",
-		gap: "1x",
-		preset: "c1",
-		height: {
-			"": "1bw 1bw",
-			text: "auto"
-		},
-		fill: {
-			"": "#border",
-			text: "none"
-		},
-		border: "0",
-		margin: "0",
-		Line: {
-			height: "1bw 1bw",
-			fill: "#border"
-		}
-	},
-	styleProps: [
-		...OUTER_STYLES,
-		...BASE_STYLES,
-		...COLOR_STYLES
-	]
-});
-const Divider = forwardRef(function Divider(props, ref) {
-	const $ = c(16);
-	const { mods, children, styles, ...otherProps } = useSlotProps(props, "divider");
-	const elementType = children ? "div" : "hr";
-	const internalRef = useRef(null);
-	const combinedRef = useCombinedRefs(ref, internalRef);
-	let t0;
-	if ($[0] !== elementType) {
-		t0 = { elementType };
-		$[0] = elementType;
-		$[1] = t0;
-	} else t0 = $[1];
-	const { separatorProps } = useSeparator(t0);
-	const T0 = DividerElement;
-	const t1 = elementType;
-	const t2 = !!children;
-	let t3;
-	if ($[2] !== mods || $[3] !== t2) {
-		t3 = {
-			text: t2,
-			...mods
-		};
-		$[2] = mods;
-		$[3] = t2;
-		$[4] = t3;
-	} else t3 = $[4];
-	const t4 = filterBaseProps(otherProps, { eventProps: true });
-	let t5;
-	if ($[5] !== children) {
-		t5 = children && /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			/* @__PURE__ */ jsx("div", { "data-element": "Line" }),
-			/* @__PURE__ */ jsx("div", { children }),
-			/* @__PURE__ */ jsx("div", { "data-element": "Line" })
-		] });
-		$[5] = children;
-		$[6] = t5;
-	} else t5 = $[6];
-	let t6;
-	if ($[7] !== T0 || $[8] !== combinedRef || $[9] !== separatorProps || $[10] !== styles || $[11] !== t1 || $[12] !== t3 || $[13] !== t4 || $[14] !== t5) {
-		t6 = /* @__PURE__ */ jsx(T0, {
-			...separatorProps,
-			as: t1,
-			mods: t3,
-			...t4,
-			ref: combinedRef,
-			styles,
-			children: t5
-		});
-		$[7] = T0;
-		$[8] = combinedRef;
-		$[9] = separatorProps;
-		$[10] = styles;
-		$[11] = t1;
-		$[12] = t3;
-		$[13] = t4;
-		$[14] = t5;
-		$[15] = t6;
-	} else t6 = $[15];
-	return t6;
-});
-//#endregion
-export { Divider };
-
-//# sourceMappingURL=Divider.js.map

package/dist/components/content/Divider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Divider.js","names":["BASE_STYLES","BaseProps","COLOR_STYLES","filterBaseProps","OUTER_STYLES","OuterStyleProps","tasty","forwardRef","useRef","useSeparator","useCombinedRefs","useSlotProps","DividerElement","styles","gridArea","display","text","gridColumns","placeItems","gap","preset","height","fill","border","margin","Line","styleProps","CubeDividerProps","Divider","props","ref","$","_c","mods","children","otherProps","elementType","internalRef","combinedRef","t0","separatorProps","T0","t1","t2","t3","t4","eventProps","t5","t6","_c"],"sources":["../../../src/components/content/Divider.tsx"],"sourcesContent":["import {\n  BASE_STYLES,\n  BaseProps,\n  COLOR_STYLES,\n  filterBaseProps,\n  OUTER_STYLES,\n  OuterStyleProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, useRef } from 'react';\nimport { useSeparator } from 'react-aria';\n\nimport { useCombinedRefs, useSlotProps } from '../../utils/react';\n\nconst DividerElement = tasty({\n  styles: {\n    gridArea: 'divider',\n    display: {\n      '': 'block',\n      text: 'grid',\n    },\n    gridColumns: '1fr auto 1fr',\n    placeItems: 'center stretch',\n    gap: '1x',\n    preset: 'c1',\n    height: {\n      '': '1bw 1bw',\n      text: 'auto',\n    },\n    fill: {\n      '': '#border',\n      text: 'none',\n    },\n    border: '0',\n    margin: '0',\n\n    Line: {\n      height: '1bw 1bw',\n      fill: '#border',\n    },\n  },\n  styleProps: [...OUTER_STYLES, ...BASE_STYLES, ...COLOR_STYLES],\n});\n\nexport interface CubeDividerProps extends BaseProps, OuterStyleProps {}\n\nexport const Divider = forwardRef(function Divider(\n  props: CubeDividerProps,\n  ref,\n) {\n  const { mods, children, styles, ...otherProps } = useSlotProps(\n    props,\n    'divider',\n  );\n\n  // Determine element type based on whether divider has content.\n  const elementType = children ? 'div' : 'hr';\n\n  const internalRef = useRef(null);\n  const combinedRef = useCombinedRefs(ref, internalRef);\n\n  const { separatorProps } = useSeparator({ elementType });\n\n  return (\n    <DividerElement\n      {...separatorProps}\n      as={elementType as any}\n      mods={{\n        text: !!children,\n        ...mods,\n      }}\n      {...filterBaseProps(otherProps, { eventProps: true })}\n      ref={combinedRef}\n      styles={styles}\n    >\n      {children && (\n        <>\n          <div data-element=\"Line\"></div>\n          <div>{children}</div>\n          <div data-element=\"Line\"></div>\n        </>\n      )}\n    </DividerElement>\n  );\n});\n"],"mappings":";;;;;;;;;AAcA,MAAMY,iBAAiBN,MAAM;CAC3BO,QAAQ;EACNC,UAAU;EACVC,SAAS;GACP,IAAI;GACJC,MAAM;EACR;EACAC,aAAa;EACbC,YAAY;EACZC,KAAK;EACLC,QAAQ;EACRC,QAAQ;GACN,IAAI;GACJL,MAAM;EACR;EACAM,MAAM;GACJ,IAAI;GACJN,MAAM;EACR;EACAO,QAAQ;EACRC,QAAQ;EAERC,MAAM;GACJJ,QAAQ;GACRC,MAAM;EACR;CACF;CACAI,YAAY;EAAC,GAAGtB;EAAc,GAAGJ;EAAa,GAAGE;CAAY;AAC/D,CAAC;AAID,MAAa0B,UAAUrB,WAAW,SAAAqB,QAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAIhC,MAAA,EAAAC,MAAAC,UAAArB,QAAA,GAAAsB,eAAkDxB,aAChDkB,OACA,SACF;CAGA,MAAAO,cAAoBF,WAAA,QAAA;CAEpB,MAAAG,cAAoB7B,OAAO,IAAI;CAC/B,MAAA8B,cAAoB5B,gBAAgBoB,KAAKO,WAAW;CAAE,IAAAE;CAAA,IAAAR,EAAA,OAAAK,aAAA;EAEdG,KAAA,EAAAH,YAAc;EAACL,EAAA,KAAAK;EAAAL,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAvD,MAAA,EAAAS,mBAA2B/B,aAAa8B,EAAe;CAGpD,MAAAE,KAAA7B;CAEK,MAAA8B,KAAAN;CAEI,MAAAO,KAAA,CAAC,CAACT;CAAQ,IAAAU;CAAA,IAAAb,EAAA,OAAAE,QAAAF,EAAA,OAAAY,IAAA;EADZC,KAAA;GAAA5B,MACE2B;GAAU,GACbV;EACL;EAACF,EAAA,KAAAE;EAAAF,EAAA,KAAAY;EAAAZ,EAAA,KAAAa;CAAA,OAAAA,KAAAb,EAAA;CACG,MAAAc,KAAA1C,gBAAgBgC,YAAY,EAAAW,YAAc,KAAK,CAAC;CAAC,IAAAC;CAAA,IAAAhB,EAAA,OAAAG,UAAA;EAIpDa,KAAAb,YAAA,qBAAA,YAAA,EAAA,UAAA;GAEG,oBAAA,OAAA,EAAkB,gBAAA,OAAM,CAAA;GACxB,oBAAA,OAAA,EAAMA,SAAe,CAAA;GACrB,oBAAA,OAAA,EAAkB,gBAAA,OAAM,CAAA;EAAO,EAAA,CAAA;EAElCH,EAAA,KAAAG;EAAAH,EAAA,KAAAgB;CAAA,OAAAA,KAAAhB,EAAA;CAAA,IAAAiB;CAAA,IAAAjB,EAAA,OAAAU,MAAAV,EAAA,OAAAO,eAAAP,EAAA,OAAAS,kBAAAT,EAAA,QAAAlB,UAAAkB,EAAA,QAAAW,MAAAX,EAAA,QAAAa,MAAAb,EAAA,QAAAc,MAAAd,EAAA,QAAAgB,IAAA;EAjBHC,KAAA,oBAAC,IAAD;GAAe,GACTR;GACA,IAAAE;GACE,MAAAE;GAGL,GACGC;GACCP,KAAAA;GACGzB;GAEPkC,UAAAA;EAXY,CAAA;EAkBEhB,EAAA,KAAAU;EAAAV,EAAA,KAAAO;EAAAP,EAAA,KAAAS;EAAAT,EAAA,MAAAlB;EAAAkB,EAAA,MAAAW;EAAAX,EAAA,MAAAa;EAAAb,EAAA,MAAAc;EAAAd,EAAA,MAAAgB;EAAAhB,EAAA,MAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAAA,OAlBjBiB;AAkBiB,CAEpB"}