@workday/canvas-kit-docs 12.6.9 → 12.6.10

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 (6) hide show
  1. package/dist/es6/lib/docs.js +34 -0
  2. package/dist/es6/lib/stackblitzFiles/packageJSONFile.js +5 -5
  3. package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts +5 -5
  4. package/dist/mdx/preview-react/multi-select/MultiSelect.mdx +6 -1
  5. package/dist/mdx/preview-react/multi-select/examples/Disabled.tsx +35 -0
  6. package/package.json +6 -6
package/dist/es6/lib/docs.js CHANGED
@@ -9772,6 +9772,23 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
9772
9772
  "componentType": "subcomponent",
9773
9773
  "elemPropsHook": "useMultiSelectedItem",
9774
9774
  "props": [
9775
+ {
9776
+ "kind": "property",
9777
+ "name": "disabled",
9778
+ "required": false,
9779
+ "type": {
9780
+ "kind": "primitive",
9781
+ "value": "boolean"
9782
+ },
9783
+ "description": "Disabled on the `Pill` component.",
9784
+ "declarations": [
9785
+ {
9786
+ "name": "disabled",
9787
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/multi-select/lib/MultiSelectedItem.tsx"
9788
+ }
9789
+ ],
9790
+ "tags": {}
9791
+ },
9775
9792
  {
9776
9793
  "kind": "property",
9777
9794
  "name": "removeLabel",
@@ -9939,6 +9956,23 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
9939
9956
  "kind": "enhancedComponent",
9940
9957
  "componentType": "subcomponent",
9941
9958
  "props": [
9959
+ {
9960
+ "kind": "property",
9961
+ "name": "disabled",
9962
+ "required": false,
9963
+ "type": {
9964
+ "kind": "primitive",
9965
+ "value": "boolean"
9966
+ },
9967
+ "description": "Disabled is forwarded to the MultiSelectedItem component to make sure each item is also\ndisabled.",
9968
+ "declarations": [
9969
+ {
9970
+ "name": "disabled",
9971
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/multi-select/lib/MultiSelectedList.tsx"
9972
+ }
9973
+ ],
9974
+ "tags": {}
9975
+ },
9942
9976
  {
9943
9977
  "kind": "property",
9944
9978
  "name": "removeLabel",
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": "12.6.9",
22
- "@workday/canvas-kit-preview-react": "12.6.9",
23
- "@workday/canvas-kit-react": "12.6.9",
24
- "@workday/canvas-kit-react-fonts": "^12.6.9",
25
- "@workday/canvas-kit-styling": "12.6.9",
21
+ "@workday/canvas-kit-labs-react": "12.6.10",
22
+ "@workday/canvas-kit-preview-react": "12.6.10",
23
+ "@workday/canvas-kit-react": "12.6.10",
24
+ "@workday/canvas-kit-react-fonts": "^12.6.10",
25
+ "@workday/canvas-kit-styling": "12.6.10",
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": "12.6.9",
22
- "@workday/canvas-kit-preview-react": "12.6.9",
23
- "@workday/canvas-kit-react": "12.6.9",
24
- "@workday/canvas-kit-react-fonts": "^12.6.9",
25
- "@workday/canvas-kit-styling": "12.6.9",
21
+ "@workday/canvas-kit-labs-react": "12.6.10",
22
+ "@workday/canvas-kit-preview-react": "12.6.10",
23
+ "@workday/canvas-kit-react": "12.6.10",
24
+ "@workday/canvas-kit-react-fonts": "^12.6.10",
25
+ "@workday/canvas-kit-styling": "12.6.10",
26
26
  "@workday/canvas-system-icons-web": "3.0.22",
27
27
  "@workday/canvas-tokens-web": "2.0.0"
28
28
  },
package/dist/mdx/preview-react/multi-select/MultiSelect.mdx CHANGED
@@ -6,6 +6,7 @@ import {
6
6
  } from '@workday/canvas-kit-docs';
7
7
 
8
8
  import Basic from './examples/Basic';
9
+ import Disabled from './examples/Disabled';
9
10
  import Complex from './examples/Complex';
10
11
  import Icons from './examples/Icons';
11
12
  import Controlled from './examples/Controlled';
@@ -53,7 +54,11 @@ attached to the `MultiSelect.Input` and read out as a group for voiceover.
53
54
  </MultiSelect>
54
55
  ```
55
56
 
56
- <ExampleCodeBlock code={Basic} />
57
+ ### Disabled Example
58
+
59
+ Disabling `MultiSelect` involves passing the `disabled` prop to the `MultiSelect.Input` component.
60
+
61
+ <ExampleCodeBlock code={Disabled} />
57
62
 
58
63
  ### Complex
59
64
 
package/dist/mdx/preview-react/multi-select/examples/Disabled.tsx ADDED
@@ -0,0 +1,35 @@
1
+ import React from 'react';
2
+
3
+ import {FormField} from '@workday/canvas-kit-react/form-field';
4
+ import {MultiSelect} from '@workday/canvas-kit-preview-react/multi-select';
5
+
6
+ const items = ['Cheese', 'Olives', 'Onions', 'Pepperoni', 'Peppers'];
7
+
8
+ export default () => {
9
+ return (
10
+ <>
11
+ <MultiSelect items={items} initialSelectedIds={['Olives', 'Onions', 'Pepperoni']}>
12
+ <FormField orientation="horizontal">
13
+ <FormField.Label>Toppings</FormField.Label>
14
+ <FormField.Input
15
+ as={MultiSelect.Input}
16
+ placeholder="Select Multiple"
17
+ removeLabel="Remove"
18
+ disabled
19
+ />
20
+ <MultiSelect.Popper>
21
+ <MultiSelect.Card>
22
+ <MultiSelect.List>
23
+ {item => (
24
+ <MultiSelect.Item data-id={item}>
25
+ <MultiSelect.Item.Text>{item}</MultiSelect.Item.Text>
26
+ </MultiSelect.Item>
27
+ )}
28
+ </MultiSelect.List>
29
+ </MultiSelect.Card>
30
+ </MultiSelect.Popper>
31
+ </FormField>
32
+ </MultiSelect>
33
+ </>
34
+ );
35
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-docs",
3
- "version": "12.6.9",
3
+ "version": "12.6.10",
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": "^12.6.9",
49
- "@workday/canvas-kit-preview-react": "^12.6.9",
50
- "@workday/canvas-kit-react": "^12.6.9",
51
- "@workday/canvas-kit-styling": "^12.6.9",
48
+ "@workday/canvas-kit-labs-react": "^12.6.10",
49
+ "@workday/canvas-kit-preview-react": "^12.6.10",
50
+ "@workday/canvas-kit-react": "^12.6.10",
51
+ "@workday/canvas-kit-styling": "^12.6.10",
52
52
  "@workday/canvas-system-icons-web": "^3.0.0",
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": "6439fb540cd5ae6d35fbbc1c4594f824eeb62b73"
64
+ "gitHead": "e1242b1bb4b857e2132a89485c5dbc45f463690f"
65
65
  }