@workday/canvas-kit-docs 13.2.14 → 13.2.15
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/dist/es6/lib/stackblitzFiles/main.js +2 -2
- package/dist/es6/lib/stackblitzFiles/main.tsx +2 -2
- package/dist/es6/lib/stackblitzFiles/packageJSONFile.js +5 -5
- package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts +5 -5
- package/dist/mdx/styling/mdx/Utilities.mdx +16 -1
- package/lib/stackblitzFiles/main.tsx +2 -2
- package/package.json +6 -6
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { createRoot } from 'react-dom/client';
|
|
3
3
|
import { fonts } from '@workday/canvas-kit-react-fonts';
|
|
4
4
|
import { system } from '@workday/canvas-tokens-web';
|
|
5
|
-
import {
|
|
5
|
+
import { injectGlobal } from '@workday/canvas-kit-styling';
|
|
6
6
|
import { App } from './App';
|
|
7
7
|
import '@workday/canvas-tokens-web/css/base/_variables.css';
|
|
8
8
|
import '@workday/canvas-tokens-web/css/brand/_variables.css';
|
|
@@ -11,7 +11,7 @@ import '@workday/canvas-tokens-web/css/system/_variables.css';
|
|
|
11
11
|
injectGlobal({
|
|
12
12
|
...fonts,
|
|
13
13
|
'html, body': {
|
|
14
|
-
fontFamily:
|
|
14
|
+
fontFamily: system.fontFamily.default,
|
|
15
15
|
margin: 0,
|
|
16
16
|
minHeight: '100vh',
|
|
17
17
|
},
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import {createRoot} from 'react-dom/client';
|
|
2
2
|
import {fonts} from '@workday/canvas-kit-react-fonts';
|
|
3
3
|
import {system} from '@workday/canvas-tokens-web';
|
|
4
|
-
import {
|
|
4
|
+
import {injectGlobal} from '@workday/canvas-kit-styling';
|
|
5
5
|
import {App} from './App';
|
|
6
6
|
|
|
7
7
|
import '@workday/canvas-tokens-web/css/base/_variables.css';
|
|
@@ -12,7 +12,7 @@ import '@workday/canvas-tokens-web/css/system/_variables.css';
|
|
|
12
12
|
injectGlobal({
|
|
13
13
|
...fonts,
|
|
14
14
|
'html, body': {
|
|
15
|
-
fontFamily:
|
|
15
|
+
fontFamily: system.fontFamily.default,
|
|
16
16
|
margin: 0,
|
|
17
17
|
minHeight: '100vh',
|
|
18
18
|
},
|
|
@@ -18,11 +18,11 @@ export const packageJSONFile = `{
|
|
|
18
18
|
"@emotion/react": "11.11.4",
|
|
19
19
|
"@types/react": "18.2.60",
|
|
20
20
|
"@types/react-dom": "18.2.19",
|
|
21
|
-
"@workday/canvas-kit-labs-react": "13.2.
|
|
22
|
-
"@workday/canvas-kit-preview-react": "13.2.
|
|
23
|
-
"@workday/canvas-kit-react": "13.2.
|
|
24
|
-
"@workday/canvas-kit-react-fonts": "^13.2.
|
|
25
|
-
"@workday/canvas-kit-styling": "13.2.
|
|
21
|
+
"@workday/canvas-kit-labs-react": "13.2.15",
|
|
22
|
+
"@workday/canvas-kit-preview-react": "13.2.15",
|
|
23
|
+
"@workday/canvas-kit-react": "13.2.15",
|
|
24
|
+
"@workday/canvas-kit-react-fonts": "^13.2.15",
|
|
25
|
+
"@workday/canvas-kit-styling": "13.2.15",
|
|
26
26
|
"@workday/canvas-system-icons-web": "3.0.22",
|
|
27
27
|
"@workday/canvas-tokens-web": "2.0.0"
|
|
28
28
|
},
|
|
@@ -18,11 +18,11 @@ export const packageJSONFile = `{
|
|
|
18
18
|
"@emotion/react": "11.11.4",
|
|
19
19
|
"@types/react": "18.2.60",
|
|
20
20
|
"@types/react-dom": "18.2.19",
|
|
21
|
-
"@workday/canvas-kit-labs-react": "13.2.
|
|
22
|
-
"@workday/canvas-kit-preview-react": "13.2.
|
|
23
|
-
"@workday/canvas-kit-react": "13.2.
|
|
24
|
-
"@workday/canvas-kit-react-fonts": "^13.2.
|
|
25
|
-
"@workday/canvas-kit-styling": "13.2.
|
|
21
|
+
"@workday/canvas-kit-labs-react": "13.2.15",
|
|
22
|
+
"@workday/canvas-kit-preview-react": "13.2.15",
|
|
23
|
+
"@workday/canvas-kit-react": "13.2.15",
|
|
24
|
+
"@workday/canvas-kit-react-fonts": "^13.2.15",
|
|
25
|
+
"@workday/canvas-kit-styling": "13.2.15",
|
|
26
26
|
"@workday/canvas-system-icons-web": "3.0.22",
|
|
27
27
|
"@workday/canvas-tokens-web": "2.0.0"
|
|
28
28
|
},
|
|
@@ -165,7 +165,22 @@ export const LoadingDot = createComponent('div')({
|
|
|
165
165
|
|
|
166
166
|
The `injectGlobal` function re-exports the
|
|
167
167
|
[Emotion CSS injectGlobal](https://emotion.sh/docs/@emotion/css#global-styles) function, but is
|
|
168
|
-
compatible with a custom Emotion instance and is understood by the Static style transformer.
|
|
168
|
+
compatible with a custom Emotion instance and is understood by the Static style transformer. It will also wrap our CSS tokens to ensure you can inject global styles using our CSS variables.
|
|
169
|
+
|
|
170
|
+
```tsx
|
|
171
|
+
injectGlobal({
|
|
172
|
+
...fonts,
|
|
173
|
+
'html, body': {
|
|
174
|
+
fontFamily: system.fontFamily.default,
|
|
175
|
+
margin: 0,
|
|
176
|
+
minHeight: '100vh',
|
|
177
|
+
...system.type.heading.large,
|
|
178
|
+
},
|
|
179
|
+
'#root, #root < div': {
|
|
180
|
+
minHeight: '100vh',
|
|
181
|
+
},
|
|
182
|
+
});
|
|
183
|
+
```
|
|
169
184
|
|
|
170
185
|
### Example
|
|
171
186
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import {createRoot} from 'react-dom/client';
|
|
2
2
|
import {fonts} from '@workday/canvas-kit-react-fonts';
|
|
3
3
|
import {system} from '@workday/canvas-tokens-web';
|
|
4
|
-
import {
|
|
4
|
+
import {injectGlobal} from '@workday/canvas-kit-styling';
|
|
5
5
|
import {App} from './App';
|
|
6
6
|
|
|
7
7
|
import '@workday/canvas-tokens-web/css/base/_variables.css';
|
|
@@ -12,7 +12,7 @@ import '@workday/canvas-tokens-web/css/system/_variables.css';
|
|
|
12
12
|
injectGlobal({
|
|
13
13
|
...fonts,
|
|
14
14
|
'html, body': {
|
|
15
|
-
fontFamily:
|
|
15
|
+
fontFamily: system.fontFamily.default,
|
|
16
16
|
margin: 0,
|
|
17
17
|
minHeight: '100vh',
|
|
18
18
|
},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-docs",
|
|
3
|
-
"version": "13.2.
|
|
3
|
+
"version": "13.2.15",
|
|
4
4
|
"description": "Documentation components of Canvas Kit components",
|
|
5
5
|
"author": "Workday, Inc. (https://www.workday.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -45,10 +45,10 @@
|
|
|
45
45
|
"@emotion/styled": "^11.6.0",
|
|
46
46
|
"@stackblitz/sdk": "^1.11.0",
|
|
47
47
|
"@storybook/csf": "0.0.1",
|
|
48
|
-
"@workday/canvas-kit-labs-react": "^13.2.
|
|
49
|
-
"@workday/canvas-kit-preview-react": "^13.2.
|
|
50
|
-
"@workday/canvas-kit-react": "^13.2.
|
|
51
|
-
"@workday/canvas-kit-styling": "^13.2.
|
|
48
|
+
"@workday/canvas-kit-labs-react": "^13.2.15",
|
|
49
|
+
"@workday/canvas-kit-preview-react": "^13.2.15",
|
|
50
|
+
"@workday/canvas-kit-react": "^13.2.15",
|
|
51
|
+
"@workday/canvas-kit-styling": "^13.2.15",
|
|
52
52
|
"@workday/canvas-system-icons-web": "^3.0.35",
|
|
53
53
|
"@workday/canvas-tokens-web": "^2.1.1",
|
|
54
54
|
"markdown-to-jsx": "^7.2.0",
|
|
@@ -61,5 +61,5 @@
|
|
|
61
61
|
"mkdirp": "^1.0.3",
|
|
62
62
|
"typescript": "5.0"
|
|
63
63
|
},
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "619a1f08c1b6265bb9a22dafb4f494ec81e0d9cb"
|
|
65
65
|
}
|