@warp-ds/elements 2.3.0-next.23 → 2.3.0-next.25
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/dist/custom-elements.json +218 -8
- package/dist/index.d.ts +39 -0
- package/dist/packages/attention/index.js +20 -20
- package/dist/packages/attention/index.js.map +3 -3
- package/dist/packages/button/button.react.stories.d.ts +1 -1
- package/dist/packages/button/button.test.js +30 -1
- package/dist/packages/button/index.d.ts +2 -0
- package/dist/packages/button/index.js +12 -12
- package/dist/packages/button/index.js.map +3 -3
- package/dist/packages/combobox/combobox.react.stories.d.ts +1 -1
- package/dist/packages/combobox/combobox.stories.d.ts +1 -0
- package/dist/packages/combobox/combobox.stories.js +29 -3
- package/dist/packages/combobox/index.d.ts +7 -1
- package/dist/packages/combobox/index.js +19 -19
- package/dist/packages/combobox/index.js.map +4 -4
- package/dist/packages/datepicker/datepicker.d.ts +1 -0
- package/dist/packages/datepicker/datepicker.js +35 -35
- package/dist/packages/datepicker/datepicker.js.map +3 -3
- package/dist/packages/datepicker/datepicker.react.stories.d.ts +1 -1
- package/dist/packages/datepicker/datepicker.test.js +27 -0
- package/dist/packages/link/link.react.stories.d.ts +1 -1
- package/dist/packages/select/index.d.ts +1 -0
- package/dist/packages/select/index.js +15 -15
- package/dist/packages/select/index.js.map +3 -3
- package/dist/packages/select/select.react.stories.d.ts +1 -1
- package/dist/packages/select/select.test.js +30 -0
- package/dist/packages/slider/slider-thumb.d.ts +1 -0
- package/dist/packages/slider/slider-thumb.js +23 -23
- package/dist/packages/slider/slider-thumb.js.map +3 -3
- package/dist/packages/slider/slider.d.ts +2 -2
- package/dist/packages/slider/slider.js +27 -17
- package/dist/packages/slider/slider.js.map +4 -4
- package/dist/packages/slider/slider.stories.js +2 -2
- package/dist/packages/slider/slider.test.js +28 -0
- package/dist/packages/switch/index.d.ts +10 -2
- package/dist/packages/switch/index.js +5 -5
- package/dist/packages/switch/index.js.map +4 -4
- package/dist/packages/switch/switch.react.stories.js +4 -4
- package/dist/packages/switch/switch.stories.js +6 -5
- package/dist/packages/switch/switch.test.d.ts +1 -0
- package/dist/packages/switch/switch.test.js +40 -0
- package/dist/packages/textarea/textarea.d.ts +1 -0
- package/dist/packages/textarea/textarea.js +14 -14
- package/dist/packages/textarea/textarea.js.map +3 -3
- package/dist/packages/textarea/textarea.react.stories.d.ts +1 -1
- package/dist/packages/textarea/textarea.test.js +19 -0
- package/dist/packages/textfield/index.d.ts +3 -0
- package/dist/packages/textfield/index.js +8 -8
- package/dist/packages/textfield/index.js.map +3 -3
- package/dist/packages/textfield/textfield.react.stories.d.ts +1 -1
- package/dist/packages/textfield/textfield.stories.d.ts +1 -0
- package/dist/packages/textfield/textfield.stories.js +17 -0
- package/dist/web-types.json +7 -3
- package/package.json +1 -1
|
@@ -602,6 +602,27 @@
|
|
|
602
602
|
"attribute": "value",
|
|
603
603
|
"reflects": true
|
|
604
604
|
},
|
|
605
|
+
{
|
|
606
|
+
"kind": "field",
|
|
607
|
+
"name": "#initialValue",
|
|
608
|
+
"privacy": "private",
|
|
609
|
+
"type": {
|
|
610
|
+
"text": "string | null"
|
|
611
|
+
},
|
|
612
|
+
"default": "null"
|
|
613
|
+
},
|
|
614
|
+
{
|
|
615
|
+
"kind": "method",
|
|
616
|
+
"name": "resetFormControl",
|
|
617
|
+
"return": {
|
|
618
|
+
"type": {
|
|
619
|
+
"text": "void"
|
|
620
|
+
}
|
|
621
|
+
},
|
|
622
|
+
"type": {
|
|
623
|
+
"text": "resetFormControl() => void"
|
|
624
|
+
}
|
|
625
|
+
},
|
|
605
626
|
{
|
|
606
627
|
"kind": "field",
|
|
607
628
|
"name": "ariaValueTextLoading"
|
|
@@ -2010,6 +2031,27 @@
|
|
|
2010
2031
|
"attribute": "value",
|
|
2011
2032
|
"reflects": true
|
|
2012
2033
|
},
|
|
2034
|
+
{
|
|
2035
|
+
"kind": "field",
|
|
2036
|
+
"name": "#initialValue",
|
|
2037
|
+
"privacy": "private",
|
|
2038
|
+
"type": {
|
|
2039
|
+
"text": "string | null"
|
|
2040
|
+
},
|
|
2041
|
+
"default": "null"
|
|
2042
|
+
},
|
|
2043
|
+
{
|
|
2044
|
+
"kind": "method",
|
|
2045
|
+
"name": "resetFormControl",
|
|
2046
|
+
"return": {
|
|
2047
|
+
"type": {
|
|
2048
|
+
"text": "void"
|
|
2049
|
+
}
|
|
2050
|
+
},
|
|
2051
|
+
"type": {
|
|
2052
|
+
"text": "resetFormControl() => void"
|
|
2053
|
+
}
|
|
2054
|
+
},
|
|
2013
2055
|
{
|
|
2014
2056
|
"kind": "method",
|
|
2015
2057
|
"name": "handleKeyDown",
|
|
@@ -2410,6 +2452,27 @@
|
|
|
2410
2452
|
},
|
|
2411
2453
|
"description": "Function to format value when the input field.\n\nOnly active when the input field does not have focus,\nsimilar to the accessible input masking example from Filament Group\n\nhttps://css-tricks.com/input-masking/\nhttps://filamentgroup.github.io/politespace/demo/demo.html"
|
|
2412
2454
|
},
|
|
2455
|
+
{
|
|
2456
|
+
"kind": "field",
|
|
2457
|
+
"name": "#initialValue",
|
|
2458
|
+
"privacy": "private",
|
|
2459
|
+
"type": {
|
|
2460
|
+
"text": "string | null"
|
|
2461
|
+
},
|
|
2462
|
+
"default": "null"
|
|
2463
|
+
},
|
|
2464
|
+
{
|
|
2465
|
+
"kind": "method",
|
|
2466
|
+
"name": "resetFormControl",
|
|
2467
|
+
"return": {
|
|
2468
|
+
"type": {
|
|
2469
|
+
"text": "void"
|
|
2470
|
+
}
|
|
2471
|
+
},
|
|
2472
|
+
"type": {
|
|
2473
|
+
"text": "resetFormControl() => void"
|
|
2474
|
+
}
|
|
2475
|
+
},
|
|
2413
2476
|
{
|
|
2414
2477
|
"kind": "method",
|
|
2415
2478
|
"name": "handler",
|
|
@@ -3426,6 +3489,27 @@
|
|
|
3426
3489
|
"attribute": "name",
|
|
3427
3490
|
"reflects": true
|
|
3428
3491
|
},
|
|
3492
|
+
{
|
|
3493
|
+
"kind": "field",
|
|
3494
|
+
"name": "#initialValue",
|
|
3495
|
+
"privacy": "private",
|
|
3496
|
+
"type": {
|
|
3497
|
+
"text": "string | null"
|
|
3498
|
+
},
|
|
3499
|
+
"default": "null"
|
|
3500
|
+
},
|
|
3501
|
+
{
|
|
3502
|
+
"kind": "method",
|
|
3503
|
+
"name": "resetFormControl",
|
|
3504
|
+
"return": {
|
|
3505
|
+
"type": {
|
|
3506
|
+
"text": "void"
|
|
3507
|
+
}
|
|
3508
|
+
},
|
|
3509
|
+
"type": {
|
|
3510
|
+
"text": "resetFormControl() => void"
|
|
3511
|
+
}
|
|
3512
|
+
},
|
|
3429
3513
|
{
|
|
3430
3514
|
"kind": "field",
|
|
3431
3515
|
"name": "_listboxId",
|
|
@@ -3780,6 +3864,12 @@
|
|
|
3780
3864
|
"fieldName": "name"
|
|
3781
3865
|
}
|
|
3782
3866
|
],
|
|
3867
|
+
"mixins": [
|
|
3868
|
+
{
|
|
3869
|
+
"name": "FormControlMixin",
|
|
3870
|
+
"package": "@open-wc/form-control"
|
|
3871
|
+
}
|
|
3872
|
+
],
|
|
3783
3873
|
"superclass": {
|
|
3784
3874
|
"name": "LitElement",
|
|
3785
3875
|
"package": "lit"
|
|
@@ -3930,6 +4020,15 @@
|
|
|
3930
4020
|
"name": "month",
|
|
3931
4021
|
"readonly": true
|
|
3932
4022
|
},
|
|
4023
|
+
{
|
|
4024
|
+
"kind": "field",
|
|
4025
|
+
"name": "#initialValue",
|
|
4026
|
+
"privacy": "private",
|
|
4027
|
+
"type": {
|
|
4028
|
+
"text": "string | null"
|
|
4029
|
+
},
|
|
4030
|
+
"default": "null"
|
|
4031
|
+
},
|
|
3933
4032
|
{
|
|
3934
4033
|
"kind": "field",
|
|
3935
4034
|
"name": "weeks",
|
|
@@ -3985,6 +4084,18 @@
|
|
|
3985
4084
|
"text": "HTMLTableCellElement"
|
|
3986
4085
|
}
|
|
3987
4086
|
},
|
|
4087
|
+
{
|
|
4088
|
+
"kind": "method",
|
|
4089
|
+
"name": "resetFormControl",
|
|
4090
|
+
"return": {
|
|
4091
|
+
"type": {
|
|
4092
|
+
"text": "void"
|
|
4093
|
+
}
|
|
4094
|
+
},
|
|
4095
|
+
"type": {
|
|
4096
|
+
"text": "resetFormControl() => void"
|
|
4097
|
+
}
|
|
4098
|
+
},
|
|
3988
4099
|
{
|
|
3989
4100
|
"kind": "method",
|
|
3990
4101
|
"name": "#toggleCalendarOpen",
|
|
@@ -5628,6 +5739,27 @@
|
|
|
5628
5739
|
"text": "WarpTextField"
|
|
5629
5740
|
}
|
|
5630
5741
|
},
|
|
5742
|
+
{
|
|
5743
|
+
"kind": "field",
|
|
5744
|
+
"name": "#initialValue",
|
|
5745
|
+
"privacy": "private",
|
|
5746
|
+
"type": {
|
|
5747
|
+
"text": "string | null"
|
|
5748
|
+
},
|
|
5749
|
+
"default": "null"
|
|
5750
|
+
},
|
|
5751
|
+
{
|
|
5752
|
+
"kind": "method",
|
|
5753
|
+
"name": "resetFormControl",
|
|
5754
|
+
"return": {
|
|
5755
|
+
"type": {
|
|
5756
|
+
"text": "void"
|
|
5757
|
+
}
|
|
5758
|
+
},
|
|
5759
|
+
"type": {
|
|
5760
|
+
"text": "resetFormControl() => void"
|
|
5761
|
+
}
|
|
5762
|
+
},
|
|
5631
5763
|
{
|
|
5632
5764
|
"kind": "method",
|
|
5633
5765
|
"name": "#showTooltip",
|
|
@@ -6255,12 +6387,6 @@
|
|
|
6255
6387
|
"fieldName": "suffix"
|
|
6256
6388
|
}
|
|
6257
6389
|
],
|
|
6258
|
-
"mixins": [
|
|
6259
|
-
{
|
|
6260
|
-
"name": "FormControlMixin",
|
|
6261
|
-
"package": "@open-wc/form-control"
|
|
6262
|
-
}
|
|
6263
|
-
],
|
|
6264
6390
|
"superclass": {
|
|
6265
6391
|
"name": "LitElement",
|
|
6266
6392
|
"package": "lit"
|
|
@@ -6483,14 +6609,34 @@
|
|
|
6483
6609
|
"description": "",
|
|
6484
6610
|
"name": "WarpSwitch",
|
|
6485
6611
|
"members": [
|
|
6612
|
+
{
|
|
6613
|
+
"kind": "field",
|
|
6614
|
+
"name": "name",
|
|
6615
|
+
"type": {
|
|
6616
|
+
"text": "string"
|
|
6617
|
+
},
|
|
6618
|
+
"default": "''",
|
|
6619
|
+
"attribute": "name",
|
|
6620
|
+
"reflects": true
|
|
6621
|
+
},
|
|
6486
6622
|
{
|
|
6487
6623
|
"kind": "field",
|
|
6488
6624
|
"name": "value",
|
|
6625
|
+
"type": {
|
|
6626
|
+
"text": "string"
|
|
6627
|
+
},
|
|
6628
|
+
"default": "''",
|
|
6629
|
+
"attribute": "value",
|
|
6630
|
+
"reflects": true
|
|
6631
|
+
},
|
|
6632
|
+
{
|
|
6633
|
+
"kind": "field",
|
|
6634
|
+
"name": "checked",
|
|
6489
6635
|
"type": {
|
|
6490
6636
|
"text": "boolean"
|
|
6491
6637
|
},
|
|
6492
6638
|
"default": "false",
|
|
6493
|
-
"attribute": "
|
|
6639
|
+
"attribute": "checked",
|
|
6494
6640
|
"reflects": true
|
|
6495
6641
|
},
|
|
6496
6642
|
{
|
|
@@ -6502,6 +6648,27 @@
|
|
|
6502
6648
|
"default": "false",
|
|
6503
6649
|
"attribute": "disabled",
|
|
6504
6650
|
"reflects": true
|
|
6651
|
+
},
|
|
6652
|
+
{
|
|
6653
|
+
"kind": "field",
|
|
6654
|
+
"name": "#initialState",
|
|
6655
|
+
"privacy": "private",
|
|
6656
|
+
"type": {
|
|
6657
|
+
"text": "boolean | null"
|
|
6658
|
+
},
|
|
6659
|
+
"default": "null"
|
|
6660
|
+
},
|
|
6661
|
+
{
|
|
6662
|
+
"kind": "method",
|
|
6663
|
+
"name": "resetFormControl",
|
|
6664
|
+
"return": {
|
|
6665
|
+
"type": {
|
|
6666
|
+
"text": "void"
|
|
6667
|
+
}
|
|
6668
|
+
},
|
|
6669
|
+
"type": {
|
|
6670
|
+
"text": "resetFormControl() => void"
|
|
6671
|
+
}
|
|
6505
6672
|
}
|
|
6506
6673
|
],
|
|
6507
6674
|
"events": [
|
|
@@ -6513,13 +6680,29 @@
|
|
|
6513
6680
|
}
|
|
6514
6681
|
],
|
|
6515
6682
|
"attributes": [
|
|
6683
|
+
{
|
|
6684
|
+
"name": "name",
|
|
6685
|
+
"type": {
|
|
6686
|
+
"text": "string"
|
|
6687
|
+
},
|
|
6688
|
+
"default": "''",
|
|
6689
|
+
"fieldName": "name"
|
|
6690
|
+
},
|
|
6516
6691
|
{
|
|
6517
6692
|
"name": "value",
|
|
6693
|
+
"type": {
|
|
6694
|
+
"text": "string"
|
|
6695
|
+
},
|
|
6696
|
+
"default": "''",
|
|
6697
|
+
"fieldName": "value"
|
|
6698
|
+
},
|
|
6699
|
+
{
|
|
6700
|
+
"name": "checked",
|
|
6518
6701
|
"type": {
|
|
6519
6702
|
"text": "boolean"
|
|
6520
6703
|
},
|
|
6521
6704
|
"default": "false",
|
|
6522
|
-
"fieldName": "
|
|
6705
|
+
"fieldName": "checked"
|
|
6523
6706
|
},
|
|
6524
6707
|
{
|
|
6525
6708
|
"name": "disabled",
|
|
@@ -6530,6 +6713,12 @@
|
|
|
6530
6713
|
"fieldName": "disabled"
|
|
6531
6714
|
}
|
|
6532
6715
|
],
|
|
6716
|
+
"mixins": [
|
|
6717
|
+
{
|
|
6718
|
+
"name": "FormControlMixin",
|
|
6719
|
+
"package": "@open-wc/form-control"
|
|
6720
|
+
}
|
|
6721
|
+
],
|
|
6533
6722
|
"superclass": {
|
|
6534
6723
|
"name": "LitElement",
|
|
6535
6724
|
"package": "lit"
|
|
@@ -7022,6 +7211,27 @@
|
|
|
7022
7211
|
"kind": "field",
|
|
7023
7212
|
"name": "maxHeight"
|
|
7024
7213
|
},
|
|
7214
|
+
{
|
|
7215
|
+
"kind": "field",
|
|
7216
|
+
"name": "#initialValue",
|
|
7217
|
+
"privacy": "private",
|
|
7218
|
+
"type": {
|
|
7219
|
+
"text": "string | null"
|
|
7220
|
+
},
|
|
7221
|
+
"default": "null"
|
|
7222
|
+
},
|
|
7223
|
+
{
|
|
7224
|
+
"kind": "method",
|
|
7225
|
+
"name": "resetFormControl",
|
|
7226
|
+
"return": {
|
|
7227
|
+
"type": {
|
|
7228
|
+
"text": "void"
|
|
7229
|
+
}
|
|
7230
|
+
},
|
|
7231
|
+
"type": {
|
|
7232
|
+
"text": "resetFormControl() => void"
|
|
7233
|
+
}
|
|
7234
|
+
},
|
|
7025
7235
|
{
|
|
7026
7236
|
"kind": "method",
|
|
7027
7237
|
"name": "handler",
|
package/dist/index.d.ts
CHANGED
|
@@ -806,9 +806,13 @@ export type WarpStepProps = {
|
|
|
806
806
|
|
|
807
807
|
|
|
808
808
|
export type WarpSwitchProps = {
|
|
809
|
+
/** */
|
|
810
|
+
"name"?: WarpSwitch['name'];
|
|
809
811
|
/** */
|
|
810
812
|
"value"?: WarpSwitch['value'];
|
|
811
813
|
/** */
|
|
814
|
+
"checked"?: WarpSwitch['checked'];
|
|
815
|
+
/** */
|
|
812
816
|
"disabled"?: WarpSwitch['disabled'];
|
|
813
817
|
|
|
814
818
|
/** */
|
|
@@ -980,6 +984,12 @@ export type WarpTextareaProps = {
|
|
|
980
984
|
* - `name`: undefined
|
|
981
985
|
* - `value`: undefined
|
|
982
986
|
* - `ariaValueTextLoading`: undefined (property only)
|
|
987
|
+
*
|
|
988
|
+
* ## Methods
|
|
989
|
+
*
|
|
990
|
+
* Methods that can be called to access component functionality.
|
|
991
|
+
*
|
|
992
|
+
* - `resetFormControl() => void`: undefined
|
|
983
993
|
*/
|
|
984
994
|
"w-button": Partial<WarpButtonProps & BaseProps<WarpButton> & BaseEvents>;
|
|
985
995
|
|
|
@@ -1177,6 +1187,7 @@ export type WarpTextareaProps = {
|
|
|
1177
1187
|
*
|
|
1178
1188
|
* Methods that can be called to access component functionality.
|
|
1179
1189
|
*
|
|
1190
|
+
* - `resetFormControl() => void`: undefined
|
|
1180
1191
|
* - `handleKeyDown(event: KeyboardEvent) => void`: undefined
|
|
1181
1192
|
* - `onChange({ target }) => void`: undefined
|
|
1182
1193
|
*/
|
|
@@ -1223,6 +1234,7 @@ export type WarpTextareaProps = {
|
|
|
1223
1234
|
*
|
|
1224
1235
|
* Methods that can be called to access component functionality.
|
|
1225
1236
|
*
|
|
1237
|
+
* - `resetFormControl() => void`: undefined
|
|
1226
1238
|
* - `handler(e: Event) => void`: undefined
|
|
1227
1239
|
* - `prefixSlotChange() => void`: undefined
|
|
1228
1240
|
* - `suffixSlotChange() => void`: undefined
|
|
@@ -1363,6 +1375,12 @@ export type WarpTextareaProps = {
|
|
|
1363
1375
|
* - `class-name`/`containerClassName`: Additional container styling
|
|
1364
1376
|
* - `list-class-name`/`listClassName`: Additional list styling
|
|
1365
1377
|
* - `name`: Name attribute for form submission
|
|
1378
|
+
*
|
|
1379
|
+
* ## Methods
|
|
1380
|
+
*
|
|
1381
|
+
* Methods that can be called to access component functionality.
|
|
1382
|
+
*
|
|
1383
|
+
* - `resetFormControl() => void`: undefined
|
|
1366
1384
|
*/
|
|
1367
1385
|
"w-combobox": Partial<WarpComboboxProps & BaseProps<WarpCombobox> & BaseEvents>;
|
|
1368
1386
|
|
|
@@ -1410,6 +1428,12 @@ export type WarpTextareaProps = {
|
|
|
1410
1428
|
* the query will point to an element that doesn't exist anymore. (property only)
|
|
1411
1429
|
* - `todayCell`: undefined (property only)
|
|
1412
1430
|
* - `selectedCell`: undefined (property only)
|
|
1431
|
+
*
|
|
1432
|
+
* ## Methods
|
|
1433
|
+
*
|
|
1434
|
+
* Methods that can be called to access component functionality.
|
|
1435
|
+
*
|
|
1436
|
+
* - `resetFormControl() => void`: undefined
|
|
1413
1437
|
*/
|
|
1414
1438
|
"w-datepicker": Partial<WarpDatepickerProps & BaseProps<WarpDatepicker> & BaseEvents>;
|
|
1415
1439
|
|
|
@@ -1504,6 +1528,12 @@ export type WarpTextareaProps = {
|
|
|
1504
1528
|
* Events that will be emitted by the component.
|
|
1505
1529
|
*
|
|
1506
1530
|
* - `slidervalidity`: undefined
|
|
1531
|
+
*
|
|
1532
|
+
* ## Methods
|
|
1533
|
+
*
|
|
1534
|
+
* Methods that can be called to access component functionality.
|
|
1535
|
+
*
|
|
1536
|
+
* - `resetFormControl() => void`: undefined
|
|
1507
1537
|
*/
|
|
1508
1538
|
"w-slider-thumb": Partial<WarpSliderThumbProps & BaseProps<WarpSliderThumb> & BaseEvents>;
|
|
1509
1539
|
|
|
@@ -1600,7 +1630,9 @@ export type WarpTextareaProps = {
|
|
|
1600
1630
|
*
|
|
1601
1631
|
* Component attributes and properties that can be applied to the element or by using JavaScript.
|
|
1602
1632
|
*
|
|
1633
|
+
* - `name`: undefined
|
|
1603
1634
|
* - `value`: undefined
|
|
1635
|
+
* - `checked`: undefined
|
|
1604
1636
|
* - `disabled`: undefined
|
|
1605
1637
|
*
|
|
1606
1638
|
* ## Events
|
|
@@ -1608,6 +1640,12 @@ export type WarpTextareaProps = {
|
|
|
1608
1640
|
* Events that will be emitted by the component.
|
|
1609
1641
|
*
|
|
1610
1642
|
* - `change`: undefined
|
|
1643
|
+
*
|
|
1644
|
+
* ## Methods
|
|
1645
|
+
*
|
|
1646
|
+
* Methods that can be called to access component functionality.
|
|
1647
|
+
*
|
|
1648
|
+
* - `resetFormControl() => void`: undefined
|
|
1611
1649
|
*/
|
|
1612
1650
|
"w-switch": Partial<WarpSwitchProps & BaseProps<WarpSwitch> & BaseEvents>;
|
|
1613
1651
|
|
|
@@ -1682,6 +1720,7 @@ export type WarpTextareaProps = {
|
|
|
1682
1720
|
*
|
|
1683
1721
|
* Methods that can be called to access component functionality.
|
|
1684
1722
|
*
|
|
1723
|
+
* - `resetFormControl() => void`: undefined
|
|
1685
1724
|
* - `handler(e: InputEvent) => void`: undefined
|
|
1686
1725
|
*/
|
|
1687
1726
|
"w-textarea": Partial<WarpTextareaProps & BaseProps<WarpTextarea> & BaseEvents>;
|