@workday/canvas-kit-docs 13.0.0-alpha.1061-next.0 → 13.0.0-alpha.1064-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.
@@ -49738,419 +49738,1545 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
49738
49738
  }
49739
49739
  },
49740
49740
  {
49741
- "name": "SidePanel",
49741
+ "name": "panelStencil",
49742
49742
  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx",
49743
49743
  "description": "",
49744
49744
  "declarations": [
49745
49745
  {
49746
- "name": "SidePanel",
49746
+ "name": "panelStencil",
49747
49747
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
49748
49748
  }
49749
49749
  ],
49750
49750
  "tags": {},
49751
49751
  "type": {
49752
- "kind": "enhancedComponent",
49753
- "componentType": "regular",
49754
- "displayName": "SidePanel",
49755
- "props": [
49752
+ "kind": "function",
49753
+ "parameters": [
49756
49754
  {
49757
- "kind": "property",
49758
- "name": "collapsedWidth",
49759
- "required": false,
49755
+ "kind": "parameter",
49756
+ "name": "options",
49760
49757
  "type": {
49761
- "kind": "union",
49762
- "value": [
49763
- {
49764
- "kind": "primitive",
49765
- "value": "number"
49758
+ "kind": "conditional",
49759
+ "check": {
49760
+ "kind": "tuple",
49761
+ "value": [
49762
+ {
49763
+ "kind": "symbol",
49764
+ "name": "E",
49765
+ "value": "E"
49766
+ }
49767
+ ]
49768
+ },
49769
+ "extends": {
49770
+ "kind": "tuple",
49771
+ "value": [
49772
+ {
49773
+ "kind": "primitive",
49774
+ "value": "never"
49775
+ }
49776
+ ]
49777
+ },
49778
+ "trueType": {
49779
+ "kind": "intersection",
49780
+ "value": [
49781
+ {
49782
+ "kind": "symbol",
49783
+ "name": "ModifierValuesStencil",
49784
+ "typeParameters": [
49785
+ {
49786
+ "kind": "symbol",
49787
+ "name": "M",
49788
+ "value": "M"
49789
+ },
49790
+ {
49791
+ "kind": "symbol",
49792
+ "name": "V",
49793
+ "value": "V"
49794
+ }
49795
+ ],
49796
+ "value": "ModifierValuesStencil<M, V>"
49797
+ },
49798
+ {
49799
+ "kind": "symbol",
49800
+ "name": "VariableValuesStencil",
49801
+ "typeParameters": [
49802
+ {
49803
+ "kind": "symbol",
49804
+ "name": "V",
49805
+ "value": "V"
49806
+ }
49807
+ ],
49808
+ "value": "VariableValuesStencil<V>"
49809
+ }
49810
+ ]
49811
+ },
49812
+ "falseType": {
49813
+ "kind": "conditional",
49814
+ "check": {
49815
+ "kind": "symbol",
49816
+ "name": "E",
49817
+ "value": "E"
49766
49818
  },
49767
- {
49819
+ "extends": {
49820
+ "kind": "symbol",
49821
+ "name": "BaseStencil",
49822
+ "typeParameters": [
49823
+ {
49824
+ "kind": "infer",
49825
+ "value": {
49826
+ "kind": "typeParameter",
49827
+ "name": "ME",
49828
+ "required": true
49829
+ }
49830
+ },
49831
+ {
49832
+ "kind": "infer",
49833
+ "value": {
49834
+ "kind": "typeParameter",
49835
+ "name": "VE",
49836
+ "required": true
49837
+ }
49838
+ },
49839
+ {
49840
+ "kind": "primitive",
49841
+ "value": "any"
49842
+ },
49843
+ {
49844
+ "kind": "primitive",
49845
+ "value": "any"
49846
+ }
49847
+ ],
49848
+ "value": "BaseStencil<M, V, E, ID>"
49849
+ },
49850
+ "trueType": {
49851
+ "kind": "intersection",
49852
+ "value": [
49853
+ {
49854
+ "kind": "symbol",
49855
+ "name": "ModifierValuesStencil",
49856
+ "typeParameters": [
49857
+ {
49858
+ "kind": "intersection",
49859
+ "value": [
49860
+ {
49861
+ "kind": "symbol",
49862
+ "name": "ME",
49863
+ "value": "ME"
49864
+ },
49865
+ {
49866
+ "kind": "symbol",
49867
+ "name": "M",
49868
+ "value": "M"
49869
+ }
49870
+ ]
49871
+ }
49872
+ ],
49873
+ "value": "ModifierValuesStencil<M, V>"
49874
+ },
49875
+ {
49876
+ "kind": "symbol",
49877
+ "name": "VariableValuesStencil",
49878
+ "typeParameters": [
49879
+ {
49880
+ "kind": "intersection",
49881
+ "value": [
49882
+ {
49883
+ "kind": "symbol",
49884
+ "name": "VE",
49885
+ "value": "VE"
49886
+ },
49887
+ {
49888
+ "kind": "symbol",
49889
+ "name": "V",
49890
+ "value": "V"
49891
+ }
49892
+ ]
49893
+ }
49894
+ ],
49895
+ "value": "VariableValuesStencil<V>"
49896
+ }
49897
+ ]
49898
+ },
49899
+ "falseType": {
49768
49900
  "kind": "primitive",
49769
- "value": "string"
49901
+ "value": "never"
49770
49902
  }
49771
- ]
49903
+ }
49772
49904
  },
49773
- "description": "The width of the component (in `px` if it's a `number`) when it is collapsed.",
49905
+ "required": false,
49906
+ "rest": false,
49907
+ "description": "",
49774
49908
  "declarations": [
49775
49909
  {
49776
- "name": "collapsedWidth",
49777
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
49910
+ "name": "options",
49911
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
49778
49912
  }
49779
49913
  ],
49780
- "tags": {
49781
- "default": "64"
49782
- },
49783
- "defaultValue": {
49784
- "kind": "number",
49785
- "value": 64
49786
- }
49787
- },
49914
+ "tags": {}
49915
+ }
49916
+ ],
49917
+ "members": [
49788
49918
  {
49789
49919
  "kind": "property",
49790
- "name": "expanded",
49791
- "required": false,
49920
+ "name": "vars",
49921
+ "required": true,
49792
49922
  "type": {
49793
- "kind": "primitive",
49794
- "value": "boolean"
49923
+ "kind": "symbol",
49924
+ "name": "StencilDefaultVars",
49925
+ "typeParameters": [
49926
+ {
49927
+ "kind": "symbol",
49928
+ "name": "V",
49929
+ "value": "V"
49930
+ },
49931
+ {
49932
+ "kind": "symbol",
49933
+ "name": "E",
49934
+ "value": "E"
49935
+ },
49936
+ {
49937
+ "kind": "symbol",
49938
+ "name": "ID",
49939
+ "value": "ID"
49940
+ }
49941
+ ],
49942
+ "value": "StencilDefaultVars<V, E, ID>"
49795
49943
  },
49796
- "description": "If true, sets the expanded state of the side panel",
49944
+ "description": "",
49797
49945
  "declarations": [
49798
49946
  {
49799
- "name": "expanded",
49800
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
49947
+ "name": "vars",
49948
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
49801
49949
  }
49802
49950
  ],
49803
- "tags": {
49804
- "default": "true"
49805
- },
49806
- "defaultValue": {
49807
- "kind": "boolean",
49808
- "value": true
49809
- }
49951
+ "tags": {}
49810
49952
  },
49811
49953
  {
49812
49954
  "kind": "property",
49813
- "name": "expandedWidth",
49814
- "required": false,
49955
+ "name": "base",
49956
+ "required": true,
49815
49957
  "type": {
49816
- "kind": "union",
49817
- "value": [
49818
- {
49819
- "kind": "primitive",
49820
- "value": "number"
49821
- },
49822
- {
49823
- "kind": "primitive",
49824
- "value": "string"
49825
- }
49826
- ]
49958
+ "kind": "primitive",
49959
+ "value": "string"
49827
49960
  },
49828
- "description": "The width of the component (in `px` if it's a `number`) when it is expanded.",
49961
+ "description": "",
49829
49962
  "declarations": [
49830
49963
  {
49831
- "name": "expandedWidth",
49832
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
49964
+ "name": "base",
49965
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
49833
49966
  }
49834
49967
  ],
49835
- "tags": {
49836
- "default": "320"
49837
- },
49838
- "defaultValue": {
49839
- "kind": "number",
49840
- "value": 320
49841
- }
49968
+ "tags": {}
49842
49969
  },
49843
49970
  {
49844
49971
  "kind": "property",
49845
- "name": "origin",
49972
+ "name": "modifiers",
49973
+ "required": true,
49974
+ "type": {
49975
+ "kind": "conditional",
49976
+ "check": {
49977
+ "kind": "tuple",
49978
+ "value": [
49979
+ {
49980
+ "kind": "symbol",
49981
+ "name": "E",
49982
+ "value": "E"
49983
+ }
49984
+ ]
49985
+ },
49986
+ "extends": {
49987
+ "kind": "tuple",
49988
+ "value": [
49989
+ {
49990
+ "kind": "symbol",
49991
+ "name": "BaseStencil",
49992
+ "typeParameters": [
49993
+ {
49994
+ "kind": "infer",
49995
+ "value": {
49996
+ "kind": "typeParameter",
49997
+ "name": "ME",
49998
+ "required": true
49999
+ }
50000
+ },
50001
+ {
50002
+ "kind": "infer",
50003
+ "value": {
50004
+ "kind": "typeParameter",
50005
+ "name": "VE",
50006
+ "required": true
50007
+ }
50008
+ },
50009
+ {
50010
+ "kind": "primitive",
50011
+ "value": "any"
50012
+ },
50013
+ {
50014
+ "kind": "primitive",
50015
+ "value": "any"
50016
+ }
50017
+ ],
50018
+ "value": "BaseStencil<M, V, E, ID>"
50019
+ }
50020
+ ]
50021
+ },
50022
+ "trueType": {
50023
+ "kind": "symbol",
50024
+ "name": "StencilModifierReturn",
50025
+ "typeParameters": [
50026
+ {
50027
+ "kind": "intersection",
50028
+ "value": [
50029
+ {
50030
+ "kind": "symbol",
50031
+ "name": "ME",
50032
+ "value": "ME"
50033
+ },
50034
+ {
50035
+ "kind": "symbol",
50036
+ "name": "M",
50037
+ "value": "M"
50038
+ }
50039
+ ]
50040
+ },
50041
+ {
50042
+ "kind": "intersection",
50043
+ "value": [
50044
+ {
50045
+ "kind": "symbol",
50046
+ "name": "VE",
50047
+ "value": "VE"
50048
+ },
50049
+ {
50050
+ "kind": "symbol",
50051
+ "name": "V",
50052
+ "value": "V"
50053
+ }
50054
+ ]
50055
+ }
50056
+ ],
50057
+ "value": "StencilModifierReturn<M, V>"
50058
+ },
50059
+ "falseType": {
50060
+ "kind": "symbol",
50061
+ "name": "StencilModifierReturn",
50062
+ "typeParameters": [
50063
+ {
50064
+ "kind": "symbol",
50065
+ "name": "M",
50066
+ "value": "M"
50067
+ },
50068
+ {
50069
+ "kind": "symbol",
50070
+ "name": "V",
50071
+ "value": "V"
50072
+ }
50073
+ ],
50074
+ "value": "StencilModifierReturn<M, V>"
50075
+ }
50076
+ },
50077
+ "description": "",
50078
+ "declarations": [
50079
+ {
50080
+ "name": "modifiers",
50081
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
50082
+ }
50083
+ ],
50084
+ "tags": {}
50085
+ },
50086
+ {
50087
+ "kind": "property",
50088
+ "name": "defaultModifiers",
50089
+ "required": true,
50090
+ "type": {
50091
+ "kind": "conditional",
50092
+ "check": {
50093
+ "kind": "tuple",
50094
+ "value": [
50095
+ {
50096
+ "kind": "symbol",
50097
+ "name": "E",
50098
+ "value": "E"
50099
+ }
50100
+ ]
50101
+ },
50102
+ "extends": {
50103
+ "kind": "tuple",
50104
+ "value": [
50105
+ {
50106
+ "kind": "symbol",
50107
+ "name": "BaseStencil",
50108
+ "typeParameters": [
50109
+ {
50110
+ "kind": "infer",
50111
+ "value": {
50112
+ "kind": "typeParameter",
50113
+ "name": "ME",
50114
+ "required": true
50115
+ }
50116
+ },
50117
+ {
50118
+ "kind": "primitive",
50119
+ "value": "any"
50120
+ },
50121
+ {
50122
+ "kind": "primitive",
50123
+ "value": "any"
50124
+ },
50125
+ {
50126
+ "kind": "primitive",
50127
+ "value": "any"
50128
+ }
50129
+ ],
50130
+ "value": "BaseStencil<M, V, E, ID>"
50131
+ }
50132
+ ]
50133
+ },
50134
+ "trueType": {
50135
+ "kind": "symbol",
50136
+ "name": "StencilDefaultModifierReturn",
50137
+ "typeParameters": [
50138
+ {
50139
+ "kind": "intersection",
50140
+ "value": [
50141
+ {
50142
+ "kind": "symbol",
50143
+ "name": "ME",
50144
+ "value": "ME"
50145
+ },
50146
+ {
50147
+ "kind": "symbol",
50148
+ "name": "M",
50149
+ "value": "M"
50150
+ }
50151
+ ]
50152
+ }
50153
+ ],
50154
+ "value": "StencilDefaultModifierReturn<M>"
50155
+ },
50156
+ "falseType": {
50157
+ "kind": "symbol",
50158
+ "name": "StencilDefaultModifierReturn",
50159
+ "typeParameters": [
50160
+ {
50161
+ "kind": "symbol",
50162
+ "name": "M",
50163
+ "value": "M"
50164
+ }
50165
+ ],
50166
+ "value": "StencilDefaultModifierReturn<M>"
50167
+ }
50168
+ },
50169
+ "description": "",
50170
+ "declarations": [
50171
+ {
50172
+ "name": "defaultModifiers",
50173
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
50174
+ }
50175
+ ],
50176
+ "tags": {}
50177
+ },
50178
+ {
50179
+ "kind": "property",
50180
+ "name": "__extends",
50181
+ "required": false,
50182
+ "type": {
50183
+ "kind": "symbol",
50184
+ "name": "E",
50185
+ "value": "E"
50186
+ },
50187
+ "description": "",
50188
+ "declarations": [
50189
+ {
50190
+ "name": "__extends",
50191
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
50192
+ }
50193
+ ],
50194
+ "tags": {}
50195
+ },
50196
+ {
50197
+ "kind": "property",
50198
+ "name": "__vars",
50199
+ "required": true,
50200
+ "type": {
50201
+ "kind": "symbol",
50202
+ "name": "V",
50203
+ "value": "V"
50204
+ },
50205
+ "description": "",
50206
+ "declarations": [
50207
+ {
50208
+ "name": "__vars",
50209
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
50210
+ }
50211
+ ],
50212
+ "tags": {}
50213
+ },
50214
+ {
50215
+ "kind": "property",
50216
+ "name": "__modifiers",
50217
+ "required": true,
50218
+ "type": {
50219
+ "kind": "symbol",
50220
+ "name": "M",
50221
+ "value": "M"
50222
+ },
50223
+ "description": "",
50224
+ "declarations": [
50225
+ {
50226
+ "name": "__modifiers",
50227
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
50228
+ }
50229
+ ],
50230
+ "tags": {}
50231
+ },
50232
+ {
50233
+ "kind": "property",
50234
+ "name": "__id",
50235
+ "required": true,
50236
+ "type": {
50237
+ "kind": "symbol",
50238
+ "name": "ID",
50239
+ "value": "ID"
50240
+ },
50241
+ "description": "",
50242
+ "declarations": [
50243
+ {
50244
+ "name": "__id",
50245
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
50246
+ }
50247
+ ],
50248
+ "tags": {}
50249
+ }
50250
+ ],
50251
+ "returnType": {
50252
+ "kind": "object",
50253
+ "properties": [
50254
+ {
50255
+ "kind": "property",
50256
+ "name": "className",
50257
+ "required": true,
50258
+ "type": {
50259
+ "kind": "primitive",
50260
+ "value": "string"
50261
+ },
50262
+ "description": "",
50263
+ "declarations": [
50264
+ {
50265
+ "name": "className",
50266
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
50267
+ }
50268
+ ],
50269
+ "tags": {}
50270
+ },
50271
+ {
50272
+ "kind": "property",
50273
+ "name": "style",
50274
+ "required": false,
50275
+ "type": {
50276
+ "kind": "external",
50277
+ "name": "Record",
50278
+ "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
50279
+ "typeParameters": [
50280
+ {
50281
+ "kind": "primitive",
50282
+ "value": "string"
50283
+ },
50284
+ {
50285
+ "kind": "primitive",
50286
+ "value": "string"
50287
+ }
50288
+ ]
50289
+ },
50290
+ "description": "",
50291
+ "declarations": [
50292
+ {
50293
+ "name": "style",
50294
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
50295
+ }
50296
+ ],
50297
+ "tags": {}
50298
+ }
50299
+ ]
50300
+ }
50301
+ }
50302
+ },
50303
+ {
50304
+ "name": "SidePanel",
50305
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx",
50306
+ "description": "",
50307
+ "declarations": [
50308
+ {
50309
+ "name": "SidePanel",
50310
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
50311
+ }
50312
+ ],
50313
+ "tags": {},
50314
+ "type": {
50315
+ "kind": "enhancedComponent",
50316
+ "componentType": "regular",
50317
+ "displayName": "SidePanel",
50318
+ "props": [
50319
+ {
50320
+ "kind": "property",
50321
+ "name": "collapsedWidth",
50322
+ "required": false,
50323
+ "type": {
50324
+ "kind": "union",
50325
+ "value": [
50326
+ {
50327
+ "kind": "primitive",
50328
+ "value": "number"
50329
+ },
50330
+ {
50331
+ "kind": "primitive",
50332
+ "value": "string"
50333
+ }
50334
+ ]
50335
+ },
50336
+ "description": "The width of the component (in `px` if it's a `number`) when it is collapsed.",
50337
+ "declarations": [
50338
+ {
50339
+ "name": "collapsedWidth",
50340
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
50341
+ }
50342
+ ],
50343
+ "tags": {
50344
+ "default": "64"
50345
+ },
50346
+ "defaultValue": {
50347
+ "kind": "number",
50348
+ "value": 64
50349
+ }
50350
+ },
50351
+ {
50352
+ "kind": "property",
50353
+ "name": "expanded",
50354
+ "required": false,
50355
+ "type": {
50356
+ "kind": "primitive",
50357
+ "value": "boolean"
50358
+ },
50359
+ "description": "If true, sets the expanded state of the side panel",
50360
+ "declarations": [
50361
+ {
50362
+ "name": "expanded",
50363
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
50364
+ }
50365
+ ],
50366
+ "tags": {
50367
+ "default": "true"
50368
+ },
50369
+ "defaultValue": {
50370
+ "kind": "boolean",
50371
+ "value": true
50372
+ }
50373
+ },
50374
+ {
50375
+ "kind": "property",
50376
+ "name": "expandedWidth",
50377
+ "required": false,
50378
+ "type": {
50379
+ "kind": "union",
50380
+ "value": [
50381
+ {
50382
+ "kind": "primitive",
50383
+ "value": "number"
50384
+ },
50385
+ {
50386
+ "kind": "primitive",
50387
+ "value": "string"
50388
+ }
50389
+ ]
50390
+ },
50391
+ "description": "The width of the component (in `px` if it's a `number`) when it is expanded.",
50392
+ "declarations": [
50393
+ {
50394
+ "name": "expandedWidth",
50395
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
50396
+ }
50397
+ ],
50398
+ "tags": {
50399
+ "default": "320"
50400
+ },
50401
+ "defaultValue": {
50402
+ "kind": "number",
50403
+ "value": 320
50404
+ }
50405
+ },
50406
+ {
50407
+ "kind": "property",
50408
+ "name": "origin",
50409
+ "required": false,
50410
+ "type": {
50411
+ "kind": "union",
50412
+ "value": [
50413
+ {
50414
+ "kind": "string",
50415
+ "value": "left"
50416
+ },
50417
+ {
50418
+ "kind": "string",
50419
+ "value": "right"
50420
+ }
50421
+ ]
50422
+ },
50423
+ "description": "Which side the side panel is meant to originate from.",
50424
+ "declarations": [
50425
+ {
50426
+ "name": "origin",
50427
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
50428
+ }
50429
+ ],
50430
+ "tags": {
50431
+ "default": "'left'"
50432
+ },
50433
+ "defaultValue": {
50434
+ "kind": "string",
50435
+ "value": "left"
50436
+ }
50437
+ },
50438
+ {
50439
+ "kind": "property",
50440
+ "name": "onExpandedChange",
50441
+ "required": false,
50442
+ "type": {
50443
+ "kind": "function",
50444
+ "parameters": [
50445
+ {
50446
+ "kind": "parameter",
50447
+ "name": "expanded",
50448
+ "type": {
50449
+ "kind": "primitive",
50450
+ "value": "boolean"
50451
+ },
50452
+ "required": false,
50453
+ "rest": false,
50454
+ "description": "",
50455
+ "declarations": [
50456
+ {
50457
+ "name": "expanded",
50458
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
50459
+ }
50460
+ ],
50461
+ "tags": {}
50462
+ }
50463
+ ],
50464
+ "members": [],
50465
+ "returnType": {
50466
+ "kind": "primitive",
50467
+ "value": "void"
50468
+ }
50469
+ },
50470
+ "description": "The function called when the side panel's `expanded` state changes. States like `'collapsing'` and `'expanding'` are tracked in another callback: `onStateTransition`",
50471
+ "declarations": [
50472
+ {
50473
+ "name": "onExpandedChange",
50474
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
50475
+ }
50476
+ ],
50477
+ "tags": {
50478
+ "param": "boolean"
50479
+ }
50480
+ },
50481
+ {
50482
+ "kind": "property",
50483
+ "name": "onStateTransition",
50484
+ "required": false,
50485
+ "type": {
50486
+ "kind": "function",
50487
+ "parameters": [
50488
+ {
50489
+ "kind": "parameter",
50490
+ "name": "state",
50491
+ "type": {
50492
+ "kind": "symbol",
50493
+ "name": "SidePanelTransitionStates",
50494
+ "value": "SidePanelTransitionStates"
50495
+ },
50496
+ "required": false,
50497
+ "rest": false,
50498
+ "description": "",
50499
+ "declarations": [
50500
+ {
50501
+ "name": "state",
50502
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
50503
+ }
50504
+ ],
50505
+ "tags": {}
50506
+ }
50507
+ ],
50508
+ "members": [],
50509
+ "returnType": {
50510
+ "kind": "primitive",
50511
+ "value": "void"
50512
+ }
50513
+ },
50514
+ "description": "The function called when the side panel is transitioning between states.\nUse this to track when the side panel is animating between `'collapsed'`, `'collapsing'`, `'expanded'`, and `'expanding'` states.\nThis can be particularly helpful if child components need to react specifically to these states.",
50515
+ "declarations": [
50516
+ {
50517
+ "name": "onStateTransition",
50518
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
50519
+ }
50520
+ ],
50521
+ "tags": {
50522
+ "param": "SidePanelTransitionStates"
50523
+ }
50524
+ },
50525
+ {
50526
+ "kind": "property",
50527
+ "name": "variant",
50528
+ "required": false,
50529
+ "type": {
50530
+ "kind": "symbol",
50531
+ "name": "SidePanelVariant",
50532
+ "value": "SidePanelVariant"
50533
+ },
50534
+ "description": "The style variant of the side panel. 'standard' is with a `soap100` background, no depth. 'alternate' is a `frenchVanilla100` background with a level 6 depth.",
50535
+ "declarations": [
50536
+ {
50537
+ "name": "variant",
50538
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
50539
+ }
50540
+ ],
50541
+ "tags": {
50542
+ "default": "'standard'"
50543
+ },
50544
+ "defaultValue": {
50545
+ "kind": "string",
50546
+ "value": "standard"
50547
+ }
50548
+ },
50549
+ {
50550
+ "kind": "property",
50551
+ "name": "touched",
50552
+ "required": true,
50553
+ "type": {
50554
+ "kind": "primitive",
50555
+ "value": "boolean"
50556
+ },
50557
+ "description": "This is set by the useSidePanel hook and prevents unintended keyframe animations",
50558
+ "declarations": [
50559
+ {
50560
+ "name": "touched",
50561
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
50562
+ }
50563
+ ],
50564
+ "tags": {
50565
+ "param": "boolean"
50566
+ }
50567
+ },
50568
+ {
50569
+ "kind": "property",
50570
+ "name": "children",
50571
+ "required": false,
50572
+ "type": {
50573
+ "kind": "external",
50574
+ "name": "ReactNode",
50575
+ "url": "https://reactjs.org/docs/rendering-elements.html"
50576
+ },
50577
+ "description": "",
50578
+ "declarations": [
50579
+ {
50580
+ "name": "children",
50581
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
50582
+ }
50583
+ ],
50584
+ "tags": {}
50585
+ },
50586
+ {
50587
+ "kind": "property",
50588
+ "name": "onAnimationStart",
50589
+ "required": false,
50590
+ "type": {
50591
+ "kind": "symbol",
50592
+ "name": "React.AnimationEventHandler",
50593
+ "typeParameters": [
50594
+ {
50595
+ "kind": "symbol",
50596
+ "name": "HTMLElement",
50597
+ "value": "HTMLElement"
50598
+ }
50599
+ ],
50600
+ "value": "AnimationEventHandler<T>"
50601
+ },
50602
+ "description": "",
50603
+ "declarations": [
50604
+ {
50605
+ "name": "onAnimationStart",
50606
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
50607
+ }
50608
+ ],
50609
+ "tags": {}
50610
+ },
50611
+ {
50612
+ "kind": "property",
50613
+ "name": "onAnimationEnd",
50614
+ "required": false,
50615
+ "type": {
50616
+ "kind": "symbol",
50617
+ "name": "React.AnimationEventHandler",
50618
+ "typeParameters": [
50619
+ {
50620
+ "kind": "symbol",
50621
+ "name": "HTMLElement",
50622
+ "value": "HTMLElement"
50623
+ }
50624
+ ],
50625
+ "value": "AnimationEventHandler<T>"
50626
+ },
50627
+ "description": "",
50628
+ "declarations": [
50629
+ {
50630
+ "name": "onAnimationEnd",
50631
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
50632
+ }
50633
+ ],
50634
+ "tags": {}
50635
+ },
50636
+ {
50637
+ "kind": "property",
50638
+ "name": "as",
50639
+ "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.",
50640
+ "tags": {},
50641
+ "declarations": [],
50642
+ "type": {
50643
+ "kind": "external",
50644
+ "name": "React.ElementType",
50645
+ "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
50646
+ },
50647
+ "defaultValue": {
50648
+ "kind": "external",
50649
+ "name": "section",
50650
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section"
50651
+ }
50652
+ },
50653
+ {
50654
+ "kind": "property",
50655
+ "name": "ref",
50656
+ "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`).",
50657
+ "tags": {},
50658
+ "declarations": [],
50659
+ "type": {
50660
+ "kind": "external",
50661
+ "name": "React.Ref",
50662
+ "url": "https://reactjs.org/docs/refs-and-the-dom.html",
50663
+ "typeParameters": [
50664
+ {
50665
+ "kind": "typeParameter",
50666
+ "name": "R",
50667
+ "required": true,
50668
+ "defaultValue": {
50669
+ "kind": "external",
50670
+ "name": "section",
50671
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section"
50672
+ }
50673
+ }
50674
+ ]
50675
+ }
50676
+ }
50677
+ ],
50678
+ "baseElement": {
50679
+ "kind": "external",
50680
+ "name": "section",
50681
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section"
50682
+ },
50683
+ "subComponents": [
50684
+ {
50685
+ "name": "ToggleButton",
50686
+ "symbol": "SidePanelToggleButton",
50687
+ "description": "`SidePanel.ToggleButton` is a control that is meant to toggle between `expanded = true` and\n`expanded = false` states. It must be used within the `SidePanel` component as a child. Use\nin conjunction with `useSidePanel`'s `controlProps`, otherwise it does not come with explicit\n`onClick` handlers.\n\nFor accessibility purposes, it must be the first focusable element. We recommend that you\nkeep it as the first child of `SidePanel`",
50688
+ "declarations": [
50689
+ {
50690
+ "name": "ToggleButton",
50691
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
50692
+ },
50693
+ {
50694
+ "name": "SidePanelToggleButton",
50695
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanelToggleButton.tsx"
50696
+ }
50697
+ ],
50698
+ "tags": {}
50699
+ }
50700
+ ]
50701
+ }
50702
+ },
50703
+ {
50704
+ "name": "SidePanelToggleButtonProps",
50705
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanelToggleButton.tsx",
50706
+ "description": "",
50707
+ "declarations": [
50708
+ {
50709
+ "name": "SidePanelToggleButtonProps",
50710
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanelToggleButton.tsx"
50711
+ }
50712
+ ],
50713
+ "tags": {},
50714
+ "type": {
50715
+ "kind": "alias",
50716
+ "name": "SidePanelToggleButton"
50717
+ }
50718
+ },
50719
+ {
50720
+ "name": "sidePanelToggleButtonStencil",
50721
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanelToggleButton.tsx",
50722
+ "description": "",
50723
+ "declarations": [
50724
+ {
50725
+ "name": "sidePanelToggleButtonStencil",
50726
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanelToggleButton.tsx"
50727
+ }
50728
+ ],
50729
+ "tags": {},
50730
+ "type": {
50731
+ "kind": "function",
50732
+ "parameters": [
50733
+ {
50734
+ "kind": "parameter",
50735
+ "name": "options",
50736
+ "type": {
50737
+ "kind": "conditional",
50738
+ "check": {
50739
+ "kind": "tuple",
50740
+ "value": [
50741
+ {
50742
+ "kind": "symbol",
50743
+ "name": "E",
50744
+ "value": "E"
50745
+ }
50746
+ ]
50747
+ },
50748
+ "extends": {
50749
+ "kind": "tuple",
50750
+ "value": [
50751
+ {
50752
+ "kind": "primitive",
50753
+ "value": "never"
50754
+ }
50755
+ ]
50756
+ },
50757
+ "trueType": {
50758
+ "kind": "intersection",
50759
+ "value": [
50760
+ {
50761
+ "kind": "symbol",
50762
+ "name": "ModifierValuesStencil",
50763
+ "typeParameters": [
50764
+ {
50765
+ "kind": "symbol",
50766
+ "name": "M",
50767
+ "value": "M"
50768
+ },
50769
+ {
50770
+ "kind": "symbol",
50771
+ "name": "V",
50772
+ "value": "V"
50773
+ }
50774
+ ],
50775
+ "value": "ModifierValuesStencil<M, V>"
50776
+ },
50777
+ {
50778
+ "kind": "symbol",
50779
+ "name": "VariableValuesStencil",
50780
+ "typeParameters": [
50781
+ {
50782
+ "kind": "symbol",
50783
+ "name": "V",
50784
+ "value": "V"
50785
+ }
50786
+ ],
50787
+ "value": "VariableValuesStencil<V>"
50788
+ }
50789
+ ]
50790
+ },
50791
+ "falseType": {
50792
+ "kind": "conditional",
50793
+ "check": {
50794
+ "kind": "symbol",
50795
+ "name": "E",
50796
+ "value": "E"
50797
+ },
50798
+ "extends": {
50799
+ "kind": "symbol",
50800
+ "name": "BaseStencil",
50801
+ "typeParameters": [
50802
+ {
50803
+ "kind": "infer",
50804
+ "value": {
50805
+ "kind": "typeParameter",
50806
+ "name": "ME",
50807
+ "required": true
50808
+ }
50809
+ },
50810
+ {
50811
+ "kind": "infer",
50812
+ "value": {
50813
+ "kind": "typeParameter",
50814
+ "name": "VE",
50815
+ "required": true
50816
+ }
50817
+ },
50818
+ {
50819
+ "kind": "primitive",
50820
+ "value": "any"
50821
+ },
50822
+ {
50823
+ "kind": "primitive",
50824
+ "value": "any"
50825
+ }
50826
+ ],
50827
+ "value": "BaseStencil<M, V, E, ID>"
50828
+ },
50829
+ "trueType": {
50830
+ "kind": "intersection",
50831
+ "value": [
50832
+ {
50833
+ "kind": "symbol",
50834
+ "name": "ModifierValuesStencil",
50835
+ "typeParameters": [
50836
+ {
50837
+ "kind": "intersection",
50838
+ "value": [
50839
+ {
50840
+ "kind": "symbol",
50841
+ "name": "ME",
50842
+ "value": "ME"
50843
+ },
50844
+ {
50845
+ "kind": "symbol",
50846
+ "name": "M",
50847
+ "value": "M"
50848
+ }
50849
+ ]
50850
+ }
50851
+ ],
50852
+ "value": "ModifierValuesStencil<M, V>"
50853
+ },
50854
+ {
50855
+ "kind": "symbol",
50856
+ "name": "VariableValuesStencil",
50857
+ "typeParameters": [
50858
+ {
50859
+ "kind": "intersection",
50860
+ "value": [
50861
+ {
50862
+ "kind": "symbol",
50863
+ "name": "VE",
50864
+ "value": "VE"
50865
+ },
50866
+ {
50867
+ "kind": "symbol",
50868
+ "name": "V",
50869
+ "value": "V"
50870
+ }
50871
+ ]
50872
+ }
50873
+ ],
50874
+ "value": "VariableValuesStencil<V>"
50875
+ }
50876
+ ]
50877
+ },
50878
+ "falseType": {
50879
+ "kind": "primitive",
50880
+ "value": "never"
50881
+ }
50882
+ }
50883
+ },
49846
50884
  "required": false,
50885
+ "rest": false,
50886
+ "description": "",
50887
+ "declarations": [
50888
+ {
50889
+ "name": "options",
50890
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
50891
+ }
50892
+ ],
50893
+ "tags": {}
50894
+ }
50895
+ ],
50896
+ "members": [
50897
+ {
50898
+ "kind": "property",
50899
+ "name": "vars",
50900
+ "required": true,
49847
50901
  "type": {
49848
- "kind": "union",
49849
- "value": [
50902
+ "kind": "symbol",
50903
+ "name": "StencilDefaultVars",
50904
+ "typeParameters": [
49850
50905
  {
49851
- "kind": "string",
49852
- "value": "left"
50906
+ "kind": "symbol",
50907
+ "name": "V",
50908
+ "value": "V"
49853
50909
  },
49854
50910
  {
49855
- "kind": "string",
49856
- "value": "right"
50911
+ "kind": "symbol",
50912
+ "name": "E",
50913
+ "value": "E"
50914
+ },
50915
+ {
50916
+ "kind": "symbol",
50917
+ "name": "ID",
50918
+ "value": "ID"
49857
50919
  }
49858
- ]
50920
+ ],
50921
+ "value": "StencilDefaultVars<V, E, ID>"
49859
50922
  },
49860
- "description": "Which side the side panel is meant to originate from.",
50923
+ "description": "",
49861
50924
  "declarations": [
49862
50925
  {
49863
- "name": "origin",
49864
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
50926
+ "name": "vars",
50927
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
49865
50928
  }
49866
50929
  ],
49867
- "tags": {
49868
- "default": "'left'"
50930
+ "tags": {}
50931
+ },
50932
+ {
50933
+ "kind": "property",
50934
+ "name": "base",
50935
+ "required": true,
50936
+ "type": {
50937
+ "kind": "primitive",
50938
+ "value": "string"
49869
50939
  },
49870
- "defaultValue": {
49871
- "kind": "string",
49872
- "value": "left"
49873
- }
50940
+ "description": "",
50941
+ "declarations": [
50942
+ {
50943
+ "name": "base",
50944
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
50945
+ }
50946
+ ],
50947
+ "tags": {}
49874
50948
  },
49875
50949
  {
49876
50950
  "kind": "property",
49877
- "name": "onExpandedChange",
49878
- "required": false,
50951
+ "name": "modifiers",
50952
+ "required": true,
49879
50953
  "type": {
49880
- "kind": "function",
49881
- "parameters": [
49882
- {
49883
- "kind": "parameter",
49884
- "name": "expanded",
49885
- "type": {
49886
- "kind": "primitive",
49887
- "value": "boolean"
50954
+ "kind": "conditional",
50955
+ "check": {
50956
+ "kind": "tuple",
50957
+ "value": [
50958
+ {
50959
+ "kind": "symbol",
50960
+ "name": "E",
50961
+ "value": "E"
50962
+ }
50963
+ ]
50964
+ },
50965
+ "extends": {
50966
+ "kind": "tuple",
50967
+ "value": [
50968
+ {
50969
+ "kind": "symbol",
50970
+ "name": "BaseStencil",
50971
+ "typeParameters": [
50972
+ {
50973
+ "kind": "infer",
50974
+ "value": {
50975
+ "kind": "typeParameter",
50976
+ "name": "ME",
50977
+ "required": true
50978
+ }
50979
+ },
50980
+ {
50981
+ "kind": "infer",
50982
+ "value": {
50983
+ "kind": "typeParameter",
50984
+ "name": "VE",
50985
+ "required": true
50986
+ }
50987
+ },
50988
+ {
50989
+ "kind": "primitive",
50990
+ "value": "any"
50991
+ },
50992
+ {
50993
+ "kind": "primitive",
50994
+ "value": "any"
50995
+ }
50996
+ ],
50997
+ "value": "BaseStencil<M, V, E, ID>"
50998
+ }
50999
+ ]
51000
+ },
51001
+ "trueType": {
51002
+ "kind": "symbol",
51003
+ "name": "StencilModifierReturn",
51004
+ "typeParameters": [
51005
+ {
51006
+ "kind": "intersection",
51007
+ "value": [
51008
+ {
51009
+ "kind": "symbol",
51010
+ "name": "ME",
51011
+ "value": "ME"
51012
+ },
51013
+ {
51014
+ "kind": "symbol",
51015
+ "name": "M",
51016
+ "value": "M"
51017
+ }
51018
+ ]
49888
51019
  },
49889
- "required": false,
49890
- "rest": false,
49891
- "description": "",
49892
- "declarations": [
49893
- {
49894
- "name": "expanded",
49895
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
49896
- }
49897
- ],
49898
- "tags": {}
49899
- }
49900
- ],
49901
- "members": [],
49902
- "returnType": {
49903
- "kind": "primitive",
49904
- "value": "void"
51020
+ {
51021
+ "kind": "intersection",
51022
+ "value": [
51023
+ {
51024
+ "kind": "symbol",
51025
+ "name": "VE",
51026
+ "value": "VE"
51027
+ },
51028
+ {
51029
+ "kind": "symbol",
51030
+ "name": "V",
51031
+ "value": "V"
51032
+ }
51033
+ ]
51034
+ }
51035
+ ],
51036
+ "value": "StencilModifierReturn<M, V>"
51037
+ },
51038
+ "falseType": {
51039
+ "kind": "symbol",
51040
+ "name": "StencilModifierReturn",
51041
+ "typeParameters": [
51042
+ {
51043
+ "kind": "symbol",
51044
+ "name": "M",
51045
+ "value": "M"
51046
+ },
51047
+ {
51048
+ "kind": "symbol",
51049
+ "name": "V",
51050
+ "value": "V"
51051
+ }
51052
+ ],
51053
+ "value": "StencilModifierReturn<M, V>"
49905
51054
  }
49906
51055
  },
49907
- "description": "The function called when the side panel's `expanded` state changes. States like `'collapsing'` and `'expanding'` are tracked in another callback: `onStateTransition`",
51056
+ "description": "",
49908
51057
  "declarations": [
49909
51058
  {
49910
- "name": "onExpandedChange",
49911
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
51059
+ "name": "modifiers",
51060
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
49912
51061
  }
49913
51062
  ],
49914
- "tags": {
49915
- "param": "boolean"
49916
- }
51063
+ "tags": {}
49917
51064
  },
49918
51065
  {
49919
51066
  "kind": "property",
49920
- "name": "onStateTransition",
49921
- "required": false,
51067
+ "name": "defaultModifiers",
51068
+ "required": true,
49922
51069
  "type": {
49923
- "kind": "function",
49924
- "parameters": [
49925
- {
49926
- "kind": "parameter",
49927
- "name": "state",
49928
- "type": {
51070
+ "kind": "conditional",
51071
+ "check": {
51072
+ "kind": "tuple",
51073
+ "value": [
51074
+ {
51075
+ "kind": "symbol",
51076
+ "name": "E",
51077
+ "value": "E"
51078
+ }
51079
+ ]
51080
+ },
51081
+ "extends": {
51082
+ "kind": "tuple",
51083
+ "value": [
51084
+ {
51085
+ "kind": "symbol",
51086
+ "name": "BaseStencil",
51087
+ "typeParameters": [
51088
+ {
51089
+ "kind": "infer",
51090
+ "value": {
51091
+ "kind": "typeParameter",
51092
+ "name": "ME",
51093
+ "required": true
51094
+ }
51095
+ },
51096
+ {
51097
+ "kind": "primitive",
51098
+ "value": "any"
51099
+ },
51100
+ {
51101
+ "kind": "primitive",
51102
+ "value": "any"
51103
+ },
51104
+ {
51105
+ "kind": "primitive",
51106
+ "value": "any"
51107
+ }
51108
+ ],
51109
+ "value": "BaseStencil<M, V, E, ID>"
51110
+ }
51111
+ ]
51112
+ },
51113
+ "trueType": {
51114
+ "kind": "symbol",
51115
+ "name": "StencilDefaultModifierReturn",
51116
+ "typeParameters": [
51117
+ {
51118
+ "kind": "intersection",
51119
+ "value": [
51120
+ {
51121
+ "kind": "symbol",
51122
+ "name": "ME",
51123
+ "value": "ME"
51124
+ },
51125
+ {
51126
+ "kind": "symbol",
51127
+ "name": "M",
51128
+ "value": "M"
51129
+ }
51130
+ ]
51131
+ }
51132
+ ],
51133
+ "value": "StencilDefaultModifierReturn<M>"
51134
+ },
51135
+ "falseType": {
51136
+ "kind": "symbol",
51137
+ "name": "StencilDefaultModifierReturn",
51138
+ "typeParameters": [
51139
+ {
49929
51140
  "kind": "symbol",
49930
- "name": "SidePanelTransitionStates",
49931
- "value": "SidePanelTransitionStates"
49932
- },
49933
- "required": false,
49934
- "rest": false,
49935
- "description": "",
49936
- "declarations": [
49937
- {
49938
- "name": "state",
49939
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
49940
- }
49941
- ],
49942
- "tags": {}
49943
- }
49944
- ],
49945
- "members": [],
49946
- "returnType": {
49947
- "kind": "primitive",
49948
- "value": "void"
51141
+ "name": "M",
51142
+ "value": "M"
51143
+ }
51144
+ ],
51145
+ "value": "StencilDefaultModifierReturn<M>"
49949
51146
  }
49950
51147
  },
49951
- "description": "The function called when the side panel is transitioning between states.\nUse this to track when the side panel is animating between `'collapsed'`, `'collapsing'`, `'expanded'`, and `'expanding'` states.\nThis can be particularly helpful if child components need to react specifically to these states.",
51148
+ "description": "",
49952
51149
  "declarations": [
49953
51150
  {
49954
- "name": "onStateTransition",
49955
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
51151
+ "name": "defaultModifiers",
51152
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
49956
51153
  }
49957
51154
  ],
49958
- "tags": {
49959
- "param": "SidePanelTransitionStates"
49960
- }
51155
+ "tags": {}
49961
51156
  },
49962
51157
  {
49963
51158
  "kind": "property",
49964
- "name": "variant",
51159
+ "name": "__extends",
49965
51160
  "required": false,
49966
51161
  "type": {
49967
51162
  "kind": "symbol",
49968
- "name": "SidePanelVariant",
49969
- "value": "SidePanelVariant"
51163
+ "name": "E",
51164
+ "value": "E"
49970
51165
  },
49971
- "description": "The style variant of the side panel. 'standard' is with a `soap100` background, no depth. 'alternate' is a `frenchVanilla100` background with a level 6 depth.",
51166
+ "description": "",
49972
51167
  "declarations": [
49973
51168
  {
49974
- "name": "variant",
49975
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
51169
+ "name": "__extends",
51170
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
49976
51171
  }
49977
51172
  ],
49978
- "tags": {
49979
- "default": "'standard'"
49980
- },
49981
- "defaultValue": {
49982
- "kind": "string",
49983
- "value": "standard"
49984
- }
51173
+ "tags": {}
49985
51174
  },
49986
51175
  {
49987
51176
  "kind": "property",
49988
- "name": "touched",
51177
+ "name": "__vars",
49989
51178
  "required": true,
49990
51179
  "type": {
49991
- "kind": "primitive",
49992
- "value": "boolean"
49993
- },
49994
- "description": "This is set by the useSidePanel hook and prevents unintended keyframe animations",
49995
- "declarations": [
49996
- {
49997
- "name": "touched",
49998
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
49999
- }
50000
- ],
50001
- "tags": {
50002
- "param": "boolean"
50003
- }
50004
- },
50005
- {
50006
- "kind": "property",
50007
- "name": "children",
50008
- "required": false,
50009
- "type": {
50010
- "kind": "external",
50011
- "name": "ReactNode",
50012
- "url": "https://reactjs.org/docs/rendering-elements.html"
51180
+ "kind": "symbol",
51181
+ "name": "V",
51182
+ "value": "V"
50013
51183
  },
50014
51184
  "description": "",
50015
51185
  "declarations": [
50016
51186
  {
50017
- "name": "children",
50018
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
51187
+ "name": "__vars",
51188
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
50019
51189
  }
50020
51190
  ],
50021
51191
  "tags": {}
50022
51192
  },
50023
51193
  {
50024
51194
  "kind": "property",
50025
- "name": "onAnimationStart",
50026
- "required": false,
51195
+ "name": "__modifiers",
51196
+ "required": true,
50027
51197
  "type": {
50028
51198
  "kind": "symbol",
50029
- "name": "React.AnimationEventHandler",
50030
- "typeParameters": [
50031
- {
50032
- "kind": "symbol",
50033
- "name": "HTMLElement",
50034
- "value": "HTMLElement"
50035
- }
50036
- ],
50037
- "value": "AnimationEventHandler<T>"
51199
+ "name": "M",
51200
+ "value": "M"
50038
51201
  },
50039
51202
  "description": "",
50040
51203
  "declarations": [
50041
51204
  {
50042
- "name": "onAnimationStart",
50043
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
51205
+ "name": "__modifiers",
51206
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
50044
51207
  }
50045
51208
  ],
50046
51209
  "tags": {}
50047
51210
  },
50048
51211
  {
50049
51212
  "kind": "property",
50050
- "name": "onAnimationEnd",
50051
- "required": false,
51213
+ "name": "__id",
51214
+ "required": true,
50052
51215
  "type": {
50053
51216
  "kind": "symbol",
50054
- "name": "React.AnimationEventHandler",
50055
- "typeParameters": [
50056
- {
50057
- "kind": "symbol",
50058
- "name": "HTMLElement",
50059
- "value": "HTMLElement"
50060
- }
50061
- ],
50062
- "value": "AnimationEventHandler<T>"
51217
+ "name": "ID",
51218
+ "value": "ID"
50063
51219
  },
50064
51220
  "description": "",
50065
51221
  "declarations": [
50066
51222
  {
50067
- "name": "onAnimationEnd",
50068
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
51223
+ "name": "__id",
51224
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
50069
51225
  }
50070
51226
  ],
50071
51227
  "tags": {}
50072
- },
50073
- {
50074
- "kind": "property",
50075
- "name": "as",
50076
- "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.",
50077
- "tags": {},
50078
- "declarations": [],
50079
- "type": {
50080
- "kind": "external",
50081
- "name": "React.ElementType",
50082
- "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
50083
- },
50084
- "defaultValue": {
50085
- "kind": "external",
50086
- "name": "section",
50087
- "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section"
50088
- }
50089
- },
50090
- {
50091
- "kind": "property",
50092
- "name": "ref",
50093
- "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`).",
50094
- "tags": {},
50095
- "declarations": [],
50096
- "type": {
50097
- "kind": "external",
50098
- "name": "React.Ref",
50099
- "url": "https://reactjs.org/docs/refs-and-the-dom.html",
50100
- "typeParameters": [
51228
+ }
51229
+ ],
51230
+ "returnType": {
51231
+ "kind": "object",
51232
+ "properties": [
51233
+ {
51234
+ "kind": "property",
51235
+ "name": "className",
51236
+ "required": true,
51237
+ "type": {
51238
+ "kind": "primitive",
51239
+ "value": "string"
51240
+ },
51241
+ "description": "",
51242
+ "declarations": [
50101
51243
  {
50102
- "kind": "typeParameter",
50103
- "name": "R",
50104
- "required": true,
50105
- "defaultValue": {
50106
- "kind": "external",
50107
- "name": "section",
50108
- "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section"
51244
+ "name": "className",
51245
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
51246
+ }
51247
+ ],
51248
+ "tags": {}
51249
+ },
51250
+ {
51251
+ "kind": "property",
51252
+ "name": "style",
51253
+ "required": false,
51254
+ "type": {
51255
+ "kind": "external",
51256
+ "name": "Record",
51257
+ "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
51258
+ "typeParameters": [
51259
+ {
51260
+ "kind": "primitive",
51261
+ "value": "string"
51262
+ },
51263
+ {
51264
+ "kind": "primitive",
51265
+ "value": "string"
50109
51266
  }
51267
+ ]
51268
+ },
51269
+ "description": "",
51270
+ "declarations": [
51271
+ {
51272
+ "name": "style",
51273
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
50110
51274
  }
50111
- ]
51275
+ ],
51276
+ "tags": {}
50112
51277
  }
50113
- }
50114
- ],
50115
- "baseElement": {
50116
- "kind": "external",
50117
- "name": "section",
50118
- "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section"
50119
- },
50120
- "subComponents": [
50121
- {
50122
- "name": "ToggleButton",
50123
- "symbol": "SidePanelToggleButton",
50124
- "description": "`SidePanel.ToggleButton` is a control that is meant to toggle between `expanded = true` and\n`expanded = false` states. It must be used within the `SidePanel` component as a child. Use\nin conjunction with `useSidePanel`'s `controlProps`, otherwise it does not come with explicit\n`onClick` handlers.\n\nFor accessibility purposes, it must be the first focusable element. We recommend that you\nkeep it as the first child of `SidePanel`",
50125
- "declarations": [
50126
- {
50127
- "name": "ToggleButton",
50128
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
50129
- },
50130
- {
50131
- "name": "SidePanelToggleButton",
50132
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanelToggleButton.tsx"
50133
- }
50134
- ],
50135
- "tags": {}
50136
- }
50137
- ]
50138
- }
50139
- },
50140
- {
50141
- "name": "SidePanelToggleButtonProps",
50142
- "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanelToggleButton.tsx",
50143
- "description": "",
50144
- "declarations": [
50145
- {
50146
- "name": "SidePanelToggleButtonProps",
50147
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanelToggleButton.tsx"
51278
+ ]
50148
51279
  }
50149
- ],
50150
- "tags": {},
50151
- "type": {
50152
- "kind": "alias",
50153
- "name": "SidePanelToggleButton"
50154
51280
  }
50155
51281
  },
50156
51282
  {