@dnb/eufemia 10.69.0 → 10.70.0

package/components/drawer/DrawerDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerDocs.js","names":["DrawerProperties","containerPlacement","doc","type","status","title","minWidth","maxWidth","className","spacing","preventCoreStyle","navContent","headerContent","modalContent","alignContent","fullscreen"],"sources":["../../../../src/components/drawer/DrawerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const DrawerProperties: PropertiesTableProps = {\n  containerPlacement: {\n    doc: 'Defines on what side the Drawer should be opened. Can be set to `left`, `right`, `top` and `bottom`. Defaults to `right`.',\n    type: ['left', 'right', 'top', 'bottom'],\n    status: 'optional',\n  },\n  title: {\n    doc: 'The drawer title. Displays on the very top of the content.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  minWidth: {\n    doc: \"The minimum Drawer content width, defined by a CSS width value like `50vw` (50% of the viewport). Be careful on using fixed `minWidth` so you don't break responsiveness. Defaults to `30rem` (average width is set to `60vw`).\",\n    type: ['string', 'number'],\n    status: 'optional',\n  },\n  maxWidth: {\n    doc: 'The maximum Drawer content width, defined by a CSS width value like `20rem`. Defaults to `60rem` (average width is set to `60vw`).',\n    type: ['string', 'number'],\n    status: 'optional',\n  },\n  className: {\n    doc: 'Give the Drawer content a class name (maps to `dnb-drawer`).',\n    type: 'string',\n    status: 'optional',\n  },\n  spacing: {\n    doc: 'If set to `false` then the drawer content will be shown without any spacing. Defaults to `true`. ',\n    type: 'boolean',\n    status: 'optional',\n  },\n  preventCoreStyle: {\n    doc: 'By default the drawer content gets added the core style class `dnb-core-style`. Use `false` to disable this behavior.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  navContent: {\n    doc: 'The content which will appear in the navigation, above the header, and side-by-side the close button.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  headerContent: {\n    doc: 'The content which will appear in the header of the drawer.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  modalContent: {\n    doc: 'The content which will appear when triggering the drawer.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  alignContent: {\n    doc: 'Define the inner horizontal alignment of the content. Can be set to `left`, `center`, `right` and `centered`. If `centered`, then the content will also be centered vertically. Defaults to `left`.',\n    type: ['left', 'right', 'centered', 'center'],\n    status: 'optional',\n  },\n  fullscreen: {\n    doc: 'If set to `true` then the drawer content will be shown as fullscreen, without showing the original content behind. Can be set to `false` to omit the auto fullscreen. Defaults to `auto`. ',\n    type: ['boolean', 'string'],\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,gBAAsC,GAAG;EACpDC,kBAAkB,EAAE;IAClBC,GAAG,EAAE,2HAA2H;IAChIC,IAAI,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC;IACxCC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,iOAAiO;IACtOC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDG,QAAQ,EAAE;IACRL,GAAG,EAAE,oIAAoI;IACzIC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDI,SAAS,EAAE;IACTN,GAAG,EAAE,8DAA8D;IACnEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,OAAO,EAAE;IACPP,GAAG,EAAE,mGAAmG;IACxGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,gBAAgB,EAAE;IAChBR,GAAG,EAAE,uHAAuH;IAC5HC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,UAAU,EAAE;IACVT,GAAG,EAAE,uGAAuG;IAC5GC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDQ,aAAa,EAAE;IACbV,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDS,YAAY,EAAE;IACZX,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDU,YAAY,EAAE;IACZZ,GAAG,EAAE,qMAAqM;IAC1MC,IAAI,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC;IAC7CC,MAAM,EAAE;EACV,CAAC;EACDW,UAAU,EAAE;IACVb,GAAG,EAAE,4LAA4L;IACjMC,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC3BC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/components/dropdown/DropdownDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const DropdownEvents: PropertiesTableProps;

package/components/dropdown/DropdownDocs.js

@@ -0,0 +1,23 @@
+export const DropdownEvents = {
+  on_change: {
+    doc: 'will be called on state changes made by the user. Returns an object with the new selected `data` item `{ data, event, attributes, value }`.',
+    type: 'function',
+    status: 'optional'
+  },
+  on_select: {
+    doc: 'will be called once the user focuses or selects an item by a click or keyboard navigation. Returns an object with the new selected `data` item `{ data, event, attributes, value, active_item }`. The **active_item** property is the currently selected item by keyboard navigation.',
+    type: 'function',
+    status: 'optional'
+  },
+  on_show: {
+    doc: 'will be called once the user presses the dropdown. Returns the data item `{ data, attributes }`.',
+    type: 'function',
+    status: 'optional'
+  },
+  on_hide: {
+    doc: 'will be called once the user presses the dropdown again, or clicks somewhere else. Returns the data item `{ data, attributes }`.',
+    type: 'function',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=DropdownDocs.js.map

package/components/dropdown/DropdownDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownDocs.js","names":["DropdownEvents","on_change","doc","type","status","on_select","on_show","on_hide"],"sources":["../../../../src/components/dropdown/DropdownDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const DropdownEvents: PropertiesTableProps = {\n  on_change: {\n    doc: 'will be called on state changes made by the user. Returns an object with the new selected `data` item `{ data, event, attributes, value }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_select: {\n    doc: 'will be called once the user focuses or selects an item by a click or keyboard navigation. Returns an object with the new selected `data` item `{ data, event, attributes, value, active_item }`. The **active_item** property is the currently selected item by keyboard navigation.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_show: {\n    doc: 'will be called once the user presses the dropdown. Returns the data item `{ data, attributes }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_hide: {\n    doc: 'will be called once the user presses the dropdown again, or clicks somewhere else. Returns the data item `{ data, attributes }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,cAAoC,GAAG;EAClDC,SAAS,EAAE;IACTC,GAAG,EAAE,6IAA6I;IAClJC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDC,SAAS,EAAE;IACTH,GAAG,EAAE,uRAAuR;IAC5RC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDG,OAAO,EAAE;IACPL,GAAG,EAAE,kIAAkI;IACvIC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/components/form-label/FormLabelDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const FormLabelProperties: PropertiesTableProps;

package/components/form-label/FormLabelDocs.js

@@ -0,0 +1,53 @@
+export const FormLabelProperties = {
+  forId: {
+    doc: 'the same unique `id` like the linked HTML element has.',
+    type: 'string',
+    status: 'required'
+  },
+  text: {
+    doc: 'the `text` of the label. You can use `children` as well.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  srOnly: {
+    doc: 'when `true`, the label will be invisible and only accessible for screen readers.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  vertical: {
+    doc: 'if set to `true`, will do the same as `label_direction` when set to **vertical**.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  size: {
+    doc: 'define one of the following [heading sizes](/uilib/elements/heading/): `medium` or `large`.',
+    type: ['medium', 'large'],
+    status: 'optional'
+  },
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  disabled: {
+    doc: 'if set to `true`, the label will behave as not interactive.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  element: {
+    doc: 'defines the HTML element used. Defaults to `label`.',
+    type: 'React.Element',
+    status: 'optional'
+  },
+  innerRef: {
+    doc: 'attach a React Ref to the inner label `element`.',
+    type: 'React.Ref',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=FormLabelDocs.js.map

package/components/form-label/FormLabelDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabelDocs.js","names":["FormLabelProperties","forId","doc","type","status","text","srOnly","vertical","size","skeleton","disabled","element","innerRef"],"sources":["../../../../src/components/form-label/FormLabelDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const FormLabelProperties: PropertiesTableProps = {\n  forId: {\n    doc: 'the same unique `id` like the linked HTML element has.',\n    type: 'string',\n    status: 'required',\n  },\n  text: {\n    doc: 'the `text` of the label. You can use `children` as well.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  srOnly: {\n    doc: 'when `true`, the label will be invisible and only accessible for screen readers.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  vertical: {\n    doc: 'if set to `true`, will do the same as `label_direction` when set to **vertical**.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  size: {\n    doc: 'define one of the following [heading sizes](/uilib/elements/heading/): `medium` or `large`.',\n    type: ['medium', 'large'],\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'if set to `true`, the label will behave as not interactive.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  element: {\n    doc: 'defines the HTML element used. Defaults to `label`.',\n    type: 'React.Element',\n    status: 'optional',\n  },\n  innerRef: {\n    doc: 'attach a React Ref to the inner label `element`.',\n    type: 'React.Ref',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,mBAAyC,GAAG;EACvDC,KAAK,EAAE;IACLC,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJH,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDE,MAAM,EAAE;IACNJ,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,QAAQ,EAAE;IACRL,GAAG,EAAE,mFAAmF;IACxFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,IAAI,EAAE;IACJN,GAAG,EAAE,6FAA6F;IAClGC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDK,QAAQ,EAAE;IACRP,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,QAAQ,EAAE;IACRR,GAAG,EAAE,6DAA6D;IAClEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,OAAO,EAAE;IACPT,GAAG,EAAE,qDAAqD;IAC1DC,IAAI,EAAE,eAAe;IACrBC,MAAM,EAAE;EACV,CAAC;EACDQ,QAAQ,EAAE;IACRV,GAAG,EAAE,kDAAkD;IACvDC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/components/form-row/FormRow.d.ts

@@ -14,23 +14,68 @@ export interface FormRowProps
   extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
     SpacingProps {
   id?: string;
+  /**
+   * use either the `label` property or provide a custom one.
+   */
   label?: React.ReactNode;
+  /**
+   * use `label_direction="vertical"` to change the label/legend layout direction. Defaults to `horizontal`.
+   */
   label_direction?: FormLabelLabelDirection;
+  /**
+   * use `true` to make the label only readable by screen readers.
+   */
   label_sr_only?: boolean;
   label_id?: string;
+  /**
+   * if you need to style the "legend", then you can either send in a custom Component, like `label={ <H2> }`, or define your styling class with the `label_class` property.
+   */
   label_class?: string;
   no_label?: boolean;
+  /**
+   * if set to `true`, then the internal `legend` element will be a `label` instead, and no `<fieldset>` is used. Keep in mind, that `<legend>` and `<fieldset>` **is only used if a `label` is provided**. Defaults to `false`.
+   */
   no_fieldset?: boolean;
+  /**
+   * Send along a different locale to all nested components.
+   */
   locale?: InternalLocale;
+  /**
+   * forces the content of a FormRow to wrap. Make sure you always define spacing as `right="..."` and not `left`, this way components will align left once they wrap. Defaults to `false`.
+   */
   wrap?: boolean;
+  /**
+   * to define the layout direction on how the next component should be placed on. Can be either `vertical` or `horizontal`. Defaults to `horizontal`.
+   */
   direction?: FormRowDirection;
+  /**
+   * will force both `direction` and `label_direction` to be **vertical** if set to `true`
+   */
   vertical?: boolean;
+  /**
+   * will center all children vertically as long as the screen does not hit a mobile width.
+   */
   centered?: boolean;
+  /**
+   * to enable the visual helper `.dnb-section` class. Use a supported modifier from the [Section component](/uilib/components/section/properties). Defaults to `null`.
+   */
   section_style?: SectionStyleTypes;
+  /**
+   * to modify the `spacing`. Use a supported modifier from the [Section component](/uilib/components/section/properties). Defaults to `null`.
+   */
   section_spacing?: SectionSpacing;
   globalStatus?: GlobalStatusConfigObject;
+  /**
+   * to force responsiveness on form components (like [Input](/uilib/components/input) and their labels ([FormLabel](/uilib/components/form-label)), set the property to `true`. Defaults to `false`.
+   */
   responsive?: boolean;
+  /**
+   * if set to `true`, every component inside will be disabled. Defaults to `false`.
+   */
   disabled?: boolean;
+  /**
+   * If set to `true`, an overlaying skeleton with animation will be shown.
+   */
   skeleton?: SkeletonShow;
   skipContentWrapperIfNested?: boolean;
   className?: string;

package/components/form-row/FormRowDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const FormRowProperties: PropertiesTableProps;

package/components/form-row/FormRowDocs.js

@@ -0,0 +1,83 @@
+export const FormRowProperties = {
+  label: {
+    doc: 'use either the `label` property or provide a custom one.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  label_direction: {
+    doc: 'use `label_direction="vertical"` to change the label/legend layout direction. Defaults to `horizontal`.',
+    type: ['vertical', 'horizontal'],
+    status: 'optional'
+  },
+  label_sr_only: {
+    doc: 'use `true` to make the label only readable by screen readers.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  direction: {
+    doc: 'to define the layout direction on how the next component should be placed on. Can be either `vertical` or `horizontal`. Defaults to `horizontal`.',
+    type: ['vertical', 'horizontal'],
+    status: 'optional'
+  },
+  vertical: {
+    doc: 'will force both `direction` and `label_direction` to be **vertical** if set to `true`',
+    type: 'boolean',
+    status: 'optional'
+  },
+  centered: {
+    doc: 'will center all children vertically as long as the screen does not hit a mobile width.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  wrap: {
+    doc: 'forces the content of a FormRow to wrap. Make sure you always define spacing as `right="..."` and not `left`, this way components will align left once they wrap. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  responsive: {
+    doc: 'to force responsiveness on form components (like [Input](/uilib/components/input) and their labels ([FormLabel](/uilib/components/form-label)), set the property to `true`. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  section_style: {
+    doc: 'to enable the visual helper `.dnb-section` class. Use a supported modifier from the [Section component](/uilib/components/section/properties). Defaults to `null`.',
+    type: ['divider', 'white', 'transparent'],
+    status: 'optional'
+  },
+  section_spacing: {
+    doc: 'to modify the `spacing`. Use a supported modifier from the [Section component](/uilib/components/section/properties). Defaults to `null`.',
+    type: ['x-small', 'small', 'medium', 'large', 'x-large', 'xx-large'],
+    status: 'optional'
+  },
+  no_fieldset: {
+    doc: 'if set to `true`, then the internal `legend` element will be a `label` instead, and no `<fieldset>` is used. Keep in mind, that `<legend>` and `<fieldset>` **is only used if a `label` is provided**. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  label_class: {
+    doc: 'if you need to style the "legend", then you can either send in a custom Component, like `label={ <H2> }`, or define your styling class with the `label_class` property.',
+    type: 'string',
+    status: 'optional'
+  },
+  locale: {
+    doc: 'Send along a different locale to all nested components.',
+    type: 'string',
+    status: 'optional'
+  },
+  disabled: {
+    doc: 'if set to `true`, every component inside will be disabled. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=FormRowDocs.js.map

package/components/form-row/FormRowDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRowDocs.js","names":["FormRowProperties","label","doc","type","status","label_direction","label_sr_only","direction","vertical","centered","wrap","responsive","section_style","section_spacing","no_fieldset","label_class","locale","disabled","skeleton"],"sources":["../../../../src/components/form-row/FormRowDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const FormRowProperties: PropertiesTableProps = {\n  label: {\n    doc: 'use either the `label` property or provide a custom one.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  label_direction: {\n    doc: 'use `label_direction=\"vertical\"` to change the label/legend layout direction. Defaults to `horizontal`.',\n    type: ['vertical', 'horizontal'],\n    status: 'optional',\n  },\n  label_sr_only: {\n    doc: 'use `true` to make the label only readable by screen readers.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  direction: {\n    doc: 'to define the layout direction on how the next component should be placed on. Can be either `vertical` or `horizontal`. Defaults to `horizontal`.',\n    type: ['vertical', 'horizontal'],\n    status: 'optional',\n  },\n  vertical: {\n    doc: 'will force both `direction` and `label_direction` to be **vertical** if set to `true`',\n    type: 'boolean',\n    status: 'optional',\n  },\n  centered: {\n    doc: 'will center all children vertically as long as the screen does not hit a mobile width.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  wrap: {\n    doc: 'forces the content of a FormRow to wrap. Make sure you always define spacing as `right=\"...\"` and not `left`, this way components will align left once they wrap. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  responsive: {\n    doc: 'to force responsiveness on form components (like [Input](/uilib/components/input) and their labels ([FormLabel](/uilib/components/form-label)), set the property to `true`. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  section_style: {\n    doc: 'to enable the visual helper `.dnb-section` class. Use a supported modifier from the [Section component](/uilib/components/section/properties). Defaults to `null`.',\n    type: ['divider', 'white', 'transparent'],\n    status: 'optional',\n  },\n  section_spacing: {\n    doc: 'to modify the `spacing`. Use a supported modifier from the [Section component](/uilib/components/section/properties). Defaults to `null`.',\n    type: ['x-small', 'small', 'medium', 'large', 'x-large', 'xx-large'],\n    status: 'optional',\n  },\n  no_fieldset: {\n    doc: 'if set to `true`, then the internal `legend` element will be a `label` instead, and no `<fieldset>` is used. Keep in mind, that `<legend>` and `<fieldset>` **is only used if a `label` is provided**. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  label_class: {\n    doc: 'if you need to style the \"legend\", then you can either send in a custom Component, like `label={ <H2> }`, or define your styling class with the `label_class` property.',\n    type: 'string',\n    status: 'optional',\n  },\n  locale: {\n    doc: 'Send along a different locale to all nested components.',\n    type: 'string',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'if set to `true`, every component inside will be disabled. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,iBAAuC,GAAG;EACrDC,KAAK,EAAE;IACLC,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDC,eAAe,EAAE;IACfH,GAAG,EAAE,yGAAyG;IAC9GC,IAAI,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC;IAChCC,MAAM,EAAE;EACV,CAAC;EACDE,aAAa,EAAE;IACbJ,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,SAAS,EAAE;IACTL,GAAG,EAAE,mJAAmJ;IACxJC,IAAI,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC;IAChCC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,uFAAuF;IAC5FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,QAAQ,EAAE;IACRP,GAAG,EAAE,wFAAwF;IAC7FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,IAAI,EAAE;IACJR,GAAG,EAAE,wLAAwL;IAC7LC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,UAAU,EAAE;IACVT,GAAG,EAAE,kMAAkM;IACvMC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,aAAa,EAAE;IACbV,GAAG,EAAE,oKAAoK;IACzKC,IAAI,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,CAAC;IACzCC,MAAM,EAAE;EACV,CAAC;EACDS,eAAe,EAAE;IACfX,GAAG,EAAE,2IAA2I;IAChJC,IAAI,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC;IACpEC,MAAM,EAAE;EACV,CAAC;EACDU,WAAW,EAAE;IACXZ,GAAG,EAAE,6NAA6N;IAClOC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,WAAW,EAAE;IACXb,GAAG,EAAE,yKAAyK;IAC9KC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDY,MAAM,EAAE;IACNd,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDa,QAAQ,EAAE;IACRf,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDc,QAAQ,EAAE;IACRhB,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/components/form-set/FormSet.d.ts

@@ -13,10 +13,25 @@ export type FormSetChildren =
 export interface FormSetProps
   extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
     SpacingProps {
+  /**
+   * define what HTML element should be used. Defaults to `<form>`.
+   */
   element?: string;
+  /**
+   * if set to `true`, then a `div` HTML element will be used instead of `form`. Defaults to `false`.
+   */
   no_form?: boolean;
+  /**
+   * if set to `true`, every component inside will be disabled. Defaults to `false`.
+   */
   disabled?: boolean;
+  /**
+   * if set to `true`, it enables skeleton for nested components. Defaults to `false`.
+   */
   skeleton?: SkeletonShow;
+  /**
+   * if set to `true`, components inside can't cause a page refresh. The event `on_submit` will still be triggered. Defaults to `false`.
+   */
   prevent_submit?: boolean;
   id?: string;
   label?: React.ReactNode;
@@ -26,6 +41,9 @@ export interface FormSetProps
   label_class?: string;
   no_label?: boolean;
   no_fieldset?: boolean;
+  /**
+   * Send along a different locale to all nested components.
+   */
   locale?: InternalLocale;
   wrap?: boolean;
   direction?: FormSetDirection;

package/components/form-set/FormSetDocs.d.ts

@@ -0,0 +1,3 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const FormSetProperties: PropertiesTableProps;
+export declare const FormSetEvents: PropertiesTableProps;

package/components/form-set/FormSetDocs.js

@@ -0,0 +1,50 @@
+export const FormSetProperties = {
+  element: {
+    doc: 'define what HTML element should be used. Defaults to `<form>`.',
+    type: 'string',
+    status: 'optional'
+  },
+  no_form: {
+    doc: 'if set to `true`, then a `div` HTML element will be used instead of `form`. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  prevent_submit: {
+    doc: "if set to `true`, components inside can't cause a page refresh. The event `on_submit` will still be triggered. Defaults to `false`.",
+    type: 'boolean',
+    status: 'optional'
+  },
+  locale: {
+    doc: 'Send along a different locale to all nested components.',
+    type: 'string',
+    status: 'optional'
+  },
+  disabled: {
+    doc: 'if set to `true`, every component inside will be disabled. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  skeleton: {
+    doc: 'if set to `true`, it enables skeleton for nested components. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  '[FormRow](/uilib/layout/form-row/properties)': {
+    doc: 'Beside the own properties, **FormSet** can provide the [FormRow](/uilib/layout/form-row/properties) properties down to `FormRow`. This works in React-based applications by using the React Context under the hood.',
+    type: 'Various',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+export const FormSetEvents = {
+  on_submit: {
+    doc: 'will be called on submit. Returns an object with a native event: `{ event }`.',
+    type: 'function',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=FormSetDocs.js.map

package/components/form-set/FormSetDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSetDocs.js","names":["FormSetProperties","element","doc","type","status","no_form","prevent_submit","locale","disabled","skeleton","FormSetEvents","on_submit"],"sources":["../../../../src/components/form-set/FormSetDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const FormSetProperties: PropertiesTableProps = {\n  element: {\n    doc: 'define what HTML element should be used. Defaults to `<form>`.',\n    type: 'string',\n    status: 'optional',\n  },\n  no_form: {\n    doc: 'if set to `true`, then a `div` HTML element will be used instead of `form`. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  prevent_submit: {\n    doc: \"if set to `true`, components inside can't cause a page refresh. The event `on_submit` will still be triggered. Defaults to `false`.\",\n    type: 'boolean',\n    status: 'optional',\n  },\n  locale: {\n    doc: 'Send along a different locale to all nested components.',\n    type: 'string',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'if set to `true`, every component inside will be disabled. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'if set to `true`, it enables skeleton for nested components. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[FormRow](/uilib/layout/form-row/properties)': {\n    doc: 'Beside the own properties, **FormSet** can provide the [FormRow](/uilib/layout/form-row/properties) properties down to `FormRow`. This works in React-based applications by using the React Context under the hood.',\n    type: 'Various',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const FormSetEvents: PropertiesTableProps = {\n  on_submit: {\n    doc: 'will be called on submit. Returns an object with a native event: `{ event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,iBAAuC,GAAG;EACrDC,OAAO,EAAE;IACPC,GAAG,EAAE,gEAAgE;IACrEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,cAAc,EAAE;IACdJ,GAAG,EAAE,qIAAqI;IAC1IC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,MAAM,EAAE;IACNL,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,QAAQ,EAAE;IACRP,GAAG,EAAE,mFAAmF;IACxFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,8CAA8C,EAAE;IAC9CF,GAAG,EAAE,qNAAqN;IAC1NC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMM,aAAmC,GAAG;EACjDC,SAAS,EAAE;IACTT,GAAG,EAAE,+EAA+E;IACpFC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/components/form-status/FormStatus.d.ts

@@ -31,40 +31,40 @@ export interface FormStatusProps
     SpacingProps {
   id?: string;
   /**
-   * The `title` attribute in the status.
+   * the `title` attribute in the status.
    */
   title?: string;
   label?: React.ReactNode;
   /**
-   * Provide `false` if you want to animate the visibility. Defaults to `true`.
+   * provide `false` if you want to animate the visibility. Defaults to `true`.
    */
   show?: boolean;
   /**
-   * The `text` appears as the status message. Beside plain text, you can send in a React component as well.
+   * the `text` appears as the status message. Beside plain text, you can send in a React component as well.
    */
   text?: FormStatusText;
   /**
-   * The <a href="/uilib/components/global-status/properties/#configuration-object">configuration</a> used for the target <a href="/uilib/components/global-status">GlobalStatus</a>.
+   * the [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).
    */
   globalStatus?: GlobalStatusConfigObject;
   /**
-   * The `icon` show before the status text. Defaults to `exclamation`.
+   * the `icon` show before the status text. Defaults to `exclamation`.
    */
   icon?: IconIcon;
   /**
-   * The icon size of the icon shows. Defaults to `medium`.
+   * the icon size of the icon shows. Defaults to `medium`.
    */
   icon_size?: IconSize;
   /**
-   * Defines the visual appearance of the status. These are the statuses `error`, `warn`, `info` and `marketing`. The default status is `error`.
+   * defines the visual appearance of the status. These are the statuses `error`, `warn`, `info` and `marketing`. The default status is `error`.
    */
   state?: FormStatusState;
   /**
-   * As of now, there is the `flat` and the `outlined` variant. Defaults to `flat`.
+   * as of now, there is the `flat` and the `outlined` variant. Defaults to `flat`.
    */
   variant?: FormStatusVariant;
   /**
-   * Defines the appearance size. There are these sizes `default`, `large`. The default status is `default`.
+   * defines the appearance size. There are these sizes `default`, `large`. The default status is `default`.
    */
   size?: FormStatusSize;
   attributes?: FormStatusAttributes;
@@ -72,7 +72,7 @@ export interface FormStatusProps
   width_selector?: string;
   width_element?: Record<string, unknown>;
   /**
-   * NB: Animation is disabled as of now. <del>use `true` to omit the animation on content visibility. Defaults to `false`.</del>
+   * NB: Animation is disabled as of now. ~~use `true` to omit the animation on content visibility. Defaults to `false`.~~
    */
   no_animation?: boolean;
   /**
@@ -80,20 +80,20 @@ export interface FormStatusProps
    */
   skeleton?: SkeletonShow;
   /**
-   * If set to `true`, then the FormStatus will be 100% in available `width`. "NB:" Only use this on independent status messages.
+   * if set to `true`, then the FormStatus will be 100% in available `width`. **NB:** Only use this on independent status messages.
    */
   stretch?: boolean;
   /**
-   * The `role` attribute for accessibility, defaults to `alert`
+   * the `role` attribute for accessibility, defaults to `alert`.
    */
   role?: string;
   /**
-   * Use it to set an inner margin. It supports the same properties as `space`. Useful for animation.
+   * Use it to set an inner margin. It supports the same properties as [Space](/uilib/layout/space/properties). Useful for animation.
    */
   shellSpace?: SpaceTypeAll;
   className?: string;
   /**
-   * The `text` appears as the status message. Beside plain text, you can send in a React component as well.
+   * the `text` appears as the status message. Beside plain text, you can send in a React component as well.
    */
   children?: FormStatusChildren;
 }
@@ -106,28 +106,28 @@ export default class FormStatus extends React.Component<
 }
 export interface ErrorIconProps {
   /**
-   * The `title` attribute in the status.
+   * the `title` attribute in the status.
    */
   title?: string;
 }
 export declare const ErrorIcon: React.FC<ErrorIconProps>;
 export interface WarnIconProps {
   /**
-   * The `title` attribute in the status.
+   * the `title` attribute in the status.
    */
   title?: string;
 }
 export declare const WarnIcon: React.FC<WarnIconProps>;
 export interface InfoIconProps {
   /**
-   * The `title` attribute in the status.
+   * the `title` attribute in the status.
    */
   title?: string;
 }
 export declare const InfoIcon: React.FC<InfoIconProps>;
 export interface MarketingIconProps {
   /**
-   * The `title` attribute in the status.
+   * the `title` attribute in the status.
    */
   title?: string;
 }

package/components/form-status/FormStatusDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const FormStatusProperties: PropertiesTableProps;

package/components/form-status/FormStatusDocs.js

@@ -0,0 +1,83 @@
+export const FormStatusProperties = {
+  text: {
+    doc: 'the `text` appears as the status message. Beside plain text, you can send in a React component as well.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  children: {
+    doc: 'the `text` appears as the status message. Beside plain text, you can send in a React component as well.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  title: {
+    doc: 'the `title` attribute in the status.',
+    type: 'string',
+    status: 'optional'
+  },
+  role: {
+    doc: 'the `role` attribute for accessibility, defaults to `alert`.',
+    type: 'string',
+    status: 'optional'
+  },
+  state: {
+    doc: 'defines the visual appearance of the status. These are the statuses `error`, `warn`, `info` and `marketing`. The default status is `error`.',
+    type: ['error', 'warn', 'info', 'success', 'marketing'],
+    status: 'optional'
+  },
+  size: {
+    doc: 'defines the appearance size. There are these sizes `default`, `large`. The default status is `default`.',
+    type: ['default', 'large'],
+    status: 'optional'
+  },
+  icon: {
+    doc: 'the `icon` show before the status text. Defaults to `exclamation`.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  icon_size: {
+    doc: 'the icon size of the icon shows. Defaults to `medium`.',
+    type: 'string',
+    status: 'optional'
+  },
+  variant: {
+    doc: 'as of now, there is the `flat` and the `outlined` variant. Defaults to `flat`.',
+    type: ['flat', 'outlined'],
+    status: 'optional'
+  },
+  stretch: {
+    doc: 'if set to `true`, then the FormStatus will be 100% in available `width`. **NB:** Only use this on independent status messages.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  show: {
+    doc: 'provide `false` if you want to animate the visibility. Defaults to `true`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  no_animation: {
+    doc: 'NB: Animation is disabled as of now. ~~use `true` to omit the animation on content visibility. Defaults to `false`.~~',
+    type: 'boolean',
+    status: 'optional'
+  },
+  globalStatus: {
+    doc: 'the [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',
+    type: 'Various',
+    status: 'optional'
+  },
+  shellSpace: {
+    doc: 'Use it to set an inner margin. It supports the same properties as [Space](/uilib/layout/space/properties). Useful for animation.',
+    type: ['string', 'object'],
+    status: 'optional'
+  },
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=FormStatusDocs.js.map

package/components/form-status/FormStatusDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormStatusDocs.js","names":["FormStatusProperties","text","doc","type","status","children","title","role","state","size","icon","icon_size","variant","stretch","show","no_animation","globalStatus","shellSpace","skeleton"],"sources":["../../../../src/components/form-status/FormStatusDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const FormStatusProperties: PropertiesTableProps = {\n  text: {\n    doc: 'the `text` appears as the status message. Beside plain text, you can send in a React component as well.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  children: {\n    doc: 'the `text` appears as the status message. Beside plain text, you can send in a React component as well.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  title: {\n    doc: 'the `title` attribute in the status.',\n    type: 'string',\n    status: 'optional',\n  },\n  role: {\n    doc: 'the `role` attribute for accessibility, defaults to `alert`.',\n    type: 'string',\n    status: 'optional',\n  },\n  state: {\n    doc: 'defines the visual appearance of the status. These are the statuses `error`, `warn`, `info` and `marketing`. The default status is `error`.',\n    type: ['error', 'warn', 'info', 'success', 'marketing'],\n    status: 'optional',\n  },\n  size: {\n    doc: 'defines the appearance size. There are these sizes `default`, `large`. The default status is `default`.',\n    type: ['default', 'large'],\n    status: 'optional',\n  },\n  icon: {\n    doc: 'the `icon` show before the status text. Defaults to `exclamation`.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  icon_size: {\n    doc: 'the icon size of the icon shows. Defaults to `medium`.',\n    type: 'string',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'as of now, there is the `flat` and the `outlined` variant. Defaults to `flat`.',\n    type: ['flat', 'outlined'],\n    status: 'optional',\n  },\n  stretch: {\n    doc: 'if set to `true`, then the FormStatus will be 100% in available `width`. **NB:** Only use this on independent status messages.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  show: {\n    doc: 'provide `false` if you want to animate the visibility. Defaults to `true`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  no_animation: {\n    doc: 'NB: Animation is disabled as of now. ~~use `true` to omit the animation on content visibility. Defaults to `false`.~~',\n    type: 'boolean',\n    status: 'optional',\n  },\n  globalStatus: {\n    doc: 'the [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',\n    type: 'Various',\n    status: 'optional',\n  },\n  shellSpace: {\n    doc: 'Use it to set an inner margin. It supports the same properties as [Space](/uilib/layout/space/properties). Useful for animation.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,oBAA0C,GAAG;EACxDC,IAAI,EAAE;IACJC,GAAG,EAAE,yGAAyG;IAC9GC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,yGAAyG;IAC9GC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,sCAAsC;IAC3CC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,IAAI,EAAE;IACJL,GAAG,EAAE,8DAA8D;IACnEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,KAAK,EAAE;IACLN,GAAG,EAAE,6IAA6I;IAClJC,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,CAAC;IACvDC,MAAM,EAAE;EACV,CAAC;EACDK,IAAI,EAAE;IACJP,GAAG,EAAE,yGAAyG;IAC9GC,IAAI,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDM,IAAI,EAAE;IACJR,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDO,SAAS,EAAE;IACTT,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,OAAO,EAAE;IACPV,GAAG,EAAE,gFAAgF;IACrFC,IAAI,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDS,OAAO,EAAE;IACPX,GAAG,EAAE,gIAAgI;IACrIC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,IAAI,EAAE;IACJZ,GAAG,EAAE,4EAA4E;IACjFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,YAAY,EAAE;IACZb,GAAG,EAAE,uHAAuH;IAC5HC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDY,YAAY,EAAE;IACZd,GAAG,EAAE,4JAA4J;IACjKC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDa,UAAU,EAAE;IACVf,GAAG,EAAE,kIAAkI;IACvIC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDc,QAAQ,EAAE;IACRhB,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/components/global-error/GlobalError.d.ts

@@ -13,7 +13,14 @@ export type GlobalErrorLink = {
 export type GlobalErrorProps = {
     /**
      * When `404` or `500` is given, a predefined text will be shown.
-     * Defaults to `400`.
+     * Defaults to `404`.
+     */
+    statusCode?: '404' | '500' | string;
+    /**
+     *
+     * When `404` or `500` is given, a predefined text will be shown.
+     * Defaults to `404`.
+     * @deprecated – Replaced with statusCode, status can be removed in v11.
      */
     status?: '404' | '500' | string;
     /**
@@ -27,6 +34,11 @@ export type GlobalErrorProps = {
     /**
      * Will overwrite the default error message code.
      */
+    errorMessageCode?: React.ReactNode;
+    /**
+     * Will overwrite the default error message code.
+     * @deprecated – Replaced with errorMessageCode, code can be removed in v11.
+     */
     code?: React.ReactNode;
     /**
      * Will overwrite the default additional help text.