@stihl-design-system/components 1.0.0-RC.44 → 1.0.0-RC.45

package/components/Pagination/Pagination.utils.d.ts

@@ -0,0 +1,59 @@
+import { PaginationProps } from './Pagination';
+export type PaginationAriaAttributes = 'aria-label' | 'aria-labelledby';
+export type PaginationLanguage = 'en' | 'de';
+export type PaginationTranslations = typeof DS_PAGINATION_TRANSLATIONS_EN;
+export type PaginationAlignment = 'left' | 'center' | 'right';
+export type PaginationVisiblePageCount = 5 | 7 | 9;
+export type PaginationPageItem = {
+    type: 'page';
+    pageIndex: number;
+} | {
+    type: 'ellipsis';
+    id: string;
+};
+export type PaginationRenderItem = PaginationPageItem | {
+    type: 'divider';
+    id: string;
+};
+export declare const DS_PAGINATION_MEDIA_QUERY_MEDIUM = "(max-width: 518px)";
+export declare const DS_PAGINATION_MEDIA_QUERY_SMALL = "(max-width: 428px)";
+export declare const getVisiblePageCount: () => PaginationVisiblePageCount;
+/**
+ * Generates an array of page items for the pagination component.
+ * The function calculates which page numbers to display based on the total number of pages,
+ * the currently active page, and the maximum number of visible page items allowed.
+ * It also inserts ellipsis items where there are gaps in the page numbers to indicate undisplayed pages.
+ *
+ * @param totalPages - The total number of pages.
+ * @param activePageIndex - The index of the currently active page.
+ * @param pageItemCount - The number of visible page items.
+ * @returns An array of page items including pages and ellipses.
+ */
+export declare const getPageItems: (totalPages: number, activePageIndex: number, pageItemCount: number) => PaginationPageItem[];
+/**
+ * Adds divider items to the pagination items array.
+ * Dividers are added between page items and ellipsis items, but not between the first and last page
+ * or between the previous/next buttons and the page items.
+ * @param items - An array of pagination page items (pages and ellipses) to which dividers should be added.
+ * @returns An array of pagination render items including dividers.
+ */
+export declare const addDividers: (items: PaginationPageItem[]) => PaginationRenderItem[];
+/**
+ * Generates the list of page items with dividers for the pagination component.
+ * @param totalPages - The total number of pages.
+ * @param activePageIndex - The index of the currently active page (0-based).
+ * @param pageItemCount - The number of page items to display.
+ * @returns An array of pagination render items including dividers.
+ */
+export declare const getPageItemsWithDividers: (totalPages: number, activePageIndex: number, pageItemCount: number) => PaginationRenderItem[];
+export declare const DS_PAGINATION_TRANSLATIONS_EN: {
+    previousPage: string;
+    nextPage: string;
+    page: string;
+    pageOf: string;
+};
+export declare const DS_PAGINATION_TRANSLATIONS_DE: PaginationTranslations;
+export declare const DS_PAGINATION_TRANSLATIONS: Record<PaginationLanguage, PaginationTranslations>;
+type ValidatePaginationPropsParams = Pick<PaginationProps, 'activePageIndex' | 'aria' | 'itemsPerPage' | 'links' | 'totalItemsCount'>;
+export declare const validatePaginationProps: ({ activePageIndex, aria, itemsPerPage, links, totalItemsCount, }: ValidatePaginationPropsParams) => void;
+export {};

package/components/Pagination/Pagination.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/Tooltip/Tooltip.d.ts

@@ -25,7 +25,7 @@ export interface TooltipProps {
 /**
  * The Tooltip component is used to display additional information or actions related to an anchor element. It is opened on hover or focus. It can be positioned relative to the anchor and supports various placements and offsets.
  *
- * Design in Figma: [Tooltip](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/branch/HovZmjHiwxguawTWTO6ibS/Core-Components-%F0%9F%92%A0?node-id=26075-11658&p=f&t=TYKSgw0ZlRDBBUfn-11)
+ * Design in Figma: [Tooltip](https://www.figma.com/design/qXldpLO6gxHJNLdcXIPxYt/Core-Components-%F0%9F%92%A0?node-id=36194-1244)
  * */
 export declare const Tooltip: {
     ({ children, ...rest }: TooltipProps): JSX.Element;

package/{customreactselect.B7p1pKdD.js → customreactselect.Dle5ReLL.js}

@@ -3,13 +3,13 @@ import "react/jsx-runtime";
 import "./chunks/index.cKLI89Eg.js";
 import "./chunks/index.DQOqod3i.js";
 import "react";
-import { c as f } from "./chunks/CustomReactSelect.DuAr_i4b.js";
+import { c as f } from "./chunks/CustomReactSelect.DHwRSrva.js";
 import "./chunks/useBreakpoint.1txsny17.js";
 import "./asterisk.Dwtdwpkq.js";
-import "./chunks/Icon.BoywkLCM.js";
-import "./chunks/Popover.BmpyqKuQ.js";
-import "./chunks/SystemFeedback.D4aWwoC8.js";
-import "./optioncheckbox.BOfgK3U_.js";
+import "./chunks/Icon.DCdL1Vnp.js";
+import "./chunks/Popover.BBT_kVGM.js";
+import "./chunks/SystemFeedback.CZhoSxrC.js";
+import "./optioncheckbox.BO9lhnF3.js";
 export {
   f as CustomReactSelect
 };

package/{dialog.BqLpjUB7.js → dialog.Br6FeS8M.js}

@@ -2,8 +2,8 @@
 import "react/jsx-runtime";
 import "./chunks/index.DQOqod3i.js";
 import "react";
-import "./chunks/Button.P9uWeVnl.js";
-import { D as e } from "./chunks/Dialog.C8pnDioL.js";
+import "./chunks/Button.D8U6Bs7T.js";
+import { D as e } from "./chunks/Dialog.DNrQmu4n.js";
 export {
   e as DSDialog
 };

package/{drawer.Cd-nCvZc.js → drawer.Dyjx6fy3.js}

@@ -2,8 +2,8 @@
 import "react/jsx-runtime";
 import "./chunks/index.DQOqod3i.js";
 import "react";
-import "./chunks/Button.P9uWeVnl.js";
-import { D as e } from "./chunks/Drawer.wTQvINDy.js";
+import "./chunks/Button.D8U6Bs7T.js";
+import { D as e } from "./chunks/Drawer.DaiiAoa8.js";
 export {
   e as DSDrawer
 };

package/{fieldset.CZZsUwkL.js → fieldset.D6sz1Wn2.js}

@@ -4,9 +4,9 @@ import "./chunks/index.DQOqod3i.js";
 import "react";
 import "./asterisk.Dwtdwpkq.js";
 import "./heading.BHSklXho.js";
-import "./chunks/Popover.BmpyqKuQ.js";
-import "./chunks/SystemFeedback.D4aWwoC8.js";
-import { D } from "./chunks/Fieldset.DdYeI2CZ.js";
+import "./chunks/Popover.BBT_kVGM.js";
+import "./chunks/SystemFeedback.CZhoSxrC.js";
+import { D } from "./chunks/Fieldset.BB4NftRU.js";
 export {
   D as DSFieldset
 };

package/{filelist.BhBVr4dj.js → filelist.0CUvj_hg.js}

@@ -2,10 +2,10 @@
 import { jsxs as _, jsx as u } from "react/jsx-runtime";
 import { d as N } from "./chunks/index.cKLI89Eg.js";
 import { c as R } from "./chunks/index.DQOqod3i.js";
-import { D as L } from "./chunks/Button.P9uWeVnl.js";
-import { D as F } from "./chunks/SystemFeedback.D4aWwoC8.js";
-import { FilePreview as B } from "./filepreview.BTWX71Xh.js";
-import { ProgressIndicator as A } from "./progressindicator.DIzH179H.js";
+import { D as L } from "./chunks/Button.D8U6Bs7T.js";
+import { D as F } from "./chunks/SystemFeedback.CZhoSxrC.js";
+import { FilePreview as B } from "./filepreview.DfYhhi7K.js";
+import { ProgressIndicator as A } from "./progressindicator.DdaSeRcV.js";
 import './assets/filelist.CHVupL8T.css';const I = new RegExp("([\\p{Ll}\\d])(\\p{Lu})", "gu"), y = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu"), U = new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d", "u"), D = /[^\p{L}\d]+/giu, g = "$1\0$2", k = "";
 function E(r) {
   let e = r.trim();

package/{filepreview.BTWX71Xh.js → filepreview.DfYhhi7K.js}

@@ -2,7 +2,7 @@
 import { jsx as d } from "react/jsx-runtime";
 import { d as z } from "./chunks/index.cKLI89Eg.js";
 import { useState as N } from "react";
-import { D as w } from "./chunks/Icon.BoywkLCM.js";
+import { D as w } from "./chunks/Icon.DCdL1Vnp.js";
 import './assets/filepreview.2cdH-1Xs.css';const S = "ds-input-file_preview_15s1u_1", E = "ds-input-file_root_15s1u_7", D = "ds-input-file_file-icon_15s1u_7", u = {
   preview: S,
   root: E,

package/{flag.B0fg5_Ly.js → flag.B61fRxrP.js}

@@ -2,7 +2,7 @@
 import { jsxs as y, jsx as p } from "react/jsx-runtime";
 import { d as L } from "./chunks/index.cKLI89Eg.js";
 import { c as u } from "./chunks/index.DQOqod3i.js";
-import { D as w } from "./chunks/Icon.BoywkLCM.js";
+import { D as w } from "./chunks/Icon.DCdL1Vnp.js";
 import './assets/flag.CyCIPu_J.css';const b = "ds-flag_root_14d3h_1", x = "ds-flag_root--color-grey-light_14d3h_28", G = "ds-flag_root--color-yellow-light_14d3h_31", N = "ds-flag_root--color-red-light_14d3h_34", S = "ds-flag_root--color-green-light_14d3h_37", D = "ds-flag_root--color-orange-base_14d3h_40", C = {
   root: b,
   "root--color-grey-light": "ds-flag_root--color-grey-light_14d3h_28",

package/{floatingactionbutton.C97oLCcd.js → floatingactionbutton.C-V33tkz.js}

@@ -2,8 +2,8 @@
 import { jsxs as q, jsx as S } from "react/jsx-runtime";
 import { d as J } from "./chunks/index.cKLI89Eg.js";
 import { c as T } from "./chunks/index.DQOqod3i.js";
-import { D as K } from "./chunks/Icon.BoywkLCM.js";
-import { DSSpinner as M } from "./spinner.CJmvEaCu.js";
+import { D as K } from "./chunks/Icon.DCdL1Vnp.js";
+import { DSSpinner as M } from "./spinner.CioXs_gr.js";
 import { Tooltip as $ } from "./tooltip.C6HKano9.js";
 import { forwardRef as P } from "react";
 import './assets/floatingactionbutton.CTbMRM9Q.css';const Q = "ds-floating-action-button_root_1any0_1", U = "ds-floating-action-button_root--dark_1any0_70", V = "ds-floating-action-button_root--small_1any0_108", W = "ds-floating-action-button_loader_1any0_129", X = "ds-floating-action-button_icon--hidden_1any0_141", Y = "ds-floating-action-button_label--hidden_1any0_145", l = {

package/{icon.DfDzyo8I.js → icon.pia3k1bW.js}

@@ -3,7 +3,7 @@ import "react/jsx-runtime";
 import "./chunks/index.cKLI89Eg.js";
 import "./chunks/index.DQOqod3i.js";
 import "react";
-import { D as e } from "./chunks/Icon.BoywkLCM.js";
+import { D as e } from "./chunks/Icon.DCdL1Vnp.js";
 export {
   e as DSIcon
 };

package/index.d.ts

@@ -63,6 +63,8 @@ export * from './components/NavigationTabs/NavigationTabs';
 export * from './components/NavigationTabs/NavigationTabs.utils';
 export * from './components/Notification/Notification';
 export * from './components/Notification/Notification.utils';
+export * from './components/Pagination/Pagination';
+export * from './components/Pagination/Pagination.utils';
 export * from './components/Popover/Popover';
 export * from './components/Popover/Popover.utils';
 export * from './components/RadioGroup/RadioGroup';
@@ -95,3 +97,8 @@ export * from './components/Title/Title.utils';
 export * from './components/Toast/ToastManager';
 export * from './components/TopBar/TopBar';
 export * from './components/TopBar/TopBar.utils';
+/**
+ ** Reexport types that are not part of any component, so that consumers can import them directly from the package.
+ ** e.g. `import { type IconName } from '@stihl-design-system/components'`
+ **/
+export type * from './types';