@amboss/design-system 4.6.0 → 4.6.1

package/build/cjs/components/InlineMessage/InlineMessage.d.ts

@@ -1,6 +1,7 @@
 import type { ReactElement } from "react";
 export type InlineMessageVariant = "error" | "warning" | "success" | "info";
 export type InlineMessageLiveRegion = "assertive" | "polite" | "off";
+export type InlineMessageSize = "s" | "m";
 export type InlineMessageProps = {
     /** The message. Keep it short and actionable; may contain inline elements such as a Link */
     text: string | ReactElement;
@@ -12,8 +13,10 @@ export type InlineMessageProps = {
      * a permanent part of the page, or it is referenced by a form field via aria-describedby
      */
     liveRegion?: InlineMessageLiveRegion;
+    /** Text size; the icon stays aligned to the first line at either size */
+    size?: InlineMessageSize;
     /** Allows a form control to reference the message via aria-describedby */
     id?: string;
     "data-e2e-test-id"?: string;
 };
-export declare function InlineMessage({ text, variant, liveRegion, id, "data-e2e-test-id": dataE2eTestId, }: InlineMessageProps): ReactElement;
+export declare function InlineMessage({ text, variant, liveRegion, size, id, "data-e2e-test-id": dataE2eTestId, }: InlineMessageProps): ReactElement;

package/build/cjs/components/InlineMessage/InlineMessage.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"InlineMessage",{enumerable:!0,get:function(){return InlineMessage}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_useIntl=require("../../shared/intl/useIntl"),_Box=require("../Box/Box"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),_Text=require("../Typography/Text/Text"),_ScreenReaderText=require("../Utilities/ScreenReaderText/ScreenReaderText"),CONFIG_BY_VARIANT={error:{iconName:"alert-triangle",color:"error",defaultLiveRegion:"assertive",iconLabelId:"InlineMessage.ErrorIcon.AriaLabel"},warning:{iconName:"alert-circle",color:"warning",defaultLiveRegion:"polite",iconLabelId:"InlineMessage.WarningIcon.AriaLabel"},success:{iconName:"check-circle",color:"success",defaultLiveRegion:"polite",iconLabelId:"InlineMessage.SuccessIcon.AriaLabel"},info:{iconName:"info",color:"info",defaultLiveRegion:"polite",iconLabelId:"InlineMessage.InfoIcon.AriaLabel"}},ROLE_BY_LIVE_REGION={assertive:"alert",polite:"status"};function InlineMessage({text,variant,liveRegion,id,"data-e2e-test-id":dataE2eTestId}){let{formatMessage}=(0,_useIntl.useIntl)(),{iconName,color,defaultLiveRegion,iconLabelId}=CONFIG_BY_VARIANT[variant],resolvedLiveRegion=liveRegion??defaultLiveRegion,role="off"===resolvedLiveRegion?void 0:ROLE_BY_LIVE_REGION[resolvedLiveRegion],iconLabel=formatMessage(iconLabelId),textRef=(0,_react.useRef)(null),[messageText,setMessageText]=(0,_react.useState)(""),[announcement,setAnnouncement]=(0,_react.useState)("");return(0,_react.useEffect)(()=>{setMessageText(textRef.current?.textContent??"")},[text]),(0,_react.useEffect)(()=>{if(!role||!messageText)return void setAnnouncement("");let announceTimeoutId=setTimeout(()=>setAnnouncement(`${iconLabel}: ${messageText}`),100),clearTimeoutId=setTimeout(()=>setAnnouncement(""),7100);return()=>{clearTimeout(announceTimeoutId),clearTimeout(clearTimeoutId)}},[role,iconLabel,messageText]),_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_Inline.Inline,{id:id,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"InlineMessage",noWrap:!0,vAlignItems:"top"},_react.default.createElement(_Box.Box,{space:"zero",tSpace:"xxs"},_react.default.createElement(_Icon.Icon,{name:iconName,color:color,size:"s",role:"img","aria-label":iconLabel})),_react.default.createElement(_Text.Text,{color:color,size:"m"},_react.default.createElement("span",{ref:textRef},text))),role&&_react.default.createElement(_ScreenReaderText.ScreenReaderText,{role:role},announcement))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"InlineMessage",{enumerable:!0,get:function(){return InlineMessage}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_interop_require_wildcard=require("@swc/helpers/_/_interop_require_wildcard"),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_react=/*#__PURE__*/_interop_require_wildcard._(require("react")),_useIntl=require("../../shared/intl/useIntl"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),_Text=require("../Typography/Text/Text"),_ScreenReaderText=require("../Utilities/ScreenReaderText/ScreenReaderText"),CONFIG_BY_VARIANT={error:{iconName:"alert-triangle",color:"error",defaultLiveRegion:"assertive",iconLabelId:"InlineMessage.ErrorIcon.AriaLabel"},warning:{iconName:"alert-circle",color:"warning",defaultLiveRegion:"polite",iconLabelId:"InlineMessage.WarningIcon.AriaLabel"},success:{iconName:"check-circle",color:"success",defaultLiveRegion:"polite",iconLabelId:"InlineMessage.SuccessIcon.AriaLabel"},info:{iconName:"info",color:"info",defaultLiveRegion:"polite",iconLabelId:"InlineMessage.InfoIcon.AriaLabel"}},ROLE_BY_LIVE_REGION={assertive:"alert",polite:"status"},StyledIconBox=(0,_styled.default)("div",{target:"e10nc1qo0",label:"StyledIconBox"})(({theme,textSize})=>{let fontSize=(0,_Text.getTextFontSize)({theme,size:textSize}),lineHeight=(0,_Text.getTextLineHeight)({theme,size:textSize});return{display:"flex",alignItems:"center",height:`calc(${fontSize} * ${lineHeight})`}});function InlineMessage({text,variant,liveRegion,size="m",id,"data-e2e-test-id":dataE2eTestId}){let{formatMessage}=(0,_useIntl.useIntl)(),{iconName,color,defaultLiveRegion,iconLabelId}=CONFIG_BY_VARIANT[variant],resolvedLiveRegion=liveRegion??defaultLiveRegion,role="off"===resolvedLiveRegion?void 0:ROLE_BY_LIVE_REGION[resolvedLiveRegion],iconLabel=formatMessage(iconLabelId),textRef=(0,_react.useRef)(null),[messageText,setMessageText]=(0,_react.useState)(""),[announcement,setAnnouncement]=(0,_react.useState)("");return(0,_react.useEffect)(()=>{setMessageText(textRef.current?.textContent??"")},[text]),(0,_react.useEffect)(()=>{if(!role||!messageText)return void setAnnouncement("");let announceTimeoutId=setTimeout(()=>setAnnouncement(`${iconLabel}: ${messageText}`),100),clearTimeoutId=setTimeout(()=>setAnnouncement(""),7100);return()=>{clearTimeout(announceTimeoutId),clearTimeout(clearTimeoutId)}},[role,iconLabel,messageText]),_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_Inline.Inline,{id:id,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"InlineMessage",noWrap:!0},_react.default.createElement(StyledIconBox,{textSize:size},_react.default.createElement(_Icon.Icon,{name:iconName,color:color,size:"s",role:"img","aria-label":iconLabel})),_react.default.createElement(_Text.Text,{color:color,size:size},_react.default.createElement("span",{ref:textRef},text))),role&&_react.default.createElement(_ScreenReaderText.ScreenReaderText,{role:role},announcement))}

package/build/cjs/shared/mediaQueries.d.ts

@@ -1,11 +1,11 @@
-import type { ColumnSizes, HorizontalAlignment, MQ, SpaceSizes, IconSizes, TextAlignment, VerticalAlignment, StackHorizontalAlignment, StackVerticalAlignment, Order, ColumnAlignment, Hyphens, BorderRadius, ButtonSize, LightboxVerticalAlignment } from "../types";
+import type { ColumnSizes, HorizontalAlignment, MQ, SpaceSizes, IconSizes, TextAlignment, VerticalAlignment, StackHorizontalAlignment, StackVerticalAlignment, Order, ColumnAlignment, Hyphens, BorderRadius, ButtonSize, InlineMessageSize, LightboxVerticalAlignment } from "../types";
 export type Breakpoints = [string, string, string];
 export type ContainerQueryBreakpoints = [string, string?, string?];
 type MqProp<T> = [
     T | MQ<T>,
     (Record<T extends string ? T : never, string | number> | ((value: T) => string | number))
 ];
-type MqRules = Record<string, MqProp<TextAlignment> | MqProp<SpaceSizes> | MqProp<HorizontalAlignment> | MqProp<VerticalAlignment> | MqProp<StackHorizontalAlignment> | MqProp<StackVerticalAlignment> | MqProp<LightboxVerticalAlignment> | MqProp<ColumnSizes> | MqProp<Order> | MqProp<ColumnAlignment> | MqProp<Hyphens> | MqProp<BorderRadius> | MqProp<boolean> | MqProp<IconSizes> | MqProp<ButtonSize>>;
+type MqRules = Record<string, MqProp<TextAlignment> | MqProp<SpaceSizes> | MqProp<HorizontalAlignment> | MqProp<VerticalAlignment> | MqProp<StackHorizontalAlignment> | MqProp<StackVerticalAlignment> | MqProp<LightboxVerticalAlignment> | MqProp<ColumnSizes> | MqProp<Order> | MqProp<ColumnAlignment> | MqProp<Hyphens> | MqProp<BorderRadius> | MqProp<boolean> | MqProp<IconSizes> | MqProp<ButtonSize> | MqProp<InlineMessageSize>>;
 type EmotionCssPropertyName = string;
 type EmotionCssValue = string | number;
 type EmotionCssDescription = Record<EmotionCssPropertyName, EmotionCssValue>;

package/build/cjs/types/index.d.ts

@@ -23,6 +23,8 @@ export declare const InputTextSizeRuntype: Union<[Literal<"s">, Literal<"m">]>;
 export type InputTextSize = Static<typeof InputTextSizeRuntype>;
 export declare const BaseTagSizeRuntype: Union<[Literal<"s">, Literal<"m">]>;
 export type BaseTagSize = Static<typeof BaseTagSizeRuntype>;
+export declare const InlineMessageSizeRuntype: Union<[Literal<"s">, Literal<"m">]>;
+export type InlineMessageSize = Static<typeof InlineMessageSizeRuntype>;
 export declare const BorderRadiusRuntype: Union<[Literal<"none">, Literal<"xs">, Literal<"s">, Literal<"m">]>;
 export type BorderRadius = Static<typeof BorderRadiusRuntype>;
 export declare const TextAlignmentRuntype: Union<[Literal<"left">, Literal<"right">, Literal<"center">]>;

package/build/cjs/types/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get AIButtonVariationsRuntype(){return AIButtonVariationsRuntype},get BaseColorsRuntype(){return BaseColorsRuntype},get BaseTagSizeRuntype(){return BaseTagSizeRuntype},get BaseVariationsRuntype(){return BaseVariationsRuntype},get BorderRadiusRuntype(){return BorderRadiusRuntype},get ButtonSizeRuntype(){return ButtonSizeRuntype},get CalloutVariationsRuntype(){return CalloutVariationsRuntype},get ColumnAlignmentRunType(){return ColumnAlignmentRunType},get ColumsSizesRuntype(){return ColumsSizesRuntype},get DropdownMenuSizeRuntype(){return DropdownMenuSizeRuntype},get HorizontalAlignmentRuntype(){return HorizontalAlignmentRuntype},get HyphensRuntype(){return HyphensRuntype},get IconSizesRuntype(){return IconSizesRuntype},get IconsColorsRuntime(){return IconsColorsRuntime},get IconsVariationsRuntype(){return IconsVariationsRuntype},get InputTextSizeRuntype(){return InputTextSizeRuntype},get LightboxVerticalAlignmentRuntype(){return LightboxVerticalAlignmentRuntype},get LinkColorsRuntype(){return LinkColorsRuntype},get LinkTextSizeRuntype(){return LinkTextSizeRuntype},get LinkVariationsRuntype(){return LinkVariationsRuntype},get ListSizeRuntype(){return ListSizeRuntype},get MediaItemSizeRuntype(){return MediaItemSizeRuntype},get OrderRuntype(){return OrderRuntype},get OverflowWrapRuntype(){return OverflowWrapRuntype},get PictogramVariationsRuntype(){return PictogramVariationsRuntype},get PromptInputSizesRuntype(){return PromptInputSizesRuntype},get RoundButtonSizeRuntype(){return RoundButtonSizeRuntype},get SpaceSizesRuntype(){return SpaceSizesRuntype},get StackHorizontalAlignmentRuntype(){return StackHorizontalAlignmentRuntype},get StackVerticalAlignmentRuntype(){return StackVerticalAlignmentRuntype},get TextAlignmentRuntype(){return TextAlignmentRuntype},get TextColorsRuntype(){return TextColorsRuntype},get TextSizeRuntype(){return TextSizeRuntype},get TextVariationsRuntype(){return TextVariationsRuntype},get TextWeightRuntype(){return TextWeightRuntype},get ToggleSizeRuntype(){return ToggleSizeRuntype},get VerticalAlignmentRuntype(){return VerticalAlignmentRuntype},get asValidProps(){return asValidProps}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _runtypes=require("runtypes");function asValidProps(props){return props}const LinkTextSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("xxs"),(0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l")),TextSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("xxs"),(0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l")),InputTextSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),BaseTagSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),BorderRadiusRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("none"),(0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),TextAlignmentRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("left"),(0,_runtypes.Literal)("right"),(0,_runtypes.Literal)("center")),HorizontalAlignmentRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("left"),(0,_runtypes.Literal)("right"),(0,_runtypes.Literal)("center"),(0,_runtypes.Literal)("spaceBetween")),VerticalAlignmentRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("top"),(0,_runtypes.Literal)("bottom"),(0,_runtypes.Literal)("center"),(0,_runtypes.Literal)("stretch")),StackVerticalAlignmentRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("top"),(0,_runtypes.Literal)("bottom"),(0,_runtypes.Literal)("center"),(0,_runtypes.Literal)("spaceBetween")),LightboxVerticalAlignmentRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("top"),(0,_runtypes.Literal)("center")),StackHorizontalAlignmentRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("left"),(0,_runtypes.Literal)("right"),(0,_runtypes.Literal)("center"),(0,_runtypes.Literal)("stretch")),SpaceSizesRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("zero"),(0,_runtypes.Literal)("xxxs"),(0,_runtypes.Literal)("xxs"),(0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l"),(0,_runtypes.Literal)("xl"),(0,_runtypes.Literal)("xxl")),ColumsSizesRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)(1),(0,_runtypes.Literal)(2),(0,_runtypes.Literal)(3),(0,_runtypes.Literal)(4),(0,_runtypes.Literal)(5),(0,_runtypes.Literal)(6),(0,_runtypes.Literal)(7),(0,_runtypes.Literal)(8),(0,_runtypes.Literal)(9),(0,_runtypes.Literal)(10),(0,_runtypes.Literal)(11),(0,_runtypes.Literal)(12),(0,_runtypes.Literal)("auto"),(0,_runtypes.Literal)("narrow"),(0,_runtypes.Literal)("fill")),ColumnAlignmentRunType=(0,_runtypes.Union)((0,_runtypes.Literal)("auto"),(0,_runtypes.Literal)("start"),(0,_runtypes.Literal)("center"),(0,_runtypes.Literal)("end")),OrderRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("first"),(0,_runtypes.Literal)("last"),(0,_runtypes.Literal)("unset")),BaseVariationsRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("primary"),(0,_runtypes.Literal)("secondary"),(0,_runtypes.Literal)("tertiary")),BaseColorsRuntype=(0,_runtypes.Union)(BaseVariationsRuntype,(0,_runtypes.Literal)("accent"),(0,_runtypes.Literal)("onAccent")),AIButtonVariationsRuntype=(0,_runtypes.Union)(BaseVariationsRuntype,(0,_runtypes.Literal)("gradient")),PictogramVariationsRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("secondary"),(0,_runtypes.Literal)("tertiary"),(0,_runtypes.Literal)("quaternary")),TextColorsRuntype=(0,_runtypes.Union)(BaseColorsRuntype,(0,_runtypes.Literal)("success"),(0,_runtypes.Literal)("info"),(0,_runtypes.Literal)("error"),(0,_runtypes.Literal)("warning")),TextVariationsRuntype=(0,_runtypes.Union)(BaseVariationsRuntype,(0,_runtypes.Literal)("success"),(0,_runtypes.Literal)("info"),(0,_runtypes.Literal)("error"),(0,_runtypes.Literal)("warning")),TextWeightRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("normal"),(0,_runtypes.Literal)("bold"),(0,_runtypes.Literal)("black"),(0,_runtypes.Literal)("inherit")),IconsColorsRuntime=(0,_runtypes.Union)(BaseColorsRuntype,(0,_runtypes.Literal)("success"),(0,_runtypes.Literal)("info"),(0,_runtypes.Literal)("error"),(0,_runtypes.Literal)("warning"),(0,_runtypes.Literal)("inherit"),(0,_runtypes.Literal)("brand"),(0,_runtypes.Literal)("quaternary"),(0,_runtypes.Literal)("ai")),IconsVariationsRuntype=(0,_runtypes.Union)(BaseVariationsRuntype,(0,_runtypes.Literal)("success"),(0,_runtypes.Literal)("info"),(0,_runtypes.Literal)("error"),(0,_runtypes.Literal)("warning"),(0,_runtypes.Literal)("inherit"),(0,_runtypes.Literal)("brand")),IconSizesRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l")),CalloutVariationsRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("info"),(0,_runtypes.Literal)("success"),(0,_runtypes.Literal)("error"),(0,_runtypes.Literal)("warning"),(0,_runtypes.Literal)("neutral"),(0,_runtypes.Literal)("ai")),LinkVariationsRuntype=(0,_runtypes.Union)(BaseVariationsRuntype),LinkColorsRuntype=(0,_runtypes.Union)(BaseColorsRuntype),ButtonSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l")),RoundButtonSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),DropdownMenuSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),HyphensRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("auto"),(0,_runtypes.Literal)("none"),(0,_runtypes.Literal)("manual")),OverflowWrapRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("normal"),(0,_runtypes.Literal)("break-word")),ToggleSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),ListSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l")),PromptInputSizesRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),MediaItemSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l"),(0,_runtypes.Literal)("xl"));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get AIButtonVariationsRuntype(){return AIButtonVariationsRuntype},get BaseColorsRuntype(){return BaseColorsRuntype},get BaseTagSizeRuntype(){return BaseTagSizeRuntype},get BaseVariationsRuntype(){return BaseVariationsRuntype},get BorderRadiusRuntype(){return BorderRadiusRuntype},get ButtonSizeRuntype(){return ButtonSizeRuntype},get CalloutVariationsRuntype(){return CalloutVariationsRuntype},get ColumnAlignmentRunType(){return ColumnAlignmentRunType},get ColumsSizesRuntype(){return ColumsSizesRuntype},get DropdownMenuSizeRuntype(){return DropdownMenuSizeRuntype},get HorizontalAlignmentRuntype(){return HorizontalAlignmentRuntype},get HyphensRuntype(){return HyphensRuntype},get IconSizesRuntype(){return IconSizesRuntype},get IconsColorsRuntime(){return IconsColorsRuntime},get IconsVariationsRuntype(){return IconsVariationsRuntype},get InlineMessageSizeRuntype(){return InlineMessageSizeRuntype},get InputTextSizeRuntype(){return InputTextSizeRuntype},get LightboxVerticalAlignmentRuntype(){return LightboxVerticalAlignmentRuntype},get LinkColorsRuntype(){return LinkColorsRuntype},get LinkTextSizeRuntype(){return LinkTextSizeRuntype},get LinkVariationsRuntype(){return LinkVariationsRuntype},get ListSizeRuntype(){return ListSizeRuntype},get MediaItemSizeRuntype(){return MediaItemSizeRuntype},get OrderRuntype(){return OrderRuntype},get OverflowWrapRuntype(){return OverflowWrapRuntype},get PictogramVariationsRuntype(){return PictogramVariationsRuntype},get PromptInputSizesRuntype(){return PromptInputSizesRuntype},get RoundButtonSizeRuntype(){return RoundButtonSizeRuntype},get SpaceSizesRuntype(){return SpaceSizesRuntype},get StackHorizontalAlignmentRuntype(){return StackHorizontalAlignmentRuntype},get StackVerticalAlignmentRuntype(){return StackVerticalAlignmentRuntype},get TextAlignmentRuntype(){return TextAlignmentRuntype},get TextColorsRuntype(){return TextColorsRuntype},get TextSizeRuntype(){return TextSizeRuntype},get TextVariationsRuntype(){return TextVariationsRuntype},get TextWeightRuntype(){return TextWeightRuntype},get ToggleSizeRuntype(){return ToggleSizeRuntype},get VerticalAlignmentRuntype(){return VerticalAlignmentRuntype},get asValidProps(){return asValidProps}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _runtypes=require("runtypes");function asValidProps(props){return props}const LinkTextSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("xxs"),(0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l")),TextSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("xxs"),(0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l")),InputTextSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),BaseTagSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),InlineMessageSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),BorderRadiusRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("none"),(0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),TextAlignmentRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("left"),(0,_runtypes.Literal)("right"),(0,_runtypes.Literal)("center")),HorizontalAlignmentRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("left"),(0,_runtypes.Literal)("right"),(0,_runtypes.Literal)("center"),(0,_runtypes.Literal)("spaceBetween")),VerticalAlignmentRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("top"),(0,_runtypes.Literal)("bottom"),(0,_runtypes.Literal)("center"),(0,_runtypes.Literal)("stretch")),StackVerticalAlignmentRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("top"),(0,_runtypes.Literal)("bottom"),(0,_runtypes.Literal)("center"),(0,_runtypes.Literal)("spaceBetween")),LightboxVerticalAlignmentRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("top"),(0,_runtypes.Literal)("center")),StackHorizontalAlignmentRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("left"),(0,_runtypes.Literal)("right"),(0,_runtypes.Literal)("center"),(0,_runtypes.Literal)("stretch")),SpaceSizesRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("zero"),(0,_runtypes.Literal)("xxxs"),(0,_runtypes.Literal)("xxs"),(0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l"),(0,_runtypes.Literal)("xl"),(0,_runtypes.Literal)("xxl")),ColumsSizesRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)(1),(0,_runtypes.Literal)(2),(0,_runtypes.Literal)(3),(0,_runtypes.Literal)(4),(0,_runtypes.Literal)(5),(0,_runtypes.Literal)(6),(0,_runtypes.Literal)(7),(0,_runtypes.Literal)(8),(0,_runtypes.Literal)(9),(0,_runtypes.Literal)(10),(0,_runtypes.Literal)(11),(0,_runtypes.Literal)(12),(0,_runtypes.Literal)("auto"),(0,_runtypes.Literal)("narrow"),(0,_runtypes.Literal)("fill")),ColumnAlignmentRunType=(0,_runtypes.Union)((0,_runtypes.Literal)("auto"),(0,_runtypes.Literal)("start"),(0,_runtypes.Literal)("center"),(0,_runtypes.Literal)("end")),OrderRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("first"),(0,_runtypes.Literal)("last"),(0,_runtypes.Literal)("unset")),BaseVariationsRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("primary"),(0,_runtypes.Literal)("secondary"),(0,_runtypes.Literal)("tertiary")),BaseColorsRuntype=(0,_runtypes.Union)(BaseVariationsRuntype,(0,_runtypes.Literal)("accent"),(0,_runtypes.Literal)("onAccent")),AIButtonVariationsRuntype=(0,_runtypes.Union)(BaseVariationsRuntype,(0,_runtypes.Literal)("gradient")),PictogramVariationsRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("secondary"),(0,_runtypes.Literal)("tertiary"),(0,_runtypes.Literal)("quaternary")),TextColorsRuntype=(0,_runtypes.Union)(BaseColorsRuntype,(0,_runtypes.Literal)("success"),(0,_runtypes.Literal)("info"),(0,_runtypes.Literal)("error"),(0,_runtypes.Literal)("warning")),TextVariationsRuntype=(0,_runtypes.Union)(BaseVariationsRuntype,(0,_runtypes.Literal)("success"),(0,_runtypes.Literal)("info"),(0,_runtypes.Literal)("error"),(0,_runtypes.Literal)("warning")),TextWeightRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("normal"),(0,_runtypes.Literal)("bold"),(0,_runtypes.Literal)("black"),(0,_runtypes.Literal)("inherit")),IconsColorsRuntime=(0,_runtypes.Union)(BaseColorsRuntype,(0,_runtypes.Literal)("success"),(0,_runtypes.Literal)("info"),(0,_runtypes.Literal)("error"),(0,_runtypes.Literal)("warning"),(0,_runtypes.Literal)("inherit"),(0,_runtypes.Literal)("brand"),(0,_runtypes.Literal)("quaternary"),(0,_runtypes.Literal)("ai")),IconsVariationsRuntype=(0,_runtypes.Union)(BaseVariationsRuntype,(0,_runtypes.Literal)("success"),(0,_runtypes.Literal)("info"),(0,_runtypes.Literal)("error"),(0,_runtypes.Literal)("warning"),(0,_runtypes.Literal)("inherit"),(0,_runtypes.Literal)("brand")),IconSizesRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l")),CalloutVariationsRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("info"),(0,_runtypes.Literal)("success"),(0,_runtypes.Literal)("error"),(0,_runtypes.Literal)("warning"),(0,_runtypes.Literal)("neutral"),(0,_runtypes.Literal)("ai")),LinkVariationsRuntype=(0,_runtypes.Union)(BaseVariationsRuntype),LinkColorsRuntype=(0,_runtypes.Union)(BaseColorsRuntype),ButtonSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l")),RoundButtonSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),DropdownMenuSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),HyphensRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("auto"),(0,_runtypes.Literal)("none"),(0,_runtypes.Literal)("manual")),OverflowWrapRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("normal"),(0,_runtypes.Literal)("break-word")),ToggleSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),ListSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l")),PromptInputSizesRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m")),MediaItemSizeRuntype=(0,_runtypes.Union)((0,_runtypes.Literal)("xs"),(0,_runtypes.Literal)("s"),(0,_runtypes.Literal)("m"),(0,_runtypes.Literal)("l"),(0,_runtypes.Literal)("xl"));

package/build/esm/components/InlineMessage/InlineMessage.d.ts

@@ -1,6 +1,7 @@
 import type { ReactElement } from "react";
 export type InlineMessageVariant = "error" | "warning" | "success" | "info";
 export type InlineMessageLiveRegion = "assertive" | "polite" | "off";
+export type InlineMessageSize = "s" | "m";
 export type InlineMessageProps = {
     /** The message. Keep it short and actionable; may contain inline elements such as a Link */
     text: string | ReactElement;
@@ -12,8 +13,10 @@ export type InlineMessageProps = {
      * a permanent part of the page, or it is referenced by a form field via aria-describedby
      */
     liveRegion?: InlineMessageLiveRegion;
+    /** Text size; the icon stays aligned to the first line at either size */
+    size?: InlineMessageSize;
     /** Allows a form control to reference the message via aria-describedby */
     id?: string;
     "data-e2e-test-id"?: string;
 };
-export declare function InlineMessage({ text, variant, liveRegion, id, "data-e2e-test-id": dataE2eTestId, }: InlineMessageProps): ReactElement;
+export declare function InlineMessage({ text, variant, liveRegion, size, id, "data-e2e-test-id": dataE2eTestId, }: InlineMessageProps): ReactElement;

package/build/esm/components/InlineMessage/InlineMessage.js

@@ -1 +1 @@
-import React,{useEffect,useRef,useState}from"react";import{useIntl}from"../../shared/intl/useIntl";import{Box}from"../Box/Box";import{Icon}from"../Icon/Icon";import{Inline}from"../Inline/Inline";import{Text}from"../Typography/Text/Text";import{ScreenReaderText}from"../Utilities/ScreenReaderText/ScreenReaderText";let CONFIG_BY_VARIANT={error:{iconName:"alert-triangle",color:"error",defaultLiveRegion:"assertive",iconLabelId:"InlineMessage.ErrorIcon.AriaLabel"},warning:{iconName:"alert-circle",color:"warning",defaultLiveRegion:"polite",iconLabelId:"InlineMessage.WarningIcon.AriaLabel"},success:{iconName:"check-circle",color:"success",defaultLiveRegion:"polite",iconLabelId:"InlineMessage.SuccessIcon.AriaLabel"},info:{iconName:"info",color:"info",defaultLiveRegion:"polite",iconLabelId:"InlineMessage.InfoIcon.AriaLabel"}},ROLE_BY_LIVE_REGION={assertive:"alert",polite:"status"};export function InlineMessage({text,variant,liveRegion,id,"data-e2e-test-id":dataE2eTestId}){let{formatMessage}=useIntl(),{iconName,color,defaultLiveRegion,iconLabelId}=CONFIG_BY_VARIANT[variant],resolvedLiveRegion=liveRegion??defaultLiveRegion,role="off"===resolvedLiveRegion?void 0:ROLE_BY_LIVE_REGION[resolvedLiveRegion],iconLabel=formatMessage(iconLabelId),textRef=useRef(null),[messageText,setMessageText]=useState(""),[announcement,setAnnouncement]=useState("");return useEffect(()=>{setMessageText(textRef.current?.textContent??"")},[text]),useEffect(()=>{if(!role||!messageText)return void setAnnouncement("");let announceTimeoutId=setTimeout(()=>setAnnouncement(`${iconLabel}: ${messageText}`),100),clearTimeoutId=setTimeout(()=>setAnnouncement(""),7100);return()=>{clearTimeout(announceTimeoutId),clearTimeout(clearTimeoutId)}},[role,iconLabel,messageText]),React.createElement(React.Fragment,null,React.createElement(Inline,{id:id,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"InlineMessage",noWrap:!0,vAlignItems:"top"},React.createElement(Box,{space:"zero",tSpace:"xxs"},React.createElement(Icon,{name:iconName,color:color,size:"s",role:"img","aria-label":iconLabel})),React.createElement(Text,{color:color,size:"m"},React.createElement("span",{ref:textRef},text))),role&&React.createElement(ScreenReaderText,{role:role},announcement))}
+import styled from"@emotion/styled";import React,{useEffect,useRef,useState}from"react";import{useIntl}from"../../shared/intl/useIntl";import{Icon}from"../Icon/Icon";import{Inline}from"../Inline/Inline";import{getTextFontSize,getTextLineHeight,Text}from"../Typography/Text/Text";import{ScreenReaderText}from"../Utilities/ScreenReaderText/ScreenReaderText";let CONFIG_BY_VARIANT={error:{iconName:"alert-triangle",color:"error",defaultLiveRegion:"assertive",iconLabelId:"InlineMessage.ErrorIcon.AriaLabel"},warning:{iconName:"alert-circle",color:"warning",defaultLiveRegion:"polite",iconLabelId:"InlineMessage.WarningIcon.AriaLabel"},success:{iconName:"check-circle",color:"success",defaultLiveRegion:"polite",iconLabelId:"InlineMessage.SuccessIcon.AriaLabel"},info:{iconName:"info",color:"info",defaultLiveRegion:"polite",iconLabelId:"InlineMessage.InfoIcon.AriaLabel"}},ROLE_BY_LIVE_REGION={assertive:"alert",polite:"status"},StyledIconBox=styled("div",{target:"e10nc1qo0",label:"StyledIconBox"})(({theme,textSize})=>{let fontSize=getTextFontSize({theme,size:textSize}),lineHeight=getTextLineHeight({theme,size:textSize});return{display:"flex",alignItems:"center",height:`calc(${fontSize} * ${lineHeight})`}});export function InlineMessage({text,variant,liveRegion,size="m",id,"data-e2e-test-id":dataE2eTestId}){let{formatMessage}=useIntl(),{iconName,color,defaultLiveRegion,iconLabelId}=CONFIG_BY_VARIANT[variant],resolvedLiveRegion=liveRegion??defaultLiveRegion,role="off"===resolvedLiveRegion?void 0:ROLE_BY_LIVE_REGION[resolvedLiveRegion],iconLabel=formatMessage(iconLabelId),textRef=useRef(null),[messageText,setMessageText]=useState(""),[announcement,setAnnouncement]=useState("");return useEffect(()=>{setMessageText(textRef.current?.textContent??"")},[text]),useEffect(()=>{if(!role||!messageText)return void setAnnouncement("");let announceTimeoutId=setTimeout(()=>setAnnouncement(`${iconLabel}: ${messageText}`),100),clearTimeoutId=setTimeout(()=>setAnnouncement(""),7100);return()=>{clearTimeout(announceTimeoutId),clearTimeout(clearTimeoutId)}},[role,iconLabel,messageText]),React.createElement(React.Fragment,null,React.createElement(Inline,{id:id,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"InlineMessage",noWrap:!0},React.createElement(StyledIconBox,{textSize:size},React.createElement(Icon,{name:iconName,color:color,size:"s",role:"img","aria-label":iconLabel})),React.createElement(Text,{color:color,size:size},React.createElement("span",{ref:textRef},text))),role&&React.createElement(ScreenReaderText,{role:role},announcement))}

package/build/esm/shared/mediaQueries.d.ts

@@ -1,11 +1,11 @@
-import type { ColumnSizes, HorizontalAlignment, MQ, SpaceSizes, IconSizes, TextAlignment, VerticalAlignment, StackHorizontalAlignment, StackVerticalAlignment, Order, ColumnAlignment, Hyphens, BorderRadius, ButtonSize, LightboxVerticalAlignment } from "../types";
+import type { ColumnSizes, HorizontalAlignment, MQ, SpaceSizes, IconSizes, TextAlignment, VerticalAlignment, StackHorizontalAlignment, StackVerticalAlignment, Order, ColumnAlignment, Hyphens, BorderRadius, ButtonSize, InlineMessageSize, LightboxVerticalAlignment } from "../types";
 export type Breakpoints = [string, string, string];
 export type ContainerQueryBreakpoints = [string, string?, string?];
 type MqProp<T> = [
     T | MQ<T>,
     (Record<T extends string ? T : never, string | number> | ((value: T) => string | number))
 ];
-type MqRules = Record<string, MqProp<TextAlignment> | MqProp<SpaceSizes> | MqProp<HorizontalAlignment> | MqProp<VerticalAlignment> | MqProp<StackHorizontalAlignment> | MqProp<StackVerticalAlignment> | MqProp<LightboxVerticalAlignment> | MqProp<ColumnSizes> | MqProp<Order> | MqProp<ColumnAlignment> | MqProp<Hyphens> | MqProp<BorderRadius> | MqProp<boolean> | MqProp<IconSizes> | MqProp<ButtonSize>>;
+type MqRules = Record<string, MqProp<TextAlignment> | MqProp<SpaceSizes> | MqProp<HorizontalAlignment> | MqProp<VerticalAlignment> | MqProp<StackHorizontalAlignment> | MqProp<StackVerticalAlignment> | MqProp<LightboxVerticalAlignment> | MqProp<ColumnSizes> | MqProp<Order> | MqProp<ColumnAlignment> | MqProp<Hyphens> | MqProp<BorderRadius> | MqProp<boolean> | MqProp<IconSizes> | MqProp<ButtonSize> | MqProp<InlineMessageSize>>;
 type EmotionCssPropertyName = string;
 type EmotionCssValue = string | number;
 type EmotionCssDescription = Record<EmotionCssPropertyName, EmotionCssValue>;

package/build/esm/types/index.d.ts

@@ -23,6 +23,8 @@ export declare const InputTextSizeRuntype: Union<[Literal<"s">, Literal<"m">]>;
 export type InputTextSize = Static<typeof InputTextSizeRuntype>;
 export declare const BaseTagSizeRuntype: Union<[Literal<"s">, Literal<"m">]>;
 export type BaseTagSize = Static<typeof BaseTagSizeRuntype>;
+export declare const InlineMessageSizeRuntype: Union<[Literal<"s">, Literal<"m">]>;
+export type InlineMessageSize = Static<typeof InlineMessageSizeRuntype>;
 export declare const BorderRadiusRuntype: Union<[Literal<"none">, Literal<"xs">, Literal<"s">, Literal<"m">]>;
 export type BorderRadius = Static<typeof BorderRadiusRuntype>;
 export declare const TextAlignmentRuntype: Union<[Literal<"left">, Literal<"right">, Literal<"center">]>;

package/build/esm/types/index.js

@@ -1 +1 @@
-import{Literal,Union}from"runtypes";export function asValidProps(props){return props}export const LinkTextSizeRuntype=Union(Literal("xxs"),Literal("xs"),Literal("s"),Literal("m"),Literal("l"));export const TextSizeRuntype=Union(Literal("xxs"),Literal("xs"),Literal("s"),Literal("m"),Literal("l"));export const InputTextSizeRuntype=Union(Literal("s"),Literal("m"));export const BaseTagSizeRuntype=Union(Literal("s"),Literal("m"));export const BorderRadiusRuntype=Union(Literal("none"),Literal("xs"),Literal("s"),Literal("m"));export const TextAlignmentRuntype=Union(Literal("left"),Literal("right"),Literal("center"));export const HorizontalAlignmentRuntype=Union(Literal("left"),Literal("right"),Literal("center"),Literal("spaceBetween"));export const VerticalAlignmentRuntype=Union(Literal("top"),Literal("bottom"),Literal("center"),Literal("stretch"));export const StackVerticalAlignmentRuntype=Union(Literal("top"),Literal("bottom"),Literal("center"),Literal("spaceBetween"));export const LightboxVerticalAlignmentRuntype=Union(Literal("top"),Literal("center"));export const StackHorizontalAlignmentRuntype=Union(Literal("left"),Literal("right"),Literal("center"),Literal("stretch"));export const SpaceSizesRuntype=Union(Literal("zero"),Literal("xxxs"),Literal("xxs"),Literal("xs"),Literal("s"),Literal("m"),Literal("l"),Literal("xl"),Literal("xxl"));export const ColumsSizesRuntype=Union(Literal(1),Literal(2),Literal(3),Literal(4),Literal(5),Literal(6),Literal(7),Literal(8),Literal(9),Literal(10),Literal(11),Literal(12),Literal("auto"),Literal("narrow"),Literal("fill"));export const ColumnAlignmentRunType=Union(Literal("auto"),Literal("start"),Literal("center"),Literal("end"));export const OrderRuntype=Union(Literal("first"),Literal("last"),Literal("unset"));export const BaseVariationsRuntype=Union(Literal("primary"),Literal("secondary"),Literal("tertiary"));export const BaseColorsRuntype=Union(BaseVariationsRuntype,Literal("accent"),Literal("onAccent"));export const AIButtonVariationsRuntype=Union(BaseVariationsRuntype,Literal("gradient"));export const PictogramVariationsRuntype=Union(Literal("secondary"),Literal("tertiary"),Literal("quaternary"));export const TextColorsRuntype=Union(BaseColorsRuntype,Literal("success"),Literal("info"),Literal("error"),Literal("warning"));export const TextVariationsRuntype=Union(BaseVariationsRuntype,Literal("success"),Literal("info"),Literal("error"),Literal("warning"));export const TextWeightRuntype=Union(Literal("normal"),Literal("bold"),Literal("black"),Literal("inherit"));export const IconsColorsRuntime=Union(BaseColorsRuntype,Literal("success"),Literal("info"),Literal("error"),Literal("warning"),Literal("inherit"),Literal("brand"),Literal("quaternary"),Literal("ai"));export const IconsVariationsRuntype=Union(BaseVariationsRuntype,Literal("success"),Literal("info"),Literal("error"),Literal("warning"),Literal("inherit"),Literal("brand"));export const IconSizesRuntype=Union(Literal("s"),Literal("m"),Literal("l"));export const CalloutVariationsRuntype=Union(Literal("info"),Literal("success"),Literal("error"),Literal("warning"),Literal("neutral"),Literal("ai"));export const LinkVariationsRuntype=Union(BaseVariationsRuntype);export const LinkColorsRuntype=Union(BaseColorsRuntype);export const ButtonSizeRuntype=Union(Literal("s"),Literal("m"),Literal("l"));export const RoundButtonSizeRuntype=Union(Literal("xs"),Literal("s"),Literal("m"));export const DropdownMenuSizeRuntype=Union(Literal("xs"),Literal("s"),Literal("m"));export const HyphensRuntype=Union(Literal("auto"),Literal("none"),Literal("manual"));export const OverflowWrapRuntype=Union(Literal("normal"),Literal("break-word"));export const ToggleSizeRuntype=Union(Literal("s"),Literal("m"));export const ListSizeRuntype=Union(Literal("xs"),Literal("s"),Literal("m"),Literal("l"));export const PromptInputSizesRuntype=Union(Literal("s"),Literal("m"));export const MediaItemSizeRuntype=Union(Literal("xs"),Literal("s"),Literal("m"),Literal("l"),Literal("xl"));
+import{Literal,Union}from"runtypes";export function asValidProps(props){return props}export const LinkTextSizeRuntype=Union(Literal("xxs"),Literal("xs"),Literal("s"),Literal("m"),Literal("l"));export const TextSizeRuntype=Union(Literal("xxs"),Literal("xs"),Literal("s"),Literal("m"),Literal("l"));export const InputTextSizeRuntype=Union(Literal("s"),Literal("m"));export const BaseTagSizeRuntype=Union(Literal("s"),Literal("m"));export const InlineMessageSizeRuntype=Union(Literal("s"),Literal("m"));export const BorderRadiusRuntype=Union(Literal("none"),Literal("xs"),Literal("s"),Literal("m"));export const TextAlignmentRuntype=Union(Literal("left"),Literal("right"),Literal("center"));export const HorizontalAlignmentRuntype=Union(Literal("left"),Literal("right"),Literal("center"),Literal("spaceBetween"));export const VerticalAlignmentRuntype=Union(Literal("top"),Literal("bottom"),Literal("center"),Literal("stretch"));export const StackVerticalAlignmentRuntype=Union(Literal("top"),Literal("bottom"),Literal("center"),Literal("spaceBetween"));export const LightboxVerticalAlignmentRuntype=Union(Literal("top"),Literal("center"));export const StackHorizontalAlignmentRuntype=Union(Literal("left"),Literal("right"),Literal("center"),Literal("stretch"));export const SpaceSizesRuntype=Union(Literal("zero"),Literal("xxxs"),Literal("xxs"),Literal("xs"),Literal("s"),Literal("m"),Literal("l"),Literal("xl"),Literal("xxl"));export const ColumsSizesRuntype=Union(Literal(1),Literal(2),Literal(3),Literal(4),Literal(5),Literal(6),Literal(7),Literal(8),Literal(9),Literal(10),Literal(11),Literal(12),Literal("auto"),Literal("narrow"),Literal("fill"));export const ColumnAlignmentRunType=Union(Literal("auto"),Literal("start"),Literal("center"),Literal("end"));export const OrderRuntype=Union(Literal("first"),Literal("last"),Literal("unset"));export const BaseVariationsRuntype=Union(Literal("primary"),Literal("secondary"),Literal("tertiary"));export const BaseColorsRuntype=Union(BaseVariationsRuntype,Literal("accent"),Literal("onAccent"));export const AIButtonVariationsRuntype=Union(BaseVariationsRuntype,Literal("gradient"));export const PictogramVariationsRuntype=Union(Literal("secondary"),Literal("tertiary"),Literal("quaternary"));export const TextColorsRuntype=Union(BaseColorsRuntype,Literal("success"),Literal("info"),Literal("error"),Literal("warning"));export const TextVariationsRuntype=Union(BaseVariationsRuntype,Literal("success"),Literal("info"),Literal("error"),Literal("warning"));export const TextWeightRuntype=Union(Literal("normal"),Literal("bold"),Literal("black"),Literal("inherit"));export const IconsColorsRuntime=Union(BaseColorsRuntype,Literal("success"),Literal("info"),Literal("error"),Literal("warning"),Literal("inherit"),Literal("brand"),Literal("quaternary"),Literal("ai"));export const IconsVariationsRuntype=Union(BaseVariationsRuntype,Literal("success"),Literal("info"),Literal("error"),Literal("warning"),Literal("inherit"),Literal("brand"));export const IconSizesRuntype=Union(Literal("s"),Literal("m"),Literal("l"));export const CalloutVariationsRuntype=Union(Literal("info"),Literal("success"),Literal("error"),Literal("warning"),Literal("neutral"),Literal("ai"));export const LinkVariationsRuntype=Union(BaseVariationsRuntype);export const LinkColorsRuntype=Union(BaseColorsRuntype);export const ButtonSizeRuntype=Union(Literal("s"),Literal("m"),Literal("l"));export const RoundButtonSizeRuntype=Union(Literal("xs"),Literal("s"),Literal("m"));export const DropdownMenuSizeRuntype=Union(Literal("xs"),Literal("s"),Literal("m"));export const HyphensRuntype=Union(Literal("auto"),Literal("none"),Literal("manual"));export const OverflowWrapRuntype=Union(Literal("normal"),Literal("break-word"));export const ToggleSizeRuntype=Union(Literal("s"),Literal("m"));export const ListSizeRuntype=Union(Literal("xs"),Literal("s"),Literal("m"),Literal("l"));export const PromptInputSizesRuntype=Union(Literal("s"),Literal("m"));export const MediaItemSizeRuntype=Union(Literal("xs"),Literal("s"),Literal("m"),Literal("l"),Literal("xl"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amboss/design-system",
-  "version": "4.6.0",
+  "version": "4.6.1",
   "description": "the design system for AMBOSS products",
   "author": "AMBOSS",
   "license": "ISC",