@warp-ds/elements 2.9.1-next.3 → 2.9.1-next.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/dist/custom-elements.json +83 -239
  2. package/dist/docs/affix/affix.md +9 -10
  3. package/dist/docs/affix/api.md +9 -10
  4. package/dist/docs/alert/alert.md +4 -2
  5. package/dist/docs/alert/api.md +4 -2
  6. package/dist/docs/attention/api.md +16 -14
  7. package/dist/docs/attention/attention.md +16 -14
  8. package/dist/docs/badge/api.md +5 -6
  9. package/dist/docs/badge/badge.md +5 -6
  10. package/dist/docs/box/api.md +3 -4
  11. package/dist/docs/box/box.md +3 -4
  12. package/dist/docs/breadcrumbs/accessibility.md +46 -0
  13. package/dist/docs/breadcrumbs/api.md +8 -8
  14. package/dist/docs/breadcrumbs/breadcrumbs.md +127 -9
  15. package/dist/docs/breadcrumbs/examples.md +35 -0
  16. package/dist/docs/breadcrumbs/usage.md +36 -0
  17. package/dist/docs/button/api.md +15 -13
  18. package/dist/docs/button/button.md +15 -13
  19. package/dist/docs/card/api.md +5 -6
  20. package/dist/docs/card/card.md +5 -6
  21. package/dist/docs/combobox/api.md +18 -19
  22. package/dist/docs/combobox/combobox.md +18 -19
  23. package/dist/docs/datepicker/api.md +38 -39
  24. package/dist/docs/datepicker/datepicker.md +38 -39
  25. package/dist/docs/expandable/api.md +11 -12
  26. package/dist/docs/expandable/expandable.md +11 -12
  27. package/dist/docs/link/api.md +8 -6
  28. package/dist/docs/link/link.md +8 -6
  29. package/dist/docs/page-indicator/api.md +7 -8
  30. package/dist/docs/page-indicator/page-indicator.md +7 -8
  31. package/dist/docs/pagination/api.md +17 -9
  32. package/dist/docs/pagination/pagination.md +17 -9
  33. package/dist/docs/pill/api.md +30 -17
  34. package/dist/docs/pill/pill.md +30 -17
  35. package/dist/docs/select/api.md +17 -9
  36. package/dist/docs/select/select.md +17 -9
  37. package/dist/docs/slider/api.md +37 -116
  38. package/dist/docs/slider/examples.md +331 -0
  39. package/dist/docs/slider/slider.md +378 -118
  40. package/dist/docs/slider/usage.md +10 -0
  41. package/dist/docs/slider-thumb/api.md +26 -55
  42. package/dist/docs/slider-thumb/slider-thumb.md +26 -57
  43. package/dist/docs/step/api.md +3 -4
  44. package/dist/docs/step/step.md +3 -4
  45. package/dist/docs/step-indicator/api.md +3 -4
  46. package/dist/docs/step-indicator/step-indicator.md +3 -4
  47. package/dist/docs/switch/api.md +13 -5
  48. package/dist/docs/switch/switch.md +13 -5
  49. package/dist/docs/tab/api.md +9 -62
  50. package/dist/docs/tab/tab.md +9 -70
  51. package/dist/docs/tab-panel/api.md +7 -11
  52. package/dist/docs/tab-panel/tab-panel.md +7 -19
  53. package/dist/docs/tabs/accessibility.md +11 -0
  54. package/dist/docs/tabs/api.md +10 -18
  55. package/dist/docs/tabs/examples.md +68 -0
  56. package/dist/docs/tabs/tabs.md +97 -20
  57. package/dist/docs/tabs/usage.md +8 -0
  58. package/dist/docs/textarea/api.md +15 -16
  59. package/dist/docs/textarea/textarea.md +15 -16
  60. package/dist/docs/textfield/api.md +14 -15
  61. package/dist/docs/textfield/textfield.md +14 -15
  62. package/dist/index.d.ts +124 -224
  63. package/dist/packages/breadcrumbs/breadcrumbs.d.ts +7 -1
  64. package/dist/packages/breadcrumbs/breadcrumbs.js.map +2 -2
  65. package/dist/packages/pagination/pagination.test.js +38 -0
  66. package/dist/packages/slider/slider.d.ts +34 -45
  67. package/dist/packages/slider/slider.js +1 -1
  68. package/dist/packages/slider/slider.js.map +2 -2
  69. package/dist/packages/slider-thumb/slider-thumb.d.ts +36 -31
  70. package/dist/packages/slider-thumb/slider-thumb.js +1 -1
  71. package/dist/packages/slider-thumb/slider-thumb.js.map +2 -2
  72. package/dist/packages/tab/tab.d.ts +29 -24
  73. package/dist/packages/tab/tab.js +3 -3
  74. package/dist/packages/tab/tab.js.map +2 -2
  75. package/dist/packages/tab-panel/tab-panel.d.ts +9 -8
  76. package/dist/packages/tab-panel/tab-panel.js +3 -3
  77. package/dist/packages/tab-panel/tab-panel.js.map +2 -2
  78. package/dist/packages/tabs/index.d.ts +1 -0
  79. package/dist/packages/tabs/index.js +0 -1
  80. package/dist/packages/tabs/react.d.ts +4 -3
  81. package/dist/packages/tabs/tabs.d.ts +9 -3
  82. package/dist/packages/tabs/tabs.js.map +2 -2
  83. package/dist/packages/tabs/tabs.react.stories.d.ts +2 -2
  84. package/dist/web-types.json +201 -93
  85. package/package.json +2 -1
  86. package/dist/docs/tab/accessibility.md +0 -1
  87. package/dist/docs/tab/examples.md +0 -1
  88. package/dist/docs/tab/usage.md +0 -1
  89. package/dist/docs/tab-panel/accessibility.md +0 -1
  90. package/dist/docs/tab-panel/examples.md +0 -1
  91. package/dist/docs/tab-panel/usage.md +0 -1
@@ -2074,7 +2074,7 @@
2074
2074
  "declarations": [
2075
2075
  {
2076
2076
  "kind": "class",
2077
- "description": "Breadcrumbs show the navigation structure for the current location.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-breadcrumbs--docs)",
2077
+ "description": "Shows the navigation structure for the current page.\nRenders direct child links and non-link elements as a breadcrumb trail, inserts separators between items, and exposes the trail as navigation.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-breadcrumbs--docs)",
2078
2078
  "name": "WarpBreadcrumbs",
2079
2079
  "members": [
2080
2080
  {
@@ -2087,7 +2087,11 @@
2087
2087
  },
2088
2088
  {
2089
2089
  "kind": "field",
2090
- "name": "ariaLabel"
2090
+ "name": "ariaLabel",
2091
+ "type": {
2092
+ "text": "string | null"
2093
+ },
2094
+ "description": "Accessible label for the breadcrumb navigation.\nDefaults to the localized \"You are here\" label. Set `aria-label` when the default label is not specific enough for the page."
2091
2095
  }
2092
2096
  ],
2093
2097
  "superclass": {
@@ -6457,24 +6461,17 @@
6457
6461
  "declarations": [
6458
6462
  {
6459
6463
  "kind": "class",
6460
- "description": "Component to place inside a `<w-slider>`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)",
6464
+ "description": "Component to place inside a `<w-slider>`.",
6461
6465
  "name": "WarpSliderThumb",
6462
6466
  "members": [
6463
- {
6464
- "kind": "field",
6465
- "name": "shadowRootOptions",
6466
- "type": {
6467
- "text": "object"
6468
- },
6469
- "static": true,
6470
- "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
6471
- },
6472
6467
  {
6473
6468
  "kind": "field",
6474
6469
  "name": "ariaLabel",
6475
6470
  "type": {
6476
6471
  "text": "string"
6477
6472
  },
6473
+ "description": "Label for the range input.",
6474
+ "default": "`label` from `w-slider`",
6478
6475
  "attribute": "aria-label"
6479
6476
  },
6480
6477
  {
@@ -6483,6 +6480,7 @@
6483
6480
  "type": {
6484
6481
  "text": "string"
6485
6482
  },
6483
+ "description": "Contextual information for assistive technology, should it be needed",
6486
6484
  "attribute": "aria-description"
6487
6485
  },
6488
6486
  {
@@ -6491,6 +6489,7 @@
6491
6489
  "type": {
6492
6490
  "text": "string"
6493
6491
  },
6492
+ "description": "The name of this input field in the form. The canonical source of the value is the text field.",
6494
6493
  "attribute": "name",
6495
6494
  "reflects": true
6496
6495
  },
@@ -6500,6 +6499,7 @@
6500
6499
  "type": {
6501
6500
  "text": "string"
6502
6501
  },
6502
+ "description": "The initial value, if any",
6503
6503
  "attribute": "value",
6504
6504
  "reflects": true
6505
6505
  },
@@ -6509,6 +6509,7 @@
6509
6509
  "type": {
6510
6510
  "text": "string"
6511
6511
  },
6512
+ "description": "Placeholder in empty text fields",
6512
6513
  "attribute": "placeholder",
6513
6514
  "reflects": true
6514
6515
  },
@@ -6660,34 +6661,6 @@
6660
6661
  }
6661
6662
  }
6662
6663
  ]
6663
- },
6664
- {
6665
- "kind": "field",
6666
- "name": "boundaryValue",
6667
- "type": {
6668
- "text": "string"
6669
- },
6670
- "readonly": true
6671
- },
6672
- {
6673
- "kind": "field",
6674
- "name": "textFieldDisplayValue",
6675
- "description": "Value to display in the textfield (shows boundary when focused on empty value)",
6676
- "readonly": true
6677
- },
6678
- {
6679
- "kind": "field",
6680
- "name": "tooltipDisplayValue",
6681
- "type": {
6682
- "text": "string | number"
6683
- },
6684
- "description": "Value to display in the tooltip",
6685
- "readonly": true
6686
- },
6687
- {
6688
- "kind": "field",
6689
- "name": "ariaDescriptionText",
6690
- "readonly": true
6691
6664
  }
6692
6665
  ],
6693
6666
  "events": [
@@ -6695,13 +6668,15 @@
6695
6668
  "name": "thumbreset",
6696
6669
  "type": {
6697
6670
  "text": "CustomEvent"
6698
- }
6671
+ },
6672
+ "description": "Internal event used by (and stopped by) `w-slider`."
6699
6673
  },
6700
6674
  {
6701
6675
  "name": "slidervalidity",
6702
6676
  "type": {
6703
6677
  "text": "CustomEvent"
6704
- }
6678
+ },
6679
+ "description": "Internal event used by (and stopped by) `w-slider`."
6705
6680
  }
6706
6681
  ],
6707
6682
  "attributes": [
@@ -6710,6 +6685,8 @@
6710
6685
  "type": {
6711
6686
  "text": "string"
6712
6687
  },
6688
+ "description": "Label for the range input.",
6689
+ "default": "`label` from `w-slider`",
6713
6690
  "fieldName": "ariaLabel"
6714
6691
  },
6715
6692
  {
@@ -6717,6 +6694,7 @@
6717
6694
  "type": {
6718
6695
  "text": "string"
6719
6696
  },
6697
+ "description": "Contextual information for assistive technology, should it be needed",
6720
6698
  "fieldName": "ariaDescription"
6721
6699
  },
6722
6700
  {
@@ -6724,6 +6702,7 @@
6724
6702
  "type": {
6725
6703
  "text": "string"
6726
6704
  },
6705
+ "description": "The name of this input field in the form. The canonical source of the value is the text field.",
6727
6706
  "fieldName": "name"
6728
6707
  },
6729
6708
  {
@@ -6731,6 +6710,7 @@
6731
6710
  "type": {
6732
6711
  "text": "string"
6733
6712
  },
6713
+ "description": "The initial value, if any",
6734
6714
  "fieldName": "value"
6735
6715
  },
6736
6716
  {
@@ -6738,6 +6718,7 @@
6738
6718
  "type": {
6739
6719
  "text": "string"
6740
6720
  },
6721
+ "description": "Placeholder in empty text fields",
6741
6722
  "fieldName": "placeholder"
6742
6723
  }
6743
6724
  ],
@@ -6751,6 +6732,10 @@
6751
6732
  "name": "LitElement",
6752
6733
  "package": "lit"
6753
6734
  },
6735
+ "parent": {
6736
+ "name": "w-slider",
6737
+ "description": ""
6738
+ },
6754
6739
  "tagName": "w-slider-thumb",
6755
6740
  "customElement": true,
6756
6741
  "modulePath": "packages/slider-thumb/slider-thumb.ts",
@@ -6782,7 +6767,7 @@
6782
6767
  "declarations": [
6783
6768
  {
6784
6769
  "kind": "class",
6785
- "description": "Parent component for sliders (both single and range sliders). Used in combination with a `<w-slider-thumb>`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-slider-and-range-slider--docs)",
6770
+ "description": "Parent component for sliders (both single and range sliders). Used in combination with a `<w-slider-thumb>`.",
6786
6771
  "name": "WarpSlider",
6787
6772
  "slots": [
6788
6773
  {
@@ -6807,15 +6792,6 @@
6807
6792
  }
6808
6793
  ],
6809
6794
  "members": [
6810
- {
6811
- "kind": "field",
6812
- "name": "shadowRootOptions",
6813
- "type": {
6814
- "text": "object"
6815
- },
6816
- "static": true,
6817
- "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
6818
- },
6819
6795
  {
6820
6796
  "kind": "field",
6821
6797
  "name": "label",
@@ -6852,6 +6828,7 @@
6852
6828
  "type": {
6853
6829
  "text": "string"
6854
6830
  },
6831
+ "description": "Validation error text, if any",
6855
6832
  "attribute": "error",
6856
6833
  "reflects": true
6857
6834
  },
@@ -6861,6 +6838,7 @@
6861
6838
  "type": {
6862
6839
  "text": "string"
6863
6840
  },
6841
+ "description": "Additional description to show below the fieldset",
6864
6842
  "attribute": "help-text",
6865
6843
  "reflects": true
6866
6844
  },
@@ -6871,6 +6849,7 @@
6871
6849
  "text": "boolean"
6872
6850
  },
6873
6851
  "default": "false",
6852
+ "description": "Sets the form fields and fieldset in an invalid state",
6874
6853
  "attribute": "invalid",
6875
6854
  "reflects": true
6876
6855
  },
@@ -6881,7 +6860,7 @@
6881
6860
  "text": "boolean"
6882
6861
  },
6883
6862
  "default": "false",
6884
- "description": "Ensures a child slider thumb has a value before allowing the containing form to submit.",
6863
+ "description": "Ensures a child slider thumb has a value before allowing the containing form to submit",
6885
6864
  "attribute": "required",
6886
6865
  "reflects": true
6887
6866
  },
@@ -6891,6 +6870,8 @@
6891
6870
  "type": {
6892
6871
  "text": "string"
6893
6872
  },
6873
+ "description": "The minimum allowed value in the range inputs",
6874
+ "default": "0",
6894
6875
  "attribute": "min",
6895
6876
  "reflects": true
6896
6877
  },
@@ -6900,6 +6881,8 @@
6900
6881
  "type": {
6901
6882
  "text": "string"
6902
6883
  },
6884
+ "description": "The maximum allowed value in the range inputs",
6885
+ "default": "100",
6903
6886
  "attribute": "max",
6904
6887
  "reflects": true
6905
6888
  },
@@ -6919,6 +6902,7 @@
6919
6902
  "type": {
6920
6903
  "text": "number"
6921
6904
  },
6905
+ "description": "ets step on the range input to jump between values when dragging",
6922
6906
  "attribute": "step",
6923
6907
  "reflects": true
6924
6908
  },
@@ -6928,7 +6912,7 @@
6928
6912
  "type": {
6929
6913
  "text": "string"
6930
6914
  },
6931
- "description": "Suffix used in text input fields and for the min and max values of the slider.",
6915
+ "description": "Suffix used in text input fields and for the min and max values of the slider",
6932
6916
  "attribute": "suffix",
6933
6917
  "reflects": true
6934
6918
  },
@@ -6939,6 +6923,7 @@
6939
6923
  "text": "boolean"
6940
6924
  },
6941
6925
  "default": "false",
6926
+ "description": "Should only be used in special cases",
6942
6927
  "attribute": "hidden-textfield",
6943
6928
  "reflects": true
6944
6929
  },
@@ -6948,7 +6933,7 @@
6948
6933
  "type": {
6949
6934
  "text": "(value: string, slot: SliderSlot) => string"
6950
6935
  },
6951
- "description": "Formatter for the tooltip and input mask values."
6936
+ "description": "Formatter for the tooltip and input mask values"
6952
6937
  },
6953
6938
  {
6954
6939
  "kind": "field",
@@ -6956,7 +6941,7 @@
6956
6941
  "type": {
6957
6942
  "text": "(value: string, slot: SliderSlot) => string"
6958
6943
  },
6959
- "description": "Replaces valueFormatter for the tooltip. Use in open-ended sliders to show for example \"300+ hk\" instead of \"Max\" in the tooltip."
6944
+ "description": "Overrides valueFormatter for the tooltip.\n\nUse in open-ended sliders to show for example \"300+ hk\" instead of \"Max\" in the tooltip."
6960
6945
  },
6961
6946
  {
6962
6947
  "kind": "field",
@@ -6966,45 +6951,6 @@
6966
6951
  },
6967
6952
  "description": "Formatter for the min and max labels below the range."
6968
6953
  },
6969
- {
6970
- "kind": "field",
6971
- "name": "fieldset",
6972
- "type": {
6973
- "text": "HTMLFieldSetElement"
6974
- }
6975
- },
6976
- {
6977
- "kind": "field",
6978
- "name": "_invalidMessage",
6979
- "type": {
6980
- "text": "string"
6981
- },
6982
- "default": "''"
6983
- },
6984
- {
6985
- "kind": "field",
6986
- "name": "_hasInternalError",
6987
- "type": {
6988
- "text": "boolean"
6989
- },
6990
- "default": "false"
6991
- },
6992
- {
6993
- "kind": "field",
6994
- "name": "_showError",
6995
- "type": {
6996
- "text": "boolean"
6997
- },
6998
- "default": "false"
6999
- },
7000
- {
7001
- "kind": "field",
7002
- "name": "_tabbableElements",
7003
- "type": {
7004
- "text": "Array<HTMLElement>"
7005
- },
7006
- "default": "[]"
7007
- },
7008
6954
  {
7009
6955
  "kind": "method",
7010
6956
  "name": "#syncSliderThumbs",
@@ -7015,16 +6961,6 @@
7015
6961
  }
7016
6962
  }
7017
6963
  },
7018
- {
7019
- "kind": "field",
7020
- "name": "edgeMin",
7021
- "readonly": true
7022
- },
7023
- {
7024
- "kind": "field",
7025
- "name": "edgeMax",
7026
- "readonly": true
7027
- },
7028
6964
  {
7029
6965
  "kind": "method",
7030
6966
  "name": "#onThumbReset",
@@ -7124,22 +7060,6 @@
7124
7060
  }
7125
7061
  ],
7126
7062
  "description": "We use CSS variables to fill the active track with a background color."
7127
- },
7128
- {
7129
- "kind": "field",
7130
- "name": "componentHasError",
7131
- "type": {
7132
- "text": "boolean"
7133
- },
7134
- "readonly": true
7135
- },
7136
- {
7137
- "kind": "field",
7138
- "name": "errorText",
7139
- "type": {
7140
- "text": "string"
7141
- },
7142
- "readonly": true
7143
7063
  }
7144
7064
  ],
7145
7065
  "attributes": [
@@ -7173,6 +7093,7 @@
7173
7093
  "type": {
7174
7094
  "text": "string"
7175
7095
  },
7096
+ "description": "Validation error text, if any",
7176
7097
  "fieldName": "error"
7177
7098
  },
7178
7099
  {
@@ -7180,6 +7101,7 @@
7180
7101
  "type": {
7181
7102
  "text": "string"
7182
7103
  },
7104
+ "description": "Additional description to show below the fieldset",
7183
7105
  "fieldName": "helpText"
7184
7106
  },
7185
7107
  {
@@ -7188,6 +7110,7 @@
7188
7110
  "text": "boolean"
7189
7111
  },
7190
7112
  "default": "false",
7113
+ "description": "Sets the form fields and fieldset in an invalid state",
7191
7114
  "fieldName": "invalid"
7192
7115
  },
7193
7116
  {
@@ -7196,7 +7119,7 @@
7196
7119
  "text": "boolean"
7197
7120
  },
7198
7121
  "default": "false",
7199
- "description": "Ensures a child slider thumb has a value before allowing the containing form to submit.",
7122
+ "description": "Ensures a child slider thumb has a value before allowing the containing form to submit",
7200
7123
  "fieldName": "required"
7201
7124
  },
7202
7125
  {
@@ -7204,6 +7127,8 @@
7204
7127
  "type": {
7205
7128
  "text": "string"
7206
7129
  },
7130
+ "description": "The minimum allowed value in the range inputs",
7131
+ "default": "0",
7207
7132
  "fieldName": "min"
7208
7133
  },
7209
7134
  {
@@ -7211,6 +7136,8 @@
7211
7136
  "type": {
7212
7137
  "text": "string"
7213
7138
  },
7139
+ "description": "The maximum allowed value in the range inputs",
7140
+ "default": "100",
7214
7141
  "fieldName": "max"
7215
7142
  },
7216
7143
  {
@@ -7226,6 +7153,7 @@
7226
7153
  "type": {
7227
7154
  "text": "number"
7228
7155
  },
7156
+ "description": "ets step on the range input to jump between values when dragging",
7229
7157
  "fieldName": "step"
7230
7158
  },
7231
7159
  {
@@ -7233,7 +7161,7 @@
7233
7161
  "type": {
7234
7162
  "text": "string"
7235
7163
  },
7236
- "description": "Suffix used in text input fields and for the min and max values of the slider.",
7164
+ "description": "Suffix used in text input fields and for the min and max values of the slider",
7237
7165
  "fieldName": "suffix"
7238
7166
  },
7239
7167
  {
@@ -7242,6 +7170,7 @@
7242
7170
  "text": "boolean"
7243
7171
  },
7244
7172
  "default": "false",
7173
+ "description": "Should only be used in special cases",
7245
7174
  "fieldName": "hiddenTextfield"
7246
7175
  }
7247
7176
  ],
@@ -7633,18 +7562,9 @@
7633
7562
  "declarations": [
7634
7563
  {
7635
7564
  "kind": "class",
7636
- "description": "Individual tab component used within w-tabs container.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)",
7565
+ "description": "Individual tab component used within w-tabs container.",
7637
7566
  "name": "WarpTab",
7638
7567
  "members": [
7639
- {
7640
- "kind": "field",
7641
- "name": "shadowRootOptions",
7642
- "type": {
7643
- "text": "object"
7644
- },
7645
- "static": true,
7646
- "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
7647
- },
7648
7568
  {
7649
7569
  "kind": "field",
7650
7570
  "name": "_internals",
@@ -7658,50 +7578,16 @@
7658
7578
  "name": "_handleClick",
7659
7579
  "privacy": "private"
7660
7580
  },
7661
- {
7662
- "kind": "field",
7663
- "name": "id",
7664
- "type": {
7665
- "text": "string"
7666
- },
7667
- "attribute": "id",
7668
- "reflects": true
7669
- },
7670
7581
  {
7671
7582
  "kind": "field",
7672
7583
  "name": "for",
7673
7584
  "type": {
7674
7585
  "text": "string"
7675
7586
  },
7587
+ "description": "The `id` of the `<w-tab-panel>` this tab controls.",
7676
7588
  "attribute": "for",
7677
7589
  "reflects": true
7678
7590
  },
7679
- {
7680
- "kind": "field",
7681
- "name": "_ariaControlsAttr",
7682
- "type": {
7683
- "text": "string | undefined"
7684
- },
7685
- "privacy": "private",
7686
- "attribute": "aria-controls"
7687
- },
7688
- {
7689
- "kind": "field",
7690
- "name": "tabIndex",
7691
- "type": {
7692
- "text": "number"
7693
- },
7694
- "description": "Override tabIndex setter to set _parentTabIndex (for backwards compatibility)."
7695
- },
7696
- {
7697
- "kind": "field",
7698
- "name": "_computedAriaSelected",
7699
- "type": {
7700
- "text": "'true' | 'false' | undefined"
7701
- },
7702
- "description": "Computed aria-selected: prefers parent-managed, falls back to own property",
7703
- "readonly": true
7704
- },
7705
7591
  {
7706
7592
  "kind": "field",
7707
7593
  "name": "_effectiveAriaControls",
@@ -7711,14 +7597,6 @@
7711
7597
  "privacy": "private",
7712
7598
  "readonly": true
7713
7599
  },
7714
- {
7715
- "kind": "field",
7716
- "name": "ariaSelected",
7717
- "type": {
7718
- "text": "'true' | 'false'"
7719
- },
7720
- "attribute": "aria-selected"
7721
- },
7722
7600
  {
7723
7601
  "kind": "field",
7724
7602
  "name": "_ownAriaSelected",
@@ -7727,17 +7605,6 @@
7727
7605
  },
7728
7606
  "privacy": "private"
7729
7607
  },
7730
- {
7731
- "kind": "field",
7732
- "name": "active",
7733
- "type": {
7734
- "text": "boolean"
7735
- },
7736
- "default": "false",
7737
- "deprecated": "Use `aria-selected=\"true\"` instead",
7738
- "attribute": "active",
7739
- "reflects": true
7740
- },
7741
7608
  {
7742
7609
  "kind": "field",
7743
7610
  "name": "over",
@@ -7745,6 +7612,7 @@
7745
7612
  "text": "boolean"
7746
7613
  },
7747
7614
  "default": "false",
7615
+ "description": "Whether to show the `icon` slot over the tab title instead of inline.",
7748
7616
  "attribute": "over",
7749
7617
  "reflects": true
7750
7618
  },
@@ -7767,49 +7635,21 @@
7767
7635
  }
7768
7636
  ],
7769
7637
  "attributes": [
7770
- {
7771
- "name": "id",
7772
- "type": {
7773
- "text": "string"
7774
- },
7775
- "fieldName": "id"
7776
- },
7777
7638
  {
7778
7639
  "name": "for",
7779
7640
  "type": {
7780
7641
  "text": "string"
7781
7642
  },
7643
+ "description": "The `id` of the `<w-tab-panel>` this tab controls.",
7782
7644
  "fieldName": "for"
7783
7645
  },
7784
- {
7785
- "name": "aria-controls",
7786
- "type": {
7787
- "text": "string | undefined"
7788
- },
7789
- "fieldName": "_ariaControlsAttr"
7790
- },
7791
- {
7792
- "name": "aria-selected",
7793
- "type": {
7794
- "text": "'true' | 'false'"
7795
- },
7796
- "fieldName": "ariaSelected"
7797
- },
7798
- {
7799
- "name": "active",
7800
- "type": {
7801
- "text": "boolean"
7802
- },
7803
- "default": "false",
7804
- "deprecated": "Use `aria-selected=\"true\"` instead",
7805
- "fieldName": "active"
7806
- },
7807
7646
  {
7808
7647
  "name": "over",
7809
7648
  "type": {
7810
7649
  "text": "boolean"
7811
7650
  },
7812
7651
  "default": "false",
7652
+ "description": "Whether to show the `icon` slot over the tab title instead of inline.",
7813
7653
  "fieldName": "over"
7814
7654
  }
7815
7655
  ],
@@ -7817,6 +7657,10 @@
7817
7657
  "name": "LitElement",
7818
7658
  "package": "lit"
7819
7659
  },
7660
+ "parent": {
7661
+ "name": "w-tabs",
7662
+ "description": ""
7663
+ },
7820
7664
  "tagName": "w-tab",
7821
7665
  "customElement": true,
7822
7666
  "modulePath": "packages/tab/tab.ts",
@@ -7848,7 +7692,7 @@
7848
7692
  "declarations": [
7849
7693
  {
7850
7694
  "kind": "class",
7851
- "description": "Tab panel component that holds content for individual tabs.\nEach tab panel should have a name that matches a corresponding tab.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)",
7695
+ "description": "Tab panel component that holds content for individual tabs.\nEach tab panel should have a name that matches a corresponding tab.",
7852
7696
  "name": "WarpTabPanel",
7853
7697
  "members": [
7854
7698
  {
@@ -7861,12 +7705,13 @@
7861
7705
  },
7862
7706
  {
7863
7707
  "kind": "field",
7864
- "name": "active",
7865
- "description": "Whether this panel is active (visible).\nSet by parent w-tabs via the _parentActive property.",
7708
+ "name": "id",
7866
7709
  "type": {
7867
- "text": "boolean"
7710
+ "text": "string"
7868
7711
  },
7869
- "attribute": "active"
7712
+ "description": "Required so `<w-tab>` has something to target.",
7713
+ "attribute": "id",
7714
+ "reflects": true
7870
7715
  },
7871
7716
  {
7872
7717
  "kind": "field",
@@ -7884,18 +7729,22 @@
7884
7729
  ],
7885
7730
  "attributes": [
7886
7731
  {
7887
- "name": "active",
7888
- "description": "Whether this panel is active (visible).\nSet by parent w-tabs via the _parentActive property.",
7732
+ "name": "id",
7889
7733
  "type": {
7890
- "text": "boolean"
7734
+ "text": "string"
7891
7735
  },
7892
- "fieldName": "active"
7736
+ "description": "Required so `<w-tab>` has something to target.",
7737
+ "fieldName": "id"
7893
7738
  }
7894
7739
  ],
7895
7740
  "superclass": {
7896
7741
  "name": "LitElement",
7897
7742
  "package": "lit"
7898
7743
  },
7744
+ "parent": {
7745
+ "name": "w-tabs",
7746
+ "description": ""
7747
+ },
7899
7748
  "tagName": "w-tab-panel",
7900
7749
  "customElement": true,
7901
7750
  "modulePath": "packages/tab-panel/tab-panel.ts",
@@ -7927,7 +7776,7 @@
7927
7776
  "declarations": [
7928
7777
  {
7929
7778
  "kind": "class",
7930
- "description": "Tabs are used to organize content by grouping similar information on the same page.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/tabs--docs)",
7779
+ "description": "Tabs are used to organize content by grouping similar information on the same page.",
7931
7780
  "name": "WarpTabs",
7932
7781
  "members": [
7933
7782
  {
@@ -7936,6 +7785,8 @@
7936
7785
  "type": {
7937
7786
  "text": "string"
7938
7787
  },
7788
+ "description": "The `id` of the panel that should be active.",
7789
+ "default": "\"\" (Shows the first tab)",
7939
7790
  "attribute": "active",
7940
7791
  "reflects": true
7941
7792
  },
@@ -7987,16 +7838,6 @@
7987
7838
  "name": "_assignSlots",
7988
7839
  "privacy": "private"
7989
7840
  },
7990
- {
7991
- "kind": "field",
7992
- "name": "tabs",
7993
- "readonly": true
7994
- },
7995
- {
7996
- "kind": "field",
7997
- "name": "activeTab",
7998
- "readonly": true
7999
- },
8000
7841
  {
8001
7842
  "kind": "method",
8002
7843
  "name": "_initializeActiveTab",
@@ -8044,8 +7885,9 @@
8044
7885
  {
8045
7886
  "name": "change",
8046
7887
  "type": {
8047
- "text": "CustomEvent"
8048
- }
7888
+ "text": "WarpTabsChangeEvent"
7889
+ },
7890
+ "description": "Includes `details.panelId` with the now active tab's ID"
8049
7891
  }
8050
7892
  ],
8051
7893
  "attributes": [
@@ -8054,6 +7896,8 @@
8054
7896
  "type": {
8055
7897
  "text": "string"
8056
7898
  },
7899
+ "description": "The `id` of the panel that should be active.",
7900
+ "default": "\"\" (Shows the first tab)",
8057
7901
  "fieldName": "active"
8058
7902
  }
8059
7903
  ],