asma-ui-core 3.68.6 → 3.69.0

package/dist/src/components/inputs/dynamic-select/types.d.ts

@@ -47,7 +47,6 @@ interface DynamicSelectCommonProps<TOption extends DynamicSelectOption> {
      * Use this when the field must always have a value.
      */
     required?: boolean;
-    /** @figmaProp Helper text (Helper 14/lh20; falls back to "Required" when `error` and no text). */
     helperText?: React.ReactNode;
     /** Completely removes the helper text block below the autocomplete */
     disableHelperText?: boolean;
@@ -100,6 +99,7 @@ interface DynamicSelectCommonProps<TOption extends DynamicSelectOption> {
      * or empty-state messaging when localized behavior is supported.
      */
     locale?: 'no' | 'en';
+    clearSelectionLabel?: string;
 }
 export type StyledDynamicSelectProps<TOption extends DynamicSelectOption> = DynamicSelectCommonProps<TOption> & (SingleDynamicSelectProps<TOption> | MultipleDynamicSelectProps<TOption>);
 export type StyledDynamicSelectComponent = <TOption extends DynamicSelectOption>(props: StyledDynamicSelectProps<TOption> & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null;

package/dist/src/components/inputs/input-field/StyledInputField.d.ts

@@ -17,7 +17,6 @@ type HtmlInputSlot = InputHTMLAttributes<HTMLInputElement> & {
  * Error/Disabled/Read only) is driven by native focus/hover + the `error`/`disabled`/`readOnly`
  * props; **Filled** (on/off) is derived from `value`/`defaultValue`. **Unify** and **Mixed state**
  * are Figma-authoring properties with no React counterpart. Non-annotated props are behavioral /
- * MUI `TextField` API-parity (DEC-003).
  */
 export interface StyledInputFieldProps {
     /** @figmaProp none — test hook */
@@ -35,6 +34,8 @@ export interface StyledInputFieldProps {
     error?: boolean;
     /** @figmaProp Helper text element */
     helperText?: ReactNode;
+    reserveHelperText?: boolean;
+    expandHelperText?: boolean;
     /** @figmaProp State = true→"Disabled" */
     disabled?: boolean;
     /** @figmaProp State = true→"Read only" */
@@ -85,10 +86,9 @@ export interface StyledInputFieldProps {
  * Outlined text field with a floating label (replaces MUI `TextField`). Self-contained: manages its
  * own focus/value state to drive the shared field styling ([[field-styles]]); supports multiline,
  * start/end adornments, an optional clear button, and error/helper text. Public props preserved
- * (DEC-003). TASK-401.
  *
  * ponytail: `variant` is accepted but always renders outlined, and multiline uses fixed `rows`
  * (no auto-grow to `maxRows`) — known ceilings; Chromatic in CI is the visual gate.
  */
-export declare const StyledInputField: ({ dataTest, label, value, defaultValue, onChange, onBlur, onFocus, error, helperText, disabled, readOnly, required, allowClear, onClear, type, placeholder, name, id, autoComplete, autoFocus, multiline, rows, minRows, maxRows, size, fullWidth, className, style, sx, inputRef, slotProps, InputProps, onKeyDown, onClick, variant: _variant, }: StyledInputFieldProps) => JSX.Element;
+export declare const StyledInputField: ({ dataTest, label, value, defaultValue, onChange, onBlur, onFocus, error, helperText, reserveHelperText, expandHelperText, disabled, readOnly, required, allowClear, onClear, type, placeholder, name, id, autoComplete, autoFocus, multiline, rows, minRows, maxRows, size, fullWidth, className, style, sx, inputRef, slotProps, InputProps, onKeyDown, onClick, variant: _variant, }: StyledInputFieldProps) => JSX.Element;
 export {};

package/dist/src/components/inputs/input-field/StyledInputField.helper-slot.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/inputs/radio-button/base-ui/StyledRadioGroup.d.ts

@@ -12,6 +12,7 @@ export type StyledRadioGroupProps = {
     error?: boolean;
     errorText?: string;
     helperText?: string;
+    reserveHelperText?: boolean;
     children: React.ReactNode;
     name?: string;
 } & Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue' | 'onChange'>;
@@ -32,6 +33,7 @@ export declare const StyledRadioGroup: React.ForwardRefExoticComponent<{
     error?: boolean;
     errorText?: string;
     helperText?: string;
+    reserveHelperText?: boolean;
     children: React.ReactNode;
     name?: string;
 } & Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/inputs/select/StyledSelect.d.ts

@@ -11,7 +11,6 @@ export interface SelectChangeEvent<T = unknown> {
  * The trigger is the outlined **Input field** (shared `field-styles`: 40px, focus gama-400, hover
  * gama-300); the dropdown is **Menus** (node 16073-19226). Figma field **State** (Enabled/Hovered/
  * Focused/Error/Disabled/Read-only) ← open/focus + `error`/`disabled`/`readOnly`; **Filled** ← `value`.
- * Non-annotated props are behavioral / MUI `Select` API-parity (DEC-003).
  */
 export interface StyledSelectProps {
     /** @figmaProp none — test hook */
@@ -22,7 +21,6 @@ export interface StyledSelectProps {
     defaultValue?: unknown;
     onChange?: (event: SelectChangeEvent, child: ReactNode) => void;
     /**
-     * @figmaProp none — accepted for MUI `Select` / DEC-003 drop-in parity, but **no longer affects
      * rendering**: the trigger value is Body Base 16px and the field is 40px at every size (a smaller
      * size only changed text before; Figma field text is 16/lh24 regardless). Kept so `size="small"`
      * call sites still compile. Ignored on purpose (not destructured).
@@ -31,6 +29,9 @@ export interface StyledSelectProps {
     /** @figmaProp State = true→"Error" */
     error?: boolean;
     errorText?: string;
+    helperText?: ReactNode;
+    reserveHelperText?: boolean;
+    expandHelperText?: boolean;
     /** @figmaProp Clear (trigger clear button) */
     allowClear?: boolean;
     /** @figmaProp State = true→"Disabled" */
@@ -67,7 +68,6 @@ export interface StyledSelectProps {
 /**
  * Single-select dropdown (replaces MUI `Select`) — a trigger styled as the outlined field plus a
  * portalled `role="listbox"`. Reports open/filled into a surrounding `StyledFormControl` so its
- * `StyledInputLabel` floats. Public props preserved (DEC-003). Use inside `StyledFormControl`.
  * TASK-402.
  */
-export declare const StyledSelect: ({ dataTest, value, defaultValue, onChange, error, errorText, allowClear, disabled, readOnly, name, placeholder, displayEmpty, multiple, renderValue, fullWidth, className, style, sx, variant, children, MenuProps, onFocus, onBlur, labelId, }: StyledSelectProps) => JSX.Element;
+export declare const StyledSelect: ({ dataTest, value, defaultValue, onChange, error, errorText, helperText, reserveHelperText, expandHelperText, allowClear, disabled, readOnly, name, placeholder, displayEmpty, multiple, renderValue, fullWidth, className, style, sx, variant, children, MenuProps, onFocus, onBlur, labelId, }: StyledSelectProps) => JSX.Element;

package/dist/src/components/inputs/select-autocomplete/StyledSelectAutocomplete.d.ts

@@ -11,6 +11,8 @@ export interface AutocompleteRenderInputParams {
     disabled?: boolean;
     size?: 'small' | 'medium';
     fullWidth?: boolean;
+    error?: boolean;
+    helperText?: ReactNode;
     value: string;
     onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onFocus?: () => void;
@@ -43,7 +45,6 @@ type AutocompleteValue<T, Multiple, DisableClearable, FreeSolo> = Multiple exten
  * chips** (`StyledChip`: h32, radius25, label 16/delta-700 — node 20475-29954). The dropdown is the
  * **Menus** surface (node 16073-19226): rounded-lg, border delta-300, Menus shadow. Popup indicator =
  * `+` (`PlusIconCircle`, multiple) or chevron (single); clear = `CloseIcon`. Non-annotated props are
- * behavioral / MUI `Autocomplete` API-parity (DEC-002/DEC-003).
  */
 export interface StyledSelectAutocompleteProps<T, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false> {
     /** @figmaProp none — test hook */
@@ -77,6 +78,8 @@ export interface StyledSelectAutocompleteProps<T, Multiple extends boolean | und
     disabled?: boolean;
     /** @figmaProp State = true→"Read-only" (chips lose their delete button; no popup/clear icons) */
     readOnly?: boolean;
+    error?: boolean;
+    helperText?: ReactNode;
     /** @figmaProp none — FieldSize (both render the 40px field) */
     size?: 'small' | 'medium';
     /** @figmaProp Clear (trigger clear button) */
@@ -116,13 +119,11 @@ export interface StyledSelectAutocompleteProps<T, Multiple extends boolean | und
     sx?: unknown;
 }
 /**
- * Custom combobox (replaces MUI `Autocomplete`, DEC-002) built on `@floating-ui/react`. Supports
  * single + multiple selection (with tag chips + optional select-all), type-ahead filtering,
  * async `loading`, grouping, and the MUI `renderInput`/`renderOption`/`renderValue` callback
- * contracts. Public props/generics preserved (DEC-003). TASK-401.
  *
  * ponytail: `freeSolo` is accepted (arbitrary input is emitted via onInputChange) but not turned
  * into option values; exact keyboard-parity edge cases are Chromatic/axe-gated.
  */
-export declare function StyledSelectAutocomplete<T, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false>({ dataTest, options, renderInput, value, onChange, getOptionLabel, getOptionKey, isOptionEqualToValue, renderOption, renderValue, filterOptions, loading, loadingText, noOptionsText, disabled, readOnly, size, disableClearable, disableCloseOnSelect, popupIcon, autoHeight, multiple, allowSelectAll, selectAllLabel, fullWidth, classes, inputValue: controlledInput, onInputChange, open: controlledOpen, onOpen, onClose, className, wrapperClassName, getOptionDisabled, slotProps, }: StyledSelectAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>): JSX.Element;
+export declare function StyledSelectAutocomplete<T, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false>({ dataTest, options, renderInput, value, onChange, getOptionLabel, getOptionKey, isOptionEqualToValue, renderOption, renderValue, filterOptions, loading, loadingText, noOptionsText, disabled, readOnly, error, helperText, size, disableClearable, disableCloseOnSelect, popupIcon, autoHeight, multiple, allowSelectAll, selectAllLabel, fullWidth, classes, inputValue: controlledInput, onInputChange, open: controlledOpen, onOpen, onClose, className, wrapperClassName, getOptionDisabled, slotProps, }: StyledSelectAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>): JSX.Element;
 export {};

package/dist/src/components/inputs/slider/StyledSlider.d.ts

@@ -49,6 +49,7 @@ export interface StyledSliderProps {
     error?: boolean;
     errorText?: string;
     helperText?: string;
+    reserveHelperText?: boolean;
     /** Accessible name for the thumb input(s) — there is no visible label to derive it from
      * (axe `label`). A function receives the thumb index (0, or 0/1 for a two-thumb range) so each
      * thumb of a range slider can get a distinct name. */
@@ -61,11 +62,10 @@ export interface StyledSliderProps {
  * Native range-input slider (replaces MUI `Slider`). Single value uses one `<input type="range">`;
  * a two-element `value` renders two stacked inputs (each thumb independently grabbable via
  * pointer-events on the thumb only). Marks, vertical orientation, `classes`/`slotProps` slots and
- * `onChange`/`onChangeCommitted` are preserved (DEC-003).
  *
  * ponytail: exact-pixel parity with MUI's thumb travel/animation is a known ceiling — Chromatic in
  * CI is the visual gate. Upgrade path: tune the 8px thumb inset if a diff shows misalignment.
  * TASK-204.
  */
-export declare const StyledSlider: ({ dataTest, min, max, step, value, defaultValue, disabled, size, orientation, marks, name, className, classes, slotProps, error, errorText, helperText, ariaLabel, ariaLabelledBy, onChange, onChangeCommitted, }: StyledSliderProps) => JSX.Element;
+export declare const StyledSlider: ({ dataTest, min, max, step, value, defaultValue, disabled, size, orientation, marks, name, className, classes, slotProps, error, errorText, helperText, reserveHelperText, ariaLabel, ariaLabelledBy, onChange, onChangeCommitted, }: StyledSliderProps) => JSX.Element;
 export {};

package/dist/src/components/inputs/textarea/StyledTextarea.d.ts

@@ -8,6 +8,7 @@ export interface TextareaCommonProps {
     labelClassName?: string;
     /** @figmaProp Description / helper text (Helper 14/lh20, delta-600). */
     description?: ReactNode;
+    reserveHelperText?: boolean;
     containerClassName?: string;
     className?: string;
     dataTest?: string;

package/dist/src/datetime/components/date-picker/hooks/useDatePickerValidation.d.ts

@@ -1,4 +1,21 @@
 import { Matcher } from 'react-day-picker';
+export interface DatePickerValidationMessages {
+    required: string;
+    minDate: string;
+    invalidDay: string;
+    invalidMonth: string;
+    invalidYear: string;
+    invalidDate: string;
+    invalidFormat: string;
+    dateDisabled: string;
+    pastNotAllowed: string;
+    futureNotAllowed: string;
+}
+export interface DatePickerValidationMessageCatalog {
+    en: DatePickerValidationMessages;
+    nb: DatePickerValidationMessages;
+}
+export declare const defaultDatePickerValidationMessages: DatePickerValidationMessageCatalog;
 interface DatePickerValidation {
     validationError: boolean;
     errHelperText: string;
@@ -13,5 +30,5 @@ interface DatePickerValidation {
         minDate?: Date;
     }) => boolean;
 }
-export declare const useDatePickerValidation: () => DatePickerValidation;
+export declare const useDatePickerValidation: (messages?: DatePickerValidationMessageCatalog) => DatePickerValidation;
 export {};

package/dist/src/datetime/components/date-picker/index.d.ts

@@ -1 +1,2 @@
 export * from './StyledDatePicker';
+export { defaultDatePickerValidationMessages, useDatePickerValidation, type DatePickerValidationMessageCatalog, type DatePickerValidationMessages, } from './hooks/useDatePickerValidation';

package/dist/src/datetime/components/time-picker/components/HelperText.d.ts

@@ -1,8 +1,20 @@
 import { ReactNode } from 'react';
+export interface TimePickerHelperMessages {
+    invalid: {
+        en: string;
+        no: string;
+    };
+    afterStartTime: {
+        en: string;
+        no: string;
+    };
+}
+export declare const defaultTimePickerHelperMessages: TimePickerHelperMessages;
 export declare const HelperText: React.FC<{
     isValidTime: boolean;
     isValidEndTime: boolean;
     error?: boolean;
     localization: 'en' | 'no';
     helperText?: ReactNode;
+    messages?: TimePickerHelperMessages;
 }>;

package/dist/src/datetime/components/time-picker/index.d.ts

@@ -1 +1,2 @@
 export * from './StyledTimePicker';
+export { defaultTimePickerHelperMessages, type TimePickerHelperMessages, } from './components/HelperText';

package/dist/src/helpers/helperTextRoom.d.ts

@@ -0,0 +1,9 @@
+export interface EdgeBox {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+export declare function blockingLeftEdge(band: EdgeBox, neighbours: EdgeBox[]): number;
+export declare function helperRowMaxWidth(fieldLeft: number, fieldWidth: number, limitRight: number): number | undefined;
+export declare function measureHelperRowMaxWidth(field: HTMLElement, helperRow: HTMLElement): number | undefined;

package/dist/src/helpers/helperTextRoom.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/helpers/useHelperAlertRole.d.ts

@@ -0,0 +1,2 @@
+export declare function resolveHelperAlertRole(isError: boolean, wasError: boolean): 'alert' | 'status';
+export declare function useHelperAlertRole(isError: boolean | undefined): 'alert' | 'status';

package/dist/src/helpers/useHelperAlertRole.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/helpers/useHelperRowBudget.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties, RefObject } from 'react';
+export interface HelperRowBudget {
+    fieldRef: RefObject<HTMLDivElement>;
+    rowRef: RefObject<HTMLDivElement>;
+    rowStyle: CSSProperties | undefined;
+}
+export declare function useHelperRowBudget(enabled: boolean): HelperRowBudget;

package/dist/src/helpers/warnMissingErrorMessage.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare function warnMissingErrorMessage(component: string, error: boolean | undefined, message: ReactNode): void;

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.68.6",
+    "version": "3.69.0",
     "type": "module",
     "sideEffects": [
         "**/*.css",