@instructure/ui-alerts 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-alerts
+
 ## [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-alerts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-alerts",
-  "version": "8.9.2-snapshot.3+ddc7880d5",
+  "version": "8.10.0",
   "description": "An alert component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -24,24 +24,24 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-color-utils": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-test-utils": "8.9.2-snapshot.3+ddc7880d5"
+    "@instructure/ui-babel-preset": "8.10.0",
+    "@instructure/ui-color-utils": "8.10.0",
+    "@instructure/ui-test-utils": "8.10.0"
   },
   "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-a11y-content": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-buttons": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-icons": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-motion": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-react-utils": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-themes": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-utils": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/ui-view": "8.9.2-snapshot.3+ddc7880d5",
-    "@instructure/uid": "8.9.2-snapshot.3+ddc7880d5",
+    "@instructure/console": "8.10.0",
+    "@instructure/emotion": "8.10.0",
+    "@instructure/shared-types": "8.10.0",
+    "@instructure/ui-a11y-content": "8.10.0",
+    "@instructure/ui-buttons": "8.10.0",
+    "@instructure/ui-icons": "8.10.0",
+    "@instructure/ui-motion": "8.10.0",
+    "@instructure/ui-react-utils": "8.10.0",
+    "@instructure/ui-themes": "8.10.0",
+    "@instructure/ui-utils": "8.10.0",
+    "@instructure/ui-view": "8.10.0",
+    "@instructure/uid": "8.10.0",
     "keycode": "^2",
     "prop-types": "^15"
   },
@@ -52,6 +52,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
-  "gitHead": "ddc7880d5a2f7d4d0596332e8d49cb9b1de68024"
+  "sideEffects": false
 }

package/src/Alert/props.ts

@@ -27,8 +27,12 @@ import PropTypes from 'prop-types'
 
 import { ThemeablePropTypes } from '@instructure/emotion'
 
-import type { Spacing, WithStyleProps } from '@instructure/emotion'
-import type { PropValidators } from '@instructure/shared-types'
+import type {
+  Spacing,
+  WithStyleProps,
+  ComponentStyle
+} from '@instructure/emotion'
+import type { AlertTheme, PropValidators } from '@instructure/shared-types'
 
 type AlertOwnProps = {
   children?: ReactNode
@@ -50,7 +54,9 @@ type PropKeys = keyof AlertOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type AlertProps = AlertOwnProps & WithStyleProps
+type AlertProps = AlertOwnProps & WithStyleProps<AlertTheme, AlertStyle>
+
+type AlertStyle = ComponentStyle<'alert' | 'icon' | 'closeButton' | 'content'>
 
 const propTypes: PropValidators<PropKeys> = {
   /**
@@ -126,5 +132,5 @@ const allowedProps: AllowedPropKeys = [
   'hasShadow'
 ]
 
-export type { AlertProps }
+export type { AlertProps, AlertStyle }
 export { propTypes, allowedProps }

package/src/Alert/styles.ts

@@ -22,8 +22,8 @@
  * SOFTWARE.
  */
 
-import { AlertTheme } from '@instructure/shared-types'
-import { AlertProps } from './props'
+import type { AlertTheme } from '@instructure/shared-types'
+import type { AlertProps, AlertStyle } from './props'
 
 /**
  * ---
@@ -35,7 +35,10 @@ import { AlertProps } 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
  */
-const generateStyle = (componentTheme: AlertTheme, props: AlertProps) => {
+const generateStyle = (
+  componentTheme: AlertTheme,
+  props: AlertProps
+): AlertStyle => {
   const { variant, hasShadow } = props
 
   const variantStyles = {

package/types/Alert/props.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import type { Spacing, WithStyleProps } from '@instructure/emotion';
-import type { PropValidators } from '@instructure/shared-types';
+import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import type { AlertTheme, PropValidators } from '@instructure/shared-types';
 declare type AlertOwnProps = {
     children?: ReactNode;
     variant?: 'info' | 'success' | 'warning' | 'error';
@@ -18,9 +18,10 @@ declare type AlertOwnProps = {
 };
 declare type PropKeys = keyof AlertOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type AlertProps = AlertOwnProps & WithStyleProps;
+declare type AlertProps = AlertOwnProps & WithStyleProps<AlertTheme, AlertStyle>;
+declare type AlertStyle = ComponentStyle<'alert' | 'icon' | 'closeButton' | 'content'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
-export type { AlertProps };
+export type { AlertProps, AlertStyle };
 export { propTypes, allowedProps };
 //# sourceMappingURL=props.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Alert/props.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,aAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IAClD,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,oBAAoB,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;IAC7C,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,sBAAsB,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,SAAS,CAAA;IAC9D,SAAS,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,aAAa,CAAA;AAEnC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,UAAU,GAAG,aAAa,GAAG,cAAc,CAAA;AAEhD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAwDvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAcnB,CAAA;AAED,YAAY,EAAE,UAAU,EAAE,CAAA;AAC1B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Alert/props.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE3E,aAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IAClD,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,oBAAoB,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;IAC7C,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,sBAAsB,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,GAAG,SAAS,CAAA;IAC9D,SAAS,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACnC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,aAAa,CAAA;AAEnC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,UAAU,GAAG,aAAa,GAAG,cAAc,CAAC,UAAU,EAAE,UAAU,CAAC,CAAA;AAExE,aAAK,UAAU,GAAG,cAAc,CAAC,OAAO,GAAG,MAAM,GAAG,aAAa,GAAG,SAAS,CAAC,CAAA;AAE9E,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAwDvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAcnB,CAAA;AAED,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Alert/styles.d.ts

@@ -1,5 +1,5 @@
-import { AlertTheme } from '@instructure/shared-types';
-import { AlertProps } from './props';
+import type { AlertTheme } from '@instructure/shared-types';
+import type { AlertProps, AlertStyle } from './props';
 /**
  * ---
  * private: true
@@ -10,119 +10,6 @@ import { AlertProps } 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: AlertTheme, props: AlertProps) => {
-    alert: {
-        boxShadow?: string | undefined;
-        borderColor: string;
-        label: string;
-        color: string;
-        background: string;
-        boxSizing: string;
-        display: string;
-        minWidth: string;
-        borderWidth: string | 0;
-        borderStyle: string;
-        borderRadius: string | 0;
-    } | {
-        boxShadow?: string | undefined;
-        borderColor: string;
-        label: string;
-        color: string;
-        background: string;
-        boxSizing: string;
-        display: string;
-        minWidth: string;
-        borderWidth: string | 0;
-        borderStyle: string;
-        borderRadius: string | 0;
-    } | {
-        boxShadow?: string | undefined;
-        borderColor: string;
-        label: string;
-        color: string;
-        background: string;
-        boxSizing: string;
-        display: string;
-        minWidth: string;
-        borderWidth: string | 0;
-        borderStyle: string;
-        borderRadius: string | 0;
-    } | {
-        boxShadow?: string | undefined;
-        borderColor: string;
-        label: string;
-        color: string;
-        background: string;
-        boxSizing: string;
-        display: string;
-        minWidth: string;
-        borderWidth: string | 0;
-        borderStyle: string;
-        borderRadius: string | 0;
-    };
-    icon: {
-        background: string;
-        borderRightColor: string;
-        color: string;
-        boxSizing: string;
-        flex: string;
-        display: string;
-        alignItems: string;
-        justifyContent: string;
-        fontSize: string;
-        borderRight: string;
-    } | {
-        background: string;
-        borderRightColor: string;
-        color: string;
-        boxSizing: string;
-        flex: string;
-        display: string;
-        alignItems: string;
-        justifyContent: string;
-        fontSize: string;
-        borderRight: string;
-    } | {
-        backgroundColor: string;
-        borderRightColor: string;
-        color: string;
-        boxSizing: string;
-        flex: string;
-        display: string;
-        alignItems: string;
-        justifyContent: string;
-        fontSize: string;
-        borderRight: string;
-    } | {
-        background: string;
-        borderRightColor: string;
-        color: string;
-        boxSizing: string;
-        flex: string;
-        display: string;
-        alignItems: string;
-        justifyContent: string;
-        fontSize: string;
-        borderRight: string;
-    };
-    closeButton: {
-        boxSizing: string;
-        display: string;
-        alignItems: string;
-        order: number;
-        marginTop: string | 0;
-        marginRight: string | 0;
-    };
-    content: {
-        boxSizing: string;
-        flex: number;
-        minWidth: string;
-        fontSize: string | 0;
-        fontFamily: string;
-        fontWeight: number;
-        lineHeight: string | number;
-        padding: string | 0;
-    };
-};
+declare const generateStyle: (componentTheme: AlertTheme, props: AlertProps) => AlertStyle;
 export default generateStyle;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Alert/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEpC;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBAAoB,UAAU,SAAS,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8EnE,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Alert/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAErD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,UAAU,SACnB,UAAU,KAChB,UA8EF,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.