@instructure/ui-checkbox 11.7.3-snapshot-4 → 11.7.3-snapshot-7

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.3-snapshot-4](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-4) (2026-04-28)
+## [11.7.3-snapshot-7](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-7) (2026-04-29)
 
 **Note:** Version bump only for package @instructure/ui-checkbox
 

package/es/Checkbox/v2/index.js

@@ -172,7 +172,10 @@ let Checkbox = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle),
         focused: focused,
         checked: this.checked,
         readOnly: readOnly,
-        labelPlacement: labelPlacement,
+        labelPlacement: labelPlacement
+        // @ts-ignore TODO: This will lead to buggy overrides, `Toggle`'s
+        //  styles should be a superset of Checkbox's styles
+        ,
         themeOverride: themeOverride,
         invalid: this.invalid,
         children: [label, isRequired && label && _jsxs("span", {

package/lib/Checkbox/v2/index.js

@@ -192,7 +192,10 @@ let Checkbox = exports.Checkbox = (_dec = (0, _withDeterministicId.withDetermini
         focused: focused,
         checked: this.checked,
         readOnly: readOnly,
-        labelPlacement: labelPlacement,
+        labelPlacement: labelPlacement
+        // @ts-ignore TODO: This will lead to buggy overrides, `Toggle`'s
+        //  styles should be a superset of Checkbox's styles
+        ,
         themeOverride: themeOverride,
         invalid: this.invalid,
         children: [label, isRequired && label && (0, _jsxRuntime.jsxs)("span", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-checkbox",
-  "version": "11.7.3-snapshot-4",
+  "version": "11.7.3-snapshot-7",
   "description": " styled HTML input type='checkbox' component.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -16,27 +16,27 @@
   "dependencies": {
     "@babel/runtime": "^7.27.6",
     "keycode": "^2",
-    "@instructure/console": "11.7.3-snapshot-4",
-    "@instructure/emotion": "11.7.3-snapshot-4",
-    "@instructure/shared-types": "11.7.3-snapshot-4",
-    "@instructure/ui-dom-utils": "11.7.3-snapshot-4",
-    "@instructure/ui-form-field": "11.7.3-snapshot-4",
-    "@instructure/ui-icons": "11.7.3-snapshot-4",
-    "@instructure/ui-react-utils": "11.7.3-snapshot-4",
-    "@instructure/ui-svg-images": "11.7.3-snapshot-4",
-    "@instructure/ui-utils": "11.7.3-snapshot-4",
-    "@instructure/ui-view": "11.7.3-snapshot-4",
-    "@instructure/uid": "11.7.3-snapshot-4"
+    "@instructure/console": "11.7.3-snapshot-7",
+    "@instructure/emotion": "11.7.3-snapshot-7",
+    "@instructure/shared-types": "11.7.3-snapshot-7",
+    "@instructure/ui-dom-utils": "11.7.3-snapshot-7",
+    "@instructure/ui-form-field": "11.7.3-snapshot-7",
+    "@instructure/ui-react-utils": "11.7.3-snapshot-7",
+    "@instructure/ui-themes": "11.7.3-snapshot-7",
+    "@instructure/ui-svg-images": "11.7.3-snapshot-7",
+    "@instructure/ui-utils": "11.7.3-snapshot-7",
+    "@instructure/uid": "11.7.3-snapshot-7",
+    "@instructure/ui-view": "11.7.3-snapshot-7",
+    "@instructure/ui-icons": "11.7.3-snapshot-7"
   },
   "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-babel-preset": "11.7.3-snapshot-4",
-    "@instructure/ui-color-utils": "11.7.3-snapshot-4",
-    "@instructure/ui-axe-check": "11.7.3-snapshot-4",
-    "@instructure/ui-themes": "11.7.3-snapshot-4"
+    "@instructure/ui-babel-preset": "11.7.3-snapshot-7",
+    "@instructure/ui-color-utils": "11.7.3-snapshot-7",
+    "@instructure/ui-axe-check": "11.7.3-snapshot-7"
   },
   "peerDependencies": {
     "react": ">=18 <=19"

package/src/Checkbox/v2/CheckboxFacade/props.ts

@@ -22,8 +22,8 @@
  * SOFTWARE.
  */
 
-import type { CheckboxFacadeTheme } from '@instructure/shared-types'
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
+import type { NewComponentTypes } from '@instructure/ui-themes'
 
 type CheckboxFacadeOwnProps = {
   children: React.ReactNode
@@ -48,7 +48,7 @@ type PropKeys = keyof CheckboxFacadeOwnProps
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
 type CheckboxFacadeProps = CheckboxFacadeOwnProps &
-  WithStyleProps<CheckboxFacadeTheme, CheckboxFacadeStyle>
+  WithStyleProps<ReturnType<NewComponentTypes['Checkbox']>, CheckboxFacadeStyle>
 
 type CheckboxFacadeStyle = ComponentStyle<'checkboxFacade' | 'facade' | 'label'>
 const allowedProps: AllowedPropKeys = [

package/src/Checkbox/v2/ToggleFacade/props.ts

@@ -23,8 +23,8 @@
  */
 
 import React from 'react'
-import type { ToggleFacadeTheme } from '@instructure/shared-types'
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
+import type { NewComponentTypes } from '@instructure/ui-themes'
 
 type ToggleFacadeOwnProps = {
   children: React.ReactNode
@@ -46,7 +46,7 @@ type PropKeys = keyof ToggleFacadeOwnProps
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
 type ToggleFacadeProps = ToggleFacadeOwnProps &
-  WithStyleProps<ToggleFacadeTheme, ToggleFacadeStyle>
+  WithStyleProps<ReturnType<NewComponentTypes['Toggle']>, ToggleFacadeStyle>
 
 type ToggleFacadeStyle = ComponentStyle<
   'toggleFacade' | 'facade' | 'icon' | 'iconToggle' | 'label'

package/src/Checkbox/v2/index.tsx

@@ -42,11 +42,6 @@ import generateStyle from './styles'
 import { allowedProps } from './props'
 import type { CheckboxProps, CheckboxState } from './props'
 
-import type {
-  CheckboxFacadeTheme,
-  ToggleFacadeTheme
-} from '@instructure/shared-types'
-
 /**
 ---
 category: components
@@ -231,7 +226,9 @@ class Checkbox extends Component<CheckboxProps, CheckboxState> {
           checked={this.checked}
           readOnly={readOnly}
           labelPlacement={labelPlacement}
-          themeOverride={themeOverride as Partial<ToggleFacadeTheme>}
+          // @ts-ignore TODO: This will lead to buggy overrides, `Toggle`'s
+          //  styles should be a superset of Checkbox's styles
+          themeOverride={themeOverride}
           invalid={this.invalid}
         >
           {label}
@@ -256,7 +253,7 @@ class Checkbox extends Component<CheckboxProps, CheckboxState> {
           checked={this.checked}
           readOnly={readOnly}
           indeterminate={indeterminate}
-          themeOverride={themeOverride as Partial<CheckboxFacadeTheme>}
+          themeOverride={themeOverride}
           invalid={this.invalid}
         >
           {label}

package/src/Checkbox/v2/props.ts

@@ -23,12 +23,9 @@
  */
 
 import type { FormMessage } from '@instructure/ui-form-field/latest'
-import type {
-  CheckboxFacadeTheme,
-  OtherHTMLAttributes,
-  ToggleFacadeTheme
-} from '@instructure/shared-types'
+import type { OtherHTMLAttributes } from '@instructure/shared-types'
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
+import type { NewComponentTypes } from '@instructure/ui-themes'
 import type { WithDeterministicIdProps } from '@instructure/ui-react-utils'
 
 type CheckboxOwnProps = {
@@ -85,7 +82,7 @@ type PropKeys = keyof CheckboxOwnProps
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
 type CheckboxProps = CheckboxOwnProps &
-  WithStyleProps<CheckboxFacadeTheme | ToggleFacadeTheme, CheckboxStyle> &
+  WithStyleProps<ReturnType<NewComponentTypes['Checkbox']>, CheckboxStyle> &
   OtherHTMLAttributes<CheckboxOwnProps> &
   WithDeterministicIdProps