@oprt/react 0.2.1 → 0.4.0

package/dist/index.d.cts

@@ -892,12 +892,37 @@ declare const SidebarCompositionRules: {
 declare const barStyles: (props?: ({
     variant?: "text" | "block" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type SkeletonProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & VariantProps<typeof barStyles> & {
+/**
+ * What a Skeleton used to be (a status with a name) and no longer is. The props are still accepted,
+ * so a caller that passes them keeps compiling and rendering, but none is applied: the placeholder
+ * is decorative, and the area that is loading says "Loading <what>" once.
+ */
+declare const NOT_APPLIED: readonly ["aria-label", "aria-labelledby", "aria-describedby", "role", "aria-live", "aria-busy"];
+type NotApplied = {
+    /** @deprecated Not applied: a Skeleton is decorative and has no name. Name the loading area instead. */
+    "aria-label"?: string | undefined;
+    /** @deprecated Not applied: a Skeleton is decorative and has no name. Name the loading area instead. */
+    "aria-labelledby"?: string | undefined;
+    /** @deprecated Not applied: a Skeleton is decorative and has no description. */
+    "aria-describedby"?: string | undefined;
+    /** @deprecated Not applied: a Skeleton is decorative and has no role. */
+    role?: HTMLAttributes<HTMLDivElement>["role"];
+    /** @deprecated Not applied: a Skeleton is not a live region. The loading area owns the status. */
+    "aria-live"?: HTMLAttributes<HTMLDivElement>["aria-live"];
+    /** @deprecated Not applied: mark the loading area `aria-busy`, not its placeholder. */
+    "aria-busy"?: HTMLAttributes<HTMLDivElement>["aria-busy"];
+};
+type SkeletonProps = Omit<HTMLAttributes<HTMLDivElement>, "children" | (typeof NOT_APPLIED)[number]> & NotApplied & VariantProps<typeof barStyles> & {
     width?: string | number;
     height?: string | number;
     lines?: number;
 };
-declare const Skeleton: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & VariantProps<(props?: ({
+/**
+ * A placeholder in the shape of content that is on its way. Purely visual: it is hidden from
+ * assistive technology (no role, no name, no text), because the area that is loading owns the
+ * announcement, and a screen of placeholders must not say "Loading" once for each.
+ */
+declare const Skeleton: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children" | "role" | "aria-busy" | "aria-describedby" | "aria-label" | "aria-labelledby" | "aria-live"> & NotApplied & VariantProps<(props?: ({
     variant?: "text" | "block" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
     width?: string | number;

package/dist/index.d.ts

@@ -892,12 +892,37 @@ declare const SidebarCompositionRules: {
 declare const barStyles: (props?: ({
     variant?: "text" | "block" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-type SkeletonProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & VariantProps<typeof barStyles> & {
+/**
+ * What a Skeleton used to be (a status with a name) and no longer is. The props are still accepted,
+ * so a caller that passes them keeps compiling and rendering, but none is applied: the placeholder
+ * is decorative, and the area that is loading says "Loading <what>" once.
+ */
+declare const NOT_APPLIED: readonly ["aria-label", "aria-labelledby", "aria-describedby", "role", "aria-live", "aria-busy"];
+type NotApplied = {
+    /** @deprecated Not applied: a Skeleton is decorative and has no name. Name the loading area instead. */
+    "aria-label"?: string | undefined;
+    /** @deprecated Not applied: a Skeleton is decorative and has no name. Name the loading area instead. */
+    "aria-labelledby"?: string | undefined;
+    /** @deprecated Not applied: a Skeleton is decorative and has no description. */
+    "aria-describedby"?: string | undefined;
+    /** @deprecated Not applied: a Skeleton is decorative and has no role. */
+    role?: HTMLAttributes<HTMLDivElement>["role"];
+    /** @deprecated Not applied: a Skeleton is not a live region. The loading area owns the status. */
+    "aria-live"?: HTMLAttributes<HTMLDivElement>["aria-live"];
+    /** @deprecated Not applied: mark the loading area `aria-busy`, not its placeholder. */
+    "aria-busy"?: HTMLAttributes<HTMLDivElement>["aria-busy"];
+};
+type SkeletonProps = Omit<HTMLAttributes<HTMLDivElement>, "children" | (typeof NOT_APPLIED)[number]> & NotApplied & VariantProps<typeof barStyles> & {
     width?: string | number;
     height?: string | number;
     lines?: number;
 };
-declare const Skeleton: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & VariantProps<(props?: ({
+/**
+ * A placeholder in the shape of content that is on its way. Purely visual: it is hidden from
+ * assistive technology (no role, no name, no text), because the area that is loading owns the
+ * announcement, and a screen of placeholders must not say "Loading" once for each.
+ */
+declare const Skeleton: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children" | "role" | "aria-busy" | "aria-describedby" | "aria-label" | "aria-labelledby" | "aria-live"> & NotApplied & VariantProps<(props?: ({
     variant?: "text" | "block" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
     width?: string | number;

package/dist/version.js

@@ -1,5 +1,5 @@
 // package.json
-var version = "0.2.1";
+var version = "0.4.0";
 
 // src/version.ts
 var VERSION = version;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oprt/react",
-  "version": "0.2.1",
+  "version": "0.4.0",
   "description": "React components for operational interfaces: command, control and industrial software. 75 component families with interactive behavior from React Aria, styled with Tailwind CSS 4.",
   "keywords": [
     "design-system",
@@ -49,15 +49,17 @@
     "clsx": "^2.1.1",
     "react-aria": "^3.51.0",
     "react-aria-components": "^1.20.0",
-    "@oprt/icons": "0.1.0",
-    "@oprt/tokens": "0.2.0"
+    "@oprt/tokens": "0.3.0",
+    "@oprt/icons": "0.1.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/react": "^18.3.12",
+    "@types/react-19": "npm:@types/react@19.3.0",
     "@types/react-dom": "^18.3.1",
+    "@types/react-dom-19": "npm:@types/react-dom@19.3.0",
     "@vitest/coverage-v8": "^2.1.3",
     "jsdom": "^25.0.1",
     "react": "^18.3.1",
@@ -66,7 +68,7 @@
     "typescript": "^5.6.3",
     "vitest": "^2.1.3",
     "vitest-axe": "^0.1.0",
-    "@oprt/manifest": "0.1.0"
+    "@oprt/manifest": "0.4.0"
   },
   "license": "MIT",
   "publishConfig": {