@pine-ds/core 2.16.4 → 2.17.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/index2.js +1 -1
- package/components/index2.js.map +1 -1
- package/components/pds-box.js +11 -2
- package/components/pds-box.js.map +1 -1
- package/components/pds-button2.js +31 -8
- package/components/pds-button2.js.map +1 -1
- package/components/pds-checkbox2.js +3 -3
- package/components/pds-checkbox2.js.map +1 -1
- package/components/pds-chip.js +1 -1
- package/components/pds-copytext.js +2 -2
- package/components/pds-copytext.js.map +1 -1
- package/components/pds-divider.js +1 -1
- package/components/pds-image.js +3 -3
- package/components/pds-image.js.map +1 -1
- package/components/pds-input.js +4 -4
- package/components/pds-link.js +2 -2
- package/components/pds-loader2.js +1 -1
- package/components/pds-popover.js +1 -1
- package/components/pds-progress.js +1 -1
- package/components/pds-radio.js +3 -3
- package/components/pds-row.js +1 -1
- package/components/pds-select.js +2 -2
- package/components/pds-sortable-item.js +1 -1
- package/components/pds-sortable.js +1 -1
- package/components/pds-switch.js +3 -3
- package/components/pds-tab.js +3 -3
- package/components/pds-table-body.js +1 -1
- package/components/pds-table-cell2.js +2 -2
- package/components/pds-table-head-cell2.js +2 -2
- package/components/pds-table-head.js +1 -1
- package/components/pds-table-row.js +1 -1
- package/components/pds-table.js +1 -1
- package/components/pds-tabpanel.js +1 -1
- package/components/pds-tabs.js +1 -1
- package/components/pds-text.js +7 -3
- package/components/pds-text.js.map +1 -1
- package/components/pds-textarea.js +4 -4
- package/components/pds-tooltip.js +2 -2
- package/dist/cjs/{index-603f98cb.js → index-6a0fbd28.js} +2 -2
- package/dist/cjs/{index-603f98cb.js.map → index-6a0fbd28.js.map} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/pds-accordion.cjs.entry.js +1 -1
- package/dist/cjs/pds-avatar.cjs.entry.js +1 -1
- package/dist/cjs/pds-box.cjs.entry.js +8 -2
- package/dist/cjs/pds-box.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-button.cjs.entry.js +28 -8
- package/dist/cjs/pds-button.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-checkbox.cjs.entry.js +4 -4
- package/dist/cjs/pds-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-chip.cjs.entry.js +2 -2
- package/dist/cjs/pds-copytext.cjs.entry.js +3 -3
- package/dist/cjs/pds-copytext.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-divider.cjs.entry.js +1 -1
- package/dist/cjs/pds-image.cjs.entry.js +3 -3
- package/dist/cjs/pds-image.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-input.cjs.entry.js +5 -5
- package/dist/cjs/pds-link.cjs.entry.js +3 -3
- package/dist/cjs/pds-loader.cjs.entry.js +1 -1
- package/dist/cjs/pds-popover.cjs.entry.js +1 -1
- package/dist/cjs/pds-progress.cjs.entry.js +1 -1
- package/dist/cjs/pds-radio.cjs.entry.js +4 -4
- package/dist/cjs/pds-row.cjs.entry.js +1 -1
- package/dist/cjs/pds-select.cjs.entry.js +3 -3
- package/dist/cjs/pds-sortable-item.cjs.entry.js +2 -2
- package/dist/cjs/pds-sortable.cjs.entry.js +1 -1
- package/dist/cjs/pds-switch.cjs.entry.js +4 -4
- package/dist/cjs/pds-tab.cjs.entry.js +3 -3
- package/dist/cjs/pds-table-body.cjs.entry.js +1 -1
- package/dist/cjs/pds-table-cell.cjs.entry.js +2 -2
- package/dist/cjs/pds-table-head-cell.cjs.entry.js +3 -3
- package/dist/cjs/pds-table-head.cjs.entry.js +1 -1
- package/dist/cjs/pds-table-row.cjs.entry.js +1 -1
- package/dist/cjs/pds-table.cjs.entry.js +1 -1
- package/dist/cjs/pds-tabpanel.cjs.entry.js +1 -1
- package/dist/cjs/pds-tabs.cjs.entry.js +1 -1
- package/dist/cjs/pds-text.cjs.entry.js +4 -2
- package/dist/cjs/pds-text.cjs.entry.js.map +1 -1
- package/dist/cjs/pds-textarea.cjs.entry.js +5 -5
- package/dist/cjs/pds-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/pine-core.cjs.js +1 -1
- package/dist/collection/components/pds-box/pds-box.css +92 -0
- package/dist/collection/components/pds-box/pds-box.js +80 -2
- package/dist/collection/components/pds-box/pds-box.js.map +1 -1
- package/dist/collection/components/pds-box/stories/pds-box.stories.js +3 -0
- package/dist/collection/components/pds-button/pds-button.css +45 -1
- package/dist/collection/components/pds-button/pds-button.js +86 -12
- package/dist/collection/components/pds-button/pds-button.js.map +1 -1
- package/dist/collection/components/pds-button/stories/pds-button.stories.js +46 -11
- package/dist/collection/components/pds-checkbox/pds-checkbox.js +3 -3
- package/dist/collection/components/pds-checkbox/pds-checkbox.js.map +1 -1
- package/dist/collection/components/pds-chip/pds-chip.js +1 -1
- package/dist/collection/components/pds-copytext/pds-copytext.css +10 -13
- package/dist/collection/components/pds-copytext/pds-copytext.js +1 -1
- package/dist/collection/components/pds-divider/pds-divider.js +1 -1
- package/dist/collection/components/pds-image/pds-image.css +3 -0
- package/dist/collection/components/pds-image/pds-image.js +2 -2
- package/dist/collection/components/pds-input/pds-input.js +4 -4
- package/dist/collection/components/pds-link/pds-link.js +2 -2
- package/dist/collection/components/pds-loader/pds-loader.js +1 -1
- package/dist/collection/components/pds-popover/pds-popover.js +1 -1
- package/dist/collection/components/pds-progress/pds-progress.js +1 -1
- package/dist/collection/components/pds-radio/pds-radio.js +3 -3
- package/dist/collection/components/pds-row/pds-row.js +1 -1
- package/dist/collection/components/pds-select/pds-select.js +2 -2
- package/dist/collection/components/pds-sortable/pds-sortable-item/pds-sortable-item.js +1 -1
- package/dist/collection/components/pds-sortable/pds-sortable.js +1 -1
- package/dist/collection/components/pds-switch/pds-switch.js +3 -3
- package/dist/collection/components/pds-table/pds-table-body/pds-table-body.js +1 -1
- package/dist/collection/components/pds-table/pds-table-cell/pds-table-cell.js +2 -2
- package/dist/collection/components/pds-table/pds-table-head/pds-table-head.js +1 -1
- package/dist/collection/components/pds-table/pds-table-head-cell/pds-table-head-cell.js +2 -2
- package/dist/collection/components/pds-table/pds-table-row/pds-table-row.js +1 -1
- package/dist/collection/components/pds-table/pds-table.js +1 -1
- package/dist/collection/components/pds-tabs/pds-tab/pds-tab.js +3 -3
- package/dist/collection/components/pds-tabs/pds-tabpanel/pds-tabpanel.js +1 -1
- package/dist/collection/components/pds-tabs/pds-tabs.js +1 -1
- package/dist/collection/components/pds-text/pds-text.css +31 -7
- package/dist/collection/components/pds-text/pds-text.js +39 -3
- package/dist/collection/components/pds-text/pds-text.js.map +1 -1
- package/dist/collection/components/pds-textarea/pds-textarea.js +4 -4
- package/dist/collection/components/pds-tooltip/pds-tooltip.js +2 -2
- package/dist/docs.json +330 -6
- package/dist/esm/{index-858623fe.js → index-24f87b75.js} +2 -2
- package/dist/esm/{index-858623fe.js.map → index-24f87b75.js.map} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/pds-accordion.entry.js +1 -1
- package/dist/esm/pds-avatar.entry.js +1 -1
- package/dist/esm/pds-box.entry.js +8 -2
- package/dist/esm/pds-box.entry.js.map +1 -1
- package/dist/esm/pds-button.entry.js +28 -8
- package/dist/esm/pds-button.entry.js.map +1 -1
- package/dist/esm/pds-checkbox.entry.js +4 -4
- package/dist/esm/pds-checkbox.entry.js.map +1 -1
- package/dist/esm/pds-chip.entry.js +2 -2
- package/dist/esm/pds-copytext.entry.js +3 -3
- package/dist/esm/pds-copytext.entry.js.map +1 -1
- package/dist/esm/pds-divider.entry.js +1 -1
- package/dist/esm/pds-image.entry.js +3 -3
- package/dist/esm/pds-image.entry.js.map +1 -1
- package/dist/esm/pds-input.entry.js +5 -5
- package/dist/esm/pds-link.entry.js +3 -3
- package/dist/esm/pds-loader.entry.js +1 -1
- package/dist/esm/pds-popover.entry.js +1 -1
- package/dist/esm/pds-progress.entry.js +1 -1
- package/dist/esm/pds-radio.entry.js +4 -4
- package/dist/esm/pds-row.entry.js +1 -1
- package/dist/esm/pds-select.entry.js +3 -3
- package/dist/esm/pds-sortable-item.entry.js +2 -2
- package/dist/esm/pds-sortable.entry.js +1 -1
- package/dist/esm/pds-switch.entry.js +4 -4
- package/dist/esm/pds-tab.entry.js +3 -3
- package/dist/esm/pds-table-body.entry.js +1 -1
- package/dist/esm/pds-table-cell.entry.js +2 -2
- package/dist/esm/pds-table-head-cell.entry.js +3 -3
- package/dist/esm/pds-table-head.entry.js +1 -1
- package/dist/esm/pds-table-row.entry.js +1 -1
- package/dist/esm/pds-table.entry.js +1 -1
- package/dist/esm/pds-tabpanel.entry.js +1 -1
- package/dist/esm/pds-tabs.entry.js +1 -1
- package/dist/esm/pds-text.entry.js +4 -2
- package/dist/esm/pds-text.entry.js.map +1 -1
- package/dist/esm/pds-textarea.entry.js +5 -5
- package/dist/esm/pds-tooltip.entry.js +2 -2
- package/dist/esm/pine-core.js +1 -1
- package/dist/esm-es5/{index-858623fe.js → index-24f87b75.js} +1 -1
- package/dist/{pine-core/p-2f60d558.js.map → esm-es5/index-24f87b75.js.map} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/loader.js.map +1 -1
- package/dist/esm-es5/pds-accordion.entry.js +1 -1
- package/dist/esm-es5/pds-avatar.entry.js +1 -1
- package/dist/esm-es5/pds-box.entry.js +1 -1
- package/dist/esm-es5/pds-box.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-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-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-link.entry.js +1 -1
- package/dist/esm-es5/pds-loader.entry.js +1 -1
- package/dist/esm-es5/pds-popover.entry.js +1 -1
- package/dist/esm-es5/pds-progress.entry.js +1 -1
- package/dist/esm-es5/pds-radio.entry.js +1 -1
- package/dist/esm-es5/pds-row.entry.js +1 -1
- package/dist/esm-es5/pds-select.entry.js +1 -1
- package/dist/esm-es5/pds-sortable-item.entry.js +1 -1
- package/dist/esm-es5/pds-sortable.entry.js +1 -1
- package/dist/esm-es5/pds-switch.entry.js +1 -1
- package/dist/esm-es5/pds-tab.entry.js +1 -1
- package/dist/esm-es5/pds-table-body.entry.js +1 -1
- package/dist/esm-es5/pds-table-cell.entry.js +1 -1
- package/dist/esm-es5/pds-table-head-cell.entry.js +1 -1
- package/dist/esm-es5/pds-table-head.entry.js +1 -1
- package/dist/esm-es5/pds-table-row.entry.js +1 -1
- package/dist/esm-es5/pds-table.entry.js +1 -1
- package/dist/esm-es5/pds-tabpanel.entry.js +1 -1
- package/dist/esm-es5/pds-tabs.entry.js +1 -1
- package/dist/esm-es5/pds-text.entry.js +1 -1
- package/dist/esm-es5/pds-text.entry.js.map +1 -1
- package/dist/esm-es5/pds-textarea.entry.js +1 -1
- package/dist/esm-es5/pds-tooltip.entry.js +1 -1
- package/dist/esm-es5/pine-core.js +1 -1
- package/dist/esm-es5/pine-core.js.map +1 -1
- package/dist/pine-core/{p-0ad21851.entry.js → p-015d990e.entry.js} +2 -2
- package/dist/pine-core/{p-55cbb360.system.entry.js → p-036267ba.system.entry.js} +2 -2
- package/dist/pine-core/{p-61666500.system.entry.js → p-0561fe8b.system.entry.js} +2 -2
- package/dist/pine-core/p-0561fe8b.system.entry.js.map +1 -0
- package/dist/pine-core/{p-dba6ac9c.system.js → p-06709258.system.js} +1 -1
- package/dist/pine-core/{p-dba6ac9c.system.js.map → p-06709258.system.js.map} +1 -1
- package/dist/pine-core/{p-518f8204.entry.js → p-09a59e3d.entry.js} +2 -2
- package/dist/pine-core/{p-d92c8d63.system.entry.js → p-0eb5831a.system.entry.js} +2 -2
- package/dist/pine-core/{p-d266843a.system.entry.js → p-0fc74497.system.entry.js} +2 -2
- package/dist/pine-core/{p-137aebf6.system.entry.js → p-0fee04db.system.entry.js} +2 -2
- package/dist/pine-core/p-1415445b.entry.js +2 -0
- package/dist/pine-core/{p-910c4422.entry.js.map → p-1415445b.entry.js.map} +1 -1
- package/dist/pine-core/{p-3de0ec6c.system.entry.js → p-1528089a.system.entry.js} +2 -2
- package/dist/pine-core/{p-ce0efc2d.entry.js → p-1701a397.entry.js} +2 -2
- package/dist/pine-core/{p-bda9a6a0.entry.js → p-19fc96d9.entry.js} +2 -2
- package/dist/pine-core/p-19fc96d9.entry.js.map +1 -0
- package/dist/pine-core/{p-b95c0169.system.entry.js → p-1e4dfcdf.system.entry.js} +2 -2
- package/dist/pine-core/{p-5ab15bbc.entry.js → p-1e9f77d7.entry.js} +2 -2
- package/dist/pine-core/p-219de09d.entry.js +2 -0
- package/dist/pine-core/p-219de09d.entry.js.map +1 -0
- package/dist/pine-core/{p-d34b9adb.entry.js → p-22caef95.entry.js} +2 -2
- package/dist/pine-core/p-26e34f6d.system.entry.js +2 -0
- package/dist/pine-core/{p-72218979.system.entry.js → p-2ca6d9cc.system.entry.js} +2 -2
- package/dist/pine-core/{p-b566ad6b.entry.js → p-3ef3b0af.entry.js} +2 -2
- package/dist/pine-core/{p-b2163263.entry.js → p-415666ba.entry.js} +2 -2
- package/dist/pine-core/p-415666ba.entry.js.map +1 -0
- package/dist/pine-core/p-43a47d32.entry.js +2 -0
- package/dist/pine-core/{p-21dc34b7.system.entry.js → p-44b8ab50.system.entry.js} +2 -2
- package/dist/pine-core/{p-138ef0d8.entry.js → p-49d45f31.entry.js} +2 -2
- package/dist/pine-core/p-4b8c1ecc.entry.js +2 -0
- package/dist/pine-core/{p-13bc1706.entry.js.map → p-4b8c1ecc.entry.js.map} +1 -1
- package/dist/pine-core/{p-5d0c0241.entry.js → p-4f325521.entry.js} +2 -2
- package/dist/pine-core/p-5291e641.system.entry.js +2 -0
- package/dist/pine-core/p-5291e641.system.entry.js.map +1 -0
- package/dist/pine-core/{p-10caa9e9.system.entry.js → p-54d8b9e1.system.entry.js} +2 -2
- package/dist/pine-core/p-5c04aee0.system.js +1 -1
- package/dist/pine-core/p-5c04aee0.system.js.map +1 -1
- package/dist/pine-core/{p-b245df0a.system.entry.js → p-6165bcc6.system.entry.js} +2 -2
- package/dist/pine-core/{p-8afa0198.system.entry.js → p-61ac9c98.system.entry.js} +2 -2
- package/dist/pine-core/p-6929d7cb.system.entry.js +2 -0
- package/dist/pine-core/p-6929d7cb.system.entry.js.map +1 -0
- package/dist/pine-core/{p-c849426d.entry.js → p-6bc160fc.entry.js} +2 -2
- package/dist/pine-core/{p-0399a821.entry.js → p-6de82ebd.entry.js} +2 -2
- package/dist/pine-core/{p-2f60d558.js → p-6f5ded84.js} +1 -1
- package/dist/{esm-es5/index-858623fe.js.map → pine-core/p-6f5ded84.js.map} +1 -1
- package/dist/pine-core/{p-f70ebb08.system.entry.js → p-7594ef3d.system.entry.js} +2 -2
- package/dist/pine-core/p-7594ef3d.system.entry.js.map +1 -0
- package/dist/pine-core/{p-d8188c09.entry.js → p-7602617b.entry.js} +2 -2
- package/dist/pine-core/{p-fd3e2c23.system.entry.js → p-79dc91b9.system.entry.js} +2 -2
- package/dist/pine-core/p-7be96da6.system.entry.js +2 -0
- package/dist/pine-core/{p-c53f6513.entry.js → p-7c009a26.entry.js} +2 -2
- package/dist/pine-core/p-7c36d948.entry.js +2 -0
- package/dist/pine-core/{p-7cdcf66c.entry.js.map → p-7c36d948.entry.js.map} +1 -1
- package/dist/pine-core/{p-2f80836e.system.entry.js → p-80111ce1.system.entry.js} +2 -2
- package/dist/pine-core/{p-8b9e5fe5.entry.js → p-8148d557.entry.js} +2 -2
- package/dist/pine-core/{p-ee78b4c6.entry.js → p-8b454b50.entry.js} +2 -2
- package/dist/pine-core/{p-acf6cf26.system.entry.js → p-8d033c25.system.entry.js} +2 -2
- package/dist/pine-core/p-96df0855.entry.js +2 -0
- package/dist/pine-core/p-96df0855.entry.js.map +1 -0
- package/dist/pine-core/p-9b34d1b3.system.entry.js +2 -0
- package/dist/pine-core/p-9b34d1b3.system.entry.js.map +1 -0
- package/dist/pine-core/{p-7369f396.entry.js → p-a9212d32.entry.js} +2 -2
- package/dist/pine-core/p-ad6dbf39.system.entry.js +2 -0
- package/dist/pine-core/p-ad6dbf39.system.entry.js.map +1 -0
- package/dist/pine-core/{p-3f256ba6.entry.js → p-b60381ab.entry.js} +2 -2
- package/dist/pine-core/{p-0c68a8ea.system.entry.js → p-c49e6f45.system.entry.js} +2 -2
- package/dist/pine-core/{p-f099836d.entry.js → p-c7234372.entry.js} +2 -2
- package/dist/pine-core/{p-600b7640.system.entry.js → p-cb3b7c9e.system.entry.js} +2 -2
- package/dist/pine-core/{p-4158fa20.system.entry.js → p-cba861d7.system.entry.js} +2 -2
- package/dist/pine-core/{p-b20dd7d7.entry.js → p-d4dff9ff.entry.js} +2 -2
- package/dist/pine-core/p-d795f31b.entry.js +2 -0
- package/dist/pine-core/p-d795f31b.entry.js.map +1 -0
- package/dist/pine-core/{p-c20bc538.system.entry.js → p-e6b357c6.system.entry.js} +2 -2
- package/dist/pine-core/{p-2583c14d.entry.js → p-e73b841b.entry.js} +2 -2
- package/dist/pine-core/{p-b6dfd404.system.entry.js → p-e7af9dcc.system.entry.js} +2 -2
- package/dist/pine-core/{p-b492ea28.system.entry.js → p-e8d3ab88.system.entry.js} +2 -2
- package/dist/pine-core/p-e9b57c23.entry.js +2 -0
- package/dist/pine-core/p-e9b57c23.entry.js.map +1 -0
- package/dist/pine-core/{p-89fd4ca2.entry.js → p-eb22ed9a.entry.js} +2 -2
- package/dist/pine-core/{p-77d8e9fc.entry.js → p-ee1d23e4.entry.js} +2 -2
- package/dist/pine-core/{p-04fb06cd.system.entry.js → p-eefcdc9c.system.entry.js} +2 -2
- package/dist/pine-core/{p-a924b8a6.system.entry.js → p-f3632692.system.entry.js} +2 -2
- package/dist/pine-core/{p-e45ee7bb.entry.js → p-f3fe7aec.entry.js} +2 -2
- package/dist/pine-core/{p-a020513a.system.entry.js → p-f5efebb0.system.entry.js} +2 -2
- package/dist/pine-core/{p-03e4027f.system.entry.js → p-fab101f5.system.entry.js} +2 -2
- package/dist/pine-core/pine-core.esm.js +1 -1
- package/dist/pine-core/pine-core.esm.js.map +1 -1
- package/dist/pine-core/svg/logo-facebook-round.svg +1 -1
- package/dist/pine-core/svg/logo-facebook.svg +1 -1
- package/dist/pine-core/svg/logo-tiktok.svg +1 -1
- package/dist/types/components/pds-box/pds-box.d.ts +16 -1
- package/dist/types/components/pds-button/pds-button.d.ts +19 -4
- package/dist/types/components/pds-text/pds-text.d.ts +9 -1
- package/dist/types/components.d.ts +88 -6
- package/hydrate/index.js +101 -63
- package/hydrate/index.mjs +101 -63
- package/package.json +2 -2
- package/dist/pine-core/p-13bc1706.entry.js +0 -2
- package/dist/pine-core/p-21c441f2.system.entry.js +0 -2
- package/dist/pine-core/p-21c441f2.system.entry.js.map +0 -1
- package/dist/pine-core/p-546c2b18.entry.js +0 -2
- package/dist/pine-core/p-546c2b18.entry.js.map +0 -1
- package/dist/pine-core/p-5dd93828.system.entry.js +0 -2
- package/dist/pine-core/p-61666500.system.entry.js.map +0 -1
- package/dist/pine-core/p-61cf32c6.entry.js +0 -2
- package/dist/pine-core/p-61cf32c6.entry.js.map +0 -1
- package/dist/pine-core/p-6bba1784.system.entry.js +0 -2
- package/dist/pine-core/p-6bba1784.system.entry.js.map +0 -1
- package/dist/pine-core/p-7cdcf66c.entry.js +0 -2
- package/dist/pine-core/p-8b3d405b.entry.js +0 -2
- package/dist/pine-core/p-8b3d405b.entry.js.map +0 -1
- package/dist/pine-core/p-910c4422.entry.js +0 -2
- package/dist/pine-core/p-9b2cacf1.entry.js +0 -2
- package/dist/pine-core/p-9b2cacf1.entry.js.map +0 -1
- package/dist/pine-core/p-b2163263.entry.js.map +0 -1
- package/dist/pine-core/p-bda9a6a0.entry.js.map +0 -1
- package/dist/pine-core/p-bf55e42e.system.entry.js +0 -2
- package/dist/pine-core/p-e19d9edd.entry.js +0 -2
- package/dist/pine-core/p-f70ebb08.system.entry.js.map +0 -1
- package/dist/pine-core/p-fad3645f.system.entry.js +0 -2
- package/dist/pine-core/p-fad3645f.system.entry.js.map +0 -1
- package/dist/pine-core/p-fe70473e.system.entry.js +0 -2
- package/dist/pine-core/p-fe70473e.system.entry.js.map +0 -1
- /package/dist/pine-core/{p-0ad21851.entry.js.map → p-015d990e.entry.js.map} +0 -0
- /package/dist/pine-core/{p-55cbb360.system.entry.js.map → p-036267ba.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-518f8204.entry.js.map → p-09a59e3d.entry.js.map} +0 -0
- /package/dist/pine-core/{p-d92c8d63.system.entry.js.map → p-0eb5831a.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-d266843a.system.entry.js.map → p-0fc74497.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-137aebf6.system.entry.js.map → p-0fee04db.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-3de0ec6c.system.entry.js.map → p-1528089a.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-ce0efc2d.entry.js.map → p-1701a397.entry.js.map} +0 -0
- /package/dist/pine-core/{p-b95c0169.system.entry.js.map → p-1e4dfcdf.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-5ab15bbc.entry.js.map → p-1e9f77d7.entry.js.map} +0 -0
- /package/dist/pine-core/{p-d34b9adb.entry.js.map → p-22caef95.entry.js.map} +0 -0
- /package/dist/pine-core/{p-bf55e42e.system.entry.js.map → p-26e34f6d.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-72218979.system.entry.js.map → p-2ca6d9cc.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-b566ad6b.entry.js.map → p-3ef3b0af.entry.js.map} +0 -0
- /package/dist/pine-core/{p-e19d9edd.entry.js.map → p-43a47d32.entry.js.map} +0 -0
- /package/dist/pine-core/{p-21dc34b7.system.entry.js.map → p-44b8ab50.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-138ef0d8.entry.js.map → p-49d45f31.entry.js.map} +0 -0
- /package/dist/pine-core/{p-5d0c0241.entry.js.map → p-4f325521.entry.js.map} +0 -0
- /package/dist/pine-core/{p-10caa9e9.system.entry.js.map → p-54d8b9e1.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-b245df0a.system.entry.js.map → p-6165bcc6.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-8afa0198.system.entry.js.map → p-61ac9c98.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-c849426d.entry.js.map → p-6bc160fc.entry.js.map} +0 -0
- /package/dist/pine-core/{p-0399a821.entry.js.map → p-6de82ebd.entry.js.map} +0 -0
- /package/dist/pine-core/{p-d8188c09.entry.js.map → p-7602617b.entry.js.map} +0 -0
- /package/dist/pine-core/{p-fd3e2c23.system.entry.js.map → p-79dc91b9.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-5dd93828.system.entry.js.map → p-7be96da6.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-c53f6513.entry.js.map → p-7c009a26.entry.js.map} +0 -0
- /package/dist/pine-core/{p-2f80836e.system.entry.js.map → p-80111ce1.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-8b9e5fe5.entry.js.map → p-8148d557.entry.js.map} +0 -0
- /package/dist/pine-core/{p-ee78b4c6.entry.js.map → p-8b454b50.entry.js.map} +0 -0
- /package/dist/pine-core/{p-acf6cf26.system.entry.js.map → p-8d033c25.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-7369f396.entry.js.map → p-a9212d32.entry.js.map} +0 -0
- /package/dist/pine-core/{p-3f256ba6.entry.js.map → p-b60381ab.entry.js.map} +0 -0
- /package/dist/pine-core/{p-0c68a8ea.system.entry.js.map → p-c49e6f45.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-f099836d.entry.js.map → p-c7234372.entry.js.map} +0 -0
- /package/dist/pine-core/{p-600b7640.system.entry.js.map → p-cb3b7c9e.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-4158fa20.system.entry.js.map → p-cba861d7.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-b20dd7d7.entry.js.map → p-d4dff9ff.entry.js.map} +0 -0
- /package/dist/pine-core/{p-c20bc538.system.entry.js.map → p-e6b357c6.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-2583c14d.entry.js.map → p-e73b841b.entry.js.map} +0 -0
- /package/dist/pine-core/{p-b6dfd404.system.entry.js.map → p-e7af9dcc.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-b492ea28.system.entry.js.map → p-e8d3ab88.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-89fd4ca2.entry.js.map → p-eb22ed9a.entry.js.map} +0 -0
- /package/dist/pine-core/{p-77d8e9fc.entry.js.map → p-ee1d23e4.entry.js.map} +0 -0
- /package/dist/pine-core/{p-04fb06cd.system.entry.js.map → p-eefcdc9c.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-a924b8a6.system.entry.js.map → p-f3632692.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-e45ee7bb.entry.js.map → p-f3fe7aec.entry.js.map} +0 -0
- /package/dist/pine-core/{p-a020513a.system.entry.js.map → p-f5efebb0.system.entry.js.map} +0 -0
- /package/dist/pine-core/{p-03e4027f.system.entry.js.map → p-fab101f5.system.entry.js.map} +0 -0
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-b7d9268e.js');
|
|
6
|
-
const index$1 = require('./index-
|
|
6
|
+
const index$1 = require('./index-6a0fbd28.js');
|
|
7
7
|
|
|
8
8
|
const pdsChipTokensCss = ":host{--pine-chip-color-accent:var(--pine-color-purple-100);--pine-chip-color-accent-hover:var(--pine-color-purple-300);--pine-chip-color-accent-dot:var(--pine-color-purple-600);--pine-chip-color-danger:var(--pine-color-red-100);--pine-chip-color-danger-hover:var(--pine-color-red-300);--pine-chip-color-danger-dot:var(--pine-color-red-600);--pine-chip-color-info:var(--pine-color-blue-100);--pine-chip-color-info-hover:var(--pine-color-blue-300);--pine-chip-color-info-dot:var(--pine-color-blue-600);--pine-chip-color-neutral:var(--pine-color-grey-100);--pine-chip-color-neutral-hover:var(--pine-color-grey-300);--pine-chip-color-neutral-dot:var(--pine-color-grey-600);--pine-chip-color-success:var(--pine-color-green-100);--pine-chip-color-success-hover:var(--pine-color-green-300);--pine-chip-color-success-dot:var(--pine-color-green-600);--pine-chip-color-warning:var(--pine-color-yellow-100);--pine-chip-color-warning-hover:var(--pine-color-yellow-300);--pine-chip-color-warning-dot:var(--pine-color-yellow-600)}";
|
|
9
9
|
const PdsChipStyle0 = pdsChipTokensCss;
|
|
@@ -44,7 +44,7 @@ const PdsChip = class {
|
|
|
44
44
|
return chipContent;
|
|
45
45
|
}
|
|
46
46
|
render() {
|
|
47
|
-
return (index.h(index.Host, { key: '
|
|
47
|
+
return (index.h(index.Host, { key: '2306c195a098f23485ec804c95b0be28f3f8862c', class: this.classNames(), id: this.componentId }, this.setChipContent(), this.variant === 'tag' && (index.h("button", { key: '172aa562017aad775c2350e40c2bbaa8399d7bb4', class: "pds-chip__close", type: "button", onClick: this.handleCloseClick, "aria-label": "Remove" }, index.h("pds-icon", { key: 'ea6049e3a22903b3efef3b3ef66be1dee711e20b', icon: index$1.remove, size: "12px" })))));
|
|
48
48
|
}
|
|
49
49
|
};
|
|
50
50
|
PdsChip.style = PdsChipStyle0 + PdsChipStyle1;
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-b7d9268e.js');
|
|
6
|
-
const index$1 = require('./index-
|
|
6
|
+
const index$1 = require('./index-6a0fbd28.js');
|
|
7
7
|
|
|
8
|
-
const pdsCopytextCss = ":host(.pds-copytext){--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);--copytext-color-background-hover:var(--pine-color-grey-200)}:host(.pds-copytext) pds-button{-ms-flex-align:center;align-items:center;background:var(--pine-color-secondary);border-radius:var(--pine-border-radius-full);border-width:var(--pine-dimension-none);display:-ms-inline-flexbox;display:inline-flex;font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-body-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);max-width:100%;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs)}:host(.pds-copytext) pds-button::part(button){-webkit-padding-end:calc(var(--pine-dimension-xs) / 2);padding-inline-end:calc(var(--pine-dimension-xs) / 2)}:host(.pds-copytext) pds-button::part(button):hover{background-color:var(--copytext-color-background-hover);color:var(--pine-color-text-secondary-hover)}:host(.pds-copytext) pds-button span{font-weight:var(--pine-font-weight-medium);-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs);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-width:var(--pine-dimension-none);padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button{padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered)
|
|
8
|
+
const pdsCopytextCss = ":host(.pds-copytext){--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);--copytext-color-background-hover:var(--pine-color-grey-200)}:host(.pds-copytext) pds-button{-ms-flex-align:center;align-items:center;background:var(--pine-color-secondary);border-radius:var(--pine-border-radius-full);border-width:var(--pine-dimension-none);display:-ms-inline-flexbox;display:inline-flex;font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-body-md);font-weight:var(--pine-font-weight-body-medium);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);max-width:100%;padding:var(--pine-dimension-2xs) var(--pine-dimension-xs)}:host(.pds-copytext) pds-button::part(button){-webkit-padding-end:calc(var(--pine-dimension-xs) / 2);padding-inline-end:calc(var(--pine-dimension-xs) / 2)}:host(.pds-copytext) pds-button::part(button):hover{background-color:var(--copytext-color-background-hover);color:var(--pine-color-text-secondary-hover)}:host(.pds-copytext) pds-button span{font-weight:var(--pine-font-weight-medium);-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs);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-width:var(--pine-dimension-none);padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered) pds-button{padding:var(--pine-dimension-none)}:host(.pds-copytext):host(.pds-copytext--bordered)::part(button):hover{background-color:transparent}:host(.pds-copytext):host(.pds-copytext--bordered) span{border:var(--pine-border);border-radius:var(--pine-border-radius-full);-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm);padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-sm)}:host(.pds-copytext):host(.pds-copytext--bordered) :hover span{border:var(--pine-border-hover)}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button{display:-ms-inline-flexbox;display:inline-flex;min-width:auto;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--full-width) pds-button::part(button-text),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-content),:host(.pds-copytext):host(.pds-copytext--truncated) pds-button::part(button-text){-ms-flex-negative:1;flex-shrink:1;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button span,:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{text-align:left;width:100%}:host(.pds-copytext):host(.pds-copytext--full-width) pds-button{-ms-flex-pack:justify;justify-content:space-between}:host(.pds-copytext):host(.pds-copytext--truncated) pds-button span{overflow:hidden;text-overflow:ellipsis}";
|
|
9
9
|
const PdsCopytextStyle0 = pdsCopytextCss;
|
|
10
10
|
|
|
11
11
|
const PdsCopytext = class {
|
|
@@ -46,7 +46,7 @@ const PdsCopytext = class {
|
|
|
46
46
|
return classNames.join(' ');
|
|
47
47
|
}
|
|
48
48
|
render() {
|
|
49
|
-
return (index.h(index.Host, { key: '
|
|
49
|
+
return (index.h(index.Host, { key: '1d8bc5dd4e234f7ae3f1700d4ad58816422ff967', class: this.classNames(), id: this.componentId }, index.h("pds-button", { key: 'f1c42d6745efe6faff34ac0e538b589e1d709e41', type: "button", variant: "unstyled", onClick: this.handleClick }, index.h("span", { key: '2ba277f52661fe3852cf07b089b6f0b978f513f9' }, this.value), index.h("pds-icon", { key: '5730e7ad241b5ff56733db90c3580d1751c8ec4a', icon: index$1.copy, size: "16px" }))));
|
|
50
50
|
}
|
|
51
51
|
};
|
|
52
52
|
PdsCopytext.style = PdsCopytextStyle0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"pds-copytext.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,cAAc,GAAG,
|
|
1
|
+
{"file":"pds-copytext.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,cAAc,GAAG,m4FAAm4F,CAAC;AAC35F,0BAAe,cAAc;;MCQhB,WAAW;;;;QAkCd,oBAAe,GAAG,OAAO,KAAa;YAC5C,IAAI;gBACF,IAAI,OAAO,SAAS,CAAC,SAAS,KAAK,WAAW,EAAE;oBAC9C,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;oBAC3C,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;iBACnD;aACF;YAAC,OAAO,GAAG,EAAE;gBACZ,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,oCAAoC,GAAG,EAAE,CAAC,CAAC;aACvE;SACF,CAAC;QAEM,gBAAW,GAAG;YACpB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAClC,CAAC;sBA1CgC,IAAI;;yBAWlB,KAAK;wBAMN,KAAK;;;IA2BhB,UAAU;QAChB,MAAM,UAAU,GAAG,CAAC,cAAc,CAAC,CAAC;QAEpC,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,UAAU,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;SAC3C;QAED,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,UAAU,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;SAC7C;QAED,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,UAAU,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;SAC5C;QAED,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC9B;IAED,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,WAAW,IAClDD,yEAAY,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,IAAI,CAAC,WAAW,IACpEA,qEAAO,IAAI,CAAC,KAAK,CAAQ,EACzBA,uEAAU,IAAI,EAAEE,YAAQ,EAAE,IAAI,EAAC,MAAM,GAAY,CACtC,CACR,EACP;KACH;;;;;;","names":["h","Host","copyIcon"],"sources":["src/components/pds-copytext/pds-copytext.scss?tag=pds-copytext&encapsulation=shadow","src/components/pds-copytext/pds-copytext.tsx"],"sourcesContent":[":host(.pds-copytext) {\n\n\n --box-shadow-focus: 0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);\n\n // Update custom prop usage in Button before changing\n --copytext-color-background-hover: var(--pine-color-grey-200);\n\n\n pds-button {\n align-items: center;\n background: var(--pine-color-secondary);\n border-radius: var(--pine-border-radius-full);\n border-width: var(--pine-dimension-none);\n display: inline-flex;\n font-family: var(--pine-font-family-heading);\n font-size: var(--pine-font-size-body-md);\n font-weight: var(--pine-font-weight-body-medium);\n letter-spacing: var(--pine-letter-spacing);\n line-height: var(--pine-line-height-body);\n max-width: 100%;\n padding: var(--pine-dimension-2xs) var(--pine-dimension-xs);\n\n &::part(button) {\n padding-inline-end: calc(var(--pine-dimension-xs) / 2);\n }\n\n &::part(button):hover {\n // Update custom prop usage in Button before changing\n background-color: var(--copytext-color-background-hover);\n color: var(--pine-color-text-secondary-hover);\n }\n\n span {\n font-weight: var(--pine-font-weight-medium);\n margin-inline-end: var(--pine-dimension-xs);\n white-space: nowrap;\n }\n\n :nth-child(2) {\n flex-shrink: 0;\n }\n }\n\n // bordered\n\n &:host(.pds-copytext--bordered) {\n border-width: var(--pine-dimension-none);\n padding: var(--pine-dimension-none);\n\n pds-button {\n padding: var(--pine-dimension-none);\n\n }\n\n &::part(button):hover {\n background-color: transparent;\n }\n\n span {\n border: var(--pine-border);\n border-radius: var(--pine-border-radius-full);\n margin-inline-end: var(--pine-dimension-sm);\n padding-block: var(--pine-dimension-xs);\n padding-inline: var(--pine-dimension-sm);\n }\n\n :hover {\n span {\n border: var(--pine-border-hover);\n }\n }\n }\n\n // full width and truncated\n &:host(.pds-copytext--full-width),\n &:host(.pds-copytext--truncated) {\n pds-button {\n display: inline-flex;\n min-width: auto;\n width: 100%;\n\n &::part(button-content),\n &::part(button-text) {\n flex-shrink: 1;\n width: 100%;\n }\n\n span {\n text-align: left;\n width: 100%;\n }\n }\n }\n\n // full width\n &:host(.pds-copytext--full-width) {\n pds-button {\n justify-content: space-between;\n }\n }\n\n // truncated\n &:host(.pds-copytext--truncated) {\n pds-button span {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n }\n}\n","import { Component, Event, EventEmitter, Host, h, Prop } from '@stencil/core';\n\nimport { copy as copyIcon } from '@pine-ds/icons/icons';\n\n@Component({\n tag: 'pds-copytext',\n styleUrls: ['pds-copytext.scss'],\n shadow: true,\n})\nexport class PdsCopytext {\n /**\n * Determines whether `copytext` should have a visible border.\n * @defaultValue true\n */\n @Prop({ reflect: true }) border = true;\n\n /**\n * A unique identifier used for the underlying component `id` attribute.\n */\n @Prop() componentId: string;\n\n /**\n * Determines whether `copytext` should expand to the full width of its container.\n * @defaultValue false\n */\n @Prop() fullWidth = false;\n\n /**\n * Determines whether the `value` should truncate and display with an ellipsis.\n * @defaultValue false\n */\n @Prop() truncate = false;\n\n /**\n * The string displayed that is also copied to the clipboard upon interaction.\n */\n @Prop() value!: string;\n\n /**\n * Event fired when copyText button is clicked.\n */\n @Event() pdsCopyTextClick: EventEmitter;\n\n private copyToClipboard = async (value: string) => {\n try {\n if (typeof navigator.clipboard !== 'undefined') {\n await navigator.clipboard.writeText(value);\n this.pdsCopyTextClick.emit('Copied to clipboard');\n }\n } catch (err) {\n this.pdsCopyTextClick.emit(`Error writing text to clipboard: ${err}`);\n }\n };\n\n private handleClick = () => {\n this.copyToClipboard(this.value);\n };\n\n private classNames() {\n const classNames = ['pds-copytext'];\n\n if (this.border) {\n classNames.push('pds-copytext--bordered');\n }\n\n if (this.fullWidth) {\n classNames.push('pds-copytext--full-width');\n }\n\n if (this.truncate) {\n classNames.push('pds-copytext--truncated');\n }\n\n return classNames.join(' ');\n }\n\n render() {\n return (\n <Host class={this.classNames()} id={this.componentId}>\n <pds-button type=\"button\" variant=\"unstyled\" onClick={this.handleClick}>\n <span>{this.value}</span>\n <pds-icon icon={copyIcon} size=\"16px\"></pds-icon>\n </pds-button>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -26,7 +26,7 @@ const PdsDivider = class {
|
|
|
26
26
|
return classNames.join(' ');
|
|
27
27
|
}
|
|
28
28
|
render() {
|
|
29
|
-
return (index.h(index.Host, { key: '
|
|
29
|
+
return (index.h(index.Host, { key: '320aa3a83547a773630fbb1a1d8d9e57d3f54477', id: this.componentId }, index.h("hr", { key: '1d1b7aaf8c783ecad6a1b5ad91bd258acb21046b', class: this.classNames() })));
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
32
|
PdsDivider.style = PdsDividerStyle0;
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-b7d9268e.js');
|
|
6
6
|
|
|
7
|
-
const pdsImageCss = ":host{--dimension-aspect-ratio:auto;display:inline-block}img{aspect-ratio:var(--dimension-aspect-ratio)}";
|
|
7
|
+
const pdsImageCss = ":host{--dimension-aspect-ratio:auto;display:inline-block}img{aspect-ratio:var(--dimension-aspect-ratio);display:block;height:auto;max-width:100%}";
|
|
8
8
|
const PdsImageStyle0 = pdsImageCss;
|
|
9
9
|
|
|
10
10
|
const PdsImage = class {
|
|
@@ -20,9 +20,9 @@ const PdsImage = class {
|
|
|
20
20
|
this.width = undefined;
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
|
-
return (index.h(index.Host, { key: '
|
|
23
|
+
return (index.h(index.Host, { key: '043894e2963cd548dc165c5d877d217ebc28b1a4', class: {
|
|
24
24
|
'pds-image': true,
|
|
25
|
-
}, id: this.componentId }, index.h("img", { key: '
|
|
25
|
+
}, id: this.componentId }, index.h("img", { key: '1c0c68d060c938922f0df9d398943d033344a592', alt: this.alt, height: this.height, loading: this.loading, sizes: this.sizes, src: this.src, srcset: this.srcset, width: this.width })));
|
|
26
26
|
}
|
|
27
27
|
};
|
|
28
28
|
PdsImage.style = PdsImageStyle0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"pds-image.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,WAAW,GAAG,
|
|
1
|
+
{"file":"pds-image.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,WAAW,GAAG,mJAAmJ,CAAC;AACxK,uBAAe,WAAW;;MCMb,QAAQ;;;mBAOJ,EAAE;;;uBAkBoB,OAAO;;;;;;IA2B5C,MAAM;QACJ,QACEA,QAACC,UAAI,qDACH,KAAK,EAAE;gBACL,WAAW,EAAE,IAAI;aAClB,EACD,EAAE,EAAE,IAAI,CAAC,WAAW,IAEpBD,kEACE,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,CACG,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/pds-image/pds-image.scss?tag=pds-image&encapsulation=shadow","src/components/pds-image/pds-image.tsx"],"sourcesContent":[":host {\n /**\n * @prop --dimension-aspect-ratio: The image's aspect ratio.\n */\n\n --dimension-aspect-ratio: auto;\n display: inline-block;\n}\n\nimg {\n aspect-ratio: var(--dimension-aspect-ratio);\n display: block;\n height: auto;\n max-width: 100%;\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pds-image',\n styleUrls: ['pds-image.scss'],\n shadow: true,\n})\nexport class PdsImage {\n /**\n * The image's alt tag. If none is provided,\n * it will default to an empty string, which is desired for\n * decorative images.\n * @defaultValue ''\n */\n @Prop() alt? = '';\n\n /**\n * A unique identifier used for the underlying component `id` attribute.\n */\n @Prop() componentId: string;\n\n /**\n * The height of the image in pixels. Setting this will\n * devote space in the layout to prevent layout\n * shifts when the image is loaded.\n */\n @Prop() height?: number;\n\n /**\n * Indicates how the browser should load the image.\n * @defaultValue eager\n */\n @Prop() loading?: 'eager' | 'lazy' = 'eager';\n\n /**\n * Determines the intended display size of an image\n * within certain breakpoints. Has no effect if `srcset`\n * is not set or value has no width descriptor.\n */\n @Prop() sizes?: string;\n\n /**\n * The image's source.\n */\n @Prop() src: string;\n\n /**\n * A set of image sources for the browser to use\n * for responsiveness.\n */\n @Prop() srcset?: string\n\n /**\n * The width of the image in pixels. Setting this will\n * devote space in the layout to prevent layout\n * shifts when the image is loaded.\n */\n @Prop() width?: number;\n\n render() {\n return (\n <Host\n class={{\n 'pds-image': true,\n }}\n id={this.componentId}\n >\n <img\n alt={this.alt}\n height={this.height}\n loading={this.loading}\n sizes={this.sizes}\n src={this.src}\n srcset={this.srcset}\n width={this.width}\n />\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-b7d9268e.js');
|
|
6
6
|
const form = require('./form-4f00637c.js');
|
|
7
|
-
const index$1 = require('./index-
|
|
7
|
+
const index$1 = require('./index-6a0fbd28.js');
|
|
8
8
|
const utils = require('./utils-39c972f8.js');
|
|
9
9
|
const attributes = require('./attributes-73ee8de7.js');
|
|
10
10
|
|
|
@@ -134,10 +134,10 @@ const PdsInput = class {
|
|
|
134
134
|
return classNames.join(' ');
|
|
135
135
|
}
|
|
136
136
|
render() {
|
|
137
|
-
return (index.h(index.Host, { key: '
|
|
138
|
-
index.h("label", { key: '
|
|
139
|
-
index.h("p", { key: '
|
|
140
|
-
index.h("p", { key: '
|
|
137
|
+
return (index.h(index.Host, { key: '6e4e04c4db43e707c0681e878c1b1f73deee86ae', "aria-disabled": this.disabled ? 'true' : null, "aria-readonly": this.readonly ? 'true' : null }, index.h("div", { key: '6610ccb16fb657e6d97aca89b21ff2e2bc0e3fe1', class: "pds-input" }, this.label &&
|
|
138
|
+
index.h("label", { key: 'd85cdc84dcd35abcd592e6374e1e3d080f97ab8c', class: "pds-input__label", htmlFor: this.componentId }, this.label), index.h("input", Object.assign({ key: 'de33a9a5ca6901c9c745fcef9475557cfec1cf91', class: this.inputClassNames(), ref: (input) => this.nativeInput = input, "aria-describedby": form.assignDescription(this.componentId, this.invalid, this.helperMessage), "aria-invalid": this.invalid ? "true" : undefined, autocomplete: this.autocomplete, 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, onChange: this.onChangeEvent, onBlur: this.onBlurEvent, onFocus: this.onFocusEvent, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd }, this.inheritedAttributes)), this.helperMessage &&
|
|
139
|
+
index.h("p", { key: '0721204043319effd9ce7ee3fd42a81570ffbdcc', class: "pds-input__helper-message", id: form.messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
|
|
140
|
+
index.h("p", { key: '68e71598657e55cb3ca4ad25a23b673bafe1eefb', class: "pds-input__error-message", id: form.messageId(this.componentId, 'error'), "aria-live": "assertive" }, index.h("pds-icon", { key: '9d3969d79ecd3ab4bd2a83ff775409b00f8eb3c9', icon: index$1.danger, size: "small" }), this.errorMessage))));
|
|
141
141
|
}
|
|
142
142
|
get el() { return index.getElement(this); }
|
|
143
143
|
static get watchers() { return {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-b7d9268e.js');
|
|
6
|
-
const index$1 = require('./index-
|
|
6
|
+
const index$1 = require('./index-6a0fbd28.js');
|
|
7
7
|
|
|
8
8
|
const pdsLinkCss = ":host{--box-shadow-focus:0 0 0 1px #ffffff, 0 0 0 3px var(--pine-color-focus-ring);display:inline}:host pds-icon{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-link{-ms-flex-align:center;align-items:center;color:var(--pine-color-text);display:-ms-inline-flexbox;display:inline-flex;font-weight:var(--pine-font-weight-medium)}.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(--pine-font-size-body-xs)}.pds-link--sm pds-icon{height:var(--pine-dimension-xs);width:var(--pine-dimension-xs)}.pds-link--md{font-size:var(--pine-font-size-body-sm)}.pds-link--md pds-icon{height:var(--pine-dimension-xs);width:var(--pine-dimension-xs)}.pds-link--lg{font-size:var(--pine-font-size-body-md)}.pds-link--lg pds-icon{height:var(--pine-dimension-sm);width:var(--pine-dimension-sm)}.pds-link--plain{text-decoration:none}.pds-link--plain:hover{color:var(--pine-color-text-hover);text-decoration:underline}.pds-link--default{text-decoration:underline}.pds-link--default:hover{color:var(--pine-color-text-hover);text-decoration:none}";
|
|
9
9
|
const PdsLinkStyle0 = pdsLinkCss;
|
|
@@ -28,8 +28,8 @@ const PdsLink = class {
|
|
|
28
28
|
return classNames.join(' ');
|
|
29
29
|
}
|
|
30
30
|
render() {
|
|
31
|
-
return (index.h("a", { key: '
|
|
32
|
-
index.h("pds-icon", { key: '
|
|
31
|
+
return (index.h("a", { key: '7ac75452091305e238c20ef1fc2055fe2f34fb04', class: this.classNames(), href: this.href, id: this.componentId, target: this.external ? '_blank' : undefined, part: "link" }, index.h("slot", { key: '8f21b34931f85867b91e7c6c3fcc1952b9c430cd' }, this.href), this.external &&
|
|
32
|
+
index.h("pds-icon", { key: '60f1d607df5bf4cac7a9786f1560702719e73ff5', icon: index$1.launch, size: this.fontSize })));
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
35
|
PdsLink.style = PdsLinkStyle0;
|
|
@@ -39,7 +39,7 @@ const PdsLoader = class {
|
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
render() {
|
|
42
|
-
return (index.h(index.Host, { key: '
|
|
42
|
+
return (index.h(index.Host, { key: 'c01b34ac171a5581e1456737f17043cf8b47af8e', class: `pds-loader ${this.isLoading ? '' : 'pds-loader--hidden'}`, "aria-hidden": !this.isLoading, "aria-busy": this.isLoading, "aria-live": "polite" }, this.variant === 'spinner' && (index.h("div", { key: 'ffd9e050fef503f1614c06896b8d888202df8656', class: "pds-loader--spinner" }, index.h("svg", { key: '056b84ca6f89f6dc93f72d115c9cad3efa9f468d', style: this.style(), viewBox: "0 0 200 200", fill: "none" }, index.h("defs", { key: '85bfeab6bc686de25e4156154273067fbcb3ba0b' }, index.h("linearGradient", { key: 'd32d0c03f7f851cd56365af16298c4da0db74ec8', id: "spinner-secondHalf" }, index.h("stop", { key: '1113756349854bc4ab581c0ce282dcd54def3891', offset: "0%", "stop-opacity": "0", "stop-color": "currentColor" }), index.h("stop", { key: '0f649b9e828409cab1b67a26d9a35d35e9fe7b0a', offset: "100%", "stop-opacity": "0.5", "stop-color": "currentColor" })), index.h("linearGradient", { key: '4aabb11799007ae40d7e112696809b35b652bb46', id: "spinner-firstHalf" }, index.h("stop", { key: '9624d9de9eaba0f29264d3b76bc27287bbc1b68b', offset: "0%", "stop-opacity": "1", "stop-color": "currentColor" }), index.h("stop", { key: '37fd5de86c5db30731b4dc39b1cd2cb6afbe7393', offset: "100%", "stop-opacity": "0.5", "stop-color": "currentColor" }))), index.h("g", { key: '06ccf17d191612cd5566714e69299a9e749618da', class: "pds-loader__spinner-path" }, index.h("path", { key: '9b5556b7c20e3c0f7effaa6d09120baa0b07e614', stroke: "url(#spinner-secondHalf)", d: "M 4 100 A 96 96 0 0 1 196 100" }), index.h("path", { key: 'aacb689fcace08aa9bee3c3eb2ee1b571ed1b9ee', stroke: "url(#spinner-firstHalf)", d: "M 196 100 A 96 96 0 0 1 4 100" }), index.h("path", { key: '875a3faf04e718f095d616db6a2cd1c7bcde2f14', stroke: "currentColor", "stroke-linecap": "round", d: "M 4 100 A 96 96 0 0 1 4 98" }))))), this.variant === 'typing' && (index.h("div", { key: '515a530c8acd7807d45c3f54ff1d264002e3e627', class: "pds-loader--typing" }, index.h("span", { key: 'bbb55e71064ab200ca388360a8a0986eda5b2008' }), index.h("span", { key: '77f42ba8124be61565479f21ed9253d928da49b3' }), index.h("span", { key: 'f8ef81fc9a9bf1a24f0bb3501c49291fe5028c5a' }))), index.h("div", { key: 'fd73795dfb15359ff655ed6abf4b2e41faa079a7', class: `pds-loader__label ${this.showLabel ? '' : 'pds-loader--hidden'}` }, index.h("slot", { key: 'cdfb46d54431a84b3ceaaaf94d48f69c42956c8d', name: "label" }, "Loading..."))));
|
|
43
43
|
}
|
|
44
44
|
};
|
|
45
45
|
PdsLoader.style = PdsLoaderStyle0;
|
|
@@ -61,7 +61,7 @@ const PdsPopover = class {
|
|
|
61
61
|
popoverEl.style.left = `${left}px`;
|
|
62
62
|
}
|
|
63
63
|
render() {
|
|
64
|
-
return (index.h(index.Host, { key: '
|
|
64
|
+
return (index.h(index.Host, { key: '3bed0c38e97500efb2bffcef8321a6b38215c434' }, index.h("button", { key: '0db59e1815568cb980ce0bbe5ef3502177015a1d', class: "pds-popover__trigger", popoverTarget: this.componentId, popoverTargetAction: this.popoverTargetAction, onClick: this.handleClick }, this.text), index.h("div", { key: 'd8c70cd36614cb3fc83669a843b00af0d18b03d4', class: `pds-popover ${this.active ? 'pds-popover--active' : ''}`, id: this.componentId, popover: this.popoverType, style: { maxWidth: `${this.maxWidth}px` } }, index.h("slot", { key: 'e7408b199525e88c0e975f9cc3e96200f82ea23e' }))));
|
|
65
65
|
}
|
|
66
66
|
get el() { return index.getElement(this); }
|
|
67
67
|
};
|
|
@@ -18,7 +18,7 @@ const PdsProgress = class {
|
|
|
18
18
|
this.showPercent = false;
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
|
-
return (index.h(index.Host, { key: '
|
|
21
|
+
return (index.h(index.Host, { key: 'a0a7cde165c1acc884366dfe7a368db5d7c4150e', class: this.animated ? { 'is-animated': this.animated } : '' }, index.h("div", { key: 'c2a8f262e0a6393448a0bc8a05dc49f30c451754', class: "pds-progress" }, index.h("label", { key: '422c51d5b06ef6d99e23cb2721b861ba9611b1df', class: "pds-progress__label", htmlFor: this.componentId }, this.label), index.h("progress", { key: '57081cc95c8bb44d6fa26cd7d1f7933108982165', id: this.componentId, max: "100", style: this.fillColor ? { '--color-progress-fill': this.fillColor } : {}, value: this.percent })), this.showPercent && index.h("div", { key: '37b88967a8584b43407314b0ba70faf4e43a9e5a', class: "pds-progress__percentage" }, this.percent, "%")));
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
24
|
PdsProgress.style = PdsProgressStyle0;
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-b7d9268e.js');
|
|
6
6
|
const form = require('./form-4f00637c.js');
|
|
7
|
-
const index$1 = require('./index-
|
|
7
|
+
const index$1 = require('./index-6a0fbd28.js');
|
|
8
8
|
|
|
9
9
|
const labelCss = ".sc-pds-radio-h{display:inline-block}[aria-disabled=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled)}[aria-readonly=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-readonly)}label.sc-pds-radio{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";
|
|
10
10
|
const PdsRadioStyle0 = labelCss;
|
|
@@ -46,9 +46,9 @@ const PdsRadio = class {
|
|
|
46
46
|
return classNames.join(' ');
|
|
47
47
|
}
|
|
48
48
|
render() {
|
|
49
|
-
return (index.h(index.Host, { key: '
|
|
50
|
-
index.h("div", { key: '
|
|
51
|
-
index.h("div", { key: '
|
|
49
|
+
return (index.h(index.Host, { key: 'f80c386dbbc3d77efbe0f4e2bcc4c78d72650f83', class: this.classNames() }, index.h("label", { key: '0cc2ae96ebdd1eb769021a72ae69ddf175e4ffe8', htmlFor: this.componentId }, index.h("input", { key: '8e643d6235a785dbd214ae191066b1b75a979171', "aria-describedby": form.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 }), this.label), this.helperMessage &&
|
|
50
|
+
index.h("div", { key: 'c1a57d76d77eea12aab82fbfd257188f15ff73a9', class: 'pds-radio__message', id: form.messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
|
|
51
|
+
index.h("div", { key: '9e09fc73c58ee4c192ba03a9384ab34f9f038ce7', class: `pds-radio__message pds-radio__message--error`, id: form.messageId(this.componentId, 'error'), "aria-live": "assertive" }, index.h("pds-icon", { key: '80a49ff87ed900703a7f9f8d4127ea6e0ae9ca55', icon: index$1.danger, size: "small" }), this.errorMessage)));
|
|
52
52
|
}
|
|
53
53
|
};
|
|
54
54
|
PdsRadio.style = PdsRadioStyle0 + PdsRadioStyle1;
|
|
@@ -41,7 +41,7 @@ const PdsRow = class {
|
|
|
41
41
|
})), (this.minHeight && {
|
|
42
42
|
'min-height': this.minHeight,
|
|
43
43
|
}));
|
|
44
|
-
return index.h(index.Host, { key: '
|
|
44
|
+
return index.h(index.Host, { key: '2c1ace3d1a16e1b437373d6d56c1d259f16c4525', class: `pds-row ${rowClasses}`, style: rowInlineStyles });
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
47
|
PdsRow.style = PdsRowStyle0;
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-b7d9268e.js');
|
|
6
6
|
const form = require('./form-4f00637c.js');
|
|
7
|
-
const index$1 = require('./index-
|
|
7
|
+
const index$1 = require('./index-6a0fbd28.js');
|
|
8
8
|
|
|
9
9
|
const pdsSelectTokensCss = ":host{--pine-select-color-background-danger:var(--pine-color-red-050)}";
|
|
10
10
|
const PdsSelectStyle0 = pdsSelectTokensCss;
|
|
@@ -125,8 +125,8 @@ const PdsSelect = class {
|
|
|
125
125
|
return classNames.join(' ');
|
|
126
126
|
}
|
|
127
127
|
render() {
|
|
128
|
-
return (index.h(index.Host, { key: '
|
|
129
|
-
index.h("label", { key: '
|
|
128
|
+
return (index.h(index.Host, { key: 'abb7c4086107f780418188ad2b241c6dd3ef70dc', "aria-disabled": this.disabled ? 'true' : null, class: this.classNames() }, index.h("div", { key: '97add24f8d8108fe99d517533d8394509e0952bc', class: "pds-select" }, this.label &&
|
|
129
|
+
index.h("label", { key: '90d07c6d3e80a8ad87b9b32b0ae3f5b5985492c4', htmlFor: this.componentId }, this.label), index.h("select", { key: '810bb82b8f3ff0b71470ead548f5427901a41f51', autocomplete: this.autocomplete || undefined, class: "pds-select__field", disabled: this.disabled, id: this.componentId, multiple: this.multiple, name: this.name, onChange: this.onSelectUpdate, required: this.required, ref: (el) => (this.selectEl = el) }), index.h("div", { key: '8bbf5f497f5dc848f054db848e552e351398df9a', "aria-hidden": "true", class: "hidden", ref: (el) => (this.slotContainer = el) }, index.h("slot", { key: 'dc17e1784532fb31920cee07b93425963a034db8', onSlotchange: this.handleSlotChange })), this.renderMessages(), !this.multiple && index.h("pds-icon", { key: '47d1ddcd8d93b428156ce45c2082810b9561baba', class: "pds-select__select-icon", icon: index$1.enlarge }))));
|
|
130
130
|
}
|
|
131
131
|
static get watchers() { return {
|
|
132
132
|
"value": ["valueChanged"]
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-b7d9268e.js');
|
|
6
|
-
const index$1 = require('./index-
|
|
6
|
+
const index$1 = require('./index-6a0fbd28.js');
|
|
7
7
|
|
|
8
8
|
const pdsSortableItemCss = ".pds-sortable-item.sc-pds-sortable-item-h{--box-shadow:var(--pine-box-shadow-400);-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-md)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__actions.sc-pds-sortable-item{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{line-height:1;-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:first-child{border-start-end-radius:calc(var(--pine-dimension-xs) * 1.25);border-start-start-radius:calc(var(--pine-dimension-xs) * 1.25)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:last-child{border-end-end-radius:calc(var(--pine-dimension-xs) * 1.25);border-end-start-radius:calc(var(--pine-dimension-xs) * 1.25)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h{-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h:last-child{-webkit-border-after:0;border-block-end:0}.pds-sortable--handle-type-row .pds-sortable-item.sc-pds-sortable-item-h{cursor:-webkit-grab;cursor:grab}.pds-sortable--handle-type-handle .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:-webkit-grab;cursor:grab}.pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:var(--pine-color-background-container-hover)}.pds-sortable-item.sc-pds-sortable-item-h:hover pds-icon.sc-pds-sortable-item{color:var(--pine-color-info)}.pds-sortable-item--drag.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container);border-radius:0;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);opacity:1}.pds-sortable-item--ghost.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container-hover);border-radius:0}";
|
|
9
9
|
const PdsSortableItemStyle0 = pdsSortableItemCss;
|
|
@@ -24,7 +24,7 @@ const PdsSortableItem = class {
|
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
|
-
return (index.h(index.Host, { key: '
|
|
27
|
+
return (index.h(index.Host, { key: '9531761ffc3c4fa9831ce48c6d1d94d8a241f5d3', class: "pds-sortable-item", id: this.componentId }, this.showHandle && (index.h("div", { key: 'bf1804ac74e830456c1d1c8a81a6e9794854f43f', class: "pds-sortable-item__handle" }, index.h("pds-icon", { key: '44b59b0df7fa63875e732a5598e15265b8f7e3e9', icon: index$1.handle }))), index.h("slot", { key: 'd2fbde756dbd392a17cfdc0c1717a8f0ab8d2eb8' }), this.enableActions && (index.h("div", { key: '035cf65cbb286a21b697831755f08964d933fd56', class: "pds-sortable-item__actions" }, index.h("slot", { key: '0b14e6adddfb6edabfc92ffe31ee1048be9c8906', name: "sortable-item-actions" })))));
|
|
28
28
|
}
|
|
29
29
|
get el() { return index.getElement(this); }
|
|
30
30
|
};
|
|
@@ -2694,7 +2694,7 @@ const PdsSortable = class {
|
|
|
2694
2694
|
Sortable.create(this.el, sortableOptions);
|
|
2695
2695
|
}
|
|
2696
2696
|
render() {
|
|
2697
|
-
return (index$1.h(index$1.Host, { key: '
|
|
2697
|
+
return (index$1.h(index$1.Host, { key: '50487903edea53def9caf206c5d23c1fb407d4ba', class: this.classNames(), id: this.componentId }, index$1.h("slot", { key: 'b2575710a4b56c7120d9971f42fb285b78187d50' })));
|
|
2698
2698
|
}
|
|
2699
2699
|
get el() { return index$1.getElement(this); }
|
|
2700
2700
|
};
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-b7d9268e.js');
|
|
6
6
|
const form = require('./form-4f00637c.js');
|
|
7
|
-
const index$1 = require('./index-
|
|
7
|
+
const index$1 = require('./index-6a0fbd28.js');
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
10
|
* Returns markup for an input label.
|
|
@@ -51,9 +51,9 @@ const PdsSwitch = class {
|
|
|
51
51
|
this.value = undefined;
|
|
52
52
|
}
|
|
53
53
|
render() {
|
|
54
|
-
return (index.h(index.Host, { key: '
|
|
55
|
-
index.h("div", { key: '
|
|
56
|
-
index.h("div", { key: '
|
|
54
|
+
return (index.h(index.Host, { key: '8b2cffd17dad8bca0659b1ce6ecc35e4c5a21e69', class: this.switchClassNames(), "aria-disabled": this.disabled ? 'true' : null }, index.h("input", { key: 'b89c601aa4048d1cb66f62f04e1144860d281142', "aria-describedby": form.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: "checkbox", value: this.value }), index.h(PdsLabel, { key: '851668c5fec355088b752a6cccb013de6db9ec52', classNames: "pds-switch__label", htmlFor: this.componentId, text: this.label }), this.helperMessage &&
|
|
55
|
+
index.h("div", { key: 'b56d66f02d694bf9b2c3a35606e1fc241630fa74', class: `pds-switch__message`, id: form.messageId(this.componentId, 'helper') }, this.helperMessage), this.errorMessage &&
|
|
56
|
+
index.h("div", { key: 'f28e68205f0ade8decd21651002928889e3ada2c', class: `pds-switch__message pds-switch__message--error`, id: form.messageId(this.componentId, 'error'), "aria-live": "assertive" }, index.h("pds-icon", { key: 'd735a2e254b13109ff3d67b00867ea7263994336', icon: index$1.danger, size: "small" }), this.errorMessage)));
|
|
57
57
|
}
|
|
58
58
|
get el() { return index.getElement(this); }
|
|
59
59
|
};
|
|
@@ -21,9 +21,9 @@ const PdsTab = class {
|
|
|
21
21
|
this.pdsTabClick.emit([index, parentComponentId]);
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
|
-
const availabilityTabEdgeInlineStart = (index.h("span", { key: '
|
|
25
|
-
const availabilityTabEdgeInlineEnd = (index.h("span", { key: '
|
|
26
|
-
return (index.h(index.Host, { key: '
|
|
24
|
+
const availabilityTabEdgeInlineStart = (index.h("span", { key: '9c80106fd07478065a327f0d511eb295d5662a47', class: "pds-tab-edge", role: "presentation" }));
|
|
25
|
+
const availabilityTabEdgeInlineEnd = (index.h("span", { key: 'ca52ce9d3f390b1a41409f3b03f36c900a97e11d', class: "pds-tab-edge pds-tab-edge--end", role: "presentation" }));
|
|
26
|
+
return (index.h(index.Host, { key: '2388c38f23fff5470e40f27beb6d11a09f7f4ba6', variant: this.variant, slot: "tabs", index: this.index }, index.h("button", { key: '7f5dabfd55126e61bb77118890c58acf51f3eca1', role: "tab", id: this.parentComponentId + "__" + this.name, "aria-controls": this.parentComponentId + "__" + this.name + "-panel", tabindex: this.selected ? "0" : "-1", "aria-selected": this.selected ? "true" : "false", class: this.selected ? "pds-tab is-active" : "pds-tab", onClick: this.onTabClick.bind(this, this.index, this.parentComponentId) }, this.variant === "availability" && availabilityTabEdgeInlineStart, this.variant === "availability" && availabilityTabEdgeInlineEnd, index.h("div", { key: '86898dd0fc8b6115f182fb366bfd7a2007ddfee8', class: "pds-tab__content" }, index.h("slot", { key: '0ceba1c43a19ada407c00c484f9f847b4c243920' })))));
|
|
27
27
|
}
|
|
28
28
|
get el() { return index.getElement(this); }
|
|
29
29
|
};
|
|
@@ -12,7 +12,7 @@ const PdsTableBody = class {
|
|
|
12
12
|
index.registerInstance(this, hostRef);
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (index.h(index.Host, { key: '
|
|
15
|
+
return (index.h(index.Host, { key: '0f014bb1ed578a810ea0851d6a6ca73e3100ccc0', role: "rowgroup" }, index.h("slot", { key: '9d1e2b60951bbd7e578b2f73cf2ee0bf77298c90' })));
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
18
|
PdsTableBody.style = PdsTableBodyStyle0;
|
|
@@ -43,11 +43,11 @@ const PdsTableCell = class {
|
|
|
43
43
|
return classNames.join(' ');
|
|
44
44
|
}
|
|
45
45
|
render() {
|
|
46
|
-
return (index.h(index.Host, { key: '
|
|
46
|
+
return (index.h(index.Host, { key: '4d3039d5acc7307a2afb6badd36e5bf80cc57a5c', class: this.classNames(), role: "gridcell", style: this.tableRef &&
|
|
47
47
|
this.tableRef.fixedColumn &&
|
|
48
48
|
this.tableRef.selectable
|
|
49
49
|
? { '--fixed-cell-position': '40px' }
|
|
50
|
-
: {} }, index.h("slot", { key: '
|
|
50
|
+
: {} }, index.h("slot", { key: '0b2043478758425a1484206320f88426f1b8ea33' })));
|
|
51
51
|
}
|
|
52
52
|
get hostElement() { return index.getElement(this); }
|
|
53
53
|
};
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-b7d9268e.js');
|
|
6
|
-
const index$1 = require('./index-
|
|
6
|
+
const index$1 = require('./index-6a0fbd28.js');
|
|
7
7
|
|
|
8
8
|
const pdsTableHeadCellCss = ":host{--border-head-cell-default:var(--pine-border-width-thin) solid var(--pine-color-grey-100);--box-shadow-default:3px 3px 6px -2px rgba(0, 0, 0, 0.1);-webkit-border-after:var(--border-head-cell-default);border-block-end:var(--border-head-cell-default);color:var(--pine-color-text);display:table-cell;font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);line-height:var(--pine-line-height-body);padding:12px;text-align:start;vertical-align:inherit}:host(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);left:var(--pine-dimension-none);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(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);-webkit-padding-before:2px;padding-block-start:2px;position:absolute}:host(.is-sortable:hover),:host(.is-active){color:var(--pine-color-text-active)}";
|
|
9
9
|
const PdsTableHeadCellStyle0 = pdsTableHeadCellCss;
|
|
@@ -61,11 +61,11 @@ const PdsTableHeadCell = class {
|
|
|
61
61
|
return classNames.join(' ');
|
|
62
62
|
}
|
|
63
63
|
render() {
|
|
64
|
-
return (index.h(index.Host, { key: '
|
|
64
|
+
return (index.h(index.Host, { key: 'a0af053fbb687e4014d6e0d67e5d3029250c1ff0', class: this.classNames(), role: "columnheader", onClick: this.toggleSort, style: this.tableRef &&
|
|
65
65
|
this.tableRef.fixedColumn &&
|
|
66
66
|
this.tableRef.selectable
|
|
67
67
|
? { '--fixed-cell-position': '40px' }
|
|
68
|
-
: {} }, index.h("slot", { key: '
|
|
68
|
+
: {} }, index.h("slot", { key: '39acc3e6e6c03451fcd204d4b9f1958d585f70f3' }), this.sortable && (index.h("pds-icon", { key: 'f87c445c0a162767537d10524b9665b3288d6e54', icon: this.sortingDirection === 'asc' ? index$1.upSmall : index$1.downSmall }))));
|
|
69
69
|
}
|
|
70
70
|
get hostElement() { return index.getElement(this); }
|
|
71
71
|
};
|
|
@@ -44,7 +44,7 @@ const PdsTableHead = class {
|
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
render() {
|
|
47
|
-
return (index.h(index.Host, { key: '
|
|
47
|
+
return (index.h(index.Host, { key: 'aa7b043f619fff19d042a99a5daf70f26b5d3e6f', role: "row" }, this.tableRef && this.tableRef.selectable && (index.h("pds-table-head-cell", { key: 'b9a55e3b654cbf8094b889bcdd168373720fe66b', part: this.tableRef.selectable ? 'checkbox-cell' : '' }, index.h("pds-checkbox", { key: 'd290a40d3048d5593ab600068b1d151cff1cdc42', componentId: this.generateUniqueId(), indeterminate: this.indeterminate, onInput: this.handleInput, label: "Select All Rows", labelHidden: true, checked: this.isSelected }))), index.h("slot", { key: 'e8969109fa3be55e437a33331996399403bef6cc' })));
|
|
48
48
|
}
|
|
49
49
|
get hostElement() { return index.getElement(this); }
|
|
50
50
|
};
|
|
@@ -55,7 +55,7 @@ const PdsTableRow = class {
|
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
render() {
|
|
58
|
-
return (index.h(index.Host, { key: '
|
|
58
|
+
return (index.h(index.Host, { key: 'eac4d142866c009700f8e2ff03566ca412b66579', class: this.classNames(), role: "row" }, this.tableRef && this.tableRef.selectable && (index.h("pds-table-cell", { key: 'aea497fab374fde5c47a679f27c793753ee72368', part: this.tableRef.fixedColumn ? 'checkbox-cell' : '', class: this.tableRef.selectable ? 'has-checkbox' : '' }, index.h("pds-checkbox", { key: '88a0c5f294f2263aa84c12de7cfbbbb8c930369a', componentId: this.generateUniqueId(), onClick: this.handleClick, indeterminate: this.indeterminate, label: "Select Row", labelHidden: true, checked: this.isSelected }))), index.h("slot", { key: 'c95503c1288835c248df12ad5bae3b2decdf4c25' })));
|
|
59
59
|
}
|
|
60
60
|
get hostElement() { return index.getElement(this); }
|
|
61
61
|
};
|
|
@@ -91,7 +91,7 @@ const PdsTable = class {
|
|
|
91
91
|
headerCheckbox.indeterminate = !allSelectedRows && !noneSelectedRows;
|
|
92
92
|
}
|
|
93
93
|
render() {
|
|
94
|
-
return (index.h(index.Host, { key: '
|
|
94
|
+
return (index.h(index.Host, { key: '685c97f9046f0fc2fe5236271cf3608e5a2a016c', class: this.classNames(), id: this.componentId, role: "grid", selectable: this.selectable, tabindex: "0" }, index.h("slot", { key: 'd496a97636d4ddf0524a0d1d42057697a5d73cbf' })));
|
|
95
95
|
}
|
|
96
96
|
get el() { return index.getElement(this); }
|
|
97
97
|
};
|
|
@@ -16,7 +16,7 @@ const PdsTabpanel = class {
|
|
|
16
16
|
this.selected = false;
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (index.h(index.Host, { key: '
|
|
19
|
+
return (index.h(index.Host, { key: 'b3d1639195fd9b621b2fff6a1871bc07e7b0cc2e', slot: "tabpanels" }, index.h("div", { key: '9d589ffbdb66db7cc02986d0f308aade018b356e', role: "tabpanel", id: this.parentComponentId + "__" + this.name + '-panel', tabindex: "0", "aria-labelledby": this.parentComponentId + "__" + this.name, class: this.selected ? "pds-tabpanel is-active" : "pds-tabpanel" }, index.h("slot", { key: '1d390c36fe8b99503b078c0526943a68d254cda3' }))));
|
|
20
20
|
}
|
|
21
21
|
get el() { return index.getElement(this); }
|
|
22
22
|
};
|
|
@@ -88,7 +88,7 @@ const PdsTabs = class {
|
|
|
88
88
|
this.passPropsToChildren();
|
|
89
89
|
}
|
|
90
90
|
render() {
|
|
91
|
-
return (index.h(index.Host, { key: '
|
|
91
|
+
return (index.h(index.Host, { key: '044baacdc058f7e1adc0eccad9e290ae6d51f230', "active-tab-name": this.activeTabName, class: this.classNames(), id: this.componentId }, index.h("div", { key: 'ae6af35cba5b53873d7e604514658249f21d274e', class: "pds-tabs__tablist", role: "tablist", "aria-label": this.tablistLabel }, index.h("slot", { key: '76f86387f239db6900688b733fb3a79d64919290', name: "tabs" })), index.h("slot", { key: '02e1fa8a8d60e43963b7b1fcd576ea78e6f434ce', name: "tabpanels" })));
|
|
92
92
|
}
|
|
93
93
|
get el() { return index.getElement(this); }
|
|
94
94
|
};
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-b7d9268e.js');
|
|
6
6
|
|
|
7
|
-
const pdsTextCss = ":host{display:inline}:host([decoration=underline-dotted])>*{-webkit-text-decoration-color:var(--pine-color-grey-600);text-decoration-color:var(--pine-color-grey-600);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:12%;text-underline-offset:0.3rem;text-underline-position:under}:host([decoration=strikethrough])>*{text-decoration:line-through}h1{font:var(--pine-typography-heading-1);letter-spacing:
|
|
7
|
+
const pdsTextCss = ":host{display:inline}:host([decoration=underline-dotted])>*{-webkit-text-decoration-color:var(--pine-color-grey-600);text-decoration-color:var(--pine-color-grey-600);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:12%;text-underline-offset:0.3rem;text-underline-position:under}:host([decoration=strikethrough])>*{text-decoration:line-through}h1{font:var(--pine-typography-heading-1);letter-spacing:var(--pine-letter-spacing-heading-1)}h2{font:var(--pine-typography-heading-2);letter-spacing:var(--pine-letter-spacing-heading-2)}h3{font:var(--pine-typography-heading-3);letter-spacing:var(--pine-letter-spacing-heading-3)}h4{font:var(--pine-typography-heading-4);letter-spacing:var(--pine-letter-spacing-heading-4)}h5{font:var(--pine-typography-heading-5);letter-spacing:var(--pine-letter-spacing-heading-5)}h6{font:var(--pine-typography-heading-6);letter-spacing:var(--pine-letter-spacing-heading-6)}code,em,p,pre,strong{font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing-body)}code,pre{font-family:monospace;letter-spacing:0;line-height:1}em{font-style:normal}strong{font-weight:bolder}h1,h2,h3,h4,h5,h6,p,code,pre,em,strong{color:var(--pine-color-text);margin:var(--pine-dimension-none)}:host([truncate])>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([italic])>*{font-style:italic}.pds-text--color-primary{color:var(--pine-color-text-primary)}.pds-text--color-secondary{color:var(--pine-color-text-secondary)}.pds-text--color-neutral{color:var(--pine-color-text-neutral)}.pds-text--color-accent{color:var(--pine-color-text-accent)}.pds-text--color-danger{color:var(--pine-color-text-danger)}.pds-text--color-info{color:var(--pine-color-text-info)}.pds-text--color-success{color:var(--pine-color-text-success)}.pds-text--color-warning{color:var(--pine-color-text-warning)}.pds-text--size-2xl{font-size:var(--pine-font-size-body-2xl)}.pds-text--size-xl{font-size:var(--pine-font-size-body-xl)}.pds-text--size-lg{font-size:var(--pine-font-size-body-lg)}.pds-text--size-md{font-size:var(--pine-font-size-body-md)}.pds-text--size-sm{font-size:var(--pine-font-size-body-sm)}.pds-text--size-xs{font-size:var(--pine-font-size-body-xs)}.pds-text--size-2xs{font-size:var(--pine-font-size-body-2xs)}.pds-text--size-h1{font-size:var(--pine-font-size-heading-1)}.pds-text--size-h2{font-size:var(--pine-font-size-heading-2)}.pds-text--size-h3{font-size:var(--pine-font-size-heading-3)}.pds-text--size-h4{font-size:var(--pine-font-size-heading-4)}.pds-text--size-h5{font-size:var(--pine-font-size-heading-5)}.pds-text--size-h6{font-size:var(--pine-font-size-heading-6)}.pds-text--weight-extra-light{font-weight:var(--pine-font-weight-extra-light)}.pds-text--weight-light{font-weight:var(--pine-font-weight-light)}.pds-text--weight-regular{font-weight:var(--pine-font-weight-regular)}.pds-text--weight-medium{font-weight:var(--pine-font-weight-medium)}.pds-text--weight-semibold{font-weight:var(--pine-font-weight-semi-bold)}.pds-text--weight-bold{font-weight:var(--pine-font-weight-bold)}.pds-text--gutter-2xl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-text--gutter-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-text--gutter-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-text--gutter-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-text--gutter-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-text--gutter-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-text--gutter-2xs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-text--align-start{text-align:start}.pds-text--align-center{text-align:center}.pds-text--align-end{text-align:end}.pds-text--align-justify{text-align:justify}";
|
|
8
8
|
const PdsTextStyle0 = pdsTextCss;
|
|
9
9
|
|
|
10
10
|
const PdsText = class {
|
|
@@ -14,9 +14,11 @@ const PdsText = class {
|
|
|
14
14
|
this.color = undefined;
|
|
15
15
|
this.decoration = undefined;
|
|
16
16
|
this.gutter = undefined;
|
|
17
|
+
this.italic = undefined;
|
|
17
18
|
this.size = undefined;
|
|
18
19
|
this.weight = undefined;
|
|
19
20
|
this.tag = "p";
|
|
21
|
+
this.truncate = undefined;
|
|
20
22
|
}
|
|
21
23
|
render() {
|
|
22
24
|
const Tag = this.tag;
|
|
@@ -29,7 +31,7 @@ const PdsText = class {
|
|
|
29
31
|
${this.weight !== undefined && this.weight.trim() !== '' ? `pds-text--weight-${this.weight}` : ''}
|
|
30
32
|
${this.decoration !== undefined && this.decoration.trim() !== '' ? `pds-text--decoration-${this.decoration}` : ''}
|
|
31
33
|
`;
|
|
32
|
-
return (index.h(Tag, { key: '
|
|
34
|
+
return (index.h(Tag, { key: 'f5e7df223d447587def75f91452c78e87477e879', class: typeClasses }, index.h("slot", { key: '9341392612d92c734ae274299c94967483fb4744' })));
|
|
33
35
|
}
|
|
34
36
|
};
|
|
35
37
|
PdsText.style = PdsTextStyle0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"pds-text.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,UAAU,GAAG,
|
|
1
|
+
{"file":"pds-text.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,UAAU,GAAG,i+HAAi+H,CAAC;AACr/H,sBAAe,UAAU;;MCMZ,OAAO;;;;;;;;;;mBAuFT,GAAG;;;IAOZ,MAAM;QACJ,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;QAErB,MAAM,WAAW,GAAG;;QAEhB,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,mBAAmB,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE;QAC3F,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,mBAAmB,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE;QAC3F,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,oBAAoB,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE;QAC/F,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,kBAAkB,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;QACvF,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,oBAAoB,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE;QAC/F,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,wBAAwB,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE;KAClH,CAAC;QAEF,QACEA,QAAC,GAAG,qDAAC,KAAK,EAAE,WAAW,IACrBA,oEAAQ,CACJ,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/pds-text/pds-text.scss?tag=pds-text&encapsulation=shadow","src/components/pds-text/pds-text.tsx"],"sourcesContent":[":host {\n display: inline;\n}\n\n:host([decoration=\"underline-dotted\"]) > * {\n text-decoration-color: var(--pine-color-grey-600);\n text-decoration-line: underline;\n text-decoration-style: dotted;\n text-decoration-thickness: 12%;\n text-underline-offset: 0.3rem;\n text-underline-position: under;\n}\n\n:host([decoration=\"strikethrough\"])>* {\n text-decoration: line-through;\n}\n\n/* stylelint-disable */\nh1 {\n font: var(--pine-typography-heading-1);\n letter-spacing: var(--pine-letter-spacing-heading-1);\n}\n\nh2 {\n font: var(--pine-typography-heading-2);\n letter-spacing: var(--pine-letter-spacing-heading-2);\n}\n\nh3 {\n font: var(--pine-typography-heading-3);\n letter-spacing: var(--pine-letter-spacing-heading-3);\n}\n\nh4 {\n font: var(--pine-typography-heading-4);\n letter-spacing: var(--pine-letter-spacing-heading-4);\n}\n\nh5 {\n font: var(--pine-typography-heading-5);\n letter-spacing: var(--pine-letter-spacing-heading-5);\n}\n\nh6 {\n font: var(--pine-typography-heading-6);\n letter-spacing: var(--pine-letter-spacing-heading-6);\n}\n\ncode, em, p, pre, strong {\n font: var(--pine-typography-body);\n letter-spacing: var(--pine-letter-spacing-body);\n}\n/* stylelint-enable */\n\ncode, pre {\n font-family: monospace;\n letter-spacing: 0;\n line-height: 1;\n}\n\nem {\n font-style: normal;\n}\n\nstrong {\n font-weight: bolder;\n}\n\nh1, h2, h3, h4, h5, h6, p, code, pre, em, strong {\n color: var(--pine-color-text);\n margin: var(--pine-dimension-none);\n}\n\n:host([truncate]) > * {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n:host([italic]) > * {\n font-style: italic;\n}\n\n\n// Colors/Variants/Sentiment\n$type-colors: (\n primary: var(--pine-color-text-primary),\n secondary: var(--pine-color-text-secondary),\n neutral: var(--pine-color-text-neutral),\n accent: var(--pine-color-text-accent),\n danger: var(--pine-color-text-danger),\n info: var(--pine-color-text-info),\n success: var(--pine-color-text-success),\n warning: var(--pine-color-text-warning),\n);\n\n@mixin generate-type-colors($type-colors) {\n @each $key, $value in $type-colors {\n .pds-text--color-#{$key} {\n color: $value;\n }\n }\n}\n\n@include generate-type-colors($type-colors);\n\n// Font Sizes\n$type-sizes: (\n 2xl: var(--pine-font-size-body-2xl),\n xl: var(--pine-font-size-body-xl),\n lg: var(--pine-font-size-body-lg),\n md: var(--pine-font-size-body-md),\n sm: var(--pine-font-size-body-sm),\n xs: var(--pine-font-size-body-xs),\n 2xs: var(--pine-font-size-body-2xs),\n h1: var(--pine-font-size-heading-1),\n h2: var(--pine-font-size-heading-2),\n h3: var(--pine-font-size-heading-3),\n h4: var(--pine-font-size-heading-4),\n h5: var(--pine-font-size-heading-5),\n h6: var(--pine-font-size-heading-6),\n);\n\n@mixin generate-type-sizes($type-sizes) {\n @each $key, $value in $type-sizes {\n .pds-text--size-#{$key} {\n font-size: $value;\n }\n }\n}\n\n@include generate-type-sizes($type-sizes);\n\n// Font Weights\n$type-weights: (\n extra-light: var(--pine-font-weight-extra-light),\n light: var(--pine-font-weight-light),\n regular: var(--pine-font-weight-regular),\n medium: var(--pine-font-weight-medium),\n semibold: var(--pine-font-weight-semi-bold),\n bold: var(--pine-font-weight-bold),\n);\n\n@mixin generate-type-weights($type-weights) {\n @each $key, $value in $type-weights {\n .pds-text--weight-#{$key} {\n font-weight: $value;\n }\n }\n}\n\n@include generate-type-weights($type-weights);\n\n// Gutter Sizes\n$type-gutters: (\n 2xl: var(--pine-dimension-2xl),\n xl: var(--pine-dimension-xl),\n lg: var(--pine-dimension-lg),\n md: var(--pine-dimension-md),\n sm: var(--pine-dimension-sm),\n xs: var(--pine-dimension-xs),\n 2xs: var(--pine-dimension-2xs),\n);\n\n@mixin generate-type-gutters($type-gutters) {\n @each $key, $value in $type-gutters {\n .pds-text--gutter-#{$key} {\n margin-block-end: $value;\n }\n }\n}\n\n@include generate-type-gutters($type-gutters);\n\n// Text Alignment\n$type-alignments: (\n start: start,\n center: center,\n end: end,\n justify: justify,\n);\n\n@mixin generate-type-alignments($type-alignments) {\n @each $key, $value in $type-alignments {\n .pds-text--align-#{$key} {\n text-align: $value;\n }\n }\n}\n\n@include generate-type-alignments($type-alignments);\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pds-text',\n styleUrl: 'pds-text.scss',\n shadow: true,\n})\nexport class PdsText {\n\n /**\n * Sets the text alignment.\n */\n @Prop() align?: 'start' | 'center' | 'end' | 'justify';\n\n /**\n * Sets the text color.\n */\n @Prop() color?:\n | 'primary'\n | 'secondary'\n | 'neutral'\n | 'accent'\n | 'danger'\n | 'info'\n | 'success'\n | 'warning';\n\n /**\n * Sets the text decoration.\n */\n @Prop() decoration?:\n | 'strikethrough'\n | 'underline-dotted';\n\n /**\n * Set the bottom margin for the text.\n */\n @Prop() gutter?:\n | '2xl'\n | 'xl'\n | 'lg'\n | 'md'\n | 'sm'\n | 'xs'\n | '2xs';\n\n /**\n * If set or `true`, the text will be italic.\n */\n @Prop() italic?: boolean;\n\n /**\n * Sets the font size.\n */\n @Prop() size?:\n | '2xl'\n | 'xl'\n | 'lg'\n | 'md'\n | 'sm'\n | 'xs'\n | '2xs'\n | 'h1'\n | 'h2'\n | 'h3'\n | 'h4'\n | 'h5'\n | 'h6';\n\n /**\n * Sets the font weight.\n */\n @Prop() weight?:\n | 'extra-light'\n | 'light'\n | 'regular'\n | 'medium'\n | 'semibold'\n | 'bold';\n\n /**\n * Determines what semantic text tag to render.\n */\n @Prop() tag:\n | 'h1'\n | 'h2'\n | 'h3'\n | 'h4'\n | 'h5'\n | 'h6'\n | 'p'\n | 'code'\n | 'pre'\n | 'strong'\n | 'em' = \"p\";\n\n /**\n * If set or `true`, the text will be truncated. Must add a `width` to the element.\n */\n @Prop() truncate?: boolean;\n\n render() {\n const Tag = this.tag;\n\n const typeClasses = `\n pds-text\n ${this.align !== undefined && this.align.trim() !== '' ? `pds-text--align-${this.align}` : ''}\n ${this.color !== undefined && this.color.trim() !== '' ? `pds-text--color-${this.color}` : ''}\n ${this.gutter !== undefined && this.gutter.trim() !== '' ? `pds-text--gutter-${this.gutter}` : ''}\n ${this.size !== undefined && this.size.trim() !== '' ? `pds-text--size-${this.size}` : ''}\n ${this.weight !== undefined && this.weight.trim() !== '' ? `pds-text--weight-${this.weight}` : ''}\n ${this.decoration !== undefined && this.decoration.trim() !== '' ? `pds-text--decoration-${this.decoration}` : ''}\n `;\n\n return (\n <Tag class={typeClasses}>\n <slot />\n </Tag>\n );\n }\n}\n"],"version":3}
|