@amboss/design-system 3.7.5 → 3.7.7
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/Box/Box.d.ts +2 -1
- package/build/cjs/components/Box/Box.js +1 -1
- package/build/cjs/components/Form/FormField/useFormFieldMessageId.js +1 -1
- package/build/cjs/components/Patterns/Modal/Modal.d.ts +8 -6
- package/build/cjs/components/Patterns/Modal/Modal.js +3 -3
- package/build/esm/components/Box/Box.d.ts +2 -1
- package/build/esm/components/Box/Box.js +1 -1
- package/build/esm/components/Form/FormField/useFormFieldMessageId.js +1 -1
- package/build/esm/components/Patterns/Modal/Modal.d.ts +8 -6
- package/build/esm/components/Patterns/Modal/Modal.js +3 -3
- package/package.json +1 -1
|
@@ -29,7 +29,8 @@ export type BoxProps = {
|
|
|
29
29
|
/** Additional aria attributes. [see documentation](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/02549c083e9d62b604091d770c4568d47282cdd0/types/react/index.d.ts#L1461)
|
|
30
30
|
*/
|
|
31
31
|
ariaAttributes?: AriaAttributes;
|
|
32
|
+
id?: string;
|
|
32
33
|
"data-e2e-test-id"?: string;
|
|
33
34
|
height?: Property.Height | MQ<Property.Height>;
|
|
34
35
|
};
|
|
35
|
-
export declare function Box({ children, space, vSpace, rSpace, lSpace, tSpace, bSpace, alignText, role, ariaAttributes, height, "data-e2e-test-id": dataE2eTestId, }: BoxProps): React.ReactElement;
|
|
36
|
+
export declare function Box({ children, space, vSpace, rSpace, lSpace, tSpace, bSpace, alignText, role, ariaAttributes, height, id, "data-e2e-test-id": dataE2eTestId, }: BoxProps): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import isPropValid from"@emotion/is-prop-valid";import styled from"@emotion/styled";import{useResponsiveStyles,useResponsiveValue}from"../../shared/mediaQueries";let StyledBox=styled("div",{shouldForwardProp:prop=>isPropValid(prop)&&"height"!==prop,target:"
|
|
1
|
+
import React from"react";import isPropValid from"@emotion/is-prop-valid";import styled from"@emotion/styled";import{useResponsiveStyles,useResponsiveValue}from"../../shared/mediaQueries";let StyledBox=styled("div",{shouldForwardProp:prop=>isPropValid(prop)&&"height"!==prop,target:"epqo6f70",label:"StyledBox"})(({theme,space,alignText="left"})=>useResponsiveStyles({padding:[space,theme.variables.size.spacing],textAlign:[alignText,{left:"left",right:"right",center:"center"}]}),({theme,vSpace})=>useResponsiveStyles({paddingTop:[vSpace,theme.variables.size.spacing],paddingBottom:[vSpace,theme.variables.size.spacing]}),({theme,rSpace,lSpace,tSpace,bSpace})=>useResponsiveStyles({paddingLeft:[lSpace,theme.variables.size.spacing],paddingRight:[rSpace,theme.variables.size.spacing],paddingTop:[tSpace,theme.variables.size.spacing],paddingBottom:[bSpace,theme.variables.size.spacing]}),({height})=>useResponsiveValue({height}),()=>({boxSizing:"border-box"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQm94L0JveC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0JveC9Cb3gudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCB0eXBlIHsgQXJpYUF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBpc1Byb3BWYWxpZCBmcm9tIFwiQGVtb3Rpb24vaXMtcHJvcC12YWxpZFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFByb3BlcnR5IH0gZnJvbSBcImNzc3R5cGVcIjtcbmltcG9ydCB7XG4gIHVzZVJlc3BvbnNpdmVTdHlsZXMsXG4gIHVzZVJlc3BvbnNpdmVWYWx1ZSxcbn0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB0eXBlIHsgU3BhY2VTaXplcywgVGV4dEFsaWdubWVudCwgTVEgfSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgQm94UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqIFJlcHJlc2VudHMgYm90aCB2ZXJ0aWNhbCBhbmQgaG9yaXpvbnRhbCBwYWRkaW5ncy4gV2hlbiB1c2VkIGFsb25lLCB2ZXJ0aWNhbCBhbmQgaG9yaXpvbnRhbCBwYWRkaW5ncyB3aWxsIGhhdmUgdGhlIHNhbWUgdmFsdWUuXG4gICAqIFVzZSBcInZTcGFjZVwiIHByb3AgdG8gb3ZlcnJpZGUgdmVydGljYWwgcGFkZGluZyB2YWx1ZSBpbiBjYXNlIHlvdSB3YW50IGl0IGRpZmZlcmVudC5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHBhZGRpbmcsIG1lZGl1bSBzY3JlZW4gcGFkZGluZywgbGFyZ2Ugc2NyZWVuIHBhZGRpbmddIG9yIG9uZSBwYWRkaW5nIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqICovXG4gIHNwYWNlPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+O1xuICAvKiogUmVwcmVzZW50cyB2ZXJ0aWNhbCBwYWRkaW5nLiBVc2VkIHRvIG92ZXJyaWRlIHRoZSB2ZXJ0aWNhbCBwYWRkaW5nIGZyb20gXCJzcGFjZVwiIHByb3AuXG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiB2ZXJ0aWNhbCBwYWRkaW5nLCBtZWRpdW0gc2NyZWVuIHZlcnRpY2FsIHBhZGRpbmcsIGxhcmdlIHNjcmVlbiB2ZXJ0aWNhbCBwYWRkaW5nXSBvciBvbmUgcGFkZGluZyBmb3IgYWxsIHNjcmVlbiBzaXplcyAqL1xuICB2U3BhY2U/OiBTcGFjZVNpemVzIHwgTVE8U3BhY2VTaXplcz47XG4gIC8qKiByaWdodCBwYWRkaW5nICogKi9cbiAgclNwYWNlPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+O1xuICAvKiogbGVmdCBwYWRkaW5nICogKi9cbiAgbFNwYWNlPzogU3BhY2VTaXplcyB8IE1RPFNwYWNlU2l6ZXM+O1xuICAvKiogdG9wIHBhZGRpbmcgKiAqL1xuICB0U3BhY2U/OiBTcGFjZVNpemVzIHwgTVE8U3BhY2VTaXplcz47XG4gIC8qKiBib3R0b20gcGFkZGluZyAqICovXG4gIGJTcGFjZT86IFNwYWNlU2l6ZXMgfCBNUTxTcGFjZVNpemVzPjtcblxuICAvKiogVGV4dCBhbGlnbm1lbnQgcHJvcC5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIGFsaWduVGV4dCwgbWVkaXVtIHNjcmVlbiBhbGlnblRleHQsIGxhcmdlIHNjcmVlbiBhbGlnblRleHRdIG9yIG9uZSBhbGlnblRleHQgZm9yIGFsbCBzY3JlZW4gc2l6ZXMgKi9cbiAgYWxpZ25UZXh0PzogVGV4dEFsaWdubWVudCB8IE1RPFRleHRBbGlnbm1lbnQ+O1xuXG4gIC8qKiBBcmlhIHByb3BlcnR5IGZvciBhc3NpZ25pbmcgYW4gYWNjZXNzaWJsZSByb2xlIHRvIGFuIGVsZW1lbnRcbiAgICogZWcuIGRpYWxvZywgdGFiLCB0b29sdGlwIGV0Yy4gKi9cbiAgcm9sZT86IHN0cmluZztcbiAgLyoqIEFkZGl0aW9uYWwgYXJpYSBhdHRyaWJ1dGVzLiBbc2VlIGRvY3VtZW50YXRpb25dKGh0dHBzOi8vZ2l0aHViLmNvbS9EZWZpbml0ZWx5VHlwZWQvRGVmaW5pdGVseVR5cGVkL2Jsb2IvMDI1NDljMDgzZTlkNjJiNjA0MDkxZDc3MGM0NTY4ZDQ3MjgyY2RkMC90eXBlcy9yZWFjdC9pbmRleC5kLnRzI0wxNDYxKVxuICAgKi9cbiAgYXJpYUF0dHJpYnV0ZXM/OiBBcmlhQXR0cmlidXRlcztcblxuICBpZD86IHN0cmluZztcblxuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcblxuICBoZWlnaHQ/OiBQcm9wZXJ0eS5IZWlnaHQgfCBNUTxQcm9wZXJ0eS5IZWlnaHQ+O1xufTtcblxuY29uc3QgU3R5bGVkQm94ID0gc3R5bGVkKFwiZGl2XCIsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBpc1Byb3BWYWxpZChwcm9wKSAmJiBwcm9wICE9PSBcImhlaWdodFwiLFxufSk8Qm94UHJvcHM+KFxuICAoeyB0aGVtZSwgc3BhY2UsIGFsaWduVGV4dCA9IFwibGVmdFwiIH0pID0+XG4gICAgdXNlUmVzcG9uc2l2ZVN0eWxlcyh7XG4gICAgICBwYWRkaW5nOiBbc3BhY2UsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgICAgdGV4dEFsaWduOiBbXG4gICAgICAgIGFsaWduVGV4dCxcbiAgICAgICAgeyBsZWZ0OiBcImxlZnRcIiwgcmlnaHQ6IFwicmlnaHRcIiwgY2VudGVyOiBcImNlbnRlclwiIH0sXG4gICAgICBdLFxuICAgIH0pLFxuICAoeyB0aGVtZSwgdlNwYWNlIH0pID0+XG4gICAgdXNlUmVzcG9uc2l2ZVN0eWxlcyh7XG4gICAgICBwYWRkaW5nVG9wOiBbdlNwYWNlLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgICAgIHBhZGRpbmdCb3R0b206IFt2U3BhY2UsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgIH0pLFxuICAoeyB0aGVtZSwgclNwYWNlLCBsU3BhY2UsIHRTcGFjZSwgYlNwYWNlIH0pID0+XG4gICAgdXNlUmVzcG9uc2l2ZVN0eWxlcyh7XG4gICAgICBwYWRkaW5nTGVmdDogW2xTcGFjZSwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgICBwYWRkaW5nUmlnaHQ6IFtyU3BhY2UsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICAgICAgcGFkZGluZ1RvcDogW3RTcGFjZSwgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZ10sXG4gICAgICBwYWRkaW5nQm90dG9tOiBbYlNwYWNlLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgICB9KSxcbiAgKHsgaGVpZ2h0IH0pID0+XG4gICAgdXNlUmVzcG9uc2l2ZVZhbHVlKHtcbiAgICAgIGhlaWdodCxcbiAgICB9KSxcbiAgKCkgPT4gKHtcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICB9KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIEJveCh7XG4gIGNoaWxkcmVuLFxuICBzcGFjZSA9IFwieGxcIixcbiAgdlNwYWNlLFxuICByU3BhY2UsXG4gIGxTcGFjZSxcbiAgdFNwYWNlLFxuICBiU3BhY2UsXG4gIGFsaWduVGV4dCxcbiAgcm9sZSxcbiAgYXJpYUF0dHJpYnV0ZXMsXG4gIGhlaWdodCxcbiAgaWQsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogQm94UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCb3hcbiAgICAgIHNwYWNlPXtzcGFjZX1cbiAgICAgIHZTcGFjZT17dlNwYWNlfVxuICAgICAgclNwYWNlPXtyU3BhY2V9XG4gICAgICBsU3BhY2U9e2xTcGFjZX1cbiAgICAgIHRTcGFjZT17dFNwYWNlfVxuICAgICAgYlNwYWNlPXtiU3BhY2V9XG4gICAgICBhbGlnblRleHQ9e2FsaWduVGV4dH1cbiAgICAgIHJvbGU9e3JvbGV9XG4gICAgICBpZD17aWR9XG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIkJveFwiXG4gICAgICBoZWlnaHQ9e2hlaWdodH1cbiAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRCb3g+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaURrQiJ9 */");export function Box({children,space="xl",vSpace,rSpace,lSpace,tSpace,bSpace,alignText,role,ariaAttributes,height,id,"data-e2e-test-id":dataE2eTestId}){return React.createElement(StyledBox,{space:space,vSpace:vSpace,rSpace:rSpace,lSpace:lSpace,tSpace:tSpace,bSpace:bSpace,alignText:alignText,role:role,id:id,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Box",height:height,...ariaAttributes},children)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useId}from"react";import{appendId}from"../../../shared/appendId";export function useFormFieldMessageId({ariaDescribedBy,errorMessages=[],hint}){let id=useId(),
|
|
1
|
+
import{useId}from"react";import{appendId}from"../../../shared/appendId";export function useFormFieldMessageId({ariaDescribedBy,errorMessages=[],hint}){let id=useId(),ariaDescribedByProp={"aria-describedby":errorMessages.filter(message=>message).length||hint?appendId(ariaDescribedBy,id):ariaDescribedBy};return{id,ariaDescribedByProp}}
|
|
@@ -5,8 +5,8 @@ import type { StackProps } from "../../Stack/Stack";
|
|
|
5
5
|
import type { ButtonGroupButtonProps } from "../ButtonGroup/ButtonGroup";
|
|
6
6
|
import type { TextProps } from "../../Typography/Text/Text";
|
|
7
7
|
type BaseProps = {
|
|
8
|
-
header
|
|
9
|
-
onAction
|
|
8
|
+
header?: string;
|
|
9
|
+
onAction?: (action: "cancel" | "action") => void;
|
|
10
10
|
role?: "dialog" | "alertdialog";
|
|
11
11
|
labelHeader?: string;
|
|
12
12
|
/** The black color is going to be replaced with gray one */
|
|
@@ -18,16 +18,19 @@ type BaseProps = {
|
|
|
18
18
|
/** @deprecated Use secondaryButton to pass in text and other props for secondary button */
|
|
19
19
|
cancelButtonLabel?: string;
|
|
20
20
|
/** Aim to use <Modal.Text> and <Modal.Stack> */
|
|
21
|
-
children
|
|
21
|
+
children?: React.ReactNode;
|
|
22
22
|
"data-e2e-test-id"?: string;
|
|
23
23
|
privateProps?: {
|
|
24
24
|
skipPortal?: boolean;
|
|
25
25
|
};
|
|
26
26
|
/** It's a bad pattern to use non-dismissible Modal */
|
|
27
|
-
isDismissible
|
|
27
|
+
isDismissible?: boolean;
|
|
28
28
|
isFullScreen?: boolean;
|
|
29
29
|
isMaxWidthLimit?: boolean;
|
|
30
30
|
size?: "m" | "l";
|
|
31
|
+
"aria-label"?: string;
|
|
32
|
+
"aria-labelledby"?: string;
|
|
33
|
+
"aria-describedby"?: string;
|
|
31
34
|
};
|
|
32
35
|
type ConditionalProps = {
|
|
33
36
|
/** Aspect ratio 16:9 */
|
|
@@ -43,9 +46,8 @@ export declare const StyledBackdrop: import("@emotion/styled").StyledComponent<{
|
|
|
43
46
|
theme?: Theme;
|
|
44
47
|
as?: React.ElementType;
|
|
45
48
|
} & Partial<BaseProps>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
46
|
-
export declare function Modal({ header, subHeader, labelHeader, children, imageUrl, ImageComponent, secondaryButton, cancelButtonLabel, isDismissible, isFullScreen, isMaxWidthLimit, actionButton, role, onAction, size, privateProps: { skipPortal }, portalContainer, "data-e2e-test-id": dataE2eTestId, }: ModalProps): React.ReactElement;
|
|
49
|
+
export declare function Modal({ header, subHeader, labelHeader, children, imageUrl, ImageComponent, secondaryButton, cancelButtonLabel, isDismissible, isFullScreen, isMaxWidthLimit, actionButton, role, onAction, size, privateProps: { skipPortal }, portalContainer, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "data-e2e-test-id": dataE2eTestId, }: ModalProps): React.ReactElement;
|
|
47
50
|
export declare namespace Modal {
|
|
48
|
-
var defaultProps: Partial<ModalProps>;
|
|
49
51
|
var Stack: ({ children, ...rest }: Omit<StackProps, "space">) => React.JSX.Element;
|
|
50
52
|
var Text: ({ children, ...rest }: Omit<TextProps, "size" | "variant">) => React.JSX.Element;
|
|
51
53
|
}
|