@postenbring/hedwig-react 0.0.80 → 0.0.82
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/accordion/accordion-content.d.ts +6 -2
- package/dist/accordion/accordion-content.d.ts.map +1 -0
- package/dist/accordion/accordion-content.js +1 -1
- package/dist/accordion/accordion-content.js.map +1 -1
- package/dist/accordion/accordion-content.mjs +1 -1
- package/dist/accordion/accordion-header.d.ts +6 -2
- package/dist/accordion/accordion-header.d.ts.map +1 -0
- package/dist/accordion/accordion-item.d.ts +24 -3
- package/dist/accordion/accordion-item.d.ts.map +1 -0
- package/dist/accordion/accordion.d.ts +44 -2
- package/dist/accordion/accordion.d.ts.map +1 -0
- package/dist/accordion/accordion.js +102 -4
- package/dist/accordion/accordion.js.map +1 -1
- package/dist/accordion/accordion.mjs +5 -1
- package/dist/accordion/context.d.ts +7 -2
- package/dist/accordion/context.d.ts.map +1 -0
- package/dist/accordion/index.d.ts +9 -9
- package/dist/accordion/index.d.ts.map +1 -0
- package/dist/accordion/index.js +53 -54
- package/dist/accordion/index.js.map +1 -1
- package/dist/accordion/index.mjs +8 -8
- package/dist/badge/badge.d.ts +21 -5
- package/dist/badge/badge.d.ts.map +1 -0
- package/dist/badge/index.d.ts +3 -6
- package/dist/badge/index.d.ts.map +1 -0
- package/dist/box/box.d.ts +50 -4
- package/dist/box/box.d.ts.map +1 -0
- package/dist/box/box.js +15 -14
- package/dist/box/box.js.map +1 -1
- package/dist/box/box.mjs +1 -1
- package/dist/box/index.d.ts +3 -4
- package/dist/box/index.d.ts.map +1 -0
- package/dist/box/index.js +16 -19
- package/dist/box/index.js.map +1 -1
- package/dist/box/index.mjs +4 -5
- package/dist/breadcrumbs/breadcrumbs.d.ts +33 -2
- package/dist/breadcrumbs/breadcrumbs.d.ts.map +1 -0
- package/dist/breadcrumbs/index.d.ts +3 -2
- package/dist/breadcrumbs/index.d.ts.map +1 -0
- package/dist/button/button.d.ts +33 -3
- package/dist/button/button.d.ts.map +1 -0
- package/dist/button/index.d.ts +3 -3
- package/dist/button/index.d.ts.map +1 -0
- package/dist/card/card.d.ts +69 -12
- package/dist/card/card.d.ts.map +1 -0
- package/dist/card/card.js +17 -6
- package/dist/card/card.js.map +1 -1
- package/dist/card/card.mjs +1 -1
- package/dist/card/index.d.ts +3 -12
- package/dist/card/index.d.ts.map +1 -0
- package/dist/card/index.js +18 -19
- package/dist/card/index.js.map +1 -1
- package/dist/card/index.mjs +4 -5
- package/dist/{chunk-XC3UHH2U.mjs → chunk-3WVRY6CC.mjs} +4 -4
- package/dist/{chunk-XC3UHH2U.mjs.map → chunk-3WVRY6CC.mjs.map} +1 -1
- package/dist/{chunk-GSJPTZT3.mjs → chunk-6AGDK5V3.mjs} +34 -19
- package/dist/chunk-6AGDK5V3.mjs.map +1 -0
- package/dist/{chunk-3MQKXNZ6.mjs → chunk-7UD72WOC.mjs} +13 -1
- package/dist/chunk-7UD72WOC.mjs.map +1 -0
- package/dist/chunk-7YWW46R3.mjs +1 -0
- package/dist/chunk-7YWW46R3.mjs.map +1 -0
- package/dist/{chunk-ENKVTAJB.mjs → chunk-AJWSQEDP.mjs} +18 -17
- package/dist/chunk-AJWSQEDP.mjs.map +1 -0
- package/dist/chunk-ARHJZUZG.mjs +1 -0
- package/dist/chunk-ARHJZUZG.mjs.map +1 -0
- package/dist/chunk-BCFV6VOE.mjs +1 -0
- package/dist/chunk-BCFV6VOE.mjs.map +1 -0
- package/dist/{chunk-GXYUJ5MA.mjs → chunk-C34HEQXO.mjs} +33 -29
- package/dist/chunk-C34HEQXO.mjs.map +1 -0
- package/dist/{chunk-PLXB3TNA.mjs → chunk-D7QPJIUZ.mjs} +5 -5
- package/dist/{chunk-PLXB3TNA.mjs.map → chunk-D7QPJIUZ.mjs.map} +1 -1
- package/dist/chunk-FYFJ75NX.mjs +1 -0
- package/dist/chunk-FYFJ75NX.mjs.map +1 -0
- package/dist/chunk-G65EYZFQ.mjs +1 -0
- package/dist/chunk-G65EYZFQ.mjs.map +1 -0
- package/dist/{chunk-2UWPZNXC.mjs → chunk-GLAEI3SD.mjs} +2 -2
- package/dist/{chunk-2UWPZNXC.mjs.map → chunk-GLAEI3SD.mjs.map} +1 -1
- package/dist/chunk-H3E546OT.mjs +1 -0
- package/dist/chunk-H3E546OT.mjs.map +1 -0
- package/dist/chunk-HQVL3ZJ2.mjs +1 -0
- package/dist/chunk-HQVL3ZJ2.mjs.map +1 -0
- package/dist/{chunk-XUWZ4HGD.mjs → chunk-LCJSUBCZ.mjs} +48 -45
- package/dist/chunk-LCJSUBCZ.mjs.map +1 -0
- package/dist/{chunk-KPGSRU4I.mjs → chunk-M3Y3XOGC.mjs} +13 -1
- package/dist/chunk-M3Y3XOGC.mjs.map +1 -0
- package/dist/{chunk-CIHZDFSQ.mjs → chunk-NU6OSFAU.mjs} +20 -9
- package/dist/chunk-NU6OSFAU.mjs.map +1 -0
- package/dist/chunk-RC76SXBP.mjs +1 -0
- package/dist/chunk-RC76SXBP.mjs.map +1 -0
- package/dist/{chunk-TQDUBRCZ.mjs → chunk-SQ63E7KM.mjs} +24 -22
- package/dist/chunk-SQ63E7KM.mjs.map +1 -0
- package/dist/{chunk-ES6ISHOV.mjs → chunk-UP3M3NEZ.mjs} +14 -13
- package/dist/{chunk-ES6ISHOV.mjs.map → chunk-UP3M3NEZ.mjs.map} +1 -1
- package/dist/chunk-ZKMFJZSH.mjs +1 -0
- package/dist/chunk-ZKMFJZSH.mjs.map +1 -0
- package/dist/description-list/description-list.d.ts +42 -2
- package/dist/description-list/description-list.d.ts.map +1 -0
- package/dist/description-list/index.d.ts +3 -2
- package/dist/description-list/index.d.ts.map +1 -0
- package/dist/footer/footer.d.ts +67 -7
- package/dist/footer/footer.d.ts.map +1 -0
- package/dist/footer/footer.js +80 -77
- package/dist/footer/footer.js.map +1 -1
- package/dist/footer/footer.mjs +5 -5
- package/dist/footer/index.d.ts +3 -7
- package/dist/footer/index.d.ts.map +1 -0
- package/dist/footer/index.js +81 -85
- package/dist/footer/index.js.map +1 -1
- package/dist/footer/index.mjs +8 -9
- package/dist/form/checkbox/checkbox.d.ts +28 -2
- package/dist/form/checkbox/checkbox.d.ts.map +1 -0
- package/dist/form/checkbox/index.d.ts +3 -2
- package/dist/form/checkbox/index.d.ts.map +1 -0
- package/dist/form/date-picker/date-picker.d.ts +33 -2
- package/dist/form/date-picker/date-picker.d.ts.map +1 -0
- package/dist/form/date-picker/index.d.ts +3 -2
- package/dist/form/date-picker/index.d.ts.map +1 -0
- package/dist/form/error-message/error-message.d.ts +8 -2
- package/dist/form/error-message/error-message.d.ts.map +1 -0
- package/dist/form/error-message/index.d.ts +3 -2
- package/dist/form/error-message/index.d.ts.map +1 -0
- package/dist/form/fieldset/fieldset.d.ts +22 -3
- package/dist/form/fieldset/fieldset.d.ts.map +1 -0
- package/dist/form/fieldset/index.d.ts +3 -3
- package/dist/form/fieldset/index.d.ts.map +1 -0
- package/dist/form/index.d.ts +9 -20
- package/dist/form/index.d.ts.map +1 -0
- package/dist/form/input/index.d.ts +3 -2
- package/dist/form/input/index.d.ts.map +1 -0
- package/dist/form/input/input.d.ts +5 -2
- package/dist/form/input/input.d.ts.map +1 -0
- package/dist/form/input-group/index.d.ts +3 -2
- package/dist/form/input-group/index.d.ts.map +1 -0
- package/dist/form/input-group/input-group.d.ts +27 -2
- package/dist/form/input-group/input-group.d.ts.map +1 -0
- package/dist/form/radiobutton/index.d.ts +5 -5
- package/dist/form/radiobutton/index.d.ts.map +1 -0
- package/dist/form/radiobutton/radiobutton.d.ts +17 -2
- package/dist/form/radiobutton/radiobutton.d.ts.map +1 -0
- package/dist/form/radiobutton/radiogroup.d.ts +24 -3
- package/dist/form/radiobutton/radiogroup.d.ts.map +1 -0
- package/dist/form/select/index.d.ts +3 -2
- package/dist/form/select/index.d.ts.map +1 -0
- package/dist/form/select/select.d.ts +9 -2
- package/dist/form/select/select.d.ts.map +1 -0
- package/dist/form/textarea/index.d.ts +3 -2
- package/dist/form/textarea/index.d.ts.map +1 -0
- package/dist/form/textarea/textarea.d.ts +5 -2
- package/dist/form/textarea/textarea.d.ts.map +1 -0
- package/dist/help-text/help-text.d.ts +51 -1
- package/dist/help-text/help-text.d.ts.map +1 -0
- package/dist/help-text/help-text.js +17 -20
- package/dist/help-text/help-text.js.map +1 -1
- package/dist/help-text/help-text.mjs +3 -3
- package/dist/help-text/index.d.ts +3 -1
- package/dist/help-text/index.d.ts.map +1 -0
- package/dist/help-text/index.js +17 -20
- package/dist/help-text/index.js.map +1 -1
- package/dist/help-text/index.mjs +3 -3
- package/dist/index-no-css.d.ts +26 -128
- package/dist/index-no-css.d.ts.map +1 -0
- package/dist/index-no-css.js +373 -394
- package/dist/index-no-css.js.map +1 -1
- package/dist/index-no-css.mjs +50 -57
- package/dist/index.d.ts +11 -128
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +373 -394
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +50 -57
- package/dist/index.mjs.map +1 -1
- package/dist/layout/container/container.d.ts +23 -2
- package/dist/layout/container/container.d.ts.map +1 -0
- package/dist/layout/grid/grid.d.ts +101 -4
- package/dist/layout/grid/grid.d.ts.map +1 -0
- package/dist/layout/grid/grid.js +11 -10
- package/dist/layout/grid/grid.js.map +1 -1
- package/dist/layout/grid/grid.mjs +1 -1
- package/dist/layout/grid/index.d.ts +3 -4
- package/dist/layout/grid/index.d.ts.map +1 -0
- package/dist/layout/grid/index.js +12 -15
- package/dist/layout/grid/index.js.map +1 -1
- package/dist/layout/grid/index.mjs +4 -5
- package/dist/layout/index.d.ts +4 -10
- package/dist/layout/index.d.ts.map +1 -0
- package/dist/layout/index.js +12 -15
- package/dist/layout/index.js.map +1 -1
- package/dist/layout/index.mjs +4 -5
- package/dist/layout/responsive.d.ts +10 -2
- package/dist/layout/responsive.d.ts.map +1 -0
- package/dist/layout/spacing.d.ts +33 -3
- package/dist/layout/spacing.d.ts.map +1 -0
- package/dist/layout/stack/index.d.ts +3 -4
- package/dist/layout/stack/index.d.ts.map +1 -0
- package/dist/layout/stack/stack.d.ts +62 -4
- package/dist/layout/stack/stack.d.ts.map +1 -0
- package/dist/link/index.d.ts +3 -2
- package/dist/link/index.d.ts.map +1 -0
- package/dist/link/link.d.ts +20 -2
- package/dist/link/link.d.ts.map +1 -0
- package/dist/list/index.d.ts +5 -5
- package/dist/list/index.d.ts.map +1 -0
- package/dist/list/link-list.d.ts +12 -2
- package/dist/list/link-list.d.ts.map +1 -0
- package/dist/list/list.d.ts +40 -3
- package/dist/list/list.d.ts.map +1 -0
- package/dist/message/index.d.ts +3 -3
- package/dist/message/index.d.ts.map +1 -0
- package/dist/message/index.js +36 -38
- package/dist/message/index.js.map +1 -1
- package/dist/message/index.mjs +5 -6
- package/dist/message/message.d.ts +36 -4
- package/dist/message/message.d.ts.map +1 -0
- package/dist/message/message.js +35 -32
- package/dist/message/message.js.map +1 -1
- package/dist/message/message.mjs +2 -2
- package/dist/modal/index.d.ts +3 -5
- package/dist/modal/index.d.ts.map +1 -0
- package/dist/modal/index.js +60 -62
- package/dist/modal/index.js.map +1 -1
- package/dist/modal/index.mjs +5 -6
- package/dist/modal/modal.d.ts +81 -5
- package/dist/modal/modal.d.ts.map +1 -0
- package/dist/modal/modal.js +59 -55
- package/dist/modal/modal.js.map +1 -1
- package/dist/modal/modal.mjs +2 -2
- package/dist/navbar/icons.d.ts +3 -2
- package/dist/navbar/icons.d.ts.map +1 -0
- package/dist/navbar/index.d.ts +4 -13
- package/dist/navbar/index.d.ts.map +1 -0
- package/dist/navbar/index.js +144 -145
- package/dist/navbar/index.js.map +1 -1
- package/dist/navbar/index.mjs +4 -5
- package/dist/navbar/navbar-expandable-menu.d.ts +35 -7
- package/dist/navbar/navbar-expandable-menu.d.ts.map +1 -0
- package/dist/navbar/navbar.d.ts +130 -9
- package/dist/navbar/navbar.d.ts.map +1 -0
- package/dist/navbar/navbar.js +237 -28
- package/dist/navbar/navbar.js.map +1 -1
- package/dist/navbar/navbar.mjs +4 -1
- package/dist/show-more/index.d.ts +5 -4
- package/dist/show-more/index.d.ts.map +1 -0
- package/dist/show-more/show-more.d.ts +42 -2
- package/dist/show-more/show-more.d.ts.map +1 -0
- package/dist/skeleton/index.d.ts +3 -2
- package/dist/skeleton/index.d.ts.map +1 -0
- package/dist/skeleton/skeleton.d.ts +67 -2
- package/dist/skeleton/skeleton.d.ts.map +1 -0
- package/dist/step-indicator/index.d.ts +3 -1
- package/dist/step-indicator/index.d.ts.map +1 -0
- package/dist/step-indicator/step-indicator.d.ts +36 -1
- package/dist/step-indicator/step-indicator.d.ts.map +1 -0
- package/dist/styled-html/index.d.ts +3 -2
- package/dist/styled-html/index.d.ts.map +1 -0
- package/dist/styled-html/styled-html.d.ts +36 -2
- package/dist/styled-html/styled-html.d.ts.map +1 -0
- package/dist/table/index.d.ts +3 -1
- package/dist/table/index.d.ts.map +1 -0
- package/dist/table/table.d.ts +25 -1
- package/dist/table/table.d.ts.map +1 -0
- package/dist/tabs/context.d.ts +8 -3
- package/dist/tabs/context.d.ts.map +1 -0
- package/dist/tabs/index.d.ts +7 -10
- package/dist/tabs/index.d.ts.map +1 -0
- package/dist/tabs/index.js +34 -37
- package/dist/tabs/index.js.map +1 -1
- package/dist/tabs/index.mjs +4 -4
- package/dist/tabs/tabs-content.d.ts +26 -4
- package/dist/tabs/tabs-content.d.ts.map +1 -0
- package/dist/tabs/tabs-list.d.ts +21 -4
- package/dist/tabs/tabs-list.d.ts.map +1 -0
- package/dist/tabs/tabs.d.ts +26 -2
- package/dist/tabs/tabs.d.ts.map +1 -0
- package/dist/tabs/tabs.js +205 -8
- package/dist/tabs/tabs.js.map +1 -1
- package/dist/tabs/tabs.mjs +4 -1
- package/dist/text/index.d.ts +4 -2
- package/dist/text/index.d.ts.map +1 -0
- package/dist/text/text.d.ts +58 -2
- package/dist/text/text.d.ts.map +1 -0
- package/dist/utilities/auto-animate-height.d.ts +33 -2
- package/dist/utilities/auto-animate-height.d.ts.map +1 -0
- package/dist/utilities/index.d.ts +3 -2
- package/dist/utilities/index.d.ts.map +1 -0
- package/dist/utils.d.ts +28 -5
- package/dist/utils.d.ts.map +1 -0
- package/dist/warning-banner/index.d.ts +3 -2
- package/dist/warning-banner/index.d.ts.map +1 -0
- package/dist/warning-banner/index.js +16 -19
- package/dist/warning-banner/index.js.map +1 -1
- package/dist/warning-banner/index.mjs +3 -3
- package/dist/warning-banner/warning-banner.d.ts +8 -2
- package/dist/warning-banner/warning-banner.d.ts.map +1 -0
- package/dist/warning-banner/warning-banner.js +16 -19
- package/dist/warning-banner/warning-banner.js.map +1 -1
- package/dist/warning-banner/warning-banner.mjs +3 -3
- package/package.json +11 -7
- package/src/accordion/accordion-content.tsx +31 -0
- package/src/accordion/accordion-header.tsx +36 -0
- package/src/accordion/accordion-item.tsx +62 -0
- package/src/accordion/accordion.stories.tsx +154 -0
- package/src/accordion/accordion.tsx +68 -0
- package/src/accordion/context.ts +8 -0
- package/src/accordion/index.tsx +9 -0
- package/src/badge/badge.stories.tsx +44 -0
- package/src/badge/badge.tsx +63 -0
- package/src/badge/index.tsx +3 -0
- package/src/box/box.stories.tsx +112 -0
- package/src/box/box.tsx +122 -0
- package/src/box/index.tsx +3 -0
- package/src/breadcrumbs/breadcrumbs.stories.tsx +50 -0
- package/src/breadcrumbs/breadcrumbs.tsx +47 -0
- package/src/breadcrumbs/index.tsx +3 -0
- package/src/button/button.stories.tsx +104 -0
- package/src/button/button.tsx +87 -0
- package/src/button/index.tsx +3 -0
- package/src/card/card.stories.tsx +82 -0
- package/src/card/card.tsx +222 -0
- package/src/card/index.tsx +14 -0
- package/src/description-list/description-list.stories.tsx +95 -0
- package/src/description-list/description-list.tsx +61 -0
- package/src/description-list/index.tsx +2 -0
- package/src/footer/footer.tsx +169 -0
- package/src/footer/index.tsx +9 -0
- package/src/form/checkbox/checkbox.stories.tsx +104 -0
- package/src/form/checkbox/checkbox.tsx +82 -0
- package/src/form/checkbox/index.tsx +2 -0
- package/src/form/date-picker/date-picker.stories.tsx +27 -0
- package/src/form/date-picker/date-picker.tsx +85 -0
- package/src/form/date-picker/index.tsx +2 -0
- package/src/form/error-message/error-message.stories.tsx +19 -0
- package/src/form/error-message/error-message.tsx +25 -0
- package/src/form/error-message/index.tsx +2 -0
- package/src/form/fieldset/fieldset.stories.tsx +86 -0
- package/src/form/fieldset/fieldset.tsx +64 -0
- package/src/form/fieldset/index.tsx +2 -0
- package/src/form/index.tsx +8 -0
- package/src/form/input/index.tsx +2 -0
- package/src/form/input/input.stories.tsx +166 -0
- package/src/form/input/input.tsx +30 -0
- package/src/form/input-group/index.tsx +2 -0
- package/src/form/input-group/input-group.tsx +106 -0
- package/src/form/radiobutton/index.tsx +4 -0
- package/src/form/radiobutton/radiobutton.stories.tsx +93 -0
- package/src/form/radiobutton/radiobutton.tsx +85 -0
- package/src/form/radiobutton/radiogroup.stories.tsx +39 -0
- package/src/form/radiobutton/radiogroup.tsx +52 -0
- package/src/form/select/index.tsx +2 -0
- package/src/form/select/select.stories.tsx +93 -0
- package/src/form/select/select.tsx +33 -0
- package/src/form/textarea/index.tsx +2 -0
- package/src/form/textarea/textarea.stories.tsx +106 -0
- package/src/form/textarea/textarea.tsx +33 -0
- package/src/help-text/help-text.tsx +98 -0
- package/src/help-text/index.ts +2 -0
- package/src/index-no-css.tsx +25 -0
- package/src/index.tsx +11 -0
- package/src/layout/container/container.stories.tsx +62 -0
- package/src/layout/container/container.tsx +47 -0
- package/src/layout/grid/grid.tsx +163 -0
- package/src/layout/grid/index.tsx +3 -0
- package/src/layout/index.tsx +3 -0
- package/src/layout/responsive.ts +26 -0
- package/src/layout/spacing.ts +37 -0
- package/src/layout/stack/index.tsx +2 -0
- package/src/layout/stack/stack.tsx +128 -0
- package/src/link/index.tsx +3 -0
- package/src/link/link.stories.tsx +64 -0
- package/src/link/link.tsx +46 -0
- package/src/list/index.tsx +5 -0
- package/src/list/link-list.stories.tsx +38 -0
- package/src/list/link-list.tsx +26 -0
- package/src/list/list.stories.tsx +71 -0
- package/src/list/list.tsx +65 -0
- package/src/message/index.tsx +2 -0
- package/src/message/message.stories.tsx +93 -0
- package/src/message/message.tsx +89 -0
- package/src/modal/index.tsx +3 -0
- package/src/modal/modal.stories.tsx +147 -0
- package/src/modal/modal.tsx +199 -0
- package/src/navbar/icons.tsx +21 -0
- package/src/navbar/index.tsx +18 -0
- package/src/navbar/navbar-expandable-menu.tsx +176 -0
- package/src/navbar/navbar.stories.tsx +99 -0
- package/src/navbar/navbar.tsx +264 -0
- package/src/show-more/index.ts +5 -0
- package/src/show-more/show-more.stories.tsx +119 -0
- package/src/show-more/show-more.tsx +66 -0
- package/src/skeleton/index.ts +2 -0
- package/src/skeleton/skeleton.stories.tsx +152 -0
- package/src/skeleton/skeleton.tsx +114 -0
- package/src/step-indicator/index.ts +2 -0
- package/src/step-indicator/step-indicator.stories.tsx +50 -0
- package/src/step-indicator/step-indicator.tsx +116 -0
- package/src/styled-html/index.ts +2 -0
- package/src/styled-html/styled-html.stories.tsx +189 -0
- package/src/styled-html/styled-html.tsx +59 -0
- package/src/table/index.ts +2 -0
- package/src/table/table.tsx +59 -0
- package/src/tabs/context.ts +18 -0
- package/src/tabs/index.tsx +7 -0
- package/src/tabs/tabs-content.tsx +62 -0
- package/src/tabs/tabs-list.tsx +129 -0
- package/src/tabs/tabs.stories.tsx +138 -0
- package/src/tabs/tabs.tsx +50 -0
- package/src/text/index.tsx +4 -0
- package/src/text/text.stories.tsx +112 -0
- package/src/text/text.tsx +129 -0
- package/src/utilities/auto-animate-height.tsx +139 -0
- package/src/utilities/index.ts +2 -0
- package/src/utils.ts +110 -0
- package/src/warning-banner/index.tsx +2 -0
- package/src/warning-banner/warning-banner.stories.tsx +43 -0
- package/src/warning-banner/warning-banner.tsx +79 -0
- package/dist/_tsup-dts-rollup.d.mts +0 -2600
- package/dist/_tsup-dts-rollup.d.ts +0 -2600
- package/dist/accordion/accordion-content.d.mts +0 -2
- package/dist/accordion/accordion-header.d.mts +0 -2
- package/dist/accordion/accordion-item.d.mts +0 -3
- package/dist/accordion/accordion.d.mts +0 -2
- package/dist/accordion/context.d.mts +0 -2
- package/dist/accordion/index.d.mts +0 -9
- package/dist/badge/badge.d.mts +0 -5
- package/dist/badge/index.d.mts +0 -6
- package/dist/box/box.d.mts +0 -4
- package/dist/box/index.d.mts +0 -4
- package/dist/breadcrumbs/breadcrumbs.d.mts +0 -2
- package/dist/breadcrumbs/index.d.mts +0 -2
- package/dist/button/button.d.mts +0 -3
- package/dist/button/index.d.mts +0 -3
- package/dist/card/card.d.mts +0 -12
- package/dist/card/index.d.mts +0 -12
- package/dist/chunk-3MQKXNZ6.mjs.map +0 -1
- package/dist/chunk-3NL3TOZF.mjs +0 -13
- package/dist/chunk-3NL3TOZF.mjs.map +0 -1
- package/dist/chunk-722MZPXO.mjs +0 -13
- package/dist/chunk-722MZPXO.mjs.map +0 -1
- package/dist/chunk-CIHZDFSQ.mjs.map +0 -1
- package/dist/chunk-CYEYGPRH.mjs +0 -17
- package/dist/chunk-CYEYGPRH.mjs.map +0 -1
- package/dist/chunk-ENKVTAJB.mjs.map +0 -1
- package/dist/chunk-GSJPTZT3.mjs.map +0 -1
- package/dist/chunk-GXYUJ5MA.mjs.map +0 -1
- package/dist/chunk-HBSDJAFF.mjs +0 -23
- package/dist/chunk-HBSDJAFF.mjs.map +0 -1
- package/dist/chunk-IJAX6APL.mjs +0 -23
- package/dist/chunk-IJAX6APL.mjs.map +0 -1
- package/dist/chunk-IKJJWKXM.mjs +0 -15
- package/dist/chunk-IKJJWKXM.mjs.map +0 -1
- package/dist/chunk-KPGSRU4I.mjs.map +0 -1
- package/dist/chunk-MKVI42QR.mjs +0 -19
- package/dist/chunk-MKVI42QR.mjs.map +0 -1
- package/dist/chunk-PT5H3QV6.mjs +0 -29
- package/dist/chunk-PT5H3QV6.mjs.map +0 -1
- package/dist/chunk-TQDUBRCZ.mjs.map +0 -1
- package/dist/chunk-V6UKKHKD.mjs +0 -33
- package/dist/chunk-V6UKKHKD.mjs.map +0 -1
- package/dist/chunk-XUWZ4HGD.mjs.map +0 -1
- package/dist/description-list/description-list.d.mts +0 -2
- package/dist/description-list/index.d.mts +0 -2
- package/dist/footer/footer.d.mts +0 -7
- package/dist/footer/index.d.mts +0 -7
- package/dist/form/checkbox/checkbox.d.mts +0 -2
- package/dist/form/checkbox/index.d.mts +0 -2
- package/dist/form/date-picker/date-picker.d.mts +0 -2
- package/dist/form/date-picker/index.d.mts +0 -2
- package/dist/form/error-message/error-message.d.mts +0 -2
- package/dist/form/error-message/index.d.mts +0 -2
- package/dist/form/fieldset/fieldset.d.mts +0 -3
- package/dist/form/fieldset/index.d.mts +0 -3
- package/dist/form/index.d.mts +0 -20
- package/dist/form/input/index.d.mts +0 -2
- package/dist/form/input/input.d.mts +0 -2
- package/dist/form/input-group/index.d.mts +0 -2
- package/dist/form/input-group/input-group.d.mts +0 -2
- package/dist/form/radiobutton/index.d.mts +0 -5
- package/dist/form/radiobutton/radiobutton.d.mts +0 -2
- package/dist/form/radiobutton/radiogroup.d.mts +0 -3
- package/dist/form/select/index.d.mts +0 -2
- package/dist/form/select/select.d.mts +0 -2
- package/dist/form/textarea/index.d.mts +0 -2
- package/dist/form/textarea/textarea.d.mts +0 -2
- package/dist/help-text/help-text.d.mts +0 -1
- package/dist/help-text/index.d.mts +0 -1
- package/dist/index-no-css.d.mts +0 -128
- package/dist/index.d.mts +0 -128
- package/dist/layout/container/container.d.mts +0 -2
- package/dist/layout/grid/grid.d.mts +0 -4
- package/dist/layout/grid/index.d.mts +0 -4
- package/dist/layout/index.d.mts +0 -10
- package/dist/layout/responsive.d.mts +0 -2
- package/dist/layout/spacing.d.mts +0 -3
- package/dist/layout/stack/index.d.mts +0 -4
- package/dist/layout/stack/stack.d.mts +0 -4
- package/dist/link/index.d.mts +0 -2
- package/dist/link/link.d.mts +0 -2
- package/dist/list/index.d.mts +0 -5
- package/dist/list/link-list.d.mts +0 -2
- package/dist/list/list.d.mts +0 -3
- package/dist/message/index.d.mts +0 -3
- package/dist/message/message.d.mts +0 -4
- package/dist/modal/index.d.mts +0 -5
- package/dist/modal/modal.d.mts +0 -5
- package/dist/navbar/icons.d.mts +0 -2
- package/dist/navbar/index.d.mts +0 -13
- package/dist/navbar/navbar-expandable-menu.d.mts +0 -7
- package/dist/navbar/navbar.d.mts +0 -9
- package/dist/show-more/index.d.mts +0 -4
- package/dist/show-more/show-more.d.mts +0 -2
- package/dist/skeleton/index.d.mts +0 -2
- package/dist/skeleton/skeleton.d.mts +0 -2
- package/dist/step-indicator/index.d.mts +0 -1
- package/dist/step-indicator/step-indicator.d.mts +0 -1
- package/dist/styled-html/index.d.mts +0 -2
- package/dist/styled-html/styled-html.d.mts +0 -2
- package/dist/table/index.d.mts +0 -1
- package/dist/table/table.d.mts +0 -1
- package/dist/tabs/context.d.mts +0 -3
- package/dist/tabs/index.d.mts +0 -10
- package/dist/tabs/tabs-content.d.mts +0 -4
- package/dist/tabs/tabs-list.d.mts +0 -4
- package/dist/tabs/tabs.d.mts +0 -2
- package/dist/text/index.d.mts +0 -2
- package/dist/text/text.d.mts +0 -2
- package/dist/utilities/auto-animate-height.d.mts +0 -2
- package/dist/utilities/index.d.mts +0 -2
- package/dist/utils.d.mts +0 -5
- package/dist/warning-banner/index.d.mts +0 -2
- package/dist/warning-banner/warning-banner.d.mts +0 -2
|
@@ -1,2600 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
import { ChangeEventHandler } from 'react';
|
|
4
|
-
import { Context } from 'react';
|
|
5
|
-
import type { CSSProperties } from 'react';
|
|
6
|
-
import type { FieldsetHTMLAttributes } from 'react';
|
|
7
|
-
import { ForwardRefExoticComponent } from 'react';
|
|
8
|
-
import { HTMLAttributes } from 'react';
|
|
9
|
-
import { InputHTMLAttributes } from 'react';
|
|
10
|
-
import { JSX as JSX_2 } from 'react/jsx-runtime';
|
|
11
|
-
import type { LabelHTMLAttributes } from 'react';
|
|
12
|
-
import type { Meta } from '@storybook/react';
|
|
13
|
-
import { Options } from 'tsup';
|
|
14
|
-
import * as React_2 from 'react';
|
|
15
|
-
import { default as React_3 } from 'react';
|
|
16
|
-
import { ReactElement } from 'react';
|
|
17
|
-
import { ReactNode } from 'react';
|
|
18
|
-
import { RefAttributes } from 'react';
|
|
19
|
-
import { SelectHTMLAttributes } from 'react';
|
|
20
|
-
import type { StoryObj } from '@storybook/react';
|
|
21
|
-
import type { TextareaHTMLAttributes } from 'react';
|
|
22
|
-
|
|
23
|
-
export declare const Accordion_alias_2: ForwardRefExoticComponent<AccordionProps & RefAttributes<HTMLDivElement>>;
|
|
24
|
-
|
|
25
|
-
declare const AccordionComponent: ForwardRefExoticComponent<AccordionProps & RefAttributes<HTMLDivElement>> & {
|
|
26
|
-
Item: typeof AccordionItem;
|
|
27
|
-
Header: typeof AccordionHeader;
|
|
28
|
-
Content: typeof AccordionContent;
|
|
29
|
-
};
|
|
30
|
-
export { AccordionComponent as Accordion }
|
|
31
|
-
export { AccordionComponent as Accordion_alias_1 }
|
|
32
|
-
export { AccordionComponent as Accordion_alias_3 }
|
|
33
|
-
|
|
34
|
-
declare const AccordionContent: ForwardRefExoticComponent<AccordionContentProps & RefAttributes<HTMLDivElement>>;
|
|
35
|
-
export { AccordionContent }
|
|
36
|
-
export { AccordionContent as AccordionContent_alias_1 }
|
|
37
|
-
export { AccordionContent as AccordionContent_alias_2 }
|
|
38
|
-
export { AccordionContent as AccordionContent_alias_3 }
|
|
39
|
-
|
|
40
|
-
declare interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
41
|
-
children: ReactNode;
|
|
42
|
-
}
|
|
43
|
-
export { AccordionContentProps }
|
|
44
|
-
export { AccordionContentProps as AccordionContentProps_alias_1 }
|
|
45
|
-
export { AccordionContentProps as AccordionContentProps_alias_2 }
|
|
46
|
-
export { AccordionContentProps as AccordionContentProps_alias_3 }
|
|
47
|
-
|
|
48
|
-
declare const AccordionHeader: ForwardRefExoticComponent<AccordionHeaderProps & RefAttributes<HTMLButtonElement>>;
|
|
49
|
-
export { AccordionHeader }
|
|
50
|
-
export { AccordionHeader as AccordionHeader_alias_1 }
|
|
51
|
-
export { AccordionHeader as AccordionHeader_alias_2 }
|
|
52
|
-
export { AccordionHeader as AccordionHeader_alias_3 }
|
|
53
|
-
|
|
54
|
-
declare interface AccordionHeaderProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
55
|
-
children: ReactNode;
|
|
56
|
-
}
|
|
57
|
-
export { AccordionHeaderProps }
|
|
58
|
-
export { AccordionHeaderProps as AccordionHeaderProps_alias_1 }
|
|
59
|
-
export { AccordionHeaderProps as AccordionHeaderProps_alias_2 }
|
|
60
|
-
export { AccordionHeaderProps as AccordionHeaderProps_alias_3 }
|
|
61
|
-
|
|
62
|
-
declare const AccordionItem: ForwardRefExoticComponent<AccordionItemProps & RefAttributes<HTMLDivElement>>;
|
|
63
|
-
export { AccordionItem }
|
|
64
|
-
export { AccordionItem as AccordionItem_alias_1 }
|
|
65
|
-
export { AccordionItem as AccordionItem_alias_2 }
|
|
66
|
-
export { AccordionItem as AccordionItem_alias_3 }
|
|
67
|
-
|
|
68
|
-
declare type AccordionItemChildrenType = ReactElement<AccordionHeaderProps> | ReactElement<AccordionContentProps>;
|
|
69
|
-
export { AccordionItemChildrenType }
|
|
70
|
-
export { AccordionItemChildrenType as AccordionItemChildrenType_alias_1 }
|
|
71
|
-
export { AccordionItemChildrenType as AccordionItemChildrenType_alias_2 }
|
|
72
|
-
export { AccordionItemChildrenType as AccordionItemChildrenType_alias_3 }
|
|
73
|
-
|
|
74
|
-
export declare const AccordionItemContext: Context<AccordionItemContextProps | null>;
|
|
75
|
-
|
|
76
|
-
export declare interface AccordionItemContextProps {
|
|
77
|
-
open: boolean;
|
|
78
|
-
setOpen: (open: boolean) => void;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
declare interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
82
|
-
/**
|
|
83
|
-
* Control the open state of the accordion manually
|
|
84
|
-
*/
|
|
85
|
-
open?: boolean;
|
|
86
|
-
/**
|
|
87
|
-
* Use with open to control the open state of the accordion manually
|
|
88
|
-
*/
|
|
89
|
-
onOpenChange?: (open: boolean) => void;
|
|
90
|
-
/**
|
|
91
|
-
* If the accordion should be open by default
|
|
92
|
-
*/
|
|
93
|
-
defaultOpen?: boolean;
|
|
94
|
-
/**
|
|
95
|
-
* Accepts type of Accordion.Content and Accordion.Header
|
|
96
|
-
*/
|
|
97
|
-
children: AccordionItemChildrenType[];
|
|
98
|
-
}
|
|
99
|
-
export { AccordionItemProps }
|
|
100
|
-
export { AccordionItemProps as AccordionItemProps_alias_1 }
|
|
101
|
-
export { AccordionItemProps as AccordionItemProps_alias_2 }
|
|
102
|
-
export { AccordionItemProps as AccordionItemProps_alias_3 }
|
|
103
|
-
|
|
104
|
-
declare interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
|
|
105
|
-
/**
|
|
106
|
-
* Accepts type of <AccordionItem/>
|
|
107
|
-
*/
|
|
108
|
-
children: ReactElement<AccordionItemProps> | ReactElement<AccordionItemProps>[];
|
|
109
|
-
/**
|
|
110
|
-
* Adds padding to the left of the accordion
|
|
111
|
-
*/
|
|
112
|
-
indent?: boolean;
|
|
113
|
-
}
|
|
114
|
-
export { AccordionProps }
|
|
115
|
-
export { AccordionProps as AccordionProps_alias_1 }
|
|
116
|
-
export { AccordionProps as AccordionProps_alias_2 }
|
|
117
|
-
export { AccordionProps as AccordionProps_alias_3 }
|
|
118
|
-
|
|
119
|
-
export declare const AreYouSureDialog: Story_3;
|
|
120
|
-
|
|
121
|
-
export declare const Article: Story_25;
|
|
122
|
-
|
|
123
|
-
export declare const ArticleContent: Story_27;
|
|
124
|
-
|
|
125
|
-
export declare const AsALink: Story_5;
|
|
126
|
-
|
|
127
|
-
export declare const AsAReadMore: Story_22;
|
|
128
|
-
|
|
129
|
-
export declare const Attention: Story_21;
|
|
130
|
-
|
|
131
|
-
/**
|
|
132
|
-
* Helper component to animate the height of the children when they change
|
|
133
|
-
* It's done by rendering two versions of the passed children,
|
|
134
|
-
* one hidden to measure the height and one visible to only changes after the height is measured.
|
|
135
|
-
*
|
|
136
|
-
* **IMPORTANT** Do not pass any components with effects (like data fetching), as they will trigger twice.
|
|
137
|
-
*/
|
|
138
|
-
declare const AutoAnimateHeight: ForwardRefExoticComponent<AutoAnimateHeightProps & RefAttributes<HTMLDivElement>>;
|
|
139
|
-
export { AutoAnimateHeight }
|
|
140
|
-
export { AutoAnimateHeight as AutoAnimateHeight_alias_1 }
|
|
141
|
-
export { AutoAnimateHeight as AutoAnimateHeight_alias_2 }
|
|
142
|
-
export { AutoAnimateHeight as AutoAnimateHeight_alias_3 }
|
|
143
|
-
export { AutoAnimateHeight as AutoAnimateHeight_alias_4 }
|
|
144
|
-
|
|
145
|
-
declare interface AutoAnimateHeightProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
146
|
-
/**
|
|
147
|
-
* Time of the animation, using the hedwig animation tokens
|
|
148
|
-
* quick: 0.1s
|
|
149
|
-
* normal: 0.3s
|
|
150
|
-
* slow: 0.7s
|
|
151
|
-
*
|
|
152
|
-
* default is "quick"
|
|
153
|
-
*/
|
|
154
|
-
animationDuration?: "quick" | "normal" | "slow";
|
|
155
|
-
/**
|
|
156
|
-
* Callback fired when animiation transition ends
|
|
157
|
-
* Use this to do effects after resizing is done, e.g. scrolling to the element
|
|
158
|
-
* using `element.scrollIntoView()`
|
|
159
|
-
*/
|
|
160
|
-
onTransitionEnd?: () => void;
|
|
161
|
-
/**
|
|
162
|
-
* Which hedwig easing function to use, default is "normal"
|
|
163
|
-
*/
|
|
164
|
-
animationEasing?: "in" | "out" | "normal";
|
|
165
|
-
children: React.ReactNode;
|
|
166
|
-
style?: React.CSSProperties;
|
|
167
|
-
}
|
|
168
|
-
export { AutoAnimateHeightProps }
|
|
169
|
-
export { AutoAnimateHeightProps as AutoAnimateHeightProps_alias_1 }
|
|
170
|
-
export { AutoAnimateHeightProps as AutoAnimateHeightProps_alias_2 }
|
|
171
|
-
export { AutoAnimateHeightProps as AutoAnimateHeightProps_alias_3 }
|
|
172
|
-
export { AutoAnimateHeightProps as AutoAnimateHeightProps_alias_4 }
|
|
173
|
-
|
|
174
|
-
declare interface BadgeProps extends React.AnchorHTMLAttributes<HTMLSpanElement> {
|
|
175
|
-
children: React.ReactNode;
|
|
176
|
-
/**
|
|
177
|
-
* Font size of the badge
|
|
178
|
-
*
|
|
179
|
-
* @default "small"
|
|
180
|
-
*/
|
|
181
|
-
size?: "small" | "smaller";
|
|
182
|
-
/**
|
|
183
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
184
|
-
*
|
|
185
|
-
* @default false
|
|
186
|
-
*/
|
|
187
|
-
asChild?: boolean;
|
|
188
|
-
}
|
|
189
|
-
export { BadgeProps }
|
|
190
|
-
export { BadgeProps as BadgeProps_alias_1 }
|
|
191
|
-
export { BadgeProps as BadgeProps_alias_2 }
|
|
192
|
-
export { BadgeProps as BadgeProps_alias_3 }
|
|
193
|
-
|
|
194
|
-
export declare const BoundedCheckbox: Story_8;
|
|
195
|
-
|
|
196
|
-
export declare const BoundedRadiobutton: Story_13;
|
|
197
|
-
|
|
198
|
-
export declare const Box_alias_2: ForwardRefExoticComponent<BoxProps & RefAttributes<HTMLDivElement>>;
|
|
199
|
-
|
|
200
|
-
declare const BoxCloseButton: ForwardRefExoticComponent<BoxCloseButtonProps & RefAttributes<HTMLButtonElement>>;
|
|
201
|
-
export { BoxCloseButton }
|
|
202
|
-
export { BoxCloseButton as BoxCloseButton_alias_1 }
|
|
203
|
-
export { BoxCloseButton as BoxCloseButton_alias_2 }
|
|
204
|
-
export { BoxCloseButton as BoxCloseButton_alias_3 }
|
|
205
|
-
|
|
206
|
-
declare type BoxCloseButtonProps = Omit<React.HTMLAttributes<HTMLButtonElement>, "children">;
|
|
207
|
-
export { BoxCloseButtonProps }
|
|
208
|
-
export { BoxCloseButtonProps as BoxCloseButtonProps_alias_1 }
|
|
209
|
-
export { BoxCloseButtonProps as BoxCloseButtonProps_alias_2 }
|
|
210
|
-
export { BoxCloseButtonProps as BoxCloseButtonProps_alias_3 }
|
|
211
|
-
|
|
212
|
-
declare const BoxComponent: ForwardRefExoticComponent<BoxProps & RefAttributes<HTMLDivElement>> & {
|
|
213
|
-
CloseButton: typeof BoxCloseButton;
|
|
214
|
-
};
|
|
215
|
-
export { BoxComponent as Box }
|
|
216
|
-
export { BoxComponent as Box_alias_1 }
|
|
217
|
-
export { BoxComponent as Box_alias_3 }
|
|
218
|
-
|
|
219
|
-
declare interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
220
|
-
children?: React.ReactNode;
|
|
221
|
-
/**
|
|
222
|
-
* Color variant of the box
|
|
223
|
-
*
|
|
224
|
-
* @default "light-grey"
|
|
225
|
-
*/
|
|
226
|
-
variant?: "light-grey" | "lighter" | "white" | "warning";
|
|
227
|
-
/**
|
|
228
|
-
* If `true`, a close button will be shown.
|
|
229
|
-
* Use when you want to control the close button using the BoxCloseButton component.
|
|
230
|
-
*
|
|
231
|
-
* @default false
|
|
232
|
-
*/
|
|
233
|
-
closeable?: boolean;
|
|
234
|
-
/**
|
|
235
|
-
* Callback fired when the component requests to be closed.
|
|
236
|
-
* If not set, the component will be closed without any user interaction.
|
|
237
|
-
*
|
|
238
|
-
* If set, and the handler returns non-true value, the component will not be closed.
|
|
239
|
-
* Use this if you want to control the closing of the component, using the `closed` prop
|
|
240
|
-
*
|
|
241
|
-
* If set, and the handler returns the true, the component will be closed.
|
|
242
|
-
* Use this with `window.confirm()` to ask the user to confirm closing the component.
|
|
243
|
-
*/
|
|
244
|
-
onClose?: () => boolean | unknown;
|
|
245
|
-
/**
|
|
246
|
-
* If `true`, the box will be closed and hidden from view
|
|
247
|
-
*/
|
|
248
|
-
closed?: boolean;
|
|
249
|
-
/**
|
|
250
|
-
* Props applied to the close button element.
|
|
251
|
-
*/
|
|
252
|
-
closeButtonProps?: BoxCloseButtonProps;
|
|
253
|
-
/**
|
|
254
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
255
|
-
*
|
|
256
|
-
* @default false
|
|
257
|
-
*/
|
|
258
|
-
asChild?: boolean;
|
|
259
|
-
}
|
|
260
|
-
export { BoxProps }
|
|
261
|
-
export { BoxProps as BoxProps_alias_1 }
|
|
262
|
-
export { BoxProps as BoxProps_alias_2 }
|
|
263
|
-
export { BoxProps as BoxProps_alias_3 }
|
|
264
|
-
|
|
265
|
-
/**
|
|
266
|
-
* A breadcrumbs navigation menu
|
|
267
|
-
*
|
|
268
|
-
* @example
|
|
269
|
-
*
|
|
270
|
-
* ```tsx
|
|
271
|
-
* <Breadcrumbs data-testid="breadcrumbs">
|
|
272
|
-
* <li><Link href="../">Previous page</Link></li>
|
|
273
|
-
* <li aria-current="page">Current page</li>
|
|
274
|
-
* </Breadcrumbs>
|
|
275
|
-
* ```
|
|
276
|
-
*
|
|
277
|
-
* Outputs this html structure
|
|
278
|
-
*
|
|
279
|
-
* ```html
|
|
280
|
-
* <nav data-testid="breadcrumbs">
|
|
281
|
-
* <ol>
|
|
282
|
-
* <li><a href="../">Previous page</a></li>
|
|
283
|
-
* <li aria-current="page">Current page</li>
|
|
284
|
-
* </ol>
|
|
285
|
-
* </nav>
|
|
286
|
-
* ```
|
|
287
|
-
*/
|
|
288
|
-
declare const Breadcrumbs: ForwardRefExoticComponent<BreadcrumbsProps & RefAttributes<HTMLDivElement>>;
|
|
289
|
-
export { Breadcrumbs }
|
|
290
|
-
export { Breadcrumbs as Breadcrumbs_alias_1 }
|
|
291
|
-
export { Breadcrumbs as Breadcrumbs_alias_2 }
|
|
292
|
-
export { Breadcrumbs as Breadcrumbs_alias_3 }
|
|
293
|
-
|
|
294
|
-
declare interface BreadcrumbsProps extends HTMLAttributes<HTMLOListElement> {
|
|
295
|
-
children: ReactNode | ReactElement<HTMLLIElement> | ReactElement<HTMLLIElement>[];
|
|
296
|
-
/**
|
|
297
|
-
* Props passed to the `ol` html element
|
|
298
|
-
*/
|
|
299
|
-
olProps?: HTMLAttributes<HTMLElement>;
|
|
300
|
-
}
|
|
301
|
-
export { BreadcrumbsProps }
|
|
302
|
-
export { BreadcrumbsProps as BreadcrumbsProps_alias_1 }
|
|
303
|
-
export { BreadcrumbsProps as BreadcrumbsProps_alias_2 }
|
|
304
|
-
export { BreadcrumbsProps as BreadcrumbsProps_alias_3 }
|
|
305
|
-
|
|
306
|
-
declare type Breakpoints = "initial" | "small" | "medium" | "large" | "xlarge";
|
|
307
|
-
|
|
308
|
-
export declare const ButtonAsLink: Story_18;
|
|
309
|
-
|
|
310
|
-
declare interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
311
|
-
/**
|
|
312
|
-
* The height, font size and padding of the button
|
|
313
|
-
*/
|
|
314
|
-
size?: "small" | "medium" | "large";
|
|
315
|
-
/**
|
|
316
|
-
* The background fill of the button
|
|
317
|
-
*
|
|
318
|
-
* @default "contained"
|
|
319
|
-
*/
|
|
320
|
-
fill?: "contained" | "outline";
|
|
321
|
-
/**
|
|
322
|
-
* Make the button use 100% width available.
|
|
323
|
-
* Using the "mobile" it only stretch to full width on smaller screens
|
|
324
|
-
*/
|
|
325
|
-
fullWidth?: boolean | "mobile";
|
|
326
|
-
/**
|
|
327
|
-
* Use the button as an icon button
|
|
328
|
-
*
|
|
329
|
-
* Render the icon in `children`
|
|
330
|
-
*/
|
|
331
|
-
icon?: boolean;
|
|
332
|
-
/**
|
|
333
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
334
|
-
*
|
|
335
|
-
* @default false
|
|
336
|
-
*/
|
|
337
|
-
asChild?: boolean;
|
|
338
|
-
}
|
|
339
|
-
export { ButtonProps }
|
|
340
|
-
export { ButtonProps as ButtonProps_alias_1 }
|
|
341
|
-
export { ButtonProps as ButtonProps_alias_2 }
|
|
342
|
-
export { ButtonProps as ButtonProps_alias_3 }
|
|
343
|
-
|
|
344
|
-
export declare const Card_alias_2: ForwardRefExoticComponent<CardBaseProps & {
|
|
345
|
-
/**
|
|
346
|
-
* A Card should in most cases appear as a big link,
|
|
347
|
-
* but the actual link should just be the header title.
|
|
348
|
-
* To make life better for those with screen readers we should not make
|
|
349
|
-
* the entire card a link, as that would cause the entire card to be read
|
|
350
|
-
* as a link to the user. That would be perceived as information overload.
|
|
351
|
-
*/
|
|
352
|
-
as?: "article" | "div" | "aside" | "section" | undefined;
|
|
353
|
-
} & RefAttributes<HTMLDivElement>>;
|
|
354
|
-
|
|
355
|
-
declare interface CardBaseProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
356
|
-
children: ReactNode;
|
|
357
|
-
/**
|
|
358
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
359
|
-
*
|
|
360
|
-
* @default false
|
|
361
|
-
*/
|
|
362
|
-
asChild?: boolean;
|
|
363
|
-
}
|
|
364
|
-
export { CardBaseProps }
|
|
365
|
-
export { CardBaseProps as CardBaseProps_alias_1 }
|
|
366
|
-
export { CardBaseProps as CardBaseProps_alias_2 }
|
|
367
|
-
export { CardBaseProps as CardBaseProps_alias_3 }
|
|
368
|
-
|
|
369
|
-
declare const CardBody: ForwardRefExoticComponent<CardBaseProps & RefAttributes<HTMLDivElement>>;
|
|
370
|
-
export { CardBody }
|
|
371
|
-
export { CardBody as CardBody_alias_1 }
|
|
372
|
-
export { CardBody as CardBody_alias_2 }
|
|
373
|
-
export { CardBody as CardBody_alias_3 }
|
|
374
|
-
|
|
375
|
-
declare const CardBodyAction: ForwardRefExoticComponent<CardBaseProps & RefAttributes<HTMLDivElement>>;
|
|
376
|
-
export { CardBodyAction }
|
|
377
|
-
export { CardBodyAction as CardBodyAction_alias_1 }
|
|
378
|
-
export { CardBodyAction as CardBodyAction_alias_2 }
|
|
379
|
-
export { CardBodyAction as CardBodyAction_alias_3 }
|
|
380
|
-
|
|
381
|
-
declare const CardBodyActionArrow: ForwardRefExoticComponent<CardBodyActionArrowProps & RefAttributes<HTMLSpanElement>>;
|
|
382
|
-
export { CardBodyActionArrow }
|
|
383
|
-
export { CardBodyActionArrow as CardBodyActionArrow_alias_1 }
|
|
384
|
-
export { CardBodyActionArrow as CardBodyActionArrow_alias_2 }
|
|
385
|
-
export { CardBodyActionArrow as CardBodyActionArrow_alias_3 }
|
|
386
|
-
|
|
387
|
-
declare interface CardBodyActionArrowProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
388
|
-
/**
|
|
389
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
390
|
-
*
|
|
391
|
-
* @default false
|
|
392
|
-
*/
|
|
393
|
-
asChild?: boolean;
|
|
394
|
-
}
|
|
395
|
-
|
|
396
|
-
declare const CardBodyDescription: ForwardRefExoticComponent<CardBaseProps & RefAttributes<HTMLParagraphElement>>;
|
|
397
|
-
export { CardBodyDescription }
|
|
398
|
-
export { CardBodyDescription as CardBodyDescription_alias_1 }
|
|
399
|
-
export { CardBodyDescription as CardBodyDescription_alias_2 }
|
|
400
|
-
export { CardBodyDescription as CardBodyDescription_alias_3 }
|
|
401
|
-
|
|
402
|
-
declare const CardBodyHeader: ForwardRefExoticComponent<(CardBaseProps & ({
|
|
403
|
-
/**
|
|
404
|
-
* Heading level of the card heading
|
|
405
|
-
*/
|
|
406
|
-
as: "h2" | "h3" | "h4" | "h5" | "h6";
|
|
407
|
-
asChild?: undefined;
|
|
408
|
-
} | {
|
|
409
|
-
asChild: true;
|
|
410
|
-
as?: undefined;
|
|
411
|
-
})) & RefAttributes<HTMLHeadingElement>>;
|
|
412
|
-
export { CardBodyHeader }
|
|
413
|
-
export { CardBodyHeader as CardBodyHeader_alias_1 }
|
|
414
|
-
export { CardBodyHeader as CardBodyHeader_alias_2 }
|
|
415
|
-
export { CardBodyHeader as CardBodyHeader_alias_3 }
|
|
416
|
-
|
|
417
|
-
declare const CardBodyHeaderOverline: ForwardRefExoticComponent<CardBaseProps & RefAttributes<HTMLDivElement>>;
|
|
418
|
-
export { CardBodyHeaderOverline }
|
|
419
|
-
export { CardBodyHeaderOverline as CardBodyHeaderOverline_alias_1 }
|
|
420
|
-
export { CardBodyHeaderOverline as CardBodyHeaderOverline_alias_2 }
|
|
421
|
-
export { CardBodyHeaderOverline as CardBodyHeaderOverline_alias_3 }
|
|
422
|
-
|
|
423
|
-
declare const CardBodyHeaderTitle: ForwardRefExoticComponent<CardBaseProps & RefAttributes<HTMLDivElement>>;
|
|
424
|
-
export { CardBodyHeaderTitle }
|
|
425
|
-
export { CardBodyHeaderTitle as CardBodyHeaderTitle_alias_1 }
|
|
426
|
-
export { CardBodyHeaderTitle as CardBodyHeaderTitle_alias_2 }
|
|
427
|
-
export { CardBodyHeaderTitle as CardBodyHeaderTitle_alias_3 }
|
|
428
|
-
|
|
429
|
-
declare const CardComponent: ForwardRefExoticComponent<CardBaseProps & {
|
|
430
|
-
as?: "article" | "div" | "aside" | "section" | undefined;
|
|
431
|
-
} & RefAttributes<HTMLDivElement>> & {
|
|
432
|
-
Media: typeof CardMedia;
|
|
433
|
-
MediaImg: typeof CardMediaImg;
|
|
434
|
-
Body: typeof CardBody;
|
|
435
|
-
BodyHeader: typeof CardBodyHeader;
|
|
436
|
-
BodyHeaderOverline: typeof CardBodyHeaderOverline;
|
|
437
|
-
BodyHeaderTitle: typeof CardBodyHeaderTitle;
|
|
438
|
-
BodyDescription: typeof CardBodyDescription;
|
|
439
|
-
BodyAction: typeof CardBodyAction;
|
|
440
|
-
BodyActionArrow: typeof CardBodyActionArrow;
|
|
441
|
-
};
|
|
442
|
-
export { CardComponent as Card }
|
|
443
|
-
export { CardComponent as Card_alias_1 }
|
|
444
|
-
export { CardComponent as Card_alias_3 }
|
|
445
|
-
|
|
446
|
-
export declare const CardFullWidth: Story_6;
|
|
447
|
-
|
|
448
|
-
declare interface CardImageMediaProps extends React.ImgHTMLAttributes<HTMLImageElement> {
|
|
449
|
-
/**
|
|
450
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
451
|
-
*
|
|
452
|
-
* @default false
|
|
453
|
-
*/
|
|
454
|
-
asChild?: boolean;
|
|
455
|
-
}
|
|
456
|
-
export { CardImageMediaProps }
|
|
457
|
-
export { CardImageMediaProps as CardImageMediaProps_alias_1 }
|
|
458
|
-
export { CardImageMediaProps as CardImageMediaProps_alias_2 }
|
|
459
|
-
export { CardImageMediaProps as CardImageMediaProps_alias_3 }
|
|
460
|
-
|
|
461
|
-
declare const CardMedia: ForwardRefExoticComponent<CardBaseProps & RefAttributes<HTMLDivElement>>;
|
|
462
|
-
export { CardMedia }
|
|
463
|
-
export { CardMedia as CardMedia_alias_1 }
|
|
464
|
-
export { CardMedia as CardMedia_alias_2 }
|
|
465
|
-
export { CardMedia as CardMedia_alias_3 }
|
|
466
|
-
|
|
467
|
-
declare const CardMediaImg: ForwardRefExoticComponent<CardImageMediaProps & RefAttributes<HTMLImageElement>>;
|
|
468
|
-
export { CardMediaImg }
|
|
469
|
-
export { CardMediaImg as CardMediaImg_alias_1 }
|
|
470
|
-
export { CardMediaImg as CardMediaImg_alias_2 }
|
|
471
|
-
export { CardMediaImg as CardMediaImg_alias_3 }
|
|
472
|
-
|
|
473
|
-
export declare const CardStory: Story_6;
|
|
474
|
-
|
|
475
|
-
declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttributes<HTMLInputElement>>;
|
|
476
|
-
export { Checkbox }
|
|
477
|
-
export { Checkbox as Checkbox_alias_1 }
|
|
478
|
-
export { Checkbox as Checkbox_alias_2 }
|
|
479
|
-
export { Checkbox as Checkbox_alias_3 }
|
|
480
|
-
export { Checkbox as Checkbox_alias_4 }
|
|
481
|
-
|
|
482
|
-
declare type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue"> & {
|
|
483
|
-
children: ReactNode;
|
|
484
|
-
variant?: "plain" | "bounding-box";
|
|
485
|
-
title?: string;
|
|
486
|
-
} & ({
|
|
487
|
-
/**
|
|
488
|
-
* Set to `true` to add error styling. The component will take care of aria to indicate invalid state.
|
|
489
|
-
*
|
|
490
|
-
* Normally you don't need this, as you should wrap your Checkboxes in the Fieldset component.
|
|
491
|
-
* When providing an errorMessage to Fieldset, all contained Checkboxes will get correct hasError state.
|
|
492
|
-
*
|
|
493
|
-
* You can use this when your checkbox is part of a non-HDS fieldset which shows an error message.
|
|
494
|
-
*/
|
|
495
|
-
hasError?: boolean;
|
|
496
|
-
errorMessage?: never;
|
|
497
|
-
} | {
|
|
498
|
-
hasError?: never;
|
|
499
|
-
/**
|
|
500
|
-
* Set an error message to add error styling, and display the error message.
|
|
501
|
-
* The component will take care of aria to connect the error message to the checkbox.
|
|
502
|
-
*
|
|
503
|
-
* Use this when your checkbox is standalone (not part of a fieldset).
|
|
504
|
-
*/
|
|
505
|
-
errorMessage?: ReactNode;
|
|
506
|
-
});
|
|
507
|
-
export { CheckboxProps }
|
|
508
|
-
export { CheckboxProps as CheckboxProps_alias_1 }
|
|
509
|
-
export { CheckboxProps as CheckboxProps_alias_2 }
|
|
510
|
-
export { CheckboxProps as CheckboxProps_alias_3 }
|
|
511
|
-
export { CheckboxProps as CheckboxProps_alias_4 }
|
|
512
|
-
|
|
513
|
-
export declare function CloseIcon(): JSX_2.Element;
|
|
514
|
-
|
|
515
|
-
export declare const CompleteShowMoreShowLess: Story_24;
|
|
516
|
-
|
|
517
|
-
/**
|
|
518
|
-
* Container is a layout component that is used to wrap content.
|
|
519
|
-
* It ensures a max-width and minimum spacing on the sides.
|
|
520
|
-
*/
|
|
521
|
-
declare const Container: ForwardRefExoticComponent<ContainerProps & RefAttributes<HTMLDivElement>>;
|
|
522
|
-
export { Container }
|
|
523
|
-
export { Container as Container_alias_1 }
|
|
524
|
-
export { Container as Container_alias_2 }
|
|
525
|
-
export { Container as Container_alias_3 }
|
|
526
|
-
|
|
527
|
-
declare interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
|
|
528
|
-
variant?: "default" | "slim";
|
|
529
|
-
children: ReactNode;
|
|
530
|
-
/**
|
|
531
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
532
|
-
*
|
|
533
|
-
* @default false
|
|
534
|
-
*/
|
|
535
|
-
asChild?: boolean;
|
|
536
|
-
/**
|
|
537
|
-
* Convienence prop to change the rendered element.
|
|
538
|
-
*
|
|
539
|
-
* Use {@link ContainerProps.asChild} if you need more control of the rendered element.
|
|
540
|
-
*/
|
|
541
|
-
as?: "div" | "section" | "aside" | "main" | "article" | "header" | "footer";
|
|
542
|
-
}
|
|
543
|
-
export { ContainerProps }
|
|
544
|
-
export { ContainerProps as ContainerProps_alias_1 }
|
|
545
|
-
export { ContainerProps as ContainerProps_alias_2 }
|
|
546
|
-
export { ContainerProps as ContainerProps_alias_3 }
|
|
547
|
-
|
|
548
|
-
export declare const Custom: Story_3;
|
|
549
|
-
|
|
550
|
-
export declare const Dark: Story_2;
|
|
551
|
-
|
|
552
|
-
declare const DarkBadge: ForwardRefExoticComponent<BadgeProps & RefAttributes<HTMLSpanElement>>;
|
|
553
|
-
export { DarkBadge }
|
|
554
|
-
export { DarkBadge as DarkBadge_alias_1 }
|
|
555
|
-
export { DarkBadge as DarkBadge_alias_2 }
|
|
556
|
-
export { DarkBadge as DarkBadge_alias_3 }
|
|
557
|
-
|
|
558
|
-
export declare const Darkmode: Story_27;
|
|
559
|
-
|
|
560
|
-
export declare const DarkmodeSmall: Story_27;
|
|
561
|
-
|
|
562
|
-
/**
|
|
563
|
-
* A basic implementation of a date picker
|
|
564
|
-
*
|
|
565
|
-
* This date picker is an implementation of native date picker, as you get
|
|
566
|
-
* with `<input type="date" />`, where the input field is dressed in Hedwig styling.
|
|
567
|
-
*
|
|
568
|
-
* Due to accessibility concerns you will only see the appropriate Hedwig calendar
|
|
569
|
-
* icon in Chrome. Firefox will show built in icon and Safari will show no icon.
|
|
570
|
-
* Not tested in Edge.
|
|
571
|
-
*/
|
|
572
|
-
declare const DatePicker: ForwardRefExoticComponent<Omit<InputGroupProps & InputHTMLAttributes<HTMLInputElement>, "children" | "type"> & {
|
|
573
|
-
/**
|
|
574
|
-
* Accessible title for the calendar button
|
|
575
|
-
*
|
|
576
|
-
* This button currently only shows in Chrome.
|
|
577
|
-
*
|
|
578
|
-
* @defaultValue "Åpne kalender"
|
|
579
|
-
*/
|
|
580
|
-
calendarButtonTitle?: string | undefined;
|
|
581
|
-
} & RefAttributes<HTMLInputElement>>;
|
|
582
|
-
export { DatePicker }
|
|
583
|
-
export { DatePicker as DatePicker_alias_1 }
|
|
584
|
-
export { DatePicker as DatePicker_alias_2 }
|
|
585
|
-
export { DatePicker as DatePicker_alias_3 }
|
|
586
|
-
export { DatePicker as DatePicker_alias_4 }
|
|
587
|
-
|
|
588
|
-
declare type DatePickerProps = Omit<InputGroupProps & InputHTMLAttributes<HTMLInputElement>, "children" | "type"> & {
|
|
589
|
-
/**
|
|
590
|
-
* Accessible title for the calendar button
|
|
591
|
-
*
|
|
592
|
-
* This button currently only shows in Chrome.
|
|
593
|
-
*
|
|
594
|
-
* @defaultValue "Åpne kalender"
|
|
595
|
-
*/
|
|
596
|
-
calendarButtonTitle?: string;
|
|
597
|
-
};
|
|
598
|
-
export { DatePickerProps }
|
|
599
|
-
export { DatePickerProps as DatePickerProps_alias_1 }
|
|
600
|
-
export { DatePickerProps as DatePickerProps_alias_2 }
|
|
601
|
-
export { DatePickerProps as DatePickerProps_alias_3 }
|
|
602
|
-
export { DatePickerProps as DatePickerProps_alias_4 }
|
|
603
|
-
|
|
604
|
-
export declare const Default: Story_4;
|
|
605
|
-
|
|
606
|
-
export declare const default_alias: Options | Options[] | ((overrideOptions: Options) => Options | Options[] | Promise<Options | Options[]>);
|
|
607
|
-
|
|
608
|
-
export declare const Default_alias_1: Story_10;
|
|
609
|
-
|
|
610
|
-
export declare const default_alias_1: Meta<typeof AccordionComponent>;
|
|
611
|
-
|
|
612
|
-
export declare const default_alias_10: Meta<typeof ErrorMessage>;
|
|
613
|
-
|
|
614
|
-
export declare const default_alias_11: Meta<typeof Fieldset>;
|
|
615
|
-
|
|
616
|
-
export declare const default_alias_12: Meta<typeof Input>;
|
|
617
|
-
|
|
618
|
-
export declare const default_alias_13: Meta<typeof Radiobutton>;
|
|
619
|
-
|
|
620
|
-
export declare const default_alias_14: Meta<typeof RadioGroup>;
|
|
621
|
-
|
|
622
|
-
export declare const default_alias_15: Meta<typeof Select>;
|
|
623
|
-
|
|
624
|
-
export declare const default_alias_16: Meta<typeof Textarea>;
|
|
625
|
-
|
|
626
|
-
export declare const default_alias_17: Meta<typeof Container>;
|
|
627
|
-
|
|
628
|
-
export declare const default_alias_18: Meta<typeof Link>;
|
|
629
|
-
|
|
630
|
-
export declare const default_alias_19: Meta<typeof LinkList>;
|
|
631
|
-
|
|
632
|
-
export declare const Default_alias_2: Story_11;
|
|
633
|
-
|
|
634
|
-
export declare const default_alias_2: Meta<typeof LighterBadge>;
|
|
635
|
-
|
|
636
|
-
export declare const default_alias_20: Meta<typeof UnorderedList>;
|
|
637
|
-
|
|
638
|
-
export declare const default_alias_21: Meta<typeof MessageComponent>;
|
|
639
|
-
|
|
640
|
-
export declare const default_alias_22: Meta<typeof ModalComponent>;
|
|
641
|
-
|
|
642
|
-
export declare const default_alias_23: Meta<typeof NavbarComponent>;
|
|
643
|
-
|
|
644
|
-
export declare const default_alias_24: Meta<typeof ShowMoreButton>;
|
|
645
|
-
|
|
646
|
-
export declare const default_alias_25: Meta<typeof Skeleton>;
|
|
647
|
-
|
|
648
|
-
export declare const default_alias_26: Meta<typeof StepIndicator>;
|
|
649
|
-
|
|
650
|
-
export declare const default_alias_27: Meta<typeof StyledHtml>;
|
|
651
|
-
|
|
652
|
-
export declare const default_alias_28: Meta<typeof TabsComponent>;
|
|
653
|
-
|
|
654
|
-
export declare const default_alias_29: Meta<typeof Text_2>;
|
|
655
|
-
|
|
656
|
-
export declare const Default_alias_3: Story_15;
|
|
657
|
-
|
|
658
|
-
export declare const default_alias_3: Meta<typeof BoxComponent>;
|
|
659
|
-
|
|
660
|
-
export declare const default_alias_30: Meta<typeof WarningBanner>;
|
|
661
|
-
|
|
662
|
-
export declare const Default_alias_4: Story_17;
|
|
663
|
-
|
|
664
|
-
export declare const default_alias_4: Meta<typeof Breadcrumbs>;
|
|
665
|
-
|
|
666
|
-
export declare const Default_alias_5: Story_23;
|
|
667
|
-
|
|
668
|
-
export declare const default_alias_5: Meta<typeof PrimaryButton>;
|
|
669
|
-
|
|
670
|
-
export declare const Default_alias_6: Story_25;
|
|
671
|
-
|
|
672
|
-
export declare const default_alias_6: Meta<typeof CardComponent>;
|
|
673
|
-
|
|
674
|
-
export declare const Default_alias_7: Story_26;
|
|
675
|
-
|
|
676
|
-
export declare const default_alias_7: Meta<typeof DescriptionList>;
|
|
677
|
-
|
|
678
|
-
export declare const Default_alias_8: Story_27;
|
|
679
|
-
|
|
680
|
-
export declare const default_alias_8: Meta<typeof Checkbox>;
|
|
681
|
-
|
|
682
|
-
export declare const Default_alias_9: Story_29;
|
|
683
|
-
|
|
684
|
-
export declare const default_alias_9: Meta<typeof DatePicker>;
|
|
685
|
-
|
|
686
|
-
export declare const DefaultOpen: Story;
|
|
687
|
-
|
|
688
|
-
export declare const DefaultWithError: Story_15;
|
|
689
|
-
|
|
690
|
-
/**
|
|
691
|
-
* Uses the HTML5 `<dl>` element
|
|
692
|
-
*
|
|
693
|
-
* Pass in corresponding `<dt>` and `<dd>` elements as children
|
|
694
|
-
*
|
|
695
|
-
* ```tsx
|
|
696
|
-
* <DescriptionList>
|
|
697
|
-
* <dt>Vekt</dt>
|
|
698
|
-
* <dd>12 kg</dd>
|
|
699
|
-
* <dt>Antall kolli</dt>
|
|
700
|
-
* <dd>2</dd>
|
|
701
|
-
* </DescriptionList>
|
|
702
|
-
* ```
|
|
703
|
-
*
|
|
704
|
-
* Optionally wrap them in `<div>` elements as allowed by the HTML5 spec
|
|
705
|
-
*
|
|
706
|
-
* ```tsx
|
|
707
|
-
* <DescriptionList>
|
|
708
|
-
* <div>
|
|
709
|
-
* <dt>Vekt</dt>
|
|
710
|
-
* <dd>12 kg</dd>
|
|
711
|
-
* </div>
|
|
712
|
-
* <div>
|
|
713
|
-
* <dt>Antall kolli</dt>
|
|
714
|
-
* <dd>2</dd>
|
|
715
|
-
* </div>
|
|
716
|
-
* </DescriptionList>
|
|
717
|
-
* ```
|
|
718
|
-
*/
|
|
719
|
-
declare const DescriptionList: ForwardRefExoticComponent<DescriptionListProps & RefAttributes<HTMLDListElement>>;
|
|
720
|
-
export { DescriptionList }
|
|
721
|
-
export { DescriptionList as DescriptionList_alias_1 }
|
|
722
|
-
export { DescriptionList as DescriptionList_alias_2 }
|
|
723
|
-
export { DescriptionList as DescriptionList_alias_3 }
|
|
724
|
-
|
|
725
|
-
declare interface DescriptionListProps extends HTMLAttributes<HTMLDListElement> {
|
|
726
|
-
/**
|
|
727
|
-
* Either `dt`, `dl`, or `div` elements
|
|
728
|
-
*/
|
|
729
|
-
children?: ReactNode;
|
|
730
|
-
/**
|
|
731
|
-
* Direction of the description list
|
|
732
|
-
*/
|
|
733
|
-
variant?: "vertical" | "horizontal";
|
|
734
|
-
}
|
|
735
|
-
export { DescriptionListProps }
|
|
736
|
-
export { DescriptionListProps as DescriptionListProps_alias_1 }
|
|
737
|
-
export { DescriptionListProps as DescriptionListProps_alias_2 }
|
|
738
|
-
export { DescriptionListProps as DescriptionListProps_alias_3 }
|
|
739
|
-
|
|
740
|
-
export declare const DetailedContentCheckbox: Story_8;
|
|
741
|
-
|
|
742
|
-
export declare const DetailedContentCheckboxWithBoundingBox: Story_8;
|
|
743
|
-
|
|
744
|
-
export declare const DetailedContentRadiobutton: Story_13;
|
|
745
|
-
|
|
746
|
-
export declare const DetailedContentRadiobuttonWithBoundingBox: Story_13;
|
|
747
|
-
|
|
748
|
-
declare interface DimensionsFromWidthAndHeight {
|
|
749
|
-
height?: number | string;
|
|
750
|
-
width?: number | string;
|
|
751
|
-
}
|
|
752
|
-
|
|
753
|
-
declare const ErrorMessage: ForwardRefExoticComponent<ErrorMessageProps & RefAttributes<HTMLDivElement>>;
|
|
754
|
-
export { ErrorMessage }
|
|
755
|
-
export { ErrorMessage as ErrorMessage_alias_1 }
|
|
756
|
-
export { ErrorMessage as ErrorMessage_alias_2 }
|
|
757
|
-
export { ErrorMessage as ErrorMessage_alias_3 }
|
|
758
|
-
export { ErrorMessage as ErrorMessage_alias_4 }
|
|
759
|
-
|
|
760
|
-
declare interface ErrorMessageProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
761
|
-
children: ReactNode;
|
|
762
|
-
id: string;
|
|
763
|
-
className?: string;
|
|
764
|
-
}
|
|
765
|
-
export { ErrorMessageProps }
|
|
766
|
-
export { ErrorMessageProps as ErrorMessageProps_alias_1 }
|
|
767
|
-
export { ErrorMessageProps as ErrorMessageProps_alias_2 }
|
|
768
|
-
export { ErrorMessageProps as ErrorMessageProps_alias_3 }
|
|
769
|
-
export { ErrorMessageProps as ErrorMessageProps_alias_4 }
|
|
770
|
-
|
|
771
|
-
export declare const Expandable: Story_30;
|
|
772
|
-
|
|
773
|
-
declare const Fieldset: ForwardRefExoticComponent<FieldsetProps & RefAttributes<HTMLFieldSetElement>>;
|
|
774
|
-
export { Fieldset }
|
|
775
|
-
export { Fieldset as Fieldset_alias_1 }
|
|
776
|
-
export { Fieldset as Fieldset_alias_2 }
|
|
777
|
-
export { Fieldset as Fieldset_alias_3 }
|
|
778
|
-
export { Fieldset as Fieldset_alias_4 }
|
|
779
|
-
|
|
780
|
-
export declare const FieldsetErrorCheckboxes: Story_11;
|
|
781
|
-
|
|
782
|
-
export declare const FieldsetErrorRadiobuttons: Story_11;
|
|
783
|
-
|
|
784
|
-
declare interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
|
|
785
|
-
className?: string;
|
|
786
|
-
style?: CSSProperties;
|
|
787
|
-
/**
|
|
788
|
-
* Providing an errorMessage will also give contained Checkboxes or Radiobuttons
|
|
789
|
-
* error styling and aria to indicate invalid state.
|
|
790
|
-
*
|
|
791
|
-
* For Radiobuttons you are even better off using RadioGroup.
|
|
792
|
-
*/
|
|
793
|
-
errorMessage?: ReactNode;
|
|
794
|
-
legendProps?: HTMLAttributes<HTMLElement> & {
|
|
795
|
-
size: "default" | "large";
|
|
796
|
-
};
|
|
797
|
-
legend: ReactNode;
|
|
798
|
-
children: ReactNode;
|
|
799
|
-
}
|
|
800
|
-
export { FieldsetProps }
|
|
801
|
-
export { FieldsetProps as FieldsetProps_alias_1 }
|
|
802
|
-
export { FieldsetProps as FieldsetProps_alias_2 }
|
|
803
|
-
export { FieldsetProps as FieldsetProps_alias_3 }
|
|
804
|
-
export { FieldsetProps as FieldsetProps_alias_4 }
|
|
805
|
-
|
|
806
|
-
/**
|
|
807
|
-
* Trap focus inside an element using the `inert` attribute.
|
|
808
|
-
*
|
|
809
|
-
* Adds `inert` to all siblings of the given element, and all their ancestors up to the body.
|
|
810
|
-
* Returns a cleanup function which removes the `inert` property from the elements, effectively giving focus back to rest of the document.
|
|
811
|
-
*
|
|
812
|
-
* NOTE: Does not support portals, i.e. elements outside the DOM hierarchy of the given element.
|
|
813
|
-
*
|
|
814
|
-
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert
|
|
815
|
-
* @see https://web.dev/articles/inert
|
|
816
|
-
*/
|
|
817
|
-
export declare function focusTrap(element: HTMLElement): () => void;
|
|
818
|
-
|
|
819
|
-
/**
|
|
820
|
-
* 🚨 WORK IN PROGRESS 🚨
|
|
821
|
-
*/
|
|
822
|
-
export declare const Footer_alias_2: ForwardRefExoticComponent<FooterProps & RefAttributes<HTMLDivElement>>;
|
|
823
|
-
|
|
824
|
-
/**
|
|
825
|
-
* 🚨 WORK IN PROGRESS 🚨
|
|
826
|
-
*/
|
|
827
|
-
declare const FooterButtonLink: ForwardRefExoticComponent<FooterButtonLinkProps & RefAttributes<HTMLAnchorElement>>;
|
|
828
|
-
export { FooterButtonLink }
|
|
829
|
-
export { FooterButtonLink as FooterButtonLink_alias_1 }
|
|
830
|
-
export { FooterButtonLink as FooterButtonLink_alias_2 }
|
|
831
|
-
export { FooterButtonLink as FooterButtonLink_alias_3 }
|
|
832
|
-
|
|
833
|
-
declare interface FooterButtonLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
834
|
-
/**
|
|
835
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
836
|
-
*
|
|
837
|
-
* @default false
|
|
838
|
-
*/
|
|
839
|
-
asChild?: boolean;
|
|
840
|
-
}
|
|
841
|
-
export { FooterButtonLinkProps }
|
|
842
|
-
export { FooterButtonLinkProps as FooterButtonLinkProps_alias_1 }
|
|
843
|
-
export { FooterButtonLinkProps as FooterButtonLinkProps_alias_2 }
|
|
844
|
-
export { FooterButtonLinkProps as FooterButtonLinkProps_alias_3 }
|
|
845
|
-
|
|
846
|
-
declare const FooterComponent: ForwardRefExoticComponent<FooterProps & RefAttributes<HTMLDivElement>> & {
|
|
847
|
-
Logo: typeof FooterLogo;
|
|
848
|
-
ButtonLink: typeof FooterButtonLink;
|
|
849
|
-
LinkSections: typeof FooterLinkSections;
|
|
850
|
-
LinkSection: typeof FooterLinkSection;
|
|
851
|
-
};
|
|
852
|
-
export { FooterComponent as Footer }
|
|
853
|
-
export { FooterComponent as Footer_alias_1 }
|
|
854
|
-
export { FooterComponent as Footer_alias_3 }
|
|
855
|
-
|
|
856
|
-
declare const FooterLinkSection: ForwardRefExoticComponent<FooterLinkSectionProps & RefAttributes<HTMLDivElement>>;
|
|
857
|
-
export { FooterLinkSection }
|
|
858
|
-
export { FooterLinkSection as FooterLinkSection_alias_1 }
|
|
859
|
-
export { FooterLinkSection as FooterLinkSection_alias_2 }
|
|
860
|
-
export { FooterLinkSection as FooterLinkSection_alias_3 }
|
|
861
|
-
|
|
862
|
-
declare interface FooterLinkSectionProps extends HTMLAttributes<HTMLDivElement> {
|
|
863
|
-
heading: React.ReactNode;
|
|
864
|
-
children: React.ReactNode;
|
|
865
|
-
}
|
|
866
|
-
|
|
867
|
-
/**
|
|
868
|
-
* Responsive sections of links. Will become an accordion on mobile.
|
|
869
|
-
*
|
|
870
|
-
* Use with {@link FooterLinkSection} for each section.
|
|
871
|
-
*/
|
|
872
|
-
declare const FooterLinkSections: ForwardRefExoticComponent<FooterLinkSectionsProps & RefAttributes<HTMLDivElement>>;
|
|
873
|
-
export { FooterLinkSections }
|
|
874
|
-
export { FooterLinkSections as FooterLinkSections_alias_1 }
|
|
875
|
-
export { FooterLinkSections as FooterLinkSections_alias_2 }
|
|
876
|
-
export { FooterLinkSections as FooterLinkSections_alias_3 }
|
|
877
|
-
|
|
878
|
-
declare interface FooterLinkSectionsProps extends HTMLAttributes<HTMLDivElement> {
|
|
879
|
-
children: ReactElement<FooterLinkSectionProps> | ReactElement<FooterLinkSectionProps>[];
|
|
880
|
-
}
|
|
881
|
-
|
|
882
|
-
/**
|
|
883
|
-
* A fixed Posten or Bring logo.
|
|
884
|
-
*
|
|
885
|
-
* 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
|
|
886
|
-
*/
|
|
887
|
-
declare const FooterLogo: ForwardRefExoticComponent<FooterLogoProps & RefAttributes<HTMLDivElement>>;
|
|
888
|
-
export { FooterLogo }
|
|
889
|
-
export { FooterLogo as FooterLogo_alias_1 }
|
|
890
|
-
export { FooterLogo as FooterLogo_alias_2 }
|
|
891
|
-
export { FooterLogo as FooterLogo_alias_3 }
|
|
892
|
-
|
|
893
|
-
declare interface FooterLogoProps extends HTMLAttributes<HTMLDivElement> {
|
|
894
|
-
/**
|
|
895
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
896
|
-
*
|
|
897
|
-
* @default false
|
|
898
|
-
*/
|
|
899
|
-
asChild?: boolean;
|
|
900
|
-
}
|
|
901
|
-
|
|
902
|
-
declare interface FooterProps extends HTMLAttributes<HTMLDivElement> {
|
|
903
|
-
/**
|
|
904
|
-
* Footer variant
|
|
905
|
-
*
|
|
906
|
-
* @default "default"
|
|
907
|
-
*/
|
|
908
|
-
variant?: "default" | "slim";
|
|
909
|
-
/**
|
|
910
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
911
|
-
*
|
|
912
|
-
* @default false
|
|
913
|
-
*/
|
|
914
|
-
asChild?: boolean;
|
|
915
|
-
}
|
|
916
|
-
export { FooterProps }
|
|
917
|
-
export { FooterProps as FooterProps_alias_1 }
|
|
918
|
-
export { FooterProps as FooterProps_alias_2 }
|
|
919
|
-
export { FooterProps as FooterProps_alias_3 }
|
|
920
|
-
|
|
921
|
-
export declare const FormWithErrorsOnSubmit: Story_12;
|
|
922
|
-
|
|
923
|
-
export declare function getResponsiveProps<T>(variable: `--hds-${string}`, inputValues?: ResponsiveProp<T>, valueTransformer?: (value: T) => string): Record<string, string>;
|
|
924
|
-
|
|
925
|
-
export declare function getSpacingVariable(size: SpacingSizes | ResponsiveSpacingSizes): string;
|
|
926
|
-
|
|
927
|
-
/**
|
|
928
|
-
* A simple opionated abstraction over CSS Grid.
|
|
929
|
-
*
|
|
930
|
-
* The grid is always a 12 column grid.
|
|
931
|
-
*
|
|
932
|
-
* @example
|
|
933
|
-
* ```tsx
|
|
934
|
-
* <Grid gap="12-16" span={{ small: 6 }}>
|
|
935
|
-
* <div>6/12</div>
|
|
936
|
-
* <div>6/12</div>
|
|
937
|
-
* <Grid.Item span={{ small: 12 }}>12/12</Grid.Item>
|
|
938
|
-
* <div>6/12</div>
|
|
939
|
-
* <div>6/12</div>
|
|
940
|
-
* </Grid>
|
|
941
|
-
* ```
|
|
942
|
-
*/
|
|
943
|
-
export declare const Grid_alias_3: ForwardRefExoticComponent<GridProps & RefAttributes<HTMLDivElement>>;
|
|
944
|
-
|
|
945
|
-
declare const GridComponent: ForwardRefExoticComponent<GridProps & RefAttributes<HTMLDivElement>> & {
|
|
946
|
-
Item: typeof GridItem;
|
|
947
|
-
};
|
|
948
|
-
export { GridComponent as Grid }
|
|
949
|
-
export { GridComponent as Grid_alias_1 }
|
|
950
|
-
export { GridComponent as Grid_alias_2 }
|
|
951
|
-
export { GridComponent as Grid_alias_4 }
|
|
952
|
-
|
|
953
|
-
/**
|
|
954
|
-
* 🚧 Grid.Item
|
|
955
|
-
*
|
|
956
|
-
* Use as the direct child of a `Grid` to override `span` and `center` for individual items.
|
|
957
|
-
*/
|
|
958
|
-
declare const GridItem: ForwardRefExoticComponent<GridItemProps & RefAttributes<HTMLDivElement>>;
|
|
959
|
-
export { GridItem }
|
|
960
|
-
export { GridItem as GridItem_alias_1 }
|
|
961
|
-
export { GridItem as GridItem_alias_2 }
|
|
962
|
-
export { GridItem as GridItem_alias_3 }
|
|
963
|
-
export { GridItem as GridItem_alias_4 }
|
|
964
|
-
|
|
965
|
-
declare interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
966
|
-
children: React.ReactNode;
|
|
967
|
-
/**
|
|
968
|
-
* Column span for the grid item
|
|
969
|
-
*
|
|
970
|
-
* `default` is `12`
|
|
971
|
-
*/
|
|
972
|
-
span?: ResponsiveProp<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12>;
|
|
973
|
-
/**
|
|
974
|
-
* Center the grid item horizontally
|
|
975
|
-
*
|
|
976
|
-
* Offsets the start position of the grid item relative to it's span so that it appears centered.
|
|
977
|
-
*
|
|
978
|
-
* assumes a span of 2, 4, 6, 8, or 10
|
|
979
|
-
*
|
|
980
|
-
* a span of `12` is 100% width and centering has no effect
|
|
981
|
-
*
|
|
982
|
-
* `default` is `false`
|
|
983
|
-
*/
|
|
984
|
-
center?: ResponsiveProp<boolean>;
|
|
985
|
-
/**
|
|
986
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
987
|
-
*/
|
|
988
|
-
asChild?: boolean;
|
|
989
|
-
}
|
|
990
|
-
export { GridItemProps }
|
|
991
|
-
export { GridItemProps as GridItemProps_alias_1 }
|
|
992
|
-
export { GridItemProps as GridItemProps_alias_2 }
|
|
993
|
-
export { GridItemProps as GridItemProps_alias_3 }
|
|
994
|
-
export { GridItemProps as GridItemProps_alias_4 }
|
|
995
|
-
|
|
996
|
-
declare interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
997
|
-
children: React.ReactNode;
|
|
998
|
-
/**
|
|
999
|
-
* Space between grid items. Both horizontal and vertical.
|
|
1000
|
-
*
|
|
1001
|
-
* Use the responsive shorthand `12-16` to jump a level at the `large` breakpoint.
|
|
1002
|
-
*
|
|
1003
|
-
* Or use the responsive object `{ initial: 40, large: 64 }` to set different values at different breakpoints.
|
|
1004
|
-
*
|
|
1005
|
-
* Use `gapX` and `gapY` to set different values for horizontal and vertical spacing.
|
|
1006
|
-
*/
|
|
1007
|
-
gap?: ResponsiveProp<SpacingSizes> | ResponsiveSpacingSizes;
|
|
1008
|
-
/**
|
|
1009
|
-
* Space between grid items horizontally
|
|
1010
|
-
*/
|
|
1011
|
-
gapX?: ResponsiveProp<SpacingSizes> | ResponsiveSpacingSizes;
|
|
1012
|
-
/**
|
|
1013
|
-
* Space between grid items vertically
|
|
1014
|
-
*/
|
|
1015
|
-
gapY?: ResponsiveProp<SpacingSizes> | ResponsiveSpacingSizes;
|
|
1016
|
-
/**
|
|
1017
|
-
* Column span for the grid items
|
|
1018
|
-
*
|
|
1019
|
-
* `default` is `12`
|
|
1020
|
-
*/
|
|
1021
|
-
span?: ResponsiveProp<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12>;
|
|
1022
|
-
/**
|
|
1023
|
-
* Center grid items horizontally
|
|
1024
|
-
*
|
|
1025
|
-
* Offsets the start position of the grid items relative to their span so that it appears centered.
|
|
1026
|
-
*
|
|
1027
|
-
* assumes a span of 2, 4, 6, 8, or 10
|
|
1028
|
-
*
|
|
1029
|
-
* a span of `12` is 100% width and centering has no effect
|
|
1030
|
-
*
|
|
1031
|
-
* `default` is `false`
|
|
1032
|
-
*/
|
|
1033
|
-
center?: ResponsiveProp<boolean>;
|
|
1034
|
-
/**
|
|
1035
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
1036
|
-
*
|
|
1037
|
-
* @default false
|
|
1038
|
-
*/
|
|
1039
|
-
asChild?: boolean;
|
|
1040
|
-
}
|
|
1041
|
-
export { GridProps }
|
|
1042
|
-
export { GridProps as GridProps_alias_1 }
|
|
1043
|
-
export { GridProps as GridProps_alias_2 }
|
|
1044
|
-
export { GridProps as GridProps_alias_3 }
|
|
1045
|
-
export { GridProps as GridProps_alias_4 }
|
|
1046
|
-
|
|
1047
|
-
declare type HeadingProps = {
|
|
1048
|
-
variant: "h1-display" | "h1" | "h2" | "h3" | "h3-title";
|
|
1049
|
-
asChild: true;
|
|
1050
|
-
as?: never;
|
|
1051
|
-
} | {
|
|
1052
|
-
variant: "h1-display" | "h1" | "h2" | "h3" | "h3-title";
|
|
1053
|
-
as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "div" | "label" | "p";
|
|
1054
|
-
asChild?: never;
|
|
1055
|
-
};
|
|
1056
|
-
|
|
1057
|
-
/**
|
|
1058
|
-
* Show a help text for a word or phrase when clicked
|
|
1059
|
-
*
|
|
1060
|
-
* Useful for providing explanations for domain-specific terms, acronyms or phrases that could do with further elaboration
|
|
1061
|
-
*
|
|
1062
|
-
* @example
|
|
1063
|
-
* ```tsx
|
|
1064
|
-
* <p>
|
|
1065
|
-
* En annen avgjørende faktor for avgifter er om nettbutikken er registrert i{" "}
|
|
1066
|
-
* <HelpText helpText={`VOEC er en forkortelse for "VAT on E-commerce" (mva. på e-handel).`}>
|
|
1067
|
-
* VOEC
|
|
1068
|
-
* </HelpText>
|
|
1069
|
-
* </p>
|
|
1070
|
-
* ```
|
|
1071
|
-
*/
|
|
1072
|
-
declare const HelpText: ForwardRefExoticComponent<HelpTextProps & RefAttributes<HTMLButtonElement>>;
|
|
1073
|
-
export { HelpText }
|
|
1074
|
-
export { HelpText as HelpText_alias_1 }
|
|
1075
|
-
export { HelpText as HelpText_alias_2 }
|
|
1076
|
-
export { HelpText as HelpText_alias_3 }
|
|
1077
|
-
|
|
1078
|
-
declare interface HelpTextProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
1079
|
-
className?: string;
|
|
1080
|
-
/**
|
|
1081
|
-
* The content of the help text, often a word or phrase that could use some explanation
|
|
1082
|
-
*/
|
|
1083
|
-
children: React.ReactNode;
|
|
1084
|
-
/**
|
|
1085
|
-
* The help text that will be shown when the user clicks the trigger
|
|
1086
|
-
*/
|
|
1087
|
-
helpText: React.ReactNode;
|
|
1088
|
-
/**
|
|
1089
|
-
* The title of the help text. Used by screen readers and if the user hover over the help text
|
|
1090
|
-
*/
|
|
1091
|
-
title?: string;
|
|
1092
|
-
/**
|
|
1093
|
-
* Props for the `Box` that contains the help text
|
|
1094
|
-
*/
|
|
1095
|
-
boxProps?: React.ComponentProps<typeof BoxComponent>;
|
|
1096
|
-
/**
|
|
1097
|
-
* The side of the trigger the popover should be attached to
|
|
1098
|
-
*
|
|
1099
|
-
* @default "top"
|
|
1100
|
-
*/
|
|
1101
|
-
side?: "top" | "right" | "bottom" | "left";
|
|
1102
|
-
/**
|
|
1103
|
-
* The alignment of the popover content
|
|
1104
|
-
*
|
|
1105
|
-
* @default "start"
|
|
1106
|
-
*/
|
|
1107
|
-
align?: "center" | "end" | "start";
|
|
1108
|
-
}
|
|
1109
|
-
|
|
1110
|
-
export declare const Horizontal: Story_7;
|
|
1111
|
-
|
|
1112
|
-
export declare const Horizontal_alias_1: Story_28;
|
|
1113
|
-
|
|
1114
|
-
export declare const HorizontalLongContent: Story_7;
|
|
1115
|
-
|
|
1116
|
-
export declare const HorizontalWithMiddleSelected: Story_28;
|
|
1117
|
-
|
|
1118
|
-
/**
|
|
1119
|
-
* 🚨 WORK IN PROGRESS 🚨
|
|
1120
|
-
*
|
|
1121
|
-
* TODO
|
|
1122
|
-
* - [ ] Add more examples
|
|
1123
|
-
* - [ ] Document usage
|
|
1124
|
-
* - [ ] Document props
|
|
1125
|
-
*/
|
|
1126
|
-
declare const HStack: React_2.ForwardRefExoticComponent<Omit<StackProps, "direction"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
1127
|
-
export { HStack }
|
|
1128
|
-
export { HStack as HStack_alias_1 }
|
|
1129
|
-
export { HStack as HStack_alias_2 }
|
|
1130
|
-
export { HStack as HStack_alias_3 }
|
|
1131
|
-
export { HStack as HStack_alias_4 }
|
|
1132
|
-
|
|
1133
|
-
export declare const IconPrimary: Story_5;
|
|
1134
|
-
|
|
1135
|
-
export declare const IconPrimaryOutline: Story_5;
|
|
1136
|
-
|
|
1137
|
-
export declare const IconSecondary: Story_5;
|
|
1138
|
-
|
|
1139
|
-
export declare const IconSecondaryOutline: Story_5;
|
|
1140
|
-
|
|
1141
|
-
declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;
|
|
1142
|
-
export { Input }
|
|
1143
|
-
export { Input as Input_alias_1 }
|
|
1144
|
-
export { Input as Input_alias_2 }
|
|
1145
|
-
export { Input as Input_alias_3 }
|
|
1146
|
-
export { Input as Input_alias_4 }
|
|
1147
|
-
|
|
1148
|
-
declare const InputGroup: ForwardRefExoticComponent<InputGroupProps & RefAttributes<HTMLDivElement>>;
|
|
1149
|
-
export { InputGroup }
|
|
1150
|
-
export { InputGroup as InputGroup_alias_1 }
|
|
1151
|
-
|
|
1152
|
-
declare interface InputGroupProps {
|
|
1153
|
-
id?: string;
|
|
1154
|
-
className?: string;
|
|
1155
|
-
style?: CSSProperties;
|
|
1156
|
-
variant?: "default" | "white";
|
|
1157
|
-
errorMessage?: ReactNode;
|
|
1158
|
-
labelProps?: LabelHTMLAttributes<HTMLLabelElement>;
|
|
1159
|
-
label: ReactNode;
|
|
1160
|
-
disabled?: boolean;
|
|
1161
|
-
readOnly?: boolean;
|
|
1162
|
-
/**
|
|
1163
|
-
* `children` must be either a single input element or a render function.
|
|
1164
|
-
*
|
|
1165
|
-
* If you use a render function, make sure you spread the input props to the appropriate element.
|
|
1166
|
-
*/
|
|
1167
|
-
children: Exclude<ReactNode, Iterable<ReactNode>> | ((inputProps: InputProps_2) => ReactNode);
|
|
1168
|
-
}
|
|
1169
|
-
export { InputGroupProps }
|
|
1170
|
-
export { InputGroupProps as InputGroupProps_alias_1 }
|
|
1171
|
-
|
|
1172
|
-
declare type InputProps = Omit<InputGroupProps & InputHTMLAttributes<HTMLInputElement>, "children">;
|
|
1173
|
-
export { InputProps }
|
|
1174
|
-
export { InputProps as InputProps_alias_1 }
|
|
1175
|
-
export { InputProps as InputProps_alias_2 }
|
|
1176
|
-
export { InputProps as InputProps_alias_3 }
|
|
1177
|
-
export { InputProps as InputProps_alias_4 }
|
|
1178
|
-
|
|
1179
|
-
declare interface InputProps_2 {
|
|
1180
|
-
"aria-describedby"?: string;
|
|
1181
|
-
"aria-invalid"?: boolean;
|
|
1182
|
-
id?: string;
|
|
1183
|
-
className?: string;
|
|
1184
|
-
}
|
|
1185
|
-
|
|
1186
|
-
export declare const Inverted: Story_18;
|
|
1187
|
-
|
|
1188
|
-
export declare const JustACheckbox: Story_8;
|
|
1189
|
-
|
|
1190
|
-
export declare const JustARadiobutton: Story_13;
|
|
1191
|
-
|
|
1192
|
-
export declare const JustOneItem: Story;
|
|
1193
|
-
|
|
1194
|
-
export declare const LargeLegend: Story_11;
|
|
1195
|
-
|
|
1196
|
-
export declare const Lighter: Story_2;
|
|
1197
|
-
|
|
1198
|
-
declare const LighterBadge: ForwardRefExoticComponent<BadgeProps & RefAttributes<HTMLSpanElement>>;
|
|
1199
|
-
export { LighterBadge as Badge }
|
|
1200
|
-
export { LighterBadge as Badge_alias_1 }
|
|
1201
|
-
export { LighterBadge as Badge_alias_2 }
|
|
1202
|
-
export { LighterBadge }
|
|
1203
|
-
export { LighterBadge as LighterBadge_alias_1 }
|
|
1204
|
-
export { LighterBadge as LighterBadge_alias_2 }
|
|
1205
|
-
export { LighterBadge as LighterBadge_alias_3 }
|
|
1206
|
-
|
|
1207
|
-
export declare const LighterBox: Story_3;
|
|
1208
|
-
|
|
1209
|
-
export declare const LightGreyBox: Story_3;
|
|
1210
|
-
|
|
1211
|
-
declare const Link: React_2.ForwardRefExoticComponent<LinkProps & React_2.RefAttributes<HTMLAnchorElement>>;
|
|
1212
|
-
export { Link }
|
|
1213
|
-
export { Link as Link_alias_1 }
|
|
1214
|
-
export { Link as Link_alias_2 }
|
|
1215
|
-
export { Link as Link_alias_3 }
|
|
1216
|
-
|
|
1217
|
-
export declare const LinkInDescription: Story_30;
|
|
1218
|
-
|
|
1219
|
-
/**
|
|
1220
|
-
* Show a list of links
|
|
1221
|
-
*
|
|
1222
|
-
* For other list types use `UnorderedList` and `OrderedList`, or use your own list component using the semantic `ul` and `ol` tags.
|
|
1223
|
-
*/
|
|
1224
|
-
declare const LinkList: ForwardRefExoticComponent<LinkListProps & RefAttributes<HTMLUListElement>>;
|
|
1225
|
-
export { LinkList }
|
|
1226
|
-
export { LinkList as LinkList_alias_1 }
|
|
1227
|
-
export { LinkList as LinkList_alias_2 }
|
|
1228
|
-
export { LinkList as LinkList_alias_3 }
|
|
1229
|
-
|
|
1230
|
-
declare interface LinkListProps extends Omit<ListProps, "listStyle"> {
|
|
1231
|
-
children?: React.ReactElement<HTMLLIElement> | React.ReactElement<HTMLLIElement>[];
|
|
1232
|
-
}
|
|
1233
|
-
export { LinkListProps }
|
|
1234
|
-
export { LinkListProps as LinkListProps_alias_1 }
|
|
1235
|
-
export { LinkListProps as LinkListProps_alias_2 }
|
|
1236
|
-
export { LinkListProps as LinkListProps_alias_3 }
|
|
1237
|
-
|
|
1238
|
-
export declare const LinkListStory: Story_19;
|
|
1239
|
-
|
|
1240
|
-
declare interface LinkProps extends React_2.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
1241
|
-
/**
|
|
1242
|
-
* The visual style of the link
|
|
1243
|
-
*/
|
|
1244
|
-
variant?: "underline" | "solid" | "inverted" | "no-underline";
|
|
1245
|
-
/**
|
|
1246
|
-
* Font size of the link
|
|
1247
|
-
*/
|
|
1248
|
-
size?: "small" | "medium" | "large";
|
|
1249
|
-
children: React_2.ReactNode;
|
|
1250
|
-
/**
|
|
1251
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
1252
|
-
*
|
|
1253
|
-
* @default false
|
|
1254
|
-
*/
|
|
1255
|
-
asChild?: boolean;
|
|
1256
|
-
}
|
|
1257
|
-
export { LinkProps }
|
|
1258
|
-
export { LinkProps as LinkProps_alias_1 }
|
|
1259
|
-
export { LinkProps as LinkProps_alias_2 }
|
|
1260
|
-
export { LinkProps as LinkProps_alias_3 }
|
|
1261
|
-
|
|
1262
|
-
declare interface ListProps extends HTMLAttributes<HTMLOListElement | HTMLUListElement> {
|
|
1263
|
-
/**
|
|
1264
|
-
* Sets the size of the items (font)
|
|
1265
|
-
*
|
|
1266
|
-
* @default "medium"
|
|
1267
|
-
*/
|
|
1268
|
-
size?: "small" | "medium" | "large";
|
|
1269
|
-
}
|
|
1270
|
-
export { ListProps }
|
|
1271
|
-
export { ListProps as ListProps_alias_1 }
|
|
1272
|
-
export { ListProps as ListProps_alias_2 }
|
|
1273
|
-
export { ListProps as ListProps_alias_3 }
|
|
1274
|
-
|
|
1275
|
-
export declare const LoadingCards: Story_25;
|
|
1276
|
-
|
|
1277
|
-
export declare const LongDescriptionOnly: Story_21;
|
|
1278
|
-
|
|
1279
|
-
export declare const Main: {
|
|
1280
|
-
render: (args: ModalProps & RefAttributes<HTMLDialogElement>) => JSX_2.Element;
|
|
1281
|
-
};
|
|
1282
|
-
|
|
1283
|
-
export declare function MenuIcon(): JSX_2.Element;
|
|
1284
|
-
|
|
1285
|
-
export declare const Message_alias_3: ForwardRefExoticComponent<MessageProps & RefAttributes<HTMLDivElement>>;
|
|
1286
|
-
|
|
1287
|
-
declare const MessageComponent: ForwardRefExoticComponent<MessageProps & RefAttributes<HTMLDivElement>> & {
|
|
1288
|
-
Title: typeof MessageTitle;
|
|
1289
|
-
Description: typeof MessageDescription;
|
|
1290
|
-
};
|
|
1291
|
-
export { MessageComponent as Message }
|
|
1292
|
-
export { MessageComponent as Message_alias_1 }
|
|
1293
|
-
export { MessageComponent as Message_alias_2 }
|
|
1294
|
-
|
|
1295
|
-
declare const MessageDescription: ForwardRefExoticComponent<MessageDescriptionProps & RefAttributes<HTMLParagraphElement>>;
|
|
1296
|
-
export { MessageDescription }
|
|
1297
|
-
export { MessageDescription as MessageDescription_alias_1 }
|
|
1298
|
-
export { MessageDescription as MessageDescription_alias_2 }
|
|
1299
|
-
export { MessageDescription as MessageDescription_alias_3 }
|
|
1300
|
-
|
|
1301
|
-
declare interface MessageDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
|
|
1302
|
-
/**
|
|
1303
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
1304
|
-
*
|
|
1305
|
-
* @default false
|
|
1306
|
-
*/
|
|
1307
|
-
asChild?: boolean;
|
|
1308
|
-
}
|
|
1309
|
-
|
|
1310
|
-
export declare type MessageProps = ({
|
|
1311
|
-
variant?: "success" | "attention" | "warning";
|
|
1312
|
-
icon?: never;
|
|
1313
|
-
iconClassName?: never;
|
|
1314
|
-
} | {
|
|
1315
|
-
variant: "neutral";
|
|
1316
|
-
icon?: React.ReactNode;
|
|
1317
|
-
iconClassName?: string;
|
|
1318
|
-
}) & Omit<BoxProps, "variant" | "asChild">;
|
|
1319
|
-
|
|
1320
|
-
declare const MessageTitle: ForwardRefExoticComponent<MessageTitleProps & RefAttributes<HTMLParagraphElement>>;
|
|
1321
|
-
export { MessageTitle }
|
|
1322
|
-
export { MessageTitle as MessageTitle_alias_1 }
|
|
1323
|
-
export { MessageTitle as MessageTitle_alias_2 }
|
|
1324
|
-
export { MessageTitle as MessageTitle_alias_3 }
|
|
1325
|
-
|
|
1326
|
-
declare interface MessageTitleProps extends React.HTMLAttributes<HTMLParagraphElement> {
|
|
1327
|
-
/**
|
|
1328
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
1329
|
-
*
|
|
1330
|
-
* @default false
|
|
1331
|
-
*/
|
|
1332
|
-
asChild?: boolean;
|
|
1333
|
-
}
|
|
1334
|
-
|
|
1335
|
-
export declare const MinAndMax: Story_29;
|
|
1336
|
-
|
|
1337
|
-
/**
|
|
1338
|
-
* A modal dialog is a window that forces the user to interact with it before they can return to other parts of the application.
|
|
1339
|
-
*
|
|
1340
|
-
* Uses the native [`dialog`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog) element.
|
|
1341
|
-
*
|
|
1342
|
-
* @example
|
|
1343
|
-
* ```tsx
|
|
1344
|
-
* const modalRef = useRef<HTMLDialogElement>(null);
|
|
1345
|
-
* const onClose = () => modalRef.current?.close();
|
|
1346
|
-
*
|
|
1347
|
-
* return (
|
|
1348
|
-
* <>
|
|
1349
|
-
* <PrimaryButton onClick={() => modalRef.current?.showModal()}>Open Modal</PrimaryButton>
|
|
1350
|
-
* <Modal ref={modalRef}>
|
|
1351
|
-
* <Modal.Header>Dialog header</Modal.Header>
|
|
1352
|
-
* <Modal.Content>
|
|
1353
|
-
* <p>
|
|
1354
|
-
* Dialog header Dialog description - a description of what is about to happen and maybe
|
|
1355
|
-
* something about the consequences.
|
|
1356
|
-
* </p>
|
|
1357
|
-
* </Modal.Content>
|
|
1358
|
-
* <Modal.Footer>
|
|
1359
|
-
* <HStack gap="16" wrap>
|
|
1360
|
-
* <PrimaryButton onClick={onMainAction}>Main action</PrimaryButton>
|
|
1361
|
-
* <PrimaryButton fill="outline" onClick={onClose}>
|
|
1362
|
-
* Cancel
|
|
1363
|
-
* </PrimaryButton>
|
|
1364
|
-
* </HStack>
|
|
1365
|
-
* </Modal.Footer>
|
|
1366
|
-
* </Modal>
|
|
1367
|
-
* </>
|
|
1368
|
-
* );
|
|
1369
|
-
* ```
|
|
1370
|
-
*/
|
|
1371
|
-
export declare const Modal_alias_3: ForwardRefExoticComponent<ModalProps & RefAttributes<HTMLDialogElement>>;
|
|
1372
|
-
|
|
1373
|
-
declare const ModalComponent: ForwardRefExoticComponent<ModalProps & RefAttributes<HTMLDialogElement>> & {
|
|
1374
|
-
Header: typeof ModalHeader;
|
|
1375
|
-
Content: typeof ModalContent;
|
|
1376
|
-
Footer: typeof ModalFooter;
|
|
1377
|
-
};
|
|
1378
|
-
export { ModalComponent as Modal }
|
|
1379
|
-
export { ModalComponent as Modal_alias_1 }
|
|
1380
|
-
export { ModalComponent as Modal_alias_2 }
|
|
1381
|
-
|
|
1382
|
-
declare const ModalContent: ForwardRefExoticComponent<ModalContentProps & RefAttributes<HTMLDivElement>>;
|
|
1383
|
-
export { ModalContent }
|
|
1384
|
-
export { ModalContent as ModalContent_alias_1 }
|
|
1385
|
-
export { ModalContent as ModalContent_alias_2 }
|
|
1386
|
-
export { ModalContent as ModalContent_alias_3 }
|
|
1387
|
-
|
|
1388
|
-
declare interface ModalContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
1389
|
-
/**
|
|
1390
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
1391
|
-
*
|
|
1392
|
-
* @default false
|
|
1393
|
-
*/
|
|
1394
|
-
asChild?: boolean;
|
|
1395
|
-
}
|
|
1396
|
-
|
|
1397
|
-
declare const ModalFooter: ForwardRefExoticComponent<ModalFooterProps & RefAttributes<HTMLDivElement>>;
|
|
1398
|
-
export { ModalFooter }
|
|
1399
|
-
export { ModalFooter as ModalFooter_alias_1 }
|
|
1400
|
-
export { ModalFooter as ModalFooter_alias_2 }
|
|
1401
|
-
export { ModalFooter as ModalFooter_alias_3 }
|
|
1402
|
-
|
|
1403
|
-
declare interface ModalFooterProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
1404
|
-
/**
|
|
1405
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
1406
|
-
*
|
|
1407
|
-
* @default false
|
|
1408
|
-
*/
|
|
1409
|
-
asChild?: boolean;
|
|
1410
|
-
}
|
|
1411
|
-
|
|
1412
|
-
declare const ModalHeader: ForwardRefExoticComponent<ModalHeaderProps & RefAttributes<HTMLHeadingElement>>;
|
|
1413
|
-
export { ModalHeader }
|
|
1414
|
-
export { ModalHeader as ModalHeader_alias_1 }
|
|
1415
|
-
export { ModalHeader as ModalHeader_alias_2 }
|
|
1416
|
-
export { ModalHeader as ModalHeader_alias_3 }
|
|
1417
|
-
|
|
1418
|
-
declare interface ModalHeaderProps extends React.HTMLAttributes<HTMLHeadingElement> {
|
|
1419
|
-
/**
|
|
1420
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
1421
|
-
*
|
|
1422
|
-
* @default false
|
|
1423
|
-
*/
|
|
1424
|
-
asChild?: boolean;
|
|
1425
|
-
}
|
|
1426
|
-
|
|
1427
|
-
declare interface ModalProps extends React.HTMLAttributes<HTMLDialogElement> {
|
|
1428
|
-
children: React.ReactNode;
|
|
1429
|
-
/**
|
|
1430
|
-
* Controls the open state of the modal
|
|
1431
|
-
*/
|
|
1432
|
-
open?: boolean;
|
|
1433
|
-
/**
|
|
1434
|
-
* Whether to close when clicking on the backdrop.
|
|
1435
|
-
*/
|
|
1436
|
-
closeOnBackdropClick?: boolean;
|
|
1437
|
-
}
|
|
1438
|
-
export { ModalProps }
|
|
1439
|
-
export { ModalProps as ModalProps_alias_1 }
|
|
1440
|
-
export { ModalProps as ModalProps_alias_2 }
|
|
1441
|
-
export { ModalProps as ModalProps_alias_3 }
|
|
1442
|
-
|
|
1443
|
-
export declare const MuchContentBelow: Story_22;
|
|
1444
|
-
|
|
1445
|
-
export declare const MultipleItems: Story;
|
|
1446
|
-
|
|
1447
|
-
/**
|
|
1448
|
-
* 🚨 WORK IN PROGRESS 🚨
|
|
1449
|
-
*/
|
|
1450
|
-
export declare const Navbar_alias_3: ForwardRefExoticComponent<NavbarProps & RefAttributes<HTMLElement>>;
|
|
1451
|
-
|
|
1452
|
-
declare const NavbarButtonItem: ForwardRefExoticComponent<NavbarButtonItemProps & RefAttributes<HTMLButtonElement>>;
|
|
1453
|
-
export { NavbarButtonItem }
|
|
1454
|
-
export { NavbarButtonItem as NavbarButtonItem_alias_1 }
|
|
1455
|
-
export { NavbarButtonItem as NavbarButtonItem_alias_2 }
|
|
1456
|
-
export { NavbarButtonItem as NavbarButtonItem_alias_3 }
|
|
1457
|
-
|
|
1458
|
-
declare interface NavbarButtonItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
1459
|
-
children: React.ReactNode;
|
|
1460
|
-
/**
|
|
1461
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
1462
|
-
*
|
|
1463
|
-
* @default false
|
|
1464
|
-
*/
|
|
1465
|
-
asChild?: boolean;
|
|
1466
|
-
}
|
|
1467
|
-
|
|
1468
|
-
declare const NavbarComponent: ForwardRefExoticComponent<NavbarProps & RefAttributes<HTMLElement>> & {
|
|
1469
|
-
Logo: typeof NavbarLogo;
|
|
1470
|
-
LogoAndServiceText: typeof NavbarLogoAndServiceText;
|
|
1471
|
-
ExpandableMenu: typeof NavbarExpandableMenu;
|
|
1472
|
-
ExpandableMenuTrigger: typeof NavbarExpandableMenuTrigger;
|
|
1473
|
-
ExpandableMenuContent: typeof NavbarExpandableMenuContent;
|
|
1474
|
-
Item: typeof NavbarItem;
|
|
1475
|
-
ButtonItem: typeof NavbarButtonItem;
|
|
1476
|
-
LinkItem: typeof NavbarLinkItem;
|
|
1477
|
-
ItemIcon: typeof NavbarItemIcon;
|
|
1478
|
-
Navigation: typeof NavbarNavigation;
|
|
1479
|
-
};
|
|
1480
|
-
export { NavbarComponent as Navbar }
|
|
1481
|
-
export { NavbarComponent as Navbar_alias_1 }
|
|
1482
|
-
export { NavbarComponent as Navbar_alias_2 }
|
|
1483
|
-
|
|
1484
|
-
/**
|
|
1485
|
-
* Expandable Menu Provider
|
|
1486
|
-
* Handles scroll and focus locking,
|
|
1487
|
-
* as well as scrolling the user to the top of the page.
|
|
1488
|
-
*
|
|
1489
|
-
* If we want a sticky header in the future the scrolling should be configurable
|
|
1490
|
-
*/
|
|
1491
|
-
declare function NavbarExpandableMenu({ children }: NavbarExpandableMenuProps): JSX_2.Element;
|
|
1492
|
-
|
|
1493
|
-
declare namespace NavbarExpandableMenu {
|
|
1494
|
-
var displayName: string;
|
|
1495
|
-
}
|
|
1496
|
-
export { NavbarExpandableMenu }
|
|
1497
|
-
export { NavbarExpandableMenu as NavbarExpandableMenu_alias_1 }
|
|
1498
|
-
export { NavbarExpandableMenu as NavbarExpandableMenu_alias_2 }
|
|
1499
|
-
export { NavbarExpandableMenu as NavbarExpandableMenu_alias_3 }
|
|
1500
|
-
|
|
1501
|
-
declare const NavbarExpandableMenuContent: ForwardRefExoticComponent<NavbarExpandableMenuContentProps & RefAttributes<HTMLDivElement>>;
|
|
1502
|
-
export { NavbarExpandableMenuContent }
|
|
1503
|
-
export { NavbarExpandableMenuContent as NavbarExpandableMenuContent_alias_1 }
|
|
1504
|
-
export { NavbarExpandableMenuContent as NavbarExpandableMenuContent_alias_2 }
|
|
1505
|
-
export { NavbarExpandableMenuContent as NavbarExpandableMenuContent_alias_3 }
|
|
1506
|
-
|
|
1507
|
-
/**
|
|
1508
|
-
* Content
|
|
1509
|
-
*/
|
|
1510
|
-
export declare interface NavbarExpandableMenuContentProps {
|
|
1511
|
-
children: React.ReactNode;
|
|
1512
|
-
className?: string;
|
|
1513
|
-
}
|
|
1514
|
-
|
|
1515
|
-
export declare interface NavbarExpandableMenuProps {
|
|
1516
|
-
children: React.ReactNode;
|
|
1517
|
-
}
|
|
1518
|
-
|
|
1519
|
-
declare const NavbarExpandableMenuTrigger: ForwardRefExoticComponent<NavbarExpandableMenuTriggerProps & RefAttributes<HTMLButtonElement>>;
|
|
1520
|
-
export { NavbarExpandableMenuTrigger }
|
|
1521
|
-
export { NavbarExpandableMenuTrigger as NavbarExpandableMenuTrigger_alias_1 }
|
|
1522
|
-
export { NavbarExpandableMenuTrigger as NavbarExpandableMenuTrigger_alias_2 }
|
|
1523
|
-
export { NavbarExpandableMenuTrigger as NavbarExpandableMenuTrigger_alias_3 }
|
|
1524
|
-
|
|
1525
|
-
/**
|
|
1526
|
-
* Trigger
|
|
1527
|
-
*/
|
|
1528
|
-
export declare interface NavbarExpandableMenuTriggerProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, "children"> {
|
|
1529
|
-
whenClosedText: React.ReactNode;
|
|
1530
|
-
whenClosedHelperTitle?: string;
|
|
1531
|
-
whenOpenText: React.ReactNode;
|
|
1532
|
-
whenOpenHelperTitle?: string;
|
|
1533
|
-
}
|
|
1534
|
-
|
|
1535
|
-
/**
|
|
1536
|
-
* Generic Navbar item
|
|
1537
|
-
*
|
|
1538
|
-
* Use `Navbar.ButtonItem` or `Navbar.LinkItem` for links and buttons
|
|
1539
|
-
*/
|
|
1540
|
-
declare const NavbarItem: ForwardRefExoticComponent<NavbarItemProps & RefAttributes<HTMLDivElement>>;
|
|
1541
|
-
export { NavbarItem }
|
|
1542
|
-
export { NavbarItem as NavbarItem_alias_1 }
|
|
1543
|
-
export { NavbarItem as NavbarItem_alias_2 }
|
|
1544
|
-
export { NavbarItem as NavbarItem_alias_3 }
|
|
1545
|
-
|
|
1546
|
-
/**
|
|
1547
|
-
* Icon to be used inside a `Navbar.Item`, `Navbar.ButtonItem`, or `Navbar.LinkItem`
|
|
1548
|
-
*/
|
|
1549
|
-
declare const NavbarItemIcon: ForwardRefExoticComponent<NavbarItemIconProps & RefAttributes<HTMLDivElement>>;
|
|
1550
|
-
export { NavbarItemIcon }
|
|
1551
|
-
export { NavbarItemIcon as NavbarItemIcon_alias_1 }
|
|
1552
|
-
export { NavbarItemIcon as NavbarItemIcon_alias_2 }
|
|
1553
|
-
export { NavbarItemIcon as NavbarItemIcon_alias_3 }
|
|
1554
|
-
|
|
1555
|
-
declare interface NavbarItemIconProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
1556
|
-
children: React.ReactNode;
|
|
1557
|
-
}
|
|
1558
|
-
|
|
1559
|
-
declare interface NavbarItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
1560
|
-
children: React.ReactNode;
|
|
1561
|
-
/**
|
|
1562
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
1563
|
-
*
|
|
1564
|
-
* @default false
|
|
1565
|
-
*/
|
|
1566
|
-
asChild?: boolean;
|
|
1567
|
-
}
|
|
1568
|
-
|
|
1569
|
-
declare const NavbarLinkItem: ForwardRefExoticComponent<NavbarLinkItemProps & RefAttributes<HTMLAnchorElement>>;
|
|
1570
|
-
export { NavbarLinkItem }
|
|
1571
|
-
export { NavbarLinkItem as NavbarLinkItem_alias_1 }
|
|
1572
|
-
export { NavbarLinkItem as NavbarLinkItem_alias_2 }
|
|
1573
|
-
export { NavbarLinkItem as NavbarLinkItem_alias_3 }
|
|
1574
|
-
|
|
1575
|
-
declare interface NavbarLinkItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
1576
|
-
children: React.ReactNode;
|
|
1577
|
-
/**
|
|
1578
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
1579
|
-
*
|
|
1580
|
-
* @default false
|
|
1581
|
-
*/
|
|
1582
|
-
asChild?: boolean;
|
|
1583
|
-
}
|
|
1584
|
-
|
|
1585
|
-
/**
|
|
1586
|
-
* A fixed Posten or Bring logo.
|
|
1587
|
-
*
|
|
1588
|
-
* 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
|
|
1589
|
-
*/
|
|
1590
|
-
declare const NavbarLogo: ForwardRefExoticComponent<NavbarLogoProps & RefAttributes<HTMLDivElement>>;
|
|
1591
|
-
export { NavbarLogo }
|
|
1592
|
-
export { NavbarLogo as NavbarLogo_alias_1 }
|
|
1593
|
-
export { NavbarLogo as NavbarLogo_alias_2 }
|
|
1594
|
-
export { NavbarLogo as NavbarLogo_alias_3 }
|
|
1595
|
-
|
|
1596
|
-
/**
|
|
1597
|
-
* Internal service or flagship text next to either the Posten or Bring logo
|
|
1598
|
-
*
|
|
1599
|
-
* 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
|
|
1600
|
-
*/
|
|
1601
|
-
declare const NavbarLogoAndServiceText: ForwardRefExoticComponent<NavbarLogoAndServiceText_2 & RefAttributes<HTMLDivElement>>;
|
|
1602
|
-
export { NavbarLogoAndServiceText }
|
|
1603
|
-
export { NavbarLogoAndServiceText as NavbarLogoAndServiceText_alias_1 }
|
|
1604
|
-
export { NavbarLogoAndServiceText as NavbarLogoAndServiceText_alias_2 }
|
|
1605
|
-
export { NavbarLogoAndServiceText as NavbarLogoAndServiceText_alias_3 }
|
|
1606
|
-
|
|
1607
|
-
declare interface NavbarLogoAndServiceText_2 extends HTMLAttributes<HTMLDivElement> {
|
|
1608
|
-
/**
|
|
1609
|
-
* The text display next to the logo
|
|
1610
|
-
*/
|
|
1611
|
-
children: React.ReactNode;
|
|
1612
|
-
/**
|
|
1613
|
-
* The text variant
|
|
1614
|
-
*
|
|
1615
|
-
* Use `service` for internal applications
|
|
1616
|
-
*
|
|
1617
|
-
* Use `flagship` for public facing applications
|
|
1618
|
-
*/
|
|
1619
|
-
variant: "service" | "flagship";
|
|
1620
|
-
/**
|
|
1621
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
1622
|
-
*
|
|
1623
|
-
* @default false
|
|
1624
|
-
*/
|
|
1625
|
-
asChild?: boolean;
|
|
1626
|
-
}
|
|
1627
|
-
|
|
1628
|
-
/**
|
|
1629
|
-
* Internal service or flagship text next to either the Posten or Bring logo
|
|
1630
|
-
*
|
|
1631
|
-
* 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
|
|
1632
|
-
*/
|
|
1633
|
-
declare const NavbarLogoAndServiceText: ForwardRefExoticComponent<NavbarLogoAndServiceText_2 & RefAttributes<HTMLDivElement>>;
|
|
1634
|
-
|
|
1635
|
-
declare interface NavbarLogoProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
1636
|
-
/**
|
|
1637
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
1638
|
-
*
|
|
1639
|
-
* @default false
|
|
1640
|
-
*/
|
|
1641
|
-
asChild?: boolean;
|
|
1642
|
-
}
|
|
1643
|
-
|
|
1644
|
-
declare const NavbarNavigation: ForwardRefExoticComponent<NavbarNavigationProps & RefAttributes<HTMLDivElement>>;
|
|
1645
|
-
export { NavbarNavigation }
|
|
1646
|
-
export { NavbarNavigation as NavbarNavigation_alias_1 }
|
|
1647
|
-
export { NavbarNavigation as NavbarNavigation_alias_2 }
|
|
1648
|
-
export { NavbarNavigation as NavbarNavigation_alias_3 }
|
|
1649
|
-
|
|
1650
|
-
declare interface NavbarNavigationProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
1651
|
-
children: React.ReactNode;
|
|
1652
|
-
/**
|
|
1653
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
1654
|
-
*
|
|
1655
|
-
* @default false
|
|
1656
|
-
*/
|
|
1657
|
-
asChild?: boolean;
|
|
1658
|
-
}
|
|
1659
|
-
|
|
1660
|
-
declare interface NavbarProps extends HTMLAttributes<HTMLElement> {
|
|
1661
|
-
/**
|
|
1662
|
-
* Navbar variant
|
|
1663
|
-
*
|
|
1664
|
-
* By default the `posten.no` variant is used which has a fixed logo and a fixed height of 112px
|
|
1665
|
-
*
|
|
1666
|
-
* For internal services or flagship services use the `service` should be used
|
|
1667
|
-
*
|
|
1668
|
-
* @default "default"
|
|
1669
|
-
*/
|
|
1670
|
-
variant?: "default" | "service";
|
|
1671
|
-
/**
|
|
1672
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
1673
|
-
*
|
|
1674
|
-
* @default false
|
|
1675
|
-
*/
|
|
1676
|
-
asChild?: boolean;
|
|
1677
|
-
}
|
|
1678
|
-
export { NavbarProps }
|
|
1679
|
-
export { NavbarProps as NavbarProps_alias_1 }
|
|
1680
|
-
export { NavbarProps as NavbarProps_alias_2 }
|
|
1681
|
-
export { NavbarProps as NavbarProps_alias_3 }
|
|
1682
|
-
|
|
1683
|
-
export declare const NestedLists: Story_20;
|
|
1684
|
-
|
|
1685
|
-
export declare const Neutral: Story_21;
|
|
1686
|
-
|
|
1687
|
-
export declare const NoIndent: Story;
|
|
1688
|
-
|
|
1689
|
-
export declare const NoUnderline: Story_18;
|
|
1690
|
-
|
|
1691
|
-
/**
|
|
1692
|
-
* An ordered list of simple items
|
|
1693
|
-
*
|
|
1694
|
-
* If you have other list needs, you can build your own using the semantic `ul` and `ol` tags.
|
|
1695
|
-
*
|
|
1696
|
-
* @example
|
|
1697
|
-
* ```tsx
|
|
1698
|
-
* <OrderedList>
|
|
1699
|
-
* <li>Item 1</li>
|
|
1700
|
-
* <li>Item 2</li>
|
|
1701
|
-
* <li>Item 3</li>
|
|
1702
|
-
* </OrderedList>
|
|
1703
|
-
* ```
|
|
1704
|
-
*/
|
|
1705
|
-
declare const OrderedList: ForwardRefExoticComponent<ListProps & RefAttributes<HTMLOListElement>>;
|
|
1706
|
-
export { OrderedList }
|
|
1707
|
-
export { OrderedList as OrderedList_alias_1 }
|
|
1708
|
-
export { OrderedList as OrderedList_alias_2 }
|
|
1709
|
-
export { OrderedList as OrderedList_alias_3 }
|
|
1710
|
-
|
|
1711
|
-
export declare const OrderedListStory: Story_20;
|
|
1712
|
-
|
|
1713
|
-
export declare const Paragraph: Story_7;
|
|
1714
|
-
|
|
1715
|
-
declare interface ParagraphProps {
|
|
1716
|
-
variant?: "body" | "body-title" | "body-small" | "body-small-title" | "technical" | "technical-title" | "caption" | "caption-title";
|
|
1717
|
-
}
|
|
1718
|
-
|
|
1719
|
-
export declare const PlainCheckboxes: Story_8;
|
|
1720
|
-
|
|
1721
|
-
export declare const PlainCheckboxesWithError: Story_8;
|
|
1722
|
-
|
|
1723
|
-
export declare const PlainCheckboxeWithError: Story_8;
|
|
1724
|
-
|
|
1725
|
-
export declare const PlainDatePicker: Story_9;
|
|
1726
|
-
|
|
1727
|
-
export declare const PlainInput: Story_12;
|
|
1728
|
-
|
|
1729
|
-
export declare const PlainInputWithError: Story_12;
|
|
1730
|
-
|
|
1731
|
-
export declare const PlainRadiobuttons: Story_13;
|
|
1732
|
-
|
|
1733
|
-
export declare const PlainRadiobuttonsWithError: Story_13;
|
|
1734
|
-
|
|
1735
|
-
export declare const PlainRadioGroup: Story_14;
|
|
1736
|
-
|
|
1737
|
-
export declare const PlainTextarea: Story_16;
|
|
1738
|
-
|
|
1739
|
-
export declare const PlainTextareaWithError: Story_16;
|
|
1740
|
-
|
|
1741
|
-
export declare const PostenBringSideBySide: Story_29;
|
|
1742
|
-
|
|
1743
|
-
export declare const Primary: Story_5;
|
|
1744
|
-
|
|
1745
|
-
declare const PrimaryButton: ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>;
|
|
1746
|
-
export { PrimaryButton }
|
|
1747
|
-
export { PrimaryButton as PrimaryButton_alias_1 }
|
|
1748
|
-
export { PrimaryButton as PrimaryButton_alias_2 }
|
|
1749
|
-
export { PrimaryButton as PrimaryButton_alias_3 }
|
|
1750
|
-
|
|
1751
|
-
export declare const PrimaryOutline: Story_5;
|
|
1752
|
-
|
|
1753
|
-
declare const Radiobutton: ForwardRefExoticComponent<RadiobuttonProps & RefAttributes<HTMLInputElement>>;
|
|
1754
|
-
export { Radiobutton }
|
|
1755
|
-
export { Radiobutton as Radiobutton_alias_1 }
|
|
1756
|
-
export { Radiobutton as Radiobutton_alias_2 }
|
|
1757
|
-
export { Radiobutton as Radiobutton_alias_3 }
|
|
1758
|
-
export { Radiobutton as Radiobutton_alias_4 }
|
|
1759
|
-
|
|
1760
|
-
declare interface RadiobuttonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue"> {
|
|
1761
|
-
children: ReactNode;
|
|
1762
|
-
variant?: "plain" | "bounding-box";
|
|
1763
|
-
/**
|
|
1764
|
-
* Set to `true` to add error styling. The component will take care of aria to indicate invalid state.
|
|
1765
|
-
*
|
|
1766
|
-
* Normally you don't need this, as you should wrap your Radiobuttons in the RadioGroup component.
|
|
1767
|
-
* When providing an errorMessage to RadioGroup, all contained Radiobuttons will get correct hasError state.
|
|
1768
|
-
*
|
|
1769
|
-
* You can use this when your Radiobutton is part of a non-HDS fieldset which shows an error message.
|
|
1770
|
-
*/
|
|
1771
|
-
hasError?: boolean;
|
|
1772
|
-
title?: string;
|
|
1773
|
-
}
|
|
1774
|
-
export { RadiobuttonProps }
|
|
1775
|
-
export { RadiobuttonProps as RadiobuttonProps_alias_1 }
|
|
1776
|
-
export { RadiobuttonProps as RadiobuttonProps_alias_2 }
|
|
1777
|
-
export { RadiobuttonProps as RadiobuttonProps_alias_3 }
|
|
1778
|
-
export { RadiobuttonProps as RadiobuttonProps_alias_4 }
|
|
1779
|
-
|
|
1780
|
-
declare const RadioGroup: ForwardRefExoticComponent<RadioGroupProps & RefAttributes<HTMLFieldSetElement>>;
|
|
1781
|
-
export { RadioGroup }
|
|
1782
|
-
export { RadioGroup as RadioGroup_alias_1 }
|
|
1783
|
-
export { RadioGroup as RadioGroup_alias_2 }
|
|
1784
|
-
export { RadioGroup as RadioGroup_alias_3 }
|
|
1785
|
-
export { RadioGroup as RadioGroup_alias_4 }
|
|
1786
|
-
|
|
1787
|
-
declare type RadioGroupContextProps = {
|
|
1788
|
-
hasError: boolean;
|
|
1789
|
-
} & Pick<RadioGroupProps, "name" | "value" | "onChange">;
|
|
1790
|
-
|
|
1791
|
-
declare interface RadioGroupProps extends Omit<FieldsetProps, "onChange"> {
|
|
1792
|
-
children: ReactNode;
|
|
1793
|
-
/** Will be passed to all Radiobuttons within the radio group */
|
|
1794
|
-
name?: RadiobuttonProps["name"];
|
|
1795
|
-
/** If you want the group to be controlled, you can pass the selected value here */
|
|
1796
|
-
value?: RadiobuttonProps["value"];
|
|
1797
|
-
/**
|
|
1798
|
-
* Error message is passed to the internal Fieldset, and will also give contained Radiobuttons
|
|
1799
|
-
* error styling and aria to indicate invalid state.
|
|
1800
|
-
*/
|
|
1801
|
-
errorMessage?: ReactNode;
|
|
1802
|
-
/** Will be passed to all Radiobuttons within the radio group */
|
|
1803
|
-
onChange?: ChangeEventHandler<HTMLInputElement> | undefined;
|
|
1804
|
-
}
|
|
1805
|
-
export { RadioGroupProps }
|
|
1806
|
-
export { RadioGroupProps as RadioGroupProps_alias_1 }
|
|
1807
|
-
export { RadioGroupProps as RadioGroupProps_alias_2 }
|
|
1808
|
-
export { RadioGroupProps as RadioGroupProps_alias_3 }
|
|
1809
|
-
export { RadioGroupProps as RadioGroupProps_alias_4 }
|
|
1810
|
-
|
|
1811
|
-
export declare const ReadonlyInput: Story_12;
|
|
1812
|
-
|
|
1813
|
-
export declare const ReadonlyInputWithError: Story_12;
|
|
1814
|
-
|
|
1815
|
-
export declare const ReadonlyTextarea: Story_16;
|
|
1816
|
-
|
|
1817
|
-
export declare const ReadonlyTextareaWithError: Story_16;
|
|
1818
|
-
|
|
1819
|
-
/**
|
|
1820
|
-
* Unset the `inert` attribute on all elements given
|
|
1821
|
-
*/
|
|
1822
|
-
export declare function releaseFocusTrap(inertElements: Iterable<HTMLElement>): void;
|
|
1823
|
-
|
|
1824
|
-
export declare type ResponsiveProp<T> = T | ResponsiveValues<T>;
|
|
1825
|
-
|
|
1826
|
-
export declare type ResponsiveSpacingSizes = keyof typeof responsiveSpacingSizes;
|
|
1827
|
-
|
|
1828
|
-
declare const responsiveSpacingSizes: {
|
|
1829
|
-
readonly "4-8": "4-8";
|
|
1830
|
-
readonly "8-12": "8-12";
|
|
1831
|
-
readonly "12-16": "12-16";
|
|
1832
|
-
readonly "16-20": "16-20";
|
|
1833
|
-
readonly "20-24": "20-24";
|
|
1834
|
-
readonly "24-32": "24-32";
|
|
1835
|
-
readonly "32-40": "32-40";
|
|
1836
|
-
readonly "40-48": "40-48";
|
|
1837
|
-
readonly "48-64": "48-64";
|
|
1838
|
-
readonly "64-80": "64-80";
|
|
1839
|
-
readonly "80-120": "80-120";
|
|
1840
|
-
readonly "120-160": "120-160";
|
|
1841
|
-
};
|
|
1842
|
-
|
|
1843
|
-
declare type ResponsiveValues<T> = {
|
|
1844
|
-
[Breakpoint in Breakpoints]?: T;
|
|
1845
|
-
};
|
|
1846
|
-
|
|
1847
|
-
export declare const Secondary: Story_5;
|
|
1848
|
-
|
|
1849
|
-
declare const SecondaryButton: ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>;
|
|
1850
|
-
export { SecondaryButton }
|
|
1851
|
-
export { SecondaryButton as SecondaryButton_alias_1 }
|
|
1852
|
-
export { SecondaryButton as SecondaryButton_alias_2 }
|
|
1853
|
-
export { SecondaryButton as SecondaryButton_alias_3 }
|
|
1854
|
-
|
|
1855
|
-
export declare const SecondaryOutline: Story_5;
|
|
1856
|
-
|
|
1857
|
-
declare const Select: ForwardRefExoticComponent<Omit<InputGroupProps & SelectHTMLAttributes<HTMLSelectElement>, "children" | "readOnly"> & {
|
|
1858
|
-
children: ReactNode;
|
|
1859
|
-
} & RefAttributes<HTMLSelectElement>>;
|
|
1860
|
-
export { Select }
|
|
1861
|
-
export { Select as Select_alias_1 }
|
|
1862
|
-
export { Select as Select_alias_2 }
|
|
1863
|
-
export { Select as Select_alias_3 }
|
|
1864
|
-
export { Select as Select_alias_4 }
|
|
1865
|
-
|
|
1866
|
-
declare type SelectProps = Omit<InputGroupProps & SelectHTMLAttributes<HTMLSelectElement>, "readOnly" | "children"> & {
|
|
1867
|
-
children: ReactNode;
|
|
1868
|
-
};
|
|
1869
|
-
export { SelectProps }
|
|
1870
|
-
export { SelectProps as SelectProps_alias_1 }
|
|
1871
|
-
export { SelectProps as SelectProps_alias_2 }
|
|
1872
|
-
export { SelectProps as SelectProps_alias_3 }
|
|
1873
|
-
export { SelectProps as SelectProps_alias_4 }
|
|
1874
|
-
|
|
1875
|
-
export declare const ShareParcelModal: {
|
|
1876
|
-
render: (args: ModalProps & RefAttributes<HTMLDialogElement>) => JSX_2.Element;
|
|
1877
|
-
};
|
|
1878
|
-
|
|
1879
|
-
export declare const ShowMore: Story_24;
|
|
1880
|
-
|
|
1881
|
-
/**
|
|
1882
|
-
* Simple button for triggering more content.
|
|
1883
|
-
*
|
|
1884
|
-
* You have to add the logic for what happens when the button is clicked yourself.
|
|
1885
|
-
*
|
|
1886
|
-
* @example
|
|
1887
|
-
* ```tsx
|
|
1888
|
-
* function Content() {
|
|
1889
|
-
* const [items, fetchMoreItems, moreItemsAvailable] = useYourData();
|
|
1890
|
-
* function onShowMoreItems() {
|
|
1891
|
-
* fetchMoreItems();
|
|
1892
|
-
* }
|
|
1893
|
-
* return (
|
|
1894
|
-
* <>
|
|
1895
|
-
* <ul>
|
|
1896
|
-
* {items.map((item) => (
|
|
1897
|
-
* <li key={item.id}>{item.text}</li>
|
|
1898
|
-
* ))}
|
|
1899
|
-
* </ul>
|
|
1900
|
-
* {moreItemsAvailable ?
|
|
1901
|
-
* <ShowMoreButton className="mt-8" onClick={onShowMoreItems} lang="en" /> :
|
|
1902
|
-
* null
|
|
1903
|
-
* }
|
|
1904
|
-
* </>
|
|
1905
|
-
* )
|
|
1906
|
-
* }
|
|
1907
|
-
* ```
|
|
1908
|
-
*/
|
|
1909
|
-
declare const ShowMoreButton: ForwardRefExoticComponent<ShowMoreProps & RefAttributes<HTMLButtonElement>>;
|
|
1910
|
-
export { ShowMoreButton }
|
|
1911
|
-
export { ShowMoreButton as ShowMoreButton_alias_1 }
|
|
1912
|
-
export { ShowMoreButton as ShowMoreButton_alias_2 }
|
|
1913
|
-
export { ShowMoreButton as ShowMoreButton_alias_3 }
|
|
1914
|
-
|
|
1915
|
-
declare type ShowMoreProps = React.HTMLAttributes<HTMLButtonElement> & {
|
|
1916
|
-
text: React.ReactNode;
|
|
1917
|
-
} & Variant;
|
|
1918
|
-
export { ShowMoreProps }
|
|
1919
|
-
export { ShowMoreProps as ShowMoreProps_alias_1 }
|
|
1920
|
-
export { ShowMoreProps as ShowMoreProps_alias_2 }
|
|
1921
|
-
export { ShowMoreProps as ShowMoreProps_alias_3 }
|
|
1922
|
-
|
|
1923
|
-
export declare const ShowMoreShowLess: Story_24;
|
|
1924
|
-
|
|
1925
|
-
export declare const ShowMoreShowLessExpanded: Story_24;
|
|
1926
|
-
|
|
1927
|
-
export declare const SimpleShowMoreShowLess: Story_24;
|
|
1928
|
-
|
|
1929
|
-
export declare const SingleAccordion: Story;
|
|
1930
|
-
|
|
1931
|
-
/**
|
|
1932
|
-
* Make skeleton loading states as placeholders for your content while waiting for data to load.
|
|
1933
|
-
*
|
|
1934
|
-
* **Note**
|
|
1935
|
-
*
|
|
1936
|
-
* Consider if this is really needed. The best experience is to avoid loading states altogether.
|
|
1937
|
-
* If your loading takes under 1 second, it better to not show anything at all.
|
|
1938
|
-
*
|
|
1939
|
-
* - Make your backend faster
|
|
1940
|
-
* - Preload/prefetch data
|
|
1941
|
-
* - Avoid data loading waterfalls
|
|
1942
|
-
* - Use optimistic ui when doing mutations
|
|
1943
|
-
*
|
|
1944
|
-
* **Usage**
|
|
1945
|
-
*
|
|
1946
|
-
* ```tsx
|
|
1947
|
-
* <Skeleton variant="circle" width="2rem" height="2rem" />
|
|
1948
|
-
* <Skeleton variant="text" />
|
|
1949
|
-
* <Skeleton variant="text" width="80%" />
|
|
1950
|
-
* <Skeleton variant="text">Uses content to determine width</Skeleton>
|
|
1951
|
-
* <Skeleton variant="rectangle" width="300px" height="400px" />
|
|
1952
|
-
* ```
|
|
1953
|
-
*
|
|
1954
|
-
* Remember to set `aria-hidden` on top level components you use that are not the `Skeleton` component.
|
|
1955
|
-
*
|
|
1956
|
-
* The `Skeleton` component does this for it self, but if you are using other components higher up in the tree, it might cause problems with screen readers
|
|
1957
|
-
*
|
|
1958
|
-
* **References**
|
|
1959
|
-
* - https://aksel.nav.no/komponenter/core/skeleton
|
|
1960
|
-
* - https://chakra-ui.com/docs/components/skeleton
|
|
1961
|
-
* - https://mui.com/material-ui/react-skeleton/
|
|
1962
|
-
*/
|
|
1963
|
-
declare const Skeleton: ForwardRefExoticComponent<SkeletonPropsInner & DimensionsFromWidthAndHeight & RefAttributes<HTMLDivElement>>;
|
|
1964
|
-
export { Skeleton }
|
|
1965
|
-
export { Skeleton as Skeleton_alias_1 }
|
|
1966
|
-
export { Skeleton as Skeleton_alias_2 }
|
|
1967
|
-
export { Skeleton as Skeleton_alias_3 }
|
|
1968
|
-
|
|
1969
|
-
declare type SkeletonProps = SkeletonPropsInner & DimensionsFromWidthAndHeight;
|
|
1970
|
-
export { SkeletonProps }
|
|
1971
|
-
export { SkeletonProps as SkeletonProps_alias_1 }
|
|
1972
|
-
export { SkeletonProps as SkeletonProps_alias_2 }
|
|
1973
|
-
export { SkeletonProps as SkeletonProps_alias_3 }
|
|
1974
|
-
|
|
1975
|
-
declare interface SkeletonPropsInner extends React.HTMLAttributes<HTMLDivElement> {
|
|
1976
|
-
/**
|
|
1977
|
-
* The visual style of the Skeleton
|
|
1978
|
-
*/
|
|
1979
|
-
variant?: "text" | "circle" | "rectangle" | "rounded";
|
|
1980
|
-
/**
|
|
1981
|
-
* Whether to show animation or not
|
|
1982
|
-
* In the future the animation effect might become configurable
|
|
1983
|
-
*
|
|
1984
|
-
* default true
|
|
1985
|
-
*/
|
|
1986
|
-
animation?: boolean;
|
|
1987
|
-
children?: React.ReactNode;
|
|
1988
|
-
/**
|
|
1989
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
1990
|
-
*
|
|
1991
|
-
* @default false
|
|
1992
|
-
*/
|
|
1993
|
-
asChild?: boolean;
|
|
1994
|
-
/**
|
|
1995
|
-
* Convienence prop to change the rendered element.
|
|
1996
|
-
*
|
|
1997
|
-
* Use {@link SkeletonProps.asChild} if you need more control of the rendered element.
|
|
1998
|
-
*/
|
|
1999
|
-
as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "div" | "label" | "p";
|
|
2000
|
-
}
|
|
2001
|
-
|
|
2002
|
-
export declare const Slim: Story_17;
|
|
2003
|
-
|
|
2004
|
-
export declare const Small: Story_27;
|
|
2005
|
-
|
|
2006
|
-
export declare const Solid: Story_18;
|
|
2007
|
-
|
|
2008
|
-
export declare type SpacingSizes = keyof typeof spacingSizes;
|
|
2009
|
-
|
|
2010
|
-
declare const spacingSizes: {
|
|
2011
|
-
readonly "4": "4";
|
|
2012
|
-
readonly "8": "8";
|
|
2013
|
-
readonly "12": "12";
|
|
2014
|
-
readonly "16": "16";
|
|
2015
|
-
readonly "20": "20";
|
|
2016
|
-
readonly "24": "24";
|
|
2017
|
-
readonly "32": "32";
|
|
2018
|
-
readonly "40": "40";
|
|
2019
|
-
readonly "48": "48";
|
|
2020
|
-
readonly "64": "64";
|
|
2021
|
-
readonly "80": "80";
|
|
2022
|
-
readonly "120": "120";
|
|
2023
|
-
};
|
|
2024
|
-
|
|
2025
|
-
/**
|
|
2026
|
-
* 🚨 WORK IN PROGRESS 🚨
|
|
2027
|
-
*
|
|
2028
|
-
* TODO
|
|
2029
|
-
* - [ ] Add more examples
|
|
2030
|
-
* - [ ] Document usage
|
|
2031
|
-
* - [ ] Document props
|
|
2032
|
-
*/
|
|
2033
|
-
declare const Stack: React_2.ForwardRefExoticComponent<StackProps & React_2.RefAttributes<HTMLDivElement>>;
|
|
2034
|
-
export { Stack }
|
|
2035
|
-
export { Stack as Stack_alias_1 }
|
|
2036
|
-
export { Stack as Stack_alias_2 }
|
|
2037
|
-
export { Stack as Stack_alias_3 }
|
|
2038
|
-
export { Stack as Stack_alias_4 }
|
|
2039
|
-
|
|
2040
|
-
declare interface StackProps extends React_2.HTMLAttributes<HTMLDivElement> {
|
|
2041
|
-
children: React_2.ReactNode;
|
|
2042
|
-
/**
|
|
2043
|
-
* Space between items. Both horizontal and vertical.
|
|
2044
|
-
*
|
|
2045
|
-
* Use the responsive shorthand `12-16` to jump a level at the `large` breakpoint.
|
|
2046
|
-
*
|
|
2047
|
-
* Or use the responsive object `{ initial: 40, large: 64 }` to set different values at different breakpoints.
|
|
2048
|
-
*
|
|
2049
|
-
* Use `gapX` and `gapY` to set different values for horizontal and vertical spacing.
|
|
2050
|
-
*/
|
|
2051
|
-
gap?: ResponsiveProp<SpacingSizes> | ResponsiveSpacingSizes;
|
|
2052
|
-
/**
|
|
2053
|
-
* Space between items horizontally
|
|
2054
|
-
*/
|
|
2055
|
-
gapX?: ResponsiveProp<SpacingSizes> | ResponsiveSpacingSizes;
|
|
2056
|
-
/**
|
|
2057
|
-
* Space between items vertically
|
|
2058
|
-
*/
|
|
2059
|
-
gapY?: ResponsiveProp<SpacingSizes> | ResponsiveSpacingSizes;
|
|
2060
|
-
direction?: ResponsiveProp<React_2.CSSProperties["flexDirection"]>;
|
|
2061
|
-
wrap?: ResponsiveProp<boolean>;
|
|
2062
|
-
align?: ResponsiveProp<React_2.CSSProperties["alignItems"]>;
|
|
2063
|
-
justify?: ResponsiveProp<React_2.CSSProperties["justifyContent"]>;
|
|
2064
|
-
/**
|
|
2065
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
2066
|
-
*
|
|
2067
|
-
* @default false
|
|
2068
|
-
*/
|
|
2069
|
-
asChild?: boolean;
|
|
2070
|
-
}
|
|
2071
|
-
export { StackProps }
|
|
2072
|
-
export { StackProps as StackProps_alias_1 }
|
|
2073
|
-
export { StackProps as StackProps_alias_2 }
|
|
2074
|
-
export { StackProps as StackProps_alias_3 }
|
|
2075
|
-
export { StackProps as StackProps_alias_4 }
|
|
2076
|
-
|
|
2077
|
-
/**
|
|
2078
|
-
* Indicate a step in a process.
|
|
2079
|
-
*
|
|
2080
|
-
* It does not handle step content or navigation, only the visual indication of the active step.
|
|
2081
|
-
*/
|
|
2082
|
-
declare const StepIndicator: ForwardRefExoticComponent<(StepIndicatorProps & TitleProps) & RefAttributes<HTMLDivElement>>;
|
|
2083
|
-
export { StepIndicator }
|
|
2084
|
-
export { StepIndicator as StepIndicator_alias_1 }
|
|
2085
|
-
export { StepIndicator as StepIndicator_alias_2 }
|
|
2086
|
-
export { StepIndicator as StepIndicator_alias_3 }
|
|
2087
|
-
|
|
2088
|
-
declare interface StepIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
2089
|
-
activeStep: number;
|
|
2090
|
-
/**
|
|
2091
|
-
* 1-indexed number of steps
|
|
2092
|
-
*/
|
|
2093
|
-
totalSteps: number;
|
|
2094
|
-
/**
|
|
2095
|
-
* Label on the left side above the steps
|
|
2096
|
-
*/
|
|
2097
|
-
label: React.ReactNode;
|
|
2098
|
-
/**
|
|
2099
|
-
* Language for the "step x of y" label, default is "en"
|
|
2100
|
-
*/
|
|
2101
|
-
lang?: "no" | "en" | "da" | "sv";
|
|
2102
|
-
}
|
|
2103
|
-
|
|
2104
|
-
declare type Story = StoryObj<typeof AccordionComponent>;
|
|
2105
|
-
|
|
2106
|
-
declare type Story_10 = StoryObj<typeof ErrorMessage>;
|
|
2107
|
-
|
|
2108
|
-
declare type Story_11 = StoryObj<typeof Fieldset>;
|
|
2109
|
-
|
|
2110
|
-
declare type Story_12 = StoryObj<typeof Input>;
|
|
2111
|
-
|
|
2112
|
-
declare type Story_13 = StoryObj<typeof Radiobutton>;
|
|
2113
|
-
|
|
2114
|
-
declare type Story_14 = StoryObj<typeof RadioGroup>;
|
|
2115
|
-
|
|
2116
|
-
declare type Story_15 = StoryObj<typeof Select>;
|
|
2117
|
-
|
|
2118
|
-
declare type Story_16 = StoryObj<typeof Textarea>;
|
|
2119
|
-
|
|
2120
|
-
declare type Story_17 = StoryObj<typeof Container>;
|
|
2121
|
-
|
|
2122
|
-
declare type Story_18 = StoryObj<typeof Link>;
|
|
2123
|
-
|
|
2124
|
-
declare type Story_19 = StoryObj<typeof LinkList>;
|
|
2125
|
-
|
|
2126
|
-
declare type Story_2 = StoryObj<typeof LighterBadge>;
|
|
2127
|
-
|
|
2128
|
-
declare type Story_20 = StoryObj<typeof UnorderedList>;
|
|
2129
|
-
|
|
2130
|
-
declare type Story_21 = StoryObj<typeof MessageComponent>;
|
|
2131
|
-
|
|
2132
|
-
declare type Story_22 = StoryObj<typeof ModalComponent>;
|
|
2133
|
-
|
|
2134
|
-
declare type Story_23 = StoryObj<typeof NavbarComponent>;
|
|
2135
|
-
|
|
2136
|
-
declare type Story_24 = StoryObj<typeof ShowMoreButton>;
|
|
2137
|
-
|
|
2138
|
-
declare type Story_25 = StoryObj<typeof Skeleton>;
|
|
2139
|
-
|
|
2140
|
-
declare type Story_26 = StoryObj<typeof StepIndicator>;
|
|
2141
|
-
|
|
2142
|
-
declare type Story_27 = StoryObj<typeof StyledHtml>;
|
|
2143
|
-
|
|
2144
|
-
declare type Story_28 = StoryObj<typeof TabsComponent>;
|
|
2145
|
-
|
|
2146
|
-
declare type Story_29 = StoryObj<typeof Text_2>;
|
|
2147
|
-
|
|
2148
|
-
declare type Story_3 = StoryObj<typeof BoxComponent>;
|
|
2149
|
-
|
|
2150
|
-
declare type Story_30 = StoryObj<typeof WarningBanner>;
|
|
2151
|
-
|
|
2152
|
-
declare type Story_4 = StoryObj<typeof Breadcrumbs>;
|
|
2153
|
-
|
|
2154
|
-
declare type Story_5 = StoryObj<typeof PrimaryButton>;
|
|
2155
|
-
|
|
2156
|
-
declare type Story_6 = StoryObj<typeof CardComponent>;
|
|
2157
|
-
|
|
2158
|
-
declare type Story_7 = StoryObj<typeof DescriptionList>;
|
|
2159
|
-
|
|
2160
|
-
declare type Story_8 = StoryObj<typeof Checkbox>;
|
|
2161
|
-
|
|
2162
|
-
declare type Story_9 = StoryObj<typeof DatePicker>;
|
|
2163
|
-
|
|
2164
|
-
/**
|
|
2165
|
-
* A component for displaying dynamic content that you want to apply hedwig styling to.
|
|
2166
|
-
* the styling depends on the semantic html elements you use inside the component.
|
|
2167
|
-
*
|
|
2168
|
-
* Useful when you have dynamic content that you want styled with hedwig, like content from a CMS.
|
|
2169
|
-
*
|
|
2170
|
-
* Previously known as `hw-wysiwyg` in hedwig legacy. In tailwind this kind of component it is known as `prose`.
|
|
2171
|
-
*
|
|
2172
|
-
* @example
|
|
2173
|
-
* ```tsx
|
|
2174
|
-
* <StyledHtml>
|
|
2175
|
-
* <h1>Heading 1</h1>
|
|
2176
|
-
* <h2>Heading 2</h2>
|
|
2177
|
-
* <a href="https://www.postenbring.no">Postenbring</a>
|
|
2178
|
-
* <ul>
|
|
2179
|
-
* <li>Hei</li>
|
|
2180
|
-
* <li>Hallo</li>
|
|
2181
|
-
* <li>Hello</li>
|
|
2182
|
-
* </ul>
|
|
2183
|
-
* </StyledHtml>
|
|
2184
|
-
* ```
|
|
2185
|
-
*/
|
|
2186
|
-
declare const StyledHtml: ForwardRefExoticComponent<StyledHtmlProps & RefAttributes<HTMLDivElement>>;
|
|
2187
|
-
export { StyledHtml }
|
|
2188
|
-
export { StyledHtml as StyledHtml_alias_1 }
|
|
2189
|
-
export { StyledHtml as StyledHtml_alias_2 }
|
|
2190
|
-
export { StyledHtml as StyledHtml_alias_3 }
|
|
2191
|
-
|
|
2192
|
-
declare interface StyledHtmlProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
2193
|
-
children?: React.ReactNode;
|
|
2194
|
-
size?: "default" | "small";
|
|
2195
|
-
darkmode?: boolean;
|
|
2196
|
-
/**
|
|
2197
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
2198
|
-
*
|
|
2199
|
-
* @default false
|
|
2200
|
-
*/
|
|
2201
|
-
asChild?: boolean;
|
|
2202
|
-
}
|
|
2203
|
-
export { StyledHtmlProps }
|
|
2204
|
-
export { StyledHtmlProps as StyledHtmlProps_alias_1 }
|
|
2205
|
-
export { StyledHtmlProps as StyledHtmlProps_alias_2 }
|
|
2206
|
-
export { StyledHtmlProps as StyledHtmlProps_alias_3 }
|
|
2207
|
-
|
|
2208
|
-
export declare const Success: Story_21;
|
|
2209
|
-
|
|
2210
|
-
declare const Table: ForwardRefExoticComponent<TableProps & RefAttributes<HTMLTableElement>>;
|
|
2211
|
-
export { Table }
|
|
2212
|
-
export { Table as Table_alias_1 }
|
|
2213
|
-
export { Table as Table_alias_2 }
|
|
2214
|
-
export { Table as Table_alias_3 }
|
|
2215
|
-
|
|
2216
|
-
declare interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
|
|
2217
|
-
className?: string;
|
|
2218
|
-
/**
|
|
2219
|
-
* Size of the table
|
|
2220
|
-
*
|
|
2221
|
-
* Use `compressed` for a more compact table, or `mobile-compressed` for a compact table on mobile screens only.
|
|
2222
|
-
*/
|
|
2223
|
-
size?: "default" | "compressed" | "mobile-compressed";
|
|
2224
|
-
/**
|
|
2225
|
-
* The table caption
|
|
2226
|
-
*
|
|
2227
|
-
* You can also set this by passing `<caption>` as a first child of the table
|
|
2228
|
-
*/
|
|
2229
|
-
caption?: React.ReactNode;
|
|
2230
|
-
/**
|
|
2231
|
-
* Optional description of the table displayed underneath the table
|
|
2232
|
-
*
|
|
2233
|
-
* Ensures the `aria-describedby` attribute is set on the table, making it accessible for screen readers.
|
|
2234
|
-
*/
|
|
2235
|
-
description?: React.ReactNode;
|
|
2236
|
-
}
|
|
2237
|
-
|
|
2238
|
-
export declare const Tabs_alias_3: ForwardRefExoticComponent<TabsProps & RefAttributes<HTMLDivElement>>;
|
|
2239
|
-
|
|
2240
|
-
declare const TabsComponent: ForwardRefExoticComponent<TabsProps & RefAttributes<HTMLDivElement>> & {
|
|
2241
|
-
List: typeof TabsList;
|
|
2242
|
-
Tab: typeof TabsTab;
|
|
2243
|
-
Contents: typeof TabsContents;
|
|
2244
|
-
Content: typeof TabsContent;
|
|
2245
|
-
};
|
|
2246
|
-
export { TabsComponent as Tabs }
|
|
2247
|
-
export { TabsComponent as Tabs_alias_1 }
|
|
2248
|
-
export { TabsComponent as Tabs_alias_2 }
|
|
2249
|
-
|
|
2250
|
-
declare const TabsContent: ForwardRefExoticComponent<TabsContentProps & RefAttributes<HTMLDivElement>>;
|
|
2251
|
-
export { TabsContent }
|
|
2252
|
-
export { TabsContent as TabsContent_alias_1 }
|
|
2253
|
-
export { TabsContent as TabsContent_alias_2 }
|
|
2254
|
-
export { TabsContent as TabsContent_alias_3 }
|
|
2255
|
-
|
|
2256
|
-
declare interface TabsContentProps extends HTMLAttributes<HTMLElement> {
|
|
2257
|
-
children: ReactElement<HTMLElement> | ReactElement<HTMLElement>[] | string;
|
|
2258
|
-
/**
|
|
2259
|
-
* Content for the referenced tabId
|
|
2260
|
-
*/
|
|
2261
|
-
forTabId: string;
|
|
2262
|
-
/**
|
|
2263
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
2264
|
-
*
|
|
2265
|
-
* @default false
|
|
2266
|
-
*/
|
|
2267
|
-
asChild?: boolean;
|
|
2268
|
-
}
|
|
2269
|
-
export { TabsContentProps }
|
|
2270
|
-
export { TabsContentProps as TabsContentProps_alias_1 }
|
|
2271
|
-
export { TabsContentProps as TabsContentProps_alias_2 }
|
|
2272
|
-
export { TabsContentProps as TabsContentProps_alias_3 }
|
|
2273
|
-
|
|
2274
|
-
declare const TabsContents: ForwardRefExoticComponent<TabsContentsProps & RefAttributes<HTMLDivElement>>;
|
|
2275
|
-
export { TabsContents }
|
|
2276
|
-
export { TabsContents as TabsContents_alias_1 }
|
|
2277
|
-
export { TabsContents as TabsContents_alias_2 }
|
|
2278
|
-
export { TabsContents as TabsContents_alias_3 }
|
|
2279
|
-
|
|
2280
|
-
declare interface TabsContentsProps extends HTMLAttributes<HTMLDivElement> {
|
|
2281
|
-
children: ReactElement<TabsContentProps> | ReactElement<TabsContentProps>[];
|
|
2282
|
-
/**
|
|
2283
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
2284
|
-
*
|
|
2285
|
-
* @default false
|
|
2286
|
-
*/
|
|
2287
|
-
asChild?: boolean;
|
|
2288
|
-
}
|
|
2289
|
-
export { TabsContentsProps }
|
|
2290
|
-
export { TabsContentsProps as TabsContentsProps_alias_1 }
|
|
2291
|
-
export { TabsContentsProps as TabsContentsProps_alias_2 }
|
|
2292
|
-
export { TabsContentsProps as TabsContentsProps_alias_3 }
|
|
2293
|
-
|
|
2294
|
-
export declare const TabsContext: Context<TabsContextProps | null>;
|
|
2295
|
-
|
|
2296
|
-
export declare interface TabsContextProps {
|
|
2297
|
-
activeTabId: string;
|
|
2298
|
-
toggleActiveTabId: (tabId: string) => void;
|
|
2299
|
-
}
|
|
2300
|
-
|
|
2301
|
-
declare const TabsList: ForwardRefExoticComponent<TabsListProps & RefAttributes<HTMLDivElement>>;
|
|
2302
|
-
export { TabsList }
|
|
2303
|
-
export { TabsList as TabsList_alias_1 }
|
|
2304
|
-
export { TabsList as TabsList_alias_2 }
|
|
2305
|
-
export { TabsList as TabsList_alias_3 }
|
|
2306
|
-
|
|
2307
|
-
declare interface TabsListProps extends HTMLAttributes<HTMLDivElement> {
|
|
2308
|
-
children: ReactElement<TabsTabProps> | ReactElement<TabsTabProps>[];
|
|
2309
|
-
/**
|
|
2310
|
-
* Direction of the tabs. Can either be vertical or horizontal.
|
|
2311
|
-
* Horizontal breaks on window width with fallback back to vertical
|
|
2312
|
-
*
|
|
2313
|
-
* @default "horizontal"
|
|
2314
|
-
*/
|
|
2315
|
-
direction?: "vertical" | "horizontal";
|
|
2316
|
-
}
|
|
2317
|
-
export { TabsListProps }
|
|
2318
|
-
export { TabsListProps as TabsListProps_alias_1 }
|
|
2319
|
-
export { TabsListProps as TabsListProps_alias_2 }
|
|
2320
|
-
export { TabsListProps as TabsListProps_alias_3 }
|
|
2321
|
-
|
|
2322
|
-
declare interface TabsProps extends HTMLAttributes<HTMLDivElement> {
|
|
2323
|
-
children: ReactElement<TabsListProps | TabsContentsProps>[] | ReactElement;
|
|
2324
|
-
/**
|
|
2325
|
-
* Define which tab to use as default. Must be one of the <Tab/>s identifier.
|
|
2326
|
-
*/
|
|
2327
|
-
defaultTab: string;
|
|
2328
|
-
/**
|
|
2329
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
2330
|
-
*
|
|
2331
|
-
* @default false
|
|
2332
|
-
*/
|
|
2333
|
-
asChild?: boolean;
|
|
2334
|
-
}
|
|
2335
|
-
export { TabsProps }
|
|
2336
|
-
export { TabsProps as TabsProps_alias_1 }
|
|
2337
|
-
export { TabsProps as TabsProps_alias_2 }
|
|
2338
|
-
export { TabsProps as TabsProps_alias_3 }
|
|
2339
|
-
|
|
2340
|
-
declare const TabsTab: ForwardRefExoticComponent<TabsTabProps & RefAttributes<HTMLButtonElement>>;
|
|
2341
|
-
export { TabsTab }
|
|
2342
|
-
export { TabsTab as TabsTab_alias_1 }
|
|
2343
|
-
export { TabsTab as TabsTab_alias_2 }
|
|
2344
|
-
export { TabsTab as TabsTab_alias_3 }
|
|
2345
|
-
|
|
2346
|
-
declare interface TabsTabProps extends HTMLAttributes<HTMLButtonElement> {
|
|
2347
|
-
children: ReactElement<HTMLElement> | string;
|
|
2348
|
-
/**
|
|
2349
|
-
* Identifier for the tab
|
|
2350
|
-
*/
|
|
2351
|
-
tabId: string;
|
|
2352
|
-
}
|
|
2353
|
-
export { TabsTabProps }
|
|
2354
|
-
export { TabsTabProps as TabsTabProps_alias_1 }
|
|
2355
|
-
export { TabsTabProps as TabsTabProps_alias_2 }
|
|
2356
|
-
export { TabsTabProps as TabsTabProps_alias_3 }
|
|
2357
|
-
|
|
2358
|
-
/**
|
|
2359
|
-
* Text component
|
|
2360
|
-
*
|
|
2361
|
-
* If the variant is `h1-display`, `h1`, `h2`, `h3`, or `h3-title` the `as` or `asChild` prop is required.
|
|
2362
|
-
*
|
|
2363
|
-
* This is to force the consumer to consider which semantic html element to use. E.g. `<h1>` or `<h2>`
|
|
2364
|
-
*
|
|
2365
|
-
* @example
|
|
2366
|
-
* ```tsx
|
|
2367
|
-
* <Text variant="h1-display" as="h1">Hello world</Text>
|
|
2368
|
-
* <Text variant="body">
|
|
2369
|
-
* This is a body text
|
|
2370
|
-
* </Text>
|
|
2371
|
-
* ```
|
|
2372
|
-
*/
|
|
2373
|
-
declare const Text_2: React_3.ForwardRefExoticComponent<TextProps & React_3.RefAttributes<HTMLHeadingElement | HTMLParagraphElement>>;
|
|
2374
|
-
export { Text_2 as Text }
|
|
2375
|
-
export { Text_2 as Text_alias_1 }
|
|
2376
|
-
export { Text_2 as Text_alias_2 }
|
|
2377
|
-
export { Text_2 as Text_alias_3 }
|
|
2378
|
-
|
|
2379
|
-
declare const Textarea: ForwardRefExoticComponent<TextareaProps & RefAttributes<HTMLTextAreaElement>>;
|
|
2380
|
-
export { Textarea }
|
|
2381
|
-
export { Textarea as Textarea_alias_1 }
|
|
2382
|
-
export { Textarea as Textarea_alias_2 }
|
|
2383
|
-
export { Textarea as Textarea_alias_3 }
|
|
2384
|
-
export { Textarea as Textarea_alias_4 }
|
|
2385
|
-
|
|
2386
|
-
declare type TextareaProps = Omit<InputGroupProps & TextareaHTMLAttributes<HTMLTextAreaElement>, "children">;
|
|
2387
|
-
export { TextareaProps }
|
|
2388
|
-
export { TextareaProps as TextareaProps_alias_1 }
|
|
2389
|
-
export { TextareaProps as TextareaProps_alias_2 }
|
|
2390
|
-
export { TextareaProps as TextareaProps_alias_3 }
|
|
2391
|
-
export { TextareaProps as TextareaProps_alias_4 }
|
|
2392
|
-
|
|
2393
|
-
declare type TextProps = {
|
|
2394
|
-
children: React_3.ReactNode;
|
|
2395
|
-
/**
|
|
2396
|
-
* The font-size of the component. By default it's `fluid` which means it's smaller on mobile and larger on desktop.
|
|
2397
|
-
*
|
|
2398
|
-
* But you can lock it to either the min or the max size.
|
|
2399
|
-
*
|
|
2400
|
-
* @default "fluid"
|
|
2401
|
-
*/
|
|
2402
|
-
size?: "min" | "max" | "fluid";
|
|
2403
|
-
/**
|
|
2404
|
-
* Change the default rendered element for the one passed as a child, merging their props and behavior.
|
|
2405
|
-
*
|
|
2406
|
-
* @default false
|
|
2407
|
-
*/
|
|
2408
|
-
asChild?: boolean;
|
|
2409
|
-
/**
|
|
2410
|
-
* Convienence prop to change the rendered element.
|
|
2411
|
-
*
|
|
2412
|
-
* Use {@link TextProps.asChild} if you need more control of the rendered element.
|
|
2413
|
-
*/
|
|
2414
|
-
as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "div" | "label" | "p";
|
|
2415
|
-
/**
|
|
2416
|
-
* 🚧 Experimental spacing
|
|
2417
|
-
*/
|
|
2418
|
-
_unstableSpacing?: boolean;
|
|
2419
|
-
} & (HeadingProps | ParagraphProps) & React_3.HTMLAttributes<HTMLParagraphElement | HTMLHeadingElement>;
|
|
2420
|
-
export { TextProps }
|
|
2421
|
-
export { TextProps as TextProps_alias_1 }
|
|
2422
|
-
export { TextProps as TextProps_alias_2 }
|
|
2423
|
-
export { TextProps as TextProps_alias_3 }
|
|
2424
|
-
|
|
2425
|
-
export declare const Title: Story_26;
|
|
2426
|
-
|
|
2427
|
-
export declare const TitleOnly: Story_21;
|
|
2428
|
-
|
|
2429
|
-
export declare const TitleOnly_alias_1: Story_30;
|
|
2430
|
-
|
|
2431
|
-
declare type TitleProps = {
|
|
2432
|
-
/**
|
|
2433
|
-
* Optional title of the active step to be shown underneath the step indicator
|
|
2434
|
-
*
|
|
2435
|
-
* Use `titleAs` to set the correct heading level
|
|
2436
|
-
*/
|
|
2437
|
-
title: React.ReactNode;
|
|
2438
|
-
titleAs: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
2439
|
-
} | {
|
|
2440
|
-
title?: undefined;
|
|
2441
|
-
titleAs?: undefined;
|
|
2442
|
-
};
|
|
2443
|
-
|
|
2444
|
-
export declare const TrackingNumberSearch: Story_12;
|
|
2445
|
-
|
|
2446
|
-
/**
|
|
2447
|
-
* You should have at minimum two levels in your hierarchy to use breadcrumbs.
|
|
2448
|
-
*/
|
|
2449
|
-
export declare const TwoElements: Story_4;
|
|
2450
|
-
|
|
2451
|
-
export declare const Underline: Story_18;
|
|
2452
|
-
|
|
2453
|
-
/**
|
|
2454
|
-
* An unordered list of simple items, often text. You can nest other lists inside this component.
|
|
2455
|
-
*
|
|
2456
|
-
* If you have other list needs, you can build your own using the semantic `ul` and `ol` tags.
|
|
2457
|
-
*
|
|
2458
|
-
* @example
|
|
2459
|
-
* ```tsx
|
|
2460
|
-
* <UnorderedList>
|
|
2461
|
-
* <li>Item 1</li>
|
|
2462
|
-
* <li>Item 2</li>
|
|
2463
|
-
* <li>Item 3</li>
|
|
2464
|
-
* </UnorderedList>
|
|
2465
|
-
* ```
|
|
2466
|
-
*/
|
|
2467
|
-
declare const UnorderedList: ForwardRefExoticComponent<ListProps & RefAttributes<HTMLUListElement>>;
|
|
2468
|
-
export { UnorderedList }
|
|
2469
|
-
export { UnorderedList as UnorderedList_alias_1 }
|
|
2470
|
-
export { UnorderedList as UnorderedList_alias_2 }
|
|
2471
|
-
export { UnorderedList as UnorderedList_alias_3 }
|
|
2472
|
-
|
|
2473
|
-
export declare const UnorderedListStory: Story_20;
|
|
2474
|
-
|
|
2475
|
-
declare const useFieldsetContext: () => {
|
|
2476
|
-
hasError: boolean;
|
|
2477
|
-
};
|
|
2478
|
-
export { useFieldsetContext }
|
|
2479
|
-
export { useFieldsetContext as useFieldsetContext_alias_1 }
|
|
2480
|
-
export { useFieldsetContext as useFieldsetContext_alias_2 }
|
|
2481
|
-
export { useFieldsetContext as useFieldsetContext_alias_3 }
|
|
2482
|
-
export { useFieldsetContext as useFieldsetContext_alias_4 }
|
|
2483
|
-
|
|
2484
|
-
export declare function useHydrated(): boolean;
|
|
2485
|
-
|
|
2486
|
-
/**
|
|
2487
|
-
* Merges an array of refs into a single memoized callback ref or `null`.
|
|
2488
|
-
* @see https://floating-ui.com/docs/useMergeRefs
|
|
2489
|
-
*/
|
|
2490
|
-
export declare function useMergeRefs<Instance>(refs: (React_2.Ref<Instance> | undefined)[]): React_2.RefCallback<Instance> | null;
|
|
2491
|
-
|
|
2492
|
-
declare const useNavbarExpendableMenuContext: () => readonly [boolean, () => void];
|
|
2493
|
-
export { useNavbarExpendableMenuContext }
|
|
2494
|
-
export { useNavbarExpendableMenuContext as useNavbarExpendableMenuContext_alias_1 }
|
|
2495
|
-
export { useNavbarExpendableMenuContext as useNavbarExpendableMenuContext_alias_2 }
|
|
2496
|
-
export { useNavbarExpendableMenuContext as useNavbarExpendableMenuContext_alias_3 }
|
|
2497
|
-
|
|
2498
|
-
declare const useRadioGroupContext: () => RadioGroupContextProps;
|
|
2499
|
-
export { useRadioGroupContext }
|
|
2500
|
-
export { useRadioGroupContext as useRadioGroupContext_alias_1 }
|
|
2501
|
-
export { useRadioGroupContext as useRadioGroupContext_alias_2 }
|
|
2502
|
-
export { useRadioGroupContext as useRadioGroupContext_alias_3 }
|
|
2503
|
-
export { useRadioGroupContext as useRadioGroupContext_alias_4 }
|
|
2504
|
-
|
|
2505
|
-
export declare function useResize<Instance extends HTMLElement>(ref: React_2.RefObject<Instance> | undefined | null): {
|
|
2506
|
-
width: number;
|
|
2507
|
-
height: number;
|
|
2508
|
-
};
|
|
2509
|
-
|
|
2510
|
-
export declare function useTabsContext(): TabsContextProps;
|
|
2511
|
-
|
|
2512
|
-
declare type Variant = {
|
|
2513
|
-
variant?: "show-more";
|
|
2514
|
-
expanded?: never;
|
|
2515
|
-
} | {
|
|
2516
|
-
variant: "show-more-show-less";
|
|
2517
|
-
expanded: boolean;
|
|
2518
|
-
};
|
|
2519
|
-
|
|
2520
|
-
export declare const Vertical: Story_7;
|
|
2521
|
-
|
|
2522
|
-
export declare const Vertical_alias_1: Story_28;
|
|
2523
|
-
|
|
2524
|
-
/**
|
|
2525
|
-
* 🚨 WORK IN PROGRESS 🚨
|
|
2526
|
-
*
|
|
2527
|
-
* TODO
|
|
2528
|
-
* - [ ] Add more examples
|
|
2529
|
-
* - [ ] Document usage
|
|
2530
|
-
* - [ ] Document props
|
|
2531
|
-
*/
|
|
2532
|
-
declare const VStack: React_2.ForwardRefExoticComponent<Omit<StackProps, "direction"> & React_2.RefAttributes<HTMLDivElement>>;
|
|
2533
|
-
export { VStack }
|
|
2534
|
-
export { VStack as VStack_alias_1 }
|
|
2535
|
-
export { VStack as VStack_alias_2 }
|
|
2536
|
-
export { VStack as VStack_alias_3 }
|
|
2537
|
-
export { VStack as VStack_alias_4 }
|
|
2538
|
-
|
|
2539
|
-
export declare const Warning: Story_2;
|
|
2540
|
-
|
|
2541
|
-
export declare const Warning_alias_1: Story_21;
|
|
2542
|
-
|
|
2543
|
-
declare const WarningBadge: ForwardRefExoticComponent<BadgeProps & RefAttributes<HTMLSpanElement>>;
|
|
2544
|
-
export { WarningBadge }
|
|
2545
|
-
export { WarningBadge as WarningBadge_alias_1 }
|
|
2546
|
-
export { WarningBadge as WarningBadge_alias_2 }
|
|
2547
|
-
export { WarningBadge as WarningBadge_alias_3 }
|
|
2548
|
-
|
|
2549
|
-
declare const WarningBanner: React_3.ForwardRefExoticComponent<WarningBannerProps & React_3.RefAttributes<HTMLDivElement>>;
|
|
2550
|
-
export { WarningBanner }
|
|
2551
|
-
export { WarningBanner as WarningBanner_alias_1 }
|
|
2552
|
-
export { WarningBanner as WarningBanner_alias_2 }
|
|
2553
|
-
export { WarningBanner as WarningBanner_alias_3 }
|
|
2554
|
-
|
|
2555
|
-
declare interface WarningBannerProps extends Omit<React_3.HTMLAttributes<HTMLDivElement>, "title"> {
|
|
2556
|
-
title: ReactNode;
|
|
2557
|
-
description?: ReactNode;
|
|
2558
|
-
}
|
|
2559
|
-
export { WarningBannerProps }
|
|
2560
|
-
export { WarningBannerProps as WarningBannerProps_alias_1 }
|
|
2561
|
-
export { WarningBannerProps as WarningBannerProps_alias_2 }
|
|
2562
|
-
export { WarningBannerProps as WarningBannerProps_alias_3 }
|
|
2563
|
-
|
|
2564
|
-
export declare const WarningBox: Story_3;
|
|
2565
|
-
|
|
2566
|
-
export declare const White: Story_2;
|
|
2567
|
-
|
|
2568
|
-
export declare const White_alias_1: Story_15;
|
|
2569
|
-
|
|
2570
|
-
declare const WhiteBadge: ForwardRefExoticComponent<BadgeProps & RefAttributes<HTMLSpanElement>>;
|
|
2571
|
-
export { WhiteBadge }
|
|
2572
|
-
export { WhiteBadge as WhiteBadge_alias_1 }
|
|
2573
|
-
export { WhiteBadge as WhiteBadge_alias_2 }
|
|
2574
|
-
export { WhiteBadge as WhiteBadge_alias_3 }
|
|
2575
|
-
|
|
2576
|
-
export declare const WhiteBox: Story_3;
|
|
2577
|
-
|
|
2578
|
-
export declare const WhiteInput: Story_12;
|
|
2579
|
-
|
|
2580
|
-
export declare const WhiteInputWithError: Story_12;
|
|
2581
|
-
|
|
2582
|
-
export declare const WhiteReadonlyInput: Story_12;
|
|
2583
|
-
|
|
2584
|
-
export declare const WhiteReadonlyInputWithError: Story_12;
|
|
2585
|
-
|
|
2586
|
-
export declare const WhiteReadonlyTextarea: Story_16;
|
|
2587
|
-
|
|
2588
|
-
export declare const WhiteReadonlyTextareaWithError: Story_16;
|
|
2589
|
-
|
|
2590
|
-
export declare const WhiteTextarea: Story_16;
|
|
2591
|
-
|
|
2592
|
-
export declare const WhiteTextareaWithError: Story_16;
|
|
2593
|
-
|
|
2594
|
-
export declare const WhiteWithError: Story_15;
|
|
2595
|
-
|
|
2596
|
-
export declare const WithBadgeInLabel: Story_26;
|
|
2597
|
-
|
|
2598
|
-
export declare const WrappedInDivs: Story_7;
|
|
2599
|
-
|
|
2600
|
-
export { }
|