@instructure/ui-select - npm Package Compare versions

Comparing version 10.11.1-snapshot-12 to 10.11.1-snapshot-14

CHANGELOG.md

		@@ -6,3 +6,3 @@ # Change Log

		## [10.11.1-snapshot-12](https://github.com/instructure/instructure-ui/compare/v10.11.0...v10.11.1-snapshot-12) (2025-02-21)
		## [10.11.1-snapshot-14](https://github.com/instructure/instructure-ui/compare/v10.11.0...v10.11.1-snapshot-14) (2025-02-21)

		@@ -15,5 +15,10 @@

		### Features

		* ui-popover, ui-select: allow overriding Select's dropdown border ([90d59d3](https://github.com/instructure/instructure-ui/commit/90d59d3c3689c3a1500c37db363fa43c1b8403d7))





		# [10.11.0](https://github.com/instructure/instructure-ui/compare/v10.10.0...v10.11.0) (2025-02-03)
		@@ -20,0 +25,0 @@

es/Select/index.js

		@@ -548,3 +548,4 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
		shouldReturnFocus: false,
		withArrow: false
		withArrow: false,
		borderWidth: styles === null \|\| styles === void 0 ? void 0 : styles.popoverBorderWidth
		}, this.renderList({
		@@ -551,0 +552,0 @@ getListProps,

es/Select/styles.js

		@@ -60,5 +60,6 @@ /*
		display: 'none'
		}
		},
		popoverBorderWidth: componentTheme.popoverBorderWidth
		};
		};
		export default generateStyle;

es/Select/theme.js

		@@ -42,3 +42,4 @@ /*
		color: colors === null \|\| colors === void 0 ? void 0 : (_colors$contrasts = colors.contrasts) === null \|\| _colors$contrasts === void 0 ? void 0 : _colors$contrasts.grey125125,
		background: colors === null \|\| colors === void 0 ? void 0 : (_colors$contrasts2 = colors.contrasts) === null \|\| _colors$contrasts2 === void 0 ? void 0 : _colors$contrasts2.white1010
		background: colors === null \|\| colors === void 0 ? void 0 : (_colors$contrasts2 = colors.contrasts) === null \|\| _colors$contrasts2 === void 0 ? void 0 : _colors$contrasts2.white1010,
		popoverBorderWidth: 'small'
		};
		@@ -45,0 +46,0 @@ return {

lib/Select/index.js

		@@ -560,3 +560,4 @@ "use strict";
		shouldReturnFocus: false,
		withArrow: false
		withArrow: false,
		borderWidth: styles === null \|\| styles === void 0 ? void 0 : styles.popoverBorderWidth
		}, this.renderList({
		@@ -563,0 +564,0 @@ getListProps,

lib/Select/styles.js

		@@ -66,5 +66,6 @@ "use strict";
		display: 'none'
		}
		},
		popoverBorderWidth: componentTheme.popoverBorderWidth
		};
		};
		var _default = exports.default = generateStyle;

lib/Select/theme.js

		@@ -48,3 +48,4 @@ "use strict";
		color: colors === null \|\| colors === void 0 ? void 0 : (_colors$contrasts = colors.contrasts) === null \|\| _colors$contrasts === void 0 ? void 0 : _colors$contrasts.grey125125,
		background: colors === null \|\| colors === void 0 ? void 0 : (_colors$contrasts2 = colors.contrasts) === null \|\| _colors$contrasts2 === void 0 ? void 0 : _colors$contrasts2.white1010
		background: colors === null \|\| colors === void 0 ? void 0 : (_colors$contrasts2 = colors.contrasts) === null \|\| _colors$contrasts2 === void 0 ? void 0 : _colors$contrasts2.white1010,
		popoverBorderWidth: 'small'
		};
		@@ -51,0 +52,0 @@ return {

package.json

		{
		"name": "@instructure/ui-select",
		"version": "10.11.1-snapshot-12",
		"version": "10.11.1-snapshot-14",
		"description": "A component for select and autocomplete behavior.",
		@@ -26,9 +26,9 @@ "author": "Instructure, Inc. Engineering and Product Design",
		"devDependencies": {
		"@instructure/ui-axe-check": "10.11.1-snapshot-12",
		"@instructure/ui-babel-preset": "10.11.1-snapshot-12",
		"@instructure/ui-color-utils": "10.11.1-snapshot-12",
		"@instructure/ui-scripts": "10.11.1-snapshot-12",
		"@instructure/ui-test-locator": "10.11.1-snapshot-12",
		"@instructure/ui-test-utils": "10.11.1-snapshot-12",
		"@instructure/ui-themes": "10.11.1-snapshot-12",
		"@instructure/ui-axe-check": "10.11.1-snapshot-14",
		"@instructure/ui-babel-preset": "10.11.1-snapshot-14",
		"@instructure/ui-color-utils": "10.11.1-snapshot-14",
		"@instructure/ui-scripts": "10.11.1-snapshot-14",
		"@instructure/ui-test-locator": "10.11.1-snapshot-14",
		"@instructure/ui-test-utils": "10.11.1-snapshot-14",
		"@instructure/ui-themes": "10.11.1-snapshot-14",
		"@testing-library/jest-dom": "^6.6.3",
		@@ -41,18 +41,18 @@ "@testing-library/react": "^16.0.1",
		"@babel/runtime": "^7.26.0",
		"@instructure/emotion": "10.11.1-snapshot-12",
		"@instructure/shared-types": "10.11.1-snapshot-12",
		"@instructure/ui-dom-utils": "10.11.1-snapshot-12",
		"@instructure/ui-form-field": "10.11.1-snapshot-12",
		"@instructure/ui-icons": "10.11.1-snapshot-12",
		"@instructure/ui-options": "10.11.1-snapshot-12",
		"@instructure/ui-popover": "10.11.1-snapshot-12",
		"@instructure/ui-position": "10.11.1-snapshot-12",
		"@instructure/ui-prop-types": "10.11.1-snapshot-12",
		"@instructure/ui-react-utils": "10.11.1-snapshot-12",
		"@instructure/ui-selectable": "10.11.1-snapshot-12",
		"@instructure/ui-testable": "10.11.1-snapshot-12",
		"@instructure/ui-text-input": "10.11.1-snapshot-12",
		"@instructure/ui-utils": "10.11.1-snapshot-12",
		"@instructure/ui-view": "10.11.1-snapshot-12",
		"@instructure/uid": "10.11.1-snapshot-12",
		"@instructure/emotion": "10.11.1-snapshot-14",
		"@instructure/shared-types": "10.11.1-snapshot-14",
		"@instructure/ui-dom-utils": "10.11.1-snapshot-14",
		"@instructure/ui-form-field": "10.11.1-snapshot-14",
		"@instructure/ui-icons": "10.11.1-snapshot-14",
		"@instructure/ui-options": "10.11.1-snapshot-14",
		"@instructure/ui-popover": "10.11.1-snapshot-14",
		"@instructure/ui-position": "10.11.1-snapshot-14",
		"@instructure/ui-prop-types": "10.11.1-snapshot-14",
		"@instructure/ui-react-utils": "10.11.1-snapshot-14",
		"@instructure/ui-selectable": "10.11.1-snapshot-14",
		"@instructure/ui-testable": "10.11.1-snapshot-14",
		"@instructure/ui-text-input": "10.11.1-snapshot-14",
		"@instructure/ui-utils": "10.11.1-snapshot-14",
		"@instructure/ui-view": "10.11.1-snapshot-14",
		"@instructure/uid": "10.11.1-snapshot-14",
		"prop-types": "^15.8.1"
		@@ -59,0 +59,0 @@ },

src/Select/props.ts

		@@ -276,3 +276,5 @@ /*

		type SelectStyle = ComponentStyle<'select' \| 'icon' \| 'assistiveText'>
		type SelectStyle = ComponentStyle<
		'select' \| 'icon' \| 'assistiveText' \| 'popoverBorderWidth'
		>

		@@ -279,0 +281,0 @@ const propTypes: PropValidators<PropKeys> = {

src/Select/styles.ts

		@@ -62,3 +62,4 @@ /*
		display: 'none'
		}
		},
		popoverBorderWidth: componentTheme.popoverBorderWidth
		}
		@@ -65,0 +66,0 @@ }

src/Select/theme.ts

		@@ -45,3 +45,4 @@ /*
		color: colors?.contrasts?.grey125125,
		background: colors?.contrasts?.white1010
		background: colors?.contrasts?.white1010,
		popoverBorderWidth: 'small'
		}
		@@ -48,0 +49,0 @@

types/Select/props.d.ts

		@@ -178,3 +178,3 @@ import React, { InputHTMLAttributes } from 'react';
		type SelectProps = SelectOwnProps & WithStyleProps<SelectTheme, SelectStyle> & OtherHTMLAttributes<SelectOwnProps, InputHTMLAttributes<SelectOwnProps & Element>> & WithDeterministicIdProps;
		type SelectStyle = ComponentStyle<'select' \| 'icon' \| 'assistiveText'>;
		type SelectStyle = ComponentStyle<'select' \| 'icon' \| 'assistiveText' \| 'popoverBorderWidth'>;
		declare const propTypes: PropValidators<PropKeys>;
		@@ -181,0 +181,0 @@ declare const allowedProps: AllowedPropKeys;

src/Select/index.tsx