@jack-henry/jh-elements 2.0.0-beta.11 → 2.0.0-beta.13
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.
- package/components/checkbox-group/checkbox-group.js +16 -4
- package/components/input/input.js +313 -252
- package/components/input-email/input-email.js +3 -4
- package/components/input-password/input-password.js +64 -54
- package/components/input-search/input-search.js +11 -8
- package/components/input-textarea/input-textarea.js +67 -175
- package/components/list-item/list-item.js +4 -1
- package/components/menu/menu.js +12 -1
- package/components/radio-group/radio-group.js +61 -6
- package/components/select/filtering.js +92 -0
- package/components/select/select.js +660 -0
- package/components/toast/toast.js +1 -5
- package/components/tooltip/tooltip.js +46 -65
- package/custom-elements.json +820 -183
- package/index.d.ts +2 -0
- package/package.json +2 -2
package/custom-elements.json
CHANGED
|
@@ -1380,13 +1380,14 @@
|
|
|
1380
1380
|
},
|
|
1381
1381
|
{
|
|
1382
1382
|
"name": "input-mask",
|
|
1383
|
-
"description": "Formats
|
|
1383
|
+
"description": "Formats user entered data on input based on fixed lengths. This property does not support dynamic formatting or pasted values. See the input mask documentation above for implementation details.",
|
|
1384
1384
|
"type": "?string"
|
|
1385
1385
|
},
|
|
1386
1386
|
{
|
|
1387
1387
|
"name": "inputmode",
|
|
1388
1388
|
"description": "Indicates expected input value type and allows for browsers to display appropriate virtual keyboard.\n\n[Visit MDN for information on supported inputmode values](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)",
|
|
1389
|
-
"type": "?string"
|
|
1389
|
+
"type": "?string",
|
|
1390
|
+
"default": "\"email\""
|
|
1390
1391
|
},
|
|
1391
1392
|
{
|
|
1392
1393
|
"name": "invalid",
|
|
@@ -1517,14 +1518,15 @@
|
|
|
1517
1518
|
{
|
|
1518
1519
|
"name": "inputMask",
|
|
1519
1520
|
"attribute": "input-mask",
|
|
1520
|
-
"description": "Formats
|
|
1521
|
+
"description": "Formats user entered data on input based on fixed lengths. This property does not support dynamic formatting or pasted values. See the input mask documentation above for implementation details.",
|
|
1521
1522
|
"type": "?string"
|
|
1522
1523
|
},
|
|
1523
1524
|
{
|
|
1524
1525
|
"name": "inputmode",
|
|
1525
1526
|
"attribute": "inputmode",
|
|
1526
1527
|
"description": "Indicates expected input value type and allows for browsers to display appropriate virtual keyboard.\n\n[Visit MDN for information on supported inputmode values](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)",
|
|
1527
|
-
"type": "?string"
|
|
1528
|
+
"type": "?string",
|
|
1529
|
+
"default": "\"email\""
|
|
1528
1530
|
},
|
|
1529
1531
|
{
|
|
1530
1532
|
"name": "invalid",
|
|
@@ -1649,7 +1651,7 @@
|
|
|
1649
1651
|
},
|
|
1650
1652
|
{
|
|
1651
1653
|
"name": "--jh-input-field-color-background",
|
|
1652
|
-
"description": "The input field background-color. Defaults to `--jh-color-container-primary-enabled`."
|
|
1654
|
+
"description": "The input field background-color when in an editable state. This property does not apply when the component is set to `readonly`. Defaults to `--jh-color-container-primary-enabled`."
|
|
1653
1655
|
},
|
|
1654
1656
|
{
|
|
1655
1657
|
"name": "--jh-input-field-color-border-enabled",
|
|
@@ -1839,7 +1841,7 @@
|
|
|
1839
1841
|
},
|
|
1840
1842
|
{
|
|
1841
1843
|
"name": "input-mask",
|
|
1842
|
-
"description": "Formats
|
|
1844
|
+
"description": "Formats user entered data on input based on fixed lengths. This property does not support dynamic formatting or pasted values. See the input mask documentation above for implementation details.",
|
|
1843
1845
|
"type": "?string"
|
|
1844
1846
|
},
|
|
1845
1847
|
{
|
|
@@ -1995,7 +1997,7 @@
|
|
|
1995
1997
|
{
|
|
1996
1998
|
"name": "inputMask",
|
|
1997
1999
|
"attribute": "input-mask",
|
|
1998
|
-
"description": "Formats
|
|
2000
|
+
"description": "Formats user entered data on input based on fixed lengths. This property does not support dynamic formatting or pasted values. See the input mask documentation above for implementation details.",
|
|
1999
2001
|
"type": "?string"
|
|
2000
2002
|
},
|
|
2001
2003
|
{
|
|
@@ -2135,7 +2137,7 @@
|
|
|
2135
2137
|
},
|
|
2136
2138
|
{
|
|
2137
2139
|
"name": "--jh-input-field-color-background",
|
|
2138
|
-
"description": "The input field background-color. Defaults to `--jh-color-container-primary-enabled`."
|
|
2140
|
+
"description": "The input field background-color when in an editable state. This property does not apply when the component is set to `readonly`. Defaults to `--jh-color-container-primary-enabled`."
|
|
2139
2141
|
},
|
|
2140
2142
|
{
|
|
2141
2143
|
"name": "--jh-input-field-color-border-enabled",
|
|
@@ -2310,7 +2312,7 @@
|
|
|
2310
2312
|
},
|
|
2311
2313
|
{
|
|
2312
2314
|
"name": "input-mask",
|
|
2313
|
-
"description": "Formats
|
|
2315
|
+
"description": "Formats user entered data on input based on fixed lengths. This property does not support dynamic formatting or pasted values. See the input mask documentation above for implementation details.",
|
|
2314
2316
|
"type": "?string"
|
|
2315
2317
|
},
|
|
2316
2318
|
{
|
|
@@ -2447,7 +2449,7 @@
|
|
|
2447
2449
|
{
|
|
2448
2450
|
"name": "inputMask",
|
|
2449
2451
|
"attribute": "input-mask",
|
|
2450
|
-
"description": "Formats
|
|
2452
|
+
"description": "Formats user entered data on input based on fixed lengths. This property does not support dynamic formatting or pasted values. See the input mask documentation above for implementation details.",
|
|
2451
2453
|
"type": "?string"
|
|
2452
2454
|
},
|
|
2453
2455
|
{
|
|
@@ -2579,7 +2581,7 @@
|
|
|
2579
2581
|
},
|
|
2580
2582
|
{
|
|
2581
2583
|
"name": "--jh-input-field-color-background",
|
|
2582
|
-
"description": "The input field background-color. Defaults to `--jh-color-container-primary-enabled`."
|
|
2584
|
+
"description": "The input field background-color when in an editable state. This property does not apply when the component is set to `readonly`. Defaults to `--jh-color-container-primary-enabled`."
|
|
2583
2585
|
},
|
|
2584
2586
|
{
|
|
2585
2587
|
"name": "--jh-input-field-color-border-enabled",
|
|
@@ -2754,7 +2756,7 @@
|
|
|
2754
2756
|
},
|
|
2755
2757
|
{
|
|
2756
2758
|
"name": "input-mask",
|
|
2757
|
-
"description": "Formats
|
|
2759
|
+
"description": "Formats user entered data on input based on fixed lengths. This property does not support dynamic formatting or pasted values. See the input mask documentation above for implementation details.",
|
|
2758
2760
|
"type": "?string"
|
|
2759
2761
|
},
|
|
2760
2762
|
{
|
|
@@ -2891,7 +2893,7 @@
|
|
|
2891
2893
|
{
|
|
2892
2894
|
"name": "inputMask",
|
|
2893
2895
|
"attribute": "input-mask",
|
|
2894
|
-
"description": "Formats
|
|
2896
|
+
"description": "Formats user entered data on input based on fixed lengths. This property does not support dynamic formatting or pasted values. See the input mask documentation above for implementation details.",
|
|
2895
2897
|
"type": "?string"
|
|
2896
2898
|
},
|
|
2897
2899
|
{
|
|
@@ -3023,7 +3025,7 @@
|
|
|
3023
3025
|
},
|
|
3024
3026
|
{
|
|
3025
3027
|
"name": "--jh-input-field-color-background",
|
|
3026
|
-
"description": "The input field background-color. Defaults to `--jh-color-container-primary-enabled`."
|
|
3028
|
+
"description": "The input field background-color when in an editable state. This property does not apply when the component is set to `readonly`. Defaults to `--jh-color-container-primary-enabled`."
|
|
3027
3029
|
},
|
|
3028
3030
|
{
|
|
3029
3031
|
"name": "--jh-input-field-color-border-enabled",
|
|
@@ -3150,12 +3152,13 @@
|
|
|
3150
3152
|
{
|
|
3151
3153
|
"name": "auto-grow",
|
|
3152
3154
|
"description": "Enables the input height to grow automatically to accommodate user input. `auto-grow` will also remove the input's native resize capability.",
|
|
3153
|
-
"type": "boolean"
|
|
3155
|
+
"type": "boolean",
|
|
3156
|
+
"default": "false"
|
|
3154
3157
|
},
|
|
3155
3158
|
{
|
|
3156
3159
|
"name": "cols",
|
|
3157
3160
|
"description": "Sets the width of the input field.",
|
|
3158
|
-
"type": "?
|
|
3161
|
+
"type": "?number"
|
|
3159
3162
|
},
|
|
3160
3163
|
{
|
|
3161
3164
|
"name": "no-resize",
|
|
@@ -3166,7 +3169,7 @@
|
|
|
3166
3169
|
{
|
|
3167
3170
|
"name": "rows",
|
|
3168
3171
|
"description": "Sets the height of the input field.",
|
|
3169
|
-
"type": "?
|
|
3172
|
+
"type": "?number"
|
|
3170
3173
|
},
|
|
3171
3174
|
{
|
|
3172
3175
|
"name": "wrap",
|
|
@@ -3223,7 +3226,7 @@
|
|
|
3223
3226
|
},
|
|
3224
3227
|
{
|
|
3225
3228
|
"name": "input-mask",
|
|
3226
|
-
"description": "Formats
|
|
3229
|
+
"description": "Formats user entered data on input based on fixed lengths. This property does not support dynamic formatting or pasted values. See the input mask documentation above for implementation details.",
|
|
3227
3230
|
"type": "?string"
|
|
3228
3231
|
},
|
|
3229
3232
|
{
|
|
@@ -3304,13 +3307,14 @@
|
|
|
3304
3307
|
"name": "autoGrow",
|
|
3305
3308
|
"attribute": "auto-grow",
|
|
3306
3309
|
"description": "Enables the input height to grow automatically to accommodate user input. `auto-grow` will also remove the input's native resize capability.",
|
|
3307
|
-
"type": "boolean"
|
|
3310
|
+
"type": "boolean",
|
|
3311
|
+
"default": "false"
|
|
3308
3312
|
},
|
|
3309
3313
|
{
|
|
3310
3314
|
"name": "cols",
|
|
3311
3315
|
"attribute": "cols",
|
|
3312
3316
|
"description": "Sets the width of the input field.",
|
|
3313
|
-
"type": "?
|
|
3317
|
+
"type": "?number"
|
|
3314
3318
|
},
|
|
3315
3319
|
{
|
|
3316
3320
|
"name": "noResize",
|
|
@@ -3323,7 +3327,7 @@
|
|
|
3323
3327
|
"name": "rows",
|
|
3324
3328
|
"attribute": "rows",
|
|
3325
3329
|
"description": "Sets the height of the input field.",
|
|
3326
|
-
"type": "?
|
|
3330
|
+
"type": "?number"
|
|
3327
3331
|
},
|
|
3328
3332
|
{
|
|
3329
3333
|
"name": "wrap",
|
|
@@ -3391,7 +3395,7 @@
|
|
|
3391
3395
|
{
|
|
3392
3396
|
"name": "inputMask",
|
|
3393
3397
|
"attribute": "input-mask",
|
|
3394
|
-
"description": "Formats
|
|
3398
|
+
"description": "Formats user entered data on input based on fixed lengths. This property does not support dynamic formatting or pasted values. See the input mask documentation above for implementation details.",
|
|
3395
3399
|
"type": "?string"
|
|
3396
3400
|
},
|
|
3397
3401
|
{
|
|
@@ -3527,7 +3531,7 @@
|
|
|
3527
3531
|
},
|
|
3528
3532
|
{
|
|
3529
3533
|
"name": "--jh-input-field-color-background",
|
|
3530
|
-
"description": "The input field background-color. Defaults to `--jh-color-container-primary-enabled`."
|
|
3534
|
+
"description": "The input field background-color when in an editable state. This property does not apply when the component is set to `readonly`. Defaults to `--jh-color-container-primary-enabled`."
|
|
3531
3535
|
},
|
|
3532
3536
|
{
|
|
3533
3537
|
"name": "--jh-input-field-color-border-enabled",
|
|
@@ -3702,7 +3706,7 @@
|
|
|
3702
3706
|
},
|
|
3703
3707
|
{
|
|
3704
3708
|
"name": "input-mask",
|
|
3705
|
-
"description": "Formats
|
|
3709
|
+
"description": "Formats user entered data on input based on fixed lengths. This property does not support dynamic formatting or pasted values. See the input mask documentation above for implementation details.",
|
|
3706
3710
|
"type": "?string"
|
|
3707
3711
|
},
|
|
3708
3712
|
{
|
|
@@ -3839,7 +3843,7 @@
|
|
|
3839
3843
|
{
|
|
3840
3844
|
"name": "inputMask",
|
|
3841
3845
|
"attribute": "input-mask",
|
|
3842
|
-
"description": "Formats
|
|
3846
|
+
"description": "Formats user entered data on input based on fixed lengths. This property does not support dynamic formatting or pasted values. See the input mask documentation above for implementation details.",
|
|
3843
3847
|
"type": "?string"
|
|
3844
3848
|
},
|
|
3845
3849
|
{
|
|
@@ -3971,7 +3975,7 @@
|
|
|
3971
3975
|
},
|
|
3972
3976
|
{
|
|
3973
3977
|
"name": "--jh-input-field-color-background",
|
|
3974
|
-
"description": "The input field background-color. Defaults to `--jh-color-container-primary-enabled`."
|
|
3978
|
+
"description": "The input field background-color when in an editable state. This property does not apply when the component is set to `readonly`. Defaults to `--jh-color-container-primary-enabled`."
|
|
3975
3979
|
},
|
|
3976
3980
|
{
|
|
3977
3981
|
"name": "--jh-input-field-color-border-enabled",
|
|
@@ -4145,7 +4149,7 @@
|
|
|
4145
4149
|
},
|
|
4146
4150
|
{
|
|
4147
4151
|
"name": "input-mask",
|
|
4148
|
-
"description": "Formats
|
|
4152
|
+
"description": "Formats user entered data on input based on fixed lengths. This property does not support dynamic formatting or pasted values. See the input mask documentation above for implementation details.",
|
|
4149
4153
|
"type": "?string"
|
|
4150
4154
|
},
|
|
4151
4155
|
{
|
|
@@ -4282,7 +4286,7 @@
|
|
|
4282
4286
|
{
|
|
4283
4287
|
"name": "inputMask",
|
|
4284
4288
|
"attribute": "input-mask",
|
|
4285
|
-
"description": "Formats
|
|
4289
|
+
"description": "Formats user entered data on input based on fixed lengths. This property does not support dynamic formatting or pasted values. See the input mask documentation above for implementation details.",
|
|
4286
4290
|
"type": "?string"
|
|
4287
4291
|
},
|
|
4288
4292
|
{
|
|
@@ -4414,7 +4418,7 @@
|
|
|
4414
4418
|
},
|
|
4415
4419
|
{
|
|
4416
4420
|
"name": "--jh-input-field-color-background",
|
|
4417
|
-
"description": "The input field background-color. Defaults to `--jh-color-container-primary-enabled`."
|
|
4421
|
+
"description": "The input field background-color when in an editable state. This property does not apply when the component is set to `readonly`. Defaults to `--jh-color-container-primary-enabled`."
|
|
4418
4422
|
},
|
|
4419
4423
|
{
|
|
4420
4424
|
"name": "--jh-input-field-color-border-enabled",
|
|
@@ -5246,6 +5250,12 @@
|
|
|
5246
5250
|
"description": "Sets an `aria-label` to assist screen reader users when no visible label is present.",
|
|
5247
5251
|
"type": "?string"
|
|
5248
5252
|
},
|
|
5253
|
+
{
|
|
5254
|
+
"name": "disabled",
|
|
5255
|
+
"description": "Disables the radio group and prevents all user interactions. May cause the group to be ignored by assistive technologies (AT).",
|
|
5256
|
+
"type": "boolean",
|
|
5257
|
+
"default": "false"
|
|
5258
|
+
},
|
|
5249
5259
|
{
|
|
5250
5260
|
"name": "error-text",
|
|
5251
5261
|
"description": "Text to be displayed when radio group has failed validation and `invalid` is true.",
|
|
@@ -5259,7 +5269,7 @@
|
|
|
5259
5269
|
{
|
|
5260
5270
|
"name": "invalid",
|
|
5261
5271
|
"description": "Sets an `aria-invalid` on the radio group to indicate the value supplied was invalid and displays `error-text` when set.",
|
|
5262
|
-
"type": "?
|
|
5272
|
+
"type": "?boolean",
|
|
5263
5273
|
"default": "false"
|
|
5264
5274
|
},
|
|
5265
5275
|
{
|
|
@@ -5275,7 +5285,7 @@
|
|
|
5275
5285
|
{
|
|
5276
5286
|
"name": "required",
|
|
5277
5287
|
"description": "Indicates a value is required.",
|
|
5278
|
-
"type": "?
|
|
5288
|
+
"type": "?boolean",
|
|
5279
5289
|
"default": "false"
|
|
5280
5290
|
},
|
|
5281
5291
|
{
|
|
@@ -5308,6 +5318,13 @@
|
|
|
5308
5318
|
"description": "Sets an `aria-label` to assist screen reader users when no visible label is present.",
|
|
5309
5319
|
"type": "?string"
|
|
5310
5320
|
},
|
|
5321
|
+
{
|
|
5322
|
+
"name": "disabled",
|
|
5323
|
+
"attribute": "disabled",
|
|
5324
|
+
"description": "Disables the radio group and prevents all user interactions. May cause the group to be ignored by assistive technologies (AT).",
|
|
5325
|
+
"type": "boolean",
|
|
5326
|
+
"default": "false"
|
|
5327
|
+
},
|
|
5311
5328
|
{
|
|
5312
5329
|
"name": "errorText",
|
|
5313
5330
|
"attribute": "error-text",
|
|
@@ -5324,7 +5341,7 @@
|
|
|
5324
5341
|
"name": "invalid",
|
|
5325
5342
|
"attribute": "invalid",
|
|
5326
5343
|
"description": "Sets an `aria-invalid` on the radio group to indicate the value supplied was invalid and displays `error-text` when set.",
|
|
5327
|
-
"type": "?
|
|
5344
|
+
"type": "?boolean",
|
|
5328
5345
|
"default": "false"
|
|
5329
5346
|
},
|
|
5330
5347
|
{
|
|
@@ -5343,7 +5360,7 @@
|
|
|
5343
5360
|
"name": "required",
|
|
5344
5361
|
"attribute": "required",
|
|
5345
5362
|
"description": "Indicates a value is required.",
|
|
5346
|
-
"type": "?
|
|
5363
|
+
"type": "?boolean",
|
|
5347
5364
|
"default": "false"
|
|
5348
5365
|
},
|
|
5349
5366
|
{
|
|
@@ -5399,6 +5416,10 @@
|
|
|
5399
5416
|
{
|
|
5400
5417
|
"name": "--jh-radio-group-error-color-text",
|
|
5401
5418
|
"description": "The error-text text color. \nDefaults to `--jh-color-content-negative-enabled`."
|
|
5419
|
+
},
|
|
5420
|
+
{
|
|
5421
|
+
"name": "--jh-radio-group-opacity-disabled",
|
|
5422
|
+
"description": "The opacity of the radio group when disabled. Defaults to `--jh-opacity-disabled`."
|
|
5402
5423
|
}
|
|
5403
5424
|
]
|
|
5404
5425
|
},
|
|
@@ -5609,205 +5630,841 @@
|
|
|
5609
5630
|
]
|
|
5610
5631
|
},
|
|
5611
5632
|
{
|
|
5612
|
-
"name": "jh-
|
|
5613
|
-
"path": "./components/
|
|
5633
|
+
"name": "jh-select",
|
|
5634
|
+
"path": "./components/select/select.js",
|
|
5635
|
+
"description": "Select",
|
|
5614
5636
|
"attributes": [
|
|
5615
5637
|
{
|
|
5616
|
-
"name": "
|
|
5617
|
-
"description": "Sets
|
|
5618
|
-
"type": "
|
|
5638
|
+
"name": "menu-position",
|
|
5639
|
+
"description": "Sets the position of the dropdown menu relative to the input field. The menu automatically flips when there is insufficient space unless `flip-disabled` is set.",
|
|
5640
|
+
"type": "string",
|
|
5641
|
+
"default": "\"bottom\""
|
|
5642
|
+
},
|
|
5643
|
+
{
|
|
5644
|
+
"name": "flip-disabled",
|
|
5645
|
+
"description": "Prevents the dropdown menu from automatically flipping its position when there is insufficient viewport space.",
|
|
5646
|
+
"type": "boolean",
|
|
5647
|
+
"default": "false"
|
|
5619
5648
|
},
|
|
5620
5649
|
{
|
|
5621
5650
|
"name": "accessible-label",
|
|
5622
|
-
"description": "Sets an `aria-label` to assist screen reader users when no visible label is present.",
|
|
5651
|
+
"description": "Sets an `aria-label` on the input field to assist screen reader users when no visible label is present.",
|
|
5623
5652
|
"type": "?string"
|
|
5624
5653
|
},
|
|
5625
5654
|
{
|
|
5626
|
-
"name": "
|
|
5627
|
-
"description": "Sets the
|
|
5628
|
-
"type": "?
|
|
5629
|
-
|
|
5655
|
+
"name": "accessible-label-clear-button",
|
|
5656
|
+
"description": "Sets an aria-label on the clear button to assist screen reader users. Indicates that activating the button will clear the input field.",
|
|
5657
|
+
"type": "?string"
|
|
5658
|
+
},
|
|
5659
|
+
{
|
|
5660
|
+
"name": "autocomplete",
|
|
5661
|
+
"description": "Determines whether the browser can provide assistance in filling out the input value and what type of information is expected.\nThis property will override any autocomplete attribute present on the input's parent form element.\n\n[Visit MDN for information on supported autocomplete values](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)",
|
|
5662
|
+
"type": "?string"
|
|
5630
5663
|
},
|
|
5631
5664
|
{
|
|
5632
5665
|
"name": "disabled",
|
|
5633
|
-
"description": "Disables the
|
|
5634
|
-
"type": "
|
|
5666
|
+
"description": "Disables the input and prevents all user interactions. May cause the input to be ignored by assistive technologies (AT).",
|
|
5667
|
+
"type": "boolean",
|
|
5635
5668
|
"default": "false"
|
|
5636
5669
|
},
|
|
5637
5670
|
{
|
|
5638
|
-
"name": "
|
|
5639
|
-
"description": "
|
|
5671
|
+
"name": "enterkeyhint",
|
|
5672
|
+
"description": "Specifies which action label or icon to present for the enter key on virtual keyboards.\n\n[Visit MDN for information on supported enterkeyhint values](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)",
|
|
5640
5673
|
"type": "?string"
|
|
5641
5674
|
},
|
|
5642
5675
|
{
|
|
5643
|
-
"name": "
|
|
5644
|
-
"description": "
|
|
5676
|
+
"name": "error-text",
|
|
5677
|
+
"description": "Text to be displayed when input has failed validation and `invalid` is true.",
|
|
5645
5678
|
"type": "?string"
|
|
5646
|
-
}
|
|
5647
|
-
],
|
|
5648
|
-
"properties": [
|
|
5649
|
-
{
|
|
5650
|
-
"name": "accessibleDisabled",
|
|
5651
|
-
"attribute": "accessible-disabled",
|
|
5652
|
-
"description": "Sets an `aria-disabled` to signify to screen readers that the disabled switch should remain perceivable while disabled.",
|
|
5653
|
-
"type": "'true'|'false'"
|
|
5654
5679
|
},
|
|
5655
5680
|
{
|
|
5656
|
-
"name": "
|
|
5657
|
-
"
|
|
5658
|
-
"description": "Sets an `aria-label` to assist screen reader users when no visible label is present.",
|
|
5681
|
+
"name": "helper-text",
|
|
5682
|
+
"description": "Provides additional context or guidance for using the input. For `helper-text` to be displayed, the `label` property must also be set.",
|
|
5659
5683
|
"type": "?string"
|
|
5660
5684
|
},
|
|
5661
5685
|
{
|
|
5662
|
-
"name": "
|
|
5663
|
-
"
|
|
5664
|
-
"
|
|
5665
|
-
"type": "?boolean",
|
|
5686
|
+
"name": "hide-left-slot",
|
|
5687
|
+
"description": "Hides the left slot from input.",
|
|
5688
|
+
"type": "boolean",
|
|
5666
5689
|
"default": "false"
|
|
5667
5690
|
},
|
|
5668
5691
|
{
|
|
5669
|
-
"name": "
|
|
5670
|
-
"
|
|
5671
|
-
"
|
|
5672
|
-
"type": "?boolean",
|
|
5692
|
+
"name": "hide-right-slot",
|
|
5693
|
+
"description": "Hides the right slot from input.",
|
|
5694
|
+
"type": "boolean",
|
|
5673
5695
|
"default": "false"
|
|
5674
5696
|
},
|
|
5675
5697
|
{
|
|
5676
|
-
"name": "
|
|
5677
|
-
"
|
|
5678
|
-
"description": "Provides additional context or guidance for using the switch. For `helper-text` to be displayed, the `label` property must also be set.",
|
|
5698
|
+
"name": "input-mask",
|
|
5699
|
+
"description": "Formats user entered data on input based on fixed lengths. This property does not support dynamic formatting or pasted values. See the input mask documentation above for implementation details.",
|
|
5679
5700
|
"type": "?string"
|
|
5680
5701
|
},
|
|
5681
5702
|
{
|
|
5682
|
-
"name": "
|
|
5683
|
-
"
|
|
5684
|
-
"description": "Describes the intent of the switch.",
|
|
5703
|
+
"name": "inputmode",
|
|
5704
|
+
"description": "Indicates expected input value type and allows for browsers to display appropriate virtual keyboard.\n\n[Visit MDN for information on supported inputmode values](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)",
|
|
5685
5705
|
"type": "?string"
|
|
5686
|
-
}
|
|
5687
|
-
],
|
|
5688
|
-
"events": [
|
|
5689
|
-
{
|
|
5690
|
-
"name": "jh-change",
|
|
5691
|
-
"description": "Dispatched when the state of the switch has changed."
|
|
5692
|
-
}
|
|
5693
|
-
],
|
|
5694
|
-
"cssProperties": [
|
|
5695
|
-
{
|
|
5696
|
-
"name": "--jh-switch-opacity-disabled",
|
|
5697
|
-
"description": "The switch opacity when disabled. Defaults to `--jh-opacity-disabled`."
|
|
5698
|
-
},
|
|
5699
|
-
{
|
|
5700
|
-
"name": "--jh-switch-thumb-color-background",
|
|
5701
|
-
"description": "The thumb background-color. Defaults to `--jh-color-container-primary-enabled`."
|
|
5702
5706
|
},
|
|
5703
5707
|
{
|
|
5704
|
-
"name": "
|
|
5705
|
-
"description": "
|
|
5706
|
-
|
|
5707
|
-
|
|
5708
|
-
"name": "--jh-switch-helper-color-text",
|
|
5709
|
-
"description": "The helper-text text color. Defaults to `--jh-color-content-secondary-enabled`."
|
|
5708
|
+
"name": "invalid",
|
|
5709
|
+
"description": "Sets an `aria-invalid` attribute on input to indicate the value supplied was invalid. Also displays `error-text` and error state styling when set.",
|
|
5710
|
+
"type": "boolean",
|
|
5711
|
+
"default": "false"
|
|
5710
5712
|
},
|
|
5711
5713
|
{
|
|
5712
|
-
"name": "
|
|
5713
|
-
"description": "
|
|
5714
|
+
"name": "label",
|
|
5715
|
+
"description": "Identifies what data should be entered into the input field.",
|
|
5716
|
+
"type": "?string"
|
|
5714
5717
|
},
|
|
5715
5718
|
{
|
|
5716
|
-
"name": "
|
|
5717
|
-
"description": "
|
|
5719
|
+
"name": "maxlength",
|
|
5720
|
+
"description": "Sets the maximum number of characters a user can enter into the field.",
|
|
5721
|
+
"type": "?string"
|
|
5718
5722
|
},
|
|
5719
5723
|
{
|
|
5720
|
-
"name": "
|
|
5721
|
-
"description": "
|
|
5724
|
+
"name": "minlength",
|
|
5725
|
+
"description": "Sets the minimum number of characters a user can enter into the field.",
|
|
5726
|
+
"type": "?string"
|
|
5722
5727
|
},
|
|
5723
5728
|
{
|
|
5724
|
-
"name": "
|
|
5725
|
-
"description": "
|
|
5729
|
+
"name": "name",
|
|
5730
|
+
"description": "Sets a name for the input control.",
|
|
5731
|
+
"type": "?string"
|
|
5726
5732
|
},
|
|
5727
5733
|
{
|
|
5728
|
-
"name": "
|
|
5729
|
-
"description": "
|
|
5734
|
+
"name": "readonly",
|
|
5735
|
+
"description": "Prevents users from changing the input value. Removes all slotted content.",
|
|
5736
|
+
"type": "boolean",
|
|
5737
|
+
"default": "false"
|
|
5730
5738
|
},
|
|
5731
5739
|
{
|
|
5732
|
-
"name": "
|
|
5733
|
-
"description": "
|
|
5740
|
+
"name": "required",
|
|
5741
|
+
"description": "Indicates a value is required.",
|
|
5742
|
+
"type": "boolean",
|
|
5743
|
+
"default": "false"
|
|
5734
5744
|
},
|
|
5735
5745
|
{
|
|
5736
|
-
"name": "
|
|
5737
|
-
"description": "
|
|
5746
|
+
"name": "show-char-count",
|
|
5747
|
+
"description": "Displays a character counter at the bottom right corner below the input field.",
|
|
5748
|
+
"type": "boolean",
|
|
5749
|
+
"default": "false"
|
|
5738
5750
|
},
|
|
5739
5751
|
{
|
|
5740
|
-
"name": "
|
|
5741
|
-
"description": "
|
|
5752
|
+
"name": "show-clear-button",
|
|
5753
|
+
"description": "Displays a clear button in the input field when it contains a value and is focused or hovered. Deletes input value when activated.",
|
|
5754
|
+
"type": "boolean",
|
|
5755
|
+
"default": "false"
|
|
5742
5756
|
},
|
|
5743
5757
|
{
|
|
5744
|
-
"name": "
|
|
5745
|
-
"description": "
|
|
5758
|
+
"name": "show-indicator",
|
|
5759
|
+
"description": "Adds a visual indicator next to the label. Indicates that a value is optional(by default) or required if the `required` property is also set.",
|
|
5760
|
+
"type": "boolean",
|
|
5761
|
+
"default": "false"
|
|
5746
5762
|
},
|
|
5747
5763
|
{
|
|
5748
|
-
"name": "
|
|
5749
|
-
"description": "
|
|
5764
|
+
"name": "size",
|
|
5765
|
+
"description": "Sets the size of the input.",
|
|
5766
|
+
"type": "'small'|'medium'|'large'",
|
|
5767
|
+
"default": "\"medium\""
|
|
5750
5768
|
},
|
|
5751
5769
|
{
|
|
5752
|
-
"name": "
|
|
5753
|
-
"description": "
|
|
5754
|
-
|
|
5755
|
-
]
|
|
5756
|
-
},
|
|
5757
|
-
{
|
|
5758
|
-
"name": "jh-table-cell",
|
|
5759
|
-
"path": "./components/table-data-cell/table-data-cell.js",
|
|
5760
|
-
"description": "Table Cell",
|
|
5761
|
-
"attributes": [
|
|
5762
|
-
{
|
|
5763
|
-
"name": "horizontal-align",
|
|
5764
|
-
"description": "Sets the horizontal alignment of the content.",
|
|
5765
|
-
"type": "'left' | 'center' | 'right'",
|
|
5766
|
-
"default": "\"left\""
|
|
5770
|
+
"name": "value",
|
|
5771
|
+
"description": "Sets the value of the input.",
|
|
5772
|
+
"type": "?string"
|
|
5767
5773
|
}
|
|
5768
5774
|
],
|
|
5769
5775
|
"properties": [
|
|
5770
5776
|
{
|
|
5771
|
-
"name": "
|
|
5772
|
-
"attribute": "
|
|
5773
|
-
"description": "Sets the
|
|
5774
|
-
"type": "
|
|
5775
|
-
"default": "\"
|
|
5776
|
-
}
|
|
5777
|
-
],
|
|
5778
|
-
"slots": [
|
|
5779
|
-
{
|
|
5780
|
-
"name": "default",
|
|
5781
|
-
"description": "Use to insert content."
|
|
5782
|
-
}
|
|
5783
|
-
],
|
|
5784
|
-
"cssProperties": [
|
|
5785
|
-
{
|
|
5786
|
-
"name": "--jh-table-data-cell-color-text",
|
|
5787
|
-
"description": "The cell text color. Defaults to `--jh-color-content-primary-enabled`."
|
|
5777
|
+
"name": "menuPosition",
|
|
5778
|
+
"attribute": "menu-position",
|
|
5779
|
+
"description": "Sets the position of the dropdown menu relative to the input field. The menu automatically flips when there is insufficient space unless `flip-disabled` is set.",
|
|
5780
|
+
"type": "string",
|
|
5781
|
+
"default": "\"bottom\""
|
|
5788
5782
|
},
|
|
5789
5783
|
{
|
|
5790
|
-
"name": "
|
|
5791
|
-
"description": "
|
|
5784
|
+
"name": "options",
|
|
5785
|
+
"description": "Sets the list of options to display in the dropdown menu. Accepts an array of flat options or grouped options. See documentation for the expected data format.",
|
|
5786
|
+
"type": "Array",
|
|
5787
|
+
"default": "[]"
|
|
5792
5788
|
},
|
|
5793
5789
|
{
|
|
5794
|
-
"name": "
|
|
5795
|
-
"
|
|
5790
|
+
"name": "flipDisabled",
|
|
5791
|
+
"attribute": "flip-disabled",
|
|
5792
|
+
"description": "Prevents the dropdown menu from automatically flipping its position when there is insufficient viewport space.",
|
|
5793
|
+
"type": "boolean",
|
|
5794
|
+
"default": "false"
|
|
5796
5795
|
},
|
|
5797
5796
|
{
|
|
5798
|
-
"name": "
|
|
5799
|
-
"
|
|
5797
|
+
"name": "accessibleLabel",
|
|
5798
|
+
"attribute": "accessible-label",
|
|
5799
|
+
"description": "Sets an `aria-label` on the input field to assist screen reader users when no visible label is present.",
|
|
5800
|
+
"type": "?string"
|
|
5800
5801
|
},
|
|
5801
5802
|
{
|
|
5802
|
-
"name": "
|
|
5803
|
-
"
|
|
5803
|
+
"name": "accessibleLabelClearButton",
|
|
5804
|
+
"attribute": "accessible-label-clear-button",
|
|
5805
|
+
"description": "Sets an aria-label on the clear button to assist screen reader users. Indicates that activating the button will clear the input field.",
|
|
5806
|
+
"type": "?string"
|
|
5804
5807
|
},
|
|
5805
5808
|
{
|
|
5806
|
-
"name": "
|
|
5807
|
-
"
|
|
5809
|
+
"name": "autocomplete",
|
|
5810
|
+
"attribute": "autocomplete",
|
|
5811
|
+
"description": "Determines whether the browser can provide assistance in filling out the input value and what type of information is expected.\nThis property will override any autocomplete attribute present on the input's parent form element.\n\n[Visit MDN for information on supported autocomplete values](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)",
|
|
5812
|
+
"type": "?string"
|
|
5808
5813
|
},
|
|
5809
5814
|
{
|
|
5810
|
-
"name": "
|
|
5815
|
+
"name": "disabled",
|
|
5816
|
+
"attribute": "disabled",
|
|
5817
|
+
"description": "Disables the input and prevents all user interactions. May cause the input to be ignored by assistive technologies (AT).",
|
|
5818
|
+
"type": "boolean",
|
|
5819
|
+
"default": "false"
|
|
5820
|
+
},
|
|
5821
|
+
{
|
|
5822
|
+
"name": "enterkeyhint",
|
|
5823
|
+
"attribute": "enterkeyhint",
|
|
5824
|
+
"description": "Specifies which action label or icon to present for the enter key on virtual keyboards.\n\n[Visit MDN for information on supported enterkeyhint values](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)",
|
|
5825
|
+
"type": "?string"
|
|
5826
|
+
},
|
|
5827
|
+
{
|
|
5828
|
+
"name": "errorText",
|
|
5829
|
+
"attribute": "error-text",
|
|
5830
|
+
"description": "Text to be displayed when input has failed validation and `invalid` is true.",
|
|
5831
|
+
"type": "?string"
|
|
5832
|
+
},
|
|
5833
|
+
{
|
|
5834
|
+
"name": "helperText",
|
|
5835
|
+
"attribute": "helper-text",
|
|
5836
|
+
"description": "Provides additional context or guidance for using the input. For `helper-text` to be displayed, the `label` property must also be set.",
|
|
5837
|
+
"type": "?string"
|
|
5838
|
+
},
|
|
5839
|
+
{
|
|
5840
|
+
"name": "hideLeftSlot",
|
|
5841
|
+
"attribute": "hide-left-slot",
|
|
5842
|
+
"description": "Hides the left slot from input.",
|
|
5843
|
+
"type": "boolean",
|
|
5844
|
+
"default": "false"
|
|
5845
|
+
},
|
|
5846
|
+
{
|
|
5847
|
+
"name": "hideRightSlot",
|
|
5848
|
+
"attribute": "hide-right-slot",
|
|
5849
|
+
"description": "Hides the right slot from input.",
|
|
5850
|
+
"type": "boolean",
|
|
5851
|
+
"default": "false"
|
|
5852
|
+
},
|
|
5853
|
+
{
|
|
5854
|
+
"name": "inputMask",
|
|
5855
|
+
"attribute": "input-mask",
|
|
5856
|
+
"description": "Formats user entered data on input based on fixed lengths. This property does not support dynamic formatting or pasted values. See the input mask documentation above for implementation details.",
|
|
5857
|
+
"type": "?string"
|
|
5858
|
+
},
|
|
5859
|
+
{
|
|
5860
|
+
"name": "inputmode",
|
|
5861
|
+
"attribute": "inputmode",
|
|
5862
|
+
"description": "Indicates expected input value type and allows for browsers to display appropriate virtual keyboard.\n\n[Visit MDN for information on supported inputmode values](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)",
|
|
5863
|
+
"type": "?string"
|
|
5864
|
+
},
|
|
5865
|
+
{
|
|
5866
|
+
"name": "invalid",
|
|
5867
|
+
"attribute": "invalid",
|
|
5868
|
+
"description": "Sets an `aria-invalid` attribute on input to indicate the value supplied was invalid. Also displays `error-text` and error state styling when set.",
|
|
5869
|
+
"type": "boolean",
|
|
5870
|
+
"default": "false"
|
|
5871
|
+
},
|
|
5872
|
+
{
|
|
5873
|
+
"name": "label",
|
|
5874
|
+
"attribute": "label",
|
|
5875
|
+
"description": "Identifies what data should be entered into the input field.",
|
|
5876
|
+
"type": "?string"
|
|
5877
|
+
},
|
|
5878
|
+
{
|
|
5879
|
+
"name": "maxlength",
|
|
5880
|
+
"attribute": "maxlength",
|
|
5881
|
+
"description": "Sets the maximum number of characters a user can enter into the field.",
|
|
5882
|
+
"type": "?string"
|
|
5883
|
+
},
|
|
5884
|
+
{
|
|
5885
|
+
"name": "minlength",
|
|
5886
|
+
"attribute": "minlength",
|
|
5887
|
+
"description": "Sets the minimum number of characters a user can enter into the field.",
|
|
5888
|
+
"type": "?string"
|
|
5889
|
+
},
|
|
5890
|
+
{
|
|
5891
|
+
"name": "name",
|
|
5892
|
+
"attribute": "name",
|
|
5893
|
+
"description": "Sets a name for the input control.",
|
|
5894
|
+
"type": "?string"
|
|
5895
|
+
},
|
|
5896
|
+
{
|
|
5897
|
+
"name": "readonly",
|
|
5898
|
+
"attribute": "readonly",
|
|
5899
|
+
"description": "Prevents users from changing the input value. Removes all slotted content.",
|
|
5900
|
+
"type": "boolean",
|
|
5901
|
+
"default": "false"
|
|
5902
|
+
},
|
|
5903
|
+
{
|
|
5904
|
+
"name": "required",
|
|
5905
|
+
"attribute": "required",
|
|
5906
|
+
"description": "Indicates a value is required.",
|
|
5907
|
+
"type": "boolean",
|
|
5908
|
+
"default": "false"
|
|
5909
|
+
},
|
|
5910
|
+
{
|
|
5911
|
+
"name": "showCharCount",
|
|
5912
|
+
"attribute": "show-char-count",
|
|
5913
|
+
"description": "Displays a character counter at the bottom right corner below the input field.",
|
|
5914
|
+
"type": "boolean",
|
|
5915
|
+
"default": "false"
|
|
5916
|
+
},
|
|
5917
|
+
{
|
|
5918
|
+
"name": "showClearButton",
|
|
5919
|
+
"attribute": "show-clear-button",
|
|
5920
|
+
"description": "Displays a clear button in the input field when it contains a value and is focused or hovered. Deletes input value when activated.",
|
|
5921
|
+
"type": "boolean",
|
|
5922
|
+
"default": "false"
|
|
5923
|
+
},
|
|
5924
|
+
{
|
|
5925
|
+
"name": "showIndicator",
|
|
5926
|
+
"attribute": "show-indicator",
|
|
5927
|
+
"description": "Adds a visual indicator next to the label. Indicates that a value is optional(by default) or required if the `required` property is also set.",
|
|
5928
|
+
"type": "boolean",
|
|
5929
|
+
"default": "false"
|
|
5930
|
+
},
|
|
5931
|
+
{
|
|
5932
|
+
"name": "size",
|
|
5933
|
+
"attribute": "size",
|
|
5934
|
+
"description": "Sets the size of the input.",
|
|
5935
|
+
"type": "'small'|'medium'|'large'",
|
|
5936
|
+
"default": "\"medium\""
|
|
5937
|
+
},
|
|
5938
|
+
{
|
|
5939
|
+
"name": "value",
|
|
5940
|
+
"attribute": "value",
|
|
5941
|
+
"description": "Sets the value of the input.",
|
|
5942
|
+
"type": "?string"
|
|
5943
|
+
}
|
|
5944
|
+
],
|
|
5945
|
+
"events": [
|
|
5946
|
+
{
|
|
5947
|
+
"name": "jh-change",
|
|
5948
|
+
"description": "Dispatched when the selected value changes."
|
|
5949
|
+
},
|
|
5950
|
+
{
|
|
5951
|
+
"name": "jh-select",
|
|
5952
|
+
"description": "Dispatched when text is selected. Event payload contains the selected text, the starting index of the selection, and the ending index of the selection. These values can be accessed via `e.detail.selected`, `e.detail.selectionStart`, and `e.detail.selectionEnd`."
|
|
5953
|
+
},
|
|
5954
|
+
{
|
|
5955
|
+
"name": "jh-input",
|
|
5956
|
+
"description": "Dispatched when the value of the input has changed. Event payload includes the value of the input and can be accessed via `e.detail.value`. Payload also includes the raw/unformatted value when an input mask is applied and can be accessed via `e.detail.rawValue`."
|
|
5957
|
+
},
|
|
5958
|
+
{
|
|
5959
|
+
"name": "jh-maxlength",
|
|
5960
|
+
"description": "Dispatched when the `maxlength` property is set and it's value is reached."
|
|
5961
|
+
},
|
|
5962
|
+
{
|
|
5963
|
+
"name": "jh-input:clear-button-click",
|
|
5964
|
+
"description": "Dispatched when the clear button is activated. Event payload contains the previous value of the input field before it was cleared and can be accessed via `e.detail.previousValue`."
|
|
5965
|
+
}
|
|
5966
|
+
],
|
|
5967
|
+
"slots": [
|
|
5968
|
+
{
|
|
5969
|
+
"name": "jh-select-trigger-left",
|
|
5970
|
+
"description": "Use to insert an element such as an icon on the left side of the select input field."
|
|
5971
|
+
},
|
|
5972
|
+
{
|
|
5973
|
+
"name": "jh-select-trigger-open",
|
|
5974
|
+
"description": "Use to replace the default chevron icon displayed when the select menu is open."
|
|
5975
|
+
},
|
|
5976
|
+
{
|
|
5977
|
+
"name": "jh-select-trigger-closed",
|
|
5978
|
+
"description": "Use to replace the default chevron icon displayed when the select menu is closed."
|
|
5979
|
+
},
|
|
5980
|
+
{
|
|
5981
|
+
"name": "jh-input-left",
|
|
5982
|
+
"description": "Use to insert an element on the left side of the input field, such as an icon or button."
|
|
5983
|
+
},
|
|
5984
|
+
{
|
|
5985
|
+
"name": "jh-input-right",
|
|
5986
|
+
"description": "Use to insert an element on the right side of the input field, such as an icon or button."
|
|
5987
|
+
},
|
|
5988
|
+
{
|
|
5989
|
+
"name": "jh-input-clear-button",
|
|
5990
|
+
"description": "Use to insert an icon within the clear button."
|
|
5991
|
+
}
|
|
5992
|
+
],
|
|
5993
|
+
"cssProperties": [
|
|
5994
|
+
{
|
|
5995
|
+
"name": "--jh-select-input-field-border-radius",
|
|
5996
|
+
"description": "The input field border radius. Defaults to `--jh-border-radius-100`."
|
|
5997
|
+
},
|
|
5998
|
+
{
|
|
5999
|
+
"name": "--jh-select-input-field-color-background",
|
|
6000
|
+
"description": "The input field background-color. Defaults to `--jh-color-container-primary-enabled`."
|
|
6001
|
+
},
|
|
6002
|
+
{
|
|
6003
|
+
"name": "--jh-select-icon-color-fill",
|
|
6004
|
+
"description": "The select icons color. Defaults to `--jh-color-content-secondary-enabled`."
|
|
6005
|
+
},
|
|
6006
|
+
{
|
|
6007
|
+
"name": "--jh-select-menu-z-index",
|
|
6008
|
+
"description": "The menu z-index. Defaults to `--jh-z-index-positive-1000`."
|
|
6009
|
+
},
|
|
6010
|
+
{
|
|
6011
|
+
"name": "--jh-select-menu-border-radius",
|
|
6012
|
+
"description": "The menu border-radius. Defaults to `--jh-border-radius-200`."
|
|
6013
|
+
},
|
|
6014
|
+
{
|
|
6015
|
+
"name": "--jh-select-menu-shadow",
|
|
6016
|
+
"description": "The menu box-shadow. Defaults to `--jh-shadow-high`."
|
|
6017
|
+
},
|
|
6018
|
+
{
|
|
6019
|
+
"name": "--jh-select-menu-color-background",
|
|
6020
|
+
"description": "The menu container background-color. Defaults to `--jh-color-container-primary-enabled`."
|
|
6021
|
+
},
|
|
6022
|
+
{
|
|
6023
|
+
"name": "--jh-select-menu-space-padding",
|
|
6024
|
+
"description": "The menu container padding. Defaults to `--jh-dimension-200 0`."
|
|
6025
|
+
},
|
|
6026
|
+
{
|
|
6027
|
+
"name": "--jh-select-menu-size-max-width",
|
|
6028
|
+
"description": "The menu maximum width. Defaults to `none`."
|
|
6029
|
+
},
|
|
6030
|
+
{
|
|
6031
|
+
"name": "--jh-select-menu-size-min-width",
|
|
6032
|
+
"description": "The menu minimum width. Defaults to `none`."
|
|
6033
|
+
},
|
|
6034
|
+
{
|
|
6035
|
+
"name": "--jh-select-menu-size-max-height",
|
|
6036
|
+
"description": "The menu maximum height. Defaults to `480px`."
|
|
6037
|
+
},
|
|
6038
|
+
{
|
|
6039
|
+
"name": "--jh-select-input-field-color-border-error",
|
|
6040
|
+
"description": "The input field border-color when invalid. Defaults to `--jh-border-error-color`."
|
|
6041
|
+
},
|
|
6042
|
+
{
|
|
6043
|
+
"name": "--jh-select-label-color-text",
|
|
6044
|
+
"description": "The label text color. Defaults to `--jh-color-content-primary-enabled`."
|
|
6045
|
+
},
|
|
6046
|
+
{
|
|
6047
|
+
"name": "--jh-select-helper-color-text",
|
|
6048
|
+
"description": "The helper-text text color. Defaults to `jh-color-content-secondary-enabled`."
|
|
6049
|
+
},
|
|
6050
|
+
{
|
|
6051
|
+
"name": "--jh-select-required-color-text",
|
|
6052
|
+
"description": "The required indicator color. Defaults to `jh-color-content-negative-enabled`."
|
|
6053
|
+
},
|
|
6054
|
+
{
|
|
6055
|
+
"name": "--jh-select-optional-color-text",
|
|
6056
|
+
"description": "The optional indicator text color. Defaults to `jh-color-content-primary-enabled`."
|
|
6057
|
+
},
|
|
6058
|
+
{
|
|
6059
|
+
"name": "--jh-select-value-color-text",
|
|
6060
|
+
"description": "The value text color. Defaults to `jh-color-content-primary-enabled`."
|
|
6061
|
+
},
|
|
6062
|
+
{
|
|
6063
|
+
"name": "--jh-select-input-field-color-border-enabled",
|
|
6064
|
+
"description": "The input field border-color. Defaults to `--jh-border-control-color`."
|
|
6065
|
+
},
|
|
6066
|
+
{
|
|
6067
|
+
"name": "--jh-select-input-field-color-border-focus",
|
|
6068
|
+
"description": "The input field border-color when in focus. Defaults to `--jh-color-content-brand-hover`."
|
|
6069
|
+
},
|
|
6070
|
+
{
|
|
6071
|
+
"name": "--jh-select-input-color-focus",
|
|
6072
|
+
"description": "The input field outline when it receives keyboard focus. Defaults to `--jh-border-focus-color`."
|
|
6073
|
+
},
|
|
6074
|
+
{
|
|
6075
|
+
"name": "--jh-select-input-field-color-border-hover",
|
|
6076
|
+
"description": "The input field border-color when hovered. Defaults to `--jh-color-content-brand-hover`."
|
|
6077
|
+
},
|
|
6078
|
+
{
|
|
6079
|
+
"name": "--jh-select-input-field-color-border-active",
|
|
6080
|
+
"description": "The input field border-color when active. Defaults to `--jh-color-content-brand-active`."
|
|
6081
|
+
},
|
|
6082
|
+
{
|
|
6083
|
+
"name": "--jh-select-input-field-color-border-disabled",
|
|
6084
|
+
"description": "The input field border-color when disabled. Defaults to `--jh-border-control-color`."
|
|
6085
|
+
},
|
|
6086
|
+
{
|
|
6087
|
+
"name": "--jh-select-opacity-disabled",
|
|
6088
|
+
"description": "The select opacity when disabled. Defaults to `--jh-opacity-disabled`."
|
|
6089
|
+
},
|
|
6090
|
+
{
|
|
6091
|
+
"name": "--jh-select-error-color-text",
|
|
6092
|
+
"description": "The error message text color. Defaults to `jh-color-content-negative-enabled`."
|
|
6093
|
+
},
|
|
6094
|
+
{
|
|
6095
|
+
"name": "--jh-select-item-size-height",
|
|
6096
|
+
"description": "The list item height. Defaults to `auto`."
|
|
6097
|
+
},
|
|
6098
|
+
{
|
|
6099
|
+
"name": "--jh-select-item-space-padding-right",
|
|
6100
|
+
"description": "The list item right padding. Defaults to `--jh-dimension-600`."
|
|
6101
|
+
},
|
|
6102
|
+
{
|
|
6103
|
+
"name": "--jh-select-item-space-padding-left",
|
|
6104
|
+
"description": "The list item left padding. Defaults to `--jh-dimension-600`."
|
|
6105
|
+
},
|
|
6106
|
+
{
|
|
6107
|
+
"name": "--jh-select-item-color-text",
|
|
6108
|
+
"description": "The list item text color. Defaults to `--jh-color-content-primary-enabled`."
|
|
6109
|
+
},
|
|
6110
|
+
{
|
|
6111
|
+
"name": "--jh-select-item-color-background",
|
|
6112
|
+
"description": "The list item background color. Defaults to `transparent`."
|
|
6113
|
+
},
|
|
6114
|
+
{
|
|
6115
|
+
"name": "--jh-select-item-color-background-focus",
|
|
6116
|
+
"description": "The list item background color when focused. Defaults to `--jh-color-container-primary-hover`."
|
|
6117
|
+
},
|
|
6118
|
+
{
|
|
6119
|
+
"name": "--jh-select-item-color-focus",
|
|
6120
|
+
"description": "The list item outline color when focused. Defaults to `--jh-border-focus-color`."
|
|
6121
|
+
},
|
|
6122
|
+
{
|
|
6123
|
+
"name": "--jh-select-item-color-background-hover",
|
|
6124
|
+
"description": "The list item background color when hovered. Defaults to `--jh-color-container-primary-hover`."
|
|
6125
|
+
},
|
|
6126
|
+
{
|
|
6127
|
+
"name": "--jh-select-item-color-background-active",
|
|
6128
|
+
"description": "The list item background color when active. Defaults to `--jh-color-container-primary-active`."
|
|
6129
|
+
},
|
|
6130
|
+
{
|
|
6131
|
+
"name": "--jh-select-item-color-background-selected",
|
|
6132
|
+
"description": "The list item background color when selected. Defaults to `--jh-color-container-primary-selected`."
|
|
6133
|
+
},
|
|
6134
|
+
{
|
|
6135
|
+
"name": "--jh-select-item-color-border-selected",
|
|
6136
|
+
"description": "The list item border color when selected. Defaults to `--jh-border-selected-color`."
|
|
6137
|
+
},
|
|
6138
|
+
{
|
|
6139
|
+
"name": "--jh-select-item-space-padding-left-indent",
|
|
6140
|
+
"description": "The additional left padding for grouped list items. Defaults to `--jh-dimension-200`."
|
|
6141
|
+
},
|
|
6142
|
+
{
|
|
6143
|
+
"name": "--jh-input-label-color-text",
|
|
6144
|
+
"description": "The label text color. Defaults to `--jh-color-content-primary-enabled`."
|
|
6145
|
+
},
|
|
6146
|
+
{
|
|
6147
|
+
"name": "--jh-input-field-color-background",
|
|
6148
|
+
"description": "The input field background-color. Defaults to `--jh-color-container-primary-enabled`."
|
|
6149
|
+
},
|
|
6150
|
+
{
|
|
6151
|
+
"name": "--jh-input-field-color-border-enabled",
|
|
6152
|
+
"description": "The input field border-color. Defaults to `--jh-border-control-color`."
|
|
6153
|
+
},
|
|
6154
|
+
{
|
|
6155
|
+
"name": "--jh-input-field-border-radius",
|
|
6156
|
+
"description": "The input field border radius. Defaults to `--jh-border-radius-100`."
|
|
6157
|
+
},
|
|
6158
|
+
{
|
|
6159
|
+
"name": "--jh-input-color-focus",
|
|
6160
|
+
"description": "The input field outline when it receives keyboard focus. Defaults to `--jh-border-focus-color`."
|
|
6161
|
+
},
|
|
6162
|
+
{
|
|
6163
|
+
"name": "--jh-input-field-color-border-focus",
|
|
6164
|
+
"description": "The input field border-color when in focus. Defaults to `--jh-color-content-brand-hover`."
|
|
6165
|
+
},
|
|
6166
|
+
{
|
|
6167
|
+
"name": "--jh-input-field-color-border-hover",
|
|
6168
|
+
"description": "The input field border-color when hovered. Defaults to `--jh-color-content-brand-hover`."
|
|
6169
|
+
},
|
|
6170
|
+
{
|
|
6171
|
+
"name": "--jh-input-field-color-border-active",
|
|
6172
|
+
"description": "The input field border-color when active. Defaults to `--jh-color-content-brand-active`."
|
|
6173
|
+
},
|
|
6174
|
+
{
|
|
6175
|
+
"name": "--jh-input-field-color-border-disabled",
|
|
6176
|
+
"description": "The input field border-color when disabled. Defaults to `--jh-border-control-color`."
|
|
6177
|
+
},
|
|
6178
|
+
{
|
|
6179
|
+
"name": "--jh-input-opacity-disabled",
|
|
6180
|
+
"description": "The input opacity when disabled. Defaults to `--jh-opacity-disabled`."
|
|
6181
|
+
},
|
|
6182
|
+
{
|
|
6183
|
+
"name": "--jh-input-field-color-border-error",
|
|
6184
|
+
"description": "The input field border-color when invalid. Defaults to `--jh-border-error-color`."
|
|
6185
|
+
},
|
|
6186
|
+
{
|
|
6187
|
+
"name": "--jh-input-clear-border-radius",
|
|
6188
|
+
"description": "The clear button border radius. Defaults to `--jh-border-radius-100`."
|
|
6189
|
+
},
|
|
6190
|
+
{
|
|
6191
|
+
"name": "--jh-input-clear-color-background-enabled",
|
|
6192
|
+
"description": "The clear button background-color. Defaults to `transparent`."
|
|
6193
|
+
},
|
|
6194
|
+
{
|
|
6195
|
+
"name": "--jh-input-clear-color-border-enabled",
|
|
6196
|
+
"description": "The clear button border-color. Defaults to `transparent`."
|
|
6197
|
+
},
|
|
6198
|
+
{
|
|
6199
|
+
"name": "--jh-input-clear-icon-color-fill-enabled",
|
|
6200
|
+
"description": "The clear button icon fill color. Defaults to `--jh-color-content-brand-enabled`."
|
|
6201
|
+
},
|
|
6202
|
+
{
|
|
6203
|
+
"name": "--jh-input-clear-color-background-focus",
|
|
6204
|
+
"description": "The clear button background-color when in focus. Defaults to `--jh-color-content-brand-hover`."
|
|
6205
|
+
},
|
|
6206
|
+
{
|
|
6207
|
+
"name": "--jh-input-clear-color-border-focus",
|
|
6208
|
+
"description": "The clear button border-color when in focus. Defaults to `transparent`."
|
|
6209
|
+
},
|
|
6210
|
+
{
|
|
6211
|
+
"name": "--jh-input-clear-color-focus",
|
|
6212
|
+
"description": "The clear button outline when it receives keyboard focus. Defaults to `--jh-border-focus-color`."
|
|
6213
|
+
},
|
|
6214
|
+
{
|
|
6215
|
+
"name": "--jh-input-clear-icon-color-fill-focus",
|
|
6216
|
+
"description": "The clear button icon fill color when in focus. Defaults to `--jh-color-content-on-brand-hover`."
|
|
6217
|
+
},
|
|
6218
|
+
{
|
|
6219
|
+
"name": "--jh-input-clear-color-background-hover",
|
|
6220
|
+
"description": "The clear button background-color when hovered. Defaults to `--jh-color-content-brand-hover`."
|
|
6221
|
+
},
|
|
6222
|
+
{
|
|
6223
|
+
"name": "--jh-input-clear-color-border-hover",
|
|
6224
|
+
"description": "The clear button border-color when hovered. Defaults to `transparent`."
|
|
6225
|
+
},
|
|
6226
|
+
{
|
|
6227
|
+
"name": "--jh-input-clear-icon-color-fill-hover",
|
|
6228
|
+
"description": "The clear button icon fill color when hovered. Defaults to `--jh-color-content-on-brand-hover`."
|
|
6229
|
+
},
|
|
6230
|
+
{
|
|
6231
|
+
"name": "--jh-input-clear-color-background-active",
|
|
6232
|
+
"description": "The clear button background-color when active. Defaults to `--jh-color-content-brand-active`."
|
|
6233
|
+
},
|
|
6234
|
+
{
|
|
6235
|
+
"name": "--jh-input-clear-color-border-active",
|
|
6236
|
+
"description": "The clear button border-color when active. Defaults to `transparent`."
|
|
6237
|
+
},
|
|
6238
|
+
{
|
|
6239
|
+
"name": "--jh-input-clear-icon-color-fill-active",
|
|
6240
|
+
"description": "The clear button icon fill color when active. Defaults to `--jh-color-content-on-brand-active`."
|
|
6241
|
+
},
|
|
6242
|
+
{
|
|
6243
|
+
"name": "--jh-input-required-color-text",
|
|
6244
|
+
"description": "The required indicator color. Defaults to `jh-color-content-negative-enabled`."
|
|
6245
|
+
},
|
|
6246
|
+
{
|
|
6247
|
+
"name": "--jh-input-optional-color-text",
|
|
6248
|
+
"description": "The optional indicator text color. Defaults to `jh-color-content-primary-enabled`."
|
|
6249
|
+
},
|
|
6250
|
+
{
|
|
6251
|
+
"name": "--jh-input-helper-color-text",
|
|
6252
|
+
"description": "The helper-text text color. Defaults to `jh-color-content-secondary-enabled`."
|
|
6253
|
+
},
|
|
6254
|
+
{
|
|
6255
|
+
"name": "--jh-input-counter-color-text",
|
|
6256
|
+
"description": "The character counter text color. Defaults to `--jh-color-content-secondary-enabled`."
|
|
6257
|
+
},
|
|
6258
|
+
{
|
|
6259
|
+
"name": "--jh-input-value-color-text",
|
|
6260
|
+
"description": "The value text color. Defaults to `jh-color-content-primary-enabled`."
|
|
6261
|
+
},
|
|
6262
|
+
{
|
|
6263
|
+
"name": "--jh-input-error-color-text",
|
|
6264
|
+
"description": "The error message text color. Defaults to `jh-color-content-negative-enabled`."
|
|
6265
|
+
}
|
|
6266
|
+
]
|
|
6267
|
+
},
|
|
6268
|
+
{
|
|
6269
|
+
"name": "jh-switch",
|
|
6270
|
+
"path": "./components/switch/switch.js",
|
|
6271
|
+
"attributes": [
|
|
6272
|
+
{
|
|
6273
|
+
"name": "accessible-disabled",
|
|
6274
|
+
"description": "Sets an `aria-disabled` to signify to screen readers that the disabled switch should remain perceivable while disabled.",
|
|
6275
|
+
"type": "'true'|'false'"
|
|
6276
|
+
},
|
|
6277
|
+
{
|
|
6278
|
+
"name": "accessible-label",
|
|
6279
|
+
"description": "Sets an `aria-label` to assist screen reader users when no visible label is present.",
|
|
6280
|
+
"type": "?string"
|
|
6281
|
+
},
|
|
6282
|
+
{
|
|
6283
|
+
"name": "checked",
|
|
6284
|
+
"description": "Sets the selected or 'checked' state on the switch",
|
|
6285
|
+
"type": "?boolean",
|
|
6286
|
+
"default": "false"
|
|
6287
|
+
},
|
|
6288
|
+
{
|
|
6289
|
+
"name": "disabled",
|
|
6290
|
+
"description": "Disables the switch and prevents all user interactions. May cause switch to be ignored by assistive technologies(AT). See `accessible-disabled` if switch should remain perceivable to AT.",
|
|
6291
|
+
"type": "?boolean",
|
|
6292
|
+
"default": "false"
|
|
6293
|
+
},
|
|
6294
|
+
{
|
|
6295
|
+
"name": "helper-text",
|
|
6296
|
+
"description": "Provides additional context or guidance for using the switch. For `helper-text` to be displayed, the `label` property must also be set.",
|
|
6297
|
+
"type": "?string"
|
|
6298
|
+
},
|
|
6299
|
+
{
|
|
6300
|
+
"name": "label",
|
|
6301
|
+
"description": "Describes the intent of the switch.",
|
|
6302
|
+
"type": "?string"
|
|
6303
|
+
}
|
|
6304
|
+
],
|
|
6305
|
+
"properties": [
|
|
6306
|
+
{
|
|
6307
|
+
"name": "accessibleDisabled",
|
|
6308
|
+
"attribute": "accessible-disabled",
|
|
6309
|
+
"description": "Sets an `aria-disabled` to signify to screen readers that the disabled switch should remain perceivable while disabled.",
|
|
6310
|
+
"type": "'true'|'false'"
|
|
6311
|
+
},
|
|
6312
|
+
{
|
|
6313
|
+
"name": "accessibleLabel",
|
|
6314
|
+
"attribute": "accessible-label",
|
|
6315
|
+
"description": "Sets an `aria-label` to assist screen reader users when no visible label is present.",
|
|
6316
|
+
"type": "?string"
|
|
6317
|
+
},
|
|
6318
|
+
{
|
|
6319
|
+
"name": "checked",
|
|
6320
|
+
"attribute": "checked",
|
|
6321
|
+
"description": "Sets the selected or 'checked' state on the switch",
|
|
6322
|
+
"type": "?boolean",
|
|
6323
|
+
"default": "false"
|
|
6324
|
+
},
|
|
6325
|
+
{
|
|
6326
|
+
"name": "disabled",
|
|
6327
|
+
"attribute": "disabled",
|
|
6328
|
+
"description": "Disables the switch and prevents all user interactions. May cause switch to be ignored by assistive technologies(AT). See `accessible-disabled` if switch should remain perceivable to AT.",
|
|
6329
|
+
"type": "?boolean",
|
|
6330
|
+
"default": "false"
|
|
6331
|
+
},
|
|
6332
|
+
{
|
|
6333
|
+
"name": "helperText",
|
|
6334
|
+
"attribute": "helper-text",
|
|
6335
|
+
"description": "Provides additional context or guidance for using the switch. For `helper-text` to be displayed, the `label` property must also be set.",
|
|
6336
|
+
"type": "?string"
|
|
6337
|
+
},
|
|
6338
|
+
{
|
|
6339
|
+
"name": "label",
|
|
6340
|
+
"attribute": "label",
|
|
6341
|
+
"description": "Describes the intent of the switch.",
|
|
6342
|
+
"type": "?string"
|
|
6343
|
+
}
|
|
6344
|
+
],
|
|
6345
|
+
"events": [
|
|
6346
|
+
{
|
|
6347
|
+
"name": "jh-change",
|
|
6348
|
+
"description": "Dispatched when the state of the switch has changed."
|
|
6349
|
+
}
|
|
6350
|
+
],
|
|
6351
|
+
"cssProperties": [
|
|
6352
|
+
{
|
|
6353
|
+
"name": "--jh-switch-opacity-disabled",
|
|
6354
|
+
"description": "The switch opacity when disabled. Defaults to `--jh-opacity-disabled`."
|
|
6355
|
+
},
|
|
6356
|
+
{
|
|
6357
|
+
"name": "--jh-switch-thumb-color-background",
|
|
6358
|
+
"description": "The thumb background-color. Defaults to `--jh-color-container-primary-enabled`."
|
|
6359
|
+
},
|
|
6360
|
+
{
|
|
6361
|
+
"name": "--jh-switch-color-focus",
|
|
6362
|
+
"description": "The switch outline when it receives keyboard focus. Defaults to `--jh-border-focus-color`."
|
|
6363
|
+
},
|
|
6364
|
+
{
|
|
6365
|
+
"name": "--jh-switch-helper-color-text",
|
|
6366
|
+
"description": "The helper-text text color. Defaults to `--jh-color-content-secondary-enabled`."
|
|
6367
|
+
},
|
|
6368
|
+
{
|
|
6369
|
+
"name": "--jh-switch-label-color-text",
|
|
6370
|
+
"description": "The label text color. Defaults to `--jh-color-content-primary-enabled`."
|
|
6371
|
+
},
|
|
6372
|
+
{
|
|
6373
|
+
"name": "--jh-switch-track-color-background-unselected-enabled",
|
|
6374
|
+
"description": "The track color when unselected. Defaults to `--jh-color-control-enabled`."
|
|
6375
|
+
},
|
|
6376
|
+
{
|
|
6377
|
+
"name": "--jh-switch-track-color-background-unselected-focus",
|
|
6378
|
+
"description": "The track color when unselected and focused. Defaults to `--jh-color-control-hover`."
|
|
6379
|
+
},
|
|
6380
|
+
{
|
|
6381
|
+
"name": "--jh-switch-track-color-background-unselected-hover",
|
|
6382
|
+
"description": "The track color when unselected and hovered. Defaults to `--jh-color-control-hover`."
|
|
6383
|
+
},
|
|
6384
|
+
{
|
|
6385
|
+
"name": "--jh-switch-track-color-background-unselected-active",
|
|
6386
|
+
"description": "The track color when unselected and active. Defaults to `--jh-color-control-active`."
|
|
6387
|
+
},
|
|
6388
|
+
{
|
|
6389
|
+
"name": "--jh-switch-track-color-background-unselected-disabled",
|
|
6390
|
+
"description": "The track color when unselected and disabled. Defaults to `--jh-color-control-enabled`."
|
|
6391
|
+
},
|
|
6392
|
+
{
|
|
6393
|
+
"name": "--jh-switch-track-color-background-selected-enabled",
|
|
6394
|
+
"description": "The track color when selected. Defaults to `--jh-color-content-brand-enabled`."
|
|
6395
|
+
},
|
|
6396
|
+
{
|
|
6397
|
+
"name": "--jh-switch-track-color-background-selected-focus",
|
|
6398
|
+
"description": "The track color when selected and focused. Defaults to `--jh-color-content-brand-hover`."
|
|
6399
|
+
},
|
|
6400
|
+
{
|
|
6401
|
+
"name": "--jh-switch-track-color-background-selected-hover",
|
|
6402
|
+
"description": "The track color when selected and hovered. Defaults to `--jh-color-content-brand-hover`."
|
|
6403
|
+
},
|
|
6404
|
+
{
|
|
6405
|
+
"name": "--jh-switch-track-color-background-selected-active",
|
|
6406
|
+
"description": "The track color when selected and active. Defaults to `--jh-color-content-brand-active`."
|
|
6407
|
+
},
|
|
6408
|
+
{
|
|
6409
|
+
"name": "--jh-switch-track-color-background-selected-disabled",
|
|
6410
|
+
"description": "The track color when selected and disabled. Defaults to `--jh-color-content-brand-enabled`."
|
|
6411
|
+
}
|
|
6412
|
+
]
|
|
6413
|
+
},
|
|
6414
|
+
{
|
|
6415
|
+
"name": "jh-table-cell",
|
|
6416
|
+
"path": "./components/table-data-cell/table-data-cell.js",
|
|
6417
|
+
"description": "Table Cell",
|
|
6418
|
+
"attributes": [
|
|
6419
|
+
{
|
|
6420
|
+
"name": "horizontal-align",
|
|
6421
|
+
"description": "Sets the horizontal alignment of the content.",
|
|
6422
|
+
"type": "'left' | 'center' | 'right'",
|
|
6423
|
+
"default": "\"left\""
|
|
6424
|
+
}
|
|
6425
|
+
],
|
|
6426
|
+
"properties": [
|
|
6427
|
+
{
|
|
6428
|
+
"name": "horizontalAlign",
|
|
6429
|
+
"attribute": "horizontal-align",
|
|
6430
|
+
"description": "Sets the horizontal alignment of the content.",
|
|
6431
|
+
"type": "'left' | 'center' | 'right'",
|
|
6432
|
+
"default": "\"left\""
|
|
6433
|
+
}
|
|
6434
|
+
],
|
|
6435
|
+
"slots": [
|
|
6436
|
+
{
|
|
6437
|
+
"name": "default",
|
|
6438
|
+
"description": "Use to insert content."
|
|
6439
|
+
}
|
|
6440
|
+
],
|
|
6441
|
+
"cssProperties": [
|
|
6442
|
+
{
|
|
6443
|
+
"name": "--jh-table-data-cell-color-text",
|
|
6444
|
+
"description": "The cell text color. Defaults to `--jh-color-content-primary-enabled`."
|
|
6445
|
+
},
|
|
6446
|
+
{
|
|
6447
|
+
"name": "--jh-table-data-cell-color-background",
|
|
6448
|
+
"description": "The cell background color. Defaults to `--jh-color-container-primary-enabled`."
|
|
6449
|
+
},
|
|
6450
|
+
{
|
|
6451
|
+
"name": "--jh-table-data-cell-color-border-top",
|
|
6452
|
+
"description": "The cell border top color. Defaults to `transparent`."
|
|
6453
|
+
},
|
|
6454
|
+
{
|
|
6455
|
+
"name": "--jh-table-data-cell-color-border-right",
|
|
6456
|
+
"description": "The cell border right color. Defaults to `transparent`."
|
|
6457
|
+
},
|
|
6458
|
+
{
|
|
6459
|
+
"name": "--jh-table-data-cell-color-border-left",
|
|
6460
|
+
"description": "The cell border left color. Defaults to `transparent`."
|
|
6461
|
+
},
|
|
6462
|
+
{
|
|
6463
|
+
"name": "--jh-table-data-cell-color-border-bottom",
|
|
6464
|
+
"description": "The cell border bottom color. Defaults to `--jh-border-decorative-color`."
|
|
6465
|
+
},
|
|
6466
|
+
{
|
|
6467
|
+
"name": "--jh-table-data-cell-border-top-width",
|
|
5811
6468
|
"description": "The cell border top width. Defaults to `--jh-border-decorative-width`."
|
|
5812
6469
|
},
|
|
5813
6470
|
{
|
|
@@ -6738,12 +7395,6 @@
|
|
|
6738
7395
|
"type": "number",
|
|
6739
7396
|
"default": "5000"
|
|
6740
7397
|
},
|
|
6741
|
-
{
|
|
6742
|
-
"name": "appearance",
|
|
6743
|
-
"description": "Sets the background color of the toast to convey message connotation.",
|
|
6744
|
-
"type": "'positive'|'neutral'|'negative'",
|
|
6745
|
-
"default": "\"neutral\""
|
|
6746
|
-
},
|
|
6747
7398
|
{
|
|
6748
7399
|
"name": "dismiss-button-accessible-label",
|
|
6749
7400
|
"description": "Adds an aria-label to the dismiss button to assist screen readers.",
|
|
@@ -6770,13 +7421,6 @@
|
|
|
6770
7421
|
"type": "number",
|
|
6771
7422
|
"default": "5000"
|
|
6772
7423
|
},
|
|
6773
|
-
{
|
|
6774
|
-
"name": "appearance",
|
|
6775
|
-
"attribute": "appearance",
|
|
6776
|
-
"description": "Sets the background color of the toast to convey message connotation.",
|
|
6777
|
-
"type": "'positive'|'neutral'|'negative'",
|
|
6778
|
-
"default": "\"neutral\""
|
|
6779
|
-
},
|
|
6780
7424
|
{
|
|
6781
7425
|
"name": "dismissButtonAccessibleLabel",
|
|
6782
7426
|
"attribute": "dismiss-button-accessible-label",
|
|
@@ -6843,11 +7487,6 @@
|
|
|
6843
7487
|
"type": "?Boolean",
|
|
6844
7488
|
"default": "false"
|
|
6845
7489
|
},
|
|
6846
|
-
{
|
|
6847
|
-
"name": "label",
|
|
6848
|
-
"description": "Provides information about the item which triggered the tooltip.",
|
|
6849
|
-
"type": "?string"
|
|
6850
|
-
},
|
|
6851
7490
|
{
|
|
6852
7491
|
"name": "open",
|
|
6853
7492
|
"description": "Determines whether the tooltip is open or closed. Can be set on the tooltip to force it open.",
|
|
@@ -6869,12 +7508,6 @@
|
|
|
6869
7508
|
"type": "?Boolean",
|
|
6870
7509
|
"default": "false"
|
|
6871
7510
|
},
|
|
6872
|
-
{
|
|
6873
|
-
"name": "label",
|
|
6874
|
-
"attribute": "label",
|
|
6875
|
-
"description": "Provides information about the item which triggered the tooltip.",
|
|
6876
|
-
"type": "?string"
|
|
6877
|
-
},
|
|
6878
7511
|
{
|
|
6879
7512
|
"name": "open",
|
|
6880
7513
|
"attribute": "open",
|
|
@@ -6894,6 +7527,10 @@
|
|
|
6894
7527
|
{
|
|
6895
7528
|
"name": "default",
|
|
6896
7529
|
"description": "Use to insert the element that triggers the tooltip."
|
|
7530
|
+
},
|
|
7531
|
+
{
|
|
7532
|
+
"name": "jh-tooltip-content",
|
|
7533
|
+
"description": "Use to insert the content of the tooltip."
|
|
6897
7534
|
}
|
|
6898
7535
|
],
|
|
6899
7536
|
"cssProperties": [
|