npm - @designsystem-se/af - Versions diffs - 32.3.1-beta.0 → 32.4.0 - Mend

@designsystem-se/af 32.3.1-beta.0 → 32.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (139) hide show

package/dist/cjs/{digi-button.cjs.entry.js → digi-button_3.cjs.entry.js} RENAMED Viewed

@@ -7,6 +7,8 @@ const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
 const buttonSize_enum = require('./button-size.enum-7921c01e.js');
 const buttonType_enum = require('./button-type.enum-406723db.js');
 const buttonVariation_enum = require('./button-variation.enum-bc521499.js');
+const tagSize_enum = require('./tag-size.enum-0a6be639.js');
+const text = require('./text-ca7e238b.js');
 const buttonCss = ".digi--util--fs--xs.sc-digi-button{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-button{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-button{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-button{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-button{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-button{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-button{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-button{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-button{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-button{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-button{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-button{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-button{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-button{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-button{padding-top:5rem !important}.digi--util--pb--1.sc-digi-button{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-button{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-button{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-button{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-button{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-button{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-button{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-button{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-button{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-button{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-button{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-button{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-button{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-button{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-button{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-button{padding:2.5rem !important}.digi--util--p--60.sc-digi-button{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-button{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-button{padding:4.5rem !important}.digi--util--p--90.sc-digi-button{padding:5rem !important}.digi--util--ptb--1.sc-digi-button{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-button{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-button{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-button{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-button{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-button{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-button{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-button{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-button{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-button{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-button{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-button{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-button{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-button{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-button{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-button{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-button{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-button{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-button{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-button{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-button{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-button{display:none}.sc-digi-button-h{--digi--button--color--background--primary--default:var(--digi--color--background--inverted-1);--digi--button--color--background--primary--hover:var(--digi--color--background--inverted-6);--digi--button--color--background--primary--focus:var(--digi--color--background--inverted-6);--digi--button--color--background--primary--active:var(--digi--color--background--inverted-6);--digi--button--color--background--secondary--default:var(--digi--color--background--primary);--digi--button--color--background--secondary--hover:var(--digi--color--background--inverted-5);--digi--button--color--background--secondary--focus:var(--digi--color--background--inverted-5);--digi--button--color--background--secondary--active:var(--digi--color--background--inverted-5);--digi--button--color--background--function--default:transparent;--digi--button--color--background--function--hover:transparent;--digi--button--color--background--function--focus:transparent;--digi--button--color--background--function--active:transparent;--digi--button--color--text--primary--default:var(--digi--color--text--inverted);--digi--button--color--text--primary--hover:var(--digi--color--text--inverted);--digi--button--color--text--primary--focus:var(--digi--color--text--inverted);--digi--button--color--text--primary--active:var(--digi--color--text--inverted);--digi--button--color--text--secondary--default:var(--digi--color--text--secondary);--digi--button--color--text--secondary--hover:var(--digi--color--text--secondary);--digi--button--color--text--secondary--focus:var(--digi--color--text--secondary);--digi--button--color--text--secondary--active:var(--digi--color--text--secondary);--digi--button--color--text--function--default:var(--digi--color--text--link);--digi--button--color--text--function--hover:var(--digi--color--text--link-hover);--digi--button--color--text--function--focus:var(--digi--color--text--secondary);--digi--button--color--text--function--active:var(--digi--color--text--secondary);--digi--button--color--border--primary--default:var(--digi--color--border--secondary);--digi--button--color--border--primary--hover:var(--digi--color--border--inverted-2);--digi--button--color--border--primary--focus:var(--digi--color--border--inverted-2);--digi--button--color--border--primary--active:var(--digi--color--border--inverted-2);--digi--button--color--border--secondary--default:var(--digi--color--border--secondary);--digi--button--color--border--secondary--hover:var(--digi--color--border--secondary);--digi--button--color--border--secondary--focus:var(--digi--color--border--secondary);--digi--button--color--border--secondary--active:var(--digi--color--border--secondary);--digi--button--color--border--function--default:initial;--digi--button--color--border--function--hover:initial;--digi--button--color--border--function--focus:initial;--digi--button--color--border--function--active:initial;--digi--button--color--icon--primary--default:var(--digi--color--text--inverted);--digi--button--color--icon--primary--hover:var(--digi--color--text--inverted);--digi--button--color--icon--primary--focus:var(--digi--color--text--inverted);--digi--button--color--icon--primary--active:var(--digi--color--text--inverted);--digi--button--color--icon--secondary--default:var(--digi--color--text--secondary);--digi--button--color--icon--secondary--hover:var(--digi--color--text--secondary);--digi--button--color--icon--secondary--focus:var(--digi--color--text--secondary);--digi--button--color--icon--secondary--active:var(--digi--color--text--secondary);--digi--button--color--icon--function--default:var(--digi--color--text--link);--digi--button--color--icon--function--hover:var(--digi--color--text--link-hover);--digi--button--color--icon--function--focus:var(--digi--color--text--secondary);--digi--button--color--icon--function--active:var(--digi--color--text--secondary);--digi--button--border-width--primary--default:var(--digi--border-width--primary);--digi--button--border-width--primary--hover:var(--digi--border-width--primary);--digi--button--border-width--secondary--default:var(--digi--border-width--primary);--digi--button--border-width--secondary--hover:var(--digi--border-width--primary);--digi--button--border-width--function--default:initial;--digi--button--border-width--function--hover:initial;--digi--button--border-style--primary--default:var(--digi--border-style--primary);--digi--button--border-style--primary--hover:var(--digi--border-style--primary);--digi--button--border-style--primary--focus:var(--digi--border-style--primary);--digi--button--border-style--primary--active:var(--digi--border-style--primary);--digi--button--border-style--secondary--default:var(--digi--border-style--primary);--digi--button--border-style--secondary--hover:var(--digi--border-style--primary);--digi--button--border-style--secondary--focus:var(--digi--border-style--primary);--digi--button--border-style--secondary--active:var(--digi--border-style--primary);--digi--button--border-style--function--default:var(--digi--border-style--secondary);--digi--button--border-style--function--hover:var(--digi--border-style--secondary);--digi--button--border-style--function--focus:var(--digi--border-style--secondary);--digi--button--border-style--function--active:var(--digi--border-style--secondary);--digi--button--border-radius--primary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--primary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--default:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--hover:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--focus:var(--digi--border-radius--secondary);--digi--button--border-radius--secondary--active:var(--digi--border-radius--secondary);--digi--button--border-radius--function--default:initial;--digi--button--border-radius--function--hover:initial;--digi--button--border-radius--function--focus:initial;--digi--button--border-radius--function--active:initial;--digi--button--padding--small:var(--digi--gutter--button-block-small) var(--digi--gutter--button-inline-small);--digi--button--padding--medium:var(--digi--gutter--button-block-medium) var(--digi--gutter--button-inline-medium);--digi--button--padding--large:var(--digi--gutter--button-block-large) var(--digi--gutter--button-inline-large);--digi--button--font-size--small:var(--digi--global--typography--font-size--interaction-small);--digi--button--font-size--medium:var(--digi--global--typography--font-size--interaction-medium);--digi--button--font-size--large:var(--digi--global--typography--font-size--interaction-large);--digi--button--font-family:var(--digi--global--typography--font-family--default);--digi--button--font-weight--default:var(--digi--typography--button--font-weight--desktop);--digi--button--font-weight--function:var(--digi--typography--label--font-weight--desktop);--digi--button--width:initial;--digi--button--display:initial;--digi--button--justify-content--default:initial;--digi--button--justify-content--full-width:center;--digi--button--align-items:center;--digi--button--text-align--default:initial;--digi--button--text-align--full-width:center;--digi--button--outline--default:initial;--digi--button--outline--focus:initial;--digi--button--cursor:pointer;--digi--button--icon--spacing:var(--digi--gutter--large);--digi--button--min-height--small:unset;--digi--button--min-height--large:unset}.sc-digi-button-h .digi-button.sc-digi-button{font-family:var(--digi--button--font-family);background:var(--COLOR--BACKGROUND--DEFAULT);color:var(--COLOR--TEXT--DEFAULT);padding:var(--PADDING);border-radius:var(--BORDER-RADIUS--DEFAULT);border-width:var(--BORDER-WIDTH--DEFAULT);border-style:var(--BORDER-STYLE--DEFAULT);border-color:var(--COLOR--BORDER--DEFAULT);font-weight:var(--FONT-WEIGHT);font-size:var(--FONT-SIZE);outline:var(--digi--button--outline--default);text-align:var(--digi--button--text-align--default);width:var(--digi--button--width);display:var(--digi--button--display);justify-content:var(--digi--button--justify-content--default);cursor:var(--digi--button--cursor);min-height:var(--MIN-HEIGHT);align-items:var(--digi--button--align-items);white-space:nowrap}.sc-digi-button-h .digi-button--variation-primary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(\n    --digi--button--color--background--primary--default\n  );--COLOR--BACKGROUND--HOVER:var(\n    --digi--button--color--background--primary--hover\n  );--COLOR--BACKGROUND--FOCUS:var(\n    --digi--button--color--background--primary--focus\n  );--COLOR--BACKGROUND--ACTIVE:var(\n    --digi--button--color--background--primary--active\n  );--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--primary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--primary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--primary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--primary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--primary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--primary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--primary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--primary--active);--COLOR--BORDER--DEFAULT:var(\n    --digi--button--color--border--primary--default\n  );--COLOR--BORDER--HOVER:var(--digi--button--color--border--primary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--primary--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--primary--active);--BORDER-RADIUS--DEFAULT:var(\n    --digi--button--border-radius--primary--default\n  );--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--primary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--primary--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--primary--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--primary--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--primary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--primary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--primary--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--primary--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--primary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--primary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--primary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-secondary.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(\n    --digi--button--color--background--secondary--default\n  );--COLOR--BACKGROUND--HOVER:var(\n    --digi--button--color--background--secondary--hover\n  );--COLOR--BACKGROUND--FOCUS:var(\n    --digi--button--color--background--secondary--focus\n  );--COLOR--BACKGROUND--ACTIVE:var(\n    --digi--button--color--background--secondary--active\n  );--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--secondary--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--secondary--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--secondary--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--secondary--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--secondary--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--secondary--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--secondary--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--secondary--active);--COLOR--BORDER--DEFAULT:var(\n    --digi--button--color--border--secondary--default\n  );--COLOR--BORDER--HOVER:var(--digi--button--color--border--secondary--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--secondary--focus);--COLOR--BORDER--ACTIVE:var(\n    --digi--button--color--border--secondary--active\n  );--BORDER-RADIUS--DEFAULT:var(\n    --digi--button--border-radius--secondary--default\n  );--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--secondary--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--secondary--focus);--BORDER-RADIUS--ACTIVE:var(\n    --digi--button--border-radius--secondary--active\n  );--BORDER-WIDTH--DEFAULT:var(\n    --digi--button--border-width--secondary--default\n  );--BORDER-WIDTH--HOVER:var(--digi--button--border-width--secondary--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--secondary--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--secondary--active);--BORDER-STYLE--DEFAULT:var(\n    --digi--button--border-style--secondary--default\n  );--BORDER-STYLE--HOVER:var(--digi--button--border-style--secondary--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--secondary--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--secondary--active);--FONT-WEIGHT:var(--digi--button--font-weight--default)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button{--COLOR--BACKGROUND--DEFAULT:var(\n    --digi--button--color--background--function--default\n  );--COLOR--BACKGROUND--HOVER:var(\n    --digi--button--color--background--function--hover\n  );--COLOR--BACKGROUND--FOCUS:var(\n    --digi--button--color--background--function--focus\n  );--COLOR--BACKGROUND--ACTIVE:var(\n    --digi--button--color--background--function--active\n  );--COLOR--TEXT--DEFAULT:var(--digi--button--color--text--function--default);--COLOR--TEXT--HOVER:var(--digi--button--color--text--function--hover);--COLOR--TEXT--FOCUS:var(--digi--button--color--text--function--focus);--COLOR--TEXT--ACTIVE:var(--digi--button--color--text--function--active);--COLOR--ICON--DEFAULT:var(--digi--button--color--icon--function--default);--COLOR--ICON--HOVER:var(--digi--button--color--icon--function--hover);--COLOR--ICON--FOCUS:var(--digi--button--color--icon--function--focus);--COLOR--ICON--ACTIVE:var(--digi--button--color--icon--function--active);--COLOR--BORDER--DEFAULT:var(\n    --digi--button--color--border--function--default\n  );--COLOR--BORDER--HOVER:var(--digi--button--color--border--function--hover);--COLOR--BORDER--FOCUS:var(--digi--button--color--border--function--focus);--COLOR--BORDER--ACTIVE:var(--digi--button--color--border--function--active);--BORDER-RADIUS--DEFAULT:var(\n    --digi--button--border-radius--function--default\n  );--BORDER-RADIUS--HOVER:var(--digi--button--border-radius--function--hover);--BORDER-RADIUS--FOCUS:var(--digi--button--border-radius--function--focus);--BORDER-RADIUS--ACTIVE:var(--digi--button--border-radius--function--active);--BORDER-WIDTH--DEFAULT:var(--digi--button--border-width--function--default);--BORDER-WIDTH--HOVER:var(--digi--button--border-width--function--hover);--BORDER-WIDTH--FOCUS:var(--digi--button--border-width--function--focus);--BORDER-WIDTH--ACTIVE:var(--digi--button--border-width--function--active);--BORDER-STYLE--DEFAULT:var(--digi--button--border-style--function--default);--BORDER-STYLE--HOVER:var(--digi--button--border-style--function--hover);--BORDER-STYLE--FOCUS:var(--digi--button--border-style--function--focus);--BORDER-STYLE--ACTIVE:var(--digi--button--border-style--function--active);--FONT-WEIGHT:var(--digi--button--font-weight--function)}.sc-digi-button-h .digi-button--variation-function.sc-digi-button:hover,.sc-digi-button-h .digi-button--variation-function.sc-digi-button:focus{text-decoration:underline}.sc-digi-button-h .digi-button--size-small.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--small);--PADDING:var(--digi--button--padding--small);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button--size-medium.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--medium);--PADDING:var(--digi--button--padding--medium);--MIN-HEIGHT:var(--digi--button--min-height--small)}.sc-digi-button-h .digi-button--size-large.sc-digi-button{--FONT-SIZE:var(--digi--button--font-size--large);--PADDING:var(--digi--button--padding--large);--MIN-HEIGHT:var(--digi--button--min-height--large)}.sc-digi-button-h .digi-button.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button .sc-digi-button-s>[slot^=icon]{--digi--icon--height:1em;--digi--icon--width:1em;--digi--icon--color:var(--COLOR--ICON--DEFAULT);min-height:0}.sc-digi-button-h .digi-button.sc-digi-button:hover{background:var(--COLOR--BACKGROUND--HOVER);border-radius:var(--BORDER-RADIUS--HOVER);border-width:var(--BORDER-WIDTH--HOVER);border-style:var(--BORDER-STYLE--HOVER);border-color:var(--COLOR--BORDER--HOVER);color:var(--COLOR--TEXT--HOVER)}.sc-digi-button-h .digi-button:hover.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:hover .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--HOVER)}.sc-digi-button-h .digi-button.sc-digi-button:focus-visible{background:var(--COLOR--BACKGROUND--FOCUS);color:var(--COLOR--TEXT--FOCUS);border-style:var(--BORDER-STYLE--FOCUS);border-color:var(--COLOR--BORDER--FOCUS);outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-button-h .digi-button:focus-visible.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:focus-visible .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--FOCUS)}.sc-digi-button-h .digi-button.sc-digi-button:active{background:var(--COLOR--BACKGROUND--ACTIVE);color:var(--COLOR--TEXT--ACTIVE)}.sc-digi-button-h .digi-button:active.sc-digi-button-s>[slot^=icon],.sc-digi-button-h .digi-button:active .sc-digi-button-s>[slot^=icon]{--digi--icon--color:var(--COLOR--ICON--ACTIVE)}.sc-digi-button-h .digi-button--icon.sc-digi-button,.sc-digi-button-h .digi-button--icon-secondary.sc-digi-button{--digi--button--display:flex;align-items:center;justify-content:var(--digi--button--justify-content--default);gap:var(--digi--button--icon--spacing)}.sc-digi-button-h .digi-button--full-width.sc-digi-button{--digi--button--width:100%;--digi--button--text-align--default:var(\n    --digi--button--text-align--full-width\n  );--digi--button--justify-content--default:var(\n    --digi--button--justify-content--full-width\n  )}";
 const DigiButtonStyle0 = buttonCss;
@@ -127,4 +129,60 @@ const Button = class {
 };
 Button.style = DigiButtonStyle0;
+const iconXCss = ".sc-digi-icon-x-h{--digi--icon--color:var(--digi--color--icons--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-x-h svg.sc-digi-icon-x{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
+const DigiIconXStyle0 = iconXCss;
+const IconX = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afTitle = undefined;
+        this.afDesc = undefined;
+        this.afSvgAriaHidden = true;
+        this.afSvgAriaLabelledby = undefined;
+        this.titleId = randomIdGenerator_util.randomIdGenerator('icontitle');
+    }
+    render() {
+        return (index.h("svg", { key: '06415f56b7bdcf4e4d01e3f8e22c972cd166039e', class: "digi-icon-x", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
+                ? this.afSvgAriaLabelledby
+                : this.afTitle
+                    ? this.titleId
+                    : undefined, xmlns: "http://www.w3.org/2000/svg" }, this.afTitle && index.h("title", { key: '12da73d80236640ba89463221e4f15cccddee097', id: this.titleId }, this.afTitle), this.afDesc && index.h("desc", { key: 'e9083ab8497e6b711aa1452456f2d5897e1e6829' }, this.afDesc), index.h("g", { key: 'd8a9bbd2743f1b3e01739576fec36cbe470d4c52', class: "digi-icon-x__shape", stroke: "currentColor", "stroke-width": "2", fill: "none", "fill-rule": "evenodd", "stroke-linecap": "square" }, index.h("path", { key: '5a20c2fee197c4120038b297cd243a22b5aab5f2', d: "M2 2l7.986 7.986M9.986 2L2 9.986" }))));
+    }
+};
+IconX.style = DigiIconXStyle0;
+const tagCss = ".sc-digi-tag-h{--digi--tag--display:inline-block;--digi--tag--margin-bottom:var(--digi--gutter--smaller)}.sc-digi-tag-h .digi-tag.sc-digi-tag{display:var(--digi--tag--display);margin-bottom:var(--digi--tag--margin-bottom)}.sc-digi-tag-h .digi-tag__text.sc-digi-tag{display:inline-block;max-width:100%;white-space:normal}.sc-digi-tag-h .digi-tag__text--break.sc-digi-tag{overflow-wrap:anywhere;word-break:break-word;hyphens:auto}";
+const DigiTagStyle0 = tagCss;
+const Tag = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afOnClick = index.createEvent(this, "afOnClick", 7);
+        this.afText = undefined;
+        this.afNoIcon = false;
+        this.afAriaLabel = undefined;
+        this.afSize = tagSize_enum.TagSize.SMALL;
+        this.afBreakWords = false;
+    }
+    clickHandler(e) {
+        this.afOnClick.emit(e);
+    }
+    get ariaLabel() {
+        const showIcon = !this.afNoIcon;
+        if (this.afAriaLabel) {
+            return this.afAriaLabel;
+        }
+        else if (showIcon) {
+            return text._t.removeItem(this.afText);
+        }
+        return this.afText;
+    }
+    render() {
+        return (index.h("digi-button", { key: '6acab75a368cc887ae878b28e544bad8d4df7416', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && index.h("digi-icon-x", { key: '7fa654eef20bbc37cf17de94d85984aa4ce3e96e', slot: "icon-secondary" })));
+    }
+};
+Tag.style = DigiTagStyle0;
 exports.digi_button = Button;
+exports.digi_icon_x = IconX;
+exports.digi_tag = Tag;

package/dist/cjs/digi-calendar-datepicker.cjs.entry.js CHANGED Viewed

@@ -34,10 +34,11 @@ require('./layout-media-object-alignment.enum-81c8e205.js');
 require('./link-button-variation.enum-6c51aa80.js');
 require('./link-external-variation.enum-4865305c.js');
 require('./link-internal-variation.enum-96d004ec.js');
-require('./logo-variation.enum-3632e1e1.js');
+require('./link-variation.enum-e6d243b1.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-context-menu-item-type.enum-9b8142ad.js');
 require('./navigation-context-menu-horizontal-position.enum-71b76501.js');

package/dist/cjs/digi-chart-line.cjs.entry.js CHANGED Viewed

@@ -2164,7 +2164,7 @@ const ChartLine = class {
             .attr('font-family', 'sans-serif')
             .text((d) => d)
             .each((...[, i, nodelist]) => {
-            const thisWidth = nodelist[i].getComputedTextLength() + 30; // 15 pixel padding on each side
+            const thisWidth = nodelist[i].getComputedTextLength() + 5; // A little extra padding, text sizes seems to be a little small compared to real life
             textWidth.push(thisWidth);
             nodelist[i].remove();
         });
@@ -2173,16 +2173,18 @@ const ChartLine = class {
     }
     // Goes through all tick values and checks the biggest in size, this one will decide the default tick-size
     setTickSize() {
+        // Padding on both sides comined
+        const textPadding = 25; // 12.5 pixel padding on each side
         if (this._chartData.data.xValueNames) {
             for (const elem of this._chartData.data.xValueNames) {
-                const size = this.getTextSize(elem);
+                const size = this.getTextSize(elem) + textPadding;
                 if (size > this._tickSize)
                     this._tickSize = size;
             }
         }
         else {
             for (const elem of this._chartData.data.xValues) {
-                const size = this.getTextSize(elem.toString());
+                const size = this.getTextSize(elem.toString()) + textPadding;
                 if (size > this._tickSize)
                     this._tickSize = size;
             }
@@ -2300,7 +2302,7 @@ const ChartLine = class {
             heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
         else
             heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
-        return (index.h("host", { key: 'f21b013a8b60400e177357d970b9bf06c9f3cf4e', ref: (el) => (this._host = el) }, index.h("div", { key: 'a2eb77c9af10a36c7e90297e706a75f5f876e307', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, index.h("digi-typography", { key: '617328a73c5773b51487ca89c4940f1f09ad67eb', class: "chartTitle", innerHTML: heading }), index.h("digi-button", { key: '53ab51dcf6678dfac487afeafa4df02308fb5e16', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, index.h("digi-icon-table", { key: '953029ce0933912c1cddadac92fcb5c568914b48', slot: "icon" }), "Visa tabell"), index.h("digi-button", { key: 'a8720c0331ee8171d1dc99184bd59d8e35108d5c', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, index.h("digi-icon-chart", { key: '7098aef34252ce4bb986cc84e941ad089f66315d', slot: "icon" }), "Visa diagram"), index.h("div", { key: '9db08924008b91bb11a792250282f56f288de210', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), index.h("div", { key: 'f3acb5aab0e706ac7888f5ea82751e7410a08443', class: "chartTooltip", id: this.afId }, index.h("div", { key: '9dba5fcd563591a8ee71a2078378857ff6ac2241', class: "tooltipBody" }), index.h("digi-icon-x", { key: 'b09afdfbac4100be8e3fb6c3daac2aecfd8c6fd4', class: "close" }), ' '), index.h("div", { key: 'a552c93544509354d578478b1883320c875895ed', class: "chart", ref: (el) => (this._chartDiv = el) }), index.h("div", { key: 'bec7f0c712446eaeeeec8da293a9e40ed7607784', class: "legend", ref: (el) => (this._legendDiv = el) }), index.h("div", { key: '40474802d2acfafd937270da9c5523f330b6133c', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        return (index.h("host", { key: '23524b77e8aa2bb1cae912a08c4f35791074a769', ref: (el) => (this._host = el) }, index.h("div", { key: '75c7c1a8be55953b5547c5a3dd956027af73fbd1', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, index.h("digi-typography", { key: '76e755f765d16611ecf82c2980f660f28cb0239a', class: "chartTitle", innerHTML: heading }), index.h("digi-button", { key: '6665f4a0c7f9ea09b938bd690f1ad2f2838f0c9c', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, index.h("digi-icon-table", { key: '05aee665d9cd4d743c37cda816a3f5a3fe3128f5', slot: "icon" }), "Visa tabell"), index.h("digi-button", { key: '9f42b7ac02cb3f45d5d2503a9e12836bd76ce862', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, index.h("digi-icon-chart", { key: '43e9db95020bf3d24c68a24b269a179d70d8d056', slot: "icon" }), "Visa diagram"), index.h("div", { key: 'fc14ac6bf87466a5655dc5416bac08d0627a41ef', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), index.h("div", { key: 'd65b4ea0b2a3a0abdc7a94e1cfb82e425ba50d2e', class: "chartTooltip", id: this.afId }, index.h("div", { key: '0ecff411dd746d6f21b53ae0d39729a55bedd957', class: "tooltipBody" }), index.h("digi-icon-x", { key: '9dd0ba013b81972e3e74b2e068b808f443ba7bf4', class: "close" }), ' '), index.h("div", { key: '371ba97658cd0e4f3a251bff860c45a43e9da9f1', class: "chart", ref: (el) => (this._chartDiv = el) }), index.h("div", { key: 'b4f5e4c1bc605f857910ec423f9de0285ac27e88', class: "legend", ref: (el) => (this._legendDiv = el) }), index.h("div", { key: '6bcc5645b85e62d321a2c37cd365b2d36b577b9a', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/digi-code-block_3.cjs.entry.js CHANGED Viewed

@@ -35,10 +35,11 @@ require('./layout-media-object-alignment.enum-81c8e205.js');
 require('./link-button-variation.enum-6c51aa80.js');
 require('./link-external-variation.enum-4865305c.js');
 require('./link-internal-variation.enum-96d004ec.js');
-require('./logo-variation.enum-3632e1e1.js');
+require('./link-variation.enum-e6d243b1.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-context-menu-item-type.enum-9b8142ad.js');
 require('./navigation-context-menu-horizontal-position.enum-71b76501.js');

package/dist/cjs/digi-context-menu.cjs.entry.js CHANGED Viewed

@@ -105,7 +105,7 @@ const ContextMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b56dc8e0ca38fa90bf6ac4495b9fb583e00b75ed', id: `${this.afId}-identifier` }, index.h("digi-navigation-dropdown", { key: 'c196f5442e8c21397ea6a5cb284c6f7e96af15e1', afAriaLabelledby: `${this.afId}-trigger`, afItems: this.items, afVisible: this.visible, afMenuPosition: this.afMenuPosition, afDir: this.afDir, afActiveItem: this.activeItemIdx, afLang: this.afLang, onAfRef: (e) => this.handleRef(e.detail.ref, e.detail.id, e.detail.payload), onAfChangeItem: (e) => this.handleChangeItem(e.detail.item, e.detail.idx), onAfFocusItem: (e) => this.handleFocusItem(e.detail.item, e.detail.idx), afRenderItem: (item, idx) => {
+        return (index.h(index.Host, { key: 'b56dc8e0ca38fa90bf6ac4495b9fb583e00b75ed', id: `${this.afId}-identifier` }, index.h("digi-navigation-dropdown", { key: 'f4fe5c1f4812ae2ab492f5ff1159716cafceae68', afAriaLabelledby: `${this.afId}-trigger`, afId: this.afId, afItems: this.items, afVisible: this.visible, afMenuPosition: this.afMenuPosition, afDir: this.afDir, afActiveItem: this.activeItemIdx, afLang: this.afLang, onAfRef: (e) => this.handleRef(e.detail.ref, e.detail.id, e.detail.payload), onAfChangeItem: (e) => this.handleChangeItem(e.detail.item, e.detail.idx), onAfFocusItem: (e) => this.handleFocusItem(e.detail.item, e.detail.idx), afRenderItem: (item, idx) => {
                 const menuItem = this.items[idx];
                 const Container = menuItem.type === 'link' ? 'a' : 'div';
                 const containerArgs = menuItem.type === 'link'
@@ -117,10 +117,10 @@ const ContextMenu = class {
                             ? 'visible'
                             : 'hidden'
                     } })), index.h("p", null, item.title)));
-            } }, index.h("digi-button", { key: 'b8e22491a441218e7f2d47ff7a64acdbceb8291a', id: `${this.afId}-trigger`, afInputRef: (ref) => (this.buttonRef = ref), onClick: () => this.handleToggle(), afVariation: "function", afAriaControls: this.afId, afAriaExpanded: this.visible, afAriaLabel: this.afAriaLabel || null, class: {
+            } }, index.h("digi-button", { key: '6ca8a9350d6a040713e1601c2df874c61883f964', id: `${this.afId}-trigger`, afInputRef: (ref) => (this.buttonRef = ref), onClick: () => this.handleToggle(), afVariation: "function", afAriaControls: `${this.afId}-listbox`, afAriaExpanded: this.visible, afAriaLabel: this.afAriaLabel || null, class: {
                 'digi-navigation-context-menu__trigger-button': true,
                 'digi-navigation-context-menu--active': this.visible
-            } }, !!this.afIcon && index.h(this.digiIcon, { key: '46475907cc2794c222199e447bd875f62899b956', slot: "icon" }), this.afTitle, index.h("digi-icon-chevron-down", { key: 'bc867a2cfa17c6fedc3651dac5d117df13415535', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })))));
+            } }, !!this.afIcon && index.h(this.digiIcon, { key: '23ac109788a00edb22f2a2847c2ab1568abba4c3', slot: "icon" }), this.afTitle, index.h("digi-icon-chevron-down", { key: 'fc7fa776933779e29da3e7fc64d010fa0c65261d', class: "digi-navigation-context-menu__toggle-icon", slot: "icon-secondary" })))));
     }
     static get watchers() { return {
         "afActiveItem": ["syncActiveItem"],

package/dist/cjs/digi-dialog.cjs.entry.js CHANGED Viewed

@@ -35,10 +35,11 @@ require('./layout-media-object-alignment.enum-81c8e205.js');
 require('./link-button-variation.enum-6c51aa80.js');
 require('./link-external-variation.enum-4865305c.js');
 require('./link-internal-variation.enum-96d004ec.js');
-require('./logo-variation.enum-3632e1e1.js');
+require('./link-variation.enum-e6d243b1.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-context-menu-item-type.enum-9b8142ad.js');
 require('./navigation-context-menu-horizontal-position.enum-71b76501.js');

package/dist/cjs/digi-expandable-accordion.cjs.entry.js CHANGED Viewed

@@ -35,10 +35,11 @@ require('./layout-media-object-alignment.enum-81c8e205.js');
 require('./link-button-variation.enum-6c51aa80.js');
 require('./link-external-variation.enum-4865305c.js');
 require('./link-internal-variation.enum-96d004ec.js');
-require('./logo-variation.enum-3632e1e1.js');
+require('./link-variation.enum-e6d243b1.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-context-menu-item-type.enum-9b8142ad.js');
 require('./navigation-context-menu-horizontal-position.enum-71b76501.js');

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

@@ -34,10 +34,11 @@ require('./layout-media-object-alignment.enum-81c8e205.js');
 require('./link-button-variation.enum-6c51aa80.js');
 require('./link-external-variation.enum-4865305c.js');
 require('./link-internal-variation.enum-96d004ec.js');
-require('./logo-variation.enum-3632e1e1.js');
+require('./link-variation.enum-e6d243b1.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-context-menu-item-type.enum-9b8142ad.js');
 require('./navigation-context-menu-horizontal-position.enum-71b76501.js');

package/dist/cjs/digi-form-error-list.cjs.entry.js CHANGED Viewed

@@ -36,10 +36,11 @@ require('./layout-media-object-alignment.enum-81c8e205.js');
 require('./link-button-variation.enum-6c51aa80.js');
 require('./link-external-variation.enum-4865305c.js');
 const linkInternalVariation_enum = require('./link-internal-variation.enum-96d004ec.js');
-require('./logo-variation.enum-3632e1e1.js');
+require('./link-variation.enum-e6d243b1.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-context-menu-item-type.enum-9b8142ad.js');
 require('./navigation-context-menu-horizontal-position.enum-71b76501.js');

package/dist/cjs/digi-form-receipt.cjs.entry.js CHANGED Viewed

@@ -34,10 +34,11 @@ require('./layout-media-object-alignment.enum-81c8e205.js');
 require('./link-button-variation.enum-6c51aa80.js');
 require('./link-external-variation.enum-4865305c.js');
 require('./link-internal-variation.enum-96d004ec.js');
-require('./logo-variation.enum-3632e1e1.js');
+require('./link-variation.enum-e6d243b1.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-context-menu-item-type.enum-9b8142ad.js');
 require('./navigation-context-menu-horizontal-position.enum-71b76501.js');

package/dist/cjs/digi-form-select-filter.cjs.entry.js CHANGED Viewed

@@ -39,10 +39,11 @@ require('./layout-media-object-alignment.enum-81c8e205.js');
 require('./link-button-variation.enum-6c51aa80.js');
 require('./link-external-variation.enum-4865305c.js');
 require('./link-internal-variation.enum-96d004ec.js');
-require('./logo-variation.enum-3632e1e1.js');
+require('./link-variation.enum-e6d243b1.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-context-menu-item-type.enum-9b8142ad.js');
 require('./navigation-context-menu-horizontal-position.enum-71b76501.js');

package/dist/cjs/digi-header-navigation.cjs.entry.js CHANGED Viewed

@@ -34,10 +34,11 @@ require('./layout-media-object-alignment.enum-81c8e205.js');
 require('./link-button-variation.enum-6c51aa80.js');
 require('./link-external-variation.enum-4865305c.js');
 require('./link-internal-variation.enum-96d004ec.js');
-require('./logo-variation.enum-3632e1e1.js');
+require('./link-variation.enum-e6d243b1.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-context-menu-item-type.enum-9b8142ad.js');
 require('./navigation-context-menu-horizontal-position.enum-71b76501.js');

package/dist/cjs/digi-header.cjs.entry.js CHANGED Viewed

@@ -34,10 +34,11 @@ require('./layout-media-object-alignment.enum-81c8e205.js');
 require('./link-button-variation.enum-6c51aa80.js');
 require('./link-external-variation.enum-4865305c.js');
 require('./link-internal-variation.enum-96d004ec.js');
-require('./logo-variation.enum-3632e1e1.js');
+require('./link-variation.enum-e6d243b1.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-context-menu-item-type.enum-9b8142ad.js');
 require('./navigation-context-menu-horizontal-position.enum-71b76501.js');

package/dist/cjs/digi-link.cjs.entry.js ADDED Viewed

@@ -0,0 +1,78 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+const index = require('./index-cfa8e9be.js');
+const linkVariation_enum = require('./link-variation.enum-e6d243b1.js');
+const linkCss = ".digi--util--fs--xs.sc-digi-link{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-link{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-link{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-link{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-link{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-link{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-link{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-link{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-link{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-link{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-link{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-link{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-link{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-link{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-link{padding-top:5rem !important}.digi--util--pb--1.sc-digi-link{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-link{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-link{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-link{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-link{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-link{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-link{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-link{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-link{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-link{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-link{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-link{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-link{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-link{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-link{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-link{padding:2.5rem !important}.digi--util--p--60.sc-digi-link{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-link{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-link{padding:4.5rem !important}.digi--util--p--90.sc-digi-link{padding:5rem !important}.digi--util--ptb--1.sc-digi-link{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-link{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-link{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-link{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-link{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-link{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-link{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-link{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-link{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-link{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-link{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-link{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-link{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-link{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-link{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-link{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-link{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-link{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-link{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-link{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-link{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-link{display:none}.sc-digi-link-h{--digi--link--gap:var(--digi--gutter--medium);--digi--link--color--default:var(--digi--color--text--link);--digi--link--color--hover:var(--digi--color--text--link-hover);--digi--link--color--visited:var(--digi--color--text--link-visited);--digi--link--font-size--large:var(--digi--typography--link--font-size--desktop-large);--digi--link--font-size--small:var(--digi--typography--link--font-size--desktop);--digi--link--font-family:var(--digi--global--typography--font-family--default);--digi--link--font-weight:var(--digi--typography--link-bold--font-weight--desktop);--digi--link--line-height:var(--digi--typography--link--line-height--desktop);--digi--link--text-decoration--default:none;--digi--link--text-decoration--hover:underline;--digi--link--text-decoration--icon--default:var(--digi--global--typography--text-decoration--default);--digi--link--text-decoration--icon--hover:underline;--digi--link--text-decoration-thickness:0.156em;--digi--link--text-underline-offset:3px;--COLOR:var(--digi--link--color--default);--LINK-TEXT-DECORATION:var(--digi--link--text-decoration--default);position:relative}.digi-link--variation-small.sc-digi-link-h{--FONT-SIZE:var(--digi--link--font-size--small)}.digi-link--variation-large.sc-digi-link-h{--FONT-SIZE:var(--digi--link--font-size--large)}.sc-digi-link-h:focus-visible{outline:none}.digi-link--has-icon.sc-digi-link-h{--LINK-TEXT-DECORATION:var(--digi--link--text-decoration--icon--default)}.digi-link--has-icon.sc-digi-link-h:focus,.digi-link--has-icon.sc-digi-link-h:hover{--digi--link--text-decoration--hover:var(\n    --digi--link--text-decoration--icon--hover\n  )}.sc-digi-link-h a.sc-digi-link:hover{--LINK-TEXT-DECORATION:var(--digi--link--text-decoration--hover);text-underline-offset:var(--digi--link--text-underline-offset);text-decoration-thickness:var(--digi--link--text-decoration-thickness)}.sc-digi-link-h a.sc-digi-link:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-link-s>a{font-family:var(--digi--link--font-family);font-size:var(--FONT-SIZE);font-weight:var(--digi--link--font-weight);line-height:var(--digi--link--line-height);color:var(--COLOR);text-decoration:var(--LINK-TEXT-DECORATION);display:inline-flex;gap:var(--digi--link--gap);text-underline-offset:var(--digi--link--text-underline-offset);text-decoration-thickness:var(--digi--link--text-decoration-thickness)}.sc-digi-link-s>a:hover{cursor:pointer}.sc-digi-link-s>a:hover{--LINK-TEXT-DECORATION:var(--digi--link--text-decoration--hover)}.sc-digi-link-s>a:visited{color:var(--digi--link--color--visited)}.sc-digi-link-s>a:visited svg{color:var(--digi--link--color--visited)}.digi-link--hide-visited.sc-digi-link-s>a:visited,.digi-link--hide-visited .sc-digi-link-s>a:visited{color:var(--digi--link--color--default)}.digi-link--hide-visited.sc-digi-link-s>a:visited,.digi-link--hide-visited.sc-digi-link-s>a:visited svg,.digi-link--hide-visited .sc-digi-link-s>a:visited svg{color:var(--digi--link--color--default)}.sc-digi-link-s>a [class*=digi-icon],.sc-digi-link-s>a [slot^=icon]{--digi--icon--color:var(--COLOR);--digi--icon--height:1em;--digi--icon--width:1em}";
+const DigiLinkStyle0 = linkCss;
+const Link = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afOnClick = index.createEvent(this, "afOnClick", 7);
+        this.afOnReady = index.createEvent(this, "afOnReady", 3);
+        this.hasIcon = undefined;
+        this.relation = undefined;
+        this.afHref = undefined;
+        this.afDescribedby = undefined;
+        this.afAriaLabel = undefined;
+        this.afVariation = linkVariation_enum.LinkVariation.SMALL;
+        this.afTarget = undefined;
+        this.afOverrideLink = false;
+        this.afLinkContainer = false;
+        this.hideVisitedColor = undefined;
+        this.afDownload = undefined;
+    }
+    async afMGetLinkElement() {
+        if (this.afLinkContainer) {
+            return this.hostElement.children.length > 0
+                ? this.hostElement.children.item(0)
+                : undefined;
+        }
+        return this._link;
+    }
+    clickLinkHandler(e) {
+        if (this.afOverrideLink) {
+            e.preventDefault();
+        }
+        this.afOnClick.emit(e);
+    }
+    setRel() {
+        var _a;
+        this.relation =
+            ((_a = this.afTarget) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === '_blank' ? 'noopener noreferrer' : null;
+    }
+    setHasIcon() {
+        this.hasIcon = !!this.hostElement.querySelector('[slot="icon"]');
+    }
+    componentWillLoad() {
+        this.setHasIcon();
+        this.setRel();
+    }
+    componentWillUpdate() {
+        this.setHasIcon();
+        this.setRel();
+    }
+    componentDidLoad() {
+        this.afOnReady.emit();
+    }
+    get cssModifiers() {
+        return {
+            [`digi-link--variation-${this.afVariation}`]: !!this.afVariation,
+            'digi-link--has-icon': this.hasIcon,
+            'digi-link--hide-visited': this.hideVisitedColor
+        };
+    }
+    render() {
+        return (index.h(index.Host, { key: '0edbce9cc8d2abd454df5c934afa4227922684b6', class: Object.assign({ 'digi-link': true }, this.cssModifiers) }, !this.afLinkContainer && (index.h("a", { key: '8b00c0c6b2cd28d391496552579890edf7d549aa', href: this.afHref, onClick: (e) => this.clickLinkHandler(e), target: this.afTarget, rel: this.relation, ref: (el) => (this._link = el), "aria-describedby": this.afDescribedby, "aria-label": this.afAriaLabel, download: this.afDownload }, this.hasIcon && (index.h("div", { key: '859232c9a55f0d8755a9429669473fe55fb3660e', class: "digi-link__icon-wrapper", "aria-hidden": "true" }, index.h("slot", { key: 'dfdb80c68baac0fefe2eb8bd3b098ca82d0f7d6e', name: "icon" }))), index.h("slot", { key: '55ff600ea8cfcf3828ea6ce6a26c0fc17a6f6fe5' }))), this.afLinkContainer && index.h("slot", { key: 'dbf012146e189b8a97af4ad1dc5b43c5704cd7df' })));
+    }
+    get hostElement() { return index.getElement(this); }
+    static get watchers() { return {
+        "afTarget": ["setRel"]
+    }; }
+};
+Link.style = DigiLinkStyle0;
+exports.digi_link = Link;

package/dist/cjs/{digi-link_2.cjs.entry.js → digi-logo_2.cjs.entry.js} RENAMED Viewed

@@ -3,79 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-cfa8e9be.js');
-const logoVariation_enum = require('./logo-variation.enum-3632e1e1.js');
+const logoVariation_enum = require('./logo-variation.enum-607fadb4.js');
 const randomIdGenerator_util = require('./randomIdGenerator.util-e7f4b6de.js');
-const linkCss = ".digi--util--fs--xs.sc-digi-link{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-link{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-link{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-link{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-link{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-link{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-link{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-link{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-link{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-link{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-link{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-link{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-link{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-link{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-link{padding-top:5rem !important}.digi--util--pb--1.sc-digi-link{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-link{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-link{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-link{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-link{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-link{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-link{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-link{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-link{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-link{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-link{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-link{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-link{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-link{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-link{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-link{padding:2.5rem !important}.digi--util--p--60.sc-digi-link{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-link{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-link{padding:4.5rem !important}.digi--util--p--90.sc-digi-link{padding:5rem !important}.digi--util--ptb--1.sc-digi-link{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-link{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-link{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-link{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-link{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-link{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-link{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-link{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-link{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-link{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-link{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-link{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-link{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-link{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-link{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-link{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-link{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-link{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-link{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-link{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-link{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-link{display:none}.sc-digi-link-h{--digi--link--gap:var(--digi--gutter--medium);--digi--link--color--default:var(--digi--color--text--link);--digi--link--color--hover:var(--digi--color--text--link-hover);--digi--link--color--visited:var(--digi--color--text--link-visited);--digi--link--font-size--large:var(--digi--typography--link--font-size--desktop-large);--digi--link--font-size--small:var(--digi--typography--link--font-size--desktop);--digi--link--font-family:var(--digi--global--typography--font-family--default);--digi--link--font-weight:var(--digi--typography--link-bold--font-weight--desktop);--digi--link--line-height:var(--digi--typography--link--line-height--desktop);--digi--link--text-decoration--default:none;--digi--link--text-decoration--hover:underline;--digi--link--text-decoration--icon--default:var(--digi--global--typography--text-decoration--default);--digi--link--text-decoration--icon--hover:underline;--digi--link--text-decoration-thickness:0.156em;--digi--link--text-underline-offset:3px;--COLOR:var(--digi--link--color--default);--LINK-TEXT-DECORATION:var(--digi--link--text-decoration--default);position:relative}.digi-link--variation-small.sc-digi-link-h{--FONT-SIZE:var(--digi--link--font-size--small)}.digi-link--variation-large.sc-digi-link-h{--FONT-SIZE:var(--digi--link--font-size--large)}.sc-digi-link-h:focus-visible{outline:none}.digi-link--has-icon.sc-digi-link-h{--LINK-TEXT-DECORATION:var(--digi--link--text-decoration--icon--default)}.digi-link--has-icon.sc-digi-link-h:focus,.digi-link--has-icon.sc-digi-link-h:hover{--digi--link--text-decoration--hover:var(\n    --digi--link--text-decoration--icon--hover\n  )}.sc-digi-link-h a.sc-digi-link:hover{--LINK-TEXT-DECORATION:var(--digi--link--text-decoration--hover);text-underline-offset:var(--digi--link--text-underline-offset);text-decoration-thickness:var(--digi--link--text-decoration-thickness)}.sc-digi-link-h a.sc-digi-link:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-link-s>a{font-family:var(--digi--link--font-family);font-size:var(--FONT-SIZE);font-weight:var(--digi--link--font-weight);line-height:var(--digi--link--line-height);color:var(--COLOR);text-decoration:var(--LINK-TEXT-DECORATION);display:inline-flex;gap:var(--digi--link--gap);text-underline-offset:var(--digi--link--text-underline-offset);text-decoration-thickness:var(--digi--link--text-decoration-thickness)}.sc-digi-link-s>a:hover{cursor:pointer}.sc-digi-link-s>a:hover{--LINK-TEXT-DECORATION:var(--digi--link--text-decoration--hover)}.sc-digi-link-s>a:visited{color:var(--digi--link--color--visited)}.sc-digi-link-s>a:visited svg{color:var(--digi--link--color--visited)}.digi-link--hide-visited.sc-digi-link-s>a:visited,.digi-link--hide-visited .sc-digi-link-s>a:visited{color:var(--digi--link--color--default)}.digi-link--hide-visited.sc-digi-link-s>a:visited,.digi-link--hide-visited.sc-digi-link-s>a:visited svg,.digi-link--hide-visited .sc-digi-link-s>a:visited svg{color:var(--digi--link--color--default)}.sc-digi-link-s>a [class*=digi-icon],.sc-digi-link-s>a [slot^=icon]{--digi--icon--color:var(--COLOR);--digi--icon--height:1em;--digi--icon--width:1em}";
-const DigiLinkStyle0 = linkCss;
-const Link = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.afOnClick = index.createEvent(this, "afOnClick", 7);
-        this.afOnReady = index.createEvent(this, "afOnReady", 3);
-        this.hasIcon = undefined;
-        this.relation = undefined;
-        this.afHref = undefined;
-        this.afDescribedby = undefined;
-        this.afAriaLabel = undefined;
-        this.afVariation = logoVariation_enum.LinkVariation.SMALL;
-        this.afTarget = undefined;
-        this.afOverrideLink = false;
-        this.afLinkContainer = false;
-        this.hideVisitedColor = undefined;
-        this.afDownload = undefined;
-    }
-    async afMGetLinkElement() {
-        if (this.afLinkContainer) {
-            return this.hostElement.children.length > 0
-                ? this.hostElement.children.item(0)
-                : undefined;
-        }
-        return this._link;
-    }
-    clickLinkHandler(e) {
-        if (this.afOverrideLink) {
-            e.preventDefault();
-        }
-        this.afOnClick.emit(e);
-    }
-    setRel() {
-        var _a;
-        this.relation =
-            ((_a = this.afTarget) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === '_blank' ? 'noopener noreferrer' : null;
-    }
-    setHasIcon() {
-        this.hasIcon = !!this.hostElement.querySelector('[slot="icon"]');
-    }
-    componentWillLoad() {
-        this.setHasIcon();
-        this.setRel();
-    }
-    componentWillUpdate() {
-        this.setHasIcon();
-        this.setRel();
-    }
-    componentDidLoad() {
-        this.afOnReady.emit();
-    }
-    get cssModifiers() {
-        return {
-            [`digi-link--variation-${this.afVariation}`]: !!this.afVariation,
-            'digi-link--has-icon': this.hasIcon,
-            'digi-link--hide-visited': this.hideVisitedColor
-        };
-    }
-    render() {
-        return (index.h(index.Host, { key: '0edbce9cc8d2abd454df5c934afa4227922684b6', class: Object.assign({ 'digi-link': true }, this.cssModifiers) }, !this.afLinkContainer && (index.h("a", { key: '8b00c0c6b2cd28d391496552579890edf7d549aa', href: this.afHref, onClick: (e) => this.clickLinkHandler(e), target: this.afTarget, rel: this.relation, ref: (el) => (this._link = el), "aria-describedby": this.afDescribedby, "aria-label": this.afAriaLabel, download: this.afDownload }, this.hasIcon && (index.h("div", { key: '859232c9a55f0d8755a9429669473fe55fb3660e', class: "digi-link__icon-wrapper", "aria-hidden": "true" }, index.h("slot", { key: 'dfdb80c68baac0fefe2eb8bd3b098ca82d0f7d6e', name: "icon" }))), index.h("slot", { key: '55ff600ea8cfcf3828ea6ce6a26c0fc17a6f6fe5' }))), this.afLinkContainer && index.h("slot", { key: 'dbf012146e189b8a97af4ad1dc5b43c5704cd7df' })));
-    }
-    get hostElement() { return index.getElement(this); }
-    static get watchers() { return {
-        "afTarget": ["setRel"]
-    }; }
-};
-Link.style = DigiLinkStyle0;
 const logoCss = ".digi--util--fs--xs.sc-digi-logo{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-logo{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-logo{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-logo{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-logo{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-logo{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-logo{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-logo{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-logo{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-logo{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-logo{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-logo{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-logo{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-logo{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-logo{padding-top:5rem !important}.digi--util--pb--1.sc-digi-logo{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-logo{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-logo{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-logo{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-logo{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-logo{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-logo{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-logo{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-logo{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-logo{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-logo{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-logo{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-logo{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-logo{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-logo{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-logo{padding:2.5rem !important}.digi--util--p--60.sc-digi-logo{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-logo{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-logo{padding:4.5rem !important}.digi--util--p--90.sc-digi-logo{padding:5rem !important}.digi--util--ptb--1.sc-digi-logo{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-logo{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-logo{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-logo{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-logo{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-logo{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-logo{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-logo{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-logo{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-logo{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-logo{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-logo{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-logo{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-logo{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-logo{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-logo{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-logo{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-logo{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-logo{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-logo{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-logo{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-logo{display:none}.sc-digi-logo-h{--digi--logo--img--min-width:16rem;--digi--logo--img--max-width:19.5rem;--digi--logo--img--max-width--large:24.5rem;--digi--logo--img--max-width--system:2.75rem;--digi--logo--padding:var(--digi--gutter--medium);--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--color--primary:var(--digi--color--text--secondary);--digi--logo--color--secondary:var(--digi--color--text--inverted);--digi--logo--system-name-color--primary:var(--digi--color--text--primary);--digi--logo--system-name-color--secondary:var(--digi--color--text--inverted);--digi--logo--color--border--primary:var(--digi--color--text--primary);--digi--logo--color--border--secondary:var(--digi--color--text--inverted);--digi--logo--border-width:var(--digi--border-width--primary);--digi--logo--border-width--large:var(--digi--border-width--secondary);--digi--logo--margin--system:0 0 0 var(--digi--gutter--medium);--digi--logo--margin--system--large:0 0 0 var(--digi--gutter--larger);--digi--logo--padding--system:0 0 0 var(--digi--gutter--medium);--digi--logo--padding--system--large:0 0 0 var(--digi--gutter--larger);--digi--logo--font-size:var(--digi--typography--title-logo--font-size--mobile);--digi--logo--font-size--large:var(--digi--typography--title-logo--font-size--desktop-large);--digi--logo--font-size--system:var(--digi--typography--title-logo--font-size--mobile);--digi--logo--font-size--system--large:var(--digi--typography--title-logo--font-size--desktop);--digi--logo--font-weight:var(--digi--typography--title-logo--font-weight--desktop);--digi--logo--line-height:2.75rem;--digi--logo--font-family:var(--digi--global--typography--font-family--default)}.sc-digi-logo-h .digi-logo.sc-digi-logo{display:flex;align-items:center;color:var(--COLOR);padding:var(--PADDING);font-family:var(--digi--logo--font-family);font-size:var(--digi--logo--font-size);font-weight:var(--digi--logo--font-weight);line-height:var(--digi--logo--line-height)}.sc-digi-logo-h .digi-logo--primary.sc-digi-logo{--COLOR--BORDER:var(--digi--logo--color--border--primary);--COLOR:var(--digi--logo--color--primary)}.sc-digi-logo-h .digi-logo--secondary.sc-digi-logo{--COLOR--BORDER:var(--digi--logo--color--border--secondary);--COLOR:var(--digi--logo--color--secondary);--digi--logo--system-name-color--primary:var(\n    --digi--logo--system-name-color--secondary\n  )}.sc-digi-logo-h .digi-logo--small.sc-digi-logo{--PADDING:var(--digi--logo--padding)}@media (min-width: 62rem){.sc-digi-logo-h .digi-logo--small.sc-digi-logo{--PADDING:var(--digi--logo--padding--wide)}}.sc-digi-logo-h .digi-logo--small.sc-digi-logo .digi-logo__img.sc-digi-logo{flex-shrink:0}.sc-digi-logo-h .digi-logo--large.sc-digi-logo{--PADDING:var(--digi--logo--padding--large)}@media (min-width: 62rem){.sc-digi-logo-h .digi-logo--large.sc-digi-logo{--PADDING:var(--digi--logo--padding--large--wide)}}.sc-digi-logo-h .digi-logo--large.sc-digi-logo svg.sc-digi-logo{min-width:var(--digi--logo--img--min-width)}.sc-digi-logo-h .digi-logo__img.sc-digi-logo{display:flex}.sc-digi-logo-h .digi-logo.sc-digi-logo svg.sc-digi-logo{fill:var(--COLOR);width:100%;height:auto;max-width:var(--digi--logo--img--max-width)}.sc-digi-logo-h .digi-logo--system-name.sc-digi-logo{--COLOR:var(--digi--logo--system-name-color--primary)}.sc-digi-logo-h .digi-logo--system-name.sc-digi-logo svg.sc-digi-logo{--digi--logo--img--max-width:var(\n    --digi--logo--img--max-width--system\n  )}.sc-digi-logo-h .digi-logo__system-name.sc-digi-logo{position:relative;display:inline-block;padding:var(--digi--logo--padding--system);margin:var(--digi--logo--margin--system);font-size:var(--digi--logo--font-size--system)}.sc-digi-logo-h .digi-logo__system-name.sc-digi-logo::before{content:\"\";display:inline-block;position:absolute;left:0;top:0;bottom:0;border-left:solid var(--digi--logo--border-width) var(--COLOR--BORDER);pointer-events:none}@media (min-width: 62rem){.sc-digi-logo-h .digi-logo.sc-digi-logo svg.sc-digi-logo{--digi--logo--img--max-width:var(--digi--logo--img--max-width--large)}.sc-digi-logo-h .digi-logo--system-name.sc-digi-logo svg.sc-digi-logo{--digi--logo--img--max-width:var(\n      --digi--logo--img--max-width--system\n    )}.sc-digi-logo-h .digi-logo__system-name.sc-digi-logo{--digi--logo--font-size--system:var(\n      --digi--logo--font-size--system--large\n    );--digi--logo--margin--system:var(--digi--logo--margin--system--large);--digi--logo--padding--system:var(\n      --digi--logo--padding--system--large\n    )}.sc-digi-logo-h .digi-logo__system-name.sc-digi-logo::before{--digi--logo--border-width:var(--digi--logo--border-width--large)}}";
 const DigiLogoStyle0 = logoCss;
@@ -108,5 +38,27 @@ const Logo = class {
 };
 Logo.style = DigiLogoStyle0;
-exports.digi_link = Link;
+const navigationSidebarButtonCss = ".sc-digi-navigation-sidebar-button-h{--digi--navigation-sidebar-button--display:inline-flex}.sc-digi-navigation-sidebar-button-h .digi-navigation-sidebar-button.sc-digi-navigation-sidebar-button{display:var(--digi--navigation-sidebar-button--display)}";
+const DigiNavigationSidebarButtonStyle0 = navigationSidebarButtonCss;
+const NavigationSidebarButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.afOnToggle = index.createEvent(this, "afOnToggle", 7);
+        this.isActive = false;
+        this.afText = undefined;
+        this.afAriaLabel = undefined;
+        this.afId = randomIdGenerator_util.randomIdGenerator('digi-navigation-sidebar-button');
+    }
+    toggleHandler() {
+        this.isActive = !this.isActive;
+        this.afOnToggle.emit(this.isActive);
+    }
+    render() {
+        return (index.h("digi-button", { key: '9304dd2121a3758e9bef83ad45539aabc2390f11', id: this.afId, class: "digi-navigation-sidebar-button", "af-variation": "function", "af-aria-label": this.afAriaLabel, onClick: () => this.toggleHandler() }, this.afText, index.h("digi-icon-bars", { key: '6d419ac71efe6e91ae71e069f81c3b753e22af26', slot: "icon" })));
+    }
+};
+NavigationSidebarButton.style = DigiNavigationSidebarButtonStyle0;
 exports.digi_logo = Logo;
+exports.digi_navigation_sidebar_button = NavigationSidebarButton;

package/dist/cjs/digi-navigation-pagination.cjs.entry.js CHANGED Viewed

@@ -35,10 +35,11 @@ require('./layout-media-object-alignment.enum-81c8e205.js');
 require('./link-button-variation.enum-6c51aa80.js');
 require('./link-external-variation.enum-4865305c.js');
 require('./link-internal-variation.enum-96d004ec.js');
-require('./logo-variation.enum-3632e1e1.js');
+require('./link-variation.enum-e6d243b1.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-context-menu-item-type.enum-9b8142ad.js');
 require('./navigation-context-menu-horizontal-position.enum-71b76501.js');