@warp-ds/elements 2.3.0-next.11 → 2.3.0-next.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/dist/custom-elements.json +135 -3
- package/dist/index.d.ts +19 -0
- package/dist/packages/affix/index.js.map +2 -2
- package/dist/packages/alert/index.js.map +2 -2
- package/dist/packages/attention/attention.stories.js +4 -1
- package/dist/packages/attention/index.js.map +2 -2
- package/dist/packages/badge/index.js.map +2 -2
- package/dist/packages/box/index.js.map +2 -2
- package/dist/packages/breadcrumbs/index.js.map +2 -2
- package/dist/packages/button/button.stories.d.ts +4 -4
- package/dist/packages/button/button.stories.js +4 -4
- package/dist/packages/button/index.js.map +2 -2
- package/dist/packages/card/index.js.map +2 -2
- package/dist/packages/combobox/index.js.map +2 -2
- package/dist/packages/dead-toggle/index.js.map +2 -2
- package/dist/packages/expandable/index.js.map +2 -2
- package/dist/packages/modal/index.js.map +2 -2
- package/dist/packages/modal/modal-header.js.map +2 -2
- package/dist/packages/modal/modal.stories.d.ts +3 -3
- package/dist/packages/modal/modal.stories.js +32 -32
- package/dist/packages/pagination/index.js.map +2 -2
- package/dist/packages/pill/index.js.map +2 -2
- package/dist/packages/rip-and-tear-checkbox/checkbox-group.js.map +1 -1
- package/dist/packages/rip-and-tear-checkbox/checkbox.js.map +1 -1
- package/dist/packages/rip-and-tear-radio/radio-group.js.map +1 -1
- package/dist/packages/rip-and-tear-radio/radio.js.map +1 -1
- package/dist/packages/rip-and-tear-radio/radio.stories.js.map +1 -1
- package/dist/packages/select/index.js.map +2 -2
- package/dist/packages/select/select.stories.js +2 -2
- package/dist/packages/slider/slider-thumb.d.ts +11 -7
- package/dist/packages/slider/slider-thumb.js +57 -33
- package/dist/packages/slider/slider-thumb.js.map +3 -3
- package/dist/packages/slider/slider.d.ts +5 -1
- package/dist/packages/slider/slider.js +37 -13
- package/dist/packages/slider/slider.js.map +3 -3
- package/dist/packages/slider/slider.stories.js +134 -39
- package/dist/packages/steps/index.js.map +2 -2
- package/dist/packages/switch/index.js.map +2 -2
- package/dist/packages/tabs/tab.js.map +2 -2
- package/dist/packages/tabs/tabs.js.map +2 -2
- package/dist/packages/textarea/index.d.ts +1 -1
- package/dist/packages/textarea/index.js +1 -1
- package/dist/packages/textarea/textarea.js.map +2 -2
- package/dist/packages/textarea/textarea.stories.js +2 -2
- package/dist/packages/textfield/index.js +1 -1
- package/dist/packages/textfield/index.js.map +2 -2
- package/dist/web-types.json +35 -6
- package/package.json +1 -1
|
@@ -5522,6 +5522,24 @@
|
|
|
5522
5522
|
"attribute": "disabled",
|
|
5523
5523
|
"reflects": true
|
|
5524
5524
|
},
|
|
5525
|
+
{
|
|
5526
|
+
"kind": "field",
|
|
5527
|
+
"name": "invalid",
|
|
5528
|
+
"type": {
|
|
5529
|
+
"text": "boolean"
|
|
5530
|
+
},
|
|
5531
|
+
"attribute": "invalid",
|
|
5532
|
+
"reflects": true
|
|
5533
|
+
},
|
|
5534
|
+
{
|
|
5535
|
+
"kind": "field",
|
|
5536
|
+
"name": "allowValuesOutsideRange",
|
|
5537
|
+
"type": {
|
|
5538
|
+
"text": "boolean"
|
|
5539
|
+
},
|
|
5540
|
+
"default": "false",
|
|
5541
|
+
"description": "Set by `<w-slider>`"
|
|
5542
|
+
},
|
|
5525
5543
|
{
|
|
5526
5544
|
"kind": "field",
|
|
5527
5545
|
"name": "markers",
|
|
@@ -5574,7 +5592,7 @@
|
|
|
5574
5592
|
"kind": "field",
|
|
5575
5593
|
"name": "formatter",
|
|
5576
5594
|
"type": {
|
|
5577
|
-
"text": "(value: string) => string"
|
|
5595
|
+
"text": "(value: string, type: 'from' | 'to') => string"
|
|
5578
5596
|
},
|
|
5579
5597
|
"description": "JS hook to help you format the numeric value how you want."
|
|
5580
5598
|
},
|
|
@@ -5612,13 +5630,23 @@
|
|
|
5612
5630
|
}
|
|
5613
5631
|
}
|
|
5614
5632
|
},
|
|
5633
|
+
{
|
|
5634
|
+
"kind": "method",
|
|
5635
|
+
"name": "#syncRangeValue",
|
|
5636
|
+
"privacy": "private",
|
|
5637
|
+
"return": {
|
|
5638
|
+
"type": {
|
|
5639
|
+
"text": "void"
|
|
5640
|
+
}
|
|
5641
|
+
}
|
|
5642
|
+
},
|
|
5615
5643
|
{
|
|
5616
5644
|
"kind": "method",
|
|
5617
5645
|
"name": "#onInput",
|
|
5618
5646
|
"privacy": "private",
|
|
5619
5647
|
"return": {
|
|
5620
5648
|
"type": {
|
|
5621
|
-
"text": "boolean"
|
|
5649
|
+
"text": "Promise<boolean>"
|
|
5622
5650
|
}
|
|
5623
5651
|
},
|
|
5624
5652
|
"parameters": [
|
|
@@ -5629,6 +5657,29 @@
|
|
|
5629
5657
|
}
|
|
5630
5658
|
}
|
|
5631
5659
|
]
|
|
5660
|
+
},
|
|
5661
|
+
{
|
|
5662
|
+
"kind": "field",
|
|
5663
|
+
"name": "boundaryValue",
|
|
5664
|
+
"type": {
|
|
5665
|
+
"text": "string"
|
|
5666
|
+
},
|
|
5667
|
+
"readonly": true
|
|
5668
|
+
},
|
|
5669
|
+
{
|
|
5670
|
+
"kind": "field",
|
|
5671
|
+
"name": "textFieldDisplayValue",
|
|
5672
|
+
"description": "Value to display in the textfield (shows boundary when focused on empty value)",
|
|
5673
|
+
"readonly": true
|
|
5674
|
+
},
|
|
5675
|
+
{
|
|
5676
|
+
"kind": "field",
|
|
5677
|
+
"name": "tooltipDisplayValue",
|
|
5678
|
+
"type": {
|
|
5679
|
+
"text": "string | number"
|
|
5680
|
+
},
|
|
5681
|
+
"description": "Value to display in the tooltip",
|
|
5682
|
+
"readonly": true
|
|
5632
5683
|
}
|
|
5633
5684
|
],
|
|
5634
5685
|
"events": [
|
|
@@ -5681,6 +5732,13 @@
|
|
|
5681
5732
|
"text": "boolean"
|
|
5682
5733
|
},
|
|
5683
5734
|
"fieldName": "disabled"
|
|
5735
|
+
},
|
|
5736
|
+
{
|
|
5737
|
+
"name": "invalid",
|
|
5738
|
+
"type": {
|
|
5739
|
+
"text": "boolean"
|
|
5740
|
+
},
|
|
5741
|
+
"fieldName": "invalid"
|
|
5684
5742
|
}
|
|
5685
5743
|
],
|
|
5686
5744
|
"mixins": [
|
|
@@ -5778,6 +5836,25 @@
|
|
|
5778
5836
|
"attribute": "disabled",
|
|
5779
5837
|
"reflects": true
|
|
5780
5838
|
},
|
|
5839
|
+
{
|
|
5840
|
+
"kind": "field",
|
|
5841
|
+
"name": "allowValuesOutsideRange",
|
|
5842
|
+
"type": {
|
|
5843
|
+
"text": "boolean"
|
|
5844
|
+
},
|
|
5845
|
+
"default": "false",
|
|
5846
|
+
"attribute": "allow-values-outside-range"
|
|
5847
|
+
},
|
|
5848
|
+
{
|
|
5849
|
+
"kind": "field",
|
|
5850
|
+
"name": "helpText",
|
|
5851
|
+
"type": {
|
|
5852
|
+
"text": "string"
|
|
5853
|
+
},
|
|
5854
|
+
"default": "''",
|
|
5855
|
+
"attribute": "helpText",
|
|
5856
|
+
"reflects": true
|
|
5857
|
+
},
|
|
5781
5858
|
{
|
|
5782
5859
|
"kind": "field",
|
|
5783
5860
|
"name": "invalid",
|
|
@@ -5850,7 +5927,7 @@
|
|
|
5850
5927
|
"kind": "field",
|
|
5851
5928
|
"name": "formatter",
|
|
5852
5929
|
"type": {
|
|
5853
|
-
"text": "(value: string) => string"
|
|
5930
|
+
"text": "(value: string, type: 'to' | 'from') => string"
|
|
5854
5931
|
},
|
|
5855
5932
|
"description": "Function to format the to- and from labels and value in the slider thumb tooltip."
|
|
5856
5933
|
},
|
|
@@ -5864,6 +5941,16 @@
|
|
|
5864
5941
|
}
|
|
5865
5942
|
}
|
|
5866
5943
|
},
|
|
5944
|
+
{
|
|
5945
|
+
"kind": "field",
|
|
5946
|
+
"name": "edgeMin",
|
|
5947
|
+
"readonly": true
|
|
5948
|
+
},
|
|
5949
|
+
{
|
|
5950
|
+
"kind": "field",
|
|
5951
|
+
"name": "edgeMax",
|
|
5952
|
+
"readonly": true
|
|
5953
|
+
},
|
|
5867
5954
|
{
|
|
5868
5955
|
"kind": "method",
|
|
5869
5956
|
"name": "#onInput",
|
|
@@ -5877,6 +5964,11 @@
|
|
|
5877
5964
|
}
|
|
5878
5965
|
]
|
|
5879
5966
|
},
|
|
5967
|
+
{
|
|
5968
|
+
"kind": "method",
|
|
5969
|
+
"name": "#doValidation",
|
|
5970
|
+
"privacy": "private"
|
|
5971
|
+
},
|
|
5880
5972
|
{
|
|
5881
5973
|
"kind": "method",
|
|
5882
5974
|
"name": "#onSliderValidity",
|
|
@@ -5890,6 +5982,30 @@
|
|
|
5890
5982
|
}
|
|
5891
5983
|
]
|
|
5892
5984
|
},
|
|
5985
|
+
{
|
|
5986
|
+
"kind": "method",
|
|
5987
|
+
"name": "#getEdgeValue",
|
|
5988
|
+
"privacy": "private",
|
|
5989
|
+
"return": {
|
|
5990
|
+
"type": {
|
|
5991
|
+
"text": "string"
|
|
5992
|
+
}
|
|
5993
|
+
},
|
|
5994
|
+
"parameters": [
|
|
5995
|
+
{
|
|
5996
|
+
"name": "boundary",
|
|
5997
|
+
"type": {
|
|
5998
|
+
"text": "string"
|
|
5999
|
+
}
|
|
6000
|
+
},
|
|
6001
|
+
{
|
|
6002
|
+
"name": "input",
|
|
6003
|
+
"type": {
|
|
6004
|
+
"text": "WarpSliderThumb"
|
|
6005
|
+
}
|
|
6006
|
+
}
|
|
6007
|
+
]
|
|
6008
|
+
},
|
|
5893
6009
|
{
|
|
5894
6010
|
"kind": "method",
|
|
5895
6011
|
"name": "#updateActiveTrack",
|
|
@@ -5922,6 +6038,22 @@
|
|
|
5922
6038
|
"default": "false",
|
|
5923
6039
|
"fieldName": "disabled"
|
|
5924
6040
|
},
|
|
6041
|
+
{
|
|
6042
|
+
"name": "allow-values-outside-range",
|
|
6043
|
+
"type": {
|
|
6044
|
+
"text": "boolean"
|
|
6045
|
+
},
|
|
6046
|
+
"default": "false",
|
|
6047
|
+
"fieldName": "allowValuesOutsideRange"
|
|
6048
|
+
},
|
|
6049
|
+
{
|
|
6050
|
+
"name": "helpText",
|
|
6051
|
+
"type": {
|
|
6052
|
+
"text": "string"
|
|
6053
|
+
},
|
|
6054
|
+
"default": "''",
|
|
6055
|
+
"fieldName": "helpText"
|
|
6056
|
+
},
|
|
5925
6057
|
{
|
|
5926
6058
|
"name": "invalid",
|
|
5927
6059
|
"type": {
|
package/dist/index.d.ts
CHANGED
|
@@ -713,6 +713,10 @@ export type WarpSliderThumbProps = {
|
|
|
713
713
|
"value"?: WarpSliderThumb['value'];
|
|
714
714
|
/** */
|
|
715
715
|
"disabled"?: WarpSliderThumb['disabled'];
|
|
716
|
+
/** */
|
|
717
|
+
"invalid"?: WarpSliderThumb['invalid'];
|
|
718
|
+
/** Set by `<w-slider>` */
|
|
719
|
+
"allowValuesOutsideRange"?: WarpSliderThumb['allowValuesOutsideRange'];
|
|
716
720
|
/** Set by `<w-slider>` */
|
|
717
721
|
"markers"?: WarpSliderThumb['markers'];
|
|
718
722
|
/** Set by `<w-slider>` */
|
|
@@ -745,6 +749,12 @@ If you need to display HTML, use the `label` slot instead. */
|
|
|
745
749
|
/** */
|
|
746
750
|
"disabled"?: WarpSlider['disabled'];
|
|
747
751
|
/** */
|
|
752
|
+
"allow-values-outside-range"?: WarpSlider['allowValuesOutsideRange'];
|
|
753
|
+
/** */
|
|
754
|
+
"allowValuesOutsideRange"?: WarpSlider['allowValuesOutsideRange'];
|
|
755
|
+
/** */
|
|
756
|
+
"helpText"?: WarpSlider['helpText'];
|
|
757
|
+
/** */
|
|
748
758
|
"invalid"?: WarpSlider['invalid'];
|
|
749
759
|
/** Ensures a child slider thumb has a value before allowing the containing form to submit. */
|
|
750
760
|
"required"?: WarpSlider['required'];
|
|
@@ -1463,6 +1473,8 @@ export type WarpTextareaProps = {
|
|
|
1463
1473
|
* - `name`: undefined
|
|
1464
1474
|
* - `value`: undefined
|
|
1465
1475
|
* - `disabled`: undefined
|
|
1476
|
+
* - `invalid`: undefined
|
|
1477
|
+
* - `allowValuesOutsideRange`: Set by `<w-slider>` (property only)
|
|
1466
1478
|
* - `markers`: Set by `<w-slider>` (property only)
|
|
1467
1479
|
* - `required`: Set by `<w-slider>` (property only)
|
|
1468
1480
|
* - `step`: Set by `<w-slider>` (property only)
|
|
@@ -1472,6 +1484,9 @@ export type WarpTextareaProps = {
|
|
|
1472
1484
|
* - `formatter`: JS hook to help you format the numeric value how you want. (property only)
|
|
1473
1485
|
* - `range`: undefined (property only)
|
|
1474
1486
|
* - `textfield`: undefined (property only)
|
|
1487
|
+
* - `boundaryValue`: undefined (property only) (readonly)
|
|
1488
|
+
* - `textFieldDisplayValue`: Value to display in the textfield (shows boundary when focused on empty value) (property only) (readonly)
|
|
1489
|
+
* - `tooltipDisplayValue`: Value to display in the tooltip (property only) (readonly)
|
|
1475
1490
|
*
|
|
1476
1491
|
* ## Events
|
|
1477
1492
|
*
|
|
@@ -1495,6 +1510,8 @@ export type WarpTextareaProps = {
|
|
|
1495
1510
|
*
|
|
1496
1511
|
* If you need to display HTML, use the `label` slot instead.
|
|
1497
1512
|
* - `disabled`: undefined
|
|
1513
|
+
* - `allow-values-outside-range`/`allowValuesOutsideRange`: undefined
|
|
1514
|
+
* - `helpText`: undefined
|
|
1498
1515
|
* - `invalid`: undefined
|
|
1499
1516
|
* - `required`: Ensures a child slider thumb has a value before allowing the containing form to submit.
|
|
1500
1517
|
* - `min`: undefined
|
|
@@ -1503,6 +1520,8 @@ export type WarpTextareaProps = {
|
|
|
1503
1520
|
* - `step`: undefined
|
|
1504
1521
|
* - `suffix`: Suffix used in text input fields and for the min and max values of the slider.
|
|
1505
1522
|
* - `formatter`: Function to format the to- and from labels and value in the slider thumb tooltip. (property only)
|
|
1523
|
+
* - `edgeMin`: undefined (property only) (readonly)
|
|
1524
|
+
* - `edgeMax`: undefined (property only) (readonly)
|
|
1506
1525
|
*
|
|
1507
1526
|
* ## Slots
|
|
1508
1527
|
*
|