@instructure/ui-avatar 10.16.1 → 10.16.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/es/Avatar/__new-tests__/Avatar.test.js +17 -6
  3. package/es/Avatar/index.js +5 -4
  4. package/lib/Avatar/__new-tests__/Avatar.test.js +16 -5
  5. package/lib/Avatar/index.js +4 -4
  6. package/package.json +13 -13
  7. package/src/Avatar/__new-tests__/Avatar.test.tsx +9 -3
  8. package/src/Avatar/index.tsx +118 -107
  9. package/tsconfig.build.tsbuildinfo +1 -1
  10. package/types/Avatar/index.d.ts +55 -2
  11. package/types/Avatar/index.d.ts.map +1 -1
package/types/Avatar/index.d.ts CHANGED
@@ -1,10 +1,63 @@
1
- import type { AvatarProps } from './props';
1
+ import { SyntheticEvent } from 'react';
2
+ import { View } from '@instructure/ui-view';
2
3
  /**
3
4
  ---
4
5
  category: components
5
6
  ---
6
7
  **/
7
- declare const Avatar: ({ size, color, hasInverseColor, showBorder, shape, display, onImageLoaded, src, name, renderIcon, alt, as, margin, themeOverride, elementRef, ...rest }: AvatarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
8
+ declare const Avatar: import("react").ForwardRefExoticComponent<{
9
+ name: string;
10
+ src?: string;
11
+ alt?: string;
12
+ size?: "auto" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large" | "xx-large";
13
+ color?: "default" | "shamrock" | "barney" | "crimson" | "fire" | "licorice" | "ash";
14
+ hasInverseColor?: boolean;
15
+ showBorder?: "auto" | "always" | "never";
16
+ shape?: "circle" | "rectangle";
17
+ display?: "inline-block" | "block";
18
+ margin?: import("@instructure/emotion").Spacing;
19
+ onImageLoaded?: (event: SyntheticEvent) => void;
20
+ as?: import("@instructure/shared-types").AsElementType;
21
+ elementRef?: (element: Element | null) => void;
22
+ renderIcon?: import("@instructure/shared-types").Renderable;
23
+ } & {
24
+ styles?: import("./props").AvatarStyle | undefined;
25
+ makeStyles?: (extraArgs?: Record<string, unknown>) => void;
26
+ } & {
27
+ themeOverride?: Partial<import("@instructure/shared-types").AvatarTheme> | ((componentTheme: import("@instructure/shared-types").AvatarTheme, currentTheme: import("@instructure/shared-types").BaseTheme) => Partial<import("@instructure/shared-types").AvatarTheme>) | undefined;
28
+ } & Omit<import("react").AllHTMLAttributes<{
29
+ name: string;
30
+ src?: string;
31
+ alt?: string;
32
+ size?: "auto" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large" | "xx-large";
33
+ color?: "default" | "shamrock" | "barney" | "crimson" | "fire" | "licorice" | "ash";
34
+ hasInverseColor?: boolean;
35
+ showBorder?: "auto" | "always" | "never";
36
+ shape?: "circle" | "rectangle";
37
+ display?: "inline-block" | "block";
38
+ margin?: import("@instructure/emotion").Spacing;
39
+ onImageLoaded?: (event: SyntheticEvent) => void;
40
+ as?: import("@instructure/shared-types").AsElementType;
41
+ elementRef?: (element: Element | null) => void;
42
+ renderIcon?: import("@instructure/shared-types").Renderable;
43
+ } & Element>, keyof {
44
+ name: string;
45
+ src?: string;
46
+ alt?: string;
47
+ size?: "auto" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large" | "xx-large";
48
+ color?: "default" | "shamrock" | "barney" | "crimson" | "fire" | "licorice" | "ash";
49
+ hasInverseColor?: boolean;
50
+ showBorder?: "auto" | "always" | "never";
51
+ shape?: "circle" | "rectangle";
52
+ display?: "inline-block" | "block";
53
+ margin?: import("@instructure/emotion").Spacing;
54
+ onImageLoaded?: (event: SyntheticEvent) => void;
55
+ as?: import("@instructure/shared-types").AsElementType;
56
+ elementRef?: (element: Element | null) => void;
57
+ renderIcon?: import("@instructure/shared-types").Renderable;
58
+ } | "dir"> & {
59
+ dir?: "ltr" | "rtl";
60
+ } & import("react").RefAttributes<View>>;
8
61
  export default Avatar;
9
62
  export { Avatar };
10
63
  //# sourceMappingURL=index.d.ts.map
package/types/Avatar/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Avatar/index.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK1C;;;;GAIG;AAEH,QAAA,MAAM,MAAM,4JAiBT,WAAW,qDAoGb,CAAA;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Avatar/index.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAEL,cAAc,EAIf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAO3C;;;;GAIG;AACH,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;2BAtCmC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAiK/C,CAAA;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}