@instructure/ui-pagination 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 +19 -19
  3. package/src/Pagination/v2/README.md +9 -9
  4. package/src/Pagination/v2/props.ts +3 -3
  5. package/tsconfig.build.tsbuildinfo +1 -1
  6. package/types/Pagination/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-pagination",
3
- "version": "11.7.4-snapshot-102",
3
+ "version": "11.7.4-snapshot-105",
4
4
  "description": "A UI component library made by Instructure Inc.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -15,30 +15,30 @@
15
15
  "license": "MIT",
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.29.7",
18
- "@instructure/emotion": "11.7.4-snapshot-102",
19
- "@instructure/ui-a11y-utils": "11.7.4-snapshot-102",
20
- "@instructure/ui-buttons": "11.7.4-snapshot-102",
21
- "@instructure/ui-a11y-content": "11.7.4-snapshot-102",
22
- "@instructure/ui-dom-utils": "11.7.4-snapshot-102",
23
- "@instructure/ui-number-input": "11.7.4-snapshot-102",
24
- "@instructure/ui-portal": "11.7.4-snapshot-102",
25
- "@instructure/ui-icons": "11.7.4-snapshot-102",
26
- "@instructure/ui-text": "11.7.4-snapshot-102",
27
- "@instructure/shared-types": "11.7.4-snapshot-102",
28
- "@instructure/ui-react-utils": "11.7.4-snapshot-102",
29
- "@instructure/ui-themes": "11.7.4-snapshot-102",
30
- "@instructure/ui-utils": "11.7.4-snapshot-102",
31
- "@instructure/ui-view": "11.7.4-snapshot-102",
32
- "@instructure/ui-tooltip": "11.7.4-snapshot-102",
33
- "@instructure/uid": "11.7.4-snapshot-102"
18
+ "@instructure/shared-types": "11.7.4-snapshot-105",
19
+ "@instructure/ui-a11y-utils": "11.7.4-snapshot-105",
20
+ "@instructure/ui-a11y-content": "11.7.4-snapshot-105",
21
+ "@instructure/ui-dom-utils": "11.7.4-snapshot-105",
22
+ "@instructure/emotion": "11.7.4-snapshot-105",
23
+ "@instructure/ui-buttons": "11.7.4-snapshot-105",
24
+ "@instructure/ui-icons": "11.7.4-snapshot-105",
25
+ "@instructure/ui-number-input": "11.7.4-snapshot-105",
26
+ "@instructure/ui-portal": "11.7.4-snapshot-105",
27
+ "@instructure/ui-react-utils": "11.7.4-snapshot-105",
28
+ "@instructure/ui-themes": "11.7.4-snapshot-105",
29
+ "@instructure/ui-text": "11.7.4-snapshot-105",
30
+ "@instructure/ui-tooltip": "11.7.4-snapshot-105",
31
+ "@instructure/ui-view": "11.7.4-snapshot-105",
32
+ "@instructure/ui-utils": "11.7.4-snapshot-105",
33
+ "@instructure/uid": "11.7.4-snapshot-105"
34
34
  },
35
35
  "devDependencies": {
36
36
  "@testing-library/jest-dom": "^6.9.1",
37
37
  "@testing-library/react": "16.3.2",
38
38
  "@testing-library/user-event": "^14.6.1",
39
39
  "vitest": "^4.1.9",
40
- "@instructure/ui-babel-preset": "11.7.4-snapshot-102",
41
- "@instructure/ui-axe-check": "11.7.4-snapshot-102"
40
+ "@instructure/ui-axe-check": "11.7.4-snapshot-105",
41
+ "@instructure/ui-babel-preset": "11.7.4-snapshot-105"
42
42
  },
43
43
  "peerDependencies": {
44
44
  "react": ">=18 <=19"
package/src/Pagination/v2/README.md CHANGED
@@ -26,7 +26,7 @@ const Example = () => {
26
26
  return (
27
27
  <Pagination
28
28
  as="nav"
29
- margin="small"
29
+ margin="general.spaceMd"
30
30
  variant="compact"
31
31
  labelNext="Next Page"
32
32
  labelPrev="Previous Page"
@@ -54,7 +54,7 @@ const Example = () => {
54
54
  return (
55
55
  <Pagination
56
56
  as="nav"
57
- margin="small"
57
+ margin="general.spaceMd"
58
58
  variant="compact"
59
59
  labelNext="Next Page"
60
60
  labelPrev="Previous Page"
@@ -84,7 +84,7 @@ const Example = () => {
84
84
  return (
85
85
  <Pagination
86
86
  as="nav"
87
- margin="small"
87
+ margin="general.spaceMd"
88
88
  variant="full"
89
89
  labelNext="Next Page"
90
90
  labelPrev="Previous Page"
@@ -114,7 +114,7 @@ const Example = () => {
114
114
  return (
115
115
  <Pagination
116
116
  as="nav"
117
- margin="small"
117
+ margin="general.spaceMd"
118
118
  variant="full"
119
119
  labelNext="Next Page"
120
120
  labelPrev="Previous Page"
@@ -143,7 +143,7 @@ const Example = () => {
143
143
  return (
144
144
  <Pagination
145
145
  as="nav"
146
- margin="small"
146
+ margin="general.spaceMd"
147
147
  variant="input"
148
148
  labelNext="Next Page"
149
149
  labelPrev="Previous Page"
@@ -196,7 +196,7 @@ class Example extends React.Component {
196
196
  return (
197
197
  <Pagination
198
198
  as="nav"
199
- margin="small"
199
+ margin="general.spaceMd"
200
200
  variant="compact"
201
201
  labelNext="Next Page"
202
202
  labelPrev="Previous Page"
@@ -248,7 +248,7 @@ class Example extends React.Component {
248
248
  return (
249
249
  <Pagination
250
250
  as="nav"
251
- margin="small"
251
+ margin="general.spaceMd"
252
252
  variant="compact"
253
253
  labelNext="Next Page"
254
254
  labelPrev="Previous Page"
@@ -304,7 +304,7 @@ class Example extends React.Component {
304
304
  return (
305
305
  <Pagination
306
306
  as="nav"
307
- margin="small"
307
+ margin="general.spaceMd"
308
308
  variant="input"
309
309
  labelFirst="First Page"
310
310
  labelPrev="Previous Page"
@@ -371,7 +371,7 @@ class Example extends React.Component {
371
371
 
372
372
  <Pagination
373
373
  as="nav"
374
- margin="large small small"
374
+ margin="general.space2xl general.spaceMd general.spaceMd"
375
375
  variant="compact"
376
376
  labelNext="Next Page"
377
377
  labelPrev="Previous Page"
package/src/Pagination/v2/props.ts CHANGED
@@ -121,9 +121,9 @@ type PaginationOwnProps = {
121
121
  variant?: 'full' | 'compact' | 'input'
122
122
 
123
123
  /**
124
- * Spacing token values can be found here: [Spacing Tokens](https://instructure.design/#layout-spacing/%23Tokens)
125
- *
126
- * Apply these values via familiar CSS-like shorthand. For example: `margin="space8 0 space12"`.
124
+ * Valid values are `0`, `none`, `auto`, and Spacing token values,
125
+ * see https://instructure.design/layout-spacing. Apply these values via
126
+ * familiar CSS-like shorthand. For example, `margin="general.spaceMd auto"`.
127
127
  */
128
128
  margin?: Spacing
129
129