@workday/canvas-kit-docs 10.3.41 → 10.3.43

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.
@@ -57708,7 +57708,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
57708
57708
  "type": {
57709
57709
  "kind": "symbol",
57710
57710
  "name": "ModifierReturn",
57711
- "value": "ModifierReturn<{ size: { large: string; medium: string; small: string; extraSmall: string; }; iconPosition: { largeOnly: string; largeStart: string; largeEnd: string; mediumOnly: string; mediumStart: string; mediumEnd: string; ... 5 more ...; extraSmallEnd: string; }; }>"
57711
+ "value": "ModifierReturn<{ size: { large: string; medium: string; small: string; extraSmall: string; }; grow: { true: string; }; iconPosition: { largeOnly: string; largeStart: string; largeEnd: string; mediumOnly: string; mediumStart: string; ... 6 more ...; extraSmallEnd: string; }; }>"
57712
57712
  }
57713
57713
  },
57714
57714
  {
@@ -191627,6 +191627,30 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
191627
191627
  "name": "composeHooks"
191628
191628
  },
191629
191629
  "parameters": [
191630
+ {
191631
+ "kind": "symbol",
191632
+ "name": "useComboboxInput",
191633
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/select/lib/hooks/useSelectInput.ts",
191634
+ "value": "useComboboxInput"
191635
+ },
191636
+ {
191637
+ "kind": "symbol",
191638
+ "name": "useComboboxKeyboardTypeAhead",
191639
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/select/lib/hooks/useSelectInput.ts",
191640
+ "value": "useComboboxKeyboardTypeAhead"
191641
+ },
191642
+ {
191643
+ "kind": "symbol",
191644
+ "name": "useComboboxResetCursorToSelected",
191645
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/select/lib/hooks/useSelectInput.ts",
191646
+ "value": "useComboboxResetCursorToSelected"
191647
+ },
191648
+ {
191649
+ "kind": "symbol",
191650
+ "name": "useComboboxMoveCursorToSelected",
191651
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/select/lib/hooks/useSelectInput.ts",
191652
+ "value": "useComboboxMoveCursorToSelected"
191653
+ },
191630
191654
  {
191631
191655
  "kind": "function",
191632
191656
  "name": {
@@ -191959,30 +191983,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
191959
191983
  }
191960
191984
  ]
191961
191985
  }
191962
- },
191963
- {
191964
- "kind": "symbol",
191965
- "name": "useComboboxKeyboardTypeAhead",
191966
- "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/select/lib/hooks/useSelectInput.ts",
191967
- "value": "useComboboxKeyboardTypeAhead"
191968
- },
191969
- {
191970
- "kind": "symbol",
191971
- "name": "useComboboxResetCursorToSelected",
191972
- "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/select/lib/hooks/useSelectInput.ts",
191973
- "value": "useComboboxResetCursorToSelected"
191974
- },
191975
- {
191976
- "kind": "symbol",
191977
- "name": "useComboboxMoveCursorToSelected",
191978
- "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/select/lib/hooks/useSelectInput.ts",
191979
- "value": "useComboboxMoveCursorToSelected"
191980
- },
191981
- {
191982
- "kind": "symbol",
191983
- "name": "useComboboxInput",
191984
- "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/select/lib/hooks/useSelectInput.ts",
191985
- "value": "useComboboxInput"
191986
191986
  }
191987
191987
  ]
191988
191988
  }
@@ -4629,6 +4629,22 @@ module.exports = {specifications: [
4629
4629
  "type": "describe",
4630
4630
  "name": "given the \"Basic\" story is rendered",
4631
4631
  "children": [
4632
+ {
4633
+ "type": "it",
4634
+ "name": "should have a combobox role"
4635
+ },
4636
+ {
4637
+ "type": "it",
4638
+ "name": "should have an `aria-popup=\"menu\"`"
4639
+ },
4640
+ {
4641
+ "type": "it",
4642
+ "name": "should have an `aria-expanded=\"false\"`"
4643
+ },
4644
+ {
4645
+ "type": "it",
4646
+ "name": "should have an `aria-autocomplete=\"list\"`"
4647
+ },
4632
4648
  {
4633
4649
  "type": "describe",
4634
4650
  "name": "when the menu is opened",
@@ -7,6 +7,7 @@ import SecondaryInverse from './examples/SecondaryInverse';
7
7
  import Tertiary from './examples/Tertiary';
8
8
  import TertiaryInverse from './examples/TertiaryInverse';
9
9
  import Delete from './examples/Delete';
10
+ import Grow from './examples/Grow';
10
11
  import CustomStyles from './examples/CustomStyles';
11
12
 
12
13
 
@@ -70,6 +71,12 @@ on a dark or colorful background such as `blueberry400`.
70
71
 
71
72
  <ExampleCodeBlock code={Delete} />
72
73
 
74
+ ### Grow Prop
75
+
76
+ The example below shows the use of the `grow` prop on different variants of buttons. This will set the width of the button to the width of its container.
77
+
78
+ <ExampleCodeBlock code={Grow} />
79
+
73
80
  ### Custom Styles
74
81
 
75
82
  We understand that there are instances in which consumers might need to adjust styles for specific
@@ -0,0 +1,26 @@
1
+ import React from 'react';
2
+
3
+ import {
4
+ DeleteButton,
5
+ PrimaryButton,
6
+ SecondaryButton,
7
+ TertiaryButton,
8
+ } from '@workday/canvas-kit-react/button';
9
+ import {Flex} from '@workday/canvas-kit-react/layout';
10
+
11
+ export default () => (
12
+ <Flex gap="s" padding="s" flexDirection="column" maxWidth={300}>
13
+ <PrimaryButton size="small" grow={true}>
14
+ Primary
15
+ </PrimaryButton>
16
+ <SecondaryButton size="small" grow={true}>
17
+ Secondary
18
+ </SecondaryButton>
19
+ <TertiaryButton size="small" grow={true}>
20
+ Tertiary
21
+ </TertiaryButton>
22
+ <DeleteButton size="small" grow={true}>
23
+ Delete
24
+ </DeleteButton>
25
+ </Flex>
26
+ );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-docs",
3
- "version": "10.3.41",
3
+ "version": "10.3.43",
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": "^10.3.41",
48
- "@workday/canvas-kit-preview-react": "^10.3.41",
49
- "@workday/canvas-kit-react": "^10.3.41",
50
- "@workday/canvas-kit-styling": "^10.3.41",
47
+ "@workday/canvas-kit-labs-react": "^10.3.43",
48
+ "@workday/canvas-kit-preview-react": "^10.3.43",
49
+ "@workday/canvas-kit-react": "^10.3.43",
50
+ "@workday/canvas-kit-styling": "^10.3.43",
51
51
  "@workday/canvas-system-icons-web": "^3.0.0",
52
52
  "@workday/canvas-tokens-web": "^1.0.0",
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": "021b245569b7646be89bea64c1efbb375c80ed97"
62
+ "gitHead": "61c7386af9f26e01b4830836e4bb99d2dfa1c102"
63
63
  }