@amboss/design-system 3.39.0 → 3.39.2

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.
Files changed (15) hide show
  1. package/build/cjs/components/Content/ContentPictogramButton/ContentPictogramButton.d.ts +3 -1
  2. package/build/cjs/components/Content/ContentPictogramButton/ContentPictogramButton.js +1 -1
  3. package/build/cjs/components/Form/FormErrorMessages/FormErrorMessages.js +1 -1
  4. package/build/cjs/shared/intl/translations/de.json +3 -0
  5. package/build/cjs/shared/intl/translations/en.json +3 -0
  6. package/build/cjs/shared/intl/useIntl.d.ts +8 -0
  7. package/build/cjs/shared/intl/useIntl.js +1 -0
  8. package/build/esm/components/Content/ContentPictogramButton/ContentPictogramButton.d.ts +3 -1
  9. package/build/esm/components/Content/ContentPictogramButton/ContentPictogramButton.js +1 -1
  10. package/build/esm/components/Form/FormErrorMessages/FormErrorMessages.js +1 -1
  11. package/build/esm/shared/intl/translations/de.json +3 -0
  12. package/build/esm/shared/intl/translations/en.json +3 -0
  13. package/build/esm/shared/intl/useIntl.d.ts +8 -0
  14. package/build/esm/shared/intl/useIntl.js +1 -0
  15. package/package.json +1 -1
package/build/cjs/components/Content/ContentPictogramButton/ContentPictogramButton.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import type { PolymorphicComponentPropsWithRef } from "src/types";
2
3
  import { type PictogramButtonProps } from "../../PictogramButton/PictogramButton";
3
4
  import type { ContentColor } from "../types";
4
5
  type ContentPictogramButtonProps = Omit<PictogramButtonProps, "ariaAttributes"> & {
@@ -6,5 +7,6 @@ type ContentPictogramButtonProps = Omit<PictogramButtonProps, "ariaAttributes">
6
7
  "aria-labelledby"?: string;
7
8
  iconColor?: ContentColor;
8
9
  };
9
- export declare function ContentPictogramButton({ icon, iconColor, disabled, size, variant, ...rest }: ContentPictogramButtonProps): React.ReactElement;
10
+ type ContentPictogramButtonComponent = <C extends React.ElementType = "button">(props: PolymorphicComponentPropsWithRef<C, ContentPictogramButtonProps>) => React.ReactNode | null;
11
+ export declare const ContentPictogramButton: ContentPictogramButtonComponent;
10
12
  export {};
package/build/cjs/components/Content/ContentPictogramButton/ContentPictogramButton.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ContentPictogramButton",{enumerable:!0,get:function(){return ContentPictogramButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_PictogramButton=require("../../PictogramButton/PictogramButton"),_isContentColor=require("../utils/isContentColor"),StyledPictogramComponent=(0,_styled.default)(_PictogramButton.PictogramButton,{target:"ez0gusj0",label:"StyledPictogramComponent"})(({theme,iconColor,disabled})=>({...iconColor&&{color:theme.values.color.content.icon[iconColor].default,...!disabled&&{"&:active":{color:theme.values.color.content.icon[iconColor].hover}}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29udGVudC9Db250ZW50UGljdG9ncmFtQnV0dG9uL0NvbnRlbnRQaWN0b2dyYW1CdXR0b24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Db250ZW50L0NvbnRlbnRQaWN0b2dyYW1CdXR0b24vQ29udGVudFBpY3RvZ3JhbUJ1dHRvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBQaWN0b2dyYW1CdXR0b24sXG4gIHR5cGUgUGljdG9ncmFtQnV0dG9uUHJvcHMsXG59IGZyb20gXCIuLi8uLi9QaWN0b2dyYW1CdXR0b24vUGljdG9ncmFtQnV0dG9uXCI7XG5pbXBvcnQgdHlwZSB7IENvbnRlbnRDb2xvciB9IGZyb20gXCIuLi90eXBlc1wiO1xuaW1wb3J0IHsgaXNDb250ZW50Q29sb3IgfSBmcm9tIFwiLi4vdXRpbHMvaXNDb250ZW50Q29sb3JcIjtcblxudHlwZSBDb250ZW50UGljdG9ncmFtQnV0dG9uUHJvcHMgPSBPbWl0PFxuICBQaWN0b2dyYW1CdXR0b25Qcm9wcyxcbiAgXCJhcmlhQXR0cmlidXRlc1wiXG4+ICYge1xuICBcImFyaWEtbGFiZWxcIj86IHN0cmluZztcbiAgXCJhcmlhLWxhYmVsbGVkYnlcIj86IHN0cmluZztcbiAgaWNvbkNvbG9yPzogQ29udGVudENvbG9yO1xufTtcblxudHlwZSBTdHlsZWRQaWN0b2dyYW1CdXR0b25Qcm9wcyA9IFBpY2s8XG4gIENvbnRlbnRQaWN0b2dyYW1CdXR0b25Qcm9wcyxcbiAgXCJpY29uQ29sb3JcIiB8IFwiZGlzYWJsZWRcIlxuPjtcblxuY29uc3QgU3R5bGVkUGljdG9ncmFtQ29tcG9uZW50ID0gc3R5bGVkKFxuICBQaWN0b2dyYW1CdXR0b25cbik8U3R5bGVkUGljdG9ncmFtQnV0dG9uUHJvcHM+KCh7IHRoZW1lLCBpY29uQ29sb3IsIGRpc2FibGVkIH0pID0+ICh7XG4gIC4uLihpY29uQ29sb3IgJiYge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuY29udGVudC5pY29uW2ljb25Db2xvcl0uZGVmYXVsdCxcbiAgICAuLi4oIWRpc2FibGVkICYmIHtcbiAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmNvbnRlbnQuaWNvbltpY29uQ29sb3JdLmhvdmVyLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBDb250ZW50UGljdG9ncmFtQnV0dG9uKHtcbiAgaWNvbixcbiAgaWNvbkNvbG9yLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBzaXplID0gXCJ4c1wiLFxuICB2YXJpYW50ID0gXCJxdWF0ZXJuYXJ5XCIsXG4gIC4uLnJlc3Rcbn06IENvbnRlbnRQaWN0b2dyYW1CdXR0b25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IGNvbnRlbnRDb2xvciA9IGlzQ29udGVudENvbG9yKGljb25Db2xvcikgPyBpY29uQ29sb3IgOiB1bmRlZmluZWQ7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFBpY3RvZ3JhbUNvbXBvbmVudFxuICAgICAgey4uLnJlc3R9XG4gICAgICBpY29uPXtpY29ufVxuICAgICAgaWNvbkNvbG9yPXtjb250ZW50Q29sb3J9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAvPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCaUMifQ== */");function ContentPictogramButton({icon,iconColor,disabled=!1,size="xs",variant="quaternary",...rest}){let contentColor=(0,_isContentColor.isContentColor)(iconColor)?iconColor:void 0;return _react.default.createElement(StyledPictogramComponent,{...rest,icon:icon,iconColor:contentColor,disabled:disabled,size:size,variant:variant})}
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ContentPictogramButton",{enumerable:!0,get:function(){return ContentPictogramButton}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_PictogramButton=require("../../PictogramButton/PictogramButton"),_isContentColor=require("../utils/isContentColor"),StyledPictogramComponent=(0,_styled.default)(_PictogramButton.PictogramButton,{target:"e1m34zvw0",label:"StyledPictogramComponent"})(({theme,iconColor,disabled})=>({...iconColor&&{color:theme.values.color.content.icon[iconColor].default,...!disabled&&{"&:active":{color:theme.values.color.content.icon[iconColor].hover}}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29udGVudC9Db250ZW50UGljdG9ncmFtQnV0dG9uL0NvbnRlbnRQaWN0b2dyYW1CdXR0b24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Db250ZW50L0NvbnRlbnRQaWN0b2dyYW1CdXR0b24vQ29udGVudFBpY3RvZ3JhbUJ1dHRvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7XG4gIFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxuICBQb2x5bW9ycGhpY1JlZixcbn0gZnJvbSBcInNyYy90eXBlc1wiO1xuaW1wb3J0IHtcbiAgUGljdG9ncmFtQnV0dG9uLFxuICB0eXBlIFBpY3RvZ3JhbUJ1dHRvblByb3BzLFxufSBmcm9tIFwiLi4vLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuaW1wb3J0IHR5cGUgeyBDb250ZW50Q29sb3IgfSBmcm9tIFwiLi4vdHlwZXNcIjtcbmltcG9ydCB7IGlzQ29udGVudENvbG9yIH0gZnJvbSBcIi4uL3V0aWxzL2lzQ29udGVudENvbG9yXCI7XG5cbnR5cGUgQ29udGVudFBpY3RvZ3JhbUJ1dHRvblByb3BzID0gT21pdDxcbiAgUGljdG9ncmFtQnV0dG9uUHJvcHMsXG4gIFwiYXJpYUF0dHJpYnV0ZXNcIlxuPiAmIHtcbiAgXCJhcmlhLWxhYmVsXCI/OiBzdHJpbmc7XG4gIFwiYXJpYS1sYWJlbGxlZGJ5XCI/OiBzdHJpbmc7XG4gIGljb25Db2xvcj86IENvbnRlbnRDb2xvcjtcbn07XG5cbnR5cGUgU3R5bGVkUGljdG9ncmFtQnV0dG9uUHJvcHMgPSBQaWNrPFxuICBDb250ZW50UGljdG9ncmFtQnV0dG9uUHJvcHMsXG4gIFwiaWNvbkNvbG9yXCIgfCBcImRpc2FibGVkXCJcbj47XG5cbmNvbnN0IFN0eWxlZFBpY3RvZ3JhbUNvbXBvbmVudCA9IHN0eWxlZChcbiAgUGljdG9ncmFtQnV0dG9uXG4pPFN0eWxlZFBpY3RvZ3JhbUJ1dHRvblByb3BzPigoeyB0aGVtZSwgaWNvbkNvbG9yLCBkaXNhYmxlZCB9KSA9PiAoe1xuICAuLi4oaWNvbkNvbG9yICYmIHtcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmNvbnRlbnQuaWNvbltpY29uQ29sb3JdLmRlZmF1bHQsXG4gICAgLi4uKCFkaXNhYmxlZCAmJiB7XG4gICAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5jb250ZW50Lmljb25baWNvbkNvbG9yXS5ob3ZlcixcbiAgICAgIH0sXG4gICAgfSksXG4gIH0pLFxufSkpO1xuXG50eXBlIENvbnRlbnRQaWN0b2dyYW1CdXR0b25Db21wb25lbnQgPSA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gIHByb3BzOiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZjxDLCBDb250ZW50UGljdG9ncmFtQnV0dG9uUHJvcHM+XG4pID0+IFJlYWN0LlJlYWN0Tm9kZSB8IG51bGw7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50UGljdG9ncmFtQnV0dG9uOiBDb250ZW50UGljdG9ncmFtQnV0dG9uQ29tcG9uZW50ID1cbiAgUmVhY3QuZm9yd2FyZFJlZihcbiAgICA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gICAgICB7XG4gICAgICAgIGljb24sXG4gICAgICAgIGljb25Db2xvcixcbiAgICAgICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgICAgc2l6ZSA9IFwieHNcIixcbiAgICAgICAgdmFyaWFudCA9IFwicXVhdGVybmFyeVwiLFxuICAgICAgICAuLi5yZXN0XG4gICAgICB9OiBDb250ZW50UGljdG9ncmFtQnV0dG9uUHJvcHMsXG4gICAgICByZWY/OiBQb2x5bW9ycGhpY1JlZjxDPlxuICAgICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiB7XG4gICAgICBjb25zdCBjb250ZW50Q29sb3IgPSBpc0NvbnRlbnRDb2xvcihpY29uQ29sb3IpID8gaWNvbkNvbG9yIDogdW5kZWZpbmVkO1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFN0eWxlZFBpY3RvZ3JhbUNvbXBvbmVudFxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGljb249e2ljb259XG4gICAgICAgICAgaWNvbkNvbG9yPXtjb250ZW50Q29sb3J9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgLz5cbiAgICAgICk7XG4gICAgfVxuICApO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCaUMifQ== */"),ContentPictogramButton=_react.default.forwardRef(({icon,iconColor,disabled=!1,size="xs",variant="quaternary",...rest},ref)=>{let contentColor=(0,_isContentColor.isContentColor)(iconColor)?iconColor:void 0;return _react.default.createElement(StyledPictogramComponent,{...rest,ref:ref,icon:icon,iconColor:contentColor,disabled:disabled,size:size,variant:variant})});
package/build/cjs/components/Form/FormErrorMessages/FormErrorMessages.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"FormErrorMessages",{enumerable:!0,get:function(){return FormErrorMessages}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_Stack=require("../../Stack/Stack"),_Icon=require("../../Icon/Icon"),_Box=require("../../Box/Box"),_Inline=require("../../Inline/Inline"),_Text=require("../../Typography/Text/Text");function FormErrorMessages({messages=[],"data-e2e-test-id":dataE2eTestId}){return _react.default.createElement(_Box.Box,{space:"zero",tSpace:"xxs",role:"alert","aria-atomic":"true"},_react.default.createElement(_Stack.Stack,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"FormErrorMessages",space:"xxs"},messages.map(message=>_react.default.createElement(_Inline.Inline,{key:message,noWrap:!0},_react.default.createElement(_Box.Box,{space:"zero",tSpace:"xxxs"},_react.default.createElement(_Icon.Icon,{size:"s",color:"error",name:"alert-triangle"})),_react.default.createElement(_Text.Text,{size:"s",color:"error"},message)))))}
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"FormErrorMessages",{enumerable:!0,get:function(){return FormErrorMessages}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_Stack=require("../../Stack/Stack"),_Icon=require("../../Icon/Icon"),_Box=require("../../Box/Box"),_Inline=require("../../Inline/Inline"),_Text=require("../../Typography/Text/Text"),_useIntl=require("../../../shared/intl/useIntl");function FormErrorMessages({messages=[],"data-e2e-test-id":dataE2eTestId}){let{formatMessage}=(0,_useIntl.useIntl)();return _react.default.createElement(_Box.Box,{space:"zero",tSpace:"xxs",role:"alert","aria-atomic":"true"},_react.default.createElement(_Stack.Stack,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"FormErrorMessages",space:"xxs"},messages.map(message=>_react.default.createElement(_Inline.Inline,{key:message,noWrap:!0},_react.default.createElement(_Box.Box,{space:"zero",tSpace:"xxxs"},_react.default.createElement(_Icon.Icon,{size:"s",color:"error",name:"alert-triangle","aria-label":formatMessage("FormField.ErrorIcon.AriaLabel")})),_react.default.createElement(_Text.Text,{size:"s",color:"error"},message)))))}
package/build/cjs/shared/intl/translations/de.json ADDED
@@ -0,0 +1,3 @@
1
+ {
2
+ "FormField.ErrorIcon.AriaLabel": "Fehler"
3
+ }
package/build/cjs/shared/intl/translations/en.json ADDED
@@ -0,0 +1,3 @@
1
+ {
2
+ "FormField.ErrorIcon.AriaLabel": "Error"
3
+ }
package/build/cjs/shared/intl/useIntl.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import en from "./translations/en.json";
2
+ type Messages = typeof en;
3
+ type MessageId = keyof Messages;
4
+ export type IntlShape = {
5
+ formatMessage(id: MessageId): string;
6
+ };
7
+ export declare function useIntl(): IntlShape;
8
+ export {};
package/build/cjs/shared/intl/useIntl.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useIntl",{enumerable:!0,get:function(){return useIntl}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=require("react"),_useWindow=require("../useWindow"),_dejson=/*#__PURE__*/_interop_require_default._(require("./translations/de.json")),_enjson=/*#__PURE__*/_interop_require_default._(require("./translations/en.json"));function useIntl(){let window=(0,_useWindow.useWindow)(),translations="de"===window?.__AMBOSS_CONFIG__?.URL_LOCALE_PREFIX?_dejson.default:_enjson.default;return(0,_react.useMemo)(()=>({formatMessage:id=>translations[id]}),[translations])}
package/build/esm/components/Content/ContentPictogramButton/ContentPictogramButton.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import type { PolymorphicComponentPropsWithRef } from "src/types";
2
3
  import { type PictogramButtonProps } from "../../PictogramButton/PictogramButton";
3
4
  import type { ContentColor } from "../types";
4
5
  type ContentPictogramButtonProps = Omit<PictogramButtonProps, "ariaAttributes"> & {
@@ -6,5 +7,6 @@ type ContentPictogramButtonProps = Omit<PictogramButtonProps, "ariaAttributes">
6
7
  "aria-labelledby"?: string;
7
8
  iconColor?: ContentColor;
8
9
  };
9
- export declare function ContentPictogramButton({ icon, iconColor, disabled, size, variant, ...rest }: ContentPictogramButtonProps): React.ReactElement;
10
+ type ContentPictogramButtonComponent = <C extends React.ElementType = "button">(props: PolymorphicComponentPropsWithRef<C, ContentPictogramButtonProps>) => React.ReactNode | null;
11
+ export declare const ContentPictogramButton: ContentPictogramButtonComponent;
10
12
  export {};
package/build/esm/components/Content/ContentPictogramButton/ContentPictogramButton.js CHANGED
@@ -1 +1 @@
1
- import React from"react";import styled from"@emotion/styled";import{PictogramButton}from"../../PictogramButton/PictogramButton";import{isContentColor}from"../utils/isContentColor";let StyledPictogramComponent=styled(PictogramButton,{target:"ez0gusj0",label:"StyledPictogramComponent"})(({theme,iconColor,disabled})=>({...iconColor&&{color:theme.values.color.content.icon[iconColor].default,...!disabled&&{"&:active":{color:theme.values.color.content.icon[iconColor].hover}}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29udGVudC9Db250ZW50UGljdG9ncmFtQnV0dG9uL0NvbnRlbnRQaWN0b2dyYW1CdXR0b24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Db250ZW50L0NvbnRlbnRQaWN0b2dyYW1CdXR0b24vQ29udGVudFBpY3RvZ3JhbUJ1dHRvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBQaWN0b2dyYW1CdXR0b24sXG4gIHR5cGUgUGljdG9ncmFtQnV0dG9uUHJvcHMsXG59IGZyb20gXCIuLi8uLi9QaWN0b2dyYW1CdXR0b24vUGljdG9ncmFtQnV0dG9uXCI7XG5pbXBvcnQgdHlwZSB7IENvbnRlbnRDb2xvciB9IGZyb20gXCIuLi90eXBlc1wiO1xuaW1wb3J0IHsgaXNDb250ZW50Q29sb3IgfSBmcm9tIFwiLi4vdXRpbHMvaXNDb250ZW50Q29sb3JcIjtcblxudHlwZSBDb250ZW50UGljdG9ncmFtQnV0dG9uUHJvcHMgPSBPbWl0PFxuICBQaWN0b2dyYW1CdXR0b25Qcm9wcyxcbiAgXCJhcmlhQXR0cmlidXRlc1wiXG4+ICYge1xuICBcImFyaWEtbGFiZWxcIj86IHN0cmluZztcbiAgXCJhcmlhLWxhYmVsbGVkYnlcIj86IHN0cmluZztcbiAgaWNvbkNvbG9yPzogQ29udGVudENvbG9yO1xufTtcblxudHlwZSBTdHlsZWRQaWN0b2dyYW1CdXR0b25Qcm9wcyA9IFBpY2s8XG4gIENvbnRlbnRQaWN0b2dyYW1CdXR0b25Qcm9wcyxcbiAgXCJpY29uQ29sb3JcIiB8IFwiZGlzYWJsZWRcIlxuPjtcblxuY29uc3QgU3R5bGVkUGljdG9ncmFtQ29tcG9uZW50ID0gc3R5bGVkKFxuICBQaWN0b2dyYW1CdXR0b25cbik8U3R5bGVkUGljdG9ncmFtQnV0dG9uUHJvcHM+KCh7IHRoZW1lLCBpY29uQ29sb3IsIGRpc2FibGVkIH0pID0+ICh7XG4gIC4uLihpY29uQ29sb3IgJiYge1xuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuY29udGVudC5pY29uW2ljb25Db2xvcl0uZGVmYXVsdCxcbiAgICAuLi4oIWRpc2FibGVkICYmIHtcbiAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmNvbnRlbnQuaWNvbltpY29uQ29sb3JdLmhvdmVyLFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBDb250ZW50UGljdG9ncmFtQnV0dG9uKHtcbiAgaWNvbixcbiAgaWNvbkNvbG9yLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBzaXplID0gXCJ4c1wiLFxuICB2YXJpYW50ID0gXCJxdWF0ZXJuYXJ5XCIsXG4gIC4uLnJlc3Rcbn06IENvbnRlbnRQaWN0b2dyYW1CdXR0b25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IGNvbnRlbnRDb2xvciA9IGlzQ29udGVudENvbG9yKGljb25Db2xvcikgPyBpY29uQ29sb3IgOiB1bmRlZmluZWQ7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFBpY3RvZ3JhbUNvbXBvbmVudFxuICAgICAgey4uLnJlc3R9XG4gICAgICBpY29uPXtpY29ufVxuICAgICAgaWNvbkNvbG9yPXtjb250ZW50Q29sb3J9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAvPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCaUMifQ== */");export function ContentPictogramButton({icon,iconColor,disabled=!1,size="xs",variant="quaternary",...rest}){let contentColor=isContentColor(iconColor)?iconColor:void 0;return React.createElement(StyledPictogramComponent,{...rest,icon:icon,iconColor:contentColor,disabled:disabled,size:size,variant:variant})}
1
+ import React from"react";import styled from"@emotion/styled";import{PictogramButton}from"../../PictogramButton/PictogramButton";import{isContentColor}from"../utils/isContentColor";let StyledPictogramComponent=styled(PictogramButton,{target:"e1m34zvw0",label:"StyledPictogramComponent"})(({theme,iconColor,disabled})=>({...iconColor&&{color:theme.values.color.content.icon[iconColor].default,...!disabled&&{"&:active":{color:theme.values.color.content.icon[iconColor].hover}}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29udGVudC9Db250ZW50UGljdG9ncmFtQnV0dG9uL0NvbnRlbnRQaWN0b2dyYW1CdXR0b24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Db250ZW50L0NvbnRlbnRQaWN0b2dyYW1CdXR0b24vQ29udGVudFBpY3RvZ3JhbUJ1dHRvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7XG4gIFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxuICBQb2x5bW9ycGhpY1JlZixcbn0gZnJvbSBcInNyYy90eXBlc1wiO1xuaW1wb3J0IHtcbiAgUGljdG9ncmFtQnV0dG9uLFxuICB0eXBlIFBpY3RvZ3JhbUJ1dHRvblByb3BzLFxufSBmcm9tIFwiLi4vLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuaW1wb3J0IHR5cGUgeyBDb250ZW50Q29sb3IgfSBmcm9tIFwiLi4vdHlwZXNcIjtcbmltcG9ydCB7IGlzQ29udGVudENvbG9yIH0gZnJvbSBcIi4uL3V0aWxzL2lzQ29udGVudENvbG9yXCI7XG5cbnR5cGUgQ29udGVudFBpY3RvZ3JhbUJ1dHRvblByb3BzID0gT21pdDxcbiAgUGljdG9ncmFtQnV0dG9uUHJvcHMsXG4gIFwiYXJpYUF0dHJpYnV0ZXNcIlxuPiAmIHtcbiAgXCJhcmlhLWxhYmVsXCI/OiBzdHJpbmc7XG4gIFwiYXJpYS1sYWJlbGxlZGJ5XCI/OiBzdHJpbmc7XG4gIGljb25Db2xvcj86IENvbnRlbnRDb2xvcjtcbn07XG5cbnR5cGUgU3R5bGVkUGljdG9ncmFtQnV0dG9uUHJvcHMgPSBQaWNrPFxuICBDb250ZW50UGljdG9ncmFtQnV0dG9uUHJvcHMsXG4gIFwiaWNvbkNvbG9yXCIgfCBcImRpc2FibGVkXCJcbj47XG5cbmNvbnN0IFN0eWxlZFBpY3RvZ3JhbUNvbXBvbmVudCA9IHN0eWxlZChcbiAgUGljdG9ncmFtQnV0dG9uXG4pPFN0eWxlZFBpY3RvZ3JhbUJ1dHRvblByb3BzPigoeyB0aGVtZSwgaWNvbkNvbG9yLCBkaXNhYmxlZCB9KSA9PiAoe1xuICAuLi4oaWNvbkNvbG9yICYmIHtcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmNvbnRlbnQuaWNvbltpY29uQ29sb3JdLmRlZmF1bHQsXG4gICAgLi4uKCFkaXNhYmxlZCAmJiB7XG4gICAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5jb250ZW50Lmljb25baWNvbkNvbG9yXS5ob3ZlcixcbiAgICAgIH0sXG4gICAgfSksXG4gIH0pLFxufSkpO1xuXG50eXBlIENvbnRlbnRQaWN0b2dyYW1CdXR0b25Db21wb25lbnQgPSA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gIHByb3BzOiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZjxDLCBDb250ZW50UGljdG9ncmFtQnV0dG9uUHJvcHM+XG4pID0+IFJlYWN0LlJlYWN0Tm9kZSB8IG51bGw7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50UGljdG9ncmFtQnV0dG9uOiBDb250ZW50UGljdG9ncmFtQnV0dG9uQ29tcG9uZW50ID1cbiAgUmVhY3QuZm9yd2FyZFJlZihcbiAgICA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gICAgICB7XG4gICAgICAgIGljb24sXG4gICAgICAgIGljb25Db2xvcixcbiAgICAgICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgICAgc2l6ZSA9IFwieHNcIixcbiAgICAgICAgdmFyaWFudCA9IFwicXVhdGVybmFyeVwiLFxuICAgICAgICAuLi5yZXN0XG4gICAgICB9OiBDb250ZW50UGljdG9ncmFtQnV0dG9uUHJvcHMsXG4gICAgICByZWY/OiBQb2x5bW9ycGhpY1JlZjxDPlxuICAgICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiB7XG4gICAgICBjb25zdCBjb250ZW50Q29sb3IgPSBpc0NvbnRlbnRDb2xvcihpY29uQ29sb3IpID8gaWNvbkNvbG9yIDogdW5kZWZpbmVkO1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFN0eWxlZFBpY3RvZ3JhbUNvbXBvbmVudFxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGljb249e2ljb259XG4gICAgICAgICAgaWNvbkNvbG9yPXtjb250ZW50Q29sb3J9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgLz5cbiAgICAgICk7XG4gICAgfVxuICApO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCaUMifQ== */");export const ContentPictogramButton=React.forwardRef(({icon,iconColor,disabled=!1,size="xs",variant="quaternary",...rest},ref)=>{let contentColor=isContentColor(iconColor)?iconColor:void 0;return React.createElement(StyledPictogramComponent,{...rest,ref:ref,icon:icon,iconColor:contentColor,disabled:disabled,size:size,variant:variant})});
package/build/esm/components/Form/FormErrorMessages/FormErrorMessages.js CHANGED
@@ -1 +1 @@
1
- import React from"react";import{Stack}from"../../Stack/Stack";import{Icon}from"../../Icon/Icon";import{Box}from"../../Box/Box";import{Inline}from"../../Inline/Inline";import{Text}from"../../Typography/Text/Text";export function FormErrorMessages({messages=[],"data-e2e-test-id":dataE2eTestId}){return React.createElement(Box,{space:"zero",tSpace:"xxs",role:"alert","aria-atomic":"true"},React.createElement(Stack,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"FormErrorMessages",space:"xxs"},messages.map(message=>React.createElement(Inline,{key:message,noWrap:!0},React.createElement(Box,{space:"zero",tSpace:"xxxs"},React.createElement(Icon,{size:"s",color:"error",name:"alert-triangle"})),React.createElement(Text,{size:"s",color:"error"},message)))))}
1
+ import React from"react";import{Stack}from"../../Stack/Stack";import{Icon}from"../../Icon/Icon";import{Box}from"../../Box/Box";import{Inline}from"../../Inline/Inline";import{Text}from"../../Typography/Text/Text";import{useIntl}from"../../../shared/intl/useIntl";export function FormErrorMessages({messages=[],"data-e2e-test-id":dataE2eTestId}){let{formatMessage}=useIntl();return React.createElement(Box,{space:"zero",tSpace:"xxs",role:"alert","aria-atomic":"true"},React.createElement(Stack,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"FormErrorMessages",space:"xxs"},messages.map(message=>React.createElement(Inline,{key:message,noWrap:!0},React.createElement(Box,{space:"zero",tSpace:"xxxs"},React.createElement(Icon,{size:"s",color:"error",name:"alert-triangle","aria-label":formatMessage("FormField.ErrorIcon.AriaLabel")})),React.createElement(Text,{size:"s",color:"error"},message)))))}
package/build/esm/shared/intl/translations/de.json ADDED
@@ -0,0 +1,3 @@
1
+ {
2
+ "FormField.ErrorIcon.AriaLabel": "Fehler"
3
+ }
package/build/esm/shared/intl/translations/en.json ADDED
@@ -0,0 +1,3 @@
1
+ {
2
+ "FormField.ErrorIcon.AriaLabel": "Error"
3
+ }
package/build/esm/shared/intl/useIntl.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import en from "./translations/en.json";
2
+ type Messages = typeof en;
3
+ type MessageId = keyof Messages;
4
+ export type IntlShape = {
5
+ formatMessage(id: MessageId): string;
6
+ };
7
+ export declare function useIntl(): IntlShape;
8
+ export {};
package/build/esm/shared/intl/useIntl.js ADDED
@@ -0,0 +1 @@
1
+ import{useMemo}from"react";import{useWindow}from"../useWindow";import de from"./translations/de.json";import en from"./translations/en.json";export function useIntl(){let window=useWindow(),translations="de"===window?.__AMBOSS_CONFIG__?.URL_LOCALE_PREFIX?de:en;return useMemo(()=>({formatMessage:id=>translations[id]}),[translations])}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@amboss/design-system",
3
- "version": "3.39.0",
3
+ "version": "3.39.2",
4
4
  "description": "the design system for AMBOSS products",
5
5
  "author": "AMBOSS",
6
6
  "license": "ISC",