@amboss/design-system 3.25.0 → 3.25.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.
@@ -15,7 +15,7 @@ export type AccessCardItemProps = {
15
15
  isIconActive: boolean;
16
16
  iconName: IconProps["name"];
17
17
  subTitle?: string;
18
- badge?: Pick<BadgeProps, "text" | "color">;
18
+ badge?: Pick<BadgeProps, "text" | "color" | "data-color">;
19
19
  additionalInfo?: string;
20
20
  primaryButton?: ActionButton;
21
21
  secondaryButtons?: ActionButton[];
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AccessCardItem",{enumerable:!0,get:function(){return AccessCardItem}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_Badge=require("../Badge/Badge"),_Button=require("../Button/Button"),_Columns=require("../Column/Columns"),_Inline=require("../Inline/Inline"),_TextClamped=require("../Typography/TextClamped/TextClamped"),_Text=require("../Typography/Text/Text"),_IconTile=require("../IconTile/IconTile");function AccessCardItem({isIconActive=!0,iconName="activity",title,subTitle,badge,additionalInfo,primaryButton,secondaryButtons,"data-e2e-test-id":dataE2eTestId="detail-card-item-component"}){return _react.default.createElement(_Columns.Columns,{gap:"l",vAlignItems:"center","data-e2e-test-id":dataE2eTestId},_react.default.createElement(_Columns.Column,{size:"fill"},_react.default.createElement(_Columns.Columns,{gap:"m",vAlignItems:"center"},_react.default.createElement(_Columns.Column,{size:"narrow",alignSelf:"start"},_react.default.createElement(_IconTile.IconTile,{icon:iconName,color:isIconActive?"brand":"gray","data-e2e-test-id":`icon-in-${dataE2eTestId}`,ariaAttributes:{"aria-hidden":"true"}})),_react.default.createElement(_Columns.Column,null,_react.default.createElement(_Columns.Columns,{gap:"xs",vAlignItems:"center"},_react.default.createElement(_Columns.Column,{size:"fill"},_react.default.createElement(_Inline.Inline,{noWrap:!0,vAlignItems:"center",space:"xs"},_react.default.createElement(_TextClamped.TextClamped,{size:"m"},title),badge&&_react.default.createElement(_Badge.Badge,{"data-e2e-test-id":`badge-in-${dataE2eTestId}`,text:badge?.text,color:badge?.color??"green"})),subTitle&&_react.default.createElement(_Text.Text,{color:"tertiary","data-e2e-test-id":`subtitle-in-${dataE2eTestId}`,size:"s"},subTitle)),additionalInfo&&_react.default.createElement(_Columns.Column,{size:[12,12,"narrow"]},_react.default.createElement(_Text.Text,{size:"xs",transform:"uppercase",weight:"bold","data-e2e-test-id":`additional-info-in-${dataE2eTestId}`},additionalInfo)))))),(primaryButton||secondaryButtons?.length>0)&&_react.default.createElement(_Columns.Column,{size:[12,"narrow"]},_react.default.createElement(_Columns.Columns,{gap:"xs"},secondaryButtons?.map(({label,...buttonProps})=>_react.default.createElement(_Columns.Column,{key:label,size:[12,"narrow"]},_react.default.createElement(_Button.Button,{size:"s",fullWidth:!0,variant:"secondary",...buttonProps},label))),primaryButton&&_react.default.createElement(_Columns.Column,{size:[12,"narrow"]},_react.default.createElement(_Button.Button,{size:"s",fullWidth:!0,variant:"primary",...primaryButton},primaryButton.label)))))}
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AccessCardItem",{enumerable:!0,get:function(){return AccessCardItem}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_Badge=require("../Badge/Badge"),_Button=require("../Button/Button"),_Columns=require("../Column/Columns"),_Inline=require("../Inline/Inline"),_TextClamped=require("../Typography/TextClamped/TextClamped"),_Text=require("../Typography/Text/Text"),_IconTile=require("../IconTile/IconTile");function AccessCardItem({isIconActive=!0,iconName="activity",title,subTitle,badge,additionalInfo,primaryButton,secondaryButtons,"data-e2e-test-id":dataE2eTestId="detail-card-item-component"}){let iconColor=isIconActive?"brand":"gray";return _react.default.createElement(_Columns.Columns,{gap:"l",vAlignItems:"center","data-e2e-test-id":dataE2eTestId},_react.default.createElement(_Columns.Column,{size:"fill"},_react.default.createElement(_Columns.Columns,{gap:"m",vAlignItems:"center"},_react.default.createElement(_Columns.Column,{size:"narrow",alignSelf:"start"},_react.default.createElement(_IconTile.IconTile,{icon:iconName,color:iconColor,"data-color":iconColor,"data-e2e-test-id":`icon-in-${dataE2eTestId}`,ariaAttributes:{"aria-hidden":"true"}})),_react.default.createElement(_Columns.Column,null,_react.default.createElement(_Columns.Columns,{gap:"xs",vAlignItems:"center"},_react.default.createElement(_Columns.Column,{size:"fill"},_react.default.createElement(_Inline.Inline,{noWrap:!0,vAlignItems:"center",space:"xs"},_react.default.createElement(_TextClamped.TextClamped,{size:"m"},title),badge&&_react.default.createElement(_Badge.Badge,{"data-e2e-test-id":`badge-in-${dataE2eTestId}`,text:badge?.text,color:badge?.color??"green","data-color":badge?.["data-color"]})),subTitle&&_react.default.createElement(_Text.Text,{color:"tertiary","data-e2e-test-id":`subtitle-in-${dataE2eTestId}`,size:"s"},subTitle)),additionalInfo&&_react.default.createElement(_Columns.Column,{size:[12,12,"narrow"]},_react.default.createElement(_Text.Text,{size:"xs",transform:"uppercase",weight:"bold","data-e2e-test-id":`additional-info-in-${dataE2eTestId}`},additionalInfo)))))),(primaryButton||secondaryButtons?.length>0)&&_react.default.createElement(_Columns.Column,{size:[12,"narrow"]},_react.default.createElement(_Columns.Columns,{gap:"xs"},secondaryButtons?.map(({label,...buttonProps})=>_react.default.createElement(_Columns.Column,{key:label,size:[12,"narrow"]},_react.default.createElement(_Button.Button,{size:"s",fullWidth:!0,variant:"secondary",...buttonProps},label))),primaryButton&&_react.default.createElement(_Columns.Column,{size:[12,"narrow"]},_react.default.createElement(_Button.Button,{size:"s",fullWidth:!0,variant:"primary",...primaryButton},primaryButton.label)))))}
@@ -1,11 +1,14 @@
1
1
  import React from "react";
2
2
  import type { IconName } from "../Icon/Icon";
3
+ type BadgeColor = `green` | `blue` | `yellow` | `brand` | `purple` | `red` | `gray`;
3
4
  export type BadgeProps = {
4
5
  /** This is a text for a component property */
5
6
  text: string;
6
7
  /** A color doesn't reflect any intent other than to variety */
7
- color?: `green` | `blue` | `yellow` | `brand` | `purple` | `red` | `gray`;
8
+ color?: BadgeColor;
8
9
  icon?: IconName;
9
10
  "data-e2e-test-id"?: string;
11
+ "data-color"?: BadgeColor;
10
12
  };
11
13
  export declare function Badge({ text, color, icon, "data-e2e-test-id": dataE2eTestId, ...rest }: BadgeProps): React.ReactElement;
14
+ export {};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return Badge}});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")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_Box=require("../Box/Box"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),BadgeContainer=(0,_styled.default)("div",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"color"!==prop,target:"eesknrx0",label:"BadgeContainer"})(({theme,color})=>({borderRadius:theme.variables.size.borderRadius.xl,display:"inline-block",textTransform:"uppercase",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.xs,lineHeight:theme.variables.size.lineHeight.m,fontWeight:"bold",letterSpacing:theme.variables.size.letterSpacing.s,border:"solid 1px",borderColor:color?theme.values.color.badge.borderSubtle[color]:theme.values.color.badge.borderSubtle.default,backgroundColor:color?theme.values.color.badge.background[color]:theme.values.color.badge.background.default,color:color?theme.values.color.badge.foreground[color]:theme.values.color.badge.foreground.default}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2UudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9CYWRnZS9CYWRnZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgaXNQcm9wVmFsaWQgZnJvbSBcIkBlbW90aW9uL2lzLXByb3AtdmFsaWRcIjtcblxuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgQmFkZ2VQcm9wcyA9IHtcbiAgLyoqIFRoaXMgaXMgYSB0ZXh0IGZvciBhIGNvbXBvbmVudCBwcm9wZXJ0eSAqL1xuICB0ZXh0OiBzdHJpbmc7XG4gIC8qKiBBIGNvbG9yIGRvZXNuJ3QgcmVmbGVjdCBhbnkgaW50ZW50IG90aGVyIHRoYW4gdG8gdmFyaWV0eSAqL1xuICBjb2xvcj86IGBncmVlbmAgfCBgYmx1ZWAgfCBgeWVsbG93YCB8IGBicmFuZGAgfCBgcHVycGxlYCB8IGByZWRgIHwgYGdyYXlgO1xuXG4gIGljb24/OiBJY29uTmFtZTtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBCYWRnZUNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gaXNQcm9wVmFsaWQocHJvcCkgJiYgcHJvcCAhPT0gXCJjb2xvclwiLFxufSk8UGFydGlhbDxCYWRnZVByb3BzPj4oKHsgdGhlbWUsIGNvbG9yIH0pID0+ICh7XG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhsLFxuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICB0ZXh0VHJhbnNmb3JtOiBcInVwcGVyY2FzZVwiLFxuICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC54cyxcbiAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5tLFxuICBmb250V2VpZ2h0OiBcImJvbGRcIixcbiAgbGV0dGVyU3BhY2luZzogdGhlbWUudmFyaWFibGVzLnNpemUubGV0dGVyU3BhY2luZy5zLFxuICBib3JkZXI6IFwic29saWQgMXB4XCIsXG4gIGJvcmRlckNvbG9yOiBjb2xvclxuICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLmJhZGdlLmJvcmRlclN1YnRsZVtjb2xvcl1cbiAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWRnZS5ib3JkZXJTdWJ0bGUuZGVmYXVsdCxcbiAgYmFja2dyb3VuZENvbG9yOiBjb2xvclxuICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLmJhZGdlLmJhY2tncm91bmRbY29sb3JdXG4gICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFkZ2UuYmFja2dyb3VuZC5kZWZhdWx0LFxuICBjb2xvcjogY29sb3JcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWRnZS5mb3JlZ3JvdW5kW2NvbG9yXVxuICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLmJhZGdlLmZvcmVncm91bmQuZGVmYXVsdCxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIEJhZGdlKHtcbiAgdGV4dCxcbiAgY29sb3IsXG4gIGljb24sXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAuLi5yZXN0XG59OiBCYWRnZVByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8QmFkZ2VDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiQmFkZ2VcIlxuICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAgPEJveCBzcGFjZT1cInhzXCIgdlNwYWNlPVwieHhzXCI+XG4gICAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBzcGFjZT1cInh4c1wiIG5vV3JhcD5cbiAgICAgICAgICB7aWNvbiAmJiA8SWNvbiBuYW1lPXtpY29ufSBzaXplPVwic1wiIGFyaWEtaGlkZGVuIC8+fVxuICAgICAgICAgIDxzcGFuPnt0ZXh0fTwvc3Bhbj5cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L0JveD5cbiAgICA8L0JhZGdlQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CdUIifQ== */");function Badge({text,color,icon,"data-e2e-test-id":dataE2eTestId,...rest}){return _react.default.createElement(BadgeContainer,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Badge",color:color,...rest},_react.default.createElement(_Box.Box,{space:"xs",vSpace:"xxs"},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",space:"xxs",noWrap:!0},icon&&_react.default.createElement(_Icon.Icon,{name:icon,size:"s","aria-hidden":!0}),_react.default.createElement("span",null,text))))}
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return Badge}});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")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_Box=require("../Box/Box"),_Icon=require("../Icon/Icon"),_Inline=require("../Inline/Inline"),BadgeContainer=(0,_styled.default)("div",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"color"!==prop,target:"e15v1inb0",label:"BadgeContainer"})(({theme,color})=>({borderRadius:theme.variables.size.borderRadius.xl,display:"inline-block",textTransform:"uppercase",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.xs,lineHeight:theme.variables.size.lineHeight.m,fontWeight:"bold",letterSpacing:theme.variables.size.letterSpacing.s,border:"solid 1px",borderColor:color?theme.values.color.badge.borderSubtle[color]:theme.values.color.badge.borderSubtle.default,backgroundColor:color?theme.values.color.badge.background[color]:theme.values.color.badge.background.default,color:color?theme.values.color.badge.foreground[color]:theme.values.color.badge.foreground.default}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQmFkZ2UvQmFkZ2UudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9CYWRnZS9CYWRnZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgaXNQcm9wVmFsaWQgZnJvbSBcIkBlbW90aW9uL2lzLXByb3AtdmFsaWRcIjtcblxuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcblxudHlwZSBCYWRnZUNvbG9yID1cbiAgfCBgZ3JlZW5gXG4gIHwgYGJsdWVgXG4gIHwgYHllbGxvd2BcbiAgfCBgYnJhbmRgXG4gIHwgYHB1cnBsZWBcbiAgfCBgcmVkYFxuICB8IGBncmF5YDtcblxuZXhwb3J0IHR5cGUgQmFkZ2VQcm9wcyA9IHtcbiAgLyoqIFRoaXMgaXMgYSB0ZXh0IGZvciBhIGNvbXBvbmVudCBwcm9wZXJ0eSAqL1xuICB0ZXh0OiBzdHJpbmc7XG4gIC8qKiBBIGNvbG9yIGRvZXNuJ3QgcmVmbGVjdCBhbnkgaW50ZW50IG90aGVyIHRoYW4gdG8gdmFyaWV0eSAqL1xuICBjb2xvcj86IEJhZGdlQ29sb3I7XG5cbiAgaWNvbj86IEljb25OYW1lO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgXCJkYXRhLWNvbG9yXCI/OiBCYWRnZUNvbG9yO1xufTtcblxuY29uc3QgQmFkZ2VDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIiwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IGlzUHJvcFZhbGlkKHByb3ApICYmIHByb3AgIT09IFwiY29sb3JcIixcbn0pPFBhcnRpYWw8QmFkZ2VQcm9wcz4+KCh7IHRoZW1lLCBjb2xvciB9KSA9PiAoe1xuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54bCxcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgdGV4dFRyYW5zZm9ybTogXCJ1cHBlcmNhc2VcIixcbiAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQueHMsXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQubSxcbiAgZm9udFdlaWdodDogXCJib2xkXCIsXG4gIGxldHRlclNwYWNpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxldHRlclNwYWNpbmcucyxcbiAgYm9yZGVyOiBcInNvbGlkIDFweFwiLFxuICBib3JkZXJDb2xvcjogY29sb3JcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWRnZS5ib3JkZXJTdWJ0bGVbY29sb3JdXG4gICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFkZ2UuYm9yZGVyU3VidGxlLmRlZmF1bHQsXG4gIGJhY2tncm91bmRDb2xvcjogY29sb3JcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWRnZS5iYWNrZ3JvdW5kW2NvbG9yXVxuICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLmJhZGdlLmJhY2tncm91bmQuZGVmYXVsdCxcbiAgY29sb3I6IGNvbG9yXG4gICAgPyB0aGVtZS52YWx1ZXMuY29sb3IuYmFkZ2UuZm9yZWdyb3VuZFtjb2xvcl1cbiAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWRnZS5mb3JlZ3JvdW5kLmRlZmF1bHQsXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBCYWRnZSh7XG4gIHRleHQsXG4gIGNvbG9yLFxuICBpY29uLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgLi4ucmVzdFxufTogQmFkZ2VQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPEJhZGdlQ29udGFpbmVyXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIkJhZGdlXCJcbiAgICAgIGNvbG9yPXtjb2xvcn1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxCb3ggc3BhY2U9XCJ4c1wiIHZTcGFjZT1cInh4c1wiPlxuICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ4eHNcIiBub1dyYXA+XG4gICAgICAgICAge2ljb24gJiYgPEljb24gbmFtZT17aWNvbn0gc2l6ZT1cInNcIiBhcmlhLWhpZGRlbiAvPn1cbiAgICAgICAgICA8c3Bhbj57dGV4dH08L3NwYW4+XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgPC9Cb3g+XG4gICAgPC9CYWRnZUNvbnRhaW5lcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QnVCIn0= */");function Badge({text,color,icon,"data-e2e-test-id":dataE2eTestId,...rest}){return _react.default.createElement(BadgeContainer,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Badge",color:color,...rest},_react.default.createElement(_Box.Box,{space:"xs",vSpace:"xxs"},_react.default.createElement(_Inline.Inline,{vAlignItems:"center",space:"xxs",noWrap:!0},icon&&_react.default.createElement(_Icon.Icon,{name:icon,size:"s","aria-hidden":!0}),_react.default.createElement("span",null,text))))}
@@ -1,10 +1,13 @@
1
1
  import type { AriaAttributes } from "react";
2
2
  import React from "react";
3
3
  import type { IconName } from "../Icon/Icon";
4
+ type IconTileColor = "green" | "blue" | "yellow" | "brand" | "purple" | "red" | "gray";
4
5
  export interface IconTileProps {
5
6
  icon: IconName;
6
- color?: "green" | "blue" | "yellow" | "brand" | "purple" | "red" | "gray";
7
- "data-e2e-test-id"?: string;
7
+ color?: IconTileColor;
8
8
  ariaAttributes?: AriaAttributes;
9
+ "data-e2e-test-id"?: string;
10
+ "data-color"?: IconTileColor;
9
11
  }
10
- export declare const IconTile: ({ icon, color, ariaAttributes, "data-e2e-test-id": dataE2eTestId, }: IconTileProps) => React.ReactElement;
12
+ export declare const IconTile: ({ icon, color, ariaAttributes, "data-color": dataColor, "data-e2e-test-id": dataE2eTestId, }: IconTileProps) => React.ReactElement;
13
+ export {};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"IconTile",{enumerable:!0,get:function(){return IconTile}});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")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_Icon=require("../Icon/Icon"),_Box=require("../Box/Box"),IconTileWrapper=(0,_styled.default)("div",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"color"!==prop,target:"emq2n5f0",label:"IconTileWrapper"})(({theme,color})=>({display:"inline-block",borderRadius:"50%",border:"1px solid",borderColor:color?theme.values.color.badge.borderSubtle[color]:theme.values.color.badge.borderSubtle.default,backgroundColor:color?theme.values.color.badge.background[color]:theme.values.color.badge.background.default,color:color?theme.values.color.badge.foreground[color]:theme.values.color.badge.foreground.gray}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSWNvblRpbGUvSWNvblRpbGUudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JY29uVGlsZS9JY29uVGlsZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBBcmlhQXR0cmlidXRlcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgaXNQcm9wVmFsaWQgZnJvbSBcIkBlbW90aW9uL2lzLXByb3AtdmFsaWRcIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcblxuZXhwb3J0IGludGVyZmFjZSBJY29uVGlsZVByb3BzIHtcbiAgaWNvbjogSWNvbk5hbWU7XG4gIGNvbG9yPzogXCJncmVlblwiIHwgXCJibHVlXCIgfCBcInllbGxvd1wiIHwgXCJicmFuZFwiIHwgXCJwdXJwbGVcIiB8IFwicmVkXCIgfCBcImdyYXlcIjtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIGFyaWFBdHRyaWJ1dGVzPzogQXJpYUF0dHJpYnV0ZXM7XG59XG5cbmNvbnN0IEljb25UaWxlV3JhcHBlciA9IHN0eWxlZChcImRpdlwiLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gaXNQcm9wVmFsaWQocHJvcCkgJiYgcHJvcCAhPT0gXCJjb2xvclwiLFxufSk8UGljazxJY29uVGlsZVByb3BzLCBcImNvbG9yXCI+PigoeyB0aGVtZSwgY29sb3IgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gIC8vIFRPRE8gVXBkYXRlIGJhZGdlIHRva2VucyB3aXRoIGljb24tdGlsZSBzcGVjaWZpYyB0b2tlbnNcbiAgYm9yZGVyQ29sb3I6IGNvbG9yXG4gICAgPyB0aGVtZS52YWx1ZXMuY29sb3IuYmFkZ2UuYm9yZGVyU3VidGxlW2NvbG9yXVxuICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLmJhZGdlLmJvcmRlclN1YnRsZS5kZWZhdWx0LFxuICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yXG4gICAgPyB0aGVtZS52YWx1ZXMuY29sb3IuYmFkZ2UuYmFja2dyb3VuZFtjb2xvcl1cbiAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWRnZS5iYWNrZ3JvdW5kLmRlZmF1bHQsXG4gIGNvbG9yOiBjb2xvclxuICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLmJhZGdlLmZvcmVncm91bmRbY29sb3JdXG4gICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFkZ2UuZm9yZWdyb3VuZC5ncmF5LFxufSkpO1xuXG5leHBvcnQgY29uc3QgSWNvblRpbGUgPSAoe1xuICBpY29uLFxuICBjb2xvcixcbiAgYXJpYUF0dHJpYnV0ZXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogSWNvblRpbGVQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiAoXG4gIDxJY29uVGlsZVdyYXBwZXJcbiAgICBjb2xvcj17Y29sb3J9XG4gICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICBkYXRhLWNvbG9yPXtjb2xvcn1cbiAgICBkYXRhLWRzLWlkPVwiSWNvblRpbGVcIlxuICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgPlxuICAgIDxCb3ggc3BhY2U9XCJzXCI+XG4gICAgICA8SWNvbiBuYW1lPXtpY29ufSBzaXplPVwibVwiIC8+XG4gICAgPC9Cb3g+XG4gIDwvSWNvblRpbGVXcmFwcGVyPlxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFld0IifQ== */"),IconTile=({icon,color,ariaAttributes,"data-e2e-test-id":dataE2eTestId})=>_react.default.createElement(IconTileWrapper,{color:color,"data-e2e-test-id":dataE2eTestId,"data-color":color,"data-ds-id":"IconTile",...ariaAttributes},_react.default.createElement(_Box.Box,{space:"s"},_react.default.createElement(_Icon.Icon,{name:icon,size:"m"})));
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"IconTile",{enumerable:!0,get:function(){return IconTile}});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")),_ispropvalid=/*#__PURE__*/_interop_require_default._(require("@emotion/is-prop-valid")),_Icon=require("../Icon/Icon"),_Box=require("../Box/Box"),IconTileWrapper=(0,_styled.default)("div",{shouldForwardProp:prop=>(0,_ispropvalid.default)(prop)&&"color"!==prop,target:"e1f7iqk60",label:"IconTileWrapper"})(({theme,color})=>({display:"inline-block",borderRadius:"50%",border:"1px solid",borderColor:color?theme.values.color.badge.borderSubtle[color]:theme.values.color.badge.borderSubtle.default,backgroundColor:color?theme.values.color.badge.background[color]:theme.values.color.badge.background.default,color:color?theme.values.color.badge.foreground[color]:theme.values.color.badge.foreground.gray}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSWNvblRpbGUvSWNvblRpbGUudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JY29uVGlsZS9JY29uVGlsZS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBBcmlhQXR0cmlidXRlcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgaXNQcm9wVmFsaWQgZnJvbSBcIkBlbW90aW9uL2lzLXByb3AtdmFsaWRcIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcblxudHlwZSBJY29uVGlsZUNvbG9yID1cbiAgfCBcImdyZWVuXCJcbiAgfCBcImJsdWVcIlxuICB8IFwieWVsbG93XCJcbiAgfCBcImJyYW5kXCJcbiAgfCBcInB1cnBsZVwiXG4gIHwgXCJyZWRcIlxuICB8IFwiZ3JheVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEljb25UaWxlUHJvcHMge1xuICBpY29uOiBJY29uTmFtZTtcbiAgY29sb3I/OiBJY29uVGlsZUNvbG9yO1xuICBhcmlhQXR0cmlidXRlcz86IEFyaWFBdHRyaWJ1dGVzO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgXCJkYXRhLWNvbG9yXCI/OiBJY29uVGlsZUNvbG9yO1xufVxuXG5jb25zdCBJY29uVGlsZVdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIiwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IGlzUHJvcFZhbGlkKHByb3ApICYmIHByb3AgIT09IFwiY29sb3JcIixcbn0pPFBpY2s8SWNvblRpbGVQcm9wcywgXCJjb2xvclwiPj4oKHsgdGhlbWUsIGNvbG9yIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgYm9yZGVyOiBcIjFweCBzb2xpZFwiLFxuICAvLyBUT0RPIFVwZGF0ZSBiYWRnZSB0b2tlbnMgd2l0aCBpY29uLXRpbGUgc3BlY2lmaWMgdG9rZW5zXG4gIGJvcmRlckNvbG9yOiBjb2xvclxuICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLmJhZGdlLmJvcmRlclN1YnRsZVtjb2xvcl1cbiAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWRnZS5ib3JkZXJTdWJ0bGUuZGVmYXVsdCxcbiAgYmFja2dyb3VuZENvbG9yOiBjb2xvclxuICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLmJhZGdlLmJhY2tncm91bmRbY29sb3JdXG4gICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFkZ2UuYmFja2dyb3VuZC5kZWZhdWx0LFxuICBjb2xvcjogY29sb3JcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWRnZS5mb3JlZ3JvdW5kW2NvbG9yXVxuICAgIDogdGhlbWUudmFsdWVzLmNvbG9yLmJhZGdlLmZvcmVncm91bmQuZ3JheSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEljb25UaWxlID0gKHtcbiAgaWNvbixcbiAgY29sb3IsXG4gIGFyaWFBdHRyaWJ1dGVzLFxuICBcImRhdGEtY29sb3JcIjogZGF0YUNvbG9yLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IEljb25UaWxlUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4gKFxuICA8SWNvblRpbGVXcmFwcGVyXG4gICAgY29sb3I9e2NvbG9yfVxuICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgZGF0YS1jb2xvcj17ZGF0YUNvbG9yfVxuICAgIGRhdGEtZHMtaWQ9XCJJY29uVGlsZVwiXG4gICAgey4uLmFyaWFBdHRyaWJ1dGVzfVxuICA+XG4gICAgPEJveCBzcGFjZT1cInNcIj5cbiAgICAgIDxJY29uIG5hbWU9e2ljb259IHNpemU9XCJtXCIgLz5cbiAgICA8L0JveD5cbiAgPC9JY29uVGlsZVdyYXBwZXI+XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCd0IifQ== */"),IconTile=({icon,color,ariaAttributes,"data-color":dataColor,"data-e2e-test-id":dataE2eTestId})=>_react.default.createElement(IconTileWrapper,{color:color,"data-e2e-test-id":dataE2eTestId,"data-color":dataColor,"data-ds-id":"IconTile",...ariaAttributes},_react.default.createElement(_Box.Box,{space:"s"},_react.default.createElement(_Icon.Icon,{name:icon,size:"m"})));
@@ -8,7 +8,7 @@ import type { PolymorphicComponentPropsWithRef } from "../../types";
8
8
  import type { RoundButtonProps } from "../RoundButton/RoundButton";
9
9
  import type { IconName } from "../Icon/Icon";
10
10
  type SendButtonProps = Omit<RoundButtonProps, "icon" | "variant"> & {
11
- icon?: "arrow-up" | "search" | "arrow-right";
11
+ icon?: "arrow-up" | "search" | "arrow-right" | "voice";
12
12
  };
13
13
  type BottomToolbarConfig = {
14
14
  /** Toolbar elements below text area */