@instructure/ui-checkbox 10.5.0 → 10.5.1-snapshot-1

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.5.1-snapshot-1](https://github.com/instructure/instructure-ui/compare/v10.5.0...v10.5.1-snapshot-1) (2024-11-11)
+
+
+### Bug Fixes
+
+* **many:** fix regression where form elements without label got misaligned ([139f7f1](https://github.com/instructure/instructure-ui/commit/139f7f130cd7e8372af869a13cfd50cd6a97fd85))
+
+
+
+
+
 # [10.5.0](https://github.com/instructure/instructure-ui/compare/v10.4.1...v10.5.0) (2024-11-07)
 
 

package/es/Checkbox/index.js

@@ -170,7 +170,7 @@ let Checkbox = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, g
         labelPlacement: labelPlacement,
         themeOverride: themeOverride,
         invalid: this.invalid
-      }, label, isRequired && jsx("span", {
+      }, label, isRequired && label && jsx("span", {
         css: this.invalid ? styles === null || styles === void 0 ? void 0 : styles.requiredInvalid : {}
       }, " *"));
     } else {
@@ -182,7 +182,7 @@ let Checkbox = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, g
         indeterminate: indeterminate,
         themeOverride: themeOverride,
         invalid: this.invalid
-      }, label, isRequired && jsx("span", {
+      }, label, isRequired && label && jsx("span", {
         css: this.invalid ? styles === null || styles === void 0 ? void 0 : styles.requiredInvalid : {}
       }, " *"));
     }

package/lib/Checkbox/index.js

@@ -191,7 +191,7 @@ let Checkbox = exports.Checkbox = (_dec = (0, _withDeterministicId.withDetermini
         labelPlacement: labelPlacement,
         themeOverride: themeOverride,
         invalid: this.invalid
-      }, label, isRequired && (0, _emotion.jsx)("span", {
+      }, label, isRequired && label && (0, _emotion.jsx)("span", {
         css: this.invalid ? styles === null || styles === void 0 ? void 0 : styles.requiredInvalid : {}
       }, " *"));
     } else {
@@ -203,7 +203,7 @@ let Checkbox = exports.Checkbox = (_dec = (0, _withDeterministicId.withDetermini
         indeterminate: indeterminate,
         themeOverride: themeOverride,
         invalid: this.invalid
-      }, label, isRequired && (0, _emotion.jsx)("span", {
+      }, label, isRequired && label && (0, _emotion.jsx)("span", {
         css: this.invalid ? styles === null || styles === void 0 ? void 0 : styles.requiredInvalid : {}
       }, " *"));
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-checkbox",
-  "version": "10.5.0",
+  "version": "10.5.1-snapshot-1",
   "description": " styled HTML input type='checkbox' component.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,28 +24,28 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.25.6",
-    "@instructure/console": "10.5.0",
-    "@instructure/emotion": "10.5.0",
-    "@instructure/shared-types": "10.5.0",
-    "@instructure/ui-dom-utils": "10.5.0",
-    "@instructure/ui-form-field": "10.5.0",
-    "@instructure/ui-icons": "10.5.0",
-    "@instructure/ui-prop-types": "10.5.0",
-    "@instructure/ui-react-utils": "10.5.0",
-    "@instructure/ui-svg-images": "10.5.0",
-    "@instructure/ui-testable": "10.5.0",
-    "@instructure/ui-utils": "10.5.0",
-    "@instructure/ui-view": "10.5.0",
-    "@instructure/uid": "10.5.0",
+    "@instructure/console": "10.5.1-snapshot-1",
+    "@instructure/emotion": "10.5.1-snapshot-1",
+    "@instructure/shared-types": "10.5.1-snapshot-1",
+    "@instructure/ui-dom-utils": "10.5.1-snapshot-1",
+    "@instructure/ui-form-field": "10.5.1-snapshot-1",
+    "@instructure/ui-icons": "10.5.1-snapshot-1",
+    "@instructure/ui-prop-types": "10.5.1-snapshot-1",
+    "@instructure/ui-react-utils": "10.5.1-snapshot-1",
+    "@instructure/ui-svg-images": "10.5.1-snapshot-1",
+    "@instructure/ui-testable": "10.5.1-snapshot-1",
+    "@instructure/ui-utils": "10.5.1-snapshot-1",
+    "@instructure/ui-view": "10.5.1-snapshot-1",
+    "@instructure/uid": "10.5.1-snapshot-1",
     "keycode": "^2",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-axe-check": "10.5.0",
-    "@instructure/ui-babel-preset": "10.5.0",
-    "@instructure/ui-color-utils": "10.5.0",
-    "@instructure/ui-test-utils": "10.5.0",
-    "@instructure/ui-themes": "10.5.0",
+    "@instructure/ui-axe-check": "10.5.1-snapshot-1",
+    "@instructure/ui-babel-preset": "10.5.1-snapshot-1",
+    "@instructure/ui-color-utils": "10.5.1-snapshot-1",
+    "@instructure/ui-test-utils": "10.5.1-snapshot-1",
+    "@instructure/ui-themes": "10.5.1-snapshot-1",
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",

package/src/Checkbox/index.tsx

@@ -230,7 +230,7 @@ class Checkbox extends Component<CheckboxProps, CheckboxState> {
           invalid={this.invalid}
         >
           {label}
-          {isRequired && (
+          {isRequired && label && (
             <span css={this.invalid ? styles?.requiredInvalid : {}}> *</span>
           )}
         </ToggleFacade>
@@ -247,7 +247,7 @@ class Checkbox extends Component<CheckboxProps, CheckboxState> {
           invalid={this.invalid}
         >
           {label}
-          {isRequired && (
+          {isRequired && label && (
             <span css={this.invalid ? styles?.requiredInvalid : {}}> *</span>
           )}
         </CheckboxFacade>

package/src/Checkbox/props.ts

@@ -44,7 +44,7 @@ type CheckboxOwnProps = {
   /**
    * Array of objects with shape: `{
    *   text: ReactNode,
-   *   type: One of: ['error', 'hint', 'success', 'screenreader-only']
+   *   type: One of: ['newError', 'error', 'hint', 'success', 'screenreader-only']
    *   }`
    */
   messages?: FormMessage[]