@pine-ds/core 2.20.0-mercury.0 → 2.22.0-mercury.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.
- package/components/pds-accordion.js +6 -3
- package/components/pds-accordion.js.map +1 -1
- package/components/pds-avatar.js +6 -3
- package/components/pds-avatar.js.map +1 -1
- package/components/pds-button2.js +7 -4
- package/components/pds-button2.js.map +1 -1
- package/components/pds-checkbox2.js +8 -5
- package/components/pds-checkbox2.js.map +1 -1
- package/components/pds-chip.js +6 -3
- package/components/pds-chip.js.map +1 -1
- package/components/pds-copytext.js +6 -3
- package/components/pds-copytext.js.map +1 -1
- package/components/pds-divider.js +6 -3
- package/components/pds-divider.js.map +1 -1
- package/components/pds-image.js +7 -4
- package/components/pds-image.js.map +1 -1
- package/components/pds-input.js +8 -5
- package/components/pds-input.js.map +1 -1
- package/components/pds-link.js +7 -4
- package/components/pds-link.js.map +1 -1
- package/components/pds-loader.js +6 -3
- package/components/pds-loader.js.map +1 -1
- package/components/pds-progress.js +6 -3
- package/components/pds-progress.js.map +1 -1
- package/components/pds-radio.js +8 -5
- package/components/pds-radio.js.map +1 -1
- package/components/pds-sortable.js +6 -3
- package/components/pds-sortable.js.map +1 -1
- package/components/pds-switch.js +8 -5
- package/components/pds-switch.js.map +1 -1
- package/components/pds-table-body.js +6 -3
- package/components/pds-table-body.js.map +1 -1
- package/components/pds-table-cell2.js +7 -4
- package/components/pds-table-cell2.js.map +1 -1
- package/components/pds-table-head-cell2.js +7 -4
- package/components/pds-table-head-cell2.js.map +1 -1
- package/components/pds-table-head.js +6 -3
- package/components/pds-table-head.js.map +1 -1
- package/components/pds-table-row.js +6 -3
- package/components/pds-table-row.js.map +1 -1
- package/components/pds-table.js +6 -3
- package/components/pds-table.js.map +1 -1
- package/components/pds-tabs.js +6 -3
- package/components/pds-tabs.js.map +1 -1
- package/components/pds-textarea.js +9 -6
- package/components/pds-textarea.js.map +1 -1
- package/components/pds-tooltip.js +7 -4
- package/components/pds-tooltip.js.map +1 -1
- package/dist/cjs/pds-accordion.cjs.entry.js +6 -3
- package/dist/cjs/pds-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-avatar.cjs.entry.js +6 -3
- package/dist/cjs/pds-avatar.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-button.cjs.entry.js +7 -4
- package/dist/cjs/pds-button.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-checkbox.cjs.entry.js +8 -5
- package/dist/cjs/pds-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-chip.cjs.entry.js +6 -3
- package/dist/cjs/pds-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-copytext.cjs.entry.js +6 -3
- package/dist/cjs/pds-copytext.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-divider.cjs.entry.js +6 -3
- package/dist/cjs/pds-divider.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-image.cjs.entry.js +7 -4
- package/dist/cjs/pds-image.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-input.cjs.entry.js +8 -5
- package/dist/cjs/pds-input.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-link.cjs.entry.js +7 -4
- package/dist/cjs/pds-link.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-loader.cjs.entry.js +6 -3
- package/dist/cjs/pds-loader.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-progress.cjs.entry.js +6 -3
- package/dist/cjs/pds-progress.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-radio.cjs.entry.js +8 -5
- package/dist/cjs/pds-radio.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-sortable.cjs.entry.js +6 -3
- package/dist/cjs/pds-sortable.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-switch.cjs.entry.js +8 -5
- package/dist/cjs/pds-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-table-body.cjs.entry.js +6 -3
- package/dist/cjs/pds-table-body.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-table-cell.cjs.entry.js +7 -4
- package/dist/cjs/pds-table-cell.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-table-head-cell.cjs.entry.js +7 -4
- package/dist/cjs/pds-table-head-cell.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-table-head.cjs.entry.js +6 -3
- package/dist/cjs/pds-table-head.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-table-row.cjs.entry.js +6 -3
- package/dist/cjs/pds-table-row.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-table.cjs.entry.js +6 -3
- package/dist/cjs/pds-table.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-tabs.cjs.entry.js +6 -3
- package/dist/cjs/pds-tabs.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-textarea.cjs.entry.js +9 -6
- package/dist/cjs/pds-textarea.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-tooltip.cjs.entry.js +7 -4
- package/dist/cjs/pds-tooltip.cjs.entry.js.map +1 -1
- package/dist/collection/components/pds-accordion/pds-accordion.js +4 -3
- package/dist/collection/components/pds-accordion/pds-accordion.js.map +1 -1
- package/dist/collection/components/pds-accordion/stories/pds-accordion.stories.js +11 -15
- package/dist/collection/components/pds-avatar/pds-avatar.js +3 -3
- package/dist/collection/components/pds-avatar/pds-avatar.js.map +1 -1
- package/dist/collection/components/pds-button/pds-button.css +1 -0
- package/dist/collection/components/pds-button/pds-button.js +3 -3
- package/dist/collection/components/pds-button/pds-button.js.map +1 -1
- package/dist/collection/components/pds-checkbox/pds-checkbox.js +5 -5
- package/dist/collection/components/pds-checkbox/pds-checkbox.js.map +1 -1
- package/dist/collection/components/pds-chip/pds-chip.js +3 -3
- package/dist/collection/components/pds-chip/pds-chip.js.map +1 -1
- package/dist/collection/components/pds-copytext/pds-copytext.js +3 -3
- package/dist/collection/components/pds-copytext/pds-copytext.js.map +1 -1
- package/dist/collection/components/pds-divider/pds-divider.js +3 -3
- package/dist/collection/components/pds-divider/pds-divider.js.map +1 -1
- package/dist/collection/components/pds-image/pds-image.js +4 -4
- package/dist/collection/components/pds-image/pds-image.js.map +1 -1
- package/dist/collection/components/pds-input/pds-input.js +5 -5
- package/dist/collection/components/pds-input/pds-input.js.map +1 -1
- package/dist/collection/components/pds-link/pds-link.js +4 -4
- package/dist/collection/components/pds-link/pds-link.js.map +1 -1
- package/dist/collection/components/pds-loader/pds-loader.js +3 -3
- package/dist/collection/components/pds-loader/pds-loader.js.map +1 -1
- package/dist/collection/components/pds-progress/pds-progress.js +3 -3
- package/dist/collection/components/pds-progress/pds-progress.js.map +1 -1
- package/dist/collection/components/pds-radio/pds-radio.js +5 -5
- package/dist/collection/components/pds-radio/pds-radio.js.map +1 -1
- package/dist/collection/components/pds-sortable/pds-sortable.js +3 -3
- package/dist/collection/components/pds-sortable/pds-sortable.js.map +1 -1
- package/dist/collection/components/pds-switch/pds-switch.js +5 -5
- package/dist/collection/components/pds-switch/pds-switch.js.map +1 -1
- package/dist/collection/components/pds-table/pds-table-body/pds-table-body.js +3 -3
- package/dist/collection/components/pds-table/pds-table-body/pds-table-body.js.map +1 -1
- package/dist/collection/components/pds-table/pds-table-cell/pds-table-cell.js +4 -4
- package/dist/collection/components/pds-table/pds-table-cell/pds-table-cell.js.map +1 -1
- package/dist/collection/components/pds-table/pds-table-head/pds-table-head.js +3 -3
- package/dist/collection/components/pds-table/pds-table-head/pds-table-head.js.map +1 -1
- package/dist/collection/components/pds-table/pds-table-head-cell/pds-table-head-cell.js +4 -4
- package/dist/collection/components/pds-table/pds-table-head-cell/pds-table-head-cell.js.map +1 -1
- package/dist/collection/components/pds-table/pds-table-row/pds-table-row.js +3 -3
- package/dist/collection/components/pds-table/pds-table-row/pds-table-row.js.map +1 -1
- package/dist/collection/components/pds-table/pds-table.js +3 -3
- package/dist/collection/components/pds-table/pds-table.js.map +1 -1
- package/dist/collection/components/pds-tabs/pds-tabs.js +3 -3
- package/dist/collection/components/pds-tabs/pds-tabs.js.map +1 -1
- package/dist/collection/components/pds-textarea/pds-textarea.js +6 -6
- package/dist/collection/components/pds-textarea/pds-textarea.js.map +1 -1
- package/dist/collection/components/pds-tooltip/pds-tooltip.js +4 -4
- package/dist/collection/components/pds-tooltip/pds-tooltip.js.map +1 -1
- package/dist/collection/global/styles/base.css +113 -0
- package/dist/docs.json +9 -1
- package/dist/esm/pds-accordion.entry.js +6 -3
- package/dist/esm/pds-accordion.entry.js.map +1 -1
- package/dist/esm/pds-avatar.entry.js +6 -3
- package/dist/esm/pds-avatar.entry.js.map +1 -1
- package/dist/esm/pds-button.entry.js +7 -4
- package/dist/esm/pds-button.entry.js.map +1 -1
- package/dist/esm/pds-checkbox.entry.js +8 -5
- package/dist/esm/pds-checkbox.entry.js.map +1 -1
- package/dist/esm/pds-chip.entry.js +6 -3
- package/dist/esm/pds-chip.entry.js.map +1 -1
- package/dist/esm/pds-copytext.entry.js +6 -3
- package/dist/esm/pds-copytext.entry.js.map +1 -1
- package/dist/esm/pds-divider.entry.js +6 -3
- package/dist/esm/pds-divider.entry.js.map +1 -1
- package/dist/esm/pds-image.entry.js +7 -4
- package/dist/esm/pds-image.entry.js.map +1 -1
- package/dist/esm/pds-input.entry.js +8 -5
- package/dist/esm/pds-input.entry.js.map +1 -1
- package/dist/esm/pds-link.entry.js +7 -4
- package/dist/esm/pds-link.entry.js.map +1 -1
- package/dist/esm/pds-loader.entry.js +6 -3
- package/dist/esm/pds-loader.entry.js.map +1 -1
- package/dist/esm/pds-progress.entry.js +6 -3
- package/dist/esm/pds-progress.entry.js.map +1 -1
- package/dist/esm/pds-radio.entry.js +8 -5
- package/dist/esm/pds-radio.entry.js.map +1 -1
- package/dist/esm/pds-sortable.entry.js +6 -3
- package/dist/esm/pds-sortable.entry.js.map +1 -1
- package/dist/esm/pds-switch.entry.js +8 -5
- package/dist/esm/pds-switch.entry.js.map +1 -1
- package/dist/esm/pds-table-body.entry.js +6 -3
- package/dist/esm/pds-table-body.entry.js.map +1 -1
- package/dist/esm/pds-table-cell.entry.js +7 -4
- package/dist/esm/pds-table-cell.entry.js.map +1 -1
- package/dist/esm/pds-table-head-cell.entry.js +7 -4
- package/dist/esm/pds-table-head-cell.entry.js.map +1 -1
- package/dist/esm/pds-table-head.entry.js +6 -3
- package/dist/esm/pds-table-head.entry.js.map +1 -1
- package/dist/esm/pds-table-row.entry.js +6 -3
- package/dist/esm/pds-table-row.entry.js.map +1 -1
- package/dist/esm/pds-table.entry.js +6 -3
- package/dist/esm/pds-table.entry.js.map +1 -1
- package/dist/esm/pds-tabs.entry.js +6 -3
- package/dist/esm/pds-tabs.entry.js.map +1 -1
- package/dist/esm/pds-textarea.entry.js +9 -6
- package/dist/esm/pds-textarea.entry.js.map +1 -1
- package/dist/esm/pds-tooltip.entry.js +7 -4
- package/dist/esm/pds-tooltip.entry.js.map +1 -1
- package/dist/esm-es5/pds-accordion.entry.js +1 -1
- package/dist/esm-es5/pds-accordion.entry.js.map +1 -1
- package/dist/esm-es5/pds-avatar.entry.js +1 -1
- package/dist/esm-es5/pds-avatar.entry.js.map +1 -1
- package/dist/esm-es5/pds-button.entry.js +1 -1
- package/dist/esm-es5/pds-button.entry.js.map +1 -1
- package/dist/esm-es5/pds-checkbox.entry.js +1 -1
- package/dist/esm-es5/pds-checkbox.entry.js.map +1 -1
- package/dist/esm-es5/pds-chip.entry.js +1 -1
- package/dist/esm-es5/pds-chip.entry.js.map +1 -1
- package/dist/esm-es5/pds-copytext.entry.js +1 -1
- package/dist/esm-es5/pds-copytext.entry.js.map +1 -1
- package/dist/esm-es5/pds-divider.entry.js +1 -1
- package/dist/esm-es5/pds-divider.entry.js.map +1 -1
- package/dist/esm-es5/pds-image.entry.js +1 -1
- package/dist/esm-es5/pds-image.entry.js.map +1 -1
- package/dist/esm-es5/pds-input.entry.js +1 -1
- package/dist/esm-es5/pds-input.entry.js.map +1 -1
- package/dist/esm-es5/pds-link.entry.js +1 -1
- package/dist/esm-es5/pds-link.entry.js.map +1 -1
- package/dist/esm-es5/pds-loader.entry.js +1 -1
- package/dist/esm-es5/pds-loader.entry.js.map +1 -1
- package/dist/esm-es5/pds-progress.entry.js +1 -1
- package/dist/esm-es5/pds-progress.entry.js.map +1 -1
- package/dist/esm-es5/pds-radio.entry.js +1 -1
- package/dist/esm-es5/pds-radio.entry.js.map +1 -1
- package/dist/esm-es5/pds-sortable.entry.js +1 -1
- package/dist/esm-es5/pds-sortable.entry.js.map +1 -1
- package/dist/esm-es5/pds-switch.entry.js +1 -1
- package/dist/esm-es5/pds-switch.entry.js.map +1 -1
- package/dist/esm-es5/pds-table-body.entry.js +1 -1
- package/dist/esm-es5/pds-table-body.entry.js.map +1 -1
- package/dist/esm-es5/pds-table-cell.entry.js +1 -1
- package/dist/esm-es5/pds-table-cell.entry.js.map +1 -1
- package/dist/esm-es5/pds-table-head-cell.entry.js +1 -1
- package/dist/esm-es5/pds-table-head-cell.entry.js.map +1 -1
- package/dist/esm-es5/pds-table-head.entry.js +1 -1
- package/dist/esm-es5/pds-table-head.entry.js.map +1 -1
- package/dist/esm-es5/pds-table-row.entry.js +1 -1
- package/dist/esm-es5/pds-table-row.entry.js.map +1 -1
- package/dist/esm-es5/pds-table.entry.js +1 -1
- package/dist/esm-es5/pds-table.entry.js.map +1 -1
- package/dist/esm-es5/pds-tabs.entry.js +1 -1
- package/dist/esm-es5/pds-tabs.entry.js.map +1 -1
- package/dist/esm-es5/pds-textarea.entry.js +1 -1
- package/dist/esm-es5/pds-textarea.entry.js.map +1 -1
- package/dist/esm-es5/pds-tooltip.entry.js +1 -1
- package/dist/esm-es5/pds-tooltip.entry.js.map +1 -1
- package/dist/pine-core/p-058ee4aa.entry.js +2 -0
- package/dist/pine-core/p-058ee4aa.entry.js.map +1 -0
- package/dist/pine-core/p-06f526e5.system.js +1 -1
- package/dist/pine-core/p-0a559f32.system.entry.js +2 -0
- package/dist/pine-core/p-0a559f32.system.entry.js.map +1 -0
- package/dist/pine-core/p-0fd90583.system.entry.js +2 -0
- package/dist/pine-core/p-0fd90583.system.entry.js.map +1 -0
- package/dist/pine-core/p-20bdacf6.entry.js +2 -0
- package/dist/pine-core/p-20bdacf6.entry.js.map +1 -0
- package/dist/pine-core/p-2258e023.entry.js +2 -0
- package/dist/pine-core/p-2258e023.entry.js.map +1 -0
- package/dist/pine-core/p-2598d875.system.entry.js +2 -0
- package/dist/pine-core/p-2598d875.system.entry.js.map +1 -0
- package/dist/pine-core/p-35d6c787.entry.js +2 -0
- package/dist/pine-core/p-35d6c787.entry.js.map +1 -0
- package/dist/pine-core/p-37dcefe3.entry.js +2 -0
- package/dist/pine-core/p-37dcefe3.entry.js.map +1 -0
- package/dist/pine-core/p-41141b0b.system.entry.js +2 -0
- package/dist/pine-core/p-41141b0b.system.entry.js.map +1 -0
- package/dist/pine-core/p-42ec166f.system.entry.js +2 -0
- package/dist/pine-core/p-42ec166f.system.entry.js.map +1 -0
- package/dist/pine-core/p-470a5e99.entry.js +2 -0
- package/dist/pine-core/p-470a5e99.entry.js.map +1 -0
- package/dist/pine-core/p-4a2d1c1a.system.entry.js +2 -0
- package/dist/pine-core/p-4a2d1c1a.system.entry.js.map +1 -0
- package/dist/pine-core/p-5563b90b.entry.js +2 -0
- package/dist/pine-core/p-5563b90b.entry.js.map +1 -0
- package/dist/pine-core/p-569e79e5.system.entry.js +2 -0
- package/dist/pine-core/p-569e79e5.system.entry.js.map +1 -0
- package/dist/pine-core/p-61176372.system.entry.js +2 -0
- package/dist/pine-core/p-61176372.system.entry.js.map +1 -0
- package/dist/pine-core/p-62789a79.system.entry.js +2 -0
- package/dist/pine-core/p-62789a79.system.entry.js.map +1 -0
- package/dist/pine-core/p-6428b918.entry.js +2 -0
- package/dist/pine-core/p-6428b918.entry.js.map +1 -0
- package/dist/pine-core/p-69f338ff.system.entry.js +2 -0
- package/dist/pine-core/p-69f338ff.system.entry.js.map +1 -0
- package/dist/pine-core/p-6df39072.system.entry.js +2 -0
- package/dist/pine-core/p-6df39072.system.entry.js.map +1 -0
- package/dist/pine-core/p-739f9ac1.system.entry.js +2 -0
- package/dist/pine-core/p-739f9ac1.system.entry.js.map +1 -0
- package/dist/pine-core/p-799c9bb7.entry.js +2 -0
- package/dist/pine-core/p-799c9bb7.entry.js.map +1 -0
- package/dist/pine-core/p-8048be9c.system.entry.js +2 -0
- package/dist/pine-core/p-8048be9c.system.entry.js.map +1 -0
- package/dist/pine-core/p-8368a4d0.entry.js +2 -0
- package/dist/pine-core/p-8368a4d0.entry.js.map +1 -0
- package/dist/pine-core/p-8835d0b2.entry.js +2 -0
- package/dist/pine-core/p-8835d0b2.entry.js.map +1 -0
- package/dist/pine-core/p-889b29d1.entry.js +2 -0
- package/dist/pine-core/p-889b29d1.entry.js.map +1 -0
- package/dist/pine-core/p-8a097891.system.entry.js +2 -0
- package/dist/pine-core/p-8a097891.system.entry.js.map +1 -0
- package/dist/pine-core/p-a05bfa39.system.entry.js +2 -0
- package/dist/pine-core/p-a05bfa39.system.entry.js.map +1 -0
- package/dist/pine-core/p-a9769abf.system.entry.js +2 -0
- package/dist/pine-core/p-a9769abf.system.entry.js.map +1 -0
- package/dist/pine-core/p-ac46b22e.entry.js +2 -0
- package/dist/pine-core/p-ac46b22e.entry.js.map +1 -0
- package/dist/pine-core/p-b1c7914b.entry.js +2 -0
- package/dist/pine-core/p-b1c7914b.entry.js.map +1 -0
- package/dist/pine-core/p-b4852304.system.entry.js +2 -0
- package/dist/pine-core/p-b4852304.system.entry.js.map +1 -0
- package/dist/pine-core/p-b844e85c.system.entry.js +2 -0
- package/dist/pine-core/p-b844e85c.system.entry.js.map +1 -0
- package/dist/pine-core/p-b9318435.entry.js +2 -0
- package/dist/pine-core/p-b9318435.entry.js.map +1 -0
- package/dist/pine-core/p-bc40df83.system.entry.js +2 -0
- package/dist/pine-core/p-bc40df83.system.entry.js.map +1 -0
- package/dist/pine-core/p-c0804c37.entry.js +2 -0
- package/dist/pine-core/p-c0804c37.entry.js.map +1 -0
- package/dist/pine-core/p-c6ca5a77.entry.js +2 -0
- package/dist/pine-core/p-c6ca5a77.entry.js.map +1 -0
- package/dist/pine-core/p-c8b3c512.entry.js +2 -0
- package/dist/pine-core/p-c8b3c512.entry.js.map +1 -0
- package/dist/pine-core/p-cf035857.system.entry.js +2 -0
- package/dist/pine-core/p-cf035857.system.entry.js.map +1 -0
- package/dist/pine-core/p-d6611903.entry.js +2 -0
- package/dist/pine-core/p-d6611903.entry.js.map +1 -0
- package/dist/pine-core/p-ddf4b172.entry.js +8 -0
- package/dist/pine-core/p-ddf4b172.entry.js.map +1 -0
- package/dist/pine-core/p-e3fd9a87.entry.js +2 -0
- package/dist/pine-core/p-e3fd9a87.entry.js.map +1 -0
- package/dist/pine-core/p-e6e198eb.system.entry.js +2 -0
- package/dist/pine-core/p-e6e198eb.system.entry.js.map +1 -0
- package/dist/pine-core/p-f0ea6124.entry.js +2 -0
- package/dist/pine-core/p-f0ea6124.entry.js.map +1 -0
- package/dist/pine-core/p-f1b34408.entry.js +2 -0
- package/dist/pine-core/p-f1b34408.entry.js.map +1 -0
- package/dist/pine-core/p-f2550a67.system.entry.js +2 -0
- package/dist/pine-core/p-f2550a67.system.entry.js.map +1 -0
- package/dist/pine-core/p-f682f33e.system.entry.js +9 -0
- package/dist/pine-core/{p-a6b486a4.entry.js.map → p-f682f33e.system.entry.js.map} +1 -1
- package/dist/pine-core/p-fc5ff4fe.entry.js +2 -0
- package/dist/pine-core/p-fc5ff4fe.entry.js.map +1 -0
- package/dist/pine-core/p-fdb6c6ea.system.entry.js +2 -0
- package/dist/pine-core/p-fdb6c6ea.system.entry.js.map +1 -0
- package/dist/pine-core/pine-core.css +1 -1
- package/dist/pine-core/pine-core.esm.js +1 -1
- package/dist/types/components/pds-accordion/pds-accordion.d.ts +1 -0
- package/hydrate/index.js +162 -89
- package/hydrate/index.mjs +162 -89
- package/package.json +2 -2
- package/dist/pine-core/p-0bf48e12.entry.js +0 -2
- package/dist/pine-core/p-0bf48e12.entry.js.map +0 -1
- package/dist/pine-core/p-12e1c54f.entry.js +0 -2
- package/dist/pine-core/p-12e1c54f.entry.js.map +0 -1
- package/dist/pine-core/p-20dae7d1.system.entry.js +0 -2
- package/dist/pine-core/p-20dae7d1.system.entry.js.map +0 -1
- package/dist/pine-core/p-2837aec3.system.entry.js +0 -2
- package/dist/pine-core/p-2837aec3.system.entry.js.map +0 -1
- package/dist/pine-core/p-2bce244c.entry.js +0 -2
- package/dist/pine-core/p-2bce244c.entry.js.map +0 -1
- package/dist/pine-core/p-2d3df02b.entry.js +0 -2
- package/dist/pine-core/p-2d3df02b.entry.js.map +0 -1
- package/dist/pine-core/p-2ed1ef67.system.entry.js +0 -2
- package/dist/pine-core/p-2ed1ef67.system.entry.js.map +0 -1
- package/dist/pine-core/p-307b87fc.system.entry.js +0 -2
- package/dist/pine-core/p-307b87fc.system.entry.js.map +0 -1
- package/dist/pine-core/p-41c843c5.system.entry.js +0 -2
- package/dist/pine-core/p-41c843c5.system.entry.js.map +0 -1
- package/dist/pine-core/p-4262c8d0.system.entry.js +0 -2
- package/dist/pine-core/p-4262c8d0.system.entry.js.map +0 -1
- package/dist/pine-core/p-43c37135.entry.js +0 -2
- package/dist/pine-core/p-43c37135.entry.js.map +0 -1
- package/dist/pine-core/p-45df80d3.entry.js +0 -2
- package/dist/pine-core/p-45df80d3.entry.js.map +0 -1
- package/dist/pine-core/p-479fd128.system.entry.js +0 -2
- package/dist/pine-core/p-479fd128.system.entry.js.map +0 -1
- package/dist/pine-core/p-4868ffe2.entry.js +0 -2
- package/dist/pine-core/p-4868ffe2.entry.js.map +0 -1
- package/dist/pine-core/p-4cfa45e5.system.entry.js +0 -2
- package/dist/pine-core/p-4cfa45e5.system.entry.js.map +0 -1
- package/dist/pine-core/p-4e5423ec.entry.js +0 -2
- package/dist/pine-core/p-4e5423ec.entry.js.map +0 -1
- package/dist/pine-core/p-5303452a.entry.js +0 -2
- package/dist/pine-core/p-5303452a.entry.js.map +0 -1
- package/dist/pine-core/p-59a88d32.entry.js +0 -2
- package/dist/pine-core/p-59a88d32.entry.js.map +0 -1
- package/dist/pine-core/p-5dab0de3.system.entry.js +0 -2
- package/dist/pine-core/p-5dab0de3.system.entry.js.map +0 -1
- package/dist/pine-core/p-63eacc4c.entry.js +0 -2
- package/dist/pine-core/p-63eacc4c.entry.js.map +0 -1
- package/dist/pine-core/p-64a079d4.entry.js +0 -2
- package/dist/pine-core/p-64a079d4.entry.js.map +0 -1
- package/dist/pine-core/p-64ec41b5.system.entry.js +0 -2
- package/dist/pine-core/p-64ec41b5.system.entry.js.map +0 -1
- package/dist/pine-core/p-669c5ccd.entry.js +0 -2
- package/dist/pine-core/p-669c5ccd.entry.js.map +0 -1
- package/dist/pine-core/p-74931ca7.entry.js +0 -2
- package/dist/pine-core/p-74931ca7.entry.js.map +0 -1
- package/dist/pine-core/p-7c029627.system.entry.js +0 -9
- package/dist/pine-core/p-7c029627.system.entry.js.map +0 -1
- package/dist/pine-core/p-80efeb1b.entry.js +0 -2
- package/dist/pine-core/p-80efeb1b.entry.js.map +0 -1
- package/dist/pine-core/p-8233b878.system.entry.js +0 -2
- package/dist/pine-core/p-8233b878.system.entry.js.map +0 -1
- package/dist/pine-core/p-82a927d0.system.entry.js +0 -2
- package/dist/pine-core/p-82a927d0.system.entry.js.map +0 -1
- package/dist/pine-core/p-9071a673.system.entry.js +0 -2
- package/dist/pine-core/p-9071a673.system.entry.js.map +0 -1
- package/dist/pine-core/p-9229e03e.system.entry.js +0 -2
- package/dist/pine-core/p-9229e03e.system.entry.js.map +0 -1
- package/dist/pine-core/p-94a76b90.system.entry.js +0 -2
- package/dist/pine-core/p-94a76b90.system.entry.js.map +0 -1
- package/dist/pine-core/p-967ab4b1.system.entry.js +0 -2
- package/dist/pine-core/p-967ab4b1.system.entry.js.map +0 -1
- package/dist/pine-core/p-a58de843.system.entry.js +0 -2
- package/dist/pine-core/p-a58de843.system.entry.js.map +0 -1
- package/dist/pine-core/p-a6b486a4.entry.js +0 -8
- package/dist/pine-core/p-ad7f960d.system.entry.js +0 -2
- package/dist/pine-core/p-ad7f960d.system.entry.js.map +0 -1
- package/dist/pine-core/p-b4fb6072.system.entry.js +0 -2
- package/dist/pine-core/p-b4fb6072.system.entry.js.map +0 -1
- package/dist/pine-core/p-b8cbff05.system.entry.js +0 -2
- package/dist/pine-core/p-b8cbff05.system.entry.js.map +0 -1
- package/dist/pine-core/p-b94d28cc.entry.js +0 -2
- package/dist/pine-core/p-b94d28cc.entry.js.map +0 -1
- package/dist/pine-core/p-c644e0b4.system.entry.js +0 -2
- package/dist/pine-core/p-c644e0b4.system.entry.js.map +0 -1
- package/dist/pine-core/p-cb0cccca.entry.js +0 -2
- package/dist/pine-core/p-cb0cccca.entry.js.map +0 -1
- package/dist/pine-core/p-dd40be84.entry.js +0 -2
- package/dist/pine-core/p-dd40be84.entry.js.map +0 -1
- package/dist/pine-core/p-e339312d.entry.js +0 -2
- package/dist/pine-core/p-e339312d.entry.js.map +0 -1
- package/dist/pine-core/p-e52afdbe.entry.js +0 -2
- package/dist/pine-core/p-e52afdbe.entry.js.map +0 -1
- package/dist/pine-core/p-e705a6ad.system.entry.js +0 -2
- package/dist/pine-core/p-e705a6ad.system.entry.js.map +0 -1
- package/dist/pine-core/p-ed4e6972.entry.js +0 -2
- package/dist/pine-core/p-ed4e6972.entry.js.map +0 -1
- package/dist/pine-core/p-f2e0fc56.entry.js +0 -2
- package/dist/pine-core/p-f2e0fc56.entry.js.map +0 -1
- package/dist/pine-core/p-f8c08ca7.system.entry.js +0 -2
- package/dist/pine-core/p-f8c08ca7.system.entry.js.map +0 -1
- package/dist/pine-core/p-f954f3af.entry.js +0 -2
- package/dist/pine-core/p-f954f3af.entry.js.map +0 -1
package/hydrate/index.mjs
CHANGED
|
@@ -2340,11 +2340,15 @@ const remove = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'
|
|
|
2340
2340
|
const upSmall = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><path fill-rule='evenodd' d='M7.15 5.594a.89.89 0 0 1 1.256 0l3.556 3.555a.889.889 0 0 1-1.257 1.257L7.778 7.48 4.85 10.406A.889.889 0 1 1 3.594 9.15z'/></svg>";
|
|
2341
2341
|
const userFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='pdsicon'><g clip-path='url(#a)'><path d='M12.222 8.925A5.98 5.98 0 0 1 8 10.667a5.98 5.98 0 0 1-4.222-1.742A7.34 7.34 0 0 0 0 15.333c0 .368.299.667.667.667h14.666a.667.667 0 0 0 .667-.667 7.34 7.34 0 0 0-3.778-6.408'/><path d='M8 9.333A4.667 4.667 0 1 0 8 0a4.667 4.667 0 0 0 0 9.333'/></g><defs><clipPath id='a'><path d='M0 0h16v16H0z'/></clipPath></defs></svg>";
|
|
2342
2342
|
|
|
2343
|
+
const baseCss$n = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
2344
|
+
var PdsAccordionStyle0 = baseCss$n;
|
|
2345
|
+
|
|
2343
2346
|
const pdsAccordionCss = ":host{display:block}details{--border-radius-default:var(--pine-border-radius-100);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--color-background-default:var(--pine-color-white);--color-background-hover:var(--pine-color-grey-150);--color-text-default:var(--pine-color-grey-700);--color-text-active:var(--pine-color-grey-950);--color-text-hover:var(--pine-color-grey-800);--font-weight-active:var(--pine-font-weight-semi-bold);--number-animation-transform-timing:200ms;--spacing-details-padding-inline:var(--pine-spacing-150);--spacing-details-padding-block-end:calc(var(--pine-spacing-200) + 2);--spacing-summary-padding-block:calc(var(--pine-spacing-150) / 2);--spacing-summary-padding-inline-start:var(--pine-spacing-100);--spacing-summary-padding-inline-end:var(--pine-spacing-050);--typography-default:var(--pine-font-weight-medium) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-inter);border-radius:var(--border-radius-default)}details pds-icon{-webkit-transform:scaleY(1);transform:scaleY(1)}details[open]{background-color:var(--color-background-default)}details[open] summary{color:var(--color-text-active);font-weight:var(--font-weight-active)}details[open] summary pds-icon{-webkit-transform:scaleY(-1);transform:scaleY(-1)}summary{background-color:var(--color-background-default);border-radius:var(--border-radius-default);color:var(--color-text-default);font:var(--typography-default);padding-block:var(--spacing-summary-padding-block);-webkit-padding-end:var(--spacing-summary-padding-inline-end);padding-inline-end:var(--spacing-summary-padding-inline-end);-webkit-padding-start:var(--spacing-summary-padding-inline-start);padding-inline-start:var(--spacing-summary-padding-inline-start);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}summary::-webkit-details-marker{display:none}summary:hover{background:var(--color-background-hover);color:var(--color-text-hover);cursor:pointer}summary:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none;position:relative}summary pds-icon{-webkit-margin-start:auto;margin-inline-start:auto}.pds-accordion__body{-webkit-padding-after:var(--spacing-details-padding-block-end);padding-block-end:var(--spacing-details-padding-block-end);padding-inline:var(--spacing-details-padding-inline)}";
|
|
2344
|
-
var
|
|
2347
|
+
var PdsAccordionStyle1 = pdsAccordionCss;
|
|
2345
2348
|
|
|
2346
2349
|
/**
|
|
2347
2350
|
* @part accordion-body - Accordion body styles.
|
|
2351
|
+
* @part accordion-button - Accordion button/trigger styles.
|
|
2348
2352
|
* @slot (default) - Accordion body content.
|
|
2349
2353
|
* @slot label - Accordion trigger button content.
|
|
2350
2354
|
*/
|
|
@@ -2370,12 +2374,12 @@ class PdsAccordion {
|
|
|
2370
2374
|
this.detailsEl.addEventListener('toggle', this.handleToggle);
|
|
2371
2375
|
}
|
|
2372
2376
|
render() {
|
|
2373
|
-
return (hAsync(Host, { key: '
|
|
2377
|
+
return (hAsync(Host, { key: '9a8c2f915879f63d8a7255cf0f58b55f4b590eed', class: "pds-accordion", id: this.componentId }, hAsync("details", Object.assign({ key: 'f5428c5e340c55750fb94d85dfd7cdbb853c32de' }, this.getOpenAttribute(), { ref: (el) => (this.detailsEl = el) }), hAsync("summary", { key: '9255f9c850016e964d468ed35578c01159b7f234', part: "accordion-button" }, hAsync("slot", { key: '2b1dba36c97ed9c46b1efe7aac44cae4203e7a50', name: "label" }, "Details"), hAsync("pds-icon", { key: '9185cfd595c09a15c57fe1e1d89a2895c461aa46', icon: downSmall })), hAsync("div", { key: '41d030c5ffc2cee2099f141e80695c1f4e6ddcb0', part: "accordion-body", class: "pds-accordion__body" }, hAsync("slot", { key: 'b10afd83e6bec657dfa88cdf4a73f32f12d46935' })))));
|
|
2374
2378
|
}
|
|
2375
2379
|
static get watchers() { return {
|
|
2376
2380
|
"isOpen": ["handleOpenState"]
|
|
2377
2381
|
}; }
|
|
2378
|
-
static get style() { return PdsAccordionStyle0; }
|
|
2382
|
+
static get style() { return PdsAccordionStyle0 + PdsAccordionStyle1; }
|
|
2379
2383
|
static get cmpMeta() { return {
|
|
2380
2384
|
"$flags$": 9,
|
|
2381
2385
|
"$tagName$": "pds-accordion",
|
|
@@ -2389,8 +2393,11 @@ class PdsAccordion {
|
|
|
2389
2393
|
}; }
|
|
2390
2394
|
}
|
|
2391
2395
|
|
|
2396
|
+
const baseCss$m = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
2397
|
+
var PdsAvatarStyle0 = baseCss$m;
|
|
2398
|
+
|
|
2392
2399
|
const pdsAvatarCss = ":host{display:inline-block}div{--color-background-container:var(--pine-color-blue-100);--color-background-badge:var(--pine-color-white);--color-border-badge:var(--pine-color-white);--border-default:var(--pine-border-width-thin) solid var(--pine-color-grey-300);--border-radius-round:var(--pine-border-radius-round);--border-radius-none:var(--pine-border-radius-0);--spacing-none:var(--pine-spacing-0);-ms-flex-align:center;align-items:center;background-color:var(--color-background-container);border-radius:var(--border-radius-admin-round, var(--border-radius-round));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;position:relative}:host(.pds-avatar--admin) div{--border-radius-admin-round:var(--pine-spacing-150);border-radius:var(--border-radius-admin-round)}:host(.pds-avatar--has-image) div{background:transparent}@supports selector(:has){div:has(img){background-color:transparent}}.pds-avatar__button{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--border-radius-round:var(--pine-border-radius-round);-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--border-radius-none);border-radius:var(--border-radius-round);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--spacing-none)}.pds-avatar__button:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-avatar__badge{background-color:var(--color-background-badge);border:var(--border-default);border-color:var(--color-border-badge);border-radius:var(--border-radius-round);bottom:var(--spacing-none);position:absolute;right:var(--spacing-none)}img{border-radius:var(--border-radius-admin-round, var(--border-radius-round));height:100%;-o-object-fit:cover;object-fit:cover;width:100%}";
|
|
2393
|
-
var
|
|
2400
|
+
var PdsAvatarStyle1 = pdsAvatarCss;
|
|
2394
2401
|
|
|
2395
2402
|
/**
|
|
2396
2403
|
* @part image - The main image element that represents the avatar component.
|
|
@@ -2452,9 +2459,9 @@ class PdsAvatar {
|
|
|
2452
2459
|
}
|
|
2453
2460
|
}
|
|
2454
2461
|
render() {
|
|
2455
|
-
return (hAsync(Host, { key: '
|
|
2462
|
+
return (hAsync(Host, { key: '3ca2ea6a15dd0ab841dcc4ec9d8fd0e57e908f53', id: this.componentId, class: Object.assign({}, this.classNames()) }, this.renderAvatar()));
|
|
2456
2463
|
}
|
|
2457
|
-
static get style() { return PdsAvatarStyle0; }
|
|
2464
|
+
static get style() { return PdsAvatarStyle0 + PdsAvatarStyle1; }
|
|
2458
2465
|
static get cmpMeta() { return {
|
|
2459
2466
|
"$flags$": 9,
|
|
2460
2467
|
"$tagName$": "pds-avatar",
|
|
@@ -2587,8 +2594,11 @@ const hasShadowDom = (el) => {
|
|
|
2587
2594
|
return !!el.shadowRoot && !!el.attachShadow;
|
|
2588
2595
|
};
|
|
2589
2596
|
|
|
2590
|
-
const
|
|
2591
|
-
var PdsButtonStyle0 =
|
|
2597
|
+
const baseCss$l = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
2598
|
+
var PdsButtonStyle0 = baseCss$l;
|
|
2599
|
+
|
|
2600
|
+
const pdsButtonCss = ":host{--border-radius-default:var(--pine-border-radius-round);--border-width-default:var(--pine-border-width-thin);--border-width-unstyled:var(--pine-border-radius-0);--color-border-default:transparent;--color-border-disabled:transparent;--color-border-focus:transparent;--color-border-hover:transparent;--color-background-primary-default:var(--pine-color-grey-900);--color-background-primary-disabled:var(--pine-color-grey-300);--color-background-primary-hover:var(--pine-color-grey-950);--color-text-primary-default:var(--pine-color-white);--color-text-primary-disabled:var(--pine-color-grey-600);--color-outline-primary:var(--pine-color-blue-200);--color-border-secondary-default:var(--pine-color-grey-400);--color-border-secondary-disabled:var(--pine-color-grey-300);--color-border-secondary-focus:var(--pine-color-grey-300);--color-border-secondary-hover:var(--pine-color-grey-500);--color-text-secondary-default:var(--pine-color-grey-900);--color-text-secondary-disabled:var(--pine-color-grey-600);--color-outline-secondary:var(--pine-color-blue-200);--color-background-accent-default:var(--pine-color-purple-500);--color-background-accent-disabled:var(--pine-color-purple-150);--color-background-accent-hover:var(--pine-color-purple-600);--color-text-accent-default:var(--pine-color-white);--color-text-accent-disabled:var(--pine-color-purple-300);--color-outline-accent:var(--pine-color-purple-300);--color-background-destructive-default:var(--pine-color-red-300);--color-background-destructive-disabled:var(--pine-color-red-100);--color-background-destructive-hover:var(--pine-color-red-400);--color-text-destructive-default:var(--pine-color-white);--color-text-destructive-disabled:var(--pine-color-red-200);--color-outline-destructive:var(--pine-color-red-200);--spacing-disclosure-icon-margin-inline-end:var(--pine-spacing-0);--spacing-disclosure-margin-inline-start:var(--pine-spacing-100);--spacing-icon-margin-inline-end:var(--pine-spacing-100);--spacing-padding-block:var(--pine-spacing-100);--spacing-padding-inline:var(--pine-spacing-200);--spacing-unstyled:var(--pine-spacing-0);--typography-default:var(--pine-font-weight-semi-bold) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-greet);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.pds-button{-ms-flex-align:center;align-items:center;background-color:var(--color-background-default);border:var(--border-width-default) solid var(--color-border-default);border-radius:var(--pine-border-radius-125);color:var(--color-text-default);display:-ms-flexbox;display:flex;font:var(--typography-default);min-height:40px;padding:var(--spacing-padding-block) var(--spacing-padding-inline)}.pds-button pds-icon{color:currentColor;fill:currentColor;-webkit-margin-end:var(--spacing-icon-margin-inline-end);margin-inline-end:var(--spacing-icon-margin-inline-end)}.pds-button:hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover)}.pds-button:focus-visible{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);border-color:var(--color-border-focus);-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-button:disabled{background-color:var(--color-background-disabled);border-color:var(--color-border-disabled);color:var(--color-text-disabled)}.pds-button--primary{--color-background-default:var(--color-background-primary-default);--color-background-hover:var(--color-background-primary-hover);--color-background-disabled:var(--color-background-primary-disabled);--color-text-default:var(--color-text-primary-default);--color-text-disabled:var(--color-text-primary-disabled);--color-outline:var(--color-outline-primary)}.pds-button--accent{--color-background-default:var(--color-background-accent-default);--color-background-hover:var(--color-background-accent-hover);--color-background-disabled:var(--color-background-accent-disabled);--color-text-default:var(--color-text-accent-default);--color-text-disabled:var(--color-text-accent-disabled);--color-outline:var(--color-outline-accent)}.pds-button--destructive{--color-background-default:var(--color-background-destructive-default);--color-background-hover:var(--color-background-destructive-hover);--color-background-disabled:var(--color-background-destructive-disabled);--color-text-default:var(--color-text-destructive-default);--color-text-disabled:var(--color-text-destructive-disabled);--color-outline:var(--color-outline-destructive)}.pds-button--destructive:focus-visible{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--color-background-destructive-default);-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-button--secondary,.pds-button--disclosure{--color-background-default:transparent;--color-background-hover:transparent;--color-background-disabled:transparent;--color-border-disabled:var(--color-border-secondary-disabled);--color-border-focus:var(--color-border-secondary-focus);--color-border-hover:var(--color-border-secondary-hover);--color-border-default:var(--color-border-secondary-default);--color-text-default:var(--color-text-secondary-default);--color-text-disabled:var(--color-text-secondary-disabled);--color-outline:var(--color-outline-secondary)}.pds-button--disclosure pds-icon{-webkit-margin-end:var(--spacing-disclosure-icon-margin-inline-end);margin-inline-end:var(--spacing-disclosure-icon-margin-inline-end);-webkit-margin-start:var(--spacing-disclosure-margin-inline-start);margin-inline-start:var(--spacing-disclosure-margin-inline-start)}.pds-button--unstyled{--color-background-default:transparent;--color-background-hover:transparent;--color-background-disabled:transparent;--color-text-default:inherit;border:var(--border-width-unstyled);margin:var(--spacing-unstyled);min-height:auto;padding:var(--spacing-unstyled);width:inherit}";
|
|
2601
|
+
var PdsButtonStyle1 = pdsButtonCss;
|
|
2592
2602
|
|
|
2593
2603
|
/**
|
|
2594
2604
|
* @part button - The main button element that represents the button component.
|
|
@@ -2631,10 +2641,10 @@ class PdsButton {
|
|
|
2631
2641
|
return classNames.join(' ');
|
|
2632
2642
|
}
|
|
2633
2643
|
render() {
|
|
2634
|
-
return (hAsync(Host, { key: '
|
|
2644
|
+
return (hAsync(Host, { key: '4c63b9a386ed3d9d9f3516648ec26c3823ac6fa6', "aria-disabled": this.disabled ? 'true' : null, id: this.componentId, onClick: this.handleClick, variant: this.variant }, hAsync("button", { key: '50cdc14ea87c350f2e173fb38006021bfe0b78d7', class: this.classNames(), disabled: this.disabled, name: this.name, part: "button", type: this.type, value: this.value }, this.icon && this.variant !== 'disclosure' && hAsync("pds-icon", { key: '94e7c0b1b6b8223b78afe5b61a6073b907afc6e1', name: this.icon, part: "icon" }), hAsync("slot", { key: '736b97d814d34eb8a01ddd22ade8d9ee5a35de82' }), this.variant === 'disclosure' && hAsync("pds-icon", { key: 'f7bea88482de7bfaf23c74e71d9748a403df6a76', icon: caretDown, part: "caret" }))));
|
|
2635
2645
|
}
|
|
2636
2646
|
get el() { return getElement(this); }
|
|
2637
|
-
static get style() { return PdsButtonStyle0; }
|
|
2647
|
+
static get style() { return PdsButtonStyle0 + PdsButtonStyle1; }
|
|
2638
2648
|
static get cmpMeta() { return {
|
|
2639
2649
|
"$flags$": 9,
|
|
2640
2650
|
"$tagName$": "pds-button",
|
|
@@ -2687,8 +2697,11 @@ const isRequired = (target, component) => {
|
|
|
2687
2697
|
*/
|
|
2688
2698
|
const PdsLabel = ({ classNames, htmlFor, text }) => (hAsync("label", { class: classNames, htmlFor: htmlFor }, text));
|
|
2689
2699
|
|
|
2700
|
+
const baseCss$k = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
2701
|
+
var PdsCheckboxStyle0 = baseCss$k;
|
|
2702
|
+
|
|
2690
2703
|
const pdsCheckboxCss = ":host{--border-default:var(--pine-border-width-thin) solid var(--pine-color-grey-400);--border-color-interactive-hover:var(--pine-border-width-thin) solid var(--pine-color-grey-500);--border-radius:var(--pine-border-radius-050);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--box-shadow-focus-invalid:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-red-200);--color-background:var(--pine-color-white);--color-background-disabled:var(--pine-color-grey-200);--color-background-hover:var(--pine-color-grey-100);--color-border-disabled:var(--pine-color-grey-600);--color-border-icon:var(--pine-color-white);--color-checked:var(--pine-color-grey-950);--color-disabled:var(--pine-color-grey-300);--color-invalid:var(--pine-color-red-300);--color-text-disabled:var(--pine-color-grey-500);--color-text-message:var(--pine-color-grey-700);--sizing-input:var(--pine-font-size-100);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}:host(.is-invalid) input{border-color:var(--color-invalid)}:host(.is-invalid) input:checked{background:var(--color-invalid)}:host(.is-invalid) input:focus-visible{-webkit-box-shadow:var(--box-shadow-focus-invalid);box-shadow:var(--box-shadow-focus-invalid);outline:none}:host(.is-invalid) label,:host(.is-invalid) .pds-checkbox__message--error{color:var(--color-invalid)}:host(.is-indeterminate) input{background:var(--color-checked);border-color:var(--color-checked)}:host(.is-indeterminate) input::after{border:1px solid var(--color-border-icon);border-bottom:0;border-left:0;border-top:0;content:\"\";display:block;height:7px;left:50%;position:absolute;top:50%;-webkit-transform:rotate(87deg) translate3d(-114%, 25%, 0);transform:rotate(87deg) translate3d(-114%, 25%, 0);width:4px}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-background);border:var(--border-default);border-radius:var(--border-radius);height:var(--sizing-input);margin:0;position:relative;width:var(--sizing-input)}input:hover{background:var(--color-background-hover);border:var(--border-color-interactive-hover)}input:checked{background:var(--color-checked);border-color:var(--color-checked)}input:checked::after{border:1px solid var(--color-border-icon);border-left:0;border-top:0;content:\"\";display:block;height:7px;left:50%;position:absolute;top:50%;-webkit-transform:rotate(43deg) translate3d(-110%, -30%, 0);transform:rotate(43deg) translate3d(-110%, -30%, 0);width:4px}input:disabled{background:var(--color-background-disabled);border-color:var(--color-disabled);cursor:not-allowed}input:disabled:checked{background:var(--color-disabled);border-color:var(--color-disabled)}input:disabled:checked::after{border-color:var(--color-border-disabled)}input:disabled+label{color:var(--color-text-disabled);cursor:not-allowed}input:disabled~.pds-checkbox__message{color:var(--color-text-disabled)}input:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}label{-webkit-margin-start:10px;margin-inline-start:10px}.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}.pds-checkbox__message{color:var(--color-text-message);font-size:14px;-webkit-margin-before:6px;margin-block-start:6px;-webkit-margin-start:26px;margin-inline-start:26px;width:100%}";
|
|
2691
|
-
var
|
|
2704
|
+
var PdsCheckboxStyle1 = pdsCheckboxCss;
|
|
2692
2705
|
|
|
2693
2706
|
class PdsCheckbox {
|
|
2694
2707
|
constructor(hostRef) {
|
|
@@ -2742,14 +2755,14 @@ class PdsCheckbox {
|
|
|
2742
2755
|
return classNames.join(' ');
|
|
2743
2756
|
}
|
|
2744
2757
|
render() {
|
|
2745
|
-
return (hAsync(Host, { key: '
|
|
2746
|
-
hAsync("div", { key: '
|
|
2747
|
-
hAsync("div", { key: '
|
|
2758
|
+
return (hAsync(Host, { key: '445bf52e75b4d45cffa0621550c3221da77cd28a', class: this.classNames() }, hAsync("input", { key: '326a380543328244ad71da4188d3a18561a8ddd3', type: "checkbox", "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, id: this.componentId, indeterminate: this.indeterminate, name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, onChange: this.handleCheckboxChange, onInput: this.handleInput }), hAsync(PdsLabel, { key: 'eb22531287c39f53ad02eeba93e3845ead776f01', htmlFor: this.componentId, text: this.label, classNames: this.labelHidden ? 'visually-hidden' : '' }), this.helperMessage &&
|
|
2759
|
+
hAsync("div", { key: 'f434bc8e221fcd55d864c40de9b030066bbfc028', class: 'pds-checkbox__message', id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
|
|
2760
|
+
hAsync("div", { key: 'b3193bc5239041909f7d256e8ad20d23dfab0ef3', class: `pds-checkbox__message pds-checkbox__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, this.errorMessage)));
|
|
2748
2761
|
}
|
|
2749
2762
|
static get watchers() { return {
|
|
2750
2763
|
"checked": ["updateIndeterminate"]
|
|
2751
2764
|
}; }
|
|
2752
|
-
static get style() { return PdsCheckboxStyle0; }
|
|
2765
|
+
static get style() { return PdsCheckboxStyle0 + PdsCheckboxStyle1; }
|
|
2753
2766
|
static get cmpMeta() { return {
|
|
2754
2767
|
"$flags$": 9,
|
|
2755
2768
|
"$tagName$": "pds-checkbox",
|
|
@@ -2773,8 +2786,11 @@ class PdsCheckbox {
|
|
|
2773
2786
|
}; }
|
|
2774
2787
|
}
|
|
2775
2788
|
|
|
2789
|
+
const baseCss$j = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
2790
|
+
var PdsChipStyle0 = baseCss$j;
|
|
2791
|
+
|
|
2776
2792
|
const pdsChipCss = ":host{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--border-radius:var(--pine-border-radius-200);--color-background-accent:var(--pine-color-purple-100);--color-background-accent-dot:var(--pine-color-purple-300);--color-background-accent-interactive:var(--pine-color-purple-200);--color-background-danger:var(--pine-color-red-100);--color-background-danger-dot:var(--pine-color-red-300);--color-background-danger-interactive:var(--pine-color-red-200);--color-background-info:var(--pine-color-blue-100);--color-background-info-dot:var(--pine-color-blue-300);--color-background-info-interactive:var(--pine-color-blue-200);--color-background-neutral:var(--pine-color-grey-300);--color-background-neutral-dot:var(--pine-color-grey-600);--color-background-neutral-interactive:var(--pine-color-grey-400);--color-background-success:var(--pine-color-green-100);--color-background-success-dot:var(--pine-color-green-300);--color-background-success-interactive:var(--pine-color-green-200);--color-background-warning:var(--pine-color-yellow-100);--color-background-warning-dot:var(--pine-color-yellow-300);--color-background-warning-interactive:var(--pine-color-yellow-200);--font-size-sm:var(--pine-font-size-085);--font-size-body:var(--pine-font-size-100);--font-weight:var(--pine-font-weight-medium);--line-height:var(--pine-line-height-100);--spacing-xxs:calc(var(--pine-spacing-050) / 2);--spacing-xs:var(--pine-spacing-050);--spacing-sm:calc(var(--pine-spacing-150) / 2);--spacing-md:var(--pine-spacing-100);--spacing-lg:calc(var(--pine-spacing-250) / 2);--spacing-xl:var(--pine-spacing-150);--spacing-xxl:calc(var(--pine-spacing-350) / 2);--sizing-close:10px;--sizing-close-lg:24px;--sizing-dot:4px;-ms-flex-align:center;align-items:center;border-radius:var(--border-radius);display:-ms-inline-flexbox;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight);line-height:var(--line-height);padding-block:var(--spacing-xs);padding-inline:var(--spacing-lg)}:host(.pds-chip--accent){background:var(--color-background-accent)}:host(.pds-chip--accent) .pds-chip__dot{background:var(--color-background-accent-dot)}:host(.pds-chip--accent) .pds-chip__close:hover{background:var(--color-background-accent-interactive)}:host(.pds-chip--accent.pds-chip--dropdown:hover){background:var(--color-background-accent-interactive)}:host(.pds-chip--danger){background:var(--color-background-danger)}:host(.pds-chip--danger) .pds-chip__dot{background:var(--color-background-danger-dot)}:host(.pds-chip--danger) .pds-chip__close:hover{background:var(--color-background-danger-interactive)}:host(.pds-chip--danger.pds-chip--dropdown:hover){background:var(--color-background-danger-interactive)}:host(.pds-chip--info){background:var(--color-background-info)}:host(.pds-chip--info) .pds-chip__dot{background:var(--color-background-info-dot)}:host(.pds-chip--info) .pds-chip__close:hover{background:var(--color-background-info-interactive)}:host(.pds-chip--info.pds-chip--dropdown:hover){background:var(--color-background-info-interactive)}:host(.pds-chip--neutral){background:var(--color-background-neutral)}:host(.pds-chip--neutral) .pds-chip__dot{background:var(--color-background-neutral-dot)}:host(.pds-chip--neutral) .pds-chip__close:hover{background:var(--color-background-neutral-interactive)}:host(.pds-chip--neutral.pds-chip--dropdown:hover){background:var(--color-background-neutral-interactive)}:host(.pds-chip--success){background:var(--color-background-success)}:host(.pds-chip--success) .pds-chip__dot{background:var(--color-background-success-dot)}:host(.pds-chip--success) .pds-chip__close:hover{background:var(--color-background-success-interactive)}:host(.pds-chip--success.pds-chip--dropdown:hover){background:var(--color-background-success-interactive)}:host(.pds-chip--warning){background:var(--color-background-warning)}:host(.pds-chip--warning) .pds-chip__dot{background:var(--color-background-warning-dot)}:host(.pds-chip--warning) .pds-chip__close:hover{background:var(--color-background-warning-interactive)}:host(.pds-chip--warning.pds-chip--dropdown:hover){background:var(--color-background-warning-interactive)}.pds-chip__dot{border:1px solid transparent;border-radius:50%;display:inline-block;height:var(--sizing-dot);-webkit-margin-after:var(--spacing-xxs);margin-block-end:var(--spacing-xxs);-webkit-margin-end:var(--spacing-xs);margin-inline-end:var(--spacing-xs);width:var(--sizing-dot)}:host(.pds-chip--dropdown){padding:0}:host(.pds-chip--dropdown) .pds-chip__dot{-webkit-margin-after:calc(var(--spacing-xxs) / 4);margin-block-end:calc(var(--spacing-xxs) / 4);-webkit-margin-before:var(--spacing-xxs);margin-block-start:var(--spacing-xxs)}.pds-chip__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--border-radius);display:-ms-flexbox;display:flex;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight);line-height:var(--line-height);padding-block:var(--spacing-xs);padding-inline:var(--spacing-lg)}.pds-chip__button:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-chip__button pds-icon{-webkit-margin-end:calc(var(--spacing-xxs) * -1);margin-inline-end:calc(var(--spacing-xxs) * -1);-webkit-margin-start:var(--spacing-xs);margin-inline-start:var(--spacing-xs)}:host(.pds-chip--tag){padding-block:var(--spacing-xxs)}.pds-chip__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:50%;height:var(--sizing-close);-webkit-margin-end:calc(var(--spacing-md) * -1);margin-inline-end:calc(var(--spacing-md) * -1);-webkit-margin-start:var(--spacing-xs);margin-inline-start:var(--spacing-xs);padding:var(--sizing-close);position:relative;width:var(--sizing-close)}.pds-chip__close pds-icon{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pds-chip__close:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}:host(.pds-chip--large){font-size:var(--font-size-body);padding-block:var(--spacing-sm);padding-inline:var(--spacing-xxl)}:host(.pds-chip--large):host(.pds-chip--dropdown){padding-block:var(--spacing-xs);padding-inline:var(--spacing-xxs)}:host(.pds-chip--large):host(.pds-chip--dropdown) .pds-chip__dot{-webkit-margin-after:0;margin-block-end:0}:host(.pds-chip--large) .pds-chip__button{font-size:var(--font-size-body);padding-inline:var(--spacing-xl)}:host(.pds-chip--large) .pds-chip__close{height:var(--sizing-close-lg);-webkit-margin-end:calc(var(--spacing-xl) * -1);margin-inline-end:calc(var(--spacing-xl) * -1);width:var(--sizing-close-lg)}:host(.pds-chip--large):host(.pds-chip--tag){padding-block:var(--spacing-xs)}";
|
|
2777
|
-
var
|
|
2793
|
+
var PdsChipStyle1 = pdsChipCss;
|
|
2778
2794
|
|
|
2779
2795
|
class PdsChip {
|
|
2780
2796
|
constructor(hostRef) {
|
|
@@ -2809,9 +2825,9 @@ class PdsChip {
|
|
|
2809
2825
|
return chipContent;
|
|
2810
2826
|
}
|
|
2811
2827
|
render() {
|
|
2812
|
-
return (hAsync(Host, { key: '
|
|
2828
|
+
return (hAsync(Host, { key: 'b49508fac6a1006cb9a52010644307e4528b1920', class: this.classNames(), id: this.componentId }, this.setChipContent(), this.variant === 'tag' && (hAsync("button", { key: '7156f121be5ac59ce77aba3b2e7bf3aa8c4d9d37', class: "pds-chip__close", type: "button", onClick: this.handleCloseClick, "aria-label": "Remove" }, hAsync("pds-icon", { key: '47663af897eab3f9e0288b0f92cb57ea42cdb77a', icon: remove, size: "12px" })))));
|
|
2813
2829
|
}
|
|
2814
|
-
static get style() { return PdsChipStyle0; }
|
|
2830
|
+
static get style() { return PdsChipStyle0 + PdsChipStyle1; }
|
|
2815
2831
|
static get cmpMeta() { return {
|
|
2816
2832
|
"$flags$": 9,
|
|
2817
2833
|
"$tagName$": "pds-chip",
|
|
@@ -2829,8 +2845,11 @@ class PdsChip {
|
|
|
2829
2845
|
}; }
|
|
2830
2846
|
}
|
|
2831
2847
|
|
|
2848
|
+
const baseCss$i = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
2849
|
+
var PdsCopytextStyle0 = baseCss$i;
|
|
2850
|
+
|
|
2832
2851
|
const pdsCopytextCss = ":host(.pds-copytext){--border-interactive-default:var(--pine-border-width-thin) solid var(--pine-color-grey-300);--border-interactive-hover:var(--pine-border-width-thin) solid var(--pine-color-grey-400);--border-radius-default:var(--pine-border-radius-125);--border-radius-hover:var(--pine-border-radius-0);--border-width-default:var(--pine-border-width-none);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--color-background-default:var(--pine-color-white);--color-border-interactive-hover:var(--pine-color-grey-400);--color-text-hover:var(--pine-color-grey-900);--copytext-color-background-hover:var(--pine-color-grey-200);--font-size-default:var(--pine-font-size-100);--font-weight-default:var(--pine-font-weight-semi-bold);--spacing-bordered-margin-inline-end:var(--pine-spacing-200);--spacing-bordered-padding-block:var(--pine-spacing-100);--spacing-bordered-padding-inline:var(--pine-spacing-200);--spacing-margin-inline-end:var(--pine-spacing-100);--spacing-padding-block:var(--pine-spacing-050);--spacing-padding-inline:var(--pine-spacing-100);--spacing-padding-none:var(--pine-spacing-0);--typography-default:var(--pine-font-weight-medium) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-circular)}:host(.pds-copytext) pds-button{-ms-flex-align:center;align-items:center;background:var(--color-background-default);border:var(--border-width-default);border-radius:var(--border-radius-default);display:-ms-inline-flexbox;display:inline-flex;font:var(--typography-default);max-width:100%;padding:var(--spacing-padding-block) var(--spacing-padding-inline)}:host(.pds-copytext) pds-button::part(button):hover{background-color:var(--copytext-color-background-hover);border-radius:var(--border-radius-hover);color:var(--color-text-hover)}:host(.pds-copytext) pds-button span{-webkit-margin-end:var(--spacing-margin-inline-end);margin-inline-end:var(--spacing-margin-inline-end);white-space:nowrap}:host(.pds-copytext) pds-button :nth-child(2){-ms-flex-negative:0;flex-shrink:0}:host(.pds-copytext):host(.pds-copytext--bordered){border:var(--border-width-default);padding:var(--spacing-padding-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button{padding:var(--spacing-padding-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button:hover{background:none}:host(.pds-copytext):host(.pds-copytext--bordered) span{border:var(--border-interactive-default);border-radius:var(--border-radius-default);-webkit-margin-end:var(--spacing-bordered-margin-inline-end);margin-inline-end:var(--spacing-bordered-margin-inline-end);padding-block:var(--spacing-bordered-padding-block);padding-inline:var(--spacing-bordered-padding-inline)}:host(.pds-copytext):host(.pds-copytext--bordered) :hover span{border:var(--border-interactive-hover)}:host(.pds-copytext):host(.pds-copytext--full-width){display:-ms-flexbox;display:flex;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button span{text-align:left;width:100%}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button{display:-ms-flexbox;display:flex;width:100%}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{overflow:hidden;text-align:left;text-overflow:ellipsis;width:100%}";
|
|
2833
|
-
var
|
|
2852
|
+
var PdsCopytextStyle1 = pdsCopytextCss;
|
|
2834
2853
|
|
|
2835
2854
|
class PdsCopytext {
|
|
2836
2855
|
constructor(hostRef) {
|
|
@@ -2870,9 +2889,9 @@ class PdsCopytext {
|
|
|
2870
2889
|
return classNames.join(' ');
|
|
2871
2890
|
}
|
|
2872
2891
|
render() {
|
|
2873
|
-
return (hAsync(Host, { key: '
|
|
2892
|
+
return (hAsync(Host, { key: '24f8ccba6099b5a4f283fe049dc38e32c916c80e', class: this.classNames(), id: this.componentId }, hAsync("pds-button", { key: '7b4d6703944df7a4a3932663b5c09b496d642f0c', type: "button", variant: "unstyled", onClick: this.handleClick }, hAsync("span", { key: '68ab90f525b04edc3d708d7405d34558aee8c98e' }, this.value), hAsync("pds-icon", { key: '06a24c4577dc10917e69314a6d19db8e6a88e7f7', icon: copy, size: "16px" }))));
|
|
2874
2893
|
}
|
|
2875
|
-
static get style() { return PdsCopytextStyle0; }
|
|
2894
|
+
static get style() { return PdsCopytextStyle0 + PdsCopytextStyle1; }
|
|
2876
2895
|
static get cmpMeta() { return {
|
|
2877
2896
|
"$flags$": 9,
|
|
2878
2897
|
"$tagName$": "pds-copytext",
|
|
@@ -2889,8 +2908,11 @@ class PdsCopytext {
|
|
|
2889
2908
|
}; }
|
|
2890
2909
|
}
|
|
2891
2910
|
|
|
2911
|
+
const baseCss$h = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
2912
|
+
var PdsDividerStyle0 = baseCss$h;
|
|
2913
|
+
|
|
2892
2914
|
const pdsDividerCss = ":host{--color-background-default:var(--pine-color-grey-400);--spacing-offset-xxs:var(--pine-spacing-050);--spacing-offset-xs:var(--pine-spacing-100);--spacing-offset-sm:var(--pine-spacing-200);--spacing-offset-md:var(--pine-spacing-300);--spacing-offset-lg:var(--pine-spacing-450);--spacing-offset-xxl:var(--pine-spacing-800)}.pds-divider{background:var(--color-background-default);border:0;display:-ms-flexbox;display:flex;height:1px;margin:0;width:100%}.pds-divider--vertical{height:100%;width:1px}.pds-divider--offset-xxs{margin:0 calc(var(--spacing-offset-xxs) * -1);padding:0 var(--spacing-offset-xxs)}.pds-divider--offset-xxs.pds-divider--vertical{margin:calc(var(--spacing-offset-xxs) * -1) 0;padding:var(--spacing-offset-xxs) 0}.pds-divider--offset-xs{margin:0 calc(var(--spacing-offset-xs) * -1);padding:0 var(--spacing-offset-xs)}.pds-divider--offset-xs.pds-divider--vertical{margin:calc(var(--spacing-offset-xs) * -1) 0;padding:var(--spacing-offset-xs) 0}.pds-divider--offset-sm{margin:0 calc(var(--spacing-offset-sm) * -1);padding:0 var(--spacing-offset-sm)}.pds-divider--offset-sm.pds-divider--vertical{margin:calc(var(--spacing-offset-sm) * -1) 0;padding:var(--spacing-offset-sm) 0}.pds-divider--offset-md{margin:0 calc(var(--spacing-offset-md) * -1);padding:0 var(--spacing-offset-md)}.pds-divider--offset-md.pds-divider--vertical{margin:calc(var(--spacing-offset-md) * -1) 0;padding:var(--spacing-offset-md) 0}.pds-divider--offset-lg{margin:0 calc(var(--spacing-offset-lg) * -1);padding:0 var(--spacing-offset-lg)}.pds-divider--offset-lg.pds-divider--vertical{margin:calc(var(--spacing-offset-lg) * -1) 0;padding:var(--spacing-offset-lg) 0}.pds-divider--offset-xl{margin:0 calc(var(--spacing-offset-xl) * -1);padding:0 var(--spacing-offset-xl)}.pds-divider--offset-xl.pds-divider--vertical{margin:calc(var(--spacing-offset-xl) * -1) 0;padding:var(--spacing-offset-xl) 0}.pds-divider--offset-xxl{margin:0 calc(var(--spacing-offset-xxl) * -1);padding:0 var(--spacing-offset-xxl)}.pds-divider--offset-xxl.pds-divider--vertical{margin:calc(var(--spacing-offset-xxl) * -1) 0;padding:var(--spacing-offset-xxl) 0}@media (max-width: 767px){.pds-divider--vertical{display:none}}";
|
|
2893
|
-
var
|
|
2915
|
+
var PdsDividerStyle1 = pdsDividerCss;
|
|
2894
2916
|
|
|
2895
2917
|
class PdsDivider {
|
|
2896
2918
|
constructor(hostRef) {
|
|
@@ -2911,9 +2933,9 @@ class PdsDivider {
|
|
|
2911
2933
|
return classNames.join(' ');
|
|
2912
2934
|
}
|
|
2913
2935
|
render() {
|
|
2914
|
-
return (hAsync(Host, { key: '
|
|
2936
|
+
return (hAsync(Host, { key: '03b43edbf300af791cb86d11991507f1449981f7', id: this.componentId }, hAsync("hr", { key: '3385a8497632540187d3c5f16716032d37d5c036', class: this.classNames() })));
|
|
2915
2937
|
}
|
|
2916
|
-
static get style() { return PdsDividerStyle0; }
|
|
2938
|
+
static get style() { return PdsDividerStyle0 + PdsDividerStyle1; }
|
|
2917
2939
|
static get cmpMeta() { return {
|
|
2918
2940
|
"$flags$": 9,
|
|
2919
2941
|
"$tagName$": "pds-divider",
|
|
@@ -3090,8 +3112,11 @@ const createColorClasses = (color) => {
|
|
|
3090
3112
|
: null;
|
|
3091
3113
|
};
|
|
3092
3114
|
|
|
3115
|
+
const baseCss$g = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
3116
|
+
var PdsImageStyle0 = baseCss$g;
|
|
3117
|
+
|
|
3093
3118
|
const pdsImageCss = ":host{--dimension-aspect-ratio:auto;display:inline-block}img{aspect-ratio:var(--dimension-aspect-ratio);height:auto;width:100%}";
|
|
3094
|
-
var
|
|
3119
|
+
var PdsImageStyle1 = pdsImageCss;
|
|
3095
3120
|
|
|
3096
3121
|
class PdsImage {
|
|
3097
3122
|
constructor(hostRef) {
|
|
@@ -3106,11 +3131,11 @@ class PdsImage {
|
|
|
3106
3131
|
this.width = undefined;
|
|
3107
3132
|
}
|
|
3108
3133
|
render() {
|
|
3109
|
-
return (hAsync(Host, { key: '
|
|
3134
|
+
return (hAsync(Host, { key: '810bb5579a28b8a1867f202ccf555bcb0a1be2a5', class: {
|
|
3110
3135
|
'pds-image': true,
|
|
3111
|
-
}, id: this.componentId }, hAsync("img", { key: '
|
|
3136
|
+
}, id: this.componentId }, hAsync("img", { key: '66d78e000caaa91db5dbd68ce34824215d3c7bf9', alt: this.alt, height: this.height, loading: this.loading, sizes: this.sizes, src: this.src, srcset: this.srcset, width: this.width })));
|
|
3112
3137
|
}
|
|
3113
|
-
static get style() { return PdsImageStyle0; }
|
|
3138
|
+
static get style() { return PdsImageStyle0 + PdsImageStyle1; }
|
|
3114
3139
|
static get cmpMeta() { return {
|
|
3115
3140
|
"$flags$": 9,
|
|
3116
3141
|
"$tagName$": "pds-image",
|
|
@@ -3130,8 +3155,11 @@ class PdsImage {
|
|
|
3130
3155
|
}; }
|
|
3131
3156
|
}
|
|
3132
3157
|
|
|
3158
|
+
const baseCss$f = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
3159
|
+
var PdsInputStyle0 = baseCss$f;
|
|
3160
|
+
|
|
3133
3161
|
const pdsInputCss = ":host{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-red-200);--color-text-default:var(--pine-color-grey-950);--color-background-disabled:var(--pine-color-grey-100);--color-border-default:var(--pine-color-grey-400);--color-border-error:var(--pine-color-red-300);--color-border-hover:var(--pine-color-grey-500);--color-disabled-text:var(--pine-color-grey-500);--color-placeholder-text:var(--pine-color-grey-700);--font-size-helper-message:var(--pine-font-size-100);--font-size-input-field:var(--pine-font-size-100);--font-size-label:var(--pine-font-size-100);--font-weight-helper-message:var(--pine-font-weight-normal);--font-weight-input-field:var(--pine-font-weight-normal);--font-weight-label:var(--pine-font-weight-medium);--line-height-label:var(--pine-line-height-150);--line-height-helper-message:var(--pine-line-height-125);--line-height-input-field:var(--pine-line-height-150);--spacing-field-padding-block:var(--pine-spacing-100);--spacing-input-field-padding-inline:var(--pine-spacing-200);--spacing-label-margin-block-end:var(--pine-spacing-100);--spacing-margin-top-helper-message:var(--pine-spacing-100);display:inline}.pds-input{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}label{font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);-webkit-margin-after:var(--spacing-label-margin-block-end);margin-block-end:var(--spacing-label-margin-block-end)}input{border:1px solid var(--color-border-default);border-radius:10px;font-size:var(--font-size-input-field);font-weight:var(--font-weight-input-field);line-height:var(--line-height-input-field);padding:var(--spacing-field-padding-block) var(--spacing-input-field-padding-inline);}input:disabled{background-color:var(--color-background-disabled);color:var(--color-disabled-text);cursor:not-allowed}input:hover{border-color:var(--color-border-hover)}input:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}input::-webkit-input-placeholder{color:var(--color-placeholder-text)}input::-moz-placeholder{color:var(--color-placeholder-text)}input::-moz-placeholder{color:var(--color-placeholder-text)}input:-ms-input-placeholder{color:var(--color-placeholder-text)}input:has(~.pds-input__error-message){border-color:var(--color-border-error)}input:has(~.pds-input__error-message):focus-visible{-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error);outline:none}.pds-input__error-message,.pds-input__helper-message{font-size:var(--font-size-helper-message);font-weight:var(--font-weight-helper-message);line-height:var(--line-height-helper-message);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--spacing-margin-top-helper-message);margin-block-start:var(--spacing-margin-top-helper-message)}.pds-input__error-message{color:var(--color-error)}";
|
|
3134
|
-
var
|
|
3162
|
+
var PdsInputStyle1 = pdsInputCss;
|
|
3135
3163
|
|
|
3136
3164
|
class PdsInput {
|
|
3137
3165
|
constructor(hostRef) {
|
|
@@ -3158,11 +3186,11 @@ class PdsInput {
|
|
|
3158
3186
|
this.value = undefined;
|
|
3159
3187
|
}
|
|
3160
3188
|
render() {
|
|
3161
|
-
return (hAsync(Host, { key: '
|
|
3162
|
-
hAsync("p", { key: '
|
|
3163
|
-
hAsync("p", { key: '
|
|
3189
|
+
return (hAsync(Host, { key: '784e8ceebc3e9f7af1ca8a36e3e3bb3fb427ff73', "aria-disabled": this.disabled ? 'true' : null }, hAsync("div", { key: '15e330030f22a3d0d62efef1e67953779ae56993', class: "pds-input" }, hAsync(PdsLabel, { key: 'fee1b5fc13968007530c2a4aafcc1179df5bf48a', htmlFor: this.componentId, text: this.label }), hAsync("input", { key: '987006aafd9d6c44478ee50ef10be7305b00d5af', class: "pds-input__field", "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, disabled: this.disabled, id: this.componentId, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, type: this.type, value: this.value, onInput: this.onInputEvent }), this.helperMessage &&
|
|
3190
|
+
hAsync("p", { key: '48bf04ec1a4dcc5c29bc7abc6c9a7c7c23dce5e1', class: "pds-input__helper-message", id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
|
|
3191
|
+
hAsync("p", { key: '7dfc00d8f19f0a799f5fcacc1f429b2755bfa8d2', class: "pds-input__error-message", id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, this.errorMessage))));
|
|
3164
3192
|
}
|
|
3165
|
-
static get style() { return PdsInputStyle0; }
|
|
3193
|
+
static get style() { return PdsInputStyle0 + PdsInputStyle1; }
|
|
3166
3194
|
static get cmpMeta() { return {
|
|
3167
3195
|
"$flags$": 9,
|
|
3168
3196
|
"$tagName$": "pds-input",
|
|
@@ -3186,8 +3214,11 @@ class PdsInput {
|
|
|
3186
3214
|
}; }
|
|
3187
3215
|
}
|
|
3188
3216
|
|
|
3217
|
+
const baseCss$e = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
3218
|
+
var PdsLinkStyle0 = baseCss$e;
|
|
3219
|
+
|
|
3189
3220
|
const pdsLinkCss = ":host{--border-outline:4px solid var(--pine-color-blue-200);--border-radius:var(--pine-border-radius-075);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);--color-text-default:var(--pine-color-grey-900);--font-size:var(--pine-font-size-100);--font-size-sm:var(--pine-font-size-085);--font-size-xs:var(--pine-font-size-085);--font-weight:var(--pine-font-weight-medium);--spacing-inline-start-margin:var(--pine-spacing-050);--sizing-svg-lg:15px;--sizing-svg-md:13px;--sizing-svg-sm:11px;display:inline}:host pds-icon{-webkit-margin-start:var(--spacing-inline-start-margin);margin-inline-start:var(--spacing-inline-start-margin)}.pds-link{-ms-flex-align:center;align-items:center;color:var(--color-text);display:-ms-inline-flexbox;display:inline-flex;font-weight:inherit}.pds-link:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none;position:relative}.pds-link--sm{font-size:var(--font-size-xs)}.pds-link--sm pds-icon{height:var(--sizing-svg-sm);width:var(--sizing-svg-sm)}.pds-link--md{font-size:var(--font-size-sm)}.pds-link--md pds-icon{height:var(--sizing-svg-md);width:var(--sizing-svg-md)}.pds-link--lg{font-size:var(--font-size)}.pds-link--lg pds-icon{height:var(--sizing-svg-lg);width:var(--sizing-svg-lg)}.pds-link--plain{font-weight:var(--font-weight);text-decoration:none}.pds-link--plain:hover{text-decoration:underline}.pds-link--default{text-decoration:underline}.pds-link--default:hover{text-decoration:none}";
|
|
3190
|
-
var
|
|
3221
|
+
var PdsLinkStyle1 = pdsLinkCss;
|
|
3191
3222
|
|
|
3192
3223
|
/**
|
|
3193
3224
|
* @part link - The main link element that represents the link component.
|
|
@@ -3213,10 +3244,10 @@ class PdsLink {
|
|
|
3213
3244
|
return classNames.join(' ');
|
|
3214
3245
|
}
|
|
3215
3246
|
render() {
|
|
3216
|
-
return (hAsync("a", { key: '
|
|
3217
|
-
hAsync("pds-icon", { key: '
|
|
3247
|
+
return (hAsync("a", { key: '48d18c76dabdf7848cb28406ca41bcb319046f15', class: this.classNames(), href: this.href, id: this.componentId, target: this.external ? '_blank' : undefined, part: "link" }, hAsync("slot", { key: 'd1300abecf3a94cbeb0dd0203e0938496499750b' }, this.href), this.external &&
|
|
3248
|
+
hAsync("pds-icon", { key: '353ee581e0060669910e0e9220f3e85d2c46e41b', icon: launch, size: this.fontSize })));
|
|
3218
3249
|
}
|
|
3219
|
-
static get style() { return PdsLinkStyle0; }
|
|
3250
|
+
static get style() { return PdsLinkStyle0 + PdsLinkStyle1; }
|
|
3220
3251
|
static get cmpMeta() { return {
|
|
3221
3252
|
"$flags$": 9,
|
|
3222
3253
|
"$tagName$": "pds-link",
|
|
@@ -3233,8 +3264,11 @@ class PdsLink {
|
|
|
3233
3264
|
}; }
|
|
3234
3265
|
}
|
|
3235
3266
|
|
|
3267
|
+
const baseCss$d = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
3268
|
+
var PdsLoaderStyle0 = baseCss$d;
|
|
3269
|
+
|
|
3236
3270
|
const pdsLoaderCss = ":host{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--pine-spacing-100)}:host(.pds-loader--hidden),.pds-loader--hidden{border-width:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-loader--spinner svg{--color-background-spinner:var(--pine-color-blue-300);--number-spinner-timing:2s;--number-spinner-path-timing:1.5s;-webkit-animation:rotate var(--number-spinner-timing) linear infinite;animation:rotate var(--number-spinner-timing) linear infinite;block-size:var(--sizing-spinner);color:var(--color-background-spinner);inline-size:var(--sizing-spinner)}.pds-loader__spinner-path{stroke-width:8px}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.pds-loader--typing{--border-radius-typing:var(--pine-border-radius-200);--border-radius-typing-dot:var(--pine-border-radius-round);--box-shadow-typing:var(--pine-box-shadow-100);--color-background-typing-default:var(--pine-color-grey-200);--color-background-typing-dot-default:var(--pine-color-grey-500);--number-typing-timing:1s;--opacity-typing-dot-default:0.4;--opacity-typing-dot-active:1;--sizing-typing-dot:calc(var(--pine-spacing-150) / 2);--spacing-typing-gap:var(--pine-spacing-050);--spacing-typing-margin-block:var(--pine-spacing-0);--spacing-typing-margin-inline:auto;--spacing-typing-padding-block:15px;--spacing-typing-padding-inline:var(--pine-spacing-250);-ms-flex-align:center;align-items:center;background-color:var(--color-background-typing-default);border-radius:var(--border-radius-typing);-webkit-box-shadow:var(--box-shadow-typing);box-shadow:var(--box-shadow-typing);display:-ms-inline-flexbox;display:inline-flex;gap:var(--spacing-typing-gap);margin-block:var(--spacing-typing-margin-block);margin-inline:var(--spacing-typing-margin-inline);padding-block:var(--spacing-typing-padding-block);padding-inline:var(--spacing-typing-padding-inline);position:relative}.pds-loader--typing span{background-color:var(--color-background-typing-dot-default);block-size:var(--sizing-typing-dot);border-radius:var(--border-radius-typing-dot);inline-size:var(--sizing-typing-dot);opacity:var(--opacity-typing-dot-default)}.pds-loader--typing span:nth-of-type(1){-webkit-animation:var(--number-typing-timing) typing infinite 0.3333s;animation:var(--number-typing-timing) typing infinite 0.3333s}.pds-loader--typing span:nth-of-type(2){-webkit-animation:var(--number-typing-timing) typing infinite 0.6666s;animation:var(--number-typing-timing) typing infinite 0.6666s}.pds-loader--typing span:nth-of-type(3){-webkit-animation:var(--number-typing-timing) typing infinite 0.9999s;animation:var(--number-typing-timing) typing infinite 0.9999s}@-webkit-keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes typing{50%{opacity:var(--opacity-typing-dot-active);-webkit-transform:scale(1.2);transform:scale(1.2)}}.pds-loader__label{--typography-label-default:var(--pine-font-weight-semi-bold) var(--pine-font-size-100)/var(--pine-line-height-150) var(--pine-font-family-circular);font:var(--typography-label-default)}";
|
|
3237
|
-
var
|
|
3271
|
+
var PdsLoaderStyle1 = pdsLoaderCss;
|
|
3238
3272
|
|
|
3239
3273
|
/**
|
|
3240
3274
|
* @slot label - Default slot for Loader label text.
|
|
@@ -3271,9 +3305,9 @@ class PdsLoader {
|
|
|
3271
3305
|
}
|
|
3272
3306
|
}
|
|
3273
3307
|
render() {
|
|
3274
|
-
return (hAsync(Host, { key: '
|
|
3308
|
+
return (hAsync(Host, { key: 'd86c3a84f772eedb15662d0d2e22e53ec7064245', class: `pds-loader ${this.isLoading ? '' : 'pds-loader--hidden'}`, "aria-hidden": !this.isLoading, "aria-busy": this.isLoading, "aria-live": "polite" }, this.variant === 'spinner' && (hAsync("div", { key: 'ec7cda5951617f46427729e5497c7d1b46562ae0', class: "pds-loader--spinner" }, hAsync("svg", { key: '5a7bc867400981ba2190dd00836af63cd2492e80', style: this.style(), viewBox: "0 0 200 200", fill: "none" }, hAsync("defs", { key: 'ee88cb4c138868b286f017f84925d3cf8226eeb8' }, hAsync("linearGradient", { key: '435c54ff00cf11654e01d3d6932e77e74fdef8ae', id: "spinner-secondHalf" }, hAsync("stop", { key: '4b9b65cde42833c14285f97c7f4b4acb681db89c', offset: "0%", "stop-opacity": "0", "stop-color": "currentColor" }), hAsync("stop", { key: '207b3963322e1f7f54f2b7b42b328e868a9b8e78', offset: "100%", "stop-opacity": "0.5", "stop-color": "currentColor" })), hAsync("linearGradient", { key: 'fc877ee5738a8184227fe022534e9cdfd8e27bd1', id: "spinner-firstHalf" }, hAsync("stop", { key: '3d210b400691e364e9d1214531c86003a7588d2c', offset: "0%", "stop-opacity": "1", "stop-color": "currentColor" }), hAsync("stop", { key: 'e99b0c940dc876637d90c3d86ce87f35e2f82687', offset: "100%", "stop-opacity": "0.5", "stop-color": "currentColor" }))), hAsync("g", { key: 'f2acd79941647de3a5c5aae6383d021d1fad7493', class: "pds-loader__spinner-path" }, hAsync("path", { key: '9f1d64d00c633dc7ff0a0f2173c7f0e0c04198d6', stroke: "url(#spinner-secondHalf)", d: "M 4 100 A 96 96 0 0 1 196 100" }), hAsync("path", { key: 'd5ff2bd47100be8eee961b00102e77b3456e8236', stroke: "url(#spinner-firstHalf)", d: "M 196 100 A 96 96 0 0 1 4 100" }), hAsync("path", { key: 'd7cc6e2da92238c023d322f023e7e437a5d41404', stroke: "currentColor", "stroke-linecap": "round", d: "M 4 100 A 96 96 0 0 1 4 98" }))))), this.variant === 'typing' && (hAsync("div", { key: '3c893dc1ae4f39f2b5873ba46d4ae30f873d1158', class: "pds-loader--typing" }, hAsync("span", { key: '8b38041018e2039fcc19ad3dbce6de3924725cc3' }), hAsync("span", { key: 'b3e827a9fded83368404e8bb5c83306ff6a35979' }), hAsync("span", { key: '41fedabc2db044862892ae68476756c6400a58fa' }))), hAsync("div", { key: 'b4cf5add3094c4824612216b8ca7291a4e40ff08', class: `pds-loader__label ${this.showLabel ? '' : 'pds-loader--hidden'}` }, hAsync("slot", { key: 'c7b10e65a5a5350e7973a49c540907edf44c71fa', name: "label" }, "Loading..."))));
|
|
3275
3309
|
}
|
|
3276
|
-
static get style() { return PdsLoaderStyle0; }
|
|
3310
|
+
static get style() { return PdsLoaderStyle0 + PdsLoaderStyle1; }
|
|
3277
3311
|
static get cmpMeta() { return {
|
|
3278
3312
|
"$flags$": 9,
|
|
3279
3313
|
"$tagName$": "pds-loader",
|
|
@@ -3289,8 +3323,11 @@ class PdsLoader {
|
|
|
3289
3323
|
}; }
|
|
3290
3324
|
}
|
|
3291
3325
|
|
|
3326
|
+
const baseCss$c = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
3327
|
+
var PdsProgressStyle0 = baseCss$c;
|
|
3328
|
+
|
|
3292
3329
|
const pdsProgressCss = ":host{--color-progress-fill:var(--pine-color-blue-300);--sizing-progress-bar-height:8px;--sizing-progress-bar-width:100%;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;width:var(--sizing-progress-bar-width)}@-webkit-keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}@keyframes progressBar{0%{width:0}100%{width:var(--sizing-progress-bar-width)}}.pds-progress{--border-radius:var(--pine-border-radius-050);--color-progress-bar-background:var(--pine-color-grey-300);-ms-flex-align:center;align-items:center;background-color:var(--color-progress-bar-background);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:var(--sizing-progress-bar-height);position:relative;width:100%}:host(.is-animated) progress,:host(.is-animated) progress::-webkit-progress-bar{-webkit-animation:progressBar 3s ease;animation:progressBar 3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}progress,progress::-webkit-progress-bar{background-color:transparent;border:0;height:var(--sizing-progress-bar-height);width:100%}progress::-webkit-progress-value{--border-radius:var(--pine-border-radius-050);--color-background:var(--pine-color-blue-300);background-color:var(--color-progress-fill, var(--color-background));border-radius:var(--border-radius)}progress::-moz-progress-bar{--color-background:var(--pine-color-blue-300);--border-radius:var(--pine-border-radius-050);background-color:var(--color-progress-fill, var(--color-background));border-radius:var(--border-radius)}.pds-progress__label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.pds-progress__percentage{--font-size:var(--pine-font-size-085);--font-weight:var(--pine-font-weight-medium);--line-height:var(--pine-line-height-150);--spacing-inline-start-margin:var(--pine-spacing-300);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);-webkit-margin-start:calc(var(--spacing-inline-start-margin) / 2);margin-inline-start:calc(var(--spacing-inline-start-margin) / 2)}";
|
|
3293
|
-
var
|
|
3330
|
+
var PdsProgressStyle1 = pdsProgressCss;
|
|
3294
3331
|
|
|
3295
3332
|
class PdsProgress {
|
|
3296
3333
|
constructor(hostRef) {
|
|
@@ -3303,9 +3340,9 @@ class PdsProgress {
|
|
|
3303
3340
|
this.showPercent = false;
|
|
3304
3341
|
}
|
|
3305
3342
|
render() {
|
|
3306
|
-
return (hAsync(Host, { key: '
|
|
3343
|
+
return (hAsync(Host, { key: 'abd4f8e7972ff974b671831e38ae821a01bbc519', class: this.animated ? { 'is-animated': this.animated } : '' }, hAsync("div", { key: 'b6afe1b42ccf8f346c88648276d1e991fe41fd91', class: "pds-progress" }, hAsync("label", { key: '676f91cdc74a861005cc7a25f811d51212641ee1', class: "pds-progress__label", htmlFor: this.componentId }, this.label), hAsync("progress", { key: '5f0154648ba27c6d83bd9fd3d7c3b59597665b1c', id: this.componentId, max: "100", style: this.fillColor ? { '--color-progress-fill': this.fillColor } : {}, value: this.percent })), this.showPercent && hAsync("div", { key: 'a538abd09affcb043a215c2ca504a9cbbe500332', class: "pds-progress__percentage" }, this.percent, "%")));
|
|
3307
3344
|
}
|
|
3308
|
-
static get style() { return PdsProgressStyle0; }
|
|
3345
|
+
static get style() { return PdsProgressStyle0 + PdsProgressStyle1; }
|
|
3309
3346
|
static get cmpMeta() { return {
|
|
3310
3347
|
"$flags$": 9,
|
|
3311
3348
|
"$tagName$": "pds-progress",
|
|
@@ -3323,8 +3360,11 @@ class PdsProgress {
|
|
|
3323
3360
|
}; }
|
|
3324
3361
|
}
|
|
3325
3362
|
|
|
3363
|
+
const baseCss$b = ".sc-pds-radio:where(*:not(slot),*.sc-pds-radio:not(slot)::before,*.sc-pds-radio:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}.sc-pds-radio:where(*:not(slot)){margin:0}.sc-pds-radio:where(img,picture.sc-pds-radio,video.sc-pds-radio,canvas.sc-pds-radio,svg).sc-pds-radio{display:block;max-width:100%}.sc-pds-radio:where(input,button.sc-pds-radio,textarea.sc-pds-radio,select).sc-pds-radio{font:inherit}.sc-pds-radio:where(p,h1.sc-pds-radio,h2.sc-pds-radio,h3.sc-pds-radio,h4.sc-pds-radio,h5.sc-pds-radio,h6).sc-pds-radio{overflow-wrap:break-word}.sc-pds-radio:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}.sc-pds-radio:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}.sc-pds-radio:where(ul[role=list],ol[role=list]).sc-pds-radio{list-style:none}.sc-pds-radio:where(table){border-collapse:collapse;border-spacing:0}.sc-pds-radio:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}.sc-pds-radio:where(h1,h2.sc-pds-radio,h3.sc-pds-radio,h4.sc-pds-radio,h5.sc-pds-radio,h6).sc-pds-radio{font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}.sc-pds-radio:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}.sc-pds-radio:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}.sc-pds-radio:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}.sc-pds-radio:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}.sc-pds-radio:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}.sc-pds-radio:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}.sc-pds-radio:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}.sc-pds-radio:where(code,kbd.sc-pds-radio,pre.sc-pds-radio,samp).sc-pds-radio{font-family:monospace}.sc-pds-radio:where([role=button]){cursor:pointer}.sc-pds-radio:where(:focus){outline:0}.sc-pds-radio:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}.sc-pds-radio:where([hidden]){display:none !important}";
|
|
3364
|
+
var PdsRadioStyle0 = baseCss$b;
|
|
3365
|
+
|
|
3326
3366
|
const pdsRadioCss = ".sc-pds-radio-h{--border-interactive-default:var(--pine-border-width-thin) solid var( --pine-color-grey-400);--border-radius:50%;--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--color-focus);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--color-invalid-focus);--color:var(--pine-color-grey-700);--color-background:var(--pine-color-white);--color-background-hover:var(--pine-color-grey-100);--color-background-disabled:var(--pine-color-grey-200);--color-border-hover:var(--pine-color-grey-500);--color-border-disabled:var(--pine-color-grey-300);--color-checked:var(--pine-color-grey-950);--color-disabled:var(---pine-color-grey-500);--color-focus:var(--pine-color-purple-300);--color-invalid:var(--pine-color-red-300);--color-invalid-focus:var(--pine-color-red-200);--font-size:var(--pine-font-size-085);--sizing-check-size:6px;--sizing-input-size:16px;--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.is-invalid.sc-pds-radio-h input.sc-pds-radio{border-color:var(--color-invalid)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked{background:var(--color-invalid)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:focus-visible{-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error);outline:none}.is-invalid.sc-pds-radio-h label.sc-pds-radio,.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--color-invalid)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--border-interactive-default);border-radius:var(--border-radius);height:var(--sizing-input-size);margin:0;position:relative;width:var(--sizing-input-size)}input.sc-pds-radio:hover{background:var(--color-background-hover);border-color:var(--color-border-hover)}input.sc-pds-radio:checked{background:var(--color-checked);border-color:var(--color-checked)}input.sc-pds-radio:checked::after{background:var(--color-background);border-radius:50%;content:\"\";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--color-background-disabled);border-color:var(--color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background:var(--color-disabled);border-color:var(--color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--color-border-disabled)}input.sc-pds-radio:disabled+label.sc-pds-radio{color:var(--color-border-hover);cursor:not-allowed}input.sc-pds-radio:disabled~.pds-radio__message.sc-pds-radio{color:var(--color-disabled)}input.sc-pds-radio:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}label.sc-pds-radio{-webkit-margin-start:10px;margin-inline-start:10px}.pds-radio__message.sc-pds-radio{color:var(--color);font-size:var(--font-size);-webkit-margin-before:var(--sizing-margin-block-start);margin-block-start:var(--sizing-margin-block-start);-webkit-margin-start:26px;margin-inline-start:26px;width:100%}";
|
|
3327
|
-
var
|
|
3367
|
+
var PdsRadioStyle1 = pdsRadioCss;
|
|
3328
3368
|
|
|
3329
3369
|
class PdsRadio {
|
|
3330
3370
|
constructor(hostRef) {
|
|
@@ -3360,11 +3400,11 @@ class PdsRadio {
|
|
|
3360
3400
|
return classNames.join(' ');
|
|
3361
3401
|
}
|
|
3362
3402
|
render() {
|
|
3363
|
-
return (hAsync(Host, { key: '
|
|
3364
|
-
hAsync("div", { key: '
|
|
3365
|
-
hAsync("div", { key: '
|
|
3403
|
+
return (hAsync(Host, { key: '9cb0d602497eac8edaf17715182e27ed4b0bc0ab', class: this.classNames() }, hAsync("input", { key: '20f794bb58ab815d6e73b1d9bb01c0b5a01186c7', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, type: "radio", id: this.componentId, name: this.name, value: this.value, checked: this.checked, required: this.required, disabled: this.disabled, onChange: this.handleRadioChange }), hAsync(PdsLabel, { key: 'f968ebc75adae7365c7334e916b4370006937132', htmlFor: this.componentId, text: this.label }), this.helperMessage &&
|
|
3404
|
+
hAsync("div", { key: '96fdd82a8e89a40b73687ce609caa4671007e882', class: 'pds-radio__message', id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
|
|
3405
|
+
hAsync("div", { key: '7133583828149eb3c1c958f0fb6821a773c12951', class: `pds-radio__message pds-radio__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, this.errorMessage)));
|
|
3366
3406
|
}
|
|
3367
|
-
static get style() { return PdsRadioStyle0; }
|
|
3407
|
+
static get style() { return PdsRadioStyle0 + PdsRadioStyle1; }
|
|
3368
3408
|
static get cmpMeta() { return {
|
|
3369
3409
|
"$flags$": 2,
|
|
3370
3410
|
"$tagName$": "pds-radio",
|
|
@@ -6094,8 +6134,11 @@ _extends(Remove, {
|
|
|
6094
6134
|
Sortable.mount(new AutoScrollPlugin());
|
|
6095
6135
|
Sortable.mount(Remove, Revert);
|
|
6096
6136
|
|
|
6137
|
+
const baseCss$a = ".sc-pds-sortable:where(*:not(slot),*.sc-pds-sortable:not(slot)::before,*.sc-pds-sortable:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}.sc-pds-sortable:where(*:not(slot)){margin:0}.sc-pds-sortable:where(img,picture.sc-pds-sortable,video.sc-pds-sortable,canvas.sc-pds-sortable,svg).sc-pds-sortable{display:block;max-width:100%}.sc-pds-sortable:where(input,button.sc-pds-sortable,textarea.sc-pds-sortable,select).sc-pds-sortable{font:inherit}.sc-pds-sortable:where(p,h1.sc-pds-sortable,h2.sc-pds-sortable,h3.sc-pds-sortable,h4.sc-pds-sortable,h5.sc-pds-sortable,h6).sc-pds-sortable{overflow-wrap:break-word}.sc-pds-sortable:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}.sc-pds-sortable:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}.sc-pds-sortable:where(ul[role=list],ol[role=list]).sc-pds-sortable{list-style:none}.sc-pds-sortable:where(table){border-collapse:collapse;border-spacing:0}.sc-pds-sortable:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}.sc-pds-sortable:where(h1,h2.sc-pds-sortable,h3.sc-pds-sortable,h4.sc-pds-sortable,h5.sc-pds-sortable,h6).sc-pds-sortable{font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}.sc-pds-sortable:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}.sc-pds-sortable:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}.sc-pds-sortable:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}.sc-pds-sortable:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}.sc-pds-sortable:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}.sc-pds-sortable:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}.sc-pds-sortable:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}.sc-pds-sortable:where(code,kbd.sc-pds-sortable,pre.sc-pds-sortable,samp).sc-pds-sortable{font-family:monospace}.sc-pds-sortable:where([role=button]){cursor:pointer}.sc-pds-sortable:where(:focus){outline:0}.sc-pds-sortable:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}.sc-pds-sortable:where([hidden]){display:none !important}";
|
|
6138
|
+
var PdsSortableStyle0 = baseCss$a;
|
|
6139
|
+
|
|
6097
6140
|
const pdsSortableCss = ".pds-sortable.sc-pds-sortable-h{--border-radius:var(--pine-border-radius-050);--border-default:var(--pine-border-width-thin) solid var(--pine-color-grey-300);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-sortable.pds-sortable--bordered.sc-pds-sortable-h{border:var(--border-default);border-radius:var(--border-radius)}";
|
|
6098
|
-
var
|
|
6141
|
+
var PdsSortableStyle1 = pdsSortableCss;
|
|
6099
6142
|
|
|
6100
6143
|
class PdsSortable {
|
|
6101
6144
|
constructor(hostRef) {
|
|
@@ -6134,10 +6177,10 @@ class PdsSortable {
|
|
|
6134
6177
|
Sortable.create(this.el, sortableOptions);
|
|
6135
6178
|
}
|
|
6136
6179
|
render() {
|
|
6137
|
-
return (hAsync(Host, { key: '
|
|
6180
|
+
return (hAsync(Host, { key: 'bd922d1fff144b11b407aeb0e389c05fcfa22504', class: this.classNames(), id: this.componentId }, hAsync("slot", { key: 'f25cd77d7735d971903ba9cdeb98f652d45dae41' })));
|
|
6138
6181
|
}
|
|
6139
6182
|
get el() { return getElement(this); }
|
|
6140
|
-
static get style() { return PdsSortableStyle0; }
|
|
6183
|
+
static get style() { return PdsSortableStyle0 + PdsSortableStyle1; }
|
|
6141
6184
|
static get cmpMeta() { return {
|
|
6142
6185
|
"$flags$": 6,
|
|
6143
6186
|
"$tagName$": "pds-sortable",
|
|
@@ -6193,8 +6236,11 @@ class PdsSortableItem {
|
|
|
6193
6236
|
}; }
|
|
6194
6237
|
}
|
|
6195
6238
|
|
|
6239
|
+
const baseCss$9 = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
6240
|
+
var PdsSwitchStyle0 = baseCss$9;
|
|
6241
|
+
|
|
6196
6242
|
const pdsSwitchCss = ":host{--border-radius-input:var(--pine-border-radius-200);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--color-outline-focus);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--color-outline-focus-error);--box-shadow-input-toggle:0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.08);--color-background-checked:var(--pine-color-grey-900);--color-background-checked-hover:var(--pine-color-grey-900);--color-background-disabled:var(--pine-color-grey-300);--color-background-hover:var(--pine-color-grey-500);--color-background-input-default:var(--pine-color-grey-400);--color-input-toggle:var(--pine-color-white);--color-message-text:var(--pine-color-grey-700);--color-outline-focus:var(--pine-color-purple-300);--color-outline-focus-error:var(--pine-color-red-200);--color-text-default:var(--pine-color-grey-900);--color-text-disabled:var(--pine-color-grey-500);--color-text-error:var(--pine-color-red-300);--dimension-input-height:20px;--dimension-input-width:36px;--line-height-label:var(--pine-line-height-150);--sizing-input-toggle-size:calc(var(--dimension-input-height) - (var(--spacing-input-toggle-offset) * 2));--spacing-label-gap-size:var(--pine-spacing-150);--spacing-input-toggle-offset:calc(var(--pine-spacing-050) / 2);--spacing-message-block:var(--pine-spacing-050);--spacing-message-inline:calc(var(--dimension-input-width) + var(--spacing-label-gap-size));--number-transition-timing:0.15s ease-out;-ms-flex-align:start;align-items:flex-start;color:var(--color-text-default);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-margin-after:var(--pine-spacing-md);margin-block-end:var(--pine-spacing-md);position:relative}:host(.pds-switch--error){color:var(--color-text-error)}:host(.pds-switch--error) input,:host(.pds-switch--error) input:checked,:host(.pds-switch--error) input:hover:not(:disabled):not(:checked){background-color:var(--color-text-error)}:host(.pds-switch--error) input:focus-visible:not(:disabled):not(:checked){-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-background-input-default);border:0;border-radius:var(--border-radius-input);cursor:pointer;display:inline-block;height:var(--dimension-input-height);margin:0;padding:0;position:relative;-webkit-transform:translateY(2px);transform:translateY(2px);-webkit-transition:var(--number-transition-timing);transition:var(--number-transition-timing);-webkit-transition-property:background, border, color;transition-property:background, border, color;width:var(--dimension-input-width)}input::after{background:var(--color-input-toggle);border-radius:50%;-webkit-box-shadow:var(--box-shadow-input-toggle);box-shadow:var(--box-shadow-input-toggle);content:\"\";display:block;height:var(--sizing-input-toggle-size);inset-block-start:50%;inset-inline-start:50%;position:absolute;-webkit-transform:translate3d(-100%, -50%, 0);transform:translate3d(-100%, -50%, 0);-webkit-transition:-webkit-transform var(--number-transition-timing);transition:-webkit-transform var(--number-transition-timing);transition:transform var(--number-transition-timing);transition:transform var(--number-transition-timing), -webkit-transform var(--number-transition-timing);width:var(--sizing-input-toggle-size)}label{cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-positive:1;flex-grow:1;line-height:var(--line-height-label);-webkit-margin-start:var(--spacing-label-gap-size);margin-inline-start:var(--spacing-label-gap-size)}.pds-switch--error label{color:inherit}.pds-switch__message{color:var(--color-message-text);-ms-flex:1 0 100%;flex:1 0 100%;font-size:var(--pine-font-size-body-sm);line-height:var(--pine-line-height-sm);-webkit-margin-start:var(--spacing-message-inline);margin-inline-start:var(--spacing-message-inline)}.pds-switch__message+.pds-switch__message{-webkit-margin-before:var(--spacing-message-block);margin-block-start:var(--spacing-message-block)}.pds-switch__message--error{color:inherit}input:disabled{background-color:var(--color-background-disabled);cursor:not-allowed}input:disabled~label{color:var(--color-text-disabled);cursor:initial}input:disabled .pds-switch__message{color:initial}input:hover:not(:disabled){background-color:var(--color-background-hover)}input:focus-visible:not(:disabled){-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}input:checked::after{-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}input:checked:not(:disabled){background-color:currentColor;color:var(--color-background-checked)}input:checked:not(:disabled):hover{border-color:currentColor;color:var(--color-background-checked-hover)}";
|
|
6197
|
-
var
|
|
6243
|
+
var PdsSwitchStyle1 = pdsSwitchCss;
|
|
6198
6244
|
|
|
6199
6245
|
class PdsSwitch {
|
|
6200
6246
|
constructor(hostRef) {
|
|
@@ -6231,12 +6277,12 @@ class PdsSwitch {
|
|
|
6231
6277
|
this.value = undefined;
|
|
6232
6278
|
}
|
|
6233
6279
|
render() {
|
|
6234
|
-
return (hAsync(Host, { key: '
|
|
6235
|
-
hAsync("div", { key: '
|
|
6236
|
-
hAsync("div", { key: '
|
|
6280
|
+
return (hAsync(Host, { key: 'cfe44d745504683403b213ab29408db7f8c2b4d7', class: this.switchClassNames(), "aria-disabled": this.disabled ? 'true' : null }, hAsync("input", { key: '51373deeef6851a469b2bdb1f2c8859a8b97e93a', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, checked: this.checked, class: "pds-switch__input", disabled: this.disabled, id: this.componentId, name: this.name ? this.name : this.componentId, onChange: this.onSwitchUpdate, required: this.required, type: this.type, value: this.value }), hAsync(PdsLabel, { key: '0622674c77dfb3bd8e41baea47872d56e2510b9d', classNames: "pds-switch__label", htmlFor: this.componentId, text: this.label }), this.helperMessage &&
|
|
6281
|
+
hAsync("div", { key: '9097140a515b36a71fa173c4c74c484bb4ad8e31', class: `pds-switch__message`, id: messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
|
|
6282
|
+
hAsync("div", { key: 'a21ff88ba0418517da90a932b84d44167e6ba295', class: `pds-switch__message pds-switch__message--error`, id: messageId(this.componentId, 'error'), "aria-live": "assertive" }, this.errorMessage)));
|
|
6237
6283
|
}
|
|
6238
6284
|
get el() { return getElement(this); }
|
|
6239
|
-
static get style() { return PdsSwitchStyle0; }
|
|
6285
|
+
static get style() { return PdsSwitchStyle0 + PdsSwitchStyle1; }
|
|
6240
6286
|
static get cmpMeta() { return {
|
|
6241
6287
|
"$flags$": 9,
|
|
6242
6288
|
"$tagName$": "pds-switch",
|
|
@@ -6298,8 +6344,11 @@ class PdsTab {
|
|
|
6298
6344
|
}; }
|
|
6299
6345
|
}
|
|
6300
6346
|
|
|
6347
|
+
const baseCss$8 = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
6348
|
+
var PdsTableStyle0 = baseCss$8;
|
|
6349
|
+
|
|
6301
6350
|
const pdsTableCss = ":host{--color-background-default:var(--pine-color-white);background:var(--color-background-default);border-collapse:separate;-webkit-box-sizing:border-box;box-sizing:border-box;display:table;width:100%}:host(:focus-visible){--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-purple-300);-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}:host(.is-responsive){background-attachment:local, local, scroll, scroll;background-image:-webkit-gradient(linear, left top, right top, from(var(--color-background-default)), to(var(--color-background-default))), -webkit-gradient(linear, left top, right top, from(var(--color-background-default)), to(var(--color-background-default))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(rgba(255, 255, 255, 0))), -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(255, 255, 255, 0)));background-image:linear-gradient(to right, var(--color-background-default), var(--color-background-default)), linear-gradient(to right, var(--color-background-default), var(--color-background-default)), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));background-position:left center, right center, left center, right center;background-repeat:no-repeat;background-size:4px 100%, 4px 100%, 4px 100%, 4px 100%;display:block;margin:0 auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto;white-space:nowrap}";
|
|
6302
|
-
var
|
|
6351
|
+
var PdsTableStyle1 = pdsTableCss;
|
|
6303
6352
|
|
|
6304
6353
|
class PdsTable {
|
|
6305
6354
|
constructor(hostRef) {
|
|
@@ -6385,10 +6434,10 @@ class PdsTable {
|
|
|
6385
6434
|
headerCheckbox.indeterminate = !allSelectedRows && !noneSelectedRows;
|
|
6386
6435
|
}
|
|
6387
6436
|
render() {
|
|
6388
|
-
return (hAsync(Host, { key: '
|
|
6437
|
+
return (hAsync(Host, { key: 'e5b9a1f7239dc31f78f8ea3670367e3d633db1a8', class: this.classNames(), id: this.componentId, role: "grid", selectable: this.selectable, tabindex: "0" }, hAsync("slot", { key: 'b745184147807d1a0cc0b36da86b06d8fb71669e' })));
|
|
6389
6438
|
}
|
|
6390
6439
|
get el() { return getElement(this); }
|
|
6391
|
-
static get style() { return PdsTableStyle0; }
|
|
6440
|
+
static get style() { return PdsTableStyle0 + PdsTableStyle1; }
|
|
6392
6441
|
static get cmpMeta() { return {
|
|
6393
6442
|
"$flags$": 9,
|
|
6394
6443
|
"$tagName$": "pds-table",
|
|
@@ -6407,17 +6456,20 @@ class PdsTable {
|
|
|
6407
6456
|
}; }
|
|
6408
6457
|
}
|
|
6409
6458
|
|
|
6459
|
+
const baseCss$7 = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
6460
|
+
var PdsTableBodyStyle0 = baseCss$7;
|
|
6461
|
+
|
|
6410
6462
|
const pdsTableBodyCss = ":host{border-color:inherit;display:table-row-group;vertical-align:middle}";
|
|
6411
|
-
var
|
|
6463
|
+
var PdsTableBodyStyle1 = pdsTableBodyCss;
|
|
6412
6464
|
|
|
6413
6465
|
class PdsTableBody {
|
|
6414
6466
|
constructor(hostRef) {
|
|
6415
6467
|
registerInstance(this, hostRef);
|
|
6416
6468
|
}
|
|
6417
6469
|
render() {
|
|
6418
|
-
return (hAsync(Host, { key: '
|
|
6470
|
+
return (hAsync(Host, { key: 'd47c7a779b96ea7ac9d7cf3b4cdf0973e7ee100c', role: "rowgroup" }, hAsync("slot", { key: '30136cb5047fea4bb9c205f50071d09cb2a83857' })));
|
|
6419
6471
|
}
|
|
6420
|
-
static get style() { return PdsTableBodyStyle0; }
|
|
6472
|
+
static get style() { return PdsTableBodyStyle0 + PdsTableBodyStyle1; }
|
|
6421
6473
|
static get cmpMeta() { return {
|
|
6422
6474
|
"$flags$": 9,
|
|
6423
6475
|
"$tagName$": "pds-table-body",
|
|
@@ -6428,8 +6480,11 @@ class PdsTableBody {
|
|
|
6428
6480
|
}; }
|
|
6429
6481
|
}
|
|
6430
6482
|
|
|
6483
|
+
const baseCss$6 = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
6484
|
+
var PdsTableCellStyle0 = baseCss$6;
|
|
6485
|
+
|
|
6431
6486
|
const pdsTableCellCss = ":host{--box-shadow-fixed:3px 3px 6px -2px rgba(0, 0, 0, 0.2);--color-background-fixed:var(--pine-color-white);--color-cell-default:var(--pine-color-grey-700);--dimension-fixed-cell-position:0;--dimension-max-width-truncated:100px;--font-size-cell-default:var(--pine-font-size-085);--number-fixed-column-index:0;--spacing-line-height-cell-default:var(--pine-line-height-125);--spacing-padding-cell-default:calc(var(--pine-spacing-300) / 2);--spacing-padding-compact:var(--pine-spacing-050);color:var(--color-cell-default);display:table-cell;font-size:var(--font-size-cell-default);line-height:var(--spacing-line-height-cell-default);padding:var(--spacing-padding-cell-default);vertical-align:inherit}:host(.is-compact){padding-block:var(--spacing-padding-compact)}:host(.is-fixed){background:var(--color-background-fixed);left:var(--dimension-fixed-cell-position);position:-webkit-sticky;position:sticky;z-index:1}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-fixed);box-shadow:var(--box-shadow-fixed)}:host(.is-truncated){max-width:var(--dimension-max-width-truncated);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.has-checkbox){vertical-align:middle;width:16px}";
|
|
6432
|
-
var
|
|
6487
|
+
var PdsTableCellStyle1 = pdsTableCellCss;
|
|
6433
6488
|
|
|
6434
6489
|
class PdsTableCell {
|
|
6435
6490
|
constructor(hostRef) {
|
|
@@ -6467,14 +6522,14 @@ class PdsTableCell {
|
|
|
6467
6522
|
return classNames.join(' ');
|
|
6468
6523
|
}
|
|
6469
6524
|
render() {
|
|
6470
|
-
return (hAsync(Host, { key: '
|
|
6525
|
+
return (hAsync(Host, { key: '28e14af2a71566974799bd9894be69257ad0c819', class: this.classNames(), role: "gridcell", style: this.tableRef &&
|
|
6471
6526
|
this.tableRef.fixedColumn &&
|
|
6472
6527
|
this.tableRef.selectable
|
|
6473
6528
|
? { '--fixed-cell-position': '40px' }
|
|
6474
|
-
: {} }, hAsync("slot", { key: '
|
|
6529
|
+
: {} }, hAsync("slot", { key: 'c2c98f8cfc27c4f7ee30a488c67c7601cbd882ad' })));
|
|
6475
6530
|
}
|
|
6476
6531
|
get hostElement() { return getElement(this); }
|
|
6477
|
-
static get style() { return PdsTableCellStyle0; }
|
|
6532
|
+
static get style() { return PdsTableCellStyle0 + PdsTableCellStyle1; }
|
|
6478
6533
|
static get cmpMeta() { return {
|
|
6479
6534
|
"$flags$": 9,
|
|
6480
6535
|
"$tagName$": "pds-table-cell",
|
|
@@ -6496,8 +6551,11 @@ const closest = (selector, el) => {
|
|
|
6496
6551
|
closest(selector, el.getRootNode().host)));
|
|
6497
6552
|
};
|
|
6498
6553
|
|
|
6554
|
+
const baseCss$5 = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
6555
|
+
var PdsTableHeadStyle0 = baseCss$5;
|
|
6556
|
+
|
|
6499
6557
|
const pdsTableHeadCss = ":host{--border-head-default:var(--pine-border-width-thin) solid var(--pine-color-grey-300);--color-background-fixed:var(--pine-color-base-white);border-color:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;display:table-header-group;vertical-align:middle}:host::part(checkbox-cell){background-color:var(--color-background-fixed);left:0;position:-webkit-sticky;position:sticky;z-index:1}:host pds-table-checkbox-cell{-webkit-border-after:var(--border-head-default);border-block-end:var(--border-head-default)}";
|
|
6500
|
-
var
|
|
6558
|
+
var PdsTableHeadStyle1 = pdsTableHeadCss;
|
|
6501
6559
|
|
|
6502
6560
|
class PdsTableHead {
|
|
6503
6561
|
constructor(hostRef) {
|
|
@@ -6535,10 +6593,10 @@ class PdsTableHead {
|
|
|
6535
6593
|
}
|
|
6536
6594
|
}
|
|
6537
6595
|
render() {
|
|
6538
|
-
return (hAsync(Host, { key: '
|
|
6596
|
+
return (hAsync(Host, { key: '213f85bc482cf8f137acccd858dbd0e207eef425', role: "row" }, this.tableRef && this.tableRef.selectable && (hAsync("pds-table-head-cell", { key: '1633990c5a5e9eb5786754c5f0013ebe5619bf8e', part: this.tableRef.selectable ? 'checkbox-cell' : '' }, hAsync("pds-checkbox", { key: 'd3ff182cfe34e11c04e66964dc295d9654e48cfd', componentId: this.generateUniqueId(), indeterminate: this.indeterminate, onInput: this.handleInput, label: "Select All Rows", labelHidden: true, checked: this.isSelected }))), hAsync("slot", { key: '149366f9587c8fe0c6040abca3a8fc4195fc312a' })));
|
|
6539
6597
|
}
|
|
6540
6598
|
get hostElement() { return getElement(this); }
|
|
6541
|
-
static get style() { return PdsTableHeadStyle0; }
|
|
6599
|
+
static get style() { return PdsTableHeadStyle0 + PdsTableHeadStyle1; }
|
|
6542
6600
|
static get cmpMeta() { return {
|
|
6543
6601
|
"$flags$": 9,
|
|
6544
6602
|
"$tagName$": "pds-table-head",
|
|
@@ -6552,8 +6610,11 @@ class PdsTableHead {
|
|
|
6552
6610
|
}; }
|
|
6553
6611
|
}
|
|
6554
6612
|
|
|
6613
|
+
const baseCss$4 = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
6614
|
+
var PdsTableHeadCellStyle0 = baseCss$4;
|
|
6615
|
+
|
|
6555
6616
|
const pdsTableHeadCellCss = ":host{--border-head-cell-default:var(--pine-border-width-thin) solid var(--pine-color-grey-300);--box-shadow-default:3px 3px 6px -2px rgba(0, 0, 0, 0.1);--color-background-fixed:var(--pine-color-white);--color-sorting:var(--pine-color-grey-950);--color-text-default:var(--pine-color-grey-700);--dimension-fixed-cell-position:0;--font-size-head-cell:var(--pine-font-size-085);--font-weight-cell-default:var(--pine-font-weight-normal);--line-height-cell-default:var(--pine-line-height-125);--padding-cell-default:calc(var(--pine-spacing-300) / 2);--spacing-margin-inline-start-arrow:var(--pine-spacing-050);--spacing-padding-arrow:calc(var(--pine-spacing-050) / 2);--spacing-padding-block-compact:var(--pine-spacing-050);-webkit-border-after:var(--border-head-cell-default);border-block-end:var(--border-head-cell-default);color:var(--color-text-default);display:table-cell;font-size:var(--font-size-head-cell);font-style:normal;font-weight:var(--font-weight-cell-default);line-height:var(--line-height-cell-default);padding:var(--padding-cell-default);text-align:start;vertical-align:inherit}:host(.is-compact){padding-block:var(--spacing-padding-block-compact)}:host(.is-fixed){background:var(--color-background-fixed);left:var(--dimension-fixed-cell-position);position:-webkit-sticky;position:sticky;z-index:1}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-default);box-shadow:var(--box-shadow-default)}:host(.is-sortable){cursor:pointer}:host(.is-sortable) pds-icon{-webkit-margin-start:var(--spacing-margin-inline-start-arrow);margin-inline-start:var(--spacing-margin-inline-start-arrow);-webkit-padding-before:var(--spacing-padding-arrow);padding-block-start:var(--spacing-padding-arrow);position:absolute}:host(.is-sortable:hover),:host(.is-active){color:var(--color-sorting)}";
|
|
6556
|
-
var
|
|
6617
|
+
var PdsTableHeadCellStyle1 = pdsTableHeadCellCss;
|
|
6557
6618
|
|
|
6558
6619
|
class PdsTableHeadCell {
|
|
6559
6620
|
constructor(hostRef) {
|
|
@@ -6608,14 +6669,14 @@ class PdsTableHeadCell {
|
|
|
6608
6669
|
return classNames.join(' ');
|
|
6609
6670
|
}
|
|
6610
6671
|
render() {
|
|
6611
|
-
return (hAsync(Host, { key: '
|
|
6672
|
+
return (hAsync(Host, { key: '1f10fd14e300a501cf3763b2f0edb02fe957fc4a', class: this.classNames(), role: "columnheader", onClick: this.toggleSort, style: this.tableRef &&
|
|
6612
6673
|
this.tableRef.fixedColumn &&
|
|
6613
6674
|
this.tableRef.selectable
|
|
6614
6675
|
? { '--fixed-cell-position': '40px' }
|
|
6615
|
-
: {} }, hAsync("slot", { key: '
|
|
6676
|
+
: {} }, hAsync("slot", { key: '5e18f22f031f671c7c3ae899d00afb90dd90d633' }), this.sortable && (hAsync("pds-icon", { key: 'ba00ac36b37cc45086fb5989beb71a9fc6a83bd6', icon: this.sortingDirection === 'asc' ? upSmall : downSmall }))));
|
|
6616
6677
|
}
|
|
6617
6678
|
get hostElement() { return getElement(this); }
|
|
6618
|
-
static get style() { return PdsTableHeadCellStyle0; }
|
|
6679
|
+
static get style() { return PdsTableHeadCellStyle0 + PdsTableHeadCellStyle1; }
|
|
6619
6680
|
static get cmpMeta() { return {
|
|
6620
6681
|
"$flags$": 9,
|
|
6621
6682
|
"$tagName$": "pds-table-head-cell",
|
|
@@ -6631,8 +6692,11 @@ class PdsTableHeadCell {
|
|
|
6631
6692
|
}; }
|
|
6632
6693
|
}
|
|
6633
6694
|
|
|
6695
|
+
const baseCss$3 = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
6696
|
+
var PdsTableRowStyle0 = baseCss$3;
|
|
6697
|
+
|
|
6634
6698
|
const pdsTableRowCss = ":host{--color-background-fixed:var(--pine-color-white);--color-background-interactive:var(--pine-color-grey-200);border-color:inherit;display:table-row;vertical-align:inherit}:host::part(checkbox-cell){background-color:var(--color-background-fixed);left:0;position:-webkit-sticky;position:sticky;z-index:1}:host(:hover),:host(:hover)::part(checkbox-cell),:host(:hover) ::slotted(pds-table-cell),:host(.is-selected),:host(.is-selected)::part(checkbox-cell),:host(.is-selected) ::slotted(pds-table-cell){background:var(--color-background-interactive)}";
|
|
6635
|
-
var
|
|
6699
|
+
var PdsTableRowStyle1 = pdsTableRowCss;
|
|
6636
6700
|
|
|
6637
6701
|
class PdsTableRow {
|
|
6638
6702
|
constructor(hostRef) {
|
|
@@ -6681,10 +6745,10 @@ class PdsTableRow {
|
|
|
6681
6745
|
}
|
|
6682
6746
|
}
|
|
6683
6747
|
render() {
|
|
6684
|
-
return (hAsync(Host, { key: '
|
|
6748
|
+
return (hAsync(Host, { key: 'ccc46bba7ffde3633444f7108b0481eff6e43bb8', class: this.classNames(), role: "row" }, this.tableRef && this.tableRef.selectable && (hAsync("pds-table-cell", { key: '76743fa777e0d12ccb43579783ae4df4386c4b02', part: this.tableRef.fixedColumn ? 'checkbox-cell' : '', class: this.tableRef.selectable ? 'has-checkbox' : '' }, hAsync("pds-checkbox", { key: '484056e443407c4250098b021484608a4da84f48', componentId: this.generateUniqueId(), onClick: this.handleClick, indeterminate: this.indeterminate, label: "Select Row", labelHidden: true, checked: this.isSelected }))), hAsync("slot", { key: '349559a00f291841f7073e6259eb9cffa3a445fd' })));
|
|
6685
6749
|
}
|
|
6686
6750
|
get hostElement() { return getElement(this); }
|
|
6687
|
-
static get style() { return PdsTableRowStyle0; }
|
|
6751
|
+
static get style() { return PdsTableRowStyle0 + PdsTableRowStyle1; }
|
|
6688
6752
|
static get cmpMeta() { return {
|
|
6689
6753
|
"$flags$": 9,
|
|
6690
6754
|
"$tagName$": "pds-table-row",
|
|
@@ -6729,8 +6793,11 @@ class PdsTabpanel {
|
|
|
6729
6793
|
}; }
|
|
6730
6794
|
}
|
|
6731
6795
|
|
|
6796
|
+
const baseCss$2 = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
6797
|
+
var PdsTabsStyle0 = baseCss$2;
|
|
6798
|
+
|
|
6732
6799
|
const pdsTabsCss = ":host{--spacing-panel-margin-top:0;--spacing-panel-padding:0;--outline:2px solid var(--pine-color-blue-200);--spacing-gap-availability:var(--pine-spacing-100);--spacing-gap-default:var(--pine-spacing-300);--spacing-gap-filter:var(--pine-spacing-200);display:block}.pds-tabs__tablist{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--spacing-gap-default)}:host(.pds-tabs--availability) .pds-tabs__tablist{gap:var(--spacing-gap-availability)}:host(.pds-tabs--filter) .pds-tabs__tablist{gap:var(--spacing-gap-filter)}";
|
|
6733
|
-
var
|
|
6800
|
+
var PdsTabsStyle1 = pdsTabsCss;
|
|
6734
6801
|
|
|
6735
6802
|
/**
|
|
6736
6803
|
* @slot tabs - Content is placed within the `div[role="tablist"]` element as children
|
|
@@ -6817,10 +6884,10 @@ class PdsTabs {
|
|
|
6817
6884
|
this.passPropsToChildren();
|
|
6818
6885
|
}
|
|
6819
6886
|
render() {
|
|
6820
|
-
return (hAsync(Host, { key: '
|
|
6887
|
+
return (hAsync(Host, { key: '590f66c80be5b92b015e6499ee60bef965bbaa1e', "active-tab-name": this.activeTabName, class: this.classNames(), id: this.componentId }, hAsync("div", { key: '7251690cd8b8ac1425763212883c98826d15fed1', class: "pds-tabs__tablist", role: "tablist", "aria-label": this.tablistLabel }, hAsync("slot", { key: 'd07a6f7b621309db9cd7169184c8e7ae0b3b981f', name: "tabs" })), hAsync("slot", { key: 'dcc5b2ea9bdf45f33d3cb2b0a75fa4a2885ec00b', name: "tabpanels" })));
|
|
6821
6888
|
}
|
|
6822
6889
|
get el() { return getElement(this); }
|
|
6823
|
-
static get style() { return PdsTabsStyle0; }
|
|
6890
|
+
static get style() { return PdsTabsStyle0 + PdsTabsStyle1; }
|
|
6824
6891
|
static get cmpMeta() { return {
|
|
6825
6892
|
"$flags$": 9,
|
|
6826
6893
|
"$tagName$": "pds-tabs",
|
|
@@ -6837,8 +6904,11 @@ class PdsTabs {
|
|
|
6837
6904
|
}; }
|
|
6838
6905
|
}
|
|
6839
6906
|
|
|
6907
|
+
const baseCss$1 = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
6908
|
+
var PdsTextareaStyle0 = baseCss$1;
|
|
6909
|
+
|
|
6840
6910
|
const pdsTextareaCss = ":host{--border-interactive-default:var(--pine-border-width-thin) solid var(--pine-color-grey-400);--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--color-focus-visible-outline);--box-shadow-focus-error:0 0 0 1px #ffffff, 0 0 0 3px var(--color-focus-visible-outline-error);--color:var(--pine-color-grey-900);--color-background:var(--pine-color-white);--color-background-disabled:var(--pine-color-grey-200);--color-border-default:var(--pine-color-grey-400);--color-border-error:var(--pine-color-red-300);--color-border-focus-visible:var(--pine-color-grey-300);--color-border-hover:var(--pine-color-grey-500);--color-disabled-default:var(--pine-color-grey-700);--color-error-default:var(--pine-color-red-300);--color-focus-visible-outline:var(--pine-color-purple-300);--color-focus-visible-outline-error:var(--pine-color-red-200);--color-placeholder-default:var(--pine-color-grey-700);--font-size-field:var(--pine-font-size-100);--font-size-helper-message:var(--pine-font-size-100);--font-size-label:var(--pine-font-size-100);--font-weight-field:var(--pine-font-weight-normal);--font-weight-helper-message:var(--pine-font-weight-normal);--font-weight-label:var(--pine-font-weight-medium);--line-height-field:var(--pine-line-height-150);--line-height-helper-message:var(--pine-line-height-125);--line-height-label:var(--pine-line-height-150);--spacing-margin-block-end-label:var(--pine-spacing-100);--spacing-margin-block-start-helper-message:var(--pine-spacing-100);--spacing-padding-block-field:var(--pine-spacing-100);--spacing-padding-inline-field:var(--pine-spacing-200);display:inline}.pds-textarea{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}label{display:block;font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);-webkit-margin-after:var(--spacing-margin-block-end-label);margin-block-end:var(--spacing-margin-block-end-label)}.pds-textarea__field{background-color:var(--color-background);border:1px solid var(--color-border-default);border-radius:var(--pine-border-radius-100);font-family:inherit;font-size:var(--font-size-field);font-weight:var(--font-weight-field);line-height:var(--line-height-field);padding:var(--spacing-padding-block-field) var(--spacing-padding-inline-field)}.pds-textarea__field:hover:not(:disabled,.is-invalid){border-color:var(--color-border-hover)}.pds-textarea__field:disabled{background-color:var(--color-background-disabled);color:var(--color-disabled-default);cursor:not-allowed}.pds-textarea__field:focus-visible{-webkit-box-shadow:var(--box-shadow-focus);box-shadow:var(--box-shadow-focus);outline:none}.pds-textarea__field::-webkit-input-placeholder{color:var(--color-placeholder-default)}.pds-textarea__field::-moz-placeholder{color:var(--color-placeholder-default)}.pds-textarea__field:-ms-input-placeholder{color:var(--color-placeholder-default)}.pds-textarea__field::-ms-input-placeholder{color:var(--color-placeholder-default)}.pds-textarea__field::placeholder{color:var(--color-placeholder-default)}.pds-textarea__field.is-invalid{border-color:var(--color-border-error)}.pds-textarea__field.is-invalid:focus-visible{-webkit-box-shadow:var(--box-shadow-focus-error);box-shadow:var(--box-shadow-focus-error)}.pds-textarea__error-message,.pds-textarea__helper-message{font-size:var(--font-size-helper-message);font-weight:var(--font-weight-helper-message);line-height:var(--line-height-helper-message);-webkit-margin-before:var(--spacing-margin-block-start-helper-message);margin-block-start:var(--spacing-margin-block-start-helper-message)}.pds-textarea__error-message{color:var(--color-error-default)}";
|
|
6841
|
-
var
|
|
6911
|
+
var PdsTextareaStyle1 = pdsTextareaCss;
|
|
6842
6912
|
|
|
6843
6913
|
class PdsTextarea {
|
|
6844
6914
|
constructor(hostRef) {
|
|
@@ -6873,13 +6943,13 @@ class PdsTextarea {
|
|
|
6873
6943
|
return classNames.join(' ');
|
|
6874
6944
|
}
|
|
6875
6945
|
render() {
|
|
6876
|
-
return (hAsync(Host, { key: '
|
|
6877
|
-
hAsync(PdsLabel, { key: '
|
|
6878
|
-
hAsync("p", { key: '
|
|
6879
|
-
hAsync("p", { key: '
|
|
6946
|
+
return (hAsync(Host, { key: '178de49f01c711145054009b42828b846b7670b9', "aria-disabled": this.disabled ? 'true' : null }, hAsync("div", { key: 'b62cfd1551b4923990b2b806a9ad07755b82a2a4', class: "pds-textarea" }, this.label &&
|
|
6947
|
+
hAsync(PdsLabel, { key: '3a5990ac49ad3367d3f59dd8ff6e986920ccccc5', htmlFor: this.componentId, text: this.label }), hAsync("textarea", { key: 'e27ff5eb4350be9a1c2351ccda578588241e85d7', "aria-describedby": assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, class: this.textareaClassNames(), disabled: this.disabled, id: this.componentId, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, rows: this.rows, onChange: this.onTextareaChange }, this.value), this.helperMessage &&
|
|
6948
|
+
hAsync("p", { key: '71e4839681208e2a11e79d0a9e3d1542da566dcf', class: "pds-textarea__helper-message", id: messageId(this.componentId, 'helper') }, this.helperMessage), this.invalid &&
|
|
6949
|
+
hAsync("p", { key: '64de96c3dcf76d0e1d888f9e88f4bec66138010d', "aria-live": "assertive", class: "pds-textarea__error-message", id: messageId(this.componentId, 'error') }, this.errorMessage))));
|
|
6880
6950
|
}
|
|
6881
6951
|
get el() { return getElement(this); }
|
|
6882
|
-
static get style() { return PdsTextareaStyle0; }
|
|
6952
|
+
static get style() { return PdsTextareaStyle0 + PdsTextareaStyle1; }
|
|
6883
6953
|
static get cmpMeta() { return {
|
|
6884
6954
|
"$flags$": 9,
|
|
6885
6955
|
"$tagName$": "pds-textarea",
|
|
@@ -6971,8 +7041,11 @@ const positionTooltip = ({ elem, elemPlacement, overlay, offset = 8 }) => {
|
|
|
6971
7041
|
}
|
|
6972
7042
|
};
|
|
6973
7043
|
|
|
7044
|
+
const baseCss = ":where(*:not(slot),*:not(slot)::before,*:not(slot)::after){-webkit-box-sizing:border-box;box-sizing:border-box}:where(*:not(slot)){margin:0}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(input,button,textarea,select){font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(a:not([href]):not([class])){color:currentColor;text-decoration:none}:where(a:not([href]):not([class]):hover){color:currentColor;text-decoration:none}:where(ul[role=list],ol[role=list]){list-style:none}:where(table){border-collapse:collapse;border-spacing:0}:where(*:not(slot)){font-family:var(--pine-font-family-body), -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Ubuntu\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"}:where(h1,h2,h3,h4,h5,h6){font-family:var(--pine-font-family-heading);color:var(--pine-color-grey-950)}:where(h1){font:var(--pine-typography-heading-h1);letter-spacing:var(--pine-letter-spacing-heading-h1)}:where(h2){font:var(--pine-typography-heading-h2);letter-spacing:var(--pine-letter-spacing-heading-h2)}:where(h3){font:var(--pine-typography-heading-h3);letter-spacing:var(--pine-letter-spacing-heading-h3)}:where(h4){font:var(--pine-typography-heading-h4);letter-spacing:var(--pine-letter-spacing-heading-h4)}:where(h5){font:var(--pine-typography-heading-h5);letter-spacing:var(--pine-letter-spacing-heading-h5)}:where(h6){font:var(--pine-typography-heading-h6);letter-spacing:var(--pine-letter-spacing-heading-h6)}:where(p){font:var(--pine-typography-body-md-default);letter-spacing:var(--pine-letter-spacing-body-md)}:where(code,kbd,pre,samp){font-family:monospace}:where([role=button]){cursor:pointer}:where(:focus){outline:0}:where(:focus-visible){outline:var(--pine-border-width-thick) solid var(--pine-color-purple-500)}:where([hidden]){display:none !important}";
|
|
7045
|
+
var PdsTooltipStyle0 = baseCss;
|
|
7046
|
+
|
|
6974
7047
|
const pdsTooltipCss = ":host{--border-radius-overlay:var(--pine-border-radius-125);--border-width-arrow-down:var(--sizing-arrow-default) var(--sizing-arrow-default) 0;--border-width-arrow-left:var(--sizing-arrow-default) var(--sizing-arrow-default) var(--sizing-arrow-default) 0;--border-width-arrow-right:var(--sizing-arrow-default) 0 var(--sizing-arrow-default) var(--sizing-arrow-default);--border-width-arrow-up:0 var(--sizing-arrow-default) var(--sizing-arrow-default);--box-shadow-default:var(--pine-box-shadow-200);--color-background-default:var(--pine-color-grey-900);--color-text-default:var(--pine-color-white);--font-size-overlay:var(--pine-font-size-085);--line-height-overlay:var(--pine-line-height-125);--sizing-arrow-default:6px;--sizing-arrow-offset:14px;--sizing-width-default:320px;--spacing-padding-overlay:var(--pine-spacing-100) calc(var(--pine-spacing-300) / 2);display:inline-block;position:relative}:host ::slotted(*){display:-ms-flexbox;display:flex}:host ::slotted([slot=content]){display:block;white-space:normal;width:var(--sizing-width-default)}.pds-tooltip__content{background-color:var(--color-background-default);border-radius:var(--border-radius-overlay);-webkit-box-shadow:var(--box-shadow-default);box-shadow:var(--box-shadow-default);color:var(--color-text-default);font-size:var(--font-size-overlay);line-height:var(--line-height-overlay);opacity:0;padding:var(--spacing-padding-overlay);position:absolute;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content}.pds-tooltip--is-open .pds-tooltip__content{opacity:1;visibility:visible;z-index:1}:host(.pds-tooltip--has-html-content) .pds-tooltip__content{width:auto}.pds-tooltip__content::after{border-color:transparent;border-right-color:transparent;border-style:solid;border-width:var(--border-width-arrow-left);content:\"\";height:0;position:absolute;width:0}.pds-tooltip--right .pds-tooltip__content::after{border-inline-end-color:var(--color-background-default);border-width:var(--border-width-arrow-left);left:calc(var(--sizing-arrow-default) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--right-end .pds-tooltip__content::after{border-inline-end-color:var(--color-background-default);border-width:var(--border-width-arrow-left);bottom:var(--sizing-arrow-offset);left:calc(var(--sizing-arrow-default) * -1);top:initial}.pds-tooltip--right-start .pds-tooltip__content::after{border-inline-end-color:var(--color-background-default);border-width:var(--border-width-arrow-left);left:calc(var(--sizing-arrow-default) * -1);top:var(--sizing-arrow-offset)}.pds-tooltip--top .pds-tooltip__content::after{border-block-start-color:var(--color-background-default);border-width:var(--border-width-arrow-down);bottom:calc(var(--sizing-arrow-default) * -1);left:50%;top:initial;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--top-start .pds-tooltip__content::after{border-block-start-color:var(--color-background-default);border-width:var(--border-width-arrow-down);bottom:calc(var(--sizing-arrow-default) * -1);left:var(--sizing-arrow-offset);top:initial}.pds-tooltip--top-end .pds-tooltip__content::after{border-block-start-color:var(--color-background-default);border-width:var(--border-width-arrow-down);bottom:calc(var(--sizing-arrow-default) * -1);left:initial;right:var(--sizing-arrow-offset);top:initial}.pds-tooltip--left .pds-tooltip__content::after{border-inline-start-color:var(--color-background-default);border-width:var(--border-width-arrow-right);left:initial;right:calc(var(--sizing-arrow-default) * -1);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pds-tooltip--left-end .pds-tooltip__content::after{border-inline-start-color:var(--color-background-default);border-width:var(--border-width-arrow-right);bottom:var(--sizing-arrow-offset);left:initial;right:calc(var(--sizing-arrow-default) * -1);top:initial}.pds-tooltip--left-start .pds-tooltip__content::after{border-inline-start-color:var(--color-background-default);border-width:var(--border-width-arrow-right);left:initial;right:calc(var(--sizing-arrow-default) * -1);top:var(--sizing-arrow-offset)}.pds-tooltip--bottom .pds-tooltip__content::after{border-block-end-color:var(--color-background-default);border-width:var(--border-width-arrow-up);left:50%;top:calc(var(--sizing-arrow-default) * -1);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pds-tooltip--bottom-end .pds-tooltip__content::after{border-block-end-color:var(--color-background-default);border-width:var(--border-width-arrow-up);left:initial;right:var(--sizing-arrow-offset);top:calc(var(--sizing-arrow-default) * -1)}.pds-tooltip--bottom-start .pds-tooltip__content::after{border-block-end-color:var(--color-background-default);border-width:var(--border-width-arrow-up);left:var(--sizing-arrow-offset);top:calc(var(--sizing-arrow-default) * -1)}.pds-tooltip--no-arrow .pds-tooltip__content::after{border-width:0}";
|
|
6975
|
-
var
|
|
7048
|
+
var PdsTooltipStyle1 = pdsTooltipCss;
|
|
6976
7049
|
|
|
6977
7050
|
/**
|
|
6978
7051
|
* @slot (default) - The tooltip's target element
|
|
@@ -7035,19 +7108,19 @@ class PdsTooltip {
|
|
|
7035
7108
|
this.opened = false;
|
|
7036
7109
|
}
|
|
7037
7110
|
render() {
|
|
7038
|
-
return (hAsync(Host, { key: '
|
|
7111
|
+
return (hAsync(Host, { key: '2d8f8962d48885ba08942be77017a4935ddd2e22', onMouseEnter: this.handleShow, onMouseLeave: this.handleHide, onFocusin: this.handleShow, onFocusout: this.handleHide }, hAsync("div", { key: '532fcea8cc64b97257ee44f7513d24ae6369bc80', class: `
|
|
7039
7112
|
pds-tooltip
|
|
7040
7113
|
pds-tooltip--${this.placement}
|
|
7041
7114
|
${this.htmlContent ? 'pds-tooltip--has-html-content' : ''}
|
|
7042
7115
|
${this.opened ? 'pds-tooltip--is-open' : ''}
|
|
7043
7116
|
${this.hasArrow ? '' : 'pds-tooltip--no-arrow'}
|
|
7044
|
-
` }, hAsync("span", { key: '
|
|
7117
|
+
` }, hAsync("span", { key: 'aeebff67bb54044f6c929b3da664c8b5185d34bb', "aria-describedby": this.componentId, class: "pds-tooltip__trigger" }, hAsync("slot", { key: '459356377503d70ca14d8fc52fc25ed989e9c54c' })), hAsync("div", { key: '29eab9bdfc2579d96ba66cce94ecf82b52c3e8a5', class: "pds-tooltip__content", "aria-hidden": this.opened ? 'false' : 'true', "aria-live": this.opened ? 'polite' : 'off', id: this.componentId, ref: (el) => (this.contentEl = el), role: "tooltip" }, hAsync("slot", { key: '33b625cdc333f23ad036a7623581e49b95ce23e7', name: "content" }), this.content))));
|
|
7045
7118
|
}
|
|
7046
7119
|
get el() { return getElement(this); }
|
|
7047
7120
|
static get watchers() { return {
|
|
7048
7121
|
"opened": ["handleOpenToggle"]
|
|
7049
7122
|
}; }
|
|
7050
|
-
static get style() { return PdsTooltipStyle0; }
|
|
7123
|
+
static get style() { return PdsTooltipStyle0 + PdsTooltipStyle1; }
|
|
7051
7124
|
static get cmpMeta() { return {
|
|
7052
7125
|
"$flags$": 9,
|
|
7053
7126
|
"$tagName$": "pds-tooltip",
|