@workday/canvas-kit-docs 6.0.6 → 6.0.7

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.
@@ -1,6 +1,7 @@
1
1
  import {LoadingAnimation} from '@workday/canvas-kit-react/loading-animation';
2
2
 
3
3
  import Basic from './examples/Basic';
4
+ import RTL from './examples/RTL';
4
5
 
5
6
 
6
7
  # Canvas Kit Loading Animation
@@ -22,6 +23,10 @@ yarn add @workday/canvas-kit-react
22
23
 
23
24
  <ExampleCodeBlock code={Basic} />
24
25
 
26
+ ### Right-to-Left (RTL)
27
+
28
+ <ExampleCodeBlock code={RTL} />
29
+
25
30
  ## Props
26
31
 
27
32
  Loading Animation does not have any documented props. Undocumented props are spread to its outermost
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ import {LoadingAnimation} from '@workday/canvas-kit-react/loading-animation';
3
+ import {CanvasProvider, ContentDirection} from '@workday/canvas-kit-react/common';
4
+
5
+ export default () => {
6
+ const theme = {
7
+ canvas: {
8
+ direction: ContentDirection.RTL,
9
+ },
10
+ };
11
+ return (
12
+ <CanvasProvider theme={theme}>
13
+ <LoadingAnimation />
14
+ </CanvasProvider>
15
+ );
16
+ };
@@ -3,6 +3,7 @@ import {Specifications} from '@workday/canvas-kit-docs';
3
3
 
4
4
  import Default from './examples/Default';
5
5
  import CustomContent from './examples/CustomContent';
6
+ import DelayedTooltip from './examples/DelayedTooltip';
6
7
  import DescribeType from './examples/DescribeType';
7
8
  import Muted from './examples/Muted';
8
9
  import Placements from './examples/Placements';
@@ -87,6 +88,13 @@ a dialog instead.
87
88
 
88
89
  <ExampleCodeBlock code={CustomContent} />
89
90
 
91
+ ### Delayed Tooltip
92
+
93
+ The default delay for showing and hiding a tooltip are 300ms and 100ms, respectively. You can
94
+ control the length of the delay by providing custom `showDelay` and `hideDelay` in ms.
95
+
96
+ <ExampleCodeBlock code={DelayedTooltip} />
97
+
90
98
  ### Placements
91
99
 
92
100
  The tooltip allows for a `placement` configuration. The tooltip uses
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+
3
+ import {SecondaryButton} from '@workday/canvas-kit-react/button';
4
+ import {Tooltip} from '@workday/canvas-kit-react/tooltip';
5
+
6
+ export default () => {
7
+ return (
8
+ <React.Fragment>
9
+ <Tooltip type="describe" title="Tooltip Text" showDelay={2000} hideDelay={1000}>
10
+ <SecondaryButton>
11
+ Tooltip appears after 2 seconds and disappears after 1 second
12
+ </SecondaryButton>
13
+ </Tooltip>
14
+ </React.Fragment>
15
+ );
16
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-docs",
3
- "version": "6.0.6",
3
+ "version": "6.0.7",
4
4
  "description": "Documentation components of Canvas Kit components",
5
5
  "author": "Workday, Inc. (https://www.workday.com)",
6
6
  "license": "Apache-2.0",
@@ -35,7 +35,8 @@
35
35
  "build:specs": "node ./utils/build-specifications.js",
36
36
  "build:downlevel-dts": "yarn run downlevel-dts dist ts3.5/dist",
37
37
  "build": "npm-run-all --parallel build:cjs build:es6 build:mdx --sequential build:specs build:downlevel-dts",
38
- "depcheck": "node ../../utils/check-dependencies-exist.js"
38
+ "depcheck": "node ../../utils/check-dependencies-exist.js",
39
+ "typecheck:src": "tsc -p . --noEmit --incremental false"
39
40
  },
40
41
  "publishConfig": {
41
42
  "access": "public"
@@ -49,7 +50,7 @@
49
50
  ],
50
51
  "dependencies": {
51
52
  "@storybook/csf": "0.0.1",
52
- "@workday/canvas-kit-react": "^6.0.6"
53
+ "@workday/canvas-kit-react": "^6.0.7"
53
54
  },
54
55
  "devDependencies": {
55
56
  "fs-extra": "^10.0.0",
@@ -57,5 +58,5 @@
57
58
  "mkdirp": "^1.0.3",
58
59
  "typescript": "^3.8.3"
59
60
  },
60
- "gitHead": "f4290c84ed12119c110a549db106e250e746553d"
61
+ "gitHead": "653e60db7580e9df9449e1e3791a199a8c5340f1"
61
62
  }