@instructure/ui-color-picker 10.19.2-snapshot-5 → 10.19.2-snapshot-7

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.
Files changed (30) hide show
  1. package/CHANGELOG.md +6 -1
  2. package/es/ColorPicker/index.js +7 -7
  3. package/es/ColorPicker/theme.js +4 -4
  4. package/lib/ColorPicker/index.js +7 -7
  5. package/lib/ColorPicker/theme.js +4 -4
  6. package/package.json +28 -28
  7. package/tsconfig.build.tsbuildinfo +1 -1
  8. package/types/ColorContrast/index.d.ts.map +1 -1
  9. package/types/ColorContrast/styles.d.ts.map +1 -1
  10. package/types/ColorContrast/theme.d.ts.map +1 -1
  11. package/types/ColorIndicator/index.d.ts.map +1 -1
  12. package/types/ColorIndicator/styles.d.ts.map +1 -1
  13. package/types/ColorIndicator/theme.d.ts.map +1 -1
  14. package/types/ColorMixer/ColorPalette/index.d.ts.map +1 -1
  15. package/types/ColorMixer/ColorPalette/styles.d.ts.map +1 -1
  16. package/types/ColorMixer/ColorPalette/theme.d.ts.map +1 -1
  17. package/types/ColorMixer/RGBAInput/index.d.ts.map +1 -1
  18. package/types/ColorMixer/RGBAInput/styles.d.ts.map +1 -1
  19. package/types/ColorMixer/RGBAInput/theme.d.ts.map +1 -1
  20. package/types/ColorMixer/Slider/index.d.ts.map +1 -1
  21. package/types/ColorMixer/Slider/styles.d.ts.map +1 -1
  22. package/types/ColorMixer/Slider/theme.d.ts.map +1 -1
  23. package/types/ColorMixer/index.d.ts.map +1 -1
  24. package/types/ColorMixer/utils/shallowCompare.d.ts.map +1 -1
  25. package/types/ColorPicker/index.d.ts.map +1 -1
  26. package/types/ColorPicker/styles.d.ts.map +1 -1
  27. package/types/ColorPicker/theme.d.ts.map +1 -1
  28. package/types/ColorPreset/index.d.ts.map +1 -1
  29. package/types/ColorPreset/styles.d.ts.map +1 -1
  30. package/types/ColorPreset/theme.d.ts.map +1 -1
package/CHANGELOG.md CHANGED
@@ -3,7 +3,12 @@
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.19.2-snapshot-5](https://github.com/instructure/instructure-ui/compare/v10.19.1...v10.19.2-snapshot-5) (2025-06-12)
6
+ ## [10.19.2-snapshot-7](https://github.com/instructure/instructure-ui/compare/v10.19.1...v10.19.2-snapshot-7) (2025-06-13)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **many:** update dependencies, browsersdb and moment timezone database ([3813636](https://github.com/instructure/instructure-ui/commit/3813636458c901ad4bc74a4d5ae015cb55defcb2))
7
12
 
8
13
 
9
14
  ### Features
package/es/ColorPicker/index.js CHANGED
@@ -433,13 +433,13 @@ let ColorPicker = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
433
433
  }
434
434
  render() {
435
435
  var _this$props$styles6, _this$props$styles7, _this$props$styles8;
436
- const _this$props10 = this.props,
437
- disabled = _this$props10.disabled,
438
- isRequired = _this$props10.isRequired,
439
- placeholderText = _this$props10.placeholderText,
440
- width = _this$props10.width,
441
- id = _this$props10.id,
442
- inputRef = _this$props10.inputRef;
436
+ const _this$props0 = this.props,
437
+ disabled = _this$props0.disabled,
438
+ isRequired = _this$props0.isRequired,
439
+ placeholderText = _this$props0.placeholderText,
440
+ width = _this$props0.width,
441
+ id = _this$props0.id,
442
+ inputRef = _this$props0.inputRef;
443
443
  return _jsxs("div", {
444
444
  ...omitProps(this.props, ColorPicker.allowedProps),
445
445
  css: (_this$props$styles6 = this.props.styles) === null || _this$props$styles6 === void 0 ? void 0 : _this$props$styles6.colorPicker,
package/es/ColorPicker/theme.js CHANGED
@@ -28,7 +28,7 @@
28
28
  * @return {Object} The final theme object with the overrides and component variables
29
29
  */
30
30
  const generateComponentTheme = theme => {
31
- var _colors$contrasts, _colors$contrasts2, _colors$contrasts3, _colors$contrasts4, _colors$contrasts5, _colors$contrasts6, _colors$contrasts7, _colors$contrasts8, _colors$contrasts9, _colors$contrasts10, _colors$contrasts11, _colors$contrasts12;
31
+ var _colors$contrasts, _colors$contrasts2, _colors$contrasts3, _colors$contrasts4, _colors$contrasts5, _colors$contrasts6, _colors$contrasts7, _colors$contrasts8, _colors$contrasts9, _colors$contrasts0, _colors$contrasts1, _colors$contrasts10;
32
32
  const colors = theme.colors,
33
33
  borders = theme.borders,
34
34
  spacing = theme.spacing,
@@ -49,11 +49,11 @@ const generateComponentTheme = theme => {
49
49
  checkerboardBackgroundColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts7 = colors.contrasts) === null || _colors$contrasts7 === void 0 ? void 0 : _colors$contrasts7.white1010,
50
50
  checkerboardBackgroundImage: `linear-gradient(45deg, ${colors === null || colors === void 0 ? void 0 : (_colors$contrasts8 = colors.contrasts) === null || _colors$contrasts8 === void 0 ? void 0 : _colors$contrasts8.grey1214} 25%, transparent 25%),
51
51
  linear-gradient(-45deg, ${colors === null || colors === void 0 ? void 0 : (_colors$contrasts9 = colors.contrasts) === null || _colors$contrasts9 === void 0 ? void 0 : _colors$contrasts9.grey1214} 25%, transparent 25%),
52
- linear-gradient(45deg, transparent 75%, ${colors === null || colors === void 0 ? void 0 : (_colors$contrasts10 = colors.contrasts) === null || _colors$contrasts10 === void 0 ? void 0 : _colors$contrasts10.grey1214} 75%),
53
- linear-gradient(-45deg, transparent 75%, ${colors === null || colors === void 0 ? void 0 : (_colors$contrasts11 = colors.contrasts) === null || _colors$contrasts11 === void 0 ? void 0 : _colors$contrasts11.grey1214} 75%)`,
52
+ linear-gradient(45deg, transparent 75%, ${colors === null || colors === void 0 ? void 0 : (_colors$contrasts0 = colors.contrasts) === null || _colors$contrasts0 === void 0 ? void 0 : _colors$contrasts0.grey1214} 75%),
53
+ linear-gradient(-45deg, transparent 75%, ${colors === null || colors === void 0 ? void 0 : (_colors$contrasts1 = colors.contrasts) === null || _colors$contrasts1 === void 0 ? void 0 : _colors$contrasts1.grey1214} 75%)`,
54
54
  checkerboardBackgroundSize: '.5rem .5rem',
55
55
  checkerboardBackgroundPosition: '0 0, 0 .25rem, .25rem -0.25rem, -0.25rem 0px',
56
- colorIndicatorBorderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts12 = colors.contrasts) === null || _colors$contrasts12 === void 0 ? void 0 : _colors$contrasts12.grey1424,
56
+ colorIndicatorBorderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts10 = colors.contrasts) === null || _colors$contrasts10 === void 0 ? void 0 : _colors$contrasts10.grey1424,
57
57
  simpleColorContainerLeftPadding: spacing === null || spacing === void 0 ? void 0 : spacing.xSmall,
58
58
  hashMarkContainerLineHeight: typography === null || typography === void 0 ? void 0 : typography.fontSizeXLarge,
59
59
  hashMarkContainerLeftPadding: spacing === null || spacing === void 0 ? void 0 : spacing.xSmall,
package/lib/ColorPicker/index.js CHANGED
@@ -444,13 +444,13 @@ let ColorPicker = exports.ColorPicker = (_dec = (0, _emotion.withStyle)(_styles.
444
444
  }
445
445
  render() {
446
446
  var _this$props$styles6, _this$props$styles7, _this$props$styles8;
447
- const _this$props10 = this.props,
448
- disabled = _this$props10.disabled,
449
- isRequired = _this$props10.isRequired,
450
- placeholderText = _this$props10.placeholderText,
451
- width = _this$props10.width,
452
- id = _this$props10.id,
453
- inputRef = _this$props10.inputRef;
447
+ const _this$props0 = this.props,
448
+ disabled = _this$props0.disabled,
449
+ isRequired = _this$props0.isRequired,
450
+ placeholderText = _this$props0.placeholderText,
451
+ width = _this$props0.width,
452
+ id = _this$props0.id,
453
+ inputRef = _this$props0.inputRef;
454
454
  return (0, _jsxRuntime.jsxs)("div", {
455
455
  ...(0, _omitProps.omitProps)(this.props, ColorPicker.allowedProps),
456
456
  css: (_this$props$styles6 = this.props.styles) === null || _this$props$styles6 === void 0 ? void 0 : _this$props$styles6.colorPicker,
package/lib/ColorPicker/theme.js CHANGED
@@ -34,7 +34,7 @@ exports.default = void 0;
34
34
  * @return {Object} The final theme object with the overrides and component variables
35
35
  */
36
36
  const generateComponentTheme = theme => {
37
- var _colors$contrasts, _colors$contrasts2, _colors$contrasts3, _colors$contrasts4, _colors$contrasts5, _colors$contrasts6, _colors$contrasts7, _colors$contrasts8, _colors$contrasts9, _colors$contrasts10, _colors$contrasts11, _colors$contrasts12;
37
+ var _colors$contrasts, _colors$contrasts2, _colors$contrasts3, _colors$contrasts4, _colors$contrasts5, _colors$contrasts6, _colors$contrasts7, _colors$contrasts8, _colors$contrasts9, _colors$contrasts0, _colors$contrasts1, _colors$contrasts10;
38
38
  const colors = theme.colors,
39
39
  borders = theme.borders,
40
40
  spacing = theme.spacing,
@@ -55,11 +55,11 @@ const generateComponentTheme = theme => {
55
55
  checkerboardBackgroundColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts7 = colors.contrasts) === null || _colors$contrasts7 === void 0 ? void 0 : _colors$contrasts7.white1010,
56
56
  checkerboardBackgroundImage: `linear-gradient(45deg, ${colors === null || colors === void 0 ? void 0 : (_colors$contrasts8 = colors.contrasts) === null || _colors$contrasts8 === void 0 ? void 0 : _colors$contrasts8.grey1214} 25%, transparent 25%),
57
57
  linear-gradient(-45deg, ${colors === null || colors === void 0 ? void 0 : (_colors$contrasts9 = colors.contrasts) === null || _colors$contrasts9 === void 0 ? void 0 : _colors$contrasts9.grey1214} 25%, transparent 25%),
58
- linear-gradient(45deg, transparent 75%, ${colors === null || colors === void 0 ? void 0 : (_colors$contrasts10 = colors.contrasts) === null || _colors$contrasts10 === void 0 ? void 0 : _colors$contrasts10.grey1214} 75%),
59
- linear-gradient(-45deg, transparent 75%, ${colors === null || colors === void 0 ? void 0 : (_colors$contrasts11 = colors.contrasts) === null || _colors$contrasts11 === void 0 ? void 0 : _colors$contrasts11.grey1214} 75%)`,
58
+ linear-gradient(45deg, transparent 75%, ${colors === null || colors === void 0 ? void 0 : (_colors$contrasts0 = colors.contrasts) === null || _colors$contrasts0 === void 0 ? void 0 : _colors$contrasts0.grey1214} 75%),
59
+ linear-gradient(-45deg, transparent 75%, ${colors === null || colors === void 0 ? void 0 : (_colors$contrasts1 = colors.contrasts) === null || _colors$contrasts1 === void 0 ? void 0 : _colors$contrasts1.grey1214} 75%)`,
60
60
  checkerboardBackgroundSize: '.5rem .5rem',
61
61
  checkerboardBackgroundPosition: '0 0, 0 .25rem, .25rem -0.25rem, -0.25rem 0px',
62
- colorIndicatorBorderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts12 = colors.contrasts) === null || _colors$contrasts12 === void 0 ? void 0 : _colors$contrasts12.grey1424,
62
+ colorIndicatorBorderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts10 = colors.contrasts) === null || _colors$contrasts10 === void 0 ? void 0 : _colors$contrasts10.grey1424,
63
63
  simpleColorContainerLeftPadding: spacing === null || spacing === void 0 ? void 0 : spacing.xSmall,
64
64
  hashMarkContainerLineHeight: typography === null || typography === void 0 ? void 0 : typography.fontSizeXLarge,
65
65
  hashMarkContainerLeftPadding: spacing === null || spacing === void 0 ? void 0 : spacing.xSmall,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-color-picker",
3
- "version": "10.19.2-snapshot-5",
3
+ "version": "10.19.2-snapshot-7",
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",
@@ -23,38 +23,38 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "dependencies": {
26
- "@babel/runtime": "^7.26.0",
27
- "@instructure/console": "10.19.2-snapshot-5",
28
- "@instructure/emotion": "10.19.2-snapshot-5",
29
- "@instructure/shared-types": "10.19.2-snapshot-5",
30
- "@instructure/ui-a11y-content": "10.19.2-snapshot-5",
31
- "@instructure/ui-buttons": "10.19.2-snapshot-5",
32
- "@instructure/ui-color-utils": "10.19.2-snapshot-5",
33
- "@instructure/ui-dom-utils": "10.19.2-snapshot-5",
34
- "@instructure/ui-drilldown": "10.19.2-snapshot-5",
35
- "@instructure/ui-form-field": "10.19.2-snapshot-5",
36
- "@instructure/ui-icons": "10.19.2-snapshot-5",
37
- "@instructure/ui-pill": "10.19.2-snapshot-5",
38
- "@instructure/ui-popover": "10.19.2-snapshot-5",
39
- "@instructure/ui-react-utils": "10.19.2-snapshot-5",
40
- "@instructure/ui-testable": "10.19.2-snapshot-5",
41
- "@instructure/ui-text": "10.19.2-snapshot-5",
42
- "@instructure/ui-text-input": "10.19.2-snapshot-5",
43
- "@instructure/ui-themes": "10.19.2-snapshot-5",
44
- "@instructure/ui-tooltip": "10.19.2-snapshot-5",
45
- "@instructure/ui-utils": "10.19.2-snapshot-5",
46
- "@instructure/ui-view": "10.19.2-snapshot-5",
26
+ "@babel/runtime": "^7.27.6",
27
+ "@instructure/console": "10.19.2-snapshot-7",
28
+ "@instructure/emotion": "10.19.2-snapshot-7",
29
+ "@instructure/shared-types": "10.19.2-snapshot-7",
30
+ "@instructure/ui-a11y-content": "10.19.2-snapshot-7",
31
+ "@instructure/ui-buttons": "10.19.2-snapshot-7",
32
+ "@instructure/ui-color-utils": "10.19.2-snapshot-7",
33
+ "@instructure/ui-dom-utils": "10.19.2-snapshot-7",
34
+ "@instructure/ui-drilldown": "10.19.2-snapshot-7",
35
+ "@instructure/ui-form-field": "10.19.2-snapshot-7",
36
+ "@instructure/ui-icons": "10.19.2-snapshot-7",
37
+ "@instructure/ui-pill": "10.19.2-snapshot-7",
38
+ "@instructure/ui-popover": "10.19.2-snapshot-7",
39
+ "@instructure/ui-react-utils": "10.19.2-snapshot-7",
40
+ "@instructure/ui-testable": "10.19.2-snapshot-7",
41
+ "@instructure/ui-text": "10.19.2-snapshot-7",
42
+ "@instructure/ui-text-input": "10.19.2-snapshot-7",
43
+ "@instructure/ui-themes": "10.19.2-snapshot-7",
44
+ "@instructure/ui-tooltip": "10.19.2-snapshot-7",
45
+ "@instructure/ui-utils": "10.19.2-snapshot-7",
46
+ "@instructure/ui-view": "10.19.2-snapshot-7",
47
47
  "prop-types": "^15.8.1"
48
48
  },
49
49
  "devDependencies": {
50
- "@instructure/ui-axe-check": "10.19.2-snapshot-5",
51
- "@instructure/ui-babel-preset": "10.19.2-snapshot-5",
52
- "@instructure/ui-scripts": "10.19.2-snapshot-5",
53
- "@instructure/ui-test-utils": "10.19.2-snapshot-5",
50
+ "@instructure/ui-axe-check": "10.19.2-snapshot-7",
51
+ "@instructure/ui-babel-preset": "10.19.2-snapshot-7",
52
+ "@instructure/ui-scripts": "10.19.2-snapshot-7",
53
+ "@instructure/ui-test-utils": "10.19.2-snapshot-7",
54
54
  "@testing-library/jest-dom": "^6.6.3",
55
55
  "@testing-library/react": "^16.0.1",
56
- "@testing-library/user-event": "^14.5.2",
57
- "vitest": "^2.1.8"
56
+ "@testing-library/user-event": "^14.6.1",
57
+ "vitest": "^3.2.2"
58
58
  },
59
59
  "peerDependencies": {
60
60
  "react": ">=16.14 <=18"