@instructure/emotion 11.7.4-snapshot-102 → 11.7.4-snapshot-105

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [11.7.4-snapshot-102](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-102) (2026-07-14)
+## [11.7.4-snapshot-105](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-105) (2026-07-15)
 
 
 ### Bug Fixes
@@ -15,6 +15,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 * **emotion,ui-scripts:** resolve tokens studio color modifiers and emit hex ([99141c0](https://github.com/instructure/instructure-ui/commit/99141c036c6a353c25200c57e2cd68a1bc1b8205))
 * **emotion:** support alpha color modifier in applyColorModifiers ([c1643b3](https://github.com/instructure/instructure-ui/commit/c1643b3de2f0be084a042d8fd9478b963907da77))
+* **many:** support current spacing tokens in the margin prop for v2 components ([1b47c5f](https://github.com/instructure/instructure-ui/commit/1b47c5f23eaa60b532cdfd53c39bd71f0cf51aaa))
 * **ui-scripts:** refactor theme type generation and fix token fetching script ([ab0536f](https://github.com/instructure/instructure-ui/commit/ab0536f81ffe9ae60f8b8cdc5038f4f323314416))
 
 

package/es/styleUtils/ThemeablePropValues.js

@@ -82,6 +82,26 @@ const ThemeablePropValues = {
 
 // 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

package/lib/styleUtils/ThemeablePropValues.js

@@ -88,6 +88,26 @@ const ThemeablePropValues = exports.ThemeablePropValues = {
 
 // 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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/emotion",
-  "version": "11.7.4-snapshot-102",
+  "version": "11.7.4-snapshot-105",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -17,14 +17,14 @@
     "@babel/runtime": "^7.29.7",
     "@emotion/react": "^11",
     "hoist-non-react-statics": "^3.3.2",
-    "@instructure/console": "11.7.4-snapshot-102",
-    "@instructure/shared-types": "11.7.4-snapshot-102",
-    "@instructure/ui-color-utils": "11.7.4-snapshot-102",
-    "@instructure/ui-decorator": "11.7.4-snapshot-102",
-    "@instructure/ui-i18n": "11.7.4-snapshot-102",
-    "@instructure/ui-react-utils": "11.7.4-snapshot-102",
-    "@instructure/ui-themes": "11.7.4-snapshot-102",
-    "@instructure/ui-utils": "11.7.4-snapshot-102"
+    "@instructure/console": "11.7.4-snapshot-105",
+    "@instructure/shared-types": "11.7.4-snapshot-105",
+    "@instructure/ui-color-utils": "11.7.4-snapshot-105",
+    "@instructure/ui-i18n": "11.7.4-snapshot-105",
+    "@instructure/ui-decorator": "11.7.4-snapshot-105",
+    "@instructure/ui-react-utils": "11.7.4-snapshot-105",
+    "@instructure/ui-utils": "11.7.4-snapshot-105",
+    "@instructure/ui-themes": "11.7.4-snapshot-105"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
@@ -33,7 +33,7 @@
     "@types/hoist-non-react-statics": "^3.3.7",
     "react-dom": "18.3.1",
     "vitest": "^4.1.9",
-    "@instructure/ui-babel-preset": "11.7.4-snapshot-102"
+    "@instructure/ui-babel-preset": "11.7.4-snapshot-105"
   },
   "peerDependencies": {
     "react": ">=18 <=19"

package/src/styleUtils/ThemeablePropValues.ts

@@ -90,7 +90,18 @@ const ThemeablePropValues = {
 
 // SPACING
 type OldSpacingKeys = keyof typeof ThemeablePropValues.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.
+ */
 type OldSpacingValues = (typeof ThemeablePropValues.SPACING)[OldSpacingKeys]
+/**
+ * @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.
+ */
 type NewSpacingValues =
   | 'space0'
   | 'space2'
@@ -120,7 +131,38 @@ type NewSpacingValues =
   | 'tags'
   | 'statusIndicators'
   | 'dataPoints'
-type SpacingValues = OldSpacingValues | NewSpacingValues
+/**
+ * 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.
+ */
+type CurrentSpacingValues =
+  // general t-shirt scale
+  | 'general.spaceNone'
+  | 'general.space2xs'
+  | 'general.spaceXs'
+  | 'general.spaceSm'
+  | 'general.spaceMd'
+  | 'general.spaceLg'
+  | 'general.spaceXl'
+  | 'general.space2xl'
+  // semantic gap tokens
+  | 'gap.sections'
+  | 'gap.buttons'
+  | 'gap.cards.sm'
+  | 'gap.cards.md'
+  | 'gap.cards.lg'
+  | 'gap.cards.nestedContainers.sm'
+  | 'gap.cards.nestedContainers.md'
+  | 'gap.cards.nestedContainers.lg'
+  | 'gap.inputs.horizontal'
+  | 'gap.inputs.vertical'
+  // semantic padding tokens
+  | 'padding.card.sm'
+  | 'padding.card.md'
+  | 'padding.card.lg'
+type SpacingValues = CurrentSpacingValues | OldSpacingValues | NewSpacingValues
 // adding `(string & {})` allows to use any string while still allowing specific string values to be suggested by IDEs
 type Spacing = SpacingValues | (string & {})
 
@@ -152,6 +194,7 @@ export default ThemeablePropValues
 export { ThemeablePropValues }
 export type {
   SpacingValues,
+  CurrentSpacingValues,
   Spacing,
   Shadow,
   Stacking,