@swisspost/design-system-components 2.0.0 → 2.0.2
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/LICENSE +183 -185
- package/dist/cjs/check-non-empty-eeaa8f77.js +0 -2
- package/dist/cjs/constants-238701d3.js +0 -2
- package/dist/cjs/fade-35a3633a.js +0 -2
- package/dist/cjs/index-8c288b1a.js +0 -2
- package/dist/cjs/{index-13695f3f.js → index-f243643b.js} +30 -4
- package/dist/cjs/index.cjs.js +15 -15
- package/dist/cjs/loader.cjs.js +1 -3
- package/dist/cjs/package-e8091039.js +5 -0
- package/dist/cjs/{post-accordion-9877919c.js → post-accordion-eebf7827.js} +5 -6
- package/dist/cjs/post-accordion-item-b2977ca5.js +51 -0
- package/dist/cjs/post-accordion-item.cjs.entry.js +5 -47
- package/dist/cjs/post-accordion.cjs.entry.js +3 -5
- package/dist/cjs/post-alert-af7728e6.js +98 -0
- package/dist/cjs/post-alert.cjs.entry.js +3 -5
- package/dist/cjs/{post-collapsible-ef0561b4.js → post-collapsible-15f79667.js} +5 -6
- package/dist/cjs/post-collapsible.cjs.entry.js +3 -5
- package/dist/cjs/post-components.cjs.js +2 -4
- package/dist/cjs/{post-icon-e9dcd643.js → post-icon-b80d7e24.js} +6 -7
- package/dist/cjs/post-icon.cjs.entry.js +3 -5
- package/dist/cjs/{post-popover-e114ebe7.js → post-popover-392b0554.js} +6 -7
- package/dist/cjs/post-popover.cjs.entry.js +3 -5
- package/dist/cjs/{post-popovercontainer-20fb22ee.js → post-popovercontainer-130193cf.js} +120 -30
- package/dist/cjs/post-popovercontainer.cjs.entry.js +3 -5
- package/dist/cjs/post-tab-header-454cc178.js +32 -0
- package/dist/cjs/post-tab-header.cjs.entry.js +3 -5
- package/dist/cjs/{post-tab-panel-95cf7092.js → post-tab-panel-fc0bfcbe.js} +5 -6
- package/dist/cjs/post-tab-panel.cjs.entry.js +3 -5
- package/dist/cjs/{post-tabs-dbe7c341.js → post-tabs-3f909e1c.js} +5 -6
- package/dist/cjs/post-tabs.cjs.entry.js +3 -5
- package/dist/cjs/{post-tooltip-659af1e3.js → post-tooltip-e5b22230.js} +1863 -393
- package/dist/cjs/post-tooltip.cjs.entry.js +3 -5
- package/dist/collection/animations/collapse.js +0 -1
- package/dist/collection/animations/fade.js +0 -1
- package/dist/collection/animations/index.js +0 -1
- package/dist/collection/collection-manifest.json +3 -3
- package/dist/collection/components/post-accordion/post-accordion.js +4 -2
- package/dist/collection/components/post-accordion-item/heading-levels.js +0 -1
- package/dist/collection/components/post-accordion-item/post-accordion-item.css +1 -1
- package/dist/collection/components/post-accordion-item/post-accordion-item.js +5 -2
- package/dist/collection/components/post-alert/alert-types.js +0 -1
- package/dist/collection/components/post-alert/post-alert.css +2 -2
- package/dist/collection/components/post-alert/post-alert.js +10 -8
- package/dist/collection/components/post-collapsible/post-collapsible.js +4 -2
- package/dist/collection/components/post-icon/post-icon.css +1 -1
- package/dist/collection/components/post-icon/post-icon.js +1 -2
- package/dist/collection/components/post-popover/post-popover.css +1 -1
- package/dist/collection/components/post-popover/post-popover.js +5 -3
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.css +1 -1
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.js +8 -4
- package/dist/collection/components/post-tab-header/post-tab-header.css +1 -1
- package/dist/collection/components/post-tab-header/post-tab-header.js +4 -2
- package/dist/collection/components/post-tab-panel/post-tab-panel.js +4 -2
- package/dist/collection/components/post-tabs/post-tabs.js +5 -2
- package/dist/collection/components/post-tooltip/post-tooltip.css +1 -1
- package/dist/collection/components/post-tooltip/post-tooltip.js +142 -45
- package/dist/collection/components/post-tooltip/types.js +0 -1
- package/dist/collection/index.js +1 -1
- package/dist/collection/index.spec.js +27 -0
- package/dist/collection/utils/index.js +0 -1
- package/dist/collection/utils/is-motion-reduced.js +0 -1
- package/dist/collection/utils/property-checkers/check-non-empty.js +0 -1
- package/dist/collection/utils/property-checkers/check-one-of.js +0 -1
- package/dist/collection/utils/property-checkers/check-pattern.js +0 -1
- package/dist/collection/utils/property-checkers/check-type.js +0 -1
- package/dist/collection/utils/property-checkers/constants.js +0 -1
- package/dist/collection/utils/property-checkers/empty-or.js +0 -1
- package/dist/collection/utils/property-checkers/index.js +0 -1
- package/dist/components/check-non-empty.js +0 -2
- package/dist/components/constants.js +0 -2
- package/dist/components/fade.js +0 -2
- package/dist/components/index.js +1 -2
- package/dist/components/index2.js +1 -3
- package/dist/components/package.js +1 -3
- package/dist/components/post-accordion-item.js +1 -77
- package/dist/components/post-accordion-item2.js +78 -0
- package/dist/components/post-accordion.js +0 -2
- package/dist/components/post-accordion2.js +3 -4
- package/dist/components/post-alert.js +0 -2
- package/dist/components/post-alert2.js +8 -11
- package/dist/components/post-collapsible.js +0 -2
- package/dist/components/post-collapsible2.js +3 -4
- package/dist/components/post-icon.js +0 -2
- package/dist/components/post-icon2.js +5 -6
- package/dist/components/post-popover.js +0 -2
- package/dist/components/post-popover2.js +4 -5
- package/dist/components/post-popovercontainer.js +0 -2
- package/dist/components/post-popovercontainer2.js +118 -28
- package/dist/components/post-tab-header.js +0 -2
- package/dist/components/post-tab-header2.js +4 -5
- package/dist/components/post-tab-panel.js +0 -2
- package/dist/components/post-tab-panel2.js +3 -4
- package/dist/components/post-tabs.js +0 -2
- package/dist/components/post-tabs2.js +3 -4
- package/dist/components/post-tooltip.js +0 -2
- package/dist/components/post-tooltip2.js +1864 -394
- package/dist/docs.json +152 -30
- package/dist/esm/check-non-empty-58bd6b17.js +0 -2
- package/dist/esm/constants-8d548297.js +0 -2
- package/dist/esm/fade-7fd71785.js +0 -2
- package/dist/esm/{index-74cf5c9d.js → index-1708db56.js} +30 -4
- package/dist/esm/{index-1427953c.js → index-b444db27.js} +1 -3
- package/dist/esm/index.js +15 -16
- package/dist/esm/loader.js +2 -4
- package/dist/esm/package-aa903c40.js +3 -0
- package/dist/esm/{post-accordion-3b137073.js → post-accordion-82b49f7b.js} +5 -6
- package/dist/esm/post-accordion-item-3deff76a.js +49 -0
- package/dist/esm/post-accordion-item.entry.js +4 -50
- package/dist/esm/post-accordion.entry.js +3 -5
- package/dist/esm/post-alert-c88451ba.js +96 -0
- package/dist/esm/post-alert.entry.js +4 -6
- package/dist/esm/{post-collapsible-a418570f.js → post-collapsible-87ce4e6e.js} +6 -7
- package/dist/esm/post-collapsible.entry.js +4 -6
- package/dist/esm/post-components.js +3 -5
- package/dist/esm/{post-icon-302d1767.js → post-icon-e0536000.js} +7 -8
- package/dist/esm/post-icon.entry.js +4 -6
- package/dist/esm/{post-popover-5725afc7.js → post-popover-00b006b4.js} +6 -7
- package/dist/esm/post-popover.entry.js +3 -5
- package/dist/esm/{post-popovercontainer-1c050e83.js → post-popovercontainer-6d1d7f76.js} +120 -30
- package/dist/esm/post-popovercontainer.entry.js +3 -5
- package/dist/esm/post-tab-header-0f7866f9.js +30 -0
- package/dist/esm/post-tab-header.entry.js +3 -5
- package/dist/esm/{post-tab-panel-16796ee3.js → post-tab-panel-b41d5d0f.js} +5 -6
- package/dist/esm/post-tab-panel.entry.js +3 -5
- package/dist/esm/{post-tabs-16f99043.js → post-tabs-97868e9c.js} +5 -6
- package/dist/esm/post-tabs.entry.js +3 -5
- package/dist/esm/{post-tooltip-03a6d578.js → post-tooltip-531b569d.js} +1863 -393
- package/dist/esm/post-tooltip.entry.js +3 -5
- package/dist/post-components/index.esm.js +1 -2
- package/dist/post-components/p-0ef425cd.entry.js +1 -0
- package/dist/post-components/p-10b4cf7a.js +2 -0
- package/dist/post-components/p-202a23d3.js +1 -0
- package/dist/post-components/p-23d55894.entry.js +1 -0
- package/dist/post-components/p-25766de1.js +1 -0
- package/dist/post-components/p-2737eaf5.js +1 -2
- package/dist/post-components/p-284ca5da.js +1 -0
- package/dist/post-components/p-2b5a940c.entry.js +1 -0
- package/dist/post-components/p-31c06741.entry.js +1 -0
- package/dist/post-components/p-320a90d8.entry.js +1 -0
- package/dist/post-components/p-3b8a1f9d.entry.js +1 -0
- package/dist/post-components/p-440193f4.js +1 -2
- package/dist/post-components/p-61ad6181.entry.js +1 -0
- package/dist/post-components/p-71a57911.js +1 -0
- package/dist/post-components/p-b095519d.js +1 -2
- package/dist/post-components/p-b111a381.js +1 -0
- package/dist/post-components/p-ba40e160.js +1 -0
- package/dist/post-components/p-be08f39f.entry.js +1 -0
- package/dist/post-components/p-bf1293e1.js +1 -0
- package/dist/post-components/p-c3dd84af.js +1 -0
- package/dist/post-components/p-c9ecada7.entry.js +1 -0
- package/dist/post-components/p-cdd7ad0a.js +15 -0
- package/dist/post-components/p-d7863a77.js +1 -0
- package/dist/post-components/p-d8ac8ae9.js +1 -0
- package/dist/post-components/p-dc9ffe1d.js +1 -0
- package/dist/post-components/p-f0e82e63.js +1 -0
- package/dist/post-components/p-fbf645c4.entry.js +1 -0
- package/dist/post-components/p-ff9016ce.entry.js +1 -0
- package/dist/post-components/post-components.esm.js +1 -2
- package/dist/types/components/post-accordion/post-accordion.d.ts +3 -0
- package/dist/types/components/post-accordion-item/post-accordion-item.d.ts +4 -0
- package/dist/types/components/post-alert/post-alert.d.ts +5 -0
- package/dist/types/components/post-collapsible/post-collapsible.d.ts +3 -0
- package/dist/types/components/post-popover/post-popover.d.ts +3 -0
- package/dist/types/components/post-popovercontainer/post-popovercontainer.d.ts +3 -0
- package/dist/types/components/post-tab-header/post-tab-header.d.ts +3 -0
- package/dist/types/components/post-tab-panel/post-tab-panel.d.ts +3 -0
- package/dist/types/components/post-tabs/post-tabs.d.ts +4 -0
- package/dist/types/components/post-tooltip/post-tooltip.d.ts +14 -6
- package/dist/types/index.d.ts +1 -0
- package/package.json +13 -14
- package/dist/cjs/check-non-empty-eeaa8f77.js.map +0 -1
- package/dist/cjs/constants-238701d3.js.map +0 -1
- package/dist/cjs/fade-35a3633a.js.map +0 -1
- package/dist/cjs/index-13695f3f.js.map +0 -1
- package/dist/cjs/index-8c288b1a.js.map +0 -1
- package/dist/cjs/index.cjs.js.map +0 -1
- package/dist/cjs/loader.cjs.js.map +0 -1
- package/dist/cjs/package-8152e25e.js +0 -7
- package/dist/cjs/package-8152e25e.js.map +0 -1
- package/dist/cjs/post-accordion-9877919c.js.map +0 -1
- package/dist/cjs/post-accordion-item.cjs.entry.js.map +0 -1
- package/dist/cjs/post-accordion.cjs.entry.js.map +0 -1
- package/dist/cjs/post-alert-d87e6132.js +0 -101
- package/dist/cjs/post-alert-d87e6132.js.map +0 -1
- package/dist/cjs/post-alert.cjs.entry.js.map +0 -1
- package/dist/cjs/post-collapsible-ef0561b4.js.map +0 -1
- package/dist/cjs/post-collapsible.cjs.entry.js.map +0 -1
- package/dist/cjs/post-components.cjs.js.map +0 -1
- package/dist/cjs/post-icon-e9dcd643.js.map +0 -1
- package/dist/cjs/post-icon.cjs.entry.js.map +0 -1
- package/dist/cjs/post-popover-e114ebe7.js.map +0 -1
- package/dist/cjs/post-popover.cjs.entry.js.map +0 -1
- package/dist/cjs/post-popovercontainer-20fb22ee.js.map +0 -1
- package/dist/cjs/post-popovercontainer.cjs.entry.js.map +0 -1
- package/dist/cjs/post-tab-header-34c1cc21.js +0 -33
- package/dist/cjs/post-tab-header-34c1cc21.js.map +0 -1
- package/dist/cjs/post-tab-header.cjs.entry.js.map +0 -1
- package/dist/cjs/post-tab-panel-95cf7092.js.map +0 -1
- package/dist/cjs/post-tab-panel.cjs.entry.js.map +0 -1
- package/dist/cjs/post-tabs-dbe7c341.js.map +0 -1
- package/dist/cjs/post-tabs.cjs.entry.js.map +0 -1
- package/dist/cjs/post-tooltip-659af1e3.js.map +0 -1
- package/dist/cjs/post-tooltip.cjs.entry.js.map +0 -1
- package/dist/collection/animations/collapse.js.map +0 -1
- package/dist/collection/animations/fade.js.map +0 -1
- package/dist/collection/animations/index.js.map +0 -1
- package/dist/collection/components/post-accordion/post-accordion.js.map +0 -1
- package/dist/collection/components/post-accordion-item/heading-levels.js.map +0 -1
- package/dist/collection/components/post-accordion-item/post-accordion-item.js.map +0 -1
- package/dist/collection/components/post-alert/alert-types.js.map +0 -1
- package/dist/collection/components/post-alert/post-alert.js.map +0 -1
- package/dist/collection/components/post-collapsible/post-collapsible.js.map +0 -1
- package/dist/collection/components/post-icon/post-icon.js.map +0 -1
- package/dist/collection/components/post-popover/post-popover.js.map +0 -1
- package/dist/collection/components/post-popovercontainer/post-popovercontainer.js.map +0 -1
- package/dist/collection/components/post-tab-header/post-tab-header.js.map +0 -1
- package/dist/collection/components/post-tab-panel/post-tab-panel.js.map +0 -1
- package/dist/collection/components/post-tabs/post-tabs.js.map +0 -1
- package/dist/collection/components/post-tooltip/post-tooltip.js.map +0 -1
- package/dist/collection/components/post-tooltip/types.js.map +0 -1
- package/dist/collection/index.js.map +0 -1
- package/dist/collection/utils/index.js.map +0 -1
- package/dist/collection/utils/is-motion-reduced.js.map +0 -1
- package/dist/collection/utils/property-checkers/check-non-empty.js.map +0 -1
- package/dist/collection/utils/property-checkers/check-one-of.js.map +0 -1
- package/dist/collection/utils/property-checkers/check-pattern.js.map +0 -1
- package/dist/collection/utils/property-checkers/check-type.js.map +0 -1
- package/dist/collection/utils/property-checkers/constants.js.map +0 -1
- package/dist/collection/utils/property-checkers/empty-or.js.map +0 -1
- package/dist/collection/utils/property-checkers/index.js.map +0 -1
- package/dist/components/check-non-empty.js.map +0 -1
- package/dist/components/constants.js.map +0 -1
- package/dist/components/fade.js.map +0 -1
- package/dist/components/index.js.map +0 -1
- package/dist/components/index2.js.map +0 -1
- package/dist/components/package.js.map +0 -1
- package/dist/components/post-accordion-item.js.map +0 -1
- package/dist/components/post-accordion.js.map +0 -1
- package/dist/components/post-accordion2.js.map +0 -1
- package/dist/components/post-alert.js.map +0 -1
- package/dist/components/post-alert2.js.map +0 -1
- package/dist/components/post-collapsible.js.map +0 -1
- package/dist/components/post-collapsible2.js.map +0 -1
- package/dist/components/post-icon.js.map +0 -1
- package/dist/components/post-icon2.js.map +0 -1
- package/dist/components/post-popover.js.map +0 -1
- package/dist/components/post-popover2.js.map +0 -1
- package/dist/components/post-popovercontainer.js.map +0 -1
- package/dist/components/post-popovercontainer2.js.map +0 -1
- package/dist/components/post-tab-header.js.map +0 -1
- package/dist/components/post-tab-header2.js.map +0 -1
- package/dist/components/post-tab-panel.js.map +0 -1
- package/dist/components/post-tab-panel2.js.map +0 -1
- package/dist/components/post-tabs.js.map +0 -1
- package/dist/components/post-tabs2.js.map +0 -1
- package/dist/components/post-tooltip.js.map +0 -1
- package/dist/components/post-tooltip2.js.map +0 -1
- package/dist/esm/check-non-empty-58bd6b17.js.map +0 -1
- package/dist/esm/constants-8d548297.js.map +0 -1
- package/dist/esm/fade-7fd71785.js.map +0 -1
- package/dist/esm/index-1427953c.js.map +0 -1
- package/dist/esm/index-74cf5c9d.js.map +0 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/loader.js.map +0 -1
- package/dist/esm/package-af0ef704.js +0 -5
- package/dist/esm/package-af0ef704.js.map +0 -1
- package/dist/esm/post-accordion-3b137073.js.map +0 -1
- package/dist/esm/post-accordion-item.entry.js.map +0 -1
- package/dist/esm/post-accordion.entry.js.map +0 -1
- package/dist/esm/post-alert-0dcc6ac7.js +0 -99
- package/dist/esm/post-alert-0dcc6ac7.js.map +0 -1
- package/dist/esm/post-alert.entry.js.map +0 -1
- package/dist/esm/post-collapsible-a418570f.js.map +0 -1
- package/dist/esm/post-collapsible.entry.js.map +0 -1
- package/dist/esm/post-components.js.map +0 -1
- package/dist/esm/post-icon-302d1767.js.map +0 -1
- package/dist/esm/post-icon.entry.js.map +0 -1
- package/dist/esm/post-popover-5725afc7.js.map +0 -1
- package/dist/esm/post-popover.entry.js.map +0 -1
- package/dist/esm/post-popovercontainer-1c050e83.js.map +0 -1
- package/dist/esm/post-popovercontainer.entry.js.map +0 -1
- package/dist/esm/post-tab-header-ede9f078.js +0 -31
- package/dist/esm/post-tab-header-ede9f078.js.map +0 -1
- package/dist/esm/post-tab-header.entry.js.map +0 -1
- package/dist/esm/post-tab-panel-16796ee3.js.map +0 -1
- package/dist/esm/post-tab-panel.entry.js.map +0 -1
- package/dist/esm/post-tabs-16f99043.js.map +0 -1
- package/dist/esm/post-tabs.entry.js.map +0 -1
- package/dist/esm/post-tooltip-03a6d578.js.map +0 -1
- package/dist/esm/post-tooltip.entry.js.map +0 -1
- package/dist/post-components/index.esm.js.map +0 -1
- package/dist/post-components/p-06566f88.js +0 -2
- package/dist/post-components/p-06566f88.js.map +0 -1
- package/dist/post-components/p-12a0f4b9.js +0 -2
- package/dist/post-components/p-12a0f4b9.js.map +0 -1
- package/dist/post-components/p-26dad3c3.js +0 -2
- package/dist/post-components/p-26dad3c3.js.map +0 -1
- package/dist/post-components/p-2737eaf5.js.map +0 -1
- package/dist/post-components/p-299a3e41.entry.js +0 -2
- package/dist/post-components/p-299a3e41.entry.js.map +0 -1
- package/dist/post-components/p-3241987a.entry.js +0 -2
- package/dist/post-components/p-3241987a.entry.js.map +0 -1
- package/dist/post-components/p-3fd14a00.js +0 -2
- package/dist/post-components/p-3fd14a00.js.map +0 -1
- package/dist/post-components/p-440193f4.js.map +0 -1
- package/dist/post-components/p-4b950d70.js +0 -2
- package/dist/post-components/p-4b950d70.js.map +0 -1
- package/dist/post-components/p-503ac49b.entry.js +0 -2
- package/dist/post-components/p-503ac49b.entry.js.map +0 -1
- package/dist/post-components/p-6391f970.js +0 -2
- package/dist/post-components/p-6391f970.js.map +0 -1
- package/dist/post-components/p-6d0226cd.entry.js +0 -2
- package/dist/post-components/p-6d0226cd.entry.js.map +0 -1
- package/dist/post-components/p-775859cc.entry.js +0 -2
- package/dist/post-components/p-775859cc.entry.js.map +0 -1
- package/dist/post-components/p-78589fac.entry.js +0 -2
- package/dist/post-components/p-78589fac.entry.js.map +0 -1
- package/dist/post-components/p-803284de.js +0 -9
- package/dist/post-components/p-803284de.js.map +0 -1
- package/dist/post-components/p-83cedb31.entry.js +0 -2
- package/dist/post-components/p-83cedb31.entry.js.map +0 -1
- package/dist/post-components/p-88481640.entry.js +0 -2
- package/dist/post-components/p-88481640.entry.js.map +0 -1
- package/dist/post-components/p-8f37921c.entry.js +0 -2
- package/dist/post-components/p-8f37921c.entry.js.map +0 -1
- package/dist/post-components/p-91236c61.js +0 -2
- package/dist/post-components/p-91236c61.js.map +0 -1
- package/dist/post-components/p-91f2291a.js +0 -2
- package/dist/post-components/p-91f2291a.js.map +0 -1
- package/dist/post-components/p-93ab273b.js +0 -2
- package/dist/post-components/p-93ab273b.js.map +0 -1
- package/dist/post-components/p-96f4ebc4.js +0 -2
- package/dist/post-components/p-96f4ebc4.js.map +0 -1
- package/dist/post-components/p-b095519d.js.map +0 -1
- package/dist/post-components/p-b4f01350.js +0 -3
- package/dist/post-components/p-b4f01350.js.map +0 -1
- package/dist/post-components/p-d96fbe33.entry.js +0 -2
- package/dist/post-components/p-d96fbe33.entry.js.map +0 -1
- package/dist/post-components/p-de4704fc.js +0 -2
- package/dist/post-components/p-de4704fc.js.map +0 -1
- package/dist/post-components/p-fe7650bc.entry.js +0 -2
- package/dist/post-components/p-fe7650bc.entry.js.map +0 -1
- package/dist/post-components/post-components.esm.js.map +0 -1
|
@@ -2,7 +2,8 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
|
|
|
2
2
|
import { v as version } from './package.js';
|
|
3
3
|
import { c as checkNonEmpty } from './check-non-empty.js';
|
|
4
4
|
|
|
5
|
-
const postTabHeaderCss = ".tab-title[role=tab]{display:inline-block;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);outline-color:currentColor;opacity:.7;color:var(--post-contrast-color);text-decoration:none}.tab-title[role=tab]:focus{background-color:unset;color:var(--post-contrast-color)}.tab-title[role=tab]:hover{opacity:1;background-color:#fff;color:var(--post-contrast-color)}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:#fff;color:var(--post-contrast-color);box-shadow:none}.tab-title[role=tab]:focus-visible::after{content:\"\";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}.tab-title[role=tab].active{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:#fff;color:var(--post-contrast-color);font-weight:700}.tab-title[role=tab].active::before{content:\"\";display:block;position:absolute;top:0;right:-1px;left:-1px;height:.25rem;background-color:#fc0}:is(.bg-dark,.bg-primary,.bg-black,.bg-
|
|
5
|
+
const postTabHeaderCss = ".tab-title[role=tab]{display:inline-block;position:relative;box-sizing:border-box;padding:1rem;transition:background-color 100ms;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);outline-color:currentColor;opacity:.7;color:var(--post-contrast-color);text-decoration:none}.tab-title[role=tab]:focus{background-color:unset;color:var(--post-contrast-color)}.tab-title[role=tab]:hover{opacity:1;background-color:#fff;color:var(--post-contrast-color)}.tab-title[role=tab]:focus-visible{outline:rgba(0,0,0,0);opacity:1;background-color:#fff;color:var(--post-contrast-color);box-shadow:none}.tab-title[role=tab]:focus-visible::after{content:\"\";display:block;position:absolute;top:2px;right:1px;bottom:0;left:1px;box-shadow:0 0 0 1px #fff,0 0 0 2px #333}.tab-title[role=tab].active{z-index:1;border-right-color:#ccc;border-left-color:#ccc;opacity:1;background-color:#fff;color:var(--post-contrast-color);font-weight:700}.tab-title[role=tab].active::before{content:\"\";display:block;position:absolute;top:0;right:-1px;left:-1px;height:.25rem;background-color:#fc0}:is(.bg-dark,.bg-primary,.bg-black,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.bg-success-green,.bg-error-red) .tab-title[role=tab]:hover{background-color:rgba(255,255,255,.2)}:is(.bg-dark,.bg-primary,.bg-black,.bg-danger,.bg-nightblue,.bg-nightblue-bright,.bg-petrol,.bg-coral,.bg-olive,.bg-purple,.bg-purple-bright,.bg-aubergine,.bg-aubergine-bright,.bg-success-green,.bg-error-red) .tab-title[role=tab]:focus-visible{background-color:rgba(255,255,255,.2)}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tab-title[role=tab]{opacity:1;border-left-color:Canvas;border-right-color:Canvas;color:LinkText}.tab-title[role=tab]:hover,.tab-title[role=tab]:focus,.tab-title[role=tab]:focus-within,.tab-title[role=tab]:focus-visible{outline:2px solid Highlight;outline-offset:-0.25rem}.tab-title[role=tab].active{border-left-color:ButtonText;border-right-color:ButtonText;color:Highlight}.tab-title[role=tab].active::before{background-color:Highlight}}.bg-yellow .tab-title{background-color:#fc0}.bg-yellow .tab-title.active{background-color:#fc0}.bg-yellow .nav-item{background-color:#fc0}.bg-light .tab-title{background-color:#faf9f8}.bg-light .tab-title.active{background-color:#faf9f8}.bg-light .nav-item{background-color:#faf9f8}.bg-gray .tab-title{background-color:#f4f3f1}.bg-gray .tab-title.active{background-color:#f4f3f1}.bg-gray .nav-item{background-color:#f4f3f1}.bg-dark .tab-title{background-color:#333}.bg-dark .tab-title.active{background-color:#333}.bg-dark .nav-item{background-color:#333}.bg-primary .tab-title{background-color:#333}.bg-primary .tab-title.active{background-color:#333}.bg-primary .nav-item{background-color:#333}.bg-white .tab-title{background-color:#fff}.bg-white .tab-title.active{background-color:#fff}.bg-white .nav-item{background-color:#fff}.bg-black .tab-title{background-color:#000}.bg-black .tab-title.active{background-color:#000}.bg-black .nav-item{background-color:#000}.bg-info .tab-title{background-color:#cce4ee}.bg-info .tab-title.active{background-color:#cce4ee}.bg-info .nav-item{background-color:#cce4ee}.bg-success .tab-title{background-color:#2c911c}.bg-success .tab-title.active{background-color:#2c911c}.bg-success .nav-item{background-color:#2c911c}.bg-warning .tab-title{background-color:#f49e00}.bg-warning .tab-title.active{background-color:#f49e00}.bg-warning .nav-item{background-color:#f49e00}.bg-danger .tab-title{background-color:#a51728}.bg-danger .tab-title.active{background-color:#a51728}.bg-danger .nav-item{background-color:#a51728}.bg-nightblue .tab-title{background-color:#004976}.bg-nightblue .tab-title.active{background-color:#004976}.bg-nightblue .nav-item{background-color:#004976}.bg-nightblue-bright .tab-title{background-color:#0076a8}.bg-nightblue-bright .tab-title.active{background-color:#0076a8}.bg-nightblue-bright .nav-item{background-color:#0076a8}.bg-petrol .tab-title{background-color:#006d68}.bg-petrol .tab-title.active{background-color:#006d68}.bg-petrol .nav-item{background-color:#006d68}.bg-petrol-bright .tab-title{background-color:#00968f}.bg-petrol-bright .tab-title.active{background-color:#00968f}.bg-petrol-bright .nav-item{background-color:#00968f}.bg-coral .tab-title{background-color:#9e2a2f}.bg-coral .tab-title.active{background-color:#9e2a2f}.bg-coral .nav-item{background-color:#9e2a2f}.bg-coral-bright .tab-title{background-color:#e03c31}.bg-coral-bright .tab-title.active{background-color:#e03c31}.bg-coral-bright .nav-item{background-color:#e03c31}.bg-olive .tab-title{background-color:#716135}.bg-olive .tab-title.active{background-color:#716135}.bg-olive .nav-item{background-color:#716135}.bg-olive-bright .tab-title{background-color:#aa9d2e}.bg-olive-bright .tab-title.active{background-color:#aa9d2e}.bg-olive-bright .nav-item{background-color:#aa9d2e}.bg-purple .tab-title{background-color:#80276c}.bg-purple .tab-title.active{background-color:#80276c}.bg-purple .nav-item{background-color:#80276c}.bg-purple-bright .tab-title{background-color:#c5299b}.bg-purple-bright .tab-title.active{background-color:#c5299b}.bg-purple-bright .nav-item{background-color:#c5299b}.bg-aubergine .tab-title{background-color:#523178}.bg-aubergine .tab-title.active{background-color:#523178}.bg-aubergine .nav-item{background-color:#523178}.bg-aubergine-bright .tab-title{background-color:#7566a0}.bg-aubergine-bright .tab-title.active{background-color:#7566a0}.bg-aubergine-bright .nav-item{background-color:#7566a0}.bg-success-green .tab-title{background-color:#2c871d}.bg-success-green .tab-title.active{background-color:#2c871d}.bg-success-green .nav-item{background-color:#2c871d}.bg-error-red .tab-title{background-color:#a51728}.bg-error-red .tab-title.active{background-color:#a51728}.bg-error-red .nav-item{background-color:#a51728}.bg-warning-orange .tab-title{background-color:#f49e00}.bg-warning-orange .tab-title.active{background-color:#f49e00}.bg-warning-orange .nav-item{background-color:#f49e00}.bg-success-background .tab-title{background-color:#c0debb}.bg-success-background .tab-title.active{background-color:#c0debb}.bg-success-background .nav-item{background-color:#c0debb}.bg-error-background .tab-title{background-color:#ffdade}.bg-error-background .tab-title.active{background-color:#ffdade}.bg-error-background .nav-item{background-color:#ffdade}.bg-warning-background .tab-title{background-color:#fce2b2}.bg-warning-background .tab-title.active{background-color:#fce2b2}.bg-warning-background .nav-item{background-color:#fce2b2}[class*=bg-] .tab-title.active:focus::after{background-color:rgba(255,255,255,.2)}@supports selector(*:focus-visible){[class*=bg-] .tab-title.active:focus::after{background-color:unset}[class*=bg-] .tab-title.active:focus-visible::after{background-color:rgba(255,255,255,.2)}}/*!\n * Copyright 2021 by Swiss Post, Information Technology\n */:host{display:block}.tab-title{padding:0;overflow:visible;border:0;background:none;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;-webkit-appearance:button;appearance:button}";
|
|
6
|
+
const PostTabHeaderStyle0 = postTabHeaderCss;
|
|
6
7
|
|
|
7
8
|
const PostTabHeader = /*@__PURE__*/ proxyCustomElement(class PostTabHeader extends HTMLElement {
|
|
8
9
|
constructor() {
|
|
@@ -19,13 +20,13 @@ const PostTabHeader = /*@__PURE__*/ proxyCustomElement(class PostTabHeader exten
|
|
|
19
20
|
this.tabId = `tab-${this.host.id || crypto.randomUUID()}`;
|
|
20
21
|
}
|
|
21
22
|
render() {
|
|
22
|
-
return (h(Host, { "data-version": version }, h("button", { "aria-selected": "false", class: "tab-title", id: this.tabId, role: "tab", tabindex: "-1", type: "button" }, h("slot",
|
|
23
|
+
return (h(Host, { key: '5685ea424c0e59351a7df7e6b990740067f7e986', "data-version": version }, h("button", { key: 'f32ebddafa7450b081c88e44405f59396a0e6b97', "aria-selected": "false", class: "tab-title", id: this.tabId, role: "tab", tabindex: "-1", type: "button" }, h("slot", { key: '95022af953bbbaf41b5eac4594bf00dc4b12fb37' }))));
|
|
23
24
|
}
|
|
24
25
|
get host() { return this; }
|
|
25
26
|
static get watchers() { return {
|
|
26
27
|
"panel": ["validateFor"]
|
|
27
28
|
}; }
|
|
28
|
-
static get style() { return
|
|
29
|
+
static get style() { return PostTabHeaderStyle0; }
|
|
29
30
|
}, [1, "post-tab-header", {
|
|
30
31
|
"panel": [1],
|
|
31
32
|
"tabId": [32]
|
|
@@ -47,5 +48,3 @@ function defineCustomElement() {
|
|
|
47
48
|
}
|
|
48
49
|
|
|
49
50
|
export { PostTabHeader as P, defineCustomElement as d };
|
|
50
|
-
|
|
51
|
-
//# sourceMappingURL=post-tab-header2.js.map
|
|
@@ -2,6 +2,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
|
|
|
2
2
|
import { v as version } from './package.js';
|
|
3
3
|
|
|
4
4
|
const postTabPanelCss = ":host{display:none}";
|
|
5
|
+
const PostTabPanelStyle0 = postTabPanelCss;
|
|
5
6
|
|
|
6
7
|
const PostTabPanel = /*@__PURE__*/ proxyCustomElement(class PostTabPanel extends HTMLElement {
|
|
7
8
|
constructor() {
|
|
@@ -16,10 +17,10 @@ const PostTabPanel = /*@__PURE__*/ proxyCustomElement(class PostTabPanel extends
|
|
|
16
17
|
this.panelId = `panel-${this.host.id || crypto.randomUUID()}`;
|
|
17
18
|
}
|
|
18
19
|
render() {
|
|
19
|
-
return (h(Host, { "data-version": version }, h("div", { class: "tab-pane", id: this.panelId, role: "tabpanel" }, h("slot",
|
|
20
|
+
return (h(Host, { key: '95b6c12c52ef3aa66235d9c10e9c00730e1eb438', "data-version": version }, h("div", { key: '57dac4559c79ac5db11d6b945273b7126564f2d5', class: "tab-pane", id: this.panelId, role: "tabpanel" }, h("slot", { key: 'ee9c6c82a6e9cadb56d914c483bae83907709a17' }))));
|
|
20
21
|
}
|
|
21
22
|
get host() { return this; }
|
|
22
|
-
static get style() { return
|
|
23
|
+
static get style() { return PostTabPanelStyle0; }
|
|
23
24
|
}, [1, "post-tab-panel", {
|
|
24
25
|
"name": [1],
|
|
25
26
|
"panelId": [32]
|
|
@@ -39,5 +40,3 @@ function defineCustomElement() {
|
|
|
39
40
|
}
|
|
40
41
|
|
|
41
42
|
export { PostTabPanel as P, defineCustomElement as d };
|
|
42
|
-
|
|
43
|
-
//# sourceMappingURL=post-tab-panel2.js.map
|
|
@@ -3,6 +3,7 @@ import { v as version } from './package.js';
|
|
|
3
3
|
import { f as fadeOut, a as fadeIn } from './fade.js';
|
|
4
4
|
|
|
5
5
|
const postTabsCss = ".tabs-wrapper{position:relative;padding-top:1rem;border:0;background-color:#faf9f8}.tabs-wrapper::after{content:\"\";position:absolute;bottom:0;width:100%;height:1px;background-color:#ccc}.tabs-wrapper .tabs{background-color:rgba(0,0,0,0) !important}@media (forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.tabs-wrapper::after{background-color:ButtonBorder}}.tabs{margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap}.tabs::after{content:\"\";display:block;flex:1 0 auto;width:1rem}.tab-content{margin-block:1rem}.bg-yellow .tabs-wrapper{background-color:#fc0}.bg-light .tabs-wrapper{background-color:#faf9f8}.bg-gray .tabs-wrapper{background-color:#f4f3f1}.bg-dark .tabs-wrapper{background-color:#333}.bg-primary .tabs-wrapper{background-color:#333}.bg-white .tabs-wrapper{background-color:#fff}.bg-black .tabs-wrapper{background-color:#000}.bg-info .tabs-wrapper{background-color:#cce4ee}.bg-success .tabs-wrapper{background-color:#2c911c}.bg-warning .tabs-wrapper{background-color:#f49e00}.bg-danger .tabs-wrapper{background-color:#a51728}.bg-nightblue .tabs-wrapper{background-color:#004976}.bg-nightblue-bright .tabs-wrapper{background-color:#0076a8}.bg-petrol .tabs-wrapper{background-color:#006d68}.bg-petrol-bright .tabs-wrapper{background-color:#00968f}.bg-coral .tabs-wrapper{background-color:#9e2a2f}.bg-coral-bright .tabs-wrapper{background-color:#e03c31}.bg-olive .tabs-wrapper{background-color:#716135}.bg-olive-bright .tabs-wrapper{background-color:#aa9d2e}.bg-purple .tabs-wrapper{background-color:#80276c}.bg-purple-bright .tabs-wrapper{background-color:#c5299b}.bg-aubergine .tabs-wrapper{background-color:#523178}.bg-aubergine-bright .tabs-wrapper{background-color:#7566a0}.bg-success-green .tabs-wrapper{background-color:#2c871d}.bg-error-red .tabs-wrapper{background-color:#a51728}.bg-warning-orange .tabs-wrapper{background-color:#f49e00}.bg-success-background .tabs-wrapper{background-color:#c0debb}.bg-error-background .tabs-wrapper{background-color:#ffdade}.bg-warning-background .tabs-wrapper{background-color:#fce2b2}:host{display:block}";
|
|
6
|
+
const PostTabsStyle0 = postTabsCss;
|
|
6
7
|
|
|
7
8
|
const PostTabs = /*@__PURE__*/ proxyCustomElement(class PostTabs extends HTMLElement {
|
|
8
9
|
constructor() {
|
|
@@ -142,10 +143,10 @@ const PostTabs = /*@__PURE__*/ proxyCustomElement(class PostTabs extends HTMLEle
|
|
|
142
143
|
nextTabTitle.focus();
|
|
143
144
|
}
|
|
144
145
|
render() {
|
|
145
|
-
return (h(Host, { "data-version": version }, h("div", { class: "tabs-wrapper" }, h("div", { class: "tabs", role: "tablist" }, h("slot", { name: "tabs", onSlotchange: () => this.enableTabs() }))), h("div", { class: "tab-content" }, h("slot", { onSlotchange: () => this.moveMisplacedTabs() }))));
|
|
146
|
+
return (h(Host, { key: '9acb49f74c51e2d446dce1fcaef76049bcbaf97d', "data-version": version }, h("div", { key: 'dad67c5c56b0c158326cfd6d248bb3273398d93b', class: "tabs-wrapper" }, h("div", { key: '6110e4fd09185f7853503c1c399e16b8226ff032', class: "tabs", role: "tablist" }, h("slot", { key: '85028464cfdbd75d3fbfc27d672acef5acb68a49', name: "tabs", onSlotchange: () => this.enableTabs() }))), h("div", { key: 'abc56a3bc8a6f08066f0fe88048ed4281e05c30d', class: "tab-content" }, h("slot", { key: 'ecbbc08080d4a967448e620bdc9500162f6e6215', onSlotchange: () => this.moveMisplacedTabs() }))));
|
|
146
147
|
}
|
|
147
148
|
get host() { return this; }
|
|
148
|
-
static get style() { return
|
|
149
|
+
static get style() { return PostTabsStyle0; }
|
|
149
150
|
}, [1, "post-tabs", {
|
|
150
151
|
"activePanel": [1, "active-panel"],
|
|
151
152
|
"show": [64]
|
|
@@ -165,5 +166,3 @@ function defineCustomElement() {
|
|
|
165
166
|
}
|
|
166
167
|
|
|
167
168
|
export { PostTabs as P, defineCustomElement as d };
|
|
168
|
-
|
|
169
|
-
//# sourceMappingURL=post-tabs2.js.map
|