@workday/canvas-kit-docs 14.0.0-alpha.1135-next.0 → 14.0.0-alpha.1144-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 (29) hide show
  1. package/dist/es6/lib/docs.js +740 -27
  2. package/dist/es6/lib/stackblitzFiles/packageJSONFile.js +5 -5
  3. package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts +5 -5
  4. package/dist/es6/mdx/installBlock.d.ts.map +1 -1
  5. package/dist/es6/mdx/installBlock.js +3 -2
  6. package/dist/es6/mdx/welcomePage.js +4 -4
  7. package/dist/mdx/11.0-UPGRADE-GUIDE.mdx +36 -60
  8. package/dist/mdx/14.0-UPGRADE-GUIDE.mdx +4 -2
  9. package/dist/mdx/preview-react/pill/examples/CustomStyles.tsx +25 -17
  10. package/dist/mdx/preview-react/radio/examples/Custom.tsx +2 -2
  11. package/dist/mdx/preview-react/side-panel/examples/AlwaysOpen.tsx +2 -2
  12. package/dist/mdx/preview-react/side-panel/examples/ExternalControl.tsx +2 -2
  13. package/dist/mdx/preview-react/side-panel/examples/Variant.tsx +2 -2
  14. package/dist/mdx/react/_examples/mdx/examples/AriaLiveRegions/FilterListWithLiveStatus.tsx +4 -4
  15. package/dist/mdx/react/_examples/mdx/examples/GlobalHeader.tsx +2 -2
  16. package/dist/mdx/react/_examples/mdx/examples/SidePanelWithNavigation.tsx +2 -2
  17. package/dist/mdx/react/_examples/mdx/examples/SidePanelWithOverlay.tsx +2 -2
  18. package/dist/mdx/react/_examples/mdx/examples/Table/WithSelectableRows.tsx +3 -3
  19. package/dist/mdx/react/_examples/mdx/examples/common/FilterListWithLiveStatus.tsx +3 -3
  20. package/dist/mdx/react/_examples/mdx/examples/common/VisibleLiveRegion.tsx +3 -3
  21. package/dist/mdx/react/avatar/avatar/examples/CustomStyles.tsx +7 -7
  22. package/dist/mdx/react/badge/examples/Basic.tsx +3 -3
  23. package/dist/mdx/react/badge/examples/CustomLimit.tsx +5 -5
  24. package/dist/mdx/react/badge/examples/NotificationBadge.tsx +1 -1
  25. package/dist/mdx/react/button/button/examples/CustomStyles.tsx +8 -8
  26. package/dist/mdx/react/icon/examples/Overview.tsx +2 -2
  27. package/dist/mdx/react/table/examples/RightToLeft.tsx +1 -1
  28. package/dist/mdx/react/text/examples/LabelText/Disabled.tsx +2 -2
  29. package/package.json +7 -7
@@ -216353,7 +216353,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
216353
216353
  }
216354
216354
  ],
216355
216355
  "tags": {
216356
- "deprecated": "Interface `AccentIconStyles` will be removed in a future version. All props will be moved inside `AccentIconProps`. Consider to use the new tokens set to set `color` prop: `color={base.blueberry500}`."
216356
+ "deprecated": "Interface `AccentIconStyles` will be removed in a future version. All props will be moved inside `AccentIconProps`. Consider use the new tokens set to set `color` prop: `color={system.color.bg.primary.strong}`."
216357
216357
  },
216358
216358
  "type": {
216359
216359
  "kind": "object",
@@ -216374,7 +216374,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
216374
216374
  }
216375
216375
  ],
216376
216376
  "tags": {
216377
- "default": "base.blueberry500"
216377
+ "default": "system.color.bg.primary.strong"
216378
216378
  }
216379
216379
  },
216380
216380
  {
@@ -216385,7 +216385,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
216385
216385
  "kind": "primitive",
216386
216386
  "value": "boolean"
216387
216387
  },
216388
- "description": "If true, set the background fill of the AccentIcon to `transparent`.\nIf false, set the background fill of the AccentIcon to `base.frenchVanilla100`.",
216388
+ "description": "If true, set the background fill of the AccentIcon to `transparent`.\nIf false, set the background fill of the AccentIcon to `system.color.bg.alt.soft`.",
216389
216389
  "declarations": [
216390
216390
  {
216391
216391
  "name": "transparent",
@@ -217221,12 +217221,12 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
217221
217221
  }
217222
217222
  ],
217223
217223
  "tags": {
217224
- "default": "base.blueberry500"
217224
+ "default": "system.color.bg.primary.strong"
217225
217225
  },
217226
217226
  "defaultValue": {
217227
217227
  "kind": "symbol",
217228
- "name": "base.blueberry500",
217229
- "value": "base.blueberry500"
217228
+ "name": "system.color.bg.primary.strong",
217229
+ "value": "system.color.bg.primary.strong"
217230
217230
  }
217231
217231
  },
217232
217232
  {
@@ -217237,7 +217237,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
217237
217237
  "kind": "primitive",
217238
217238
  "value": "boolean"
217239
217239
  },
217240
- "description": "If true, set the background fill of the AccentIcon to `transparent`.\nIf false, set the background fill of the AccentIcon to `base.frenchVanilla100`.",
217240
+ "description": "If true, set the background fill of the AccentIcon to `transparent`.\nIf false, set the background fill of the AccentIcon to `system.color.bg.alt.soft`.",
217241
217241
  "declarations": [
217242
217242
  {
217243
217243
  "name": "transparent",
@@ -222493,6 +222493,695 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
222493
222493
  "name": "SystemIconCircle"
222494
222494
  }
222495
222495
  },
222496
+ {
222497
+ "name": "systemIconCircleStencil",
222498
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/SystemIconCircle.tsx",
222499
+ "description": "",
222500
+ "declarations": [
222501
+ {
222502
+ "name": "systemIconCircleStencil",
222503
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/SystemIconCircle.tsx"
222504
+ }
222505
+ ],
222506
+ "tags": {},
222507
+ "type": {
222508
+ "kind": "function",
222509
+ "parameters": [
222510
+ {
222511
+ "kind": "parameter",
222512
+ "name": "options",
222513
+ "type": {
222514
+ "kind": "conditional",
222515
+ "check": {
222516
+ "kind": "tuple",
222517
+ "value": [
222518
+ {
222519
+ "kind": "symbol",
222520
+ "name": "E",
222521
+ "value": "E"
222522
+ }
222523
+ ]
222524
+ },
222525
+ "extends": {
222526
+ "kind": "tuple",
222527
+ "value": [
222528
+ {
222529
+ "kind": "primitive",
222530
+ "value": "never"
222531
+ }
222532
+ ]
222533
+ },
222534
+ "trueType": {
222535
+ "kind": "intersection",
222536
+ "value": [
222537
+ {
222538
+ "kind": "symbol",
222539
+ "name": "ModifierValuesStencil",
222540
+ "typeParameters": [
222541
+ {
222542
+ "kind": "symbol",
222543
+ "name": "M",
222544
+ "value": "M"
222545
+ },
222546
+ {
222547
+ "kind": "symbol",
222548
+ "name": "V",
222549
+ "value": "V"
222550
+ }
222551
+ ],
222552
+ "value": "ModifierValuesStencil<M, V>"
222553
+ },
222554
+ {
222555
+ "kind": "symbol",
222556
+ "name": "VariableValuesStencil",
222557
+ "typeParameters": [
222558
+ {
222559
+ "kind": "symbol",
222560
+ "name": "V",
222561
+ "value": "V"
222562
+ }
222563
+ ],
222564
+ "value": "VariableValuesStencil<V>"
222565
+ }
222566
+ ]
222567
+ },
222568
+ "falseType": {
222569
+ "kind": "conditional",
222570
+ "check": {
222571
+ "kind": "symbol",
222572
+ "name": "E",
222573
+ "value": "E"
222574
+ },
222575
+ "extends": {
222576
+ "kind": "symbol",
222577
+ "name": "BaseStencil",
222578
+ "typeParameters": [
222579
+ {
222580
+ "kind": "infer",
222581
+ "value": {
222582
+ "kind": "typeParameter",
222583
+ "name": "ME",
222584
+ "required": true
222585
+ }
222586
+ },
222587
+ {
222588
+ "kind": "primitive",
222589
+ "value": "any"
222590
+ },
222591
+ {
222592
+ "kind": "infer",
222593
+ "value": {
222594
+ "kind": "typeParameter",
222595
+ "name": "VE",
222596
+ "required": true
222597
+ }
222598
+ },
222599
+ {
222600
+ "kind": "primitive",
222601
+ "value": "any"
222602
+ },
222603
+ {
222604
+ "kind": "primitive",
222605
+ "value": "any"
222606
+ }
222607
+ ],
222608
+ "value": "BaseStencil<M, P, V, E, ID>"
222609
+ },
222610
+ "trueType": {
222611
+ "kind": "intersection",
222612
+ "value": [
222613
+ {
222614
+ "kind": "symbol",
222615
+ "name": "ModifierValuesStencil",
222616
+ "typeParameters": [
222617
+ {
222618
+ "kind": "intersection",
222619
+ "value": [
222620
+ {
222621
+ "kind": "symbol",
222622
+ "name": "ME",
222623
+ "value": "ME"
222624
+ },
222625
+ {
222626
+ "kind": "symbol",
222627
+ "name": "M",
222628
+ "value": "M"
222629
+ }
222630
+ ]
222631
+ }
222632
+ ],
222633
+ "value": "ModifierValuesStencil<M, V>"
222634
+ },
222635
+ {
222636
+ "kind": "symbol",
222637
+ "name": "VariableValuesStencil",
222638
+ "typeParameters": [
222639
+ {
222640
+ "kind": "intersection",
222641
+ "value": [
222642
+ {
222643
+ "kind": "symbol",
222644
+ "name": "VE",
222645
+ "value": "VE"
222646
+ },
222647
+ {
222648
+ "kind": "symbol",
222649
+ "name": "V",
222650
+ "value": "V"
222651
+ }
222652
+ ]
222653
+ }
222654
+ ],
222655
+ "value": "VariableValuesStencil<V>"
222656
+ }
222657
+ ]
222658
+ },
222659
+ "falseType": {
222660
+ "kind": "primitive",
222661
+ "value": "never"
222662
+ }
222663
+ }
222664
+ },
222665
+ "required": false,
222666
+ "rest": false,
222667
+ "description": "",
222668
+ "declarations": [
222669
+ {
222670
+ "name": "options",
222671
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
222672
+ }
222673
+ ],
222674
+ "tags": {}
222675
+ }
222676
+ ],
222677
+ "members": [
222678
+ {
222679
+ "kind": "property",
222680
+ "name": "parts",
222681
+ "required": true,
222682
+ "type": {
222683
+ "kind": "conditional",
222684
+ "check": {
222685
+ "kind": "tuple",
222686
+ "value": [
222687
+ {
222688
+ "kind": "symbol",
222689
+ "name": "E",
222690
+ "value": "E"
222691
+ }
222692
+ ]
222693
+ },
222694
+ "extends": {
222695
+ "kind": "tuple",
222696
+ "value": [
222697
+ {
222698
+ "kind": "symbol",
222699
+ "name": "BaseStencil",
222700
+ "typeParameters": [
222701
+ {
222702
+ "kind": "primitive",
222703
+ "value": "any"
222704
+ },
222705
+ {
222706
+ "kind": "infer",
222707
+ "value": {
222708
+ "kind": "typeParameter",
222709
+ "name": "PE",
222710
+ "required": true
222711
+ }
222712
+ },
222713
+ {
222714
+ "kind": "primitive",
222715
+ "value": "any"
222716
+ },
222717
+ {
222718
+ "kind": "primitive",
222719
+ "value": "any"
222720
+ },
222721
+ {
222722
+ "kind": "primitive",
222723
+ "value": "any"
222724
+ }
222725
+ ],
222726
+ "value": "BaseStencil<M, P, V, E, ID>"
222727
+ }
222728
+ ]
222729
+ },
222730
+ "trueType": {
222731
+ "kind": "symbol",
222732
+ "name": "StencilPartProps",
222733
+ "typeParameters": [
222734
+ {
222735
+ "kind": "intersection",
222736
+ "value": [
222737
+ {
222738
+ "kind": "symbol",
222739
+ "name": "PE",
222740
+ "value": "PE"
222741
+ },
222742
+ {
222743
+ "kind": "symbol",
222744
+ "name": "P",
222745
+ "value": "P"
222746
+ }
222747
+ ]
222748
+ }
222749
+ ],
222750
+ "value": "StencilPartProps<T>"
222751
+ },
222752
+ "falseType": {
222753
+ "kind": "symbol",
222754
+ "name": "StencilPartProps",
222755
+ "typeParameters": [
222756
+ {
222757
+ "kind": "symbol",
222758
+ "name": "P",
222759
+ "value": "P"
222760
+ }
222761
+ ],
222762
+ "value": "StencilPartProps<T>"
222763
+ }
222764
+ },
222765
+ "description": "",
222766
+ "declarations": [
222767
+ {
222768
+ "name": "parts",
222769
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
222770
+ }
222771
+ ],
222772
+ "tags": {}
222773
+ },
222774
+ {
222775
+ "kind": "property",
222776
+ "name": "vars",
222777
+ "required": true,
222778
+ "type": {
222779
+ "kind": "symbol",
222780
+ "name": "StencilDefaultVars",
222781
+ "typeParameters": [
222782
+ {
222783
+ "kind": "symbol",
222784
+ "name": "V",
222785
+ "value": "V"
222786
+ },
222787
+ {
222788
+ "kind": "symbol",
222789
+ "name": "E",
222790
+ "value": "E"
222791
+ },
222792
+ {
222793
+ "kind": "symbol",
222794
+ "name": "ID",
222795
+ "value": "ID"
222796
+ }
222797
+ ],
222798
+ "value": "StencilDefaultVars<V, E, ID>"
222799
+ },
222800
+ "description": "",
222801
+ "declarations": [
222802
+ {
222803
+ "name": "vars",
222804
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
222805
+ }
222806
+ ],
222807
+ "tags": {}
222808
+ },
222809
+ {
222810
+ "kind": "property",
222811
+ "name": "base",
222812
+ "required": true,
222813
+ "type": {
222814
+ "kind": "primitive",
222815
+ "value": "string"
222816
+ },
222817
+ "description": "",
222818
+ "declarations": [
222819
+ {
222820
+ "name": "base",
222821
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
222822
+ }
222823
+ ],
222824
+ "tags": {}
222825
+ },
222826
+ {
222827
+ "kind": "property",
222828
+ "name": "modifiers",
222829
+ "required": true,
222830
+ "type": {
222831
+ "kind": "conditional",
222832
+ "check": {
222833
+ "kind": "tuple",
222834
+ "value": [
222835
+ {
222836
+ "kind": "symbol",
222837
+ "name": "E",
222838
+ "value": "E"
222839
+ }
222840
+ ]
222841
+ },
222842
+ "extends": {
222843
+ "kind": "tuple",
222844
+ "value": [
222845
+ {
222846
+ "kind": "symbol",
222847
+ "name": "BaseStencil",
222848
+ "typeParameters": [
222849
+ {
222850
+ "kind": "infer",
222851
+ "value": {
222852
+ "kind": "typeParameter",
222853
+ "name": "ME",
222854
+ "required": true
222855
+ }
222856
+ },
222857
+ {
222858
+ "kind": "primitive",
222859
+ "value": "any"
222860
+ },
222861
+ {
222862
+ "kind": "infer",
222863
+ "value": {
222864
+ "kind": "typeParameter",
222865
+ "name": "VE",
222866
+ "required": true
222867
+ }
222868
+ },
222869
+ {
222870
+ "kind": "primitive",
222871
+ "value": "any"
222872
+ },
222873
+ {
222874
+ "kind": "primitive",
222875
+ "value": "any"
222876
+ }
222877
+ ],
222878
+ "value": "BaseStencil<M, P, V, E, ID>"
222879
+ }
222880
+ ]
222881
+ },
222882
+ "trueType": {
222883
+ "kind": "symbol",
222884
+ "name": "StencilModifierReturn",
222885
+ "typeParameters": [
222886
+ {
222887
+ "kind": "intersection",
222888
+ "value": [
222889
+ {
222890
+ "kind": "symbol",
222891
+ "name": "ME",
222892
+ "value": "ME"
222893
+ },
222894
+ {
222895
+ "kind": "symbol",
222896
+ "name": "M",
222897
+ "value": "M"
222898
+ }
222899
+ ]
222900
+ },
222901
+ {
222902
+ "kind": "intersection",
222903
+ "value": [
222904
+ {
222905
+ "kind": "symbol",
222906
+ "name": "VE",
222907
+ "value": "VE"
222908
+ },
222909
+ {
222910
+ "kind": "symbol",
222911
+ "name": "V",
222912
+ "value": "V"
222913
+ }
222914
+ ]
222915
+ }
222916
+ ],
222917
+ "value": "StencilModifierReturn<M, V>"
222918
+ },
222919
+ "falseType": {
222920
+ "kind": "symbol",
222921
+ "name": "StencilModifierReturn",
222922
+ "typeParameters": [
222923
+ {
222924
+ "kind": "symbol",
222925
+ "name": "M",
222926
+ "value": "M"
222927
+ },
222928
+ {
222929
+ "kind": "symbol",
222930
+ "name": "V",
222931
+ "value": "V"
222932
+ }
222933
+ ],
222934
+ "value": "StencilModifierReturn<M, V>"
222935
+ }
222936
+ },
222937
+ "description": "",
222938
+ "declarations": [
222939
+ {
222940
+ "name": "modifiers",
222941
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
222942
+ }
222943
+ ],
222944
+ "tags": {}
222945
+ },
222946
+ {
222947
+ "kind": "property",
222948
+ "name": "defaultModifiers",
222949
+ "required": true,
222950
+ "type": {
222951
+ "kind": "conditional",
222952
+ "check": {
222953
+ "kind": "tuple",
222954
+ "value": [
222955
+ {
222956
+ "kind": "symbol",
222957
+ "name": "E",
222958
+ "value": "E"
222959
+ }
222960
+ ]
222961
+ },
222962
+ "extends": {
222963
+ "kind": "tuple",
222964
+ "value": [
222965
+ {
222966
+ "kind": "symbol",
222967
+ "name": "BaseStencil",
222968
+ "typeParameters": [
222969
+ {
222970
+ "kind": "infer",
222971
+ "value": {
222972
+ "kind": "typeParameter",
222973
+ "name": "ME",
222974
+ "required": true
222975
+ }
222976
+ },
222977
+ {
222978
+ "kind": "primitive",
222979
+ "value": "any"
222980
+ },
222981
+ {
222982
+ "kind": "primitive",
222983
+ "value": "any"
222984
+ },
222985
+ {
222986
+ "kind": "primitive",
222987
+ "value": "any"
222988
+ },
222989
+ {
222990
+ "kind": "primitive",
222991
+ "value": "any"
222992
+ }
222993
+ ],
222994
+ "value": "BaseStencil<M, P, V, E, ID>"
222995
+ }
222996
+ ]
222997
+ },
222998
+ "trueType": {
222999
+ "kind": "symbol",
223000
+ "name": "StencilDefaultModifierReturn",
223001
+ "typeParameters": [
223002
+ {
223003
+ "kind": "intersection",
223004
+ "value": [
223005
+ {
223006
+ "kind": "symbol",
223007
+ "name": "ME",
223008
+ "value": "ME"
223009
+ },
223010
+ {
223011
+ "kind": "symbol",
223012
+ "name": "M",
223013
+ "value": "M"
223014
+ }
223015
+ ]
223016
+ }
223017
+ ],
223018
+ "value": "StencilDefaultModifierReturn<M>"
223019
+ },
223020
+ "falseType": {
223021
+ "kind": "symbol",
223022
+ "name": "StencilDefaultModifierReturn",
223023
+ "typeParameters": [
223024
+ {
223025
+ "kind": "symbol",
223026
+ "name": "M",
223027
+ "value": "M"
223028
+ }
223029
+ ],
223030
+ "value": "StencilDefaultModifierReturn<M>"
223031
+ }
223032
+ },
223033
+ "description": "",
223034
+ "declarations": [
223035
+ {
223036
+ "name": "defaultModifiers",
223037
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
223038
+ }
223039
+ ],
223040
+ "tags": {}
223041
+ },
223042
+ {
223043
+ "kind": "property",
223044
+ "name": "__extends",
223045
+ "required": false,
223046
+ "type": {
223047
+ "kind": "symbol",
223048
+ "name": "E",
223049
+ "value": "E"
223050
+ },
223051
+ "description": "",
223052
+ "declarations": [
223053
+ {
223054
+ "name": "__extends",
223055
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
223056
+ }
223057
+ ],
223058
+ "tags": {}
223059
+ },
223060
+ {
223061
+ "kind": "property",
223062
+ "name": "__vars",
223063
+ "required": true,
223064
+ "type": {
223065
+ "kind": "symbol",
223066
+ "name": "V",
223067
+ "value": "V"
223068
+ },
223069
+ "description": "",
223070
+ "declarations": [
223071
+ {
223072
+ "name": "__vars",
223073
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
223074
+ }
223075
+ ],
223076
+ "tags": {}
223077
+ },
223078
+ {
223079
+ "kind": "property",
223080
+ "name": "__modifiers",
223081
+ "required": true,
223082
+ "type": {
223083
+ "kind": "symbol",
223084
+ "name": "M",
223085
+ "value": "M"
223086
+ },
223087
+ "description": "",
223088
+ "declarations": [
223089
+ {
223090
+ "name": "__modifiers",
223091
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
223092
+ }
223093
+ ],
223094
+ "tags": {}
223095
+ },
223096
+ {
223097
+ "kind": "property",
223098
+ "name": "__id",
223099
+ "required": true,
223100
+ "type": {
223101
+ "kind": "symbol",
223102
+ "name": "ID",
223103
+ "value": "ID"
223104
+ },
223105
+ "description": "",
223106
+ "declarations": [
223107
+ {
223108
+ "name": "__id",
223109
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
223110
+ }
223111
+ ],
223112
+ "tags": {}
223113
+ },
223114
+ {
223115
+ "kind": "property",
223116
+ "name": "__parts",
223117
+ "required": false,
223118
+ "type": {
223119
+ "kind": "symbol",
223120
+ "name": "P",
223121
+ "value": "P"
223122
+ },
223123
+ "description": "",
223124
+ "declarations": [
223125
+ {
223126
+ "name": "__parts",
223127
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
223128
+ }
223129
+ ],
223130
+ "tags": {}
223131
+ }
223132
+ ],
223133
+ "returnType": {
223134
+ "kind": "object",
223135
+ "properties": [
223136
+ {
223137
+ "kind": "property",
223138
+ "name": "className",
223139
+ "required": true,
223140
+ "type": {
223141
+ "kind": "primitive",
223142
+ "value": "string"
223143
+ },
223144
+ "description": "",
223145
+ "declarations": [
223146
+ {
223147
+ "name": "className",
223148
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
223149
+ }
223150
+ ],
223151
+ "tags": {}
223152
+ },
223153
+ {
223154
+ "kind": "property",
223155
+ "name": "style",
223156
+ "required": false,
223157
+ "type": {
223158
+ "kind": "external",
223159
+ "name": "Record",
223160
+ "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
223161
+ "typeParameters": [
223162
+ {
223163
+ "kind": "primitive",
223164
+ "value": "string"
223165
+ },
223166
+ {
223167
+ "kind": "primitive",
223168
+ "value": "string"
223169
+ }
223170
+ ]
223171
+ },
223172
+ "description": "",
223173
+ "declarations": [
223174
+ {
223175
+ "name": "style",
223176
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
223177
+ }
223178
+ ],
223179
+ "tags": {}
223180
+ }
223181
+ ]
223182
+ }
223183
+ }
223184
+ },
222496
223185
  {
222497
223186
  "name": "SystemIconCircle",
222498
223187
  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/SystemIconCircle.tsx",
@@ -222517,7 +223206,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
222517
223206
  "kind": "primitive",
222518
223207
  "value": "string"
222519
223208
  },
222520
- "description": "The background color of the SystemIconCircle from `@workday/canvas-colors-web`.",
223209
+ "description": "The background color of the SystemIconCircle",
222521
223210
  "declarations": [
222522
223211
  {
222523
223212
  "name": "background",
@@ -222533,6 +223222,30 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
222533
223222
  "value": "base.soap300"
222534
223223
  }
222535
223224
  },
223225
+ {
223226
+ "kind": "property",
223227
+ "name": "color",
223228
+ "required": false,
223229
+ "type": {
223230
+ "kind": "primitive",
223231
+ "value": "string"
223232
+ },
223233
+ "description": "The icon color for the SystemIconCircle. Required if background specified as a CSS variable.\nIf not specified, it will be calculated based on the background color.",
223234
+ "declarations": [
223235
+ {
223236
+ "name": "color",
223237
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/SystemIconCircle.tsx"
223238
+ }
223239
+ ],
223240
+ "tags": {
223241
+ "default": "rgba(0,0,0,0.65)"
223242
+ },
223243
+ "defaultValue": {
223244
+ "kind": "symbol",
223245
+ "name": "rgba(0,0,0,0.65)",
223246
+ "value": "rgba(0,0,0,0.65)"
223247
+ }
223248
+ },
222536
223249
  {
222537
223250
  "kind": "property",
222538
223251
  "name": "icon",
@@ -222585,24 +223298,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
222585
223298
  "value": "SystemIconCircleSize.l"
222586
223299
  }
222587
223300
  },
222588
- {
222589
- "kind": "property",
222590
- "name": "cs",
222591
- "required": false,
222592
- "type": {
222593
- "kind": "symbol",
222594
- "name": "CSToPropsInput",
222595
- "value": "CSToPropsInput"
222596
- },
222597
- "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```",
222598
- "declarations": [
222599
- {
222600
- "name": "cs",
222601
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
222602
- }
222603
- ],
222604
- "tags": {}
222605
- },
222606
223301
  {
222607
223302
  "kind": "property",
222608
223303
  "name": "shouldMirror",
@@ -222615,7 +223310,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
222615
223310
  "declarations": [
222616
223311
  {
222617
223312
  "name": "shouldMirror",
222618
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/Svg.tsx"
223313
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/icon/lib/SystemIconCircle.tsx"
222619
223314
  }
222620
223315
  ],
222621
223316
  "tags": {
@@ -222626,6 +223321,24 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
222626
223321
  "value": false
222627
223322
  }
222628
223323
  },
223324
+ {
223325
+ "kind": "property",
223326
+ "name": "cs",
223327
+ "required": false,
223328
+ "type": {
223329
+ "kind": "symbol",
223330
+ "name": "CSToPropsInput",
223331
+ "value": "CSToPropsInput"
223332
+ },
223333
+ "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```",
223334
+ "declarations": [
223335
+ {
223336
+ "name": "cs",
223337
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
223338
+ }
223339
+ ],
223340
+ "tags": {}
223341
+ },
222629
223342
  {
222630
223343
  "kind": "property",
222631
223344
  "name": "children",