@teamturing/react-kit 2.47.0 → 2.48.0

package/dist/core/Avatar/index.d.ts

@@ -6,8 +6,8 @@ type AvatarSizeType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
 type Props = {
     size?: ResponsiveValue<AvatarSizeType>;
 } & ImageProps & SxProp;
-declare const _default: import("react").ForwardRefExoticComponent<{
+declare const Avatar: import("react").ForwardRefExoticComponent<{
     size?: ResponsiveValue<AvatarSizeType> | undefined;
 } & import("react").ImgHTMLAttributes<HTMLImageElement> & SxProp & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("react").RefAttributes<HTMLImageElement>>;
-export default _default;
+export default Avatar;
 export type { Props as AvatarProps };

package/dist/core/ClickArea/index.d.ts

@@ -5,7 +5,7 @@ type Props = {
 } & ViewProps & Pick<HTMLAttributes<HTMLDivElement>, 'onClick'>;
 declare const _default: import("react").ForwardRefExoticComponent<{
     disabled?: boolean | undefined;
-} & import("../..").SxProp & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "link" | "border/neutral" | "icon/inverse" | "bg/disabled" | "border/disabled" | "bg/primary" | "icon/disabled" | "border/focused" | "border/danger" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "scale/gray/0" | "scale/gray/1" | "scale/gray/2" | "scale/gray/3" | "scale/gray/4" | "scale/gray/5" | "scale/gray/6" | "scale/gray/7" | "scale/gray/8" | "scale/gray/9" | "scale/blue/0" | "scale/blue/1" | "scale/blue/2" | "scale/blue/3" | "scale/blue/4" | "scale/blue/5" | "scale/blue/6" | "scale/blue/7" | "scale/blue/8" | "scale/blue/9" | "scale/green/0" | "scale/green/1" | "scale/green/2" | "scale/green/3" | "scale/green/4" | "scale/green/5" | "scale/green/6" | "scale/green/7" | "scale/green/8" | "scale/green/9" | "scale/pink/0" | "scale/pink/1" | "scale/pink/2" | "scale/pink/3" | "scale/pink/4" | "scale/pink/5" | "scale/pink/6" | "scale/pink/7" | "scale/pink/8" | "scale/pink/9" | "scale/skyblue/0" | "scale/skyblue/1" | "scale/skyblue/2" | "scale/skyblue/3" | "scale/skyblue/4" | "scale/skyblue/5" | "scale/skyblue/6" | "scale/skyblue/7" | "scale/skyblue/8" | "scale/skyblue/9" | "scale/red/0" | "scale/red/1" | "scale/red/2" | "scale/red/3" | "scale/red/4" | "scale/red/5" | "scale/red/6" | "scale/red/7" | "scale/red/8" | "scale/red/9" | "scale/yellow/0" | "scale/yellow/1" | "scale/yellow/2" | "scale/yellow/3" | "scale/yellow/4" | "scale/yellow/5" | "scale/yellow/6" | "scale/yellow/7" | "scale/yellow/8" | "scale/yellow/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/black" | "icon/accent/blue/subtle" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/disabled/subtler" | "icon/selected/violet" | "icon/selected" | "icon/primary/subtle" | "icon/primary" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/selected" | "border/primary" | "border/hovered" | "border/success" | "border/accent/blue" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/primary/disabled" | "bg/neutral/subtlest" | "bg/neutral/subtlest/hovered" | "bg/neutral/subtlest/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/blue/subtlest" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/selected/violet" | "bg/selected" | "bg/selected/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral/subtle" | "text/neutral" | "text/inverse" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected" | "text/weak" | "surface" | "surface/overlay"> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BorderColorProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "link" | "border/neutral" | "icon/inverse" | "bg/disabled" | "border/disabled" | "bg/primary" | "icon/disabled" | "border/focused" | "border/danger" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "scale/gray/0" | "scale/gray/1" | "scale/gray/2" | "scale/gray/3" | "scale/gray/4" | "scale/gray/5" | "scale/gray/6" | "scale/gray/7" | "scale/gray/8" | "scale/gray/9" | "scale/blue/0" | "scale/blue/1" | "scale/blue/2" | "scale/blue/3" | "scale/blue/4" | "scale/blue/5" | "scale/blue/6" | "scale/blue/7" | "scale/blue/8" | "scale/blue/9" | "scale/green/0" | "scale/green/1" | "scale/green/2" | "scale/green/3" | "scale/green/4" | "scale/green/5" | "scale/green/6" | "scale/green/7" | "scale/green/8" | "scale/green/9" | "scale/pink/0" | "scale/pink/1" | "scale/pink/2" | "scale/pink/3" | "scale/pink/4" | "scale/pink/5" | "scale/pink/6" | "scale/pink/7" | "scale/pink/8" | "scale/pink/9" | "scale/skyblue/0" | "scale/skyblue/1" | "scale/skyblue/2" | "scale/skyblue/3" | "scale/skyblue/4" | "scale/skyblue/5" | "scale/skyblue/6" | "scale/skyblue/7" | "scale/skyblue/8" | "scale/skyblue/9" | "scale/red/0" | "scale/red/1" | "scale/red/2" | "scale/red/3" | "scale/red/4" | "scale/red/5" | "scale/red/6" | "scale/red/7" | "scale/red/8" | "scale/red/9" | "scale/yellow/0" | "scale/yellow/1" | "scale/yellow/2" | "scale/yellow/3" | "scale/yellow/4" | "scale/yellow/5" | "scale/yellow/6" | "scale/yellow/7" | "scale/yellow/8" | "scale/yellow/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/black" | "icon/accent/blue/subtle" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/disabled/subtler" | "icon/selected/violet" | "icon/selected" | "icon/primary/subtle" | "icon/primary" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/selected" | "border/primary" | "border/hovered" | "border/success" | "border/accent/blue" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/primary/disabled" | "bg/neutral/subtlest" | "bg/neutral/subtlest/hovered" | "bg/neutral/subtlest/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/blue/subtlest" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/selected/violet" | "bg/selected" | "bg/selected/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral/subtle" | "text/neutral" | "text/inverse" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected" | "text/weak" | "surface" | "surface/overlay"> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ShadowProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>> & import("styled-system").BorderRadiusProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "m" | "none" | "s" | "xxs" | "xs" | "l" | "xl" | "xxl" | "full"> & import("../../utils/styled-system").GapProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 0 | 1 | 20 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 12 | 14 | 16 | 18 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 0.5 | 24 | 28 | 30 | 32 | 40 | 48 | 50 | 80> & import("../../utils/styled-system").ColumnGapProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 0 | 1 | 20 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 12 | 14 | 16 | 18 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 0.5 | 24 | 28 | 30 | 32 | 40 | 48 | 50 | 80> & import("../../utils/styled-system").RowGapProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 0 | 1 | 20 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 12 | 14 | 16 | 18 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 0.5 | 24 | 28 | 30 | 32 | 40 | 48 | 50 | 80> & Pick<HTMLAttributes<HTMLDivElement>, "onClick"> & {
+} & import("../..").SxProp & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "link" | "border/neutral" | "icon/inverse" | "bg/disabled" | "border/disabled" | "bg/primary" | "icon/disabled" | "border/focused" | "border/danger" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "scale/gray/0" | "scale/gray/1" | "scale/gray/2" | "scale/gray/3" | "scale/gray/4" | "scale/gray/5" | "scale/gray/6" | "scale/gray/7" | "scale/gray/8" | "scale/gray/9" | "scale/blue/0" | "scale/blue/1" | "scale/blue/2" | "scale/blue/3" | "scale/blue/4" | "scale/blue/5" | "scale/blue/6" | "scale/blue/7" | "scale/blue/8" | "scale/blue/9" | "scale/green/0" | "scale/green/1" | "scale/green/2" | "scale/green/3" | "scale/green/4" | "scale/green/5" | "scale/green/6" | "scale/green/7" | "scale/green/8" | "scale/green/9" | "scale/pink/0" | "scale/pink/1" | "scale/pink/2" | "scale/pink/3" | "scale/pink/4" | "scale/pink/5" | "scale/pink/6" | "scale/pink/7" | "scale/pink/8" | "scale/pink/9" | "scale/skyblue/0" | "scale/skyblue/1" | "scale/skyblue/2" | "scale/skyblue/3" | "scale/skyblue/4" | "scale/skyblue/5" | "scale/skyblue/6" | "scale/skyblue/7" | "scale/skyblue/8" | "scale/skyblue/9" | "scale/red/0" | "scale/red/1" | "scale/red/2" | "scale/red/3" | "scale/red/4" | "scale/red/5" | "scale/red/6" | "scale/red/7" | "scale/red/8" | "scale/red/9" | "scale/yellow/0" | "scale/yellow/1" | "scale/yellow/2" | "scale/yellow/3" | "scale/yellow/4" | "scale/yellow/5" | "scale/yellow/6" | "scale/yellow/7" | "scale/yellow/8" | "scale/yellow/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/black" | "icon/accent/blue/subtle" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/disabled/subtler" | "icon/selected/primary" | "icon/selected" | "icon/primary/subtle" | "icon/primary" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/selected" | "border/primary" | "border/hovered" | "border/success" | "border/accent/blue" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/primary/disabled" | "bg/neutral/subtlest" | "bg/neutral/subtlest/hovered" | "bg/neutral/subtlest/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/blue/subtlest" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/selected/primary" | "bg/selected" | "bg/selected/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral/subtle" | "text/neutral" | "text/inverse" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected" | "text/weak" | "surface" | "surface/overlay"> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BorderColorProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "link" | "border/neutral" | "icon/inverse" | "bg/disabled" | "border/disabled" | "bg/primary" | "icon/disabled" | "border/focused" | "border/danger" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "scale/gray/0" | "scale/gray/1" | "scale/gray/2" | "scale/gray/3" | "scale/gray/4" | "scale/gray/5" | "scale/gray/6" | "scale/gray/7" | "scale/gray/8" | "scale/gray/9" | "scale/blue/0" | "scale/blue/1" | "scale/blue/2" | "scale/blue/3" | "scale/blue/4" | "scale/blue/5" | "scale/blue/6" | "scale/blue/7" | "scale/blue/8" | "scale/blue/9" | "scale/green/0" | "scale/green/1" | "scale/green/2" | "scale/green/3" | "scale/green/4" | "scale/green/5" | "scale/green/6" | "scale/green/7" | "scale/green/8" | "scale/green/9" | "scale/pink/0" | "scale/pink/1" | "scale/pink/2" | "scale/pink/3" | "scale/pink/4" | "scale/pink/5" | "scale/pink/6" | "scale/pink/7" | "scale/pink/8" | "scale/pink/9" | "scale/skyblue/0" | "scale/skyblue/1" | "scale/skyblue/2" | "scale/skyblue/3" | "scale/skyblue/4" | "scale/skyblue/5" | "scale/skyblue/6" | "scale/skyblue/7" | "scale/skyblue/8" | "scale/skyblue/9" | "scale/red/0" | "scale/red/1" | "scale/red/2" | "scale/red/3" | "scale/red/4" | "scale/red/5" | "scale/red/6" | "scale/red/7" | "scale/red/8" | "scale/red/9" | "scale/yellow/0" | "scale/yellow/1" | "scale/yellow/2" | "scale/yellow/3" | "scale/yellow/4" | "scale/yellow/5" | "scale/yellow/6" | "scale/yellow/7" | "scale/yellow/8" | "scale/yellow/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/black" | "icon/accent/blue/subtle" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/disabled/subtler" | "icon/selected/primary" | "icon/selected" | "icon/primary/subtle" | "icon/primary" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/selected" | "border/primary" | "border/hovered" | "border/success" | "border/accent/blue" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/primary/disabled" | "bg/neutral/subtlest" | "bg/neutral/subtlest/hovered" | "bg/neutral/subtlest/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/blue/subtlest" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/selected/primary" | "bg/selected" | "bg/selected/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral/subtle" | "text/neutral" | "text/inverse" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected" | "text/weak" | "surface" | "surface/overlay"> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ShadowProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>> & import("styled-system").BorderRadiusProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "m" | "none" | "s" | "xxs" | "xs" | "l" | "xl" | "xxl" | "full"> & import("../../utils/styled-system").GapProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 0 | 1 | 20 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 12 | 14 | 16 | 18 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 0.5 | 24 | 28 | 30 | 32 | 40 | 48 | 50 | 80> & import("../../utils/styled-system").ColumnGapProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 0 | 1 | 20 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 12 | 14 | 16 | 18 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 0.5 | 24 | 28 | 30 | 32 | 40 | 48 | 50 | 80> & import("../../utils/styled-system").RowGapProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 0 | 1 | 20 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 12 | 14 | 16 | 18 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 0.5 | 24 | 28 | 30 | 32 | 40 | 48 | 50 | 80> & Pick<HTMLAttributes<HTMLDivElement>, "onClick"> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export default _default;

package/dist/core/GradientText/index.d.ts

@@ -272,7 +272,7 @@ declare const GradientText: import("styled-components").IStyledComponent<"web",
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
 } & {
     typography?: import("styled-system").ResponsiveValue<"m" | "s" | "xxs" | "xs" | "l" | "xl" | "xxl" | "display1" | "display2" | "display3" | "display4" | "xxl/regular" | "xxl/bold" | "xl/regular" | "xl/bold" | "l/regular" | "l/bold" | "m/regular" | "m/bold" | "s/regular" | "s/bold" | "xs/regular" | "xs/bold" | "xxs/regular" | "xxs/bold"> | undefined;
-} & import("../../utils/styled-system").SxProp & import("../../utils/styled-system").WordBreakProps & import("../../utils/styled-system").WhiteSpaceProps & import("../../utils/styled-system").TextDecorationProps & import("styled-system").FontSizeProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "m" | "s" | "xxs" | "xs" | "l" | "xl" | "xxl" | "display1" | "display2" | "display3" | "display4"> & import("styled-system").FontWeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "medium" | "bold" | "regular"> & import("styled-system").LineHeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 1 | 2> & import("styled-system").TextAlignProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "link" | "border/neutral" | "icon/inverse" | "bg/disabled" | "border/disabled" | "bg/primary" | "icon/disabled" | "border/focused" | "border/danger" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "scale/gray/0" | "scale/gray/1" | "scale/gray/2" | "scale/gray/3" | "scale/gray/4" | "scale/gray/5" | "scale/gray/6" | "scale/gray/7" | "scale/gray/8" | "scale/gray/9" | "scale/blue/0" | "scale/blue/1" | "scale/blue/2" | "scale/blue/3" | "scale/blue/4" | "scale/blue/5" | "scale/blue/6" | "scale/blue/7" | "scale/blue/8" | "scale/blue/9" | "scale/green/0" | "scale/green/1" | "scale/green/2" | "scale/green/3" | "scale/green/4" | "scale/green/5" | "scale/green/6" | "scale/green/7" | "scale/green/8" | "scale/green/9" | "scale/pink/0" | "scale/pink/1" | "scale/pink/2" | "scale/pink/3" | "scale/pink/4" | "scale/pink/5" | "scale/pink/6" | "scale/pink/7" | "scale/pink/8" | "scale/pink/9" | "scale/skyblue/0" | "scale/skyblue/1" | "scale/skyblue/2" | "scale/skyblue/3" | "scale/skyblue/4" | "scale/skyblue/5" | "scale/skyblue/6" | "scale/skyblue/7" | "scale/skyblue/8" | "scale/skyblue/9" | "scale/red/0" | "scale/red/1" | "scale/red/2" | "scale/red/3" | "scale/red/4" | "scale/red/5" | "scale/red/6" | "scale/red/7" | "scale/red/8" | "scale/red/9" | "scale/yellow/0" | "scale/yellow/1" | "scale/yellow/2" | "scale/yellow/3" | "scale/yellow/4" | "scale/yellow/5" | "scale/yellow/6" | "scale/yellow/7" | "scale/yellow/8" | "scale/yellow/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/black" | "icon/accent/blue/subtle" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/disabled/subtler" | "icon/selected/violet" | "icon/selected" | "icon/primary/subtle" | "icon/primary" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/selected" | "border/primary" | "border/hovered" | "border/success" | "border/accent/blue" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/primary/disabled" | "bg/neutral/subtlest" | "bg/neutral/subtlest/hovered" | "bg/neutral/subtlest/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/blue/subtlest" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/selected/violet" | "bg/selected" | "bg/selected/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral/subtle" | "text/neutral" | "text/inverse" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected" | "text/weak">, "ref"> & {
+} & import("../../utils/styled-system").SxProp & import("../../utils/styled-system").WordBreakProps & import("../../utils/styled-system").WhiteSpaceProps & import("../../utils/styled-system").TextDecorationProps & import("styled-system").FontSizeProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "m" | "s" | "xxs" | "xs" | "l" | "xl" | "xxl" | "display1" | "display2" | "display3" | "display4"> & import("styled-system").FontWeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "medium" | "bold" | "regular"> & import("styled-system").LineHeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 1 | 2> & import("styled-system").TextAlignProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "link" | "border/neutral" | "icon/inverse" | "bg/disabled" | "border/disabled" | "bg/primary" | "icon/disabled" | "border/focused" | "border/danger" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "scale/gray/0" | "scale/gray/1" | "scale/gray/2" | "scale/gray/3" | "scale/gray/4" | "scale/gray/5" | "scale/gray/6" | "scale/gray/7" | "scale/gray/8" | "scale/gray/9" | "scale/blue/0" | "scale/blue/1" | "scale/blue/2" | "scale/blue/3" | "scale/blue/4" | "scale/blue/5" | "scale/blue/6" | "scale/blue/7" | "scale/blue/8" | "scale/blue/9" | "scale/green/0" | "scale/green/1" | "scale/green/2" | "scale/green/3" | "scale/green/4" | "scale/green/5" | "scale/green/6" | "scale/green/7" | "scale/green/8" | "scale/green/9" | "scale/pink/0" | "scale/pink/1" | "scale/pink/2" | "scale/pink/3" | "scale/pink/4" | "scale/pink/5" | "scale/pink/6" | "scale/pink/7" | "scale/pink/8" | "scale/pink/9" | "scale/skyblue/0" | "scale/skyblue/1" | "scale/skyblue/2" | "scale/skyblue/3" | "scale/skyblue/4" | "scale/skyblue/5" | "scale/skyblue/6" | "scale/skyblue/7" | "scale/skyblue/8" | "scale/skyblue/9" | "scale/red/0" | "scale/red/1" | "scale/red/2" | "scale/red/3" | "scale/red/4" | "scale/red/5" | "scale/red/6" | "scale/red/7" | "scale/red/8" | "scale/red/9" | "scale/yellow/0" | "scale/yellow/1" | "scale/yellow/2" | "scale/yellow/3" | "scale/yellow/4" | "scale/yellow/5" | "scale/yellow/6" | "scale/yellow/7" | "scale/yellow/8" | "scale/yellow/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/black" | "icon/accent/blue/subtle" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/disabled/subtler" | "icon/selected/primary" | "icon/selected" | "icon/primary/subtle" | "icon/primary" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/selected" | "border/primary" | "border/hovered" | "border/success" | "border/accent/blue" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/primary/disabled" | "bg/neutral/subtlest" | "bg/neutral/subtlest/hovered" | "bg/neutral/subtlest/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/blue/subtlest" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/selected/primary" | "bg/selected" | "bg/selected/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral/subtle" | "text/neutral" | "text/inverse" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected" | "text/weak">, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }, Props>>;
 export default GradientText;

package/dist/index.js

@@ -7246,7 +7246,7 @@ const ActionListItem = ({
       sx: {
         'mr': 2,
         '& svg': {
-          color: 'icon/selected/violet'
+          color: 'icon/selected/primary'
         }
       },
       children: selectionVariant === 'single' ? selected ? /*#__PURE__*/jsxRuntimeExports.jsx(StyledIcon, {
@@ -16794,24 +16794,27 @@ const Image = styled__default.default.img`
   ${sx}
 `;
 
-const Avatar = ({
-  src,
+const DEFAULT_AVATAR_URL = 'https://cdn.teamturing.com/cms/uploads/2024-02-21/1708481300_empty-profile.png';
+const Avatar = /*#__PURE__*/React.forwardRef(({
+  src = DEFAULT_AVATAR_URL,
   alt = '',
   size = 'm',
   sx,
   ...props
 }, ref) => /*#__PURE__*/jsxRuntimeExports.jsx(BaseAvatar, {
   ref: ref,
+  role: 'presentation',
   src: src,
   alt: alt,
   sx: sx,
   size: size,
   ...props
-});
+}));
 const BaseAvatar = styled__default.default(Image)`
   border-radius: ${({
   theme
 }) => forcePixelValue(theme.radii.full)};
+  object-fit: cover;
 
   ${variant({
   prop: 'size',
@@ -16853,7 +16856,6 @@ const BaseAvatar = styled__default.default(Image)`
 
   ${sx}
 `;
-var Avatar$1 = /*#__PURE__*/React.forwardRef(Avatar);
 
 function* iterateFocusableElements(container, options = {}) {
   var _a, _b;
@@ -35289,7 +35291,7 @@ const AvatarGroupItem = ({
   onClick: onClick,
   children: /*#__PURE__*/jsxRuntimeExports.jsx(Tooltip, {
     text: props.alt,
-    children: /*#__PURE__*/jsxRuntimeExports.jsx(Avatar$1, {
+    children: /*#__PURE__*/jsxRuntimeExports.jsx(Avatar, {
       ref: ref,
       size: 's',
       ...props
@@ -35318,41 +35320,39 @@ const AvatarGroup = ({
       children: [...childrenArray.slice(0, maxItemCount)].reverse()
     }), isOverflown ? /*#__PURE__*/jsxRuntimeExports.jsx(OverlayPopper, {
       placement: 'bottom',
-      renderOverlay: overlayProps => {
-        return /*#__PURE__*/jsxRuntimeExports.jsx(Overlay$1, {
-          size: 's',
-          maxHeight: 300,
-          sx: {
-            overflow: 'auto'
-          },
-          onClick: e => e.stopPropagation(),
-          ...overlayProps,
-          children: /*#__PURE__*/jsxRuntimeExports.jsx(Space, {
-            px: 1,
-            py: 2,
-            children: childrenArray.slice(maxItemCount).map(({
-              key,
-              props
-            }) => /*#__PURE__*/jsxRuntimeExports.jsxs(View, {
-              sx: {
-                p: 3,
-                display: 'flex',
-                alignItems: 'center',
-                columnGap: 2
-              },
-              children: [/*#__PURE__*/jsxRuntimeExports.jsx(Avatar$1, {
-                size: 'xs',
-                src: props.src,
-                alt: props.alt
-              }), /*#__PURE__*/jsxRuntimeExports.jsx(Text, {
-                typography: 'xs',
-                color: 'text/neutral',
-                children: props.alt
-              })]
-            }, key))
-          })
-        });
-      },
+      renderOverlay: overlayProps => /*#__PURE__*/jsxRuntimeExports.jsx(Overlay$1, {
+        size: 's',
+        maxHeight: 300,
+        sx: {
+          overflow: 'auto'
+        },
+        onClick: e => e.stopPropagation(),
+        ...overlayProps,
+        children: /*#__PURE__*/jsxRuntimeExports.jsx(Space, {
+          px: 1,
+          py: 2,
+          children: childrenArray.slice(maxItemCount).map(({
+            key,
+            props
+          }) => /*#__PURE__*/jsxRuntimeExports.jsxs(View, {
+            sx: {
+              p: 3,
+              display: 'flex',
+              alignItems: 'center',
+              columnGap: 2
+            },
+            children: [/*#__PURE__*/jsxRuntimeExports.jsx(Avatar, {
+              size: 'xs',
+              src: props.src,
+              alt: props.alt
+            }), /*#__PURE__*/jsxRuntimeExports.jsx(Text, {
+              typography: 'xs',
+              color: 'text/neutral',
+              children: props.alt
+            })]
+          }, key))
+        })
+      }),
       children: popperProps => /*#__PURE__*/jsxRuntimeExports.jsxs(UnstyledButton, {
         ...popperProps,
         onClick: e => {
@@ -40640,7 +40640,7 @@ const BaseIconToggleButton = styled__default.default(UnstyledButton)(({
   variants: {
     'primary': {
       ...(selected ? {
-        backgroundColor: theme.colors['bg/selected/violet'],
+        backgroundColor: theme.colors['bg/selected/primary'],
         color: theme.colors['icon/inverse']
       } : {
         backgroundColor: theme.colors['bg/neutral'],
@@ -40654,7 +40654,7 @@ const BaseIconToggleButton = styled__default.default(UnstyledButton)(({
     'plain': {
       backgroundColor: theme.colors['bg/neutral/subtler'],
       ...(selected ? {
-        color: theme.colors['icon/selected/violet']
+        color: theme.colors['icon/selected/primary']
       } : {
         color: theme.colors['icon/neutral']
       }),
@@ -42127,6 +42127,30 @@ const mustardYellow = {
   mustardYellow800: '#876931',
   mustardYellow900: '#675025'
 };
+const orange = {
+  orange50: '#FFF1E7',
+  orange100: '#FFD2B5',
+  orange200: '#FFBD91',
+  orange300: '#FF9F5E',
+  orange400: '#FF8C3F',
+  orange500: '#FF6F0F',
+  orange600: '#E8650E',
+  orange700: '#B54F0B',
+  orange800: '#8C3D08',
+  orange900: '#6B2F06'
+};
+const lime = {
+  lime50: '#EEFAE6',
+  lime100: '#CBEFB1',
+  lime200: '#B2E88B',
+  lime300: '#8FDD55',
+  lime400: '#79D635',
+  lime500: '#58CC02',
+  lime600: '#50BA02',
+  lime700: '#3E9101',
+  lime800: '#307001',
+  lime900: '#255601'
+};
 const palette = {
   ...gray,
   ...violet,
@@ -42138,7 +42162,9 @@ const palette = {
   ...fuchsiaPink,
   ...skyBlue,
   ...indianRed,
-  ...mustardYellow
+  ...mustardYellow,
+  ...orange,
+  ...lime
 };
 
 const textColor = {
@@ -42197,7 +42223,7 @@ const bgColor = {
   'bg/accent/red/subtle': palette.red400,
   'bg/accent/red': palette.red500,
   'bg/accent/gray/subtlest': palette.gray200,
-  'bg/selected/violet': palette.violet500,
+  'bg/selected/primary': palette.violet500,
   'bg/selected': palette.gray900,
   'bg/selected/subtle': palette.gray100,
   'bg/inverse': palette.black,
@@ -42241,7 +42267,7 @@ const iconColor = {
   'icon/inverse': palette.white,
   'icon/disabled': palette.gray300,
   'icon/disabled/subtler': palette.gray200,
-  'icon/selected/violet': palette.violet500,
+  'icon/selected/primary': palette.violet500,
   'icon/selected': palette.gray900,
   'icon/primary/subtle': palette.violet300,
   'icon/primary': palette.violet500,
@@ -43179,7 +43205,7 @@ const useTabState = ({
 
 exports.ActionList = index$f;
 exports.AnimatePresence = AnimatePresence;
-exports.Avatar = Avatar$1;
+exports.Avatar = Avatar;
 exports.AvatarGroup = index$c;
 exports.BadgeAttacher = BadgeAttacher;
 exports.Breadcrumbs = index$b;

package/dist/theme/index.d.ts

@@ -192,7 +192,7 @@ declare const theme: {
         'icon/inverse': "#FFFFFF";
         'icon/disabled': "#D1D5DB";
         'icon/disabled/subtler': "#E5E7EB";
-        'icon/selected/violet': "#835EEB";
+        'icon/selected/primary': "#835EEB";
         'icon/selected': "#33373B";
         'icon/primary/subtle': "#C6B5F6";
         'icon/primary': "#835EEB";
@@ -248,7 +248,7 @@ declare const theme: {
         'bg/accent/red/subtle': "#F5525D";
         'bg/accent/red': "#F22735";
         'bg/accent/gray/subtlest': "#E5E7EB";
-        'bg/selected/violet': "#835EEB";
+        'bg/selected/primary': "#835EEB";
         'bg/selected': "#33373B";
         'bg/selected/subtle': "#F3F4F6";
         'bg/inverse': "#000000";

package/esm/core/ActionList/ActionListItem.js

@@ -69,7 +69,7 @@ const ActionListItem = ({
       sx: {
         'mr': 2,
         '& svg': {
-          color: 'icon/selected/violet'
+          color: 'icon/selected/primary'
         }
       },
       children: selectionVariant === 'single' ? selected ? /*#__PURE__*/jsxRuntimeExports.jsx(StyledIcon, {

package/esm/core/Avatar/index.js

@@ -7,24 +7,27 @@ import Image from '../Image/index.js';
 import { j as jsxRuntimeExports } from '../../node_modules/react/jsx-runtime.js';
 import { variant } from '../../node_modules/@styled-system/variant/dist/index.esm.js';
 
-const Avatar = ({
-  src,
+const DEFAULT_AVATAR_URL = 'https://cdn.teamturing.com/cms/uploads/2024-02-21/1708481300_empty-profile.png';
+const Avatar = /*#__PURE__*/forwardRef(({
+  src = DEFAULT_AVATAR_URL,
   alt = '',
   size = 'm',
   sx,
   ...props
 }, ref) => /*#__PURE__*/jsxRuntimeExports.jsx(BaseAvatar, {
   ref: ref,
+  role: 'presentation',
   src: src,
   alt: alt,
   sx: sx,
   size: size,
   ...props
-});
+}));
 const BaseAvatar = styled(Image)`
   border-radius: ${({
   theme
 }) => forcePixelValue(theme.radii.full)};
+  object-fit: cover;
 
   ${variant({
   prop: 'size',
@@ -66,6 +69,5 @@ const BaseAvatar = styled(Image)`
 
   ${sx}
 `;
-var Avatar$1 = /*#__PURE__*/forwardRef(Avatar);
 
-export { Avatar$1 as default };
+export { Avatar as default };

package/esm/core/AvatarGroup/index.js

@@ -26,41 +26,39 @@ const AvatarGroup = ({
       children: [...childrenArray.slice(0, maxItemCount)].reverse()
     }), isOverflown ? /*#__PURE__*/jsxRuntimeExports.jsx(OverlayPopper, {
       placement: 'bottom',
-      renderOverlay: overlayProps => {
-        return /*#__PURE__*/jsxRuntimeExports.jsx(Overlay, {
-          size: 's',
-          maxHeight: 300,
-          sx: {
-            overflow: 'auto'
-          },
-          onClick: e => e.stopPropagation(),
-          ...overlayProps,
-          children: /*#__PURE__*/jsxRuntimeExports.jsx(Space, {
-            px: 1,
-            py: 2,
-            children: childrenArray.slice(maxItemCount).map(({
-              key,
-              props
-            }) => /*#__PURE__*/jsxRuntimeExports.jsxs(View, {
-              sx: {
-                p: 3,
-                display: 'flex',
-                alignItems: 'center',
-                columnGap: 2
-              },
-              children: [/*#__PURE__*/jsxRuntimeExports.jsx(Avatar, {
-                size: 'xs',
-                src: props.src,
-                alt: props.alt
-              }), /*#__PURE__*/jsxRuntimeExports.jsx(Text, {
-                typography: 'xs',
-                color: 'text/neutral',
-                children: props.alt
-              })]
-            }, key))
-          })
-        });
-      },
+      renderOverlay: overlayProps => /*#__PURE__*/jsxRuntimeExports.jsx(Overlay, {
+        size: 's',
+        maxHeight: 300,
+        sx: {
+          overflow: 'auto'
+        },
+        onClick: e => e.stopPropagation(),
+        ...overlayProps,
+        children: /*#__PURE__*/jsxRuntimeExports.jsx(Space, {
+          px: 1,
+          py: 2,
+          children: childrenArray.slice(maxItemCount).map(({
+            key,
+            props
+          }) => /*#__PURE__*/jsxRuntimeExports.jsxs(View, {
+            sx: {
+              p: 3,
+              display: 'flex',
+              alignItems: 'center',
+              columnGap: 2
+            },
+            children: [/*#__PURE__*/jsxRuntimeExports.jsx(Avatar, {
+              size: 'xs',
+              src: props.src,
+              alt: props.alt
+            }), /*#__PURE__*/jsxRuntimeExports.jsx(Text, {
+              typography: 'xs',
+              color: 'text/neutral',
+              children: props.alt
+            })]
+          }, key))
+        })
+      }),
       children: popperProps => /*#__PURE__*/jsxRuntimeExports.jsxs(UnstyledButton, {
         ...popperProps,
         onClick: e => {

package/esm/core/IconToggleButton/index.js

@@ -91,7 +91,7 @@ const BaseIconToggleButton = styled(UnstyledButton)(({
   variants: {
     'primary': {
       ...(selected ? {
-        backgroundColor: theme.colors['bg/selected/violet'],
+        backgroundColor: theme.colors['bg/selected/primary'],
         color: theme.colors['icon/inverse']
       } : {
         backgroundColor: theme.colors['bg/neutral'],
@@ -105,7 +105,7 @@ const BaseIconToggleButton = styled(UnstyledButton)(({
     'plain': {
       backgroundColor: theme.colors['bg/neutral/subtler'],
       ...(selected ? {
-        color: theme.colors['icon/selected/violet']
+        color: theme.colors['icon/selected/primary']
       } : {
         color: theme.colors['icon/neutral']
       }),

package/esm/packages/token-studio/esm/foundation/palette/index.js

@@ -126,6 +126,30 @@ const mustardYellow = {
   mustardYellow800: '#876931',
   mustardYellow900: '#675025'
 };
+const orange = {
+  orange50: '#FFF1E7',
+  orange100: '#FFD2B5',
+  orange200: '#FFBD91',
+  orange300: '#FF9F5E',
+  orange400: '#FF8C3F',
+  orange500: '#FF6F0F',
+  orange600: '#E8650E',
+  orange700: '#B54F0B',
+  orange800: '#8C3D08',
+  orange900: '#6B2F06'
+};
+const lime = {
+  lime50: '#EEFAE6',
+  lime100: '#CBEFB1',
+  lime200: '#B2E88B',
+  lime300: '#8FDD55',
+  lime400: '#79D635',
+  lime500: '#58CC02',
+  lime600: '#50BA02',
+  lime700: '#3E9101',
+  lime800: '#307001',
+  lime900: '#255601'
+};
 const palette = {
   ...gray,
   ...violet,
@@ -137,7 +161,9 @@ const palette = {
   ...fuchsiaPink,
   ...skyBlue,
   ...indianRed,
-  ...mustardYellow
+  ...mustardYellow,
+  ...orange,
+  ...lime
 };
 
-export { blue, palette as default, fuchsiaPink, gray, green, indianRed, mustardYellow, red, shade, skyBlue, violet, yellow };
+export { blue, palette as default, fuchsiaPink, gray, green, indianRed, lime, mustardYellow, orange, red, shade, skyBlue, violet, yellow };

package/esm/packages/token-studio/esm/token/color/index.js

@@ -56,7 +56,7 @@ const bgColor = {
   'bg/accent/red/subtle': palette.red400,
   'bg/accent/red': palette.red500,
   'bg/accent/gray/subtlest': palette.gray200,
-  'bg/selected/violet': palette.violet500,
+  'bg/selected/primary': palette.violet500,
   'bg/selected': palette.gray900,
   'bg/selected/subtle': palette.gray100,
   'bg/inverse': palette.black,
@@ -100,7 +100,7 @@ const iconColor = {
   'icon/inverse': palette.white,
   'icon/disabled': palette.gray300,
   'icon/disabled/subtler': palette.gray200,
-  'icon/selected/violet': palette.violet500,
+  'icon/selected/primary': palette.violet500,
   'icon/selected': palette.gray900,
   'icon/primary/subtle': palette.violet300,
   'icon/primary': palette.violet500,
@@ -216,4 +216,4 @@ const color = {
   ...scaleColor
 };
 
-export { bgColor, borderColor, color as default, dimColor, iconColor, linkColor, scaleColor, textColor };
+export { color as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamturing/react-kit",
-  "version": "2.47.0",
+  "version": "2.48.0",
   "description": "React components, hooks for create teamturing web application",
   "author": "Sungchang Park <psch300@gmail.com> (https://github.com/psch300)",
   "homepage": "https://github.com/weareteamturing/bombe#readme",
@@ -56,7 +56,7 @@
     "@floating-ui/react": "^0.27.16",
     "@primer/behaviors": "^1.3.6",
     "@teamturing/icons": "^1.54.0",
-    "@teamturing/token-studio": "^1.13.0",
+    "@teamturing/token-studio": "^1.14.0",
     "@teamturing/utils": "^1.5.0",
     "framer-motion": "^10.16.4",
     "lodash.debounce": "^4.0.8",
@@ -66,5 +66,5 @@
     "react-textarea-autosize": "^8.5.3",
     "styled-system": "^5.1.5"
   },
-  "gitHead": "e32009b5d122928a1b9dc24800de22aa3b39344c"
+  "gitHead": "0f7f327feb42aafaa9138da7185402e7094e6bf8"
 }