@pine-ds/core 3.5.1 → 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 (196) 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 +164 -4
  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-row.js +8 -2
  12. package/components/pds-row.js.map +1 -1
  13. package/components/pds-textarea.js +111 -7
  14. package/components/pds-textarea.js.map +1 -1
  15. package/components/pds-toast.js +3 -3
  16. package/components/pds-tooltip.js +2 -2
  17. package/dist/cjs/loader.cjs.js +1 -1
  18. package/dist/cjs/mock-pds-modal.cjs.entry.js +8 -4
  19. package/dist/cjs/mock-pds-modal.cjs.entry.js.map +1 -1
  20. package/dist/cjs/mock-pds-modal.entry.cjs.js.map +1 -1
  21. package/dist/cjs/pds-box.cjs.entry.js +82 -2
  22. package/dist/cjs/pds-box.cjs.entry.js.map +1 -1
  23. package/dist/cjs/pds-box.entry.cjs.js.map +1 -1
  24. package/dist/cjs/pds-button.cjs.entry.js +50 -1
  25. package/dist/cjs/pds-button.cjs.entry.js.map +1 -1
  26. package/dist/cjs/pds-button.entry.cjs.js.map +1 -1
  27. package/dist/cjs/pds-modal-content.cjs.entry.js +128 -11
  28. package/dist/cjs/pds-modal-content.cjs.entry.js.map +1 -1
  29. package/dist/cjs/pds-modal-content.entry.cjs.js.map +1 -1
  30. package/dist/cjs/pds-modal.cjs.entry.js +12 -3
  31. package/dist/cjs/pds-modal.cjs.entry.js.map +1 -1
  32. package/dist/cjs/pds-modal.entry.cjs.js.map +1 -1
  33. package/dist/cjs/pds-row.cjs.entry.js +6 -2
  34. package/dist/cjs/pds-row.cjs.entry.js.map +1 -1
  35. package/dist/cjs/pds-row.entry.cjs.js.map +1 -1
  36. package/dist/cjs/pds-textarea.cjs.entry.js +108 -6
  37. package/dist/cjs/pds-textarea.cjs.entry.js.map +1 -1
  38. package/dist/cjs/pds-textarea.entry.cjs.js.map +1 -1
  39. package/dist/cjs/pds-toast.cjs.entry.js +3 -3
  40. package/dist/cjs/pds-tooltip.cjs.entry.js +2 -2
  41. package/dist/cjs/pine-core.cjs.js +1 -1
  42. package/dist/collection/components/pds-box/pds-box.css +1607 -3
  43. package/dist/collection/components/pds-box/pds-box.js +2222 -127
  44. package/dist/collection/components/pds-box/pds-box.js.map +1 -1
  45. package/dist/collection/components/pds-button/pds-button.js +59 -1
  46. package/dist/collection/components/pds-button/pds-button.js.map +1 -1
  47. package/dist/collection/components/pds-modal/pds-modal-content/pds-modal-content.css +4 -6
  48. package/dist/collection/components/pds-modal/pds-modal-content/pds-modal-content.js +128 -11
  49. package/dist/collection/components/pds-modal/pds-modal-content/pds-modal-content.js.map +1 -1
  50. package/dist/collection/components/pds-modal/pds-modal.css +42 -1
  51. package/dist/collection/components/pds-modal/pds-modal.js +34 -2
  52. package/dist/collection/components/pds-modal/pds-modal.js.map +1 -1
  53. package/dist/collection/components/pds-modal/stories/pds-modal.stories.js +245 -0
  54. package/dist/collection/components/pds-modal/test/mock-pds-modal.js +30 -3
  55. package/dist/collection/components/pds-modal/test/mock-pds-modal.js.map +1 -1
  56. package/dist/collection/components/pds-row/pds-row.js +56 -2
  57. package/dist/collection/components/pds-row/pds-row.js.map +1 -1
  58. package/dist/collection/components/pds-textarea/pds-textarea.css +51 -11
  59. package/dist/collection/components/pds-textarea/pds-textarea.js +127 -4
  60. package/dist/collection/components/pds-textarea/pds-textarea.js.map +1 -1
  61. package/dist/collection/components/pds-textarea/stories/pds-textarea.stories.js +13 -0
  62. package/dist/collection/components/pds-toast/pds-toast.js +3 -3
  63. package/dist/collection/components/pds-tooltip/pds-tooltip.js +2 -2
  64. package/dist/docs.json +4845 -447
  65. package/dist/esm/loader.js +1 -1
  66. package/dist/esm/mock-pds-modal.entry.js +8 -4
  67. package/dist/esm/mock-pds-modal.entry.js.map +1 -1
  68. package/dist/esm/pds-box.entry.js +82 -2
  69. package/dist/esm/pds-box.entry.js.map +1 -1
  70. package/dist/esm/pds-button.entry.js +50 -1
  71. package/dist/esm/pds-button.entry.js.map +1 -1
  72. package/dist/esm/pds-modal-content.entry.js +128 -11
  73. package/dist/esm/pds-modal-content.entry.js.map +1 -1
  74. package/dist/esm/pds-modal.entry.js +12 -3
  75. package/dist/esm/pds-modal.entry.js.map +1 -1
  76. package/dist/esm/pds-row.entry.js +6 -2
  77. package/dist/esm/pds-row.entry.js.map +1 -1
  78. package/dist/esm/pds-textarea.entry.js +108 -6
  79. package/dist/esm/pds-textarea.entry.js.map +1 -1
  80. package/dist/esm/pds-toast.entry.js +3 -3
  81. package/dist/esm/pds-tooltip.entry.js +2 -2
  82. package/dist/esm/pine-core.js +1 -1
  83. package/dist/esm-es5/loader.js +1 -1
  84. package/dist/esm-es5/mock-pds-modal.entry.js +1 -1
  85. package/dist/esm-es5/mock-pds-modal.entry.js.map +1 -1
  86. package/dist/esm-es5/pds-box.entry.js +1 -1
  87. package/dist/esm-es5/pds-box.entry.js.map +1 -1
  88. package/dist/esm-es5/pds-button.entry.js +1 -1
  89. package/dist/esm-es5/pds-button.entry.js.map +1 -1
  90. package/dist/esm-es5/pds-modal-content.entry.js +1 -1
  91. package/dist/esm-es5/pds-modal-content.entry.js.map +1 -1
  92. package/dist/esm-es5/pds-modal.entry.js +1 -1
  93. package/dist/esm-es5/pds-modal.entry.js.map +1 -1
  94. package/dist/esm-es5/pds-row.entry.js +1 -1
  95. package/dist/esm-es5/pds-row.entry.js.map +1 -1
  96. package/dist/esm-es5/pds-textarea.entry.js +1 -1
  97. package/dist/esm-es5/pds-textarea.entry.js.map +1 -1
  98. package/dist/esm-es5/pds-toast.entry.js +1 -1
  99. package/dist/esm-es5/pds-tooltip.entry.js +1 -1
  100. package/dist/esm-es5/pine-core.js +1 -1
  101. package/dist/pine-core/mock-pds-modal.entry.esm.js.map +1 -1
  102. package/dist/pine-core/p-318fd0cf.entry.js +2 -0
  103. package/dist/pine-core/p-318fd0cf.entry.js.map +1 -0
  104. package/dist/pine-core/{p-c4d6fe50.system.entry.js → p-346561a6.system.entry.js} +2 -2
  105. package/dist/pine-core/p-346561a6.system.entry.js.map +1 -0
  106. package/dist/pine-core/p-3gYSFJIn.system.js.map +1 -0
  107. package/dist/pine-core/{p-IG5YumI3.system.js.map → p-3pEJO0vO.system.js.map} +1 -1
  108. package/dist/pine-core/p-41d1b164.entry.js +2 -0
  109. package/dist/pine-core/p-41d1b164.entry.js.map +1 -0
  110. package/dist/pine-core/{p-02326ac3.entry.js → p-4c81420c.entry.js} +2 -2
  111. package/dist/pine-core/p-52cb152b.system.entry.js +2 -0
  112. package/dist/pine-core/p-52cb152b.system.entry.js.map +1 -0
  113. package/dist/pine-core/p-540cfd70.entry.js +2 -0
  114. package/dist/pine-core/p-540cfd70.entry.js.map +1 -0
  115. package/dist/pine-core/{p-11d4036e.entry.js → p-5f5b19f4.entry.js} +2 -2
  116. package/dist/pine-core/p-6d4d4705.system.entry.js +2 -0
  117. package/dist/pine-core/p-6d4d4705.system.entry.js.map +1 -0
  118. package/dist/pine-core/{p-68b5665a.entry.js → p-84949a12.entry.js} +2 -2
  119. package/dist/pine-core/p-84949a12.entry.js.map +1 -0
  120. package/dist/pine-core/{p-7a95a90f.system.entry.js → p-8726c99d.system.entry.js} +2 -2
  121. package/dist/pine-core/{p-2kXtbFXu.system.js.map → p-BZoPY2dP.system.js.map} +1 -1
  122. package/dist/pine-core/p-C0zqu7Gr.system.js.map +1 -0
  123. package/dist/pine-core/p-CHJgq_z7.system.js.map +1 -0
  124. package/dist/pine-core/p-Co5XZmTN.system.js.map +1 -0
  125. package/dist/pine-core/p-Czoq9yJM.system.js.map +1 -0
  126. package/dist/pine-core/p-De9tROL-.system.js +1 -1
  127. package/dist/pine-core/p-EYhpJx2s.system.js.map +1 -0
  128. package/dist/pine-core/p-WkrM7Vv0.system.js.map +1 -0
  129. package/dist/pine-core/p-a9895385.system.entry.js +2 -0
  130. package/dist/pine-core/p-a9895385.system.entry.js.map +1 -0
  131. package/dist/pine-core/{p-5aed29fe.system.entry.js → p-b2b1b7a9.system.entry.js} +2 -2
  132. package/dist/pine-core/p-b2b1b7a9.system.entry.js.map +1 -0
  133. package/dist/pine-core/p-c0df3222.entry.js +2 -0
  134. package/dist/pine-core/p-c0df3222.entry.js.map +1 -0
  135. package/dist/pine-core/{p-884b9ae6.system.entry.js → p-d8d8fe07.system.entry.js} +2 -2
  136. package/dist/pine-core/p-dc19ce6c.system.entry.js +2 -0
  137. package/dist/pine-core/p-dc19ce6c.system.entry.js.map +1 -0
  138. package/dist/pine-core/p-e08f492a.entry.js +2 -0
  139. package/dist/pine-core/p-e08f492a.entry.js.map +1 -0
  140. package/dist/pine-core/{p-79e2782b.entry.js → p-ecb9edf8.entry.js} +2 -2
  141. package/dist/pine-core/p-ecb9edf8.entry.js.map +1 -0
  142. package/dist/pine-core/p-fcb39155.system.entry.js +2 -0
  143. package/dist/pine-core/p-fcb39155.system.entry.js.map +1 -0
  144. package/dist/pine-core/pds-box.entry.esm.js.map +1 -1
  145. package/dist/pine-core/pds-button.entry.esm.js.map +1 -1
  146. package/dist/pine-core/pds-modal-content.entry.esm.js.map +1 -1
  147. package/dist/pine-core/pds-modal.entry.esm.js.map +1 -1
  148. package/dist/pine-core/pds-row.entry.esm.js.map +1 -1
  149. package/dist/pine-core/pds-textarea.entry.esm.js.map +1 -1
  150. package/dist/pine-core/pine-core.esm.js +1 -1
  151. package/dist/types/components/pds-box/pds-box.d.ts +393 -3
  152. package/dist/types/components/pds-button/pds-button.d.ts +4 -0
  153. package/dist/types/components/pds-modal/pds-modal-content/pds-modal-content.d.ts +18 -1
  154. package/dist/types/components/pds-modal/pds-modal.d.ts +5 -0
  155. package/dist/types/components/pds-modal/test/mock-pds-modal.d.ts +5 -0
  156. package/dist/types/components/pds-row/pds-row.d.ts +8 -0
  157. package/dist/types/components/pds-textarea/pds-textarea.d.ts +20 -0
  158. package/dist/types/components.d.ts +822 -8
  159. package/hydrate/index.js +489 -39
  160. package/hydrate/index.mjs +489 -39
  161. package/package.json +2 -2
  162. package/dist/pine-core/p-0485aa93.system.entry.js +0 -2
  163. package/dist/pine-core/p-0485aa93.system.entry.js.map +0 -1
  164. package/dist/pine-core/p-0d9e28a2.entry.js +0 -2
  165. package/dist/pine-core/p-0d9e28a2.entry.js.map +0 -1
  166. package/dist/pine-core/p-2186e5d4.system.entry.js +0 -2
  167. package/dist/pine-core/p-2186e5d4.system.entry.js.map +0 -1
  168. package/dist/pine-core/p-48b658fc.system.entry.js +0 -2
  169. package/dist/pine-core/p-48b658fc.system.entry.js.map +0 -1
  170. package/dist/pine-core/p-5aed29fe.system.entry.js.map +0 -1
  171. package/dist/pine-core/p-68b5665a.entry.js.map +0 -1
  172. package/dist/pine-core/p-79e2782b.entry.js.map +0 -1
  173. package/dist/pine-core/p-96a89cd5.system.entry.js +0 -2
  174. package/dist/pine-core/p-96a89cd5.system.entry.js.map +0 -1
  175. package/dist/pine-core/p-BOHu_LEs.system.js.map +0 -1
  176. package/dist/pine-core/p-CD_nPb2F.system.js.map +0 -1
  177. package/dist/pine-core/p-DAwJ242E.system.js.map +0 -1
  178. package/dist/pine-core/p-DJekRkSL.system.js.map +0 -1
  179. package/dist/pine-core/p-DNYl_6t_.system.js.map +0 -1
  180. package/dist/pine-core/p-Dt10r3RZ.system.js.map +0 -1
  181. package/dist/pine-core/p-IIl2cTlj.system.js.map +0 -1
  182. package/dist/pine-core/p-a24c46e4.entry.js +0 -2
  183. package/dist/pine-core/p-a24c46e4.entry.js.map +0 -1
  184. package/dist/pine-core/p-c4d6fe50.system.entry.js.map +0 -1
  185. package/dist/pine-core/p-c6badcf8.entry.js +0 -2
  186. package/dist/pine-core/p-c6badcf8.entry.js.map +0 -1
  187. package/dist/pine-core/p-d714f68f.system.entry.js +0 -2
  188. package/dist/pine-core/p-d714f68f.system.entry.js.map +0 -1
  189. package/dist/pine-core/p-e5ca5b8e.entry.js +0 -2
  190. package/dist/pine-core/p-e5ca5b8e.entry.js.map +0 -1
  191. package/dist/pine-core/p-fb4058e6.entry.js +0 -2
  192. package/dist/pine-core/p-fb4058e6.entry.js.map +0 -1
  193. /package/dist/pine-core/{p-02326ac3.entry.js.map → p-4c81420c.entry.js.map} +0 -0
  194. /package/dist/pine-core/{p-11d4036e.entry.js.map → p-5f5b19f4.entry.js.map} +0 -0
  195. /package/dist/pine-core/{p-7a95a90f.system.entry.js.map → p-8726c99d.system.entry.js.map} +0 -0
  196. /package/dist/pine-core/{p-884b9ae6.system.entry.js.map → p-d8d8fe07.system.entry.js.map} +0 -0
package/dist/pine-core/p-52cb152b.system.entry.js ADDED
@@ -0,0 +1,2 @@
1
+ System.register(["./p-B_C-mRjx.system.js","./p-BG6uGRQj.system.js"],(function(i){"use strict";var n,e,d,s;return{setters:[function(i){n=i.r;e=i.h;d=i.H},function(i){s=i.n}],execute:function(){var a="pds-box{--border-width-default:var(--pine-border-width-thin);--color-background-box:inherit;--color-border-box:inherit;display:block}[class*=pds-box]{background-color:var(--color-background-box);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex}[class*=pds-box][min-height]{min-height:var(--sizing-min-height-box)}[class*=pds-box][min-width]{min-width:var(--sizing-min-width-box)}.pds-row>[class*=pds-box]{position:relative;width:100%}.pds-row>[class*=pds-box].pds-box--auto{width:auto}.pds-spacing-xxs{margin:4px}.pds-spacing-xs{margin:8px}.pds-spacing-sm{margin:16px}.pds-spacing-md{margin:24px}.pds-spacing-lg{margin:36px}.pds-spacing-xl{margin:48px}.pds-spacing-xxl{margin:64px}.pds-spacing-top-xxs{-webkit-margin-before:4px;margin-block-start:4px}.pds-spacing-top-xs{-webkit-margin-before:8px;margin-block-start:8px}.pds-spacing-top-sm{-webkit-margin-before:16px;margin-block-start:16px}.pds-spacing-top-md{-webkit-margin-before:24px;margin-block-start:24px}.pds-spacing-top-lg{-webkit-margin-before:36px;margin-block-start:36px}.pds-spacing-top-xl{-webkit-margin-before:48px;margin-block-start:48px}.pds-spacing-top-xxl{-webkit-margin-before:64px;margin-block-start:64px}.pds-spacing-right-xxs{-webkit-margin-end:4px;margin-inline-end:4px}.pds-spacing-right-xs{-webkit-margin-end:8px;margin-inline-end:8px}.pds-spacing-right-sm{-webkit-margin-end:16px;margin-inline-end:16px}.pds-spacing-right-md{-webkit-margin-end:24px;margin-inline-end:24px}.pds-spacing-right-lg{-webkit-margin-end:36px;margin-inline-end:36px}.pds-spacing-right-xl{-webkit-margin-end:48px;margin-inline-end:48px}.pds-spacing-right-xxl{-webkit-margin-end:64px;margin-inline-end:64px}.pds-spacing-left-xxs{-webkit-margin-start:4px;margin-inline-start:4px}.pds-spacing-left-xs{-webkit-margin-start:8px;margin-inline-start:8px}.pds-spacing-left-sm{-webkit-margin-start:16px;margin-inline-start:16px}.pds-spacing-left-md{-webkit-margin-start:24px;margin-inline-start:24px}.pds-spacing-left-lg{-webkit-margin-start:36px;margin-inline-start:36px}.pds-spacing-left-xl{-webkit-margin-start:48px;margin-inline-start:48px}.pds-spacing-left-xxl{-webkit-margin-start:64px;margin-inline-start:64px}.pds-spacing-bottom-xxs{-webkit-margin-after:4px;margin-block-end:4px}.pds-spacing-bottom-xs{-webkit-margin-after:8px;margin-block-end:8px}.pds-spacing-bottom-sm{-webkit-margin-after:16px;margin-block-end:16px}.pds-spacing-bottom-md{-webkit-margin-after:24px;margin-block-end:24px}.pds-spacing-bottom-lg{-webkit-margin-after:36px;margin-block-end:36px}.pds-spacing-bottom-xl{-webkit-margin-after:48px;margin-block-end:48px}.pds-spacing-bottom-xxl{-webkit-margin-after:64px;margin-block-end:64px}.pds-box-offset-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-12{-webkit-margin-start:100%;margin-inline-start:100%}@media (max-width: 575px){.pds-box-offset-xs-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-xs-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-xs-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-xs-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-xs-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-xs-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-xs-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-xs-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-xs-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-xs-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-xs-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-xs-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-xs-12{-webkit-margin-start:100%;margin-inline-start:100%}}@media (min-width: 576px){.pds-box-offset-sm-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-sm-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-sm-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-sm-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-sm-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-sm-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-sm-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-sm-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-sm-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-sm-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-sm-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-sm-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-sm-12{-webkit-margin-start:100%;margin-inline-start:100%}}@media (min-width: 768px){.pds-box-offset-md-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-md-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-md-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-md-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-md-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-md-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-md-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-md-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-md-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-md-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-md-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-md-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-md-12{-webkit-margin-start:100%;margin-inline-start:100%}}@media (min-width: 992px){.pds-box-offset-lg-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-lg-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-lg-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-lg-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-lg-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-lg-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-lg-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-lg-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-lg-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-lg-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-lg-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-lg-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-lg-12{-webkit-margin-start:100%;margin-inline-start:100%}}@media (min-width: 1200px){.pds-box-offset-xl-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-xl-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-xl-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-xl-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-xl-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-xl-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-xl-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-xl-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-xl-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-xl-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-xl-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-xl-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-xl-12{-webkit-margin-start:100%;margin-inline-start:100%}}.pds-box-0{display:none}.pds-box-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}@media (max-width: 575px){.pds-box-xs-0{display:none}.pds-box-xs-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-xs-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-xs-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-xs-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-xs-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-xs-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-xs-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-xs-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-xs-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-xs-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-xs-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-xs-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}@media (min-width: 576px){.pds-box-sm-0{display:none}.pds-box-sm-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-sm-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-sm-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-sm-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-sm-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-sm-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-sm-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-sm-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-sm-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-sm-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-sm-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-sm-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}@media (min-width: 768px){.pds-box-md-0{display:none}.pds-box-md-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-md-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-md-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-md-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-md-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-md-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-md-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-md-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-md-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-md-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-md-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-md-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}@media (min-width: 992px){.pds-box-lg-0{display:none}.pds-box-lg-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-lg-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-lg-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-lg-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-lg-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-lg-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-lg-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-lg-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-lg-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-lg-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-lg-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-lg-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}@media (min-width: 1200px){.pds-box-xl-0{display:none}.pds-box-xl-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-xl-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-xl-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-xl-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-xl-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-xl-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-xl-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-xl-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-xl-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-xl-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-xl-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-xl-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}.pds-box{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1}.pds-row>.pds-box[class*=pds-box-]{-ms-flex-preferred-size:auto;flex-basis:auto}.pds-box--auto{-ms-flex:0 0 var(--sizing-min-width-box, fit-content);flex:0 0 var(--sizing-min-width-box, fit-content);min-width:auto;width:auto}.pds-box--fit{max-width:100%;min-width:100%;width:100%}.pds-box--border{border-color:var(--color-border-box, var(--pine-color-grey-300));border-style:solid;border-width:var(--border-width-default)}.pds-box--display-flex{display:-ms-flexbox;display:flex}.pds-box--display-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.pds-box--display-block{display:block}.pds-box--display-inline-block{display:inline-block}.pds-box--flex-none{-ms-flex:0 0 auto;flex:0 0 auto}.pds-box--flex-grow{-ms-flex:1 1 auto;flex:1 1 auto}.pds-box--flex-shrink{-ms-flex:0 0 auto;flex:0 0 auto}.pds-border-radius-none{border-radius:0}.pds-border-radius-xs{border-radius:var(--pine-dimension-2xs)}.pds-border-radius-sm{border-radius:var(--pine-dimension-xs)}.pds-border-radius-md{border-radius:var(--pine-dimension-125)}.pds-border-radius-lg{border-radius:var(--pine-dimension-sm)}.pds-border-radius-circle{border-radius:var(--pine-border-radius-full)}.pds-shadow-050{-webkit-box-shadow:var(--pine-box-shadow-050);box-shadow:var(--pine-box-shadow-050)}.pds-shadow-100{-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100)}.pds-shadow-150{-webkit-box-shadow:var(--pine-box-shadow-150);box-shadow:var(--pine-box-shadow-150)}.pds-shadow-200{-webkit-box-shadow:var(--pine-box-shadow-200);box-shadow:var(--pine-box-shadow-200)}.pds-shadow-300{-webkit-box-shadow:var(--pine-box-shadow-300);box-shadow:var(--pine-box-shadow-300)}.pds-shadow-400{-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400)}.pds-shadow-500{-webkit-box-shadow:var(--pine-box-shadow-500);box-shadow:var(--pine-box-shadow-500)}.pds-shadow-xs{-webkit-box-shadow:var(--pine-box-shadow-050);box-shadow:var(--pine-box-shadow-050)}.pds-shadow-sm{-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100)}.pds-shadow-md{-webkit-box-shadow:var(--pine-box-shadow-150);box-shadow:var(--pine-box-shadow-150)}.pds-shadow-lg{-webkit-box-shadow:var(--pine-box-shadow-200);box-shadow:var(--pine-box-shadow-200)}.pds-box-gap-none{gap:0}.pds-box-gap-xxs{gap:var(--pine-dimension-2xs)}.pds-box-gap-xs{gap:var(--pine-dimension-xs)}.pds-box-gap-sm{gap:var(--pine-dimension-sm)}.pds-box-gap-md{gap:var(--pine-dimension-md)}.pds-box-gap-lg{gap:var(--pine-dimension-lg)}.pds-box-gap-xl{gap:var(--pine-dimension-xl)}.pds-box-gap-xxl{gap:var(--pine-dimension-2xl)}.pds-margin-block-start-xxs{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-margin-block-start-xs{-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-margin-block-start-sm{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-margin-block-start-md{-webkit-margin-before:var(--pine-dimension-md);margin-block-start:var(--pine-dimension-md)}.pds-margin-block-start-lg{-webkit-margin-before:var(--pine-dimension-lg);margin-block-start:var(--pine-dimension-lg)}.pds-margin-block-start-xl{-webkit-margin-before:var(--pine-dimension-xl);margin-block-start:var(--pine-dimension-xl)}.pds-margin-block-start-xxl{-webkit-margin-before:var(--pine-dimension-2xl);margin-block-start:var(--pine-dimension-2xl)}.pds-margin-inline-start-none{-webkit-margin-start:0;margin-inline-start:0}.pds-margin-inline-start-xxs{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-margin-inline-start-xs{-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-margin-inline-start-sm{-webkit-margin-start:var(--pine-dimension-sm);margin-inline-start:var(--pine-dimension-sm)}.pds-margin-inline-start-md{-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md)}.pds-margin-inline-start-lg{-webkit-margin-start:var(--pine-dimension-lg);margin-inline-start:var(--pine-dimension-lg)}.pds-margin-inline-start-xl{-webkit-margin-start:var(--pine-dimension-xl);margin-inline-start:var(--pine-dimension-xl)}.pds-margin-inline-start-xxl{-webkit-margin-start:var(--pine-dimension-2xl);margin-inline-start:var(--pine-dimension-2xl)}.pds-margin-inline-end-none{-webkit-margin-end:0;margin-inline-end:0}.pds-margin-inline-end-xxs{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-margin-inline-end-xs{-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-margin-inline-end-sm{-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-margin-inline-end-md{-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-margin-inline-end-lg{-webkit-margin-end:var(--pine-dimension-lg);margin-inline-end:var(--pine-dimension-lg)}.pds-margin-inline-end-xl{-webkit-margin-end:var(--pine-dimension-xl);margin-inline-end:var(--pine-dimension-xl)}.pds-margin-inline-end-xxl{-webkit-margin-end:var(--pine-dimension-2xl);margin-inline-end:var(--pine-dimension-2xl)}.pds-margin-block-end-none{-webkit-margin-after:0;margin-block-end:0}.pds-margin-block-end-xxs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-margin-block-end-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-margin-block-end-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-margin-block-end-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-margin-block-end-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-margin-block-end-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-margin-block-end-xxl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-padding-none{padding:0}.pds-padding-xxs{padding:var(--pine-dimension-2xs)}.pds-padding-xs{padding:var(--pine-dimension-xs)}.pds-padding-sm{padding:var(--pine-dimension-sm)}.pds-padding-md{padding:var(--pine-dimension-md)}.pds-padding-lg{padding:var(--pine-dimension-lg)}.pds-padding-xl{padding:var(--pine-dimension-xl)}.pds-padding-xxl{padding:var(--pine-dimension-2xl)}.pds-padding-block-start-none{-webkit-padding-before:var(--pine-dimension-none);padding-block-start:var(--pine-dimension-none)}.pds-padding-block-start-xxs{-webkit-padding-before:var(--pine-dimension-2xs);padding-block-start:var(--pine-dimension-2xs)}.pds-padding-block-start-xs{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-padding-block-start-sm{-webkit-padding-before:var(--pine-dimension-sm);padding-block-start:var(--pine-dimension-sm)}.pds-padding-block-start-md{-webkit-padding-before:var(--pine-dimension-md);padding-block-start:var(--pine-dimension-md)}.pds-padding-block-start-lg{-webkit-padding-before:var(--pine-dimension-lg);padding-block-start:var(--pine-dimension-lg)}.pds-padding-block-start-xl{-webkit-padding-before:var(--pine-dimension-xl);padding-block-start:var(--pine-dimension-xl)}.pds-padding-block-start-xxl{-webkit-padding-before:var(--pine-dimension-2xl);padding-block-start:var(--pine-dimension-2xl)}.pds-padding-block-end-none{-webkit-padding-after:var(--pine-dimension-none);padding-block-end:var(--pine-dimension-none)}.pds-padding-block-end-xxs{-webkit-padding-after:var(--pine-dimension-2xs);padding-block-end:var(--pine-dimension-2xs)}.pds-padding-block-end-xs{-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs)}.pds-padding-block-end-sm{-webkit-padding-after:var(--pine-dimension-sm);padding-block-end:var(--pine-dimension-sm)}.pds-padding-block-end-md{-webkit-padding-after:var(--pine-dimension-md);padding-block-end:var(--pine-dimension-md)}.pds-padding-block-end-lg{-webkit-padding-after:var(--pine-dimension-lg);padding-block-end:var(--pine-dimension-lg)}.pds-padding-block-end-xl{-webkit-padding-after:var(--pine-dimension-xl);padding-block-end:var(--pine-dimension-xl)}.pds-padding-block-end-xxl{-webkit-padding-after:var(--pine-dimension-2xl);padding-block-end:var(--pine-dimension-2xl)}.pds-padding-inline-start-none{-webkit-padding-start:var(--pine-dimension-none);padding-inline-start:var(--pine-dimension-none)}.pds-padding-inline-start-xxs{-webkit-padding-start:var(--pine-dimension-2xs);padding-inline-start:var(--pine-dimension-2xs)}.pds-padding-inline-start-xs{-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs)}.pds-padding-inline-start-sm{-webkit-padding-start:var(--pine-dimension-sm);padding-inline-start:var(--pine-dimension-sm)}.pds-padding-inline-start-md{-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-padding-inline-start-lg{-webkit-padding-start:var(--pine-dimension-lg);padding-inline-start:var(--pine-dimension-lg)}.pds-padding-inline-start-xl{-webkit-padding-start:var(--pine-dimension-xl);padding-inline-start:var(--pine-dimension-xl)}.pds-padding-inline-start-xxl{-webkit-padding-start:var(--pine-dimension-2xl);padding-inline-start:var(--pine-dimension-2xl)}.pds-padding-inline-end-none{-webkit-padding-end:var(--pine-dimension-none);padding-inline-end:var(--pine-dimension-none)}.pds-padding-inline-end-xxs{-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs)}.pds-padding-inline-end-xs{-webkit-padding-end:var(--pine-dimension-xs);padding-inline-end:var(--pine-dimension-xs)}.pds-padding-inline-end-sm{-webkit-padding-end:var(--pine-dimension-sm);padding-inline-end:var(--pine-dimension-sm)}.pds-padding-inline-end-md{-webkit-padding-end:var(--pine-dimension-md);padding-inline-end:var(--pine-dimension-md)}.pds-padding-inline-end-lg{-webkit-padding-end:var(--pine-dimension-lg);padding-inline-end:var(--pine-dimension-lg)}.pds-padding-inline-end-xl{-webkit-padding-end:var(--pine-dimension-xl);padding-inline-end:var(--pine-dimension-xl)}.pds-padding-inline-end-xxl{-webkit-padding-end:var(--pine-dimension-2xl);padding-inline-end:var(--pine-dimension-2xl)}.pds-box-display-block{display:block}.pds-box-display-inline-block{display:inline-block}.pds-box-display-flex{display:-ms-flexbox;display:flex}.pds-box-display-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.pds-box-direction-row{-ms-flex-direction:row;flex-direction:row}.pds-box-direction-column{-ms-flex-direction:column;flex-direction:column}.pds-box--wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.pds-justify-content-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}@media (max-width: 575px){.pds-justify-content-xs-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-xs-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-xs-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-xs-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-xs-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-xs-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 576px){.pds-justify-content-sm-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-sm-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-sm-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-sm-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-sm-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-sm-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 768px){.pds-justify-content-md-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-md-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-md-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-md-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-md-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-md-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 992px){.pds-justify-content-lg-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-lg-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-lg-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-lg-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-lg-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-lg-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 1200px){.pds-justify-content-xl-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-xl-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-xl-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-xl-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-xl-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-xl-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}}.pds-align-items-start{-ms-flex-align:start;align-items:start}.pds-align-items-center{-ms-flex-align:center;align-items:center}.pds-align-items-end{-ms-flex-align:end;align-items:end}.pds-align-items-baseline{-ms-flex-align:baseline;align-items:baseline}.pds-align-items-stretch{-ms-flex-align:stretch;align-items:stretch}@media (max-width: 575px){.pds-align-items-xs-start{-ms-flex-align:start;align-items:start}.pds-align-items-xs-center{-ms-flex-align:center;align-items:center}.pds-align-items-xs-end{-ms-flex-align:end;align-items:end}.pds-align-items-xs-baseline{-ms-flex-align:baseline;align-items:baseline}.pds-align-items-xs-stretch{-ms-flex-align:stretch;align-items:stretch}}@media (min-width: 576px){.pds-align-items-sm-start{-ms-flex-align:start;align-items:start}.pds-align-items-sm-center{-ms-flex-align:center;align-items:center}.pds-align-items-sm-end{-ms-flex-align:end;align-items:end}.pds-align-items-sm-baseline{-ms-flex-align:baseline;align-items:baseline}.pds-align-items-sm-stretch{-ms-flex-align:stretch;align-items:stretch}}@media (min-width: 768px){.pds-align-items-md-start{-ms-flex-align:start;align-items:start}.pds-align-items-md-center{-ms-flex-align:center;align-items:center}.pds-align-items-md-end{-ms-flex-align:end;align-items:end}.pds-align-items-md-baseline{-ms-flex-align:baseline;align-items:baseline}.pds-align-items-md-stretch{-ms-flex-align:stretch;align-items:stretch}}@media (min-width: 992px){.pds-align-items-lg-start{-ms-flex-align:start;align-items:start}.pds-align-items-lg-center{-ms-flex-align:center;align-items:center}.pds-align-items-lg-end{-ms-flex-align:end;align-items:end}.pds-align-items-lg-baseline{-ms-flex-align:baseline;align-items:baseline}.pds-align-items-lg-stretch{-ms-flex-align:stretch;align-items:stretch}}@media (min-width: 1200px){.pds-align-items-xl-start{-ms-flex-align:start;align-items:start}.pds-align-items-xl-center{-ms-flex-align:center;align-items:center}.pds-align-items-xl-end{-ms-flex-align:end;align-items:end}.pds-align-items-xl-baseline{-ms-flex-align:baseline;align-items:baseline}.pds-align-items-xl-stretch{-ms-flex-align:stretch;align-items:stretch}}.pds-align-self-start{-ms-flex-item-align:start;align-self:start}.pds-align-self-center{-ms-flex-item-align:center;align-self:center}.pds-align-self-end{-ms-flex-item-align:end;align-self:end}.pds-align-self-baseline{-ms-flex-item-align:baseline;align-self:baseline}.pds-align-self-stretch{-ms-flex-item-align:stretch;align-self:stretch}@media (max-width: 575px){.pds-align-self-xs-start{-ms-flex-item-align:start;align-self:start}.pds-align-self-xs-center{-ms-flex-item-align:center;align-self:center}.pds-align-self-xs-end{-ms-flex-item-align:end;align-self:end}.pds-align-self-xs-baseline{-ms-flex-item-align:baseline;align-self:baseline}.pds-align-self-xs-stretch{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 576px){.pds-align-self-sm-start{-ms-flex-item-align:start;align-self:start}.pds-align-self-sm-center{-ms-flex-item-align:center;align-self:center}.pds-align-self-sm-end{-ms-flex-item-align:end;align-self:end}.pds-align-self-sm-baseline{-ms-flex-item-align:baseline;align-self:baseline}.pds-align-self-sm-stretch{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 768px){.pds-align-self-md-start{-ms-flex-item-align:start;align-self:start}.pds-align-self-md-center{-ms-flex-item-align:center;align-self:center}.pds-align-self-md-end{-ms-flex-item-align:end;align-self:end}.pds-align-self-md-baseline{-ms-flex-item-align:baseline;align-self:baseline}.pds-align-self-md-stretch{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 992px){.pds-align-self-lg-start{-ms-flex-item-align:start;align-self:start}.pds-align-self-lg-center{-ms-flex-item-align:center;align-self:center}.pds-align-self-lg-end{-ms-flex-item-align:end;align-self:end}.pds-align-self-lg-baseline{-ms-flex-item-align:baseline;align-self:baseline}.pds-align-self-lg-stretch{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 1200px){.pds-align-self-xl-start{-ms-flex-item-align:start;align-self:start}.pds-align-self-xl-center{-ms-flex-item-align:center;align-self:center}.pds-align-self-xl-end{-ms-flex-item-align:end;align-self:end}.pds-align-self-xl-baseline{-ms-flex-item-align:baseline;align-self:baseline}.pds-align-self-xl-stretch{-ms-flex-item-align:stretch;align-self:stretch}}@media (max-width: 575px){.pds-box--wrap-xs{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (min-width: 576px){.pds-box--wrap-sm{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (min-width: 768px){.pds-box--wrap-md{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (min-width: 992px){.pds-box--wrap-lg{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (min-width: 1200px){.pds-box--wrap-xl{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (max-width: 575px){.pds-box--auto-xs{-ms-flex:0 0 var(--sizing-min-width-box, fit-content);flex:0 0 var(--sizing-min-width-box, fit-content);min-width:auto;width:auto}}@media (min-width: 576px){.pds-box--auto-sm{-ms-flex:0 0 var(--sizing-min-width-box, fit-content);flex:0 0 var(--sizing-min-width-box, fit-content);min-width:auto;width:auto}}@media (min-width: 768px){.pds-box--auto-md{-ms-flex:0 0 var(--sizing-min-width-box, fit-content);flex:0 0 var(--sizing-min-width-box, fit-content);min-width:auto;width:auto}}@media (min-width: 992px){.pds-box--auto-lg{-ms-flex:0 0 var(--sizing-min-width-box, fit-content);flex:0 0 var(--sizing-min-width-box, fit-content);min-width:auto;width:auto}}@media (min-width: 1200px){.pds-box--auto-xl{-ms-flex:0 0 var(--sizing-min-width-box, fit-content);flex:0 0 var(--sizing-min-width-box, fit-content);min-width:auto;width:auto}}@media (max-width: 575px){.pds-box--fit-xs{max-width:100%;min-width:100%;width:100%}}@media (min-width: 576px){.pds-box--fit-sm{max-width:100%;min-width:100%;width:100%}}@media (min-width: 768px){.pds-box--fit-md{max-width:100%;min-width:100%;width:100%}}@media (min-width: 992px){.pds-box--fit-lg{max-width:100%;min-width:100%;width:100%}}@media (min-width: 1200px){.pds-box--fit-xl{max-width:100%;min-width:100%;width:100%}}@media (max-width: 575px){.pds-box-gap-xs-none{gap:0}.pds-box-gap-xs-xxs{gap:var(--pine-dimension-2xs)}.pds-box-gap-xs-xs{gap:var(--pine-dimension-xs)}.pds-box-gap-xs-sm{gap:var(--pine-dimension-sm)}.pds-box-gap-xs-md{gap:var(--pine-dimension-md)}.pds-box-gap-xs-lg{gap:var(--pine-dimension-lg)}.pds-box-gap-xs-xl{gap:var(--pine-dimension-xl)}.pds-box-gap-xs-xxl{gap:var(--pine-dimension-2xl)}}@media (min-width: 576px){.pds-box-gap-sm-none{gap:0}.pds-box-gap-sm-xxs{gap:var(--pine-dimension-2xs)}.pds-box-gap-sm-xs{gap:var(--pine-dimension-xs)}.pds-box-gap-sm-sm{gap:var(--pine-dimension-sm)}.pds-box-gap-sm-md{gap:var(--pine-dimension-md)}.pds-box-gap-sm-lg{gap:var(--pine-dimension-lg)}.pds-box-gap-sm-xl{gap:var(--pine-dimension-xl)}.pds-box-gap-sm-xxl{gap:var(--pine-dimension-2xl)}}@media (min-width: 768px){.pds-box-gap-md-none{gap:0}.pds-box-gap-md-xxs{gap:var(--pine-dimension-2xs)}.pds-box-gap-md-xs{gap:var(--pine-dimension-xs)}.pds-box-gap-md-sm{gap:var(--pine-dimension-sm)}.pds-box-gap-md-md{gap:var(--pine-dimension-md)}.pds-box-gap-md-lg{gap:var(--pine-dimension-lg)}.pds-box-gap-md-xl{gap:var(--pine-dimension-xl)}.pds-box-gap-md-xxl{gap:var(--pine-dimension-2xl)}}@media (min-width: 992px){.pds-box-gap-lg-none{gap:0}.pds-box-gap-lg-xxs{gap:var(--pine-dimension-2xs)}.pds-box-gap-lg-xs{gap:var(--pine-dimension-xs)}.pds-box-gap-lg-sm{gap:var(--pine-dimension-sm)}.pds-box-gap-lg-md{gap:var(--pine-dimension-md)}.pds-box-gap-lg-lg{gap:var(--pine-dimension-lg)}.pds-box-gap-lg-xl{gap:var(--pine-dimension-xl)}.pds-box-gap-lg-xxl{gap:var(--pine-dimension-2xl)}}@media (min-width: 1200px){.pds-box-gap-xl-none{gap:0}.pds-box-gap-xl-xxs{gap:var(--pine-dimension-2xs)}.pds-box-gap-xl-xs{gap:var(--pine-dimension-xs)}.pds-box-gap-xl-sm{gap:var(--pine-dimension-sm)}.pds-box-gap-xl-md{gap:var(--pine-dimension-md)}.pds-box-gap-xl-lg{gap:var(--pine-dimension-lg)}.pds-box-gap-xl-xl{gap:var(--pine-dimension-xl)}.pds-box-gap-xl-xxl{gap:var(--pine-dimension-2xl)}}@media (max-width: 575px){.pds-margin-block-start-xs-none{-webkit-margin-before:0;margin-block-start:0}.pds-margin-inline-start-xs-none{-webkit-margin-start:0;margin-inline-start:0}.pds-margin-inline-end-xs-none{-webkit-margin-end:0;margin-inline-end:0}.pds-margin-block-end-xs-none{-webkit-margin-after:0;margin-block-end:0}.pds-margin-block-start-xs-xxs{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-margin-inline-start-xs-xxs{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-margin-inline-end-xs-xxs{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-margin-block-end-xs-xxs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-margin-block-start-xs-xs{-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-margin-inline-start-xs-xs{-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-margin-inline-end-xs-xs{-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-margin-block-end-xs-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-margin-block-start-xs-sm{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-margin-inline-start-xs-sm{-webkit-margin-start:var(--pine-dimension-sm);margin-inline-start:var(--pine-dimension-sm)}.pds-margin-inline-end-xs-sm{-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-margin-block-end-xs-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-margin-block-start-xs-md{-webkit-margin-before:var(--pine-dimension-md);margin-block-start:var(--pine-dimension-md)}.pds-margin-inline-start-xs-md{-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md)}.pds-margin-inline-end-xs-md{-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-margin-block-end-xs-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-margin-block-start-xs-lg{-webkit-margin-before:var(--pine-dimension-lg);margin-block-start:var(--pine-dimension-lg)}.pds-margin-inline-start-xs-lg{-webkit-margin-start:var(--pine-dimension-lg);margin-inline-start:var(--pine-dimension-lg)}.pds-margin-inline-end-xs-lg{-webkit-margin-end:var(--pine-dimension-lg);margin-inline-end:var(--pine-dimension-lg)}.pds-margin-block-end-xs-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-margin-block-start-xs-xl{-webkit-margin-before:var(--pine-dimension-xl);margin-block-start:var(--pine-dimension-xl)}.pds-margin-inline-start-xs-xl{-webkit-margin-start:var(--pine-dimension-xl);margin-inline-start:var(--pine-dimension-xl)}.pds-margin-inline-end-xs-xl{-webkit-margin-end:var(--pine-dimension-xl);margin-inline-end:var(--pine-dimension-xl)}.pds-margin-block-end-xs-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-margin-block-start-xs-xxl{-webkit-margin-before:var(--pine-dimension-2xl);margin-block-start:var(--pine-dimension-2xl)}.pds-margin-inline-start-xs-xxl{-webkit-margin-start:var(--pine-dimension-2xl);margin-inline-start:var(--pine-dimension-2xl)}.pds-margin-inline-end-xs-xxl{-webkit-margin-end:var(--pine-dimension-2xl);margin-inline-end:var(--pine-dimension-2xl)}.pds-margin-block-end-xs-xxl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}}@media (min-width: 576px){.pds-margin-block-start-sm-none{-webkit-margin-before:0;margin-block-start:0}.pds-margin-inline-start-sm-none{-webkit-margin-start:0;margin-inline-start:0}.pds-margin-inline-end-sm-none{-webkit-margin-end:0;margin-inline-end:0}.pds-margin-block-end-sm-none{-webkit-margin-after:0;margin-block-end:0}.pds-margin-block-start-sm-xxs{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-margin-inline-start-sm-xxs{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-margin-inline-end-sm-xxs{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-margin-block-end-sm-xxs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-margin-block-start-sm-xs{-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-margin-inline-start-sm-xs{-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-margin-inline-end-sm-xs{-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-margin-block-end-sm-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-margin-block-start-sm-sm{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-margin-inline-start-sm-sm{-webkit-margin-start:var(--pine-dimension-sm);margin-inline-start:var(--pine-dimension-sm)}.pds-margin-inline-end-sm-sm{-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-margin-block-end-sm-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-margin-block-start-sm-md{-webkit-margin-before:var(--pine-dimension-md);margin-block-start:var(--pine-dimension-md)}.pds-margin-inline-start-sm-md{-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md)}.pds-margin-inline-end-sm-md{-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-margin-block-end-sm-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-margin-block-start-sm-lg{-webkit-margin-before:var(--pine-dimension-lg);margin-block-start:var(--pine-dimension-lg)}.pds-margin-inline-start-sm-lg{-webkit-margin-start:var(--pine-dimension-lg);margin-inline-start:var(--pine-dimension-lg)}.pds-margin-inline-end-sm-lg{-webkit-margin-end:var(--pine-dimension-lg);margin-inline-end:var(--pine-dimension-lg)}.pds-margin-block-end-sm-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-margin-block-start-sm-xl{-webkit-margin-before:var(--pine-dimension-xl);margin-block-start:var(--pine-dimension-xl)}.pds-margin-inline-start-sm-xl{-webkit-margin-start:var(--pine-dimension-xl);margin-inline-start:var(--pine-dimension-xl)}.pds-margin-inline-end-sm-xl{-webkit-margin-end:var(--pine-dimension-xl);margin-inline-end:var(--pine-dimension-xl)}.pds-margin-block-end-sm-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-margin-block-start-sm-xxl{-webkit-margin-before:var(--pine-dimension-2xl);margin-block-start:var(--pine-dimension-2xl)}.pds-margin-inline-start-sm-xxl{-webkit-margin-start:var(--pine-dimension-2xl);margin-inline-start:var(--pine-dimension-2xl)}.pds-margin-inline-end-sm-xxl{-webkit-margin-end:var(--pine-dimension-2xl);margin-inline-end:var(--pine-dimension-2xl)}.pds-margin-block-end-sm-xxl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}}@media (min-width: 768px){.pds-margin-block-start-md-none{-webkit-margin-before:0;margin-block-start:0}.pds-margin-inline-start-md-none{-webkit-margin-start:0;margin-inline-start:0}.pds-margin-inline-end-md-none{-webkit-margin-end:0;margin-inline-end:0}.pds-margin-block-end-md-none{-webkit-margin-after:0;margin-block-end:0}.pds-margin-block-start-md-xxs{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-margin-inline-start-md-xxs{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-margin-inline-end-md-xxs{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-margin-block-end-md-xxs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-margin-block-start-md-xs{-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-margin-inline-start-md-xs{-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-margin-inline-end-md-xs{-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-margin-block-end-md-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-margin-block-start-md-sm{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-margin-inline-start-md-sm{-webkit-margin-start:var(--pine-dimension-sm);margin-inline-start:var(--pine-dimension-sm)}.pds-margin-inline-end-md-sm{-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-margin-block-end-md-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-margin-block-start-md-md{-webkit-margin-before:var(--pine-dimension-md);margin-block-start:var(--pine-dimension-md)}.pds-margin-inline-start-md-md{-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md)}.pds-margin-inline-end-md-md{-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-margin-block-end-md-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-margin-block-start-md-lg{-webkit-margin-before:var(--pine-dimension-lg);margin-block-start:var(--pine-dimension-lg)}.pds-margin-inline-start-md-lg{-webkit-margin-start:var(--pine-dimension-lg);margin-inline-start:var(--pine-dimension-lg)}.pds-margin-inline-end-md-lg{-webkit-margin-end:var(--pine-dimension-lg);margin-inline-end:var(--pine-dimension-lg)}.pds-margin-block-end-md-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-margin-block-start-md-xl{-webkit-margin-before:var(--pine-dimension-xl);margin-block-start:var(--pine-dimension-xl)}.pds-margin-inline-start-md-xl{-webkit-margin-start:var(--pine-dimension-xl);margin-inline-start:var(--pine-dimension-xl)}.pds-margin-inline-end-md-xl{-webkit-margin-end:var(--pine-dimension-xl);margin-inline-end:var(--pine-dimension-xl)}.pds-margin-block-end-md-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-margin-block-start-md-xxl{-webkit-margin-before:var(--pine-dimension-2xl);margin-block-start:var(--pine-dimension-2xl)}.pds-margin-inline-start-md-xxl{-webkit-margin-start:var(--pine-dimension-2xl);margin-inline-start:var(--pine-dimension-2xl)}.pds-margin-inline-end-md-xxl{-webkit-margin-end:var(--pine-dimension-2xl);margin-inline-end:var(--pine-dimension-2xl)}.pds-margin-block-end-md-xxl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}}@media (min-width: 992px){.pds-margin-block-start-lg-none{-webkit-margin-before:0;margin-block-start:0}.pds-margin-inline-start-lg-none{-webkit-margin-start:0;margin-inline-start:0}.pds-margin-inline-end-lg-none{-webkit-margin-end:0;margin-inline-end:0}.pds-margin-block-end-lg-none{-webkit-margin-after:0;margin-block-end:0}.pds-margin-block-start-lg-xxs{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-margin-inline-start-lg-xxs{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-margin-inline-end-lg-xxs{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-margin-block-end-lg-xxs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-margin-block-start-lg-xs{-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-margin-inline-start-lg-xs{-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-margin-inline-end-lg-xs{-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-margin-block-end-lg-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-margin-block-start-lg-sm{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-margin-inline-start-lg-sm{-webkit-margin-start:var(--pine-dimension-sm);margin-inline-start:var(--pine-dimension-sm)}.pds-margin-inline-end-lg-sm{-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-margin-block-end-lg-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-margin-block-start-lg-md{-webkit-margin-before:var(--pine-dimension-md);margin-block-start:var(--pine-dimension-md)}.pds-margin-inline-start-lg-md{-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md)}.pds-margin-inline-end-lg-md{-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-margin-block-end-lg-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-margin-block-start-lg-lg{-webkit-margin-before:var(--pine-dimension-lg);margin-block-start:var(--pine-dimension-lg)}.pds-margin-inline-start-lg-lg{-webkit-margin-start:var(--pine-dimension-lg);margin-inline-start:var(--pine-dimension-lg)}.pds-margin-inline-end-lg-lg{-webkit-margin-end:var(--pine-dimension-lg);margin-inline-end:var(--pine-dimension-lg)}.pds-margin-block-end-lg-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-margin-block-start-lg-xl{-webkit-margin-before:var(--pine-dimension-xl);margin-block-start:var(--pine-dimension-xl)}.pds-margin-inline-start-lg-xl{-webkit-margin-start:var(--pine-dimension-xl);margin-inline-start:var(--pine-dimension-xl)}.pds-margin-inline-end-lg-xl{-webkit-margin-end:var(--pine-dimension-xl);margin-inline-end:var(--pine-dimension-xl)}.pds-margin-block-end-lg-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-margin-block-start-lg-xxl{-webkit-margin-before:var(--pine-dimension-2xl);margin-block-start:var(--pine-dimension-2xl)}.pds-margin-inline-start-lg-xxl{-webkit-margin-start:var(--pine-dimension-2xl);margin-inline-start:var(--pine-dimension-2xl)}.pds-margin-inline-end-lg-xxl{-webkit-margin-end:var(--pine-dimension-2xl);margin-inline-end:var(--pine-dimension-2xl)}.pds-margin-block-end-lg-xxl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}}@media (min-width: 1200px){.pds-margin-block-start-xl-none{-webkit-margin-before:0;margin-block-start:0}.pds-margin-inline-start-xl-none{-webkit-margin-start:0;margin-inline-start:0}.pds-margin-inline-end-xl-none{-webkit-margin-end:0;margin-inline-end:0}.pds-margin-block-end-xl-none{-webkit-margin-after:0;margin-block-end:0}.pds-margin-block-start-xl-xxs{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-margin-inline-start-xl-xxs{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-margin-inline-end-xl-xxs{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-margin-block-end-xl-xxs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-margin-block-start-xl-xs{-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-margin-inline-start-xl-xs{-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-margin-inline-end-xl-xs{-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-margin-block-end-xl-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-margin-block-start-xl-sm{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-margin-inline-start-xl-sm{-webkit-margin-start:var(--pine-dimension-sm);margin-inline-start:var(--pine-dimension-sm)}.pds-margin-inline-end-xl-sm{-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-margin-block-end-xl-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-margin-block-start-xl-md{-webkit-margin-before:var(--pine-dimension-md);margin-block-start:var(--pine-dimension-md)}.pds-margin-inline-start-xl-md{-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md)}.pds-margin-inline-end-xl-md{-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-margin-block-end-xl-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-margin-block-start-xl-lg{-webkit-margin-before:var(--pine-dimension-lg);margin-block-start:var(--pine-dimension-lg)}.pds-margin-inline-start-xl-lg{-webkit-margin-start:var(--pine-dimension-lg);margin-inline-start:var(--pine-dimension-lg)}.pds-margin-inline-end-xl-lg{-webkit-margin-end:var(--pine-dimension-lg);margin-inline-end:var(--pine-dimension-lg)}.pds-margin-block-end-xl-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-margin-block-start-xl-xl{-webkit-margin-before:var(--pine-dimension-xl);margin-block-start:var(--pine-dimension-xl)}.pds-margin-inline-start-xl-xl{-webkit-margin-start:var(--pine-dimension-xl);margin-inline-start:var(--pine-dimension-xl)}.pds-margin-inline-end-xl-xl{-webkit-margin-end:var(--pine-dimension-xl);margin-inline-end:var(--pine-dimension-xl)}.pds-margin-block-end-xl-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-margin-block-start-xl-xxl{-webkit-margin-before:var(--pine-dimension-2xl);margin-block-start:var(--pine-dimension-2xl)}.pds-margin-inline-start-xl-xxl{-webkit-margin-start:var(--pine-dimension-2xl);margin-inline-start:var(--pine-dimension-2xl)}.pds-margin-inline-end-xl-xxl{-webkit-margin-end:var(--pine-dimension-2xl);margin-inline-end:var(--pine-dimension-2xl)}.pds-margin-block-end-xl-xxl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}}@media (max-width: 575px){.pds-padding-xs-none{padding:var(--pine-dimension-none)}.pds-padding-block-start-xs-none{-webkit-padding-before:var(--pine-dimension-none);padding-block-start:var(--pine-dimension-none)}.pds-padding-block-end-xs-none{-webkit-padding-after:var(--pine-dimension-none);padding-block-end:var(--pine-dimension-none)}.pds-padding-inline-start-xs-none{-webkit-padding-start:var(--pine-dimension-none);padding-inline-start:var(--pine-dimension-none)}.pds-padding-inline-end-xs-none{-webkit-padding-end:var(--pine-dimension-none);padding-inline-end:var(--pine-dimension-none)}.pds-padding-xs-xxs{padding:var(--pine-dimension-2xs)}.pds-padding-block-start-xs-xxs{-webkit-padding-before:var(--pine-dimension-2xs);padding-block-start:var(--pine-dimension-2xs)}.pds-padding-block-end-xs-xxs{-webkit-padding-after:var(--pine-dimension-2xs);padding-block-end:var(--pine-dimension-2xs)}.pds-padding-inline-start-xs-xxs{-webkit-padding-start:var(--pine-dimension-2xs);padding-inline-start:var(--pine-dimension-2xs)}.pds-padding-inline-end-xs-xxs{-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs)}.pds-padding-xs-xs{padding:var(--pine-dimension-xs)}.pds-padding-block-start-xs-xs{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-padding-block-end-xs-xs{-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs)}.pds-padding-inline-start-xs-xs{-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs)}.pds-padding-inline-end-xs-xs{-webkit-padding-end:var(--pine-dimension-xs);padding-inline-end:var(--pine-dimension-xs)}.pds-padding-xs-sm{padding:var(--pine-dimension-sm)}.pds-padding-block-start-xs-sm{-webkit-padding-before:var(--pine-dimension-sm);padding-block-start:var(--pine-dimension-sm)}.pds-padding-block-end-xs-sm{-webkit-padding-after:var(--pine-dimension-sm);padding-block-end:var(--pine-dimension-sm)}.pds-padding-inline-start-xs-sm{-webkit-padding-start:var(--pine-dimension-sm);padding-inline-start:var(--pine-dimension-sm)}.pds-padding-inline-end-xs-sm{-webkit-padding-end:var(--pine-dimension-sm);padding-inline-end:var(--pine-dimension-sm)}.pds-padding-xs-md{padding:var(--pine-dimension-md)}.pds-padding-block-start-xs-md{-webkit-padding-before:var(--pine-dimension-md);padding-block-start:var(--pine-dimension-md)}.pds-padding-block-end-xs-md{-webkit-padding-after:var(--pine-dimension-md);padding-block-end:var(--pine-dimension-md)}.pds-padding-inline-start-xs-md{-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-padding-inline-end-xs-md{-webkit-padding-end:var(--pine-dimension-md);padding-inline-end:var(--pine-dimension-md)}.pds-padding-xs-lg{padding:var(--pine-dimension-lg)}.pds-padding-block-start-xs-lg{-webkit-padding-before:var(--pine-dimension-lg);padding-block-start:var(--pine-dimension-lg)}.pds-padding-block-end-xs-lg{-webkit-padding-after:var(--pine-dimension-lg);padding-block-end:var(--pine-dimension-lg)}.pds-padding-inline-start-xs-lg{-webkit-padding-start:var(--pine-dimension-lg);padding-inline-start:var(--pine-dimension-lg)}.pds-padding-inline-end-xs-lg{-webkit-padding-end:var(--pine-dimension-lg);padding-inline-end:var(--pine-dimension-lg)}.pds-padding-xs-xl{padding:var(--pine-dimension-xl)}.pds-padding-block-start-xs-xl{-webkit-padding-before:var(--pine-dimension-xl);padding-block-start:var(--pine-dimension-xl)}.pds-padding-block-end-xs-xl{-webkit-padding-after:var(--pine-dimension-xl);padding-block-end:var(--pine-dimension-xl)}.pds-padding-inline-start-xs-xl{-webkit-padding-start:var(--pine-dimension-xl);padding-inline-start:var(--pine-dimension-xl)}.pds-padding-inline-end-xs-xl{-webkit-padding-end:var(--pine-dimension-xl);padding-inline-end:var(--pine-dimension-xl)}.pds-padding-xs-xxl{padding:var(--pine-dimension-2xl)}.pds-padding-block-start-xs-xxl{-webkit-padding-before:var(--pine-dimension-2xl);padding-block-start:var(--pine-dimension-2xl)}.pds-padding-block-end-xs-xxl{-webkit-padding-after:var(--pine-dimension-2xl);padding-block-end:var(--pine-dimension-2xl)}.pds-padding-inline-start-xs-xxl{-webkit-padding-start:var(--pine-dimension-2xl);padding-inline-start:var(--pine-dimension-2xl)}.pds-padding-inline-end-xs-xxl{-webkit-padding-end:var(--pine-dimension-2xl);padding-inline-end:var(--pine-dimension-2xl)}}@media (min-width: 576px){.pds-padding-sm-none{padding:var(--pine-dimension-none)}.pds-padding-block-start-sm-none{-webkit-padding-before:var(--pine-dimension-none);padding-block-start:var(--pine-dimension-none)}.pds-padding-block-end-sm-none{-webkit-padding-after:var(--pine-dimension-none);padding-block-end:var(--pine-dimension-none)}.pds-padding-inline-start-sm-none{-webkit-padding-start:var(--pine-dimension-none);padding-inline-start:var(--pine-dimension-none)}.pds-padding-inline-end-sm-none{-webkit-padding-end:var(--pine-dimension-none);padding-inline-end:var(--pine-dimension-none)}.pds-padding-sm-xxs{padding:var(--pine-dimension-2xs)}.pds-padding-block-start-sm-xxs{-webkit-padding-before:var(--pine-dimension-2xs);padding-block-start:var(--pine-dimension-2xs)}.pds-padding-block-end-sm-xxs{-webkit-padding-after:var(--pine-dimension-2xs);padding-block-end:var(--pine-dimension-2xs)}.pds-padding-inline-start-sm-xxs{-webkit-padding-start:var(--pine-dimension-2xs);padding-inline-start:var(--pine-dimension-2xs)}.pds-padding-inline-end-sm-xxs{-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs)}.pds-padding-sm-xs{padding:var(--pine-dimension-xs)}.pds-padding-block-start-sm-xs{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-padding-block-end-sm-xs{-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs)}.pds-padding-inline-start-sm-xs{-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs)}.pds-padding-inline-end-sm-xs{-webkit-padding-end:var(--pine-dimension-xs);padding-inline-end:var(--pine-dimension-xs)}.pds-padding-sm-sm{padding:var(--pine-dimension-sm)}.pds-padding-block-start-sm-sm{-webkit-padding-before:var(--pine-dimension-sm);padding-block-start:var(--pine-dimension-sm)}.pds-padding-block-end-sm-sm{-webkit-padding-after:var(--pine-dimension-sm);padding-block-end:var(--pine-dimension-sm)}.pds-padding-inline-start-sm-sm{-webkit-padding-start:var(--pine-dimension-sm);padding-inline-start:var(--pine-dimension-sm)}.pds-padding-inline-end-sm-sm{-webkit-padding-end:var(--pine-dimension-sm);padding-inline-end:var(--pine-dimension-sm)}.pds-padding-sm-md{padding:var(--pine-dimension-md)}.pds-padding-block-start-sm-md{-webkit-padding-before:var(--pine-dimension-md);padding-block-start:var(--pine-dimension-md)}.pds-padding-block-end-sm-md{-webkit-padding-after:var(--pine-dimension-md);padding-block-end:var(--pine-dimension-md)}.pds-padding-inline-start-sm-md{-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-padding-inline-end-sm-md{-webkit-padding-end:var(--pine-dimension-md);padding-inline-end:var(--pine-dimension-md)}.pds-padding-sm-lg{padding:var(--pine-dimension-lg)}.pds-padding-block-start-sm-lg{-webkit-padding-before:var(--pine-dimension-lg);padding-block-start:var(--pine-dimension-lg)}.pds-padding-block-end-sm-lg{-webkit-padding-after:var(--pine-dimension-lg);padding-block-end:var(--pine-dimension-lg)}.pds-padding-inline-start-sm-lg{-webkit-padding-start:var(--pine-dimension-lg);padding-inline-start:var(--pine-dimension-lg)}.pds-padding-inline-end-sm-lg{-webkit-padding-end:var(--pine-dimension-lg);padding-inline-end:var(--pine-dimension-lg)}.pds-padding-sm-xl{padding:var(--pine-dimension-xl)}.pds-padding-block-start-sm-xl{-webkit-padding-before:var(--pine-dimension-xl);padding-block-start:var(--pine-dimension-xl)}.pds-padding-block-end-sm-xl{-webkit-padding-after:var(--pine-dimension-xl);padding-block-end:var(--pine-dimension-xl)}.pds-padding-inline-start-sm-xl{-webkit-padding-start:var(--pine-dimension-xl);padding-inline-start:var(--pine-dimension-xl)}.pds-padding-inline-end-sm-xl{-webkit-padding-end:var(--pine-dimension-xl);padding-inline-end:var(--pine-dimension-xl)}.pds-padding-sm-xxl{padding:var(--pine-dimension-2xl)}.pds-padding-block-start-sm-xxl{-webkit-padding-before:var(--pine-dimension-2xl);padding-block-start:var(--pine-dimension-2xl)}.pds-padding-block-end-sm-xxl{-webkit-padding-after:var(--pine-dimension-2xl);padding-block-end:var(--pine-dimension-2xl)}.pds-padding-inline-start-sm-xxl{-webkit-padding-start:var(--pine-dimension-2xl);padding-inline-start:var(--pine-dimension-2xl)}.pds-padding-inline-end-sm-xxl{-webkit-padding-end:var(--pine-dimension-2xl);padding-inline-end:var(--pine-dimension-2xl)}}@media (min-width: 768px){.pds-padding-md-none{padding:var(--pine-dimension-none)}.pds-padding-block-start-md-none{-webkit-padding-before:var(--pine-dimension-none);padding-block-start:var(--pine-dimension-none)}.pds-padding-block-end-md-none{-webkit-padding-after:var(--pine-dimension-none);padding-block-end:var(--pine-dimension-none)}.pds-padding-inline-start-md-none{-webkit-padding-start:var(--pine-dimension-none);padding-inline-start:var(--pine-dimension-none)}.pds-padding-inline-end-md-none{-webkit-padding-end:var(--pine-dimension-none);padding-inline-end:var(--pine-dimension-none)}.pds-padding-md-xxs{padding:var(--pine-dimension-2xs)}.pds-padding-block-start-md-xxs{-webkit-padding-before:var(--pine-dimension-2xs);padding-block-start:var(--pine-dimension-2xs)}.pds-padding-block-end-md-xxs{-webkit-padding-after:var(--pine-dimension-2xs);padding-block-end:var(--pine-dimension-2xs)}.pds-padding-inline-start-md-xxs{-webkit-padding-start:var(--pine-dimension-2xs);padding-inline-start:var(--pine-dimension-2xs)}.pds-padding-inline-end-md-xxs{-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs)}.pds-padding-md-xs{padding:var(--pine-dimension-xs)}.pds-padding-block-start-md-xs{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-padding-block-end-md-xs{-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs)}.pds-padding-inline-start-md-xs{-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs)}.pds-padding-inline-end-md-xs{-webkit-padding-end:var(--pine-dimension-xs);padding-inline-end:var(--pine-dimension-xs)}.pds-padding-md-sm{padding:var(--pine-dimension-sm)}.pds-padding-block-start-md-sm{-webkit-padding-before:var(--pine-dimension-sm);padding-block-start:var(--pine-dimension-sm)}.pds-padding-block-end-md-sm{-webkit-padding-after:var(--pine-dimension-sm);padding-block-end:var(--pine-dimension-sm)}.pds-padding-inline-start-md-sm{-webkit-padding-start:var(--pine-dimension-sm);padding-inline-start:var(--pine-dimension-sm)}.pds-padding-inline-end-md-sm{-webkit-padding-end:var(--pine-dimension-sm);padding-inline-end:var(--pine-dimension-sm)}.pds-padding-md-md{padding:var(--pine-dimension-md)}.pds-padding-block-start-md-md{-webkit-padding-before:var(--pine-dimension-md);padding-block-start:var(--pine-dimension-md)}.pds-padding-block-end-md-md{-webkit-padding-after:var(--pine-dimension-md);padding-block-end:var(--pine-dimension-md)}.pds-padding-inline-start-md-md{-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-padding-inline-end-md-md{-webkit-padding-end:var(--pine-dimension-md);padding-inline-end:var(--pine-dimension-md)}.pds-padding-md-lg{padding:var(--pine-dimension-lg)}.pds-padding-block-start-md-lg{-webkit-padding-before:var(--pine-dimension-lg);padding-block-start:var(--pine-dimension-lg)}.pds-padding-block-end-md-lg{-webkit-padding-after:var(--pine-dimension-lg);padding-block-end:var(--pine-dimension-lg)}.pds-padding-inline-start-md-lg{-webkit-padding-start:var(--pine-dimension-lg);padding-inline-start:var(--pine-dimension-lg)}.pds-padding-inline-end-md-lg{-webkit-padding-end:var(--pine-dimension-lg);padding-inline-end:var(--pine-dimension-lg)}.pds-padding-md-xl{padding:var(--pine-dimension-xl)}.pds-padding-block-start-md-xl{-webkit-padding-before:var(--pine-dimension-xl);padding-block-start:var(--pine-dimension-xl)}.pds-padding-block-end-md-xl{-webkit-padding-after:var(--pine-dimension-xl);padding-block-end:var(--pine-dimension-xl)}.pds-padding-inline-start-md-xl{-webkit-padding-start:var(--pine-dimension-xl);padding-inline-start:var(--pine-dimension-xl)}.pds-padding-inline-end-md-xl{-webkit-padding-end:var(--pine-dimension-xl);padding-inline-end:var(--pine-dimension-xl)}.pds-padding-md-xxl{padding:var(--pine-dimension-2xl)}.pds-padding-block-start-md-xxl{-webkit-padding-before:var(--pine-dimension-2xl);padding-block-start:var(--pine-dimension-2xl)}.pds-padding-block-end-md-xxl{-webkit-padding-after:var(--pine-dimension-2xl);padding-block-end:var(--pine-dimension-2xl)}.pds-padding-inline-start-md-xxl{-webkit-padding-start:var(--pine-dimension-2xl);padding-inline-start:var(--pine-dimension-2xl)}.pds-padding-inline-end-md-xxl{-webkit-padding-end:var(--pine-dimension-2xl);padding-inline-end:var(--pine-dimension-2xl)}}@media (min-width: 992px){.pds-padding-lg-none{padding:var(--pine-dimension-none)}.pds-padding-block-start-lg-none{-webkit-padding-before:var(--pine-dimension-none);padding-block-start:var(--pine-dimension-none)}.pds-padding-block-end-lg-none{-webkit-padding-after:var(--pine-dimension-none);padding-block-end:var(--pine-dimension-none)}.pds-padding-inline-start-lg-none{-webkit-padding-start:var(--pine-dimension-none);padding-inline-start:var(--pine-dimension-none)}.pds-padding-inline-end-lg-none{-webkit-padding-end:var(--pine-dimension-none);padding-inline-end:var(--pine-dimension-none)}.pds-padding-lg-xxs{padding:var(--pine-dimension-2xs)}.pds-padding-block-start-lg-xxs{-webkit-padding-before:var(--pine-dimension-2xs);padding-block-start:var(--pine-dimension-2xs)}.pds-padding-block-end-lg-xxs{-webkit-padding-after:var(--pine-dimension-2xs);padding-block-end:var(--pine-dimension-2xs)}.pds-padding-inline-start-lg-xxs{-webkit-padding-start:var(--pine-dimension-2xs);padding-inline-start:var(--pine-dimension-2xs)}.pds-padding-inline-end-lg-xxs{-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs)}.pds-padding-lg-xs{padding:var(--pine-dimension-xs)}.pds-padding-block-start-lg-xs{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-padding-block-end-lg-xs{-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs)}.pds-padding-inline-start-lg-xs{-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs)}.pds-padding-inline-end-lg-xs{-webkit-padding-end:var(--pine-dimension-xs);padding-inline-end:var(--pine-dimension-xs)}.pds-padding-lg-sm{padding:var(--pine-dimension-sm)}.pds-padding-block-start-lg-sm{-webkit-padding-before:var(--pine-dimension-sm);padding-block-start:var(--pine-dimension-sm)}.pds-padding-block-end-lg-sm{-webkit-padding-after:var(--pine-dimension-sm);padding-block-end:var(--pine-dimension-sm)}.pds-padding-inline-start-lg-sm{-webkit-padding-start:var(--pine-dimension-sm);padding-inline-start:var(--pine-dimension-sm)}.pds-padding-inline-end-lg-sm{-webkit-padding-end:var(--pine-dimension-sm);padding-inline-end:var(--pine-dimension-sm)}.pds-padding-lg-md{padding:var(--pine-dimension-md)}.pds-padding-block-start-lg-md{-webkit-padding-before:var(--pine-dimension-md);padding-block-start:var(--pine-dimension-md)}.pds-padding-block-end-lg-md{-webkit-padding-after:var(--pine-dimension-md);padding-block-end:var(--pine-dimension-md)}.pds-padding-inline-start-lg-md{-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-padding-inline-end-lg-md{-webkit-padding-end:var(--pine-dimension-md);padding-inline-end:var(--pine-dimension-md)}.pds-padding-lg-lg{padding:var(--pine-dimension-lg)}.pds-padding-block-start-lg-lg{-webkit-padding-before:var(--pine-dimension-lg);padding-block-start:var(--pine-dimension-lg)}.pds-padding-block-end-lg-lg{-webkit-padding-after:var(--pine-dimension-lg);padding-block-end:var(--pine-dimension-lg)}.pds-padding-inline-start-lg-lg{-webkit-padding-start:var(--pine-dimension-lg);padding-inline-start:var(--pine-dimension-lg)}.pds-padding-inline-end-lg-lg{-webkit-padding-end:var(--pine-dimension-lg);padding-inline-end:var(--pine-dimension-lg)}.pds-padding-lg-xl{padding:var(--pine-dimension-xl)}.pds-padding-block-start-lg-xl{-webkit-padding-before:var(--pine-dimension-xl);padding-block-start:var(--pine-dimension-xl)}.pds-padding-block-end-lg-xl{-webkit-padding-after:var(--pine-dimension-xl);padding-block-end:var(--pine-dimension-xl)}.pds-padding-inline-start-lg-xl{-webkit-padding-start:var(--pine-dimension-xl);padding-inline-start:var(--pine-dimension-xl)}.pds-padding-inline-end-lg-xl{-webkit-padding-end:var(--pine-dimension-xl);padding-inline-end:var(--pine-dimension-xl)}.pds-padding-lg-xxl{padding:var(--pine-dimension-2xl)}.pds-padding-block-start-lg-xxl{-webkit-padding-before:var(--pine-dimension-2xl);padding-block-start:var(--pine-dimension-2xl)}.pds-padding-block-end-lg-xxl{-webkit-padding-after:var(--pine-dimension-2xl);padding-block-end:var(--pine-dimension-2xl)}.pds-padding-inline-start-lg-xxl{-webkit-padding-start:var(--pine-dimension-2xl);padding-inline-start:var(--pine-dimension-2xl)}.pds-padding-inline-end-lg-xxl{-webkit-padding-end:var(--pine-dimension-2xl);padding-inline-end:var(--pine-dimension-2xl)}}@media (min-width: 1200px){.pds-padding-xl-none{padding:var(--pine-dimension-none)}.pds-padding-block-start-xl-none{-webkit-padding-before:var(--pine-dimension-none);padding-block-start:var(--pine-dimension-none)}.pds-padding-block-end-xl-none{-webkit-padding-after:var(--pine-dimension-none);padding-block-end:var(--pine-dimension-none)}.pds-padding-inline-start-xl-none{-webkit-padding-start:var(--pine-dimension-none);padding-inline-start:var(--pine-dimension-none)}.pds-padding-inline-end-xl-none{-webkit-padding-end:var(--pine-dimension-none);padding-inline-end:var(--pine-dimension-none)}.pds-padding-xl-xxs{padding:var(--pine-dimension-2xs)}.pds-padding-block-start-xl-xxs{-webkit-padding-before:var(--pine-dimension-2xs);padding-block-start:var(--pine-dimension-2xs)}.pds-padding-block-end-xl-xxs{-webkit-padding-after:var(--pine-dimension-2xs);padding-block-end:var(--pine-dimension-2xs)}.pds-padding-inline-start-xl-xxs{-webkit-padding-start:var(--pine-dimension-2xs);padding-inline-start:var(--pine-dimension-2xs)}.pds-padding-inline-end-xl-xxs{-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs)}.pds-padding-xl-xs{padding:var(--pine-dimension-xs)}.pds-padding-block-start-xl-xs{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-padding-block-end-xl-xs{-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs)}.pds-padding-inline-start-xl-xs{-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs)}.pds-padding-inline-end-xl-xs{-webkit-padding-end:var(--pine-dimension-xs);padding-inline-end:var(--pine-dimension-xs)}.pds-padding-xl-sm{padding:var(--pine-dimension-sm)}.pds-padding-block-start-xl-sm{-webkit-padding-before:var(--pine-dimension-sm);padding-block-start:var(--pine-dimension-sm)}.pds-padding-block-end-xl-sm{-webkit-padding-after:var(--pine-dimension-sm);padding-block-end:var(--pine-dimension-sm)}.pds-padding-inline-start-xl-sm{-webkit-padding-start:var(--pine-dimension-sm);padding-inline-start:var(--pine-dimension-sm)}.pds-padding-inline-end-xl-sm{-webkit-padding-end:var(--pine-dimension-sm);padding-inline-end:var(--pine-dimension-sm)}.pds-padding-xl-md{padding:var(--pine-dimension-md)}.pds-padding-block-start-xl-md{-webkit-padding-before:var(--pine-dimension-md);padding-block-start:var(--pine-dimension-md)}.pds-padding-block-end-xl-md{-webkit-padding-after:var(--pine-dimension-md);padding-block-end:var(--pine-dimension-md)}.pds-padding-inline-start-xl-md{-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-padding-inline-end-xl-md{-webkit-padding-end:var(--pine-dimension-md);padding-inline-end:var(--pine-dimension-md)}.pds-padding-xl-lg{padding:var(--pine-dimension-lg)}.pds-padding-block-start-xl-lg{-webkit-padding-before:var(--pine-dimension-lg);padding-block-start:var(--pine-dimension-lg)}.pds-padding-block-end-xl-lg{-webkit-padding-after:var(--pine-dimension-lg);padding-block-end:var(--pine-dimension-lg)}.pds-padding-inline-start-xl-lg{-webkit-padding-start:var(--pine-dimension-lg);padding-inline-start:var(--pine-dimension-lg)}.pds-padding-inline-end-xl-lg{-webkit-padding-end:var(--pine-dimension-lg);padding-inline-end:var(--pine-dimension-lg)}.pds-padding-xl-xl{padding:var(--pine-dimension-xl)}.pds-padding-block-start-xl-xl{-webkit-padding-before:var(--pine-dimension-xl);padding-block-start:var(--pine-dimension-xl)}.pds-padding-block-end-xl-xl{-webkit-padding-after:var(--pine-dimension-xl);padding-block-end:var(--pine-dimension-xl)}.pds-padding-inline-start-xl-xl{-webkit-padding-start:var(--pine-dimension-xl);padding-inline-start:var(--pine-dimension-xl)}.pds-padding-inline-end-xl-xl{-webkit-padding-end:var(--pine-dimension-xl);padding-inline-end:var(--pine-dimension-xl)}.pds-padding-xl-xxl{padding:var(--pine-dimension-2xl)}.pds-padding-block-start-xl-xxl{-webkit-padding-before:var(--pine-dimension-2xl);padding-block-start:var(--pine-dimension-2xl)}.pds-padding-block-end-xl-xxl{-webkit-padding-after:var(--pine-dimension-2xl);padding-block-end:var(--pine-dimension-2xl)}.pds-padding-inline-start-xl-xxl{-webkit-padding-start:var(--pine-dimension-2xl);padding-inline-start:var(--pine-dimension-2xl)}.pds-padding-inline-end-xl-xxl{-webkit-padding-end:var(--pine-dimension-2xl);padding-inline-end:var(--pine-dimension-2xl)}}";var t=i("pds_box",function(){function i(i){n(this,i);this.border=false}i.prototype.render=function(){var i="\n ".concat(this.alignItems!==undefined&&this.alignItems.trim()!==""?"pds-align-items-".concat(this.alignItems):"","\n ").concat(this.alignItemsXs!==undefined&&this.alignItemsXs.trim()!==""?"pds-align-items-xs-".concat(this.alignItemsXs):"","\n ").concat(this.alignItemsSm!==undefined&&this.alignItemsSm.trim()!==""?"pds-align-items-sm-".concat(this.alignItemsSm):"","\n ").concat(this.alignItemsMd!==undefined&&this.alignItemsMd.trim()!==""?"pds-align-items-md-".concat(this.alignItemsMd):"","\n ").concat(this.alignItemsLg!==undefined&&this.alignItemsLg.trim()!==""?"pds-align-items-lg-".concat(this.alignItemsLg):"","\n ").concat(this.alignItemsXl!==undefined&&this.alignItemsXl.trim()!==""?"pds-align-items-xl-".concat(this.alignItemsXl):"","\n ").concat(this.alignSelf!==undefined&&this.alignSelf.trim()!==""?"pds-align-self-".concat(this.alignSelf):"","\n ").concat(this.alignSelfXs!==undefined&&this.alignSelfXs.trim()!==""?"pds-align-self-xs-".concat(this.alignSelfXs):"","\n ").concat(this.alignSelfSm!==undefined&&this.alignSelfSm.trim()!==""?"pds-align-self-sm-".concat(this.alignSelfSm):"","\n ").concat(this.alignSelfMd!==undefined&&this.alignSelfMd.trim()!==""?"pds-align-self-md-".concat(this.alignSelfMd):"","\n ").concat(this.alignSelfLg!==undefined&&this.alignSelfLg.trim()!==""?"pds-align-self-lg-".concat(this.alignSelfLg):"","\n ").concat(this.alignSelfXl!==undefined&&this.alignSelfXl.trim()!==""?"pds-align-self-xl-".concat(this.alignSelfXl):"","\n ").concat(this.auto?"pds-box--auto":"","\n ").concat(this.autoXs?"pds-box--auto-xs":"","\n ").concat(this.autoSm?"pds-box--auto-sm":"","\n ").concat(this.autoMd?"pds-box--auto-md":"","\n ").concat(this.autoLg?"pds-box--auto-lg":"","\n ").concat(this.autoXl?"pds-box--auto-xl":"","\n ").concat(this.border?"pds-box--border":"","\n ").concat(this.borderRadius!==undefined&&this.borderRadius.trim()!==""?"pds-border-radius-".concat(this.borderRadius):"","\n ").concat(this.direction!==undefined&&this.direction.trim()!==""?"pds-box-direction-".concat(this.direction):"","\n ").concat(this.display!==undefined&&this.display.trim()!==""?"pds-box--display-".concat(this.display):"","\n ").concat(this.fit?"pds-box--fit":"","\n ").concat(this.fitXs?"pds-box--fit-xs":"","\n ").concat(this.fitSm?"pds-box--fit-sm":"","\n ").concat(this.fitMd?"pds-box--fit-md":"","\n ").concat(this.fitLg?"pds-box--fit-lg":"","\n ").concat(this.fitXl?"pds-box--fit-xl":"","\n ").concat(this.gap!==undefined&&this.gap.trim()!==""?"pds-box-gap-".concat(this.gap):"","\n ").concat(this.gapXs!==undefined&&this.gapXs.trim()!==""?"pds-box-gap-xs-".concat(this.gapXs):"","\n ").concat(this.gapSm!==undefined&&this.gapSm.trim()!==""?"pds-box-gap-sm-".concat(this.gapSm):"","\n ").concat(this.gapMd!==undefined&&this.gapMd.trim()!==""?"pds-box-gap-md-".concat(this.gapMd):"","\n ").concat(this.gapLg!==undefined&&this.gapLg.trim()!==""?"pds-box-gap-lg-".concat(this.gapLg):"","\n ").concat(this.gapXl!==undefined&&this.gapXl.trim()!==""?"pds-box-gap-xl-".concat(this.gapXl):"","\n ").concat(this.wrap?"pds-box--wrap":"","\n ").concat(this.wrapXs?"pds-box--wrap-xs":"","\n ").concat(this.wrapSm?"pds-box--wrap-sm":"","\n ").concat(this.wrapMd?"pds-box--wrap-md":"","\n ").concat(this.wrapLg?"pds-box--wrap-lg":"","\n ").concat(this.wrapXl?"pds-box--wrap-xl":"","\n ").concat(this.flex!==undefined&&this.flex.trim()!==""&&["none","grow","shrink"].includes(this.flex)?"pds-box--flex-".concat(this.flex):"","\n ").concat(this.justifyContent!==undefined&&this.justifyContent.trim()!==""?"pds-justify-content-".concat(this.justifyContent):"","\n ").concat(this.justifyContentXs!==undefined&&this.justifyContentXs.trim()!==""?"pds-justify-content-xs-".concat(this.justifyContentXs):"","\n ").concat(this.justifyContentSm!==undefined&&this.justifyContentSm.trim()!==""?"pds-justify-content-sm-".concat(this.justifyContentSm):"","\n ").concat(this.justifyContentMd!==undefined&&this.justifyContentMd.trim()!==""?"pds-justify-content-md-".concat(this.justifyContentMd):"","\n ").concat(this.justifyContentLg!==undefined&&this.justifyContentLg.trim()!==""?"pds-justify-content-lg-".concat(this.justifyContentLg):"","\n ").concat(this.justifyContentXl!==undefined&&this.justifyContentXl.trim()!==""?"pds-justify-content-xl-".concat(this.justifyContentXl):"","\n ").concat(this.marginBlockStart!==undefined&&this.marginBlockStart.trim()!==""?"pds-margin-block-start-".concat(this.marginBlockStart):"","\n ").concat(this.marginBlockStartXs!==undefined&&this.marginBlockStartXs.trim()!==""?"pds-margin-block-start-xs-".concat(this.marginBlockStartXs):"","\n ").concat(this.marginBlockStartSm!==undefined&&this.marginBlockStartSm.trim()!==""?"pds-margin-block-start-sm-".concat(this.marginBlockStartSm):"","\n ").concat(this.marginBlockStartMd!==undefined&&this.marginBlockStartMd.trim()!==""?"pds-margin-block-start-md-".concat(this.marginBlockStartMd):"","\n ").concat(this.marginBlockStartLg!==undefined&&this.marginBlockStartLg.trim()!==""?"pds-margin-block-start-lg-".concat(this.marginBlockStartLg):"","\n ").concat(this.marginBlockStartXl!==undefined&&this.marginBlockStartXl.trim()!==""?"pds-margin-block-start-xl-".concat(this.marginBlockStartXl):"","\n ").concat(this.marginInlineStart!==undefined&&this.marginInlineStart.trim()!==""?"pds-margin-inline-start-".concat(this.marginInlineStart):"","\n ").concat(this.marginInlineStartXs!==undefined&&this.marginInlineStartXs.trim()!==""?"pds-margin-inline-start-xs-".concat(this.marginInlineStartXs):"","\n ").concat(this.marginInlineStartSm!==undefined&&this.marginInlineStartSm.trim()!==""?"pds-margin-inline-start-sm-".concat(this.marginInlineStartSm):"","\n ").concat(this.marginInlineStartMd!==undefined&&this.marginInlineStartMd.trim()!==""?"pds-margin-inline-start-md-".concat(this.marginInlineStartMd):"","\n ").concat(this.marginInlineStartLg!==undefined&&this.marginInlineStartLg.trim()!==""?"pds-margin-inline-start-lg-".concat(this.marginInlineStartLg):"","\n ").concat(this.marginInlineStartXl!==undefined&&this.marginInlineStartXl.trim()!==""?"pds-margin-inline-start-xl-".concat(this.marginInlineStartXl):"","\n ").concat(this.marginInlineEnd!==undefined&&this.marginInlineEnd.trim()!==""?"pds-margin-inline-end-".concat(this.marginInlineEnd):"","\n ").concat(this.marginInlineEndXs!==undefined&&this.marginInlineEndXs.trim()!==""?"pds-margin-inline-end-xs-".concat(this.marginInlineEndXs):"","\n ").concat(this.marginInlineEndSm!==undefined&&this.marginInlineEndSm.trim()!==""?"pds-margin-inline-end-sm-".concat(this.marginInlineEndSm):"","\n ").concat(this.marginInlineEndMd!==undefined&&this.marginInlineEndMd.trim()!==""?"pds-margin-inline-end-md-".concat(this.marginInlineEndMd):"","\n ").concat(this.marginInlineEndLg!==undefined&&this.marginInlineEndLg.trim()!==""?"pds-margin-inline-end-lg-".concat(this.marginInlineEndLg):"","\n ").concat(this.marginInlineEndXl!==undefined&&this.marginInlineEndXl.trim()!==""?"pds-margin-inline-end-xl-".concat(this.marginInlineEndXl):"","\n ").concat(this.marginBlockEnd!==undefined&&this.marginBlockEnd.trim()!==""?"pds-margin-block-end-".concat(this.marginBlockEnd):"","\n ").concat(this.marginBlockEndXs!==undefined&&this.marginBlockEndXs.trim()!==""?"pds-margin-block-end-xs-".concat(this.marginBlockEndXs):"","\n ").concat(this.marginBlockEndSm!==undefined&&this.marginBlockEndSm.trim()!==""?"pds-margin-block-end-sm-".concat(this.marginBlockEndSm):"","\n ").concat(this.marginBlockEndMd!==undefined&&this.marginBlockEndMd.trim()!==""?"pds-margin-block-end-md-".concat(this.marginBlockEndMd):"","\n ").concat(this.marginBlockEndLg!==undefined&&this.marginBlockEndLg.trim()!==""?"pds-margin-block-end-lg-".concat(this.marginBlockEndLg):"","\n ").concat(this.marginBlockEndXl!==undefined&&this.marginBlockEndXl.trim()!==""?"pds-margin-block-end-xl-".concat(this.marginBlockEndXl):"","\n ").concat(this.offset!==undefined&&this.offset.trim()!==""?"pds-box-offset-".concat(this.offset):"","\n ").concat(this.offsetXs!==undefined&&this.offsetXs.trim()!==""?"pds-box-offset-xs-".concat(this.offsetXs):"","\n ").concat(this.offsetSm!==undefined&&this.offsetSm.trim()!==""?"pds-box-offset-sm-".concat(this.offsetSm):"","\n ").concat(this.offsetMd!==undefined&&this.offsetMd.trim()!==""?"pds-box-offset-md-".concat(this.offsetMd):"","\n ").concat(this.offsetLg!==undefined&&this.offsetLg.trim()!==""?"pds-box-offset-lg-".concat(this.offsetLg):"","\n ").concat(this.offsetXl!==undefined&&this.offsetXl.trim()!==""?"pds-box-offset-xl-".concat(this.offsetXl):"","\n ").concat(this.padding!==undefined&&this.padding.trim()!==""?"pds-padding-".concat(this.padding):"","\n ").concat(this.paddingXs!==undefined&&this.paddingXs.trim()!==""?"pds-padding-xs-".concat(this.paddingXs):"","\n ").concat(this.paddingSm!==undefined&&this.paddingSm.trim()!==""?"pds-padding-sm-".concat(this.paddingSm):"","\n ").concat(this.paddingMd!==undefined&&this.paddingMd.trim()!==""?"pds-padding-md-".concat(this.paddingMd):"","\n ").concat(this.paddingLg!==undefined&&this.paddingLg.trim()!==""?"pds-padding-lg-".concat(this.paddingLg):"","\n ").concat(this.paddingXl!==undefined&&this.paddingXl.trim()!==""?"pds-padding-xl-".concat(this.paddingXl):"","\n ").concat(this.paddingBlockStart!==undefined&&this.paddingBlockStart.trim()!==""?"pds-padding-block-start-".concat(this.paddingBlockStart):"","\n ").concat(this.paddingBlockStartXs!==undefined&&this.paddingBlockStartXs.trim()!==""?"pds-padding-block-start-xs-".concat(this.paddingBlockStartXs):"","\n ").concat(this.paddingBlockStartSm!==undefined&&this.paddingBlockStartSm.trim()!==""?"pds-padding-block-start-sm-".concat(this.paddingBlockStartSm):"","\n ").concat(this.paddingBlockStartMd!==undefined&&this.paddingBlockStartMd.trim()!==""?"pds-padding-block-start-md-".concat(this.paddingBlockStartMd):"","\n ").concat(this.paddingBlockStartLg!==undefined&&this.paddingBlockStartLg.trim()!==""?"pds-padding-block-start-lg-".concat(this.paddingBlockStartLg):"","\n ").concat(this.paddingBlockStartXl!==undefined&&this.paddingBlockStartXl.trim()!==""?"pds-padding-block-start-xl-".concat(this.paddingBlockStartXl):"","\n ").concat(this.paddingBlockEnd!==undefined&&this.paddingBlockEnd.trim()!==""?"pds-padding-block-end-".concat(this.paddingBlockEnd):"","\n ").concat(this.paddingBlockEndXs!==undefined&&this.paddingBlockEndXs.trim()!==""?"pds-padding-block-end-xs-".concat(this.paddingBlockEndXs):"","\n ").concat(this.paddingBlockEndSm!==undefined&&this.paddingBlockEndSm.trim()!==""?"pds-padding-block-end-sm-".concat(this.paddingBlockEndSm):"","\n ").concat(this.paddingBlockEndMd!==undefined&&this.paddingBlockEndMd.trim()!==""?"pds-padding-block-end-md-".concat(this.paddingBlockEndMd):"","\n ").concat(this.paddingBlockEndLg!==undefined&&this.paddingBlockEndLg.trim()!==""?"pds-padding-block-end-lg-".concat(this.paddingBlockEndLg):"","\n ").concat(this.paddingBlockEndXl!==undefined&&this.paddingBlockEndXl.trim()!==""?"pds-padding-block-end-xl-".concat(this.paddingBlockEndXl):"","\n ").concat(this.paddingInlineStart!==undefined&&this.paddingInlineStart.trim()!==""?"pds-padding-inline-start-".concat(this.paddingInlineStart):"","\n ").concat(this.paddingInlineStartXs!==undefined&&this.paddingInlineStartXs.trim()!==""?"pds-padding-inline-start-xs-".concat(this.paddingInlineStartXs):"","\n ").concat(this.paddingInlineStartSm!==undefined&&this.paddingInlineStartSm.trim()!==""?"pds-padding-inline-start-sm-".concat(this.paddingInlineStartSm):"","\n ").concat(this.paddingInlineStartMd!==undefined&&this.paddingInlineStartMd.trim()!==""?"pds-padding-inline-start-md-".concat(this.paddingInlineStartMd):"","\n ").concat(this.paddingInlineStartLg!==undefined&&this.paddingInlineStartLg.trim()!==""?"pds-padding-inline-start-lg-".concat(this.paddingInlineStartLg):"","\n ").concat(this.paddingInlineStartXl!==undefined&&this.paddingInlineStartXl.trim()!==""?"pds-padding-inline-start-xl-".concat(this.paddingInlineStartXl):"","\n ").concat(this.paddingInlineEnd!==undefined&&this.paddingInlineEnd.trim()!==""?"pds-padding-inline-end-".concat(this.paddingInlineEnd):"","\n ").concat(this.paddingInlineEndXs!==undefined&&this.paddingInlineEndXs.trim()!==""?"pds-padding-inline-end-xs-".concat(this.paddingInlineEndXs):"","\n ").concat(this.paddingInlineEndSm!==undefined&&this.paddingInlineEndSm.trim()!==""?"pds-padding-inline-end-sm-".concat(this.paddingInlineEndSm):"","\n ").concat(this.paddingInlineEndMd!==undefined&&this.paddingInlineEndMd.trim()!==""?"pds-padding-inline-end-md-".concat(this.paddingInlineEndMd):"","\n ").concat(this.paddingInlineEndLg!==undefined&&this.paddingInlineEndLg.trim()!==""?"pds-padding-inline-end-lg-".concat(this.paddingInlineEndLg):"","\n ").concat(this.paddingInlineEndXl!==undefined&&this.paddingInlineEndXl.trim()!==""?"pds-padding-inline-end-xl-".concat(this.paddingInlineEndXl):"","\n ").concat(this.shadow!==undefined&&this.shadow.trim()!==""?"pds-shadow-".concat(this.shadow):"","\n ").concat(this.size!==undefined&&this.size.trim()!==""?"pds-box pds-box-".concat(this.size):"","\n ").concat(this.sizeXs!==undefined&&this.sizeXs.trim()!==""?"pds-box-xs-".concat(this.sizeXs):"","\n ").concat(this.sizeSm!==undefined&&this.sizeSm.trim()!==""?"pds-box-sm-".concat(this.sizeSm):"","\n ").concat(this.sizeMd!==undefined&&this.sizeMd.trim()!==""?"pds-box-md-".concat(this.sizeMd):"","\n ").concat(this.sizeLg!==undefined&&this.sizeLg.trim()!==""?"pds-box-lg-".concat(this.sizeLg):"","\n ").concat(this.sizeXl!==undefined&&this.sizeXl.trim()!==""?"pds-box-xl-".concat(this.sizeXl):"","\n ").concat(this.size==undefined&&this.sizeSm==undefined&&this.sizeMd==undefined&&this.sizeLg==undefined&&this.sizeXl==undefined?"pds-box":"","\n ");var n=s(this.backgroundColor);var a=s(this.borderColor);var t=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},n&&{"--color-background-box":n}),a&&{"--color-border-box":a}),this.minHeight&&{"--sizing-min-height-box":this.minHeight}),this.minWidth&&{"--sizing-min-width-box":this.minWidth}),this.flex&&!["none","grow","shrink"].includes(this.flex)&&{flex:this.flex});return e(d,{key:"63a5dfc55625ad930494caa79f2b26a663d9cddd",class:i,style:t})};return i}());t.style=a}}}));
2
+ //# sourceMappingURL=p-52cb152b.system.entry.js.map
package/dist/pine-core/p-52cb152b.system.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["pdsBoxCss","PdsBox","exports","class_1","hostRef","this","border","prototype","render","boxClasses","concat","alignItems","undefined","trim","alignItemsXs","alignItemsSm","alignItemsMd","alignItemsLg","alignItemsXl","alignSelf","alignSelfXs","alignSelfSm","alignSelfMd","alignSelfLg","alignSelfXl","auto","autoXs","autoSm","autoMd","autoLg","autoXl","borderRadius","direction","display","fit","fitXs","fitSm","fitMd","fitLg","fitXl","gap","gapXs","gapSm","gapMd","gapLg","gapXl","wrap","wrapXs","wrapSm","wrapMd","wrapLg","wrapXl","flex","includes","justifyContent","justifyContentXs","justifyContentSm","justifyContentMd","justifyContentLg","justifyContentXl","marginBlockStart","marginBlockStartXs","marginBlockStartSm","marginBlockStartMd","marginBlockStartLg","marginBlockStartXl","marginInlineStart","marginInlineStartXs","marginInlineStartSm","marginInlineStartMd","marginInlineStartLg","marginInlineStartXl","marginInlineEnd","marginInlineEndXs","marginInlineEndSm","marginInlineEndMd","marginInlineEndLg","marginInlineEndXl","marginBlockEnd","marginBlockEndXs","marginBlockEndSm","marginBlockEndMd","marginBlockEndLg","marginBlockEndXl","offset","offsetXs","offsetSm","offsetMd","offsetLg","offsetXl","padding","paddingXs","paddingSm","paddingMd","paddingLg","paddingXl","paddingBlockStart","paddingBlockStartXs","paddingBlockStartSm","paddingBlockStartMd","paddingBlockStartLg","paddingBlockStartXl","paddingBlockEnd","paddingBlockEndXs","paddingBlockEndSm","paddingBlockEndMd","paddingBlockEndLg","paddingBlockEndXl","paddingInlineStart","paddingInlineStartXs","paddingInlineStartSm","paddingInlineStartMd","paddingInlineStartLg","paddingInlineStartXl","paddingInlineEnd","paddingInlineEndXs","paddingInlineEndSm","paddingInlineEndMd","paddingInlineEndLg","paddingInlineEndXl","shadow","size","sizeXs","sizeSm","sizeMd","sizeLg","sizeXl","normalizedBackground","normalizeColorValue","backgroundColor","normalizedBorder","borderColor","boxInlineStyles","Object","assign","minHeight","minWidth","h","Host","key","class","style"],"sources":["src/components/pds-box/pds-box.scss?tag=pds-box","src/components/pds-box/pds-box.tsx"],"sourcesContent":["@use './pds-box.mixins' as *;\n\npds-box {\n --border-width-default: var(--pine-border-width-thin);\n --color-background-box: inherit;\n --color-border-box: inherit;\n\n display: block;\n}\n\n[class*='pds-box'] {\n background-color: var(--color-background-box);\n box-sizing: border-box;\n display: inline-flex;\n\n &[min-height] {\n min-height: var(--sizing-min-height-box);\n }\n\n &[min-width] {\n min-width: var(--sizing-min-width-box);\n }\n\n // The immediate child of the row will fit the width of the row\n .pds-row > & {\n position: relative;\n width: 100%;\n\n &.pds-box--auto {\n width: auto;\n }\n }\n}\n\n// Spacing mixin\n$pine-spacing-tokens: (\n xxs: 4px,\n xs: 8px,\n sm: 16px,\n md: 24px,\n lg: 36px,\n xl: 48px,\n xxl: 64px,\n);\n\n// Generate spacing classes\n@include generate-spacing-classes(false, $pine-spacing-tokens);\n@include generate-spacing-classes('top', $pine-spacing-tokens);\n@include generate-spacing-classes('right', $pine-spacing-tokens);\n@include generate-spacing-classes('left', $pine-spacing-tokens);\n@include generate-spacing-classes('bottom', $pine-spacing-tokens);\n\n// Base offset classes\n@include generate-column-offsets(false, 12);\n\n// Responsive offset classes\n@media (max-width: 575px) {\n @include generate-column-offsets('xs', 12);\n}\n\n@media (min-width: 576px) {\n @include generate-column-offsets('sm', 12);\n}\n\n@media (min-width: 768px) {\n @include generate-column-offsets('md', 12);\n}\n\n@media (min-width: 992px) {\n @include generate-column-offsets('lg', 12);\n}\n\n@media (min-width: 1200px) {\n @include generate-column-offsets('xl', 12);\n}\n\n\n// Base column width classes\n@include generate-columns(false, 12);\n\n// Responsive column width classes\n@media (max-width: 575px) {\n @include generate-columns('xs', 12);\n}\n\n@media (min-width: 576px) {\n @include generate-columns('sm', 12);\n}\n\n@media (min-width: 768px) {\n @include generate-columns('md', 12);\n}\n\n@media (min-width: 992px) {\n @include generate-columns('lg', 12);\n}\n\n@media (min-width: 1200px) {\n @include generate-columns('xl', 12);\n}\n\n.pds-box {\n flex-basis: 0;\n flex-grow: 1;\n}\n\n.pds-row > .pds-box[class*='pds-box-'] {\n flex-basis: auto;\n}\n\n.pds-box--auto {\n flex: 0 0 var(--sizing-min-width-box, fit-content);\n min-width: auto;\n width: auto;\n}\n\n.pds-box--fit {\n max-width: 100%;\n min-width: 100%;\n width: 100%;\n}\n\n.pds-box--border {\n border-color: var(--color-border-box, var(--pine-color-grey-300));\n border-style: solid;\n border-width: var(--border-width-default);\n}\n\n// Display helpers\n.pds-box--display-flex {\n display: flex;\n}\n\n.pds-box--display-inline-flex {\n display: inline-flex;\n}\n\n.pds-box--display-block {\n display: block;\n}\n\n.pds-box--display-inline-block {\n display: inline-block;\n}\n\n// Flex helpers\n.pds-box--flex-none {\n flex: 0 0 auto;\n}\n\n.pds-box--flex-grow {\n flex: 1 1 auto\n}\n\n.pds-box--flex-shrink {\n flex: 0 0 auto;\n}\n\n// Border radius helpers\n.pds-border-radius-none {\n border-radius: 0;\n}\n\n.pds-border-radius-xs {\n border-radius: var(--pine-dimension-2xs);\n}\n\n.pds-border-radius-sm {\n border-radius: var(--pine-dimension-xs);\n}\n\n.pds-border-radius-md {\n border-radius: var(--pine-dimension-125);\n}\n\n.pds-border-radius-lg {\n border-radius: var(--pine-dimension-sm);\n}\n\n.pds-border-radius-circle {\n border-radius: var(--pine-border-radius-full);\n}\n\n// Box shadow helpers\n.pds-shadow-050 {\n box-shadow: var(--pine-box-shadow-050);\n}\n\n.pds-shadow-100 {\n box-shadow: var(--pine-box-shadow-100);\n}\n\n.pds-shadow-150 {\n box-shadow: var(--pine-box-shadow-150);\n}\n\n.pds-shadow-200 {\n box-shadow: var(--pine-box-shadow-200);\n}\n\n.pds-shadow-300 {\n box-shadow: var(--pine-box-shadow-300);\n}\n\n.pds-shadow-400 {\n box-shadow: var(--pine-box-shadow-400);\n}\n\n.pds-shadow-500 {\n box-shadow: var(--pine-box-shadow-500);\n}\n\n\n.pds-shadow-xs {\n box-shadow: var(--pine-box-shadow-050);\n}\n\n.pds-shadow-sm {\n box-shadow: var(--pine-box-shadow-100);\n}\n\n.pds-shadow-md {\n box-shadow: var(--pine-box-shadow-150);\n}\n\n.pds-shadow-lg {\n box-shadow: var(--pine-box-shadow-200);\n}\n\n// Gap helpers\n.pds-box-gap-none {\n gap: 0;\n}\n\n.pds-box-gap-xxs {\n gap: var(--pine-dimension-2xs);\n}\n\n.pds-box-gap-xs {\n gap: var(--pine-dimension-xs);\n}\n\n.pds-box-gap-sm {\n gap: var(--pine-dimension-sm);\n}\n\n.pds-box-gap-md {\n gap: var(--pine-dimension-md);\n}\n\n.pds-box-gap-lg {\n gap: var(--pine-dimension-lg);\n}\n\n.pds-box-gap-xl {\n gap: var(--pine-dimension-xl);\n}\n\n.pds-box-gap-xxl {\n gap: var(--pine-dimension-2xl);\n}\n\n// Margin helpers\n.pds-margin-block-start-xxs {\n margin-block-start: var(--pine-dimension-2xs);\n}\n\n.pds-margin-block-start-xs {\n margin-block-start: var(--pine-dimension-xs);\n}\n\n.pds-margin-block-start-sm {\n margin-block-start: var(--pine-dimension-sm);\n}\n\n.pds-margin-block-start-md {\n margin-block-start: var(--pine-dimension-md);\n}\n\n.pds-margin-block-start-lg {\n margin-block-start: var(--pine-dimension-lg);\n}\n\n.pds-margin-block-start-xl {\n margin-block-start: var(--pine-dimension-xl);\n}\n\n.pds-margin-block-start-xxl {\n margin-block-start: var(--pine-dimension-2xl);\n}\n\n.pds-margin-inline-start-none {\n margin-inline-start: 0;\n}\n\n.pds-margin-inline-start-xxs {\n margin-inline-start: var(--pine-dimension-2xs);\n}\n\n.pds-margin-inline-start-xs {\n margin-inline-start: var(--pine-dimension-xs);\n}\n\n.pds-margin-inline-start-sm {\n margin-inline-start: var(--pine-dimension-sm);\n}\n\n.pds-margin-inline-start-md {\n margin-inline-start: var(--pine-dimension-md);\n}\n\n.pds-margin-inline-start-lg {\n margin-inline-start: var(--pine-dimension-lg);\n}\n\n.pds-margin-inline-start-xl {\n margin-inline-start: var(--pine-dimension-xl);\n}\n\n.pds-margin-inline-start-xxl {\n margin-inline-start: var(--pine-dimension-2xl);\n}\n\n.pds-margin-inline-end-none {\n margin-inline-end: 0;\n}\n\n.pds-margin-inline-end-xxs {\n margin-inline-end: var(--pine-dimension-2xs);\n}\n\n.pds-margin-inline-end-xs {\n margin-inline-end: var(--pine-dimension-xs);\n}\n\n.pds-margin-inline-end-sm {\n margin-inline-end: var(--pine-dimension-sm);\n}\n\n.pds-margin-inline-end-md {\n margin-inline-end: var(--pine-dimension-md);\n}\n\n.pds-margin-inline-end-lg {\n margin-inline-end: var(--pine-dimension-lg);\n}\n\n.pds-margin-inline-end-xl {\n margin-inline-end: var(--pine-dimension-xl);\n}\n\n.pds-margin-inline-end-xxl {\n margin-inline-end: var(--pine-dimension-2xl);\n}\n\n.pds-margin-block-end-none {\n margin-block-end: 0;\n}\n\n.pds-margin-block-end-xxs {\n margin-block-end: var(--pine-dimension-2xs);\n}\n\n.pds-margin-block-end-xs {\n margin-block-end: var(--pine-dimension-xs);\n}\n\n.pds-margin-block-end-sm {\n margin-block-end: var(--pine-dimension-sm);\n}\n\n.pds-margin-block-end-md {\n margin-block-end: var(--pine-dimension-md);\n}\n\n.pds-margin-block-end-lg {\n margin-block-end: var(--pine-dimension-lg);\n}\n\n.pds-margin-block-end-xl {\n margin-block-end: var(--pine-dimension-xl);\n}\n\n.pds-margin-block-end-xxl {\n margin-block-end: var(--pine-dimension-2xl);\n}\n\n// Padding helpers\n.pds-padding-none {\n padding: 0;\n}\n\n.pds-padding-xxs {\n padding: var(--pine-dimension-2xs);\n}\n\n.pds-padding-xs {\n padding: var(--pine-dimension-xs);\n}\n\n.pds-padding-sm {\n padding: var(--pine-dimension-sm);\n}\n\n.pds-padding-md {\n padding: var(--pine-dimension-md);\n}\n\n.pds-padding-lg {\n padding: var(--pine-dimension-lg);\n}\n\n.pds-padding-xl {\n padding: var(--pine-dimension-xl);\n}\n\n.pds-padding-xxl {\n padding: var(--pine-dimension-2xl);\n}\n\n// Padding block start helpers\n.pds-padding-block-start-none {\n padding-block-start: var(--pine-dimension-none);\n}\n\n.pds-padding-block-start-xxs {\n padding-block-start: var(--pine-dimension-2xs);\n}\n\n.pds-padding-block-start-xs {\n padding-block-start: var(--pine-dimension-xs);\n}\n\n.pds-padding-block-start-sm {\n padding-block-start: var(--pine-dimension-sm);\n}\n\n.pds-padding-block-start-md {\n padding-block-start: var(--pine-dimension-md);\n}\n\n.pds-padding-block-start-lg {\n padding-block-start: var(--pine-dimension-lg);\n}\n\n.pds-padding-block-start-xl {\n padding-block-start: var(--pine-dimension-xl);\n}\n\n.pds-padding-block-start-xxl {\n padding-block-start: var(--pine-dimension-2xl);\n}\n\n// Padding block end helpers\n.pds-padding-block-end-none {\n padding-block-end: var(--pine-dimension-none);\n}\n\n.pds-padding-block-end-xxs {\n padding-block-end: var(--pine-dimension-2xs);\n}\n\n.pds-padding-block-end-xs {\n padding-block-end: var(--pine-dimension-xs);\n}\n\n.pds-padding-block-end-sm {\n padding-block-end: var(--pine-dimension-sm);\n}\n\n.pds-padding-block-end-md {\n padding-block-end: var(--pine-dimension-md);\n}\n\n.pds-padding-block-end-lg {\n padding-block-end: var(--pine-dimension-lg);\n}\n\n.pds-padding-block-end-xl {\n padding-block-end: var(--pine-dimension-xl);\n}\n\n.pds-padding-block-end-xxl {\n padding-block-end: var(--pine-dimension-2xl);\n}\n\n// Padding inline start helpers\n.pds-padding-inline-start-none {\n padding-inline-start: var(--pine-dimension-none);\n}\n\n.pds-padding-inline-start-xxs {\n padding-inline-start: var(--pine-dimension-2xs);\n}\n\n.pds-padding-inline-start-xs {\n padding-inline-start: var(--pine-dimension-xs);\n}\n\n.pds-padding-inline-start-sm {\n padding-inline-start: var(--pine-dimension-sm);\n}\n\n.pds-padding-inline-start-md {\n padding-inline-start: var(--pine-dimension-md);\n}\n\n.pds-padding-inline-start-lg {\n padding-inline-start: var(--pine-dimension-lg);\n}\n\n.pds-padding-inline-start-xl {\n padding-inline-start: var(--pine-dimension-xl);\n}\n\n.pds-padding-inline-start-xxl {\n padding-inline-start: var(--pine-dimension-2xl);\n}\n\n// Padding inline end helpers\n.pds-padding-inline-end-none {\n padding-inline-end: var(--pine-dimension-none);\n}\n\n.pds-padding-inline-end-xxs {\n padding-inline-end: var(--pine-dimension-2xs);\n}\n\n.pds-padding-inline-end-xs {\n padding-inline-end: var(--pine-dimension-xs);\n}\n\n.pds-padding-inline-end-sm {\n padding-inline-end: var(--pine-dimension-sm);\n}\n\n.pds-padding-inline-end-md {\n padding-inline-end: var(--pine-dimension-md);\n}\n\n.pds-padding-inline-end-lg {\n padding-inline-end: var(--pine-dimension-lg);\n}\n\n.pds-padding-inline-end-xl {\n padding-inline-end: var(--pine-dimension-xl);\n}\n\n.pds-padding-inline-end-xxl {\n padding-inline-end: var(--pine-dimension-2xl);\n}\n\n\n// Display helpers\n.pds-box-display-block {\n display: block;\n}\n\n.pds-box-display-inline-block {\n display: inline-block;\n}\n\n.pds-box-display-flex {\n display: flex;\n}\n\n.pds-box-display-inline-flex {\n display: inline-flex;\n}\n\n// Flex Direction helpers\n.pds-box-direction-row {\n flex-direction: row;\n}\n\n.pds-box-direction-column {\n flex-direction: column;\n}\n\n// Flex Wrap helpers\n.pds-box--wrap {\n flex-wrap: wrap;\n}\n\n// Maps for flex properties\n$justify-content-values: (\n 'start': start,\n 'center': center,\n 'end': end,\n 'space-between': space-between,\n 'space-around': space-around,\n 'space-evenly': space-evenly\n);\n\n$align-items-values: (\n 'start': start,\n 'center': center,\n 'end': end,\n 'baseline': baseline,\n 'stretch': stretch\n);\n\n$align-self-values: (\n 'start': start,\n 'center': center,\n 'end': end,\n 'baseline': baseline,\n 'stretch': stretch\n);\n\n$breakpoints: (\n 'xs': '(max-width: 575px)',\n 'sm': '(min-width: 576px)',\n 'md': '(min-width: 768px)',\n 'lg': '(min-width: 992px)',\n 'xl': '(min-width: 1200px)'\n);\n\n// Justify Content helpers\n@each $name, $value in $justify-content-values {\n .pds-justify-content-#{$name} {\n justify-content: $value;\n }\n}\n\n// Responsive Justify Content helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n @media #{$breakpoint-value} {\n @each $name, $value in $justify-content-values {\n .pds-justify-content-#{$breakpoint-name}-#{$name} {\n justify-content: $value;\n }\n }\n }\n}\n\n// Align Items helpers\n@each $name, $value in $align-items-values {\n .pds-align-items-#{$name} {\n align-items: $value;\n }\n}\n\n// Responsive Align Items helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n @media #{$breakpoint-value} {\n @each $name, $value in $align-items-values {\n .pds-align-items-#{$breakpoint-name}-#{$name} {\n align-items: $value;\n }\n }\n }\n}\n\n// Align Self helpers\n@each $name, $value in $align-self-values {\n .pds-align-self-#{$name} {\n align-self: $value;\n }\n}\n\n// Responsive Align Self helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n @media #{$breakpoint-value} {\n @each $name, $value in $align-self-values {\n .pds-align-self-#{$breakpoint-name}-#{$name} {\n align-self: $value;\n }\n }\n }\n}\n\n// Responsive Flex Wrap helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n @media #{$breakpoint-value} {\n .pds-box--wrap-#{$breakpoint-name} {\n flex-wrap: wrap;\n }\n }\n}\n\n// Responsive Auto helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n @media #{$breakpoint-value} {\n .pds-box--auto-#{$breakpoint-name} {\n flex: 0 0 var(--sizing-min-width-box, fit-content);\n min-width: auto;\n width: auto;\n }\n }\n}\n\n// Responsive Fit helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n @media #{$breakpoint-value} {\n .pds-box--fit-#{$breakpoint-name} {\n max-width: 100%;\n min-width: 100%;\n width: 100%;\n }\n }\n}\n\n// Responsive Gap helpers\n$gap-values: (\n 'none': 0,\n 'xxs': var(--pine-dimension-2xs),\n 'xs': var(--pine-dimension-xs),\n 'sm': var(--pine-dimension-sm),\n 'md': var(--pine-dimension-md),\n 'lg': var(--pine-dimension-lg),\n 'xl': var(--pine-dimension-xl),\n 'xxl': var(--pine-dimension-2xl)\n);\n\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n @media #{$breakpoint-value} {\n @each $name, $value in $gap-values {\n .pds-box-gap-#{$breakpoint-name}-#{$name} {\n gap: $value;\n }\n }\n }\n}\n\n// Responsive Margin helpers\n$margin-values: (\n 'none': 0,\n 'xxs': var(--pine-dimension-2xs),\n 'xs': var(--pine-dimension-xs),\n 'sm': var(--pine-dimension-sm),\n 'md': var(--pine-dimension-md),\n 'lg': var(--pine-dimension-lg),\n 'xl': var(--pine-dimension-xl),\n 'xxl': var(--pine-dimension-2xl)\n);\n\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n @media #{$breakpoint-value} {\n @each $name, $value in $margin-values {\n .pds-margin-block-start-#{$breakpoint-name}-#{$name} {\n margin-block-start: $value;\n }\n\n .pds-margin-inline-start-#{$breakpoint-name}-#{$name} {\n margin-inline-start: $value;\n }\n\n .pds-margin-inline-end-#{$breakpoint-name}-#{$name} {\n margin-inline-end: $value;\n }\n\n .pds-margin-block-end-#{$breakpoint-name}-#{$name} {\n margin-block-end: $value;\n }\n }\n }\n}\n\n// Responsive Padding helpers\n$padding-values: (\n 'none': var(--pine-dimension-none),\n 'xxs': var(--pine-dimension-2xs),\n 'xs': var(--pine-dimension-xs),\n 'sm': var(--pine-dimension-sm),\n 'md': var(--pine-dimension-md),\n 'lg': var(--pine-dimension-lg),\n 'xl': var(--pine-dimension-xl),\n 'xxl': var(--pine-dimension-2xl)\n);\n\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n @media #{$breakpoint-value} {\n @each $name, $value in $padding-values {\n .pds-padding-#{$breakpoint-name}-#{$name} {\n padding: $value;\n }\n\n .pds-padding-block-start-#{$breakpoint-name}-#{$name} {\n padding-block-start: $value;\n }\n\n .pds-padding-block-end-#{$breakpoint-name}-#{$name} {\n padding-block-end: $value;\n }\n\n .pds-padding-inline-start-#{$breakpoint-name}-#{$name} {\n padding-inline-start: $value;\n }\n\n .pds-padding-inline-end-#{$breakpoint-name}-#{$name} {\n padding-inline-end: $value;\n }\n }\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\nimport { BoxColumnType, BoxTShirtSizeType, BoxShadowSizeType } from '../../utils/types';\nimport { normalizeColorValue } from '../../utils/utils';\n\n@Component({\n tag: 'pds-box',\n styleUrl: 'pds-box.scss',\n})\nexport class PdsBox {\n /**\n * Defines how items within the box are aligned.\n * @defaultValue stretch\n */\n @Prop() alignItems?: `start` | `center` | `end` | `baseline` | `stretch` ;\n\n /**\n * Defines how items within the box are aligned at the XS breakpoint.\n * @defaultValue stretch\n */\n @Prop() alignItemsXs?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n /**\n * Defines how items within the box are aligned at the SM breakpoint.\n * @defaultValue stretch\n */\n @Prop() alignItemsSm?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n /**\n * Defines how items within the box are aligned at the MD breakpoint.\n * @defaultValue stretch\n */\n @Prop() alignItemsMd?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n /**\n * Defines how items within the box are aligned at the LG breakpoint.\n * @defaultValue stretch\n */\n @Prop() alignItemsLg?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n /**\n * Defines how items within the box are aligned at the XL breakpoint.\n * @defaultValue stretch\n */\n @Prop() alignItemsXl?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n /**\n * Defines how the box is aligned within its container.\n * @defaultValue stretch\n */\n @Prop() alignSelf?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n /**\n * Defines how the box is aligned within its container at the XS breakpoint.\n *\n */\n @Prop() alignSelfXs?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n /**\n * Defines how the box is aligned within its container at the SM breakpoint.\n *\n */\n @Prop() alignSelfSm?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n /**\n * Defines how the box is aligned within its container at the MD breakpoint.\n *\n */\n @Prop() alignSelfMd?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n /**\n * Defines how the box is aligned within its container at the LG breakpoint.\n *\n */\n @Prop() alignSelfLg?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n /**\n * Defines how the box is aligned within its container at the XL breakpoint.\n *\n */\n @Prop() alignSelfXl?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n /**\n * If `true`, the box will be sized to fit its contents.\n */\n @Prop() auto?: boolean;\n\n /**\n * If `true`, the box will be sized to fit its contents at the XS breakpoint.\n */\n @Prop() autoXs?: boolean;\n\n /**\n * If `true`, the box will be sized to fit its contents at the SM breakpoint.\n */\n @Prop() autoSm?: boolean;\n\n /**\n * If `true`, the box will be sized to fit its contents at the MD breakpoint.\n */\n @Prop() autoMd?: boolean;\n\n /**\n * If `true`, the box will be sized to fit its contents at the LG breakpoint.\n */\n @Prop() autoLg?: boolean;\n\n /**\n * If `true`, the box will be sized to fit its contents at the XL breakpoint.\n */\n @Prop() autoXl?: boolean;\n\n /**\n * Defines the background-color of the box.\n */\n @Prop() backgroundColor?: string;\n\n /**\n * If `true`, the box will have a border.\n */\n @Prop() border? = false;\n\n /**\n * Defines the border color of the box.\n */\n @Prop() borderColor?: string;\n\n /**\n * Defines how rounded the box corners are.\n * @defaultValue none\n */\n @Prop() borderRadius?: `none` | `xs`| `sm` | `md` | `lg` | `circle`;\n\n /**\n * Defines the orientation of the box items.\n * @defaultValue row\n */\n @Prop() direction?: `row` | `column`;\n\n /**\n * Defines the display style of the box.\n * @defaultValue flex\n */\n @Prop() display?: `flex` | `inline-flex` | `block` | `inline-block`;\n\n /**\n * If `true`, sets the box `max-width` to `100%`.\n */\n @Prop() fit?: boolean;\n\n /**\n * If `true`, sets the box `max-width` to `100%` at the XS breakpoint.\n */\n @Prop() fitXs?: boolean;\n\n /**\n * If `true`, sets the box `max-width` to `100%` at the SM breakpoint.\n */\n @Prop() fitSm?: boolean;\n\n /**\n * If `true`, sets the box `max-width` to `100%` at the MD breakpoint.\n */\n @Prop() fitMd?: boolean;\n\n /**\n * If `true`, sets the box `max-width` to `100%` at the LG breakpoint.\n */\n @Prop() fitLg?: boolean;\n\n /**\n * If `true`, sets the box `max-width` to `100%` at the XL breakpoint.\n */\n @Prop() fitXl?: boolean;\n\n /**\n * Defines the spacing between the box items.\n * @defaultValue none\n */\n @Prop() gap?: BoxTShirtSizeType;\n\n /**\n * Defines the spacing between the box items at the XS breakpoint.\n * @defaultValue none\n */\n @Prop() gapXs?: BoxTShirtSizeType;\n\n /**\n * Defines the spacing between the box items at the SM breakpoint.\n * @defaultValue none\n */\n @Prop() gapSm?: BoxTShirtSizeType;\n\n /**\n * Defines the spacing between the box items at the MD breakpoint.\n * @defaultValue none\n */\n @Prop() gapMd?: BoxTShirtSizeType;\n\n /**\n * Defines the spacing between the box items at the LG breakpoint.\n * @defaultValue none\n */\n @Prop() gapLg?: BoxTShirtSizeType;\n\n /**\n * Defines the spacing between the box items at the XL breakpoint.\n * @defaultValue none\n */\n @Prop() gapXl?: BoxTShirtSizeType;\n\n /**\n * Defines whether flex items are forced onto one line or can wrap onto multiple lines.\n * @defaultValue false\n */\n @Prop() wrap?: boolean;\n\n /**\n * Defines whether flex items can wrap onto multiple lines at the XS breakpoint.\n * @defaultValue false\n */\n @Prop() wrapXs?: boolean;\n\n /**\n * Defines whether flex items can wrap onto multiple lines at the SM breakpoint.\n * @defaultValue false\n */\n @Prop() wrapSm?: boolean;\n\n /**\n * Defines whether flex items can wrap onto multiple lines at the MD breakpoint.\n * @defaultValue false\n */\n @Prop() wrapMd?: boolean;\n\n /**\n * Defines whether flex items can wrap onto multiple lines at the LG breakpoint.\n * @defaultValue false\n */\n @Prop() wrapLg?: boolean;\n\n /**\n * Defines whether flex items can wrap onto multiple lines at the XL breakpoint.\n * @defaultValue false\n */\n @Prop() wrapXl?: boolean;\n\n /**\n * Defines how a box will grow or shrink to fit the space available in its container.\n * Can be a predefined value ('none', 'grow', 'shrink') or a custom flex value (e.g., '1', '0 1 auto').\n * @defaultValue none\n */\n @Prop() flex?: `none` | `grow` | `shrink` | string;\n\n /**\n * Defines the horizontal alignment of the box items.\n * @defaultValue start\n */\n @Prop() justifyContent?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n /**\n * Defines the horizontal alignment of the box items at the XS breakpoint.\n * @defaultValue start\n */\n @Prop() justifyContentXs?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n /**\n * Defines the horizontal alignment of the box items at the SM breakpoint.\n * @defaultValue start\n */\n @Prop() justifyContentSm?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n /**\n * Defines the horizontal alignment of the box items at the MD breakpoint.\n * @defaultValue start\n */\n @Prop() justifyContentMd?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n /**\n * Defines the horizontal alignment of the box items at the LG breakpoint.\n * @defaultValue start\n */\n @Prop() justifyContentLg?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n /**\n * Defines the horizontal alignment of the box items at the XL breakpoint.\n * @defaultValue start\n */\n @Prop() justifyContentXl?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n /**\n * Defines the box's outer top spacing.\n * @defaultValue none\n */\n @Prop() marginBlockStart?: BoxTShirtSizeType;\n\n /**\n * Defines the box's outer top spacing at the XS breakpoint.\n * @defaultValue none\n */\n @Prop() marginBlockStartXs?: BoxTShirtSizeType;\n\n /**\n * Defines the box's outer top spacing at the SM breakpoint.\n * @defaultValue none\n */\n @Prop() marginBlockStartSm?: BoxTShirtSizeType;\n\n /**\n * Defines the box's outer top spacing at the MD breakpoint.\n * @defaultValue none\n */\n @Prop() marginBlockStartMd?: BoxTShirtSizeType;\n\n /**\n * Defines the box's outer top spacing at the LG breakpoint.\n * @defaultValue none\n */\n @Prop() marginBlockStartLg?: BoxTShirtSizeType;\n\n /**\n * Defines the box's outer top spacing at the XL breakpoint.\n * @defaultValue none\n */\n @Prop() marginBlockStartXl?: BoxTShirtSizeType;\n\n /**\n * Defines the box's outer left spacing.\n * @defaultValue none\n */\n @Prop() marginInlineStart?: BoxTShirtSizeType;\n\n /**\n * Defines the box's outer left spacing at the XS breakpoint.\n * @defaultValue none\n */\n @Prop() marginInlineStartXs?: BoxTShirtSizeType;\n\n /**\n * Defines the box's outer left spacing at the SM breakpoint.\n * @defaultValue none\n */\n @Prop() marginInlineStartSm?: BoxTShirtSizeType;\n\n /**\n * Defines the box's outer left spacing at the MD breakpoint.\n * @defaultValue none\n */\n @Prop() marginInlineStartMd?: BoxTShirtSizeType;\n\n /**\n * Defines the box's outer left spacing at the LG breakpoint.\n * @defaultValue none\n */\n @Prop() marginInlineStartLg?: BoxTShirtSizeType;\n\n /**\n * Defines the box's outer left spacing at the XL breakpoint.\n * @defaultValue none\n */\n @Prop() marginInlineStartXl?: BoxTShirtSizeType;\n\n /**\n * Defines the box's outer right spacing.\n * @defaultValue none\n */\n @Prop() marginInlineEnd?: BoxTShirtSizeType;\n\n /**\n * Defines the box's outer right spacing at the XS breakpoint.\n * @defaultValue none\n */\n @Prop() marginInlineEndXs?: BoxTShirtSizeType;\n\n /**\n * Defines the box's outer right spacing at the SM breakpoint.\n * @defaultValue none\n */\n @Prop() marginInlineEndSm?: BoxTShirtSizeType;\n\n /**\n * Defines the box's outer right spacing at the MD breakpoint.\n * @defaultValue none\n */\n @Prop() marginInlineEndMd?: BoxTShirtSizeType;\n\n /**\n * Defines the box's outer right spacing at the LG breakpoint.\n * @defaultValue none\n */\n @Prop() marginInlineEndLg?: BoxTShirtSizeType;\n\n /**\n * Defines the box's outer right spacing at the XL breakpoint.\n * @defaultValue none\n */\n @Prop() marginInlineEndXl?: BoxTShirtSizeType;\n\n /**\n * Defines the box's outer bottom spacing.\n * @defaultValue none\n */\n @Prop() marginBlockEnd?: BoxTShirtSizeType;\n\n /**\n * Defines the box's outer bottom spacing at the XS breakpoint.\n * @defaultValue none\n */\n @Prop() marginBlockEndXs?: BoxTShirtSizeType;\n\n /**\n * Defines the box's outer bottom spacing at the SM breakpoint.\n * @defaultValue none\n */\n @Prop() marginBlockEndSm?: BoxTShirtSizeType;\n\n /**\n * Defines the box's outer bottom spacing at the MD breakpoint.\n * @defaultValue none\n */\n @Prop() marginBlockEndMd?: BoxTShirtSizeType;\n\n /**\n * Defines the box's outer bottom spacing at the LG breakpoint.\n * @defaultValue none\n */\n @Prop() marginBlockEndLg?: BoxTShirtSizeType;\n\n /**\n * Defines the box's outer bottom spacing at the XL breakpoint.\n * @defaultValue none\n */\n @Prop() marginBlockEndXl?: BoxTShirtSizeType;\n\n /**\n * The minimum height of the row. Used in conjunction with alignment props\n */\n @Prop({ reflect: true }) minHeight?: string;\n\n /**\n * The minimum width of the row. Used in conjunction with alignment props\n */\n @Prop({ reflect: true }) minWidth?: string;\n\n /**\n * Move columns to the end direction of the row for all screen sizes. Increases the starting margin of a column by specified number of columns.\n */\n @Prop() offset?: BoxColumnType;\n\n /**\n * Move columns to the end direction of the row for `XS` screen sizes. Increases the starting margin of a column by specified number of columns.\n */\n @Prop() offsetXs?: BoxColumnType;\n\n /**\n * Move columns to the end direction of the row for `SM` screen sizes. Increases the starting margin of a column by specified number of columns.\n */\n @Prop() offsetSm?: BoxColumnType;\n\n /**\n * Move columns to the end direction of the row for `MD` screen sizes. Increases the starting margin of a column by specified number of columns.\n */\n @Prop() offsetMd?: BoxColumnType;\n\n /**\n * Move columns to the end direction of the row for `LG` screen sizes. Increases the starting margin of a column by specified number of columns.\n */\n @Prop() offsetLg?: BoxColumnType;\n\n /**\n * Move columns to the end direction of the row for `XL` screen sizes. Increases the starting margin of a column by specified number of columns.\n */\n @Prop() offsetXl?: BoxColumnType;\n\n /**\n * Defines the spacing between the box items.\n * @defaultValue none\n */\n @Prop() padding?: BoxTShirtSizeType;\n\n /**\n * Defines the spacing between the box items at the XS breakpoint.\n * @defaultValue none\n */\n @Prop() paddingXs?: BoxTShirtSizeType;\n\n /**\n * Defines the spacing between the box items at the SM breakpoint.\n * @defaultValue none\n */\n @Prop() paddingSm?: BoxTShirtSizeType;\n\n /**\n * Defines the spacing between the box items at the MD breakpoint.\n * @defaultValue none\n */\n @Prop() paddingMd?: BoxTShirtSizeType;\n\n /**\n * Defines the spacing between the box items at the LG breakpoint.\n * @defaultValue none\n */\n @Prop() paddingLg?: BoxTShirtSizeType;\n\n /**\n * Defines the spacing between the box items at the XL breakpoint.\n * @defaultValue none\n */\n @Prop() paddingXl?: BoxTShirtSizeType;\n\n\n /**\n * Defines the top spacing.\n * @defaultValue none\n */\n @Prop() paddingBlockStart?: BoxTShirtSizeType;\n\n /**\n * Defines the top spacing at the XS breakpoint.\n * @defaultValue none\n */\n @Prop() paddingBlockStartXs?: BoxTShirtSizeType;\n\n /**\n * Defines the top spacing at the SM breakpoint.\n * @defaultValue none\n */\n @Prop() paddingBlockStartSm?: BoxTShirtSizeType;\n\n /**\n * Defines the top spacing at the MD breakpoint.\n * @defaultValue none\n */\n @Prop() paddingBlockStartMd?: BoxTShirtSizeType;\n\n /**\n * Defines the top spacing at the LG breakpoint.\n * @defaultValue none\n */\n @Prop() paddingBlockStartLg?: BoxTShirtSizeType;\n\n /**\n * Defines the top spacing at the XL breakpoint.\n * @defaultValue none\n */\n @Prop() paddingBlockStartXl?: BoxTShirtSizeType;\n\n /**\n * Defines the bottom spacing.\n * @defaultValue none\n */\n @Prop() paddingBlockEnd?: BoxTShirtSizeType;\n\n /**\n * Defines the bottom spacing at the XS breakpoint.\n * @defaultValue none\n */\n @Prop() paddingBlockEndXs?: BoxTShirtSizeType;\n\n /**\n * Defines the bottom spacing at the SM breakpoint.\n * @defaultValue none\n */\n @Prop() paddingBlockEndSm?: BoxTShirtSizeType;\n\n /**\n * Defines the bottom spacing at the MD breakpoint.\n * @defaultValue none\n */\n @Prop() paddingBlockEndMd?: BoxTShirtSizeType;\n\n /**\n * Defines the bottom spacing at the LG breakpoint.\n * @defaultValue none\n */\n @Prop() paddingBlockEndLg?: BoxTShirtSizeType;\n\n /**\n * Defines the bottom spacing at the XL breakpoint.\n * @defaultValue none\n */\n @Prop() paddingBlockEndXl?: BoxTShirtSizeType;\n\n /**\n * Defines the left spacing.\n * @defaultValue none\n */\n @Prop() paddingInlineStart?: BoxTShirtSizeType;\n\n /**\n * Defines the left spacing at the XS breakpoint.\n * @defaultValue none\n */\n @Prop() paddingInlineStartXs?: BoxTShirtSizeType;\n\n /**\n * Defines the left spacing at the SM breakpoint.\n * @defaultValue none\n */\n @Prop() paddingInlineStartSm?: BoxTShirtSizeType;\n\n /**\n * Defines the left spacing at the MD breakpoint.\n * @defaultValue none\n */\n @Prop() paddingInlineStartMd?: BoxTShirtSizeType;\n\n /**\n * Defines the left spacing at the LG breakpoint.\n * @defaultValue none\n */\n @Prop() paddingInlineStartLg?: BoxTShirtSizeType;\n\n /**\n * Defines the left spacing at the XL breakpoint.\n * @defaultValue none\n */\n @Prop() paddingInlineStartXl?: BoxTShirtSizeType;\n\n /**\n * Defines the right spacing.\n * @defaultValue none\n */\n @Prop() paddingInlineEnd?: BoxTShirtSizeType;\n\n /**\n * Defines the right spacing at the XS breakpoint.\n * @defaultValue none\n */\n @Prop() paddingInlineEndXs?: BoxTShirtSizeType;\n\n /**\n * Defines the right spacing at the SM breakpoint.\n * @defaultValue none\n */\n @Prop() paddingInlineEndSm?: BoxTShirtSizeType;\n\n /**\n * Defines the right spacing at the MD breakpoint.\n * @defaultValue none\n */\n @Prop() paddingInlineEndMd?: BoxTShirtSizeType;\n\n /**\n * Defines the right spacing at the LG breakpoint.\n * @defaultValue none\n */\n @Prop() paddingInlineEndLg?: BoxTShirtSizeType;\n\n /**\n * Defines the right spacing at the XL breakpoint.\n * @defaultValue none\n */\n @Prop() paddingInlineEndXl?: BoxTShirtSizeType;\n\n /**\n * Defines the box shadow.\n * @defaultValue none\n */\n @Prop() shadow?: BoxShadowSizeType;\n\n /**\n * Sets the default column width for the component. This value applies from the smallest screen size (XS) upwards, unless overridden by a breakpoint-specific size prop at that breakpoint or larger.\n */\n @Prop() size?: BoxColumnType;\n\n /**\n * At the XS breakpoint, this prop will take the number of columns specified. This overrides the base size prop for this specific range.\n */\n @Prop() sizeXs?: BoxColumnType;\n\n /**\n * At screen sizes from the SM breakpoint and larger (576px and up), this will take the specified number of columns. This overrides any value set by size or sizeXs.\n */\n @Prop() sizeSm?: BoxColumnType;\n\n /**\n * At screen sizes from the MD breakpoint and larger (768px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.\n */\n @Prop() sizeMd?: BoxColumnType;\n\n /**\n * At screen sizes from the LG breakpoint and larger (992px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.\n */\n @Prop() sizeLg?: BoxColumnType;\n\n /**\n * At screen sizes from the XL breakpoint and larger (1200px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.\n */\n @Prop() sizeXl?: BoxColumnType;\n\n\n\n render() {\n const boxClasses = `\n ${this.alignItems !== undefined && this.alignItems.trim() !== '' ? `pds-align-items-${this.alignItems}` : ''}\n ${this.alignItemsXs !== undefined && this.alignItemsXs.trim() !== '' ? `pds-align-items-xs-${this.alignItemsXs}` : ''}\n ${this.alignItemsSm !== undefined && this.alignItemsSm.trim() !== '' ? `pds-align-items-sm-${this.alignItemsSm}` : ''}\n ${this.alignItemsMd !== undefined && this.alignItemsMd.trim() !== '' ? `pds-align-items-md-${this.alignItemsMd}` : ''}\n ${this.alignItemsLg !== undefined && this.alignItemsLg.trim() !== '' ? `pds-align-items-lg-${this.alignItemsLg}` : ''}\n ${this.alignItemsXl !== undefined && this.alignItemsXl.trim() !== '' ? `pds-align-items-xl-${this.alignItemsXl}` : ''}\n ${this.alignSelf !== undefined && this.alignSelf.trim() !== '' ? `pds-align-self-${this.alignSelf}` : ''}\n ${this.alignSelfXs !== undefined && this.alignSelfXs.trim() !== '' ? `pds-align-self-xs-${this.alignSelfXs}` : ''}\n ${this.alignSelfSm !== undefined && this.alignSelfSm.trim() !== '' ? `pds-align-self-sm-${this.alignSelfSm}` : ''}\n ${this.alignSelfMd !== undefined && this.alignSelfMd.trim() !== '' ? `pds-align-self-md-${this.alignSelfMd}` : ''}\n ${this.alignSelfLg !== undefined && this.alignSelfLg.trim() !== '' ? `pds-align-self-lg-${this.alignSelfLg}` : ''}\n ${this.alignSelfXl !== undefined && this.alignSelfXl.trim() !== '' ? `pds-align-self-xl-${this.alignSelfXl}` : ''}\n ${this.auto ? 'pds-box--auto' : ''}\n ${this.autoXs ? 'pds-box--auto-xs' : ''}\n ${this.autoSm ? 'pds-box--auto-sm' : ''}\n ${this.autoMd ? 'pds-box--auto-md' : ''}\n ${this.autoLg ? 'pds-box--auto-lg' : ''}\n ${this.autoXl ? 'pds-box--auto-xl' : ''}\n ${this.border ? 'pds-box--border' : ''}\n ${this.borderRadius !== undefined && this.borderRadius.trim() !== '' ? `pds-border-radius-${this.borderRadius}` : ''}\n ${this.direction !== undefined && this.direction.trim() !== '' ? `pds-box-direction-${this.direction}` : ''}\n ${this.display !== undefined && this.display.trim() !== '' ? `pds-box--display-${this.display}` : ''}\n ${this.fit ? 'pds-box--fit' : ''}\n ${this.fitXs ? 'pds-box--fit-xs' : ''}\n ${this.fitSm ? 'pds-box--fit-sm' : ''}\n ${this.fitMd ? 'pds-box--fit-md' : ''}\n ${this.fitLg ? 'pds-box--fit-lg' : ''}\n ${this.fitXl ? 'pds-box--fit-xl' : ''}\n ${this.gap !== undefined && this.gap.trim() !== '' ? `pds-box-gap-${this.gap}` : ''}\n ${this.gapXs !== undefined && this.gapXs.trim() !== '' ? `pds-box-gap-xs-${this.gapXs}` : ''}\n ${this.gapSm !== undefined && this.gapSm.trim() !== '' ? `pds-box-gap-sm-${this.gapSm}` : ''}\n ${this.gapMd !== undefined && this.gapMd.trim() !== '' ? `pds-box-gap-md-${this.gapMd}` : ''}\n ${this.gapLg !== undefined && this.gapLg.trim() !== '' ? `pds-box-gap-lg-${this.gapLg}` : ''}\n ${this.gapXl !== undefined && this.gapXl.trim() !== '' ? `pds-box-gap-xl-${this.gapXl}` : ''}\n ${this.wrap ? 'pds-box--wrap' : ''}\n ${this.wrapXs ? 'pds-box--wrap-xs' : ''}\n ${this.wrapSm ? 'pds-box--wrap-sm' : ''}\n ${this.wrapMd ? 'pds-box--wrap-md' : ''}\n ${this.wrapLg ? 'pds-box--wrap-lg' : ''}\n ${this.wrapXl ? 'pds-box--wrap-xl' : ''}\n ${this.flex !== undefined && this.flex.trim() !== '' && ['none', 'grow', 'shrink'].includes(this.flex) ? `pds-box--flex-${this.flex}` : ''}\n ${this.justifyContent !== undefined && this.justifyContent.trim() !== '' ? `pds-justify-content-${this.justifyContent}` : ''}\n ${this.justifyContentXs !== undefined && this.justifyContentXs.trim() !== '' ? `pds-justify-content-xs-${this.justifyContentXs}` : ''}\n ${this.justifyContentSm !== undefined && this.justifyContentSm.trim() !== '' ? `pds-justify-content-sm-${this.justifyContentSm}` : ''}\n ${this.justifyContentMd !== undefined && this.justifyContentMd.trim() !== '' ? `pds-justify-content-md-${this.justifyContentMd}` : ''}\n ${this.justifyContentLg !== undefined && this.justifyContentLg.trim() !== '' ? `pds-justify-content-lg-${this.justifyContentLg}` : ''}\n ${this.justifyContentXl !== undefined && this.justifyContentXl.trim() !== '' ? `pds-justify-content-xl-${this.justifyContentXl}` : ''}\n ${this.marginBlockStart !== undefined && this.marginBlockStart.trim() !== '' ? `pds-margin-block-start-${this.marginBlockStart}` : ''}\n ${this.marginBlockStartXs !== undefined && this.marginBlockStartXs.trim() !== '' ? `pds-margin-block-start-xs-${this.marginBlockStartXs}` : ''}\n ${this.marginBlockStartSm !== undefined && this.marginBlockStartSm.trim() !== '' ? `pds-margin-block-start-sm-${this.marginBlockStartSm}` : ''}\n ${this.marginBlockStartMd !== undefined && this.marginBlockStartMd.trim() !== '' ? `pds-margin-block-start-md-${this.marginBlockStartMd}` : ''}\n ${this.marginBlockStartLg !== undefined && this.marginBlockStartLg.trim() !== '' ? `pds-margin-block-start-lg-${this.marginBlockStartLg}` : ''}\n ${this.marginBlockStartXl !== undefined && this.marginBlockStartXl.trim() !== '' ? `pds-margin-block-start-xl-${this.marginBlockStartXl}` : ''}\n ${this.marginInlineStart !== undefined && this.marginInlineStart.trim() !== '' ? `pds-margin-inline-start-${this.marginInlineStart}` : ''}\n ${this.marginInlineStartXs !== undefined && this.marginInlineStartXs.trim() !== '' ? `pds-margin-inline-start-xs-${this.marginInlineStartXs}` : ''}\n ${this.marginInlineStartSm !== undefined && this.marginInlineStartSm.trim() !== '' ? `pds-margin-inline-start-sm-${this.marginInlineStartSm}` : ''}\n ${this.marginInlineStartMd !== undefined && this.marginInlineStartMd.trim() !== '' ? `pds-margin-inline-start-md-${this.marginInlineStartMd}` : ''}\n ${this.marginInlineStartLg !== undefined && this.marginInlineStartLg.trim() !== '' ? `pds-margin-inline-start-lg-${this.marginInlineStartLg}` : ''}\n ${this.marginInlineStartXl !== undefined && this.marginInlineStartXl.trim() !== '' ? `pds-margin-inline-start-xl-${this.marginInlineStartXl}` : ''}\n ${this.marginInlineEnd !== undefined && this.marginInlineEnd.trim() !== '' ? `pds-margin-inline-end-${this.marginInlineEnd}` : ''}\n ${this.marginInlineEndXs !== undefined && this.marginInlineEndXs.trim() !== '' ? `pds-margin-inline-end-xs-${this.marginInlineEndXs}` : ''}\n ${this.marginInlineEndSm !== undefined && this.marginInlineEndSm.trim() !== '' ? `pds-margin-inline-end-sm-${this.marginInlineEndSm}` : ''}\n ${this.marginInlineEndMd !== undefined && this.marginInlineEndMd.trim() !== '' ? `pds-margin-inline-end-md-${this.marginInlineEndMd}` : ''}\n ${this.marginInlineEndLg !== undefined && this.marginInlineEndLg.trim() !== '' ? `pds-margin-inline-end-lg-${this.marginInlineEndLg}` : ''}\n ${this.marginInlineEndXl !== undefined && this.marginInlineEndXl.trim() !== '' ? `pds-margin-inline-end-xl-${this.marginInlineEndXl}` : ''}\n ${this.marginBlockEnd !== undefined && this.marginBlockEnd.trim() !== '' ? `pds-margin-block-end-${this.marginBlockEnd}` : ''}\n ${this.marginBlockEndXs !== undefined && this.marginBlockEndXs.trim() !== '' ? `pds-margin-block-end-xs-${this.marginBlockEndXs}` : ''}\n ${this.marginBlockEndSm !== undefined && this.marginBlockEndSm.trim() !== '' ? `pds-margin-block-end-sm-${this.marginBlockEndSm}` : ''}\n ${this.marginBlockEndMd !== undefined && this.marginBlockEndMd.trim() !== '' ? `pds-margin-block-end-md-${this.marginBlockEndMd}` : ''}\n ${this.marginBlockEndLg !== undefined && this.marginBlockEndLg.trim() !== '' ? `pds-margin-block-end-lg-${this.marginBlockEndLg}` : ''}\n ${this.marginBlockEndXl !== undefined && this.marginBlockEndXl.trim() !== '' ? `pds-margin-block-end-xl-${this.marginBlockEndXl}` : ''}\n ${this.offset !== undefined && this.offset.trim() !== '' ? `pds-box-offset-${this.offset}` : ''}\n ${this.offsetXs !== undefined && this.offsetXs.trim() !== '' ? `pds-box-offset-xs-${this.offsetXs}` : ''}\n ${this.offsetSm !== undefined && this.offsetSm.trim() !== '' ? `pds-box-offset-sm-${this.offsetSm}` : ''}\n ${this.offsetMd !== undefined && this.offsetMd.trim() !== '' ? `pds-box-offset-md-${this.offsetMd}` : ''}\n ${this.offsetLg !== undefined && this.offsetLg.trim() !== '' ? `pds-box-offset-lg-${this.offsetLg}` : ''}\n ${this.offsetXl !== undefined && this.offsetXl.trim() !== '' ? `pds-box-offset-xl-${this.offsetXl}` : ''}\n ${this.padding !== undefined && this.padding.trim() !== '' ? `pds-padding-${this.padding}` : ''}\n ${this.paddingXs !== undefined && this.paddingXs.trim() !== '' ? `pds-padding-xs-${this.paddingXs}` : ''}\n ${this.paddingSm !== undefined && this.paddingSm.trim() !== '' ? `pds-padding-sm-${this.paddingSm}` : ''}\n ${this.paddingMd !== undefined && this.paddingMd.trim() !== '' ? `pds-padding-md-${this.paddingMd}` : ''}\n ${this.paddingLg !== undefined && this.paddingLg.trim() !== '' ? `pds-padding-lg-${this.paddingLg}` : ''}\n ${this.paddingXl !== undefined && this.paddingXl.trim() !== '' ? `pds-padding-xl-${this.paddingXl}` : ''}\n ${this.paddingBlockStart !== undefined && this.paddingBlockStart.trim() !== '' ? `pds-padding-block-start-${this.paddingBlockStart}` : ''}\n ${this.paddingBlockStartXs !== undefined && this.paddingBlockStartXs.trim() !== '' ? `pds-padding-block-start-xs-${this.paddingBlockStartXs}` : ''}\n ${this.paddingBlockStartSm !== undefined && this.paddingBlockStartSm.trim() !== '' ? `pds-padding-block-start-sm-${this.paddingBlockStartSm}` : ''}\n ${this.paddingBlockStartMd !== undefined && this.paddingBlockStartMd.trim() !== '' ? `pds-padding-block-start-md-${this.paddingBlockStartMd}` : ''}\n ${this.paddingBlockStartLg !== undefined && this.paddingBlockStartLg.trim() !== '' ? `pds-padding-block-start-lg-${this.paddingBlockStartLg}` : ''}\n ${this.paddingBlockStartXl !== undefined && this.paddingBlockStartXl.trim() !== '' ? `pds-padding-block-start-xl-${this.paddingBlockStartXl}` : ''}\n ${this.paddingBlockEnd !== undefined && this.paddingBlockEnd.trim() !== '' ? `pds-padding-block-end-${this.paddingBlockEnd}` : ''}\n ${this.paddingBlockEndXs !== undefined && this.paddingBlockEndXs.trim() !== '' ? `pds-padding-block-end-xs-${this.paddingBlockEndXs}` : ''}\n ${this.paddingBlockEndSm !== undefined && this.paddingBlockEndSm.trim() !== '' ? `pds-padding-block-end-sm-${this.paddingBlockEndSm}` : ''}\n ${this.paddingBlockEndMd !== undefined && this.paddingBlockEndMd.trim() !== '' ? `pds-padding-block-end-md-${this.paddingBlockEndMd}` : ''}\n ${this.paddingBlockEndLg !== undefined && this.paddingBlockEndLg.trim() !== '' ? `pds-padding-block-end-lg-${this.paddingBlockEndLg}` : ''}\n ${this.paddingBlockEndXl !== undefined && this.paddingBlockEndXl.trim() !== '' ? `pds-padding-block-end-xl-${this.paddingBlockEndXl}` : ''}\n ${this.paddingInlineStart !== undefined && this.paddingInlineStart.trim() !== '' ? `pds-padding-inline-start-${this.paddingInlineStart}` : ''}\n ${this.paddingInlineStartXs !== undefined && this.paddingInlineStartXs.trim() !== '' ? `pds-padding-inline-start-xs-${this.paddingInlineStartXs}` : ''}\n ${this.paddingInlineStartSm !== undefined && this.paddingInlineStartSm.trim() !== '' ? `pds-padding-inline-start-sm-${this.paddingInlineStartSm}` : ''}\n ${this.paddingInlineStartMd !== undefined && this.paddingInlineStartMd.trim() !== '' ? `pds-padding-inline-start-md-${this.paddingInlineStartMd}` : ''}\n ${this.paddingInlineStartLg !== undefined && this.paddingInlineStartLg.trim() !== '' ? `pds-padding-inline-start-lg-${this.paddingInlineStartLg}` : ''}\n ${this.paddingInlineStartXl !== undefined && this.paddingInlineStartXl.trim() !== '' ? `pds-padding-inline-start-xl-${this.paddingInlineStartXl}` : ''}\n ${this.paddingInlineEnd !== undefined && this.paddingInlineEnd.trim() !== '' ? `pds-padding-inline-end-${this.paddingInlineEnd}` : ''}\n ${this.paddingInlineEndXs !== undefined && this.paddingInlineEndXs.trim() !== '' ? `pds-padding-inline-end-xs-${this.paddingInlineEndXs}` : ''}\n ${this.paddingInlineEndSm !== undefined && this.paddingInlineEndSm.trim() !== '' ? `pds-padding-inline-end-sm-${this.paddingInlineEndSm}` : ''}\n ${this.paddingInlineEndMd !== undefined && this.paddingInlineEndMd.trim() !== '' ? `pds-padding-inline-end-md-${this.paddingInlineEndMd}` : ''}\n ${this.paddingInlineEndLg !== undefined && this.paddingInlineEndLg.trim() !== '' ? `pds-padding-inline-end-lg-${this.paddingInlineEndLg}` : ''}\n ${this.paddingInlineEndXl !== undefined && this.paddingInlineEndXl.trim() !== '' ? `pds-padding-inline-end-xl-${this.paddingInlineEndXl}` : ''}\n ${this.shadow !== undefined && this.shadow.trim() !== '' ? `pds-shadow-${this.shadow}` : ''}\n ${this.size !== undefined && this.size.trim() !== '' ? `pds-box pds-box-${this.size}` : ''}\n ${this.sizeXs !== undefined && this.sizeXs.trim() !== '' ? `pds-box-xs-${this.sizeXs}` : ''}\n ${this.sizeSm !== undefined && this.sizeSm.trim() !== '' ? `pds-box-sm-${this.sizeSm}` : ''}\n ${this.sizeMd !== undefined && this.sizeMd.trim() !== '' ? `pds-box-md-${this.sizeMd}` : ''}\n ${this.sizeLg !== undefined && this.sizeLg.trim() !== '' ? `pds-box-lg-${this.sizeLg}` : ''}\n ${this.sizeXl !== undefined && this.sizeXl.trim() !== '' ? `pds-box-xl-${this.sizeXl}` : ''}\n ${this.size == undefined &&\n this.sizeSm == undefined &&\n this.sizeMd == undefined &&\n this.sizeLg == undefined &&\n this.sizeXl == undefined ? 'pds-box' : ''}\n `;\n\n // Normalize so pds-box accepts --token, var(--token), or literals (no semantic names)\n const normalizedBackground = normalizeColorValue(this.backgroundColor);\n const normalizedBorder = normalizeColorValue(this.borderColor);\n\n const boxInlineStyles = {\n ...(normalizedBackground && { '--color-background-box': normalizedBackground }),\n ...(normalizedBorder && { '--color-border-box': normalizedBorder }),\n ...(this.minHeight && { '--sizing-min-height-box': this.minHeight }),\n ...(this.minWidth && { '--sizing-min-width-box': this.minWidth }),\n ...(this.flex && !['none', 'grow', 'shrink'].includes(this.flex) && { 'flex': this.flex }),\n };\n\n return (\n <Host class={boxClasses} style={boxInlineStyles}>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
package/dist/pine-core/p-540cfd70.entry.js ADDED
@@ -0,0 +1,2 @@
1
+ import{r as t,h as o,H as e,g as s}from"./p-BVCWKPy3.js";const n="pds-modal-content{display:block;-ms-flex:1 1 auto;flex:1 1 auto;width:100%}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-none){border:0}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-both){-webkit-border-after:1px solid var(--pine-color-grey-200);border-block-end:1px solid var(--pine-color-grey-200);-webkit-border-before:1px solid var(--pine-color-grey-200);border-block-start:1px solid var(--pine-color-grey-200)}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-top){-webkit-border-before:1px solid var(--pine-color-grey-200);border-block-start:1px solid var(--pine-color-grey-200)}pds-modal-content:has(.pds-modal-content.pds-modal-content--border-bottom){-webkit-border-after:1px solid var(--pine-color-grey-200);border-block-end:1px solid var(--pine-color-grey-200)}.pds-modal-content{display:block;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;width:100%}";const i=class{constructor(o){t(this,o);this.border="none";this.contentMaxHeight="none";this.userSetBorder=false}componentWillLoad(){const t=this.el.getAttribute("border");const o=t!==null;this.userSetBorder=o||this.border!=="none"}componentDidLoad(){this.calculateMaxHeight();window.addEventListener("resize",this.handleResize.bind(this));if(!this.userSetBorder){setTimeout((()=>{console.log("Setting up scroll listener on component element:",this.el);this.el.addEventListener("scroll",this.handleScroll.bind(this));setTimeout((()=>this.updateBorders()),100)}),100)}}disconnectedCallback(){window.removeEventListener("resize",this.handleResize.bind(this));if(!this.userSetBorder){this.el.removeEventListener("scroll",this.handleScroll.bind(this))}if(this.mutationObserver){this.mutationObserver.disconnect()}}handleScroll(){console.log("Scroll event fired!");this.updateBorders()}handleResize(){this.calculateMaxHeight();setTimeout((()=>this.updateBorders()),50)}updateBorders(){if(this.userSetBorder){return}const t=this.el.closest("pds-modal");if(!t)return;const o=t.scrollable!==false;if(!o){this.border="none";return}const e=this.el;const s=e.scrollHeight>e.clientHeight;if(!s){this.border="none";return}const{scrollTop:n,scrollHeight:i,clientHeight:r}=e;const l=n+r;const d=3;const c=n<=d;const a=l>=i-d;console.log("Border Debug:",{scrollTop:n,scrollHeight:i,clientHeight:r,scrollBottom:l,isAtTop:c,isAtBottom:a,currentBorder:this.border});if(c&&a){this.border="none";console.log("Content fits exactly, no borders needed")}else if(c&&!a){this.border="bottom";console.log("At top, show bottom border only")}else if(!c&&a){this.border="top";console.log("At bottom, show top border only")}else{this.border="both";console.log("In middle, show both borders")}}calculateMaxHeight(){const t=this.el.closest("pds-modal");if(!t)return;const o=t.scrollable!==false;setTimeout((()=>{if(!o){this.contentMaxHeight="none";const t=this.el.querySelector(".pds-modal-content");if(t){t.style.maxHeight="none"}return}const e=t.querySelector("pds-modal-header");const s=t.querySelector("pds-modal-footer");const n=e?e.offsetHeight:0;const i=s?s.offsetHeight:0;if(n>0||i>0){const t=Math.round(window.innerHeight*.06);const o=n+i+48+t+50;this.contentMaxHeight=`calc(100vh - ${o}px)`;const e=this.el.querySelector(".pds-modal-content");if(e){e.style.maxHeight=this.contentMaxHeight}}else{this.contentMaxHeight="none"}setTimeout((()=>this.updateBorders()),150)}),100);if(!this.mutationObserver&&t){this.mutationObserver=new MutationObserver((()=>{this.calculateMaxHeight()}));this.mutationObserver.observe(t,{childList:true,subtree:true,attributes:true,attributeFilter:["style","class"]})}}render(){const t=this.contentMaxHeight!=="none"?{maxHeight:this.contentMaxHeight}:{};return o(e,{key:"545e18de51a427ac59a33dece5054ec700163ae5"},o("div",{key:"3e418670869f63d0251348f7787bca60e0057c91",class:{"pds-modal-content":true,[`pds-modal-content--border-${this.border}`]:true},style:t,tabindex:"-1"},o("slot",{key:"f312a2ff4b3249637d50536e12cf8ad94db5eff2"})))}get el(){return s(this)}};i.style=n;export{i as pds_modal_content};
2
+ //# sourceMappingURL=p-540cfd70.entry.js.map
package/dist/pine-core/p-540cfd70.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["pdsModalContentCss","PdsModalContent","constructor","hostRef","this","border","contentMaxHeight","userSetBorder","componentWillLoad","borderAttr","el","getAttribute","hasBorderAttribute","componentDidLoad","calculateMaxHeight","window","addEventListener","handleResize","bind","setTimeout","console","log","handleScroll","updateBorders","disconnectedCallback","removeEventListener","mutationObserver","disconnect","modalElement","closest","isModalScrollable","scrollable","scrollableElement","isContentScrollable","scrollHeight","clientHeight","scrollTop","scrollBottom","tolerance","isAtTop","isAtBottom","currentBorder","isScrollable","contentElement","querySelector","style","maxHeight","headerElement","footerElement","headerHeight","offsetHeight","footerHeight","viewportAdjustment","Math","round","innerHeight","totalReduction","MutationObserver","observe","childList","subtree","attributes","attributeFilter","render","styleObj","h","Host","key","class","tabindex"],"sources":["src/components/pds-modal/pds-modal-content/pds-modal-content.scss?tag=pds-modal-content","src/components/pds-modal/pds-modal-content/pds-modal-content.tsx"],"sourcesContent":["pds-modal-content {\n display: block;\n flex: 1 1 auto;\n width: 100%;\n\n &:has(.pds-modal-content.pds-modal-content--border-none) {\n border: 0;\n }\n\n &:has(.pds-modal-content.pds-modal-content--border-both) {\n border-block-end: 1px solid var(--pine-color-grey-200);\n border-block-start: 1px solid var(--pine-color-grey-200);\n }\n\n &:has(.pds-modal-content.pds-modal-content--border-top) {\n border-block-start: 1px solid var(--pine-color-grey-200);\n }\n\n &:has(.pds-modal-content.pds-modal-content--border-bottom) {\n border-block-end: 1px solid var(--pine-color-grey-200);\n }\n}\n\n.pds-modal-content {\n display: block;\n flex: 1 1 auto;\n // Max height is set via inline styles based on header and footer heights\n min-height: 0;\n width: 100%;\n\n}\n","import { Component, h, Host, Prop, Element, State } from '@stencil/core';\n\ndeclare global {\n interface HTMLPdsModalContentElement extends HTMLElement {\n border: 'none' | 'both';\n }\n}\n\n@Component({\n tag: 'pds-modal-content',\n styleUrl: 'pds-modal-content.scss',\n})\nexport class PdsModalContent {\n\n @Element() el: HTMLPdsModalContentElement;\n\n /**\n * The border style for the content area. When not explicitly set, automatically determined based on scroll state.\n * @default 'none'\n */\n @Prop({ reflect: true }) border: 'none' | 'both' | 'top' | 'bottom' = 'none';\n\n @State() contentMaxHeight: string = 'none';\n\n /**\n * Tracks whether the border prop was explicitly set by the user\n */\n private userSetBorder = false;\n\n componentWillLoad() {\n // Check if border was explicitly set via attribute or property\n const borderAttr = this.el.getAttribute('border');\n const hasBorderAttribute = borderAttr !== null;\n\n // If border attribute exists or border prop is not the default, user set it\n this.userSetBorder = hasBorderAttribute || this.border !== 'none';\n }\n\n componentDidLoad() {\n this.calculateMaxHeight();\n\n // Set up resize listener\n window.addEventListener('resize', this.handleResize.bind(this));\n\n // Only set up scroll listener for border updates if borders are managed automatically\n if (!this.userSetBorder) {\n setTimeout(() => {\n // The scroll happens on the component element itself (this.el), not the inner div\n console.log('Setting up scroll listener on component element:', this.el);\n this.el.addEventListener('scroll', this.handleScroll.bind(this));\n // Initial border update after everything is set up\n setTimeout(() => this.updateBorders(), 100);\n }, 100);\n }\n }\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.handleResize.bind(this));\n\n // Clean up scroll listener only if it was set up\n if (!this.userSetBorder) {\n this.el.removeEventListener('scroll', this.handleScroll.bind(this));\n }\n\n if (this.mutationObserver) {\n this.mutationObserver.disconnect();\n }\n }\n\n /**\n * Handle scroll events\n */\n private handleScroll() {\n console.log('Scroll event fired!');\n this.updateBorders();\n }\n\n /**\n * Handle resize events\n */\n private handleResize() {\n this.calculateMaxHeight();\n // Update borders after resize as content scrollability might change\n setTimeout(() => this.updateBorders(), 50);\n }\n\n /**\n * Calculates the max-height based on header and footer heights\n */\n private mutationObserver: MutationObserver;\n\n /**\n * Updates border visibility based on scroll state (only if not user-defined)\n */\n private updateBorders() {\n // If user explicitly set a border value, don't override it\n if (this.userSetBorder) {\n return;\n }\n\n // Find the modal element (parent of this component)\n const modalElement = this.el.closest('pds-modal');\n if (!modalElement) return;\n\n // Only apply border logic if modal is scrollable\n const isModalScrollable = modalElement.scrollable !== false;\n if (!isModalScrollable) {\n this.border = 'none';\n return;\n }\n\n // The scrollable element is the component itself (this.el), not the inner div\n const scrollableElement = this.el;\n\n // Check if content is actually scrollable\n const isContentScrollable = scrollableElement.scrollHeight > scrollableElement.clientHeight;\n\n if (!isContentScrollable) {\n this.border = 'none';\n return;\n }\n\n // Determine border position based on scroll position\n const { scrollTop, scrollHeight, clientHeight } = scrollableElement;\n const scrollBottom = scrollTop + clientHeight;\n\n // More generous tolerance for scroll detection (3px instead of 1px)\n const tolerance = 3;\n const isAtTop = scrollTop <= tolerance;\n const isAtBottom = scrollBottom >= scrollHeight - tolerance;\n\n // Debug logging (can be removed later)\n console.log('Border Debug:', {\n scrollTop,\n scrollHeight,\n clientHeight,\n scrollBottom,\n isAtTop,\n isAtBottom,\n currentBorder: this.border\n });\n\n if (isAtTop && isAtBottom) {\n // Content fits exactly, no borders needed\n this.border = 'none';\n console.log('Content fits exactly, no borders needed');\n } else if (isAtTop && !isAtBottom) {\n // At top, show bottom border only\n this.border = 'bottom';\n console.log('At top, show bottom border only');\n } else if (!isAtTop && isAtBottom) {\n // At bottom, show top border only\n this.border = 'top';\n console.log('At bottom, show top border only');\n } else {\n // In middle, show both borders\n this.border = 'both';\n console.log('In middle, show both borders');\n }\n }\n\n /**\n * Calculates the max-height based on header and footer heights\n */\n private calculateMaxHeight() {\n // Find the modal element (parent of this component)\n const modalElement = this.el.closest('pds-modal');\n if (!modalElement) return;\n\n // Check if the parent modal is scrollable\n const isScrollable = modalElement.scrollable !== false;\n\n setTimeout(() => {\n // If modal is not scrollable, don't apply max-height constraints\n if (!isScrollable) {\n this.contentMaxHeight = 'none';\n const contentElement = this.el.querySelector('.pds-modal-content') as HTMLElement;\n if (contentElement) {\n contentElement.style.maxHeight = 'none';\n }\n return;\n }\n\n // Find header and footer elements\n const headerElement = modalElement.querySelector('pds-modal-header');\n const footerElement = modalElement.querySelector('pds-modal-footer');\n\n // Get header and footer heights\n const headerHeight = headerElement ? headerElement.offsetHeight : 0;\n const footerHeight = footerElement ? footerElement.offsetHeight : 0;\n\n // Set the max-height as a calculation\n if (headerHeight > 0 || footerHeight > 0) {\n // Calculate the available height by subtracting:\n // 1. Header and footer heights\n // 2. Modal padding (48px)\n // 3. Additional space for modal positioning (6vh)\n // 4. Extra adjustment for perfect fit (50px)\n const viewportAdjustment = Math.round(window.innerHeight * 0.06); // 6vh approximation\n const totalReduction = headerHeight + footerHeight + 48 + viewportAdjustment + 50;\n\n // Set the content max height\n this.contentMaxHeight = `calc(100vh - ${totalReduction}px)`;\n\n // Apply the style directly to ensure it takes effect\n const contentElement = this.el.querySelector('.pds-modal-content') as HTMLElement;\n if (contentElement) {\n contentElement.style.maxHeight = this.contentMaxHeight;\n }\n } else {\n this.contentMaxHeight = 'none'; // Default fallback\n }\n\n // Update borders after height calculations with longer delay\n setTimeout(() => this.updateBorders(), 150);\n }, 100); // Delay to ensure DOM is fully rendered\n\n // Set up mutation observer if not already done\n if (!this.mutationObserver && modalElement) {\n this.mutationObserver = new MutationObserver(() => {\n this.calculateMaxHeight();\n });\n\n // Observe changes to the modal's children\n this.mutationObserver.observe(modalElement, {\n childList: true,\n subtree: true,\n attributes: true,\n attributeFilter: ['style', 'class']\n });\n }\n }\n render() {\n // Only apply max-height style if it's not 'none'\n const styleObj = this.contentMaxHeight !== 'none' ? { maxHeight: this.contentMaxHeight } : {};\n\n return (\n <Host>\n <div\n class={{\n 'pds-modal-content': true,\n [`pds-modal-content--border-${this.border}`]: true\n }}\n style={styleObj}\n tabindex=\"-1\"\n >\n <slot></slot>\n </div>\n </Host>\n );\n }\n}"],"mappings":"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","ignoreList":[]}
package/dist/pine-core/{p-11d4036e.entry.js → p-5f5b19f4.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,c as a,h as i,H as s}from"./p-BVCWKPy3.js";const e=":host{--animation-duration:0.3s;--animation-timing:cubic-bezier(0.4, 0, 0.2, 1);--padding-inline:var(--pine-dimension-md);--padding-inline-desktop:var(--pine-dimension-2xl);--sizing-height-default:68px;--sizing-min-width:calc(var(--sizing-total-width) - (var(--padding-inline) * 2));--sizing-min-width-desktop:calc(var(--sizing-total-width) - (var(--padding-inline-desktop) * 2));--sizing-total-width:350px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;font:var(--pine-typography-body-medium)}.pds-toast{-ms-flex-align:center;align-items:center;-webkit-animation:pds-toast-animate-in var(--animation-duration) var(--animation-timing);animation:pds-toast-animate-in var(--animation-duration) var(--animation-timing);background-color:var(--pine-color-primary);border-radius:var(--pine-dimension-xs);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);color:var(--pine-color-text-primary);display:-ms-flexbox;display:flex;height:var(--sizing-height-default);-ms-flex-pack:start;justify-content:flex-start;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs);max-width:90vw;min-width:var(--sizing-min-width);padding:0 var(--padding-inline);position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 767px){.pds-toast{height:36px;max-width:calc(100vw - var(--pine-dimension-2xs) * 2);min-width:auto;padding-inline:var(--pine-dimension-2xs)}}.pds-toast--danger{background-color:var(--pine-color-danger)}.pds-toast--loading .pds-toast__loader{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm);position:relative}.pds-toast--loading .pds-toast__loader-spinner{-webkit-animation:pds-toast-rotate 2s linear infinite;animation:pds-toast-rotate 2s linear infinite;height:20px;width:20px}.pds-toast--loading .pds-toast__loader-path{-webkit-animation:pds-toast-dash 1.5s ease-in-out infinite;animation:pds-toast-dash 1.5s ease-in-out infinite;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}.pds-toast__icon{color:var(--pine-color-text-primary);display:-ms-inline-flexbox;display:inline-flex;-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-toast__message{font:var(--pine-typography-body-sm-medium);-webkit-margin-end:auto;margin-inline-end:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-toast__message ::slotted(a){color:var(--pine-color-text-primary);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs);opacity:0.7;text-decoration:underline}.pds-toast__message ::slotted(a):hover,.pds-toast__message ::slotted(a):focus-visible{opacity:1}.pds-toast__message ::slotted(a):focus-visible{outline:2px solid var(--pine-color-text-primary);outline-offset:2px}.pds-toast__button{-ms-flex-align:center;align-items:center;background:none;border:0;border-radius:var(--pine-border-radius-full);color:inherit;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);opacity:0.7;padding:0;white-space:nowrap}.pds-toast__button:hover,.pds-toast__button:focus{opacity:1}.pds-toast__button:focus{outline:var(--pine-outline-focus);outline-offset:var(--pine-dimension-2xs)}@-webkit-keyframes pds-toast-animate-in{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes pds-toast-animate-in{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pds-toast-animate-out{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes pds-toast-animate-out{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes pds-toast-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes pds-toast-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes pds-toast-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}@keyframes pds-toast-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}:host([hidden]) .pds-toast,.pds-toast--animating-out{-webkit-animation:pds-toast-animate-out var(--animation-duration) var(--animation-timing) forwards;animation:pds-toast-animate-out var(--animation-duration) var(--animation-timing) forwards;pointer-events:none;}";const n=class{constructor(i){t(this,i);this.pdsToastDismissed=a(this,"pdsToastDismissed");this.dismissible=true;this.duration=4500;this.type="default";this.isVisible=true;this.isAnimatingOut=false}componentDidLoad(){if(this.duration>0){this.startDismissTimer()}}disconnectedCallback(){this.cleanup()}handleDurationChange(t){if(this.dismissTimer){window.clearTimeout(this.dismissTimer);this.dismissTimer=undefined}if(t>0){this.startDismissTimer()}}async dismiss(){this.isAnimatingOut=true;await new Promise((t=>setTimeout(t,300)));this.isVisible=false;this.cleanup();this.pdsToastDismissed.emit({componentId:this.componentId})}cleanup(){if(this.dismissTimer){window.clearTimeout(this.dismissTimer);this.dismissTimer=undefined}}startDismissTimer(){this.dismissTimer=window.setTimeout((()=>{this.dismiss()}),this.duration)}renderIcon(){if(this.type==="loading"){return i("div",{class:"pds-toast__loader"},i("svg",{class:"pds-toast__loader-spinner",viewBox:"25 25 50 50","aria-hidden":"true"},i("circle",{class:"pds-toast__loader-path",cx:"50",cy:"50",r:"20",fill:"none",stroke:"currentColor","stroke-width":"4","stroke-linecap":"round"})))}return this.icon&&i("pds-icon",{name:this.icon,class:"pds-toast__icon"})}render(){return i(s,{key:"3fb4b7b3600555959e9ed09f9dfd3a725d4a2de7",hidden:!this.isVisible},i("div",{key:"4f8d554fc30a5e4fb3c498b8fa5a2972a60eb0ab",class:{"pds-toast":true,[`pds-toast--${this.type}`]:this.type!=="default","pds-toast--animating-out":this.isAnimatingOut},role:"alert","aria-live":"polite"},this.renderIcon(),i("span",{key:"a70883e76524ce76e562f48d62df1a42fb65659c",class:"pds-toast__message"},i("slot",{key:"3e2fd182b97d1cd89c59ca109404d77e9f834806"})),this.dismissible&&i("button",{key:"945b766572831b259f2ff36fdf628b254189d334",type:"button",class:"pds-toast__button",onClick:()=>{this.dismiss()},"aria-label":"Dismiss message"},i("pds-icon",{key:"9492720d544270179ae43bd3d1ecb4b1f6c0882b",name:"remove"}))))}static get watchers(){return{duration:["handleDurationChange"]}}};n.style=e;export{n as pds_toast};
2
- //# sourceMappingURL=p-11d4036e.entry.js.map
1
+ import{r as t,c as a,h as i,H as s}from"./p-BVCWKPy3.js";const e=":host{--animation-duration:0.3s;--animation-timing:cubic-bezier(0.4, 0, 0.2, 1);--padding-inline:var(--pine-dimension-md);--padding-inline-desktop:var(--pine-dimension-2xl);--sizing-height-default:68px;--sizing-min-width:calc(var(--sizing-total-width) - (var(--padding-inline) * 2));--sizing-min-width-desktop:calc(var(--sizing-total-width) - (var(--padding-inline-desktop) * 2));--sizing-total-width:350px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;font:var(--pine-typography-body-medium)}.pds-toast{-ms-flex-align:center;align-items:center;-webkit-animation:pds-toast-animate-in var(--animation-duration) var(--animation-timing);animation:pds-toast-animate-in var(--animation-duration) var(--animation-timing);background-color:var(--pine-color-primary);border-radius:var(--pine-dimension-xs);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);color:var(--pine-color-text-primary);display:-ms-flexbox;display:flex;height:var(--sizing-height-default);-ms-flex-pack:start;justify-content:flex-start;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs);max-width:90vw;min-width:var(--sizing-min-width);padding:0 var(--padding-inline);position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 767px){.pds-toast{height:36px;max-width:calc(100vw - var(--pine-dimension-2xs) * 2);min-width:auto;padding-inline:var(--pine-dimension-2xs)}}.pds-toast--danger{background-color:var(--pine-color-danger)}.pds-toast--loading .pds-toast__loader{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm);position:relative}.pds-toast--loading .pds-toast__loader-spinner{-webkit-animation:pds-toast-rotate 2s linear infinite;animation:pds-toast-rotate 2s linear infinite;height:20px;width:20px}.pds-toast--loading .pds-toast__loader-path{-webkit-animation:pds-toast-dash 1.5s ease-in-out infinite;animation:pds-toast-dash 1.5s ease-in-out infinite;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}.pds-toast__icon{color:var(--pine-color-text-primary);display:-ms-inline-flexbox;display:inline-flex;-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-toast__message{font:var(--pine-typography-body-sm-medium);-webkit-margin-end:auto;margin-inline-end:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-toast__message ::slotted(a){color:var(--pine-color-text-primary);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs);opacity:0.7;text-decoration:underline}.pds-toast__message ::slotted(a):hover,.pds-toast__message ::slotted(a):focus-visible{opacity:1}.pds-toast__message ::slotted(a):focus-visible{outline:2px solid var(--pine-color-text-primary);outline-offset:2px}.pds-toast__button{-ms-flex-align:center;align-items:center;background:none;border:0;border-radius:var(--pine-border-radius-full);color:inherit;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);opacity:0.7;padding:0;white-space:nowrap}.pds-toast__button:hover,.pds-toast__button:focus{opacity:1}.pds-toast__button:focus{outline:var(--pine-outline-focus);outline-offset:var(--pine-dimension-2xs)}@-webkit-keyframes pds-toast-animate-in{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes pds-toast-animate-in{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pds-toast-animate-out{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes pds-toast-animate-out{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@-webkit-keyframes pds-toast-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes pds-toast-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes pds-toast-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}@keyframes pds-toast-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}:host([hidden]) .pds-toast,.pds-toast--animating-out{-webkit-animation:pds-toast-animate-out var(--animation-duration) var(--animation-timing) forwards;animation:pds-toast-animate-out var(--animation-duration) var(--animation-timing) forwards;pointer-events:none;}";const n=class{constructor(i){t(this,i);this.pdsToastDismissed=a(this,"pdsToastDismissed");this.dismissible=true;this.duration=4500;this.type="default";this.isVisible=true;this.isAnimatingOut=false}componentDidLoad(){if(this.duration>0){this.startDismissTimer()}}disconnectedCallback(){this.cleanup()}handleDurationChange(t){if(this.dismissTimer){window.clearTimeout(this.dismissTimer);this.dismissTimer=undefined}if(t>0){this.startDismissTimer()}}async dismiss(){this.isAnimatingOut=true;await new Promise((t=>setTimeout(t,300)));this.isVisible=false;this.cleanup();this.pdsToastDismissed.emit({componentId:this.componentId})}cleanup(){if(this.dismissTimer){window.clearTimeout(this.dismissTimer);this.dismissTimer=undefined}}startDismissTimer(){this.dismissTimer=window.setTimeout((()=>{this.dismiss()}),this.duration)}renderIcon(){if(this.type==="loading"){return i("div",{class:"pds-toast__loader"},i("svg",{class:"pds-toast__loader-spinner",viewBox:"25 25 50 50","aria-hidden":"true"},i("circle",{class:"pds-toast__loader-path",cx:"50",cy:"50",r:"20",fill:"none",stroke:"currentColor","stroke-width":"4","stroke-linecap":"round"})))}return this.icon&&i("pds-icon",{name:this.icon,class:"pds-toast__icon"})}render(){return i(s,{key:"cf3944ff76627caaa30bc38fdfa44357488a6194",hidden:!this.isVisible},i("div",{key:"39ce25ec4ffcaf23f565ece7e54fd4ef8a08abb5",class:{"pds-toast":true,[`pds-toast--${this.type}`]:this.type!=="default","pds-toast--animating-out":this.isAnimatingOut},role:"alert","aria-live":"polite"},this.renderIcon(),i("span",{key:"cc637017d922c88a2f025e01a55294c7abbbd0da",class:"pds-toast__message"},i("slot",{key:"e0dbea12cefc01a377fc4f9f8ec6898d2f10ea99"})),this.dismissible&&i("button",{key:"e3293bd0d9678052320f0261ed95084400789804",type:"button",class:"pds-toast__button",onClick:()=>{this.dismiss()},"aria-label":"Dismiss message"},i("pds-icon",{key:"8a41d2c7fc123d5cd854212fca42eae344834d92",name:"remove"}))))}static get watchers(){return{duration:["handleDurationChange"]}}};n.style=e;export{n as pds_toast};
2
+ //# sourceMappingURL=p-5f5b19f4.entry.js.map
package/dist/pine-core/p-6d4d4705.system.entry.js ADDED
@@ -0,0 +1,2 @@
1
+ var __awaiter=this&&this.__awaiter||function(e,i,t,r){function n(e){return e instanceof t?e:new t((function(i){i(e)}))}return new(t||(t=Promise))((function(t,a){function s(e){try{l(r.next(e))}catch(e){a(e)}}function o(e){try{l(r["throw"](e))}catch(e){a(e)}}function l(e){e.done?t(e.value):n(e.value).then(s,o)}l((r=r.apply(e,i||[])).next())}))};var __generator=this&&this.__generator||function(e,i){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,n,a,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(i){return l([e,i])}}function l(o){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(t=0)),t)try{if(r=1,n&&(a=o[0]&2?n["return"]:o[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;if(n=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;n=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){t.label=o[1];break}if(o[0]===6&&t.label<a[1]){t.label=a[1];a=o;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(o);break}if(a[2])t.ops.pop();t.trys.pop();continue}o=i.call(e,t)}catch(e){o=[6,e];n=0}finally{r=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-B_C-mRjx.system.js","./p-BG7_qxVr.system.js","./p-BG6uGRQj.system.js","./p-BhQhw0S3.system.js","./p-BEn3hirk.system.js"],(function(e){"use strict";var i,t,r,n,a,s,o,l,c,d,h,u;return{setters:[function(e){i=e.r;t=e.c;r=e.h;n=e.H;a=e.g},function(e){s=e.i;o=e.a;l=e.m},function(e){c=e.d},function(e){d=e.i;h=e.a},function(e){u=e.f}],execute:function(){var p=":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";var f=":host{--pine-input-color-background-danger:var(--pine-color-red-050)}";var b=":host{display:inline-block;width:100%}:host([aria-readonly=true]) textarea{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}.pds-textarea{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-textarea__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.pds-textarea__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{display:block;-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-textarea__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}.pds-textarea__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-textarea__error-message{-ms-flex-align:center;align-items:center;color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;font:var(--pine-typography-body-sm-medium);gap:var(--pine-dimension-2xs);-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-textarea__field-wrapper{display:inline-block;position:relative;width:100%}.pds-textarea__field{background-color:var(--pine-color-background-container);border:var(--pine-border);border-radius:calc(var(--pine-dimension-xs) * 1.25);-webkit-box-sizing:border-box;box-sizing:border-box;font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing);min-height:calc(var(--pine-dimension-xl) * 2);min-width:calc(var(--pine-dimension-xl) * 2);padding:var(--pine-dimension-xs) var(--pine-dimension-sm);resize:both;width:100%}:host([max-length]) .pds-textarea__field{padding-bottom:calc(var(--pine-dimension-xs) + var(--pine-dimension-md))}.pds-textarea__field:hover:not(:disabled,.is-invalid){border:var(--pine-border-hover)}.pds-textarea__field:disabled{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}.pds-textarea__field:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-textarea__field::-webkit-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::-moz-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field:-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::-ms-input-placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field::placeholder{color:var(--pine-color-text-placeholder)}.pds-textarea__field.is-invalid{background-color:var(--pine-input-color-background-danger);border-color:var(--pine-color-border-danger)}.pds-textarea__field.is-invalid:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-textarea__character-counter{background:color-mix(in srgb, var(--pine-color-background-container) 80%, transparent);border-radius:calc(var(--pine-dimension-2xs) * 0.5);color:var(--pine-color-text-readonly);font:var(--pine-typography-body-sm-medium);padding:calc(var(--pine-dimension-2xs) * 0.5) var(--pine-dimension-2xs);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;z-index:2}:host([aria-disabled=true]) .pds-textarea__character-counter{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-disabled)}:host([aria-readonly=true]) .pds-textarea__character-counter{background-color:var(--pine-color-background-container-disabled);color:var(--pine-color-text-readonly)}.pds-textarea__field.is-invalid~.pds-textarea__character-counter{background-color:var(--pine-input-color-background-danger)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";var v=e("pds_textarea",function(){function e(e){var r=this;i(this,e);this.pdsBlur=t(this,"pdsBlur");this.pdsFocus=t(this,"pdsFocus");this.pdsInput=t(this,"pdsInput");this.pdsTextareaChange=t(this,"pdsTextareaChange");this.inheritedAttributes={};this.disabled=false;this.invalid=false;this.name=this.componentId;this.readonly=false;this.required=false;this.value="";this.hasFocus=false;this.hasAction=false;this.onBlur=function(e){r.hasFocus=false;if(r.focusedValue!==r.value){r.emitValueChange(e)}r.pdsBlur.emit(e)};this.onFocus=function(e){r.hasFocus=true;r.focusedValue=r.value;r.pdsFocus.emit(e)};this.onInput=function(e){var i=e.target;if(i){if(r.maxLength&&i.value.length>r.maxLength){i.value=i.value.substring(0,r.maxLength)}r.value=i.value||""}r.emitInputChange(e);if(r.maxLength&&typeof ResizeObserver!=="undefined"){requestAnimationFrame((function(){r.updateCharacterCounterPosition()}))}};this.onTextareaChange=function(e){r.emitValueChange(e)}}e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeTextarea){this.nativeTextarea.focus()}return[2]}))}))};e.prototype.debounceChanged=function(){var e=this,i=e.pdsInput,t=e.debounce,r=e.originalPdsInput;this.pdsInput=t===undefined?r!==null&&r!==void 0?r:i:c(i,t)};e.prototype.valueChanged=function(){var e=this.nativeTextarea;var i=this.getValue();if(e&&e.value!==i){e.value=i}this.updateFormValue();if(this.maxLength&&typeof ResizeObserver!=="undefined"){this.updateCharacterCounterPosition()}};e.prototype.maxLengthChanged=function(){if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.maxLength&&this.nativeTextarea){this.setupResizeObserver()}if(this.internals&&this.internals.setValidity&&this.nativeTextarea){var e=this.nativeTextarea.value.length>(this.maxLength||0);this.internals.setValidity({tooLong:e},e?"Value exceeds maxLength":"",this.nativeTextarea)}};e.prototype.emitInputChange=function(e){var i=this.value;this.pdsInput.emit({value:i,event:e})};e.prototype.emitValueChange=function(e){var i=e.target;s(i,this);var t=i.value;var r=t==null?t:t.toString();this.focusedValue=r;this.pdsTextareaChange.emit({value:r,event:e})};e.prototype.getValue=function(){return this.value||""};e.prototype.textareaClassNames=function(){var e=["pds-textarea__field"];if(this.invalid&&this.invalid===true){e.push("is-invalid")}return e.join(" ")};e.prototype.connectedCallback=function(){this.debounceChanged();if(this.el.attachInternals){this.internals=this.el.attachInternals()}};e.prototype.disconnectedCallback=function(){if(this.resizeObserver){this.resizeObserver.disconnect()}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign(Object.assign({},d(this.el)),h(this.el));this.hasAction=this.el.querySelector('[slot="action"]')!==null};e.prototype.componentDidLoad=function(){this.originalPdsInput=this.pdsInput;this.updateFormValue();this.setupResizeObserver()};e.prototype.setupResizeObserver=function(){var e=this;if(!this.maxLength||!this.nativeTextarea)return;if(typeof ResizeObserver!=="undefined"){this.resizeObserver=new ResizeObserver((function(){requestAnimationFrame((function(){e.updateCharacterCounterPosition()}))}));this.resizeObserver.observe(this.nativeTextarea);requestAnimationFrame((function(){e.updateCharacterCounterPosition()}))}};e.prototype.updateCharacterCounterPosition=function(){if(!this.characterCounter||!this.nativeTextarea)return;if(typeof ResizeObserver==="undefined")return;if(this.characterCounter.offsetWidth===0||this.characterCounter.offsetHeight===0){return}var e=this.nativeTextarea.offsetWidth;var i=this.nativeTextarea.offsetHeight;var t=this.characterCounter.offsetWidth;var r=this.characterCounter.offsetHeight;var n=e-t-8;var a=i-r-8;var s=Math.max(8,Math.min(n,e-t-8));var o=Math.max(8,Math.min(a,i-r-8));this.characterCounter.style.position="absolute";this.characterCounter.style.left="".concat(s,"px");this.characterCounter.style.top="".concat(o,"px");this.characterCounter.style.right="auto";this.characterCounter.style.bottom="auto"};e.prototype.renderCharacterCounter=function(){var e=this;if(!this.maxLength){return null}var i=this.getValue().length;return r("div",{class:"pds-textarea__character-counter",ref:function(i){return e.characterCounter=i},role:"status","aria-live":"polite","aria-label":"".concat(i," of ").concat(this.maxLength," characters")},i," / ",this.maxLength)};e.prototype.renderAction=function(){var e=this.el.querySelector('[slot="action"]')!==null;if(e){return r("div",{class:"pds-textarea__action",part:"action"},r("slot",{name:"action"}))}return null};e.prototype.updateFormValue=function(){if(this.internals&&this.internals.setFormValue){var e=this.getValue();this.internals.setFormValue(e||null);if(this.nativeTextarea&&this.internals&&this.internals.setValidity){this.internals.setValidity(this.nativeTextarea.validity,this.nativeTextarea.validationMessage,this.nativeTextarea)}}};e.prototype.formResetCallback=function(){this.value="";this.updateFormValue()};e.prototype.formDisabledCallback=function(e){this.disabled=e};e.prototype.formStateRestoreCallback=function(e){if(typeof e==="string"){this.value=e}else if(e instanceof FormData&&this.name){var i=e.get(this.name);if(typeof i==="string"){this.value=i}}};e.prototype.render=function(){var e=this;var i=this.getValue();return r(n,{key:"e1e17543442fcd240498b7f56ddb86e35ac1d770","aria-disabled":this.disabled?"true":null,"aria-readonly":this.readonly?"true":null,"has-action":this.hasAction&&!this.hideLabel?"true":null},r("div",{key:"5a69f6b67dcba5107aa9150fc87543e7638933bb",class:"pds-textarea"},this.label&&r("div",{key:"027592bca1595a85cdf24e8ab4201e6483fee80c",class:"pds-textarea__label-wrapper"},r("label",{key:"815f18177b34893b9e76d8c0db7baa6b0f3400c5",htmlFor:this.componentId},r("span",{key:"5fe5e5f984558c409d3a1c3e9fdb966038fcd4c4",class:this.hideLabel?"visually-hidden":""},this.label)),!this.hideLabel&&this.renderAction()),r("div",{key:"d1d95ef8becd9648c8becc2fe6797432ed53ca81",class:"pds-textarea__field-wrapper"},r("textarea",Object.assign({key:"d307adc2e75a381aae4dda4ad207bf3a670b7678",ref:function(i){return e.nativeTextarea=i},"aria-describedby":o(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,autocomplete:this.autocomplete,class:this.textareaClassNames(),disabled:this.disabled,id:this.componentId,maxlength:this.maxLength,name:this.name,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,rows:this.rows,onBlur:this.onBlur,onChange:this.onTextareaChange,onFocus:this.onFocus,onInput:this.onInput},this.inheritedAttributes),i),this.renderCharacterCounter()),this.helperMessage&&r("p",{key:"c7b68b10f0362025d90a902cbc6d2d741e579935",class:"pds-textarea__helper-message",id:l(this.componentId,"helper")},this.helperMessage),this.invalid&&r("p",{key:"8fd179c3c8cf9c9d5ee7252d30357072a2f55090","aria-live":"assertive",class:"pds-textarea__error-message",id:l(this.componentId,"error")},r("pds-icon",{key:"3e3de603c035ae3d71be28132d55992eadda9a54",icon:u,size:"small"}),this.errorMessage)))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:["debounceChanged"],value:["valueChanged"],maxLength:["maxLengthChanged"]}},enumerable:false,configurable:true});return e}());v.style=p+(f+b)}}}));
2
+ //# sourceMappingURL=p-6d4d4705.system.entry.js.map