@designsystem-se/af 32.3.1-beta.1 → 33.0.0

package/dist/esm/{tools-feedback-variation.enum-92d10df2.js → tools-feedback-variation.enum-45abb679.js}

@@ -219,16 +219,6 @@ var ErrorPageStatusCodes;
     ErrorPageStatusCodes["GATEWAY_TIMEOUT"] = "504";
 })(ErrorPageStatusCodes || (ErrorPageStatusCodes = {}));
 
-var QuoteMultiContainerHeadingLevel;
-(function (QuoteMultiContainerHeadingLevel) {
-    QuoteMultiContainerHeadingLevel["H1"] = "h1";
-    QuoteMultiContainerHeadingLevel["H2"] = "h2";
-    QuoteMultiContainerHeadingLevel["H3"] = "h3";
-    QuoteMultiContainerHeadingLevel["H4"] = "h4";
-    QuoteMultiContainerHeadingLevel["H5"] = "h5";
-    QuoteMultiContainerHeadingLevel["H6"] = "h6";
-})(QuoteMultiContainerHeadingLevel || (QuoteMultiContainerHeadingLevel = {}));
-
 var ToolsFeedbackHeadingLevel;
 (function (ToolsFeedbackHeadingLevel) {
     ToolsFeedbackHeadingLevel["H1"] = "h1";
@@ -251,4 +241,4 @@ var FeedbackVariation;
     FeedbackVariation["SECONDARY"] = "secondary";
 })(FeedbackVariation || (FeedbackVariation = {}));
 
-export { BadgeNotificationType as B, CalendarDatepickerValidation as C, DialogHeadingLevel as D, ExpandableAccordionHeaderLevel as E, FooterVariation as F, HeaderCenterContentWidth as H, InfoCardMultiContainerHeadingLevel as I, NotificationAlertHeadingLevel as N, QuoteMultiContainerHeadingLevel as Q, ToolsFeedbackHeadingLevel as T, CardShadow as a, CodeBlockLanguage as b, DialogSize as c, DialogVariation as d, ExpandableAccordionToggleType as e, ExpandableAccordionVariation as f, FormErrorListHeadingLevel as g, FormRadiobuttonLayout as h, FormRadiobuttonValidation as i, FormRadiobuttonVariation as j, FormReceiptHeadingLevel as k, FormReceiptType as l, FormReceiptVariation as m, FormSelectFilterValidation as n, InfoCardMultiHeadingLevel as o, InfoCardMultiVariation as p, InfoCardHeadingLevel as q, NotificationAlertSize as r, NotificationAlertVariation as s, ErrorPageStatusCodes as t, ToolsFeedbackType as u, FeedbackVariation as v };
+export { BadgeNotificationType as B, CalendarDatepickerValidation as C, DialogHeadingLevel as D, ExpandableAccordionHeaderLevel as E, FooterVariation as F, HeaderCenterContentWidth as H, InfoCardMultiContainerHeadingLevel as I, NotificationAlertHeadingLevel as N, ToolsFeedbackHeadingLevel as T, CardShadow as a, CodeBlockLanguage as b, DialogSize as c, DialogVariation as d, ExpandableAccordionToggleType as e, ExpandableAccordionVariation as f, FormErrorListHeadingLevel as g, FormRadiobuttonLayout as h, FormRadiobuttonValidation as i, FormRadiobuttonVariation as j, FormReceiptHeadingLevel as k, FormReceiptType as l, FormReceiptVariation as m, FormSelectFilterValidation as n, InfoCardMultiHeadingLevel as o, InfoCardMultiVariation as p, InfoCardHeadingLevel as q, NotificationAlertSize as r, NotificationAlertVariation as s, ErrorPageStatusCodes as t, ToolsFeedbackType as u, FeedbackVariation as v };

package/dist/esm/{layout-container-max-width.enum-c40018ac.js → typography-variation.enum-d9fdbf06.js}

@@ -1,10 +1,3 @@
-var LayoutBlockContainer;
-(function (LayoutBlockContainer) {
-    LayoutBlockContainer["STATIC"] = "static";
-    LayoutBlockContainer["FLUID"] = "fluid";
-    LayoutBlockContainer["NONE"] = "none";
-})(LayoutBlockContainer || (LayoutBlockContainer = {}));
-
 var LayoutContainerVariation;
 (function (LayoutContainerVariation) {
     LayoutContainerVariation["STATIC"] = "static";
@@ -18,4 +11,10 @@ var LayoutContainerMaxWidth;
     LayoutContainerMaxWidth["WIDTH_1400"] = "1400";
 })(LayoutContainerMaxWidth || (LayoutContainerMaxWidth = {}));
 
-export { LayoutBlockContainer as L, LayoutContainerVariation as a, LayoutContainerMaxWidth as b };
+var TypographyVariation;
+(function (TypographyVariation) {
+    TypographyVariation["SMALL"] = "small";
+    TypographyVariation["LARGE"] = "large";
+})(TypographyVariation || (TypographyVariation = {}));
+
+export { LayoutContainerVariation as L, TypographyVariation as T, LayoutContainerMaxWidth as a };

package/dist/types/components/_code/code-example/code-example.d.ts

@@ -17,6 +17,7 @@ export declare class CodeExample {
     hostElement: HTMLStencilElement;
     private _codeExample;
     private _codeHeightObserver;
+    private _id;
     /**
      * Försöker parsa afCode som ett objekt.
      * Returnerar antingen codeExample som sträng - antingen direkt om afCode var en sträng, annars det valda kodspråket.

package/dist/types/components/_navigation/navigation-context-menu/navigation-context-menu.d.ts

@@ -1,6 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { DropdownItem, HTMLDir, RelativePosition } from '../navigation-dropdown/navigation-dropdown.types';
-import { ContextMenuEventItem, ContextMenuItem } from './navigation-context-menu.types';
+import { ContextMenuEventItem, ContextMenuItem, HTMLDir, ContextMenuPosition } from './navigation-context-menu.types';
 /**
  * @enums ContextMenuHorizontalPosition - navigation-context-menu-horizontal-position.enum.ts
  * @swedishName Rullgardinsmeny
@@ -8,26 +7,54 @@ import { ContextMenuEventItem, ContextMenuItem } from './navigation-context-menu
 export declare class ContextMenu {
     private buttonRef;
     private itemRefs;
+    visible: boolean;
+    activeItemIdx: number;
+    selectItemIdx: number;
+    /**
+     * (Frivillig) Om du vill att komponenten ska ha ett unikt ID, kan du skicka in detta här, annars genereras ett automatiskt
+     @en Sets a unique Id. If not set, one will be created
+     */
     afId: string;
-    afIcon: string;
+    /**
+     * Används till att välja ikon som visas, skriv i namnet på ikonen
+     * @en Sets which icon that should be shown
+     */
+    afIcon?: string;
+    /**
+     * Sätter titeln på knappen
+     * @en Sets the title of the button
+     */
     afTitle: string;
+    /**
+     * Lista av typen ContextMenuItem som
+     * @en Sets the title of the button
+     */
     afMenuItems: string | ContextMenuItem[];
+    /**
+     * Sätter dir-attributet
+     * @en Sets dir-attribute
+     */
     afDir?: HTMLDir;
+    /**
+     * Sätter lang-attributet
+     * @en Sets lang-attribute
+     */
     afLang?: string;
-    afAriaLabel: string;
+    /**
+     * Sätter aria-label på expanderbar knapp
+     * @en Sets aria-label on expandable button
+     */
+    afAriaLabel?: string;
     /**
      * När menyalternativ är valt
      * @en When menu item is activated
      */
-    afMenuPosition?: RelativePosition;
+    afMenuPosition?: ContextMenuPosition;
     /**
      * Sätter ett förvalt värde. I React måste detta vara av typen string.
      * @en Sets a preselected value. In React this has to be of the type string.
      */
     afActiveItem: ContextMenuItem['id'];
-    items: ContextMenuItem[];
-    visible: boolean;
-    activeItemIdx: number;
     /**
      * När menyalternativ är valt
      * @en When menu item is activated
@@ -50,15 +77,26 @@ export declare class ContextMenu {
     afBlur: EventEmitter;
     clickHandler(e: MouseEvent): void;
     focusoutHandler(e: FocusEvent): void;
-    hideMenu(): void;
-    showMenu(): void;
-    handleToggle(): void;
-    handleChangeItem(item: ContextMenuItem, idx: number): void;
-    handleFocusItem(item: ContextMenuItem, idx: number): void;
-    handleRef(ref: HTMLElement, refId: string, payload: DropdownItem): void;
     syncActiveItem(): void;
     syncItems(): void;
     componentWillLoad(): void;
     get digiIcon(): string;
+    hideMenu(): void;
+    showMenu(): void;
+    isLink(): boolean;
+    handleToggle(): Promise<void>;
+    focusOnButton(): Promise<void>;
+    handleChangeItem(item: ContextMenuItem, idx: number): void;
+    handleRef(ref: HTMLElement, refId: string, payload: ContextMenuItem): void;
+    isActive(idx: any): boolean;
+    isSelected(idx: any): boolean;
+    nextIdx(idx: number): number;
+    activateItem(idx: number): void;
+    focusItem(idx: number): void;
+    focusCaptured(): boolean;
+    handleKey(e: KeyboardEvent): void;
+    handleLinkClick(e: Event, item: ContextMenuItem, idx: number): void;
+    renderLink(item: any, idx: any): any;
+    renderDiv(item: any, idx: any): any;
     render(): any;
 }

package/dist/types/components/_navigation/navigation-context-menu/navigation-context-menu.types.d.ts

@@ -1,10 +1,14 @@
-import { DropdownItem, DropdownPosition } from '../navigation-dropdown/navigation-dropdown.types';
-export interface ContextMenuItem extends DropdownItem {
+export type HTMLDir = 'rtl' | 'ltr' | 'auto';
+export type ContextMenuPosition = 'center-bottom' | 'left-bottom' | 'right-bottom';
+export interface ContextMenuItem {
+    id: string | number;
+    title: string;
+    ariaLabel?: string;
     type?: ContextMenuItemType;
     href?: string;
+    overrideLink?: boolean;
 }
 export type ContextMenuItemType = 'link' | 'button';
-export type ContextMenuPosition = DropdownPosition;
 export interface ContextMenuEventItem {
     item: ContextMenuItem;
     idx: number;

package/dist/types/components/_progress/progress-circle/progress-circle.d.ts

@@ -83,6 +83,10 @@ export declare class ProgressCircle {
     componentWillLoad(): void;
     changeTotalStepsHandler(value: number): void;
     changeCompletedStepsHandler(value: number): void;
+    /**
+     * 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(): void;
     renderHeading(): any;
     get cssModifiers(): {

package/dist/types/components/_progress/progress-indicator/progress-indicator.d.ts

@@ -94,6 +94,10 @@ export declare class ProgressIndicator {
     changeTotalStepsHandler(value: number): void;
     changeCompletedStepsHandler(value: number): void;
     getItems(update?: boolean): void;
+    /**
+     * 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(): void;
     renderHeading(): any;
     get cssModifiers(): {

package/dist/types/components/_quote/quote/quote.d.ts

@@ -8,7 +8,6 @@ import { QuoteVariation } from './quote-variation.enum';
  * @enums QuoteType - quote-type.enum
  * @enums QuoteImagePosition - quote-image-position.enum
  * @enums QuoteImageInnerPosition - quote-image-inner-position.enum
- * @new
  * @swedishName Citat
  */
 export declare class Quote {

package/dist/types/components/_tag/tag/tag.d.ts

@@ -29,6 +29,10 @@ export declare class Tag {
      * @en The tag elements 'onclick' event.
      */
     afOnClick: EventEmitter;
+    /** Bryt långa ord vid overflow.
+     * @en Allow breaking long words on overflow.
+     */
+    afBreakWords: boolean;
     clickHandler(e: Event): void;
     get ariaLabel(): string;
     render(): any;

package/dist/types/components/_tools/tools-languagepicker/tools-languagepicker.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter } from '../../../stencil-public-runtime';
 import { INavigationContextMenuItem } from '../../../interfaces';
 /**
  * @swedishName Språkväljare
- * @deprecated
+ * @deprecated Komponenten utgår i slutet av januari 2026.
  */
 export declare class ToolsLanguagepicker {
     /**

package/dist/types/components/_typography/typography-heading-jumbo/typography-heading-jumbo.d.ts

@@ -27,6 +27,10 @@ export declare class TypographyHeadingJumbo {
      * @en Set language inside of title element. Defaults to 'sv' (swedish).
      */
     afLang: string;
+    /**
+     * 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(): void;
     get cssModifiers(): {
         'digi-typography-heading-jumbo--primary': boolean;