@instructure/ui-avatar 8.9.2-snapshot.3 → 8.10.0

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.10.0](https://github.com/instructure/instructure-ui/compare/v8.9.1...v8.10.0) (2021-09-28)
+
+**Note:** Version bump only for package @instructure/ui-avatar
+
 ## [8.9.1](https://github.com/instructure/instructure-ui/compare/v8.9.0...v8.9.1) (2021-09-16)
 
 **Note:** Version bump only for package @instructure/ui-avatar

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-avatar",
-  "version": "8.9.2-snapshot.3+ddc7880d5",
+  "version": "8.10.0",
   "description": "An image or letters that represents a user.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,20 +25,20 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/emotion": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/shared-types": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-react-utils": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-testable": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-view": "8.9.2-snapshot.3+ddc7880d5",
+    "@instructure/console": "8.10.0",
+    "@instructure/emotion": "8.10.0",
+    "@instructure/shared-types": "8.10.0",
+    "@instructure/ui-react-utils": "8.10.0",
+    "@instructure/ui-testable": "8.10.0",
+    "@instructure/ui-view": "8.10.0",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-color-utils": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-test-locator": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-test-utils": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-themes": "8.9.2-snapshot.3+ddc7880d5"
+    "@instructure/ui-babel-preset": "8.10.0",
+    "@instructure/ui-color-utils": "8.10.0",
+    "@instructure/ui-test-locator": "8.10.0",
+    "@instructure/ui-test-utils": "8.10.0",
+    "@instructure/ui-themes": "8.10.0"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -46,6 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
-  "gitHead": "ddc7880d5a2f7d4d0596332e8d49cb9b1de68024"
+  "sideEffects": false
 }

package/src/Avatar/props.ts

@@ -27,8 +27,16 @@ import PropTypes from 'prop-types'
 
 import { ThemeablePropTypes } from '@instructure/emotion'
 
-import type { Spacing, WithStyleProps } from '@instructure/emotion'
-import type { AsElementType, PropValidators } from '@instructure/shared-types'
+import type {
+  Spacing,
+  WithStyleProps,
+  ComponentStyle
+} from '@instructure/emotion'
+import type {
+  AsElementType,
+  AvatarTheme,
+  PropValidators
+} from '@instructure/shared-types'
 
 type AvatarOwnProps = {
   /**
@@ -90,7 +98,9 @@ type PropKeys = keyof AvatarOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type AvatarProps = AvatarOwnProps & WithStyleProps
+type AvatarProps = AvatarOwnProps & WithStyleProps<AvatarTheme, AvatarStyle>
+
+type AvatarStyle = ComponentStyle<'avatar' | 'initials' | 'loadImage'>
 
 const propTypes: PropValidators<PropKeys> = {
   name: PropTypes.string.isRequired,
@@ -137,5 +147,5 @@ const allowedProps: AllowedPropKeys = [
   'elementRef'
 ]
 
-export type { AvatarProps }
+export type { AvatarProps, AvatarStyle }
 export { propTypes, allowedProps }

package/src/Avatar/styles.ts

@@ -22,8 +22,8 @@
  * SOFTWARE.
  */
 
-import { AvatarTheme } from '@instructure/shared-types'
-import { AvatarProps, AvatarState } from './props'
+import type { AvatarTheme } from '@instructure/shared-types'
+import type { AvatarProps, AvatarState, AvatarStyle } from './props'
 
 /**
  * ---
@@ -39,7 +39,7 @@ const generateStyle = (
   componentTheme: AvatarTheme,
   props: AvatarProps,
   state: AvatarState
-) => {
+): AvatarStyle => {
   const { size, color, shape, src } = props
   const { loaded } = state
 

package/types/Avatar/props.d.ts

@@ -1,6 +1,6 @@
 import { SyntheticEvent } from 'react';
-import type { Spacing, WithStyleProps } from '@instructure/emotion';
-import type { AsElementType, PropValidators } from '@instructure/shared-types';
+import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import type { AsElementType, AvatarTheme, PropValidators } from '@instructure/shared-types';
 declare type AvatarOwnProps = {
     /**
      * The name to display. It will be automatically converted to initials.
@@ -42,9 +42,10 @@ export declare type AvatarState = {
 };
 declare type PropKeys = keyof AvatarOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type AvatarProps = AvatarOwnProps & WithStyleProps;
+declare type AvatarProps = AvatarOwnProps & WithStyleProps<AvatarTheme, AvatarStyle>;
+declare type AvatarStyle = ComponentStyle<'avatar' | 'initials' | 'loadImage'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
-export type { AvatarProps };
+export type { AvatarProps, AvatarStyle };
 export { propTypes, allowedProps };
 //# sourceMappingURL=props.d.ts.map

package/types/Avatar/props.d.ts.map

@@ -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,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE9E,aAAK,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,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,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;CACnD,CAAA;AAED,oBAAY,WAAW,GAAG;IACxB,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,cAAc,CAAA;AAEpC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,WAAW,GAAG,cAAc,GAAG,cAAc,CAAA;AAElD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA6BvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,WAAW,EAAE,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"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,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,aAAK,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,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,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;CACnD,CAAA;AAED,oBAAY,WAAW,GAAG;IACxB,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,cAAc,CAAA;AAEpC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,WAAW,GAAG,cAAc,GAAG,cAAc,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;AAE5E,aAAK,WAAW,GAAG,cAAc,CAAC,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC,CAAA;AAEtE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA6BvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Avatar/styles.d.ts

@@ -1,5 +1,5 @@
-import { AvatarTheme } from '@instructure/shared-types';
-import { AvatarProps, AvatarState } from './props';
+import type { AvatarTheme } from '@instructure/shared-types';
+import type { AvatarProps, AvatarState, AvatarStyle } from './props';
 /**
  * ---
  * private: true
@@ -10,628 +10,6 @@ import { AvatarProps, AvatarState } from './props';
  * @param  {Object} state the state of the component, the style is applied to
  * @return {Object} The final style object, which will be used in the component
  */
-declare const generateStyle: (componentTheme: AvatarTheme, props: AvatarProps, state: AvatarState) => {
-    avatar: {
-        backgroundImage: string;
-        border: number;
-        boxShadow: string;
-        width: string;
-        position: string;
-        borderRadius: string;
-        overflow: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: undefined;
-        borderStyle: string;
-        borderColor: string;
-        width: string;
-        position: string;
-        borderRadius: string;
-        overflow: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: string;
-        border: number;
-        boxShadow: string;
-        width: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        overflow: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: undefined;
-        borderStyle: string;
-        borderColor: string;
-        width: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        overflow: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: string;
-        border: number;
-        boxShadow: string;
-        width: string;
-        position: string;
-        borderRadius: string;
-        overflow: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: undefined;
-        borderStyle: string;
-        borderColor: string;
-        width: string;
-        position: string;
-        borderRadius: string;
-        overflow: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: string;
-        border: number;
-        boxShadow: string;
-        width: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        overflow: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: undefined;
-        borderStyle: string;
-        borderColor: string;
-        width: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        overflow: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: string;
-        border: number;
-        boxShadow: string;
-        width: string;
-        position: string;
-        borderRadius: string;
-        overflow: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: undefined;
-        borderStyle: string;
-        borderColor: string;
-        width: string;
-        position: string;
-        borderRadius: string;
-        overflow: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: string;
-        border: number;
-        boxShadow: string;
-        width: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        overflow: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: undefined;
-        borderStyle: string;
-        borderColor: string;
-        width: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        overflow: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: string;
-        border: number;
-        boxShadow: string;
-        width: string;
-        position: string;
-        borderRadius: string;
-        overflow: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: undefined;
-        borderStyle: string;
-        borderColor: string;
-        width: string;
-        position: string;
-        borderRadius: string;
-        overflow: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: string;
-        border: number;
-        boxShadow: string;
-        width: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        overflow: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: undefined;
-        borderStyle: string;
-        borderColor: string;
-        width: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        overflow: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: string;
-        border: number;
-        boxShadow: string;
-        width: string;
-        position: string;
-        borderRadius: string;
-        overflow: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: undefined;
-        borderStyle: string;
-        borderColor: string;
-        width: string;
-        position: string;
-        borderRadius: string;
-        overflow: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: string;
-        border: number;
-        boxShadow: string;
-        width: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        overflow: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: undefined;
-        borderStyle: string;
-        borderColor: string;
-        width: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        overflow: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: string;
-        border: number;
-        boxShadow: string;
-        width: string;
-        position: string;
-        borderRadius: string;
-        overflow: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: undefined;
-        borderStyle: string;
-        borderColor: string;
-        width: string;
-        position: string;
-        borderRadius: string;
-        overflow: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: string;
-        border: number;
-        boxShadow: string;
-        width: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        overflow: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: undefined;
-        borderStyle: string;
-        borderColor: string;
-        width: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        overflow: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: string;
-        border: number;
-        boxShadow: string;
-        width: string;
-        position: string;
-        borderRadius: string;
-        overflow: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: undefined;
-        borderStyle: string;
-        borderColor: string;
-        width: string;
-        position: string;
-        borderRadius: string;
-        overflow: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: string;
-        border: number;
-        boxShadow: string;
-        width: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        overflow: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: undefined;
-        borderStyle: string;
-        borderColor: string;
-        width: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        overflow: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: string;
-        border: number;
-        boxShadow: string;
-        width: string;
-        position: string;
-        borderRadius: string;
-        overflow: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: undefined;
-        borderStyle: string;
-        borderColor: string;
-        width: string;
-        position: string;
-        borderRadius: string;
-        overflow: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: string;
-        border: number;
-        boxShadow: string;
-        width: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        overflow: string;
-        lineHeight: number;
-        textAlign: string;
-    } | {
-        backgroundImage: undefined;
-        borderStyle: string;
-        borderColor: string;
-        width: string;
-        fontSize: string;
-        borderWidth: string | 0;
-        label: string;
-        height: string;
-        boxSizing: string;
-        backgroundColor: string;
-        backgroundPosition: string;
-        backgroundSize: string;
-        backgroundClip: string;
-        backgroundRepeat: string;
-        overflow: string;
-        lineHeight: number;
-        textAlign: string;
-    };
-    initials: {
-        label: string;
-        color: string;
-        lineHeight: string;
-        fontFamily: string;
-        fontWeight: number;
-        letterSpacing: string;
-    };
-    loadImage: {
-        label: string;
-        display: string;
-    };
-};
+declare const generateStyle: (componentTheme: AvatarTheme, props: AvatarProps, state: AvatarState) => AvatarStyle;
 export default generateStyle;
 //# sourceMappingURL=styles.d.ts.map

package/types/Avatar/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Avatar/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAElD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,WAAW,SACpB,WAAW,SACX,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsGnB,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"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,WAqGF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/LICENSE.md

@@ -1,27 +0,0 @@
----
-title: The MIT License (MIT)
-category: Getting Started
-order: 9
----
-
-# The MIT License (MIT)
-
-Copyright (c) 2015 Instructure, Inc.
-
-**Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions.**
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.