@warp-ds/elements 2.10.0-next.4 → 2.10.0-next.5

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 (156) hide show
  1. package/dist/custom-elements.json +68 -14
  2. package/dist/docs/affix/affix.md +2 -0
  3. package/dist/docs/affix/styling.md +1 -0
  4. package/dist/docs/alert/alert.md +2 -0
  5. package/dist/docs/alert/styling.md +1 -0
  6. package/dist/docs/attention/attention.md +2 -0
  7. package/dist/docs/attention/styling.md +1 -0
  8. package/dist/docs/badge/badge.md +2 -0
  9. package/dist/docs/badge/styling.md +1 -0
  10. package/dist/docs/box/box.md +22 -38
  11. package/dist/docs/box/examples.md +20 -38
  12. package/dist/docs/box/styling.md +1 -0
  13. package/dist/docs/breadcrumbs/breadcrumbs.md +8 -0
  14. package/dist/docs/breadcrumbs/examples.md +7 -1
  15. package/dist/docs/breadcrumbs/styling.md +1 -0
  16. package/dist/docs/button/button.md +73 -0
  17. package/dist/docs/button/styling.md +72 -0
  18. package/dist/docs/card/card.md +2 -0
  19. package/dist/docs/card/styling.md +1 -0
  20. package/dist/docs/checkbox/api.md +128 -0
  21. package/dist/docs/checkbox/checkbox.md +134 -0
  22. package/dist/docs/checkbox-group/accessibility.md +71 -0
  23. package/dist/docs/checkbox-group/api.md +79 -0
  24. package/dist/docs/checkbox-group/checkbox-group.md +492 -0
  25. package/dist/docs/checkbox-group/examples.md +105 -0
  26. package/dist/docs/checkbox-group/styling.md +132 -0
  27. package/dist/docs/checkbox-group/usage.md +95 -0
  28. package/dist/docs/combobox/combobox.md +2 -0
  29. package/dist/docs/combobox/styling.md +1 -0
  30. package/dist/docs/datepicker/accessibility.md +25 -0
  31. package/dist/docs/datepicker/api.md +22 -14
  32. package/dist/docs/datepicker/datepicker.md +208 -14
  33. package/dist/docs/datepicker/examples.md +75 -0
  34. package/dist/docs/datepicker/styling.md +1 -0
  35. package/dist/docs/datepicker/usage.md +84 -0
  36. package/dist/docs/expandable/api.md +20 -32
  37. package/dist/docs/expandable/examples.md +54 -0
  38. package/dist/docs/expandable/expandable.md +74 -32
  39. package/dist/docs/expandable/styling.md +1 -0
  40. package/dist/docs/icon/icon.md +2 -0
  41. package/dist/docs/icon/styling.md +1 -0
  42. package/dist/docs/link/link.md +2 -0
  43. package/dist/docs/link/styling.md +1 -0
  44. package/dist/docs/modal/modal.md +2 -0
  45. package/dist/docs/modal/styling.md +1 -0
  46. package/dist/docs/modal-footer/modal-footer.md +0 -6
  47. package/dist/docs/modal-header/modal-header.md +0 -6
  48. package/dist/docs/page-indicator/page-indicator.md +2 -0
  49. package/dist/docs/page-indicator/styling.md +1 -0
  50. package/dist/docs/pagination/pagination.md +2 -0
  51. package/dist/docs/pagination/styling.md +1 -0
  52. package/dist/docs/pill/pill.md +2 -0
  53. package/dist/docs/pill/styling.md +1 -0
  54. package/dist/docs/radio/radio.md +0 -6
  55. package/dist/docs/select/select.md +2 -0
  56. package/dist/docs/select/styling.md +1 -0
  57. package/dist/docs/slider/slider.md +2 -0
  58. package/dist/docs/slider/styling.md +1 -0
  59. package/dist/docs/slider-thumb/slider-thumb.md +2 -0
  60. package/dist/docs/slider-thumb/styling.md +1 -0
  61. package/dist/docs/step-indicator/step-indicator.md +2 -0
  62. package/dist/docs/step-indicator/styling.md +1 -0
  63. package/dist/docs/switch/styling.md +1 -0
  64. package/dist/docs/switch/switch.md +2 -0
  65. package/dist/docs/tabs/styling.md +1 -0
  66. package/dist/docs/tabs/tabs.md +2 -0
  67. package/dist/docs/textarea/styling.md +1 -0
  68. package/dist/docs/textarea/textarea.md +2 -0
  69. package/dist/docs/textfield/styling.md +1 -0
  70. package/dist/docs/textfield/textfield.md +2 -0
  71. package/dist/index.d.ts +164 -128
  72. package/dist/packages/affix/affix.hydration.test.js +1 -1
  73. package/dist/packages/alert/alert.hydration.test.js +1 -1
  74. package/dist/packages/attention/attention.hydration.test.js +1 -1
  75. package/dist/packages/attention/attention.js +397 -446
  76. package/dist/packages/attention/attention.js.map +4 -4
  77. package/dist/packages/badge/badge.hydration.test.js +1 -1
  78. package/dist/packages/box/box.hydration.test.js +1 -1
  79. package/dist/packages/breadcrumbs/breadcrumbs.hydration.test.js +3 -2
  80. package/dist/packages/button/button.hydration.test.js +1 -1
  81. package/dist/packages/button/button.js +387 -436
  82. package/dist/packages/button/button.js.map +4 -4
  83. package/dist/packages/button/button.stories.d.ts +29 -0
  84. package/dist/packages/button/button.stories.js +176 -2
  85. package/dist/packages/button/styles.d.ts +22 -1
  86. package/dist/packages/button/styles.js +390 -1
  87. package/dist/packages/card/card.hydration.test.js +1 -1
  88. package/dist/packages/checkbox/checkbox.d.ts +5 -3
  89. package/dist/packages/checkbox/checkbox.hydration.test.js +1 -1
  90. package/dist/packages/checkbox/checkbox.js +2 -2
  91. package/dist/packages/checkbox/checkbox.js.map +3 -3
  92. package/dist/packages/checkbox/checkbox.react.stories.d.ts +1 -1
  93. package/dist/packages/checkbox/checkbox.stories.d.ts +2 -2
  94. package/dist/packages/checkbox/react.d.ts +2 -2
  95. package/dist/packages/checkbox-group/checkbox-group.d.ts +5 -3
  96. package/dist/packages/checkbox-group/checkbox-group.hydration.test.js +1 -1
  97. package/dist/packages/checkbox-group/checkbox-group.js +6 -6
  98. package/dist/packages/checkbox-group/checkbox-group.js.map +3 -3
  99. package/dist/packages/checkbox-group/react.d.ts +3 -3
  100. package/dist/packages/datepicker/datepicker.d.ts +22 -30
  101. package/dist/packages/datepicker/datepicker.hydration.test.js +1 -1
  102. package/dist/packages/datepicker/datepicker.js.map +2 -2
  103. package/dist/packages/expandable/expandable.d.ts +11 -32
  104. package/dist/packages/expandable/expandable.hydration.test.js +1 -1
  105. package/dist/packages/expandable/expandable.js.map +2 -2
  106. package/dist/packages/expandable/expandable.react.stories.d.ts +2 -2
  107. package/dist/packages/expandable/react.d.ts +1 -1
  108. package/dist/packages/icon/icon.hydration.test.js +1 -1
  109. package/dist/packages/link/link.hydration.test.js +1 -1
  110. package/dist/packages/link/link.js +420 -190
  111. package/dist/packages/link/link.js.map +4 -4
  112. package/dist/packages/link/styles.d.ts +5 -0
  113. package/dist/packages/link/styles.js +80 -0
  114. package/dist/packages/modal/modal.hydration.test.js +1 -1
  115. package/dist/packages/page-indicator/page-indicator.hydration.test.js +1 -1
  116. package/dist/packages/pagination/pagination.hydration.test.js +1 -1
  117. package/dist/packages/pill/pill.hydration.test.js +1 -1
  118. package/dist/packages/radio/radio.hydration.test.js +1 -1
  119. package/dist/packages/radio/radio.js.map +1 -1
  120. package/dist/packages/radio-group/radio-group.a11y.test.js +6 -2
  121. package/dist/packages/radio-group/radio-group.hydration.test.js +6 -2
  122. package/dist/packages/radio-group/radio-group.js +2 -2
  123. package/dist/packages/radio-group/radio-group.js.map +4 -4
  124. package/dist/packages/select/select.a11y.test.js +6 -2
  125. package/dist/packages/select/select.hydration.test.js +1 -1
  126. package/dist/packages/select/select.test.js +4 -2
  127. package/dist/packages/slider/slider.hydration.test.js +7 -2
  128. package/dist/packages/slider/slider.js.map +1 -1
  129. package/dist/packages/slider/slider.react.stories.js +2 -2
  130. package/dist/packages/slider-thumb/slider-thumb.hydration.test.js +1 -1
  131. package/dist/packages/step/step.hydration.test.js +1 -1
  132. package/dist/packages/step-indicator/step-indicator.hydration.test.js +1 -1
  133. package/dist/packages/switch/switch.hydration.test.js +1 -1
  134. package/dist/packages/tab/tab.hydration.test.js +1 -1
  135. package/dist/packages/tab-panel/tab-panel.hydration.test.js +1 -1
  136. package/dist/packages/tabs/tabs.a11y.test.js +1 -1
  137. package/dist/packages/tabs/tabs.hydration.test.js +1 -1
  138. package/dist/packages/tabs/tabs.test.js +3 -3
  139. package/dist/packages/textarea/textarea.hydration.test.js +1 -1
  140. package/dist/packages/textfield/textfield.hydration.test.js +1 -1
  141. package/dist/web-types.json +91 -28
  142. package/eik/index.js +115 -0
  143. package/package.json +7 -4
  144. package/dist/docs/modal-footer/accessibility.md +0 -1
  145. package/dist/docs/modal-footer/examples.md +0 -1
  146. package/dist/docs/modal-footer/usage.md +0 -1
  147. package/dist/docs/modal-header/accessibility.md +0 -1
  148. package/dist/docs/modal-header/examples.md +0 -1
  149. package/dist/docs/modal-header/usage.md +0 -1
  150. package/dist/docs/radio/accessibility.md +0 -1
  151. package/dist/docs/radio/examples.md +0 -1
  152. package/dist/docs/radio/usage.md +0 -1
  153. package/dist/packages/button/styles/w-button.styles.d.ts +0 -1
  154. package/dist/packages/button/styles/w-button.styles.js +0 -282
  155. package/dist/packages/link/styles/w-link.styles.d.ts +0 -1
  156. package/dist/packages/link/styles/w-link.styles.js +0 -213
@@ -5,69 +5,48 @@ import '../utils/unstyled-heading';
5
5
  /**
6
6
  * Expandable is a layout component used for creating expandable content areas on a page.
7
7
  *
8
- * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/layout-expandable--docs)
9
- *
10
8
  * @slot title - Alternative to the `title` attribute should you need to provide some additional markup.
11
9
  */
12
10
  declare class WarpExpandable extends LitElement {
13
11
  #private;
14
12
  /**
15
- * @summary
16
- * @description
13
+ * Controls component's expanded state
17
14
  */
18
15
  expanded: boolean;
19
16
  /**
20
- * @summary
21
- * @description
17
+ * Component title. Used to display the title value which is always present regardless of whether the component is open or closed.
22
18
  */
23
19
  title: string;
24
20
  /**
25
- * @summary
26
- * @description
21
+ * Will make the expandable a Box
27
22
  */
28
23
  box: boolean;
29
24
  /**
30
- * @summary
31
- * @description
25
+ * Will make the expandable full-width on the sm breakpoint size
32
26
  */
33
27
  bleed: boolean;
34
28
  /**
35
- * @summary
36
- * @description
29
+ * @deprecated Probably does not work the way you expect. The class must exist inside the shadow DOM of the component.
37
30
  */
38
31
  buttonClass: string;
39
32
  /**
40
- * @summary
41
- * @description
33
+ * @deprecated Probably does not work the way you expect. The class must exist inside the shadow DOM of the component.
42
34
  */
43
35
  contentClass: string;
44
36
  /**
45
- * @summary
46
- * @description
37
+ * Controls chevron visibility
47
38
  */
48
39
  noChevron: boolean;
49
40
  /**
50
- * @summary
51
- * @description
41
+ * Will animate the expansion/collapse
52
42
  */
53
43
  animated: boolean;
54
44
  /**
55
- * @summary
56
- * @description
45
+ * Wrap the toggle button in a heading element with the specified level. If headingLevel is not specified, the button will not be wrapped by a heading element.
57
46
  */
58
47
  headingLevel: number;
59
- /**
60
- * @summary
61
- * @description
62
- */
63
- /** @internal */
64
- _hasTitle: boolean;
65
- /**
66
- * @summary
67
- * @description
68
- */
69
- /** @internal */
70
- _showChevronUp: boolean;
48
+ private _hasTitle;
49
+ private _showChevronUp;
71
50
  static styles: import("lit").CSSResult[];
72
51
  updated(changedProperties: PropertyValues<this>): void;
73
52
  firstUpdated(): void;
@@ -1,4 +1,4 @@
1
- import { describe, expect, test, beforeEach, afterEach } from 'vitest';
1
+ import { afterEach, beforeEach, describe, expect, test } from 'vitest';
2
2
  import { setupHydrationWarningCapture, testHydration } from '../../tests/react-hydration';
3
3
  import './expandable.js';
4
4
  describe('w-expandable React SSR hydration', () => {