@workday/canvas-kit-docs 13.0.0-alpha.978-next.0 → 13.0.0-alpha.998-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 (48) hide show
  1. package/dist/es6/index.d.ts +0 -1
  2. package/dist/es6/index.d.ts.map +1 -1
  3. package/dist/es6/index.js +0 -1
  4. package/dist/es6/lib/docs.js +2076 -189
  5. package/dist/es6/mdx/versionsTable.d.ts.map +1 -1
  6. package/dist/es6/mdx/versionsTable.js +4 -0
  7. package/dist/mdx/preview-react/InformationHighlight/InformationHighlight.mdx +109 -0
  8. package/dist/mdx/preview-react/InformationHighlight/examples/Basic.tsx +18 -0
  9. package/dist/mdx/preview-react/InformationHighlight/examples/Body.tsx +13 -0
  10. package/dist/mdx/preview-react/InformationHighlight/examples/Caution.tsx +27 -0
  11. package/dist/mdx/preview-react/InformationHighlight/examples/Critical.tsx +33 -0
  12. package/dist/mdx/preview-react/InformationHighlight/examples/CustomIconCritical.tsx +28 -0
  13. package/dist/mdx/preview-react/InformationHighlight/examples/Heading.tsx +11 -0
  14. package/dist/mdx/preview-react/InformationHighlight/examples/Informational.tsx +27 -0
  15. package/dist/mdx/preview-react/InformationHighlight/examples/RTL.tsx +42 -0
  16. package/dist/mdx/react/button/button/Button.mdx +7 -0
  17. package/dist/mdx/react/button/button/examples/ThemeOverrides.tsx +73 -0
  18. package/dist/mdx/react/tokens/Tokens.mdx +2 -1
  19. package/index.ts +0 -1
  20. package/package.json +7 -7
  21. package/dist/es6/lib/InformationHighlight/Base.d.ts +0 -5
  22. package/dist/es6/lib/InformationHighlight/Base.d.ts.map +0 -1
  23. package/dist/es6/lib/InformationHighlight/Base.js +0 -9
  24. package/dist/es6/lib/InformationHighlight/Body.d.ts +0 -2
  25. package/dist/es6/lib/InformationHighlight/Body.d.ts.map +0 -1
  26. package/dist/es6/lib/InformationHighlight/Body.js +0 -18
  27. package/dist/es6/lib/InformationHighlight/Heading.d.ts +0 -2
  28. package/dist/es6/lib/InformationHighlight/Heading.d.ts.map +0 -1
  29. package/dist/es6/lib/InformationHighlight/Heading.js +0 -17
  30. package/dist/es6/lib/InformationHighlight/Icon.d.ts +0 -13
  31. package/dist/es6/lib/InformationHighlight/Icon.d.ts.map +0 -1
  32. package/dist/es6/lib/InformationHighlight/Icon.js +0 -44
  33. package/dist/es6/lib/InformationHighlight/Link.d.ts +0 -2
  34. package/dist/es6/lib/InformationHighlight/Link.d.ts.map +0 -1
  35. package/dist/es6/lib/InformationHighlight/Link.js +0 -18
  36. package/dist/es6/lib/InformationHighlight/index.d.ts +0 -25
  37. package/dist/es6/lib/InformationHighlight/index.d.ts.map +0 -1
  38. package/dist/es6/lib/InformationHighlight/index.js +0 -44
  39. package/dist/es6/lib/InformationHighlight/modelHook.d.ts +0 -19
  40. package/dist/es6/lib/InformationHighlight/modelHook.d.ts.map +0 -1
  41. package/dist/es6/lib/InformationHighlight/modelHook.js +0 -13
  42. package/lib/InformationHighlight/Base.tsx +0 -12
  43. package/lib/InformationHighlight/Body.tsx +0 -21
  44. package/lib/InformationHighlight/Heading.tsx +0 -20
  45. package/lib/InformationHighlight/Icon.tsx +0 -65
  46. package/lib/InformationHighlight/Link.tsx +0 -20
  47. package/lib/InformationHighlight/index.tsx +0 -62
  48. package/lib/InformationHighlight/modelHook.ts +0 -16
@@ -5804,6 +5804,150 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
5804
5804
  ]
5805
5805
  }
5806
5806
  },
5807
+ {
5808
+ "name": "dubLogoPrimary",
5809
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/common/lib/parts/_brand-assets.ts",
5810
+ "description": "",
5811
+ "declarations": [
5812
+ {
5813
+ "name": "dubLogoPrimary",
5814
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/common/lib/parts/_brand-assets.ts"
5815
+ }
5816
+ ],
5817
+ "tags": {},
5818
+ "type": {
5819
+ "kind": "primitive",
5820
+ "value": "string"
5821
+ }
5822
+ },
5823
+ {
5824
+ "name": "dubLogoReversed",
5825
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/common/lib/parts/_brand-assets.ts",
5826
+ "description": "",
5827
+ "declarations": [
5828
+ {
5829
+ "name": "dubLogoReversed",
5830
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/common/lib/parts/_brand-assets.ts"
5831
+ }
5832
+ ],
5833
+ "tags": {},
5834
+ "type": {
5835
+ "kind": "primitive",
5836
+ "value": "string"
5837
+ }
5838
+ },
5839
+ {
5840
+ "name": "dubLogoMonoBlue",
5841
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/common/lib/parts/_brand-assets.ts",
5842
+ "description": "",
5843
+ "declarations": [
5844
+ {
5845
+ "name": "dubLogoMonoBlue",
5846
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/common/lib/parts/_brand-assets.ts"
5847
+ }
5848
+ ],
5849
+ "tags": {},
5850
+ "type": {
5851
+ "kind": "primitive",
5852
+ "value": "string"
5853
+ }
5854
+ },
5855
+ {
5856
+ "name": "dubLogoMonoWhite",
5857
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/common/lib/parts/_brand-assets.ts",
5858
+ "description": "",
5859
+ "declarations": [
5860
+ {
5861
+ "name": "dubLogoMonoWhite",
5862
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/common/lib/parts/_brand-assets.ts"
5863
+ }
5864
+ ],
5865
+ "tags": {},
5866
+ "type": {
5867
+ "kind": "primitive",
5868
+ "value": "string"
5869
+ }
5870
+ },
5871
+ {
5872
+ "name": "wdayLogoPrimary",
5873
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/common/lib/parts/_brand-assets.ts",
5874
+ "description": "",
5875
+ "declarations": [
5876
+ {
5877
+ "name": "wdayLogoPrimary",
5878
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/common/lib/parts/_brand-assets.ts"
5879
+ }
5880
+ ],
5881
+ "tags": {},
5882
+ "type": {
5883
+ "kind": "primitive",
5884
+ "value": "string"
5885
+ }
5886
+ },
5887
+ {
5888
+ "name": "wdayLogoReversed",
5889
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/common/lib/parts/_brand-assets.ts",
5890
+ "description": "",
5891
+ "declarations": [
5892
+ {
5893
+ "name": "wdayLogoReversed",
5894
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/common/lib/parts/_brand-assets.ts"
5895
+ }
5896
+ ],
5897
+ "tags": {},
5898
+ "type": {
5899
+ "kind": "primitive",
5900
+ "value": "string"
5901
+ }
5902
+ },
5903
+ {
5904
+ "name": "wdayLogoMonoBlue",
5905
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/common/lib/parts/_brand-assets.ts",
5906
+ "description": "",
5907
+ "declarations": [
5908
+ {
5909
+ "name": "wdayLogoMonoBlue",
5910
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/common/lib/parts/_brand-assets.ts"
5911
+ }
5912
+ ],
5913
+ "tags": {},
5914
+ "type": {
5915
+ "kind": "primitive",
5916
+ "value": "string"
5917
+ }
5918
+ },
5919
+ {
5920
+ "name": "wdayLogoMonoWhite",
5921
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/common/lib/parts/_brand-assets.ts",
5922
+ "description": "",
5923
+ "declarations": [
5924
+ {
5925
+ "name": "wdayLogoMonoWhite",
5926
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/common/lib/parts/_brand-assets.ts"
5927
+ }
5928
+ ],
5929
+ "tags": {},
5930
+ "type": {
5931
+ "kind": "primitive",
5932
+ "value": "string"
5933
+ }
5934
+ },
5935
+ {
5936
+ "name": "miniWdayLogoBlue",
5937
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/common/lib/parts/_brand-assets.ts",
5938
+ "description": "",
5939
+ "declarations": [
5940
+ {
5941
+ "name": "miniWdayLogoBlue",
5942
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/common/lib/parts/_brand-assets.ts"
5943
+ }
5944
+ ],
5945
+ "tags": {},
5946
+ "type": {
5947
+ "kind": "primitive",
5948
+ "value": "string"
5949
+ }
5950
+ },
5807
5951
  {
5808
5952
  "name": "dividerStencil",
5809
5953
  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/divider/lib/Divider.tsx",
@@ -6451,9 +6595,1634 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
6451
6595
  "declarations": [],
6452
6596
  "type": {
6453
6597
  "kind": "external",
6454
- "name": "React.ReactNode",
6455
- "url": "https://reactjs.org/docs/rendering-elements.html"
6598
+ "name": "React.ReactNode",
6599
+ "url": "https://reactjs.org/docs/rendering-elements.html"
6600
+ }
6601
+ },
6602
+ {
6603
+ "kind": "property",
6604
+ "name": "as",
6605
+ "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
6606
+ "tags": {},
6607
+ "declarations": [],
6608
+ "type": {
6609
+ "kind": "external",
6610
+ "name": "React.ElementType",
6611
+ "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
6612
+ },
6613
+ "defaultValue": {
6614
+ "kind": "external",
6615
+ "name": "hr",
6616
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr"
6617
+ }
6618
+ },
6619
+ {
6620
+ "kind": "property",
6621
+ "name": "ref",
6622
+ "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
6623
+ "tags": {},
6624
+ "declarations": [],
6625
+ "type": {
6626
+ "kind": "external",
6627
+ "name": "React.Ref",
6628
+ "url": "https://reactjs.org/docs/refs-and-the-dom.html",
6629
+ "typeParameters": [
6630
+ {
6631
+ "kind": "typeParameter",
6632
+ "name": "R",
6633
+ "required": true,
6634
+ "defaultValue": {
6635
+ "kind": "external",
6636
+ "name": "hr",
6637
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr"
6638
+ }
6639
+ }
6640
+ ]
6641
+ }
6642
+ }
6643
+ ],
6644
+ "baseElement": {
6645
+ "kind": "external",
6646
+ "name": "hr",
6647
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr"
6648
+ }
6649
+ }
6650
+ },
6651
+ {
6652
+ "name": "useInformationHighlightModel",
6653
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/hooks/useInformationHighlightModel.ts",
6654
+ "description": "",
6655
+ "declarations": [
6656
+ {
6657
+ "name": "useInformationHighlightModel",
6658
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/hooks/useInformationHighlightModel.ts"
6659
+ }
6660
+ ],
6661
+ "tags": {},
6662
+ "type": {
6663
+ "kind": "modelHook",
6664
+ "name": "useInformationHighlightModel",
6665
+ "defaultConfig": [
6666
+ {
6667
+ "kind": "property",
6668
+ "name": "variant",
6669
+ "defaultValue": {
6670
+ "kind": "string",
6671
+ "value": "informational"
6672
+ },
6673
+ "type": {
6674
+ "kind": "union",
6675
+ "value": [
6676
+ {
6677
+ "kind": "string",
6678
+ "value": "informational"
6679
+ },
6680
+ {
6681
+ "kind": "string",
6682
+ "value": "caution"
6683
+ },
6684
+ {
6685
+ "kind": "string",
6686
+ "value": "critical"
6687
+ }
6688
+ ]
6689
+ },
6690
+ "required": false,
6691
+ "description": "",
6692
+ "declarations": [
6693
+ {
6694
+ "name": "variant",
6695
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/hooks/useInformationHighlightModel.ts"
6696
+ }
6697
+ ],
6698
+ "tags": {}
6699
+ },
6700
+ {
6701
+ "kind": "property",
6702
+ "name": "emphasis",
6703
+ "defaultValue": {
6704
+ "kind": "string",
6705
+ "value": "low"
6706
+ },
6707
+ "type": {
6708
+ "kind": "union",
6709
+ "value": [
6710
+ {
6711
+ "kind": "string",
6712
+ "value": "low"
6713
+ },
6714
+ {
6715
+ "kind": "string",
6716
+ "value": "high"
6717
+ }
6718
+ ]
6719
+ },
6720
+ "required": false,
6721
+ "description": "",
6722
+ "declarations": [
6723
+ {
6724
+ "name": "emphasis",
6725
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/hooks/useInformationHighlightModel.ts"
6726
+ }
6727
+ ],
6728
+ "tags": {}
6729
+ }
6730
+ ],
6731
+ "requiredConfig": []
6732
+ }
6733
+ },
6734
+ {
6735
+ "name": "InformationHighlightModel",
6736
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/hooks/useInformationHighlightModel.ts",
6737
+ "description": "",
6738
+ "declarations": [
6739
+ {
6740
+ "name": "useInformationHighlightModel",
6741
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/hooks/useInformationHighlightModel.ts"
6742
+ }
6743
+ ],
6744
+ "tags": {},
6745
+ "type": {
6746
+ "kind": "model",
6747
+ "state": [
6748
+ {
6749
+ "kind": "property",
6750
+ "name": "variant",
6751
+ "type": {
6752
+ "kind": "union",
6753
+ "value": [
6754
+ {
6755
+ "kind": "string",
6756
+ "value": "informational"
6757
+ },
6758
+ {
6759
+ "kind": "string",
6760
+ "value": "caution"
6761
+ },
6762
+ {
6763
+ "kind": "string",
6764
+ "value": "critical"
6765
+ }
6766
+ ]
6767
+ },
6768
+ "required": true,
6769
+ "description": "",
6770
+ "declarations": [
6771
+ {
6772
+ "name": "variant",
6773
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/hooks/useInformationHighlightModel.ts"
6774
+ }
6775
+ ],
6776
+ "tags": {}
6777
+ },
6778
+ {
6779
+ "kind": "property",
6780
+ "name": "emphasis",
6781
+ "type": {
6782
+ "kind": "union",
6783
+ "value": [
6784
+ {
6785
+ "kind": "string",
6786
+ "value": "low"
6787
+ },
6788
+ {
6789
+ "kind": "string",
6790
+ "value": "high"
6791
+ }
6792
+ ]
6793
+ },
6794
+ "required": true,
6795
+ "description": "",
6796
+ "declarations": [
6797
+ {
6798
+ "name": "emphasis",
6799
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/hooks/useInformationHighlightModel.ts"
6800
+ }
6801
+ ],
6802
+ "tags": {}
6803
+ }
6804
+ ],
6805
+ "events": [],
6806
+ "modelProperties": []
6807
+ }
6808
+ },
6809
+ {
6810
+ "name": "InformationHighlightModelConfig",
6811
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/hooks/useInformationHighlightModel.ts",
6812
+ "description": "",
6813
+ "declarations": [
6814
+ {
6815
+ "name": "useInformationHighlightModel",
6816
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/hooks/useInformationHighlightModel.ts"
6817
+ }
6818
+ ],
6819
+ "tags": {},
6820
+ "type": {
6821
+ "kind": "object",
6822
+ "properties": [
6823
+ {
6824
+ "kind": "property",
6825
+ "name": "variant",
6826
+ "defaultValue": {
6827
+ "kind": "string",
6828
+ "value": "informational"
6829
+ },
6830
+ "type": {
6831
+ "kind": "union",
6832
+ "value": [
6833
+ {
6834
+ "kind": "string",
6835
+ "value": "informational"
6836
+ },
6837
+ {
6838
+ "kind": "string",
6839
+ "value": "caution"
6840
+ },
6841
+ {
6842
+ "kind": "string",
6843
+ "value": "critical"
6844
+ }
6845
+ ]
6846
+ },
6847
+ "required": false,
6848
+ "description": "",
6849
+ "declarations": [
6850
+ {
6851
+ "name": "variant",
6852
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/hooks/useInformationHighlightModel.ts"
6853
+ }
6854
+ ],
6855
+ "tags": {}
6856
+ },
6857
+ {
6858
+ "kind": "property",
6859
+ "name": "emphasis",
6860
+ "defaultValue": {
6861
+ "kind": "string",
6862
+ "value": "low"
6863
+ },
6864
+ "type": {
6865
+ "kind": "union",
6866
+ "value": [
6867
+ {
6868
+ "kind": "string",
6869
+ "value": "low"
6870
+ },
6871
+ {
6872
+ "kind": "string",
6873
+ "value": "high"
6874
+ }
6875
+ ]
6876
+ },
6877
+ "required": false,
6878
+ "description": "",
6879
+ "declarations": [
6880
+ {
6881
+ "name": "emphasis",
6882
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/hooks/useInformationHighlightModel.ts"
6883
+ }
6884
+ ],
6885
+ "tags": {}
6886
+ },
6887
+ null
6888
+ ]
6889
+ }
6890
+ },
6891
+ {
6892
+ "name": "InformationHighlightModelState",
6893
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/hooks/useInformationHighlightModel.ts",
6894
+ "description": "",
6895
+ "tags": {},
6896
+ "declarations": [],
6897
+ "type": {
6898
+ "kind": "object",
6899
+ "properties": [
6900
+ {
6901
+ "kind": "property",
6902
+ "name": "variant",
6903
+ "type": {
6904
+ "kind": "union",
6905
+ "value": [
6906
+ {
6907
+ "kind": "string",
6908
+ "value": "informational"
6909
+ },
6910
+ {
6911
+ "kind": "string",
6912
+ "value": "caution"
6913
+ },
6914
+ {
6915
+ "kind": "string",
6916
+ "value": "critical"
6917
+ }
6918
+ ]
6919
+ },
6920
+ "required": true,
6921
+ "description": "",
6922
+ "declarations": [
6923
+ {
6924
+ "name": "variant",
6925
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/hooks/useInformationHighlightModel.ts"
6926
+ }
6927
+ ],
6928
+ "tags": {}
6929
+ },
6930
+ {
6931
+ "kind": "property",
6932
+ "name": "emphasis",
6933
+ "type": {
6934
+ "kind": "union",
6935
+ "value": [
6936
+ {
6937
+ "kind": "string",
6938
+ "value": "low"
6939
+ },
6940
+ {
6941
+ "kind": "string",
6942
+ "value": "high"
6943
+ }
6944
+ ]
6945
+ },
6946
+ "required": true,
6947
+ "description": "",
6948
+ "declarations": [
6949
+ {
6950
+ "name": "emphasis",
6951
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/hooks/useInformationHighlightModel.ts"
6952
+ }
6953
+ ],
6954
+ "tags": {}
6955
+ }
6956
+ ]
6957
+ }
6958
+ },
6959
+ {
6960
+ "name": "InformationHighlightModelEvents",
6961
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/hooks/useInformationHighlightModel.ts",
6962
+ "description": "",
6963
+ "tags": {},
6964
+ "declarations": [],
6965
+ "type": {
6966
+ "kind": "object",
6967
+ "properties": []
6968
+ }
6969
+ },
6970
+ {
6971
+ "name": "informationHighlightStencil",
6972
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/InformationHighlight.tsx",
6973
+ "description": "",
6974
+ "declarations": [
6975
+ {
6976
+ "name": "informationHighlightStencil",
6977
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/InformationHighlight.tsx"
6978
+ }
6979
+ ],
6980
+ "tags": {},
6981
+ "type": {
6982
+ "kind": "function",
6983
+ "parameters": [
6984
+ {
6985
+ "kind": "parameter",
6986
+ "name": "options",
6987
+ "type": {
6988
+ "kind": "conditional",
6989
+ "check": {
6990
+ "kind": "tuple",
6991
+ "value": [
6992
+ {
6993
+ "kind": "symbol",
6994
+ "name": "E",
6995
+ "value": "E"
6996
+ }
6997
+ ]
6998
+ },
6999
+ "extends": {
7000
+ "kind": "tuple",
7001
+ "value": [
7002
+ {
7003
+ "kind": "primitive",
7004
+ "value": "never"
7005
+ }
7006
+ ]
7007
+ },
7008
+ "trueType": {
7009
+ "kind": "intersection",
7010
+ "value": [
7011
+ {
7012
+ "kind": "symbol",
7013
+ "name": "ModifierValuesStencil",
7014
+ "typeParameters": [
7015
+ {
7016
+ "kind": "symbol",
7017
+ "name": "M",
7018
+ "value": "M"
7019
+ },
7020
+ {
7021
+ "kind": "symbol",
7022
+ "name": "V",
7023
+ "value": "V"
7024
+ }
7025
+ ],
7026
+ "value": "ModifierValuesStencil<M, V>"
7027
+ },
7028
+ {
7029
+ "kind": "symbol",
7030
+ "name": "VariableValuesStencil",
7031
+ "typeParameters": [
7032
+ {
7033
+ "kind": "symbol",
7034
+ "name": "V",
7035
+ "value": "V"
7036
+ }
7037
+ ],
7038
+ "value": "VariableValuesStencil<V>"
7039
+ }
7040
+ ]
7041
+ },
7042
+ "falseType": {
7043
+ "kind": "conditional",
7044
+ "check": {
7045
+ "kind": "symbol",
7046
+ "name": "E",
7047
+ "value": "E"
7048
+ },
7049
+ "extends": {
7050
+ "kind": "symbol",
7051
+ "name": "BaseStencil",
7052
+ "typeParameters": [
7053
+ {
7054
+ "kind": "infer",
7055
+ "value": {
7056
+ "kind": "typeParameter",
7057
+ "name": "ME",
7058
+ "required": true
7059
+ }
7060
+ },
7061
+ {
7062
+ "kind": "infer",
7063
+ "value": {
7064
+ "kind": "typeParameter",
7065
+ "name": "VE",
7066
+ "required": true
7067
+ }
7068
+ },
7069
+ {
7070
+ "kind": "primitive",
7071
+ "value": "any"
7072
+ },
7073
+ {
7074
+ "kind": "primitive",
7075
+ "value": "any"
7076
+ }
7077
+ ],
7078
+ "value": "BaseStencil<M, V, E, ID>"
7079
+ },
7080
+ "trueType": {
7081
+ "kind": "intersection",
7082
+ "value": [
7083
+ {
7084
+ "kind": "symbol",
7085
+ "name": "ModifierValuesStencil",
7086
+ "typeParameters": [
7087
+ {
7088
+ "kind": "intersection",
7089
+ "value": [
7090
+ {
7091
+ "kind": "symbol",
7092
+ "name": "ME",
7093
+ "value": "ME"
7094
+ },
7095
+ {
7096
+ "kind": "symbol",
7097
+ "name": "M",
7098
+ "value": "M"
7099
+ }
7100
+ ]
7101
+ }
7102
+ ],
7103
+ "value": "ModifierValuesStencil<M, V>"
7104
+ },
7105
+ {
7106
+ "kind": "symbol",
7107
+ "name": "VariableValuesStencil",
7108
+ "typeParameters": [
7109
+ {
7110
+ "kind": "intersection",
7111
+ "value": [
7112
+ {
7113
+ "kind": "symbol",
7114
+ "name": "VE",
7115
+ "value": "VE"
7116
+ },
7117
+ {
7118
+ "kind": "symbol",
7119
+ "name": "V",
7120
+ "value": "V"
7121
+ }
7122
+ ]
7123
+ }
7124
+ ],
7125
+ "value": "VariableValuesStencil<V>"
7126
+ }
7127
+ ]
7128
+ },
7129
+ "falseType": {
7130
+ "kind": "primitive",
7131
+ "value": "never"
7132
+ }
7133
+ }
7134
+ },
7135
+ "required": false,
7136
+ "rest": false,
7137
+ "description": "",
7138
+ "declarations": [
7139
+ {
7140
+ "name": "options",
7141
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7142
+ }
7143
+ ],
7144
+ "tags": {}
7145
+ }
7146
+ ],
7147
+ "members": [
7148
+ {
7149
+ "kind": "property",
7150
+ "name": "vars",
7151
+ "required": true,
7152
+ "type": {
7153
+ "kind": "symbol",
7154
+ "name": "StencilDefaultVars",
7155
+ "typeParameters": [
7156
+ {
7157
+ "kind": "symbol",
7158
+ "name": "V",
7159
+ "value": "V"
7160
+ },
7161
+ {
7162
+ "kind": "symbol",
7163
+ "name": "E",
7164
+ "value": "E"
7165
+ },
7166
+ {
7167
+ "kind": "symbol",
7168
+ "name": "ID",
7169
+ "value": "ID"
7170
+ }
7171
+ ],
7172
+ "value": "StencilDefaultVars<V, E, ID>"
7173
+ },
7174
+ "description": "",
7175
+ "declarations": [
7176
+ {
7177
+ "name": "vars",
7178
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7179
+ }
7180
+ ],
7181
+ "tags": {}
7182
+ },
7183
+ {
7184
+ "kind": "property",
7185
+ "name": "base",
7186
+ "required": true,
7187
+ "type": {
7188
+ "kind": "primitive",
7189
+ "value": "string"
7190
+ },
7191
+ "description": "",
7192
+ "declarations": [
7193
+ {
7194
+ "name": "base",
7195
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7196
+ }
7197
+ ],
7198
+ "tags": {}
7199
+ },
7200
+ {
7201
+ "kind": "property",
7202
+ "name": "modifiers",
7203
+ "required": true,
7204
+ "type": {
7205
+ "kind": "conditional",
7206
+ "check": {
7207
+ "kind": "tuple",
7208
+ "value": [
7209
+ {
7210
+ "kind": "symbol",
7211
+ "name": "E",
7212
+ "value": "E"
7213
+ }
7214
+ ]
7215
+ },
7216
+ "extends": {
7217
+ "kind": "tuple",
7218
+ "value": [
7219
+ {
7220
+ "kind": "symbol",
7221
+ "name": "BaseStencil",
7222
+ "typeParameters": [
7223
+ {
7224
+ "kind": "infer",
7225
+ "value": {
7226
+ "kind": "typeParameter",
7227
+ "name": "ME",
7228
+ "required": true
7229
+ }
7230
+ },
7231
+ {
7232
+ "kind": "infer",
7233
+ "value": {
7234
+ "kind": "typeParameter",
7235
+ "name": "VE",
7236
+ "required": true
7237
+ }
7238
+ },
7239
+ {
7240
+ "kind": "primitive",
7241
+ "value": "any"
7242
+ },
7243
+ {
7244
+ "kind": "primitive",
7245
+ "value": "any"
7246
+ }
7247
+ ],
7248
+ "value": "BaseStencil<M, V, E, ID>"
7249
+ }
7250
+ ]
7251
+ },
7252
+ "trueType": {
7253
+ "kind": "symbol",
7254
+ "name": "StencilModifierReturn",
7255
+ "typeParameters": [
7256
+ {
7257
+ "kind": "intersection",
7258
+ "value": [
7259
+ {
7260
+ "kind": "symbol",
7261
+ "name": "ME",
7262
+ "value": "ME"
7263
+ },
7264
+ {
7265
+ "kind": "symbol",
7266
+ "name": "M",
7267
+ "value": "M"
7268
+ }
7269
+ ]
7270
+ },
7271
+ {
7272
+ "kind": "intersection",
7273
+ "value": [
7274
+ {
7275
+ "kind": "symbol",
7276
+ "name": "VE",
7277
+ "value": "VE"
7278
+ },
7279
+ {
7280
+ "kind": "symbol",
7281
+ "name": "V",
7282
+ "value": "V"
7283
+ }
7284
+ ]
7285
+ }
7286
+ ],
7287
+ "value": "StencilModifierReturn<M, V>"
7288
+ },
7289
+ "falseType": {
7290
+ "kind": "symbol",
7291
+ "name": "StencilModifierReturn",
7292
+ "typeParameters": [
7293
+ {
7294
+ "kind": "symbol",
7295
+ "name": "M",
7296
+ "value": "M"
7297
+ },
7298
+ {
7299
+ "kind": "symbol",
7300
+ "name": "V",
7301
+ "value": "V"
7302
+ }
7303
+ ],
7304
+ "value": "StencilModifierReturn<M, V>"
7305
+ }
7306
+ },
7307
+ "description": "",
7308
+ "declarations": [
7309
+ {
7310
+ "name": "modifiers",
7311
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7312
+ }
7313
+ ],
7314
+ "tags": {}
7315
+ },
7316
+ {
7317
+ "kind": "property",
7318
+ "name": "defaultModifiers",
7319
+ "required": true,
7320
+ "type": {
7321
+ "kind": "conditional",
7322
+ "check": {
7323
+ "kind": "tuple",
7324
+ "value": [
7325
+ {
7326
+ "kind": "symbol",
7327
+ "name": "E",
7328
+ "value": "E"
7329
+ }
7330
+ ]
7331
+ },
7332
+ "extends": {
7333
+ "kind": "tuple",
7334
+ "value": [
7335
+ {
7336
+ "kind": "symbol",
7337
+ "name": "BaseStencil",
7338
+ "typeParameters": [
7339
+ {
7340
+ "kind": "infer",
7341
+ "value": {
7342
+ "kind": "typeParameter",
7343
+ "name": "ME",
7344
+ "required": true
7345
+ }
7346
+ },
7347
+ {
7348
+ "kind": "primitive",
7349
+ "value": "any"
7350
+ },
7351
+ {
7352
+ "kind": "primitive",
7353
+ "value": "any"
7354
+ },
7355
+ {
7356
+ "kind": "primitive",
7357
+ "value": "any"
7358
+ }
7359
+ ],
7360
+ "value": "BaseStencil<M, V, E, ID>"
7361
+ }
7362
+ ]
7363
+ },
7364
+ "trueType": {
7365
+ "kind": "symbol",
7366
+ "name": "StencilDefaultModifierReturn",
7367
+ "typeParameters": [
7368
+ {
7369
+ "kind": "intersection",
7370
+ "value": [
7371
+ {
7372
+ "kind": "symbol",
7373
+ "name": "ME",
7374
+ "value": "ME"
7375
+ },
7376
+ {
7377
+ "kind": "symbol",
7378
+ "name": "M",
7379
+ "value": "M"
7380
+ }
7381
+ ]
7382
+ }
7383
+ ],
7384
+ "value": "StencilDefaultModifierReturn<M>"
7385
+ },
7386
+ "falseType": {
7387
+ "kind": "symbol",
7388
+ "name": "StencilDefaultModifierReturn",
7389
+ "typeParameters": [
7390
+ {
7391
+ "kind": "symbol",
7392
+ "name": "M",
7393
+ "value": "M"
7394
+ }
7395
+ ],
7396
+ "value": "StencilDefaultModifierReturn<M>"
7397
+ }
7398
+ },
7399
+ "description": "",
7400
+ "declarations": [
7401
+ {
7402
+ "name": "defaultModifiers",
7403
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7404
+ }
7405
+ ],
7406
+ "tags": {}
7407
+ },
7408
+ {
7409
+ "kind": "property",
7410
+ "name": "__extends",
7411
+ "required": false,
7412
+ "type": {
7413
+ "kind": "symbol",
7414
+ "name": "E",
7415
+ "value": "E"
7416
+ },
7417
+ "description": "",
7418
+ "declarations": [
7419
+ {
7420
+ "name": "__extends",
7421
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7422
+ }
7423
+ ],
7424
+ "tags": {}
7425
+ },
7426
+ {
7427
+ "kind": "property",
7428
+ "name": "__vars",
7429
+ "required": true,
7430
+ "type": {
7431
+ "kind": "symbol",
7432
+ "name": "V",
7433
+ "value": "V"
7434
+ },
7435
+ "description": "",
7436
+ "declarations": [
7437
+ {
7438
+ "name": "__vars",
7439
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7440
+ }
7441
+ ],
7442
+ "tags": {}
7443
+ },
7444
+ {
7445
+ "kind": "property",
7446
+ "name": "__modifiers",
7447
+ "required": true,
7448
+ "type": {
7449
+ "kind": "symbol",
7450
+ "name": "M",
7451
+ "value": "M"
7452
+ },
7453
+ "description": "",
7454
+ "declarations": [
7455
+ {
7456
+ "name": "__modifiers",
7457
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7458
+ }
7459
+ ],
7460
+ "tags": {}
7461
+ },
7462
+ {
7463
+ "kind": "property",
7464
+ "name": "__id",
7465
+ "required": true,
7466
+ "type": {
7467
+ "kind": "symbol",
7468
+ "name": "ID",
7469
+ "value": "ID"
7470
+ },
7471
+ "description": "",
7472
+ "declarations": [
7473
+ {
7474
+ "name": "__id",
7475
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7476
+ }
7477
+ ],
7478
+ "tags": {}
7479
+ }
7480
+ ],
7481
+ "returnType": {
7482
+ "kind": "object",
7483
+ "properties": [
7484
+ {
7485
+ "kind": "property",
7486
+ "name": "className",
7487
+ "required": true,
7488
+ "type": {
7489
+ "kind": "primitive",
7490
+ "value": "string"
7491
+ },
7492
+ "description": "",
7493
+ "declarations": [
7494
+ {
7495
+ "name": "className",
7496
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7497
+ }
7498
+ ],
7499
+ "tags": {}
7500
+ },
7501
+ {
7502
+ "kind": "property",
7503
+ "name": "style",
7504
+ "required": false,
7505
+ "type": {
7506
+ "kind": "external",
7507
+ "name": "Record",
7508
+ "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
7509
+ "typeParameters": [
7510
+ {
7511
+ "kind": "primitive",
7512
+ "value": "string"
7513
+ },
7514
+ {
7515
+ "kind": "primitive",
7516
+ "value": "string"
7517
+ }
7518
+ ]
7519
+ },
7520
+ "description": "",
7521
+ "declarations": [
7522
+ {
7523
+ "name": "style",
7524
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7525
+ }
7526
+ ],
7527
+ "tags": {}
7528
+ }
7529
+ ]
7530
+ }
7531
+ }
7532
+ },
7533
+ {
7534
+ "name": "InformationHighlight",
7535
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/InformationHighlight.tsx",
7536
+ "description": "",
7537
+ "declarations": [
7538
+ {
7539
+ "name": "InformationHighlight",
7540
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/InformationHighlight.tsx"
7541
+ }
7542
+ ],
7543
+ "tags": {},
7544
+ "type": {
7545
+ "kind": "enhancedComponent",
7546
+ "componentType": "container",
7547
+ "displayName": "InformationHighlight",
7548
+ "props": [
7549
+ {
7550
+ "kind": "property",
7551
+ "name": "model",
7552
+ "description": "Optional model to pass to the component. This will override the default model created for the component. This can be useful if you want to access to the state and events of the model, or if you have nested components of the same type and you need to override the model provided by React Context.",
7553
+ "tags": {},
7554
+ "declarations": [],
7555
+ "type": {
7556
+ "kind": "symbol",
7557
+ "name": "InformationHighlightModel"
7558
+ }
7559
+ },
7560
+ {
7561
+ "kind": "property",
7562
+ "name": "elemPropsHook",
7563
+ "description": "Optional hook that receives the model and all props to be applied to the element. If you use this, it is your responsibility to return props, merging as appropriate. For example, returning an empty object will disable all elemProps hooks associated with this component. This allows finer control over a component without creating a new one.",
7564
+ "tags": {},
7565
+ "declarations": [],
7566
+ "type": {
7567
+ "kind": "function",
7568
+ "parameters": [
7569
+ {
7570
+ "kind": "parameter",
7571
+ "description": "",
7572
+ "tags": {},
7573
+ "declarations": [],
7574
+ "name": "model",
7575
+ "type": {
7576
+ "kind": "symbol",
7577
+ "name": "InformationHighlightModel"
7578
+ },
7579
+ "required": true
7580
+ },
7581
+ {
7582
+ "kind": "parameter",
7583
+ "description": "",
7584
+ "tags": {},
7585
+ "declarations": [],
7586
+ "name": "elemProps",
7587
+ "type": {
7588
+ "kind": "generic",
7589
+ "name": "TProps"
7590
+ }
7591
+ }
7592
+ ],
7593
+ "returnType": {
7594
+ "kind": "external",
7595
+ "name": "HTML Attributes",
7596
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes"
7597
+ }
7598
+ }
7599
+ }
7600
+ ],
7601
+ "baseElement": {
7602
+ "kind": "external",
7603
+ "name": "section",
7604
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section"
7605
+ },
7606
+ "model": "InformationHighlightModel",
7607
+ "subComponents": [
7608
+ {
7609
+ "name": "Icon",
7610
+ "symbol": "Icon",
7611
+ "description": "",
7612
+ "declarations": [
7613
+ {
7614
+ "name": "Icon",
7615
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/InformationHighlight.tsx"
7616
+ },
7617
+ {
7618
+ "name": "Icon",
7619
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/parts/Icon.tsx"
7620
+ }
7621
+ ],
7622
+ "tags": {}
7623
+ },
7624
+ {
7625
+ "name": "Heading",
7626
+ "symbol": "InformationHighlightHeading",
7627
+ "description": "",
7628
+ "declarations": [
7629
+ {
7630
+ "name": "Heading",
7631
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/InformationHighlight.tsx"
7632
+ },
7633
+ {
7634
+ "name": "InformationHighlightHeading",
7635
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/parts/Heading.tsx"
7636
+ }
7637
+ ],
7638
+ "tags": {}
7639
+ },
7640
+ {
7641
+ "name": "Body",
7642
+ "symbol": "Body",
7643
+ "description": "",
7644
+ "declarations": [
7645
+ {
7646
+ "name": "Body",
7647
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/InformationHighlight.tsx"
7648
+ },
7649
+ {
7650
+ "name": "Body",
7651
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/parts/Body.tsx"
7652
+ }
7653
+ ],
7654
+ "tags": {}
7655
+ },
7656
+ {
7657
+ "name": "Link",
7658
+ "symbol": "Link",
7659
+ "description": "",
7660
+ "declarations": [
7661
+ {
7662
+ "name": "Link",
7663
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/InformationHighlight.tsx"
7664
+ },
7665
+ {
7666
+ "name": "Link",
7667
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/parts/Link.tsx"
7668
+ }
7669
+ ],
7670
+ "tags": {}
7671
+ }
7672
+ ]
7673
+ }
7674
+ },
7675
+ {
7676
+ "name": "Body",
7677
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/parts/Body.tsx",
7678
+ "description": "",
7679
+ "declarations": [
7680
+ {
7681
+ "name": "Body",
7682
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/parts/Body.tsx"
7683
+ }
7684
+ ],
7685
+ "tags": {},
7686
+ "type": {
7687
+ "kind": "enhancedComponent",
7688
+ "componentType": "regular",
7689
+ "displayName": "Body",
7690
+ "props": [
7691
+ {
7692
+ "kind": "property",
7693
+ "name": "typeLevel",
7694
+ "required": false,
7695
+ "type": {
7696
+ "kind": "union",
7697
+ "value": [
7698
+ {
7699
+ "kind": "string",
7700
+ "value": "body.medium"
7701
+ },
7702
+ {
7703
+ "kind": "string",
7704
+ "value": "body.large"
7705
+ },
7706
+ {
7707
+ "kind": "string",
7708
+ "value": "body.small"
7709
+ },
7710
+ {
7711
+ "kind": "string",
7712
+ "value": "title.medium"
7713
+ },
7714
+ {
7715
+ "kind": "string",
7716
+ "value": "title.large"
7717
+ },
7718
+ {
7719
+ "kind": "string",
7720
+ "value": "title.small"
7721
+ },
7722
+ {
7723
+ "kind": "string",
7724
+ "value": "subtext.medium"
7725
+ },
7726
+ {
7727
+ "kind": "string",
7728
+ "value": "subtext.large"
7729
+ },
7730
+ {
7731
+ "kind": "string",
7732
+ "value": "subtext.small"
7733
+ },
7734
+ {
7735
+ "kind": "string",
7736
+ "value": "heading.medium"
7737
+ },
7738
+ {
7739
+ "kind": "string",
7740
+ "value": "heading.large"
7741
+ },
7742
+ {
7743
+ "kind": "string",
7744
+ "value": "heading.small"
7745
+ }
7746
+ ]
7747
+ },
7748
+ "description": "Type token as string with level and size separated by dot.\nThese values map to our [Canvas type levels](https://canvas.workday.com/tokens/type#type-styles).\n\n```tsx\n<Text typeLevel=\"body.small\">Small body text</Text>\n```",
7749
+ "declarations": [
7750
+ {
7751
+ "name": "typeLevel",
7752
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx"
7753
+ }
7754
+ ],
7755
+ "tags": {}
7756
+ },
7757
+ {
7758
+ "kind": "property",
7759
+ "name": "variant",
7760
+ "required": false,
7761
+ "type": {
7762
+ "kind": "union",
7763
+ "value": [
7764
+ {
7765
+ "kind": "string",
7766
+ "value": "error"
7767
+ },
7768
+ {
7769
+ "kind": "string",
7770
+ "value": "hint"
7771
+ },
7772
+ {
7773
+ "kind": "string",
7774
+ "value": "inverse"
7775
+ }
7776
+ ]
7777
+ },
7778
+ "description": "Type variant token names: `error`, `hint` or `inverse`.\n\n```tsx\n<Text variant=\"error\" typeLevel=\"subtext.large\">Error text</Text>\n```",
7779
+ "declarations": [
7780
+ {
7781
+ "name": "variant",
7782
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx"
7783
+ }
7784
+ ],
7785
+ "tags": {}
7786
+ },
7787
+ {
7788
+ "kind": "property",
7789
+ "name": "cs",
7790
+ "required": false,
7791
+ "type": {
7792
+ "kind": "symbol",
7793
+ "name": "CSToPropsInput",
7794
+ "value": "CSToPropsInput"
7795
+ },
7796
+ "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles } instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n {...handleCsProp(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
7797
+ "declarations": [
7798
+ {
7799
+ "name": "cs",
7800
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7801
+ }
7802
+ ],
7803
+ "tags": {}
7804
+ },
7805
+ {
7806
+ "kind": "property",
7807
+ "name": "children",
7808
+ "required": false,
7809
+ "type": {
7810
+ "kind": "external",
7811
+ "name": "ReactNode",
7812
+ "url": "https://reactjs.org/docs/rendering-elements.html"
7813
+ },
7814
+ "description": "",
7815
+ "declarations": [
7816
+ {
7817
+ "name": "children",
7818
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/Box.tsx"
7819
+ }
7820
+ ],
7821
+ "tags": {}
7822
+ },
7823
+ {
7824
+ "kind": "property",
7825
+ "name": "as",
7826
+ "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
7827
+ "tags": {},
7828
+ "declarations": [],
7829
+ "type": {
7830
+ "kind": "external",
7831
+ "name": "React.ElementType",
7832
+ "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
7833
+ },
7834
+ "defaultValue": {
7835
+ "kind": "external",
7836
+ "name": "p",
7837
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p"
7838
+ }
7839
+ },
7840
+ {
7841
+ "kind": "property",
7842
+ "name": "ref",
7843
+ "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
7844
+ "tags": {},
7845
+ "declarations": [],
7846
+ "type": {
7847
+ "kind": "external",
7848
+ "name": "React.Ref",
7849
+ "url": "https://reactjs.org/docs/refs-and-the-dom.html",
7850
+ "typeParameters": [
7851
+ {
7852
+ "kind": "typeParameter",
7853
+ "name": "R",
7854
+ "required": true,
7855
+ "defaultValue": {
7856
+ "kind": "external",
7857
+ "name": "p",
7858
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p"
7859
+ }
7860
+ }
7861
+ ]
7862
+ }
7863
+ }
7864
+ ],
7865
+ "baseElement": {
7866
+ "kind": "external",
7867
+ "name": "p",
7868
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p"
7869
+ },
7870
+ "styleComponent": {
7871
+ "kind": "symbol",
7872
+ "name": "Box"
7873
+ }
7874
+ }
7875
+ },
7876
+ {
7877
+ "name": "InformationHighlightHeadingProps",
7878
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/parts/Heading.tsx",
7879
+ "description": "",
7880
+ "declarations": [
7881
+ {
7882
+ "name": "InformationHighlightHeadingProps",
7883
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/parts/Heading.tsx"
7884
+ }
7885
+ ],
7886
+ "tags": {},
7887
+ "type": {
7888
+ "kind": "alias",
7889
+ "name": "InformationHighlightHeading"
7890
+ }
7891
+ },
7892
+ {
7893
+ "name": "InformationHighlightHeading",
7894
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/parts/Heading.tsx",
7895
+ "description": "",
7896
+ "declarations": [
7897
+ {
7898
+ "name": "InformationHighlightHeading",
7899
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/parts/Heading.tsx"
7900
+ }
7901
+ ],
7902
+ "tags": {},
7903
+ "type": {
7904
+ "kind": "enhancedComponent",
7905
+ "componentType": "regular",
7906
+ "displayName": "Heading",
7907
+ "props": [
7908
+ {
7909
+ "kind": "property",
7910
+ "name": "size",
7911
+ "required": true,
7912
+ "type": {
7913
+ "kind": "symbol",
7914
+ "name": "Size",
7915
+ "value": "Size"
7916
+ },
7917
+ "description": "Each type level has three sizes: `large`, `medium`, and `small`.",
7918
+ "declarations": [
7919
+ {
7920
+ "name": "size",
7921
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/TypeLevelComponents.tsx"
7922
+ }
7923
+ ],
7924
+ "tags": {},
7925
+ "defaultValue": {
7926
+ "kind": "string",
7927
+ "value": "small"
7928
+ }
7929
+ },
7930
+ {
7931
+ "kind": "property",
7932
+ "name": "variant",
7933
+ "required": false,
7934
+ "type": {
7935
+ "kind": "union",
7936
+ "value": [
7937
+ {
7938
+ "kind": "string",
7939
+ "value": "error"
7940
+ },
7941
+ {
7942
+ "kind": "string",
7943
+ "value": "hint"
7944
+ },
7945
+ {
7946
+ "kind": "string",
7947
+ "value": "inverse"
7948
+ }
7949
+ ]
7950
+ },
7951
+ "description": "Type variant token names: `error`, `hint` or `inverse`.\n\n```tsx\n<Text variant=\"error\" typeLevel=\"subtext.large\">Error text</Text>\n```",
7952
+ "declarations": [
7953
+ {
7954
+ "name": "variant",
7955
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx"
7956
+ }
7957
+ ],
7958
+ "tags": {}
7959
+ },
7960
+ {
7961
+ "kind": "property",
7962
+ "name": "cs",
7963
+ "required": false,
7964
+ "type": {
7965
+ "kind": "symbol",
7966
+ "name": "CSToPropsInput",
7967
+ "value": "CSToPropsInput"
7968
+ },
7969
+ "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles } instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n {...handleCsProp(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
7970
+ "declarations": [
7971
+ {
7972
+ "name": "cs",
7973
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7974
+ }
7975
+ ],
7976
+ "tags": {}
7977
+ },
7978
+ {
7979
+ "kind": "property",
7980
+ "name": "children",
7981
+ "required": false,
7982
+ "type": {
7983
+ "kind": "external",
7984
+ "name": "ReactNode",
7985
+ "url": "https://reactjs.org/docs/rendering-elements.html"
7986
+ },
7987
+ "description": "",
7988
+ "declarations": [
7989
+ {
7990
+ "name": "children",
7991
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/layout/lib/Box.tsx"
7992
+ }
7993
+ ],
7994
+ "tags": {}
7995
+ },
7996
+ {
7997
+ "kind": "property",
7998
+ "name": "as",
7999
+ "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
8000
+ "tags": {},
8001
+ "declarations": [],
8002
+ "type": {
8003
+ "kind": "external",
8004
+ "name": "React.ElementType",
8005
+ "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
8006
+ },
8007
+ "defaultValue": {
8008
+ "kind": "external",
8009
+ "name": "h3",
8010
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/h3"
8011
+ }
8012
+ },
8013
+ {
8014
+ "kind": "property",
8015
+ "name": "ref",
8016
+ "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
8017
+ "tags": {},
8018
+ "declarations": [],
8019
+ "type": {
8020
+ "kind": "external",
8021
+ "name": "React.Ref",
8022
+ "url": "https://reactjs.org/docs/refs-and-the-dom.html",
8023
+ "typeParameters": [
8024
+ {
8025
+ "kind": "typeParameter",
8026
+ "name": "R",
8027
+ "required": true,
8028
+ "defaultValue": {
8029
+ "kind": "external",
8030
+ "name": "h3",
8031
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/h3"
8032
+ }
8033
+ }
8034
+ ]
6456
8035
  }
8036
+ }
8037
+ ],
8038
+ "baseElement": {
8039
+ "kind": "external",
8040
+ "name": "h3",
8041
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/h3"
8042
+ },
8043
+ "styleComponent": {
8044
+ "kind": "symbol",
8045
+ "name": "Box"
8046
+ }
8047
+ }
8048
+ },
8049
+ {
8050
+ "name": "IconProps",
8051
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/parts/Icon.tsx",
8052
+ "description": "",
8053
+ "declarations": [
8054
+ {
8055
+ "name": "IconProps",
8056
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/parts/Icon.tsx"
8057
+ }
8058
+ ],
8059
+ "tags": {},
8060
+ "type": {
8061
+ "kind": "alias",
8062
+ "name": "Icon"
8063
+ }
8064
+ },
8065
+ {
8066
+ "name": "Icon",
8067
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/parts/Icon.tsx",
8068
+ "description": "",
8069
+ "declarations": [
8070
+ {
8071
+ "name": "Icon",
8072
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/parts/Icon.tsx"
8073
+ }
8074
+ ],
8075
+ "tags": {},
8076
+ "type": {
8077
+ "kind": "enhancedComponent",
8078
+ "componentType": "subcomponent",
8079
+ "displayName": "Icon",
8080
+ "props": [
8081
+ {
8082
+ "kind": "property",
8083
+ "name": "model",
8084
+ "description": "Optional model to pass to the component. This will override the default model created for the component. This can be useful if you want to access to the state and events of the model, or if you have nested components of the same type and you need to override the model provided by React Context.",
8085
+ "tags": {},
8086
+ "declarations": [],
8087
+ "type": {
8088
+ "kind": "symbol",
8089
+ "name": "InformationHighlightModel"
8090
+ }
8091
+ },
8092
+ {
8093
+ "kind": "property",
8094
+ "name": "elemPropsHook",
8095
+ "description": "Optional hook that receives the model and all props to be applied to the element. If you use this, it is your responsibility to return props, merging as appropriate. For example, returning an empty object will disable all elemProps hooks associated with this component. This allows finer control over a component without creating a new one.",
8096
+ "tags": {},
8097
+ "declarations": [],
8098
+ "type": {
8099
+ "kind": "function",
8100
+ "parameters": [
8101
+ {
8102
+ "kind": "parameter",
8103
+ "description": "",
8104
+ "tags": {},
8105
+ "declarations": [],
8106
+ "name": "model",
8107
+ "type": {
8108
+ "kind": "symbol",
8109
+ "name": "InformationHighlightModel"
8110
+ },
8111
+ "required": true
8112
+ },
8113
+ {
8114
+ "kind": "parameter",
8115
+ "description": "",
8116
+ "tags": {},
8117
+ "declarations": [],
8118
+ "name": "elemProps",
8119
+ "type": {
8120
+ "kind": "generic",
8121
+ "name": "TProps"
8122
+ }
8123
+ }
8124
+ ],
8125
+ "returnType": {
8126
+ "kind": "external",
8127
+ "name": "HTML Attributes",
8128
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes"
8129
+ }
8130
+ }
8131
+ }
8132
+ ],
8133
+ "baseElement": {
8134
+ "kind": "external",
8135
+ "name": "span",
8136
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span"
8137
+ },
8138
+ "model": "InformationHighlightModel"
8139
+ }
8140
+ },
8141
+ {
8142
+ "name": "Link",
8143
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/parts/Link.tsx",
8144
+ "description": "",
8145
+ "declarations": [
8146
+ {
8147
+ "name": "Link",
8148
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/InformationHighlight/lib/parts/Link.tsx"
8149
+ }
8150
+ ],
8151
+ "tags": {},
8152
+ "type": {
8153
+ "kind": "enhancedComponent",
8154
+ "componentType": "regular",
8155
+ "displayName": "Link",
8156
+ "props": [
8157
+ {
8158
+ "kind": "property",
8159
+ "name": "variant",
8160
+ "required": false,
8161
+ "type": {
8162
+ "kind": "string",
8163
+ "value": "inverse"
8164
+ },
8165
+ "description": "sets modifier styles for Hyperlink\n- `inverse`: sets the color to frenchVanilla100 and updates hover, focus, and active pseudo-classes",
8166
+ "declarations": [
8167
+ {
8168
+ "name": "variant",
8169
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Hyperlink.tsx"
8170
+ }
8171
+ ],
8172
+ "tags": {}
8173
+ },
8174
+ {
8175
+ "kind": "property",
8176
+ "name": "href",
8177
+ "required": false,
8178
+ "type": {
8179
+ "kind": "primitive",
8180
+ "value": "string"
8181
+ },
8182
+ "description": "attribute for the hyperlink URL",
8183
+ "declarations": [
8184
+ {
8185
+ "name": "href",
8186
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Hyperlink.tsx"
8187
+ }
8188
+ ],
8189
+ "tags": {}
8190
+ },
8191
+ {
8192
+ "kind": "property",
8193
+ "name": "children",
8194
+ "required": false,
8195
+ "type": {
8196
+ "kind": "external",
8197
+ "name": "ReactNode",
8198
+ "url": "https://reactjs.org/docs/rendering-elements.html"
8199
+ },
8200
+ "description": "",
8201
+ "declarations": [
8202
+ {
8203
+ "name": "children",
8204
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/button/lib/Hyperlink.tsx"
8205
+ }
8206
+ ],
8207
+ "tags": {}
8208
+ },
8209
+ {
8210
+ "kind": "property",
8211
+ "name": "cs",
8212
+ "required": false,
8213
+ "type": {
8214
+ "kind": "symbol",
8215
+ "name": "CSToPropsInput",
8216
+ "value": "CSToPropsInput"
8217
+ },
8218
+ "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles } instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n {...handleCsProp(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
8219
+ "declarations": [
8220
+ {
8221
+ "name": "cs",
8222
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
8223
+ }
8224
+ ],
8225
+ "tags": {}
6457
8226
  },
6458
8227
  {
6459
8228
  "kind": "property",
@@ -6468,8 +8237,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
6468
8237
  },
6469
8238
  "defaultValue": {
6470
8239
  "kind": "external",
6471
- "name": "hr",
6472
- "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr"
8240
+ "name": "a",
8241
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a"
6473
8242
  }
6474
8243
  },
6475
8244
  {
@@ -6489,8 +8258,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
6489
8258
  "required": true,
6490
8259
  "defaultValue": {
6491
8260
  "kind": "external",
6492
- "name": "hr",
6493
- "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr"
8261
+ "name": "a",
8262
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a"
6494
8263
  }
6495
8264
  }
6496
8265
  ]
@@ -6499,8 +8268,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
6499
8268
  ],
6500
8269
  "baseElement": {
6501
8270
  "kind": "external",
6502
- "name": "hr",
6503
- "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr"
8271
+ "name": "a",
8272
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a"
6504
8273
  }
6505
8274
  }
6506
8275
  },
@@ -7881,133 +9650,179 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
7881
9650
  ],
7882
9651
  "baseElement": {
7883
9652
  "kind": "external",
7884
- "name": "span",
7885
- "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span"
9653
+ "name": "span",
9654
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span"
9655
+ },
9656
+ "model": "MultiSelectModel"
9657
+ }
9658
+ },
9659
+ {
9660
+ "name": "MultiSelectedListProps",
9661
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/multi-select/lib/MultiSelectedList.tsx",
9662
+ "description": "",
9663
+ "declarations": [
9664
+ {
9665
+ "name": "MultiSelectedListProps",
9666
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/multi-select/lib/MultiSelectedList.tsx"
9667
+ }
9668
+ ],
9669
+ "tags": {},
9670
+ "type": {
9671
+ "kind": "alias",
9672
+ "name": "MultiSelectedList"
9673
+ }
9674
+ },
9675
+ {
9676
+ "name": "MultiSelectedList",
9677
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/multi-select/lib/MultiSelectedList.tsx",
9678
+ "description": "",
9679
+ "declarations": [
9680
+ {
9681
+ "name": "MultiSelectedList",
9682
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/multi-select/lib/MultiSelectedList.tsx"
9683
+ }
9684
+ ],
9685
+ "tags": {},
9686
+ "type": {
9687
+ "kind": "enhancedComponent",
9688
+ "componentType": "subcomponent",
9689
+ "props": [
9690
+ {
9691
+ "kind": "property",
9692
+ "name": "removeLabel",
9693
+ "required": false,
9694
+ "type": {
9695
+ "kind": "primitive",
9696
+ "value": "string"
9697
+ },
9698
+ "description": "Remove label on a MultiSelectedItem. In English, the label may be \"Remove\" and the screen\nreader will read out \"Remove {option}\".",
9699
+ "declarations": [
9700
+ {
9701
+ "name": "removeLabel",
9702
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/multi-select/lib/MultiSelectedItem.tsx"
9703
+ }
9704
+ ],
9705
+ "tags": {
9706
+ "default": "\"remove\""
9707
+ },
9708
+ "defaultValue": {
9709
+ "kind": "string",
9710
+ "value": "remove"
9711
+ }
9712
+ },
9713
+ {
9714
+ "kind": "property",
9715
+ "name": "children",
9716
+ "description": "",
9717
+ "tags": {},
9718
+ "declarations": [],
9719
+ "type": {
9720
+ "kind": "external",
9721
+ "name": "React.ReactNode",
9722
+ "url": "https://reactjs.org/docs/rendering-elements.html"
9723
+ }
9724
+ },
9725
+ {
9726
+ "kind": "property",
9727
+ "name": "as",
9728
+ "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
9729
+ "tags": {},
9730
+ "declarations": [],
9731
+ "type": {
9732
+ "kind": "external",
9733
+ "name": "React.ElementType",
9734
+ "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
9735
+ },
9736
+ "defaultValue": {
9737
+ "kind": "external",
9738
+ "name": "div",
9739
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
9740
+ }
9741
+ },
9742
+ {
9743
+ "kind": "property",
9744
+ "name": "ref",
9745
+ "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
9746
+ "tags": {},
9747
+ "declarations": [],
9748
+ "type": {
9749
+ "kind": "external",
9750
+ "name": "React.Ref",
9751
+ "url": "https://reactjs.org/docs/refs-and-the-dom.html",
9752
+ "typeParameters": [
9753
+ {
9754
+ "kind": "typeParameter",
9755
+ "name": "R",
9756
+ "required": true,
9757
+ "defaultValue": {
9758
+ "kind": "external",
9759
+ "name": "div",
9760
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
9761
+ }
9762
+ }
9763
+ ]
9764
+ }
9765
+ },
9766
+ {
9767
+ "kind": "property",
9768
+ "name": "model",
9769
+ "description": "Optional model to pass to the component. This will override the default model created for the component. This can be useful if you want to access to the state and events of the model, or if you have nested components of the same type and you need to override the model provided by React Context.",
9770
+ "tags": {},
9771
+ "declarations": [],
9772
+ "type": {
9773
+ "kind": "symbol",
9774
+ "name": "MultiSelectModel"
9775
+ }
9776
+ },
9777
+ {
9778
+ "kind": "property",
9779
+ "name": "elemPropsHook",
9780
+ "description": "Optional hook that receives the model and all props to be applied to the element. If you use this, it is your responsibility to return props, merging as appropriate. For example, returning an empty object will disable all elemProps hooks associated with this component. This allows finer control over a component without creating a new one.",
9781
+ "tags": {},
9782
+ "declarations": [],
9783
+ "type": {
9784
+ "kind": "function",
9785
+ "parameters": [
9786
+ {
9787
+ "kind": "parameter",
9788
+ "description": "",
9789
+ "tags": {},
9790
+ "declarations": [],
9791
+ "name": "model",
9792
+ "type": {
9793
+ "kind": "symbol",
9794
+ "name": "MultiSelectModel"
9795
+ },
9796
+ "required": true
9797
+ },
9798
+ {
9799
+ "kind": "parameter",
9800
+ "description": "",
9801
+ "tags": {},
9802
+ "declarations": [],
9803
+ "name": "elemProps",
9804
+ "type": {
9805
+ "kind": "generic",
9806
+ "name": "TProps"
9807
+ }
9808
+ }
9809
+ ],
9810
+ "returnType": {
9811
+ "kind": "external",
9812
+ "name": "HTML Attributes",
9813
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes"
9814
+ }
9815
+ }
9816
+ }
9817
+ ],
9818
+ "baseElement": {
9819
+ "kind": "external",
9820
+ "name": "div",
9821
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div"
7886
9822
  },
7887
9823
  "model": "MultiSelectModel"
7888
9824
  }
7889
9825
  },
7890
- {
7891
- "name": "MultiSelectedListProps",
7892
- "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/multi-select/lib/MultiSelectedList.tsx",
7893
- "description": "",
7894
- "declarations": [
7895
- {
7896
- "name": "MultiSelectedListProps",
7897
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/multi-select/lib/MultiSelectedList.tsx"
7898
- }
7899
- ],
7900
- "tags": {},
7901
- "type": {
7902
- "kind": "alias",
7903
- "name": "MultiSelectedList"
7904
- }
7905
- },
7906
- {
7907
- "name": "MultiSelectedList",
7908
- "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/multi-select/lib/MultiSelectedList.tsx",
7909
- "description": "",
7910
- "declarations": [
7911
- {
7912
- "name": "MultiSelectedList",
7913
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/multi-select/lib/MultiSelectedList.tsx"
7914
- }
7915
- ],
7916
- "tags": {},
7917
- "type": {
7918
- "kind": "enhancedComponent",
7919
- "componentType": "subcomponent",
7920
- "props": [
7921
- {
7922
- "kind": "property",
7923
- "name": "removeLabel",
7924
- "required": false,
7925
- "type": {
7926
- "kind": "primitive",
7927
- "value": "string"
7928
- },
7929
- "description": "Remove label on a MultiSelectedItem. In English, the label may be \"Remove\" and the screen\nreader will read out \"Remove {option}\".",
7930
- "declarations": [
7931
- {
7932
- "name": "removeLabel",
7933
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/multi-select/lib/MultiSelectedItem.tsx"
7934
- }
7935
- ],
7936
- "tags": {
7937
- "default": "\"remove\""
7938
- },
7939
- "defaultValue": {
7940
- "kind": "string",
7941
- "value": "remove"
7942
- }
7943
- },
7944
- {
7945
- "kind": "property",
7946
- "name": "children",
7947
- "description": "",
7948
- "tags": {},
7949
- "declarations": [],
7950
- "type": {
7951
- "kind": "external",
7952
- "name": "React.ReactNode",
7953
- "url": "https://reactjs.org/docs/rendering-elements.html"
7954
- }
7955
- },
7956
- {
7957
- "kind": "property",
7958
- "name": "model",
7959
- "description": "Optional model to pass to the component. This will override the default model created for the component. This can be useful if you want to access to the state and events of the model, or if you have nested components of the same type and you need to override the model provided by React Context.",
7960
- "tags": {},
7961
- "declarations": [],
7962
- "type": {
7963
- "kind": "symbol",
7964
- "name": "MultiSelectModel"
7965
- }
7966
- },
7967
- {
7968
- "kind": "property",
7969
- "name": "elemPropsHook",
7970
- "description": "Optional hook that receives the model and all props to be applied to the element. If you use this, it is your responsibility to return props, merging as appropriate. For example, returning an empty object will disable all elemProps hooks associated with this component. This allows finer control over a component without creating a new one.",
7971
- "tags": {},
7972
- "declarations": [],
7973
- "type": {
7974
- "kind": "function",
7975
- "parameters": [
7976
- {
7977
- "kind": "parameter",
7978
- "description": "",
7979
- "tags": {},
7980
- "declarations": [],
7981
- "name": "model",
7982
- "type": {
7983
- "kind": "symbol",
7984
- "name": "MultiSelectModel"
7985
- },
7986
- "required": true
7987
- },
7988
- {
7989
- "kind": "parameter",
7990
- "description": "",
7991
- "tags": {},
7992
- "declarations": [],
7993
- "name": "elemProps",
7994
- "type": {
7995
- "kind": "generic",
7996
- "name": "TProps"
7997
- }
7998
- }
7999
- ],
8000
- "returnType": {
8001
- "kind": "external",
8002
- "name": "HTML Attributes",
8003
- "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes"
8004
- }
8005
- }
8006
- }
8007
- ],
8008
- "model": "MultiSelectModel"
8009
- }
8010
- },
8011
9826
  {
8012
9827
  "name": "multiSelectStencil",
8013
9828
  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/multi-select/lib/MultiSelectInput.tsx",
@@ -41377,27 +43192,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
41377
43192
  },
41378
43193
  {
41379
43194
  "kind": "string",
41380
- "value": "heading.medium"
43195
+ "value": "subtext.medium"
41381
43196
  },
41382
43197
  {
41383
43198
  "kind": "string",
41384
- "value": "heading.large"
43199
+ "value": "subtext.large"
41385
43200
  },
41386
43201
  {
41387
43202
  "kind": "string",
41388
- "value": "heading.small"
43203
+ "value": "subtext.small"
41389
43204
  },
41390
43205
  {
41391
43206
  "kind": "string",
41392
- "value": "subtext.medium"
43207
+ "value": "heading.medium"
41393
43208
  },
41394
43209
  {
41395
43210
  "kind": "string",
41396
- "value": "subtext.large"
43211
+ "value": "heading.large"
41397
43212
  },
41398
43213
  {
41399
43214
  "kind": "string",
41400
- "value": "subtext.small"
43215
+ "value": "heading.small"
41401
43216
  }
41402
43217
  ]
41403
43218
  },
@@ -56331,27 +58146,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
56331
58146
  },
56332
58147
  {
56333
58148
  "kind": "string",
56334
- "value": "heading.medium"
58149
+ "value": "subtext.medium"
56335
58150
  },
56336
58151
  {
56337
58152
  "kind": "string",
56338
- "value": "heading.large"
58153
+ "value": "subtext.large"
56339
58154
  },
56340
58155
  {
56341
58156
  "kind": "string",
56342
- "value": "heading.small"
58157
+ "value": "subtext.small"
56343
58158
  },
56344
58159
  {
56345
58160
  "kind": "string",
56346
- "value": "subtext.medium"
58161
+ "value": "heading.medium"
56347
58162
  },
56348
58163
  {
56349
58164
  "kind": "string",
56350
- "value": "subtext.large"
58165
+ "value": "heading.large"
56351
58166
  },
56352
58167
  {
56353
58168
  "kind": "string",
56354
- "value": "subtext.small"
58169
+ "value": "heading.small"
56355
58170
  }
56356
58171
  ]
56357
58172
  },
@@ -74701,6 +76516,24 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
74701
76516
  ],
74702
76517
  "tags": {}
74703
76518
  },
76519
+ {
76520
+ "kind": "property",
76521
+ "name": "cs",
76522
+ "required": false,
76523
+ "type": {
76524
+ "kind": "symbol",
76525
+ "name": "CSToPropsInput",
76526
+ "value": "CSToPropsInput"
76527
+ },
76528
+ "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles } instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n {...handleCsProp(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
76529
+ "declarations": [
76530
+ {
76531
+ "name": "cs",
76532
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
76533
+ }
76534
+ ],
76535
+ "tags": {}
76536
+ },
74704
76537
  {
74705
76538
  "kind": "property",
74706
76539
  "name": "as",
@@ -74834,6 +76667,24 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
74834
76667
  ],
74835
76668
  "tags": {}
74836
76669
  },
76670
+ {
76671
+ "kind": "property",
76672
+ "name": "cs",
76673
+ "required": false,
76674
+ "type": {
76675
+ "kind": "symbol",
76676
+ "name": "CSToPropsInput",
76677
+ "value": "CSToPropsInput"
76678
+ },
76679
+ "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles } instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n {...handleCsProp(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
76680
+ "declarations": [
76681
+ {
76682
+ "name": "cs",
76683
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
76684
+ }
76685
+ ],
76686
+ "tags": {}
76687
+ },
74837
76688
  {
74838
76689
  "kind": "property",
74839
76690
  "name": "as",
@@ -137517,6 +139368,24 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
137517
139368
  }
137518
139369
  ],
137519
139370
  "tags": {}
139371
+ },
139372
+ {
139373
+ "kind": "property",
139374
+ "name": "action",
139375
+ "required": true,
139376
+ "type": {
139377
+ "kind": "symbol",
139378
+ "name": "CanvasThemePalette",
139379
+ "value": "CanvasThemePalette"
139380
+ },
139381
+ "description": "",
139382
+ "declarations": [
139383
+ {
139384
+ "name": "action",
139385
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
139386
+ }
139387
+ ],
139388
+ "tags": {}
137520
139389
  }
137521
139390
  ]
137522
139391
  },
@@ -153181,27 +155050,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
153181
155050
  },
153182
155051
  {
153183
155052
  "kind": "string",
153184
- "value": "heading.medium"
155053
+ "value": "subtext.medium"
153185
155054
  },
153186
155055
  {
153187
155056
  "kind": "string",
153188
- "value": "heading.large"
155057
+ "value": "subtext.large"
153189
155058
  },
153190
155059
  {
153191
155060
  "kind": "string",
153192
- "value": "heading.small"
155061
+ "value": "subtext.small"
153193
155062
  },
153194
155063
  {
153195
155064
  "kind": "string",
153196
- "value": "subtext.medium"
155065
+ "value": "heading.medium"
153197
155066
  },
153198
155067
  {
153199
155068
  "kind": "string",
153200
- "value": "subtext.large"
155069
+ "value": "heading.large"
153201
155070
  },
153202
155071
  {
153203
155072
  "kind": "string",
153204
- "value": "subtext.small"
155073
+ "value": "heading.small"
153205
155074
  }
153206
155075
  ]
153207
155076
  },
@@ -154105,27 +155974,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
154105
155974
  },
154106
155975
  {
154107
155976
  "kind": "string",
154108
- "value": "heading.medium"
155977
+ "value": "subtext.medium"
154109
155978
  },
154110
155979
  {
154111
155980
  "kind": "string",
154112
- "value": "heading.large"
155981
+ "value": "subtext.large"
154113
155982
  },
154114
155983
  {
154115
155984
  "kind": "string",
154116
- "value": "heading.small"
155985
+ "value": "subtext.small"
154117
155986
  },
154118
155987
  {
154119
155988
  "kind": "string",
154120
- "value": "subtext.medium"
155989
+ "value": "heading.medium"
154121
155990
  },
154122
155991
  {
154123
155992
  "kind": "string",
154124
- "value": "subtext.large"
155993
+ "value": "heading.large"
154125
155994
  },
154126
155995
  {
154127
155996
  "kind": "string",
154128
- "value": "subtext.small"
155997
+ "value": "heading.small"
154129
155998
  }
154130
155999
  ]
154131
156000
  },
@@ -155173,27 +157042,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
155173
157042
  },
155174
157043
  {
155175
157044
  "kind": "string",
155176
- "value": "heading.medium"
157045
+ "value": "subtext.medium"
155177
157046
  },
155178
157047
  {
155179
157048
  "kind": "string",
155180
- "value": "heading.large"
157049
+ "value": "subtext.large"
155181
157050
  },
155182
157051
  {
155183
157052
  "kind": "string",
155184
- "value": "heading.small"
157053
+ "value": "subtext.small"
155185
157054
  },
155186
157055
  {
155187
157056
  "kind": "string",
155188
- "value": "subtext.medium"
157057
+ "value": "heading.medium"
155189
157058
  },
155190
157059
  {
155191
157060
  "kind": "string",
155192
- "value": "subtext.large"
157061
+ "value": "heading.large"
155193
157062
  },
155194
157063
  {
155195
157064
  "kind": "string",
155196
- "value": "subtext.small"
157065
+ "value": "heading.small"
155197
157066
  }
155198
157067
  ]
155199
157068
  },
@@ -156122,11 +157991,11 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
156122
157991
  "value": [
156123
157992
  {
156124
157993
  "kind": "string",
156125
- "value": "alert"
157994
+ "value": "error"
156126
157995
  },
156127
157996
  {
156128
157997
  "kind": "string",
156129
- "value": "error"
157998
+ "value": "alert"
156130
157999
  },
156131
158000
  {
156132
158001
  "kind": "primitive",
@@ -156256,11 +158125,11 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
156256
158125
  "value": [
156257
158126
  {
156258
158127
  "kind": "string",
156259
- "value": "alert"
158128
+ "value": "error"
156260
158129
  },
156261
158130
  {
156262
158131
  "kind": "string",
156263
- "value": "error"
158132
+ "value": "alert"
156264
158133
  },
156265
158134
  {
156266
158135
  "kind": "primitive",
@@ -156402,11 +158271,11 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
156402
158271
  "value": [
156403
158272
  {
156404
158273
  "kind": "string",
156405
- "value": "alert"
158274
+ "value": "error"
156406
158275
  },
156407
158276
  {
156408
158277
  "kind": "string",
156409
- "value": "error"
158278
+ "value": "alert"
156410
158279
  },
156411
158280
  {
156412
158281
  "kind": "primitive",
@@ -156506,11 +158375,11 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
156506
158375
  "value": [
156507
158376
  {
156508
158377
  "kind": "string",
156509
- "value": "alert"
158378
+ "value": "error"
156510
158379
  },
156511
158380
  {
156512
158381
  "kind": "string",
156513
- "value": "error"
158382
+ "value": "alert"
156514
158383
  },
156515
158384
  {
156516
158385
  "kind": "primitive",
@@ -156647,11 +158516,11 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
156647
158516
  "value": [
156648
158517
  {
156649
158518
  "kind": "string",
156650
- "value": "alert"
158519
+ "value": "error"
156651
158520
  },
156652
158521
  {
156653
158522
  "kind": "string",
156654
- "value": "error"
158523
+ "value": "alert"
156655
158524
  },
156656
158525
  {
156657
158526
  "kind": "primitive",
@@ -272049,27 +273918,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
272049
273918
  },
272050
273919
  {
272051
273920
  "kind": "string",
272052
- "value": "heading.medium"
273921
+ "value": "subtext.medium"
272053
273922
  },
272054
273923
  {
272055
273924
  "kind": "string",
272056
- "value": "heading.large"
273925
+ "value": "subtext.large"
272057
273926
  },
272058
273927
  {
272059
273928
  "kind": "string",
272060
- "value": "heading.small"
273929
+ "value": "subtext.small"
272061
273930
  },
272062
273931
  {
272063
273932
  "kind": "string",
272064
- "value": "subtext.medium"
273933
+ "value": "heading.medium"
272065
273934
  },
272066
273935
  {
272067
273936
  "kind": "string",
272068
- "value": "subtext.large"
273937
+ "value": "heading.large"
272069
273938
  },
272070
273939
  {
272071
273940
  "kind": "string",
272072
- "value": "subtext.small"
273941
+ "value": "heading.small"
272073
273942
  }
272074
273943
  ]
272075
273944
  },
@@ -276656,27 +278525,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
276656
278525
  },
276657
278526
  {
276658
278527
  "kind": "string",
276659
- "value": "heading.medium"
278528
+ "value": "subtext.medium"
276660
278529
  },
276661
278530
  {
276662
278531
  "kind": "string",
276663
- "value": "heading.large"
278532
+ "value": "subtext.large"
276664
278533
  },
276665
278534
  {
276666
278535
  "kind": "string",
276667
- "value": "heading.small"
278536
+ "value": "subtext.small"
276668
278537
  },
276669
278538
  {
276670
278539
  "kind": "string",
276671
- "value": "subtext.medium"
278540
+ "value": "heading.medium"
276672
278541
  },
276673
278542
  {
276674
278543
  "kind": "string",
276675
- "value": "subtext.large"
278544
+ "value": "heading.large"
276676
278545
  },
276677
278546
  {
276678
278547
  "kind": "string",
276679
- "value": "subtext.small"
278548
+ "value": "heading.small"
276680
278549
  }
276681
278550
  ]
276682
278551
  },
@@ -277453,27 +279322,27 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
277453
279322
  },
277454
279323
  {
277455
279324
  "kind": "string",
277456
- "value": "heading.medium"
279325
+ "value": "subtext.medium"
277457
279326
  },
277458
279327
  {
277459
279328
  "kind": "string",
277460
- "value": "heading.large"
279329
+ "value": "subtext.large"
277461
279330
  },
277462
279331
  {
277463
279332
  "kind": "string",
277464
- "value": "heading.small"
279333
+ "value": "subtext.small"
277465
279334
  },
277466
279335
  {
277467
279336
  "kind": "string",
277468
- "value": "subtext.medium"
279337
+ "value": "heading.medium"
277469
279338
  },
277470
279339
  {
277471
279340
  "kind": "string",
277472
- "value": "subtext.large"
279341
+ "value": "heading.large"
277473
279342
  },
277474
279343
  {
277475
279344
  "kind": "string",
277476
- "value": "subtext.small"
279345
+ "value": "heading.small"
277477
279346
  }
277478
279347
  ]
277479
279348
  },
@@ -286253,6 +288122,24 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
286253
288122
  ],
286254
288123
  "tags": {}
286255
288124
  },
288125
+ {
288126
+ "kind": "property",
288127
+ "name": "cs",
288128
+ "required": false,
288129
+ "type": {
288130
+ "kind": "symbol",
288131
+ "name": "CSToPropsInput",
288132
+ "value": "CSToPropsInput"
288133
+ },
288134
+ "description": "The `cs` prop takes in a single value or an array of values. You can pass the CSS class name\nreturned by {@link createStyles}, or the result of {@link createVars} and\n{@link createModifiers}. If you're extending a component already using `cs`, you can merge that\nprop in as well. Any style that is passed to the `cs` prop will override style props. If you\nwish to have styles that are overridden by the `css` prop, or styles added via the `styled`\nAPI, use {@link handleCsProp} wherever `elemProps` is used. If your component needs to also\nhandle style props, use {@link mergeStyles } instead.\n\n\n```tsx\nimport {handleCsProp} from '@workday/canvas-kit-styling';\nimport {mergeStyles} from '@workday/canvas-kit-react/layout';\n\n// ...\n\n// `handleCsProp` handles compat mode with Emotion's runtime APIs. `mergeStyles` has the same\n// function signature, but adds support for style props.\n\nreturn (\n <Element\n {...handleCsProp(elemProps, [\n myStyles,\n myModifiers({ size: 'medium' }),\n myVars({ backgroundColor: 'red' })\n ])}\n >\n {children}\n </Element>\n)\n```",
288135
+ "declarations": [
288136
+ {
288137
+ "name": "cs",
288138
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
288139
+ }
288140
+ ],
288141
+ "tags": {}
288142
+ },
286256
288143
  {
286257
288144
  "kind": "property",
286258
288145
  "name": "as",