@designsystem-se/af 37.0.2-beta.0 → 37.0.2-beta.1

package/dist/cjs/digi-footer-card.cjs.entry.js

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-7a477838.js');
-const footerCardVariation_enum = require('./footer-card-variation.enum-99555edc.js');
-
-const footerCardCss = ".sc-digi-footer-card-h{--digi--footer-card--text--color:var(--digi--color--text--secondary);--digi--footer-card--border-bottom:solid var(--digi--border-width--primary) var(--digi--color--divider--on-brand-primary);--digi--footer-card--link--font-weight:var(--digi--typography--link-bold--font-weight--desktop)}.sc-digi-footer-card-h .digi-footer-card.sc-digi-footer-card{--BORDER:unset;--LINK-DECORATION:underline;--LINK-DECORATION--HOVER:underline;--LINK-SIZE:inherit;--PADDING-BOTTOM:var(--digi--container-gutter--larger);--MARGIN-BOTTOM:var(--digi--container-gutter--larger);margin-bottom:var(--MARGIN-BOTTOM);padding-bottom:var(--PADDING-BOTTOM);border-bottom:var(--BORDER)}@media (min-width: 61.9375rem){.sc-digi-footer-card-h .digi-footer-card.sc-digi-footer-card{--BORDER:0;--PADDING-BOTTOM:var(--digi--container-gutter--large)}}.sc-digi-footer-card-h .digi-footer-card--border.sc-digi-footer-card{--BORDER:var(--digi--footer-card--border-bottom);--LINK-SIZE:var(--digi--typography--heading-3--font-size--mobile)}@media (min-width: 61.9375rem){.sc-digi-footer-card-h .digi-footer-card--border.sc-digi-footer-card{--LINK-SIZE:var(--digi--typography--heading-3--font-size--desktop)}}.sc-digi-footer-card-h .digi-footer-card--icon.sc-digi-footer-card{--LINK-DECORATION:none}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h3,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h4,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h5,.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h6{color:var(--digi--footer--text--color);margin-top:0}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2{font-size:var(--digi--typography--heading-3--font-size--mobile)}@media (min-width: 61.9375rem){.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s h2{font-size:var(--digi--typography--heading-3--font-size--desktop)}}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s p{color:var(--digi--footer--text--color)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a{font-size:var(--LINK-SIZE);color:var(--digi--footer--text--color);font-weight:var(--digi--footer-card--link--font-weight);display:flex;align-items:flex-start;text-decoration:var(--LINK-DECORATION)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a:hover{text-decoration:var(--LINK-DECORATION--HOVER)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s a svg{--digi--icon--color:var(--digi--footer-card-text--color);--digi--icon--height:1em;--digi--icon--width:1em;margin-right:var(--digi--gutter--small)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul{padding:0;margin:0;list-style:none}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul li{margin-bottom:var(--digi--gutter--largest-2)}.sc-digi-footer-card-h .digi-footer-card .sc-digi-footer-card-s ul li:last-child{margin-bottom:0}";
-const DigiFooterCardStyle0 = footerCardCss;
-
-const FooterFooterCard = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afType = footerCardVariation_enum.FooterCardVariation.NONE;
-    }
-    get cssModifiers() {
-        return {
-            'digi-footer-card--icon': this.afType == footerCardVariation_enum.FooterCardVariation.ICON,
-            'digi-footer-card--border': this.afType == footerCardVariation_enum.FooterCardVariation.BORDER
-        };
-    }
-    render() {
-        return (index.h(index.Host, { key: 'fa225634df0c6414c3949ba2e6828b7fc389d2df' }, index.h("div", { key: 'f1e422f341731f92616b787727fac43e806e95d4', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, index.h("div", { key: '63c5b87358d98b2f4be80d59780d8cc2f315a102', class: "digi-footer-card__content" }, index.h("slot", { key: '246e9b9cd9b60eb9cc1b1f5bb0b81425ce0b863e' })))));
-    }
-    get hostElement() { return index.getElement(this); }
-};
-FooterFooterCard.style = DigiFooterCardStyle0;
-
-exports.digi_footer_card = FooterFooterCard;

package/dist/cjs/digi-footer.cjs.entry.js

@@ -1,64 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-7a477838.js');
-const typographyVariation_enum = require('./typography-variation.enum-e41bd69d.js');
-require('./badge-notification-shape.enum-ff802554.js');
-require('./badge-status-variation.enum-0a5adc21.js');
-require('./code-example-variation.enum-1611825e.js');
-require('./form-input-type.enum-1fb2180a.js');
-require('./button-variation.enum-bc521499.js');
-require('./calendar-week-view-heading-level.enum-fd0c841b.js');
-require('./bar-chart-variation.enum-a4e866b6.js');
-require('./code-variation.enum-c4a4e6fd.js');
-require('./expandable-accordion-header-level.enum-45483252.js');
-require('./expandable-faq-variation.enum-af923f49.js');
-require('./footer-card-variation.enum-99555edc.js');
-require('./form-validation-message-variation.enum-c5ec3e2d.js');
-require('./form-textarea-variation.enum-9c90d40f.js');
-require('./info-card-multi-type.enum-14746572.js');
-require('./info-card-variation.enum-64cef637.js');
-const layoutBlockVariation_enum = require('./layout-block-variation.enum-f6102119.js');
-require('./layout-columns-variation.enum-65675649.js');
-require('./link-button-variation.enum-137785e3.js');
-require('./list-type.enum-aea4d012.js');
-require('./loader-skeleton-variation.enum-d52ba55e.js');
-require('./loader-spinner-size.enum-db2973f0.js');
-require('./logo-variation.enum-607fadb4.js');
-require('./media-figure-alignment.enum-3885aba5.js');
-require('./navigation-sidebar-variation.enum-1c0c3064.js');
-require('./progress-list-item-variation.enum-90e4c874.js');
-require('./progress-list-variation.enum-06d5ce27.js');
-require('./progressbar-variation.enum-aff9fa80.js');
-require('./quote-image-inner-position.enum-e64e7a6d.js');
-require('./table-variation.enum-25df2ad7.js');
-require('./tag-media-icon.enum-372563c5.js');
-require('./tag-size.enum-387c516c.js');
-require('./tools-feedback-banner-type.enum-de373ba0.js');
-require('./tools-feedback-rating-variation.enum-2f71e84d.js');
-require('./typography-meta-variation.enum-13ac3538.js');
-require('./typography-time-variation.enum-bce1d87e.js');
-require('./util-breakpoint-observer-breakpoints.enum-e96d3a84.js');
-
-const footerCss = ".sc-digi-footer-h {\n  --digi--footer--text--color: var(--digi--color--text--secondary);\n  --digi--footer--text--font-family: var(--digi--global--typography--font-family--default);\n  --digi--footer--text--font-size: var(--digi--typography--body--font-size--desktop);\n  --digi--footer--text--font-weight: var(--digi--typography--description--font-weight--desktop);\n  --digi--footer--link--color--default: var(--digi--color--text--secondary);\n  --digi--footer--link--color--hover: var(--digi--color--text--secondary);\n  --digi--footer--link--border-color--default: var(--digi--color--text--secondary);\n  --digi--footer--link--border-color--hover: var(--digi--color--text--secondary);\n  --digi--footer--padding-top: var(--digi--container-gutter--largest);\n  --digi--footer--margin-top: var(--digi--container-gutter--large);\n  --digi--footer--logo-vertical-padding: var(--digi--container-gutter--large);\n}\n.sc-digi-footer-h .digi-footer.sc-digi-footer {\n  --MARGIN-TOP: var(--digi--footer--margin-top);\n  color: var(--digi--footer--text--color);\n  font-family: var(--digi--footer--text--font-family);\n  font-size: var(--digi--footer--text--font-size);\n  font-weight: var(--digi--footer--text--font-weight);\n  line-height: normal;\n}\n.sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n  grid-template-columns: repeat(1, 1fr);\n}\n@media (min-width: 61.9375rem) {\n  .sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n    grid-template-columns: repeat(4, 1fr);\n  }\n  .sc-digi-footer-h .digi-footer--small.sc-digi-footer-s > [slot^=content-top] > *:first-child, .sc-digi-footer-h .digi-footer--small .sc-digi-footer-s > [slot^=content-top] > *:first-child {\n    grid-column: 1/3;\n  }\n}\n@container (max-width: 600px) {\n  .sc-digi-footer-h .digi-footer.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .digi-footer .sc-digi-footer-s > [slot^=content-top] {\n    grid-template-columns: repeat(1, 1fr);\n  }\n}\n.sc-digi-footer-h .digi-footer__content-top.sc-digi-footer {\n  container-type: inline-size;\n  padding-top: var(--digi--footer--padding-top);\n}\n.sc-digi-footer-h .digi-footer__content-bottom.sc-digi-footer {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  padding: var(--digi--footer--padding-top) 0;\n}\n@media (max-width: 61.9375rem) {\n  .sc-digi-footer-h .digi-footer__content-bottom.sc-digi-footer {\n    justify-content: center;\n  }\n}\n@container (max-width: 600px) {\n  .sc-digi-footer-h .digi-footer__content-bottom {\n    justify-content: center;\n  }\n}\n.sc-digi-footer-h .sc-digi-footer-s  digi-logo  {\n  --digi--logo--padding--large--wide: 0;\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-top], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-top] {\n  display: grid;\n  grid-template-rows: repeat(2, auto);\n  column-gap: var(--digi--gutter--largest);\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-left] {\n  flex-basis: 100%;\n  display: flex;\n  justify-content: center;\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo {\n  padding: var(--digi--footer--logo-vertical-padding) 0;\n}\n@media (min-width: 61.9375rem) {\n  .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-left] {\n    flex-basis: auto;\n  }\n  .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-left] .digi-logo {\n    padding: 0;\n  }\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] {\n  display: flex;\n  align-items: flex-end;\n  flex-wrap: wrap;\n  justify-content: center;\n  margin-top: var(--MARGIN-TOP);\n}\n@media (min-width: 61.9375rem) {\n  .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] {\n    --MARGIN-TOP: 0;\n  }\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n  color: var(--digi--footer--text--color);\n  padding: var(--digi--gutter--small);\n  margin: 0;\n}\n@media (min-width: 61.9375rem) {\n  .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] p, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] span, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n    padding: var(--digi--gutter--largest-2) var(--digi--gutter--small);\n  }\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a {\n  color: var(--digi--footer--link--color--default);\n  border-color: var(--digi--footer--link--border-color--default);\n  margin: 0;\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:visited, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:visited {\n  color: var(--digi--footer--link--color--default);\n}\n.sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:hover, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:hover, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:focus, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:focus, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right], .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a, .sc-digi-footer-h.sc-digi-footer-s > [slot^=content-bottom-right] a:active, .sc-digi-footer-h .sc-digi-footer-s > [slot^=content-bottom-right] a:active {\n  background: transparent;\n  color: var(--digi--footer--link--color--hover);\n  border-color: var(--digi--footer--link--border-color--hover);\n}";
-const DigiFooterStyle0 = footerCss;
-
-const FooterFooter = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afVariation = typographyVariation_enum.FooterVariation.LARGE;
-    }
-    get cssModifiers() {
-        return {
-            'digi-footer--small': this.afVariation == typographyVariation_enum.FooterVariation.SMALL
-        };
-    }
-    render() {
-        return (index.h(index.Host, { key: 'ee4ea5865121a24c3c7101bfa8c05c2eb3435dd1' }, index.h("footer", { key: 'ce6d22b1e0e6cf7162618c74e55a0cbc87e88e15', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, index.h("digi-typography", { key: '61d27159721343567f14badad6a856567b85448a' }, index.h("digi-layout-block", { key: '968df18f78b11b490b7e3ec2b2a474b47e18121f', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.PROFILE }, index.h("digi-layout-container", { key: '5a4b6b077e9778e8bc79f2607759e62c07f454f6', "af-no-gutter": true }, index.h("div", { key: '69d9448d50f5cf564e0c971da28f9cb1fa2321ea', class: "digi-footer__content-top" }, index.h("slot", { key: '5019f2a0590db884fe8aa7c6a2e8e97c30b067a1', name: "content-top" })), index.h("div", { key: '684f69689e98ca66403d1bd52ed36d4007024009', class: "digi-footer__content-bottom" }, index.h("slot", { key: '6a59e1787e2d9a52a83a01df7a69e84170c51975', name: "content-bottom-left" }), index.h("slot", { key: 'd3a16b9e1bd1220c252d11c0c318f1c7f7b2e0d0', name: "content-bottom-right" }))))))));
-    }
-    get hostElement() { return index.getElement(this); }
-};
-FooterFooter.style = DigiFooterStyle0;
-
-exports.digi_footer = FooterFooter;