@workday/canvas-kit-docs 13.2.13 → 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.
Files changed (8) hide show
  1. package/dist/es6/lib/docs.js +0 -1998
  2. package/dist/es6/lib/stackblitzFiles/main.js +2 -2
  3. package/dist/es6/lib/stackblitzFiles/main.tsx +2 -2
  4. package/dist/es6/lib/stackblitzFiles/packageJSONFile.js +5 -5
  5. package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts +5 -5
  6. package/dist/mdx/styling/mdx/Utilities.mdx +16 -1
  7. package/lib/stackblitzFiles/main.tsx +2 -2
  8. package/package.json +6 -6
package/dist/es6/lib/stackblitzFiles/main.js CHANGED
@@ -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 { cssVar, injectGlobal } from '@workday/canvas-kit-styling';
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: cssVar(system.fontFamily.default),
14
+ fontFamily: system.fontFamily.default,
15
15
  margin: 0,
16
16
  minHeight: '100vh',
17
17
  },
package/dist/es6/lib/stackblitzFiles/main.tsx CHANGED
@@ -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 {cssVar, injectGlobal} from '@workday/canvas-kit-styling';
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: cssVar(system.fontFamily.default),
15
+ fontFamily: system.fontFamily.default,
16
16
  margin: 0,
17
17
  minHeight: '100vh',
18
18
  },
package/dist/es6/lib/stackblitzFiles/packageJSONFile.js CHANGED
@@ -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.13",
22
- "@workday/canvas-kit-preview-react": "13.2.13",
23
- "@workday/canvas-kit-react": "13.2.13",
24
- "@workday/canvas-kit-react-fonts": "^13.2.13",
25
- "@workday/canvas-kit-styling": "13.2.13",
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
  },
package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts CHANGED
@@ -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.13",
22
- "@workday/canvas-kit-preview-react": "13.2.13",
23
- "@workday/canvas-kit-react": "13.2.13",
24
- "@workday/canvas-kit-react-fonts": "^13.2.13",
25
- "@workday/canvas-kit-styling": "13.2.13",
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
  },
package/dist/mdx/styling/mdx/Utilities.mdx CHANGED
@@ -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
 
package/lib/stackblitzFiles/main.tsx CHANGED
@@ -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 {cssVar, injectGlobal} from '@workday/canvas-kit-styling';
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: cssVar(system.fontFamily.default),
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.13",
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.13",
49
- "@workday/canvas-kit-preview-react": "^13.2.13",
50
- "@workday/canvas-kit-react": "^13.2.13",
51
- "@workday/canvas-kit-styling": "^13.2.13",
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": "2e579a44ab8c23f02b9cc60d05c52c4ff4581949"
64
+ "gitHead": "619a1f08c1b6265bb9a22dafb4f494ec81e0d9cb"
65
65
  }