@postenbring/hedwig-react 0.0.64 → 0.0.65
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.
- package/dist/_tsup-dts-rollup.d.mts +171 -19
- package/dist/_tsup-dts-rollup.d.ts +171 -19
- package/dist/accordion/accordion-content.js +5 -9
- package/dist/accordion/accordion-content.js.map +1 -1
- package/dist/accordion/accordion-content.mjs +1 -1
- package/dist/accordion/accordion-header.js +6 -9
- package/dist/accordion/accordion-header.js.map +1 -1
- package/dist/accordion/accordion-header.mjs +1 -1
- package/dist/accordion/accordion-item.js +2 -7
- package/dist/accordion/accordion-item.js.map +1 -1
- package/dist/accordion/accordion-item.mjs +1 -1
- package/dist/accordion/index.js +13 -25
- package/dist/accordion/index.js.map +1 -1
- package/dist/accordion/index.mjs +4 -4
- package/dist/{chunk-SAGJ5W7M.mjs → chunk-62F4I3MQ.mjs} +3 -8
- package/dist/{chunk-SAGJ5W7M.mjs.map → chunk-62F4I3MQ.mjs.map} +1 -1
- package/dist/{chunk-BYDSISQZ.mjs → chunk-A47QULAK.mjs} +2 -2
- package/dist/{chunk-BYDSISQZ.mjs.map → chunk-A47QULAK.mjs.map} +1 -1
- package/dist/{chunk-2E6XPNPX.mjs → chunk-DEVTAZKG.mjs} +8 -6
- package/dist/chunk-DEVTAZKG.mjs.map +1 -0
- package/dist/chunk-EHUVLDIZ.mjs +121 -0
- package/dist/chunk-EHUVLDIZ.mjs.map +1 -0
- package/dist/{chunk-KRGKVH5J.mjs → chunk-GUB3UCXO.mjs} +6 -10
- package/dist/chunk-GUB3UCXO.mjs.map +1 -0
- package/dist/{chunk-37WVYY6X.mjs → chunk-HXV2UMEV.mjs} +6 -3
- package/dist/chunk-HXV2UMEV.mjs.map +1 -0
- package/dist/chunk-KQITCS3U.mjs +18 -0
- package/dist/chunk-KQITCS3U.mjs.map +1 -0
- package/dist/{chunk-DJRMXOCP.mjs → chunk-LIQ3FB56.mjs} +8 -8
- package/dist/chunk-MUVJAMFN.mjs +104 -0
- package/dist/chunk-MUVJAMFN.mjs.map +1 -0
- package/dist/{chunk-WGVZWX5L.mjs → chunk-RLUXDZ6X.mjs} +14 -4
- package/dist/chunk-RLUXDZ6X.mjs.map +1 -0
- package/dist/{chunk-H3VGHTDC.mjs → chunk-TE5M6GJB.mjs} +2 -2
- package/dist/chunk-TE5M6GJB.mjs.map +1 -0
- package/dist/chunk-U2MRMUB2.mjs +19 -0
- package/dist/chunk-U2MRMUB2.mjs.map +1 -0
- package/dist/{chunk-EJADADIY.mjs → chunk-UWTGHSWT.mjs} +6 -9
- package/dist/chunk-UWTGHSWT.mjs.map +1 -0
- package/dist/{chunk-5MDJP43L.mjs → chunk-VFFIUNR6.mjs} +7 -7
- package/dist/chunk-X7EKQZNU.mjs +76 -0
- package/dist/chunk-X7EKQZNU.mjs.map +1 -0
- package/dist/{chunk-V4NGUB4I.mjs → chunk-XFSZBILE.mjs} +2 -2
- package/dist/chunk-XFSZBILE.mjs.map +1 -0
- package/dist/{chunk-MBBFU4IR.mjs → chunk-XVFQWVHO.mjs} +3 -9
- package/dist/{chunk-MBBFU4IR.mjs.map → chunk-XVFQWVHO.mjs.map} +1 -1
- package/dist/chunk-YWNVB7TY.mjs +1 -0
- package/dist/{chunk-FT5CX2W5.mjs → chunk-YXHXRUFX.mjs} +7 -10
- package/dist/chunk-YXHXRUFX.mjs.map +1 -0
- package/dist/footer/footer.d.mts +7 -0
- package/dist/footer/footer.d.ts +7 -0
- package/dist/footer/footer.js +404 -0
- package/dist/footer/footer.js.map +1 -0
- package/dist/footer/footer.mjs +26 -0
- package/dist/footer/footer.mjs.map +1 -0
- package/dist/footer/index.d.mts +7 -0
- package/dist/footer/index.d.ts +7 -0
- package/dist/footer/index.js +405 -0
- package/dist/footer/index.js.map +1 -0
- package/dist/footer/index.mjs +19 -0
- package/dist/footer/index.mjs.map +1 -0
- package/dist/form/checkbox/checkbox.js +122 -24
- package/dist/form/checkbox/checkbox.js.map +1 -1
- package/dist/form/checkbox/checkbox.mjs +5 -1
- package/dist/form/checkbox/index.js +122 -24
- package/dist/form/checkbox/index.js.map +1 -1
- package/dist/form/checkbox/index.mjs +5 -1
- package/dist/form/fieldset/fieldset.d.mts +1 -0
- package/dist/form/fieldset/fieldset.d.ts +1 -0
- package/dist/form/fieldset/fieldset.js +7 -3
- package/dist/form/fieldset/fieldset.js.map +1 -1
- package/dist/form/fieldset/fieldset.mjs +5 -3
- package/dist/form/fieldset/index.d.mts +1 -0
- package/dist/form/fieldset/index.d.ts +1 -0
- package/dist/form/fieldset/index.js +7 -3
- package/dist/form/fieldset/index.js.map +1 -1
- package/dist/form/fieldset/index.mjs +5 -3
- package/dist/form/index.d.mts +2 -1
- package/dist/form/index.d.ts +2 -1
- package/dist/form/index.js +68 -27
- package/dist/form/index.js.map +1 -1
- package/dist/form/index.mjs +17 -13
- package/dist/form/radiobutton/index.d.mts +1 -1
- package/dist/form/radiobutton/index.d.ts +1 -1
- package/dist/form/radiobutton/index.js +17 -8
- package/dist/form/radiobutton/index.js.map +1 -1
- package/dist/form/radiobutton/index.mjs +7 -5
- package/dist/form/radiobutton/radiobutton.js +13 -6
- package/dist/form/radiobutton/radiobutton.js.map +1 -1
- package/dist/form/radiobutton/radiobutton.mjs +3 -3
- package/dist/form/radiobutton/radiogroup.js +2 -1
- package/dist/form/radiobutton/radiogroup.js.map +1 -1
- package/dist/form/radiobutton/radiogroup.mjs +2 -2
- package/dist/index-no-css.d.mts +10 -1
- package/dist/index-no-css.d.ts +10 -1
- package/dist/index-no-css.js +468 -307
- package/dist/index-no-css.js.map +1 -1
- package/dist/index-no-css.mjs +58 -46
- package/dist/index.d.mts +10 -1
- package/dist/index.d.ts +10 -1
- package/dist/index.js +468 -307
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +58 -46
- package/dist/index.mjs.map +1 -1
- package/dist/navbar/index.d.mts +1 -0
- package/dist/navbar/index.d.ts +1 -0
- package/dist/navbar/index.js +10 -7
- package/dist/navbar/index.js.map +1 -1
- package/dist/navbar/index.mjs +7 -4
- package/dist/navbar/navbar-expandable-menu.d.mts +1 -0
- package/dist/navbar/navbar-expandable-menu.d.ts +1 -0
- package/dist/navbar/navbar-expandable-menu.js +10 -7
- package/dist/navbar/navbar-expandable-menu.js.map +1 -1
- package/dist/navbar/navbar-expandable-menu.mjs +5 -3
- package/dist/skeleton/index.js +1 -1
- package/dist/skeleton/index.js.map +1 -1
- package/dist/skeleton/index.mjs +1 -1
- package/dist/skeleton/skeleton.js +1 -1
- package/dist/skeleton/skeleton.js.map +1 -1
- package/dist/skeleton/skeleton.mjs +1 -1
- package/dist/tabs/context.d.mts +1 -0
- package/dist/tabs/context.d.ts +1 -0
- package/dist/tabs/context.js +13 -8
- package/dist/tabs/context.js.map +1 -1
- package/dist/tabs/context.mjs +5 -3
- package/dist/tabs/index.js +46 -28
- package/dist/tabs/index.js.map +1 -1
- package/dist/tabs/index.mjs +5 -5
- package/dist/tabs/tabs-content.js +11 -11
- package/dist/tabs/tabs-content.js.map +1 -1
- package/dist/tabs/tabs-content.mjs +2 -2
- package/dist/tabs/tabs-list.js +43 -16
- package/dist/tabs/tabs-list.js.map +1 -1
- package/dist/tabs/tabs-list.mjs +2 -2
- package/dist/tabs/tabs.js +2 -14
- package/dist/tabs/tabs.js.map +1 -1
- package/dist/tabs/tabs.mjs +2 -2
- package/package.json +3 -3
- package/dist/chunk-2E6XPNPX.mjs.map +0 -1
- package/dist/chunk-33JD5XDW.mjs +0 -14
- package/dist/chunk-33JD5XDW.mjs.map +0 -1
- package/dist/chunk-37WVYY6X.mjs.map +0 -1
- package/dist/chunk-EJADADIY.mjs.map +0 -1
- package/dist/chunk-FT5CX2W5.mjs.map +0 -1
- package/dist/chunk-H3VGHTDC.mjs.map +0 -1
- package/dist/chunk-H4GIHEB2.mjs +0 -1
- package/dist/chunk-KRGKVH5J.mjs.map +0 -1
- package/dist/chunk-PXHYOQPB.mjs +0 -42
- package/dist/chunk-PXHYOQPB.mjs.map +0 -1
- package/dist/chunk-V4NGUB4I.mjs.map +0 -1
- package/dist/chunk-WGVZWX5L.mjs.map +0 -1
- package/dist/chunk-XVZ44NGD.mjs +0 -80
- package/dist/chunk-XVZ44NGD.mjs.map +0 -1
- /package/dist/{chunk-DJRMXOCP.mjs.map → chunk-LIQ3FB56.mjs.map} +0 -0
- /package/dist/{chunk-5MDJP43L.mjs.map → chunk-VFFIUNR6.mjs.map} +0 -0
- /package/dist/{chunk-H4GIHEB2.mjs.map → chunk-YWNVB7TY.mjs.map} +0 -0
|
@@ -12,14 +12,14 @@ import type { FieldsetHTMLAttributes } from 'react';
|
|
|
12
12
|
import { ForwardRefExoticComponent } from 'react';
|
|
13
13
|
import { FunctionComponent } from 'react';
|
|
14
14
|
import { HTMLAttributes } from 'react';
|
|
15
|
-
import
|
|
15
|
+
import { InputHTMLAttributes } from 'react';
|
|
16
16
|
import { JSX as JSX_2 } from 'react/jsx-runtime';
|
|
17
17
|
import type { LabelHTMLAttributes } from 'react';
|
|
18
18
|
import type { Meta } from '@storybook/react';
|
|
19
19
|
import { Options } from 'tsup';
|
|
20
20
|
import * as React_2 from 'react';
|
|
21
21
|
import { default as React_3 } from 'react';
|
|
22
|
-
import
|
|
22
|
+
import { ReactElement } from 'react';
|
|
23
23
|
import { ReactNode } from 'react';
|
|
24
24
|
import { RefAttributes } from 'react';
|
|
25
25
|
import type { SelectHTMLAttributes } from 'react';
|
|
@@ -504,26 +504,44 @@ export { CardMediaImg as CardMediaImg_alias_1 }
|
|
|
504
504
|
export { CardMediaImg as CardMediaImg_alias_2 }
|
|
505
505
|
export { CardMediaImg as CardMediaImg_alias_3 }
|
|
506
506
|
|
|
507
|
-
declare const Checkbox:
|
|
507
|
+
declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttributes<HTMLInputElement>>;
|
|
508
508
|
export { Checkbox }
|
|
509
509
|
export { Checkbox as Checkbox_alias_1 }
|
|
510
510
|
export { Checkbox as Checkbox_alias_2 }
|
|
511
511
|
export { Checkbox as Checkbox_alias_3 }
|
|
512
512
|
export { Checkbox as Checkbox_alias_4 }
|
|
513
513
|
|
|
514
|
-
declare
|
|
514
|
+
declare type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue"> & {
|
|
515
|
+
children: ReactNode;
|
|
515
516
|
variant?: "plain" | "bounding-box";
|
|
516
|
-
hasError?: boolean;
|
|
517
517
|
title?: string;
|
|
518
|
-
}
|
|
518
|
+
} & ({
|
|
519
|
+
/**
|
|
520
|
+
* Set to `true` to add error styling. The component will take care of aria to indicate invalid state.
|
|
521
|
+
*
|
|
522
|
+
* Normally you don't need this, as you should wrap your Checkboxes in the Fieldset component.
|
|
523
|
+
* When providing an errorMessage to Fieldset, all contained Checkboxes will get correct hasError state.
|
|
524
|
+
*
|
|
525
|
+
* You can use this when your checkbox is part of a non-HDS fieldset which shows an error message.
|
|
526
|
+
*/
|
|
527
|
+
hasError?: boolean;
|
|
528
|
+
errorMessage?: never;
|
|
529
|
+
} | {
|
|
530
|
+
hasError?: never;
|
|
531
|
+
/**
|
|
532
|
+
* Set an error message to add error styling, and display the error message.
|
|
533
|
+
* The component will take care of aria to connect the error message to the checkbox.
|
|
534
|
+
*
|
|
535
|
+
* Use this when your checkbox is standalone (not part of a fieldset).
|
|
536
|
+
*/
|
|
537
|
+
errorMessage?: ReactNode;
|
|
538
|
+
});
|
|
519
539
|
export { CheckboxProps }
|
|
520
540
|
export { CheckboxProps as CheckboxProps_alias_1 }
|
|
521
541
|
export { CheckboxProps as CheckboxProps_alias_2 }
|
|
522
542
|
export { CheckboxProps as CheckboxProps_alias_3 }
|
|
523
543
|
export { CheckboxProps as CheckboxProps_alias_4 }
|
|
524
544
|
|
|
525
|
-
export declare const CheckboxWithErrorMessage: Story_9;
|
|
526
|
-
|
|
527
545
|
export declare function CloseIcon(): JSX_2.Element;
|
|
528
546
|
|
|
529
547
|
export declare const CompleteShowMoreShowLess: Story_23;
|
|
@@ -757,11 +775,19 @@ export { Fieldset as Fieldset_alias_2 }
|
|
|
757
775
|
export { Fieldset as Fieldset_alias_3 }
|
|
758
776
|
export { Fieldset as Fieldset_alias_4 }
|
|
759
777
|
|
|
760
|
-
export declare const
|
|
778
|
+
export declare const FieldsetErrorCheckboxes: Story_10;
|
|
779
|
+
|
|
780
|
+
export declare const FieldsetErrorRadiobuttons: Story_10;
|
|
761
781
|
|
|
762
782
|
declare interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
|
|
763
783
|
className?: string;
|
|
764
784
|
style?: CSSProperties;
|
|
785
|
+
/**
|
|
786
|
+
* Providing an errorMessage will also give contained Checkboxes or Radiobuttons
|
|
787
|
+
* error styling and aria to indicate invalid state.
|
|
788
|
+
*
|
|
789
|
+
* For Radiobuttons you are even better off using RadioGroup.
|
|
790
|
+
*/
|
|
765
791
|
errorMessage?: ReactNode;
|
|
766
792
|
legendProps?: HTMLAttributes<HTMLElement> & {
|
|
767
793
|
size: "default" | "large";
|
|
@@ -775,6 +801,100 @@ export { FieldsetProps as FieldsetProps_alias_2 }
|
|
|
775
801
|
export { FieldsetProps as FieldsetProps_alias_3 }
|
|
776
802
|
export { FieldsetProps as FieldsetProps_alias_4 }
|
|
777
803
|
|
|
804
|
+
/**
|
|
805
|
+
* 🚨 WORK IN PROGRESS 🚨
|
|
806
|
+
*/
|
|
807
|
+
export declare const Footer_alias_2: ForwardRefExoticComponent<FooterProps & RefAttributes<HTMLDivElement>>;
|
|
808
|
+
|
|
809
|
+
/**
|
|
810
|
+
* 🚨 WORK IN PROGRESS 🚨
|
|
811
|
+
*/
|
|
812
|
+
declare const FooterButtonLink: ForwardRefExoticComponent<FooterButtonLinkProps & RefAttributes<HTMLAnchorElement>>;
|
|
813
|
+
export { FooterButtonLink }
|
|
814
|
+
export { FooterButtonLink as FooterButtonLink_alias_1 }
|
|
815
|
+
export { FooterButtonLink as FooterButtonLink_alias_2 }
|
|
816
|
+
export { FooterButtonLink as FooterButtonLink_alias_3 }
|
|
817
|
+
|
|
818
|
+
declare interface FooterButtonLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
819
|
+
/**
|
|
820
|
+
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
821
|
+
*/
|
|
822
|
+
asChild?: boolean;
|
|
823
|
+
}
|
|
824
|
+
export { FooterButtonLinkProps }
|
|
825
|
+
export { FooterButtonLinkProps as FooterButtonLinkProps_alias_1 }
|
|
826
|
+
export { FooterButtonLinkProps as FooterButtonLinkProps_alias_2 }
|
|
827
|
+
export { FooterButtonLinkProps as FooterButtonLinkProps_alias_3 }
|
|
828
|
+
|
|
829
|
+
declare const FooterComponent: ForwardRefExoticComponent<FooterProps & RefAttributes<HTMLDivElement>> & {
|
|
830
|
+
Logo: typeof FooterLogo;
|
|
831
|
+
ButtonLink: typeof FooterButtonLink;
|
|
832
|
+
LinkSections: typeof FooterLinkSections;
|
|
833
|
+
LinkSection: typeof FooterLinkSection;
|
|
834
|
+
};
|
|
835
|
+
export { FooterComponent as Footer }
|
|
836
|
+
export { FooterComponent as Footer_alias_1 }
|
|
837
|
+
export { FooterComponent as Footer_alias_3 }
|
|
838
|
+
|
|
839
|
+
declare const FooterLinkSection: ForwardRefExoticComponent<FooterLinkSectionProps & RefAttributes<HTMLDivElement>>;
|
|
840
|
+
export { FooterLinkSection }
|
|
841
|
+
export { FooterLinkSection as FooterLinkSection_alias_1 }
|
|
842
|
+
export { FooterLinkSection as FooterLinkSection_alias_2 }
|
|
843
|
+
export { FooterLinkSection as FooterLinkSection_alias_3 }
|
|
844
|
+
|
|
845
|
+
declare interface FooterLinkSectionProps extends HTMLAttributes<HTMLDivElement> {
|
|
846
|
+
heading: React.ReactNode;
|
|
847
|
+
children: React.ReactNode;
|
|
848
|
+
}
|
|
849
|
+
|
|
850
|
+
/**
|
|
851
|
+
* Responsive sections of links. Will become an accordion on mobile.
|
|
852
|
+
*
|
|
853
|
+
* Use with `Footer.LinkSection` for each section.
|
|
854
|
+
*
|
|
855
|
+
* TODO:
|
|
856
|
+
* - [ ] Decrease number of DOM elements rendered. We should not rely on conditional rendering as that will make server-side rendering harder.
|
|
857
|
+
*/
|
|
858
|
+
declare const FooterLinkSections: ForwardRefExoticComponent<FooterLinkSectionsProps & RefAttributes<HTMLDivElement>>;
|
|
859
|
+
export { FooterLinkSections }
|
|
860
|
+
export { FooterLinkSections as FooterLinkSections_alias_1 }
|
|
861
|
+
export { FooterLinkSections as FooterLinkSections_alias_2 }
|
|
862
|
+
export { FooterLinkSections as FooterLinkSections_alias_3 }
|
|
863
|
+
|
|
864
|
+
declare interface FooterLinkSectionsProps extends HTMLAttributes<HTMLDivElement> {
|
|
865
|
+
children: ReactElement<FooterLinkSectionProps> | ReactElement<FooterLinkSectionProps>[];
|
|
866
|
+
}
|
|
867
|
+
|
|
868
|
+
/**
|
|
869
|
+
* A fixed Posten or Bring logo.
|
|
870
|
+
*
|
|
871
|
+
* The logo follows the brand theme, so if the class `hds-theme-bring` is set the Bring logo will be shown instead of the Posten logo
|
|
872
|
+
*/
|
|
873
|
+
declare const FooterLogo: ForwardRefExoticComponent<FooterLogoProps & RefAttributes<HTMLDivElement>>;
|
|
874
|
+
export { FooterLogo }
|
|
875
|
+
export { FooterLogo as FooterLogo_alias_1 }
|
|
876
|
+
export { FooterLogo as FooterLogo_alias_2 }
|
|
877
|
+
export { FooterLogo as FooterLogo_alias_3 }
|
|
878
|
+
|
|
879
|
+
declare interface FooterLogoProps extends HTMLAttributes<HTMLDivElement> {
|
|
880
|
+
/**
|
|
881
|
+
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
882
|
+
*/
|
|
883
|
+
asChild?: boolean;
|
|
884
|
+
}
|
|
885
|
+
|
|
886
|
+
declare interface FooterProps extends HTMLAttributes<HTMLDivElement> {
|
|
887
|
+
variant?: "default" | "slim";
|
|
888
|
+
/**
|
|
889
|
+
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
890
|
+
*/
|
|
891
|
+
asChild?: boolean;
|
|
892
|
+
}
|
|
893
|
+
export { FooterProps }
|
|
894
|
+
export { FooterProps as FooterProps_alias_1 }
|
|
895
|
+
export { FooterProps as FooterProps_alias_2 }
|
|
896
|
+
export { FooterProps as FooterProps_alias_3 }
|
|
897
|
+
|
|
778
898
|
export declare const FormWithErrorsOnSubmit: Story_11;
|
|
779
899
|
|
|
780
900
|
declare interface HeadingProps {
|
|
@@ -928,7 +1048,7 @@ declare const MessageComponent: {
|
|
|
928
1048
|
(props: MessageProps & RefAttributes<HTMLDivElement>): ReactNode;
|
|
929
1049
|
<As extends ElementType>(props: {
|
|
930
1050
|
as?: As | undefined;
|
|
931
|
-
} & MessageProps & Omit<ComponentPropsWithRef<As>, "slot" | "style" | "title" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onClose" | "
|
|
1051
|
+
} & MessageProps & Omit<ComponentPropsWithRef<As>, "slot" | "style" | "title" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onClose" | "closed" | "variant" | "closeable" | "closeButtonProps" | "icon" | "iconClassName">): ReactNode;
|
|
932
1052
|
} & Pick<FC, "displayName"> & {
|
|
933
1053
|
Title: typeof MessageTitle;
|
|
934
1054
|
Description: typeof MessageDescription;
|
|
@@ -1094,7 +1214,7 @@ export declare const NavbarExpandableMenuTrigger: React_3.ForwardRefExoticCompon
|
|
|
1094
1214
|
* Trigger
|
|
1095
1215
|
*
|
|
1096
1216
|
* ## TODO
|
|
1097
|
-
* - [
|
|
1217
|
+
* - [x] Hide text when on mobile
|
|
1098
1218
|
* - [X] Open / Close icon
|
|
1099
1219
|
* - [X] Make button have consistant width
|
|
1100
1220
|
*/
|
|
@@ -1227,13 +1347,19 @@ declare interface ParagraphProps {
|
|
|
1227
1347
|
variant?: "body" | "body-title" | "body-small" | "body-small-title" | "technical" | "technical-title" | "caption" | "caption-title";
|
|
1228
1348
|
}
|
|
1229
1349
|
|
|
1230
|
-
export declare const
|
|
1350
|
+
export declare const PlainCheckboxes: Story_8;
|
|
1351
|
+
|
|
1352
|
+
export declare const PlainCheckboxesWithError: Story_8;
|
|
1353
|
+
|
|
1354
|
+
export declare const PlainCheckboxeWithError: Story_8;
|
|
1231
1355
|
|
|
1232
1356
|
export declare const PlainInput: Story_11;
|
|
1233
1357
|
|
|
1234
1358
|
export declare const PlainInputWithError: Story_11;
|
|
1235
1359
|
|
|
1236
|
-
export declare const
|
|
1360
|
+
export declare const PlainRadiobuttons: Story_12;
|
|
1361
|
+
|
|
1362
|
+
export declare const PlainRadiobuttonsWithError: Story_12;
|
|
1237
1363
|
|
|
1238
1364
|
export declare const PlainRadioGroup: Story_13;
|
|
1239
1365
|
|
|
@@ -1260,7 +1386,7 @@ export { PrimaryButton as PrimaryButton_alias_3 }
|
|
|
1260
1386
|
|
|
1261
1387
|
export declare const PrimaryOutline: Story_5;
|
|
1262
1388
|
|
|
1263
|
-
declare const Radiobutton:
|
|
1389
|
+
declare const Radiobutton: ForwardRefExoticComponent<RadiobuttonProps & RefAttributes<HTMLInputElement>>;
|
|
1264
1390
|
export { Radiobutton }
|
|
1265
1391
|
export { Radiobutton as Radiobutton_alias_1 }
|
|
1266
1392
|
export { Radiobutton as Radiobutton_alias_2 }
|
|
@@ -1268,7 +1394,16 @@ export { Radiobutton as Radiobutton_alias_3 }
|
|
|
1268
1394
|
export { Radiobutton as Radiobutton_alias_4 }
|
|
1269
1395
|
|
|
1270
1396
|
declare interface RadiobuttonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue"> {
|
|
1397
|
+
children: ReactNode;
|
|
1271
1398
|
variant?: "plain" | "bounding-box";
|
|
1399
|
+
/**
|
|
1400
|
+
* Set to `true` to add error styling. The component will take care of aria to indicate invalid state.
|
|
1401
|
+
*
|
|
1402
|
+
* Normally you don't need this, as you should wrap your Radiobuttons in the RadioGroup component.
|
|
1403
|
+
* When providing an errorMessage to RadioGroup, all contained Radiobuttons will get correct hasError state.
|
|
1404
|
+
*
|
|
1405
|
+
* You can use this when your Radiobutton is part of a non-HDS fieldset which shows an error message.
|
|
1406
|
+
*/
|
|
1272
1407
|
hasError?: boolean;
|
|
1273
1408
|
title?: string;
|
|
1274
1409
|
}
|
|
@@ -1290,13 +1425,14 @@ declare type RadioGroupContextProps = {
|
|
|
1290
1425
|
} & Pick<RadioGroupProps, "name" | "value" | "onChange">;
|
|
1291
1426
|
|
|
1292
1427
|
declare interface RadioGroupProps extends Omit<FieldsetProps, "onChange"> {
|
|
1428
|
+
children: ReactNode;
|
|
1293
1429
|
/** Will be passed to all Radiobuttons within the radio group */
|
|
1294
1430
|
name?: RadiobuttonProps["name"];
|
|
1295
1431
|
/** If you want the group to be controlled, you can pass the selected value here */
|
|
1296
1432
|
value?: RadiobuttonProps["value"];
|
|
1297
1433
|
/**
|
|
1298
|
-
* Error message is passed to the internal Fieldset,
|
|
1299
|
-
*
|
|
1434
|
+
* Error message is passed to the internal Fieldset, and will also give contained Radiobuttons
|
|
1435
|
+
* error styling and aria to indicate invalid state.
|
|
1300
1436
|
*/
|
|
1301
1437
|
errorMessage?: ReactNode;
|
|
1302
1438
|
/** Will be passed to all Radiobuttons within the radio group */
|
|
@@ -1670,11 +1806,10 @@ export { TabsContents as TabsContents_alias_1 }
|
|
|
1670
1806
|
export { TabsContents as TabsContents_alias_2 }
|
|
1671
1807
|
export { TabsContents as TabsContents_alias_3 }
|
|
1672
1808
|
|
|
1673
|
-
export declare const TabsContext: Context<TabsContextProps>;
|
|
1809
|
+
export declare const TabsContext: Context<TabsContextProps | null>;
|
|
1674
1810
|
|
|
1675
1811
|
export declare interface TabsContextProps {
|
|
1676
|
-
|
|
1677
|
-
activeTabId?: string;
|
|
1812
|
+
activeTabId: string;
|
|
1678
1813
|
toggleActiveTabId: (tabId: string) => void;
|
|
1679
1814
|
}
|
|
1680
1815
|
|
|
@@ -1946,12 +2081,27 @@ export { UnorderedList as UnorderedList_alias_3 }
|
|
|
1946
2081
|
|
|
1947
2082
|
export declare const UnorderedListStory: Story_19;
|
|
1948
2083
|
|
|
2084
|
+
declare const useFieldsetContext: () => {
|
|
2085
|
+
hasError: boolean;
|
|
2086
|
+
};
|
|
2087
|
+
export { useFieldsetContext }
|
|
2088
|
+
export { useFieldsetContext as useFieldsetContext_alias_1 }
|
|
2089
|
+
export { useFieldsetContext as useFieldsetContext_alias_2 }
|
|
2090
|
+
export { useFieldsetContext as useFieldsetContext_alias_3 }
|
|
2091
|
+
export { useFieldsetContext as useFieldsetContext_alias_4 }
|
|
2092
|
+
|
|
1949
2093
|
/**
|
|
1950
2094
|
* Merges an array of refs into a single memoized callback ref or `null`.
|
|
1951
2095
|
* @see https://floating-ui.com/docs/useMergeRefs
|
|
1952
2096
|
*/
|
|
1953
2097
|
export declare function useMergeRefs<Instance>(refs: (React_2.Ref<Instance> | undefined)[]): React_2.RefCallback<Instance> | null;
|
|
1954
2098
|
|
|
2099
|
+
declare const useNavbarExpendableMenuContext: () => readonly [boolean, () => void];
|
|
2100
|
+
export { useNavbarExpendableMenuContext }
|
|
2101
|
+
export { useNavbarExpendableMenuContext as useNavbarExpendableMenuContext_alias_1 }
|
|
2102
|
+
export { useNavbarExpendableMenuContext as useNavbarExpendableMenuContext_alias_2 }
|
|
2103
|
+
export { useNavbarExpendableMenuContext as useNavbarExpendableMenuContext_alias_3 }
|
|
2104
|
+
|
|
1955
2105
|
declare const useRadioGroupContext: () => RadioGroupContextProps;
|
|
1956
2106
|
export { useRadioGroupContext }
|
|
1957
2107
|
export { useRadioGroupContext as useRadioGroupContext_alias_1 }
|
|
@@ -1970,6 +2120,8 @@ export { useScrollLock as useScrollLock_alias_1 }
|
|
|
1970
2120
|
export { useScrollLock as useScrollLock_alias_2 }
|
|
1971
2121
|
export { useScrollLock as useScrollLock_alias_3 }
|
|
1972
2122
|
|
|
2123
|
+
export declare function useTabsContext(): TabsContextProps;
|
|
2124
|
+
|
|
1973
2125
|
declare type Variant = {
|
|
1974
2126
|
variant?: "show-more";
|
|
1975
2127
|
expanded?: never;
|