@instructure/ui-pill 11.7.4-snapshot-103 → 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 +5 -2
  2. package/package.json +15 -15
  3. package/src/Pill/v2/README.md +5 -5
  4. package/src/Pill/v2/props.ts +3 -3
  5. package/tsconfig.build.tsbuildinfo +1 -1
  6. package/types/Pill/v2/props.d.ts +3 -3
package/CHANGELOG.md CHANGED
@@ -3,9 +3,12 @@
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-103](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-103) (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
- **Note:** Version bump only for package @instructure/ui-pill
8
+
9
+ ### Features
10
+
11
+ * **many:** support current spacing tokens in the margin prop for v2 components ([1b47c5f](https://github.com/instructure/instructure-ui/commit/1b47c5f23eaa60b532cdfd53c39bd71f0cf51aaa))
9
12
 
10
13
 
11
14
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-pill",
3
- "version": "11.7.4-snapshot-103",
3
+ "version": "11.7.4-snapshot-105",
4
4
  "description": "A UI component to communicate concise status.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/Pill/11_5/index.js",
@@ -15,25 +15,25 @@
15
15
  "license": "MIT",
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.29.7",
18
- "@instructure/console": "11.7.4-snapshot-103",
19
- "@instructure/emotion": "11.7.4-snapshot-103",
20
- "@instructure/shared-types": "11.7.4-snapshot-103",
21
- "@instructure/ui-react-utils": "11.7.4-snapshot-103",
22
- "@instructure/ui-themes": "11.7.4-snapshot-103",
23
- "@instructure/ui-tooltip": "11.7.4-snapshot-103",
24
- "@instructure/ui-truncate-text": "11.7.4-snapshot-103",
25
- "@instructure/ui-utils": "11.7.4-snapshot-103",
26
- "@instructure/ui-view": "11.7.4-snapshot-103"
18
+ "@instructure/console": "11.7.4-snapshot-105",
19
+ "@instructure/emotion": "11.7.4-snapshot-105",
20
+ "@instructure/ui-themes": "11.7.4-snapshot-105",
21
+ "@instructure/shared-types": "11.7.4-snapshot-105",
22
+ "@instructure/ui-react-utils": "11.7.4-snapshot-105",
23
+ "@instructure/ui-tooltip": "11.7.4-snapshot-105",
24
+ "@instructure/ui-view": "11.7.4-snapshot-105",
25
+ "@instructure/ui-utils": "11.7.4-snapshot-105",
26
+ "@instructure/ui-truncate-text": "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
  "vitest": "^4.1.9",
32
- "@instructure/ui-axe-check": "11.7.4-snapshot-103",
33
- "@instructure/ui-color-utils": "11.7.4-snapshot-103",
34
- "@instructure/ui-babel-preset": "11.7.4-snapshot-103",
35
- "@instructure/ui-icons": "11.7.4-snapshot-103",
36
- "@instructure/ui-scripts": "11.7.4-snapshot-103"
32
+ "@instructure/ui-axe-check": "11.7.4-snapshot-105",
33
+ "@instructure/ui-color-utils": "11.7.4-snapshot-105",
34
+ "@instructure/ui-scripts": "11.7.4-snapshot-105",
35
+ "@instructure/ui-icons": "11.7.4-snapshot-105",
36
+ "@instructure/ui-babel-preset": "11.7.4-snapshot-105"
37
37
  },
38
38
  "peerDependencies": {
39
39
  "react": ">=18 <=19"
package/src/Pill/v2/README.md CHANGED
@@ -13,14 +13,14 @@ type: example
13
13
  ---
14
14
  <div>
15
15
  <Pill
16
- margin="x-small"
16
+ margin="general.spaceSm"
17
17
  >
18
18
  Excused
19
19
  </Pill>
20
20
  <Pill
21
21
  statusLabel="Status"
22
22
  color="info"
23
- margin="x-small"
23
+ margin="general.spaceSm"
24
24
  >
25
25
  Draft
26
26
  </Pill>
@@ -28,21 +28,21 @@ type: example
28
28
  statusLabel="Status"
29
29
  renderIcon={<CheckInstUIIcon size="sm" />}
30
30
  color="success"
31
- margin="x-small"
31
+ margin="general.spaceSm"
32
32
  >
33
33
  Checked In
34
34
  </Pill>
35
35
  <Pill
36
36
  renderIcon={<Clock4InstUIIcon size="sm" />}
37
37
  color="warning"
38
- margin="x-small"
38
+ margin="general.spaceSm"
39
39
  >
40
40
  Late
41
41
  </Pill>
42
42
  <Pill
43
43
  renderIcon={<MailInstUIIcon size="sm" />}
44
44
  color="error"
45
- margin="x-small"
45
+ margin="general.spaceSm"
46
46
  >
47
47
  Notification
48
48
  </Pill>
package/src/Pill/v2/props.ts CHANGED
@@ -41,9 +41,9 @@ type PillOwnProps = {
41
41
  */
42
42
  elementRef?: (element: Element | null) => void
43
43
  /**
44
- * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
45
- * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
46
- * familiar CSS-like shorthand. For example: `margin="small auto large"`.
44
+ * Valid values are `0`, `none`, `auto`, and Spacing token values,
45
+ * see https://instructure.design/layout-spacing. Apply these values via
46
+ * familiar CSS-like shorthand. For example, `margin="general.spaceMd auto"`.
47
47
  */
48
48
  margin?: Spacing
49
49
  children: React.ReactNode