@instructure/ui-color-picker 11.2.1-snapshot-9 → 11.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1 -1
- package/package.json +23 -23
- package/src/ColorPicker/README.md +6 -6
- package/tsconfig.build.tsbuildinfo +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
# [11.3.0](https://github.com/instructure/instructure-ui/compare/v11.2.0...v11.3.0) (2026-01-12)
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
### Bug Fixes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-color-picker",
|
|
3
|
-
"version": "11.
|
|
3
|
+
"version": "11.3.0",
|
|
4
4
|
"description": "A UI component library made by Instructure Inc.",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -15,34 +15,34 @@
|
|
|
15
15
|
"license": "MIT",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@babel/runtime": "^7.27.6",
|
|
18
|
-
"@instructure/console": "11.
|
|
19
|
-
"@instructure/
|
|
20
|
-
"@instructure/
|
|
21
|
-
"@instructure/ui-buttons": "11.
|
|
22
|
-
"@instructure/emotion": "11.
|
|
23
|
-
"@instructure/ui-
|
|
24
|
-
"@instructure/ui-
|
|
25
|
-
"@instructure/ui-
|
|
26
|
-
"@instructure/ui-form-field": "11.
|
|
27
|
-
"@instructure/ui-
|
|
28
|
-
"@instructure/ui-
|
|
29
|
-
"@instructure/ui-
|
|
30
|
-
"@instructure/ui-
|
|
31
|
-
"@instructure/ui-text
|
|
32
|
-
"@instructure/ui-
|
|
33
|
-
"@instructure/ui-utils": "11.
|
|
34
|
-
"@instructure/ui-
|
|
35
|
-
"@instructure/ui-
|
|
36
|
-
"@instructure/ui-view": "11.
|
|
18
|
+
"@instructure/console": "11.3.0",
|
|
19
|
+
"@instructure/shared-types": "11.3.0",
|
|
20
|
+
"@instructure/ui-a11y-content": "11.3.0",
|
|
21
|
+
"@instructure/ui-buttons": "11.3.0",
|
|
22
|
+
"@instructure/emotion": "11.3.0",
|
|
23
|
+
"@instructure/ui-drilldown": "11.3.0",
|
|
24
|
+
"@instructure/ui-color-utils": "11.3.0",
|
|
25
|
+
"@instructure/ui-dom-utils": "11.3.0",
|
|
26
|
+
"@instructure/ui-form-field": "11.3.0",
|
|
27
|
+
"@instructure/ui-pill": "11.3.0",
|
|
28
|
+
"@instructure/ui-icons": "11.3.0",
|
|
29
|
+
"@instructure/ui-popover": "11.3.0",
|
|
30
|
+
"@instructure/ui-react-utils": "11.3.0",
|
|
31
|
+
"@instructure/ui-text": "11.3.0",
|
|
32
|
+
"@instructure/ui-tooltip": "11.3.0",
|
|
33
|
+
"@instructure/ui-utils": "11.3.0",
|
|
34
|
+
"@instructure/ui-text-input": "11.3.0",
|
|
35
|
+
"@instructure/ui-themes": "11.3.0",
|
|
36
|
+
"@instructure/ui-view": "11.3.0"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"@testing-library/jest-dom": "^6.6.3",
|
|
40
40
|
"@testing-library/react": "15.0.7",
|
|
41
41
|
"@testing-library/user-event": "^14.6.1",
|
|
42
42
|
"vitest": "^3.2.2",
|
|
43
|
-
"@instructure/ui-axe-check": "11.
|
|
44
|
-
"@instructure/ui-babel-preset": "11.
|
|
45
|
-
"@instructure/ui-scripts": "11.
|
|
43
|
+
"@instructure/ui-axe-check": "11.3.0",
|
|
44
|
+
"@instructure/ui-babel-preset": "11.3.0",
|
|
45
|
+
"@instructure/ui-scripts": "11.3.0"
|
|
46
46
|
},
|
|
47
47
|
"peerDependencies": {
|
|
48
48
|
"react": ">=18 <=19"
|
|
@@ -218,7 +218,7 @@ type: example
|
|
|
218
218
|
contrastAgainst,
|
|
219
219
|
renderContrastErrorMessage: (contrast, minContrast) => [
|
|
220
220
|
{
|
|
221
|
-
type: '
|
|
221
|
+
type: 'newError',
|
|
222
222
|
text: `Not high enough contrast. Minimum required is ${minContrast}:1, current is ${contrast}:1`
|
|
223
223
|
}
|
|
224
224
|
]
|
|
@@ -226,13 +226,13 @@ type: example
|
|
|
226
226
|
}
|
|
227
227
|
renderInvalidColorMessage={(hexCode) => [
|
|
228
228
|
{
|
|
229
|
-
type: '
|
|
229
|
+
type: 'newError',
|
|
230
230
|
text: `Not valid hex color. It should be either 3, 6 or 8 character long.`
|
|
231
231
|
}
|
|
232
232
|
]}
|
|
233
233
|
renderIsRequiredMessage={() => [
|
|
234
234
|
{
|
|
235
|
-
type: '
|
|
235
|
+
type: 'newError',
|
|
236
236
|
text: `This field is required, please enter a valid hex code`
|
|
237
237
|
}
|
|
238
238
|
]}
|
|
@@ -334,17 +334,17 @@ type: example
|
|
|
334
334
|
{ type: "success", text: "I am a contrast success message" },
|
|
335
335
|
],
|
|
336
336
|
renderContrastErrorMessage: () => [
|
|
337
|
-
{ type: "
|
|
337
|
+
{ type: "newError", text: "I am a contrast warning message" },
|
|
338
338
|
],
|
|
339
339
|
}}
|
|
340
340
|
renderMessages={() => [
|
|
341
341
|
{ type: "hint", text: "I can display anything, at any time" },
|
|
342
342
|
]}
|
|
343
343
|
renderInvalidColorMessage={() => [
|
|
344
|
-
{ type: "
|
|
344
|
+
{ type: "newError", text: "I am an invalid color message" },
|
|
345
345
|
]}
|
|
346
346
|
renderIsRequiredMessage={() => [
|
|
347
|
-
{ type: "
|
|
347
|
+
{ type: "newError", text: "I am a required message" },
|
|
348
348
|
]}
|
|
349
349
|
placeholderText="Enter HEX"
|
|
350
350
|
/>
|