@instructure/ui-svg-images 8.11.2-snapshot.7 → 8.12.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.12.0](https://github.com/instructure/instructure-ui/compare/v8.11.1...v8.12.0) (2021-11-17)
+
+**Note:** Version bump only for package @instructure/ui-svg-images
+
 ## [8.11.1](https://github.com/instructure/instructure-ui/compare/v8.11.0...v8.11.1) (2021-10-19)
 
 **Note:** Version bump only for package @instructure/ui-svg-images

package/es/InlineSVG/index.js

@@ -36,15 +36,18 @@ import { withStyle, jsx } from '@instructure/emotion';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import { allowedProps, propTypes } from './props';
+
 /**
 ---
 category: components/utilities
 ---
+@tsProps
 **/
-
 let InlineSVG = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class InlineSVG extends Component {
-  constructor() {
-    super();
+  constructor(props) {
+    super(props);
+    this.titleId = void 0;
+    this.descId = void 0;
     this.ref = null;
 
     this.handleRef = el => {
@@ -111,11 +114,11 @@ let InlineSVG = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
     if (this.props.src) {
       const src = InlineSVG.prepareSrc(this.props.src);
       return jsx("g", {
-        role: "presentation",
+        role: "presentation" // eslint-disable-next-line react/no-danger
+        ,
         dangerouslySetInnerHTML: {
           __html: src
-        } // eslint-disable-line react/no-danger
-
+        }
       });
     } else {
       return jsx("g", {
@@ -138,7 +141,7 @@ let InlineSVG = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
 
     const width = this.props.width === 'auto' ? void 0 : this.props.width;
     const height = this.props.height === 'auto' ? void 0 : this.props.height;
-    return jsx("svg", Object.assign({}, parseAttributes(this.props.src), omitProps(this.props, InlineSVG.allowedProps, ['inline']), {
+    return jsx("svg", Object.assign({}, parseAttributes(src), omitProps(this.props, InlineSVG.allowedProps, ['inline']), {
       style: { ...style,
         width,
         height
@@ -161,7 +164,6 @@ let InlineSVG = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
   title: '',
   description: '',
   inline: true,
-  children: null,
   width: '1em',
   height: '1em',
   color: 'inherit'

package/es/InlineSVG/props.js

@@ -28,22 +28,10 @@ const propTypes = {
   title: PropTypes.string,
   description: PropTypes.string,
   focusable: PropTypes.bool,
-
-  /**
-   * To let the SVG expand to fill its container, use `auto`
-   */
   width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-
-  /**
-   * To let the SVG expand to fill its container, use `auto`
-   */
   height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   inline: PropTypes.bool,
   color: PropTypes.oneOf(['inherit', 'primary', 'secondary', 'primary-inverse', 'secondary-inverse', 'success', 'error', 'alert', 'warning', 'brand', 'auto']),
-
-  /**
-   * provides a reference to the underlying html root element
-   */
   elementRef: PropTypes.func
 };
 const allowedProps = ['children', 'src', 'title', 'description', 'focusable', 'width', 'height', 'inline', 'color', 'elementRef'];

package/es/SVGIcon/index.js

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["rotate", "className", "size", "bidirectional", "makeStyles", "styles", "themeOverride"];
+const _excluded = ["rotate", "className", "themeOverride", "size", "bidirectional", "makeStyles", "styles"];
 
 var _dec, _dec2, _class, _class2, _temp;
 
@@ -30,17 +30,18 @@ var _dec, _dec2, _class, _class2, _temp;
 /** @jsx jsx */
 import { Component } from 'react';
 import { testable } from '@instructure/ui-testable';
-import { InlineSVG } from '../InlineSVG';
 import { withStyle, jsx } from '@instructure/emotion';
+import { InlineSVG } from '../InlineSVG';
 import generateStyle from './styles';
 import generateComponentTheme from './theme';
 import { allowedProps, propTypes } from './props';
+
 /**
 ---
 category: components/utilities
 ---
+@tsProps
 **/
-
 let SVGIcon = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class SVGIcon extends Component {
   constructor(...args) {
     super(...args);
@@ -72,11 +73,11 @@ let SVGIcon = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
     const _this$props3 = this.props,
           rotate = _this$props3.rotate,
           className = _this$props3.className,
+          themeOverride = _this$props3.themeOverride,
           size = _this$props3.size,
           bidirectional = _this$props3.bidirectional,
           makeStyles = _this$props3.makeStyles,
           styles = _this$props3.styles,
-          themeOverride = _this$props3.themeOverride,
           props = _objectWithoutProperties(_this$props3, _excluded);
 
     return jsx(InlineSVG, Object.assign({}, props, {

package/es/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/InlineSVG/index.js

@@ -33,10 +33,13 @@ var _dec, _dec2, _class, _class2, _temp;
 ---
 category: components/utilities
 ---
+@tsProps
 **/
 let InlineSVG = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class InlineSVG extends _react.Component {
-  constructor() {
-    super();
+  constructor(props) {
+    super(props);
+    this.titleId = void 0;
+    this.descId = void 0;
     this.ref = null;
 
     this.handleRef = el => {
@@ -103,11 +106,11 @@ let InlineSVG = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
     if (this.props.src) {
       const src = InlineSVG.prepareSrc(this.props.src);
       return (0, _emotion.jsx)("g", {
-        role: "presentation",
+        role: "presentation" // eslint-disable-next-line react/no-danger
+        ,
         dangerouslySetInnerHTML: {
           __html: src
-        } // eslint-disable-line react/no-danger
-
+        }
       });
     } else {
       return (0, _emotion.jsx)("g", {
@@ -129,7 +132,7 @@ let InlineSVG = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
 
     const width = this.props.width === 'auto' ? void 0 : this.props.width;
     const height = this.props.height === 'auto' ? void 0 : this.props.height;
-    return (0, _emotion.jsx)("svg", Object.assign({}, parseAttributes(this.props.src), (0, _omitProps.omitProps)(this.props, InlineSVG.allowedProps, ['inline']), {
+    return (0, _emotion.jsx)("svg", Object.assign({}, parseAttributes(src), (0, _omitProps.omitProps)(this.props, InlineSVG.allowedProps, ['inline']), {
       style: { ...style,
         width,
         height
@@ -152,7 +155,6 @@ let InlineSVG = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
   title: '',
   description: '',
   inline: true,
-  children: null,
   width: '1em',
   height: '1em',
   color: 'inherit'

package/lib/InlineSVG/props.js

@@ -38,22 +38,10 @@ const propTypes = {
   title: _propTypes.default.string,
   description: _propTypes.default.string,
   focusable: _propTypes.default.bool,
-
-  /**
-   * To let the SVG expand to fill its container, use `auto`
-   */
   width: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-
-  /**
-   * To let the SVG expand to fill its container, use `auto`
-   */
   height: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   inline: _propTypes.default.bool,
   color: _propTypes.default.oneOf(['inherit', 'primary', 'secondary', 'primary-inverse', 'secondary-inverse', 'success', 'error', 'alert', 'warning', 'brand', 'auto']),
-
-  /**
-   * provides a reference to the underlying html root element
-   */
   elementRef: _propTypes.default.func
 };
 exports.propTypes = propTypes;

package/lib/SVGIcon/index.js

@@ -13,17 +13,17 @@ var _react = require("react");
 
 var _testable = require("@instructure/ui-testable/lib/testable.js");
 
-var _InlineSVG = require("../InlineSVG");
-
 var _emotion = require("@instructure/emotion");
 
+var _InlineSVG = require("../InlineSVG");
+
 var _styles = _interopRequireDefault(require("./styles"));
 
 var _theme = _interopRequireDefault(require("./theme"));
 
 var _props = require("./props");
 
-const _excluded = ["rotate", "className", "size", "bidirectional", "makeStyles", "styles", "themeOverride"];
+const _excluded = ["rotate", "className", "themeOverride", "size", "bidirectional", "makeStyles", "styles"];
 
 var _dec, _dec2, _class, _class2, _temp;
 
@@ -31,6 +31,7 @@ var _dec, _dec2, _class, _class2, _temp;
 ---
 category: components/utilities
 ---
+@tsProps
 **/
 let SVGIcon = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class SVGIcon extends _react.Component {
   constructor(...args) {
@@ -63,11 +64,11 @@ let SVGIcon = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
     const _this$props3 = this.props,
           rotate = _this$props3.rotate,
           className = _this$props3.className,
+          themeOverride = _this$props3.themeOverride,
           size = _this$props3.size,
           bidirectional = _this$props3.bidirectional,
           makeStyles = _this$props3.makeStyles,
           styles = _this$props3.styles,
-          themeOverride = _this$props3.themeOverride,
           props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
     return (0, _emotion.jsx)(_InlineSVG.InlineSVG, Object.assign({}, props, {
       themeOverride: themeOverride,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-svg-images",
-  "version": "8.11.2-snapshot.7+2681e145a",
+  "version": "8.12.0",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -24,19 +24,19 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-test-locator": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-test-utils": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-themes": "8.11.2-snapshot.7+2681e145a"
+    "@instructure/ui-babel-preset": "8.12.0",
+    "@instructure/ui-test-locator": "8.12.0",
+    "@instructure/ui-test-utils": "8.12.0",
+    "@instructure/ui-themes": "8.12.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/shared-types": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-react-utils": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-testable": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/ui-utils": "8.11.2-snapshot.7+2681e145a",
-    "@instructure/uid": "8.11.2-snapshot.7+2681e145a",
+    "@instructure/emotion": "8.12.0",
+    "@instructure/shared-types": "8.12.0",
+    "@instructure/ui-react-utils": "8.12.0",
+    "@instructure/ui-testable": "8.12.0",
+    "@instructure/ui-utils": "8.12.0",
+    "@instructure/uid": "8.12.0",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -45,6 +45,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false,
-  "gitHead": "2681e145ad469e1396536d3e9eed75a19995eb8a"
+  "sideEffects": false
 }

package/src/InlineSVG/index.tsx

@@ -33,13 +33,15 @@ import { withStyle, jsx } from '@instructure/emotion'
 
 import generateStyle from './styles'
 import generateComponentTheme from './theme'
-import type { InlineSVGProps } from './props'
+
 import { allowedProps, propTypes } from './props'
+import type { InlineSVGProps } from './props'
 
 /**
 ---
 category: components/utilities
 ---
+@tsProps
 **/
 @withStyle(generateStyle, generateComponentTheme)
 @testable()
@@ -55,12 +57,14 @@ class InlineSVG extends Component<InlineSVGProps> {
     title: '',
     description: '',
     inline: true,
-    children: null,
     width: '1em',
     height: '1em',
     color: 'inherit'
   }
 
+  titleId?: string
+  descId?: string
+
   ref: Element | null = null
 
   handleRef = (el: Element | null) => {
@@ -73,13 +77,10 @@ class InlineSVG extends Component<InlineSVGProps> {
     }
   }
 
-  constructor() {
-    // @ts-expect-error ts-migrate(2554) FIXME: Expected 1-2 arguments, but got 0.
-    super()
+  constructor(props: InlineSVGProps) {
+    super(props)
 
-    // @ts-expect-error ts-migrate(2339) FIXME: Property 'titleId' does not exist on type 'InlineS... Remove this comment to see the full error message
     this.titleId = uid('InlineSVG-title')
-    // @ts-expect-error ts-migrate(2339) FIXME: Property 'descId' does not exist on type 'InlineSV... Remove this comment to see the full error message
     this.descId = uid('InlineSVG-desc')
   }
 
@@ -91,8 +92,7 @@ class InlineSVG extends Component<InlineSVGProps> {
     this.props.makeStyles?.()
   }
 
-  // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'src' implicitly has an 'any' type.
-  static prepareSrc = (src) => {
+  static prepareSrc = (src: string) => {
     const pattern = /<svg[^>]*>((.|[\n\r])*)<\/svg>/
     const matches = pattern.exec(src)
 
@@ -109,13 +109,10 @@ class InlineSVG extends Component<InlineSVGProps> {
 
   renderTitle() {
     const { title } = this.props
-    // @ts-expect-error ts-migrate(2339) FIXME: Property 'titleId' does not exist on type 'InlineS... Remove this comment to see the full error message
     return title ? <title id={this.titleId}>{title}</title> : null
   }
 
-  // @ts-expect-error ts-migrate(7006) FIXME: Parameter 'desc' implicitly has an 'any' type.
-  renderDesc(desc) {
-    // @ts-expect-error ts-migrate(2339) FIXME: Property 'descId' does not exist on type 'InlineSV... Remove this comment to see the full error message
+  renderDesc(desc: InlineSVGProps['description']) {
     return desc ? <desc id={this.descId}>{desc}</desc> : null
   }
 
@@ -123,12 +120,10 @@ class InlineSVG extends Component<InlineSVGProps> {
     const ids = []
 
     if (this.props.title) {
-      // @ts-expect-error ts-migrate(2339) FIXME: Property 'titleId' does not exist on type 'InlineS... Remove this comment to see the full error message
       ids.push(this.titleId)
     }
 
     if (this.props.description) {
-      // @ts-expect-error ts-migrate(2339) FIXME: Property 'descId' does not exist on type 'InlineSV... Remove this comment to see the full error message
       ids.push(this.descId)
     }
 
@@ -141,7 +136,8 @@ class InlineSVG extends Component<InlineSVGProps> {
       return (
         <g
           role="presentation"
-          dangerouslySetInnerHTML={{ __html: src }} // eslint-disable-line react/no-danger
+          // eslint-disable-next-line react/no-danger
+          dangerouslySetInnerHTML={{ __html: src }}
         />
       )
     } else {
@@ -151,7 +147,7 @@ class InlineSVG extends Component<InlineSVGProps> {
 
   render() {
     const {
-      style, // eslint-disable-line react/prop-types
+      style,
       title,
       description,
       focusable,
@@ -167,7 +163,7 @@ class InlineSVG extends Component<InlineSVGProps> {
 
     return (
       <svg
-        {...parseAttributes(this.props.src)}
+        {...parseAttributes(src)}
         {...omitProps(this.props, InlineSVG.allowedProps, ['inline'])}
         style={{
           ...style,
@@ -192,9 +188,8 @@ class InlineSVG extends Component<InlineSVGProps> {
   }
 }
 
-// @ts-expect-error ts-migrate(7006) FIXME: Parameter 'src' implicitly has an 'any' type.
-function parseAttributes(src) {
-  const attributes = {}
+function parseAttributes(src: InlineSVGProps['src']) {
+  const attributes: Record<string, string> = {}
   const SVGAttributesRegExp = /<svg\s+([^>]*)\s*>/
   const namesAndValuesRegExp = /(\S+)=["']?((?:.(?!["']?\s+(?:\S+)=|[>"']))+.)["']?/g
 
@@ -207,7 +202,6 @@ function parseAttributes(src) {
 
     while (match != null) {
       if (excludes.indexOf(match[1]) === -1) {
-        // @ts-expect-error ts-migrate(7053) FIXME: Element implicitly has an 'any' type because expre... Remove this comment to see the full error message
         attributes[match[1]] =
           match[2] ||
           (match[3] ? match[3] : match[4] ? match[4] : match[5]) ||

package/src/InlineSVG/props.ts

@@ -32,11 +32,18 @@ import type {
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 
 type InlineSVGOwnProps = {
+  children?: React.ReactNode
   src?: string
   title?: string
   description?: string
   focusable?: boolean
+  /**
+   * To let the SVG expand to fill its container, use "`auto`"
+   */
   width?: string | number
+  /**
+   * To let the SVG expand to fill its container, use "`auto`"
+   */
   height?: string | number
   inline?: boolean
   color?:
@@ -51,7 +58,9 @@ type InlineSVGOwnProps = {
     | 'warning'
     | 'brand'
     | 'auto'
-  children?: React.ReactNode
+  /**
+   * provides a reference to the underlying html root element
+   */
   elementRef?: (element: Element | null) => void
 }
 
@@ -71,13 +80,7 @@ const propTypes: PropValidators<PropKeys> = {
   title: PropTypes.string,
   description: PropTypes.string,
   focusable: PropTypes.bool,
-  /**
-   * To let the SVG expand to fill its container, use `auto`
-   */
   width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  /**
-   * To let the SVG expand to fill its container, use `auto`
-   */
   height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   inline: PropTypes.bool,
   color: PropTypes.oneOf([
@@ -93,9 +96,6 @@ const propTypes: PropValidators<PropKeys> = {
     'brand',
     'auto'
   ]),
-  /**
-   * provides a reference to the underlying html root element
-   */
   elementRef: PropTypes.func
 }
 

package/src/SVGIcon/index.tsx

@@ -26,20 +26,21 @@
 import { Component, ReactInstance } from 'react'
 
 import { testable } from '@instructure/ui-testable'
+import { withStyle, jsx } from '@instructure/emotion'
 
 import { InlineSVG } from '../InlineSVG'
 
-import { withStyle, jsx } from '@instructure/emotion'
-
 import generateStyle from './styles'
 import generateComponentTheme from './theme'
-import type { SVGIconProps } from './props'
+
 import { allowedProps, propTypes } from './props'
+import type { SVGIconProps } from './props'
 
 /**
 ---
 category: components/utilities
 ---
+@tsProps
 **/
 @withStyle(generateStyle, generateComponentTheme)
 @testable()
@@ -78,13 +79,15 @@ class SVGIcon extends Component<SVGIconProps> {
     const {
       rotate,
       className,
+      themeOverride,
+
+      // 'size', 'bidirectional', 'makeStyles' and 'styles' need to be added here,
+      // so it won't be passed to InlineSVG via '...props'
       size,
       bidirectional,
-      // 'makeStyles' and 'styles' need to be added here,
-      // so it won't be passed to InlineSVG via '...props'
       makeStyles,
       styles,
-      themeOverride,
+
       ...props
     } = this.props
 

package/src/SVGIcon/props.ts

@@ -25,6 +25,7 @@ import PropTypes from 'prop-types'
 
 import { InlineSVG } from '../InlineSVG'
 
+import type { SVGAttributes } from 'react'
 import type {
   InlineSVGTheme,
   OtherHTMLAttributes,
@@ -34,7 +35,6 @@ import type {
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 
 import type { InlineSVGOwnProps } from '../InlineSVG/props'
-import { SVGAttributes } from 'react'
 
 type SVGIconOwnProps = InlineSVGOwnProps & {
   rotate?: '0' | '90' | '180' | '270'

package/types/InlineSVG/index.d.ts

@@ -6,6 +6,7 @@ import type { InlineSVGProps } from './props';
 ---
 category: components/utilities
 ---
+@tsProps
 **/
 declare class InlineSVG extends Component<InlineSVGProps> {
     static readonly componentId = "InlineSVG";
@@ -17,20 +18,21 @@ declare class InlineSVG extends Component<InlineSVGProps> {
         title: string;
         description: string;
         inline: boolean;
-        children: null;
         width: string;
         height: string;
         color: string;
     };
+    titleId?: string;
+    descId?: string;
     ref: Element | null;
     handleRef: (el: Element | null) => void;
-    constructor();
+    constructor(props: InlineSVGProps);
     componentDidMount(): void;
     componentDidUpdate(): void;
-    static prepareSrc: (src: any) => any;
+    static prepareSrc: (src: string) => string;
     get role(): "img" | "presentation";
     renderTitle(): jsx.JSX.Element | null;
-    renderDesc(desc: any): jsx.JSX.Element | null;
+    renderDesc(desc: InlineSVGProps['description']): jsx.JSX.Element | null;
     get labelledBy(): string | undefined;
     renderContent(): jsx.JSX.Element;
     render(): jsx.JSX.Element;

package/types/InlineSVG/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InlineSVG/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAG7C;;;;GAIG;AACH,cAEM,SAAU,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/C,MAAM,CAAC,QAAQ,CAAC,WAAW,eAAc;IAEzC,MAAM,CAAC,YAAY,yDAAe;IAClC,MAAM,CAAC,SAAS,mHAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;MAUlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;;IAYD,iBAAiB;IAIjB,kBAAkB;IAKlB,MAAM,CAAC,UAAU,oBAKhB;IAED,IAAI,IAAI,2BAMP;IAED,WAAW;IAOX,UAAU,CAAC,IAAI,KAAA;IAKf,IAAI,UAAU,uBAcb;IAED,aAAa;IAcb,MAAM;CAyCP;AA8BD,eAAe,SAAS,CAAA;AACxB,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InlineSVG/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C;;;;;GAKG;AACH,cAEM,SAAU,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/C,MAAM,CAAC,QAAQ,CAAC,WAAW,eAAc;IAEzC,MAAM,CAAC,YAAY,yDAAe;IAClC,MAAM,CAAC,SAAS,mHAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;MASlB;IAED,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;gBAEW,KAAK,EAAE,cAAc;IAOjC,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM,CAAC,UAAU,QAAS,MAAM,YAK/B;IAED,IAAI,IAAI,2BAMP;IAED,WAAW;IAKX,UAAU,CAAC,IAAI,EAAE,cAAc,CAAC,aAAa,CAAC;IAI9C,IAAI,UAAU,uBAYb;IAED,aAAa;IAeb,MAAM;CAyCP;AA4BD,eAAe,SAAS,CAAA;AACxB,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/types/InlineSVG/props.d.ts

@@ -2,15 +2,24 @@ import React, { SVGAttributes } from 'react';
 import type { PropValidators, InlineSVGTheme, OtherHTMLAttributes } from '@instructure/shared-types';
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
 declare type InlineSVGOwnProps = {
+    children?: React.ReactNode;
     src?: string;
     title?: string;
     description?: string;
     focusable?: boolean;
+    /**
+     * To let the SVG expand to fill its container, use "`auto`"
+     */
     width?: string | number;
+    /**
+     * To let the SVG expand to fill its container, use "`auto`"
+     */
     height?: string | number;
     inline?: boolean;
     color?: 'inherit' | 'primary' | 'secondary' | 'primary-inverse' | 'secondary-inverse' | 'success' | 'error' | 'alert' | 'warning' | 'brand' | 'auto';
-    children?: React.ReactNode;
+    /**
+     * provides a reference to the underlying html root element
+     */
     elementRef?: (element: Element | null) => void;
 };
 declare type PropKeys = keyof InlineSVGOwnProps;

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

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/InlineSVG/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAG5C,OAAO,KAAK,EACV,cAAc,EACd,cAAc,EACd,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,iBAAiB,GAAG;IACvB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EACF,SAAS,GACT,SAAS,GACT,WAAW,GACX,iBAAiB,GACjB,mBAAmB,GACnB,SAAS,GACT,OAAO,GACP,OAAO,GACP,SAAS,GACT,OAAO,GACP,MAAM,CAAA;IACV,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,iBAAiB,CAAA;AAEvC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,cAAc,GAAG,iBAAiB,GACrC,cAAc,CAAC,cAAc,EAAE,cAAc,CAAC,GAC9C,mBAAmB,CAAC,iBAAiB,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAA;AAE1E,aAAK,cAAc,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;AAEjD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAgCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAWnB,CAAA;AAED,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,cAAc,EAAE,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/InlineSVG/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAG5C,OAAO,KAAK,EACV,cAAc,EACd,cAAc,EACd,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EACF,SAAS,GACT,SAAS,GACT,WAAW,GACX,iBAAiB,GACjB,mBAAmB,GACnB,SAAS,GACT,OAAO,GACP,OAAO,GACP,SAAS,GACT,OAAO,GACP,MAAM,CAAA;IACV;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,iBAAiB,CAAA;AAEvC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,cAAc,GAAG,iBAAiB,GACrC,cAAc,CAAC,cAAc,EAAE,cAAc,CAAC,GAC9C,mBAAmB,CAAC,iBAAiB,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAA;AAE1E,aAAK,cAAc,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;AAEjD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAuBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAWnB,CAAA;AAED,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,cAAc,EAAE,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/SVGIcon/index.d.ts

@@ -6,6 +6,7 @@ import type { SVGIconProps } from './props';
 ---
 category: components/utilities
 ---
+@tsProps
 **/
 declare class SVGIcon extends Component<SVGIconProps> {
     static readonly componentId = "SVGIcon";

package/types/SVGIcon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/SVGIcon/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAMhD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C;;;;GAIG;AACH,cAEM,OAAQ,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,WAAW,aAAY;IAEvC,MAAM,CAAC,YAAY,0GAAe;IAClC,MAAM,CAAC,SAAS,oKAAY;IAE5B,MAAM,CAAC,YAAY;;;MAGlB;IAED,GAAG,EAAE,aAAa,GAAG,IAAI,CAAO;IAEhC,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM;CAyBP;AAED,eAAe,OAAO,CAAA;AACtB,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/SVGIcon/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAGhD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAQrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C;;;;;GAKG;AACH,cAEM,OAAQ,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,WAAW,aAAY;IAEvC,MAAM,CAAC,YAAY,0GAAe;IAClC,MAAM,CAAC,SAAS,oKAAY;IAE5B,MAAM,CAAC,YAAY;;;MAGlB;IAED,GAAG,EAAE,aAAa,GAAG,IAAI,CAAO;IAEhC,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM;CA2BP;AAED,eAAe,OAAO,CAAA;AACtB,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/types/SVGIcon/props.d.ts

@@ -1,7 +1,7 @@
+import type { SVGAttributes } from 'react';
 import type { InlineSVGTheme, OtherHTMLAttributes, PropValidators, SVGIconTheme } from '@instructure/shared-types';
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
 import type { InlineSVGOwnProps } from '../InlineSVG/props';
-import { SVGAttributes } from 'react';
 declare type SVGIconOwnProps = InlineSVGOwnProps & {
     rotate?: '0' | '90' | '180' | '270';
     size?: 'x-small' | 'small' | 'medium' | 'large' | 'x-large';

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

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/SVGIcon/props.ts"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EACV,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,YAAY,EACb,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,aAAK,eAAe,GAAG,iBAAiB,GAAG;IACzC,MAAM,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,CAAA;IACnC,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,eAAe,CAAA;AAErC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,YAAY,GAAG,eAAe,GACjC,cAAc,CAAC,YAAY,GAAG,cAAc,EAAE,YAAY,CAAC,GAC3D,mBAAmB,CAAC,eAAe,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC,CAAA;AAEtE,aAAK,YAAY,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA;AAE7C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAMvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAcnB,CAAA;AAED,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/SVGIcon/props.ts"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EACV,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,YAAY,EACb,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAE3D,aAAK,eAAe,GAAG,iBAAiB,GAAG;IACzC,MAAM,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,CAAA;IACnC,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,eAAe,CAAA;AAErC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,YAAY,GAAG,eAAe,GACjC,cAAc,CAAC,YAAY,GAAG,cAAc,EAAE,YAAY,CAAC,GAC3D,mBAAmB,CAAC,eAAe,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC,CAAA;AAEtE,aAAK,YAAY,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA;AAE7C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAMvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAcnB,CAAA;AAED,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,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.