@instructure/ui-instructure 11.7.5-snapshot-12 → 11.7.5-snapshot-13

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 (19) hide show
  1. package/CHANGELOG.md +5 -2
  2. package/es/DataPermissionLevels/v1/index.js +4 -10
  3. package/es/DataPermissionLevels/v2/index.js +4 -10
  4. package/es/NutritionFacts/v1/index.js +4 -10
  5. package/es/NutritionFacts/v2/index.js +4 -10
  6. package/lib/DataPermissionLevels/v1/index.js +3 -9
  7. package/lib/DataPermissionLevels/v2/index.js +3 -9
  8. package/lib/NutritionFacts/v1/index.js +3 -9
  9. package/lib/NutritionFacts/v2/index.js +3 -9
  10. package/package.json +16 -16
  11. package/src/DataPermissionLevels/v1/index.tsx +7 -12
  12. package/src/DataPermissionLevels/v2/index.tsx +7 -12
  13. package/src/NutritionFacts/v1/index.tsx +7 -12
  14. package/src/NutritionFacts/v2/index.tsx +7 -12
  15. package/tsconfig.build.tsbuildinfo +1 -1
  16. package/types/DataPermissionLevels/v1/index.d.ts.map +1 -1
  17. package/types/DataPermissionLevels/v2/index.d.ts.map +1 -1
  18. package/types/NutritionFacts/v1/index.d.ts.map +1 -1
  19. package/types/NutritionFacts/v2/index.d.ts.map +1 -1
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.5-snapshot-12](https://github.com/instructure/instructure-ui/compare/v11.7.4...v11.7.5-snapshot-12) (2026-07-27)
6
+ ## [11.7.5-snapshot-13](https://github.com/instructure/instructure-ui/compare/v11.7.4...v11.7.5-snapshot-13) (2026-07-27)
7
7
 
8
- **Note:** Version bump only for package @instructure/ui-instructure
8
+
9
+ ### Bug Fixes
10
+
11
+ * **ui-instructure:** use CondensedButton for AI component triggers ([b99dd57](https://github.com/instructure/instructure-ui/commit/b99dd570811b9d917bcdf6d4578a7764c830681e))
9
12
 
10
13
 
11
14
 
package/es/DataPermissionLevels/v1/index.js CHANGED
@@ -23,10 +23,9 @@
23
23
  */
24
24
  import { useState } from 'react';
25
25
  import { Modal } from '@instructure/ui-modal/v11_6';
26
- import { Button, CloseButton } from '@instructure/ui-buttons/v11_6';
26
+ import { Button, CloseButton, CondensedButton } from '@instructure/ui-buttons/v11_6';
27
27
  import { Heading } from '@instructure/ui-heading/v11_6';
28
28
  import { Text } from '@instructure/ui-text/v11_6';
29
- import { Link } from '@instructure/ui-link/v11_6';
30
29
  import { useStyle as useStyleNew } from '@instructure/emotion';
31
30
  import generateStyle from './styles.js';
32
31
  import generateComponentTheme from './theme.js';
@@ -56,14 +55,9 @@ const DataPermissionLevels = ({
56
55
  displayName: 'DataPermissionLevels'
57
56
  });
58
57
  return _jsxs("div", {
59
- children: [_jsx(Link, {
60
- variant: "standalone",
61
- onClick: e => {
62
- e.preventDefault();
63
- setOpen(true);
64
- },
65
- forceButtonRole: false,
66
- href: "#",
58
+ children: [_jsx(CondensedButton, {
59
+ onClick: () => setOpen(true),
60
+ "aria-haspopup": "dialog",
67
61
  children: triggerText
68
62
  }), _jsxs(Modal, {
69
63
  size: fullscreen ? 'fullscreen' : 'medium',
package/es/DataPermissionLevels/v2/index.js CHANGED
@@ -23,10 +23,9 @@
23
23
  */
24
24
  import { useState } from 'react';
25
25
  import { Modal } from '@instructure/ui-modal/latest';
26
- import { Button, CloseButton } from '@instructure/ui-buttons/latest';
26
+ import { Button, CloseButton, CondensedButton } from '@instructure/ui-buttons/latest';
27
27
  import { Heading } from '@instructure/ui-heading/latest';
28
28
  import { Text } from '@instructure/ui-text/latest';
29
- import { Link } from '@instructure/ui-link/latest';
30
29
  import { useStyleNew } from '@instructure/emotion';
31
30
  import generateStyle from './styles.js';
32
31
 
@@ -56,14 +55,9 @@ const DataPermissionLevels = ({
56
55
  displayName: 'DataPermissionLevels'
57
56
  });
58
57
  return _jsxs("div", {
59
- children: [_jsx(Link, {
60
- variant: "standalone",
61
- onClick: e => {
62
- e.preventDefault();
63
- setOpen(true);
64
- },
65
- forceButtonRole: false,
66
- href: "#",
58
+ children: [_jsx(CondensedButton, {
59
+ onClick: () => setOpen(true),
60
+ "aria-haspopup": "dialog",
67
61
  children: triggerText
68
62
  }), _jsxs(Modal, {
69
63
  size: fullscreen ? 'fullscreen' : 'medium',
package/es/NutritionFacts/v1/index.js CHANGED
@@ -23,10 +23,9 @@
23
23
  */
24
24
  import { useState } from 'react';
25
25
  import { Modal } from '@instructure/ui-modal/v11_6';
26
- import { Button, CloseButton } from '@instructure/ui-buttons/v11_6';
26
+ import { Button, CloseButton, CondensedButton } from '@instructure/ui-buttons/v11_6';
27
27
  import { Heading } from '@instructure/ui-heading/v11_6';
28
28
  import { Text } from '@instructure/ui-text/v11_6';
29
- import { Link } from '@instructure/ui-link/v11_6';
30
29
  import { useStyle as useStyleNew } from '@instructure/emotion';
31
30
  import generateStyle from './styles.js';
32
31
  import generateComponentTheme from './theme.js';
@@ -55,14 +54,9 @@ const NutritionFacts = ({
55
54
  displayName: 'NutritionFacts'
56
55
  });
57
56
  return _jsxs("div", {
58
- children: [_jsx(Link, {
59
- variant: "standalone",
60
- onClick: e => {
61
- e.preventDefault();
62
- setOpen(true);
63
- },
64
- forceButtonRole: false,
65
- href: "#",
57
+ children: [_jsx(CondensedButton, {
58
+ onClick: () => setOpen(true),
59
+ "aria-haspopup": "dialog",
66
60
  children: triggerText
67
61
  }), _jsxs(Modal, {
68
62
  open: open,
package/es/NutritionFacts/v2/index.js CHANGED
@@ -23,10 +23,9 @@
23
23
  */
24
24
  import { useState } from 'react';
25
25
  import { Modal } from '@instructure/ui-modal/latest';
26
- import { Button, CloseButton } from '@instructure/ui-buttons/latest';
26
+ import { Button, CloseButton, CondensedButton } from '@instructure/ui-buttons/latest';
27
27
  import { Heading } from '@instructure/ui-heading/latest';
28
28
  import { Text } from '@instructure/ui-text/latest';
29
- import { Link } from '@instructure/ui-link/latest';
30
29
  import { useStyleNew } from '@instructure/emotion';
31
30
  import generateStyle from './styles.js';
32
31
 
@@ -55,14 +54,9 @@ const NutritionFacts = ({
55
54
  displayName: 'NutritionFacts'
56
55
  });
57
56
  return _jsxs("div", {
58
- children: [_jsx(Link, {
59
- variant: "standalone",
60
- onClick: e => {
61
- e.preventDefault();
62
- setOpen(true);
63
- },
64
- forceButtonRole: false,
65
- href: "#",
57
+ children: [_jsx(CondensedButton, {
58
+ onClick: () => setOpen(true),
59
+ "aria-haspopup": "dialog",
66
60
  children: triggerText
67
61
  }), _jsxs(Modal, {
68
62
  open: open,
package/lib/DataPermissionLevels/v1/index.js CHANGED
@@ -10,7 +10,6 @@ var _v11_ = require("@instructure/ui-modal/v11_6");
10
10
  var _v11_2 = require("@instructure/ui-buttons/v11_6");
11
11
  var _v11_3 = require("@instructure/ui-heading/v11_6");
12
12
  var _v11_4 = require("@instructure/ui-text/v11_6");
13
- var _v11_5 = require("@instructure/ui-link/v11_6");
14
13
  var _emotion = require("@instructure/emotion");
15
14
  var _styles = _interopRequireDefault(require("./styles.js"));
16
15
  var _theme = _interopRequireDefault(require("./theme.js"));
@@ -62,14 +61,9 @@ category: components/AI Components
62
61
  displayName: 'DataPermissionLevels'
63
62
  });
64
63
  return (0, _jsxRuntime.jsxs)("div", {
65
- children: [(0, _jsxRuntime.jsx)(_v11_5.Link, {
66
- variant: "standalone",
67
- onClick: e => {
68
- e.preventDefault();
69
- setOpen(true);
70
- },
71
- forceButtonRole: false,
72
- href: "#",
64
+ children: [(0, _jsxRuntime.jsx)(_v11_2.CondensedButton, {
65
+ onClick: () => setOpen(true),
66
+ "aria-haspopup": "dialog",
73
67
  children: triggerText
74
68
  }), (0, _jsxRuntime.jsxs)(_v11_.Modal, {
75
69
  size: fullscreen ? 'fullscreen' : 'medium',
package/lib/DataPermissionLevels/v2/index.js CHANGED
@@ -10,7 +10,6 @@ var _latest = require("@instructure/ui-modal/latest");
10
10
  var _latest2 = require("@instructure/ui-buttons/latest");
11
11
  var _latest3 = require("@instructure/ui-heading/latest");
12
12
  var _latest4 = require("@instructure/ui-text/latest");
13
- var _latest5 = require("@instructure/ui-link/latest");
14
13
  var _emotion = require("@instructure/emotion");
15
14
  var _styles = _interopRequireDefault(require("./styles.js"));
16
15
  var _jsxRuntime = require("@emotion/react/jsx-runtime");
@@ -62,14 +61,9 @@ category: components/AI Components
62
61
  displayName: 'DataPermissionLevels'
63
62
  });
64
63
  return (0, _jsxRuntime.jsxs)("div", {
65
- children: [(0, _jsxRuntime.jsx)(_latest5.Link, {
66
- variant: "standalone",
67
- onClick: e => {
68
- e.preventDefault();
69
- setOpen(true);
70
- },
71
- forceButtonRole: false,
72
- href: "#",
64
+ children: [(0, _jsxRuntime.jsx)(_latest2.CondensedButton, {
65
+ onClick: () => setOpen(true),
66
+ "aria-haspopup": "dialog",
73
67
  children: triggerText
74
68
  }), (0, _jsxRuntime.jsxs)(_latest.Modal, {
75
69
  size: fullscreen ? 'fullscreen' : 'medium',
package/lib/NutritionFacts/v1/index.js CHANGED
@@ -10,7 +10,6 @@ var _v11_ = require("@instructure/ui-modal/v11_6");
10
10
  var _v11_2 = require("@instructure/ui-buttons/v11_6");
11
11
  var _v11_3 = require("@instructure/ui-heading/v11_6");
12
12
  var _v11_4 = require("@instructure/ui-text/v11_6");
13
- var _v11_5 = require("@instructure/ui-link/v11_6");
14
13
  var _emotion = require("@instructure/emotion");
15
14
  var _styles = _interopRequireDefault(require("./styles.js"));
16
15
  var _theme = _interopRequireDefault(require("./theme.js"));
@@ -61,14 +60,9 @@ category: components/AI Components
61
60
  displayName: 'NutritionFacts'
62
61
  });
63
62
  return (0, _jsxRuntime.jsxs)("div", {
64
- children: [(0, _jsxRuntime.jsx)(_v11_5.Link, {
65
- variant: "standalone",
66
- onClick: e => {
67
- e.preventDefault();
68
- setOpen(true);
69
- },
70
- forceButtonRole: false,
71
- href: "#",
63
+ children: [(0, _jsxRuntime.jsx)(_v11_2.CondensedButton, {
64
+ onClick: () => setOpen(true),
65
+ "aria-haspopup": "dialog",
72
66
  children: triggerText
73
67
  }), (0, _jsxRuntime.jsxs)(_v11_.Modal, {
74
68
  open: open,
package/lib/NutritionFacts/v2/index.js CHANGED
@@ -10,7 +10,6 @@ var _latest = require("@instructure/ui-modal/latest");
10
10
  var _latest2 = require("@instructure/ui-buttons/latest");
11
11
  var _latest3 = require("@instructure/ui-heading/latest");
12
12
  var _latest4 = require("@instructure/ui-text/latest");
13
- var _latest5 = require("@instructure/ui-link/latest");
14
13
  var _emotion = require("@instructure/emotion");
15
14
  var _styles = _interopRequireDefault(require("./styles.js"));
16
15
  var _jsxRuntime = require("@emotion/react/jsx-runtime");
@@ -61,14 +60,9 @@ category: components/AI Components
61
60
  displayName: 'NutritionFacts'
62
61
  });
63
62
  return (0, _jsxRuntime.jsxs)("div", {
64
- children: [(0, _jsxRuntime.jsx)(_latest5.Link, {
65
- variant: "standalone",
66
- onClick: e => {
67
- e.preventDefault();
68
- setOpen(true);
69
- },
70
- forceButtonRole: false,
71
- href: "#",
63
+ children: [(0, _jsxRuntime.jsx)(_latest2.CondensedButton, {
64
+ onClick: () => setOpen(true),
65
+ "aria-haspopup": "dialog",
72
66
  children: triggerText
73
67
  }), (0, _jsxRuntime.jsxs)(_latest.Modal, {
74
68
  open: open,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-instructure",
3
- "version": "11.7.5-snapshot-12",
3
+ "version": "11.7.5-snapshot-13",
4
4
  "description": "Collection of specific components for Instructure products",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -15,26 +15,26 @@
15
15
  "license": "MIT",
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.29.7",
18
- "@instructure/emotion": "11.7.5-snapshot-12",
19
- "@instructure/ui-heading": "11.7.5-snapshot-12",
20
- "@instructure/shared-types": "11.7.5-snapshot-12",
21
- "@instructure/ui-icons": "11.7.5-snapshot-12",
22
- "@instructure/ui-buttons": "11.7.5-snapshot-12",
23
- "@instructure/ui-link": "11.7.5-snapshot-12",
24
- "@instructure/ui-modal": "11.7.5-snapshot-12",
25
- "@instructure/ui-popover": "11.7.5-snapshot-12",
26
- "@instructure/ui-react-utils": "11.7.5-snapshot-12",
27
- "@instructure/ui-themes": "11.7.5-snapshot-12",
28
- "@instructure/ui-text": "11.7.5-snapshot-12",
29
- "@instructure/ui-view": "11.7.5-snapshot-12"
18
+ "@instructure/emotion": "11.7.5-snapshot-13",
19
+ "@instructure/ui-buttons": "11.7.5-snapshot-13",
20
+ "@instructure/ui-icons": "11.7.5-snapshot-13",
21
+ "@instructure/ui-heading": "11.7.5-snapshot-13",
22
+ "@instructure/shared-types": "11.7.5-snapshot-13",
23
+ "@instructure/ui-link": "11.7.5-snapshot-13",
24
+ "@instructure/ui-modal": "11.7.5-snapshot-13",
25
+ "@instructure/ui-themes": "11.7.5-snapshot-13",
26
+ "@instructure/ui-react-utils": "11.7.5-snapshot-13",
27
+ "@instructure/ui-text": "11.7.5-snapshot-13",
28
+ "@instructure/ui-popover": "11.7.5-snapshot-13",
29
+ "@instructure/ui-view": "11.7.5-snapshot-13"
30
30
  },
31
31
  "devDependencies": {
32
32
  "@testing-library/jest-dom": "^6.9.1",
33
33
  "@testing-library/react": "16.3.2",
34
34
  "vitest": "^4.1.9",
35
- "@instructure/ui-babel-preset": "11.7.5-snapshot-12",
36
- "@instructure/ui-axe-check": "11.7.5-snapshot-12",
37
- "@instructure/ui-color-utils": "11.7.5-snapshot-12"
35
+ "@instructure/ui-babel-preset": "11.7.5-snapshot-13",
36
+ "@instructure/ui-color-utils": "11.7.5-snapshot-13",
37
+ "@instructure/ui-axe-check": "11.7.5-snapshot-13"
38
38
  },
39
39
  "peerDependencies": {
40
40
  "react": ">=18 <=19"
package/src/DataPermissionLevels/v1/index.tsx CHANGED
@@ -23,10 +23,13 @@
23
23
  */
24
24
  import { useState } from 'react'
25
25
  import { Modal } from '@instructure/ui-modal/v11_6'
26
- import { Button, CloseButton } from '@instructure/ui-buttons/v11_6'
26
+ import {
27
+ Button,
28
+ CloseButton,
29
+ CondensedButton
30
+ } from '@instructure/ui-buttons/v11_6'
27
31
  import { Heading } from '@instructure/ui-heading/v11_6'
28
32
  import { Text } from '@instructure/ui-text/v11_6'
29
- import { Link } from '@instructure/ui-link/v11_6'
30
33
  import { useStyle as useStyleNew } from '@instructure/emotion'
31
34
 
32
35
  import { DataPermissionLevelsProps } from './props.js'
@@ -60,17 +63,9 @@ const DataPermissionLevels = ({
60
63
 
61
64
  return (
62
65
  <div>
63
- <Link
64
- variant="standalone"
65
- onClick={(e) => {
66
- e.preventDefault()
67
- setOpen(true)
68
- }}
69
- forceButtonRole={false}
70
- href="#"
71
- >
66
+ <CondensedButton onClick={() => setOpen(true)} aria-haspopup="dialog">
72
67
  {triggerText}
73
- </Link>
68
+ </CondensedButton>
74
69
  <Modal
75
70
  size={fullscreen ? 'fullscreen' : 'medium'}
76
71
  open={open}
package/src/DataPermissionLevels/v2/index.tsx CHANGED
@@ -23,10 +23,13 @@
23
23
  */
24
24
  import { useState } from 'react'
25
25
  import { Modal } from '@instructure/ui-modal/latest'
26
- import { Button, CloseButton } from '@instructure/ui-buttons/latest'
26
+ import {
27
+ Button,
28
+ CloseButton,
29
+ CondensedButton
30
+ } from '@instructure/ui-buttons/latest'
27
31
  import { Heading } from '@instructure/ui-heading/latest'
28
32
  import { Text } from '@instructure/ui-text/latest'
29
- import { Link } from '@instructure/ui-link/latest'
30
33
  import { useStyleNew } from '@instructure/emotion'
31
34
 
32
35
  import { DataPermissionLevelsProps } from './props.js'
@@ -60,17 +63,9 @@ const DataPermissionLevels = ({
60
63
 
61
64
  return (
62
65
  <div>
63
- <Link
64
- variant="standalone"
65
- onClick={(e) => {
66
- e.preventDefault()
67
- setOpen(true)
68
- }}
69
- forceButtonRole={false}
70
- href="#"
71
- >
66
+ <CondensedButton onClick={() => setOpen(true)} aria-haspopup="dialog">
72
67
  {triggerText}
73
- </Link>
68
+ </CondensedButton>
74
69
  <Modal
75
70
  size={fullscreen ? 'fullscreen' : 'medium'}
76
71
  open={open}
package/src/NutritionFacts/v1/index.tsx CHANGED
@@ -23,10 +23,13 @@
23
23
  */
24
24
  import { useState } from 'react'
25
25
  import { Modal } from '@instructure/ui-modal/v11_6'
26
- import { Button, CloseButton } from '@instructure/ui-buttons/v11_6'
26
+ import {
27
+ Button,
28
+ CloseButton,
29
+ CondensedButton
30
+ } from '@instructure/ui-buttons/v11_6'
27
31
  import { Heading } from '@instructure/ui-heading/v11_6'
28
32
  import { Text } from '@instructure/ui-text/v11_6'
29
- import { Link } from '@instructure/ui-link/v11_6'
30
33
  import { useStyle as useStyleNew } from '@instructure/emotion'
31
34
 
32
35
  import { NutritionFactsProps } from './props.js'
@@ -59,17 +62,9 @@ const NutritionFacts = ({
59
62
 
60
63
  return (
61
64
  <div>
62
- <Link
63
- variant="standalone"
64
- onClick={(e) => {
65
- e.preventDefault()
66
- setOpen(true)
67
- }}
68
- forceButtonRole={false}
69
- href="#"
70
- >
65
+ <CondensedButton onClick={() => setOpen(true)} aria-haspopup="dialog">
71
66
  {triggerText}
72
- </Link>
67
+ </CondensedButton>
73
68
  <Modal
74
69
  open={open}
75
70
  onDismiss={() => {
package/src/NutritionFacts/v2/index.tsx CHANGED
@@ -23,10 +23,13 @@
23
23
  */
24
24
  import { useState } from 'react'
25
25
  import { Modal } from '@instructure/ui-modal/latest'
26
- import { Button, CloseButton } from '@instructure/ui-buttons/latest'
26
+ import {
27
+ Button,
28
+ CloseButton,
29
+ CondensedButton
30
+ } from '@instructure/ui-buttons/latest'
27
31
  import { Heading } from '@instructure/ui-heading/latest'
28
32
  import { Text } from '@instructure/ui-text/latest'
29
- import { Link } from '@instructure/ui-link/latest'
30
33
  import { useStyleNew } from '@instructure/emotion'
31
34
 
32
35
  import { NutritionFactsProps } from './props.js'
@@ -59,17 +62,9 @@ const NutritionFacts = ({
59
62
 
60
63
  return (
61
64
  <div>
62
- <Link
63
- variant="standalone"
64
- onClick={(e) => {
65
- e.preventDefault()
66
- setOpen(true)
67
- }}
68
- forceButtonRole={false}
69
- href="#"
70
- >
65
+ <CondensedButton onClick={() => setOpen(true)} aria-haspopup="dialog">
71
66
  {triggerText}
72
- </Link>
67
+ </CondensedButton>
73
68
  <Modal
74
69
  open={open}
75
70
  onDismiss={() => {