@instructure/emotion 8.55.1-snapshot-7 → 8.55.1
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.
- package/CHANGELOG.md +1 -1
- package/package.json +11 -11
- package/src/InstUISettingsProvider/README.md +10 -0
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
|
-
## [8.55.1
|
|
6
|
+
## [8.55.1](https://github.com/instructure/instructure-ui/compare/v8.55.0...v8.55.1) (2024-04-30)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/emotion
|
|
9
9
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/emotion",
|
|
3
|
-
"version": "8.55.1
|
|
3
|
+
"version": "8.55.1",
|
|
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",
|
|
@@ -25,20 +25,20 @@
|
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@babel/runtime": "^7.23.2",
|
|
27
27
|
"@emotion/react": "^11.11.1",
|
|
28
|
-
"@instructure/console": "8.55.1
|
|
29
|
-
"@instructure/shared-types": "8.55.1
|
|
30
|
-
"@instructure/theme-registry": "8.55.1
|
|
31
|
-
"@instructure/ui-decorator": "8.55.1
|
|
32
|
-
"@instructure/ui-i18n": "8.55.1
|
|
33
|
-
"@instructure/ui-react-utils": "8.55.1
|
|
34
|
-
"@instructure/ui-themes": "8.55.1
|
|
35
|
-
"@instructure/ui-utils": "8.55.1
|
|
28
|
+
"@instructure/console": "8.55.1",
|
|
29
|
+
"@instructure/shared-types": "8.55.1",
|
|
30
|
+
"@instructure/theme-registry": "8.55.1",
|
|
31
|
+
"@instructure/ui-decorator": "8.55.1",
|
|
32
|
+
"@instructure/ui-i18n": "8.55.1",
|
|
33
|
+
"@instructure/ui-react-utils": "8.55.1",
|
|
34
|
+
"@instructure/ui-themes": "8.55.1",
|
|
35
|
+
"@instructure/ui-utils": "8.55.1",
|
|
36
36
|
"hoist-non-react-statics": "^3.3.2",
|
|
37
37
|
"prop-types": "^15.8.1"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
|
-
"@instructure/ui-babel-preset": "8.55.1
|
|
41
|
-
"@instructure/ui-test-utils": "8.55.1
|
|
40
|
+
"@instructure/ui-babel-preset": "8.55.1",
|
|
41
|
+
"@instructure/ui-test-utils": "8.55.1",
|
|
42
42
|
"react-dom": "^18.2.0"
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|
|
@@ -27,6 +27,9 @@ The `theme` prop applies the given theme. It handles either a full theme, or an
|
|
|
27
27
|
To apply a theme to whole app, you need to import `<InstUISettingsProvider/>` and the theme you want to use from `@instructure/ui-themes` (or use your own compatible theme), and wrap your app in the theme provider.
|
|
28
28
|
|
|
29
29
|
```js
|
|
30
|
+
---
|
|
31
|
+
type: code
|
|
32
|
+
---
|
|
30
33
|
import React from 'react'
|
|
31
34
|
import ReactDOM from 'react-dom'
|
|
32
35
|
|
|
@@ -46,6 +49,9 @@ ReactDOM.render(
|
|
|
46
49
|
#### Nesting theme providers
|
|
47
50
|
|
|
48
51
|
```js
|
|
52
|
+
---
|
|
53
|
+
type: code
|
|
54
|
+
---
|
|
49
55
|
<InstUISettingsProvider theme={canvas}>
|
|
50
56
|
<Heading>I should have "canvas" font family.</Heading>
|
|
51
57
|
|
|
@@ -70,6 +76,7 @@ exists. Otherwise, it queries for and uses the documentElement `dir` attribute a
|
|
|
70
76
|
---
|
|
71
77
|
type: example
|
|
72
78
|
---
|
|
79
|
+
|
|
73
80
|
<InstUISettingsProvider dir="ltr">
|
|
74
81
|
<div>LTR text</div>
|
|
75
82
|
<Badge count={105} countUntil={100} margin="small medium 0 0">
|
|
@@ -97,6 +104,9 @@ The `instanceCounterMap` prop is used for deterministic id generation. The prop
|
|
|
97
104
|
See more info on the [Server Side Rendering (SSR)](/#server-side-rendering) docs page.
|
|
98
105
|
|
|
99
106
|
```jsx
|
|
107
|
+
---
|
|
108
|
+
type: code
|
|
109
|
+
---
|
|
100
110
|
import { InstUISettingsProvider } from '@instructure/emotion'
|
|
101
111
|
import { generateInstanceCounterMap } from '@instructure/ui-react-utils'
|
|
102
112
|
|