@workday/canvas-kit-docs 5.2.11 → 5.3.0-next.18

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 (59) hide show
  1. package/dist/commonjs/lib/specs.js +366 -18
  2. package/dist/es6/lib/specs.js +366 -18
  3. package/dist/mdx/6.0-MIGRATION-GUIDE.mdx +554 -0
  4. package/dist/mdx/COMPOUND_COMPONENTS.mdx +31 -30
  5. package/dist/mdx/labs-react/search-form/SearchForm.mdx +64 -0
  6. package/dist/mdx/labs-react/search-form/examples/Basic.tsx +61 -0
  7. package/dist/mdx/labs-react/search-form/examples/CustomTheme.tsx +72 -0
  8. package/dist/mdx/labs-react/search-form/examples/Grow.tsx +62 -0
  9. package/dist/mdx/labs-react/search-form/examples/PropTables.splitProps.tsx +4 -0
  10. package/dist/mdx/labs-react/search-form/examples/RTL.tsx +70 -0
  11. package/dist/mdx/labs-react/search-form/examples/Theming.tsx +64 -0
  12. package/dist/mdx/preview-react/form-field/FormField.mdx +27 -0
  13. package/dist/mdx/preview-react/form-field/examples/Custom.tsx +57 -0
  14. package/dist/mdx/preview-react/text-area/TextArea.mdx +122 -0
  15. package/dist/mdx/preview-react/text-area/examples/Alert.tsx +31 -0
  16. package/dist/mdx/preview-react/text-area/examples/Basic.tsx +17 -0
  17. package/dist/mdx/preview-react/text-area/examples/Disabled.tsx +17 -0
  18. package/dist/mdx/preview-react/text-area/examples/Error.tsx +40 -0
  19. package/dist/mdx/preview-react/text-area/examples/Grow.tsx +17 -0
  20. package/dist/mdx/preview-react/text-area/examples/HiddenLabel.tsx +20 -0
  21. package/dist/mdx/preview-react/text-area/examples/LabelPositionHorizontal.tsx +17 -0
  22. package/dist/mdx/preview-react/text-area/examples/LabelPositionVertical.tsx +17 -0
  23. package/dist/mdx/preview-react/text-area/examples/Placeholder.tsx +21 -0
  24. package/dist/mdx/preview-react/text-area/examples/RefForwarding.tsx +28 -0
  25. package/dist/mdx/preview-react/text-area/examples/Required.tsx +17 -0
  26. package/dist/mdx/preview-react/text-area/examples/ResizeConstraints.tsx +22 -0
  27. package/dist/mdx/preview-react/text-input/TextInput.mdx +145 -0
  28. package/dist/mdx/preview-react/text-input/examples/Alert.tsx +40 -0
  29. package/dist/mdx/preview-react/text-input/examples/Basic.tsx +17 -0
  30. package/dist/mdx/preview-react/text-input/examples/Disabled.tsx +17 -0
  31. package/dist/mdx/preview-react/text-input/examples/Error.tsx +40 -0
  32. package/dist/mdx/preview-react/text-input/examples/Grow.tsx +17 -0
  33. package/dist/mdx/preview-react/text-input/examples/HiddenLabel.tsx +20 -0
  34. package/dist/mdx/preview-react/text-input/examples/LabelPositionHorizontal.tsx +17 -0
  35. package/dist/mdx/preview-react/text-input/examples/LabelPositionVertical.tsx +17 -0
  36. package/dist/mdx/preview-react/text-input/examples/LoginForm.tsx +105 -0
  37. package/dist/mdx/preview-react/text-input/examples/Password.tsx +17 -0
  38. package/dist/mdx/preview-react/text-input/examples/Placeholder.tsx +17 -0
  39. package/dist/mdx/preview-react/text-input/examples/RefForwarding.tsx +28 -0
  40. package/dist/mdx/preview-react/text-input/examples/Required.tsx +17 -0
  41. package/dist/mdx/preview-react/text-input/examples/ThemedAlert.tsx +46 -0
  42. package/dist/mdx/preview-react/text-input/examples/ThemedError.tsx +37 -0
  43. package/dist/mdx/react/button/button/Button.mdx +27 -2
  44. package/dist/mdx/react/button/button/examples/Primary.tsx +10 -1
  45. package/dist/mdx/react/button/button/examples/PrimaryInverse.tsx +14 -0
  46. package/dist/mdx/react/button/button/examples/Secondary.tsx +10 -1
  47. package/dist/mdx/react/button/button/examples/SecondaryInverse.tsx +14 -0
  48. package/dist/mdx/react/button/button/examples/Tertiary.tsx +10 -1
  49. package/dist/mdx/react/button/button/examples/TertiaryInverse.tsx +14 -0
  50. package/dist/mdx/react/tabs/Tabs.mdx +31 -5
  51. package/dist/mdx/react/tabs/examples/DisabledTab.tsx +1 -1
  52. package/dist/mdx/react/tabs/examples/DynamicTabs.tsx +41 -13
  53. package/dist/mdx/react/tabs/examples/HoistedModel.tsx +4 -4
  54. package/dist/mdx/react/tabs/examples/Icons.tsx +36 -0
  55. package/dist/mdx/react/tabs/examples/{NamedKeys.tsx → NamedTabs.tsx} +0 -0
  56. package/dist/mdx/react/tabs/examples/OverflowTabs.tsx +58 -0
  57. package/dist/mdx/react/tabs/examples/SinglePanel.tsx +1 -1
  58. package/dist/mdx/react/text-area/TextArea.mdx +1 -1
  59. package/package.json +3 -3
@@ -4579,7 +4579,7 @@ module.exports = {specifications: [
4579
4579
  },
4580
4580
  {
4581
4581
  "type": "it",
4582
- "name": "should not have tabindex on the first tab"
4582
+ "name": "should not have tabindex=-1 on the first tab"
4583
4583
  },
4584
4584
  {
4585
4585
  "type": "it",
@@ -4633,7 +4633,7 @@ module.exports = {specifications: [
4633
4633
  },
4634
4634
  {
4635
4635
  "type": "it",
4636
- "name": "should not have tabindex on the second tab"
4636
+ "name": "should not have tabindex=-1 on the second tab"
4637
4637
  },
4638
4638
  {
4639
4639
  "type": "it",
@@ -4681,7 +4681,7 @@ module.exports = {specifications: [
4681
4681
  "children": [
4682
4682
  {
4683
4683
  "type": "it",
4684
- "name": "should not have tabindex on the first tab"
4684
+ "name": "should not have tabindex=-1 on the first tab"
4685
4685
  },
4686
4686
  {
4687
4687
  "type": "it",
@@ -4707,7 +4707,7 @@ module.exports = {specifications: [
4707
4707
  },
4708
4708
  {
4709
4709
  "type": "it",
4710
- "name": "should not have tabindex on the last tab"
4710
+ "name": "should not have tabindex=-1 on the last tab"
4711
4711
  },
4712
4712
  {
4713
4713
  "type": "it",
@@ -4731,7 +4731,7 @@ module.exports = {specifications: [
4731
4731
  "children": [
4732
4732
  {
4733
4733
  "type": "it",
4734
- "name": "should not have tabindex on the first tab"
4734
+ "name": "should not have tabindex=-1 on the first tab"
4735
4735
  },
4736
4736
  {
4737
4737
  "type": "it",
@@ -4745,7 +4745,7 @@ module.exports = {specifications: [
4745
4745
  },
4746
4746
  {
4747
4747
  "type": "describe",
4748
- "name": "given the [Components/Containers/Tabs/React, Named Keys] story is rendered",
4748
+ "name": "given the [Components/Containers/Tabs/React, Named Tabs] story is rendered",
4749
4749
  "children": [
4750
4750
  {
4751
4751
  "type": "it",
@@ -4769,7 +4769,7 @@ module.exports = {specifications: [
4769
4769
  },
4770
4770
  {
4771
4771
  "type": "it",
4772
- "name": "should not have tabindex on the first tab"
4772
+ "name": "should not have tabindex=-1 on the first tab"
4773
4773
  },
4774
4774
  {
4775
4775
  "type": "it",
@@ -4823,7 +4823,7 @@ module.exports = {specifications: [
4823
4823
  },
4824
4824
  {
4825
4825
  "type": "it",
4826
- "name": "should not have tabindex on the second tab"
4826
+ "name": "should not have tabindex=-1 on the second tab"
4827
4827
  },
4828
4828
  {
4829
4829
  "type": "it",
@@ -4871,7 +4871,7 @@ module.exports = {specifications: [
4871
4871
  "children": [
4872
4872
  {
4873
4873
  "type": "it",
4874
- "name": "should not have tabindex on the first tab"
4874
+ "name": "should not have tabindex=-1 on the first tab"
4875
4875
  },
4876
4876
  {
4877
4877
  "type": "it",
@@ -4897,7 +4897,7 @@ module.exports = {specifications: [
4897
4897
  },
4898
4898
  {
4899
4899
  "type": "it",
4900
- "name": "should not have tabindex on the last tab"
4900
+ "name": "should not have tabindex=-1 on the last tab"
4901
4901
  },
4902
4902
  {
4903
4903
  "type": "it",
@@ -4921,7 +4921,7 @@ module.exports = {specifications: [
4921
4921
  "children": [
4922
4922
  {
4923
4923
  "type": "it",
4924
- "name": "should not have tabindex on the first tab"
4924
+ "name": "should not have tabindex=-1 on the first tab"
4925
4925
  },
4926
4926
  {
4927
4927
  "type": "it",
@@ -4937,6 +4937,20 @@ module.exports = {specifications: [
4937
4937
  "type": "describe",
4938
4938
  "name": "given the [Components/Containers/Tabs/React, DisabledTab] story is rendered",
4939
4939
  "children": [
4940
+ {
4941
+ "type": "describe",
4942
+ "name": "when the Disabled Tab is clicked",
4943
+ "children": [
4944
+ {
4945
+ "type": "it",
4946
+ "name": "should not set \"[aria-selected=true]\" on the Disabled Tab"
4947
+ },
4948
+ {
4949
+ "type": "it",
4950
+ "name": "should leave the first tab selected"
4951
+ }
4952
+ ]
4953
+ },
4940
4954
  {
4941
4955
  "type": "describe",
4942
4956
  "name": "when the first tab is active and focused",
@@ -4947,7 +4961,21 @@ module.exports = {specifications: [
4947
4961
  "children": [
4948
4962
  {
4949
4963
  "type": "it",
4950
- "name": "should skip over the second tab and focus on the third tab"
4964
+ "name": "should focus on the Disabled Tab"
4965
+ },
4966
+ {
4967
+ "type": "describe",
4968
+ "name": "when the enter key is pressed",
4969
+ "children": [
4970
+ {
4971
+ "type": "it",
4972
+ "name": "should not set \"[aria-selected=true]\" on the Disabled Tab"
4973
+ },
4974
+ {
4975
+ "type": "it",
4976
+ "name": "should leave the first tab selected"
4977
+ }
4978
+ ]
4951
4979
  }
4952
4980
  ]
4953
4981
  }
@@ -4985,7 +5013,7 @@ module.exports = {specifications: [
4985
5013
  "children": [
4986
5014
  {
4987
5015
  "type": "describe",
4988
- "name": "then the Backspace/Delete key is pressed",
5016
+ "name": "then the Delete key is pressed",
4989
5017
  "children": [
4990
5018
  {
4991
5019
  "type": "it",
@@ -5009,7 +5037,7 @@ module.exports = {specifications: [
5009
5037
  "children": [
5010
5038
  {
5011
5039
  "type": "describe",
5012
- "name": "then the Backspace/Delete key is pressed",
5040
+ "name": "then the Delete key is pressed",
5013
5041
  "children": [
5014
5042
  {
5015
5043
  "type": "it",
@@ -5029,7 +5057,7 @@ module.exports = {specifications: [
5029
5057
  },
5030
5058
  {
5031
5059
  "type": "describe",
5032
- "name": "then the Backspace/Delete key is pressed again",
5060
+ "name": "then the Delete key is pressed again",
5033
5061
  "children": [
5034
5062
  {
5035
5063
  "type": "it",
@@ -5047,7 +5075,7 @@ module.exports = {specifications: [
5047
5075
  "children": [
5048
5076
  {
5049
5077
  "type": "describe",
5050
- "name": "then the Backspace/Delete key is pressed",
5078
+ "name": "then the Delete key is pressed",
5051
5079
  "children": [
5052
5080
  {
5053
5081
  "type": "it",
@@ -5101,7 +5129,7 @@ module.exports = {specifications: [
5101
5129
  },
5102
5130
  {
5103
5131
  "type": "it",
5104
- "name": "should not have tabindex on the second tab"
5132
+ "name": "should not have tabindex=-1 on the second tab"
5105
5133
  },
5106
5134
  {
5107
5135
  "type": "it",
@@ -5133,7 +5161,7 @@ module.exports = {specifications: [
5133
5161
  },
5134
5162
  {
5135
5163
  "type": "it",
5136
- "name": "should not have tabindex on the last tab"
5164
+ "name": "should not have tabindex=-1 on the last tab"
5137
5165
  },
5138
5166
  {
5139
5167
  "type": "it",
@@ -5144,6 +5172,58 @@ module.exports = {specifications: [
5144
5172
  ]
5145
5173
  }
5146
5174
  ]
5175
+ },
5176
+ {
5177
+ "type": "describe",
5178
+ "name": "when [Components/Containers/Tabs/React, OverflowTabs] story is rendered",
5179
+ "children": [
5180
+ {
5181
+ "type": "it",
5182
+ "name": "should pass axe checks"
5183
+ },
5184
+ {
5185
+ "type": "it",
5186
+ "name": "should not show the \"More\" button"
5187
+ },
5188
+ {
5189
+ "type": "describe",
5190
+ "name": "when tab list container is only 500px wide",
5191
+ "children": [
5192
+ {
5193
+ "type": "it",
5194
+ "name": "should pass axe checks"
5195
+ },
5196
+ {
5197
+ "type": "it",
5198
+ "name": "should show the \"More\" button"
5199
+ },
5200
+ {
5201
+ "type": "describe",
5202
+ "name": "when the \"More\" button is clicked",
5203
+ "children": [
5204
+ {
5205
+ "type": "it",
5206
+ "name": "should show the Tab overflow menu"
5207
+ },
5208
+ {
5209
+ "type": "describe",
5210
+ "name": "when the \"Sixth Tab\" is clicked",
5211
+ "children": [
5212
+ {
5213
+ "type": "it",
5214
+ "name": "should select the Sixth Tab"
5215
+ },
5216
+ {
5217
+ "type": "it",
5218
+ "name": "should move focus back to the \"More\" button"
5219
+ }
5220
+ ]
5221
+ }
5222
+ ]
5223
+ }
5224
+ ]
5225
+ }
5226
+ ]
5147
5227
  }
5148
5228
  ]
5149
5229
  }
@@ -5283,6 +5363,140 @@ module.exports = {specifications: [
5283
5363
  }
5284
5364
  ]
5285
5365
  },
5366
+ {
5367
+ "type": "file",
5368
+ "name": "TextAreaPreview.spec.ts",
5369
+ "children": [
5370
+ {
5371
+ "type": "describe",
5372
+ "name": "Text Area",
5373
+ "children": [
5374
+ {
5375
+ "type": "describe",
5376
+ "name": "given the 'Basic' story is rendered",
5377
+ "children": [
5378
+ {
5379
+ "type": "it",
5380
+ "name": "should not have any axe errors"
5381
+ },
5382
+ {
5383
+ "type": "describe",
5384
+ "name": "when clicked",
5385
+ "children": [
5386
+ {
5387
+ "type": "it",
5388
+ "name": "should be focused"
5389
+ }
5390
+ ]
5391
+ },
5392
+ {
5393
+ "type": "describe",
5394
+ "name": "when text is entered",
5395
+ "children": [
5396
+ {
5397
+ "type": "it",
5398
+ "name": "should reflect the text typed"
5399
+ }
5400
+ ]
5401
+ }
5402
+ ]
5403
+ },
5404
+ {
5405
+ "type": "describe",
5406
+ "name": "given the 'Alert' story is rendered",
5407
+ "children": [
5408
+ {
5409
+ "type": "it",
5410
+ "name": "should not have any axe errors"
5411
+ },
5412
+ {
5413
+ "type": "describe",
5414
+ "name": "when clicked",
5415
+ "children": [
5416
+ {
5417
+ "type": "it",
5418
+ "name": "should be focused"
5419
+ }
5420
+ ]
5421
+ },
5422
+ {
5423
+ "type": "describe",
5424
+ "name": "when text is entered",
5425
+ "children": [
5426
+ {
5427
+ "type": "it",
5428
+ "name": "should reflect the text typed"
5429
+ }
5430
+ ]
5431
+ }
5432
+ ]
5433
+ },
5434
+ {
5435
+ "type": "describe",
5436
+ "name": "given the 'Error' story is rendered",
5437
+ "children": [
5438
+ {
5439
+ "type": "it",
5440
+ "name": "should not have any axe errors"
5441
+ },
5442
+ {
5443
+ "type": "describe",
5444
+ "name": "when clicked",
5445
+ "children": [
5446
+ {
5447
+ "type": "it",
5448
+ "name": "should be focused"
5449
+ }
5450
+ ]
5451
+ },
5452
+ {
5453
+ "type": "describe",
5454
+ "name": "when text is entered",
5455
+ "children": [
5456
+ {
5457
+ "type": "it",
5458
+ "name": "should reflect the text typed"
5459
+ }
5460
+ ]
5461
+ }
5462
+ ]
5463
+ },
5464
+ {
5465
+ "type": "describe",
5466
+ "name": "given the 'Disabled' story is rendered",
5467
+ "children": [
5468
+ {
5469
+ "type": "it",
5470
+ "name": "should not have any axe errors"
5471
+ },
5472
+ {
5473
+ "type": "it",
5474
+ "name": "should be disabled"
5475
+ }
5476
+ ]
5477
+ },
5478
+ {
5479
+ "type": "describe",
5480
+ "name": "given the 'Placeholder' story is rendered",
5481
+ "children": [
5482
+ {
5483
+ "type": "it",
5484
+ "name": "should not have any axe errors"
5485
+ },
5486
+ {
5487
+ "type": "it",
5488
+ "name": "should render a placeholder text"
5489
+ },
5490
+ {
5491
+ "type": "it",
5492
+ "name": "should reflect the text typed"
5493
+ }
5494
+ ]
5495
+ }
5496
+ ]
5497
+ }
5498
+ ]
5499
+ },
5286
5500
  {
5287
5501
  "type": "file",
5288
5502
  "name": "TextInput.spec.ts",
@@ -5417,6 +5631,140 @@ module.exports = {specifications: [
5417
5631
  }
5418
5632
  ]
5419
5633
  },
5634
+ {
5635
+ "type": "file",
5636
+ "name": "TextInputPreview.spec.ts",
5637
+ "children": [
5638
+ {
5639
+ "type": "describe",
5640
+ "name": "Text Input",
5641
+ "children": [
5642
+ {
5643
+ "type": "describe",
5644
+ "name": "given the 'Basic' story is rendered",
5645
+ "children": [
5646
+ {
5647
+ "type": "it",
5648
+ "name": "should not have any axe errors"
5649
+ },
5650
+ {
5651
+ "type": "describe",
5652
+ "name": "when clicked",
5653
+ "children": [
5654
+ {
5655
+ "type": "it",
5656
+ "name": "should be focused"
5657
+ }
5658
+ ]
5659
+ },
5660
+ {
5661
+ "type": "describe",
5662
+ "name": "when text is entered",
5663
+ "children": [
5664
+ {
5665
+ "type": "it",
5666
+ "name": "should reflect the text typed"
5667
+ }
5668
+ ]
5669
+ }
5670
+ ]
5671
+ },
5672
+ {
5673
+ "type": "describe",
5674
+ "name": "given the 'Alert' story is rendered",
5675
+ "children": [
5676
+ {
5677
+ "type": "it",
5678
+ "name": "should not have any axe errors"
5679
+ },
5680
+ {
5681
+ "type": "describe",
5682
+ "name": "when clicked",
5683
+ "children": [
5684
+ {
5685
+ "type": "it",
5686
+ "name": "should be focused"
5687
+ }
5688
+ ]
5689
+ },
5690
+ {
5691
+ "type": "describe",
5692
+ "name": "when text is entered",
5693
+ "children": [
5694
+ {
5695
+ "type": "it",
5696
+ "name": "should reflect the text typed"
5697
+ }
5698
+ ]
5699
+ }
5700
+ ]
5701
+ },
5702
+ {
5703
+ "type": "describe",
5704
+ "name": "given the 'Error' story is rendered",
5705
+ "children": [
5706
+ {
5707
+ "type": "it",
5708
+ "name": "should not have any axe errors"
5709
+ },
5710
+ {
5711
+ "type": "describe",
5712
+ "name": "when clicked",
5713
+ "children": [
5714
+ {
5715
+ "type": "it",
5716
+ "name": "should be focused"
5717
+ }
5718
+ ]
5719
+ },
5720
+ {
5721
+ "type": "describe",
5722
+ "name": "when text is entered",
5723
+ "children": [
5724
+ {
5725
+ "type": "it",
5726
+ "name": "should reflect the text typed"
5727
+ }
5728
+ ]
5729
+ }
5730
+ ]
5731
+ },
5732
+ {
5733
+ "type": "describe",
5734
+ "name": "given the 'Disabled' story is rendered",
5735
+ "children": [
5736
+ {
5737
+ "type": "it",
5738
+ "name": "should not have any axe errors"
5739
+ },
5740
+ {
5741
+ "type": "it",
5742
+ "name": "should be disabled"
5743
+ }
5744
+ ]
5745
+ },
5746
+ {
5747
+ "type": "describe",
5748
+ "name": "given the 'Placeholder' story is rendered",
5749
+ "children": [
5750
+ {
5751
+ "type": "it",
5752
+ "name": "should not have any axe errors"
5753
+ },
5754
+ {
5755
+ "type": "it",
5756
+ "name": "should render a placeholder text"
5757
+ },
5758
+ {
5759
+ "type": "it",
5760
+ "name": "should reflect the text typed"
5761
+ }
5762
+ ]
5763
+ }
5764
+ ]
5765
+ }
5766
+ ]
5767
+ },
5420
5768
  {
5421
5769
  "type": "file",
5422
5770
  "name": "Toast.spec.ts",