@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 +47 -2
- package/es/Tag/v2/index.js +1 -2
- package/es/Tag/v2/props.js +1 -1
- package/lib/Tag/v2/index.js +1 -2
- package/lib/Tag/v2/props.js +1 -1
- package/package.json +12 -12
- package/src/Tag/v2/index.tsx +1 -2
- package/src/Tag/v2/props.ts +0 -6
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/Tag/v2/index.d.ts +0 -1
- package/types/Tag/v2/index.d.ts.map +1 -1
- package/types/Tag/v2/props.d.ts +0 -5
- package/types/Tag/v2/props.d.ts.map +1 -1
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-
|
|
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
|
-
|
|
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
|
|
package/es/Tag/v2/index.js
CHANGED
|
@@ -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:
|
|
146
|
+
title: typeof text === 'string' ? text : undefined,
|
|
148
147
|
"data-cid": "Tag",
|
|
149
148
|
onMouseEnter: this.handleIconMouseEnter,
|
|
150
149
|
onMouseLeave: this.handleIconMouseLeave,
|
package/es/Tag/v2/props.js
CHANGED
|
@@ -22,5 +22,5 @@
|
|
|
22
22
|
* SOFTWARE.
|
|
23
23
|
*/
|
|
24
24
|
|
|
25
|
-
const allowedProps = ['className', 'text', '
|
|
25
|
+
const allowedProps = ['className', 'text', 'disabled', 'readOnly', 'dismissible', 'margin', 'onClick', 'elementRef', 'size', 'variant'];
|
|
26
26
|
export { allowedProps };
|
package/lib/Tag/v2/index.js
CHANGED
|
@@ -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:
|
|
152
|
+
title: typeof text === 'string' ? text : undefined,
|
|
154
153
|
"data-cid": "Tag",
|
|
155
154
|
onMouseEnter: this.handleIconMouseEnter,
|
|
156
155
|
onMouseLeave: this.handleIconMouseLeave,
|
package/lib/Tag/v2/props.js
CHANGED
|
@@ -28,4 +28,4 @@ exports.allowedProps = void 0;
|
|
|
28
28
|
* SOFTWARE.
|
|
29
29
|
*/
|
|
30
30
|
|
|
31
|
-
const allowedProps = exports.allowedProps = ['className', 'text', '
|
|
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-
|
|
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-
|
|
19
|
-
"@instructure/
|
|
20
|
-
"@instructure/
|
|
21
|
-
"@instructure/ui-color-utils": "11.7.4-snapshot-
|
|
22
|
-
"@instructure/
|
|
23
|
-
"@instructure/ui-icons": "11.7.4-snapshot-
|
|
24
|
-
"@instructure/ui-react-utils": "11.7.4-snapshot-
|
|
25
|
-
"@instructure/ui-themes": "11.7.4-snapshot-
|
|
26
|
-
"@instructure/ui-view": "11.7.4-snapshot-
|
|
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-
|
|
34
|
-
"@instructure/ui-babel-preset": "11.7.4-snapshot-
|
|
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"
|
package/src/Tag/v2/index.tsx
CHANGED
|
@@ -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={
|
|
162
|
+
title={typeof text === 'string' ? text : undefined}
|
|
164
163
|
data-cid="Tag"
|
|
165
164
|
onMouseEnter={this.handleIconMouseEnter}
|
|
166
165
|
onMouseLeave={this.handleIconMouseLeave}
|
package/src/Tag/v2/props.ts
CHANGED
|
@@ -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',
|