@instructure/ui-tag 11.7.4-snapshot-102 → 11.7.4-snapshot-105

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 (6) hide show
  1. package/CHANGELOG.md +2 -1
  2. package/package.json +12 -12
  3. package/src/Tag/v2/README.md +6 -6
  4. package/src/Tag/v2/props.ts +3 -3
  5. package/tsconfig.build.tsbuildinfo +1 -1
  6. package/types/Tag/v2/props.d.ts +3 -3
package/CHANGELOG.md CHANGED
@@ -3,12 +3,13 @@
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-102](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-102) (2026-07-14)
6
+ ## [11.7.4-snapshot-105](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-105) (2026-07-15)
7
7
 
8
8
 
9
9
  ### Features
10
10
 
11
11
  * **many:** remove deprecated v2 items ([eaf8876](https://github.com/instructure/instructure-ui/commit/eaf88767c9beb95c4e09ee5705c387dfd79e4cb7))
12
+ * **many:** support current spacing tokens in the margin prop for v2 components ([1b47c5f](https://github.com/instructure/instructure-ui/commit/1b47c5f23eaa60b532cdfd53c39bd71f0cf51aaa))
12
13
 
13
14
 
14
15
  ### BREAKING CHANGES
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-tag",
3
- "version": "11.7.4-snapshot-102",
3
+ "version": "11.7.4-snapshot-105",
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.7",
18
- "@instructure/console": "11.7.4-snapshot-102",
19
- "@instructure/emotion": "11.7.4-snapshot-102",
20
- "@instructure/shared-types": "11.7.4-snapshot-102",
21
- "@instructure/ui-dom-utils": "11.7.4-snapshot-102",
22
- "@instructure/ui-color-utils": "11.7.4-snapshot-102",
23
- "@instructure/ui-icons": "11.7.4-snapshot-102",
24
- "@instructure/ui-themes": "11.7.4-snapshot-102",
25
- "@instructure/ui-react-utils": "11.7.4-snapshot-102",
26
- "@instructure/ui-view": "11.7.4-snapshot-102"
18
+ "@instructure/emotion": "11.7.4-snapshot-105",
19
+ "@instructure/shared-types": "11.7.4-snapshot-105",
20
+ "@instructure/ui-color-utils": "11.7.4-snapshot-105",
21
+ "@instructure/console": "11.7.4-snapshot-105",
22
+ "@instructure/ui-dom-utils": "11.7.4-snapshot-105",
23
+ "@instructure/ui-icons": "11.7.4-snapshot-105",
24
+ "@instructure/ui-react-utils": "11.7.4-snapshot-105",
25
+ "@instructure/ui-themes": "11.7.4-snapshot-105",
26
+ "@instructure/ui-view": "11.7.4-snapshot-105"
27
27
  },
28
28
  "devDependencies": {
29
29
  "@testing-library/jest-dom": "^6.9.1",
30
30
  "@testing-library/react": "16.3.2",
31
31
  "@testing-library/user-event": "^14.6.1",
32
32
  "vitest": "^4.1.9",
33
- "@instructure/ui-axe-check": "11.7.4-snapshot-102",
34
- "@instructure/ui-babel-preset": "11.7.4-snapshot-102"
33
+ "@instructure/ui-axe-check": "11.7.4-snapshot-105",
34
+ "@instructure/ui-babel-preset": "11.7.4-snapshot-105"
35
35
  },
36
36
  "peerDependencies": {
37
37
  "react": ">=18 <=19"
package/src/Tag/v2/README.md CHANGED
@@ -8,7 +8,7 @@ Use `<Tag />` to represent a category or group in a form.
8
8
  ---
9
9
  type: example
10
10
  ---
11
- <Tag text="Static" margin="0 xx-small 0 0" />
11
+ <Tag text="Static" margin="0 general.spaceXs 0 0" />
12
12
  ```
13
13
 
14
14
  ### Dismissible
@@ -28,7 +28,7 @@ type: example
28
28
  </AccessibleContent>
29
29
  }
30
30
  dismissible
31
- margin="0 xx-small 0 0"
31
+ margin="0 general.spaceXs 0 0"
32
32
  onClick={function () {
33
33
  alert("This Tag was dismissed")
34
34
  }}
@@ -47,7 +47,7 @@ type: example
47
47
  text="Dismissible Disabled"
48
48
  dismissible
49
49
  disabled
50
- margin="0 xx-small 0 0"
50
+ margin="0 general.spaceXs 0 0"
51
51
  onClick={function () {
52
52
  alert("This Tag was dismissed. This shouldn't happen")
53
53
  }}
@@ -63,9 +63,9 @@ type: example
63
63
  type: example
64
64
  ---
65
65
  <div>
66
- <Tag text="Small" size="small" margin="0 xx-small 0 0" />
67
- <Tag text="Medium" margin="0 xx-small 0 0" />
68
- <Tag text="Large" size="large" margin="0 xx-small 0 0" />
66
+ <Tag text="Small" size="small" margin="0 general.spaceXs 0 0" />
67
+ <Tag text="Medium" margin="0 general.spaceXs 0 0" />
68
+ <Tag text="Large" size="large" margin="0 general.spaceXs 0 0" />
69
69
  </div>
70
70
  ```
71
71
 
package/src/Tag/v2/props.ts CHANGED
@@ -45,9 +45,9 @@ type TagOwnProps = {
45
45
  readOnly?: boolean
46
46
  dismissible?: boolean
47
47
  /**
48
- * Valid values are `0`, `none`, `auto`, `xxxx-small`, `xx-small`, `x-small`,
49
- * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
50
- * familiar CSS-like shorthand. For example: `margin="small auto large"`.
48
+ * Valid values are `0`, `none`, `auto`, and Spacing token values,
49
+ * see https://instructure.design/layout-spacing. Apply these values via
50
+ * familiar CSS-like shorthand. For example, `margin="general.spaceMd auto"`.
51
51
  */
52
52
  margin?: Spacing
53
53
  /**