@coopdigital/react 1.32.3 → 1.32.5

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.
@@ -1,8 +1,8 @@
1
1
  import { ImageProps } from "../Image/Image.js";
2
2
  import "../Image/index.js";
3
- import { StandardSizes } from "../../types/index.js";
4
- import { PictureProps } from "../Picture/Picture.js";
5
3
  import "../Picture/index.js";
4
+ import { PictureProps } from "../Picture/Picture.js";
5
+ import { StandardSizes } from "../../types/index.js";
6
6
  import React, { AnchorHTMLAttributes, ForwardRefExoticComponent, HTMLAttributes, JSX, Ref } from "react";
7
7
  export interface CardProps extends HTMLAttributes<HTMLDivElement> {
8
8
  /** Specify how the Card behaves across screen sizes.
@@ -1,7 +1,7 @@
1
1
  import { Image } from "../Image/Image.js";
2
- import { hasUserBg } from "../../utils/classes.js";
3
2
  import Picture_default from "../Picture/index.js";
4
3
  import { useSlots } from "../../hooks/useSlots.js";
4
+ import { hasUserBg } from "../../utils/classes.js";
5
5
  import clsx from "clsx";
6
6
  import { jsx, jsxs } from "react/jsx-runtime";
7
7
  import React from "react";
@@ -1,7 +1,7 @@
1
- import { StandardSizes } from "../../types/index.js";
2
1
  import { ComboboxItem, ComboboxOption } from "./combobox-utils.js";
3
- import { TextInputProps } from "../TextInput/TextInput.js";
4
2
  import "../TextInput/index.js";
3
+ import { TextInputProps } from "../TextInput/TextInput.js";
4
+ import { StandardSizes } from "../../types/index.js";
5
5
  import { ButtonHTMLAttributes, HTMLAttributes, JSX, ReactNode, Ref } from "react";
6
6
  import { UseComboboxHighlightedIndexChange, UseComboboxInputValueChange, UseComboboxIsOpenChange, UseComboboxStateChange } from "downshift";
7
7
  export interface ComboboxSelectEvent {
@@ -1,14 +1,14 @@
1
1
  "use client";
2
- import { useId as useId$1 } from "../../hooks/useId.js";
3
- import { ChevronDownIcon } from "../icons/ChevronDownIcon.js";
4
- import { getSlotProp } from "../../utils/slots.js";
5
- import { useSlots } from "../../hooks/useSlots.js";
6
- import { getFieldError, useField } from "../Field/Field.context.js";
7
2
  import { defaultFilter, defaultIsItemDisabled, defaultItemToString, defaultMaxResultsText, isMatchingText, normalizeOptions, resolveOption, shouldShowSelectionText } from "./combobox-internal.js";
8
3
  import { ComboboxContext, useComboboxContext } from "./Combobox.context.js";
4
+ import { getFieldError, useField } from "../Field/Field.context.js";
5
+ import { ChevronDownIcon } from "../icons/ChevronDownIcon.js";
9
6
  import { TextInput } from "../TextInput/TextInput.js";
10
7
  import { useDebounce } from "../../hooks/useDebounce.js";
11
8
  import { useFormReset } from "../../hooks/useFormReset.js";
9
+ import { useId as useId$1 } from "../../hooks/useId.js";
10
+ import { useSlots } from "../../hooks/useSlots.js";
11
+ import { getSlotProp } from "../../utils/slots.js";
12
12
  import clsx from "clsx";
13
13
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
14
14
  import { useEffect, useMemo, useRef, useState } from "react";
@@ -1,3 +1,3 @@
1
- import { ComboboxItem, ComboboxOption } from "./combobox-utils.js";
2
1
  import { Combobox, ComboboxButton, ComboboxButtonProps, ComboboxControls, ComboboxControlsProps, ComboboxInput, ComboboxInputProps, ComboboxOptions, ComboboxOptionsProps, ComboboxProps, ComboboxSelectEvent } from "./Combobox.js";
2
+ import { ComboboxItem, ComboboxOption } from "./combobox-utils.js";
3
3
  export { Combobox, Combobox as default, ComboboxButton, ComboboxButtonProps, ComboboxControls, ComboboxControlsProps, ComboboxInput, ComboboxInputProps, type ComboboxItem, type ComboboxOption, ComboboxOptions, ComboboxOptionsProps, ComboboxProps, ComboboxSelectEvent };
@@ -1,7 +1,7 @@
1
- import { StandardSizes } from "../../types/index.js";
1
+ import { DateParts } from "../../validations/date.js";
2
2
  import { TextInputProps } from "../TextInput/TextInput.js";
3
3
  import "../TextInput/index.js";
4
- import { DateParts } from "../../validations/date.js";
4
+ import { StandardSizes } from "../../types/index.js";
5
5
  import { DateInputMode } from "./dateinput-utils.js";
6
6
  import { HTMLAttributes, JSX, ReactNode, Ref } from "react";
7
7
  export interface DateInputChangeEvent {
@@ -1,9 +1,9 @@
1
1
  "use client";
2
- import { useId as useId$1 } from "../../hooks/useId.js";
3
- import { forEachSlot } from "../../utils/slots.js";
2
+ import { Field } from "../Field/Field.js";
4
3
  import { TextInput } from "../TextInput/TextInput.js";
5
4
  import { useFormReset } from "../../hooks/useFormReset.js";
6
- import { Field } from "../Field/Field.js";
5
+ import { useId as useId$1 } from "../../hooks/useId.js";
6
+ import { forEachSlot } from "../../utils/slots.js";
7
7
  import { formatDateValue, toDateParts, toDateValue } from "../../validations/date-internal.js";
8
8
  import { getAutoComplete } from "./dateinput-utils.js";
9
9
  import { DateInputContext, useDateInput } from "./DateInput.context.js";
@@ -1,3 +1,3 @@
1
- import { DateInputMode, getAutoComplete } from "./dateinput-utils.js";
2
1
  import { DateInput, DateInputChangeEvent, DateInputDay, DateInputMonth, DateInputPartProps, DateInputProps, DateInputYear } from "./DateInput.js";
2
+ import { DateInputMode, getAutoComplete } from "./dateinput-utils.js";
3
3
  export { DateInput, DateInput as default, DateInputChangeEvent, DateInputDay, DateInputMode, DateInputMonth, DateInputPartProps, DateInputProps, DateInputYear, getAutoComplete };
@@ -1,5 +1,5 @@
1
- import { getAutoComplete } from "./dateinput-utils.js";
2
1
  import { DateInput, DateInputDay, DateInputMonth, DateInputYear } from "./DateInput.js";
2
+ import { getAutoComplete } from "./dateinput-utils.js";
3
3
  // src/components/DateInput/index.ts
4
4
  var DateInput_default = DateInput;
5
5
  export { DateInput, DateInputDay, DateInputMonth, DateInputYear, DateInput_default as default, getAutoComplete };
@@ -1,11 +1,11 @@
1
1
  "use client";
2
+ import { Button } from "../Button/Button.js";
3
+ import { getFieldError, useField } from "../Field/Field.context.js";
2
4
  import { CalendarIcon } from "../icons/CalendarIcon.js";
3
5
  import { CrossIcon } from "../icons/CrossIcon.js";
4
6
  import { TickIcon } from "../icons/TickIcon.js";
5
- import { Button } from "../Button/Button.js";
6
- import { getFieldError, useField } from "../Field/Field.context.js";
7
- import { TextInput } from "../TextInput/TextInput.js";
8
7
  import { Popover } from "../Popover/Popover.js";
8
+ import { TextInput } from "../TextInput/TextInput.js";
9
9
  import { getDateValues, getDefaultMonth, getEndDate, getInitialDate, getStartDate, shouldClose, shouldSkipParsing } from "./datepicker-utils.js";
10
10
  import clsx from "clsx";
11
11
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -1,4 +1,4 @@
1
- import { Mode } from "react-day-picker";
1
+ import "react-day-picker";
2
2
  export interface DateRangeStr {
3
3
  from?: string;
4
4
  to?: string;
@@ -1,6 +1,6 @@
1
1
  import { ChevronDownIcon } from "../icons/ChevronDownIcon.js";
2
- import { hasUserBg } from "../../utils/classes.js";
3
2
  import { useSlots } from "../../hooks/useSlots.js";
3
+ import { hasUserBg } from "../../utils/classes.js";
4
4
  import clsx from "clsx";
5
5
  import { jsx, jsxs } from "react/jsx-runtime";
6
6
  // src/components/Expandable/Expandable.tsx
@@ -1,12 +1,12 @@
1
1
  "use client";
2
- import { useId as useId$1 } from "../../hooks/useId.js";
3
- import { forEachSlot, getSlotProp } from "../../utils/slots.js";
4
- import { getMarkerIds } from "../FieldMarkers/fieldmarkers-internal.js";
5
- import { FieldContext, useField } from "./Field.context.js";
6
2
  import { Error } from "../FieldMarkers/Error.js";
3
+ import { getMarkerIds } from "../FieldMarkers/fieldmarkers-internal.js";
7
4
  import { Hint } from "../FieldMarkers/Hint.js";
8
5
  import { Label } from "../FieldMarkers/Label.js";
9
6
  import { useFieldset } from "../Fieldset/Fieldset.context.js";
7
+ import { useId as useId$1 } from "../../hooks/useId.js";
8
+ import { forEachSlot, getSlotProp } from "../../utils/slots.js";
9
+ import { FieldContext, useField } from "./Field.context.js";
10
10
  import clsx from "clsx";
11
11
  import { jsx } from "react/jsx-runtime";
12
12
  import "react";
@@ -1,4 +1,4 @@
1
- import { HTMLAttributes, JSX, ReactNode, Ref } from "react";
1
+ import { HTMLAttributes, ReactNode, Ref } from "react";
2
2
  export interface ErrorProps extends HTMLAttributes<HTMLSpanElement> {
3
3
  /** Content inside the component. */
4
4
  children?: ReactNode;
@@ -1,4 +1,4 @@
1
- import { HTMLAttributes, JSX, ReactNode, Ref } from "react";
1
+ import { HTMLAttributes, ReactNode, Ref } from "react";
2
2
  export interface HintProps extends HTMLAttributes<HTMLDivElement> {
3
3
  /** Content inside the component. */
4
4
  children?: ReactNode;
@@ -1,4 +1,4 @@
1
- import { JSX, LabelHTMLAttributes, Ref } from "react";
1
+ import { LabelHTMLAttributes, Ref } from "react";
2
2
  export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
3
3
  /** Content inside the component. */
4
4
  children?: React.ReactNode;
@@ -1,4 +1,4 @@
1
- import { HTMLAttributes, JSX, Ref } from "react";
1
+ import { HTMLAttributes, Ref } from "react";
2
2
  export interface LegendProps extends HTMLAttributes<HTMLLegendElement> {
3
3
  /** Content inside the component. */
4
4
  children?: React.ReactNode;
@@ -1,11 +1,11 @@
1
1
  "use client";
2
- import { useId } from "../../hooks/useId.js";
3
- import { forEachSlot, getSlotProp } from "../../utils/slots.js";
4
- import { getMarkerIds, joinIds } from "../FieldMarkers/fieldmarkers-internal.js";
5
2
  import { Error } from "../FieldMarkers/Error.js";
3
+ import { getMarkerIds, joinIds } from "../FieldMarkers/fieldmarkers-internal.js";
6
4
  import { Hint } from "../FieldMarkers/Hint.js";
7
- import { FieldsetContext, useFieldset } from "./Fieldset.context.js";
8
5
  import { Legend } from "../FieldMarkers/Legend.js";
6
+ import { useId } from "../../hooks/useId.js";
7
+ import { forEachSlot, getSlotProp } from "../../utils/slots.js";
8
+ import { FieldsetContext, useFieldset } from "./Fieldset.context.js";
9
9
  import clsx from "clsx";
10
10
  import { jsx } from "react/jsx-runtime";
11
11
  // src/components/Fieldset/Fieldset.tsx
@@ -1,5 +1,5 @@
1
- import { hasUserBg } from "../../utils/classes.js";
2
1
  import { useSlots } from "../../hooks/useSlots.js";
2
+ import { hasUserBg } from "../../utils/classes.js";
3
3
  import clsx from "clsx";
4
4
  import { jsx } from "react/jsx-runtime";
5
5
  import React from "react";
@@ -1,8 +1,8 @@
1
- import { StandardSizes } from "../../types/index.js";
2
- import { ButtonProps } from "../Button/Button.js";
3
1
  import "../Button/index.js";
4
- import { TextInputProps } from "../TextInput/TextInput.js";
2
+ import { ButtonProps } from "../Button/Button.js";
5
3
  import "../TextInput/index.js";
4
+ import { TextInputProps } from "../TextInput/TextInput.js";
5
+ import { StandardSizes } from "../../types/index.js";
6
6
  import React, { FormHTMLAttributes, JSX, RefObject } from "react";
7
7
  export interface SearchboxProps extends FormHTMLAttributes<HTMLFormElement> {
8
8
  /** Specify a server endpoint to submit the form. Will be ignored if onSubmit is also set. */
@@ -1,13 +1,13 @@
1
1
  "use client";
2
- import { useId as useId$1 } from "../../hooks/useId.js";
3
- import { SearchIcon } from "../icons/SearchIcon.js";
4
- import { hasUserBorder } from "../../utils/classes.js";
5
- import { getSlotProp } from "../../utils/slots.js";
6
2
  import { Button } from "../Button/Button.js";
7
- import { useSlots } from "../../hooks/useSlots.js";
8
- import TextInput_default from "../TextInput/index.js";
9
3
  import { Field, FieldLabel } from "../Field/Field.js";
4
+ import { SearchIcon } from "../icons/SearchIcon.js";
10
5
  import { SearchboxContext, useSearchbox } from "./Searchbox.context.js";
6
+ import TextInput_default from "../TextInput/index.js";
7
+ import { useId as useId$1 } from "../../hooks/useId.js";
8
+ import { useSlots } from "../../hooks/useSlots.js";
9
+ import { getSlotProp } from "../../utils/slots.js";
10
+ import { hasUserBorder } from "../../utils/classes.js";
11
11
  import clsx from "clsx";
12
12
  import { jsx, jsxs } from "react/jsx-runtime";
13
13
  import { useCallback, useState } from "react";
@@ -1,5 +1,5 @@
1
- import { Image } from "../Image/Image.js";
2
1
  import { ChevronRightIcon } from "../icons/ChevronRightIcon.js";
2
+ import { Image } from "../Image/Image.js";
3
3
  import clsx from "clsx";
4
4
  import { jsx, jsxs } from "react/jsx-runtime";
5
5
  import React from "react";
@@ -1,8 +1,8 @@
1
1
  "use client";
2
- import { getSlotProp } from "../../utils/slots.js";
3
- import { useSlots } from "../../hooks/useSlots.js";
4
2
  import { getFieldElement, getFieldOrder, getForm, sanitizeFieldId, sortErrorsByFieldOrder } from "./validationsummary-internal.js";
5
3
  import { ValidationSummaryContext, useValidationSummary } from "./ValidationSummary.context.js";
4
+ import { useSlots } from "../../hooks/useSlots.js";
5
+ import { getSlotProp } from "../../utils/slots.js";
6
6
  import clsx from "clsx";
7
7
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
8
8
  import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -1,4 +1,4 @@
1
- import { RefObject } from "react";
1
+ import "react";
2
2
  export interface FieldError {
3
3
  message?: string | number;
4
4
  ref?: {
@@ -1,5 +1,5 @@
1
- import { useId } from "./useId.js";
2
- import { useSlots } from "./useSlots.js";
3
1
  import { useDebounce } from "./useDebounce.js";
4
2
  import { useFormReset } from "./useFormReset.js";
3
+ import { useId } from "./useId.js";
4
+ import { useSlots } from "./useSlots.js";
5
5
  export { useDebounce, useFormReset, useId, useSlots };
package/dist/index.d.ts CHANGED
@@ -1,46 +1,77 @@
1
1
  import { AlertBanner, AlertBannerHeading, AlertBannerProps } from "./components/AlertBanner/AlertBanner.js";
2
+ import "./components/AlertBanner/index.js";
2
3
  import { Image, ImageProps } from "./components/Image/Image.js";
4
+ import "./components/Author/index.js";
3
5
  import { Author, AuthorImage, AuthorImageProps, AuthorMeta, AuthorMetaProps, AuthorProps } from "./components/Author/Author.js";
4
- import { Box, BoxProps } from "./components/Box/Box.js";
5
6
  import "./components/Box/index.js";
7
+ import { Box, BoxProps } from "./components/Box/Box.js";
8
+ import "./components/Button/index.js";
6
9
  import { Button, ButtonProps } from "./components/Button/Button.js";
10
+ import "./components/Card/index.js";
7
11
  import { Picture, PictureProps } from "./components/Picture/Picture.js";
8
- import "./components/Picture/index.js";
12
+ import "./components/Checkbox/index.js";
9
13
  import { Card, CardBadge, CardContent, CardHeading, CardIcon, CardImage, CardLink, CardPicture, CardProps } from "./components/Card/Card.js";
14
+ import "./components/Combobox/index.js";
10
15
  import { Checkbox, CheckboxProps } from "./components/Checkbox/Checkbox.js";
16
+ import "./components/DateInput/index.js";
11
17
  import { ComboboxItem, ComboboxOption } from "./components/Combobox/combobox-utils.js";
12
18
  import { TextInput, TextInputProps } from "./components/TextInput/TextInput.js";
19
+ import "./components/DatePicker/index.js";
13
20
  import { Combobox, ComboboxButton, ComboboxButtonProps, ComboboxControls, ComboboxControlsProps, ComboboxInput, ComboboxInputProps, ComboboxOptions, ComboboxOptionsProps, ComboboxProps, ComboboxSelectEvent } from "./components/Combobox/Combobox.js";
14
- import "./components/Combobox/index.js";
21
+ import "./components/Dialog/index.js";
15
22
  import { DATE_ERROR_MESSAGES, DATE_PARTS, DateErrorCode, DateErrorMessage, DatePart, DateParts, DateValidation, DateValidationError, DateValidationOptions, DateValidationSuccess, validateDate, validateDateParts, validateDob } from "./validations/date.js";
16
23
  import { DateInputMode, getAutoComplete } from "./components/DateInput/dateinput-utils.js";
17
24
  import { DateInput, DateInputChangeEvent, DateInputDay, DateInputMonth, DateInputPartProps, DateInputProps, DateInputYear } from "./components/DateInput/DateInput.js";
18
- import "./components/DateInput/index.js";
25
+ import "./components/Expandable/index.js";
19
26
  import { DateType, DateTypeStr } from "./components/DatePicker/datepicker-utils.js";
20
27
  import { DatePicker, DatePickerProps } from "./components/DatePicker/DatePicker.js";
28
+ import "./components/Field/index.js";
21
29
  import { Dialog, DialogBody, DialogHeader, DialogProps } from "./components/Dialog/Dialog.js";
30
+ import "./components/Fieldset/index.js";
22
31
  import { Expandable, ExpandableContent, ExpandableProps, ExpandableSummary } from "./components/Expandable/Expandable.js";
32
+ import "./components/Flourish/index.js";
23
33
  import { Field, FieldError, FieldHint, FieldLabel } from "./components/Field/Field.js";
34
+ import "./components/Form/index.js";
24
35
  import { Fieldset, FieldsetError, FieldsetFields, FieldsetHint, FieldsetLegend, FieldsetProps } from "./components/Fieldset/Fieldset.js";
36
+ import "./components/Image/index.js";
25
37
  import { Flourish, FlourishProps } from "./components/Flourish/Flourish.js";
38
+ import "./components/LoadingSpinner/index.js";
26
39
  import { Form, FormProps } from "./components/Form/Form.js";
40
+ import "./components/Logo/index.js";
27
41
  import { LoadingSpinner, LoadingSpinnerProps } from "./components/LoadingSpinner/LoadingSpinner.js";
42
+ import "./components/PasswordInput/index.js";
28
43
  import { Logo, LogoProps } from "./components/Logo/Logo.js";
44
+ import "./components/Picture/index.js";
29
45
  import { PasswordInput, PasswordInputProps } from "./components/PasswordInput/PasswordInput.js";
46
+ import "./components/Pill/index.js";
30
47
  import { Pill, PillBadge, PillProps } from "./components/Pill/Pill.js";
48
+ import "./components/Popover/index.js";
31
49
  import { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverProps, PopoverTrigger } from "./components/Popover/Popover.js";
50
+ import "./components/Prose/index.js";
51
+ import { Prose, ProseProps } from "./components/Prose/Prose.js";
52
+ import "./components/Radio/index.js";
32
53
  import { Radio, RadioProps } from "./components/Radio/Radio.js";
54
+ import "./components/RootSVG/index.js";
33
55
  import { RootSVG } from "./components/RootSVG/RootSVG.js";
56
+ import "./components/Searchbox/index.js";
34
57
  import { Searchbox, SearchboxButton, SearchboxInput, SearchboxProps } from "./components/Searchbox/Searchbox.js";
35
- import { Section, SectionProps } from "./components/Section/Section.js";
36
58
  import "./components/Section/index.js";
59
+ import { Section, SectionProps } from "./components/Section/Section.js";
60
+ import "./components/Select/index.js";
37
61
  import { Select, SelectOption, SelectOptionGroup, SelectProps } from "./components/Select/Select.js";
62
+ import "./components/Signpost/index.js";
38
63
  import { Signpost, SignpostProps } from "./components/Signpost/Signpost.js";
64
+ import "./components/SkipNav/index.js";
39
65
  import { SkipNav, SkipNavProps } from "./components/SkipNav/SkipNav.js";
66
+ import "./components/Squircle/index.js";
40
67
  import { Squircle, SquircleProps, SquircleSvg, SquircleSvgProps, SquircleText } from "./components/Squircle/Squircle.js";
68
+ import "./components/Tag/index.js";
41
69
  import { Tag, TagProps } from "./components/Tag/Tag.js";
70
+ import "./components/Textarea/index.js";
42
71
  import { Textarea, TextareaProps } from "./components/Textarea/Textarea.js";
72
+ import "./components/TextInput/index.js";
43
73
  import { ValidationSummary, ValidationSummaryErrors, ValidationSummaryHeading, ValidationSummaryPrompt, ValidationSummaryProps } from "./components/ValidationSummary/ValidationSummary.js";
74
+ import "./components/ValidationSummary/index.js";
44
75
  import { Wrapper, WrapperProps } from "./components/Wrapper/Wrapper.js";
45
76
  import "./components/Wrapper/index.js";
46
- export { AlertBanner, AlertBannerHeading, AlertBannerProps, Author, AuthorImage, AuthorImageProps, AuthorMeta, AuthorMetaProps, AuthorProps, Box, BoxProps, Button, ButtonProps, Card, CardBadge, CardContent, CardHeading, CardIcon, CardImage, CardLink, CardPicture, CardProps, Checkbox, CheckboxProps, Combobox, ComboboxButton, ComboboxButtonProps, ComboboxControls, ComboboxControlsProps, ComboboxInput, ComboboxInputProps, type ComboboxItem, type ComboboxOption, ComboboxOptions, ComboboxOptionsProps, ComboboxProps, ComboboxSelectEvent, DATE_ERROR_MESSAGES, DATE_PARTS, DateErrorCode, DateErrorMessage, DateInput, DateInputChangeEvent, DateInputDay, DateInputMode, DateInputMonth, DateInputPartProps, DateInputProps, DateInputYear, DatePart, DateParts, DatePicker, DatePickerProps, type DateType, type DateTypeStr, DateValidation, DateValidationError, DateValidationOptions, DateValidationSuccess, Dialog, DialogBody, DialogHeader, DialogProps, Expandable, ExpandableContent, ExpandableProps, ExpandableSummary, Field, FieldError, FieldHint, FieldLabel, Fieldset, FieldsetError, FieldsetFields, FieldsetHint, FieldsetLegend, FieldsetProps, Flourish, FlourishProps, Form, FormProps, Image, ImageProps, LoadingSpinner, LoadingSpinnerProps, Logo, LogoProps, PasswordInput, PasswordInputProps, Picture, PictureProps, Pill, PillBadge, PillProps, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverProps, PopoverTrigger, Radio, RadioProps, RootSVG, Searchbox, SearchboxButton, SearchboxInput, SearchboxProps, Section, SectionProps, Select, SelectOption, SelectOptionGroup, SelectProps, Signpost, SignpostProps, SkipNav, SkipNavProps, Squircle, SquircleProps, SquircleSvg, SquircleSvgProps, SquircleText, Tag, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, ValidationSummary, ValidationSummaryErrors, ValidationSummaryHeading, ValidationSummaryPrompt, ValidationSummaryProps, Wrapper, WrapperProps, getAutoComplete, validateDate, validateDateParts, validateDob };
77
+ export { AlertBanner, AlertBannerHeading, AlertBannerProps, Author, AuthorImage, AuthorImageProps, AuthorMeta, AuthorMetaProps, AuthorProps, Box, BoxProps, Button, ButtonProps, Card, CardBadge, CardContent, CardHeading, CardIcon, CardImage, CardLink, CardPicture, CardProps, Checkbox, CheckboxProps, Combobox, ComboboxButton, ComboboxButtonProps, ComboboxControls, ComboboxControlsProps, ComboboxInput, ComboboxInputProps, type ComboboxItem, type ComboboxOption, ComboboxOptions, ComboboxOptionsProps, ComboboxProps, ComboboxSelectEvent, DATE_ERROR_MESSAGES, DATE_PARTS, DateErrorCode, DateErrorMessage, DateInput, DateInputChangeEvent, DateInputDay, DateInputMode, DateInputMonth, DateInputPartProps, DateInputProps, DateInputYear, DatePart, DateParts, DatePicker, DatePickerProps, type DateType, type DateTypeStr, DateValidation, DateValidationError, DateValidationOptions, DateValidationSuccess, Dialog, DialogBody, DialogHeader, DialogProps, Expandable, ExpandableContent, ExpandableProps, ExpandableSummary, Field, FieldError, FieldHint, FieldLabel, Fieldset, FieldsetError, FieldsetFields, FieldsetHint, FieldsetLegend, FieldsetProps, Flourish, FlourishProps, Form, FormProps, Image, ImageProps, LoadingSpinner, LoadingSpinnerProps, Logo, LogoProps, PasswordInput, PasswordInputProps, Picture, PictureProps, Pill, PillBadge, PillProps, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverProps, PopoverTrigger, Prose, ProseProps, Radio, RadioProps, RootSVG, Searchbox, SearchboxButton, SearchboxInput, SearchboxProps, Section, SectionProps, Select, SelectOption, SelectOptionGroup, SelectProps, Signpost, SignpostProps, SkipNav, SkipNavProps, Squircle, SquircleProps, SquircleSvg, SquircleSvgProps, SquircleText, Tag, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, ValidationSummary, ValidationSummaryErrors, ValidationSummaryHeading, ValidationSummaryPrompt, ValidationSummaryProps, Wrapper, WrapperProps, getAutoComplete, validateDate, validateDateParts, validateDob };
package/dist/index.js CHANGED
@@ -22,6 +22,7 @@ import { Form } from "./components/Form/Form.js";
22
22
  import { Logo } from "./components/Logo/Logo.js";
23
23
  import { PasswordInput } from "./components/PasswordInput/PasswordInput.js";
24
24
  import { Pill, PillBadge } from "./components/Pill/Pill.js";
25
+ import { Prose } from "./components/Prose/Prose.js";
25
26
  import { Radio } from "./components/Radio/Radio.js";
26
27
  import { RootSVG } from "./components/RootSVG/RootSVG.js";
27
28
  import { Searchbox, SearchboxButton, SearchboxInput } from "./components/Searchbox/Searchbox.js";
@@ -35,4 +36,4 @@ import { Textarea } from "./components/Textarea/Textarea.js";
35
36
  import { ValidationSummary, ValidationSummaryErrors, ValidationSummaryHeading, ValidationSummaryPrompt } from "./components/ValidationSummary/ValidationSummary.js";
36
37
  import { Wrapper } from "./components/Wrapper/Wrapper.js";
37
38
  import { DATE_ERROR_MESSAGES, DATE_PARTS, validateDate, validateDateParts, validateDob } from "./validations/date.js";
38
- export { AlertBanner, AlertBannerHeading, Author, AuthorImage, AuthorMeta, Box, Button, Card, CardBadge, CardContent, CardHeading, CardIcon, CardImage, CardLink, CardPicture, Checkbox, Combobox, ComboboxButton, ComboboxControls, ComboboxInput, ComboboxOptions, DATE_ERROR_MESSAGES, DATE_PARTS, DateInput, DateInputDay, DateInputMonth, DateInputYear, DatePicker, Dialog, DialogBody, DialogHeader, Expandable, ExpandableContent, ExpandableSummary, Field, FieldError, FieldHint, FieldLabel, Fieldset, FieldsetError, FieldsetFields, FieldsetHint, FieldsetLegend, Flourish, Form, Image, LoadingSpinner, Logo, PasswordInput, Picture, Pill, PillBadge, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Radio, RootSVG, Searchbox, SearchboxButton, SearchboxInput, Section, Select, SelectOption, SelectOptionGroup, Signpost, SkipNav, Squircle, SquircleSvg, SquircleText, Tag, TextInput, Textarea, ValidationSummary, ValidationSummaryErrors, ValidationSummaryHeading, ValidationSummaryPrompt, Wrapper, getAutoComplete, validateDate, validateDateParts, validateDob };
39
+ export { AlertBanner, AlertBannerHeading, Author, AuthorImage, AuthorMeta, Box, Button, Card, CardBadge, CardContent, CardHeading, CardIcon, CardImage, CardLink, CardPicture, Checkbox, Combobox, ComboboxButton, ComboboxControls, ComboboxInput, ComboboxOptions, DATE_ERROR_MESSAGES, DATE_PARTS, DateInput, DateInputDay, DateInputMonth, DateInputYear, DatePicker, Dialog, DialogBody, DialogHeader, Expandable, ExpandableContent, ExpandableSummary, Field, FieldError, FieldHint, FieldLabel, Fieldset, FieldsetError, FieldsetFields, FieldsetHint, FieldsetLegend, Flourish, Form, Image, LoadingSpinner, Logo, PasswordInput, Picture, Pill, PillBadge, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, Prose, Radio, RootSVG, Searchbox, SearchboxButton, SearchboxInput, Section, Select, SelectOption, SelectOptionGroup, Signpost, SkipNav, Squircle, SquircleSvg, SquircleText, Tag, TextInput, Textarea, ValidationSummary, ValidationSummaryErrors, ValidationSummaryHeading, ValidationSummaryPrompt, Wrapper, getAutoComplete, validateDate, validateDateParts, validateDob };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@coopdigital/react",
3
3
  "type": "module",
4
- "version": "1.32.3",
4
+ "version": "1.32.5",
5
5
  "private": false,
6
6
  "publishConfig": {
7
7
  "access": "public"
@@ -76,12 +76,12 @@
76
76
  "description": "React components for the Experience Library design system",
77
77
  "devDependencies": {
78
78
  "@axe-core/playwright": "^4.14.0",
79
- "@playwright/test": "^1.64.1",
80
- "@storybook/addon-a11y": "^10.6.5",
81
- "@storybook/addon-docs": "^10.6.5",
82
- "@storybook/addon-links": "^10.6.5",
83
- "@storybook/addon-onboarding": "^10.6.5",
84
- "@storybook/react-vite": "^10.6.5",
79
+ "@playwright/test": "^1.65.0",
80
+ "@storybook/addon-a11y": "^10.6.6",
81
+ "@storybook/addon-docs": "^10.6.6",
82
+ "@storybook/addon-links": "^10.6.6",
83
+ "@storybook/addon-onboarding": "^10.6.6",
84
+ "@storybook/react-vite": "^10.6.6",
85
85
  "@testing-library/jest-dom": "^7.0.1",
86
86
  "@testing-library/react": "^16.3.3",
87
87
  "@types/react": "^19.3.0",
@@ -93,7 +93,7 @@
93
93
  "react-hook-form": "^7.91.0",
94
94
  "resize-observer-polyfill": "^1.5.1",
95
95
  "serve": "^14.2.6",
96
- "storybook": "^10.6.5",
96
+ "storybook": "^10.6.6",
97
97
  "storybook-addon-tag-badges": "^3.1.0"
98
98
  },
99
99
  "peerDependencies": {
@@ -117,7 +117,7 @@
117
117
  "storybook": "$storybook"
118
118
  },
119
119
  "dependencies": {
120
- "@coopdigital/styles": "^1.23.2",
120
+ "@coopdigital/styles": "^1.23.3",
121
121
  "@radix-ui/react-popover": "^1.3.1",
122
122
  "clsx": "^2.1.1",
123
123
  "date-fns": "^4.4.0",
@@ -126,5 +126,5 @@
126
126
  "merge-refs": "^2.0.0",
127
127
  "react-day-picker": "^10.0.2"
128
128
  },
129
- "gitHead": "100e32ce5eebb15f5a9de71ee15bbb5ef4a9b926"
129
+ "gitHead": "967ab491b4a0120dacd119a58c6c973cc8ccb335"
130
130
  }
package/src/index.ts CHANGED
@@ -1,36 +1,37 @@
1
- export * from "./components/AlertBanner/AlertBanner"
2
- export * from "./components/Author/Author"
1
+ export * from "./components/AlertBanner"
2
+ export * from "./components/Author"
3
3
  export * from "./components/Box"
4
- export * from "./components/Button/Button"
5
- export * from "./components/Card/Card"
6
- export * from "./components/Checkbox/Checkbox"
4
+ export * from "./components/Button"
5
+ export * from "./components/Card"
6
+ export * from "./components/Checkbox"
7
7
  export * from "./components/Combobox"
8
8
  export * from "./components/DateInput"
9
- export * from "./components/DatePicker/DatePicker"
10
- export * from "./components/Dialog/Dialog"
11
- export * from "./components/Expandable/Expandable"
12
- export * from "./components/Field/Field"
13
- export * from "./components/Fieldset/Fieldset"
14
- export * from "./components/Flourish/Flourish"
15
- export * from "./components/Form/Form"
16
- export * from "./components/Image/Image"
17
- export * from "./components/LoadingSpinner/LoadingSpinner"
18
- export * from "./components/Logo/Logo"
19
- export * from "./components/PasswordInput/PasswordInput"
9
+ export * from "./components/DatePicker"
10
+ export * from "./components/Dialog"
11
+ export * from "./components/Expandable"
12
+ export * from "./components/Field"
13
+ export * from "./components/Fieldset"
14
+ export * from "./components/Flourish"
15
+ export * from "./components/Form"
16
+ export * from "./components/Image"
17
+ export * from "./components/LoadingSpinner"
18
+ export * from "./components/Logo"
19
+ export * from "./components/PasswordInput"
20
20
  export * from "./components/Picture"
21
- export * from "./components/Pill/Pill"
22
- export * from "./components/Popover/Popover"
23
- export * from "./components/Radio/Radio"
24
- export * from "./components/RootSVG/RootSVG"
25
- export * from "./components/Searchbox/Searchbox"
21
+ export * from "./components/Pill"
22
+ export * from "./components/Popover"
23
+ export * from "./components/Prose"
24
+ export * from "./components/Radio"
25
+ export * from "./components/RootSVG"
26
+ export * from "./components/Searchbox"
26
27
  export * from "./components/Section"
27
- export * from "./components/Select/Select"
28
- export * from "./components/Signpost/Signpost"
29
- export * from "./components/SkipNav/SkipNav"
30
- export * from "./components/Squircle/Squircle"
31
- export * from "./components/Tag/Tag"
32
- export * from "./components/Textarea/Textarea"
33
- export * from "./components/TextInput/TextInput"
34
- export * from "./components/ValidationSummary/ValidationSummary"
28
+ export * from "./components/Select"
29
+ export * from "./components/Signpost"
30
+ export * from "./components/SkipNav"
31
+ export * from "./components/Squircle"
32
+ export * from "./components/Tag"
33
+ export * from "./components/Textarea"
34
+ export * from "./components/TextInput"
35
+ export * from "./components/ValidationSummary"
35
36
  export * from "./components/Wrapper"
36
37
  export * from "./validations"