@instructure/ui-modal 11.7.8 → 11.7.9-pr-snapshot-1792147648392

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [11.7.9-pr-snapshot-1792147648392](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-pr-snapshot-1792147648392) (2026-10-16)
+
+### Build System
+
+* **many:** replace babel with swc ([7e36c54](https://github.com/instructure/instructure-ui/commit/7e36c54d240b4fa483801c03ab18e7f860f561e2))
+
+### BREAKING CHANGES
+
+* **many:** `@instructure/ui-babel-preset` and
+  `@instructure/browserslist-config-instui` are removed and will no longer be
+  published. Packages depend on `@swc/helpers` instead of `@babel/runtime`.
+
+
 ## [11.7.8](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8) (2026-10-02)
 
 **Note:** Version bump only for package @instructure/ui-modal

package/es/Modal/v1/ModalBody/index.js

@@ -1,28 +1,5 @@
-var _dec, _class;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present 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.
- */
-
+import { _ as _ts_decorate } from "@swc/helpers/_/_ts_decorate";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { Component } from 'react';
 import { View } from '@instructure/ui-view/v11_6';
 import { omitProps } from '@instructure/ui-react-utils';
@@ -32,147 +9,123 @@ import generateStyle from './styles.js';
 import generateComponentTheme from './theme.js';
 import { allowedProps } from './props.js';
 import ModalContext from '../ModalContext.js';
-
-/**
----
-parent: Modal
-id: Modal.Body
----
-**/
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-let ModalBody = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class ModalBody extends Component {
-  static displayName = 'ModalBody';
-  static componentId = 'Modal.Body';
-  static allowedProps = allowedProps;
-  static defaultProps = {
-    padding: 'medium',
-    as: 'div',
-    variant: 'default'
-  };
-  state = {
-    isFirefox: false,
-    needsTabIndex: false
-  };
-  // mirrors state.needsTabIndex, but readable synchronously in the observer
-  // callbacks below, where a pending setState would make this.state stale
-  lastNeedsTabIndex = false;
-  ref = null;
-  resizeObserver;
-  mutationObserver;
-  handleRef = el => {
-    const {
-      elementRef
-    } = this.props;
-    this.ref = el;
-    if (typeof elementRef === 'function') {
-      elementRef(el);
+class ModalBody extends Component {
+    static{
+        this.displayName = 'ModalBody';
+    }
+    static{
+        this.componentId = 'Modal.Body';
+    }
+    static{
+        this.allowedProps = allowedProps;
+    }
+    static{
+        this.defaultProps = {
+            padding: 'medium',
+            as: 'div',
+            variant: 'default'
+        };
+    }
+    constructor(props){
+        super(props), this.state = {
+            isFirefox: false,
+            needsTabIndex: false
+        }, this.lastNeedsTabIndex = false, this.ref = null, this.handleRef = (el)=>{
+            const { elementRef } = this.props;
+            this.ref = el;
+            if (typeof elementRef === 'function') {
+                elementRef(el);
+            }
+        }, this.syncTabIndex = ()=>{
+            const finalRef = this.getFinalRef(this.ref);
+            const hasScrollbar = !!finalRef && Math.abs((finalRef.scrollHeight ?? 0) - (finalRef.getBoundingClientRect()?.height ?? 0)) > 1;
+            const needsTabIndex = hasScrollbar && findTabbable(finalRef).length === 0;
+            if (needsTabIndex === this.lastNeedsTabIndex) return;
+            this.lastNeedsTabIndex = needsTabIndex;
+            this.setState({
+                needsTabIndex
+            });
+        };
     }
-  };
-  constructor(props) {
-    super(props);
-  }
-  componentDidMount() {
-    this.props.makeStyles?.();
-
-    // We detect if -moz- prefixed style is present to identify whether we are in Firefox browser
-    const style = this.ref && getCSSStyleDeclaration(this.ref);
-    const isFirefox = !!(style && Array.prototype.slice.call(style).join('').match(/(?:-moz-)/));
-    if (isFirefox) {
-      this.setState({
-        isFirefox
-      });
+    componentDidMount() {
+        this.props.makeStyles?.();
+        const style = this.ref && getCSSStyleDeclaration(this.ref);
+        const isFirefox = !!(style && Array.prototype.slice.call(style).join('').match(/(?:-moz-)/));
+        if (isFirefox) {
+            this.setState({
+                isFirefox
+            });
+        }
+        const finalRef = this.getFinalRef(this.ref);
+        if (finalRef && typeof ResizeObserver !== 'undefined') {
+            this.syncTabIndex();
+            this.resizeObserver = new ResizeObserver(this.syncTabIndex);
+            this.resizeObserver.observe(finalRef);
+            this.mutationObserver = new MutationObserver(this.syncTabIndex);
+            this.mutationObserver.observe(finalRef, {
+                childList: true,
+                subtree: true,
+                attributes: true,
+                attributeFilter: [
+                    'disabled',
+                    'tabindex',
+                    'hidden',
+                    'href',
+                    'contenteditable',
+                    'type',
+                    'class',
+                    'style'
+                ]
+            });
+        }
     }
-    const finalRef = this.getFinalRef(this.ref);
-    if (finalRef && typeof ResizeObserver !== 'undefined') {
-      this.syncTabIndex();
-      this.resizeObserver = new ResizeObserver(this.syncTabIndex);
-      this.resizeObserver.observe(finalRef);
-      this.mutationObserver = new MutationObserver(this.syncTabIndex);
-      this.mutationObserver.observe(finalRef, {
-        childList: true,
-        subtree: true,
-        attributes: true,
-        attributeFilter: ['disabled', 'tabindex', 'hidden', 'href', 'contenteditable', 'type', 'class', 'style']
-      });
+    componentDidUpdate() {
+        this.props.makeStyles?.();
+        this.syncTabIndex();
     }
-  }
-  componentDidUpdate() {
-    this.props.makeStyles?.();
-    // The observers miss some changes, e.g. a text-only edit that makes the
-    // body overflow without resizing it. syncTabIndex returns early if
-    // nothing changed.
-    this.syncTabIndex();
-  }
-  componentWillUnmount() {
-    this.resizeObserver?.disconnect();
-    this.mutationObserver?.disconnect();
-  }
-
-  // The body is a tab stop only while it can be scrolled but holds nothing
-  // focusable.
-  syncTabIndex = () => {
-    const finalRef = this.getFinalRef(this.ref);
-    const hasScrollbar = !!finalRef && Math.abs((finalRef.scrollHeight ?? 0) - (finalRef.getBoundingClientRect()?.height ?? 0)) > 1;
-    const needsTabIndex = hasScrollbar && findTabbable(finalRef).length === 0;
-    if (needsTabIndex === this.lastNeedsTabIndex) return;
-    this.lastNeedsTabIndex = needsTabIndex;
-    this.setState({
-      needsTabIndex
-    });
-  };
-
-  // this recursive function is needed because `ref` can be a React component.
-  // TODO rethink, the 'as' prop, likely its not a good idea to allow React
-  // components. See INSTUI-4674
-  getFinalRef(el) {
-    if (!el) {
-      return undefined;
+    componentWillUnmount() {
+        this.resizeObserver?.disconnect();
+        this.mutationObserver?.disconnect();
     }
-    if (el instanceof Element) {
-      return el;
+    getFinalRef(el) {
+        if (!el) {
+            return undefined;
+        }
+        if (el instanceof Element) {
+            return el;
+        }
+        if (el.ref) {
+            return this.getFinalRef(el.ref);
+        }
+        return undefined;
     }
-    if (el.ref) {
-      return this.getFinalRef(el.ref);
+    render() {
+        const { as, elementRef, overflow, variant, padding, children, ...rest } = this.props;
+        const passthroughProps = View.omitViewProps(omitProps(rest, ModalBody.allowedProps), ModalBody);
+        const isFit = overflow === 'fit';
+        const { needsTabIndex } = this.state;
+        return /*#__PURE__*/ _jsx(ModalContext.Consumer, {
+            children: (value)=>/*#__PURE__*/ _jsx(View, {
+                    ...passthroughProps,
+                    display: "block",
+                    "data-cid": "ModalBody",
+                    width: isFit ? '100%' : undefined,
+                    height: isFit ? '100%' : undefined,
+                    elementRef: this.handleRef,
+                    as: as,
+                    css: this.props.styles?.modalBody,
+                    padding: padding,
+                    ...needsTabIndex ? {
+                        tabIndex: 0,
+                        'aria-label': value.bodyScrollAriaLabel
+                    } : {},
+                    children: children
+                })
+        });
     }
-    return undefined;
-  }
-  render() {
-    const {
-      as,
-      elementRef,
-      overflow,
-      variant,
-      padding,
-      children,
-      ...rest
-    } = this.props;
-    const passthroughProps = View.omitViewProps(omitProps(rest, ModalBody.allowedProps), ModalBody);
-    const isFit = overflow === 'fit';
-    const {
-      needsTabIndex
-    } = this.state;
-    return _jsx(ModalContext.Consumer, {
-      children: value => _jsx(View, {
-        ...passthroughProps,
-        display: "block",
-        "data-cid": "ModalBody",
-        width: isFit ? '100%' : undefined,
-        height: isFit ? '100%' : undefined,
-        elementRef: this.handleRef,
-        as: as,
-        css: this.props.styles?.modalBody,
-        padding: padding
-        // check if there is a scrollbar and no focusable children, if so, the
-        // element has to be tabbable
-        ,
-        ...(needsTabIndex ? {
-          tabIndex: 0,
-          'aria-label': value.bodyScrollAriaLabel
-        } : {}),
-        children: children
-      })
-    });
-  }
-}) || _class);
+}
+ModalBody = _ts_decorate([
+    withStyle(generateStyle, generateComponentTheme)
+], ModalBody);
 export default ModalBody;
-export { ModalBody };
+export { ModalBody };

package/es/Modal/v1/ModalBody/props.js

@@ -1,26 +1,9 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present 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.
- */
-
-const allowedProps = ['children', 'padding', 'elementRef', 'as', 'variant', 'overflow'];
-export { allowedProps };
+const allowedProps = [
+    'children',
+    'padding',
+    'elementRef',
+    'as',
+    'variant',
+    'overflow'
+];
+export { allowedProps };

package/es/Modal/v1/ModalBody/styles.js

@@ -1,58 +1,21 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present 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.
- */
-
-/**
- * ---
- * private: true
- * ---
- * Generates the style object from the theme and provided additional information
- * @param  {Object} componentTheme The theme variable object.
- * @param  {Object} props the props of the component, the style is applied to
- * @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, props) => {
-  const {
-    variant
-  } = props;
-  const backgroundStyle = variant === 'inverse' ? {
-    background: componentTheme.inverseBackground
-  } : {};
-  return {
-    modalBody: {
-      label: 'modalBody',
-      boxSizing: 'border-box',
-      flex: '1 1 auto',
-      '&:focus': {
-        outline: 'none'
-      },
-      // ModalBody is set to scrollable above 20rem height
-      '@media (min-height: 20rem)': {
-        overflowY: 'auto'
-      },
-      ...backgroundStyle
-    }
-  };
+const generateStyle = (componentTheme, props)=>{
+    const { variant } = props;
+    const backgroundStyle = variant === 'inverse' ? {
+        background: componentTheme.inverseBackground
+    } : {};
+    return {
+        modalBody: {
+            label: 'modalBody',
+            boxSizing: 'border-box',
+            flex: '1 1 auto',
+            '&:focus': {
+                outline: 'none'
+            },
+            '@media (min-height: 20rem)': {
+                overflowY: 'auto'
+            },
+            ...backgroundStyle
+        }
+    };
 };
-export default generateStyle;
+export default generateStyle;

package/es/Modal/v1/ModalBody/theme.js

@@ -1,38 +1,7 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present 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.
- */
-
-/**
- * Generates the theme object for the component from the theme and provided additional information
- * @param  {Object} theme The actual theme object.
- * @return {Object} The final theme object with the overrides and component variables
- */
-const generateComponentTheme = theme => {
-  const {
-    colors
-  } = theme;
-  return {
-    inverseBackground: colors?.contrasts?.grey100100
-  };
+const generateComponentTheme = (theme)=>{
+    const { colors } = theme;
+    return {
+        inverseBackground: colors?.contrasts?.grey100100
+    };
 };
-export default generateComponentTheme;
+export default generateComponentTheme;

package/es/Modal/v1/ModalContext.js

@@ -1,34 +1,6 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present 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.
- */
-
 import { createContext } from 'react';
-/**
- * React context created by the `Modal` component
- * @private
- */
-const ModalContext = /*#__PURE__*/createContext({
-  bodyScrollAriaLabel: undefined
+const ModalContext = createContext({
+    bodyScrollAriaLabel: undefined
 });
 export default ModalContext;
-export { ModalContext };
+export { ModalContext };

package/es/Modal/v1/ModalFooter/index.js

@@ -1,71 +1,50 @@
-var _dec, _class;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present 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.
- */
-
+import { _ as _ts_decorate } from "@swc/helpers/_/_ts_decorate";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { Component } from 'react';
 import { passthroughProps } from '@instructure/ui-react-utils';
 import { withStyle } from '@instructure/emotion';
 import generateStyle from './styles.js';
 import generateComponentTheme from './theme.js';
 import { allowedProps } from './props.js';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-/**
----
-parent: Modal
-id: Modal.Footer
----
-**/
-let ModalFooter = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class ModalFooter extends Component {
-  static displayName = 'ModalFooter';
-  static componentId = 'Modal.Footer';
-  static allowedProps = allowedProps;
-  static defaultProps = {
-    variant: 'default'
-  };
-  ref = null;
-  handleRef = el => {
-    this.ref = el;
-  };
-  componentDidMount() {
-    this.props.makeStyles?.();
-  }
-  componentDidUpdate() {
-    this.props.makeStyles?.();
-  }
-  render() {
-    const {
-      children,
-      ...rest
-    } = this.props;
-    return _jsx("div", {
-      css: this.props.styles?.modalFooter,
-      ...passthroughProps(rest),
-      ref: this.handleRef,
-      "data-cid": "ModalFooter",
-      children: children
-    });
-  }
-}) || _class);
+class ModalFooter extends Component {
+    static{
+        this.displayName = 'ModalFooter';
+    }
+    static{
+        this.componentId = 'Modal.Footer';
+    }
+    static{
+        this.allowedProps = allowedProps;
+    }
+    static{
+        this.defaultProps = {
+            variant: 'default'
+        };
+    }
+    componentDidMount() {
+        this.props.makeStyles?.();
+    }
+    componentDidUpdate() {
+        this.props.makeStyles?.();
+    }
+    render() {
+        const { children, ...rest } = this.props;
+        return /*#__PURE__*/ _jsx("div", {
+            css: this.props.styles?.modalFooter,
+            ...passthroughProps(rest),
+            ref: this.handleRef,
+            "data-cid": "ModalFooter",
+            children: children
+        });
+    }
+    constructor(...args){
+        super(...args), this.ref = null, this.handleRef = (el)=>{
+            this.ref = el;
+        };
+    }
+}
+ModalFooter = _ts_decorate([
+    withStyle(generateStyle, generateComponentTheme)
+], ModalFooter);
 export default ModalFooter;
-export { ModalFooter };
+export { ModalFooter };

package/es/Modal/v1/ModalFooter/props.js

@@ -1,26 +1,5 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present 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.
- */
-
-const allowedProps = ['children', 'variant'];
-export { allowedProps };
+const allowedProps = [
+    'children',
+    'variant'
+];
+export { allowedProps };