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

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 (158) hide show
  1. package/README.md +4 -0
  2. package/dist/custom-elements.json +68 -14
  3. package/dist/docs/affix/affix.md +2 -2
  4. package/dist/docs/affix/styling.md +1 -0
  5. package/dist/docs/alert/alert.md +2 -2
  6. package/dist/docs/alert/styling.md +1 -0
  7. package/dist/docs/attention/attention.md +2 -0
  8. package/dist/docs/attention/styling.md +1 -0
  9. package/dist/docs/badge/badge.md +2 -0
  10. package/dist/docs/badge/styling.md +1 -0
  11. package/dist/docs/box/box.md +22 -40
  12. package/dist/docs/box/examples.md +20 -38
  13. package/dist/docs/box/styling.md +1 -0
  14. package/dist/docs/breadcrumbs/breadcrumbs.md +8 -2
  15. package/dist/docs/breadcrumbs/examples.md +7 -1
  16. package/dist/docs/breadcrumbs/styling.md +1 -0
  17. package/dist/docs/button/button.md +73 -2
  18. package/dist/docs/button/styling.md +72 -0
  19. package/dist/docs/card/card.md +2 -2
  20. package/dist/docs/card/styling.md +1 -0
  21. package/dist/docs/checkbox/api.md +128 -0
  22. package/dist/docs/checkbox/checkbox.md +134 -0
  23. package/dist/docs/checkbox-group/accessibility.md +71 -0
  24. package/dist/docs/checkbox-group/api.md +79 -0
  25. package/dist/docs/checkbox-group/checkbox-group.md +492 -0
  26. package/dist/docs/checkbox-group/examples.md +105 -0
  27. package/dist/docs/checkbox-group/styling.md +132 -0
  28. package/dist/docs/checkbox-group/usage.md +95 -0
  29. package/dist/docs/combobox/combobox.md +2 -2
  30. package/dist/docs/combobox/styling.md +1 -0
  31. package/dist/docs/datepicker/accessibility.md +25 -0
  32. package/dist/docs/datepicker/api.md +22 -14
  33. package/dist/docs/datepicker/datepicker.md +208 -16
  34. package/dist/docs/datepicker/examples.md +75 -0
  35. package/dist/docs/datepicker/styling.md +1 -0
  36. package/dist/docs/datepicker/usage.md +84 -0
  37. package/dist/docs/expandable/api.md +20 -32
  38. package/dist/docs/expandable/examples.md +54 -0
  39. package/dist/docs/expandable/expandable.md +74 -32
  40. package/dist/docs/expandable/styling.md +1 -0
  41. package/dist/docs/icon/icon.md +3 -1
  42. package/dist/docs/icon/styling.md +1 -0
  43. package/dist/docs/index.md +46 -0
  44. package/dist/docs/link/link.md +2 -2
  45. package/dist/docs/link/styling.md +1 -0
  46. package/dist/docs/modal/modal.md +2 -0
  47. package/dist/docs/modal/styling.md +1 -0
  48. package/dist/docs/modal-footer/modal-footer.md +0 -6
  49. package/dist/docs/modal-header/modal-header.md +0 -6
  50. package/dist/docs/page-indicator/page-indicator.md +2 -0
  51. package/dist/docs/page-indicator/styling.md +1 -0
  52. package/dist/docs/pagination/pagination.md +2 -0
  53. package/dist/docs/pagination/styling.md +1 -0
  54. package/dist/docs/pill/pill.md +2 -0
  55. package/dist/docs/pill/styling.md +1 -0
  56. package/dist/docs/radio/radio.md +1 -7
  57. package/dist/docs/select/select.md +2 -0
  58. package/dist/docs/select/styling.md +1 -0
  59. package/dist/docs/slider/slider.md +2 -0
  60. package/dist/docs/slider/styling.md +1 -0
  61. package/dist/docs/slider-thumb/slider-thumb.md +2 -0
  62. package/dist/docs/slider-thumb/styling.md +1 -0
  63. package/dist/docs/step-indicator/step-indicator.md +2 -0
  64. package/dist/docs/step-indicator/styling.md +1 -0
  65. package/dist/docs/switch/styling.md +1 -0
  66. package/dist/docs/switch/switch.md +2 -0
  67. package/dist/docs/tabs/styling.md +1 -0
  68. package/dist/docs/tabs/tabs.md +2 -0
  69. package/dist/docs/textarea/styling.md +1 -0
  70. package/dist/docs/textarea/textarea.md +2 -0
  71. package/dist/docs/textfield/styling.md +1 -0
  72. package/dist/docs/textfield/textfield.md +2 -0
  73. package/dist/index.d.ts +164 -128
  74. package/dist/packages/affix/affix.hydration.test.js +1 -1
  75. package/dist/packages/alert/alert.hydration.test.js +1 -1
  76. package/dist/packages/attention/attention.hydration.test.js +1 -1
  77. package/dist/packages/attention/attention.js +397 -446
  78. package/dist/packages/attention/attention.js.map +4 -4
  79. package/dist/packages/badge/badge.hydration.test.js +1 -1
  80. package/dist/packages/box/box.hydration.test.js +1 -1
  81. package/dist/packages/breadcrumbs/breadcrumbs.hydration.test.js +3 -2
  82. package/dist/packages/button/button.hydration.test.js +1 -1
  83. package/dist/packages/button/button.js +387 -436
  84. package/dist/packages/button/button.js.map +4 -4
  85. package/dist/packages/button/button.stories.d.ts +29 -0
  86. package/dist/packages/button/button.stories.js +176 -2
  87. package/dist/packages/button/styles.d.ts +22 -1
  88. package/dist/packages/button/styles.js +390 -1
  89. package/dist/packages/card/card.hydration.test.js +1 -1
  90. package/dist/packages/checkbox/checkbox.d.ts +5 -3
  91. package/dist/packages/checkbox/checkbox.hydration.test.js +1 -1
  92. package/dist/packages/checkbox/checkbox.js +2 -2
  93. package/dist/packages/checkbox/checkbox.js.map +3 -3
  94. package/dist/packages/checkbox/checkbox.react.stories.d.ts +1 -1
  95. package/dist/packages/checkbox/checkbox.stories.d.ts +2 -2
  96. package/dist/packages/checkbox/react.d.ts +2 -2
  97. package/dist/packages/checkbox-group/checkbox-group.d.ts +5 -3
  98. package/dist/packages/checkbox-group/checkbox-group.hydration.test.js +1 -1
  99. package/dist/packages/checkbox-group/checkbox-group.js +6 -6
  100. package/dist/packages/checkbox-group/checkbox-group.js.map +3 -3
  101. package/dist/packages/checkbox-group/react.d.ts +3 -3
  102. package/dist/packages/datepicker/datepicker.d.ts +22 -30
  103. package/dist/packages/datepicker/datepicker.hydration.test.js +1 -1
  104. package/dist/packages/datepicker/datepicker.js.map +2 -2
  105. package/dist/packages/expandable/expandable.d.ts +11 -32
  106. package/dist/packages/expandable/expandable.hydration.test.js +1 -1
  107. package/dist/packages/expandable/expandable.js.map +2 -2
  108. package/dist/packages/expandable/expandable.react.stories.d.ts +2 -2
  109. package/dist/packages/expandable/react.d.ts +1 -1
  110. package/dist/packages/icon/icon.hydration.test.js +1 -1
  111. package/dist/packages/link/link.hydration.test.js +1 -1
  112. package/dist/packages/link/link.js +420 -190
  113. package/dist/packages/link/link.js.map +4 -4
  114. package/dist/packages/link/styles.d.ts +5 -0
  115. package/dist/packages/link/styles.js +80 -0
  116. package/dist/packages/modal/modal.hydration.test.js +1 -1
  117. package/dist/packages/page-indicator/page-indicator.hydration.test.js +1 -1
  118. package/dist/packages/pagination/pagination.hydration.test.js +1 -1
  119. package/dist/packages/pill/pill.hydration.test.js +1 -1
  120. package/dist/packages/radio/radio.hydration.test.js +1 -1
  121. package/dist/packages/radio/radio.js.map +1 -1
  122. package/dist/packages/radio-group/radio-group.a11y.test.js +6 -2
  123. package/dist/packages/radio-group/radio-group.hydration.test.js +6 -2
  124. package/dist/packages/radio-group/radio-group.js +2 -2
  125. package/dist/packages/radio-group/radio-group.js.map +4 -4
  126. package/dist/packages/select/select.a11y.test.js +6 -2
  127. package/dist/packages/select/select.hydration.test.js +1 -1
  128. package/dist/packages/select/select.test.js +4 -2
  129. package/dist/packages/slider/slider.hydration.test.js +7 -2
  130. package/dist/packages/slider/slider.js.map +1 -1
  131. package/dist/packages/slider/slider.react.stories.js +2 -2
  132. package/dist/packages/slider-thumb/slider-thumb.hydration.test.js +1 -1
  133. package/dist/packages/step/step.hydration.test.js +1 -1
  134. package/dist/packages/step-indicator/step-indicator.hydration.test.js +1 -1
  135. package/dist/packages/switch/switch.hydration.test.js +1 -1
  136. package/dist/packages/tab/tab.hydration.test.js +1 -1
  137. package/dist/packages/tab-panel/tab-panel.hydration.test.js +1 -1
  138. package/dist/packages/tabs/tabs.a11y.test.js +1 -1
  139. package/dist/packages/tabs/tabs.hydration.test.js +1 -1
  140. package/dist/packages/tabs/tabs.test.js +3 -3
  141. package/dist/packages/textarea/textarea.hydration.test.js +1 -1
  142. package/dist/packages/textfield/textfield.hydration.test.js +1 -1
  143. package/dist/web-types.json +91 -28
  144. package/eik/index.js +115 -0
  145. package/package.json +7 -7
  146. package/dist/docs/modal-footer/accessibility.md +0 -1
  147. package/dist/docs/modal-footer/examples.md +0 -1
  148. package/dist/docs/modal-footer/usage.md +0 -1
  149. package/dist/docs/modal-header/accessibility.md +0 -1
  150. package/dist/docs/modal-header/examples.md +0 -1
  151. package/dist/docs/modal-header/usage.md +0 -1
  152. package/dist/docs/radio/accessibility.md +0 -1
  153. package/dist/docs/radio/examples.md +0 -1
  154. package/dist/docs/radio/usage.md +0 -1
  155. package/dist/packages/button/styles/w-button.styles.d.ts +0 -1
  156. package/dist/packages/button/styles/w-button.styles.js +0 -282
  157. package/dist/packages/link/styles/w-link.styles.d.ts +0 -1
  158. package/dist/packages/link/styles/w-link.styles.js +0 -213
package/dist/packages/datepicker/datepicker.d.ts CHANGED
@@ -21,47 +21,45 @@ declare class WarpDatepicker extends WarpDatepicker_base {
21
21
  };
22
22
  static styles: import("lit").CSSResult[];
23
23
  /**
24
- * @summary
25
- * @description
24
+ * The label displayed above the date input.
25
+ *
26
+ * Use this to give the datepicker a visible and accessible name.
26
27
  */
27
28
  label: string;
28
- /** Takes precedence over the `<html>` lang attribute.
29
- * @summary
30
- * @description
29
+ /**
30
+ * The locale used for calendar labels and date formatting.
31
+ *
32
+ * This takes precedence over the `<html>` `lang` attribute. Supported built-in locales are `en`, `nb`, `sv`, `da`, and `fi`.
31
33
  */
32
34
  lang: string;
33
35
  /**
34
- * @summary
35
- * @description
36
+ * The name submitted with the date value.
37
+ *
38
+ * Use this when the datepicker belongs to a form and its value should be included in form data.
36
39
  */
37
40
  name: string;
38
41
  /**
39
- * @summary
40
- * @description
42
+ * The selected date value.
43
+ *
44
+ * Use an ISO date string in `YYYY-MM-DD` format. The value is submitted with the form and is reset to its initial value when the form resets.
41
45
  */
42
46
  value: string;
43
47
  /**
44
- * Decides the format of the date as shown in the calendar header.
48
+ * The date format used in the calendar header.
45
49
  *
46
50
  * The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).
47
-
48
- * @summary
49
- * @description
50
- */
51
+ */
51
52
  headerFormat: string;
52
53
  /**
53
- * Decides the format of the weekday as shown above the grid of dates in the calendar.
54
+ * The weekday format shown above the calendar grid.
54
55
  *
55
56
  * The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).
56
-
57
- * @summary
58
- * @description
59
- */
57
+ */
60
58
  weekdayFormat: string;
61
59
  /**
62
- * Lets you control if a date in the calendar should be disabled.
60
+ * Function used to disable dates in the calendar.
63
61
  *
64
- * This needs to be set on the element instance in JavaScript, not as an HTML attribute.
62
+ * Set this on the element instance in JavaScript, not as an HTML attribute. Disabled dates cannot be selected from the calendar.
65
63
  *
66
64
  * @example
67
65
  * ```ts
@@ -72,19 +70,13 @@ declare class WarpDatepicker extends WarpDatepicker_base {
72
70
  * const datePicker = document.querySelector('w-datepicker') as WarpDatepicker;
73
71
  * datePicker.isDayDisabled = (day: Date) => isBefore(startOfDay(day), today);
74
72
  * ```
75
-
76
- * @summary
77
- * @description
78
- */
73
+ */
79
74
  isDayDisabled: (day: Date) => boolean;
80
75
  /**
81
- * Decides the format of the day in the calendar as read to screen readers.
76
+ * The date format used for calendar day accessible names.
82
77
  *
83
78
  * The syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).
84
-
85
- * @summary
86
- * @description
87
- */
79
+ */
88
80
  dayFormat: string;
89
81
  isCalendarOpen: boolean;
90
82
  navigationDate: Date;
package/dist/packages/datepicker/datepicker.hydration.test.js CHANGED
@@ -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 './datepicker.js';
4
4
  describe('w-datepicker React SSR hydration', () => {