@workday/canvas-kit-docs 5.3.0 → 5.3.4

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 (47) hide show
  1. package/dist/commonjs/lib/specs.js +18 -232
  2. package/dist/es6/lib/specs.js +18 -232
  3. package/dist/mdx/COMPOUND_COMPONENTS.mdx +30 -31
  4. package/dist/mdx/react/button/button/Button.mdx +2 -27
  5. package/dist/mdx/react/button/button/examples/Primary.tsx +1 -10
  6. package/dist/mdx/react/button/button/examples/Secondary.tsx +1 -10
  7. package/dist/mdx/react/button/button/examples/Tertiary.tsx +1 -10
  8. package/dist/mdx/react/loading-animation/LoadingAnimation.mdx +5 -0
  9. package/dist/mdx/react/loading-animation/examples/RTL.tsx +16 -0
  10. package/dist/mdx/react/tabs/Tabs.mdx +5 -31
  11. package/dist/mdx/react/tabs/examples/DisabledTab.tsx +1 -1
  12. package/dist/mdx/react/tabs/examples/DynamicTabs.tsx +13 -41
  13. package/dist/mdx/react/tabs/examples/HoistedModel.tsx +4 -4
  14. package/dist/mdx/react/tabs/examples/{NamedTabs.tsx → NamedKeys.tsx} +0 -0
  15. package/dist/mdx/react/tabs/examples/SinglePanel.tsx +1 -1
  16. package/dist/mdx/react/text-area/TextArea.mdx +1 -1
  17. package/dist/mdx/react/tooltip/Tooltip.mdx +8 -0
  18. package/dist/mdx/react/tooltip/examples/DelayedTooltip.tsx +16 -0
  19. package/package.json +3 -3
  20. package/dist/mdx/6.0-MIGRATION-GUIDE.mdx +0 -554
  21. package/dist/mdx/labs-react/search-form/SearchForm.mdx +0 -64
  22. package/dist/mdx/labs-react/search-form/examples/Basic.tsx +0 -61
  23. package/dist/mdx/labs-react/search-form/examples/CustomTheme.tsx +0 -72
  24. package/dist/mdx/labs-react/search-form/examples/Grow.tsx +0 -62
  25. package/dist/mdx/labs-react/search-form/examples/PropTables.splitProps.tsx +0 -4
  26. package/dist/mdx/labs-react/search-form/examples/RTL.tsx +0 -70
  27. package/dist/mdx/labs-react/search-form/examples/Theming.tsx +0 -64
  28. package/dist/mdx/labs-react/text-input/TextInput.mdx +0 -123
  29. package/dist/mdx/labs-react/text-input/examples/Alert.tsx +0 -46
  30. package/dist/mdx/labs-react/text-input/examples/Basic.tsx +0 -20
  31. package/dist/mdx/labs-react/text-input/examples/Disabled.tsx +0 -20
  32. package/dist/mdx/labs-react/text-input/examples/Error.tsx +0 -43
  33. package/dist/mdx/labs-react/text-input/examples/Grow.tsx +0 -20
  34. package/dist/mdx/labs-react/text-input/examples/HiddenLabel.tsx +0 -17
  35. package/dist/mdx/labs-react/text-input/examples/LabelPosition.tsx +0 -20
  36. package/dist/mdx/labs-react/text-input/examples/LoginForm.tsx +0 -100
  37. package/dist/mdx/labs-react/text-input/examples/Password.tsx +0 -20
  38. package/dist/mdx/labs-react/text-input/examples/Placeholder.tsx +0 -20
  39. package/dist/mdx/labs-react/text-input/examples/RefForwarding.tsx +0 -27
  40. package/dist/mdx/labs-react/text-input/examples/Required.tsx +0 -20
  41. package/dist/mdx/labs-react/text-input/examples/ThemedAlert.tsx +0 -51
  42. package/dist/mdx/labs-react/text-input/examples/ThemedError.tsx +0 -40
  43. package/dist/mdx/react/button/button/examples/PrimaryInverse.tsx +0 -14
  44. package/dist/mdx/react/button/button/examples/SecondaryInverse.tsx +0 -14
  45. package/dist/mdx/react/button/button/examples/TertiaryInverse.tsx +0 -14
  46. package/dist/mdx/react/tabs/examples/Icons.tsx +0 -36
  47. package/dist/mdx/react/tabs/examples/OverflowTabs.tsx +0 -58
package/dist/commonjs/lib/specs.js CHANGED
@@ -4579,7 +4579,7 @@ module.exports = {specifications: [
4579
4579
  },
4580
4580
  {
4581
4581
  "type": "it",
4582
- "name": "should not have tabindex=-1 on the first tab"
4582
+ "name": "should not have tabindex 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=-1 on the second tab"
4636
+ "name": "should not have tabindex 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=-1 on the first tab"
4684
+ "name": "should not have tabindex 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=-1 on the last tab"
4710
+ "name": "should not have tabindex 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=-1 on the first tab"
4734
+ "name": "should not have tabindex 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 Tabs] story is rendered",
4748
+ "name": "given the [Components/Containers/Tabs/React, Named Keys] 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=-1 on the first tab"
4772
+ "name": "should not have tabindex 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=-1 on the second tab"
4826
+ "name": "should not have tabindex 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=-1 on the first tab"
4874
+ "name": "should not have tabindex 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=-1 on the last tab"
4900
+ "name": "should not have tabindex 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=-1 on the first tab"
4924
+ "name": "should not have tabindex on the first tab"
4925
4925
  },
4926
4926
  {
4927
4927
  "type": "it",
@@ -4937,20 +4937,6 @@ 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
- },
4954
4940
  {
4955
4941
  "type": "describe",
4956
4942
  "name": "when the first tab is active and focused",
@@ -4961,21 +4947,7 @@ module.exports = {specifications: [
4961
4947
  "children": [
4962
4948
  {
4963
4949
  "type": "it",
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
- ]
4950
+ "name": "should skip over the second tab and focus on the third tab"
4979
4951
  }
4980
4952
  ]
4981
4953
  }
@@ -5013,7 +4985,7 @@ module.exports = {specifications: [
5013
4985
  "children": [
5014
4986
  {
5015
4987
  "type": "describe",
5016
- "name": "then the Delete key is pressed",
4988
+ "name": "then the Backspace/Delete key is pressed",
5017
4989
  "children": [
5018
4990
  {
5019
4991
  "type": "it",
@@ -5037,7 +5009,7 @@ module.exports = {specifications: [
5037
5009
  "children": [
5038
5010
  {
5039
5011
  "type": "describe",
5040
- "name": "then the Delete key is pressed",
5012
+ "name": "then the Backspace/Delete key is pressed",
5041
5013
  "children": [
5042
5014
  {
5043
5015
  "type": "it",
@@ -5057,7 +5029,7 @@ module.exports = {specifications: [
5057
5029
  },
5058
5030
  {
5059
5031
  "type": "describe",
5060
- "name": "then the Delete key is pressed again",
5032
+ "name": "then the Backspace/Delete key is pressed again",
5061
5033
  "children": [
5062
5034
  {
5063
5035
  "type": "it",
@@ -5075,7 +5047,7 @@ module.exports = {specifications: [
5075
5047
  "children": [
5076
5048
  {
5077
5049
  "type": "describe",
5078
- "name": "then the Delete key is pressed",
5050
+ "name": "then the Backspace/Delete key is pressed",
5079
5051
  "children": [
5080
5052
  {
5081
5053
  "type": "it",
@@ -5129,7 +5101,7 @@ module.exports = {specifications: [
5129
5101
  },
5130
5102
  {
5131
5103
  "type": "it",
5132
- "name": "should not have tabindex=-1 on the second tab"
5104
+ "name": "should not have tabindex on the second tab"
5133
5105
  },
5134
5106
  {
5135
5107
  "type": "it",
@@ -5161,7 +5133,7 @@ module.exports = {specifications: [
5161
5133
  },
5162
5134
  {
5163
5135
  "type": "it",
5164
- "name": "should not have tabindex=-1 on the last tab"
5136
+ "name": "should not have tabindex on the last tab"
5165
5137
  },
5166
5138
  {
5167
5139
  "type": "it",
@@ -5172,58 +5144,6 @@ module.exports = {specifications: [
5172
5144
  ]
5173
5145
  }
5174
5146
  ]
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
- ]
5227
5147
  }
5228
5148
  ]
5229
5149
  }
@@ -5497,140 +5417,6 @@ module.exports = {specifications: [
5497
5417
  }
5498
5418
  ]
5499
5419
  },
5500
- {
5501
- "type": "file",
5502
- "name": "TextInputLabs.spec.ts",
5503
- "children": [
5504
- {
5505
- "type": "describe",
5506
- "name": "TextInput",
5507
- "children": [
5508
- {
5509
- "type": "describe",
5510
- "name": "given the 'Basic' story is rendered",
5511
- "children": [
5512
- {
5513
- "type": "it",
5514
- "name": "should not have any axe errors"
5515
- },
5516
- {
5517
- "type": "describe",
5518
- "name": "when clicked",
5519
- "children": [
5520
- {
5521
- "type": "it",
5522
- "name": "should be focused"
5523
- }
5524
- ]
5525
- },
5526
- {
5527
- "type": "describe",
5528
- "name": "when text is entered",
5529
- "children": [
5530
- {
5531
- "type": "it",
5532
- "name": "should reflect the text typed"
5533
- }
5534
- ]
5535
- }
5536
- ]
5537
- },
5538
- {
5539
- "type": "describe",
5540
- "name": "given the 'Alert' story is rendered",
5541
- "children": [
5542
- {
5543
- "type": "it",
5544
- "name": "should not have any axe errors"
5545
- },
5546
- {
5547
- "type": "describe",
5548
- "name": "when clicked",
5549
- "children": [
5550
- {
5551
- "type": "it",
5552
- "name": "should be focused"
5553
- }
5554
- ]
5555
- },
5556
- {
5557
- "type": "describe",
5558
- "name": "when text is entered",
5559
- "children": [
5560
- {
5561
- "type": "it",
5562
- "name": "should reflect the text typed"
5563
- }
5564
- ]
5565
- }
5566
- ]
5567
- },
5568
- {
5569
- "type": "describe",
5570
- "name": "given the 'Error' story is rendered",
5571
- "children": [
5572
- {
5573
- "type": "it",
5574
- "name": "should not have any axe errors"
5575
- },
5576
- {
5577
- "type": "describe",
5578
- "name": "when clicked",
5579
- "children": [
5580
- {
5581
- "type": "it",
5582
- "name": "should be focused"
5583
- }
5584
- ]
5585
- },
5586
- {
5587
- "type": "describe",
5588
- "name": "when text is entered",
5589
- "children": [
5590
- {
5591
- "type": "it",
5592
- "name": "should reflect the text typed"
5593
- }
5594
- ]
5595
- }
5596
- ]
5597
- },
5598
- {
5599
- "type": "describe",
5600
- "name": "given the 'Disabled' story is rendered",
5601
- "children": [
5602
- {
5603
- "type": "it",
5604
- "name": "should not have any axe errors"
5605
- },
5606
- {
5607
- "type": "it",
5608
- "name": "should be disabled"
5609
- }
5610
- ]
5611
- },
5612
- {
5613
- "type": "describe",
5614
- "name": "given the 'Placeholder' story is rendered",
5615
- "children": [
5616
- {
5617
- "type": "it",
5618
- "name": "should not have any axe errors"
5619
- },
5620
- {
5621
- "type": "it",
5622
- "name": "should render a placeholder text"
5623
- },
5624
- {
5625
- "type": "it",
5626
- "name": "should reflect the text typed"
5627
- }
5628
- ]
5629
- }
5630
- ]
5631
- }
5632
- ]
5633
- },
5634
5420
  {
5635
5421
  "type": "file",
5636
5422
  "name": "Toast.spec.ts",