@amboss/design-system 3.36.2 → 3.36.3--canary-4
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/build/cjs/components/BinaryFeedback/-types.d.ts +4 -5
- package/build/cjs/components/BinaryFeedback/BinaryFeedback.d.ts +1 -1
- package/build/cjs/components/BinaryFeedback/BinaryFeedback.js +1 -1
- package/build/cjs/components/BinaryFeedback/BinaryFeedbackOption.d.ts +1 -1
- package/build/cjs/components/BinaryFeedback/BinaryFeedbackOption.js +1 -1
- package/build/cjs/components/BulkActionsToolbar/BulkActionsToolbar.d.ts +3 -1
- package/build/cjs/components/BulkActionsToolbar/BulkActionsToolbar.js +1 -1
- package/build/cjs/components/BulkActionsToolbar/useBulkActionsToolbar.d.ts +7 -0
- package/build/cjs/components/BulkActionsToolbar/useBulkActionsToolbar.js +1 -0
- package/build/cjs/components/Content/ContentPictogramButton/ContentPictogramButton.d.ts +10 -0
- package/build/cjs/components/Content/ContentPictogramButton/ContentPictogramButton.js +1 -0
- package/build/cjs/components/Content/ReferenceButton/ReferenceButton.js +1 -1
- package/build/cjs/components/EntityList/BaseEntityList.d.ts +1 -1
- package/build/cjs/components/EntityList/BaseEntityList.js +1 -1
- package/build/cjs/components/EntityList/EntityItemBody.js +1 -1
- package/build/cjs/components/EntityList/EntityListItem.js +1 -1
- package/build/cjs/components/EntityList/VirtualizedEntityList.d.ts +1 -1
- package/build/cjs/components/EntityList/types.d.ts +6 -1
- package/build/cjs/components/EntityList/useFocusByIndex.d.ts +2 -1
- package/build/cjs/components/EntityList/useFocusByIndex.js +1 -1
- package/build/cjs/components/EntityTree/BaseEntityTree.js +1 -1
- package/build/cjs/components/Lightbox/Lightbox.d.ts +6 -1
- package/build/cjs/components/Lightbox/Lightbox.js +2 -2
- package/build/cjs/components/Link/Link.js +1 -1
- package/build/cjs/components/NavBar/NavBar.d.ts +15 -7
- package/build/cjs/components/NavBar/NavBar.js +1 -1
- package/build/cjs/components/NavBar/NavBarContext.d.ts +11 -0
- package/build/cjs/components/NavBar/NavBarContext.js +1 -0
- package/build/cjs/components/NavBar/NavBarPrimaryNav.d.ts +11 -2
- package/build/cjs/components/NavBar/NavBarPrimaryNav.js +1 -1
- package/build/cjs/components/NavBar/NavBarPrimaryNavLinkItem.d.ts +11 -0
- package/build/cjs/components/NavBar/NavBarPrimaryNavLinkItem.js +1 -0
- package/build/cjs/components/NavBar/NavBarSecondaryNav.d.ts +25 -0
- package/build/cjs/components/NavBar/NavBarSecondaryNav.js +1 -0
- package/build/cjs/components/NavBar/NavBarSlideDown.js +1 -1
- package/build/cjs/components/NavBar/NavBarSubMenuContainer.d.ts +6 -8
- package/build/cjs/components/NavBar/NavBarSubMenuContainer.js +1 -1
- package/build/cjs/components/NavBar/index.d.ts +4 -0
- package/build/cjs/components/NavBar/index.js +1 -1
- package/build/cjs/components/Patterns/ButtonGroup/ButtonGroup.d.ts +2 -1
- package/build/cjs/components/Patterns/Modal/Modal.d.ts +11 -2
- package/build/cjs/components/Patterns/Modal/Modal.js +2 -2
- package/build/cjs/components/ProgressBar/ProgressBar.d.ts +3 -3
- package/build/cjs/components/ProgressBar/ProgressBar.js +1 -1
- package/build/cjs/components/SegmentedProgressBar/-types.d.ts +2 -1
- package/build/cjs/components/SegmentedProgressBar/SegmentedProgressBar.d.ts +1 -1
- package/build/cjs/components/SegmentedProgressBar/SegmentedProgressBar.js +1 -1
- package/build/cjs/index.d.ts +1 -0
- package/build/cjs/index.js +1 -1
- package/build/cjs/web-tokens/_colors.json +106 -82
- package/build/cjs/web-tokens/visualConfig.d.ts +65 -51
- package/build/cjs/web-tokens/visualConfig.js +1 -1
- package/build/esm/components/BinaryFeedback/-types.d.ts +4 -5
- package/build/esm/components/BinaryFeedback/BinaryFeedback.d.ts +1 -1
- package/build/esm/components/BinaryFeedback/BinaryFeedback.js +1 -1
- package/build/esm/components/BinaryFeedback/BinaryFeedbackOption.d.ts +1 -1
- package/build/esm/components/BinaryFeedback/BinaryFeedbackOption.js +1 -1
- package/build/esm/components/BulkActionsToolbar/BulkActionsToolbar.d.ts +3 -1
- package/build/esm/components/BulkActionsToolbar/BulkActionsToolbar.js +1 -1
- package/build/esm/components/BulkActionsToolbar/useBulkActionsToolbar.d.ts +7 -0
- package/build/esm/components/BulkActionsToolbar/useBulkActionsToolbar.js +1 -0
- package/build/esm/components/Content/ContentPictogramButton/ContentPictogramButton.d.ts +10 -0
- package/build/esm/components/Content/ContentPictogramButton/ContentPictogramButton.js +1 -0
- package/build/esm/components/Content/ReferenceButton/ReferenceButton.js +1 -1
- package/build/esm/components/EntityList/BaseEntityList.d.ts +1 -1
- package/build/esm/components/EntityList/BaseEntityList.js +1 -1
- package/build/esm/components/EntityList/EntityItemBody.js +1 -1
- package/build/esm/components/EntityList/EntityListItem.js +1 -1
- package/build/esm/components/EntityList/VirtualizedEntityList.d.ts +1 -1
- package/build/esm/components/EntityList/types.d.ts +6 -1
- package/build/esm/components/EntityList/useFocusByIndex.d.ts +2 -1
- package/build/esm/components/EntityList/useFocusByIndex.js +1 -1
- package/build/esm/components/EntityTree/BaseEntityTree.js +1 -1
- package/build/esm/components/Lightbox/Lightbox.d.ts +6 -1
- package/build/esm/components/Lightbox/Lightbox.js +2 -2
- package/build/esm/components/Link/Link.js +1 -1
- package/build/esm/components/NavBar/NavBar.d.ts +15 -7
- package/build/esm/components/NavBar/NavBar.js +1 -1
- package/build/esm/components/NavBar/NavBarContext.d.ts +11 -0
- package/build/esm/components/NavBar/NavBarContext.js +1 -0
- package/build/esm/components/NavBar/NavBarPrimaryNav.d.ts +11 -2
- package/build/esm/components/NavBar/NavBarPrimaryNav.js +1 -1
- package/build/esm/components/NavBar/NavBarPrimaryNavLinkItem.d.ts +11 -0
- package/build/esm/components/NavBar/NavBarPrimaryNavLinkItem.js +1 -0
- package/build/esm/components/NavBar/NavBarSecondaryNav.d.ts +25 -0
- package/build/esm/components/NavBar/NavBarSecondaryNav.js +1 -0
- package/build/esm/components/NavBar/NavBarSlideDown.js +1 -1
- package/build/esm/components/NavBar/NavBarSubMenuContainer.d.ts +6 -8
- package/build/esm/components/NavBar/NavBarSubMenuContainer.js +1 -1
- package/build/esm/components/NavBar/index.d.ts +4 -0
- package/build/esm/components/NavBar/index.js +1 -1
- package/build/esm/components/Patterns/ButtonGroup/ButtonGroup.d.ts +2 -1
- package/build/esm/components/Patterns/Modal/Modal.d.ts +11 -2
- package/build/esm/components/Patterns/Modal/Modal.js +2 -2
- package/build/esm/components/ProgressBar/ProgressBar.d.ts +3 -3
- package/build/esm/components/ProgressBar/ProgressBar.js +1 -1
- package/build/esm/components/SegmentedProgressBar/-types.d.ts +2 -1
- package/build/esm/components/SegmentedProgressBar/SegmentedProgressBar.d.ts +1 -1
- package/build/esm/components/SegmentedProgressBar/SegmentedProgressBar.js +1 -1
- package/build/esm/index.d.ts +1 -0
- package/build/esm/index.js +1 -1
- package/build/esm/web-tokens/_colors.json +106 -82
- package/build/esm/web-tokens/visualConfig.d.ts +65 -51
- package/build/esm/web-tokens/visualConfig.js +1 -1
- package/build/scss/_dark.scss +27 -21
- package/build/scss/_light.scss +27 -21
- package/build/scss/_variables.scss +27 -21
- package/package.json +1 -1
- package/build/cjs/components/NavBar/NavBarTabButton.d.ts +0 -10
- package/build/cjs/components/NavBar/NavBarTabButton.js +0 -1
- package/build/esm/components/NavBar/NavBarTabButton.d.ts +0 -10
- package/build/esm/components/NavBar/NavBarTabButton.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import styled from"@emotion/styled";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import{NavBarSlideDown}from"./NavBarSlideDown";export const StyledBorderContainer=styled("div",{target:"
|
|
1
|
+
import React from"react";import styled from"@emotion/styled";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import{NavBarSlideDown}from"./NavBarSlideDown";import{useNavBarContext}from"./NavBarContext";export const StyledBorderContainer=styled("div",{target:"efbzz6a0",label:"StyledBorderContainer"})(({theme})=>({borderBottom:`1px solid ${theme.values.color.border.secondary.default}`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclN1Yk1lbnVDb250YWluZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9OYXZCYXIvTmF2QmFyU3ViTWVudUNvbnRhaW5lci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBTdWJUaGVtZVByb3ZpZGVyLFxuICB0eXBlIFN1YlRoZW1lUHJvdmlkZXJQcm9wcyxcbn0gZnJvbSBcIi4uL1N1YlRoZW1lUHJvdmlkZXIvU3ViVGhlbWVQcm92aWRlclwiO1xuaW1wb3J0IHR5cGUgeyBOYXZCYXJOYW1lIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IE5hdkJhclNsaWRlRG93biB9IGZyb20gXCIuL05hdkJhclNsaWRlRG93blwiO1xuaW1wb3J0IHsgdXNlTmF2QmFyQ29udGV4dCB9IGZyb20gXCIuL05hdkJhckNvbnRleHRcIjtcblxudHlwZSBOYXZCYXJTdWJNZW51Q29udGFpbmVyUHJvcHMgPSB7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xufTtcblxuY29uc3QgQ09OVEFJTkVSX0JPUkRFUl9XSURUSCA9IDE7XG5leHBvcnQgY29uc3QgU3R5bGVkQm9yZGVyQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBib3JkZXJCb3R0b206IGAke0NPTlRBSU5FUl9CT1JERVJfV0lEVEh9cHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG59KSk7XG5cbmNvbnN0IFN0eWxlZFN1Yk1lbnVDb250YWluZXIgPSBzdHlsZWQoU3R5bGVkQm9yZGVyQ29udGFpbmVyKSgoeyB0aGVtZSB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudFN1YnRsZS5kZWZhdWx0LFxuICBib3hTaGFkb3c6IHRoZW1lLnZhbHVlcy5lbGV2YXRpb25bMV0sXG4gIFwiJiA+IGRpdlwiOiB7XG4gICAgbWFyZ2luQm90dG9tOiAtQ09OVEFJTkVSX0JPUkRFUl9XSURUSCwgLy8gVGFicyBib3JkZXIgc2hvdWxkIGJlIGFib3ZlIG9mIFN0eWxlZEJvcmRlckNvbnRhaW5lclxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3Qgc3ViVGhlbWVNYXBwaW5nOiBSZWNvcmQ8XG4gIE5hdkJhck5hbWUsXG4gIFN1YlRoZW1lUHJvdmlkZXJQcm9wc1tcIm5hbWVcIl1cbj4gPSB7XG4gIGxlYXJuaW5nOiBcImJyYW5kU3VidGxlXCIsXG4gIGNsaW5pY2FsQ2FyZTogXCJ1bnNldFwiLFxuICB0ZWFjaGluZzogXCJkaW1tZWRTdWJ0bGVcIixcbiAgdW5zZXQ6IFwidW5zZXRcIixcbn07XG5cbmV4cG9ydCBjb25zdCBOYXZCYXJTdWJNZW51Q29udGFpbmVyID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQsXG4gIE5hdkJhclN1Yk1lbnVDb250YWluZXJQcm9wc1xuPigoeyBjaGlsZHJlbiwgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IHsgc3ViVGhlbWUsIGlzQ29tcGFjdCB9ID0gdXNlTmF2QmFyQ29udGV4dCgpO1xuXG4gIHJldHVybiAoXG4gICAgPFN1YlRoZW1lUHJvdmlkZXIgbmFtZT17c3ViVGhlbWVNYXBwaW5nW3N1YlRoZW1lXX0+XG4gICAgICA8TmF2QmFyU2xpZGVEb3duIGlzVmlzaWJsZT17IWlzQ29tcGFjdH0gcG9zaXRpb249XCJib3R0b21cIj5cbiAgICAgICAgPFN0eWxlZFN1Yk1lbnVDb250YWluZXIgcmVmPXtyZWZ9IGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgICA8L1N0eWxlZFN1Yk1lbnVDb250YWluZXI+XG4gICAgICA8L05hdkJhclNsaWRlRG93bj5cbiAgICA8L1N1YlRoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQnFDIn0= */");let StyledSubMenuContainer=styled(StyledBorderContainer,{target:"efbzz6a1",label:"StyledSubMenuContainer"})(({theme})=>({backgroundColor:theme.values.color.background.accentSubtle.default,boxShadow:theme.values.elevation[1],"& > div":{marginBottom:-1}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclN1Yk1lbnVDb250YWluZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9OYXZCYXIvTmF2QmFyU3ViTWVudUNvbnRhaW5lci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBTdWJUaGVtZVByb3ZpZGVyLFxuICB0eXBlIFN1YlRoZW1lUHJvdmlkZXJQcm9wcyxcbn0gZnJvbSBcIi4uL1N1YlRoZW1lUHJvdmlkZXIvU3ViVGhlbWVQcm92aWRlclwiO1xuaW1wb3J0IHR5cGUgeyBOYXZCYXJOYW1lIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IE5hdkJhclNsaWRlRG93biB9IGZyb20gXCIuL05hdkJhclNsaWRlRG93blwiO1xuaW1wb3J0IHsgdXNlTmF2QmFyQ29udGV4dCB9IGZyb20gXCIuL05hdkJhckNvbnRleHRcIjtcblxudHlwZSBOYXZCYXJTdWJNZW51Q29udGFpbmVyUHJvcHMgPSB7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xufTtcblxuY29uc3QgQ09OVEFJTkVSX0JPUkRFUl9XSURUSCA9IDE7XG5leHBvcnQgY29uc3QgU3R5bGVkQm9yZGVyQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBib3JkZXJCb3R0b206IGAke0NPTlRBSU5FUl9CT1JERVJfV0lEVEh9cHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG59KSk7XG5cbmNvbnN0IFN0eWxlZFN1Yk1lbnVDb250YWluZXIgPSBzdHlsZWQoU3R5bGVkQm9yZGVyQ29udGFpbmVyKSgoeyB0aGVtZSB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudFN1YnRsZS5kZWZhdWx0LFxuICBib3hTaGFkb3c6IHRoZW1lLnZhbHVlcy5lbGV2YXRpb25bMV0sXG4gIFwiJiA+IGRpdlwiOiB7XG4gICAgbWFyZ2luQm90dG9tOiAtQ09OVEFJTkVSX0JPUkRFUl9XSURUSCwgLy8gVGFicyBib3JkZXIgc2hvdWxkIGJlIGFib3ZlIG9mIFN0eWxlZEJvcmRlckNvbnRhaW5lclxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3Qgc3ViVGhlbWVNYXBwaW5nOiBSZWNvcmQ8XG4gIE5hdkJhck5hbWUsXG4gIFN1YlRoZW1lUHJvdmlkZXJQcm9wc1tcIm5hbWVcIl1cbj4gPSB7XG4gIGxlYXJuaW5nOiBcImJyYW5kU3VidGxlXCIsXG4gIGNsaW5pY2FsQ2FyZTogXCJ1bnNldFwiLFxuICB0ZWFjaGluZzogXCJkaW1tZWRTdWJ0bGVcIixcbiAgdW5zZXQ6IFwidW5zZXRcIixcbn07XG5cbmV4cG9ydCBjb25zdCBOYXZCYXJTdWJNZW51Q29udGFpbmVyID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQsXG4gIE5hdkJhclN1Yk1lbnVDb250YWluZXJQcm9wc1xuPigoeyBjaGlsZHJlbiwgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IHsgc3ViVGhlbWUsIGlzQ29tcGFjdCB9ID0gdXNlTmF2QmFyQ29udGV4dCgpO1xuXG4gIHJldHVybiAoXG4gICAgPFN1YlRoZW1lUHJvdmlkZXIgbmFtZT17c3ViVGhlbWVNYXBwaW5nW3N1YlRoZW1lXX0+XG4gICAgICA8TmF2QmFyU2xpZGVEb3duIGlzVmlzaWJsZT17IWlzQ29tcGFjdH0gcG9zaXRpb249XCJib3R0b21cIj5cbiAgICAgICAgPFN0eWxlZFN1Yk1lbnVDb250YWluZXIgcmVmPXtyZWZ9IGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgICA8L1N0eWxlZFN1Yk1lbnVDb250YWluZXI+XG4gICAgICA8L05hdkJhclNsaWRlRG93bj5cbiAgICA8L1N1YlRoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQitCIn0= */");export const subThemeMapping={learning:"brandSubtle",clinicalCare:"unset",teaching:"dimmedSubtle",unset:"unset"};export const NavBarSubMenuContainer=React.forwardRef(({children,"data-e2e-test-id":dataE2eTestId},ref)=>{let{subTheme,isCompact}=useNavBarContext();return React.createElement(SubThemeProvider,{name:subThemeMapping[subTheme]},React.createElement(NavBarSlideDown,{isVisible:!isCompact,position:"bottom"},React.createElement(StyledSubMenuContainer,{ref:ref,"data-e2e-test-id":dataE2eTestId},React.createElement("div",null,children))))});
|
|
@@ -1,2 +1,6 @@
|
|
|
1
1
|
export * from "./types";
|
|
2
2
|
export * from "./NavBar";
|
|
3
|
+
export { useNavBarContext } from "./NavBarContext";
|
|
4
|
+
export type { PrimaryNavProps } from "./NavBarPrimaryNav";
|
|
5
|
+
export type { PrimaryNavLinkItemProps } from "./NavBarPrimaryNavLinkItem";
|
|
6
|
+
export type { SecondaryNavItem, SecondaryNavProps } from "./NavBarSecondaryNav";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export*from"./types";export*from"./NavBar";
|
|
1
|
+
export*from"./types";export*from"./NavBar";export{useNavBarContext}from"./NavBarContext";
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { type RefObject } from "react";
|
|
2
2
|
import type { MQ, SpaceSizes, ButtonSize } from "../../../types";
|
|
3
3
|
import type { ButtonProps } from "../../Button/Button";
|
|
4
4
|
export type ButtonGroupButtonProps = {
|
|
5
5
|
text: string;
|
|
6
|
+
ref?: RefObject<HTMLButtonElement>;
|
|
6
7
|
} & ButtonProps;
|
|
7
8
|
export type ButtonGroupProps = {
|
|
8
9
|
/** Text and other props for action Button */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { AriaAttributes } from "react";
|
|
1
|
+
import type { AriaAttributes, RefObject } from "react";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import type { Property } from "csstype";
|
|
4
4
|
import type { PortalProps } from "../../Portal/Portal";
|
|
@@ -50,6 +50,15 @@ type BaseProps = {
|
|
|
50
50
|
isMaxWidthLimit?: boolean;
|
|
51
51
|
size?: "m" | "l";
|
|
52
52
|
closeButtonAriaLabel?: string;
|
|
53
|
+
/**
|
|
54
|
+
* Determines which element receives focus when the modal opens.
|
|
55
|
+
* - Pass a **RefObject** to focus a specific custom element.
|
|
56
|
+
* - Pass a string that will act as css selector to focus that specific element
|
|
57
|
+
* For and actionButton, secondaryButton, pass a ref to those elements and to this prop
|
|
58
|
+
* For closeButton focus, pass "[data-modal-close-btn]"
|
|
59
|
+
* - If **undefined**, focus falls back to the first focusable element in the modal.
|
|
60
|
+
*/
|
|
61
|
+
initialFocus?: RefObject<HTMLElement | SVGElement> | string;
|
|
53
62
|
} & Omit<AriaAttributes, "aria-label" | "aria-labelledby">;
|
|
54
63
|
/** At least one of header, aria-label, or aria-labelledby must be provided for accessibility */
|
|
55
64
|
type LabelProps = {
|
|
@@ -77,7 +86,7 @@ type ConditionalProps = {
|
|
|
77
86
|
ImageComponent?: React.ElementType<any>;
|
|
78
87
|
};
|
|
79
88
|
export type ModalProps = BaseProps & LabelProps & ConditionalProps & Pick<PortalProps, "portalContainer">;
|
|
80
|
-
export declare function Modal({ header, subHeader, labelHeader, children, imageUrl, ImageComponent, secondaryButton, cancelButtonLabel, isDismissible, isFullScreen, isMaxWidthLimit, actionButton, role, onAction, size, privateProps: { skipPortal, height, zeroPadding, tabbableOptions }, portalContainer, closeButtonAriaLabel, "data-e2e-test-id": dataE2eTestId, imageAlt, ...ariaAttributes }: ModalProps): React.ReactElement;
|
|
89
|
+
export declare function Modal({ header, subHeader, labelHeader, children, imageUrl, ImageComponent, secondaryButton, cancelButtonLabel, isDismissible, isFullScreen, isMaxWidthLimit, actionButton, role, onAction, size, privateProps: { skipPortal, height, zeroPadding, tabbableOptions }, portalContainer, closeButtonAriaLabel, "data-e2e-test-id": dataE2eTestId, imageAlt, initialFocus, ...ariaAttributes }: ModalProps): React.ReactElement;
|
|
81
90
|
export declare namespace Modal {
|
|
82
91
|
var Stack: ({ children, ...rest }: Omit<StackProps, "space">) => React.JSX.Element;
|
|
83
92
|
var Text: ({ children, ...rest }: Omit<TextProps, "size" | "variant">) => React.JSX.Element;
|