@amboss/design-system 3.48.11 → 3.48.12
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.
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { AvatarProps } from "../Avatar/Avatar";
|
|
3
3
|
export type AvatarGroupProps = {
|
|
4
|
-
|
|
4
|
+
avatars: AvatarProps[];
|
|
5
5
|
/** Maximum number of avatars to display before showing overflow counter */
|
|
6
6
|
maxCount?: number;
|
|
7
7
|
showCount?: boolean;
|
|
8
8
|
"data-e2e-test-id"?: string;
|
|
9
9
|
};
|
|
10
|
-
export declare function AvatarGroup({
|
|
10
|
+
export declare function AvatarGroup({ avatars, maxCount, showCount, "data-e2e-test-id": dataE2eTestId, ...ariaAttributes }: AvatarGroupProps): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AvatarGroup",{enumerable:!0,get:function(){return AvatarGroup}});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")),_Avatar=require("../Avatar/Avatar"),_Text=require("../Typography/Text"),_Inline=require("../Inline/Inline"),AvatarWrapper=(0,_styled.default)("div",{target:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AvatarGroup",{enumerable:!0,get:function(){return AvatarGroup}});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")),_Avatar=require("../Avatar/Avatar"),_Text=require("../Typography/Text"),_Inline=require("../Inline/Inline"),AvatarWrapper=(0,_styled.default)("div",{target:"efx6ood0",label:"AvatarWrapper"})(({theme,isLastitem})=>({outline:`2px solid ${theme.values.color.avatar.border.default}`,borderRadius:theme.variables.size.borderRadius.full,...!isLastitem&&{marginRight:`-${theme.variables.size.spacing.xxxs}`},"&:hover, &:focus-within":{position:"relative",zIndex:1}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQXZhdGFyR3JvdXAvQXZhdGFyR3JvdXAudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9BdmF0YXJHcm91cC9BdmF0YXJHcm91cC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IEF2YXRhclByb3BzIH0gZnJvbSBcIi4uL0F2YXRhci9BdmF0YXJcIjtcbmltcG9ydCB7IEF2YXRhciwgQVZBVEFSX0NPTE9SUyB9IGZyb20gXCIuLi9BdmF0YXIvQXZhdGFyXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgQXZhdGFyR3JvdXBQcm9wcyA9IHtcbiAgYXZhdGFyczogQXZhdGFyUHJvcHNbXTtcbiAgLyoqIE1heGltdW0gbnVtYmVyIG9mIGF2YXRhcnMgdG8gZGlzcGxheSBiZWZvcmUgc2hvd2luZyBvdmVyZmxvdyBjb3VudGVyICovXG4gIG1heENvdW50PzogbnVtYmVyO1xuICBzaG93Q291bnQ/OiBib29sZWFuO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbnR5cGUgQXZhdGFyV3JhcHBlclByb3BzID0ge1xuICBpc0xhc3RpdGVtPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IEF2YXRhcldyYXBwZXIgPSBzdHlsZWQuZGl2PEF2YXRhcldyYXBwZXJQcm9wcz4oXG4gICh7IHRoZW1lLCBpc0xhc3RpdGVtIH0pID0+ICh7XG4gICAgb3V0bGluZTogYDJweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5hdmF0YXIuYm9yZGVyLmRlZmF1bHR9YCxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5mdWxsLFxuXG4gICAgLi4uKCFpc0xhc3RpdGVtICYmIHtcbiAgICAgIG1hcmdpblJpZ2h0OiBgLSR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHhzfWAsXG4gICAgfSksXG5cbiAgICBcIiY6aG92ZXIsICY6Zm9jdXMtd2l0aGluXCI6IHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICB6SW5kZXg6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBBdmF0YXJHcm91cCh7XG4gIGF2YXRhcnMsXG4gIG1heENvdW50ID0gNSxcbiAgc2hvd0NvdW50LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgLi4uYXJpYUF0dHJpYnV0ZXNcbn06IEF2YXRhckdyb3VwUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB2aXNpYmxlSXRlbXMgPSBhdmF0YXJzLnNsaWNlKDAsIG1heENvdW50KTtcbiAgY29uc3QgcmVtYWluaW5nQ291bnQgPSBhdmF0YXJzLmxlbmd0aCAtIHZpc2libGVJdGVtcy5sZW5ndGg7XG5cbiAgcmV0dXJuIChcbiAgICA8SW5saW5lXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIkF2YXRhckdyb3VwXCJcbiAgICAgIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgIHNwYWNlPVwieHhzXCJcbiAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICA+XG4gICAgICA8SW5saW5lIHNwYWNlPVwiemVyb1wiPlxuICAgICAgICB7dmlzaWJsZUl0ZW1zLm1hcCgoaXRlbSwgaW5kZXgpID0+IHtcbiAgICAgICAgICBjb25zdCBmYWxsYmFja0NvbG9yID0gQVZBVEFSX0NPTE9SU1tpbmRleCAlIEFWQVRBUl9DT0xPUlMubGVuZ3RoXTtcbiAgICAgICAgICBjb25zdCBhdmF0YXJQcm9wczogQXZhdGFyUHJvcHMgPSB7XG4gICAgICAgICAgICAuLi5pdGVtLFxuICAgICAgICAgICAgY29sb3I6IGl0ZW0uY29sb3IgPz8gZmFsbGJhY2tDb2xvcixcbiAgICAgICAgICB9O1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8QXZhdGFyV3JhcHBlclxuICAgICAgICAgICAgICBrZXk9e2F2YXRhclByb3BzLmxhYmVsfVxuICAgICAgICAgICAgICBpc0xhc3RpdGVtPXtpbmRleCA9PT0gdmlzaWJsZUl0ZW1zLmxlbmd0aCAtIDF9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxBdmF0YXIgey4uLmF2YXRhclByb3BzfSAvPlxuICAgICAgICAgICAgPC9BdmF0YXJXcmFwcGVyPlxuICAgICAgICAgICk7XG4gICAgICAgIH0pfVxuICAgICAgPC9JbmxpbmU+XG4gICAgICB7c2hvd0NvdW50ICYmIHJlbWFpbmluZ0NvdW50ID4gMCAmJiAoXG4gICAgICAgIDxUZXh0IHVzZXJTZWxlY3Q9XCJub25lXCIgc2l6ZT1cInNcIiBhcz1cInNwYW5cIj5cbiAgICAgICAgICAre3JlbWFpbmluZ0NvdW50fVxuICAgICAgICA8L1RleHQ+XG4gICAgICApfVxuICAgIDwvSW5saW5lPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Cc0IifQ== */");function AvatarGroup({avatars,maxCount=5,showCount,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let visibleItems=avatars.slice(0,maxCount),remainingCount=avatars.length-visibleItems.length;return _react.default.createElement(_Inline.Inline,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"AvatarGroup",vAlignItems:"center",space:"xxs",...ariaAttributes},_react.default.createElement(_Inline.Inline,{space:"zero"},visibleItems.map((item,index)=>{let fallbackColor=_Avatar.AVATAR_COLORS[index%_Avatar.AVATAR_COLORS.length],avatarProps={...item,color:item.color??fallbackColor};return _react.default.createElement(AvatarWrapper,{key:avatarProps.label,isLastitem:index===visibleItems.length-1},_react.default.createElement(_Avatar.Avatar,avatarProps))})),showCount&&remainingCount>0&&_react.default.createElement(_Text.Text,{userSelect:"none",size:"s",as:"span"},"+",remainingCount))}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { AvatarProps } from "../Avatar/Avatar";
|
|
3
3
|
export type AvatarGroupProps = {
|
|
4
|
-
|
|
4
|
+
avatars: AvatarProps[];
|
|
5
5
|
/** Maximum number of avatars to display before showing overflow counter */
|
|
6
6
|
maxCount?: number;
|
|
7
7
|
showCount?: boolean;
|
|
8
8
|
"data-e2e-test-id"?: string;
|
|
9
9
|
};
|
|
10
|
-
export declare function AvatarGroup({
|
|
10
|
+
export declare function AvatarGroup({ avatars, maxCount, showCount, "data-e2e-test-id": dataE2eTestId, ...ariaAttributes }: AvatarGroupProps): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import styled from"@emotion/styled";import{Avatar,AVATAR_COLORS}from"../Avatar/Avatar";import{Text}from"../Typography/Text";import{Inline}from"../Inline/Inline";let AvatarWrapper=styled("div",{target:"
|
|
1
|
+
import React from"react";import styled from"@emotion/styled";import{Avatar,AVATAR_COLORS}from"../Avatar/Avatar";import{Text}from"../Typography/Text";import{Inline}from"../Inline/Inline";let AvatarWrapper=styled("div",{target:"efx6ood0",label:"AvatarWrapper"})(({theme,isLastitem})=>({outline:`2px solid ${theme.values.color.avatar.border.default}`,borderRadius:theme.variables.size.borderRadius.full,...!isLastitem&&{marginRight:`-${theme.variables.size.spacing.xxxs}`},"&:hover, &:focus-within":{position:"relative",zIndex:1}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQXZhdGFyR3JvdXAvQXZhdGFyR3JvdXAudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9BdmF0YXJHcm91cC9BdmF0YXJHcm91cC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IEF2YXRhclByb3BzIH0gZnJvbSBcIi4uL0F2YXRhci9BdmF0YXJcIjtcbmltcG9ydCB7IEF2YXRhciwgQVZBVEFSX0NPTE9SUyB9IGZyb20gXCIuLi9BdmF0YXIvQXZhdGFyXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcblxuZXhwb3J0IHR5cGUgQXZhdGFyR3JvdXBQcm9wcyA9IHtcbiAgYXZhdGFyczogQXZhdGFyUHJvcHNbXTtcbiAgLyoqIE1heGltdW0gbnVtYmVyIG9mIGF2YXRhcnMgdG8gZGlzcGxheSBiZWZvcmUgc2hvd2luZyBvdmVyZmxvdyBjb3VudGVyICovXG4gIG1heENvdW50PzogbnVtYmVyO1xuICBzaG93Q291bnQ/OiBib29sZWFuO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbnR5cGUgQXZhdGFyV3JhcHBlclByb3BzID0ge1xuICBpc0xhc3RpdGVtPzogYm9vbGVhbjtcbn07XG5cbmNvbnN0IEF2YXRhcldyYXBwZXIgPSBzdHlsZWQuZGl2PEF2YXRhcldyYXBwZXJQcm9wcz4oXG4gICh7IHRoZW1lLCBpc0xhc3RpdGVtIH0pID0+ICh7XG4gICAgb3V0bGluZTogYDJweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5hdmF0YXIuYm9yZGVyLmRlZmF1bHR9YCxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5mdWxsLFxuXG4gICAgLi4uKCFpc0xhc3RpdGVtICYmIHtcbiAgICAgIG1hcmdpblJpZ2h0OiBgLSR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHhzfWAsXG4gICAgfSksXG5cbiAgICBcIiY6aG92ZXIsICY6Zm9jdXMtd2l0aGluXCI6IHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICB6SW5kZXg6IDEsXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBBdmF0YXJHcm91cCh7XG4gIGF2YXRhcnMsXG4gIG1heENvdW50ID0gNSxcbiAgc2hvd0NvdW50LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgLi4uYXJpYUF0dHJpYnV0ZXNcbn06IEF2YXRhckdyb3VwUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB2aXNpYmxlSXRlbXMgPSBhdmF0YXJzLnNsaWNlKDAsIG1heENvdW50KTtcbiAgY29uc3QgcmVtYWluaW5nQ291bnQgPSBhdmF0YXJzLmxlbmd0aCAtIHZpc2libGVJdGVtcy5sZW5ndGg7XG5cbiAgcmV0dXJuIChcbiAgICA8SW5saW5lXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIkF2YXRhckdyb3VwXCJcbiAgICAgIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgIHNwYWNlPVwieHhzXCJcbiAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICA+XG4gICAgICA8SW5saW5lIHNwYWNlPVwiemVyb1wiPlxuICAgICAgICB7dmlzaWJsZUl0ZW1zLm1hcCgoaXRlbSwgaW5kZXgpID0+IHtcbiAgICAgICAgICBjb25zdCBmYWxsYmFja0NvbG9yID0gQVZBVEFSX0NPTE9SU1tpbmRleCAlIEFWQVRBUl9DT0xPUlMubGVuZ3RoXTtcbiAgICAgICAgICBjb25zdCBhdmF0YXJQcm9wczogQXZhdGFyUHJvcHMgPSB7XG4gICAgICAgICAgICAuLi5pdGVtLFxuICAgICAgICAgICAgY29sb3I6IGl0ZW0uY29sb3IgPz8gZmFsbGJhY2tDb2xvcixcbiAgICAgICAgICB9O1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8QXZhdGFyV3JhcHBlclxuICAgICAgICAgICAgICBrZXk9e2F2YXRhclByb3BzLmxhYmVsfVxuICAgICAgICAgICAgICBpc0xhc3RpdGVtPXtpbmRleCA9PT0gdmlzaWJsZUl0ZW1zLmxlbmd0aCAtIDF9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxBdmF0YXIgey4uLmF2YXRhclByb3BzfSAvPlxuICAgICAgICAgICAgPC9BdmF0YXJXcmFwcGVyPlxuICAgICAgICAgICk7XG4gICAgICAgIH0pfVxuICAgICAgPC9JbmxpbmU+XG4gICAgICB7c2hvd0NvdW50ICYmIHJlbWFpbmluZ0NvdW50ID4gMCAmJiAoXG4gICAgICAgIDxUZXh0IHVzZXJTZWxlY3Q9XCJub25lXCIgc2l6ZT1cInNcIiBhcz1cInNwYW5cIj5cbiAgICAgICAgICAre3JlbWFpbmluZ0NvdW50fVxuICAgICAgICA8L1RleHQ+XG4gICAgICApfVxuICAgIDwvSW5saW5lPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Cc0IifQ== */");export function AvatarGroup({avatars,maxCount=5,showCount,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let visibleItems=avatars.slice(0,maxCount),remainingCount=avatars.length-visibleItems.length;return React.createElement(Inline,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"AvatarGroup",vAlignItems:"center",space:"xxs",...ariaAttributes},React.createElement(Inline,{space:"zero"},visibleItems.map((item,index)=>{let fallbackColor=AVATAR_COLORS[index%AVATAR_COLORS.length],avatarProps={...item,color:item.color??fallbackColor};return React.createElement(AvatarWrapper,{key:avatarProps.label,isLastitem:index===visibleItems.length-1},React.createElement(Avatar,avatarProps))})),showCount&&remainingCount>0&&React.createElement(Text,{userSelect:"none",size:"s",as:"span"},"+",remainingCount))}
|