@designsystem-se/af 35.4.1-beta.1 → 35.4.1-beta.3

package/dist/collection/components/_table/table/table.js

@@ -24,7 +24,7 @@ export class Table {
         };
     }
     render() {
-        return (h("div", { key: '7e99b6dd616a57f8033c6f839e1a80a0fd3c77ea', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: 'dfa082ab988a0a22beee45bb2458d7006be0effd', class: "digi-table__scroll-container" }, h("slot", { key: '42d13e53c1bca07a1c102f4fa54f2470f1b8cb17' }))));
+        return (h("div", { key: 'dcd3efdeca446511236c2292c9aad492fae9f282', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: 'e1e00b00ff361dc61be31b23005049a48b2763dc', class: "digi-table__scroll-container" }, h("slot", { key: 'c046d3062db86b03388ec42dd68edf1593c1bab1' }))));
     }
     static get is() { return "digi-table"; }
     static get originalStyleUrls() {

package/dist/collection/components/_tag/tag/tag.js

@@ -27,7 +27,7 @@ export class Tag {
         return this.afText;
     }
     render() {
-        return (h("digi-button", { key: '264409e61cb07b743c52efd2cac310ac1c43dfa2', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && h("digi-icon-x", { key: 'd9076f0a7b0755dbfc627ea8ada542943c0129c5', slot: "icon-secondary" })));
+        return (h("digi-button", { key: '8ec218f2ec9c75252bc0dd30a8e1c2b875c38f07', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && h("digi-icon-x", { key: '882a55acb0f3cc2e52a25d0969faf360858b3cea', slot: "icon-secondary" })));
     }
     static get is() { return "digi-tag"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_tag/tag-media/tag-media.js

@@ -33,9 +33,9 @@ export class TagMedia {
         return h("digi-icon-news", { class: "digi-tag-media__icon" });
     }
     render() {
-        return (h(Host, { key: '00cc4d9fac3f463caf797fcfd997d6976ce9c5f9' }, h("div", { key: 'bbd7c71826c820365cfdb3b0795f366193766722', class: {
+        return (h(Host, { key: '2b1b0e8155f24a242c3a23489a12b6df92879cb2' }, h("div", { key: '1ce30677ca3a5e6d923c06776262773eefa1d7a9', class: {
                 'digi-tag-media': true
-            } }, this.tagIcon, h("span", { key: '4214dd775dfa508e8756a0a6e21ddf26fede643f', class: "digi-tag-media__text" }, this.afText))));
+            } }, this.tagIcon, h("span", { key: 'd67de1beeba5532df63ef59b5aad80728a10f27c', class: "digi-tag-media__text" }, this.afText))));
     }
     static get is() { return "digi-tag-media"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_tools/tools-feedback/tools-feedback.js

@@ -73,7 +73,7 @@ export class ToolsFeedback {
         this.afOnReady.emit();
     }
     render() {
-        return (h("div", { key: 'f618a6349e4ad8c82cc1cc3f4b418a0d16d0588e', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: '0802283139cb76054ad82a1febcae6fcd588cd7e', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
+        return (h("div", { key: '4a1b443ece43d7fbb08737610d76db5408e46b9d', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: 'c9dcaae2ef5c7cb2c502891f1c3dc3f86529467a', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
     }
     static get is() { return "digi-tools-feedback"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_tools/tools-feedback-banner/tools-feedback-banner.js

@@ -90,7 +90,7 @@ export class FeedbackBanner {
             }), h("div", { hidden: true, class: "digi-tools-feedback-banner__slot" }, h("digi-util-mutation-observer", { ref: (el) => (this._observer = el), onAfOnChange: () => this.validateLinks() }, h("slot", null))))));
     }
     render() {
-        return (h("div", { key: 'b6e48f13f170e713ea39d96aa7678c6dbe22fd03', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (h("digi-layout-block", { key: 'ff81c2f05310d31c30e9484bfa5737b758d1a00f', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackBannerType.FULLWIDTH && this.content));
+        return (h("div", { key: 'c4a6bae55f9dc9f78580d7f1c8d29e0c78b63c56', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (h("digi-layout-block", { key: '51796498a975044e431ed8b5048bc3724c4ca641', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackBannerType.FULLWIDTH && this.content));
     }
     static get is() { return "digi-tools-feedback-banner"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_tools/tools-feedback-rating/tools-feedback-rating.js

@@ -170,7 +170,7 @@ export class ToolsFeedbackRating {
             {}).text.toLowerCase() || null}`)), h("div", { "aria-labelledby": `${this.afId}-rating-question`, class: "digi-tools-feedback-rating__star-rating-stars", role: "group" }, this.ratingsData().map(({ text, value }) => (h("div", { class: "digi-tools-feedback-rating__star-rating-star" }, h("button", { class: "digi-tools-feedback-rating__star-rating-star-button", onClick: () => this.handleRatingChange(value), "aria-label": `${value} ${value === 1 ? 'stjärna' : 'stjärnor'}${text !== '' ? ', ' + text : ''}`, onMouseEnter: () => this.handleHover(value), onMouseLeave: () => this.handleHover(0), onFocus: () => this.handleHover(value), onFocusout: () => this.handleHover(0) }, h("svg", { "aria-hidden": "true", width: "29px", height: "29px", viewBox: "0 0 32 32", version: "1.1", xmlns: "http://www.w3.org/2000/svg", class: `digi-tools-feedback-rating-star-icon ${this.hoveredRating >= value ? 'filled' : ''}` }, h("g", { stroke: "none", "stroke-width": "1", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("g", { transform: "translate(-1852, -2564)", "stroke-width": "2", class: "digi-tools-feedback-rating-star-icon-border" }, h("g", { transform: "translate(1663, 2565)" }, h("g", { transform: "translate(190, 0)" }, h("path", { d: "M13.0369701,1.00988613 L9.47212213,8.51643297 L1.4958694,9.72422429 C0.0655277509,9.93973122 -0.507709524,11.7709448 0.529620648,12.8199039 L6.30005635,18.6595463 L4.93529305,26.9090563 C4.6897182,28.3999832 6.20191813,29.5170473 7.46854321,28.8195669 L14.6037422,24.9244875 L21.7391705,28.8195669 C23.0057956,29.5113322 24.5179955,28.3999832 24.2721914,26.9090563 L22.9074281,18.6595463 L28.6780931,12.8199039 C29.715194,11.7709448 29.1419567,9.93973122 27.711615,9.72422429 L19.7355916,8.51643297 L16.1707436,1.00988613 C15.531928,-0.328161856 13.6810595,-0.345069029 13.0369701,1.00988613 L13.0369701,1.00988613 Z" })))))))))))))), this.currentStep === 2 && (h("div", { class: "digi-tools-feedback-rating__thankyou" }, h("div", { class: "digi-tools-feedback-rating__thankyou-text" }, h("svg", { width: "32", height: "26", xmlns: "http://www.w3.org/2000/svg", class: "digi-tools-feedback-rating__thankyou-check-icon" }, h("g", { fill: "none", "fill-rule": "evenodd" }, h("path", { d: "M12.431 25.438C5.577 25.438 0 19.848 0 12.978 0 6.107 5.577.518 12.43.518c2.874 0 5.677 1.006 7.893 2.833l-1.441 1.755a10.163 10.163 0 0 0-6.452-2.315c-5.604 0-10.163 4.57-10.163 10.187 0 5.616 4.56 10.186 10.163 10.186 4.346 0 8.21-2.766 9.617-6.883l2.146.737a12.435 12.435 0 0 1-11.763 8.42", fill: "#333" }), h("path", { d: "M13.073 20.935a.725.725 0 0 1-1.022 0l-8.042-8.013a.72.72 0 0 1 0-1.019l1.704-1.699a.725.725 0 0 1 1.023 0l5.826 5.805L28.417.211a.724.724 0 0 1 1.023 0l1.704 1.699a.72.72 0 0 1 0 1.02l-18.07 18.005Z", fill: "none", class: "digi-tools-feedback-rating__infographic-primary" }))), h("h2", { class: "digi-tools-feedback-rating__thankyou-text", tabindex: "-1", ref: (el) => (this._thankYouHeading = el) }, this.afThankYouHeading)), this.afRatings && (h("p", { class: "digi-tools-feedback-rating__thankyou-text-with-rating" }, "Du har gett betyget \"", this.selectedText.toLowerCase(), "\" med", ' ', this.selectedRating, `${this.selectedRating === 1 ? ' stjärna' : ' stjärnor'}`, ".")))), this.currentStep === 2 && this.afLinkText && (h("div", { class: "digi-tools-feedback-rating__link" }, h("digi-link-external", { afHref: this.renderLink(), "af-target": "_blank", onAfOnClick: () => this.submitFeedbackLink(), "af-variation": "small" }, this.afLinkText)))))));
     }
     render() {
-        return (h("div", { key: 'b4f4e2bd9451e6f91d764ed26aee60cc3e102858', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: '410e285f9e427dd2d9d81da209998b3bafb1f4cf', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
+        return (h("div", { key: '4ddfd9efaa8f9981d35d30ba4c00d46c3c0e70b5', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: '6069b2caffded6690f66e2928baaa547b5fa9c3a', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
     }
     static get is() { return "digi-tools-feedback-rating"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_tools/tools-theme-provider/tools-theme-provider.js

@@ -16,7 +16,7 @@ export class ToolsThemeProvider {
         };
     }
     render() {
-        return (h(Host, { key: 'c22c74e49b9fe819b8692df4577f9e7f35add261' }, h("div", { key: '4173def017d23c1c0ec1cc41589663db1f3320b0', class: this.cssModifiers }, h("slot", { key: '5eaa27b2c686524092f5fe5d07deee41b1b2bbe2' }))));
+        return (h(Host, { key: '81e3c29b48b813327c264d8a94a018fa73b83097' }, h("div", { key: '5207462a50a29328b64de61b9dd953f263c27815', class: this.cssModifiers }, h("slot", { key: 'f2f00909d5f69bdb5aa9ffe38c1a9629b71fc065' }))));
     }
     static get is() { return "digi-tools-theme-provider"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_typography/typography/typography.js

@@ -15,7 +15,7 @@ export class Typography {
         };
     }
     render() {
-        return (h("div", { key: 'c88e6cbcee677d822129d9d1362550ccdb416b9d', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '77c9dcc0760ad6b743c852b900a82315dc992583' })));
+        return (h("div", { key: 'c2b9b76abeff5d4f45d8841e7d748b747e985534', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: 'd1f57634bc23c7e2b0c70c7620ada023796bea44' })));
     }
     static get is() { return "digi-typography"; }
     static get originalStyleUrls() {

package/dist/collection/components/_typography/typography-heading-jumbo/typography-heading-jumbo.js

@@ -27,7 +27,7 @@ export class TypographyHeadingJumbo {
         };
     }
     render() {
-        return (h(this.afLevel, { key: '367520c1dab8fd997ba5f19c14a6ecb3cb2c8fdb', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
+        return (h(this.afLevel, { key: '0bac000307c3e8360e76fbdf8817dd372cbb3991', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
     }
     static get is() { return "digi-typography-heading-jumbo"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_typography/typography-meta/typography-meta.js

@@ -17,7 +17,7 @@ export class TypographyMeta {
         };
     }
     render() {
-        return (h("div", { key: '1bac16ed25f260a0e60332f9f90b0ebca2b88537', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: '5132973f56616fbb797c92f301060f682b2b1e64', class: "digi-typography-meta__meta" }, h("slot", { key: 'defabf3e5ab5df755dc41248f4e8939433f6bd60' })), h("div", { key: '361803ae2ed634f11f91d9590a934f6216d0c488', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: '70414fc3c9deaf90f96cd1672859d3ac1d671744', name: "secondary" }))));
+        return (h("div", { key: 'd0083987114c463ae4d508658c1f4630a3b7ea23', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: '734a91732d0586e4a58cd75dc8a095fdaf4e4948', class: "digi-typography-meta__meta" }, h("slot", { key: 'ca615cbe1902b3e0f6470273790a0e859c653dfc' })), h("div", { key: '0ec88f5c1a77b8a247b8c004141edadd7cc47988', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: 'fb0a412f4c909473f23f980aa5399628c2b02da2', name: "secondary" }))));
     }
     static get is() { return "digi-typography-meta"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_typography/typography-preamble/typography-preamble.js

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class TypographyPreamble {
     render() {
-        return (h("p", { key: '84dfb33f74921c55bda182f1556773e4e864fb55', class: "digi-typography-preamble" }, h("slot", { key: '6e8c2c6bb67d93fd56f6f62d80d712977a690f25' })));
+        return (h("p", { key: '85b577c52de51ec05cce65cae87d65c5f2b079cc', class: "digi-typography-preamble" }, h("slot", { key: 'ccfb6218e79c09bcebcfdf3735fdbb2d47de8fef' })));
     }
     static get is() { return "digi-typography-preamble"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_typography/typography-time/typography-time.js

@@ -58,7 +58,7 @@ export class TypographyTime {
         this.formatDate(this.afDateTime);
     }
     render() {
-        return (h("time", { key: '58eb53622721d9eab0ab3c9a0e124511528a6d59', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
+        return (h("time", { key: '996c32b9f71d80f7a2362b90d8bb153627ad4645', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
     }
     static get is() { return "digi-typography-time"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-breakpoint-observer/util-breakpoint-observer.js

@@ -30,7 +30,7 @@ export class UtilBreakpointObserver {
         }
     }
     render() {
-        return (h(Host, { key: '59950bdecc4b2c75d6f8b32df9172fcb8e517c59' }, h("div", { key: 'f4b05fd27069c5e54251021769d5b7cd243eb40a', class: "digi-util-breakpoint-observer" }, h("div", { key: 'c4f061b8653523affbdf16373725cd7c28bbc9f1', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: 'a66d563c46abb265e3018046cf547f7f0fa2163e' }))));
+        return (h(Host, { key: '1bf96336017e1cde539c6e3052ef1713a3b4dba1' }, h("div", { key: 'a27cdafe003d9ea0dc6ae1e835beb9be4f220668', class: "digi-util-breakpoint-observer" }, h("div", { key: '1f6b04b187a97efd64da61d1bcb1a824b343336b', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: '67603f4f2832820c4ceea5592fe4b50be88ea7fe' }))));
     }
     static get is() { return "digi-util-breakpoint-observer"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-detect-click-outside/util-detect-click-outside.js

@@ -24,7 +24,7 @@ export class UtilDetectClickOutside {
         }
     }
     render() {
-        return h("slot", { key: '6e14a88bd5afda0b0a5e2ccb91e94c62fbdbd305' });
+        return h("slot", { key: 'ce56a7fae9872b5f655d72c65a8926b19e1bbdf1' });
     }
     static get is() { return "digi-util-detect-click-outside"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-detect-focus-outside/util-detect-focus-outside.js

@@ -25,7 +25,7 @@ export class UtilDetectFocusOutside {
         }
     }
     render() {
-        return h("slot", { key: '109a805106051386ca73998c72f24fa67185cae5' });
+        return h("slot", { key: 'bc4d7ef425bbbdfd86d3b213f4e94b193fd26f8b' });
     }
     static get is() { return "digi-util-detect-focus-outside"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-intersection-observer/util-intersection-observer.js

@@ -58,7 +58,7 @@ export class UtilIntersectionObserver {
         this._hasIntersected = false;
     }
     render() {
-        return h("slot", { key: 'f074fb12e0a7a4a7eb33192ffdac76d08a4b3c10' });
+        return h("slot", { key: '93927cf4e9ba5053bfb64a6a8cb2aa9172a6481c' });
     }
     static get is() { return "digi-util-intersection-observer"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-keydown-handler/util-keydown-handler.js

@@ -61,7 +61,7 @@ export class UtilKeydownHandler {
         }
     }
     render() {
-        return h("slot", { key: '1fe1d4e4cfc237751e54115d1c42cd366f99da33' });
+        return h("slot", { key: '807fb9ade1831ce31ff901f15bb28825085926e1' });
     }
     static get is() { return "digi-util-keydown-handler"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-keyup-handler/util-keyup-handler.js

@@ -61,7 +61,7 @@ export class UtilKeyupHandler {
         }
     }
     render() {
-        return h("slot", { key: '7bb71d13663da98ea1c402213534f6c57b126da9' });
+        return h("slot", { key: '61588adf83a082a6b1b9135cc1f96b1e32f791bb' });
     }
     static get is() { return "digi-util-keyup-handler"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-resize-observer/util-resize-observer.js

@@ -28,7 +28,7 @@ export class UtilResizeObserver {
         this.afOnChange.emit(e);
     }
     render() {
-        return h("slot", { key: '7aa5075630e8173447abd4a8ebd05588f1a635e5' });
+        return h("slot", { key: 'a4a0538e7d7a8681165439f7fd8d649272e79974' });
     }
     static get is() { return "digi-util-resize-observer"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/design-tokens/components/_logo.variables.scss

@@ -1,17 +1,20 @@
-@mixin digi-title-logo--variables() {
-  --digi--title-logo-text-color: var(--digi--color--text--primary);
-  --digi--title-logo-font-weight: var(--digi--global--typography--font-weight--bold);
-  --digi--title-logo-font-size: var(--digi--typography--title-logo--font-size--mobile);
-  --digi--title-logo-font-size-small: var(--digi--global--typography--font-size--large);
-  --digi--title-logo-line-height-small: 1.25rem;
-  --digi--title-logo-symbol-color: var(--digi--color--logotype-color);
-  --digi--title-logo-symbol-width: 36px;
-  --digi--title-logo-symbol-height: 36px;
-  --digi--title-logo-symbol-width-mobile: 44px;
-  --digi--title-logo-symbol-height-mobile: 44px;
-  --digi--title-logo-text-height: 40px;
-  --digi--title-logo-border-width: var(--digi--global--border-width--base);
-  --digi--title-logo-vertical-padding: 1.375rem;
-  --digi--title-logo-gap: 9px;
-}color--text--secondary);
+@use '../../../../../../styles/src/digi-styles.utils' as *;
+
+@mixin digi-logo--variables() {
+  --digi--logo--img--min-width: #{rem(256)};
+  --digi--logo--img--max-width:#{rem(292)};
+  --digi--logo--img--max-width--large: #{rem(368)};
+  --digi--logo--img--max-width--system: #{rem(44)};
+
+  --digi--logo--padding: 1.375rem;
+  --digi--logo--padding--wide: var(--digi--gutter--larger);
+  --digi--logo--padding--large: var(--digi--gutter--medium);
+  --digi--logo--padding--large--wide: var(--digi--gutter--larger);
+
+  --digi--logo--logotype-color: var(--digi--color--logotype-color);
+  --digi--logo--color--primary: var(--digi--color--text--interactive--brand-primary);
+  --digi--logo--color--secondary: var(--digi--color--text--secondary);
+
+  --digi--logo--color--border--primary: var(--digi--color--text--primary);
+  --digi--logo--color--border--secondary: var(--digi--color--text--secondary);
 }