@instructure/ui-instructure 11.7.8-snapshot-7 → 11.7.8-snapshot-6

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 +4 -3
  2. package/es/AiInformation/v2/index.js +1 -4
  3. package/es/DataPermissionLevels/v2/index.js +10 -15
  4. package/es/DataPermissionLevels/v2/styles.js +0 -1
  5. package/lib/AiInformation/v2/index.js +1 -4
  6. package/lib/DataPermissionLevels/v2/index.js +10 -15
  7. package/lib/DataPermissionLevels/v2/styles.js +0 -1
  8. package/package.json +16 -16
  9. package/src/AiInformation/v2/README.md +0 -2
  10. package/src/AiInformation/v2/index.tsx +1 -4
  11. package/src/AiInformation/v2/props.ts +0 -1
  12. package/src/DataPermissionLevels/v2/index.tsx +6 -8
  13. package/src/DataPermissionLevels/v2/styles.ts +0 -1
  14. package/tsconfig.build.tsbuildinfo +1 -1
  15. package/types/AiInformation/v2/index.d.ts.map +1 -1
  16. package/types/AiInformation/v2/props.d.ts +0 -1
  17. package/types/AiInformation/v2/props.d.ts.map +1 -1
  18. package/types/DataPermissionLevels/v2/index.d.ts.map +1 -1
  19. package/types/DataPermissionLevels/v2/styles.d.ts.map +1 -1
package/CHANGELOG.md CHANGED
@@ -3,11 +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.8-snapshot-7](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8-snapshot-7) (2026-10-02)
6
+ ## [11.7.8-snapshot-6](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8-snapshot-6) (2026-10-02)
7
+
8
+ **Note:** Version bump only for package @instructure/ui-instructure
9
+
7
10
 
8
- ### Bug Fixes
9
11
 
10
- * **ui-instructure:** improve screen reader support in AiInformation and DataPermissionLevels ([ed2720b](https://github.com/instructure/instructure-ui/commit/ed2720b84d126ad1f0c452d200e351cf3b2f538f))
11
12
 
12
13
 
13
14
  ## [11.7.7](https://github.com/instructure/instructure-ui/compare/v11.7.6...v11.7.7) (2026-09-23)
package/es/AiInformation/v2/index.js CHANGED
@@ -71,7 +71,7 @@ const AiInformation = ({
71
71
  renderTrigger: trigger,
72
72
  isShowingContent: open,
73
73
  on: "click",
74
- screenReaderLabel: `IgniteAI, ${title}`,
74
+ screenReaderLabel: "Popover Dialog Example",
75
75
  shouldContainFocus: true,
76
76
  shouldReturnFocus: true,
77
77
  shouldCloseOnDocumentClick: true,
@@ -98,7 +98,6 @@ const AiInformation = ({
98
98
  featureName,
99
99
  privacyNoticeText,
100
100
  privacyNoticeUrl,
101
- privacyNoticeScreenReaderLabel,
102
101
  permissionLevelText,
103
102
  permissionLevel,
104
103
  description,
@@ -111,11 +110,9 @@ const AiInformation = ({
111
110
  css: styles?.privacyNotice,
112
111
  children: _jsx(Link, {
113
112
  href: privacyNoticeUrl,
114
- "aria-label": privacyNoticeScreenReaderLabel,
115
113
  renderIcon: _jsx(ExternalLinkInstUIIcon, {
116
114
  size: "sm"
117
115
  }),
118
- target: "_blank",
119
116
  iconPlacement: "end",
120
117
  variant: "standalone",
121
118
  children: privacyNoticeText
package/es/DataPermissionLevels/v2/index.js CHANGED
@@ -95,7 +95,7 @@ const DataPermissionLevels = ({
95
95
  highlighted
96
96
  }, index) => _jsxs("div", {
97
97
  css: highlighted ? styles?.highlightedCard : styles?.card,
98
- children: [highlighted ? _jsxs("h3", {
98
+ children: [highlighted ? _jsxs("div", {
99
99
  css: styles?.currentFeature,
100
100
  children: [_jsxs(Heading, {
101
101
  color: "primary-on",
@@ -109,20 +109,15 @@ const DataPermissionLevels = ({
109
109
  })]
110
110
  }) : null, _jsxs("div", {
111
111
  css: styles?.contentContainer,
112
- children: [_jsxs("h3", {
113
- style: {
114
- all: 'unset'
115
- },
116
- children: [_jsx("div", {
117
- css: styles?.level,
118
- children: level
119
- }), _jsx("div", {
120
- css: styles?.permissionTitle,
121
- children: _jsxs(Text, {
122
- variant: "descriptionPage",
123
- children: [title, " "]
124
- })
125
- })]
112
+ children: [_jsx("div", {
113
+ css: styles?.level,
114
+ children: level
115
+ }), _jsx("div", {
116
+ css: styles?.permissionTitle,
117
+ children: _jsxs(Text, {
118
+ variant: "descriptionPage",
119
+ children: [title, " "]
120
+ })
126
121
  }), _jsx(Text, {
127
122
  variant: "content",
128
123
  color: "secondary",
package/es/DataPermissionLevels/v2/styles.js CHANGED
@@ -77,7 +77,6 @@ const generateStyle = (componentTheme, _props, sharedTokens) => {
77
77
  color: componentTheme?.levelColor
78
78
  },
79
79
  currentFeature: {
80
- all: 'unset',
81
80
  label: 'data-permission-levels__current-feature',
82
81
  background: `
83
82
  linear-gradient(to right, ${componentTheme.aiTextLeftGradientColor} 0%, ${componentTheme.aiTextRightGradientColor} 100%)`,
package/lib/AiInformation/v2/index.js CHANGED
@@ -77,7 +77,7 @@ category: components/AI Components
77
77
  renderTrigger: trigger,
78
78
  isShowingContent: open,
79
79
  on: "click",
80
- screenReaderLabel: `IgniteAI, ${title}`,
80
+ screenReaderLabel: "Popover Dialog Example",
81
81
  shouldContainFocus: true,
82
82
  shouldReturnFocus: true,
83
83
  shouldCloseOnDocumentClick: true,
@@ -104,7 +104,6 @@ category: components/AI Components
104
104
  featureName,
105
105
  privacyNoticeText,
106
106
  privacyNoticeUrl,
107
- privacyNoticeScreenReaderLabel,
108
107
  permissionLevelText,
109
108
  permissionLevel,
110
109
  description,
@@ -117,11 +116,9 @@ category: components/AI Components
117
116
  css: styles?.privacyNotice,
118
117
  children: (0, _jsxRuntime.jsx)(_latest5.Link, {
119
118
  href: privacyNoticeUrl,
120
- "aria-label": privacyNoticeScreenReaderLabel,
121
119
  renderIcon: (0, _jsxRuntime.jsx)(_uiIcons.ExternalLinkInstUIIcon, {
122
120
  size: "sm"
123
121
  }),
124
- target: "_blank",
125
122
  iconPlacement: "end",
126
123
  variant: "standalone",
127
124
  children: privacyNoticeText
package/lib/DataPermissionLevels/v2/index.js CHANGED
@@ -101,7 +101,7 @@ category: components/AI Components
101
101
  highlighted
102
102
  }, index) => (0, _jsxRuntime.jsxs)("div", {
103
103
  css: highlighted ? styles?.highlightedCard : styles?.card,
104
- children: [highlighted ? (0, _jsxRuntime.jsxs)("h3", {
104
+ children: [highlighted ? (0, _jsxRuntime.jsxs)("div", {
105
105
  css: styles?.currentFeature,
106
106
  children: [(0, _jsxRuntime.jsxs)(_latest3.Heading, {
107
107
  color: "primary-on",
@@ -115,20 +115,15 @@ category: components/AI Components
115
115
  })]
116
116
  }) : null, (0, _jsxRuntime.jsxs)("div", {
117
117
  css: styles?.contentContainer,
118
- children: [(0, _jsxRuntime.jsxs)("h3", {
119
- style: {
120
- all: 'unset'
121
- },
122
- children: [(0, _jsxRuntime.jsx)("div", {
123
- css: styles?.level,
124
- children: level
125
- }), (0, _jsxRuntime.jsx)("div", {
126
- css: styles?.permissionTitle,
127
- children: (0, _jsxRuntime.jsxs)(_latest4.Text, {
128
- variant: "descriptionPage",
129
- children: [title, " "]
130
- })
131
- })]
118
+ children: [(0, _jsxRuntime.jsx)("div", {
119
+ css: styles?.level,
120
+ children: level
121
+ }), (0, _jsxRuntime.jsx)("div", {
122
+ css: styles?.permissionTitle,
123
+ children: (0, _jsxRuntime.jsxs)(_latest4.Text, {
124
+ variant: "descriptionPage",
125
+ children: [title, " "]
126
+ })
132
127
  }), (0, _jsxRuntime.jsx)(_latest4.Text, {
133
128
  variant: "content",
134
129
  color: "secondary",
package/lib/DataPermissionLevels/v2/styles.js CHANGED
@@ -83,7 +83,6 @@ const generateStyle = (componentTheme, _props, sharedTokens) => {
83
83
  color: componentTheme?.levelColor
84
84
  },
85
85
  currentFeature: {
86
- all: 'unset',
87
86
  label: 'data-permission-levels__current-feature',
88
87
  background: `
89
88
  linear-gradient(to right, ${componentTheme.aiTextLeftGradientColor} 0%, ${componentTheme.aiTextRightGradientColor} 100%)`,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-instructure",
3
- "version": "11.7.8-snapshot-7",
3
+ "version": "11.7.8-snapshot-6",
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,24 +15,24 @@
15
15
  "license": "MIT",
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.29.7",
18
- "@instructure/shared-types": "11.7.8-snapshot-7",
19
- "@instructure/emotion": "11.7.8-snapshot-7",
20
- "@instructure/ui-heading": "11.7.8-snapshot-7",
21
- "@instructure/ui-buttons": "11.7.8-snapshot-7",
22
- "@instructure/ui-icons": "11.7.8-snapshot-7",
23
- "@instructure/ui-link": "11.7.8-snapshot-7",
24
- "@instructure/ui-popover": "11.7.8-snapshot-7",
25
- "@instructure/ui-modal": "11.7.8-snapshot-7",
26
- "@instructure/ui-text": "11.7.8-snapshot-7",
27
- "@instructure/ui-react-utils": "11.7.8-snapshot-7",
28
- "@instructure/ui-themes": "11.7.8-snapshot-7",
29
- "@instructure/ui-view": "11.7.8-snapshot-7"
18
+ "@instructure/emotion": "11.7.8-snapshot-6",
19
+ "@instructure/ui-buttons": "11.7.8-snapshot-6",
20
+ "@instructure/shared-types": "11.7.8-snapshot-6",
21
+ "@instructure/ui-heading": "11.7.8-snapshot-6",
22
+ "@instructure/ui-icons": "11.7.8-snapshot-6",
23
+ "@instructure/ui-link": "11.7.8-snapshot-6",
24
+ "@instructure/ui-modal": "11.7.8-snapshot-6",
25
+ "@instructure/ui-react-utils": "11.7.8-snapshot-6",
26
+ "@instructure/ui-view": "11.7.8-snapshot-6",
27
+ "@instructure/ui-text": "11.7.8-snapshot-6",
28
+ "@instructure/ui-themes": "11.7.8-snapshot-6",
29
+ "@instructure/ui-popover": "11.7.8-snapshot-6"
30
30
  },
31
31
  "devDependencies": {
32
32
  "vitest": "^5.0.0",
33
- "@instructure/ui-axe-check": "11.7.8-snapshot-7",
34
- "@instructure/ui-babel-preset": "11.7.8-snapshot-7",
35
- "@instructure/ui-color-utils": "11.7.8-snapshot-7"
33
+ "@instructure/ui-axe-check": "11.7.8-snapshot-6",
34
+ "@instructure/ui-babel-preset": "11.7.8-snapshot-6",
35
+ "@instructure/ui-color-utils": "11.7.8-snapshot-6"
36
36
  },
37
37
  "peerDependencies": {
38
38
  "react": ">=18 <=19"
package/src/AiInformation/v2/README.md CHANGED
@@ -25,7 +25,6 @@ readonly: true
25
25
  featureName: "Feature name",
26
26
  privacyNoticeText: "AI Privacy Notice",
27
27
  privacyNoticeUrl: "https://www.instructure.com/policies/artificial-intelligence-privacy",
28
- privacyNoticeScreenReaderLabel: "AI Privacy Notice, opens an external page",
29
28
  permissionLevelText: "Permission Level",
30
29
  permissionLevel: "Level 1",
31
30
  description: "We leverage anonymized aggregate data for detailed analytics to inform model development and product improvements. No AI models are used at this level.",
@@ -174,7 +173,6 @@ readonly: true
174
173
  featureName: "Feature name",
175
174
  privacyNoticeText: "AI Privacy Notice",
176
175
  privacyNoticeUrl: "https://www.instructure.com/policies/artificial-intelligence-privacy",
177
- privacyNoticeScreenReaderLabel: "AI Privacy Notice, opens an external page",
178
176
  permissionLevelText: "Permission Level",
179
177
  permissionLevel: "Level 1",
180
178
  description: "We leverage anonymized aggregate data for detailed analytics to inform model development and product improvements. No AI models are used at this level.",
package/src/AiInformation/v2/index.tsx CHANGED
@@ -77,7 +77,7 @@ const AiInformation = ({
77
77
  renderTrigger={trigger}
78
78
  isShowingContent={open}
79
79
  on="click"
80
- screenReaderLabel={`IgniteAI, ${title}`}
80
+ screenReaderLabel="Popover Dialog Example"
81
81
  shouldContainFocus
82
82
  shouldReturnFocus
83
83
  shouldCloseOnDocumentClick
@@ -104,7 +104,6 @@ const AiInformation = ({
104
104
  featureName,
105
105
  privacyNoticeText,
106
106
  privacyNoticeUrl,
107
- privacyNoticeScreenReaderLabel,
108
107
  permissionLevelText,
109
108
  permissionLevel,
110
109
  description,
@@ -119,9 +118,7 @@ const AiInformation = ({
119
118
  <div css={styles?.privacyNotice}>
120
119
  <Link
121
120
  href={privacyNoticeUrl}
122
- aria-label={privacyNoticeScreenReaderLabel}
123
121
  renderIcon={<ExternalLinkInstUIIcon size="sm" />}
124
- target="_blank"
125
122
  iconPlacement="end"
126
123
  variant="standalone"
127
124
  >
package/src/AiInformation/v2/props.ts CHANGED
@@ -40,7 +40,6 @@ type AiInformationOwnProps = {
40
40
  featureName: string
41
41
  privacyNoticeText: string
42
42
  privacyNoticeUrl: string
43
- privacyNoticeScreenReaderLabel?: string
44
43
  permissionLevelText: string
45
44
  permissionLevel: string
46
45
  description: string
package/src/DataPermissionLevels/v2/index.tsx CHANGED
@@ -97,7 +97,7 @@ const DataPermissionLevels = ({
97
97
  css={highlighted ? styles?.highlightedCard : styles?.card}
98
98
  >
99
99
  {highlighted ? (
100
- <h3 css={styles?.currentFeature}>
100
+ <div css={styles?.currentFeature}>
101
101
  <Heading
102
102
  color="primary-on"
103
103
  level="reset"
@@ -108,16 +108,14 @@ const DataPermissionLevels = ({
108
108
  <Text color="primary-on" variant="content">
109
109
  {currentFeature}
110
110
  </Text>
111
- </h3>
111
+ </div>
112
112
  ) : null}
113
113
 
114
114
  <div css={styles?.contentContainer}>
115
- <h3 style={{ all: 'unset' }}>
116
- <div css={styles?.level}>{level}</div>
117
- <div css={styles?.permissionTitle}>
118
- <Text variant="descriptionPage">{title} </Text>
119
- </div>
120
- </h3>
115
+ <div css={styles?.level}>{level}</div>
116
+ <div css={styles?.permissionTitle}>
117
+ <Text variant="descriptionPage">{title} </Text>
118
+ </div>
121
119
  <Text variant="content" color="secondary">
122
120
  {description}
123
121
  </Text>
package/src/DataPermissionLevels/v2/styles.ts CHANGED
@@ -87,7 +87,6 @@ const generateStyle = (
87
87
  color: componentTheme?.levelColor
88
88
  },
89
89
  currentFeature: {
90
- all: 'unset',
91
90
  label: 'data-permission-levels__current-feature',
92
91
  background: `
93
92
  linear-gradient(to right, ${componentTheme.aiTextLeftGradientColor} 0%, ${componentTheme.aiTextRightGradientColor} 100%)`,