@workday/canvas-kit-docs 11.0.0-alpha.790-next.0 → 11.0.0-alpha.792-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.
package/dist/es6/lib/docs.js
CHANGED
|
@@ -37072,7 +37072,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
37072
37072
|
"type": {
|
|
37073
37073
|
"kind": "enhancedComponent",
|
|
37074
37074
|
"componentType": "regular",
|
|
37075
|
-
"displayName": "
|
|
37075
|
+
"displayName": "CountBadge",
|
|
37076
37076
|
"props": [
|
|
37077
37077
|
{
|
|
37078
37078
|
"kind": "property",
|
|
@@ -100994,8 +100994,45 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
100994
100994
|
"name": "aria-haspopup",
|
|
100995
100995
|
"required": true,
|
|
100996
100996
|
"type": {
|
|
100997
|
-
"kind": "
|
|
100998
|
-
"value":
|
|
100997
|
+
"kind": "union",
|
|
100998
|
+
"value": [
|
|
100999
|
+
{
|
|
101000
|
+
"kind": "primitive",
|
|
101001
|
+
"value": "boolean"
|
|
101002
|
+
},
|
|
101003
|
+
{
|
|
101004
|
+
"kind": "string",
|
|
101005
|
+
"value": "listbox"
|
|
101006
|
+
},
|
|
101007
|
+
{
|
|
101008
|
+
"kind": "string",
|
|
101009
|
+
"value": "grid"
|
|
101010
|
+
},
|
|
101011
|
+
{
|
|
101012
|
+
"kind": "string",
|
|
101013
|
+
"value": "menu"
|
|
101014
|
+
},
|
|
101015
|
+
{
|
|
101016
|
+
"kind": "string",
|
|
101017
|
+
"value": "false"
|
|
101018
|
+
},
|
|
101019
|
+
{
|
|
101020
|
+
"kind": "string",
|
|
101021
|
+
"value": "true"
|
|
101022
|
+
},
|
|
101023
|
+
{
|
|
101024
|
+
"kind": "string",
|
|
101025
|
+
"value": "dialog"
|
|
101026
|
+
},
|
|
101027
|
+
{
|
|
101028
|
+
"kind": "string",
|
|
101029
|
+
"value": "tree"
|
|
101030
|
+
},
|
|
101031
|
+
{
|
|
101032
|
+
"kind": "primitive",
|
|
101033
|
+
"value": "undefined"
|
|
101034
|
+
}
|
|
101035
|
+
]
|
|
100999
101036
|
},
|
|
101000
101037
|
"description": "",
|
|
101001
101038
|
"tags": {},
|
|
@@ -195325,6 +195362,18 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
|
|
|
195325
195362
|
"description": "",
|
|
195326
195363
|
"tags": {},
|
|
195327
195364
|
"declarations": []
|
|
195365
|
+
},
|
|
195366
|
+
{
|
|
195367
|
+
"kind": "property",
|
|
195368
|
+
"name": "aria-haspopup",
|
|
195369
|
+
"required": true,
|
|
195370
|
+
"type": {
|
|
195371
|
+
"kind": "string",
|
|
195372
|
+
"value": "menu"
|
|
195373
|
+
},
|
|
195374
|
+
"description": "",
|
|
195375
|
+
"tags": {},
|
|
195376
|
+
"declarations": []
|
|
195328
195377
|
}
|
|
195329
195378
|
]
|
|
195330
195379
|
}
|
|
@@ -59,7 +59,11 @@ const validationSchema: SchemaOf<LoginSchema> = object({
|
|
|
59
59
|
role: string().required(roleRequired),
|
|
60
60
|
});
|
|
61
61
|
|
|
62
|
-
const options = [
|
|
62
|
+
const options = [
|
|
63
|
+
{id: '1', label: 'Developer'},
|
|
64
|
+
{id: '2', label: 'Designer'},
|
|
65
|
+
{id: '3', label: 'Product Manager'},
|
|
66
|
+
];
|
|
63
67
|
|
|
64
68
|
export default () => {
|
|
65
69
|
const {
|
|
@@ -70,7 +74,7 @@ export default () => {
|
|
|
70
74
|
defaultValues: {
|
|
71
75
|
email: 'example@baz.com',
|
|
72
76
|
password: 'foobarbaz',
|
|
73
|
-
role: '
|
|
77
|
+
role: '',
|
|
74
78
|
},
|
|
75
79
|
resolver: useYupValidationResolver(validationSchema),
|
|
76
80
|
mode: 'onTouched',
|
|
@@ -93,21 +97,21 @@ export default () => {
|
|
|
93
97
|
passwordRef.current = ref;
|
|
94
98
|
};
|
|
95
99
|
return (
|
|
96
|
-
<form onSubmit={onSubmit} action=".">
|
|
100
|
+
<form onSubmit={onSubmit} action="." noValidate={true}>
|
|
97
101
|
<Flex gap="xs" flexDirection="column" alignItems="flex-start">
|
|
98
102
|
<FormField
|
|
99
103
|
orientation="vertical"
|
|
100
104
|
isRequired={true}
|
|
101
105
|
error={!!errors.role ? 'error' : undefined}
|
|
102
106
|
>
|
|
103
|
-
<Select items={options}>
|
|
107
|
+
<Select items={options} getTextValue={item => item.label}>
|
|
104
108
|
<FormField.Label>What is your role?</FormField.Label>
|
|
105
109
|
<FormField.Input as={Select.Input} {...register('role')} width="280px" />
|
|
106
110
|
<Select.Popper>
|
|
107
111
|
<Select.Card>
|
|
108
112
|
<Select.List maxHeight={200}>
|
|
109
113
|
{item => {
|
|
110
|
-
return <Select.Item>{item}</Select.Item>;
|
|
114
|
+
return <Select.Item>{item.label}</Select.Item>;
|
|
111
115
|
}}
|
|
112
116
|
</Select.List>
|
|
113
117
|
</Select.Card>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-docs",
|
|
3
|
-
"version": "11.0.0-alpha.
|
|
3
|
+
"version": "11.0.0-alpha.792-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",
|
|
@@ -44,10 +44,10 @@
|
|
|
44
44
|
"dependencies": {
|
|
45
45
|
"@emotion/styled": "^11.6.0",
|
|
46
46
|
"@storybook/csf": "0.0.1",
|
|
47
|
-
"@workday/canvas-kit-labs-react": "^11.0.0-alpha.
|
|
48
|
-
"@workday/canvas-kit-preview-react": "^11.0.0-alpha.
|
|
49
|
-
"@workday/canvas-kit-react": "^11.0.0-alpha.
|
|
50
|
-
"@workday/canvas-kit-styling": "^11.0.0-alpha.
|
|
47
|
+
"@workday/canvas-kit-labs-react": "^11.0.0-alpha.792-next.0",
|
|
48
|
+
"@workday/canvas-kit-preview-react": "^11.0.0-alpha.792-next.0",
|
|
49
|
+
"@workday/canvas-kit-react": "^11.0.0-alpha.792-next.0",
|
|
50
|
+
"@workday/canvas-kit-styling": "^11.0.0-alpha.792-next.0",
|
|
51
51
|
"@workday/canvas-system-icons-web": "^3.0.0",
|
|
52
52
|
"@workday/canvas-tokens-web": "^1.3.1",
|
|
53
53
|
"markdown-to-jsx": "^6.10.3",
|
|
@@ -59,5 +59,5 @@
|
|
|
59
59
|
"mkdirp": "^1.0.3",
|
|
60
60
|
"typescript": "4.2"
|
|
61
61
|
},
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "a0579b1f9cb4ec69296e6b24569e06dd6a78fc0e"
|
|
63
63
|
}
|