@instructure/ui-options 10.16.1 → 10.16.3

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 +19 -0
  2. package/es/Options/Item/styles.js +3 -4
  3. package/lib/Options/Item/styles.js +3 -4
  4. package/package.json +14 -14
  5. package/src/Options/Item/styles.ts +3 -5
  6. package/tsconfig.build.tsbuildinfo +1 -1
  7. package/types/Options/Item/styles.d.ts.map +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,25 @@
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.16.3](https://github.com/instructure/instructure-ui/compare/v10.16.1...v10.16.3) (2025-04-30)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **ui-options,ui-menu:** improve hover animations ([fed526c](https://github.com/instructure/instructure-ui/commit/fed526c735cfdc7678fc1ecee3ddf89aedded135))
12
+
13
+
14
+
15
+
16
+
17
+ ## [10.16.2](https://github.com/instructure/instructure-ui/compare/v10.16.1...v10.16.2) (2025-04-22)
18
+
19
+ **Note:** Version bump only for package @instructure/ui-options
20
+
21
+
22
+
23
+
24
+
6
25
  ## [10.16.1](https://github.com/instructure/instructure-ui/compare/v10.16.0...v10.16.1) (2025-04-22)
7
26
 
8
27
  **Note:** Version bump only for package @instructure/ui-options
package/es/Options/Item/styles.js CHANGED
@@ -63,7 +63,9 @@ const generateStyle = (componentTheme, props) => {
63
63
  cursor: 'not-allowed',
64
64
  opacity: 0.5
65
65
  },
66
- default: {}
66
+ default: {
67
+ transition: 'background 200ms'
68
+ }
67
69
  };
68
70
  const getContentVAlign = type => {
69
71
  const vAlign = type === 'before' ? beforeLabelContentVAlign : afterLabelContentVAlign;
@@ -88,7 +90,6 @@ const generateStyle = (componentTheme, props) => {
88
90
  textDecoration: 'none',
89
91
  color: 'currentColor'
90
92
  };
91
- const transition = 'background 200ms';
92
93
  return {
93
94
  item: {
94
95
  label: 'optionItem',
@@ -102,7 +103,6 @@ const generateStyle = (componentTheme, props) => {
102
103
  lineHeight: componentTheme.lineHeight,
103
104
  outline: 'none',
104
105
  position: 'relative',
105
- transition,
106
106
  userSelect: 'none',
107
107
  ...variantVariants[variant],
108
108
  ...(containsList && {
@@ -173,7 +173,6 @@ const generateStyle = (componentTheme, props) => {
173
173
  description: {
174
174
  label: 'optionItem__description',
175
175
  display: 'block',
176
- transition,
177
176
  paddingBlockStart: componentTheme.descriptionPaddingStart,
178
177
  fontWeight: componentTheme.descriptionFontWeight,
179
178
  fontSize: componentTheme.descriptionFontSize,
package/lib/Options/Item/styles.js CHANGED
@@ -69,7 +69,9 @@ const generateStyle = (componentTheme, props) => {
69
69
  cursor: 'not-allowed',
70
70
  opacity: 0.5
71
71
  },
72
- default: {}
72
+ default: {
73
+ transition: 'background 200ms'
74
+ }
73
75
  };
74
76
  const getContentVAlign = type => {
75
77
  const vAlign = type === 'before' ? beforeLabelContentVAlign : afterLabelContentVAlign;
@@ -94,7 +96,6 @@ const generateStyle = (componentTheme, props) => {
94
96
  textDecoration: 'none',
95
97
  color: 'currentColor'
96
98
  };
97
- const transition = 'background 200ms';
98
99
  return {
99
100
  item: {
100
101
  label: 'optionItem',
@@ -108,7 +109,6 @@ const generateStyle = (componentTheme, props) => {
108
109
  lineHeight: componentTheme.lineHeight,
109
110
  outline: 'none',
110
111
  position: 'relative',
111
- transition,
112
112
  userSelect: 'none',
113
113
  ...variantVariants[variant],
114
114
  ...(containsList && {
@@ -179,7 +179,6 @@ const generateStyle = (componentTheme, props) => {
179
179
  description: {
180
180
  label: 'optionItem__description',
181
181
  display: 'block',
182
- transition,
183
182
  paddingBlockStart: componentTheme.descriptionPaddingStart,
184
183
  fontWeight: componentTheme.descriptionFontWeight,
185
184
  fontSize: componentTheme.descriptionFontSize,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-options",
3
- "version": "10.16.1",
3
+ "version": "10.16.3",
4
4
  "description": "A view-only component for composing interactive lists and menus.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -23,11 +23,11 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "devDependencies": {
26
- "@instructure/ui-axe-check": "10.16.1",
27
- "@instructure/ui-babel-preset": "10.16.1",
28
- "@instructure/ui-color-utils": "10.16.1",
29
- "@instructure/ui-test-utils": "10.16.1",
30
- "@instructure/ui-themes": "10.16.1",
26
+ "@instructure/ui-axe-check": "10.16.3",
27
+ "@instructure/ui-babel-preset": "10.16.3",
28
+ "@instructure/ui-color-utils": "10.16.3",
29
+ "@instructure/ui-test-utils": "10.16.3",
30
+ "@instructure/ui-themes": "10.16.3",
31
31
  "@testing-library/jest-dom": "^6.6.3",
32
32
  "@testing-library/react": "^16.0.1",
33
33
  "@testing-library/user-event": "^14.5.2",
@@ -35,14 +35,14 @@
35
35
  },
36
36
  "dependencies": {
37
37
  "@babel/runtime": "^7.26.0",
38
- "@instructure/emotion": "10.16.1",
39
- "@instructure/shared-types": "10.16.1",
40
- "@instructure/ui-icons": "10.16.1",
41
- "@instructure/ui-prop-types": "10.16.1",
42
- "@instructure/ui-react-utils": "10.16.1",
43
- "@instructure/ui-testable": "10.16.1",
44
- "@instructure/ui-utils": "10.16.1",
45
- "@instructure/ui-view": "10.16.1",
38
+ "@instructure/emotion": "10.16.3",
39
+ "@instructure/shared-types": "10.16.3",
40
+ "@instructure/ui-icons": "10.16.3",
41
+ "@instructure/ui-prop-types": "10.16.3",
42
+ "@instructure/ui-react-utils": "10.16.3",
43
+ "@instructure/ui-testable": "10.16.3",
44
+ "@instructure/ui-utils": "10.16.3",
45
+ "@instructure/ui-view": "10.16.3",
46
46
  "prop-types": "^15.8.1"
47
47
  },
48
48
  "peerDependencies": {
package/src/Options/Item/styles.ts CHANGED
@@ -70,7 +70,9 @@ const generateStyle = (
70
70
  cursor: 'not-allowed',
71
71
  opacity: 0.5
72
72
  },
73
- default: {}
73
+ default: {
74
+ transition: 'background 200ms'
75
+ }
74
76
  }
75
77
 
76
78
  const getContentVAlign = (type: 'before' | 'after') => {
@@ -101,8 +103,6 @@ const generateStyle = (
101
103
 
102
104
  const linkStyles = { textDecoration: 'none', color: 'currentColor' }
103
105
 
104
- const transition = 'background 200ms'
105
-
106
106
  return {
107
107
  item: {
108
108
  label: 'optionItem',
@@ -118,7 +118,6 @@ const generateStyle = (
118
118
  lineHeight: componentTheme.lineHeight,
119
119
  outline: 'none',
120
120
  position: 'relative',
121
- transition,
122
121
  userSelect: 'none',
123
122
  ...variantVariants[variant!],
124
123
  ...(containsList && { cursor: 'default' }),
@@ -188,7 +187,6 @@ const generateStyle = (
188
187
  description: {
189
188
  label: 'optionItem__description',
190
189
  display: 'block',
191
- transition,
192
190
  paddingBlockStart: componentTheme.descriptionPaddingStart,
193
191
  fontWeight: componentTheme.descriptionFontWeight,
194
192
  fontSize: componentTheme.descriptionFontSize,