@instructure/emotion 11.7.4-snapshot-106 → 11.7.4-snapshot-108

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-106](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-106) (2026-07-16)
+## [11.7.4-snapshot-108](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-108) (2026-07-16)
 
 
 ### 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:** add prop most shared tokens to prop options in view ([a08bb3e](https://github.com/instructure/instructure-ui/commit/a08bb3e15759681c5247c8bf27b7a87fa0766dde))
 * **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

@@ -27,7 +27,11 @@ const ThemeablePropValues = {
     resting: 'resting',
     above: 'above',
     topmost: 'topmost',
-    none: 'none'
+    none: 'none',
+    elevation1: 'elevation1',
+    elevation2: 'elevation2',
+    elevation3: 'elevation3',
+    elevation4: 'elevation4'
   },
   STACKING_TYPES: {
     deepest: 'deepest',
@@ -110,10 +114,6 @@ const ThemeablePropValues = {
 
 // BACKGROUNDS
 
-// BORDER_RADII
-
-// TODO type better for actual values like '12px'
-
 // BORDER_WIDTHS
 
 export default ThemeablePropValues;

package/lib/styleUtils/ThemeablePropValues.js

@@ -33,7 +33,11 @@ const ThemeablePropValues = exports.ThemeablePropValues = {
     resting: 'resting',
     above: 'above',
     topmost: 'topmost',
-    none: 'none'
+    none: 'none',
+    elevation1: 'elevation1',
+    elevation2: 'elevation2',
+    elevation3: 'elevation3',
+    elevation4: 'elevation4'
   },
   STACKING_TYPES: {
     deepest: 'deepest',
@@ -116,9 +120,5 @@ const ThemeablePropValues = exports.ThemeablePropValues = {
 
 // BACKGROUNDS
 
-// BORDER_RADII
-
-// TODO type better for actual values like '12px'
-
 // BORDER_WIDTHS
 var _default = exports.default = ThemeablePropValues;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/emotion",
-  "version": "11.7.4-snapshot-106",
+  "version": "11.7.4-snapshot-108",
   "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-106",
-    "@instructure/ui-color-utils": "11.7.4-snapshot-106",
-    "@instructure/shared-types": "11.7.4-snapshot-106",
-    "@instructure/ui-i18n": "11.7.4-snapshot-106",
-    "@instructure/ui-decorator": "11.7.4-snapshot-106",
-    "@instructure/ui-themes": "11.7.4-snapshot-106",
-    "@instructure/ui-utils": "11.7.4-snapshot-106",
-    "@instructure/ui-react-utils": "11.7.4-snapshot-106"
+    "@instructure/shared-types": "11.7.4-snapshot-108",
+    "@instructure/console": "11.7.4-snapshot-108",
+    "@instructure/ui-color-utils": "11.7.4-snapshot-108",
+    "@instructure/ui-decorator": "11.7.4-snapshot-108",
+    "@instructure/ui-i18n": "11.7.4-snapshot-108",
+    "@instructure/ui-react-utils": "11.7.4-snapshot-108",
+    "@instructure/ui-themes": "11.7.4-snapshot-108",
+    "@instructure/ui-utils": "11.7.4-snapshot-108"
   },
   "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-106"
+    "@instructure/ui-babel-preset": "11.7.4-snapshot-108"
   },
   "peerDependencies": {
     "react": ">=18 <=19"

package/src/index.ts

@@ -61,8 +61,6 @@ export type {
   Shadow,
   Stacking,
   Background,
-  BorderRadiiValues,
-  BorderRadii,
   BorderWidthValues,
   BorderWidth
 } from './styleUtils'

package/src/styleUtils/ThemeablePropValues.ts

@@ -29,7 +29,11 @@ const ThemeablePropValues = {
     resting: 'resting',
     above: 'above',
     topmost: 'topmost',
-    none: 'none'
+    none: 'none',
+    elevation1: 'elevation1',
+    elevation2: 'elevation2',
+    elevation3: 'elevation3',
+    elevation4: 'elevation4'
   },
 
   STACKING_TYPES: {
@@ -178,12 +182,6 @@ type Stacking = (typeof ThemeablePropValues.STACKING_TYPES)[StackingKeys]
 type BackgroundKeys = keyof typeof ThemeablePropValues.BACKGROUNDS
 type Background = (typeof ThemeablePropValues.BACKGROUNDS)[BackgroundKeys]
 
-// BORDER_RADII
-type BorderRadiiKeys = keyof typeof ThemeablePropValues.BORDER_RADII
-type BorderRadiiValues =
-  (typeof ThemeablePropValues.BORDER_RADII)[BorderRadiiKeys]
-type BorderRadii = CSSShorthandValue<BorderRadiiValues | string> // TODO type better for actual values like '12px'
-
 // BORDER_WIDTHS
 type BorderWidthKeys = keyof typeof ThemeablePropValues.BORDER_WIDTHS
 type BorderWidthValues =
@@ -199,8 +197,6 @@ export type {
   Shadow,
   Stacking,
   Background,
-  BorderRadiiValues,
-  BorderRadii,
   BorderWidthValues,
   BorderWidth
 }

package/src/styleUtils/index.ts

@@ -36,8 +36,6 @@ export type {
   Shadow,
   Stacking,
   Background,
-  BorderRadiiValues,
-  BorderRadii,
   BorderWidthValues,
   BorderWidth
 } from './ThemeablePropValues'