@instructure/ui-grid 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-grid

package/es/Grid/v1/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, Children } from 'react';
 import { safeCloneElement, matchComponentTypes, omitProps, pickProps } from '@instructure/ui-react-utils';
 import { GridRow } from '../../GridRow/v1/index.js';
@@ -31,69 +8,74 @@ 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";
-/**
----
-category: components
----
-**/
-let Grid = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = class Grid extends Component {
-  static displayName = 'Grid';
-  static componentId = 'Grid';
-  static allowedProps = allowedProps;
-  static defaultProps = {
-    colSpacing: 'medium',
-    rowSpacing: 'medium',
-    hAlign: 'start',
-    startAt: 'small',
-    vAlign: 'top',
-    visualDebug: false,
-    children: null
-  };
-  static Row = GridRow;
-  static Col = GridCol;
-  ref = null;
-  handleRef = el => {
-    this.ref = el;
-  };
-  componentDidMount() {
-    this.props.makeStyles?.();
-  }
-  componentDidUpdate() {
-    this.props.makeStyles?.();
-  }
-  renderChildren() {
-    const {
-      styles,
-      makeStyles,
-      ...props
-    } = this.props;
-    const children = Children.toArray(this.props.children);
-    return children.map((child, index) => {
-      if (matchComponentTypes(child, [GridRow])) {
-        return safeCloneElement(child, {
-          ...pickProps(props, Grid.allowedProps),
-          ...child.props /* child props should override parent */,
-          isLastRow: index + 1 === children.length
+class Grid extends Component {
+    static{
+        this.displayName = 'Grid';
+    }
+    static{
+        this.componentId = 'Grid';
+    }
+    static{
+        this.allowedProps = allowedProps;
+    }
+    static{
+        this.defaultProps = {
+            colSpacing: 'medium',
+            rowSpacing: 'medium',
+            hAlign: 'start',
+            startAt: 'small',
+            vAlign: 'top',
+            visualDebug: false,
+            children: null
+        };
+    }
+    static{
+        this.Row = GridRow;
+    }
+    static{
+        this.Col = GridCol;
+    }
+    componentDidMount() {
+        this.props.makeStyles?.();
+    }
+    componentDidUpdate() {
+        this.props.makeStyles?.();
+    }
+    renderChildren() {
+        const { styles, makeStyles, ...props } = this.props;
+        const children = Children.toArray(this.props.children);
+        return children.map((child, index)=>{
+            if (matchComponentTypes(child, [
+                GridRow
+            ])) {
+                return safeCloneElement(child, {
+                    ...pickProps(props, Grid.allowedProps),
+                    ...child.props,
+                    isLastRow: index + 1 === children.length
+                });
+            } else {
+                return child;
+            }
+        });
+    }
+    render() {
+        const { styles, ...restProps } = this.props;
+        const props = omitProps(restProps, Grid.allowedProps);
+        return /*#__PURE__*/ _jsx("span", {
+            ...props,
+            css: styles?.grid,
+            ref: this.handleRef,
+            children: this.renderChildren()
         });
-      } else {
-        return child; // PropType validation should handle errors
-      }
-    });
-  }
-  render() {
-    const {
-      styles,
-      ...restProps
-    } = this.props;
-    const props = omitProps(restProps, Grid.allowedProps);
-    return _jsx("span", {
-      ...props,
-      css: styles?.grid,
-      ref: this.handleRef,
-      children: this.renderChildren()
-    });
-  }
-}) || _class);
+    }
+    constructor(...args){
+        super(...args), this.ref = null, this.handleRef = (el)=>{
+            this.ref = el;
+        };
+    }
+}
+Grid = _ts_decorate([
+    withStyle(generateStyle, generateComponentTheme)
+], Grid);
 export default Grid;
-export { Grid, GridRow, GridCol };
+export { Grid, GridRow, GridCol };

package/es/Grid/v1/props.js

@@ -1,26 +1,10 @@
-/*
- * 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', 'colSpacing', 'rowSpacing', 'hAlign', 'vAlign', 'startAt', 'visualDebug'];
-export { allowedProps };
+const allowedProps = [
+    'children',
+    'colSpacing',
+    'rowSpacing',
+    'hAlign',
+    'vAlign',
+    'startAt',
+    'visualDebug'
+];
+export { allowedProps };

package/es/Grid/v1/styles.js

@@ -1,63 +1,26 @@
-/*
- * 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 {
-    startAt,
-    visualDebug
-  } = props;
-  const getStartAtVariants = breakpoint => !!startAt && startAt === breakpoint ? {
-    boxSizing: 'border-box'
-  } : {};
-  return {
-    grid: {
-      label: 'grid',
-      display: 'block',
-      ...getStartAtVariants('small'),
-      [`@media screen and (${componentTheme.mediumMin})`]: {
-        ...getStartAtVariants('medium')
-      },
-      [`@media screen and (${componentTheme.largeMin})`]: {
-        ...getStartAtVariants('large')
-      },
-      [`@media screen and (${componentTheme.xLargeMin})`]: {
-        ...getStartAtVariants('x-large')
-      },
-      ...(visualDebug && {
-        outline: '0.0625rem dashed red'
-      })
-    }
-  };
+const generateStyle = (componentTheme, props)=>{
+    const { startAt, visualDebug } = props;
+    const getStartAtVariants = (breakpoint)=>!!startAt && startAt === breakpoint ? {
+            boxSizing: 'border-box'
+        } : {};
+    return {
+        grid: {
+            label: 'grid',
+            display: 'block',
+            ...getStartAtVariants('small'),
+            [`@media screen and (${componentTheme.mediumMin})`]: {
+                ...getStartAtVariants('medium')
+            },
+            [`@media screen and (${componentTheme.largeMin})`]: {
+                ...getStartAtVariants('large')
+            },
+            [`@media screen and (${componentTheme.xLargeMin})`]: {
+                ...getStartAtVariants('x-large')
+            },
+            ...visualDebug && {
+                outline: '0.0625rem dashed red'
+            }
+        }
+    };
 };
-export default generateStyle;
+export default generateStyle;

package/es/Grid/v1/theme.js

@@ -1,45 +1,13 @@
-/*
- * 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 {
-    spacing,
-    media
-  } = theme;
-  const componentVariables = {
-    spacingSmall: spacing?.small,
-    spacingMedium: spacing?.medium,
-    spacingLarge: spacing?.large,
-    ...media
-  };
-  return {
-    ...componentVariables
-  };
+const generateComponentTheme = (theme)=>{
+    const { spacing, media } = theme;
+    const componentVariables = {
+        spacingSmall: spacing?.small,
+        spacingMedium: spacing?.medium,
+        spacingLarge: spacing?.large,
+        ...media
+    };
+    return {
+        ...componentVariables
+    };
 };
-export default generateComponentTheme;
+export default generateComponentTheme;

package/es/Grid/v2/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, Children } from 'react';
 import { safeCloneElement, matchComponentTypes, omitProps, pickProps } from '@instructure/ui-react-utils';
 import { GridRow } from '../../GridRow/v2/index.js';
@@ -30,69 +7,74 @@ import { GridCol } from '../../GridCol/v2/index.js';
 import { withStyleNew } from '@instructure/emotion';
 import generateStyle from './styles.js';
 import { allowedProps } from './props.js';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-/**
----
-category: components
----
-**/
-let Grid = (_dec = withStyleNew(generateStyle), _dec(_class = class Grid extends Component {
-  static displayName = 'Grid';
-  static componentId = 'Grid';
-  static allowedProps = allowedProps;
-  static defaultProps = {
-    colSpacing: 'medium',
-    rowSpacing: 'medium',
-    hAlign: 'start',
-    startAt: 'small',
-    vAlign: 'top',
-    visualDebug: false,
-    children: null
-  };
-  static Row = GridRow;
-  static Col = GridCol;
-  ref = null;
-  handleRef = el => {
-    this.ref = el;
-  };
-  componentDidMount() {
-    this.props.makeStyles?.();
-  }
-  componentDidUpdate() {
-    this.props.makeStyles?.();
-  }
-  renderChildren() {
-    const {
-      styles,
-      makeStyles,
-      ...props
-    } = this.props;
-    const children = Children.toArray(this.props.children);
-    return children.map((child, index) => {
-      if (matchComponentTypes(child, [GridRow])) {
-        return safeCloneElement(child, {
-          ...pickProps(props, Grid.allowedProps),
-          ...child.props /* child props should override parent */,
-          isLastRow: index + 1 === children.length
+class Grid extends Component {
+    static{
+        this.displayName = 'Grid';
+    }
+    static{
+        this.componentId = 'Grid';
+    }
+    static{
+        this.allowedProps = allowedProps;
+    }
+    static{
+        this.defaultProps = {
+            colSpacing: 'medium',
+            rowSpacing: 'medium',
+            hAlign: 'start',
+            startAt: 'small',
+            vAlign: 'top',
+            visualDebug: false,
+            children: null
+        };
+    }
+    static{
+        this.Row = GridRow;
+    }
+    static{
+        this.Col = GridCol;
+    }
+    componentDidMount() {
+        this.props.makeStyles?.();
+    }
+    componentDidUpdate() {
+        this.props.makeStyles?.();
+    }
+    renderChildren() {
+        const { styles, makeStyles, ...props } = this.props;
+        const children = Children.toArray(this.props.children);
+        return children.map((child, index)=>{
+            if (matchComponentTypes(child, [
+                GridRow
+            ])) {
+                return safeCloneElement(child, {
+                    ...pickProps(props, Grid.allowedProps),
+                    ...child.props,
+                    isLastRow: index + 1 === children.length
+                });
+            } else {
+                return child;
+            }
+        });
+    }
+    render() {
+        const { styles, ...restProps } = this.props;
+        const props = omitProps(restProps, Grid.allowedProps);
+        return /*#__PURE__*/ _jsx("span", {
+            ...props,
+            css: styles?.grid,
+            ref: this.handleRef,
+            children: this.renderChildren()
         });
-      } else {
-        return child; // PropType validation should handle errors
-      }
-    });
-  }
-  render() {
-    const {
-      styles,
-      ...restProps
-    } = this.props;
-    const props = omitProps(restProps, Grid.allowedProps);
-    return _jsx("span", {
-      ...props,
-      css: styles?.grid,
-      ref: this.handleRef,
-      children: this.renderChildren()
-    });
-  }
-}) || _class);
+    }
+    constructor(...args){
+        super(...args), this.ref = null, this.handleRef = (el)=>{
+            this.ref = el;
+        };
+    }
+}
+Grid = _ts_decorate([
+    withStyleNew(generateStyle)
+], Grid);
 export default Grid;
-export { Grid, GridRow, GridCol };
+export { Grid, GridRow, GridCol };

package/es/Grid/v2/props.js

@@ -1,26 +1,10 @@
-/*
- * 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', 'colSpacing', 'rowSpacing', 'hAlign', 'vAlign', 'startAt', 'visualDebug'];
-export { allowedProps };
+const allowedProps = [
+    'children',
+    'colSpacing',
+    'rowSpacing',
+    'hAlign',
+    'vAlign',
+    'startAt',
+    'visualDebug'
+];
+export { allowedProps };