@digdir/designsystemet-react 1.0.0-next.39 → 1.0.0-next.41

package/dist/cjs/components/{Accordion/AccordionItem.js → Details/Details.js}

@@ -8,14 +8,14 @@ var react = require('react');
 require('@u-elements/u-details');
 
 /**
- * Accordion item component, contains `Accordion.Heading` and `Accordion.Content` components.
+ * Details component, contains `Details.Summary` and `Details.Content` components.
  * @example
- * <AccordionItem>
- *  <AccordionHeading>Header</AccordionHeading>
- *  <AccordionContent>Content</AccordionContent>
- * </AccordionItem>
+ * <Details>
+ *  <DetailsSummary>Header</DetailsSummary>
+ *  <DetailsContent>Content</DetailsContent>
+ * </Details>
  */
-const AccordionItem = react.forwardRef(function AccordionItem({ className, open, defaultOpen = false, onToggle, ...rest }, ref) {
+const Details = react.forwardRef(function Details({ className, open, defaultOpen = false, onToggle, ...rest }, ref) {
     const detailsRef = react.useRef(null);
     const initialOpen = react.useRef(defaultOpen); // Allow rendering defaultOpen on server, but only render once on client
     const mergedRefs = react$1.useMergeRefs([detailsRef, ref]);
@@ -36,7 +36,7 @@ const AccordionItem = react.forwardRef(function AccordionItem({ className, open,
         details?.addEventListener('toggle', handleToggle, true);
         return () => details?.removeEventListener('toggle', handleToggle, true);
     }, []);
-    return (jsxRuntime.jsx("u-details", { class: cl('ds-accordion__item', className), open: (open ?? initialOpen.current) || undefined, ref: mergedRefs, ...rest }));
+    return (jsxRuntime.jsx("u-details", { class: cl('ds-details', className), open: (open ?? initialOpen.current) || undefined, ref: mergedRefs, ...rest }));
 });
 
-exports.AccordionItem = AccordionItem;
+exports.Details = Details;

package/dist/cjs/components/Details/DetailsContent.js

@@ -0,0 +1,16 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+/**
+ * Details content component, contains the content of the details item.
+ * @example
+ * <DetailsContent>Content</DetailsContent>
+ */
+const DetailsContent = react.forwardRef(function DetailsContent(rest, ref) {
+    return jsxRuntime.jsx("div", { ref: ref, ...rest });
+});
+
+exports.DetailsContent = DetailsContent;

package/dist/cjs/components/{Accordion/AccordionHeading.js → Details/DetailsSummary.js}

@@ -5,13 +5,13 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 
 /**
- * Accordion heading component, contains a button to toggle the content.
+ * Details summary component, contains a the heading to toggle the content.
  * @example
- * <AccordionHeading>Heading</AccordionHeading>
+ * <Details.Summary>Heading</Details.Summary>
  */
-const AccordionHeading = react.forwardRef(function AccordionHeading({ className, ...rest }, ref) {
+const DetailsSummary = react.forwardRef(function DetailsSummary({ className, ...rest }, ref) {
     /* Set `className` as `class` so react is happy */
     return jsxRuntime.jsx("u-summary", { ref: ref, class: className, ...rest });
 });
 
-exports.AccordionHeading = AccordionHeading;
+exports.DetailsSummary = DetailsSummary;

package/dist/cjs/components/Details/index.js

@@ -0,0 +1,25 @@
+'use client';
+'use strict';
+
+var Details$1 = require('./Details.js');
+var DetailsContent = require('./DetailsContent.js');
+var DetailsSummary = require('./DetailsSummary.js');
+
+/**
+ * Details are used to toggle the visibility of content.
+ * @example
+ * <Details>
+ *  <Details.Summary>Heading 1</Details.Summary>
+ *  <Details.Content>Content 1</Details.Content>
+ * </Details>
+ */
+const Details = Object.assign(Details$1.Details, {
+    Summary: DetailsSummary.DetailsSummary,
+    Content: DetailsContent.DetailsContent,
+});
+Details.Summary.displayName = 'Details.Summary';
+Details.Content.displayName = 'Details.Content';
+
+exports.DetailsContent = DetailsContent.DetailsContent;
+exports.DetailsSummary = DetailsSummary.DetailsSummary;
+exports.Details = Details;

package/dist/cjs/components/HelpText/HelpText.js

@@ -7,7 +7,7 @@ var react = require('react');
 var index = require('../Popover/index.js');
 
 const HelpText = react.forwardRef(function HelpText({ placement = 'right', className, children, ...rest }, ref) {
-    return (jsxRuntime.jsxs(index.Popover.TriggerContext, { children: [jsxRuntime.jsx(index.Popover.Trigger, { className: cl('ds-helptext', className), ref: ref, variant: 'tertiary', ...rest }), jsxRuntime.jsx(index.Popover, { placement: placement, "data-color": 'info', children: children })] }));
+    return (jsxRuntime.jsxs(index.Popover.TriggerContext, { children: [jsxRuntime.jsx(index.Popover.Trigger, { className: cl('ds-helptext', className), ref: ref, variant: 'tertiary', "data-color": 'info', ...rest }), jsxRuntime.jsx(index.Popover, { placement: placement, "data-color": 'info', children: children })] }));
 });
 
 exports.HelpText = HelpText;

package/dist/cjs/components/Modal/Modal.js

@@ -45,7 +45,7 @@ const Modal = react.forwardRef(function Modal({ asChild, children, className, cl
         modalRef.current?.addEventListener('close', handleClose);
         return () => modalRef.current?.removeEventListener('close', handleClose);
     }, [onClose]);
-    return (jsxRuntime.jsxs(Component, { className: cl('ds-modal', className), ref: mergedRefs, ...rest, children: [closeButton !== false && (jsxRuntime.jsx("form", { method: 'dialog', children: jsxRuntime.jsx(Button.Button, { "aria-label": closeButton, autoFocus: true, color: 'neutral', icon: true, name: 'close', type: 'submit', variant: 'tertiary' }) })), children] }));
+    return (jsxRuntime.jsxs(Component, { className: cl('ds-modal', className), ref: mergedRefs, ...rest, children: [closeButton !== false && (jsxRuntime.jsx("form", { method: 'dialog', children: jsxRuntime.jsx(Button.Button, { "aria-label": closeButton, autoFocus: true, "data-color": 'neutral', icon: true, name: 'close', type: 'submit', variant: 'tertiary' }) })), children] }));
 });
 
 exports.Modal = Modal;

package/dist/cjs/components/ValidationMessage/ValidationMessage.js

@@ -7,9 +7,9 @@ var cl = require('clsx/lite');
 var react = require('react');
 
 /** Use `ValidationMessage` to display validation text */
-const ValidationMessage = react.forwardRef(function ValidationMessage({ className, asChild, error = true, ...rest }, ref) {
+const ValidationMessage = react.forwardRef(function ValidationMessage({ className, asChild, ...rest }, ref) {
     const Component = asChild ? reactSlot.Slot : 'div';
-    return (jsxRuntime.jsx(Component, { className: cl('ds-validation-message', className), "data-error": error || undefined, "data-field": 'validation', ref: ref, ...rest }));
+    return (jsxRuntime.jsx(Component, { className: cl('ds-validation-message', className), "data-field": 'validation', ref: ref, ...rest }));
 });
 
 exports.ValidationMessage = ValidationMessage;

package/dist/cjs/components/form/Field/FieldCounter.js

@@ -22,7 +22,7 @@ const FieldCounter = react.forwardRef(function FieldCounter({ limit, under = '%d
         field?.addEventListener('input', onInput);
         return () => field?.removeEventListener('input', onInput);
     }, [setCount]);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { "data-field": 'description', className: 'ds-sr-only', "aria-live": 'polite', ref: counterRef, children: hasExceededLimit && label(over, remainder) }), jsxRuntime.jsx(ValidationMessage.ValidationMessage, { error: hasExceededLimit, ref: ref, ...rest, children: label(hasExceededLimit ? over : under, remainder) })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { "data-field": 'description', className: 'ds-sr-only', "aria-live": 'polite', ref: counterRef, children: hasExceededLimit && label(over, remainder) }), jsxRuntime.jsx(ValidationMessage.ValidationMessage, { "data-color": hasExceededLimit ? 'danger' : 'neutral', ref: ref, ...rest, children: label(hasExceededLimit ? over : under, remainder) })] }));
 });
 
 exports.FieldCounter = FieldCounter;

package/dist/cjs/index.js

@@ -25,10 +25,9 @@ var Label = require('./components/Label/Label.js');
 var Heading = require('./components/Heading/Heading.js');
 var Paragraph = require('./components/Paragraph/Paragraph.js');
 var ValidationMessage = require('./components/ValidationMessage/ValidationMessage.js');
-var index$2 = require('./components/Accordion/index.js');
-var AccordionItem = require('./components/Accordion/AccordionItem.js');
-var AccordionContent = require('./components/Accordion/AccordionContent.js');
-var AccordionHeading = require('./components/Accordion/AccordionHeading.js');
+var index$2 = require('./components/Details/index.js');
+var DetailsContent = require('./components/Details/DetailsContent.js');
+var DetailsSummary = require('./components/Details/DetailsSummary.js');
 var index$3 = require('./components/form/Select/index.js');
 var SelectOption = require('./components/form/Select/SelectOption.js');
 var SelectOptgroup = require('./components/form/Select/SelectOptgroup.js');
@@ -129,10 +128,9 @@ exports.Label = Label.Label;
 exports.Heading = Heading.Heading;
 exports.Paragraph = Paragraph.Paragraph;
 exports.ValidationMessage = ValidationMessage.ValidationMessage;
-exports.Accordion = index$2.Accordion;
-exports.AccordionItem = AccordionItem.AccordionItem;
-exports.AccordionContent = AccordionContent.AccordionContent;
-exports.AccordionHeading = AccordionHeading.AccordionHeading;
+exports.Details = index$2.Details;
+exports.DetailsContent = DetailsContent.DetailsContent;
+exports.DetailsSummary = DetailsSummary.DetailsSummary;
 exports.Select = index$3.Select;
 exports.SelectOption = SelectOption.SelectOption;
 exports.SelectOptgroup = SelectOptgroup.SelectOptgroup;

package/dist/esm/components/{Accordion/AccordionItem.js → Details/Details.js}

@@ -6,14 +6,14 @@ import { forwardRef, useRef, useEffect } from 'react';
 import '@u-elements/u-details';
 
 /**
- * Accordion item component, contains `Accordion.Heading` and `Accordion.Content` components.
+ * Details component, contains `Details.Summary` and `Details.Content` components.
  * @example
- * <AccordionItem>
- *  <AccordionHeading>Header</AccordionHeading>
- *  <AccordionContent>Content</AccordionContent>
- * </AccordionItem>
+ * <Details>
+ *  <DetailsSummary>Header</DetailsSummary>
+ *  <DetailsContent>Content</DetailsContent>
+ * </Details>
  */
-const AccordionItem = forwardRef(function AccordionItem({ className, open, defaultOpen = false, onToggle, ...rest }, ref) {
+const Details = forwardRef(function Details({ className, open, defaultOpen = false, onToggle, ...rest }, ref) {
     const detailsRef = useRef(null);
     const initialOpen = useRef(defaultOpen); // Allow rendering defaultOpen on server, but only render once on client
     const mergedRefs = useMergeRefs([detailsRef, ref]);
@@ -34,7 +34,7 @@ const AccordionItem = forwardRef(function AccordionItem({ className, open, defau
         details?.addEventListener('toggle', handleToggle, true);
         return () => details?.removeEventListener('toggle', handleToggle, true);
     }, []);
-    return (jsx("u-details", { class: cl('ds-accordion__item', className), open: (open ?? initialOpen.current) || undefined, ref: mergedRefs, ...rest }));
+    return (jsx("u-details", { class: cl('ds-details', className), open: (open ?? initialOpen.current) || undefined, ref: mergedRefs, ...rest }));
 });
 
-export { AccordionItem };
+export { Details };

package/dist/esm/components/Details/DetailsContent.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+
+/**
+ * Details content component, contains the content of the details item.
+ * @example
+ * <DetailsContent>Content</DetailsContent>
+ */
+const DetailsContent = forwardRef(function DetailsContent(rest, ref) {
+    return jsx("div", { ref: ref, ...rest });
+});
+
+export { DetailsContent };

package/dist/esm/components/Details/DetailsSummary.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+
+/**
+ * Details summary component, contains a the heading to toggle the content.
+ * @example
+ * <Details.Summary>Heading</Details.Summary>
+ */
+const DetailsSummary = forwardRef(function DetailsSummary({ className, ...rest }, ref) {
+    /* Set `className` as `class` so react is happy */
+    return jsx("u-summary", { ref: ref, class: className, ...rest });
+});
+
+export { DetailsSummary };

package/dist/esm/components/Details/index.js

@@ -0,0 +1,21 @@
+'use client';
+import { Details as Details$1 } from './Details.js';
+import { DetailsContent } from './DetailsContent.js';
+import { DetailsSummary } from './DetailsSummary.js';
+
+/**
+ * Details are used to toggle the visibility of content.
+ * @example
+ * <Details>
+ *  <Details.Summary>Heading 1</Details.Summary>
+ *  <Details.Content>Content 1</Details.Content>
+ * </Details>
+ */
+const Details = Object.assign(Details$1, {
+    Summary: DetailsSummary,
+    Content: DetailsContent,
+});
+Details.Summary.displayName = 'Details.Summary';
+Details.Content.displayName = 'Details.Content';
+
+export { Details, DetailsContent, DetailsSummary };

package/dist/esm/components/HelpText/HelpText.js

@@ -5,7 +5,7 @@ import { forwardRef } from 'react';
 import { Popover } from '../Popover/index.js';
 
 const HelpText = forwardRef(function HelpText({ placement = 'right', className, children, ...rest }, ref) {
-    return (jsxs(Popover.TriggerContext, { children: [jsx(Popover.Trigger, { className: cl('ds-helptext', className), ref: ref, variant: 'tertiary', ...rest }), jsx(Popover, { placement: placement, "data-color": 'info', children: children })] }));
+    return (jsxs(Popover.TriggerContext, { children: [jsx(Popover.Trigger, { className: cl('ds-helptext', className), ref: ref, variant: 'tertiary', "data-color": 'info', ...rest }), jsx(Popover, { placement: placement, "data-color": 'info', children: children })] }));
 });
 
 export { HelpText };

package/dist/esm/components/Modal/Modal.js

@@ -43,7 +43,7 @@ const Modal = forwardRef(function Modal({ asChild, children, className, closeBut
         modalRef.current?.addEventListener('close', handleClose);
         return () => modalRef.current?.removeEventListener('close', handleClose);
     }, [onClose]);
-    return (jsxs(Component, { className: cl('ds-modal', className), ref: mergedRefs, ...rest, children: [closeButton !== false && (jsx("form", { method: 'dialog', children: jsx(Button, { "aria-label": closeButton, autoFocus: true, color: 'neutral', icon: true, name: 'close', type: 'submit', variant: 'tertiary' }) })), children] }));
+    return (jsxs(Component, { className: cl('ds-modal', className), ref: mergedRefs, ...rest, children: [closeButton !== false && (jsx("form", { method: 'dialog', children: jsx(Button, { "aria-label": closeButton, autoFocus: true, "data-color": 'neutral', icon: true, name: 'close', type: 'submit', variant: 'tertiary' }) })), children] }));
 });
 
 export { Modal };

package/dist/esm/components/ValidationMessage/ValidationMessage.js

@@ -5,9 +5,9 @@ import cl from 'clsx/lite';
 import { forwardRef } from 'react';
 
 /** Use `ValidationMessage` to display validation text */
-const ValidationMessage = forwardRef(function ValidationMessage({ className, asChild, error = true, ...rest }, ref) {
+const ValidationMessage = forwardRef(function ValidationMessage({ className, asChild, ...rest }, ref) {
     const Component = asChild ? Slot : 'div';
-    return (jsx(Component, { className: cl('ds-validation-message', className), "data-error": error || undefined, "data-field": 'validation', ref: ref, ...rest }));
+    return (jsx(Component, { className: cl('ds-validation-message', className), "data-field": 'validation', ref: ref, ...rest }));
 });
 
 export { ValidationMessage };

package/dist/esm/components/form/Field/FieldCounter.js

@@ -20,7 +20,7 @@ const FieldCounter = forwardRef(function FieldCounter({ limit, under = '%d tegn
         field?.addEventListener('input', onInput);
         return () => field?.removeEventListener('input', onInput);
     }, [setCount]);
-    return (jsxs(Fragment, { children: [jsx("div", { "data-field": 'description', className: 'ds-sr-only', "aria-live": 'polite', ref: counterRef, children: hasExceededLimit && label(over, remainder) }), jsx(ValidationMessage, { error: hasExceededLimit, ref: ref, ...rest, children: label(hasExceededLimit ? over : under, remainder) })] }));
+    return (jsxs(Fragment, { children: [jsx("div", { "data-field": 'description', className: 'ds-sr-only', "aria-live": 'polite', ref: counterRef, children: hasExceededLimit && label(over, remainder) }), jsx(ValidationMessage, { "data-color": hasExceededLimit ? 'danger' : 'neutral', ref: ref, ...rest, children: label(hasExceededLimit ? over : under, remainder) })] }));
 });
 
 export { FieldCounter };

package/dist/esm/index.js

@@ -23,10 +23,9 @@ export { Label } from './components/Label/Label.js';
 export { Heading } from './components/Heading/Heading.js';
 export { Paragraph } from './components/Paragraph/Paragraph.js';
 export { ValidationMessage } from './components/ValidationMessage/ValidationMessage.js';
-export { Accordion } from './components/Accordion/index.js';
-export { AccordionItem } from './components/Accordion/AccordionItem.js';
-export { AccordionContent } from './components/Accordion/AccordionContent.js';
-export { AccordionHeading } from './components/Accordion/AccordionHeading.js';
+export { Details } from './components/Details/index.js';
+export { DetailsContent } from './components/Details/DetailsContent.js';
+export { DetailsSummary } from './components/Details/DetailsSummary.js';
 export { Select } from './components/form/Select/index.js';
 export { SelectOption } from './components/form/Select/SelectOption.js';
 export { SelectOptgroup } from './components/form/Select/SelectOptgroup.js';

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

@@ -0,0 +1,37 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import '@u-elements/u-details';
+export type DetailsProps = {
+    /**
+     * Controls open-state.
+     *
+     * Using this removes automatic control of open-state
+     *
+     * @default undefined
+     */
+    open?: boolean;
+    /**
+     * Defaults the details to open if not controlled
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /** Callback function when Details toggles due to click on summary or find in page-search */
+    onToggle?: (event: Event) => void;
+    /** Content should be one `<Details.Summary>` and `<Details.Content>` */
+    children?: ReactNode;
+} & Omit<HTMLAttributes<HTMLDetailsElement>, 'onToggle'> & ({
+    open: boolean;
+    onToggle: (event: Event) => void;
+} | {
+    open?: never;
+    onToggle?: (event: Event) => void;
+});
+/**
+ * Details component, contains `Details.Summary` and `Details.Content` components.
+ * @example
+ * <Details>
+ *  <DetailsSummary>Header</DetailsSummary>
+ *  <DetailsContent>Content</DetailsContent>
+ * </Details>
+ */
+export declare const Details: React.ForwardRefExoticComponent<DetailsProps & React.RefAttributes<HTMLDetailsElement>>;
+//# sourceMappingURL=Details.d.ts.map

package/dist/types/components/Details/Details.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../src/components/Details/Details.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,MAAM,YAAY,GAAG;IACzB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAAE,UAAU,CAAC,GACtD,CACI;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,GACnD;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,CACtD,CAAC;AAEJ;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,yFAmCnB,CAAC"}

package/dist/types/components/Details/DetailsContent.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLAttributes } from 'react';
+export type DetailsContentProps = HTMLAttributes<HTMLDivElement>;
+/**
+ * Details content component, contains the content of the details item.
+ * @example
+ * <DetailsContent>Content</DetailsContent>
+ */
+export declare const DetailsContent: React.ForwardRefExoticComponent<DetailsContentProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=DetailsContent.d.ts.map

package/dist/types/components/Details/DetailsContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsContent.d.ts","sourceRoot":"","sources":["../../../src/components/Details/DetailsContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjE;;;;GAIG;AACH,eAAO,MAAM,cAAc,4FAI1B,CAAC"}

package/dist/types/components/Details/DetailsSummary.d.ts

@@ -0,0 +1,15 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export type DetailsSummaryProps = {
+    /** Heading text */
+    children: ReactNode;
+} & HTMLAttributes<HTMLElement>;
+/**
+ * Details summary component, contains a the heading to toggle the content.
+ * @example
+ * <Details.Summary>Heading</Details.Summary>
+ */
+export declare const DetailsSummary: React.ForwardRefExoticComponent<{
+    /** Heading text */
+    children: ReactNode;
+} & HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=DetailsSummary.d.ts.map

package/dist/types/components/Details/DetailsSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsSummary.d.ts","sourceRoot":"","sources":["../../../src/components/Details/DetailsSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,mBAAmB,GAAG;IAChC,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC;;;;GAIG;AACH,eAAO,MAAM,cAAc;IATzB,mBAAmB;cACT,SAAS;mEAapB,CAAC"}

package/dist/types/components/Details/index.d.ts

@@ -0,0 +1,21 @@
+import { DetailsContent } from './DetailsContent';
+import { DetailsSummary } from './DetailsSummary';
+/**
+ * Details are used to toggle the visibility of content.
+ * @example
+ * <Details>
+ *  <Details.Summary>Heading 1</Details.Summary>
+ *  <Details.Content>Content 1</Details.Content>
+ * </Details>
+ */
+declare const Details: React.ForwardRefExoticComponent<import("./Details").DetailsProps & React.RefAttributes<HTMLDetailsElement>> & {
+    Summary: React.ForwardRefExoticComponent<{
+        children: React.ReactNode;
+    } & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+    Content: React.ForwardRefExoticComponent<import("./DetailsContent").DetailsContentProps & React.RefAttributes<HTMLDivElement>>;
+};
+export type { DetailsContentProps } from './DetailsContent';
+export type { DetailsSummaryProps } from './DetailsSummary';
+export type { DetailsProps } from './Details';
+export { Details, DetailsContent, DetailsSummary };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Details/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Details/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD;;;;;;;GAOG;AACH,QAAA,MAAM,OAAO;;;;;CAGX,CAAC;AAKH,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}

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

@@ -1,12 +1,8 @@
 import type { Placement } from '@floating-ui/utils';
 import type { ButtonHTMLAttributes } from 'react';
-import type { Color } from '../../colors';
 import type { DefaultProps } from '../../types';
 import type { MergeRight } from '../../utilities';
 export type HelpTextProps = MergeRight<DefaultProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, {
-    /** Specify which color palette to use. If left unspecified, the color is inherited from the nearest ancestor with data-color.
-     */
-    'data-color'?: Color;
     /**
      * Required descriptive label for screen readers.
      **/
@@ -70,6 +66,7 @@ export declare const HelpText: React.ForwardRefExoticComponent<{
     is?: string | undefined;
     popovertarget?: string | undefined;
     'data-size'?: "sm" | "md" | "lg" | undefined;
+    'data-color'?: "info" | "success" | "warning" | "danger" | "neutral" | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
@@ -293,7 +290,6 @@ export declare const HelpText: React.ForwardRefExoticComponent<{
     formMethod?: string | undefined;
     formNoValidate?: boolean | undefined;
     formTarget?: string | undefined;
-    'data-color'?: Color | undefined;
     'aria-label': string;
     placement?: Placement | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/components/HelpText/HelpText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HelpText.d.ts","sourceRoot":"","sources":["../../../src/components/HelpText/HelpText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC,YAAY,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,EACrE;IACE;OACG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB;;QAEI;IACJ,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CACF,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAbF,KAAK;kBAIN,MAAM;gBAKR,SAAS;2CAuBxB,CAAC"}
+{"version":3,"file":"HelpText.d.ts","sourceRoot":"","sources":["../../../src/components/HelpText/HelpText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC,YAAY,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,EACrE;IACE;;QAEI;IACJ,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CACF,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBATH,MAAM;gBAKR,SAAS;2CAwBxB,CAAC"}

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

@@ -27,7 +27,6 @@ export type PopoverProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivEleme
     placement?: Placement;
     /**
      * The color of the popover.
-     * @default neutral
      */
     'data-color'?: Color;
     /**

package/dist/types/components/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAmB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAKnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,KAAK,CAAC,GAAG,CAAC;QAClB,UAAU,mBAAmB;YAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;IACD,UAAU,KAAK,CAAC;QACd,UAAU,cAAc,CAAC,CAAC;YACxB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;CACF;AAED,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA7CE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAWnB,MAAM;gBAKC,SAAS;mBAKN,KAAK;WAKb,OAAO;cAIL,MAAM,IAAI;eAIT,MAAM,IAAI;oBAKJ,OAAO;cAEb,OAAO;wCA8GpB,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAmB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAKnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,KAAK,CAAC,GAAG,CAAC;QAClB,UAAU,mBAAmB;YAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;IACD,UAAU,KAAK,CAAC;QACd,UAAU,cAAc,CAAC,CAAC;YACxB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;CACF;AAED,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA5CE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAWnB,MAAM;gBAKC,SAAS;mBAIN,KAAK;WAKb,OAAO;cAIL,MAAM,IAAI;eAIT,MAAM,IAAI;oBAKJ,OAAO;cAEb,OAAO;wCA8GpB,CAAC"}

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

@@ -1,9 +1,13 @@
 import type { HTMLAttributes } from 'react';
+import type { SeverityColors } from '../../colors';
 import type { DefaultProps } from '../../types';
 import type { MergeRight } from '../../utilities';
 export type ValidationMessageProps = MergeRight<Omit<DefaultProps, 'data-color'> & HTMLAttributes<HTMLParagraphElement>, {
-    /** Toggle error color */
-    error?: boolean;
+    /**
+     * Sets color and icon.
+     * @default 'danger'
+     */
+    'data-color'?: SeverityColors | 'neutral';
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      * @default false
@@ -65,7 +69,6 @@ export declare const ValidationMessage: React.ForwardRefExoticComponent<{
     is?: string | undefined;
     popovertarget?: string | undefined;
     'data-size'?: "sm" | "md" | "lg" | undefined;
-    'data-color'?: (import("../../colors").Color | (string & {})) | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
@@ -280,7 +283,7 @@ export declare const ValidationMessage: React.ForwardRefExoticComponent<{
     onAnimationIterationCapture?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
     onTransitionEnd?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
-    error?: boolean | undefined;
+    'data-color'?: (SeverityColors | "neutral") | undefined;
     asChild?: boolean | undefined;
 } & React.RefAttributes<HTMLParagraphElement>>;
 //# sourceMappingURL=ValidationMessage.d.ts.map

package/dist/types/components/ValidationMessage/ValidationMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationMessage.d.ts","sourceRoot":"","sources":["../../../src/components/ValidationMessage/ValidationMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAC7C,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,cAAc,CAAC,oBAAoB,CAAC,EACvE;IACE,yBAAyB;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF,yDAAyD;AACzD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAVlB,OAAO;cAKL,OAAO;8CAuBnB,CAAC"}
+{"version":3,"file":"ValidationMessage.d.ts","sourceRoot":"","sources":["../../../src/components/ValidationMessage/ValidationMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAC7C,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,cAAc,CAAC,oBAAoB,CAAC,EACvE;IACE;;;OAGG;IACH,YAAY,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IAC1C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF,yDAAyD;AACzD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAVX,cAAc,GAAG,SAAS;cAK/B,OAAO;8CAmBnB,CAAC"}

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

@@ -76,7 +76,6 @@ export declare const FieldCounter: React.ForwardRefExoticComponent<{
     is?: string | undefined;
     popovertarget?: string | undefined;
     'data-size'?: "sm" | "md" | "lg" | undefined;
-    'data-color'?: (import("../../../colors").Color | (string & {})) | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
@@ -291,7 +290,7 @@ export declare const FieldCounter: React.ForwardRefExoticComponent<{
     onAnimationIterationCapture?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
     onTransitionEnd?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
-    error?: boolean | undefined;
+    'data-color'?: (import("../../../colors").SeverityColors | "neutral") | undefined;
     asChild?: boolean | undefined;
 } & React.RefAttributes<HTMLParagraphElement>>;
 //# sourceMappingURL=FieldCounter.d.ts.map

package/dist/types/components/form/Field/FieldCounter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldCounter.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Field/FieldCounter.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,sBAAsB,CAAC;AAK3B,eAAO,MAAM,YAAY;IAfvB;;OAEG;WACI,MAAM;IACb;;OAEG;YACK,MAAM;IACd,sCAAsC;WAC/B,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8CAiDd,CAAC"}
+{"version":3,"file":"FieldCounter.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Field/FieldCounter.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,sBAAsB,CAAC;AAK3B,eAAO,MAAM,YAAY;IAfvB;;OAEG;WACI,MAAM;IACb;;OAEG;YACK,MAAM;IACd,sCAAsC;WAC/B,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8CAqDd,CAAC"}

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

@@ -74,7 +74,6 @@ declare const Field: React.ForwardRefExoticComponent<{
         is?: string | undefined;
         popovertarget?: string | undefined;
         'data-size'?: "sm" | "md" | "lg" | undefined;
-        'data-color'?: (import("../../../colors").Color | (string & {})) | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
@@ -289,7 +288,7 @@ declare const Field: React.ForwardRefExoticComponent<{
         onAnimationIterationCapture?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
         onTransitionEnd?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
         onTransitionEndCapture?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
-        error?: boolean | undefined;
+        'data-color'?: (import("../../../colors").SeverityColors | "neutral") | undefined;
         asChild?: boolean | undefined;
     } & React.RefAttributes<HTMLParagraphElement>>;
 };

package/dist/types/components/form/Field/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Field/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD;;;;;;;;GAQG;AACH,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKT,CAAC;AAOH,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EACV,eAAe,EACf,iBAAiB,GAClB,MAAM,cAAc,CAAC;AACtB,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Field/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD;;;;;;;;GAQG;AACH,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKT,CAAC;AAOH,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EACV,eAAe,EACf,iBAAiB,GAClB,MAAM,cAAc,CAAC;AACtB,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC"}