@workday/canvas-kit-docs 11.0.0-alpha.797-next.0 → 11.0.0-alpha.801-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 (4) hide show
  1. package/dist/es6/lib/docs.js +2821 -441
  2. package/dist/mdx/11.0-UPGRADE-GUIDE.mdx +404 -286
  3. package/dist/mdx/preview-react/form-field/examples/Custom.tsx +2 -4
  4. package/package.json +6 -6
package/dist/es6/lib/docs.js CHANGED
@@ -5683,12 +5683,47 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
5683
5683
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormField.tsx"
5684
5684
  }
5685
5685
  ],
5686
- "tags": {},
5686
+ "tags": {
5687
+ "stencil": "formFieldStencil"
5688
+ },
5687
5689
  "type": {
5688
5690
  "kind": "enhancedComponent",
5689
5691
  "componentType": "container",
5690
5692
  "displayName": "FormField",
5691
5693
  "props": [
5694
+ {
5695
+ "kind": "property",
5696
+ "name": "orientation",
5697
+ "required": false,
5698
+ "type": {
5699
+ "kind": "union",
5700
+ "value": [
5701
+ {
5702
+ "kind": "string",
5703
+ "value": "vertical"
5704
+ },
5705
+ {
5706
+ "kind": "string",
5707
+ "value": "horizontal"
5708
+ }
5709
+ ]
5710
+ },
5711
+ "description": "The direction the child elements should stack",
5712
+ "declarations": [
5713
+ {
5714
+ "name": "orientation",
5715
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormField.tsx"
5716
+ }
5717
+ ],
5718
+ "tags": {
5719
+ "default": "vertical"
5720
+ },
5721
+ "defaultValue": {
5722
+ "kind": "symbol",
5723
+ "name": "vertical",
5724
+ "value": "vertical"
5725
+ }
5726
+ },
5692
5727
  {
5693
5728
  "kind": "property",
5694
5729
  "name": "children",
@@ -5876,7 +5911,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
5876
5911
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldLabel.tsx"
5877
5912
  }
5878
5913
  ],
5879
- "tags": {}
5914
+ "tags": {
5915
+ "stencil": "formFieldLabelStencil"
5916
+ }
5880
5917
  },
5881
5918
  {
5882
5919
  "name": "Hint",
@@ -5892,7 +5929,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
5892
5929
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldHint.tsx"
5893
5930
  }
5894
5931
  ],
5895
- "tags": {}
5932
+ "tags": {
5933
+ "stencil": "formFieldHintStencil"
5934
+ }
5896
5935
  },
5897
5936
  {
5898
5937
  "name": "Container",
@@ -5908,11 +5947,576 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
5908
5947
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldContainer.tsx"
5909
5948
  }
5910
5949
  ],
5911
- "tags": {}
5950
+ "tags": {
5951
+ "stencil": "formFieldContainerStencil"
5952
+ }
5912
5953
  }
5913
5954
  ]
5914
5955
  }
5915
5956
  },
5957
+ {
5958
+ "name": "formFieldContainerStencil",
5959
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldContainer.tsx",
5960
+ "description": "",
5961
+ "declarations": [
5962
+ {
5963
+ "name": "formFieldContainerStencil",
5964
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldContainer.tsx"
5965
+ }
5966
+ ],
5967
+ "tags": {},
5968
+ "type": {
5969
+ "kind": "function",
5970
+ "parameters": [
5971
+ {
5972
+ "kind": "parameter",
5973
+ "name": "options",
5974
+ "type": {
5975
+ "kind": "conditional",
5976
+ "check": {
5977
+ "kind": "tuple",
5978
+ "value": [
5979
+ {
5980
+ "kind": "symbol",
5981
+ "name": "E",
5982
+ "value": "E"
5983
+ }
5984
+ ]
5985
+ },
5986
+ "extends": {
5987
+ "kind": "tuple",
5988
+ "value": [
5989
+ {
5990
+ "kind": "primitive",
5991
+ "value": "never"
5992
+ }
5993
+ ]
5994
+ },
5995
+ "trueType": {
5996
+ "kind": "intersection",
5997
+ "value": [
5998
+ {
5999
+ "kind": "symbol",
6000
+ "name": "ModifierValuesStencil",
6001
+ "typeParameters": [
6002
+ {
6003
+ "kind": "symbol",
6004
+ "name": "M",
6005
+ "value": "M"
6006
+ },
6007
+ {
6008
+ "kind": "symbol",
6009
+ "name": "V",
6010
+ "value": "V"
6011
+ }
6012
+ ],
6013
+ "value": "ModifierValuesStencil<M, V>"
6014
+ },
6015
+ {
6016
+ "kind": "symbol",
6017
+ "name": "VariableValuesStencil",
6018
+ "typeParameters": [
6019
+ {
6020
+ "kind": "symbol",
6021
+ "name": "V",
6022
+ "value": "V"
6023
+ }
6024
+ ],
6025
+ "value": "VariableValuesStencil<V>"
6026
+ }
6027
+ ]
6028
+ },
6029
+ "falseType": {
6030
+ "kind": "conditional",
6031
+ "check": {
6032
+ "kind": "symbol",
6033
+ "name": "E",
6034
+ "value": "E"
6035
+ },
6036
+ "extends": {
6037
+ "kind": "symbol",
6038
+ "name": "BaseStencil",
6039
+ "typeParameters": [
6040
+ {
6041
+ "kind": "infer",
6042
+ "value": {
6043
+ "kind": "typeParameter",
6044
+ "name": "ME",
6045
+ "required": true
6046
+ }
6047
+ },
6048
+ {
6049
+ "kind": "infer",
6050
+ "value": {
6051
+ "kind": "typeParameter",
6052
+ "name": "VE",
6053
+ "required": true
6054
+ }
6055
+ },
6056
+ {
6057
+ "kind": "primitive",
6058
+ "value": "any"
6059
+ },
6060
+ {
6061
+ "kind": "primitive",
6062
+ "value": "any"
6063
+ }
6064
+ ],
6065
+ "value": "BaseStencil<M, V, E, ID>"
6066
+ },
6067
+ "trueType": {
6068
+ "kind": "intersection",
6069
+ "value": [
6070
+ {
6071
+ "kind": "symbol",
6072
+ "name": "ModifierValuesStencil",
6073
+ "typeParameters": [
6074
+ {
6075
+ "kind": "intersection",
6076
+ "value": [
6077
+ {
6078
+ "kind": "symbol",
6079
+ "name": "ME",
6080
+ "value": "ME"
6081
+ },
6082
+ {
6083
+ "kind": "symbol",
6084
+ "name": "M",
6085
+ "value": "M"
6086
+ }
6087
+ ]
6088
+ }
6089
+ ],
6090
+ "value": "ModifierValuesStencil<M, V>"
6091
+ },
6092
+ {
6093
+ "kind": "symbol",
6094
+ "name": "VariableValuesStencil",
6095
+ "typeParameters": [
6096
+ {
6097
+ "kind": "intersection",
6098
+ "value": [
6099
+ {
6100
+ "kind": "symbol",
6101
+ "name": "VE",
6102
+ "value": "VE"
6103
+ },
6104
+ {
6105
+ "kind": "symbol",
6106
+ "name": "V",
6107
+ "value": "V"
6108
+ }
6109
+ ]
6110
+ }
6111
+ ],
6112
+ "value": "VariableValuesStencil<V>"
6113
+ }
6114
+ ]
6115
+ },
6116
+ "falseType": {
6117
+ "kind": "primitive",
6118
+ "value": "never"
6119
+ }
6120
+ }
6121
+ },
6122
+ "required": false,
6123
+ "rest": false,
6124
+ "description": "",
6125
+ "declarations": [
6126
+ {
6127
+ "name": "options",
6128
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
6129
+ }
6130
+ ],
6131
+ "tags": {}
6132
+ }
6133
+ ],
6134
+ "members": [
6135
+ {
6136
+ "kind": "property",
6137
+ "name": "vars",
6138
+ "required": true,
6139
+ "type": {
6140
+ "kind": "symbol",
6141
+ "name": "StencilDefaultVars",
6142
+ "typeParameters": [
6143
+ {
6144
+ "kind": "symbol",
6145
+ "name": "V",
6146
+ "value": "V"
6147
+ },
6148
+ {
6149
+ "kind": "symbol",
6150
+ "name": "E",
6151
+ "value": "E"
6152
+ },
6153
+ {
6154
+ "kind": "symbol",
6155
+ "name": "ID",
6156
+ "value": "ID"
6157
+ }
6158
+ ],
6159
+ "value": "StencilDefaultVars<V, E, ID>"
6160
+ },
6161
+ "description": "",
6162
+ "declarations": [
6163
+ {
6164
+ "name": "vars",
6165
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
6166
+ }
6167
+ ],
6168
+ "tags": {}
6169
+ },
6170
+ {
6171
+ "kind": "property",
6172
+ "name": "base",
6173
+ "required": true,
6174
+ "type": {
6175
+ "kind": "primitive",
6176
+ "value": "string"
6177
+ },
6178
+ "description": "",
6179
+ "declarations": [
6180
+ {
6181
+ "name": "base",
6182
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
6183
+ }
6184
+ ],
6185
+ "tags": {}
6186
+ },
6187
+ {
6188
+ "kind": "property",
6189
+ "name": "modifiers",
6190
+ "required": true,
6191
+ "type": {
6192
+ "kind": "conditional",
6193
+ "check": {
6194
+ "kind": "tuple",
6195
+ "value": [
6196
+ {
6197
+ "kind": "symbol",
6198
+ "name": "E",
6199
+ "value": "E"
6200
+ }
6201
+ ]
6202
+ },
6203
+ "extends": {
6204
+ "kind": "tuple",
6205
+ "value": [
6206
+ {
6207
+ "kind": "symbol",
6208
+ "name": "BaseStencil",
6209
+ "typeParameters": [
6210
+ {
6211
+ "kind": "infer",
6212
+ "value": {
6213
+ "kind": "typeParameter",
6214
+ "name": "ME",
6215
+ "required": true
6216
+ }
6217
+ },
6218
+ {
6219
+ "kind": "infer",
6220
+ "value": {
6221
+ "kind": "typeParameter",
6222
+ "name": "VE",
6223
+ "required": true
6224
+ }
6225
+ },
6226
+ {
6227
+ "kind": "primitive",
6228
+ "value": "any"
6229
+ },
6230
+ {
6231
+ "kind": "primitive",
6232
+ "value": "any"
6233
+ }
6234
+ ],
6235
+ "value": "BaseStencil<M, V, E, ID>"
6236
+ }
6237
+ ]
6238
+ },
6239
+ "trueType": {
6240
+ "kind": "symbol",
6241
+ "name": "StencilModifierReturn",
6242
+ "typeParameters": [
6243
+ {
6244
+ "kind": "intersection",
6245
+ "value": [
6246
+ {
6247
+ "kind": "symbol",
6248
+ "name": "ME",
6249
+ "value": "ME"
6250
+ },
6251
+ {
6252
+ "kind": "symbol",
6253
+ "name": "M",
6254
+ "value": "M"
6255
+ }
6256
+ ]
6257
+ },
6258
+ {
6259
+ "kind": "intersection",
6260
+ "value": [
6261
+ {
6262
+ "kind": "symbol",
6263
+ "name": "VE",
6264
+ "value": "VE"
6265
+ },
6266
+ {
6267
+ "kind": "symbol",
6268
+ "name": "V",
6269
+ "value": "V"
6270
+ }
6271
+ ]
6272
+ }
6273
+ ],
6274
+ "value": "StencilModifierReturn<M, V>"
6275
+ },
6276
+ "falseType": {
6277
+ "kind": "symbol",
6278
+ "name": "StencilModifierReturn",
6279
+ "typeParameters": [
6280
+ {
6281
+ "kind": "symbol",
6282
+ "name": "M",
6283
+ "value": "M"
6284
+ },
6285
+ {
6286
+ "kind": "symbol",
6287
+ "name": "V",
6288
+ "value": "V"
6289
+ }
6290
+ ],
6291
+ "value": "StencilModifierReturn<M, V>"
6292
+ }
6293
+ },
6294
+ "description": "",
6295
+ "declarations": [
6296
+ {
6297
+ "name": "modifiers",
6298
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
6299
+ }
6300
+ ],
6301
+ "tags": {}
6302
+ },
6303
+ {
6304
+ "kind": "property",
6305
+ "name": "defaultModifiers",
6306
+ "required": true,
6307
+ "type": {
6308
+ "kind": "conditional",
6309
+ "check": {
6310
+ "kind": "tuple",
6311
+ "value": [
6312
+ {
6313
+ "kind": "symbol",
6314
+ "name": "E",
6315
+ "value": "E"
6316
+ }
6317
+ ]
6318
+ },
6319
+ "extends": {
6320
+ "kind": "tuple",
6321
+ "value": [
6322
+ {
6323
+ "kind": "symbol",
6324
+ "name": "BaseStencil",
6325
+ "typeParameters": [
6326
+ {
6327
+ "kind": "infer",
6328
+ "value": {
6329
+ "kind": "typeParameter",
6330
+ "name": "ME",
6331
+ "required": true
6332
+ }
6333
+ },
6334
+ {
6335
+ "kind": "primitive",
6336
+ "value": "any"
6337
+ },
6338
+ {
6339
+ "kind": "primitive",
6340
+ "value": "any"
6341
+ },
6342
+ {
6343
+ "kind": "primitive",
6344
+ "value": "any"
6345
+ }
6346
+ ],
6347
+ "value": "BaseStencil<M, V, E, ID>"
6348
+ }
6349
+ ]
6350
+ },
6351
+ "trueType": {
6352
+ "kind": "symbol",
6353
+ "name": "StencilDefaultModifierReturn",
6354
+ "typeParameters": [
6355
+ {
6356
+ "kind": "intersection",
6357
+ "value": [
6358
+ {
6359
+ "kind": "symbol",
6360
+ "name": "ME",
6361
+ "value": "ME"
6362
+ },
6363
+ {
6364
+ "kind": "symbol",
6365
+ "name": "M",
6366
+ "value": "M"
6367
+ }
6368
+ ]
6369
+ }
6370
+ ],
6371
+ "value": "StencilDefaultModifierReturn<M>"
6372
+ },
6373
+ "falseType": {
6374
+ "kind": "symbol",
6375
+ "name": "StencilDefaultModifierReturn",
6376
+ "typeParameters": [
6377
+ {
6378
+ "kind": "symbol",
6379
+ "name": "M",
6380
+ "value": "M"
6381
+ }
6382
+ ],
6383
+ "value": "StencilDefaultModifierReturn<M>"
6384
+ }
6385
+ },
6386
+ "description": "",
6387
+ "declarations": [
6388
+ {
6389
+ "name": "defaultModifiers",
6390
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
6391
+ }
6392
+ ],
6393
+ "tags": {}
6394
+ },
6395
+ {
6396
+ "kind": "property",
6397
+ "name": "__extends",
6398
+ "required": false,
6399
+ "type": {
6400
+ "kind": "symbol",
6401
+ "name": "E",
6402
+ "value": "E"
6403
+ },
6404
+ "description": "",
6405
+ "declarations": [
6406
+ {
6407
+ "name": "__extends",
6408
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
6409
+ }
6410
+ ],
6411
+ "tags": {}
6412
+ },
6413
+ {
6414
+ "kind": "property",
6415
+ "name": "__vars",
6416
+ "required": true,
6417
+ "type": {
6418
+ "kind": "symbol",
6419
+ "name": "V",
6420
+ "value": "V"
6421
+ },
6422
+ "description": "",
6423
+ "declarations": [
6424
+ {
6425
+ "name": "__vars",
6426
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
6427
+ }
6428
+ ],
6429
+ "tags": {}
6430
+ },
6431
+ {
6432
+ "kind": "property",
6433
+ "name": "__modifiers",
6434
+ "required": true,
6435
+ "type": {
6436
+ "kind": "symbol",
6437
+ "name": "M",
6438
+ "value": "M"
6439
+ },
6440
+ "description": "",
6441
+ "declarations": [
6442
+ {
6443
+ "name": "__modifiers",
6444
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
6445
+ }
6446
+ ],
6447
+ "tags": {}
6448
+ },
6449
+ {
6450
+ "kind": "property",
6451
+ "name": "__id",
6452
+ "required": true,
6453
+ "type": {
6454
+ "kind": "symbol",
6455
+ "name": "ID",
6456
+ "value": "ID"
6457
+ },
6458
+ "description": "",
6459
+ "declarations": [
6460
+ {
6461
+ "name": "__id",
6462
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
6463
+ }
6464
+ ],
6465
+ "tags": {}
6466
+ }
6467
+ ],
6468
+ "returnType": {
6469
+ "kind": "object",
6470
+ "properties": [
6471
+ {
6472
+ "kind": "property",
6473
+ "name": "className",
6474
+ "required": true,
6475
+ "type": {
6476
+ "kind": "primitive",
6477
+ "value": "string"
6478
+ },
6479
+ "description": "",
6480
+ "declarations": [
6481
+ {
6482
+ "name": "className",
6483
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
6484
+ }
6485
+ ],
6486
+ "tags": {}
6487
+ },
6488
+ {
6489
+ "kind": "property",
6490
+ "name": "style",
6491
+ "required": false,
6492
+ "type": {
6493
+ "kind": "external",
6494
+ "name": "Record",
6495
+ "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
6496
+ "typeParameters": [
6497
+ {
6498
+ "kind": "primitive",
6499
+ "value": "string"
6500
+ },
6501
+ {
6502
+ "kind": "primitive",
6503
+ "value": "string"
6504
+ }
6505
+ ]
6506
+ },
6507
+ "description": "",
6508
+ "declarations": [
6509
+ {
6510
+ "name": "style",
6511
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
6512
+ }
6513
+ ],
6514
+ "tags": {}
6515
+ }
6516
+ ]
6517
+ }
6518
+ }
6519
+ },
5916
6520
  {
5917
6521
  "name": "FormFieldContainer",
5918
6522
  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldContainer.tsx",
@@ -6060,6 +6664,569 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
6060
6664
  "model": "FormFieldModel"
6061
6665
  }
6062
6666
  },
6667
+ {
6668
+ "name": "formFieldHintStencil",
6669
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldHint.tsx",
6670
+ "description": "",
6671
+ "declarations": [
6672
+ {
6673
+ "name": "formFieldHintStencil",
6674
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldHint.tsx"
6675
+ }
6676
+ ],
6677
+ "tags": {},
6678
+ "type": {
6679
+ "kind": "function",
6680
+ "parameters": [
6681
+ {
6682
+ "kind": "parameter",
6683
+ "name": "options",
6684
+ "type": {
6685
+ "kind": "conditional",
6686
+ "check": {
6687
+ "kind": "tuple",
6688
+ "value": [
6689
+ {
6690
+ "kind": "symbol",
6691
+ "name": "E",
6692
+ "value": "E"
6693
+ }
6694
+ ]
6695
+ },
6696
+ "extends": {
6697
+ "kind": "tuple",
6698
+ "value": [
6699
+ {
6700
+ "kind": "primitive",
6701
+ "value": "never"
6702
+ }
6703
+ ]
6704
+ },
6705
+ "trueType": {
6706
+ "kind": "intersection",
6707
+ "value": [
6708
+ {
6709
+ "kind": "symbol",
6710
+ "name": "ModifierValuesStencil",
6711
+ "typeParameters": [
6712
+ {
6713
+ "kind": "symbol",
6714
+ "name": "M",
6715
+ "value": "M"
6716
+ },
6717
+ {
6718
+ "kind": "symbol",
6719
+ "name": "V",
6720
+ "value": "V"
6721
+ }
6722
+ ],
6723
+ "value": "ModifierValuesStencil<M, V>"
6724
+ },
6725
+ {
6726
+ "kind": "symbol",
6727
+ "name": "VariableValuesStencil",
6728
+ "typeParameters": [
6729
+ {
6730
+ "kind": "symbol",
6731
+ "name": "V",
6732
+ "value": "V"
6733
+ }
6734
+ ],
6735
+ "value": "VariableValuesStencil<V>"
6736
+ }
6737
+ ]
6738
+ },
6739
+ "falseType": {
6740
+ "kind": "conditional",
6741
+ "check": {
6742
+ "kind": "symbol",
6743
+ "name": "E",
6744
+ "value": "E"
6745
+ },
6746
+ "extends": {
6747
+ "kind": "symbol",
6748
+ "name": "BaseStencil",
6749
+ "typeParameters": [
6750
+ {
6751
+ "kind": "infer",
6752
+ "value": {
6753
+ "kind": "typeParameter",
6754
+ "name": "ME",
6755
+ "required": true
6756
+ }
6757
+ },
6758
+ {
6759
+ "kind": "infer",
6760
+ "value": {
6761
+ "kind": "typeParameter",
6762
+ "name": "VE",
6763
+ "required": true
6764
+ }
6765
+ },
6766
+ {
6767
+ "kind": "primitive",
6768
+ "value": "any"
6769
+ },
6770
+ {
6771
+ "kind": "primitive",
6772
+ "value": "any"
6773
+ }
6774
+ ],
6775
+ "value": "BaseStencil<M, V, E, ID>"
6776
+ },
6777
+ "trueType": {
6778
+ "kind": "intersection",
6779
+ "value": [
6780
+ {
6781
+ "kind": "symbol",
6782
+ "name": "ModifierValuesStencil",
6783
+ "typeParameters": [
6784
+ {
6785
+ "kind": "intersection",
6786
+ "value": [
6787
+ {
6788
+ "kind": "symbol",
6789
+ "name": "ME",
6790
+ "value": "ME"
6791
+ },
6792
+ {
6793
+ "kind": "symbol",
6794
+ "name": "M",
6795
+ "value": "M"
6796
+ }
6797
+ ]
6798
+ }
6799
+ ],
6800
+ "value": "ModifierValuesStencil<M, V>"
6801
+ },
6802
+ {
6803
+ "kind": "symbol",
6804
+ "name": "VariableValuesStencil",
6805
+ "typeParameters": [
6806
+ {
6807
+ "kind": "intersection",
6808
+ "value": [
6809
+ {
6810
+ "kind": "symbol",
6811
+ "name": "VE",
6812
+ "value": "VE"
6813
+ },
6814
+ {
6815
+ "kind": "symbol",
6816
+ "name": "V",
6817
+ "value": "V"
6818
+ }
6819
+ ]
6820
+ }
6821
+ ],
6822
+ "value": "VariableValuesStencil<V>"
6823
+ }
6824
+ ]
6825
+ },
6826
+ "falseType": {
6827
+ "kind": "primitive",
6828
+ "value": "never"
6829
+ }
6830
+ }
6831
+ },
6832
+ "required": false,
6833
+ "rest": false,
6834
+ "description": "",
6835
+ "declarations": [
6836
+ {
6837
+ "name": "options",
6838
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
6839
+ }
6840
+ ],
6841
+ "tags": {}
6842
+ }
6843
+ ],
6844
+ "members": [
6845
+ {
6846
+ "kind": "property",
6847
+ "name": "vars",
6848
+ "required": true,
6849
+ "type": {
6850
+ "kind": "symbol",
6851
+ "name": "StencilDefaultVars",
6852
+ "typeParameters": [
6853
+ {
6854
+ "kind": "symbol",
6855
+ "name": "V",
6856
+ "value": "V"
6857
+ },
6858
+ {
6859
+ "kind": "symbol",
6860
+ "name": "E",
6861
+ "value": "E"
6862
+ },
6863
+ {
6864
+ "kind": "symbol",
6865
+ "name": "ID",
6866
+ "value": "ID"
6867
+ }
6868
+ ],
6869
+ "value": "StencilDefaultVars<V, E, ID>"
6870
+ },
6871
+ "description": "",
6872
+ "declarations": [
6873
+ {
6874
+ "name": "vars",
6875
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
6876
+ }
6877
+ ],
6878
+ "tags": {}
6879
+ },
6880
+ {
6881
+ "kind": "property",
6882
+ "name": "base",
6883
+ "required": true,
6884
+ "type": {
6885
+ "kind": "primitive",
6886
+ "value": "string"
6887
+ },
6888
+ "description": "",
6889
+ "declarations": [
6890
+ {
6891
+ "name": "base",
6892
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
6893
+ }
6894
+ ],
6895
+ "tags": {}
6896
+ },
6897
+ {
6898
+ "kind": "property",
6899
+ "name": "modifiers",
6900
+ "required": true,
6901
+ "type": {
6902
+ "kind": "conditional",
6903
+ "check": {
6904
+ "kind": "tuple",
6905
+ "value": [
6906
+ {
6907
+ "kind": "symbol",
6908
+ "name": "E",
6909
+ "value": "E"
6910
+ }
6911
+ ]
6912
+ },
6913
+ "extends": {
6914
+ "kind": "tuple",
6915
+ "value": [
6916
+ {
6917
+ "kind": "symbol",
6918
+ "name": "BaseStencil",
6919
+ "typeParameters": [
6920
+ {
6921
+ "kind": "infer",
6922
+ "value": {
6923
+ "kind": "typeParameter",
6924
+ "name": "ME",
6925
+ "required": true
6926
+ }
6927
+ },
6928
+ {
6929
+ "kind": "infer",
6930
+ "value": {
6931
+ "kind": "typeParameter",
6932
+ "name": "VE",
6933
+ "required": true
6934
+ }
6935
+ },
6936
+ {
6937
+ "kind": "primitive",
6938
+ "value": "any"
6939
+ },
6940
+ {
6941
+ "kind": "primitive",
6942
+ "value": "any"
6943
+ }
6944
+ ],
6945
+ "value": "BaseStencil<M, V, E, ID>"
6946
+ }
6947
+ ]
6948
+ },
6949
+ "trueType": {
6950
+ "kind": "symbol",
6951
+ "name": "StencilModifierReturn",
6952
+ "typeParameters": [
6953
+ {
6954
+ "kind": "intersection",
6955
+ "value": [
6956
+ {
6957
+ "kind": "symbol",
6958
+ "name": "ME",
6959
+ "value": "ME"
6960
+ },
6961
+ {
6962
+ "kind": "symbol",
6963
+ "name": "M",
6964
+ "value": "M"
6965
+ }
6966
+ ]
6967
+ },
6968
+ {
6969
+ "kind": "intersection",
6970
+ "value": [
6971
+ {
6972
+ "kind": "symbol",
6973
+ "name": "VE",
6974
+ "value": "VE"
6975
+ },
6976
+ {
6977
+ "kind": "symbol",
6978
+ "name": "V",
6979
+ "value": "V"
6980
+ }
6981
+ ]
6982
+ }
6983
+ ],
6984
+ "value": "StencilModifierReturn<M, V>"
6985
+ },
6986
+ "falseType": {
6987
+ "kind": "symbol",
6988
+ "name": "StencilModifierReturn",
6989
+ "typeParameters": [
6990
+ {
6991
+ "kind": "symbol",
6992
+ "name": "M",
6993
+ "value": "M"
6994
+ },
6995
+ {
6996
+ "kind": "symbol",
6997
+ "name": "V",
6998
+ "value": "V"
6999
+ }
7000
+ ],
7001
+ "value": "StencilModifierReturn<M, V>"
7002
+ }
7003
+ },
7004
+ "description": "",
7005
+ "declarations": [
7006
+ {
7007
+ "name": "modifiers",
7008
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7009
+ }
7010
+ ],
7011
+ "tags": {}
7012
+ },
7013
+ {
7014
+ "kind": "property",
7015
+ "name": "defaultModifiers",
7016
+ "required": true,
7017
+ "type": {
7018
+ "kind": "conditional",
7019
+ "check": {
7020
+ "kind": "tuple",
7021
+ "value": [
7022
+ {
7023
+ "kind": "symbol",
7024
+ "name": "E",
7025
+ "value": "E"
7026
+ }
7027
+ ]
7028
+ },
7029
+ "extends": {
7030
+ "kind": "tuple",
7031
+ "value": [
7032
+ {
7033
+ "kind": "symbol",
7034
+ "name": "BaseStencil",
7035
+ "typeParameters": [
7036
+ {
7037
+ "kind": "infer",
7038
+ "value": {
7039
+ "kind": "typeParameter",
7040
+ "name": "ME",
7041
+ "required": true
7042
+ }
7043
+ },
7044
+ {
7045
+ "kind": "primitive",
7046
+ "value": "any"
7047
+ },
7048
+ {
7049
+ "kind": "primitive",
7050
+ "value": "any"
7051
+ },
7052
+ {
7053
+ "kind": "primitive",
7054
+ "value": "any"
7055
+ }
7056
+ ],
7057
+ "value": "BaseStencil<M, V, E, ID>"
7058
+ }
7059
+ ]
7060
+ },
7061
+ "trueType": {
7062
+ "kind": "symbol",
7063
+ "name": "StencilDefaultModifierReturn",
7064
+ "typeParameters": [
7065
+ {
7066
+ "kind": "intersection",
7067
+ "value": [
7068
+ {
7069
+ "kind": "symbol",
7070
+ "name": "ME",
7071
+ "value": "ME"
7072
+ },
7073
+ {
7074
+ "kind": "symbol",
7075
+ "name": "M",
7076
+ "value": "M"
7077
+ }
7078
+ ]
7079
+ }
7080
+ ],
7081
+ "value": "StencilDefaultModifierReturn<M>"
7082
+ },
7083
+ "falseType": {
7084
+ "kind": "symbol",
7085
+ "name": "StencilDefaultModifierReturn",
7086
+ "typeParameters": [
7087
+ {
7088
+ "kind": "symbol",
7089
+ "name": "M",
7090
+ "value": "M"
7091
+ }
7092
+ ],
7093
+ "value": "StencilDefaultModifierReturn<M>"
7094
+ }
7095
+ },
7096
+ "description": "",
7097
+ "declarations": [
7098
+ {
7099
+ "name": "defaultModifiers",
7100
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7101
+ }
7102
+ ],
7103
+ "tags": {}
7104
+ },
7105
+ {
7106
+ "kind": "property",
7107
+ "name": "__extends",
7108
+ "required": false,
7109
+ "type": {
7110
+ "kind": "symbol",
7111
+ "name": "E",
7112
+ "value": "E"
7113
+ },
7114
+ "description": "",
7115
+ "declarations": [
7116
+ {
7117
+ "name": "__extends",
7118
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7119
+ }
7120
+ ],
7121
+ "tags": {}
7122
+ },
7123
+ {
7124
+ "kind": "property",
7125
+ "name": "__vars",
7126
+ "required": true,
7127
+ "type": {
7128
+ "kind": "symbol",
7129
+ "name": "V",
7130
+ "value": "V"
7131
+ },
7132
+ "description": "",
7133
+ "declarations": [
7134
+ {
7135
+ "name": "__vars",
7136
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7137
+ }
7138
+ ],
7139
+ "tags": {}
7140
+ },
7141
+ {
7142
+ "kind": "property",
7143
+ "name": "__modifiers",
7144
+ "required": true,
7145
+ "type": {
7146
+ "kind": "symbol",
7147
+ "name": "M",
7148
+ "value": "M"
7149
+ },
7150
+ "description": "",
7151
+ "declarations": [
7152
+ {
7153
+ "name": "__modifiers",
7154
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7155
+ }
7156
+ ],
7157
+ "tags": {}
7158
+ },
7159
+ {
7160
+ "kind": "property",
7161
+ "name": "__id",
7162
+ "required": true,
7163
+ "type": {
7164
+ "kind": "symbol",
7165
+ "name": "ID",
7166
+ "value": "ID"
7167
+ },
7168
+ "description": "",
7169
+ "declarations": [
7170
+ {
7171
+ "name": "__id",
7172
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7173
+ }
7174
+ ],
7175
+ "tags": {}
7176
+ }
7177
+ ],
7178
+ "returnType": {
7179
+ "kind": "object",
7180
+ "properties": [
7181
+ {
7182
+ "kind": "property",
7183
+ "name": "className",
7184
+ "required": true,
7185
+ "type": {
7186
+ "kind": "primitive",
7187
+ "value": "string"
7188
+ },
7189
+ "description": "",
7190
+ "declarations": [
7191
+ {
7192
+ "name": "className",
7193
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7194
+ }
7195
+ ],
7196
+ "tags": {}
7197
+ },
7198
+ {
7199
+ "kind": "property",
7200
+ "name": "style",
7201
+ "required": false,
7202
+ "type": {
7203
+ "kind": "external",
7204
+ "name": "Record",
7205
+ "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
7206
+ "typeParameters": [
7207
+ {
7208
+ "kind": "primitive",
7209
+ "value": "string"
7210
+ },
7211
+ {
7212
+ "kind": "primitive",
7213
+ "value": "string"
7214
+ }
7215
+ ]
7216
+ },
7217
+ "description": "",
7218
+ "declarations": [
7219
+ {
7220
+ "name": "style",
7221
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7222
+ }
7223
+ ],
7224
+ "tags": {}
7225
+ }
7226
+ ]
7227
+ }
7228
+ }
7229
+ },
6063
7230
  {
6064
7231
  "name": "FormFieldHint",
6065
7232
  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldHint.tsx",
@@ -6077,6 +7244,72 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
6077
7244
  "elemPropsHook": "useFormFieldHint",
6078
7245
  "displayName": "FormField.Hint",
6079
7246
  "props": [
7247
+ {
7248
+ "kind": "property",
7249
+ "name": "typeLevel",
7250
+ "required": false,
7251
+ "type": {
7252
+ "kind": "union",
7253
+ "value": [
7254
+ {
7255
+ "kind": "string",
7256
+ "value": "subtext.medium"
7257
+ },
7258
+ {
7259
+ "kind": "string",
7260
+ "value": "title.large"
7261
+ },
7262
+ {
7263
+ "kind": "string",
7264
+ "value": "title.medium"
7265
+ },
7266
+ {
7267
+ "kind": "string",
7268
+ "value": "title.small"
7269
+ },
7270
+ {
7271
+ "kind": "string",
7272
+ "value": "heading.large"
7273
+ },
7274
+ {
7275
+ "kind": "string",
7276
+ "value": "heading.medium"
7277
+ },
7278
+ {
7279
+ "kind": "string",
7280
+ "value": "heading.small"
7281
+ },
7282
+ {
7283
+ "kind": "string",
7284
+ "value": "body.large"
7285
+ },
7286
+ {
7287
+ "kind": "string",
7288
+ "value": "body.medium"
7289
+ },
7290
+ {
7291
+ "kind": "string",
7292
+ "value": "body.small"
7293
+ },
7294
+ {
7295
+ "kind": "string",
7296
+ "value": "subtext.large"
7297
+ },
7298
+ {
7299
+ "kind": "string",
7300
+ "value": "subtext.small"
7301
+ }
7302
+ ]
7303
+ },
7304
+ "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```",
7305
+ "declarations": [
7306
+ {
7307
+ "name": "typeLevel",
7308
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx"
7309
+ }
7310
+ ],
7311
+ "tags": {}
7312
+ },
6080
7313
  {
6081
7314
  "kind": "property",
6082
7315
  "name": "variant",
@@ -6217,54 +7450,803 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
6217
7450
  "required": true
6218
7451
  },
6219
7452
  {
6220
- "kind": "parameter",
6221
- "description": "",
6222
- "tags": {},
6223
- "declarations": [],
6224
- "name": "elemProps",
6225
- "type": {
6226
- "kind": "generic",
6227
- "name": "TProps"
6228
- }
7453
+ "kind": "parameter",
7454
+ "description": "",
7455
+ "tags": {},
7456
+ "declarations": [],
7457
+ "name": "elemProps",
7458
+ "type": {
7459
+ "kind": "generic",
7460
+ "name": "TProps"
7461
+ }
7462
+ }
7463
+ ],
7464
+ "returnType": {
7465
+ "kind": "external",
7466
+ "name": "HTML Attributes",
7467
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes"
7468
+ }
7469
+ }
7470
+ }
7471
+ ],
7472
+ "baseElement": {
7473
+ "kind": "external",
7474
+ "name": "p",
7475
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p"
7476
+ },
7477
+ "styleComponent": {
7478
+ "kind": "symbol",
7479
+ "name": "Box"
7480
+ },
7481
+ "model": "FormFieldModel"
7482
+ }
7483
+ },
7484
+ {
7485
+ "name": "FormFieldInput",
7486
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldInput.tsx",
7487
+ "description": "",
7488
+ "declarations": [
7489
+ {
7490
+ "name": "FormFieldInput",
7491
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldInput.tsx"
7492
+ }
7493
+ ],
7494
+ "tags": {},
7495
+ "type": {
7496
+ "kind": "enhancedComponent",
7497
+ "componentType": "subcomponent",
7498
+ "elemPropsHook": "useFormFieldInput",
7499
+ "displayName": "FormField.Input",
7500
+ "props": [
7501
+ {
7502
+ "kind": "property",
7503
+ "name": "cs",
7504
+ "required": false,
7505
+ "type": {
7506
+ "kind": "symbol",
7507
+ "name": "CSToPropsInput",
7508
+ "value": "CSToPropsInput"
7509
+ },
7510
+ "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```",
7511
+ "declarations": [
7512
+ {
7513
+ "name": "cs",
7514
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7515
+ }
7516
+ ],
7517
+ "tags": {}
7518
+ },
7519
+ {
7520
+ "kind": "property",
7521
+ "name": "children",
7522
+ "description": "",
7523
+ "tags": {},
7524
+ "declarations": [],
7525
+ "type": {
7526
+ "kind": "external",
7527
+ "name": "React.ReactNode",
7528
+ "url": "https://reactjs.org/docs/rendering-elements.html"
7529
+ }
7530
+ },
7531
+ {
7532
+ "kind": "property",
7533
+ "name": "as",
7534
+ "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.",
7535
+ "tags": {},
7536
+ "declarations": [],
7537
+ "type": {
7538
+ "kind": "external",
7539
+ "name": "React.ElementType",
7540
+ "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
7541
+ },
7542
+ "defaultValue": {
7543
+ "kind": "external",
7544
+ "name": "input",
7545
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input"
7546
+ }
7547
+ },
7548
+ {
7549
+ "kind": "property",
7550
+ "name": "ref",
7551
+ "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`).",
7552
+ "tags": {},
7553
+ "declarations": [],
7554
+ "type": {
7555
+ "kind": "external",
7556
+ "name": "React.Ref",
7557
+ "url": "https://reactjs.org/docs/refs-and-the-dom.html",
7558
+ "typeParameters": [
7559
+ {
7560
+ "kind": "typeParameter",
7561
+ "name": "R",
7562
+ "required": true,
7563
+ "defaultValue": {
7564
+ "kind": "external",
7565
+ "name": "input",
7566
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input"
7567
+ }
7568
+ }
7569
+ ]
7570
+ }
7571
+ },
7572
+ {
7573
+ "kind": "property",
7574
+ "name": "model",
7575
+ "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.",
7576
+ "tags": {},
7577
+ "declarations": [],
7578
+ "type": {
7579
+ "kind": "symbol",
7580
+ "name": "FormFieldModel"
7581
+ }
7582
+ },
7583
+ {
7584
+ "kind": "property",
7585
+ "name": "elemPropsHook",
7586
+ "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.",
7587
+ "tags": {},
7588
+ "declarations": [],
7589
+ "type": {
7590
+ "kind": "function",
7591
+ "parameters": [
7592
+ {
7593
+ "kind": "parameter",
7594
+ "description": "",
7595
+ "tags": {},
7596
+ "declarations": [],
7597
+ "name": "model",
7598
+ "type": {
7599
+ "kind": "symbol",
7600
+ "name": "FormFieldModel"
7601
+ },
7602
+ "required": true
7603
+ },
7604
+ {
7605
+ "kind": "parameter",
7606
+ "description": "",
7607
+ "tags": {},
7608
+ "declarations": [],
7609
+ "name": "elemProps",
7610
+ "type": {
7611
+ "kind": "generic",
7612
+ "name": "TProps"
7613
+ }
7614
+ }
7615
+ ],
7616
+ "returnType": {
7617
+ "kind": "external",
7618
+ "name": "HTML Attributes",
7619
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes"
7620
+ }
7621
+ }
7622
+ }
7623
+ ],
7624
+ "baseElement": {
7625
+ "kind": "external",
7626
+ "name": "input",
7627
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input"
7628
+ },
7629
+ "styleComponent": {
7630
+ "kind": "symbol",
7631
+ "name": "Box"
7632
+ },
7633
+ "model": "FormFieldModel"
7634
+ }
7635
+ },
7636
+ {
7637
+ "name": "FormFieldLabelProps",
7638
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldLabel.tsx",
7639
+ "description": "",
7640
+ "declarations": [
7641
+ {
7642
+ "name": "FormFieldLabelProps",
7643
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldLabel.tsx"
7644
+ }
7645
+ ],
7646
+ "tags": {},
7647
+ "type": {
7648
+ "kind": "alias",
7649
+ "name": "FormFieldLabel"
7650
+ }
7651
+ },
7652
+ {
7653
+ "name": "formFieldLabelStencil",
7654
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldLabel.tsx",
7655
+ "description": "",
7656
+ "declarations": [
7657
+ {
7658
+ "name": "formFieldLabelStencil",
7659
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldLabel.tsx"
7660
+ }
7661
+ ],
7662
+ "tags": {},
7663
+ "type": {
7664
+ "kind": "function",
7665
+ "parameters": [
7666
+ {
7667
+ "kind": "parameter",
7668
+ "name": "options",
7669
+ "type": {
7670
+ "kind": "conditional",
7671
+ "check": {
7672
+ "kind": "tuple",
7673
+ "value": [
7674
+ {
7675
+ "kind": "symbol",
7676
+ "name": "E",
7677
+ "value": "E"
7678
+ }
7679
+ ]
7680
+ },
7681
+ "extends": {
7682
+ "kind": "tuple",
7683
+ "value": [
7684
+ {
7685
+ "kind": "primitive",
7686
+ "value": "never"
7687
+ }
7688
+ ]
7689
+ },
7690
+ "trueType": {
7691
+ "kind": "intersection",
7692
+ "value": [
7693
+ {
7694
+ "kind": "symbol",
7695
+ "name": "ModifierValuesStencil",
7696
+ "typeParameters": [
7697
+ {
7698
+ "kind": "symbol",
7699
+ "name": "M",
7700
+ "value": "M"
7701
+ },
7702
+ {
7703
+ "kind": "symbol",
7704
+ "name": "V",
7705
+ "value": "V"
7706
+ }
7707
+ ],
7708
+ "value": "ModifierValuesStencil<M, V>"
7709
+ },
7710
+ {
7711
+ "kind": "symbol",
7712
+ "name": "VariableValuesStencil",
7713
+ "typeParameters": [
7714
+ {
7715
+ "kind": "symbol",
7716
+ "name": "V",
7717
+ "value": "V"
7718
+ }
7719
+ ],
7720
+ "value": "VariableValuesStencil<V>"
7721
+ }
7722
+ ]
7723
+ },
7724
+ "falseType": {
7725
+ "kind": "conditional",
7726
+ "check": {
7727
+ "kind": "symbol",
7728
+ "name": "E",
7729
+ "value": "E"
7730
+ },
7731
+ "extends": {
7732
+ "kind": "symbol",
7733
+ "name": "BaseStencil",
7734
+ "typeParameters": [
7735
+ {
7736
+ "kind": "infer",
7737
+ "value": {
7738
+ "kind": "typeParameter",
7739
+ "name": "ME",
7740
+ "required": true
7741
+ }
7742
+ },
7743
+ {
7744
+ "kind": "infer",
7745
+ "value": {
7746
+ "kind": "typeParameter",
7747
+ "name": "VE",
7748
+ "required": true
7749
+ }
7750
+ },
7751
+ {
7752
+ "kind": "primitive",
7753
+ "value": "any"
7754
+ },
7755
+ {
7756
+ "kind": "primitive",
7757
+ "value": "any"
7758
+ }
7759
+ ],
7760
+ "value": "BaseStencil<M, V, E, ID>"
7761
+ },
7762
+ "trueType": {
7763
+ "kind": "intersection",
7764
+ "value": [
7765
+ {
7766
+ "kind": "symbol",
7767
+ "name": "ModifierValuesStencil",
7768
+ "typeParameters": [
7769
+ {
7770
+ "kind": "intersection",
7771
+ "value": [
7772
+ {
7773
+ "kind": "symbol",
7774
+ "name": "ME",
7775
+ "value": "ME"
7776
+ },
7777
+ {
7778
+ "kind": "symbol",
7779
+ "name": "M",
7780
+ "value": "M"
7781
+ }
7782
+ ]
7783
+ }
7784
+ ],
7785
+ "value": "ModifierValuesStencil<M, V>"
7786
+ },
7787
+ {
7788
+ "kind": "symbol",
7789
+ "name": "VariableValuesStencil",
7790
+ "typeParameters": [
7791
+ {
7792
+ "kind": "intersection",
7793
+ "value": [
7794
+ {
7795
+ "kind": "symbol",
7796
+ "name": "VE",
7797
+ "value": "VE"
7798
+ },
7799
+ {
7800
+ "kind": "symbol",
7801
+ "name": "V",
7802
+ "value": "V"
7803
+ }
7804
+ ]
7805
+ }
7806
+ ],
7807
+ "value": "VariableValuesStencil<V>"
7808
+ }
7809
+ ]
7810
+ },
7811
+ "falseType": {
7812
+ "kind": "primitive",
7813
+ "value": "never"
7814
+ }
7815
+ }
7816
+ },
7817
+ "required": false,
7818
+ "rest": false,
7819
+ "description": "",
7820
+ "declarations": [
7821
+ {
7822
+ "name": "options",
7823
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7824
+ }
7825
+ ],
7826
+ "tags": {}
7827
+ }
7828
+ ],
7829
+ "members": [
7830
+ {
7831
+ "kind": "property",
7832
+ "name": "vars",
7833
+ "required": true,
7834
+ "type": {
7835
+ "kind": "symbol",
7836
+ "name": "StencilDefaultVars",
7837
+ "typeParameters": [
7838
+ {
7839
+ "kind": "symbol",
7840
+ "name": "V",
7841
+ "value": "V"
7842
+ },
7843
+ {
7844
+ "kind": "symbol",
7845
+ "name": "E",
7846
+ "value": "E"
7847
+ },
7848
+ {
7849
+ "kind": "symbol",
7850
+ "name": "ID",
7851
+ "value": "ID"
7852
+ }
7853
+ ],
7854
+ "value": "StencilDefaultVars<V, E, ID>"
7855
+ },
7856
+ "description": "",
7857
+ "declarations": [
7858
+ {
7859
+ "name": "vars",
7860
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7861
+ }
7862
+ ],
7863
+ "tags": {}
7864
+ },
7865
+ {
7866
+ "kind": "property",
7867
+ "name": "base",
7868
+ "required": true,
7869
+ "type": {
7870
+ "kind": "primitive",
7871
+ "value": "string"
7872
+ },
7873
+ "description": "",
7874
+ "declarations": [
7875
+ {
7876
+ "name": "base",
7877
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7878
+ }
7879
+ ],
7880
+ "tags": {}
7881
+ },
7882
+ {
7883
+ "kind": "property",
7884
+ "name": "modifiers",
7885
+ "required": true,
7886
+ "type": {
7887
+ "kind": "conditional",
7888
+ "check": {
7889
+ "kind": "tuple",
7890
+ "value": [
7891
+ {
7892
+ "kind": "symbol",
7893
+ "name": "E",
7894
+ "value": "E"
7895
+ }
7896
+ ]
7897
+ },
7898
+ "extends": {
7899
+ "kind": "tuple",
7900
+ "value": [
7901
+ {
7902
+ "kind": "symbol",
7903
+ "name": "BaseStencil",
7904
+ "typeParameters": [
7905
+ {
7906
+ "kind": "infer",
7907
+ "value": {
7908
+ "kind": "typeParameter",
7909
+ "name": "ME",
7910
+ "required": true
7911
+ }
7912
+ },
7913
+ {
7914
+ "kind": "infer",
7915
+ "value": {
7916
+ "kind": "typeParameter",
7917
+ "name": "VE",
7918
+ "required": true
7919
+ }
7920
+ },
7921
+ {
7922
+ "kind": "primitive",
7923
+ "value": "any"
7924
+ },
7925
+ {
7926
+ "kind": "primitive",
7927
+ "value": "any"
7928
+ }
7929
+ ],
7930
+ "value": "BaseStencil<M, V, E, ID>"
7931
+ }
7932
+ ]
7933
+ },
7934
+ "trueType": {
7935
+ "kind": "symbol",
7936
+ "name": "StencilModifierReturn",
7937
+ "typeParameters": [
7938
+ {
7939
+ "kind": "intersection",
7940
+ "value": [
7941
+ {
7942
+ "kind": "symbol",
7943
+ "name": "ME",
7944
+ "value": "ME"
7945
+ },
7946
+ {
7947
+ "kind": "symbol",
7948
+ "name": "M",
7949
+ "value": "M"
7950
+ }
7951
+ ]
7952
+ },
7953
+ {
7954
+ "kind": "intersection",
7955
+ "value": [
7956
+ {
7957
+ "kind": "symbol",
7958
+ "name": "VE",
7959
+ "value": "VE"
7960
+ },
7961
+ {
7962
+ "kind": "symbol",
7963
+ "name": "V",
7964
+ "value": "V"
7965
+ }
7966
+ ]
7967
+ }
7968
+ ],
7969
+ "value": "StencilModifierReturn<M, V>"
7970
+ },
7971
+ "falseType": {
7972
+ "kind": "symbol",
7973
+ "name": "StencilModifierReturn",
7974
+ "typeParameters": [
7975
+ {
7976
+ "kind": "symbol",
7977
+ "name": "M",
7978
+ "value": "M"
7979
+ },
7980
+ {
7981
+ "kind": "symbol",
7982
+ "name": "V",
7983
+ "value": "V"
7984
+ }
7985
+ ],
7986
+ "value": "StencilModifierReturn<M, V>"
7987
+ }
7988
+ },
7989
+ "description": "",
7990
+ "declarations": [
7991
+ {
7992
+ "name": "modifiers",
7993
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
7994
+ }
7995
+ ],
7996
+ "tags": {}
7997
+ },
7998
+ {
7999
+ "kind": "property",
8000
+ "name": "defaultModifiers",
8001
+ "required": true,
8002
+ "type": {
8003
+ "kind": "conditional",
8004
+ "check": {
8005
+ "kind": "tuple",
8006
+ "value": [
8007
+ {
8008
+ "kind": "symbol",
8009
+ "name": "E",
8010
+ "value": "E"
8011
+ }
8012
+ ]
8013
+ },
8014
+ "extends": {
8015
+ "kind": "tuple",
8016
+ "value": [
8017
+ {
8018
+ "kind": "symbol",
8019
+ "name": "BaseStencil",
8020
+ "typeParameters": [
8021
+ {
8022
+ "kind": "infer",
8023
+ "value": {
8024
+ "kind": "typeParameter",
8025
+ "name": "ME",
8026
+ "required": true
8027
+ }
8028
+ },
8029
+ {
8030
+ "kind": "primitive",
8031
+ "value": "any"
8032
+ },
8033
+ {
8034
+ "kind": "primitive",
8035
+ "value": "any"
8036
+ },
8037
+ {
8038
+ "kind": "primitive",
8039
+ "value": "any"
8040
+ }
8041
+ ],
8042
+ "value": "BaseStencil<M, V, E, ID>"
8043
+ }
8044
+ ]
8045
+ },
8046
+ "trueType": {
8047
+ "kind": "symbol",
8048
+ "name": "StencilDefaultModifierReturn",
8049
+ "typeParameters": [
8050
+ {
8051
+ "kind": "intersection",
8052
+ "value": [
8053
+ {
8054
+ "kind": "symbol",
8055
+ "name": "ME",
8056
+ "value": "ME"
8057
+ },
8058
+ {
8059
+ "kind": "symbol",
8060
+ "name": "M",
8061
+ "value": "M"
8062
+ }
8063
+ ]
8064
+ }
8065
+ ],
8066
+ "value": "StencilDefaultModifierReturn<M>"
8067
+ },
8068
+ "falseType": {
8069
+ "kind": "symbol",
8070
+ "name": "StencilDefaultModifierReturn",
8071
+ "typeParameters": [
8072
+ {
8073
+ "kind": "symbol",
8074
+ "name": "M",
8075
+ "value": "M"
8076
+ }
8077
+ ],
8078
+ "value": "StencilDefaultModifierReturn<M>"
8079
+ }
8080
+ },
8081
+ "description": "",
8082
+ "declarations": [
8083
+ {
8084
+ "name": "defaultModifiers",
8085
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
8086
+ }
8087
+ ],
8088
+ "tags": {}
8089
+ },
8090
+ {
8091
+ "kind": "property",
8092
+ "name": "__extends",
8093
+ "required": false,
8094
+ "type": {
8095
+ "kind": "symbol",
8096
+ "name": "E",
8097
+ "value": "E"
8098
+ },
8099
+ "description": "",
8100
+ "declarations": [
8101
+ {
8102
+ "name": "__extends",
8103
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
8104
+ }
8105
+ ],
8106
+ "tags": {}
8107
+ },
8108
+ {
8109
+ "kind": "property",
8110
+ "name": "__vars",
8111
+ "required": true,
8112
+ "type": {
8113
+ "kind": "symbol",
8114
+ "name": "V",
8115
+ "value": "V"
8116
+ },
8117
+ "description": "",
8118
+ "declarations": [
8119
+ {
8120
+ "name": "__vars",
8121
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
8122
+ }
8123
+ ],
8124
+ "tags": {}
8125
+ },
8126
+ {
8127
+ "kind": "property",
8128
+ "name": "__modifiers",
8129
+ "required": true,
8130
+ "type": {
8131
+ "kind": "symbol",
8132
+ "name": "M",
8133
+ "value": "M"
8134
+ },
8135
+ "description": "",
8136
+ "declarations": [
8137
+ {
8138
+ "name": "__modifiers",
8139
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
8140
+ }
8141
+ ],
8142
+ "tags": {}
8143
+ },
8144
+ {
8145
+ "kind": "property",
8146
+ "name": "__id",
8147
+ "required": true,
8148
+ "type": {
8149
+ "kind": "symbol",
8150
+ "name": "ID",
8151
+ "value": "ID"
8152
+ },
8153
+ "description": "",
8154
+ "declarations": [
8155
+ {
8156
+ "name": "__id",
8157
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
8158
+ }
8159
+ ],
8160
+ "tags": {}
8161
+ }
8162
+ ],
8163
+ "returnType": {
8164
+ "kind": "object",
8165
+ "properties": [
8166
+ {
8167
+ "kind": "property",
8168
+ "name": "className",
8169
+ "required": true,
8170
+ "type": {
8171
+ "kind": "primitive",
8172
+ "value": "string"
8173
+ },
8174
+ "description": "",
8175
+ "declarations": [
8176
+ {
8177
+ "name": "className",
8178
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
6229
8179
  }
6230
8180
  ],
6231
- "returnType": {
8181
+ "tags": {}
8182
+ },
8183
+ {
8184
+ "kind": "property",
8185
+ "name": "style",
8186
+ "required": false,
8187
+ "type": {
6232
8188
  "kind": "external",
6233
- "name": "HTML Attributes",
6234
- "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes"
6235
- }
8189
+ "name": "Record",
8190
+ "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
8191
+ "typeParameters": [
8192
+ {
8193
+ "kind": "primitive",
8194
+ "value": "string"
8195
+ },
8196
+ {
8197
+ "kind": "primitive",
8198
+ "value": "string"
8199
+ }
8200
+ ]
8201
+ },
8202
+ "description": "",
8203
+ "declarations": [
8204
+ {
8205
+ "name": "style",
8206
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
8207
+ }
8208
+ ],
8209
+ "tags": {}
6236
8210
  }
6237
- }
6238
- ],
6239
- "baseElement": {
6240
- "kind": "external",
6241
- "name": "p",
6242
- "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p"
6243
- },
6244
- "styleComponent": {
6245
- "kind": "symbol",
6246
- "name": "Box"
6247
- },
6248
- "model": "FormFieldModel"
8211
+ ]
8212
+ }
6249
8213
  }
6250
8214
  },
6251
8215
  {
6252
- "name": "FormFieldInput",
6253
- "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldInput.tsx",
8216
+ "name": "FormFieldLabel",
8217
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldLabel.tsx",
6254
8218
  "description": "",
6255
8219
  "declarations": [
6256
8220
  {
6257
- "name": "FormFieldInput",
6258
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldInput.tsx"
8221
+ "name": "FormFieldLabel",
8222
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldLabel.tsx"
6259
8223
  }
6260
8224
  ],
6261
8225
  "tags": {},
6262
8226
  "type": {
6263
8227
  "kind": "enhancedComponent",
6264
8228
  "componentType": "subcomponent",
6265
- "elemPropsHook": "useFormFieldInput",
6266
- "displayName": "FormField.Input",
8229
+ "elemPropsHook": "useFormFieldLabel",
8230
+ "displayName": "FormField.Label",
6267
8231
  "props": [
8232
+ {
8233
+ "kind": "property",
8234
+ "name": "children",
8235
+ "required": true,
8236
+ "type": {
8237
+ "kind": "external",
8238
+ "name": "ReactNode",
8239
+ "url": "https://reactjs.org/docs/rendering-elements.html"
8240
+ },
8241
+ "description": "The text of the label.",
8242
+ "declarations": [
8243
+ {
8244
+ "name": "children",
8245
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldLabel.tsx"
8246
+ }
8247
+ ],
8248
+ "tags": {}
8249
+ },
6268
8250
  {
6269
8251
  "kind": "property",
6270
8252
  "name": "cs",
@@ -6285,15 +8267,99 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
6285
8267
  },
6286
8268
  {
6287
8269
  "kind": "property",
6288
- "name": "children",
6289
- "description": "",
6290
- "tags": {},
6291
- "declarations": [],
8270
+ "name": "variant",
8271
+ "required": false,
6292
8272
  "type": {
6293
- "kind": "external",
6294
- "name": "React.ReactNode",
6295
- "url": "https://reactjs.org/docs/rendering-elements.html"
6296
- }
8273
+ "kind": "union",
8274
+ "value": [
8275
+ {
8276
+ "kind": "string",
8277
+ "value": "error"
8278
+ },
8279
+ {
8280
+ "kind": "string",
8281
+ "value": "hint"
8282
+ },
8283
+ {
8284
+ "kind": "string",
8285
+ "value": "inverse"
8286
+ }
8287
+ ]
8288
+ },
8289
+ "description": "Type variant token names: `error`, `hint` or `inverse`.\n\n```tsx\n<Text variant=\"error\" typeLevel=\"subtext.large\">Error text</Text>\n```",
8290
+ "declarations": [
8291
+ {
8292
+ "name": "variant",
8293
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx"
8294
+ }
8295
+ ],
8296
+ "tags": {}
8297
+ },
8298
+ {
8299
+ "kind": "property",
8300
+ "name": "typeLevel",
8301
+ "required": false,
8302
+ "type": {
8303
+ "kind": "union",
8304
+ "value": [
8305
+ {
8306
+ "kind": "string",
8307
+ "value": "subtext.medium"
8308
+ },
8309
+ {
8310
+ "kind": "string",
8311
+ "value": "title.large"
8312
+ },
8313
+ {
8314
+ "kind": "string",
8315
+ "value": "title.medium"
8316
+ },
8317
+ {
8318
+ "kind": "string",
8319
+ "value": "title.small"
8320
+ },
8321
+ {
8322
+ "kind": "string",
8323
+ "value": "heading.large"
8324
+ },
8325
+ {
8326
+ "kind": "string",
8327
+ "value": "heading.medium"
8328
+ },
8329
+ {
8330
+ "kind": "string",
8331
+ "value": "heading.small"
8332
+ },
8333
+ {
8334
+ "kind": "string",
8335
+ "value": "body.large"
8336
+ },
8337
+ {
8338
+ "kind": "string",
8339
+ "value": "body.medium"
8340
+ },
8341
+ {
8342
+ "kind": "string",
8343
+ "value": "body.small"
8344
+ },
8345
+ {
8346
+ "kind": "string",
8347
+ "value": "subtext.large"
8348
+ },
8349
+ {
8350
+ "kind": "string",
8351
+ "value": "subtext.small"
8352
+ }
8353
+ ]
8354
+ },
8355
+ "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```",
8356
+ "declarations": [
8357
+ {
8358
+ "name": "typeLevel",
8359
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/text/lib/Text.tsx"
8360
+ }
8361
+ ],
8362
+ "tags": {}
6297
8363
  },
6298
8364
  {
6299
8365
  "kind": "property",
@@ -6308,8 +8374,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
6308
8374
  },
6309
8375
  "defaultValue": {
6310
8376
  "kind": "external",
6311
- "name": "input",
6312
- "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input"
8377
+ "name": "label",
8378
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label"
6313
8379
  }
6314
8380
  },
6315
8381
  {
@@ -6329,8 +8395,8 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
6329
8395
  "required": true,
6330
8396
  "defaultValue": {
6331
8397
  "kind": "external",
6332
- "name": "input",
6333
- "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input"
8398
+ "name": "label",
8399
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label"
6334
8400
  }
6335
8401
  }
6336
8402
  ]
@@ -6390,213 +8456,577 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
6390
8456
  ],
6391
8457
  "baseElement": {
6392
8458
  "kind": "external",
6393
- "name": "input",
6394
- "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input"
8459
+ "name": "label",
8460
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label"
6395
8461
  },
6396
8462
  "styleComponent": {
6397
8463
  "kind": "symbol",
6398
- "name": "Box"
8464
+ "name": "Flex"
6399
8465
  },
6400
8466
  "model": "FormFieldModel"
6401
8467
  }
6402
8468
  },
6403
8469
  {
6404
- "name": "FormFieldLabelProps",
6405
- "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldLabel.tsx",
6406
- "description": "",
6407
- "declarations": [
6408
- {
6409
- "name": "FormFieldLabelProps",
6410
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldLabel.tsx"
6411
- }
6412
- ],
6413
- "tags": {},
6414
- "type": {
6415
- "kind": "alias",
6416
- "name": "FormFieldLabel"
6417
- }
6418
- },
6419
- {
6420
- "name": "FormFieldLabel",
6421
- "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldLabel.tsx",
8470
+ "name": "formFieldStencil",
8471
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/formFieldStencil.ts",
6422
8472
  "description": "",
6423
8473
  "declarations": [
6424
8474
  {
6425
- "name": "FormFieldLabel",
6426
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldLabel.tsx"
8475
+ "name": "formFieldStencil",
8476
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/formFieldStencil.ts"
6427
8477
  }
6428
8478
  ],
6429
8479
  "tags": {},
6430
8480
  "type": {
6431
- "kind": "enhancedComponent",
6432
- "componentType": "subcomponent",
6433
- "elemPropsHook": "useFormFieldLabel",
6434
- "displayName": "FormField.Label",
6435
- "props": [
8481
+ "kind": "function",
8482
+ "parameters": [
8483
+ {
8484
+ "kind": "parameter",
8485
+ "name": "options",
8486
+ "type": {
8487
+ "kind": "conditional",
8488
+ "check": {
8489
+ "kind": "tuple",
8490
+ "value": [
8491
+ {
8492
+ "kind": "symbol",
8493
+ "name": "E",
8494
+ "value": "E"
8495
+ }
8496
+ ]
8497
+ },
8498
+ "extends": {
8499
+ "kind": "tuple",
8500
+ "value": [
8501
+ {
8502
+ "kind": "primitive",
8503
+ "value": "never"
8504
+ }
8505
+ ]
8506
+ },
8507
+ "trueType": {
8508
+ "kind": "intersection",
8509
+ "value": [
8510
+ {
8511
+ "kind": "symbol",
8512
+ "name": "ModifierValuesStencil",
8513
+ "typeParameters": [
8514
+ {
8515
+ "kind": "symbol",
8516
+ "name": "M",
8517
+ "value": "M"
8518
+ },
8519
+ {
8520
+ "kind": "symbol",
8521
+ "name": "V",
8522
+ "value": "V"
8523
+ }
8524
+ ],
8525
+ "value": "ModifierValuesStencil<M, V>"
8526
+ },
8527
+ {
8528
+ "kind": "symbol",
8529
+ "name": "VariableValuesStencil",
8530
+ "typeParameters": [
8531
+ {
8532
+ "kind": "symbol",
8533
+ "name": "V",
8534
+ "value": "V"
8535
+ }
8536
+ ],
8537
+ "value": "VariableValuesStencil<V>"
8538
+ }
8539
+ ]
8540
+ },
8541
+ "falseType": {
8542
+ "kind": "conditional",
8543
+ "check": {
8544
+ "kind": "symbol",
8545
+ "name": "E",
8546
+ "value": "E"
8547
+ },
8548
+ "extends": {
8549
+ "kind": "symbol",
8550
+ "name": "BaseStencil",
8551
+ "typeParameters": [
8552
+ {
8553
+ "kind": "infer",
8554
+ "value": {
8555
+ "kind": "typeParameter",
8556
+ "name": "ME",
8557
+ "required": true
8558
+ }
8559
+ },
8560
+ {
8561
+ "kind": "infer",
8562
+ "value": {
8563
+ "kind": "typeParameter",
8564
+ "name": "VE",
8565
+ "required": true
8566
+ }
8567
+ },
8568
+ {
8569
+ "kind": "primitive",
8570
+ "value": "any"
8571
+ },
8572
+ {
8573
+ "kind": "primitive",
8574
+ "value": "any"
8575
+ }
8576
+ ],
8577
+ "value": "BaseStencil<M, V, E, ID>"
8578
+ },
8579
+ "trueType": {
8580
+ "kind": "intersection",
8581
+ "value": [
8582
+ {
8583
+ "kind": "symbol",
8584
+ "name": "ModifierValuesStencil",
8585
+ "typeParameters": [
8586
+ {
8587
+ "kind": "intersection",
8588
+ "value": [
8589
+ {
8590
+ "kind": "symbol",
8591
+ "name": "ME",
8592
+ "value": "ME"
8593
+ },
8594
+ {
8595
+ "kind": "symbol",
8596
+ "name": "M",
8597
+ "value": "M"
8598
+ }
8599
+ ]
8600
+ }
8601
+ ],
8602
+ "value": "ModifierValuesStencil<M, V>"
8603
+ },
8604
+ {
8605
+ "kind": "symbol",
8606
+ "name": "VariableValuesStencil",
8607
+ "typeParameters": [
8608
+ {
8609
+ "kind": "intersection",
8610
+ "value": [
8611
+ {
8612
+ "kind": "symbol",
8613
+ "name": "VE",
8614
+ "value": "VE"
8615
+ },
8616
+ {
8617
+ "kind": "symbol",
8618
+ "name": "V",
8619
+ "value": "V"
8620
+ }
8621
+ ]
8622
+ }
8623
+ ],
8624
+ "value": "VariableValuesStencil<V>"
8625
+ }
8626
+ ]
8627
+ },
8628
+ "falseType": {
8629
+ "kind": "primitive",
8630
+ "value": "never"
8631
+ }
8632
+ }
8633
+ },
8634
+ "required": false,
8635
+ "rest": false,
8636
+ "description": "",
8637
+ "declarations": [
8638
+ {
8639
+ "name": "options",
8640
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
8641
+ }
8642
+ ],
8643
+ "tags": {}
8644
+ }
8645
+ ],
8646
+ "members": [
6436
8647
  {
6437
8648
  "kind": "property",
6438
- "name": "children",
8649
+ "name": "vars",
6439
8650
  "required": true,
6440
8651
  "type": {
6441
- "kind": "external",
6442
- "name": "ReactNode",
6443
- "url": "https://reactjs.org/docs/rendering-elements.html"
8652
+ "kind": "symbol",
8653
+ "name": "StencilDefaultVars",
8654
+ "typeParameters": [
8655
+ {
8656
+ "kind": "symbol",
8657
+ "name": "V",
8658
+ "value": "V"
8659
+ },
8660
+ {
8661
+ "kind": "symbol",
8662
+ "name": "E",
8663
+ "value": "E"
8664
+ },
8665
+ {
8666
+ "kind": "symbol",
8667
+ "name": "ID",
8668
+ "value": "ID"
8669
+ }
8670
+ ],
8671
+ "value": "StencilDefaultVars<V, E, ID>"
6444
8672
  },
6445
- "description": "The text of the label.",
8673
+ "description": "",
6446
8674
  "declarations": [
6447
8675
  {
6448
- "name": "children",
6449
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldLabel.tsx"
8676
+ "name": "vars",
8677
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
6450
8678
  }
6451
8679
  ],
6452
8680
  "tags": {}
6453
8681
  },
6454
8682
  {
6455
8683
  "kind": "property",
6456
- "name": "disabled",
6457
- "required": false,
8684
+ "name": "base",
8685
+ "required": true,
6458
8686
  "type": {
6459
8687
  "kind": "primitive",
6460
- "value": "boolean"
8688
+ "value": "string"
6461
8689
  },
6462
- "description": "Will style the text as disabled",
8690
+ "description": "",
6463
8691
  "declarations": [
6464
8692
  {
6465
- "name": "disabled",
6466
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldLabel.tsx"
8693
+ "name": "base",
8694
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
6467
8695
  }
6468
8696
  ],
6469
8697
  "tags": {}
6470
8698
  },
6471
8699
  {
6472
8700
  "kind": "property",
6473
- "name": "variant",
6474
- "required": false,
8701
+ "name": "modifiers",
8702
+ "required": true,
6475
8703
  "type": {
6476
- "kind": "union",
6477
- "value": [
6478
- {
6479
- "kind": "string",
6480
- "value": "error"
6481
- },
6482
- {
6483
- "kind": "string",
6484
- "value": "hint"
6485
- },
6486
- {
6487
- "kind": "string",
6488
- "value": "inverse"
6489
- }
6490
- ]
8704
+ "kind": "conditional",
8705
+ "check": {
8706
+ "kind": "tuple",
8707
+ "value": [
8708
+ {
8709
+ "kind": "symbol",
8710
+ "name": "E",
8711
+ "value": "E"
8712
+ }
8713
+ ]
8714
+ },
8715
+ "extends": {
8716
+ "kind": "tuple",
8717
+ "value": [
8718
+ {
8719
+ "kind": "symbol",
8720
+ "name": "BaseStencil",
8721
+ "typeParameters": [
8722
+ {
8723
+ "kind": "infer",
8724
+ "value": {
8725
+ "kind": "typeParameter",
8726
+ "name": "ME",
8727
+ "required": true
8728
+ }
8729
+ },
8730
+ {
8731
+ "kind": "infer",
8732
+ "value": {
8733
+ "kind": "typeParameter",
8734
+ "name": "VE",
8735
+ "required": true
8736
+ }
8737
+ },
8738
+ {
8739
+ "kind": "primitive",
8740
+ "value": "any"
8741
+ },
8742
+ {
8743
+ "kind": "primitive",
8744
+ "value": "any"
8745
+ }
8746
+ ],
8747
+ "value": "BaseStencil<M, V, E, ID>"
8748
+ }
8749
+ ]
8750
+ },
8751
+ "trueType": {
8752
+ "kind": "symbol",
8753
+ "name": "StencilModifierReturn",
8754
+ "typeParameters": [
8755
+ {
8756
+ "kind": "intersection",
8757
+ "value": [
8758
+ {
8759
+ "kind": "symbol",
8760
+ "name": "ME",
8761
+ "value": "ME"
8762
+ },
8763
+ {
8764
+ "kind": "symbol",
8765
+ "name": "M",
8766
+ "value": "M"
8767
+ }
8768
+ ]
8769
+ },
8770
+ {
8771
+ "kind": "intersection",
8772
+ "value": [
8773
+ {
8774
+ "kind": "symbol",
8775
+ "name": "VE",
8776
+ "value": "VE"
8777
+ },
8778
+ {
8779
+ "kind": "symbol",
8780
+ "name": "V",
8781
+ "value": "V"
8782
+ }
8783
+ ]
8784
+ }
8785
+ ],
8786
+ "value": "StencilModifierReturn<M, V>"
8787
+ },
8788
+ "falseType": {
8789
+ "kind": "symbol",
8790
+ "name": "StencilModifierReturn",
8791
+ "typeParameters": [
8792
+ {
8793
+ "kind": "symbol",
8794
+ "name": "M",
8795
+ "value": "M"
8796
+ },
8797
+ {
8798
+ "kind": "symbol",
8799
+ "name": "V",
8800
+ "value": "V"
8801
+ }
8802
+ ],
8803
+ "value": "StencilModifierReturn<M, V>"
8804
+ }
6491
8805
  },
6492
- "description": "Changes the color of the text",
8806
+ "description": "",
6493
8807
  "declarations": [
6494
8808
  {
6495
- "name": "variant",
6496
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormFieldLabel.tsx"
8809
+ "name": "modifiers",
8810
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
6497
8811
  }
6498
8812
  ],
6499
8813
  "tags": {}
6500
8814
  },
6501
8815
  {
6502
8816
  "kind": "property",
6503
- "name": "as",
6504
- "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.",
6505
- "tags": {},
6506
- "declarations": [],
8817
+ "name": "defaultModifiers",
8818
+ "required": true,
6507
8819
  "type": {
6508
- "kind": "external",
6509
- "name": "React.ElementType",
6510
- "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
8820
+ "kind": "conditional",
8821
+ "check": {
8822
+ "kind": "tuple",
8823
+ "value": [
8824
+ {
8825
+ "kind": "symbol",
8826
+ "name": "E",
8827
+ "value": "E"
8828
+ }
8829
+ ]
8830
+ },
8831
+ "extends": {
8832
+ "kind": "tuple",
8833
+ "value": [
8834
+ {
8835
+ "kind": "symbol",
8836
+ "name": "BaseStencil",
8837
+ "typeParameters": [
8838
+ {
8839
+ "kind": "infer",
8840
+ "value": {
8841
+ "kind": "typeParameter",
8842
+ "name": "ME",
8843
+ "required": true
8844
+ }
8845
+ },
8846
+ {
8847
+ "kind": "primitive",
8848
+ "value": "any"
8849
+ },
8850
+ {
8851
+ "kind": "primitive",
8852
+ "value": "any"
8853
+ },
8854
+ {
8855
+ "kind": "primitive",
8856
+ "value": "any"
8857
+ }
8858
+ ],
8859
+ "value": "BaseStencil<M, V, E, ID>"
8860
+ }
8861
+ ]
8862
+ },
8863
+ "trueType": {
8864
+ "kind": "symbol",
8865
+ "name": "StencilDefaultModifierReturn",
8866
+ "typeParameters": [
8867
+ {
8868
+ "kind": "intersection",
8869
+ "value": [
8870
+ {
8871
+ "kind": "symbol",
8872
+ "name": "ME",
8873
+ "value": "ME"
8874
+ },
8875
+ {
8876
+ "kind": "symbol",
8877
+ "name": "M",
8878
+ "value": "M"
8879
+ }
8880
+ ]
8881
+ }
8882
+ ],
8883
+ "value": "StencilDefaultModifierReturn<M>"
8884
+ },
8885
+ "falseType": {
8886
+ "kind": "symbol",
8887
+ "name": "StencilDefaultModifierReturn",
8888
+ "typeParameters": [
8889
+ {
8890
+ "kind": "symbol",
8891
+ "name": "M",
8892
+ "value": "M"
8893
+ }
8894
+ ],
8895
+ "value": "StencilDefaultModifierReturn<M>"
8896
+ }
6511
8897
  },
6512
- "defaultValue": {
6513
- "kind": "external",
6514
- "name": "label",
6515
- "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label"
6516
- }
8898
+ "description": "",
8899
+ "declarations": [
8900
+ {
8901
+ "name": "defaultModifiers",
8902
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
8903
+ }
8904
+ ],
8905
+ "tags": {}
6517
8906
  },
6518
8907
  {
6519
8908
  "kind": "property",
6520
- "name": "ref",
6521
- "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`).",
6522
- "tags": {},
6523
- "declarations": [],
8909
+ "name": "__extends",
8910
+ "required": false,
6524
8911
  "type": {
6525
- "kind": "external",
6526
- "name": "React.Ref",
6527
- "url": "https://reactjs.org/docs/refs-and-the-dom.html",
6528
- "typeParameters": [
6529
- {
6530
- "kind": "typeParameter",
6531
- "name": "R",
6532
- "required": true,
6533
- "defaultValue": {
6534
- "kind": "external",
6535
- "name": "label",
6536
- "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label"
6537
- }
6538
- }
6539
- ]
6540
- }
8912
+ "kind": "symbol",
8913
+ "name": "E",
8914
+ "value": "E"
8915
+ },
8916
+ "description": "",
8917
+ "declarations": [
8918
+ {
8919
+ "name": "__extends",
8920
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
8921
+ }
8922
+ ],
8923
+ "tags": {}
6541
8924
  },
6542
8925
  {
6543
8926
  "kind": "property",
6544
- "name": "model",
6545
- "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.",
6546
- "tags": {},
6547
- "declarations": [],
8927
+ "name": "__vars",
8928
+ "required": true,
6548
8929
  "type": {
6549
8930
  "kind": "symbol",
6550
- "name": "FormFieldModel"
6551
- }
8931
+ "name": "V",
8932
+ "value": "V"
8933
+ },
8934
+ "description": "",
8935
+ "declarations": [
8936
+ {
8937
+ "name": "__vars",
8938
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
8939
+ }
8940
+ ],
8941
+ "tags": {}
6552
8942
  },
6553
8943
  {
6554
8944
  "kind": "property",
6555
- "name": "elemPropsHook",
6556
- "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.",
6557
- "tags": {},
6558
- "declarations": [],
8945
+ "name": "__modifiers",
8946
+ "required": true,
6559
8947
  "type": {
6560
- "kind": "function",
6561
- "parameters": [
8948
+ "kind": "symbol",
8949
+ "name": "M",
8950
+ "value": "M"
8951
+ },
8952
+ "description": "",
8953
+ "declarations": [
8954
+ {
8955
+ "name": "__modifiers",
8956
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
8957
+ }
8958
+ ],
8959
+ "tags": {}
8960
+ },
8961
+ {
8962
+ "kind": "property",
8963
+ "name": "__id",
8964
+ "required": true,
8965
+ "type": {
8966
+ "kind": "symbol",
8967
+ "name": "ID",
8968
+ "value": "ID"
8969
+ },
8970
+ "description": "",
8971
+ "declarations": [
8972
+ {
8973
+ "name": "__id",
8974
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
8975
+ }
8976
+ ],
8977
+ "tags": {}
8978
+ }
8979
+ ],
8980
+ "returnType": {
8981
+ "kind": "object",
8982
+ "properties": [
8983
+ {
8984
+ "kind": "property",
8985
+ "name": "className",
8986
+ "required": true,
8987
+ "type": {
8988
+ "kind": "primitive",
8989
+ "value": "string"
8990
+ },
8991
+ "description": "",
8992
+ "declarations": [
6562
8993
  {
6563
- "kind": "parameter",
6564
- "description": "",
6565
- "tags": {},
6566
- "declarations": [],
6567
- "name": "model",
6568
- "type": {
6569
- "kind": "symbol",
6570
- "name": "FormFieldModel"
8994
+ "name": "className",
8995
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
8996
+ }
8997
+ ],
8998
+ "tags": {}
8999
+ },
9000
+ {
9001
+ "kind": "property",
9002
+ "name": "style",
9003
+ "required": false,
9004
+ "type": {
9005
+ "kind": "external",
9006
+ "name": "Record",
9007
+ "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
9008
+ "typeParameters": [
9009
+ {
9010
+ "kind": "primitive",
9011
+ "value": "string"
6571
9012
  },
6572
- "required": true
6573
- },
6574
- {
6575
- "kind": "parameter",
6576
- "description": "",
6577
- "tags": {},
6578
- "declarations": [],
6579
- "name": "elemProps",
6580
- "type": {
6581
- "kind": "generic",
6582
- "name": "TProps"
9013
+ {
9014
+ "kind": "primitive",
9015
+ "value": "string"
6583
9016
  }
9017
+ ]
9018
+ },
9019
+ "description": "",
9020
+ "declarations": [
9021
+ {
9022
+ "name": "style",
9023
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
6584
9024
  }
6585
9025
  ],
6586
- "returnType": {
6587
- "kind": "external",
6588
- "name": "HTML Attributes",
6589
- "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes"
6590
- }
9026
+ "tags": {}
6591
9027
  }
6592
- }
6593
- ],
6594
- "baseElement": {
6595
- "kind": "external",
6596
- "name": "label",
6597
- "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label"
6598
- },
6599
- "model": "FormFieldModel"
9028
+ ]
9029
+ }
6600
9030
  }
6601
9031
  },
6602
9032
  {
@@ -6970,38 +9400,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
6970
9400
  ],
6971
9401
  "tags": {}
6972
9402
  },
6973
- {
6974
- "kind": "property",
6975
- "name": "orientation",
6976
- "defaultValue": {
6977
- "kind": "string",
6978
- "value": "vertical"
6979
- },
6980
- "type": {
6981
- "kind": "union",
6982
- "value": [
6983
- {
6984
- "kind": "string",
6985
- "value": "horizontal"
6986
- },
6987
- {
6988
- "kind": "string",
6989
- "value": "vertical"
6990
- }
6991
- ]
6992
- },
6993
- "required": false,
6994
- "description": "The direction the child elements should stack",
6995
- "declarations": [
6996
- {
6997
- "name": "orientation",
6998
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/hooks/useFormFieldModel.tsx"
6999
- }
7000
- ],
7001
- "tags": {
7002
- "default": "vertical"
7003
- }
7004
- },
7005
9403
  {
7006
9404
  "kind": "property",
7007
9405
  "name": "id",
@@ -7110,34 +9508,6 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
7110
9508
  ],
7111
9509
  "tags": {}
7112
9510
  },
7113
- {
7114
- "kind": "property",
7115
- "name": "orientation",
7116
- "type": {
7117
- "kind": "union",
7118
- "value": [
7119
- {
7120
- "kind": "string",
7121
- "value": "horizontal"
7122
- },
7123
- {
7124
- "kind": "string",
7125
- "value": "vertical"
7126
- }
7127
- ]
7128
- },
7129
- "required": true,
7130
- "description": "The direction the child elements should stack",
7131
- "declarations": [
7132
- {
7133
- "name": "orientation",
7134
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/hooks/useFormFieldModel.tsx"
7135
- }
7136
- ],
7137
- "tags": {
7138
- "default": "vertical"
7139
- }
7140
- },
7141
9511
  {
7142
9512
  "kind": "property",
7143
9513
  "name": "isRequired",
@@ -7210,166 +9580,106 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
7210
9580
  },
7211
9581
  {
7212
9582
  "kind": "property",
7213
- "name": "orientation",
7214
- "defaultValue": {
7215
- "kind": "string",
7216
- "value": "vertical"
7217
- },
7218
- "type": {
7219
- "kind": "union",
7220
- "value": [
7221
- {
7222
- "kind": "string",
7223
- "value": "horizontal"
7224
- },
7225
- {
7226
- "kind": "string",
7227
- "value": "vertical"
7228
- }
7229
- ]
7230
- },
7231
- "required": false,
7232
- "description": "The direction the child elements should stack",
7233
- "declarations": [
7234
- {
7235
- "name": "orientation",
7236
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/hooks/useFormFieldModel.tsx"
7237
- }
7238
- ],
7239
- "tags": {
7240
- "default": "vertical"
7241
- }
7242
- },
7243
- {
7244
- "kind": "property",
7245
- "name": "id",
7246
- "defaultValue": {
7247
- "kind": "string",
7248
- "value": ""
7249
- },
7250
- "type": {
7251
- "kind": "primitive",
7252
- "value": "string"
7253
- },
7254
- "required": false,
7255
- "description": "Optional `id` provided to `FormField`'s subcomponents as HTML attributes:\n- `FormField.Input` will set `aria-describedby` to `hint-${id}`\n- `FormField.Input` will set `id` to `input-${id}`\n- `FormField.Label` will set `htmlFor` to `input-${id}`\n- `FormField.Hint` will set `id` to `hint-${id}`\n\nIf a value is not provided, a unique id will be automatically created by `useUniqueId()`.",
7256
- "declarations": [
7257
- {
7258
- "name": "id",
7259
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/hooks/useFormFieldModel.tsx"
7260
- }
7261
- ],
7262
- "tags": {
7263
- "default": "{useUniqueId}"
7264
- }
7265
- },
7266
- {
7267
- "kind": "property",
7268
- "name": "isRequired",
7269
- "defaultValue": {
7270
- "kind": "boolean",
7271
- "value": false
7272
- },
7273
- "type": {
7274
- "kind": "boolean",
7275
- "value": false
7276
- },
7277
- "required": false,
7278
- "description": "Optional flag to denote if this field is required. When true the `FormField.Input` will have\n`required` set to true, and an asterisk will be appended to the `FormField.Label`.",
7279
- "declarations": [
7280
- {
7281
- "name": "isRequired",
7282
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/hooks/useFormFieldModel.tsx"
7283
- }
7284
- ],
7285
- "tags": {}
7286
- },
7287
- null
7288
- ]
7289
- }
7290
- },
7291
- {
7292
- "name": "FormFieldModelState",
7293
- "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/hooks/useFormFieldModel.tsx",
7294
- "description": "",
7295
- "tags": {},
7296
- "declarations": [],
7297
- "type": {
7298
- "kind": "object",
7299
- "properties": [
7300
- {
7301
- "kind": "property",
7302
- "name": "id",
7303
- "type": {
7304
- "kind": "primitive",
7305
- "value": "string"
7306
- },
7307
- "description": "",
7308
- "declarations": [
7309
- {
7310
- "name": "id",
7311
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/hooks/useFormFieldModel.tsx"
7312
- }
7313
- ],
7314
- "tags": {}
7315
- },
7316
- {
7317
- "kind": "property",
7318
- "name": "error",
7319
- "type": {
7320
- "kind": "union",
7321
- "value": [
7322
- {
7323
- "kind": "string",
7324
- "value": "error"
7325
- },
7326
- {
7327
- "kind": "string",
7328
- "value": "alert"
7329
- },
7330
- {
7331
- "kind": "primitive",
7332
- "value": "undefined"
7333
- }
7334
- ]
7335
- },
7336
- "required": false,
7337
- "description": "Optional flag to denote if this field has an error or warning to display.\nIf value is `error`: `aria-invalid` is added to the `FormField.Input` and the red error ring is added.\nIf value is `alert`: A visual orange warning ring is added to the `FormField.Input`.",
7338
- "declarations": [
7339
- {
7340
- "name": "error",
7341
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/hooks/useFormFieldModel.tsx"
7342
- }
7343
- ],
7344
- "tags": {}
7345
- },
7346
- {
7347
- "kind": "property",
7348
- "name": "orientation",
9583
+ "name": "id",
9584
+ "defaultValue": {
9585
+ "kind": "string",
9586
+ "value": ""
9587
+ },
9588
+ "type": {
9589
+ "kind": "primitive",
9590
+ "value": "string"
9591
+ },
9592
+ "required": false,
9593
+ "description": "Optional `id` provided to `FormField`'s subcomponents as HTML attributes:\n- `FormField.Input` will set `aria-describedby` to `hint-${id}`\n- `FormField.Input` will set `id` to `input-${id}`\n- `FormField.Label` will set `htmlFor` to `input-${id}`\n- `FormField.Hint` will set `id` to `hint-${id}`\n\nIf a value is not provided, a unique id will be automatically created by `useUniqueId()`.",
9594
+ "declarations": [
9595
+ {
9596
+ "name": "id",
9597
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/hooks/useFormFieldModel.tsx"
9598
+ }
9599
+ ],
9600
+ "tags": {
9601
+ "default": "{useUniqueId}"
9602
+ }
9603
+ },
9604
+ {
9605
+ "kind": "property",
9606
+ "name": "isRequired",
9607
+ "defaultValue": {
9608
+ "kind": "boolean",
9609
+ "value": false
9610
+ },
9611
+ "type": {
9612
+ "kind": "boolean",
9613
+ "value": false
9614
+ },
9615
+ "required": false,
9616
+ "description": "Optional flag to denote if this field is required. When true the `FormField.Input` will have\n`required` set to true, and an asterisk will be appended to the `FormField.Label`.",
9617
+ "declarations": [
9618
+ {
9619
+ "name": "isRequired",
9620
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/hooks/useFormFieldModel.tsx"
9621
+ }
9622
+ ],
9623
+ "tags": {}
9624
+ },
9625
+ null
9626
+ ]
9627
+ }
9628
+ },
9629
+ {
9630
+ "name": "FormFieldModelState",
9631
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/hooks/useFormFieldModel.tsx",
9632
+ "description": "",
9633
+ "tags": {},
9634
+ "declarations": [],
9635
+ "type": {
9636
+ "kind": "object",
9637
+ "properties": [
9638
+ {
9639
+ "kind": "property",
9640
+ "name": "id",
9641
+ "type": {
9642
+ "kind": "primitive",
9643
+ "value": "string"
9644
+ },
9645
+ "description": "",
9646
+ "declarations": [
9647
+ {
9648
+ "name": "id",
9649
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/hooks/useFormFieldModel.tsx"
9650
+ }
9651
+ ],
9652
+ "tags": {}
9653
+ },
9654
+ {
9655
+ "kind": "property",
9656
+ "name": "error",
7349
9657
  "type": {
7350
9658
  "kind": "union",
7351
9659
  "value": [
7352
9660
  {
7353
9661
  "kind": "string",
7354
- "value": "horizontal"
9662
+ "value": "error"
7355
9663
  },
7356
9664
  {
7357
9665
  "kind": "string",
7358
- "value": "vertical"
9666
+ "value": "alert"
9667
+ },
9668
+ {
9669
+ "kind": "primitive",
9670
+ "value": "undefined"
7359
9671
  }
7360
9672
  ]
7361
9673
  },
7362
- "required": true,
7363
- "description": "The direction the child elements should stack",
9674
+ "required": false,
9675
+ "description": "Optional flag to denote if this field has an error or warning to display.\nIf value is `error`: `aria-invalid` is added to the `FormField.Input` and the red error ring is added.\nIf value is `alert`: A visual orange warning ring is added to the `FormField.Input`.",
7364
9676
  "declarations": [
7365
9677
  {
7366
- "name": "orientation",
9678
+ "name": "error",
7367
9679
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/hooks/useFormFieldModel.tsx"
7368
9680
  }
7369
9681
  ],
7370
- "tags": {
7371
- "default": "vertical"
7372
- }
9682
+ "tags": {}
7373
9683
  },
7374
9684
  {
7375
9685
  "kind": "property",
@@ -7412,7 +9722,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
7412
9722
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/hooks/useFormFieldOrientation.tsx"
7413
9723
  }
7414
9724
  ],
7415
- "tags": {},
9725
+ "tags": {
9726
+ "deprecated": ""
9727
+ },
7416
9728
  "type": {
7417
9729
  "kind": "function",
7418
9730
  "parameters": [
@@ -27703,43 +30015,43 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
27703
30015
  "value": [
27704
30016
  {
27705
30017
  "kind": "string",
27706
- "value": "body.medium"
30018
+ "value": "subtext.medium"
27707
30019
  },
27708
30020
  {
27709
30021
  "kind": "string",
27710
- "value": "body.large"
30022
+ "value": "title.large"
27711
30023
  },
27712
30024
  {
27713
30025
  "kind": "string",
27714
- "value": "body.small"
30026
+ "value": "title.medium"
27715
30027
  },
27716
30028
  {
27717
30029
  "kind": "string",
27718
- "value": "title.medium"
30030
+ "value": "title.small"
27719
30031
  },
27720
30032
  {
27721
30033
  "kind": "string",
27722
- "value": "title.large"
30034
+ "value": "heading.large"
27723
30035
  },
27724
30036
  {
27725
30037
  "kind": "string",
27726
- "value": "title.small"
30038
+ "value": "heading.medium"
27727
30039
  },
27728
30040
  {
27729
30041
  "kind": "string",
27730
- "value": "heading.medium"
30042
+ "value": "heading.small"
27731
30043
  },
27732
30044
  {
27733
30045
  "kind": "string",
27734
- "value": "heading.large"
30046
+ "value": "body.large"
27735
30047
  },
27736
30048
  {
27737
30049
  "kind": "string",
27738
- "value": "heading.small"
30050
+ "value": "body.medium"
27739
30051
  },
27740
30052
  {
27741
30053
  "kind": "string",
27742
- "value": "subtext.medium"
30054
+ "value": "body.small"
27743
30055
  },
27744
30056
  {
27745
30057
  "kind": "string",
@@ -27890,7 +30202,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
27890
30202
  }
27891
30203
  ],
27892
30204
  "tags": {
27893
- "deprecated": "⚠️ `TextAreaProps` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead."
30205
+ "deprecated": "⚠️ `TextAreaProps` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField`](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) in Preview instead."
27894
30206
  },
27895
30207
  "type": {
27896
30208
  "kind": "alias",
@@ -27908,6 +30220,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
27908
30220
  }
27909
30221
  ],
27910
30222
  "tags": {
30223
+ "stencil": "formFieldStencil",
27911
30224
  "deprecated": "⚠️ `TextArea` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead."
27912
30225
  },
27913
30226
  "type": {
@@ -27933,6 +30246,39 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
27933
30246
  ],
27934
30247
  "tags": {}
27935
30248
  },
30249
+ {
30250
+ "kind": "property",
30251
+ "name": "orientation",
30252
+ "required": false,
30253
+ "type": {
30254
+ "kind": "union",
30255
+ "value": [
30256
+ {
30257
+ "kind": "string",
30258
+ "value": "vertical"
30259
+ },
30260
+ {
30261
+ "kind": "string",
30262
+ "value": "horizontal"
30263
+ }
30264
+ ]
30265
+ },
30266
+ "description": "The direction the child elements should stack",
30267
+ "declarations": [
30268
+ {
30269
+ "name": "orientation",
30270
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormField.tsx"
30271
+ }
30272
+ ],
30273
+ "tags": {
30274
+ "default": "vertical"
30275
+ },
30276
+ "defaultValue": {
30277
+ "kind": "symbol",
30278
+ "name": "vertical",
30279
+ "value": "vertical"
30280
+ }
30281
+ },
27936
30282
  {
27937
30283
  "kind": "property",
27938
30284
  "name": "cs",
@@ -28102,7 +30448,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
28102
30448
  }
28103
30449
  ],
28104
30450
  "tags": {
28105
- "deprecated": "⚠️ `TextAreaField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead."
30451
+ "deprecated": "⚠️ `TextAreaField` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField`](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) in Preview instead."
28106
30452
  },
28107
30453
  "type": {
28108
30454
  "kind": "enhancedComponent",
@@ -28368,6 +30714,7 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
28368
30714
  }
28369
30715
  ],
28370
30716
  "tags": {
30717
+ "stencil": "formFieldStencil",
28371
30718
  "deprecated": "⚠️ `TextInput` in Preview has been deprecated and will be removed in a future major version. Please use [`FormField` in Preview](https://workday.github.io/canvas-kit/?path=/story/preview-inputs-form-field--basic) instead."
28372
30719
  },
28373
30720
  "type": {
@@ -28375,6 +30722,39 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
28375
30722
  "componentType": "container",
28376
30723
  "displayName": "TextInput",
28377
30724
  "props": [
30725
+ {
30726
+ "kind": "property",
30727
+ "name": "orientation",
30728
+ "required": false,
30729
+ "type": {
30730
+ "kind": "union",
30731
+ "value": [
30732
+ {
30733
+ "kind": "string",
30734
+ "value": "vertical"
30735
+ },
30736
+ {
30737
+ "kind": "string",
30738
+ "value": "horizontal"
30739
+ }
30740
+ ]
30741
+ },
30742
+ "description": "The direction the child elements should stack",
30743
+ "declarations": [
30744
+ {
30745
+ "name": "orientation",
30746
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/form-field/lib/FormField.tsx"
30747
+ }
30748
+ ],
30749
+ "tags": {
30750
+ "default": "vertical"
30751
+ },
30752
+ "defaultValue": {
30753
+ "kind": "symbol",
30754
+ "name": "vertical",
30755
+ "value": "vertical"
30756
+ }
30757
+ },
28378
30758
  {
28379
30759
  "kind": "property",
28380
30760
  "name": "children",
@@ -39475,43 +41855,43 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
39475
41855
  "value": [
39476
41856
  {
39477
41857
  "kind": "string",
39478
- "value": "body.medium"
41858
+ "value": "subtext.medium"
39479
41859
  },
39480
41860
  {
39481
41861
  "kind": "string",
39482
- "value": "body.large"
41862
+ "value": "title.large"
39483
41863
  },
39484
41864
  {
39485
41865
  "kind": "string",
39486
- "value": "body.small"
41866
+ "value": "title.medium"
39487
41867
  },
39488
41868
  {
39489
41869
  "kind": "string",
39490
- "value": "title.medium"
41870
+ "value": "title.small"
39491
41871
  },
39492
41872
  {
39493
41873
  "kind": "string",
39494
- "value": "title.large"
41874
+ "value": "heading.large"
39495
41875
  },
39496
41876
  {
39497
41877
  "kind": "string",
39498
- "value": "title.small"
41878
+ "value": "heading.medium"
39499
41879
  },
39500
41880
  {
39501
41881
  "kind": "string",
39502
- "value": "heading.medium"
41882
+ "value": "heading.small"
39503
41883
  },
39504
41884
  {
39505
41885
  "kind": "string",
39506
- "value": "heading.large"
41886
+ "value": "body.large"
39507
41887
  },
39508
41888
  {
39509
41889
  "kind": "string",
39510
- "value": "heading.small"
41890
+ "value": "body.medium"
39511
41891
  },
39512
41892
  {
39513
41893
  "kind": "string",
39514
- "value": "subtext.medium"
41894
+ "value": "body.small"
39515
41895
  },
39516
41896
  {
39517
41897
  "kind": "string",
@@ -228115,43 +230495,43 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
228115
230495
  "value": [
228116
230496
  {
228117
230497
  "kind": "string",
228118
- "value": "body.medium"
230498
+ "value": "subtext.medium"
228119
230499
  },
228120
230500
  {
228121
230501
  "kind": "string",
228122
- "value": "body.large"
230502
+ "value": "title.large"
228123
230503
  },
228124
230504
  {
228125
230505
  "kind": "string",
228126
- "value": "body.small"
230506
+ "value": "title.medium"
228127
230507
  },
228128
230508
  {
228129
230509
  "kind": "string",
228130
- "value": "title.medium"
230510
+ "value": "title.small"
228131
230511
  },
228132
230512
  {
228133
230513
  "kind": "string",
228134
- "value": "title.large"
230514
+ "value": "heading.large"
228135
230515
  },
228136
230516
  {
228137
230517
  "kind": "string",
228138
- "value": "title.small"
230518
+ "value": "heading.medium"
228139
230519
  },
228140
230520
  {
228141
230521
  "kind": "string",
228142
- "value": "heading.medium"
230522
+ "value": "heading.small"
228143
230523
  },
228144
230524
  {
228145
230525
  "kind": "string",
228146
- "value": "heading.large"
230526
+ "value": "body.large"
228147
230527
  },
228148
230528
  {
228149
230529
  "kind": "string",
228150
- "value": "heading.small"
230530
+ "value": "body.medium"
228151
230531
  },
228152
230532
  {
228153
230533
  "kind": "string",
228154
- "value": "subtext.medium"
230534
+ "value": "body.small"
228155
230535
  },
228156
230536
  {
228157
230537
  "kind": "string",
@@ -232722,43 +235102,43 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
232722
235102
  "value": [
232723
235103
  {
232724
235104
  "kind": "string",
232725
- "value": "body.medium"
235105
+ "value": "subtext.medium"
232726
235106
  },
232727
235107
  {
232728
235108
  "kind": "string",
232729
- "value": "body.large"
235109
+ "value": "title.large"
232730
235110
  },
232731
235111
  {
232732
235112
  "kind": "string",
232733
- "value": "body.small"
235113
+ "value": "title.medium"
232734
235114
  },
232735
235115
  {
232736
235116
  "kind": "string",
232737
- "value": "title.medium"
235117
+ "value": "title.small"
232738
235118
  },
232739
235119
  {
232740
235120
  "kind": "string",
232741
- "value": "title.large"
235121
+ "value": "heading.large"
232742
235122
  },
232743
235123
  {
232744
235124
  "kind": "string",
232745
- "value": "title.small"
235125
+ "value": "heading.medium"
232746
235126
  },
232747
235127
  {
232748
235128
  "kind": "string",
232749
- "value": "heading.medium"
235129
+ "value": "heading.small"
232750
235130
  },
232751
235131
  {
232752
235132
  "kind": "string",
232753
- "value": "heading.large"
235133
+ "value": "body.large"
232754
235134
  },
232755
235135
  {
232756
235136
  "kind": "string",
232757
- "value": "heading.small"
235137
+ "value": "body.medium"
232758
235138
  },
232759
235139
  {
232760
235140
  "kind": "string",
232761
- "value": "subtext.medium"
235141
+ "value": "body.small"
232762
235142
  },
232763
235143
  {
232764
235144
  "kind": "string",
@@ -233519,43 +235899,43 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
233519
235899
  "value": [
233520
235900
  {
233521
235901
  "kind": "string",
233522
- "value": "body.medium"
235902
+ "value": "subtext.medium"
233523
235903
  },
233524
235904
  {
233525
235905
  "kind": "string",
233526
- "value": "body.large"
235906
+ "value": "title.large"
233527
235907
  },
233528
235908
  {
233529
235909
  "kind": "string",
233530
- "value": "body.small"
235910
+ "value": "title.medium"
233531
235911
  },
233532
235912
  {
233533
235913
  "kind": "string",
233534
- "value": "title.medium"
235914
+ "value": "title.small"
233535
235915
  },
233536
235916
  {
233537
235917
  "kind": "string",
233538
- "value": "title.large"
235918
+ "value": "heading.large"
233539
235919
  },
233540
235920
  {
233541
235921
  "kind": "string",
233542
- "value": "title.small"
235922
+ "value": "heading.medium"
233543
235923
  },
233544
235924
  {
233545
235925
  "kind": "string",
233546
- "value": "heading.medium"
235926
+ "value": "heading.small"
233547
235927
  },
233548
235928
  {
233549
235929
  "kind": "string",
233550
- "value": "heading.large"
235930
+ "value": "body.large"
233551
235931
  },
233552
235932
  {
233553
235933
  "kind": "string",
233554
- "value": "heading.small"
235934
+ "value": "body.medium"
233555
235935
  },
233556
235936
  {
233557
235937
  "kind": "string",
233558
- "value": "subtext.medium"
235938
+ "value": "body.small"
233559
235939
  },
233560
235940
  {
233561
235941
  "kind": "string",