@instructure/ui-tag 11.7.4-snapshot-4 → 11.7.4-snapshot-183

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.
package/CHANGELOG.md CHANGED
@@ -3,9 +3,54 @@
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.4-snapshot-4](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-4) (2026-05-12)
6
+ ## [11.7.4-snapshot-183](https://github.com/instructure/instructure-ui/compare/v11.6.0...v11.7.4-snapshot-183) (2026-05-14)
7
7
 
8
- **Note:** Version bump only for package @instructure/ui-tag
8
+
9
+ ### Bug Fixes
10
+
11
+ * **many:** update dependencies, remove lots of Babel plugins, remove Webpack 4 support ([98ff8e8](https://github.com/instructure/instructure-ui/commit/98ff8e8126a70d8496d6967795a8fbb2779c6fd9))
12
+ * **ui-many:** fix imports of the multiversion support ([6b84f05](https://github.com/instructure/instructure-ui/commit/6b84f05ecd6e95e7698e14f9672023aee5e5e868))
13
+
14
+
15
+ ### Features
16
+
17
+ * **many:** add solution for using both old and new token system in the same app ([688a713](https://github.com/instructure/instructure-ui/commit/688a713ff715433bb085323dbad61285387c5141))
18
+ * **many:** remove deprecated v2 items ([eaf8876](https://github.com/instructure/instructure-ui/commit/eaf88767c9beb95c4e09ee5705c387dfd79e4cb7))
19
+ * **ui-range-input:** rework RangeInput ([7e1490c](https://github.com/instructure/instructure-ui/commit/7e1490c73f252acca017424722c7055e9be10c92))
20
+ * **ui-tag:** rework Tag ([f3a72e3](https://github.com/instructure/instructure-ui/commit/f3a72e3be1d2f6aa912fa1e348d9eec6849b3f8c))
21
+
22
+
23
+ ### BREAKING CHANGES
24
+
25
+ * **many:** Removed FormFieldLabel component
26
+
27
+ Removed _content prop from DrawerLayout.Tray and DrawerLayout.Content
28
+
29
+ Removed _link prop from Link
30
+
31
+ Removed _node prop from Menu.Item
32
+
33
+ Removed _root prop from Pagination, TreeBrowser
34
+
35
+ Removed _select prop from SimpleSelect and TimeSelect
36
+
37
+ Removed _ref prop from TruncateText
38
+
39
+ Removed _element prop from View
40
+
41
+ Removed color="ai" from Heading
42
+
43
+ Removed variant="inline-small" and variant="standalone-small" from Link
44
+
45
+ Removed title prop from Tag
46
+
47
+ Removed focusRingBorderRadius prop from View
48
+
49
+ Removed hideActionsUserSeparator prop from TopNavBar.Layout
50
+
51
+ Removed handleFocusOutlineColor, handleFocusOutlineWidth, handleShadowColor from RangeInput
52
+
53
+ INSTUI-5025
9
54
 
10
55
 
11
56
 
@@ -115,7 +115,6 @@ let Tag = (_dec = withStyleNew(generateStyle), _dec(_class = class Tag extends C
115
115
  disabled,
116
116
  readOnly,
117
117
  text,
118
- title,
119
118
  onClick,
120
119
  margin,
121
120
  styles,
@@ -144,7 +143,7 @@ let Tag = (_dec = withStyleNew(generateStyle), _dec(_class = class Tag extends C
144
143
  }),
145
144
  disabled: disabled || readOnly,
146
145
  display: undefined,
147
- title: title || (typeof text === 'string' ? text : undefined),
146
+ title: typeof text === 'string' ? text : undefined,
148
147
  "data-cid": "Tag",
149
148
  onMouseEnter: this.handleIconMouseEnter,
150
149
  onMouseLeave: this.handleIconMouseLeave,
@@ -22,5 +22,5 @@
22
22
  * SOFTWARE.
23
23
  */
24
24
 
25
- const allowedProps = ['className', 'text', 'title', 'disabled', 'readOnly', 'dismissible', 'margin', 'onClick', 'elementRef', 'size', 'variant'];
25
+ const allowedProps = ['className', 'text', 'disabled', 'readOnly', 'dismissible', 'margin', 'onClick', 'elementRef', 'size', 'variant'];
26
26
  export { allowedProps };
@@ -121,7 +121,6 @@ let Tag = exports.Tag = (_dec = (0, _emotion.withStyleNew)(_styles.default), _de
121
121
  disabled,
122
122
  readOnly,
123
123
  text,
124
- title,
125
124
  onClick,
126
125
  margin,
127
126
  styles,
@@ -150,7 +149,7 @@ let Tag = exports.Tag = (_dec = (0, _emotion.withStyleNew)(_styles.default), _de
150
149
  }),
151
150
  disabled: disabled || readOnly,
152
151
  display: undefined,
153
- title: title || (typeof text === 'string' ? text : undefined),
152
+ title: typeof text === 'string' ? text : undefined,
154
153
  "data-cid": "Tag",
155
154
  onMouseEnter: this.handleIconMouseEnter,
156
155
  onMouseLeave: this.handleIconMouseLeave,
@@ -28,4 +28,4 @@ exports.allowedProps = void 0;
28
28
  * SOFTWARE.
29
29
  */
30
30
 
31
- const allowedProps = exports.allowedProps = ['className', 'text', 'title', 'disabled', 'readOnly', 'dismissible', 'margin', 'onClick', 'elementRef', 'size', 'variant'];
31
+ const allowedProps = exports.allowedProps = ['className', 'text', 'disabled', 'readOnly', 'dismissible', 'margin', 'onClick', 'elementRef', 'size', 'variant'];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-tag",
3
- "version": "11.7.4-snapshot-4",
3
+ "version": "11.7.4-snapshot-183",
4
4
  "description": "A tag component",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -15,23 +15,23 @@
15
15
  "license": "MIT",
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.29.2",
18
- "@instructure/console": "11.7.4-snapshot-4",
19
- "@instructure/shared-types": "11.7.4-snapshot-4",
20
- "@instructure/ui-dom-utils": "11.7.4-snapshot-4",
21
- "@instructure/ui-color-utils": "11.7.4-snapshot-4",
22
- "@instructure/emotion": "11.7.4-snapshot-4",
23
- "@instructure/ui-icons": "11.7.4-snapshot-4",
24
- "@instructure/ui-react-utils": "11.7.4-snapshot-4",
25
- "@instructure/ui-themes": "11.7.4-snapshot-4",
26
- "@instructure/ui-view": "11.7.4-snapshot-4"
18
+ "@instructure/console": "11.7.4-snapshot-183",
19
+ "@instructure/emotion": "11.7.4-snapshot-183",
20
+ "@instructure/shared-types": "11.7.4-snapshot-183",
21
+ "@instructure/ui-color-utils": "11.7.4-snapshot-183",
22
+ "@instructure/ui-dom-utils": "11.7.4-snapshot-183",
23
+ "@instructure/ui-icons": "11.7.4-snapshot-183",
24
+ "@instructure/ui-react-utils": "11.7.4-snapshot-183",
25
+ "@instructure/ui-themes": "11.7.4-snapshot-183",
26
+ "@instructure/ui-view": "11.7.4-snapshot-183"
27
27
  },
28
28
  "devDependencies": {
29
29
  "@testing-library/jest-dom": "^6.6.3",
30
30
  "@testing-library/react": "15.0.7",
31
31
  "@testing-library/user-event": "^14.6.1",
32
32
  "vitest": "^3.2.2",
33
- "@instructure/ui-axe-check": "11.7.4-snapshot-4",
34
- "@instructure/ui-babel-preset": "11.7.4-snapshot-4"
33
+ "@instructure/ui-axe-check": "11.7.4-snapshot-183",
34
+ "@instructure/ui-babel-preset": "11.7.4-snapshot-183"
35
35
  },
36
36
  "peerDependencies": {
37
37
  "react": ">=18 <=19"
@@ -126,7 +126,6 @@ class Tag extends Component<TagProps> {
126
126
  disabled,
127
127
  readOnly,
128
128
  text,
129
- title,
130
129
  onClick,
131
130
  margin,
132
131
  styles,
@@ -160,7 +159,7 @@ class Tag extends Component<TagProps> {
160
159
  {...(onClick && { onClick: this.handleClick })}
161
160
  disabled={disabled || readOnly}
162
161
  display={undefined}
163
- title={title || (typeof text === 'string' ? text : undefined)}
162
+ title={typeof text === 'string' ? text : undefined}
164
163
  data-cid="Tag"
165
164
  onMouseEnter={this.handleIconMouseEnter}
166
165
  onMouseLeave={this.handleIconMouseLeave}
@@ -35,11 +35,6 @@ import type { OtherHTMLAttributes } from '@instructure/shared-types'
35
35
  type TagOwnProps = {
36
36
  className?: string
37
37
  text: string | React.ReactNode
38
- /**
39
- * @deprecated since version 10
40
- * Use of the title attribute is highly problematic due to accessibility concerns
41
- */
42
- title?: string
43
38
  /**
44
39
  * Whether or not to disable the tag
45
40
  */
@@ -79,7 +74,6 @@ type TagStyle = ComponentStyle<'tag' | 'text' | 'icon'>
79
74
  const allowedProps: AllowedPropKeys = [
80
75
  'className',
81
76
  'text',
82
- 'title',
83
77
  'disabled',
84
78
  'readOnly',
85
79
  'dismissible',