@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
@@ -37,6 +37,11 @@ export namespace Components {
37
37
  * Whether the modal is open
38
38
  */
39
39
  "open": boolean;
40
+ /**
41
+ * Whether the modal content should be scrollable
42
+ * @default true
43
+ */
44
+ "scrollable": boolean;
40
45
  /**
41
46
  * Shows the modal
42
47
  */
@@ -183,6 +188,26 @@ export namespace Components {
183
188
  * If `true`, the box will be sized to fit its contents.
184
189
  */
185
190
  "auto"?: boolean;
191
+ /**
192
+ * If `true`, the box will be sized to fit its contents at the LG breakpoint.
193
+ */
194
+ "autoLg"?: boolean;
195
+ /**
196
+ * If `true`, the box will be sized to fit its contents at the MD breakpoint.
197
+ */
198
+ "autoMd"?: boolean;
199
+ /**
200
+ * If `true`, the box will be sized to fit its contents at the SM breakpoint.
201
+ */
202
+ "autoSm"?: boolean;
203
+ /**
204
+ * If `true`, the box will be sized to fit its contents at the XL breakpoint.
205
+ */
206
+ "autoXl"?: boolean;
207
+ /**
208
+ * If `true`, the box will be sized to fit its contents at the XS breakpoint.
209
+ */
210
+ "autoXs"?: boolean;
186
211
  /**
187
212
  * Defines the background-color of the box.
188
213
  */
@@ -214,6 +239,26 @@ export namespace Components {
214
239
  * If `true`, sets the box `max-width` to `100%`.
215
240
  */
216
241
  "fit"?: boolean;
242
+ /**
243
+ * If `true`, sets the box `max-width` to `100%` at the LG breakpoint.
244
+ */
245
+ "fitLg"?: boolean;
246
+ /**
247
+ * If `true`, sets the box `max-width` to `100%` at the MD breakpoint.
248
+ */
249
+ "fitMd"?: boolean;
250
+ /**
251
+ * If `true`, sets the box `max-width` to `100%` at the SM breakpoint.
252
+ */
253
+ "fitSm"?: boolean;
254
+ /**
255
+ * If `true`, sets the box `max-width` to `100%` at the XL breakpoint.
256
+ */
257
+ "fitXl"?: boolean;
258
+ /**
259
+ * If `true`, sets the box `max-width` to `100%` at the XS breakpoint.
260
+ */
261
+ "fitXs"?: boolean;
217
262
  /**
218
263
  * Defines how a box will grow or shrink to fit the space available in its container. Can be a predefined value ('none', 'grow', 'shrink') or a custom flex value (e.g., '1', '0 1 auto').
219
264
  * @defaultValue none
@@ -224,6 +269,31 @@ export namespace Components {
224
269
  * @defaultValue none
225
270
  */
226
271
  "gap"?: BoxTShirtSizeType;
272
+ /**
273
+ * Defines the spacing between the box items at the LG breakpoint.
274
+ * @defaultValue none
275
+ */
276
+ "gapLg"?: BoxTShirtSizeType;
277
+ /**
278
+ * Defines the spacing between the box items at the MD breakpoint.
279
+ * @defaultValue none
280
+ */
281
+ "gapMd"?: BoxTShirtSizeType;
282
+ /**
283
+ * Defines the spacing between the box items at the SM breakpoint.
284
+ * @defaultValue none
285
+ */
286
+ "gapSm"?: BoxTShirtSizeType;
287
+ /**
288
+ * Defines the spacing between the box items at the XL breakpoint.
289
+ * @defaultValue none
290
+ */
291
+ "gapXl"?: BoxTShirtSizeType;
292
+ /**
293
+ * Defines the spacing between the box items at the XS breakpoint.
294
+ * @defaultValue none
295
+ */
296
+ "gapXs"?: BoxTShirtSizeType;
227
297
  /**
228
298
  * Defines the horizontal alignment of the box items.
229
299
  * @defaultValue start
@@ -259,21 +329,121 @@ export namespace Components {
259
329
  * @defaultValue none
260
330
  */
261
331
  "marginBlockEnd"?: BoxTShirtSizeType;
332
+ /**
333
+ * Defines the box's outer bottom spacing at the LG breakpoint.
334
+ * @defaultValue none
335
+ */
336
+ "marginBlockEndLg"?: BoxTShirtSizeType;
337
+ /**
338
+ * Defines the box's outer bottom spacing at the MD breakpoint.
339
+ * @defaultValue none
340
+ */
341
+ "marginBlockEndMd"?: BoxTShirtSizeType;
342
+ /**
343
+ * Defines the box's outer bottom spacing at the SM breakpoint.
344
+ * @defaultValue none
345
+ */
346
+ "marginBlockEndSm"?: BoxTShirtSizeType;
347
+ /**
348
+ * Defines the box's outer bottom spacing at the XL breakpoint.
349
+ * @defaultValue none
350
+ */
351
+ "marginBlockEndXl"?: BoxTShirtSizeType;
352
+ /**
353
+ * Defines the box's outer bottom spacing at the XS breakpoint.
354
+ * @defaultValue none
355
+ */
356
+ "marginBlockEndXs"?: BoxTShirtSizeType;
262
357
  /**
263
358
  * Defines the box's outer top spacing.
264
359
  * @defaultValue none
265
360
  */
266
361
  "marginBlockStart"?: BoxTShirtSizeType;
362
+ /**
363
+ * Defines the box's outer top spacing at the LG breakpoint.
364
+ * @defaultValue none
365
+ */
366
+ "marginBlockStartLg"?: BoxTShirtSizeType;
367
+ /**
368
+ * Defines the box's outer top spacing at the MD breakpoint.
369
+ * @defaultValue none
370
+ */
371
+ "marginBlockStartMd"?: BoxTShirtSizeType;
372
+ /**
373
+ * Defines the box's outer top spacing at the SM breakpoint.
374
+ * @defaultValue none
375
+ */
376
+ "marginBlockStartSm"?: BoxTShirtSizeType;
377
+ /**
378
+ * Defines the box's outer top spacing at the XL breakpoint.
379
+ * @defaultValue none
380
+ */
381
+ "marginBlockStartXl"?: BoxTShirtSizeType;
382
+ /**
383
+ * Defines the box's outer top spacing at the XS breakpoint.
384
+ * @defaultValue none
385
+ */
386
+ "marginBlockStartXs"?: BoxTShirtSizeType;
267
387
  /**
268
388
  * Defines the box's outer right spacing.
269
389
  * @defaultValue none
270
390
  */
271
391
  "marginInlineEnd"?: BoxTShirtSizeType;
392
+ /**
393
+ * Defines the box's outer right spacing at the LG breakpoint.
394
+ * @defaultValue none
395
+ */
396
+ "marginInlineEndLg"?: BoxTShirtSizeType;
397
+ /**
398
+ * Defines the box's outer right spacing at the MD breakpoint.
399
+ * @defaultValue none
400
+ */
401
+ "marginInlineEndMd"?: BoxTShirtSizeType;
402
+ /**
403
+ * Defines the box's outer right spacing at the SM breakpoint.
404
+ * @defaultValue none
405
+ */
406
+ "marginInlineEndSm"?: BoxTShirtSizeType;
407
+ /**
408
+ * Defines the box's outer right spacing at the XL breakpoint.
409
+ * @defaultValue none
410
+ */
411
+ "marginInlineEndXl"?: BoxTShirtSizeType;
412
+ /**
413
+ * Defines the box's outer right spacing at the XS breakpoint.
414
+ * @defaultValue none
415
+ */
416
+ "marginInlineEndXs"?: BoxTShirtSizeType;
272
417
  /**
273
418
  * Defines the box's outer left spacing.
274
419
  * @defaultValue none
275
420
  */
276
421
  "marginInlineStart"?: BoxTShirtSizeType;
422
+ /**
423
+ * Defines the box's outer left spacing at the LG breakpoint.
424
+ * @defaultValue none
425
+ */
426
+ "marginInlineStartLg"?: BoxTShirtSizeType;
427
+ /**
428
+ * Defines the box's outer left spacing at the MD breakpoint.
429
+ * @defaultValue none
430
+ */
431
+ "marginInlineStartMd"?: BoxTShirtSizeType;
432
+ /**
433
+ * Defines the box's outer left spacing at the SM breakpoint.
434
+ * @defaultValue none
435
+ */
436
+ "marginInlineStartSm"?: BoxTShirtSizeType;
437
+ /**
438
+ * Defines the box's outer left spacing at the XL breakpoint.
439
+ * @defaultValue none
440
+ */
441
+ "marginInlineStartXl"?: BoxTShirtSizeType;
442
+ /**
443
+ * Defines the box's outer left spacing at the XS breakpoint.
444
+ * @defaultValue none
445
+ */
446
+ "marginInlineStartXs"?: BoxTShirtSizeType;
277
447
  /**
278
448
  * The minimum height of the row. Used in conjunction with alignment props
279
449
  */
@@ -316,21 +486,146 @@ export namespace Components {
316
486
  * @defaultValue none
317
487
  */
318
488
  "paddingBlockEnd"?: BoxTShirtSizeType;
489
+ /**
490
+ * Defines the bottom spacing at the LG breakpoint.
491
+ * @defaultValue none
492
+ */
493
+ "paddingBlockEndLg"?: BoxTShirtSizeType;
494
+ /**
495
+ * Defines the bottom spacing at the MD breakpoint.
496
+ * @defaultValue none
497
+ */
498
+ "paddingBlockEndMd"?: BoxTShirtSizeType;
499
+ /**
500
+ * Defines the bottom spacing at the SM breakpoint.
501
+ * @defaultValue none
502
+ */
503
+ "paddingBlockEndSm"?: BoxTShirtSizeType;
504
+ /**
505
+ * Defines the bottom spacing at the XL breakpoint.
506
+ * @defaultValue none
507
+ */
508
+ "paddingBlockEndXl"?: BoxTShirtSizeType;
509
+ /**
510
+ * Defines the bottom spacing at the XS breakpoint.
511
+ * @defaultValue none
512
+ */
513
+ "paddingBlockEndXs"?: BoxTShirtSizeType;
319
514
  /**
320
515
  * Defines the top spacing.
321
516
  * @defaultValue none
322
517
  */
323
518
  "paddingBlockStart"?: BoxTShirtSizeType;
519
+ /**
520
+ * Defines the top spacing at the LG breakpoint.
521
+ * @defaultValue none
522
+ */
523
+ "paddingBlockStartLg"?: BoxTShirtSizeType;
524
+ /**
525
+ * Defines the top spacing at the MD breakpoint.
526
+ * @defaultValue none
527
+ */
528
+ "paddingBlockStartMd"?: BoxTShirtSizeType;
529
+ /**
530
+ * Defines the top spacing at the SM breakpoint.
531
+ * @defaultValue none
532
+ */
533
+ "paddingBlockStartSm"?: BoxTShirtSizeType;
534
+ /**
535
+ * Defines the top spacing at the XL breakpoint.
536
+ * @defaultValue none
537
+ */
538
+ "paddingBlockStartXl"?: BoxTShirtSizeType;
539
+ /**
540
+ * Defines the top spacing at the XS breakpoint.
541
+ * @defaultValue none
542
+ */
543
+ "paddingBlockStartXs"?: BoxTShirtSizeType;
324
544
  /**
325
545
  * Defines the right spacing.
326
546
  * @defaultValue none
327
547
  */
328
548
  "paddingInlineEnd"?: BoxTShirtSizeType;
549
+ /**
550
+ * Defines the right spacing at the LG breakpoint.
551
+ * @defaultValue none
552
+ */
553
+ "paddingInlineEndLg"?: BoxTShirtSizeType;
554
+ /**
555
+ * Defines the right spacing at the MD breakpoint.
556
+ * @defaultValue none
557
+ */
558
+ "paddingInlineEndMd"?: BoxTShirtSizeType;
559
+ /**
560
+ * Defines the right spacing at the SM breakpoint.
561
+ * @defaultValue none
562
+ */
563
+ "paddingInlineEndSm"?: BoxTShirtSizeType;
564
+ /**
565
+ * Defines the right spacing at the XL breakpoint.
566
+ * @defaultValue none
567
+ */
568
+ "paddingInlineEndXl"?: BoxTShirtSizeType;
569
+ /**
570
+ * Defines the right spacing at the XS breakpoint.
571
+ * @defaultValue none
572
+ */
573
+ "paddingInlineEndXs"?: BoxTShirtSizeType;
329
574
  /**
330
575
  * Defines the left spacing.
331
576
  * @defaultValue none
332
577
  */
333
578
  "paddingInlineStart"?: BoxTShirtSizeType;
579
+ /**
580
+ * Defines the left spacing at the LG breakpoint.
581
+ * @defaultValue none
582
+ */
583
+ "paddingInlineStartLg"?: BoxTShirtSizeType;
584
+ /**
585
+ * Defines the left spacing at the MD breakpoint.
586
+ * @defaultValue none
587
+ */
588
+ "paddingInlineStartMd"?: BoxTShirtSizeType;
589
+ /**
590
+ * Defines the left spacing at the SM breakpoint.
591
+ * @defaultValue none
592
+ */
593
+ "paddingInlineStartSm"?: BoxTShirtSizeType;
594
+ /**
595
+ * Defines the left spacing at the XL breakpoint.
596
+ * @defaultValue none
597
+ */
598
+ "paddingInlineStartXl"?: BoxTShirtSizeType;
599
+ /**
600
+ * Defines the left spacing at the XS breakpoint.
601
+ * @defaultValue none
602
+ */
603
+ "paddingInlineStartXs"?: BoxTShirtSizeType;
604
+ /**
605
+ * Defines the spacing between the box items at the LG breakpoint.
606
+ * @defaultValue none
607
+ */
608
+ "paddingLg"?: BoxTShirtSizeType;
609
+ /**
610
+ * Defines the spacing between the box items at the MD breakpoint.
611
+ * @defaultValue none
612
+ */
613
+ "paddingMd"?: BoxTShirtSizeType;
614
+ /**
615
+ * Defines the spacing between the box items at the SM breakpoint.
616
+ * @defaultValue none
617
+ */
618
+ "paddingSm"?: BoxTShirtSizeType;
619
+ /**
620
+ * Defines the spacing between the box items at the XL breakpoint.
621
+ * @defaultValue none
622
+ */
623
+ "paddingXl"?: BoxTShirtSizeType;
624
+ /**
625
+ * Defines the spacing between the box items at the XS breakpoint.
626
+ * @defaultValue none
627
+ */
628
+ "paddingXs"?: BoxTShirtSizeType;
334
629
  /**
335
630
  * Defines the box shadow.
336
631
  * @defaultValue none
@@ -365,6 +660,31 @@ export namespace Components {
365
660
  * @defaultValue false
366
661
  */
367
662
  "wrap"?: boolean;
663
+ /**
664
+ * Defines whether flex items can wrap onto multiple lines at the LG breakpoint.
665
+ * @defaultValue false
666
+ */
667
+ "wrapLg"?: boolean;
668
+ /**
669
+ * Defines whether flex items can wrap onto multiple lines at the MD breakpoint.
670
+ * @defaultValue false
671
+ */
672
+ "wrapMd"?: boolean;
673
+ /**
674
+ * Defines whether flex items can wrap onto multiple lines at the SM breakpoint.
675
+ * @defaultValue false
676
+ */
677
+ "wrapSm"?: boolean;
678
+ /**
679
+ * Defines whether flex items can wrap onto multiple lines at the XL breakpoint.
680
+ * @defaultValue false
681
+ */
682
+ "wrapXl"?: boolean;
683
+ /**
684
+ * Defines whether flex items can wrap onto multiple lines at the XS breakpoint.
685
+ * @defaultValue false
686
+ */
687
+ "wrapXs"?: boolean;
368
688
  }
369
689
  interface PdsButton {
370
690
  /**
@@ -868,6 +1188,11 @@ export namespace Components {
868
1188
  * @default false
869
1189
  */
870
1190
  "open": boolean;
1191
+ /**
1192
+ * Whether the modal content should be scrollable
1193
+ * @default true
1194
+ */
1195
+ "scrollable": boolean;
871
1196
  /**
872
1197
  * Opens the modal
873
1198
  */
@@ -880,7 +1205,7 @@ export namespace Components {
880
1205
  }
881
1206
  interface PdsModalContent {
882
1207
  /**
883
- * The border style for the content area. Automatically set based on available space of the modal content.
1208
+ * The border style for the content area. When not explicitly set, automatically determined based on scroll state.
884
1209
  * @default 'none'
885
1210
  */
886
1211
  "border": 'none' | 'both' | 'top' | 'bottom';
@@ -1396,6 +1721,10 @@ export namespace Components {
1396
1721
  * Text to be displayed as the textarea label.
1397
1722
  */
1398
1723
  "label"?: string;
1724
+ /**
1725
+ * Specifies the maximum number of characters allowed in the textarea. When set, displays a character counter.
1726
+ */
1727
+ "maxLength"?: number;
1399
1728
  /**
1400
1729
  * Specifies the name. Submitted with the form name/value pair. This value will mirror the componentId.
1401
1730
  */
@@ -2169,6 +2498,11 @@ declare namespace LocalJSX {
2169
2498
  * Whether the modal is open
2170
2499
  */
2171
2500
  "open"?: boolean;
2501
+ /**
2502
+ * Whether the modal content should be scrollable
2503
+ * @default true
2504
+ */
2505
+ "scrollable"?: boolean;
2172
2506
  /**
2173
2507
  * The size of the modal
2174
2508
  */
@@ -2315,6 +2649,26 @@ declare namespace LocalJSX {
2315
2649
  * If `true`, the box will be sized to fit its contents.
2316
2650
  */
2317
2651
  "auto"?: boolean;
2652
+ /**
2653
+ * If `true`, the box will be sized to fit its contents at the LG breakpoint.
2654
+ */
2655
+ "autoLg"?: boolean;
2656
+ /**
2657
+ * If `true`, the box will be sized to fit its contents at the MD breakpoint.
2658
+ */
2659
+ "autoMd"?: boolean;
2660
+ /**
2661
+ * If `true`, the box will be sized to fit its contents at the SM breakpoint.
2662
+ */
2663
+ "autoSm"?: boolean;
2664
+ /**
2665
+ * If `true`, the box will be sized to fit its contents at the XL breakpoint.
2666
+ */
2667
+ "autoXl"?: boolean;
2668
+ /**
2669
+ * If `true`, the box will be sized to fit its contents at the XS breakpoint.
2670
+ */
2671
+ "autoXs"?: boolean;
2318
2672
  /**
2319
2673
  * Defines the background-color of the box.
2320
2674
  */
@@ -2346,6 +2700,26 @@ declare namespace LocalJSX {
2346
2700
  * If `true`, sets the box `max-width` to `100%`.
2347
2701
  */
2348
2702
  "fit"?: boolean;
2703
+ /**
2704
+ * If `true`, sets the box `max-width` to `100%` at the LG breakpoint.
2705
+ */
2706
+ "fitLg"?: boolean;
2707
+ /**
2708
+ * If `true`, sets the box `max-width` to `100%` at the MD breakpoint.
2709
+ */
2710
+ "fitMd"?: boolean;
2711
+ /**
2712
+ * If `true`, sets the box `max-width` to `100%` at the SM breakpoint.
2713
+ */
2714
+ "fitSm"?: boolean;
2715
+ /**
2716
+ * If `true`, sets the box `max-width` to `100%` at the XL breakpoint.
2717
+ */
2718
+ "fitXl"?: boolean;
2719
+ /**
2720
+ * If `true`, sets the box `max-width` to `100%` at the XS breakpoint.
2721
+ */
2722
+ "fitXs"?: boolean;
2349
2723
  /**
2350
2724
  * Defines how a box will grow or shrink to fit the space available in its container. Can be a predefined value ('none', 'grow', 'shrink') or a custom flex value (e.g., '1', '0 1 auto').
2351
2725
  * @defaultValue none
@@ -2356,6 +2730,31 @@ declare namespace LocalJSX {
2356
2730
  * @defaultValue none
2357
2731
  */
2358
2732
  "gap"?: BoxTShirtSizeType;
2733
+ /**
2734
+ * Defines the spacing between the box items at the LG breakpoint.
2735
+ * @defaultValue none
2736
+ */
2737
+ "gapLg"?: BoxTShirtSizeType;
2738
+ /**
2739
+ * Defines the spacing between the box items at the MD breakpoint.
2740
+ * @defaultValue none
2741
+ */
2742
+ "gapMd"?: BoxTShirtSizeType;
2743
+ /**
2744
+ * Defines the spacing between the box items at the SM breakpoint.
2745
+ * @defaultValue none
2746
+ */
2747
+ "gapSm"?: BoxTShirtSizeType;
2748
+ /**
2749
+ * Defines the spacing between the box items at the XL breakpoint.
2750
+ * @defaultValue none
2751
+ */
2752
+ "gapXl"?: BoxTShirtSizeType;
2753
+ /**
2754
+ * Defines the spacing between the box items at the XS breakpoint.
2755
+ * @defaultValue none
2756
+ */
2757
+ "gapXs"?: BoxTShirtSizeType;
2359
2758
  /**
2360
2759
  * Defines the horizontal alignment of the box items.
2361
2760
  * @defaultValue start
@@ -2391,21 +2790,121 @@ declare namespace LocalJSX {
2391
2790
  * @defaultValue none
2392
2791
  */
2393
2792
  "marginBlockEnd"?: BoxTShirtSizeType;
2793
+ /**
2794
+ * Defines the box's outer bottom spacing at the LG breakpoint.
2795
+ * @defaultValue none
2796
+ */
2797
+ "marginBlockEndLg"?: BoxTShirtSizeType;
2798
+ /**
2799
+ * Defines the box's outer bottom spacing at the MD breakpoint.
2800
+ * @defaultValue none
2801
+ */
2802
+ "marginBlockEndMd"?: BoxTShirtSizeType;
2803
+ /**
2804
+ * Defines the box's outer bottom spacing at the SM breakpoint.
2805
+ * @defaultValue none
2806
+ */
2807
+ "marginBlockEndSm"?: BoxTShirtSizeType;
2808
+ /**
2809
+ * Defines the box's outer bottom spacing at the XL breakpoint.
2810
+ * @defaultValue none
2811
+ */
2812
+ "marginBlockEndXl"?: BoxTShirtSizeType;
2813
+ /**
2814
+ * Defines the box's outer bottom spacing at the XS breakpoint.
2815
+ * @defaultValue none
2816
+ */
2817
+ "marginBlockEndXs"?: BoxTShirtSizeType;
2394
2818
  /**
2395
2819
  * Defines the box's outer top spacing.
2396
2820
  * @defaultValue none
2397
2821
  */
2398
2822
  "marginBlockStart"?: BoxTShirtSizeType;
2823
+ /**
2824
+ * Defines the box's outer top spacing at the LG breakpoint.
2825
+ * @defaultValue none
2826
+ */
2827
+ "marginBlockStartLg"?: BoxTShirtSizeType;
2828
+ /**
2829
+ * Defines the box's outer top spacing at the MD breakpoint.
2830
+ * @defaultValue none
2831
+ */
2832
+ "marginBlockStartMd"?: BoxTShirtSizeType;
2833
+ /**
2834
+ * Defines the box's outer top spacing at the SM breakpoint.
2835
+ * @defaultValue none
2836
+ */
2837
+ "marginBlockStartSm"?: BoxTShirtSizeType;
2838
+ /**
2839
+ * Defines the box's outer top spacing at the XL breakpoint.
2840
+ * @defaultValue none
2841
+ */
2842
+ "marginBlockStartXl"?: BoxTShirtSizeType;
2843
+ /**
2844
+ * Defines the box's outer top spacing at the XS breakpoint.
2845
+ * @defaultValue none
2846
+ */
2847
+ "marginBlockStartXs"?: BoxTShirtSizeType;
2399
2848
  /**
2400
2849
  * Defines the box's outer right spacing.
2401
2850
  * @defaultValue none
2402
2851
  */
2403
2852
  "marginInlineEnd"?: BoxTShirtSizeType;
2853
+ /**
2854
+ * Defines the box's outer right spacing at the LG breakpoint.
2855
+ * @defaultValue none
2856
+ */
2857
+ "marginInlineEndLg"?: BoxTShirtSizeType;
2858
+ /**
2859
+ * Defines the box's outer right spacing at the MD breakpoint.
2860
+ * @defaultValue none
2861
+ */
2862
+ "marginInlineEndMd"?: BoxTShirtSizeType;
2863
+ /**
2864
+ * Defines the box's outer right spacing at the SM breakpoint.
2865
+ * @defaultValue none
2866
+ */
2867
+ "marginInlineEndSm"?: BoxTShirtSizeType;
2868
+ /**
2869
+ * Defines the box's outer right spacing at the XL breakpoint.
2870
+ * @defaultValue none
2871
+ */
2872
+ "marginInlineEndXl"?: BoxTShirtSizeType;
2873
+ /**
2874
+ * Defines the box's outer right spacing at the XS breakpoint.
2875
+ * @defaultValue none
2876
+ */
2877
+ "marginInlineEndXs"?: BoxTShirtSizeType;
2404
2878
  /**
2405
2879
  * Defines the box's outer left spacing.
2406
2880
  * @defaultValue none
2407
2881
  */
2408
2882
  "marginInlineStart"?: BoxTShirtSizeType;
2883
+ /**
2884
+ * Defines the box's outer left spacing at the LG breakpoint.
2885
+ * @defaultValue none
2886
+ */
2887
+ "marginInlineStartLg"?: BoxTShirtSizeType;
2888
+ /**
2889
+ * Defines the box's outer left spacing at the MD breakpoint.
2890
+ * @defaultValue none
2891
+ */
2892
+ "marginInlineStartMd"?: BoxTShirtSizeType;
2893
+ /**
2894
+ * Defines the box's outer left spacing at the SM breakpoint.
2895
+ * @defaultValue none
2896
+ */
2897
+ "marginInlineStartSm"?: BoxTShirtSizeType;
2898
+ /**
2899
+ * Defines the box's outer left spacing at the XL breakpoint.
2900
+ * @defaultValue none
2901
+ */
2902
+ "marginInlineStartXl"?: BoxTShirtSizeType;
2903
+ /**
2904
+ * Defines the box's outer left spacing at the XS breakpoint.
2905
+ * @defaultValue none
2906
+ */
2907
+ "marginInlineStartXs"?: BoxTShirtSizeType;
2409
2908
  /**
2410
2909
  * The minimum height of the row. Used in conjunction with alignment props
2411
2910
  */
@@ -2448,21 +2947,146 @@ declare namespace LocalJSX {
2448
2947
  * @defaultValue none
2449
2948
  */
2450
2949
  "paddingBlockEnd"?: BoxTShirtSizeType;
2950
+ /**
2951
+ * Defines the bottom spacing at the LG breakpoint.
2952
+ * @defaultValue none
2953
+ */
2954
+ "paddingBlockEndLg"?: BoxTShirtSizeType;
2955
+ /**
2956
+ * Defines the bottom spacing at the MD breakpoint.
2957
+ * @defaultValue none
2958
+ */
2959
+ "paddingBlockEndMd"?: BoxTShirtSizeType;
2960
+ /**
2961
+ * Defines the bottom spacing at the SM breakpoint.
2962
+ * @defaultValue none
2963
+ */
2964
+ "paddingBlockEndSm"?: BoxTShirtSizeType;
2965
+ /**
2966
+ * Defines the bottom spacing at the XL breakpoint.
2967
+ * @defaultValue none
2968
+ */
2969
+ "paddingBlockEndXl"?: BoxTShirtSizeType;
2970
+ /**
2971
+ * Defines the bottom spacing at the XS breakpoint.
2972
+ * @defaultValue none
2973
+ */
2974
+ "paddingBlockEndXs"?: BoxTShirtSizeType;
2451
2975
  /**
2452
2976
  * Defines the top spacing.
2453
2977
  * @defaultValue none
2454
2978
  */
2455
2979
  "paddingBlockStart"?: BoxTShirtSizeType;
2980
+ /**
2981
+ * Defines the top spacing at the LG breakpoint.
2982
+ * @defaultValue none
2983
+ */
2984
+ "paddingBlockStartLg"?: BoxTShirtSizeType;
2985
+ /**
2986
+ * Defines the top spacing at the MD breakpoint.
2987
+ * @defaultValue none
2988
+ */
2989
+ "paddingBlockStartMd"?: BoxTShirtSizeType;
2990
+ /**
2991
+ * Defines the top spacing at the SM breakpoint.
2992
+ * @defaultValue none
2993
+ */
2994
+ "paddingBlockStartSm"?: BoxTShirtSizeType;
2995
+ /**
2996
+ * Defines the top spacing at the XL breakpoint.
2997
+ * @defaultValue none
2998
+ */
2999
+ "paddingBlockStartXl"?: BoxTShirtSizeType;
3000
+ /**
3001
+ * Defines the top spacing at the XS breakpoint.
3002
+ * @defaultValue none
3003
+ */
3004
+ "paddingBlockStartXs"?: BoxTShirtSizeType;
2456
3005
  /**
2457
3006
  * Defines the right spacing.
2458
3007
  * @defaultValue none
2459
3008
  */
2460
3009
  "paddingInlineEnd"?: BoxTShirtSizeType;
3010
+ /**
3011
+ * Defines the right spacing at the LG breakpoint.
3012
+ * @defaultValue none
3013
+ */
3014
+ "paddingInlineEndLg"?: BoxTShirtSizeType;
3015
+ /**
3016
+ * Defines the right spacing at the MD breakpoint.
3017
+ * @defaultValue none
3018
+ */
3019
+ "paddingInlineEndMd"?: BoxTShirtSizeType;
3020
+ /**
3021
+ * Defines the right spacing at the SM breakpoint.
3022
+ * @defaultValue none
3023
+ */
3024
+ "paddingInlineEndSm"?: BoxTShirtSizeType;
3025
+ /**
3026
+ * Defines the right spacing at the XL breakpoint.
3027
+ * @defaultValue none
3028
+ */
3029
+ "paddingInlineEndXl"?: BoxTShirtSizeType;
3030
+ /**
3031
+ * Defines the right spacing at the XS breakpoint.
3032
+ * @defaultValue none
3033
+ */
3034
+ "paddingInlineEndXs"?: BoxTShirtSizeType;
2461
3035
  /**
2462
3036
  * Defines the left spacing.
2463
3037
  * @defaultValue none
2464
3038
  */
2465
3039
  "paddingInlineStart"?: BoxTShirtSizeType;
3040
+ /**
3041
+ * Defines the left spacing at the LG breakpoint.
3042
+ * @defaultValue none
3043
+ */
3044
+ "paddingInlineStartLg"?: BoxTShirtSizeType;
3045
+ /**
3046
+ * Defines the left spacing at the MD breakpoint.
3047
+ * @defaultValue none
3048
+ */
3049
+ "paddingInlineStartMd"?: BoxTShirtSizeType;
3050
+ /**
3051
+ * Defines the left spacing at the SM breakpoint.
3052
+ * @defaultValue none
3053
+ */
3054
+ "paddingInlineStartSm"?: BoxTShirtSizeType;
3055
+ /**
3056
+ * Defines the left spacing at the XL breakpoint.
3057
+ * @defaultValue none
3058
+ */
3059
+ "paddingInlineStartXl"?: BoxTShirtSizeType;
3060
+ /**
3061
+ * Defines the left spacing at the XS breakpoint.
3062
+ * @defaultValue none
3063
+ */
3064
+ "paddingInlineStartXs"?: BoxTShirtSizeType;
3065
+ /**
3066
+ * Defines the spacing between the box items at the LG breakpoint.
3067
+ * @defaultValue none
3068
+ */
3069
+ "paddingLg"?: BoxTShirtSizeType;
3070
+ /**
3071
+ * Defines the spacing between the box items at the MD breakpoint.
3072
+ * @defaultValue none
3073
+ */
3074
+ "paddingMd"?: BoxTShirtSizeType;
3075
+ /**
3076
+ * Defines the spacing between the box items at the SM breakpoint.
3077
+ * @defaultValue none
3078
+ */
3079
+ "paddingSm"?: BoxTShirtSizeType;
3080
+ /**
3081
+ * Defines the spacing between the box items at the XL breakpoint.
3082
+ * @defaultValue none
3083
+ */
3084
+ "paddingXl"?: BoxTShirtSizeType;
3085
+ /**
3086
+ * Defines the spacing between the box items at the XS breakpoint.
3087
+ * @defaultValue none
3088
+ */
3089
+ "paddingXs"?: BoxTShirtSizeType;
2466
3090
  /**
2467
3091
  * Defines the box shadow.
2468
3092
  * @defaultValue none
@@ -2497,6 +3121,31 @@ declare namespace LocalJSX {
2497
3121
  * @defaultValue false
2498
3122
  */
2499
3123
  "wrap"?: boolean;
3124
+ /**
3125
+ * Defines whether flex items can wrap onto multiple lines at the LG breakpoint.
3126
+ * @defaultValue false
3127
+ */
3128
+ "wrapLg"?: boolean;
3129
+ /**
3130
+ * Defines whether flex items can wrap onto multiple lines at the MD breakpoint.
3131
+ * @defaultValue false
3132
+ */
3133
+ "wrapMd"?: boolean;
3134
+ /**
3135
+ * Defines whether flex items can wrap onto multiple lines at the SM breakpoint.
3136
+ * @defaultValue false
3137
+ */
3138
+ "wrapSm"?: boolean;
3139
+ /**
3140
+ * Defines whether flex items can wrap onto multiple lines at the XL breakpoint.
3141
+ * @defaultValue false
3142
+ */
3143
+ "wrapXl"?: boolean;
3144
+ /**
3145
+ * Defines whether flex items can wrap onto multiple lines at the XS breakpoint.
3146
+ * @defaultValue false
3147
+ */
3148
+ "wrapXs"?: boolean;
2500
3149
  }
2501
3150
  interface PdsButton {
2502
3151
  /**
@@ -3026,6 +3675,11 @@ declare namespace LocalJSX {
3026
3675
  * @default false
3027
3676
  */
3028
3677
  "open"?: boolean;
3678
+ /**
3679
+ * Whether the modal content should be scrollable
3680
+ * @default true
3681
+ */
3682
+ "scrollable"?: boolean;
3029
3683
  /**
3030
3684
  * The size of the modal
3031
3685
  * @default 'md'
@@ -3034,7 +3688,7 @@ declare namespace LocalJSX {
3034
3688
  }
3035
3689
  interface PdsModalContent {
3036
3690
  /**
3037
- * The border style for the content area. Automatically set based on available space of the modal content.
3691
+ * The border style for the content area. When not explicitly set, automatically determined based on scroll state.
3038
3692
  * @default 'none'
3039
3693
  */
3040
3694
  "border"?: 'none' | 'both' | 'top' | 'bottom';
@@ -3578,6 +4232,10 @@ declare namespace LocalJSX {
3578
4232
  * Text to be displayed as the textarea label.
3579
4233
  */
3580
4234
  "label"?: string;
4235
+ /**
4236
+ * Specifies the maximum number of characters allowed in the textarea. When set, displays a character counter.
4237
+ */
4238
+ "maxLength"?: number;
3581
4239
  /**
3582
4240
  * Specifies the name. Submitted with the form name/value pair. This value will mirror the componentId.
3583
4241
  */