@instructure/ui-tabs 11.7.4-snapshot-129 → 11.7.4-snapshot-132

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 (3) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/package.json +17 -17
  3. package/src/Tabs/v2/README.md +12 -12
package/CHANGELOG.md CHANGED
@@ -3,7 +3,7 @@
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-129](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-129) (2026-07-23)
6
+ ## [11.7.4-snapshot-132](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-132) (2026-07-23)
7
7
 
8
8
 
9
9
  ### Bug Fixes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-tabs",
3
- "version": "11.7.4-snapshot-129",
3
+ "version": "11.7.4-snapshot-132",
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",
@@ -16,28 +16,28 @@
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.29.7",
18
18
  "keycode": "^2",
19
- "@instructure/console": "11.7.4-snapshot-129",
20
- "@instructure/emotion": "11.7.4-snapshot-129",
21
- "@instructure/debounce": "11.7.4-snapshot-129",
22
- "@instructure/shared-types": "11.7.4-snapshot-129",
23
- "@instructure/ui-dom-utils": "11.7.4-snapshot-129",
24
- "@instructure/ui-focusable": "11.7.4-snapshot-129",
25
- "@instructure/ui-i18n": "11.7.4-snapshot-129",
26
- "@instructure/ui-utils": "11.7.4-snapshot-129",
27
- "@instructure/ui-themes": "11.7.4-snapshot-129",
28
- "@instructure/ui-react-utils": "11.7.4-snapshot-129",
29
- "@instructure/ui-motion": "11.7.4-snapshot-129",
30
- "@instructure/ui-view": "11.7.4-snapshot-129",
31
- "@instructure/uid": "11.7.4-snapshot-129"
19
+ "@instructure/console": "11.7.4-snapshot-132",
20
+ "@instructure/debounce": "11.7.4-snapshot-132",
21
+ "@instructure/emotion": "11.7.4-snapshot-132",
22
+ "@instructure/shared-types": "11.7.4-snapshot-132",
23
+ "@instructure/ui-dom-utils": "11.7.4-snapshot-132",
24
+ "@instructure/ui-focusable": "11.7.4-snapshot-132",
25
+ "@instructure/ui-i18n": "11.7.4-snapshot-132",
26
+ "@instructure/ui-motion": "11.7.4-snapshot-132",
27
+ "@instructure/ui-react-utils": "11.7.4-snapshot-132",
28
+ "@instructure/ui-utils": "11.7.4-snapshot-132",
29
+ "@instructure/ui-themes": "11.7.4-snapshot-132",
30
+ "@instructure/ui-view": "11.7.4-snapshot-132",
31
+ "@instructure/uid": "11.7.4-snapshot-132"
32
32
  },
33
33
  "devDependencies": {
34
34
  "@testing-library/jest-dom": "^6.9.1",
35
35
  "@testing-library/react": "16.3.2",
36
36
  "@testing-library/user-event": "^14.6.1",
37
37
  "vitest": "^4.1.9",
38
- "@instructure/ui-axe-check": "11.7.4-snapshot-129",
39
- "@instructure/ui-babel-preset": "11.7.4-snapshot-129",
40
- "@instructure/ui-color-utils": "11.7.4-snapshot-129"
38
+ "@instructure/ui-babel-preset": "11.7.4-snapshot-132",
39
+ "@instructure/ui-axe-check": "11.7.4-snapshot-132",
40
+ "@instructure/ui-color-utils": "11.7.4-snapshot-132"
41
41
  },
42
42
  "peerDependencies": {
43
43
  "react": ">=18 <=19"
package/src/Tabs/v2/README.md CHANGED
@@ -18,7 +18,7 @@ const Example = () => {
18
18
  return (
19
19
  <Tabs
20
20
  margin="general.space2xl auto"
21
- padding="medium"
21
+ padding="general.spaceXl"
22
22
  onRequestTabChange={handleTabChange}
23
23
  >
24
24
  <Tabs.Panel
@@ -26,7 +26,7 @@ const Example = () => {
26
26
  tabIndex={-1}
27
27
  renderTitle="Tab A"
28
28
  textAlign="center"
29
- padding="large"
29
+ padding="general.space2xl"
30
30
  isSelected={selectedIndex === 0}
31
31
  >
32
32
  <Button>Focus Me</Button>
@@ -140,7 +140,7 @@ const Example = () => {
140
140
  return (
141
141
  <Tabs
142
142
  margin="general.space2xl auto"
143
- padding="medium"
143
+ padding="general.spaceXl"
144
144
  onRequestTabChange={handleTabChange}
145
145
  tabOverflow="scroll"
146
146
  maxWidth="20rem"
@@ -272,7 +272,7 @@ const Example = () => {
272
272
  <View {...containerProps}>
273
273
  <Tabs
274
274
  margin="general.space2xl auto"
275
- padding="medium"
275
+ padding="general.spaceXl"
276
276
  onRequestTabChange={handleTabChange}
277
277
  {...heightOptions[heightOption]}
278
278
  >
@@ -281,7 +281,7 @@ const Example = () => {
281
281
  tabIndex={-1}
282
282
  renderTitle="Tab A"
283
283
  textAlign="center"
284
- padding="large"
284
+ padding="general.space2xl"
285
285
  isSelected={selectedIndex === 0}
286
286
  >
287
287
  <Button>Focus Me</Button>
@@ -374,14 +374,14 @@ const Example = () => {
374
374
  return (
375
375
  <Tabs
376
376
  margin="general.space2xl auto"
377
- padding="medium"
377
+ padding="general.spaceXl"
378
378
  onRequestTabChange={handleTabChange}
379
379
  >
380
380
  <Tabs.Panel
381
381
  id="tabA"
382
382
  renderTitle="Tab A"
383
383
  textAlign="center"
384
- padding="large"
384
+ padding="general.space2xl"
385
385
  isSelected={selectedIndex === 0}
386
386
  active
387
387
  tabIndex={0}
@@ -440,7 +440,7 @@ const Example = () => {
440
440
  return (
441
441
  <Tabs
442
442
  margin="general.space2xl auto"
443
- padding="medium"
443
+ padding="general.spaceXl"
444
444
  onRequestTabChange={handleTabChange}
445
445
  >
446
446
  <Tabs.Panel
@@ -448,7 +448,7 @@ const Example = () => {
448
448
  tabIndex={-1}
449
449
  renderTitle="I will persist"
450
450
  textAlign="center"
451
- padding="large"
451
+ padding="general.space2xl"
452
452
  isSelected={selectedIndex === 0}
453
453
  unmountOnExit={false}
454
454
  >
@@ -460,7 +460,7 @@ const Example = () => {
460
460
  renderTitle="I will unmount"
461
461
  isSelected={selectedIndex === 1}
462
462
  textAlign="center"
463
- padding="large"
463
+ padding="general.space2xl"
464
464
  >
465
465
  <Counter />
466
466
  </Tabs.Panel>
@@ -505,14 +505,14 @@ const Example = () => {
505
505
  return (
506
506
  <Tabs
507
507
  margin="general.space2xl auto"
508
- padding="medium"
508
+ padding="general.spaceXl"
509
509
  onRequestTabChange={handleTabChange}
510
510
  >
511
511
  <Tabs.Panel
512
512
  id="tabA"
513
513
  renderTitle="Panel with button"
514
514
  textAlign="center"
515
- padding="large"
515
+ padding="general.space2xl"
516
516
  isSelected={selectedIndex === 0}
517
517
  tabIndex={-1}
518
518
  >