@instructure/ui-color-picker 9.8.1 → 9.9.0

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.
 
+# [9.9.0](https://github.com/instructure/instructure-ui/compare/v9.8.1...v9.9.0) (2024-11-12)
+
+
+### Features
+
+* **many:** backport new error messages from v10 ([9003d19](https://github.com/instructure/instructure-ui/commit/9003d19cc66022dfdeecc2e2c8c8d9d2a7300e3f))
+
+
+
+
+
 ## [9.8.1](https://github.com/instructure/instructure-ui/compare/v9.8.0...v9.8.1) (2024-10-28)
 
 **Note:** Version bump only for package @instructure/ui-color-picker

package/es/ColorPicker/index.js

@@ -299,7 +299,7 @@ let ColorPicker = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
     if (isRequired && showHelperErrorMessages && hexCode === '') {
       isRequiredMessages = typeof renderIsRequiredMessage === 'function' ? renderIsRequiredMessage() : [{
         type: 'error',
-        text: '*'
+        text: ''
       }];
     }
     if (typeof renderMessages === 'function') {
@@ -382,7 +382,7 @@ let ColorPicker = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
       label = _this$props9.label,
       tooltip = _this$props9.tooltip,
       styles = _this$props9.styles;
-    return tooltip ? jsx("div", null, jsx("span", {
+    return tooltip ? jsx("span", null, jsx("span", {
       css: styles === null || styles === void 0 ? void 0 : styles.label
     }, label), jsx("span", null, jsx(Tooltip, {
       renderTip: tooltip

package/lib/ColorPicker/index.js

@@ -311,7 +311,7 @@ let ColorPicker = exports.ColorPicker = (_dec = (0, _emotion.withStyle)(_styles.
     if (isRequired && showHelperErrorMessages && hexCode === '') {
       isRequiredMessages = typeof renderIsRequiredMessage === 'function' ? renderIsRequiredMessage() : [{
         type: 'error',
-        text: '*'
+        text: ''
       }];
     }
     if (typeof renderMessages === 'function') {
@@ -394,7 +394,7 @@ let ColorPicker = exports.ColorPicker = (_dec = (0, _emotion.withStyle)(_styles.
       label = _this$props9.label,
       tooltip = _this$props9.tooltip,
       styles = _this$props9.styles;
-    return tooltip ? (0, _emotion.jsx)("div", null, (0, _emotion.jsx)("span", {
+    return tooltip ? (0, _emotion.jsx)("span", null, (0, _emotion.jsx)("span", {
       css: styles === null || styles === void 0 ? void 0 : styles.label
     }, label), (0, _emotion.jsx)("span", null, (0, _emotion.jsx)(_Tooltip.Tooltip, {
       renderTip: tooltip

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-color-picker",
-  "version": "9.8.1",
+  "version": "9.9.0",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,33 +24,33 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.24.5",
-    "@instructure/console": "9.8.1",
-    "@instructure/emotion": "9.8.1",
-    "@instructure/shared-types": "9.8.1",
-    "@instructure/ui-a11y-content": "9.8.1",
-    "@instructure/ui-buttons": "9.8.1",
-    "@instructure/ui-color-utils": "9.8.1",
-    "@instructure/ui-dom-utils": "9.8.1",
-    "@instructure/ui-drilldown": "9.8.1",
-    "@instructure/ui-form-field": "9.8.1",
-    "@instructure/ui-icons": "9.8.1",
-    "@instructure/ui-pill": "9.8.1",
-    "@instructure/ui-popover": "9.8.1",
-    "@instructure/ui-react-utils": "9.8.1",
-    "@instructure/ui-testable": "9.8.1",
-    "@instructure/ui-text": "9.8.1",
-    "@instructure/ui-text-input": "9.8.1",
-    "@instructure/ui-themes": "9.8.1",
-    "@instructure/ui-tooltip": "9.8.1",
-    "@instructure/ui-utils": "9.8.1",
-    "@instructure/ui-view": "9.8.1",
+    "@instructure/console": "9.9.0",
+    "@instructure/emotion": "9.9.0",
+    "@instructure/shared-types": "9.9.0",
+    "@instructure/ui-a11y-content": "9.9.0",
+    "@instructure/ui-buttons": "9.9.0",
+    "@instructure/ui-color-utils": "9.9.0",
+    "@instructure/ui-dom-utils": "9.9.0",
+    "@instructure/ui-drilldown": "9.9.0",
+    "@instructure/ui-form-field": "9.9.0",
+    "@instructure/ui-icons": "9.9.0",
+    "@instructure/ui-pill": "9.9.0",
+    "@instructure/ui-popover": "9.9.0",
+    "@instructure/ui-react-utils": "9.9.0",
+    "@instructure/ui-testable": "9.9.0",
+    "@instructure/ui-text": "9.9.0",
+    "@instructure/ui-text-input": "9.9.0",
+    "@instructure/ui-themes": "9.9.0",
+    "@instructure/ui-tooltip": "9.9.0",
+    "@instructure/ui-utils": "9.9.0",
+    "@instructure/ui-view": "9.9.0",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-axe-check": "9.8.1",
-    "@instructure/ui-babel-preset": "9.8.1",
-    "@instructure/ui-scripts": "9.8.1",
-    "@instructure/ui-test-utils": "9.8.1",
+    "@instructure/ui-axe-check": "9.9.0",
+    "@instructure/ui-babel-preset": "9.9.0",
+    "@instructure/ui-scripts": "9.9.0",
+    "@instructure/ui-test-utils": "9.9.0",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^15.0.7",
     "@testing-library/user-event": "^14.5.2",

package/src/ColorPicker/index.tsx

@@ -268,7 +268,7 @@ class ColorPicker extends Component<ColorPickerProps, ColorPickerState> {
       isRequiredMessages =
         typeof renderIsRequiredMessage === 'function'
           ? renderIsRequiredMessage()
-          : [{ type: 'error', text: '*' }]
+          : [{ type: 'error', text: '' }]
     }
     if (typeof renderMessages === 'function') {
       generalMessages = renderMessages(
@@ -386,14 +386,14 @@ class ColorPicker extends Component<ColorPickerProps, ColorPickerState> {
     const { label, tooltip, styles } = this.props
 
     return tooltip ? (
-      <div>
+      <span>
         <span css={styles?.label}>{label}</span>
         <span>
           <Tooltip renderTip={tooltip}>
             <IconInfoLine tabIndex={-1} />
           </Tooltip>
         </span>
-      </div>
+      </span>
     ) : (
       label
     )