@workday/canvas-kit-docs 14.0.0-alpha.1121-next.0 → 14.0.0-alpha.1125-next.0

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 +37 -1
  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
@@ -7782,6 +7782,23 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
7782
7782
  "componentType": "subcomponent",
7783
7783
  "elemPropsHook": "useMultiSelectedItem",
7784
7784
  "props": [
7785
+ {
7786
+ "kind": "property",
7787
+ "name": "disabled",
7788
+ "required": false,
7789
+ "type": {
7790
+ "kind": "primitive",
7791
+ "value": "boolean"
7792
+ },
7793
+ "description": "Disabled on the `Pill` component.",
7794
+ "declarations": [
7795
+ {
7796
+ "name": "disabled",
7797
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/multi-select/lib/MultiSelectedItem.tsx"
7798
+ }
7799
+ ],
7800
+ "tags": {}
7801
+ },
7785
7802
  {
7786
7803
  "kind": "property",
7787
7804
  "name": "removeLabel",
@@ -7949,6 +7966,23 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
7949
7966
  "kind": "enhancedComponent",
7950
7967
  "componentType": "subcomponent",
7951
7968
  "props": [
7969
+ {
7970
+ "kind": "property",
7971
+ "name": "disabled",
7972
+ "required": false,
7973
+ "type": {
7974
+ "kind": "primitive",
7975
+ "value": "boolean"
7976
+ },
7977
+ "description": "Disabled is forwarded to the MultiSelectedItem component to make sure each item is also\ndisabled.",
7978
+ "declarations": [
7979
+ {
7980
+ "name": "disabled",
7981
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/multi-select/lib/MultiSelectedList.tsx"
7982
+ }
7983
+ ],
7984
+ "tags": {}
7985
+ },
7952
7986
  {
7953
7987
  "kind": "property",
7954
7988
  "name": "removeLabel",
@@ -196551,7 +196585,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
196551
196585
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
196552
196586
  }
196553
196587
  ],
196554
- "tags": {},
196588
+ "tags": {
196589
+ "deprecated": "`Themeable` is deprecated. If you want to theme your application, please use `<CanvasProvider theme={{canvas: {palette: {primary: {main: 'orange'}}}}} />` at the root of your application or use our CSS tokens to change individual component styles as seen in our [Button docs](https://workday.github.io/canvas-kit/?path=/docs/components-buttons--docs#custom-styles)."
196590
+ },
196555
196591
  "type": {
196556
196592
  "kind": "object",
196557
196593
  "properties": [
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.0.3",
22
- "@workday/canvas-kit-preview-react": "13.0.3",
23
- "@workday/canvas-kit-react": "13.0.3",
24
- "@workday/canvas-kit-react-fonts": "^13.0.3",
25
- "@workday/canvas-kit-styling": "13.0.3",
21
+ "@workday/canvas-kit-labs-react": "13.0.4",
22
+ "@workday/canvas-kit-preview-react": "13.0.4",
23
+ "@workday/canvas-kit-react": "13.0.4",
24
+ "@workday/canvas-kit-react-fonts": "^13.0.4",
25
+ "@workday/canvas-kit-styling": "13.0.4",
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.0.3",
22
- "@workday/canvas-kit-preview-react": "13.0.3",
23
- "@workday/canvas-kit-react": "13.0.3",
24
- "@workday/canvas-kit-react-fonts": "^13.0.3",
25
- "@workday/canvas-kit-styling": "13.0.3",
21
+ "@workday/canvas-kit-labs-react": "13.0.4",
22
+ "@workday/canvas-kit-preview-react": "13.0.4",
23
+ "@workday/canvas-kit-react": "13.0.4",
24
+ "@workday/canvas-kit-react-fonts": "^13.0.4",
25
+ "@workday/canvas-kit-styling": "13.0.4",
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="horizontalStart">
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": "14.0.0-alpha.1121-next.0",
3
+ "version": "14.0.0-alpha.1125-next.0",
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": "^14.0.0-alpha.1121-next.0",
49
- "@workday/canvas-kit-preview-react": "^14.0.0-alpha.1121-next.0",
50
- "@workday/canvas-kit-react": "^14.0.0-alpha.1121-next.0",
51
- "@workday/canvas-kit-styling": "^14.0.0-alpha.1121-next.0",
48
+ "@workday/canvas-kit-labs-react": "^14.0.0-alpha.1125-next.0",
49
+ "@workday/canvas-kit-preview-react": "^14.0.0-alpha.1125-next.0",
50
+ "@workday/canvas-kit-react": "^14.0.0-alpha.1125-next.0",
51
+ "@workday/canvas-kit-styling": "^14.0.0-alpha.1125-next.0",
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": "54159d1163fae7b4c6b0677700e6aa13f0b7491b"
64
+ "gitHead": "ee47fa92ba08cdc812effdaebe0c83417f8d78de"
65
65
  }