@designsystem-se/af-react 34.0.4-beta.1 → 34.0.4-beta.3

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@designsystem-se/af-react",
   "author": "Arbetsförmedlingen",
-  "version": "34.0.4-beta.1",
+  "version": "34.0.4-beta.3",
   "description": "React Components for Digi Designsystem",
   "license": "Apache-2.0",
   "sideEffect": false,
   "peerDependencies": {
-    "@designsystem-se/af": "34.0.4-beta.1",
+    "@designsystem-se/af": "34.0.4-beta.3",
     "react": "^19.0.0 || ^18.0.0 || ^17.0.0",
     "react-dom": "^19.0.0 || ^18.0.0 || ^17.0.0"
   },

package/src/lib/stencil-generated/components.d.ts

@@ -10,6 +10,7 @@ import { DigiButton as DigiButtonElement } from "@designsystem-se/af/components/
 import { DigiCalendarDatepicker as DigiCalendarDatepickerElement } from "@designsystem-se/af/components/digi-calendar-datepicker.js";
 import { DigiCalendarWeekView as DigiCalendarWeekViewElement } from "@designsystem-se/af/components/digi-calendar-week-view.js";
 import { DigiCalendar as DigiCalendarElement } from "@designsystem-se/af/components/digi-calendar.js";
+import { DigiCard as DigiCardElement } from "@designsystem-se/af/components/digi-card.js";
 import { DigiChartLine as DigiChartLineElement } from "@designsystem-se/af/components/digi-chart-line.js";
 import { DigiCodeBlock as DigiCodeBlockElement } from "@designsystem-se/af/components/digi-code-block.js";
 import { DigiCodeExample as DigiCodeExampleElement } from "@designsystem-se/af/components/digi-code-example.js";
@@ -233,6 +234,7 @@ import { DigiIconXButtonOutline as DigiIconXButtonOutlineElement } from "@design
 import { DigiIconXButton as DigiIconXButtonElement } from "@designsystem-se/af/components/digi-icon-x-button.js";
 import { DigiIconX as DigiIconXElement } from "@designsystem-se/af/components/digi-icon-x.js";
 import { DigiIconYoutube as DigiIconYoutubeElement } from "@designsystem-se/af/components/digi-icon-youtube.js";
+import { DigiIcon as DigiIconElement } from "@designsystem-se/af/components/digi-icon.js";
 import { DigiInfoCardMultiContainer as DigiInfoCardMultiContainerElement } from "@designsystem-se/af/components/digi-info-card-multi-container.js";
 import { DigiInfoCardMulti as DigiInfoCardMultiElement } from "@designsystem-se/af/components/digi-info-card-multi.js";
 import { DigiInfoCard as DigiInfoCardElement } from "@designsystem-se/af/components/digi-info-card.js";
@@ -251,6 +253,8 @@ import { DigiLogo as DigiLogoElement } from "@designsystem-se/af/components/digi
 import { DigiMediaFigure as DigiMediaFigureElement } from "@designsystem-se/af/components/digi-media-figure.js";
 import { DigiMediaImage as DigiMediaImageElement } from "@designsystem-se/af/components/digi-media-image.js";
 import { DigiNavigationBreadcrumbs as DigiNavigationBreadcrumbsElement } from "@designsystem-se/af/components/digi-navigation-breadcrumbs.js";
+import { DigiNavigationContextMenuItem as DigiNavigationContextMenuItemElement } from "@designsystem-se/af/components/digi-navigation-context-menu-item.js";
+import { DigiNavigationContextMenu as DigiNavigationContextMenuElement } from "@designsystem-se/af/components/digi-navigation-context-menu.js";
 import { DigiNavigationPagination as DigiNavigationPaginationElement } from "@designsystem-se/af/components/digi-navigation-pagination.js";
 import { DigiNavigationSidebarButton as DigiNavigationSidebarButtonElement } from "@designsystem-se/af/components/digi-navigation-sidebar-button.js";
 import { DigiNavigationSidebar as DigiNavigationSidebarElement } from "@designsystem-se/af/components/digi-navigation-sidebar.js";
@@ -272,7 +276,7 @@ import { DigiTag as DigiTagElement } from "@designsystem-se/af/components/digi-t
 import { DigiToolsFeedbackBanner as DigiToolsFeedbackBannerElement } from "@designsystem-se/af/components/digi-tools-feedback-banner.js";
 import { DigiToolsFeedbackRating as DigiToolsFeedbackRatingElement } from "@designsystem-se/af/components/digi-tools-feedback-rating.js";
 import { DigiToolsFeedback as DigiToolsFeedbackElement } from "@designsystem-se/af/components/digi-tools-feedback.js";
-import { DigiToolsThemeProvider as DigiToolsThemeProviderElement } from "@designsystem-se/af/components/digi-tools-theme-provider.js";
+import { DigiToolsLanguagepicker as DigiToolsLanguagepickerElement } from "@designsystem-se/af/components/digi-tools-languagepicker.js";
 import { DigiTypographyHeadingJumbo as DigiTypographyHeadingJumboElement } from "@designsystem-se/af/components/digi-typography-heading-jumbo.js";
 import { DigiTypographyMeta as DigiTypographyMetaElement } from "@designsystem-se/af/components/digi-typography-meta.js";
 import { DigiTypographyPreamble as DigiTypographyPreambleElement } from "@designsystem-se/af/components/digi-typography-preamble.js";
@@ -317,6 +321,8 @@ export type DigiCalendarWeekViewEvents = {
     onAfOnReady: EventName<CustomEvent<any>>;
 };
 export declare const DigiCalendarWeekView: StencilReactComponent<DigiCalendarWeekViewElement, DigiCalendarWeekViewEvents>;
+export type DigiCardEvents = NonNullable<unknown>;
+export declare const DigiCard: StencilReactComponent<DigiCardElement, DigiCardEvents>;
 export type DigiChartLineEvents = NonNullable<unknown>;
 export declare const DigiChartLine: StencilReactComponent<DigiChartLineElement, DigiChartLineEvents>;
 export type DigiCodeEvents = NonNullable<unknown>;
@@ -495,6 +501,8 @@ export type DigiHeaderNavigationItemEvents = NonNullable<unknown>;
 export declare const DigiHeaderNavigationItem: StencilReactComponent<DigiHeaderNavigationItemElement, DigiHeaderNavigationItemEvents>;
 export type DigiHeaderNotificationEvents = NonNullable<unknown>;
 export declare const DigiHeaderNotification: StencilReactComponent<DigiHeaderNotificationElement, DigiHeaderNotificationEvents>;
+export type DigiIconEvents = NonNullable<unknown>;
+export declare const DigiIcon: StencilReactComponent<DigiIconElement, DigiIconEvents>;
 export type DigiIconAccessibilityDeafEvents = NonNullable<unknown>;
 export declare const DigiIconAccessibilityDeaf: StencilReactComponent<DigiIconAccessibilityDeafElement, DigiIconAccessibilityDeafEvents>;
 export type DigiIconAccessibilityUniversalEvents = NonNullable<unknown>;
@@ -930,6 +938,17 @@ export type DigiNavigationBreadcrumbsEvents = {
     onAfOnClick: EventName<CustomEvent<any>>;
 };
 export declare const DigiNavigationBreadcrumbs: StencilReactComponent<DigiNavigationBreadcrumbsElement, DigiNavigationBreadcrumbsEvents>;
+export type DigiNavigationContextMenuEvents = {
+    onAfOnInactive: EventName<CustomEvent<any>>;
+    onAfOnActive: EventName<CustomEvent<any>>;
+    onAfOnBlur: EventName<CustomEvent<any>>;
+    onAfOnChange: EventName<CustomEvent<any>>;
+    onAfOnToggle: EventName<CustomEvent<any>>;
+    onAfOnSelect: EventName<CustomEvent<any>>;
+};
+export declare const DigiNavigationContextMenu: StencilReactComponent<DigiNavigationContextMenuElement, DigiNavigationContextMenuEvents>;
+export type DigiNavigationContextMenuItemEvents = NonNullable<unknown>;
+export declare const DigiNavigationContextMenuItem: StencilReactComponent<DigiNavigationContextMenuItemElement, DigiNavigationContextMenuItemEvents>;
 export type DigiNavigationPaginationEvents = {
     onAfOnPageChange: EventName<CustomEvent<number>>;
     onAfOnReady: EventName<CustomEvent<any>>;
@@ -1004,8 +1023,17 @@ export type DigiToolsFeedbackRatingEvents = {
     onAfOnSubmitFeedbackLink: EventName<CustomEvent<any>>;
 };
 export declare const DigiToolsFeedbackRating: StencilReactComponent<DigiToolsFeedbackRatingElement, DigiToolsFeedbackRatingEvents>;
-export type DigiToolsThemeProviderEvents = NonNullable<unknown>;
-export declare const DigiToolsThemeProvider: StencilReactComponent<DigiToolsThemeProviderElement, DigiToolsThemeProviderEvents>;
+export type DigiToolsLanguagepickerEvents = {
+    onAfOnInactive: EventName<CustomEvent<any>>;
+    onAfOnActive: EventName<CustomEvent<any>>;
+    onAfOnBlur: EventName<CustomEvent<any>>;
+    onAfOnFocus: EventName<CustomEvent<any>>;
+    onAfOnChange: EventName<CustomEvent<any>>;
+    onAfOnToggle: EventName<CustomEvent<any>>;
+    onAfOnSelect: EventName<CustomEvent<any>>;
+    onAfOnClick: EventName<CustomEvent<any>>;
+};
+export declare const DigiToolsLanguagepicker: StencilReactComponent<DigiToolsLanguagepickerElement, DigiToolsLanguagepickerEvents>;
 export type DigiTypographyEvents = NonNullable<unknown>;
 export declare const DigiTypography: StencilReactComponent<DigiTypographyElement, DigiTypographyEvents>;
 export type DigiTypographyHeadingJumboEvents = NonNullable<unknown>;

package/src/lib/stencil-generated/components.js

@@ -6,6 +6,7 @@ import { DigiButton as DigiButtonElement, defineCustomElement as defineDigiButto
 import { DigiCalendarDatepicker as DigiCalendarDatepickerElement, defineCustomElement as defineDigiCalendarDatepicker } from "@designsystem-se/af/components/digi-calendar-datepicker.js";
 import { DigiCalendarWeekView as DigiCalendarWeekViewElement, defineCustomElement as defineDigiCalendarWeekView } from "@designsystem-se/af/components/digi-calendar-week-view.js";
 import { DigiCalendar as DigiCalendarElement, defineCustomElement as defineDigiCalendar } from "@designsystem-se/af/components/digi-calendar.js";
+import { DigiCard as DigiCardElement, defineCustomElement as defineDigiCard } from "@designsystem-se/af/components/digi-card.js";
 import { DigiChartLine as DigiChartLineElement, defineCustomElement as defineDigiChartLine } from "@designsystem-se/af/components/digi-chart-line.js";
 import { DigiCodeBlock as DigiCodeBlockElement, defineCustomElement as defineDigiCodeBlock } from "@designsystem-se/af/components/digi-code-block.js";
 import { DigiCodeExample as DigiCodeExampleElement, defineCustomElement as defineDigiCodeExample } from "@designsystem-se/af/components/digi-code-example.js";
@@ -229,6 +230,7 @@ import { DigiIconXButtonOutline as DigiIconXButtonOutlineElement, defineCustomEl
 import { DigiIconXButton as DigiIconXButtonElement, defineCustomElement as defineDigiIconXButton } from "@designsystem-se/af/components/digi-icon-x-button.js";
 import { DigiIconX as DigiIconXElement, defineCustomElement as defineDigiIconX } from "@designsystem-se/af/components/digi-icon-x.js";
 import { DigiIconYoutube as DigiIconYoutubeElement, defineCustomElement as defineDigiIconYoutube } from "@designsystem-se/af/components/digi-icon-youtube.js";
+import { DigiIcon as DigiIconElement, defineCustomElement as defineDigiIcon } from "@designsystem-se/af/components/digi-icon.js";
 import { DigiInfoCardMultiContainer as DigiInfoCardMultiContainerElement, defineCustomElement as defineDigiInfoCardMultiContainer } from "@designsystem-se/af/components/digi-info-card-multi-container.js";
 import { DigiInfoCardMulti as DigiInfoCardMultiElement, defineCustomElement as defineDigiInfoCardMulti } from "@designsystem-se/af/components/digi-info-card-multi.js";
 import { DigiInfoCard as DigiInfoCardElement, defineCustomElement as defineDigiInfoCard } from "@designsystem-se/af/components/digi-info-card.js";
@@ -247,6 +249,8 @@ import { DigiLogo as DigiLogoElement, defineCustomElement as defineDigiLogo } fr
 import { DigiMediaFigure as DigiMediaFigureElement, defineCustomElement as defineDigiMediaFigure } from "@designsystem-se/af/components/digi-media-figure.js";
 import { DigiMediaImage as DigiMediaImageElement, defineCustomElement as defineDigiMediaImage } from "@designsystem-se/af/components/digi-media-image.js";
 import { DigiNavigationBreadcrumbs as DigiNavigationBreadcrumbsElement, defineCustomElement as defineDigiNavigationBreadcrumbs } from "@designsystem-se/af/components/digi-navigation-breadcrumbs.js";
+import { DigiNavigationContextMenuItem as DigiNavigationContextMenuItemElement, defineCustomElement as defineDigiNavigationContextMenuItem } from "@designsystem-se/af/components/digi-navigation-context-menu-item.js";
+import { DigiNavigationContextMenu as DigiNavigationContextMenuElement, defineCustomElement as defineDigiNavigationContextMenu } from "@designsystem-se/af/components/digi-navigation-context-menu.js";
 import { DigiNavigationPagination as DigiNavigationPaginationElement, defineCustomElement as defineDigiNavigationPagination } from "@designsystem-se/af/components/digi-navigation-pagination.js";
 import { DigiNavigationSidebarButton as DigiNavigationSidebarButtonElement, defineCustomElement as defineDigiNavigationSidebarButton } from "@designsystem-se/af/components/digi-navigation-sidebar-button.js";
 import { DigiNavigationSidebar as DigiNavigationSidebarElement, defineCustomElement as defineDigiNavigationSidebar } from "@designsystem-se/af/components/digi-navigation-sidebar.js";
@@ -268,7 +272,7 @@ import { DigiTag as DigiTagElement, defineCustomElement as defineDigiTag } from
 import { DigiToolsFeedbackBanner as DigiToolsFeedbackBannerElement, defineCustomElement as defineDigiToolsFeedbackBanner } from "@designsystem-se/af/components/digi-tools-feedback-banner.js";
 import { DigiToolsFeedbackRating as DigiToolsFeedbackRatingElement, defineCustomElement as defineDigiToolsFeedbackRating } from "@designsystem-se/af/components/digi-tools-feedback-rating.js";
 import { DigiToolsFeedback as DigiToolsFeedbackElement, defineCustomElement as defineDigiToolsFeedback } from "@designsystem-se/af/components/digi-tools-feedback.js";
-import { DigiToolsThemeProvider as DigiToolsThemeProviderElement, defineCustomElement as defineDigiToolsThemeProvider } from "@designsystem-se/af/components/digi-tools-theme-provider.js";
+import { DigiToolsLanguagepicker as DigiToolsLanguagepickerElement, defineCustomElement as defineDigiToolsLanguagepicker } from "@designsystem-se/af/components/digi-tools-languagepicker.js";
 import { DigiTypographyHeadingJumbo as DigiTypographyHeadingJumboElement, defineCustomElement as defineDigiTypographyHeadingJumbo } from "@designsystem-se/af/components/digi-typography-heading-jumbo.js";
 import { DigiTypographyMeta as DigiTypographyMetaElement, defineCustomElement as defineDigiTypographyMeta } from "@designsystem-se/af/components/digi-typography-meta.js";
 import { DigiTypographyPreamble as DigiTypographyPreambleElement, defineCustomElement as defineDigiTypographyPreamble } from "@designsystem-se/af/components/digi-typography-preamble.js";
@@ -354,6 +358,14 @@ export const DigiCalendarWeekView = /*@__PURE__*/ createComponent({
     },
     defineCustomElement: defineDigiCalendarWeekView
 });
+export const DigiCard = /*@__PURE__*/ createComponent({
+    tagName: 'digi-card',
+    elementClass: DigiCardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDigiCard
+});
 export const DigiChartLine = /*@__PURE__*/ createComponent({
     tagName: 'digi-chart-line',
     elementClass: DigiChartLineElement,
@@ -706,6 +718,14 @@ export const DigiHeaderNotification = /*@__PURE__*/ createComponent({
     events: {},
     defineCustomElement: defineDigiHeaderNotification
 });
+export const DigiIcon = /*@__PURE__*/ createComponent({
+    tagName: 'digi-icon',
+    elementClass: DigiIconElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDigiIcon
+});
 export const DigiIconAccessibilityDeaf = /*@__PURE__*/ createComponent({
     tagName: 'digi-icon-accessibility-deaf',
     elementClass: DigiIconAccessibilityDeafElement,
@@ -2381,6 +2401,29 @@ export const DigiNavigationBreadcrumbs = /*@__PURE__*/ createComponent({
     events: { onAfOnClick: 'afOnClick' },
     defineCustomElement: defineDigiNavigationBreadcrumbs
 });
+export const DigiNavigationContextMenu = /*@__PURE__*/ createComponent({
+    tagName: 'digi-navigation-context-menu',
+    elementClass: DigiNavigationContextMenuElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onAfOnInactive: 'afOnInactive',
+        onAfOnActive: 'afOnActive',
+        onAfOnBlur: 'afOnBlur',
+        onAfOnChange: 'afOnChange',
+        onAfOnToggle: 'afOnToggle',
+        onAfOnSelect: 'afOnSelect'
+    },
+    defineCustomElement: defineDigiNavigationContextMenu
+});
+export const DigiNavigationContextMenuItem = /*@__PURE__*/ createComponent({
+    tagName: 'digi-navigation-context-menu-item',
+    elementClass: DigiNavigationContextMenuItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDigiNavigationContextMenuItem
+});
 export const DigiNavigationPagination = /*@__PURE__*/ createComponent({
     tagName: 'digi-navigation-pagination',
     elementClass: DigiNavigationPaginationElement,
@@ -2567,13 +2610,22 @@ export const DigiToolsFeedbackRating = /*@__PURE__*/ createComponent({
     },
     defineCustomElement: defineDigiToolsFeedbackRating
 });
-export const DigiToolsThemeProvider = /*@__PURE__*/ createComponent({
-    tagName: 'digi-tools-theme-provider',
-    elementClass: DigiToolsThemeProviderElement,
+export const DigiToolsLanguagepicker = /*@__PURE__*/ createComponent({
+    tagName: 'digi-tools-languagepicker',
+    elementClass: DigiToolsLanguagepickerElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: {},
-    defineCustomElement: defineDigiToolsThemeProvider
+    events: {
+        onAfOnInactive: 'afOnInactive',
+        onAfOnActive: 'afOnActive',
+        onAfOnBlur: 'afOnBlur',
+        onAfOnFocus: 'afOnFocus',
+        onAfOnChange: 'afOnChange',
+        onAfOnToggle: 'afOnToggle',
+        onAfOnSelect: 'afOnSelect',
+        onAfOnClick: 'afOnClick'
+    },
+    defineCustomElement: defineDigiToolsLanguagepicker
 });
 export const DigiTypography = /*@__PURE__*/ createComponent({
     tagName: 'digi-typography',