@instructure/emotion 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/emotion

package/es/EmotionTypes.js

@@ -1 +1 @@
-export {};
+export { };

package/es/InstUISettingsProvider/index.js

@@ -1,73 +1,31 @@
-/*
- * 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 { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { useContext } from 'react';
 import { ThemeProvider } from '@emotion/react';
 import { TextDirectionContext } from '@instructure/ui-i18n';
 import { DeterministicIdContextProvider } from '@instructure/ui-react-utils';
 import { getTheme } from '../getTheme.js';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-/**
- * ---
- * category: components
- * ---
- * @module InstUISettingsProvider
- */
-function InstUISettingsProvider({
-  children,
-  theme = {},
-  dir,
-  instanceCounterMap,
-  themeOverride
-}) {
-  const finalDir = dir || useContext(TextDirectionContext);
-  if (typeof process !== 'undefined' && (process?.env?.NODE_ENV !== 'production' || process?.env?.GITHUB_PULL_REQUEST_PREVIEW === 'true') && finalDir === 'auto') {}
-
-  /**
-   * new pattern: if you want to replace a theme inside an InstUISettingsProvider, provide it via the theme prop. It'll
-   * override everything, replacing the otherwise used theme.
-   * if you want to apply an override, use the themeOverride prop.
-   * For backward compatibility reasons, the old way of passing a partial theme to the theme prop is still supported, however only for
-   * legacy (pre v11_7) components. Overriding the newTheme this way could break the system.
-   */
-  let providers = _jsx(DeterministicIdContextProvider, {
-    instanceCounterMap: instanceCounterMap,
-    children: _jsx(ThemeProvider, {
-      theme: getTheme(theme, themeOverride),
-      children: _jsx(TextDirectionContext.Provider, {
-        value: finalDir,
-        children: children
-      })
-    })
-  });
-  if (dir) {
-    providers = _jsx("span", {
-      dir: finalDir,
-      children: providers
+function InstUISettingsProvider({ children, theme = {}, dir, instanceCounterMap, themeOverride }) {
+    const finalDir = dir || useContext(TextDirectionContext);
+    if (typeof process !== 'undefined' && (process?.env?.NODE_ENV !== 'production' || process?.env?.GITHUB_PULL_REQUEST_PREVIEW === 'true') && finalDir === 'auto') {
+        void 0;
+    }
+    let providers = /*#__PURE__*/ _jsx(DeterministicIdContextProvider, {
+        instanceCounterMap: instanceCounterMap,
+        children: /*#__PURE__*/ _jsx(ThemeProvider, {
+            theme: getTheme(theme, themeOverride),
+            children: /*#__PURE__*/ _jsx(TextDirectionContext.Provider, {
+                value: finalDir,
+                children: children
+            })
+        })
     });
-  }
-  return providers;
+    if (dir) {
+        providers = /*#__PURE__*/ _jsx("span", {
+            dir: finalDir,
+            children: providers
+        });
+    }
+    return providers;
 }
 export default InstUISettingsProvider;
-export { InstUISettingsProvider };
+export { InstUISettingsProvider };

package/es/getComponentThemeOverride.js

@@ -1,68 +1,23 @@
-/*
- * 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
- * ---
- * This is a utility function which calculates the correct component theme
- * based on every possible override there is.
-
- * @param theme - Theme object
- * @param displayName - Name of the component
- * @param componentId - componentId of the component
- * @param themeOverride - The theme override object
- * @param componentTheme - The component's default theme
- * @returns The calculated theme override object
- */
-const getComponentThemeOverride = (theme, displayName, componentId, themeOverride, componentTheme) => {
-  const name = displayName;
-  const id = componentId;
-  const {
-    componentOverrides
-  } = theme;
-  let overridesFromTheme = {};
-  let overrideFromComponent = {};
-  if (componentOverrides) {
-    overridesFromTheme = name && componentOverrides[name] || id && componentOverrides[id] || {};
-  }
-  if (themeOverride) {
-    if (typeof themeOverride === 'function') {
-      overrideFromComponent = themeOverride(
-      //TODO type properly when the old theme is gone
-      componentTheme || {},
-      // the `theme` technically could be a partial theme / override object too,
-      // but we want to display all possible options
-      theme);
-    } else {
-      overrideFromComponent = themeOverride;
+const getComponentThemeOverride = (theme, displayName, componentId, themeOverride, componentTheme)=>{
+    const name = displayName;
+    const id = componentId;
+    const { componentOverrides } = theme;
+    let overridesFromTheme = {};
+    let overrideFromComponent = {};
+    if (componentOverrides) {
+        overridesFromTheme = name && componentOverrides[name] || id && componentOverrides[id] || {};
     }
-  }
-  return {
-    ...overridesFromTheme,
-    ...overrideFromComponent
-  };
+    if (themeOverride) {
+        if (typeof themeOverride === 'function') {
+            overrideFromComponent = themeOverride(componentTheme || {}, theme);
+        } else {
+            overrideFromComponent = themeOverride;
+        }
+    }
+    return {
+        ...overridesFromTheme,
+        ...overrideFromComponent
+    };
 };
 export default getComponentThemeOverride;
-export { getComponentThemeOverride };
+export { getComponentThemeOverride };

package/es/getTheme.js

@@ -1,84 +1,36 @@
-/*
- * 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 canvas from '@instructure/ui-themes';
 import { isBaseTheme, mergeDeep } from '@instructure/ui-utils';
-/**
- * ---
- * private: true
- * ---
- * Gives back the theme object for the provider.
- *
- * If a valid InstUI theme is given, it just returns the theme.
- *
- * If an override object is given, it returns the ancestor theme and
- * the overrides merged together.
- *
- * @param themeOrLegacyOverride - A full theme or an override object
- * @param themeOverride - if provided, it means it's a new theming-system override.
- * This will be merged into theme.themeOverride and will be treated separately
- * from the old way of applying overrides. This override will be applied in the
- * `withStyleNew.ts` decorator
- * @returns A function that returns with the theme object for the [ThemeProvider](https://emotion.sh/docs/theming#themeprovider-reactcomponenttype)
- *    This function is called by Emotion on theme provider creation, where
- *    `ancestorTheme` is a theme object from an ancestor `ThemeProvider`
- */
-const getTheme = (themeOrLegacyOverride, themeOverride) => (ancestorTheme = {}) => {
-  // we need to clone the ancestor theme not to override it
-  const hasAncestorTheme = Object.keys(ancestorTheme).length > 0;
-  const currentTheme = hasAncestorTheme ? ancestorTheme : canvas;
-  const resolvedThemeOverride = typeof themeOverride === 'function' ? themeOverride(currentTheme) : themeOverride;
-  let resolvedLegacyThemeOrOverride = typeof themeOrLegacyOverride === 'function' ? themeOrLegacyOverride(currentTheme) : themeOrLegacyOverride;
-  try {
-    // If a valid InstUI theme is given, it just returns the theme.
-    // in case of the legacy pattern, it's just a simple replacement, in the new system, overrides should be merged into the new theme. Old overrides will be removed because they may make no sense for a different theme
-    if (isBaseTheme(resolvedLegacyThemeOrOverride)) {
-      return {
-        ...resolvedLegacyThemeOrOverride,
-        ...(resolvedThemeOverride ? {
-          themeOverride: resolvedThemeOverride
-        } : {})
-      };
-    }
-  } catch {
-    // If the prop passed is not an Object, it will throw an error.
-    // We are using this fail-safe here for the non-TS users,
-    // because the whole page can break without a theme.
-    if (typeof process !== 'undefined' && (process?.env?.NODE_ENV !== 'production' || process?.env?.GITHUB_PULL_REQUEST_PREVIEW === 'true')) {}
-    resolvedLegacyThemeOrOverride = {};
-  }
-
-  // We only get here if no full theme was given, so the overrides are merged
-  // into the implicit `canvas` fallback instead of a theme the consumer chose.
-  if (!hasAncestorTheme && typeof process !== 'undefined' && (process?.env?.NODE_ENV !== 'production' || process?.env?.GITHUB_PULL_REQUEST_PREVIEW === 'true')) {}
-  const themeName = currentTheme.key;
-
-  // legacy: we pick the overrides for the current theme from the override object
-  const specificOverrides = resolvedLegacyThemeOrOverride?.themeOverrides;
-  const currentThemeOverrides = specificOverrides?.[themeName] || specificOverrides || {};
-  return mergeDeep(currentTheme, resolvedLegacyThemeOrOverride, currentThemeOverrides, ...(resolvedThemeOverride ? [{
-    themeOverride: resolvedThemeOverride
-  }] : []));
-};
+const getTheme = (themeOrLegacyOverride, themeOverride)=>(ancestorTheme = {})=>{
+        const hasAncestorTheme = Object.keys(ancestorTheme).length > 0;
+        const currentTheme = hasAncestorTheme ? ancestorTheme : canvas;
+        const resolvedThemeOverride = typeof themeOverride === 'function' ? themeOverride(currentTheme) : themeOverride;
+        let resolvedLegacyThemeOrOverride = typeof themeOrLegacyOverride === 'function' ? themeOrLegacyOverride(currentTheme) : themeOrLegacyOverride;
+        try {
+            if (isBaseTheme(resolvedLegacyThemeOrOverride)) {
+                return {
+                    ...resolvedLegacyThemeOrOverride,
+                    ...resolvedThemeOverride ? {
+                        themeOverride: resolvedThemeOverride
+                    } : {}
+                };
+            }
+        } catch  {
+            if (typeof process !== 'undefined' && (process?.env?.NODE_ENV !== 'production' || process?.env?.GITHUB_PULL_REQUEST_PREVIEW === 'true')) {
+                void 0;
+            }
+            resolvedLegacyThemeOrOverride = {};
+        }
+        if (!hasAncestorTheme && typeof process !== 'undefined' && (process?.env?.NODE_ENV !== 'production' || process?.env?.GITHUB_PULL_REQUEST_PREVIEW === 'true')) {
+            void 0;
+        }
+        const themeName = currentTheme.key;
+        const specificOverrides = resolvedLegacyThemeOrOverride?.themeOverrides;
+        const currentThemeOverrides = specificOverrides?.[themeName] || specificOverrides || {};
+        return mergeDeep(currentTheme, resolvedLegacyThemeOrOverride, currentThemeOverrides, ...resolvedThemeOverride ? [
+            {
+                themeOverride: resolvedThemeOverride
+            }
+        ] : []);
+    };
 export default getTheme;
-export { getTheme };
+export { getTheme };

package/es/index.js

@@ -1,28 +1,3 @@
-/*
- * 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.
- */
-/// <reference types="@emotion/react/types/css-prop" />
-
 export * from '@emotion/react';
 export { useComputedTheme } from './useComputedTheme.js';
 export { InstUISettingsProvider } from './InstUISettingsProvider/index.js';
@@ -32,4 +7,4 @@ export { withStyleNew } from './withStyleNew.js';
 export { ThemeablePropValues, makeThemeVars, getShorthandPropValue, mirrorShorthandCorners, mirrorShorthandEdges, calcSpacingFromShorthand, calcFocusOutlineStyles, applyColorModifiers } from './styleUtils/index.js';
 export { useStyle } from './useStyle.js';
 export { useStyleNew } from './useStyleNew.js';
-export { useTheme } from './useTheme.js';
+export { useTheme } from './useTheme.js';

package/es/styleUtils/ThemeablePropValues.js

@@ -1,120 +1,63 @@
-/*
- * 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 ThemeablePropValues = {
-  SHADOW_TYPES: {
-    resting: 'resting',
-    above: 'above',
-    topmost: 'topmost',
-    none: 'none',
-    elevation1: 'elevation1',
-    elevation2: 'elevation2',
-    elevation3: 'elevation3',
-    elevation4: 'elevation4'
-  },
-  STACKING_TYPES: {
-    deepest: 'deepest',
-    below: 'below',
-    resting: 'resting',
-    above: 'above',
-    topmost: 'topmost'
-  },
-  BORDER_WIDTHS: {
-    0: '0',
-    none: 'none',
-    small: 'small',
-    medium: 'medium',
-    large: 'large'
-  },
-  BORDER_RADII: {
-    0: '0',
-    none: 'none',
-    small: 'small',
-    medium: 'medium',
-    large: 'large',
-    circle: 'circle',
-    pill: 'pill'
-  },
-  BACKGROUNDS: {
-    default: 'default',
-    inverse: 'inverse',
-    transparent: 'transparent'
-  },
-  SIZES: {
-    xSmall: 'x-small',
-    small: 'small',
-    medium: 'medium',
-    large: 'large',
-    xLarge: 'x-large'
-  },
-  SPACING: {
-    0: '0',
-    none: 'none',
-    auto: 'auto',
-    xxxSmall: 'xxx-small',
-    xxSmall: 'xx-small',
-    xSmall: 'x-small',
-    small: 'small',
-    mediumSmall: 'mediumSmall',
-    medium: 'medium',
-    large: 'large',
-    xLarge: 'x-large',
-    xxLarge: 'xx-large'
-  }
+    SHADOW_TYPES: {
+        resting: 'resting',
+        above: 'above',
+        topmost: 'topmost',
+        none: 'none',
+        elevation1: 'elevation1',
+        elevation2: 'elevation2',
+        elevation3: 'elevation3',
+        elevation4: 'elevation4'
+    },
+    STACKING_TYPES: {
+        deepest: 'deepest',
+        below: 'below',
+        resting: 'resting',
+        above: 'above',
+        topmost: 'topmost'
+    },
+    BORDER_WIDTHS: {
+        0: '0',
+        none: 'none',
+        small: 'small',
+        medium: 'medium',
+        large: 'large'
+    },
+    BORDER_RADII: {
+        0: '0',
+        none: 'none',
+        small: 'small',
+        medium: 'medium',
+        large: 'large',
+        circle: 'circle',
+        pill: 'pill'
+    },
+    BACKGROUNDS: {
+        default: 'default',
+        inverse: 'inverse',
+        transparent: 'transparent'
+    },
+    SIZES: {
+        xSmall: 'x-small',
+        small: 'small',
+        medium: 'medium',
+        large: 'large',
+        xLarge: 'x-large'
+    },
+    SPACING: {
+        0: '0',
+        none: 'none',
+        auto: 'auto',
+        xxxSmall: 'xxx-small',
+        xxSmall: 'xx-small',
+        xSmall: 'x-small',
+        small: 'small',
+        mediumSmall: 'mediumSmall',
+        medium: 'medium',
+        large: 'large',
+        xLarge: 'x-large',
+        xxLarge: 'xx-large'
+    }
 };
-
-// SPACING
-
-/**
- * @deprecated Era-1 (legacy) spacing keywords. Still resolved at runtime, but
- * prefer the current `CurrentSpacingValues` dot-path tokens (e.g. `general.spaceMd`).
- * See https://instructure.design/layout-spacing.
- */
-
-/**
- * @deprecated Era-2 spacing tokens (the `space0`–`space60` and flat semantic set)
- * have been phased out. Still resolved at runtime, but prefer the current
- * `CurrentSpacingValues` dot-path tokens (e.g. `general.spaceMd`, `gap.cards.md`).
- * See https://instructure.design/layout-spacing.
- */
-
-/**
- * Current (era-3) spacing tokens. Referenced via dot-path notation and resolved
- * against the new theme's `sharedTokens.spacing` map (see
- * `@instructure/ui-themes` `newThemeTokens`). These are the recommended values
- * for the `margin`/`padding` props. See https://instructure.design/layout-spacing.
- */
-
-// adding `(string & {})` allows to use any string while still allowing specific string values to be suggested by IDEs
-
-// SHADOW_TYPES
-
-// STACKING_TYPES
-
-// BACKGROUNDS
-
-// BORDER_WIDTHS
-
 export default ThemeablePropValues;
-export { ThemeablePropValues };
+export { ThemeablePropValues };