@instructure/ui-color-picker 8.46.2-snapshot-4 → 8.46.2-snapshot-6

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [8.46.2-snapshot-4](https://github.com/instructure/instructure-ui/compare/v8.46.1...v8.46.2-snapshot-4) (2023-10-18)
+## [8.46.2-snapshot-6](https://github.com/instructure/instructure-ui/compare/v8.46.1...v8.46.2-snapshot-6) (2023-10-19)
 
 **Note:** Version bump only for package @instructure/ui-color-picker
 

package/lib/ColorContrast/ColorContrastLocator.js

@@ -38,7 +38,7 @@ var _index = require("./index");
 /* eslint-enable no-restricted-imports */
 
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
-const ColorContrastLocator = (0, _locator.locator)(_index.ColorContrast.selector, {
+const ColorContrastLocator = exports.ColorContrastLocator = (0, _locator.locator)(_index.ColorContrast.selector, {
   findPreview: (...args) => {
     return (0, _uiTestQueries.find)('[class$=-colorContrast__colorPreview]', ...args);
   },
@@ -54,5 +54,4 @@ const ColorContrastLocator = (0, _locator.locator)(_index.ColorContrast.selector
     const pills = await _PillLocator.PillLocator.findAll();
     return pills[2];
   }
-});
-exports.ColorContrastLocator = ColorContrastLocator;
+});

package/lib/ColorContrast/index.js

@@ -50,7 +50,7 @@ category: components
 ---
 @tsProps
 **/
-let ColorContrast = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class ColorContrast extends _react.Component {
+let ColorContrast = exports.ColorContrast = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class ColorContrast extends _react.Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -165,6 +165,4 @@ let ColorContrast = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
 }, _class2.displayName = "ColorContrast", _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.componentId = 'ColorContrast', _class2.defaultProps = {
   withoutColorPreview: false
 }, _class2)) || _class) || _class);
-exports.ColorContrast = ColorContrast;
-var _default = ColorContrast;
-exports.default = _default;
+var _default = exports.default = ColorContrast;

package/lib/ColorContrast/props.js

@@ -30,7 +30,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * SOFTWARE.
  */
 
-const propTypes = {
+const propTypes = exports.propTypes = {
   elementRef: _propTypes.default.func,
   failureLabel: _propTypes.default.string.isRequired,
   firstColor: _propTypes.default.string.isRequired,
@@ -44,6 +44,4 @@ const propTypes = {
   secondColorLabel: _propTypes.default.string,
   successLabel: _propTypes.default.string.isRequired
 };
-exports.propTypes = propTypes;
-const allowedProps = ['elementRef', 'failureLabel', 'firstColor', 'firstColorLabel', 'graphicsTextLabel', 'withoutColorPreview', 'label', 'largeTextLabel', 'normalTextLabel', 'secondColor', 'secondColorLabel', 'successLabel'];
-exports.allowedProps = allowedProps;
+const allowedProps = exports.allowedProps = ['elementRef', 'failureLabel', 'firstColor', 'firstColorLabel', 'graphicsTextLabel', 'withoutColorPreview', 'label', 'largeTextLabel', 'normalTextLabel', 'secondColor', 'secondColorLabel', 'successLabel'];

package/lib/ColorContrast/styles.js

@@ -100,5 +100,4 @@ const generateStyle = componentTheme => {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/ColorContrast/theme.js

@@ -58,5 +58,4 @@ const generateComponentTheme = theme => {
     ...componentVariables
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/ColorIndicator/ColorIndicatorLocator.js

@@ -32,7 +32,7 @@ var _uiColorUtils = require("@instructure/ui-color-utils");
  */
 
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
-const ColorIndicatorLocator = (0, _locator.locator)(_index.ColorIndicator.selector, {
+const ColorIndicatorLocator = exports.ColorIndicatorLocator = (0, _locator.locator)(_index.ColorIndicator.selector, {
   getColorRGBA: element => {
     const _getComputedStyle = getComputedStyle(element),
       boxShadow = _getComputedStyle.boxShadow;
@@ -42,5 +42,4 @@ const ColorIndicatorLocator = (0, _locator.locator)(_index.ColorIndicator.select
     const shadowColor = /rgba?\(\d+,\s\d+,\s\d+(,\s.+)?\)/.exec(boxShadow)[0];
     return (0, _uiColorUtils.colorToRGB)(shadowColor);
   }
-});
-exports.ColorIndicatorLocator = ColorIndicatorLocator;
+});

package/lib/ColorIndicator/index.js

@@ -43,7 +43,7 @@ category: components
 ---
 @tsProps
 **/
-let ColorIndicator = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class ColorIndicator extends _react.Component {
+let ColorIndicator = exports.ColorIndicator = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class ColorIndicator extends _react.Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -73,6 +73,4 @@ let ColorIndicator = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
 }, _class2.displayName = "ColorIndicator", _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.componentId = 'ColorIndicator', _class2.defaultProps = {
   shape: 'circle'
 }, _class2)) || _class) || _class);
-exports.ColorIndicator = ColorIndicator;
-var _default = ColorIndicator;
-exports.default = _default;
+var _default = exports.default = ColorIndicator;

package/lib/ColorIndicator/props.js

@@ -30,11 +30,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * SOFTWARE.
  */
 
-const propTypes = {
+const propTypes = exports.propTypes = {
   color: _propTypes.default.string,
   elementRef: _propTypes.default.func,
   shape: _propTypes.default.oneOf(['circle', 'rectangle'])
 };
-exports.propTypes = propTypes;
-const allowedProps = ['color', 'elementRef', 'shape'];
-exports.allowedProps = allowedProps;
+const allowedProps = exports.allowedProps = ['color', 'elementRef', 'shape'];

package/lib/ColorIndicator/styles.js

@@ -71,5 +71,4 @@ const generateStyle = (componentTheme, props) => {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/ColorIndicator/theme.js

@@ -28,14 +28,13 @@ exports.default = exports.colorIndicatorBorderColor = void 0;
  * SOFTWARE.
  */
 
-const colorIndicatorBorderColor = '#384A5899';
+const colorIndicatorBorderColor = exports.colorIndicatorBorderColor = '#384A5899';
 
 /**
  * Generates the theme object for the component from the theme and provided additional information
  * @param  {Object} theme The actual theme object.
  * @return {Object} The final theme object with the overrides and component variables
  */
-exports.colorIndicatorBorderColor = colorIndicatorBorderColor;
 const generateComponentTheme = theme => {
   const colors = theme.colors,
     borders = theme.borders,
@@ -58,5 +57,4 @@ const generateComponentTheme = theme => {
     ...componentVariables
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/ColorMixer/ColorMixerLocator.js

@@ -49,5 +49,4 @@ const customMethos = {
   }
 };
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
-const ColorMixerLocator = (0, _locator.locator)(_index.ColorMixer.selector, customMethos);
-exports.ColorMixerLocator = ColorMixerLocator;
+const ColorMixerLocator = exports.ColorMixerLocator = (0, _locator.locator)(_index.ColorMixer.selector, customMethos);

package/lib/ColorMixer/ColorPalette/index.js

@@ -231,5 +231,4 @@ let ColorPalette = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec
     }));
   }
 }, _class2.displayName = "ColorPalette", _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.componentId = 'ColorMixer.Palette', _class2)) || _class) || _class);
-var _default = ColorPalette;
-exports.default = _default;
+var _default = exports.default = ColorPalette;

package/lib/ColorMixer/ColorPalette/props.js

@@ -30,7 +30,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * SOFTWARE.
  */
 
-const propTypes = {
+const propTypes = exports.propTypes = {
   disabled: _propTypes.default.bool,
   hue: _propTypes.default.number.isRequired,
   color: _propTypes.default.object.isRequired,
@@ -41,6 +41,4 @@ const propTypes = {
   elementRef: _propTypes.default.func,
   navigationExplanationScreenReaderLabel: _propTypes.default.string.isRequired
 };
-exports.propTypes = propTypes;
-const allowedProps = ['disabled', 'hue', 'color', 'width', 'height', 'indicatorRadius', 'onChange', 'elementRef', 'navigationExplanationScreenReaderLabel'];
-exports.allowedProps = allowedProps;
+const allowedProps = exports.allowedProps = ['disabled', 'hue', 'color', 'width', 'height', 'indicatorRadius', 'onChange', 'elementRef', 'navigationExplanationScreenReaderLabel'];

package/lib/ColorMixer/ColorPalette/styles.js

@@ -83,5 +83,4 @@ const generateStyle = (componentTheme, props, state) => {
     paletteOffset: componentTheme.paletteOffset
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/ColorMixer/ColorPalette/theme.js

@@ -52,5 +52,4 @@ const generateComponentTheme = theme => {
     ...componentVariables
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/ColorMixer/RGBAInput/index.js

@@ -139,5 +139,4 @@ let RGBAInput = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
 }, _class2.displayName = "RGBAInput", _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.componentId = 'ColorMixer.RGBAInput', _class2.defaultProps = {
   withAlpha: false
 }, _class2)) || _class);
-var _default = RGBAInput;
-exports.default = _default;
+var _default = exports.default = RGBAInput;

package/lib/ColorMixer/RGBAInput/props.js

@@ -30,7 +30,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * SOFTWARE.
  */
 
-const propTypes = {
+const propTypes = exports.propTypes = {
   disabled: _propTypes.default.bool,
   label: _propTypes.default.string,
   width: _propTypes.default.number.isRequired,
@@ -43,6 +43,4 @@ const propTypes = {
   rgbAlphaInputScreenReaderLabel: _propTypes.default.string.isRequired,
   elementRef: _propTypes.default.func
 };
-exports.propTypes = propTypes;
-const allowedProps = ['disabled', 'label', 'width', 'value', 'onChange', 'withAlpha', 'rgbRedInputScreenReaderLabel', 'rgbGreenInputScreenReaderLabel', 'rgbBlueInputScreenReaderLabel', 'rgbAlphaInputScreenReaderLabel', 'elementRef'];
-exports.allowedProps = allowedProps;
+const allowedProps = exports.allowedProps = ['disabled', 'label', 'width', 'value', 'onChange', 'withAlpha', 'rgbRedInputScreenReaderLabel', 'rgbGreenInputScreenReaderLabel', 'rgbBlueInputScreenReaderLabel', 'rgbAlphaInputScreenReaderLabel', 'elementRef'];

package/lib/ColorMixer/RGBAInput/styles.js

@@ -65,5 +65,4 @@ const generateStyle = (componentTheme, props) => {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/ColorMixer/RGBAInput/theme.js

@@ -46,5 +46,4 @@ const generateComponentTheme = theme => {
     ...componentVariables
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/ColorMixer/Slider/index.js

@@ -190,5 +190,4 @@ let Slider = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _
 }, _class2.displayName = "Slider", _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.componentId = 'ColorMixer.Slider', _class2.defaultProps = {
   isColorSlider: false
 }, _class2)) || _class);
-var _default = Slider;
-exports.default = _default;
+var _default = exports.default = Slider;

package/lib/ColorMixer/Slider/props.js

@@ -30,7 +30,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * SOFTWARE.
  */
 
-const propTypes = {
+const propTypes = exports.propTypes = {
   isColorSlider: _propTypes.default.bool,
   onChange: _propTypes.default.func.isRequired,
   width: _propTypes.default.number.isRequired,
@@ -42,6 +42,4 @@ const propTypes = {
   elementRef: _propTypes.default.func,
   navigationExplanationScreenReaderLabel: _propTypes.default.string.isRequired
 };
-exports.propTypes = propTypes;
-const allowedProps = ['isColorSlider', 'onChange', 'width', 'value', 'minValue', 'maxValue', 'indicatorRadius', 'height', 'elementRef', 'navigationExplanationScreenReaderLabel'];
-exports.allowedProps = allowedProps;
+const allowedProps = exports.allowedProps = ['isColorSlider', 'onChange', 'width', 'value', 'minValue', 'maxValue', 'indicatorRadius', 'height', 'elementRef', 'navigationExplanationScreenReaderLabel'];

package/lib/ColorMixer/Slider/styles.js

@@ -96,5 +96,4 @@ const generateStyle = (componentTheme, props, state) => {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/ColorMixer/Slider/theme.js

@@ -56,5 +56,4 @@ const generateComponentTheme = theme => {
     ...componentVariables
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/ColorMixer/index.js

@@ -47,7 +47,7 @@ category: components
 ---
 @tsProps
 **/
-let ColorMixer = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class ColorMixer extends _react.Component {
+let ColorMixer = exports.ColorMixer = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class ColorMixer extends _react.Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -216,6 +216,4 @@ let ColorMixer = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 =
   withAlpha: false,
   disabled: false
 }, _class2)) || _class) || _class);
-exports.ColorMixer = ColorMixer;
-var _default = ColorMixer;
-exports.default = _default;
+var _default = exports.default = ColorMixer;

package/lib/ColorMixer/props.js

@@ -30,7 +30,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * SOFTWARE.
  */
 
-const propTypes = {
+const propTypes = exports.propTypes = {
   disabled: _propTypes.default.bool,
   elementRef: _propTypes.default.func,
   withAlpha: _propTypes.default.bool,
@@ -44,6 +44,4 @@ const propTypes = {
   alphaSliderNavigationExplanationScreenReaderLabel: _propTypes.default.string.isRequired,
   colorPaletteNavigationExplanationScreenReaderLabel: _propTypes.default.string.isRequired
 };
-exports.propTypes = propTypes;
-const allowedProps = ['disabled', 'elementRef', 'value', 'onChange', 'withAlpha', 'rgbRedInputScreenReaderLabel', 'rgbGreenInputScreenReaderLabel', 'rgbBlueInputScreenReaderLabel', 'rgbAlphaInputScreenReaderLabel', 'colorSliderNavigationExplanationScreenReaderLabel', 'alphaSliderNavigationExplanationScreenReaderLabel', 'colorPaletteNavigationExplanationScreenReaderLabel'];
-exports.allowedProps = allowedProps;
+const allowedProps = exports.allowedProps = ['disabled', 'elementRef', 'value', 'onChange', 'withAlpha', 'rgbRedInputScreenReaderLabel', 'rgbGreenInputScreenReaderLabel', 'rgbBlueInputScreenReaderLabel', 'rgbAlphaInputScreenReaderLabel', 'colorSliderNavigationExplanationScreenReaderLabel', 'alphaSliderNavigationExplanationScreenReaderLabel', 'colorPaletteNavigationExplanationScreenReaderLabel'];

package/lib/ColorMixer/styles.js

@@ -51,5 +51,4 @@ const generateStyle = () => {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/ColorMixer/utils/shallowCompare.js

@@ -34,5 +34,4 @@ const shallowCompare = (newObj, prevObj) => {
   }
   return false;
 };
-var _default = shallowCompare;
-exports.default = _default;
+var _default = exports.default = shallowCompare;

package/lib/ColorPicker/ColorPickerLocator.js

@@ -113,5 +113,4 @@ const customMethods = {
 };
 
 //@ts-expect-error no selector on class
-const ColorPickerLocator = (0, _locator.locator)(_.ColorPicker.selector, customMethods);
-exports.ColorPickerLocator = ColorPickerLocator;
+const ColorPickerLocator = exports.ColorPickerLocator = (0, _locator.locator)(_.ColorPicker.selector, customMethods);

package/lib/ColorPicker/index.js

@@ -63,7 +63,7 @@ category: components
 ---
 @tsProps
 **/
-let ColorPicker = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class ColorPicker extends _react.Component {
+let ColorPicker = exports.ColorPicker = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class ColorPicker extends _react.Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -447,6 +447,4 @@ let ColorPicker = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
   width: '22.5rem',
   popoverMaxHeight: '100vh'
 }, _class2)) || _class) || _class);
-exports.ColorPicker = ColorPicker;
-var _default = ColorPicker;
-exports.default = _default;
+var _default = exports.default = ColorPicker;

package/lib/ColorPicker/props.js

@@ -30,7 +30,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * SOFTWARE.
  */
 
-const propTypes = {
+const propTypes = exports.propTypes = {
   checkContrast: _propTypes.default.shape({
     isStrict: _propTypes.default.bool,
     contrastStrength: _propTypes.default.oneOf(['min', 'mid', 'max']),
@@ -86,6 +86,4 @@ const propTypes = {
   width: _propTypes.default.string,
   withAlpha: _propTypes.default.bool
 };
-exports.propTypes = propTypes;
-const allowedProps = ['id', 'checkContrast', 'colorMixerSettings', 'children', 'disabled', 'elementRef', 'isRequired', 'label', 'onChange', 'placeholderText', 'popoverScreenReaderLabel', 'popoverButtonScreenReaderLabel', 'popoverMaxHeight', 'renderInvalidColorMessage', 'renderIsRequiredMessage', 'renderMessages', 'tooltip', 'value', 'width', 'withAlpha'];
-exports.allowedProps = allowedProps;
+const allowedProps = exports.allowedProps = ['id', 'checkContrast', 'colorMixerSettings', 'children', 'disabled', 'elementRef', 'isRequired', 'label', 'onChange', 'placeholderText', 'popoverScreenReaderLabel', 'popoverButtonScreenReaderLabel', 'popoverMaxHeight', 'renderInvalidColorMessage', 'renderIsRequiredMessage', 'renderMessages', 'tooltip', 'value', 'width', 'withAlpha'];

package/lib/ColorPicker/styles.js

@@ -122,5 +122,4 @@ const generateStyle = (componentTheme, props, state) => {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/ColorPicker/theme.js

@@ -80,5 +80,4 @@ const generateComponentTheme = theme => {
     ...componentVariables
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/lib/ColorPreset/ColorPresetLocator.js

@@ -45,7 +45,7 @@ var _index = require("./index");
 /* eslint-enable no-restricted-imports */
 
 // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
-const ColorPresetLocator = (0, _locator.locator)(_index.ColorPreset.selector, {
+const ColorPresetLocator = exports.ColorPresetLocator = (0, _locator.locator)(_index.ColorPreset.selector, {
   findAllColorIndicators: (...args) => {
     return _ColorIndicatorLocator.ColorIndicatorLocator.findAll(...args);
   },
@@ -75,5 +75,4 @@ const ColorPresetLocator = (0, _locator.locator)(_index.ColorPreset.selector, {
     await indicators[index].click();
     return await menus[index].findPopoverContent();
   }
-});
-exports.ColorPresetLocator = ColorPresetLocator;
+});

package/lib/ColorPreset/index.js

@@ -56,7 +56,7 @@ category: components
 ---
 @tsProps
 **/
-let ColorPreset = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class ColorPreset extends _react.Component {
+let ColorPreset = exports.ColorPreset = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class ColorPreset extends _react.Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -256,6 +256,4 @@ let ColorPreset = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
 }, _class2.displayName = "ColorPreset", _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.componentId = 'ColorPreset', _class2.defaultProps = {
   disabled: false
 }, _class2)) || _class) || _class);
-exports.ColorPreset = ColorPreset;
-var _default = ColorPreset;
-exports.default = _default;
+var _default = exports.default = ColorPreset;

package/lib/ColorPreset/props.js

@@ -30,7 +30,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * SOFTWARE.
  */
 
-const propTypes = {
+const propTypes = exports.propTypes = {
   colors: _propTypes.default.array.isRequired,
   onSelect: _propTypes.default.func.isRequired,
   selected: _propTypes.default.string,
@@ -69,6 +69,4 @@ const propTypes = {
     })
   })
 };
-exports.propTypes = propTypes;
-const allowedProps = ['colors', 'disabled', 'elementRef', 'label', 'colorMixerSettings', 'onSelect', 'popoverScreenReaderLabel', 'selected'];
-exports.allowedProps = allowedProps;
+const allowedProps = exports.allowedProps = ['colors', 'disabled', 'elementRef', 'label', 'colorMixerSettings', 'onSelect', 'popoverScreenReaderLabel', 'selected'];

package/lib/ColorPreset/styles.js

@@ -106,5 +106,4 @@ const generateStyle = (componentTheme, props) => {
     }
   };
 };
-var _default = generateStyle;
-exports.default = _default;
+var _default = exports.default = generateStyle;

package/lib/ColorPreset/theme.js

@@ -59,5 +59,4 @@ const generateComponentTheme = theme => {
     ...componentVariables
   };
 };
-var _default = generateComponentTheme;
-exports.default = _default;
+var _default = exports.default = generateComponentTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-color-picker",
-  "version": "8.46.2-snapshot-4",
+  "version": "8.46.2-snapshot-6",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,34 +23,34 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@babel/runtime": "^7.22.15",
-    "@instructure/console": "8.46.2-snapshot-4",
-    "@instructure/emotion": "8.46.2-snapshot-4",
-    "@instructure/shared-types": "8.46.2-snapshot-4",
-    "@instructure/ui-a11y-content": "8.46.2-snapshot-4",
-    "@instructure/ui-buttons": "8.46.2-snapshot-4",
-    "@instructure/ui-color-utils": "8.46.2-snapshot-4",
-    "@instructure/ui-dom-utils": "8.46.2-snapshot-4",
-    "@instructure/ui-drilldown": "8.46.2-snapshot-4",
-    "@instructure/ui-form-field": "8.46.2-snapshot-4",
-    "@instructure/ui-icons": "8.46.2-snapshot-4",
-    "@instructure/ui-pill": "8.46.2-snapshot-4",
-    "@instructure/ui-popover": "8.46.2-snapshot-4",
-    "@instructure/ui-react-utils": "8.46.2-snapshot-4",
-    "@instructure/ui-testable": "8.46.2-snapshot-4",
-    "@instructure/ui-text": "8.46.2-snapshot-4",
-    "@instructure/ui-text-input": "8.46.2-snapshot-4",
-    "@instructure/ui-themes": "8.46.2-snapshot-4",
-    "@instructure/ui-tooltip": "8.46.2-snapshot-4",
-    "@instructure/ui-utils": "8.46.2-snapshot-4",
-    "@instructure/ui-view": "8.46.2-snapshot-4",
+    "@babel/runtime": "^7.23.2",
+    "@instructure/console": "8.46.2-snapshot-6",
+    "@instructure/emotion": "8.46.2-snapshot-6",
+    "@instructure/shared-types": "8.46.2-snapshot-6",
+    "@instructure/ui-a11y-content": "8.46.2-snapshot-6",
+    "@instructure/ui-buttons": "8.46.2-snapshot-6",
+    "@instructure/ui-color-utils": "8.46.2-snapshot-6",
+    "@instructure/ui-dom-utils": "8.46.2-snapshot-6",
+    "@instructure/ui-drilldown": "8.46.2-snapshot-6",
+    "@instructure/ui-form-field": "8.46.2-snapshot-6",
+    "@instructure/ui-icons": "8.46.2-snapshot-6",
+    "@instructure/ui-pill": "8.46.2-snapshot-6",
+    "@instructure/ui-popover": "8.46.2-snapshot-6",
+    "@instructure/ui-react-utils": "8.46.2-snapshot-6",
+    "@instructure/ui-testable": "8.46.2-snapshot-6",
+    "@instructure/ui-text": "8.46.2-snapshot-6",
+    "@instructure/ui-text-input": "8.46.2-snapshot-6",
+    "@instructure/ui-themes": "8.46.2-snapshot-6",
+    "@instructure/ui-tooltip": "8.46.2-snapshot-6",
+    "@instructure/ui-utils": "8.46.2-snapshot-6",
+    "@instructure/ui-view": "8.46.2-snapshot-6",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.46.2-snapshot-4",
-    "@instructure/ui-test-locator": "8.46.2-snapshot-4",
-    "@instructure/ui-test-queries": "8.46.2-snapshot-4",
-    "@instructure/ui-test-utils": "8.46.2-snapshot-4"
+    "@instructure/ui-babel-preset": "8.46.2-snapshot-6",
+    "@instructure/ui-test-locator": "8.46.2-snapshot-6",
+    "@instructure/ui-test-queries": "8.46.2-snapshot-6",
+    "@instructure/ui-test-utils": "8.46.2-snapshot-6"
   },
   "peerDependencies": {
     "react": ">=16.8 <=18"