@instructure/ui-color-picker 10.24.2 → 10.24.3-snapshot-2
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 +8 -0
- package/es/ColorPreset/theme.js +1 -1
- package/lib/ColorPreset/theme.js +1 -1
- package/package.json +24 -24
- package/src/ColorPreset/theme.ts +1 -1
- package/tsconfig.build.tsbuildinfo +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
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
|
+
## [10.24.3-snapshot-2](https://github.com/instructure/instructure-ui/compare/v10.24.2...v10.24.3-snapshot-2) (2025-08-18)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @instructure/ui-color-picker
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
## [10.24.2](https://github.com/instructure/instructure-ui/compare/v10.24.1...v10.24.2) (2025-08-11)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @instructure/ui-color-picker
|
package/es/ColorPreset/theme.js
CHANGED
|
@@ -37,7 +37,7 @@ const generateComponentTheme = theme => {
|
|
|
37
37
|
smallSpacing: spacing === null || spacing === void 0 ? void 0 : spacing.small,
|
|
38
38
|
selectedIndicatorBackgroundColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts = colors.contrasts) === null || _colors$contrasts === void 0 ? void 0 : _colors$contrasts.white1010,
|
|
39
39
|
selectedIndicatorBorderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts2 = colors.contrasts) === null || _colors$contrasts2 === void 0 ? void 0 : _colors$contrasts2.grey125125,
|
|
40
|
-
popoverDividerColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts3 = colors.contrasts) === null || _colors$contrasts3 === void 0 ? void 0 : _colors$contrasts3.
|
|
40
|
+
popoverDividerColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts3 = colors.contrasts) === null || _colors$contrasts3 === void 0 ? void 0 : _colors$contrasts3.grey3045,
|
|
41
41
|
smallBorder: borders === null || borders === void 0 ? void 0 : borders.widthSmall,
|
|
42
42
|
popoverFooterColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts4 = colors.contrasts) === null || _colors$contrasts4 === void 0 ? void 0 : _colors$contrasts4.grey1111,
|
|
43
43
|
checkerboardBackgroundImage: `linear-gradient(45deg, ${colors === null || colors === void 0 ? void 0 : (_colors$contrasts5 = colors.contrasts) === null || _colors$contrasts5 === void 0 ? void 0 : _colors$contrasts5.grey4570} 25%, transparent 25%),
|
package/lib/ColorPreset/theme.js
CHANGED
|
@@ -43,7 +43,7 @@ const generateComponentTheme = theme => {
|
|
|
43
43
|
smallSpacing: spacing === null || spacing === void 0 ? void 0 : spacing.small,
|
|
44
44
|
selectedIndicatorBackgroundColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts = colors.contrasts) === null || _colors$contrasts === void 0 ? void 0 : _colors$contrasts.white1010,
|
|
45
45
|
selectedIndicatorBorderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts2 = colors.contrasts) === null || _colors$contrasts2 === void 0 ? void 0 : _colors$contrasts2.grey125125,
|
|
46
|
-
popoverDividerColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts3 = colors.contrasts) === null || _colors$contrasts3 === void 0 ? void 0 : _colors$contrasts3.
|
|
46
|
+
popoverDividerColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts3 = colors.contrasts) === null || _colors$contrasts3 === void 0 ? void 0 : _colors$contrasts3.grey3045,
|
|
47
47
|
smallBorder: borders === null || borders === void 0 ? void 0 : borders.widthSmall,
|
|
48
48
|
popoverFooterColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts4 = colors.contrasts) === null || _colors$contrasts4 === void 0 ? void 0 : _colors$contrasts4.grey1111,
|
|
49
49
|
checkerboardBackgroundImage: `linear-gradient(45deg, ${colors === null || colors === void 0 ? void 0 : (_colors$contrasts5 = colors.contrasts) === null || _colors$contrasts5 === void 0 ? void 0 : _colors$contrasts5.grey4570} 25%, transparent 25%),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-color-picker",
|
|
3
|
-
"version": "10.24.2",
|
|
3
|
+
"version": "10.24.3-snapshot-2",
|
|
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",
|
|
@@ -24,32 +24,32 @@
|
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@babel/runtime": "^7.27.6",
|
|
27
|
-
"@instructure/console": "10.24.2",
|
|
28
|
-
"@instructure/emotion": "10.24.2",
|
|
29
|
-
"@instructure/shared-types": "10.24.2",
|
|
30
|
-
"@instructure/ui-a11y-content": "10.24.2",
|
|
31
|
-
"@instructure/ui-buttons": "10.24.2",
|
|
32
|
-
"@instructure/ui-color-utils": "10.24.2",
|
|
33
|
-
"@instructure/ui-dom-utils": "10.24.2",
|
|
34
|
-
"@instructure/ui-drilldown": "10.24.2",
|
|
35
|
-
"@instructure/ui-form-field": "10.24.2",
|
|
36
|
-
"@instructure/ui-icons": "10.24.2",
|
|
37
|
-
"@instructure/ui-pill": "10.24.2",
|
|
38
|
-
"@instructure/ui-popover": "10.24.2",
|
|
39
|
-
"@instructure/ui-react-utils": "10.24.2",
|
|
40
|
-
"@instructure/ui-testable": "10.24.2",
|
|
41
|
-
"@instructure/ui-text": "10.24.2",
|
|
42
|
-
"@instructure/ui-text-input": "10.24.2",
|
|
43
|
-
"@instructure/ui-themes": "10.24.2",
|
|
44
|
-
"@instructure/ui-tooltip": "10.24.2",
|
|
45
|
-
"@instructure/ui-utils": "10.24.2",
|
|
46
|
-
"@instructure/ui-view": "10.24.2",
|
|
27
|
+
"@instructure/console": "10.24.3-snapshot-2",
|
|
28
|
+
"@instructure/emotion": "10.24.3-snapshot-2",
|
|
29
|
+
"@instructure/shared-types": "10.24.3-snapshot-2",
|
|
30
|
+
"@instructure/ui-a11y-content": "10.24.3-snapshot-2",
|
|
31
|
+
"@instructure/ui-buttons": "10.24.3-snapshot-2",
|
|
32
|
+
"@instructure/ui-color-utils": "10.24.3-snapshot-2",
|
|
33
|
+
"@instructure/ui-dom-utils": "10.24.3-snapshot-2",
|
|
34
|
+
"@instructure/ui-drilldown": "10.24.3-snapshot-2",
|
|
35
|
+
"@instructure/ui-form-field": "10.24.3-snapshot-2",
|
|
36
|
+
"@instructure/ui-icons": "10.24.3-snapshot-2",
|
|
37
|
+
"@instructure/ui-pill": "10.24.3-snapshot-2",
|
|
38
|
+
"@instructure/ui-popover": "10.24.3-snapshot-2",
|
|
39
|
+
"@instructure/ui-react-utils": "10.24.3-snapshot-2",
|
|
40
|
+
"@instructure/ui-testable": "10.24.3-snapshot-2",
|
|
41
|
+
"@instructure/ui-text": "10.24.3-snapshot-2",
|
|
42
|
+
"@instructure/ui-text-input": "10.24.3-snapshot-2",
|
|
43
|
+
"@instructure/ui-themes": "10.24.3-snapshot-2",
|
|
44
|
+
"@instructure/ui-tooltip": "10.24.3-snapshot-2",
|
|
45
|
+
"@instructure/ui-utils": "10.24.3-snapshot-2",
|
|
46
|
+
"@instructure/ui-view": "10.24.3-snapshot-2",
|
|
47
47
|
"prop-types": "^15.8.1"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
|
-
"@instructure/ui-axe-check": "10.24.2",
|
|
51
|
-
"@instructure/ui-babel-preset": "10.24.2",
|
|
52
|
-
"@instructure/ui-scripts": "10.24.2",
|
|
50
|
+
"@instructure/ui-axe-check": "10.24.3-snapshot-2",
|
|
51
|
+
"@instructure/ui-babel-preset": "10.24.3-snapshot-2",
|
|
52
|
+
"@instructure/ui-scripts": "10.24.3-snapshot-2",
|
|
53
53
|
"@testing-library/jest-dom": "^6.6.3",
|
|
54
54
|
"@testing-library/react": "^16.0.1",
|
|
55
55
|
"@testing-library/user-event": "^14.6.1",
|
package/src/ColorPreset/theme.ts
CHANGED
|
@@ -38,7 +38,7 @@ const generateComponentTheme = (theme: Theme): ColorPresetTheme => {
|
|
|
38
38
|
smallSpacing: spacing?.small,
|
|
39
39
|
selectedIndicatorBackgroundColor: colors?.contrasts?.white1010,
|
|
40
40
|
selectedIndicatorBorderColor: colors?.contrasts?.grey125125,
|
|
41
|
-
popoverDividerColor: colors?.contrasts?.
|
|
41
|
+
popoverDividerColor: colors?.contrasts?.grey3045,
|
|
42
42
|
smallBorder: borders?.widthSmall,
|
|
43
43
|
popoverFooterColor: colors?.contrasts?.grey1111,
|
|
44
44
|
checkerboardBackgroundImage: `linear-gradient(45deg, ${colors?.contrasts?.grey4570} 25%, transparent 25%),
|