@instructure/ui-color-picker 11.7.2-snapshot-48 → 11.7.2-snapshot-50

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 (7) hide show
  1. package/CHANGELOG.md +13 -1
  2. package/es/ColorPicker/v2/index.js +3 -1
  3. package/lib/ColorPicker/v2/index.js +3 -1
  4. package/package.json +24 -24
  5. package/src/ColorPicker/v2/index.tsx +5 -1
  6. package/tsconfig.build.tsbuildinfo +1 -1
  7. package/types/ColorPicker/v2/index.d.ts.map +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
- ## [11.7.2-snapshot-48](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-48) (2026-04-16)
6
+ ## [11.7.2-snapshot-50](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-50) (2026-04-21)
7
7
 
8
8
 
9
9
  ### Bug Fixes
@@ -11,6 +11,18 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
11
11
  * **many:** small fixes for doc and fix component directory mapping in "dev" script ([39f0c99](https://github.com/instructure/instructure-ui/commit/39f0c991315e39d30e1f24b3142b986d5b9041ee))
12
12
 
13
13
 
14
+ ### Features
15
+
16
+ * **many:** rework Select, SimpleSelect and TimeSelect ([fb95519](https://github.com/instructure/instructure-ui/commit/fb9551958326bdc8e95d55075c27c7e078c0c69c))
17
+
18
+
19
+ ### BREAKING CHANGES
20
+
21
+ * **many:** contains breaking changes due to component using the new theming system
22
+
23
+ INSTUI-4807
24
+
25
+
14
26
 
15
27
 
16
28
 
package/es/ColorPicker/v2/index.js CHANGED
@@ -530,7 +530,9 @@ let ColorPicker = (_dec = withStyle(generateStyle), _dec(_class = (_ColorPicker
530
530
  width: width,
531
531
  placeholder: placeholderText,
532
532
  themeOverride: {
533
- padding: ''
533
+ paddingHorizontalSm: '',
534
+ paddingHorizontalMd: '',
535
+ paddingHorizontalLg: ''
534
536
  },
535
537
  renderAfterInput: this.renderAfterInput(),
536
538
  renderBeforeInput: this.renderBeforeInput(),
package/lib/ColorPicker/v2/index.js CHANGED
@@ -537,7 +537,9 @@ let ColorPicker = exports.ColorPicker = (_dec = (0, _emotion.withStyle)(_styles.
537
537
  width: width,
538
538
  placeholder: placeholderText,
539
539
  themeOverride: {
540
- padding: ''
540
+ paddingHorizontalSm: '',
541
+ paddingHorizontalMd: '',
542
+ paddingHorizontalLg: ''
541
543
  },
542
544
  renderAfterInput: this.renderAfterInput(),
543
545
  renderBeforeInput: this.renderBeforeInput(),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-color-picker",
3
- "version": "11.7.2-snapshot-48",
3
+ "version": "11.7.2-snapshot-50",
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,35 +15,35 @@
15
15
  "license": "MIT",
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.27.6",
18
- "@instructure/console": "11.7.2-snapshot-48",
19
- "@instructure/shared-types": "11.7.2-snapshot-48",
20
- "@instructure/ui-a11y-content": "11.7.2-snapshot-48",
21
- "@instructure/ui-buttons": "11.7.2-snapshot-48",
22
- "@instructure/ui-color-utils": "11.7.2-snapshot-48",
23
- "@instructure/emotion": "11.7.2-snapshot-48",
24
- "@instructure/ui-dom-utils": "11.7.2-snapshot-48",
25
- "@instructure/ui-heading": "11.7.2-snapshot-48",
26
- "@instructure/ui-form-field": "11.7.2-snapshot-48",
27
- "@instructure/ui-icons": "11.7.2-snapshot-48",
28
- "@instructure/ui-pill": "11.7.2-snapshot-48",
29
- "@instructure/ui-react-utils": "11.7.2-snapshot-48",
30
- "@instructure/ui-themes": "11.7.2-snapshot-48",
31
- "@instructure/ui-drilldown": "11.7.2-snapshot-48",
32
- "@instructure/ui-popover": "11.7.2-snapshot-48",
33
- "@instructure/ui-text-input": "11.7.2-snapshot-48",
34
- "@instructure/ui-tooltip": "11.7.2-snapshot-48",
35
- "@instructure/ui-utils": "11.7.2-snapshot-48",
36
- "@instructure/ui-text": "11.7.2-snapshot-48",
37
- "@instructure/ui-view": "11.7.2-snapshot-48"
18
+ "@instructure/console": "11.7.2-snapshot-50",
19
+ "@instructure/emotion": "11.7.2-snapshot-50",
20
+ "@instructure/shared-types": "11.7.2-snapshot-50",
21
+ "@instructure/ui-buttons": "11.7.2-snapshot-50",
22
+ "@instructure/ui-a11y-content": "11.7.2-snapshot-50",
23
+ "@instructure/ui-color-utils": "11.7.2-snapshot-50",
24
+ "@instructure/ui-dom-utils": "11.7.2-snapshot-50",
25
+ "@instructure/ui-drilldown": "11.7.2-snapshot-50",
26
+ "@instructure/ui-form-field": "11.7.2-snapshot-50",
27
+ "@instructure/ui-heading": "11.7.2-snapshot-50",
28
+ "@instructure/ui-icons": "11.7.2-snapshot-50",
29
+ "@instructure/ui-react-utils": "11.7.2-snapshot-50",
30
+ "@instructure/ui-pill": "11.7.2-snapshot-50",
31
+ "@instructure/ui-popover": "11.7.2-snapshot-50",
32
+ "@instructure/ui-text-input": "11.7.2-snapshot-50",
33
+ "@instructure/ui-themes": "11.7.2-snapshot-50",
34
+ "@instructure/ui-utils": "11.7.2-snapshot-50",
35
+ "@instructure/ui-text": "11.7.2-snapshot-50",
36
+ "@instructure/ui-tooltip": "11.7.2-snapshot-50",
37
+ "@instructure/ui-view": "11.7.2-snapshot-50"
38
38
  },
39
39
  "devDependencies": {
40
40
  "@testing-library/jest-dom": "^6.6.3",
41
41
  "@testing-library/react": "15.0.7",
42
42
  "@testing-library/user-event": "^14.6.1",
43
43
  "vitest": "^3.2.2",
44
- "@instructure/ui-axe-check": "11.7.2-snapshot-48",
45
- "@instructure/ui-scripts": "11.7.2-snapshot-48",
46
- "@instructure/ui-babel-preset": "11.7.2-snapshot-48"
44
+ "@instructure/ui-axe-check": "11.7.2-snapshot-50",
45
+ "@instructure/ui-scripts": "11.7.2-snapshot-50",
46
+ "@instructure/ui-babel-preset": "11.7.2-snapshot-50"
47
47
  },
48
48
  "peerDependencies": {
49
49
  "react": ">=18 <=19"
package/src/ColorPicker/v2/index.tsx CHANGED
@@ -710,7 +710,11 @@ class ColorPicker extends Component<ColorPickerProps, ColorPickerState> {
710
710
  display="inline-block"
711
711
  width={width}
712
712
  placeholder={placeholderText}
713
- themeOverride={{ padding: '' }}
713
+ themeOverride={{
714
+ paddingHorizontalSm: '',
715
+ paddingHorizontalMd: '',
716
+ paddingHorizontalLg: ''
717
+ }}
714
718
  renderAfterInput={this.renderAfterInput()}
715
719
  renderBeforeInput={this.renderBeforeInput()}
716
720
  inputContainerRef={this.handleInputContainerRef}