@instructure/ui-color-picker 11.7.2-snapshot-52 → 11.7.2-snapshot-60

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.2-snapshot-52](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-52) (2026-04-22)
+## [11.7.2-snapshot-60](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-60) (2026-04-23)
 
 
 ### Bug Fixes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-color-picker",
-  "version": "11.7.2-snapshot-52",
+  "version": "11.7.2-snapshot-60",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,35 +15,35 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.27.6",
-    "@instructure/emotion": "11.7.2-snapshot-52",
-    "@instructure/ui-a11y-content": "11.7.2-snapshot-52",
-    "@instructure/shared-types": "11.7.2-snapshot-52",
-    "@instructure/ui-buttons": "11.7.2-snapshot-52",
-    "@instructure/console": "11.7.2-snapshot-52",
-    "@instructure/ui-color-utils": "11.7.2-snapshot-52",
-    "@instructure/ui-form-field": "11.7.2-snapshot-52",
-    "@instructure/ui-drilldown": "11.7.2-snapshot-52",
-    "@instructure/ui-dom-utils": "11.7.2-snapshot-52",
-    "@instructure/ui-heading": "11.7.2-snapshot-52",
-    "@instructure/ui-icons": "11.7.2-snapshot-52",
-    "@instructure/ui-pill": "11.7.2-snapshot-52",
-    "@instructure/ui-popover": "11.7.2-snapshot-52",
-    "@instructure/ui-react-utils": "11.7.2-snapshot-52",
-    "@instructure/ui-text": "11.7.2-snapshot-52",
-    "@instructure/ui-themes": "11.7.2-snapshot-52",
-    "@instructure/ui-tooltip": "11.7.2-snapshot-52",
-    "@instructure/ui-text-input": "11.7.2-snapshot-52",
-    "@instructure/ui-utils": "11.7.2-snapshot-52",
-    "@instructure/ui-view": "11.7.2-snapshot-52"
+    "@instructure/ui-a11y-content": "11.7.2-snapshot-60",
+    "@instructure/emotion": "11.7.2-snapshot-60",
+    "@instructure/ui-buttons": "11.7.2-snapshot-60",
+    "@instructure/console": "11.7.2-snapshot-60",
+    "@instructure/shared-types": "11.7.2-snapshot-60",
+    "@instructure/ui-color-utils": "11.7.2-snapshot-60",
+    "@instructure/ui-drilldown": "11.7.2-snapshot-60",
+    "@instructure/ui-dom-utils": "11.7.2-snapshot-60",
+    "@instructure/ui-heading": "11.7.2-snapshot-60",
+    "@instructure/ui-form-field": "11.7.2-snapshot-60",
+    "@instructure/ui-icons": "11.7.2-snapshot-60",
+    "@instructure/ui-pill": "11.7.2-snapshot-60",
+    "@instructure/ui-popover": "11.7.2-snapshot-60",
+    "@instructure/ui-react-utils": "11.7.2-snapshot-60",
+    "@instructure/ui-text": "11.7.2-snapshot-60",
+    "@instructure/ui-text-input": "11.7.2-snapshot-60",
+    "@instructure/ui-themes": "11.7.2-snapshot-60",
+    "@instructure/ui-tooltip": "11.7.2-snapshot-60",
+    "@instructure/ui-utils": "11.7.2-snapshot-60",
+    "@instructure/ui-view": "11.7.2-snapshot-60"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "@testing-library/user-event": "^14.6.1",
     "vitest": "^3.2.2",
-    "@instructure/ui-axe-check": "11.7.2-snapshot-52",
-    "@instructure/ui-babel-preset": "11.7.2-snapshot-52",
-    "@instructure/ui-scripts": "11.7.2-snapshot-52"
+    "@instructure/ui-axe-check": "11.7.2-snapshot-60",
+    "@instructure/ui-babel-preset": "11.7.2-snapshot-60",
+    "@instructure/ui-scripts": "11.7.2-snapshot-60"
   },
   "peerDependencies": {
     "react": ">=18 <=19"

package/src/ColorContrast/v2/styles.ts

@@ -35,7 +35,7 @@ import type { ColorContrastProps } from './props'
  * @return {Object} The final style object, which will be used in the component
  */
 const generateStyle = (
-  componentTheme: NewComponentTypes['ColorContrast'],
+  componentTheme: ReturnType<NewComponentTypes['ColorContrast']>,
   props: ColorContrastProps
 ) => {
   const statusDescriptionStyle = (pass: boolean) => ({

package/src/ColorIndicator/v2/styles.ts

@@ -51,7 +51,7 @@ const calcBlendedColor = (c1: RGBAType, c2: RGBAType) => {
  * @return {Object} The final style object, which will be used in the component
  */
 const generateStyle = (
-  componentTheme: NewComponentTypes['ColorIndicator'],
+  componentTheme: ReturnType<NewComponentTypes['ColorIndicator']>,
   props: ColorIndicatorProps
 ): ColorIndicatorStyle => {
   const { color, shape } = props

package/src/ColorMixer/v2/ColorPalette/styles.ts

@@ -41,7 +41,7 @@ import { px } from '@instructure/ui-utils'
  * @return {Object} The final style object, which will be used in the component
  */
 const generateStyle = (
-  componentTheme: NewComponentTypes['Palette'],
+  componentTheme: ReturnType<NewComponentTypes['Palette']>,
   props: ColorPaletteProps,
   _sharedTokens: SharedTokens,
   state: ColorPaletteState

package/src/ColorMixer/v2/RGBAInput/styles.ts

@@ -36,7 +36,7 @@ import type { NewComponentTypes } from '@instructure/ui-themes'
  * @return {Object} The final style object, which will be used in the component
  */
 const generateStyle = (
-  componentTheme: NewComponentTypes['RgbaInput'],
+  componentTheme: ReturnType<NewComponentTypes['RgbaInput']>,
   props: RGBAInputProps
 ): RGBAInputStyle => {
   return {

package/src/ColorMixer/v2/Slider/styles.ts

@@ -36,7 +36,7 @@ import type { SliderStyle, SliderProps, SliderStyleProps } from './props'
  * @return {Object} The final style object, which will be used in the component
  */
 const generateStyle = (
-  componentTheme: NewComponentTypes['Slider'],
+  componentTheme: ReturnType<NewComponentTypes['Slider']>,
   props: SliderProps,
   _sharedTokens: SharedTokens,
   state: SliderStyleProps

package/src/ColorPicker/v2/styles.ts

@@ -42,7 +42,7 @@ import type {
  * @return {Object} The final style object, which will be used in the component
  */
 const generateStyle = (
-  componentTheme: NewComponentTypes['ColorPicker'],
+  componentTheme: ReturnType<NewComponentTypes['ColorPicker']>,
   props: ColorPickerProps,
   sharedTokens: SharedTokens,
   state: ColorPickerState & { isSimple: boolean }

package/src/ColorPreset/v2/styles.ts

@@ -35,7 +35,7 @@ import type { ColorPresetProps } from './props'
  * @return {Object} The final style object, which will be used in the component
  */
 const generateStyle = (
-  componentTheme: NewComponentTypes['ColorPreset'],
+  componentTheme: ReturnType<NewComponentTypes['ColorPreset']>,
   props: ColorPresetProps
 ) => {
   const { colorMixerSettings, disabled } = props