@instructure/ui-instructure 11.7.3-snapshot-33 → 11.7.3-snapshot-38

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 (21) hide show
  1. package/CHANGELOG.md +6 -1
  2. package/es/AiInformation/v1/index.js +2 -2
  3. package/es/AiInformation/v2/index.js +2 -2
  4. package/es/DataPermissionLevels/v1/index.js +2 -2
  5. package/es/DataPermissionLevels/v2/index.js +2 -2
  6. package/es/NutritionFacts/v1/index.js +2 -2
  7. package/es/NutritionFacts/v2/index.js +2 -2
  8. package/lib/AiInformation/v1/index.js +1 -1
  9. package/lib/AiInformation/v2/index.js +1 -1
  10. package/lib/DataPermissionLevels/v1/index.js +1 -1
  11. package/lib/DataPermissionLevels/v2/index.js +1 -1
  12. package/lib/NutritionFacts/v1/index.js +1 -1
  13. package/lib/NutritionFacts/v2/index.js +1 -1
  14. package/package.json +16 -16
  15. package/src/AiInformation/v1/index.tsx +2 -2
  16. package/src/AiInformation/v2/index.tsx +2 -2
  17. package/src/DataPermissionLevels/v1/index.tsx +2 -2
  18. package/src/DataPermissionLevels/v2/index.tsx +2 -2
  19. package/src/NutritionFacts/v1/index.tsx +2 -2
  20. package/src/NutritionFacts/v2/index.tsx +2 -2
  21. package/tsconfig.build.tsbuildinfo +1 -1
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.3-snapshot-33](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-33) (2026-05-07)
6
+ ## [11.7.3-snapshot-38](https://github.com/instructure/instructure-ui/compare/v11.7.2...v11.7.3-snapshot-38) (2026-05-07)
7
7
 
8
8
 
9
9
  ### Bug Fixes
@@ -11,6 +11,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
11
11
  * **many:** update dependencies, remove lots of Babel plugins, remove Webpack 4 support ([f916fca](https://github.com/instructure/instructure-ui/commit/f916fcafdddcb2d7de401f93e8ff92cfdfa47bba))
12
12
 
13
13
 
14
+ ### Features
15
+
16
+ * **many:** add a way for consumers to pass their own component theme definition so they can build their own components with InstUI ([ce01c3e](https://github.com/instructure/instructure-ui/commit/ce01c3eedc46aa2588f4c8309a6eabf4461aaec7))
17
+
18
+
14
19
 
15
20
 
16
21
 
package/es/AiInformation/v1/index.js CHANGED
@@ -28,7 +28,7 @@ import { Heading } from '@instructure/ui-heading/v11_6';
28
28
  import { Text } from '@instructure/ui-text/v11_6';
29
29
  import { Link } from '@instructure/ui-link/v11_6';
30
30
  import { IconExternalLinkLine } from '@instructure/ui-icons';
31
- import { useStyleLegacy as useStyle } from '@instructure/emotion';
31
+ import { useStyle as useStyleNew } from '@instructure/emotion';
32
32
  import { NutritionFacts } from "../../NutritionFacts/v1/index.js";
33
33
  import { DataPermissionLevels } from "../../DataPermissionLevels/v1/index.js";
34
34
  import generateStyle from "./styles.js";
@@ -59,7 +59,7 @@ const AiInformation = ({
59
59
  nutritionFactsCloseIconButtonScreenReaderLabel
60
60
  }) => {
61
61
  const [open, setOpen] = useState(false);
62
- const styles = useStyle({
62
+ const styles = useStyleNew({
63
63
  generateStyle,
64
64
  generateComponentTheme,
65
65
  componentId: 'AiInformation',
package/es/AiInformation/v2/index.js CHANGED
@@ -28,7 +28,7 @@ import { Heading } from '@instructure/ui-heading/latest';
28
28
  import { Text } from '@instructure/ui-text/latest';
29
29
  import { Link } from '@instructure/ui-link/latest';
30
30
  import { ExternalLinkInstUIIcon } from '@instructure/ui-icons';
31
- import { useStyle } from '@instructure/emotion';
31
+ import { useStyleNew } from '@instructure/emotion';
32
32
  import { NutritionFacts } from "../../NutritionFacts/v2/index.js";
33
33
  import { DataPermissionLevels } from "../../DataPermissionLevels/v2/index.js";
34
34
  import generateStyle from "./styles.js";
@@ -59,7 +59,7 @@ const AiInformation = ({
59
59
  themeOverride
60
60
  }) => {
61
61
  const [open, setOpen] = useState(false);
62
- const styles = useStyle({
62
+ const styles = useStyleNew({
63
63
  generateStyle,
64
64
  themeOverride,
65
65
  componentId: 'AiInformation',
package/es/DataPermissionLevels/v1/index.js CHANGED
@@ -27,7 +27,7 @@ import { Button, CloseButton } 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
29
  import { Link } from '@instructure/ui-link/v11_6';
30
- import { useStyleLegacy as useStyle } from '@instructure/emotion';
30
+ import { useStyle as useStyleNew } from '@instructure/emotion';
31
31
  import generateStyle from "./styles.js";
32
32
  import generateComponentTheme from "./theme.js";
33
33
  /**
@@ -48,7 +48,7 @@ const DataPermissionLevels = ({
48
48
  fullscreen = false
49
49
  }) => {
50
50
  const [open, setOpen] = useState(false);
51
- const styles = useStyle({
51
+ const styles = useStyleNew({
52
52
  generateStyle,
53
53
  generateComponentTheme,
54
54
  componentId: 'DataPermissionLevels',
package/es/DataPermissionLevels/v2/index.js CHANGED
@@ -27,7 +27,7 @@ import { Button, CloseButton } from '@instructure/ui-buttons/latest';
27
27
  import { Heading } from '@instructure/ui-heading/latest';
28
28
  import { Text } from '@instructure/ui-text/latest';
29
29
  import { Link } from '@instructure/ui-link/latest';
30
- import { useStyle } from '@instructure/emotion';
30
+ import { useStyleNew } from '@instructure/emotion';
31
31
  import generateStyle from "./styles.js";
32
32
  /**
33
33
  ---
@@ -48,7 +48,7 @@ const DataPermissionLevels = ({
48
48
  themeOverride
49
49
  }) => {
50
50
  const [open, setOpen] = useState(false);
51
- const styles = useStyle({
51
+ const styles = useStyleNew({
52
52
  generateStyle,
53
53
  themeOverride,
54
54
  componentId: 'DataPermissionLevels',
package/es/NutritionFacts/v1/index.js CHANGED
@@ -27,7 +27,7 @@ import { Button, CloseButton } 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
29
  import { Link } from '@instructure/ui-link/v11_6';
30
- import { useStyleLegacy as useStyle } from '@instructure/emotion';
30
+ import { useStyle as useStyleNew } from '@instructure/emotion';
31
31
  import generateStyle from "./styles.js";
32
32
  import generateComponentTheme from "./theme.js";
33
33
  /**
@@ -47,7 +47,7 @@ const NutritionFacts = ({
47
47
  fullscreen = false
48
48
  }) => {
49
49
  const [open, setOpen] = useState(false);
50
- const styles = useStyle({
50
+ const styles = useStyleNew({
51
51
  generateStyle,
52
52
  generateComponentTheme,
53
53
  componentId: 'NutritionFacts',
package/es/NutritionFacts/v2/index.js CHANGED
@@ -27,7 +27,7 @@ import { Button, CloseButton } from '@instructure/ui-buttons/latest';
27
27
  import { Heading } from '@instructure/ui-heading/latest';
28
28
  import { Text } from '@instructure/ui-text/latest';
29
29
  import { Link } from '@instructure/ui-link/latest';
30
- import { useStyle } from '@instructure/emotion';
30
+ import { useStyleNew } from '@instructure/emotion';
31
31
  import generateStyle from "./styles.js";
32
32
  /**
33
33
  ---
@@ -47,7 +47,7 @@ const NutritionFacts = ({
47
47
  themeOverride
48
48
  }) => {
49
49
  const [open, setOpen] = useState(false);
50
- const styles = useStyle({
50
+ const styles = useStyleNew({
51
51
  generateStyle,
52
52
  themeOverride,
53
53
  componentId: 'NutritionFacts',
package/lib/AiInformation/v1/index.js CHANGED
@@ -66,7 +66,7 @@ category: components/AI Components
66
66
  nutritionFactsCloseIconButtonScreenReaderLabel
67
67
  }) => {
68
68
  const [open, setOpen] = (0, _react.useState)(false);
69
- const styles = (0, _emotion.useStyleLegacy)({
69
+ const styles = (0, _emotion.useStyle)({
70
70
  generateStyle: _styles.default,
71
71
  generateComponentTheme: _theme.default,
72
72
  componentId: 'AiInformation',
package/lib/AiInformation/v2/index.js CHANGED
@@ -66,7 +66,7 @@ category: components/AI Components
66
66
  themeOverride
67
67
  }) => {
68
68
  const [open, setOpen] = (0, _react.useState)(false);
69
- const styles = (0, _emotion.useStyle)({
69
+ const styles = (0, _emotion.useStyleNew)({
70
70
  generateStyle: _styles.default,
71
71
  themeOverride,
72
72
  componentId: 'AiInformation',
package/lib/DataPermissionLevels/v1/index.js CHANGED
@@ -55,7 +55,7 @@ category: components/AI Components
55
55
  fullscreen = false
56
56
  }) => {
57
57
  const [open, setOpen] = (0, _react.useState)(false);
58
- const styles = (0, _emotion.useStyleLegacy)({
58
+ const styles = (0, _emotion.useStyle)({
59
59
  generateStyle: _styles.default,
60
60
  generateComponentTheme: _theme.default,
61
61
  componentId: 'DataPermissionLevels',
package/lib/DataPermissionLevels/v2/index.js CHANGED
@@ -55,7 +55,7 @@ category: components/AI Components
55
55
  themeOverride
56
56
  }) => {
57
57
  const [open, setOpen] = (0, _react.useState)(false);
58
- const styles = (0, _emotion.useStyle)({
58
+ const styles = (0, _emotion.useStyleNew)({
59
59
  generateStyle: _styles.default,
60
60
  themeOverride,
61
61
  componentId: 'DataPermissionLevels',
package/lib/NutritionFacts/v1/index.js CHANGED
@@ -54,7 +54,7 @@ category: components/AI Components
54
54
  fullscreen = false
55
55
  }) => {
56
56
  const [open, setOpen] = (0, _react.useState)(false);
57
- const styles = (0, _emotion.useStyleLegacy)({
57
+ const styles = (0, _emotion.useStyle)({
58
58
  generateStyle: _styles.default,
59
59
  generateComponentTheme: _theme.default,
60
60
  componentId: 'NutritionFacts',
package/lib/NutritionFacts/v2/index.js CHANGED
@@ -54,7 +54,7 @@ category: components/AI Components
54
54
  themeOverride
55
55
  }) => {
56
56
  const [open, setOpen] = (0, _react.useState)(false);
57
- const styles = (0, _emotion.useStyle)({
57
+ const styles = (0, _emotion.useStyleNew)({
58
58
  generateStyle: _styles.default,
59
59
  themeOverride,
60
60
  componentId: 'NutritionFacts',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-instructure",
3
- "version": "11.7.3-snapshot-33",
3
+ "version": "11.7.3-snapshot-38",
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.2",
18
- "@instructure/emotion": "11.7.3-snapshot-33",
19
- "@instructure/ui-buttons": "11.7.3-snapshot-33",
20
- "@instructure/ui-heading": "11.7.3-snapshot-33",
21
- "@instructure/ui-icons": "11.7.3-snapshot-33",
22
- "@instructure/shared-types": "11.7.3-snapshot-33",
23
- "@instructure/ui-link": "11.7.3-snapshot-33",
24
- "@instructure/ui-react-utils": "11.7.3-snapshot-33",
25
- "@instructure/ui-text": "11.7.3-snapshot-33",
26
- "@instructure/ui-popover": "11.7.3-snapshot-33",
27
- "@instructure/ui-themes": "11.7.3-snapshot-33",
28
- "@instructure/ui-view": "11.7.3-snapshot-33",
29
- "@instructure/ui-modal": "11.7.3-snapshot-33"
18
+ "@instructure/emotion": "11.7.3-snapshot-38",
19
+ "@instructure/shared-types": "11.7.3-snapshot-38",
20
+ "@instructure/ui-buttons": "11.7.3-snapshot-38",
21
+ "@instructure/ui-heading": "11.7.3-snapshot-38",
22
+ "@instructure/ui-icons": "11.7.3-snapshot-38",
23
+ "@instructure/ui-link": "11.7.3-snapshot-38",
24
+ "@instructure/ui-modal": "11.7.3-snapshot-38",
25
+ "@instructure/ui-react-utils": "11.7.3-snapshot-38",
26
+ "@instructure/ui-popover": "11.7.3-snapshot-38",
27
+ "@instructure/ui-text": "11.7.3-snapshot-38",
28
+ "@instructure/ui-themes": "11.7.3-snapshot-38",
29
+ "@instructure/ui-view": "11.7.3-snapshot-38"
30
30
  },
31
31
  "devDependencies": {
32
32
  "@testing-library/jest-dom": "^6.6.3",
33
33
  "@testing-library/react": "15.0.7",
34
34
  "vitest": "^3.2.2",
35
- "@instructure/ui-axe-check": "11.7.3-snapshot-33",
36
- "@instructure/ui-babel-preset": "11.7.3-snapshot-33",
37
- "@instructure/ui-color-utils": "11.7.3-snapshot-33"
35
+ "@instructure/ui-axe-check": "11.7.3-snapshot-38",
36
+ "@instructure/ui-babel-preset": "11.7.3-snapshot-38",
37
+ "@instructure/ui-color-utils": "11.7.3-snapshot-38"
38
38
  },
39
39
  "peerDependencies": {
40
40
  "react": ">=18 <=19"
package/src/AiInformation/v1/index.tsx CHANGED
@@ -28,7 +28,7 @@ import { Heading } from '@instructure/ui-heading/v11_6'
28
28
  import { Text } from '@instructure/ui-text/v11_6'
29
29
  import { Link } from '@instructure/ui-link/v11_6'
30
30
  import { IconExternalLinkLine } from '@instructure/ui-icons'
31
- import { useStyleLegacy as useStyle } from '@instructure/emotion'
31
+ import { useStyle as useStyleNew } from '@instructure/emotion'
32
32
  import { NutritionFacts } from '../../NutritionFacts/v1'
33
33
  import { DataPermissionLevels } from '../../DataPermissionLevels/v1'
34
34
 
@@ -64,7 +64,7 @@ const AiInformation = ({
64
64
  }: AiInformationProps) => {
65
65
  const [open, setOpen] = useState(false)
66
66
 
67
- const styles = useStyle({
67
+ const styles = useStyleNew({
68
68
  generateStyle,
69
69
  generateComponentTheme,
70
70
  componentId: 'AiInformation',
package/src/AiInformation/v2/index.tsx CHANGED
@@ -28,7 +28,7 @@ import { Heading } from '@instructure/ui-heading/latest'
28
28
  import { Text } from '@instructure/ui-text/latest'
29
29
  import { Link } from '@instructure/ui-link/latest'
30
30
  import { ExternalLinkInstUIIcon } from '@instructure/ui-icons'
31
- import { useStyle } from '@instructure/emotion'
31
+ import { useStyleNew } from '@instructure/emotion'
32
32
  import { NutritionFacts } from '../../NutritionFacts/v2'
33
33
  import { DataPermissionLevels } from '../../DataPermissionLevels/v2'
34
34
 
@@ -64,7 +64,7 @@ const AiInformation = ({
64
64
  }: AiInformationProps) => {
65
65
  const [open, setOpen] = useState(false)
66
66
 
67
- const styles = useStyle({
67
+ const styles = useStyleNew({
68
68
  generateStyle,
69
69
  themeOverride,
70
70
  componentId: 'AiInformation',
package/src/DataPermissionLevels/v1/index.tsx CHANGED
@@ -27,7 +27,7 @@ import { Button, CloseButton } 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
29
  import { Link } from '@instructure/ui-link/v11_6'
30
- import { useStyleLegacy as useStyle } from '@instructure/emotion'
30
+ import { useStyle as useStyleNew } from '@instructure/emotion'
31
31
 
32
32
  import { DataPermissionLevelsProps } from './props'
33
33
  import generateStyle from './styles'
@@ -51,7 +51,7 @@ const DataPermissionLevels = ({
51
51
  }: DataPermissionLevelsProps) => {
52
52
  const [open, setOpen] = useState(false)
53
53
 
54
- const styles = useStyle({
54
+ const styles = useStyleNew({
55
55
  generateStyle,
56
56
  generateComponentTheme,
57
57
  componentId: 'DataPermissionLevels',
package/src/DataPermissionLevels/v2/index.tsx CHANGED
@@ -27,7 +27,7 @@ import { Button, CloseButton } from '@instructure/ui-buttons/latest'
27
27
  import { Heading } from '@instructure/ui-heading/latest'
28
28
  import { Text } from '@instructure/ui-text/latest'
29
29
  import { Link } from '@instructure/ui-link/latest'
30
- import { useStyle } from '@instructure/emotion'
30
+ import { useStyleNew } from '@instructure/emotion'
31
31
 
32
32
  import { DataPermissionLevelsProps } from './props'
33
33
  import generateStyle from './styles'
@@ -51,7 +51,7 @@ const DataPermissionLevels = ({
51
51
  }: DataPermissionLevelsProps) => {
52
52
  const [open, setOpen] = useState(false)
53
53
 
54
- const styles = useStyle({
54
+ const styles = useStyleNew({
55
55
  generateStyle,
56
56
  themeOverride,
57
57
  componentId: 'DataPermissionLevels',
package/src/NutritionFacts/v1/index.tsx CHANGED
@@ -27,7 +27,7 @@ import { Button, CloseButton } 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
29
  import { Link } from '@instructure/ui-link/v11_6'
30
- import { useStyleLegacy as useStyle } from '@instructure/emotion'
30
+ import { useStyle as useStyleNew } from '@instructure/emotion'
31
31
 
32
32
  import { NutritionFactsProps } from './props'
33
33
  import generateStyle from './styles'
@@ -50,7 +50,7 @@ const NutritionFacts = ({
50
50
  }: NutritionFactsProps) => {
51
51
  const [open, setOpen] = useState(false)
52
52
 
53
- const styles = useStyle({
53
+ const styles = useStyleNew({
54
54
  generateStyle,
55
55
  generateComponentTheme,
56
56
  componentId: 'NutritionFacts',
package/src/NutritionFacts/v2/index.tsx CHANGED
@@ -27,7 +27,7 @@ import { Button, CloseButton } from '@instructure/ui-buttons/latest'
27
27
  import { Heading } from '@instructure/ui-heading/latest'
28
28
  import { Text } from '@instructure/ui-text/latest'
29
29
  import { Link } from '@instructure/ui-link/latest'
30
- import { useStyle } from '@instructure/emotion'
30
+ import { useStyleNew } from '@instructure/emotion'
31
31
 
32
32
  import { NutritionFactsProps } from './props'
33
33
  import generateStyle from './styles'
@@ -50,7 +50,7 @@ const NutritionFacts = ({
50
50
  }: NutritionFactsProps) => {
51
51
  const [open, setOpen] = useState(false)
52
52
 
53
- const styles = useStyle({
53
+ const styles = useStyleNew({
54
54
  generateStyle,
55
55
  themeOverride,
56
56
  componentId: 'NutritionFacts',