@pine-ds/core 3.5.2 → 3.6.0

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 (175) hide show
  1. package/components/mock-pds-modal.js +9 -4
  2. package/components/mock-pds-modal.js.map +1 -1
  3. package/components/pds-box2.js +132 -2
  4. package/components/pds-box2.js.map +1 -1
  5. package/components/pds-button2.js +51 -2
  6. package/components/pds-button2.js.map +1 -1
  7. package/components/pds-modal-content.js +128 -11
  8. package/components/pds-modal-content.js.map +1 -1
  9. package/components/pds-modal.js +13 -3
  10. package/components/pds-modal.js.map +1 -1
  11. package/components/pds-textarea.js +111 -7
  12. package/components/pds-textarea.js.map +1 -1
  13. package/components/pds-toast.js +3 -3
  14. package/components/pds-tooltip.js +2 -2
  15. package/dist/cjs/loader.cjs.js +1 -1
  16. package/dist/cjs/mock-pds-modal.cjs.entry.js +8 -4
  17. package/dist/cjs/mock-pds-modal.cjs.entry.js.map +1 -1
  18. package/dist/cjs/mock-pds-modal.entry.cjs.js.map +1 -1
  19. package/dist/cjs/pds-box.cjs.entry.js +67 -2
  20. package/dist/cjs/pds-box.cjs.entry.js.map +1 -1
  21. package/dist/cjs/pds-box.entry.cjs.js.map +1 -1
  22. package/dist/cjs/pds-button.cjs.entry.js +50 -1
  23. package/dist/cjs/pds-button.cjs.entry.js.map +1 -1
  24. package/dist/cjs/pds-button.entry.cjs.js.map +1 -1
  25. package/dist/cjs/pds-modal-content.cjs.entry.js +128 -11
  26. package/dist/cjs/pds-modal-content.cjs.entry.js.map +1 -1
  27. package/dist/cjs/pds-modal-content.entry.cjs.js.map +1 -1
  28. package/dist/cjs/pds-modal.cjs.entry.js +12 -3
  29. package/dist/cjs/pds-modal.cjs.entry.js.map +1 -1
  30. package/dist/cjs/pds-modal.entry.cjs.js.map +1 -1
  31. package/dist/cjs/pds-textarea.cjs.entry.js +108 -6
  32. package/dist/cjs/pds-textarea.cjs.entry.js.map +1 -1
  33. package/dist/cjs/pds-textarea.entry.cjs.js.map +1 -1
  34. package/dist/cjs/pds-toast.cjs.entry.js +3 -3
  35. package/dist/cjs/pds-tooltip.cjs.entry.js +2 -2
  36. package/dist/cjs/pine-core.cjs.js +1 -1
  37. package/dist/collection/components/pds-box/pds-box.css +1325 -0
  38. package/dist/collection/components/pds-box/pds-box.js +1913 -148
  39. package/dist/collection/components/pds-box/pds-box.js.map +1 -1
  40. package/dist/collection/components/pds-button/pds-button.js +59 -1
  41. package/dist/collection/components/pds-button/pds-button.js.map +1 -1
  42. package/dist/collection/components/pds-modal/pds-modal-content/pds-modal-content.css +4 -6
  43. package/dist/collection/components/pds-modal/pds-modal-content/pds-modal-content.js +128 -11
  44. package/dist/collection/components/pds-modal/pds-modal-content/pds-modal-content.js.map +1 -1
  45. package/dist/collection/components/pds-modal/pds-modal.css +42 -1
  46. package/dist/collection/components/pds-modal/pds-modal.js +34 -2
  47. package/dist/collection/components/pds-modal/pds-modal.js.map +1 -1
  48. package/dist/collection/components/pds-modal/stories/pds-modal.stories.js +245 -0
  49. package/dist/collection/components/pds-modal/test/mock-pds-modal.js +30 -3
  50. package/dist/collection/components/pds-modal/test/mock-pds-modal.js.map +1 -1
  51. package/dist/collection/components/pds-textarea/pds-textarea.css +51 -11
  52. package/dist/collection/components/pds-textarea/pds-textarea.js +127 -4
  53. package/dist/collection/components/pds-textarea/pds-textarea.js.map +1 -1
  54. package/dist/collection/components/pds-textarea/stories/pds-textarea.stories.js +13 -0
  55. package/dist/collection/components/pds-toast/pds-toast.js +3 -3
  56. package/dist/collection/components/pds-tooltip/pds-tooltip.js +2 -2
  57. package/dist/docs.json +3988 -380
  58. package/dist/esm/loader.js +1 -1
  59. package/dist/esm/mock-pds-modal.entry.js +8 -4
  60. package/dist/esm/mock-pds-modal.entry.js.map +1 -1
  61. package/dist/esm/pds-box.entry.js +67 -2
  62. package/dist/esm/pds-box.entry.js.map +1 -1
  63. package/dist/esm/pds-button.entry.js +50 -1
  64. package/dist/esm/pds-button.entry.js.map +1 -1
  65. package/dist/esm/pds-modal-content.entry.js +128 -11
  66. package/dist/esm/pds-modal-content.entry.js.map +1 -1
  67. package/dist/esm/pds-modal.entry.js +12 -3
  68. package/dist/esm/pds-modal.entry.js.map +1 -1
  69. package/dist/esm/pds-textarea.entry.js +108 -6
  70. package/dist/esm/pds-textarea.entry.js.map +1 -1
  71. package/dist/esm/pds-toast.entry.js +3 -3
  72. package/dist/esm/pds-tooltip.entry.js +2 -2
  73. package/dist/esm/pine-core.js +1 -1
  74. package/dist/esm-es5/loader.js +1 -1
  75. package/dist/esm-es5/mock-pds-modal.entry.js +1 -1
  76. package/dist/esm-es5/mock-pds-modal.entry.js.map +1 -1
  77. package/dist/esm-es5/pds-box.entry.js +1 -1
  78. package/dist/esm-es5/pds-box.entry.js.map +1 -1
  79. package/dist/esm-es5/pds-button.entry.js +1 -1
  80. package/dist/esm-es5/pds-button.entry.js.map +1 -1
  81. package/dist/esm-es5/pds-modal-content.entry.js +1 -1
  82. package/dist/esm-es5/pds-modal-content.entry.js.map +1 -1
  83. package/dist/esm-es5/pds-modal.entry.js +1 -1
  84. package/dist/esm-es5/pds-modal.entry.js.map +1 -1
  85. package/dist/esm-es5/pds-textarea.entry.js +1 -1
  86. package/dist/esm-es5/pds-textarea.entry.js.map +1 -1
  87. package/dist/esm-es5/pds-toast.entry.js +1 -1
  88. package/dist/esm-es5/pds-tooltip.entry.js +1 -1
  89. package/dist/esm-es5/pine-core.js +1 -1
  90. package/dist/pine-core/mock-pds-modal.entry.esm.js.map +1 -1
  91. package/dist/pine-core/p-318fd0cf.entry.js +2 -0
  92. package/dist/pine-core/p-318fd0cf.entry.js.map +1 -0
  93. package/dist/pine-core/{p-c4d6fe50.system.entry.js → p-346561a6.system.entry.js} +2 -2
  94. package/dist/pine-core/p-346561a6.system.entry.js.map +1 -0
  95. package/dist/pine-core/p-3gYSFJIn.system.js.map +1 -0
  96. package/dist/pine-core/{p-IG5YumI3.system.js.map → p-3pEJO0vO.system.js.map} +1 -1
  97. package/dist/pine-core/p-41d1b164.entry.js +2 -0
  98. package/dist/pine-core/p-41d1b164.entry.js.map +1 -0
  99. package/dist/pine-core/{p-02326ac3.entry.js → p-4c81420c.entry.js} +2 -2
  100. package/dist/pine-core/p-52cb152b.system.entry.js +2 -0
  101. package/dist/pine-core/p-52cb152b.system.entry.js.map +1 -0
  102. package/dist/pine-core/p-540cfd70.entry.js +2 -0
  103. package/dist/pine-core/p-540cfd70.entry.js.map +1 -0
  104. package/dist/pine-core/{p-11d4036e.entry.js → p-5f5b19f4.entry.js} +2 -2
  105. package/dist/pine-core/p-6d4d4705.system.entry.js +2 -0
  106. package/dist/pine-core/p-6d4d4705.system.entry.js.map +1 -0
  107. package/dist/pine-core/{p-68b5665a.entry.js → p-84949a12.entry.js} +2 -2
  108. package/dist/pine-core/p-84949a12.entry.js.map +1 -0
  109. package/dist/pine-core/{p-7a95a90f.system.entry.js → p-8726c99d.system.entry.js} +2 -2
  110. package/dist/pine-core/{p-2kXtbFXu.system.js.map → p-BZoPY2dP.system.js.map} +1 -1
  111. package/dist/pine-core/p-C0zqu7Gr.system.js.map +1 -0
  112. package/dist/pine-core/p-CHJgq_z7.system.js.map +1 -0
  113. package/dist/pine-core/p-Co5XZmTN.system.js.map +1 -0
  114. package/dist/pine-core/p-Czoq9yJM.system.js.map +1 -0
  115. package/dist/pine-core/p-De9tROL-.system.js +1 -1
  116. package/dist/pine-core/p-WkrM7Vv0.system.js.map +1 -0
  117. package/dist/pine-core/p-a9895385.system.entry.js +2 -0
  118. package/dist/pine-core/p-a9895385.system.entry.js.map +1 -0
  119. package/dist/pine-core/p-c0df3222.entry.js +2 -0
  120. package/dist/pine-core/p-c0df3222.entry.js.map +1 -0
  121. package/dist/pine-core/{p-884b9ae6.system.entry.js → p-d8d8fe07.system.entry.js} +2 -2
  122. package/dist/pine-core/p-dc19ce6c.system.entry.js +2 -0
  123. package/dist/pine-core/p-dc19ce6c.system.entry.js.map +1 -0
  124. package/dist/pine-core/p-e08f492a.entry.js +2 -0
  125. package/dist/pine-core/p-e08f492a.entry.js.map +1 -0
  126. package/dist/pine-core/p-fcb39155.system.entry.js +2 -0
  127. package/dist/pine-core/p-fcb39155.system.entry.js.map +1 -0
  128. package/dist/pine-core/pds-box.entry.esm.js.map +1 -1
  129. package/dist/pine-core/pds-button.entry.esm.js.map +1 -1
  130. package/dist/pine-core/pds-modal-content.entry.esm.js.map +1 -1
  131. package/dist/pine-core/pds-modal.entry.esm.js.map +1 -1
  132. package/dist/pine-core/pds-textarea.entry.esm.js.map +1 -1
  133. package/dist/pine-core/pine-core.esm.js +1 -1
  134. package/dist/types/components/pds-box/pds-box.d.ts +315 -0
  135. package/dist/types/components/pds-button/pds-button.d.ts +4 -0
  136. package/dist/types/components/pds-modal/pds-modal-content/pds-modal-content.d.ts +18 -1
  137. package/dist/types/components/pds-modal/pds-modal.d.ts +5 -0
  138. package/dist/types/components/pds-modal/test/mock-pds-modal.d.ts +5 -0
  139. package/dist/types/components/pds-textarea/pds-textarea.d.ts +20 -0
  140. package/dist/types/components.d.ts +660 -2
  141. package/hydrate/index.js +448 -34
  142. package/hydrate/index.mjs +448 -34
  143. package/package.json +2 -2
  144. package/dist/pine-core/p-007b61e9.system.entry.js +0 -2
  145. package/dist/pine-core/p-007b61e9.system.entry.js.map +0 -1
  146. package/dist/pine-core/p-0485aa93.system.entry.js +0 -2
  147. package/dist/pine-core/p-0485aa93.system.entry.js.map +0 -1
  148. package/dist/pine-core/p-2186e5d4.system.entry.js +0 -2
  149. package/dist/pine-core/p-2186e5d4.system.entry.js.map +0 -1
  150. package/dist/pine-core/p-54061a33.entry.js +0 -2
  151. package/dist/pine-core/p-54061a33.entry.js.map +0 -1
  152. package/dist/pine-core/p-68b5665a.entry.js.map +0 -1
  153. package/dist/pine-core/p-96a89cd5.system.entry.js +0 -2
  154. package/dist/pine-core/p-96a89cd5.system.entry.js.map +0 -1
  155. package/dist/pine-core/p-Bv5PJxD8.system.js.map +0 -1
  156. package/dist/pine-core/p-CD_nPb2F.system.js.map +0 -1
  157. package/dist/pine-core/p-DJekRkSL.system.js.map +0 -1
  158. package/dist/pine-core/p-DNYl_6t_.system.js.map +0 -1
  159. package/dist/pine-core/p-Dt10r3RZ.system.js.map +0 -1
  160. package/dist/pine-core/p-IIl2cTlj.system.js.map +0 -1
  161. package/dist/pine-core/p-a24c46e4.entry.js +0 -2
  162. package/dist/pine-core/p-a24c46e4.entry.js.map +0 -1
  163. package/dist/pine-core/p-c4d6fe50.system.entry.js.map +0 -1
  164. package/dist/pine-core/p-c6badcf8.entry.js +0 -2
  165. package/dist/pine-core/p-c6badcf8.entry.js.map +0 -1
  166. package/dist/pine-core/p-d714f68f.system.entry.js +0 -2
  167. package/dist/pine-core/p-d714f68f.system.entry.js.map +0 -1
  168. package/dist/pine-core/p-e5ca5b8e.entry.js +0 -2
  169. package/dist/pine-core/p-e5ca5b8e.entry.js.map +0 -1
  170. package/dist/pine-core/p-fb4058e6.entry.js +0 -2
  171. package/dist/pine-core/p-fb4058e6.entry.js.map +0 -1
  172. /package/dist/pine-core/{p-02326ac3.entry.js.map → p-4c81420c.entry.js.map} +0 -0
  173. /package/dist/pine-core/{p-11d4036e.entry.js.map → p-5f5b19f4.entry.js.map} +0 -0
  174. /package/dist/pine-core/{p-7a95a90f.system.entry.js.map → p-8726c99d.system.entry.js.map} +0 -0
  175. /package/dist/pine-core/{p-884b9ae6.system.entry.js.map → p-d8d8fe07.system.entry.js.map} +0 -0
@@ -23,6 +23,11 @@ export declare class PdsModal {
23
23
  * @default 'md'
24
24
  */
25
25
  size: 'sm' | 'md' | 'lg' | 'fullscreen';
26
+ /**
27
+ * Whether the modal content should be scrollable
28
+ * @default true
29
+ */
30
+ scrollable: boolean;
26
31
  /**
27
32
  * Emitted when the modal is opened
28
33
  */
@@ -20,6 +20,11 @@ export declare class MockPdsModal {
20
20
  * The size of the modal
21
21
  */
22
22
  size: 'sm' | 'md' | 'lg' | 'fullscreen';
23
+ /**
24
+ * Whether the modal content should be scrollable
25
+ * @default true
26
+ */
27
+ scrollable: boolean;
23
28
  /**
24
29
  * Whether the modal can be dismissed by clicking the backdrop
25
30
  */
@@ -9,6 +9,8 @@ export declare class PdsTextarea {
9
9
  private inheritedAttributes;
10
10
  private originalPdsInput?;
11
11
  private internals?;
12
+ private resizeObserver?;
13
+ private characterCounter?;
12
14
  el: HTMLPdsTextareaElement;
13
15
  /**
14
16
  * Emitted when the input loses focus.
@@ -99,6 +101,10 @@ export declare class PdsTextarea {
99
101
  * Sets number of rows of text visible without needing to scroll in the textarea.
100
102
  */
101
103
  rows?: number;
104
+ /**
105
+ * Specifies the maximum number of characters allowed in the textarea. When set, displays a character counter.
106
+ */
107
+ maxLength?: number;
102
108
  /**
103
109
  * The value of the textarea.
104
110
  */
@@ -113,6 +119,7 @@ export declare class PdsTextarea {
113
119
  * Update the native input element when the value changes
114
120
  */
115
121
  protected valueChanged(): void;
122
+ protected maxLengthChanged(): void;
116
123
  /**
117
124
  * Emits an `pdsInput` event.
118
125
  */
@@ -128,8 +135,21 @@ export declare class PdsTextarea {
128
135
  private onTextareaChange;
129
136
  private textareaClassNames;
130
137
  connectedCallback(): void;
138
+ disconnectedCallback(): void;
131
139
  componentWillLoad(): void;
132
140
  componentDidLoad(): void;
141
+ /**
142
+ * Sets up ResizeObserver to track textarea resize for character counter positioning
143
+ */
144
+ private setupResizeObserver;
145
+ /**
146
+ * Updates character counter position to stay within textarea boundaries during resize
147
+ */
148
+ private updateCharacterCounterPosition;
149
+ /**
150
+ * Renders the character counter when maxLength is set
151
+ */
152
+ private renderCharacterCounter;
133
153
  private renderAction;
134
154
  /**
135
155
  * Updates the form value using ElementInternals API