@designsystem-se/af 34.0.3-beta.0 → 34.0.3

package/dist/cjs/digi-notification-error-page.cjs.entry.js

@@ -3,29 +3,24 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cfa8e9be.js');
-const toolsFeedbackVariation_enum = require('./tools-feedback-variation.enum-b17e8f87.js');
+const typographyVariation_enum = require('./typography-variation.enum-07b834ba.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
-require('./button-size.enum-7921c01e.js');
-require('./button-type.enum-406723db.js');
+require('./code-example-variation.enum-6826a1e7.js');
+require('./form-input-type.enum-1fb2180a.js');
 require('./button-variation.enum-bc521499.js');
 require('./calendar-week-view-heading-level.enum-fd0c841b.js');
 require('./card-footer-border.enum-143982da.js');
 require('./bar-chart-variation.enum-a4e866b6.js');
-require('./code-example-variation.enum-c6557727.js');
 require('./code-variation.enum-c4a4e6fd.js');
 require('./expandable-faq-item-variation.enum-89427195.js');
 require('./expandable-faq-variation.enum-af923f49.js');
 require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
-require('./form-file-upload-variation.enum-634cfae8.js');
-require('./form-input-search-variation.enum-c50239bc.js');
-require('./form-input-type.enum-9c8ee12a.js');
-require('./form-input-variation.enum-c750520c.js');
+require('./form-validation-message-variation.enum-c5ec3e2d.js');
 require('./form-select-variation.enum-528c1bf0.js');
 require('./form-textarea-variation.enum-9c90d40f.js');
-require('./form-validation-message-variation.enum-855ae0be.js');
 require('./info-card-multi-type.enum-14746572.js');
 require('./info-card-variation.enum-64cef637.js');
 require('./layout-container-max-width.enum-7e637f44.js');
@@ -42,7 +37,7 @@ require('./navigation-context-menu-item-type.enum-9b8142ad.js');
 require('./navigation-context-menu-horizontal-position.enum-71b76501.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
-require('./typography-variation.enum-252bed2e.js');
+require('./progress-indicator-variation.enum-7cf8e0e4.js');
 require('./progress-list-item-variation.enum-90e4c874.js');
 require('./progress-list-variation.enum-06d5ce27.js');
 require('./progressbar-variation.enum-aff9fa80.js');
@@ -414,42 +409,42 @@ const NotificationErrorPage = class {
             ? this.afCustomHeading
             : undefined;
         switch (this.afHttpStatusCode) {
-            case toolsFeedbackVariation_enum.ErrorPageStatusCodes.FORBIDDEN:
+            case typographyVariation_enum.ErrorPageStatusCodes.FORBIDDEN:
                 return {
                     heading: customHeading !== null && customHeading !== void 0 ? customHeading : 'Sidan är låst',
                     body: '<p>Du behöver vara inloggad för att kunna se den här sidan. Kontrollera även att du har aktiverat VPN.</p>'
                 };
-            case toolsFeedbackVariation_enum.ErrorPageStatusCodes.GATEWAY_TIMEOUT:
+            case typographyVariation_enum.ErrorPageStatusCodes.GATEWAY_TIMEOUT:
                 return {
                     heading: customHeading !== null && customHeading !== void 0 ? customHeading : 'Sidan kan inte visas just nu',
                     body: '<p>Prova igen om en stund. Om felet upprepas kan du göra en felanmälan.</p>'
                 };
-            case toolsFeedbackVariation_enum.ErrorPageStatusCodes.GONE:
+            case typographyVariation_enum.ErrorPageStatusCodes.GONE:
                 return {
                     heading: customHeading !== null && customHeading !== void 0 ? customHeading : 'Sidan har tagits bort',
                     body: '<p>Du kan söka på webbplatsen eller använda länkarna för att komma vidare.</p>'
                 };
-            case toolsFeedbackVariation_enum.ErrorPageStatusCodes.INTERNAL_SERVER_ERRROR:
+            case typographyVariation_enum.ErrorPageStatusCodes.INTERNAL_SERVER_ERRROR:
                 return {
                     heading: customHeading !== null && customHeading !== void 0 ? customHeading : 'Sidan kan inte visas just nu',
                     body: '<p>Prova igen om en stund. Om felet upprepas kan du göra en felanmälan.</p>'
                 };
-            case toolsFeedbackVariation_enum.ErrorPageStatusCodes.NOT_FOUND:
+            case typographyVariation_enum.ErrorPageStatusCodes.NOT_FOUND:
                 return {
                     heading: customHeading !== null && customHeading !== void 0 ? customHeading : 'Sidan kan inte hittas',
                     body: '<p>Det kan bero på att länken är felaktig eller att sidan inte finns kvar. Du kan prova att ladda om sidan, söka på webbplatsen eller använda länkarna för att komma vidare.</p>'
                 };
-            case toolsFeedbackVariation_enum.ErrorPageStatusCodes.UNAUTHORIZED:
+            case typographyVariation_enum.ErrorPageStatusCodes.UNAUTHORIZED:
                 return {
                     heading: customHeading !== null && customHeading !== void 0 ? customHeading : 'Sidan kan inte visas',
                     body: '<p>Du behöver vara inloggad för att kunna se den här sidan. Har du hamnat fel kan du söka på webbplatsen.</p>'
                 };
-            case toolsFeedbackVariation_enum.ErrorPageStatusCodes.SERVICE_UNAVAILABLE:
+            case typographyVariation_enum.ErrorPageStatusCodes.SERVICE_UNAVAILABLE:
                 return {
                     heading: customHeading !== null && customHeading !== void 0 ? customHeading : '[Namn på tjänst] är tillfälligt stängd på grund av underhållsarbete',
                     body: '<p>Arbetet planeras att vara klart [datum, månad, år (exempelvis 1 oktober 2024)], [tid (ex kl.09.00)]. Använd länkarna nedan för att komma vidare.</p>'
                 };
-            case toolsFeedbackVariation_enum.ErrorPageStatusCodes.BLOCKED:
+            case typographyVariation_enum.ErrorPageStatusCodes.BLOCKED:
                 return {
                     heading: customHeading !== null && customHeading !== void 0 ? customHeading : 'Innehållet blockerat av Arbetsförmedlingen',
                     body: '<p>Om du anser att du behöver tillgång till denna sida [sidans URL] i ditt arbete kan du välja att gå vidare med det, men det kommer att registreras. Har du frågor angående kategoriseringen kontakta ansvarig via e-post.</p>'
@@ -463,21 +458,21 @@ const NotificationErrorPage = class {
     }
     getImage() {
         switch (this.afHttpStatusCode) {
-            case toolsFeedbackVariation_enum.ErrorPageStatusCodes.UNAUTHORIZED:
+            case typographyVariation_enum.ErrorPageStatusCodes.UNAUTHORIZED:
                 return this.setIllustration('ill-401');
-            case toolsFeedbackVariation_enum.ErrorPageStatusCodes.FORBIDDEN:
+            case typographyVariation_enum.ErrorPageStatusCodes.FORBIDDEN:
                 return this.setIllustration('ill-403');
-            case toolsFeedbackVariation_enum.ErrorPageStatusCodes.NOT_FOUND:
+            case typographyVariation_enum.ErrorPageStatusCodes.NOT_FOUND:
                 return this.setIllustration('ill-404');
-            case toolsFeedbackVariation_enum.ErrorPageStatusCodes.GONE:
+            case typographyVariation_enum.ErrorPageStatusCodes.GONE:
                 return this.setIllustration('ill-410');
-            case toolsFeedbackVariation_enum.ErrorPageStatusCodes.INTERNAL_SERVER_ERRROR:
+            case typographyVariation_enum.ErrorPageStatusCodes.INTERNAL_SERVER_ERRROR:
                 return this.setIllustration('ill-500');
-            case toolsFeedbackVariation_enum.ErrorPageStatusCodes.SERVICE_UNAVAILABLE:
+            case typographyVariation_enum.ErrorPageStatusCodes.SERVICE_UNAVAILABLE:
                 return this.setIllustration('ill-503');
-            case toolsFeedbackVariation_enum.ErrorPageStatusCodes.GATEWAY_TIMEOUT:
+            case typographyVariation_enum.ErrorPageStatusCodes.GATEWAY_TIMEOUT:
                 return this.setIllustration('ill-504');
-            case toolsFeedbackVariation_enum.ErrorPageStatusCodes.BLOCKED:
+            case typographyVariation_enum.ErrorPageStatusCodes.BLOCKED:
                 return this.setIllustration('ill-blocked');
         }
     }

package/dist/cjs/digi-progress-indicator.cjs.entry.js

@@ -0,0 +1,137 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-cfa8e9be.js');
+const text = require('./text-ca7e238b.js');
+const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
+const progressIndicatorVariation_enum = require('./progress-indicator-variation.enum-7cf8e0e4.js');
+
+const progressIndicatorCss = ".digi--util--fs--xs.sc-digi-progress-indicator{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-progress-indicator{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-progress-indicator{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-progress-indicator{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-progress-indicator{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-progress-indicator{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-progress-indicator{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-progress-indicator{padding-top:5rem !important}.digi--util--pb--1.sc-digi-progress-indicator{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-progress-indicator{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-progress-indicator{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-progress-indicator{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-progress-indicator{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-progress-indicator{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-progress-indicator{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-progress-indicator{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-progress-indicator{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-progress-indicator{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-progress-indicator{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-progress-indicator{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-progress-indicator{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-progress-indicator{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-progress-indicator{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-progress-indicator{padding:2.5rem !important}.digi--util--p--60.sc-digi-progress-indicator{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-progress-indicator{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-progress-indicator{padding:4.5rem !important}.digi--util--p--90.sc-digi-progress-indicator{padding:5rem !important}.digi--util--ptb--1.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-progress-indicator{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-progress-indicator{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-progress-indicator{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-progress-indicator{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-progress-indicator{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-progress-indicator{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-progress-indicator{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-progress-indicator{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-progress-indicator{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-progress-indicator{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-progress-indicator{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-progress-indicator{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-progress-indicator{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-progress-indicator{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden.sc-digi-progress-indicator{display:none}.sc-digi-progress-indicator-h{--digi--progress-indicator--margin:0 0 var(--digi--margin--medium);--digi--progress-indicator--label--font-size:var(--digi--typography--label--font-size--desktop);--digi--progress-indicator--label--margin:var(--digi--gutter--medium) 0;--digi--progress-indicator--border-color:var(--digi--color--border--neutral-5);--digi--progress-indicator--border-color--active:var(--digi--global--color--function--success--base);--digi--progress-indicator--border-color--secondary--active:var(--digi--color--border--secondary);--digi--progress-indicator--border-width:var(--digi--border-width--primary);--digi--progress-indicator--gap:var(--digi--padding--largest);--digi--progress-indicator--gap--medium:var(--digi--padding--largest);--digi--progress-indicator--gap--large:var(--digi--padding--largest-3);--digi--progress-indicator--gap--x-large:var(--digi--padding--largest-3);--digi--progress-indicator--heading--font-size:var(--digi--typography--heading-2--font-size--desktop);--digi--progress-indicator--heading--mobile--font-size:var(--digi--typography--heading-2--font-size--mobile);--digi--progress-indicator--heading--font-weight:var(--digi--typography--heading-2--font-weight--desktop);--digi--progress-indicator--step--background:transparent;--digi--progress-indicator--step--background--active:var(--digi--global--color--function--success--base);--digi--progress-indicator--step--background--secondary--active:var(--digi--color--background--inverted-1);--digi--progress-indicator--step--size:var(--digi--global--spacing--base);--digi--progress-indicator--step--size--large:1.625rem;--digi--progress-indicator--step--size--active:1.625rem;--digi--progress-indicator--step--size--active--large:1.625rem;--digi--progress-indicator--step--line--width:var(--digi--border-width--secondary);--digi--progress-indicator--step--line--color:var(--digi--color--border--neutral-5);--digi--progress-indicator--step--line--color--current:var(--digi--color--border--neutral-5);--digi--progress-indicator--step--line--color--active:var(--digi--global--color--function--success--base);--digi--progress-indicator--step--line--color--secondary--active:var(--digi--color--border--secondary);--digi--progress-indicator--step--line--style:dashed;--digi--progress-indicator--icon--width:1rem;--digi--progress-indicator--icon--height:1rem;--digi--progress-indicator--icon--color:var(--digi--color--text--inverted);--digi--progress-indicator--icon-status--width:1.75rem;--digi--progress-indicator--icon-status--height:1.75rem;--digi--progress-indicator--icon--warning--color:var(--digi--color--background--warning-1);--digi--progress-indicator--icon--error--color:var(--digi--color--background--danger-1);--digi--progress-indicator--icon--error--background-color:var(--digi--color--background--danger-2)}.sc-digi-progress-indicator-h .digi-progress-indicator.sc-digi-progress-indicator{font-size:var(--digi--progress-indicator--label--font-size);margin:var(--digi--progress-indicator--margin);box-sizing:border-box}.sc-digi-progress-indicator-h .digi-progress-indicator.sc-digi-progress-indicator:not(.digi-progress-indicator--linear){--digi--progress-indicator--step--line--color--active:var(\n    --digi--progress-indicator--step--line--color\n  )}.sc-digi-progress-indicator-h .digi-progress-indicator__content.sc-digi-progress-indicator{font-family:var(--digi--global--typography--font-family--default)}.sc-digi-progress-indicator-h .digi-progress-indicator__heading.sc-digi-progress-indicator{font-size:var(--digi--typography--heading-2--font-size--desktop);font-weight:var(--digi--progress-indicator--heading--font-weight);margin:0;margin-bottom:0.5rem}@media (max-width: 36rem){.sc-digi-progress-indicator-h .digi-progress-indicator__heading.sc-digi-progress-indicator{font-size:var(--digi--typography--heading-2--font-size--mobile);font-weight:var(--digi--typography--heading-2--font-weight--mobile)}}.sc-digi-progress-indicator-h .digi-progress-indicator__next.sc-digi-progress-indicator{font-size:var(--digi--typography--body--font-size--desktop);font-style:italic;color:var(--digi--color--text--neutral);margin:0}.sc-digi-progress-indicator-h .digi-progress-indicator__icon.sc-digi-progress-indicator{--digi--icon--height:var(--digi--progress-indicator--icon--width);--digi--icon--width:var(--digi--progress-indicator--icon--height);--digi--icon--color:var(--digi--progress-indicator--icon--color)}.sc-digi-progress-indicator-h .digi-progress-indicator__icon--warning.sc-digi-progress-indicator{--digi--icon--height:var(\n    --digi--progress-indicator--icon-status--height\n  );--digi--icon--width:var(\n    --digi--progress-indicator--icon-status--width\n  );margin-top:4px}.sc-digi-progress-indicator-h .digi-progress-indicator__icon--error.sc-digi-progress-indicator{margin-top:4px;--digi--icon--height:var(\n    --digi--progress-indicator--icon-status--height\n  );--digi--icon--width:var(\n    --digi--progress-indicator--icon-status--width\n  );--digi--icon--color:var(\n    --digi--progress-indicator--icon--error--color\n  )}.sc-digi-progress-indicator-h .digi-progress-indicator__label.sc-digi-progress-indicator{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--progress-indicator--label--font-size);line-height:var(--digi--typography--body--line-height--desktop);color:var(--digi--color--text--primary);margin:var(--digi--progress-indicator--label--margin)}.sc-digi-progress-indicator-h .digi-progress-indicator__label--steps.sc-digi-progress-indicator{font-weight:600}.sc-digi-progress-indicator-h .digi-progress-indicator__validation-label.sc-digi-progress-indicator{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--progress-indicator--label--font-size);line-height:var(--digi--typography--body--line-height--desktop);color:var(--digi--color--text--primary);padding:var(--digi--gutter--medium) var(--digi--gutter--medium);display:flex;align-items:center}.sc-digi-progress-indicator-h .digi-progress-indicator__validation-label.sc-digi-progress-indicator span.sc-digi-progress-indicator{display:inline-block;margin-left:8px}.sc-digi-progress-indicator-h .digi-progress-indicator__validation-label--warning.sc-digi-progress-indicator{background-color:var(--digi--color--background--warning-2)}.sc-digi-progress-indicator-h .digi-progress-indicator__validation-label--error.sc-digi-progress-indicator{background-color:var(--digi--color--background--danger-2)}.sc-digi-progress-indicator-h .digi-progress-indicator__list.sc-digi-progress-indicator{position:relative;list-style:none;padding:0;margin:0;margin-top:24px;margin-bottom:16px;display:grid;grid-template-columns:repeat(auto-fit, minmax(calc(var(--digi--progress-indicator--step--size) + var(--digi--progress-indicator--gap)), 1fr));--digi--progress-indicator--step--size:var(\n    --digi--progress-indicator--step--size--large\n  );--digi--progress-indicator--step--size--active:var(\n    --digi--progress-indicator--step--size--active--large\n  );--digi--progress-indicator--gap:var(\n    --digi--progress-indicator--gap--x-large\n  )}@media (max-width: 36rem){.sc-digi-progress-indicator-h .digi-progress-indicator__list.sc-digi-progress-indicator{grid-template-columns:repeat(auto-fit, minmax(0.45rem, 1fr))}}.sc-digi-progress-indicator-h .digi-progress-indicator__step.sc-digi-progress-indicator{position:relative;height:var(--digi--progress-indicator--step--size--active);z-index:2}.sc-digi-progress-indicator-h .digi-progress-indicator__step.sc-digi-progress-indicator:last-child{width:var(--digi--progress-indicator--step--size--active)}.sc-digi-progress-indicator-h .digi-progress-indicator__step.sc-digi-progress-indicator:last-child::before{display:none}.sc-digi-progress-indicator-h .digi-progress-indicator__step.sc-digi-progress-indicator::before{content:\"\";position:absolute;top:50%;transform:translateY(-50%);display:inline-block;width:calc(100% - 34px);left:30px;border-top:var(--digi--progress-indicator--step--line--style) var(--digi--progress-indicator--step--line--width) var(--digi--progress-indicator--step--line--color)}@media (max-width: 36rem){.sc-digi-progress-indicator-h .digi-progress-indicator__step.sc-digi-progress-indicator::before{width:calc(100% - 1.1rem);left:1.1rem}}.sc-digi-progress-indicator-h .digi-progress-indicator__step--active.sc-digi-progress-indicator{--digi--progress-indicator--border-color:var(\n    --digi--progress-indicator--border-color--active\n  );--digi--progress-indicator--step--background:var(\n    --digi--progress-indicator--step--background--active\n  );--digi--progress-indicator--step--size:var(\n    --digi--progress-indicator--step--size--active\n  );--digi--progress-indicator--step--line--color:var(\n    --digi--progress-indicator--step--line--color--active\n  );--digi--progress-indicator--step--line--style:solid}.sc-digi-progress-indicator-h .digi-progress-indicator__step--active.sc-digi-progress-indicator .digi-progress-indicator__step-indicator.sc-digi-progress-indicator{margin-left:calc((var(--digi--progress-indicator--step--size--large) - var(--digi--progress-indicator--step--size--active--large)) / 2)}.sc-digi-progress-indicator-h .digi-progress-indicator__step--current.sc-digi-progress-indicator{--digi--progress-indicator--step--line--color:var(\n    --digi--progress-indicator--step--line--color--current\n  );--digi--progress-indicator--step--line--style:dashed}.sc-digi-progress-indicator-h .digi-progress-indicator__step--current.sc-digi-progress-indicator span.sc-digi-progress-indicator:not(:has(>digi-icon-validation-error)).sc-digi-progress-indicator:not(:has(>digi-icon-validation-warning)).sc-digi-progress-indicator{box-shadow:inset 0px 0px 0px 3px var(--digi--color--background--primary), 0 0 0 3px var(--digi--progress-indicator--step--background);width:1.75rem;height:1.75rem}@media (max-width: 36rem){.sc-digi-progress-indicator-h .digi-progress-indicator__step--current.sc-digi-progress-indicator span.sc-digi-progress-indicator:not(:has(>digi-icon-validation-error)).sc-digi-progress-indicator:not(:has(>digi-icon-validation-warning)).sc-digi-progress-indicator{width:1.375rem;height:1.375rem;box-shadow:inset 0px 0px 0px 3px var(--digi--color--background--primary), 0 0 0 2px var(--digi--progress-indicator--step--background)}}.sc-digi-progress-indicator-h .digi-progress-indicator__step--warning.sc-digi-progress-indicator,.sc-digi-progress-indicator-h .digi-progress-indicator__step--error.sc-digi-progress-indicator{--digi--progress-indicator--step--background:transparent}.sc-digi-progress-indicator-h .digi-progress-indicator__step--warning.sc-digi-progress-indicator .digi-progress-indicator__step-indicator.sc-digi-progress-indicator,.sc-digi-progress-indicator-h .digi-progress-indicator__step--error.sc-digi-progress-indicator .digi-progress-indicator__step-indicator.sc-digi-progress-indicator{border:0;box-shadow:inset 0px 0px 0px 2px transparent}.sc-digi-progress-indicator-h .digi-progress-indicator__step-indicator.sc-digi-progress-indicator{width:var(--digi--progress-indicator--step--size);height:var(--digi--progress-indicator--step--size);border:var(--digi--progress-indicator--step--line--style) var(--digi--progress-indicator--step--line--width) var(--digi--progress-indicator--border-color);background:var(--digi--progress-indicator--step--background);box-sizing:border-box;position:absolute;display:inline-flex;align-items:center;justify-content:center;top:50%;transform:translateY(-50%);border-radius:50%}@media (max-width: 36rem){.sc-digi-progress-indicator-h .digi-progress-indicator__step-indicator.sc-digi-progress-indicator{width:1.1rem;height:1.1rem;--digi--progress-indicator--icon-status--width:1.3rem;--digi--progress-indicator--icon-status--width:1.3rem;--digi--progress-indicator--icon--width:0.6rem;--digi--progress-indicator--icon--height:0.6rem}}.sc-digi-progress-indicator-h .digi-progress-indicator__step-number.sc-digi-progress-indicator{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-progress-indicator-h .digi-progress-indicator__circle-wrapper.sc-digi-progress-indicator{display:flex;align-items:center}.sc-digi-progress-indicator-h .digi-progress-indicator__circle.sc-digi-progress-indicator{position:relative;display:inline-block}.sc-digi-progress-indicator-h .digi-progress-indicator__circle.sc-digi-progress-indicator svg.sc-digi-progress-indicator{transform:rotate(-90deg)}.sc-digi-progress-indicator-h .digi-progress-indicator__circle-label.sc-digi-progress-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--tag--font-size--desktop);line-height:var(--digi--typography--body--line-height--desktop);color:var(--digi--color--text--primary);font-weight:600;margin:0}.sc-digi-progress-indicator-h .digi-progress-indicator__circle-step-unfinished.sc-digi-progress-indicator{stroke:var(--digi--progress-indicator--border-color)}.sc-digi-progress-indicator-h .digi-progress-indicator__circle-step-completed.sc-digi-progress-indicator{stroke:var(--digi--progress-indicator--step--background--active)}.sc-digi-progress-indicator-h .digi-progress-indicator__circle-step-warning.sc-digi-progress-indicator{stroke:var(--digi--progress-indicator--icon--warning--color)}.sc-digi-progress-indicator-h .digi-progress-indicator__circle-step-error.sc-digi-progress-indicator{stroke:var(--digi--progress-indicator--icon--error--color)}";
+const DigiProgressIndicatorStyle0 = progressIndicatorCss;
+
+const ProgressIndicator = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.completedSteps = undefined;
+        this.totalSteps = [];
+        this.listItems = undefined;
+        this.hasSlottedItems = undefined;
+        this.radius = 42;
+        this.stroke = 6;
+        this.afCompletedSteps = undefined;
+        this.afWarningStep = undefined;
+        this.afErrorStep = undefined;
+        this.afTotalSteps = undefined;
+        this.afStepsSeparator = text._t.of;
+        this.afStepText = text._t.step;
+        this.afStepNextText = text._t.progress.questions_next;
+        this.afStepHeading = undefined;
+        this.afStepNextLabel = undefined;
+        this.afValidationLabel = undefined;
+        this.afRole = progressIndicatorVariation_enum.ProgressIndicatorRole.STATUS;
+        this.afVariation = progressIndicatorVariation_enum.ProgressIndicatorVariation.PRIMARY;
+        this.afId = randomIdGenerator_util.randomIdGenerator('digi-progress-indicator');
+    }
+    componentWillLoad() {
+        this.changeTotalStepsHandler(this.afTotalSteps);
+        this.getItems();
+    }
+    componentDidLoad() {
+        this.getItems();
+    }
+    changeTotalStepsHandler(value) {
+        const arr = [];
+        let n = 0;
+        while (n < value) {
+            n++;
+            arr.push(n);
+        }
+        this.totalSteps = arr;
+    }
+    changeCompletedStepsHandler(value) {
+        this.completedSteps = value;
+    }
+    getItems(update) {
+        let items;
+        if (update) {
+            items = this._observer.children;
+        }
+        else {
+            items = this.hostElement.querySelectorAll('.digi-progress-indicator__slot li');
+        }
+        if (items.length > 0) {
+            this.hasSlottedItems = true;
+            this.listItems = [...items]
+                .filter((element) => element.tagName.toLowerCase() === 'li')
+                .map((element) => {
+                const el = element;
+                const checked = el.matches('.completed');
+                return {
+                    text: element.textContent,
+                    checked: checked
+                };
+            });
+        }
+    }
+    /**
+     * Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet.
+     * @en Listens for when focus is set on the custom element and propagates it down to the actual heading element.
+     */
+    focusOnHeading() {
+        this.headingElement.focus();
+    }
+    renderHeading() {
+        return (index.h("h2", { class: "digi-progress-indicator__heading", tabIndex: -1, ref: (el) => (this.headingElement = el) }, this.afStepHeading));
+    }
+    get cssModifiers() {
+        return {
+            'digi-progress-indicator': true,
+            'digi-progress-indicator--primary': this.afVariation === progressIndicatorVariation_enum.ProgressIndicatorVariation.PRIMARY,
+            'digi-progress-indicator--secondary': this.afVariation === progressIndicatorVariation_enum.ProgressIndicatorVariation.SECONDARY,
+            'digi-progress-indicator--linear': !this.hasSlottedItems
+        };
+    }
+    get slottedContent() {
+        return;
+    }
+    render() {
+        return (index.h("div", { key: '129050ed3f0aecee43976870d8c3fe834ab498fa', class: this.cssModifiers, role: this.afRole === progressIndicatorVariation_enum.ProgressIndicatorRole.STATUS
+                ? progressIndicatorVariation_enum.ProgressIndicatorRole.STATUS
+                : null }, index.h("div", { key: 'ec760ad17be307e7078188b5f355f14008bd939d' }, this.afStepNextLabel !== undefined ? (index.h("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), this.afCompletedSteps != this.afTotalSteps && (index.h("p", { class: "digi-progress-indicator__next", style: {
+                visibility: this.afStepNextLabel !== null &&
+                    this.afStepNextLabel !== undefined
+                    ? 'visible'
+                    : 'hidden'
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps === this.afTotalSteps && (index.h("p", { class: "digi-progress-indicator__next", style: {
+                visibility: 'hidden'
+            } }, `${this.afStepNextText} ${this.afStepNextLabel}`)))) : (index.h("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), index.h("p", { class: "digi-progress-indicator__label" }, index.h("span", null, `${this.afStepText}`, " "), index.h("span", { class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), !this.hasSlottedItems ? (index.h("ol", { class: "digi-progress-indicator__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
+            return (index.h("li", { class: {
+                    'digi-progress-indicator__step': true,
+                    'digi-progress-indicator__step--active': this.afCompletedSteps > i,
+                    'digi-progress-indicator__step--current': this.afCompletedSteps === i + 1,
+                    'digi-progress-indicator__step--warning': this.afWarningStep === i + 1,
+                    'digi-progress-indicator__step--error': this.afErrorStep === i + 1
+                } }, index.h("span", { class: "digi-progress-indicator__step-indicator" }, this.afVariation ===
+                progressIndicatorVariation_enum.ProgressIndicatorVariation.SECONDARY &&
+                this.afCompletedSteps > i + 1 && (index.h("digi-icon-check", { class: "digi-progress-indicator__icon" })), this.afWarningStep === i + 1 && (index.h("digi-icon-validation-warning", { class: "digi-progress-indicator__icon--warning" })), this.afErrorStep === i + 1 && (index.h("digi-icon-validation-error", { class: "digi-progress-indicator__icon--error" })), index.h("span", { class: "digi-progress-indicator__step-number" }, item))));
+        }))) : (index.h("ol", { class: "digi-progress-indicator__list", "aria-hidden": "true" }, this.listItems.map((item, index$1) => {
+            return (index.h("li", { class: {
+                    'digi-progress-indicator__step': true,
+                    'digi-progress-indicator__step--active': item.checked || this.afCompletedSteps === index$1 + 1,
+                    'digi-progress-indicator__step--current': this.afCompletedSteps === index$1 + 1
+                } }, index.h("span", { class: "digi-progress-indicator__step-indicator" }, this.afVariation ===
+                progressIndicatorVariation_enum.ProgressIndicatorVariation.SECONDARY &&
+                item.checked &&
+                this.afCompletedSteps !== index$1 + 1 && (index.h("digi-icon-check", { class: "digi-progress-indicator__icon" })), index.h("span", { class: "digi-progress-indicator__step-number" }, index$1 + 1))));
+        }))), this.afStepNextLabel !== undefined && (index.h("p", { key: 'd22d8344fdec62143e0147e701c011ce7e189eac', class: "digi-progress-indicator__label" }, index.h("span", { key: '9a66cc1d054ce853a014acf2a5cbad43a1ac3e19' }, `${this.afStepText}`, " "), index.h("span", { key: '68bfada37c4de1fee2ec4e53ceb467831832f947', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (index.h("p", { key: 'd0b2f915f238245bd993401c9e16f17190258508', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, index.h("digi-icon-validation-warning", { key: '29ce0863e62eae150df7d327d79eb516bb2d6d20', class: "digi-progress-indicator__icon--warning" }), index.h("span", { key: 'c360860b68c279fdb61441cb2d2d21e9b0b18101' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (index.h("p", { key: '40839ee9f09d34803a7cf4e3800be15bfb5d8532', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, index.h("digi-icon-validation-error", { key: '81cde2de59b5d0b8965a96e2c23fdb1a586be862', class: "digi-progress-indicator__icon--error" }), index.h("span", { key: 'b9a33dcce30760da08233f6333acd425392d11e3' }, this.afValidationLabel))), index.h("div", { key: '1dcd28b87affe8aea016a0a47bacee08b2eac637', hidden: true, class: "digi-progress-indicator__slot" }, index.h("digi-util-mutation-observer", { key: '1d2f85e12f722cf8e322f89efcb109a377d2c09a', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, index.h("slot", { key: 'f12c39b8602f924929873b075acb04a57bac3f12' })))));
+    }
+    get hostElement() { return index.getElement(this); }
+    static get watchers() { return {
+        "afTotalSteps": ["changeTotalStepsHandler"],
+        "afCompletedSteps": ["changeCompletedStepsHandler"]
+    }; }
+};
+ProgressIndicator.style = DigiProgressIndicatorStyle0;
+
+exports.digi_progress_indicator = ProgressIndicator;

package/dist/cjs/digi-tools-feedback.cjs.entry.js

@@ -4,29 +4,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-cfa8e9be.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-const toolsFeedbackVariation_enum = require('./tools-feedback-variation.enum-b17e8f87.js');
+const typographyVariation_enum = require('./typography-variation.enum-07b834ba.js');
 const layoutBlockVariation_enum = require('./layout-block-variation.enum-f6102119.js');
 require('./badge-notification-shape.enum-ff802554.js');
 require('./badge-status-variation.enum-0a5adc21.js');
-const buttonSize_enum = require('./button-size.enum-7921c01e.js');
-require('./button-type.enum-406723db.js');
+const codeExampleVariation_enum = require('./code-example-variation.enum-6826a1e7.js');
+require('./form-input-type.enum-1fb2180a.js');
 const buttonVariation_enum = require('./button-variation.enum-bc521499.js');
 require('./calendar-week-view-heading-level.enum-fd0c841b.js');
 require('./card-footer-border.enum-143982da.js');
 require('./bar-chart-variation.enum-a4e866b6.js');
-require('./code-example-variation.enum-c6557727.js');
 require('./code-variation.enum-c4a4e6fd.js');
 require('./expandable-faq-item-variation.enum-89427195.js');
 require('./expandable-faq-variation.enum-af923f49.js');
 require('./footer-card-variation.enum-99555edc.js');
 require('./form-checkbox-variation.enum-d2ca879e.js');
-require('./form-file-upload-variation.enum-634cfae8.js');
-require('./form-input-search-variation.enum-c50239bc.js');
-require('./form-input-type.enum-9c8ee12a.js');
-require('./form-input-variation.enum-c750520c.js');
+require('./form-validation-message-variation.enum-c5ec3e2d.js');
 require('./form-select-variation.enum-528c1bf0.js');
 require('./form-textarea-variation.enum-9c90d40f.js');
-require('./form-validation-message-variation.enum-855ae0be.js');
 require('./info-card-multi-type.enum-14746572.js');
 require('./info-card-variation.enum-64cef637.js');
 require('./layout-container-max-width.enum-7e637f44.js');
@@ -42,7 +37,7 @@ require('./navigation-context-menu-item-type.enum-9b8142ad.js');
 require('./navigation-context-menu-horizontal-position.enum-71b76501.js');
 require('./navigation-sidebar-variation.enum-1c0c3064.js');
 require('./navigation-vertical-menu-variation.enum-c237edd3.js');
-require('./typography-variation.enum-252bed2e.js');
+require('./progress-indicator-variation.enum-7cf8e0e4.js');
 require('./progress-list-item-variation.enum-90e4c874.js');
 require('./progress-list-variation.enum-06d5ce27.js');
 require('./progressbar-variation.enum-aff9fa80.js');
@@ -64,11 +59,11 @@ const ToolsFeedback = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.afOnReady = index.createEvent(this, "afOnReady", 3);
-        this.afVariation = toolsFeedbackVariation_enum.FeedbackVariation.PRIMARY;
-        this.afType = toolsFeedbackVariation_enum.ToolsFeedbackType.FULLWIDTH;
+        this.afVariation = typographyVariation_enum.FeedbackVariation.PRIMARY;
+        this.afType = typographyVariation_enum.ToolsFeedbackType.FULLWIDTH;
         this.afText = undefined;
         this.afCloseButtonText = 'Stäng';
-        this.afHeadingLevel = toolsFeedbackVariation_enum.ToolsFeedbackHeadingLevel.H4;
+        this.afHeadingLevel = typographyVariation_enum.ToolsFeedbackHeadingLevel.H4;
         this.afFeedback = undefined;
         this.afId = randomIdGenerator_util.randomIdGenerator('digi-tools-feedback');
         this.afIsDone = false;
@@ -94,13 +89,13 @@ const ToolsFeedback = class {
     }
     get cssModifiers() {
         return {
-            'digi-tools-feedback--primary': this.afVariation === toolsFeedbackVariation_enum.FeedbackVariation.PRIMARY,
-            'digi-tools-feedback--secondary': this.afVariation === toolsFeedbackVariation_enum.FeedbackVariation.SECONDARY,
+            'digi-tools-feedback--primary': this.afVariation === typographyVariation_enum.FeedbackVariation.PRIMARY,
+            'digi-tools-feedback--secondary': this.afVariation === typographyVariation_enum.FeedbackVariation.SECONDARY,
             'digi-tools-feedback--step-one': this.currentStep === 1,
             'digi-tools-feedback--step-two': this.currentStep === 2,
             'digi-tools-feedback--step-three': this.currentStep === 3,
-            'digi-tools-feedback--fullwidth': this.afType === toolsFeedbackVariation_enum.ToolsFeedbackType.FULLWIDTH,
-            'digi-tools-feedback--grid': this.afType === toolsFeedbackVariation_enum.ToolsFeedbackType.GRID
+            'digi-tools-feedback--fullwidth': this.afType === typographyVariation_enum.ToolsFeedbackType.FULLWIDTH,
+            'digi-tools-feedback--grid': this.afType === typographyVariation_enum.ToolsFeedbackType.GRID
         };
     }
     get icon() {
@@ -110,9 +105,9 @@ const ToolsFeedback = class {
         return (index.h("svg", { class: "digi-tools-feedback__container-header-icon", "aria-hidden": "true", version: "1.1", viewBox: "0 0 35 29", width: "31", height: "25" }, index.h("title", null, "Check mark"), index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.h("g", { transform: "translate(-170 -32)" }, index.h("g", { transform: "translate(170 32.325)" }, index.h("g", { transform: "translate(0 .77495)" }, index.h("mask", { id: "b", fill: "white" }, index.h("polygon", { points: "0 0 26.685 0 26.685 27.689 0 27.689" })), index.h("path", { d: "m13.711 27.689c-7.5602 0-13.711-6.2103-13.711-13.844 0-7.6345 6.151-13.845 13.711-13.845 3.1693 0 6.2611 1.1179 8.7048 3.1478l-1.5894 1.9509c-1.9972-1.6592-4.5241-2.5724-7.1155-2.5724-6.181 0-11.209 5.0773-11.209 11.319 0 6.2406 5.0283 11.318 11.209 11.318 4.7924 0 9.0551-3.0733 10.607-7.6478l2.3668 0.81853c-1.8983 5.5958-7.1124 9.3556-12.974 9.3556", fill: "#333", mask: "url(#b)" })), index.h("g", { transform: "translate(4.2177)" }, index.h("mask", { id: "a", fill: "white" }, index.h("polygon", { points: "0 0 30.425 0 30.425 23.496 0 23.496" })), index.h("path", { d: "m30.191 3.2545-19.95 20.007c-0.31227 0.31253-0.81758 0.31253-1.1292 0l-8.878-8.9033c-0.31164-0.31316-0.31164-0.81992 0-1.1324l1.8818-1.8878c0.31164-0.31253 0.81758-0.31253 1.1292 0l6.4315 6.4499 17.504-17.553c0.31164-0.31316 0.81695-0.31316 1.1292 0l1.8818 1.8872c0.31164 0.31253 0.31164 0.81929 0 1.1324", fill: "#95C13E", mask: "url(#a)" })))))));
     }
     get content() {
-        return (index.h("div", null, this.currentStep === 1 && (index.h("div", { class: "digi-tools-feedback__container" }, index.h("div", { class: "digi-tools-feedback__container-header" }, this.icon, index.h(this.afHeadingLevel, { class: "digi-tools-feedback__container-header-title" }, this.afText)), index.h("div", { class: "digi-tools-feedback__container-btns" }, index.h("digi-button", { "af-size": buttonSize_enum.ButtonSize.MEDIUM, "af-variation": buttonVariation_enum.ButtonVariation.SECONDARY, "af-full-width": "false", onAfOnClick: () => {
+        return (index.h("div", null, this.currentStep === 1 && (index.h("div", { class: "digi-tools-feedback__container" }, index.h("div", { class: "digi-tools-feedback__container-header" }, this.icon, index.h(this.afHeadingLevel, { class: "digi-tools-feedback__container-header-title" }, this.afText)), index.h("div", { class: "digi-tools-feedback__container-btns" }, index.h("digi-button", { "af-size": codeExampleVariation_enum.ButtonSize.MEDIUM, "af-variation": buttonVariation_enum.ButtonVariation.SECONDARY, "af-full-width": "false", onAfOnClick: () => {
                 this.currentStep = 3;
-            } }, "Ja"), index.h("digi-button", { "af-size": buttonSize_enum.ButtonSize.MEDIUM, "af-variation": buttonVariation_enum.ButtonVariation.SECONDARY, "af-full-width": "false", onAfOnClick: () => {
+            } }, "Ja"), index.h("digi-button", { "af-size": codeExampleVariation_enum.ButtonSize.MEDIUM, "af-variation": buttonVariation_enum.ButtonVariation.SECONDARY, "af-full-width": "false", onAfOnClick: () => {
                 this.currentStep = 2;
             } }, "Nej")))), this.currentStep === 2 && (index.h("div", { class: "digi-tools-feedback__container" }, index.h("div", { class: "digi-tools-feedback__container-header" }, ' ', this.icon, index.h("div", { class: "digi-tools-feedback__container-header-title" }, "Hur kan vi bli b\u00E4ttre?")))), index.h("div", { class: "digi-tools-feedback__container-forms" }, index.h("slot", { name: "form" })), this.currentStep === 3 && (index.h("div", { class: "digi-tools-feedback__container-header" }, this.responseIcon, index.h("div", { class: "digi-tools-feedback__container-header-title" }, "Tack f\u00F6r din \u00E5terkoppling!")))));
     }
@@ -120,7 +115,7 @@ const ToolsFeedback = class {
         this.afOnReady.emit();
     }
     render() {
-        return (index.h("div", { key: '83db61c7c9b70f2dbef26326b875516084e9f1bf', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === toolsFeedbackVariation_enum.ToolsFeedbackType.FULLWIDTH && (index.h("digi-layout-block", { key: '5b40e1b4d98076f70aae457ae44bc361d3a4c38a', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== toolsFeedbackVariation_enum.ToolsFeedbackType.FULLWIDTH && this.content));
+        return (index.h("div", { key: '83db61c7c9b70f2dbef26326b875516084e9f1bf', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === typographyVariation_enum.ToolsFeedbackType.FULLWIDTH && (index.h("digi-layout-block", { key: '5b40e1b4d98076f70aae457ae44bc361d3a4c38a', afVariation: layoutBlockVariation_enum.LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== typographyVariation_enum.ToolsFeedbackType.FULLWIDTH && this.content));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-util-mutation-observer.cjs.entry.js

@@ -0,0 +1,64 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-cfa8e9be.js');
+const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
+
+const UtilMutationObserver = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afOnChange = index.createEvent(this, "afOnChange", 7);
+        this._observer = null;
+        this._isObserving = false;
+        this.afId = randomIdGenerator_util.randomIdGenerator('digi-util-mutation-observer');
+        this.afOptions = {
+            attributes: false,
+            childList: true,
+            subtree: false,
+            characterData: false
+        };
+    }
+    afOptionsWatcher(newValue) {
+        this._afOptions =
+            typeof newValue === 'string' ? JSON.parse(newValue) : newValue;
+    }
+    componentWillLoad() {
+        this.afOptionsWatcher(this.afOptions);
+        this.initObserver();
+    }
+    disconnectedCallback() {
+        if (this._isObserving) {
+            this.removeObserver();
+        }
+    }
+    initObserver() {
+        this._observer = new MutationObserver((mutationsList) => {
+            for (const mutation of mutationsList) {
+                if (mutation.type === 'childList' ||
+                    mutation.type === 'attributes' ||
+                    mutation.type === 'characterData') {
+                    this.changeHandler(mutation);
+                }
+            }
+        });
+        this._observer.observe(this.$el, this._afOptions);
+        this._isObserving = true;
+    }
+    removeObserver() {
+        this._observer.disconnect();
+        this._isObserving = false;
+    }
+    changeHandler(e) {
+        this.afOnChange.emit(e);
+    }
+    render() {
+        index.h("div", { id: this.afId, ref: (el) => (this.$el = el) }, index.h("slot", null));
+    }
+    get $el() { return index.getElement(this); }
+    static get watchers() { return {
+        "afOptions": ["afOptionsWatcher"]
+    }; }
+};
+
+exports.digi_util_mutation_observer = UtilMutationObserver;

package/dist/cjs/{form-input-type.enum-9c8ee12a.js → form-input-type.enum-1fb2180a.js}

@@ -1,5 +1,19 @@
 'use strict';
 
+exports.ButtonType = void 0;
+(function (ButtonType) {
+    ButtonType["BUTTON"] = "button";
+    ButtonType["SUBMIT"] = "submit";
+    ButtonType["RESET"] = "reset";
+})(exports.ButtonType || (exports.ButtonType = {}));
+
+exports.FormInputSearchVariation = void 0;
+(function (FormInputSearchVariation) {
+    FormInputSearchVariation["SMALL"] = "small";
+    FormInputSearchVariation["MEDIUM"] = "medium";
+    FormInputSearchVariation["LARGE"] = "large";
+})(exports.FormInputSearchVariation || (exports.FormInputSearchVariation = {}));
+
 exports.FormInputButtonVariation = void 0;
 (function (FormInputButtonVariation) {
     FormInputButtonVariation["PRIMARY"] = "primary";

package/dist/cjs/{form-file-upload-variation.enum-634cfae8.js → form-validation-message-variation.enum-c5ec3e2d.js}

@@ -22,3 +22,10 @@ exports.FormFileUploadVariation = void 0;
     FormFileUploadVariation["MEDIUM"] = "medium";
     FormFileUploadVariation["LARGE"] = "large";
 })(exports.FormFileUploadVariation || (exports.FormFileUploadVariation = {}));
+
+exports.FormValidationMessageVariation = void 0;
+(function (FormValidationMessageVariation) {
+    FormValidationMessageVariation["SUCCESS"] = "success";
+    FormValidationMessageVariation["ERROR"] = "error";
+    FormValidationMessageVariation["WARNING"] = "warning";
+})(exports.FormValidationMessageVariation || (exports.FormValidationMessageVariation = {}));

package/dist/cjs/index-cfa8e9be.js

@@ -74,10 +74,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'digi-icon-check_6.cjs':
+                case 'digi-button_12.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './digi-icon-check_6.cjs.entry.js')); }).then(processMod, consoleError);
+                        './digi-button_12.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'digi-badge-status.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -166,10 +166,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './digi-form-receipt.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'digi-form-select-filter.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './digi-form-select-filter.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'digi-form-textarea.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -870,6 +866,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './digi-progress-circle.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'digi-progress-indicator.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './digi-progress-indicator.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'digi-progress-list.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1050,10 +1050,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './digi-media-image_2.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'digi-form-input.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './digi-form-input.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'digi-icon-chevron-left.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1070,30 +1066,18 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './digi-util-breakpoint-observer.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'digi-form-label_3.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './digi-form-label_3.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'digi-icon-x.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './digi-icon-x.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'digi-util-keydown-handler.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './digi-util-keydown-handler.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'digi-icon-chevron-down.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './digi-icon-chevron-down.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'digi-icon-chevron-right.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './digi-icon-chevron-right.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'digi-button.cjs':
+                case 'digi-util-mutation-observer.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './digi-button.cjs.entry.js')); }).then(processMod, consoleError);
+                        './digi-util-mutation-observer.cjs.entry.js')); }).then(processMod, consoleError);
           }
       }
   return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(