@ostack.tech/ui 0.10.1 → 0.10.3

package/dist/types/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -5,7 +5,7 @@ import { IconButton } from '../IconButton';
 /** Properties provided to the fallback element. */
 export interface FallbackProps {
     /** Error that occurred. */
-    error: any;
+    error: unknown;
     /**
      * Function which, when called, rerenders the boundary `children`.
      *

package/dist/types/components/Feedback/Feedback.d.ts

@@ -10,9 +10,8 @@ export type FeedbackProps = ComponentPropsWithoutRef<"div" | "li"> & {
      */
     asChild?: boolean;
     /**
-     * Type of feedback.
-     *
-     * @default error
+     * Type of feedback. The default type defaults to the matching status of the
+     * associated field control, or to `"error"` otherwise.
      */
     type?: FeedbackType;
     /** Text prefixed to the feedback to be announced by assistive technologies. */

package/dist/types/components/Field/Field.d.ts

@@ -10,7 +10,7 @@ export interface FieldProps extends ComponentPropsWithoutRef<"div"> {
 }
 /**
  * The `Field` component acts as a container that associates a form control with
- * a label, helper text, and validation feedback.
+ * a label, helper text, and/or validation feedback.
  *
  * Use a `Label` to identify the control, a `HelperText` to provide additional
  * guidance or descriptions, and `Feedback` to display error, warning, or
@@ -33,14 +33,13 @@ export interface FieldProps extends ComponentPropsWithoutRef<"div"> {
  * Example usage:
  *
  * ```tsx
- * import { Field, HelperText, Label, Input } from "@ostack.tech/ui";
+ * import { Field, Label, Input } from "@ostack.tech/ui";
  *
  * function UsernameField() {
  *   return (
  *     <Field>
  *       <Label>Username</Label>
  *       <Input />
- *       <HelperText>May only contain alphanumeric characters.</HelperText>
  *     </Field>
  *   );
  * }

package/dist/types/components/Field/FieldContext.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { ControlStatus } from '../../utils/control.ts';
 /** Value of the field context. */
 export type FieldContextValue = FieldStore;
 /** State of the field. */
@@ -8,6 +9,7 @@ export interface FieldState {
     controlFocused: boolean;
     controlHasCode: boolean;
     controlRequired: boolean;
+    controlStatus?: ControlStatus;
     label?: ReactNode;
     labelId?: string;
     descriptionIds: string[];
@@ -51,6 +53,8 @@ export declare function useFieldControlTagName(): string | undefined;
 export declare function useFieldControlFocused(): boolean | undefined;
 /** Hook exposing whether the field's control is required. */
 export declare function useFieldControlRequired(): boolean | undefined;
+/** Hook exposing the field's control status. */
+export declare function useFieldControlStatus(): ControlStatus | undefined;
 /** Hook exposing the `children` of the field's label. */
 export declare function useFieldLabel(): ReactNode;
 /** Hook exposing the field label's id. */
@@ -60,7 +64,7 @@ export declare function useFieldDescriptionIds(): string[] | undefined;
 /** Hook exposing the field's error message ids. */
 export declare function useFieldErrorMessageIds(): string[] | undefined;
 /** Hook that makes a field aware of its control's information. */
-export declare function useSetFieldControl(controlId: string | undefined, controlTagName: string | undefined, controlCodeId: string | undefined, controlHasCode?: boolean | undefined, controlRequired?: boolean | undefined): {
+export declare function useSetFieldControl(controlId: string | undefined, controlTagName: string | undefined, controlCodeId: string | undefined, controlHasCode?: boolean | undefined, controlRequired?: boolean | undefined, controlStatus?: ControlStatus | undefined): {
     generatedId: string;
     controlId: string;
     codeId: string | undefined;

package/dist/types/providers/ErrorReportingProvider/ErrorReportingContext.d.ts

@@ -1,7 +1,7 @@
 import { ErrorInfo } from 'react';
 /** Value of the error reporting context. */
 export interface ErrorReportingContextValue {
-    onError: (error: Error, info?: ErrorInfo) => void;
+    onError: (error: unknown, info?: ErrorInfo) => void;
 }
 /** Error reporting context. */
 export declare const ErrorReportingContext: import('react').Context<ErrorReportingContextValue | null>;

package/dist/types/providers/ErrorReportingProvider/useErrorReporter.d.ts

@@ -1,2 +1,2 @@
 /** Hook used to report an error. */
-export declare function useErrorReporter(): (error: Error, info?: import('react').ErrorInfo) => void;
+export declare function useErrorReporter(): (error: unknown, info?: import('react').ErrorInfo) => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ostack.tech/ui",
   "description": "ostack/UI component library.",
-  "version": "0.10.1",
+  "version": "0.10.3",
   "homepage": "https://ui.ostack.tech/",
   "author": {
     "name": "Opensoft",
@@ -47,7 +47,7 @@
     "from-exponential": "^1.1.1",
     "radix-ui": "^1.4.3",
     "react-day-picker": "^9.13.0",
-    "react-error-boundary": "^6.0.3",
+    "react-error-boundary": "^6.1.0",
     "react-number-format": "^5.4.4",
     "react-to-print": "^3.2.0",
     "tinykeys": "^3.0.0"

package/scss/components/Heading/_Heading-variables.scss

@@ -1,7 +1,7 @@
 @use "../../scss/base-variables" as *;
 @use "../../scss/utils/spacing" as *;
 
-$heading-margin-top: 0 !default;
+$heading-margin-top: null !default;
 $heading-margin-bottom: spacing(2) !default;
 $heading-font-weight: $font-weight-bold !default;
 

package/scss/components/Heading/_Heading.scss

@@ -6,8 +6,14 @@
 .#{$prefix}heading {
   $heading: &;
 
-  margin-top: $heading-margin-top;
-  margin-bottom: $heading-margin-bottom;
+  margin-top: 0;
+  margin-bottom: 0;
+  &:not(:first-child) {
+    margin-top: $heading-margin-top;
+  }
+  &:not(:last-child) {
+    margin-bottom: $heading-margin-bottom;
+  }
   font-weight: $heading-font-weight;
 
   // Levels