@instructure/ui-avatar 8.49.1-snapshot-7 → 8.50.0
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.
- package/CHANGELOG.md +5 -2
- package/es/Avatar/__examples__/Avatar.examples.js +3 -0
- package/es/Avatar/index.js +1 -0
- package/es/Avatar/props.js +2 -1
- package/es/Avatar/styles.js +10 -4
- package/lib/Avatar/__examples__/Avatar.examples.js +3 -0
- package/lib/Avatar/index.js +1 -0
- package/lib/Avatar/props.js +2 -1
- package/lib/Avatar/styles.js +10 -4
- package/package.json +14 -14
- package/src/Avatar/README.md +14 -0
- package/src/Avatar/__examples__/Avatar.examples.tsx +7 -0
- package/src/Avatar/index.tsx +1 -0
- package/src/Avatar/props.ts +7 -1
- package/src/Avatar/styles.ts +10 -5
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/Avatar/__examples__/Avatar.examples.d.ts.map +1 -1
- package/types/Avatar/index.d.ts +3 -0
- package/types/Avatar/index.d.ts.map +1 -1
- package/types/Avatar/props.d.ts +4 -0
- package/types/Avatar/props.d.ts.map +1 -1
- package/types/Avatar/styles.d.ts.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.examples.d.ts","sourceRoot":"","sources":["../../../src/Avatar/__examples__/Avatar.examples.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAE7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;;AAE3C,
|
|
1
|
+
{"version":3,"file":"Avatar.examples.d.ts","sourceRoot":"","sources":["../../../src/Avatar/__examples__/Avatar.examples.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAE7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;;AAE3C,wBA2C6B"}
|
package/types/Avatar/index.d.ts
CHANGED
|
@@ -16,6 +16,7 @@ declare class Avatar extends Component<AvatarProps, AvatarState> {
|
|
|
16
16
|
size: "auto" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large" | "xx-large";
|
|
17
17
|
color: "default" | "shamrock" | "barney" | "crimson" | "fire" | "licorice" | "ash";
|
|
18
18
|
hasInverseColor?: boolean | undefined;
|
|
19
|
+
showBorder?: "auto" | "always" | "never" | undefined;
|
|
19
20
|
shape: "circle" | "rectangle";
|
|
20
21
|
display: "inline-block" | "block";
|
|
21
22
|
margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
|
|
@@ -31,6 +32,7 @@ declare class Avatar extends Component<AvatarProps, AvatarState> {
|
|
|
31
32
|
size: "auto" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large" | "xx-large";
|
|
32
33
|
color: "default" | "shamrock" | "barney" | "crimson" | "fire" | "licorice" | "ash";
|
|
33
34
|
hasInverseColor?: boolean | undefined;
|
|
35
|
+
showBorder?: "auto" | "always" | "never" | undefined;
|
|
34
36
|
shape: "circle" | "rectangle";
|
|
35
37
|
display: "inline-block" | "block";
|
|
36
38
|
margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
|
|
@@ -43,6 +45,7 @@ declare class Avatar extends Component<AvatarProps, AvatarState> {
|
|
|
43
45
|
readonly size: "medium";
|
|
44
46
|
readonly color: "default";
|
|
45
47
|
readonly hasInverseColor: false;
|
|
48
|
+
readonly showBorder: "auto";
|
|
46
49
|
readonly shape: "circle";
|
|
47
50
|
readonly display: "inline-block";
|
|
48
51
|
readonly onImageLoaded: (_event: SyntheticEvent) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Avatar/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAMjD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAEvD;;;;GAIG;AACH,cAEM,MAAO,SAAQ,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC;IACtD,MAAM,CAAC,QAAQ,CAAC,WAAW,YAAW;IAEtC,MAAM,CAAC,SAAS
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Avatar/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAMjD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAEvD;;;;GAIG;AACH,cAEM,MAAO,SAAQ,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC;IACtD,MAAM,CAAC,QAAQ,CAAC,WAAW,YAAW;IAEtC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;yCAOO,cAAc;MAC9B;IAEV,KAAK;;MAAoB;IAEzB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,iBAAiB;IAIjB,kBAAkB;IASlB,oBAAoB;IAmBpB,iBAAiB,UAAW,cAAc,UAGzC;IAED,cAAc;IAQd,aAAa;IAUb,MAAM;CAyBP;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}
|
package/types/Avatar/props.d.ts
CHANGED
|
@@ -21,6 +21,10 @@ type AvatarOwnProps = {
|
|
|
21
21
|
* In inverse color mode the background and text/icon colors are inverted
|
|
22
22
|
*/
|
|
23
23
|
hasInverseColor?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* `auto` only shows a border when there is no source image. This prop can force to always or never show that border.
|
|
26
|
+
*/
|
|
27
|
+
showBorder?: 'auto' | 'always' | 'never';
|
|
24
28
|
shape: 'circle' | 'rectangle';
|
|
25
29
|
display: 'inline-block' | 'block';
|
|
26
30
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Avatar/props.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAKtC,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EACX,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAEtD,KAAK,cAAc,GAAG;IACpB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,EACA,MAAM,GACN,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,CAAA;IACd,KAAK,EACD,SAAS,GACT,UAAU,GACV,QAAQ,GACR,SAAS,GACT,MAAM,GACN,UAAU,GACV,KAAK,CAAA;IACT;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,KAAK,EAAE,QAAQ,GAAG,WAAW,CAAA;IAC7B,OAAO,EAAE,cAAc,GAAG,OAAO,CAAA;IACjC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;IAC9C;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,cAAc,CAAA;AAEpC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,WAAW,GAAG,cAAc,GAC/B,cAAc,CAAC,WAAW,EAAE,WAAW,CAAC,GACxC,mBAAmB,CAAC,cAAc,CAAC,CAAA;AAErC,KAAK,WAAW,GAAG,cAAc,CAC/B,QAAQ,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,CAChD,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Avatar/props.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAKtC,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,aAAa,EACb,WAAW,EACX,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAEtD,KAAK,cAAc,GAAG;IACpB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,EACA,MAAM,GACN,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,CAAA;IACd,KAAK,EACD,SAAS,GACT,UAAU,GACV,QAAQ,GACR,SAAS,GACT,MAAM,GACN,UAAU,GACV,KAAK,CAAA;IACT;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACxC,KAAK,EAAE,QAAQ,GAAG,WAAW,CAAA;IAC7B,OAAO,EAAE,cAAc,GAAG,OAAO,CAAA;IACjC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;IAC9C;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,cAAc,CAAA;AAEpC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,WAAW,GAAG,cAAc,GAC/B,cAAc,CAAC,WAAW,EAAE,WAAW,CAAC,GACxC,mBAAmB,CAAC,cAAc,CAAC,CAAA;AAErC,KAAK,WAAW,GAAG,cAAc,CAC/B,QAAQ,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,CAChD,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAgCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Avatar/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAEpE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,WAAW,SACpB,WAAW,SACX,WAAW,KACjB,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Avatar/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAEpE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,WAAW,SACpB,WAAW,SACX,WAAW,KACjB,WAqIF,CAAA;AAED,eAAe,aAAa,CAAA"}
|